@salt-ds/core 1.37.1 → 1.37.3

package/dist-es/progress/CircularProgress/CircularProgress.js

@@ -15,95 +15,6 @@ import '../../utils/useFloatingUI/useFloatingUI.js';
 import '../../utils/useId.js';
 import '../../salt-provider/SaltProvider.js';
 import '../../viewport/ViewportProvider.js';
-import '../../accordion/AccordionGroup.js';
-import '../../accordion/AccordionPanel.js';
-import '../../accordion/Accordion.js';
-import '../../accordion/AccordionHeader.js';
-import '../../aria-announcer/AriaAnnouncerContext.js';
-import '../../avatar/Avatar.js';
-import '../../badge/Badge.js';
-import '../../banner/Banner.js';
-import '../../banner/BannerActions.js';
-import '../../banner/BannerContent.js';
-import '../../border-item/BorderItem.js';
-import '../../border-layout/BorderLayout.js';
-import '../../breakpoints/BreakpointProvider.js';
-import '../../button/Button.js';
-import '../../card/Card.js';
-import '../../checkbox/Checkbox.js';
-import '../../checkbox/CheckboxGroup.js';
-import '@salt-ds/icons';
-import '../../combo-box/ComboBox.js';
-import '../../dialog/Dialog.js';
-import '../../dialog/DialogHeader.js';
-import '../../dialog/DialogActions.js';
-import '../../dialog/DialogContent.js';
-import '../../dialog/DialogContext.js';
-import '../../dialog/DialogCloseButton.js';
-import '../../divider/Divider.js';
-import '../../drawer/Drawer.js';
-import '../../drawer/DrawerCloseButton.js';
-import '../../dropdown/Dropdown.js';
-import '../../file-drop-zone/FileDropZone.js';
-import '../../file-drop-zone/FileDropZoneIcon.js';
-import '../../file-drop-zone/FileDropZoneTrigger.js';
-import '../../flex-item/FlexItem.js';
-import '../../flex-layout/FlexLayout.js';
-import '../../flow-layout/FlowLayout.js';
-import '../../form-field/FormField.js';
-import '../../form-field-context/FormFieldContext.js';
-import '../../status-indicator/StatusIndicator.js';
-import '../../grid-item/GridItem.js';
-import '../../grid-layout/GridLayout.js';
-import '../../input/Input.js';
-import '../../interactable-card/InteractableCard.js';
-import '../../interactable-card/InteractableCardGroup.js';
-import '../../interactable-card/InteractableCardGroupContext.js';
-import '../../link/Link.js';
-import '../../link-card/LinkCard.js';
-import '../../list-box/ListBox.js';
-import '../../list-control/ListControlContext.js';
-import '@floating-ui/react';
-import '../../menu/MenuContext.js';
-import '../../menu/MenuItem.js';
-import '../../menu/MenuPanel.js';
-import '../../menu/MenuPanelContext.js';
-import '../../menu/MenuTriggerContext.js';
-import '../../menu/MenuGroup.js';
-import '../../multiline-input/MultilineInput.js';
-import '../../navigation-item/NavigationItem.js';
-import '../../option/Option.js';
-import '../../option/OptionGroup.js';
-import '../../overlay/OverlayContext.js';
-import '../../overlay/OverlayPanel.js';
-import '../../overlay/OverlayPanelCloseButton.js';
-import '../../overlay/OverlayPanelContent.js';
-import '../../pagination/Pagination.js';
-import '../../pagination/Paginator.js';
-import '../../pagination/CompactInput.js';
-import '../../pagination/CompactPaginator.js';
-import '../../pagination/GoToInput.js';
-import '../../panel/Panel.js';
-import '../../parent-child-layout/ParentChildLayout.js';
-import '../../pill/Pill.js';
-import '../LinearProgress/LinearProgress.js';
-import '../../radio-button/RadioButton.js';
-import '../../radio-button/RadioButtonGroup.js';
-import '../../scrim/Scrim.js';
-import '../../segmented-button-group/SegmentedButtonGroup.js';
-import '../../spinner/Spinner.js';
-import '../../stack-layout/StackLayout.js';
-import '../../status-adornment/StatusAdornment.js';
-import '../../toast/Toast.js';
-import '../../toast/ToastContent.js';
-import '../../split-layout/SplitLayout.js';
-import '../../switch/Switch.js';
-import '../../tag/Tag.js';
-import '../../toggle-button/ToggleButton.js';
-import '../../toggle-button-group/ToggleButtonGroup.js';
-import '../../toggle-button-group/ToggleButtonGroupContext.js';
-import '../../tooltip/Tooltip.js';
-import '../../semantic-icon-provider/SemanticIconProvider.js';
 import css_248z from './CircularProgress.css.js';
 
 const withBaseName = makePrefixer("saltCircularProgress");
@@ -149,85 +60,67 @@ const CircularProgress = forwardRef(function CircularProgress2({
     bufferSubOverlayRightStyle.transform = "rotate(0deg)";
     bufferSubOverlayLeftStyle.transform = `rotate(${rotationAngle}deg)`;
   }
-  return /* @__PURE__ */ jsxs("div", {
-    className: clsx(withBaseName(), className),
-    ref,
-    role: "progressbar",
-    "aria-valuemax": max,
-    "aria-valuemin": min,
-    "aria-valuenow": Math.round(value),
-    ...rest,
-    children: [
-      /* @__PURE__ */ jsx("div", {
-        className: withBaseName("track")
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: withBaseName("bars"),
-        children: [
-          buffer > 0 && /* @__PURE__ */ jsx("div", {
-            className: withBaseName("bufferOverlayRight"),
-            children: /* @__PURE__ */ jsxs("div", {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clsx(withBaseName(), className),
+      ref,
+      role: "progressbar",
+      "aria-valuemax": max,
+      "aria-valuemin": min,
+      "aria-valuenow": Math.round(value),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: withBaseName("track") }),
+        /* @__PURE__ */ jsxs("div", { className: withBaseName("bars"), children: [
+          buffer > 0 && /* @__PURE__ */ jsx("div", { className: withBaseName("bufferOverlayRight"), children: /* @__PURE__ */ jsxs(
+            "div",
+            {
               className: clsx(withBaseName("bufferSubOverlayRight"), {
                 [withBaseName("bufferSubOverlay")]: buffer <= 50
               }),
               style: bufferSubOverlayRightStyle,
               children: [
-                /* @__PURE__ */ jsx("div", {
-                  className: withBaseName("bufferBackground")
-                }),
-                /* @__PURE__ */ jsx("div", {
-                  className: withBaseName("bufferBorder")
-                })
+                /* @__PURE__ */ jsx("div", { className: withBaseName("bufferBackground") }),
+                /* @__PURE__ */ jsx("div", { className: withBaseName("bufferBorder") })
               ]
-            })
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: withBaseName("barOverlayRight"),
-            children: /* @__PURE__ */ jsx("div", {
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: withBaseName("barOverlayRight"), children: /* @__PURE__ */ jsx(
+            "div",
+            {
               className: withBaseName("barSubOverlayRight"),
               style: barSubOverlayRightStyle,
-              children: /* @__PURE__ */ jsx("div", {
-                className: withBaseName("bar")
-              })
-            })
-          }),
-          buffer > 0 && /* @__PURE__ */ jsx("div", {
-            className: withBaseName("bufferOverlayLeft"),
-            children: /* @__PURE__ */ jsxs("div", {
+              children: /* @__PURE__ */ jsx("div", { className: withBaseName("bar") })
+            }
+          ) }),
+          buffer > 0 && /* @__PURE__ */ jsx("div", { className: withBaseName("bufferOverlayLeft"), children: /* @__PURE__ */ jsxs(
+            "div",
+            {
               className: clsx(
                 withBaseName("bufferSubOverlay"),
                 withBaseName("bufferSubOverlayLeft")
               ),
               style: bufferSubOverlayLeftStyle,
               children: [
-                /* @__PURE__ */ jsx("div", {
-                  className: withBaseName("bufferBorder")
-                }),
-                /* @__PURE__ */ jsx("div", {
-                  className: withBaseName("bufferBackground")
-                })
+                /* @__PURE__ */ jsx("div", { className: withBaseName("bufferBorder") }),
+                /* @__PURE__ */ jsx("div", { className: withBaseName("bufferBackground") })
               ]
-            })
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: withBaseName("barOverlayLeft"),
-            children: /* @__PURE__ */ jsx("div", {
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: withBaseName("barOverlayLeft"), children: /* @__PURE__ */ jsx(
+            "div",
+            {
               className: withBaseName("barSubOverlayLeft"),
               style: barSubOverlayLeftStyle,
-              children: /* @__PURE__ */ jsx("div", {
-                className: withBaseName("bar")
-              })
-            })
-          })
-        ]
-      }),
-      !hideLabel && /* @__PURE__ */ jsx(Text, {
-        styleAs: "h2",
-        className: withBaseName("progressLabel"),
-        children: `${Math.round(progress)} %`
-      })
-    ]
-  });
+              children: /* @__PURE__ */ jsx("div", { className: withBaseName("bar") })
+            }
+          ) })
+        ] }),
+        !hideLabel && /* @__PURE__ */ jsx(Text, { styleAs: "h2", className: withBaseName("progressLabel"), children: `${Math.round(progress)} %` })
+      ]
+    }
+  );
 });
 
 export { CircularProgress };

package/dist-es/progress/CircularProgress/CircularProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircularProgress.js","sources":["../src/progress/CircularProgress/CircularProgress.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type CSSProperties,\n  type ComponentPropsWithoutRef,\n  forwardRef,\n} from \"react\";\nimport { Text } from \"../../text\";\nimport { makePrefixer } from \"../../utils\";\n\nimport circularProgressCSS from \"./CircularProgress.css\";\n\nconst withBaseName = makePrefixer(\"saltCircularProgress\");\n\nconst getRotationAngle = (bar: number, shift = 0) => {\n  return -180 + ((bar - shift) / 50) * 180;\n};\n\nexport interface CircularProgressProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The value of the buffer indicator.\n   * Value between 0 and max.\n   */\n  bufferValue?: number;\n  /**\n   * Whether to hide the text label within the progress. Defaults to `false`.\n   */\n  hideLabel?: boolean;\n  /**\n   * The value of the max progress indicator.\n   * Default value is 100.\n   */\n  max?: number;\n  /**\n   * The value of the min progress indicator.\n   * Default value is 0.\n   */\n  min?: number;\n  /**\n   * The value of the progress indicator.\n   * Value between 0 and max.\n   */\n  value?: number;\n}\n\nexport const CircularProgress = forwardRef<\n  HTMLDivElement,\n  CircularProgressProps\n>(function CircularProgress(\n  {\n    className,\n    hideLabel = false,\n    max = 100,\n    min = 0,\n    value = 0,\n    bufferValue = 0,\n    ...rest\n  },\n  ref,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-circular-progress\",\n    css: circularProgressCSS,\n    window: targetWindow,\n  });\n\n  const bufferSubOverlayRightStyle: CSSProperties = {};\n  const bufferSubOverlayLeftStyle: CSSProperties = {};\n  const barSubOverlayRightStyle: CSSProperties = {};\n  const barSubOverlayLeftStyle: CSSProperties = {};\n\n  const buffer = ((bufferValue - min) / (max - min)) * 100;\n  const progress = ((value - min) / (max - min)) * 100;\n\n  if (progress <= 50) {\n    const rotationAngle = getRotationAngle(progress);\n    barSubOverlayRightStyle.transform = `rotate(${rotationAngle}deg)`;\n    barSubOverlayLeftStyle.transform = \"rotate(-180deg)\";\n  } else {\n    const rotationAngle = getRotationAngle(progress, 50);\n    barSubOverlayRightStyle.transform = \"rotate(0deg)\";\n    barSubOverlayLeftStyle.transform = `rotate(${rotationAngle}deg)`;\n  }\n  if (buffer <= 50) {\n    const rotationAngle = getRotationAngle(buffer);\n    bufferSubOverlayRightStyle.transform = `rotate(${rotationAngle}deg)`;\n    bufferSubOverlayLeftStyle.transform = \"rotate(-180deg)\";\n  } else {\n    const rotationAngle = getRotationAngle(buffer, 50);\n    bufferSubOverlayRightStyle.transform = \"rotate(0deg)\";\n    bufferSubOverlayLeftStyle.transform = `rotate(${rotationAngle}deg)`;\n  }\n\n  return (\n    <div\n      className={clsx(withBaseName(), className)}\n      ref={ref}\n      role=\"progressbar\"\n      aria-valuemax={max}\n      aria-valuemin={min}\n      aria-valuenow={Math.round(value)}\n      {...rest}\n    >\n      <div className={withBaseName(\"track\")} />\n      <div className={withBaseName(\"bars\")}>\n        {buffer > 0 && (\n          <div className={withBaseName(\"bufferOverlayRight\")}>\n            <div\n              className={clsx(withBaseName(\"bufferSubOverlayRight\"), {\n                [withBaseName(\"bufferSubOverlay\")]: buffer <= 50,\n              })}\n              style={bufferSubOverlayRightStyle}\n            >\n              <div className={withBaseName(\"bufferBackground\")} />\n              <div className={withBaseName(\"bufferBorder\")} />\n            </div>\n          </div>\n        )}\n        <div className={withBaseName(\"barOverlayRight\")}>\n          <div\n            className={withBaseName(\"barSubOverlayRight\")}\n            style={barSubOverlayRightStyle}\n          >\n            <div className={withBaseName(\"bar\")} />\n          </div>\n        </div>\n        {buffer > 0 && (\n          <div className={withBaseName(\"bufferOverlayLeft\")}>\n            <div\n              className={clsx(\n                withBaseName(\"bufferSubOverlay\"),\n                withBaseName(\"bufferSubOverlayLeft\"),\n              )}\n              style={bufferSubOverlayLeftStyle}\n            >\n              <div className={withBaseName(\"bufferBorder\")} />\n              <div className={withBaseName(\"bufferBackground\")} />\n            </div>\n          </div>\n        )}\n        <div className={withBaseName(\"barOverlayLeft\")}>\n          <div\n            className={withBaseName(\"barSubOverlayLeft\")}\n            style={barSubOverlayLeftStyle}\n          >\n            <div className={withBaseName(\"bar\")} />\n          </div>\n        </div>\n      </div>\n      {!hideLabel && (\n        <Text styleAs=\"h2\" className={withBaseName(\"progressLabel\")}>\n          {`${Math.round(progress)} %`}\n        </Text>\n      )}\n    </div>\n  );\n});\n"],"names":["CircularProgress","circularProgressCSS"],"mappings":"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"}
+{"version":3,"file":"CircularProgress.js","sources":["../src/progress/CircularProgress/CircularProgress.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type CSSProperties,\n  type ComponentPropsWithoutRef,\n  forwardRef,\n} from \"react\";\nimport { Text } from \"../../text\";\nimport { makePrefixer } from \"../../utils\";\n\nimport circularProgressCSS from \"./CircularProgress.css\";\n\nconst withBaseName = makePrefixer(\"saltCircularProgress\");\n\nconst getRotationAngle = (bar: number, shift = 0) => {\n  return -180 + ((bar - shift) / 50) * 180;\n};\n\nexport interface CircularProgressProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The value of the buffer indicator.\n   * Value between 0 and max.\n   */\n  bufferValue?: number;\n  /**\n   * Whether to hide the text label within the progress. Defaults to `false`.\n   */\n  hideLabel?: boolean;\n  /**\n   * The value of the max progress indicator.\n   * Default value is 100.\n   */\n  max?: number;\n  /**\n   * The value of the min progress indicator.\n   * Default value is 0.\n   */\n  min?: number;\n  /**\n   * The value of the progress indicator.\n   * Value between 0 and max.\n   */\n  value?: number;\n}\n\nexport const CircularProgress = forwardRef<\n  HTMLDivElement,\n  CircularProgressProps\n>(function CircularProgress(\n  {\n    className,\n    hideLabel = false,\n    max = 100,\n    min = 0,\n    value = 0,\n    bufferValue = 0,\n    ...rest\n  },\n  ref,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-circular-progress\",\n    css: circularProgressCSS,\n    window: targetWindow,\n  });\n\n  const bufferSubOverlayRightStyle: CSSProperties = {};\n  const bufferSubOverlayLeftStyle: CSSProperties = {};\n  const barSubOverlayRightStyle: CSSProperties = {};\n  const barSubOverlayLeftStyle: CSSProperties = {};\n\n  const buffer = ((bufferValue - min) / (max - min)) * 100;\n  const progress = ((value - min) / (max - min)) * 100;\n\n  if (progress <= 50) {\n    const rotationAngle = getRotationAngle(progress);\n    barSubOverlayRightStyle.transform = `rotate(${rotationAngle}deg)`;\n    barSubOverlayLeftStyle.transform = \"rotate(-180deg)\";\n  } else {\n    const rotationAngle = getRotationAngle(progress, 50);\n    barSubOverlayRightStyle.transform = \"rotate(0deg)\";\n    barSubOverlayLeftStyle.transform = `rotate(${rotationAngle}deg)`;\n  }\n  if (buffer <= 50) {\n    const rotationAngle = getRotationAngle(buffer);\n    bufferSubOverlayRightStyle.transform = `rotate(${rotationAngle}deg)`;\n    bufferSubOverlayLeftStyle.transform = \"rotate(-180deg)\";\n  } else {\n    const rotationAngle = getRotationAngle(buffer, 50);\n    bufferSubOverlayRightStyle.transform = \"rotate(0deg)\";\n    bufferSubOverlayLeftStyle.transform = `rotate(${rotationAngle}deg)`;\n  }\n\n  return (\n    <div\n      className={clsx(withBaseName(), className)}\n      ref={ref}\n      role=\"progressbar\"\n      aria-valuemax={max}\n      aria-valuemin={min}\n      aria-valuenow={Math.round(value)}\n      {...rest}\n    >\n      <div className={withBaseName(\"track\")} />\n      <div className={withBaseName(\"bars\")}>\n        {buffer > 0 && (\n          <div className={withBaseName(\"bufferOverlayRight\")}>\n            <div\n              className={clsx(withBaseName(\"bufferSubOverlayRight\"), {\n                [withBaseName(\"bufferSubOverlay\")]: buffer <= 50,\n              })}\n              style={bufferSubOverlayRightStyle}\n            >\n              <div className={withBaseName(\"bufferBackground\")} />\n              <div className={withBaseName(\"bufferBorder\")} />\n            </div>\n          </div>\n        )}\n        <div className={withBaseName(\"barOverlayRight\")}>\n          <div\n            className={withBaseName(\"barSubOverlayRight\")}\n            style={barSubOverlayRightStyle}\n          >\n            <div className={withBaseName(\"bar\")} />\n          </div>\n        </div>\n        {buffer > 0 && (\n          <div className={withBaseName(\"bufferOverlayLeft\")}>\n            <div\n              className={clsx(\n                withBaseName(\"bufferSubOverlay\"),\n                withBaseName(\"bufferSubOverlayLeft\"),\n              )}\n              style={bufferSubOverlayLeftStyle}\n            >\n              <div className={withBaseName(\"bufferBorder\")} />\n              <div className={withBaseName(\"bufferBackground\")} />\n            </div>\n          </div>\n        )}\n        <div className={withBaseName(\"barOverlayLeft\")}>\n          <div\n            className={withBaseName(\"barSubOverlayLeft\")}\n            style={barSubOverlayLeftStyle}\n          >\n            <div className={withBaseName(\"bar\")} />\n          </div>\n        </div>\n      </div>\n      {!hideLabel && (\n        <Text styleAs=\"h2\" className={withBaseName(\"progressLabel\")}>\n          {`${Math.round(progress)} %`}\n        </Text>\n      )}\n    </div>\n  );\n});\n"],"names":["CircularProgress","circularProgressCSS"],"mappings":"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"}

package/dist-es/progress/LinearProgress/LinearProgress.js

@@ -15,95 +15,6 @@ import '../../utils/useFloatingUI/useFloatingUI.js';
 import '../../utils/useId.js';
 import '../../salt-provider/SaltProvider.js';
 import '../../viewport/ViewportProvider.js';
-import '../../accordion/AccordionGroup.js';
-import '../../accordion/AccordionPanel.js';
-import '../../accordion/Accordion.js';
-import '../../accordion/AccordionHeader.js';
-import '../../aria-announcer/AriaAnnouncerContext.js';
-import '../../avatar/Avatar.js';
-import '../../badge/Badge.js';
-import '../../banner/Banner.js';
-import '../../banner/BannerActions.js';
-import '../../banner/BannerContent.js';
-import '../../border-item/BorderItem.js';
-import '../../border-layout/BorderLayout.js';
-import '../../breakpoints/BreakpointProvider.js';
-import '../../button/Button.js';
-import '../../card/Card.js';
-import '../../checkbox/Checkbox.js';
-import '../../checkbox/CheckboxGroup.js';
-import '@salt-ds/icons';
-import '../../combo-box/ComboBox.js';
-import '../../dialog/Dialog.js';
-import '../../dialog/DialogHeader.js';
-import '../../dialog/DialogActions.js';
-import '../../dialog/DialogContent.js';
-import '../../dialog/DialogContext.js';
-import '../../dialog/DialogCloseButton.js';
-import '../../divider/Divider.js';
-import '../../drawer/Drawer.js';
-import '../../drawer/DrawerCloseButton.js';
-import '../../dropdown/Dropdown.js';
-import '../../file-drop-zone/FileDropZone.js';
-import '../../file-drop-zone/FileDropZoneIcon.js';
-import '../../file-drop-zone/FileDropZoneTrigger.js';
-import '../../flex-item/FlexItem.js';
-import '../../flex-layout/FlexLayout.js';
-import '../../flow-layout/FlowLayout.js';
-import '../../form-field/FormField.js';
-import '../../form-field-context/FormFieldContext.js';
-import '../../status-indicator/StatusIndicator.js';
-import '../../grid-item/GridItem.js';
-import '../../grid-layout/GridLayout.js';
-import '../../input/Input.js';
-import '../../interactable-card/InteractableCard.js';
-import '../../interactable-card/InteractableCardGroup.js';
-import '../../interactable-card/InteractableCardGroupContext.js';
-import '../../link/Link.js';
-import '../../link-card/LinkCard.js';
-import '../../list-box/ListBox.js';
-import '../../list-control/ListControlContext.js';
-import '@floating-ui/react';
-import '../../menu/MenuContext.js';
-import '../../menu/MenuItem.js';
-import '../../menu/MenuPanel.js';
-import '../../menu/MenuPanelContext.js';
-import '../../menu/MenuTriggerContext.js';
-import '../../menu/MenuGroup.js';
-import '../../multiline-input/MultilineInput.js';
-import '../../navigation-item/NavigationItem.js';
-import '../../option/Option.js';
-import '../../option/OptionGroup.js';
-import '../../overlay/OverlayContext.js';
-import '../../overlay/OverlayPanel.js';
-import '../../overlay/OverlayPanelCloseButton.js';
-import '../../overlay/OverlayPanelContent.js';
-import '../../pagination/Pagination.js';
-import '../../pagination/Paginator.js';
-import '../../pagination/CompactInput.js';
-import '../../pagination/CompactPaginator.js';
-import '../../pagination/GoToInput.js';
-import '../../panel/Panel.js';
-import '../../parent-child-layout/ParentChildLayout.js';
-import '../../pill/Pill.js';
-import '../CircularProgress/CircularProgress.js';
-import '../../radio-button/RadioButton.js';
-import '../../radio-button/RadioButtonGroup.js';
-import '../../scrim/Scrim.js';
-import '../../segmented-button-group/SegmentedButtonGroup.js';
-import '../../spinner/Spinner.js';
-import '../../stack-layout/StackLayout.js';
-import '../../status-adornment/StatusAdornment.js';
-import '../../toast/Toast.js';
-import '../../toast/ToastContent.js';
-import '../../split-layout/SplitLayout.js';
-import '../../switch/Switch.js';
-import '../../tag/Tag.js';
-import '../../toggle-button/ToggleButton.js';
-import '../../toggle-button-group/ToggleButtonGroup.js';
-import '../../toggle-button-group/ToggleButtonGroupContext.js';
-import '../../tooltip/Tooltip.js';
-import '../../semantic-icon-provider/SemanticIconProvider.js';
 import css_248z from './LinearProgress.css.js';
 
 const withBaseName = makePrefixer("saltLinearProgress");
@@ -132,40 +43,34 @@ const LinearProgress = forwardRef(
     const bufferStyle = {
       width: `${buffer}%`
     };
-    return /* @__PURE__ */ jsxs("div", {
-      className: clsx(withBaseName(), className),
-      ref,
-      role: "progressbar",
-      "aria-valuemax": max,
-      "aria-valuemin": min,
-      "aria-valuenow": value === void 0 ? void 0 : Math.round(value),
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsxs("div", {
-          className: withBaseName("barContainer"),
-          children: [
-            /* @__PURE__ */ jsx("div", {
-              className: clsx(withBaseName("bar"), {
-                [withBaseName("indeterminate")]: isIndeterminate
-              }),
-              style: barStyle
-            }),
-            bufferValue && bufferValue > 0 ? /* @__PURE__ */ jsx("div", {
-              className: withBaseName("buffer"),
-              style: bufferStyle
-            }) : null,
-            /* @__PURE__ */ jsx("div", {
-              className: withBaseName("track")
-            })
-          ]
-        }),
-        !hideLabel && /* @__PURE__ */ jsx(Text, {
-          styleAs: "h2",
-          className: withBaseName("progressLabel"),
-          children: isIndeterminate ? "\u2014 %" : `${Math.round(progress)} %`
-        })
-      ]
-    });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: clsx(withBaseName(), className),
+        ref,
+        role: "progressbar",
+        "aria-valuemax": max,
+        "aria-valuemin": min,
+        "aria-valuenow": value === void 0 ? void 0 : Math.round(value),
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: withBaseName("barContainer"), children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: clsx(withBaseName("bar"), {
+                  [withBaseName("indeterminate")]: isIndeterminate
+                }),
+                style: barStyle
+              }
+            ),
+            bufferValue && bufferValue > 0 ? /* @__PURE__ */ jsx("div", { className: withBaseName("buffer"), style: bufferStyle }) : null,
+            /* @__PURE__ */ jsx("div", { className: withBaseName("track") })
+          ] }),
+          !hideLabel && /* @__PURE__ */ jsx(Text, { styleAs: "h2", className: withBaseName("progressLabel"), children: isIndeterminate ? "\u2014 %" : `${Math.round(progress)} %` })
+        ]
+      }
+    );
   }
 );
 

package/dist-es/progress/LinearProgress/LinearProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinearProgress.js","sources":["../src/progress/LinearProgress/LinearProgress.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { Text } from \"../../text\";\nimport { makePrefixer } from \"../../utils\";\n\nimport linearProgressCss from \"./LinearProgress.css\";\n\nconst withBaseName = makePrefixer(\"saltLinearProgress\");\n\nexport interface LinearProgressProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The value of the buffer indicator.\n   * Value between `min` and `max`.\n   * When no `value` and `bufferValue` is passed in, show as indeterminate state.\n   */\n  bufferValue?: number;\n  /**\n   * Whether to hide the text label within the progress. Defaults to `false`.\n   */\n  hideLabel?: boolean;\n  /**\n   * The value of the max progress indicator.\n   * Default value is 100.\n   */\n  max?: number;\n  /**\n   * The value of the min progress indicator.\n   * Default value is 0.\n   */\n  min?: number;\n  /**\n   * The value of the progress indicator.\n   * Value between `min` and `max`.\n   * When no `value` and `bufferValue` is passed in, show as indeterminate state.\n   */\n  value?: number;\n}\n\nexport const LinearProgress = forwardRef<HTMLDivElement, LinearProgressProps>(\n  function LinearProgress(\n    {\n      className,\n      hideLabel = false,\n      max = 100,\n      min = 0,\n      value,\n      bufferValue,\n      ...rest\n    },\n    ref,\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-linear-progress\",\n      css: linearProgressCss,\n      window: targetWindow,\n    });\n\n    const isIndeterminate = value === undefined && bufferValue === undefined;\n    const progress =\n      value === undefined ? 0 : ((value - min) / (max - min)) * 100;\n    const buffer =\n      bufferValue === undefined ? 0 : ((bufferValue - min) / (max - min)) * 100;\n    const barStyle = {\n      width: isIndeterminate ? undefined : `${progress}%`,\n    };\n    const bufferStyle = {\n      width: `${buffer}%`,\n    };\n\n    return (\n      <div\n        className={clsx(withBaseName(), className)}\n        ref={ref}\n        role=\"progressbar\"\n        aria-valuemax={max}\n        aria-valuemin={min}\n        aria-valuenow={value === undefined ? undefined : Math.round(value)}\n        {...rest}\n      >\n        <div className={withBaseName(\"barContainer\")}>\n          <div\n            className={clsx(withBaseName(\"bar\"), {\n              [withBaseName(\"indeterminate\")]: isIndeterminate,\n            })}\n            style={barStyle}\n          />\n          {bufferValue && bufferValue > 0 ? (\n            <div className={withBaseName(\"buffer\")} style={bufferStyle} />\n          ) : null}\n          <div className={withBaseName(\"track\")} />\n        </div>\n        {!hideLabel && (\n          <Text styleAs=\"h2\" className={withBaseName(\"progressLabel\")}>\n            {isIndeterminate ? \"— %\" : `${Math.round(progress)} %`}\n          </Text>\n        )}\n      </div>\n    );\n  },\n);\n"],"names":["LinearProgress","linearProgressCss"],"mappings":"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"}
+{"version":3,"file":"LinearProgress.js","sources":["../src/progress/LinearProgress/LinearProgress.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { Text } from \"../../text\";\nimport { makePrefixer } from \"../../utils\";\n\nimport linearProgressCss from \"./LinearProgress.css\";\n\nconst withBaseName = makePrefixer(\"saltLinearProgress\");\n\nexport interface LinearProgressProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The value of the buffer indicator.\n   * Value between `min` and `max`.\n   * When no `value` and `bufferValue` is passed in, show as indeterminate state.\n   */\n  bufferValue?: number;\n  /**\n   * Whether to hide the text label within the progress. Defaults to `false`.\n   */\n  hideLabel?: boolean;\n  /**\n   * The value of the max progress indicator.\n   * Default value is 100.\n   */\n  max?: number;\n  /**\n   * The value of the min progress indicator.\n   * Default value is 0.\n   */\n  min?: number;\n  /**\n   * The value of the progress indicator.\n   * Value between `min` and `max`.\n   * When no `value` and `bufferValue` is passed in, show as indeterminate state.\n   */\n  value?: number;\n}\n\nexport const LinearProgress = forwardRef<HTMLDivElement, LinearProgressProps>(\n  function LinearProgress(\n    {\n      className,\n      hideLabel = false,\n      max = 100,\n      min = 0,\n      value,\n      bufferValue,\n      ...rest\n    },\n    ref,\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-linear-progress\",\n      css: linearProgressCss,\n      window: targetWindow,\n    });\n\n    const isIndeterminate = value === undefined && bufferValue === undefined;\n    const progress =\n      value === undefined ? 0 : ((value - min) / (max - min)) * 100;\n    const buffer =\n      bufferValue === undefined ? 0 : ((bufferValue - min) / (max - min)) * 100;\n    const barStyle = {\n      width: isIndeterminate ? undefined : `${progress}%`,\n    };\n    const bufferStyle = {\n      width: `${buffer}%`,\n    };\n\n    return (\n      <div\n        className={clsx(withBaseName(), className)}\n        ref={ref}\n        role=\"progressbar\"\n        aria-valuemax={max}\n        aria-valuemin={min}\n        aria-valuenow={value === undefined ? undefined : Math.round(value)}\n        {...rest}\n      >\n        <div className={withBaseName(\"barContainer\")}>\n          <div\n            className={clsx(withBaseName(\"bar\"), {\n              [withBaseName(\"indeterminate\")]: isIndeterminate,\n            })}\n            style={barStyle}\n          />\n          {bufferValue && bufferValue > 0 ? (\n            <div className={withBaseName(\"buffer\")} style={bufferStyle} />\n          ) : null}\n          <div className={withBaseName(\"track\")} />\n        </div>\n        {!hideLabel && (\n          <Text styleAs=\"h2\" className={withBaseName(\"progressLabel\")}>\n            {isIndeterminate ? \"— %\" : `${Math.round(progress)} %`}\n          </Text>\n        )}\n      </div>\n    );\n  },\n);\n"],"names":["LinearProgress","linearProgressCss"],"mappings":";;;;;;;;;;;;;;;;;;;AASA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA;AA+B/C,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,SAASA,eACP,CAAA;AAAA,IACE,SAAA;AAAA,IACA,SAAY,GAAA,KAAA;AAAA,IACZ,GAAM,GAAA,GAAA;AAAA,IACN,GAAM,GAAA,CAAA;AAAA,IACN,KAAA;AAAA,IACA,WAAA;AAAA,IACA,GAAG;AAAA,KAEL,GACA,EAAA;AACA,IAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,sBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAM,MAAA,eAAA,GAAkB,KAAU,KAAA,KAAA,CAAA,IAAa,WAAgB,KAAA,KAAA,CAAA;AAC/D,IAAA,MAAM,WACJ,KAAU,KAAA,KAAA,CAAA,GAAY,KAAM,KAAQ,GAAA,GAAA,KAAQ,MAAM,GAAQ,CAAA,GAAA,GAAA;AAC5D,IAAA,MAAM,SACJ,WAAgB,KAAA,KAAA,CAAA,GAAY,KAAM,WAAc,GAAA,GAAA,KAAQ,MAAM,GAAQ,CAAA,GAAA,GAAA;AACxE,IAAA,MAAM,QAAW,GAAA;AAAA,MACf,KAAO,EAAA,eAAA,GAAkB,KAAY,CAAA,GAAA,CAAA,EAAG,QAAQ,CAAA,CAAA;AAAA,KAClD;AACA,IAAA,MAAM,WAAc,GAAA;AAAA,MAClB,KAAA,EAAO,GAAG,MAAM,CAAA,CAAA;AAAA,KAClB;AAEA,IACE,uBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,QACzC,GAAA;AAAA,QACA,IAAK,EAAA,aAAA;AAAA,QACL,eAAe,EAAA,GAAA;AAAA,QACf,eAAe,EAAA,GAAA;AAAA,QACf,iBAAe,KAAU,KAAA,KAAA,CAAA,GAAY,KAAY,CAAA,GAAA,IAAA,CAAK,MAAM,KAAK,CAAA;AAAA,QAChE,GAAG,IAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,YAAa,CAAA,cAAc,CACzC,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,KAAK,CAAG,EAAA;AAAA,kBACnC,CAAC,YAAA,CAAa,eAAe,CAAC,GAAG;AAAA,iBAClC,CAAA;AAAA,gBACD,KAAO,EAAA;AAAA;AAAA,aACT;AAAA,YACC,WAAA,IAAe,WAAc,GAAA,CAAA,mBAC3B,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,YAAA,CAAa,QAAQ,CAAA,EAAG,KAAO,EAAA,WAAA,EAAa,CAC1D,GAAA,IAAA;AAAA,4BACH,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,YAAA,CAAa,OAAO,CAAG,EAAA;AAAA,WACzC,EAAA,CAAA;AAAA,UACC,CAAC,SACA,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MAAK,SAAW,EAAA,YAAA,CAAa,eAAe,CAAA,EACvD,4BAAkB,UAAQ,GAAA,CAAA,EAAG,KAAK,KAAM,CAAA,QAAQ,CAAC,CACpD,EAAA,CAAA,EAAA;AAAA;AAAA;AAAA,KAEJ;AAAA;AAGN;;;;"}

package/dist-es/radio-button/RadioButton.css.js

@@ -1,4 +1,4 @@
-var css_248z = "/* Styles applied to RadioButton container */\n.saltRadioButton {\n  display: inline-flex;\n  gap: var(--salt-spacing-100);\n  cursor: var(--salt-selectable-cursor-hover);\n  position: relative;\n\n  font-size: var(--salt-text-fontSize);\n  line-height: var(--salt-text-lineHeight);\n  font-family: var(--salt-text-fontFamily);\n  font-weight: var(--salt-text-fontWeight);\n\n  --radioButton-icon-margin: calc((var(--salt-text-lineHeight) - var(--salt-size-selectable)) / 2);\n}\n\n/* Styles applied when RadioButton is disabled */\n.saltRadioButton-disabled {\n  color: var(--salt-content-primary-foreground-disabled);\n  cursor: var(--salt-selectable-cursor-disabled);\n}\n\n/* Styles applied to root component if `readOnly={true}` */\n.saltRadioButton-readOnly {\n  color: var(--salt-content-primary-foreground);\n  cursor: var(--salt-selectable-cursor-readonly);\n}\n\n/* Styles applied to input component */\n.saltRadioButton-input {\n  cursor: inherit;\n  position: absolute;\n  height: var(--salt-size-selectable);\n  opacity: 0;\n  padding: 0;\n  width: var(--salt-size-selectable);\n  z-index: var(--salt-zIndex-default);\n}\n\n.saltRadioButton-input,\n.saltRadioButtonIcon {\n  margin: var(--radioButton-icon-margin) 0;\n  box-sizing: border-box;\n}\n\n/* Styles applied to icon when :focus-visible */\n.saltRadioButton-input:focus-visible + .saltRadioButtonIcon {\n  outline: var(--saltRadioButton-outline, var(--salt-focused-outline));\n  outline-offset: var(--salt-focused-outlineOffset);\n  border-color: var(--salt-selectable-borderColor-hover);\n  color: var(--salt-selectable-foreground-hover);\n}\n\n.saltRadioButton-input:focus-visible + .saltRadioButtonIcon-checked {\n  border-color: var(--salt-selectable-borderColor-selected);\n  color: var(--salt-selectable-foreground-selected);\n}\n\n.saltRadioButton-error .saltRadioButton-input:focus-visible + .saltRadioButtonIcon {\n  outline-color: var(--salt-status-error-foreground-decorative);\n  border-color: var(--salt-status-error-borderColor);\n  color: var(--salt-status-error-foreground-decorative);\n}\n\n.saltRadioButton-warning .saltRadioButton-input:focus-visible + .saltRadioButtonIcon {\n  outline-color: var(--salt-status-warning-foreground-decorative);\n  border-color: var(--salt-status-warning-borderColor);\n  color: var(--salt-status-warning-foreground-decorative);\n}\n";
+var css_248z = "/* Styles applied to RadioButton container */\n.saltRadioButton {\n  display: inline-flex;\n  gap: var(--salt-spacing-100);\n  cursor: var(--salt-selectable-cursor-hover);\n  position: relative;\n\n  font-size: var(--salt-text-fontSize);\n  line-height: var(--salt-text-lineHeight);\n  font-family: var(--salt-text-fontFamily);\n  font-weight: var(--salt-text-fontWeight);\n\n  --radioButton-icon-margin: calc((var(--salt-text-lineHeight) - var(--salt-size-selectable)) / 2);\n}\n\n/* Styles applied when RadioButton is disabled */\n.saltRadioButton-disabled {\n  color: var(--salt-content-primary-foreground-disabled);\n  cursor: var(--salt-selectable-cursor-disabled);\n}\n\n/* Styles applied to root component if `readOnly={true}` */\n.saltRadioButton-readOnly {\n  color: var(--salt-content-primary-foreground);\n  cursor: var(--salt-selectable-cursor-readonly);\n}\n\n/* Styles applied to input component */\n.saltRadioButton-input {\n  cursor: inherit;\n  position: absolute;\n  height: var(--salt-size-selectable);\n  opacity: 0;\n  padding: 0;\n  width: var(--salt-size-selectable);\n  z-index: var(--salt-zIndex-default);\n}\n\n.saltRadioButton-input,\n.saltRadioButtonIcon {\n  margin: var(--radioButton-icon-margin) 0;\n  box-sizing: border-box;\n}\n\n/* Styles applied to icon when :focus-visible */\n.saltRadioButton-input:focus-visible + .saltRadioButtonIcon {\n  outline: var(--saltRadioButton-outline, var(--salt-focused-outline));\n  outline-offset: var(--salt-focused-outlineOffset);\n  border-color: var(--salt-selectable-borderColor-hover);\n  color: var(--salt-selectable-foreground-hover);\n  clip-path: unset;\n}\n\n.saltRadioButton-input:focus-visible + .saltRadioButtonIcon-checked {\n  border-color: var(--salt-selectable-borderColor-selected);\n  color: var(--salt-selectable-foreground-selected);\n}\n\n.saltRadioButton-error .saltRadioButton-input:focus-visible + .saltRadioButtonIcon {\n  outline-color: var(--salt-status-error-foreground-decorative);\n  border-color: var(--salt-status-error-borderColor);\n  color: var(--salt-status-error-foreground-decorative);\n}\n\n.saltRadioButton-warning .saltRadioButton-input:focus-visible + .saltRadioButtonIcon {\n  outline-color: var(--salt-status-warning-foreground-decorative);\n  border-color: var(--salt-status-warning-borderColor);\n  color: var(--salt-status-warning-foreground-decorative);\n}\n";
 
 export { css_248z as default };
 //# sourceMappingURL=RadioButton.css.js.map