@semcore/tag 5.33.0 → 5.34.0-prerelease.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.
package/CHANGELOG.md CHANGED
@@ -2,13 +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.33.0] - 2024-05-15
5
+ ## [5.34.0] - 2024-05-16
6
6
 
7
7
  ### Changed
8
8
 
9
- - Version minor update due to children dependencies update (`@semcore/utils` [4.24.0 ~> 4.25.0], `@semcore/icon` [4.32.0 ~> 4.33.0], `@semcore/flex-box` [5.23.0 ~> 5.24.0], `@semcore/core` [2.21.0 ~> 2.22.0]).
9
+ - Version minor update due to children dependencies update (`@semcore/utils` [4.25.0 ~> 4.26.1], `@semcore/icon` [4.33.0 ~> 4.34.0], `@semcore/flex-box` [5.24.0 ~> 5.25.0], `@semcore/core` [2.22.0 ~> 2.23.0]).
10
10
 
11
- ## [5.32.0] - 2024-04-29
11
+ ## [5.33.0] - 2024-05-16
12
12
 
13
13
  ### Changed
14
14
 
package/lib/cjs/Tag.js CHANGED
@@ -13,6 +13,7 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
13
13
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
14
14
  var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
15
15
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
+ var _index = require("@semcore/utils/lib/core/index");
16
17
  var _core = _interopRequireWildcard(require("@semcore/core"));
17
18
  var _react = _interopRequireDefault(require("react"));
18
19
  var _flexBox = require("@semcore/flex-box");
@@ -26,26 +27,26 @@ var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
26
27
  var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
27
28
  var _assignProps6 = require("@semcore/utils/lib/assignProps");
28
29
  /*__reshadow-styles__:"./style/tag.shadow.css"*/
29
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STag_1tfsw_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_1tfsw)}.___STag_1tfsw_gg_.__interactive_1tfsw_gg_:has(.___SText_1tfsw_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_1tfsw_gg_::after,.___STag_1tfsw_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_1tfsw_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_1tfsw);opacity:.2}.___STag_1tfsw_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_1tfsw);opacity:.1}.___STag_1tfsw_gg_:active,.___STag_1tfsw_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_1tfsw_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_1tfsw_gg_.__interactive_1tfsw_gg_.__keyboardFocused_1tfsw_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_1tfsw_gg_.__interactive_1tfsw_gg_.__keyboardFocused_1tfsw_gg_:has(:focus){box-shadow:none}.___STag_1tfsw_gg_.__disabled_1tfsw_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1tfsw_gg_.__interactive_1tfsw_gg_{cursor:pointer}.___STag_1tfsw_gg_._size_m_1tfsw_gg_{height:20px;min-width:20px}.___STag_1tfsw_gg_._size_m_1tfsw_gg_ .___SCircle_1tfsw_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1tfsw_gg_._size_m_1tfsw_gg_ .___SCircle_1tfsw_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1tfsw_gg_._size_m_1tfsw_gg_ .___SText_1tfsw_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_1tfsw_gg_._size_l_1tfsw_gg_{height:28px;min-width:28px}.___STag_1tfsw_gg_._size_l_1tfsw_gg_ .___SText_1tfsw_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_1tfsw_gg_._size_xl_1tfsw_gg_{height:40px;min-width:40px}.___STag_1tfsw_gg_._size_xl_1tfsw_gg_ .___SText_1tfsw_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_1tfsw_gg_._theme_primary_1tfsw_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_1tfsw_gg_._theme_primary_1tfsw_gg_:after{display:none}.___STag_1tfsw_gg_._theme_primary_1tfsw_gg_.__active_1tfsw_gg_:before,.___STag_1tfsw_gg_._theme_primary_1tfsw_gg_.__interactive_1tfsw_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_1tfsw_gg_._theme_primary_1tfsw_gg_.__interactive_1tfsw_gg_:hover:before{opacity:.3}}.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_::before,.___STag_1tfsw_gg_._theme_secondary_1tfsw_gg_::before{opacity:.01}.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_.__active_1tfsw_gg_:before,.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_.__interactive_1tfsw_gg_:active:before,.___STag_1tfsw_gg_._theme_secondary_1tfsw_gg_.__active_1tfsw_gg_:before,.___STag_1tfsw_gg_._theme_secondary_1tfsw_gg_.__interactive_1tfsw_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_.__interactive_1tfsw_gg_:hover:before,.___STag_1tfsw_gg_._theme_secondary_1tfsw_gg_.__interactive_1tfsw_gg_:hover:before{opacity:.1}}.___SClose_1tfsw_gg_ path,.___STag_1tfsw_gg_._theme_additional-invert_1tfsw_gg_::after,.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_::after,.___STag_1tfsw_gg_._theme_secondary-invert_1tfsw_gg_::after,.___STag_1tfsw_gg_._theme_secondary_1tfsw_gg_::after{opacity:.5}.___STag_1tfsw_gg_._theme_primary-invert_1tfsw_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_1tfsw_gg_._theme_additional-invert_1tfsw_gg_,.___STag_1tfsw_gg_._theme_primary-invert_1tfsw_gg_,.___STag_1tfsw_gg_._theme_secondary-invert_1tfsw_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_::after{border-style:dashed}.___SText_1tfsw_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_1tfsw_gg_.__interactive_1tfsw_gg_ .___SText_1tfsw_gg_.__keyboardFocused_1tfsw_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_1tfsw_gg_:not(:only-child):first-child{padding-right:0}.___SText_1tfsw_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1tfsw_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_1tfsw_gg_,.___SCircle_1tfsw_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1tfsw_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_1tfsw_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1tfsw_gg_:first-child{margin-left:0}.___SCircle_1tfsw_gg_:last-child{margin-right:0}.___SCircle_1tfsw_gg_._size_m_1tfsw_gg_{width:16px;height:16px}.___SCircle_1tfsw_gg_._size_l_1tfsw_gg_,.___SCircle_1tfsw_gg_._size_xl_1tfsw_gg_{width:20px;height:20px}.___SClose_1tfsw_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_1tfsw_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "1tfsw_gg_") /*__reshadow_css_end__*/, {
30
- "__STag": "___STag_1tfsw_gg_",
31
- "_interactive": "__interactive_1tfsw_gg_",
32
- "_keyboardFocused": "__keyboardFocused_1tfsw_gg_",
33
- "_disabled": "__disabled_1tfsw_gg_",
34
- "_theme_primary-invert": "_theme_primary-invert_1tfsw_gg_",
35
- "_theme_secondary-invert": "_theme_secondary-invert_1tfsw_gg_",
36
- "_theme_additional-invert": "_theme_additional-invert_1tfsw_gg_",
37
- "__SText": "___SText_1tfsw_gg_",
38
- "__SAddon": "___SAddon_1tfsw_gg_",
39
- "__SCircle": "___SCircle_1tfsw_gg_",
40
- "_size_m": "_size_m_1tfsw_gg_",
41
- "_size_l": "_size_l_1tfsw_gg_",
42
- "_size_xl": "_size_xl_1tfsw_gg_",
43
- "--tag-color": "--tag-color_1tfsw",
44
- "_theme_primary": "_theme_primary_1tfsw_gg_",
45
- "_active": "__active_1tfsw_gg_",
46
- "_theme_secondary": "_theme_secondary_1tfsw_gg_",
47
- "_theme_additional": "_theme_additional_1tfsw_gg_",
48
- "__SClose": "___SClose_1tfsw_gg_"
30
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STag_12ms8_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_12ms8)}.___STag_12ms8_gg_.__interactive_12ms8_gg_:has(.___SText_12ms8_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_12ms8_gg_::after,.___STag_12ms8_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_12ms8_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_12ms8);opacity:.2}.___STag_12ms8_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_12ms8);opacity:.1}.___STag_12ms8_gg_:active,.___STag_12ms8_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_12ms8_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_12ms8_gg_.__interactive_12ms8_gg_.__keyboardFocused_12ms8_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_12ms8_gg_.__interactive_12ms8_gg_.__keyboardFocused_12ms8_gg_:has(:focus){box-shadow:none}.___STag_12ms8_gg_.__disabled_12ms8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_12ms8_gg_.__interactive_12ms8_gg_{cursor:pointer}.___STag_12ms8_gg_._size_m_12ms8_gg_{height:20px;min-width:20px}.___STag_12ms8_gg_._size_m_12ms8_gg_ .___SCircle_12ms8_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_12ms8_gg_._size_m_12ms8_gg_ .___SCircle_12ms8_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_12ms8_gg_._size_m_12ms8_gg_ .___SText_12ms8_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_12ms8_gg_._size_l_12ms8_gg_{height:28px;min-width:28px}.___STag_12ms8_gg_._size_l_12ms8_gg_ .___SText_12ms8_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_12ms8_gg_._size_xl_12ms8_gg_{height:40px;min-width:40px}.___STag_12ms8_gg_._size_xl_12ms8_gg_ .___SText_12ms8_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_12ms8_gg_._theme_primary_12ms8_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_12ms8_gg_._theme_primary_12ms8_gg_:after{display:none}.___STag_12ms8_gg_._theme_primary_12ms8_gg_.__active_12ms8_gg_:before,.___STag_12ms8_gg_._theme_primary_12ms8_gg_.__interactive_12ms8_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_12ms8_gg_._theme_primary_12ms8_gg_.__interactive_12ms8_gg_:hover:before{opacity:.3}}.___STag_12ms8_gg_._theme_additional_12ms8_gg_::before,.___STag_12ms8_gg_._theme_secondary_12ms8_gg_::before{opacity:.01}.___STag_12ms8_gg_._theme_additional_12ms8_gg_.__active_12ms8_gg_:before,.___STag_12ms8_gg_._theme_additional_12ms8_gg_.__interactive_12ms8_gg_:active:before,.___STag_12ms8_gg_._theme_secondary_12ms8_gg_.__active_12ms8_gg_:before,.___STag_12ms8_gg_._theme_secondary_12ms8_gg_.__interactive_12ms8_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_12ms8_gg_._theme_additional_12ms8_gg_.__interactive_12ms8_gg_:hover:before,.___STag_12ms8_gg_._theme_secondary_12ms8_gg_.__interactive_12ms8_gg_:hover:before{opacity:.1}}.___SClose_12ms8_gg_ path,.___STag_12ms8_gg_._theme_additional-invert_12ms8_gg_::after,.___STag_12ms8_gg_._theme_additional_12ms8_gg_::after,.___STag_12ms8_gg_._theme_secondary-invert_12ms8_gg_::after,.___STag_12ms8_gg_._theme_secondary_12ms8_gg_::after{opacity:.5}.___STag_12ms8_gg_._theme_primary-invert_12ms8_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_12ms8_gg_._theme_additional-invert_12ms8_gg_,.___STag_12ms8_gg_._theme_primary-invert_12ms8_gg_,.___STag_12ms8_gg_._theme_secondary-invert_12ms8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_12ms8_gg_._theme_additional_12ms8_gg_::after{border-style:dashed}.___SText_12ms8_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_12ms8_gg_.__interactive_12ms8_gg_ .___SText_12ms8_gg_.__keyboardFocused_12ms8_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_12ms8_gg_:not(:only-child):first-child{padding-right:0}.___SText_12ms8_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_12ms8_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_12ms8_gg_,.___SCircle_12ms8_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_12ms8_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_12ms8_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_12ms8_gg_:first-child{margin-left:0}.___SCircle_12ms8_gg_:last-child{margin-right:0}.___SCircle_12ms8_gg_._size_m_12ms8_gg_{width:16px;height:16px}.___SCircle_12ms8_gg_._size_l_12ms8_gg_,.___SCircle_12ms8_gg_._size_xl_12ms8_gg_{width:20px;height:20px}.___SClose_12ms8_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_12ms8_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "12ms8_gg_") /*__reshadow_css_end__*/, {
31
+ "__STag": "___STag_12ms8_gg_",
32
+ "_interactive": "__interactive_12ms8_gg_",
33
+ "_keyboardFocused": "__keyboardFocused_12ms8_gg_",
34
+ "_disabled": "__disabled_12ms8_gg_",
35
+ "_theme_primary-invert": "_theme_primary-invert_12ms8_gg_",
36
+ "_theme_secondary-invert": "_theme_secondary-invert_12ms8_gg_",
37
+ "_theme_additional-invert": "_theme_additional-invert_12ms8_gg_",
38
+ "__SText": "___SText_12ms8_gg_",
39
+ "__SAddon": "___SAddon_12ms8_gg_",
40
+ "__SCircle": "___SCircle_12ms8_gg_",
41
+ "_size_m": "_size_m_12ms8_gg_",
42
+ "_size_l": "_size_l_12ms8_gg_",
43
+ "_size_xl": "_size_xl_12ms8_gg_",
44
+ "--tag-color": "--tag-color_12ms8",
45
+ "_theme_primary": "_theme_primary_12ms8_gg_",
46
+ "_active": "__active_12ms8_gg_",
47
+ "_theme_secondary": "_theme_secondary_12ms8_gg_",
48
+ "_theme_additional": "_theme_additional_12ms8_gg_",
49
+ "__SClose": "___SClose_12ms8_gg_"
49
50
  });
50
51
  var legacyThemeRecommendedMigration = {
51
52
  primary: {
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","_resolveColorEnhance","_uniqueID","_keyboardFocusEnhance","_assignProps6","style","sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits2","_super","_createSuper2","props","_legacyThemeRecommend","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","focusable","setState","event","key","asProps","onClick","preventDefault","logger","warn","use","concat","theme","Tag","displayName","_createClass2","value","getCircleProps","size","getTextProps","interactive","id","uid","state","tabIndex","getCloseProps","getI18nText","onMount","handleCloseMount","onUnmount","handleCloseUnmount","render","_ref","_ref6","STag","Box","_this$asProps","Children","styles","color","disabled","addonLeft","addonRight","resolveColor","outerId","createElement","cn","_objectSpread2","assignProps","undefined","handleKeyDown","Addon","tag","addonTextChildren","Text","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","resolveColorEnhance","keyboardFocusEnhance","i18n","locale","_ref2","arguments[0]","_ref7","SText","enhance","Close","_ref3","_ref8","SClose","React","useEffect","_props$onMount","_props$onUnmount","onKeyDown","useCallback","CloseM","_ref4","_ref9","SAddon","Circle","_ref5","_ref10","SCircle","createComponent","_default","exports"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tag.shadow.css';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst legacyThemeRecommendedMigration = {\n primary: {\n muted: 'gray-500',\n info: 'blue-500',\n success: 'green-500',\n warning: 'orange-500',\n danger: 'red-500',\n },\n secondary: {\n muted: 'gray-50',\n },\n};\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n uniqueIDEnhancement(),\n resolveColorEnhance(),\n keyboardFocusEnhance(),\n ];\n static defaultProps = {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n };\n state = {\n focusable: 'container',\n };\n\n constructor(props) {\n super(props);\n\n logger.warn(\n props.use,\n `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n legacyThemeRecommendedMigration[props.use]?.[props.theme]\n }'\"`,\n props['data-ui-name'] || Tag.displayName,\n );\n }\n\n getCircleProps() {\n const { size } = this.asProps;\n return { size };\n }\n\n getTextProps() {\n const { interactive } = this.asProps;\n const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n const { focusable } = this.state;\n\n return {\n tabIndex: focusable === 'text' && interactive ? 0 : -1,\n id: `${id}-text`,\n };\n }\n handleCloseMount = () => {\n this.setState({ focusable: 'text' });\n };\n handleCloseUnmount = () => {\n this.setState({ focusable: 'container' });\n };\n getCloseProps() {\n const { getI18nText } = this.asProps;\n const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n\n return {\n getI18nText,\n id: `${id}-clear`,\n 'aria-labelledby': `${id}-clear ${id}-text`,\n 'aria-label': getI18nText('remove'),\n 'aria-hidden': 'true',\n onMount: this.handleCloseMount,\n onUnmount: this.handleCloseUnmount,\n };\n }\n\n handleKeyDown = (event) => {\n switch (event.key) {\n case ' ':\n case 'Enter':\n if (this.asProps.onClick) {\n event.preventDefault();\n this.asProps.onClick(event);\n }\n break;\n }\n };\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n resolveColor,\n id: outerId,\n uid,\n } = this.asProps;\n const { focusable } = this.state;\n const id = outerId || `igc-${uid}-tag`;\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={!disabled && interactive}\n role={interactive ? 'button' : undefined}\n tag-color={resolveColor(color)}\n onKeyDown={this.handleKeyDown}\n use:tabIndex={interactive && focusable === 'container' ? 0 : -1}\n >\n {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n </STag>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} tag='span' />);\n}\nText.enhance = [keyboardFocusEnhance()];\n\nfunction Close(props) {\n const SClose = Root;\n const { styles } = props;\n\n React.useEffect(() => {\n props.onMount?.();\n return () => props.onUnmount?.();\n }, []);\n\n const onKeyDown = React.useCallback(\n (event) => {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (props.onClick && (event.key === 'Enter' || event.key === ' ')) {\n event.preventDefault();\n props.onClick(event);\n }\n },\n [props.onKeyDown, props.onClick],\n );\n\n return sstyled(styles)(<SClose render={Box} tag={CloseM} interactive onKeyDown={onKeyDown} />);\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction Circle(props) {\n const SCircle = Root;\n const { styles } = props;\n return sstyled(styles)(<SCircle render={Box} tag='span' />);\n}\n\nconst Tag = createComponent(RootTag, {\n Text,\n Addon,\n Close,\n Circle,\n});\n\nexport default Tag;\n"],"mappings":"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"}
1
+ {"version":3,"file":"Tag.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","_resolveColorEnhance","_uniqueID","_keyboardFocusEnhance","_assignProps6","style","_index","sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits2","_super","_createSuper2","props","_legacyThemeRecommend","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","focusable","setState","event","key","asProps","onClick","preventDefault","logger","warn","use","concat","theme","Tag","displayName","_createClass2","value","getCircleProps","size","getTextProps","interactive","id","uid","state","tabIndex","getCloseProps","getI18nText","onMount","handleCloseMount","onUnmount","handleCloseUnmount","render","_ref","_ref6","STag","Box","_this$asProps","Children","styles","color","disabled","addonLeft","addonRight","resolveColor","outerId","createElement","cn","_objectSpread2","assignProps","undefined","handleKeyDown","Addon","tag","addonTextChildren","Text","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","resolveColorEnhance","keyboardFocusEnhance","i18n","locale","_ref2","arguments[0]","_ref7","SText","enhance","Close","_ref3","_ref8","SClose","React","useEffect","_props$onMount","_props$onUnmount","onKeyDown","useCallback","CloseM","_ref4","_ref9","SAddon","Circle","_ref5","_ref10","SCircle","createComponent","_default","exports"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tag.shadow.css';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst legacyThemeRecommendedMigration = {\n primary: {\n muted: 'gray-500',\n info: 'blue-500',\n success: 'green-500',\n warning: 'orange-500',\n danger: 'red-500',\n },\n secondary: {\n muted: 'gray-50',\n },\n};\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n uniqueIDEnhancement(),\n resolveColorEnhance(),\n keyboardFocusEnhance(),\n ];\n static defaultProps = {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n };\n state = {\n focusable: 'container',\n };\n\n constructor(props) {\n super(props);\n\n logger.warn(\n props.use,\n `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n legacyThemeRecommendedMigration[props.use]?.[props.theme]\n }'\"`,\n props['data-ui-name'] || Tag.displayName,\n );\n }\n\n getCircleProps() {\n const { size } = this.asProps;\n return { size };\n }\n\n getTextProps() {\n const { interactive } = this.asProps;\n const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n const { focusable } = this.state;\n\n return {\n tabIndex: focusable === 'text' && interactive ? 0 : -1,\n id: `${id}-text`,\n };\n }\n handleCloseMount = () => {\n this.setState({ focusable: 'text' });\n };\n handleCloseUnmount = () => {\n this.setState({ focusable: 'container' });\n };\n getCloseProps() {\n const { getI18nText } = this.asProps;\n const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n\n return {\n getI18nText,\n id: `${id}-clear`,\n 'aria-labelledby': `${id}-clear ${id}-text`,\n 'aria-label': getI18nText('remove'),\n 'aria-hidden': 'true',\n onMount: this.handleCloseMount,\n onUnmount: this.handleCloseUnmount,\n };\n }\n\n handleKeyDown = (event) => {\n switch (event.key) {\n case ' ':\n case 'Enter':\n if (this.asProps.onClick) {\n event.preventDefault();\n this.asProps.onClick(event);\n }\n break;\n }\n };\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n resolveColor,\n id: outerId,\n uid,\n } = this.asProps;\n const { focusable } = this.state;\n const id = outerId || `igc-${uid}-tag`;\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={!disabled && interactive}\n role={interactive ? 'button' : undefined}\n tag-color={resolveColor(color)}\n onKeyDown={this.handleKeyDown}\n use:tabIndex={interactive && focusable === 'container' ? 0 : -1}\n >\n {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n </STag>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} tag='span' />);\n}\nText.enhance = [keyboardFocusEnhance()];\n\nfunction Close(props) {\n const SClose = Root;\n const { styles } = props;\n\n React.useEffect(() => {\n props.onMount?.();\n return () => props.onUnmount?.();\n }, []);\n\n const onKeyDown = React.useCallback(\n (event) => {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (props.onClick && (event.key === 'Enter' || event.key === ' ')) {\n event.preventDefault();\n props.onClick(event);\n }\n },\n [props.onKeyDown, props.onClick],\n );\n\n return sstyled(styles)(<SClose render={Box} tag={CloseM} interactive onKeyDown={onKeyDown} />);\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction Circle(props) {\n const SCircle = Root;\n const { styles } = props;\n return sstyled(styles)(<SCircle render={Box} tag='span' />);\n}\n\nconst Tag = createComponent(RootTag, {\n Text,\n Addon,\n Close,\n Circle,\n});\n\nexport default Tag;\n"],"mappings":"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"}
package/lib/es6/Tag.js CHANGED
@@ -5,7 +5,7 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
5
5
  import _inherits from "@babel/runtime/helpers/inherits";
6
6
  import _createSuper from "@babel/runtime/helpers/createSuper";
7
7
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
- import { sstyled as _sstyled } from "@semcore/core";
8
+ import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
9
9
  import { assignProps as _assignProps5 } from "@semcore/core";
10
10
  import { assignProps as _assignProps4 } from "@semcore/core";
11
11
  import { assignProps as _assignProps3 } from "@semcore/core";
@@ -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_1tfsw_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_1tfsw)}.___STag_1tfsw_gg_.__interactive_1tfsw_gg_:has(.___SText_1tfsw_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_1tfsw_gg_::after,.___STag_1tfsw_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_1tfsw_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_1tfsw);opacity:.2}.___STag_1tfsw_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_1tfsw);opacity:.1}.___STag_1tfsw_gg_:active,.___STag_1tfsw_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_1tfsw_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_1tfsw_gg_.__interactive_1tfsw_gg_.__keyboardFocused_1tfsw_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_1tfsw_gg_.__interactive_1tfsw_gg_.__keyboardFocused_1tfsw_gg_:has(:focus){box-shadow:none}.___STag_1tfsw_gg_.__disabled_1tfsw_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1tfsw_gg_.__interactive_1tfsw_gg_{cursor:pointer}.___STag_1tfsw_gg_._size_m_1tfsw_gg_{height:20px;min-width:20px}.___STag_1tfsw_gg_._size_m_1tfsw_gg_ .___SCircle_1tfsw_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1tfsw_gg_._size_m_1tfsw_gg_ .___SCircle_1tfsw_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1tfsw_gg_._size_m_1tfsw_gg_ .___SText_1tfsw_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_1tfsw_gg_._size_l_1tfsw_gg_{height:28px;min-width:28px}.___STag_1tfsw_gg_._size_l_1tfsw_gg_ .___SText_1tfsw_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_1tfsw_gg_._size_xl_1tfsw_gg_{height:40px;min-width:40px}.___STag_1tfsw_gg_._size_xl_1tfsw_gg_ .___SText_1tfsw_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_1tfsw_gg_._theme_primary_1tfsw_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_1tfsw_gg_._theme_primary_1tfsw_gg_:after{display:none}.___STag_1tfsw_gg_._theme_primary_1tfsw_gg_.__active_1tfsw_gg_:before,.___STag_1tfsw_gg_._theme_primary_1tfsw_gg_.__interactive_1tfsw_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_1tfsw_gg_._theme_primary_1tfsw_gg_.__interactive_1tfsw_gg_:hover:before{opacity:.3}}.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_::before,.___STag_1tfsw_gg_._theme_secondary_1tfsw_gg_::before{opacity:.01}.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_.__active_1tfsw_gg_:before,.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_.__interactive_1tfsw_gg_:active:before,.___STag_1tfsw_gg_._theme_secondary_1tfsw_gg_.__active_1tfsw_gg_:before,.___STag_1tfsw_gg_._theme_secondary_1tfsw_gg_.__interactive_1tfsw_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_.__interactive_1tfsw_gg_:hover:before,.___STag_1tfsw_gg_._theme_secondary_1tfsw_gg_.__interactive_1tfsw_gg_:hover:before{opacity:.1}}.___SClose_1tfsw_gg_ path,.___STag_1tfsw_gg_._theme_additional-invert_1tfsw_gg_::after,.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_::after,.___STag_1tfsw_gg_._theme_secondary-invert_1tfsw_gg_::after,.___STag_1tfsw_gg_._theme_secondary_1tfsw_gg_::after{opacity:.5}.___STag_1tfsw_gg_._theme_primary-invert_1tfsw_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_1tfsw_gg_._theme_additional-invert_1tfsw_gg_,.___STag_1tfsw_gg_._theme_primary-invert_1tfsw_gg_,.___STag_1tfsw_gg_._theme_secondary-invert_1tfsw_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1tfsw_gg_._theme_additional_1tfsw_gg_::after{border-style:dashed}.___SText_1tfsw_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_1tfsw_gg_.__interactive_1tfsw_gg_ .___SText_1tfsw_gg_.__keyboardFocused_1tfsw_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_1tfsw_gg_:not(:only-child):first-child{padding-right:0}.___SText_1tfsw_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1tfsw_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_1tfsw_gg_,.___SCircle_1tfsw_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1tfsw_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_1tfsw_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1tfsw_gg_:first-child{margin-left:0}.___SCircle_1tfsw_gg_:last-child{margin-right:0}.___SCircle_1tfsw_gg_._size_m_1tfsw_gg_{width:16px;height:16px}.___SCircle_1tfsw_gg_._size_l_1tfsw_gg_,.___SCircle_1tfsw_gg_._size_xl_1tfsw_gg_{width:20px;height:20px}.___SClose_1tfsw_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_1tfsw_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "1tfsw_gg_") /*__reshadow_css_end__*/, {
27
- "__STag": "___STag_1tfsw_gg_",
28
- "_interactive": "__interactive_1tfsw_gg_",
29
- "_keyboardFocused": "__keyboardFocused_1tfsw_gg_",
30
- "_disabled": "__disabled_1tfsw_gg_",
31
- "_theme_primary-invert": "_theme_primary-invert_1tfsw_gg_",
32
- "_theme_secondary-invert": "_theme_secondary-invert_1tfsw_gg_",
33
- "_theme_additional-invert": "_theme_additional-invert_1tfsw_gg_",
34
- "__SText": "___SText_1tfsw_gg_",
35
- "__SAddon": "___SAddon_1tfsw_gg_",
36
- "__SCircle": "___SCircle_1tfsw_gg_",
37
- "_size_m": "_size_m_1tfsw_gg_",
38
- "_size_l": "_size_l_1tfsw_gg_",
39
- "_size_xl": "_size_xl_1tfsw_gg_",
40
- "--tag-color": "--tag-color_1tfsw",
41
- "_theme_primary": "_theme_primary_1tfsw_gg_",
42
- "_active": "__active_1tfsw_gg_",
43
- "_theme_secondary": "_theme_secondary_1tfsw_gg_",
44
- "_theme_additional": "_theme_additional_1tfsw_gg_",
45
- "__SClose": "___SClose_1tfsw_gg_"
26
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STag_12ms8_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_12ms8)}.___STag_12ms8_gg_.__interactive_12ms8_gg_:has(.___SText_12ms8_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_12ms8_gg_::after,.___STag_12ms8_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_12ms8_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_12ms8);opacity:.2}.___STag_12ms8_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_12ms8);opacity:.1}.___STag_12ms8_gg_:active,.___STag_12ms8_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_12ms8_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_12ms8_gg_.__interactive_12ms8_gg_.__keyboardFocused_12ms8_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_12ms8_gg_.__interactive_12ms8_gg_.__keyboardFocused_12ms8_gg_:has(:focus){box-shadow:none}.___STag_12ms8_gg_.__disabled_12ms8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_12ms8_gg_.__interactive_12ms8_gg_{cursor:pointer}.___STag_12ms8_gg_._size_m_12ms8_gg_{height:20px;min-width:20px}.___STag_12ms8_gg_._size_m_12ms8_gg_ .___SCircle_12ms8_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_12ms8_gg_._size_m_12ms8_gg_ .___SCircle_12ms8_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_12ms8_gg_._size_m_12ms8_gg_ .___SText_12ms8_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_12ms8_gg_._size_l_12ms8_gg_{height:28px;min-width:28px}.___STag_12ms8_gg_._size_l_12ms8_gg_ .___SText_12ms8_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_12ms8_gg_._size_xl_12ms8_gg_{height:40px;min-width:40px}.___STag_12ms8_gg_._size_xl_12ms8_gg_ .___SText_12ms8_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_12ms8_gg_._theme_primary_12ms8_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_12ms8_gg_._theme_primary_12ms8_gg_:after{display:none}.___STag_12ms8_gg_._theme_primary_12ms8_gg_.__active_12ms8_gg_:before,.___STag_12ms8_gg_._theme_primary_12ms8_gg_.__interactive_12ms8_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_12ms8_gg_._theme_primary_12ms8_gg_.__interactive_12ms8_gg_:hover:before{opacity:.3}}.___STag_12ms8_gg_._theme_additional_12ms8_gg_::before,.___STag_12ms8_gg_._theme_secondary_12ms8_gg_::before{opacity:.01}.___STag_12ms8_gg_._theme_additional_12ms8_gg_.__active_12ms8_gg_:before,.___STag_12ms8_gg_._theme_additional_12ms8_gg_.__interactive_12ms8_gg_:active:before,.___STag_12ms8_gg_._theme_secondary_12ms8_gg_.__active_12ms8_gg_:before,.___STag_12ms8_gg_._theme_secondary_12ms8_gg_.__interactive_12ms8_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_12ms8_gg_._theme_additional_12ms8_gg_.__interactive_12ms8_gg_:hover:before,.___STag_12ms8_gg_._theme_secondary_12ms8_gg_.__interactive_12ms8_gg_:hover:before{opacity:.1}}.___SClose_12ms8_gg_ path,.___STag_12ms8_gg_._theme_additional-invert_12ms8_gg_::after,.___STag_12ms8_gg_._theme_additional_12ms8_gg_::after,.___STag_12ms8_gg_._theme_secondary-invert_12ms8_gg_::after,.___STag_12ms8_gg_._theme_secondary_12ms8_gg_::after{opacity:.5}.___STag_12ms8_gg_._theme_primary-invert_12ms8_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_12ms8_gg_._theme_additional-invert_12ms8_gg_,.___STag_12ms8_gg_._theme_primary-invert_12ms8_gg_,.___STag_12ms8_gg_._theme_secondary-invert_12ms8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_12ms8_gg_._theme_additional_12ms8_gg_::after{border-style:dashed}.___SText_12ms8_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_12ms8_gg_.__interactive_12ms8_gg_ .___SText_12ms8_gg_.__keyboardFocused_12ms8_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_12ms8_gg_:not(:only-child):first-child{padding-right:0}.___SText_12ms8_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_12ms8_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_12ms8_gg_,.___SCircle_12ms8_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_12ms8_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_12ms8_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_12ms8_gg_:first-child{margin-left:0}.___SCircle_12ms8_gg_:last-child{margin-right:0}.___SCircle_12ms8_gg_._size_m_12ms8_gg_{width:16px;height:16px}.___SCircle_12ms8_gg_._size_l_12ms8_gg_,.___SCircle_12ms8_gg_._size_xl_12ms8_gg_{width:20px;height:20px}.___SClose_12ms8_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_12ms8_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "12ms8_gg_") /*__reshadow_css_end__*/, {
27
+ "__STag": "___STag_12ms8_gg_",
28
+ "_interactive": "__interactive_12ms8_gg_",
29
+ "_keyboardFocused": "__keyboardFocused_12ms8_gg_",
30
+ "_disabled": "__disabled_12ms8_gg_",
31
+ "_theme_primary-invert": "_theme_primary-invert_12ms8_gg_",
32
+ "_theme_secondary-invert": "_theme_secondary-invert_12ms8_gg_",
33
+ "_theme_additional-invert": "_theme_additional-invert_12ms8_gg_",
34
+ "__SText": "___SText_12ms8_gg_",
35
+ "__SAddon": "___SAddon_12ms8_gg_",
36
+ "__SCircle": "___SCircle_12ms8_gg_",
37
+ "_size_m": "_size_m_12ms8_gg_",
38
+ "_size_l": "_size_l_12ms8_gg_",
39
+ "_size_xl": "_size_xl_12ms8_gg_",
40
+ "--tag-color": "--tag-color_12ms8",
41
+ "_theme_primary": "_theme_primary_12ms8_gg_",
42
+ "_active": "__active_12ms8_gg_",
43
+ "_theme_secondary": "_theme_secondary_12ms8_gg_",
44
+ "_theme_additional": "_theme_additional_12ms8_gg_",
45
+ "__SClose": "___SClose_12ms8_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.33.0",
4
+ "version": "5.34.0-prerelease.1",
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.25.0",
13
- "@semcore/icon": "4.33.0",
14
- "@semcore/flex-box": "5.24.0"
12
+ "@semcore/utils": "4.26.1-prerelease.1",
13
+ "@semcore/icon": "4.34.0-prerelease.1",
14
+ "@semcore/flex-box": "5.25.0-prerelease.1"
15
15
  },
16
16
  "peerDependencies": {
17
- "@semcore/core": "^2.17.5",
17
+ "@semcore/core": "^2.23.0-prerelease.1",
18
18
  "react": "16.8 - 18",
19
19
  "react-dom": "16.8 - 18"
20
20
  },