@semcore/tag 4.4.28 → 4.4.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/CHANGELOG.md +5 -7
  2. package/lib/cjs/Tag.js +35 -87
  3. package/lib/cjs/Tag.js.map +1 -1
  4. package/lib/cjs/index.js +0 -2
  5. package/lib/cjs/index.js.map +1 -1
  6. package/lib/cjs/translations/__intergalactic-dynamic-locales.js +0 -13
  7. package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
  8. package/lib/es6/Tag.js +35 -73
  9. package/lib/es6/Tag.js.map +1 -1
  10. package/lib/es6/index.js.map +1 -1
  11. package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
  12. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,19 +2,17 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [4.4.28] - 2023-03-28
6
-
7
- ### Changed
5
+ ## [4.4.29] - 2023-04-11
8
6
 
9
- - Version patch update due to children dependencies update (`@semcore/utils` [3.49.1 ~> 3.50.0], `@semcore/icon` [3.14.5 ~> 3.14.6], `@semcore/flex-box` [4.7.17 ~> 4.7.18]).
7
+ ### Fixed
10
8
 
11
- ## [4.4.18] - 2023-03-01
9
+ - Non-interactive tags are not focusable by keyboard now.
12
10
 
13
- ## [4.4.17] - 2023-02-24
11
+ ## [4.4.28] - 2023-03-28
14
12
 
15
13
  ### Changed
16
14
 
17
- - Version patch update due to children dependencies update (`@semcore/icon` [3.12.0 ~> 3.13.0]).
15
+ - Version patch update due to children dependencies update (`@semcore/utils` [3.49.1 ~> 3.50.0], `@semcore/icon` [3.14.5 ~> 3.14.6], `@semcore/flex-box` [4.7.17 ~> 4.7.18]).
18
16
 
19
17
  ## [4.4.16] - 2023-02-22
20
18
 
package/lib/cjs/Tag.js CHANGED
@@ -1,74 +1,48 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports["default"] = void 0;
11
-
12
9
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
13
-
14
10
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
15
-
16
11
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
17
-
18
12
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
19
-
20
13
  var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
21
-
22
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
23
-
24
15
  var _core = _interopRequireWildcard(require("@semcore/core"));
25
-
26
16
  var _react = _interopRequireDefault(require("react"));
27
-
28
17
  var _flexBox = require("@semcore/flex-box");
29
-
30
18
  var _color = _interopRequireWildcard(require("@semcore/utils/lib/color"));
31
-
32
19
  var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
33
-
34
20
  var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
35
-
36
21
  var _m = _interopRequireDefault(require("@semcore/icon/Close/m"));
37
-
38
22
  var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
39
-
40
23
  var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
41
-
42
24
  /*__reshadow-styles__:"./style/tag.shadow.css"*/
43
- var style = (
44
- /*__reshadow_css_start__*/
45
- _core.sstyled.insert(
46
- /*__inner_css_start__*/
47
- ".___STag_wxcg6_gg_{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);background-color:var(--colorBg_wxcg6);color:var(--colorText_wxcg6);border-color:var(--colorBorder_wxcg6)}.___STag_wxcg6_gg_.__active_wxcg6_gg_,.___STag_wxcg6_gg_.__interactive_wxcg6_gg_:active{background-color:var(--colorBgHover_wxcg6)}@media (hover:hover){.___STag_wxcg6_gg_.__interactive_wxcg6_gg_:hover{background-color:var(--colorBgHover_wxcg6)}}.___STag_wxcg6_gg_.__disabled_wxcg6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_wxcg6_gg_.__interactive_wxcg6_gg_{cursor:pointer}.___STag_wxcg6_gg_._size_m_wxcg6_gg_{height:20px;min-width:20px}.___STag_wxcg6_gg_._size_m_wxcg6_gg_ .___SCircle_wxcg6_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_wxcg6_gg_._size_m_wxcg6_gg_ .___SCircle_wxcg6_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_wxcg6_gg_._size_m_wxcg6_gg_ .___SText_wxcg6_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_wxcg6_gg_._size_l_wxcg6_gg_{height:28px;min-width:28px}.___STag_wxcg6_gg_._size_l_wxcg6_gg_ .___SText_wxcg6_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_wxcg6_gg_._size_xl_wxcg6_gg_{height:40px;min-width:40px}.___STag_wxcg6_gg_._size_xl_wxcg6_gg_ .___SText_wxcg6_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_wxcg6_gg_._theme_primary_wxcg6_gg_{background-color:var(--colorBg_wxcg6);border-color:var(--colorBg_wxcg6);color:var(--colorText_wxcg6)}.___STag_wxcg6_gg_._theme_primary_wxcg6_gg_.__active_wxcg6_gg_,.___STag_wxcg6_gg_._theme_primary_wxcg6_gg_.__interactive_wxcg6_gg_:active{background-color:var(--colorBgHover_wxcg6)}@media (hover:hover){.___STag_wxcg6_gg_._theme_primary_wxcg6_gg_.__interactive_wxcg6_gg_:hover{background-color:var(--colorBgHover_wxcg6)}}.___STag_wxcg6_gg_._theme_primary-invert_wxcg6_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_wxcg6_gg_._theme_primary-invert_wxcg6_gg_.__active_wxcg6_gg_,.___STag_wxcg6_gg_._theme_primary-invert_wxcg6_gg_.__interactive_wxcg6_gg_:active{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}@media (hover:hover){.___STag_wxcg6_gg_._theme_primary-invert_wxcg6_gg_.__interactive_wxcg6_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}}.___STag_wxcg6_gg_._theme_additional-invert_wxcg6_gg_,.___STag_wxcg6_gg_._theme_secondary-invert_wxcg6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-secondary-invert, rgba(255, 255, 255, 0.3))}.___STag_wxcg6_gg_._theme_additional-invert_wxcg6_gg_.__active_wxcg6_gg_,.___STag_wxcg6_gg_._theme_additional-invert_wxcg6_gg_.__interactive_wxcg6_gg_:active,.___STag_wxcg6_gg_._theme_secondary-invert_wxcg6_gg_.__active_wxcg6_gg_,.___STag_wxcg6_gg_._theme_secondary-invert_wxcg6_gg_.__interactive_wxcg6_gg_:active{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}@media (hover:hover){.___STag_wxcg6_gg_._theme_additional-invert_wxcg6_gg_.__interactive_wxcg6_gg_:hover,.___STag_wxcg6_gg_._theme_secondary-invert_wxcg6_gg_.__interactive_wxcg6_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}}.___STag_wxcg6_gg_._theme_additional_wxcg6_gg_{border-style:dashed}.___SText_wxcg6_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}.___SText_wxcg6_gg_:not(:only-child):first-child{padding-right:0}.___SText_wxcg6_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_wxcg6_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_wxcg6_gg_,.___SCircle_wxcg6_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_wxcg6_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SCircle_wxcg6_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_wxcg6_gg_:first-child{margin-left:0}.___SCircle_wxcg6_gg_:last-child{margin-right:0}.___SCircle_wxcg6_gg_._size_m_wxcg6_gg_{width:16px;height:16px}.___SCircle_wxcg6_gg_._size_l_wxcg6_gg_,.___SCircle_wxcg6_gg_._size_xl_wxcg6_gg_{width:20px;height:20px}.___SClose_wxcg6_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);opacity:.5}@media (hover:hover){.___SClose_wxcg6_gg_:hover{opacity:1}}"
48
- /*__inner_css_end__*/
49
- , "wxcg6_gg_")
50
- /*__reshadow_css_end__*/
51
- , {
52
- "__STag": "___STag_wxcg6_gg_",
53
- "--colorBg": "--colorBg_wxcg6",
54
- "--colorText": "--colorText_wxcg6",
55
- "--colorBorder": "--colorBorder_wxcg6",
56
- "_interactive": "__interactive_wxcg6_gg_",
57
- "_active": "__active_wxcg6_gg_",
58
- "--colorBgHover": "--colorBgHover_wxcg6",
59
- "_disabled": "__disabled_wxcg6_gg_",
60
- "_size_m": "_size_m_wxcg6_gg_",
61
- "__SCircle": "___SCircle_wxcg6_gg_",
62
- "__SText": "___SText_wxcg6_gg_",
63
- "_size_l": "_size_l_wxcg6_gg_",
64
- "_size_xl": "_size_xl_wxcg6_gg_",
65
- "_theme_primary": "_theme_primary_wxcg6_gg_",
66
- "_theme_primary-invert": "_theme_primary-invert_wxcg6_gg_",
67
- "_theme_secondary-invert": "_theme_secondary-invert_wxcg6_gg_",
68
- "_theme_additional-invert": "_theme_additional-invert_wxcg6_gg_",
69
- "_theme_additional": "_theme_additional_wxcg6_gg_",
70
- "__SAddon": "___SAddon_wxcg6_gg_",
71
- "__SClose": "___SClose_wxcg6_gg_"
25
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STag_15emf_gg_{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);background-color:var(--colorBg_15emf);color:var(--colorText_15emf);border-color:var(--colorBorder_15emf)}.___STag_15emf_gg_.__active_15emf_gg_,.___STag_15emf_gg_.__interactive_15emf_gg_:active{background-color:var(--colorBgHover_15emf)}@media (hover:hover){.___STag_15emf_gg_.__interactive_15emf_gg_:hover{background-color:var(--colorBgHover_15emf)}}.___STag_15emf_gg_.__disabled_15emf_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_15emf_gg_.__interactive_15emf_gg_{cursor:pointer}.___STag_15emf_gg_._size_m_15emf_gg_{height:20px;min-width:20px}.___STag_15emf_gg_._size_m_15emf_gg_ .___SCircle_15emf_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_15emf_gg_._size_m_15emf_gg_ .___SCircle_15emf_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_15emf_gg_._size_m_15emf_gg_ .___SText_15emf_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_15emf_gg_._size_l_15emf_gg_{height:28px;min-width:28px}.___STag_15emf_gg_._size_l_15emf_gg_ .___SText_15emf_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_15emf_gg_._size_xl_15emf_gg_{height:40px;min-width:40px}.___STag_15emf_gg_._size_xl_15emf_gg_ .___SText_15emf_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_15emf_gg_._theme_primary_15emf_gg_{background-color:var(--colorBg_15emf);border-color:var(--colorBg_15emf);color:var(--colorText_15emf)}.___STag_15emf_gg_._theme_primary_15emf_gg_.__active_15emf_gg_,.___STag_15emf_gg_._theme_primary_15emf_gg_.__interactive_15emf_gg_:active{background-color:var(--colorBgHover_15emf)}@media (hover:hover){.___STag_15emf_gg_._theme_primary_15emf_gg_.__interactive_15emf_gg_:hover{background-color:var(--colorBgHover_15emf)}}.___STag_15emf_gg_._theme_primary-invert_15emf_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_15emf_gg_._theme_primary-invert_15emf_gg_.__active_15emf_gg_,.___STag_15emf_gg_._theme_primary-invert_15emf_gg_.__interactive_15emf_gg_:active{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}@media (hover:hover){.___STag_15emf_gg_._theme_primary-invert_15emf_gg_.__interactive_15emf_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}}.___STag_15emf_gg_._theme_additional-invert_15emf_gg_,.___STag_15emf_gg_._theme_secondary-invert_15emf_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-secondary-invert, rgba(255, 255, 255, 0.3))}.___STag_15emf_gg_._theme_additional-invert_15emf_gg_.__active_15emf_gg_,.___STag_15emf_gg_._theme_additional-invert_15emf_gg_.__interactive_15emf_gg_:active,.___STag_15emf_gg_._theme_secondary-invert_15emf_gg_.__active_15emf_gg_,.___STag_15emf_gg_._theme_secondary-invert_15emf_gg_.__interactive_15emf_gg_:active{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}@media (hover:hover){.___STag_15emf_gg_._theme_additional-invert_15emf_gg_.__interactive_15emf_gg_:hover,.___STag_15emf_gg_._theme_secondary-invert_15emf_gg_.__interactive_15emf_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}}.___STag_15emf_gg_._theme_additional_15emf_gg_{border-style:dashed}.___SText_15emf_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}.___SText_15emf_gg_:not(:only-child):first-child{padding-right:0}.___SText_15emf_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_15emf_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_15emf_gg_,.___SCircle_15emf_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_15emf_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SCircle_15emf_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_15emf_gg_:first-child{margin-left:0}.___SCircle_15emf_gg_:last-child{margin-right:0}.___SCircle_15emf_gg_._size_m_15emf_gg_{width:16px;height:16px}.___SCircle_15emf_gg_._size_l_15emf_gg_,.___SCircle_15emf_gg_._size_xl_15emf_gg_{width:20px;height:20px}.___SClose_15emf_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);opacity:.5}@media (hover:hover){.___SClose_15emf_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "15emf_gg_") /*__reshadow_css_end__*/, {
26
+ "__STag": "___STag_15emf_gg_",
27
+ "--colorBg": "--colorBg_15emf",
28
+ "--colorText": "--colorText_15emf",
29
+ "--colorBorder": "--colorBorder_15emf",
30
+ "_interactive": "__interactive_15emf_gg_",
31
+ "_active": "__active_15emf_gg_",
32
+ "--colorBgHover": "--colorBgHover_15emf",
33
+ "_disabled": "__disabled_15emf_gg_",
34
+ "_size_m": "_size_m_15emf_gg_",
35
+ "__SCircle": "___SCircle_15emf_gg_",
36
+ "__SText": "___SText_15emf_gg_",
37
+ "_size_l": "_size_l_15emf_gg_",
38
+ "_size_xl": "_size_xl_15emf_gg_",
39
+ "_theme_primary": "_theme_primary_15emf_gg_",
40
+ "_theme_primary-invert": "_theme_primary-invert_15emf_gg_",
41
+ "_theme_secondary-invert": "_theme_secondary-invert_15emf_gg_",
42
+ "_theme_additional-invert": "_theme_additional-invert_15emf_gg_",
43
+ "_theme_additional": "_theme_additional_15emf_gg_",
44
+ "__SAddon": "___SAddon_15emf_gg_",
45
+ "__SClose": "___SClose_15emf_gg_"
72
46
  });
73
47
  var textColorToBgColor = {
74
48
  'gray-500': 'gray-100',
@@ -103,7 +77,6 @@ var textColorToBorderColor = {
103
77
  'pink-500': 'pink-200',
104
78
  'violet-500': 'violet-200'
105
79
  };
106
-
107
80
  var getPrimaryColors = function getPrimaryColors(color) {
108
81
  return {
109
82
  colorBg: (0, _color.opacity)((0, _color["default"])(textColorToBgColor[color]), 0.5) || (0, _color.light)((0, _color["default"])(color), 0.95),
@@ -111,7 +84,6 @@ var getPrimaryColors = function getPrimaryColors(color) {
111
84
  colorText: (0, _color["default"])(color)
112
85
  };
113
86
  };
114
-
115
87
  var getSecondaryColors = function getSecondaryColors(color) {
116
88
  return {
117
89
  colorBg: (0, _color["default"])('white'),
@@ -120,7 +92,6 @@ var getSecondaryColors = function getSecondaryColors(color) {
120
92
  colorBorder: (0, _color["default"])(textColorToBorderColor[color] || (0, _color.light)((0, _color["default"])(color), 0.5))
121
93
  };
122
94
  };
123
-
124
95
  var legacyThemeRecommendedMigration = {
125
96
  primary: {
126
97
  muted: 'gray-500',
@@ -133,25 +104,17 @@ var legacyThemeRecommendedMigration = {
133
104
  muted: 'gray-50'
134
105
  }
135
106
  };
136
-
137
107
  var RootTag = /*#__PURE__*/function (_Component) {
138
108
  (0, _inherits2["default"])(RootTag, _Component);
139
-
140
109
  var _super = (0, _createSuper2["default"])(RootTag);
141
-
142
110
  function RootTag(props) {
143
111
  var _legacyThemeRecommend;
144
-
145
112
  var _this;
146
-
147
113
  (0, _classCallCheck2["default"])(this, RootTag);
148
114
  _this = _super.call(this, props);
149
-
150
115
  _logger["default"].warn(props.use, "Property 'use' is deprecated, replace property to \"theme='".concat(props.use, "' color='").concat((_legacyThemeRecommend = legacyThemeRecommendedMigration[props.use]) === null || _legacyThemeRecommend === void 0 ? void 0 : _legacyThemeRecommend[props.theme], "'\""), props['data-ui-name'] || Tag.displayName);
151
-
152
116
  return _this;
153
117
  }
154
-
155
118
  (0, _createClass2["default"])(RootTag, [{
156
119
  key: "getCircleProps",
157
120
  value: function getCircleProps() {
@@ -172,21 +135,19 @@ var RootTag = /*#__PURE__*/function (_Component) {
172
135
  key: "render",
173
136
  value: function render() {
174
137
  var _ref = this.asProps,
175
- _ref6;
176
-
138
+ _ref6;
177
139
  var STag = _flexBox.Box;
178
140
  var _this$asProps = this.asProps,
179
- Children = _this$asProps.Children,
180
- styles = _this$asProps.styles,
181
- theme = _this$asProps.theme,
182
- color = _this$asProps.color,
183
- interactive = _this$asProps.interactive,
184
- disabled = _this$asProps.disabled,
185
- addonLeft = _this$asProps.addonLeft,
186
- addonRight = _this$asProps.addonRight;
141
+ Children = _this$asProps.Children,
142
+ styles = _this$asProps.styles,
143
+ theme = _this$asProps.theme,
144
+ color = _this$asProps.color,
145
+ interactive = _this$asProps.interactive,
146
+ disabled = _this$asProps.disabled,
147
+ addonLeft = _this$asProps.addonLeft,
148
+ addonRight = _this$asProps.addonRight;
187
149
  var colors = theme !== 'primary' ? getSecondaryColors(color) : getPrimaryColors(color);
188
150
  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STag, _ref6.cn("STag", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
189
- "tabIndex": 0,
190
151
  "use:interactive": !disabled && interactive,
191
152
  "colorBg": colors.colorBg,
192
153
  "colorBgHover": colors.colorBgHover,
@@ -201,7 +162,6 @@ var RootTag = /*#__PURE__*/function (_Component) {
201
162
  }]);
202
163
  return RootTag;
203
164
  }(_core.Component);
204
-
205
165
  (0, _defineProperty2["default"])(RootTag, "displayName", 'Tag');
206
166
  (0, _defineProperty2["default"])(RootTag, "style", style);
207
167
  (0, _defineProperty2["default"])(RootTag, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
@@ -212,36 +172,29 @@ var RootTag = /*#__PURE__*/function (_Component) {
212
172
  i18n: _intergalacticDynamicLocales.localizedMessages,
213
173
  locale: 'en'
214
174
  });
215
-
216
175
  function Text(props) {
217
176
  var _ref2 = arguments[0],
218
- _ref7;
219
-
177
+ _ref7;
220
178
  var SText = _flexBox.Box;
221
179
  var styles = props.styles;
222
180
  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref7.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
223
181
  "tag": "span"
224
182
  }, _ref2))));
225
183
  }
226
-
227
184
  function Close(props) {
228
185
  var _ref3 = arguments[0],
229
- _ref8;
230
-
186
+ _ref8;
231
187
  var SClose = _flexBox.Box;
232
188
  var styles = props.styles,
233
- getI18nText = props.getI18nText;
234
-
189
+ getI18nText = props.getI18nText;
235
190
  function onKeyDown(event) {
236
191
  if (props.onKeyDown) {
237
192
  return props.onKeyDown(event);
238
193
  }
239
-
240
194
  if (event.code === 'Enter') {
241
195
  props.onClick && props.onClick(event);
242
196
  }
243
197
  }
244
-
245
198
  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref8.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
246
199
  "tag": _m["default"],
247
200
  "interactive": true,
@@ -249,29 +202,24 @@ function Close(props) {
249
202
  "onKeyDown": onKeyDown
250
203
  }, _ref3))));
251
204
  }
252
-
253
205
  function Addon(props) {
254
206
  var _ref4 = arguments[0],
255
- _ref9;
256
-
207
+ _ref9;
257
208
  var SAddon = _flexBox.Box;
258
209
  var styles = props.styles;
259
210
  return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref9.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
260
211
  "tag": "span"
261
212
  }, _ref4))));
262
213
  }
263
-
264
214
  function Circle(props) {
265
215
  var _ref5 = arguments[0],
266
- _ref10;
267
-
216
+ _ref10;
268
217
  var SCircle = _flexBox.Box;
269
218
  var styles = props.styles;
270
219
  return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCircle, _ref10.cn("SCircle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
271
220
  "tag": "span"
272
221
  }, _ref5))));
273
222
  }
274
-
275
223
  var Tag = (0, _core["default"])(RootTag, {
276
224
  Text: Text,
277
225
  Addon: Addon,
package/lib/cjs/Tag.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.js","names":["textColorToBgColor","textColorToHoveredTextColor","textColorToBorderColor","getPrimaryColors","color","colorBg","opacity","resolveColor","light","colorBgHover","colorText","getSecondaryColors","colorBorder","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","props","logger","warn","use","theme","Tag","displayName","size","asProps","getI18nText","STag","Box","Children","styles","interactive","disabled","addonLeft","addonRight","colors","sstyled","addonTextChildren","Text","Addon","Component","style","i18nEnhance","localizedMessages","i18n","locale","SText","Close","SClose","onKeyDown","event","code","onClick","CloseM","SAddon","Circle","SCircle","createComponent"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { opacity, light } from '@semcore/utils/lib/color';\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';\n\nimport style from './style/tag.shadow.css';\n\nconst textColorToBgColor = {\n 'gray-500': 'gray-100',\n 'blue-500': 'blue-100',\n 'green-500': 'green-100',\n 'salad-500': 'salad-100',\n 'orange-500': 'orange-100',\n 'yellow-500': 'yellow-100',\n 'red-500': 'red-100',\n 'pink-500': 'pink-100',\n 'violet-500': 'violet-100',\n};\nconst textColorToHoveredTextColor = {\n 'gray-500': 'gray-50',\n 'blue-500': 'blue-50',\n 'green-500': 'green-50',\n 'salad-500': 'salad-50',\n 'orange-500': 'orange-50',\n 'yellow-500': 'yellow-50',\n 'red-500': 'red-50',\n 'pink-500': 'pink-50',\n 'violet-500': 'violet-50',\n};\nconst textColorToBorderColor = {\n 'gray-500': 'gray-200',\n 'blue-500': 'blue-200',\n 'green-500': 'green-200',\n 'salad-500': 'salad-200',\n 'orange-500': 'orange-200',\n 'yellow-500': 'yellow-200',\n 'red-500': 'red-200',\n 'pink-500': 'pink-200',\n 'violet-500': 'violet-200',\n};\n\nconst getPrimaryColors = (color) => ({\n colorBg:\n opacity(resolveColor(textColorToBgColor[color]), 0.5) || light(resolveColor(color), 0.95),\n colorBgHover: resolveColor(textColorToBgColor[color] || light(resolveColor(color), 0.8)),\n colorText: resolveColor(color),\n});\n\nconst getSecondaryColors = (color) => ({\n colorBg: resolveColor('white'),\n colorBgHover: resolveColor(\n textColorToHoveredTextColor[color] || light(resolveColor(color), 0.95),\n ),\n colorText: resolveColor(color),\n colorBorder: resolveColor(textColorToBorderColor[color] || light(resolveColor(color), 0.5)),\n});\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 = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\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 getCloseProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const STag = Root;\n const { Children, styles, theme, color, interactive, disabled, addonLeft, addonRight } =\n this.asProps;\n\n const colors = theme !== 'primary' ? getSecondaryColors(color) : getPrimaryColors(color);\n\n return sstyled(styles)(\n <STag\n tabIndex={0}\n render={Box}\n use:interactive={!disabled && interactive}\n colorBg={colors.colorBg}\n colorBgHover={colors.colorBgHover}\n colorText={colors.colorText}\n colorBorder={colors.colorBorder}\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}\n\nfunction Close(props) {\n const SClose = Root;\n const { styles, getI18nText } = props;\n\n function onKeyDown(event) {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (event.code === 'Enter') {\n props.onClick && props.onClick(event);\n }\n }\n\n return sstyled(styles)(\n <SClose\n render={Box}\n tag={CloseM}\n interactive\n aria-label={getI18nText('remove')}\n onKeyDown={onKeyDown}\n />,\n );\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","_color","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","style","sstyled","insert","textColorToBgColor","textColorToHoveredTextColor","textColorToBorderColor","getPrimaryColors","color","colorBg","opacity","resolveColor","light","colorBgHover","colorText","getSecondaryColors","colorBorder","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits2","_super","_createSuper2","props","_legacyThemeRecommend","_this","_classCallCheck2","call","logger","warn","use","concat","theme","Tag","displayName","_createClass2","key","value","getCircleProps","size","asProps","getCloseProps","getI18nText","render","_ref","_ref6","STag","Box","_this$asProps","Children","styles","interactive","disabled","addonLeft","addonRight","colors","createElement","cn","_objectSpread2","assignProps","Addon","tag","addonTextChildren","Text","Component","_defineProperty2","i18nEnhance","localizedMessages","i18n","locale","_ref2","arguments[0]","_ref7","SText","Close","_ref3","_ref8","SClose","onKeyDown","event","code","onClick","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 resolveColor, { opacity, light } from '@semcore/utils/lib/color';\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';\n\nimport style from './style/tag.shadow.css';\n\nconst textColorToBgColor = {\n 'gray-500': 'gray-100',\n 'blue-500': 'blue-100',\n 'green-500': 'green-100',\n 'salad-500': 'salad-100',\n 'orange-500': 'orange-100',\n 'yellow-500': 'yellow-100',\n 'red-500': 'red-100',\n 'pink-500': 'pink-100',\n 'violet-500': 'violet-100',\n};\nconst textColorToHoveredTextColor = {\n 'gray-500': 'gray-50',\n 'blue-500': 'blue-50',\n 'green-500': 'green-50',\n 'salad-500': 'salad-50',\n 'orange-500': 'orange-50',\n 'yellow-500': 'yellow-50',\n 'red-500': 'red-50',\n 'pink-500': 'pink-50',\n 'violet-500': 'violet-50',\n};\nconst textColorToBorderColor = {\n 'gray-500': 'gray-200',\n 'blue-500': 'blue-200',\n 'green-500': 'green-200',\n 'salad-500': 'salad-200',\n 'orange-500': 'orange-200',\n 'yellow-500': 'yellow-200',\n 'red-500': 'red-200',\n 'pink-500': 'pink-200',\n 'violet-500': 'violet-200',\n};\n\nconst getPrimaryColors = (color) => ({\n colorBg:\n opacity(resolveColor(textColorToBgColor[color]), 0.5) || light(resolveColor(color), 0.95),\n colorBgHover: resolveColor(textColorToBgColor[color] || light(resolveColor(color), 0.8)),\n colorText: resolveColor(color),\n});\n\nconst getSecondaryColors = (color) => ({\n colorBg: resolveColor('white'),\n colorBgHover: resolveColor(\n textColorToHoveredTextColor[color] || light(resolveColor(color), 0.95),\n ),\n colorText: resolveColor(color),\n colorBorder: resolveColor(textColorToBorderColor[color] || light(resolveColor(color), 0.5)),\n});\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 = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\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 getCloseProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const STag = Root;\n const { Children, styles, theme, color, interactive, disabled, addonLeft, addonRight } =\n this.asProps;\n\n const colors = theme !== 'primary' ? getSecondaryColors(color) : getPrimaryColors(color);\n\n return sstyled(styles)(\n <STag\n render={Box}\n use:interactive={!disabled && interactive}\n colorBg={colors.colorBg}\n colorBgHover={colors.colorBgHover}\n colorText={colors.colorText}\n colorBorder={colors.colorBorder}\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}\n\nfunction Close(props) {\n const SClose = Root;\n const { styles, getI18nText } = props;\n\n function onKeyDown(event) {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (event.code === 'Enter') {\n props.onClick && props.onClick(event);\n }\n }\n\n return sstyled(styles)(\n <SClose\n render={Box}\n tag={CloseM}\n interactive\n aria-label={getI18nText('remove')}\n onKeyDown={onKeyDown}\n />,\n );\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/cjs/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
11
10
  return _Tag["default"];
12
11
  }
13
12
  });
14
-
15
13
  var _Tag = _interopRequireDefault(require("./Tag"));
16
14
  //# sourceMappingURL=index.js.map
package/lib/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Tag';\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
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"}
package/lib/cjs/translations/__intergalactic-dynamic-locales.js CHANGED
@@ -1,34 +1,21 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.localizedMessages = void 0;
9
-
10
8
  var _de = _interopRequireDefault(require("./de.json"));
11
-
12
9
  var _en = _interopRequireDefault(require("./en.json"));
13
-
14
10
  var _es = _interopRequireDefault(require("./es.json"));
15
-
16
11
  var _fr = _interopRequireDefault(require("./fr.json"));
17
-
18
12
  var _it = _interopRequireDefault(require("./it.json"));
19
-
20
13
  var _ja = _interopRequireDefault(require("./ja.json"));
21
-
22
14
  var _ko = _interopRequireDefault(require("./ko.json"));
23
-
24
15
  var _pt = _interopRequireDefault(require("./pt.json"));
25
-
26
16
  var _tr = _interopRequireDefault(require("./tr.json"));
27
-
28
17
  var _vi = _interopRequireDefault(require("./vi.json"));
29
-
30
18
  var _zh = _interopRequireDefault(require("./zh.json"));
31
-
32
19
  var localizedMessages = {
33
20
  de: _de["default"],
34
21
  en: _en["default"],
package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"__intergalactic-dynamic-locales.js","names":["localizedMessages","de","en","es","fr","it","ja","ko","pt","tr","vi","zh"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n pt,\n tr,\n vi,\n zh,\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEO,IAAMA,iBAAiB,GAAG;EAC/BC,EAAE,EAAFA,cAD+B;EAE/BC,EAAE,EAAFA,cAF+B;EAG/BC,EAAE,EAAFA,cAH+B;EAI/BC,EAAE,EAAFA,cAJ+B;EAK/BC,EAAE,EAAFA,cAL+B;EAM/BC,EAAE,EAAFA,cAN+B;EAO/BC,EAAE,EAAFA,cAP+B;EAQ/BC,EAAE,EAAFA,cAR+B;EAS/BC,EAAE,EAAFA,cAT+B;EAU/BC,EAAE,EAAFA,cAV+B;EAW/BC,EAAE,EAAFA;AAX+B,CAA1B"}
1
+ {"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_pt","_tr","_vi","_zh","localizedMessages","de","en","es","fr","it","ja","ko","pt","tr","vi","zh","exports"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n pt,\n tr,\n vi,\n zh,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AAEO,IAAMW,iBAAiB,GAAG;EAC/BC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC;AAACC,OAAA,CAAAZ,iBAAA,GAAAA,iBAAA"}
package/lib/es6/Tag.js CHANGED
@@ -19,37 +19,28 @@ import logger from '@semcore/utils/lib/logger';
19
19
  import CloseM from '@semcore/icon/Close/m';
20
20
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
21
21
  import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
22
-
23
22
  /*__reshadow-styles__:"./style/tag.shadow.css"*/
24
- var style = (
25
- /*__reshadow_css_start__*/
26
- _sstyled.insert(
27
- /*__inner_css_start__*/
28
- ".___STag_wxcg6_gg_{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);background-color:var(--colorBg_wxcg6);color:var(--colorText_wxcg6);border-color:var(--colorBorder_wxcg6)}.___STag_wxcg6_gg_.__active_wxcg6_gg_,.___STag_wxcg6_gg_.__interactive_wxcg6_gg_:active{background-color:var(--colorBgHover_wxcg6)}@media (hover:hover){.___STag_wxcg6_gg_.__interactive_wxcg6_gg_:hover{background-color:var(--colorBgHover_wxcg6)}}.___STag_wxcg6_gg_.__disabled_wxcg6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_wxcg6_gg_.__interactive_wxcg6_gg_{cursor:pointer}.___STag_wxcg6_gg_._size_m_wxcg6_gg_{height:20px;min-width:20px}.___STag_wxcg6_gg_._size_m_wxcg6_gg_ .___SCircle_wxcg6_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_wxcg6_gg_._size_m_wxcg6_gg_ .___SCircle_wxcg6_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_wxcg6_gg_._size_m_wxcg6_gg_ .___SText_wxcg6_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_wxcg6_gg_._size_l_wxcg6_gg_{height:28px;min-width:28px}.___STag_wxcg6_gg_._size_l_wxcg6_gg_ .___SText_wxcg6_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_wxcg6_gg_._size_xl_wxcg6_gg_{height:40px;min-width:40px}.___STag_wxcg6_gg_._size_xl_wxcg6_gg_ .___SText_wxcg6_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_wxcg6_gg_._theme_primary_wxcg6_gg_{background-color:var(--colorBg_wxcg6);border-color:var(--colorBg_wxcg6);color:var(--colorText_wxcg6)}.___STag_wxcg6_gg_._theme_primary_wxcg6_gg_.__active_wxcg6_gg_,.___STag_wxcg6_gg_._theme_primary_wxcg6_gg_.__interactive_wxcg6_gg_:active{background-color:var(--colorBgHover_wxcg6)}@media (hover:hover){.___STag_wxcg6_gg_._theme_primary_wxcg6_gg_.__interactive_wxcg6_gg_:hover{background-color:var(--colorBgHover_wxcg6)}}.___STag_wxcg6_gg_._theme_primary-invert_wxcg6_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_wxcg6_gg_._theme_primary-invert_wxcg6_gg_.__active_wxcg6_gg_,.___STag_wxcg6_gg_._theme_primary-invert_wxcg6_gg_.__interactive_wxcg6_gg_:active{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}@media (hover:hover){.___STag_wxcg6_gg_._theme_primary-invert_wxcg6_gg_.__interactive_wxcg6_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}}.___STag_wxcg6_gg_._theme_additional-invert_wxcg6_gg_,.___STag_wxcg6_gg_._theme_secondary-invert_wxcg6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-secondary-invert, rgba(255, 255, 255, 0.3))}.___STag_wxcg6_gg_._theme_additional-invert_wxcg6_gg_.__active_wxcg6_gg_,.___STag_wxcg6_gg_._theme_additional-invert_wxcg6_gg_.__interactive_wxcg6_gg_:active,.___STag_wxcg6_gg_._theme_secondary-invert_wxcg6_gg_.__active_wxcg6_gg_,.___STag_wxcg6_gg_._theme_secondary-invert_wxcg6_gg_.__interactive_wxcg6_gg_:active{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}@media (hover:hover){.___STag_wxcg6_gg_._theme_additional-invert_wxcg6_gg_.__interactive_wxcg6_gg_:hover,.___STag_wxcg6_gg_._theme_secondary-invert_wxcg6_gg_.__interactive_wxcg6_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}}.___STag_wxcg6_gg_._theme_additional_wxcg6_gg_{border-style:dashed}.___SText_wxcg6_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}.___SText_wxcg6_gg_:not(:only-child):first-child{padding-right:0}.___SText_wxcg6_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_wxcg6_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_wxcg6_gg_,.___SCircle_wxcg6_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_wxcg6_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SCircle_wxcg6_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_wxcg6_gg_:first-child{margin-left:0}.___SCircle_wxcg6_gg_:last-child{margin-right:0}.___SCircle_wxcg6_gg_._size_m_wxcg6_gg_{width:16px;height:16px}.___SCircle_wxcg6_gg_._size_l_wxcg6_gg_,.___SCircle_wxcg6_gg_._size_xl_wxcg6_gg_{width:20px;height:20px}.___SClose_wxcg6_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);opacity:.5}@media (hover:hover){.___SClose_wxcg6_gg_:hover{opacity:1}}"
29
- /*__inner_css_end__*/
30
- , "wxcg6_gg_")
31
- /*__reshadow_css_end__*/
32
- , {
33
- "__STag": "___STag_wxcg6_gg_",
34
- "--colorBg": "--colorBg_wxcg6",
35
- "--colorText": "--colorText_wxcg6",
36
- "--colorBorder": "--colorBorder_wxcg6",
37
- "_interactive": "__interactive_wxcg6_gg_",
38
- "_active": "__active_wxcg6_gg_",
39
- "--colorBgHover": "--colorBgHover_wxcg6",
40
- "_disabled": "__disabled_wxcg6_gg_",
41
- "_size_m": "_size_m_wxcg6_gg_",
42
- "__SCircle": "___SCircle_wxcg6_gg_",
43
- "__SText": "___SText_wxcg6_gg_",
44
- "_size_l": "_size_l_wxcg6_gg_",
45
- "_size_xl": "_size_xl_wxcg6_gg_",
46
- "_theme_primary": "_theme_primary_wxcg6_gg_",
47
- "_theme_primary-invert": "_theme_primary-invert_wxcg6_gg_",
48
- "_theme_secondary-invert": "_theme_secondary-invert_wxcg6_gg_",
49
- "_theme_additional-invert": "_theme_additional-invert_wxcg6_gg_",
50
- "_theme_additional": "_theme_additional_wxcg6_gg_",
51
- "__SAddon": "___SAddon_wxcg6_gg_",
52
- "__SClose": "___SClose_wxcg6_gg_"
23
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STag_15emf_gg_{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);background-color:var(--colorBg_15emf);color:var(--colorText_15emf);border-color:var(--colorBorder_15emf)}.___STag_15emf_gg_.__active_15emf_gg_,.___STag_15emf_gg_.__interactive_15emf_gg_:active{background-color:var(--colorBgHover_15emf)}@media (hover:hover){.___STag_15emf_gg_.__interactive_15emf_gg_:hover{background-color:var(--colorBgHover_15emf)}}.___STag_15emf_gg_.__disabled_15emf_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_15emf_gg_.__interactive_15emf_gg_{cursor:pointer}.___STag_15emf_gg_._size_m_15emf_gg_{height:20px;min-width:20px}.___STag_15emf_gg_._size_m_15emf_gg_ .___SCircle_15emf_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_15emf_gg_._size_m_15emf_gg_ .___SCircle_15emf_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_15emf_gg_._size_m_15emf_gg_ .___SText_15emf_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_15emf_gg_._size_l_15emf_gg_{height:28px;min-width:28px}.___STag_15emf_gg_._size_l_15emf_gg_ .___SText_15emf_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_15emf_gg_._size_xl_15emf_gg_{height:40px;min-width:40px}.___STag_15emf_gg_._size_xl_15emf_gg_ .___SText_15emf_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_15emf_gg_._theme_primary_15emf_gg_{background-color:var(--colorBg_15emf);border-color:var(--colorBg_15emf);color:var(--colorText_15emf)}.___STag_15emf_gg_._theme_primary_15emf_gg_.__active_15emf_gg_,.___STag_15emf_gg_._theme_primary_15emf_gg_.__interactive_15emf_gg_:active{background-color:var(--colorBgHover_15emf)}@media (hover:hover){.___STag_15emf_gg_._theme_primary_15emf_gg_.__interactive_15emf_gg_:hover{background-color:var(--colorBgHover_15emf)}}.___STag_15emf_gg_._theme_primary-invert_15emf_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_15emf_gg_._theme_primary-invert_15emf_gg_.__active_15emf_gg_,.___STag_15emf_gg_._theme_primary-invert_15emf_gg_.__interactive_15emf_gg_:active{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}@media (hover:hover){.___STag_15emf_gg_._theme_primary-invert_15emf_gg_.__interactive_15emf_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}}.___STag_15emf_gg_._theme_additional-invert_15emf_gg_,.___STag_15emf_gg_._theme_secondary-invert_15emf_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-secondary-invert, rgba(255, 255, 255, 0.3))}.___STag_15emf_gg_._theme_additional-invert_15emf_gg_.__active_15emf_gg_,.___STag_15emf_gg_._theme_additional-invert_15emf_gg_.__interactive_15emf_gg_:active,.___STag_15emf_gg_._theme_secondary-invert_15emf_gg_.__active_15emf_gg_,.___STag_15emf_gg_._theme_secondary-invert_15emf_gg_.__interactive_15emf_gg_:active{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}@media (hover:hover){.___STag_15emf_gg_._theme_additional-invert_15emf_gg_.__interactive_15emf_gg_:hover,.___STag_15emf_gg_._theme_secondary-invert_15emf_gg_.__interactive_15emf_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}}.___STag_15emf_gg_._theme_additional_15emf_gg_{border-style:dashed}.___SText_15emf_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}.___SText_15emf_gg_:not(:only-child):first-child{padding-right:0}.___SText_15emf_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_15emf_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_15emf_gg_,.___SCircle_15emf_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_15emf_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SCircle_15emf_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_15emf_gg_:first-child{margin-left:0}.___SCircle_15emf_gg_:last-child{margin-right:0}.___SCircle_15emf_gg_._size_m_15emf_gg_{width:16px;height:16px}.___SCircle_15emf_gg_._size_l_15emf_gg_,.___SCircle_15emf_gg_._size_xl_15emf_gg_{width:20px;height:20px}.___SClose_15emf_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);opacity:.5}@media (hover:hover){.___SClose_15emf_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "15emf_gg_") /*__reshadow_css_end__*/, {
24
+ "__STag": "___STag_15emf_gg_",
25
+ "--colorBg": "--colorBg_15emf",
26
+ "--colorText": "--colorText_15emf",
27
+ "--colorBorder": "--colorBorder_15emf",
28
+ "_interactive": "__interactive_15emf_gg_",
29
+ "_active": "__active_15emf_gg_",
30
+ "--colorBgHover": "--colorBgHover_15emf",
31
+ "_disabled": "__disabled_15emf_gg_",
32
+ "_size_m": "_size_m_15emf_gg_",
33
+ "__SCircle": "___SCircle_15emf_gg_",
34
+ "__SText": "___SText_15emf_gg_",
35
+ "_size_l": "_size_l_15emf_gg_",
36
+ "_size_xl": "_size_xl_15emf_gg_",
37
+ "_theme_primary": "_theme_primary_15emf_gg_",
38
+ "_theme_primary-invert": "_theme_primary-invert_15emf_gg_",
39
+ "_theme_secondary-invert": "_theme_secondary-invert_15emf_gg_",
40
+ "_theme_additional-invert": "_theme_additional-invert_15emf_gg_",
41
+ "_theme_additional": "_theme_additional_15emf_gg_",
42
+ "__SAddon": "___SAddon_15emf_gg_",
43
+ "__SClose": "___SClose_15emf_gg_"
53
44
  });
54
45
  var textColorToBgColor = {
55
46
  'gray-500': 'gray-100',
@@ -84,7 +75,6 @@ var textColorToBorderColor = {
84
75
  'pink-500': 'pink-200',
85
76
  'violet-500': 'violet-200'
86
77
  };
87
-
88
78
  var getPrimaryColors = function getPrimaryColors(color) {
89
79
  return {
90
80
  colorBg: opacity(resolveColor(textColorToBgColor[color]), 0.5) || light(resolveColor(color), 0.95),
@@ -92,7 +82,6 @@ var getPrimaryColors = function getPrimaryColors(color) {
92
82
  colorText: resolveColor(color)
93
83
  };
94
84
  };
95
-
96
85
  var getSecondaryColors = function getSecondaryColors(color) {
97
86
  return {
98
87
  colorBg: resolveColor('white'),
@@ -101,7 +90,6 @@ var getSecondaryColors = function getSecondaryColors(color) {
101
90
  colorBorder: resolveColor(textColorToBorderColor[color] || light(resolveColor(color), 0.5))
102
91
  };
103
92
  };
104
-
105
93
  var legacyThemeRecommendedMigration = {
106
94
  primary: {
107
95
  muted: 'gray-500',
@@ -114,24 +102,17 @@ var legacyThemeRecommendedMigration = {
114
102
  muted: 'gray-50'
115
103
  }
116
104
  };
117
-
118
105
  var RootTag = /*#__PURE__*/function (_Component) {
119
106
  _inherits(RootTag, _Component);
120
-
121
107
  var _super = _createSuper(RootTag);
122
-
123
108
  function RootTag(props) {
124
109
  var _legacyThemeRecommend;
125
-
126
110
  var _this;
127
-
128
111
  _classCallCheck(this, RootTag);
129
-
130
112
  _this = _super.call(this, props);
131
113
  logger.warn(props.use, "Property 'use' is deprecated, replace property to \"theme='".concat(props.use, "' color='").concat((_legacyThemeRecommend = legacyThemeRecommendedMigration[props.use]) === null || _legacyThemeRecommend === void 0 ? void 0 : _legacyThemeRecommend[props.theme], "'\""), props['data-ui-name'] || Tag.displayName);
132
114
  return _this;
133
115
  }
134
-
135
116
  _createClass(RootTag, [{
136
117
  key: "getCircleProps",
137
118
  value: function getCircleProps() {
@@ -152,21 +133,19 @@ var RootTag = /*#__PURE__*/function (_Component) {
152
133
  key: "render",
153
134
  value: function render() {
154
135
  var _ref = this.asProps,
155
- _ref6;
156
-
136
+ _ref6;
157
137
  var STag = Box;
158
138
  var _this$asProps = this.asProps,
159
- Children = _this$asProps.Children,
160
- styles = _this$asProps.styles,
161
- theme = _this$asProps.theme,
162
- color = _this$asProps.color,
163
- interactive = _this$asProps.interactive,
164
- disabled = _this$asProps.disabled,
165
- addonLeft = _this$asProps.addonLeft,
166
- addonRight = _this$asProps.addonRight;
139
+ Children = _this$asProps.Children,
140
+ styles = _this$asProps.styles,
141
+ theme = _this$asProps.theme,
142
+ color = _this$asProps.color,
143
+ interactive = _this$asProps.interactive,
144
+ disabled = _this$asProps.disabled,
145
+ addonLeft = _this$asProps.addonLeft,
146
+ addonRight = _this$asProps.addonRight;
167
147
  var colors = theme !== 'primary' ? getSecondaryColors(color) : getPrimaryColors(color);
168
148
  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(STag, _ref6.cn("STag", _objectSpread({}, _assignProps({
169
- "tabIndex": 0,
170
149
  "use:interactive": !disabled && interactive,
171
150
  "colorBg": colors.colorBg,
172
151
  "colorBgHover": colors.colorBgHover,
@@ -179,16 +158,11 @@ var RootTag = /*#__PURE__*/function (_Component) {
179
158
  }) : null);
180
159
  }
181
160
  }]);
182
-
183
161
  return RootTag;
184
162
  }(Component);
185
-
186
163
  _defineProperty(RootTag, "displayName", 'Tag');
187
-
188
164
  _defineProperty(RootTag, "style", style);
189
-
190
165
  _defineProperty(RootTag, "enhance", [i18nEnhance(localizedMessages)]);
191
-
192
166
  _defineProperty(RootTag, "defaultProps", {
193
167
  theme: 'primary',
194
168
  color: 'gray-500',
@@ -196,36 +170,29 @@ _defineProperty(RootTag, "defaultProps", {
196
170
  i18n: localizedMessages,
197
171
  locale: 'en'
198
172
  });
199
-
200
173
  function Text(props) {
201
174
  var _ref2 = arguments[0],
202
- _ref7;
203
-
175
+ _ref7;
204
176
  var SText = Box;
205
177
  var styles = props.styles;
206
178
  return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref7.cn("SText", _objectSpread({}, _assignProps2({
207
179
  "tag": "span"
208
180
  }, _ref2))));
209
181
  }
210
-
211
182
  function Close(props) {
212
183
  var _ref3 = arguments[0],
213
- _ref8;
214
-
184
+ _ref8;
215
185
  var SClose = Box;
216
186
  var styles = props.styles,
217
- getI18nText = props.getI18nText;
218
-
187
+ getI18nText = props.getI18nText;
219
188
  function onKeyDown(event) {
220
189
  if (props.onKeyDown) {
221
190
  return props.onKeyDown(event);
222
191
  }
223
-
224
192
  if (event.code === 'Enter') {
225
193
  props.onClick && props.onClick(event);
226
194
  }
227
195
  }
228
-
229
196
  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SClose, _ref8.cn("SClose", _objectSpread({}, _assignProps3({
230
197
  "tag": CloseM,
231
198
  "interactive": true,
@@ -233,29 +200,24 @@ function Close(props) {
233
200
  "onKeyDown": onKeyDown
234
201
  }, _ref3))));
235
202
  }
236
-
237
203
  function Addon(props) {
238
204
  var _ref4 = arguments[0],
239
- _ref9;
240
-
205
+ _ref9;
241
206
  var SAddon = Box;
242
207
  var styles = props.styles;
243
208
  return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SAddon, _ref9.cn("SAddon", _objectSpread({}, _assignProps4({
244
209
  "tag": "span"
245
210
  }, _ref4))));
246
211
  }
247
-
248
212
  function Circle(props) {
249
213
  var _ref5 = arguments[0],
250
- _ref10;
251
-
214
+ _ref10;
252
215
  var SCircle = Box;
253
216
  var styles = props.styles;
254
217
  return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SCircle, _ref10.cn("SCircle", _objectSpread({}, _assignProps5({
255
218
  "tag": "span"
256
219
  }, _ref5))));
257
220
  }
258
-
259
221
  var Tag = createComponent(RootTag, {
260
222
  Text: Text,
261
223
  Addon: Addon,
package/lib/es6/Tag.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.js","names":["React","createComponent","Component","sstyled","Root","Box","resolveColor","opacity","light","addonTextChildren","logger","CloseM","localizedMessages","i18nEnhance","textColorToBgColor","textColorToHoveredTextColor","textColorToBorderColor","getPrimaryColors","color","colorBg","colorBgHover","colorText","getSecondaryColors","colorBorder","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","props","warn","use","theme","Tag","displayName","size","asProps","getI18nText","STag","Children","styles","interactive","disabled","addonLeft","addonRight","colors","Text","Addon","style","i18n","locale","SText","Close","SClose","onKeyDown","event","code","onClick","SAddon","Circle","SCircle"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { opacity, light } from '@semcore/utils/lib/color';\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';\n\nimport style from './style/tag.shadow.css';\n\nconst textColorToBgColor = {\n 'gray-500': 'gray-100',\n 'blue-500': 'blue-100',\n 'green-500': 'green-100',\n 'salad-500': 'salad-100',\n 'orange-500': 'orange-100',\n 'yellow-500': 'yellow-100',\n 'red-500': 'red-100',\n 'pink-500': 'pink-100',\n 'violet-500': 'violet-100',\n};\nconst textColorToHoveredTextColor = {\n 'gray-500': 'gray-50',\n 'blue-500': 'blue-50',\n 'green-500': 'green-50',\n 'salad-500': 'salad-50',\n 'orange-500': 'orange-50',\n 'yellow-500': 'yellow-50',\n 'red-500': 'red-50',\n 'pink-500': 'pink-50',\n 'violet-500': 'violet-50',\n};\nconst textColorToBorderColor = {\n 'gray-500': 'gray-200',\n 'blue-500': 'blue-200',\n 'green-500': 'green-200',\n 'salad-500': 'salad-200',\n 'orange-500': 'orange-200',\n 'yellow-500': 'yellow-200',\n 'red-500': 'red-200',\n 'pink-500': 'pink-200',\n 'violet-500': 'violet-200',\n};\n\nconst getPrimaryColors = (color) => ({\n colorBg:\n opacity(resolveColor(textColorToBgColor[color]), 0.5) || light(resolveColor(color), 0.95),\n colorBgHover: resolveColor(textColorToBgColor[color] || light(resolveColor(color), 0.8)),\n colorText: resolveColor(color),\n});\n\nconst getSecondaryColors = (color) => ({\n colorBg: resolveColor('white'),\n colorBgHover: resolveColor(\n textColorToHoveredTextColor[color] || light(resolveColor(color), 0.95),\n ),\n colorText: resolveColor(color),\n colorBorder: resolveColor(textColorToBorderColor[color] || light(resolveColor(color), 0.5)),\n});\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 = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\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 getCloseProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const STag = Root;\n const { Children, styles, theme, color, interactive, disabled, addonLeft, addonRight } =\n this.asProps;\n\n const colors = theme !== 'primary' ? getSecondaryColors(color) : getPrimaryColors(color);\n\n return sstyled(styles)(\n <STag\n tabIndex={0}\n render={Box}\n use:interactive={!disabled && interactive}\n colorBg={colors.colorBg}\n colorBgHover={colors.colorBgHover}\n colorText={colors.colorText}\n colorBorder={colors.colorBorder}\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}\n\nfunction Close(props) {\n const SClose = Root;\n const { styles, getI18nText } = props;\n\n function onKeyDown(event) {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (event.code === 'Enter') {\n props.onClick && props.onClick(event);\n }\n }\n\n return sstyled(styles)(\n <SClose\n render={Box}\n tag={CloseM}\n interactive\n aria-label={getI18nText('remove')}\n onKeyDown={onKeyDown}\n />,\n );\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":["React","createComponent","Component","sstyled","Root","Box","resolveColor","opacity","light","addonTextChildren","logger","CloseM","localizedMessages","i18nEnhance","style","_sstyled","insert","textColorToBgColor","textColorToHoveredTextColor","textColorToBorderColor","getPrimaryColors","color","colorBg","colorBgHover","colorText","getSecondaryColors","colorBorder","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits","_super","_createSuper","props","_legacyThemeRecommend","_this","_classCallCheck","call","warn","use","concat","theme","Tag","displayName","_createClass","key","value","getCircleProps","size","asProps","getCloseProps","getI18nText","render","_ref","_ref6","STag","_this$asProps","Children","styles","interactive","disabled","addonLeft","addonRight","colors","createElement","cn","_objectSpread","_assignProps","Addon","tag","Text","_defineProperty","i18n","locale","_ref2","arguments[0]","_ref7","SText","_assignProps2","Close","_ref3","_ref8","SClose","onKeyDown","event","code","onClick","_assignProps3","_ref4","_ref9","SAddon","_assignProps4","Circle","_ref5","_ref10","SCircle","_assignProps5"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { opacity, light } from '@semcore/utils/lib/color';\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';\n\nimport style from './style/tag.shadow.css';\n\nconst textColorToBgColor = {\n 'gray-500': 'gray-100',\n 'blue-500': 'blue-100',\n 'green-500': 'green-100',\n 'salad-500': 'salad-100',\n 'orange-500': 'orange-100',\n 'yellow-500': 'yellow-100',\n 'red-500': 'red-100',\n 'pink-500': 'pink-100',\n 'violet-500': 'violet-100',\n};\nconst textColorToHoveredTextColor = {\n 'gray-500': 'gray-50',\n 'blue-500': 'blue-50',\n 'green-500': 'green-50',\n 'salad-500': 'salad-50',\n 'orange-500': 'orange-50',\n 'yellow-500': 'yellow-50',\n 'red-500': 'red-50',\n 'pink-500': 'pink-50',\n 'violet-500': 'violet-50',\n};\nconst textColorToBorderColor = {\n 'gray-500': 'gray-200',\n 'blue-500': 'blue-200',\n 'green-500': 'green-200',\n 'salad-500': 'salad-200',\n 'orange-500': 'orange-200',\n 'yellow-500': 'yellow-200',\n 'red-500': 'red-200',\n 'pink-500': 'pink-200',\n 'violet-500': 'violet-200',\n};\n\nconst getPrimaryColors = (color) => ({\n colorBg:\n opacity(resolveColor(textColorToBgColor[color]), 0.5) || light(resolveColor(color), 0.95),\n colorBgHover: resolveColor(textColorToBgColor[color] || light(resolveColor(color), 0.8)),\n colorText: resolveColor(color),\n});\n\nconst getSecondaryColors = (color) => ({\n colorBg: resolveColor('white'),\n colorBgHover: resolveColor(\n textColorToHoveredTextColor[color] || light(resolveColor(color), 0.95),\n ),\n colorText: resolveColor(color),\n colorBorder: resolveColor(textColorToBorderColor[color] || light(resolveColor(color), 0.5)),\n});\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 = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\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 getCloseProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const STag = Root;\n const { Children, styles, theme, color, interactive, disabled, addonLeft, addonRight } =\n this.asProps;\n\n const colors = theme !== 'primary' ? getSecondaryColors(color) : getPrimaryColors(color);\n\n return sstyled(styles)(\n <STag\n render={Box}\n use:interactive={!disabled && interactive}\n colorBg={colors.colorBg}\n colorBgHover={colors.colorBgHover}\n colorText={colors.colorText}\n colorBorder={colors.colorBorder}\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}\n\nfunction Close(props) {\n const SClose = Root;\n const { styles, getI18nText } = props;\n\n function onKeyDown(event) {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (event.code === 'Enter') {\n props.onClick && props.onClick(event);\n }\n }\n\n return sstyled(styles)(\n <SClose\n render={Box}\n tag={CloseM}\n interactive\n aria-label={getI18nText('remove')}\n onKeyDown={onKeyDown}\n />,\n );\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/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Tag';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB"}
1
+ {"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Tag';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO"}
package/lib/es6/translations/__intergalactic-dynamic-locales.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","pt","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n pt,\n tr,\n vi,\n zh,\n};\n"],"mappings":"AAAA,OAAOA,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AAEA,OAAO,IAAMC,iBAAiB,GAAG;EAC/BX,EAAE,EAAFA,EAD+B;EAE/BC,EAAE,EAAFA,EAF+B;EAG/BC,EAAE,EAAFA,EAH+B;EAI/BC,EAAE,EAAFA,EAJ+B;EAK/BC,EAAE,EAAFA,EAL+B;EAM/BC,EAAE,EAAFA,EAN+B;EAO/BC,EAAE,EAAFA,EAP+B;EAQ/BC,EAAE,EAAFA,EAR+B;EAS/BC,EAAE,EAAFA,EAT+B;EAU/BC,EAAE,EAAFA,EAV+B;EAW/BC,EAAE,EAAFA;AAX+B,CAA1B"}
1
+ {"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","pt","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n pt,\n tr,\n vi,\n zh,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/BX,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA;AACF,CAAC"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/tag",
3
3
  "description": "Semrush Tag Component",
4
- "version": "4.4.28",
4
+ "version": "4.4.29",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",