npm - @elliemae/ds-system - Versions diffs - 3.35.0 → 3.36.0-next.1 - Mend

@elliemae/ds-system 3.35.0 → 3.36.0-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (58) hide show

package/dist/cjs/HtmlComponents.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/HtmlComponents.ts", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { styled } from './index.js';\nimport type {} from '@xstyled/util';\nimport type {} from '@xstyled/system';\nimport { xStyledCommonProps } from './xStyledWrapper.js';\n\nexport const Address = styled('address')`\n  ${xStyledCommonProps}\n`;\nexport const Article = styled('article')`\n  ${xStyledCommonProps}\n`;\nexport const Aside = styled('aside')`\n  ${xStyledCommonProps}\n`;\nexport const Footer = styled('footer')`\n  ${xStyledCommonProps}\n`;\nexport const Header = styled('header')`\n  ${xStyledCommonProps}\n`;\nexport const H1 = styled('h1')`\n  ${xStyledCommonProps}\n`;\nexport const H2 = styled('h2')`\n  ${xStyledCommonProps}\n`;\nexport const H3 = styled('h3')`\n  ${xStyledCommonProps}\n`;\nexport const H4 = styled('h4')`\n  ${xStyledCommonProps}\n`;\nexport const H5 = styled('h5')`\n  ${xStyledCommonProps}\n`;\nexport const H6 = styled('h6')`\n  ${xStyledCommonProps}\n`;\nexport const Hgroup = styled('hgroup')`\n  ${xStyledCommonProps}\n`;\nexport const Main = styled('main')`\n  ${xStyledCommonProps}\n`;\nexport const Nav = styled('nav')`\n  ${xStyledCommonProps}\n`;\nexport const Section = styled('section')`\n  ${xStyledCommonProps}\n`;\nexport const Search = styled('search')`\n  ${xStyledCommonProps}\n`;\nexport const Blockquote = styled('blockquote')`\n  ${xStyledCommonProps}\n`;\nexport const Dd = styled('dd')`\n  ${xStyledCommonProps}\n`;\nexport const Div = styled('div')`\n  ${xStyledCommonProps}\n`;\nexport const Dl = styled('dl')`\n  ${xStyledCommonProps}\n`;\nexport const Dt = styled('dt')`\n  ${xStyledCommonProps}\n`;\nexport const Figcaption = styled('figcaption')`\n  ${xStyledCommonProps}\n`;\nexport const Figure = styled('figure')`\n  ${xStyledCommonProps}\n`;\nexport const Hr = styled('hr')`\n  ${xStyledCommonProps}\n`;\nexport const Li = styled('li')`\n  ${xStyledCommonProps}\n`;\nexport const Menu = styled('menu')`\n  ${xStyledCommonProps}\n`;\nexport const Ol = styled('ol')`\n  ${xStyledCommonProps}\n`;\nexport const P = styled('p')`\n  ${xStyledCommonProps}\n`;\nexport const Pre = styled('pre')`\n  ${xStyledCommonProps}\n`;\nexport const Ul = styled('ul')`\n  ${xStyledCommonProps}\n`;\nexport const A = styled('a')`\n  ${xStyledCommonProps}\n`;\nexport const Abbr = styled('abbr')`\n  ${xStyledCommonProps}\n`;\nexport const B = styled('b')`\n  ${xStyledCommonProps}\n`;\nexport const Bdi = styled('bdi')`\n  ${xStyledCommonProps}\n`;\nexport const Bdo = styled('bdo')`\n  ${xStyledCommonProps}\n`;\nexport const Br = styled('br')`\n  ${xStyledCommonProps}\n`;\nexport const Cite = styled('cite')`\n  ${xStyledCommonProps}\n`;\nexport const Code = styled('code')`\n  ${xStyledCommonProps}\n`;\nexport const Data = styled('data')`\n  ${xStyledCommonProps}\n`;\nexport const Dfn = styled('dfn')`\n  ${xStyledCommonProps}\n`;\nexport const Em = styled('em')`\n  ${xStyledCommonProps}\n`;\nexport const I = styled('i')`\n  ${xStyledCommonProps}\n`;\nexport const Kbd = styled('kbd')`\n  ${xStyledCommonProps}\n`;\nexport const Mark = styled('mark')`\n  ${xStyledCommonProps}\n`;\nexport const Q = styled('q')`\n  ${xStyledCommonProps}\n`;\nexport const Rp = styled('rp')`\n  ${xStyledCommonProps}\n`;\nexport const Rt = styled('rt')`\n  ${xStyledCommonProps}\n`;\nexport const Ruby = styled('ruby')`\n  ${xStyledCommonProps}\n`;\nexport const S = styled('s')`\n  ${xStyledCommonProps}\n`;\nexport const Samp = styled('samp')`\n  ${xStyledCommonProps}\n`;\nexport const Small = styled('small')`\n  ${xStyledCommonProps}\n`;\nexport const Span = styled('span')`\n  ${xStyledCommonProps}\n`;\nexport const Strong = styled('strong')`\n  ${xStyledCommonProps}\n`;\nexport const Sub = styled('sub')`\n  ${xStyledCommonProps}\n`;\nexport const Sup = styled('sup')`\n  ${xStyledCommonProps}\n`;\nexport const Time = styled('time')`\n  ${xStyledCommonProps}\n`;\nexport const U = styled('u')`\n  ${xStyledCommonProps}\n`;\nexport const Wbr = styled('wbr')`\n  ${xStyledCommonProps}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/arithmetic.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/arithmetic.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export function getNumberAndUnit(numberStrWithUnit: string | number): { number: string; unit: string } {\n  const matchResult = String(numberStrWithUnit).match(/[a-z]+|[(/^\\-?\\d*.\\d+|\\d+),?]+/gi);\n  let number = '0';\n  let unit = 'px';\n  if (matchResult) {\n    [number, unit] = matchResult;\n  }\n\n  return { number, unit };\n}\n\nexport function op(operator: string, n1: string, n2: string | number): string {\n  const { number, unit } = getNumberAndUnit(n1);\n  const { number: number2, unit: unit2 } = getNumberAndUnit(n2);\n  switch (operator) {\n    case '*':\n      return `${Number(number) * Number(number2)}${unit || unit2}`;\n    case '+':\n      return `${Number(number) + Number(number2)}${unit || unit2}`;\n    case '-':\n      return `${Number(number) - Number(number2)}${unit || unit2}`;\n    case '/':\n      return `${Number(number) / Number(number2)}${unit || unit2}`;\n    default:\n      return `${Number(number) + Number(number2)}${unit || unit2}`;\n  }\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,SAAS,iBAAiB,mBAAsE;AACrG,QAAM,cAAc,OAAO,iBAAiB,EAAE,MAAM,kCAAkC;AACtF,MAAI,SAAS;AACb,MAAI,OAAO;AACX,MAAI,aAAa;AACf,KAAC,QAAQ,IAAI,IAAI;AAAA,EACnB;AAEA,SAAO,EAAE,QAAQ,KAAK;AACxB;AAEO,SAAS,GAAG,UAAkB,IAAY,IAA6B;AAC5E,QAAM,EAAE,QAAQ,KAAK,IAAI,iBAAiB,EAAE;AAC5C,QAAM,EAAE,QAAQ,SAAS,MAAM,MAAM,IAAI,iBAAiB,EAAE;AAC5D,UAAQ,UAAU;AAAA,IAChB,KAAK;AACH,aAAO,GAAG,OAAO,MAAM,IAAI,OAAO,OAAO,IAAI,QAAQ;AAAA,IACvD,KAAK;AACH,aAAO,GAAG,OAAO,MAAM,IAAI,OAAO,OAAO,IAAI,QAAQ;AAAA,IACvD,KAAK;AACH,aAAO,GAAG,OAAO,MAAM,IAAI,OAAO,OAAO,IAAI,QAAQ;AAAA,IACvD,KAAK;AACH,aAAO,GAAG,OAAO,MAAM,IAAI,OAAO,OAAO,IAAI,QAAQ;AAAA,IACvD;AACE,aAAO,GAAG,OAAO,MAAM,IAAI,OAAO,OAAO,IAAI,QAAQ;AAAA,EACzD;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,SAAS,iBAAiB,mBAAsE;AACrG,QAAM,cAAc,OAAO,iBAAiB,EAAE,MAAM,kCAAkC;AACtF,MAAI,SAAS;AACb,MAAI,OAAO;AACX,MAAI,aAAa;AACf,KAAC,QAAQ,IAAI,IAAI;AAAA,EACnB;AAEA,SAAO,EAAE,QAAQ,KAAK;AACxB;AAEO,SAAS,GAAG,UAAkB,IAAY,IAA6B;AAC5E,QAAM,EAAE,QAAQ,KAAK,IAAI,iBAAiB,EAAE;AAC5C,QAAM,EAAE,QAAQ,SAAS,MAAM,MAAM,IAAI,iBAAiB,EAAE;AAC5D,UAAQ,UAAU;AAAA,IAChB,KAAK;AACH,aAAO,GAAG,OAAO,MAAM,IAAI,OAAO,OAAO,CAAC,GAAG,QAAQ,KAAK;AAAA,IAC5D,KAAK;AACH,aAAO,GAAG,OAAO,MAAM,IAAI,OAAO,OAAO,CAAC,GAAG,QAAQ,KAAK;AAAA,IAC5D,KAAK;AACH,aAAO,GAAG,OAAO,MAAM,IAAI,OAAO,OAAO,CAAC,GAAG,QAAQ,KAAK;AAAA,IAC5D,KAAK;AACH,aAAO,GAAG,OAAO,MAAM,IAAI,OAAO,OAAO,CAAC,GAAG,QAAQ,KAAK;AAAA,IAC5D;AACE,aAAO,GAAG,OAAO,MAAM,IAAI,OAAO,OAAO,CAAC,GAAG,QAAQ,KAAK;AAAA,EAC9D;AACF;",
   "names": []
 }

package/dist/cjs/globalStyles.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/globalStyles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { createGlobalStyle } from './styled/index.js';\nimport { th } from './th.js';\n\nexport const GlobalStyles = createGlobalStyle<{ device: 'desktop' | 'mobile' }>`\n  // Here we setup the root font-sizes for mobile vs desktop\n  :root {\n    font-size: ${(props) => (props.device === 'desktop' ? '81.25%' : '100%')};\n\n    @media(min-width: ${({ theme }) => theme.breakpoints.small}) {\n      font-size: ${(props) => (props.device === 'mobile' ? '100%' : '81.25%')};\n    }\n  }\n\n  body {\n    overscroll-behavior-y: none;\n\n    font-size: 1rem; // since we correctly have set up the root font-sizes, we can use 1rem\n  }\n\n  /* fix sanitize */\n  ::placeholder {\n    font-weight: ${th.fontWeight('regular')};\n    color: ${th.color('neutral-500')};\n  }\n  ::-webkit-input-placeholder {\n    opacity: 1;\n  }\n\n  :where(svg:not([fill])) {\n    fill: unset;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAAkC;AAClC,gBAAmB;AAEZ,MAAM,eAAe;AAAA;AAAA;AAAA,iBAGX,CAAC,UAAW,MAAM,WAAW,YAAY,WAAW;AAAA;AAAA,wBAE7C,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA,mBACtC,CAAC,UAAW,MAAM,WAAW,WAAW,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAYjD,aAAG,WAAW,SAAS;AAAA,aAC7B,aAAG,MAAM,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAAkC;AAClC,gBAAmB;AAEZ,MAAM,eAAe;AAAA;AAAA;AAAA,iBAGX,CAAC,UAAW,MAAM,WAAW,YAAY,WAAW,MAAO;AAAA;AAAA,wBAEpD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,KAAK;AAAA,mBAC3C,CAAC,UAAW,MAAM,WAAW,WAAW,SAAS,QAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAY1D,aAAG,WAAW,SAAS,CAAC;AAAA,aAC9B,aAAG,MAAM,aAAa,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/mobileUtilities.js CHANGED Viewed

@@ -39,18 +39,15 @@ var import_react = require("react");
 var import_theme = require("./theme.js");
 var import_constants = require("./constants.js");
 function __UNSAFE_SPACE_TO_DIMSUM(unit) {
-  if (unit in import_constants.translateUnits)
-    return import_constants.translateUnits[unit];
+  if (unit in import_constants.translateUnits) return import_constants.translateUnits[unit];
   return `${parseFloat(unit) * (import_constants.mobileBaseFont / import_constants.desktopBaseFont) / 2}px`;
 }
 const isMobile = () => {
-  if (!window)
-    return false;
+  if (!window) return false;
   return Number(import_theme.theme.breakpoints.medium.split("px")[0]) - window.innerWidth >= 0;
 };
 function toMobile(unit) {
-  if (!isMobile())
-    return unit;
+  if (!isMobile()) return unit;
   return `${parseFloat(unit) * (import_constants.desktopBaseFont / import_constants.mobileBaseFont)}rem`;
 }
 const useIsMobile = () => {
@@ -64,8 +61,7 @@ const useIsMobile = () => {
       window?.removeEventListener("resize", handleResize);
     };
   }, []);
-  if (!window)
-    return false;
+  if (!window) return false;
   return mobile;
 };
 //# sourceMappingURL=mobileUtilities.js.map

package/dist/cjs/mobileUtilities.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/mobileUtilities.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable @typescript-eslint/naming-convention */\nimport { useState, useEffect } from 'react';\nimport { theme } from './theme.js';\nimport { desktopBaseFont, mobileBaseFont, translateUnits } from './constants.js';\n\n// eslint-disable-next-line no-underscore-dangle\nexport function __UNSAFE_SPACE_TO_DIMSUM(unit: string): string {\n  if (unit in translateUnits) return translateUnits[unit as keyof typeof translateUnits];\n  return `${(parseFloat(unit) * (mobileBaseFont / desktopBaseFont)) / 2}px`;\n}\n\nexport const isMobile = (): boolean => {\n  if (!window) return false;\n  return Number(theme.breakpoints.medium.split('px')[0]) - window.innerWidth >= 0;\n};\n\nexport function toMobile(unit: string): string {\n  if (!isMobile()) return unit;\n  return `${parseFloat(unit) * (desktopBaseFont / mobileBaseFont)}rem`;\n}\n\nexport const useIsMobile = (): boolean => {\n  const [mobile, setMobile] = useState<boolean>(isMobile());\n\n  useEffect(() => {\n    function handleResize() {\n      setMobile(isMobile());\n    }\n    window?.addEventListener('resize', handleResize);\n    return () => {\n      window?.removeEventListener('resize', handleResize);\n    };\n  }, []);\n\n  if (!window) return false;\n  return mobile;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAoC;AACpC,mBAAsB;AACtB,uBAAgE;AAGzD,SAAS,yBAAyB,MAAsB;AAC7D,MAAI,QAAQ;AAAgB,WAAO,gCAAe,IAAmC;AACrF,SAAO,GAAI,WAAW,IAAI,KAAK,kCAAiB,oCAAoB;AACtE;AAEO,MAAM,WAAW,MAAe;AACrC,MAAI,CAAC;AAAQ,WAAO;AACpB,SAAO,OAAO,mBAAM,YAAY,OAAO,MAAM,IAAI,EAAE,CAAC,CAAC,IAAI,OAAO,cAAc;AAChF;AAEO,SAAS,SAAS,MAAsB;AAC7C,MAAI,CAAC,SAAS;AAAG,WAAO;AACxB,SAAO,GAAG,WAAW,IAAI,KAAK,mCAAkB;AAClD;AAEO,MAAM,cAAc,MAAe;AACxC,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAkB,SAAS,CAAC;AAExD,8BAAU,MAAM;AACd,aAAS,eAAe;AACtB,gBAAU,SAAS,CAAC;AAAA,IACtB;AACA,YAAQ,iBAAiB,UAAU,YAAY;AAC/C,WAAO,MAAM;AACX,cAAQ,oBAAoB,UAAU,YAAY;AAAA,IACpD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC;AAAQ,WAAO;AACpB,SAAO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAoC;AACpC,mBAAsB;AACtB,uBAAgE;AAGzD,SAAS,yBAAyB,MAAsB;AAC7D,MAAI,QAAQ,gCAAgB,QAAO,gCAAe,IAAmC;AACrF,SAAO,GAAI,WAAW,IAAI,KAAK,kCAAiB,oCAAoB,CAAC;AACvE;AAEO,MAAM,WAAW,MAAe;AACrC,MAAI,CAAC,OAAQ,QAAO;AACpB,SAAO,OAAO,mBAAM,YAAY,OAAO,MAAM,IAAI,EAAE,CAAC,CAAC,IAAI,OAAO,cAAc;AAChF;AAEO,SAAS,SAAS,MAAsB;AAC7C,MAAI,CAAC,SAAS,EAAG,QAAO;AACxB,SAAO,GAAG,WAAW,IAAI,KAAK,mCAAkB,gCAAe;AACjE;AAEO,MAAM,cAAc,MAAe;AACxC,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAkB,SAAS,CAAC;AAExD,8BAAU,MAAM;AACd,aAAS,eAAe;AACtB,gBAAU,SAAS,CAAC;AAAA,IACtB;AACA,YAAQ,iBAAiB,UAAU,YAAY;AAC/C,WAAO,MAAM;AACX,cAAQ,oBAAoB,UAAU,YAAY;AAAA,IACpD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,OAAQ,QAAO;AACpB,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/spaceUtilities.js CHANGED Viewed

@@ -42,36 +42,27 @@ var React = __toESM(require("react"));
 var import_lodash = require("lodash");
 var import_theme = require("./theme.js");
 function mapGap(gutter) {
-  if (!gutter)
-    return "0rem";
-  if (String(gutter).includes("rem") || String(gutter).includes("px"))
-    return gutter;
+  if (!gutter) return "0rem";
+  if (String(gutter).includes("rem") || String(gutter).includes("px")) return gutter;
   return `${import_theme.theme.space[gutter]}`;
 }
 function mapGutter(gutter) {
-  if (!gutter)
-    return "0rem";
+  if (!gutter) return "0rem";
   return `${import_theme.theme.space[gutter]} * 2`;
 }
 function mapSpace(width) {
-  if (typeof width === "string")
-    return (0, import_lodash.get)(import_theme.theme, width) ? `${(0, import_lodash.get)(import_theme.theme, width)}` : width;
+  if (typeof width === "string") return (0, import_lodash.get)(import_theme.theme, width) ? `${(0, import_lodash.get)(import_theme.theme, width)}` : width;
   return `${width * 100}%`;
 }
 function fixSpaceGutter(width, gutter) {
-  if (!width)
-    return "";
-  if (width === "fit-content")
-    return width;
-  if (Array.isArray(width))
-    return width.map((w) => `calc(${mapSpace(w)} - (${mapGutter(gutter)}))`);
+  if (!width) return "";
+  if (width === "fit-content") return width;
+  if (Array.isArray(width)) return width.map((w) => `calc(${mapSpace(w)} - (${mapGutter(gutter)}))`);
   return `calc(${mapSpace(width)} - (${mapGutter(gutter)}))`;
 }
 function fixSpace(width) {
-  if (!width)
-    return "";
-  if (Array.isArray(width))
-    return width.map((w) => mapSpace(w));
+  if (!width) return "";
+  if (Array.isArray(width)) return width.map((w) => mapSpace(w));
   return mapSpace(width);
 }
 function numbersToFr(grid) {
@@ -79,17 +70,14 @@ function numbersToFr(grid) {
   return den.map((d) => `${d}fr`);
 }
 function mapGrid(width) {
-  if ((0, import_lodash.get)(import_theme.theme, width))
-    return `${(0, import_lodash.get)(import_theme.theme, width)}`;
-  if (typeof width === "string")
-    return width;
+  if ((0, import_lodash.get)(import_theme.theme, width)) return `${(0, import_lodash.get)(import_theme.theme, width)}`;
+  if (typeof width === "string") return width;
   const den = width < 1 ? Math.floor(1 / width) : width;
   return `${den}fr`;
 }
 function mapTemplateGrid(grid) {
   if (Array.isArray(grid)) {
-    if (grid.some((w) => typeof w === "string"))
-      return grid.map((w) => mapGrid(w));
+    if (grid.some((w) => typeof w === "string")) return grid.map((w) => mapGrid(w));
     return numbersToFr(grid);
   }
   return mapGrid(grid);

package/dist/cjs/spaceUtilities.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/spaceUtilities.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { get } from 'lodash';\nimport { theme } from './theme.js';\n\nexport function mapGap(gutter: number | string): number | string {\n  if (!gutter) return '0rem';\n  if (String(gutter).includes('rem') || String(gutter).includes('px')) return gutter;\n  return `${theme.space[gutter as keyof typeof theme.space]}`;\n}\n\nexport function mapGutter(gutter: string | number | undefined): string {\n  if (!gutter) return '0rem';\n  return `${theme.space[gutter as keyof typeof theme.space]} * 2`;\n}\n\nexport function mapSpace(width: string | number): string {\n  if (typeof width === 'string') return get(theme, width) ? `${get(theme, width)}` : width;\n  return `${width * 100}%`;\n}\n\nexport function fixSpaceGutter(\n  width: string | number | string[] | number[],\n  gutter?: string | number,\n): string | string[] {\n  if (!width) return '';\n  if (width === 'fit-content') return width;\n  if (Array.isArray(width)) return width.map((w) => `calc(${mapSpace(w)} - (${mapGutter(gutter)}))`);\n  return `calc(${mapSpace(width)} - (${mapGutter(gutter)}))`;\n}\n\nexport function fixSpace(width: string | number | string[] | number[]): string | string[] {\n  if (!width) return '';\n  if (Array.isArray(width)) return width.map((w) => mapSpace(w));\n  return mapSpace(width);\n}\n\nexport function numbersToFr(grid: number[]): string[] {\n  const den = grid.map((f) => (f < 1 ? Math.floor(1 / f) : f));\n  return den.map((d) => `${d}fr`);\n}\nexport function mapGrid(width: string | number): string {\n  if (get(theme, width)) return `${get(theme, width)}`;\n  if (typeof width === 'string') return width;\n  const den = width < 1 ? Math.floor(1 / width) : width;\n  return `${den}fr`;\n}\n\nexport function mapTemplateGrid(grid: number | string | (number | string)[]): string | string[] {\n  if (Array.isArray(grid)) {\n    if (grid.some((w) => typeof w === 'string')) return grid.map((w) => mapGrid(w));\n    return numbersToFr(grid as number[]);\n  }\n  return mapGrid(grid);\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAAoB;AACpB,mBAAsB;AAEf,SAAS,OAAO,QAA0C;AAC/D,MAAI,CAAC;AAAQ,WAAO;AACpB,MAAI,OAAO,MAAM,EAAE,SAAS,KAAK,KAAK,OAAO,MAAM,EAAE,SAAS,IAAI;AAAG,WAAO;AAC5E,SAAO,GAAG,mBAAM,MAAM,MAAkC;AAC1D;AAEO,SAAS,UAAU,QAA6C;AACrE,MAAI,CAAC;AAAQ,WAAO;AACpB,SAAO,GAAG,mBAAM,MAAM,MAAkC;AAC1D;AAEO,SAAS,SAAS,OAAgC;AACvD,MAAI,OAAO,UAAU;AAAU,eAAO,mBAAI,oBAAO,KAAK,IAAI,OAAG,mBAAI,oBAAO,KAAK,MAAM;AACnF,SAAO,GAAG,QAAQ;AACpB;AAEO,SAAS,eACd,OACA,QACmB;AACnB,MAAI,CAAC;AAAO,WAAO;AACnB,MAAI,UAAU;AAAe,WAAO;AACpC,MAAI,MAAM,QAAQ,KAAK;AAAG,WAAO,MAAM,IAAI,CAAC,MAAM,QAAQ,SAAS,CAAC,QAAQ,UAAU,MAAM,KAAK;AACjG,SAAO,QAAQ,SAAS,KAAK,QAAQ,UAAU,MAAM;AACvD;AAEO,SAAS,SAAS,OAAiE;AACxF,MAAI,CAAC;AAAO,WAAO;AACnB,MAAI,MAAM,QAAQ,KAAK;AAAG,WAAO,MAAM,IAAI,CAAC,MAAM,SAAS,CAAC,CAAC;AAC7D,SAAO,SAAS,KAAK;AACvB;AAEO,SAAS,YAAY,MAA0B;AACpD,QAAM,MAAM,KAAK,IAAI,CAAC,MAAO,IAAI,IAAI,KAAK,MAAM,IAAI,CAAC,IAAI,CAAE;AAC3D,SAAO,IAAI,IAAI,CAAC,MAAM,GAAG,KAAK;AAChC;AACO,SAAS,QAAQ,OAAgC;AACtD,UAAI,mBAAI,oBAAO,KAAK;AAAG,WAAO,OAAG,mBAAI,oBAAO,KAAK;AACjD,MAAI,OAAO,UAAU;AAAU,WAAO;AACtC,QAAM,MAAM,QAAQ,IAAI,KAAK,MAAM,IAAI,KAAK,IAAI;AAChD,SAAO,GAAG;AACZ;AAEO,SAAS,gBAAgB,MAAgE;AAC9F,MAAI,MAAM,QAAQ,IAAI,GAAG;AACvB,QAAI,KAAK,KAAK,CAAC,MAAM,OAAO,MAAM,QAAQ;AAAG,aAAO,KAAK,IAAI,CAAC,MAAM,QAAQ,CAAC,CAAC;AAC9E,WAAO,YAAY,IAAgB;AAAA,EACrC;AACA,SAAO,QAAQ,IAAI;AACrB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAAoB;AACpB,mBAAsB;AAEf,SAAS,OAAO,QAA0C;AAC/D,MAAI,CAAC,OAAQ,QAAO;AACpB,MAAI,OAAO,MAAM,EAAE,SAAS,KAAK,KAAK,OAAO,MAAM,EAAE,SAAS,IAAI,EAAG,QAAO;AAC5E,SAAO,GAAG,mBAAM,MAAM,MAAkC,CAAC;AAC3D;AAEO,SAAS,UAAU,QAA6C;AACrE,MAAI,CAAC,OAAQ,QAAO;AACpB,SAAO,GAAG,mBAAM,MAAM,MAAkC,CAAC;AAC3D;AAEO,SAAS,SAAS,OAAgC;AACvD,MAAI,OAAO,UAAU,SAAU,YAAO,mBAAI,oBAAO,KAAK,IAAI,OAAG,mBAAI,oBAAO,KAAK,CAAC,KAAK;AACnF,SAAO,GAAG,QAAQ,GAAG;AACvB;AAEO,SAAS,eACd,OACA,QACmB;AACnB,MAAI,CAAC,MAAO,QAAO;AACnB,MAAI,UAAU,cAAe,QAAO;AACpC,MAAI,MAAM,QAAQ,KAAK,EAAG,QAAO,MAAM,IAAI,CAAC,MAAM,QAAQ,SAAS,CAAC,CAAC,OAAO,UAAU,MAAM,CAAC,IAAI;AACjG,SAAO,QAAQ,SAAS,KAAK,CAAC,OAAO,UAAU,MAAM,CAAC;AACxD;AAEO,SAAS,SAAS,OAAiE;AACxF,MAAI,CAAC,MAAO,QAAO;AACnB,MAAI,MAAM,QAAQ,KAAK,EAAG,QAAO,MAAM,IAAI,CAAC,MAAM,SAAS,CAAC,CAAC;AAC7D,SAAO,SAAS,KAAK;AACvB;AAEO,SAAS,YAAY,MAA0B;AACpD,QAAM,MAAM,KAAK,IAAI,CAAC,MAAO,IAAI,IAAI,KAAK,MAAM,IAAI,CAAC,IAAI,CAAE;AAC3D,SAAO,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI;AAChC;AACO,SAAS,QAAQ,OAAgC;AACtD,UAAI,mBAAI,oBAAO,KAAK,EAAG,QAAO,OAAG,mBAAI,oBAAO,KAAK,CAAC;AAClD,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,QAAM,MAAM,QAAQ,IAAI,KAAK,MAAM,IAAI,KAAK,IAAI;AAChD,SAAO,GAAG,GAAG;AACf;AAEO,SAAS,gBAAgB,MAAgE;AAC9F,MAAI,MAAM,QAAQ,IAAI,GAAG;AACvB,QAAI,KAAK,KAAK,CAAC,MAAM,OAAO,MAAM,QAAQ,EAAG,QAAO,KAAK,IAAI,CAAC,MAAM,QAAQ,CAAC,CAAC;AAC9E,WAAO,YAAY,IAAgB;AAAA,EACrC;AACA,SAAO,QAAQ,IAAI;AACrB;",
   "names": []
 }

package/dist/cjs/styled/checkNamingConvention.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/styled/checkNamingConvention.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable no-console */\n\nexport const checkNamingConvention = (componentName: string | null, componentSlot: string | null): void => {\n  // We just check that the name is correctly written, should be removed in the future\n  if (componentName !== null) {\n    const matches = componentName.match(/DS([A-Z]|[a-z]|[0-9])*/);\n    if (!matches || matches.length === 0 || matches[0].length !== componentName.length) {\n      console.warn(`BAD FORMAT FOR COMPONENT NAME ${componentName}, use DSWhateverComponentTitled`);\n    }\n  }\n  if (componentSlot !== null) {\n    const isValid = /([a-z]-)*/.test(componentSlot);\n    if (!isValid) {\n      console.warn(`BAD FORMAT FOR COMPONENT SLOT ${componentSlot}, use any-component-slot`);\n    }\n  }\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,wBAAwB,CAAC,eAA8B,kBAAuC;AAEzG,MAAI,kBAAkB,MAAM;AAC1B,UAAM,UAAU,cAAc,MAAM,wBAAwB;AAC5D,QAAI,CAAC,WAAW,QAAQ,WAAW,KAAK,QAAQ,CAAC,EAAE,WAAW,cAAc,QAAQ;AAClF,cAAQ,KAAK,iCAAiC,8CAA8C;AAAA,IAC9F;AAAA,EACF;AACA,MAAI,kBAAkB,MAAM;AAC1B,UAAM,UAAU,YAAY,KAAK,aAAa;AAC9C,QAAI,CAAC,SAAS;AACZ,cAAQ,KAAK,iCAAiC,uCAAuC;AAAA,IACvF;AAAA,EACF;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,wBAAwB,CAAC,eAA8B,kBAAuC;AAEzG,MAAI,kBAAkB,MAAM;AAC1B,UAAM,UAAU,cAAc,MAAM,wBAAwB;AAC5D,QAAI,CAAC,WAAW,QAAQ,WAAW,KAAK,QAAQ,CAAC,EAAE,WAAW,cAAc,QAAQ;AAClF,cAAQ,KAAK,iCAAiC,aAAa,iCAAiC;AAAA,IAC9F;AAAA,EACF;AACA,MAAI,kBAAkB,MAAM;AAC1B,UAAM,UAAU,YAAY,KAAK,aAAa;AAC9C,QAAI,CAAC,SAAS;AACZ,cAAQ,KAAK,iCAAiC,aAAa,0BAA0B;AAAA,IACvF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/styled/generated-attributes/generateAttributes.js CHANGED Viewed

@@ -35,35 +35,30 @@ module.exports = __toCommonJS(generateAttributes_exports);
 var React = __toESM(require("react"));
 var import_helpers = require("../helpers.js");
 const generateClassName = (props, meta) => {
-  if (meta.displayName === null)
-    return {};
+  if (meta.displayName === null) return {};
   return {
     className: meta.displayName
   };
 };
 const generateDataTestId = (props, meta) => {
-  if (meta.displayName === null)
-    return {};
+  if (meta.displayName === null) return {};
   return {
     "data-testid": props["data-testid"] ?? (0, import_helpers.displayNameToKebabCase)(meta.displayName)
   };
 };
 const generateDataDimsumSlot = (props, meta) => {
-  if (meta.displayName === null)
-    return {};
+  if (meta.displayName === null) return {};
   return {
     "data-dimsum-slot": (0, import_helpers.displayNameToPropCase)(meta.displayName)
   };
 };
 const getPartProps = (props) => {
   const { getOwnerProps, getOwnerPropsArguments } = props;
-  if (getOwnerProps === void 0)
-    return {};
+  if (getOwnerProps === void 0) return {};
   const ownerPropsValue = getOwnerProps();
   const ownerPropsArgumentsValue = getOwnerPropsArguments?.() ?? {};
   const elementProps = ownerPropsValue[props["data-dimsum-slot"]] ?? ownerPropsValue[props["data-testid"]];
-  if (elementProps === void 0 || elementProps === null)
-    return {};
+  if (elementProps === void 0 || elementProps === null) return {};
   const resultingObject = typeof elementProps === "function" ? elementProps(ownerPropsArgumentsValue) : elementProps;
   return resultingObject;
 };

package/dist/cjs/styled/generated-attributes/generateAttributes.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/styled/generated-attributes/generateAttributes.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { displayNameToKebabCase, displayNameToPropCase } from '../helpers.js';\nimport type { AttrsFunc, InternalAttrsFunc, Options, OwnerInterface, PartProps } from '../types.js';\n\nconst generateClassName: InternalAttrsFunc = (props, meta) => {\n  if (meta.displayName === null) return {};\n  return {\n    className: meta.displayName,\n  };\n};\n\nconst generateDataTestId: InternalAttrsFunc<{ 'data-testid': string }> = (props, meta) => {\n  if (meta.displayName === null) return {};\n  return {\n    'data-testid': props['data-testid'] ?? displayNameToKebabCase(meta.displayName),\n  };\n};\n\nconst generateDataDimsumSlot: InternalAttrsFunc = (props, meta) => {\n  if (meta.displayName === null) return {};\n  return {\n    'data-dimsum-slot': displayNameToPropCase(meta.displayName),\n  };\n};\n\nexport const getPartProps = (\n  props: { 'data-testid': string; 'data-dimsum-slot': string } & OwnerInterface,\n): Record<string, unknown> => {\n  const { getOwnerProps, getOwnerPropsArguments } = props;\n\n  // If no ownerProps are provided, we won't add global attributes\n  if (getOwnerProps === undefined) return {};\n\n  const ownerPropsValue = getOwnerProps() as Record<string, PartProps>;\n  const ownerPropsArgumentsValue = getOwnerPropsArguments?.() ?? {};\n\n  // TODO: @carusox deprecate data-testid usage in favor of data-dimsum-slot\n  const elementProps = ownerPropsValue[props['data-dimsum-slot']] ?? ownerPropsValue[props['data-testid']];\n\n  // If no elementProps are present, we won't add global attributes either\n  if (elementProps === undefined || elementProps === null) return {};\n\n  // If elementProps is a function, we call it with the ownerPropsArguments\n  // Otherwise we assign it directly\n  const resultingObject = typeof elementProps === 'function' ? elementProps(ownerPropsArgumentsValue) : elementProps;\n\n  return resultingObject;\n};\n\nconst wrap =\n  <T extends object>(\n    func: InternalAttrsFunc<T>,\n    meta: { options: Options; displayName: string | null },\n  ): AttrsFunc<T> =>\n  (props) =>\n    func(props, meta);\n\nexport const generateAttributes = (options: Options, displayName: string | null): AttrsFunc<any>[] => {\n  const meta = { options, displayName };\n\n  // Comprehensive list of all the generators above\n  // ORDER MATTERS: the attributes returned by previous functions, are received as props by the next ones\n  return [wrap(generateClassName, meta), wrap(generateDataTestId, meta), wrap(generateDataDimsumSlot, meta)];\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,qBAA8D;AAG9D,MAAM,oBAAuC,CAAC,OAAO,SAAS;AAC5D,MAAI,KAAK,gBAAgB;AAAM,WAAO,CAAC;AACvC,SAAO;AAAA,IACL,WAAW,KAAK;AAAA,EAClB;AACF;AAEA,MAAM,qBAAmE,CAAC,OAAO,SAAS;AACxF,MAAI,KAAK,gBAAgB;AAAM,WAAO,CAAC;AACvC,SAAO;AAAA,IACL,eAAe,MAAM,aAAa,SAAK,uCAAuB,KAAK,WAAW;AAAA,EAChF;AACF;AAEA,MAAM,yBAA4C,CAAC,OAAO,SAAS;AACjE,MAAI,KAAK,gBAAgB;AAAM,WAAO,CAAC;AACvC,SAAO;AAAA,IACL,wBAAoB,sCAAsB,KAAK,WAAW;AAAA,EAC5D;AACF;AAEO,MAAM,eAAe,CAC1B,UAC4B;AAC5B,QAAM,EAAE,eAAe,uBAAuB,IAAI;AAGlD,MAAI,kBAAkB;AAAW,WAAO,CAAC;AAEzC,QAAM,kBAAkB,cAAc;AACtC,QAAM,2BAA2B,yBAAyB,KAAK,CAAC;AAGhE,QAAM,eAAe,gBAAgB,MAAM,kBAAkB,CAAC,KAAK,gBAAgB,MAAM,aAAa,CAAC;AAGvG,MAAI,iBAAiB,UAAa,iBAAiB;AAAM,WAAO,CAAC;AAIjE,QAAM,kBAAkB,OAAO,iBAAiB,aAAa,aAAa,wBAAwB,IAAI;AAEtG,SAAO;AACT;AAEA,MAAM,OACJ,CACE,MACA,SAEF,CAAC,UACC,KAAK,OAAO,IAAI;AAEb,MAAM,qBAAqB,CAAC,SAAkB,gBAAiD;AACpG,QAAM,OAAO,EAAE,SAAS,YAAY;AAIpC,SAAO,CAAC,KAAK,mBAAmB,IAAI,GAAG,KAAK,oBAAoB,IAAI,GAAG,KAAK,wBAAwB,IAAI,CAAC;AAC3G;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,qBAA8D;AAG9D,MAAM,oBAAuC,CAAC,OAAO,SAAS;AAC5D,MAAI,KAAK,gBAAgB,KAAM,QAAO,CAAC;AACvC,SAAO;AAAA,IACL,WAAW,KAAK;AAAA,EAClB;AACF;AAEA,MAAM,qBAAmE,CAAC,OAAO,SAAS;AACxF,MAAI,KAAK,gBAAgB,KAAM,QAAO,CAAC;AACvC,SAAO;AAAA,IACL,eAAe,MAAM,aAAa,SAAK,uCAAuB,KAAK,WAAW;AAAA,EAChF;AACF;AAEA,MAAM,yBAA4C,CAAC,OAAO,SAAS;AACjE,MAAI,KAAK,gBAAgB,KAAM,QAAO,CAAC;AACvC,SAAO;AAAA,IACL,wBAAoB,sCAAsB,KAAK,WAAW;AAAA,EAC5D;AACF;AAEO,MAAM,eAAe,CAC1B,UAC4B;AAC5B,QAAM,EAAE,eAAe,uBAAuB,IAAI;AAGlD,MAAI,kBAAkB,OAAW,QAAO,CAAC;AAEzC,QAAM,kBAAkB,cAAc;AACtC,QAAM,2BAA2B,yBAAyB,KAAK,CAAC;AAGhE,QAAM,eAAe,gBAAgB,MAAM,kBAAkB,CAAC,KAAK,gBAAgB,MAAM,aAAa,CAAC;AAGvG,MAAI,iBAAiB,UAAa,iBAAiB,KAAM,QAAO,CAAC;AAIjE,QAAM,kBAAkB,OAAO,iBAAiB,aAAa,aAAa,wBAAwB,IAAI;AAEtG,SAAO;AACT;AAEA,MAAM,OACJ,CACE,MACA,SAEF,CAAC,UACC,KAAK,OAAO,IAAI;AAEb,MAAM,qBAAqB,CAAC,SAAkB,gBAAiD;AACpG,QAAM,OAAO,EAAE,SAAS,YAAY;AAIpC,SAAO,CAAC,KAAK,mBAAmB,IAAI,GAAG,KAAK,oBAAoB,IAAI,GAAG,KAAK,wBAAwB,IAAI,CAAC;AAC3G;",
   "names": []
 }

package/dist/cjs/styled/generated-attributes/generateDisplayName.js CHANGED Viewed

@@ -34,8 +34,7 @@ module.exports = __toCommonJS(generateDisplayName_exports);
 var React = __toESM(require("react"));
 const generateDisplayName = (options) => {
   const { name: componentName, slot: componentSlot } = options;
-  if (componentName === null || componentSlot === null)
-    return null;
+  if (componentName === null || componentSlot === null) return null;
   return `${componentName}-${componentSlot}`;
 };
 //# sourceMappingURL=generateDisplayName.js.map

package/dist/cjs/styled/generated-attributes/generateDisplayName.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/styled/generated-attributes/generateDisplayName.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import type { Options } from '../types.js';\n\nexport const generateDisplayName = (options: Options) => {\n  const { name: componentName, slot: componentSlot } = options;\n\n  if (componentName === null || componentSlot === null) return null;\n\n  return `${componentName}-${componentSlot}`;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,sBAAsB,CAAC,YAAqB;AACvD,QAAM,EAAE,MAAM,eAAe,MAAM,cAAc,IAAI;AAErD,MAAI,kBAAkB,QAAQ,kBAAkB;AAAM,WAAO;AAE7D,SAAO,GAAG,iBAAiB;AAC7B;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,sBAAsB,CAAC,YAAqB;AACvD,QAAM,EAAE,MAAM,eAAe,MAAM,cAAc,IAAI;AAErD,MAAI,kBAAkB,QAAQ,kBAAkB,KAAM,QAAO;AAE7D,SAAO,GAAG,aAAa,IAAI,aAAa;AAC1C;",
   "names": []
 }

package/dist/cjs/styled/generated-attributes/utils/refMerger.js CHANGED Viewed

@@ -33,13 +33,9 @@ __export(refMerger_exports, {
 module.exports = __toCommonJS(refMerger_exports);
 var React = __toESM(require("react"));
 const mergeRefs = (ref1, ref2) => (_ref) => {
-  if (typeof ref1 === "function")
-    ref1(_ref);
-  else if (ref1)
-    ref1.current = _ref;
-  if (typeof ref2 === "function")
-    ref2(_ref);
-  else if (ref2)
-    ref2.current = _ref;
+  if (typeof ref1 === "function") ref1(_ref);
+  else if (ref1) ref1.current = _ref;
+  if (typeof ref2 === "function") ref2(_ref);
+  else if (ref2) ref2.current = _ref;
 };
 //# sourceMappingURL=refMerger.js.map

package/dist/cjs/styled/generated-attributes/utils/refMerger.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/styled/generated-attributes/utils/refMerger.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import type { AnyStyledRef } from '../../types.js';\n\nexport const mergeRefs =\n  <T extends HTMLElement>(ref1: AnyStyledRef<T> | undefined, ref2: AnyStyledRef<T> | undefined) =>\n  (_ref: T | null) => {\n    if (typeof ref1 === 'function') ref1(_ref);\n    else if (ref1) ref1.current = _ref;\n\n    if (typeof ref2 === 'function') ref2(_ref);\n    else if (ref2) ref2.current = _ref;\n  };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,YACX,CAAwB,MAAmC,SAC3D,CAAC,SAAmB;AAClB,MAAI,OAAO,SAAS;AAAY,SAAK,IAAI;AAAA,WAChC;AAAM,SAAK,UAAU;AAE9B,MAAI,OAAO,SAAS;AAAY,SAAK,IAAI;AAAA,WAChC;AAAM,SAAK,UAAU;AAChC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,YACX,CAAwB,MAAmC,SAC3D,CAAC,SAAmB;AAClB,MAAI,OAAO,SAAS,WAAY,MAAK,IAAI;AAAA,WAChC,KAAM,MAAK,UAAU;AAE9B,MAAI,OAAO,SAAS,WAAY,MAAK,IAAI;AAAA,WAChC,KAAM,MAAK,UAAU;AAChC;",
   "names": []
 }

package/dist/cjs/styled/helpers.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/styled/helpers.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["const capitalize = (string: string): string => string.charAt(0).toUpperCase() + string.slice(1);\n\nconst isEmpty = (string: string): boolean => string.length === 0;\n\nexport const propsToClassKey = (props: Record<string, { toString: () => string }>): string =>\n  Object.keys(props)\n    .sort()\n    .reduce((classKey, key) => {\n      if (key === 'color') {\n        return classKey + (isEmpty(String(classKey)) ? String(props[key]) : capitalize(String(props[key])));\n      }\n      return `${classKey}${isEmpty(String(classKey)) ? key : capitalize(key)}${capitalize(props[key].toString())}`;\n    }, '');\n\nexport const displayNameToKebabCase = (displayName: string) => {\n  // We also remove \"DS\" preffix\n  const displayNameSplitOnUppercase = displayName.split(/(?=[A-Z])/).slice(2);\n\n  return `ds-${displayNameSplitOnUppercase.map((part) => part.toLowerCase()).join('-')}`;\n};\n\nexport const displayNameToPropCase = (displayName: string) =>\n  `ds${displayName.slice(2).split('-').map(capitalize).join('')}`;\n\nexport const slotObjectToDataTestIds = (\n  componentName: string,\n  slotObject: Record<string, string>,\n): Record<string, string> => {\n  const obj = {} as Record<string, string>;\n  Object.keys(slotObject).forEach((slotName) => {\n    const displayName = `${componentName}-${slotObject[slotName]}`;\n    obj[slotName] = displayNameToKebabCase(displayName);\n  });\n  return obj;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,aAAa,CAAC,WAA2B,OAAO,OAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC;AAE9F,MAAM,UAAU,CAAC,WAA4B,OAAO,WAAW;AAExD,MAAM,kBAAkB,CAAC,UAC9B,OAAO,KAAK,KAAK,EACd,KAAK,EACL,OAAO,CAAC,UAAU,QAAQ;AACzB,MAAI,QAAQ,SAAS;AACnB,WAAO,YAAY,QAAQ,OAAO,QAAQ,CAAC,IAAI,OAAO,MAAM,GAAG,CAAC,IAAI,WAAW,OAAO,MAAM,GAAG,CAAC,CAAC;AAAA,EACnG;AACA,SAAO,GAAG,WAAW,QAAQ,OAAO,QAAQ,CAAC,IAAI,MAAM,WAAW,GAAG,IAAI,WAAW,MAAM,GAAG,EAAE,SAAS,CAAC;AAC3G,GAAG,EAAE;AAEF,MAAM,yBAAyB,CAAC,gBAAwB;AAE7D,QAAM,8BAA8B,YAAY,MAAM,WAAW,EAAE,MAAM,CAAC;AAE1E,SAAO,MAAM,4BAA4B,IAAI,CAAC,SAAS,KAAK,YAAY,CAAC,EAAE,KAAK,GAAG;AACrF;AAEO,MAAM,wBAAwB,CAAC,gBACpC,KAAK,YAAY,MAAM,CAAC,EAAE,MAAM,GAAG,EAAE,IAAI,UAAU,EAAE,KAAK,EAAE;AAEvD,MAAM,0BAA0B,CACrC,eACA,eAC2B;AAC3B,QAAM,MAAM,CAAC;AACb,SAAO,KAAK,UAAU,EAAE,QAAQ,CAAC,aAAa;AAC5C,UAAM,cAAc,GAAG,iBAAiB,WAAW,QAAQ;AAC3D,QAAI,QAAQ,IAAI,uBAAuB,WAAW;AAAA,EACpD,CAAC;AACD,SAAO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,aAAa,CAAC,WAA2B,OAAO,OAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC;AAE9F,MAAM,UAAU,CAAC,WAA4B,OAAO,WAAW;AAExD,MAAM,kBAAkB,CAAC,UAC9B,OAAO,KAAK,KAAK,EACd,KAAK,EACL,OAAO,CAAC,UAAU,QAAQ;AACzB,MAAI,QAAQ,SAAS;AACnB,WAAO,YAAY,QAAQ,OAAO,QAAQ,CAAC,IAAI,OAAO,MAAM,GAAG,CAAC,IAAI,WAAW,OAAO,MAAM,GAAG,CAAC,CAAC;AAAA,EACnG;AACA,SAAO,GAAG,QAAQ,GAAG,QAAQ,OAAO,QAAQ,CAAC,IAAI,MAAM,WAAW,GAAG,CAAC,GAAG,WAAW,MAAM,GAAG,EAAE,SAAS,CAAC,CAAC;AAC5G,GAAG,EAAE;AAEF,MAAM,yBAAyB,CAAC,gBAAwB;AAE7D,QAAM,8BAA8B,YAAY,MAAM,WAAW,EAAE,MAAM,CAAC;AAE1E,SAAO,MAAM,4BAA4B,IAAI,CAAC,SAAS,KAAK,YAAY,CAAC,EAAE,KAAK,GAAG,CAAC;AACtF;AAEO,MAAM,wBAAwB,CAAC,gBACpC,KAAK,YAAY,MAAM,CAAC,EAAE,MAAM,GAAG,EAAE,IAAI,UAAU,EAAE,KAAK,EAAE,CAAC;AAExD,MAAM,0BAA0B,CACrC,eACA,eAC2B;AAC3B,QAAM,MAAM,CAAC;AACb,SAAO,KAAK,UAAU,EAAE,QAAQ,CAAC,aAAa;AAC5C,UAAM,cAAc,GAAG,aAAa,IAAI,WAAW,QAAQ,CAAC;AAC5D,QAAI,QAAQ,IAAI,uBAAuB,WAAW;AAAA,EACpD,CAAC;AACD,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/styled/styledFunction.js CHANGED Viewed

@@ -88,6 +88,7 @@ const styledFunction = (tag, options = defaultOptions) => {
       const propsWithRefMerged = {
         ...restProps,
         ...resultingObjectWithCallbackMerged,
+        // ref: ref,
         ref: mergedRef,
         innerRef: mergedRef
       };

package/dist/cjs/styled/styledFunction.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/styled/styledFunction.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable no-unused-vars */\n/* eslint-disable @typescript-eslint/ban-types */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { AnyStyledComponent, ThemedStyledFunction } from 'styled-components';\nimport { checkNamingConvention } from './checkNamingConvention.js';\nimport { styled as baseStyled } from './system.js';\nimport { dsStyledComponentTransform, magicCssTransform } from './transformers/index.js';\nimport type {\n  AnyStyledRef,\n  Options,\n  OwnerInterface,\n  InnerRefInterface,\n  Theme,\n  ThemedStyledFunctionBase,\n} from './types.js';\nimport { coerceWithDefaultTheme } from './coerceWithDefaultTheme.js';\nimport { genStyleOverridesExpression, genVariantOverridesExpression } from './expressions/index.js';\nimport { fixStyleArg } from './fixStyleArg.js';\nimport { generateAutoCalculated } from './generated-attributes/index.js';\nimport { getPartProps } from './generated-attributes/generateAttributes.js';\nimport { mergeRefs } from './generated-attributes/utils/refMerger.js';\nimport { displayNameToKebabCase, displayNameToPropCase } from './helpers.js';\nimport React, { useMemo } from 'react';\nimport { callbackMerger } from './generated-attributes/utils/callbackMerger.js';\n\nconst defaultOptions: Options = {\n  name: null,\n  slot: null,\n};\n\nexport const styledFunction = <C extends AnyStyledComponent | keyof JSX.IntrinsicElements | React.ComponentType<any>>(\n  tag: C,\n  options: Options = defaultOptions,\n) => {\n  const { name: componentName, slot: componentSlot } = options;\n\n  checkNamingConvention(componentName, componentSlot);\n\n  // Here we use the `as` because when C is keyof JSX.IntrinsicElements we get `never` for the attributes generic\n  // We want to account for string | number | symbol that's why we transform it to `keyof any`\n  const baseStyledResolver = baseStyled(tag) as unknown as ThemedStyledFunction<C, Theme, {}, keyof any>;\n\n  // Due to the recursive natura of this function, we can't type it properly\n  // Since we can apply .attrs or .withConfig, we are not sure on the type of the returned function\n  // @ts-expect-error explained above\n  const dsStyledResolver: ThemedStyledFunctionBase<C, Theme> = (styleArg, ...expressions) => {\n    /**\n     * Here we apply a transformation to the expressions only.\n     * Since this resolver is returning a HOC of a styled-component, the syntax support for\n     * selecting the className of another styled-component is not available anymore.\n     * That's why we assign it a `dsStyledComponnentId`, we will replace the component's call for\n     * the corresponding id\n     */\n    const expressionsWithDsStyledComponentId = dsStyledComponentTransform(expressions);\n\n    /**\n     * Here we apply a CSS transformation to support MAGIC styled components\n     * This makes it possible to use the following syntax:\n     * color: neutral-100;\n     * background-color: success-900;\n     */\n    const [styleArgWithMagic, expressionsWithMagic] = magicCssTransform(styleArg, expressionsWithDsStyledComponentId);\n\n    /**\n     * We coerce all the already written expressions with the default theme\n     * This prevents styled components to break when a theme is not provided\n     * either with the HOC or the ThemeProvider\n     */\n    const expressionsWithThemeCoerced = coerceWithDefaultTheme(expressionsWithMagic);\n\n    if (componentName && componentSlot) {\n      // Here we add the style overrides expression\n      expressionsWithThemeCoerced.push(genStyleOverridesExpression(componentName, componentSlot));\n    }\n\n    if (componentName && componentSlot === 'root') {\n      // Here we add the variant overrides from the user (only for the root slot\n      expressionsWithThemeCoerced.push(genVariantOverridesExpression(componentName));\n    }\n\n    /**\n     * Here we will fix the format of the style argument\n     * We possible added some new expressions into the mix,\n     * so we need to properly adjust the style arg\n     */\n    const numOfExpressionsAdded = expressionsWithThemeCoerced.length - expressionsWithMagic.length;\n\n    const fixedStyleArg = fixStyleArg(styleArgWithMagic, numOfExpressionsAdded);\n\n    // We will add autocalculated attributes to the styled component\n    const [displayName, attributes] = generateAutoCalculated(options);\n\n    // For each attribute function, we will call `attrs` func with it\n    // This will add the attributes to the styled component\n    const baseStyledResolverWithAttributes = attributes.reduce<typeof baseStyledResolver>(\n      (curStyledResolver, attributeFunc) => curStyledResolver.attrs(attributeFunc),\n      baseStyledResolver,\n    );\n\n    const Component = baseStyledResolverWithAttributes(fixedStyleArg, ...expressionsWithThemeCoerced);\n\n    const ComponentWithRefsMerged = (props: OwnerInterface & InnerRefInterface<C> & { 'data-testid'?: string }) => {\n      // we may or not have data-testid at this point, so we need to calculate it\n      const dataTestId = props['data-testid'] ?? (displayName !== null ? displayNameToKebabCase(displayName) : '');\n      // we also need to calculate dataDimsumSlot at this point\n      const dataDimsumSlot = displayName !== null ? displayNameToPropCase(displayName) : '';\n      // then we get the part props for this slot, and we cast it to use refs\n      const partProps = getPartProps({\n        ...props,\n        'data-testid': dataTestId,\n        'data-dimsum-slot': dataDimsumSlot,\n      }) as {\n        innerRef?: AnyStyledRef<HTMLElement>;\n      };\n\n      // then we merge the callbacks from the props with the ones from the part\n      // this object also has all global props from the parts\n      const resultingObjectWithCallbackMerged = callbackMerger(props, partProps);\n\n      const mergedRef = useMemo(\n        () => mergeRefs(props.innerRef, partProps.innerRef),\n        [props.innerRef, partProps.innerRef],\n      );\n\n      // We don't want to pass the owner props to the component down the line\n      const { getOwnerProps, getOwnerPropsArguments, ...restProps } = props;\n\n      const propsWithRefMerged = {\n        ...restProps,\n        ...resultingObjectWithCallbackMerged,\n        ref: mergedRef,\n        innerRef: mergedRef,\n      } as React.ComponentProps<C>;\n\n      // TODO: check if we need to pass the ref to the component\n      // Check $$typeof to see if it's a react-forward-ref\n      // Check dsStyledComponentId to see if it's a styled component\n      // Check what to do with span, div, etc.\n      // Other cases should not receive ref...?\n\n      return <Component {...propsWithRefMerged} />;\n    };\n\n    if (displayName !== null) {\n      Component.displayName = displayName;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore We use dsStyledComponent to access the original's component id\n    ComponentWithRefsMerged.dsStyledComponentId = Component.styledComponentId as string;\n    ComponentWithRefsMerged.toString = Component.toString;\n\n    return ComponentWithRefsMerged;\n  };\n\n  // Here we use arrow functions to preserve the `this` context\n  const styledAttributes = {\n    attrs: ((...args) => {\n      baseStyledResolver.attrs(...args);\n      return dsStyledResolver;\n    }) as (typeof baseStyledResolver)['attrs'],\n    withConfig: ((...args) => {\n      baseStyledResolver.withConfig(...args);\n      return dsStyledResolver;\n    }) as (typeof baseStyledResolver)['withConfig'],\n  };\n\n  return Object.assign(dsStyledResolver, styledAttributes);\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD4IV;AAxIb,mCAAsC;AACtC,oBAAqC;AACrC,0BAA8D;AAS9D,oCAAuC;AACvC,yBAA2E;AAC3E,yBAA4B;AAC5B,kCAAuC;AACvC,gCAA6B;AAC7B,uBAA0B;AAC1B,qBAA8D;AAC9D,mBAA+B;AAC/B,4BAA+B;AAE/B,MAAM,iBAA0B;AAAA,EAC9B,MAAM;AAAA,EACN,MAAM;AACR;AAEO,MAAM,iBAAiB,CAC5B,KACA,UAAmB,mBAChB;AACH,QAAM,EAAE,MAAM,eAAe,MAAM,cAAc,IAAI;AAErD,0DAAsB,eAAe,aAAa;AAIlD,QAAM,yBAAqB,cAAAA,QAAW,GAAG;AAKzC,QAAM,mBAAuD,CAAC,aAAa,gBAAgB;AAQzF,UAAM,yCAAqC,gDAA2B,WAAW;AAQjF,UAAM,CAAC,mBAAmB,oBAAoB,QAAI,uCAAkB,UAAU,kCAAkC;AAOhH,UAAM,kCAA8B,sDAAuB,oBAAoB;AAE/E,QAAI,iBAAiB,eAAe;AAElC,kCAA4B,SAAK,gDAA4B,eAAe,aAAa,CAAC;AAAA,IAC5F;AAEA,QAAI,iBAAiB,kBAAkB,QAAQ;AAE7C,kCAA4B,SAAK,kDAA8B,aAAa,CAAC;AAAA,IAC/E;AAOA,UAAM,wBAAwB,4BAA4B,SAAS,qBAAqB;AAExF,UAAM,oBAAgB,gCAAY,mBAAmB,qBAAqB;AAG1E,UAAM,CAAC,aAAa,UAAU,QAAI,oDAAuB,OAAO;AAIhE,UAAM,mCAAmC,WAAW;AAAA,MAClD,CAAC,mBAAmB,kBAAkB,kBAAkB,MAAM,aAAa;AAAA,MAC3E;AAAA,IACF;AAEA,UAAM,YAAY,iCAAiC,eAAe,GAAG,2BAA2B;AAEhG,UAAM,0BAA0B,CAAC,UAA8E;AAE7G,YAAM,aAAa,MAAM,aAAa,MAAM,gBAAgB,WAAO,uCAAuB,WAAW,IAAI;AAEzG,YAAM,iBAAiB,gBAAgB,WAAO,sCAAsB,WAAW,IAAI;AAEnF,YAAM,gBAAY,wCAAa;AAAA,QAC7B,GAAG;AAAA,QACH,eAAe;AAAA,QACf,oBAAoB;AAAA,MACtB,CAAC;AAMD,YAAM,wCAAoC,sCAAe,OAAO,SAAS;AAEzE,YAAM,gBAAY;AAAA,QAChB,UAAM,4BAAU,MAAM,UAAU,UAAU,QAAQ;AAAA,QAClD,CAAC,MAAM,UAAU,UAAU,QAAQ;AAAA,MACrC;AAGA,YAAM,EAAE,eAAe,wBAAwB,GAAG,UAAU,IAAI;AAEhE,YAAM,qBAAqB;AAAA,QACzB,GAAG;AAAA,QACH,GAAG;AAAA,QACH,KAAK;AAAA,QACL,UAAU;AAAA,MACZ;AAQA,aAAO,4CAAC,aAAW,GAAG,oBAAoB;AAAA,IAC5C;AAEA,QAAI,gBAAgB,MAAM;AACxB,gBAAU,cAAc;AAAA,IAC1B;AAIA,4BAAwB,sBAAsB,UAAU;AACxD,4BAAwB,WAAW,UAAU;AAE7C,WAAO;AAAA,EACT;AAGA,QAAM,mBAAmB;AAAA,IACvB,OAAQ,IAAI,SAAS;AACnB,yBAAmB,MAAM,GAAG,IAAI;AAChC,aAAO;AAAA,IACT;AAAA,IACA,YAAa,IAAI,SAAS;AACxB,yBAAmB,WAAW,GAAG,IAAI;AACrC,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO,OAAO,OAAO,kBAAkB,gBAAgB;AACzD;",
+  "sourcesContent": ["/* eslint-disable no-unused-vars */\n/* eslint-disable @typescript-eslint/ban-types */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { AnyStyledComponent, ThemedStyledFunction } from 'styled-components';\nimport { checkNamingConvention } from './checkNamingConvention.js';\nimport { styled as baseStyled } from './system.js';\nimport { dsStyledComponentTransform, magicCssTransform } from './transformers/index.js';\nimport type {\n  AnyStyledRef,\n  Options,\n  OwnerInterface,\n  InnerRefInterface,\n  Theme,\n  ThemedStyledFunctionBase,\n} from './types.js';\nimport { coerceWithDefaultTheme } from './coerceWithDefaultTheme.js';\nimport { genStyleOverridesExpression, genVariantOverridesExpression } from './expressions/index.js';\nimport { fixStyleArg } from './fixStyleArg.js';\nimport { generateAutoCalculated } from './generated-attributes/index.js';\nimport { getPartProps } from './generated-attributes/generateAttributes.js';\nimport { mergeRefs } from './generated-attributes/utils/refMerger.js';\nimport { displayNameToKebabCase, displayNameToPropCase } from './helpers.js';\nimport React, { useMemo } from 'react';\nimport { callbackMerger } from './generated-attributes/utils/callbackMerger.js';\n\nconst defaultOptions: Options = {\n  name: null,\n  slot: null,\n};\n\nexport const styledFunction = <C extends AnyStyledComponent | keyof JSX.IntrinsicElements | React.ComponentType<any>>(\n  tag: C,\n  options: Options = defaultOptions,\n) => {\n  const { name: componentName, slot: componentSlot } = options;\n\n  checkNamingConvention(componentName, componentSlot);\n\n  // Here we use the `as` because when C is keyof JSX.IntrinsicElements we get `never` for the attributes generic\n  // We want to account for string | number | symbol that's why we transform it to `keyof any`\n  const baseStyledResolver = baseStyled(tag) as unknown as ThemedStyledFunction<C, Theme, {}, keyof any>;\n\n  // Due to the recursive natura of this function, we can't type it properly\n  // Since we can apply .attrs or .withConfig, we are not sure on the type of the returned function\n  // @ts-expect-error explained above\n  const dsStyledResolver: ThemedStyledFunctionBase<C, Theme> = (styleArg, ...expressions) => {\n    /**\n     * Here we apply a transformation to the expressions only.\n     * Since this resolver is returning a HOC of a styled-component, the syntax support for\n     * selecting the className of another styled-component is not available anymore.\n     * That's why we assign it a `dsStyledComponnentId`, we will replace the component's call for\n     * the corresponding id\n     */\n    const expressionsWithDsStyledComponentId = dsStyledComponentTransform(expressions);\n\n    /**\n     * Here we apply a CSS transformation to support MAGIC styled components\n     * This makes it possible to use the following syntax:\n     * color: neutral-100;\n     * background-color: success-900;\n     */\n    const [styleArgWithMagic, expressionsWithMagic] = magicCssTransform(styleArg, expressionsWithDsStyledComponentId);\n\n    /**\n     * We coerce all the already written expressions with the default theme\n     * This prevents styled components to break when a theme is not provided\n     * either with the HOC or the ThemeProvider\n     */\n    const expressionsWithThemeCoerced = coerceWithDefaultTheme(expressionsWithMagic);\n\n    if (componentName && componentSlot) {\n      // Here we add the style overrides expression\n      expressionsWithThemeCoerced.push(genStyleOverridesExpression(componentName, componentSlot));\n    }\n\n    if (componentName && componentSlot === 'root') {\n      // Here we add the variant overrides from the user (only for the root slot\n      expressionsWithThemeCoerced.push(genVariantOverridesExpression(componentName));\n    }\n\n    /**\n     * Here we will fix the format of the style argument\n     * We possible added some new expressions into the mix,\n     * so we need to properly adjust the style arg\n     */\n    const numOfExpressionsAdded = expressionsWithThemeCoerced.length - expressionsWithMagic.length;\n\n    const fixedStyleArg = fixStyleArg(styleArgWithMagic, numOfExpressionsAdded);\n\n    // We will add autocalculated attributes to the styled component\n    const [displayName, attributes] = generateAutoCalculated(options);\n\n    // For each attribute function, we will call `attrs` func with it\n    // This will add the attributes to the styled component\n    const baseStyledResolverWithAttributes = attributes.reduce<typeof baseStyledResolver>(\n      (curStyledResolver, attributeFunc) => curStyledResolver.attrs(attributeFunc),\n      baseStyledResolver,\n    );\n\n    const Component = baseStyledResolverWithAttributes(fixedStyleArg, ...expressionsWithThemeCoerced);\n\n    const ComponentWithRefsMerged = (props: OwnerInterface & InnerRefInterface<C> & { 'data-testid'?: string }) => {\n      // we may or not have data-testid at this point, so we need to calculate it\n      const dataTestId = props['data-testid'] ?? (displayName !== null ? displayNameToKebabCase(displayName) : '');\n      // we also need to calculate dataDimsumSlot at this point\n      const dataDimsumSlot = displayName !== null ? displayNameToPropCase(displayName) : '';\n      // then we get the part props for this slot, and we cast it to use refs\n      const partProps = getPartProps({\n        ...props,\n        'data-testid': dataTestId,\n        'data-dimsum-slot': dataDimsumSlot,\n      }) as {\n        innerRef?: AnyStyledRef<HTMLElement>;\n      };\n\n      // then we merge the callbacks from the props with the ones from the part\n      // this object also has all global props from the parts\n      const resultingObjectWithCallbackMerged = callbackMerger(props, partProps);\n\n      const mergedRef = useMemo(\n        () => mergeRefs(props.innerRef, partProps.innerRef),\n        [props.innerRef, partProps.innerRef],\n      );\n\n      // We don't want to pass the owner props to the component down the line\n      const { getOwnerProps, getOwnerPropsArguments, ...restProps } = props;\n      // TODO:\n      // deploy the following code and see if we break something in a dedicated effort ASAP\n      // let ref = undefined;\n      // eslint-disable-next-line  @typescript-eslint/ban-ts-comment\n      // @ts-ignore : as of thue 16 may 2024, Component.target.$$typeof is undefined for non-native react components\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      // if (typeof Component?.target === 'string') {\n      //   ref = mergedRef;\n      // }\n\n      const propsWithRefMerged = {\n        ...restProps,\n        ...resultingObjectWithCallbackMerged,\n        // ref: ref,\n        ref: mergedRef,\n        innerRef: mergedRef,\n      } as React.ComponentProps<C>;\n\n      // TODO: check if we need to pass the ref to the component\n      // Check $$typeof to see if it's a react-forward-ref\n      // Check dsStyledComponentId to see if it's a styled component\n      // Check what to do with span, div, etc.\n      // Other cases should not receive ref...?\n\n      return <Component {...propsWithRefMerged} />;\n    };\n\n    if (displayName !== null) {\n      Component.displayName = displayName;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore We use dsStyledComponent to access the original's component id\n    ComponentWithRefsMerged.dsStyledComponentId = Component.styledComponentId as string;\n    ComponentWithRefsMerged.toString = Component.toString;\n\n    return ComponentWithRefsMerged;\n  };\n\n  // Here we use arrow functions to preserve the `this` context\n  const styledAttributes = {\n    attrs: ((...args) => {\n      baseStyledResolver.attrs(...args);\n      return dsStyledResolver;\n    }) as (typeof baseStyledResolver)['attrs'],\n    withConfig: ((...args) => {\n      baseStyledResolver.withConfig(...args);\n      return dsStyledResolver;\n    }) as (typeof baseStyledResolver)['withConfig'],\n  };\n\n  return Object.assign(dsStyledResolver, styledAttributes);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsJV;AAlJb,mCAAsC;AACtC,oBAAqC;AACrC,0BAA8D;AAS9D,oCAAuC;AACvC,yBAA2E;AAC3E,yBAA4B;AAC5B,kCAAuC;AACvC,gCAA6B;AAC7B,uBAA0B;AAC1B,qBAA8D;AAC9D,mBAA+B;AAC/B,4BAA+B;AAE/B,MAAM,iBAA0B;AAAA,EAC9B,MAAM;AAAA,EACN,MAAM;AACR;AAEO,MAAM,iBAAiB,CAC5B,KACA,UAAmB,mBAChB;AACH,QAAM,EAAE,MAAM,eAAe,MAAM,cAAc,IAAI;AAErD,0DAAsB,eAAe,aAAa;AAIlD,QAAM,yBAAqB,cAAAA,QAAW,GAAG;AAKzC,QAAM,mBAAuD,CAAC,aAAa,gBAAgB;AAQzF,UAAM,yCAAqC,gDAA2B,WAAW;AAQjF,UAAM,CAAC,mBAAmB,oBAAoB,QAAI,uCAAkB,UAAU,kCAAkC;AAOhH,UAAM,kCAA8B,sDAAuB,oBAAoB;AAE/E,QAAI,iBAAiB,eAAe;AAElC,kCAA4B,SAAK,gDAA4B,eAAe,aAAa,CAAC;AAAA,IAC5F;AAEA,QAAI,iBAAiB,kBAAkB,QAAQ;AAE7C,kCAA4B,SAAK,kDAA8B,aAAa,CAAC;AAAA,IAC/E;AAOA,UAAM,wBAAwB,4BAA4B,SAAS,qBAAqB;AAExF,UAAM,oBAAgB,gCAAY,mBAAmB,qBAAqB;AAG1E,UAAM,CAAC,aAAa,UAAU,QAAI,oDAAuB,OAAO;AAIhE,UAAM,mCAAmC,WAAW;AAAA,MAClD,CAAC,mBAAmB,kBAAkB,kBAAkB,MAAM,aAAa;AAAA,MAC3E;AAAA,IACF;AAEA,UAAM,YAAY,iCAAiC,eAAe,GAAG,2BAA2B;AAEhG,UAAM,0BAA0B,CAAC,UAA8E;AAE7G,YAAM,aAAa,MAAM,aAAa,MAAM,gBAAgB,WAAO,uCAAuB,WAAW,IAAI;AAEzG,YAAM,iBAAiB,gBAAgB,WAAO,sCAAsB,WAAW,IAAI;AAEnF,YAAM,gBAAY,wCAAa;AAAA,QAC7B,GAAG;AAAA,QACH,eAAe;AAAA,QACf,oBAAoB;AAAA,MACtB,CAAC;AAMD,YAAM,wCAAoC,sCAAe,OAAO,SAAS;AAEzE,YAAM,gBAAY;AAAA,QAChB,UAAM,4BAAU,MAAM,UAAU,UAAU,QAAQ;AAAA,QAClD,CAAC,MAAM,UAAU,UAAU,QAAQ;AAAA,MACrC;AAGA,YAAM,EAAE,eAAe,wBAAwB,GAAG,UAAU,IAAI;AAWhE,YAAM,qBAAqB;AAAA,QACzB,GAAG;AAAA,QACH,GAAG;AAAA;AAAA,QAEH,KAAK;AAAA,QACL,UAAU;AAAA,MACZ;AAQA,aAAO,4CAAC,aAAW,GAAG,oBAAoB;AAAA,IAC5C;AAEA,QAAI,gBAAgB,MAAM;AACxB,gBAAU,cAAc;AAAA,IAC1B;AAIA,4BAAwB,sBAAsB,UAAU;AACxD,4BAAwB,WAAW,UAAU;AAE7C,WAAO;AAAA,EACT;AAGA,QAAM,mBAAmB;AAAA,IACvB,OAAQ,IAAI,SAAS;AACnB,yBAAmB,MAAM,GAAG,IAAI;AAChC,aAAO;AAAA,IACT;AAAA,IACA,YAAa,IAAI,SAAS;AACxB,yBAAmB,WAAW,GAAG,IAAI;AACrC,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO,OAAO,OAAO,kBAAkB,gBAAgB;AACzD;",
   "names": ["baseStyled"]
 }

package/dist/cjs/styled/system-utilities/background.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/styled/system-utilities/background.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { style, compose, type ThemeGetter } from '@xstyled/system';\nimport { th } from '../../th.js';\nimport type { PropsWithTheme } from '../types.js';\nimport type { BackgroundProps } from '../system-types.js';\n\ninterface DSThemeGetter extends ThemeGetter {\n  (value: string): (props: PropsWithTheme) => string;\n  meta: Record<string, unknown>;\n}\n\nconst bgColorGetter: DSThemeGetter = (value: string) => (props) => `${th.color(value, value)(props as PropsWithTheme)}`;\n\nbgColorGetter.meta = {};\n\nconst bg = style({\n  prop: ['backgroundColor', 'bg'],\n  css: 'background-color',\n  themeGet: bgColorGetter,\n});\n\nexport const background = compose<BackgroundProps>(bg);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAAiD;AACjD,gBAAmB;AASnB,MAAM,gBAA+B,CAAC,UAAkB,CAAC,UAAU,GAAG,aAAG,MAAM,OAAO,KAAK,EAAE,KAAuB;AAEpH,cAAc,OAAO,CAAC;AAEtB,MAAM,SAAK,qBAAM;AAAA,EACf,MAAM,CAAC,mBAAmB,IAAI;AAAA,EAC9B,KAAK;AAAA,EACL,UAAU;AACZ,CAAC;AAEM,MAAM,iBAAa,uBAAyB,EAAE;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAAiD;AACjD,gBAAmB;AASnB,MAAM,gBAA+B,CAAC,UAAkB,CAAC,UAAU,GAAG,aAAG,MAAM,OAAO,KAAK,EAAE,KAAuB,CAAC;AAErH,cAAc,OAAO,CAAC;AAEtB,MAAM,SAAK,qBAAM;AAAA,EACf,MAAM,CAAC,mBAAmB,IAAI;AAAA,EAC9B,KAAK;AAAA,EACL,UAAU;AACZ,CAAC;AAEM,MAAM,iBAAa,uBAAyB,EAAE;",
   "names": []
 }

package/dist/cjs/styled/system-utilities/border.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/styled/system-utilities/border.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable prettier/prettier */\n/* eslint-disable max-lines */\nimport { style, compose, type ThemeGetter } from '@xstyled/system';\nimport { th } from '../../th.js';\nimport type { PropsWithTheme } from '../types.js';\ninterface DSThemeGetter extends ThemeGetter {\n  (value: string): (props: PropsWithTheme) => string;\n}\nconst colorReg = /(?:neutral|brand|success|danger|warning)-[0-9]{3}(?:-a[0-9]{2})?/;\n\nconst borderGetter: DSThemeGetter =\n  (value: string) =>\n  (props): string => {\n    const color = value?.match?.(colorReg);\n    let borderCss = ``;\n\n    if (color) {\n      const widthAndStyle = value.replace(color[0], '').trim();\n      borderCss = `${th.color(color[0])(props as PropsWithTheme)} ${widthAndStyle}`;\n    } else {\n      borderCss = value;\n    }\n\n    return borderCss;\n  };\n\nborderGetter.meta = {};\n\nconst borderColorGetter: DSThemeGetter =\n  (value: string) =>\n  (props): string =>\n    `${th.color(value, value)(props as PropsWithTheme)}`;\n\nborderColorGetter.meta = {};\n\nfunction borderStyleGetter(value: string) {\n  return (): string => value;\n}\n\nborderStyleGetter.meta = {};\n\nconst borderWidthGetter: DSThemeGetter =\n  (value: string) =>\n  (props): string =>\n    `${th.space(value, value)(props as PropsWithTheme)}`;\n\nborderWidthGetter.meta = {};\n\nconst borderRadiusGetter: DSThemeGetter =\n  (value: string) =>\n  (props): string =>\n    `${th.space(value, value)(props as PropsWithTheme)}`;\n\nborderRadiusGetter.meta = {};\n\nconst border = style({\n  prop: 'border',\n  css: 'border',\n  themeGet: borderGetter,\n});\n\nconst borderTop = style({\n  prop: 'borderTop',\n  css: 'border-top',\n  themeGet: borderGetter,\n});\n\nconst borderBottom = style({\n  prop: 'borderBottom',\n  css: 'border-bottom',\n  themeGet: borderGetter,\n});\n\nconst borderRight = style({\n  prop: 'borderRight',\n  css: 'border-right',\n  themeGet: borderGetter,\n});\n\nconst borderLeft = style({\n  prop: 'borderLeft',\n  css: 'border-left',\n  themeGet: borderGetter,\n});\n\nconst borderColor = style({\n  prop: 'borderColor',\n  css: 'border-color',\n  themeGet: borderColorGetter,\n});\n\nconst borderTopColor = style({\n  prop: 'borderTopColor',\n  css: 'border-top-color',\n  themeGet: borderColorGetter,\n});\n\nconst borderBottomColor = style({\n  prop: 'borderBottomColor',\n  css: 'border-bottom-color',\n  themeGet: borderColorGetter,\n});\n\nconst borderRightColor = style({\n  prop: 'borderRightColor',\n  css: 'border-right-color',\n  themeGet: borderColorGetter,\n});\n\nconst borderLeftColor = style({\n  prop: 'borderLeftColor',\n  css: 'border-left-color',\n  themeGet: borderColorGetter,\n});\n\nconst borderStyle = style({\n  prop: 'borderStyle',\n  css: 'border-style',\n  themeGet: borderStyleGetter,\n});\n\nconst borderTopStyle = style({\n  prop: 'borderTopStyle',\n  css: 'border-top-style',\n  themeGet: borderStyleGetter,\n});\n\nconst borderBottomStyle = style({\n  prop: 'borderBottomStyle',\n  css: 'border-bottom-style',\n  themeGet: borderStyleGetter,\n});\n\nconst borderRightStyle = style({\n  prop: 'borderRightStyle',\n  css: 'border-right-style',\n  themeGet: borderStyleGetter,\n});\n\nconst borderLeftStyle = style({\n  prop: 'borderLeftStyle',\n  css: 'border-left-style',\n  themeGet: borderStyleGetter,\n});\n\nconst borderWidth = style({\n  prop: 'borderWidth',\n  css: 'border-width',\n  themeGet: borderWidthGetter,\n});\n\nconst borderTopWidth = style({\n  prop: 'borderTopWidth',\n  css: 'border-top-width',\n  themeGet: borderWidthGetter,\n});\n\nconst borderBottomWidth = style({\n  prop: 'borderBottomWidth',\n  css: 'border-bottom-width',\n  themeGet: borderWidthGetter,\n});\n\nconst borderRightWidth = style({\n  prop: 'borderRightWidth',\n  css: 'border-right-width',\n  themeGet: borderWidthGetter,\n});\n\nconst borderLeftWidth = style({\n  prop: 'borderLeftWidth',\n  css: 'border-left-width',\n  themeGet: borderWidthGetter,\n});\n\nconst borderRadius = style({\n  prop: 'borderRadius',\n  css: 'border-radius',\n  themeGet: borderRadiusGetter,\n});\n\nexport const borders = compose(\n  border,\n  borderTop,\n  borderBottom,\n  borderLeft,\n  borderRight,\n  borderColor,\n  borderTopColor,\n  borderBottomColor,\n  borderLeftColor,\n  borderRightColor,\n  borderStyle,\n  borderTopStyle,\n  borderBottomStyle,\n  borderLeftStyle,\n  borderRightStyle,\n  borderWidth,\n  borderTopWidth,\n  borderBottomWidth,\n  borderLeftWidth,\n  borderRightWidth,\n  borderRadius,\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/styled/system-utilities/color.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/styled/system-utilities/color.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import type { Theme, Props } from '@xstyled/system';\nimport { style, compose } from '@xstyled/system';\nimport { th } from '../../th.js';\nimport type { PropsWithTheme } from '../types.js';\nimport type { ColorProps } from '../system-types.js';\n\nfunction colorGetter(value: string) {\n  return (props: PropsWithTheme | Props<Theme>): string => `${th.color(value, value)(props as PropsWithTheme)}`;\n}\n\ncolorGetter.meta = {};\n\nconst colorStyled = style<ColorProps>({\n  prop: ['color'],\n  css: ['color'],\n  themeGet: colorGetter,\n});\n\nexport const color = compose(colorStyled);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,oBAA+B;AAC/B,gBAAmB;AAInB,SAAS,YAAY,OAAe;AAClC,SAAO,CAAC,UAAiD,GAAG,aAAG,MAAM,OAAO,KAAK,EAAE,KAAuB;AAC5G;AAEA,YAAY,OAAO,CAAC;AAEpB,MAAM,kBAAc,qBAAkB;AAAA,EACpC,MAAM,CAAC,OAAO;AAAA,EACd,KAAK,CAAC,OAAO;AAAA,EACb,UAAU;AACZ,CAAC;AAEM,MAAM,YAAQ,uBAAQ,WAAW;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,oBAA+B;AAC/B,gBAAmB;AAInB,SAAS,YAAY,OAAe;AAClC,SAAO,CAAC,UAAiD,GAAG,aAAG,MAAM,OAAO,KAAK,EAAE,KAAuB,CAAC;AAC7G;AAEA,YAAY,OAAO,CAAC;AAEpB,MAAM,kBAAc,qBAAkB;AAAA,EACpC,MAAM,CAAC,OAAO;AAAA,EACd,KAAK,CAAC,OAAO;AAAA,EACb,UAAU;AACZ,CAAC;AAEM,MAAM,YAAQ,uBAAQ,WAAW;",
   "names": []
 }

package/dist/cjs/styled/transformers/dsStyledComponentTransform.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/styled/transformers/dsStyledComponentTransform.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import type { Expressions } from '../types.js';\n\ntype DSStyledComponentTransform = (expressions: Expressions) => Expressions;\n\nexport const dsStyledComponentTransform: DSStyledComponentTransform = (expressions) =>\n  expressions.map((expression) => {\n    if (typeof expression === 'function' && 'dsStyledComponentId' in expression) {\n      return () => `.${expression.dsStyledComponentId as string}`;\n    }\n    return expression;\n  });\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIhB,MAAM,6BAAyD,CAAC,gBACrE,YAAY,IAAI,CAAC,eAAe;AAC9B,MAAI,OAAO,eAAe,cAAc,yBAAyB,YAAY;AAC3E,WAAO,MAAM,IAAI,WAAW;AAAA,EAC9B;AACA,SAAO;AACT,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIhB,MAAM,6BAAyD,CAAC,gBACrE,YAAY,IAAI,CAAC,eAAe;AAC9B,MAAI,OAAO,eAAe,cAAc,yBAAyB,YAAY;AAC3E,WAAO,MAAM,IAAI,WAAW,mBAA6B;AAAA,EAC3D;AACA,SAAO;AACT,CAAC;",
   "names": []
 }

package/dist/cjs/styled/transformers/magicCssTransform.js CHANGED Viewed

@@ -49,8 +49,7 @@ const magicfyCss = (rawValue) => {
   return [splittedValue, themeGetters];
 };
 const magicCssTransform = (styleArg, expressions) => {
-  if (!Array.isArray(styleArg))
-    return [styleArg, expressions];
+  if (!Array.isArray(styleArg)) return [styleArg, expressions];
   const magicStyleArg = [];
   const magicExpressions = [];
   const templateStringArray = styleArg;
@@ -58,8 +57,7 @@ const magicCssTransform = (styleArg, expressions) => {
     const [splittedTemplateString, themeGetters] = magicfyCss(templateString);
     magicStyleArg.push(...splittedTemplateString);
     magicExpressions.push(...themeGetters);
-    if (index < expressions.length)
-      magicExpressions.push(expressions[index]);
+    if (index < expressions.length) magicExpressions.push(expressions[index]);
   });
   return [Object.assign(magicStyleArg, { raw: [...magicStyleArg] }), magicExpressions];
 };

package/dist/cjs/styled/transformers/magicCssTransform.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/styled/transformers/magicCssTransform.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { th } from '../../th.js';\nimport type { Expressions, StyleArg } from '../types.js';\n\ntype MagicCssTransform = (styleArg: StyleArg, expressions: Expressions) => [StyleArg, Expressions];\n\n// This file is heavily inspired by https://github.com/gregberge/xstyled/blob/c0c92b459bb3a5de46d7854be3667861f816baa5/packages/core/src/transform.ts#L65\n// Please refer to that file to understand of the idea of the css transformer\n\nconst COLOR_REGEX = /(neutral|brand|success|warning|danger)-(100|200|300|400|500|600|700|800|900|000|050|080)/g;\n\nconst magicfyCss = (rawValue: string): [string[], Expressions] => {\n  let matches;\n  let lastIndex = 0;\n  const splittedValue: string[] = [];\n  const themeGetters = [];\n  while ((matches = COLOR_REGEX.exec(rawValue))) {\n    const [match] = matches;\n    splittedValue.push(rawValue.slice(lastIndex, matches.index));\n\n    themeGetters.push(th.color(match, match));\n\n    lastIndex = matches.index + match.length;\n  }\n  splittedValue.push(rawValue.slice(lastIndex, rawValue.length));\n  return [splittedValue, themeGetters];\n};\n\nexport const magicCssTransform: MagicCssTransform = (styleArg, expressions) => {\n  if (!Array.isArray(styleArg)) return [styleArg, expressions];\n\n  const magicStyleArg: string[] = [];\n  const magicExpressions: Expressions = [];\n\n  const templateStringArray = styleArg as TemplateStringsArray;\n\n  templateStringArray.forEach((templateString, index) => {\n    const [splittedTemplateString, themeGetters] = magicfyCss(templateString);\n    magicStyleArg.push(...splittedTemplateString);\n    magicExpressions.push(...themeGetters);\n    if (index < expressions.length) magicExpressions.push(expressions[index]);\n  });\n\n  return [Object.assign(magicStyleArg, { raw: [...magicStyleArg] }), magicExpressions];\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,gBAAmB;AAQnB,MAAM,cAAc;AAEpB,MAAM,aAAa,CAAC,aAA8C;AAChE,MAAI;AACJ,MAAI,YAAY;AAChB,QAAM,gBAA0B,CAAC;AACjC,QAAM,eAAe,CAAC;AACtB,SAAQ,UAAU,YAAY,KAAK,QAAQ,GAAI;AAC7C,UAAM,CAAC,KAAK,IAAI;AAChB,kBAAc,KAAK,SAAS,MAAM,WAAW,QAAQ,KAAK,CAAC;AAE3D,iBAAa,KAAK,aAAG,MAAM,OAAO,KAAK,CAAC;AAExC,gBAAY,QAAQ,QAAQ,MAAM;AAAA,EACpC;AACA,gBAAc,KAAK,SAAS,MAAM,WAAW,SAAS,MAAM,CAAC;AAC7D,SAAO,CAAC,eAAe,YAAY;AACrC;AAEO,MAAM,oBAAuC,CAAC,UAAU,gBAAgB;AAC7E,MAAI,CAAC,MAAM,QAAQ,QAAQ;AAAG,WAAO,CAAC,UAAU,WAAW;AAE3D,QAAM,gBAA0B,CAAC;AACjC,QAAM,mBAAgC,CAAC;AAEvC,QAAM,sBAAsB;AAE5B,sBAAoB,QAAQ,CAAC,gBAAgB,UAAU;AACrD,UAAM,CAAC,wBAAwB,YAAY,IAAI,WAAW,cAAc;AACxE,kBAAc,KAAK,GAAG,sBAAsB;AAC5C,qBAAiB,KAAK,GAAG,YAAY;AACrC,QAAI,QAAQ,YAAY;AAAQ,uBAAiB,KAAK,YAAY,KAAK,CAAC;AAAA,EAC1E,CAAC;AAED,SAAO,CAAC,OAAO,OAAO,eAAe,EAAE,KAAK,CAAC,GAAG,aAAa,EAAE,CAAC,GAAG,gBAAgB;AACrF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,gBAAmB;AAQnB,MAAM,cAAc;AAEpB,MAAM,aAAa,CAAC,aAA8C;AAChE,MAAI;AACJ,MAAI,YAAY;AAChB,QAAM,gBAA0B,CAAC;AACjC,QAAM,eAAe,CAAC;AACtB,SAAQ,UAAU,YAAY,KAAK,QAAQ,GAAI;AAC7C,UAAM,CAAC,KAAK,IAAI;AAChB,kBAAc,KAAK,SAAS,MAAM,WAAW,QAAQ,KAAK,CAAC;AAE3D,iBAAa,KAAK,aAAG,MAAM,OAAO,KAAK,CAAC;AAExC,gBAAY,QAAQ,QAAQ,MAAM;AAAA,EACpC;AACA,gBAAc,KAAK,SAAS,MAAM,WAAW,SAAS,MAAM,CAAC;AAC7D,SAAO,CAAC,eAAe,YAAY;AACrC;AAEO,MAAM,oBAAuC,CAAC,UAAU,gBAAgB;AAC7E,MAAI,CAAC,MAAM,QAAQ,QAAQ,EAAG,QAAO,CAAC,UAAU,WAAW;AAE3D,QAAM,gBAA0B,CAAC;AACjC,QAAM,mBAAgC,CAAC;AAEvC,QAAM,sBAAsB;AAE5B,sBAAoB,QAAQ,CAAC,gBAAgB,UAAU;AACrD,UAAM,CAAC,wBAAwB,YAAY,IAAI,WAAW,cAAc;AACxE,kBAAc,KAAK,GAAG,sBAAsB;AAC5C,qBAAiB,KAAK,GAAG,YAAY;AACrC,QAAI,QAAQ,YAAY,OAAQ,kBAAiB,KAAK,YAAY,KAAK,CAAC;AAAA,EAC1E,CAAC;AAED,SAAO,CAAC,OAAO,OAAO,eAAe,EAAE,KAAK,CAAC,GAAG,aAAa,EAAE,CAAC,GAAG,gBAAgB;AACrF;",
   "names": []
 }

package/dist/cjs/th.js CHANGED Viewed

@@ -42,14 +42,11 @@ const hexToRgba = (hex, alpha) => {
 };
 const colorGetter = (value, dfault = "") => ({ theme }) => {
   const colorValues = value.split("-");
-  if (colorValues.length === 1)
-    return colorValues[0];
-  if (colorValues.length > 3)
-    return dfault;
+  if (colorValues.length === 1) return colorValues[0];
+  if (colorValues.length > 3) return dfault;
   const [colorType, colorValue, alpha] = colorValues;
   const themeColor = theme.colors && theme.colors[colorType]?.[colorValue];
-  if (!themeColor)
-    return dfault;
+  if (!themeColor) return dfault;
   if (alpha) {
     const alphaFloatingNumber = `0.${alpha.slice(1)}`;
     return hexToRgba(themeColor, alphaFloatingNumber);
@@ -60,8 +57,7 @@ const genericGetter = (property) => (value, dfault = "") => ({ theme }) => {
   const parts = value.split("-");
   let result = theme[property];
   parts.forEach((part) => {
-    if (result)
-      result = result[part];
+    if (result) result = result[part];
   });
   return result ?? dfault;
 };

package/dist/cjs/th.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/th.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable indent */\nimport type { Theme } from '@elliemae/pui-theme';\nimport type { PropsWithTheme } from './styled/index.js';\n\nexport const hexToRgba = (hex: string, alpha: string) => {\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n\n  if (result) {\n    return `rgba(${parseInt(result[1], 16)}, ${parseInt(result[2], 16)}, ${parseInt(result[3], 16)}, ${alpha})`;\n  }\n  return ``;\n};\n\ntype ThemeStringGetter = <T>({ theme }: PropsWithTheme<T>) => string;\n\ntype ThGetter = (value: string, dfault?: string) => ThemeStringGetter;\n\ntype ThConstructor = ((property: keyof Theme) => ThGetter) & {\n  space: ThGetter;\n  fontSize: ThGetter;\n  fontWeight: ThGetter;\n  lineHeight: ThGetter;\n  letterSpacing: ThGetter;\n  font: ThGetter;\n  color: ThGetter;\n  breakpoint: ThGetter;\n  media: ThGetter;\n  zIndex: ThGetter;\n};\n\nconst colorGetter: ThGetter =\n  (value, dfault = '') =>\n  ({ theme }) => {\n    const colorValues = value.split('-');\n\n    if (colorValues.length === 1) return colorValues[0];\n\n    if (colorValues.length > 3) return dfault;\n\n    const [colorType, colorValue, alpha] = colorValues as [\n      keyof Theme['colors'],\n      keyof Theme['colors'][keyof Theme['colors']],\n      string,\n    ];\n\n    const themeColor = theme.colors && theme.colors[colorType]?.[colorValue];\n\n    if (!themeColor) return dfault;\n\n    if (alpha) {\n      const alphaFloatingNumber = `0.${alpha.slice(1)}`;\n\n      return hexToRgba(themeColor, alphaFloatingNumber);\n    }\n\n    return themeColor;\n  };\n\nconst genericGetter =\n  (property: keyof Theme) =>\n  (value: string, dfault = ''): ThemeStringGetter =>\n  ({ theme }) => {\n    const parts = value.split('-');\n    let result = theme[property];\n    parts.forEach((part) => {\n      if (result) result = result[part as keyof typeof result];\n    });\n    return (result as unknown as string) ?? dfault;\n  };\n\nexport const th: ThConstructor = (property): ThGetter => {\n  switch (property) {\n    case 'colors' as keyof Theme:\n      return colorGetter;\n    default:\n      return genericGetter(property);\n  }\n};\n\nth.space = th('space');\nth.fontSize = th('fontSizes');\nth.fontWeight = th('fontWeights');\nth.lineHeight = th('lineHeights');\nth.letterSpacing = th('letterSpacings');\nth.font = th('fonts');\nth.color = th('colors');\nth.breakpoint = th('breakpoints');\nth.media = th('media');\nth.zIndex = th('zIndex');\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIhB,MAAM,YAAY,CAAC,KAAa,UAAkB;AACvD,QAAM,SAAS,4CAA4C,KAAK,GAAG;AAEnE,MAAI,QAAQ;AACV,WAAO,QAAQ,SAAS,OAAO,CAAC,GAAG,EAAE,MAAM,SAAS,OAAO,CAAC,GAAG,EAAE,MAAM,SAAS,OAAO,CAAC,GAAG,EAAE,MAAM;AAAA,EACrG;AACA,SAAO;AACT;AAmBA,MAAM,cACJ,CAAC,OAAO,SAAS,OACjB,CAAC,EAAE,MAAM,MAAM;AACb,QAAM,cAAc,MAAM,MAAM,GAAG;AAEnC,MAAI,YAAY,WAAW;AAAG,WAAO,YAAY,CAAC;AAElD,MAAI,YAAY,SAAS;AAAG,WAAO;AAEnC,QAAM,CAAC,WAAW,YAAY,KAAK,IAAI;AAMvC,QAAM,aAAa,MAAM,UAAU,MAAM,OAAO,SAAS,IAAI,UAAU;AAEvE,MAAI,CAAC;AAAY,WAAO;AAExB,MAAI,OAAO;AACT,UAAM,sBAAsB,KAAK,MAAM,MAAM,CAAC;AAE9C,WAAO,UAAU,YAAY,mBAAmB;AAAA,EAClD;AAEA,SAAO;AACT;AAEF,MAAM,gBACJ,CAAC,aACD,CAAC,OAAe,SAAS,OACzB,CAAC,EAAE,MAAM,MAAM;AACb,QAAM,QAAQ,MAAM,MAAM,GAAG;AAC7B,MAAI,SAAS,MAAM,QAAQ;AAC3B,QAAM,QAAQ,CAAC,SAAS;AACtB,QAAI;AAAQ,eAAS,OAAO,IAA2B;AAAA,EACzD,CAAC;AACD,SAAQ,UAAgC;AAC1C;AAEK,MAAM,KAAoB,CAAC,aAAuB;AACvD,UAAQ,UAAU;AAAA,IAChB,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO,cAAc,QAAQ;AAAA,EACjC;AACF;AAEA,GAAG,QAAQ,GAAG,OAAO;AACrB,GAAG,WAAW,GAAG,WAAW;AAC5B,GAAG,aAAa,GAAG,aAAa;AAChC,GAAG,aAAa,GAAG,aAAa;AAChC,GAAG,gBAAgB,GAAG,gBAAgB;AACtC,GAAG,OAAO,GAAG,OAAO;AACpB,GAAG,QAAQ,GAAG,QAAQ;AACtB,GAAG,aAAa,GAAG,aAAa;AAChC,GAAG,QAAQ,GAAG,OAAO;AACrB,GAAG,SAAS,GAAG,QAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIhB,MAAM,YAAY,CAAC,KAAa,UAAkB;AACvD,QAAM,SAAS,4CAA4C,KAAK,GAAG;AAEnE,MAAI,QAAQ;AACV,WAAO,QAAQ,SAAS,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK;AAAA,EAC1G;AACA,SAAO;AACT;AAmBA,MAAM,cACJ,CAAC,OAAO,SAAS,OACjB,CAAC,EAAE,MAAM,MAAM;AACb,QAAM,cAAc,MAAM,MAAM,GAAG;AAEnC,MAAI,YAAY,WAAW,EAAG,QAAO,YAAY,CAAC;AAElD,MAAI,YAAY,SAAS,EAAG,QAAO;AAEnC,QAAM,CAAC,WAAW,YAAY,KAAK,IAAI;AAMvC,QAAM,aAAa,MAAM,UAAU,MAAM,OAAO,SAAS,IAAI,UAAU;AAEvE,MAAI,CAAC,WAAY,QAAO;AAExB,MAAI,OAAO;AACT,UAAM,sBAAsB,KAAK,MAAM,MAAM,CAAC,CAAC;AAE/C,WAAO,UAAU,YAAY,mBAAmB;AAAA,EAClD;AAEA,SAAO;AACT;AAEF,MAAM,gBACJ,CAAC,aACD,CAAC,OAAe,SAAS,OACzB,CAAC,EAAE,MAAM,MAAM;AACb,QAAM,QAAQ,MAAM,MAAM,GAAG;AAC7B,MAAI,SAAS,MAAM,QAAQ;AAC3B,QAAM,QAAQ,CAAC,SAAS;AACtB,QAAI,OAAQ,UAAS,OAAO,IAA2B;AAAA,EACzD,CAAC;AACD,SAAQ,UAAgC;AAC1C;AAEK,MAAM,KAAoB,CAAC,aAAuB;AACvD,UAAQ,UAAU;AAAA,IAChB,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO,cAAc,QAAQ;AAAA,EACjC;AACF;AAEA,GAAG,QAAQ,GAAG,OAAO;AACrB,GAAG,WAAW,GAAG,WAAW;AAC5B,GAAG,aAAa,GAAG,aAAa;AAChC,GAAG,aAAa,GAAG,aAAa;AAChC,GAAG,gBAAgB,GAAG,gBAAgB;AACtC,GAAG,OAAO,GAAG,OAAO;AACpB,GAAG,QAAQ,GAAG,QAAQ;AACtB,GAAG,aAAa,GAAG,aAAa;AAChC,GAAG,QAAQ,GAAG,OAAO;AACrB,GAAG,SAAS,GAAG,QAAQ;",
   "names": []
 }