@dynatrace/strato-components 3.1.0 → 3.1.3

package/esm/content/avatar/Avatar.css

@@ -1,4 +1,4 @@
-._7llfy90-3-1-0 {
+._7llfy90-3-1-3 {
   cursor: default;
   box-sizing: border-box;
   border: 1px solid var(--dt-colors-border-neutral-default, #dadbe4);
@@ -11,19 +11,19 @@
   align-items: center;
   align-self: start;
 }
-._7llfy91-3-1-0 {
+._7llfy91-3-1-3 {
   min-width: var(--dt-spacings-size-20, 20px);
 }
-._7llfy92-3-1-0 {
+._7llfy92-3-1-3 {
   min-width: var(--dt-spacings-size-32, 32px);
 }
-._7llfy93-3-1-0 {
+._7llfy93-3-1-3 {
   border-color: var(--dt-colors-border-neutral-disabled, #dadbe480);
   background-color: var(--dt-colors-background-surface-default, #fff);
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   z-index: 0;
 }
-._7llfy93-3-1-0:before {
+._7llfy93-3-1-3:before {
   content: "";
   aspect-ratio: 1/1;
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
@@ -32,36 +32,36 @@
   position: absolute;
   z-index: -1;
 }
-._7llfy94-3-1-0[tabindex]:hover, button._7llfy94-3-1-0:hover, a._7llfy94-3-1-0:hover, ._7llfy94-3-1-0:focus {
+._7llfy94-3-1-3[tabindex]:hover, button._7llfy94-3-1-3:hover, a._7llfy94-3-1-3:hover, ._7llfy94-3-1-3:focus {
   background-color: var(--dt-colors-background-field-neutral-accent-hover, #4d4e72);
   border-color: var(--dt-colors-border-neutral-default-hover, #d0d1dc);
   z-index: 1;
 }
-button._7llfy94-3-1-0:hover, a._7llfy94-3-1-0:hover, button._7llfy94-3-1-0:active, a._7llfy94-3-1-0:active {
+button._7llfy94-3-1-3:hover, a._7llfy94-3-1-3:hover, button._7llfy94-3-1-3:active, a._7llfy94-3-1-3:active {
   cursor: pointer;
   z-index: 1;
 }
-._7llfy94-3-1-0[tabindex]:active, button._7llfy94-3-1-0:active, a._7llfy94-3-1-0:active {
+._7llfy94-3-1-3[tabindex]:active, button._7llfy94-3-1-3:active, a._7llfy94-3-1-3:active {
   background-color: var(--dt-colors-background-field-neutral-accent-active, #404164);
   border-color: var(--dt-colors-border-neutral-default-active, #c6c7d5);
   z-index: 1;
 }
-._7llfy95-3-1-0:before {
+._7llfy95-3-1-3:before {
   min-width: var(--dt-spacings-size-20, 20px);
 }
-._7llfy96-3-1-0:before {
+._7llfy96-3-1-3:before {
   min-width: var(--dt-spacings-size-32, 32px);
 }
-._7llfy97-3-1-0 {
+._7llfy97-3-1-3 {
   padding: 0;
   margin: 0;
   border: none;
   background-color: transparent;
 }
-._7llfy98-3-1-0 {
+._7llfy98-3-1-3 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   overflow-wrap: break-word;
 }
-._7llfy99-3-1-0 ~ div > div {
+._7llfy99-3-1-3 ~ div > div {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }

package/esm/content/avatar/Avatar.sty.js

@@ -1,9 +1,9 @@
 import "./Avatar.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var avatarAbbreviationCSS = _7a468({ defaultClassName: "_7llfy90-3-1-0", variantClassNames: { size: { small: "_7llfy91-3-1-0", "default": "_7llfy92-3-1-0" }, disabled: { true: "_7llfy93-3-1-0", false: "_7llfy94-3-1-0" } }, defaultVariants: {}, compoundVariants: [[{ disabled: true, size: "small" }, "_7llfy95-3-1-0"], [{ disabled: true, size: "default" }, "_7llfy96-3-1-0"]] });
-var avatarDisabledCSS = "_7llfy99-3-1-0";
-var avatarSubtitleCSS = "_7llfy98-3-1-0";
-var avatarWrapperCSS = "_7llfy97-3-1-0";
+var avatarAbbreviationCSS = _7a468({ defaultClassName: "_7llfy90-3-1-3", variantClassNames: { size: { small: "_7llfy91-3-1-3", "default": "_7llfy92-3-1-3" }, disabled: { true: "_7llfy93-3-1-3", false: "_7llfy94-3-1-3" } }, defaultVariants: {}, compoundVariants: [[{ disabled: true, size: "small" }, "_7llfy95-3-1-3"], [{ disabled: true, size: "default" }, "_7llfy96-3-1-3"]] });
+var avatarDisabledCSS = "_7llfy99-3-1-3";
+var avatarSubtitleCSS = "_7llfy98-3-1-3";
+var avatarWrapperCSS = "_7llfy97-3-1-3";
 export {
   avatarAbbreviationCSS,
   avatarDisabledCSS,

package/esm/content/avatar/Avatar.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/avatar/Avatar.css.ts"],
-  "sourcesContent": ["import './Avatar.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var avatarAbbreviationCSS = _7a468({defaultClassName:'_7llfy90-3-1-0',variantClassNames:{size:{small:'_7llfy91-3-1-0','default':'_7llfy92-3-1-0'},disabled:{true:'_7llfy93-3-1-0',false:'_7llfy94-3-1-0'}},defaultVariants:{},compoundVariants:[[{disabled:true,size:'small'},'_7llfy95-3-1-0'],[{disabled:true,size:'default'},'_7llfy96-3-1-0']]});\nexport var avatarDisabledCSS = '_7llfy99-3-1-0';\nexport var avatarSubtitleCSS = '_7llfy98-3-1-0';\nexport var avatarWrapperCSS = '_7llfy97-3-1-0';"],
+  "sourcesContent": ["import './Avatar.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var avatarAbbreviationCSS = _7a468({defaultClassName:'_7llfy90-3-1-3',variantClassNames:{size:{small:'_7llfy91-3-1-3','default':'_7llfy92-3-1-3'},disabled:{true:'_7llfy93-3-1-3',false:'_7llfy94-3-1-3'}},defaultVariants:{},compoundVariants:[[{disabled:true,size:'small'},'_7llfy95-3-1-3'],[{disabled:true,size:'default'},'_7llfy96-3-1-3']]});\nexport var avatarDisabledCSS = '_7llfy99-3-1-3';\nexport var avatarSubtitleCSS = '_7llfy98-3-1-3';\nexport var avatarWrapperCSS = '_7llfy97-3-1-3';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,wBAAwB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,MAAK,EAAC,OAAM,kBAAiB,WAAU,iBAAgB,GAAE,UAAS,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,UAAS,MAAK,MAAK,QAAO,GAAE,gBAAgB,GAAE,CAAC,EAAC,UAAS,MAAK,MAAK,UAAS,GAAE,gBAAgB,CAAC,EAAC,CAAC;AACnV,IAAI,oBAAoB;AACxB,IAAI,oBAAoB;AACxB,IAAI,mBAAmB;",
   "names": []
 }

package/esm/content/avatar-group/AvatarGroup.css

@@ -1,9 +1,9 @@
-._129un530-3-1-0 {
+._129un530-3-1-3 {
   display: flex;
 }
-._129un531-3-1-0 {
+._129un531-3-1-3 {
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-._129un531-3-1-0:first-child {
+._129un531-3-1-3:first-child {
   margin-left: var(--dt-spacings-size-0, 0);
 }

package/esm/content/avatar-group/AvatarGroup.sty.js

@@ -1,6 +1,6 @@
 import "./AvatarGroup.css";
-var additionalAvatarWrapperCSS = "_129un530-3-1-0";
-var avatarGroupItemWrapperCSS = "_129un531-3-1-0";
+var additionalAvatarWrapperCSS = "_129un530-3-1-3";
+var avatarGroupItemWrapperCSS = "_129un531-3-1-3";
 export {
   additionalAvatarWrapperCSS,
   avatarGroupItemWrapperCSS

package/esm/content/avatar-group/AvatarGroup.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/avatar-group/AvatarGroup.css.ts"],
-  "sourcesContent": ["import './AvatarGroup.css';\nexport var additionalAvatarWrapperCSS = '_129un530-3-1-0';\nexport var avatarGroupItemWrapperCSS = '_129un531-3-1-0';"],
+  "sourcesContent": ["import './AvatarGroup.css';\nexport var additionalAvatarWrapperCSS = '_129un530-3-1-3';\nexport var avatarGroupItemWrapperCSS = '_129un531-3-1-3';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,6BAA6B;AACjC,IAAI,4BAA4B;",
   "names": []
 }

package/esm/content/chip/BaseChip.css

@@ -1,9 +1,9 @@
-._1raebd91-3-1-0 {
+._1raebd91-3-1-3 {
   cursor: not-allowed;
 }
-._1raebd92-3-1-0 {
-  background: var(--_bx32h2-3-1-0);
-  color: var(--_bx32h0-3-1-0);
+._1raebd92-3-1-3 {
+  background: var(--_bx32h2-3-1-3);
+  color: var(--_bx32h0-3-1-3);
   position: relative;
   display: grid;
   grid: auto / auto-flow auto;
@@ -17,100 +17,100 @@
   transition-duration: var(--dt-animations-fade-out-duration-base, 250ms);
   transition-property: color, background-color, transform;
 }
-._1raebd92-3-1-0:is(button) {
+._1raebd92-3-1-3:is(button) {
   border: 0;
 }
-._1raebd93-3-1-0 {
+._1raebd93-3-1-3 {
   padding-left: var(--dt-spacings-size-4, 4px);
   padding-right: var(--dt-spacings-size-4, 4px);
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
   height: var(--dt-spacings-size-24, 24px);
 }
-._1raebd94-3-1-0 {
+._1raebd94-3-1-3 {
   padding-left: var(--dt-spacings-size-2, 2px);
   padding-right: var(--dt-spacings-size-2, 2px);
   padding-top: 0;
   padding-bottom: 0;
   height: var(--dt-spacings-size-20, 20px);
 }
-._1raebd95-3-1-0 {
+._1raebd95-3-1-3 {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
 }
-._1raebd96-3-1-0 {
+._1raebd96-3-1-3 {
   border-bottom-right-radius: var(--dt-borders-radius-field-subdued, 3px);
   border-top-right-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._1raebd97-3-1-0 {
+._1raebd97-3-1-3 {
   cursor: not-allowed;
   pointer-events: none;
 }
-._1raebd98-3-1-0:is(button) {
+._1raebd98-3-1-3:is(button) {
   cursor: pointer;
 }
-._1raebd9g-3-1-0[tabindex]:hover, button._1raebd9g-3-1-0:hover, a._1raebd9g-3-1-0:hover {
+._1raebd9g-3-1-3[tabindex]:hover, button._1raebd9g-3-1-3:hover, a._1raebd9g-3-1-3:hover {
   background: var(--dt-colors-background-field-neutral-accent-hover, #4d4e72);
 }
-._1raebd9g-3-1-0[tabindex]:active, button._1raebd9g-3-1-0:active, a._1raebd9g-3-1-0:active {
+._1raebd9g-3-1-3[tabindex]:active, button._1raebd9g-3-1-3:active, a._1raebd9g-3-1-3:active {
   background: var(--dt-colors-background-field-neutral-accent-active, #404164);
 }
-._1raebd9h-3-1-0[tabindex]:hover, button._1raebd9h-3-1-0:hover, a._1raebd9h-3-1-0:hover {
+._1raebd9h-3-1-3[tabindex]:hover, button._1raebd9h-3-1-3:hover, a._1raebd9h-3-1-3:hover {
   background: var(--dt-colors-background-field-primary-accent-hover, #3b3fbe);
 }
-._1raebd9h-3-1-0[tabindex]:active, button._1raebd9h-3-1-0:active, a._1raebd9h-3-1-0:active {
+._1raebd9h-3-1-3[tabindex]:active, button._1raebd9h-3-1-3:active, a._1raebd9h-3-1-3:active {
   background: var(--dt-colors-background-field-primary-accent-active, #312dad);
 }
-._1raebd9i-3-1-0[tabindex]:hover, button._1raebd9i-3-1-0:hover, a._1raebd9i-3-1-0:hover {
+._1raebd9i-3-1-3[tabindex]:hover, button._1raebd9i-3-1-3:hover, a._1raebd9i-3-1-3:hover {
   background: var(--dt-colors-background-field-success-accent-hover, #1f5a54);
 }
-._1raebd9i-3-1-0[tabindex]:active, button._1raebd9i-3-1-0:active, a._1raebd9i-3-1-0:active {
+._1raebd9i-3-1-3[tabindex]:active, button._1raebd9i-3-1-3:active, a._1raebd9i-3-1-3:active {
   background: var(--dt-colors-background-field-success-accent-active, #0d4c47);
 }
-._1raebd9j-3-1-0[tabindex]:hover, button._1raebd9j-3-1-0:hover, a._1raebd9j-3-1-0:hover {
+._1raebd9j-3-1-3[tabindex]:hover, button._1raebd9j-3-1-3:hover, a._1raebd9j-3-1-3:hover {
   background: var(--dt-colors-background-field-warning-accent-hover, #ffb54f);
 }
-._1raebd9j-3-1-0[tabindex]:active, button._1raebd9j-3-1-0:active, a._1raebd9j-3-1-0:active {
+._1raebd9j-3-1-3[tabindex]:active, button._1raebd9j-3-1-3:active, a._1raebd9j-3-1-3:active {
   background: var(--dt-colors-background-field-warning-accent-active, #ffc76d);
 }
-._1raebd9k-3-1-0[tabindex]:hover, button._1raebd9k-3-1-0:hover, a._1raebd9k-3-1-0:hover {
+._1raebd9k-3-1-3[tabindex]:hover, button._1raebd9k-3-1-3:hover, a._1raebd9k-3-1-3:hover {
   background: var(--dt-colors-background-field-critical-accent-hover, #b4002b);
 }
-._1raebd9k-3-1-0[tabindex]:active, button._1raebd9k-3-1-0:active, a._1raebd9k-3-1-0:active {
+._1raebd9k-3-1-3[tabindex]:active, button._1raebd9k-3-1-3:active, a._1raebd9k-3-1-3:active {
   background: var(--dt-colors-background-field-critical-accent-active, #a2001d);
 }
-._1raebd9l-3-1-0[tabindex]:hover, button._1raebd9l-3-1-0:hover, a._1raebd9l-3-1-0:hover {
+._1raebd9l-3-1-3[tabindex]:hover, button._1raebd9l-3-1-3:hover, a._1raebd9l-3-1-3:hover {
   background: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._1raebd9l-3-1-0[tabindex]:active, button._1raebd9l-3-1-0:active, a._1raebd9l-3-1-0:active {
+._1raebd9l-3-1-3[tabindex]:active, button._1raebd9l-3-1-3:active, a._1raebd9l-3-1-3:active {
   background: var(--dt-colors-background-field-neutral-emphasized-active, #d0d1dc);
 }
-._1raebd9m-3-1-0[tabindex]:hover, button._1raebd9m-3-1-0:hover, a._1raebd9m-3-1-0:hover {
+._1raebd9m-3-1-3[tabindex]:hover, button._1raebd9m-3-1-3:hover, a._1raebd9m-3-1-3:hover {
   background: var(--dt-colors-background-field-primary-emphasized-hover, #d5dbf6);
 }
-._1raebd9m-3-1-0[tabindex]:active, button._1raebd9m-3-1-0:active, a._1raebd9m-3-1-0:active {
+._1raebd9m-3-1-3[tabindex]:active, button._1raebd9m-3-1-3:active, a._1raebd9m-3-1-3:active {
   background: var(--dt-colors-background-field-primary-emphasized-active, #c9d1f4);
 }
-._1raebd9n-3-1-0[tabindex]:hover, button._1raebd9n-3-1-0:hover, a._1raebd9n-3-1-0:hover {
+._1raebd9n-3-1-3[tabindex]:hover, button._1raebd9n-3-1-3:hover, a._1raebd9n-3-1-3:hover {
   background: var(--dt-colors-background-field-success-emphasized-hover, #d3dedd);
 }
-._1raebd9n-3-1-0[tabindex]:active, button._1raebd9n-3-1-0:active, a._1raebd9n-3-1-0:active {
+._1raebd9n-3-1-3[tabindex]:active, button._1raebd9n-3-1-3:active, a._1raebd9n-3-1-3:active {
   background: var(--dt-colors-background-field-success-emphasized-active, #c7d5d3);
 }
-._1raebd9o-3-1-0[tabindex]:hover, button._1raebd9o-3-1-0:hover, a._1raebd9o-3-1-0:hover {
+._1raebd9o-3-1-3[tabindex]:hover, button._1raebd9o-3-1-3:hover, a._1raebd9o-3-1-3:hover {
   background: var(--dt-colors-background-field-warning-emphasized-hover, #f9ebdb);
 }
-._1raebd9o-3-1-0[tabindex]:active, button._1raebd9o-3-1-0:active, a._1raebd9o-3-1-0:active {
+._1raebd9o-3-1-3[tabindex]:active, button._1raebd9o-3-1-3:active, a._1raebd9o-3-1-3:active {
   background: var(--dt-colors-background-field-warning-emphasized-active, #f9e6d0);
 }
-._1raebd9p-3-1-0[tabindex]:hover, button._1raebd9p-3-1-0:hover, a._1raebd9p-3-1-0:hover {
+._1raebd9p-3-1-3[tabindex]:hover, button._1raebd9p-3-1-3:hover, a._1raebd9p-3-1-3:hover {
   background: var(--dt-colors-background-field-critical-emphasized-hover, #f6d6d5);
 }
-._1raebd9p-3-1-0[tabindex]:active, button._1raebd9p-3-1-0:active, a._1raebd9p-3-1-0:active {
+._1raebd9p-3-1-3[tabindex]:active, button._1raebd9p-3-1-3:active, a._1raebd9p-3-1-3:active {
   background: var(--dt-colors-background-field-critical-emphasized-active, #f5cac9);
 }
-._1raebd9q-3-1-0 {
-  color: var(--_bx32h0-3-1-0);
+._1raebd9q-3-1-3 {
+  color: var(--_bx32h0-3-1-3);
   min-width: 0;
   box-sizing: border-box;
   white-space: nowrap;
@@ -120,14 +120,14 @@
   text-transform: none;
   padding-inline: var(--dt-spacings-size-2, 2px);
 }
-._1raebd9q-3-1-0 * {
-  color: var(--_bx32h0-3-1-0);
+._1raebd9q-3-1-3 * {
+  color: var(--_bx32h0-3-1-3);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   vertical-align: baseline;
 }
-._1raebd9r-3-1-0 {
+._1raebd9r-3-1-3 {
   display: grid;
   grid: auto / auto-flow auto;
 }

package/esm/content/chip/BaseChip.sty.js

@@ -1,11 +1,11 @@
 import "../../styles/field.css";
 import "./BaseChip.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var container = _7a468({ defaultClassName: "_1raebd92-3-1-0", variantClassNames: { size: { "default": "_1raebd93-3-1-0", condensed: "_1raebd94-3-1-0" }, hasDeleteButton: { true: "_1raebd95-3-1-0", false: "_1raebd96-3-1-0" }, disabled: { true: "_1raebd97-3-1-0", false: "_1raebd98-3-1-0" }, color: { neutral: "_1raebd99-3-1-0", primary: "_1raebd9a-3-1-0", success: "_1raebd9b-3-1-0", warning: "_1raebd9c-3-1-0", critical: "_1raebd9d-3-1-0" }, variant: { emphasized: "_1raebd9e-3-1-0", accent: "_1raebd9f-3-1-0" } }, defaultVariants: {}, compoundVariants: [[{ color: "neutral", variant: "accent" }, "_1raebd9g-3-1-0"], [{ color: "primary", variant: "accent" }, "_1raebd9h-3-1-0"], [{ color: "success", variant: "accent" }, "_1raebd9i-3-1-0"], [{ color: "warning", variant: "accent" }, "_1raebd9j-3-1-0"], [{ color: "critical", variant: "accent" }, "_1raebd9k-3-1-0"], [{ color: "neutral", variant: "emphasized" }, "_1raebd9l-3-1-0"], [{ color: "primary", variant: "emphasized" }, "_1raebd9m-3-1-0"], [{ color: "success", variant: "emphasized" }, "_1raebd9n-3-1-0"], [{ color: "warning", variant: "emphasized" }, "_1raebd9o-3-1-0"], [{ color: "critical", variant: "emphasized" }, "_1raebd9p-3-1-0"]] });
-var disabledWrapper = "_1raebd91-3-1-0";
-var textContainer = "_1raebd9r-3-1-0";
-var value = "_1raebd9q-3-1-0";
-var wrapper = "_1raebd90-3-1-0";
+var container = _7a468({ defaultClassName: "_1raebd92-3-1-3", variantClassNames: { size: { "default": "_1raebd93-3-1-3", condensed: "_1raebd94-3-1-3" }, hasDeleteButton: { true: "_1raebd95-3-1-3", false: "_1raebd96-3-1-3" }, disabled: { true: "_1raebd97-3-1-3", false: "_1raebd98-3-1-3" }, color: { neutral: "_1raebd99-3-1-3", primary: "_1raebd9a-3-1-3", success: "_1raebd9b-3-1-3", warning: "_1raebd9c-3-1-3", critical: "_1raebd9d-3-1-3" }, variant: { emphasized: "_1raebd9e-3-1-3", accent: "_1raebd9f-3-1-3" } }, defaultVariants: {}, compoundVariants: [[{ color: "neutral", variant: "accent" }, "_1raebd9g-3-1-3"], [{ color: "primary", variant: "accent" }, "_1raebd9h-3-1-3"], [{ color: "success", variant: "accent" }, "_1raebd9i-3-1-3"], [{ color: "warning", variant: "accent" }, "_1raebd9j-3-1-3"], [{ color: "critical", variant: "accent" }, "_1raebd9k-3-1-3"], [{ color: "neutral", variant: "emphasized" }, "_1raebd9l-3-1-3"], [{ color: "primary", variant: "emphasized" }, "_1raebd9m-3-1-3"], [{ color: "success", variant: "emphasized" }, "_1raebd9n-3-1-3"], [{ color: "warning", variant: "emphasized" }, "_1raebd9o-3-1-3"], [{ color: "critical", variant: "emphasized" }, "_1raebd9p-3-1-3"]] });
+var disabledWrapper = "_1raebd91-3-1-3";
+var textContainer = "_1raebd9r-3-1-3";
+var value = "_1raebd9q-3-1-3";
+var wrapper = "_1raebd90-3-1-3";
 export {
   container,
   disabledWrapper,

package/esm/content/chip/BaseChip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/chip/BaseChip.css.ts"],
-  "sourcesContent": ["import '../../styles/field.css';\nimport './BaseChip.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var container = _7a468({defaultClassName:'_1raebd92-3-1-0',variantClassNames:{size:{'default':'_1raebd93-3-1-0',condensed:'_1raebd94-3-1-0'},hasDeleteButton:{true:'_1raebd95-3-1-0',false:'_1raebd96-3-1-0'},disabled:{true:'_1raebd97-3-1-0',false:'_1raebd98-3-1-0'},color:{neutral:'_1raebd99-3-1-0',primary:'_1raebd9a-3-1-0',success:'_1raebd9b-3-1-0',warning:'_1raebd9c-3-1-0',critical:'_1raebd9d-3-1-0'},variant:{emphasized:'_1raebd9e-3-1-0',accent:'_1raebd9f-3-1-0'}},defaultVariants:{},compoundVariants:[[{color:'neutral',variant:'accent'},'_1raebd9g-3-1-0'],[{color:'primary',variant:'accent'},'_1raebd9h-3-1-0'],[{color:'success',variant:'accent'},'_1raebd9i-3-1-0'],[{color:'warning',variant:'accent'},'_1raebd9j-3-1-0'],[{color:'critical',variant:'accent'},'_1raebd9k-3-1-0'],[{color:'neutral',variant:'emphasized'},'_1raebd9l-3-1-0'],[{color:'primary',variant:'emphasized'},'_1raebd9m-3-1-0'],[{color:'success',variant:'emphasized'},'_1raebd9n-3-1-0'],[{color:'warning',variant:'emphasized'},'_1raebd9o-3-1-0'],[{color:'critical',variant:'emphasized'},'_1raebd9p-3-1-0']]});\nexport var disabledWrapper = '_1raebd91-3-1-0';\nexport var textContainer = '_1raebd9r-3-1-0';\nexport var value = '_1raebd9q-3-1-0';\nexport var wrapper = '_1raebd90-3-1-0';"],
+  "sourcesContent": ["import '../../styles/field.css';\nimport './BaseChip.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var container = _7a468({defaultClassName:'_1raebd92-3-1-3',variantClassNames:{size:{'default':'_1raebd93-3-1-3',condensed:'_1raebd94-3-1-3'},hasDeleteButton:{true:'_1raebd95-3-1-3',false:'_1raebd96-3-1-3'},disabled:{true:'_1raebd97-3-1-3',false:'_1raebd98-3-1-3'},color:{neutral:'_1raebd99-3-1-3',primary:'_1raebd9a-3-1-3',success:'_1raebd9b-3-1-3',warning:'_1raebd9c-3-1-3',critical:'_1raebd9d-3-1-3'},variant:{emphasized:'_1raebd9e-3-1-3',accent:'_1raebd9f-3-1-3'}},defaultVariants:{},compoundVariants:[[{color:'neutral',variant:'accent'},'_1raebd9g-3-1-3'],[{color:'primary',variant:'accent'},'_1raebd9h-3-1-3'],[{color:'success',variant:'accent'},'_1raebd9i-3-1-3'],[{color:'warning',variant:'accent'},'_1raebd9j-3-1-3'],[{color:'critical',variant:'accent'},'_1raebd9k-3-1-3'],[{color:'neutral',variant:'emphasized'},'_1raebd9l-3-1-3'],[{color:'primary',variant:'emphasized'},'_1raebd9m-3-1-3'],[{color:'success',variant:'emphasized'},'_1raebd9n-3-1-3'],[{color:'warning',variant:'emphasized'},'_1raebd9o-3-1-3'],[{color:'critical',variant:'emphasized'},'_1raebd9p-3-1-3']]});\nexport var disabledWrapper = '_1raebd91-3-1-3';\nexport var textContainer = '_1raebd9r-3-1-3';\nexport var value = '_1raebd9q-3-1-3';\nexport var wrapper = '_1raebd90-3-1-3';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,YAAY,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,GAAE,iBAAgB,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,OAAM,EAAC,SAAQ,mBAAkB,SAAQ,mBAAkB,SAAQ,mBAAkB,SAAQ,mBAAkB,UAAS,kBAAiB,GAAE,SAAQ,EAAC,YAAW,mBAAkB,QAAO,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,YAAW,SAAQ,SAAQ,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,aAAY,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,aAAY,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,aAAY,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,aAAY,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,YAAW,SAAQ,aAAY,GAAE,iBAAiB,CAAC,EAAC,CAAC;AACtjC,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,QAAQ;AACZ,IAAI,UAAU;",
   "names": []
 }

package/esm/content/chip/ChipContent.css

@@ -1,24 +1,24 @@
-._uhh9yl1-3-1-0 {
+._uhh9yl1-3-1-3 {
   display: flex;
   align-self: stretch;
   line-height: 100%;
-  fill: var(--_bx32h1-3-1-0);
-  color: var(--_bx32h0-3-1-0);
+  fill: var(--_bx32h1-3-1-3);
+  color: var(--_bx32h0-3-1-3);
 }
-._uhh9yl2-3-1-0 {
-  --_uhh9yl0-3-1-0: 20px;
+._uhh9yl2-3-1-3 {
+  --_uhh9yl0-3-1-3: 20px;
 }
-._uhh9yl3-3-1-0 {
-  --_uhh9yl0-3-1-0: 16px;
+._uhh9yl3-3-1-3 {
+  --_uhh9yl0-3-1-3: 16px;
 }
-._1raebd99-3-1-0._1raebd9e-3-1-0._1raebd98-3-1-0 ._uhh9yl4-3-1-0 {
+._1raebd99-3-1-3._1raebd9e-3-1-3._1raebd98-3-1-3 ._uhh9yl4-3-1-3 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   fill: var(--dt-colors-icon-neutral-subdued, #595a7d);
 }
-._uhh9yl1-3-1-0._uhh9yl1-3-1-0 svg {
+._uhh9yl1-3-1-3._uhh9yl1-3-1-3 svg {
   box-sizing: content-box;
   align-items: center;
   align-self: center;
-  width: var(--_uhh9yl0-3-1-0);
-  height: var(--_uhh9yl0-3-1-0);
+  width: var(--_uhh9yl0-3-1-3);
+  height: var(--_uhh9yl0-3-1-3);
 }

package/esm/content/chip/ChipContent.sty.js

@@ -2,8 +2,8 @@ import "../../styles/field.css";
 import "./BaseChip.css";
 import "./ChipContent.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var content = _7a468({ defaultClassName: "_uhh9yl1-3-1-0", variantClassNames: { size: { "default": "_uhh9yl2-3-1-0", condensed: "_uhh9yl3-3-1-0" } }, defaultVariants: {}, compoundVariants: [] });
-var prefix = "_uhh9yl4-3-1-0";
+var content = _7a468({ defaultClassName: "_uhh9yl1-3-1-3", variantClassNames: { size: { "default": "_uhh9yl2-3-1-3", condensed: "_uhh9yl3-3-1-3" } }, defaultVariants: {}, compoundVariants: [] });
+var prefix = "_uhh9yl4-3-1-3";
 export {
   content,
   prefix

package/esm/content/chip/ChipContent.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/chip/ChipContent.css.ts"],
-  "sourcesContent": ["import '../../styles/field.css';\nimport './BaseChip.css';\nimport './ChipContent.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var content = _7a468({defaultClassName:'_uhh9yl1-3-1-0',variantClassNames:{size:{'default':'_uhh9yl2-3-1-0',condensed:'_uhh9yl3-3-1-0'}},defaultVariants:{},compoundVariants:[]});\nexport var prefix = '_uhh9yl4-3-1-0';"],
+  "sourcesContent": ["import '../../styles/field.css';\nimport './BaseChip.css';\nimport './ChipContent.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var content = _7a468({defaultClassName:'_uhh9yl1-3-1-3',variantClassNames:{size:{'default':'_uhh9yl2-3-1-3',condensed:'_uhh9yl3-3-1-3'}},defaultVariants:{},compoundVariants:[]});\nexport var prefix = '_uhh9yl4-3-1-3';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,UAAU,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,MAAK,EAAC,WAAU,kBAAiB,WAAU,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAChL,IAAI,SAAS;",
   "names": []
 }

package/esm/content/chip/ChipDeleteButton.css

@@ -1,16 +1,16 @@
-._3mvhm30-3-1-0 {
+._3mvhm30-3-1-3 {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   border-top-right-radius: var(--dt-borders-radius-field-subdued, 3px);
   border-bottom-right-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._3mvhm31-3-1-0 {
+._3mvhm31-3-1-3 {
   padding-left: var(--dt-spacings-size-4, 4px);
   padding-right: var(--dt-spacings-size-4, 4px);
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
 }
-._3mvhm32-3-1-0 {
+._3mvhm32-3-1-3 {
   padding-left: var(--dt-spacings-size-2, 2px);
   padding-right: var(--dt-spacings-size-2, 2px);
   padding-top: var(--dt-spacings-size-2, 2px);

package/esm/content/chip/ChipDeleteButton.sty.js

@@ -1,6 +1,6 @@
 import "./ChipDeleteButton.css";
-var base = "_3mvhm30-3-1-0";
-var size = { "default": "_3mvhm31-3-1-0", condensed: "_3mvhm32-3-1-0" };
+var base = "_3mvhm30-3-1-3";
+var size = { "default": "_3mvhm31-3-1-3", condensed: "_3mvhm32-3-1-3" };
 export {
   base,
   size

package/esm/content/chip/ChipDeleteButton.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/chip/ChipDeleteButton.css.ts"],
-  "sourcesContent": ["import './ChipDeleteButton.css';\nexport var base = '_3mvhm30-3-1-0';\nexport var size = {'default':'_3mvhm31-3-1-0',condensed:'_3mvhm32-3-1-0'};"],
+  "sourcesContent": ["import './ChipDeleteButton.css';\nexport var base = '_3mvhm30-3-1-3';\nexport var size = {'default':'_3mvhm31-3-1-3',condensed:'_3mvhm32-3-1-3'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,OAAO;AACX,IAAI,OAAO,EAAC,WAAU,kBAAiB,WAAU,iBAAgB;",
   "names": []
 }

package/esm/content/chip/ChipKey.css

@@ -1,11 +1,11 @@
-._1pehkco1-3-1-0 {
-  --_1pehkco0-3-1-0: var(--_bx32h0-3-1-0);
+._1pehkco1-3-1-3 {
+  --_1pehkco0-3-1-3: var(--_bx32h0-3-1-3);
   padding-inline: var(--dt-spacings-size-2, 2px);
 }
-._1raebd99-3-1-0._1raebd9e-3-1-0._1raebd98-3-1-0 ._1pehkco1-3-1-0 {
-  --_1pehkco0-3-1-0: var(--dt-colors-icon-neutral-subdued, #595a7d);
+._1raebd99-3-1-3._1raebd9e-3-1-3._1raebd98-3-1-3 ._1pehkco1-3-1-3 {
+  --_1pehkco0-3-1-3: var(--dt-colors-icon-neutral-subdued, #595a7d);
 }
-._1pehkco1-3-1-0._1pehkco1-3-1-0, ._1pehkco1-3-1-0._1pehkco1-3-1-0 *, ._1pehkco1-3-1-0._1pehkco1-3-1-0 *:hover {
+._1pehkco1-3-1-3._1pehkco1-3-1-3, ._1pehkco1-3-1-3._1pehkco1-3-1-3 *, ._1pehkco1-3-1-3._1pehkco1-3-1-3 *:hover {
   min-width: 0;
   box-sizing: border-box;
   white-space: nowrap;
@@ -13,5 +13,5 @@
   text-overflow: ellipsis;
   display: block;
   text-transform: none;
-  color: var(--_1pehkco0-3-1-0);
+  color: var(--_1pehkco0-3-1-3);
 }

package/esm/content/chip/ChipKey.sty.js

@@ -1,7 +1,7 @@
 import "../../styles/field.css";
 import "./BaseChip.css";
 import "./ChipKey.css";
-var key = "_1pehkco1-3-1-0";
+var key = "_1pehkco1-3-1-3";
 export {
   key
 };

package/esm/content/chip/ChipKey.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/chip/ChipKey.css.ts"],
-  "sourcesContent": ["import '../../styles/field.css';\nimport './BaseChip.css';\nimport './ChipKey.css';\nexport var key = '_1pehkco1-3-1-0';"],
+  "sourcesContent": ["import '../../styles/field.css';\nimport './BaseChip.css';\nimport './ChipKey.css';\nexport var key = '_1pehkco1-3-1-3';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,MAAM;",
   "names": []
 }

package/esm/content/chip/GroupedChip.css

@@ -1,12 +1,12 @@
-._4mpedx0-3-1-0 {
+._4mpedx0-3-1-3 {
   position: absolute;
   visibility: hidden;
   z-index: -1;
 }
-._4mpedx1-3-1-0 {
+._4mpedx1-3-1-3 {
   flex: 0 0 auto;
 }
-._4mpedx2-3-1-0 {
+._4mpedx2-3-1-3 {
   min-width: 0;
   flex: 0 1 auto;
 }

package/esm/content/chip/GroupedChip.sty.js

@@ -1,7 +1,7 @@
 import "./GroupedChip.css";
-var first = "_4mpedx2-3-1-0";
-var grouped = "_4mpedx1-3-1-0";
-var hidden = "_4mpedx0-3-1-0";
+var first = "_4mpedx2-3-1-3";
+var grouped = "_4mpedx1-3-1-3";
+var hidden = "_4mpedx0-3-1-3";
 export {
   first,
   grouped,

package/esm/content/chip/GroupedChip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/chip/GroupedChip.css.ts"],
-  "sourcesContent": ["import './GroupedChip.css';\nexport var first = '_4mpedx2-3-1-0';\nexport var grouped = '_4mpedx1-3-1-0';\nexport var hidden = '_4mpedx0-3-1-0';"],
+  "sourcesContent": ["import './GroupedChip.css';\nexport var first = '_4mpedx2-3-1-3';\nexport var grouped = '_4mpedx1-3-1-3';\nexport var hidden = '_4mpedx0-3-1-3';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,SAAS;",
   "names": []
 }

package/esm/content/chip-group/ChipGroup.css

@@ -1,4 +1,4 @@
-._dwt8fp0-3-1-0 {
+._dwt8fp0-3-1-3 {
   position: relative;
   align-items: center;
   align-content: center;
@@ -7,12 +7,12 @@
   overflow: hidden;
   line-height: var(--dt-typography-text-base-default-line-height, 1.4285714286);
 }
-._dwt8fp1-3-1-0 {
+._dwt8fp1-3-1-3 {
   gap: var(--dt-spacings-size-6, 6px);
 }
-._dwt8fp3-3-1-0 {
+._dwt8fp3-3-1-3 {
   flex-wrap: wrap;
 }
-._dwt8fp4-3-1-0 {
+._dwt8fp4-3-1-3 {
   flex-wrap: nowrap;
 }

package/esm/content/chip-group/ChipGroup.sty.js

@@ -1,6 +1,6 @@
 import "./ChipGroup.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var chipGroupCSS = _7a468({ defaultClassName: "_dwt8fp0-3-1-0", variantClassNames: { size: { condensed: "_dwt8fp1-3-1-0", "default": "_dwt8fp2-3-1-0" }, expanded: { true: "_dwt8fp3-3-1-0", false: "_dwt8fp4-3-1-0" } }, defaultVariants: {}, compoundVariants: [] });
+var chipGroupCSS = _7a468({ defaultClassName: "_dwt8fp0-3-1-3", variantClassNames: { size: { condensed: "_dwt8fp1-3-1-3", "default": "_dwt8fp2-3-1-3" }, expanded: { true: "_dwt8fp3-3-1-3", false: "_dwt8fp4-3-1-3" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   chipGroupCSS
 };

package/esm/content/chip-group/ChipGroup.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/chip-group/ChipGroup.css.ts"],
-  "sourcesContent": ["import './ChipGroup.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var chipGroupCSS = _7a468({defaultClassName:'_dwt8fp0-3-1-0',variantClassNames:{size:{condensed:'_dwt8fp1-3-1-0','default':'_dwt8fp2-3-1-0'},expanded:{true:'_dwt8fp3-3-1-0',false:'_dwt8fp4-3-1-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './ChipGroup.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var chipGroupCSS = _7a468({defaultClassName:'_dwt8fp0-3-1-3',variantClassNames:{size:{condensed:'_dwt8fp1-3-1-3','default':'_dwt8fp2-3-1-3'},expanded:{true:'_dwt8fp3-3-1-3',false:'_dwt8fp4-3-1-3'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,MAAK,EAAC,WAAU,kBAAiB,WAAU,iBAAgB,GAAE,UAAS,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/content/chip-group/Control.css

@@ -1,4 +1,4 @@
-._uoyq2d0-3-1-0 {
+._uoyq2d0-3-1-3 {
   gap: var(--dt-spacings-size-4, 4px);
   display: inline-flex;
   padding: var(--dt-spacings-size-0, 0);
@@ -23,12 +23,12 @@
   cursor: pointer;
   transition: background-color var(--dt-animations-hover-duration-base, 150ms) var(--dt-animations-hover-easing, cubic-bezier(0, 0, 0.2, 1));
 }
-._uoyq2d0-3-1-0:focus-visible {
+._uoyq2d0-3-1-3:focus-visible {
   text-decoration: none;
 }
-._uoyq2d0-3-1-0:hover {
+._uoyq2d0-3-1-3:hover {
   background: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._uoyq2d0-3-1-0:active {
+._uoyq2d0-3-1-3:active {
   background: var(--dt-colors-background-field-neutral-default-active, #d0d1dc);
 }

package/esm/content/chip-group/Control.sty.js

@@ -1,6 +1,6 @@
 import "../../core/styles/focusRingStatic.css";
 import "./Control.css";
-var expandButtonCSS = "_uoyq2d0-3-1-0 _z0fq9b4-3-1-0 _z0fq9bc-3-1-0 _z0fq9b6-3-1-0 _z0fq9ba-3-1-0";
+var expandButtonCSS = "_uoyq2d0-3-1-3 _z0fq9b4-3-1-3 _z0fq9bc-3-1-3 _z0fq9b6-3-1-3 _z0fq9ba-3-1-3";
 export {
   expandButtonCSS
 };

package/esm/content/chip-group/Control.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/chip-group/Control.css.ts"],
-  "sourcesContent": ["import '../../core/styles/focusRingStatic.css';\nimport './Control.css';\nexport var expandButtonCSS = '_uoyq2d0-3-1-0 _z0fq9b4-3-1-0 _z0fq9bc-3-1-0 _z0fq9b6-3-1-0 _z0fq9ba-3-1-0';"],
+  "sourcesContent": ["import '../../core/styles/focusRingStatic.css';\nimport './Control.css';\nexport var expandButtonCSS = '_uoyq2d0-3-1-3 _z0fq9b4-3-1-3 _z0fq9bc-3-1-3 _z0fq9b6-3-1-3 _z0fq9ba-3-1-3';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }