boreal-ui 0.0.72 → 0.0.74

package/dist/core/Timeline-CHxLOSfo.cjs

@@ -1,154 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const classNames = require("./classNames-BcWMx052.cjs");
-const capitalize = require("./capitalize-DoV-nOmN.cjs");
-const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
-const TimelineBase = ({
-  items,
-  orientation = "vertical",
-  ariaLabel = "Timeline",
-  theme = borealStyleConfig.getDefaultTheme(),
-  rounding = borealStyleConfig.getDefaultRounding(),
-  shadow = borealStyleConfig.getDefaultShadow(),
-  classMap,
-  className,
-  "data-testid": testId = "timeline"
-}) => {
-  const outerWrapper = React.useMemo(
-    () => classNames.combineClassNames(
-      classMap.timeline,
-      classMap[orientation],
-      classMap[theme],
-      className
-    ),
-    [classMap, orientation, theme, className]
-  );
-  const itemClassName = React.useMemo(
-    () => classNames.combineClassNames(classMap.item, classMap[orientation], classMap[theme]),
-    [classMap, orientation, theme]
-  );
-  const markerClassName = React.useMemo(
-    () => classNames.combineClassNames(
-      classMap.marker,
-      classMap[theme],
-      classMap[orientation],
-      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`]
-    ),
-    [classMap, theme, orientation, shadow]
-  );
-  const contentClassName = React.useMemo(
-    () => classNames.combineClassNames(
-      classMap.content,
-      classMap[orientation],
-      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
-      rounding && classMap[`round${capitalize.capitalize(rounding)}`]
-    ),
-    [classMap, orientation, shadow, rounding]
-  );
-  const setSize = items.length;
-  return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: outerWrapper, "data-testid": testId, "aria-label": ariaLabel, children: items.map((item, index) => {
-    const IconComponent = item.icon;
-    const itemTestId = `${testId}-item-${index}`;
-    const labelId = `${itemTestId}-title`;
-    const hasTitle = Boolean(item.title);
-    let dateTimeAttr;
-    if (item.date) {
-      const dateObj = new Date(item.date);
-      if (!isNaN(dateObj.getTime())) {
-        dateTimeAttr = dateObj.toISOString();
-      }
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "li",
-      {
-        className: itemClassName,
-        "data-testid": itemTestId,
-        "aria-labelledby": hasTitle ? labelId : void 0,
-        "aria-label": !hasTitle ? `Timeline item ${index + 1}` : void 0,
-        "aria-posinset": index + 1,
-        "aria-setsize": setSize,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: markerClassName,
-              "data-testid": `${itemTestId}-marker`,
-              "aria-hidden": true,
-              children: IconComponent ? /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: classMap.icon,
-                  "data-testid": `${itemTestId}-icon`,
-                  "aria-hidden": true,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { "aria-hidden": "true" })
-                }
-              ) : /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: classMap.dot,
-                  "data-testid": `${itemTestId}-dot`,
-                  "aria-hidden": "true"
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: contentClassName,
-              "data-testid": `${itemTestId}-content`,
-              children: [
-                hasTitle && /* @__PURE__ */ jsxRuntime.jsx("h3", { id: labelId, className: classMap.title, children: item.title }),
-                item.date && /* @__PURE__ */ jsxRuntime.jsx("p", { className: classMap.date, "data-testid": `${itemTestId}-date`, children: /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: dateTimeAttr, children: item.date }) }),
-                item.description && /* @__PURE__ */ jsxRuntime.jsx(
-                  "p",
-                  {
-                    className: classMap.description,
-                    "data-testid": `${itemTestId}-description`,
-                    children: item.description
-                  }
-                )
-              ]
-            }
-          )
-        ]
-      },
-      index
-    );
-  }) });
-};
-TimelineBase.displayName = "TimelineBase";
-const classes = {
-  timeline: "timeline",
-  item: "timeline_item",
-  marker: "timeline_marker",
-  icon: "timeline_icon",
-  dot: "timeline_dot",
-  content: "timeline_content",
-  title: "timeline_title",
-  date: "timeline_date",
-  description: "timeline_description",
-  vertical: "timeline_vertical",
-  horizontal: "timeline_horizontal",
-  primary: "timeline_primary",
-  secondary: "timeline_secondary",
-  tertiary: "timeline_tertiary",
-  quaternary: "timeline_quaternary",
-  clear: "timeline_clear",
-  shadowNone: "timeline_shadow-None",
-  shadowLight: "timeline_shadow-Light",
-  shadowMedium: "timeline_shadow-Medium",
-  shadowStrong: "timeline_shadow-Strong",
-  shadowIntense: "timeline_shadow-Intense",
-  roundNone: "timeline_round-None",
-  roundSmall: "timeline_round-Small",
-  roundMedium: "timeline_round-Medium",
-  roundLarge: "timeline_round-Large"
-};
-const Timeline = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(TimelineBase, { ...props, classMap: classes });
-};
-Timeline.displayName = "Timeline";
-exports.Timeline = Timeline;
-//# sourceMappingURL=Timeline-CHxLOSfo.cjs.map

package/dist/core/Timeline-CHxLOSfo.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Timeline-CHxLOSfo.cjs","sources":["../../src/components/Timeline/TimelineBase.tsx","../../src/components/Timeline/core/Timeline.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { TimelineProps } from \"./Timeline.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TimelineBase: React.FC<\r\n  TimelineProps & { classMap: Record<string, string> }\r\n> = ({\r\n  items,\r\n  orientation = \"vertical\",\r\n  ariaLabel = \"Timeline\",\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  classMap,\r\n  className,\r\n  \"data-testid\": testId = \"timeline\",\r\n}) => {\r\n  const outerWrapper = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.timeline,\r\n        classMap[orientation],\r\n        classMap[theme],\r\n        className,\r\n      ),\r\n    [classMap, orientation, theme, className],\r\n  );\r\n\r\n  const itemClassName = useMemo(\r\n    () =>\r\n      combineClassNames(classMap.item, classMap[orientation], classMap[theme]),\r\n    [classMap, orientation, theme],\r\n  );\r\n\r\n  const markerClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.marker,\r\n        classMap[theme],\r\n        classMap[orientation],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n      ),\r\n    [classMap, theme, orientation, shadow],\r\n  );\r\n\r\n  const contentClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.content,\r\n        classMap[orientation],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, orientation, shadow, rounding],\r\n  );\r\n\r\n  const setSize = items.length;\r\n\r\n  return (\r\n    <ul className={outerWrapper} data-testid={testId} aria-label={ariaLabel}>\r\n      {items.map((item, index) => {\r\n        const IconComponent = item.icon;\r\n        const itemTestId = `${testId}-item-${index}`;\r\n        const labelId = `${itemTestId}-title`;\r\n        const hasTitle = Boolean(item.title);\r\n\r\n        let dateTimeAttr: string | undefined;\r\n        if (item.date) {\r\n          const dateObj = new Date(item.date);\r\n          if (!isNaN(dateObj.getTime())) {\r\n            dateTimeAttr = dateObj.toISOString();\r\n          }\r\n        }\r\n\r\n        return (\r\n          <li\r\n            key={index}\r\n            className={itemClassName}\r\n            data-testid={itemTestId}\r\n            aria-labelledby={hasTitle ? labelId : undefined}\r\n            aria-label={!hasTitle ? `Timeline item ${index + 1}` : undefined}\r\n            aria-posinset={index + 1}\r\n            aria-setsize={setSize}\r\n          >\r\n            <div\r\n              className={markerClassName}\r\n              data-testid={`${itemTestId}-marker`}\r\n              aria-hidden={true}\r\n            >\r\n              {IconComponent ? (\r\n                <div\r\n                  className={classMap.icon}\r\n                  data-testid={`${itemTestId}-icon`}\r\n                  aria-hidden={true}\r\n                >\r\n                  <IconComponent aria-hidden=\"true\" />\r\n                </div>\r\n              ) : (\r\n                <div\r\n                  className={classMap.dot}\r\n                  data-testid={`${itemTestId}-dot`}\r\n                  aria-hidden=\"true\"\r\n                />\r\n              )}\r\n            </div>\r\n\r\n            <div\r\n              className={contentClassName}\r\n              data-testid={`${itemTestId}-content`}\r\n            >\r\n              {hasTitle && (\r\n                <h3 id={labelId} className={classMap.title}>\r\n                  {item.title}\r\n                </h3>\r\n              )}\r\n\r\n              {item.date && (\r\n                <p className={classMap.date} data-testid={`${itemTestId}-date`}>\r\n                  <time dateTime={dateTimeAttr}>{item.date}</time>\r\n                </p>\r\n              )}\r\n\r\n              {item.description && (\r\n                <p\r\n                  className={classMap.description}\r\n                  data-testid={`${itemTestId}-description`}\r\n                >\r\n                  {item.description}\r\n                </p>\r\n              )}\r\n            </div>\r\n          </li>\r\n        );\r\n      })}\r\n    </ul>\r\n  );\r\n};\r\n\r\nTimelineBase.displayName = \"TimelineBase\";\r\nexport default TimelineBase;\r\n","import React from \"react\";\r\nimport \"./Timeline.scss\";\r\nimport TimelineBase from \"../TimelineBase\";\r\nimport { TimelineProps } from \"../Timeline.types\";\r\n\r\nconst classes = {\r\n  timeline: \"timeline\",\r\n  item: \"timeline_item\",\r\n  marker: \"timeline_marker\",\r\n  icon: \"timeline_icon\",\r\n  dot: \"timeline_dot\",\r\n  content: \"timeline_content\",\r\n  title: \"timeline_title\",\r\n  date: \"timeline_date\",\r\n  description: \"timeline_description\",\r\n\r\n  vertical: \"timeline_vertical\",\r\n  horizontal: \"timeline_horizontal\",\r\n\r\n  primary: \"timeline_primary\",\r\n  secondary: \"timeline_secondary\",\r\n  tertiary: \"timeline_tertiary\",\r\n  quaternary: \"timeline_quaternary\",\r\n\r\n  clear: \"timeline_clear\",\r\n\r\n  shadowNone: \"timeline_shadow-None\",\r\n  shadowLight: \"timeline_shadow-Light\",\r\n  shadowMedium: \"timeline_shadow-Medium\",\r\n  shadowStrong: \"timeline_shadow-Strong\",\r\n  shadowIntense: \"timeline_shadow-Intense\",\r\n\r\n  roundNone: \"timeline_round-None\",\r\n  roundSmall: \"timeline_round-Small\",\r\n  roundMedium: \"timeline_round-Medium\",\r\n  roundLarge: \"timeline_round-Large\",\r\n};\r\n\r\nconst Timeline: React.FC<TimelineProps> = (props) => {\r\n  return <TimelineBase {...props} classMap={classes} />;\r\n};\r\nTimeline.displayName = \"Timeline\";\r\nexport default Timeline;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx","jsxs"],"mappings":"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"}

package/dist/core/Timeline-CysPgst2.js

@@ -1,155 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
-import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-import { d as getDefaultTheme, b as getDefaultShadow, a as getDefaultRounding } from "./boreal-style-config-DsaRlxmw.js";
-const TimelineBase = ({
-  items,
-  orientation = "vertical",
-  ariaLabel = "Timeline",
-  theme = getDefaultTheme(),
-  rounding = getDefaultRounding(),
-  shadow = getDefaultShadow(),
-  classMap,
-  className,
-  "data-testid": testId = "timeline"
-}) => {
-  const outerWrapper = useMemo(
-    () => combineClassNames(
-      classMap.timeline,
-      classMap[orientation],
-      classMap[theme],
-      className
-    ),
-    [classMap, orientation, theme, className]
-  );
-  const itemClassName = useMemo(
-    () => combineClassNames(classMap.item, classMap[orientation], classMap[theme]),
-    [classMap, orientation, theme]
-  );
-  const markerClassName = useMemo(
-    () => combineClassNames(
-      classMap.marker,
-      classMap[theme],
-      classMap[orientation],
-      shadow && classMap[`shadow${capitalize(shadow)}`]
-    ),
-    [classMap, theme, orientation, shadow]
-  );
-  const contentClassName = useMemo(
-    () => combineClassNames(
-      classMap.content,
-      classMap[orientation],
-      shadow && classMap[`shadow${capitalize(shadow)}`],
-      rounding && classMap[`round${capitalize(rounding)}`]
-    ),
-    [classMap, orientation, shadow, rounding]
-  );
-  const setSize = items.length;
-  return /* @__PURE__ */ jsx("ul", { className: outerWrapper, "data-testid": testId, "aria-label": ariaLabel, children: items.map((item, index) => {
-    const IconComponent = item.icon;
-    const itemTestId = `${testId}-item-${index}`;
-    const labelId = `${itemTestId}-title`;
-    const hasTitle = Boolean(item.title);
-    let dateTimeAttr;
-    if (item.date) {
-      const dateObj = new Date(item.date);
-      if (!isNaN(dateObj.getTime())) {
-        dateTimeAttr = dateObj.toISOString();
-      }
-    }
-    return /* @__PURE__ */ jsxs(
-      "li",
-      {
-        className: itemClassName,
-        "data-testid": itemTestId,
-        "aria-labelledby": hasTitle ? labelId : void 0,
-        "aria-label": !hasTitle ? `Timeline item ${index + 1}` : void 0,
-        "aria-posinset": index + 1,
-        "aria-setsize": setSize,
-        children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: markerClassName,
-              "data-testid": `${itemTestId}-marker`,
-              "aria-hidden": true,
-              children: IconComponent ? /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: classMap.icon,
-                  "data-testid": `${itemTestId}-icon`,
-                  "aria-hidden": true,
-                  children: /* @__PURE__ */ jsx(IconComponent, { "aria-hidden": "true" })
-                }
-              ) : /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: classMap.dot,
-                  "data-testid": `${itemTestId}-dot`,
-                  "aria-hidden": "true"
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: contentClassName,
-              "data-testid": `${itemTestId}-content`,
-              children: [
-                hasTitle && /* @__PURE__ */ jsx("h3", { id: labelId, className: classMap.title, children: item.title }),
-                item.date && /* @__PURE__ */ jsx("p", { className: classMap.date, "data-testid": `${itemTestId}-date`, children: /* @__PURE__ */ jsx("time", { dateTime: dateTimeAttr, children: item.date }) }),
-                item.description && /* @__PURE__ */ jsx(
-                  "p",
-                  {
-                    className: classMap.description,
-                    "data-testid": `${itemTestId}-description`,
-                    children: item.description
-                  }
-                )
-              ]
-            }
-          )
-        ]
-      },
-      index
-    );
-  }) });
-};
-TimelineBase.displayName = "TimelineBase";
-const classes = {
-  timeline: "timeline",
-  item: "timeline_item",
-  marker: "timeline_marker",
-  icon: "timeline_icon",
-  dot: "timeline_dot",
-  content: "timeline_content",
-  title: "timeline_title",
-  date: "timeline_date",
-  description: "timeline_description",
-  vertical: "timeline_vertical",
-  horizontal: "timeline_horizontal",
-  primary: "timeline_primary",
-  secondary: "timeline_secondary",
-  tertiary: "timeline_tertiary",
-  quaternary: "timeline_quaternary",
-  clear: "timeline_clear",
-  shadowNone: "timeline_shadow-None",
-  shadowLight: "timeline_shadow-Light",
-  shadowMedium: "timeline_shadow-Medium",
-  shadowStrong: "timeline_shadow-Strong",
-  shadowIntense: "timeline_shadow-Intense",
-  roundNone: "timeline_round-None",
-  roundSmall: "timeline_round-Small",
-  roundMedium: "timeline_round-Medium",
-  roundLarge: "timeline_round-Large"
-};
-const Timeline = (props) => {
-  return /* @__PURE__ */ jsx(TimelineBase, { ...props, classMap: classes });
-};
-Timeline.displayName = "Timeline";
-export {
-  Timeline as T
-};
-//# sourceMappingURL=Timeline-CysPgst2.js.map

package/dist/core/Timeline-CysPgst2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Timeline-CysPgst2.js","sources":["../../src/components/Timeline/TimelineBase.tsx","../../src/components/Timeline/core/Timeline.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { TimelineProps } from \"./Timeline.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TimelineBase: React.FC<\r\n  TimelineProps & { classMap: Record<string, string> }\r\n> = ({\r\n  items,\r\n  orientation = \"vertical\",\r\n  ariaLabel = \"Timeline\",\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  classMap,\r\n  className,\r\n  \"data-testid\": testId = \"timeline\",\r\n}) => {\r\n  const outerWrapper = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.timeline,\r\n        classMap[orientation],\r\n        classMap[theme],\r\n        className,\r\n      ),\r\n    [classMap, orientation, theme, className],\r\n  );\r\n\r\n  const itemClassName = useMemo(\r\n    () =>\r\n      combineClassNames(classMap.item, classMap[orientation], classMap[theme]),\r\n    [classMap, orientation, theme],\r\n  );\r\n\r\n  const markerClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.marker,\r\n        classMap[theme],\r\n        classMap[orientation],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n      ),\r\n    [classMap, theme, orientation, shadow],\r\n  );\r\n\r\n  const contentClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.content,\r\n        classMap[orientation],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, orientation, shadow, rounding],\r\n  );\r\n\r\n  const setSize = items.length;\r\n\r\n  return (\r\n    <ul className={outerWrapper} data-testid={testId} aria-label={ariaLabel}>\r\n      {items.map((item, index) => {\r\n        const IconComponent = item.icon;\r\n        const itemTestId = `${testId}-item-${index}`;\r\n        const labelId = `${itemTestId}-title`;\r\n        const hasTitle = Boolean(item.title);\r\n\r\n        let dateTimeAttr: string | undefined;\r\n        if (item.date) {\r\n          const dateObj = new Date(item.date);\r\n          if (!isNaN(dateObj.getTime())) {\r\n            dateTimeAttr = dateObj.toISOString();\r\n          }\r\n        }\r\n\r\n        return (\r\n          <li\r\n            key={index}\r\n            className={itemClassName}\r\n            data-testid={itemTestId}\r\n            aria-labelledby={hasTitle ? labelId : undefined}\r\n            aria-label={!hasTitle ? `Timeline item ${index + 1}` : undefined}\r\n            aria-posinset={index + 1}\r\n            aria-setsize={setSize}\r\n          >\r\n            <div\r\n              className={markerClassName}\r\n              data-testid={`${itemTestId}-marker`}\r\n              aria-hidden={true}\r\n            >\r\n              {IconComponent ? (\r\n                <div\r\n                  className={classMap.icon}\r\n                  data-testid={`${itemTestId}-icon`}\r\n                  aria-hidden={true}\r\n                >\r\n                  <IconComponent aria-hidden=\"true\" />\r\n                </div>\r\n              ) : (\r\n                <div\r\n                  className={classMap.dot}\r\n                  data-testid={`${itemTestId}-dot`}\r\n                  aria-hidden=\"true\"\r\n                />\r\n              )}\r\n            </div>\r\n\r\n            <div\r\n              className={contentClassName}\r\n              data-testid={`${itemTestId}-content`}\r\n            >\r\n              {hasTitle && (\r\n                <h3 id={labelId} className={classMap.title}>\r\n                  {item.title}\r\n                </h3>\r\n              )}\r\n\r\n              {item.date && (\r\n                <p className={classMap.date} data-testid={`${itemTestId}-date`}>\r\n                  <time dateTime={dateTimeAttr}>{item.date}</time>\r\n                </p>\r\n              )}\r\n\r\n              {item.description && (\r\n                <p\r\n                  className={classMap.description}\r\n                  data-testid={`${itemTestId}-description`}\r\n                >\r\n                  {item.description}\r\n                </p>\r\n              )}\r\n            </div>\r\n          </li>\r\n        );\r\n      })}\r\n    </ul>\r\n  );\r\n};\r\n\r\nTimelineBase.displayName = \"TimelineBase\";\r\nexport default TimelineBase;\r\n","import React from \"react\";\r\nimport \"./Timeline.scss\";\r\nimport TimelineBase from \"../TimelineBase\";\r\nimport { TimelineProps } from \"../Timeline.types\";\r\n\r\nconst classes = {\r\n  timeline: \"timeline\",\r\n  item: \"timeline_item\",\r\n  marker: \"timeline_marker\",\r\n  icon: \"timeline_icon\",\r\n  dot: \"timeline_dot\",\r\n  content: \"timeline_content\",\r\n  title: \"timeline_title\",\r\n  date: \"timeline_date\",\r\n  description: \"timeline_description\",\r\n\r\n  vertical: \"timeline_vertical\",\r\n  horizontal: \"timeline_horizontal\",\r\n\r\n  primary: \"timeline_primary\",\r\n  secondary: \"timeline_secondary\",\r\n  tertiary: \"timeline_tertiary\",\r\n  quaternary: \"timeline_quaternary\",\r\n\r\n  clear: \"timeline_clear\",\r\n\r\n  shadowNone: \"timeline_shadow-None\",\r\n  shadowLight: \"timeline_shadow-Light\",\r\n  shadowMedium: \"timeline_shadow-Medium\",\r\n  shadowStrong: \"timeline_shadow-Strong\",\r\n  shadowIntense: \"timeline_shadow-Intense\",\r\n\r\n  roundNone: \"timeline_round-None\",\r\n  roundSmall: \"timeline_round-Small\",\r\n  roundMedium: \"timeline_round-Medium\",\r\n  roundLarge: \"timeline_round-Large\",\r\n};\r\n\r\nconst Timeline: React.FC<TimelineProps> = (props) => {\r\n  return <TimelineBase {...props} classMap={classes} />;\r\n};\r\nTimeline.displayName = \"Timeline\";\r\nexport default Timeline;\r\n"],"names":[],"mappings":"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"}

package/dist/core/Toggle-BjcHSRky.cjs

@@ -1,142 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const classNames = require("./classNames-BcWMx052.cjs");
-const capitalize = require("./capitalize-DoV-nOmN.cjs");
-const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
-const ToggleBase = React.forwardRef(
-  ({
-    checked,
-    onChange,
-    label,
-    theme = borealStyleConfig.getDefaultTheme(),
-    rounding = borealStyleConfig.getDefaultRounding(),
-    shadow = borealStyleConfig.getDefaultShadow(),
-    state = "",
-    size = borealStyleConfig.getDefaultSize(),
-    disabled = false,
-    classMap,
-    className,
-    "data-testid": testId = "toggle"
-  }, ref) => {
-    const uid = React.useId();
-    const buttonId = `${testId}-button-${uid}`;
-    const labelId = label ? `${testId}-label-${uid}` : void 0;
-    const setOn = (next) => {
-      if (!disabled && next !== checked) onChange(next);
-    };
-    const toggle = () => setOn(!checked);
-    const handleKeyDown = (e) => {
-      if (disabled) return;
-      switch (e.key) {
-        case " ":
-        case "Enter":
-          e.preventDefault();
-          toggle();
-          break;
-        case "ArrowRight":
-          e.preventDefault();
-          setOn(true);
-          break;
-        case "ArrowLeft":
-          e.preventDefault();
-          setOn(false);
-          break;
-      }
-    };
-    const containerClass = React.useMemo(
-      () => classNames.combineClassNames(
-        classMap.container,
-        classMap[theme],
-        classMap[state],
-        classMap[size],
-        disabled && classMap.disabled,
-        className
-      ),
-      [classMap, theme, state, size, disabled, className]
-    );
-    const toggleClass = React.useMemo(
-      () => classNames.combineClassNames(
-        classMap.toggle,
-        checked && classMap.active,
-        shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
-        rounding && classMap[`round${capitalize.capitalize(rounding)}`]
-      ),
-      [classMap, checked, shadow, rounding]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerClass, "data-testid": `${testId}-wrapper`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          ref,
-          id: buttonId,
-          className: toggleClass,
-          role: "switch",
-          "aria-checked": checked,
-          "aria-labelledby": label ? labelId : void 0,
-          "aria-label": label ? void 0 : "Toggle switch",
-          type: "button",
-          disabled,
-          onClick: toggle,
-          onKeyDown: handleKeyDown,
-          "data-testid": testId,
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              className: classMap.slider,
-              "aria-hidden": "true",
-              "data-testid": `${testId}-slider`
-            }
-          )
-        }
-      ),
-      label && /* @__PURE__ */ jsxRuntime.jsx(
-        "label",
-        {
-          id: labelId,
-          htmlFor: buttonId,
-          className: classMap.label,
-          "data-testid": `${testId}-label`,
-          children: label
-        }
-      )
-    ] });
-  }
-);
-ToggleBase.displayName = "ToggleBase";
-const classes = {
-  container: "container",
-  toggle: "toggle",
-  active: "toggle_active",
-  slider: "toggle_slider",
-  label: "toggle_label",
-  primary: "toggle_primary",
-  secondary: "toggle_secondary",
-  tertiary: "toggle_tertiary",
-  quaternary: "toggle_quaternary",
-  success: "toggle_success",
-  warning: "toggle_warning",
-  error: "toggle_error",
-  clear: "toggle_clear",
-  disabled: "toggle_disabled",
-  xs: "toggle_xs",
-  small: "toggle_small",
-  medium: "toggle_medium",
-  large: "toggle_large",
-  xl: "toggle_xl",
-  shadowNone: "toggle_shadow-None",
-  shadowLight: "toggle_shadow-Light",
-  shadowMedium: "toggle_shadow-Medium",
-  shadowStrong: "toggle_shadow-Strong",
-  shadowIntense: "toggle_shadow-Intense",
-  roundNone: "toggle_round-None",
-  roundSmall: "toggle_round-Small",
-  roundMedium: "toggle_round-Medium",
-  roundLarge: "toggle_round-Large"
-};
-const Toggle = React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(ToggleBase, { ...props, classMap: classes, ref });
-});
-Toggle.displayName = "Toggle";
-exports.Toggle = Toggle;
-//# sourceMappingURL=Toggle-BjcHSRky.cjs.map

package/dist/core/Toggle-BjcHSRky.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toggle-BjcHSRky.cjs","sources":["../../src/components/Toggle/ToggleBase.tsx","../../src/components/Toggle/core/Toggle.tsx"],"sourcesContent":["import { forwardRef, KeyboardEvent, useId, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToggleBaseProps } from \"./Toggle.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst ToggleBase = forwardRef<HTMLButtonElement, ToggleBaseProps>(\r\n  (\r\n    {\r\n      checked,\r\n      onChange,\r\n      label,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      size = getDefaultSize(),\r\n      disabled = false,\r\n      classMap,\r\n      className,\r\n      \"data-testid\": testId = \"toggle\",\r\n    },\r\n    ref\r\n  ) => {\r\n    const uid = useId();\r\n    const buttonId = `${testId}-button-${uid}`;\r\n    const labelId = label ? `${testId}-label-${uid}` : undefined;\r\n\r\n    const setOn = (next: boolean) => {\r\n      if (!disabled && next !== checked) onChange(next);\r\n    };\r\n    const toggle = () => setOn(!checked);\r\n\r\n    const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\r\n      if (disabled) return;\r\n      switch (e.key) {\r\n        case \" \":\r\n        case \"Enter\":\r\n          e.preventDefault();\r\n          toggle();\r\n          break;\r\n        case \"ArrowRight\":\r\n          e.preventDefault();\r\n          setOn(true);\r\n          break;\r\n        case \"ArrowLeft\":\r\n          e.preventDefault();\r\n          setOn(false);\r\n          break;\r\n      }\r\n    };\r\n\r\n    const containerClass = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.container,\r\n          classMap[theme],\r\n          classMap[state],\r\n          classMap[size],\r\n          disabled && classMap.disabled,\r\n          className\r\n        ),\r\n      [classMap, theme, state, size, disabled, className]\r\n    );\r\n\r\n    const toggleClass = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.toggle,\r\n          checked && classMap.active,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`]\r\n        ),\r\n      [classMap, checked, shadow, rounding]\r\n    );\r\n\r\n    return (\r\n      <div className={containerClass} data-testid={`${testId}-wrapper`}>\r\n        <button\r\n          ref={ref}\r\n          id={buttonId}\r\n          className={toggleClass}\r\n          role=\"switch\"\r\n          aria-checked={checked}\r\n          aria-labelledby={label ? labelId : undefined}\r\n          aria-label={label ? undefined : \"Toggle switch\"}\r\n          type=\"button\"\r\n          disabled={disabled}\r\n          onClick={toggle}\r\n          onKeyDown={handleKeyDown}\r\n          data-testid={testId}\r\n        >\r\n          <span\r\n            className={classMap.slider}\r\n            aria-hidden=\"true\"\r\n            data-testid={`${testId}-slider`}\r\n          />\r\n        </button>\r\n\r\n        {label && (\r\n          <label\r\n            id={labelId}\r\n            htmlFor={buttonId}\r\n            className={classMap.label}\r\n            data-testid={`${testId}-label`}\r\n          >\r\n            {label}\r\n          </label>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nToggleBase.displayName = \"ToggleBase\";\r\nexport default ToggleBase;\r\n","import { forwardRef } from \"react\";\r\nimport \"./Toggle.scss\";\r\nimport ToggleBase from \"../ToggleBase\";\r\nimport { ToggleProps } from \"../Toggle.types\";\r\n\r\nconst classes = {\r\n  container: \"container\",\r\n  toggle: \"toggle\",\r\n  active: \"toggle_active\",\r\n  slider: \"toggle_slider\",\r\n  label: \"toggle_label\",\r\n\r\n  primary: \"toggle_primary\",\r\n  secondary: \"toggle_secondary\",\r\n  tertiary: \"toggle_tertiary\",\r\n  quaternary: \"toggle_quaternary\",\r\n\r\n  success: \"toggle_success\",\r\n  warning: \"toggle_warning\",\r\n  error: \"toggle_error\",\r\n\r\n  clear: \"toggle_clear\",\r\n\r\n  disabled: \"toggle_disabled\",\r\n\r\n  xs: \"toggle_xs\",\r\n  small: \"toggle_small\",\r\n  medium: \"toggle_medium\",\r\n  large: \"toggle_large\",\r\n  xl: \"toggle_xl\",\r\n\r\n  shadowNone: \"toggle_shadow-None\",\r\n  shadowLight: \"toggle_shadow-Light\",\r\n  shadowMedium: \"toggle_shadow-Medium\",\r\n  shadowStrong: \"toggle_shadow-Strong\",\r\n  shadowIntense: \"toggle_shadow-Intense\",\r\n\r\n  roundNone: \"toggle_round-None\",\r\n  roundSmall: \"toggle_round-Small\",\r\n  roundMedium: \"toggle_round-Medium\",\r\n  roundLarge: \"toggle_round-Large\",\r\n};\r\n\r\nconst Toggle = forwardRef<HTMLButtonElement, ToggleProps>((props, ref) => {\r\n  return <ToggleBase {...props} classMap={classes} ref={ref} />;\r\n});\r\nToggle.displayName = \"Toggle\";\r\nexport default Toggle;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","useId","useMemo","combineClassNames","capitalize","jsx"],"mappings":"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"}

package/dist/core/Toggle-x0wutBcD.js

@@ -1,143 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useId, useMemo } from "react";
-import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
-import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-import { c as getDefaultSize, d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-const ToggleBase = forwardRef(
-  ({
-    checked,
-    onChange,
-    label,
-    theme = getDefaultTheme(),
-    rounding = getDefaultRounding(),
-    shadow = getDefaultShadow(),
-    state = "",
-    size = getDefaultSize(),
-    disabled = false,
-    classMap,
-    className,
-    "data-testid": testId = "toggle"
-  }, ref) => {
-    const uid = useId();
-    const buttonId = `${testId}-button-${uid}`;
-    const labelId = label ? `${testId}-label-${uid}` : void 0;
-    const setOn = (next) => {
-      if (!disabled && next !== checked) onChange(next);
-    };
-    const toggle = () => setOn(!checked);
-    const handleKeyDown = (e) => {
-      if (disabled) return;
-      switch (e.key) {
-        case " ":
-        case "Enter":
-          e.preventDefault();
-          toggle();
-          break;
-        case "ArrowRight":
-          e.preventDefault();
-          setOn(true);
-          break;
-        case "ArrowLeft":
-          e.preventDefault();
-          setOn(false);
-          break;
-      }
-    };
-    const containerClass = useMemo(
-      () => combineClassNames(
-        classMap.container,
-        classMap[theme],
-        classMap[state],
-        classMap[size],
-        disabled && classMap.disabled,
-        className
-      ),
-      [classMap, theme, state, size, disabled, className]
-    );
-    const toggleClass = useMemo(
-      () => combineClassNames(
-        classMap.toggle,
-        checked && classMap.active,
-        shadow && classMap[`shadow${capitalize(shadow)}`],
-        rounding && classMap[`round${capitalize(rounding)}`]
-      ),
-      [classMap, checked, shadow, rounding]
-    );
-    return /* @__PURE__ */ jsxs("div", { className: containerClass, "data-testid": `${testId}-wrapper`, children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          ref,
-          id: buttonId,
-          className: toggleClass,
-          role: "switch",
-          "aria-checked": checked,
-          "aria-labelledby": label ? labelId : void 0,
-          "aria-label": label ? void 0 : "Toggle switch",
-          type: "button",
-          disabled,
-          onClick: toggle,
-          onKeyDown: handleKeyDown,
-          "data-testid": testId,
-          children: /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: classMap.slider,
-              "aria-hidden": "true",
-              "data-testid": `${testId}-slider`
-            }
-          )
-        }
-      ),
-      label && /* @__PURE__ */ jsx(
-        "label",
-        {
-          id: labelId,
-          htmlFor: buttonId,
-          className: classMap.label,
-          "data-testid": `${testId}-label`,
-          children: label
-        }
-      )
-    ] });
-  }
-);
-ToggleBase.displayName = "ToggleBase";
-const classes = {
-  container: "container",
-  toggle: "toggle",
-  active: "toggle_active",
-  slider: "toggle_slider",
-  label: "toggle_label",
-  primary: "toggle_primary",
-  secondary: "toggle_secondary",
-  tertiary: "toggle_tertiary",
-  quaternary: "toggle_quaternary",
-  success: "toggle_success",
-  warning: "toggle_warning",
-  error: "toggle_error",
-  clear: "toggle_clear",
-  disabled: "toggle_disabled",
-  xs: "toggle_xs",
-  small: "toggle_small",
-  medium: "toggle_medium",
-  large: "toggle_large",
-  xl: "toggle_xl",
-  shadowNone: "toggle_shadow-None",
-  shadowLight: "toggle_shadow-Light",
-  shadowMedium: "toggle_shadow-Medium",
-  shadowStrong: "toggle_shadow-Strong",
-  shadowIntense: "toggle_shadow-Intense",
-  roundNone: "toggle_round-None",
-  roundSmall: "toggle_round-Small",
-  roundMedium: "toggle_round-Medium",
-  roundLarge: "toggle_round-Large"
-};
-const Toggle = forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(ToggleBase, { ...props, classMap: classes, ref });
-});
-Toggle.displayName = "Toggle";
-export {
-  Toggle as T
-};
-//# sourceMappingURL=Toggle-x0wutBcD.js.map