npm - @semcore/tag - Versions diffs - 5.3.1 → 5.4.0-test.0 - Mend

@semcore/tag 5.3.1 → 5.4.0-test.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.

Files changed (6) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -2,7 +2,13 @@
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
-## [5.3.1-test.0] - 2023-08-16
+## [5.4.0-test.0] - 2023-08-07
+### Changed
+- Remove tag button aria-label now refers both to the tag and remove button itself.
+## [5.3.1] - 2023-08-16
 ### Changed

package/lib/cjs/Tag.js CHANGED Viewed

@@ -21,28 +21,29 @@ var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
 var _m = _interopRequireDefault(require("@semcore/icon/Close/m"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
+var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
 /*__reshadow-styles__:"./style/tag.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STag_1o62h_gg_{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;border-width:1px;border-style:solid;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_1o62h);color:var(--colorText_1o62h);border-color:var(--colorBorder_1o62h)}.___STag_1o62h_gg_.__active_1o62h_gg_,.___STag_1o62h_gg_.__interactive_1o62h_gg_:active{background-color:var(--colorBgHover_1o62h)}@media (hover:hover){.___STag_1o62h_gg_.__interactive_1o62h_gg_:hover{background-color:var(--colorBgHover_1o62h)}}.___STag_1o62h_gg_.__disabled_1o62h_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1o62h_gg_.__interactive_1o62h_gg_{cursor:pointer}.___STag_1o62h_gg_._size_m_1o62h_gg_{height:20px;min-width:20px}.___STag_1o62h_gg_._size_m_1o62h_gg_ .___SCircle_1o62h_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1o62h_gg_._size_m_1o62h_gg_ .___SCircle_1o62h_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1o62h_gg_._size_m_1o62h_gg_ .___SText_1o62h_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_1o62h_gg_._size_l_1o62h_gg_{height:28px;min-width:28px}.___STag_1o62h_gg_._size_l_1o62h_gg_ .___SText_1o62h_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_1o62h_gg_._size_xl_1o62h_gg_{height:40px;min-width:40px}.___STag_1o62h_gg_._size_xl_1o62h_gg_ .___SText_1o62h_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_1o62h_gg_._theme_primary_1o62h_gg_{background-color:var(--colorBg_1o62h);border-color:var(--colorBg_1o62h);color:var(--colorText_1o62h)}.___STag_1o62h_gg_._theme_primary_1o62h_gg_.__active_1o62h_gg_,.___STag_1o62h_gg_._theme_primary_1o62h_gg_.__interactive_1o62h_gg_:active{background-color:var(--colorBgHover_1o62h)}@media (hover:hover){.___STag_1o62h_gg_._theme_primary_1o62h_gg_.__interactive_1o62h_gg_:hover{background-color:var(--colorBgHover_1o62h)}}.___STag_1o62h_gg_._theme_primary-invert_1o62h_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1o62h_gg_._theme_primary-invert_1o62h_gg_.__active_1o62h_gg_,.___STag_1o62h_gg_._theme_primary-invert_1o62h_gg_.__interactive_1o62h_gg_:active{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}@media (hover:hover){.___STag_1o62h_gg_._theme_primary-invert_1o62h_gg_.__interactive_1o62h_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}}.___STag_1o62h_gg_._theme_additional-invert_1o62h_gg_,.___STag_1o62h_gg_._theme_secondary-invert_1o62h_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-secondary-invert, rgba(255, 255, 255, 0.3))}.___STag_1o62h_gg_._theme_additional-invert_1o62h_gg_.__active_1o62h_gg_,.___STag_1o62h_gg_._theme_additional-invert_1o62h_gg_.__interactive_1o62h_gg_:active,.___STag_1o62h_gg_._theme_secondary-invert_1o62h_gg_.__active_1o62h_gg_,.___STag_1o62h_gg_._theme_secondary-invert_1o62h_gg_.__interactive_1o62h_gg_:active{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}@media (hover:hover){.___STag_1o62h_gg_._theme_additional-invert_1o62h_gg_.__interactive_1o62h_gg_:hover,.___STag_1o62h_gg_._theme_secondary-invert_1o62h_gg_.__interactive_1o62h_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}}.___STag_1o62h_gg_._theme_additional_1o62h_gg_{border-style:dashed}.___SText_1o62h_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_1o62h_gg_:not(:only-child):first-child{padding-right:0}.___SText_1o62h_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1o62h_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_1o62h_gg_,.___SCircle_1o62h_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1o62h_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SCircle_1o62h_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1o62h_gg_:first-child{margin-left:0}.___SCircle_1o62h_gg_:last-child{margin-right:0}.___SCircle_1o62h_gg_._size_m_1o62h_gg_{width:16px;height:16px}.___SCircle_1o62h_gg_._size_l_1o62h_gg_,.___SCircle_1o62h_gg_._size_xl_1o62h_gg_{width:20px;height:20px}.___SClose_1o62h_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_1o62h_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "1o62h_gg_") /*__reshadow_css_end__*/, {
-  "__STag": "___STag_1o62h_gg_",
-  "--colorBg": "--colorBg_1o62h",
-  "--colorText": "--colorText_1o62h",
-  "--colorBorder": "--colorBorder_1o62h",
-  "_interactive": "__interactive_1o62h_gg_",
-  "_active": "__active_1o62h_gg_",
-  "--colorBgHover": "--colorBgHover_1o62h",
-  "_disabled": "__disabled_1o62h_gg_",
-  "_size_m": "_size_m_1o62h_gg_",
-  "__SCircle": "___SCircle_1o62h_gg_",
-  "__SText": "___SText_1o62h_gg_",
-  "_size_l": "_size_l_1o62h_gg_",
-  "_size_xl": "_size_xl_1o62h_gg_",
-  "_theme_primary": "_theme_primary_1o62h_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_1o62h_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_1o62h_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_1o62h_gg_",
-  "_theme_additional": "_theme_additional_1o62h_gg_",
-  "__SAddon": "___SAddon_1o62h_gg_",
-  "__SClose": "___SClose_1o62h_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STag_bcbn4_gg_{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;border-width:1px;border-style:solid;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_bcbn4);color:var(--colorText_bcbn4);border-color:var(--colorBorder_bcbn4)}.___STag_bcbn4_gg_.__active_bcbn4_gg_,.___STag_bcbn4_gg_.__interactive_bcbn4_gg_:active{background-color:var(--colorBgHover_bcbn4)}@media (hover:hover){.___STag_bcbn4_gg_.__interactive_bcbn4_gg_:hover{background-color:var(--colorBgHover_bcbn4)}}.___STag_bcbn4_gg_.__disabled_bcbn4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_bcbn4_gg_.__interactive_bcbn4_gg_{cursor:pointer}.___STag_bcbn4_gg_._size_m_bcbn4_gg_{height:20px;min-width:20px}.___STag_bcbn4_gg_._size_m_bcbn4_gg_ .___SCircle_bcbn4_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_bcbn4_gg_._size_m_bcbn4_gg_ .___SCircle_bcbn4_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_bcbn4_gg_._size_m_bcbn4_gg_ .___SText_bcbn4_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_bcbn4_gg_._size_l_bcbn4_gg_{height:28px;min-width:28px}.___STag_bcbn4_gg_._size_l_bcbn4_gg_ .___SText_bcbn4_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_bcbn4_gg_._size_xl_bcbn4_gg_{height:40px;min-width:40px}.___STag_bcbn4_gg_._size_xl_bcbn4_gg_ .___SText_bcbn4_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_bcbn4_gg_._theme_primary_bcbn4_gg_{background-color:var(--colorBg_bcbn4);border-color:var(--colorBg_bcbn4);color:var(--colorText_bcbn4)}.___STag_bcbn4_gg_._theme_primary_bcbn4_gg_.__active_bcbn4_gg_,.___STag_bcbn4_gg_._theme_primary_bcbn4_gg_.__interactive_bcbn4_gg_:active{background-color:var(--colorBgHover_bcbn4)}@media (hover:hover){.___STag_bcbn4_gg_._theme_primary_bcbn4_gg_.__interactive_bcbn4_gg_:hover{background-color:var(--colorBgHover_bcbn4)}}.___STag_bcbn4_gg_._theme_primary-invert_bcbn4_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_bcbn4_gg_._theme_primary-invert_bcbn4_gg_.__active_bcbn4_gg_,.___STag_bcbn4_gg_._theme_primary-invert_bcbn4_gg_.__interactive_bcbn4_gg_:active{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}@media (hover:hover){.___STag_bcbn4_gg_._theme_primary-invert_bcbn4_gg_.__interactive_bcbn4_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}}.___STag_bcbn4_gg_._theme_additional-invert_bcbn4_gg_,.___STag_bcbn4_gg_._theme_secondary-invert_bcbn4_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-secondary-invert, rgba(255, 255, 255, 0.3))}.___STag_bcbn4_gg_._theme_additional-invert_bcbn4_gg_.__active_bcbn4_gg_,.___STag_bcbn4_gg_._theme_additional-invert_bcbn4_gg_.__interactive_bcbn4_gg_:active,.___STag_bcbn4_gg_._theme_secondary-invert_bcbn4_gg_.__active_bcbn4_gg_,.___STag_bcbn4_gg_._theme_secondary-invert_bcbn4_gg_.__interactive_bcbn4_gg_:active{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}@media (hover:hover){.___STag_bcbn4_gg_._theme_additional-invert_bcbn4_gg_.__interactive_bcbn4_gg_:hover,.___STag_bcbn4_gg_._theme_secondary-invert_bcbn4_gg_.__interactive_bcbn4_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}}.___STag_bcbn4_gg_._theme_additional_bcbn4_gg_{border-style:dashed}.___SText_bcbn4_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_bcbn4_gg_:not(:only-child):first-child{padding-right:0}.___SText_bcbn4_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_bcbn4_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_bcbn4_gg_,.___SCircle_bcbn4_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_bcbn4_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SCircle_bcbn4_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_bcbn4_gg_:first-child{margin-left:0}.___SCircle_bcbn4_gg_:last-child{margin-right:0}.___SCircle_bcbn4_gg_._size_m_bcbn4_gg_{width:16px;height:16px}.___SCircle_bcbn4_gg_._size_l_bcbn4_gg_,.___SCircle_bcbn4_gg_._size_xl_bcbn4_gg_{width:20px;height:20px}.___SClose_bcbn4_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_bcbn4_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "bcbn4_gg_") /*__reshadow_css_end__*/, {
+  "__STag": "___STag_bcbn4_gg_",
+  "--colorBg": "--colorBg_bcbn4",
+  "--colorText": "--colorText_bcbn4",
+  "--colorBorder": "--colorBorder_bcbn4",
+  "_interactive": "__interactive_bcbn4_gg_",
+  "_active": "__active_bcbn4_gg_",
+  "--colorBgHover": "--colorBgHover_bcbn4",
+  "_disabled": "__disabled_bcbn4_gg_",
+  "_size_m": "_size_m_bcbn4_gg_",
+  "__SCircle": "___SCircle_bcbn4_gg_",
+  "__SText": "___SText_bcbn4_gg_",
+  "_size_l": "_size_l_bcbn4_gg_",
+  "_size_xl": "_size_xl_bcbn4_gg_",
+  "_theme_primary": "_theme_primary_bcbn4_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_bcbn4_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_bcbn4_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_bcbn4_gg_",
+  "_theme_additional": "_theme_additional_bcbn4_gg_",
+  "__SAddon": "___SAddon_bcbn4_gg_",
+  "__SClose": "___SClose_bcbn4_gg_"
 });
 var textColorToBgColor = {
   'gray-500': 'gray-100',
@@ -126,9 +127,14 @@ var RootTag = /*#__PURE__*/function (_Component) {
   }, {
     key: "getCloseProps",
     value: function getCloseProps() {
-      var getI18nText = this.asProps.getI18nText;
+      var _this$asProps = this.asProps,
+        getI18nText = _this$asProps.getI18nText,
+        id = _this$asProps.id,
+        uid = _this$asProps.uid;
       return {
-        getI18nText: getI18nText
+        getI18nText: getI18nText,
+        tagId: id || "igc-".concat(uid, "-tag"),
+        uid: uid
       };
     }
   }, {
@@ -137,17 +143,21 @@ var RootTag = /*#__PURE__*/function (_Component) {
       var _ref = this.asProps,
         _ref6;
       var STag = _flexBox.Box;
-      var _this$asProps = this.asProps,
-        Children = _this$asProps.Children,
-        styles = _this$asProps.styles,
-        theme = _this$asProps.theme,
-        color = _this$asProps.color,
-        interactive = _this$asProps.interactive,
-        disabled = _this$asProps.disabled,
-        addonLeft = _this$asProps.addonLeft,
-        addonRight = _this$asProps.addonRight;
+      var _this$asProps2 = this.asProps,
+        Children = _this$asProps2.Children,
+        styles = _this$asProps2.styles,
+        theme = _this$asProps2.theme,
+        color = _this$asProps2.color,
+        interactive = _this$asProps2.interactive,
+        disabled = _this$asProps2.disabled,
+        addonLeft = _this$asProps2.addonLeft,
+        addonRight = _this$asProps2.addonRight,
+        outerId = _this$asProps2.id,
+        uid = _this$asProps2.uid;
+      var id = outerId || "igc-".concat(uid, "-tag");
       var colors = theme !== 'primary' ? getSecondaryColors(color) : getPrimaryColors(color);
       return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STag, _ref6.cn("STag", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "id": id,
         "use:interactive": !disabled && interactive,
         "colorBg": colors.colorBg,
         "colorBgHover": colors.colorBgHover,
@@ -164,7 +174,7 @@ var RootTag = /*#__PURE__*/function (_Component) {
 }(_core.Component);
 (0, _defineProperty2["default"])(RootTag, "displayName", 'Tag');
 (0, _defineProperty2["default"])(RootTag, "style", style);
-(0, _defineProperty2["default"])(RootTag, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
+(0, _defineProperty2["default"])(RootTag, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _uniqueID["default"])()]);
 (0, _defineProperty2["default"])(RootTag, "defaultProps", {
   theme: 'primary',
   color: 'gray-500',
@@ -186,7 +196,9 @@ function Close(props) {
     _ref8;
   var SClose = _flexBox.Box;
   var styles = props.styles,
-    getI18nText = props.getI18nText;
+    getI18nText = props.getI18nText,
+    tagId = props.tagId,
+    uid = props.uid;
   function onKeyDown(event) {
     if (props.onKeyDown) {
       return props.onKeyDown(event);
@@ -199,6 +211,8 @@ function Close(props) {
   return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref8.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": _m["default"],
     "interactive": true,
+    "id": "igc-".concat(uid, "-tag-clear"),
+    "aria-labelledby": "igc-".concat(uid, "-tag-clear ").concat(tagId),
     "aria-label": getI18nText('remove'),
     "onKeyDown": onKeyDown
   }, _ref3))));

package/lib/cjs/Tag.js.map CHANGED Viewed

	@@ -1 +1 @@
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","_props$onClick","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.key === 'Enter') {\n 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","_uniqueID","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","_this$asProps","getI18nText","id","uid","tagId","render","_ref","_ref6","STag","Box","_this$asProps2","Children","styles","interactive","disabled","addonLeft","addonRight","outerId","colors","createElement","cn","_objectSpread2","assignProps","Addon","tag","addonTextChildren","Text","Component","_defineProperty2","i18nEnhance","localizedMessages","uniqueIDEnhancement","i18n","locale","_ref2","arguments[0]","_ref7","SText","Close","_ref3","_ref8","SClose","onKeyDown","event","_props$onClick","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';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\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), uniqueIDEnhancement()];\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, id, uid } = this.asProps;\n\n return { getI18nText, tagId: id \|\| `igc-${uid}-tag`, uid };\n }\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n theme,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n id: outerId,\n uid,\n } = this.asProps;\n const id = outerId \|\| `igc-${uid}-tag`;\n\n const colors = theme !== 'primary' ? getSecondaryColors(color) : getPrimaryColors(color);\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\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, tagId, uid } = props;\n\n function onKeyDown(event) {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (event.key === 'Enter') {\n props.onClick?.(event);\n }\n }\n\n return sstyled(styles)(\n <SClose\n render={Box}\n tag={CloseM}\n interactive\n id={`igc-${uid}-tag-clear`}\n aria-labelledby={`igc-${uid}-tag-clear ${tagId}`}\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/Tag.js CHANGED Viewed

@@ -19,28 +19,29 @@ import logger from '@semcore/utils/lib/logger';
 import CloseM from '@semcore/icon/Close/m';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
+import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 /*__reshadow-styles__:"./style/tag.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STag_1o62h_gg_{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;border-width:1px;border-style:solid;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_1o62h);color:var(--colorText_1o62h);border-color:var(--colorBorder_1o62h)}.___STag_1o62h_gg_.__active_1o62h_gg_,.___STag_1o62h_gg_.__interactive_1o62h_gg_:active{background-color:var(--colorBgHover_1o62h)}@media (hover:hover){.___STag_1o62h_gg_.__interactive_1o62h_gg_:hover{background-color:var(--colorBgHover_1o62h)}}.___STag_1o62h_gg_.__disabled_1o62h_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1o62h_gg_.__interactive_1o62h_gg_{cursor:pointer}.___STag_1o62h_gg_._size_m_1o62h_gg_{height:20px;min-width:20px}.___STag_1o62h_gg_._size_m_1o62h_gg_ .___SCircle_1o62h_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1o62h_gg_._size_m_1o62h_gg_ .___SCircle_1o62h_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1o62h_gg_._size_m_1o62h_gg_ .___SText_1o62h_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_1o62h_gg_._size_l_1o62h_gg_{height:28px;min-width:28px}.___STag_1o62h_gg_._size_l_1o62h_gg_ .___SText_1o62h_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_1o62h_gg_._size_xl_1o62h_gg_{height:40px;min-width:40px}.___STag_1o62h_gg_._size_xl_1o62h_gg_ .___SText_1o62h_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_1o62h_gg_._theme_primary_1o62h_gg_{background-color:var(--colorBg_1o62h);border-color:var(--colorBg_1o62h);color:var(--colorText_1o62h)}.___STag_1o62h_gg_._theme_primary_1o62h_gg_.__active_1o62h_gg_,.___STag_1o62h_gg_._theme_primary_1o62h_gg_.__interactive_1o62h_gg_:active{background-color:var(--colorBgHover_1o62h)}@media (hover:hover){.___STag_1o62h_gg_._theme_primary_1o62h_gg_.__interactive_1o62h_gg_:hover{background-color:var(--colorBgHover_1o62h)}}.___STag_1o62h_gg_._theme_primary-invert_1o62h_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1o62h_gg_._theme_primary-invert_1o62h_gg_.__active_1o62h_gg_,.___STag_1o62h_gg_._theme_primary-invert_1o62h_gg_.__interactive_1o62h_gg_:active{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}@media (hover:hover){.___STag_1o62h_gg_._theme_primary-invert_1o62h_gg_.__interactive_1o62h_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}}.___STag_1o62h_gg_._theme_additional-invert_1o62h_gg_,.___STag_1o62h_gg_._theme_secondary-invert_1o62h_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-secondary-invert, rgba(255, 255, 255, 0.3))}.___STag_1o62h_gg_._theme_additional-invert_1o62h_gg_.__active_1o62h_gg_,.___STag_1o62h_gg_._theme_additional-invert_1o62h_gg_.__interactive_1o62h_gg_:active,.___STag_1o62h_gg_._theme_secondary-invert_1o62h_gg_.__active_1o62h_gg_,.___STag_1o62h_gg_._theme_secondary-invert_1o62h_gg_.__interactive_1o62h_gg_:active{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}@media (hover:hover){.___STag_1o62h_gg_._theme_additional-invert_1o62h_gg_.__interactive_1o62h_gg_:hover,.___STag_1o62h_gg_._theme_secondary-invert_1o62h_gg_.__interactive_1o62h_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}}.___STag_1o62h_gg_._theme_additional_1o62h_gg_{border-style:dashed}.___SText_1o62h_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_1o62h_gg_:not(:only-child):first-child{padding-right:0}.___SText_1o62h_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1o62h_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_1o62h_gg_,.___SCircle_1o62h_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1o62h_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SCircle_1o62h_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1o62h_gg_:first-child{margin-left:0}.___SCircle_1o62h_gg_:last-child{margin-right:0}.___SCircle_1o62h_gg_._size_m_1o62h_gg_{width:16px;height:16px}.___SCircle_1o62h_gg_._size_l_1o62h_gg_,.___SCircle_1o62h_gg_._size_xl_1o62h_gg_{width:20px;height:20px}.___SClose_1o62h_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_1o62h_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "1o62h_gg_") /*__reshadow_css_end__*/, {
-  "__STag": "___STag_1o62h_gg_",
-  "--colorBg": "--colorBg_1o62h",
-  "--colorText": "--colorText_1o62h",
-  "--colorBorder": "--colorBorder_1o62h",
-  "_interactive": "__interactive_1o62h_gg_",
-  "_active": "__active_1o62h_gg_",
-  "--colorBgHover": "--colorBgHover_1o62h",
-  "_disabled": "__disabled_1o62h_gg_",
-  "_size_m": "_size_m_1o62h_gg_",
-  "__SCircle": "___SCircle_1o62h_gg_",
-  "__SText": "___SText_1o62h_gg_",
-  "_size_l": "_size_l_1o62h_gg_",
-  "_size_xl": "_size_xl_1o62h_gg_",
-  "_theme_primary": "_theme_primary_1o62h_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_1o62h_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_1o62h_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_1o62h_gg_",
-  "_theme_additional": "_theme_additional_1o62h_gg_",
-  "__SAddon": "___SAddon_1o62h_gg_",
-  "__SClose": "___SClose_1o62h_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STag_bcbn4_gg_{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;border-width:1px;border-style:solid;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_bcbn4);color:var(--colorText_bcbn4);border-color:var(--colorBorder_bcbn4)}.___STag_bcbn4_gg_.__active_bcbn4_gg_,.___STag_bcbn4_gg_.__interactive_bcbn4_gg_:active{background-color:var(--colorBgHover_bcbn4)}@media (hover:hover){.___STag_bcbn4_gg_.__interactive_bcbn4_gg_:hover{background-color:var(--colorBgHover_bcbn4)}}.___STag_bcbn4_gg_.__disabled_bcbn4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_bcbn4_gg_.__interactive_bcbn4_gg_{cursor:pointer}.___STag_bcbn4_gg_._size_m_bcbn4_gg_{height:20px;min-width:20px}.___STag_bcbn4_gg_._size_m_bcbn4_gg_ .___SCircle_bcbn4_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_bcbn4_gg_._size_m_bcbn4_gg_ .___SCircle_bcbn4_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_bcbn4_gg_._size_m_bcbn4_gg_ .___SText_bcbn4_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_bcbn4_gg_._size_l_bcbn4_gg_{height:28px;min-width:28px}.___STag_bcbn4_gg_._size_l_bcbn4_gg_ .___SText_bcbn4_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_bcbn4_gg_._size_xl_bcbn4_gg_{height:40px;min-width:40px}.___STag_bcbn4_gg_._size_xl_bcbn4_gg_ .___SText_bcbn4_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_bcbn4_gg_._theme_primary_bcbn4_gg_{background-color:var(--colorBg_bcbn4);border-color:var(--colorBg_bcbn4);color:var(--colorText_bcbn4)}.___STag_bcbn4_gg_._theme_primary_bcbn4_gg_.__active_bcbn4_gg_,.___STag_bcbn4_gg_._theme_primary_bcbn4_gg_.__interactive_bcbn4_gg_:active{background-color:var(--colorBgHover_bcbn4)}@media (hover:hover){.___STag_bcbn4_gg_._theme_primary_bcbn4_gg_.__interactive_bcbn4_gg_:hover{background-color:var(--colorBgHover_bcbn4)}}.___STag_bcbn4_gg_._theme_primary-invert_bcbn4_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_bcbn4_gg_._theme_primary-invert_bcbn4_gg_.__active_bcbn4_gg_,.___STag_bcbn4_gg_._theme_primary-invert_bcbn4_gg_.__interactive_bcbn4_gg_:active{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}@media (hover:hover){.___STag_bcbn4_gg_._theme_primary-invert_bcbn4_gg_.__interactive_bcbn4_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}}.___STag_bcbn4_gg_._theme_additional-invert_bcbn4_gg_,.___STag_bcbn4_gg_._theme_secondary-invert_bcbn4_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-secondary-invert, rgba(255, 255, 255, 0.3))}.___STag_bcbn4_gg_._theme_additional-invert_bcbn4_gg_.__active_bcbn4_gg_,.___STag_bcbn4_gg_._theme_additional-invert_bcbn4_gg_.__interactive_bcbn4_gg_:active,.___STag_bcbn4_gg_._theme_secondary-invert_bcbn4_gg_.__active_bcbn4_gg_,.___STag_bcbn4_gg_._theme_secondary-invert_bcbn4_gg_.__interactive_bcbn4_gg_:active{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}@media (hover:hover){.___STag_bcbn4_gg_._theme_additional-invert_bcbn4_gg_.__interactive_bcbn4_gg_:hover,.___STag_bcbn4_gg_._theme_secondary-invert_bcbn4_gg_.__interactive_bcbn4_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}}.___STag_bcbn4_gg_._theme_additional_bcbn4_gg_{border-style:dashed}.___SText_bcbn4_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_bcbn4_gg_:not(:only-child):first-child{padding-right:0}.___SText_bcbn4_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_bcbn4_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_bcbn4_gg_,.___SCircle_bcbn4_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_bcbn4_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SCircle_bcbn4_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_bcbn4_gg_:first-child{margin-left:0}.___SCircle_bcbn4_gg_:last-child{margin-right:0}.___SCircle_bcbn4_gg_._size_m_bcbn4_gg_{width:16px;height:16px}.___SCircle_bcbn4_gg_._size_l_bcbn4_gg_,.___SCircle_bcbn4_gg_._size_xl_bcbn4_gg_{width:20px;height:20px}.___SClose_bcbn4_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_bcbn4_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "bcbn4_gg_") /*__reshadow_css_end__*/, {
+  "__STag": "___STag_bcbn4_gg_",
+  "--colorBg": "--colorBg_bcbn4",
+  "--colorText": "--colorText_bcbn4",
+  "--colorBorder": "--colorBorder_bcbn4",
+  "_interactive": "__interactive_bcbn4_gg_",
+  "_active": "__active_bcbn4_gg_",
+  "--colorBgHover": "--colorBgHover_bcbn4",
+  "_disabled": "__disabled_bcbn4_gg_",
+  "_size_m": "_size_m_bcbn4_gg_",
+  "__SCircle": "___SCircle_bcbn4_gg_",
+  "__SText": "___SText_bcbn4_gg_",
+  "_size_l": "_size_l_bcbn4_gg_",
+  "_size_xl": "_size_xl_bcbn4_gg_",
+  "_theme_primary": "_theme_primary_bcbn4_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_bcbn4_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_bcbn4_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_bcbn4_gg_",
+  "_theme_additional": "_theme_additional_bcbn4_gg_",
+  "__SAddon": "___SAddon_bcbn4_gg_",
+  "__SClose": "___SClose_bcbn4_gg_"
 });
 var textColorToBgColor = {
   'gray-500': 'gray-100',
@@ -124,9 +125,14 @@ var RootTag = /*#__PURE__*/function (_Component) {
   }, {
     key: "getCloseProps",
     value: function getCloseProps() {
-      var getI18nText = this.asProps.getI18nText;
+      var _this$asProps = this.asProps,
+        getI18nText = _this$asProps.getI18nText,
+        id = _this$asProps.id,
+        uid = _this$asProps.uid;
       return {
-        getI18nText: getI18nText
+        getI18nText: getI18nText,
+        tagId: id || "igc-".concat(uid, "-tag"),
+        uid: uid
       };
     }
   }, {
@@ -135,17 +141,21 @@ var RootTag = /*#__PURE__*/function (_Component) {
       var _ref = this.asProps,
         _ref6;
       var STag = Box;
-      var _this$asProps = this.asProps,
-        Children = _this$asProps.Children,
-        styles = _this$asProps.styles,
-        theme = _this$asProps.theme,
-        color = _this$asProps.color,
-        interactive = _this$asProps.interactive,
-        disabled = _this$asProps.disabled,
-        addonLeft = _this$asProps.addonLeft,
-        addonRight = _this$asProps.addonRight;
+      var _this$asProps2 = this.asProps,
+        Children = _this$asProps2.Children,
+        styles = _this$asProps2.styles,
+        theme = _this$asProps2.theme,
+        color = _this$asProps2.color,
+        interactive = _this$asProps2.interactive,
+        disabled = _this$asProps2.disabled,
+        addonLeft = _this$asProps2.addonLeft,
+        addonRight = _this$asProps2.addonRight,
+        outerId = _this$asProps2.id,
+        uid = _this$asProps2.uid;
+      var id = outerId || "igc-".concat(uid, "-tag");
       var colors = theme !== 'primary' ? getSecondaryColors(color) : getPrimaryColors(color);
       return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(STag, _ref6.cn("STag", _objectSpread({}, _assignProps({
+        "id": id,
         "use:interactive": !disabled && interactive,
         "colorBg": colors.colorBg,
         "colorBgHover": colors.colorBgHover,
@@ -162,7 +172,7 @@ var RootTag = /*#__PURE__*/function (_Component) {
 }(Component);
 _defineProperty(RootTag, "displayName", 'Tag');
 _defineProperty(RootTag, "style", style);
-_defineProperty(RootTag, "enhance", [i18nEnhance(localizedMessages)]);
+_defineProperty(RootTag, "enhance", [i18nEnhance(localizedMessages), uniqueIDEnhancement()]);
 _defineProperty(RootTag, "defaultProps", {
   theme: 'primary',
   color: 'gray-500',
@@ -184,7 +194,9 @@ function Close(props) {
     _ref8;
   var SClose = Box;
   var styles = props.styles,
-    getI18nText = props.getI18nText;
+    getI18nText = props.getI18nText,
+    tagId = props.tagId,
+    uid = props.uid;
   function onKeyDown(event) {
     if (props.onKeyDown) {
       return props.onKeyDown(event);
@@ -197,6 +209,8 @@ function Close(props) {
   return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SClose, _ref8.cn("SClose", _objectSpread({}, _assignProps3({
     "tag": CloseM,
     "interactive": true,
+    "id": "igc-".concat(uid, "-tag-clear"),
+    "aria-labelledby": "igc-".concat(uid, "-tag-clear ").concat(tagId),
     "aria-label": getI18nText('remove'),
     "onKeyDown": onKeyDown
   }, _ref3))));

package/lib/es6/Tag.js.map CHANGED Viewed

	@@ -1 +1 @@
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","_props$onClick","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.key === 'Enter') {\n 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","uniqueIDEnhancement","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","_this$asProps","getI18nText","id","uid","tagId","render","_ref","_ref6","STag","_this$asProps2","Children","styles","interactive","disabled","addonLeft","addonRight","outerId","colors","createElement","cn","_objectSpread","_assignProps","Addon","tag","Text","_defineProperty","i18n","locale","_ref2","arguments[0]","_ref7","SText","_assignProps2","Close","_ref3","_ref8","SClose","onKeyDown","event","_props$onClick","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';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\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), uniqueIDEnhancement()];\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, id, uid } = this.asProps;\n\n return { getI18nText, tagId: id \|\| `igc-${uid}-tag`, uid };\n }\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n theme,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n id: outerId,\n uid,\n } = this.asProps;\n const id = outerId \|\| `igc-${uid}-tag`;\n\n const colors = theme !== 'primary' ? getSecondaryColors(color) : getPrimaryColors(color);\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\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, tagId, uid } = props;\n\n function onKeyDown(event) {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (event.key === 'Enter') {\n props.onClick?.(event);\n }\n }\n\n return sstyled(styles)(\n <SClose\n render={Box}\n tag={CloseM}\n interactive\n id={`igc-${uid}-tag-clear`}\n aria-labelledby={`igc-${uid}-tag-clear ${tagId}`}\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/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/tag",
   "description": "Semrush Tag Component",
-  "version": "5.3.1",
+  "version": "5.4.0-test.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",