@dynatrace/strato-components 3.3.1 → 3.3.3

package/esm/forms/select/styles/Select.css

@@ -1,71 +1,71 @@
-._dlenfc0-3-3-1._dlenfc0-3-3-1 {
+._dlenfc0-3-3-3._dlenfc0-3-3-3 {
   pointer-events: auto;
 }
-._dlenfc1-3-3-1._dlenfc1-3-3-1 {
+._dlenfc1-3-3-3._dlenfc1-3-3-3 {
   min-width: unset;
 }
-._dlenfc3-3-3-1 {
+._dlenfc3-3-3-3 {
   width: 100%;
 }
-._dlenfc4-3-3-1 {
+._dlenfc4-3-3-3 {
   width: auto;
 }
-._dlenfc5-3-3-1 > span {
+._dlenfc5-3-3-3 > span {
   z-index: unset;
 }
-._dlenfc6-3-3-1 {
+._dlenfc6-3-3-3 {
   display: flex;
 }
-._dlenfc7-3-3-1 {
+._dlenfc7-3-3-3 {
   transform: rotate(180deg);
 }
-._dlenfc9-3-3-1 {
+._dlenfc9-3-3-3 {
   width: auto;
 }
-._dlenfca-3-3-1 {
+._dlenfca-3-3-3 {
   cursor: not-allowed;
 }
-._dlenfcb-3-3-1 {
+._dlenfcb-3-3-3 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._dlenfcc-3-3-1 {
+._dlenfcc-3-3-3 {
   width: 100%;
   position: relative;
 }
-._dlenfcd-3-3-1 {
+._dlenfcd-3-3-3 {
   overflow: auto;
 }
-._dlenfce-3-3-1 {
+._dlenfce-3-3-3 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   padding: var(--dt-spacings-size-6, 6px) var(--dt-spacings-size-12, 12px);
 }
-._dlenfcf-3-3-1 {
+._dlenfcf-3-3-3 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-._dlenfcg-3-3-1 ._dlenfch-3-3-1 {
+._dlenfcg-3-3-3 ._dlenfch-3-3-3 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._dlenfci-3-3-1.strato-select-divider {
+._dlenfci-3-3-3.strato-select-divider {
   margin: var(--dt-spacings-size-4, 4px) var(--dt-spacings-size-0, 0);
 }
-._dlenfcj-3-3-1 {
+._dlenfcj-3-3-3 {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   max-height: 101vh;
 }
-._dlenfck-3-3-1 {
+._dlenfck-3-3-3 {
   min-width: 128px;
 }
-._dlenfcl-3-3-1 {
+._dlenfcl-3-3-3 {
   display: inline;
 }
-._dlenfcl-3-3-1 + ._dlenfcl-3-3-1:before {
+._dlenfcl-3-3-3 + ._dlenfcl-3-3-3:before {
   content: ", ";
 }
-._dlenfcm-3-3-1 {
+._dlenfcm-3-3-3 {
   position: relative;
   cursor: pointer;
   border-radius: var(--dt-spacings-size-8, 8px);
@@ -75,30 +75,30 @@
   padding-bottom: var(--dt-spacings-size-6, 6px);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
 }
-._dlenfcm-3-3-1:hover:not(.strato-select-option--disabled) {
+._dlenfcm-3-3-3:hover:not(.strato-select-option--disabled) {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._dlenfcm-3-3-1.strato-select-option--focus {
+._dlenfcm-3-3-3.strato-select-option--focus {
   outline: none;
   background-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._dlenfcm-3-3-1.strato-select-option--focus.strato-select-option--selected {
+._dlenfcm-3-3-3.strato-select-option--focus.strato-select-option--selected {
   background-color: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
 }
-._dlenfcm-3-3-1.strato-select-option--selected {
+._dlenfcm-3-3-3.strato-select-option--selected {
   color: var(--dt-colors-text-primary-default, #464cce);
 }
-._dlenfcm-3-3-1.strato-select-option--disabled {
+._dlenfcm-3-3-3.strato-select-option--disabled {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   cursor: not-allowed;
 }
-._dlenfcm-3-3-1.strato-select-option--selected.strato-select-option--disabled:before {
+._dlenfcm-3-3-3.strato-select-option--selected.strato-select-option--disabled:before {
   background-color: var(--dt-colors-border-primary-disabled, #dadbe480);
 }
-._dlenfcm-3-3-1.strato-select-option--selected:hover {
+._dlenfcm-3-3-3.strato-select-option--selected:hover {
   background-color: var(--dt-colors-background-field-primary-default-hover, #d5dbf6);
 }
-._dlenfcm-3-3-1.strato-select-option--selected::before {
+._dlenfcm-3-3-3.strato-select-option--selected::before {
   content: " ";
   position: absolute;
   display: block;
@@ -109,11 +109,11 @@
   left: 0px;
   transform: translate(4px);
 }
-._dlenfcn-3-3-1:focus {
+._dlenfcn-3-3-3:focus {
   outline: none;
   box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-accent, #595a7d), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._dlenfco-3-3-1 {
+._dlenfco-3-3-3 {
   padding-left: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-12, 12px);
   padding-top: var(--dt-spacings-size-6, 6px);
@@ -123,17 +123,17 @@
   cursor: pointer;
   border-radius: var(--dt-spacings-size-8, 8px);
 }
-._dlenfco-3-3-1:hover:not(.strato-select-option--disabled) {
+._dlenfco-3-3-3:hover:not(.strato-select-option--disabled) {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._dlenfco-3-3-1.strato-select-option--focus {
+._dlenfco-3-3-3.strato-select-option--focus {
   background-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._dlenfco-3-3-1.strato-select-option--disabled {
+._dlenfco-3-3-3.strato-select-option--disabled {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   cursor: not-allowed;
 }
-._dlenfcp-3-3-1 {
+._dlenfcp-3-3-3 {
   display: flex;
   width: var(--dt-spacings-size-20, 20px);
   min-width: var(--dt-spacings-size-20, 20px);
@@ -145,29 +145,29 @@
   border-color: var(--dt-colors-border-neutral-accent, #595a7d);
   box-sizing: border-box;
 }
-.strato-select-option--disabled ._dlenfcp-3-3-1 {
+.strato-select-option--disabled ._dlenfcp-3-3-3 {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
   border-color: var(--dt-colors-border-neutral-disabled, #dadbe480);
 }
-._dlenfcq-3-3-1 {
+._dlenfcq-3-3-3 {
   border-color: var(--dt-colors-background-field-primary-accent, #474fcf);
   background-color: var(--dt-colors-background-field-primary-accent, #474fcf);
 }
-._dlenfcr-3-3-1 {
+._dlenfcr-3-3-3 {
   fill: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
   height: 100%;
   width: 100%;
 }
-.strato-select-option--disabled ._dlenfcr-3-3-1 {
+.strato-select-option--disabled ._dlenfcr-3-3-3 {
   fill: var(--dt-colors-icon-primary-disabled, #595a7d80);
 }
-._dlenfcs-3-3-1 {
+._dlenfcs-3-3-3 {
   display: inline-block;
   width: var(--dt-spacings-size-20, 20px);
   min-width: var(--dt-spacings-size-20, 20px);
   height: var(--dt-spacings-size-20, 20px);
 }
-._dlenfct-3-3-1 {
+._dlenfct-3-3-3 {
   display: inline-block;
   width: var(--dt-spacings-size-20, 20px);
   min-width: var(--dt-spacings-size-20, 20px);

package/esm/forms/select/styles/Select.sty.js

@@ -1,28 +1,28 @@
 import "./Select.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var clearReactSelectZIndex = "_dlenfc5-3-3-1";
-var filter = "_dlenfc1-3-3-1";
-var placeholderColor = "_dlenfch-3-3-1";
-var select = "_dlenfc0-3-3-1";
-var selectAll = "_dlenfcn-3-3-1";
-var selectGroupHeading = "_dlenfcb-3-3-1";
-var selectMenuDivider = "_dlenfci-3-3-1";
-var selectMenuListWrapper = "_dlenfcd-3-3-1";
-var selectMenuOverlay = _7a468({ defaultClassName: "_dlenfcj-3-3-1", variantClassNames: { isTriggerWidth: { true: "_dlenfck-3-3-1" } }, defaultVariants: { isTriggerWidth: false }, compoundVariants: [] });
-var selectMultiValue = "_dlenfcl-3-3-1";
-var selectNoOptionsMessage = "_dlenfce-3-3-1";
-var selectOptionMulti = "_dlenfco-3-3-1";
-var selectOptionMultiIndicator = _7a468({ defaultClassName: "_dlenfcp-3-3-1", variantClassNames: { selected: { true: "_dlenfcq-3-3-1" } }, defaultVariants: {}, compoundVariants: [] });
-var selectOptionMultiIndicatorIcon = "_dlenfcr-3-3-1";
-var selectOptionPrefix = "_dlenfcs-3-3-1";
-var selectOptionSingle = "_dlenfcm-3-3-1";
-var selectOptionSuffix = "_dlenfct-3-3-1";
-var selectTrigger = _7a468({ defaultClassName: "_dlenfc8-3-3-1", variantClassNames: { fullWidth: { true: "_dlenfc9-3-3-1" }, readOnly: { true: "_dlenfca-3-3-1" } }, defaultVariants: { fullWidth: false }, compoundVariants: [] });
-var selectTriggerIconWrapper = _7a468({ defaultClassName: "_dlenfc6-3-3-1", variantClassNames: { isOverlayOpen: { true: "_dlenfc7-3-3-1" } }, defaultVariants: { isOverlayOpen: false }, compoundVariants: [] });
-var selectValueContainerTruncationBox = "_dlenfcf-3-3-1";
-var selectVirtualizationWrapper = "_dlenfcc-3-3-1";
-var selectWrapper = _7a468({ defaultClassName: "_dlenfc2-3-3-1", variantClassNames: { fullWidth: { true: "_dlenfc3-3-3-1", false: "_dlenfc4-3-3-1" } }, defaultVariants: { fullWidth: false }, compoundVariants: [] });
-var validAndEnabled = "_dlenfcg-3-3-1";
+var clearReactSelectZIndex = "_dlenfc5-3-3-3";
+var filter = "_dlenfc1-3-3-3";
+var placeholderColor = "_dlenfch-3-3-3";
+var select = "_dlenfc0-3-3-3";
+var selectAll = "_dlenfcn-3-3-3";
+var selectGroupHeading = "_dlenfcb-3-3-3";
+var selectMenuDivider = "_dlenfci-3-3-3";
+var selectMenuListWrapper = "_dlenfcd-3-3-3";
+var selectMenuOverlay = _7a468({ defaultClassName: "_dlenfcj-3-3-3", variantClassNames: { isTriggerWidth: { true: "_dlenfck-3-3-3" } }, defaultVariants: { isTriggerWidth: false }, compoundVariants: [] });
+var selectMultiValue = "_dlenfcl-3-3-3";
+var selectNoOptionsMessage = "_dlenfce-3-3-3";
+var selectOptionMulti = "_dlenfco-3-3-3";
+var selectOptionMultiIndicator = _7a468({ defaultClassName: "_dlenfcp-3-3-3", variantClassNames: { selected: { true: "_dlenfcq-3-3-3" } }, defaultVariants: {}, compoundVariants: [] });
+var selectOptionMultiIndicatorIcon = "_dlenfcr-3-3-3";
+var selectOptionPrefix = "_dlenfcs-3-3-3";
+var selectOptionSingle = "_dlenfcm-3-3-3";
+var selectOptionSuffix = "_dlenfct-3-3-3";
+var selectTrigger = _7a468({ defaultClassName: "_dlenfc8-3-3-3", variantClassNames: { fullWidth: { true: "_dlenfc9-3-3-3" }, readOnly: { true: "_dlenfca-3-3-3" } }, defaultVariants: { fullWidth: false }, compoundVariants: [] });
+var selectTriggerIconWrapper = _7a468({ defaultClassName: "_dlenfc6-3-3-3", variantClassNames: { isOverlayOpen: { true: "_dlenfc7-3-3-3" } }, defaultVariants: { isOverlayOpen: false }, compoundVariants: [] });
+var selectValueContainerTruncationBox = "_dlenfcf-3-3-3";
+var selectVirtualizationWrapper = "_dlenfcc-3-3-3";
+var selectWrapper = _7a468({ defaultClassName: "_dlenfc2-3-3-3", variantClassNames: { fullWidth: { true: "_dlenfc3-3-3-3", false: "_dlenfc4-3-3-3" } }, defaultVariants: { fullWidth: false }, compoundVariants: [] });
+var validAndEnabled = "_dlenfcg-3-3-3";
 export {
   clearReactSelectZIndex,
   filter,

package/esm/forms/select/styles/Select.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/select/styles/Select.css.ts"],
-  "sourcesContent": ["import './Select.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var clearReactSelectZIndex = '_dlenfc5-3-3-1';\nexport var filter = '_dlenfc1-3-3-1';\nexport var placeholderColor = '_dlenfch-3-3-1';\nexport var select = '_dlenfc0-3-3-1';\nexport var selectAll = '_dlenfcn-3-3-1';\nexport var selectGroupHeading = '_dlenfcb-3-3-1';\nexport var selectMenuDivider = '_dlenfci-3-3-1';\nexport var selectMenuListWrapper = '_dlenfcd-3-3-1';\nexport var selectMenuOverlay = _7a468({defaultClassName:'_dlenfcj-3-3-1',variantClassNames:{isTriggerWidth:{true:'_dlenfck-3-3-1'}},defaultVariants:{isTriggerWidth:false},compoundVariants:[]});\nexport var selectMultiValue = '_dlenfcl-3-3-1';\nexport var selectNoOptionsMessage = '_dlenfce-3-3-1';\nexport var selectOptionMulti = '_dlenfco-3-3-1';\nexport var selectOptionMultiIndicator = _7a468({defaultClassName:'_dlenfcp-3-3-1',variantClassNames:{selected:{true:'_dlenfcq-3-3-1'}},defaultVariants:{},compoundVariants:[]});\nexport var selectOptionMultiIndicatorIcon = '_dlenfcr-3-3-1';\nexport var selectOptionPrefix = '_dlenfcs-3-3-1';\nexport var selectOptionSingle = '_dlenfcm-3-3-1';\nexport var selectOptionSuffix = '_dlenfct-3-3-1';\nexport var selectTrigger = _7a468({defaultClassName:'_dlenfc8-3-3-1',variantClassNames:{fullWidth:{true:'_dlenfc9-3-3-1'},readOnly:{true:'_dlenfca-3-3-1'}},defaultVariants:{fullWidth:false},compoundVariants:[]});\nexport var selectTriggerIconWrapper = _7a468({defaultClassName:'_dlenfc6-3-3-1',variantClassNames:{isOverlayOpen:{true:'_dlenfc7-3-3-1'}},defaultVariants:{isOverlayOpen:false},compoundVariants:[]});\nexport var selectValueContainerTruncationBox = '_dlenfcf-3-3-1';\nexport var selectVirtualizationWrapper = '_dlenfcc-3-3-1';\nexport var selectWrapper = _7a468({defaultClassName:'_dlenfc2-3-3-1',variantClassNames:{fullWidth:{true:'_dlenfc3-3-3-1',false:'_dlenfc4-3-3-1'}},defaultVariants:{fullWidth:false},compoundVariants:[]});\nexport var validAndEnabled = '_dlenfcg-3-3-1';"],
+  "sourcesContent": ["import './Select.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var clearReactSelectZIndex = '_dlenfc5-3-3-3';\nexport var filter = '_dlenfc1-3-3-3';\nexport var placeholderColor = '_dlenfch-3-3-3';\nexport var select = '_dlenfc0-3-3-3';\nexport var selectAll = '_dlenfcn-3-3-3';\nexport var selectGroupHeading = '_dlenfcb-3-3-3';\nexport var selectMenuDivider = '_dlenfci-3-3-3';\nexport var selectMenuListWrapper = '_dlenfcd-3-3-3';\nexport var selectMenuOverlay = _7a468({defaultClassName:'_dlenfcj-3-3-3',variantClassNames:{isTriggerWidth:{true:'_dlenfck-3-3-3'}},defaultVariants:{isTriggerWidth:false},compoundVariants:[]});\nexport var selectMultiValue = '_dlenfcl-3-3-3';\nexport var selectNoOptionsMessage = '_dlenfce-3-3-3';\nexport var selectOptionMulti = '_dlenfco-3-3-3';\nexport var selectOptionMultiIndicator = _7a468({defaultClassName:'_dlenfcp-3-3-3',variantClassNames:{selected:{true:'_dlenfcq-3-3-3'}},defaultVariants:{},compoundVariants:[]});\nexport var selectOptionMultiIndicatorIcon = '_dlenfcr-3-3-3';\nexport var selectOptionPrefix = '_dlenfcs-3-3-3';\nexport var selectOptionSingle = '_dlenfcm-3-3-3';\nexport var selectOptionSuffix = '_dlenfct-3-3-3';\nexport var selectTrigger = _7a468({defaultClassName:'_dlenfc8-3-3-3',variantClassNames:{fullWidth:{true:'_dlenfc9-3-3-3'},readOnly:{true:'_dlenfca-3-3-3'}},defaultVariants:{fullWidth:false},compoundVariants:[]});\nexport var selectTriggerIconWrapper = _7a468({defaultClassName:'_dlenfc6-3-3-3',variantClassNames:{isOverlayOpen:{true:'_dlenfc7-3-3-3'}},defaultVariants:{isOverlayOpen:false},compoundVariants:[]});\nexport var selectValueContainerTruncationBox = '_dlenfcf-3-3-3';\nexport var selectVirtualizationWrapper = '_dlenfcc-3-3-3';\nexport var selectWrapper = _7a468({defaultClassName:'_dlenfc2-3-3-3',variantClassNames:{fullWidth:{true:'_dlenfc3-3-3-3',false:'_dlenfc4-3-3-3'}},defaultVariants:{fullWidth:false},compoundVariants:[]});\nexport var validAndEnabled = '_dlenfcg-3-3-3';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,yBAAyB;AAC7B,IAAI,SAAS;AACb,IAAI,mBAAmB;AACvB,IAAI,SAAS;AACb,IAAI,YAAY;AAChB,IAAI,qBAAqB;AACzB,IAAI,oBAAoB;AACxB,IAAI,wBAAwB;AAC5B,IAAI,oBAAoB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,gBAAe,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,EAAC,gBAAe,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACxL,IAAI,mBAAmB;AACvB,IAAI,yBAAyB;AAC7B,IAAI,oBAAoB;AACxB,IAAI,6BAA6B,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,UAAS,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACvK,IAAI,iCAAiC;AACrC,IAAI,qBAAqB;AACzB,IAAI,qBAAqB;AACzB,IAAI,qBAAqB;AACzB,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,WAAU,EAAC,MAAK,iBAAgB,GAAE,UAAS,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,EAAC,WAAU,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC3M,IAAI,2BAA2B,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,eAAc,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,EAAC,eAAc,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC7L,IAAI,oCAAoC;AACxC,IAAI,8BAA8B;AAClC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,WAAU,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,EAAC,WAAU,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACjM,IAAI,kBAAkB;",
   "names": []
 }

package/esm/forms/spin-buttons/SpinButton.css

@@ -1,28 +1,28 @@
-._r47o0w1-3-3-1 {
+._r47o0w1-3-3-3 {
   display: inline-block;
   outline: none;
   caret-color: transparent;
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._r47o0w1-3-3-1:empty::before {
+._r47o0w1-3-3-3:empty::before {
   content: var(--data-placeholder);
 }
-._r47o0w1-3-3-1:focus:empty {
+._r47o0w1-3-3-3:focus:empty {
   color: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
   background-color: var(--dt-colors-background-field-neutral-accent, #5b5c81);
 }
-._r47o0w2-3-3-1 {
+._r47o0w2-3-3-3 {
   color: var(--dt-colors-text-critical-default, #bb0731);
 }
-._r47o0w2-3-3-1:focus:empty {
+._r47o0w2-3-3-3:focus:empty {
   background-color: var(--dt-colors-background-field-critical-accent, #c62239);
 }
-._r47o0w3-3-3-1 {
+._r47o0w3-3-3-3 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._r47o0w3-3-3-1:empty::before {
+._r47o0w3-3-3-3:empty::before {
   color: var(--dt-colors-text-critical-on-accent-disabled, #f9f1f380);
 }
-._r47o0w4-3-3-1 {
+._r47o0w4-3-3-3 {
   color: var(--dt-colors-text-critical-disabled, #595a7d80);
 }

package/esm/forms/spin-buttons/SpinButton.sty.js

@@ -1,7 +1,7 @@
 import "./SpinButton.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var spinButtonCSS = _7a468({ defaultClassName: "_r47o0w1-3-3-1", variantClassNames: { error: { true: "_r47o0w2-3-3-1" }, disabled: { true: "_r47o0w3-3-3-1" } }, defaultVariants: {}, compoundVariants: [[{ disabled: true, error: true }, "_r47o0w4-3-3-1"]] });
-var spinButtonGroupCSS = "_r47o0w0-3-3-1";
+var spinButtonCSS = _7a468({ defaultClassName: "_r47o0w1-3-3-3", variantClassNames: { error: { true: "_r47o0w2-3-3-3" }, disabled: { true: "_r47o0w3-3-3-3" } }, defaultVariants: {}, compoundVariants: [[{ disabled: true, error: true }, "_r47o0w4-3-3-3"]] });
+var spinButtonGroupCSS = "_r47o0w0-3-3-3";
 export {
   spinButtonCSS,
   spinButtonGroupCSS

package/esm/forms/spin-buttons/SpinButton.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/spin-buttons/SpinButton.css.ts"],
-  "sourcesContent": ["import './SpinButton.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var spinButtonCSS = _7a468({defaultClassName:'_r47o0w1-3-3-1',variantClassNames:{error:{true:'_r47o0w2-3-3-1'},disabled:{true:'_r47o0w3-3-3-1'}},defaultVariants:{},compoundVariants:[[{disabled:true,error:true},'_r47o0w4-3-3-1']]});\nexport var spinButtonGroupCSS = '_r47o0w0-3-3-1';"],
+  "sourcesContent": ["import './SpinButton.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var spinButtonCSS = _7a468({defaultClassName:'_r47o0w1-3-3-3',variantClassNames:{error:{true:'_r47o0w2-3-3-3'},disabled:{true:'_r47o0w3-3-3-3'}},defaultVariants:{},compoundVariants:[[{disabled:true,error:true},'_r47o0w4-3-3-3']]});\nexport var spinButtonGroupCSS = '_r47o0w0-3-3-3';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,OAAM,EAAC,MAAK,iBAAgB,GAAE,UAAS,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,UAAS,MAAK,OAAM,KAAI,GAAE,gBAAgB,CAAC,EAAC,CAAC;AACrO,IAAI,qBAAqB;",
   "names": []
 }

package/esm/forms/switch/Switch.css

@@ -1,61 +1,61 @@
-._1tkc5xf0-3-3-1 {
+._1tkc5xf0-3-3-3 {
   display: flex;
   gap: var(--dt-spacings-size-8, 8px);
   cursor: pointer;
 }
-._1tkc5xf1-3-3-1 {
+._1tkc5xf1-3-3-3 {
   cursor: not-allowed;
 }
-._1tkc5xf2-3-3-1 {
+._1tkc5xf2-3-3-3 {
   cursor: not-allowed;
 }
-._1tkc5xf3-3-3-1 {
+._1tkc5xf3-3-3-3 {
   font-size: var(--dt-typography-text-base-default-size, 14px);
   overflow-wrap: anywhere;
   line-height: var(--dt-typography-text-base-default-line-height, 1.4285714286);
 }
-._1tkc5xf4-3-3-1 {
+._1tkc5xf4-3-3-3 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._1tkc5xf5-3-3-1 {
+._1tkc5xf5-3-3-3 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._1tkc5xf6-3-3-1:after {
+._1tkc5xf6-3-3-3:after {
   content: "*";
 }
-._1tkc5xfa-3-3-1 {
-  --_1tkc5xf9-3-3-1: var(--_bx32h1-3-3-1);
+._1tkc5xfa-3-3-3 {
+  --_1tkc5xf9-3-3-3: var(--_bx32h1-3-3-3);
   display: flex;
   align-items: center;
   transition-duration: var(--dt-animations-move-duration-fast, 150ms);
   transition-timing-function: var(--dt-animations-move-easing, cubic-bezier(0.4, 0, 0.2, 1));
   transition-property: transform;
 }
-._1tkc5xfb-3-3-1 {
-  --_1tkc5xf7-3-3-1: 1;
-  --_1tkc5xf8-3-3-1: 0;
+._1tkc5xfb-3-3-3 {
+  --_1tkc5xf7-3-3-3: 1;
+  --_1tkc5xf8-3-3-3: 0;
   transform: translateX(calc(var(--dt-spacings-size-4, 4px) + var(--dt-spacings-size-12, 12px) + var(--dt-spacings-size-2, 2px)));
 }
-._1tkc5xfc-3-3-1 {
-  --_1tkc5xf7-3-3-1: 0;
-  --_1tkc5xf8-3-3-1: 1;
+._1tkc5xfc-3-3-3 {
+  --_1tkc5xf7-3-3-3: 0;
+  --_1tkc5xf8-3-3-3: 1;
   transform: unset;
 }
-._1tkc5xfa-3-3-1 > svg {
+._1tkc5xfa-3-3-3 > svg {
   transition-duration: var(--dt-animations-move-duration-fast, 150ms);
   transition-timing-function: var(--dt-animations-move-easing, cubic-bezier(0.4, 0, 0.2, 1));
   transition-delay: var(--dt-timings-offset-medium, 30ms);
   transition-property: opacity;
 }
-._1tkc5xfa-3-3-1 > svg:nth-child(1) {
-  opacity: var(--_1tkc5xf7-3-3-1);
-  color: var(--_1tkc5xf9-3-3-1);
+._1tkc5xfa-3-3-3 > svg:nth-child(1) {
+  opacity: var(--_1tkc5xf7-3-3-3);
+  color: var(--_1tkc5xf9-3-3-3);
 }
-._1tkc5xfa-3-3-1 > svg:nth-child(3) {
-  opacity: var(--_1tkc5xf8-3-3-1);
-  color: var(--_1tkc5xf9-3-3-1);
+._1tkc5xfa-3-3-3 > svg:nth-child(3) {
+  opacity: var(--_1tkc5xf8-3-3-3);
+  color: var(--_1tkc5xf9-3-3-3);
 }
-._1tkc5xfd-3-3-1 {
+._1tkc5xfd-3-3-3 {
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -70,22 +70,22 @@
   min-width: 38px;
   position: relative;
   border-radius: var(--dt-borders-radius-field-emphasized, 9999px);
-  background-color: var(--_bx32h3-3-3-1);
+  background-color: var(--_bx32h3-3-3-3);
 }
-._1tkc5xfm-3-3-1 {
-  background-color: var(--_bx32h2-3-3-1);
+._1tkc5xfm-3-3-3 {
+  background-color: var(--_bx32h2-3-3-3);
 }
-._1tkc5xfn-3-3-1 {
+._1tkc5xfn-3-3-3 {
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-critical-accent, #bb0731);
 }
-._1tkc5xfo-3-3-1 {
+._1tkc5xfo-3-3-3 {
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._1tkc5xfp-3-3-1 {
+._1tkc5xfp-3-3-3 {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-disabled, #dadbe480);
 }
-._1tkc5xfq-3-3-1 {
+._1tkc5xfq-3-3-3 {
   transition-property: background-color;
   transition-timing-function: var(--dt-animations-fade-out-easing, cubic-bezier(0, 0, 0.2, 1));
   transition-duration: var(--dt-animations-fade-out-duration-fast, 150ms);
@@ -96,5 +96,5 @@
   height: var(--dt-spacings-size-12, 12px);
   border-radius: var(--dt-borders-radius-field-emphasized, 9999px);
   box-shadow: none;
-  background-color: var(--_bx32h1-3-3-1);
+  background-color: var(--_bx32h1-3-3-3);
 }

package/esm/forms/switch/Switch.sty.js

@@ -1,11 +1,11 @@
 import "../../styles/field.css";
 import "./Switch.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var switchIconCSS = _7a468({ defaultClassName: "_1tkc5xfa-3-3-1", variantClassNames: { selected: { true: "_1tkc5xfb-3-3-1", false: "_1tkc5xfc-3-3-1" } }, defaultVariants: {}, compoundVariants: [] });
-var switchLabelCSS = _7a468({ defaultClassName: "_1tkc5xf0-3-3-1", variantClassNames: { disabled: { true: "_1tkc5xf1-3-3-1" }, readOnly: { true: "_1tkc5xf2-3-3-1" } }, defaultVariants: {}, compoundVariants: [] });
-var switchTextCSS = _7a468({ defaultClassName: "_1tkc5xf3-3-3-1", variantClassNames: { disabled: { true: "_1tkc5xf4-3-3-1", false: "_1tkc5xf5-3-3-1" }, required: { true: "_1tkc5xf6-3-3-1" } }, defaultVariants: {}, compoundVariants: [] });
-var switchThumbCSS = "_1tkc5xfq-3-3-1";
-var switchWrapperCSS = _7a468({ defaultClassName: "_1tkc5xfd-3-3-1", variantClassNames: { disabled: { true: "_1tkc5xfe-3-3-1", false: "_1tkc5xff-3-3-1" }, hasError: { true: "_1tkc5xfg-3-3-1", false: "_1tkc5xfh-3-3-1" }, color: { primary: "_1tkc5xfi-3-3-1", neutral: "_1tkc5xfj-3-3-1" }, isFocusVisible: { true: "_1tkc5xfk-3-3-1", false: "_1tkc5xfl-3-3-1" }, readOnly: { true: "_1tkc5xfm-3-3-1" } }, defaultVariants: {}, compoundVariants: [[{ color: "neutral", disabled: false, hasError: true, isFocusVisible: false }, "_1tkc5xfn-3-3-1"], [{ color: "neutral", disabled: false, hasError: false, isFocusVisible: false }, "_1tkc5xfo-3-3-1"], [{ color: "neutral", disabled: true }, "_1tkc5xfp-3-3-1"]] });
+var switchIconCSS = _7a468({ defaultClassName: "_1tkc5xfa-3-3-3", variantClassNames: { selected: { true: "_1tkc5xfb-3-3-3", false: "_1tkc5xfc-3-3-3" } }, defaultVariants: {}, compoundVariants: [] });
+var switchLabelCSS = _7a468({ defaultClassName: "_1tkc5xf0-3-3-3", variantClassNames: { disabled: { true: "_1tkc5xf1-3-3-3" }, readOnly: { true: "_1tkc5xf2-3-3-3" } }, defaultVariants: {}, compoundVariants: [] });
+var switchTextCSS = _7a468({ defaultClassName: "_1tkc5xf3-3-3-3", variantClassNames: { disabled: { true: "_1tkc5xf4-3-3-3", false: "_1tkc5xf5-3-3-3" }, required: { true: "_1tkc5xf6-3-3-3" } }, defaultVariants: {}, compoundVariants: [] });
+var switchThumbCSS = "_1tkc5xfq-3-3-3";
+var switchWrapperCSS = _7a468({ defaultClassName: "_1tkc5xfd-3-3-3", variantClassNames: { disabled: { true: "_1tkc5xfe-3-3-3", false: "_1tkc5xff-3-3-3" }, hasError: { true: "_1tkc5xfg-3-3-3", false: "_1tkc5xfh-3-3-3" }, color: { primary: "_1tkc5xfi-3-3-3", neutral: "_1tkc5xfj-3-3-3" }, isFocusVisible: { true: "_1tkc5xfk-3-3-3", false: "_1tkc5xfl-3-3-3" }, readOnly: { true: "_1tkc5xfm-3-3-3" } }, defaultVariants: {}, compoundVariants: [[{ color: "neutral", disabled: false, hasError: true, isFocusVisible: false }, "_1tkc5xfn-3-3-3"], [{ color: "neutral", disabled: false, hasError: false, isFocusVisible: false }, "_1tkc5xfo-3-3-3"], [{ color: "neutral", disabled: true }, "_1tkc5xfp-3-3-3"]] });
 export {
   switchIconCSS,
   switchLabelCSS,

package/esm/forms/switch/Switch.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/switch/Switch.css.ts"],
-  "sourcesContent": ["import '../../styles/field.css';\nimport './Switch.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var switchIconCSS = _7a468({defaultClassName:'_1tkc5xfa-3-3-1',variantClassNames:{selected:{true:'_1tkc5xfb-3-3-1',false:'_1tkc5xfc-3-3-1'}},defaultVariants:{},compoundVariants:[]});\nexport var switchLabelCSS = _7a468({defaultClassName:'_1tkc5xf0-3-3-1',variantClassNames:{disabled:{true:'_1tkc5xf1-3-3-1'},readOnly:{true:'_1tkc5xf2-3-3-1'}},defaultVariants:{},compoundVariants:[]});\nexport var switchTextCSS = _7a468({defaultClassName:'_1tkc5xf3-3-3-1',variantClassNames:{disabled:{true:'_1tkc5xf4-3-3-1',false:'_1tkc5xf5-3-3-1'},required:{true:'_1tkc5xf6-3-3-1'}},defaultVariants:{},compoundVariants:[]});\nexport var switchThumbCSS = '_1tkc5xfq-3-3-1';\nexport var switchWrapperCSS = _7a468({defaultClassName:'_1tkc5xfd-3-3-1',variantClassNames:{disabled:{true:'_1tkc5xfe-3-3-1',false:'_1tkc5xff-3-3-1'},hasError:{true:'_1tkc5xfg-3-3-1',false:'_1tkc5xfh-3-3-1'},color:{primary:'_1tkc5xfi-3-3-1',neutral:'_1tkc5xfj-3-3-1'},isFocusVisible:{true:'_1tkc5xfk-3-3-1',false:'_1tkc5xfl-3-3-1'},readOnly:{true:'_1tkc5xfm-3-3-1'}},defaultVariants:{},compoundVariants:[[{color:'neutral',disabled:false,hasError:true,isFocusVisible:false},'_1tkc5xfn-3-3-1'],[{color:'neutral',disabled:false,hasError:false,isFocusVisible:false},'_1tkc5xfo-3-3-1'],[{color:'neutral',disabled:true},'_1tkc5xfp-3-3-1']]});"],
+  "sourcesContent": ["import '../../styles/field.css';\nimport './Switch.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var switchIconCSS = _7a468({defaultClassName:'_1tkc5xfa-3-3-3',variantClassNames:{selected:{true:'_1tkc5xfb-3-3-3',false:'_1tkc5xfc-3-3-3'}},defaultVariants:{},compoundVariants:[]});\nexport var switchLabelCSS = _7a468({defaultClassName:'_1tkc5xf0-3-3-3',variantClassNames:{disabled:{true:'_1tkc5xf1-3-3-3'},readOnly:{true:'_1tkc5xf2-3-3-3'}},defaultVariants:{},compoundVariants:[]});\nexport var switchTextCSS = _7a468({defaultClassName:'_1tkc5xf3-3-3-3',variantClassNames:{disabled:{true:'_1tkc5xf4-3-3-3',false:'_1tkc5xf5-3-3-3'},required:{true:'_1tkc5xf6-3-3-3'}},defaultVariants:{},compoundVariants:[]});\nexport var switchThumbCSS = '_1tkc5xfq-3-3-3';\nexport var switchWrapperCSS = _7a468({defaultClassName:'_1tkc5xfd-3-3-3',variantClassNames:{disabled:{true:'_1tkc5xfe-3-3-3',false:'_1tkc5xff-3-3-3'},hasError:{true:'_1tkc5xfg-3-3-3',false:'_1tkc5xfh-3-3-3'},color:{primary:'_1tkc5xfi-3-3-3',neutral:'_1tkc5xfj-3-3-3'},isFocusVisible:{true:'_1tkc5xfk-3-3-3',false:'_1tkc5xfl-3-3-3'},readOnly:{true:'_1tkc5xfm-3-3-3'}},defaultVariants:{},compoundVariants:[[{color:'neutral',disabled:false,hasError:true,isFocusVisible:false},'_1tkc5xfn-3-3-3'],[{color:'neutral',disabled:false,hasError:false,isFocusVisible:false},'_1tkc5xfo-3-3-3'],[{color:'neutral',disabled:true},'_1tkc5xfp-3-3-3']]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACpL,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/L,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACtN,IAAI,iBAAiB;AACrB,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,OAAM,EAAC,SAAQ,mBAAkB,SAAQ,kBAAiB,GAAE,gBAAe,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,OAAM,WAAU,UAAS,OAAM,UAAS,MAAK,gBAAe,MAAK,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,OAAM,UAAS,OAAM,gBAAe,MAAK,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,iBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/forms/text-area/TextArea.css

@@ -1,5 +1,5 @@
-._44rwcl1-3-3-1 {
-  --_44rwcl0-3-3-1: 0px;
+._44rwcl1-3-3-3 {
+  --_44rwcl0-3-3-3: 0px;
   display: inline-flex;
   width: 100%;
   height: 100%;
@@ -11,28 +11,28 @@
   overflow: hidden;
   border-radius: var(--dt-borders-radius-field-default, 6px);
 }
-._44rwcl1-3-3-1:focus-within {
-  --_44rwcl0-3-3-1: -2px;
+._44rwcl1-3-3-3:focus-within {
+  --_44rwcl0-3-3-3: -2px;
 }
-._44rwcl1-3-3-1::-webkit-resizer {
+._44rwcl1-3-3-3::-webkit-resizer {
   display: none;
 }
-._44rwcl2-3-3-1 {
+._44rwcl2-3-3-3 {
   width: fit-content;
 }
-._44rwcl3-3-3-1 {
+._44rwcl3-3-3-3 {
   resize: none;
 }
-._44rwcl4-3-3-1 {
+._44rwcl4-3-3-3 {
   resize: both;
 }
-._44rwcl5-3-3-1 {
+._44rwcl5-3-3-3 {
   resize: horizontal;
 }
-._44rwcl6-3-3-1 {
+._44rwcl6-3-3-3 {
   resize: vertical;
 }
-._44rwcl7-3-3-1 {
+._44rwcl7-3-3-3 {
   width: 100%;
   height: 100%;
   appearance: none;
@@ -52,80 +52,80 @@
   background: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._44rwcl7-3-3-1::placeholder {
+._44rwcl7-3-3-3::placeholder {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._44rwcl7-3-3-1:hover {
+._44rwcl7-3-3-3:hover {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._44rwcl7-3-3-1:active {
+._44rwcl7-3-3-3:active {
   background-color: var(--dt-colors-background-field-neutral-emphasized-active, #d0d1dc);
 }
-._44rwcl7-3-3-1:read-only {
+._44rwcl7-3-3-3:read-only {
   cursor: not-allowed;
 }
-._44rwcl8-3-3-1 {
+._44rwcl8-3-3-3 {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   cursor: not-allowed;
 }
-._44rwcl8-3-3-1::placeholder {
+._44rwcl8-3-3-3::placeholder {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._44rwcl8-3-3-1:hover {
+._44rwcl8-3-3-3:hover {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
 }
-._44rwcl8-3-3-1:active {
+._44rwcl8-3-3-3:active {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
 }
-._44rwcl9-3-3-1 {
+._44rwcl9-3-3-3 {
   background-color: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
   color: var(--dt-colors-text-critical-default, #bb0731);
 }
-._44rwcl9-3-3-1::placeholder {
+._44rwcl9-3-3-3::placeholder {
   color: var(--dt-colors-text-critical-default, #bb0731);
 }
-._44rwcl9-3-3-1:hover {
+._44rwcl9-3-3-3:hover {
   background-color: var(--dt-colors-background-field-critical-emphasized-hover, #f6d6d5);
 }
-._44rwcl9-3-3-1:active {
+._44rwcl9-3-3-3:active {
   background-color: var(--dt-colors-background-field-critical-emphasized-active, #f5cac9);
 }
-._44rwcla-3-3-1 {
+._44rwcla-3-3-3 {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   cursor: not-allowed;
 }
-._44rwcla-3-3-1::placeholder {
+._44rwcla-3-3-3::placeholder {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._44rwcla-3-3-1:hover {
+._44rwcla-3-3-3:hover {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
 }
-._44rwcla-3-3-1:active {
+._44rwcla-3-3-3:active {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
 }
-._44rwclb-3-3-1 {
+._44rwclb-3-3-3 {
   position: absolute;
   pointer-events: none;
   width: 16px;
   height: 16px;
   bottom: 0;
   right: 0;
-  transform: translateX(var(--_44rwcl0-3-3-1)) translateY(var(--_44rwcl0-3-3-1));
+  transform: translateX(var(--_44rwcl0-3-3-3)) translateY(var(--_44rwcl0-3-3-3));
   transition: transform var(--dt-animations-move-duration-fast, 150ms) var(--dt-animations-move-easing, cubic-bezier(0.4, 0, 0.2, 1));
 }
-._44rwclc-3-3-1 {
+._44rwclc-3-3-3 {
   color: var(--dt-colors-text-critical-default, #bb0731);
 }
-._44rwcld-3-3-1 {
+._44rwcld-3-3-3 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._44rwcle-3-3-1 {
+._44rwcle-3-3-3 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
 @supports (-moz-appearance:none) {
-  ._44rwclb-3-3-1 {
+  ._44rwclb-3-3-3 {
     display: none;
   }
 }