@semcore/tag 5.40.0 → 5.41.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.41.0] - 2024-07-26
6
+
7
+ ### Changed
8
+
9
+ - Version minor update due to children dependencies update (`@semcore/utils` [4.31.0 ~> 4.32.0], `@semcore/icon` [4.42.0 ~> 4.43.0], `@semcore/flex-box` [5.30.0 ~> 5.31.0], `@semcore/core` [2.28.0 ~> 2.29.0]).
10
+
5
11
  ## [5.40.0] - 2024-07-13
6
12
 
7
13
  ### Changed
@@ -14,6 +20,12 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
14
20
 
15
21
  - Version minor update due to children dependencies update (`@semcore/icon` [4.39.1 ~> 4.41.0]).
16
22
 
23
+ ## [5.38.1] - 2024-07-05
24
+
25
+ ### Changed
26
+
27
+ - Roles for the container and tag content.
28
+
17
29
  ## [5.38.0] - 2024-06-26
18
30
 
19
31
  ### Changed
package/lib/cjs/Tag.js CHANGED
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports["default"] = void 0;
8
+ exports["default"] = exports.TagContainer = void 0;
9
9
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
10
10
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
11
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -25,28 +25,30 @@ var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i
25
25
  var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
26
26
  var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
27
27
  var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
28
- var _assignProps6 = require("@semcore/utils/lib/assignProps");
29
28
  /*__reshadow-styles__:"./style/tag.shadow.css"*/
30
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STag_1vpi8_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_1vpi8)}.___STag_1vpi8_gg_.__interactive_1vpi8_gg_:has(.___SText_1vpi8_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_1vpi8_gg_::after,.___STag_1vpi8_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_1vpi8_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_1vpi8);opacity:.2}.___STag_1vpi8_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_1vpi8);opacity:.1}.___STag_1vpi8_gg_:active,.___STag_1vpi8_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_1vpi8_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_1vpi8_gg_.__interactive_1vpi8_gg_.__keyboardFocused_1vpi8_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_1vpi8_gg_.__interactive_1vpi8_gg_.__keyboardFocused_1vpi8_gg_:has(:focus){box-shadow:none}.___STag_1vpi8_gg_.__disabled_1vpi8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1vpi8_gg_.__interactive_1vpi8_gg_{cursor:pointer}.___STag_1vpi8_gg_._size_m_1vpi8_gg_{height:20px;min-width:20px}.___STag_1vpi8_gg_._size_m_1vpi8_gg_ .___SCircle_1vpi8_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1vpi8_gg_._size_m_1vpi8_gg_ .___SCircle_1vpi8_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1vpi8_gg_._size_m_1vpi8_gg_ .___SText_1vpi8_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_1vpi8_gg_._size_l_1vpi8_gg_{height:28px;min-width:28px}.___STag_1vpi8_gg_._size_l_1vpi8_gg_ .___SText_1vpi8_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_1vpi8_gg_._size_xl_1vpi8_gg_{height:40px;min-width:40px}.___STag_1vpi8_gg_._size_xl_1vpi8_gg_ .___SText_1vpi8_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_1vpi8_gg_._theme_primary_1vpi8_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_1vpi8_gg_._theme_primary_1vpi8_gg_:after{display:none}.___STag_1vpi8_gg_._theme_primary_1vpi8_gg_.__active_1vpi8_gg_:before,.___STag_1vpi8_gg_._theme_primary_1vpi8_gg_.__interactive_1vpi8_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_1vpi8_gg_._theme_primary_1vpi8_gg_.__interactive_1vpi8_gg_:hover:before{opacity:.3}}.___STag_1vpi8_gg_._theme_additional_1vpi8_gg_::before,.___STag_1vpi8_gg_._theme_secondary_1vpi8_gg_::before{opacity:.01}.___STag_1vpi8_gg_._theme_additional_1vpi8_gg_.__active_1vpi8_gg_:before,.___STag_1vpi8_gg_._theme_additional_1vpi8_gg_.__interactive_1vpi8_gg_:active:before,.___STag_1vpi8_gg_._theme_secondary_1vpi8_gg_.__active_1vpi8_gg_:before,.___STag_1vpi8_gg_._theme_secondary_1vpi8_gg_.__interactive_1vpi8_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_1vpi8_gg_._theme_additional_1vpi8_gg_.__interactive_1vpi8_gg_:hover:before,.___STag_1vpi8_gg_._theme_secondary_1vpi8_gg_.__interactive_1vpi8_gg_:hover:before{opacity:.1}}.___SClose_1vpi8_gg_ path,.___STag_1vpi8_gg_._theme_additional-invert_1vpi8_gg_::after,.___STag_1vpi8_gg_._theme_additional_1vpi8_gg_::after,.___STag_1vpi8_gg_._theme_secondary-invert_1vpi8_gg_::after,.___STag_1vpi8_gg_._theme_secondary_1vpi8_gg_::after{opacity:.5}.___STag_1vpi8_gg_._theme_primary-invert_1vpi8_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_1vpi8_gg_._theme_additional-invert_1vpi8_gg_,.___STag_1vpi8_gg_._theme_primary-invert_1vpi8_gg_,.___STag_1vpi8_gg_._theme_secondary-invert_1vpi8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1vpi8_gg_._theme_additional_1vpi8_gg_::after{border-style:dashed}.___SText_1vpi8_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_1vpi8_gg_.__interactive_1vpi8_gg_ .___SText_1vpi8_gg_.__keyboardFocused_1vpi8_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_1vpi8_gg_:not(:only-child):first-child{padding-right:0}.___SText_1vpi8_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1vpi8_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_1vpi8_gg_,.___SCircle_1vpi8_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1vpi8_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_1vpi8_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1vpi8_gg_:first-child{margin-left:0}.___SCircle_1vpi8_gg_:last-child{margin-right:0}.___SCircle_1vpi8_gg_._size_m_1vpi8_gg_{width:16px;height:16px}.___SCircle_1vpi8_gg_._size_l_1vpi8_gg_,.___SCircle_1vpi8_gg_._size_xl_1vpi8_gg_{width:20px;height:20px}.___SClose_1vpi8_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_1vpi8_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "1vpi8_gg_") /*__reshadow_css_end__*/, {
31
- "__STag": "___STag_1vpi8_gg_",
32
- "_interactive": "__interactive_1vpi8_gg_",
33
- "_keyboardFocused": "__keyboardFocused_1vpi8_gg_",
34
- "_disabled": "__disabled_1vpi8_gg_",
35
- "_theme_primary-invert": "_theme_primary-invert_1vpi8_gg_",
36
- "_theme_secondary-invert": "_theme_secondary-invert_1vpi8_gg_",
37
- "_theme_additional-invert": "_theme_additional-invert_1vpi8_gg_",
38
- "__SText": "___SText_1vpi8_gg_",
39
- "__SAddon": "___SAddon_1vpi8_gg_",
40
- "__SCircle": "___SCircle_1vpi8_gg_",
41
- "_size_m": "_size_m_1vpi8_gg_",
42
- "_size_l": "_size_l_1vpi8_gg_",
43
- "_size_xl": "_size_xl_1vpi8_gg_",
44
- "--tag-color": "--tag-color_1vpi8",
45
- "_theme_primary": "_theme_primary_1vpi8_gg_",
46
- "_active": "__active_1vpi8_gg_",
47
- "_theme_secondary": "_theme_secondary_1vpi8_gg_",
48
- "_theme_additional": "_theme_additional_1vpi8_gg_",
49
- "__SClose": "___SClose_1vpi8_gg_"
29
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STagContainerClose_1ybe3_gg_,.___STag_1ybe3_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_1ybe3)}.___STagContainerClose_1ybe3_gg_.__interactive_1ybe3_gg_.__keyboardFocused_1ybe3_gg_,.___STag_1ybe3_gg_.__interactive_1ybe3_gg_.__keyboardFocused_1ybe3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STagContainerClose_1ybe3_gg_::before,.___STag_1ybe3_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--intergalactic-tag-rounded, 24px);background-color:var(--tag-color_1ybe3);opacity:.2;filter:brightness(150%)}.___STagContainerClose_1ybe3_gg_::after,.___STag_1ybe3_gg_::after{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--intergalactic-tag-rounded, 24px);pointer-events:none;border:1px solid var(--tag-color_1ybe3);opacity:.1;filter:brightness(150%)}.___STagContainerClose_1ybe3_gg_:active,.___STagContainerClose_1ybe3_gg_:focus,.___STag_1ybe3_gg_:active,.___STag_1ybe3_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STagContainerClose_1ybe3_gg_:hover,.___STag_1ybe3_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STagContainerClose_1ybe3_gg_.__disabled_1ybe3_gg_,.___STag_1ybe3_gg_.__disabled_1ybe3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1ybe3_gg_.__interactiveView_1ybe3_gg_{cursor:pointer}.___STagContainerClose_1ybe3_gg_._size_m_1ybe3_gg_,.___STag_1ybe3_gg_._size_m_1ybe3_gg_{height:20px;min-width:20px}.___STagContainerClose_1ybe3_gg_._size_m_1ybe3_gg_ .___SCircle_1ybe3_gg_:first-child,.___STag_1ybe3_gg_._size_m_1ybe3_gg_ .___SCircle_1ybe3_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_1ybe3_gg_._size_m_1ybe3_gg_ .___SCircle_1ybe3_gg_:last-child,.___STag_1ybe3_gg_._size_m_1ybe3_gg_ .___SCircle_1ybe3_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_1ybe3_gg_._size_m_1ybe3_gg_ .___SText_1ybe3_gg_,.___STag_1ybe3_gg_._size_m_1ybe3_gg_ .___SText_1ybe3_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STagContainerClose_1ybe3_gg_._size_l_1ybe3_gg_,.___STag_1ybe3_gg_._size_l_1ybe3_gg_{height:28px;min-width:28px}.___STagContainerClose_1ybe3_gg_._size_l_1ybe3_gg_ .___SText_1ybe3_gg_,.___STag_1ybe3_gg_._size_l_1ybe3_gg_ .___SText_1ybe3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STagContainerClose_1ybe3_gg_._size_xl_1ybe3_gg_,.___STag_1ybe3_gg_._size_xl_1ybe3_gg_{height:40px;min-width:40px;padding:0 var(--intergalactic-spacing-2x, 8px)}.___STagContainerClose_1ybe3_gg_._size_xl_1ybe3_gg_ .___SText_1ybe3_gg_,.___STag_1ybe3_gg_._size_xl_1ybe3_gg_ .___SText_1ybe3_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STagContainerClose_1ybe3_gg_._theme_primary_1ybe3_gg_::before,.___STag_1ybe3_gg_._theme_primary_1ybe3_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STagContainerClose_1ybe3_gg_._theme_primary_1ybe3_gg_:after,.___STag_1ybe3_gg_._theme_primary_1ybe3_gg_:after{display:none}.___STagContainerClose_1ybe3_gg_._theme_primary_1ybe3_gg_.__active_1ybe3_gg_:before,.___STagContainerClose_1ybe3_gg_._theme_primary_1ybe3_gg_.__interactiveView_1ybe3_gg_:active:before,.___STag_1ybe3_gg_._theme_primary_1ybe3_gg_.__active_1ybe3_gg_:before,.___STag_1ybe3_gg_._theme_primary_1ybe3_gg_.__interactiveView_1ybe3_gg_:active:before{opacity:.3}@media (hover:hover){.___STagContainerClose_1ybe3_gg_._theme_primary_1ybe3_gg_.__interactiveView_1ybe3_gg_:hover:before,.___STag_1ybe3_gg_._theme_primary_1ybe3_gg_.__interactiveView_1ybe3_gg_:hover:before{opacity:.3}}.___STagContainerClose_1ybe3_gg_._theme_additional_1ybe3_gg_::before,.___STagContainerClose_1ybe3_gg_._theme_secondary_1ybe3_gg_::before,.___STag_1ybe3_gg_._theme_additional_1ybe3_gg_::before,.___STag_1ybe3_gg_._theme_secondary_1ybe3_gg_::before{opacity:.01}.___STagContainerClose_1ybe3_gg_._theme_additional_1ybe3_gg_.__active_1ybe3_gg_:before,.___STagContainerClose_1ybe3_gg_._theme_additional_1ybe3_gg_.__interactiveView_1ybe3_gg_:active:before,.___STagContainerClose_1ybe3_gg_._theme_secondary_1ybe3_gg_.__active_1ybe3_gg_:before,.___STagContainerClose_1ybe3_gg_._theme_secondary_1ybe3_gg_.__interactiveView_1ybe3_gg_:active:before,.___STag_1ybe3_gg_._theme_additional_1ybe3_gg_.__active_1ybe3_gg_:before,.___STag_1ybe3_gg_._theme_additional_1ybe3_gg_.__interactiveView_1ybe3_gg_:active:before,.___STag_1ybe3_gg_._theme_secondary_1ybe3_gg_.__active_1ybe3_gg_:before,.___STag_1ybe3_gg_._theme_secondary_1ybe3_gg_.__interactiveView_1ybe3_gg_:active:before{opacity:.1}@media (hover:hover){.___STagContainerClose_1ybe3_gg_._theme_additional_1ybe3_gg_.__interactiveView_1ybe3_gg_:hover:before,.___STagContainerClose_1ybe3_gg_._theme_secondary_1ybe3_gg_.__interactiveView_1ybe3_gg_:hover:before,.___STag_1ybe3_gg_._theme_additional_1ybe3_gg_.__interactiveView_1ybe3_gg_:hover:before,.___STag_1ybe3_gg_._theme_secondary_1ybe3_gg_.__interactiveView_1ybe3_gg_:hover:before{opacity:.1}}.___SClose_1ybe3_gg_ path,.___STagContainerClose_1ybe3_gg_._theme_additional-invert_1ybe3_gg_::after,.___STagContainerClose_1ybe3_gg_._theme_additional_1ybe3_gg_::after,.___STagContainerClose_1ybe3_gg_._theme_secondary-invert_1ybe3_gg_::after,.___STagContainerClose_1ybe3_gg_._theme_secondary_1ybe3_gg_::after,.___STagContainer_1ybe3_gg_ .___STagContainerClose_1ybe3_gg_ svg path,.___STag_1ybe3_gg_._theme_additional-invert_1ybe3_gg_::after,.___STag_1ybe3_gg_._theme_additional_1ybe3_gg_::after,.___STag_1ybe3_gg_._theme_secondary-invert_1ybe3_gg_::after,.___STag_1ybe3_gg_._theme_secondary_1ybe3_gg_::after{opacity:.5}.___STagContainerClose_1ybe3_gg_._theme_primary-invert_1ybe3_gg_,.___STag_1ybe3_gg_._theme_primary-invert_1ybe3_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STagContainerClose_1ybe3_gg_._theme_additional-invert_1ybe3_gg_,.___STagContainerClose_1ybe3_gg_._theme_secondary-invert_1ybe3_gg_,.___STag_1ybe3_gg_._theme_additional-invert_1ybe3_gg_,.___STag_1ybe3_gg_._theme_secondary-invert_1ybe3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1ybe3_gg_._theme_additional_1ybe3_gg_::after{border-style:dashed}.___SText_1ybe3_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}.___SText_1ybe3_gg_.__keyboardFocused_1ybe3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_1ybe3_gg_:not(:only-child):first-child{padding-right:0}.___SText_1ybe3_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1ybe3_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_1ybe3_gg_,.___SCircle_1ybe3_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1ybe3_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_1ybe3_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1ybe3_gg_:first-child{margin-left:0}.___SCircle_1ybe3_gg_:last-child{margin-right:0}.___SCircle_1ybe3_gg_._size_m_1ybe3_gg_{width:16px;height:16px}.___SCircle_1ybe3_gg_._size_l_1ybe3_gg_,.___SCircle_1ybe3_gg_._size_xl_1ybe3_gg_{width:20px;height:20px}.___SClose_1ybe3_gg_{cursor:pointer;flex-shrink:0;padding:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SClose_1ybe3_gg_:hover path{opacity:1}}.___SClose_1ybe3_gg_,.___STagContainer_1ybe3_gg_{display:inline-flex;position:relative;align-items:center;justify-content:center}.___STagContainer_1ybe3_gg_ .___STag_1ybe3_gg_{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_1ybe3_gg_ .___STag_1ybe3_gg_::after,.___STagContainer_1ybe3_gg_ .___STag_1ybe3_gg_::before{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.___STagContainer_1ybe3_gg_ .___STag_1ybe3_gg_ .___SText_1ybe3_gg_{padding-right:0}.___STagContainer_1ybe3_gg_ .___STagContainerClose_1ybe3_gg_{cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0;padding-right:0;min-width:20px}.___STagContainer_1ybe3_gg_ .___STagContainerClose_1ybe3_gg_::after,.___STagContainer_1ybe3_gg_ .___STagContainerClose_1ybe3_gg_::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1ybe3_gg_ .___STagContainerClose_1ybe3_gg_::before{left:-1px}.___STagContainer_1ybe3_gg_ .___STagContainerClose_1ybe3_gg_ svg{padding-left:0;padding-right:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___STagContainer_1ybe3_gg_ .___STagContainerClose_1ybe3_gg_:hover svg path{opacity:1}}.___STagContainer_1ybe3_gg_ .___STagContainerClose_1ybe3_gg_._size_xl_1ybe3_gg_ svg{padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1ybe3_gg_") /*__reshadow_css_end__*/, {
30
+ "__STag": "___STag_1ybe3_gg_",
31
+ "_disabled": "__disabled_1ybe3_gg_",
32
+ "__STagContainerClose": "___STagContainerClose_1ybe3_gg_",
33
+ "_interactiveView": "__interactiveView_1ybe3_gg_",
34
+ "_theme_primary-invert": "_theme_primary-invert_1ybe3_gg_",
35
+ "_theme_secondary-invert": "_theme_secondary-invert_1ybe3_gg_",
36
+ "_theme_additional-invert": "_theme_additional-invert_1ybe3_gg_",
37
+ "__SText": "___SText_1ybe3_gg_",
38
+ "_keyboardFocused": "__keyboardFocused_1ybe3_gg_",
39
+ "__SAddon": "___SAddon_1ybe3_gg_",
40
+ "__SCircle": "___SCircle_1ybe3_gg_",
41
+ "_size_m": "_size_m_1ybe3_gg_",
42
+ "_size_l": "_size_l_1ybe3_gg_",
43
+ "_size_xl": "_size_xl_1ybe3_gg_",
44
+ "--tag-color": "--tag-color_1ybe3",
45
+ "_interactive": "__interactive_1ybe3_gg_",
46
+ "_theme_primary": "_theme_primary_1ybe3_gg_",
47
+ "_active": "__active_1ybe3_gg_",
48
+ "_theme_secondary": "_theme_secondary_1ybe3_gg_",
49
+ "_theme_additional": "_theme_additional_1ybe3_gg_",
50
+ "__SClose": "___SClose_1ybe3_gg_",
51
+ "__STagContainer": "___STagContainer_1ybe3_gg_"
50
52
  });
51
53
  var legacyThemeRecommendedMigration = {
52
54
  primary: {
@@ -111,7 +113,8 @@ var RootTag = /*#__PURE__*/function (_Component) {
111
113
  var focusable = this.state.focusable;
112
114
  return {
113
115
  tabIndex: focusable === 'text' && interactive ? 0 : -1,
114
- id: "".concat(id, "-text")
116
+ id: "".concat(id, "-text"),
117
+ role: focusable === 'text' && interactive ? 'button' : undefined
115
118
  };
116
119
  }
117
120
  }, {
@@ -124,7 +127,6 @@ var RootTag = /*#__PURE__*/function (_Component) {
124
127
  id: "".concat(id, "-clear"),
125
128
  'aria-labelledby': "".concat(id, "-clear ").concat(id, "-text"),
126
129
  'aria-label': getI18nText('remove'),
127
- 'aria-hidden': 'true',
128
130
  onMount: this.handleCloseMount,
129
131
  onUnmount: this.handleCloseUnmount
130
132
  };
@@ -133,7 +135,7 @@ var RootTag = /*#__PURE__*/function (_Component) {
133
135
  key: "render",
134
136
  value: function render() {
135
137
  var _ref = this.asProps,
136
- _ref6;
138
+ _ref8;
137
139
  var STag = _flexBox.Box;
138
140
  var _this$asProps = this.asProps,
139
141
  Children = _this$asProps.Children,
@@ -148,13 +150,16 @@ var RootTag = /*#__PURE__*/function (_Component) {
148
150
  uid = _this$asProps.uid;
149
151
  var focusable = this.state.focusable;
150
152
  var id = outerId || "igc-".concat(uid, "-tag");
151
- return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STag, _ref6.cn("STag", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
153
+ var isInteractiveView = !disabled && interactive;
154
+ var isInteractive = !disabled && interactive && focusable === 'container';
155
+ return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STag, _ref8.cn("STag", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
152
156
  "id": id,
153
- "use:interactive": !disabled && interactive,
154
- "role": interactive ? 'button' : undefined,
157
+ "use:interactive": isInteractive,
158
+ "use:interactiveView": isInteractiveView,
155
159
  "tag-color": resolveColor(color),
156
160
  "onKeyDown": this.handleKeyDown,
157
- "use:tabIndex": interactive && focusable === 'container' ? 0 : -1
161
+ "use:tabIndex": isInteractive ? 0 : -1,
162
+ "role": isInteractive ? 'button' : undefined
158
163
  }, _ref))), addonLeft ? /*#__PURE__*/_react["default"].createElement(Tag.Addon, {
159
164
  tag: addonLeft
160
165
  }) : null, (0, _addonTextChildren["default"])(Children, Tag.Text, Tag.Addon), addonRight ? /*#__PURE__*/_react["default"].createElement(Tag.Addon, {
@@ -174,24 +179,153 @@ var RootTag = /*#__PURE__*/function (_Component) {
174
179
  i18n: _intergalacticDynamicLocales.localizedMessages,
175
180
  locale: 'en'
176
181
  });
182
+ var RootTagContainer = /*#__PURE__*/function (_Component2) {
183
+ (0, _inherits2["default"])(RootTagContainer, _Component2);
184
+ var _super2 = (0, _createSuper2["default"])(RootTagContainer);
185
+ function RootTagContainer() {
186
+ (0, _classCallCheck2["default"])(this, RootTagContainer);
187
+ return _super2.apply(this, arguments);
188
+ }
189
+ (0, _createClass2["default"])(RootTagContainer, [{
190
+ key: "getTagProps",
191
+ value: function getTagProps() {
192
+ var _this$asProps2 = this.asProps,
193
+ size = _this$asProps2.size,
194
+ theme = _this$asProps2.theme,
195
+ color = _this$asProps2.color,
196
+ disabled = _this$asProps2.disabled,
197
+ active = _this$asProps2.active,
198
+ uid = _this$asProps2.uid,
199
+ outerId = _this$asProps2.id;
200
+ var id = outerId || "igc-".concat(uid, "-tag");
201
+ return {
202
+ id: "".concat(id, "-text"),
203
+ disabled: disabled,
204
+ size: size,
205
+ theme: theme,
206
+ color: color,
207
+ active: active
208
+ };
209
+ }
210
+ }, {
211
+ key: "getCloseProps",
212
+ value: function getCloseProps() {
213
+ var _this$asProps3 = this.asProps,
214
+ size = _this$asProps3.size,
215
+ theme = _this$asProps3.theme,
216
+ color = _this$asProps3.color,
217
+ disabled = _this$asProps3.disabled,
218
+ active = _this$asProps3.active,
219
+ uid = _this$asProps3.uid,
220
+ outerId = _this$asProps3.id,
221
+ getI18nText = _this$asProps3.getI18nText;
222
+ var id = outerId || "igc-".concat(uid, "-tag");
223
+ return {
224
+ disabled: disabled,
225
+ size: size,
226
+ theme: theme,
227
+ color: color,
228
+ active: active,
229
+ id: "".concat(id, "-clear"),
230
+ 'aria-labelledby': "".concat(id, "-clear ").concat(id, "-text"),
231
+ 'aria-label': getI18nText('remove')
232
+ };
233
+ }
234
+ }, {
235
+ key: "render",
236
+ value: function render() {
237
+ var _ref2 = this.asProps,
238
+ _ref9;
239
+ var STagContainer = _flexBox.Box;
240
+ var _this$asProps4 = this.asProps,
241
+ styles = _this$asProps4.styles,
242
+ Children = _this$asProps4.Children;
243
+ return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STagContainer, _ref9.cn("STagContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(Children, _ref9.cn("Children", {})));
244
+ }
245
+ }]);
246
+ return RootTagContainer;
247
+ }(_core.Component);
248
+ (0, _defineProperty2["default"])(RootTagContainer, "displayName", 'TagContainer');
249
+ (0, _defineProperty2["default"])(RootTagContainer, "style", style);
250
+ (0, _defineProperty2["default"])(RootTagContainer, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _uniqueID["default"])()]);
251
+ var RootCloseTagContainer = /*#__PURE__*/function (_Component3) {
252
+ (0, _inherits2["default"])(RootCloseTagContainer, _Component3);
253
+ var _super3 = (0, _createSuper2["default"])(RootCloseTagContainer);
254
+ function RootCloseTagContainer() {
255
+ var _this2;
256
+ (0, _classCallCheck2["default"])(this, RootCloseTagContainer);
257
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
258
+ args[_key] = arguments[_key];
259
+ }
260
+ _this2 = _super3.call.apply(_super3, [this].concat(args));
261
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "handleKeyDown", function (event) {
262
+ var _this2$asProps = _this2.asProps,
263
+ onKeyDown = _this2$asProps.onKeyDown,
264
+ onClick = _this2$asProps.onClick;
265
+ if (onKeyDown) {
266
+ return onKeyDown(event);
267
+ }
268
+ if (onClick && (event.key === 'Enter' || event.key === ' ')) {
269
+ event.preventDefault();
270
+ onClick(event);
271
+ }
272
+ });
273
+ return _this2;
274
+ }
275
+ (0, _createClass2["default"])(RootCloseTagContainer, [{
276
+ key: "render",
277
+ value: function render() {
278
+ var _ref3 = this.asProps,
279
+ _ref10;
280
+ var STagContainerClose = _flexBox.Box;
281
+ var _this$asProps5 = this.asProps,
282
+ Children = _this$asProps5.Children,
283
+ styles = _this$asProps5.styles,
284
+ color = _this$asProps5.color,
285
+ resolveColor = _this$asProps5.resolveColor;
286
+ return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STagContainerClose, _ref10.cn("STagContainerClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
287
+ "tag": 'button',
288
+ "interactive": true,
289
+ "interactiveView": true,
290
+ "tag-color": resolveColor(color),
291
+ "onKeyDown": this.handleKeyDown
292
+ }, _ref3))), /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {})));
293
+ }
294
+ }]);
295
+ return RootCloseTagContainer;
296
+ }(_core.Component);
297
+ (0, _defineProperty2["default"])(RootCloseTagContainer, "displayName", 'CloseTagContainer');
298
+ (0, _defineProperty2["default"])(RootCloseTagContainer, "style", style);
299
+ (0, _defineProperty2["default"])(RootCloseTagContainer, "defaultProps", function () {
300
+ return {
301
+ theme: 'primary',
302
+ color: 'gray-500',
303
+ size: 'm',
304
+ i18n: _intergalacticDynamicLocales.localizedMessages,
305
+ locale: 'en',
306
+ children: /*#__PURE__*/_react["default"].createElement(CloseTagContainer.Close, null)
307
+ };
308
+ });
309
+ (0, _defineProperty2["default"])(RootCloseTagContainer, "enhance", [(0, _resolveColorEnhance["default"])(), (0, _keyboardFocusEnhance["default"])()]);
177
310
  function Text(props) {
178
- var _ref2 = arguments[0],
179
- _ref7;
311
+ var _ref4 = arguments[0],
312
+ _ref11;
180
313
  var SText = _flexBox.Box;
181
314
  var styles = props.styles;
182
- return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref7.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
315
+ return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref11.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
183
316
  "tag": 'span'
184
- }, _ref2))));
317
+ }, _ref4))));
185
318
  }
186
319
  Text.enhance = [(0, _keyboardFocusEnhance["default"])()];
187
320
  function Close(props) {
188
- var _ref3 = arguments[0],
189
- _ref8;
321
+ var _ref5 = arguments[0],
322
+ _ref12;
190
323
  var SClose = _flexBox.Box;
191
324
  var styles = props.styles;
192
325
  _react["default"].useEffect(function () {
193
326
  var _props$onMount;
194
327
  (_props$onMount = props.onMount) === null || _props$onMount === void 0 ? void 0 : _props$onMount.call(props);
328
+ _logger["default"].warn(true, 'Tag.Close is deprecated and will be removed in the next major release. Please, use TagContainer and TagContainer.Close', 'Tag.Close');
195
329
  return function () {
196
330
  var _props$onUnmount;
197
331
  return (_props$onUnmount = props.onUnmount) === null || _props$onUnmount === void 0 ? void 0 : _props$onUnmount.call(props);
@@ -206,29 +340,29 @@ function Close(props) {
206
340
  props.onClick(event);
207
341
  }
208
342
  }, [props.onKeyDown, props.onClick]);
209
- return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref8.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
343
+ return _ref12 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref12.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
210
344
  "tag": _m["default"],
211
345
  "interactive": true,
212
346
  "onKeyDown": onKeyDown
213
- }, _ref3))));
347
+ }, _ref5))));
214
348
  }
215
349
  function Addon(props) {
216
- var _ref4 = arguments[0],
217
- _ref9;
350
+ var _ref6 = arguments[0],
351
+ _ref13;
218
352
  var SAddon = _flexBox.Box;
219
353
  var styles = props.styles;
220
- return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref9.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
354
+ return _ref13 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref13.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
221
355
  "tag": 'span'
222
- }, _ref4))));
356
+ }, _ref6))));
223
357
  }
224
358
  function Circle(props) {
225
- var _ref5 = arguments[0],
226
- _ref10;
359
+ var _ref7 = arguments[0],
360
+ _ref14;
227
361
  var SCircle = _flexBox.Box;
228
362
  var styles = props.styles;
229
- return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCircle, _ref10.cn("SCircle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
363
+ return _ref14 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCircle, _ref14.cn("SCircle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
230
364
  "tag": 'span'
231
- }, _ref5))));
365
+ }, _ref7))));
232
366
  }
233
367
  var Tag = (0, _core["default"])(RootTag, {
234
368
  Text: Text,
@@ -236,6 +370,14 @@ var Tag = (0, _core["default"])(RootTag, {
236
370
  Close: Close,
237
371
  Circle: Circle
238
372
  });
373
+ var CloseTagContainer = (0, _core["default"])(RootCloseTagContainer, {
374
+ Close: _m["default"]
375
+ });
376
+ var TagContainer = (0, _core["default"])(RootTagContainer, {
377
+ Tag: Tag,
378
+ Close: CloseTagContainer
379
+ });
380
+ exports.TagContainer = TagContainer;
239
381
  var _default = Tag;
240
382
  exports["default"] = _default;
241
383
  //# sourceMappingURL=Tag.js.map
@@ -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","_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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"}
1
+ {"version":3,"file":"Tag.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","_resolveColorEnhance","_uniqueID","_keyboardFocusEnhance","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","role","undefined","getCloseProps","getI18nText","onMount","handleCloseMount","onUnmount","handleCloseUnmount","render","_ref","_ref8","STag","Box","_this$asProps","Children","styles","color","disabled","addonLeft","addonRight","resolveColor","outerId","isInteractiveView","isInteractive","createElement","cn","_objectSpread2","assignProps","handleKeyDown","Addon","tag","addonTextChildren","Text","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","resolveColorEnhance","keyboardFocusEnhance","i18n","locale","RootTagContainer","_Component2","_super2","apply","arguments","getTagProps","_this$asProps2","active","_this$asProps3","_ref2","_ref9","STagContainer","_this$asProps4","RootCloseTagContainer","_Component3","_super3","_this2","_len","length","args","Array","_key","_this2$asProps","onKeyDown","_ref3","_ref10","STagContainerClose","_this$asProps5","children","CloseTagContainer","Close","_ref4","arguments[0]","_ref11","SText","enhance","_ref5","_ref12","SClose","React","useEffect","_props$onMount","log","_props$onUnmount","useCallback","CloseM","_ref6","_ref13","SAddon","Circle","_ref7","_ref14","SCircle","createComponent","TagContainer","exports","_default"],"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';\nimport log from '@semcore/utils/lib/logger';\n\nimport style from './style/tag.shadow.css';\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 role: focusable === 'text' && interactive ? 'button' : undefined,\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 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 const isInteractiveView = !disabled && interactive;\n const isInteractive = !disabled && interactive && focusable === 'container';\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={isInteractive}\n use:interactiveView={isInteractiveView}\n tag-color={resolveColor(color)}\n onKeyDown={this.handleKeyDown}\n use:tabIndex={isInteractive ? 0 : -1}\n role={isInteractive ? 'button' : undefined}\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\nclass RootTagContainer extends Component {\n static displayName = 'TagContainer';\n static style = style;\n\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n\n getTagProps() {\n const { size, theme, color, disabled, active, uid, id: outerId } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n return {\n id: `${id}-text`,\n disabled,\n size,\n theme,\n color,\n active,\n };\n }\n\n getCloseProps() {\n const { size, theme, color, disabled, active, uid, id: outerId, getI18nText } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n return {\n disabled,\n size,\n theme,\n color,\n active,\n id: `${id}-clear`,\n 'aria-labelledby': `${id}-clear ${id}-text`,\n 'aria-label': getI18nText('remove'),\n };\n }\n\n render() {\n const STagContainer = Root;\n const { styles, Children } = this.asProps;\n\n return sstyled(styles)(\n <STagContainer render={Box}>\n <Children />\n </STagContainer>,\n );\n }\n}\n\nclass RootCloseTagContainer extends Component {\n static displayName = 'CloseTagContainer';\n static style = style;\n\n static defaultProps = () => {\n return {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n children: <CloseTagContainer.Close />,\n };\n };\n\n static enhance = [resolveColorEnhance(), keyboardFocusEnhance()];\n\n handleKeyDown = (event) => {\n const { onKeyDown, onClick } = this.asProps;\n\n if (onKeyDown) {\n return onKeyDown(event);\n }\n\n if (onClick && (event.key === 'Enter' || event.key === ' ')) {\n event.preventDefault();\n onClick(event);\n }\n };\n\n render() {\n const STagContainerClose = Root;\n const { Children, styles, color, resolveColor } = this.asProps;\n\n return sstyled(styles)(\n <STagContainerClose\n render={Box}\n tag={'button'}\n interactive={true}\n interactiveView={true}\n tag-color={resolveColor(color)}\n onKeyDown={this.handleKeyDown}\n >\n <Children />\n </STagContainerClose>,\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\n log.warn(\n true,\n 'Tag.Close is deprecated and will be removed in the next major release. Please, use TagContainer and TagContainer.Close',\n 'Tag.Close',\n );\n\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\nconst CloseTagContainer = createComponent(RootCloseTagContainer, {\n Close: CloseM,\n});\n\nexport const TagContainer = createComponent(RootTagContainer, {\n Tag,\n Close: CloseTagContainer,\n});\n\nexport default Tag;\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport { IconProps } from '@semcore/icon';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport type TagSize = 'xl' | 'l' | 'm';\n/** @deprecated */\nexport type TagThemeOld =\n | 'muted'\n | 'info'\n | 'success'\n | 'warning'\n | 'danger'\n | 'invert'\n | 'additional';\nexport type TagTheme = 'primary' | 'secondary' | TagThemeOld;\nexport type TagUse = 'primary' | 'secondary';\n\n/** @deprecated */\nexport interface ITagProps extends TagProps, UnknownProperties {}\nexport type TagProps = BoxProps &\n KeyboardFocusProps & {\n /** Value responsible for tag availability\n */\n disabled?: boolean;\n /** Value responsible for tag activity\n */\n active?: boolean;\n /** Interactive tag\n */\n interactive?: boolean;\n /** Tag type\n * @default secondary\n * @deprecated v4.0.0\n * @use ITagProps.theme\n */\n use?: TagUse;\n /** Tag theme, there are several default themes or you can use your color\n * @default primary\n */\n theme?: TagTheme;\n /** Tag color text */\n color?: string;\n /** Tag size\n * @default m\n */\n size?: TagSize;\n /** Left addon tag */\n addonLeft?: React.ElementType;\n /** Right addon tag */\n addonRight?: React.ElementType;\n locale?: string;\n };\n\n/** @deprecated */\nexport interface ITagCloseProps extends TagCloseProps, UnknownProperties {}\nexport type TagCloseProps = IconProps & {\n /** Tag type\n * @default secondary\n */\n use?: TagUse;\n /** Tag theme, there are several default themes or you can use your color\n * @default muted\n */\n theme?: TagTheme;\n};\n\n/** @deprecated */\nexport interface ITagContext extends TagContext, UnknownProperties {}\nexport type TagContext = TagProps & {\n getCloseProps?: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ITagAddonProps extends TagAddonProps, UnknownProperties {}\nexport type TagAddonProps = BoxProps & {};\n\n/** @deprecated */\nexport interface ITagTextProps extends TagTextProps, UnknownProperties {}\nexport type TagTextProps = BoxProps & KeyboardFocusProps & {};\n\ndeclare const Tag: Intergalactic.Component<'div', TagProps, TagContext> & {\n Text: Intergalactic.Component<'div', TagTextProps>;\n Addon: Intergalactic.Component<'div', TagAddonProps>;\n Close: Intergalactic.Component<'div', TagCloseProps>;\n Circle: Intergalactic.Component<'div', TagAddonProps>;\n};\n\nexport default Tag;\n"],"mappings":""}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport { IconProps } from '@semcore/icon';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport type TagSize = 'xl' | 'l' | 'm';\n/** @deprecated */\nexport type TagThemeOld =\n | 'muted'\n | 'info'\n | 'success'\n | 'warning'\n | 'danger'\n | 'invert'\n | 'additional';\nexport type TagTheme = 'primary' | 'secondary' | TagThemeOld;\nexport type TagUse = 'primary' | 'secondary';\n\n/** @deprecated */\nexport interface ITagProps extends TagProps, UnknownProperties {}\nexport type TagProps = BoxProps &\n KeyboardFocusProps & {\n /** Value responsible for tag availability\n */\n disabled?: boolean;\n /** Value responsible for tag activity\n */\n active?: boolean;\n /** Interactive tag\n */\n interactive?: boolean;\n /** Tag type\n * @default secondary\n * @deprecated v4.0.0\n * @use ITagProps.theme\n */\n use?: TagUse;\n /** Tag theme, there are several default themes or you can use your color\n * @default primary\n */\n theme?: TagTheme;\n /** Tag color text */\n color?: string;\n /** Tag size\n * @default m\n */\n size?: TagSize;\n /** Left addon tag */\n addonLeft?: React.ElementType;\n /** Right addon tag */\n addonRight?: React.ElementType;\n locale?: string;\n };\n\n/** @deprecated */\nexport interface ITagCloseProps extends TagCloseProps, UnknownProperties {}\nexport type TagCloseProps = IconProps & {\n /** Tag type\n * @default secondary\n */\n use?: TagUse;\n /** Tag theme, there are several default themes or you can use your color\n * @default muted\n */\n theme?: TagTheme;\n};\n\n/** @deprecated */\nexport interface ITagContext extends TagContext, UnknownProperties {}\nexport type TagContext = TagProps & {\n getCloseProps?: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ITagAddonProps extends TagAddonProps, UnknownProperties {}\nexport type TagAddonProps = BoxProps & {};\n\n/** @deprecated */\nexport interface ITagTextProps extends TagTextProps, UnknownProperties {}\nexport type TagTextProps = BoxProps & KeyboardFocusProps & {};\n\ndeclare const Tag: Intergalactic.Component<'div', TagProps, TagContext> & {\n Text: Intergalactic.Component<'div', TagTextProps>;\n Addon: Intergalactic.Component<'div', TagAddonProps>;\n /**\n * @deprecated For Tags with close button, you should use\n * <TagContainer>\n * <TagContainer.Tag.Text>Tag text</TagContainer.Tag.Text>\n * <TagContainer.Close onClick={handleClose} />\n * </TagContainer>\n * See example on https://developer.semrush.com/intergalactic/components/tag/tag-code#removing-tag\n * */\n Close: Intergalactic.Component<'div', TagCloseProps>;\n Circle: Intergalactic.Component<'div', TagAddonProps>;\n};\n\ndeclare const TagContainer: Intergalactic.Component<'div', TagProps, TagContext> & {\n Tag: typeof Tag;\n Close: Intergalactic.Component<'button', KeyboardFocusProps>;\n};\n\nexport default Tag;\nexport { TagContainer };\n"],"mappings":""}
package/lib/cjs/index.js CHANGED
@@ -1,14 +1,20 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
+ Object.defineProperty(exports, "TagContainer", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _Tag.TagContainer;
11
+ }
12
+ });
7
13
  Object.defineProperty(exports, "default", {
8
14
  enumerable: true,
9
15
  get: function get() {
10
16
  return _Tag["default"];
11
17
  }
12
18
  });
13
- var _Tag = _interopRequireDefault(require("./Tag"));
19
+ var _Tag = _interopRequireWildcard(require("./Tag"));
14
20
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_Tag","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Tag';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,IAAA,GAAAC,sBAAA,CAAAC,OAAA"}
1
+ {"version":3,"file":"index.js","names":["_Tag","_interopRequireWildcard","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default, TagContainer } from './Tag';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,IAAA,GAAAC,uBAAA,CAAAC,OAAA"}