igniteui-webcomponents-inputs 4.0.3 → 4.2.2

package/esm2015/lib/igc-x-button-component.js

@@ -265,41 +265,41 @@ export let IgcXButtonComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get actualBorderColor() {
-            return brushToString(this.i.m9);
+            return brushToString(this.i.na);
         }
         set actualBorderColor(v) {
-            this.i.m9 = stringToBrush(v);
-            this._a("actualBorderColor", brushToString(this.i.m9));
+            this.i.na = stringToBrush(v);
+            this._a("actualBorderColor", brushToString(this.i.na));
         }
         /**
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get actualUmbraShadowColor() {
-            return brushToString(this.i.nk);
+            return brushToString(this.i.nl);
         }
         set actualUmbraShadowColor(v) {
-            this.i.nk = stringToBrush(v);
-            this._a("actualUmbraShadowColor", brushToString(this.i.nk));
+            this.i.nl = stringToBrush(v);
+            this._a("actualUmbraShadowColor", brushToString(this.i.nl));
         }
         /**
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get actualPenumbraShadowColor() {
-            return brushToString(this.i.nh);
+            return brushToString(this.i.ni);
         }
         set actualPenumbraShadowColor(v) {
-            this.i.nh = stringToBrush(v);
-            this._a("actualPenumbraShadowColor", brushToString(this.i.nh));
+            this.i.ni = stringToBrush(v);
+            this._a("actualPenumbraShadowColor", brushToString(this.i.ni));
         }
         /**
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get actualAmbientShadowColor() {
-            return brushToString(this.i.m7);
+            return brushToString(this.i.m8);
         }
         set actualAmbientShadowColor(v) {
-            this.i.m7 = stringToBrush(v);
-            this._a("actualAmbientShadowColor", brushToString(this.i.m7));
+            this.i.m8 = stringToBrush(v);
+            this._a("actualAmbientShadowColor", brushToString(this.i.m8));
         }
         /**
          * Gets or sets the color to use for the check mark when the checkbox is checked.
@@ -335,93 +335,93 @@ export let IgcXButtonComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the ripple when the button is pressed.
         */
         get actualRippleColor() {
-            return brushToString(this.i.ni);
+            return brushToString(this.i.nj);
         }
         set actualRippleColor(v) {
-            this.i.ni = stringToBrush(v);
-            this._a("actualRippleColor", brushToString(this.i.ni));
+            this.i.nj = stringToBrush(v);
+            this._a("actualRippleColor", brushToString(this.i.nj));
         }
         get actualCornerRadiusBottomRight() {
-            return this.i.kc ? this.i.kc.b : NaN;
+            return this.i.kd ? this.i.kd.b : NaN;
         }
         set actualCornerRadiusBottomRight(v) {
             this.ensureActualCornerRadius();
-            this.i.kc.b = +v;
-            this._a("actualCornerRadiusBottomRight", this.i.kc.b);
-            this.i.kc = this.i.kc;
+            this.i.kd.b = +v;
+            this._a("actualCornerRadiusBottomRight", this.i.kd.b);
+            this.i.kd = this.i.kd;
         }
         get actualCornerRadiusBottomLeft() {
-            return this.i.kc ? this.i.kc.a : NaN;
+            return this.i.kd ? this.i.kd.a : NaN;
         }
         set actualCornerRadiusBottomLeft(v) {
             this.ensureActualCornerRadius();
-            this.i.kc.a = +v;
-            this._a("actualCornerRadiusBottomLeft", this.i.kc.a);
-            this.i.kc = this.i.kc;
+            this.i.kd.a = +v;
+            this._a("actualCornerRadiusBottomLeft", this.i.kd.a);
+            this.i.kd = this.i.kd;
         }
         get actualCornerRadiusTopLeft() {
-            return this.i.kc ? this.i.kc.c : NaN;
+            return this.i.kd ? this.i.kd.c : NaN;
         }
         set actualCornerRadiusTopLeft(v) {
             this.ensureActualCornerRadius();
-            this.i.kc.c = +v;
-            this._a("actualCornerRadiusTopLeft", this.i.kc.c);
-            this.i.kc = this.i.kc;
+            this.i.kd.c = +v;
+            this._a("actualCornerRadiusTopLeft", this.i.kd.c);
+            this.i.kd = this.i.kd;
         }
         get actualCornerRadiusTopRight() {
-            return this.i.kc ? this.i.kc.d : NaN;
+            return this.i.kd ? this.i.kd.d : NaN;
         }
         set actualCornerRadiusTopRight(v) {
             this.ensureActualCornerRadius();
-            this.i.kc.d = +v;
-            this._a("actualCornerRadiusTopRight", this.i.kc.d);
-            this.i.kc = this.i.kc;
+            this.i.kd.d = +v;
+            this._a("actualCornerRadiusTopRight", this.i.kd.d);
+            this.i.kd = this.i.kd;
         }
         ensureActualCornerRadius() {
-            if (this.i.kc) {
+            if (this.i.kd) {
                 return;
             }
-            this.i.kc = new CornerRadius(2);
+            this.i.kd = new CornerRadius(2);
         }
         /**
          * Gets the color to use for the actual background.
         */
         get actualBackgroundColor() {
-            return brushToString(this.i.m8);
+            return brushToString(this.i.m9);
         }
         set actualBackgroundColor(v) {
-            this.i.m8 = stringToBrush(v);
-            this._a("actualBackgroundColor", brushToString(this.i.m8));
+            this.i.m9 = stringToBrush(v);
+            this._a("actualBackgroundColor", brushToString(this.i.m9));
         }
         /**
          * Gets the actual color to use for the disabled background of the button.
         */
         get actualDisabledBackgroundColor() {
-            return brushToString(this.i.na);
+            return brushToString(this.i.nb);
         }
         set actualDisabledBackgroundColor(v) {
-            this.i.na = stringToBrush(v);
-            this._a("actualDisabledBackgroundColor", brushToString(this.i.na));
+            this.i.nb = stringToBrush(v);
+            this._a("actualDisabledBackgroundColor", brushToString(this.i.nb));
         }
         /**
          * Gets the actual color to use for the disabled border of the button.
         */
         get actualDisabledBorderColor() {
-            return brushToString(this.i.nb);
+            return brushToString(this.i.nc);
         }
         set actualDisabledBorderColor(v) {
-            this.i.nb = stringToBrush(v);
-            this._a("actualDisabledBorderColor", brushToString(this.i.nb));
+            this.i.nc = stringToBrush(v);
+            this._a("actualDisabledBorderColor", brushToString(this.i.nc));
         }
         /**
          * Gets the actual color to use for the disabled text of the button.
         */
         get actualDisabledTextColor() {
-            return brushToString(this.i.nc);
+            return brushToString(this.i.nd);
         }
         set actualDisabledTextColor(v) {
-            this.i.nc = stringToBrush(v);
-            this._a("actualDisabledTextColor", brushToString(this.i.nc));
+            this.i.nd = stringToBrush(v);
+            this._a("actualDisabledTextColor", brushToString(this.i.nd));
         }
         /**
          * Gets the actual disabled elevation to use for the button.
@@ -447,51 +447,51 @@ export let IgcXButtonComponent = /*@__PURE__*/ (() => {
          * Gets the color to use for the actual background.
         */
         get actualTextColor() {
-            return brushToString(this.i.nj);
+            return brushToString(this.i.nk);
         }
         set actualTextColor(v) {
-            this.i.nj = stringToBrush(v);
-            this._a("actualTextColor", brushToString(this.i.nj));
+            this.i.nk = stringToBrush(v);
+            this._a("actualTextColor", brushToString(this.i.nk));
         }
         /**
          * Gets the color to use for the actual background.
         */
         get actualHoverTextColor() {
-            return brushToString(this.i.ng);
+            return brushToString(this.i.nh);
         }
         set actualHoverTextColor(v) {
-            this.i.ng = stringToBrush(v);
-            this._a("actualHoverTextColor", brushToString(this.i.ng));
+            this.i.nh = stringToBrush(v);
+            this._a("actualHoverTextColor", brushToString(this.i.nh));
         }
         /**
          * Gets the color to use for the actual background.
         */
         get actualFocusBackgroundColor() {
-            return brushToString(this.i.nd);
+            return brushToString(this.i.ne);
         }
         set actualFocusBackgroundColor(v) {
-            this.i.nd = stringToBrush(v);
-            this._a("actualFocusBackgroundColor", brushToString(this.i.nd));
+            this.i.ne = stringToBrush(v);
+            this._a("actualFocusBackgroundColor", brushToString(this.i.ne));
         }
         /**
          * Gets the actual color to use for the focused text.
         */
         get actualFocusTextColor() {
-            return brushToString(this.i.ne);
+            return brushToString(this.i.nf);
         }
         set actualFocusTextColor(v) {
-            this.i.ne = stringToBrush(v);
-            this._a("actualFocusTextColor", brushToString(this.i.ne));
+            this.i.nf = stringToBrush(v);
+            this._a("actualFocusTextColor", brushToString(this.i.nf));
         }
         /**
          * Gets the hover color to use for the actual background.
         */
         get actualHoverBackgroundColor() {
-            return brushToString(this.i.nf);
+            return brushToString(this.i.ng);
         }
         set actualHoverBackgroundColor(v) {
-            this.i.nf = stringToBrush(v);
-            this._a("actualHoverBackgroundColor", brushToString(this.i.nf));
+            this.i.ng = stringToBrush(v);
+            this._a("actualHoverBackgroundColor", brushToString(this.i.ng));
         }
         /**
          * Gets or sets the Width to use for the check mark when the checkbox is checked.
@@ -507,41 +507,41 @@ export let IgcXButtonComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the background of the button when the  type is raised.
         */
         get raisedBackgroundColor() {
-            return brushToString(this.i.tw);
+            return brushToString(this.i.tx);
         }
         set raisedBackgroundColor(v) {
-            this.i.tw = stringToBrush(v);
-            this._a("raisedBackgroundColor", brushToString(this.i.tw));
+            this.i.tx = stringToBrush(v);
+            this._a("raisedBackgroundColor", brushToString(this.i.tx));
         }
         /**
          * Gets or sets the color to use for the disabled background of the button when the type is raised.
         */
         get raisedDisabledBackgroundColor() {
-            return brushToString(this.i.ty);
+            return brushToString(this.i.tz);
         }
         set raisedDisabledBackgroundColor(v) {
-            this.i.ty = stringToBrush(v);
-            this._a("raisedDisabledBackgroundColor", brushToString(this.i.ty));
+            this.i.tz = stringToBrush(v);
+            this._a("raisedDisabledBackgroundColor", brushToString(this.i.tz));
         }
         /**
          * Gets or sets the color to use for the disabled border of the button when the type is raised.
         */
         get raisedDisabledBorderColor() {
-            return brushToString(this.i.tz);
+            return brushToString(this.i.t0);
         }
         set raisedDisabledBorderColor(v) {
-            this.i.tz = stringToBrush(v);
-            this._a("raisedDisabledBorderColor", brushToString(this.i.tz));
+            this.i.t0 = stringToBrush(v);
+            this._a("raisedDisabledBorderColor", brushToString(this.i.t0));
         }
         /**
          * Gets or sets the color to use for the disabled text of the button when the type is raised.
         */
         get raisedDisabledTextColor() {
-            return brushToString(this.i.t0);
+            return brushToString(this.i.t1);
         }
         set raisedDisabledTextColor(v) {
-            this.i.t0 = stringToBrush(v);
-            this._a("raisedDisabledTextColor", brushToString(this.i.t0));
+            this.i.t1 = stringToBrush(v);
+            this._a("raisedDisabledTextColor", brushToString(this.i.t1));
         }
         /**
          * Gets or sets the disabled elevation to use for the button when the type is raised.
@@ -557,21 +557,21 @@ export let IgcXButtonComponent = /*@__PURE__*/ (() => {
          * Gets or sets the hover color to use for the background of the button when the  type is raised.
         */
         get raisedHoverBackgroundColor() {
-            return brushToString(this.i.t3);
+            return brushToString(this.i.t4);
         }
         set raisedHoverBackgroundColor(v) {
-            this.i.t3 = stringToBrush(v);
-            this._a("raisedHoverBackgroundColor", brushToString(this.i.t3));
+            this.i.t4 = stringToBrush(v);
+            this._a("raisedHoverBackgroundColor", brushToString(this.i.t4));
         }
         /**
          * Gets or sets the border color to use for the button when the type is raised.
         */
         get raisedBorderColor() {
-            return brushToString(this.i.tx);
+            return brushToString(this.i.ty);
         }
         set raisedBorderColor(v) {
-            this.i.tx = stringToBrush(v);
-            this._a("raisedBorderColor", brushToString(this.i.tx));
+            this.i.ty = stringToBrush(v);
+            this._a("raisedBorderColor", brushToString(this.i.ty));
         }
         /**
          * Gets or sets the elevation to use for the button when the type is raised.
@@ -614,96 +614,96 @@ export let IgcXButtonComponent = /*@__PURE__*/ (() => {
             this._a("raisedBorderWidth", this.i.bj);
         }
         get raisedCornerRadiusBottomRight() {
-            return this.i.ky ? this.i.ky.b : NaN;
+            return this.i.kz ? this.i.kz.b : NaN;
         }
         set raisedCornerRadiusBottomRight(v) {
             this.ensureRaisedCornerRadius();
-            this.i.ky.b = +v;
-            this._a("raisedCornerRadiusBottomRight", this.i.ky.b);
-            this.i.ky = this.i.ky;
+            this.i.kz.b = +v;
+            this._a("raisedCornerRadiusBottomRight", this.i.kz.b);
+            this.i.kz = this.i.kz;
         }
         get raisedCornerRadiusBottomLeft() {
-            return this.i.ky ? this.i.ky.a : NaN;
+            return this.i.kz ? this.i.kz.a : NaN;
         }
         set raisedCornerRadiusBottomLeft(v) {
             this.ensureRaisedCornerRadius();
-            this.i.ky.a = +v;
-            this._a("raisedCornerRadiusBottomLeft", this.i.ky.a);
-            this.i.ky = this.i.ky;
+            this.i.kz.a = +v;
+            this._a("raisedCornerRadiusBottomLeft", this.i.kz.a);
+            this.i.kz = this.i.kz;
         }
         get raisedCornerRadiusTopLeft() {
-            return this.i.ky ? this.i.ky.c : NaN;
+            return this.i.kz ? this.i.kz.c : NaN;
         }
         set raisedCornerRadiusTopLeft(v) {
             this.ensureRaisedCornerRadius();
-            this.i.ky.c = +v;
-            this._a("raisedCornerRadiusTopLeft", this.i.ky.c);
-            this.i.ky = this.i.ky;
+            this.i.kz.c = +v;
+            this._a("raisedCornerRadiusTopLeft", this.i.kz.c);
+            this.i.kz = this.i.kz;
         }
         get raisedCornerRadiusTopRight() {
-            return this.i.ky ? this.i.ky.d : NaN;
+            return this.i.kz ? this.i.kz.d : NaN;
         }
         set raisedCornerRadiusTopRight(v) {
             this.ensureRaisedCornerRadius();
-            this.i.ky.d = +v;
-            this._a("raisedCornerRadiusTopRight", this.i.ky.d);
-            this.i.ky = this.i.ky;
+            this.i.kz.d = +v;
+            this._a("raisedCornerRadiusTopRight", this.i.kz.d);
+            this.i.kz = this.i.kz;
         }
         ensureRaisedCornerRadius() {
-            if (this.i.ky) {
+            if (this.i.kz) {
                 return;
             }
-            this.i.ky = new CornerRadius(2);
+            this.i.kz = new CornerRadius(2);
         }
         /**
          * Gets or sets the color to use for the background when the button is pressed and the type is floating action button.
         */
         get raisedRippleColor() {
-            return brushToString(this.i.t5);
+            return brushToString(this.i.t6);
         }
         set raisedRippleColor(v) {
-            this.i.t5 = stringToBrush(v);
-            this._a("raisedRippleColor", brushToString(this.i.t5));
+            this.i.t6 = stringToBrush(v);
+            this._a("raisedRippleColor", brushToString(this.i.t6));
         }
         /**
          * Gets or sets the color to use for the background of the button when the type is flat.
         */
         get flatBackgroundColor() {
-            return brushToString(this.i.sv);
+            return brushToString(this.i.sw);
         }
         set flatBackgroundColor(v) {
-            this.i.sv = stringToBrush(v);
-            this._a("flatBackgroundColor", brushToString(this.i.sv));
+            this.i.sw = stringToBrush(v);
+            this._a("flatBackgroundColor", brushToString(this.i.sw));
         }
         /**
          * Gets or sets the color to use for the disabled background of the button when the type is flat.
         */
         get flatDisabledBackgroundColor() {
-            return brushToString(this.i.sx);
+            return brushToString(this.i.sy);
         }
         set flatDisabledBackgroundColor(v) {
-            this.i.sx = stringToBrush(v);
-            this._a("flatDisabledBackgroundColor", brushToString(this.i.sx));
+            this.i.sy = stringToBrush(v);
+            this._a("flatDisabledBackgroundColor", brushToString(this.i.sy));
         }
         /**
          * Gets or sets the color to use for the disabled border of the button when the type is flat.
         */
         get flatDisabledBorderColor() {
-            return brushToString(this.i.sy);
+            return brushToString(this.i.sz);
         }
         set flatDisabledBorderColor(v) {
-            this.i.sy = stringToBrush(v);
-            this._a("flatDisabledBorderColor", brushToString(this.i.sy));
+            this.i.sz = stringToBrush(v);
+            this._a("flatDisabledBorderColor", brushToString(this.i.sz));
         }
         /**
          * Gets or sets the color to use for the disabled text of the button when the type is flat.
         */
         get flatDisabledTextColor() {
-            return brushToString(this.i.sz);
+            return brushToString(this.i.s0);
         }
         set flatDisabledTextColor(v) {
-            this.i.sz = stringToBrush(v);
-            this._a("flatDisabledTextColor", brushToString(this.i.sz));
+            this.i.s0 = stringToBrush(v);
+            this._a("flatDisabledTextColor", brushToString(this.i.s0));
         }
         /**
          * Gets or sets the disabled elevation to use for the button when the type is flat.
@@ -719,21 +719,21 @@ export let IgcXButtonComponent = /*@__PURE__*/ (() => {
          * Gets or sets the hover color to use for the background of the button when the type is flat.
         */
         get flatHoverBackgroundColor() {
-            return brushToString(this.i.s2);
+            return brushToString(this.i.s3);
         }
         set flatHoverBackgroundColor(v) {
-            this.i.s2 = stringToBrush(v);
-            this._a("flatHoverBackgroundColor", brushToString(this.i.s2));
+            this.i.s3 = stringToBrush(v);
+            this._a("flatHoverBackgroundColor", brushToString(this.i.s3));
         }
         /**
          * Gets or sets the border color to use for the button when the type is flat.
         */
         get flatBorderColor() {
-            return brushToString(this.i.sw);
+            return brushToString(this.i.sx);
         }
         set flatBorderColor(v) {
-            this.i.sw = stringToBrush(v);
-            this._a("flatBorderColor", brushToString(this.i.sw));
+            this.i.sx = stringToBrush(v);
+            this._a("flatBorderColor", brushToString(this.i.sx));
         }
         /**
          * Gets or sets the elevation to use for the button when the type is flat.
@@ -769,51 +769,51 @@ export let IgcXButtonComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the background when the button is pressed and the type is floating action button.
         */
         get flatRippleColor() {
-            return brushToString(this.i.s4);
+            return brushToString(this.i.s5);
         }
         set flatRippleColor(v) {
-            this.i.s4 = stringToBrush(v);
-            this._a("flatRippleColor", brushToString(this.i.s4));
+            this.i.s5 = stringToBrush(v);
+            this._a("flatRippleColor", brushToString(this.i.s5));
         }
         /**
          * Gets or sets the color to use for the text of the button when type is flat.
         */
         get flatTextColor() {
-            return brushToString(this.i.s5);
+            return brushToString(this.i.s6);
         }
         set flatTextColor(v) {
-            this.i.s5 = stringToBrush(v);
-            this._a("flatTextColor", brushToString(this.i.s5));
+            this.i.s6 = stringToBrush(v);
+            this._a("flatTextColor", brushToString(this.i.s6));
         }
         /**
          * Gets or sets the color to use for the hovered text of the button when type is flat.
         */
         get flatHoverTextColor() {
-            return brushToString(this.i.s3);
+            return brushToString(this.i.s4);
         }
         set flatHoverTextColor(v) {
-            this.i.s3 = stringToBrush(v);
-            this._a("flatHoverTextColor", brushToString(this.i.s3));
+            this.i.s4 = stringToBrush(v);
+            this._a("flatHoverTextColor", brushToString(this.i.s4));
         }
         /**
          * Gets or sets the color to use for the backround the button when it is focused and flat.
         */
         get flatFocusBackgroundColor() {
-            return brushToString(this.i.s0);
+            return brushToString(this.i.s1);
         }
         set flatFocusBackgroundColor(v) {
-            this.i.s0 = stringToBrush(v);
-            this._a("flatFocusBackgroundColor", brushToString(this.i.s0));
+            this.i.s1 = stringToBrush(v);
+            this._a("flatFocusBackgroundColor", brushToString(this.i.s1));
         }
         /**
          * Gets or sets the color to use for the text the button when it is focused and flat.
         */
         get flatFocusTextColor() {
-            return brushToString(this.i.s1);
+            return brushToString(this.i.s2);
         }
         set flatFocusTextColor(v) {
-            this.i.s1 = stringToBrush(v);
-            this._a("flatFocusTextColor", brushToString(this.i.s1));
+            this.i.s2 = stringToBrush(v);
+            this._a("flatFocusTextColor", brushToString(this.i.s2));
         }
         /**
          * Gets or sets the width to use for the button border when the type is flat.
@@ -826,86 +826,86 @@ export let IgcXButtonComponent = /*@__PURE__*/ (() => {
             this._a("flatBorderWidth", this.i.be);
         }
         get flatCornerRadiusBottomRight() {
-            return this.i.kv ? this.i.kv.b : NaN;
+            return this.i.kw ? this.i.kw.b : NaN;
         }
         set flatCornerRadiusBottomRight(v) {
             this.ensureFlatCornerRadius();
-            this.i.kv.b = +v;
-            this._a("flatCornerRadiusBottomRight", this.i.kv.b);
-            this.i.kv = this.i.kv;
+            this.i.kw.b = +v;
+            this._a("flatCornerRadiusBottomRight", this.i.kw.b);
+            this.i.kw = this.i.kw;
         }
         get flatCornerRadiusBottomLeft() {
-            return this.i.kv ? this.i.kv.a : NaN;
+            return this.i.kw ? this.i.kw.a : NaN;
         }
         set flatCornerRadiusBottomLeft(v) {
             this.ensureFlatCornerRadius();
-            this.i.kv.a = +v;
-            this._a("flatCornerRadiusBottomLeft", this.i.kv.a);
-            this.i.kv = this.i.kv;
+            this.i.kw.a = +v;
+            this._a("flatCornerRadiusBottomLeft", this.i.kw.a);
+            this.i.kw = this.i.kw;
         }
         get flatCornerRadiusTopLeft() {
-            return this.i.kv ? this.i.kv.c : NaN;
+            return this.i.kw ? this.i.kw.c : NaN;
         }
         set flatCornerRadiusTopLeft(v) {
             this.ensureFlatCornerRadius();
-            this.i.kv.c = +v;
-            this._a("flatCornerRadiusTopLeft", this.i.kv.c);
-            this.i.kv = this.i.kv;
+            this.i.kw.c = +v;
+            this._a("flatCornerRadiusTopLeft", this.i.kw.c);
+            this.i.kw = this.i.kw;
         }
         get flatCornerRadiusTopRight() {
-            return this.i.kv ? this.i.kv.d : NaN;
+            return this.i.kw ? this.i.kw.d : NaN;
         }
         set flatCornerRadiusTopRight(v) {
             this.ensureFlatCornerRadius();
-            this.i.kv.d = +v;
-            this._a("flatCornerRadiusTopRight", this.i.kv.d);
-            this.i.kv = this.i.kv;
+            this.i.kw.d = +v;
+            this._a("flatCornerRadiusTopRight", this.i.kw.d);
+            this.i.kw = this.i.kw;
         }
         ensureFlatCornerRadius() {
-            if (this.i.kv) {
+            if (this.i.kw) {
                 return;
             }
-            this.i.kv = new CornerRadius(2);
+            this.i.kw = new CornerRadius(2);
         }
         /**
          * Gets or sets the color to use for the background when the button regardless of type.
         */
         get backgroundColor() {
-            return brushToString(this.i.nl);
+            return brushToString(this.i.nm);
         }
         set backgroundColor(v) {
-            this.i.nl = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.nl));
+            this.i.nm = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.nm));
         }
         /**
          * Gets or sets the color to use for the disabled background of the button when the type is disabled.
         */
         get disabledBackgroundColor() {
-            return brushToString(this.i.sh);
+            return brushToString(this.i.si);
         }
         set disabledBackgroundColor(v) {
-            this.i.sh = stringToBrush(v);
-            this._a("disabledBackgroundColor", brushToString(this.i.sh));
+            this.i.si = stringToBrush(v);
+            this._a("disabledBackgroundColor", brushToString(this.i.si));
         }
         /**
          * Gets or sets the color to use for the disabled border of the button when the type is raised.
         */
         get disabledBorderColor() {
-            return brushToString(this.i.si);
+            return brushToString(this.i.sj);
         }
         set disabledBorderColor(v) {
-            this.i.si = stringToBrush(v);
-            this._a("disabledBorderColor", brushToString(this.i.si));
+            this.i.sj = stringToBrush(v);
+            this._a("disabledBorderColor", brushToString(this.i.sj));
         }
         /**
          * Gets or sets the color to use for the disabled text of the button when the type is raised.
         */
         get disabledTextColor() {
-            return brushToString(this.i.sj);
+            return brushToString(this.i.sk);
         }
         set disabledTextColor(v) {
-            this.i.sj = stringToBrush(v);
-            this._a("disabledTextColor", brushToString(this.i.sj));
+            this.i.sk = stringToBrush(v);
+            this._a("disabledTextColor", brushToString(this.i.sk));
         }
         /**
          * Gets or sets the disabled elevation to use for the button when the type is raised.
@@ -931,21 +931,21 @@ export let IgcXButtonComponent = /*@__PURE__*/ (() => {
          * Gets or sets the hover color to use for the background of the button when the  type is hovered.
         */
         get hoverBackgroundColor() {
-            return brushToString(this.i.s8);
+            return brushToString(this.i.s9);
         }
         set hoverBackgroundColor(v) {
-            this.i.s8 = stringToBrush(v);
-            this._a("hoverBackgroundColor", brushToString(this.i.s8));
+            this.i.s9 = stringToBrush(v);
+            this._a("hoverBackgroundColor", brushToString(this.i.s9));
         }
         /**
          * Gets or sets the border color to use for the button regardless of type.
         */
         get borderColor() {
-            return brushToString(this.i.nm);
+            return brushToString(this.i.nn);
         }
         set borderColor(v) {
-            this.i.nm = stringToBrush(v);
-            this._a("borderColor", brushToString(this.i.nm));
+            this.i.nn = stringToBrush(v);
+            this._a("borderColor", brushToString(this.i.nn));
         }
         /**
          * Gets or sets the elevation to use for the button regardless of type.
@@ -996,91 +996,91 @@ export let IgcXButtonComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the text of the button regardless of type.
         */
         get textColor() {
-            return brushToString(this.i.t8);
+            return brushToString(this.i.t9);
         }
         set textColor(v) {
-            this.i.t8 = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.t8));
+            this.i.t9 = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.t9));
         }
         /**
          * Gets or sets the color to use for the hovered text of the button regardless of type.
         */
         get hoverTextColor() {
-            return brushToString(this.i.s9);
+            return brushToString(this.i.ta);
         }
         set hoverTextColor(v) {
-            this.i.s9 = stringToBrush(v);
-            this._a("hoverTextColor", brushToString(this.i.s9));
+            this.i.ta = stringToBrush(v);
+            this._a("hoverTextColor", brushToString(this.i.ta));
         }
         /**
          * Gets or sets the color to use for the background of the button regardless of type.
         */
         get rippleColor() {
-            return brushToString(this.i.t7);
+            return brushToString(this.i.t8);
         }
         set rippleColor(v) {
-            this.i.t7 = stringToBrush(v);
-            this._a("rippleColor", brushToString(this.i.t7));
+            this.i.t8 = stringToBrush(v);
+            this._a("rippleColor", brushToString(this.i.t8));
         }
         /**
          * Gets or sets the color to use for the text of the button when type is raised.
         */
         get raisedTextColor() {
-            return brushToString(this.i.t6);
+            return brushToString(this.i.t7);
         }
         set raisedTextColor(v) {
-            this.i.t6 = stringToBrush(v);
-            this._a("raisedTextColor", brushToString(this.i.t6));
+            this.i.t7 = stringToBrush(v);
+            this._a("raisedTextColor", brushToString(this.i.t7));
         }
         /**
          * Gets or sets the color to use for the hovered text of the button when type is raised.
         */
         get raisedHoverTextColor() {
-            return brushToString(this.i.t4);
+            return brushToString(this.i.t5);
         }
         set raisedHoverTextColor(v) {
-            this.i.t4 = stringToBrush(v);
-            this._a("raisedHoverTextColor", brushToString(this.i.t4));
+            this.i.t5 = stringToBrush(v);
+            this._a("raisedHoverTextColor", brushToString(this.i.t5));
         }
         /**
          * Gets or sets the color to use for the backround the button when it is focused and raised.
         */
         get raisedFocusBackgroundColor() {
-            return brushToString(this.i.t1);
+            return brushToString(this.i.t2);
         }
         set raisedFocusBackgroundColor(v) {
-            this.i.t1 = stringToBrush(v);
-            this._a("raisedFocusBackgroundColor", brushToString(this.i.t1));
+            this.i.t2 = stringToBrush(v);
+            this._a("raisedFocusBackgroundColor", brushToString(this.i.t2));
         }
         /**
          * Gets or sets the color to use for the text the button when it is focused and raised.
         */
         get raisedFocusTextColor() {
-            return brushToString(this.i.t2);
+            return brushToString(this.i.t3);
         }
         set raisedFocusTextColor(v) {
-            this.i.t2 = stringToBrush(v);
-            this._a("raisedFocusTextColor", brushToString(this.i.t2));
+            this.i.t3 = stringToBrush(v);
+            this._a("raisedFocusTextColor", brushToString(this.i.t3));
         }
         /**
          * Gets or sets the color to use for the backround the button when it is focused.
         */
         get focusBackgroundColor() {
-            return brushToString(this.i.s6);
+            return brushToString(this.i.s7);
         }
         set focusBackgroundColor(v) {
-            this.i.s6 = stringToBrush(v);
-            this._a("focusBackgroundColor", brushToString(this.i.s6));
+            this.i.s7 = stringToBrush(v);
+            this._a("focusBackgroundColor", brushToString(this.i.s7));
         }
         /**
          * Gets or sets the color to use for the text of the button when it is focused.
         */
         get focusTextColor() {
-            return brushToString(this.i.s7);
+            return brushToString(this.i.s8);
         }
         set focusTextColor(v) {
-            this.i.s7 = stringToBrush(v);
-            this._a("focusTextColor", brushToString(this.i.s7));
+            this.i.s8 = stringToBrush(v);
+            this._a("focusTextColor", brushToString(this.i.s8));
         }
         /**
          * Gets or sets the width to use for the button border regardless of type.
@@ -1093,86 +1093,86 @@ export let IgcXButtonComponent = /*@__PURE__*/ (() => {
             this._a("borderWidth", this.i.ax);
         }
         get cornerRadiusBottomRight() {
-            return this.i.ke ? this.i.ke.b : NaN;
+            return this.i.kf ? this.i.kf.b : NaN;
         }
         set cornerRadiusBottomRight(v) {
             this.ensureCornerRadius();
-            this.i.ke.b = +v;
-            this._a("cornerRadiusBottomRight", this.i.ke.b);
-            this.i.ke = this.i.ke;
+            this.i.kf.b = +v;
+            this._a("cornerRadiusBottomRight", this.i.kf.b);
+            this.i.kf = this.i.kf;
         }
         get cornerRadiusBottomLeft() {
-            return this.i.ke ? this.i.ke.a : NaN;
+            return this.i.kf ? this.i.kf.a : NaN;
         }
         set cornerRadiusBottomLeft(v) {
             this.ensureCornerRadius();
-            this.i.ke.a = +v;
-            this._a("cornerRadiusBottomLeft", this.i.ke.a);
-            this.i.ke = this.i.ke;
+            this.i.kf.a = +v;
+            this._a("cornerRadiusBottomLeft", this.i.kf.a);
+            this.i.kf = this.i.kf;
         }
         get cornerRadiusTopLeft() {
-            return this.i.ke ? this.i.ke.c : NaN;
+            return this.i.kf ? this.i.kf.c : NaN;
         }
         set cornerRadiusTopLeft(v) {
             this.ensureCornerRadius();
-            this.i.ke.c = +v;
-            this._a("cornerRadiusTopLeft", this.i.ke.c);
-            this.i.ke = this.i.ke;
+            this.i.kf.c = +v;
+            this._a("cornerRadiusTopLeft", this.i.kf.c);
+            this.i.kf = this.i.kf;
         }
         get cornerRadiusTopRight() {
-            return this.i.ke ? this.i.ke.d : NaN;
+            return this.i.kf ? this.i.kf.d : NaN;
         }
         set cornerRadiusTopRight(v) {
             this.ensureCornerRadius();
-            this.i.ke.d = +v;
-            this._a("cornerRadiusTopRight", this.i.ke.d);
-            this.i.ke = this.i.ke;
+            this.i.kf.d = +v;
+            this._a("cornerRadiusTopRight", this.i.kf.d);
+            this.i.kf = this.i.kf;
         }
         ensureCornerRadius() {
-            if (this.i.ke) {
+            if (this.i.kf) {
                 return;
             }
-            this.i.ke = new CornerRadius(2);
+            this.i.kf = new CornerRadius(2);
         }
         /**
          * Gets or sets the color to use for the background of the button when the  type is outlined.
         */
         get outlinedBackgroundColor() {
-            return brushToString(this.i.tl);
+            return brushToString(this.i.tm);
         }
         set outlinedBackgroundColor(v) {
-            this.i.tl = stringToBrush(v);
-            this._a("outlinedBackgroundColor", brushToString(this.i.tl));
+            this.i.tm = stringToBrush(v);
+            this._a("outlinedBackgroundColor", brushToString(this.i.tm));
         }
         /**
          * Gets or sets the color to use for the disabled background of the button when the type is outlined.
         */
         get outlinedDisabledBackgroundColor() {
-            return brushToString(this.i.tn);
+            return brushToString(this.i.to);
         }
         set outlinedDisabledBackgroundColor(v) {
-            this.i.tn = stringToBrush(v);
-            this._a("outlinedDisabledBackgroundColor", brushToString(this.i.tn));
+            this.i.to = stringToBrush(v);
+            this._a("outlinedDisabledBackgroundColor", brushToString(this.i.to));
         }
         /**
          * Gets or sets the color to use for the disabled border of the button when the type is outlined.
         */
         get outlinedDisabledBorderColor() {
-            return brushToString(this.i.to);
+            return brushToString(this.i.tp);
         }
         set outlinedDisabledBorderColor(v) {
-            this.i.to = stringToBrush(v);
-            this._a("outlinedDisabledBorderColor", brushToString(this.i.to));
+            this.i.tp = stringToBrush(v);
+            this._a("outlinedDisabledBorderColor", brushToString(this.i.tp));
         }
         /**
          * Gets or sets the color to use for the disabled text of the button when the type is outlined.
         */
         get outlinedDisabledTextColor() {
-            return brushToString(this.i.tp);
+            return brushToString(this.i.tq);
         }
         set outlinedDisabledTextColor(v) {
-            this.i.tp = stringToBrush(v);
-            this._a("outlinedDisabledTextColor", brushToString(this.i.tp));
+            this.i.tq = stringToBrush(v);
+            this._a("outlinedDisabledTextColor", brushToString(this.i.tq));
         }
         /**
          * Gets or sets the disabled elevation to use for the button when the type is outlined.
@@ -1188,21 +1188,21 @@ export let IgcXButtonComponent = /*@__PURE__*/ (() => {
          * Gets or sets the hover color to use for the background of the button when the  type is hoveredOutlined.
         */
         get outlinedHoverBackgroundColor() {
-            return brushToString(this.i.ts);
+            return brushToString(this.i.tt);
         }
         set outlinedHoverBackgroundColor(v) {
-            this.i.ts = stringToBrush(v);
-            this._a("outlinedHoverBackgroundColor", brushToString(this.i.ts));
+            this.i.tt = stringToBrush(v);
+            this._a("outlinedHoverBackgroundColor", brushToString(this.i.tt));
         }
         /**
          * Gets or sets the border color to use for the button when the type is outlined.
         */
         get outlinedBorderColor() {
-            return brushToString(this.i.tm);
+            return brushToString(this.i.tn);
         }
         set outlinedBorderColor(v) {
-            this.i.tm = stringToBrush(v);
-            this._a("outlinedBorderColor", brushToString(this.i.tm));
+            this.i.tn = stringToBrush(v);
+            this._a("outlinedBorderColor", brushToString(this.i.tn));
         }
         /**
          * Gets or sets the elevation to use for the button when the type is outlined.
@@ -1245,136 +1245,136 @@ export let IgcXButtonComponent = /*@__PURE__*/ (() => {
             this._a("outlinedBorderWidth", this.i.bi);
         }
         get outlinedCornerRadiusBottomRight() {
-            return this.i.kx ? this.i.kx.b : NaN;
+            return this.i.ky ? this.i.ky.b : NaN;
         }
         set outlinedCornerRadiusBottomRight(v) {
             this.ensureOutlinedCornerRadius();
-            this.i.kx.b = +v;
-            this._a("outlinedCornerRadiusBottomRight", this.i.kx.b);
-            this.i.kx = this.i.kx;
+            this.i.ky.b = +v;
+            this._a("outlinedCornerRadiusBottomRight", this.i.ky.b);
+            this.i.ky = this.i.ky;
         }
         get outlinedCornerRadiusBottomLeft() {
-            return this.i.kx ? this.i.kx.a : NaN;
+            return this.i.ky ? this.i.ky.a : NaN;
         }
         set outlinedCornerRadiusBottomLeft(v) {
             this.ensureOutlinedCornerRadius();
-            this.i.kx.a = +v;
-            this._a("outlinedCornerRadiusBottomLeft", this.i.kx.a);
-            this.i.kx = this.i.kx;
+            this.i.ky.a = +v;
+            this._a("outlinedCornerRadiusBottomLeft", this.i.ky.a);
+            this.i.ky = this.i.ky;
         }
         get outlinedCornerRadiusTopLeft() {
-            return this.i.kx ? this.i.kx.c : NaN;
+            return this.i.ky ? this.i.ky.c : NaN;
         }
         set outlinedCornerRadiusTopLeft(v) {
             this.ensureOutlinedCornerRadius();
-            this.i.kx.c = +v;
-            this._a("outlinedCornerRadiusTopLeft", this.i.kx.c);
-            this.i.kx = this.i.kx;
+            this.i.ky.c = +v;
+            this._a("outlinedCornerRadiusTopLeft", this.i.ky.c);
+            this.i.ky = this.i.ky;
         }
         get outlinedCornerRadiusTopRight() {
-            return this.i.kx ? this.i.kx.d : NaN;
+            return this.i.ky ? this.i.ky.d : NaN;
         }
         set outlinedCornerRadiusTopRight(v) {
             this.ensureOutlinedCornerRadius();
-            this.i.kx.d = +v;
-            this._a("outlinedCornerRadiusTopRight", this.i.kx.d);
-            this.i.kx = this.i.kx;
+            this.i.ky.d = +v;
+            this._a("outlinedCornerRadiusTopRight", this.i.ky.d);
+            this.i.ky = this.i.ky;
         }
         ensureOutlinedCornerRadius() {
-            if (this.i.kx) {
+            if (this.i.ky) {
                 return;
             }
-            this.i.kx = new CornerRadius(2);
+            this.i.ky = new CornerRadius(2);
         }
         /**
          * Gets or sets the color to use for the background when the button is pressed and the type is floating action button.
         */
         get outlinedRippleColor() {
-            return brushToString(this.i.tu);
+            return brushToString(this.i.tv);
         }
         set outlinedRippleColor(v) {
-            this.i.tu = stringToBrush(v);
-            this._a("outlinedRippleColor", brushToString(this.i.tu));
+            this.i.tv = stringToBrush(v);
+            this._a("outlinedRippleColor", brushToString(this.i.tv));
         }
         /**
          * Gets or sets the color to use for the text of the button when type is outlined.
         */
         get outlinedTextColor() {
-            return brushToString(this.i.tv);
+            return brushToString(this.i.tw);
         }
         set outlinedTextColor(v) {
-            this.i.tv = stringToBrush(v);
-            this._a("outlinedTextColor", brushToString(this.i.tv));
+            this.i.tw = stringToBrush(v);
+            this._a("outlinedTextColor", brushToString(this.i.tw));
         }
         /**
          * Gets or sets the color to use for the hovered text of the button when type is outlined.
         */
         get outlinedHoverTextColor() {
-            return brushToString(this.i.tt);
+            return brushToString(this.i.tu);
         }
         set outlinedHoverTextColor(v) {
-            this.i.tt = stringToBrush(v);
-            this._a("outlinedHoverTextColor", brushToString(this.i.tt));
+            this.i.tu = stringToBrush(v);
+            this._a("outlinedHoverTextColor", brushToString(this.i.tu));
         }
         /**
          * Gets or sets the color to use for the backround the button when it is focused and outlined.
         */
         get outlinedFocusBackgroundColor() {
-            return brushToString(this.i.tq);
+            return brushToString(this.i.tr);
         }
         set outlinedFocusBackgroundColor(v) {
-            this.i.tq = stringToBrush(v);
-            this._a("outlinedFocusBackgroundColor", brushToString(this.i.tq));
+            this.i.tr = stringToBrush(v);
+            this._a("outlinedFocusBackgroundColor", brushToString(this.i.tr));
         }
         /**
          * Gets or sets the color to use for the text the button when it is focused and outlined.
         */
         get outlinedFocusTextColor() {
-            return brushToString(this.i.tr);
+            return brushToString(this.i.ts);
         }
         set outlinedFocusTextColor(v) {
-            this.i.tr = stringToBrush(v);
-            this._a("outlinedFocusTextColor", brushToString(this.i.tr));
+            this.i.ts = stringToBrush(v);
+            this._a("outlinedFocusTextColor", brushToString(this.i.ts));
         }
         /**
          * Gets or sets the color to use for the background of the button when the  type is floating action button.
         */
         get fabBackgroundColor() {
-            return brushToString(this.i.sk);
+            return brushToString(this.i.sl);
         }
         set fabBackgroundColor(v) {
-            this.i.sk = stringToBrush(v);
-            this._a("fabBackgroundColor", brushToString(this.i.sk));
+            this.i.sl = stringToBrush(v);
+            this._a("fabBackgroundColor", brushToString(this.i.sl));
         }
         /**
          * Gets or sets the color to use for the disabled background of the button when the type is fab.
         */
         get fabDisabledBackgroundColor() {
-            return brushToString(this.i.sm);
+            return brushToString(this.i.sn);
         }
         set fabDisabledBackgroundColor(v) {
-            this.i.sm = stringToBrush(v);
-            this._a("fabDisabledBackgroundColor", brushToString(this.i.sm));
+            this.i.sn = stringToBrush(v);
+            this._a("fabDisabledBackgroundColor", brushToString(this.i.sn));
         }
         /**
          * Gets or sets the color to use for the disabled border of the button when the type is fab.
         */
         get fabDisabledBorderColor() {
-            return brushToString(this.i.sn);
+            return brushToString(this.i.so);
         }
         set fabDisabledBorderColor(v) {
-            this.i.sn = stringToBrush(v);
-            this._a("fabDisabledBorderColor", brushToString(this.i.sn));
+            this.i.so = stringToBrush(v);
+            this._a("fabDisabledBorderColor", brushToString(this.i.so));
         }
         /**
          * Gets or sets the color to use for the disabled text of the button when the type is fab.
         */
         get fabDisabledTextColor() {
-            return brushToString(this.i.so);
+            return brushToString(this.i.sp);
         }
         set fabDisabledTextColor(v) {
-            this.i.so = stringToBrush(v);
-            this._a("fabDisabledTextColor", brushToString(this.i.so));
+            this.i.sp = stringToBrush(v);
+            this._a("fabDisabledTextColor", brushToString(this.i.sp));
         }
         /**
          * Gets or sets the disabled elevation to use for the button when the type is fab.
@@ -1390,21 +1390,21 @@ export let IgcXButtonComponent = /*@__PURE__*/ (() => {
          * Gets or sets the hover color to use for the background of the button when the  type is hoveredFab.
         */
         get fabHoverBackgroundColor() {
-            return brushToString(this.i.sr);
+            return brushToString(this.i.ss);
         }
         set fabHoverBackgroundColor(v) {
-            this.i.sr = stringToBrush(v);
-            this._a("fabHoverBackgroundColor", brushToString(this.i.sr));
+            this.i.ss = stringToBrush(v);
+            this._a("fabHoverBackgroundColor", brushToString(this.i.ss));
         }
         /**
          * Gets or sets the border color to use for the button when the type is floating action button.
         */
         get fabBorderColor() {
-            return brushToString(this.i.sl);
+            return brushToString(this.i.sm);
         }
         set fabBorderColor(v) {
-            this.i.sl = stringToBrush(v);
-            this._a("fabBorderColor", brushToString(this.i.sl));
+            this.i.sm = stringToBrush(v);
+            this._a("fabBorderColor", brushToString(this.i.sm));
         }
         /**
          * Gets or sets the elevation to use for the button when the type is floating action button.
@@ -1447,136 +1447,136 @@ export let IgcXButtonComponent = /*@__PURE__*/ (() => {
             this._a("fabBorderWidth", this.i.bd);
         }
         get fabCornerRadiusBottomRight() {
-            return this.i.ku ? this.i.ku.b : NaN;
+            return this.i.kv ? this.i.kv.b : NaN;
         }
         set fabCornerRadiusBottomRight(v) {
             this.ensureFabCornerRadius();
-            this.i.ku.b = +v;
-            this._a("fabCornerRadiusBottomRight", this.i.ku.b);
-            this.i.ku = this.i.ku;
+            this.i.kv.b = +v;
+            this._a("fabCornerRadiusBottomRight", this.i.kv.b);
+            this.i.kv = this.i.kv;
         }
         get fabCornerRadiusBottomLeft() {
-            return this.i.ku ? this.i.ku.a : NaN;
+            return this.i.kv ? this.i.kv.a : NaN;
         }
         set fabCornerRadiusBottomLeft(v) {
             this.ensureFabCornerRadius();
-            this.i.ku.a = +v;
-            this._a("fabCornerRadiusBottomLeft", this.i.ku.a);
-            this.i.ku = this.i.ku;
+            this.i.kv.a = +v;
+            this._a("fabCornerRadiusBottomLeft", this.i.kv.a);
+            this.i.kv = this.i.kv;
         }
         get fabCornerRadiusTopLeft() {
-            return this.i.ku ? this.i.ku.c : NaN;
+            return this.i.kv ? this.i.kv.c : NaN;
         }
         set fabCornerRadiusTopLeft(v) {
             this.ensureFabCornerRadius();
-            this.i.ku.c = +v;
-            this._a("fabCornerRadiusTopLeft", this.i.ku.c);
-            this.i.ku = this.i.ku;
+            this.i.kv.c = +v;
+            this._a("fabCornerRadiusTopLeft", this.i.kv.c);
+            this.i.kv = this.i.kv;
         }
         get fabCornerRadiusTopRight() {
-            return this.i.ku ? this.i.ku.d : NaN;
+            return this.i.kv ? this.i.kv.d : NaN;
         }
         set fabCornerRadiusTopRight(v) {
             this.ensureFabCornerRadius();
-            this.i.ku.d = +v;
-            this._a("fabCornerRadiusTopRight", this.i.ku.d);
-            this.i.ku = this.i.ku;
+            this.i.kv.d = +v;
+            this._a("fabCornerRadiusTopRight", this.i.kv.d);
+            this.i.kv = this.i.kv;
         }
         ensureFabCornerRadius() {
-            if (this.i.ku) {
+            if (this.i.kv) {
                 return;
             }
-            this.i.ku = new CornerRadius(2);
+            this.i.kv = new CornerRadius(2);
         }
         /**
          * Gets or sets the color to use for the background when the button is pressed and the type is floating action button.
         */
         get fabRippleColor() {
-            return brushToString(this.i.st);
+            return brushToString(this.i.su);
         }
         set fabRippleColor(v) {
-            this.i.st = stringToBrush(v);
-            this._a("fabRippleColor", brushToString(this.i.st));
+            this.i.su = stringToBrush(v);
+            this._a("fabRippleColor", brushToString(this.i.su));
         }
         /**
          * Gets or sets the color to use for the text of the button when type is floating action button.
         */
         get fabTextColor() {
-            return brushToString(this.i.su);
+            return brushToString(this.i.sv);
         }
         set fabTextColor(v) {
-            this.i.su = stringToBrush(v);
-            this._a("fabTextColor", brushToString(this.i.su));
+            this.i.sv = stringToBrush(v);
+            this._a("fabTextColor", brushToString(this.i.sv));
         }
         /**
          * Gets or sets the color to use for the hovered text of the button when type is floating action button.
         */
         get fabHoverTextColor() {
-            return brushToString(this.i.ss);
+            return brushToString(this.i.st);
         }
         set fabHoverTextColor(v) {
-            this.i.ss = stringToBrush(v);
-            this._a("fabHoverTextColor", brushToString(this.i.ss));
+            this.i.st = stringToBrush(v);
+            this._a("fabHoverTextColor", brushToString(this.i.st));
         }
         /**
          * Gets or sets the color to use for the backround the button when it is focused and fab.
         */
         get fabFocusBackgroundColor() {
-            return brushToString(this.i.sp);
+            return brushToString(this.i.sq);
         }
         set fabFocusBackgroundColor(v) {
-            this.i.sp = stringToBrush(v);
-            this._a("fabFocusBackgroundColor", brushToString(this.i.sp));
+            this.i.sq = stringToBrush(v);
+            this._a("fabFocusBackgroundColor", brushToString(this.i.sq));
         }
         /**
          * Gets or sets the color to use for the text the button when it is focused and fab.
         */
         get fabFocusTextColor() {
-            return brushToString(this.i.sq);
+            return brushToString(this.i.sr);
         }
         set fabFocusTextColor(v) {
-            this.i.sq = stringToBrush(v);
-            this._a("fabFocusTextColor", brushToString(this.i.sq));
+            this.i.sr = stringToBrush(v);
+            this._a("fabFocusTextColor", brushToString(this.i.sr));
         }
         /**
          * Gets or sets the color to use for the background of the button when the  type is icon.
         */
         get iconBackgroundColor() {
-            return brushToString(this.i.ta);
+            return brushToString(this.i.tb);
         }
         set iconBackgroundColor(v) {
-            this.i.ta = stringToBrush(v);
-            this._a("iconBackgroundColor", brushToString(this.i.ta));
+            this.i.tb = stringToBrush(v);
+            this._a("iconBackgroundColor", brushToString(this.i.tb));
         }
         /**
          * Gets or sets the color to use for the disabled background of the button when the type is icon.
         */
         get iconDisabledBackgroundColor() {
-            return brushToString(this.i.tc);
+            return brushToString(this.i.td);
         }
         set iconDisabledBackgroundColor(v) {
-            this.i.tc = stringToBrush(v);
-            this._a("iconDisabledBackgroundColor", brushToString(this.i.tc));
+            this.i.td = stringToBrush(v);
+            this._a("iconDisabledBackgroundColor", brushToString(this.i.td));
         }
         /**
          * Gets or sets the color to use for the disabled border of the button when the type is icon.
         */
         get iconDisabledBorderColor() {
-            return brushToString(this.i.td);
+            return brushToString(this.i.te);
         }
         set iconDisabledBorderColor(v) {
-            this.i.td = stringToBrush(v);
-            this._a("iconDisabledBorderColor", brushToString(this.i.td));
+            this.i.te = stringToBrush(v);
+            this._a("iconDisabledBorderColor", brushToString(this.i.te));
         }
         /**
          * Gets or sets the color to use for the disabled text of the button when the type is icon.
         */
         get iconDisabledTextColor() {
-            return brushToString(this.i.te);
+            return brushToString(this.i.tf);
         }
         set iconDisabledTextColor(v) {
-            this.i.te = stringToBrush(v);
-            this._a("iconDisabledTextColor", brushToString(this.i.te));
+            this.i.tf = stringToBrush(v);
+            this._a("iconDisabledTextColor", brushToString(this.i.tf));
         }
         /**
          * Gets or sets the disabled elevation to use for the button when the type is icon.
@@ -1592,21 +1592,21 @@ export let IgcXButtonComponent = /*@__PURE__*/ (() => {
          * Gets or sets the hover color to use for the background of the button when the  type is hoveredIcon.
         */
         get iconHoverBackgroundColor() {
-            return brushToString(this.i.th);
+            return brushToString(this.i.ti);
         }
         set iconHoverBackgroundColor(v) {
-            this.i.th = stringToBrush(v);
-            this._a("iconHoverBackgroundColor", brushToString(this.i.th));
+            this.i.ti = stringToBrush(v);
+            this._a("iconHoverBackgroundColor", brushToString(this.i.ti));
         }
         /**
          * Gets or sets the border color to use for the button when the type is icon.
         */
         get iconBorderColor() {
-            return brushToString(this.i.tb);
+            return brushToString(this.i.tc);
         }
         set iconBorderColor(v) {
-            this.i.tb = stringToBrush(v);
-            this._a("iconBorderColor", brushToString(this.i.tb));
+            this.i.tc = stringToBrush(v);
+            this._a("iconBorderColor", brushToString(this.i.tc));
         }
         /**
          * Gets or sets the elevation to use for the button when the type is icon.
@@ -1649,96 +1649,96 @@ export let IgcXButtonComponent = /*@__PURE__*/ (() => {
             this._a("iconBorderWidth", this.i.bf);
         }
         get iconCornerRadiusBottomRight() {
-            return this.i.kw ? this.i.kw.b : NaN;
+            return this.i.kx ? this.i.kx.b : NaN;
         }
         set iconCornerRadiusBottomRight(v) {
             this.ensureIconCornerRadius();
-            this.i.kw.b = +v;
-            this._a("iconCornerRadiusBottomRight", this.i.kw.b);
-            this.i.kw = this.i.kw;
+            this.i.kx.b = +v;
+            this._a("iconCornerRadiusBottomRight", this.i.kx.b);
+            this.i.kx = this.i.kx;
         }
         get iconCornerRadiusBottomLeft() {
-            return this.i.kw ? this.i.kw.a : NaN;
+            return this.i.kx ? this.i.kx.a : NaN;
         }
         set iconCornerRadiusBottomLeft(v) {
             this.ensureIconCornerRadius();
-            this.i.kw.a = +v;
-            this._a("iconCornerRadiusBottomLeft", this.i.kw.a);
-            this.i.kw = this.i.kw;
+            this.i.kx.a = +v;
+            this._a("iconCornerRadiusBottomLeft", this.i.kx.a);
+            this.i.kx = this.i.kx;
         }
         get iconCornerRadiusTopLeft() {
-            return this.i.kw ? this.i.kw.c : NaN;
+            return this.i.kx ? this.i.kx.c : NaN;
         }
         set iconCornerRadiusTopLeft(v) {
             this.ensureIconCornerRadius();
-            this.i.kw.c = +v;
-            this._a("iconCornerRadiusTopLeft", this.i.kw.c);
-            this.i.kw = this.i.kw;
+            this.i.kx.c = +v;
+            this._a("iconCornerRadiusTopLeft", this.i.kx.c);
+            this.i.kx = this.i.kx;
         }
         get iconCornerRadiusTopRight() {
-            return this.i.kw ? this.i.kw.d : NaN;
+            return this.i.kx ? this.i.kx.d : NaN;
         }
         set iconCornerRadiusTopRight(v) {
             this.ensureIconCornerRadius();
-            this.i.kw.d = +v;
-            this._a("iconCornerRadiusTopRight", this.i.kw.d);
-            this.i.kw = this.i.kw;
+            this.i.kx.d = +v;
+            this._a("iconCornerRadiusTopRight", this.i.kx.d);
+            this.i.kx = this.i.kx;
         }
         ensureIconCornerRadius() {
-            if (this.i.kw) {
+            if (this.i.kx) {
                 return;
             }
-            this.i.kw = new CornerRadius(2);
+            this.i.kx = new CornerRadius(2);
         }
         /**
          * Gets or sets the color to use for the background when the button is pressed and the type is floating action button.
         */
         get iconRippleColor() {
-            return brushToString(this.i.tj);
+            return brushToString(this.i.tk);
         }
         set iconRippleColor(v) {
-            this.i.tj = stringToBrush(v);
-            this._a("iconRippleColor", brushToString(this.i.tj));
+            this.i.tk = stringToBrush(v);
+            this._a("iconRippleColor", brushToString(this.i.tk));
         }
         /**
          * Gets or sets the color to use for the text of the button when type is icon.
         */
         get iconTextColor() {
-            return brushToString(this.i.tk);
+            return brushToString(this.i.tl);
         }
         set iconTextColor(v) {
-            this.i.tk = stringToBrush(v);
-            this._a("iconTextColor", brushToString(this.i.tk));
+            this.i.tl = stringToBrush(v);
+            this._a("iconTextColor", brushToString(this.i.tl));
         }
         /**
          * Gets or sets the color to use for the hovered text of the button when type is icon.
         */
         get iconHoverTextColor() {
-            return brushToString(this.i.ti);
+            return brushToString(this.i.tj);
         }
         set iconHoverTextColor(v) {
-            this.i.ti = stringToBrush(v);
-            this._a("iconHoverTextColor", brushToString(this.i.ti));
+            this.i.tj = stringToBrush(v);
+            this._a("iconHoverTextColor", brushToString(this.i.tj));
         }
         /**
          * Gets or sets the color to use for the backround the button when it is focused and icon.
         */
         get iconFocusBackgroundColor() {
-            return brushToString(this.i.tf);
+            return brushToString(this.i.tg);
         }
         set iconFocusBackgroundColor(v) {
-            this.i.tf = stringToBrush(v);
-            this._a("iconFocusBackgroundColor", brushToString(this.i.tf));
+            this.i.tg = stringToBrush(v);
+            this._a("iconFocusBackgroundColor", brushToString(this.i.tg));
         }
         /**
          * Gets or sets the color to use for the text the button when it is focused and icon.
         */
         get iconFocusTextColor() {
-            return brushToString(this.i.tg);
+            return brushToString(this.i.th);
         }
         set iconFocusTextColor(v) {
-            this.i.tg = stringToBrush(v);
-            this._a("iconFocusTextColor", brushToString(this.i.tg));
+            this.i.th = stringToBrush(v);
+            this._a("iconFocusTextColor", brushToString(this.i.th));
         }
         /**
          * Gets or sets the id to use for the internal native checkbox.