@dynatrace/strato-components 3.1.3 → 3.2.0

package/esm/overlays/sheet/Sheet.sty.js

@@ -1,9 +1,9 @@
 import "./Sheet.css";
-var sheetBackdropCSS = "_d76u1n0-3-1-3";
-var sheetCSS = "_d76u1n1-3-1-3";
-var sheetHeadingCSS = "_d76u1n4-3-1-3";
-var sheetScrollableContainerCSS = "_d76u1n2-3-1-3";
-var sheetWrapperCSS = "_d76u1n3-3-1-3";
+var sheetBackdropCSS = "_d76u1n0-3-2-0";
+var sheetCSS = "_d76u1n1-3-2-0";
+var sheetHeadingCSS = "_d76u1n4-3-2-0";
+var sheetScrollableContainerCSS = "_d76u1n2-3-2-0";
+var sheetWrapperCSS = "_d76u1n3-3-2-0";
 export {
   sheetBackdropCSS,
   sheetCSS,

package/esm/overlays/sheet/Sheet.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/overlays/sheet/Sheet.css.ts"],
-  "sourcesContent": ["import './Sheet.css';\nexport var sheetBackdropCSS = '_d76u1n0-3-1-3';\nexport var sheetCSS = '_d76u1n1-3-1-3';\nexport var sheetHeadingCSS = '_d76u1n4-3-1-3';\nexport var sheetScrollableContainerCSS = '_d76u1n2-3-1-3';\nexport var sheetWrapperCSS = '_d76u1n3-3-1-3';"],
+  "sourcesContent": ["import './Sheet.css';\nexport var sheetBackdropCSS = '_d76u1n0-3-2-0';\nexport var sheetCSS = '_d76u1n1-3-2-0';\nexport var sheetHeadingCSS = '_d76u1n4-3-2-0';\nexport var sheetScrollableContainerCSS = '_d76u1n2-3-2-0';\nexport var sheetWrapperCSS = '_d76u1n3-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;AACvB,IAAI,WAAW;AACf,IAAI,kBAAkB;AACtB,IAAI,8BAA8B;AAClC,IAAI,kBAAkB;",
   "names": []
 }

package/esm/overlays/tooltip/Tooltip.js

@@ -112,6 +112,7 @@ const Tooltip = /* @__PURE__ */ forwardRef(
           onFocus: () => !disabled && modality !== "pointer" && modality !== "touch" && openTooltip(true),
           onBlur: () => !disabled && !isTooltipHovered.current && closeTooltip(),
           ...restProps,
+          ...behavioralTrackingProps,
           "data-dt-name": "Trigger",
           "data-dt-component": dataDtComponent,
           children

package/esm/overlays/tooltip/Tooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/overlays/tooltip/Tooltip.tsx"],
-  "sourcesContent": ["import { useReducedMotion } from 'framer-motion';\nimport { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { TooltipProps } from './tooltip.types.js';\nimport { TooltipElement } from './TooltipElement.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useFocusContext as _useFocusContext } from '../../core/hooks/useFocusContext.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { usePoliteContainer } from '../hooks/usePoliteContainer.js';\nimport { useTooltipState } from '../hooks/useTooltipState.js';\n\nconst COMPONENT_NAME = 'Tooltip';\n\n/**\n * Use the `Tooltip` component to display extra information when users hover on a trigger element.\n * @public\n */\nexport const Tooltip = /* @__PURE__ */ forwardRef<HTMLDivElement, TooltipProps>(\n  (props, forwardedRef) => {\n    const {\n      children,\n      text,\n      placement = 'top',\n      open,\n      defaultOpen,\n      onOpenChange,\n      delay = 'default',\n      disabled,\n      id: propId,\n      fallbackPlacements,\n      style: consumerStyle,\n      className: consumerClassName,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      // @ts-expect-error - We want to allow overriding data-dt-component as we use the component internally in other Strato components, but it should not appear in the public API.\n      'data-dt-component': dataDtComponent = COMPONENT_NAME,\n      ...remainingProps\n    } = props;\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n\n    const generatedId = useId();\n    const id = propId ?? generatedId;\n    const shouldReduceMotion = useReducedMotion();\n\n    const {\n      isOpen,\n      open: openTooltip,\n      close: closeTooltip,\n    } = useTooltipState({\n      open,\n      defaultOpen,\n      onOpenChange,\n      delay: shouldReduceMotion || delay === 'none' ? 0 : undefined,\n    });\n\n    const tooltipWrapperRef = useRef<HTMLSpanElement | null>(null);\n    const [tooltipReferenceElement, setTooltipReferenceElement] = useState<\n      Element | undefined\n    >(undefined);\n\n    /**\n     * The tooltip/popper needs a reference element for positioning. As display contents on the span wrapper is necessary\n     * to not interfere with flow content of any layout parent, this will invalidate any getBoundingClientRect() results on\n     * the wrapping span. That is why we pass the first child element instead. Since the first child element could change\n     * dynamically, we need to watch for changes in the DOM, to ensure the tooltip always has a reference element.\n     */\n    const mutationObserverRef = useRef(\n      new MutationObserver((entries) => {\n        for (const entry of entries) {\n          const firstNode = entry.addedNodes.item(0);\n          if (\n            entry.type === 'childList' &&\n            firstNode !== null &&\n            firstNode instanceof Element &&\n            firstNode !== tooltipReferenceElement\n          ) {\n            setTooltipReferenceElement(firstNode);\n          }\n        }\n      }),\n    );\n\n    useEffect(\n      () => {\n        if (tooltipWrapperRef.current) {\n          setTooltipReferenceElement(tooltipWrapperRef.current?.children?.[0]);\n          mutationObserverRef.current.observe(tooltipWrapperRef.current, {\n            childList: true,\n            subtree: false, // only observe changes in the direct children of the wrapper, not deeper in the DOM\n          });\n        }\n\n        return () => closeTooltip();\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [],\n    );\n\n    // If disabled switches to true at runtime and a tooltip is shown, it should\n    // close immediately\n    useEffect(() => {\n      if (disabled) {\n        closeTooltip();\n      }\n    }, [closeTooltip, disabled]);\n\n    const isTooltipHovered = useRef(false);\n\n    const handleKeyDown = useCallback(\n      (e: KeyboardEvent) => e.code === 'Escape' && closeTooltip(),\n      [closeTooltip],\n    );\n\n    useEffect(() => {\n      document.addEventListener('keydown', handleKeyDown);\n\n      return () => {\n        document.removeEventListener('keydown', handleKeyDown);\n      };\n    }, [handleKeyDown]);\n\n    // Create a singleton container with live region attribute to read the contents\n    // of the tooltip when it pops up\n    const PoliteContainer = usePoliteContainer();\n\n    const { modality } = _useFocusContext();\n\n    return (\n      <>\n        <span\n          style={{\n            // Safari has currently an outstanding issue that results in content\n            // being inaccessible, when rendered within a display: contents.\n            display: 'contents',\n          }}\n          ref={tooltipWrapperRef}\n          onMouseEnter={() => !disabled && openTooltip()}\n          onMouseLeave={() =>\n            // we need to wrap this in a requestAnimationFrame to be able to first set the isTooltipHovered state correctly in case the TooltipElement (including the gap) is hovered\n            // if we don't, the tooltip is closed before the onMouseOver event of the TooltipElement is triggered (to set the right state), as the onMouseLeave of the tooltip trigger would be queued up afterwards\n            requestAnimationFrame(() => {\n              if (!disabled && !isTooltipHovered.current) {\n                closeTooltip();\n              }\n            })\n          }\n          onFocus={() =>\n            !disabled &&\n            modality !== 'pointer' &&\n            modality !== 'touch' &&\n            openTooltip(true)\n          }\n          onBlur={\n            () => !disabled && !isTooltipHovered.current && closeTooltip() // prevent closing when clicking on the gap\n          }\n          {...restProps}\n          data-dt-name=\"Trigger\"\n          data-dt-component={dataDtComponent}\n        >\n          {children}\n        </span>\n        <PoliteContainer>\n          {isOpen && (\n            <TooltipElement\n              ref={forwardedRef}\n              triggerElement={tooltipReferenceElement}\n              placement={placement}\n              fallbackPlacements={fallbackPlacements}\n              id={id}\n              data-testid={dataTestId}\n              data-dtrum-mask={dataDtrumMask}\n              data-dtrum-allow={dataDtrumAllow}\n              className={consumerClassName}\n              style={consumerStyle}\n              onMouseLeave={(event) =>\n                !disabled &&\n                // only close the tooltip if the mouse isn't over the trigger element\n                event.relatedTarget !== tooltipReferenceElement &&\n                closeTooltip()\n              }\n              onTooltipHovered={(isHovered: boolean) =>\n                (isTooltipHovered.current = isHovered)\n              }\n              {...behavioralTrackingProps}\n              data-dt-component={dataDtComponent}\n            >\n              {text}\n            </TooltipElement>\n          )}\n        </PoliteContainer>\n      </>\n    );\n  },\n);\n(Tooltip as typeof Tooltip & { displayName: string }).displayName =\n  COMPONENT_NAME;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useReducedMotion } from 'framer-motion';\nimport { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { TooltipProps } from './tooltip.types.js';\nimport { TooltipElement } from './TooltipElement.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useFocusContext as _useFocusContext } from '../../core/hooks/useFocusContext.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { usePoliteContainer } from '../hooks/usePoliteContainer.js';\nimport { useTooltipState } from '../hooks/useTooltipState.js';\n\nconst COMPONENT_NAME = 'Tooltip';\n\n/**\n * Use the `Tooltip` component to display extra information when users hover on a trigger element.\n * @public\n */\nexport const Tooltip = /* @__PURE__ */ forwardRef<HTMLDivElement, TooltipProps>(\n  (props, forwardedRef) => {\n    const {\n      children,\n      text,\n      placement = 'top',\n      open,\n      defaultOpen,\n      onOpenChange,\n      delay = 'default',\n      disabled,\n      id: propId,\n      fallbackPlacements,\n      style: consumerStyle,\n      className: consumerClassName,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      // @ts-expect-error - We want to allow overriding data-dt-component as we use the component internally in other Strato components, but it should not appear in the public API.\n      'data-dt-component': dataDtComponent = COMPONENT_NAME,\n      ...remainingProps\n    } = props;\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n\n    const generatedId = useId();\n    const id = propId ?? generatedId;\n    const shouldReduceMotion = useReducedMotion();\n\n    const {\n      isOpen,\n      open: openTooltip,\n      close: closeTooltip,\n    } = useTooltipState({\n      open,\n      defaultOpen,\n      onOpenChange,\n      delay: shouldReduceMotion || delay === 'none' ? 0 : undefined,\n    });\n\n    const tooltipWrapperRef = useRef<HTMLSpanElement | null>(null);\n    const [tooltipReferenceElement, setTooltipReferenceElement] = useState<\n      Element | undefined\n    >(undefined);\n\n    /**\n     * The tooltip/popper needs a reference element for positioning. As display contents on the span wrapper is necessary\n     * to not interfere with flow content of any layout parent, this will invalidate any getBoundingClientRect() results on\n     * the wrapping span. That is why we pass the first child element instead. Since the first child element could change\n     * dynamically, we need to watch for changes in the DOM, to ensure the tooltip always has a reference element.\n     */\n    const mutationObserverRef = useRef(\n      new MutationObserver((entries) => {\n        for (const entry of entries) {\n          const firstNode = entry.addedNodes.item(0);\n          if (\n            entry.type === 'childList' &&\n            firstNode !== null &&\n            firstNode instanceof Element &&\n            firstNode !== tooltipReferenceElement\n          ) {\n            setTooltipReferenceElement(firstNode);\n          }\n        }\n      }),\n    );\n\n    useEffect(\n      () => {\n        if (tooltipWrapperRef.current) {\n          setTooltipReferenceElement(tooltipWrapperRef.current?.children?.[0]);\n          mutationObserverRef.current.observe(tooltipWrapperRef.current, {\n            childList: true,\n            subtree: false, // only observe changes in the direct children of the wrapper, not deeper in the DOM\n          });\n        }\n\n        return () => closeTooltip();\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [],\n    );\n\n    // If disabled switches to true at runtime and a tooltip is shown, it should\n    // close immediately\n    useEffect(() => {\n      if (disabled) {\n        closeTooltip();\n      }\n    }, [closeTooltip, disabled]);\n\n    const isTooltipHovered = useRef(false);\n\n    const handleKeyDown = useCallback(\n      (e: KeyboardEvent) => e.code === 'Escape' && closeTooltip(),\n      [closeTooltip],\n    );\n\n    useEffect(() => {\n      document.addEventListener('keydown', handleKeyDown);\n\n      return () => {\n        document.removeEventListener('keydown', handleKeyDown);\n      };\n    }, [handleKeyDown]);\n\n    // Create a singleton container with live region attribute to read the contents\n    // of the tooltip when it pops up\n    const PoliteContainer = usePoliteContainer();\n\n    const { modality } = _useFocusContext();\n\n    return (\n      <>\n        <span\n          style={{\n            // Safari has currently an outstanding issue that results in content\n            // being inaccessible, when rendered within a display: contents.\n            display: 'contents',\n          }}\n          ref={tooltipWrapperRef}\n          onMouseEnter={() => !disabled && openTooltip()}\n          onMouseLeave={() =>\n            // we need to wrap this in a requestAnimationFrame to be able to first set the isTooltipHovered state correctly in case the TooltipElement (including the gap) is hovered\n            // if we don't, the tooltip is closed before the onMouseOver event of the TooltipElement is triggered (to set the right state), as the onMouseLeave of the tooltip trigger would be queued up afterwards\n            requestAnimationFrame(() => {\n              if (!disabled && !isTooltipHovered.current) {\n                closeTooltip();\n              }\n            })\n          }\n          onFocus={() =>\n            !disabled &&\n            modality !== 'pointer' &&\n            modality !== 'touch' &&\n            openTooltip(true)\n          }\n          onBlur={\n            () => !disabled && !isTooltipHovered.current && closeTooltip() // prevent closing when clicking on the gap\n          }\n          {...restProps}\n          {...behavioralTrackingProps}\n          data-dt-name=\"Trigger\"\n          data-dt-component={dataDtComponent}\n        >\n          {children}\n        </span>\n        <PoliteContainer>\n          {isOpen && (\n            <TooltipElement\n              ref={forwardedRef}\n              triggerElement={tooltipReferenceElement}\n              placement={placement}\n              fallbackPlacements={fallbackPlacements}\n              id={id}\n              data-testid={dataTestId}\n              data-dtrum-mask={dataDtrumMask}\n              data-dtrum-allow={dataDtrumAllow}\n              className={consumerClassName}\n              style={consumerStyle}\n              onMouseLeave={(event) =>\n                !disabled &&\n                // only close the tooltip if the mouse isn't over the trigger element\n                event.relatedTarget !== tooltipReferenceElement &&\n                closeTooltip()\n              }\n              onTooltipHovered={(isHovered: boolean) =>\n                (isTooltipHovered.current = isHovered)\n              }\n              {...behavioralTrackingProps}\n              data-dt-component={dataDtComponent}\n            >\n              {text}\n            </TooltipElement>\n          )}\n        </PoliteContainer>\n      </>\n    );\n  },\n);\n(Tooltip as typeof Tooltip & { displayName: string }).displayName =\n  COMPONENT_NAME;\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/overlays/tooltip/tooltip.css

@@ -1,54 +1,54 @@
-._hplwyr1-3-1-3 {
+._hplwyr1-3-2-0 {
   max-width: 240px;
   word-break: normal;
   overflow-wrap: anywhere;
   pointer-events: auto;
 }
-._hplwyr1-3-1-3[data-popper-placement^="top"]::after {
+._hplwyr1-3-2-0[data-popper-placement^="top"]::after {
   content: "";
   position: absolute;
   width: 100%;
-  height: var(--_hplwyr0-3-1-3);
+  height: var(--_hplwyr0-3-2-0);
   left: 0;
-  bottom: calc(var(--_hplwyr0-3-1-3) * -1);
+  bottom: calc(var(--_hplwyr0-3-2-0) * -1);
 }
-._hplwyr1-3-1-3[data-popper-placement^="bottom"]::after {
+._hplwyr1-3-2-0[data-popper-placement^="bottom"]::after {
   content: "";
   position: absolute;
   width: 100%;
-  height: var(--_hplwyr0-3-1-3);
+  height: var(--_hplwyr0-3-2-0);
   left: 0;
-  top: calc(var(--_hplwyr0-3-1-3) * -1);
+  top: calc(var(--_hplwyr0-3-2-0) * -1);
 }
-._hplwyr1-3-1-3[data-popper-placement^="left"]::after {
+._hplwyr1-3-2-0[data-popper-placement^="left"]::after {
   content: "";
   position: absolute;
   height: 100%;
-  width: var(--_hplwyr0-3-1-3);
+  width: var(--_hplwyr0-3-2-0);
   top: 0;
-  right: calc(var(--_hplwyr0-3-1-3) * -1);
+  right: calc(var(--_hplwyr0-3-2-0) * -1);
 }
-._hplwyr1-3-1-3[data-popper-placement^="right"]::after {
+._hplwyr1-3-2-0[data-popper-placement^="right"]::after {
   content: "";
   position: absolute;
   height: 100%;
-  width: var(--_hplwyr0-3-1-3);
+  width: var(--_hplwyr0-3-2-0);
   top: 0;
-  left: calc(var(--_hplwyr0-3-1-3) * -1);
+  left: calc(var(--_hplwyr0-3-2-0) * -1);
 }
-._hplwyr1-3-1-3[data-popper-placement^="top"] > div {
+._hplwyr1-3-2-0[data-popper-placement^="top"] > div {
   transform-origin: center bottom;
 }
-._hplwyr1-3-1-3[data-popper-placement^="bottom"] > div {
+._hplwyr1-3-2-0[data-popper-placement^="bottom"] > div {
   transform-origin: center top;
 }
-._hplwyr1-3-1-3[data-popper-placement^="left"] > div {
+._hplwyr1-3-2-0[data-popper-placement^="left"] > div {
   transform-origin: right center;
 }
-._hplwyr1-3-1-3[data-popper-placement^="right"] > div {
+._hplwyr1-3-2-0[data-popper-placement^="right"] > div {
   transform-origin: left center;
 }
-._hplwyr2-3-1-3 {
+._hplwyr2-3-2-0 {
   background: var(--dt-colors-background-surface-default, #fff);
   padding-top: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-6, 6px);

package/esm/overlays/tooltip/tooltip.sty.js

@@ -1,7 +1,7 @@
 import "./tooltip.css";
-var tooltipAnimationWrapperCSS = "_hplwyr2-3-1-3";
-var tooltipElementCSS = "_hplwyr1-3-1-3";
-var tooltipOffsetVar = "var(--_hplwyr0-3-1-3)";
+var tooltipAnimationWrapperCSS = "_hplwyr2-3-2-0";
+var tooltipElementCSS = "_hplwyr1-3-2-0";
+var tooltipOffsetVar = "var(--_hplwyr0-3-2-0)";
 export {
   tooltipAnimationWrapperCSS,
   tooltipElementCSS,

package/esm/overlays/tooltip/tooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/overlays/tooltip/tooltip.css.ts"],
-  "sourcesContent": ["import './tooltip.css';\nexport var tooltipAnimationWrapperCSS = '_hplwyr2-3-1-3';\nexport var tooltipElementCSS = '_hplwyr1-3-1-3';\nexport var tooltipOffsetVar = 'var(--_hplwyr0-3-1-3)';"],
+  "sourcesContent": ["import './tooltip.css';\nexport var tooltipAnimationWrapperCSS = '_hplwyr2-3-2-0';\nexport var tooltipElementCSS = '_hplwyr1-3-2-0';\nexport var tooltipOffsetVar = 'var(--_hplwyr0-3-2-0)';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,6BAA6B;AACjC,IAAI,oBAAoB;AACxB,IAAI,mBAAmB;",
   "names": []
 }

package/esm/styles/colorUtils.css

@@ -1,75 +1,75 @@
-._17bwkb04-3-1-3 {
-  --_17bwkb00-3-1-3: var(--dt-colors-text-critical-default, #bb0731);
-  --_17bwkb01-3-1-3: var(--dt-colors-icon-critical-default, #bb0731);
-  --_17bwkb02-3-1-3: var(--dt-colors-border-critical-default, #f6d6d5);
+._17bwkb04-3-2-0 {
+  --_17bwkb00-3-2-0: var(--dt-colors-text-critical-default, #bb0731);
+  --_17bwkb01-3-2-0: var(--dt-colors-icon-critical-default, #bb0731);
+  --_17bwkb02-3-2-0: var(--dt-colors-border-critical-default, #f6d6d5);
 }
-._17bwkb05-3-1-3 {
-  --_17bwkb00-3-1-3: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_17bwkb01-3-1-3: var(--dt-colors-icon-neutral-default, #2f2f4f);
-  --_17bwkb02-3-1-3: var(--dt-colors-border-neutral-default, #dadbe4);
+._17bwkb05-3-2-0 {
+  --_17bwkb00-3-2-0: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_17bwkb01-3-2-0: var(--dt-colors-icon-neutral-default, #2f2f4f);
+  --_17bwkb02-3-2-0: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._17bwkb06-3-1-3 {
-  --_17bwkb00-3-1-3: var(--dt-colors-text-primary-default, #464cce);
-  --_17bwkb01-3-1-3: var(--dt-colors-icon-primary-default, #464cce);
-  --_17bwkb02-3-1-3: var(--dt-colors-border-primary-default, #d5dbf6);
+._17bwkb06-3-2-0 {
+  --_17bwkb00-3-2-0: var(--dt-colors-text-primary-default, #464cce);
+  --_17bwkb01-3-2-0: var(--dt-colors-icon-primary-default, #464cce);
+  --_17bwkb02-3-2-0: var(--dt-colors-border-primary-default, #d5dbf6);
 }
-._17bwkb07-3-1-3 {
-  --_17bwkb00-3-1-3: var(--dt-colors-text-success-default, #2d6761);
-  --_17bwkb01-3-1-3: var(--dt-colors-icon-success-default, #2d6761);
-  --_17bwkb02-3-1-3: var(--dt-colors-border-success-default, #d3dedd);
+._17bwkb07-3-2-0 {
+  --_17bwkb00-3-2-0: var(--dt-colors-text-success-default, #2d6761);
+  --_17bwkb01-3-2-0: var(--dt-colors-icon-success-default, #2d6761);
+  --_17bwkb02-3-2-0: var(--dt-colors-border-success-default, #d3dedd);
 }
-._17bwkb08-3-1-3 {
-  --_17bwkb00-3-1-3: var(--dt-colors-text-warning-default, #855400);
-  --_17bwkb01-3-1-3: var(--dt-colors-icon-warning-default, #855400);
-  --_17bwkb02-3-1-3: var(--dt-colors-border-warning-default, #f9ebdb);
+._17bwkb08-3-2-0 {
+  --_17bwkb00-3-2-0: var(--dt-colors-text-warning-default, #855400);
+  --_17bwkb01-3-2-0: var(--dt-colors-icon-warning-default, #855400);
+  --_17bwkb02-3-2-0: var(--dt-colors-border-warning-default, #f9ebdb);
 }
-._17bwkb0d-3-1-3 {
-  --_17bwkb00-3-1-3: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
-  --_17bwkb01-3-1-3: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
-  --_17bwkb02-3-1-3: var(--dt-colors-border-primary-accent, #464cce);
+._17bwkb0d-3-2-0 {
+  --_17bwkb00-3-2-0: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
+  --_17bwkb01-3-2-0: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
+  --_17bwkb02-3-2-0: var(--dt-colors-border-primary-accent, #464cce);
 }
-._17bwkb0e-3-1-3 {
-  --_17bwkb00-3-1-3: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
-  --_17bwkb01-3-1-3: var(--dt-colors-icon-success-on-accent-default, #f1f4f4);
-  --_17bwkb02-3-1-3: var(--dt-colors-border-success-accent, #2d6761);
+._17bwkb0e-3-2-0 {
+  --_17bwkb00-3-2-0: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
+  --_17bwkb01-3-2-0: var(--dt-colors-icon-success-on-accent-default, #f1f4f4);
+  --_17bwkb02-3-2-0: var(--dt-colors-border-success-accent, #2d6761);
 }
-._17bwkb0f-3-1-3 {
-  --_17bwkb00-3-1-3: var(--dt-colors-text-warning-on-accent-default, #272024);
-  --_17bwkb01-3-1-3: var(--dt-colors-icon-warning-on-accent-default, #272024);
-  --_17bwkb02-3-1-3: var(--dt-colors-border-warning-accent, #855400);
+._17bwkb0f-3-2-0 {
+  --_17bwkb00-3-2-0: var(--dt-colors-text-warning-on-accent-default, #272024);
+  --_17bwkb01-3-2-0: var(--dt-colors-icon-warning-on-accent-default, #272024);
+  --_17bwkb02-3-2-0: var(--dt-colors-border-warning-accent, #855400);
 }
-._17bwkb0g-3-1-3 {
-  --_17bwkb00-3-1-3: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
-  --_17bwkb01-3-1-3: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
-  --_17bwkb02-3-1-3: var(--dt-colors-border-critical-accent, #bb0731);
+._17bwkb0g-3-2-0 {
+  --_17bwkb00-3-2-0: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
+  --_17bwkb01-3-2-0: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
+  --_17bwkb02-3-2-0: var(--dt-colors-border-critical-accent, #bb0731);
 }
-._17bwkb0h-3-1-3 {
-  --_17bwkb00-3-1-3: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
-  --_17bwkb01-3-1-3: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
-  --_17bwkb02-3-1-3: var(--dt-colors-border-neutral-accent, #595a7d);
+._17bwkb0h-3-2-0 {
+  --_17bwkb00-3-2-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
+  --_17bwkb01-3-2-0: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
+  --_17bwkb02-3-2-0: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._17bwkb0i-3-1-3 {
-  --_17bwkb00-3-1-3: var(--dt-colors-text-primary-disabled, #595a7d80);
-  --_17bwkb01-3-1-3: var(--dt-colors-icon-primary-disabled, #595a7d80);
-  --_17bwkb02-3-1-3: var(--dt-colors-border-primary-disabled, #dadbe480);
+._17bwkb0i-3-2-0 {
+  --_17bwkb00-3-2-0: var(--dt-colors-text-primary-disabled, #595a7d80);
+  --_17bwkb01-3-2-0: var(--dt-colors-icon-primary-disabled, #595a7d80);
+  --_17bwkb02-3-2-0: var(--dt-colors-border-primary-disabled, #dadbe480);
 }
-._17bwkb0j-3-1-3 {
-  --_17bwkb00-3-1-3: var(--dt-colors-text-success-disabled, #595a7d80);
-  --_17bwkb01-3-1-3: var(--dt-colors-icon-success-disabled, #595a7d80);
-  --_17bwkb02-3-1-3: var(--dt-colors-border-success-disabled, #dadbe480);
+._17bwkb0j-3-2-0 {
+  --_17bwkb00-3-2-0: var(--dt-colors-text-success-disabled, #595a7d80);
+  --_17bwkb01-3-2-0: var(--dt-colors-icon-success-disabled, #595a7d80);
+  --_17bwkb02-3-2-0: var(--dt-colors-border-success-disabled, #dadbe480);
 }
-._17bwkb0k-3-1-3 {
-  --_17bwkb00-3-1-3: var(--dt-colors-text-warning-disabled, #595a7d80);
-  --_17bwkb01-3-1-3: var(--dt-colors-icon-warning-disabled, #595a7d80);
-  --_17bwkb02-3-1-3: var(--dt-colors-border-warning-disabled, #dadbe480);
+._17bwkb0k-3-2-0 {
+  --_17bwkb00-3-2-0: var(--dt-colors-text-warning-disabled, #595a7d80);
+  --_17bwkb01-3-2-0: var(--dt-colors-icon-warning-disabled, #595a7d80);
+  --_17bwkb02-3-2-0: var(--dt-colors-border-warning-disabled, #dadbe480);
 }
-._17bwkb0l-3-1-3 {
-  --_17bwkb00-3-1-3: var(--dt-colors-text-critical-disabled, #595a7d80);
-  --_17bwkb01-3-1-3: var(--dt-colors-icon-critical-disabled, #595a7d80);
-  --_17bwkb02-3-1-3: var(--dt-colors-border-critical-disabled, #dadbe480);
+._17bwkb0l-3-2-0 {
+  --_17bwkb00-3-2-0: var(--dt-colors-text-critical-disabled, #595a7d80);
+  --_17bwkb01-3-2-0: var(--dt-colors-icon-critical-disabled, #595a7d80);
+  --_17bwkb02-3-2-0: var(--dt-colors-border-critical-disabled, #dadbe480);
 }
-._17bwkb0m-3-1-3 {
-  --_17bwkb00-3-1-3: var(--dt-colors-text-neutral-disabled, #595a7d80);
-  --_17bwkb01-3-1-3: var(--dt-colors-icon-neutral-disabled, #595a7d80);
-  --_17bwkb02-3-1-3: var(--dt-colors-border-neutral-disabled, #dadbe480);
+._17bwkb0m-3-2-0 {
+  --_17bwkb00-3-2-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
+  --_17bwkb01-3-2-0: var(--dt-colors-icon-neutral-disabled, #595a7d80);
+  --_17bwkb02-3-2-0: var(--dt-colors-border-neutral-disabled, #dadbe480);
 }

package/esm/styles/colorUtils.sty.js

@@ -1,7 +1,7 @@
 import "./colorUtils.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var colorUtils = _7a468({ defaultClassName: "_17bwkb03-3-1-3", variantClassNames: { color: { critical: "_17bwkb04-3-1-3", neutral: "_17bwkb05-3-1-3", primary: "_17bwkb06-3-1-3", success: "_17bwkb07-3-1-3", warning: "_17bwkb08-3-1-3" }, variant: { "default": "_17bwkb09-3-1-3", accent: "_17bwkb0a-3-1-3" }, disabled: { true: "_17bwkb0b-3-1-3", false: "_17bwkb0c-3-1-3" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_17bwkb0d-3-1-3"], [{ color: "success", variant: "accent" }, "_17bwkb0e-3-1-3"], [{ color: "warning", variant: "accent" }, "_17bwkb0f-3-1-3"], [{ color: "critical", variant: "accent" }, "_17bwkb0g-3-1-3"], [{ color: "neutral", variant: "accent" }, "_17bwkb0h-3-1-3"], [{ color: "primary", disabled: true }, "_17bwkb0i-3-1-3"], [{ color: "success", disabled: true }, "_17bwkb0j-3-1-3"], [{ color: "warning", disabled: true }, "_17bwkb0k-3-1-3"], [{ color: "critical", disabled: true }, "_17bwkb0l-3-1-3"], [{ color: "neutral", disabled: true }, "_17bwkb0m-3-1-3"]] });
-var colorUtilsVars = { text: "var(--_17bwkb00-3-1-3)", icon: "var(--_17bwkb01-3-1-3)", borderColor: "var(--_17bwkb02-3-1-3)" };
+var colorUtils = _7a468({ defaultClassName: "_17bwkb03-3-2-0", variantClassNames: { color: { critical: "_17bwkb04-3-2-0", neutral: "_17bwkb05-3-2-0", primary: "_17bwkb06-3-2-0", success: "_17bwkb07-3-2-0", warning: "_17bwkb08-3-2-0" }, variant: { "default": "_17bwkb09-3-2-0", accent: "_17bwkb0a-3-2-0" }, disabled: { true: "_17bwkb0b-3-2-0", false: "_17bwkb0c-3-2-0" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_17bwkb0d-3-2-0"], [{ color: "success", variant: "accent" }, "_17bwkb0e-3-2-0"], [{ color: "warning", variant: "accent" }, "_17bwkb0f-3-2-0"], [{ color: "critical", variant: "accent" }, "_17bwkb0g-3-2-0"], [{ color: "neutral", variant: "accent" }, "_17bwkb0h-3-2-0"], [{ color: "primary", disabled: true }, "_17bwkb0i-3-2-0"], [{ color: "success", disabled: true }, "_17bwkb0j-3-2-0"], [{ color: "warning", disabled: true }, "_17bwkb0k-3-2-0"], [{ color: "critical", disabled: true }, "_17bwkb0l-3-2-0"], [{ color: "neutral", disabled: true }, "_17bwkb0m-3-2-0"]] });
+var colorUtilsVars = { text: "var(--_17bwkb00-3-2-0)", icon: "var(--_17bwkb01-3-2-0)", borderColor: "var(--_17bwkb02-3-2-0)" };
 export {
   colorUtils,
   colorUtilsVars

package/esm/styles/colorUtils.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/styles/colorUtils.css.ts"],
-  "sourcesContent": ["import './colorUtils.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var colorUtils = _7a468({defaultClassName:'_17bwkb03-3-1-3',variantClassNames:{color:{critical:'_17bwkb04-3-1-3',neutral:'_17bwkb05-3-1-3',primary:'_17bwkb06-3-1-3',success:'_17bwkb07-3-1-3',warning:'_17bwkb08-3-1-3'},variant:{'default':'_17bwkb09-3-1-3',accent:'_17bwkb0a-3-1-3'},disabled:{true:'_17bwkb0b-3-1-3',false:'_17bwkb0c-3-1-3'}},defaultVariants:{},compoundVariants:[[{color:'primary',variant:'accent'},'_17bwkb0d-3-1-3'],[{color:'success',variant:'accent'},'_17bwkb0e-3-1-3'],[{color:'warning',variant:'accent'},'_17bwkb0f-3-1-3'],[{color:'critical',variant:'accent'},'_17bwkb0g-3-1-3'],[{color:'neutral',variant:'accent'},'_17bwkb0h-3-1-3'],[{color:'primary',disabled:true},'_17bwkb0i-3-1-3'],[{color:'success',disabled:true},'_17bwkb0j-3-1-3'],[{color:'warning',disabled:true},'_17bwkb0k-3-1-3'],[{color:'critical',disabled:true},'_17bwkb0l-3-1-3'],[{color:'neutral',disabled:true},'_17bwkb0m-3-1-3']]});\nexport var colorUtilsVars = {text:'var(--_17bwkb00-3-1-3)',icon:'var(--_17bwkb01-3-1-3)',borderColor:'var(--_17bwkb02-3-1-3)'};"],
+  "sourcesContent": ["import './colorUtils.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var colorUtils = _7a468({defaultClassName:'_17bwkb03-3-2-0',variantClassNames:{color:{critical:'_17bwkb04-3-2-0',neutral:'_17bwkb05-3-2-0',primary:'_17bwkb06-3-2-0',success:'_17bwkb07-3-2-0',warning:'_17bwkb08-3-2-0'},variant:{'default':'_17bwkb09-3-2-0',accent:'_17bwkb0a-3-2-0'},disabled:{true:'_17bwkb0b-3-2-0',false:'_17bwkb0c-3-2-0'}},defaultVariants:{},compoundVariants:[[{color:'primary',variant:'accent'},'_17bwkb0d-3-2-0'],[{color:'success',variant:'accent'},'_17bwkb0e-3-2-0'],[{color:'warning',variant:'accent'},'_17bwkb0f-3-2-0'],[{color:'critical',variant:'accent'},'_17bwkb0g-3-2-0'],[{color:'neutral',variant:'accent'},'_17bwkb0h-3-2-0'],[{color:'primary',disabled:true},'_17bwkb0i-3-2-0'],[{color:'success',disabled:true},'_17bwkb0j-3-2-0'],[{color:'warning',disabled:true},'_17bwkb0k-3-2-0'],[{color:'critical',disabled:true},'_17bwkb0l-3-2-0'],[{color:'neutral',disabled:true},'_17bwkb0m-3-2-0']]});\nexport var colorUtilsVars = {text:'var(--_17bwkb00-3-2-0)',icon:'var(--_17bwkb01-3-2-0)',borderColor:'var(--_17bwkb02-3-2-0)'};"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,aAAa,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,OAAM,EAAC,UAAS,mBAAkB,SAAQ,mBAAkB,SAAQ,mBAAkB,SAAQ,mBAAkB,SAAQ,kBAAiB,GAAE,SAAQ,EAAC,WAAU,mBAAkB,QAAO,kBAAiB,GAAE,UAAS,EAAC,MAAK,mBAAkB,OAAM,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,YAAW,SAAQ,SAAQ,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,YAAW,UAAS,KAAI,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,iBAAiB,CAAC,EAAC,CAAC;AACn5B,IAAI,iBAAiB,EAAC,MAAK,0BAAyB,MAAK,0BAAyB,aAAY,yBAAwB;",
   "names": []
 }

package/esm/styles/container.css

@@ -1,64 +1,64 @@
-._6levse4-3-1-3 {
-  --_6levse0-3-1-3: var(--dt-colors-text-critical-default, #bb0731);
-  --_6levse1-3-1-3: var(--dt-colors-background-container-critical-default, #f9f1f2);
-  --_6levse2-3-1-3: var(--dt-colors-border-critical-default, #f6d6d5);
+._6levse4-3-2-0 {
+  --_6levse0-3-2-0: var(--dt-colors-text-critical-default, #bb0731);
+  --_6levse1-3-2-0: var(--dt-colors-background-container-critical-default, #f9f1f2);
+  --_6levse2-3-2-0: var(--dt-colors-border-critical-default, #f6d6d5);
 }
-._6levse5-3-1-3 {
-  --_6levse0-3-1-3: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_6levse1-3-1-3: var(--dt-colors-background-container-neutral-default, #f2f2f5);
-  --_6levse2-3-1-3: var(--dt-colors-border-neutral-default, #dadbe4);
+._6levse5-3-2-0 {
+  --_6levse0-3-2-0: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_6levse1-3-2-0: var(--dt-colors-background-container-neutral-default, #f2f2f5);
+  --_6levse2-3-2-0: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._6levse6-3-1-3 {
-  --_6levse0-3-1-3: var(--dt-colors-text-primary-default, #464cce);
-  --_6levse1-3-1-3: var(--dt-colors-background-container-primary-default, #f1f2f9);
-  --_6levse2-3-1-3: var(--dt-colors-border-primary-default, #d5dbf6);
+._6levse6-3-2-0 {
+  --_6levse0-3-2-0: var(--dt-colors-text-primary-default, #464cce);
+  --_6levse1-3-2-0: var(--dt-colors-background-container-primary-default, #f1f2f9);
+  --_6levse2-3-2-0: var(--dt-colors-border-primary-default, #d5dbf6);
 }
-._6levse7-3-1-3 {
-  --_6levse0-3-1-3: var(--dt-colors-text-success-default, #2d6761);
-  --_6levse1-3-1-3: var(--dt-colors-background-container-success-default, #f1f3f3);
-  --_6levse2-3-1-3: var(--dt-colors-border-success-default, #d3dedd);
+._6levse7-3-2-0 {
+  --_6levse0-3-2-0: var(--dt-colors-text-success-default, #2d6761);
+  --_6levse1-3-2-0: var(--dt-colors-background-container-success-default, #f1f3f3);
+  --_6levse2-3-2-0: var(--dt-colors-border-success-default, #d3dedd);
 }
-._6levse8-3-1-3 {
-  --_6levse0-3-1-3: var(--dt-colors-text-warning-default, #855400);
-  --_6levse1-3-1-3: var(--dt-colors-background-container-warning-default, #f9f6f3);
-  --_6levse2-3-1-3: var(--dt-colors-border-warning-default, #f9ebdb);
+._6levse8-3-2-0 {
+  --_6levse0-3-2-0: var(--dt-colors-text-warning-default, #855400);
+  --_6levse1-3-2-0: var(--dt-colors-background-container-warning-default, #f9f6f3);
+  --_6levse2-3-2-0: var(--dt-colors-border-warning-default, #f9ebdb);
 }
-._6levse9-3-1-3 {
-  --_6levse1-3-1-3: transparent;
+._6levse9-3-2-0 {
+  --_6levse1-3-2-0: transparent;
   background-color: unset;
 }
-._6levsed-3-1-3 {
-  --_6levse0-3-1-3: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
-  --_6levse1-3-1-3: var(--dt-colors-background-container-primary-accent, #474fcf);
+._6levsed-3-2-0 {
+  --_6levse0-3-2-0: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
+  --_6levse1-3-2-0: var(--dt-colors-background-container-primary-accent, #474fcf);
 }
-._6levsee-3-1-3 {
-  --_6levse0-3-1-3: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
-  --_6levse1-3-1-3: var(--dt-colors-background-container-success-accent, #2f6862);
+._6levsee-3-2-0 {
+  --_6levse0-3-2-0: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
+  --_6levse1-3-2-0: var(--dt-colors-background-container-success-accent, #2f6862);
 }
-._6levsef-3-1-3 {
-  --_6levse0-3-1-3: var(--dt-colors-text-warning-on-accent-default, #272024);
-  --_6levse1-3-1-3: var(--dt-colors-background-container-warning-accent, #eea53c);
+._6levsef-3-2-0 {
+  --_6levse0-3-2-0: var(--dt-colors-text-warning-on-accent-default, #272024);
+  --_6levse1-3-2-0: var(--dt-colors-background-container-warning-accent, #eea53c);
 }
-._6levseg-3-1-3 {
-  --_6levse0-3-1-3: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
-  --_6levse1-3-1-3: var(--dt-colors-background-container-critical-accent, #c62239);
+._6levseg-3-2-0 {
+  --_6levse0-3-2-0: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
+  --_6levse1-3-2-0: var(--dt-colors-background-container-critical-accent, #c62239);
 }
-._6levseh-3-1-3 {
-  --_6levse0-3-1-3: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
-  --_6levse1-3-1-3: var(--dt-colors-background-container-neutral-accent, #5b5c81);
+._6levseh-3-2-0 {
+  --_6levse0-3-2-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
+  --_6levse1-3-2-0: var(--dt-colors-background-container-neutral-accent, #5b5c81);
 }
-._6levsei-3-1-3 {
-  --_6levse1-3-1-3: var(--dt-colors-background-container-primary-emphasized, #e9ecf8);
+._6levsei-3-2-0 {
+  --_6levse1-3-2-0: var(--dt-colors-background-container-primary-emphasized, #e9ecf8);
 }
-._6levsej-3-1-3 {
-  --_6levse1-3-1-3: var(--dt-colors-background-container-success-emphasized, #e8eded);
+._6levsej-3-2-0 {
+  --_6levse1-3-2-0: var(--dt-colors-background-container-success-emphasized, #e8eded);
 }
-._6levsek-3-1-3 {
-  --_6levse1-3-1-3: var(--dt-colors-background-container-warning-emphasized, #f9f3ec);
+._6levsek-3-2-0 {
+  --_6levse1-3-2-0: var(--dt-colors-background-container-warning-emphasized, #f9f3ec);
 }
-._6levsel-3-1-3 {
-  --_6levse1-3-1-3: var(--dt-colors-background-container-critical-emphasized, #f8e9e9);
+._6levsel-3-2-0 {
+  --_6levse1-3-2-0: var(--dt-colors-background-container-critical-emphasized, #f8e9e9);
 }
-._6levsem-3-1-3 {
-  --_6levse1-3-1-3: var(--dt-colors-background-container-neutral-emphasized, #ebecf0);
+._6levsem-3-2-0 {
+  --_6levse1-3-2-0: var(--dt-colors-background-container-neutral-emphasized, #ebecf0);
 }

package/esm/styles/container.sty.js

@@ -1,7 +1,7 @@
 import "./container.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var containerColorVars = { text: "var(--_6levse0-3-1-3)", background: "var(--_6levse1-3-1-3)", borderColor: "var(--_6levse2-3-1-3)" };
-var containerColorsCSS = _7a468({ defaultClassName: "_6levse3-3-1-3", variantClassNames: { color: { critical: "_6levse4-3-1-3", neutral: "_6levse5-3-1-3", primary: "_6levse6-3-1-3", success: "_6levse7-3-1-3", warning: "_6levse8-3-1-3" }, variant: { minimal: "_6levse9-3-1-3", "default": "_6levsea-3-1-3", emphasized: "_6levseb-3-1-3", accent: "_6levsec-3-1-3" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_6levsed-3-1-3"], [{ color: "success", variant: "accent" }, "_6levsee-3-1-3"], [{ color: "warning", variant: "accent" }, "_6levsef-3-1-3"], [{ color: "critical", variant: "accent" }, "_6levseg-3-1-3"], [{ color: "neutral", variant: "accent" }, "_6levseh-3-1-3"], [{ color: "primary", variant: "emphasized" }, "_6levsei-3-1-3"], [{ color: "success", variant: "emphasized" }, "_6levsej-3-1-3"], [{ color: "warning", variant: "emphasized" }, "_6levsek-3-1-3"], [{ color: "critical", variant: "emphasized" }, "_6levsel-3-1-3"], [{ color: "neutral", variant: "emphasized" }, "_6levsem-3-1-3"]] });
+var containerColorVars = { text: "var(--_6levse0-3-2-0)", background: "var(--_6levse1-3-2-0)", borderColor: "var(--_6levse2-3-2-0)" };
+var containerColorsCSS = _7a468({ defaultClassName: "_6levse3-3-2-0", variantClassNames: { color: { critical: "_6levse4-3-2-0", neutral: "_6levse5-3-2-0", primary: "_6levse6-3-2-0", success: "_6levse7-3-2-0", warning: "_6levse8-3-2-0" }, variant: { minimal: "_6levse9-3-2-0", "default": "_6levsea-3-2-0", emphasized: "_6levseb-3-2-0", accent: "_6levsec-3-2-0" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_6levsed-3-2-0"], [{ color: "success", variant: "accent" }, "_6levsee-3-2-0"], [{ color: "warning", variant: "accent" }, "_6levsef-3-2-0"], [{ color: "critical", variant: "accent" }, "_6levseg-3-2-0"], [{ color: "neutral", variant: "accent" }, "_6levseh-3-2-0"], [{ color: "primary", variant: "emphasized" }, "_6levsei-3-2-0"], [{ color: "success", variant: "emphasized" }, "_6levsej-3-2-0"], [{ color: "warning", variant: "emphasized" }, "_6levsek-3-2-0"], [{ color: "critical", variant: "emphasized" }, "_6levsel-3-2-0"], [{ color: "neutral", variant: "emphasized" }, "_6levsem-3-2-0"]] });
 export {
   containerColorVars,
   containerColorsCSS

package/esm/styles/container.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/styles/container.css.ts"],
-  "sourcesContent": ["import './container.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var containerColorVars = {text:'var(--_6levse0-3-1-3)',background:'var(--_6levse1-3-1-3)',borderColor:'var(--_6levse2-3-1-3)'};\nexport var containerColorsCSS = _7a468({defaultClassName:'_6levse3-3-1-3',variantClassNames:{color:{critical:'_6levse4-3-1-3',neutral:'_6levse5-3-1-3',primary:'_6levse6-3-1-3',success:'_6levse7-3-1-3',warning:'_6levse8-3-1-3'},variant:{minimal:'_6levse9-3-1-3','default':'_6levsea-3-1-3',emphasized:'_6levseb-3-1-3',accent:'_6levsec-3-1-3'}},defaultVariants:{},compoundVariants:[[{color:'primary',variant:'accent'},'_6levsed-3-1-3'],[{color:'success',variant:'accent'},'_6levsee-3-1-3'],[{color:'warning',variant:'accent'},'_6levsef-3-1-3'],[{color:'critical',variant:'accent'},'_6levseg-3-1-3'],[{color:'neutral',variant:'accent'},'_6levseh-3-1-3'],[{color:'primary',variant:'emphasized'},'_6levsei-3-1-3'],[{color:'success',variant:'emphasized'},'_6levsej-3-1-3'],[{color:'warning',variant:'emphasized'},'_6levsek-3-1-3'],[{color:'critical',variant:'emphasized'},'_6levsel-3-1-3'],[{color:'neutral',variant:'emphasized'},'_6levsem-3-1-3']]});"],
+  "sourcesContent": ["import './container.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var containerColorVars = {text:'var(--_6levse0-3-2-0)',background:'var(--_6levse1-3-2-0)',borderColor:'var(--_6levse2-3-2-0)'};\nexport var containerColorsCSS = _7a468({defaultClassName:'_6levse3-3-2-0',variantClassNames:{color:{critical:'_6levse4-3-2-0',neutral:'_6levse5-3-2-0',primary:'_6levse6-3-2-0',success:'_6levse7-3-2-0',warning:'_6levse8-3-2-0'},variant:{minimal:'_6levse9-3-2-0','default':'_6levsea-3-2-0',emphasized:'_6levseb-3-2-0',accent:'_6levsec-3-2-0'}},defaultVariants:{},compoundVariants:[[{color:'primary',variant:'accent'},'_6levsed-3-2-0'],[{color:'success',variant:'accent'},'_6levsee-3-2-0'],[{color:'warning',variant:'accent'},'_6levsef-3-2-0'],[{color:'critical',variant:'accent'},'_6levseg-3-2-0'],[{color:'neutral',variant:'accent'},'_6levseh-3-2-0'],[{color:'primary',variant:'emphasized'},'_6levsei-3-2-0'],[{color:'success',variant:'emphasized'},'_6levsej-3-2-0'],[{color:'warning',variant:'emphasized'},'_6levsek-3-2-0'],[{color:'critical',variant:'emphasized'},'_6levsel-3-2-0'],[{color:'neutral',variant:'emphasized'},'_6levsem-3-2-0']]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,qBAAqB,EAAC,MAAK,yBAAwB,YAAW,yBAAwB,aAAY,wBAAuB;AAC7H,IAAI,qBAAqB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,OAAM,EAAC,UAAS,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,iBAAgB,GAAE,SAAQ,EAAC,SAAQ,kBAAiB,WAAU,kBAAiB,YAAW,kBAAiB,QAAO,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,YAAW,SAAQ,SAAQ,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,aAAY,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,aAAY,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,aAAY,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,YAAW,SAAQ,aAAY,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,aAAY,GAAE,gBAAgB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/styles/ellipsis.css

@@ -1,4 +1,4 @@
-._oqqp1n0-3-1-3 {
+._oqqp1n0-3-2-0 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

package/esm/styles/ellipsis.sty.js

@@ -1,5 +1,5 @@
 import "./ellipsis.css";
-var ellipsis = "_oqqp1n0-3-1-3";
+var ellipsis = "_oqqp1n0-3-2-0";
 export {
   ellipsis
 };

package/esm/styles/ellipsis.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/styles/ellipsis.css.ts"],
-  "sourcesContent": ["import './ellipsis.css';\nexport var ellipsis = '_oqqp1n0-3-1-3';"],
+  "sourcesContent": ["import './ellipsis.css';\nexport var ellipsis = '_oqqp1n0-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;",
   "names": []
 }