@foxford/ui 2.25.0 → 2.26.0
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.
- package/components/Popover/Popover.js +2 -0
- package/components/Popover/Popover.js.map +1 -0
- package/components/PopoverComponent/PopoverComponent.js +2 -0
- package/components/PopoverComponent/PopoverComponent.js.map +1 -0
- package/components/PopoverComponent/constants.js +2 -0
- package/components/PopoverComponent/constants.js.map +1 -0
- package/components/PopoverComponent/images/close.module.svg.js +2 -0
- package/components/PopoverComponent/images/close.module.svg.js.map +1 -0
- package/components/PopoverComponent/style.js +2 -0
- package/components/PopoverComponent/style.js.map +1 -0
- package/dts/index.d.ts +377 -177
- package/index.cjs.js +1 -1
- package/index.cjs.js.map +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
- package/theme/themes.js +1 -1
- package/theme/themes.js.map +1 -1
package/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{hexToRgbA,isHex}from'./shared/utils/colors.js';export{ThemeProvider}from'./theme/theme-provider.js';export{adultDarkTheme,adultLightTheme,babyDarkTheme,babyLightTheme,motherDarkTheme,motherLightTheme,teenDarkTheme,teenLightTheme,defaultTheme as theme}from'./theme/themes.js';export{ColorNames}from'./theme/colors.js';export{screenL,screenM,screenMaxL,screenMaxM,screenMaxS,screenMaxXl,screenMaxXs,screenMaxXxs,screenMinL,screenMinM,screenMinS,screenMinXl,screenMinXs,screenRetina,screenS,screenXl,screenXs}from'./mixins/screen.js';export{property,responsiveNamedProperty,responsiveProperty}from'./mixins/responsive-property.js';export{color}from'./mixins/color.js';export{vAlign}from'./mixins/vAlign.js';export{buildMediaQuery,desktopFirst,mobileFirst}from'./mixins/shared.js';export{ActionBtn}from'./components/ActionBtn/ActionBtn.js';export{Alert}from'./components/Alert/Alert.js';export{Amount}from'./components/Amount/Amount.js';export{CURRENCY_MAP,CurrencyCodes}from'./components/Amount/data/index.js';export{Anchor}from'./components/Anchor/Anchor.js';export{Arrow}from'./components/Arrow/Arrow.js';export{ArrowBadge}from'./components/ArrowBadge/ArrowBadge.js';export{Avatar}from'./components/Avatar/Avatar.js';export{Badge}from'./components/Badge/Badge.js';export{Button}from'./components/Button/Button.js';export{Container}from'./components/Container/Container.js';export{Icon}from'./components/Icon/Icon.js';export{defaultIcons}from'./components/Icon/icons.js';export{Modal}from'./components/Modal/Modal.js';export{Paper}from'./components/Paper/Paper.js';export{Progress}from'./components/Progress/Progress.js';export{Scrollable}from'./components/Scrollable/Scrollable.js';export{Section}from'./components/Section/Section.js';export{Separator}from'./components/Separator/Separator.js';export{Spacer}from'./components/Spacer/Spacer.js';export{Spinner}from'./components/Spinner/Spinner.js';export{Switcher}from'./components/Switcher/Switcher.js';export{Tab}from'./components/Tab/Tab.js';export{Tabs}from'./components/Tabs/Tabs.js';export{Text}from'./components/Text/Text.js';export{Tooltip}from'./components/Tooltip/Tooltip.js';export{Tag}from'./components/Tag/Tag.js';export{ContextMenu}from'./components/ContextMenu/ContextMenu.js';export{Textarea}from'./components/Textarea/Textarea.js';export{Input}from'./components/Input/Input.js';export{baseInputStyle}from'./components/Input/style.js';export{COUNTRY_DATA,DEFAULT_MASK,INITIAL_MASK}from'./components/Input.Phone/constants.js';export{Radio}from'./components/Radio/Radio.js';export{Checkbox}from'./components/Checkbox/Checkbox.js';export{Select}from'./components/Select/Select.js';export{FormLabel}from'./components/FormLabel/FormLabel.js';export{Skeleton}from'./components/Skeleton/Skeleton.js';
|
|
1
|
+
export{hexToRgbA,isHex}from'./shared/utils/colors.js';export{ThemeProvider}from'./theme/theme-provider.js';export{adultDarkTheme,adultLightTheme,babyDarkTheme,babyLightTheme,motherDarkTheme,motherLightTheme,teenDarkTheme,teenLightTheme,defaultTheme as theme}from'./theme/themes.js';export{ColorNames}from'./theme/colors.js';export{screenL,screenM,screenMaxL,screenMaxM,screenMaxS,screenMaxXl,screenMaxXs,screenMaxXxs,screenMinL,screenMinM,screenMinS,screenMinXl,screenMinXs,screenRetina,screenS,screenXl,screenXs}from'./mixins/screen.js';export{property,responsiveNamedProperty,responsiveProperty}from'./mixins/responsive-property.js';export{color}from'./mixins/color.js';export{vAlign}from'./mixins/vAlign.js';export{buildMediaQuery,desktopFirst,mobileFirst}from'./mixins/shared.js';export{ActionBtn}from'./components/ActionBtn/ActionBtn.js';export{Alert}from'./components/Alert/Alert.js';export{Amount}from'./components/Amount/Amount.js';export{CURRENCY_MAP,CurrencyCodes}from'./components/Amount/data/index.js';export{Anchor}from'./components/Anchor/Anchor.js';export{Arrow}from'./components/Arrow/Arrow.js';export{ArrowBadge}from'./components/ArrowBadge/ArrowBadge.js';export{Avatar}from'./components/Avatar/Avatar.js';export{Badge}from'./components/Badge/Badge.js';export{Button}from'./components/Button/Button.js';export{Container}from'./components/Container/Container.js';export{Icon}from'./components/Icon/Icon.js';export{defaultIcons}from'./components/Icon/icons.js';export{Modal}from'./components/Modal/Modal.js';export{Paper}from'./components/Paper/Paper.js';export{Progress}from'./components/Progress/Progress.js';export{Scrollable}from'./components/Scrollable/Scrollable.js';export{Section}from'./components/Section/Section.js';export{Separator}from'./components/Separator/Separator.js';export{Spacer}from'./components/Spacer/Spacer.js';export{Spinner}from'./components/Spinner/Spinner.js';export{Switcher}from'./components/Switcher/Switcher.js';export{Tab}from'./components/Tab/Tab.js';export{Tabs}from'./components/Tabs/Tabs.js';export{Text}from'./components/Text/Text.js';export{Tooltip}from'./components/Tooltip/Tooltip.js';export{Tag}from'./components/Tag/Tag.js';export{ContextMenu}from'./components/ContextMenu/ContextMenu.js';export{Textarea}from'./components/Textarea/Textarea.js';export{Input}from'./components/Input/Input.js';export{baseInputStyle}from'./components/Input/style.js';export{COUNTRY_DATA,DEFAULT_MASK,INITIAL_MASK}from'./components/Input.Phone/constants.js';export{Radio}from'./components/Radio/Radio.js';export{Checkbox}from'./components/Checkbox/Checkbox.js';export{Select}from'./components/Select/Select.js';export{FormLabel}from'./components/FormLabel/FormLabel.js';export{Skeleton}from'./components/Skeleton/Skeleton.js';export{Popover}from'./components/Popover/Popover.js';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
package/theme/themes.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import o from'@babel/runtime/helpers/objectSpread2';import{hexToRgbA as r}from'../shared/utils/colors.js';import{relBuilder as e}from'../shared/utils/rel-builder.js';import{SizeInput as s}from'../shared/enums/sizeInput.js';import{BREAKPOINTS as a}from'../shared/constants.js';import{colors as t,socialColors as l,unitColors as m}from'./colors.js';import{baseColors as d,motherColors as n,babyColors as i,teenColors as b,adultColors as h}from'./colors-light.js';import{baseColors as
|
|
1
|
+
import o from'@babel/runtime/helpers/objectSpread2';import{hexToRgbA as r}from'../shared/utils/colors.js';import{relBuilder as e}from'../shared/utils/rel-builder.js';import{SizeInput as s}from'../shared/enums/sizeInput.js';import{BREAKPOINTS as a}from'../shared/constants.js';import{colors as t,socialColors as l,unitColors as m}from'./colors.js';import{baseColors as d,motherColors as n,babyColors as i,teenColors as b,adultColors as h}from'./colors-light.js';import{baseColors as p,motherColors as c,babyColors as u,teenColors as f,adultColors as C}from'./colors-dark.js';var T={breakpoints:a,colors:o(o(o(o(o({},t),l),m),d),n),borderRadius:'5px',textColor:'mineShaft',fallbackColor:'mineShaft',zIndex:{modal:9e3,tooltip:80},classNamePrefix:'fox',defaultInputControlsWidth:s.l,utils:{relBuilder:e,hexToRgbA:r},mode:'light',preset:'default',name:'mother',components:{Arrow:{size:'l'},Button:{size:'m'},Checkbox:{size:'m'},Tooltip:{preset:'default'}}};var k=o(o({},T),{},{preset:'brand'});var v=o(o({},T),{},{colors:o(o(o({},T.colors),p),c),mode:'dark',preset:'brand'});var x=o(o({},T),{},{colors:o(o({},T.colors),i),preset:'brand',name:'baby'});var g=o(o({},T),{},{colors:o(o(o({},T.colors),p),u),mode:'dark',preset:'brand',name:'baby'});var j=o(o({},T),{},{colors:o(o({},T.colors),b),preset:'brand',name:'teen'});var y=o(o({},T),{},{colors:o(o(o({},T.colors),p),f),mode:'dark',preset:'brand',name:'teen'});var z=o(o({},T),{},{colors:o(o({},T.colors),h),preset:'brand',name:'adult'});var I=o(o({},T),{},{colors:o(o(o({},T.colors),p),C),mode:'dark',preset:'brand',name:'adult'});export{I as adultDarkTheme,z as adultLightTheme,g as babyDarkTheme,x as babyLightTheme,T as defaultTheme,v as motherDarkTheme,k as motherLightTheme,y as teenDarkTheme,j as teenLightTheme};
|
|
2
2
|
//# sourceMappingURL=themes.js.map
|
package/theme/themes.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.js","sources":["../../../src/theme/themes.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components'\nimport { hexToRgbA } from 'shared/utils/colors'\nimport { relBuilder } from 'shared/utils/rel-builder'\nimport { SizeInput } from 'shared/enums/sizeInput'\nimport { BREAKPOINTS } from 'shared/constants'\nimport { colors, socialColors, unitColors } from './colors'\nimport * as ColorsLight from './colors-light'\nimport * as ColorsDark from './colors-dark'\n\nexport const defaultTheme: DefaultTheme = {\n breakpoints: BREAKPOINTS,\n colors: {\n ...colors,\n ...socialColors,\n ...unitColors,\n ...ColorsLight.baseColors,\n ...ColorsLight.motherColors,\n },\n borderRadius: '5px',\n textColor: 'mineShaft',\n fallbackColor: 'mineShaft',\n zIndex: {\n modal: 9000,\n tooltip: 80,\n },\n classNamePrefix: 'fox',\n defaultInputControlsWidth: SizeInput.l,\n utils: {\n relBuilder,\n hexToRgbA,\n },\n mode: 'light',\n preset: 'default',\n name: 'mother',\n components: {\n Arrow: {\n size: 'l',\n },\n Button: {\n size: 'm',\n },\n Checkbox: {\n size: 'm',\n },\n },\n}\n\nexport const motherLightTheme: DefaultTheme = {\n ...defaultTheme,\n preset: 'brand',\n}\n\nexport const motherDarkTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsDark.baseColors,\n ...ColorsDark.motherColors,\n },\n mode: 'dark',\n preset: 'brand',\n}\n\nexport const babyLightTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsLight.babyColors,\n },\n preset: 'brand',\n name: 'baby',\n}\n\nexport const babyDarkTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsDark.baseColors,\n ...ColorsDark.babyColors,\n },\n mode: 'dark',\n preset: 'brand',\n name: 'baby',\n}\n\nexport const teenLightTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsLight.teenColors,\n },\n preset: 'brand',\n name: 'teen',\n}\n\nexport const teenDarkTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsDark.baseColors,\n ...ColorsDark.teenColors,\n },\n mode: 'dark',\n preset: 'brand',\n name: 'teen',\n}\n\nexport const adultLightTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsLight.adultColors,\n },\n preset: 'brand',\n name: 'adult',\n}\n\nexport const adultDarkTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsDark.baseColors,\n ...ColorsDark.adultColors,\n },\n mode: 'dark',\n preset: 'brand',\n name: 'adult',\n}\n"],"names":["defaultTheme","breakpoints","BREAKPOINTS","colors","socialColors","unitColors","ColorsLight","borderRadius","textColor","fallbackColor","zIndex","modal","tooltip","classNamePrefix","defaultInputControlsWidth","SizeInput","l","utils","relBuilder","hexToRgbA","mode","preset","name","components","Arrow","size","Button","Checkbox","motherLightTheme","_objectSpread","motherDarkTheme","ColorsDark","babyLightTheme","babyDarkTheme","teenLightTheme","teenDarkTheme","adultLightTheme","adultDarkTheme"],"mappings":"8jBASO,IAAMA,EAA6B,CACxCC,YAAaC,EACbC,OACKA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,GAAAA,GACAC,GACAC,GACAC,GACAA,GAELC,aAAc,MACdC,UAAW,YACXC,cAAe,YACfC,OAAQ,CACNC,MAAO,IACPC,QAAS,IAEXC,gBAAiB,MACjBC,0BAA2BC,EAAUC,EACrCC,MAAO,CACLC,WAAAA,EACAC,UAAAA,GAEFC,KAAM,QACNC,OAAQ,UACRC,KAAM,SACNC,WAAY,CACVC,MAAO,CACLC,KAAM,KAERC,OAAQ,CACND,KAAM,KAERE,SAAU,CACRF,KAAM,
|
|
1
|
+
{"version":3,"file":"themes.js","sources":["../../../src/theme/themes.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components'\nimport { hexToRgbA } from 'shared/utils/colors'\nimport { relBuilder } from 'shared/utils/rel-builder'\nimport { SizeInput } from 'shared/enums/sizeInput'\nimport { BREAKPOINTS } from 'shared/constants'\nimport { colors, socialColors, unitColors } from './colors'\nimport * as ColorsLight from './colors-light'\nimport * as ColorsDark from './colors-dark'\n\nexport const defaultTheme: DefaultTheme = {\n breakpoints: BREAKPOINTS,\n colors: {\n ...colors,\n ...socialColors,\n ...unitColors,\n ...ColorsLight.baseColors,\n ...ColorsLight.motherColors,\n },\n borderRadius: '5px',\n textColor: 'mineShaft',\n fallbackColor: 'mineShaft',\n zIndex: {\n modal: 9000,\n tooltip: 80,\n },\n classNamePrefix: 'fox',\n defaultInputControlsWidth: SizeInput.l,\n utils: {\n relBuilder,\n hexToRgbA,\n },\n mode: 'light',\n preset: 'default',\n name: 'mother',\n components: {\n Arrow: {\n size: 'l',\n },\n Button: {\n size: 'm',\n },\n Checkbox: {\n size: 'm',\n },\n Tooltip: {\n preset: 'default',\n },\n },\n}\n\nexport const motherLightTheme: DefaultTheme = {\n ...defaultTheme,\n preset: 'brand',\n}\n\nexport const motherDarkTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsDark.baseColors,\n ...ColorsDark.motherColors,\n },\n mode: 'dark',\n preset: 'brand',\n}\n\nexport const babyLightTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsLight.babyColors,\n },\n preset: 'brand',\n name: 'baby',\n}\n\nexport const babyDarkTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsDark.baseColors,\n ...ColorsDark.babyColors,\n },\n mode: 'dark',\n preset: 'brand',\n name: 'baby',\n}\n\nexport const teenLightTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsLight.teenColors,\n },\n preset: 'brand',\n name: 'teen',\n}\n\nexport const teenDarkTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsDark.baseColors,\n ...ColorsDark.teenColors,\n },\n mode: 'dark',\n preset: 'brand',\n name: 'teen',\n}\n\nexport const adultLightTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsLight.adultColors,\n },\n preset: 'brand',\n name: 'adult',\n}\n\nexport const adultDarkTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsDark.baseColors,\n ...ColorsDark.adultColors,\n },\n mode: 'dark',\n preset: 'brand',\n name: 'adult',\n}\n"],"names":["defaultTheme","breakpoints","BREAKPOINTS","colors","socialColors","unitColors","ColorsLight","borderRadius","textColor","fallbackColor","zIndex","modal","tooltip","classNamePrefix","defaultInputControlsWidth","SizeInput","l","utils","relBuilder","hexToRgbA","mode","preset","name","components","Arrow","size","Button","Checkbox","Tooltip","motherLightTheme","_objectSpread","motherDarkTheme","ColorsDark","babyLightTheme","babyDarkTheme","teenLightTheme","teenDarkTheme","adultLightTheme","adultDarkTheme"],"mappings":"8jBASO,IAAMA,EAA6B,CACxCC,YAAaC,EACbC,OACKA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,GAAAA,GACAC,GACAC,GACAC,GACAA,GAELC,aAAc,MACdC,UAAW,YACXC,cAAe,YACfC,OAAQ,CACNC,MAAO,IACPC,QAAS,IAEXC,gBAAiB,MACjBC,0BAA2BC,EAAUC,EACrCC,MAAO,CACLC,WAAAA,EACAC,UAAAA,GAEFC,KAAM,QACNC,OAAQ,UACRC,KAAM,SACNC,WAAY,CACVC,MAAO,CACLC,KAAM,KAERC,OAAQ,CACND,KAAM,KAERE,SAAU,CACRF,KAAM,KAERG,QAAS,CACPP,OAAQ,aAKP,IAAMQ,EAA8BC,EAAAA,EAAA,GACtC9B,GADsC,GAAA,CAEzCqB,OAAQ,UAGH,IAAMU,EAA6BD,EAAAA,EAAA,GACrC9B,GADqC,GAAA,CAExCG,OACKH,EAAAA,EAAAA,EAAAA,GAAAA,EAAaG,QACb6B,GACAA,GAELZ,KAAM,OACNC,OAAQ,UAGH,IAAMY,EAA4BH,EAAAA,EAAA,GACpC9B,GADoC,GAAA,CAEvCG,OAAM2B,EAAAA,EAAA,GACD9B,EAAaG,QACbG,GAELe,OAAQ,QACRC,KAAM,SAGD,IAAMY,EAA2BJ,EAAAA,EAAA,GACnC9B,GADmC,GAAA,CAEtCG,OACKH,EAAAA,EAAAA,EAAAA,GAAAA,EAAaG,QACb6B,GACAA,GAELZ,KAAM,OACNC,OAAQ,QACRC,KAAM,SAGD,IAAMa,EAA4BL,EAAAA,EAAA,GACpC9B,GADoC,GAAA,CAEvCG,OAAM2B,EAAAA,EAAA,GACD9B,EAAaG,QACbG,GAELe,OAAQ,QACRC,KAAM,SAGD,IAAMc,EAA2BN,EAAAA,EAAA,GACnC9B,GADmC,GAAA,CAEtCG,OACKH,EAAAA,EAAAA,EAAAA,GAAAA,EAAaG,QACb6B,GACAA,GAELZ,KAAM,OACNC,OAAQ,QACRC,KAAM,SAGD,IAAMe,EAA6BP,EAAAA,EAAA,GACrC9B,GADqC,GAAA,CAExCG,OAAM2B,EAAAA,EAAA,GACD9B,EAAaG,QACbG,GAELe,OAAQ,QACRC,KAAM,UAGD,IAAMgB,EAA4BR,EAAAA,EAAA,GACpC9B,GADoC,GAAA,CAEvCG,OACKH,EAAAA,EAAAA,EAAAA,GAAAA,EAAaG,QACb6B,GACAA,GAELZ,KAAM,OACNC,OAAQ,QACRC,KAAM"}
|