@semcore/tag 5.8.1 → 5.9.0-prerelease.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/CHANGELOG.md CHANGED
@@ -2,7 +2,13 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [5.8.1-prerelease.0] - 2023-09-05
5
+ ## [5.9.0-prerelease.0] - 2023-09-05
6
+
7
+ ### Changed
8
+
9
+ - Version preminor update due to children dependencies update (`@semcore/icon` [4.7.1 ~> 4.8.0]).
10
+
11
+ ## [5.8.1] - 2023-09-05
6
12
 
7
13
  ### Changed
8
14
 
package/lib/cjs/Tag.js CHANGED
@@ -23,28 +23,28 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
23
23
  var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
24
24
  var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
25
25
  /*__reshadow-styles__:"./style/tag.shadow.css"*/
26
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STag_mvsx7_gg_{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;border-width:1px;border-style:solid;border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);background-color:var(--colorBg_mvsx7);color:var(--colorText_mvsx7);border-color:var(--colorBorder_mvsx7)}.___STag_mvsx7_gg_.__active_mvsx7_gg_,.___STag_mvsx7_gg_.__interactive_mvsx7_gg_:active{background-color:var(--colorBgHover_mvsx7)}@media (hover:hover){.___STag_mvsx7_gg_.__interactive_mvsx7_gg_:hover{background-color:var(--colorBgHover_mvsx7)}}.___STag_mvsx7_gg_.__\\\\\\:has\\\\\\(SText\\\\\\:focus\\\\\\)_mvsx7_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_mvsx7_gg_:has(.___SText_mvsx7_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_mvsx7_gg_.__disabled_mvsx7_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_mvsx7_gg_.__interactive_mvsx7_gg_{cursor:pointer}.___STag_mvsx7_gg_._size_m_mvsx7_gg_{height:20px;min-width:20px}.___STag_mvsx7_gg_._size_m_mvsx7_gg_ .___SCircle_mvsx7_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_mvsx7_gg_._size_m_mvsx7_gg_ .___SCircle_mvsx7_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_mvsx7_gg_._size_m_mvsx7_gg_ .___SText_mvsx7_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_mvsx7_gg_._size_l_mvsx7_gg_{height:28px;min-width:28px}.___STag_mvsx7_gg_._size_l_mvsx7_gg_ .___SText_mvsx7_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_mvsx7_gg_._size_xl_mvsx7_gg_{height:40px;min-width:40px}.___STag_mvsx7_gg_._size_xl_mvsx7_gg_ .___SText_mvsx7_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_mvsx7_gg_._theme_primary_mvsx7_gg_{background-color:var(--colorBg_mvsx7);border-color:var(--colorBg_mvsx7);color:var(--colorText_mvsx7)}.___STag_mvsx7_gg_._theme_primary_mvsx7_gg_.__active_mvsx7_gg_,.___STag_mvsx7_gg_._theme_primary_mvsx7_gg_.__interactive_mvsx7_gg_:active{background-color:var(--colorBgHover_mvsx7)}@media (hover:hover){.___STag_mvsx7_gg_._theme_primary_mvsx7_gg_.__interactive_mvsx7_gg_:hover{background-color:var(--colorBgHover_mvsx7)}}.___STag_mvsx7_gg_._theme_primary-invert_mvsx7_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_mvsx7_gg_._theme_primary-invert_mvsx7_gg_.__active_mvsx7_gg_,.___STag_mvsx7_gg_._theme_primary-invert_mvsx7_gg_.__interactive_mvsx7_gg_:active{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}@media (hover:hover){.___STag_mvsx7_gg_._theme_primary-invert_mvsx7_gg_.__interactive_mvsx7_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}}.___STag_mvsx7_gg_._theme_additional-invert_mvsx7_gg_,.___STag_mvsx7_gg_._theme_secondary-invert_mvsx7_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-secondary-invert, rgba(255, 255, 255, 0.3))}.___STag_mvsx7_gg_._theme_additional-invert_mvsx7_gg_.__active_mvsx7_gg_,.___STag_mvsx7_gg_._theme_additional-invert_mvsx7_gg_.__interactive_mvsx7_gg_:active,.___STag_mvsx7_gg_._theme_secondary-invert_mvsx7_gg_.__active_mvsx7_gg_,.___STag_mvsx7_gg_._theme_secondary-invert_mvsx7_gg_.__interactive_mvsx7_gg_:active{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}@media (hover:hover){.___STag_mvsx7_gg_._theme_additional-invert_mvsx7_gg_.__interactive_mvsx7_gg_:hover,.___STag_mvsx7_gg_._theme_secondary-invert_mvsx7_gg_.__interactive_mvsx7_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}}.___STag_mvsx7_gg_._theme_additional_mvsx7_gg_{border-style:dashed}.___SText_mvsx7_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0}.___SText_mvsx7_gg_:not(:only-child):first-child{padding-right:0}.___SText_mvsx7_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_mvsx7_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_mvsx7_gg_,.___SCircle_mvsx7_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_mvsx7_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SCircle_mvsx7_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_mvsx7_gg_:first-child{margin-left:0}.___SCircle_mvsx7_gg_:last-child{margin-right:0}.___SCircle_mvsx7_gg_._size_m_mvsx7_gg_{width:16px;height:16px}.___SCircle_mvsx7_gg_._size_l_mvsx7_gg_,.___SCircle_mvsx7_gg_._size_xl_mvsx7_gg_{width:20px;height:20px}.___SClose_mvsx7_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);opacity:.5}@media (hover:hover){.___SClose_mvsx7_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "mvsx7_gg_") /*__reshadow_css_end__*/, {
27
- "__STag": "___STag_mvsx7_gg_",
28
- "--colorBg": "--colorBg_mvsx7",
29
- "--colorText": "--colorText_mvsx7",
30
- "--colorBorder": "--colorBorder_mvsx7",
31
- "_interactive": "__interactive_mvsx7_gg_",
32
- "_active": "__active_mvsx7_gg_",
33
- "--colorBgHover": "--colorBgHover_mvsx7",
34
- "_\\:has\\(SText\\:focus\\)": "__\\:has\\(SText\\:focus\\)_mvsx7_gg_",
35
- "__SText": "___SText_mvsx7_gg_",
36
- "_disabled": "__disabled_mvsx7_gg_",
37
- "_size_m": "_size_m_mvsx7_gg_",
38
- "__SCircle": "___SCircle_mvsx7_gg_",
39
- "_size_l": "_size_l_mvsx7_gg_",
40
- "_size_xl": "_size_xl_mvsx7_gg_",
41
- "_theme_primary": "_theme_primary_mvsx7_gg_",
42
- "_theme_primary-invert": "_theme_primary-invert_mvsx7_gg_",
43
- "_theme_secondary-invert": "_theme_secondary-invert_mvsx7_gg_",
44
- "_theme_additional-invert": "_theme_additional-invert_mvsx7_gg_",
45
- "_theme_additional": "_theme_additional_mvsx7_gg_",
46
- "__SAddon": "___SAddon_mvsx7_gg_",
47
- "__SClose": "___SClose_mvsx7_gg_"
26
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STag_qii4k_gg_{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;border-width:1px;border-style:solid;border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);background-color:var(--colorBg_qii4k);color:var(--colorText_qii4k);border-color:var(--colorBorder_qii4k)}.___STag_qii4k_gg_.__active_qii4k_gg_,.___STag_qii4k_gg_.__interactive_qii4k_gg_:active{background-color:var(--colorBgHover_qii4k)}@media (hover:hover){.___STag_qii4k_gg_.__interactive_qii4k_gg_:hover{background-color:var(--colorBgHover_qii4k)}}.___STag_qii4k_gg_.__\\\\\\:has\\\\\\(SText\\\\\\:focus\\\\\\)_qii4k_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_qii4k_gg_:has(.___SText_qii4k_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_qii4k_gg_.__disabled_qii4k_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_qii4k_gg_.__interactive_qii4k_gg_{cursor:pointer}.___STag_qii4k_gg_._size_m_qii4k_gg_{height:20px;min-width:20px}.___STag_qii4k_gg_._size_m_qii4k_gg_ .___SCircle_qii4k_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_qii4k_gg_._size_m_qii4k_gg_ .___SCircle_qii4k_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_qii4k_gg_._size_m_qii4k_gg_ .___SText_qii4k_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_qii4k_gg_._size_l_qii4k_gg_{height:28px;min-width:28px}.___STag_qii4k_gg_._size_l_qii4k_gg_ .___SText_qii4k_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_qii4k_gg_._size_xl_qii4k_gg_{height:40px;min-width:40px}.___STag_qii4k_gg_._size_xl_qii4k_gg_ .___SText_qii4k_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_qii4k_gg_._theme_primary_qii4k_gg_{background-color:var(--colorBg_qii4k);border-color:var(--colorBg_qii4k);color:var(--colorText_qii4k)}.___STag_qii4k_gg_._theme_primary_qii4k_gg_.__active_qii4k_gg_,.___STag_qii4k_gg_._theme_primary_qii4k_gg_.__interactive_qii4k_gg_:active{background-color:var(--colorBgHover_qii4k)}@media (hover:hover){.___STag_qii4k_gg_._theme_primary_qii4k_gg_.__interactive_qii4k_gg_:hover{background-color:var(--colorBgHover_qii4k)}}.___STag_qii4k_gg_._theme_primary-invert_qii4k_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_qii4k_gg_._theme_primary-invert_qii4k_gg_.__active_qii4k_gg_,.___STag_qii4k_gg_._theme_primary-invert_qii4k_gg_.__interactive_qii4k_gg_:active{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}@media (hover:hover){.___STag_qii4k_gg_._theme_primary-invert_qii4k_gg_.__interactive_qii4k_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}}.___STag_qii4k_gg_._theme_additional-invert_qii4k_gg_,.___STag_qii4k_gg_._theme_secondary-invert_qii4k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-secondary-invert, rgba(255, 255, 255, 0.3))}.___STag_qii4k_gg_._theme_additional-invert_qii4k_gg_.__active_qii4k_gg_,.___STag_qii4k_gg_._theme_additional-invert_qii4k_gg_.__interactive_qii4k_gg_:active,.___STag_qii4k_gg_._theme_secondary-invert_qii4k_gg_.__active_qii4k_gg_,.___STag_qii4k_gg_._theme_secondary-invert_qii4k_gg_.__interactive_qii4k_gg_:active{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}@media (hover:hover){.___STag_qii4k_gg_._theme_additional-invert_qii4k_gg_.__interactive_qii4k_gg_:hover,.___STag_qii4k_gg_._theme_secondary-invert_qii4k_gg_.__interactive_qii4k_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}}.___STag_qii4k_gg_._theme_additional_qii4k_gg_{border-style:dashed}.___SText_qii4k_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0}.___SText_qii4k_gg_:not(:only-child):first-child{padding-right:0}.___SText_qii4k_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_qii4k_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_qii4k_gg_,.___SCircle_qii4k_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_qii4k_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SCircle_qii4k_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_qii4k_gg_:first-child{margin-left:0}.___SCircle_qii4k_gg_:last-child{margin-right:0}.___SCircle_qii4k_gg_._size_m_qii4k_gg_{width:16px;height:16px}.___SCircle_qii4k_gg_._size_l_qii4k_gg_,.___SCircle_qii4k_gg_._size_xl_qii4k_gg_{width:20px;height:20px}.___SClose_qii4k_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);opacity:.5}@media (hover:hover){.___SClose_qii4k_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "qii4k_gg_") /*__reshadow_css_end__*/, {
27
+ "__STag": "___STag_qii4k_gg_",
28
+ "--colorBg": "--colorBg_qii4k",
29
+ "--colorText": "--colorText_qii4k",
30
+ "--colorBorder": "--colorBorder_qii4k",
31
+ "_interactive": "__interactive_qii4k_gg_",
32
+ "_active": "__active_qii4k_gg_",
33
+ "--colorBgHover": "--colorBgHover_qii4k",
34
+ "_\\:has\\(SText\\:focus\\)": "__\\:has\\(SText\\:focus\\)_qii4k_gg_",
35
+ "__SText": "___SText_qii4k_gg_",
36
+ "_disabled": "__disabled_qii4k_gg_",
37
+ "_size_m": "_size_m_qii4k_gg_",
38
+ "__SCircle": "___SCircle_qii4k_gg_",
39
+ "_size_l": "_size_l_qii4k_gg_",
40
+ "_size_xl": "_size_xl_qii4k_gg_",
41
+ "_theme_primary": "_theme_primary_qii4k_gg_",
42
+ "_theme_primary-invert": "_theme_primary-invert_qii4k_gg_",
43
+ "_theme_secondary-invert": "_theme_secondary-invert_qii4k_gg_",
44
+ "_theme_additional-invert": "_theme_additional-invert_qii4k_gg_",
45
+ "_theme_additional": "_theme_additional_qii4k_gg_",
46
+ "__SAddon": "___SAddon_qii4k_gg_",
47
+ "__SClose": "___SClose_qii4k_gg_"
48
48
  });
49
49
  var textColorToBgColor = {
50
50
  'gray-500': 'gray-100',
package/lib/es6/Tag.js CHANGED
@@ -21,28 +21,28 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
21
21
  import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
22
22
  import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
23
23
  /*__reshadow-styles__:"./style/tag.shadow.css"*/
24
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STag_mvsx7_gg_{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;border-width:1px;border-style:solid;border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);background-color:var(--colorBg_mvsx7);color:var(--colorText_mvsx7);border-color:var(--colorBorder_mvsx7)}.___STag_mvsx7_gg_.__active_mvsx7_gg_,.___STag_mvsx7_gg_.__interactive_mvsx7_gg_:active{background-color:var(--colorBgHover_mvsx7)}@media (hover:hover){.___STag_mvsx7_gg_.__interactive_mvsx7_gg_:hover{background-color:var(--colorBgHover_mvsx7)}}.___STag_mvsx7_gg_.__\\\\\\:has\\\\\\(SText\\\\\\:focus\\\\\\)_mvsx7_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_mvsx7_gg_:has(.___SText_mvsx7_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_mvsx7_gg_.__disabled_mvsx7_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_mvsx7_gg_.__interactive_mvsx7_gg_{cursor:pointer}.___STag_mvsx7_gg_._size_m_mvsx7_gg_{height:20px;min-width:20px}.___STag_mvsx7_gg_._size_m_mvsx7_gg_ .___SCircle_mvsx7_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_mvsx7_gg_._size_m_mvsx7_gg_ .___SCircle_mvsx7_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_mvsx7_gg_._size_m_mvsx7_gg_ .___SText_mvsx7_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_mvsx7_gg_._size_l_mvsx7_gg_{height:28px;min-width:28px}.___STag_mvsx7_gg_._size_l_mvsx7_gg_ .___SText_mvsx7_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_mvsx7_gg_._size_xl_mvsx7_gg_{height:40px;min-width:40px}.___STag_mvsx7_gg_._size_xl_mvsx7_gg_ .___SText_mvsx7_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_mvsx7_gg_._theme_primary_mvsx7_gg_{background-color:var(--colorBg_mvsx7);border-color:var(--colorBg_mvsx7);color:var(--colorText_mvsx7)}.___STag_mvsx7_gg_._theme_primary_mvsx7_gg_.__active_mvsx7_gg_,.___STag_mvsx7_gg_._theme_primary_mvsx7_gg_.__interactive_mvsx7_gg_:active{background-color:var(--colorBgHover_mvsx7)}@media (hover:hover){.___STag_mvsx7_gg_._theme_primary_mvsx7_gg_.__interactive_mvsx7_gg_:hover{background-color:var(--colorBgHover_mvsx7)}}.___STag_mvsx7_gg_._theme_primary-invert_mvsx7_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_mvsx7_gg_._theme_primary-invert_mvsx7_gg_.__active_mvsx7_gg_,.___STag_mvsx7_gg_._theme_primary-invert_mvsx7_gg_.__interactive_mvsx7_gg_:active{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}@media (hover:hover){.___STag_mvsx7_gg_._theme_primary-invert_mvsx7_gg_.__interactive_mvsx7_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}}.___STag_mvsx7_gg_._theme_additional-invert_mvsx7_gg_,.___STag_mvsx7_gg_._theme_secondary-invert_mvsx7_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-secondary-invert, rgba(255, 255, 255, 0.3))}.___STag_mvsx7_gg_._theme_additional-invert_mvsx7_gg_.__active_mvsx7_gg_,.___STag_mvsx7_gg_._theme_additional-invert_mvsx7_gg_.__interactive_mvsx7_gg_:active,.___STag_mvsx7_gg_._theme_secondary-invert_mvsx7_gg_.__active_mvsx7_gg_,.___STag_mvsx7_gg_._theme_secondary-invert_mvsx7_gg_.__interactive_mvsx7_gg_:active{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}@media (hover:hover){.___STag_mvsx7_gg_._theme_additional-invert_mvsx7_gg_.__interactive_mvsx7_gg_:hover,.___STag_mvsx7_gg_._theme_secondary-invert_mvsx7_gg_.__interactive_mvsx7_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}}.___STag_mvsx7_gg_._theme_additional_mvsx7_gg_{border-style:dashed}.___SText_mvsx7_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0}.___SText_mvsx7_gg_:not(:only-child):first-child{padding-right:0}.___SText_mvsx7_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_mvsx7_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_mvsx7_gg_,.___SCircle_mvsx7_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_mvsx7_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SCircle_mvsx7_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_mvsx7_gg_:first-child{margin-left:0}.___SCircle_mvsx7_gg_:last-child{margin-right:0}.___SCircle_mvsx7_gg_._size_m_mvsx7_gg_{width:16px;height:16px}.___SCircle_mvsx7_gg_._size_l_mvsx7_gg_,.___SCircle_mvsx7_gg_._size_xl_mvsx7_gg_{width:20px;height:20px}.___SClose_mvsx7_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);opacity:.5}@media (hover:hover){.___SClose_mvsx7_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "mvsx7_gg_") /*__reshadow_css_end__*/, {
25
- "__STag": "___STag_mvsx7_gg_",
26
- "--colorBg": "--colorBg_mvsx7",
27
- "--colorText": "--colorText_mvsx7",
28
- "--colorBorder": "--colorBorder_mvsx7",
29
- "_interactive": "__interactive_mvsx7_gg_",
30
- "_active": "__active_mvsx7_gg_",
31
- "--colorBgHover": "--colorBgHover_mvsx7",
32
- "_\\:has\\(SText\\:focus\\)": "__\\:has\\(SText\\:focus\\)_mvsx7_gg_",
33
- "__SText": "___SText_mvsx7_gg_",
34
- "_disabled": "__disabled_mvsx7_gg_",
35
- "_size_m": "_size_m_mvsx7_gg_",
36
- "__SCircle": "___SCircle_mvsx7_gg_",
37
- "_size_l": "_size_l_mvsx7_gg_",
38
- "_size_xl": "_size_xl_mvsx7_gg_",
39
- "_theme_primary": "_theme_primary_mvsx7_gg_",
40
- "_theme_primary-invert": "_theme_primary-invert_mvsx7_gg_",
41
- "_theme_secondary-invert": "_theme_secondary-invert_mvsx7_gg_",
42
- "_theme_additional-invert": "_theme_additional-invert_mvsx7_gg_",
43
- "_theme_additional": "_theme_additional_mvsx7_gg_",
44
- "__SAddon": "___SAddon_mvsx7_gg_",
45
- "__SClose": "___SClose_mvsx7_gg_"
24
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STag_qii4k_gg_{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;border-width:1px;border-style:solid;border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);background-color:var(--colorBg_qii4k);color:var(--colorText_qii4k);border-color:var(--colorBorder_qii4k)}.___STag_qii4k_gg_.__active_qii4k_gg_,.___STag_qii4k_gg_.__interactive_qii4k_gg_:active{background-color:var(--colorBgHover_qii4k)}@media (hover:hover){.___STag_qii4k_gg_.__interactive_qii4k_gg_:hover{background-color:var(--colorBgHover_qii4k)}}.___STag_qii4k_gg_.__\\\\\\:has\\\\\\(SText\\\\\\:focus\\\\\\)_qii4k_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_qii4k_gg_:has(.___SText_qii4k_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_qii4k_gg_.__disabled_qii4k_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_qii4k_gg_.__interactive_qii4k_gg_{cursor:pointer}.___STag_qii4k_gg_._size_m_qii4k_gg_{height:20px;min-width:20px}.___STag_qii4k_gg_._size_m_qii4k_gg_ .___SCircle_qii4k_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_qii4k_gg_._size_m_qii4k_gg_ .___SCircle_qii4k_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_qii4k_gg_._size_m_qii4k_gg_ .___SText_qii4k_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_qii4k_gg_._size_l_qii4k_gg_{height:28px;min-width:28px}.___STag_qii4k_gg_._size_l_qii4k_gg_ .___SText_qii4k_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_qii4k_gg_._size_xl_qii4k_gg_{height:40px;min-width:40px}.___STag_qii4k_gg_._size_xl_qii4k_gg_ .___SText_qii4k_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_qii4k_gg_._theme_primary_qii4k_gg_{background-color:var(--colorBg_qii4k);border-color:var(--colorBg_qii4k);color:var(--colorText_qii4k)}.___STag_qii4k_gg_._theme_primary_qii4k_gg_.__active_qii4k_gg_,.___STag_qii4k_gg_._theme_primary_qii4k_gg_.__interactive_qii4k_gg_:active{background-color:var(--colorBgHover_qii4k)}@media (hover:hover){.___STag_qii4k_gg_._theme_primary_qii4k_gg_.__interactive_qii4k_gg_:hover{background-color:var(--colorBgHover_qii4k)}}.___STag_qii4k_gg_._theme_primary-invert_qii4k_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_qii4k_gg_._theme_primary-invert_qii4k_gg_.__active_qii4k_gg_,.___STag_qii4k_gg_._theme_primary-invert_qii4k_gg_.__interactive_qii4k_gg_:active{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}@media (hover:hover){.___STag_qii4k_gg_._theme_primary-invert_qii4k_gg_.__interactive_qii4k_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}}.___STag_qii4k_gg_._theme_additional-invert_qii4k_gg_,.___STag_qii4k_gg_._theme_secondary-invert_qii4k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-secondary-invert, rgba(255, 255, 255, 0.3))}.___STag_qii4k_gg_._theme_additional-invert_qii4k_gg_.__active_qii4k_gg_,.___STag_qii4k_gg_._theme_additional-invert_qii4k_gg_.__interactive_qii4k_gg_:active,.___STag_qii4k_gg_._theme_secondary-invert_qii4k_gg_.__active_qii4k_gg_,.___STag_qii4k_gg_._theme_secondary-invert_qii4k_gg_.__interactive_qii4k_gg_:active{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}@media (hover:hover){.___STag_qii4k_gg_._theme_additional-invert_qii4k_gg_.__interactive_qii4k_gg_:hover,.___STag_qii4k_gg_._theme_secondary-invert_qii4k_gg_.__interactive_qii4k_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}}.___STag_qii4k_gg_._theme_additional_qii4k_gg_{border-style:dashed}.___SText_qii4k_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0}.___SText_qii4k_gg_:not(:only-child):first-child{padding-right:0}.___SText_qii4k_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_qii4k_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_qii4k_gg_,.___SCircle_qii4k_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_qii4k_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SCircle_qii4k_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_qii4k_gg_:first-child{margin-left:0}.___SCircle_qii4k_gg_:last-child{margin-right:0}.___SCircle_qii4k_gg_._size_m_qii4k_gg_{width:16px;height:16px}.___SCircle_qii4k_gg_._size_l_qii4k_gg_,.___SCircle_qii4k_gg_._size_xl_qii4k_gg_{width:20px;height:20px}.___SClose_qii4k_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);opacity:.5}@media (hover:hover){.___SClose_qii4k_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "qii4k_gg_") /*__reshadow_css_end__*/, {
25
+ "__STag": "___STag_qii4k_gg_",
26
+ "--colorBg": "--colorBg_qii4k",
27
+ "--colorText": "--colorText_qii4k",
28
+ "--colorBorder": "--colorBorder_qii4k",
29
+ "_interactive": "__interactive_qii4k_gg_",
30
+ "_active": "__active_qii4k_gg_",
31
+ "--colorBgHover": "--colorBgHover_qii4k",
32
+ "_\\:has\\(SText\\:focus\\)": "__\\:has\\(SText\\:focus\\)_qii4k_gg_",
33
+ "__SText": "___SText_qii4k_gg_",
34
+ "_disabled": "__disabled_qii4k_gg_",
35
+ "_size_m": "_size_m_qii4k_gg_",
36
+ "__SCircle": "___SCircle_qii4k_gg_",
37
+ "_size_l": "_size_l_qii4k_gg_",
38
+ "_size_xl": "_size_xl_qii4k_gg_",
39
+ "_theme_primary": "_theme_primary_qii4k_gg_",
40
+ "_theme_primary-invert": "_theme_primary-invert_qii4k_gg_",
41
+ "_theme_secondary-invert": "_theme_secondary-invert_qii4k_gg_",
42
+ "_theme_additional-invert": "_theme_additional-invert_qii4k_gg_",
43
+ "_theme_additional": "_theme_additional_qii4k_gg_",
44
+ "__SAddon": "___SAddon_qii4k_gg_",
45
+ "__SClose": "___SClose_qii4k_gg_"
46
46
  });
47
47
  var textColorToBgColor = {
48
48
  'gray-500': 'gray-100',
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/tag",
3
3
  "description": "Semrush Tag Component",
4
- "version": "5.8.1",
4
+ "version": "5.9.0-prerelease.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -10,7 +10,7 @@
10
10
  "license": "MIT",
11
11
  "dependencies": {
12
12
  "@semcore/utils": "4.6.1",
13
- "@semcore/icon": "4.7.1",
13
+ "@semcore/icon": "4.8.0-prerelease.0",
14
14
  "@semcore/flex-box": "5.6.1"
15
15
  },
16
16
  "peerDependencies": {