@elliemae/ds-system 1.61.12 → 1.61.13

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 (15) hide show
  1. package/cjs/arithmetic.js.map +1 -1
  2. package/cjs/constants.js.map +1 -1
  3. package/cjs/globalStyles.js.map +1 -1
  4. package/cjs/mobileUtilities.js.map +1 -1
  5. package/cjs/spaceUtilities.js.map +1 -1
  6. package/cjs/themeProviderHOC.js.map +1 -1
  7. package/cjs/utils.js.map +1 -1
  8. package/esm/arithmetic.js.map +1 -1
  9. package/esm/constants.js.map +1 -1
  10. package/esm/globalStyles.js.map +1 -1
  11. package/esm/mobileUtilities.js.map +1 -1
  12. package/esm/spaceUtilities.js.map +1 -1
  13. package/esm/themeProviderHOC.js.map +1 -1
  14. package/esm/utils.js.map +1 -1
  15. package/package.json +1 -1
package/cjs/arithmetic.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"arithmetic.js","sources":["../../src/arithmetic.tsx"],"sourcesContent":["export function getNumberAndUnit(\n numberStrWithUnit: string,\n): { number: string; unit: string } {\n const [number, unit] = String(numberStrWithUnit).match(\n /[a-z]+|[(/^\\-?\\d*.\\d+|\\d+),?]+/gi,\n );\n return { number, unit };\n}\n\nexport function op(operator: string, n1: string, n2: string): 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"],"names":["getNumberAndUnit","numberStrWithUnit","String","match","number","unit","op","operator","n1","n2","number2","unit2","Number"],"mappings":";;;;;;;;;;AAAO,SAASA,gBAAT,CACLC,iBADK,EAE6B;AAClC,sBAAuBC,MAAM,CAACD,iBAAD,CAAN,CAA0BE,KAA1B,CACrB,kCADqB,CAAvB;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,IAAf;;AAGA,SAAO;AAAED,IAAAA,MAAM,EAANA,MAAF;AAAUC,IAAAA,IAAI,EAAJA;AAAV,GAAP;AACD;AAEM,SAASC,EAAT,CAAYC,QAAZ,EAA8BC,EAA9B,EAA0CC,EAA1C,EAA8D;AACnE,0BAAyBT,gBAAgB,CAACQ,EAAD,CAAzC;AAAA,MAAQJ,MAAR,qBAAQA,MAAR;AAAA,MAAgBC,IAAhB,qBAAgBA,IAAhB;;AACA,2BAAyCL,gBAAgB,CAACS,EAAD,CAAzD;AAAA,MAAgBC,OAAhB,sBAAQN,MAAR;AAAA,MAA+BO,KAA/B,sBAAyBN,IAAzB;;AACA,UAAQE,QAAR;AACE,SAAK,GAAL;AACE,aAAOK,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;AACF,SAAK,GAAL;AACE,aAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;AACF,SAAK,GAAL;AACE,aAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;AACF,SAAK,GAAL;AACE,aAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;AACF;AACE,aAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;AAVJ;AAYD;;;;;"}
1
+ {"version":3,"file":"arithmetic.js","sources":["../../src/arithmetic.tsx"],"sourcesContent":["export function getNumberAndUnit(\n numberStrWithUnit: string,\n): { number: string; unit: string } {\n const [number, unit] = String(numberStrWithUnit).match(\n /[a-z]+|[(/^\\-?\\d*.\\d+|\\d+),?]+/gi,\n );\n return { number, unit };\n}\n\nexport function op(operator: string, n1: string, n2: string): 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"],"names":["getNumberAndUnit","numberStrWithUnit","String","match","number","unit","op","operator","n1","n2","number2","unit2","Number"],"mappings":";;;;;;;;;;AAAO,SAASA,gBAAT,CACLC,iBADK,EAE6B;EAClC,oBAAuBC,MAAM,CAACD,iBAAD,CAAN,CAA0BE,KAA1B,CACrB,kCADqB,CAAvB;;MAAOC,MAAP;MAAeC,IAAf;;EAGA,OAAO;IAAED,MAAM,EAANA,MAAF;IAAUC,IAAI,EAAJA;GAAjB;AACD;AAEM,SAASC,EAAT,CAAYC,QAAZ,EAA8BC,EAA9B,EAA0CC,EAA1C,EAA8D;EACnE,wBAAyBT,gBAAgB,CAACQ,EAAD,CAAzC;MAAQJ,MAAR,qBAAQA,MAAR;MAAgBC,IAAhB,qBAAgBA,IAAhB;;EACA,yBAAyCL,gBAAgB,CAACS,EAAD,CAAzD;MAAgBC,OAAhB,sBAAQN,MAAR;MAA+BO,KAA/B,sBAAyBN,IAAzB;;EACA,QAAQE,QAAR;IACE,KAAK,GAAL;MACE,OAAOK,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;IACF,KAAK,GAAL;MACE,OAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;IACF,KAAK,GAAL;MACE,OAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;IACF,KAAK,GAAL;MACE,OAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;IACF;MACE,OAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;AAEL;;;;;"}
package/cjs/constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","sources":["../../src/constants.ts"],"sourcesContent":["export const desktopBaseFont = 13;\n\nexport const mobileBaseFont = 16;\n\nexport const translateUnits = {\n '8px': '4px',\n '16px': '8px',\n '32px': '16px',\n '48px': '24px',\n '56px': '32px',\n '64px': '48px',\n '72px': '64px',\n};\n"],"names":["desktopBaseFont","mobileBaseFont","translateUnits"],"mappings":";;;;IAAaA,eAAe,GAAG;IAElBC,cAAc,GAAG;IAEjBC,cAAc,GAAG;AAC5B,SAAO,KADqB;AAE5B,UAAQ,KAFoB;AAG5B,UAAQ,MAHoB;AAI5B,UAAQ,MAJoB;AAK5B,UAAQ,MALoB;AAM5B,UAAQ,MANoB;AAO5B,UAAQ;AAPoB;;;;;;"}
1
+ {"version":3,"file":"constants.js","sources":["../../src/constants.ts"],"sourcesContent":["export const desktopBaseFont = 13;\n\nexport const mobileBaseFont = 16;\n\nexport const translateUnits = {\n '8px': '4px',\n '16px': '8px',\n '32px': '16px',\n '48px': '24px',\n '56px': '32px',\n '64px': '48px',\n '72px': '64px',\n};\n"],"names":["desktopBaseFont","mobileBaseFont","translateUnits"],"mappings":";;;;IAAaA,eAAe,GAAG;IAElBC,cAAc,GAAG;IAEjBC,cAAc,GAAG;EAC5B,OAAO,KADqB;EAE5B,QAAQ,KAFoB;EAG5B,QAAQ,MAHoB;EAI5B,QAAQ,MAJoB;EAK5B,QAAQ,MALoB;EAM5B,QAAQ,MANoB;EAO5B,QAAQ;AAPoB;;;;;;"}
package/cjs/globalStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"globalStyles.js","sources":["../../src/globalStyles.tsx"],"sourcesContent":["import { createGlobalStyle } from './utils';\n\nexport const GlobalStyles = createGlobalStyle`\n :root, body {\n overscroll-behavior-y: none;\n font-size: 16px;\n @media (min-width: ${({ theme }) => theme.breakpoints.small}) { \n font-size: 13px;\n }\n }\n`;\n"],"names":["GlobalStyles","createGlobalStyle","theme","breakpoints","small"],"mappings":";;;;;;;;;;;;;;;;;;;;IAEaA,YAAY,GAAGC,uBAAH,sOAIA;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,WAAN,CAAkBC,KAAjC;AAAA,CAJA;;;;"}
1
+ {"version":3,"file":"globalStyles.js","sources":["../../src/globalStyles.tsx"],"sourcesContent":["import { createGlobalStyle } from './utils';\n\nexport const GlobalStyles = createGlobalStyle`\n :root, body {\n overscroll-behavior-y: none;\n font-size: 16px;\n @media (min-width: ${({ theme }) => theme.breakpoints.small}) { \n font-size: 13px;\n }\n }\n`;\n"],"names":["GlobalStyles","createGlobalStyle","theme","breakpoints","small"],"mappings":";;;;;;;;;;;;;;;;;;;;IAEaA,YAAY,GAAGC,uBAAH,sOAIA;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,WAAN,CAAkBC,KAAjC;AAAA,CAJA;;;;"}
package/cjs/mobileUtilities.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"mobileUtilities.js","sources":["../../src/mobileUtilities.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { theme } from './theme';\nimport { desktopBaseFont, mobileBaseFont, translateUnits } from './constants';\n\n// eslint-disable-next-line no-underscore-dangle\nexport function __UNSAFE_SPACE_TO_DIMSUM(unit: string): string {\n if (translateUnits[unit]) return translateUnits[unit];\n return `${(parseFloat(unit) * (mobileBaseFont / desktopBaseFont)) / 2}px`;\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 useEffect(() => {\n function handleResize() {\n setMobile(isMobile());\n }\n if (window) window.addEventListener('resize', handleResize);\n return () => {\n if (window) window.removeEventListener('resize', handleResize);\n };\n }, []);\n if (!window) return false;\n return mobile;\n};\n\nexport const isMobile = (): boolean => {\n if (!window) return false;\n return (\n Number(theme.breakpoints.medium.split('px')[0]) - window.innerWidth >= 0\n );\n};\n"],"names":["__UNSAFE_SPACE_TO_DIMSUM","unit","translateUnits","parseFloat","mobileBaseFont","desktopBaseFont","toMobile","isMobile","useIsMobile","useState","mobile","setMobile","useEffect","handleResize","window","addEventListener","removeEventListener","Number","theme","breakpoints","medium","split","innerWidth"],"mappings":";;;;;;;;;;;;;;AAKO,SAASA,wBAAT,CAAkCC,IAAlC,EAAwD;AAC7D,MAAIC,wBAAc,CAACD,IAAD,CAAlB,EAA0B,OAAOC,wBAAc,CAACD,IAAD,CAArB;AAC1B,mBAAWE,UAAU,CAACF,IAAD,CAAV,IAAoBG,wBAAc,GAAGC,yBAArC,CAAD,GAA0D,CAApE;AACD;AAEM,SAASC,QAAT,CAAkBL,IAAlB,EAAwC;AAC7C,MAAI,CAACM,QAAQ,EAAb,EAAiB,OAAON,IAAP;AACjB,mBAAUE,UAAU,CAACF,IAAD,CAAV,IAAoBI,yBAAe,GAAGD,wBAAtC,CAAV;AACD;IAEYI,WAAW,GAAG,SAAdA,WAAc,GAAe;AACxC,kBAA4BC,cAAQ,CAAUF,QAAQ,EAAlB,CAApC;AAAA;AAAA,MAAOG,MAAP;AAAA,MAAeC,SAAf;;AACAC,EAAAA,eAAS,CAAC,YAAM;AACd,aAASC,YAAT,GAAwB;AACtBF,MAAAA,SAAS,CAACJ,QAAQ,EAAT,CAAT;AACD;;AACD,QAAIO,MAAJ,EAAYA,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkCF,YAAlC;AACZ,WAAO,YAAM;AACX,UAAIC,MAAJ,EAAYA,MAAM,CAACE,mBAAP,CAA2B,QAA3B,EAAqCH,YAArC;AACb,KAFD;AAGD,GARQ,EAQN,EARM,CAAT;AASA,MAAI,CAACC,MAAL,EAAa,OAAO,KAAP;AACb,SAAOJ,MAAP;AACD;IAEYH,QAAQ,GAAG,SAAXA,QAAW,GAAe;AACrC,MAAI,CAACO,MAAL,EAAa,OAAO,KAAP;AACb,SACEG,MAAM,CAACC,WAAK,CAACC,WAAN,CAAkBC,MAAlB,CAAyBC,KAAzB,CAA+B,IAA/B,EAAqC,CAArC,CAAD,CAAN,GAAkDP,MAAM,CAACQ,UAAzD,IAAuE,CADzE;AAGD;;;;;;;"}
1
+ {"version":3,"file":"mobileUtilities.js","sources":["../../src/mobileUtilities.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { theme } from './theme';\nimport { desktopBaseFont, mobileBaseFont, translateUnits } from './constants';\n\n// eslint-disable-next-line no-underscore-dangle\nexport function __UNSAFE_SPACE_TO_DIMSUM(unit: string): string {\n if (translateUnits[unit]) return translateUnits[unit];\n return `${(parseFloat(unit) * (mobileBaseFont / desktopBaseFont)) / 2}px`;\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 useEffect(() => {\n function handleResize() {\n setMobile(isMobile());\n }\n if (window) window.addEventListener('resize', handleResize);\n return () => {\n if (window) window.removeEventListener('resize', handleResize);\n };\n }, []);\n if (!window) return false;\n return mobile;\n};\n\nexport const isMobile = (): boolean => {\n if (!window) return false;\n return (\n Number(theme.breakpoints.medium.split('px')[0]) - window.innerWidth >= 0\n );\n};\n"],"names":["__UNSAFE_SPACE_TO_DIMSUM","unit","translateUnits","parseFloat","mobileBaseFont","desktopBaseFont","toMobile","isMobile","useIsMobile","useState","mobile","setMobile","useEffect","handleResize","window","addEventListener","removeEventListener","Number","theme","breakpoints","medium","split","innerWidth"],"mappings":";;;;;;;;;;;;;;AAKO,SAASA,wBAAT,CAAkCC,IAAlC,EAAwD;EAC7D,IAAIC,wBAAc,CAACD,IAAD,CAAlB,EAA0B,OAAOC,wBAAc,CAACD,IAAD,CAArB;EAC1B,iBAAWE,UAAU,CAACF,IAAD,CAAV,IAAoBG,wBAAc,GAAGC,yBAArC,CAAD,GAA0D,CAApE;AACD;AAEM,SAASC,QAAT,CAAkBL,IAAlB,EAAwC;EAC7C,IAAI,CAACM,QAAQ,EAAb,EAAiB,OAAON,IAAP;EACjB,iBAAUE,UAAU,CAACF,IAAD,CAAV,IAAoBI,yBAAe,GAAGD,wBAAtC,CAAV;AACD;IAEYI,WAAW,GAAG,SAAdA,WAAc,GAAe;EACxC,gBAA4BC,cAAQ,CAAUF,QAAQ,EAAlB,CAApC;;MAAOG,MAAP;MAAeC,SAAf;;EACAC,eAAS,CAAC,YAAM;IACd,SAASC,YAAT,GAAwB;MACtBF,SAAS,CAACJ,QAAQ,EAAT,CAAT;;;IAEF,IAAIO,MAAJ,EAAYA,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkCF,YAAlC;IACZ,OAAO,YAAM;MACX,IAAIC,MAAJ,EAAYA,MAAM,CAACE,mBAAP,CAA2B,QAA3B,EAAqCH,YAArC;KADd;GALO,EAQN,EARM,CAAT;EASA,IAAI,CAACC,MAAL,EAAa,OAAO,KAAP;EACb,OAAOJ,MAAP;AACD;IAEYH,QAAQ,GAAG,SAAXA,QAAW,GAAe;EACrC,IAAI,CAACO,MAAL,EAAa,OAAO,KAAP;EACb,OACEG,MAAM,CAACC,WAAK,CAACC,WAAN,CAAkBC,MAAlB,CAAyBC,KAAzB,CAA+B,IAA/B,EAAqC,CAArC,CAAD,CAAN,GAAkDP,MAAM,CAACQ,UAAzD,IAAuE,CADzE;AAGD;;;;;;;"}
package/cjs/spaceUtilities.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"spaceUtilities.js","sources":["../../src/spaceUtilities.tsx"],"sourcesContent":["import { get } from 'lodash';\nimport { theme } from './theme';\n\nexport function mapGap(gutter: number | string): number | string {\n if (!gutter) return '0rem';\n if (String(gutter).includes('rem') || String(gutter).includes('px'))\n return gutter;\n return `${theme.space[gutter]}`;\n}\n\nexport function mapGutter(gutter: string | number): string {\n if (!gutter) return '0rem';\n return `${theme.space[gutter]} * 2`;\n}\n\nexport function mapSpace(width: string | number): string {\n if (typeof width === 'string')\n return get(theme, width) ? `${get(theme, width)}` : width;\n return `${width * 100}%`;\n}\n\nexport function fixSpaceGutter(\n width: string | number,\n gutter: string | number,\n): string | string[] {\n if (!width) return '';\n if (Array.isArray(width))\n 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 | string[] {\n if (!width) return '';\n if (Array.isArray(width)) return width.map((w) => mapSpace(w));\n return mapSpace(width);\n}\n\n/**\n * Grid\n *\n * @param grid\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 | string[] {\n if (Array.isArray(grid)) {\n if (grid.some((w) => typeof w === 'string'))\n return grid.map((w) => mapGrid(w));\n return numbersToFr(grid);\n }\n return mapGrid(grid);\n}\n"],"names":["mapGap","gutter","String","includes","theme","space","mapGutter","mapSpace","width","get","fixSpaceGutter","Array","isArray","map","w","fixSpace","numbersToFr","grid","den","f","Math","floor","d","mapGrid","mapTemplateGrid","some"],"mappings":";;;;;;;;AAGO,SAASA,MAAT,CAAgBC,MAAhB,EAA0D;AAC/D,MAAI,CAACA,MAAL,EAAa,OAAO,MAAP;AACb,MAAIC,MAAM,CAACD,MAAD,CAAN,CAAeE,QAAf,CAAwB,KAAxB,KAAkCD,MAAM,CAACD,MAAD,CAAN,CAAeE,QAAf,CAAwB,IAAxB,CAAtC,EACE,OAAOF,MAAP;AACF,mBAAUG,WAAK,CAACC,KAAN,CAAYJ,MAAZ,CAAV;AACD;AAEM,SAASK,SAAT,CAAmBL,MAAnB,EAAoD;AACzD,MAAI,CAACA,MAAL,EAAa,OAAO,MAAP;AACb,mBAAUG,WAAK,CAACC,KAAN,CAAYJ,MAAZ,CAAV;AACD;AAEM,SAASM,QAAT,CAAkBC,KAAlB,EAAkD;AACvD,MAAI,OAAOA,KAAP,KAAiB,QAArB,EACE,OAAOC,UAAG,CAACL,WAAD,EAAQI,KAAR,CAAH,aAAuBC,UAAG,CAACL,WAAD,EAAQI,KAAR,CAA1B,IAA6CA,KAApD;AACF,mBAAUA,KAAK,GAAG,GAAlB;AACD;AAEM,SAASE,cAAT,CACLF,KADK,EAELP,MAFK,EAGc;AACnB,MAAI,CAACO,KAAL,EAAY,OAAO,EAAP;AACZ,MAAIG,KAAK,CAACC,OAAN,CAAcJ,KAAd,CAAJ,EACE,OAAOA,KAAK,CAACK,GAAN,CAAU,UAACC,CAAD;AAAA,0BAAeP,QAAQ,CAACO,CAAD,CAAvB,iBAAiCR,SAAS,CAACL,MAAD,CAA1C;AAAA,GAAV,CAAP;AACF,wBAAeM,QAAQ,CAACC,KAAD,CAAvB,iBAAqCF,SAAS,CAACL,MAAD,CAA9C;AACD;AAEM,SAASc,QAAT,CAAkBP,KAAlB,EAA6D;AAClE,MAAI,CAACA,KAAL,EAAY,OAAO,EAAP;AACZ,MAAIG,KAAK,CAACC,OAAN,CAAcJ,KAAd,CAAJ,EAA0B,OAAOA,KAAK,CAACK,GAAN,CAAU,UAACC,CAAD;AAAA,WAAOP,QAAQ,CAACO,CAAD,CAAf;AAAA,GAAV,CAAP;AAC1B,SAAOP,QAAQ,CAACC,KAAD,CAAf;AACD;AAED;AACA;AACA;AACA;AACA;;AACO,SAASQ,WAAT,CAAqBC,IAArB,EAA+C;AACpD,MAAMC,GAAG,GAAGD,IAAI,CAACJ,GAAL,CAAS,UAACM,CAAD;AAAA,WAAQA,CAAC,GAAG,CAAJ,GAAQC,IAAI,CAACC,KAAL,CAAW,IAAIF,CAAf,CAAR,GAA4BA,CAApC;AAAA,GAAT,CAAZ;AACA,SAAOD,GAAG,CAACL,GAAJ,CAAQ,UAACS,CAAD;AAAA,qBAAUA,CAAV;AAAA,GAAR,CAAP;AACD;AACM,SAASC,OAAT,CAAiBf,KAAjB,EAAiD;AACtD,MAAIC,UAAG,CAACL,WAAD,EAAQI,KAAR,CAAP,EAAuB,iBAAUC,UAAG,CAACL,WAAD,EAAQI,KAAR,CAAb;AACvB,MAAI,OAAOA,KAAP,KAAiB,QAArB,EAA+B,OAAOA,KAAP;AAC/B,MAAMU,GAAG,GAAGV,KAAK,GAAG,CAAR,GAAYY,IAAI,CAACC,KAAL,CAAW,IAAIb,KAAf,CAAZ,GAAoCA,KAAhD;AACA,mBAAUU,GAAV;AACD;AAEM,SAASM,eAAT,CAAyBP,IAAzB,EAA4D;AACjE,MAAIN,KAAK,CAACC,OAAN,CAAcK,IAAd,CAAJ,EAAyB;AACvB,QAAIA,IAAI,CAACQ,IAAL,CAAU,UAACX,CAAD;AAAA,aAAO,OAAOA,CAAP,KAAa,QAApB;AAAA,KAAV,CAAJ,EACE,OAAOG,IAAI,CAACJ,GAAL,CAAS,UAACC,CAAD;AAAA,aAAOS,OAAO,CAACT,CAAD,CAAd;AAAA,KAAT,CAAP;AACF,WAAOE,WAAW,CAACC,IAAD,CAAlB;AACD;;AACD,SAAOM,OAAO,CAACN,IAAD,CAAd;AACD;;;;;;;;;;;"}
1
+ {"version":3,"file":"spaceUtilities.js","sources":["../../src/spaceUtilities.tsx"],"sourcesContent":["import { get } from 'lodash';\nimport { theme } from './theme';\n\nexport function mapGap(gutter: number | string): number | string {\n if (!gutter) return '0rem';\n if (String(gutter).includes('rem') || String(gutter).includes('px'))\n return gutter;\n return `${theme.space[gutter]}`;\n}\n\nexport function mapGutter(gutter: string | number): string {\n if (!gutter) return '0rem';\n return `${theme.space[gutter]} * 2`;\n}\n\nexport function mapSpace(width: string | number): string {\n if (typeof width === 'string')\n return get(theme, width) ? `${get(theme, width)}` : width;\n return `${width * 100}%`;\n}\n\nexport function fixSpaceGutter(\n width: string | number,\n gutter: string | number,\n): string | string[] {\n if (!width) return '';\n if (Array.isArray(width))\n 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 | string[] {\n if (!width) return '';\n if (Array.isArray(width)) return width.map((w) => mapSpace(w));\n return mapSpace(width);\n}\n\n/**\n * Grid\n *\n * @param grid\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 | string[] {\n if (Array.isArray(grid)) {\n if (grid.some((w) => typeof w === 'string'))\n return grid.map((w) => mapGrid(w));\n return numbersToFr(grid);\n }\n return mapGrid(grid);\n}\n"],"names":["mapGap","gutter","String","includes","theme","space","mapGutter","mapSpace","width","get","fixSpaceGutter","Array","isArray","map","w","fixSpace","numbersToFr","grid","den","f","Math","floor","d","mapGrid","mapTemplateGrid","some"],"mappings":"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"}
package/cjs/themeProviderHOC.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"themeProviderHOC.js","sources":["../../src/themeProviderHOC.tsx"],"sourcesContent":["import React from 'react';\nimport { ThemeProvider } from 'styled-components';\nimport { theme } from './theme';\n\nexport const themeProviderHOC = (Component: React.ElementType) => (\n props: Record<string, unknown>,\n): JSX.Element => (\n <ThemeProvider theme={theme}>\n <Component {...props} />\n </ThemeProvider>\n);\n"],"names":["themeProviderHOC","Component","props","React","ThemeProvider","theme"],"mappings":";;;;;;;;;;;;;IAIaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,SAAD;AAAA,SAAkC,UAChEC,KADgE;AAAA,wBAGhEC,wCAACC,8BAAD;AAAe,MAAA,KAAK,EAAEC;AAAtB,oBACEF,wCAAC,SAAD,EAAeD,KAAf,CADF,CAHgE;AAAA,GAAlC;AAAA;;;;"}
1
+ {"version":3,"file":"themeProviderHOC.js","sources":["../../src/themeProviderHOC.tsx"],"sourcesContent":["import React from 'react';\nimport { ThemeProvider } from 'styled-components';\nimport { theme } from './theme';\n\nexport const themeProviderHOC = (Component: React.ElementType) => (\n props: Record<string, unknown>,\n): JSX.Element => (\n <ThemeProvider theme={theme}>\n <Component {...props} />\n </ThemeProvider>\n);\n"],"names":["themeProviderHOC","Component","props","React","ThemeProvider","theme"],"mappings":";;;;;;;;;;;;;IAIaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,SAAD;EAAA,OAAkC,UAChEC,KADgE;IAAA,oBAGhEC,wCAACC,8BAAD;MAAe,KAAK,EAAEC;oBACpBF,wCAAC,SAAD,EAAeD,KAAf,CADF,CAHgE;GAAlC;AAAA;;;;"}
package/cjs/utils.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sources":["../../src/utils.tsx"],"sourcesContent":["/* eslint-disable no-shadow */\n/* eslint-disable max-lines */\n// https://github.com/styled-components/babel-plugin-styled-components/issues/216#issuecomment-516941240\nimport { lighten, rgba } from 'polished';\nimport { reduce } from 'lodash';\nimport { Keyframes } from 'styled-components';\nimport { theme } from './theme';\nimport { toMobile } from './mobileUtilities';\n// eslint-disable-next-line @typescript-eslint/no-var-requires\nconst styled = require('styled-components');\n\nconst { css } = styled;\nconst kfrm = styled.keyframes;\nconst { withTheme } = styled;\nconst { useTheme } = styled;\nconst { createGlobalStyle } = styled;\nexport { withTheme, createGlobalStyle, rgba, useTheme, kfrm, css };\n\nexport function truncate(width: string) {\n return (props): string => css`\n ${!!width || props.width ? `width: ${props.width || width};` : ''}\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n `;\n}\n\nexport function flexCenter(): string {\n return `\n display: flex;\n justify-content: center;\n align-items: center;\n `;\n}\n\nexport function disabled(): string {\n return `\n cursor: not-allowed;\n pointer-events: none;\n `;\n}\n\nexport function keyframes(obj: Record<string, unknown>): Keyframes {\n return kfrm`${reduce(\n obj,\n (result, value, key) => `\n ${result}\n ${key}% {\n ${value}\n }\n `,\n '',\n )}\n `;\n}\n\n// eslint-disable-next-line max-params\nexport function boxShadow(top: string, left: string, blur: string, color: string, inset = false): string {\n return `box-shadow: ${inset ? 'inset' : ''} ${top} ${left} ${blur} ${color};`;\n}\n\nexport function color(variant = 'neutral', type = 400): string {\n return css`\n color: ${(props) => props.theme.colors[variant][type]};\n `;\n}\n\nexport function border(color = theme.colors.brand[600], size = '1px', type = 'solid'): string {\n return `${size} ${type} ${color}`;\n}\n\nexport function animation(animationKeyframes: string, animationLength: string, animationTimingFn: string) {\n return (props): string => css`\n animation: ${props.animationKeyframes || animationKeyframes} ${props.animationLength || animationLength}\n ${props.animationTimingFn || animationTimingFn};\n `;\n}\n// 0.0769\nexport function focus(color: string = theme.colors.brand[600]) {\n return (): string => css`\n outline: none;\n border: 1px solid ${color};\n box-shadow: inset 0 0 0 1px ${lighten(0.3, color)};\n border-radius: 2px;\n `;\n}\n\nexport function focusAfter(color: string): string {\n return css`\n outline: none;\n position: relative;\n &:after {\n content: '';\n z-index: 10;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n ${focus(color)}\n }\n `;\n}\n\nexport function active() {\n return (props): string => css`\n outline: none;\n border: 1px solid ${props.theme.colors.brand[700]};\n border-radius: 2px;\n `;\n}\n\nexport function hover() {\n return (props): string => css`\n outline: 1px solid ${props.theme.colors.brand[600]};\n outline-offset: -1px;\n `;\n}\n\nexport function textStyle(type: string, weight = 'regular') {\n // eslint-disable-next-line complexity\n return (props): string => {\n let cssVar = `font-weight: ${props.theme.fontWeights[weight]};`;\n // eslint-disable-next-line default-case\n switch (type) {\n case 'h1':\n cssVar += `\n font-size: ${toMobile('2.7692rem')};\n line-height: normal;\n `;\n break;\n case 'h2':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.title[800])};\n line-height: normal;\n `;\n break;\n case 'h3':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.title[700])};\n line-height: 1.2;\n `;\n break;\n case 'h4':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.title[600])};\n line-height: normal;\n `;\n break;\n case 'h5':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.title[500])};\n line-height: normal;\n `;\n break;\n case 'section-header':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.title[500])};\n line-height: normal;\n text-transform: uppercase;\n `;\n break;\n case 'body':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.value[400])};\n line-height: normal;\n `;\n break;\n case 'body-small':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.value[300])};\n line-height: normal;\n `;\n break;\n case 'body-micro':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.microText[200])};\n line-height: normal;\n `;\n break;\n case 'list':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.value[400])};\n line-height: normal;\n `;\n break;\n case 'link':\n cssVar += `\n line-height: ${props.theme.xl};\n color: ${props.theme.colors.brand[600]};\n cursor: pointer;\n `;\n break;\n }\n return cssVar;\n };\n}\n\nexport function iconColor(variant = 'neutral', type = 400): string {\n return css`\n fill: ${(props) => props.theme.colors[variant][type]};\n `;\n}\n\nexport function fakeBorder(): string {\n return css`\n box-shadow: inset 0 0 0 1px ${(props) => props.theme.colors.neutral[200]};\n border-radius: 2px;\n `;\n}\n\nexport function fakeActive(): string {\n return css`\n outline: none;\n box-shadow: inset 0 0 0 1px ${(props) => props.theme.colors.brand[700]};\n border-radius: 2px;\n `;\n}\n\nexport function clearFocus(): string {\n return `\n border: none;\n box-shadow: none;\n `;\n}\n\nexport function buttonLink(): string {\n return `\n background-color: transparent;\n border: 1px solid transparent;\n cursor: pointer;\n `;\n}\n\nexport function transition(t = 'all 1s ease'): string {\n return `\n transition: ${t};\n `;\n}\n\nexport function onlySafariAndFiredox(styles: string): string {\n return css`\n @media not all and (min-resolution: 0.001dpcm) {\n ${styles}\n }\n @media screen and (min--moz-device-pixel-ratio: 0) {\n ${styles}\n }\n `;\n}\n\nexport function onlySafari(styles: string): string {\n return css`\n @media not all and (min-resolution: 0.001dpcm) {\n ${styles}\n }\n `;\n}\n\nexport function onlyFirefox(styles: string): string {\n return css`\n @media screen and (min--moz-device-pixel-ratio: 0) {\n ${styles}\n }\n `;\n}\n\nexport function safariAndFirefoxBold(color: string): string {\n return css`\n @media not all and (min-resolution: 0.001dpcm) {\n font-weight: 400;\n -webkit-font-smoothing: subpixel-antialiased;\n -webkit-text-stroke: 0.4px ${color};\n }\n @media screen and (min--moz-device-pixel-ratio: 0) {\n font-weight: 400;\n -webkit-font-smoothing: subpixel-antialiased;\n -webkit-text-stroke: 0.4px ${color};\n }\n `;\n}\n"],"names":["styled","require","css","kfrm","keyframes","withTheme","useTheme","createGlobalStyle","truncate","width","props","flexCenter","disabled","obj","reduce","result","value","key","boxShadow","top","left","blur","color","inset","variant","type","theme","colors","border","brand","size","animation","animationKeyframes","animationLength","animationTimingFn","focus","lighten","focusAfter","active","hover","textStyle","weight","cssVar","fontWeights","toMobile","fontSizes","title","microText","xl","iconColor","fakeBorder","neutral","fakeActive","clearFocus","buttonLink","transition","t","onlySafariAndFiredox","styles","onlySafari","onlyFirefox","safariAndFirefoxBold"],"mappings":"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"}
1
+ {"version":3,"file":"utils.js","sources":["../../src/utils.tsx"],"sourcesContent":["/* eslint-disable no-shadow */\n/* eslint-disable max-lines */\n// https://github.com/styled-components/babel-plugin-styled-components/issues/216#issuecomment-516941240\nimport { lighten, rgba } from 'polished';\nimport { reduce } from 'lodash';\nimport { Keyframes } from 'styled-components';\nimport { theme } from './theme';\nimport { toMobile } from './mobileUtilities';\n// eslint-disable-next-line @typescript-eslint/no-var-requires\nconst styled = require('styled-components');\n\nconst { css } = styled;\nconst kfrm = styled.keyframes;\nconst { withTheme } = styled;\nconst { useTheme } = styled;\nconst { createGlobalStyle } = styled;\nexport { withTheme, createGlobalStyle, rgba, useTheme, kfrm, css };\n\nexport function truncate(width: string) {\n return (props): string => css`\n ${!!width || props.width ? `width: ${props.width || width};` : ''}\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n `;\n}\n\nexport function flexCenter(): string {\n return `\n display: flex;\n justify-content: center;\n align-items: center;\n `;\n}\n\nexport function disabled(): string {\n return `\n cursor: not-allowed;\n pointer-events: none;\n `;\n}\n\nexport function keyframes(obj: Record<string, unknown>): Keyframes {\n return kfrm`${reduce(\n obj,\n (result, value, key) => `\n ${result}\n ${key}% {\n ${value}\n }\n `,\n '',\n )}\n `;\n}\n\n// eslint-disable-next-line max-params\nexport function boxShadow(top: string, left: string, blur: string, color: string, inset = false): string {\n return `box-shadow: ${inset ? 'inset' : ''} ${top} ${left} ${blur} ${color};`;\n}\n\nexport function color(variant = 'neutral', type = 400): string {\n return css`\n color: ${(props) => props.theme.colors[variant][type]};\n `;\n}\n\nexport function border(color = theme.colors.brand[600], size = '1px', type = 'solid'): string {\n return `${size} ${type} ${color}`;\n}\n\nexport function animation(animationKeyframes: string, animationLength: string, animationTimingFn: string) {\n return (props): string => css`\n animation: ${props.animationKeyframes || animationKeyframes} ${props.animationLength || animationLength}\n ${props.animationTimingFn || animationTimingFn};\n `;\n}\n// 0.0769\nexport function focus(color: string = theme.colors.brand[600]) {\n return (): string => css`\n outline: none;\n border: 1px solid ${color};\n box-shadow: inset 0 0 0 1px ${lighten(0.3, color)};\n border-radius: 2px;\n `;\n}\n\nexport function focusAfter(color: string): string {\n return css`\n outline: none;\n position: relative;\n &:after {\n content: '';\n z-index: 10;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n ${focus(color)}\n }\n `;\n}\n\nexport function active() {\n return (props): string => css`\n outline: none;\n border: 1px solid ${props.theme.colors.brand[700]};\n border-radius: 2px;\n `;\n}\n\nexport function hover() {\n return (props): string => css`\n outline: 1px solid ${props.theme.colors.brand[600]};\n outline-offset: -1px;\n `;\n}\n\nexport function textStyle(type: string, weight = 'regular') {\n // eslint-disable-next-line complexity\n return (props): string => {\n let cssVar = `font-weight: ${props.theme.fontWeights[weight]};`;\n // eslint-disable-next-line default-case\n switch (type) {\n case 'h1':\n cssVar += `\n font-size: ${toMobile('2.7692rem')};\n line-height: normal;\n `;\n break;\n case 'h2':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.title[800])};\n line-height: normal;\n `;\n break;\n case 'h3':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.title[700])};\n line-height: 1.2;\n `;\n break;\n case 'h4':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.title[600])};\n line-height: normal;\n `;\n break;\n case 'h5':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.title[500])};\n line-height: normal;\n `;\n break;\n case 'section-header':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.title[500])};\n line-height: normal;\n text-transform: uppercase;\n `;\n break;\n case 'body':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.value[400])};\n line-height: normal;\n `;\n break;\n case 'body-small':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.value[300])};\n line-height: normal;\n `;\n break;\n case 'body-micro':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.microText[200])};\n line-height: normal;\n `;\n break;\n case 'list':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.value[400])};\n line-height: normal;\n `;\n break;\n case 'link':\n cssVar += `\n line-height: ${props.theme.xl};\n color: ${props.theme.colors.brand[600]};\n cursor: pointer;\n `;\n break;\n }\n return cssVar;\n };\n}\n\nexport function iconColor(variant = 'neutral', type = 400): string {\n return css`\n fill: ${(props) => props.theme.colors[variant][type]};\n `;\n}\n\nexport function fakeBorder(): string {\n return css`\n box-shadow: inset 0 0 0 1px ${(props) => props.theme.colors.neutral[200]};\n border-radius: 2px;\n `;\n}\n\nexport function fakeActive(): string {\n return css`\n outline: none;\n box-shadow: inset 0 0 0 1px ${(props) => props.theme.colors.brand[700]};\n border-radius: 2px;\n `;\n}\n\nexport function clearFocus(): string {\n return `\n border: none;\n box-shadow: none;\n `;\n}\n\nexport function buttonLink(): string {\n return `\n background-color: transparent;\n border: 1px solid transparent;\n cursor: pointer;\n `;\n}\n\nexport function transition(t = 'all 1s ease'): string {\n return `\n transition: ${t};\n `;\n}\n\nexport function onlySafariAndFiredox(styles: string): string {\n return css`\n @media not all and (min-resolution: 0.001dpcm) {\n ${styles}\n }\n @media screen and (min--moz-device-pixel-ratio: 0) {\n ${styles}\n }\n `;\n}\n\nexport function onlySafari(styles: string): string {\n return css`\n @media not all and (min-resolution: 0.001dpcm) {\n ${styles}\n }\n `;\n}\n\nexport function onlyFirefox(styles: string): string {\n return css`\n @media screen and (min--moz-device-pixel-ratio: 0) {\n ${styles}\n }\n `;\n}\n\nexport function safariAndFirefoxBold(color: string): string {\n return css`\n @media not all and (min-resolution: 0.001dpcm) {\n font-weight: 400;\n -webkit-font-smoothing: subpixel-antialiased;\n -webkit-text-stroke: 0.4px ${color};\n }\n @media screen and (min--moz-device-pixel-ratio: 0) {\n font-weight: 400;\n -webkit-font-smoothing: subpixel-antialiased;\n -webkit-text-stroke: 0.4px ${color};\n }\n `;\n}\n"],"names":["styled","require","css","kfrm","keyframes","withTheme","useTheme","createGlobalStyle","truncate","width","props","flexCenter","disabled","obj","reduce","result","value","key","boxShadow","top","left","blur","color","inset","variant","type","theme","colors","border","brand","size","animation","animationKeyframes","animationLength","animationTimingFn","focus","lighten","focusAfter","active","hover","textStyle","weight","cssVar","fontWeights","toMobile","fontSizes","title","microText","xl","iconColor","fakeBorder","neutral","fakeActive","clearFocus","buttonLink","transition","t","onlySafariAndFiredox","styles","onlySafari","onlyFirefox","safariAndFirefoxBold"],"mappings":"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"}
package/esm/arithmetic.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"arithmetic.js","sources":["../../src/arithmetic.tsx"],"sourcesContent":["export function getNumberAndUnit(\n numberStrWithUnit: string,\n): { number: string; unit: string } {\n const [number, unit] = String(numberStrWithUnit).match(\n /[a-z]+|[(/^\\-?\\d*.\\d+|\\d+),?]+/gi,\n );\n return { number, unit };\n}\n\nexport function op(operator: string, n1: string, n2: string): 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"],"names":["getNumberAndUnit","numberStrWithUnit","String","match","number","unit","op","operator","n1","n2","number2","unit2","Number"],"mappings":";;AAAO,SAASA,gBAAT,CACLC,iBADK,EAE6B;AAClC,sBAAuBC,MAAM,CAACD,iBAAD,CAAN,CAA0BE,KAA1B,CACrB,kCADqB,CAAvB;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,IAAf;;AAGA,SAAO;AAAED,IAAAA,MAAM,EAANA,MAAF;AAAUC,IAAAA,IAAI,EAAJA;AAAV,GAAP;AACD;AAEM,SAASC,EAAT,CAAYC,QAAZ,EAA8BC,EAA9B,EAA0CC,EAA1C,EAA8D;AACnE,0BAAyBT,gBAAgB,CAACQ,EAAD,CAAzC;AAAA,MAAQJ,MAAR,qBAAQA,MAAR;AAAA,MAAgBC,IAAhB,qBAAgBA,IAAhB;;AACA,2BAAyCL,gBAAgB,CAACS,EAAD,CAAzD;AAAA,MAAgBC,OAAhB,sBAAQN,MAAR;AAAA,MAA+BO,KAA/B,sBAAyBN,IAAzB;;AACA,UAAQE,QAAR;AACE,SAAK,GAAL;AACE,aAAOK,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;AACF,SAAK,GAAL;AACE,aAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;AACF,SAAK,GAAL;AACE,aAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;AACF,SAAK,GAAL;AACE,aAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;AACF;AACE,aAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;AAVJ;AAYD;;;;"}
1
+ {"version":3,"file":"arithmetic.js","sources":["../../src/arithmetic.tsx"],"sourcesContent":["export function getNumberAndUnit(\n numberStrWithUnit: string,\n): { number: string; unit: string } {\n const [number, unit] = String(numberStrWithUnit).match(\n /[a-z]+|[(/^\\-?\\d*.\\d+|\\d+),?]+/gi,\n );\n return { number, unit };\n}\n\nexport function op(operator: string, n1: string, n2: string): 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"],"names":["getNumberAndUnit","numberStrWithUnit","String","match","number","unit","op","operator","n1","n2","number2","unit2","Number"],"mappings":";;AAAO,SAASA,gBAAT,CACLC,iBADK,EAE6B;EAClC,oBAAuBC,MAAM,CAACD,iBAAD,CAAN,CAA0BE,KAA1B,CACrB,kCADqB,CAAvB;;MAAOC,MAAP;MAAeC,IAAf;;EAGA,OAAO;IAAED,MAAM,EAANA,MAAF;IAAUC,IAAI,EAAJA;GAAjB;AACD;AAEM,SAASC,EAAT,CAAYC,QAAZ,EAA8BC,EAA9B,EAA0CC,EAA1C,EAA8D;EACnE,wBAAyBT,gBAAgB,CAACQ,EAAD,CAAzC;MAAQJ,MAAR,qBAAQA,MAAR;MAAgBC,IAAhB,qBAAgBA,IAAhB;;EACA,yBAAyCL,gBAAgB,CAACS,EAAD,CAAzD;MAAgBC,OAAhB,sBAAQN,MAAR;MAA+BO,KAA/B,sBAAyBN,IAAzB;;EACA,QAAQE,QAAR;IACE,KAAK,GAAL;MACE,OAAOK,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;IACF,KAAK,GAAL;MACE,OAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;IACF,KAAK,GAAL;MACE,OAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;IACF,KAAK,GAAL;MACE,OAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;IACF;MACE,OAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;AAEL;;;;"}
package/esm/constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","sources":["../../src/constants.ts"],"sourcesContent":["export const desktopBaseFont = 13;\n\nexport const mobileBaseFont = 16;\n\nexport const translateUnits = {\n '8px': '4px',\n '16px': '8px',\n '32px': '16px',\n '48px': '24px',\n '56px': '32px',\n '64px': '48px',\n '72px': '64px',\n};\n"],"names":["desktopBaseFont","mobileBaseFont","translateUnits"],"mappings":"IAAaA,eAAe,GAAG;IAElBC,cAAc,GAAG;IAEjBC,cAAc,GAAG;AAC5B,SAAO,KADqB;AAE5B,UAAQ,KAFoB;AAG5B,UAAQ,MAHoB;AAI5B,UAAQ,MAJoB;AAK5B,UAAQ,MALoB;AAM5B,UAAQ,MANoB;AAO5B,UAAQ;AAPoB;;;;"}
1
+ {"version":3,"file":"constants.js","sources":["../../src/constants.ts"],"sourcesContent":["export const desktopBaseFont = 13;\n\nexport const mobileBaseFont = 16;\n\nexport const translateUnits = {\n '8px': '4px',\n '16px': '8px',\n '32px': '16px',\n '48px': '24px',\n '56px': '32px',\n '64px': '48px',\n '72px': '64px',\n};\n"],"names":["desktopBaseFont","mobileBaseFont","translateUnits"],"mappings":"IAAaA,eAAe,GAAG;IAElBC,cAAc,GAAG;IAEjBC,cAAc,GAAG;EAC5B,OAAO,KADqB;EAE5B,QAAQ,KAFoB;EAG5B,QAAQ,MAHoB;EAI5B,QAAQ,MAJoB;EAK5B,QAAQ,MALoB;EAM5B,QAAQ,MANoB;EAO5B,QAAQ;AAPoB;;;;"}
package/esm/globalStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"globalStyles.js","sources":["../../src/globalStyles.tsx"],"sourcesContent":["import { createGlobalStyle } from './utils';\n\nexport const GlobalStyles = createGlobalStyle`\n :root, body {\n overscroll-behavior-y: none;\n font-size: 16px;\n @media (min-width: ${({ theme }) => theme.breakpoints.small}) { \n font-size: 13px;\n }\n }\n`;\n"],"names":["GlobalStyles","createGlobalStyle","theme","breakpoints","small"],"mappings":";;;;;;;;;;;;IAEaA,YAAY,GAAGC,iBAAH,kNAIA;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,WAAN,CAAkBC,KAAjC;AAAA,CAJA;;;;"}
1
+ {"version":3,"file":"globalStyles.js","sources":["../../src/globalStyles.tsx"],"sourcesContent":["import { createGlobalStyle } from './utils';\n\nexport const GlobalStyles = createGlobalStyle`\n :root, body {\n overscroll-behavior-y: none;\n font-size: 16px;\n @media (min-width: ${({ theme }) => theme.breakpoints.small}) { \n font-size: 13px;\n }\n }\n`;\n"],"names":["GlobalStyles","createGlobalStyle","theme","breakpoints","small"],"mappings":";;;;;;;;;;;;IAEaA,YAAY,GAAGC,iBAAH,kNAIA;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,WAAN,CAAkBC,KAAjC;AAAA,CAJA;;;;"}
package/esm/mobileUtilities.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"mobileUtilities.js","sources":["../../src/mobileUtilities.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { theme } from './theme';\nimport { desktopBaseFont, mobileBaseFont, translateUnits } from './constants';\n\n// eslint-disable-next-line no-underscore-dangle\nexport function __UNSAFE_SPACE_TO_DIMSUM(unit: string): string {\n if (translateUnits[unit]) return translateUnits[unit];\n return `${(parseFloat(unit) * (mobileBaseFont / desktopBaseFont)) / 2}px`;\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 useEffect(() => {\n function handleResize() {\n setMobile(isMobile());\n }\n if (window) window.addEventListener('resize', handleResize);\n return () => {\n if (window) window.removeEventListener('resize', handleResize);\n };\n }, []);\n if (!window) return false;\n return mobile;\n};\n\nexport const isMobile = (): boolean => {\n if (!window) return false;\n return (\n Number(theme.breakpoints.medium.split('px')[0]) - window.innerWidth >= 0\n );\n};\n"],"names":["__UNSAFE_SPACE_TO_DIMSUM","unit","translateUnits","parseFloat","mobileBaseFont","desktopBaseFont","toMobile","isMobile","useIsMobile","useState","mobile","setMobile","useEffect","handleResize","window","addEventListener","removeEventListener","Number","theme","breakpoints","medium","split","innerWidth"],"mappings":";;;;;;AAKO,SAASA,wBAAT,CAAkCC,IAAlC,EAAwD;AAC7D,MAAIC,cAAc,CAACD,IAAD,CAAlB,EAA0B,OAAOC,cAAc,CAACD,IAAD,CAArB;AAC1B,mBAAWE,UAAU,CAACF,IAAD,CAAV,IAAoBG,cAAc,GAAGC,eAArC,CAAD,GAA0D,CAApE;AACD;AAEM,SAASC,QAAT,CAAkBL,IAAlB,EAAwC;AAC7C,MAAI,CAACM,QAAQ,EAAb,EAAiB,OAAON,IAAP;AACjB,mBAAUE,UAAU,CAACF,IAAD,CAAV,IAAoBI,eAAe,GAAGD,cAAtC,CAAV;AACD;IAEYI,WAAW,GAAG,SAAdA,WAAc,GAAe;AACxC,kBAA4BC,QAAQ,CAAUF,QAAQ,EAAlB,CAApC;AAAA;AAAA,MAAOG,MAAP;AAAA,MAAeC,SAAf;;AACAC,EAAAA,SAAS,CAAC,YAAM;AACd,aAASC,YAAT,GAAwB;AACtBF,MAAAA,SAAS,CAACJ,QAAQ,EAAT,CAAT;AACD;;AACD,QAAIO,MAAJ,EAAYA,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkCF,YAAlC;AACZ,WAAO,YAAM;AACX,UAAIC,MAAJ,EAAYA,MAAM,CAACE,mBAAP,CAA2B,QAA3B,EAAqCH,YAArC;AACb,KAFD;AAGD,GARQ,EAQN,EARM,CAAT;AASA,MAAI,CAACC,MAAL,EAAa,OAAO,KAAP;AACb,SAAOJ,MAAP;AACD;IAEYH,QAAQ,GAAG,SAAXA,QAAW,GAAe;AACrC,MAAI,CAACO,MAAL,EAAa,OAAO,KAAP;AACb,SACEG,MAAM,CAACC,KAAK,CAACC,WAAN,CAAkBC,MAAlB,CAAyBC,KAAzB,CAA+B,IAA/B,EAAqC,CAArC,CAAD,CAAN,GAAkDP,MAAM,CAACQ,UAAzD,IAAuE,CADzE;AAGD;;;;"}
1
+ {"version":3,"file":"mobileUtilities.js","sources":["../../src/mobileUtilities.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { theme } from './theme';\nimport { desktopBaseFont, mobileBaseFont, translateUnits } from './constants';\n\n// eslint-disable-next-line no-underscore-dangle\nexport function __UNSAFE_SPACE_TO_DIMSUM(unit: string): string {\n if (translateUnits[unit]) return translateUnits[unit];\n return `${(parseFloat(unit) * (mobileBaseFont / desktopBaseFont)) / 2}px`;\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 useEffect(() => {\n function handleResize() {\n setMobile(isMobile());\n }\n if (window) window.addEventListener('resize', handleResize);\n return () => {\n if (window) window.removeEventListener('resize', handleResize);\n };\n }, []);\n if (!window) return false;\n return mobile;\n};\n\nexport const isMobile = (): boolean => {\n if (!window) return false;\n return (\n Number(theme.breakpoints.medium.split('px')[0]) - window.innerWidth >= 0\n );\n};\n"],"names":["__UNSAFE_SPACE_TO_DIMSUM","unit","translateUnits","parseFloat","mobileBaseFont","desktopBaseFont","toMobile","isMobile","useIsMobile","useState","mobile","setMobile","useEffect","handleResize","window","addEventListener","removeEventListener","Number","theme","breakpoints","medium","split","innerWidth"],"mappings":";;;;;;AAKO,SAASA,wBAAT,CAAkCC,IAAlC,EAAwD;EAC7D,IAAIC,cAAc,CAACD,IAAD,CAAlB,EAA0B,OAAOC,cAAc,CAACD,IAAD,CAArB;EAC1B,iBAAWE,UAAU,CAACF,IAAD,CAAV,IAAoBG,cAAc,GAAGC,eAArC,CAAD,GAA0D,CAApE;AACD;AAEM,SAASC,QAAT,CAAkBL,IAAlB,EAAwC;EAC7C,IAAI,CAACM,QAAQ,EAAb,EAAiB,OAAON,IAAP;EACjB,iBAAUE,UAAU,CAACF,IAAD,CAAV,IAAoBI,eAAe,GAAGD,cAAtC,CAAV;AACD;IAEYI,WAAW,GAAG,SAAdA,WAAc,GAAe;EACxC,gBAA4BC,QAAQ,CAAUF,QAAQ,EAAlB,CAApC;;MAAOG,MAAP;MAAeC,SAAf;;EACAC,SAAS,CAAC,YAAM;IACd,SAASC,YAAT,GAAwB;MACtBF,SAAS,CAACJ,QAAQ,EAAT,CAAT;;;IAEF,IAAIO,MAAJ,EAAYA,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkCF,YAAlC;IACZ,OAAO,YAAM;MACX,IAAIC,MAAJ,EAAYA,MAAM,CAACE,mBAAP,CAA2B,QAA3B,EAAqCH,YAArC;KADd;GALO,EAQN,EARM,CAAT;EASA,IAAI,CAACC,MAAL,EAAa,OAAO,KAAP;EACb,OAAOJ,MAAP;AACD;IAEYH,QAAQ,GAAG,SAAXA,QAAW,GAAe;EACrC,IAAI,CAACO,MAAL,EAAa,OAAO,KAAP;EACb,OACEG,MAAM,CAACC,KAAK,CAACC,WAAN,CAAkBC,MAAlB,CAAyBC,KAAzB,CAA+B,IAA/B,EAAqC,CAArC,CAAD,CAAN,GAAkDP,MAAM,CAACQ,UAAzD,IAAuE,CADzE;AAGD;;;;"}
package/esm/spaceUtilities.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"spaceUtilities.js","sources":["../../src/spaceUtilities.tsx"],"sourcesContent":["import { get } from 'lodash';\nimport { theme } from './theme';\n\nexport function mapGap(gutter: number | string): number | string {\n if (!gutter) return '0rem';\n if (String(gutter).includes('rem') || String(gutter).includes('px'))\n return gutter;\n return `${theme.space[gutter]}`;\n}\n\nexport function mapGutter(gutter: string | number): string {\n if (!gutter) return '0rem';\n return `${theme.space[gutter]} * 2`;\n}\n\nexport function mapSpace(width: string | number): string {\n if (typeof width === 'string')\n return get(theme, width) ? `${get(theme, width)}` : width;\n return `${width * 100}%`;\n}\n\nexport function fixSpaceGutter(\n width: string | number,\n gutter: string | number,\n): string | string[] {\n if (!width) return '';\n if (Array.isArray(width))\n 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 | string[] {\n if (!width) return '';\n if (Array.isArray(width)) return width.map((w) => mapSpace(w));\n return mapSpace(width);\n}\n\n/**\n * Grid\n *\n * @param grid\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 | string[] {\n if (Array.isArray(grid)) {\n if (grid.some((w) => typeof w === 'string'))\n return grid.map((w) => mapGrid(w));\n return numbersToFr(grid);\n }\n return mapGrid(grid);\n}\n"],"names":["mapGap","gutter","String","includes","theme","space","mapGutter","mapSpace","width","get","fixSpaceGutter","Array","isArray","map","w","fixSpace","numbersToFr","grid","den","f","Math","floor","d","mapGrid","mapTemplateGrid","some"],"mappings":"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"}
1
+ {"version":3,"file":"spaceUtilities.js","sources":["../../src/spaceUtilities.tsx"],"sourcesContent":["import { get } from 'lodash';\nimport { theme } from './theme';\n\nexport function mapGap(gutter: number | string): number | string {\n if (!gutter) return '0rem';\n if (String(gutter).includes('rem') || String(gutter).includes('px'))\n return gutter;\n return `${theme.space[gutter]}`;\n}\n\nexport function mapGutter(gutter: string | number): string {\n if (!gutter) return '0rem';\n return `${theme.space[gutter]} * 2`;\n}\n\nexport function mapSpace(width: string | number): string {\n if (typeof width === 'string')\n return get(theme, width) ? `${get(theme, width)}` : width;\n return `${width * 100}%`;\n}\n\nexport function fixSpaceGutter(\n width: string | number,\n gutter: string | number,\n): string | string[] {\n if (!width) return '';\n if (Array.isArray(width))\n 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 | string[] {\n if (!width) return '';\n if (Array.isArray(width)) return width.map((w) => mapSpace(w));\n return mapSpace(width);\n}\n\n/**\n * Grid\n *\n * @param grid\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 | string[] {\n if (Array.isArray(grid)) {\n if (grid.some((w) => typeof w === 'string'))\n return grid.map((w) => mapGrid(w));\n return numbersToFr(grid);\n }\n return mapGrid(grid);\n}\n"],"names":["mapGap","gutter","String","includes","theme","space","mapGutter","mapSpace","width","get","fixSpaceGutter","Array","isArray","map","w","fixSpace","numbersToFr","grid","den","f","Math","floor","d","mapGrid","mapTemplateGrid","some"],"mappings":"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"}
package/esm/themeProviderHOC.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"themeProviderHOC.js","sources":["../../src/themeProviderHOC.tsx"],"sourcesContent":["import React from 'react';\nimport { ThemeProvider } from 'styled-components';\nimport { theme } from './theme';\n\nexport const themeProviderHOC = (Component: React.ElementType) => (\n props: Record<string, unknown>,\n): JSX.Element => (\n <ThemeProvider theme={theme}>\n <Component {...props} />\n </ThemeProvider>\n);\n"],"names":["themeProviderHOC","Component","props","theme"],"mappings":";;;;;IAIaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,SAAD;AAAA,SAAkC,UAChEC,KADgE;AAAA,wBAGhE,oBAAC,aAAD;AAAe,MAAA,KAAK,EAAEC;AAAtB,oBACE,oBAAC,SAAD,EAAeD,KAAf,CADF,CAHgE;AAAA,GAAlC;AAAA;;;;"}
1
+ {"version":3,"file":"themeProviderHOC.js","sources":["../../src/themeProviderHOC.tsx"],"sourcesContent":["import React from 'react';\nimport { ThemeProvider } from 'styled-components';\nimport { theme } from './theme';\n\nexport const themeProviderHOC = (Component: React.ElementType) => (\n props: Record<string, unknown>,\n): JSX.Element => (\n <ThemeProvider theme={theme}>\n <Component {...props} />\n </ThemeProvider>\n);\n"],"names":["themeProviderHOC","Component","props","theme"],"mappings":";;;;;IAIaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,SAAD;EAAA,OAAkC,UAChEC,KADgE;IAAA,oBAGhE,oBAAC,aAAD;MAAe,KAAK,EAAEC;oBACpB,oBAAC,SAAD,EAAeD,KAAf,CADF,CAHgE;GAAlC;AAAA;;;;"}
package/esm/utils.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sources":["../../src/utils.tsx"],"sourcesContent":["/* eslint-disable no-shadow */\n/* eslint-disable max-lines */\n// https://github.com/styled-components/babel-plugin-styled-components/issues/216#issuecomment-516941240\nimport { lighten, rgba } from 'polished';\nimport { reduce } from 'lodash';\nimport { Keyframes } from 'styled-components';\nimport { theme } from './theme';\nimport { toMobile } from './mobileUtilities';\n// eslint-disable-next-line @typescript-eslint/no-var-requires\nconst styled = require('styled-components');\n\nconst { css } = styled;\nconst kfrm = styled.keyframes;\nconst { withTheme } = styled;\nconst { useTheme } = styled;\nconst { createGlobalStyle } = styled;\nexport { withTheme, createGlobalStyle, rgba, useTheme, kfrm, css };\n\nexport function truncate(width: string) {\n return (props): string => css`\n ${!!width || props.width ? `width: ${props.width || width};` : ''}\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n `;\n}\n\nexport function flexCenter(): string {\n return `\n display: flex;\n justify-content: center;\n align-items: center;\n `;\n}\n\nexport function disabled(): string {\n return `\n cursor: not-allowed;\n pointer-events: none;\n `;\n}\n\nexport function keyframes(obj: Record<string, unknown>): Keyframes {\n return kfrm`${reduce(\n obj,\n (result, value, key) => `\n ${result}\n ${key}% {\n ${value}\n }\n `,\n '',\n )}\n `;\n}\n\n// eslint-disable-next-line max-params\nexport function boxShadow(top: string, left: string, blur: string, color: string, inset = false): string {\n return `box-shadow: ${inset ? 'inset' : ''} ${top} ${left} ${blur} ${color};`;\n}\n\nexport function color(variant = 'neutral', type = 400): string {\n return css`\n color: ${(props) => props.theme.colors[variant][type]};\n `;\n}\n\nexport function border(color = theme.colors.brand[600], size = '1px', type = 'solid'): string {\n return `${size} ${type} ${color}`;\n}\n\nexport function animation(animationKeyframes: string, animationLength: string, animationTimingFn: string) {\n return (props): string => css`\n animation: ${props.animationKeyframes || animationKeyframes} ${props.animationLength || animationLength}\n ${props.animationTimingFn || animationTimingFn};\n `;\n}\n// 0.0769\nexport function focus(color: string = theme.colors.brand[600]) {\n return (): string => css`\n outline: none;\n border: 1px solid ${color};\n box-shadow: inset 0 0 0 1px ${lighten(0.3, color)};\n border-radius: 2px;\n `;\n}\n\nexport function focusAfter(color: string): string {\n return css`\n outline: none;\n position: relative;\n &:after {\n content: '';\n z-index: 10;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n ${focus(color)}\n }\n `;\n}\n\nexport function active() {\n return (props): string => css`\n outline: none;\n border: 1px solid ${props.theme.colors.brand[700]};\n border-radius: 2px;\n `;\n}\n\nexport function hover() {\n return (props): string => css`\n outline: 1px solid ${props.theme.colors.brand[600]};\n outline-offset: -1px;\n `;\n}\n\nexport function textStyle(type: string, weight = 'regular') {\n // eslint-disable-next-line complexity\n return (props): string => {\n let cssVar = `font-weight: ${props.theme.fontWeights[weight]};`;\n // eslint-disable-next-line default-case\n switch (type) {\n case 'h1':\n cssVar += `\n font-size: ${toMobile('2.7692rem')};\n line-height: normal;\n `;\n break;\n case 'h2':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.title[800])};\n line-height: normal;\n `;\n break;\n case 'h3':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.title[700])};\n line-height: 1.2;\n `;\n break;\n case 'h4':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.title[600])};\n line-height: normal;\n `;\n break;\n case 'h5':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.title[500])};\n line-height: normal;\n `;\n break;\n case 'section-header':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.title[500])};\n line-height: normal;\n text-transform: uppercase;\n `;\n break;\n case 'body':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.value[400])};\n line-height: normal;\n `;\n break;\n case 'body-small':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.value[300])};\n line-height: normal;\n `;\n break;\n case 'body-micro':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.microText[200])};\n line-height: normal;\n `;\n break;\n case 'list':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.value[400])};\n line-height: normal;\n `;\n break;\n case 'link':\n cssVar += `\n line-height: ${props.theme.xl};\n color: ${props.theme.colors.brand[600]};\n cursor: pointer;\n `;\n break;\n }\n return cssVar;\n };\n}\n\nexport function iconColor(variant = 'neutral', type = 400): string {\n return css`\n fill: ${(props) => props.theme.colors[variant][type]};\n `;\n}\n\nexport function fakeBorder(): string {\n return css`\n box-shadow: inset 0 0 0 1px ${(props) => props.theme.colors.neutral[200]};\n border-radius: 2px;\n `;\n}\n\nexport function fakeActive(): string {\n return css`\n outline: none;\n box-shadow: inset 0 0 0 1px ${(props) => props.theme.colors.brand[700]};\n border-radius: 2px;\n `;\n}\n\nexport function clearFocus(): string {\n return `\n border: none;\n box-shadow: none;\n `;\n}\n\nexport function buttonLink(): string {\n return `\n background-color: transparent;\n border: 1px solid transparent;\n cursor: pointer;\n `;\n}\n\nexport function transition(t = 'all 1s ease'): string {\n return `\n transition: ${t};\n `;\n}\n\nexport function onlySafariAndFiredox(styles: string): string {\n return css`\n @media not all and (min-resolution: 0.001dpcm) {\n ${styles}\n }\n @media screen and (min--moz-device-pixel-ratio: 0) {\n ${styles}\n }\n `;\n}\n\nexport function onlySafari(styles: string): string {\n return css`\n @media not all and (min-resolution: 0.001dpcm) {\n ${styles}\n }\n `;\n}\n\nexport function onlyFirefox(styles: string): string {\n return css`\n @media screen and (min--moz-device-pixel-ratio: 0) {\n ${styles}\n }\n `;\n}\n\nexport function safariAndFirefoxBold(color: string): string {\n return css`\n @media not all and (min-resolution: 0.001dpcm) {\n font-weight: 400;\n -webkit-font-smoothing: subpixel-antialiased;\n -webkit-text-stroke: 0.4px ${color};\n }\n @media screen and (min--moz-device-pixel-ratio: 0) {\n font-weight: 400;\n -webkit-font-smoothing: subpixel-antialiased;\n -webkit-text-stroke: 0.4px ${color};\n }\n `;\n}\n"],"names":["styled","require","css","kfrm","keyframes","withTheme","useTheme","createGlobalStyle","truncate","width","props","flexCenter","disabled","obj","reduce","result","value","key","boxShadow","top","left","blur","color","inset","variant","type","theme","colors","border","brand","size","animation","animationKeyframes","animationLength","animationTimingFn","focus","lighten","focusAfter","active","hover","textStyle","weight","cssVar","fontWeights","toMobile","fontSizes","title","microText","xl","iconColor","fakeBorder","neutral","fakeActive","clearFocus","buttonLink","transition","t","onlySafariAndFiredox","styles","onlySafari","onlyFirefox","safariAndFirefoxBold"],"mappings":"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"}
1
+ {"version":3,"file":"utils.js","sources":["../../src/utils.tsx"],"sourcesContent":["/* eslint-disable no-shadow */\n/* eslint-disable max-lines */\n// https://github.com/styled-components/babel-plugin-styled-components/issues/216#issuecomment-516941240\nimport { lighten, rgba } from 'polished';\nimport { reduce } from 'lodash';\nimport { Keyframes } from 'styled-components';\nimport { theme } from './theme';\nimport { toMobile } from './mobileUtilities';\n// eslint-disable-next-line @typescript-eslint/no-var-requires\nconst styled = require('styled-components');\n\nconst { css } = styled;\nconst kfrm = styled.keyframes;\nconst { withTheme } = styled;\nconst { useTheme } = styled;\nconst { createGlobalStyle } = styled;\nexport { withTheme, createGlobalStyle, rgba, useTheme, kfrm, css };\n\nexport function truncate(width: string) {\n return (props): string => css`\n ${!!width || props.width ? `width: ${props.width || width};` : ''}\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n `;\n}\n\nexport function flexCenter(): string {\n return `\n display: flex;\n justify-content: center;\n align-items: center;\n `;\n}\n\nexport function disabled(): string {\n return `\n cursor: not-allowed;\n pointer-events: none;\n `;\n}\n\nexport function keyframes(obj: Record<string, unknown>): Keyframes {\n return kfrm`${reduce(\n obj,\n (result, value, key) => `\n ${result}\n ${key}% {\n ${value}\n }\n `,\n '',\n )}\n `;\n}\n\n// eslint-disable-next-line max-params\nexport function boxShadow(top: string, left: string, blur: string, color: string, inset = false): string {\n return `box-shadow: ${inset ? 'inset' : ''} ${top} ${left} ${blur} ${color};`;\n}\n\nexport function color(variant = 'neutral', type = 400): string {\n return css`\n color: ${(props) => props.theme.colors[variant][type]};\n `;\n}\n\nexport function border(color = theme.colors.brand[600], size = '1px', type = 'solid'): string {\n return `${size} ${type} ${color}`;\n}\n\nexport function animation(animationKeyframes: string, animationLength: string, animationTimingFn: string) {\n return (props): string => css`\n animation: ${props.animationKeyframes || animationKeyframes} ${props.animationLength || animationLength}\n ${props.animationTimingFn || animationTimingFn};\n `;\n}\n// 0.0769\nexport function focus(color: string = theme.colors.brand[600]) {\n return (): string => css`\n outline: none;\n border: 1px solid ${color};\n box-shadow: inset 0 0 0 1px ${lighten(0.3, color)};\n border-radius: 2px;\n `;\n}\n\nexport function focusAfter(color: string): string {\n return css`\n outline: none;\n position: relative;\n &:after {\n content: '';\n z-index: 10;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n ${focus(color)}\n }\n `;\n}\n\nexport function active() {\n return (props): string => css`\n outline: none;\n border: 1px solid ${props.theme.colors.brand[700]};\n border-radius: 2px;\n `;\n}\n\nexport function hover() {\n return (props): string => css`\n outline: 1px solid ${props.theme.colors.brand[600]};\n outline-offset: -1px;\n `;\n}\n\nexport function textStyle(type: string, weight = 'regular') {\n // eslint-disable-next-line complexity\n return (props): string => {\n let cssVar = `font-weight: ${props.theme.fontWeights[weight]};`;\n // eslint-disable-next-line default-case\n switch (type) {\n case 'h1':\n cssVar += `\n font-size: ${toMobile('2.7692rem')};\n line-height: normal;\n `;\n break;\n case 'h2':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.title[800])};\n line-height: normal;\n `;\n break;\n case 'h3':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.title[700])};\n line-height: 1.2;\n `;\n break;\n case 'h4':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.title[600])};\n line-height: normal;\n `;\n break;\n case 'h5':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.title[500])};\n line-height: normal;\n `;\n break;\n case 'section-header':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.title[500])};\n line-height: normal;\n text-transform: uppercase;\n `;\n break;\n case 'body':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.value[400])};\n line-height: normal;\n `;\n break;\n case 'body-small':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.value[300])};\n line-height: normal;\n `;\n break;\n case 'body-micro':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.microText[200])};\n line-height: normal;\n `;\n break;\n case 'list':\n cssVar += `\n font-size: ${toMobile(props.theme.fontSizes.value[400])};\n line-height: normal;\n `;\n break;\n case 'link':\n cssVar += `\n line-height: ${props.theme.xl};\n color: ${props.theme.colors.brand[600]};\n cursor: pointer;\n `;\n break;\n }\n return cssVar;\n };\n}\n\nexport function iconColor(variant = 'neutral', type = 400): string {\n return css`\n fill: ${(props) => props.theme.colors[variant][type]};\n `;\n}\n\nexport function fakeBorder(): string {\n return css`\n box-shadow: inset 0 0 0 1px ${(props) => props.theme.colors.neutral[200]};\n border-radius: 2px;\n `;\n}\n\nexport function fakeActive(): string {\n return css`\n outline: none;\n box-shadow: inset 0 0 0 1px ${(props) => props.theme.colors.brand[700]};\n border-radius: 2px;\n `;\n}\n\nexport function clearFocus(): string {\n return `\n border: none;\n box-shadow: none;\n `;\n}\n\nexport function buttonLink(): string {\n return `\n background-color: transparent;\n border: 1px solid transparent;\n cursor: pointer;\n `;\n}\n\nexport function transition(t = 'all 1s ease'): string {\n return `\n transition: ${t};\n `;\n}\n\nexport function onlySafariAndFiredox(styles: string): string {\n return css`\n @media not all and (min-resolution: 0.001dpcm) {\n ${styles}\n }\n @media screen and (min--moz-device-pixel-ratio: 0) {\n ${styles}\n }\n `;\n}\n\nexport function onlySafari(styles: string): string {\n return css`\n @media not all and (min-resolution: 0.001dpcm) {\n ${styles}\n }\n `;\n}\n\nexport function onlyFirefox(styles: string): string {\n return css`\n @media screen and (min--moz-device-pixel-ratio: 0) {\n ${styles}\n }\n `;\n}\n\nexport function safariAndFirefoxBold(color: string): string {\n return css`\n @media not all and (min-resolution: 0.001dpcm) {\n font-weight: 400;\n -webkit-font-smoothing: subpixel-antialiased;\n -webkit-text-stroke: 0.4px ${color};\n }\n @media screen and (min--moz-device-pixel-ratio: 0) {\n font-weight: 400;\n -webkit-font-smoothing: subpixel-antialiased;\n -webkit-text-stroke: 0.4px ${color};\n }\n `;\n}\n"],"names":["styled","require","css","kfrm","keyframes","withTheme","useTheme","createGlobalStyle","truncate","width","props","flexCenter","disabled","obj","reduce","result","value","key","boxShadow","top","left","blur","color","inset","variant","type","theme","colors","border","brand","size","animation","animationKeyframes","animationLength","animationTimingFn","focus","lighten","focusAfter","active","hover","textStyle","weight","cssVar","fontWeights","toMobile","fontSizes","title","microText","xl","iconColor","fakeBorder","neutral","fakeActive","clearFocus","buttonLink","transition","t","onlySafariAndFiredox","styles","onlySafari","onlyFirefox","safariAndFirefoxBold"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-system",
3
- "version": "1.61.12",
3
+ "version": "1.61.13",
4
4
  "license": "MIT",
5
5
  "description": "Ellie Mae - Dim Sum - System",
6
6
  "main": "cjs/index.js",