@alma-oss/spirit-web-react 4.5.0 → 4.6.0

package/dist/components/Container/demo/preview.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { StrictMode as i } from "react";
+import n from "../../../web-react/docs/DocsSection.js";
+import r from "./ContainerAlignment.js";
+import o from "./ContainerBlockFormattingContext.js";
+import l from "./ContainerDefault.js";
+import c from "./ContainerFluid.js";
+import m from "./ContainerSizes.js";
+const C = () => /* @__PURE__ */ e(i, { children: [
+  /* @__PURE__ */ t(n, { title: "Default", stackAlignment: "stretch", container: "heading-only", children: /* @__PURE__ */ t(l, {}) }),
+  /* @__PURE__ */ t(n, { title: "Fluid", stackAlignment: "stretch", container: "heading-only", children: /* @__PURE__ */ t(c, {}) }),
+  /* @__PURE__ */ t(m, {}),
+  /* @__PURE__ */ t(n, { title: "Text Alignment", stackAlignment: "stretch", container: "heading-only", children: /* @__PURE__ */ t(r, {}) }),
+  /* @__PURE__ */ t(n, { title: "Feature Flag: Block Formatting Context", stackAlignment: "stretch", container: "heading-only", children: /* @__PURE__ */ t(o, {}) })
+] });
+export {
+  C as Preview
+};
+//# sourceMappingURL=preview.js.map

package/dist/components/Container/demo/preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Container/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport ContainerAlignment from './ContainerAlignment';\nimport ContainerBlockFormattingContext from './ContainerBlockFormattingContext';\nimport ContainerDefault from './ContainerDefault';\nimport ContainerFluid from './ContainerFluid';\nimport ContainerSizes from './ContainerSizes';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <ContainerDefault />\n    </DocsSection>\n    <DocsSection title=\"Fluid\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <ContainerFluid />\n    </DocsSection>\n    <ContainerSizes />\n    <DocsSection title=\"Text Alignment\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <ContainerAlignment />\n    </DocsSection>\n    <DocsSection title=\"Feature Flag: Block Formatting Context\" stackAlignment=\"stretch\" container=\"heading-only\">\n      <ContainerBlockFormattingContext />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsxs","StrictMode","jsx","DocsSection","ContainerDefault","ContainerFluid","ContainerSizes","ContainerAlignment","ContainerBlockFormattingContext"],"mappings":";;;;;;;;;AAUO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAY,OAAM,WAAU,gBAAe,WAAU,WAAU,gBAC9D,UAAA,gBAAAD,EAACE,GAAA,CAAA,CAAiB,EAAA,CACpB;AAAA,EACA,gBAAAF,EAACC,GAAA,EAAY,OAAM,SAAQ,gBAAe,WAAU,WAAU,gBAC5D,UAAA,gBAAAD,EAACG,GAAA,CAAA,CAAe,EAAA,CAClB;AAAA,oBACCC,GAAA,EAAe;AAAA,EAChB,gBAAAJ,EAACC,GAAA,EAAY,OAAM,kBAAiB,gBAAe,WAAU,WAAU,gBACrE,UAAA,gBAAAD,EAACK,GAAA,CAAA,CAAmB,EAAA,CACtB;AAAA,EACA,gBAAAL,EAACC,GAAA,EAAY,OAAM,0CAAyC,gBAAe,WAAU,WAAU,gBAC7F,UAAA,gBAAAD,EAACM,GAAA,CAAA,CAAgC,EAAA,CACnC;AAAA,EAAA,CACF;"}

package/dist/components/Container/preview/index.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../demo/preview.cjs");exports.default=e.Preview;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Container/preview/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Container/preview/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Preview as t } from "../demo/preview.js";
+export {
+  t as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Container/preview/index.js.map

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

package/dist/components/Container/preview.d.ts

@@ -0,0 +1,4 @@
+export {}
+import _default from '../../src/components/Container/preview/index'
+export default _default
+export {}

package/dist/components/Container.d.ts

@@ -1,2 +1,2 @@
-export * from './Container/index'
+export * from '../src/components/Container/index'
 export {}

package/dist/components/ControlButton/demo/ControlButtonDemoFactory.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),l=require("react"),n=require("../../../constants/dictionaries.cjs"),a=require("../../../utils/colorObjectGenerators.cjs"),p=require("../../Box/Box.cjs"),x=require("../../Flex/Flex.cjs"),i=require("../../Icon/Icon.cjs"),C=require("../ControlButton.cjs"),B=require("../../../web-react/docs/constants.cjs"),b=a.getAccentBackgroundColors(),k=a.getEmotionBackgroundColors(),I=a.getNeutralBackgroundColors(),U=a.getAccentTextColors(),S=a.getEmotionTextColors(),T=a.getNeutralTextColors(),d=(e,o,r)=>{switch(o){case"basic":return e;case"neutral":{const t=`NEUTRAL_${r.toUpperCase()}`;return I[t]}case"emotion":{const t=`EMOTION_${e.toUpperCase()}_${r.toUpperCase()}`;return k[t]}case"accent":{const t=`ACCENT_${e.toUpperCase()}_${r.toUpperCase()}`;return b[t]}default:return}},f=(e,o,r)=>{switch(o){case"basic":return;case"neutral":{const t=`NEUTRAL_${r.toUpperCase()}`;return T[t]}case"emotion":{const t=`EMOTION_${e.toUpperCase()}_${r.toUpperCase()}`;return S[t]}case"accent":{const t=`ACCENT_${e.toUpperCase()}_${r.toUpperCase()}`;return U[t]}default:return}},u=(e,o,r)=>{const t=Object.values(n.Sizes),g=r?d(e,o,r):d(e,o,n.Intensity.BASIC),m=r?f(e,o,r===n.Intensity.BASIC?n.Intensity.SUBTLE:n.Intensity.BASIC):void 0;return s.jsxs(p.default,{alignmentX:{mobile:"center",tablet:"left"},alignmentY:"center",backgroundColor:g,elementType:x.default,padding:"space-800",textColor:m,children:[t.map(c=>s.jsx(l.Fragment,{children:s.jsx(C.default,{size:c,isSymmetrical:!0,isSubtle:!0,"aria-label":"Close dialog",children:s.jsx(i.default,{name:"close"})})},`${c}-subtle`)),t.map(c=>s.jsx(l.Fragment,{children:s.jsx(C.default,{size:c,isSymmetrical:!0,"aria-label":"Close dialog",children:s.jsx(i.default,{name:"close"})})},`${c}-bordered`))]},r||"default")},j=({color:e,colorType:o})=>o===B.DemoColorTypes.BASIC?u(e,o):s.jsxs(s.Fragment,{children:[u(e,o,n.Intensity.BASIC),u(e,o,n.Intensity.SUBTLE)]});exports.default=j;
+//# sourceMappingURL=ControlButtonDemoFactory.cjs.map

package/dist/components/ControlButton/demo/ControlButtonDemoFactory.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlButtonDemoFactory.cjs","sources":["../../../../src/components/ControlButton/demo/ControlButtonDemoFactory.tsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { DemoColorTypes } from '../../../../docs';\nimport { Intensity, Sizes } from '../../../constants';\nimport type {\n  AccentColorNamesType,\n  BackgroundColorsDictionaryType,\n  BoxBackgroundColorsType,\n  EmotionColorNamesType,\n  IntensityDictionaryType,\n  TextAccentColorsType,\n  TextEmotionColorsType,\n  TextNeutralColorsType,\n} from '../../../types';\nimport {\n  getAccentBackgroundColors,\n  getAccentTextColors,\n  getEmotionBackgroundColors,\n  getEmotionTextColors,\n  getNeutralBackgroundColors,\n  getNeutralTextColors,\n} from '../../../utils';\nimport { Box } from '../../Box';\nimport { Flex } from '../../Flex';\nimport { Icon } from '../../Icon';\nimport ControlButton from '../ControlButton';\n\ntype DemoColorType = (typeof DemoColorTypes)[keyof typeof DemoColorTypes];\n\ntype ControlButtonDemoFactoryProps = {\n  color: BackgroundColorsDictionaryType | 'neutral' | EmotionColorNamesType | AccentColorNamesType;\n  colorType: DemoColorType;\n};\n\nconst accentBackgroundColors = getAccentBackgroundColors();\nconst emotionBackgroundColors = getEmotionBackgroundColors();\nconst neutralBackgroundColors = getNeutralBackgroundColors();\nconst accentTextColors = getAccentTextColors();\nconst emotionTextColors = getEmotionTextColors();\nconst neutralTextColors = getNeutralTextColors();\n\nconst getBackgroundColor = (\n  color: BackgroundColorsDictionaryType | 'neutral' | EmotionColorNamesType | AccentColorNamesType,\n  colorType: DemoColorType,\n  intensity: IntensityDictionaryType,\n): BoxBackgroundColorsType | undefined => {\n  switch (colorType) {\n    case 'basic':\n      return color as BackgroundColorsDictionaryType;\n    case 'neutral': {\n      const key = `NEUTRAL_${intensity.toUpperCase()}`;\n\n      return neutralBackgroundColors[key];\n    }\n    case 'emotion': {\n      const key = `EMOTION_${color!.toUpperCase()}_${intensity.toUpperCase()}`;\n\n      return emotionBackgroundColors[key];\n    }\n    case 'accent': {\n      const key = `ACCENT_${color!.toUpperCase()}_${intensity.toUpperCase()}`;\n\n      return accentBackgroundColors[key];\n    }\n    default:\n      return undefined;\n  }\n};\n\nconst getTextColor = (\n  color: BackgroundColorsDictionaryType | 'neutral' | EmotionColorNamesType | AccentColorNamesType,\n  colorType: DemoColorType,\n  intensity: IntensityDictionaryType,\n): TextNeutralColorsType | TextEmotionColorsType | TextAccentColorsType | undefined => {\n  switch (colorType) {\n    case 'basic':\n      return undefined;\n    case 'neutral': {\n      const key = `NEUTRAL_${intensity.toUpperCase()}`;\n\n      return neutralTextColors[key];\n    }\n    case 'emotion': {\n      const key = `EMOTION_${color!.toUpperCase()}_${intensity.toUpperCase()}`;\n\n      return emotionTextColors[key];\n    }\n    case 'accent': {\n      const key = `ACCENT_${color!.toUpperCase()}_${intensity.toUpperCase()}`;\n\n      return accentTextColors[key];\n    }\n    default:\n      return undefined;\n  }\n};\n\nconst renderRow = (\n  color: BackgroundColorsDictionaryType | 'neutral' | EmotionColorNamesType | AccentColorNamesType,\n  colorType: DemoColorType,\n  intensity?: IntensityDictionaryType,\n) => {\n  const sizes = Object.values(Sizes);\n  const backgroundColor = intensity\n    ? getBackgroundColor(color, colorType, intensity)\n    : getBackgroundColor(color, colorType, Intensity.BASIC);\n  const textColor = intensity\n    ? getTextColor(color, colorType, intensity === Intensity.BASIC ? Intensity.SUBTLE : Intensity.BASIC)\n    : undefined;\n\n  return (\n    <Box\n      key={intensity || 'default'}\n      alignmentX={{ mobile: 'center', tablet: 'left' }}\n      alignmentY=\"center\"\n      backgroundColor={backgroundColor}\n      elementType={Flex}\n      padding=\"space-800\"\n      textColor={textColor}\n    >\n      {sizes.map((size) => (\n        <Fragment key={`${size}-subtle`}>\n          <ControlButton size={size} isSymmetrical isSubtle aria-label=\"Close dialog\">\n            <Icon name=\"close\" />\n          </ControlButton>\n        </Fragment>\n      ))}\n      {sizes.map((size) => (\n        <Fragment key={`${size}-bordered`}>\n          <ControlButton size={size} isSymmetrical aria-label=\"Close dialog\">\n            <Icon name=\"close\" />\n          </ControlButton>\n        </Fragment>\n      ))}\n    </Box>\n  );\n};\n\nconst ControlButtonDemoFactory = ({ color, colorType }: ControlButtonDemoFactoryProps) =>\n  colorType === DemoColorTypes.BASIC ? (\n    renderRow(color, colorType)\n  ) : (\n    <>\n      {renderRow(color, colorType, Intensity.BASIC)}\n      {renderRow(color, colorType, Intensity.SUBTLE)}\n    </>\n  );\n\nexport default ControlButtonDemoFactory;\n"],"names":["accentBackgroundColors","getAccentBackgroundColors","emotionBackgroundColors","getEmotionBackgroundColors","neutralBackgroundColors","getNeutralBackgroundColors","accentTextColors","getAccentTextColors","emotionTextColors","getEmotionTextColors","neutralTextColors","getNeutralTextColors","getBackgroundColor","color","colorType","intensity","key","getTextColor","renderRow","sizes","Sizes","backgroundColor","Intensity","textColor","jsxs","Box","Flex","size","jsx","Fragment","ControlButton","Icon","ControlButtonDemoFactory","DemoColorTypes"],"mappings":"icAiCMA,EAAyBC,EAAAA,0BAAA,EACzBC,EAA0BC,EAAAA,2BAAA,EAC1BC,EAA0BC,EAAAA,2BAAA,EAC1BC,EAAmBC,EAAAA,oBAAA,EACnBC,EAAoBC,EAAAA,qBAAA,EACpBC,EAAoBC,EAAAA,qBAAA,EAEpBC,EAAqB,CACzBC,EACAC,EACAC,IACwC,CACxC,OAAQD,EAAA,CACN,IAAK,QACH,OAAOD,EACT,IAAK,UAAW,CACd,MAAMG,EAAM,WAAWD,EAAU,YAAA,CAAa,GAE9C,OAAOX,EAAwBY,CAAG,CACpC,CACA,IAAK,UAAW,CACd,MAAMA,EAAM,WAAWH,EAAO,YAAA,CAAa,IAAIE,EAAU,aAAa,GAEtE,OAAOb,EAAwBc,CAAG,CACpC,CACA,IAAK,SAAU,CACb,MAAMA,EAAM,UAAUH,EAAO,YAAA,CAAa,IAAIE,EAAU,aAAa,GAErE,OAAOf,EAAuBgB,CAAG,CACnC,CACA,QACE,MAAO,CAEb,EAEMC,EAAe,CACnBJ,EACAC,EACAC,IACqF,CACrF,OAAQD,EAAA,CACN,IAAK,QACH,OACF,IAAK,UAAW,CACd,MAAME,EAAM,WAAWD,EAAU,YAAA,CAAa,GAE9C,OAAOL,EAAkBM,CAAG,CAC9B,CACA,IAAK,UAAW,CACd,MAAMA,EAAM,WAAWH,EAAO,YAAA,CAAa,IAAIE,EAAU,aAAa,GAEtE,OAAOP,EAAkBQ,CAAG,CAC9B,CACA,IAAK,SAAU,CACb,MAAMA,EAAM,UAAUH,EAAO,YAAA,CAAa,IAAIE,EAAU,aAAa,GAErE,OAAOT,EAAiBU,CAAG,CAC7B,CACA,QACE,MAAO,CAEb,EAEME,EAAY,CAChBL,EACAC,EACAC,IACG,CACH,MAAMI,EAAQ,OAAO,OAAOC,OAAK,EAC3BC,EAAkBN,EACpBH,EAAmBC,EAAOC,EAAWC,CAAS,EAC9CH,EAAmBC,EAAOC,EAAWQ,EAAAA,UAAU,KAAK,EAClDC,EAAYR,EACdE,EAAaJ,EAAOC,EAAWC,IAAcO,YAAU,MAAQA,EAAAA,UAAU,OAASA,EAAAA,UAAU,KAAK,EACjG,OAEJ,OACEE,EAAAA,KAACC,EAAAA,QAAA,CAEC,WAAY,CAAE,OAAQ,SAAU,OAAQ,MAAA,EACxC,WAAW,SACX,gBAAAJ,EACA,YAAaK,EAAAA,QACb,QAAQ,YACR,UAAAH,EAEC,SAAA,CAAAJ,EAAM,IAAKQ,GACVC,EAAAA,IAACC,EAAAA,SAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAc,KAAAH,EAAY,cAAa,GAAC,SAAQ,GAAC,aAAW,eAC3D,SAAAC,EAAAA,IAACG,EAAAA,QAAA,CAAK,KAAK,QAAQ,EACrB,CAAA,EAHa,GAAGJ,CAAI,SAItB,CACD,EACAR,EAAM,IAAKQ,SACTE,EAAAA,SAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAc,KAAAH,EAAY,cAAa,GAAC,aAAW,eAClD,SAAAC,EAAAA,IAACG,EAAAA,QAAA,CAAK,KAAK,QAAQ,EACrB,CAAA,EAHa,GAAGJ,CAAI,WAItB,CACD,CAAA,CAAA,EArBIZ,GAAa,SAAA,CAwBxB,EAEMiB,EAA2B,CAAC,CAAE,MAAAnB,EAAO,UAAAC,CAAA,IACzCA,IAAcmB,EAAAA,eAAe,MAC3Bf,EAAUL,EAAOC,CAAS,EAE1BU,EAAAA,KAAAK,EAAAA,SAAA,CACG,SAAA,CAAAX,EAAUL,EAAOC,EAAWQ,EAAAA,UAAU,KAAK,EAC3CJ,EAAUL,EAAOC,EAAWQ,EAAAA,UAAU,MAAM,CAAA,CAAA,CAC/C"}

package/dist/components/ControlButton/demo/ControlButtonDemoFactory.js

@@ -0,0 +1,73 @@
+import { jsxs as p, Fragment as g, jsx as a } from "react/jsx-runtime";
+import { Fragment as l } from "react";
+import { Intensity as n, Sizes as B } from "../../../constants/dictionaries.js";
+import { getAccentBackgroundColors as f, getEmotionBackgroundColors as k, getNeutralBackgroundColors as U, getAccentTextColors as x, getEmotionTextColors as $, getNeutralTextColors as T } from "../../../utils/colorObjectGenerators.js";
+import b from "../../Box/Box.js";
+import A from "../../Flex/Flex.js";
+import m from "../../Icon/Icon.js";
+import C from "../ControlButton.js";
+import { DemoColorTypes as S } from "../../../web-react/docs/constants.js";
+const E = f(), _ = k(), I = U(), h = x(), N = $(), v = T(), u = (e, r, o) => {
+  switch (r) {
+    case "basic":
+      return e;
+    case "neutral": {
+      const t = `NEUTRAL_${o.toUpperCase()}`;
+      return I[t];
+    }
+    case "emotion": {
+      const t = `EMOTION_${e.toUpperCase()}_${o.toUpperCase()}`;
+      return _[t];
+    }
+    case "accent": {
+      const t = `ACCENT_${e.toUpperCase()}_${o.toUpperCase()}`;
+      return E[t];
+    }
+    default:
+      return;
+  }
+}, F = (e, r, o) => {
+  switch (r) {
+    case "basic":
+      return;
+    case "neutral": {
+      const t = `NEUTRAL_${o.toUpperCase()}`;
+      return v[t];
+    }
+    case "emotion": {
+      const t = `EMOTION_${e.toUpperCase()}_${o.toUpperCase()}`;
+      return N[t];
+    }
+    case "accent": {
+      const t = `ACCENT_${e.toUpperCase()}_${o.toUpperCase()}`;
+      return h[t];
+    }
+    default:
+      return;
+  }
+}, c = (e, r, o) => {
+  const t = Object.values(B), d = o ? u(e, r, o) : u(e, r, n.BASIC), i = o ? F(e, r, o === n.BASIC ? n.SUBTLE : n.BASIC) : void 0;
+  return /* @__PURE__ */ p(
+    b,
+    {
+      alignmentX: { mobile: "center", tablet: "left" },
+      alignmentY: "center",
+      backgroundColor: d,
+      elementType: A,
+      padding: "space-800",
+      textColor: i,
+      children: [
+        t.map((s) => /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(C, { size: s, isSymmetrical: !0, isSubtle: !0, "aria-label": "Close dialog", children: /* @__PURE__ */ a(m, { name: "close" }) }) }, `${s}-subtle`)),
+        t.map((s) => /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(C, { size: s, isSymmetrical: !0, "aria-label": "Close dialog", children: /* @__PURE__ */ a(m, { name: "close" }) }) }, `${s}-bordered`))
+      ]
+    },
+    o || "default"
+  );
+}, q = ({ color: e, colorType: r }) => r === S.BASIC ? c(e, r) : /* @__PURE__ */ p(g, { children: [
+  c(e, r, n.BASIC),
+  c(e, r, n.SUBTLE)
+] });
+export {
+  q as default
+};
+//# sourceMappingURL=ControlButtonDemoFactory.js.map

package/dist/components/ControlButton/demo/ControlButtonDemoFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlButtonDemoFactory.js","sources":["../../../../src/components/ControlButton/demo/ControlButtonDemoFactory.tsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { DemoColorTypes } from '../../../../docs';\nimport { Intensity, Sizes } from '../../../constants';\nimport type {\n  AccentColorNamesType,\n  BackgroundColorsDictionaryType,\n  BoxBackgroundColorsType,\n  EmotionColorNamesType,\n  IntensityDictionaryType,\n  TextAccentColorsType,\n  TextEmotionColorsType,\n  TextNeutralColorsType,\n} from '../../../types';\nimport {\n  getAccentBackgroundColors,\n  getAccentTextColors,\n  getEmotionBackgroundColors,\n  getEmotionTextColors,\n  getNeutralBackgroundColors,\n  getNeutralTextColors,\n} from '../../../utils';\nimport { Box } from '../../Box';\nimport { Flex } from '../../Flex';\nimport { Icon } from '../../Icon';\nimport ControlButton from '../ControlButton';\n\ntype DemoColorType = (typeof DemoColorTypes)[keyof typeof DemoColorTypes];\n\ntype ControlButtonDemoFactoryProps = {\n  color: BackgroundColorsDictionaryType | 'neutral' | EmotionColorNamesType | AccentColorNamesType;\n  colorType: DemoColorType;\n};\n\nconst accentBackgroundColors = getAccentBackgroundColors();\nconst emotionBackgroundColors = getEmotionBackgroundColors();\nconst neutralBackgroundColors = getNeutralBackgroundColors();\nconst accentTextColors = getAccentTextColors();\nconst emotionTextColors = getEmotionTextColors();\nconst neutralTextColors = getNeutralTextColors();\n\nconst getBackgroundColor = (\n  color: BackgroundColorsDictionaryType | 'neutral' | EmotionColorNamesType | AccentColorNamesType,\n  colorType: DemoColorType,\n  intensity: IntensityDictionaryType,\n): BoxBackgroundColorsType | undefined => {\n  switch (colorType) {\n    case 'basic':\n      return color as BackgroundColorsDictionaryType;\n    case 'neutral': {\n      const key = `NEUTRAL_${intensity.toUpperCase()}`;\n\n      return neutralBackgroundColors[key];\n    }\n    case 'emotion': {\n      const key = `EMOTION_${color!.toUpperCase()}_${intensity.toUpperCase()}`;\n\n      return emotionBackgroundColors[key];\n    }\n    case 'accent': {\n      const key = `ACCENT_${color!.toUpperCase()}_${intensity.toUpperCase()}`;\n\n      return accentBackgroundColors[key];\n    }\n    default:\n      return undefined;\n  }\n};\n\nconst getTextColor = (\n  color: BackgroundColorsDictionaryType | 'neutral' | EmotionColorNamesType | AccentColorNamesType,\n  colorType: DemoColorType,\n  intensity: IntensityDictionaryType,\n): TextNeutralColorsType | TextEmotionColorsType | TextAccentColorsType | undefined => {\n  switch (colorType) {\n    case 'basic':\n      return undefined;\n    case 'neutral': {\n      const key = `NEUTRAL_${intensity.toUpperCase()}`;\n\n      return neutralTextColors[key];\n    }\n    case 'emotion': {\n      const key = `EMOTION_${color!.toUpperCase()}_${intensity.toUpperCase()}`;\n\n      return emotionTextColors[key];\n    }\n    case 'accent': {\n      const key = `ACCENT_${color!.toUpperCase()}_${intensity.toUpperCase()}`;\n\n      return accentTextColors[key];\n    }\n    default:\n      return undefined;\n  }\n};\n\nconst renderRow = (\n  color: BackgroundColorsDictionaryType | 'neutral' | EmotionColorNamesType | AccentColorNamesType,\n  colorType: DemoColorType,\n  intensity?: IntensityDictionaryType,\n) => {\n  const sizes = Object.values(Sizes);\n  const backgroundColor = intensity\n    ? getBackgroundColor(color, colorType, intensity)\n    : getBackgroundColor(color, colorType, Intensity.BASIC);\n  const textColor = intensity\n    ? getTextColor(color, colorType, intensity === Intensity.BASIC ? Intensity.SUBTLE : Intensity.BASIC)\n    : undefined;\n\n  return (\n    <Box\n      key={intensity || 'default'}\n      alignmentX={{ mobile: 'center', tablet: 'left' }}\n      alignmentY=\"center\"\n      backgroundColor={backgroundColor}\n      elementType={Flex}\n      padding=\"space-800\"\n      textColor={textColor}\n    >\n      {sizes.map((size) => (\n        <Fragment key={`${size}-subtle`}>\n          <ControlButton size={size} isSymmetrical isSubtle aria-label=\"Close dialog\">\n            <Icon name=\"close\" />\n          </ControlButton>\n        </Fragment>\n      ))}\n      {sizes.map((size) => (\n        <Fragment key={`${size}-bordered`}>\n          <ControlButton size={size} isSymmetrical aria-label=\"Close dialog\">\n            <Icon name=\"close\" />\n          </ControlButton>\n        </Fragment>\n      ))}\n    </Box>\n  );\n};\n\nconst ControlButtonDemoFactory = ({ color, colorType }: ControlButtonDemoFactoryProps) =>\n  colorType === DemoColorTypes.BASIC ? (\n    renderRow(color, colorType)\n  ) : (\n    <>\n      {renderRow(color, colorType, Intensity.BASIC)}\n      {renderRow(color, colorType, Intensity.SUBTLE)}\n    </>\n  );\n\nexport default ControlButtonDemoFactory;\n"],"names":["accentBackgroundColors","getAccentBackgroundColors","emotionBackgroundColors","getEmotionBackgroundColors","neutralBackgroundColors","getNeutralBackgroundColors","accentTextColors","getAccentTextColors","emotionTextColors","getEmotionTextColors","neutralTextColors","getNeutralTextColors","getBackgroundColor","color","colorType","intensity","key","getTextColor","renderRow","sizes","Sizes","backgroundColor","Intensity","textColor","jsxs","Box","Flex","size","jsx","Fragment","ControlButton","Icon","ControlButtonDemoFactory","DemoColorTypes"],"mappings":";;;;;;;;;AAiCA,MAAMA,IAAyBC,EAAA,GACzBC,IAA0BC,EAAA,GAC1BC,IAA0BC,EAAA,GAC1BC,IAAmBC,EAAA,GACnBC,IAAoBC,EAAA,GACpBC,IAAoBC,EAAA,GAEpBC,IAAqB,CACzBC,GACAC,GACAC,MACwC;AACxC,UAAQD,GAAA;AAAA,IACN,KAAK;AACH,aAAOD;AAAA,IACT,KAAK,WAAW;AACd,YAAMG,IAAM,WAAWD,EAAU,YAAA,CAAa;AAE9C,aAAOX,EAAwBY,CAAG;AAAA,IACpC;AAAA,IACA,KAAK,WAAW;AACd,YAAMA,IAAM,WAAWH,EAAO,YAAA,CAAa,IAAIE,EAAU,aAAa;AAEtE,aAAOb,EAAwBc,CAAG;AAAA,IACpC;AAAA,IACA,KAAK,UAAU;AACb,YAAMA,IAAM,UAAUH,EAAO,YAAA,CAAa,IAAIE,EAAU,aAAa;AAErE,aAAOf,EAAuBgB,CAAG;AAAA,IACnC;AAAA,IACA;AACE;AAAA,EAAO;AAEb,GAEMC,IAAe,CACnBJ,GACAC,GACAC,MACqF;AACrF,UAAQD,GAAA;AAAA,IACN,KAAK;AACH;AAAA,IACF,KAAK,WAAW;AACd,YAAME,IAAM,WAAWD,EAAU,YAAA,CAAa;AAE9C,aAAOL,EAAkBM,CAAG;AAAA,IAC9B;AAAA,IACA,KAAK,WAAW;AACd,YAAMA,IAAM,WAAWH,EAAO,YAAA,CAAa,IAAIE,EAAU,aAAa;AAEtE,aAAOP,EAAkBQ,CAAG;AAAA,IAC9B;AAAA,IACA,KAAK,UAAU;AACb,YAAMA,IAAM,UAAUH,EAAO,YAAA,CAAa,IAAIE,EAAU,aAAa;AAErE,aAAOT,EAAiBU,CAAG;AAAA,IAC7B;AAAA,IACA;AACE;AAAA,EAAO;AAEb,GAEME,IAAY,CAChBL,GACAC,GACAC,MACG;AACH,QAAMI,IAAQ,OAAO,OAAOC,CAAK,GAC3BC,IAAkBN,IACpBH,EAAmBC,GAAOC,GAAWC,CAAS,IAC9CH,EAAmBC,GAAOC,GAAWQ,EAAU,KAAK,GAClDC,IAAYR,IACdE,EAAaJ,GAAOC,GAAWC,MAAcO,EAAU,QAAQA,EAAU,SAASA,EAAU,KAAK,IACjG;AAEJ,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,YAAY,EAAE,QAAQ,UAAU,QAAQ,OAAA;AAAA,MACxC,YAAW;AAAA,MACX,iBAAAJ;AAAA,MACA,aAAaK;AAAA,MACb,SAAQ;AAAA,MACR,WAAAH;AAAA,MAEC,UAAA;AAAA,QAAAJ,EAAM,IAAI,CAACQ,MACV,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAc,MAAAH,GAAY,eAAa,IAAC,UAAQ,IAAC,cAAW,gBAC3D,UAAA,gBAAAC,EAACG,GAAA,EAAK,MAAK,SAAQ,GACrB,EAAA,GAHa,GAAGJ,CAAI,SAItB,CACD;AAAA,QACAR,EAAM,IAAI,CAACQ,wBACTE,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAc,MAAAH,GAAY,eAAa,IAAC,cAAW,gBAClD,UAAA,gBAAAC,EAACG,GAAA,EAAK,MAAK,SAAQ,GACrB,EAAA,GAHa,GAAGJ,CAAI,WAItB,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,IArBIZ,KAAa;AAAA,EAAA;AAwBxB,GAEMiB,IAA2B,CAAC,EAAE,OAAAnB,GAAO,WAAAC,EAAA,MACzCA,MAAcmB,EAAe,QAC3Bf,EAAUL,GAAOC,CAAS,IAE1B,gBAAAU,EAAAK,GAAA,EACG,UAAA;AAAA,EAAAX,EAAUL,GAAOC,GAAWQ,EAAU,KAAK;AAAA,EAC3CJ,EAAUL,GAAOC,GAAWQ,EAAU,MAAM;AAAA,EAAA,CAC/C;"}

package/dist/components/ControlButton/demo/ControlButtonDisabled.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("../../Box/Box.cjs"),a=require("../../Flex/Flex.cjs"),l=require("../../Icon/Icon.cjs"),t=require("../ControlButton.cjs"),r=require("../../../web-react/docs/DocsStack.cjs"),n=()=>e.jsxs(r.default,{stackAlignment:"start",children:[e.jsx("h3",{children:"Color Scheme on Parent"}),e.jsxs(s.default,{elementType:a.default,alignmentX:{mobile:"center",tablet:"left"},alignmentY:"center",padding:"space-800",UNSAFE_className:"color-scheme-on-disabled",children:[e.jsx(t.default,{isSymmetrical:!0,isDisabled:!0,"aria-label":"Previous",children:e.jsx(l.default,{name:"chevron-left"})}),e.jsx(s.default,{marginX:"space-400",elementType:"span",children:"Disabled content"}),e.jsx(t.default,{isSymmetrical:!0,isDisabled:!0,"aria-label":"Next",children:e.jsx(l.default,{name:"chevron-right"})})]}),e.jsx("h3",{children:"Color Scheme on Component"}),e.jsxs(s.default,{elementType:a.default,alignmentX:{mobile:"center",tablet:"left"},alignmentY:"center",children:[e.jsx(t.default,{isSymmetrical:!0,isSubtle:!0,isDisabled:!0,"aria-label":"Close",UNSAFE_className:"color-scheme-on-disabled",children:e.jsx(l.default,{name:"close"})}),e.jsx(t.default,{isSymmetrical:!0,isDisabled:!0,"aria-label":"Close",UNSAFE_className:"color-scheme-on-disabled",children:e.jsx(l.default,{name:"close"})})]})]});exports.default=n;
+//# sourceMappingURL=ControlButtonDisabled.cjs.map

package/dist/components/ControlButton/demo/ControlButtonDisabled.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlButtonDisabled.cjs","sources":["../../../../src/components/ControlButton/demo/ControlButtonDisabled.tsx"],"sourcesContent":["import React from 'react';\nimport { DocsStack } from '../../../../docs';\nimport { Box } from '../../Box';\nimport { Flex } from '../../Flex';\nimport { Icon } from '../../Icon';\nimport ControlButton from '../ControlButton';\n\nconst ControlButtonDisabled = () => (\n  <DocsStack stackAlignment=\"start\">\n    <h3>Color Scheme on Parent</h3>\n\n    <Box\n      elementType={Flex}\n      alignmentX={{ mobile: 'center', tablet: 'left' }}\n      alignmentY=\"center\"\n      padding=\"space-800\"\n      UNSAFE_className=\"color-scheme-on-disabled\"\n    >\n      <ControlButton isSymmetrical isDisabled aria-label=\"Previous\">\n        <Icon name=\"chevron-left\" />\n      </ControlButton>\n\n      <Box marginX=\"space-400\" elementType=\"span\">\n        Disabled content\n      </Box>\n\n      <ControlButton isSymmetrical isDisabled aria-label=\"Next\">\n        <Icon name=\"chevron-right\" />\n      </ControlButton>\n    </Box>\n\n    <h3>Color Scheme on Component</h3>\n\n    <Box elementType={Flex} alignmentX={{ mobile: 'center', tablet: 'left' }} alignmentY=\"center\">\n      <ControlButton isSymmetrical isSubtle isDisabled aria-label=\"Close\" UNSAFE_className=\"color-scheme-on-disabled\">\n        <Icon name=\"close\" />\n      </ControlButton>\n\n      <ControlButton isSymmetrical isDisabled aria-label=\"Close\" UNSAFE_className=\"color-scheme-on-disabled\">\n        <Icon name=\"close\" />\n      </ControlButton>\n    </Box>\n  </DocsStack>\n);\n\nexport default ControlButtonDisabled;\n"],"names":["ControlButtonDisabled","jsxs","DocsStack","jsx","Box","Flex","ControlButton","Icon"],"mappings":"uUAOMA,EAAwB,IAC5BC,EAAAA,KAACC,EAAAA,QAAA,CAAU,eAAe,QACxB,SAAA,CAAAC,EAAAA,IAAC,MAAG,SAAA,wBAAA,CAAsB,EAE1BF,EAAAA,KAACG,EAAAA,QAAA,CACC,YAAaC,EAAAA,QACb,WAAY,CAAE,OAAQ,SAAU,OAAQ,MAAA,EACxC,WAAW,SACX,QAAQ,YACR,iBAAiB,2BAEjB,SAAA,CAAAF,EAAAA,IAACG,EAAAA,QAAA,CAAc,cAAa,GAAC,WAAU,GAAC,aAAW,WACjD,SAAAH,EAAAA,IAACI,EAAAA,QAAA,CAAK,KAAK,cAAA,CAAe,EAC5B,QAECH,EAAAA,QAAA,CAAI,QAAQ,YAAY,YAAY,OAAO,SAAA,mBAE5C,EAEAD,EAAAA,IAACG,EAAAA,QAAA,CAAc,cAAa,GAAC,WAAU,GAAC,aAAW,OACjD,SAAAH,EAAAA,IAACI,EAAAA,QAAA,CAAK,KAAK,eAAA,CAAgB,CAAA,CAC7B,CAAA,CAAA,CAAA,EAGFJ,EAAAA,IAAC,MAAG,SAAA,2BAAA,CAAyB,EAE7BF,EAAAA,KAACG,EAAAA,QAAA,CAAI,YAAaC,EAAAA,QAAM,WAAY,CAAE,OAAQ,SAAU,OAAQ,MAAA,EAAU,WAAW,SACnF,SAAA,CAAAF,MAACG,EAAAA,QAAA,CAAc,cAAa,GAAC,SAAQ,GAAC,WAAU,GAAC,aAAW,QAAQ,iBAAiB,2BACnF,SAAAH,EAAAA,IAACI,EAAAA,QAAA,CAAK,KAAK,QAAQ,EACrB,EAEAJ,EAAAA,IAACG,EAAAA,QAAA,CAAc,cAAa,GAAC,WAAU,GAAC,aAAW,QAAQ,iBAAiB,2BAC1E,SAAAH,EAAAA,IAACI,EAAAA,QAAA,CAAK,KAAK,QAAQ,CAAA,CACrB,CAAA,CAAA,CACF,CAAA,CAAA,CACF"}

package/dist/components/ControlButton/demo/ControlButtonDisabled.js

@@ -0,0 +1,33 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import i from "../../Box/Box.js";
+import a from "../../Flex/Flex.js";
+import l from "../../Icon/Icon.js";
+import t from "../ControlButton.js";
+import n from "../../../web-react/docs/DocsStack.js";
+const b = () => /* @__PURE__ */ r(n, { stackAlignment: "start", children: [
+  /* @__PURE__ */ e("h3", { children: "Color Scheme on Parent" }),
+  /* @__PURE__ */ r(
+    i,
+    {
+      elementType: a,
+      alignmentX: { mobile: "center", tablet: "left" },
+      alignmentY: "center",
+      padding: "space-800",
+      UNSAFE_className: "color-scheme-on-disabled",
+      children: [
+        /* @__PURE__ */ e(t, { isSymmetrical: !0, isDisabled: !0, "aria-label": "Previous", children: /* @__PURE__ */ e(l, { name: "chevron-left" }) }),
+        /* @__PURE__ */ e(i, { marginX: "space-400", elementType: "span", children: "Disabled content" }),
+        /* @__PURE__ */ e(t, { isSymmetrical: !0, isDisabled: !0, "aria-label": "Next", children: /* @__PURE__ */ e(l, { name: "chevron-right" }) })
+      ]
+    }
+  ),
+  /* @__PURE__ */ e("h3", { children: "Color Scheme on Component" }),
+  /* @__PURE__ */ r(i, { elementType: a, alignmentX: { mobile: "center", tablet: "left" }, alignmentY: "center", children: [
+    /* @__PURE__ */ e(t, { isSymmetrical: !0, isSubtle: !0, isDisabled: !0, "aria-label": "Close", UNSAFE_className: "color-scheme-on-disabled", children: /* @__PURE__ */ e(l, { name: "close" }) }),
+    /* @__PURE__ */ e(t, { isSymmetrical: !0, isDisabled: !0, "aria-label": "Close", UNSAFE_className: "color-scheme-on-disabled", children: /* @__PURE__ */ e(l, { name: "close" }) })
+  ] })
+] });
+export {
+  b as default
+};
+//# sourceMappingURL=ControlButtonDisabled.js.map

package/dist/components/ControlButton/demo/ControlButtonDisabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlButtonDisabled.js","sources":["../../../../src/components/ControlButton/demo/ControlButtonDisabled.tsx"],"sourcesContent":["import React from 'react';\nimport { DocsStack } from '../../../../docs';\nimport { Box } from '../../Box';\nimport { Flex } from '../../Flex';\nimport { Icon } from '../../Icon';\nimport ControlButton from '../ControlButton';\n\nconst ControlButtonDisabled = () => (\n  <DocsStack stackAlignment=\"start\">\n    <h3>Color Scheme on Parent</h3>\n\n    <Box\n      elementType={Flex}\n      alignmentX={{ mobile: 'center', tablet: 'left' }}\n      alignmentY=\"center\"\n      padding=\"space-800\"\n      UNSAFE_className=\"color-scheme-on-disabled\"\n    >\n      <ControlButton isSymmetrical isDisabled aria-label=\"Previous\">\n        <Icon name=\"chevron-left\" />\n      </ControlButton>\n\n      <Box marginX=\"space-400\" elementType=\"span\">\n        Disabled content\n      </Box>\n\n      <ControlButton isSymmetrical isDisabled aria-label=\"Next\">\n        <Icon name=\"chevron-right\" />\n      </ControlButton>\n    </Box>\n\n    <h3>Color Scheme on Component</h3>\n\n    <Box elementType={Flex} alignmentX={{ mobile: 'center', tablet: 'left' }} alignmentY=\"center\">\n      <ControlButton isSymmetrical isSubtle isDisabled aria-label=\"Close\" UNSAFE_className=\"color-scheme-on-disabled\">\n        <Icon name=\"close\" />\n      </ControlButton>\n\n      <ControlButton isSymmetrical isDisabled aria-label=\"Close\" UNSAFE_className=\"color-scheme-on-disabled\">\n        <Icon name=\"close\" />\n      </ControlButton>\n    </Box>\n  </DocsStack>\n);\n\nexport default ControlButtonDisabled;\n"],"names":["ControlButtonDisabled","jsxs","DocsStack","jsx","Box","Flex","ControlButton","Icon"],"mappings":";;;;;;AAOA,MAAMA,IAAwB,MAC5B,gBAAAC,EAACC,GAAA,EAAU,gBAAe,SACxB,UAAA;AAAA,EAAA,gBAAAC,EAAC,QAAG,UAAA,yBAAA,CAAsB;AAAA,EAE1B,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,aAAaC;AAAA,MACb,YAAY,EAAE,QAAQ,UAAU,QAAQ,OAAA;AAAA,MACxC,YAAW;AAAA,MACX,SAAQ;AAAA,MACR,kBAAiB;AAAA,MAEjB,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAc,eAAa,IAAC,YAAU,IAAC,cAAW,YACjD,UAAA,gBAAAH,EAACI,GAAA,EAAK,MAAK,eAAA,CAAe,GAC5B;AAAA,0BAECH,GAAA,EAAI,SAAQ,aAAY,aAAY,QAAO,UAAA,oBAE5C;AAAA,QAEA,gBAAAD,EAACG,GAAA,EAAc,eAAa,IAAC,YAAU,IAAC,cAAW,QACjD,UAAA,gBAAAH,EAACI,GAAA,EAAK,MAAK,gBAAA,CAAgB,EAAA,CAC7B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAGF,gBAAAJ,EAAC,QAAG,UAAA,4BAAA,CAAyB;AAAA,EAE7B,gBAAAF,EAACG,GAAA,EAAI,aAAaC,GAAM,YAAY,EAAE,QAAQ,UAAU,QAAQ,OAAA,GAAU,YAAW,UACnF,UAAA;AAAA,IAAA,gBAAAF,EAACG,GAAA,EAAc,eAAa,IAAC,UAAQ,IAAC,YAAU,IAAC,cAAW,SAAQ,kBAAiB,4BACnF,UAAA,gBAAAH,EAACI,GAAA,EAAK,MAAK,SAAQ,GACrB;AAAA,IAEA,gBAAAJ,EAACG,GAAA,EAAc,eAAa,IAAC,YAAU,IAAC,cAAW,SAAQ,kBAAiB,4BAC1E,UAAA,gBAAAH,EAACI,GAAA,EAAK,MAAK,SAAQ,EAAA,CACrB;AAAA,EAAA,EAAA,CACF;AAAA,EAAA,CACF;"}

package/dist/components/ControlButton/demo/ControlButtonExpandedSizeScale.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("react"),s=require("../../../constants/dictionaries.cjs"),i=require("../../Box/Box.cjs"),o=require("../../Flex/Flex.cjs"),l=require("../../Icon/Icon.cjs"),a=require("../ControlButton.cjs"),n=Object.values(s.SizesExtended),c=()=>e.jsx("div",{className:"spirit-feature-enable-v5-control-button-expanded-size-scale",children:e.jsxs(i.default,{alignmentX:{mobile:"center",tablet:"left"},alignmentY:"center",backgroundColor:"primary",elementType:o.default,padding:"space-800",children:[n.map(t=>e.jsx(r.Fragment,{children:e.jsx(a.default,{size:t,isSymmetrical:!0,isSubtle:!0,"aria-label":"Close dialog",children:e.jsx(l.default,{name:"close"})})},`${t}-subtle`)),n.map(t=>e.jsx(r.Fragment,{children:e.jsx(a.default,{size:t,isSymmetrical:!0,"aria-label":"Close dialog",children:e.jsx(l.default,{name:"close"})})},`${t}-bordered`))]})});exports.default=c;
+//# sourceMappingURL=ControlButtonExpandedSizeScale.cjs.map

package/dist/components/ControlButton/demo/ControlButtonExpandedSizeScale.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlButtonExpandedSizeScale.cjs","sources":["../../../../src/components/ControlButton/demo/ControlButtonExpandedSizeScale.tsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { SizesExtended } from '../../../constants';\nimport { Box } from '../../Box';\nimport { Flex } from '../../Flex';\nimport { Icon } from '../../Icon';\nimport ControlButton from '../ControlButton';\n\nconst sizes = Object.values(SizesExtended);\n\nconst ControlButtonExpandedSizeScale = () => (\n  <div className=\"spirit-feature-enable-v5-control-button-expanded-size-scale\">\n    <Box\n      alignmentX={{ mobile: 'center', tablet: 'left' }}\n      alignmentY=\"center\"\n      backgroundColor=\"primary\"\n      elementType={Flex}\n      padding=\"space-800\"\n    >\n      {sizes.map((size) => (\n        <Fragment key={`${size}-subtle`}>\n          <ControlButton size={size} isSymmetrical isSubtle aria-label=\"Close dialog\">\n            <Icon name=\"close\" />\n          </ControlButton>\n        </Fragment>\n      ))}\n      {sizes.map((size) => (\n        <Fragment key={`${size}-bordered`}>\n          <ControlButton size={size} isSymmetrical aria-label=\"Close dialog\">\n            <Icon name=\"close\" />\n          </ControlButton>\n        </Fragment>\n      ))}\n    </Box>\n  </div>\n);\n\nexport default ControlButtonExpandedSizeScale;\n"],"names":["sizes","SizesExtended","ControlButtonExpandedSizeScale","jsx","jsxs","Box","Flex","size","Fragment","ControlButton","Icon"],"mappings":"wVAOMA,EAAQ,OAAO,OAAOC,eAAa,EAEnCC,EAAiC,IACrCC,EAAAA,IAAC,MAAA,CAAI,UAAU,8DACb,SAAAC,EAAAA,KAACC,EAAAA,QAAA,CACC,WAAY,CAAE,OAAQ,SAAU,OAAQ,MAAA,EACxC,WAAW,SACX,gBAAgB,UAChB,YAAaC,EAAAA,QACb,QAAQ,YAEP,SAAA,CAAAN,EAAM,IAAKO,GACVJ,EAAAA,IAACK,EAAAA,UACC,SAAAL,EAAAA,IAACM,EAAAA,QAAA,CAAc,KAAAF,EAAY,cAAa,GAAC,SAAQ,GAAC,aAAW,eAC3D,SAAAJ,EAAAA,IAACO,EAAAA,QAAA,CAAK,KAAK,QAAQ,EACrB,CAAA,EAHa,GAAGH,CAAI,SAItB,CACD,EACAP,EAAM,IAAKO,SACTC,EAAAA,SAAA,CACC,SAAAL,EAAAA,IAACM,EAAAA,QAAA,CAAc,KAAAF,EAAY,cAAa,GAAC,aAAW,eAClD,SAAAJ,EAAAA,IAACO,EAAAA,SAAK,KAAK,QAAQ,EACrB,CAAA,EAHa,GAAGH,CAAI,WAItB,CACD,CAAA,CAAA,CACH,CAAA,CACF"}

package/dist/components/ControlButton/demo/ControlButtonExpandedSizeScale.js

@@ -0,0 +1,25 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { Fragment as t } from "react";
+import { SizesExtended as n } from "../../../constants/dictionaries.js";
+import m from "../../Box/Box.js";
+import s from "../../Flex/Flex.js";
+import o from "../../Icon/Icon.js";
+import l from "../ControlButton.js";
+const a = Object.values(n), g = () => /* @__PURE__ */ e("div", { className: "spirit-feature-enable-v5-control-button-expanded-size-scale", children: /* @__PURE__ */ i(
+  m,
+  {
+    alignmentX: { mobile: "center", tablet: "left" },
+    alignmentY: "center",
+    backgroundColor: "primary",
+    elementType: s,
+    padding: "space-800",
+    children: [
+      a.map((r) => /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(l, { size: r, isSymmetrical: !0, isSubtle: !0, "aria-label": "Close dialog", children: /* @__PURE__ */ e(o, { name: "close" }) }) }, `${r}-subtle`)),
+      a.map((r) => /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(l, { size: r, isSymmetrical: !0, "aria-label": "Close dialog", children: /* @__PURE__ */ e(o, { name: "close" }) }) }, `${r}-bordered`))
+    ]
+  }
+) });
+export {
+  g as default
+};
+//# sourceMappingURL=ControlButtonExpandedSizeScale.js.map

package/dist/components/ControlButton/demo/ControlButtonExpandedSizeScale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlButtonExpandedSizeScale.js","sources":["../../../../src/components/ControlButton/demo/ControlButtonExpandedSizeScale.tsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { SizesExtended } from '../../../constants';\nimport { Box } from '../../Box';\nimport { Flex } from '../../Flex';\nimport { Icon } from '../../Icon';\nimport ControlButton from '../ControlButton';\n\nconst sizes = Object.values(SizesExtended);\n\nconst ControlButtonExpandedSizeScale = () => (\n  <div className=\"spirit-feature-enable-v5-control-button-expanded-size-scale\">\n    <Box\n      alignmentX={{ mobile: 'center', tablet: 'left' }}\n      alignmentY=\"center\"\n      backgroundColor=\"primary\"\n      elementType={Flex}\n      padding=\"space-800\"\n    >\n      {sizes.map((size) => (\n        <Fragment key={`${size}-subtle`}>\n          <ControlButton size={size} isSymmetrical isSubtle aria-label=\"Close dialog\">\n            <Icon name=\"close\" />\n          </ControlButton>\n        </Fragment>\n      ))}\n      {sizes.map((size) => (\n        <Fragment key={`${size}-bordered`}>\n          <ControlButton size={size} isSymmetrical aria-label=\"Close dialog\">\n            <Icon name=\"close\" />\n          </ControlButton>\n        </Fragment>\n      ))}\n    </Box>\n  </div>\n);\n\nexport default ControlButtonExpandedSizeScale;\n"],"names":["sizes","SizesExtended","ControlButtonExpandedSizeScale","jsx","jsxs","Box","Flex","size","Fragment","ControlButton","Icon"],"mappings":";;;;;;;AAOA,MAAMA,IAAQ,OAAO,OAAOC,CAAa,GAEnCC,IAAiC,MACrC,gBAAAC,EAAC,OAAA,EAAI,WAAU,+DACb,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,YAAY,EAAE,QAAQ,UAAU,QAAQ,OAAA;AAAA,IACxC,YAAW;AAAA,IACX,iBAAgB;AAAA,IAChB,aAAaC;AAAA,IACb,SAAQ;AAAA,IAEP,UAAA;AAAA,MAAAN,EAAM,IAAI,CAACO,MACV,gBAAAJ,EAACK,KACC,UAAA,gBAAAL,EAACM,GAAA,EAAc,MAAAF,GAAY,eAAa,IAAC,UAAQ,IAAC,cAAW,gBAC3D,UAAA,gBAAAJ,EAACO,GAAA,EAAK,MAAK,SAAQ,GACrB,EAAA,GAHa,GAAGH,CAAI,SAItB,CACD;AAAA,MACAP,EAAM,IAAI,CAACO,wBACTC,GAAA,EACC,UAAA,gBAAAL,EAACM,GAAA,EAAc,MAAAF,GAAY,eAAa,IAAC,cAAW,gBAClD,UAAA,gBAAAJ,EAACO,KAAK,MAAK,SAAQ,GACrB,EAAA,GAHa,GAAGH,CAAI,WAItB,CACD;AAAA,IAAA;AAAA,EAAA;AACH,EAAA,CACF;"}

package/dist/components/ControlButton/demo/ControlButtonIcon.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("../../../constants/dictionaries.cjs"),l=require("../../../utils/colorObjectGenerators.cjs"),a=require("../../Grid/Grid.cjs"),s=require("./ControlButtonDemoFactory.cjs"),r=require("../../../web-react/docs/DocsStack.cjs"),t=require("../../../web-react/docs/constants.cjs"),i=Object.values(c.BackgroundColors),n="neutral",u=Object.values(t.DemoEmotionColors),d=l.getAccentColorNames(),m=()=>e.jsxs(a.default,{cols:{mobile:1,desktop:3},alignmentY:"top",spacingY:"space-1100",children:[e.jsxs(r.default,{stackAlignment:"stretch",children:[e.jsx("h3",{children:"On Background Colors"}),i.map(o=>e.jsx(s.default,{color:o,colorType:t.DemoColorTypes.BASIC},o)),e.jsx(s.default,{color:n,colorType:t.DemoColorTypes.NEUTRAL},n)]}),e.jsxs(r.default,{stackAlignment:"stretch",children:[e.jsx("h3",{children:"On Emotion Colors"}),u.map(o=>e.jsx(s.default,{color:o,colorType:t.DemoColorTypes.EMOTION},o))]}),e.jsxs(r.default,{stackAlignment:"stretch",children:[e.jsx("h3",{children:"On Accent Colors"}),d.map(o=>e.jsx(s.default,{color:o,colorType:t.DemoColorTypes.ACCENT},o))]})]});exports.default=m;
+//# sourceMappingURL=ControlButtonIcon.cjs.map

package/dist/components/ControlButton/demo/ControlButtonIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlButtonIcon.cjs","sources":["../../../../src/components/ControlButton/demo/ControlButtonIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { DemoColorTypes, DemoEmotionColors, DocsStack } from '../../../../docs';\nimport { BackgroundColors } from '../../../constants';\nimport { getAccentColorNames } from '../../../utils';\nimport { Grid } from '../../Grid';\nimport ControlButtonDemoFactory from './ControlButtonDemoFactory';\n\nconst basicColors = Object.values(BackgroundColors);\nconst neutralColor = 'neutral';\nconst emotionColors = Object.values(DemoEmotionColors);\nconst accentColors = getAccentColorNames();\n\nconst ControlButtonIcon = () => (\n  <Grid cols={{ mobile: 1, desktop: 3 }} alignmentY=\"top\" spacingY=\"space-1100\">\n    <DocsStack stackAlignment=\"stretch\">\n      <h3>On Background Colors</h3>\n\n      {basicColors.map((color) => (\n        <ControlButtonDemoFactory key={color} color={color} colorType={DemoColorTypes.BASIC} />\n      ))}\n      <ControlButtonDemoFactory key={neutralColor} color={neutralColor} colorType={DemoColorTypes.NEUTRAL} />\n    </DocsStack>\n\n    <DocsStack stackAlignment=\"stretch\">\n      <h3>On Emotion Colors</h3>\n\n      {emotionColors.map((color) => (\n        <ControlButtonDemoFactory key={color} color={color} colorType={DemoColorTypes.EMOTION} />\n      ))}\n    </DocsStack>\n\n    <DocsStack stackAlignment=\"stretch\">\n      <h3>On Accent Colors</h3>\n\n      {accentColors.map((color) => (\n        <ControlButtonDemoFactory key={color} color={color} colorType={DemoColorTypes.ACCENT} />\n      ))}\n    </DocsStack>\n  </Grid>\n);\n\nexport default ControlButtonIcon;\n"],"names":["basicColors","BackgroundColors","neutralColor","emotionColors","DemoEmotionColors","accentColors","getAccentColorNames","ControlButtonIcon","jsxs","Grid","DocsStack","jsx","color","ControlButtonDemoFactory","DemoColorTypes"],"mappings":"2aAOMA,EAAc,OAAO,OAAOC,kBAAgB,EAC5CC,EAAe,UACfC,EAAgB,OAAO,OAAOC,mBAAiB,EAC/CC,EAAeC,EAAAA,oBAAA,EAEfC,EAAoB,IACxBC,EAAAA,KAACC,EAAAA,QAAA,CAAK,KAAM,CAAE,OAAQ,EAAG,QAAS,CAAA,EAAK,WAAW,MAAM,SAAS,aAC/D,SAAA,CAAAD,EAAAA,KAACE,EAAAA,QAAA,CAAU,eAAe,UACxB,SAAA,CAAAC,EAAAA,IAAC,MAAG,SAAA,sBAAA,CAAoB,EAEvBX,EAAY,IAAKY,GAChBD,EAAAA,IAACE,EAAAA,QAAA,CAAqC,MAAAD,EAAc,UAAWE,EAAAA,eAAe,KAAA,EAA/CF,CAAsD,CACtF,QACAC,EAAAA,QAAA,CAA4C,MAAOX,EAAc,UAAWY,EAAAA,eAAe,SAA7DZ,CAAsE,CAAA,EACvG,EAEAM,EAAAA,KAACE,EAAAA,QAAA,CAAU,eAAe,UACxB,SAAA,CAAAC,EAAAA,IAAC,MAAG,SAAA,mBAAA,CAAiB,EAEpBR,EAAc,IAAKS,GAClBD,EAAAA,IAACE,EAAAA,QAAA,CAAqC,MAAAD,EAAc,UAAWE,EAAAA,eAAe,OAAA,EAA/CF,CAAwD,CACxF,CAAA,EACH,EAEAJ,EAAAA,KAACE,EAAAA,QAAA,CAAU,eAAe,UACxB,SAAA,CAAAC,EAAAA,IAAC,MAAG,SAAA,kBAAA,CAAgB,EAEnBN,EAAa,IAAKO,GACjBD,EAAAA,IAACE,EAAAA,QAAA,CAAqC,MAAAD,EAAc,UAAWE,EAAAA,eAAe,MAAA,EAA/CF,CAAuD,CACvF,CAAA,CAAA,CACH,CAAA,CAAA,CACF"}

package/dist/components/ControlButton/demo/ControlButtonIcon.js

@@ -0,0 +1,26 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { BackgroundColors as l } from "../../../constants/dictionaries.js";
+import { getAccentColorNames as m } from "../../../utils/colorObjectGenerators.js";
+import i from "../../Grid/Grid.js";
+import e from "./ControlButtonDemoFactory.js";
+import n from "../../../web-react/docs/DocsStack.js";
+import { DemoColorTypes as c, DemoEmotionColors as a } from "../../../web-react/docs/constants.js";
+const p = Object.values(l), s = "neutral", C = Object.values(a), h = m(), O = () => /* @__PURE__ */ r(i, { cols: { mobile: 1, desktop: 3 }, alignmentY: "top", spacingY: "space-1100", children: [
+  /* @__PURE__ */ r(n, { stackAlignment: "stretch", children: [
+    /* @__PURE__ */ t("h3", { children: "On Background Colors" }),
+    p.map((o) => /* @__PURE__ */ t(e, { color: o, colorType: c.BASIC }, o)),
+    /* @__PURE__ */ t(e, { color: s, colorType: c.NEUTRAL }, s)
+  ] }),
+  /* @__PURE__ */ r(n, { stackAlignment: "stretch", children: [
+    /* @__PURE__ */ t("h3", { children: "On Emotion Colors" }),
+    C.map((o) => /* @__PURE__ */ t(e, { color: o, colorType: c.EMOTION }, o))
+  ] }),
+  /* @__PURE__ */ r(n, { stackAlignment: "stretch", children: [
+    /* @__PURE__ */ t("h3", { children: "On Accent Colors" }),
+    h.map((o) => /* @__PURE__ */ t(e, { color: o, colorType: c.ACCENT }, o))
+  ] })
+] });
+export {
+  O as default
+};
+//# sourceMappingURL=ControlButtonIcon.js.map

package/dist/components/ControlButton/demo/ControlButtonIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlButtonIcon.js","sources":["../../../../src/components/ControlButton/demo/ControlButtonIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { DemoColorTypes, DemoEmotionColors, DocsStack } from '../../../../docs';\nimport { BackgroundColors } from '../../../constants';\nimport { getAccentColorNames } from '../../../utils';\nimport { Grid } from '../../Grid';\nimport ControlButtonDemoFactory from './ControlButtonDemoFactory';\n\nconst basicColors = Object.values(BackgroundColors);\nconst neutralColor = 'neutral';\nconst emotionColors = Object.values(DemoEmotionColors);\nconst accentColors = getAccentColorNames();\n\nconst ControlButtonIcon = () => (\n  <Grid cols={{ mobile: 1, desktop: 3 }} alignmentY=\"top\" spacingY=\"space-1100\">\n    <DocsStack stackAlignment=\"stretch\">\n      <h3>On Background Colors</h3>\n\n      {basicColors.map((color) => (\n        <ControlButtonDemoFactory key={color} color={color} colorType={DemoColorTypes.BASIC} />\n      ))}\n      <ControlButtonDemoFactory key={neutralColor} color={neutralColor} colorType={DemoColorTypes.NEUTRAL} />\n    </DocsStack>\n\n    <DocsStack stackAlignment=\"stretch\">\n      <h3>On Emotion Colors</h3>\n\n      {emotionColors.map((color) => (\n        <ControlButtonDemoFactory key={color} color={color} colorType={DemoColorTypes.EMOTION} />\n      ))}\n    </DocsStack>\n\n    <DocsStack stackAlignment=\"stretch\">\n      <h3>On Accent Colors</h3>\n\n      {accentColors.map((color) => (\n        <ControlButtonDemoFactory key={color} color={color} colorType={DemoColorTypes.ACCENT} />\n      ))}\n    </DocsStack>\n  </Grid>\n);\n\nexport default ControlButtonIcon;\n"],"names":["basicColors","BackgroundColors","neutralColor","emotionColors","DemoEmotionColors","accentColors","getAccentColorNames","ControlButtonIcon","jsxs","Grid","DocsStack","jsx","color","ControlButtonDemoFactory","DemoColorTypes"],"mappings":";;;;;;;AAOA,MAAMA,IAAc,OAAO,OAAOC,CAAgB,GAC5CC,IAAe,WACfC,IAAgB,OAAO,OAAOC,CAAiB,GAC/CC,IAAeC,EAAA,GAEfC,IAAoB,MACxB,gBAAAC,EAACC,GAAA,EAAK,MAAM,EAAE,QAAQ,GAAG,SAAS,EAAA,GAAK,YAAW,OAAM,UAAS,cAC/D,UAAA;AAAA,EAAA,gBAAAD,EAACE,GAAA,EAAU,gBAAe,WACxB,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAG,UAAA,uBAAA,CAAoB;AAAA,IAEvBX,EAAY,IAAI,CAACY,MAChB,gBAAAD,EAACE,GAAA,EAAqC,OAAAD,GAAc,WAAWE,EAAe,MAAA,GAA/CF,CAAsD,CACtF;AAAA,sBACAC,GAAA,EAA4C,OAAOX,GAAc,WAAWY,EAAe,WAA7DZ,CAAsE;AAAA,EAAA,GACvG;AAAA,EAEA,gBAAAM,EAACE,GAAA,EAAU,gBAAe,WACxB,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAG,UAAA,oBAAA,CAAiB;AAAA,IAEpBR,EAAc,IAAI,CAACS,MAClB,gBAAAD,EAACE,GAAA,EAAqC,OAAAD,GAAc,WAAWE,EAAe,QAAA,GAA/CF,CAAwD,CACxF;AAAA,EAAA,GACH;AAAA,EAEA,gBAAAJ,EAACE,GAAA,EAAU,gBAAe,WACxB,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAG,UAAA,mBAAA,CAAgB;AAAA,IAEnBN,EAAa,IAAI,CAACO,MACjB,gBAAAD,EAACE,GAAA,EAAqC,OAAAD,GAAc,WAAWE,EAAe,OAAA,GAA/CF,CAAuD,CACvF;AAAA,EAAA,EAAA,CACH;AAAA,EAAA,CACF;"}

package/dist/components/ControlButton/demo/ControlButtonResponsiveSymmetrical.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("../../Icon/Icon.cjs"),t=require("../ControlButton.cjs"),a=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.default,{isSymmetrical:!0,"aria-label":"Close",children:e.jsx(l.default,{name:"close"})}),e.jsx(t.default,{isSymmetrical:{tablet:!0},"aria-label":"Close",children:e.jsx(l.default,{name:"close"})}),e.jsx(t.default,{isSymmetrical:{desktop:!0},"aria-label":"Close",children:e.jsx(l.default,{name:"close"})}),e.jsx(t.default,{isSymmetrical:{mobile:!0,tablet:!1},"aria-label":"Close",children:e.jsx(l.default,{name:"close"})}),e.jsx(t.default,{isSymmetrical:{mobile:!0,desktop:!1},"aria-label":"Close",children:e.jsx(l.default,{name:"close"})}),e.jsx(t.default,{isSymmetrical:{tablet:!0,desktop:!1},"aria-label":"Close",children:e.jsx(l.default,{name:"close"})})]});exports.default=a;
+//# sourceMappingURL=ControlButtonResponsiveSymmetrical.cjs.map

package/dist/components/ControlButton/demo/ControlButtonResponsiveSymmetrical.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlButtonResponsiveSymmetrical.cjs","sources":["../../../../src/components/ControlButton/demo/ControlButtonResponsiveSymmetrical.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon } from '../../Icon';\nimport ControlButton from '../ControlButton';\n\nconst ControlButtonResponsiveSymmetrical = () => (\n  <>\n    <ControlButton isSymmetrical aria-label=\"Close\">\n      <Icon name=\"close\" />\n    </ControlButton>\n\n    <ControlButton isSymmetrical={{ tablet: true }} aria-label=\"Close\">\n      <Icon name=\"close\" />\n    </ControlButton>\n\n    <ControlButton isSymmetrical={{ desktop: true }} aria-label=\"Close\">\n      <Icon name=\"close\" />\n    </ControlButton>\n\n    <ControlButton isSymmetrical={{ mobile: true, tablet: false }} aria-label=\"Close\">\n      <Icon name=\"close\" />\n    </ControlButton>\n\n    <ControlButton isSymmetrical={{ mobile: true, desktop: false }} aria-label=\"Close\">\n      <Icon name=\"close\" />\n    </ControlButton>\n\n    <ControlButton isSymmetrical={{ tablet: true, desktop: false }} aria-label=\"Close\">\n      <Icon name=\"close\" />\n    </ControlButton>\n  </>\n);\n\nexport default ControlButtonResponsiveSymmetrical;\n"],"names":["ControlButtonResponsiveSymmetrical","jsxs","Fragment","jsx","ControlButton","Icon"],"mappings":"oNAIMA,EAAqC,IACzCC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAc,cAAa,GAAC,aAAW,QACtC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CACrB,EAEAF,EAAAA,IAACC,EAAAA,QAAA,CAAc,cAAe,CAAE,OAAQ,EAAA,EAAQ,aAAW,QACzD,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAK,QAAQ,EACrB,EAEAF,EAAAA,IAACC,EAAAA,QAAA,CAAc,cAAe,CAAE,QAAS,EAAA,EAAQ,aAAW,QAC1D,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAK,QAAQ,EACrB,EAEAF,EAAAA,IAACC,EAAAA,QAAA,CAAc,cAAe,CAAE,OAAQ,GAAM,OAAQ,EAAA,EAAS,aAAW,QACxE,SAAAD,MAACE,EAAAA,QAAA,CAAK,KAAK,QAAQ,EACrB,EAEAF,EAAAA,IAACC,EAAAA,QAAA,CAAc,cAAe,CAAE,OAAQ,GAAM,QAAS,EAAA,EAAS,aAAW,QACzE,SAAAD,MAACE,EAAAA,QAAA,CAAK,KAAK,QAAQ,EACrB,EAEAF,EAAAA,IAACC,EAAAA,QAAA,CAAc,cAAe,CAAE,OAAQ,GAAM,QAAS,EAAA,EAAS,aAAW,QACzE,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAK,QAAQ,CAAA,CACrB,CAAA,CAAA,CACF"}

package/dist/components/ControlButton/demo/ControlButtonResponsiveSymmetrical.js

@@ -0,0 +1,15 @@
+import { jsxs as r, Fragment as t, jsx as e } from "react/jsx-runtime";
+import l from "../../Icon/Icon.js";
+import a from "../ControlButton.js";
+const m = () => /* @__PURE__ */ r(t, { children: [
+  /* @__PURE__ */ e(a, { isSymmetrical: !0, "aria-label": "Close", children: /* @__PURE__ */ e(l, { name: "close" }) }),
+  /* @__PURE__ */ e(a, { isSymmetrical: { tablet: !0 }, "aria-label": "Close", children: /* @__PURE__ */ e(l, { name: "close" }) }),
+  /* @__PURE__ */ e(a, { isSymmetrical: { desktop: !0 }, "aria-label": "Close", children: /* @__PURE__ */ e(l, { name: "close" }) }),
+  /* @__PURE__ */ e(a, { isSymmetrical: { mobile: !0, tablet: !1 }, "aria-label": "Close", children: /* @__PURE__ */ e(l, { name: "close" }) }),
+  /* @__PURE__ */ e(a, { isSymmetrical: { mobile: !0, desktop: !1 }, "aria-label": "Close", children: /* @__PURE__ */ e(l, { name: "close" }) }),
+  /* @__PURE__ */ e(a, { isSymmetrical: { tablet: !0, desktop: !1 }, "aria-label": "Close", children: /* @__PURE__ */ e(l, { name: "close" }) })
+] });
+export {
+  m as default
+};
+//# sourceMappingURL=ControlButtonResponsiveSymmetrical.js.map

package/dist/components/ControlButton/demo/ControlButtonResponsiveSymmetrical.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlButtonResponsiveSymmetrical.js","sources":["../../../../src/components/ControlButton/demo/ControlButtonResponsiveSymmetrical.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon } from '../../Icon';\nimport ControlButton from '../ControlButton';\n\nconst ControlButtonResponsiveSymmetrical = () => (\n  <>\n    <ControlButton isSymmetrical aria-label=\"Close\">\n      <Icon name=\"close\" />\n    </ControlButton>\n\n    <ControlButton isSymmetrical={{ tablet: true }} aria-label=\"Close\">\n      <Icon name=\"close\" />\n    </ControlButton>\n\n    <ControlButton isSymmetrical={{ desktop: true }} aria-label=\"Close\">\n      <Icon name=\"close\" />\n    </ControlButton>\n\n    <ControlButton isSymmetrical={{ mobile: true, tablet: false }} aria-label=\"Close\">\n      <Icon name=\"close\" />\n    </ControlButton>\n\n    <ControlButton isSymmetrical={{ mobile: true, desktop: false }} aria-label=\"Close\">\n      <Icon name=\"close\" />\n    </ControlButton>\n\n    <ControlButton isSymmetrical={{ tablet: true, desktop: false }} aria-label=\"Close\">\n      <Icon name=\"close\" />\n    </ControlButton>\n  </>\n);\n\nexport default ControlButtonResponsiveSymmetrical;\n"],"names":["ControlButtonResponsiveSymmetrical","jsxs","Fragment","jsx","ControlButton","Icon"],"mappings":";;;AAIA,MAAMA,IAAqC,MACzC,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAc,eAAa,IAAC,cAAW,SACtC,UAAA,gBAAAD,EAACE,GAAA,EAAK,MAAK,QAAA,CAAQ,EAAA,CACrB;AAAA,EAEA,gBAAAF,EAACC,GAAA,EAAc,eAAe,EAAE,QAAQ,GAAA,GAAQ,cAAW,SACzD,UAAA,gBAAAD,EAACE,GAAA,EAAK,MAAK,SAAQ,GACrB;AAAA,EAEA,gBAAAF,EAACC,GAAA,EAAc,eAAe,EAAE,SAAS,GAAA,GAAQ,cAAW,SAC1D,UAAA,gBAAAD,EAACE,GAAA,EAAK,MAAK,SAAQ,GACrB;AAAA,EAEA,gBAAAF,EAACC,GAAA,EAAc,eAAe,EAAE,QAAQ,IAAM,QAAQ,GAAA,GAAS,cAAW,SACxE,UAAA,gBAAAD,EAACE,GAAA,EAAK,MAAK,SAAQ,GACrB;AAAA,EAEA,gBAAAF,EAACC,GAAA,EAAc,eAAe,EAAE,QAAQ,IAAM,SAAS,GAAA,GAAS,cAAW,SACzE,UAAA,gBAAAD,EAACE,GAAA,EAAK,MAAK,SAAQ,GACrB;AAAA,EAEA,gBAAAF,EAACC,GAAA,EAAc,eAAe,EAAE,QAAQ,IAAM,SAAS,GAAA,GAAS,cAAW,SACzE,UAAA,gBAAAD,EAACE,GAAA,EAAK,MAAK,SAAQ,EAAA,CACrB;AAAA,EAAA,CACF;"}

package/dist/components/ControlButton/demo/preview.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@alma-oss/spirit-icons/icons"),r=require("react"),t=require("../../../web-react/docs/DocsSection.cjs"),s=require("../../../context/IconsContext.cjs"),i=require("./ControlButtonDisabled.cjs"),l=require("./ControlButtonExpandedSizeScale.cjs"),o=require("./ControlButtonIcon.cjs"),c=require("./ControlButtonResponsiveSymmetrical.cjs"),a=()=>e.jsx(r.StrictMode,{children:e.jsxs(s.IconsProvider,{value:n,children:[e.jsx(t.default,{title:"Icon",stackAlignment:"start",children:e.jsx(o.default,{})}),e.jsx(t.default,{title:"Feature Flag: Expanded Size Scale",stackAlignment:"start",children:e.jsx(l.default,{})}),e.jsx(t.default,{title:"Responsive Symmetrical",stackAlignment:"start",children:e.jsx(c.default,{})}),e.jsx(t.default,{title:"Disabled State",stackAlignment:"start",children:e.jsx(i.default,{})})]})});exports.Preview=a;
+//# sourceMappingURL=preview.cjs.map

package/dist/components/ControlButton/demo/preview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/ControlButton/demo/preview.tsx"],"sourcesContent":["'use client';\n\n// @ts-ignore: No declaration file -- @see https://jira.almacareer.tech/browse/DS-561\nimport icons from '@alma-oss/spirit-icons/icons';\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { IconsProvider } from '../../../context';\nimport ControlButtonDisabled from './ControlButtonDisabled';\nimport ControlButtonExpandedSizeScale from './ControlButtonExpandedSizeScale';\nimport ControlButtonIcon from './ControlButtonIcon';\nimport ControlButtonResponsiveSymmetrical from './ControlButtonResponsiveSymmetrical';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Icon\" stackAlignment=\"start\">\n        <ControlButtonIcon />\n      </DocsSection>\n      <DocsSection title=\"Feature Flag: Expanded Size Scale\" stackAlignment=\"start\">\n        <ControlButtonExpandedSizeScale />\n      </DocsSection>\n      <DocsSection title=\"Responsive Symmetrical\" stackAlignment=\"start\">\n        <ControlButtonResponsiveSymmetrical />\n      </DocsSection>\n      <DocsSection title=\"Disabled State\" stackAlignment=\"start\">\n        <ControlButtonDisabled />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","jsxs","IconsProvider","icons","DocsSection","ControlButtonIcon","ControlButtonExpandedSizeScale","ControlButtonResponsiveSymmetrical","ControlButtonDisabled"],"mappings":"ydAYaA,EAAU,IACrBC,EAAAA,IAACC,EAAAA,YACC,SAAAC,OAACC,EAAAA,cAAA,CAAc,MAAOC,EACpB,SAAA,CAAAJ,EAAAA,IAACK,EAAAA,SAAY,MAAM,OAAO,eAAe,QACvC,SAAAL,EAAAA,IAACM,YAAkB,CAAA,CACrB,EACAN,EAAAA,IAACK,EAAAA,SAAY,MAAM,oCAAoC,eAAe,QACpE,SAAAL,EAAAA,IAACO,YAA+B,CAAA,CAClC,EACAP,EAAAA,IAACK,EAAAA,SAAY,MAAM,yBAAyB,eAAe,QACzD,SAAAL,EAAAA,IAACQ,YAAmC,CAAA,CACtC,EACAR,EAAAA,IAACK,EAAAA,SAAY,MAAM,iBAAiB,eAAe,QACjD,SAAAL,EAAAA,IAACS,EAAAA,UAAsB,CAAA,CACzB,CAAA,CAAA,CACF,CAAA,CACF"}

package/dist/components/ControlButton/demo/preview.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import r from "@alma-oss/spirit-icons/icons";
+import { StrictMode as i } from "react";
+import o from "../../../web-react/docs/DocsSection.js";
+import { IconsProvider as n } from "../../../context/IconsContext.js";
+import l from "./ControlButtonDisabled.js";
+import m from "./ControlButtonExpandedSizeScale.js";
+import c from "./ControlButtonIcon.js";
+import s from "./ControlButtonResponsiveSymmetrical.js";
+const x = () => /* @__PURE__ */ t(i, { children: /* @__PURE__ */ e(n, { value: r, children: [
+  /* @__PURE__ */ t(o, { title: "Icon", stackAlignment: "start", children: /* @__PURE__ */ t(c, {}) }),
+  /* @__PURE__ */ t(o, { title: "Feature Flag: Expanded Size Scale", stackAlignment: "start", children: /* @__PURE__ */ t(m, {}) }),
+  /* @__PURE__ */ t(o, { title: "Responsive Symmetrical", stackAlignment: "start", children: /* @__PURE__ */ t(s, {}) }),
+  /* @__PURE__ */ t(o, { title: "Disabled State", stackAlignment: "start", children: /* @__PURE__ */ t(l, {}) })
+] }) });
+export {
+  x as Preview
+};
+//# sourceMappingURL=preview.js.map

package/dist/components/ControlButton/demo/preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/ControlButton/demo/preview.tsx"],"sourcesContent":["'use client';\n\n// @ts-ignore: No declaration file -- @see https://jira.almacareer.tech/browse/DS-561\nimport icons from '@alma-oss/spirit-icons/icons';\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport { IconsProvider } from '../../../context';\nimport ControlButtonDisabled from './ControlButtonDisabled';\nimport ControlButtonExpandedSizeScale from './ControlButtonExpandedSizeScale';\nimport ControlButtonIcon from './ControlButtonIcon';\nimport ControlButtonResponsiveSymmetrical from './ControlButtonResponsiveSymmetrical';\n\nexport const Preview = () => (\n  <StrictMode>\n    <IconsProvider value={icons}>\n      <DocsSection title=\"Icon\" stackAlignment=\"start\">\n        <ControlButtonIcon />\n      </DocsSection>\n      <DocsSection title=\"Feature Flag: Expanded Size Scale\" stackAlignment=\"start\">\n        <ControlButtonExpandedSizeScale />\n      </DocsSection>\n      <DocsSection title=\"Responsive Symmetrical\" stackAlignment=\"start\">\n        <ControlButtonResponsiveSymmetrical />\n      </DocsSection>\n      <DocsSection title=\"Disabled State\" stackAlignment=\"start\">\n        <ControlButtonDisabled />\n      </DocsSection>\n    </IconsProvider>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","jsxs","IconsProvider","icons","DocsSection","ControlButtonIcon","ControlButtonExpandedSizeScale","ControlButtonResponsiveSymmetrical","ControlButtonDisabled"],"mappings":";;;;;;;;;;AAYO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,KACC,UAAA,gBAAAC,EAACC,GAAA,EAAc,OAAOC,GACpB,UAAA;AAAA,EAAA,gBAAAJ,EAACK,KAAY,OAAM,QAAO,gBAAe,SACvC,UAAA,gBAAAL,EAACM,KAAkB,EAAA,CACrB;AAAA,EACA,gBAAAN,EAACK,KAAY,OAAM,qCAAoC,gBAAe,SACpE,UAAA,gBAAAL,EAACO,KAA+B,EAAA,CAClC;AAAA,EACA,gBAAAP,EAACK,KAAY,OAAM,0BAAyB,gBAAe,SACzD,UAAA,gBAAAL,EAACQ,KAAmC,EAAA,CACtC;AAAA,EACA,gBAAAR,EAACK,KAAY,OAAM,kBAAiB,gBAAe,SACjD,UAAA,gBAAAL,EAACS,KAAsB,EAAA,CACzB;AAAA,EAAA,CACF,EAAA,CACF;"}

package/dist/components/ControlButton/preview/index.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../demo/preview.cjs");exports.default=e.Preview;
+//# sourceMappingURL=index.cjs.map

package/dist/components/ControlButton/preview/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/ControlButton/preview/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Preview as t } from "../demo/preview.js";
+export {
+  t as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/ControlButton/preview/index.js.map

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

package/dist/components/ControlButton/preview.d.ts

@@ -0,0 +1,4 @@
+export {}
+import _default from '../../src/components/ControlButton/preview/index'
+export default _default
+export {}

package/dist/components/ControlButton.d.ts

@@ -1,2 +1,2 @@
-export * from './ControlButton/index'
+export * from '../src/components/ControlButton/index'
 export {}

package/dist/components/Dialog.d.ts

@@ -1,2 +1,2 @@
-export * from './Dialog/index'
+export * from '../src/components/Dialog/index'
 export {}

package/dist/components/Divider/demo/DividerDefault.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../Divider.cjs"),u=()=>e.jsx(t.default,{});exports.default=u;
+//# sourceMappingURL=DividerDefault.cjs.map

package/dist/components/Divider/demo/DividerDefault.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DividerDefault.cjs","sources":["../../../../src/components/Divider/demo/DividerDefault.tsx"],"sourcesContent":["import React from 'react';\nimport Divider from '../Divider';\n\nconst DividerDefault = () => <Divider />;\n\nexport default DividerDefault;\n"],"names":["DividerDefault","jsx","Divider"],"mappings":"6KAGMA,EAAiB,IAAMC,MAACC,EAAAA,QAAA,CAAA,CAAQ"}

package/dist/components/Divider/demo/DividerDefault.js

@@ -0,0 +1,7 @@
+import { jsx as r } from "react/jsx-runtime";
+import t from "../Divider.js";
+const o = () => /* @__PURE__ */ r(t, {});
+export {
+  o as default
+};
+//# sourceMappingURL=DividerDefault.js.map

package/dist/components/Divider/demo/DividerDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DividerDefault.js","sources":["../../../../src/components/Divider/demo/DividerDefault.tsx"],"sourcesContent":["import React from 'react';\nimport Divider from '../Divider';\n\nconst DividerDefault = () => <Divider />;\n\nexport default DividerDefault;\n"],"names":["DividerDefault","jsx","Divider"],"mappings":";;AAGA,MAAMA,IAAiB,MAAM,gBAAAC,EAACC,GAAA,CAAA,CAAQ;"}

package/dist/components/Divider/demo/preview.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),i=require("../../../web-react/docs/DocsSection.cjs"),r=require("./DividerDefault.cjs"),c=()=>e.jsx(t.StrictMode,{children:e.jsx(i.default,{title:"Default",stackAlignment:"stretch",children:e.jsx(r.default,{})})});exports.Preview=c;
+//# sourceMappingURL=preview.cjs.map

package/dist/components/Divider/demo/preview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.cjs","sources":["../../../../src/components/Divider/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport DividerDefault from './DividerDefault';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\" stackAlignment=\"stretch\">\n      <DividerDefault />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","DocsSection","DividerDefault"],"mappings":"4OAMaA,EAAU,IACrBC,EAAAA,IAACC,EAAAA,WAAA,CACC,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAY,MAAM,UAAU,eAAe,UAC1C,SAAAF,EAAAA,IAACG,UAAA,CAAA,CAAe,EAClB,CAAA,CACF"}

package/dist/components/Divider/demo/preview.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { StrictMode as e } from "react";
+import r from "../../../web-react/docs/DocsSection.js";
+import i from "./DividerDefault.js";
+const l = () => /* @__PURE__ */ t(e, { children: /* @__PURE__ */ t(r, { title: "Default", stackAlignment: "stretch", children: /* @__PURE__ */ t(i, {}) }) });
+export {
+  l as Preview
+};
+//# sourceMappingURL=preview.js.map

package/dist/components/Divider/demo/preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sources":["../../../../src/components/Divider/demo/preview.tsx"],"sourcesContent":["'use client';\n\nimport React, { StrictMode } from 'react';\nimport DocsSection from '../../../../docs/DocsSection';\nimport DividerDefault from './DividerDefault';\n\nexport const Preview = () => (\n  <StrictMode>\n    <DocsSection title=\"Default\" stackAlignment=\"stretch\">\n      <DividerDefault />\n    </DocsSection>\n  </StrictMode>\n);\n"],"names":["Preview","jsx","StrictMode","DocsSection","DividerDefault"],"mappings":";;;;;AAMO,MAAMA,IAAU,MACrB,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAY,OAAM,WAAU,gBAAe,WAC1C,UAAA,gBAAAF,EAACG,GAAA,CAAA,CAAe,GAClB,EAAA,CACF;"}

package/dist/components/Divider/preview/index.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../demo/preview.cjs");exports.default=e.Preview;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Divider/preview/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Divider/preview/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Preview as t } from "../demo/preview.js";
+export {
+  t as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Divider/preview/index.js.map

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

package/dist/components/Divider/preview.d.ts

@@ -0,0 +1,4 @@
+export {}
+import _default from '../../src/components/Divider/preview/index'
+export default _default
+export {}

package/dist/components/Divider.d.ts

@@ -1,2 +1,2 @@
-export * from './Divider/index'
+export * from '../src/components/Divider/index'
 export {}

package/dist/components/Drawer.d.ts

@@ -1,2 +1,2 @@
-export * from './Drawer/index'
+export * from '../src/components/Drawer/index'
 export {}

package/dist/components/Dropdown/DropdownTrigger.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),D=require("../../hooks/styleProps.cjs"),S=require("../../utils/mergeStyleProps.cjs"),w=require("./DropdownContext.cjs"),T=require("./useDropdownAriaProps.cjs"),q=require("./useDropdownStyleProps.cjs"),b={elementType:"button"},t=s=>{const n={...b,...s},{elementType:o="button",children:e,...p}=n,{id:i,isOpen:r,onToggle:l,fullWidthMode:u,triggerRef:c}=w.useDropdownContext(),{classProps:d,props:g}=q.useDropdownStyleProps({isOpen:r,...p}),{styleProps:P,props:a}=D.useStyleProps(g),y=S.mergeStyleProps(o,{classProps:d.trigger,triggerStyleProps:P}),{triggerProps:f}=T.useDropdownAriaProps({id:i,isOpen:r,toggleHandler:l,fullWidthMode:u});return m.jsx(o,{...a,...f,...y,ref:c,children:typeof e=="function"?e({isOpen:r}):e})};t.spiritComponent="DropdownTrigger";exports.default=t;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("react/jsx-runtime"),w=require("../../hooks/styleProps.cjs"),S=require("../../utils/mergeStyleProps.cjs"),T=require("./DropdownContext.cjs"),q=require("./useDropdownAriaProps.cjs"),h=require("./useDropdownStyleProps.cjs"),x={elementType:"button"},o=t=>{const n={...x,...t},{elementType:p,children:e,...i}=n,s=p,{id:l,isOpen:r,onToggle:u,fullWidthMode:c,triggerRef:d}=T.useDropdownContext(),{classProps:g,props:P}=h.useDropdownStyleProps({isOpen:r,...i}),{styleProps:a,props:y}=w.useStyleProps(P),f=S.mergeStyleProps(s,{classProps:g.trigger,triggerStyleProps:a}),{triggerProps:m}=q.useDropdownAriaProps({id:l,isOpen:r,toggleHandler:u,fullWidthMode:c});return D.jsx(s,{...y,...m,...f,ref:d,children:typeof e=="function"?e({isOpen:r}):e})};o.spiritComponent="DropdownTrigger";o.displayName="DropdownTrigger";exports.default=o;
 //# sourceMappingURL=DropdownTrigger.cjs.map