@semcore/tag 5.35.0 → 5.36.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,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
+ ## [5.36.0] - 2024-05-23
6
+
7
+ ### Changed
8
+
9
+ - Version minor update due to children dependencies update (`@semcore/utils` [4.27.0 ~> 4.28.0], `@semcore/icon` [4.35.0 ~> 4.36.0], `@semcore/flex-box` [5.26.0 ~> 5.27.0], `@semcore/core` [2.24.0 ~> 2.25.0]).
10
+
5
11
  ## [5.35.0] - 2024-05-22
6
12
 
7
13
  ### Changed
package/lib/cjs/Tag.js CHANGED
@@ -27,26 +27,26 @@ var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
27
27
  var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
28
28
  var _assignProps6 = require("@semcore/utils/lib/assignProps");
29
29
  /*__reshadow-styles__:"./style/tag.shadow.css"*/
30
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STag_htfut_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);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);color:var(--tag-color_htfut)}.___STag_htfut_gg_.__interactive_htfut_gg_:has(.___SText_htfut_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_htfut_gg_::after,.___STag_htfut_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_htfut_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_htfut);opacity:.2}.___STag_htfut_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_htfut);opacity:.1}.___STag_htfut_gg_:active,.___STag_htfut_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_htfut_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_htfut_gg_.__interactive_htfut_gg_.__keyboardFocused_htfut_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_htfut_gg_.__interactive_htfut_gg_.__keyboardFocused_htfut_gg_:has(:focus){box-shadow:none}.___STag_htfut_gg_.__disabled_htfut_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_htfut_gg_.__interactive_htfut_gg_{cursor:pointer}.___STag_htfut_gg_._size_m_htfut_gg_{height:20px;min-width:20px}.___STag_htfut_gg_._size_m_htfut_gg_ .___SCircle_htfut_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_htfut_gg_._size_m_htfut_gg_ .___SCircle_htfut_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_htfut_gg_._size_m_htfut_gg_ .___SText_htfut_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_htfut_gg_._size_l_htfut_gg_{height:28px;min-width:28px}.___STag_htfut_gg_._size_l_htfut_gg_ .___SText_htfut_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_htfut_gg_._size_xl_htfut_gg_{height:40px;min-width:40px}.___STag_htfut_gg_._size_xl_htfut_gg_ .___SText_htfut_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_htfut_gg_._theme_primary_htfut_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_htfut_gg_._theme_primary_htfut_gg_:after{display:none}.___STag_htfut_gg_._theme_primary_htfut_gg_.__active_htfut_gg_:before,.___STag_htfut_gg_._theme_primary_htfut_gg_.__interactive_htfut_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_htfut_gg_._theme_primary_htfut_gg_.__interactive_htfut_gg_:hover:before{opacity:.3}}.___STag_htfut_gg_._theme_additional_htfut_gg_::before,.___STag_htfut_gg_._theme_secondary_htfut_gg_::before{opacity:.01}.___STag_htfut_gg_._theme_additional_htfut_gg_.__active_htfut_gg_:before,.___STag_htfut_gg_._theme_additional_htfut_gg_.__interactive_htfut_gg_:active:before,.___STag_htfut_gg_._theme_secondary_htfut_gg_.__active_htfut_gg_:before,.___STag_htfut_gg_._theme_secondary_htfut_gg_.__interactive_htfut_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_htfut_gg_._theme_additional_htfut_gg_.__interactive_htfut_gg_:hover:before,.___STag_htfut_gg_._theme_secondary_htfut_gg_.__interactive_htfut_gg_:hover:before{opacity:.1}}.___SClose_htfut_gg_ path,.___STag_htfut_gg_._theme_additional-invert_htfut_gg_::after,.___STag_htfut_gg_._theme_additional_htfut_gg_::after,.___STag_htfut_gg_._theme_secondary-invert_htfut_gg_::after,.___STag_htfut_gg_._theme_secondary_htfut_gg_::after{opacity:.5}.___STag_htfut_gg_._theme_primary-invert_htfut_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_htfut_gg_._theme_additional-invert_htfut_gg_,.___STag_htfut_gg_._theme_primary-invert_htfut_gg_,.___STag_htfut_gg_._theme_secondary-invert_htfut_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_htfut_gg_._theme_additional_htfut_gg_::after{border-style:dashed}.___SText_htfut_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;position:relative}.___STag_htfut_gg_.__interactive_htfut_gg_ .___SText_htfut_gg_.__keyboardFocused_htfut_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_htfut_gg_:not(:only-child):first-child{padding-right:0}.___SText_htfut_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_htfut_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_htfut_gg_,.___SCircle_htfut_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_htfut_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_htfut_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_htfut_gg_:first-child{margin-left:0}.___SCircle_htfut_gg_:last-child{margin-right:0}.___SCircle_htfut_gg_._size_m_htfut_gg_{width:16px;height:16px}.___SCircle_htfut_gg_._size_l_htfut_gg_,.___SCircle_htfut_gg_._size_xl_htfut_gg_{width:20px;height:20px}.___SClose_htfut_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);position:relative}@media (hover:hover){.___SClose_htfut_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "htfut_gg_") /*__reshadow_css_end__*/, {
31
- "__STag": "___STag_htfut_gg_",
32
- "_interactive": "__interactive_htfut_gg_",
33
- "_keyboardFocused": "__keyboardFocused_htfut_gg_",
34
- "_disabled": "__disabled_htfut_gg_",
35
- "_theme_primary-invert": "_theme_primary-invert_htfut_gg_",
36
- "_theme_secondary-invert": "_theme_secondary-invert_htfut_gg_",
37
- "_theme_additional-invert": "_theme_additional-invert_htfut_gg_",
38
- "__SText": "___SText_htfut_gg_",
39
- "__SAddon": "___SAddon_htfut_gg_",
40
- "__SCircle": "___SCircle_htfut_gg_",
41
- "_size_m": "_size_m_htfut_gg_",
42
- "_size_l": "_size_l_htfut_gg_",
43
- "_size_xl": "_size_xl_htfut_gg_",
44
- "--tag-color": "--tag-color_htfut",
45
- "_theme_primary": "_theme_primary_htfut_gg_",
46
- "_active": "__active_htfut_gg_",
47
- "_theme_secondary": "_theme_secondary_htfut_gg_",
48
- "_theme_additional": "_theme_additional_htfut_gg_",
49
- "__SClose": "___SClose_htfut_gg_"
30
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STag_1mtn4_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);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);color:var(--tag-color_1mtn4)}.___STag_1mtn4_gg_.__interactive_1mtn4_gg_:has(.___SText_1mtn4_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_1mtn4_gg_::after,.___STag_1mtn4_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_1mtn4_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_1mtn4);opacity:.2}.___STag_1mtn4_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_1mtn4);opacity:.1}.___STag_1mtn4_gg_:active,.___STag_1mtn4_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_1mtn4_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_1mtn4_gg_.__interactive_1mtn4_gg_.__keyboardFocused_1mtn4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_1mtn4_gg_.__interactive_1mtn4_gg_.__keyboardFocused_1mtn4_gg_:has(:focus){box-shadow:none}.___STag_1mtn4_gg_.__disabled_1mtn4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1mtn4_gg_.__interactive_1mtn4_gg_{cursor:pointer}.___STag_1mtn4_gg_._size_m_1mtn4_gg_{height:20px;min-width:20px}.___STag_1mtn4_gg_._size_m_1mtn4_gg_ .___SCircle_1mtn4_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1mtn4_gg_._size_m_1mtn4_gg_ .___SCircle_1mtn4_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1mtn4_gg_._size_m_1mtn4_gg_ .___SText_1mtn4_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_1mtn4_gg_._size_l_1mtn4_gg_{height:28px;min-width:28px}.___STag_1mtn4_gg_._size_l_1mtn4_gg_ .___SText_1mtn4_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_1mtn4_gg_._size_xl_1mtn4_gg_{height:40px;min-width:40px}.___STag_1mtn4_gg_._size_xl_1mtn4_gg_ .___SText_1mtn4_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_1mtn4_gg_._theme_primary_1mtn4_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_1mtn4_gg_._theme_primary_1mtn4_gg_:after{display:none}.___STag_1mtn4_gg_._theme_primary_1mtn4_gg_.__active_1mtn4_gg_:before,.___STag_1mtn4_gg_._theme_primary_1mtn4_gg_.__interactive_1mtn4_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_1mtn4_gg_._theme_primary_1mtn4_gg_.__interactive_1mtn4_gg_:hover:before{opacity:.3}}.___STag_1mtn4_gg_._theme_additional_1mtn4_gg_::before,.___STag_1mtn4_gg_._theme_secondary_1mtn4_gg_::before{opacity:.01}.___STag_1mtn4_gg_._theme_additional_1mtn4_gg_.__active_1mtn4_gg_:before,.___STag_1mtn4_gg_._theme_additional_1mtn4_gg_.__interactive_1mtn4_gg_:active:before,.___STag_1mtn4_gg_._theme_secondary_1mtn4_gg_.__active_1mtn4_gg_:before,.___STag_1mtn4_gg_._theme_secondary_1mtn4_gg_.__interactive_1mtn4_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_1mtn4_gg_._theme_additional_1mtn4_gg_.__interactive_1mtn4_gg_:hover:before,.___STag_1mtn4_gg_._theme_secondary_1mtn4_gg_.__interactive_1mtn4_gg_:hover:before{opacity:.1}}.___SClose_1mtn4_gg_ path,.___STag_1mtn4_gg_._theme_additional-invert_1mtn4_gg_::after,.___STag_1mtn4_gg_._theme_additional_1mtn4_gg_::after,.___STag_1mtn4_gg_._theme_secondary-invert_1mtn4_gg_::after,.___STag_1mtn4_gg_._theme_secondary_1mtn4_gg_::after{opacity:.5}.___STag_1mtn4_gg_._theme_primary-invert_1mtn4_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_1mtn4_gg_._theme_additional-invert_1mtn4_gg_,.___STag_1mtn4_gg_._theme_primary-invert_1mtn4_gg_,.___STag_1mtn4_gg_._theme_secondary-invert_1mtn4_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1mtn4_gg_._theme_additional_1mtn4_gg_::after{border-style:dashed}.___SText_1mtn4_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;position:relative}.___STag_1mtn4_gg_.__interactive_1mtn4_gg_ .___SText_1mtn4_gg_.__keyboardFocused_1mtn4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_1mtn4_gg_:not(:only-child):first-child{padding-right:0}.___SText_1mtn4_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1mtn4_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_1mtn4_gg_,.___SCircle_1mtn4_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1mtn4_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_1mtn4_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1mtn4_gg_:first-child{margin-left:0}.___SCircle_1mtn4_gg_:last-child{margin-right:0}.___SCircle_1mtn4_gg_._size_m_1mtn4_gg_{width:16px;height:16px}.___SCircle_1mtn4_gg_._size_l_1mtn4_gg_,.___SCircle_1mtn4_gg_._size_xl_1mtn4_gg_{width:20px;height:20px}.___SClose_1mtn4_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);position:relative}@media (hover:hover){.___SClose_1mtn4_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "1mtn4_gg_") /*__reshadow_css_end__*/, {
31
+ "__STag": "___STag_1mtn4_gg_",
32
+ "_interactive": "__interactive_1mtn4_gg_",
33
+ "_keyboardFocused": "__keyboardFocused_1mtn4_gg_",
34
+ "_disabled": "__disabled_1mtn4_gg_",
35
+ "_theme_primary-invert": "_theme_primary-invert_1mtn4_gg_",
36
+ "_theme_secondary-invert": "_theme_secondary-invert_1mtn4_gg_",
37
+ "_theme_additional-invert": "_theme_additional-invert_1mtn4_gg_",
38
+ "__SText": "___SText_1mtn4_gg_",
39
+ "__SAddon": "___SAddon_1mtn4_gg_",
40
+ "__SCircle": "___SCircle_1mtn4_gg_",
41
+ "_size_m": "_size_m_1mtn4_gg_",
42
+ "_size_l": "_size_l_1mtn4_gg_",
43
+ "_size_xl": "_size_xl_1mtn4_gg_",
44
+ "--tag-color": "--tag-color_1mtn4",
45
+ "_theme_primary": "_theme_primary_1mtn4_gg_",
46
+ "_active": "__active_1mtn4_gg_",
47
+ "_theme_secondary": "_theme_secondary_1mtn4_gg_",
48
+ "_theme_additional": "_theme_additional_1mtn4_gg_",
49
+ "__SClose": "___SClose_1mtn4_gg_"
50
50
  });
51
51
  var legacyThemeRecommendedMigration = {
52
52
  primary: {
package/lib/es6/Tag.js CHANGED
@@ -23,26 +23,26 @@ import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance
23
23
  import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
24
24
  import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
25
25
  /*__reshadow-styles__:"./style/tag.shadow.css"*/
26
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STag_htfut_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);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);color:var(--tag-color_htfut)}.___STag_htfut_gg_.__interactive_htfut_gg_:has(.___SText_htfut_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_htfut_gg_::after,.___STag_htfut_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_htfut_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_htfut);opacity:.2}.___STag_htfut_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_htfut);opacity:.1}.___STag_htfut_gg_:active,.___STag_htfut_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_htfut_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_htfut_gg_.__interactive_htfut_gg_.__keyboardFocused_htfut_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_htfut_gg_.__interactive_htfut_gg_.__keyboardFocused_htfut_gg_:has(:focus){box-shadow:none}.___STag_htfut_gg_.__disabled_htfut_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_htfut_gg_.__interactive_htfut_gg_{cursor:pointer}.___STag_htfut_gg_._size_m_htfut_gg_{height:20px;min-width:20px}.___STag_htfut_gg_._size_m_htfut_gg_ .___SCircle_htfut_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_htfut_gg_._size_m_htfut_gg_ .___SCircle_htfut_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_htfut_gg_._size_m_htfut_gg_ .___SText_htfut_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_htfut_gg_._size_l_htfut_gg_{height:28px;min-width:28px}.___STag_htfut_gg_._size_l_htfut_gg_ .___SText_htfut_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_htfut_gg_._size_xl_htfut_gg_{height:40px;min-width:40px}.___STag_htfut_gg_._size_xl_htfut_gg_ .___SText_htfut_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_htfut_gg_._theme_primary_htfut_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_htfut_gg_._theme_primary_htfut_gg_:after{display:none}.___STag_htfut_gg_._theme_primary_htfut_gg_.__active_htfut_gg_:before,.___STag_htfut_gg_._theme_primary_htfut_gg_.__interactive_htfut_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_htfut_gg_._theme_primary_htfut_gg_.__interactive_htfut_gg_:hover:before{opacity:.3}}.___STag_htfut_gg_._theme_additional_htfut_gg_::before,.___STag_htfut_gg_._theme_secondary_htfut_gg_::before{opacity:.01}.___STag_htfut_gg_._theme_additional_htfut_gg_.__active_htfut_gg_:before,.___STag_htfut_gg_._theme_additional_htfut_gg_.__interactive_htfut_gg_:active:before,.___STag_htfut_gg_._theme_secondary_htfut_gg_.__active_htfut_gg_:before,.___STag_htfut_gg_._theme_secondary_htfut_gg_.__interactive_htfut_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_htfut_gg_._theme_additional_htfut_gg_.__interactive_htfut_gg_:hover:before,.___STag_htfut_gg_._theme_secondary_htfut_gg_.__interactive_htfut_gg_:hover:before{opacity:.1}}.___SClose_htfut_gg_ path,.___STag_htfut_gg_._theme_additional-invert_htfut_gg_::after,.___STag_htfut_gg_._theme_additional_htfut_gg_::after,.___STag_htfut_gg_._theme_secondary-invert_htfut_gg_::after,.___STag_htfut_gg_._theme_secondary_htfut_gg_::after{opacity:.5}.___STag_htfut_gg_._theme_primary-invert_htfut_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_htfut_gg_._theme_additional-invert_htfut_gg_,.___STag_htfut_gg_._theme_primary-invert_htfut_gg_,.___STag_htfut_gg_._theme_secondary-invert_htfut_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_htfut_gg_._theme_additional_htfut_gg_::after{border-style:dashed}.___SText_htfut_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;position:relative}.___STag_htfut_gg_.__interactive_htfut_gg_ .___SText_htfut_gg_.__keyboardFocused_htfut_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_htfut_gg_:not(:only-child):first-child{padding-right:0}.___SText_htfut_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_htfut_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_htfut_gg_,.___SCircle_htfut_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_htfut_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_htfut_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_htfut_gg_:first-child{margin-left:0}.___SCircle_htfut_gg_:last-child{margin-right:0}.___SCircle_htfut_gg_._size_m_htfut_gg_{width:16px;height:16px}.___SCircle_htfut_gg_._size_l_htfut_gg_,.___SCircle_htfut_gg_._size_xl_htfut_gg_{width:20px;height:20px}.___SClose_htfut_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);position:relative}@media (hover:hover){.___SClose_htfut_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "htfut_gg_") /*__reshadow_css_end__*/, {
27
- "__STag": "___STag_htfut_gg_",
28
- "_interactive": "__interactive_htfut_gg_",
29
- "_keyboardFocused": "__keyboardFocused_htfut_gg_",
30
- "_disabled": "__disabled_htfut_gg_",
31
- "_theme_primary-invert": "_theme_primary-invert_htfut_gg_",
32
- "_theme_secondary-invert": "_theme_secondary-invert_htfut_gg_",
33
- "_theme_additional-invert": "_theme_additional-invert_htfut_gg_",
34
- "__SText": "___SText_htfut_gg_",
35
- "__SAddon": "___SAddon_htfut_gg_",
36
- "__SCircle": "___SCircle_htfut_gg_",
37
- "_size_m": "_size_m_htfut_gg_",
38
- "_size_l": "_size_l_htfut_gg_",
39
- "_size_xl": "_size_xl_htfut_gg_",
40
- "--tag-color": "--tag-color_htfut",
41
- "_theme_primary": "_theme_primary_htfut_gg_",
42
- "_active": "__active_htfut_gg_",
43
- "_theme_secondary": "_theme_secondary_htfut_gg_",
44
- "_theme_additional": "_theme_additional_htfut_gg_",
45
- "__SClose": "___SClose_htfut_gg_"
26
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STag_1mtn4_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);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);color:var(--tag-color_1mtn4)}.___STag_1mtn4_gg_.__interactive_1mtn4_gg_:has(.___SText_1mtn4_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_1mtn4_gg_::after,.___STag_1mtn4_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_1mtn4_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_1mtn4);opacity:.2}.___STag_1mtn4_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_1mtn4);opacity:.1}.___STag_1mtn4_gg_:active,.___STag_1mtn4_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_1mtn4_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_1mtn4_gg_.__interactive_1mtn4_gg_.__keyboardFocused_1mtn4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_1mtn4_gg_.__interactive_1mtn4_gg_.__keyboardFocused_1mtn4_gg_:has(:focus){box-shadow:none}.___STag_1mtn4_gg_.__disabled_1mtn4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1mtn4_gg_.__interactive_1mtn4_gg_{cursor:pointer}.___STag_1mtn4_gg_._size_m_1mtn4_gg_{height:20px;min-width:20px}.___STag_1mtn4_gg_._size_m_1mtn4_gg_ .___SCircle_1mtn4_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1mtn4_gg_._size_m_1mtn4_gg_ .___SCircle_1mtn4_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1mtn4_gg_._size_m_1mtn4_gg_ .___SText_1mtn4_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_1mtn4_gg_._size_l_1mtn4_gg_{height:28px;min-width:28px}.___STag_1mtn4_gg_._size_l_1mtn4_gg_ .___SText_1mtn4_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_1mtn4_gg_._size_xl_1mtn4_gg_{height:40px;min-width:40px}.___STag_1mtn4_gg_._size_xl_1mtn4_gg_ .___SText_1mtn4_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_1mtn4_gg_._theme_primary_1mtn4_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_1mtn4_gg_._theme_primary_1mtn4_gg_:after{display:none}.___STag_1mtn4_gg_._theme_primary_1mtn4_gg_.__active_1mtn4_gg_:before,.___STag_1mtn4_gg_._theme_primary_1mtn4_gg_.__interactive_1mtn4_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_1mtn4_gg_._theme_primary_1mtn4_gg_.__interactive_1mtn4_gg_:hover:before{opacity:.3}}.___STag_1mtn4_gg_._theme_additional_1mtn4_gg_::before,.___STag_1mtn4_gg_._theme_secondary_1mtn4_gg_::before{opacity:.01}.___STag_1mtn4_gg_._theme_additional_1mtn4_gg_.__active_1mtn4_gg_:before,.___STag_1mtn4_gg_._theme_additional_1mtn4_gg_.__interactive_1mtn4_gg_:active:before,.___STag_1mtn4_gg_._theme_secondary_1mtn4_gg_.__active_1mtn4_gg_:before,.___STag_1mtn4_gg_._theme_secondary_1mtn4_gg_.__interactive_1mtn4_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_1mtn4_gg_._theme_additional_1mtn4_gg_.__interactive_1mtn4_gg_:hover:before,.___STag_1mtn4_gg_._theme_secondary_1mtn4_gg_.__interactive_1mtn4_gg_:hover:before{opacity:.1}}.___SClose_1mtn4_gg_ path,.___STag_1mtn4_gg_._theme_additional-invert_1mtn4_gg_::after,.___STag_1mtn4_gg_._theme_additional_1mtn4_gg_::after,.___STag_1mtn4_gg_._theme_secondary-invert_1mtn4_gg_::after,.___STag_1mtn4_gg_._theme_secondary_1mtn4_gg_::after{opacity:.5}.___STag_1mtn4_gg_._theme_primary-invert_1mtn4_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_1mtn4_gg_._theme_additional-invert_1mtn4_gg_,.___STag_1mtn4_gg_._theme_primary-invert_1mtn4_gg_,.___STag_1mtn4_gg_._theme_secondary-invert_1mtn4_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1mtn4_gg_._theme_additional_1mtn4_gg_::after{border-style:dashed}.___SText_1mtn4_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;position:relative}.___STag_1mtn4_gg_.__interactive_1mtn4_gg_ .___SText_1mtn4_gg_.__keyboardFocused_1mtn4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_1mtn4_gg_:not(:only-child):first-child{padding-right:0}.___SText_1mtn4_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1mtn4_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_1mtn4_gg_,.___SCircle_1mtn4_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1mtn4_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_1mtn4_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1mtn4_gg_:first-child{margin-left:0}.___SCircle_1mtn4_gg_:last-child{margin-right:0}.___SCircle_1mtn4_gg_._size_m_1mtn4_gg_{width:16px;height:16px}.___SCircle_1mtn4_gg_._size_l_1mtn4_gg_,.___SCircle_1mtn4_gg_._size_xl_1mtn4_gg_{width:20px;height:20px}.___SClose_1mtn4_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);position:relative}@media (hover:hover){.___SClose_1mtn4_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "1mtn4_gg_") /*__reshadow_css_end__*/, {
27
+ "__STag": "___STag_1mtn4_gg_",
28
+ "_interactive": "__interactive_1mtn4_gg_",
29
+ "_keyboardFocused": "__keyboardFocused_1mtn4_gg_",
30
+ "_disabled": "__disabled_1mtn4_gg_",
31
+ "_theme_primary-invert": "_theme_primary-invert_1mtn4_gg_",
32
+ "_theme_secondary-invert": "_theme_secondary-invert_1mtn4_gg_",
33
+ "_theme_additional-invert": "_theme_additional-invert_1mtn4_gg_",
34
+ "__SText": "___SText_1mtn4_gg_",
35
+ "__SAddon": "___SAddon_1mtn4_gg_",
36
+ "__SCircle": "___SCircle_1mtn4_gg_",
37
+ "_size_m": "_size_m_1mtn4_gg_",
38
+ "_size_l": "_size_l_1mtn4_gg_",
39
+ "_size_xl": "_size_xl_1mtn4_gg_",
40
+ "--tag-color": "--tag-color_1mtn4",
41
+ "_theme_primary": "_theme_primary_1mtn4_gg_",
42
+ "_active": "__active_1mtn4_gg_",
43
+ "_theme_secondary": "_theme_secondary_1mtn4_gg_",
44
+ "_theme_additional": "_theme_additional_1mtn4_gg_",
45
+ "__SClose": "___SClose_1mtn4_gg_"
46
46
  });
47
47
  import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
48
48
  var legacyThemeRecommendedMigration = {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/tag",
3
3
  "description": "Semrush Tag Component",
4
- "version": "5.35.0",
4
+ "version": "5.36.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",
@@ -9,12 +9,12 @@
9
9
  "author": "UI-kit team <ui-kit-team@semrush.com>",
10
10
  "license": "MIT",
11
11
  "dependencies": {
12
- "@semcore/utils": "4.27.0",
13
- "@semcore/icon": "4.35.0",
14
- "@semcore/flex-box": "5.26.0"
12
+ "@semcore/utils": "4.28.0-prerelease.0",
13
+ "@semcore/icon": "4.36.0-prerelease.0",
14
+ "@semcore/flex-box": "5.27.0-prerelease.0"
15
15
  },
16
16
  "peerDependencies": {
17
- "@semcore/core": "^2.17.5",
17
+ "@semcore/core": "^2.25.0-prerelease.0",
18
18
  "react": "16.8 - 18",
19
19
  "react-dom": "16.8 - 18"
20
20
  },