@salt-ds/lab 1.0.0-alpha.5 → 1.0.0-alpha.50

package/dist-cjs/packages/lab/src/contact-details/ContactTertiaryInfo.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var clsx = require('clsx');
-var React = require('react');
-require('./internal/FavoriteToggleWithTooltip.js');
-var ContactDetailsContext = require('./internal/ContactDetailsContext.js');
-
-const withBaseName = core.makePrefixer("saltContactTertiaryInfo");
-const ContactTertiaryInfo = React.forwardRef(function ContactTertiaryInfo2(props, ref) {
-  const { id: idProp, text, icon: Icon, className, ...restProps } = props;
-  const { variant, setTertiary, setTertiaryId } = ContactDetailsContext.useContactDetailsContext();
-  const id = core.useId(idProp);
-  React.useEffect(() => {
-    setTertiary(text);
-    setTertiaryId(id);
-    return () => {
-      setTertiary(void 0);
-      setTertiaryId(void 0);
-    };
-  }, [id, text, setTertiary, setTertiaryId]);
-  if (variant === "mini") {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(core.Text, {
-    ...restProps,
-    maxRows: 1,
-    styleAs: variant === "default" ? "h4" : void 0,
-    id,
-    ref,
-    className: clsx.clsx(withBaseName(), className),
-    "data-testid": "tertiary",
-    children: [
-      Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, {
-        className: withBaseName("icon")
-      }) : null,
-      text
-    ]
-  });
-});
-
-exports.ContactTertiaryInfo = ContactTertiaryInfo;
-//# sourceMappingURL=ContactTertiaryInfo.js.map

package/dist-cjs/packages/lab/src/contact-details/ContactTertiaryInfo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContactTertiaryInfo.js","sources":["../src/contact-details/ContactTertiaryInfo.tsx"],"sourcesContent":["import { makePrefixer, useId, Text } from \"@salt-ds/core\";\nimport { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { ComponentType, forwardRef, HTMLAttributes, useEffect } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactTertiaryInfo\");\n\nexport interface ContactTertiaryInfoProps\n  extends HTMLAttributes<HTMLDivElement> {\n  icon?: ComponentType<IconProps>;\n  text: string;\n}\n\nexport const ContactTertiaryInfo = forwardRef<\n  HTMLDivElement,\n  ContactTertiaryInfoProps\n>(function ContactTertiaryInfo(props, ref) {\n  const { id: idProp, text, icon: Icon, className, ...restProps } = props;\n  const { variant, setTertiary, setTertiaryId } = useContactDetailsContext();\n  const id = useId(idProp);\n\n  useEffect(() => {\n    setTertiary(text);\n    setTertiaryId(id);\n    return () => {\n      setTertiary(undefined);\n      setTertiaryId(undefined);\n    };\n  }, [id, text, setTertiary, setTertiaryId]);\n\n  if (variant === \"mini\") {\n    return null;\n  }\n\n  return (\n    <Text\n      {...restProps}\n      maxRows={1}\n      styleAs={variant === \"default\" ? \"h4\" : undefined}\n      id={id}\n      ref={ref}\n      className={clsx(withBaseName(), className)}\n      data-testid=\"tertiary\"\n    >\n      {Icon ? <Icon className={withBaseName(\"icon\")} /> : null}\n      {text}\n    </Text>\n  );\n});\n"],"names":["makePrefixer","forwardRef","ContactTertiaryInfo","useContactDetailsContext","useId","useEffect","jsxs","Text","clsx","jsx"],"mappings":";;;;;;;;;;;AAMA,MAAM,YAAA,GAAeA,kBAAa,yBAAyB,CAAA,CAAA;AAQpD,MAAM,mBAAsB,GAAAC,gBAAA,CAGjC,SAASC,oBAAAA,CAAoB,OAAO,GAAK,EAAA;AACzC,EAAM,MAAA,EAAE,IAAI,MAAQ,EAAA,IAAA,EAAM,MAAM,IAAM,EAAA,SAAA,EAAA,GAAc,WAAc,GAAA,KAAA,CAAA;AAClE,EAAA,MAAM,EAAE,OAAA,EAAS,WAAa,EAAA,aAAA,KAAkBC,8CAAyB,EAAA,CAAA;AACzE,EAAM,MAAA,EAAA,GAAKC,WAAM,MAAM,CAAA,CAAA;AAEvB,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,WAAA,CAAY,IAAI,CAAA,CAAA;AAChB,IAAA,aAAA,CAAc,EAAE,CAAA,CAAA;AAChB,IAAA,OAAO,MAAM;AACX,MAAA,WAAA,CAAY,KAAS,CAAA,CAAA,CAAA;AACrB,MAAA,aAAA,CAAc,KAAS,CAAA,CAAA,CAAA;AAAA,KACzB,CAAA;AAAA,KACC,CAAC,EAAA,EAAI,IAAM,EAAA,WAAA,EAAa,aAAa,CAAC,CAAA,CAAA;AAEzC,EAAA,IAAI,YAAY,MAAQ,EAAA;AACtB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,uBACGC,eAAA,CAAAC,SAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,OAAS,EAAA,CAAA;AAAA,IACT,OAAA,EAAS,OAAY,KAAA,SAAA,GAAY,IAAO,GAAA,KAAA,CAAA;AAAA,IACxC,EAAA;AAAA,IACA,GAAA;AAAA,IACA,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IACzC,aAAY,EAAA,UAAA;AAAA,IAEX,QAAA,EAAA;AAAA,MAAA,IAAA,mBAAQC,cAAA,CAAA,IAAA,EAAA;AAAA,QAAK,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAK,GAAA,IAAA;AAAA,MACnD,IAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/packages/lab/src/contact-details/MailLinkComponent.js

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var isEmail = require('../utils/isEmail.js');
-require('react');
-require('../utils/useFloatingUI.js');
-
-const MailLinkComponent = (props) => {
-  const { value, ...restProps } = props;
-  return isEmail.isEmail(value) ? /* @__PURE__ */ jsxRuntime.jsx(core.Link, {
-    href: `mailto:${value}`,
-    tabIndex: 0,
-    maxRows: 1,
-    ...restProps,
-    children: value
-  }) : /* @__PURE__ */ jsxRuntime.jsx(core.Text, {
-    maxRows: 1,
-    children: value
-  });
-};
-
-exports.MailLinkComponent = MailLinkComponent;
-//# sourceMappingURL=MailLinkComponent.js.map

package/dist-cjs/packages/lab/src/contact-details/MailLinkComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MailLinkComponent.js","sources":["../src/contact-details/MailLinkComponent.tsx"],"sourcesContent":["import { Link, Text } from \"@salt-ds/core\";\n\nimport { isEmail } from \"../utils\";\nimport { ValueComponentProps } from \"./types\";\n\nexport const MailLinkComponent = (props: ValueComponentProps) => {\n  const { value, ...restProps } = props;\n\n  return isEmail(value) ? (\n    <Link href={`mailto:${value}`} tabIndex={0} maxRows={1} {...restProps}>\n      {value}\n    </Link>\n  ) : (\n    <Text maxRows={1}>{value}</Text>\n  );\n};\n"],"names":["isEmail","jsx","Link","Text"],"mappings":";;;;;;;;;;AAKa,MAAA,iBAAA,GAAoB,CAAC,KAA+B,KAAA;AAC/D,EAAM,MAAA,EAAE,KAAU,EAAA,GAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAEhC,EAAO,OAAAA,eAAA,CAAQ,KAAK,CAAA,mBACjBC,cAAA,CAAAC,SAAA,EAAA;AAAA,IAAK,MAAM,CAAU,OAAA,EAAA,KAAA,CAAA,CAAA;AAAA,IAAS,QAAU,EAAA,CAAA;AAAA,IAAG,OAAS,EAAA,CAAA;AAAA,IAAI,GAAG,SAAA;AAAA,IACzD,QAAA,EAAA,KAAA;AAAA,GACH,oBAECD,cAAA,CAAAE,SAAA,EAAA;AAAA,IAAK,OAAS,EAAA,CAAA;AAAA,IAAI,QAAA,EAAA,KAAA;AAAA,GAAM,CAAA,CAAA;AAE7B;;;;"}

package/dist-cjs/packages/lab/src/contact-details/internal/ContactDetailsContext.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-const ContactDetailsContext = React.createContext(void 0);
-const useContactDetailsContext = () => {
-  const context = React.useContext(ContactDetailsContext);
-  if (!context && process.env.NODE_ENV !== "production") {
-    console.error(
-      `useContactDetailsContext should be used inside of ContactDetails`
-    );
-  }
-  return context;
-};
-
-exports.ContactDetailsContext = ContactDetailsContext;
-exports.useContactDetailsContext = useContactDetailsContext;
-//# sourceMappingURL=ContactDetailsContext.js.map

package/dist-cjs/packages/lab/src/contact-details/internal/ContactDetailsContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContactDetailsContext.js","sources":["../src/contact-details/internal/ContactDetailsContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport { ContactDetailsVariant } from \"../ContactDetails\";\n\nexport interface ContactDetailsContext {\n  variant: ContactDetailsVariant;\n\n  primary?: string;\n  setPrimary: (primary?: string) => void;\n  primaryId?: string;\n  setPrimaryId: (primaryId?: string) => void;\n\n  secondary?: string;\n  setSecondary: (secondary?: string) => void;\n  secondaryId?: string;\n  setSecondaryId: (secondaryId?: string) => void;\n\n  tertiary?: string;\n  setTertiary: (tertiary?: string) => void;\n  tertiaryId?: string;\n  setTertiaryId: (tertiaryId?: string) => void;\n\n  hasAvatar?: boolean;\n  setHasAvatar: (hasAvatar: boolean) => void;\n\n  isStacked?: boolean;\n}\n\nexport const ContactDetailsContext = createContext<\n  ContactDetailsContext | undefined\n>(undefined);\n\nexport const useContactDetailsContext = (): ContactDetailsContext => {\n  const context = useContext(ContactDetailsContext);\n  if (!context && process.env.NODE_ENV !== \"production\") {\n    console.error(\n      `useContactDetailsContext should be used inside of ContactDetails`\n    );\n  }\n  return context!;\n};\n"],"names":["createContext","useContext"],"mappings":";;;;;;AA2Ba,MAAA,qBAAA,GAAwBA,oBAEnC,KAAS,CAAA,EAAA;AAEJ,MAAM,2BAA2B,MAA6B;AACnE,EAAM,MAAA,OAAA,GAAUC,iBAAW,qBAAqB,CAAA,CAAA;AAChD,EAAA,IAAI,CAAC,OAAA,IAAW,OAAQ,CAAA,GAAA,CAAI,aAAa,YAAc,EAAA;AACrD,IAAQ,OAAA,CAAA,KAAA;AAAA,MACN,CAAA,gEAAA,CAAA;AAAA,KACF,CAAA;AAAA,GACF;AACA,EAAO,OAAA,OAAA,CAAA;AACT;;;;;"}

package/dist-cjs/packages/lab/src/contact-details/internal/FavoriteToggle.js

@@ -1,107 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var React = require('react');
-var StarIconContainer = require('./StarIconContainer.js');
-
-const FavoriteToggle = React.forwardRef(
-  function FavoriteToggle2(props, ref) {
-    const {
-      isSelected: isSelectedProp,
-      onBlur: onBlurProp,
-      onFocus: onFocusProp,
-      onClick: onClickProp,
-      onChange: onChangeProp,
-      onMouseEnter: onMouseEnterProp,
-      onMouseLeave: onMouseLeaveProp,
-      onKeyDown: onKeyDownProp,
-      ...restProps
-    } = props;
-    const {
-      isFocusVisibleRef,
-      ref: focusVisibleRef,
-      onFocus,
-      onBlur
-    } = core.useIsFocusVisible();
-    const [isFocused, setIsFocused] = React.useState(false);
-    const [isHighlighted, setIsHighlighted] = React.useState(false);
-    const [isFocusVisible, setIsFocusVisible] = React.useState(false);
-    const [isSelected, setIsSelected] = core.useControlled({
-      controlled: isSelectedProp,
-      default: false,
-      name: "FavoriteToggle",
-      state: "isSelected"
-    });
-    const toggleSelected = () => {
-      setIsSelected((s) => !s);
-      if (onChangeProp) {
-        onChangeProp(!isSelected);
-      }
-    };
-    const handleFocus = (event) => {
-      if (onFocusProp) {
-        onFocusProp(event);
-      }
-      onFocus(event);
-      setIsFocused(true);
-      setIsFocusVisible(isFocusVisibleRef.current);
-    };
-    const handleBlur = (event) => {
-      if (onBlurProp) {
-        onBlurProp(event);
-      }
-      onBlur();
-      setIsFocused(false);
-      setIsFocusVisible(false);
-    };
-    const handleClick = (event) => {
-      if (onClickProp) {
-        onClickProp(event);
-      }
-      setIsFocusVisible(isFocusVisibleRef.current);
-      toggleSelected();
-    };
-    const handleMouseEnter = (event) => {
-      if (onMouseEnterProp) {
-        onMouseEnterProp(event);
-      }
-      setIsHighlighted(true);
-    };
-    const handleMouseLeave = (event) => {
-      if (onMouseLeaveProp) {
-        onMouseLeaveProp(event);
-      }
-      setIsHighlighted(false);
-    };
-    const handleKeyDown = (event) => {
-      if (onKeyDownProp) {
-        onKeyDownProp(event);
-      }
-      setIsFocusVisible(isFocusVisibleRef.current);
-      if (["Enter", " "].includes(event.key)) {
-        toggleSelected();
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(StarIconContainer.StarIconContainer, {
-      isFocusVisible,
-      isFocused,
-      isHighlighted,
-      isSelected,
-      onBlur: handleBlur,
-      onClick: handleClick,
-      onFocus: handleFocus,
-      onKeyDown: handleKeyDown,
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      ref: core.useForkRef(focusVisibleRef, ref),
-      tabIndex: 0,
-      ...restProps
-    });
-  }
-);
-
-exports.FavoriteToggle = FavoriteToggle;
-//# sourceMappingURL=FavoriteToggle.js.map

package/dist-cjs/packages/lab/src/contact-details/internal/FavoriteToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FavoriteToggle.js","sources":["../src/contact-details/internal/FavoriteToggle.tsx"],"sourcesContent":["import { useControlled, useForkRef, useIsFocusVisible } from \"@salt-ds/core\";\nimport React, {\n  FocusEventHandler,\n  forwardRef,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  useState,\n} from \"react\";\nimport { StarIconContainer, StarIconContainerProps } from \"./StarIconContainer\";\n\nexport interface FavoriteToggleProps\n  extends Omit<StarIconContainerProps, \"onChange\"> {\n  onBlur?: FocusEventHandler;\n  onChange?: (isSelected: boolean) => void;\n  onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;\n  onFocus?: FocusEventHandler;\n  onKeyDown?: KeyboardEventHandler<HTMLSpanElement>;\n  onMouseEnter?: MouseEventHandler<HTMLSpanElement>;\n  onMouseLeave?: MouseEventHandler<HTMLSpanElement>;\n}\n\nexport const FavoriteToggle = forwardRef<HTMLSpanElement, FavoriteToggleProps>(\n  function FavoriteToggle(props, ref) {\n    const {\n      isSelected: isSelectedProp,\n      onBlur: onBlurProp,\n      onFocus: onFocusProp,\n      onClick: onClickProp,\n      onChange: onChangeProp,\n      onMouseEnter: onMouseEnterProp,\n      onMouseLeave: onMouseLeaveProp,\n      onKeyDown: onKeyDownProp,\n      ...restProps\n    } = props;\n\n    const {\n      isFocusVisibleRef,\n      ref: focusVisibleRef,\n      onFocus,\n      onBlur,\n    } = useIsFocusVisible<HTMLSpanElement>();\n\n    const [isFocused, setIsFocused] = useState(false);\n    const [isHighlighted, setIsHighlighted] = useState(false);\n    const [isFocusVisible, setIsFocusVisible] = useState(false);\n\n    const [isSelected, setIsSelected] = useControlled({\n      controlled: isSelectedProp,\n      default: false,\n      name: \"FavoriteToggle\",\n      state: \"isSelected\",\n    });\n\n    const toggleSelected = () => {\n      setIsSelected((s) => !s);\n      if (onChangeProp) {\n        onChangeProp(!isSelected);\n      }\n    };\n\n    const handleFocus: FocusEventHandler<HTMLSpanElement> = (event) => {\n      if (onFocusProp) {\n        onFocusProp(event);\n      }\n      onFocus(event);\n      setIsFocused(true);\n      setIsFocusVisible(isFocusVisibleRef.current);\n    };\n\n    const handleBlur: FocusEventHandler<HTMLSpanElement> = (event) => {\n      if (onBlurProp) {\n        onBlurProp(event);\n      }\n      onBlur();\n      setIsFocused(false);\n      setIsFocusVisible(false);\n    };\n\n    const handleClick: React.MouseEventHandler<HTMLSpanElement> = (event) => {\n      if (onClickProp) {\n        onClickProp(event);\n      }\n      setIsFocusVisible(isFocusVisibleRef.current);\n      toggleSelected();\n    };\n\n    const handleMouseEnter: React.MouseEventHandler<HTMLSpanElement> = (\n      event\n    ) => {\n      if (onMouseEnterProp) {\n        onMouseEnterProp(event);\n      }\n      setIsHighlighted(true);\n    };\n\n    const handleMouseLeave: React.MouseEventHandler<HTMLSpanElement> = (\n      event\n    ) => {\n      if (onMouseLeaveProp) {\n        onMouseLeaveProp(event);\n      }\n      setIsHighlighted(false);\n    };\n\n    const handleKeyDown: KeyboardEventHandler<HTMLSpanElement> = (event) => {\n      if (onKeyDownProp) {\n        onKeyDownProp(event);\n      }\n      setIsFocusVisible(isFocusVisibleRef.current);\n\n      if ([\"Enter\", \" \"].includes(event.key)) {\n        toggleSelected();\n      }\n    };\n\n    return (\n      <StarIconContainer\n        isFocusVisible={isFocusVisible}\n        isFocused={isFocused}\n        isHighlighted={isHighlighted}\n        isSelected={isSelected}\n        onBlur={handleBlur}\n        onClick={handleClick}\n        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        ref={useForkRef(focusVisibleRef, ref)}\n        tabIndex={0}\n        {...restProps}\n      />\n    );\n  }\n);\n"],"names":["forwardRef","FavoriteToggle","useIsFocusVisible","useState","useControlled","jsx","StarIconContainer","useForkRef"],"mappings":"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"}

package/dist-cjs/packages/lab/src/contact-details/internal/FavoriteToggleWithTooltip.js

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@salt-ds/core');
-var FavoriteToggle = require('./FavoriteToggle.js');
-
-const FavoriteToggleWithTooltip = React.forwardRef(function FavoriteToggleWithTooltip2(props, ref) {
-  const {
-    tooltipTitle = "Toggle favorite",
-    tooltipProps,
-    ...restProps
-  } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, {
-    enterDelay: 1500,
-    placement: "bottom",
-    content: tooltipTitle,
-    children: /* @__PURE__ */ jsxRuntime.jsx(FavoriteToggle.FavoriteToggle, {
-      ref,
-      ...restProps
-    })
-  });
-});
-
-exports.FavoriteToggleWithTooltip = FavoriteToggleWithTooltip;
-//# sourceMappingURL=FavoriteToggleWithTooltip.js.map

package/dist-cjs/packages/lab/src/contact-details/internal/FavoriteToggleWithTooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FavoriteToggleWithTooltip.js","sources":["../src/contact-details/internal/FavoriteToggleWithTooltip.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Tooltip, TooltipProps } from \"@salt-ds/core\";\nimport { FavoriteToggle, FavoriteToggleProps } from \"./FavoriteToggle\";\n\nexport interface FavoriteToggleWithTooltipProps extends FavoriteToggleProps {\n  tooltipProps?: TooltipProps;\n  tooltipTitle?: string;\n}\n\nexport const FavoriteToggleWithTooltip = forwardRef<\n  HTMLSpanElement,\n  FavoriteToggleWithTooltipProps\n>(function FavoriteToggleWithTooltip(props, ref) {\n  const {\n    tooltipTitle = \"Toggle favorite\",\n    tooltipProps,\n    ...restProps\n  } = props;\n\n  return (\n    <Tooltip enterDelay={1500} placement=\"bottom\" content={tooltipTitle}>\n      <FavoriteToggle ref={ref} {...restProps} />\n    </Tooltip>\n  );\n});\n"],"names":["forwardRef","FavoriteToggleWithTooltip","jsx","Tooltip","FavoriteToggle"],"mappings":";;;;;;;;;AASO,MAAM,yBAA4B,GAAAA,gBAAA,CAGvC,SAASC,0BAAAA,CAA0B,OAAO,GAAK,EAAA;AAC/C,EAAM,MAAA;AAAA,IACJ,YAAe,GAAA,iBAAA;AAAA,IACf,YAAA;AAAA,IACG,GAAA,SAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAA,uBACGC,cAAA,CAAAC,YAAA,EAAA;AAAA,IAAQ,UAAY,EAAA,IAAA;AAAA,IAAM,SAAU,EAAA,QAAA;AAAA,IAAS,OAAS,EAAA,YAAA;AAAA,IACrD,QAAC,kBAAAD,cAAA,CAAAE,6BAAA,EAAA;AAAA,MAAe,GAAA;AAAA,MAAW,GAAG,SAAA;AAAA,KAAW,CAAA;AAAA,GAC3C,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/packages/lab/src/contact-details/internal/StarIcon.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-
-const filledPath = "M6,0,4.21,4.05,0,4.58l3.11,3L2.29,12,6,9.5,9.71,12,8.89,7.62l3.11-3L7.79,4.05,6,0Z";
-const hollowPath = "M6,2.47l.87,2L7.1,5,7.66,5l2.16.27L8.19,6.91l-.38.37.1.53.38,2L6.56,8.67,6,8.29l-.56.38L3.71,9.84l.38-2,.1-.53-.38-.37L2.18,5.31,4.34,5,4.9,5l.23-.52.87-2M6,0,4.21,4.05,0,4.58l3.11,3L2.29,12,6,9.5,9.71,12,8.89,7.62l3.11-3L7.79,4.05,6,0Z";
-const StarIcon = React.forwardRef(
-  function StarIcon2({ className, selected, highlighted }, ref) {
-    const path = !selected && !highlighted ? hollowPath : filledPath;
-    return /* @__PURE__ */ jsxRuntime.jsx("svg", {
-      "aria-hidden": "true",
-      className,
-      ref,
-      viewBox: "0 0 12 12",
-      children: /* @__PURE__ */ jsxRuntime.jsx("g", {
-        fillRule: "evenodd",
-        children: /* @__PURE__ */ jsxRuntime.jsx("path", {
-          d: path
-        })
-      })
-    });
-  }
-);
-
-exports.StarIcon = StarIcon;
-//# sourceMappingURL=StarIcon.js.map

package/dist-cjs/packages/lab/src/contact-details/internal/StarIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StarIcon.js","sources":["../src/contact-details/internal/StarIcon.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nconst filledPath =\n  \"M6,0,4.21,4.05,0,4.58l3.11,3L2.29,12,6,9.5,9.71,12,8.89,7.62l3.11-3L7.79,4.05,6,0Z\";\n\nconst hollowPath =\n  \"M6,2.47l.87,2L7.1,5,7.66,5l2.16.27L8.19,6.91l-.38.37.1.53.38,2L6.56,8.67,6,8.29l-.56.38L3.71,9.84l.38-2,.1-.53-.38-.37L2.18,5.31,4.34,5,4.9,5l.23-.52.87-2M6,0,4.21,4.05,0,4.58l3.11,3L2.29,12,6,9.5,9.71,12,8.89,7.62l3.11-3L7.79,4.05,6,0Z\";\n\nexport interface StarIconProps {\n  className?: string;\n  selected?: boolean;\n  highlighted?: boolean;\n}\n\nexport const StarIcon = forwardRef<SVGSVGElement, StarIconProps>(\n  function StarIcon({ className, selected, highlighted }, ref) {\n    const path = !selected && !highlighted ? hollowPath : filledPath;\n\n    return (\n      <svg\n        aria-hidden=\"true\"\n        className={className}\n        ref={ref}\n        viewBox=\"0 0 12 12\"\n      >\n        <g fillRule=\"evenodd\">\n          <path d={path} />\n        </g>\n      </svg>\n    );\n  }\n);\n"],"names":["forwardRef","StarIcon","jsx"],"mappings":";;;;;;;AAEA,MAAM,UACJ,GAAA,oFAAA,CAAA;AAEF,MAAM,UACJ,GAAA,8OAAA,CAAA;AAQK,MAAM,QAAW,GAAAA,gBAAA;AAAA,EACtB,SAASC,SAAS,CAAA,EAAE,WAAW,QAAU,EAAA,WAAA,IAAe,GAAK,EAAA;AAC3D,IAAA,MAAM,IAAO,GAAA,CAAC,QAAY,IAAA,CAAC,cAAc,UAAa,GAAA,UAAA,CAAA;AAEtD,IAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,MACC,aAAY,EAAA,MAAA;AAAA,MACZ,SAAA;AAAA,MACA,GAAA;AAAA,MACA,OAAQ,EAAA,WAAA;AAAA,MAER,QAAC,kBAAAA,cAAA,CAAA,GAAA,EAAA;AAAA,QAAE,QAAS,EAAA,SAAA;AAAA,QACV,QAAC,kBAAAA,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,CAAG,EAAA,IAAA;AAAA,SAAM,CAAA;AAAA,OACjB,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/packages/lab/src/contact-details/internal/StarIconContainer.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var core = require('@salt-ds/core');
-var StarIcon = require('./StarIcon.js');
-
-const withBaseName = core.makePrefixer("saltContactFavoriteToggle");
-const StarIconContainer = React.forwardRef(function StarIconContainer2(props, ref) {
-  const {
-    isSelected,
-    isHighlighted,
-    isFocused,
-    isFocusVisible,
-    className,
-    ...other
-  } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx("span", {
-    className: clsx.clsx(
-      withBaseName(),
-      {
-        [withBaseName("focusVisible")]: isFocusVisible
-      },
-      className
-    ),
-    ...other,
-    ref,
-    children: /* @__PURE__ */ jsxRuntime.jsx(StarIcon.StarIcon, {
-      className: clsx.clsx(withBaseName("svg"), {
-        [withBaseName("focused")]: isFocusVisible && isFocused,
-        [withBaseName("selected")]: isSelected && !isHighlighted,
-        [withBaseName("selecting")]: !isSelected && isHighlighted,
-        [withBaseName("deselected")]: !isSelected && !isHighlighted,
-        [withBaseName("deselecting")]: isSelected && isHighlighted
-      }),
-      highlighted: isHighlighted,
-      selected: isSelected
-    })
-  });
-});
-
-exports.StarIconContainer = StarIconContainer;
-//# sourceMappingURL=StarIconContainer.js.map

package/dist-cjs/packages/lab/src/contact-details/internal/StarIconContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StarIconContainer.js","sources":["../src/contact-details/internal/StarIconContainer.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes } from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { StarIcon } from \"./StarIcon\";\n\nconst withBaseName = makePrefixer(\"saltContactFavoriteToggle\");\n\nexport interface StarIconContainerProps\n  extends HTMLAttributes<HTMLSpanElement> {\n  className?: string;\n  isFocusVisible?: boolean;\n  isFocused?: boolean;\n  isHighlighted?: boolean;\n  isSelected?: boolean;\n}\n\nexport const StarIconContainer = forwardRef<\n  HTMLSpanElement,\n  StarIconContainerProps\n>(function StarIconContainer(props, ref) {\n  const {\n    isSelected,\n    isHighlighted,\n    isFocused,\n    isFocusVisible,\n    className,\n    ...other\n  } = props;\n\n  return (\n    <span\n      className={clsx(\n        withBaseName(),\n        {\n          [withBaseName(\"focusVisible\")]: isFocusVisible,\n        },\n        className\n      )}\n      {...other}\n      ref={ref}\n    >\n      <StarIcon\n        className={clsx(withBaseName(\"svg\"), {\n          [withBaseName(\"focused\")]: isFocusVisible && isFocused,\n          [withBaseName(\"selected\")]: isSelected && !isHighlighted,\n          [withBaseName(\"selecting\")]: !isSelected && isHighlighted,\n          [withBaseName(\"deselected\")]: !isSelected && !isHighlighted,\n          [withBaseName(\"deselecting\")]: isSelected && isHighlighted,\n        })}\n        highlighted={isHighlighted}\n        selected={isSelected}\n      />\n    </span>\n  );\n});\n"],"names":["makePrefixer","forwardRef","StarIconContainer","jsx","clsx","StarIcon"],"mappings":";;;;;;;;;;AAKA,MAAM,YAAA,GAAeA,kBAAa,2BAA2B,CAAA,CAAA;AAWtD,MAAM,iBAAoB,GAAAC,gBAAA,CAG/B,SAASC,kBAAAA,CAAkB,OAAO,GAAK,EAAA;AACvC,EAAM,MAAA;AAAA,IACJ,UAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACG,GAAA,KAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAA,uBACGC,cAAA,CAAA,MAAA,EAAA;AAAA,IACC,SAAW,EAAAC,SAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb;AAAA,QACE,CAAC,YAAa,CAAA,cAAc,CAAI,GAAA,cAAA;AAAA,OAClC;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IACJ,GAAA;AAAA,IAEA,QAAC,kBAAAD,cAAA,CAAAE,iBAAA,EAAA;AAAA,MACC,SAAW,EAAAD,SAAA,CAAK,YAAa,CAAA,KAAK,CAAG,EAAA;AAAA,QACnC,CAAC,YAAA,CAAa,SAAS,CAAA,GAAI,cAAkB,IAAA,SAAA;AAAA,QAC7C,CAAC,YAAA,CAAa,UAAU,CAAA,GAAI,cAAc,CAAC,aAAA;AAAA,QAC3C,CAAC,YAAA,CAAa,WAAW,CAAA,GAAI,CAAC,UAAc,IAAA,aAAA;AAAA,QAC5C,CAAC,YAAa,CAAA,YAAY,CAAI,GAAA,CAAC,cAAc,CAAC,aAAA;AAAA,QAC9C,CAAC,YAAA,CAAa,aAAa,CAAA,GAAI,UAAc,IAAA,aAAA;AAAA,OAC9C,CAAA;AAAA,MACD,WAAa,EAAA,aAAA;AAAA,MACb,QAAU,EAAA,UAAA;AAAA,KACZ,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/packages/lab/src/contact-details/internal/useComponentSize.js

@@ -1,44 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var core = require('@salt-ds/core');
-
-function useComponentSize(initialWidth) {
-  const [size, setSize] = React.useState({ width: initialWidth });
-  const ref = React.useRef(null);
-  const handleResize = React.useCallback(
-    function handleResize2({
-      width,
-      height
-    }) {
-      setSize({ width, height });
-    },
-    []
-  );
-  core.useIsomorphicLayoutEffect(() => {
-    if (!ref.current) {
-      if (process.env.NODE_ENV !== "production") {
-        throw new Error(
-          "ref returned by useComponentSize was not assigned to a component"
-        );
-      }
-      return;
-    }
-    handleResize(ref.current.getBoundingClientRect());
-    const observer = new ResizeObserver(
-      (observerEntries) => {
-        handleResize(observerEntries[0].contentRect);
-      }
-    );
-    observer.observe(ref.current);
-    return () => {
-      observer.disconnect();
-    };
-  }, [handleResize]);
-  return [ref, size];
-}
-
-exports.useComponentSize = useComponentSize;
-//# sourceMappingURL=useComponentSize.js.map

package/dist-cjs/packages/lab/src/contact-details/internal/useComponentSize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useComponentSize.js","sources":["../src/contact-details/internal/useComponentSize.ts"],"sourcesContent":["import { MutableRefObject, useCallback, useRef, useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\n\nexport interface ComponentSize {\n  height?: number;\n  width: number;\n}\n\nexport function useComponentSize<T extends HTMLElement>(\n  initialWidth: number\n): [MutableRefObject<T | null>, ComponentSize] {\n  const [size, setSize] = useState<ComponentSize>({ width: initialWidth });\n  const ref = useRef<T>(null);\n\n  const handleResize = useCallback(function handleResize({\n    width,\n    height,\n  }: DOMRect) {\n    setSize({ width, height });\n  },\n  []);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      if (process.env.NODE_ENV !== \"production\") {\n        throw new Error(\n          \"ref returned by useComponentSize was not assigned to a component\"\n        );\n      }\n      return;\n    }\n    handleResize(ref.current.getBoundingClientRect());\n    const observer = new ResizeObserver(\n      (observerEntries: ResizeObserverEntry[]) => {\n        handleResize(observerEntries[0].contentRect);\n      }\n    );\n    observer.observe(ref.current);\n    return () => {\n      observer.disconnect();\n    };\n  }, [handleResize]);\n\n  return [ref, size];\n}\n"],"names":["useState","useRef","useCallback","handleResize","useIsomorphicLayoutEffect"],"mappings":";;;;;;;AAQO,SAAS,iBACd,YAC6C,EAAA;AAC7C,EAAM,MAAA,CAAC,MAAM,OAAO,CAAA,GAAIA,eAAwB,EAAE,KAAA,EAAO,cAAc,CAAA,CAAA;AACvE,EAAM,MAAA,GAAA,GAAMC,aAAU,IAAI,CAAA,CAAA;AAE1B,EAAA,MAAM,YAAe,GAAAC,iBAAA;AAAA,IAAY,SAASC,aAAa,CAAA;AAAA,MACrD,KAAA;AAAA,MACA,MAAA;AAAA,KACU,EAAA;AACV,MAAQ,OAAA,CAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,CAAA,CAAA;AAAA,KAC3B;AAAA,IACA,EAAC;AAAA,GAAC,CAAA;AAEF,EAAAC,8BAAA,CAA0B,MAAM;AAC9B,IAAI,IAAA,CAAC,IAAI,OAAS,EAAA;AAChB,MAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,QAAA,MAAM,IAAI,KAAA;AAAA,UACR,kEAAA;AAAA,SACF,CAAA;AAAA,OACF;AACA,MAAA,OAAA;AAAA,KACF;AACA,IAAa,YAAA,CAAA,GAAA,CAAI,OAAQ,CAAA,qBAAA,EAAuB,CAAA,CAAA;AAChD,IAAA,MAAM,WAAW,IAAI,cAAA;AAAA,MACnB,CAAC,eAA2C,KAAA;AAC1C,QAAa,YAAA,CAAA,eAAA,CAAgB,GAAG,WAAW,CAAA,CAAA;AAAA,OAC7C;AAAA,KACF,CAAA;AACA,IAAS,QAAA,CAAA,OAAA,CAAQ,IAAI,OAAO,CAAA,CAAA;AAC5B,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,UAAW,EAAA,CAAA;AAAA,KACtB,CAAA;AAAA,GACF,EAAG,CAAC,YAAY,CAAC,CAAA,CAAA;AAEjB,EAAO,OAAA,CAAC,KAAK,IAAI,CAAA,CAAA;AACnB;;;;"}

package/dist-cjs/packages/lab/src/content-status/ContentStatus.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = "/* Styles applied to root component (ContentStatus) */\n.saltContentStatus {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: var(--salt-text-textAlign-embedded);\n  gap: var(--salt-size-unit);\n}\n\n/* Styles applied to inner content */\n.saltContentStatus-content {\n  color: var(--saltContentStatus-content-color, var(--salt-text-primary-foreground));\n  display: flex;\n  flex-direction: column;\n  gap: var(--salt-size-unit);\n}\n\n/* Styles applied to status title */\n.saltContentStatus-title {\n  font-weight: var(--salt-text-display1-fontWeight); /* TODO: Use correct token */\n}\n\n/* Styles applied to status message */\n.saltContentStatus-message {\n}\n\n/* Styles applied to status actions */\n.saltContentStatus-actions {\n  margin-top: var(--saltContentStatus-actions-marginTop, var(--salt-size-unit));\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=ContentStatus.css.js.map

package/dist-cjs/packages/lab/src/content-status/ContentStatus.css.js.map

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

package/dist-cjs/packages/lab/src/content-status/ContentStatus.js

@@ -1,99 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var clsx = require('clsx');
-var React = require('react');
-var StatusIndicator = require('./internal/StatusIndicator.js');
-require('./ContentStatus.css.js');
-
-const withBaseName = core.makePrefixer("saltContentStatus");
-const ContentStatus = React.forwardRef(
-  function ContentStatus2({
-    CircularProgressProps,
-    SpinnerProps,
-    actionLabel,
-    buttonRef,
-    className,
-    children,
-    disableAnnouncer,
-    message,
-    onActionClick,
-    status = "info",
-    title,
-    unit = "%",
-    value,
-    ...rest
-  }, ref) {
-    const id = core.useId();
-    const hasDefaultActionContent = actionLabel && onActionClick;
-    const hasActions = children || hasDefaultActionContent;
-    const hasContent = title || message || hasActions;
-    const { announce } = core.useAriaAnnouncer();
-    React.useEffect(() => {
-      if (disableAnnouncer)
-        return;
-      const toBeAnnounced = [];
-      if (title) {
-        toBeAnnounced.push(title);
-      }
-      if (message) {
-        toBeAnnounced.push(message);
-      }
-      if (status !== "loading") {
-        toBeAnnounced.push(status);
-      }
-      if (toBeAnnounced.length > 0) {
-        announce(toBeAnnounced.join(" "));
-      }
-    }, [announce, disableAnnouncer, message, status, title]);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      className: clsx.clsx(withBaseName(), className),
-      ref,
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(StatusIndicator.StatusIndicator, {
-          CircularProgressProps,
-          SpinnerProps,
-          disableAnnouncer,
-          id,
-          message,
-          status,
-          title,
-          unit,
-          value,
-          ...rest
-        }),
-        hasContent && /* @__PURE__ */ jsxRuntime.jsxs("div", {
-          "aria-labelledby": id,
-          className: clsx.clsx(withBaseName("content")),
-          id,
-          role: "region",
-          children: [
-            title && /* @__PURE__ */ jsxRuntime.jsx(core.Text, {
-              className: clsx.clsx(withBaseName("title")),
-              children: title
-            }),
-            message && /* @__PURE__ */ jsxRuntime.jsx(core.Text, {
-              className: clsx.clsx(withBaseName("message")),
-              children: message
-            }),
-            hasActions && /* @__PURE__ */ jsxRuntime.jsx("div", {
-              className: clsx.clsx(withBaseName("actions")),
-              children: children || /* @__PURE__ */ jsxRuntime.jsx(core.Button, {
-                onClick: onActionClick,
-                ref: buttonRef,
-                children: actionLabel
-              })
-            })
-          ]
-        })
-      ]
-    });
-  }
-);
-
-exports.ContentStatus = ContentStatus;
-//# sourceMappingURL=ContentStatus.js.map

package/dist-cjs/packages/lab/src/content-status/ContentStatus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentStatus.js","sources":["../src/content-status/ContentStatus.tsx"],"sourcesContent":["import {\n  Button,\n  makePrefixer,\n  useAriaAnnouncer,\n  useId,\n  Text,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, HTMLAttributes, MouseEvent, Ref, useEffect } from \"react\";\n\nimport {\n  StatusIndicator,\n  StatusIndicatorProps,\n} from \"./internal/StatusIndicator\";\n\nimport \"./ContentStatus.css\";\n\nconst withBaseName = makePrefixer(\"saltContentStatus\");\n\nexport interface ContentStatusProps\n  extends HTMLAttributes<HTMLDivElement>,\n    StatusIndicatorProps {\n  actionLabel?: string;\n  buttonRef?: Ref<any>;\n  onActionClick?: (evt: MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const ContentStatus = forwardRef<HTMLDivElement, ContentStatusProps>(\n  function ContentStatus(\n    {\n      CircularProgressProps,\n      SpinnerProps,\n      actionLabel,\n      buttonRef,\n      className,\n      children,\n      disableAnnouncer,\n      message,\n      onActionClick,\n      status = \"info\",\n      title,\n      unit = \"%\",\n      value,\n      ...rest\n    },\n    ref\n  ) {\n    const id = useId();\n\n    const hasDefaultActionContent = actionLabel && onActionClick;\n    const hasActions = children || hasDefaultActionContent;\n    const hasContent = title || message || hasActions;\n\n    const { announce } = useAriaAnnouncer();\n\n    useEffect(() => {\n      if (disableAnnouncer) return;\n\n      const toBeAnnounced = [];\n      if (title) {\n        toBeAnnounced.push(title);\n      }\n      if (message) {\n        toBeAnnounced.push(message);\n      }\n      // Loading is announced by the spinner\n      if (status !== \"loading\") {\n        toBeAnnounced.push(status);\n      }\n      if (toBeAnnounced.length > 0) {\n        announce(toBeAnnounced.join(\" \"));\n      }\n    }, [announce, disableAnnouncer, message, status, title]);\n\n    return (\n      <div className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n        <StatusIndicator\n          CircularProgressProps={CircularProgressProps}\n          SpinnerProps={SpinnerProps}\n          disableAnnouncer={disableAnnouncer}\n          id={id}\n          message={message}\n          status={status}\n          title={title}\n          unit={unit}\n          value={value}\n          {...rest}\n        />\n        {hasContent && (\n          <div\n            // `aria-labelledby` to itself so that children of this div will show up in screen reader, and we don't need to join to aria-label\n            aria-labelledby={id}\n            className={clsx(withBaseName(\"content\"))}\n            id={id}\n            role=\"region\"\n          >\n            {title && (\n              <Text className={clsx(withBaseName(\"title\"))}>{title}</Text>\n            )}\n            {message && (\n              <Text className={clsx(withBaseName(\"message\"))}>{message}</Text>\n            )}\n            {hasActions && (\n              <div className={clsx(withBaseName(\"actions\"))}>\n                {children || (\n                  <Button onClick={onActionClick} ref={buttonRef}>\n                    {actionLabel}\n                  </Button>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","ContentStatus","useId","useAriaAnnouncer","useEffect","jsxs","clsx","jsx","StatusIndicator","Text","Button"],"mappings":"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"}

package/dist-cjs/packages/lab/src/content-status/internal/StatusIndicator.js

@@ -1,56 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var clsx = require('clsx');
-var CircularProgress = require('../../progress/CircularProgress/CircularProgress.js');
-require('../../progress/LinearProgress/LinearProgress.js');
-
-const withBaseName = core.makePrefixer("saltContentStatus");
-function StatusIndicator({
-  status = "info",
-  disableAnnouncer,
-  unit,
-  value,
-  title,
-  message,
-  CircularProgressProps: {
-    className: circularProgressClassName,
-    ...restCircularProgressProps
-  } = {},
-  SpinnerProps: { className: spinnerClassName, ...restSpinnerProps } = {},
-  id
-}) {
-  if (status === "loading") {
-    if (value !== void 0) {
-      return /* @__PURE__ */ jsxRuntime.jsx(CircularProgress.CircularProgress, {
-        "aria-label": title || message,
-        className: clsx.clsx(
-          withBaseName("determinateLoading"),
-          circularProgressClassName
-        ),
-        size: "small",
-        unit,
-        value,
-        ...restCircularProgressProps
-      });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(core.Spinner, {
-      className: clsx.clsx(withBaseName("indeterminateLoading"), spinnerClassName),
-      completionAnnouncement: null,
-      "data-testid": `spinner-${id}`,
-      disableAnnouncer,
-      ...restSpinnerProps
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(core.StatusIndicator, {
-    status,
-    "data-jpmui-test": `icon-${status}-${id}`,
-    size: 2
-  });
-}
-
-exports.StatusIndicator = StatusIndicator;
-//# sourceMappingURL=StatusIndicator.js.map

package/dist-cjs/packages/lab/src/content-status/internal/StatusIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusIndicator.js","sources":["../src/content-status/internal/StatusIndicator.tsx"],"sourcesContent":["import {\n  makePrefixer,\n  StatusIndicator as BaseStatusIndicator,\n  StatusIndicatorProps as BaseStatusIndicatorProps,\n  Spinner,\n  SpinnerProps,\n} from \"@salt-ds/core\";\nimport { ReactElement } from \"react\";\nimport { clsx } from \"clsx\";\n\nimport { CircularProgress, CircularProgressProps } from \"../../progress\";\n\nexport interface StatusIndicatorProps\n  extends Pick<SpinnerProps, \"disableAnnouncer\">,\n    Pick<CircularProgressProps, \"unit\" | \"value\"> {\n  title?: string;\n  message?: string;\n  CircularProgressProps?: Partial<CircularProgressProps>;\n  SpinnerProps?: Partial<SpinnerProps>;\n  id?: string;\n  status?: BaseStatusIndicatorProps[\"status\"] | \"loading\";\n}\n\nconst withBaseName = makePrefixer(\"saltContentStatus\");\n\nexport function StatusIndicator({\n  status = \"info\",\n  disableAnnouncer,\n  unit,\n  value,\n  title,\n  message,\n  CircularProgressProps: {\n    className: circularProgressClassName,\n    ...restCircularProgressProps\n  } = {},\n  SpinnerProps: { className: spinnerClassName, ...restSpinnerProps } = {},\n  id,\n}: StatusIndicatorProps): ReactElement {\n  if (status === \"loading\") {\n    if (value !== undefined) {\n      return (\n        <CircularProgress\n          aria-label={title || message}\n          className={clsx(\n            withBaseName(\"determinateLoading\"),\n            circularProgressClassName\n          )}\n          size=\"small\"\n          unit={unit}\n          value={value}\n          {...restCircularProgressProps}\n        />\n      );\n    }\n    return (\n      <Spinner\n        className={clsx(withBaseName(\"indeterminateLoading\"), spinnerClassName)}\n        // Announcement of the content status is more useful than completion announcement from spinner\n        completionAnnouncement={null}\n        data-testid={`spinner-${id!}`}\n        disableAnnouncer={disableAnnouncer}\n        {...restSpinnerProps}\n      />\n    );\n  }\n\n  return (\n    <BaseStatusIndicator\n      status={status}\n      data-jpmui-test={`icon-${status}-${id!}`}\n      size={2}\n    />\n  );\n}\n"],"names":["makePrefixer","jsx","CircularProgress","clsx","Spinner","BaseStatusIndicator"],"mappings":";;;;;;;;;;AAuBA,MAAM,YAAA,GAAeA,kBAAa,mBAAmB,CAAA,CAAA;AAE9C,SAAS,eAAgB,CAAA;AAAA,EAC9B,MAAS,GAAA,MAAA;AAAA,EACT,gBAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,qBAAuB,EAAA;AAAA,IACrB,SAAW,EAAA,yBAAA;AAAA,IACR,GAAA,yBAAA;AAAA,MACD,EAAC;AAAA,EACL,cAAc,EAAE,SAAA,EAAW,gBAAqB,EAAA,GAAA,gBAAA,KAAqB,EAAC;AAAA,EACtE,EAAA;AACF,CAAuC,EAAA;AACrC,EAAA,IAAI,WAAW,SAAW,EAAA;AACxB,IAAA,IAAI,UAAU,KAAW,CAAA,EAAA;AACvB,MAAA,uBACGC,cAAA,CAAAC,iCAAA,EAAA;AAAA,QACC,cAAY,KAAS,IAAA,OAAA;AAAA,QACrB,SAAW,EAAAC,SAAA;AAAA,UACT,aAAa,oBAAoB,CAAA;AAAA,UACjC,yBAAA;AAAA,SACF;AAAA,QACA,IAAK,EAAA,OAAA;AAAA,QACL,IAAA;AAAA,QACA,KAAA;AAAA,QACC,GAAG,yBAAA;AAAA,OACN,CAAA,CAAA;AAAA,KAEJ;AACA,IAAA,uBACGF,cAAA,CAAAG,YAAA,EAAA;AAAA,MACC,SAAW,EAAAD,SAAA,CAAK,YAAa,CAAA,sBAAsB,GAAG,gBAAgB,CAAA;AAAA,MAEtE,sBAAwB,EAAA,IAAA;AAAA,MACxB,eAAa,CAAW,QAAA,EAAA,EAAA,CAAA,CAAA;AAAA,MACxB,gBAAA;AAAA,MACC,GAAG,gBAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBACGF,cAAA,CAAAI,oBAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,iBAAA,EAAiB,QAAQ,MAAU,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA;AAAA,IACnC,IAAM,EAAA,CAAA;AAAA,GACR,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/packages/lab/src/control-label/ControlLabel.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".salt-density-high {\n  --controlLabel-right-marginLeft: 3px;\n  --controlLabel-right-marginRight: 0px;\n}\n.salt-density-medium {\n  --controlLabel-right-marginLeft: 6px;\n  --controlLabel-right-marginRight: 0px;\n}\n.salt-density-low {\n  --controlLabel-right-marginLeft: 9px;\n  --controlLabel-right-marginRight: 0px;\n}\n.salt-density-touch {\n  --controlLabel-right-marginLeft: 12px;\n  --controlLabel-right-marginRight: 0px;\n}\n\n/* Styles applied to root component */\n.saltControlLabel {\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n}\n\n/* Styles applied to label */\n.saltControlLabel-label,\n.saltControlLabel-labelRight {\n  --controlLabel-marginLeft: 0;\n  --controlLabel-marginRight: calc(var(--salt-size-unit) / 1.5);\n\n  color: var(--saltControlLabel-color, var(--salt-text-primary-foreground));\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n  margin-left: var(--saltControlLabel-marginLeft, var(--controlLabel-marginLeft));\n  margin-right: var(--saltControlLabel-marginRight, var(--controlLabel-marginRight));\n  display: block;\n}\n\n/* Overrides on `labelPlacement=\"right\"` */\n.saltControlLabel-labelRight {\n  --controlLabel-marginLeft: var(--saltControlLabel-right-marginLeft, var(--controlLabel-right-marginLeft));\n  --controlLabel-marginRight: var(--saltControlLabel-right-marginRight, var(--controlLabel-right-marginRight));\n}\n\n/* Styles applied if `disabled={true}` or nested in FormField where `disabled={true}` */\n.saltControlLabel-disabled,\n.saltFormField-disabled .saltControlLabel {\n  cursor: var(--salt-selectable-cursor-disabled);\n}\n\n/* Styles applied to label if `disabled={true}` */\n.saltControlLabel-disabled .saltControlLabel-label {\n  cursor: var(--salt-selectable-cursor-disabled);\n  color: var(--saltControlLabel-color-disabled, var(--salt-text-primary-foreground-disabled));\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=ControlLabel.css.js.map

package/dist-cjs/packages/lab/src/control-label/ControlLabel.css.js.map

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