@aurodesignsystem-dev/auro-formkit 0.0.0-pr684.0 → 0.0.0-pr684.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -13153,6 +13153,7 @@ class AuroInput extends BaseInput {
13153
13153
  size="sm"
13154
13154
  variant="ghost">
13155
13155
  <${this.iconTag}
13156
+ customColor="${this.onDark}"
13156
13157
  category="interface"
13157
13158
  name="x-lg"
13158
13159
  >
@@ -13179,11 +13180,13 @@ class AuroInput extends BaseInput {
13179
13180
  size="sm"
13180
13181
  variant="ghost">
13181
13182
  <${this.iconTag}
13183
+ customColor="${this.onDark}"
13182
13184
  ?hidden=${!this.showPassword}
13183
13185
  category="interface"
13184
13186
  name="hide-password-stroke">
13185
13187
  </${this.iconTag}>
13186
13188
  <${this.iconTag}
13189
+ customColor="${this.onDark}"
13187
13190
  ?hidden=${this.showPassword}
13188
13191
  category="interface"
13189
13192
  name="view-password-stroke">
@@ -13011,6 +13011,7 @@ class AuroInput extends BaseInput {
13011
13011
  size="sm"
13012
13012
  variant="ghost">
13013
13013
  <${this.iconTag}
13014
+ customColor="${this.onDark}"
13014
13015
  category="interface"
13015
13016
  name="x-lg"
13016
13017
  >
@@ -13037,11 +13038,13 @@ class AuroInput extends BaseInput {
13037
13038
  size="sm"
13038
13039
  variant="ghost">
13039
13040
  <${this.iconTag}
13041
+ customColor="${this.onDark}"
13040
13042
  ?hidden=${!this.showPassword}
13041
13043
  category="interface"
13042
13044
  name="hide-password-stroke">
13043
13045
  </${this.iconTag}>
13044
13046
  <${this.iconTag}
13047
+ customColor="${this.onDark}"
13045
13048
  ?hidden=${this.showPassword}
13046
13049
  category="interface"
13047
13050
  name="view-password-stroke">
@@ -12929,6 +12929,7 @@ class AuroInput extends BaseInput {
12929
12929
  size="sm"
12930
12930
  variant="ghost">
12931
12931
  <${this.iconTag}
12932
+ customColor="${this.onDark}"
12932
12933
  category="interface"
12933
12934
  name="x-lg"
12934
12935
  >
@@ -12955,11 +12956,13 @@ class AuroInput extends BaseInput {
12955
12956
  size="sm"
12956
12957
  variant="ghost">
12957
12958
  <${this.iconTag}
12959
+ customColor="${this.onDark}"
12958
12960
  ?hidden=${!this.showPassword}
12959
12961
  category="interface"
12960
12962
  name="hide-password-stroke">
12961
12963
  </${this.iconTag}>
12962
12964
  <${this.iconTag}
12965
+ customColor="${this.onDark}"
12963
12966
  ?hidden=${this.showPassword}
12964
12967
  category="interface"
12965
12968
  name="view-password-stroke">
@@ -12929,6 +12929,7 @@ class AuroInput extends BaseInput {
12929
12929
  size="sm"
12930
12930
  variant="ghost">
12931
12931
  <${this.iconTag}
12932
+ customColor="${this.onDark}"
12932
12933
  category="interface"
12933
12934
  name="x-lg"
12934
12935
  >
@@ -12955,11 +12956,13 @@ class AuroInput extends BaseInput {
12955
12956
  size="sm"
12956
12957
  variant="ghost">
12957
12958
  <${this.iconTag}
12959
+ customColor="${this.onDark}"
12958
12960
  ?hidden=${!this.showPassword}
12959
12961
  category="interface"
12960
12962
  name="hide-password-stroke">
12961
12963
  </${this.iconTag}>
12962
12964
  <${this.iconTag}
12965
+ customColor="${this.onDark}"
12963
12966
  ?hidden=${this.showPassword}
12964
12967
  category="interface"
12965
12968
  name="view-password-stroke">
@@ -33,7 +33,7 @@ const a=Symbol.for(""),o$1=t=>{if(t?.r===a)return t?._$litStatic$},s=t=>({_$litS
33
33
 
34
34
  var tokensCss$7 = i$5`:host{--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background, rgba(0, 0, 0, 0.05));--ds-auro-counter-control-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-counter-description-text-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-counter-icon-color: var(--ds-advanced-color-button-tertiary-text, #01426a);--ds-auro-counter-label-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-counter-quantity-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-counter-divider-color: var(--ds-basic-color-border-divider, rgba(0, 0, 0, 0.15))}`;
35
35
 
36
- var styleButtonColorCss = i$5`.auroButton{border-color:unset;background-color:var(--ds-auro-counter-control-background-color);-webkit-tap-highlight-color:var(--ds-auro-button-tap-color)}@media(hover: hover){.auroButton:active:not(:disabled),.auroButton:hover:not(:disabled){--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-hover, rgba(0, 0, 0, 0.1))}}:host([onDark]) .auroButton{--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-inverse, rgba(255, 255, 255, 0.05))}@media(hover: hover){:host([onDark]) .auroButton:active:not(:disabled),:host([onDark]) .auroButton:hover:not(:disabled){--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-inverse-hover, rgba(255, 255, 255, 0.1))}}`;
36
+ var styleButtonColorCss = i$5`.auro-button{border-color:unset;background-color:var(--ds-auro-counter-control-background-color);-webkit-tap-highlight-color:var(--ds-auro-button-tap-color)}@media(hover: hover){.auro-button:active:not(:disabled),.auro-button:hover:not(:disabled){--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-hover, rgba(0, 0, 0, 0.1))}}:host([onDark]) .auro-button{--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-inverse, rgba(255, 255, 255, 0.05))}@media(hover: hover){:host([onDark]) .auro-button:active:not(:disabled),:host([onDark]) .auro-button:hover:not(:disabled){--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-inverse-hover, rgba(255, 255, 255, 0.1))}}`;
37
37
 
38
38
  var styleButtonCss = i$5`:focus:not(:focus-visible){outline:3px solid transparent}.util_insetNone{padding:0}.util_insetXxxs{padding:.125rem}.util_insetXxxs--stretch{padding:.25rem .125rem}.util_insetXxxs--squish{padding:0 .125rem}.util_insetXxs{padding:.25rem}.util_insetXxs--stretch{padding:.375rem .25rem}.util_insetXxs--squish{padding:.125rem .25rem}.util_insetXs{padding:.5rem}.util_insetXs--stretch{padding:.75rem .5rem}.util_insetXs--squish{padding:.25rem .5rem}.util_insetSm{padding:.75rem}.util_insetSm--stretch{padding:1.125rem .75rem}.util_insetSm--squish{padding:.375rem .75rem}.util_insetMd{padding:1rem}.util_insetMd--stretch{padding:1.5rem 1rem}.util_insetMd--squish{padding:.5rem 1rem}.util_insetLg{padding:1.5rem}.util_insetLg--stretch{padding:2.25rem 1.5rem}.util_insetLg--squish{padding:.75rem 1.5rem}.util_insetXl{padding:2rem}.util_insetXl--stretch{padding:3rem 2rem}.util_insetXl--squish{padding:1rem 2rem}.util_insetXxl{padding:3rem}.util_insetXxl--stretch{padding:4.5rem 3rem}.util_insetXxl--squish{padding:1.5rem 3rem}.util_insetXxxl{padding:4rem}.util_insetXxxl--stretch{padding:6rem 4rem}.util_insetXxxl--squish{padding:2rem 4rem}::slotted(svg){vertical-align:middle}slot{pointer-events:none}.contentWrapper{display:flex;align-items:center}.contentWrapper span{display:block;height:var(--ds-size-300, 1.5rem)}.auro-button{position:relative;display:inline-flex;overflow:visible;width:calc(var(--ds-size-50, 0.25rem) + var(--ds-size-400, 2rem));height:calc(var(--ds-size-25, 0.125rem) + var(--ds-size-400, 2rem));flex-direction:row;align-items:center;justify-content:center;padding:var(--ds-auro-counter-control-padding);border:none;border-radius:var(--ds-auro-counter-control-border-radius);margin:0;cursor:pointer;gap:var(--ds-size-100, 0.5rem);line-height:unset;touch-action:manipulation;-webkit-touch-callout:none;user-select:none;white-space:nowrap}.auro-button:active .contentWrapper{transform:scale(0.95)}.auro-button:disabled{cursor:not-allowed;transform:unset}.auro-button:focus-visible:not(.auro-button:focus-visible:disabled){outline:none;transform:unset}`;
39
39
 
@@ -33,7 +33,7 @@ const a=Symbol.for(""),o$1=t=>{if(t?.r===a)return t?._$litStatic$},s=t=>({_$litS
33
33
 
34
34
  var tokensCss$7 = i$5`:host{--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background, rgba(0, 0, 0, 0.05));--ds-auro-counter-control-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-counter-description-text-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-counter-icon-color: var(--ds-advanced-color-button-tertiary-text, #01426a);--ds-auro-counter-label-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-counter-quantity-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-counter-divider-color: var(--ds-basic-color-border-divider, rgba(0, 0, 0, 0.15))}`;
35
35
 
36
- var styleButtonColorCss = i$5`.auroButton{border-color:unset;background-color:var(--ds-auro-counter-control-background-color);-webkit-tap-highlight-color:var(--ds-auro-button-tap-color)}@media(hover: hover){.auroButton:active:not(:disabled),.auroButton:hover:not(:disabled){--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-hover, rgba(0, 0, 0, 0.1))}}:host([onDark]) .auroButton{--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-inverse, rgba(255, 255, 255, 0.05))}@media(hover: hover){:host([onDark]) .auroButton:active:not(:disabled),:host([onDark]) .auroButton:hover:not(:disabled){--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-inverse-hover, rgba(255, 255, 255, 0.1))}}`;
36
+ var styleButtonColorCss = i$5`.auro-button{border-color:unset;background-color:var(--ds-auro-counter-control-background-color);-webkit-tap-highlight-color:var(--ds-auro-button-tap-color)}@media(hover: hover){.auro-button:active:not(:disabled),.auro-button:hover:not(:disabled){--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-hover, rgba(0, 0, 0, 0.1))}}:host([onDark]) .auro-button{--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-inverse, rgba(255, 255, 255, 0.05))}@media(hover: hover){:host([onDark]) .auro-button:active:not(:disabled),:host([onDark]) .auro-button:hover:not(:disabled){--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-inverse-hover, rgba(255, 255, 255, 0.1))}}`;
37
37
 
38
38
  var styleButtonCss = i$5`:focus:not(:focus-visible){outline:3px solid transparent}.util_insetNone{padding:0}.util_insetXxxs{padding:.125rem}.util_insetXxxs--stretch{padding:.25rem .125rem}.util_insetXxxs--squish{padding:0 .125rem}.util_insetXxs{padding:.25rem}.util_insetXxs--stretch{padding:.375rem .25rem}.util_insetXxs--squish{padding:.125rem .25rem}.util_insetXs{padding:.5rem}.util_insetXs--stretch{padding:.75rem .5rem}.util_insetXs--squish{padding:.25rem .5rem}.util_insetSm{padding:.75rem}.util_insetSm--stretch{padding:1.125rem .75rem}.util_insetSm--squish{padding:.375rem .75rem}.util_insetMd{padding:1rem}.util_insetMd--stretch{padding:1.5rem 1rem}.util_insetMd--squish{padding:.5rem 1rem}.util_insetLg{padding:1.5rem}.util_insetLg--stretch{padding:2.25rem 1.5rem}.util_insetLg--squish{padding:.75rem 1.5rem}.util_insetXl{padding:2rem}.util_insetXl--stretch{padding:3rem 2rem}.util_insetXl--squish{padding:1rem 2rem}.util_insetXxl{padding:3rem}.util_insetXxl--stretch{padding:4.5rem 3rem}.util_insetXxl--squish{padding:1.5rem 3rem}.util_insetXxxl{padding:4rem}.util_insetXxxl--stretch{padding:6rem 4rem}.util_insetXxxl--squish{padding:2rem 4rem}::slotted(svg){vertical-align:middle}slot{pointer-events:none}.contentWrapper{display:flex;align-items:center}.contentWrapper span{display:block;height:var(--ds-size-300, 1.5rem)}.auro-button{position:relative;display:inline-flex;overflow:visible;width:calc(var(--ds-size-50, 0.25rem) + var(--ds-size-400, 2rem));height:calc(var(--ds-size-25, 0.125rem) + var(--ds-size-400, 2rem));flex-direction:row;align-items:center;justify-content:center;padding:var(--ds-auro-counter-control-padding);border:none;border-radius:var(--ds-auro-counter-control-border-radius);margin:0;cursor:pointer;gap:var(--ds-size-100, 0.5rem);line-height:unset;touch-action:manipulation;-webkit-touch-callout:none;user-select:none;white-space:nowrap}.auro-button:active .contentWrapper{transform:scale(0.95)}.auro-button:disabled{cursor:not-allowed;transform:unset}.auro-button:focus-visible:not(.auro-button:focus-visible:disabled){outline:none;transform:unset}`;
39
39
 
@@ -5,7 +5,7 @@ import { ifDefined } from 'lit/directives/if-defined.js';
5
5
 
6
6
  var tokensCss$7 = css`:host{--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background, rgba(0, 0, 0, 0.05));--ds-auro-counter-control-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-counter-description-text-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-counter-icon-color: var(--ds-advanced-color-button-tertiary-text, #01426a);--ds-auro-counter-label-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-counter-quantity-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-counter-divider-color: var(--ds-basic-color-border-divider, rgba(0, 0, 0, 0.15))}`;
7
7
 
8
- var styleButtonColorCss = css`.auroButton{border-color:unset;background-color:var(--ds-auro-counter-control-background-color);-webkit-tap-highlight-color:var(--ds-auro-button-tap-color)}@media(hover: hover){.auroButton:active:not(:disabled),.auroButton:hover:not(:disabled){--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-hover, rgba(0, 0, 0, 0.1))}}:host([onDark]) .auroButton{--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-inverse, rgba(255, 255, 255, 0.05))}@media(hover: hover){:host([onDark]) .auroButton:active:not(:disabled),:host([onDark]) .auroButton:hover:not(:disabled){--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-inverse-hover, rgba(255, 255, 255, 0.1))}}`;
8
+ var styleButtonColorCss = css`.auro-button{border-color:unset;background-color:var(--ds-auro-counter-control-background-color);-webkit-tap-highlight-color:var(--ds-auro-button-tap-color)}@media(hover: hover){.auro-button:active:not(:disabled),.auro-button:hover:not(:disabled){--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-hover, rgba(0, 0, 0, 0.1))}}:host([onDark]) .auro-button{--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-inverse, rgba(255, 255, 255, 0.05))}@media(hover: hover){:host([onDark]) .auro-button:active:not(:disabled),:host([onDark]) .auro-button:hover:not(:disabled){--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-inverse-hover, rgba(255, 255, 255, 0.1))}}`;
9
9
 
10
10
  var styleButtonCss = css`:focus:not(:focus-visible){outline:3px solid transparent}.util_insetNone{padding:0}.util_insetXxxs{padding:.125rem}.util_insetXxxs--stretch{padding:.25rem .125rem}.util_insetXxxs--squish{padding:0 .125rem}.util_insetXxs{padding:.25rem}.util_insetXxs--stretch{padding:.375rem .25rem}.util_insetXxs--squish{padding:.125rem .25rem}.util_insetXs{padding:.5rem}.util_insetXs--stretch{padding:.75rem .5rem}.util_insetXs--squish{padding:.25rem .5rem}.util_insetSm{padding:.75rem}.util_insetSm--stretch{padding:1.125rem .75rem}.util_insetSm--squish{padding:.375rem .75rem}.util_insetMd{padding:1rem}.util_insetMd--stretch{padding:1.5rem 1rem}.util_insetMd--squish{padding:.5rem 1rem}.util_insetLg{padding:1.5rem}.util_insetLg--stretch{padding:2.25rem 1.5rem}.util_insetLg--squish{padding:.75rem 1.5rem}.util_insetXl{padding:2rem}.util_insetXl--stretch{padding:3rem 2rem}.util_insetXl--squish{padding:1rem 2rem}.util_insetXxl{padding:3rem}.util_insetXxl--stretch{padding:4.5rem 3rem}.util_insetXxl--squish{padding:1.5rem 3rem}.util_insetXxxl{padding:4rem}.util_insetXxxl--stretch{padding:6rem 4rem}.util_insetXxxl--squish{padding:2rem 4rem}::slotted(svg){vertical-align:middle}slot{pointer-events:none}.contentWrapper{display:flex;align-items:center}.contentWrapper span{display:block;height:var(--ds-size-300, 1.5rem)}.auro-button{position:relative;display:inline-flex;overflow:visible;width:calc(var(--ds-size-50, 0.25rem) + var(--ds-size-400, 2rem));height:calc(var(--ds-size-25, 0.125rem) + var(--ds-size-400, 2rem));flex-direction:row;align-items:center;justify-content:center;padding:var(--ds-auro-counter-control-padding);border:none;border-radius:var(--ds-auro-counter-control-border-radius);margin:0;cursor:pointer;gap:var(--ds-size-100, 0.5rem);line-height:unset;touch-action:manipulation;-webkit-touch-callout:none;user-select:none;white-space:nowrap}.auro-button:active .contentWrapper{transform:scale(0.95)}.auro-button:disabled{cursor:not-allowed;transform:unset}.auro-button:focus-visible:not(.auro-button:focus-visible:disabled){outline:none;transform:unset}`;
11
11
 
@@ -5,7 +5,7 @@ import { ifDefined } from 'lit/directives/if-defined.js';
5
5
 
6
6
  var tokensCss$7 = css`:host{--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background, rgba(0, 0, 0, 0.05));--ds-auro-counter-control-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-counter-description-text-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-counter-icon-color: var(--ds-advanced-color-button-tertiary-text, #01426a);--ds-auro-counter-label-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-counter-quantity-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-counter-divider-color: var(--ds-basic-color-border-divider, rgba(0, 0, 0, 0.15))}`;
7
7
 
8
- var styleButtonColorCss = css`.auroButton{border-color:unset;background-color:var(--ds-auro-counter-control-background-color);-webkit-tap-highlight-color:var(--ds-auro-button-tap-color)}@media(hover: hover){.auroButton:active:not(:disabled),.auroButton:hover:not(:disabled){--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-hover, rgba(0, 0, 0, 0.1))}}:host([onDark]) .auroButton{--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-inverse, rgba(255, 255, 255, 0.05))}@media(hover: hover){:host([onDark]) .auroButton:active:not(:disabled),:host([onDark]) .auroButton:hover:not(:disabled){--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-inverse-hover, rgba(255, 255, 255, 0.1))}}`;
8
+ var styleButtonColorCss = css`.auro-button{border-color:unset;background-color:var(--ds-auro-counter-control-background-color);-webkit-tap-highlight-color:var(--ds-auro-button-tap-color)}@media(hover: hover){.auro-button:active:not(:disabled),.auro-button:hover:not(:disabled){--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-hover, rgba(0, 0, 0, 0.1))}}:host([onDark]) .auro-button{--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-inverse, rgba(255, 255, 255, 0.05))}@media(hover: hover){:host([onDark]) .auro-button:active:not(:disabled),:host([onDark]) .auro-button:hover:not(:disabled){--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-inverse-hover, rgba(255, 255, 255, 0.1))}}`;
9
9
 
10
10
  var styleButtonCss = css`:focus:not(:focus-visible){outline:3px solid transparent}.util_insetNone{padding:0}.util_insetXxxs{padding:.125rem}.util_insetXxxs--stretch{padding:.25rem .125rem}.util_insetXxxs--squish{padding:0 .125rem}.util_insetXxs{padding:.25rem}.util_insetXxs--stretch{padding:.375rem .25rem}.util_insetXxs--squish{padding:.125rem .25rem}.util_insetXs{padding:.5rem}.util_insetXs--stretch{padding:.75rem .5rem}.util_insetXs--squish{padding:.25rem .5rem}.util_insetSm{padding:.75rem}.util_insetSm--stretch{padding:1.125rem .75rem}.util_insetSm--squish{padding:.375rem .75rem}.util_insetMd{padding:1rem}.util_insetMd--stretch{padding:1.5rem 1rem}.util_insetMd--squish{padding:.5rem 1rem}.util_insetLg{padding:1.5rem}.util_insetLg--stretch{padding:2.25rem 1.5rem}.util_insetLg--squish{padding:.75rem 1.5rem}.util_insetXl{padding:2rem}.util_insetXl--stretch{padding:3rem 2rem}.util_insetXl--squish{padding:1rem 2rem}.util_insetXxl{padding:3rem}.util_insetXxl--stretch{padding:4.5rem 3rem}.util_insetXxl--squish{padding:1.5rem 3rem}.util_insetXxxl{padding:4rem}.util_insetXxxl--stretch{padding:6rem 4rem}.util_insetXxxl--squish{padding:2rem 4rem}::slotted(svg){vertical-align:middle}slot{pointer-events:none}.contentWrapper{display:flex;align-items:center}.contentWrapper span{display:block;height:var(--ds-size-300, 1.5rem)}.auro-button{position:relative;display:inline-flex;overflow:visible;width:calc(var(--ds-size-50, 0.25rem) + var(--ds-size-400, 2rem));height:calc(var(--ds-size-25, 0.125rem) + var(--ds-size-400, 2rem));flex-direction:row;align-items:center;justify-content:center;padding:var(--ds-auro-counter-control-padding);border:none;border-radius:var(--ds-auro-counter-control-border-radius);margin:0;cursor:pointer;gap:var(--ds-size-100, 0.5rem);line-height:unset;touch-action:manipulation;-webkit-touch-callout:none;user-select:none;white-space:nowrap}.auro-button:active .contentWrapper{transform:scale(0.95)}.auro-button:disabled{cursor:not-allowed;transform:unset}.auro-button:focus-visible:not(.auro-button:focus-visible:disabled){outline:none;transform:unset}`;
11
11
 
@@ -26421,6 +26421,7 @@ class AuroInput extends BaseInput {
26421
26421
  size="sm"
26422
26422
  variant="ghost">
26423
26423
  <${this.iconTag}
26424
+ customColor="${this.onDark}"
26424
26425
  category="interface"
26425
26426
  name="x-lg"
26426
26427
  >
@@ -26447,11 +26448,13 @@ class AuroInput extends BaseInput {
26447
26448
  size="sm"
26448
26449
  variant="ghost">
26449
26450
  <${this.iconTag}
26451
+ customColor="${this.onDark}"
26450
26452
  ?hidden=${!this.showPassword}
26451
26453
  category="interface"
26452
26454
  name="hide-password-stroke">
26453
26455
  </${this.iconTag}>
26454
26456
  <${this.iconTag}
26457
+ customColor="${this.onDark}"
26455
26458
  ?hidden=${this.showPassword}
26456
26459
  category="interface"
26457
26460
  name="view-password-stroke">
@@ -26162,6 +26162,7 @@ class AuroInput extends BaseInput {
26162
26162
  size="sm"
26163
26163
  variant="ghost">
26164
26164
  <${this.iconTag}
26165
+ customColor="${this.onDark}"
26165
26166
  category="interface"
26166
26167
  name="x-lg"
26167
26168
  >
@@ -26188,11 +26189,13 @@ class AuroInput extends BaseInput {
26188
26189
  size="sm"
26189
26190
  variant="ghost">
26190
26191
  <${this.iconTag}
26192
+ customColor="${this.onDark}"
26191
26193
  ?hidden=${!this.showPassword}
26192
26194
  category="interface"
26193
26195
  name="hide-password-stroke">
26194
26196
  </${this.iconTag}>
26195
26197
  <${this.iconTag}
26198
+ customColor="${this.onDark}"
26196
26199
  ?hidden=${this.showPassword}
26197
26200
  category="interface"
26198
26201
  name="view-password-stroke">
@@ -26098,6 +26098,7 @@ class AuroInput extends BaseInput {
26098
26098
  size="sm"
26099
26099
  variant="ghost">
26100
26100
  <${this.iconTag}
26101
+ customColor="${this.onDark}"
26101
26102
  category="interface"
26102
26103
  name="x-lg"
26103
26104
  >
@@ -26124,11 +26125,13 @@ class AuroInput extends BaseInput {
26124
26125
  size="sm"
26125
26126
  variant="ghost">
26126
26127
  <${this.iconTag}
26128
+ customColor="${this.onDark}"
26127
26129
  ?hidden=${!this.showPassword}
26128
26130
  category="interface"
26129
26131
  name="hide-password-stroke">
26130
26132
  </${this.iconTag}>
26131
26133
  <${this.iconTag}
26134
+ customColor="${this.onDark}"
26132
26135
  ?hidden=${this.showPassword}
26133
26136
  category="interface"
26134
26137
  name="view-password-stroke">
@@ -26098,6 +26098,7 @@ class AuroInput extends BaseInput {
26098
26098
  size="sm"
26099
26099
  variant="ghost">
26100
26100
  <${this.iconTag}
26101
+ customColor="${this.onDark}"
26101
26102
  category="interface"
26102
26103
  name="x-lg"
26103
26104
  >
@@ -26124,11 +26125,13 @@ class AuroInput extends BaseInput {
26124
26125
  size="sm"
26125
26126
  variant="ghost">
26126
26127
  <${this.iconTag}
26128
+ customColor="${this.onDark}"
26127
26129
  ?hidden=${!this.showPassword}
26128
26130
  category="interface"
26129
26131
  name="hide-password-stroke">
26130
26132
  </${this.iconTag}>
26131
26133
  <${this.iconTag}
26134
+ customColor="${this.onDark}"
26132
26135
  ?hidden=${this.showPassword}
26133
26136
  category="interface"
26134
26137
  name="view-password-stroke">
@@ -8078,6 +8078,7 @@ class AuroInput extends BaseInput {
8078
8078
  size="sm"
8079
8079
  variant="ghost">
8080
8080
  <${this.iconTag}
8081
+ customColor="${this.onDark}"
8081
8082
  category="interface"
8082
8083
  name="x-lg"
8083
8084
  >
@@ -8104,11 +8105,13 @@ class AuroInput extends BaseInput {
8104
8105
  size="sm"
8105
8106
  variant="ghost">
8106
8107
  <${this.iconTag}
8108
+ customColor="${this.onDark}"
8107
8109
  ?hidden=${!this.showPassword}
8108
8110
  category="interface"
8109
8111
  name="hide-password-stroke">
8110
8112
  </${this.iconTag}>
8111
8113
  <${this.iconTag}
8114
+ customColor="${this.onDark}"
8112
8115
  ?hidden=${this.showPassword}
8113
8116
  category="interface"
8114
8117
  name="view-password-stroke">
@@ -8003,6 +8003,7 @@ class AuroInput extends BaseInput {
8003
8003
  size="sm"
8004
8004
  variant="ghost">
8005
8005
  <${this.iconTag}
8006
+ customColor="${this.onDark}"
8006
8007
  category="interface"
8007
8008
  name="x-lg"
8008
8009
  >
@@ -8029,11 +8030,13 @@ class AuroInput extends BaseInput {
8029
8030
  size="sm"
8030
8031
  variant="ghost">
8031
8032
  <${this.iconTag}
8033
+ customColor="${this.onDark}"
8032
8034
  ?hidden=${!this.showPassword}
8033
8035
  category="interface"
8034
8036
  name="hide-password-stroke">
8035
8037
  </${this.iconTag}>
8036
8038
  <${this.iconTag}
8039
+ customColor="${this.onDark}"
8037
8040
  ?hidden=${this.showPassword}
8038
8041
  category="interface"
8039
8042
  name="view-password-stroke">
@@ -7927,6 +7927,7 @@ class AuroInput extends BaseInput {
7927
7927
  size="sm"
7928
7928
  variant="ghost">
7929
7929
  <${this.iconTag}
7930
+ customColor="${this.onDark}"
7930
7931
  category="interface"
7931
7932
  name="x-lg"
7932
7933
  >
@@ -7953,11 +7954,13 @@ class AuroInput extends BaseInput {
7953
7954
  size="sm"
7954
7955
  variant="ghost">
7955
7956
  <${this.iconTag}
7957
+ customColor="${this.onDark}"
7956
7958
  ?hidden=${!this.showPassword}
7957
7959
  category="interface"
7958
7960
  name="hide-password-stroke">
7959
7961
  </${this.iconTag}>
7960
7962
  <${this.iconTag}
7963
+ customColor="${this.onDark}"
7961
7964
  ?hidden=${this.showPassword}
7962
7965
  category="interface"
7963
7966
  name="view-password-stroke">
@@ -7927,6 +7927,7 @@ class AuroInput extends BaseInput {
7927
7927
  size="sm"
7928
7928
  variant="ghost">
7929
7929
  <${this.iconTag}
7930
+ customColor="${this.onDark}"
7930
7931
  category="interface"
7931
7932
  name="x-lg"
7932
7933
  >
@@ -7953,11 +7954,13 @@ class AuroInput extends BaseInput {
7953
7954
  size="sm"
7954
7955
  variant="ghost">
7955
7956
  <${this.iconTag}
7957
+ customColor="${this.onDark}"
7956
7958
  ?hidden=${!this.showPassword}
7957
7959
  category="interface"
7958
7960
  name="hide-password-stroke">
7959
7961
  </${this.iconTag}>
7960
7962
  <${this.iconTag}
7963
+ customColor="${this.onDark}"
7961
7964
  ?hidden=${this.showPassword}
7962
7965
  category="interface"
7963
7966
  name="view-password-stroke">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem-dev/auro-formkit",
3
- "version": "0.0.0-pr684.0",
3
+ "version": "0.0.0-pr684.2",
4
4
  "description": "A collection of web components used to build forms.",
5
5
  "homepage": "https://github.com/AlaskaAirlines/auro-formkit#readme",
6
6
  "bugs": {