@semcore/icon 16.7.2-prerelease.26 → 16.7.2-prerelease.29

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 (7) hide show
  1. package/lib/cjs/Icon.js +30 -1
  2. package/lib/cjs/Icon.js.map +1 -1
  3. package/lib/es6/Icon.js +30 -1
  4. package/lib/es6/Icon.js.map +1 -1
  5. package/lib/esm/Icon.mjs +30 -1
  6. package/lib/types/Icon.d.ts +20 -2
  7. package/package.json +96 -96
package/lib/cjs/Icon.js CHANGED
@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
9
  var _core = require("@semcore/core");
10
+ var _indentStyles = require("@semcore/core/lib/utils/indentStyles");
10
11
  var _propsForElement = _interopRequireDefault(require("@semcore/core/lib/utils/propsForElement"));
11
12
  var _useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
12
13
  var _react = _interopRequireDefault(require("react"));
@@ -17,11 +18,28 @@ const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_sta
17
18
  "__SIcon": "___SIcon_814te_gg_",
18
19
  "--color": "--color_814te"
19
20
  });
21
+ function calculateIndentStyles(props, scaleIndent) {
22
+ return (0, _indentStyles.removeUndefinedKeys)({
23
+ margin: (0, _indentStyles.getAutoOrScaleIndent)(props['m'], scaleIndent),
24
+ marginTop: (0, _indentStyles.getAutoOrScaleIndent)(props['mt'], scaleIndent) || (0, _indentStyles.getAutoOrScaleIndent)(props['my'], scaleIndent),
25
+ marginBottom: (0, _indentStyles.getAutoOrScaleIndent)(props['mb'], scaleIndent) || (0, _indentStyles.getAutoOrScaleIndent)(props['my'], scaleIndent),
26
+ marginLeft: (0, _indentStyles.getAutoOrScaleIndent)(props['ml'], scaleIndent) || (0, _indentStyles.getAutoOrScaleIndent)(props['mx'], scaleIndent),
27
+ marginRight: (0, _indentStyles.getAutoOrScaleIndent)(props['mr'], scaleIndent) || (0, _indentStyles.getAutoOrScaleIndent)(props['mx'], scaleIndent)
28
+ });
29
+ }
20
30
  function Icon({
21
31
  width = 16,
22
32
  height = 16,
23
33
  viewBox = '0 0 16 16',
24
34
  color: colorProps,
35
+ scaleIndent = 4,
36
+ m,
37
+ mt,
38
+ mb,
39
+ my,
40
+ ml,
41
+ mr,
42
+ mx,
25
43
  ...props
26
44
  }, ref) {
27
45
  const SIcon = 'svg';
@@ -34,13 +52,24 @@ function Icon({
34
52
  } = sstyles.cn('SIcon', {
35
53
  'use:color': color
36
54
  });
55
+ const indentStyles = _react.default.useMemo(() => {
56
+ return calculateIndentStyles({
57
+ m,
58
+ mt,
59
+ mb,
60
+ my,
61
+ ml,
62
+ mr,
63
+ mx
64
+ }, scaleIndent);
65
+ }, [scaleIndent, m, mt, mb, my, ml, mr, mx]);
37
66
  return /*#__PURE__*/_react.default.createElement(SIcon, (0, _extends2.default)({
38
67
  width: width,
39
68
  height: height,
40
69
  viewBox: viewBox,
41
70
  "aria-hidden": "true"
42
71
  }, (0, _propsForElement.default)(props), {
43
- style: Object.assign({}, style, props.style),
72
+ style: Object.assign({}, style, props.style, indentStyles),
44
73
  className: `${className} ${props.className ?? ''}`,
45
74
  ref: ref
46
75
  }));
package/lib/cjs/Icon.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.js","names":["_core","require","_propsForElement","_interopRequireDefault","_useColorResolver","_react","styles","sstyled","insert","Icon","width","height","viewBox","color","colorProps","props","ref","SIcon","resolveColor","useColorResolver","sstyles","className","style","cn","default","createElement","_extends2","propsForElement","Object","assign","_default","exports","createBaseComponent"],"sources":["../../src/Icon.tsx"],"sourcesContent":["import { createBaseComponent, sstyled } from '@semcore/core';\nimport propsForElement from '@semcore/core/lib/utils/propsForElement';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport React from 'react';\n\nimport styles from './style/icon.shadow.css';\n\nexport type IconProps = React.SVGProps<SVGSVGElement> & {\n /**\n * Icon width\n * @internal\n */\n width?: string | number;\n /**\n * Icon height\n * @internal\n */\n height?: string | number;\n /**\n * SVG viewBox attribute\n * @internal\n */\n viewBox?: string;\n /** Icon color */\n color?: string;\n};\n\nfunction Icon({\n width = 16,\n height = 16,\n viewBox = '0 0 16 16',\n color: colorProps,\n ...props\n}: IconProps, ref: React.ForwardedRef<SVGSVGElement>) {\n const SIcon = 'svg';\n\n const resolveColor = useColorResolver();\n const color = resolveColor(colorProps);\n\n const sstyles = sstyled(styles);\n const { className, style } = sstyles.cn('SIcon', {\n 'use:color': color,\n });\n\n return (\n <SIcon\n width={width}\n height={height}\n viewBox={viewBox}\n aria-hidden='true'\n {...propsForElement(props)}\n style={Object.assign({}, style, props.style)}\n className={`${className} ${props.className ?? ''}`}\n ref={ref}\n />\n );\n}\n\nexport default createBaseComponent<'svg', IconProps>(Icon);\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA0B;AAAA,MAAAK,MAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAwB1B,SAASC,IAAIA,CAAC;EACZC,KAAK,GAAG,EAAE;EACVC,MAAM,GAAG,EAAE;EACXC,OAAO,GAAG,WAAW;EACrBC,KAAK,EAAEC,UAAU;EACjB,GAAGC;AACM,CAAC,EAAEC,GAAsC,EAAE;EACpD,MAAMC,KAAK,GAAG,KAAK;EAEnB,MAAMC,YAAY,GAAG,IAAAC,kCAAgB,EAAC,CAAC;EACvC,MAAMN,KAAK,GAAGK,YAAY,CAACJ,UAAU,CAAC;EAEtC,MAAMM,OAAO,GAAG,IAAAb,aAAO,EAACD,MAAM,CAAC;EAC/B,MAAM;IAAEe,SAAS;IAAEC;EAAM,CAAC,GAAGF,OAAO,CAACG,EAAE,CAAC,OAAO,EAAE;IAC/C,WAAW,EAAEV;EACf,CAAC,CAAC;EAEF,oBACER,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACR,KAAK,MAAAS,SAAA,CAAAF,OAAA;IACJd,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfC,OAAO,EAAEA,OAAQ;IACjB,eAAY;EAAM,GACd,IAAAe,wBAAe,EAACZ,KAAK,CAAC;IAC1BO,KAAK,EAAEM,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEP,KAAK,EAAEP,KAAK,CAACO,KAAK,CAAE;IAC7CD,SAAS,EAAE,GAAGA,SAAS,IAAIN,KAAK,CAACM,SAAS,IAAI,EAAE,EAAG;IACnDL,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAP,OAAA,GAEc,IAAAQ,yBAAmB,EAAmBvB,IAAI,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"Icon.js","names":["_core","require","_indentStyles","_propsForElement","_interopRequireDefault","_useColorResolver","_react","styles","sstyled","insert","calculateIndentStyles","props","scaleIndent","removeUndefinedKeys","margin","getAutoOrScaleIndent","marginTop","marginBottom","marginLeft","marginRight","Icon","width","height","viewBox","color","colorProps","m","mt","mb","my","ml","mr","mx","ref","SIcon","resolveColor","useColorResolver","sstyles","className","style","cn","indentStyles","React","useMemo","default","createElement","_extends2","propsForElement","Object","assign","_default","exports","createBaseComponent"],"sources":["../../src/Icon.tsx"],"sourcesContent":["import { createBaseComponent, sstyled } from '@semcore/core';\nimport { removeUndefinedKeys, getAutoOrScaleIndent } from '@semcore/core/lib/utils/indentStyles';\nimport propsForElement from '@semcore/core/lib/utils/propsForElement';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport React from 'react';\n\nimport styles from './style/icon.shadow.css';\n\nexport type IconProps = {\n /**\n * Icon width\n * @internal\n */\n width?: string | number;\n /**\n * Icon height\n * @internal\n */\n height?: string | number;\n /**\n * SVG viewBox attribute\n * @internal\n */\n viewBox?: string;\n /** Icon color */\n color?: string;\n\n /** CSS `margin` property */\n m?: number | string;\n\n /** CSS `margin-top` property */\n mt?: number | string;\n\n /** CSS `margin-right` property */\n mr?: number | string;\n\n /** CSS `margin-bottom` property */\n mb?: number | string;\n\n /** CSS `margin-left` property */\n ml?: number | string;\n\n /** CSS `margin-left` and `margin-right` property */\n mx?: number | string;\n\n /** CSS `margin-top` and `margin-bottom` property */\n my?: number | string;\n\n /**\n * Multiplier of all indents. For example, if you specify a margin-top equal to 3 (mt = {3}), it will be 12px (3 * 4 = 12).\n * @default 4\n */\n scaleIndent?: number;\n};\n\nfunction calculateIndentStyles(props: IconProps, scaleIndent: number) {\n return removeUndefinedKeys({\n margin: getAutoOrScaleIndent(props['m'], scaleIndent),\n marginTop:\n getAutoOrScaleIndent(props['mt'], scaleIndent) ||\n getAutoOrScaleIndent(props['my'], scaleIndent),\n marginBottom:\n getAutoOrScaleIndent(props['mb'], scaleIndent) ||\n getAutoOrScaleIndent(props['my'], scaleIndent),\n marginLeft:\n getAutoOrScaleIndent(props['ml'], scaleIndent) ||\n getAutoOrScaleIndent(props['mx'], scaleIndent),\n marginRight:\n getAutoOrScaleIndent(props['mr'], scaleIndent) ||\n getAutoOrScaleIndent(props['mx'], scaleIndent),\n });\n}\n\nfunction Icon({\n width = 16,\n height = 16,\n viewBox = '0 0 16 16',\n color: colorProps,\n scaleIndent = 4,\n m,\n mt,\n mb,\n my,\n ml,\n mr,\n mx,\n ...props\n}: React.SVGProps<SVGSVGElement> & IconProps, ref: React.ForwardedRef<SVGSVGElement>) {\n const SIcon = 'svg';\n\n const resolveColor = useColorResolver();\n const color = resolveColor(colorProps);\n\n const sstyles = sstyled(styles);\n const { className, style } = sstyles.cn('SIcon', {\n 'use:color': color,\n });\n\n const indentStyles: React.CSSProperties = React.useMemo(() => {\n return calculateIndentStyles({ m, mt, mb, my, ml, mr, mx }, scaleIndent);\n }, [\n scaleIndent,\n m,\n mt,\n mb,\n my,\n ml,\n mr,\n mx,\n ]);\n\n return (\n <SIcon\n width={width}\n height={height}\n viewBox={viewBox}\n aria-hidden='true'\n {...propsForElement(props)}\n style={Object.assign({}, style, props.style, indentStyles)}\n className={`${className} ${props.className ?? ''}`}\n ref={ref}\n />\n );\n}\n\nexport default createBaseComponent<'svg', IconProps>(Icon);\n"],"mappings":"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","ignoreList":[]}
package/lib/es6/Icon.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import { sstyled as _sstyled } from "@semcore/core";
3
3
  import { createBaseComponent, sstyled } from '@semcore/core';
4
+ import { removeUndefinedKeys, getAutoOrScaleIndent } from '@semcore/core/lib/utils/indentStyles';
4
5
  import propsForElement from '@semcore/core/lib/utils/propsForElement';
5
6
  import { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';
6
7
  import React from 'react';
@@ -11,11 +12,28 @@ const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*
11
12
  "__SIcon": "___SIcon_814te_gg_",
12
13
  "--color": "--color_814te"
13
14
  });
15
+ function calculateIndentStyles(props, scaleIndent) {
16
+ return removeUndefinedKeys({
17
+ margin: getAutoOrScaleIndent(props['m'], scaleIndent),
18
+ marginTop: getAutoOrScaleIndent(props['mt'], scaleIndent) || getAutoOrScaleIndent(props['my'], scaleIndent),
19
+ marginBottom: getAutoOrScaleIndent(props['mb'], scaleIndent) || getAutoOrScaleIndent(props['my'], scaleIndent),
20
+ marginLeft: getAutoOrScaleIndent(props['ml'], scaleIndent) || getAutoOrScaleIndent(props['mx'], scaleIndent),
21
+ marginRight: getAutoOrScaleIndent(props['mr'], scaleIndent) || getAutoOrScaleIndent(props['mx'], scaleIndent)
22
+ });
23
+ }
14
24
  function Icon({
15
25
  width = 16,
16
26
  height = 16,
17
27
  viewBox = '0 0 16 16',
18
28
  color: colorProps,
29
+ scaleIndent = 4,
30
+ m,
31
+ mt,
32
+ mb,
33
+ my,
34
+ ml,
35
+ mr,
36
+ mx,
19
37
  ...props
20
38
  }, ref) {
21
39
  const SIcon = 'svg';
@@ -28,13 +46,24 @@ function Icon({
28
46
  } = sstyles.cn('SIcon', {
29
47
  'use:color': color
30
48
  });
49
+ const indentStyles = React.useMemo(() => {
50
+ return calculateIndentStyles({
51
+ m,
52
+ mt,
53
+ mb,
54
+ my,
55
+ ml,
56
+ mr,
57
+ mx
58
+ }, scaleIndent);
59
+ }, [scaleIndent, m, mt, mb, my, ml, mr, mx]);
31
60
  return /*#__PURE__*/React.createElement(SIcon, _extends({
32
61
  width: width,
33
62
  height: height,
34
63
  viewBox: viewBox,
35
64
  "aria-hidden": "true"
36
65
  }, propsForElement(props), {
37
- style: Object.assign({}, style, props.style),
66
+ style: Object.assign({}, style, props.style, indentStyles),
38
67
  className: `${className} ${props.className ?? ''}`,
39
68
  ref: ref
40
69
  }));
package/lib/es6/Icon.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.js","names":["createBaseComponent","sstyled","propsForElement","useColorResolver","React","styles","_sstyled","insert","Icon","width","height","viewBox","color","colorProps","props","ref","SIcon","resolveColor","sstyles","className","style","cn","createElement","_extends","Object","assign"],"sources":["../../src/Icon.tsx"],"sourcesContent":["import { createBaseComponent, sstyled } from '@semcore/core';\nimport propsForElement from '@semcore/core/lib/utils/propsForElement';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport React from 'react';\n\nimport styles from './style/icon.shadow.css';\n\nexport type IconProps = React.SVGProps<SVGSVGElement> & {\n /**\n * Icon width\n * @internal\n */\n width?: string | number;\n /**\n * Icon height\n * @internal\n */\n height?: string | number;\n /**\n * SVG viewBox attribute\n * @internal\n */\n viewBox?: string;\n /** Icon color */\n color?: string;\n};\n\nfunction Icon({\n width = 16,\n height = 16,\n viewBox = '0 0 16 16',\n color: colorProps,\n ...props\n}: IconProps, ref: React.ForwardedRef<SVGSVGElement>) {\n const SIcon = 'svg';\n\n const resolveColor = useColorResolver();\n const color = resolveColor(colorProps);\n\n const sstyles = sstyled(styles);\n const { className, style } = sstyles.cn('SIcon', {\n 'use:color': color,\n });\n\n return (\n <SIcon\n width={width}\n height={height}\n viewBox={viewBox}\n aria-hidden='true'\n {...propsForElement(props)}\n style={Object.assign({}, style, props.style)}\n className={`${className} ${props.className ?? ''}`}\n ref={ref}\n />\n );\n}\n\nexport default createBaseComponent<'svg', IconProps>(Icon);\n"],"mappings":";;AAAA,SAASA,mBAAmB,EAAEC,OAAO,QAAQ,eAAe;AAC5D,OAAOC,eAAe,MAAM,yCAAyC;AACrE,SAASC,gBAAgB,QAAQ,8CAA8C;AAC/E,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;AAAA;AAwB1B,SAASC,IAAIA,CAAC;EACZC,KAAK,GAAG,EAAE;EACVC,MAAM,GAAG,EAAE;EACXC,OAAO,GAAG,WAAW;EACrBC,KAAK,EAAEC,UAAU;EACjB,GAAGC;AACM,CAAC,EAAEC,GAAsC,EAAE;EACpD,MAAMC,KAAK,GAAG,KAAK;EAEnB,MAAMC,YAAY,GAAGd,gBAAgB,CAAC,CAAC;EACvC,MAAMS,KAAK,GAAGK,YAAY,CAACJ,UAAU,CAAC;EAEtC,MAAMK,OAAO,GAAGjB,OAAO,CAACI,MAAM,CAAC;EAC/B,MAAM;IAAEc,SAAS;IAAEC;EAAM,CAAC,GAAGF,OAAO,CAACG,EAAE,CAAC,OAAO,EAAE;IAC/C,WAAW,EAAET;EACf,CAAC,CAAC;EAEF,oBACER,KAAA,CAAAkB,aAAA,CAACN,KAAK,EAAAO,QAAA;IACJd,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfC,OAAO,EAAEA,OAAQ;IACjB,eAAY;EAAM,GACdT,eAAe,CAACY,KAAK,CAAC;IAC1BM,KAAK,EAAEI,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEL,KAAK,EAAEN,KAAK,CAACM,KAAK,CAAE;IAC7CD,SAAS,EAAE,GAAGA,SAAS,IAAIL,KAAK,CAACK,SAAS,IAAI,EAAE,EAAG;IACnDJ,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN;AAEA,eAAef,mBAAmB,CAAmBQ,IAAI,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"Icon.js","names":["createBaseComponent","sstyled","removeUndefinedKeys","getAutoOrScaleIndent","propsForElement","useColorResolver","React","styles","_sstyled","insert","calculateIndentStyles","props","scaleIndent","margin","marginTop","marginBottom","marginLeft","marginRight","Icon","width","height","viewBox","color","colorProps","m","mt","mb","my","ml","mr","mx","ref","SIcon","resolveColor","sstyles","className","style","cn","indentStyles","useMemo","createElement","_extends","Object","assign"],"sources":["../../src/Icon.tsx"],"sourcesContent":["import { createBaseComponent, sstyled } from '@semcore/core';\nimport { removeUndefinedKeys, getAutoOrScaleIndent } from '@semcore/core/lib/utils/indentStyles';\nimport propsForElement from '@semcore/core/lib/utils/propsForElement';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport React from 'react';\n\nimport styles from './style/icon.shadow.css';\n\nexport type IconProps = {\n /**\n * Icon width\n * @internal\n */\n width?: string | number;\n /**\n * Icon height\n * @internal\n */\n height?: string | number;\n /**\n * SVG viewBox attribute\n * @internal\n */\n viewBox?: string;\n /** Icon color */\n color?: string;\n\n /** CSS `margin` property */\n m?: number | string;\n\n /** CSS `margin-top` property */\n mt?: number | string;\n\n /** CSS `margin-right` property */\n mr?: number | string;\n\n /** CSS `margin-bottom` property */\n mb?: number | string;\n\n /** CSS `margin-left` property */\n ml?: number | string;\n\n /** CSS `margin-left` and `margin-right` property */\n mx?: number | string;\n\n /** CSS `margin-top` and `margin-bottom` property */\n my?: number | string;\n\n /**\n * Multiplier of all indents. For example, if you specify a margin-top equal to 3 (mt = {3}), it will be 12px (3 * 4 = 12).\n * @default 4\n */\n scaleIndent?: number;\n};\n\nfunction calculateIndentStyles(props: IconProps, scaleIndent: number) {\n return removeUndefinedKeys({\n margin: getAutoOrScaleIndent(props['m'], scaleIndent),\n marginTop:\n getAutoOrScaleIndent(props['mt'], scaleIndent) ||\n getAutoOrScaleIndent(props['my'], scaleIndent),\n marginBottom:\n getAutoOrScaleIndent(props['mb'], scaleIndent) ||\n getAutoOrScaleIndent(props['my'], scaleIndent),\n marginLeft:\n getAutoOrScaleIndent(props['ml'], scaleIndent) ||\n getAutoOrScaleIndent(props['mx'], scaleIndent),\n marginRight:\n getAutoOrScaleIndent(props['mr'], scaleIndent) ||\n getAutoOrScaleIndent(props['mx'], scaleIndent),\n });\n}\n\nfunction Icon({\n width = 16,\n height = 16,\n viewBox = '0 0 16 16',\n color: colorProps,\n scaleIndent = 4,\n m,\n mt,\n mb,\n my,\n ml,\n mr,\n mx,\n ...props\n}: React.SVGProps<SVGSVGElement> & IconProps, ref: React.ForwardedRef<SVGSVGElement>) {\n const SIcon = 'svg';\n\n const resolveColor = useColorResolver();\n const color = resolveColor(colorProps);\n\n const sstyles = sstyled(styles);\n const { className, style } = sstyles.cn('SIcon', {\n 'use:color': color,\n });\n\n const indentStyles: React.CSSProperties = React.useMemo(() => {\n return calculateIndentStyles({ m, mt, mb, my, ml, mr, mx }, scaleIndent);\n }, [\n scaleIndent,\n m,\n mt,\n mb,\n my,\n ml,\n mr,\n mx,\n ]);\n\n return (\n <SIcon\n width={width}\n height={height}\n viewBox={viewBox}\n aria-hidden='true'\n {...propsForElement(props)}\n style={Object.assign({}, style, props.style, indentStyles)}\n className={`${className} ${props.className ?? ''}`}\n ref={ref}\n />\n );\n}\n\nexport default createBaseComponent<'svg', IconProps>(Icon);\n"],"mappings":"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","ignoreList":[]}
package/lib/esm/Icon.mjs CHANGED
@@ -1,5 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import { createBaseComponent, sstyled } from "@semcore/core";
3
+ import { removeUndefinedKeys, getAutoOrScaleIndent } from "@semcore/core/lib/utils/indentStyles";
3
4
  import propsForElement from "@semcore/core/lib/utils/propsForElement";
4
5
  import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
5
6
  import React from "react";
@@ -17,11 +18,28 @@ const styles = (
17
18
  "--color": "--color_814te"
18
19
  })
19
20
  );
21
+ function calculateIndentStyles(props, scaleIndent) {
22
+ return removeUndefinedKeys({
23
+ margin: getAutoOrScaleIndent(props["m"], scaleIndent),
24
+ marginTop: getAutoOrScaleIndent(props["mt"], scaleIndent) || getAutoOrScaleIndent(props["my"], scaleIndent),
25
+ marginBottom: getAutoOrScaleIndent(props["mb"], scaleIndent) || getAutoOrScaleIndent(props["my"], scaleIndent),
26
+ marginLeft: getAutoOrScaleIndent(props["ml"], scaleIndent) || getAutoOrScaleIndent(props["mx"], scaleIndent),
27
+ marginRight: getAutoOrScaleIndent(props["mr"], scaleIndent) || getAutoOrScaleIndent(props["mx"], scaleIndent)
28
+ });
29
+ }
20
30
  function Icon({
21
31
  width = 16,
22
32
  height = 16,
23
33
  viewBox = "0 0 16 16",
24
34
  color: colorProps,
35
+ scaleIndent = 4,
36
+ m,
37
+ mt,
38
+ mb,
39
+ my,
40
+ ml,
41
+ mr,
42
+ mx,
25
43
  ...props
26
44
  }, ref) {
27
45
  const SIcon = "svg";
@@ -34,13 +52,24 @@ function Icon({
34
52
  } = sstyles.cn("SIcon", {
35
53
  "use:color": color
36
54
  });
55
+ const indentStyles = React.useMemo(() => {
56
+ return calculateIndentStyles({
57
+ m,
58
+ mt,
59
+ mb,
60
+ my,
61
+ ml,
62
+ mr,
63
+ mx
64
+ }, scaleIndent);
65
+ }, [scaleIndent, m, mt, mb, my, ml, mr, mx]);
37
66
  return /* @__PURE__ */ React.createElement(SIcon, _extends({
38
67
  width,
39
68
  height,
40
69
  viewBox,
41
70
  "aria-hidden": "true"
42
71
  }, propsForElement(props), {
43
- style: Object.assign({}, style, props.style),
72
+ style: Object.assign({}, style, props.style, indentStyles),
44
73
  className: `${className} ${props.className ?? ""}`,
45
74
  ref
46
75
  }));
package/lib/types/Icon.d.ts CHANGED
@@ -1,5 +1,4 @@
1
- import React from 'react';
2
- export type IconProps = React.SVGProps<SVGSVGElement> & {
1
+ export type IconProps = {
3
2
  /**
4
3
  * Icon width
5
4
  * @internal
@@ -17,6 +16,25 @@ export type IconProps = React.SVGProps<SVGSVGElement> & {
17
16
  viewBox?: string;
18
17
  /** Icon color */
19
18
  color?: string;
19
+ /** CSS `margin` property */
20
+ m?: number | string;
21
+ /** CSS `margin-top` property */
22
+ mt?: number | string;
23
+ /** CSS `margin-right` property */
24
+ mr?: number | string;
25
+ /** CSS `margin-bottom` property */
26
+ mb?: number | string;
27
+ /** CSS `margin-left` property */
28
+ ml?: number | string;
29
+ /** CSS `margin-left` and `margin-right` property */
30
+ mx?: number | string;
31
+ /** CSS `margin-top` and `margin-bottom` property */
32
+ my?: number | string;
33
+ /**
34
+ * Multiplier of all indents. For example, if you specify a margin-top equal to 3 (mt = {3}), it will be 12px (3 * 4 = 12).
35
+ * @default 4
36
+ */
37
+ scaleIndent?: number;
20
38
  };
21
39
  declare const _default: import("@semcore/core").Intergalactic.Component<"svg", IconProps, {}, never[]>;
22
40
  export default _default;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/icon",
3
3
  "description": "Semrush Icon Component",
4
- "version": "16.7.2-prerelease.26",
4
+ "version": "16.7.2-prerelease.29",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/esm/index.mjs",
7
7
  "typings": "lib/types/index.d.ts",
@@ -24,8 +24,8 @@
24
24
  "cheerio": "1.1.2",
25
25
  "fs-extra": "11.3.2",
26
26
  "html-to-react": "1.7.0",
27
- "@semcore/testing-utils": "1.0.0",
28
- "@semcore/core": "17.0.0-prerelease.26"
27
+ "@semcore/core": "17.0.0-prerelease.29",
28
+ "@semcore/testing-utils": "1.0.0"
29
29
  },
30
30
  "exports": {
31
31
  ".": {
@@ -58,16 +58,16 @@
58
58
  "import": "./lib/platform/PRToolkit/index.mjs",
59
59
  "require": "./lib/platform/PRToolkit/index.js"
60
60
  },
61
- "./platform/HomePlatform": {
62
- "types": "./lib/platform/HomePlatform/index.d.ts",
63
- "import": "./lib/platform/HomePlatform/index.mjs",
64
- "require": "./lib/platform/HomePlatform/index.js"
65
- },
66
61
  "./platform/LocalToolkit": {
67
62
  "types": "./lib/platform/LocalToolkit/index.d.ts",
68
63
  "import": "./lib/platform/LocalToolkit/index.mjs",
69
64
  "require": "./lib/platform/LocalToolkit/index.js"
70
65
  },
66
+ "./platform/HomePlatform": {
67
+ "types": "./lib/platform/HomePlatform/index.d.ts",
68
+ "import": "./lib/platform/HomePlatform/index.mjs",
69
+ "require": "./lib/platform/HomePlatform/index.js"
70
+ },
71
71
  "./platform/EnterpriseSolutions": {
72
72
  "types": "./lib/platform/EnterpriseSolutions/index.d.ts",
73
73
  "import": "./lib/platform/EnterpriseSolutions/index.mjs",
@@ -148,16 +148,6 @@
148
148
  "import": "./lib/pay/Mastercard/l/index.mjs",
149
149
  "require": "./lib/pay/Mastercard/l/index.js"
150
150
  },
151
- "./pay/Discover/m": {
152
- "types": "./lib/pay/Discover/m/index.d.ts",
153
- "import": "./lib/pay/Discover/m/index.mjs",
154
- "require": "./lib/pay/Discover/m/index.js"
155
- },
156
- "./pay/Discover/l": {
157
- "types": "./lib/pay/Discover/l/index.d.ts",
158
- "import": "./lib/pay/Discover/l/index.mjs",
159
- "require": "./lib/pay/Discover/l/index.js"
160
- },
161
151
  "./pay/JCB/m": {
162
152
  "types": "./lib/pay/JCB/m/index.d.ts",
163
153
  "import": "./lib/pay/JCB/m/index.mjs",
@@ -168,6 +158,16 @@
168
158
  "import": "./lib/pay/JCB/l/index.mjs",
169
159
  "require": "./lib/pay/JCB/l/index.js"
170
160
  },
161
+ "./pay/Discover/m": {
162
+ "types": "./lib/pay/Discover/m/index.d.ts",
163
+ "import": "./lib/pay/Discover/m/index.mjs",
164
+ "require": "./lib/pay/Discover/m/index.js"
165
+ },
166
+ "./pay/Discover/l": {
167
+ "types": "./lib/pay/Discover/l/index.d.ts",
168
+ "import": "./lib/pay/Discover/l/index.mjs",
169
+ "require": "./lib/pay/Discover/l/index.js"
170
+ },
171
171
  "./pay/Diners/m": {
172
172
  "types": "./lib/pay/Diners/m/index.d.ts",
173
173
  "import": "./lib/pay/Diners/m/index.mjs",
@@ -198,16 +198,6 @@
198
198
  "import": "./lib/pay/AmericanExpress/l/index.mjs",
199
199
  "require": "./lib/pay/AmericanExpress/l/index.js"
200
200
  },
201
- "./color/YoutubeColored/m": {
202
- "types": "./lib/color/YoutubeColored/m/index.d.ts",
203
- "import": "./lib/color/YoutubeColored/m/index.mjs",
204
- "require": "./lib/color/YoutubeColored/m/index.js"
205
- },
206
- "./color/YoutubeColored/l": {
207
- "types": "./lib/color/YoutubeColored/l/index.d.ts",
208
- "import": "./lib/color/YoutubeColored/l/index.mjs",
209
- "require": "./lib/color/YoutubeColored/l/index.js"
210
- },
211
201
  "./color/YoutubeInvert/m": {
212
202
  "types": "./lib/color/YoutubeInvert/m/index.d.ts",
213
203
  "import": "./lib/color/YoutubeInvert/m/index.mjs",
@@ -218,6 +208,16 @@
218
208
  "import": "./lib/color/YoutubeInvert/l/index.mjs",
219
209
  "require": "./lib/color/YoutubeInvert/l/index.js"
220
210
  },
211
+ "./color/YoutubeColored/m": {
212
+ "types": "./lib/color/YoutubeColored/m/index.d.ts",
213
+ "import": "./lib/color/YoutubeColored/m/index.mjs",
214
+ "require": "./lib/color/YoutubeColored/m/index.js"
215
+ },
216
+ "./color/YoutubeColored/l": {
217
+ "types": "./lib/color/YoutubeColored/l/index.d.ts",
218
+ "import": "./lib/color/YoutubeColored/l/index.mjs",
219
+ "require": "./lib/color/YoutubeColored/l/index.js"
220
+ },
221
221
  "./color/Yahoo/m": {
222
222
  "types": "./lib/color/Yahoo/m/index.d.ts",
223
223
  "import": "./lib/color/Yahoo/m/index.mjs",
@@ -248,16 +248,6 @@
248
248
  "import": "./lib/color/WhatsApp/l/index.mjs",
249
249
  "require": "./lib/color/WhatsApp/l/index.js"
250
250
  },
251
- "./color/TikTokColoredInvert/m": {
252
- "types": "./lib/color/TikTokColoredInvert/m/index.d.ts",
253
- "import": "./lib/color/TikTokColoredInvert/m/index.mjs",
254
- "require": "./lib/color/TikTokColoredInvert/m/index.js"
255
- },
256
- "./color/TikTokColoredInvert/l": {
257
- "types": "./lib/color/TikTokColoredInvert/l/index.d.ts",
258
- "import": "./lib/color/TikTokColoredInvert/l/index.mjs",
259
- "require": "./lib/color/TikTokColoredInvert/l/index.js"
260
- },
261
251
  "./color/WhatConvertsColored/m": {
262
252
  "types": "./lib/color/WhatConvertsColored/m/index.d.ts",
263
253
  "import": "./lib/color/WhatConvertsColored/m/index.mjs",
@@ -268,6 +258,16 @@
268
258
  "import": "./lib/color/WhatConvertsColored/l/index.mjs",
269
259
  "require": "./lib/color/WhatConvertsColored/l/index.js"
270
260
  },
261
+ "./color/TikTokColoredInvert/m": {
262
+ "types": "./lib/color/TikTokColoredInvert/m/index.d.ts",
263
+ "import": "./lib/color/TikTokColoredInvert/m/index.mjs",
264
+ "require": "./lib/color/TikTokColoredInvert/m/index.js"
265
+ },
266
+ "./color/TikTokColoredInvert/l": {
267
+ "types": "./lib/color/TikTokColoredInvert/l/index.d.ts",
268
+ "import": "./lib/color/TikTokColoredInvert/l/index.mjs",
269
+ "require": "./lib/color/TikTokColoredInvert/l/index.js"
270
+ },
271
271
  "./color/TikTokColored/m": {
272
272
  "types": "./lib/color/TikTokColored/m/index.d.ts",
273
273
  "import": "./lib/color/TikTokColored/m/index.mjs",
@@ -748,16 +748,6 @@
748
748
  "import": "./lib/ZoomPlus/l/index.mjs",
749
749
  "require": "./lib/ZoomPlus/l/index.js"
750
750
  },
751
- "./YoutubePlaceholder/m": {
752
- "types": "./lib/YoutubePlaceholder/m/index.d.ts",
753
- "import": "./lib/YoutubePlaceholder/m/index.mjs",
754
- "require": "./lib/YoutubePlaceholder/m/index.js"
755
- },
756
- "./YoutubePlaceholder/l": {
757
- "types": "./lib/YoutubePlaceholder/l/index.d.ts",
758
- "import": "./lib/YoutubePlaceholder/l/index.mjs",
759
- "require": "./lib/YoutubePlaceholder/l/index.js"
760
- },
761
751
  "./ZoomMinus/m": {
762
752
  "types": "./lib/ZoomMinus/m/index.d.ts",
763
753
  "import": "./lib/ZoomMinus/m/index.mjs",
@@ -768,6 +758,16 @@
768
758
  "import": "./lib/ZoomMinus/l/index.mjs",
769
759
  "require": "./lib/ZoomMinus/l/index.js"
770
760
  },
761
+ "./YoutubePlaceholder/m": {
762
+ "types": "./lib/YoutubePlaceholder/m/index.d.ts",
763
+ "import": "./lib/YoutubePlaceholder/m/index.mjs",
764
+ "require": "./lib/YoutubePlaceholder/m/index.js"
765
+ },
766
+ "./YoutubePlaceholder/l": {
767
+ "types": "./lib/YoutubePlaceholder/l/index.d.ts",
768
+ "import": "./lib/YoutubePlaceholder/l/index.mjs",
769
+ "require": "./lib/YoutubePlaceholder/l/index.js"
770
+ },
771
771
  "./Youtube/m": {
772
772
  "types": "./lib/Youtube/m/index.d.ts",
773
773
  "import": "./lib/Youtube/m/index.mjs",
@@ -1558,16 +1558,6 @@
1558
1558
  "import": "./lib/Sent/l/index.mjs",
1559
1559
  "require": "./lib/Sent/l/index.js"
1560
1560
  },
1561
- "./SemrushRank/m": {
1562
- "types": "./lib/SemrushRank/m/index.d.ts",
1563
- "import": "./lib/SemrushRank/m/index.mjs",
1564
- "require": "./lib/SemrushRank/m/index.js"
1565
- },
1566
- "./SemrushRank/l": {
1567
- "types": "./lib/SemrushRank/l/index.d.ts",
1568
- "import": "./lib/SemrushRank/l/index.mjs",
1569
- "require": "./lib/SemrushRank/l/index.js"
1570
- },
1571
1561
  "./Semrush/m": {
1572
1562
  "types": "./lib/Semrush/m/index.d.ts",
1573
1563
  "import": "./lib/Semrush/m/index.mjs",
@@ -1578,6 +1568,16 @@
1578
1568
  "import": "./lib/Semrush/l/index.mjs",
1579
1569
  "require": "./lib/Semrush/l/index.js"
1580
1570
  },
1571
+ "./SemrushRank/m": {
1572
+ "types": "./lib/SemrushRank/m/index.d.ts",
1573
+ "import": "./lib/SemrushRank/m/index.mjs",
1574
+ "require": "./lib/SemrushRank/m/index.js"
1575
+ },
1576
+ "./SemrushRank/l": {
1577
+ "types": "./lib/SemrushRank/l/index.d.ts",
1578
+ "import": "./lib/SemrushRank/l/index.mjs",
1579
+ "require": "./lib/SemrushRank/l/index.js"
1580
+ },
1581
1581
  "./Sellzone/m": {
1582
1582
  "types": "./lib/Sellzone/m/index.d.ts",
1583
1583
  "import": "./lib/Sellzone/m/index.mjs",
@@ -1928,6 +1928,16 @@
1928
1928
  "import": "./lib/PositionTop/l/index.mjs",
1929
1929
  "require": "./lib/PositionTop/l/index.js"
1930
1930
  },
1931
+ "./PositionRight/m": {
1932
+ "types": "./lib/PositionRight/m/index.d.ts",
1933
+ "import": "./lib/PositionRight/m/index.mjs",
1934
+ "require": "./lib/PositionRight/m/index.js"
1935
+ },
1936
+ "./PositionRight/l": {
1937
+ "types": "./lib/PositionRight/l/index.d.ts",
1938
+ "import": "./lib/PositionRight/l/index.mjs",
1939
+ "require": "./lib/PositionRight/l/index.js"
1940
+ },
1931
1941
  "./PositionMiddle/m": {
1932
1942
  "types": "./lib/PositionMiddle/m/index.d.ts",
1933
1943
  "import": "./lib/PositionMiddle/m/index.mjs",
@@ -1958,15 +1968,15 @@
1958
1968
  "import": "./lib/PositionBottom/l/index.mjs",
1959
1969
  "require": "./lib/PositionBottom/l/index.js"
1960
1970
  },
1961
- "./PositionRight/m": {
1962
- "types": "./lib/PositionRight/m/index.d.ts",
1963
- "import": "./lib/PositionRight/m/index.mjs",
1964
- "require": "./lib/PositionRight/m/index.js"
1971
+ "./PopupAlt/m": {
1972
+ "types": "./lib/PopupAlt/m/index.d.ts",
1973
+ "import": "./lib/PopupAlt/m/index.mjs",
1974
+ "require": "./lib/PopupAlt/m/index.js"
1965
1975
  },
1966
- "./PositionRight/l": {
1967
- "types": "./lib/PositionRight/l/index.d.ts",
1968
- "import": "./lib/PositionRight/l/index.mjs",
1969
- "require": "./lib/PositionRight/l/index.js"
1976
+ "./PopupAlt/l": {
1977
+ "types": "./lib/PopupAlt/l/index.d.ts",
1978
+ "import": "./lib/PopupAlt/l/index.mjs",
1979
+ "require": "./lib/PopupAlt/l/index.js"
1970
1980
  },
1971
1981
  "./Popup/m": {
1972
1982
  "types": "./lib/Popup/m/index.d.ts",
@@ -1978,16 +1988,6 @@
1978
1988
  "import": "./lib/Popup/l/index.mjs",
1979
1989
  "require": "./lib/Popup/l/index.js"
1980
1990
  },
1981
- "./PopupAlt/m": {
1982
- "types": "./lib/PopupAlt/m/index.d.ts",
1983
- "import": "./lib/PopupAlt/m/index.mjs",
1984
- "require": "./lib/PopupAlt/m/index.js"
1985
- },
1986
- "./PopupAlt/l": {
1987
- "types": "./lib/PopupAlt/l/index.d.ts",
1988
- "import": "./lib/PopupAlt/l/index.mjs",
1989
- "require": "./lib/PopupAlt/l/index.js"
1990
- },
1991
1991
  "./PopularStores/m": {
1992
1992
  "types": "./lib/PopularStores/m/index.d.ts",
1993
1993
  "import": "./lib/PopularStores/m/index.mjs",
@@ -2228,16 +2228,6 @@
2228
2228
  "import": "./lib/Opera/l/index.mjs",
2229
2229
  "require": "./lib/Opera/l/index.js"
2230
2230
  },
2231
- "./Oil/m": {
2232
- "types": "./lib/Oil/m/index.d.ts",
2233
- "import": "./lib/Oil/m/index.mjs",
2234
- "require": "./lib/Oil/m/index.js"
2235
- },
2236
- "./Oil/l": {
2237
- "types": "./lib/Oil/l/index.d.ts",
2238
- "import": "./lib/Oil/l/index.mjs",
2239
- "require": "./lib/Oil/l/index.js"
2240
- },
2241
2231
  "./NotificationNo/m": {
2242
2232
  "types": "./lib/NotificationNo/m/index.d.ts",
2243
2233
  "import": "./lib/NotificationNo/m/index.mjs",
@@ -2248,6 +2238,16 @@
2248
2238
  "import": "./lib/NotificationNo/l/index.mjs",
2249
2239
  "require": "./lib/NotificationNo/l/index.js"
2250
2240
  },
2241
+ "./Oil/m": {
2242
+ "types": "./lib/Oil/m/index.d.ts",
2243
+ "import": "./lib/Oil/m/index.mjs",
2244
+ "require": "./lib/Oil/m/index.js"
2245
+ },
2246
+ "./Oil/l": {
2247
+ "types": "./lib/Oil/l/index.d.ts",
2248
+ "import": "./lib/Oil/l/index.mjs",
2249
+ "require": "./lib/Oil/l/index.js"
2250
+ },
2251
2251
  "./Notification/m": {
2252
2252
  "types": "./lib/Notification/m/index.d.ts",
2253
2253
  "import": "./lib/Notification/m/index.mjs",
@@ -2888,16 +2888,6 @@
2888
2888
  "import": "./lib/GoogleGenerativeAI/l/index.mjs",
2889
2889
  "require": "./lib/GoogleGenerativeAI/l/index.js"
2890
2890
  },
2891
- "./Google/m": {
2892
- "types": "./lib/Google/m/index.d.ts",
2893
- "import": "./lib/Google/m/index.mjs",
2894
- "require": "./lib/Google/m/index.js"
2895
- },
2896
- "./Google/l": {
2897
- "types": "./lib/Google/l/index.d.ts",
2898
- "import": "./lib/Google/l/index.mjs",
2899
- "require": "./lib/Google/l/index.js"
2900
- },
2901
2891
  "./GoogleBusinessProfile/m": {
2902
2892
  "types": "./lib/GoogleBusinessProfile/m/index.d.ts",
2903
2893
  "import": "./lib/GoogleBusinessProfile/m/index.mjs",
@@ -2908,6 +2898,16 @@
2908
2898
  "import": "./lib/GoogleBusinessProfile/l/index.mjs",
2909
2899
  "require": "./lib/GoogleBusinessProfile/l/index.js"
2910
2900
  },
2901
+ "./Google/m": {
2902
+ "types": "./lib/Google/m/index.d.ts",
2903
+ "import": "./lib/Google/m/index.mjs",
2904
+ "require": "./lib/Google/m/index.js"
2905
+ },
2906
+ "./Google/l": {
2907
+ "types": "./lib/Google/l/index.d.ts",
2908
+ "import": "./lib/Google/l/index.mjs",
2909
+ "require": "./lib/Google/l/index.js"
2910
+ },
2911
2911
  "./Goblet/m": {
2912
2912
  "types": "./lib/Goblet/m/index.d.ts",
2913
2913
  "import": "./lib/Goblet/m/index.mjs",