@coinbase/cds-web 8.13.1 → 8.13.2

package/dts/visualizations/ProgressCircle.d.ts

@@ -2,164 +2,170 @@ import React from 'react';
 import type { ThemeVars } from '@coinbase/cds-common';
 import type { ProgressBaseProps } from './ProgressBar';
 export type ProgressCircleBaseProps = ProgressBaseProps & {
-    /**
-     * Toggle used to hide the content node rendered inside the circle.
-     */
-    hideContent?: boolean;
-    /**
-     * @deprecated Use hideContent instead
-     * Toggle used to hide the text rendered inside the circle.
-     */
-    hideText?: boolean;
-    /**
-     * Optional size in px for the visualization.
-     * This is useful if the visualization is used in an HStack.
-     * If this is omitted the visualization will fill the parent width or height.
-     * Since it's a circular visualization it will fill the smaller of the parent width or height
-     */
-    size?: number;
-    /**
-     * Optional component to override the default content rendered inside the circle.
-     */
-    contentNode?: React.ReactNode;
+  /**
+   * Toggle used to hide the content node rendered inside the circle.
+   */
+  hideContent?: boolean;
+  /**
+   * @deprecated Use hideContent instead
+   * Toggle used to hide the text rendered inside the circle.
+   */
+  hideText?: boolean;
+  /**
+   * Optional size in px for the visualization.
+   * This is useful if the visualization is used in an HStack.
+   * If this is omitted the visualization will fill the parent width or height.
+   * Since it's a circular visualization it will fill the smaller of the parent width or height
+   */
+  size?: number;
+  /**
+   * Optional component to override the default content rendered inside the circle.
+   */
+  contentNode?: React.ReactNode;
 };
 export type ProgressCircleProps = ProgressCircleBaseProps & {
+  /**
+   * Custom styles for the progress circle root.
+   */
+  style?: React.CSSProperties;
+  /**
+   * Custom class name for the progress circle root.
+   */
+  className?: string;
+  /**
+   * Custom styles for the progress circle.
+   */
+  styles?: {
     /**
      * Custom styles for the progress circle root.
      */
-    style?: React.CSSProperties;
-    /**
-     * Custom class name for the progress circle root.
-     */
-    className?: string;
-    /**
-     * Custom styles for the progress circle.
-     */
-    styles?: {
-        /**
-         * Custom styles for the progress circle root.
-         */
-        root?: React.CSSProperties;
-        /**
-         * Custom styles for the progress circle svg.
-         */
-        svg?: React.CSSProperties;
-        /**
-         * Custom styles for the background circle.
-         */
-        circle?: React.CSSProperties;
-        /**
-         * Custom styles for the foreground circle.
-         */
-        progress?: React.CSSProperties;
-    };
-    /**
-     * Custom class names for the progress circle.
-     */
-    classNames?: {
-        /**
-         * Class name for the progress circle root.
-         */
-        root?: string;
-        /**
-         * Class name for the progress circle svg.
-         */
-        svg?: string;
-        /**
-         * Class name for the progress circle background circle.
-         */
-        circle?: string;
-        /**
-         * Class name for the progress circle foreground circle.
-         */
-        progress?: string;
-    };
-};
-export type ProgressCircleContentProps = Pick<ProgressCircleBaseProps, 'progress' | 'disabled'> & {
-    /**
-     * Custom text color.
-     * @default fgMuted
-     */
-    color?: ThemeVars.Color;
-};
-export declare const ProgressCircle: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("@coinbase/cds-common").SharedProps & Pick<import("../motion/types").HintMotionBaseProps, "disableAnimateOnMount"> & Pick<import("@coinbase/cds-common").SharedAccessibilityProps, "accessibilityLabel"> & {
-    progress: number;
-    weight?: import("@coinbase/cds-common").Weight;
-    disabled?: boolean;
-    color?: ThemeVars.Color;
-    onAnimationEnd?: () => void;
-    onAnimationStart?: () => void;
-} & {
+    root?: React.CSSProperties;
     /**
-     * Toggle used to hide the content node rendered inside the circle.
+     * Custom styles for the progress circle svg.
      */
-    hideContent?: boolean;
+    svg?: React.CSSProperties;
     /**
-     * @deprecated Use hideContent instead
-     * Toggle used to hide the text rendered inside the circle.
+     * Custom styles for the background circle.
      */
-    hideText?: boolean;
+    circle?: React.CSSProperties;
     /**
-     * Optional size in px for the visualization.
-     * This is useful if the visualization is used in an HStack.
-     * If this is omitted the visualization will fill the parent width or height.
-     * Since it's a circular visualization it will fill the smaller of the parent width or height
+     * Custom styles for the foreground circle.
      */
-    size?: number;
+    progress?: React.CSSProperties;
+  };
+  /**
+   * Custom class names for the progress circle.
+   */
+  classNames?: {
     /**
-     * Optional component to override the default content rendered inside the circle.
+     * Class name for the progress circle root.
      */
-    contentNode?: React.ReactNode;
-} & {
+    root?: string;
     /**
-     * Custom styles for the progress circle root.
+     * Class name for the progress circle svg.
      */
-    style?: React.CSSProperties;
+    svg?: string;
     /**
-     * Custom class name for the progress circle root.
+     * Class name for the progress circle background circle.
      */
-    className?: string;
+    circle?: string;
     /**
-     * Custom styles for the progress circle.
+     * Class name for the progress circle foreground circle.
      */
-    styles?: {
-        /**
-         * Custom styles for the progress circle root.
-         */
-        root?: React.CSSProperties;
-        /**
-         * Custom styles for the progress circle svg.
-         */
-        svg?: React.CSSProperties;
-        /**
-         * Custom styles for the background circle.
-         */
-        circle?: React.CSSProperties;
+    progress?: string;
+  };
+};
+export type ProgressCircleContentProps = Pick<ProgressCircleBaseProps, 'progress' | 'disabled'> & {
+  /**
+   * Custom text color.
+   * @default fgMuted
+   */
+  color?: ThemeVars.Color;
+};
+export declare const ProgressCircle: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    import('@coinbase/cds-common').SharedProps &
+      Pick<import('../motion/types').HintMotionBaseProps, 'disableAnimateOnMount'> &
+      Pick<import('@coinbase/cds-common').SharedAccessibilityProps, 'accessibilityLabel'> & {
+        progress: number;
+        weight?: import('@coinbase/cds-common').Weight;
+        disabled?: boolean;
+        color?: ThemeVars.Color;
+        onAnimationEnd?: () => void;
+        onAnimationStart?: () => void;
+      } & {
         /**
-         * Custom styles for the foreground circle.
+         * Toggle used to hide the content node rendered inside the circle.
          */
-        progress?: React.CSSProperties;
-    };
-    /**
-     * Custom class names for the progress circle.
-     */
-    classNames?: {
+        hideContent?: boolean;
         /**
-         * Class name for the progress circle root.
+         * @deprecated Use hideContent instead
+         * Toggle used to hide the text rendered inside the circle.
          */
-        root?: string;
+        hideText?: boolean;
         /**
-         * Class name for the progress circle svg.
+         * Optional size in px for the visualization.
+         * This is useful if the visualization is used in an HStack.
+         * If this is omitted the visualization will fill the parent width or height.
+         * Since it's a circular visualization it will fill the smaller of the parent width or height
          */
-        svg?: string;
+        size?: number;
         /**
-         * Class name for the progress circle background circle.
+         * Optional component to override the default content rendered inside the circle.
          */
-        circle?: string;
+        contentNode?: React.ReactNode;
+      } & {
         /**
-         * Class name for the progress circle foreground circle.
+         * Custom styles for the progress circle root.
          */
-        progress?: string;
-    };
-} & React.RefAttributes<HTMLDivElement>>>;
-//# sourceMappingURL=ProgressCircle.d.ts.map
+        style?: React.CSSProperties;
+        /**
+         * Custom class name for the progress circle root.
+         */
+        className?: string;
+        /**
+         * Custom styles for the progress circle.
+         */
+        styles?: {
+          /**
+           * Custom styles for the progress circle root.
+           */
+          root?: React.CSSProperties;
+          /**
+           * Custom styles for the progress circle svg.
+           */
+          svg?: React.CSSProperties;
+          /**
+           * Custom styles for the background circle.
+           */
+          circle?: React.CSSProperties;
+          /**
+           * Custom styles for the foreground circle.
+           */
+          progress?: React.CSSProperties;
+        };
+        /**
+         * Custom class names for the progress circle.
+         */
+        classNames?: {
+          /**
+           * Class name for the progress circle root.
+           */
+          root?: string;
+          /**
+           * Class name for the progress circle svg.
+           */
+          svg?: string;
+          /**
+           * Class name for the progress circle background circle.
+           */
+          circle?: string;
+          /**
+           * Class name for the progress circle foreground circle.
+           */
+          progress?: string;
+        };
+      } & React.RefAttributes<HTMLDivElement>
+  >
+>;
+//# sourceMappingURL=ProgressCircle.d.ts.map

package/dts/visualizations/ProgressContainerWithButtons.d.ts

@@ -1,3 +1,6 @@
 import type { ProgressContainerWithButtonsProps } from '@coinbase/cds-common/types/ProgressContainerWithButtonsProps';
-export declare const ProgressContainerWithButtons: ({ children, hideIncrease, }: ProgressContainerWithButtonsProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ProgressContainerWithButtons.d.ts.map
+export declare const ProgressContainerWithButtons: ({
+  children,
+  hideIncrease,
+}: ProgressContainerWithButtonsProps) => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=ProgressContainerWithButtons.d.ts.map

package/dts/visualizations/ProgressTextLabel.d.ts

@@ -2,17 +2,26 @@ import React from 'react';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import type { ProgressBaseProps } from './ProgressBar';
 export type ProgressTextLabelProps = Pick<ProgressBaseProps, 'disabled'> & {
-    value: number;
-    renderLabel?: (num: number, disabled?: boolean) => React.ReactNode;
-    color?: ThemeVars.Color;
-    /**
-     * Custom style for the text label.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Custom class name for the text label.
-     */
-    className?: string;
+  value: number;
+  renderLabel?: (num: number, disabled?: boolean) => React.ReactNode;
+  color?: ThemeVars.Color;
+  /**
+   * Custom style for the text label.
+   */
+  style?: React.CSSProperties;
+  /**
+   * Custom class name for the text label.
+   */
+  className?: string;
 };
-export declare const ProgressTextLabel: React.MemoExoticComponent<({ value, renderLabel, disabled, color, style, className }: ProgressTextLabelProps) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=ProgressTextLabel.d.ts.map
+export declare const ProgressTextLabel: React.MemoExoticComponent<
+  ({
+    value,
+    renderLabel,
+    disabled,
+    color,
+    style,
+    className,
+  }: ProgressTextLabelProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=ProgressTextLabel.d.ts.map

package/dts/visualizations/VisualizationContainer.d.ts

@@ -1,16 +1,16 @@
 import React from 'react';
 import type { DimensionValue } from '@coinbase/cds-common/types';
 export type VisualizationContainerDimension = {
-    width: number;
-    height: number;
-    circleSize: number;
+  width: number;
+  height: number;
+  circleSize: number;
 };
 export type VisualizationContainerBaseProps = {
-    width: DimensionValue;
-    height: DimensionValue;
-    minHeight?: DimensionValue;
-    children: (dimensions: VisualizationContainerDimension) => React.ReactNode;
+  width: DimensionValue;
+  height: DimensionValue;
+  minHeight?: DimensionValue;
+  children: (dimensions: VisualizationContainerDimension) => React.ReactNode;
 };
 export type VisualizationContainerProps = VisualizationContainerBaseProps;
 export declare const VisualizationContainer: React.FC<VisualizationContainerProps>;
-//# sourceMappingURL=VisualizationContainer.d.ts.map
+//# sourceMappingURL=VisualizationContainer.d.ts.map

package/dts/visualizations/__figma__/ProgressBar.figma.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=ProgressBar.figma.d.ts.map
+//# sourceMappingURL=ProgressBar.figma.d.ts.map

package/dts/visualizations/__figma__/ProgressCircle.figma.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=ProgressCircle.figma.d.ts.map
+//# sourceMappingURL=ProgressCircle.figma.d.ts.map

package/dts/visualizations/getProgressBarLabelParts.d.ts

@@ -1,12 +1,16 @@
-export type ProgressBarLabel = number | {
-    value: number;
-    render: (num: number, disabled?: boolean) => React.ReactNode;
-};
-export declare const getProgressBarLabelParts: (label: ProgressBarLabel) => {
-    value: number;
-    render?: undefined;
-} | {
-    value: number;
-    render: (num: number, disabled?: boolean) => React.ReactNode;
-};
-//# sourceMappingURL=getProgressBarLabelParts.d.ts.map
+export type ProgressBarLabel =
+  | number
+  | {
+      value: number;
+      render: (num: number, disabled?: boolean) => React.ReactNode;
+    };
+export declare const getProgressBarLabelParts: (label: ProgressBarLabel) =>
+  | {
+      value: number;
+      render?: undefined;
+    }
+  | {
+      value: number;
+      render: (num: number, disabled?: boolean) => React.ReactNode;
+    };
+//# sourceMappingURL=getProgressBarLabelParts.d.ts.map

package/dts/visualizations/index.d.ts

@@ -5,4 +5,4 @@ export * from './ProgressBarWithFixedLabels';
 export * from './ProgressBarWithFloatLabel';
 export * from './ProgressCircle';
 export * from './ProgressContainerWithButtons';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/esm/AccessibilityAnnouncer/AccessibilityAnnouncer.css

@@ -1 +1 @@
-.baseCss-b17wta2u{border:0;-webkit-clip:rect(0px,0px,0px,0px);clip:rect(0px,0px,0px,0px);-webkit-clip-path:polygon(0px 0px,0px 0px,0px 0px,0px 0px);clip-path:polygon(0px 0px,0px 0px,0px 0px,0px 0px);display:block;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:visible;white-space:nowrap;width:1px;}
+@layer cds{.baseCss-b17wta2u{border:0;-webkit-clip:rect(0px,0px,0px,0px);clip:rect(0px,0px,0px,0px);-webkit-clip-path:polygon(0px 0px,0px 0px,0px 0px,0px 0px);clip-path:polygon(0px 0px,0px 0px,0px 0px,0px 0px);display:block;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:visible;white-space:nowrap;width:1px;}}

package/esm/accordion/AccordionHeader.css

@@ -1,3 +1,3 @@
-.baseCss-bt1rln1{margin:0;}
+@layer cds{.baseCss-bt1rln1{margin:0;}
 .subtitleCss-sve89pn{overflow:auto;text-overflow:unset;white-space:normal;}
-.titleCss-t166a7nm{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
+.titleCss-t166a7nm{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}}

package/esm/animation/Lottie.css

@@ -1 +1 @@
-.lottieCss-lgkhslj .palette_fg_stroke{stroke:var(--color-fg);}.lottieCss-lgkhslj .palette_fg_fill{fill:var(--color-fg);}.lottieCss-lgkhslj .palette_fgMuted_stroke{stroke:var(--color-fgMuted);}.lottieCss-lgkhslj .palette_fgMuted_fill{fill:var(--color-fgMuted);}.lottieCss-lgkhslj .palette_bg_stroke{stroke:var(--color-bg);}.lottieCss-lgkhslj .palette_bg_fill{fill:var(--color-bg);}.lottieCss-lgkhslj .palette_bgAlternate_stroke{stroke:var(--color-bgAlternate);}.lottieCss-lgkhslj .palette_bgAlternate_fill{fill:var(--color-bgAlternate);}.lottieCss-lgkhslj .palette_bgInverse_stroke{stroke:var(--color-bgInverse);}.lottieCss-lgkhslj .palette_bgInverse_fill{fill:var(--color-bgInverse);}.lottieCss-lgkhslj .palette_bgOverlay_stroke{stroke:var(--color-bgOverlay);}.lottieCss-lgkhslj .palette_bgOverlay_fill{fill:var(--color-bgOverlay);}.lottieCss-lgkhslj .palette_bgLine_stroke{stroke:var(--color-bgLineHeavy);}.lottieCss-lgkhslj .palette_bgLine_fill{fill:var(--color-bgLineHeavy);}.lottieCss-lgkhslj .palette_bgLineHeavy_stroke{stroke:var(--color-bgLineHeavy);}.lottieCss-lgkhslj .palette_bgLineHeavy_fill{fill:var(--color-bgLineHeavy);}.lottieCss-lgkhslj .palette_bgPrimary_stroke{stroke:var(--color-bgPrimary);}.lottieCss-lgkhslj .palette_bgPrimary_fill{fill:var(--color-bgPrimary);}.lottieCss-lgkhslj .palette_bgPrimaryWash_stroke{stroke:var(--color-bgPrimaryWash);}.lottieCss-lgkhslj .palette_bgPrimaryWash_fill{fill:var(--color-bgPrimaryWash);}.lottieCss-lgkhslj .palette_fgInverse_stroke{stroke:var(--color-fgInverse);}.lottieCss-lgkhslj .palette_fgInverse_fill{fill:var(--color-fgInverse);}.lottieCss-lgkhslj .palette_bgNegative_stroke{stroke:var(--color-bgNegative);}.lottieCss-lgkhslj .palette_bgNegative_fill{fill:var(--color-bgNegative);}.lottieCss-lgkhslj .palette_bgNegativeWash_stroke{stroke:var(--color-bgNegativeWash);}.lottieCss-lgkhslj .palette_bgNegativeWash_fill{fill:var(--color-bgNegativeWash);}.lottieCss-lgkhslj .palette_bgPositive_stroke{stroke:var(--color-bgPositive);}.lottieCss-lgkhslj .palette_bgPositive_fill{fill:var(--color-bgPositive);}.lottieCss-lgkhslj .palette_bgSecondary_stroke{stroke:var(--color-bgSecondary);}.lottieCss-lgkhslj .palette_bgSecondary_fill{fill:var(--color-bgSecondary);}.lottieCss-lgkhslj .palette_transparent_stroke{stroke:var(--color-transparent);}.lottieCss-lgkhslj .palette_transparent_fill{fill:var(--color-transparent);}.lottieCss-lgkhslj .palette_bgWarning_stroke{stroke:var(--color-bgWarning);}.lottieCss-lgkhslj .palette_bgWarning_fill{fill:var(--color-bgWarning);}.lottieCss-lgkhslj .palette_bgWarningWash_stroke{stroke:var(--color-bgWarningWash);}.lottieCss-lgkhslj .palette_bgWarningWash_fill{fill:var(--color-bgWarningWash);}
+@layer cds{.lottieCss-lgkhslj .palette_fg_stroke{stroke:var(--color-fg);}.lottieCss-lgkhslj .palette_fg_fill{fill:var(--color-fg);}.lottieCss-lgkhslj .palette_fgMuted_stroke{stroke:var(--color-fgMuted);}.lottieCss-lgkhslj .palette_fgMuted_fill{fill:var(--color-fgMuted);}.lottieCss-lgkhslj .palette_bg_stroke{stroke:var(--color-bg);}.lottieCss-lgkhslj .palette_bg_fill{fill:var(--color-bg);}.lottieCss-lgkhslj .palette_bgAlternate_stroke{stroke:var(--color-bgAlternate);}.lottieCss-lgkhslj .palette_bgAlternate_fill{fill:var(--color-bgAlternate);}.lottieCss-lgkhslj .palette_bgInverse_stroke{stroke:var(--color-bgInverse);}.lottieCss-lgkhslj .palette_bgInverse_fill{fill:var(--color-bgInverse);}.lottieCss-lgkhslj .palette_bgOverlay_stroke{stroke:var(--color-bgOverlay);}.lottieCss-lgkhslj .palette_bgOverlay_fill{fill:var(--color-bgOverlay);}.lottieCss-lgkhslj .palette_bgLine_stroke{stroke:var(--color-bgLineHeavy);}.lottieCss-lgkhslj .palette_bgLine_fill{fill:var(--color-bgLineHeavy);}.lottieCss-lgkhslj .palette_bgLineHeavy_stroke{stroke:var(--color-bgLineHeavy);}.lottieCss-lgkhslj .palette_bgLineHeavy_fill{fill:var(--color-bgLineHeavy);}.lottieCss-lgkhslj .palette_bgPrimary_stroke{stroke:var(--color-bgPrimary);}.lottieCss-lgkhslj .palette_bgPrimary_fill{fill:var(--color-bgPrimary);}.lottieCss-lgkhslj .palette_bgPrimaryWash_stroke{stroke:var(--color-bgPrimaryWash);}.lottieCss-lgkhslj .palette_bgPrimaryWash_fill{fill:var(--color-bgPrimaryWash);}.lottieCss-lgkhslj .palette_fgInverse_stroke{stroke:var(--color-fgInverse);}.lottieCss-lgkhslj .palette_fgInverse_fill{fill:var(--color-fgInverse);}.lottieCss-lgkhslj .palette_bgNegative_stroke{stroke:var(--color-bgNegative);}.lottieCss-lgkhslj .palette_bgNegative_fill{fill:var(--color-bgNegative);}.lottieCss-lgkhslj .palette_bgNegativeWash_stroke{stroke:var(--color-bgNegativeWash);}.lottieCss-lgkhslj .palette_bgNegativeWash_fill{fill:var(--color-bgNegativeWash);}.lottieCss-lgkhslj .palette_bgPositive_stroke{stroke:var(--color-bgPositive);}.lottieCss-lgkhslj .palette_bgPositive_fill{fill:var(--color-bgPositive);}.lottieCss-lgkhslj .palette_bgSecondary_stroke{stroke:var(--color-bgSecondary);}.lottieCss-lgkhslj .palette_bgSecondary_fill{fill:var(--color-bgSecondary);}.lottieCss-lgkhslj .palette_transparent_stroke{stroke:var(--color-transparent);}.lottieCss-lgkhslj .palette_transparent_fill{fill:var(--color-transparent);}.lottieCss-lgkhslj .palette_bgWarning_stroke{stroke:var(--color-bgWarning);}.lottieCss-lgkhslj .palette_bgWarning_fill{fill:var(--color-bgWarning);}.lottieCss-lgkhslj .palette_bgWarningWash_stroke{stroke:var(--color-bgWarningWash);}.lottieCss-lgkhslj .palette_bgWarningWash_fill{fill:var(--color-bgWarningWash);}}

package/esm/banner/Banner.css

@@ -1 +1 @@
-.actionContainerCss-a1legc19{white-space:nowrap;}
+@layer cds{.actionContainerCss-a1legc19{white-space:nowrap;}}

package/esm/buttons/AvatarButton.css

@@ -1 +1 @@
-.baseCss-b7ikz6y{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--interactable-height);height:var(--interactable-height);min-width:unset;}
+@layer cds{.baseCss-b7ikz6y{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--interactable-height);height:var(--interactable-height);min-width:unset;}}

package/esm/buttons/Button.css

@@ -1,4 +1,4 @@
-.baseCss-b99zquh{min-width:100px;padding-inline-start:var(--space-4);padding-inline-end:var(--space-4);-webkit-text-decoration:none;text-decoration:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;text-align:center;vertical-align:middle;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-weight:600;margin:0;position:relative;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;overflow:visible;text-transform:none;}
+@layer cds{.baseCss-b99zquh{min-width:100px;padding-inline-start:var(--space-4);padding-inline-end:var(--space-4);-webkit-text-decoration:none;text-decoration:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;text-align:center;vertical-align:middle;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-weight:600;margin:0;position:relative;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;overflow:visible;text-transform:none;}
 .blockCss-b9yox33{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;max-width:100%;white-space:normal;}
 .compactCss-c1bhvbb9{min-width:auto;padding-inline-start:var(--space-2);padding-inline-end:var(--space-2);}
 .spinnerContainerCss-s2x7iw5{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
@@ -10,4 +10,4 @@
 .middleNodeCss-m69rtgb{position:relative;}
 .flushSpaceCss-f1aod6bi{min-width:unset;margin-inline-start:var(--space-2);margin-inline-end:var(--space-2);}
 .flushStartCss-fz9snbo{margin-inline-start:calc(var(--space-2) * -1);}
-.flushEndCss-f1y0pij6{margin-inline-end:calc(var(--space-2) * -1);}
+.flushEndCss-f1y0pij6{margin-inline-end:calc(var(--space-2) * -1);}}

package/esm/buttons/ButtonGroup.css

@@ -1,3 +1,3 @@
-.listCss-l1i5m4j6{list-style:none;margin:0;padding:0;}
+@layer cds{.listCss-l1i5m4j6{list-style:none;margin:0;padding:0;}
 .itemCss-ikrb96p{list-style:none;}
-.fillCss-f1imubde{-webkit-flex:1;-ms-flex:1;flex:1;}
+.fillCss-f1imubde{-webkit-flex:1;-ms-flex:1;flex:1;}}

package/esm/buttons/IconButton.css

@@ -1,4 +1,4 @@
-.baseSpinnerCss-b1po8mo6{border:2px solid;border-top-color:var(--color-transparent);border-right-color:var(--color-transparent);border-left-color:var(--color-transparent);}
+@layer cds{.baseSpinnerCss-b1po8mo6{border:2px solid;border-top-color:var(--color-transparent);border-right-color:var(--color-transparent);border-left-color:var(--color-transparent);}
 .flushSpaceCss-fqg7x6g{min-width:unset;padding-inline-start:var(--space-2);padding-inline-end:var(--space-2);}
 .flushStartCss-f18p387c{margin-inline-start:calc(var(--space-2) * -1);}
-.flushEndCss-f10uyuq9{margin-inline-end:calc(var(--space-2) * -1);}
+.flushEndCss-f10uyuq9{margin-inline-end:calc(var(--space-2) * -1);}}

package/esm/buttons/Tile.css

@@ -1,2 +1,2 @@
-.truncatedCss-te0139g{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.visibleCss-v1axtw2j{overflow:visible;white-space:normal;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;}
+@layer cds{.truncatedCss-te0139g{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.visibleCss-v1axtw2j{overflow:visible;white-space:normal;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;}}

package/esm/cards/ContainedAssetCard.css

@@ -1,2 +1,2 @@
-.pressCss-p1uriugu{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-decoration:none;text-decoration:none;padding:0;}.pressCss-p1uriugu::-moz-focus-inner{border:0;padding:0;margin:0;}.pressCss-p1uriugu:active{-webkit-transform:scale(0.98);-ms-transform:scale(0.98);transform:scale(0.98);opacity:0.82;}.pressCss-p1uriugu:hover{opacity:0.88;}
-.focusRingCss-f6cdk3o{position:relative;}.focusRingCss-f6cdk3o:focus{outline:none;}.focusRingCss-f6cdk3o:focus-visible{outline-style:solid;outline-width:2px;outline-color:var(--color-bgPrimary);outline-offset:2px;}
+@layer cds{.pressCss-p1uriugu{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-decoration:none;text-decoration:none;padding:0;}.pressCss-p1uriugu::-moz-focus-inner{border:0;padding:0;margin:0;}.pressCss-p1uriugu:active{-webkit-transform:scale(0.98);-ms-transform:scale(0.98);transform:scale(0.98);opacity:0.82;}.pressCss-p1uriugu:hover{opacity:0.88;}
+.focusRingCss-f6cdk3o{position:relative;}.focusRingCss-f6cdk3o:focus{outline:none;}.focusRingCss-f6cdk3o:focus-visible{outline-style:solid;outline-width:2px;outline-color:var(--color-bgPrimary);outline-offset:2px;}}

package/esm/cards/FloatingAssetCard.css

@@ -1,2 +1,2 @@
-.pressCss-plkgnmc{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-decoration:none;text-decoration:none;background-color:var(--color-transparent);padding:0;}.pressCss-plkgnmc::-moz-focus-inner{border:0;padding:0;margin:0;}.pressCss-plkgnmc:active{-webkit-transform:scale(0.98);-ms-transform:scale(0.98);transform:scale(0.98);opacity:0.82;}.pressCss-plkgnmc:hover{opacity:0.88;}
-.focusRingCss-fqgx809{position:relative;}.focusRingCss-fqgx809:focus{outline:none;}.focusRingCss-fqgx809:focus-visible{outline-style:solid;outline-width:2px;outline-color:var(--color-bgPrimary);outline-offset:2px;border-radius:var(--borderRadius-500);}
+@layer cds{.pressCss-plkgnmc{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-decoration:none;text-decoration:none;background-color:var(--color-transparent);padding:0;}.pressCss-plkgnmc::-moz-focus-inner{border:0;padding:0;margin:0;}.pressCss-plkgnmc:active{-webkit-transform:scale(0.98);-ms-transform:scale(0.98);transform:scale(0.98);opacity:0.82;}.pressCss-plkgnmc:hover{opacity:0.88;}
+.focusRingCss-fqgx809{position:relative;}.focusRingCss-fqgx809:focus{outline:none;}.focusRingCss-fqgx809:focus-visible{outline-style:solid;outline-width:2px;outline-color:var(--color-bgPrimary);outline-offset:2px;border-radius:var(--borderRadius-500);}}

package/esm/cards/NudgeCard.css

@@ -1,2 +1,2 @@
-.pressCss-p1667wdp{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-decoration:none;text-decoration:none;padding:0;}.pressCss-p1667wdp::-moz-focus-inner{border:0;padding:0;margin:0;}.pressCss-p1667wdp:active{-webkit-transform:scale(0.98);-ms-transform:scale(0.98);transform:scale(0.98);opacity:0.82;}.pressCss-p1667wdp:hover{opacity:0.88;}
-.focusRingCss-f1j4fgzo{position:relative;}.focusRingCss-f1j4fgzo:focus{outline:none;}.focusRingCss-f1j4fgzo:focus-visible{outline-style:solid;outline-width:2px;outline-color:var(--color-bgPrimary);outline-offset:2px;border-radius:var(--borderRadius-500);}
+@layer cds{.pressCss-p1667wdp{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-decoration:none;text-decoration:none;padding:0;}.pressCss-p1667wdp::-moz-focus-inner{border:0;padding:0;margin:0;}.pressCss-p1667wdp:active{-webkit-transform:scale(0.98);-ms-transform:scale(0.98);transform:scale(0.98);opacity:0.82;}.pressCss-p1667wdp:hover{opacity:0.88;}
+.focusRingCss-f1j4fgzo{position:relative;}.focusRingCss-f1j4fgzo:focus{outline:none;}.focusRingCss-f1j4fgzo:focus-visible{outline-style:solid;outline-width:2px;outline-color:var(--color-bgPrimary);outline-offset:2px;border-radius:var(--borderRadius-500);}}

package/esm/carousel/Carousel.css

@@ -1 +1 @@
-.defaultCarouselCss-d3is9f4 img{pointer-events:none;}
+@layer cds{.defaultCarouselCss-d3is9f4 img{pointer-events:none;}}

package/esm/carousel/DefaultCarouselNavigation.css

@@ -1 +1 @@
-.navigationCss-n15h1fxo{padding:var(--space-0_5) 0;}.navigationCss-n15h1fxo[data-hiddenunlessfocused='true']{opacity:0;pointer-events:none;}.navigationCss-n15h1fxo[data-hiddenunlessfocused='true']:focus-within{opacity:1;pointer-events:auto;}
+@layer cds{.navigationCss-n15h1fxo{padding:var(--space-0_5) 0;}.navigationCss-n15h1fxo[data-hiddenunlessfocused='true']{opacity:0;pointer-events:none;}.navigationCss-n15h1fxo[data-hiddenunlessfocused='true']:focus-within{opacity:1;pointer-events:auto;}}

package/esm/carousel/DefaultCarouselPagination.css

@@ -1,2 +1,2 @@
-.defaultPaginationCss-dyqwmgi{padding:var(--space-0_5) 0;}
-.dotCss-dea8kmz{width:var(--space-3);height:var(--space-0_5);border-radius:var(--borderRadius-100);}
+@layer cds{.defaultPaginationCss-dyqwmgi{padding:var(--space-0_5) 0;}
+.dotCss-dea8kmz{width:var(--space-3);height:var(--space-0_5);border-radius:var(--borderRadius-100);}}

package/esm/cells/Cell.css

@@ -1,4 +1,4 @@
-.pressCss-p17awri1{border-style:hidden;padding:0;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;}
+@layer cds{.pressCss-p17awri1{border-style:hidden;padding:0;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;}
 .insetFocusRingCss-i1n4pqsb{position:relative;}.insetFocusRingCss-i1n4pqsb:focus{outline:none;}.insetFocusRingCss-i1n4pqsb:focus-visible{outline-style:solid;outline-width:2px;outline-color:var(--color-bgPrimary);outline-offset:0;}
 .baseCss-b1bbnpmz{display:block;}
-.truncationCss-tdaia71{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
+.truncationCss-tdaia71{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}}

package/esm/cells/ContentCell.css

@@ -1,2 +1,2 @@
-.overflowCss-o1npfhjk{overflow:auto;text-overflow:unset;white-space:normal;}
-.truncationCss-t1vpzve9{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
+@layer cds{.overflowCss-o1npfhjk{overflow:auto;text-overflow:unset;white-space:normal;}
+.truncationCss-t1vpzve9{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}}

package/esm/cells/ListCell.css

@@ -1 +1 @@
-.overflowCss-onthvgs{overflow:auto;text-overflow:unset;white-space:normal;}
+@layer cds{.overflowCss-onthvgs{overflow:auto;text-overflow:unset;white-space:normal;}}

package/esm/chips/Chip.css

@@ -1,2 +1,2 @@
-.contentCss-chdcix9{-webkit-transition:background 150ms cubic-bezier(0.6,0,0.15,1);transition:background 150ms cubic-bezier(0.6,0,0.15,1);}
-.containerCss-c1792b5d{max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;min-width:min(fit-content,200px);}
+@layer cds{.contentCss-chdcix9{-webkit-transition:background 150ms cubic-bezier(0.6,0,0.15,1);transition:background 150ms cubic-bezier(0.6,0,0.15,1);}
+.containerCss-c1792b5d{max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;min-width:min(fit-content,200px);}}

package/esm/chips/TabbedChips.css

@@ -1 +1 @@
-.scrollContainerCss-s19l7spv{-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.scrollContainerCss-s19l7spv::-webkit-scrollbar{display:none;}
+@layer cds{.scrollContainerCss-s19l7spv{-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.scrollContainerCss-s19l7spv::-webkit-scrollbar{display:none;}}

package/esm/controls/Checkbox.css

@@ -1 +1 @@
-.checkboxCss-c198zdvk{position:relative;width:var(--controlSize-checkboxSize);height:var(--controlSize-checkboxSize);border-style:solid;-webkit-transition: border-color, background-color 0.1s linear;transition: border-color, background-color 0.1s linear;}.checkboxCss-c198zdvk:focus{outline:none;}.checkboxCss-c198zdvk:focus-visible{outline-style:solid;outline-width:2px;outline-color:var(--color-bgPrimary);outline-offset:2px;}
+@layer cds{.checkboxCss-c198zdvk{position:relative;width:var(--controlSize-checkboxSize);height:var(--controlSize-checkboxSize);border-style:solid;-webkit-transition: border-color, background-color 0.1s linear;transition: border-color, background-color 0.1s linear;}.checkboxCss-c198zdvk:focus{outline:none;}.checkboxCss-c198zdvk:focus-visible{outline-style:solid;outline-width:2px;outline-color:var(--color-bgPrimary);outline-offset:2px;}}

package/esm/controls/CheckboxCell.css

@@ -1 +1 @@
-.baseCss-b1n65grj:focus-within{border-color:var(--border-color-focused);box-shadow:0 0 0 var(--border-width-focused) var(--border-color-focused);}
+@layer cds{.baseCss-b1n65grj:focus-within{border-color:var(--border-color-focused);box-shadow:0 0 0 var(--border-width-focused) var(--border-color-focused);}}

package/esm/controls/CheckboxGroup.css

@@ -1 +1 @@
-.checkboxCss-cmjsxse{margin:0;padding:0;min-width:0;border-width:0;}
+@layer cds{.checkboxCss-cmjsxse{margin:0;padding:0;min-width:0;border-width:0;}}

package/esm/controls/Control.css

@@ -1,3 +1,3 @@
-.pointerCss-p1pliz73:not(:disabled),.pointerCss-p1pliz73:not(:-moz-read-only){cursor:pointer;}.pointerCss-p1pliz73:not(:disabled),.pointerCss-p1pliz73:not(:read-only){cursor:pointer;}
+@layer cds{.pointerCss-p1pliz73:not(:disabled),.pointerCss-p1pliz73:not(:-moz-read-only){cursor:pointer;}.pointerCss-p1pliz73:not(:disabled),.pointerCss-p1pliz73:not(:read-only){cursor:pointer;}
 .inputBaseCss-i1hz3kk0{margin:0;opacity:0;position:absolute;width:100%;height:100%;z-index:1;}
-.interactableCss-i1h2gel3{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;}@supports selector(:has(:focus-visible)){.interactableCss-i1h2gel3:has(:focus-visible){outline-style:solid;outline-width:2px;outline-color:var(--color-bgPrimary);outline-offset:1px;}}.interactableCss-i1h2gel3:active > input:first-of-type,.interactableCss-i1h2gel3:visited > input:first-of-type,.interactableCss-i1h2gel3:focus > input:first-of-type,.interactableCss-i1h2gel3:hover > input:first-of-type{opacity:0;}
+.interactableCss-i1h2gel3{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;}@supports selector(:has(:focus-visible)){.interactableCss-i1h2gel3:has(:focus-visible){outline-style:solid;outline-width:2px;outline-color:var(--color-bgPrimary);outline-offset:1px;}}.interactableCss-i1h2gel3:active > input:first-of-type,.interactableCss-i1h2gel3:visited > input:first-of-type,.interactableCss-i1h2gel3:focus > input:first-of-type,.interactableCss-i1h2gel3:hover > input:first-of-type{opacity:0;}}

package/esm/controls/ControlGroup.css

@@ -1 +1 @@
-.containerCss-c1holtq6{border:none;margin:0;padding:0;min-width:0;}
+@layer cds{.containerCss-c1holtq6{border:none;margin:0;padding:0;min-width:0;}}

package/esm/controls/HelperText.css

@@ -1 +1 @@
-.iconCss-i1ej5caw{display:inline-block;padding-inline-end:var(--space-0_5);}
+@layer cds{.iconCss-i1ej5caw{display:inline-block;padding-inline-end:var(--space-0_5);}}

package/esm/controls/InputStack.css

@@ -1,3 +1,3 @@
-.baseCss-b16zw4a5{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:0;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;border-color:var(--border-color-unfocused);-webkit-transition:box-shadow 200ms ease-in-out;transition:box-shadow 200ms ease-in-out;overflow:hidden;}.baseCss-b16zw4a5:disabled,.baseCss-b16zw4a5[aria-disabled='true'],.baseCss-b16zw4a5:hover{border-color:var(--border-color-unfocused);opacity:1;}.baseCss-b16zw4a5:focus-within{border-color:var(--border-color-focused);box-shadow:0 0 0 var(--border-width-focused) var(--border-color-focused);}
+@layer cds{.baseCss-b16zw4a5{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:0;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;border-color:var(--border-color-unfocused);-webkit-transition:box-shadow 200ms ease-in-out;transition:box-shadow 200ms ease-in-out;overflow:hidden;}.baseCss-b16zw4a5:disabled,.baseCss-b16zw4a5[aria-disabled='true'],.baseCss-b16zw4a5:hover{border-color:var(--border-color-unfocused);opacity:1;}.baseCss-b16zw4a5:focus-within{border-color:var(--border-color-focused);box-shadow:0 0 0 var(--border-width-focused) var(--border-color-focused);}
 .inputAreaContainerCss-ipofex6{padding:1px;width:100%;}
-.persistedFocusCss-p6phjeo{border-color:var(--border-color-focused);box-shadow:0 0 0 var(--border-width-focused) var(--border-color-focused);}
+.persistedFocusCss-p6phjeo{border-color:var(--border-color-focused);box-shadow:0 0 0 var(--border-width-focused) var(--border-color-focused);}}