@dynatrace/strato-components 3.11.1 → 3.11.2

package/esm/forms/date-time-picker/DateTimePicker.sty.js

@@ -3,12 +3,12 @@ import "../../styles/textStyle.css";
 import "../spin-buttons/SpinButton.css";
 import "./DateTimePicker.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var clearIconButton = "_1i883gjd-3-11-1";
-var dateSelector = "_1i883gjc-3-11-1";
-var dateTimePicker = _7a468({ defaultClassName: "_1i883gj4-3-11-1", variantClassNames: { readOnly: { true: "_1i883gj5-3-11-1" }, showError: { true: "_1i883gj6-3-11-1" }, disabled: { true: "_1i883gj7-3-11-1" }, type: { date: "_1i883gj8-3-11-1", time: "_1i883gj9-3-11-1", datetime: "_1i883gja-3-11-1" } }, defaultVariants: {}, compoundVariants: [] });
-var spinButtonGroup = "_1i883gjb-3-11-1 _da9a8v0-3-11-1 _da9a8v2-3-11-1 _da9a8v3-3-11-1 _da9a8vb-3-11-1";
-var spinButtonSelectionBackgroundColorVar = "var(--_1i883gj3-3-11-1)";
-var spinButtonSelectionColorVar = "var(--_1i883gj2-3-11-1)";
+var clearIconButton = "_1i883gjd-3-11-2";
+var dateSelector = "_1i883gjc-3-11-2";
+var dateTimePicker = _7a468({ defaultClassName: "_1i883gj4-3-11-2", variantClassNames: { readOnly: { true: "_1i883gj5-3-11-2" }, showError: { true: "_1i883gj6-3-11-2" }, disabled: { true: "_1i883gj7-3-11-2" }, type: { date: "_1i883gj8-3-11-2", time: "_1i883gj9-3-11-2", datetime: "_1i883gja-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var spinButtonGroup = "_1i883gjb-3-11-2 _da9a8v0-3-11-2 _da9a8v2-3-11-2 _da9a8v3-3-11-2 _da9a8vb-3-11-2";
+var spinButtonSelectionBackgroundColorVar = "var(--_1i883gj3-3-11-2)";
+var spinButtonSelectionColorVar = "var(--_1i883gj2-3-11-2)";
 export {
   clearIconButton,
   dateSelector,

package/esm/forms/date-time-picker/DateTimePicker.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/date-time-picker/DateTimePicker.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/textStyle.css';\nimport '../spin-buttons/SpinButton.css';\nimport './DateTimePicker.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var clearIconButton = '_1i883gjd-3-11-1';\nexport var dateSelector = '_1i883gjc-3-11-1';\nexport var dateTimePicker = _7a468({defaultClassName:'_1i883gj4-3-11-1',variantClassNames:{readOnly:{true:'_1i883gj5-3-11-1'},showError:{true:'_1i883gj6-3-11-1'},disabled:{true:'_1i883gj7-3-11-1'},type:{date:'_1i883gj8-3-11-1',time:'_1i883gj9-3-11-1',datetime:'_1i883gja-3-11-1'}},defaultVariants:{},compoundVariants:[]});\nexport var spinButtonGroup = '_1i883gjb-3-11-1 _da9a8v0-3-11-1 _da9a8v2-3-11-1 _da9a8v3-3-11-1 _da9a8vb-3-11-1';\nexport var spinButtonSelectionBackgroundColorVar = 'var(--_1i883gj3-3-11-1)';\nexport var spinButtonSelectionColorVar = 'var(--_1i883gj2-3-11-1)';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/textStyle.css';\nimport '../spin-buttons/SpinButton.css';\nimport './DateTimePicker.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var clearIconButton = '_1i883gjd-3-11-2';\nexport var dateSelector = '_1i883gjc-3-11-2';\nexport var dateTimePicker = _7a468({defaultClassName:'_1i883gj4-3-11-2',variantClassNames:{readOnly:{true:'_1i883gj5-3-11-2'},showError:{true:'_1i883gj6-3-11-2'},disabled:{true:'_1i883gj7-3-11-2'},type:{date:'_1i883gj8-3-11-2',time:'_1i883gj9-3-11-2',datetime:'_1i883gja-3-11-2'}},defaultVariants:{},compoundVariants:[]});\nexport var spinButtonGroup = '_1i883gjb-3-11-2 _da9a8v0-3-11-2 _da9a8v2-3-11-2 _da9a8v3-3-11-2 _da9a8vb-3-11-2';\nexport var spinButtonSelectionBackgroundColorVar = 'var(--_1i883gj3-3-11-2)';\nexport var spinButtonSelectionColorVar = 'var(--_1i883gj2-3-11-2)';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,kBAAkB;AACtB,IAAI,eAAe;AACnB,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,UAAS,EAAC,MAAK,mBAAkB,GAAE,WAAU,EAAC,MAAK,mBAAkB,GAAE,UAAS,EAAC,MAAK,mBAAkB,GAAE,MAAK,EAAC,MAAK,oBAAmB,MAAK,oBAAmB,UAAS,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACzT,IAAI,kBAAkB;AACtB,IAAI,wCAAwC;AAC5C,IAAI,8BAA8B;",
   "names": []
 }

package/esm/forms/date-time-range-picker/DateRangeSelector.css

@@ -1,4 +1,4 @@
-._1uftu980-3-11-1 {
+._1uftu980-3-11-2 {
   transition-timing-function: var(--dt-animations-fade-out-easing, cubic-bezier(0, 0, 0.2, 1));
   transition-duration: var(--dt-animations-fade-out-duration-base, 250ms);
   transition-property: color, background-color, transform;

package/esm/forms/date-time-range-picker/DateRangeSelector.sty.js

@@ -1,5 +1,5 @@
 import "./DateRangeSelector.css";
-var selector = "_1uftu980-3-11-1";
+var selector = "_1uftu980-3-11-2";
 export {
   selector
 };

package/esm/forms/date-time-range-picker/DateRangeSelector.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/date-time-range-picker/DateRangeSelector.css.ts"],
-  "sourcesContent": ["import './DateRangeSelector.css';\nexport var selector = '_1uftu980-3-11-1';"],
+  "sourcesContent": ["import './DateRangeSelector.css';\nexport var selector = '_1uftu980-3-11-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;",
   "names": []
 }

package/esm/forms/date-time-range-picker/DateTimeInput.css

@@ -1,33 +1,33 @@
-._5u9o250-3-11-1 {
+._5u9o250-3-11-2 {
   min-width: 0;
   overflow-x: auto;
   scrollbar-width: none;
 }
-._5u9o250-3-11-1::-webkit-scrollbar {
+._5u9o250-3-11-2::-webkit-scrollbar {
   display: none;
 }
-._5u9o252-3-11-1 {
+._5u9o252-3-11-2 {
   outline: none;
 }
-._5u9o252-3-11-1:not(:focus-visible) {
+._5u9o252-3-11-2:not(:focus-visible) {
   caret-color: transparent;
 }
-._5u9o252-3-11-1:empty::before {
+._5u9o252-3-11-2:empty::before {
   content: var(--data-placeholder);
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1vlwkc21-3-11-1 ._5u9o252-3-11-1:empty::before {
+._1vlwkc21-3-11-2 ._5u9o252-3-11-2:empty::before {
   color: var(--dt-colors-text-critical-default, #bb0731);
 }
-._1vlwkc22-3-11-1 ._5u9o252-3-11-1:empty::before {
+._1vlwkc22-3-11-2 ._5u9o252-3-11-2:empty::before {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._1vlwkc22-3-11-1._1vlwkc21-3-11-1 ._5u9o252-3-11-1:empty::before {
+._1vlwkc22-3-11-2._1vlwkc21-3-11-2 ._5u9o252-3-11-2:empty::before {
   color: var(--dt-colors-text-critical-disabled, #595a7d80);
 }
-._5u9o252-3-11-1::selection {
-  color: var(--_1i883gj2-3-11-1);
-  background-color: var(--_1i883gj3-3-11-1);
+._5u9o252-3-11-2::selection {
+  color: var(--_1i883gj2-3-11-2);
+  background-color: var(--_1i883gj3-3-11-2);
 }

package/esm/forms/date-time-range-picker/DateTimeInput.sty.js

@@ -5,9 +5,9 @@ import "../spin-buttons/SpinButton.css";
 import "../date-time-picker/DateTimePicker.css";
 import "./DateTimeRangePicker.css";
 import "./DateTimeInput.css";
-var dateTimeInput = "_5u9o251-3-11-1";
-var dateTimeInputRoot = "_5u9o250-3-11-1";
-var expression = "_5u9o252-3-11-1";
+var dateTimeInput = "_5u9o251-3-11-2";
+var dateTimeInputRoot = "_5u9o250-3-11-2";
+var expression = "_5u9o252-3-11-2";
 export {
   dateTimeInput,
   dateTimeInputRoot,

package/esm/forms/date-time-range-picker/DateTimeInput.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/date-time-range-picker/DateTimeInput.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport '../../styles/textStyle.css';\nimport '../spin-buttons/SpinButton.css';\nimport '../date-time-picker/DateTimePicker.css';\nimport './DateTimeRangePicker.css';\nimport './DateTimeInput.css';\nexport var dateTimeInput = '_5u9o251-3-11-1';\nexport var dateTimeInputRoot = '_5u9o250-3-11-1';\nexport var expression = '_5u9o252-3-11-1';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport '../../styles/textStyle.css';\nimport '../spin-buttons/SpinButton.css';\nimport '../date-time-picker/DateTimePicker.css';\nimport './DateTimeRangePicker.css';\nimport './DateTimeInput.css';\nexport var dateTimeInput = '_5u9o251-3-11-2';\nexport var dateTimeInputRoot = '_5u9o250-3-11-2';\nexport var expression = '_5u9o252-3-11-2';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,gBAAgB;AACpB,IAAI,oBAAoB;AACxB,IAAI,aAAa;",
   "names": []
 }

package/esm/forms/date-time-range-picker/DateTimeRangePicker.css

@@ -1,49 +1,49 @@
-._1vlwkc20-3-11-1 {
+._1vlwkc20-3-11-2 {
   transition-timing-function: var(--dt-animations-fade-out-easing, cubic-bezier(0, 0, 0.2, 1));
   transition-duration: var(--dt-animations-fade-out-duration-base, 250ms);
   transition-property: color, background-color, transform;
   padding-inline: var(--dt-spacings-size-12, 12px);
   padding-block: var(--dt-spacings-size-6, 6px);
   border-radius: var(--dt-borders-radius-field-default, 6px);
-  box-shadow: var(--_bx32h4-3-11-1);
+  box-shadow: var(--_bx32h4-3-11-2);
   white-space: nowrap;
   overflow: hidden;
-  color: var(--_bx32h0-3-11-1);
-  background: var(--_bx32h3-3-11-1);
+  color: var(--_bx32h0-3-11-2);
+  background: var(--_bx32h3-3-11-2);
   flex: 1 1 auto;
   position: relative;
 }
-._1vlwkc20-3-11-1._1vlwkc20-3-11-1 {
+._1vlwkc20-3-11-2._1vlwkc20-3-11-2 {
   gap: var(--dt-spacings-size-4, 4px);
 }
-._1vlwkc20-3-11-1:has(._1i883gjd-3-11-1) {
+._1vlwkc20-3-11-2:has(._1i883gjd-3-11-2) {
   padding-inline-end: var(--dt-spacings-size-32, 32px);
 }
-._1vlwkc20-3-11-1:has(._1i883gjd-3-11-1:hover) {
-  --_bx32h3-3-11-1: var(--_bx32h2-3-11-1);
+._1vlwkc20-3-11-2:has(._1i883gjd-3-11-2:hover) {
+  --_bx32h3-3-11-2: var(--_bx32h2-3-11-2);
 }
-._1vlwkc20-3-11-1:has(._1i883gjd-3-11-1:focus-visible) {
-  box-shadow: var(--_bx32h4-3-11-1, none);
+._1vlwkc20-3-11-2:has(._1i883gjd-3-11-2:focus-visible) {
+  box-shadow: var(--_bx32h4-3-11-2, none);
 }
-._1jgl8s50-3-11-1 ._1vlwkc20-3-11-1, ._1jgl8s50-3-11-1 ._1vlwkc20-3-11-1:hover, ._1jgl8s50-3-11-1 ._1vlwkc20-3-11-1:active {
-  --_bx32h3-3-11-1: var(--dt-colors-background-surface-default, #fff);
+._1jgl8s50-3-11-2 ._1vlwkc20-3-11-2, ._1jgl8s50-3-11-2 ._1vlwkc20-3-11-2:hover, ._1jgl8s50-3-11-2 ._1vlwkc20-3-11-2:active {
+  --_bx32h3-3-11-2: var(--dt-colors-background-surface-default, #fff);
 }
-._1vlwkc22-3-11-1 {
+._1vlwkc22-3-11-2 {
   cursor: not-allowed;
 }
-._1vlwkc23-3-11-1 {
-  --_bx32h3-3-11-1: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
+._1vlwkc23-3-11-2 {
+  --_bx32h3-3-11-2: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
 }
-._1jgl8s50-3-11-1 ._1vlwkc23-3-11-1, ._1jgl8s50-3-11-1 ._1vlwkc23-3-11-1:hover, ._1jgl8s50-3-11-1 ._1vlwkc23-3-11-1:active {
-  --_bx32h4-3-11-1: var(--dt-box-shadows-field-neutral-disabled, inset 0px 0px 0px 1px #2f2f4f0f, inset 0px -1px 0px #2f2f4f0a, 0px 1px 1px -1px #2d2e4e1f);
+._1jgl8s50-3-11-2 ._1vlwkc23-3-11-2, ._1jgl8s50-3-11-2 ._1vlwkc23-3-11-2:hover, ._1jgl8s50-3-11-2 ._1vlwkc23-3-11-2:active {
+  --_bx32h4-3-11-2: var(--dt-box-shadows-field-neutral-disabled, inset 0px 0px 0px 1px #2f2f4f0f, inset 0px -1px 0px #2f2f4f0a, 0px 1px 1px -1px #2d2e4e1f);
 }
-._1vlwkc24-3-11-1 {
-  --_bx32h3-3-11-1: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+._1vlwkc24-3-11-2 {
+  --_bx32h3-3-11-2: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
 }
-._1jgl8s50-3-11-1 ._1vlwkc24-3-11-1, ._1jgl8s50-3-11-1 ._1vlwkc24-3-11-1:hover, ._1jgl8s50-3-11-1 ._1vlwkc24-3-11-1:active {
-  --_bx32h4-3-11-1: var(--dt-box-shadows-field-critical-disabled, inset 0px 0px 0px 1px #2f2f4f0f, inset 0px -1px 0px #2f2f4f0a, 0px 1px 1px -1px #2d2e4e1f);
+._1jgl8s50-3-11-2 ._1vlwkc24-3-11-2, ._1jgl8s50-3-11-2 ._1vlwkc24-3-11-2:hover, ._1jgl8s50-3-11-2 ._1vlwkc24-3-11-2:active {
+  --_bx32h4-3-11-2: var(--dt-box-shadows-field-critical-disabled, inset 0px 0px 0px 1px #2f2f4f0f, inset 0px -1px 0px #2f2f4f0a, 0px 1px 1px -1px #2d2e4e1f);
 }
-._1vlwkc25-3-11-1 {
+._1vlwkc25-3-11-2 {
   display: flex;
   flex: 1 1 auto;
   min-width: 0;
@@ -51,19 +51,19 @@
   overflow-y: hidden;
   scrollbar-width: none;
 }
-._1vlwkc25-3-11-1._1vlwkc25-3-11-1 {
+._1vlwkc25-3-11-2._1vlwkc25-3-11-2 {
   gap: var(--dt-spacings-size-4, 4px);
 }
-._1vlwkc25-3-11-1::-webkit-scrollbar {
+._1vlwkc25-3-11-2::-webkit-scrollbar {
   display: none;
 }
-._1vlwkc26-3-11-1._1vlwkc26-3-11-1 {
+._1vlwkc26-3-11-2._1vlwkc26-3-11-2 {
   flex-shrink: 0;
   overflow-x: visible;
 }
-._1vlwkc27-3-11-1 {
+._1vlwkc27-3-11-2 {
   flex-shrink: 0;
 }
-._1vlwkc27-3-11-1::selection {
+._1vlwkc27-3-11-2::selection {
   background: transparent;
 }

package/esm/forms/date-time-range-picker/DateTimeRangePicker.sty.js

@@ -5,10 +5,10 @@ import "../spin-buttons/SpinButton.css";
 import "../date-time-picker/DateTimePicker.css";
 import "./DateTimeRangePicker.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var dateTimeInput = "_1vlwkc26-3-11-1";
-var dateTimeRange = _7a468({ defaultClassName: "_1vlwkc20-3-11-1", variantClassNames: { showError: { true: "_1vlwkc21-3-11-1" }, disabled: { true: "_1vlwkc22-3-11-1" }, readOnly: { true: "_1vlwkc23-3-11-1" } }, defaultVariants: {}, compoundVariants: [[{ showError: true, readOnly: true }, "_1vlwkc24-3-11-1"]] });
-var scrollContainer = "_1vlwkc25-3-11-1";
-var timeframeSeparator = "_1vlwkc27-3-11-1";
+var dateTimeInput = "_1vlwkc26-3-11-2";
+var dateTimeRange = _7a468({ defaultClassName: "_1vlwkc20-3-11-2", variantClassNames: { showError: { true: "_1vlwkc21-3-11-2" }, disabled: { true: "_1vlwkc22-3-11-2" }, readOnly: { true: "_1vlwkc23-3-11-2" } }, defaultVariants: {}, compoundVariants: [[{ showError: true, readOnly: true }, "_1vlwkc24-3-11-2"]] });
+var scrollContainer = "_1vlwkc25-3-11-2";
+var timeframeSeparator = "_1vlwkc27-3-11-2";
 export {
   dateTimeInput,
   dateTimeRange,

package/esm/forms/date-time-range-picker/DateTimeRangePicker.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/date-time-range-picker/DateTimeRangePicker.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport '../../styles/textStyle.css';\nimport '../spin-buttons/SpinButton.css';\nimport '../date-time-picker/DateTimePicker.css';\nimport './DateTimeRangePicker.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var dateTimeInput = '_1vlwkc26-3-11-1';\nexport var dateTimeRange = _7a468({defaultClassName:'_1vlwkc20-3-11-1',variantClassNames:{showError:{true:'_1vlwkc21-3-11-1'},disabled:{true:'_1vlwkc22-3-11-1'},readOnly:{true:'_1vlwkc23-3-11-1'}},defaultVariants:{},compoundVariants:[[{showError:true,readOnly:true},'_1vlwkc24-3-11-1']]});\nexport var scrollContainer = '_1vlwkc25-3-11-1';\nexport var timeframeSeparator = '_1vlwkc27-3-11-1';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport '../../styles/textStyle.css';\nimport '../spin-buttons/SpinButton.css';\nimport '../date-time-picker/DateTimePicker.css';\nimport './DateTimeRangePicker.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var dateTimeInput = '_1vlwkc26-3-11-2';\nexport var dateTimeRange = _7a468({defaultClassName:'_1vlwkc20-3-11-2',variantClassNames:{showError:{true:'_1vlwkc21-3-11-2'},disabled:{true:'_1vlwkc22-3-11-2'},readOnly:{true:'_1vlwkc23-3-11-2'}},defaultVariants:{},compoundVariants:[[{showError:true,readOnly:true},'_1vlwkc24-3-11-2']]});\nexport var scrollContainer = '_1vlwkc25-3-11-2';\nexport var timeframeSeparator = '_1vlwkc27-3-11-2';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,gBAAgB;AACpB,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,WAAU,EAAC,MAAK,mBAAkB,GAAE,UAAS,EAAC,MAAK,mBAAkB,GAAE,UAAS,EAAC,MAAK,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,WAAU,MAAK,UAAS,KAAI,GAAE,kBAAkB,CAAC,EAAC,CAAC;AACxR,IAAI,kBAAkB;AACtB,IAAI,qBAAqB;",
   "names": []
 }

package/esm/forms/forms-core/components/field-set/FieldSet.css

@@ -1,4 +1,4 @@
-._1dphm0f0-3-11-1 {
+._1dphm0f0-3-11-2 {
   appearance: none;
   margin: 0;
   border: none;
@@ -6,7 +6,7 @@
   min-width: 0;
   min-height: 0;
 }
-._1dphm0f1-3-11-1 {
+._1dphm0f1-3-11-2 {
   padding: 0;
   appearance: none;
   margin-bottom: var(--dt-spacings-size-12, 12px);

package/esm/forms/forms-core/components/field-set/FieldSet.js

@@ -6,9 +6,9 @@ import {
   useReducer,
   Children
 } from "react";
-import { isElement } from "react-is";
 import * as styles from "./FieldSet.sty.js";
 import { useBehavioralTrackingProps } from "../../../../core/hooks/useBehavioralTrackingProps.js";
+import { isSlot } from "../../../../core/utils/is-slot.js";
 import { mergeProps } from "../../../../core/utils/merge-props.js";
 import { parseBoolean as _parseBoolean } from "../../../../core/utils/parse-boolean.js";
 import { Flex } from "../../../../layouts/flex/Flex.js";
@@ -67,7 +67,7 @@ function getSlots(children) {
   let legend;
   const rest = [];
   for (const child of Children.toArray(children)) {
-    if (isElement(child) && child.type === Legend) {
+    if (isSlot(child, Legend)) {
       legend = child;
     } else {
       rest.push(child);

package/esm/forms/forms-core/components/field-set/FieldSet.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/field-set/FieldSet.tsx"],
-  "sourcesContent": ["import classNames from 'clsx';\nimport {\n  forwardRef,\n  useMemo,\n  useReducer,\n  type ReactNode,\n  Children,\n} from 'react';\nimport { isElement } from 'react-is';\n\nimport * as styles from './FieldSet.sty.js';\nimport { useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { AriaDisabledProps } from '../../../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport { DataTestId } from '../../../../core/types/data-props.js';\nimport { MaskingProps } from '../../../../core/types/masking-props.js';\nimport { StylingProps } from '../../../../core/types/styling-props.js';\nimport { WithChildren } from '../../../../core/types/with-children.js';\nimport { mergeProps } from '../../../../core/utils/merge-props.js';\nimport { parseBoolean as _parseBoolean } from '../../../../core/utils/parse-boolean.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { _FormFieldContext as FormFieldContext } from '../../contexts/FormFieldContext.js';\nimport { _formFieldReducer } from '../../state/formfield-state-reducer.js';\n\nconst COMPONENT_NAME = 'FieldSet';\n\n/**\n * @public\n */\nexport interface FieldSetProps\n  extends WithChildren,\n    StylingProps,\n    DataTestId,\n    MaskingProps,\n    AriaDisabledProps,\n    BehaviorTrackingProps {\n  /**\n   * Whether the fieldset and all its fields are disabled or not.\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /** The name associated with the group in a form. */\n  name?: string;\n}\n\nconst RootFieldSet = forwardRef<HTMLDivElement, FieldSetProps>(\n  (props, forwardedRef) => {\n    const {\n      children,\n      disabled: propDisabled,\n      name,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      'aria-disabled': ariaDisabledProp,\n      ...remainingProps\n    }: FieldSetProps = props;\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n\n    const [formFieldState] = useReducer(_formFieldReducer, {});\n\n    const slots = useMemo(() => getSlots(children), [children]);\n\n    return (\n      <FormFieldContext.Provider\n        value={{\n          disabled: formFieldState.disabled ?? propDisabled,\n          ariaDisabled:\n            formFieldState.ariaDisabled ?? _parseBoolean(ariaDisabledProp),\n          required: formFieldState.required,\n          dispatch: () => undefined,\n        }}\n      >\n        <div\n          data-testid={dataTestId}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n          className={consumerClassName}\n          style={consumerStyle}\n          ref={forwardedRef}\n          {...mergeProps(restProps, behavioralTrackingProps)}\n          data-dt-component={COMPONENT_NAME}\n        >\n          <fieldset name={name} className={styles.fieldset}>\n            {slots.legend}\n            <Flex gap={12} flexDirection=\"column\">\n              {slots.rest}\n            </Flex>\n          </fieldset>\n        </div>\n      </FormFieldContext.Provider>\n    );\n  },\n);\n(RootFieldSet as typeof RootFieldSet & { displayName: string }).displayName =\n  COMPONENT_NAME;\n\nfunction getSlots(children: ReactNode) {\n  let legend: ReactNode;\n  const rest: ReactNode[] = [];\n\n  for (const child of Children.toArray(children)) {\n    if (isElement(child) && child.type === Legend) {\n      legend = child;\n    } else {\n      rest.push(child);\n    }\n  }\n\n  return { legend, rest };\n}\n\n/**\n * @public\n */\nexport interface FieldSetLegendProps\n  extends WithChildren,\n    StylingProps,\n    DataTestId,\n    BehaviorTrackingProps {}\n\n/**\n * Assigns a caption to the `FieldSet` to improve accessibility.\n */\nconst Legend = forwardRef<HTMLLegendElement, FieldSetLegendProps>(\n  (props, ref) => {\n    const { style, className, ...rest } = props;\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(rest);\n    return (\n      <legend\n        className={classNames(styles.legend, className)}\n        style={style}\n        ref={ref}\n        {...mergeProps(restProps, behavioralTrackingProps)}\n      >\n        {props.children}\n      </legend>\n    );\n  },\n);\n(Legend as typeof Legend & { displayName: string }).displayName =\n  'FieldSet.Legend';\n\n/**\n * Use `FieldSet` to semantically group related form fields.\n * @public\n */\nexport const FieldSet = Object.assign(RootFieldSet, {\n  Legend,\n});\n"],
-  "mappings": "AAuFU,SAEE,KAFF;AAvFV,OAAO,gBAAgB;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AACP,SAAS,iBAAiB;AAE1B,YAAY,YAAY;AACxB,SAAS,kCAAkC;AAO3C,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB,qBAAqB;AAC9C,SAAS,YAAY;AACrB,SAAS,qBAAqB,wBAAwB;AACtD,SAAS,yBAAyB;AAElC,MAAM,iBAAiB;AAqBvB,MAAM,eAAe;AAAA,EACnB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAe;AAAA,MACf,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,MACjB,GAAG;AAAA,IACL,IAAmB;AAEnB,UAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAE3C,UAAM,CAAC,cAAc,IAAI,WAAW,mBAAmB,CAAC,CAAC;AAEzD,UAAM,QAAQ,QAAQ,MAAM,SAAS,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAE1D,WACE;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACC,OAAO;AAAA,UACL,UAAU,eAAe,YAAY;AAAA,UACrC,cACE,eAAe,gBAAgB,cAAc,gBAAgB;AAAA,UAC/D,UAAU,eAAe;AAAA,UACzB,UAAU,MAAM;AAAA,QAClB;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,eAAa;AAAA,YACb,mBAAiB;AAAA,YACjB,oBAAkB;AAAA,YAClB,WAAW;AAAA,YACX,OAAO;AAAA,YACP,KAAK;AAAA,YACJ,GAAG,WAAW,WAAW,uBAAuB;AAAA,YACjD,qBAAmB;AAAA,YAEnB,+BAAC,cAAS,MAAY,WAAW,OAAO,UACrC;AAAA,oBAAM;AAAA,cACP,oBAAC,QAAK,KAAK,IAAI,eAAc,UAC1B,gBAAM,MACT;AAAA,eACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACC,aAA+D,cAC9D;AAEF,SAAS,SAAS,UAAqB;AACrC,MAAI;AACJ,QAAM,OAAoB,CAAC;AAE3B,aAAW,SAAS,SAAS,QAAQ,QAAQ,GAAG;AAC9C,QAAI,UAAU,KAAK,KAAK,MAAM,SAAS,QAAQ;AAC7C,eAAS;AAAA,IACX,OAAO;AACL,WAAK,KAAK,KAAK;AAAA,IACjB;AAAA,EACF;AAEA,SAAO,EAAE,QAAQ,KAAK;AACxB;AAcA,MAAM,SAAS;AAAA,EACb,CAAC,OAAO,QAAQ;AACd,UAAM,EAAE,OAAO,WAAW,GAAG,KAAK,IAAI;AACtC,UAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,IAAI;AACjC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW,OAAO,QAAQ,SAAS;AAAA,QAC9C;AAAA,QACA;AAAA,QACC,GAAG,WAAW,WAAW,uBAAuB;AAAA,QAEhD,gBAAM;AAAA;AAAA,IACT;AAAA,EAEJ;AACF;AACC,OAAmD,cAClD;AAMK,MAAM,WAAW,OAAO,OAAO,cAAc;AAAA,EAClD;AACF,CAAC;",
+  "sourcesContent": ["import classNames from 'clsx';\nimport {\n  forwardRef,\n  useMemo,\n  useReducer,\n  type ReactNode,\n  Children,\n} from 'react';\n\nimport * as styles from './FieldSet.sty.js';\nimport { useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { AriaDisabledProps } from '../../../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport { DataTestId } from '../../../../core/types/data-props.js';\nimport { MaskingProps } from '../../../../core/types/masking-props.js';\nimport { StylingProps } from '../../../../core/types/styling-props.js';\nimport { WithChildren } from '../../../../core/types/with-children.js';\nimport { isSlot } from '../../../../core/utils/is-slot.js';\nimport { mergeProps } from '../../../../core/utils/merge-props.js';\nimport { parseBoolean as _parseBoolean } from '../../../../core/utils/parse-boolean.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { _FormFieldContext as FormFieldContext } from '../../contexts/FormFieldContext.js';\nimport { _formFieldReducer } from '../../state/formfield-state-reducer.js';\n\nconst COMPONENT_NAME = 'FieldSet';\n\n/**\n * @public\n */\nexport interface FieldSetProps\n  extends\n    WithChildren,\n    StylingProps,\n    DataTestId,\n    MaskingProps,\n    AriaDisabledProps,\n    BehaviorTrackingProps {\n  /**\n   * Whether the fieldset and all its fields are disabled or not.\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /** The name associated with the group in a form. */\n  name?: string;\n}\n\nconst RootFieldSet = forwardRef<HTMLDivElement, FieldSetProps>(\n  (props, forwardedRef) => {\n    const {\n      children,\n      disabled: propDisabled,\n      name,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      'aria-disabled': ariaDisabledProp,\n      ...remainingProps\n    }: FieldSetProps = props;\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n\n    const [formFieldState] = useReducer(_formFieldReducer, {});\n\n    const slots = useMemo(() => getSlots(children), [children]);\n\n    return (\n      <FormFieldContext.Provider\n        value={{\n          disabled: formFieldState.disabled ?? propDisabled,\n          ariaDisabled:\n            formFieldState.ariaDisabled ?? _parseBoolean(ariaDisabledProp),\n          required: formFieldState.required,\n          dispatch: () => undefined,\n        }}\n      >\n        <div\n          data-testid={dataTestId}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n          className={consumerClassName}\n          style={consumerStyle}\n          ref={forwardedRef}\n          {...mergeProps(restProps, behavioralTrackingProps)}\n          data-dt-component={COMPONENT_NAME}\n        >\n          <fieldset name={name} className={styles.fieldset}>\n            {slots.legend}\n            <Flex gap={12} flexDirection=\"column\">\n              {slots.rest}\n            </Flex>\n          </fieldset>\n        </div>\n      </FormFieldContext.Provider>\n    );\n  },\n);\n(RootFieldSet as typeof RootFieldSet & { displayName: string }).displayName =\n  COMPONENT_NAME;\n\nfunction getSlots(children: ReactNode) {\n  let legend: ReactNode;\n  const rest: ReactNode[] = [];\n\n  for (const child of Children.toArray(children)) {\n    if (isSlot(child, Legend)) {\n      legend = child;\n    } else {\n      rest.push(child);\n    }\n  }\n\n  return { legend, rest };\n}\n\n/**\n * @public\n */\nexport interface FieldSetLegendProps\n  extends WithChildren, StylingProps, DataTestId, BehaviorTrackingProps {}\n\n/**\n * Assigns a caption to the `FieldSet` to improve accessibility.\n */\nconst Legend = forwardRef<HTMLLegendElement, FieldSetLegendProps>(\n  (props, ref) => {\n    const { style, className, ...rest } = props;\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(rest);\n    return (\n      <legend\n        className={classNames(styles.legend, className)}\n        style={style}\n        ref={ref}\n        {...mergeProps(restProps, behavioralTrackingProps)}\n      >\n        {props.children}\n      </legend>\n    );\n  },\n);\n(Legend as typeof Legend & { displayName: string }).displayName =\n  'FieldSet.Legend';\n\n/**\n * Use `FieldSet` to semantically group related form fields.\n * @public\n */\nexport const FieldSet = Object.assign(RootFieldSet, {\n  Legend,\n});\n"],
+  "mappings": "AAwFU,SAEE,KAFF;AAxFV,OAAO,gBAAgB;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AAEP,YAAY,YAAY;AACxB,SAAS,kCAAkC;AAO3C,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB,qBAAqB;AAC9C,SAAS,YAAY;AACrB,SAAS,qBAAqB,wBAAwB;AACtD,SAAS,yBAAyB;AAElC,MAAM,iBAAiB;AAsBvB,MAAM,eAAe;AAAA,EACnB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAe;AAAA,MACf,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,MACjB,GAAG;AAAA,IACL,IAAmB;AAEnB,UAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAE3C,UAAM,CAAC,cAAc,IAAI,WAAW,mBAAmB,CAAC,CAAC;AAEzD,UAAM,QAAQ,QAAQ,MAAM,SAAS,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAE1D,WACE;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACC,OAAO;AAAA,UACL,UAAU,eAAe,YAAY;AAAA,UACrC,cACE,eAAe,gBAAgB,cAAc,gBAAgB;AAAA,UAC/D,UAAU,eAAe;AAAA,UACzB,UAAU,MAAM;AAAA,QAClB;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,eAAa;AAAA,YACb,mBAAiB;AAAA,YACjB,oBAAkB;AAAA,YAClB,WAAW;AAAA,YACX,OAAO;AAAA,YACP,KAAK;AAAA,YACJ,GAAG,WAAW,WAAW,uBAAuB;AAAA,YACjD,qBAAmB;AAAA,YAEnB,+BAAC,cAAS,MAAY,WAAW,OAAO,UACrC;AAAA,oBAAM;AAAA,cACP,oBAAC,QAAK,KAAK,IAAI,eAAc,UAC1B,gBAAM,MACT;AAAA,eACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACC,aAA+D,cAC9D;AAEF,SAAS,SAAS,UAAqB;AACrC,MAAI;AACJ,QAAM,OAAoB,CAAC;AAE3B,aAAW,SAAS,SAAS,QAAQ,QAAQ,GAAG;AAC9C,QAAI,OAAO,OAAO,MAAM,GAAG;AACzB,eAAS;AAAA,IACX,OAAO;AACL,WAAK,KAAK,KAAK;AAAA,IACjB;AAAA,EACF;AAEA,SAAO,EAAE,QAAQ,KAAK;AACxB;AAWA,MAAM,SAAS;AAAA,EACb,CAAC,OAAO,QAAQ;AACd,UAAM,EAAE,OAAO,WAAW,GAAG,KAAK,IAAI;AACtC,UAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,IAAI;AACjC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW,OAAO,QAAQ,SAAS;AAAA,QAC9C;AAAA,QACA;AAAA,QACC,GAAG,WAAW,WAAW,uBAAuB;AAAA,QAEhD,gBAAM;AAAA;AAAA,IACT;AAAA,EAEJ;AACF;AACC,OAAmD,cAClD;AAMK,MAAM,WAAW,OAAO,OAAO,cAAc;AAAA,EAClD;AACF,CAAC;",
   "names": []
 }

package/esm/forms/forms-core/components/field-set/FieldSet.sty.js

@@ -1,6 +1,6 @@
 import "./FieldSet.css";
-var fieldset = "_1dphm0f0-3-11-1";
-var legend = "_1dphm0f1-3-11-1";
+var fieldset = "_1dphm0f0-3-11-2";
+var legend = "_1dphm0f1-3-11-2";
 export {
   fieldset,
   legend

package/esm/forms/forms-core/components/field-set/FieldSet.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/field-set/FieldSet.css.ts"],
-  "sourcesContent": ["import './FieldSet.css';\nexport var fieldset = '_1dphm0f0-3-11-1';\nexport var legend = '_1dphm0f1-3-11-1';"],
+  "sourcesContent": ["import './FieldSet.css';\nexport var fieldset = '_1dphm0f0-3-11-2';\nexport var legend = '_1dphm0f1-3-11-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;AACf,IAAI,SAAS;",
   "names": []
 }

package/esm/forms/forms-core/components/form-field/FormField.sty.js

@@ -1,5 +1,5 @@
 import "./FormField.css";
-var formField = "_mvcxum0-3-11-1";
+var formField = "_mvcxum0-3-11-2";
 export {
   formField
 };

package/esm/forms/forms-core/components/form-field/FormField.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/form-field/FormField.css.ts"],
-  "sourcesContent": ["import './FormField.css';\nexport var formField = '_mvcxum0-3-11-1';"],
+  "sourcesContent": ["import './FormField.css';\nexport var formField = '_mvcxum0-3-11-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/forms/forms-core/components/form-field-messages/FormFieldMessageItem.css

@@ -1,17 +1,17 @@
-._16z6rg10-3-11-1 {
+._16z6rg10-3-11-2 {
   font-size: var(--dt-typography-text-small-default-size, 12px);
   line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);
 }
-._16z6rg11-3-11-1 {
+._16z6rg11-3-11-2 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._16z6rg12-3-11-1 {
+._16z6rg12-3-11-2 {
   color: var(--dt-colors-text-critical-default, #bb0731);
 }
-._16z6rg13-3-11-1 {
+._16z6rg13-3-11-2 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._16z6rg14-3-11-1 {
+._16z6rg14-3-11-2 {
   min-width: 0;
   overflow-wrap: break-word;
 }

package/esm/forms/forms-core/components/form-field-messages/FormFieldMessageItem.sty.js

@@ -1,7 +1,7 @@
 import "./FormFieldMessageItem.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var formFieldMessageItem = _7a468({ defaultClassName: "_16z6rg10-3-11-1", variantClassNames: { variant: { hint: "_16z6rg11-3-11-1", error: "_16z6rg12-3-11-1" }, disabled: { true: "_16z6rg13-3-11-1" } }, defaultVariants: { variant: "hint", disabled: false }, compoundVariants: [] });
-var formFieldMessageItemText = "_16z6rg14-3-11-1";
+var formFieldMessageItem = _7a468({ defaultClassName: "_16z6rg10-3-11-2", variantClassNames: { variant: { hint: "_16z6rg11-3-11-2", error: "_16z6rg12-3-11-2" }, disabled: { true: "_16z6rg13-3-11-2" } }, defaultVariants: { variant: "hint", disabled: false }, compoundVariants: [] });
+var formFieldMessageItemText = "_16z6rg14-3-11-2";
 export {
   formFieldMessageItem,
   formFieldMessageItemText

package/esm/forms/forms-core/components/form-field-messages/FormFieldMessageItem.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/form-field-messages/FormFieldMessageItem.css.ts"],
-  "sourcesContent": ["import './FormFieldMessageItem.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var formFieldMessageItem = _7a468({defaultClassName:'_16z6rg10-3-11-1',variantClassNames:{variant:{hint:'_16z6rg11-3-11-1',error:'_16z6rg12-3-11-1'},disabled:{true:'_16z6rg13-3-11-1'}},defaultVariants:{variant:'hint',disabled:false},compoundVariants:[]});\nexport var formFieldMessageItemText = '_16z6rg14-3-11-1';"],
+  "sourcesContent": ["import './FormFieldMessageItem.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var formFieldMessageItem = _7a468({defaultClassName:'_16z6rg10-3-11-2',variantClassNames:{variant:{hint:'_16z6rg11-3-11-2',error:'_16z6rg12-3-11-2'},disabled:{true:'_16z6rg13-3-11-2'}},defaultVariants:{variant:'hint',disabled:false},compoundVariants:[]});\nexport var formFieldMessageItemText = '_16z6rg14-3-11-2';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,uBAAuB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,UAAS,EAAC,MAAK,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,SAAQ,QAAO,UAAS,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC7P,IAAI,2BAA2B;",
   "names": []
 }

package/esm/forms/forms-core/components/form-field-messages/FormFieldMessages.css

@@ -1,9 +1,9 @@
-._1l9bja60-3-11-1 {
+._1l9bja60-3-11-2 {
   display: flex;
 }
-._1l9bja60-3-11-1:empty {
+._1l9bja60-3-11-2:empty {
   display: none;
 }
-._1l9bja60-3-11-1[aria-hidden='true'] {
+._1l9bja60-3-11-2[aria-hidden='true'] {
   display: none;
 }

package/esm/forms/forms-core/components/form-field-messages/FormFieldMessages.sty.js

@@ -1,5 +1,5 @@
 import "./FormFieldMessages.css";
-var formFieldMessages = "_1l9bja60-3-11-1";
+var formFieldMessages = "_1l9bja60-3-11-2";
 export {
   formFieldMessages
 };

package/esm/forms/forms-core/components/form-field-messages/FormFieldMessages.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/form-field-messages/FormFieldMessages.css.ts"],
-  "sourcesContent": ["import './FormFieldMessages.css';\nexport var formFieldMessages = '_1l9bja60-3-11-1';"],
+  "sourcesContent": ["import './FormFieldMessages.css';\nexport var formFieldMessages = '_1l9bja60-3-11-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;",
   "names": []
 }

package/esm/forms/forms-core/components/label/Label.css

@@ -1,15 +1,15 @@
-._1gxatyo0-3-11-1 {
+._1gxatyo0-3-11-2 {
   display: inline-block;
 }
-._1gxatyo1-3-11-1 {
+._1gxatyo1-3-11-2 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._1gxatyo2-3-11-1:after {
+._1gxatyo2-3-11-2:after {
   content: "*" / "";
 }
-._1gxatyo3-3-11-1 {
+._1gxatyo3-3-11-2 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1gxatyo4-3-11-1 {
+._1gxatyo4-3-11-2 {
   margin-left: var(--dt-spacings-size-4, 4px);
 }

package/esm/forms/forms-core/components/label/Label.sty.js

@@ -1,7 +1,7 @@
 import "./Label.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var label = _7a468({ defaultClassName: "_1gxatyo0-3-11-1", variantClassNames: { disabled: { true: "_1gxatyo1-3-11-1" }, required: { true: "_1gxatyo2-3-11-1" }, readOnly: { true: "_1gxatyo3-3-11-1" } }, defaultVariants: {}, compoundVariants: [] });
-var readOnlyLabel = "_1gxatyo4-3-11-1";
+var label = _7a468({ defaultClassName: "_1gxatyo0-3-11-2", variantClassNames: { disabled: { true: "_1gxatyo1-3-11-2" }, required: { true: "_1gxatyo2-3-11-2" }, readOnly: { true: "_1gxatyo3-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var readOnlyLabel = "_1gxatyo4-3-11-2";
 export {
   label,
   readOnlyLabel

package/esm/forms/forms-core/components/label/Label.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/label/Label.css.ts"],
-  "sourcesContent": ["import './Label.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var label = _7a468({defaultClassName:'_1gxatyo0-3-11-1',variantClassNames:{disabled:{true:'_1gxatyo1-3-11-1'},required:{true:'_1gxatyo2-3-11-1'},readOnly:{true:'_1gxatyo3-3-11-1'}},defaultVariants:{},compoundVariants:[]});\nexport var readOnlyLabel = '_1gxatyo4-3-11-1';"],
+  "sourcesContent": ["import './Label.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var label = _7a468({defaultClassName:'_1gxatyo0-3-11-2',variantClassNames:{disabled:{true:'_1gxatyo1-3-11-2'},required:{true:'_1gxatyo2-3-11-2'},readOnly:{true:'_1gxatyo3-3-11-2'}},defaultVariants:{},compoundVariants:[]});\nexport var readOnlyLabel = '_1gxatyo4-3-11-2';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,QAAQ,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,UAAS,EAAC,MAAK,mBAAkB,GAAE,UAAS,EAAC,MAAK,mBAAkB,GAAE,UAAS,EAAC,MAAK,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC5N,IAAI,gBAAgB;",
   "names": []
 }

package/esm/forms/hooks/useAutofillEvent.css

@@ -1,20 +1,20 @@
-@keyframes _yfwka31-3-11-1 {
+@keyframes _yfwka31-3-11-2 {
 
 }
-@keyframes _yfwka32-3-11-1 {
+@keyframes _yfwka32-3-11-2 {
 
 }
-._yfwka33-3-11-1:-webkit-autofill:is(._yfwka33-3-11-1,:hover,:focus) {
+._yfwka33-3-11-2:-webkit-autofill:is(._yfwka33-3-11-2,:hover,:focus) {
   -webkit-text-fill-color: var(--dt-colors-text-primary-default, #464cce);
-  box-shadow: 0 0 0px 1000px var(--_yfwka30-3-11-1) inset;
+  box-shadow: 0 0 0px 1000px var(--_yfwka30-3-11-2) inset;
   caret-color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._yfwka33-3-11-1:-webkit-autofill {
-  animation-name: _yfwka31-3-11-1;
+._yfwka33-3-11-2:-webkit-autofill {
+  animation-name: _yfwka31-3-11-2;
   animation-duration: 0.001s;
 }
-._yfwka33-3-11-1:not(:-webkit-autofill) {
-  animation-name: _yfwka32-3-11-1;
+._yfwka33-3-11-2:not(:-webkit-autofill) {
+  animation-name: _yfwka32-3-11-2;
   animation-duration: 0.001s;
 }
 input:-webkit-autofill::spelling-error {

package/esm/forms/hooks/useAutofillEvent.sty.js

@@ -1,8 +1,8 @@
 import "./useAutofillEvent.css";
-var autofillBackground = "var(--_yfwka30-3-11-1)";
-var autofillCSS = "_yfwka33-3-11-1";
-var end = "_yfwka32-3-11-1";
-var start = "_yfwka31-3-11-1";
+var autofillBackground = "var(--_yfwka30-3-11-2)";
+var autofillCSS = "_yfwka33-3-11-2";
+var end = "_yfwka32-3-11-2";
+var start = "_yfwka31-3-11-2";
 export {
   autofillBackground,
   autofillCSS,

package/esm/forms/hooks/useAutofillEvent.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/hooks/useAutofillEvent.css.ts"],
-  "sourcesContent": ["import './useAutofillEvent.css';\nexport var autofillBackground = 'var(--_yfwka30-3-11-1)';\nexport var autofillCSS = '_yfwka33-3-11-1';\nexport var end = '_yfwka32-3-11-1';\nexport var start = '_yfwka31-3-11-1';"],
+  "sourcesContent": ["import './useAutofillEvent.css';\nexport var autofillBackground = 'var(--_yfwka30-3-11-2)';\nexport var autofillCSS = '_yfwka33-3-11-2';\nexport var end = '_yfwka32-3-11-2';\nexport var start = '_yfwka31-3-11-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;AACzB,IAAI,cAAc;AAClB,IAAI,MAAM;AACV,IAAI,QAAQ;",
   "names": []
 }

package/esm/forms/hooks/useContainerFocus.css

@@ -1,3 +1,3 @@
-._la3ex60-3-11-1:focus {
+._la3ex60-3-11-2:focus {
   outline: none;
 }

package/esm/forms/hooks/useContainerFocus.sty.js

@@ -1,5 +1,5 @@
 import "./useContainerFocus.css";
-var containerRoot = "_la3ex60-3-11-1";
+var containerRoot = "_la3ex60-3-11-2";
 export {
   containerRoot
 };

package/esm/forms/hooks/useContainerFocus.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/hooks/useContainerFocus.css.ts"],
-  "sourcesContent": ["import './useContainerFocus.css';\nexport var containerRoot = '_la3ex60-3-11-1';"],
+  "sourcesContent": ["import './useContainerFocus.css';\nexport var containerRoot = '_la3ex60-3-11-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;",
   "names": []
 }