@salt-ds/core 1.0.0

package/dist-cjs/packages/core/src/salt-provider/SaltProvider.js

@@ -0,0 +1,158 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('classnames');
+var React = require('react');
+require('../aria-announcer/AriaAnnouncerContext.js');
+require('../utils/useId.js');
+var useIsomorphicLayoutEffect = require('../utils/useIsomorphicLayoutEffect.js');
+var ViewportProvider = require('../viewport/ViewportProvider.js');
+var AriaAnnouncerProvider = require('../aria-announcer/AriaAnnouncerProvider.js');
+var Breakpoints = require('../breakpoints/Breakpoints.js');
+require('./SaltProvider.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const DEFAULT_DENSITY = "medium";
+const DEFAULT_THEME_NAME = "salt-theme";
+const DEFAULT_MODE = "light";
+const DensityContext = React.createContext(DEFAULT_DENSITY);
+const ThemeContext = React.createContext({
+  theme: "",
+  mode: DEFAULT_MODE
+});
+const BreakpointContext = React.createContext(Breakpoints.DEFAULT_BREAKPOINTS);
+const createThemedChildren = (children, themeName, density, mode, applyClassesTo) => {
+  var _a;
+  const themeNames = themeName === DEFAULT_THEME_NAME ? [DEFAULT_THEME_NAME] : [DEFAULT_THEME_NAME, themeName];
+  if (applyClassesTo === "root") {
+    return children;
+  } else if (applyClassesTo === "child") {
+    if (React__default["default"].isValidElement(children)) {
+      return React__default["default"].cloneElement(children, {
+        className: cx__default["default"](
+          (_a = children.props) == null ? void 0 : _a.className,
+          ...themeNames,
+          `salt-density-${density}`
+        ),
+        "data-mode": mode
+      });
+    } else {
+      console.warn(
+        `
+SaltProvider can only apply CSS classes for theming to a single nested child element of the SaltProvider.
+        Either wrap elements with a single container or consider removing the applyClassesToChild prop, in which case a
+        div element will wrap your child elements`
+      );
+      return children;
+    }
+  } else {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", {
+      className: cx__default["default"](
+        `salt-provider`,
+        ...themeNames,
+        `salt-density-${density}`
+      ),
+      "data-mode": mode,
+      children
+    });
+  }
+};
+function SaltProvider({
+  applyClassesTo: applyClassesToProp,
+  children,
+  density: densityProp,
+  theme: themeProp,
+  mode: modeProp,
+  breakpoints: breakpointsProp
+}) {
+  var _a;
+  const inheritedDensity = React.useContext(DensityContext);
+  const { theme: inheritedThemes, mode: inheritedMode } = useTheme();
+  const isRoot = inheritedThemes === void 0 || inheritedThemes === "";
+  const density = (_a = densityProp != null ? densityProp : inheritedDensity) != null ? _a : DEFAULT_DENSITY;
+  const themeName = themeProp != null ? themeProp : inheritedThemes === "" ? DEFAULT_THEME_NAME : inheritedThemes;
+  const mode = modeProp != null ? modeProp : inheritedMode;
+  const breakpoints = breakpointsProp != null ? breakpointsProp : Breakpoints.DEFAULT_BREAKPOINTS;
+  const applyClassesTo = applyClassesToProp != null ? applyClassesToProp : isRoot ? "root" : "scope";
+  const themeContextValue = React.useMemo(
+    () => ({ theme: themeName, mode }),
+    [themeName, mode]
+  );
+  const themedChildren = createThemedChildren(
+    children,
+    themeName,
+    density,
+    mode,
+    applyClassesTo
+  );
+  useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
+    const themeNames = themeName === DEFAULT_THEME_NAME ? [DEFAULT_THEME_NAME] : [DEFAULT_THEME_NAME, themeName];
+    if (applyClassesTo === "root") {
+      if (isRoot) {
+        document.documentElement.classList.add(
+          ...themeNames,
+          `salt-density-${density}`
+        );
+        document.documentElement.dataset.mode = mode;
+      } else {
+        console.warn(
+          "\nSaltProvider can only apply CSS classes to the root if it is the root level SaltProvider."
+        );
+      }
+    }
+    return () => {
+      if (applyClassesTo === "root") {
+        document.documentElement.classList.remove(
+          ...themeNames,
+          `salt-density-${density}`
+        );
+        document.documentElement.dataset.mode = void 0;
+      }
+    };
+  }, [applyClassesTo, density, isRoot, mode, themeName]);
+  const saltProvider = /* @__PURE__ */ jsxRuntime.jsx(DensityContext.Provider, {
+    value: density,
+    children: /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, {
+      value: themeContextValue,
+      children: /* @__PURE__ */ jsxRuntime.jsx(BreakpointContext.Provider, {
+        value: breakpoints,
+        children: /* @__PURE__ */ jsxRuntime.jsx(ViewportProvider.ViewportProvider, {
+          children: themedChildren
+        })
+      })
+    })
+  });
+  if (isRoot) {
+    return /* @__PURE__ */ jsxRuntime.jsx(AriaAnnouncerProvider.AriaAnnouncerProvider, {
+      children: saltProvider
+    });
+  } else {
+    return saltProvider;
+  }
+}
+const useTheme = () => {
+  return React.useContext(ThemeContext);
+};
+function useDensity(density) {
+  const densityFromContext = React.useContext(DensityContext);
+  return density || densityFromContext || DEFAULT_DENSITY;
+}
+const useBreakpoints = () => {
+  return React.useContext(BreakpointContext);
+};
+
+exports.BreakpointContext = BreakpointContext;
+exports.DEFAULT_DENSITY = DEFAULT_DENSITY;
+exports.DensityContext = DensityContext;
+exports.SaltProvider = SaltProvider;
+exports.ThemeContext = ThemeContext;
+exports.useBreakpoints = useBreakpoints;
+exports.useDensity = useDensity;
+exports.useTheme = useTheme;
+//# sourceMappingURL=SaltProvider.js.map

package/dist-cjs/packages/core/src/salt-provider/SaltProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaltProvider.js","sources":["../src/salt-provider/SaltProvider.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n  createContext,\n  HTMLAttributes,\n  ReactElement,\n  ReactNode,\n  useContext,\n  useMemo,\n} from \"react\";\nimport { AriaAnnouncerProvider } from \"../aria-announcer\";\nimport { Breakpoints, DEFAULT_BREAKPOINTS } from \"../breakpoints\";\nimport { Density, Mode, ThemeName } from \"../theme\";\nimport { ViewportProvider } from \"../viewport\";\nimport { useIsomorphicLayoutEffect } from \"../utils\";\n\nimport \"./SaltProvider.css\";\n\nexport const DEFAULT_DENSITY = \"medium\";\n\nconst DEFAULT_THEME_NAME = \"salt-theme\";\n\nconst DEFAULT_MODE = \"light\";\n\nexport interface ThemeContextProps {\n  theme: ThemeName;\n  mode: Mode;\n}\n\nexport const DensityContext = createContext<Density>(DEFAULT_DENSITY);\n\nexport const ThemeContext = createContext<ThemeContextProps>({\n  theme: \"\",\n  mode: DEFAULT_MODE,\n});\n\nexport const BreakpointContext =\n  createContext<Breakpoints>(DEFAULT_BREAKPOINTS);\n\nconst createThemedChildren = (\n  children: ReactNode,\n  themeName: ThemeName,\n  density: Density,\n  mode: Mode,\n  applyClassesTo?: TargetElement\n) => {\n  const themeNames =\n    themeName === DEFAULT_THEME_NAME\n      ? [DEFAULT_THEME_NAME]\n      : [DEFAULT_THEME_NAME, themeName];\n  if (applyClassesTo === \"root\") {\n    return children;\n  } else if (applyClassesTo === \"child\") {\n    if (React.isValidElement<HTMLAttributes<HTMLElement>>(children)) {\n      return React.cloneElement(children, {\n        className: cx(\n          children.props?.className,\n          ...themeNames,\n          `salt-density-${density}`\n        ),\n        // @ts-ignore\n        \"data-mode\": mode,\n      });\n    } else {\n      console.warn(\n        `\\nSaltProvider can only apply CSS classes for theming to a single nested child element of the SaltProvider.\n        Either wrap elements with a single container or consider removing the applyClassesToChild prop, in which case a\n        div element will wrap your child elements`\n      );\n      return children;\n    }\n  } else {\n    return (\n      <div\n        className={cx(\n          `salt-provider`,\n          ...themeNames,\n          `salt-density-${density}`\n        )}\n        data-mode={mode}\n      >\n        {children}\n      </div>\n    );\n  }\n};\n\ntype TargetElement = \"root\" | \"scope\" | \"child\";\n\ntype SaltProviderBaseProps = {\n  applyClassesTo?: TargetElement;\n  density?: Density;\n  theme?: ThemeName;\n  mode?: Mode;\n  breakpoints?: Breakpoints;\n};\n\ninterface SaltProviderThatAppliesClassesToChild extends SaltProviderBaseProps {\n  children: ReactElement;\n  applyClassesTo: \"child\";\n}\n\ninterface SaltProviderThatInjectsThemeElement extends SaltProviderBaseProps {\n  children: ReactNode;\n}\n\ninterface SaltProviderThatClassesToRoot\n  extends SaltProviderThatInjectsThemeElement {\n  applyClassesTo: \"root\";\n}\n\ntype SaltProviderProps =\n  | SaltProviderThatAppliesClassesToChild\n  | SaltProviderThatInjectsThemeElement\n  | SaltProviderThatClassesToRoot;\n\nexport function SaltProvider({\n  applyClassesTo: applyClassesToProp,\n  children,\n  density: densityProp,\n  theme: themeProp,\n  mode: modeProp,\n  breakpoints: breakpointsProp,\n}: SaltProviderProps) {\n  const inheritedDensity = useContext(DensityContext);\n  const { theme: inheritedThemes, mode: inheritedMode } = useTheme();\n\n  const isRoot = inheritedThemes === undefined || inheritedThemes === \"\";\n  const density = densityProp ?? inheritedDensity ?? DEFAULT_DENSITY;\n  const themeName =\n    themeProp ??\n    (inheritedThemes === \"\" ? DEFAULT_THEME_NAME : inheritedThemes);\n  const mode = modeProp ?? inheritedMode;\n  const breakpoints = breakpointsProp ?? DEFAULT_BREAKPOINTS;\n\n  const applyClassesTo = applyClassesToProp ?? (isRoot ? \"root\" : \"scope\");\n\n  const themeContextValue = useMemo(\n    () => ({ theme: themeName, mode }),\n    [themeName, mode]\n  );\n\n  const themedChildren = createThemedChildren(\n    children,\n    themeName,\n    density,\n    mode,\n    applyClassesTo\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    const themeNames =\n      themeName === DEFAULT_THEME_NAME\n        ? [DEFAULT_THEME_NAME]\n        : [DEFAULT_THEME_NAME, themeName];\n    if (applyClassesTo === \"root\") {\n      if (isRoot) {\n        // add the styles we want to apply\n        document.documentElement.classList.add(\n          ...themeNames,\n          `salt-density-${density}`\n        );\n        document.documentElement.dataset.mode = mode;\n      } else {\n        console.warn(\n          \"\\nSaltProvider can only apply CSS classes to the root if it is the root level SaltProvider.\"\n        );\n      }\n    }\n    return () => {\n      if (applyClassesTo === \"root\") {\n        // When unmounting/remounting, remove the applied styles from the root\n        document.documentElement.classList.remove(\n          ...themeNames,\n          `salt-density-${density}`\n        );\n        document.documentElement.dataset.mode = undefined;\n      }\n    };\n  }, [applyClassesTo, density, isRoot, mode, themeName]);\n\n  const saltProvider = (\n    <DensityContext.Provider value={density}>\n      <ThemeContext.Provider value={themeContextValue}>\n        <BreakpointContext.Provider value={breakpoints}>\n          <ViewportProvider>{themedChildren}</ViewportProvider>\n        </BreakpointContext.Provider>\n      </ThemeContext.Provider>\n    </DensityContext.Provider>\n  );\n\n  if (isRoot) {\n    return <AriaAnnouncerProvider>{saltProvider}</AriaAnnouncerProvider>;\n  } else {\n    return saltProvider;\n  }\n}\n\nexport const useTheme = (): ThemeContextProps => {\n  return useContext(ThemeContext);\n};\n\n/**\n * `useDensity` merges density value from `DensityContext` with the one from component's props.\n */\nexport function useDensity(density?: Density): Density {\n  const densityFromContext = useContext(DensityContext);\n  return density || densityFromContext || DEFAULT_DENSITY;\n}\n\nexport const useBreakpoints = (): Breakpoints => {\n  return useContext(BreakpointContext);\n};\n"],"names":["createContext","DEFAULT_BREAKPOINTS","React","cx","jsx","useContext","useMemo","useIsomorphicLayoutEffect","ViewportProvider","AriaAnnouncerProvider"],"mappings":"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"}

package/dist-cjs/packages/core/src/stack-layout/StackLayout.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var FlexLayout = require('../flex-layout/FlexLayout.js');
+
+const StackLayout = React.forwardRef(
+  function StackLayout2(props, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(FlexLayout.FlexLayout, {
+      direction: "column",
+      ref,
+      ...props
+    });
+  }
+);
+
+exports.StackLayout = StackLayout;
+//# sourceMappingURL=StackLayout.js.map

package/dist-cjs/packages/core/src/stack-layout/StackLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackLayout.js","sources":["../src/stack-layout/StackLayout.tsx"],"sourcesContent":["import { ElementType, forwardRef, HTMLAttributes } from \"react\";\nimport { FlexLayout, FlexLayoutProps } from \"../flex-layout\";\n\nexport interface StackLayoutProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Defines the default behavior for how flex items are laid out along the cross axis on the current line, default is \"stretch\".\n   */\n  align?: FlexLayoutProps<ElementType>[\"align\"];\n  /**\n   * Controls the space between items, default is 3.\n   */\n  gap?: FlexLayoutProps<ElementType>[\"gap\"];\n  /**\n   * Adds a separator between elements, default is false.\n   */\n  separators?: FlexLayoutProps<ElementType>[\"separators\"];\n}\n\nexport const StackLayout = forwardRef<HTMLDivElement, StackLayoutProps>(\n  function StackLayout(props, ref) {\n    return <FlexLayout direction=\"column\" ref={ref} {...props} />;\n  }\n);\n"],"names":["forwardRef","StackLayout","jsx","FlexLayout"],"mappings":";;;;;;;;AAkBO,MAAM,WAAc,GAAAA,gBAAA;AAAA,EACzB,SAASC,YAAY,CAAA,KAAA,EAAO,GAAK,EAAA;AAC/B,IAAA,uBAAQC,cAAA,CAAAC,qBAAA,EAAA;AAAA,MAAW,SAAU,EAAA,QAAA;AAAA,MAAS,GAAA;AAAA,MAAW,GAAG,KAAA;AAAA,KAAO,CAAA,CAAA;AAAA,GAC7D;AACF;;;;"}

package/dist-cjs/packages/core/src/status-indicator/StatusIndicator.css.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".saltStatusIndicator {\n  --statusIndicator-warning-color: var(--salt-status-warning-foreground);\n  --statusIndicator-info-color: var(--salt-status-info-foreground);\n  --statusIndicator-success-color: var(--salt-status-success-foreground);\n  --statusIndicator-error-color: var(--salt-status-error-foreground);\n}\n\n.saltStatusIndicator-error {\n  --saltIcon-color: var(--saltStatusIndicator-color, var(--statusIndicator-error-color));\n}\n\n.saltStatusIndicator-warning {\n  --saltIcon-color: var(--saltStatusIndicator-color, var(--statusIndicator-warning-color));\n}\n\n.saltStatusIndicator-success {\n  --saltIcon-color: var(--saltStatusIndicator-color, var(--statusIndicator-success-color));\n}\n\n.saltStatusIndicator-info {\n  --saltIcon-color: var(--saltStatusIndicator-color, var(--statusIndicator-info-color));\n}\n";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=StatusIndicator.css.js.map

package/dist-cjs/packages/core/src/status-indicator/StatusIndicator.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIndicator.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist-cjs/packages/core/src/status-indicator/StatusIndicator.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var icons$1 = require('@salt-ds/icons');
+var cx = require('classnames');
+var React = require('react');
+var makePrefixer = require('../utils/makePrefixer.js');
+require('../utils/useId.js');
+require('../salt-provider/SaltProvider.js');
+require('../viewport/ViewportProvider.js');
+require('./StatusIndicator.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const icons = {
+  error: icons$1.ErrorSolidIcon,
+  success: icons$1.SuccessTickIcon,
+  warning: icons$1.WarningSolidIcon,
+  info: icons$1.InfoSolidIcon
+};
+const statusToAriaLabelMap = {
+  error: "error",
+  success: "success",
+  warning: "warning",
+  info: "info"
+};
+const withBaseName = makePrefixer.makePrefixer("saltStatusIndicator");
+const StatusIndicator = React.forwardRef(
+  function StatusIndicator2({ className, status, size = icons$1.DEFAULT_ICON_SIZE, ...restProps }, ref) {
+    const IconComponent = icons[status];
+    const ariaLabel = statusToAriaLabelMap[status];
+    return /* @__PURE__ */ jsxRuntime.jsx(IconComponent, {
+      className: cx__default["default"](withBaseName(), withBaseName(status), className),
+      size,
+      "aria-label": ariaLabel,
+      ...restProps,
+      ref
+    });
+  }
+);
+
+exports.StatusIndicator = StatusIndicator;
+//# sourceMappingURL=StatusIndicator.js.map

package/dist-cjs/packages/core/src/status-indicator/StatusIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIndicator.js","sources":["../src/status-indicator/StatusIndicator.tsx"],"sourcesContent":["import {\n  DEFAULT_ICON_SIZE,\n  ErrorSolidIcon,\n  IconProps,\n  InfoSolidIcon,\n  SuccessTickIcon,\n  WarningSolidIcon,\n} from \"@salt-ds/icons\";\nimport classnames from \"classnames\";\nimport { forwardRef } from \"react\";\nimport { makePrefixer } from \"../utils\";\nimport { ValidationStatus } from \"./ValidationStatus\";\n\nimport \"./StatusIndicator.css\";\n\nconst icons = {\n  error: ErrorSolidIcon,\n  success: SuccessTickIcon,\n  warning: WarningSolidIcon,\n  info: InfoSolidIcon,\n};\n\nexport interface StatusIndicatorProps extends IconProps {\n  /**\n   * Status indicator to be displayed.\n   */\n  status: ValidationStatus;\n}\n\nconst statusToAriaLabelMap: Record<ValidationStatus, string> = {\n  error: \"error\",\n  success: \"success\",\n  warning: \"warning\",\n  info: \"info\",\n};\n\nconst withBaseName = makePrefixer(\"saltStatusIndicator\");\n\nexport const StatusIndicator = forwardRef<SVGSVGElement, StatusIndicatorProps>(\n  function StatusIndicator(\n    { className, status, size = DEFAULT_ICON_SIZE, ...restProps },\n    ref\n  ) {\n    const IconComponent = icons[status];\n    const ariaLabel = statusToAriaLabelMap[status];\n\n    return (\n      <IconComponent\n        className={classnames(withBaseName(), withBaseName(status), className)}\n        size={size}\n        aria-label={ariaLabel}\n        {...restProps}\n        ref={ref}\n      />\n    );\n  }\n);\n"],"names":["ErrorSolidIcon","SuccessTickIcon","WarningSolidIcon","InfoSolidIcon","makePrefixer","forwardRef","StatusIndicator","DEFAULT_ICON_SIZE","jsx","classnames"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,MAAM,KAAQ,GAAA;AAAA,EACZ,KAAO,EAAAA,sBAAA;AAAA,EACP,OAAS,EAAAC,uBAAA;AAAA,EACT,OAAS,EAAAC,wBAAA;AAAA,EACT,IAAM,EAAAC,qBAAA;AACR,CAAA,CAAA;AASA,MAAM,oBAAyD,GAAA;AAAA,EAC7D,KAAO,EAAA,OAAA;AAAA,EACP,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,IAAM,EAAA,MAAA;AACR,CAAA,CAAA;AAEA,MAAM,YAAA,GAAeC,0BAAa,qBAAqB,CAAA,CAAA;AAEhD,MAAM,eAAkB,GAAAC,gBAAA;AAAA,EAC7B,SAASC,iBACP,EAAE,SAAA,EAAW,QAAQ,IAAO,GAAAC,yBAAA,EAAA,GAAsB,SAAU,EAAA,EAC5D,GACA,EAAA;AACA,IAAA,MAAM,gBAAgB,KAAM,CAAA,MAAA,CAAA,CAAA;AAC5B,IAAA,MAAM,YAAY,oBAAqB,CAAA,MAAA,CAAA,CAAA;AAEvC,IAAA,uBACGC,cAAA,CAAA,aAAA,EAAA;AAAA,MACC,WAAWC,sBAAW,CAAA,YAAA,IAAgB,YAAa,CAAA,MAAM,GAAG,SAAS,CAAA;AAAA,MACrE,IAAA;AAAA,MACA,YAAY,EAAA,SAAA;AAAA,MACX,GAAG,SAAA;AAAA,MACJ,GAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/packages/core/src/status-indicator/ValidationStatus.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const VALIDATION_NAMED_STATUS = [
+  "error",
+  "warning",
+  "success",
+  "info"
+];
+
+exports.VALIDATION_NAMED_STATUS = VALIDATION_NAMED_STATUS;
+//# sourceMappingURL=ValidationStatus.js.map

package/dist-cjs/packages/core/src/status-indicator/ValidationStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationStatus.js","sources":["../src/status-indicator/ValidationStatus.ts"],"sourcesContent":["export const VALIDATION_NAMED_STATUS = [\n  \"error\",\n  \"warning\",\n  \"success\",\n  \"info\",\n] as const;\n\nexport type ValidationStatus = typeof VALIDATION_NAMED_STATUS[number];\n"],"names":[],"mappings":";;;;AAAO,MAAM,uBAA0B,GAAA;AAAA,EACrC,OAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AACF;;;;"}

package/dist-cjs/packages/core/src/text/Display.js

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var makePrefixer = require('../utils/makePrefixer.js');
+require('../utils/useId.js');
+require('../salt-provider/SaltProvider.js');
+require('../viewport/ViewportProvider.js');
+var cx = require('classnames');
+var Text = require('./Text.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const withBaseName = makePrefixer.makePrefixer("saltText");
+const Display1 = React.forwardRef(function Display12({ children, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Text.Text, {
+    as: "span",
+    className: cx__default["default"](className, withBaseName(`display1`)),
+    ref,
+    ...rest,
+    children
+  });
+});
+const Display2 = React.forwardRef(function Display22({ children, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Text.Text, {
+    as: "span",
+    className: cx__default["default"](className, withBaseName(`display2`)),
+    ref,
+    ...rest,
+    children
+  });
+});
+const Display3 = React.forwardRef(function Display32({ children, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Text.Text, {
+    as: "span",
+    className: cx__default["default"](className, withBaseName(`display3`)),
+    ref,
+    ...rest,
+    children
+  });
+});
+
+exports.Display1 = Display1;
+exports.Display2 = Display2;
+exports.Display3 = Display3;
+//# sourceMappingURL=Display.js.map

package/dist-cjs/packages/core/src/text/Display.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Display.js","sources":["../src/text/Display.tsx"],"sourcesContent":["import { makePrefixer } from \"../utils\";\nimport cx from \"classnames\";\nimport { forwardRef } from \"react\";\nimport { Text, TextProps } from \"./Text\";\n\nconst withBaseName = makePrefixer(\"saltText\");\n\nexport const Display1 = forwardRef<\n  HTMLSpanElement,\n  Omit<TextProps<\"span\">, \"as\">\n>(function Display1({ children, className, ...rest }, ref) {\n  return (\n    <Text\n      as=\"span\"\n      className={cx(className, withBaseName(`display1`))}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Text>\n  );\n});\n\nexport const Display2 = forwardRef<\n  HTMLSpanElement,\n  Omit<TextProps<\"span\">, \"as\">\n>(function Display2({ children, className, ...rest }, ref) {\n  return (\n    <Text\n      as=\"span\"\n      className={cx(className, withBaseName(`display2`))}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Text>\n  );\n});\n\nexport const Display3 = forwardRef<\n  HTMLSpanElement,\n  Omit<TextProps<\"span\">, \"as\">\n>(function Display3({ children, className, ...rest }, ref) {\n  return (\n    <Text\n      as=\"span\"\n      className={cx(className, withBaseName(`display3`))}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Text>\n  );\n});\n"],"names":["makePrefixer","forwardRef","Display1","jsx","Text","cx","Display2","Display3"],"mappings":";;;;;;;;;;;;;;;;;AAKA,MAAM,YAAA,GAAeA,0BAAa,UAAU,CAAA,CAAA;AAE/B,MAAA,QAAA,GAAWC,iBAGtB,SAASC,SAAAA,CAAS,EAAE,QAAU,EAAA,SAAA,EAAA,GAAc,IAAK,EAAA,EAAG,GAAK,EAAA;AACzD,EAAA,uBACGC,cAAA,CAAAC,SAAA,EAAA;AAAA,IACC,EAAG,EAAA,MAAA;AAAA,IACH,SAAW,EAAAC,sBAAA,CAAG,SAAW,EAAA,YAAA,CAAa,UAAU,CAAC,CAAA;AAAA,IACjD,GAAA;AAAA,IACC,GAAG,IAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC,EAAA;AAEY,MAAA,QAAA,GAAWJ,iBAGtB,SAASK,SAAAA,CAAS,EAAE,QAAU,EAAA,SAAA,EAAA,GAAc,IAAK,EAAA,EAAG,GAAK,EAAA;AACzD,EAAA,uBACGH,cAAA,CAAAC,SAAA,EAAA;AAAA,IACC,EAAG,EAAA,MAAA;AAAA,IACH,SAAW,EAAAC,sBAAA,CAAG,SAAW,EAAA,YAAA,CAAa,UAAU,CAAC,CAAA;AAAA,IACjD,GAAA;AAAA,IACC,GAAG,IAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC,EAAA;AAEY,MAAA,QAAA,GAAWJ,iBAGtB,SAASM,SAAAA,CAAS,EAAE,QAAU,EAAA,SAAA,EAAA,GAAc,IAAK,EAAA,EAAG,GAAK,EAAA;AACzD,EAAA,uBACGJ,cAAA,CAAAC,SAAA,EAAA;AAAA,IACC,EAAG,EAAA,MAAA;AAAA,IACH,SAAW,EAAAC,sBAAA,CAAG,SAAW,EAAA,YAAA,CAAa,UAAU,CAAC,CAAA;AAAA,IACjD,GAAA;AAAA,IACC,GAAG,IAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;;;"}

package/dist-cjs/packages/core/src/text/Headings.js

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var Text = require('./Text.js');
+
+const H1 = React.forwardRef(
+  function H12({ children, ...rest }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Text.Text, {
+      as: "h1",
+      ref,
+      ...rest,
+      children
+    });
+  }
+);
+const H2 = React.forwardRef(
+  function H22({ children, ...rest }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Text.Text, {
+      as: "h2",
+      ref,
+      ...rest,
+      children
+    });
+  }
+);
+const H3 = React.forwardRef(
+  function H32({ children, ...rest }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Text.Text, {
+      as: "h3",
+      ref,
+      ...rest,
+      children
+    });
+  }
+);
+const H4 = React.forwardRef(
+  function H42({ children, ...rest }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Text.Text, {
+      as: "h4",
+      ref,
+      ...rest,
+      children
+    });
+  }
+);
+
+exports.H1 = H1;
+exports.H2 = H2;
+exports.H3 = H3;
+exports.H4 = H4;
+//# sourceMappingURL=Headings.js.map

package/dist-cjs/packages/core/src/text/Headings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Headings.js","sources":["../src/text/Headings.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { Text, TextProps } from \"./Text\";\n\nexport const H1 = forwardRef<HTMLHeadingElement, Omit<TextProps<\"h1\">, \"as\">>(\n  function H1({ children, ...rest }, ref) {\n    return (\n      <Text as=\"h1\" ref={ref} {...rest}>\n        {children}\n      </Text>\n    );\n  }\n);\n\nexport const H2 = forwardRef<HTMLHeadingElement, Omit<TextProps<\"h2\">, \"as\">>(\n  function H2({ children, ...rest }, ref) {\n    return (\n      <Text as=\"h2\" ref={ref} {...rest}>\n        {children}\n      </Text>\n    );\n  }\n);\n\nexport const H3 = forwardRef<HTMLHeadingElement, Omit<TextProps<\"h3\">, \"as\">>(\n  function H3({ children, ...rest }, ref) {\n    return (\n      <Text as=\"h3\" ref={ref} {...rest}>\n        {children}\n      </Text>\n    );\n  }\n);\n\nexport const H4 = forwardRef<HTMLHeadingElement, Omit<TextProps<\"h4\">, \"as\">>(\n  function H4({ children, ...rest }, ref) {\n    return (\n      <Text as=\"h4\" ref={ref} {...rest}>\n        {children}\n      </Text>\n    );\n  }\n);\n"],"names":["forwardRef","H1","jsx","Text","H2","H3","H4"],"mappings":";;;;;;;;AAIO,MAAM,EAAK,GAAAA,gBAAA;AAAA,EAChB,SAASC,GAAG,CAAA,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACtC,IAAA,uBACGC,cAAA,CAAAC,SAAA,EAAA;AAAA,MAAK,EAAG,EAAA,IAAA;AAAA,MAAK,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,MACzB,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEO,MAAM,EAAK,GAAAH,gBAAA;AAAA,EAChB,SAASI,GAAG,CAAA,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACtC,IAAA,uBACGF,cAAA,CAAAC,SAAA,EAAA;AAAA,MAAK,EAAG,EAAA,IAAA;AAAA,MAAK,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,MACzB,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEO,MAAM,EAAK,GAAAH,gBAAA;AAAA,EAChB,SAASK,GAAG,CAAA,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACtC,IAAA,uBACGH,cAAA,CAAAC,SAAA,EAAA;AAAA,MAAK,EAAG,EAAA,IAAA;AAAA,MAAK,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,MACzB,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEO,MAAM,EAAK,GAAAH,gBAAA;AAAA,EAChB,SAASM,GAAG,CAAA,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACtC,IAAA,uBACGJ,cAAA,CAAAC,SAAA,EAAA;AAAA,MAAK,EAAG,EAAA,IAAA;AAAA,MAAK,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,MACzB,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;;;;"}

package/dist-cjs/packages/core/src/text/Label.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var Text = require('./Text.js');
+
+const Label = React.forwardRef(function Label2({ children, ...rest }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Text.Text, {
+    as: "label",
+    ref,
+    ...rest,
+    children
+  });
+});
+
+exports.Label = Label;
+//# sourceMappingURL=Label.js.map

package/dist-cjs/packages/core/src/text/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../src/text/Label.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Text, TextProps } from \"./Text\";\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  Omit<TextProps<\"label\">, \"as\">\n>(function Label({ children, ...rest }, ref) {\n  return (\n    <Text as=\"label\" ref={ref} {...rest}>\n      {children}\n    </Text>\n  );\n});\n"],"names":["forwardRef","Label","jsx","Text"],"mappings":";;;;;;;;AAGa,MAAA,KAAA,GAAQA,iBAGnB,SAASC,MAAAA,CAAM,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AAC3C,EAAA,uBACGC,cAAA,CAAAC,SAAA,EAAA;AAAA,IAAK,EAAG,EAAA,OAAA;AAAA,IAAQ,GAAA;AAAA,IAAW,GAAG,IAAA;AAAA,IAC5B,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/packages/core/src/text/Text.css.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = "/* Main css class. Style for body text */\n.saltText {\n  font-size: var(--salt-text-fontSize);\n  line-height: var(--salt-text-lineHeight);\n  color: var(--saltText-color, var(--text-color));\n}\n\n/* Allows truncation */\n.saltText-lineClamp {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--text-max-rows, 0);\n  overflow: hidden;\n  word-break: break-word;\n}\n\n/* Primary variant */\n.saltText-primary {\n  --text-color: var(--salt-text-primary-foreground);\n}\n\n/* Secondary variant */\n.saltText-secondary {\n  --text-color: var(--salt-text-secondary-foreground);\n}\n\n/* Body emphasis strong */\n.saltText strong {\n  font-weight: var(--salt-text-fontWeight-strong);\n}\n/* Body emphasis small */\n.saltText small {\n  font-size: inherit;\n  font-weight: var(--salt-text-fontWeight-small);\n}\n\n/* Display 1 */\n.saltText-display1.saltText {\n  font-size: var(--salt-text-display1-fontSize);\n  font-weight: var(--salt-text-display1-fontWeight);\n  line-height: var(--salt-text-display1-lineHeight);\n}\n\n/* Display 2 */\n.saltText-display2.saltText {\n  font-size: var(--salt-text-display2-fontSize);\n  font-weight: var(--salt-text-display2-fontWeight);\n  line-height: var(--salt-text-display2-lineHeight);\n}\n\n/* Display 3 */\n.saltText-display3.saltText {\n  font-size: var(--salt-text-display3-fontSize);\n  font-weight: var(--salt-text-display3-fontWeight);\n  line-height: var(--salt-text-display3-lineHeight);\n}\n\n/* Heading 1 */\nh1.saltText,\n.saltText-h1.saltText {\n  font-size: var(--salt-text-h1-fontSize);\n  font-weight: var(--salt-text-h1-fontWeight);\n  line-height: var(--salt-text-h1-lineHeight);\n}\n\n/* H1 emphasis strong */\nh1.saltText strong,\n.saltText-h1.saltText strong {\n  font-weight: var(--salt-text-h1-fontWeight-strong);\n}\n/* H1 emphasis small */\nh1.saltText small,\n.saltText-h1.saltText small {\n  font-size: inherit;\n  font-weight: var(--salt-text-h1-fontWeight-small);\n}\n\n/* Heading 2 */\nh2.saltText,\n.saltText-h2.saltText {\n  font-size: var(--salt-text-h2-fontSize);\n  font-weight: var(--salt-text-h2-fontWeight);\n  line-height: var(--salt-text-h2-lineHeight);\n}\n\n/* H2 emphasis strong */\nh2.saltText strong,\n.saltText-h2.saltText strong {\n  font-weight: var(--salt-text-h2-fontWeight-strong);\n}\n/* H2 emphasis small */\nh2.saltText small,\n.saltText-h2.saltText small {\n  font-size: inherit;\n  font-weight: var(--salt-text-h2-fontWeight-small);\n}\n\n/* Heading 3 */\nh3.saltText,\n.saltText-h3.saltText {\n  font-size: var(--salt-text-h3-fontSize);\n  font-weight: var(--salt-text-h3-fontWeight);\n  line-height: var(--salt-text-h3-lineHeight);\n}\n\n/* H3 emphasis strong */\nh3.saltText strong,\n.saltText-h3.saltText strong {\n  font-weight: var(--salt-text-h3-fontWeight-strong);\n}\n/* H3 emphasis small */\nh3.saltText small,\n.saltText-h3.saltText small {\n  font-size: inherit;\n  font-weight: var(--salt-text-h3-fontWeight-small);\n}\n\n/* Heading 4 */\nh4.saltText,\n.saltText-h4.saltText {\n  font-size: var(--salt-text-h4-fontSize);\n  font-weight: var(--salt-text-h4-fontWeight);\n  line-height: var(--salt-text-h4-lineHeight);\n}\n\n/* H4 emphasis strong */\nh4.saltText strong,\n.saltText-h4.saltText strong {\n  font-weight: var(--salt-text-h4-fontWeight-strong);\n}\n/* H4 emphasis small */\nh4.saltText small,\n.saltText-h4.saltText small {\n  font-size: inherit;\n  font-weight: var(--salt-text-h4-fontWeight-small);\n}\n\n/* Label */\nlabel.saltText,\n.saltText-label.saltText {\n  font-size: var(--salt-text-label-fontSize);\n  line-height: var(--salt-text-label-lineHeight);\n  font-weight: var(--salt-text-fontWeight);\n}\n\n/* Label emphasis strong */\nlabel.saltText strong,\n.saltText-label.saltText strong {\n  font-weight: var(--salt-text-fontWeight-strong);\n}\n/* Label emphasis small */\nlabel.saltText small,\n.saltText-label.saltText small {\n  font-size: inherit;\n  font-weight: var(--salt-text-fontWeight-small);\n}\n";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=Text.css.js.map

package/dist-cjs/packages/core/src/text/Text.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist-cjs/packages/core/src/text/Text.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var makePrefixer = require('../utils/makePrefixer.js');
+require('../utils/useId.js');
+require('../salt-provider/SaltProvider.js');
+require('../viewport/ViewportProvider.js');
+var cx = require('classnames');
+require('./Text.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const withBaseName = makePrefixer.makePrefixer("saltText");
+const Text = React.forwardRef(
+  ({
+    children,
+    className,
+    as,
+    maxRows,
+    styleAs,
+    variant = "primary",
+    style,
+    ...restProps
+  }, ref) => {
+    const Component = as || "div";
+    const textStyles = { "--text-max-rows": maxRows, ...style };
+    return /* @__PURE__ */ jsxRuntime.jsx(Component, {
+      className: cx__default["default"](withBaseName(), className, {
+        [withBaseName("lineClamp")]: maxRows,
+        [withBaseName(styleAs || "")]: styleAs,
+        [withBaseName(variant)]: variant
+      }),
+      ...restProps,
+      ref,
+      style: textStyles,
+      children
+    });
+  }
+);
+
+exports.Text = Text;
+//# sourceMappingURL=Text.js.map

package/dist-cjs/packages/core/src/text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sources":["../src/text/Text.tsx"],"sourcesContent":["import {\n  makePrefixer,\n  PolymorphicComponentPropWithRef,\n  PolymorphicRef,\n} from \"../utils\";\nimport cx from \"classnames\";\nimport { ElementType, forwardRef, ReactElement } from \"react\";\n\nimport \"./Text.css\";\n\nexport type TextProps<T extends ElementType> = PolymorphicComponentPropWithRef<\n  T,\n  {\n    /**\n     * Apply text truncation by mentioning number of rows to be displayed\n     */\n    maxRows?: number;\n    /**\n     * Match styling to another text component's style\n     */\n    styleAs?:\n      | \"h1\"\n      | \"h2\"\n      | \"h3\"\n      | \"h4\"\n      | \"label\"\n      | \"display1\"\n      | \"display2\"\n      | \"display3\";\n    /**\n     * Change text color palette\n     */\n    variant?: \"primary\" | \"secondary\";\n  }\n>;\n\ntype TextComponent = <T extends ElementType = \"div\">(\n  props: TextProps<T>\n) => ReactElement | null;\n\nconst withBaseName = makePrefixer(\"saltText\");\n\nexport const Text: TextComponent = forwardRef(\n  <T extends ElementType = \"div\">(\n    {\n      children,\n      className,\n      as,\n      maxRows,\n      styleAs,\n      variant = \"primary\",\n      style,\n      ...restProps\n    }: TextProps<T>,\n    ref?: PolymorphicRef<T>\n  ) => {\n    const Component = as || \"div\";\n\n    const textStyles = { \"--text-max-rows\": maxRows, ...style };\n\n    return (\n      <Component\n        className={cx(withBaseName(), className, {\n          [withBaseName(\"lineClamp\")]: maxRows,\n          [withBaseName(styleAs || \"\")]: styleAs,\n          [withBaseName(variant)]: variant,\n        })}\n        {...restProps}\n        ref={ref}\n        style={textStyles}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","jsx","cx"],"mappings":";;;;;;;;;;;;;;;;;AAwCA,MAAM,YAAA,GAAeA,0BAAa,UAAU,CAAA,CAAA;AAErC,MAAM,IAAsB,GAAAC,gBAAA;AAAA,EACjC,CACE;AAAA,IACE,QAAA;AAAA,IACA,SAAA;AAAA,IACA,EAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,KAAA;AAAA,IACG,GAAA,SAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,YAAY,EAAM,IAAA,KAAA,CAAA;AAExB,IAAA,MAAM,UAAa,GAAA,EAAE,iBAAmB,EAAA,OAAA,EAAS,GAAG,KAAM,EAAA,CAAA;AAE1D,IAAA,uBACGC,cAAA,CAAA,SAAA,EAAA;AAAA,MACC,SAAW,EAAAC,sBAAA,CAAG,YAAa,EAAA,EAAG,SAAW,EAAA;AAAA,QACvC,CAAC,YAAa,CAAA,WAAW,CAAI,GAAA,OAAA;AAAA,QAC7B,CAAC,YAAA,CAAa,OAAW,IAAA,EAAE,CAAI,GAAA,OAAA;AAAA,QAC/B,CAAC,YAAa,CAAA,OAAO,CAAI,GAAA,OAAA;AAAA,OAC1B,CAAA;AAAA,MACA,GAAG,SAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAO,EAAA,UAAA;AAAA,MAEN,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/packages/core/src/theme/Density.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const DensityValues = ["high", "medium", "low", "touch"];
+
+exports.DensityValues = DensityValues;
+//# sourceMappingURL=Density.js.map

package/dist-cjs/packages/core/src/theme/Density.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Density.js","sources":["../src/theme/Density.ts"],"sourcesContent":["export const DensityValues = [\"high\", \"medium\", \"low\", \"touch\"] as const;\n\nexport type Density = typeof DensityValues[number];\n"],"names":[],"mappings":";;;;AAAO,MAAM,aAAgB,GAAA,CAAC,MAAQ,EAAA,QAAA,EAAU,OAAO,OAAO;;;;"}

package/dist-cjs/packages/core/src/theme/Mode.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const ModeValues = ["light", "dark"];
+
+exports.ModeValues = ModeValues;
+//# sourceMappingURL=Mode.js.map

package/dist-cjs/packages/core/src/theme/Mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mode.js","sources":["../src/theme/Mode.ts"],"sourcesContent":["export const ModeValues = [\"light\", \"dark\"] as const;\n\nexport type Mode = typeof ModeValues[number];\n"],"names":[],"mappings":";;;;AAAa,MAAA,UAAA,GAAa,CAAC,OAAA,EAAS,MAAM;;;;"}

package/dist-cjs/packages/core/src/theme/Theme.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const getCharacteristicValue = (themeName, characteristicName, variant, scopeElement) => {
+  const cssVariableName = `--salt-${characteristicName}-${variant}`;
+  const scopeTarget = scopeElement || document.body.querySelector(`.${themeName}`);
+  if (scopeTarget) {
+    const style = getComputedStyle(scopeTarget);
+    const variableValue = style.getPropertyValue(cssVariableName);
+    if (variableValue) {
+      return variableValue;
+    }
+  }
+  return null;
+};
+
+exports.getCharacteristicValue = getCharacteristicValue;
+//# sourceMappingURL=Theme.js.map

package/dist-cjs/packages/core/src/theme/Theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.js","sources":["../src/theme/Theme.ts"],"sourcesContent":["export type characteristic =\n  | \"accent\"\n  | \"actionable\"\n  | \"container\"\n  | \"delay\"\n  | \"disabled\"\n  | \"draggable\"\n  | \"target\"\n  | \"editable\"\n  | \"focused\"\n  | \"measured\"\n  | \"navigable\"\n  | \"overlayable\"\n  | \"selectable\"\n  | \"separable\"\n  | \"taggable\"\n  | \"text\"\n  | \"status\"\n  // The next 4 are foundations, should they really be here?\n  | \"icon\"\n  | \"shadow\"\n  | \"size\"\n  | \"spacing\";\n\nexport type ThemeName = string;\n\nexport const getCharacteristicValue = (\n  themeName: ThemeName,\n  characteristicName: characteristic,\n  variant: string,\n  scopeElement?: HTMLElement\n): string | null => {\n  const cssVariableName = `--salt-${characteristicName}-${variant}`;\n  const scopeTarget =\n    scopeElement || document.body.querySelector(`.${themeName}`);\n  if (scopeTarget) {\n    const style = getComputedStyle(scopeTarget);\n    const variableValue = style.getPropertyValue(cssVariableName);\n    if (variableValue) {\n      return variableValue;\n    }\n  }\n  return null;\n};\n"],"names":[],"mappings":";;;;AA0BO,MAAM,sBAAyB,GAAA,CACpC,SACA,EAAA,kBAAA,EACA,SACA,YACkB,KAAA;AAClB,EAAM,MAAA,eAAA,GAAkB,UAAU,kBAAsB,CAAA,CAAA,EAAA,OAAA,CAAA,CAAA,CAAA;AACxD,EAAA,MAAM,cACJ,YAAgB,IAAA,QAAA,CAAS,IAAK,CAAA,aAAA,CAAc,IAAI,SAAW,CAAA,CAAA,CAAA,CAAA;AAC7D,EAAA,IAAI,WAAa,EAAA;AACf,IAAM,MAAA,KAAA,GAAQ,iBAAiB,WAAW,CAAA,CAAA;AAC1C,IAAM,MAAA,aAAA,GAAgB,KAAM,CAAA,gBAAA,CAAiB,eAAe,CAAA,CAAA;AAC5D,IAAA,IAAI,aAAe,EAAA;AACjB,MAAO,OAAA,aAAA,CAAA;AAAA,KACT;AAAA,GACF;AACA,EAAO,OAAA,IAAA,CAAA;AACT;;;;"}

package/dist-cjs/packages/core/src/utils/createChainedFunction.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function createChainedFunction(...funcs) {
+  return funcs.reduce(
+    (acc, func) => {
+      if (func == null) {
+        return acc;
+      }
+      return function chainedFunction(...args) {
+        acc.apply(this, args);
+        func.apply(this, args);
+      };
+    },
+    () => {
+    }
+  );
+}
+
+exports.createChainedFunction = createChainedFunction;
+//# sourceMappingURL=createChainedFunction.js.map

package/dist-cjs/packages/core/src/utils/createChainedFunction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createChainedFunction.js","sources":["../src/utils/createChainedFunction.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\ntype ChainedFunction<Args extends any[], This> =\n  | ((this: This, ...args: Args) => any)\n  | undefined\n  | null;\n\nexport function createChainedFunction<Args extends any[], This>(\n  ...funcs: ChainedFunction<Args, This>[]\n): (this: This, ...args: Args) => any {\n  return funcs.reduce<(this: This, ...args: Args) => any>(\n    (acc, func) => {\n      if (func == null) {\n        return acc;\n      }\n\n      return function chainedFunction(...args) {\n        acc.apply(this, args);\n        func.apply(this, args);\n      };\n    },\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    () => {}\n  );\n}\n"],"names":[],"mappings":";;;;AAOO,SAAS,yBACX,KACiC,EAAA;AACpC,EAAA,OAAO,KAAM,CAAA,MAAA;AAAA,IACX,CAAC,KAAK,IAAS,KAAA;AACb,MAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,QAAO,OAAA,GAAA,CAAA;AAAA,OACT;AAEA,MAAO,OAAA,SAAS,mBAAmB,IAAM,EAAA;AACvC,QAAI,GAAA,CAAA,KAAA,CAAM,MAAM,IAAI,CAAA,CAAA;AACpB,QAAK,IAAA,CAAA,KAAA,CAAM,MAAM,IAAI,CAAA,CAAA;AAAA,OACvB,CAAA;AAAA,KACF;AAAA,IAEA,MAAM;AAAA,KAAC;AAAA,GACT,CAAA;AACF;;;;"}

package/dist-cjs/packages/core/src/utils/createContext.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function createContext(name, defaultValue) {
+  const context = React.createContext(defaultValue);
+  if (process.env.NODE_ENV !== "production") {
+    context.displayName = name;
+  }
+  return context;
+}
+
+exports.createContext = createContext;
+//# sourceMappingURL=createContext.js.map

package/dist-cjs/packages/core/src/utils/createContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createContext.js","sources":["../src/utils/createContext.ts"],"sourcesContent":["import { createContext as createReactContext, Context } from \"react\";\n\nexport function createContext<ContextValueType>(\n  name: string,\n  defaultValue: ContextValueType\n): Context<ContextValueType> {\n  const context = createReactContext<ContextValueType>(defaultValue);\n  if (process.env.NODE_ENV !== \"production\") {\n    context.displayName = name;\n  }\n  return context;\n}\n"],"names":["createReactContext"],"mappings":";;;;;;AAEgB,SAAA,aAAA,CACd,MACA,YAC2B,EAAA;AAC3B,EAAM,MAAA,OAAA,GAAUA,oBAAqC,YAAY,CAAA,CAAA;AACjE,EAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,IAAA,OAAA,CAAQ,WAAc,GAAA,IAAA,CAAA;AAAA,GACxB;AACA,EAAO,OAAA,OAAA,CAAA;AACT;;;;"}