@dynatrace/strato-components 3.3.0 → 3.3.2

package/charts/single-value-grid/components/GlobalFontSizeVariables.sty.js

@@ -22,4 +22,4 @@ __export(GlobalFontSizeVariables_css_exports, {
 });
 module.exports = __toCommonJS(GlobalFontSizeVariables_css_exports);
 var import_GlobalFontSizeVariables_css_ts_vanilla = require("./GlobalFontSizeVariables.css");
-var fontSizeWrapper = "_eom86z0-3-3-0";
+var fontSizeWrapper = "_eom86z0-3-3-2";

package/charts/timeseries/components/axes/TimeseriesTimeBottomAxisArea/TimeseriesTimeBottomAxisArea.css

@@ -1,6 +1,6 @@
-._19z0vdp0-3-3-0 {
+._19z0vdp0-3-3-2 {
   position: relative;
 }
-._19z0vdp1-3-3-0 {
+._19z0vdp1-3-3-2 {
   touch-action: none;
 }

package/charts/timeseries/components/axes/TimeseriesTimeBottomAxisArea/TimeseriesTimeBottomAxisArea.sty.js

@@ -23,4 +23,4 @@ __export(TimeseriesTimeBottomAxisArea_css_exports, {
 module.exports = __toCommonJS(TimeseriesTimeBottomAxisArea_css_exports);
 var import_TimeseriesTimeBottomAxisArea_css_ts_vanilla = require("./TimeseriesTimeBottomAxisArea.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var timeBottomAxisContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_19z0vdp0-3-3-0", variantClassNames: { isTouchableDevice: { true: "_19z0vdp1-3-3-0" } }, defaultVariants: {}, compoundVariants: [] });
+var timeBottomAxisContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_19z0vdp0-3-3-2", variantClassNames: { isTouchableDevice: { true: "_19z0vdp1-3-3-2" } }, defaultVariants: {}, compoundVariants: [] });

package/charts/timeseries/components/overlays/TimeseriesOverlays.css

@@ -1,8 +1,8 @@
-._17fdb110-3-3-0 {
+._17fdb110-3-3-2 {
   z-index: 1;
   pointer-events: none;
 }
-._17fdb111-3-3-0 {
+._17fdb111-3-3-2 {
   top: -3.5px;
   left: -3.5px;
   width: calc(100% + 7px);
@@ -10,7 +10,7 @@
   z-index: 1;
   pointer-events: none;
 }
-._17fdb112-3-3-0 {
+._17fdb112-3-3-2 {
   top: -7px;
   left: -7px;
   width: calc(100% + 14px);
@@ -18,7 +18,7 @@
   z-index: 2;
   pointer-events: none;
 }
-._17fdb113-3-3-0 {
+._17fdb113-3-3-2 {
   cursor: crosshair;
   overflow: visible;
   pointer-events: none;

package/charts/timeseries/components/overlays/TimeseriesOverlays.sty.js

@@ -26,7 +26,7 @@ __export(TimeseriesOverlays_css_exports, {
 module.exports = __toCommonJS(TimeseriesOverlays_css_exports);
 var import_ChartGrid_css_ts_vanilla = require("../../../core/components/chart-grid/ChartGrid.css");
 var import_TimeseriesOverlays_css_ts_vanilla = require("./TimeseriesOverlays.css");
-var canvasPlot = "_17fdb110-3-3-0 _13lzg4k0-3-3-0";
-var crosshairLayout = "_17fdb113-3-3-0 _13lzg4k0-3-3-0";
-var datapointCanvasPlot = "_17fdb111-3-3-0 _13lzg4k0-3-3-0";
-var datapointIndicatorLayout = "_17fdb112-3-3-0 _13lzg4k0-3-3-0";
+var canvasPlot = "_17fdb110-3-3-2 _13lzg4k0-3-3-2";
+var crosshairLayout = "_17fdb113-3-3-2 _13lzg4k0-3-3-2";
+var datapointCanvasPlot = "_17fdb111-3-3-2 _13lzg4k0-3-3-2";
+var datapointIndicatorLayout = "_17fdb112-3-3-2 _13lzg4k0-3-3-2";

package/charts/timeseries/components/thresholds/ThresholdIndicators.css

@@ -1,6 +1,6 @@
-._9p8qi20-3-3-0 {
+._9p8qi20-3-3-2 {
   z-index: 2;
 }
-._9p8qi21-3-3-0 {
+._9p8qi21-3-3-2 {
   z-index: 0;
 }

package/charts/timeseries/components/thresholds/ThresholdIndicators.sty.js

@@ -24,5 +24,5 @@ __export(ThresholdIndicators_css_exports, {
 module.exports = __toCommonJS(ThresholdIndicators_css_exports);
 var import_ChartGrid_css_ts_vanilla = require("../../../core/components/chart-grid/ChartGrid.css");
 var import_ThresholdIndicators_css_ts_vanilla = require("./ThresholdIndicators.css");
-var thresholdPlotLine = "_9p8qi20-3-3-0 _13lzg4k0-3-3-0";
-var thresholdPlotRange = "_9p8qi21-3-3-0 _13lzg4k0-3-3-0";
+var thresholdPlotLine = "_9p8qi20-3-3-2 _13lzg4k0-3-3-2";
+var thresholdPlotRange = "_9p8qi21-3-3-2 _13lzg4k0-3-3-2";

package/charts/tree-map/components/TreeMapOverlay/TreeMapOverlay.css

@@ -1,4 +1,4 @@
-._1iqz50a0-3-3-0 {
+._1iqz50a0-3-3-2 {
   position: absolute;
   top: 0;
   left: 0;

package/charts/tree-map/components/TreeMapOverlay/TreeMapOverlay.sty.js

@@ -22,4 +22,4 @@ __export(TreeMapOverlay_css_exports, {
 });
 module.exports = __toCommonJS(TreeMapOverlay_css_exports);
 var import_TreeMapOverlay_css_ts_vanilla = require("./TreeMapOverlay.css");
-var container = "_1iqz50a0-3-3-0";
+var container = "_1iqz50a0-3-3-2";

package/charts/tree-map/components/TreeMapTooltip/TreeMapTooltip.css

@@ -1,11 +1,11 @@
-._1j83htq0-3-3-0 {
+._1j83htq0-3-3-2 {
   padding: 0 var(--dt-spacings-size-4, 4px) ;
   text-align: center;
 }
-._1j83htq1-3-3-0 {
+._1j83htq1-3-3-2 {
   padding: var(--dt-spacings-size-4, 4px);
 }
-._1j83htq2-3-3-0 {
+._1j83htq2-3-3-2 {
   min-width: 225px;
   max-width: 300px;
 }

package/charts/tree-map/components/TreeMapTooltip/TreeMapTooltip.sty.js

@@ -24,6 +24,6 @@ __export(TreeMapTooltip_css_exports, {
 });
 module.exports = __toCommonJS(TreeMapTooltip_css_exports);
 var import_TreeMapTooltip_css_ts_vanilla = require("./TreeMapTooltip.css");
-var headerText = "_1j83htq0-3-3-0";
-var tooltipContentContainer = "_1j83htq2-3-3-0";
-var valueChip = "_1j83htq1-3-3-0";
+var headerText = "_1j83htq0-3-3-2";
+var tooltipContentContainer = "_1j83htq2-3-3-2";
+var valueChip = "_1j83htq1-3-3-2";

package/charts/xy-chart/components/axes/AxisArea.css

@@ -1,3 +1,3 @@
-._bidc430-3-3-0 {
+._bidc430-3-3-2 {
   position: relative;
 }

package/charts/xy-chart/components/axes/AxisArea.sty.js

@@ -22,4 +22,4 @@ __export(AxisArea_css_exports, {
 });
 module.exports = __toCommonJS(AxisArea_css_exports);
 var import_AxisArea_css_ts_vanilla = require("./AxisArea.css");
-var axisContainerStyle = "_bidc430-3-3-0";
+var axisContainerStyle = "_bidc430-3-3-2";

package/charts/xy-chart/components/axes/AxisTickWithTruncation.css

@@ -1,8 +1,8 @@
-._z2zz8y2-3-3-0 {
-  direction: var(--_z2zz8y0-3-3-0);
+._z2zz8y2-3-3-2 {
+  direction: var(--_z2zz8y0-3-3-2);
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
   text-wrap: nowrap;
-  width: var(--_z2zz8y1-3-3-0);
+  width: var(--_z2zz8y1-3-3-2);
 }

package/charts/xy-chart/components/axes/AxisTickWithTruncation.sty.js

@@ -24,6 +24,6 @@ __export(AxisTickWithTruncation_css_exports, {
 });
 module.exports = __toCommonJS(AxisTickWithTruncation_css_exports);
 var import_AxisTickWithTruncation_css_ts_vanilla = require("./AxisTickWithTruncation.css");
-var directionValue = "var(--_z2zz8y0-3-3-0)";
-var tickStyle = "_z2zz8y2-3-3-0";
-var widthContainer = "var(--_z2zz8y1-3-3-0)";
+var directionValue = "var(--_z2zz8y0-3-3-2)";
+var tickStyle = "_z2zz8y2-3-3-2";
+var widthContainer = "var(--_z2zz8y1-3-3-2)";

package/charts/xy-chart/components/legend/XYLegend/xy-legend.css

@@ -1,3 +1,3 @@
-._1lwufqz0-3-3-0 {
+._1lwufqz0-3-3-2 {
   margin: var(--dt-spacings-size-2, 2px);
 }

package/charts/xy-chart/components/legend/XYLegend/xy-legend.sty.js

@@ -22,4 +22,4 @@ __export(xy_legend_css_exports, {
 });
 module.exports = __toCommonJS(xy_legend_css_exports);
 var import_xy_legend_css_ts_vanilla = require("./xy-legend.css");
-var shapeIconWrapper = "_1lwufqz0-3-3-0";
+var shapeIconWrapper = "_1lwufqz0-3-3-2";

package/charts/xy-chart/components/overlay/explore/XYChartCrosshair.css

@@ -1,4 +1,4 @@
-._1bbe5uo0-3-3-0 {
+._1bbe5uo0-3-3-2 {
   overflow: visible;
   cursor: crosshair;
   z-index: 1;

package/charts/xy-chart/components/overlay/explore/XYChartCrosshair.sty.js

@@ -22,4 +22,4 @@ __export(XYChartCrosshair_css_exports, {
 });
 module.exports = __toCommonJS(XYChartCrosshair_css_exports);
 var import_XYChartCrosshair_css_ts_vanilla = require("./XYChartCrosshair.css");
-var crosshair = "_1bbe5uo0-3-3-0";
+var crosshair = "_1bbe5uo0-3-3-2";

package/charts/xy-chart/components/overlay/explore/XYChartExplore.css

@@ -1,4 +1,4 @@
-._cd1yys0-3-3-0 {
+._cd1yys0-3-3-2 {
   top: -11px;
   left: -11px;
   width: calc(100% + 22px);
@@ -6,7 +6,7 @@
   z-index: 2;
   pointer-events: none;
 }
-._cd1yys1-3-3-0 {
+._cd1yys1-3-3-2 {
   top: 0px;
   left: 0px;
   width: calc(100% + 1px);

package/charts/xy-chart/components/overlay/explore/XYChartExplore.sty.js

@@ -24,5 +24,5 @@ __export(XYChartExplore_css_exports, {
 module.exports = __toCommonJS(XYChartExplore_css_exports);
 var import_ChartGrid_css_ts_vanilla = require("../../../../core/components/chart-grid/ChartGrid.css");
 var import_XYChartExplore_css_ts_vanilla = require("./XYChartExplore.css");
-var datapointIndicatorLayout = "_cd1yys1-3-3-0 _13lzg4k0-3-3-0";
-var datapointIndicatorShiftedLayout = "_cd1yys0-3-3-0 _13lzg4k0-3-3-0";
+var datapointIndicatorLayout = "_cd1yys1-3-3-2 _13lzg4k0-3-3-2";
+var datapointIndicatorShiftedLayout = "_cd1yys0-3-3-2 _13lzg4k0-3-3-2";

package/charts/xy-chart/components/selection/TooltipHeader.css

@@ -1,7 +1,7 @@
-._biijte0-3-3-0 {
+._biijte0-3-3-2 {
   margin-bottom: var(--dt-spacings-size-2, 2px);
 }
-._biijte1-3-3-0 {
+._biijte1-3-3-2 {
   width: auto;
   white-space: nowrap;
   overflow: hidden;

package/charts/xy-chart/components/selection/TooltipHeader.sty.js

@@ -23,5 +23,5 @@ __export(TooltipHeader_css_exports, {
 });
 module.exports = __toCommonJS(TooltipHeader_css_exports);
 var import_TooltipHeader_css_ts_vanilla = require("./TooltipHeader.css");
-var formattedTimeframe = "_biijte1-3-3-0";
-var headerItem = "_biijte0-3-3-0";
+var formattedTimeframe = "_biijte1-3-3-2";
+var headerItem = "_biijte0-3-3-2";

package/charts/xy-chart/components/thresholds/XYChartThresholdIndicators.css

@@ -1,3 +1,3 @@
-._1mfu0sw0-3-3-0 {
+._1mfu0sw0-3-3-2 {
   z-index: 2;
 }

package/charts/xy-chart/components/thresholds/XYChartThresholdIndicators.sty.js

@@ -23,4 +23,4 @@ __export(XYChartThresholdIndicators_css_exports, {
 module.exports = __toCommonJS(XYChartThresholdIndicators_css_exports);
 var import_ChartGrid_css_ts_vanilla = require("../../../core/components/chart-grid/ChartGrid.css");
 var import_XYChartThresholdIndicators_css_ts_vanilla = require("./XYChartThresholdIndicators.css");
-var thresholdPlot = "_1mfu0sw0-3-3-0 _13lzg4k0-3-3-0";
+var thresholdPlot = "_1mfu0sw0-3-3-2 _13lzg4k0-3-3-2";

package/charts/xy-chart/components/tooltip/XYChartTooltipTemplate/XYChartTooltipTemplate.css

@@ -1,4 +1,4 @@
-._fnoz5j0-3-3-0 {
+._fnoz5j0-3-3-2 {
   min-width: 225px;
   max-width: 300px;
 }

package/charts/xy-chart/components/tooltip/XYChartTooltipTemplate/XYChartTooltipTemplate.sty.js

@@ -22,4 +22,4 @@ __export(XYChartTooltipTemplate_css_exports, {
 });
 module.exports = __toCommonJS(XYChartTooltipTemplate_css_exports);
 var import_XYChartTooltipTemplate_css_ts_vanilla = require("./XYChartTooltipTemplate.css");
-var body = "_fnoz5j0-3-3-0";
+var body = "_fnoz5j0-3-3-2";

package/charts/xy-chart/components/tooltip/utils/tooltip-styles.css

@@ -1,23 +1,23 @@
-._1u58xor0-3-3-0 {
+._1u58xor0-3-3-2 {
   display: flex;
   flex-wrap: wrap;
   overflow-wrap: anywhere;
   margin-left: var(--dt-spacings-size-4, 4px);
   margin-right: var(--dt-spacings-size-4, 4px);
 }
-._1u58xor1-3-3-0 {
+._1u58xor1-3-3-2 {
   font-weight: var(--dt-typography-text-small-emphasized-weight, 500);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1u58xor1-3-3-0::after {
+._1u58xor1-3-3-2::after {
   content: " ";
   white-space: pre;
 }
-._1u58xor2-3-3-0 {
+._1u58xor2-3-3-2 {
   flex: 0 1 auto;
   font-weight: var(--dt-typography-text-small-default-weight, 400);
 }
-._1u58xor3-3-3-0 {
+._1u58xor3-3-3-2 {
   flex: 1 1 auto;
   font-weight: var(--dt-typography-text-small-default-weight, 400);
 }

package/charts/xy-chart/components/tooltip/utils/tooltip-styles.sty.js

@@ -25,7 +25,7 @@ __export(tooltip_styles_css_exports, {
 });
 module.exports = __toCommonJS(tooltip_styles_css_exports);
 var import_tooltip_styles_css_ts_vanilla = require("./tooltip-styles.css");
-var axisName = "_1u58xor1-3-3-0";
-var axisValue = "_1u58xor2-3-3-0";
-var duration = "_1u58xor3-3-3-0";
-var wrapper = "_1u58xor0-3-3-0";
+var axisName = "_1u58xor1-3-3-2";
+var axisValue = "_1u58xor2-3-3-2";
+var duration = "_1u58xor3-3-3-2";
+var wrapper = "_1u58xor0-3-3-2";

package/charts/xy-chart/layout/XYChartLayout.css

@@ -1,10 +1,10 @@
-._1ru1qe70-3-3-0 {
+._1ru1qe70-3-3-2 {
   pointer-events: none;
   width: 100%;
   height: 100%;
   z-index: 1;
 }
-._1ru1qe71-3-3-0 {
+._1ru1qe71-3-3-2 {
   top: -5.5px;
   left: -5.5px;
   width: calc(100% + 11px);

package/charts/xy-chart/layout/XYChartLayout.sty.js

@@ -24,5 +24,5 @@ __export(XYChartLayout_css_exports, {
 module.exports = __toCommonJS(XYChartLayout_css_exports);
 var import_ChartGrid_css_ts_vanilla = require("../../core/components/chart-grid/ChartGrid.css");
 var import_XYChartLayout_css_ts_vanilla = require("./XYChartLayout.css");
-var datapointCanvasPlot = "_1ru1qe71-3-3-0 _13lzg4k0-3-3-0 _1ru1qe70-3-3-0";
-var rectangleCanvasPlot = "_13lzg4k0-3-3-0 _1ru1qe70-3-3-0";
+var datapointCanvasPlot = "_1ru1qe71-3-3-2 _13lzg4k0-3-3-2 _1ru1qe70-3-3-2";
+var rectangleCanvasPlot = "_13lzg4k0-3-3-2 _1ru1qe70-3-3-2";

package/content/accordion/Accordion.css

@@ -1,45 +1,45 @@
-._12zc70k0-3-3-0 {
+._12zc70k0-3-3-2 {
   width: 100%;
-  color: var(--_bx32h0-3-3-0);
+  color: var(--_bx32h0-3-3-2);
 }
-._12zc70k1-3-3-0 {
+._12zc70k1-3-3-2 {
   margin: var(--dt-spacings-size-8, 8px) 0;
 }
-._12zc70k2-3-3-0 {
+._12zc70k2-3-3-2 {
   margin: var(--dt-spacings-size-4, 4px) 0;
 }
-._12zc70k3-3-3-0 {
+._12zc70k3-3-3-2 {
   transition-duration: var(--dt-animations-expand-collapse-duration-fast, 250ms);
   transition-timing-function: var(--dt-animations-expand-collapse-easing, cubic-bezier(0.4, 0, 0.2, 1));
   transition-property: transform;
 }
-._12zc70k4-3-3-0 {
+._12zc70k4-3-3-2 {
   transform: rotate(-90deg);
 }
-._12zc70k5-3-3-0 {
+._12zc70k5-3-3-2 {
   transform: rotate(90deg);
 }
-._12zc70k6-3-3-0 {
+._12zc70k6-3-3-2 {
   transform: rotate(0);
 }
-._12zc70k7-3-3-0 {
+._12zc70k7-3-3-2 {
   box-sizing: border-box;
   transform-origin: top center;
   display: flex;
 }
-._12zc70k8-3-3-0 {
+._12zc70k8-3-3-2 {
   width: 100%;
   box-sizing: border-box;
-  color: var(--_bx32h0-3-3-0);
+  color: var(--_bx32h0-3-3-2);
 }
-._12zc70k9-3-3-0 {
+._12zc70k9-3-3-2 {
   padding-top: var(--dt-spacings-size-8, 8px);
 }
-._12zc70ka-3-3-0 {
+._12zc70ka-3-3-2 {
   padding-top: var(--dt-spacings-size-4, 4px);
 }
 @media (prefers-reduced-motion) {
-  ._12zc70k3-3-3-0 {
+  ._12zc70k3-3-3-2 {
     transition-duration: 0s;
   }
 }

package/content/accordion/Accordion.sty.js

@@ -31,11 +31,11 @@ module.exports = __toCommonJS(Accordion_css_exports);
 var import_field_css_ts_vanilla = require("../../styles/field.css");
 var import_Accordion_css_ts_vanilla = require("./Accordion.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var accordionContentCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_12zc70k8-3-3-0", variantClassNames: { size: { "default": "_12zc70k9-3-3-0", condensed: "_12zc70ka-3-3-0" } }, defaultVariants: {}, compoundVariants: [] });
-var accordionContentWrapperCSS = "_12zc70k7-3-3-0";
-var accordionDividerMarginCSS = { "default": "_12zc70k1-3-3-0", condensed: "_12zc70k2-3-3-0" };
-var accordionLabelCSS = "_12zc70k0-3-3-0";
-var accordionTriggerIconCSS = "_12zc70k3-3-3-0";
-var accordionTriggerIconEndCSS = "_12zc70k5-3-3-0";
-var accordionTriggerIconExpandedCSS = "_12zc70k6-3-3-0";
-var accordionTriggerIconStartCSS = "_12zc70k4-3-3-0";
+var accordionContentCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_12zc70k8-3-3-2", variantClassNames: { size: { "default": "_12zc70k9-3-3-2", condensed: "_12zc70ka-3-3-2" } }, defaultVariants: {}, compoundVariants: [] });
+var accordionContentWrapperCSS = "_12zc70k7-3-3-2";
+var accordionDividerMarginCSS = { "default": "_12zc70k1-3-3-2", condensed: "_12zc70k2-3-3-2" };
+var accordionLabelCSS = "_12zc70k0-3-3-2";
+var accordionTriggerIconCSS = "_12zc70k3-3-3-2";
+var accordionTriggerIconEndCSS = "_12zc70k5-3-3-2";
+var accordionTriggerIconExpandedCSS = "_12zc70k6-3-3-2";
+var accordionTriggerIconStartCSS = "_12zc70k4-3-3-2";

package/content/ai-loading-indicator/AiLoadingIndicator.css

@@ -1,4 +1,4 @@
-@keyframes _1te6oqj4-3-3-0 {
+@keyframes _1te6oqj4-3-3-2 {
   0% {
     background-position: 20% 0%;
   }
@@ -6,27 +6,27 @@
     background-position: -120% 100%;
   }
 }
-._1te6oqj5-3-3-0 {
-  --_1te6oqj0-3-3-0: #CB53F6;
-  --_1te6oqj1-3-3-0: #7FF8F9;
-  --_1te6oqj2-3-3-0: 15%;
-  --_1te6oqj3-3-3-0: 5%;
+._1te6oqj5-3-3-2 {
+  --_1te6oqj0-3-3-2: #CB53F6;
+  --_1te6oqj1-3-3-2: #7FF8F9;
+  --_1te6oqj2-3-3-2: 15%;
+  --_1te6oqj3-3-3-2: 5%;
   position: relative;
-  background-image: linear-gradient(90deg, transparent 0%, transparent 5%, var(--dt-colors-text-neutral-default, #2f2f4f) 10%, var(--dt-colors-text-neutral-default, #2f2f4f) 90%, transparent 95%, transparent 100%), linear-gradient(var(--_1te6oqj0-3-3-0) 0%, var(--_1te6oqj1-3-3-0) 100%);
+  background-image: linear-gradient(90deg, transparent 0%, transparent 5%, var(--dt-colors-text-neutral-default, #2f2f4f) 10%, var(--dt-colors-text-neutral-default, #2f2f4f) 90%, transparent 95%, transparent 100%), linear-gradient(var(--_1te6oqj0-3-3-2) 0%, var(--_1te6oqj1-3-3-2) 100%);
   background-size: 200% 600%;
   background-position: 0% 0%;
   background-clip: text;
   color: transparent;
-  animation-name: _1te6oqj4-3-3-0;
+  animation-name: _1te6oqj4-3-3-2;
   animation-duration: var(--dt-timings-slowest-gentle, 1500ms);
   animation-iteration-count: infinite;
   animation-timing-function: var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
 }
-._1te6oqj6-3-3-0 {
+._1te6oqj6-3-3-2 {
   padding-top: calc(var(--dt-spacings-size-20, 20px) / 2 - 0.5lh);
   min-width: 0;
 }
-._1te6oqj7-3-3-0 {
+._1te6oqj7-3-3-2 {
   width: var(--dt-spacings-size-20, 20px);
   min-height: 1lh;
   display: flex;
@@ -34,12 +34,12 @@
   align-items: center;
   flex-shrink: 0;
 }
-._1te6oqj7-3-3-0 svg {
+._1te6oqj7-3-3-2 svg {
   display: block;
   width: var(--dt-spacings-size-20, 20px);
   height: var(--dt-spacings-size-20, 20px);
 }
-._1te6oqj8-3-3-0 {
+._1te6oqj8-3-3-2 {
   display: inline-flex;
   align-items: center;
   vertical-align: middle;

package/content/ai-loading-indicator/AiLoadingIndicator.sty.js

@@ -25,7 +25,7 @@ __export(AiLoadingIndicator_css_exports, {
 });
 module.exports = __toCommonJS(AiLoadingIndicator_css_exports);
 var import_AiLoadingIndicator_css_ts_vanilla = require("./AiLoadingIndicator.css");
-var container = "_1te6oqj8-3-3-0";
-var iconWrapper = "_1te6oqj7-3-3-0";
-var label = "_1te6oqj6-3-3-0";
-var labelAnimation = "_1te6oqj5-3-3-0";
+var container = "_1te6oqj8-3-3-2";
+var iconWrapper = "_1te6oqj7-3-3-2";
+var label = "_1te6oqj6-3-3-2";
+var labelAnimation = "_1te6oqj5-3-3-2";

package/content/ai-response/AiResponse.css

@@ -6,20 +6,20 @@
     opacity: 1;
   }
 }
-._jdyvf80-3-3-0 {
+._jdyvf80-3-3-2 {
   word-break: normal;
   overflow-wrap: anywhere;
 }
-._jdyvf80-3-3-0 [data-sd-animate]:not(table [data-sd-animate]) {
+._jdyvf80-3-3-2 [data-sd-animate]:not(table [data-sd-animate]) {
   animation: var(--sd-animation, sd-aiResponseAnimation) var(--sd-duration, 200ms) var(--sd-easing, ease) both;
 }
-._jdyvf80-3-3-0 ._17pa72a0-3-3-0 {
+._jdyvf80-3-3-2 ._17pa72a0-3-3-2 {
   margin-bottom: calc(var(--dt-spacings-size-12, 12px) + var(--dt-spacings-size-2, 2px));
   margin-top: calc(var(--dt-spacings-size-12, 12px) + var(--dt-spacings-size-2, 2px));
 }
-._jdyvf81-3-3-0 > :first-child {
+._jdyvf81-3-3-2 > :first-child {
   margin-top: 0;
 }
-._jdyvf81-3-3-0 > :last-child {
+._jdyvf81-3-3-2 > :last-child {
   margin-bottom: 0;
 }

package/content/ai-response/AiResponse.sty.js

@@ -24,5 +24,5 @@ __export(AiResponse_css_exports, {
 module.exports = __toCommonJS(AiResponse_css_exports);
 var import_CodeSnippet_css_ts_vanilla = require("../code-snippet/CodeSnippet.css");
 var import_AiResponse_css_ts_vanilla = require("./AiResponse.css");
-var streamdown = "_jdyvf81-3-3-0";
-var wrapper = "_jdyvf80-3-3-0";
+var streamdown = "_jdyvf81-3-3-2";
+var wrapper = "_jdyvf80-3-3-2";

package/content/avatar/Avatar.css

@@ -1,4 +1,4 @@
-._7llfy90-3-3-0 {
+._7llfy90-3-3-2 {
   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-3-0 {
+._7llfy91-3-3-2 {
   min-width: var(--dt-spacings-size-20, 20px);
 }
-._7llfy92-3-3-0 {
+._7llfy92-3-3-2 {
   min-width: var(--dt-spacings-size-32, 32px);
 }
-._7llfy93-3-3-0 {
+._7llfy93-3-3-2 {
   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-3-0:before {
+._7llfy93-3-3-2: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-3-0[tabindex]:hover, button._7llfy94-3-3-0:hover, a._7llfy94-3-3-0:hover, ._7llfy94-3-3-0:focus {
+._7llfy94-3-3-2[tabindex]:hover, button._7llfy94-3-3-2:hover, a._7llfy94-3-3-2:hover, ._7llfy94-3-3-2: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-3-0:hover, a._7llfy94-3-3-0:hover, button._7llfy94-3-3-0:active, a._7llfy94-3-3-0:active {
+button._7llfy94-3-3-2:hover, a._7llfy94-3-3-2:hover, button._7llfy94-3-3-2:active, a._7llfy94-3-3-2:active {
   cursor: pointer;
   z-index: 1;
 }
-._7llfy94-3-3-0[tabindex]:active, button._7llfy94-3-3-0:active, a._7llfy94-3-3-0:active {
+._7llfy94-3-3-2[tabindex]:active, button._7llfy94-3-3-2:active, a._7llfy94-3-3-2: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-3-0:before {
+._7llfy95-3-3-2:before {
   min-width: var(--dt-spacings-size-20, 20px);
 }
-._7llfy96-3-3-0:before {
+._7llfy96-3-3-2:before {
   min-width: var(--dt-spacings-size-32, 32px);
 }
-._7llfy97-3-3-0 {
+._7llfy97-3-3-2 {
   padding: 0;
   margin: 0;
   border: none;
   background-color: transparent;
 }
-._7llfy98-3-3-0 {
+._7llfy98-3-3-2 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   overflow-wrap: break-word;
 }
-._7llfy99-3-3-0 ~ div > div {
+._7llfy99-3-3-2 ~ div > div {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }

package/content/avatar/Avatar.sty.js

@@ -26,7 +26,7 @@ __export(Avatar_css_exports, {
 module.exports = __toCommonJS(Avatar_css_exports);
 var import_Avatar_css_ts_vanilla = require("./Avatar.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var avatarAbbreviationCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_7llfy90-3-3-0", variantClassNames: { size: { small: "_7llfy91-3-3-0", "default": "_7llfy92-3-3-0" }, disabled: { true: "_7llfy93-3-3-0", false: "_7llfy94-3-3-0" } }, defaultVariants: {}, compoundVariants: [[{ disabled: true, size: "small" }, "_7llfy95-3-3-0"], [{ disabled: true, size: "default" }, "_7llfy96-3-3-0"]] });
-var avatarDisabledCSS = "_7llfy99-3-3-0";
-var avatarSubtitleCSS = "_7llfy98-3-3-0";
-var avatarWrapperCSS = "_7llfy97-3-3-0";
+var avatarAbbreviationCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_7llfy90-3-3-2", variantClassNames: { size: { small: "_7llfy91-3-3-2", "default": "_7llfy92-3-3-2" }, disabled: { true: "_7llfy93-3-3-2", false: "_7llfy94-3-3-2" } }, defaultVariants: {}, compoundVariants: [[{ disabled: true, size: "small" }, "_7llfy95-3-3-2"], [{ disabled: true, size: "default" }, "_7llfy96-3-3-2"]] });
+var avatarDisabledCSS = "_7llfy99-3-3-2";
+var avatarSubtitleCSS = "_7llfy98-3-3-2";
+var avatarWrapperCSS = "_7llfy97-3-3-2";

package/content/avatar-group/AvatarGroup.css

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

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

@@ -23,5 +23,5 @@ __export(AvatarGroup_css_exports, {
 });
 module.exports = __toCommonJS(AvatarGroup_css_exports);
 var import_AvatarGroup_css_ts_vanilla = require("./AvatarGroup.css");
-var additionalAvatarWrapperCSS = "_129un530-3-3-0";
-var avatarGroupItemWrapperCSS = "_129un531-3-3-0";
+var additionalAvatarWrapperCSS = "_129un530-3-3-2";
+var avatarGroupItemWrapperCSS = "_129un531-3-3-2";