@salutejs/plasma-new-hope 0.89.0-dev.0 → 0.89.1-canary.1258.9581780165.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/_Icon/IconRoot.js +1 -1
- package/cjs/components/_Icon/IconRoot.js.map +1 -1
- package/es/components/_Icon/IconRoot.js +1 -1
- package/es/components/_Icon/IconRoot.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/_Icon/IconRoot.js +1 -1
- package/styled-components/es/components/_Icon/IconRoot.js +1 -1
|
@@ -41,7 +41,7 @@ var IconRoot = function IconRoot(_ref2) {
|
|
|
41
41
|
color = _ref2.color,
|
|
42
42
|
className = _ref2.className,
|
|
43
43
|
sizeCustomProperty = _ref2.sizeCustomProperty;
|
|
44
|
-
var c = color || 'var(--
|
|
44
|
+
var c = color || 'var(--text-primary)';
|
|
45
45
|
var w = sizeCustomProperty ? "var(".concat(sizeCustomProperty, ")") : "".concat(sizeMap[size], "rem");
|
|
46
46
|
return /*#__PURE__*/React.createElement(StyledRoot, {
|
|
47
47
|
"aria-hidden": true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconRoot.js","sources":["../../../src/components/_Icon/IconRoot.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@linaria/react';\n\nconst sizeMap = {\n xxs: 1, // 16px\n xs: 1, // 16px\n s: 1.5, // 24px\n m: 2.25, // 36px\n l: 2.75, // 44px\n xl: 3.5, // 56px\n xxl: 6.25, // 100px\n};\n\nexport type IconSize = keyof typeof sizeMap;\n\nexport interface IconProps {\n size?: IconSize;\n color?: string;\n className?: string;\n /*\n * Прорпс, который принимает название css-переменной.\n * В значении токена может быть как rem, так и другая единица измерения (значение задается через конфиг).\n * @example\n * const token = '--plasma-icon-size';\n * ...\n * <Icon sizeCustomProperty={token} {...rest}/>\n */\n sizeCustomProperty?: string;\n}\n\ninterface IconRootProps extends IconProps {\n size: IconSize;\n icon: React.FC<IconProps>;\n}\n\nconst StyledRoot = styled.div<{ w: string }>`\n display: inline-flex;\n width: ${({ w }) => w};\n height: ${({ w }) => w};\n flex: 0 0 ${({ w }) => w};\n`;\n\nexport const IconRoot: React.FC<IconRootProps> = ({\n icon: IconComponent,\n size,\n color,\n className,\n sizeCustomProperty,\n}) => {\n const c = color || 'var(--
|
|
1
|
+
{"version":3,"file":"IconRoot.js","sources":["../../../src/components/_Icon/IconRoot.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@linaria/react';\n\nconst sizeMap = {\n xxs: 1, // 16px\n xs: 1, // 16px\n s: 1.5, // 24px\n m: 2.25, // 36px\n l: 2.75, // 44px\n xl: 3.5, // 56px\n xxl: 6.25, // 100px\n};\n\nexport type IconSize = keyof typeof sizeMap;\n\nexport interface IconProps {\n size?: IconSize;\n color?: string;\n className?: string;\n /*\n * Прорпс, который принимает название css-переменной.\n * В значении токена может быть как rem, так и другая единица измерения (значение задается через конфиг).\n * @example\n * const token = '--plasma-icon-size';\n * ...\n * <Icon sizeCustomProperty={token} {...rest}/>\n */\n sizeCustomProperty?: string;\n}\n\ninterface IconRootProps extends IconProps {\n size: IconSize;\n icon: React.FC<IconProps>;\n}\n\nconst StyledRoot = styled.div<{ w: string }>`\n display: inline-flex;\n width: ${({ w }) => w};\n height: ${({ w }) => w};\n flex: 0 0 ${({ w }) => w};\n`;\n\nexport const IconRoot: React.FC<IconRootProps> = ({\n icon: IconComponent,\n size,\n color,\n className,\n sizeCustomProperty,\n}) => {\n const c = color || 'var(--text-primary)';\n\n const w = sizeCustomProperty ? `var(${sizeCustomProperty})` : `${sizeMap[size]}rem`;\n\n return (\n <StyledRoot aria-hidden w={w} className={className}>\n <IconComponent color={c} size={size} />\n </StyledRoot>\n );\n};\n"],"names":["sizeMap","xxs","xs","s","m","l","xl","xxl","_exp3","_ref","w","StyledRoot","styled","name","class","propsAsIs","vars","IconRoot","_ref2","IconComponent","icon","size","color","className","sizeCustomProperty","c","concat","React","createElement"],"mappings":";;;;;;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,GAAG,EAAE,CAAC;AAAE;AACRC,EAAAA,EAAE,EAAE,CAAC;AAAE;AACPC,EAAAA,CAAC,EAAE,GAAG;AAAE;AACRC,EAAAA,CAAC,EAAE,IAAI;AAAE;AACTC,EAAAA,CAAC,EAAE,IAAI;AAAE;AACTC,EAAAA,EAAE,EAAE,GAAG;AAAE;EACTC,GAAG,EAAE,IAAI;AACb,CAAC,CAAA;AAsBA,IAAAC,KAAA,GAhCiBA,SAgCjBA,KAAAA,GAAA;AAAA,EAAA,OAMe,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,CAAAA,GAAAA,IAAAA,CAAAA,CAAAA,CAAAA;AAAAA,IAAAA,OAAQA,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJ5B,IAAMC,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAITR,KAAY,EAAA,CAAA;AAAA,GAAA;AAAA,CAC3B,CAAA,CAAA;IAEYS,QAAiC,GAAGA,SAApCA,QAAiCA,CAAAC,KAAA,EAMxC;AAAA,EAAA,IALIC,aAAa,GAAAD,KAAA,CAAnBE,IAAI;IACJC,IAAI,GAAAH,KAAA,CAAJG,IAAI;IACJC,KAAK,GAAAJ,KAAA,CAALI,KAAK;IACLC,SAAS,GAAAL,KAAA,CAATK,SAAS;IACTC,kBAAAA,GAAAA,KAAAA,CAAAA,kBAAAA,CAAAA;AAEA,EAAA,IAAMC,CAAC,GAAGH,KAAK,IAAI,qBAAqB,CAAA;AAExC,EAAA,IAAMZ,CAAC,GAAGc,kBAAkB,GAAA,MAAA,CAAAE,MAAA,CAAUF,kBAAmB,EAAAE,GAAAA,CAAAA,GAAAA,EAAAA,CAAAA,MAAA,CAAQ1B,OAAO,CAACqB,IAAI,CAAE,EAAI,KAAA,CAAA,CAAA;AAEnF,EAAA,oBACIM,KAAA,CAAAC,aAAA,CAACjB,UAAU,EAAA;IAAC,aAAW,EAAA,IAAA;AAACD,IAAAA,CAAC,EAAEA,CAAE;AAACa,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,eAC/CI,KAAA,CAAAC,aAAA,CAACT,aAAa,EAAA;AAACG,IAAAA,KAAK,EAAEG,CAAE;AAACJ,IAAAA,IAAI,EAAEA,IAAAA;AAAK,GAAA,CAC5B,CAAC,CAAA;AAErB;;;;"}
|
|
@@ -37,7 +37,7 @@ var IconRoot = function IconRoot(_ref2) {
|
|
|
37
37
|
color = _ref2.color,
|
|
38
38
|
className = _ref2.className,
|
|
39
39
|
sizeCustomProperty = _ref2.sizeCustomProperty;
|
|
40
|
-
var c = color || 'var(--
|
|
40
|
+
var c = color || 'var(--text-primary)';
|
|
41
41
|
var w = sizeCustomProperty ? "var(".concat(sizeCustomProperty, ")") : "".concat(sizeMap[size], "rem");
|
|
42
42
|
return /*#__PURE__*/React.createElement(StyledRoot, {
|
|
43
43
|
"aria-hidden": true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconRoot.js","sources":["../../../src/components/_Icon/IconRoot.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@linaria/react';\n\nconst sizeMap = {\n xxs: 1, // 16px\n xs: 1, // 16px\n s: 1.5, // 24px\n m: 2.25, // 36px\n l: 2.75, // 44px\n xl: 3.5, // 56px\n xxl: 6.25, // 100px\n};\n\nexport type IconSize = keyof typeof sizeMap;\n\nexport interface IconProps {\n size?: IconSize;\n color?: string;\n className?: string;\n /*\n * Прорпс, который принимает название css-переменной.\n * В значении токена может быть как rem, так и другая единица измерения (значение задается через конфиг).\n * @example\n * const token = '--plasma-icon-size';\n * ...\n * <Icon sizeCustomProperty={token} {...rest}/>\n */\n sizeCustomProperty?: string;\n}\n\ninterface IconRootProps extends IconProps {\n size: IconSize;\n icon: React.FC<IconProps>;\n}\n\nconst StyledRoot = styled.div<{ w: string }>`\n display: inline-flex;\n width: ${({ w }) => w};\n height: ${({ w }) => w};\n flex: 0 0 ${({ w }) => w};\n`;\n\nexport const IconRoot: React.FC<IconRootProps> = ({\n icon: IconComponent,\n size,\n color,\n className,\n sizeCustomProperty,\n}) => {\n const c = color || 'var(--
|
|
1
|
+
{"version":3,"file":"IconRoot.js","sources":["../../../src/components/_Icon/IconRoot.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@linaria/react';\n\nconst sizeMap = {\n xxs: 1, // 16px\n xs: 1, // 16px\n s: 1.5, // 24px\n m: 2.25, // 36px\n l: 2.75, // 44px\n xl: 3.5, // 56px\n xxl: 6.25, // 100px\n};\n\nexport type IconSize = keyof typeof sizeMap;\n\nexport interface IconProps {\n size?: IconSize;\n color?: string;\n className?: string;\n /*\n * Прорпс, который принимает название css-переменной.\n * В значении токена может быть как rem, так и другая единица измерения (значение задается через конфиг).\n * @example\n * const token = '--plasma-icon-size';\n * ...\n * <Icon sizeCustomProperty={token} {...rest}/>\n */\n sizeCustomProperty?: string;\n}\n\ninterface IconRootProps extends IconProps {\n size: IconSize;\n icon: React.FC<IconProps>;\n}\n\nconst StyledRoot = styled.div<{ w: string }>`\n display: inline-flex;\n width: ${({ w }) => w};\n height: ${({ w }) => w};\n flex: 0 0 ${({ w }) => w};\n`;\n\nexport const IconRoot: React.FC<IconRootProps> = ({\n icon: IconComponent,\n size,\n color,\n className,\n sizeCustomProperty,\n}) => {\n const c = color || 'var(--text-primary)';\n\n const w = sizeCustomProperty ? `var(${sizeCustomProperty})` : `${sizeMap[size]}rem`;\n\n return (\n <StyledRoot aria-hidden w={w} className={className}>\n <IconComponent color={c} size={size} />\n </StyledRoot>\n );\n};\n"],"names":["sizeMap","xxs","xs","s","m","l","xl","xxl","_exp3","_ref","w","StyledRoot","styled","name","class","propsAsIs","vars","IconRoot","_ref2","IconComponent","icon","size","color","className","sizeCustomProperty","c","concat","React","createElement"],"mappings":";;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,GAAG,EAAE,CAAC;AAAE;AACRC,EAAAA,EAAE,EAAE,CAAC;AAAE;AACPC,EAAAA,CAAC,EAAE,GAAG;AAAE;AACRC,EAAAA,CAAC,EAAE,IAAI;AAAE;AACTC,EAAAA,CAAC,EAAE,IAAI;AAAE;AACTC,EAAAA,EAAE,EAAE,GAAG;AAAE;EACTC,GAAG,EAAE,IAAI;AACb,CAAC,CAAA;AAsBA,IAAAC,KAAA,GAhCiBA,SAgCjBA,KAAAA,GAAA;AAAA,EAAA,OAMe,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,CAAAA,GAAAA,IAAAA,CAAAA,CAAAA,CAAAA;AAAAA,IAAAA,OAAQA,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJ5B,IAAMC,UAAU,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAITR,KAAY,EAAA,CAAA;AAAA,GAAA;AAAA,CAC3B,CAAA,CAAA;IAEYS,QAAiC,GAAGA,SAApCA,QAAiCA,CAAAC,KAAA,EAMxC;AAAA,EAAA,IALIC,aAAa,GAAAD,KAAA,CAAnBE,IAAI;IACJC,IAAI,GAAAH,KAAA,CAAJG,IAAI;IACJC,KAAK,GAAAJ,KAAA,CAALI,KAAK;IACLC,SAAS,GAAAL,KAAA,CAATK,SAAS;IACTC,kBAAAA,GAAAA,KAAAA,CAAAA,kBAAAA,CAAAA;AAEA,EAAA,IAAMC,CAAC,GAAGH,KAAK,IAAI,qBAAqB,CAAA;AAExC,EAAA,IAAMZ,CAAC,GAAGc,kBAAkB,GAAA,MAAA,CAAAE,MAAA,CAAUF,kBAAmB,EAAAE,GAAAA,CAAAA,GAAAA,EAAAA,CAAAA,MAAA,CAAQ1B,OAAO,CAACqB,IAAI,CAAE,EAAI,KAAA,CAAA,CAAA;AAEnF,EAAA,oBACIM,KAAA,CAAAC,aAAA,CAACjB,UAAU,EAAA;IAAC,aAAW,EAAA,IAAA;AAACD,IAAAA,CAAC,EAAEA,CAAE;AAACa,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,eAC/CI,KAAA,CAAAC,aAAA,CAACT,aAAa,EAAA;AAACG,IAAAA,KAAK,EAAEG,CAAE;AAACJ,IAAAA,IAAI,EAAEA,IAAAA;AAAK,GAAA,CAC5B,CAAC,CAAA;AAErB;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.89.
|
|
3
|
+
"version": "0.89.1-canary.1258.9581780165.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -105,5 +105,5 @@
|
|
|
105
105
|
"react-popper": "2.3.0",
|
|
106
106
|
"storeon": "3.1.5"
|
|
107
107
|
},
|
|
108
|
-
"gitHead": "
|
|
108
|
+
"gitHead": "78b859d3f4f1029ceb8d2835d055c0b928c599e6"
|
|
109
109
|
}
|
|
@@ -40,7 +40,7 @@ var IconRoot = exports.IconRoot = function IconRoot(_ref4) {
|
|
|
40
40
|
color = _ref4.color,
|
|
41
41
|
className = _ref4.className,
|
|
42
42
|
sizeCustomProperty = _ref4.sizeCustomProperty;
|
|
43
|
-
var c = color || 'var(--
|
|
43
|
+
var c = color || 'var(--text-primary)';
|
|
44
44
|
var w = sizeCustomProperty ? "var(".concat(sizeCustomProperty, ")") : "".concat(sizeMap[size], "rem");
|
|
45
45
|
return /*#__PURE__*/_react["default"].createElement(StyledRoot, {
|
|
46
46
|
"aria-hidden": true,
|
|
@@ -33,7 +33,7 @@ export var IconRoot = function IconRoot(_ref4) {
|
|
|
33
33
|
color = _ref4.color,
|
|
34
34
|
className = _ref4.className,
|
|
35
35
|
sizeCustomProperty = _ref4.sizeCustomProperty;
|
|
36
|
-
var c = color || 'var(--
|
|
36
|
+
var c = color || 'var(--text-primary)';
|
|
37
37
|
var w = sizeCustomProperty ? "var(".concat(sizeCustomProperty, ")") : "".concat(sizeMap[size], "rem");
|
|
38
38
|
return /*#__PURE__*/React.createElement(StyledRoot, {
|
|
39
39
|
"aria-hidden": true,
|