@foxford/ui 2.89.0-beta-a982c24-20251215 → 2.89.0-beta-f37e97a-20251217
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"iconPack.js","sources":["../../../../src/components/Icon/iconPack.tsx"],"sourcesContent":["import iconsCollection from '@foxford/icon-pack/collection'\nimport type { IconsCollection } from '@foxford/icon-pack'\nimport type { IconData } from './types'\n\nexport const iconsIconPack: Record<string, IconData> = Object.keys(iconsCollection.icons).reduce
|
|
1
|
+
{"version":3,"file":"iconPack.js","sources":["../../../../src/components/Icon/iconPack.tsx"],"sourcesContent":["import iconsCollection from '@foxford/icon-pack/collection'\nimport type { IconsCollection } from '@foxford/icon-pack'\nimport type { IconData } from './types'\n\nexport const iconsIconPack: Record<string, IconData> = Object.keys(iconsCollection.icons).reduce<\n Record<string, IconData>\n>((acc, name) => {\n const iconPackIcon = (iconsCollection as IconsCollection).icons[name]\n\n acc[name] = {\n icon: iconPackIcon.path,\n multicolor: iconPackIcon.multicolor,\n }\n\n if (iconPackIcon.iso) {\n acc[iconPackIcon.iso] = {\n icon: iconPackIcon.path,\n multicolor: iconPackIcon.multicolor,\n }\n }\n\n return acc\n}, {})\n"],"names":["iconsIconPack","Object","keys","iconsCollection","default","icons","reduce","acc","name","iconPackIcon","icon","path","multicolor","iso"],"mappings":"oFAIaA,cAA0CC,OAAOC,KAAKC,WAAeC,QAACC,OAAOC,QAExF,CAACC,EAAKC,KACN,MAAMC,EAAgBN,WAAAA,QAAoCE,MAAMG,GAchE,OAZAD,EAAIC,GAAQ,CACVE,KAAMD,EAAaE,KACnBC,WAAYH,EAAaG,YAGvBH,EAAaI,MACfN,EAAIE,EAAaI,KAAO,CACtBH,KAAMD,EAAaE,KACnBC,WAAYH,EAAaG,aAItBL,CAAG,GACT,CAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"iconPack.mjs","sources":["../../../../src/components/Icon/iconPack.tsx"],"sourcesContent":["import iconsCollection from '@foxford/icon-pack/collection'\nimport type { IconsCollection } from '@foxford/icon-pack'\nimport type { IconData } from './types'\n\nexport const iconsIconPack: Record<string, IconData> = Object.keys(iconsCollection.icons).reduce
|
|
1
|
+
{"version":3,"file":"iconPack.mjs","sources":["../../../../src/components/Icon/iconPack.tsx"],"sourcesContent":["import iconsCollection from '@foxford/icon-pack/collection'\nimport type { IconsCollection } from '@foxford/icon-pack'\nimport type { IconData } from './types'\n\nexport const iconsIconPack: Record<string, IconData> = Object.keys(iconsCollection.icons).reduce<\n Record<string, IconData>\n>((acc, name) => {\n const iconPackIcon = (iconsCollection as IconsCollection).icons[name]\n\n acc[name] = {\n icon: iconPackIcon.path,\n multicolor: iconPackIcon.multicolor,\n }\n\n if (iconPackIcon.iso) {\n acc[iconPackIcon.iso] = {\n icon: iconPackIcon.path,\n multicolor: iconPackIcon.multicolor,\n }\n }\n\n return acc\n}, {})\n"],"names":["iconsIconPack","Object","keys","iconsCollection","icons","reduce","acc","name","iconPackIcon","icon","path","multicolor","iso"],"mappings":"2EAIaA,cAA0CC,OAAOC,KAAKC,gBAAgBC,OAAOC,QAExF,CAACC,EAAKC,KACN,MAAMC,EAAgBL,gBAAoCC,MAAMG,GAchE,OAZAD,EAAIC,GAAQ,CACVE,KAAMD,EAAaE,KACnBC,WAAYH,EAAaG,YAGvBH,EAAaI,MACfN,EAAIE,EAAaI,KAAO,CACtBH,KAAMD,EAAaE,KACnBC,WAAYH,EAAaG,aAItBL,CAAG,GACT,CAAE"}
|
package/components/Icon/style.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var style=require('../../shared/utils/style.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const shouldForwardIconProp=style.createShouldForwardProp((e=>!['vAlign','url','multicolor'].includes(e)));const Root=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardIconProp}).withConfig({displayName:"Icon__Root",componentId:"ui__sc-yfeniy-0"})([""," "," "," ",""],(e=>`\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 1em;\n height: 1em;\n color: ${e.color?color.getColor(e.color,e):'inherit'};\n vertical-align: ${e.vAlign?e.vAlign:'baseline'};\n & > svg {\n display: block;\n width: 100%;\n height: 100%;\n }\n `),(e=>e.url?e.multicolor?`\n background-image: url(${e.url});\n background-origin: border-box;\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n `:`\n mask-image: url(${e.url});\n mask-position: center;\n mask-repeat: no-repeat;\n mask-size: contain;\n background-color: currentcolor;\n `:''),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Root=Root;
|
|
1
|
+
'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var style=require('../../shared/utils/style.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const shouldForwardIconProp=style.createShouldForwardProp((e=>!['vAlign','url','multicolor'].includes(e)));const Root=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardIconProp}).withConfig({displayName:"Icon__Root",componentId:"ui__sc-yfeniy-0"})([""," "," "," ",""],(e=>`\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 1em;\n height: 1em;\n color: ${e.color?color.getColor(e.color,e):'inherit'};\n vertical-align: ${e.vAlign?e.vAlign:'baseline'};\n & > svg {\n display: block;\n width: 100%;\n height: 100%;\n fill: currentcolor;\n }\n `),(e=>e.url?e.multicolor?`\n background-image: url(${e.url});\n background-origin: border-box;\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n `:`\n mask-image: url(${e.url});\n mask-position: center;\n mask-repeat: no-repeat;\n mask-size: contain;\n background-color: currentcolor;\n `:''),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Root=Root;
|
|
2
2
|
//# sourceMappingURL=style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../../src/components/Icon/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getColor } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledIconProps } from './types'\n\nconst shouldForwardIconProp = createShouldForwardProp((propKey) => !['vAlign', 'url', 'multicolor'].includes(propKey))\n\nexport const Root = styled.span.withConfig<StyledIconProps>({\n shouldForwardProp: shouldForwardIconProp,\n})`\n ${(props) => `\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 1em;\n height: 1em;\n color: ${props.color ? getColor(props.color, props) : 'inherit'};\n vertical-align: ${props.vAlign ? props.vAlign : 'baseline'};\n & > svg {\n display: block;\n width: 100%;\n height: 100%;\n }\n `}\n\n ${(props) => {\n if (!props.url) {\n return ''\n }\n\n return props.multicolor\n ? `\n background-image: url(${props.url});\n background-origin: border-box;\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n `\n : `\n mask-image: url(${props.url});\n mask-position: center;\n mask-repeat: no-repeat;\n mask-size: contain;\n background-color: currentcolor;\n `\n }}\n\n ${responsiveSize}\n ${responsiveMargin}\n`\n"],"names":["shouldForwardIconProp","createShouldForwardProp","propKey","includes","Root","styled","span","withConfig","shouldForwardProp","displayName","componentId","props","color","getColor","vAlign","url","multicolor","responsiveSize","responsiveMargin"],"mappings":"8XAOA,MAAMA,sBAAwBC,MAAuBA,yBAAEC,IAAa,CAAC,SAAU,MAAO,cAAcC,SAASD,KAEtG,MAAME,KAAOC,gBAAAA,QAAOC,KAAKC,WAA4B,CAC1DC,kBAAmBR,wBACnBO,WAAA,CAAAE,YAAA,aAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,KACGM,GAAU,wLAQFA,EAAMC,MAAQC,MAAQA,SAACF,EAAMC,MAAOD,GAAS,mCACpCA,EAAMG,OAASH,EAAMG,OAAS,
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../../src/components/Icon/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getColor } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledIconProps } from './types'\n\nconst shouldForwardIconProp = createShouldForwardProp((propKey) => !['vAlign', 'url', 'multicolor'].includes(propKey))\n\nexport const Root = styled.span.withConfig<StyledIconProps>({\n shouldForwardProp: shouldForwardIconProp,\n})`\n ${(props) => `\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 1em;\n height: 1em;\n color: ${props.color ? getColor(props.color, props) : 'inherit'};\n vertical-align: ${props.vAlign ? props.vAlign : 'baseline'};\n & > svg {\n display: block;\n width: 100%;\n height: 100%;\n fill: currentcolor;\n }\n `}\n\n ${(props) => {\n if (!props.url) {\n return ''\n }\n\n return props.multicolor\n ? `\n background-image: url(${props.url});\n background-origin: border-box;\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n `\n : `\n mask-image: url(${props.url});\n mask-position: center;\n mask-repeat: no-repeat;\n mask-size: contain;\n background-color: currentcolor;\n `\n }}\n\n ${responsiveSize}\n ${responsiveMargin}\n`\n"],"names":["shouldForwardIconProp","createShouldForwardProp","propKey","includes","Root","styled","span","withConfig","shouldForwardProp","displayName","componentId","props","color","getColor","vAlign","url","multicolor","responsiveSize","responsiveMargin"],"mappings":"8XAOA,MAAMA,sBAAwBC,MAAuBA,yBAAEC,IAAa,CAAC,SAAU,MAAO,cAAcC,SAASD,KAEtG,MAAME,KAAOC,gBAAAA,QAAOC,KAAKC,WAA4B,CAC1DC,kBAAmBR,wBACnBO,WAAA,CAAAE,YAAA,aAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,KACGM,GAAU,wLAQFA,EAAMC,MAAQC,MAAQA,SAACF,EAAMC,MAAOD,GAAS,mCACpCA,EAAMG,OAASH,EAAMG,OAAS,qIAS/CH,GACIA,EAAMI,IAIJJ,EAAMK,WACT,qCAC0BL,EAAMI,oLAMhC,+BACoBJ,EAAMI,mKAZrB,IAoBTE,eAAcA,eACdC,iBAAgBA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import styled from'styled-components';import{getColor}from'../../mixins/color.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';const shouldForwardIconProp=createShouldForwardProp((o=>!['vAlign','url','multicolor'].includes(o)));const Root=styled.span.withConfig({shouldForwardProp:shouldForwardIconProp}).withConfig({displayName:"Icon__Root",componentId:"ui__sc-yfeniy-0"})([""," "," "," ",""],(o=>`\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 1em;\n height: 1em;\n color: ${o.color?getColor(o.color,o):'inherit'};\n vertical-align: ${o.vAlign?o.vAlign:'baseline'};\n & > svg {\n display: block;\n width: 100%;\n height: 100%;\n }\n `),(o=>o.url?o.multicolor?`\n background-image: url(${o.url});\n background-origin: border-box;\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n `:`\n mask-image: url(${o.url});\n mask-position: center;\n mask-repeat: no-repeat;\n mask-size: contain;\n background-color: currentcolor;\n `:''),responsiveSize,responsiveMargin);export{Root};
|
|
1
|
+
import styled from'styled-components';import{getColor}from'../../mixins/color.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';const shouldForwardIconProp=createShouldForwardProp((o=>!['vAlign','url','multicolor'].includes(o)));const Root=styled.span.withConfig({shouldForwardProp:shouldForwardIconProp}).withConfig({displayName:"Icon__Root",componentId:"ui__sc-yfeniy-0"})([""," "," "," ",""],(o=>`\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 1em;\n height: 1em;\n color: ${o.color?getColor(o.color,o):'inherit'};\n vertical-align: ${o.vAlign?o.vAlign:'baseline'};\n & > svg {\n display: block;\n width: 100%;\n height: 100%;\n fill: currentcolor;\n }\n `),(o=>o.url?o.multicolor?`\n background-image: url(${o.url});\n background-origin: border-box;\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n `:`\n mask-image: url(${o.url});\n mask-position: center;\n mask-repeat: no-repeat;\n mask-size: contain;\n background-color: currentcolor;\n `:''),responsiveSize,responsiveMargin);export{Root};
|
|
2
2
|
//# sourceMappingURL=style.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.mjs","sources":["../../../../src/components/Icon/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getColor } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledIconProps } from './types'\n\nconst shouldForwardIconProp = createShouldForwardProp((propKey) => !['vAlign', 'url', 'multicolor'].includes(propKey))\n\nexport const Root = styled.span.withConfig<StyledIconProps>({\n shouldForwardProp: shouldForwardIconProp,\n})`\n ${(props) => `\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 1em;\n height: 1em;\n color: ${props.color ? getColor(props.color, props) : 'inherit'};\n vertical-align: ${props.vAlign ? props.vAlign : 'baseline'};\n & > svg {\n display: block;\n width: 100%;\n height: 100%;\n }\n `}\n\n ${(props) => {\n if (!props.url) {\n return ''\n }\n\n return props.multicolor\n ? `\n background-image: url(${props.url});\n background-origin: border-box;\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n `\n : `\n mask-image: url(${props.url});\n mask-position: center;\n mask-repeat: no-repeat;\n mask-size: contain;\n background-color: currentcolor;\n `\n }}\n\n ${responsiveSize}\n ${responsiveMargin}\n`\n"],"names":["shouldForwardIconProp","createShouldForwardProp","propKey","includes","Root","styled","span","withConfig","shouldForwardProp","displayName","componentId","props","color","getColor","vAlign","url","multicolor","responsiveSize","responsiveMargin"],"mappings":"mRAOA,MAAMA,sBAAwBC,yBAAyBC,IAAa,CAAC,SAAU,MAAO,cAAcC,SAASD,KAEtG,MAAME,KAAOC,OAAOC,KAAKC,WAA4B,CAC1DC,kBAAmBR,wBACnBO,WAAA,CAAAE,YAAA,aAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,KACGM,GAAU,wLAQFA,EAAMC,MAAQC,SAASF,EAAMC,MAAOD,GAAS,mCACpCA,EAAMG,OAASH,EAAMG,OAAS,
|
|
1
|
+
{"version":3,"file":"style.mjs","sources":["../../../../src/components/Icon/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getColor } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledIconProps } from './types'\n\nconst shouldForwardIconProp = createShouldForwardProp((propKey) => !['vAlign', 'url', 'multicolor'].includes(propKey))\n\nexport const Root = styled.span.withConfig<StyledIconProps>({\n shouldForwardProp: shouldForwardIconProp,\n})`\n ${(props) => `\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 1em;\n height: 1em;\n color: ${props.color ? getColor(props.color, props) : 'inherit'};\n vertical-align: ${props.vAlign ? props.vAlign : 'baseline'};\n & > svg {\n display: block;\n width: 100%;\n height: 100%;\n fill: currentcolor;\n }\n `}\n\n ${(props) => {\n if (!props.url) {\n return ''\n }\n\n return props.multicolor\n ? `\n background-image: url(${props.url});\n background-origin: border-box;\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n `\n : `\n mask-image: url(${props.url});\n mask-position: center;\n mask-repeat: no-repeat;\n mask-size: contain;\n background-color: currentcolor;\n `\n }}\n\n ${responsiveSize}\n ${responsiveMargin}\n`\n"],"names":["shouldForwardIconProp","createShouldForwardProp","propKey","includes","Root","styled","span","withConfig","shouldForwardProp","displayName","componentId","props","color","getColor","vAlign","url","multicolor","responsiveSize","responsiveMargin"],"mappings":"mRAOA,MAAMA,sBAAwBC,yBAAyBC,IAAa,CAAC,SAAU,MAAO,cAAcC,SAASD,KAEtG,MAAME,KAAOC,OAAOC,KAAKC,WAA4B,CAC1DC,kBAAmBR,wBACnBO,WAAA,CAAAE,YAAA,aAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,KACGM,GAAU,wLAQFA,EAAMC,MAAQC,SAASF,EAAMC,MAAOD,GAAS,mCACpCA,EAAMG,OAASH,EAAMG,OAAS,qIAS/CH,GACIA,EAAMI,IAIJJ,EAAMK,WACT,qCAC0BL,EAAMI,oLAMhC,+BACoBJ,EAAMI,mKAZrB,IAoBTE,eACAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@foxford/ui",
|
|
3
|
-
"version": "2.89.0-beta-
|
|
3
|
+
"version": "2.89.0-beta-f37e97a-20251217",
|
|
4
4
|
"description": "UI components and utilities",
|
|
5
5
|
"bugs": {
|
|
6
6
|
"url": "https://github.com/foxford/ui/issues"
|
|
@@ -63,6 +63,6 @@
|
|
|
63
63
|
"shared",
|
|
64
64
|
"theme"
|
|
65
65
|
],
|
|
66
|
-
"sha": "
|
|
66
|
+
"sha": "f37e97a",
|
|
67
67
|
"scripts": {}
|
|
68
68
|
}
|