chore: build and lint

Author: brandyscarney

core/api.txt

@@ -1952,88 +1952,60 @@ ion-segment-button,prop,mode,"ios" | "md",undefined,false,false
 ion-segment-button,prop,theme,"ios" | "md" | "ionic",undefined,false,false
 ion-segment-button,prop,type,"button" | "reset" | "submit",'button',false,false
 ion-segment-button,prop,value,number | string,'ion-sb-' + ids++,false,false
-ion-segment-button,css-prop,--background,ionic
 ion-segment-button,css-prop,--background,ios
 ion-segment-button,css-prop,--background,md
-ion-segment-button,css-prop,--background-checked,ionic
 ion-segment-button,css-prop,--background-checked,ios
 ion-segment-button,css-prop,--background-checked,md
-ion-segment-button,css-prop,--background-focused,ionic
 ion-segment-button,css-prop,--background-focused,ios
 ion-segment-button,css-prop,--background-focused,md
-ion-segment-button,css-prop,--background-focused-opacity,ionic
 ion-segment-button,css-prop,--background-focused-opacity,ios
 ion-segment-button,css-prop,--background-focused-opacity,md
-ion-segment-button,css-prop,--background-hover,ionic
 ion-segment-button,css-prop,--background-hover,ios
 ion-segment-button,css-prop,--background-hover,md
-ion-segment-button,css-prop,--background-hover-opacity,ionic
 ion-segment-button,css-prop,--background-hover-opacity,ios
 ion-segment-button,css-prop,--background-hover-opacity,md
-ion-segment-button,css-prop,--border-color,ionic
 ion-segment-button,css-prop,--border-color,ios
 ion-segment-button,css-prop,--border-color,md
-ion-segment-button,css-prop,--border-radius,ionic
 ion-segment-button,css-prop,--border-radius,ios
 ion-segment-button,css-prop,--border-radius,md
-ion-segment-button,css-prop,--border-style,ionic
 ion-segment-button,css-prop,--border-style,ios
 ion-segment-button,css-prop,--border-style,md
-ion-segment-button,css-prop,--border-width,ionic
 ion-segment-button,css-prop,--border-width,ios
 ion-segment-button,css-prop,--border-width,md
-ion-segment-button,css-prop,--color,ionic
 ion-segment-button,css-prop,--color,ios
 ion-segment-button,css-prop,--color,md
-ion-segment-button,css-prop,--color-checked,ionic
 ion-segment-button,css-prop,--color-checked,ios
 ion-segment-button,css-prop,--color-checked,md
-ion-segment-button,css-prop,--color-focused,ionic
 ion-segment-button,css-prop,--color-focused,ios
 ion-segment-button,css-prop,--color-focused,md
-ion-segment-button,css-prop,--color-hover,ionic
 ion-segment-button,css-prop,--color-hover,ios
 ion-segment-button,css-prop,--color-hover,md
-ion-segment-button,css-prop,--indicator-box-shadow,ionic
 ion-segment-button,css-prop,--indicator-box-shadow,ios
 ion-segment-button,css-prop,--indicator-box-shadow,md
-ion-segment-button,css-prop,--indicator-color,ionic
 ion-segment-button,css-prop,--indicator-color,ios
 ion-segment-button,css-prop,--indicator-color,md
-ion-segment-button,css-prop,--indicator-height,ionic
 ion-segment-button,css-prop,--indicator-height,ios
 ion-segment-button,css-prop,--indicator-height,md
-ion-segment-button,css-prop,--indicator-transform,ionic
 ion-segment-button,css-prop,--indicator-transform,ios
 ion-segment-button,css-prop,--indicator-transform,md
-ion-segment-button,css-prop,--indicator-transition,ionic
 ion-segment-button,css-prop,--indicator-transition,ios
 ion-segment-button,css-prop,--indicator-transition,md
-ion-segment-button,css-prop,--margin-bottom,ionic
 ion-segment-button,css-prop,--margin-bottom,ios
 ion-segment-button,css-prop,--margin-bottom,md
-ion-segment-button,css-prop,--margin-end,ionic
 ion-segment-button,css-prop,--margin-end,ios
 ion-segment-button,css-prop,--margin-end,md
-ion-segment-button,css-prop,--margin-start,ionic
 ion-segment-button,css-prop,--margin-start,ios
 ion-segment-button,css-prop,--margin-start,md
-ion-segment-button,css-prop,--margin-top,ionic
 ion-segment-button,css-prop,--margin-top,ios
 ion-segment-button,css-prop,--margin-top,md
-ion-segment-button,css-prop,--padding-bottom,ionic
 ion-segment-button,css-prop,--padding-bottom,ios
 ion-segment-button,css-prop,--padding-bottom,md
-ion-segment-button,css-prop,--padding-end,ionic
 ion-segment-button,css-prop,--padding-end,ios
 ion-segment-button,css-prop,--padding-end,md
-ion-segment-button,css-prop,--padding-start,ionic
 ion-segment-button,css-prop,--padding-start,ios
 ion-segment-button,css-prop,--padding-start,md
-ion-segment-button,css-prop,--padding-top,ionic
 ion-segment-button,css-prop,--padding-top,ios
 ion-segment-button,css-prop,--padding-top,md
-ion-segment-button,css-prop,--transition,ionic
 ion-segment-button,css-prop,--transition,ios
 ion-segment-button,css-prop,--transition,md
 ion-segment-button,part,indicator

core/src/components/segment-button/segment-button.common.scss

@@ -187,10 +187,10 @@
   width: 100%;
   height: var(--indicator-height);
 
-  background: var(--indicator-color);
-
   transform: var(--indicator-transform);
 
+  background: var(--indicator-color);
+
   box-shadow: var(--indicator-box-shadow);
 
   pointer-events: none;

core/src/components/segment-button/segment-button.ionic.scss

@@ -10,6 +10,7 @@
   --color: #{globals.$ionic-color-neutral-1000};
   --color-checked: #{globals.$ionic-color-primary-base};
   --color-disabled: #{globals.$ionic-color-neutral-500};
+  --indicator-box-shadow: none;
   --indicator-color: var(--color-checked);
   --indicator-height: #{globals.$ionic-border-size-025};
   --indicator-transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
@@ -27,7 +28,7 @@
 }
 
 .button-inner {
-  @include padding(globals.$ionic-space-100, null, globals.$ionic-space-100, null);
+  @include padding(globals.$ionic-space-100, globals.$ionic-space-0, globals.$ionic-space-100, globals.$ionic-space-0);
 
   gap: globals.$ionic-space-100;
 }