@foxford/ui 2.0.0-beta-5ae66b6-20220706 → 2.0.0-beta-ad5fea2-20220706

package/mixins/shared.js

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/esm/taggedTemplateLiteral';import{css as x}from'styled-components';var r,t;var s=Object.freeze({xxxl:44,xxl:40,xl:36,l:28,m:24,s:20,xs:16,xxs:8,xxxs:4});var a=Object.freeze({xxxl:24,xxl:22,xl:20,l:18,m:16,s:14,xs:12,xxs:10,xxxs:8});function n(e){return'string'==typeof e&&s[e]?s[e]:e}function l(s,a,l,i){var o=arguments.length>3&&void 0!==i?i:'px';var f=n(s);if('function'==typeof a){var m=a(f,o);return x(["",""],l()(r||(r=e(["\n        ","\n      "])),m))}return x(["",""],l()(t||(t=e(["\n      ",": ","",";\n    "])),a,n(s),o))}export{a as FONT_SIZES_LATIN,s as SIZES_LATIN,l as buildMediaQuery,n as calcValueWithLatinAlias};
+import e from'@babel/runtime/helpers/taggedTemplateLiteral';import{css as x}from'styled-components';var r,t;var a=Object.freeze({xxxl:44,xxl:40,xl:36,l:28,m:24,s:20,xs:16,xxs:8,xxxs:4});var s=Object.freeze({xxxl:24,xxl:22,xl:20,l:18,m:16,s:14,xs:12,xxs:10,xxxs:8});function n(e){return'string'==typeof e&&a[e]?a[e]:e}function l(a,s,l,i){var o=arguments.length>3&&void 0!==i?i:'px';var f=n(a);if('function'==typeof s){var u=s(f,o);return x(["",""],l()(r||(r=e(["\n        ","\n      "])),u))}return x(["",""],l()(t||(t=e(["\n      ",": ","",";\n    "])),s,n(a),o))}export{s as FONT_SIZES_LATIN,a as SIZES_LATIN,l as buildMediaQuery,n as calcValueWithLatinAlias};
 //# sourceMappingURL=shared.js.map

package/mixins/shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","sources":["../../../src/mixins/shared.ts"],"sourcesContent":["import { css, FlattenSimpleInterpolation } from 'styled-components'\nimport { SizeLatin } from './enums/sizeLatin'\nimport { screenXs } from './screen'\n\nexport const SIZES_LATIN: Readonly<Record<SizeLatin, number>> = Object.freeze({\n  xxxl: 44,\n  xxl: 40,\n  xl: 36,\n  l: 28,\n  m: 24,\n  s: 20,\n  xs: 16,\n  xxs: 8,\n  xxxs: 4,\n})\n\n// eslint-disable-next-line no-unused-vars\nexport const FONT_SIZES_LATIN: Readonly<Record<SizeLatin, number>> = Object.freeze({\n  xxxl: 24,\n  xxl: 22,\n  xl: 20,\n  l: 18,\n  m: 16,\n  s: 14,\n  xs: 12,\n  xxs: 10,\n  xxxs: 8,\n})\n\n/**\n *\n * @param {number | keyof typeof SizeLatin} value\n * @returns\n */\nexport function calcValueWithLatinAlias(value: number | keyof typeof SizeLatin): number {\n  if (typeof value === 'string' && SIZES_LATIN[value]) return SIZES_LATIN[value]\n\n  return value as number\n}\n\nexport function buildMediaQuery(\n  value: number | keyof typeof SizeLatin,\n  property: string | ((_size: number, _sizing?: string) => FlattenSimpleInterpolation | null),\n  screenQueryFunction: typeof screenXs,\n  sizing = 'px'\n): ReturnType<typeof css> {\n  const size = calcValueWithLatinAlias(value)\n\n  if (typeof property === 'function') {\n    const value = property(size, sizing)\n    return css`\n      ${screenQueryFunction()`\n        ${value}\n      `}\n    `\n  }\n\n  return css`\n    ${screenQueryFunction()`\n      ${property}: ${calcValueWithLatinAlias(value)}${sizing};\n    `}\n  `\n}\n"],"names":["SIZES_LATIN","Object","freeze","xxxl","xxl","xl","l","m","s","xs","xxs","xxxs","FONT_SIZES_LATIN","calcValueWithLatinAlias","value","buildMediaQuery","property","screenQueryFunction","a","sizing","size","css"],"mappings":"oHAIaA,EAAmDC,OAAOC,OAAO,CAC5EC,KAAM,GACNC,IAAK,GACLC,GAAI,GACJC,EAAG,GACHC,EAAG,GACHC,EAAG,GACHC,GAAI,GACJC,IAAK,EACLC,KAAM,QAIKC,EAAwDX,OAAOC,OAAO,CACjFC,KAAM,GACNC,IAAK,GACLC,GAAI,GACJC,EAAG,GACHC,EAAG,GACHC,EAAG,GACHC,GAAI,GACJC,IAAK,GACLC,KAAM,IAQD,SAASE,EAAwBC,GACtC,MAAqB,iBAAVA,GAAsBd,EAAYc,GAAed,EAAYc,GAEjEA,EAGF,SAASC,EACdD,EACAE,EACAC,EAHKC,GAKmB,IADxBC,+BAJKD,EAAAA,EAII,KAET,IAAME,EAAOP,EAAwBC,GAErC,GAAwB,mBAAbE,EAAyB,CAClC,IAAMF,EAAQE,EAASI,EAAMD,GAC7B,OAAOE,EAAP,CAAA,GAAA,IACIJ,GAAAA,qCACEH,IAKR,OAAOO,EAAP,CAAA,GAAA,IACIJ,GAAAA,CACED,IAAAA,EAAAA,EAAAA,CAAAA,WAAAA,KAAAA,GAAAA,aAAAA,EAAaH,EAAwBC,GAASK"}
+{"version":3,"file":"shared.js","sources":["../../../src/mixins/shared.ts"],"sourcesContent":["import { css, FlattenSimpleInterpolation } from 'styled-components'\nimport { SizeLatin } from './enums/sizeLatin'\nimport { screenXs } from './screen'\n\nexport const SIZES_LATIN: Readonly<Record<SizeLatin, number>> = Object.freeze({\n  xxxl: 44,\n  xxl: 40,\n  xl: 36,\n  l: 28,\n  m: 24,\n  s: 20,\n  xs: 16,\n  xxs: 8,\n  xxxs: 4,\n})\n\n// eslint-disable-next-line no-unused-vars\nexport const FONT_SIZES_LATIN: Readonly<Record<SizeLatin, number>> = Object.freeze({\n  xxxl: 24,\n  xxl: 22,\n  xl: 20,\n  l: 18,\n  m: 16,\n  s: 14,\n  xs: 12,\n  xxs: 10,\n  xxxs: 8,\n})\n\n/**\n *\n * @param {number | keyof typeof SizeLatin} value\n * @returns\n */\nexport function calcValueWithLatinAlias(value: number | keyof typeof SizeLatin): number {\n  if (typeof value === 'string' && SIZES_LATIN[value]) return SIZES_LATIN[value]\n\n  return value as number\n}\n\nexport function buildMediaQuery(\n  value: number | keyof typeof SizeLatin,\n  property: string | ((_size: number, _sizing?: string) => FlattenSimpleInterpolation | null),\n  screenQueryFunction: typeof screenXs,\n  sizing = 'px'\n): ReturnType<typeof css> {\n  const size = calcValueWithLatinAlias(value)\n\n  if (typeof property === 'function') {\n    const value = property(size, sizing)\n    return css`\n      ${screenQueryFunction()`\n        ${value}\n      `}\n    `\n  }\n\n  return css`\n    ${screenQueryFunction()`\n      ${property}: ${calcValueWithLatinAlias(value)}${sizing};\n    `}\n  `\n}\n"],"names":["SIZES_LATIN","Object","freeze","xxxl","xxl","xl","l","m","s","xs","xxs","xxxs","FONT_SIZES_LATIN","calcValueWithLatinAlias","value","buildMediaQuery","property","screenQueryFunction","a","sizing","size","css"],"mappings":"gHAIaA,EAAmDC,OAAOC,OAAO,CAC5EC,KAAM,GACNC,IAAK,GACLC,GAAI,GACJC,EAAG,GACHC,EAAG,GACHC,EAAG,GACHC,GAAI,GACJC,IAAK,EACLC,KAAM,QAIKC,EAAwDX,OAAOC,OAAO,CACjFC,KAAM,GACNC,IAAK,GACLC,GAAI,GACJC,EAAG,GACHC,EAAG,GACHC,EAAG,GACHC,GAAI,GACJC,IAAK,GACLC,KAAM,IAQD,SAASE,EAAwBC,GACtC,MAAqB,iBAAVA,GAAsBd,EAAYc,GAAed,EAAYc,GAEjEA,EAGF,SAASC,EACdD,EACAE,EACAC,EAHKC,GAKmB,IADxBC,+BAJKD,EAAAA,EAII,KAET,IAAME,EAAOP,EAAwBC,GAErC,GAAwB,mBAAbE,EAAyB,CAClC,IAAMF,EAAQE,EAASI,EAAMD,GAC7B,OAAOE,EAAP,CAAA,GAAA,IACIJ,GAAAA,qCACEH,IAKR,OAAOO,EAAP,CAAA,GAAA,IACIJ,GAAAA,CACED,IAAAA,EAAAA,EAAAA,CAAAA,WAAAA,KAAAA,GAAAA,aAAAA,EAAaH,EAAwBC,GAASK"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxford/ui",
-  "version": "2.0.0-beta-5ae66b6-20220706",
+  "version": "2.0.0-beta-ad5fea2-20220706",
   "description": "UI components library",
   "main": "index.cjs.js",
   "module": "index.js",
@@ -72,7 +72,8 @@
     "dts",
     "components",
     "mixins",
-    "theme"
+    "theme",
+    "hooks"
   ],
   "keywords": [
     "foxford",

package/theme/index.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/esm/objectSpread2';import{colors as r,socialColors as s,unitColors as e}from'./colors.js';export{ColorNames}from'./colors.js';import{breakpoints as a}from'./breakpoints.js';import'styled-components';import'./global-styled.js';import'react/jsx-runtime';var t='mineShaft';var m='mineShaft';var l={breakpoints:a,colors:o(o(o({},r),s),e),borderRadius:'5px',textColor:"mineShaft",fallbackColor:"mineShaft",zIndex:{modal:9e3,tooltip:80},classNamePrefix:'fox'};export{m as FALLBACK_COLOR,t as TEXT_COLOR,l as theme};
+import o from'@babel/runtime/helpers/objectSpread2';import{colors as r,socialColors as s,unitColors as a}from'./colors.js';export{ColorNames}from'./colors.js';import{breakpoints as e}from'./breakpoints.js';import'styled-components';import'./global-styled.js';import'react/jsx-runtime';var t='mineShaft';var l='mineShaft';var m={breakpoints:e,colors:o(o(o({},r),s),a),borderRadius:'5px',textColor:"mineShaft",fallbackColor:"mineShaft",zIndex:{modal:9e3,tooltip:80},classNamePrefix:'fox'};export{l as FALLBACK_COLOR,t as TEXT_COLOR,m as theme};
 //# sourceMappingURL=index.js.map

package/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/theme/index.ts"],"sourcesContent":["import { HEX, RGB, RGBA } from '../shared/interfaces'\nimport { colors, socialColors, unitColors } from './colors'\nimport { breakpoints } from './breakpoints'\n\nexport const TEXT_COLOR = 'mineShaft'\nexport const FALLBACK_COLOR = 'mineShaft'\n\nexport interface Theme {\n  breakpoints: Readonly<{\n    xl: number\n    l: number\n    m: number\n    s: number\n    xs: number\n    xxs: number\n  }>\n  colors: {\n    [key: string]: RGB | RGBA | HEX\n  }\n  borderRadius: string\n  textColor?: string\n  fallbackColor?: string\n  zIndex: {\n    modal: number\n    tooltip: number\n  }\n  classNamePrefix: string\n}\n\nconst theme: Theme = {\n  breakpoints,\n  colors: {\n    ...colors,\n    ...socialColors,\n    ...unitColors,\n  },\n  borderRadius: '5px',\n  textColor: TEXT_COLOR,\n  fallbackColor: FALLBACK_COLOR,\n  zIndex: {\n    modal: 9000,\n    tooltip: 80,\n  },\n  classNamePrefix: 'fox',\n}\n\nexport { theme }\n\nexport { ColorNames } from './colors'\n\nexport { ThemeProvider } from './theme-provider'\n"],"names":["TEXT_COLOR","FALLBACK_COLOR","theme","breakpoints","colors","socialColors","unitColors","borderRadius","textColor","fallbackColor","zIndex","modal","tooltip","classNamePrefix"],"mappings":"iSAIO,IAAMA,EAAa,YACnB,IAAMC,EAAiB,YAwB9B,IAAMC,EAAe,CACnBC,YAAAA,EACAC,gBACKA,GACAC,GACAC,GAELC,aAAc,MACdC,UAjCwB,YAkCxBC,cAjC4B,YAkC5BC,OAAQ,CACNC,MAAO,IACPC,QAAS,IAEXC,gBAAiB"}
+{"version":3,"file":"index.js","sources":["../../../src/theme/index.ts"],"sourcesContent":["import { HEX, RGB, RGBA } from '../shared/interfaces'\nimport { colors, socialColors, unitColors } from './colors'\nimport { breakpoints } from './breakpoints'\n\nexport const TEXT_COLOR = 'mineShaft'\nexport const FALLBACK_COLOR = 'mineShaft'\n\nexport interface Theme {\n  breakpoints: Readonly<{\n    xl: number\n    l: number\n    m: number\n    s: number\n    xs: number\n    xxs: number\n  }>\n  colors: {\n    [key: string]: RGB | RGBA | HEX\n  }\n  borderRadius: string\n  textColor?: string\n  fallbackColor?: string\n  zIndex: {\n    modal: number\n    tooltip: number\n  }\n  classNamePrefix: string\n}\n\nconst theme: Theme = {\n  breakpoints,\n  colors: {\n    ...colors,\n    ...socialColors,\n    ...unitColors,\n  },\n  borderRadius: '5px',\n  textColor: TEXT_COLOR,\n  fallbackColor: FALLBACK_COLOR,\n  zIndex: {\n    modal: 9000,\n    tooltip: 80,\n  },\n  classNamePrefix: 'fox',\n}\n\nexport { theme }\n\nexport { ColorNames } from './colors'\n\nexport { ThemeProvider } from './theme-provider'\n"],"names":["TEXT_COLOR","FALLBACK_COLOR","theme","breakpoints","colors","socialColors","unitColors","borderRadius","textColor","fallbackColor","zIndex","modal","tooltip","classNamePrefix"],"mappings":"6RAIO,IAAMA,EAAa,YACnB,IAAMC,EAAiB,YAwB9B,IAAMC,EAAe,CACnBC,YAAAA,EACAC,gBACKA,GACAC,GACAC,GAELC,aAAc,MACdC,UAjCwB,YAkCxBC,cAjC4B,YAkC5BC,OAAQ,CACNC,MAAO,IACPC,QAAS,IAEXC,gBAAiB"}

package/components/Tabs/Tab.js

@@ -1,2 +0,0 @@
-import e from'@babel/runtime/helpers/esm/objectSpread2';import a from'@babel/runtime/helpers/esm/objectWithoutProperties';import{Tab as r}from'./style.js';import{jsx as t}from'react/jsx-runtime';var s=["as","className","children","theme"];function m(m){var{as:o,className:i,children:l,theme:c}=m,n=a(m,s);return t(r,e(e(e({as:o,className:i,themeKey:c},'string'!=typeof o?{activeClassName:'active'}:{}),n),{},{children:l}))}m.defaultProps={as:'div',activeClassName:'active',borderColor:'alto',color:'mineShaft'};export{m as Tab};
-//# sourceMappingURL=Tab.js.map

package/components/Tabs/Tab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tabs/Tab.tsx"],"sourcesContent":["import { NavLink } from 'react-router-dom'\nimport { Color } from '../../mixins/color'\nimport * as Styled from './style'\n\nexport interface TabProps extends Color, Color<'borderColor'> {\n  /**\n   * An element type to render as (string or function).\n   */\n  as?: 'div' | 'a' | 'button' | 'span' | typeof NavLink\n  /**\n   * Primary content.\n   */\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * Active tab.\n   */\n  active?: boolean\n  /**\n   * Active tab.\n   */\n  activeClassName?: string\n  /**\n   * Active tab.\n   */\n  theme?: 'compact' | 'crispy' | 'crispyCompact'\n  className?: string\n}\n\nTab.defaultProps = {\n  as: 'div',\n  activeClassName: 'active',\n  borderColor: 'alto',\n  color: 'mineShaft',\n}\n\nexport function Tab(props: TabProps) {\n  const { as, className, children, theme, ...rest } = props\n\n  const linkProps = typeof as !== 'string' ? { activeClassName: 'active' } : {}\n\n  return (\n    <Styled.Tab as={as} className={className} themeKey={theme} {...linkProps} {...rest}>\n      {children}\n    </Styled.Tab>\n  )\n}\n"],"names":["Tab","props","as","className","children","theme","rest","_excluded","_jsx","Styled.Tab","_objectSpread","themeKey","activeClassName","defaultProps","borderColor","color"],"mappings":"+OAsCO,SAASA,EAAIC,GAClB,IAAMC,GAAEA,EAAFC,UAAMA,EAANC,SAAiBA,EAAjBC,MAA2BA,GAAmBJ,EAATK,IAASL,EAApDM,GAIA,OACEC,EAACC,EAADC,EAAAA,EAAAA,EAAA,CAAYR,GAAIA,EAAIC,UAAWA,EAAWQ,SAAUN,GAHtB,iBAAPH,EAAkB,CAAEU,gBAAiB,UAAa,IAGKN,GAA9E,GAAA,CAAAF,SACGA,KAdPJ,EAAIa,aAAe,CACjBX,GAAI,MACJU,gBAAiB,SACjBE,YAAa,OACbC,MAAO"}