@semcore/tag 4.4.0 → 4.4.1

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 (4) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/Tag.js +22 -22
  3. package/lib/es6/Tag.js +22 -22
  4. package/package.json +1 -1
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
+ ## [4.4.1] - 2022-12-19
6
+
7
+ ### Changed
8
+
9
+ - Version patch update due to children dependencies update (`@semcore/utils` [3.44.0 ~> 3.44.1], `@semcore/icon` [3.4.2 ~> 3.4.3], `@semcore/flex-box` [4.7.2 ~> 4.7.3]).
10
+
5
11
  ## [4.4.0] - 2022-12-14
6
12
 
7
13
  ### Added
package/lib/cjs/Tag.js CHANGED
@@ -56,31 +56,31 @@ var style = (
56
56
  /*__reshadow_css_start__*/
57
57
  _core.sstyled.insert(
58
58
  /*__inner_css_start__*/
59
- ".___STag_9qxyi_gg_{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n vertical-align:middle;\n box-sizing:border-box;\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n border-radius:var(--intergalactic-rounded-extra-large, 24px);\n padding-left:var(--intergalactic-spacing-1x, 4px);\n padding-right:var(--intergalactic-spacing-1x, 4px);\n font-weight:var(--intergalactic-medium, 500);\n background-color:var(--colorBg_9qxyi);\n color:var(--colorText_9qxyi);\n border-color:var(--colorBorder_9qxyi)\n}\n\n.___STag_9qxyi_gg_.__active_9qxyi_gg_,.___STag_9qxyi_gg_.__interactive_9qxyi_gg_:active,.___STag_9qxyi_gg_.__interactive_9qxyi_gg_:hover{\n background-color:var(--colorBgHover_9qxyi);\n }\n\n.___STag_9qxyi_gg_.__disabled_9qxyi_gg_{\n opacity:var(--intergalactic-disabled-opacity, .3);\n cursor:default;\n pointer-events:none;\n}\n\n.___STag_9qxyi_gg_.__interactive_9qxyi_gg_{\n cursor:pointer;\n}\n\n.___STag_9qxyi_gg_._size_m_9qxyi_gg_{\n height:20px;\n min-width:20px\n}\n\n.___STag_9qxyi_gg_._size_m_9qxyi_gg_ .___SCircle_9qxyi_gg_:first-child{\n margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);\n }\n\n.___STag_9qxyi_gg_._size_m_9qxyi_gg_ .___SCircle_9qxyi_gg_:last-child{\n margin-right:calc(var(--intergalactic-spacing-05x, 2px)*-1);\n }\n\n.___STag_9qxyi_gg_._size_m_9qxyi_gg_ .___SText_9qxyi_gg_{\n font-size:var(--intergalactic-fs-100, 12px);\n line-height:var(--intergalactic-lh-100, 133%);\n }\n\n.___STag_9qxyi_gg_._size_l_9qxyi_gg_{\n height:28px;\n min-width:28px\n}\n\n.___STag_9qxyi_gg_._size_l_9qxyi_gg_ .___SText_9qxyi_gg_{\n font-size:var(--intergalactic-fs-200, 14px);\n line-height:var(--intergalactic-lh-200, 142%);\n }\n\n.___STag_9qxyi_gg_._size_xl_9qxyi_gg_{\n height:40px;\n min-width:40px\n}\n\n.___STag_9qxyi_gg_._size_xl_9qxyi_gg_ .___SText_9qxyi_gg_{\n font-size:var(--intergalactic-fs-300, 16px);\n line-height:var(--intergalactic-lh-300, 150%);\n }\n\n.___STag_9qxyi_gg_._theme_primary_9qxyi_gg_{\n background-color:var(--colorBg_9qxyi);\n border-color:var(--colorBg_9qxyi);\n color:var(--colorText_9qxyi)\n}\n\n.___STag_9qxyi_gg_._theme_primary_9qxyi_gg_.__active_9qxyi_gg_,.___STag_9qxyi_gg_._theme_primary_9qxyi_gg_.__interactive_9qxyi_gg_:active,.___STag_9qxyi_gg_._theme_primary_9qxyi_gg_.__interactive_9qxyi_gg_:hover{\n background-color:var(--colorBgHover_9qxyi);\n }\n\n.___STag_9qxyi_gg_._theme_primary-invert_9qxyi_gg_{\n background-color:var(--intergalactic-tag-primary-white-normal, hsla(0, 0%, 100%, .15));\n color:var(--intergalactic-text-primary-invert, #fff)\n}\n\n.___STag_9qxyi_gg_._theme_primary-invert_9qxyi_gg_.__active_9qxyi_gg_,.___STag_9qxyi_gg_._theme_primary-invert_9qxyi_gg_.__interactive_9qxyi_gg_:active,.___STag_9qxyi_gg_._theme_primary-invert_9qxyi_gg_.__interactive_9qxyi_gg_:hover{\n background-color:var(--intergalactic-tag-primary-white-hover-active, hsla(0, 0%, 100%, .3));\n }\n\n.___STag_9qxyi_gg_._theme_additional-invert_9qxyi_gg_,.___STag_9qxyi_gg_._theme_secondary-invert_9qxyi_gg_{\n color:var(--intergalactic-text-primary-invert, #fff);\n border-color: var(\\--intergalactic-border-secondary-invert)\n\n &.__interactive_9qxyi_gg_:hover,\n &.__interactive_9qxyi_gg_:active,\n &.__active_9qxyi_gg_{\n background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9);\n }\n}\n\n.___STag_9qxyi_gg_._theme_additional_9qxyi_gg_{\n border-style:dashed;\n}\n\n.___SText_9qxyi_gg_{\n display:inline-block;\n padding-left:var(--intergalactic-spacing-1x, 4px);\n padding-right:var(--intergalactic-spacing-1x, 4px);\n white-space:nowrap;\n overflow:hidden;\n text-overflow:ellipsis;\n}\n\n.___SText_9qxyi_gg_:not(:only-child):first-child{\n padding-right:0;\n}\n\n.___SText_9qxyi_gg_:not(:first-child):not(:last-child){\n padding-left:0;\n padding-right:0;\n}\n\n.___SText_9qxyi_gg_:not(:only-child):last-child{\n padding-left:0;\n}\n\n.___SAddon_9qxyi_gg_{\n display:inline-flex;\n flex-shrink:0;\n align-items:center;\n justify-content:center;\n padding-left:var(--intergalactic-spacing-1x, 4px);\n padding-right:var(--intergalactic-spacing-1x, 4px);\n}\n\n.___SCircle_9qxyi_gg_{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n overflow:hidden;\n border-radius:50%;\n margin:0 var(--intergalactic-spacing-1x, 4px)\n}\n\n.___SCircle_9qxyi_gg_:first-child{\n margin-left:0;\n }\n\n.___SCircle_9qxyi_gg_:last-child{\n margin-right:0;\n }\n\n.___SCircle_9qxyi_gg_._size_m_9qxyi_gg_{\n width:16px;\n height:16px;\n}\n\n.___SCircle_9qxyi_gg_._size_l_9qxyi_gg_{\n width:20px;\n height:20px;\n}\n\n.___SCircle_9qxyi_gg_._size_xl_9qxyi_gg_{\n width:20px;\n height:20px;\n}\n\n.___SClose_9qxyi_gg_{\n cursor:pointer;\n display:inline-flex;\n flex-shrink:0;\n align-items:center;\n justify-content:center;\n padding:var(--intergalactic-spacing-1x, 4px);\n opacity:.5\n}\n\n.___SClose_9qxyi_gg_:hover{\n opacity:1;\n }\n"
59
+ ".___STag_z3udd_gg_{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n vertical-align:middle;\n box-sizing:border-box;\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n border-radius:var(--intergalactic-rounded-extra-large, 24px);\n padding-left:var(--intergalactic-spacing-1x, 4px);\n padding-right:var(--intergalactic-spacing-1x, 4px);\n font-weight:var(--intergalactic-medium, 500);\n background-color:var(--colorBg_z3udd);\n color:var(--colorText_z3udd);\n border-color:var(--colorBorder_z3udd)\n}\n\n.___STag_z3udd_gg_.__active_z3udd_gg_,.___STag_z3udd_gg_.__interactive_z3udd_gg_:active,.___STag_z3udd_gg_.__interactive_z3udd_gg_:hover{\n background-color:var(--colorBgHover_z3udd);\n }\n\n.___STag_z3udd_gg_.__disabled_z3udd_gg_{\n opacity:var(--intergalactic-disabled-opacity, .3);\n cursor:default;\n pointer-events:none;\n}\n\n.___STag_z3udd_gg_.__interactive_z3udd_gg_{\n cursor:pointer;\n}\n\n.___STag_z3udd_gg_._size_m_z3udd_gg_{\n height:20px;\n min-width:20px\n}\n\n.___STag_z3udd_gg_._size_m_z3udd_gg_ .___SCircle_z3udd_gg_:first-child{\n margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);\n }\n\n.___STag_z3udd_gg_._size_m_z3udd_gg_ .___SCircle_z3udd_gg_:last-child{\n margin-right:calc(var(--intergalactic-spacing-05x, 2px)*-1);\n }\n\n.___STag_z3udd_gg_._size_m_z3udd_gg_ .___SText_z3udd_gg_{\n font-size:var(--intergalactic-fs-100, 12px);\n line-height:var(--intergalactic-lh-100, 133%);\n }\n\n.___STag_z3udd_gg_._size_l_z3udd_gg_{\n height:28px;\n min-width:28px\n}\n\n.___STag_z3udd_gg_._size_l_z3udd_gg_ .___SText_z3udd_gg_{\n font-size:var(--intergalactic-fs-200, 14px);\n line-height:var(--intergalactic-lh-200, 142%);\n }\n\n.___STag_z3udd_gg_._size_xl_z3udd_gg_{\n height:40px;\n min-width:40px\n}\n\n.___STag_z3udd_gg_._size_xl_z3udd_gg_ .___SText_z3udd_gg_{\n font-size:var(--intergalactic-fs-300, 16px);\n line-height:var(--intergalactic-lh-300, 150%);\n }\n\n.___STag_z3udd_gg_._theme_primary_z3udd_gg_{\n background-color:var(--colorBg_z3udd);\n border-color:var(--colorBg_z3udd);\n color:var(--colorText_z3udd)\n}\n\n.___STag_z3udd_gg_._theme_primary_z3udd_gg_.__active_z3udd_gg_,.___STag_z3udd_gg_._theme_primary_z3udd_gg_.__interactive_z3udd_gg_:active,.___STag_z3udd_gg_._theme_primary_z3udd_gg_.__interactive_z3udd_gg_:hover{\n background-color:var(--colorBgHover_z3udd);\n }\n\n.___STag_z3udd_gg_._theme_primary-invert_z3udd_gg_{\n background-color:var(--intergalactic-tag-primary-white-normal, hsla(0, 0%, 100%, .15));\n color:var(--intergalactic-text-primary-invert, #fff)\n}\n\n.___STag_z3udd_gg_._theme_primary-invert_z3udd_gg_.__active_z3udd_gg_,.___STag_z3udd_gg_._theme_primary-invert_z3udd_gg_.__interactive_z3udd_gg_:active,.___STag_z3udd_gg_._theme_primary-invert_z3udd_gg_.__interactive_z3udd_gg_:hover{\n background-color:var(--intergalactic-tag-primary-white-hover-active, hsla(0, 0%, 100%, .3));\n }\n\n.___STag_z3udd_gg_._theme_additional-invert_z3udd_gg_,.___STag_z3udd_gg_._theme_secondary-invert_z3udd_gg_{\n color:var(--intergalactic-text-primary-invert, #fff);\n border-color: var(\\--intergalactic-border-secondary-invert)\n\n &.__interactive_z3udd_gg_:hover,\n &.__interactive_z3udd_gg_:active,\n &.__active_z3udd_gg_{\n background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9);\n }\n}\n\n.___STag_z3udd_gg_._theme_additional_z3udd_gg_{\n border-style:dashed;\n}\n\n.___SText_z3udd_gg_{\n display:inline-block;\n padding-left:var(--intergalactic-spacing-1x, 4px);\n padding-right:var(--intergalactic-spacing-1x, 4px);\n white-space:nowrap;\n overflow:hidden;\n text-overflow:ellipsis;\n}\n\n.___SText_z3udd_gg_:not(:only-child):first-child{\n padding-right:0;\n}\n\n.___SText_z3udd_gg_:not(:first-child):not(:last-child){\n padding-left:0;\n padding-right:0;\n}\n\n.___SText_z3udd_gg_:not(:only-child):last-child{\n padding-left:0;\n}\n\n.___SAddon_z3udd_gg_{\n display:inline-flex;\n flex-shrink:0;\n align-items:center;\n justify-content:center;\n padding-left:var(--intergalactic-spacing-1x, 4px);\n padding-right:var(--intergalactic-spacing-1x, 4px);\n}\n\n.___SCircle_z3udd_gg_{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n overflow:hidden;\n border-radius:50%;\n margin:0 var(--intergalactic-spacing-1x, 4px)\n}\n\n.___SCircle_z3udd_gg_:first-child{\n margin-left:0;\n }\n\n.___SCircle_z3udd_gg_:last-child{\n margin-right:0;\n }\n\n.___SCircle_z3udd_gg_._size_m_z3udd_gg_{\n width:16px;\n height:16px;\n}\n\n.___SCircle_z3udd_gg_._size_l_z3udd_gg_{\n width:20px;\n height:20px;\n}\n\n.___SCircle_z3udd_gg_._size_xl_z3udd_gg_{\n width:20px;\n height:20px;\n}\n\n.___SClose_z3udd_gg_{\n cursor:pointer;\n display:inline-flex;\n flex-shrink:0;\n align-items:center;\n justify-content:center;\n padding:var(--intergalactic-spacing-1x, 4px);\n opacity:.5\n}\n\n.___SClose_z3udd_gg_:hover{\n opacity:1;\n }\n"
60
60
  /*__inner_css_end__*/
61
- , "9qxyi_gg_")
61
+ , "z3udd_gg_")
62
62
  /*__reshadow_css_end__*/
63
63
  , {
64
- "__STag": "___STag_9qxyi_gg_",
65
- "--colorBg": "--colorBg_9qxyi",
66
- "--colorText": "--colorText_9qxyi",
67
- "--colorBorder": "--colorBorder_9qxyi",
68
- "_active": "__active_9qxyi_gg_",
69
- "_interactive": "__interactive_9qxyi_gg_",
70
- "--colorBgHover": "--colorBgHover_9qxyi",
71
- "_disabled": "__disabled_9qxyi_gg_",
72
- "_size_m": "_size_m_9qxyi_gg_",
73
- "__SCircle": "___SCircle_9qxyi_gg_",
74
- "__SText": "___SText_9qxyi_gg_",
75
- "_size_l": "_size_l_9qxyi_gg_",
76
- "_size_xl": "_size_xl_9qxyi_gg_",
77
- "_theme_primary": "_theme_primary_9qxyi_gg_",
78
- "_theme_primary-invert": "_theme_primary-invert_9qxyi_gg_",
79
- "_theme_additional-invert": "_theme_additional-invert_9qxyi_gg_",
80
- "_theme_secondary-invert": "_theme_secondary-invert_9qxyi_gg_",
81
- "_theme_additional": "_theme_additional_9qxyi_gg_",
82
- "__SAddon": "___SAddon_9qxyi_gg_",
83
- "__SClose": "___SClose_9qxyi_gg_"
64
+ "__STag": "___STag_z3udd_gg_",
65
+ "--colorBg": "--colorBg_z3udd",
66
+ "--colorText": "--colorText_z3udd",
67
+ "--colorBorder": "--colorBorder_z3udd",
68
+ "_active": "__active_z3udd_gg_",
69
+ "_interactive": "__interactive_z3udd_gg_",
70
+ "--colorBgHover": "--colorBgHover_z3udd",
71
+ "_disabled": "__disabled_z3udd_gg_",
72
+ "_size_m": "_size_m_z3udd_gg_",
73
+ "__SCircle": "___SCircle_z3udd_gg_",
74
+ "__SText": "___SText_z3udd_gg_",
75
+ "_size_l": "_size_l_z3udd_gg_",
76
+ "_size_xl": "_size_xl_z3udd_gg_",
77
+ "_theme_primary": "_theme_primary_z3udd_gg_",
78
+ "_theme_primary-invert": "_theme_primary-invert_z3udd_gg_",
79
+ "_theme_additional-invert": "_theme_additional-invert_z3udd_gg_",
80
+ "_theme_secondary-invert": "_theme_secondary-invert_z3udd_gg_",
81
+ "_theme_additional": "_theme_additional_z3udd_gg_",
82
+ "__SAddon": "___SAddon_z3udd_gg_",
83
+ "__SClose": "___SClose_z3udd_gg_"
84
84
  });
85
85
  var textColorToBgColor = {
86
86
  'gray-500': 'gray-100',
package/lib/es6/Tag.js CHANGED
@@ -34,31 +34,31 @@ var style = (
34
34
  /*__reshadow_css_start__*/
35
35
  _sstyled.insert(
36
36
  /*__inner_css_start__*/
37
- ".___STag_9qxyi_gg_{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n vertical-align:middle;\n box-sizing:border-box;\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n border-radius:var(--intergalactic-rounded-extra-large, 24px);\n padding-left:var(--intergalactic-spacing-1x, 4px);\n padding-right:var(--intergalactic-spacing-1x, 4px);\n font-weight:var(--intergalactic-medium, 500);\n background-color:var(--colorBg_9qxyi);\n color:var(--colorText_9qxyi);\n border-color:var(--colorBorder_9qxyi)\n}\n\n.___STag_9qxyi_gg_.__active_9qxyi_gg_,.___STag_9qxyi_gg_.__interactive_9qxyi_gg_:active,.___STag_9qxyi_gg_.__interactive_9qxyi_gg_:hover{\n background-color:var(--colorBgHover_9qxyi);\n }\n\n.___STag_9qxyi_gg_.__disabled_9qxyi_gg_{\n opacity:var(--intergalactic-disabled-opacity, .3);\n cursor:default;\n pointer-events:none;\n}\n\n.___STag_9qxyi_gg_.__interactive_9qxyi_gg_{\n cursor:pointer;\n}\n\n.___STag_9qxyi_gg_._size_m_9qxyi_gg_{\n height:20px;\n min-width:20px\n}\n\n.___STag_9qxyi_gg_._size_m_9qxyi_gg_ .___SCircle_9qxyi_gg_:first-child{\n margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);\n }\n\n.___STag_9qxyi_gg_._size_m_9qxyi_gg_ .___SCircle_9qxyi_gg_:last-child{\n margin-right:calc(var(--intergalactic-spacing-05x, 2px)*-1);\n }\n\n.___STag_9qxyi_gg_._size_m_9qxyi_gg_ .___SText_9qxyi_gg_{\n font-size:var(--intergalactic-fs-100, 12px);\n line-height:var(--intergalactic-lh-100, 133%);\n }\n\n.___STag_9qxyi_gg_._size_l_9qxyi_gg_{\n height:28px;\n min-width:28px\n}\n\n.___STag_9qxyi_gg_._size_l_9qxyi_gg_ .___SText_9qxyi_gg_{\n font-size:var(--intergalactic-fs-200, 14px);\n line-height:var(--intergalactic-lh-200, 142%);\n }\n\n.___STag_9qxyi_gg_._size_xl_9qxyi_gg_{\n height:40px;\n min-width:40px\n}\n\n.___STag_9qxyi_gg_._size_xl_9qxyi_gg_ .___SText_9qxyi_gg_{\n font-size:var(--intergalactic-fs-300, 16px);\n line-height:var(--intergalactic-lh-300, 150%);\n }\n\n.___STag_9qxyi_gg_._theme_primary_9qxyi_gg_{\n background-color:var(--colorBg_9qxyi);\n border-color:var(--colorBg_9qxyi);\n color:var(--colorText_9qxyi)\n}\n\n.___STag_9qxyi_gg_._theme_primary_9qxyi_gg_.__active_9qxyi_gg_,.___STag_9qxyi_gg_._theme_primary_9qxyi_gg_.__interactive_9qxyi_gg_:active,.___STag_9qxyi_gg_._theme_primary_9qxyi_gg_.__interactive_9qxyi_gg_:hover{\n background-color:var(--colorBgHover_9qxyi);\n }\n\n.___STag_9qxyi_gg_._theme_primary-invert_9qxyi_gg_{\n background-color:var(--intergalactic-tag-primary-white-normal, hsla(0, 0%, 100%, .15));\n color:var(--intergalactic-text-primary-invert, #fff)\n}\n\n.___STag_9qxyi_gg_._theme_primary-invert_9qxyi_gg_.__active_9qxyi_gg_,.___STag_9qxyi_gg_._theme_primary-invert_9qxyi_gg_.__interactive_9qxyi_gg_:active,.___STag_9qxyi_gg_._theme_primary-invert_9qxyi_gg_.__interactive_9qxyi_gg_:hover{\n background-color:var(--intergalactic-tag-primary-white-hover-active, hsla(0, 0%, 100%, .3));\n }\n\n.___STag_9qxyi_gg_._theme_additional-invert_9qxyi_gg_,.___STag_9qxyi_gg_._theme_secondary-invert_9qxyi_gg_{\n color:var(--intergalactic-text-primary-invert, #fff);\n border-color: var(\\--intergalactic-border-secondary-invert)\n\n &.__interactive_9qxyi_gg_:hover,\n &.__interactive_9qxyi_gg_:active,\n &.__active_9qxyi_gg_{\n background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9);\n }\n}\n\n.___STag_9qxyi_gg_._theme_additional_9qxyi_gg_{\n border-style:dashed;\n}\n\n.___SText_9qxyi_gg_{\n display:inline-block;\n padding-left:var(--intergalactic-spacing-1x, 4px);\n padding-right:var(--intergalactic-spacing-1x, 4px);\n white-space:nowrap;\n overflow:hidden;\n text-overflow:ellipsis;\n}\n\n.___SText_9qxyi_gg_:not(:only-child):first-child{\n padding-right:0;\n}\n\n.___SText_9qxyi_gg_:not(:first-child):not(:last-child){\n padding-left:0;\n padding-right:0;\n}\n\n.___SText_9qxyi_gg_:not(:only-child):last-child{\n padding-left:0;\n}\n\n.___SAddon_9qxyi_gg_{\n display:inline-flex;\n flex-shrink:0;\n align-items:center;\n justify-content:center;\n padding-left:var(--intergalactic-spacing-1x, 4px);\n padding-right:var(--intergalactic-spacing-1x, 4px);\n}\n\n.___SCircle_9qxyi_gg_{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n overflow:hidden;\n border-radius:50%;\n margin:0 var(--intergalactic-spacing-1x, 4px)\n}\n\n.___SCircle_9qxyi_gg_:first-child{\n margin-left:0;\n }\n\n.___SCircle_9qxyi_gg_:last-child{\n margin-right:0;\n }\n\n.___SCircle_9qxyi_gg_._size_m_9qxyi_gg_{\n width:16px;\n height:16px;\n}\n\n.___SCircle_9qxyi_gg_._size_l_9qxyi_gg_{\n width:20px;\n height:20px;\n}\n\n.___SCircle_9qxyi_gg_._size_xl_9qxyi_gg_{\n width:20px;\n height:20px;\n}\n\n.___SClose_9qxyi_gg_{\n cursor:pointer;\n display:inline-flex;\n flex-shrink:0;\n align-items:center;\n justify-content:center;\n padding:var(--intergalactic-spacing-1x, 4px);\n opacity:.5\n}\n\n.___SClose_9qxyi_gg_:hover{\n opacity:1;\n }\n"
37
+ ".___STag_z3udd_gg_{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n vertical-align:middle;\n box-sizing:border-box;\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n border-radius:var(--intergalactic-rounded-extra-large, 24px);\n padding-left:var(--intergalactic-spacing-1x, 4px);\n padding-right:var(--intergalactic-spacing-1x, 4px);\n font-weight:var(--intergalactic-medium, 500);\n background-color:var(--colorBg_z3udd);\n color:var(--colorText_z3udd);\n border-color:var(--colorBorder_z3udd)\n}\n\n.___STag_z3udd_gg_.__active_z3udd_gg_,.___STag_z3udd_gg_.__interactive_z3udd_gg_:active,.___STag_z3udd_gg_.__interactive_z3udd_gg_:hover{\n background-color:var(--colorBgHover_z3udd);\n }\n\n.___STag_z3udd_gg_.__disabled_z3udd_gg_{\n opacity:var(--intergalactic-disabled-opacity, .3);\n cursor:default;\n pointer-events:none;\n}\n\n.___STag_z3udd_gg_.__interactive_z3udd_gg_{\n cursor:pointer;\n}\n\n.___STag_z3udd_gg_._size_m_z3udd_gg_{\n height:20px;\n min-width:20px\n}\n\n.___STag_z3udd_gg_._size_m_z3udd_gg_ .___SCircle_z3udd_gg_:first-child{\n margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);\n }\n\n.___STag_z3udd_gg_._size_m_z3udd_gg_ .___SCircle_z3udd_gg_:last-child{\n margin-right:calc(var(--intergalactic-spacing-05x, 2px)*-1);\n }\n\n.___STag_z3udd_gg_._size_m_z3udd_gg_ .___SText_z3udd_gg_{\n font-size:var(--intergalactic-fs-100, 12px);\n line-height:var(--intergalactic-lh-100, 133%);\n }\n\n.___STag_z3udd_gg_._size_l_z3udd_gg_{\n height:28px;\n min-width:28px\n}\n\n.___STag_z3udd_gg_._size_l_z3udd_gg_ .___SText_z3udd_gg_{\n font-size:var(--intergalactic-fs-200, 14px);\n line-height:var(--intergalactic-lh-200, 142%);\n }\n\n.___STag_z3udd_gg_._size_xl_z3udd_gg_{\n height:40px;\n min-width:40px\n}\n\n.___STag_z3udd_gg_._size_xl_z3udd_gg_ .___SText_z3udd_gg_{\n font-size:var(--intergalactic-fs-300, 16px);\n line-height:var(--intergalactic-lh-300, 150%);\n }\n\n.___STag_z3udd_gg_._theme_primary_z3udd_gg_{\n background-color:var(--colorBg_z3udd);\n border-color:var(--colorBg_z3udd);\n color:var(--colorText_z3udd)\n}\n\n.___STag_z3udd_gg_._theme_primary_z3udd_gg_.__active_z3udd_gg_,.___STag_z3udd_gg_._theme_primary_z3udd_gg_.__interactive_z3udd_gg_:active,.___STag_z3udd_gg_._theme_primary_z3udd_gg_.__interactive_z3udd_gg_:hover{\n background-color:var(--colorBgHover_z3udd);\n }\n\n.___STag_z3udd_gg_._theme_primary-invert_z3udd_gg_{\n background-color:var(--intergalactic-tag-primary-white-normal, hsla(0, 0%, 100%, .15));\n color:var(--intergalactic-text-primary-invert, #fff)\n}\n\n.___STag_z3udd_gg_._theme_primary-invert_z3udd_gg_.__active_z3udd_gg_,.___STag_z3udd_gg_._theme_primary-invert_z3udd_gg_.__interactive_z3udd_gg_:active,.___STag_z3udd_gg_._theme_primary-invert_z3udd_gg_.__interactive_z3udd_gg_:hover{\n background-color:var(--intergalactic-tag-primary-white-hover-active, hsla(0, 0%, 100%, .3));\n }\n\n.___STag_z3udd_gg_._theme_additional-invert_z3udd_gg_,.___STag_z3udd_gg_._theme_secondary-invert_z3udd_gg_{\n color:var(--intergalactic-text-primary-invert, #fff);\n border-color: var(\\--intergalactic-border-secondary-invert)\n\n &.__interactive_z3udd_gg_:hover,\n &.__interactive_z3udd_gg_:active,\n &.__active_z3udd_gg_{\n background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9);\n }\n}\n\n.___STag_z3udd_gg_._theme_additional_z3udd_gg_{\n border-style:dashed;\n}\n\n.___SText_z3udd_gg_{\n display:inline-block;\n padding-left:var(--intergalactic-spacing-1x, 4px);\n padding-right:var(--intergalactic-spacing-1x, 4px);\n white-space:nowrap;\n overflow:hidden;\n text-overflow:ellipsis;\n}\n\n.___SText_z3udd_gg_:not(:only-child):first-child{\n padding-right:0;\n}\n\n.___SText_z3udd_gg_:not(:first-child):not(:last-child){\n padding-left:0;\n padding-right:0;\n}\n\n.___SText_z3udd_gg_:not(:only-child):last-child{\n padding-left:0;\n}\n\n.___SAddon_z3udd_gg_{\n display:inline-flex;\n flex-shrink:0;\n align-items:center;\n justify-content:center;\n padding-left:var(--intergalactic-spacing-1x, 4px);\n padding-right:var(--intergalactic-spacing-1x, 4px);\n}\n\n.___SCircle_z3udd_gg_{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n overflow:hidden;\n border-radius:50%;\n margin:0 var(--intergalactic-spacing-1x, 4px)\n}\n\n.___SCircle_z3udd_gg_:first-child{\n margin-left:0;\n }\n\n.___SCircle_z3udd_gg_:last-child{\n margin-right:0;\n }\n\n.___SCircle_z3udd_gg_._size_m_z3udd_gg_{\n width:16px;\n height:16px;\n}\n\n.___SCircle_z3udd_gg_._size_l_z3udd_gg_{\n width:20px;\n height:20px;\n}\n\n.___SCircle_z3udd_gg_._size_xl_z3udd_gg_{\n width:20px;\n height:20px;\n}\n\n.___SClose_z3udd_gg_{\n cursor:pointer;\n display:inline-flex;\n flex-shrink:0;\n align-items:center;\n justify-content:center;\n padding:var(--intergalactic-spacing-1x, 4px);\n opacity:.5\n}\n\n.___SClose_z3udd_gg_:hover{\n opacity:1;\n }\n"
38
38
  /*__inner_css_end__*/
39
- , "9qxyi_gg_")
39
+ , "z3udd_gg_")
40
40
  /*__reshadow_css_end__*/
41
41
  , {
42
- "__STag": "___STag_9qxyi_gg_",
43
- "--colorBg": "--colorBg_9qxyi",
44
- "--colorText": "--colorText_9qxyi",
45
- "--colorBorder": "--colorBorder_9qxyi",
46
- "_active": "__active_9qxyi_gg_",
47
- "_interactive": "__interactive_9qxyi_gg_",
48
- "--colorBgHover": "--colorBgHover_9qxyi",
49
- "_disabled": "__disabled_9qxyi_gg_",
50
- "_size_m": "_size_m_9qxyi_gg_",
51
- "__SCircle": "___SCircle_9qxyi_gg_",
52
- "__SText": "___SText_9qxyi_gg_",
53
- "_size_l": "_size_l_9qxyi_gg_",
54
- "_size_xl": "_size_xl_9qxyi_gg_",
55
- "_theme_primary": "_theme_primary_9qxyi_gg_",
56
- "_theme_primary-invert": "_theme_primary-invert_9qxyi_gg_",
57
- "_theme_additional-invert": "_theme_additional-invert_9qxyi_gg_",
58
- "_theme_secondary-invert": "_theme_secondary-invert_9qxyi_gg_",
59
- "_theme_additional": "_theme_additional_9qxyi_gg_",
60
- "__SAddon": "___SAddon_9qxyi_gg_",
61
- "__SClose": "___SClose_9qxyi_gg_"
42
+ "__STag": "___STag_z3udd_gg_",
43
+ "--colorBg": "--colorBg_z3udd",
44
+ "--colorText": "--colorText_z3udd",
45
+ "--colorBorder": "--colorBorder_z3udd",
46
+ "_active": "__active_z3udd_gg_",
47
+ "_interactive": "__interactive_z3udd_gg_",
48
+ "--colorBgHover": "--colorBgHover_z3udd",
49
+ "_disabled": "__disabled_z3udd_gg_",
50
+ "_size_m": "_size_m_z3udd_gg_",
51
+ "__SCircle": "___SCircle_z3udd_gg_",
52
+ "__SText": "___SText_z3udd_gg_",
53
+ "_size_l": "_size_l_z3udd_gg_",
54
+ "_size_xl": "_size_xl_z3udd_gg_",
55
+ "_theme_primary": "_theme_primary_z3udd_gg_",
56
+ "_theme_primary-invert": "_theme_primary-invert_z3udd_gg_",
57
+ "_theme_additional-invert": "_theme_additional-invert_z3udd_gg_",
58
+ "_theme_secondary-invert": "_theme_secondary-invert_z3udd_gg_",
59
+ "_theme_additional": "_theme_additional_z3udd_gg_",
60
+ "__SAddon": "___SAddon_z3udd_gg_",
61
+ "__SClose": "___SClose_z3udd_gg_"
62
62
  });
63
63
  var textColorToBgColor = {
64
64
  '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": "4.4.0",
4
+ "version": "4.4.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",