@dynatrace/strato-components 3.3.1 → 3.3.2

package/content/chip/BaseChip.css

@@ -1,9 +1,9 @@
-._1raebd91-3-3-1 {
+._1raebd91-3-3-2 {
   cursor: not-allowed;
 }
-._1raebd92-3-3-1 {
-  background: var(--_bx32h2-3-3-1);
-  color: var(--_bx32h0-3-3-1);
+._1raebd92-3-3-2 {
+  background: var(--_bx32h2-3-3-2);
+  color: var(--_bx32h0-3-3-2);
   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-3-1:is(button) {
+._1raebd92-3-3-2:is(button) {
   border: 0;
 }
-._1raebd93-3-3-1 {
+._1raebd93-3-3-2 {
   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-3-1 {
+._1raebd94-3-3-2 {
   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-3-1 {
+._1raebd95-3-3-2 {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
 }
-._1raebd96-3-3-1 {
+._1raebd96-3-3-2 {
   border-bottom-right-radius: var(--dt-borders-radius-field-subdued, 3px);
   border-top-right-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._1raebd97-3-3-1 {
+._1raebd97-3-3-2 {
   cursor: not-allowed;
   pointer-events: none;
 }
-._1raebd98-3-3-1:is(button) {
+._1raebd98-3-3-2:is(button) {
   cursor: pointer;
 }
-._1raebd9g-3-3-1[tabindex]:hover, button._1raebd9g-3-3-1:hover, a._1raebd9g-3-3-1:hover {
+._1raebd9g-3-3-2[tabindex]:hover, button._1raebd9g-3-3-2:hover, a._1raebd9g-3-3-2:hover {
   background: var(--dt-colors-background-field-neutral-accent-hover, #4d4e72);
 }
-._1raebd9g-3-3-1[tabindex]:active, button._1raebd9g-3-3-1:active, a._1raebd9g-3-3-1:active {
+._1raebd9g-3-3-2[tabindex]:active, button._1raebd9g-3-3-2:active, a._1raebd9g-3-3-2:active {
   background: var(--dt-colors-background-field-neutral-accent-active, #404164);
 }
-._1raebd9h-3-3-1[tabindex]:hover, button._1raebd9h-3-3-1:hover, a._1raebd9h-3-3-1:hover {
+._1raebd9h-3-3-2[tabindex]:hover, button._1raebd9h-3-3-2:hover, a._1raebd9h-3-3-2:hover {
   background: var(--dt-colors-background-field-primary-accent-hover, #3b3fbe);
 }
-._1raebd9h-3-3-1[tabindex]:active, button._1raebd9h-3-3-1:active, a._1raebd9h-3-3-1:active {
+._1raebd9h-3-3-2[tabindex]:active, button._1raebd9h-3-3-2:active, a._1raebd9h-3-3-2:active {
   background: var(--dt-colors-background-field-primary-accent-active, #312dad);
 }
-._1raebd9i-3-3-1[tabindex]:hover, button._1raebd9i-3-3-1:hover, a._1raebd9i-3-3-1:hover {
+._1raebd9i-3-3-2[tabindex]:hover, button._1raebd9i-3-3-2:hover, a._1raebd9i-3-3-2:hover {
   background: var(--dt-colors-background-field-success-accent-hover, #1f5a54);
 }
-._1raebd9i-3-3-1[tabindex]:active, button._1raebd9i-3-3-1:active, a._1raebd9i-3-3-1:active {
+._1raebd9i-3-3-2[tabindex]:active, button._1raebd9i-3-3-2:active, a._1raebd9i-3-3-2:active {
   background: var(--dt-colors-background-field-success-accent-active, #0d4c47);
 }
-._1raebd9j-3-3-1[tabindex]:hover, button._1raebd9j-3-3-1:hover, a._1raebd9j-3-3-1:hover {
+._1raebd9j-3-3-2[tabindex]:hover, button._1raebd9j-3-3-2:hover, a._1raebd9j-3-3-2:hover {
   background: var(--dt-colors-background-field-warning-accent-hover, #ffb54f);
 }
-._1raebd9j-3-3-1[tabindex]:active, button._1raebd9j-3-3-1:active, a._1raebd9j-3-3-1:active {
+._1raebd9j-3-3-2[tabindex]:active, button._1raebd9j-3-3-2:active, a._1raebd9j-3-3-2:active {
   background: var(--dt-colors-background-field-warning-accent-active, #ffc76d);
 }
-._1raebd9k-3-3-1[tabindex]:hover, button._1raebd9k-3-3-1:hover, a._1raebd9k-3-3-1:hover {
+._1raebd9k-3-3-2[tabindex]:hover, button._1raebd9k-3-3-2:hover, a._1raebd9k-3-3-2:hover {
   background: var(--dt-colors-background-field-critical-accent-hover, #b4002b);
 }
-._1raebd9k-3-3-1[tabindex]:active, button._1raebd9k-3-3-1:active, a._1raebd9k-3-3-1:active {
+._1raebd9k-3-3-2[tabindex]:active, button._1raebd9k-3-3-2:active, a._1raebd9k-3-3-2:active {
   background: var(--dt-colors-background-field-critical-accent-active, #a2001d);
 }
-._1raebd9l-3-3-1[tabindex]:hover, button._1raebd9l-3-3-1:hover, a._1raebd9l-3-3-1:hover {
+._1raebd9l-3-3-2[tabindex]:hover, button._1raebd9l-3-3-2:hover, a._1raebd9l-3-3-2:hover {
   background: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._1raebd9l-3-3-1[tabindex]:active, button._1raebd9l-3-3-1:active, a._1raebd9l-3-3-1:active {
+._1raebd9l-3-3-2[tabindex]:active, button._1raebd9l-3-3-2:active, a._1raebd9l-3-3-2:active {
   background: var(--dt-colors-background-field-neutral-emphasized-active, #d0d1dc);
 }
-._1raebd9m-3-3-1[tabindex]:hover, button._1raebd9m-3-3-1:hover, a._1raebd9m-3-3-1:hover {
+._1raebd9m-3-3-2[tabindex]:hover, button._1raebd9m-3-3-2:hover, a._1raebd9m-3-3-2:hover {
   background: var(--dt-colors-background-field-primary-emphasized-hover, #d5dbf6);
 }
-._1raebd9m-3-3-1[tabindex]:active, button._1raebd9m-3-3-1:active, a._1raebd9m-3-3-1:active {
+._1raebd9m-3-3-2[tabindex]:active, button._1raebd9m-3-3-2:active, a._1raebd9m-3-3-2:active {
   background: var(--dt-colors-background-field-primary-emphasized-active, #c9d1f4);
 }
-._1raebd9n-3-3-1[tabindex]:hover, button._1raebd9n-3-3-1:hover, a._1raebd9n-3-3-1:hover {
+._1raebd9n-3-3-2[tabindex]:hover, button._1raebd9n-3-3-2:hover, a._1raebd9n-3-3-2:hover {
   background: var(--dt-colors-background-field-success-emphasized-hover, #d3dedd);
 }
-._1raebd9n-3-3-1[tabindex]:active, button._1raebd9n-3-3-1:active, a._1raebd9n-3-3-1:active {
+._1raebd9n-3-3-2[tabindex]:active, button._1raebd9n-3-3-2:active, a._1raebd9n-3-3-2:active {
   background: var(--dt-colors-background-field-success-emphasized-active, #c7d5d3);
 }
-._1raebd9o-3-3-1[tabindex]:hover, button._1raebd9o-3-3-1:hover, a._1raebd9o-3-3-1:hover {
+._1raebd9o-3-3-2[tabindex]:hover, button._1raebd9o-3-3-2:hover, a._1raebd9o-3-3-2:hover {
   background: var(--dt-colors-background-field-warning-emphasized-hover, #f9ebdb);
 }
-._1raebd9o-3-3-1[tabindex]:active, button._1raebd9o-3-3-1:active, a._1raebd9o-3-3-1:active {
+._1raebd9o-3-3-2[tabindex]:active, button._1raebd9o-3-3-2:active, a._1raebd9o-3-3-2:active {
   background: var(--dt-colors-background-field-warning-emphasized-active, #f9e6d0);
 }
-._1raebd9p-3-3-1[tabindex]:hover, button._1raebd9p-3-3-1:hover, a._1raebd9p-3-3-1:hover {
+._1raebd9p-3-3-2[tabindex]:hover, button._1raebd9p-3-3-2:hover, a._1raebd9p-3-3-2:hover {
   background: var(--dt-colors-background-field-critical-emphasized-hover, #f6d6d5);
 }
-._1raebd9p-3-3-1[tabindex]:active, button._1raebd9p-3-3-1:active, a._1raebd9p-3-3-1:active {
+._1raebd9p-3-3-2[tabindex]:active, button._1raebd9p-3-3-2:active, a._1raebd9p-3-3-2:active {
   background: var(--dt-colors-background-field-critical-emphasized-active, #f5cac9);
 }
-._1raebd9q-3-3-1 {
-  color: var(--_bx32h0-3-3-1);
+._1raebd9q-3-3-2 {
+  color: var(--_bx32h0-3-3-2);
   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-3-1 * {
-  color: var(--_bx32h0-3-3-1);
+._1raebd9q-3-3-2 * {
+  color: var(--_bx32h0-3-3-2);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   vertical-align: baseline;
 }
-._1raebd9r-3-3-1 {
+._1raebd9r-3-3-2 {
   display: grid;
   grid: auto / auto-flow auto;
 }

package/content/chip/BaseChip.sty.js

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

package/content/chip/ChipContent.css

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

package/content/chip/ChipContent.sty.js

@@ -26,5 +26,5 @@ var import_field_css_ts_vanilla = require("../../styles/field.css");
 var import_BaseChip_css_ts_vanilla = require("./BaseChip.css");
 var import_ChipContent_css_ts_vanilla = require("./ChipContent.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var content = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_uhh9yl1-3-3-1", variantClassNames: { size: { "default": "_uhh9yl2-3-3-1", condensed: "_uhh9yl3-3-3-1" } }, defaultVariants: {}, compoundVariants: [] });
-var prefix = "_uhh9yl4-3-3-1";
+var content = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_uhh9yl1-3-3-2", variantClassNames: { size: { "default": "_uhh9yl2-3-3-2", condensed: "_uhh9yl3-3-3-2" } }, defaultVariants: {}, compoundVariants: [] });
+var prefix = "_uhh9yl4-3-3-2";

package/content/chip/ChipDeleteButton.css

@@ -1,16 +1,16 @@
-._3mvhm30-3-3-1 {
+._3mvhm30-3-3-2 {
   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-3-1 {
+._3mvhm31-3-3-2 {
   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-3-1 {
+._3mvhm32-3-3-2 {
   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/content/chip/ChipDeleteButton.sty.js

@@ -23,5 +23,5 @@ __export(ChipDeleteButton_css_exports, {
 });
 module.exports = __toCommonJS(ChipDeleteButton_css_exports);
 var import_ChipDeleteButton_css_ts_vanilla = require("./ChipDeleteButton.css");
-var base = "_3mvhm30-3-3-1";
-var size = { "default": "_3mvhm31-3-3-1", condensed: "_3mvhm32-3-3-1" };
+var base = "_3mvhm30-3-3-2";
+var size = { "default": "_3mvhm31-3-3-2", condensed: "_3mvhm32-3-3-2" };

package/content/chip/ChipKey.css

@@ -1,11 +1,11 @@
-._1pehkco1-3-3-1 {
-  --_1pehkco0-3-3-1: var(--_bx32h0-3-3-1);
+._1pehkco1-3-3-2 {
+  --_1pehkco0-3-3-2: var(--_bx32h0-3-3-2);
   padding-inline: var(--dt-spacings-size-2, 2px);
 }
-._1raebd99-3-3-1._1raebd9e-3-3-1._1raebd98-3-3-1 ._1pehkco1-3-3-1 {
-  --_1pehkco0-3-3-1: var(--dt-colors-icon-neutral-subdued, #595a7d);
+._1raebd99-3-3-2._1raebd9e-3-3-2._1raebd98-3-3-2 ._1pehkco1-3-3-2 {
+  --_1pehkco0-3-3-2: var(--dt-colors-icon-neutral-subdued, #595a7d);
 }
-._1pehkco1-3-3-1._1pehkco1-3-3-1, ._1pehkco1-3-3-1._1pehkco1-3-3-1 *, ._1pehkco1-3-3-1._1pehkco1-3-3-1 *:hover {
+._1pehkco1-3-3-2._1pehkco1-3-3-2, ._1pehkco1-3-3-2._1pehkco1-3-3-2 *, ._1pehkco1-3-3-2._1pehkco1-3-3-2 *: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-3-1);
+  color: var(--_1pehkco0-3-3-2);
 }

package/content/chip/ChipKey.sty.js

@@ -24,4 +24,4 @@ module.exports = __toCommonJS(ChipKey_css_exports);
 var import_field_css_ts_vanilla = require("../../styles/field.css");
 var import_BaseChip_css_ts_vanilla = require("./BaseChip.css");
 var import_ChipKey_css_ts_vanilla = require("./ChipKey.css");
-var key = "_1pehkco1-3-3-1";
+var key = "_1pehkco1-3-3-2";

package/content/chip/GroupedChip.css

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

package/content/chip/GroupedChip.sty.js

@@ -24,6 +24,6 @@ __export(GroupedChip_css_exports, {
 });
 module.exports = __toCommonJS(GroupedChip_css_exports);
 var import_GroupedChip_css_ts_vanilla = require("./GroupedChip.css");
-var first = "_4mpedx2-3-3-1";
-var grouped = "_4mpedx1-3-3-1";
-var hidden = "_4mpedx0-3-3-1";
+var first = "_4mpedx2-3-3-2";
+var grouped = "_4mpedx1-3-3-2";
+var hidden = "_4mpedx0-3-3-2";

package/content/chip-group/ChipGroup.css

@@ -1,4 +1,4 @@
-._dwt8fp0-3-3-1 {
+._dwt8fp0-3-3-2 {
   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-3-1 {
+._dwt8fp1-3-3-2 {
   gap: var(--dt-spacings-size-6, 6px);
 }
-._dwt8fp3-3-3-1 {
+._dwt8fp3-3-3-2 {
   flex-wrap: wrap;
 }
-._dwt8fp4-3-3-1 {
+._dwt8fp4-3-3-2 {
   flex-wrap: nowrap;
 }

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

@@ -23,4 +23,4 @@ __export(ChipGroup_css_exports, {
 module.exports = __toCommonJS(ChipGroup_css_exports);
 var import_ChipGroup_css_ts_vanilla = require("./ChipGroup.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var chipGroupCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_dwt8fp0-3-3-1", variantClassNames: { size: { condensed: "_dwt8fp1-3-3-1", "default": "_dwt8fp2-3-3-1" }, expanded: { true: "_dwt8fp3-3-3-1", false: "_dwt8fp4-3-3-1" } }, defaultVariants: {}, compoundVariants: [] });
+var chipGroupCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_dwt8fp0-3-3-2", variantClassNames: { size: { condensed: "_dwt8fp1-3-3-2", "default": "_dwt8fp2-3-3-2" }, expanded: { true: "_dwt8fp3-3-3-2", false: "_dwt8fp4-3-3-2" } }, defaultVariants: {}, compoundVariants: [] });

package/content/chip-group/Control.css

@@ -1,4 +1,4 @@
-._uoyq2d0-3-3-1 {
+._uoyq2d0-3-3-2 {
   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-3-1:focus-visible {
+._uoyq2d0-3-3-2:focus-visible {
   text-decoration: none;
 }
-._uoyq2d0-3-3-1:hover {
+._uoyq2d0-3-3-2:hover {
   background: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._uoyq2d0-3-3-1:active {
+._uoyq2d0-3-3-2:active {
   background: var(--dt-colors-background-field-neutral-default-active, #d0d1dc);
 }

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

@@ -23,4 +23,4 @@ __export(Control_css_exports, {
 module.exports = __toCommonJS(Control_css_exports);
 var import_focusRingStatic_css_ts_vanilla = require("../../core/styles/focusRingStatic.css");
 var import_Control_css_ts_vanilla = require("./Control.css");
-var expandButtonCSS = "_uoyq2d0-3-3-1 _z0fq9b4-3-3-1 _z0fq9bc-3-3-1 _z0fq9b6-3-3-1 _z0fq9ba-3-3-1";
+var expandButtonCSS = "_uoyq2d0-3-3-2 _z0fq9b4-3-3-2 _z0fq9bc-3-3-2 _z0fq9b6-3-3-2 _z0fq9ba-3-3-2";

package/content/code-snippet/CodeHighlight.css

@@ -1,4 +1,4 @@
-._1jmxup80-3-3-1 {
+._1jmxup80-3-3-2 {
   margin: 0;
   padding: 0;
   overflow: visible;
@@ -9,19 +9,19 @@
   font-weight: var(--dt-typography-code-base-default-weight, 400);
   word-break: break-word;
 }
-._1jmxup81-3-3-1 {
+._1jmxup81-3-3-2 {
   font-family: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
   font-size: var(--dt-typography-code-base-default-size, 14px);
   line-height: var(--dt-typography-code-base-default-line-height, 1.4285714286);
   min-height: calc(2 * var(--dt-spacings-size-12, 12px) + var(--dt-spacings-size-20, 20px));
 }
-._1jmxup82-3-3-1 {
+._1jmxup82-3-3-2 {
   font-family: var(--dt-typography-code-small-default-family, Roboto Mono,monospace);
   font-size: var(--dt-typography-code-small-default-size, 12px);
   line-height: var(--dt-typography-code-small-default-line-height, 1.333333333);
   min-height: calc(2 * var(--dt-spacings-size-6, 6px) + var(--dt-spacings-size-16, 16px));
 }
-._1jmxup83-3-3-1 {
+._1jmxup83-3-3-2 {
   display: table-cell;
   position: sticky;
   left: 0;
@@ -33,72 +33,72 @@
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
   user-select: none;
 }
-._1jmxup84-3-3-1 {
+._1jmxup84-3-3-2 {
   white-space: nowrap;
 }
-._1jmxup85-3-3-1 {
+._1jmxup85-3-3-2 {
   white-space: pre;
 }
-._1jmxup86-3-3-1 {
+._1jmxup86-3-3-2 {
   display: table-row;
 }
-._1jmxup87-3-3-1 {
+._1jmxup87-3-3-2 {
   display: block;
   box-sizing: border-box;
   pointer-events: none;
   user-select: none;
   -webkit-user-select: none;
 }
-._1jmxup87-3-3-1::before {
+._1jmxup87-3-3-2::before {
   content: attr(data-linenumber);
 }
-._1jmxup81-3-3-1 ._1jmxup86-3-3-1:first-child ._1jmxup87-3-3-1 {
+._1jmxup81-3-3-2 ._1jmxup86-3-3-2:first-child ._1jmxup87-3-3-2 {
   padding-top: var(--dt-spacings-size-12, 12px);
 }
-._1jmxup82-3-3-1 ._1jmxup86-3-3-1:first-child ._1jmxup87-3-3-1 {
+._1jmxup82-3-3-2 ._1jmxup86-3-3-2:first-child ._1jmxup87-3-3-2 {
   padding-top: var(--dt-spacings-size-6, 6px);
 }
-._1jmxup81-3-3-1 ._1jmxup86-3-3-1:last-child ._1jmxup87-3-3-1 {
+._1jmxup81-3-3-2 ._1jmxup86-3-3-2:last-child ._1jmxup87-3-3-2 {
   padding-bottom: var(--dt-spacings-size-12, 12px);
 }
-._1jmxup82-3-3-1 ._1jmxup86-3-3-1:last-child ._1jmxup87-3-3-1 {
+._1jmxup82-3-3-2 ._1jmxup86-3-3-2:last-child ._1jmxup87-3-3-2 {
   padding-bottom: var(--dt-spacings-size-6, 6px);
 }
-._1jmxup88-3-3-1 {
+._1jmxup88-3-3-2 {
   padding-left: var(--dt-spacings-size-16, 16px);
   min-width: 33px;
 }
-._1jmxup89-3-3-1 {
+._1jmxup89-3-3-2 {
   padding-left: var(--dt-spacings-size-12, 12px);
   min-width: 27px;
 }
-._1jmxup8b-3-3-1 {
+._1jmxup8b-3-3-2 {
   white-space: pre;
 }
-._1jmxup8c-3-3-1 {
+._1jmxup8c-3-3-2 {
   display: table-cell;
   width: 100%;
 }
-._1jmxup81-3-3-1 ._1jmxup86-3-3-1:first-child ._1jmxup8c-3-3-1 {
+._1jmxup81-3-3-2 ._1jmxup86-3-3-2:first-child ._1jmxup8c-3-3-2 {
   padding-top: var(--dt-spacings-size-12, 12px);
 }
-._1jmxup82-3-3-1 ._1jmxup86-3-3-1:first-child ._1jmxup8c-3-3-1 {
+._1jmxup82-3-3-2 ._1jmxup86-3-3-2:first-child ._1jmxup8c-3-3-2 {
   padding-top: var(--dt-spacings-size-6, 6px);
 }
-._1jmxup81-3-3-1 ._1jmxup86-3-3-1:last-child ._1jmxup8c-3-3-1 {
+._1jmxup81-3-3-2 ._1jmxup86-3-3-2:last-child ._1jmxup8c-3-3-2 {
   padding-bottom: var(--dt-spacings-size-12, 12px);
 }
-._1jmxup82-3-3-1 ._1jmxup86-3-3-1:last-child ._1jmxup8c-3-3-1 {
+._1jmxup82-3-3-2 ._1jmxup86-3-3-2:last-child ._1jmxup8c-3-3-2 {
   padding-bottom: var(--dt-spacings-size-6, 6px);
 }
-._1jmxup8d-3-3-1 {
+._1jmxup8d-3-3-2 {
   padding-left: var(--dt-spacings-size-16, 16px);
   padding-right: var(--dt-spacings-size-8, 8px);
 }
-._1jmxup8e-3-3-1 {
+._1jmxup8e-3-3-2 {
   padding-left: var(--dt-spacings-size-12, 12px);
   padding-right: var(--dt-spacings-size-6, 6px);
 }
-._1jmxup8g-3-3-1 {
+._1jmxup8g-3-3-2 {
   white-space: pre;
 }

package/content/code-snippet/CodeHighlight.sty.js

@@ -27,8 +27,8 @@ __export(CodeHighlight_css_exports, {
 module.exports = __toCommonJS(CodeHighlight_css_exports);
 var import_CodeHighlight_css_ts_vanilla = require("./CodeHighlight.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var highlightWrapper = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1jmxup80-3-3-1", variantClassNames: { size: { "default": "_1jmxup81-3-3-1", condensed: "_1jmxup82-3-3-1" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
-var line = "_1jmxup86-3-3-1";
-var lineContent = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1jmxup8c-3-3-1", variantClassNames: { size: { "default": "_1jmxup8d-3-3-1", condensed: "_1jmxup8e-3-3-1" }, multiLine: { false: "_1jmxup8f-3-3-1", true: "_1jmxup8g-3-3-1" } }, defaultVariants: { size: "default", multiLine: false }, compoundVariants: [] });
-var lineNumber = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1jmxup87-3-3-1", variantClassNames: { size: { "default": "_1jmxup88-3-3-1", condensed: "_1jmxup89-3-3-1" }, multiLine: { false: "_1jmxup8a-3-3-1", true: "_1jmxup8b-3-3-1" } }, defaultVariants: { size: "default", multiLine: false }, compoundVariants: [] });
-var lineNumberContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1jmxup83-3-3-1", variantClassNames: { multiLine: { false: "_1jmxup84-3-3-1", true: "_1jmxup85-3-3-1" } }, defaultVariants: { multiLine: false }, compoundVariants: [] });
+var highlightWrapper = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1jmxup80-3-3-2", variantClassNames: { size: { "default": "_1jmxup81-3-3-2", condensed: "_1jmxup82-3-3-2" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
+var line = "_1jmxup86-3-3-2";
+var lineContent = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1jmxup8c-3-3-2", variantClassNames: { size: { "default": "_1jmxup8d-3-3-2", condensed: "_1jmxup8e-3-3-2" }, multiLine: { false: "_1jmxup8f-3-3-2", true: "_1jmxup8g-3-3-2" } }, defaultVariants: { size: "default", multiLine: false }, compoundVariants: [] });
+var lineNumber = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1jmxup87-3-3-2", variantClassNames: { size: { "default": "_1jmxup88-3-3-2", condensed: "_1jmxup89-3-3-2" }, multiLine: { false: "_1jmxup8a-3-3-2", true: "_1jmxup8b-3-3-2" } }, defaultVariants: { size: "default", multiLine: false }, compoundVariants: [] });
+var lineNumberContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1jmxup83-3-3-2", variantClassNames: { multiLine: { false: "_1jmxup84-3-3-2", true: "_1jmxup85-3-3-2" } }, defaultVariants: { multiLine: false }, compoundVariants: [] });

package/content/code-snippet/CodeSnippet.css

@@ -1,4 +1,4 @@
-._17pa72a0-3-3-1 {
+._17pa72a0-3-3-2 {
   position: relative;
   display: flex;
   border-radius: var(--dt-borders-radius-container-subdued, 6px);
@@ -9,7 +9,7 @@
   overflow: auto;
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._17pa72a1-3-3-1 {
+._17pa72a1-3-3-2 {
   position: sticky;
   display: flex;
   align-self: stretch;
@@ -18,9 +18,9 @@
   inset-block: 0;
   right: 0;
 }
-._17pa72a2-3-3-1 {
+._17pa72a2-3-3-2 {
   padding: var(--dt-spacings-size-6, 6px) var(--dt-spacings-size-6, 6px) var(--dt-spacings-size-6, 6px) 0;
 }
-._17pa72a3-3-3-1 {
+._17pa72a3-3-3-2 {
   padding: var(--dt-spacings-size-2, 2px) var(--dt-spacings-size-2, 2px) var(--dt-spacings-size-2, 2px) 0;
 }

package/content/code-snippet/CodeSnippet.sty.js

@@ -24,5 +24,5 @@ __export(CodeSnippet_css_exports, {
 module.exports = __toCommonJS(CodeSnippet_css_exports);
 var import_CodeSnippet_css_ts_vanilla = require("./CodeSnippet.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var copyButtonContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_17pa72a1-3-3-1", variantClassNames: { size: { "default": "_17pa72a2-3-3-1", condensed: "_17pa72a3-3-3-1" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
-var wrapper = "_17pa72a0-3-3-1";
+var copyButtonContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_17pa72a1-3-3-2", variantClassNames: { size: { "default": "_17pa72a2-3-3-2", condensed: "_17pa72a3-3-3-2" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
+var wrapper = "_17pa72a0-3-3-2";