@semcore/icon 2.19.3 → 2.19.4

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/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [2.19.4] - 2022-03-14
6
+
7
+ ### Changed
8
+
9
+ - Version patch update due to children dependencies update (`@semcore/utils` [3.31.2 ~> 3.31.2], `@semcore/flex-box` [4.5.0 ~> 4.5.1]).
10
+
5
11
  ## [2.19.3] - 2022-02-24
6
12
 
7
13
  ### Added
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Icon.js"],"names":["Icon","props","ref","tag","width","height","viewBox","SIcon","other","interactive","colorProps","color","disabled","keyboardFocused","propsWithKeyboardEnhance","sstyles","styles","cn","className","style","Object","assign","undefined","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;AAEA;;AAFA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIA;;AACA,SAASA,IAAT,CAAcC,KAAd,EAAqBC,GAArB,EAA0B;AACxB,gBAAuB;AAEnBC,IAAAA,GAAG,EAAE,KAFc;AAGnB,oBAAgB,MAHG;AAInBC,IAAAA,KAAK,EAAE,EAJY;AAKnBC,IAAAA,MAAM,EAAE,EALW;AAMnBC,IAAAA,OAAO,EAAE;AANU,KAOhBL,KAPgB,GASrBC,GATqB,CAAvB;AAAA;AAAA,MAAOK,KAAP;AAAA,MAAcC,KAAd;;AAYA,MAAQC,WAAR,GAA2CR,KAA3C,CAAQQ,WAAR;AAAA,MAA4BC,UAA5B,GAA2CT,KAA3C,CAAqBU,KAArB;AACA,MAAMA,KAAK,GAAG,uBAAaD,UAAb,CAAd;;AACA,8BAAyD;AACvDE,IAAAA,QAAQ,EAAE,CAACH;AAD4C,KAEpDD,KAFoD,EAAzD;AAAA,MAAQK,eAAR,yBAAQA,eAAR;AAAA,MAA4BC,wBAA5B;;AAIA,MAAMC,OAAO,GAAG,mBAAQC,MAAR,CAAhB;;AACA,oBAA6BD,OAAO,CAACE,EAAR,CAAW,OAAX,EAAoB;AAC/C,yBAAqB,kBAAMN,KAAN,EAAa,CAAC,IAAd,CAD0B;AAE/C,iBAAaA,KAFkC;AAG/CF,IAAAA,WAAW,EAAEA,WAHkC;AAI/CI,IAAAA,eAAe,EAAEA;AAJ8B,GAApB,CAA7B;AAAA,MAAQK,SAAR,eAAQA,SAAR;AAAA,MAAmBC,KAAnB,eAAmBA,KAAnB;;AAOA,sBACE,gCAAC,KAAD,gCACM,iCAAgBL,wBAAhB,CADN;AAEE,IAAA,KAAK,EAAEM,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkBF,KAAlB,EAAyBL,wBAAwB,CAACK,KAAlD,EAAyDlB,KAAK,CAACkB,KAA/D,CAFT;AAGE,IAAA,SAAS,EAAE,4BAAGD,SAAH,EAAcJ,wBAAwB,CAACI,SAAvC,EAAkDjB,KAAK,CAACiB,SAAxD,KAAsEI;AAHnF,KADF;AAOD;;AAEDtB,IAAI,CAACuB,WAAL,GAAmB,MAAnB;;eAEe,+BAAoBvB,IAApB,C","sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { useBox } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\n\nimport styles from './style/icon.shadow.css';\n\n// TODO: сделать useIcon?\nfunction Icon(props, ref) {\n const [SIcon, other] = useBox(\n {\n tag: 'svg',\n 'data-ui-name': 'Icon',\n width: 16,\n height: 16,\n viewBox: '0 0 16 16',\n ...props,\n },\n ref,\n );\n\n const { interactive, color: colorProps } = props;\n const color = resolveColor(colorProps);\n const { keyboardFocused, ...propsWithKeyboardEnhance } = keyboardFocusEnhance()({\n disabled: !interactive,\n ...other,\n });\n const sstyles = sstyled(styles);\n const { className, style } = sstyles.cn('SIcon', {\n 'color-interactive': shade(color, -0.12),\n 'use:color': color,\n interactive: interactive,\n keyboardFocused: keyboardFocused,\n });\n\n return (\n <SIcon\n {...propsForElement(propsWithKeyboardEnhance)}\n style={Object.assign({}, style, propsWithKeyboardEnhance.style, props.style)}\n className={cn(className, propsWithKeyboardEnhance.className, props.className) || undefined}\n />\n );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"file":"Icon.js"}
1
+ {"version":3,"sources":["../../src/Icon.jsx"],"names":["Icon","props","ref","tag","width","height","viewBox","SIcon","other","interactive","colorProps","color","disabled","keyboardFocused","propsWithKeyboardEnhance","sstyles","styles","cn","className","style","Object","assign","undefined","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;AAEA;;AAFA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIA;;AACA,SAASA,IAAT,CAAcC,KAAd,EAAqBC,GAArB,EAA0B;AACxB,gBAAuB;AAEnBC,IAAAA,GAAG,EAAE,KAFc;AAGnB,oBAAgB,MAHG;AAInBC,IAAAA,KAAK,EAAE,EAJY;AAKnBC,IAAAA,MAAM,EAAE,EALW;AAMnBC,IAAAA,OAAO,EAAE;AANU,KAOhBL,KAPgB,GASrBC,GATqB,CAAvB;AAAA;AAAA,MAAOK,KAAP;AAAA,MAAcC,KAAd;;AAYA,MAAQC,WAAR,GAA2CR,KAA3C,CAAQQ,WAAR;AAAA,MAA4BC,UAA5B,GAA2CT,KAA3C,CAAqBU,KAArB;AACA,MAAMA,KAAK,GAAG,uBAAaD,UAAb,CAAd;;AACA,8BAAyD;AACvDE,IAAAA,QAAQ,EAAE,CAACH;AAD4C,KAEpDD,KAFoD,EAAzD;AAAA,MAAQK,eAAR,yBAAQA,eAAR;AAAA,MAA4BC,wBAA5B;;AAIA,MAAMC,OAAO,GAAG,mBAAQC,MAAR,CAAhB;;AACA,oBAA6BD,OAAO,CAACE,EAAR,CAAW,OAAX,EAAoB;AAC/C,yBAAqB,kBAAMN,KAAN,EAAa,CAAC,IAAd,CAD0B;AAE/C,iBAAaA,KAFkC;AAG/CF,IAAAA,WAAW,EAAEA,WAHkC;AAI/CI,IAAAA,eAAe,EAAEA;AAJ8B,GAApB,CAA7B;AAAA,MAAQK,SAAR,eAAQA,SAAR;AAAA,MAAmBC,KAAnB,eAAmBA,KAAnB;;AAOA,sBACE,gCAAC,KAAD,gCACM,iCAAgBL,wBAAhB,CADN;AAEE,IAAA,KAAK,EAAEM,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkBF,KAAlB,EAAyBL,wBAAwB,CAACK,KAAlD,EAAyDlB,KAAK,CAACkB,KAA/D,CAFT;AAGE,IAAA,SAAS,EAAE,4BAAGD,SAAH,EAAcJ,wBAAwB,CAACI,SAAvC,EAAkDjB,KAAK,CAACiB,SAAxD,KAAsEI;AAHnF,KADF;AAOD;;AAEDtB,IAAI,CAACuB,WAAL,GAAmB,MAAnB;;eAEe,+BAAoBvB,IAApB,C","sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { useBox } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\n\nimport styles from './style/icon.shadow.css';\n\n// TODO: сделать useIcon?\nfunction Icon(props, ref) {\n const [SIcon, other] = useBox(\n {\n tag: 'svg',\n 'data-ui-name': 'Icon',\n width: 16,\n height: 16,\n viewBox: '0 0 16 16',\n ...props,\n },\n ref,\n );\n\n const { interactive, color: colorProps } = props;\n const color = resolveColor(colorProps);\n const { keyboardFocused, ...propsWithKeyboardEnhance } = keyboardFocusEnhance()({\n disabled: !interactive,\n ...other,\n });\n const sstyles = sstyled(styles);\n const { className, style } = sstyles.cn('SIcon', {\n 'color-interactive': shade(color, -0.12),\n 'use:color': color,\n interactive: interactive,\n keyboardFocused: keyboardFocused,\n });\n\n return (\n <SIcon\n {...propsForElement(propsWithKeyboardEnhance)}\n style={Object.assign({}, style, propsWithKeyboardEnhance.style, props.style)}\n className={cn(className, propsWithKeyboardEnhance.className, props.className) || undefined}\n />\n );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"file":"Icon.js"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Icon.js"],"names":["React","cn","createBaseComponent","sstyled","useBox","resolveColor","shade","keyboardFocusEnhance","propsForElement","Icon","props","ref","tag","width","height","viewBox","SIcon","other","interactive","colorProps","color","disabled","keyboardFocused","propsWithKeyboardEnhance","sstyles","styles","className","style","Object","assign","undefined","displayName"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,EAAP,MAAe,YAAf;AACA,SAASC,mBAAT,EAA8BC,OAA9B,QAA6C,eAA7C;AACA,SAASC,MAAT,QAAuB,mBAAvB;AACA,OAAOC,YAAP,IAAuBC,KAAvB,QAAoC,0BAApC;AACA,OAAOC,oBAAP,MAAiC,kDAAjC;AACA,OAAOC,eAAP,MAA4B,oCAA5B;;;;;;;;;;;;;;;;;IAIA;;AACA,SAASC,IAAT,CAAcC,KAAd,EAAqBC,GAArB,EAA0B;AACxB,gBAAuBP,MAAM;AAEzBQ,IAAAA,GAAG,EAAE,KAFoB;AAGzB,oBAAgB,MAHS;AAIzBC,IAAAA,KAAK,EAAE,EAJkB;AAKzBC,IAAAA,MAAM,EAAE,EALiB;AAMzBC,IAAAA,OAAO,EAAE;AANgB,KAOtBL,KAPsB,GAS3BC,GAT2B,CAA7B;AAAA;AAAA,MAAOK,KAAP;AAAA,MAAcC,KAAd;;AAYA,MAAQC,WAAR,GAA2CR,KAA3C,CAAQQ,WAAR;AAAA,MAA4BC,UAA5B,GAA2CT,KAA3C,CAAqBU,KAArB;AACA,MAAMA,KAAK,GAAGf,YAAY,CAACc,UAAD,CAA1B;;AACA,8BAAyDZ,oBAAoB;AAC3Ec,IAAAA,QAAQ,EAAE,CAACH;AADgE,KAExED,KAFwE,EAA7E;AAAA,MAAQK,eAAR,yBAAQA,eAAR;AAAA,MAA4BC,wBAA5B;;AAIA,MAAMC,OAAO,GAAGrB,OAAO,CAACsB,MAAD,CAAvB;;AACA,oBAA6BD,OAAO,CAACvB,EAAR,CAAW,OAAX,EAAoB;AAC/C,yBAAqBK,KAAK,CAACc,KAAD,EAAQ,CAAC,IAAT,CADqB;AAE/C,iBAAaA,KAFkC;AAG/CF,IAAAA,WAAW,EAAEA,WAHkC;AAI/CI,IAAAA,eAAe,EAAEA;AAJ8B,GAApB,CAA7B;AAAA,MAAQI,SAAR,eAAQA,SAAR;AAAA,MAAmBC,KAAnB,eAAmBA,KAAnB;;AAOA,sBACE,oBAAC,KAAD,eACMnB,eAAe,CAACe,wBAAD,CADrB;AAEE,IAAA,KAAK,EAAEK,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkBF,KAAlB,EAAyBJ,wBAAwB,CAACI,KAAlD,EAAyDjB,KAAK,CAACiB,KAA/D,CAFT;AAGE,IAAA,SAAS,EAAE1B,EAAE,CAACyB,SAAD,EAAYH,wBAAwB,CAACG,SAArC,EAAgDhB,KAAK,CAACgB,SAAtD,CAAF,IAAsEI;AAHnF,KADF;AAOD;;AAEDrB,IAAI,CAACsB,WAAL,GAAmB,MAAnB;AAEA,eAAe7B,mBAAmB,CAACO,IAAD,CAAlC","sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { useBox } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\n\nimport styles from './style/icon.shadow.css';\n\n// TODO: сделать useIcon?\nfunction Icon(props, ref) {\n const [SIcon, other] = useBox(\n {\n tag: 'svg',\n 'data-ui-name': 'Icon',\n width: 16,\n height: 16,\n viewBox: '0 0 16 16',\n ...props,\n },\n ref,\n );\n\n const { interactive, color: colorProps } = props;\n const color = resolveColor(colorProps);\n const { keyboardFocused, ...propsWithKeyboardEnhance } = keyboardFocusEnhance()({\n disabled: !interactive,\n ...other,\n });\n const sstyles = sstyled(styles);\n const { className, style } = sstyles.cn('SIcon', {\n 'color-interactive': shade(color, -0.12),\n 'use:color': color,\n interactive: interactive,\n keyboardFocused: keyboardFocused,\n });\n\n return (\n <SIcon\n {...propsForElement(propsWithKeyboardEnhance)}\n style={Object.assign({}, style, propsWithKeyboardEnhance.style, props.style)}\n className={cn(className, propsWithKeyboardEnhance.className, props.className) || undefined}\n />\n );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"file":"Icon.js"}
1
+ {"version":3,"sources":["../../src/Icon.jsx"],"names":["React","cn","createBaseComponent","sstyled","useBox","resolveColor","shade","keyboardFocusEnhance","propsForElement","Icon","props","ref","tag","width","height","viewBox","SIcon","other","interactive","colorProps","color","disabled","keyboardFocused","propsWithKeyboardEnhance","sstyles","styles","className","style","Object","assign","undefined","displayName"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,EAAP,MAAe,YAAf;AACA,SAASC,mBAAT,EAA8BC,OAA9B,QAA6C,eAA7C;AACA,SAASC,MAAT,QAAuB,mBAAvB;AACA,OAAOC,YAAP,IAAuBC,KAAvB,QAAoC,0BAApC;AACA,OAAOC,oBAAP,MAAiC,kDAAjC;AACA,OAAOC,eAAP,MAA4B,oCAA5B;;;;;;;;;;;;;;;;;IAIA;;AACA,SAASC,IAAT,CAAcC,KAAd,EAAqBC,GAArB,EAA0B;AACxB,gBAAuBP,MAAM;AAEzBQ,IAAAA,GAAG,EAAE,KAFoB;AAGzB,oBAAgB,MAHS;AAIzBC,IAAAA,KAAK,EAAE,EAJkB;AAKzBC,IAAAA,MAAM,EAAE,EALiB;AAMzBC,IAAAA,OAAO,EAAE;AANgB,KAOtBL,KAPsB,GAS3BC,GAT2B,CAA7B;AAAA;AAAA,MAAOK,KAAP;AAAA,MAAcC,KAAd;;AAYA,MAAQC,WAAR,GAA2CR,KAA3C,CAAQQ,WAAR;AAAA,MAA4BC,UAA5B,GAA2CT,KAA3C,CAAqBU,KAArB;AACA,MAAMA,KAAK,GAAGf,YAAY,CAACc,UAAD,CAA1B;;AACA,8BAAyDZ,oBAAoB;AAC3Ec,IAAAA,QAAQ,EAAE,CAACH;AADgE,KAExED,KAFwE,EAA7E;AAAA,MAAQK,eAAR,yBAAQA,eAAR;AAAA,MAA4BC,wBAA5B;;AAIA,MAAMC,OAAO,GAAGrB,OAAO,CAACsB,MAAD,CAAvB;;AACA,oBAA6BD,OAAO,CAACvB,EAAR,CAAW,OAAX,EAAoB;AAC/C,yBAAqBK,KAAK,CAACc,KAAD,EAAQ,CAAC,IAAT,CADqB;AAE/C,iBAAaA,KAFkC;AAG/CF,IAAAA,WAAW,EAAEA,WAHkC;AAI/CI,IAAAA,eAAe,EAAEA;AAJ8B,GAApB,CAA7B;AAAA,MAAQI,SAAR,eAAQA,SAAR;AAAA,MAAmBC,KAAnB,eAAmBA,KAAnB;;AAOA,sBACE,oBAAC,KAAD,eACMnB,eAAe,CAACe,wBAAD,CADrB;AAEE,IAAA,KAAK,EAAEK,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkBF,KAAlB,EAAyBJ,wBAAwB,CAACI,KAAlD,EAAyDjB,KAAK,CAACiB,KAA/D,CAFT;AAGE,IAAA,SAAS,EAAE1B,EAAE,CAACyB,SAAD,EAAYH,wBAAwB,CAACG,SAArC,EAAgDhB,KAAK,CAACgB,SAAtD,CAAF,IAAsEI;AAHnF,KADF;AAOD;;AAEDrB,IAAI,CAACsB,WAAL,GAAmB,MAAnB;AAEA,eAAe7B,mBAAmB,CAACO,IAAD,CAAlC","sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { useBox } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\n\nimport styles from './style/icon.shadow.css';\n\n// TODO: сделать useIcon?\nfunction Icon(props, ref) {\n const [SIcon, other] = useBox(\n {\n tag: 'svg',\n 'data-ui-name': 'Icon',\n width: 16,\n height: 16,\n viewBox: '0 0 16 16',\n ...props,\n },\n ref,\n );\n\n const { interactive, color: colorProps } = props;\n const color = resolveColor(colorProps);\n const { keyboardFocused, ...propsWithKeyboardEnhance } = keyboardFocusEnhance()({\n disabled: !interactive,\n ...other,\n });\n const sstyles = sstyled(styles);\n const { className, style } = sstyles.cn('SIcon', {\n 'color-interactive': shade(color, -0.12),\n 'use:color': color,\n interactive: interactive,\n keyboardFocused: keyboardFocused,\n });\n\n return (\n <SIcon\n {...propsForElement(propsWithKeyboardEnhance)}\n style={Object.assign({}, style, propsWithKeyboardEnhance.style, props.style)}\n className={cn(className, propsWithKeyboardEnhance.className, props.className) || undefined}\n />\n );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"file":"Icon.js"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/icon",
3
3
  "description": "SEMRush Icon Component",
4
- "version": "2.19.3",
4
+ "version": "2.19.4",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
File without changes