@semcore/tag 16.0.0-prerelease.7 → 16.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +32 -2
- package/lib/cjs/Tag.js +25 -23
- package/lib/cjs/Tag.js.map +1 -1
- package/lib/cjs/style/tag.shadow.css +19 -36
- package/lib/es6/Tag.js +25 -23
- package/lib/es6/Tag.js.map +1 -1
- package/lib/es6/style/tag.shadow.css +19 -36
- package/lib/esm/Tag.mjs +27 -24
- package/lib/esm/style/tag.shadow.css +341 -0
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [16.0.0] - 2025-
|
|
5
|
+
## [16.0.0] - 2025-05-19
|
|
6
6
|
|
|
7
|
-
###
|
|
7
|
+
### Break
|
|
8
8
|
|
|
9
9
|
- `keyboardFocusEnhance` to css `:focus-visible` property.
|
|
10
10
|
|
|
@@ -12,6 +12,36 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
12
12
|
|
|
13
13
|
- `Tag.Close` component. Use `TagContainer.Close`.
|
|
14
14
|
|
|
15
|
+
## [5.55.0] - 2025-04-11
|
|
16
|
+
|
|
17
|
+
### Changed
|
|
18
|
+
|
|
19
|
+
- Margins and paddings for addons and text, sizes of `Circle` addons for different tag sizes.
|
|
20
|
+
|
|
21
|
+
## [5.54.2] - 2025-05-13
|
|
22
|
+
|
|
23
|
+
### Changed
|
|
24
|
+
|
|
25
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [4.48.4 ~> 4.48.5], `@semcore/icon` [4.62.0 ~> 4.62.1], `@semcore/flex-box` [5.41.3 ~> 5.41.4], `@semcore/core` [2.39.3 ~> 2.39.4]).
|
|
26
|
+
|
|
27
|
+
## [5.54.1] - 2025-05-09
|
|
28
|
+
|
|
29
|
+
### Changed
|
|
30
|
+
|
|
31
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [4.48.2 ~> 4.48.4], `@semcore/icon` [4.61.0 ~> 4.62.0], `@semcore/flex-box` [5.41.2 ~> 5.41.3], `@semcore/core` [2.39.2 ~> 2.39.3]).
|
|
32
|
+
|
|
33
|
+
## [5.54.0] - 2025-04-11
|
|
34
|
+
|
|
35
|
+
### Changed
|
|
36
|
+
|
|
37
|
+
- Version minor update due to children dependencies update (`@semcore/icon` [4.60.2 ~> 4.61.0]).
|
|
38
|
+
|
|
39
|
+
## [5.53.2] - 2025-04-04
|
|
40
|
+
|
|
41
|
+
### Changed
|
|
42
|
+
|
|
43
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [4.48.1 ~> 4.48.2], `@semcore/icon` [4.60.1 ~> 4.60.2], `@semcore/flex-box` [5.41.1 ~> 5.41.2], `@semcore/core` [2.39.1 ~> 2.39.2]).
|
|
44
|
+
|
|
15
45
|
## [5.53.1] - 2025-03-20
|
|
16
46
|
|
|
17
47
|
### Changed
|
package/lib/cjs/Tag.js
CHANGED
|
@@ -23,29 +23,31 @@ var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhan
|
|
|
23
23
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
|
|
24
24
|
var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
|
|
25
25
|
var _findComponent = require("@semcore/core/lib/utils/findComponent");
|
|
26
|
-
|
|
27
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCircle_1b256_gg_{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1b256_gg_:first-child{margin-left:0}.___SCircle_1b256_gg_:last-child{margin-right:0}.___SCircle_1b256_gg_._size_m_1b256_gg_{width:16px;height:16px}.___SCircle_1b256_gg_._size_l_1b256_gg_,.___SCircle_1b256_gg_._size_xl_1b256_gg_{width:20px;height:20px}.___SAddon_1b256_gg_,.___STagContainerClose_1b256_gg_,.___STag_1b256_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1b256_gg_{flex-shrink:0}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_{padding-left:0;padding-right:0}.___STagContainerClose_1b256_gg_,.___STag_1b256_gg_{vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_1b256)}.___STagContainerClose_1b256_gg_.__interactive_1b256_gg_:focus-visible,.___STag_1b256_gg_.__interactive_1b256_gg_:focus-visible{z-index:1}.___STagContainerClose_1b256_gg_::before,.___STag_1b256_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--intergalactic-tag-rounded, 24px);background-color:var(--tag-color_1b256);opacity:.2;filter:brightness(150%)}.___STagContainerClose_1b256_gg_::after,.___STag_1b256_gg_::after{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--intergalactic-tag-rounded, 24px);pointer-events:none;border:1px solid var(--tag-color_1b256);opacity:.1;filter:brightness(150%)}.___STagContainerClose_1b256_gg_:active,.___STag_1b256_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STagContainerClose_1b256_gg_:hover,.___STag_1b256_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___STagContainerClose_1b256_gg_.__disabled_1b256_gg_,.___STag_1b256_gg_.__disabled_1b256_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1b256_gg_.__interactiveView_1b256_gg_{cursor:pointer}.___STagContainerClose_1b256_gg_._size_m_1b256_gg_,.___STagContainer_1b256_gg_._size_m_1b256_gg_ .___SAddon_1b256_gg_,.___STag_1b256_gg_._size_m_1b256_gg_{height:20px;min-width:20px}.___STagContainerClose_1b256_gg_._size_m_1b256_gg_ .___SCircle_1b256_gg_:first-child,.___STagContainer_1b256_gg_._size_m_1b256_gg_ .___SAddon_1b256_gg_ .___SCircle_1b256_gg_:first-child,.___STag_1b256_gg_._size_m_1b256_gg_ .___SCircle_1b256_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_1b256_gg_._size_m_1b256_gg_ .___SCircle_1b256_gg_:last-child,.___STagContainer_1b256_gg_._size_m_1b256_gg_ .___SAddon_1b256_gg_ .___SCircle_1b256_gg_:last-child,.___STag_1b256_gg_._size_m_1b256_gg_ .___SCircle_1b256_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_1b256_gg_._size_m_1b256_gg_ .___SText_1b256_gg_,.___STagContainer_1b256_gg_._size_m_1b256_gg_ .___SAddon_1b256_gg_ .___SText_1b256_gg_,.___STag_1b256_gg_._size_m_1b256_gg_ .___SText_1b256_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STagContainerClose_1b256_gg_._size_l_1b256_gg_,.___STagContainer_1b256_gg_._size_l_1b256_gg_ .___SAddon_1b256_gg_,.___STag_1b256_gg_._size_l_1b256_gg_{height:28px;min-width:28px}.___STagContainerClose_1b256_gg_._size_l_1b256_gg_ .___SText_1b256_gg_,.___STagContainer_1b256_gg_._size_l_1b256_gg_ .___SAddon_1b256_gg_ .___SText_1b256_gg_,.___STag_1b256_gg_._size_l_1b256_gg_ .___SText_1b256_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STagContainerClose_1b256_gg_._size_xl_1b256_gg_,.___STag_1b256_gg_._size_xl_1b256_gg_{height:40px;min-width:40px;padding:0 var(--intergalactic-spacing-2x, 8px)}.___STagContainerClose_1b256_gg_._size_xl_1b256_gg_ .___SText_1b256_gg_,.___STag_1b256_gg_._size_xl_1b256_gg_ .___SText_1b256_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_::before,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_::before,.___STag_1b256_gg_._theme_primary_1b256_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_:after,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_:after,.___STag_1b256_gg_._theme_primary_1b256_gg_:after{display:none}.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_.__active_1b256_gg_:before,.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_.__active_1b256_gg_:before,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STag_1b256_gg_._theme_primary_1b256_gg_.__active_1b256_gg_:before,.___STag_1b256_gg_._theme_primary_1b256_gg_.__interactiveView_1b256_gg_:active:before{opacity:.3}@media (hover:hover){.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STag_1b256_gg_._theme_primary_1b256_gg_.__interactiveView_1b256_gg_:hover:before{opacity:.3}}.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_::before,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_::before,.___STag_1b256_gg_._theme_additional_1b256_gg_::before,.___STag_1b256_gg_._theme_secondary_1b256_gg_::before{opacity:.01}.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_.__active_1b256_gg_:before,.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_.__active_1b256_gg_:before,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STag_1b256_gg_._theme_additional_1b256_gg_.__active_1b256_gg_:before,.___STag_1b256_gg_._theme_additional_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STag_1b256_gg_._theme_secondary_1b256_gg_.__active_1b256_gg_:before,.___STag_1b256_gg_._theme_secondary_1b256_gg_.__interactiveView_1b256_gg_:active:before{opacity:.1}@media (hover:hover){.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STag_1b256_gg_._theme_additional_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STag_1b256_gg_._theme_secondary_1b256_gg_.__interactiveView_1b256_gg_:hover:before{opacity:.1}}.___SClose_1b256_gg_ path,.___STagContainerClose_1b256_gg_._theme_additional-invert_1b256_gg_::after,.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_::after,.___STagContainerClose_1b256_gg_._theme_secondary-invert_1b256_gg_::after,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_::after,.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_ svg path,.___STag_1b256_gg_._theme_additional-invert_1b256_gg_::after,.___STag_1b256_gg_._theme_additional_1b256_gg_::after,.___STag_1b256_gg_._theme_secondary-invert_1b256_gg_::after,.___STag_1b256_gg_._theme_secondary_1b256_gg_::after{opacity:.5}.___STagContainerClose_1b256_gg_._theme_primary-invert_1b256_gg_,.___STag_1b256_gg_._theme_primary-invert_1b256_gg_{background-color:var(--intergalactic-tag-primary-white-normal,\n rgba(255, 255, 255, 0.15)\n );color:var(--intergalactic-text-primary-invert, #ffffff)}.___STagContainerClose_1b256_gg_._theme_additional-invert_1b256_gg_,.___STagContainerClose_1b256_gg_._theme_secondary-invert_1b256_gg_,.___STag_1b256_gg_._theme_additional-invert_1b256_gg_,.___STag_1b256_gg_._theme_secondary-invert_1b256_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1b256_gg_._theme_additional_1b256_gg_::after{border-style:dashed}.___SText_1b256_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;position:relative}.___SText_1b256_gg_:not(:only-child):first-child{padding-right:0}.___SText_1b256_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1b256_gg_:not(:only-child):last-child{padding-left:0}.___SClose_1b256_gg_{cursor:pointer;flex-shrink:0;padding:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SClose_1b256_gg_:hover path{opacity:1}}.___SClose_1b256_gg_,.___STagContainer_1b256_gg_{display:inline-flex;position:relative;align-items:center;justify-content:center}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:last-child),.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:last-child)::after,.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:last-child)::before,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:last-child)::after,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:last-child)::before{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:last-child) .___SText_1b256_gg_,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:last-child) .___SText_1b256_gg_{padding-right:0}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:first-child),.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;padding-left:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:first-child)::after,.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:first-child)::before,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:first-child)::after,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:first-child)::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:first-child) .___SText_1b256_gg_,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:first-child) .___SText_1b256_gg_{padding-left:0}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_{cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0;padding-right:0;min-width:20px}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_::after,.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_::before{left:-1px}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_ svg{padding-left:0;padding-right:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_:hover svg path{opacity:1}}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_._size_xl_1b256_gg_ svg{padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1b256_gg_") /*__reshadow_css_end__*/, {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
26
|
+
/*!__reshadow-styles__:"./style/tag.shadow.css"*/
|
|
27
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAddon_1h1jn_gg_,.___SCircle_1h1jn_gg_{display:inline-flex;align-items:center;justify-content:center}.___SCircle_1h1jn_gg_{overflow:hidden;border-radius:50%}.___SCircle_1h1jn_gg_._size_m_1h1jn_gg_{width:12px;height:12px}.___SCircle_1h1jn_gg_._size_l_1h1jn_gg_{width:16px;height:16px}.___SCircle_1h1jn_gg_._size_xl_1h1jn_gg_{width:20px;height:20px}.___SAddon_1h1jn_gg_{flex-shrink:0;position:relative}.___SAddon_1h1jn_gg_:last-child{padding-right:0}.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_{padding-left:0;padding-right:0}.___STagContainerClose_1h1jn_gg_,.___STag_1h1jn_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_1h1jn)}.___STagContainerClose_1h1jn_gg_.__interactive_1h1jn_gg_:focus-visible,.___STag_1h1jn_gg_.__interactive_1h1jn_gg_:focus-visible{z-index:1}.___STagContainerClose_1h1jn_gg_::before,.___STag_1h1jn_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--intergalactic-tag-rounded, 24px);background-color:var(--tag-color_1h1jn);opacity:.2;filter:brightness(150%)}.___STagContainerClose_1h1jn_gg_::after,.___STag_1h1jn_gg_::after{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--intergalactic-tag-rounded, 24px);pointer-events:none;border:1px solid var(--tag-color_1h1jn);opacity:.1;filter:brightness(150%)}.___STagContainerClose_1h1jn_gg_:active,.___STag_1h1jn_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STagContainerClose_1h1jn_gg_:hover,.___STag_1h1jn_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___STagContainerClose_1h1jn_gg_.__disabled_1h1jn_gg_,.___STag_1h1jn_gg_.__disabled_1h1jn_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1h1jn_gg_.__interactiveView_1h1jn_gg_{cursor:pointer}.___STagContainerClose_1h1jn_gg_._size_m_1h1jn_gg_,.___STagContainer_1h1jn_gg_._size_m_1h1jn_gg_,.___STag_1h1jn_gg_._size_m_1h1jn_gg_{height:20px;min-width:20px}.___STagContainerClose_1h1jn_gg_._size_m_1h1jn_gg_ .___SAddon_1h1jn_gg_:first-child,.___STagContainer_1h1jn_gg_._size_m_1h1jn_gg_ .___SAddon_1h1jn_gg_:first-child,.___STag_1h1jn_gg_._size_m_1h1jn_gg_ .___SAddon_1h1jn_gg_:first-child{padding-left:0}.___STagContainerClose_1h1jn_gg_._size_m_1h1jn_gg_ .___SText_1h1jn_gg_,.___STagContainer_1h1jn_gg_._size_m_1h1jn_gg_ .___SText_1h1jn_gg_,.___STag_1h1jn_gg_._size_m_1h1jn_gg_ .___SText_1h1jn_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STagContainerClose_1h1jn_gg_._size_l_1h1jn_gg_,.___STagContainer_1h1jn_gg_._size_l_1h1jn_gg_,.___STag_1h1jn_gg_._size_l_1h1jn_gg_{height:28px;min-width:28px}.___STagContainerClose_1h1jn_gg_._size_l_1h1jn_gg_ .___SText_1h1jn_gg_,.___STagContainer_1h1jn_gg_._size_l_1h1jn_gg_ .___SText_1h1jn_gg_,.___STag_1h1jn_gg_._size_l_1h1jn_gg_ .___SText_1h1jn_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STagContainerClose_1h1jn_gg_._size_xl_1h1jn_gg_,.___STag_1h1jn_gg_._size_xl_1h1jn_gg_{height:40px;min-width:40px;padding:0 var(--intergalactic-spacing-2x, 8px)}.___STagContainerClose_1h1jn_gg_._size_xl_1h1jn_gg_ .___SText_1h1jn_gg_,.___STag_1h1jn_gg_._size_xl_1h1jn_gg_ .___SText_1h1jn_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STagContainerClose_1h1jn_gg_._theme_primary_1h1jn_gg_::before,.___STagContainer_1h1jn_gg_._theme_primary_1h1jn_gg_ .___SAddon_1h1jn_gg_::before,.___STag_1h1jn_gg_._theme_primary_1h1jn_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STagContainerClose_1h1jn_gg_._theme_primary_1h1jn_gg_:after,.___STagContainer_1h1jn_gg_._theme_primary_1h1jn_gg_ .___SAddon_1h1jn_gg_:after,.___STag_1h1jn_gg_._theme_primary_1h1jn_gg_:after{display:none}.___STagContainerClose_1h1jn_gg_._theme_primary_1h1jn_gg_.__active_1h1jn_gg_:before,.___STagContainerClose_1h1jn_gg_._theme_primary_1h1jn_gg_.__interactiveView_1h1jn_gg_:active:before,.___STagContainer_1h1jn_gg_._theme_primary_1h1jn_gg_ .___SAddon_1h1jn_gg_.__active_1h1jn_gg_:before,.___STagContainer_1h1jn_gg_._theme_primary_1h1jn_gg_ .___SAddon_1h1jn_gg_.__interactiveView_1h1jn_gg_:active:before,.___STag_1h1jn_gg_._theme_primary_1h1jn_gg_.__active_1h1jn_gg_:before,.___STag_1h1jn_gg_._theme_primary_1h1jn_gg_.__interactiveView_1h1jn_gg_:active:before{opacity:.3}@media (hover:hover){.___STagContainerClose_1h1jn_gg_._theme_primary_1h1jn_gg_.__interactiveView_1h1jn_gg_:hover:before,.___STagContainer_1h1jn_gg_._theme_primary_1h1jn_gg_ .___SAddon_1h1jn_gg_.__interactiveView_1h1jn_gg_:hover:before,.___STag_1h1jn_gg_._theme_primary_1h1jn_gg_.__interactiveView_1h1jn_gg_:hover:before{opacity:.3}}.___STagContainerClose_1h1jn_gg_._theme_additional_1h1jn_gg_::before,.___STagContainerClose_1h1jn_gg_._theme_secondary_1h1jn_gg_::before,.___STag_1h1jn_gg_._theme_additional_1h1jn_gg_::before,.___STag_1h1jn_gg_._theme_secondary_1h1jn_gg_::before{opacity:.01}.___STagContainerClose_1h1jn_gg_._theme_additional_1h1jn_gg_.__active_1h1jn_gg_:before,.___STagContainerClose_1h1jn_gg_._theme_additional_1h1jn_gg_.__interactiveView_1h1jn_gg_:active:before,.___STagContainerClose_1h1jn_gg_._theme_secondary_1h1jn_gg_.__active_1h1jn_gg_:before,.___STagContainerClose_1h1jn_gg_._theme_secondary_1h1jn_gg_.__interactiveView_1h1jn_gg_:active:before,.___STag_1h1jn_gg_._theme_additional_1h1jn_gg_.__active_1h1jn_gg_:before,.___STag_1h1jn_gg_._theme_additional_1h1jn_gg_.__interactiveView_1h1jn_gg_:active:before,.___STag_1h1jn_gg_._theme_secondary_1h1jn_gg_.__active_1h1jn_gg_:before,.___STag_1h1jn_gg_._theme_secondary_1h1jn_gg_.__interactiveView_1h1jn_gg_:active:before{opacity:.1}@media (hover:hover){.___STagContainerClose_1h1jn_gg_._theme_additional_1h1jn_gg_.__interactiveView_1h1jn_gg_:hover:before,.___STagContainerClose_1h1jn_gg_._theme_secondary_1h1jn_gg_.__interactiveView_1h1jn_gg_:hover:before,.___STag_1h1jn_gg_._theme_additional_1h1jn_gg_.__interactiveView_1h1jn_gg_:hover:before,.___STag_1h1jn_gg_._theme_secondary_1h1jn_gg_.__interactiveView_1h1jn_gg_:hover:before{opacity:.1}}.___SClose_1h1jn_gg_ path,.___STagContainerClose_1h1jn_gg_._theme_additional-invert_1h1jn_gg_::after,.___STagContainerClose_1h1jn_gg_._theme_additional_1h1jn_gg_::after,.___STagContainerClose_1h1jn_gg_._theme_secondary-invert_1h1jn_gg_::after,.___STagContainerClose_1h1jn_gg_._theme_secondary_1h1jn_gg_::after,.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_ svg path,.___STag_1h1jn_gg_._theme_additional-invert_1h1jn_gg_::after,.___STag_1h1jn_gg_._theme_additional_1h1jn_gg_::after,.___STag_1h1jn_gg_._theme_secondary-invert_1h1jn_gg_::after,.___STag_1h1jn_gg_._theme_secondary_1h1jn_gg_::after{opacity:.5}.___STagContainerClose_1h1jn_gg_._theme_primary-invert_1h1jn_gg_,.___STag_1h1jn_gg_._theme_primary-invert_1h1jn_gg_{background-color:var(--intergalactic-tag-primary-white-normal,\n rgba(255, 255, 255, 0.15)\n );color:var(--intergalactic-text-primary-invert, #ffffff)}.___STagContainerClose_1h1jn_gg_._theme_additional-invert_1h1jn_gg_,.___STagContainerClose_1h1jn_gg_._theme_secondary-invert_1h1jn_gg_,.___STag_1h1jn_gg_._theme_additional-invert_1h1jn_gg_,.___STag_1h1jn_gg_._theme_secondary-invert_1h1jn_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1h1jn_gg_._theme_additional_1h1jn_gg_::after{border-style:dashed}.___SText_1h1jn_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;position:relative}.___SText_1h1jn_gg_:focus-visible{box-shadow:var(--intergalactic-keyboard-focus,\n 0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n );z-index:1}.___SClose_1h1jn_gg_{cursor:pointer;flex-shrink:0;padding:var(--intergalactic-spacing-1x, 4px)0}@media (hover:hover){.___SClose_1h1jn_gg_:hover path{opacity:1}}.___SClose_1h1jn_gg_,.___STagContainer_1h1jn_gg_{display:inline-flex;position:relative;align-items:center;justify-content:center}.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:last-child),.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:last-child)::after,.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:last-child)::before,.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:last-child)::after,.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:last-child)::before{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:last-child) .___SText_1h1jn_gg_,.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:last-child) .___SText_1h1jn_gg_{padding-right:0}.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:first-child),.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:first-child)::after,.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:first-child)::before,.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:first-child)::after,.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:first-child)::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:first-child) .___SText_1h1jn_gg_,.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:first-child) .___SText_1h1jn_gg_{padding-left:0}.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_{cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0;padding-right:0;min-width:20px}.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_::after,.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_::before{left:-1px}.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_ svg{padding-left:0;padding-right:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_:hover svg path{opacity:1}}.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_._size_xl_1h1jn_gg_ svg{padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-2x, 8px)}", /*__inner_css_end__*/"1h1jn_gg_"),
|
|
28
|
+
/*__reshadow_css_end__*/
|
|
29
|
+
{
|
|
30
|
+
"__SCircle": "___SCircle_1h1jn_gg_",
|
|
31
|
+
"_size_m": "_size_m_1h1jn_gg_",
|
|
32
|
+
"_size_l": "_size_l_1h1jn_gg_",
|
|
33
|
+
"_size_xl": "_size_xl_1h1jn_gg_",
|
|
34
|
+
"__STagContainer": "___STagContainer_1h1jn_gg_",
|
|
35
|
+
"__SAddon": "___SAddon_1h1jn_gg_",
|
|
36
|
+
"__STag": "___STag_1h1jn_gg_",
|
|
37
|
+
"_disabled": "__disabled_1h1jn_gg_",
|
|
38
|
+
"__STagContainerClose": "___STagContainerClose_1h1jn_gg_",
|
|
39
|
+
"_interactiveView": "__interactiveView_1h1jn_gg_",
|
|
40
|
+
"_theme_primary-invert": "_theme_primary-invert_1h1jn_gg_",
|
|
41
|
+
"_theme_secondary-invert": "_theme_secondary-invert_1h1jn_gg_",
|
|
42
|
+
"_theme_additional-invert": "_theme_additional-invert_1h1jn_gg_",
|
|
43
|
+
"__SText": "___SText_1h1jn_gg_",
|
|
44
|
+
"--tag-color": "--tag-color_1h1jn",
|
|
45
|
+
"_interactive": "__interactive_1h1jn_gg_",
|
|
46
|
+
"_theme_primary": "_theme_primary_1h1jn_gg_",
|
|
47
|
+
"_active": "__active_1h1jn_gg_",
|
|
48
|
+
"_theme_secondary": "_theme_secondary_1h1jn_gg_",
|
|
49
|
+
"_theme_additional": "_theme_additional_1h1jn_gg_",
|
|
50
|
+
"__SClose": "___SClose_1h1jn_gg_"
|
|
49
51
|
});
|
|
50
52
|
var legacyThemeRecommendedMigration = {
|
|
51
53
|
primary: {
|
package/lib/cjs/Tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","_resolveColorEnhance","_uniqueID","_findComponent","style","sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits2","_super","_createSuper2","props","_legacyThemeRecommend","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","event","key","asProps","onClick","preventDefault","logger","warn","use","concat","theme","Tag","displayName","_createClass2","value","getCircleProps","_this$asProps","size","color","resolveColor","getTextProps","id","uid","tabIndex","role","undefined","render","_ref","_ref8","STag","Box","_this$asProps2","Children","styles","interactive","disabled","addonLeft","addonRight","outerId","isInteractiveView","isInteractive","createElement","cn","_objectSpread2","assignProps","handleKeyDown","Addon","tag","addonTextChildren","Text","TagContainer","Circle","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","resolveColorEnhance","i18n","locale","RootTagContainer","_Component2","_super2","apply","arguments","getTagProps","_this$asProps3","_this$asProps4","getAddonProps","_this$asProps5","getCloseProps","_this$asProps6","getI18nText","_ref2","_ref9","STagContainer","_this$asProps7","forcedAdvancedMode","advancedMode","isAdvanceMode","Close","RootCloseTagContainer","_Component3","_super3","_this2","_len","length","args","Array","_key","_this2$asProps","onKeyDown","_ref3","_ref10","STagContainerClose","_this$asProps8","children","CloseTagContainer","TagContainerCircle","_ref4","arguments[0]","_ref11","SAddon","SCircle","_ref5","_ref12","SText","_ref6","_ref13","tagColor","React","useMemo","_ref7","_ref14","createComponent","CloseM","exports","_default"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport logger from '@semcore/core/lib/utils/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\n\nimport style from './style/tag.shadow.css';\n\nconst legacyThemeRecommendedMigration = {\n primary: {\n muted: 'gray-500',\n info: 'blue-500',\n success: 'green-500',\n warning: 'orange-500',\n danger: 'red-500',\n },\n secondary: {\n muted: 'gray-50',\n },\n};\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement(), resolveColorEnhance()];\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, color, resolveColor } = this.asProps;\n return { size, color, resolveColor };\n }\n\n getTextProps() {\n const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n\n return {\n tabIndex: -1,\n id: `${id}-text`,\n role: undefined,\n };\n }\n\n handleKeyDown = (event) => {\n switch (event.key) {\n case ' ':\n case 'Enter':\n if (this.asProps.onClick) {\n event.preventDefault();\n this.asProps.onClick(event);\n }\n break;\n }\n };\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n resolveColor,\n id: outerId,\n uid,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n const isInteractiveView = !disabled && interactive;\n const isInteractive = !disabled && interactive;\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={isInteractive}\n use:interactiveView={isInteractiveView}\n tag-color={resolveColor(color)}\n onKeyDown={this.handleKeyDown}\n use:tabIndex={isInteractive ? 0 : -1}\n role={isInteractive ? 'button' : undefined}\n >\n {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Tag.Text, [Tag.Addon, TagContainer.Circle])}\n {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n </STag>,\n );\n }\n}\n\nclass RootTagContainer extends Component {\n static displayName = 'TagContainer';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement(), resolveColorEnhance()];\n static defaultProps = {\n color: 'gray-500',\n theme: 'primary',\n };\n\n getTagProps() {\n const {\n size,\n theme,\n color,\n disabled,\n uid,\n id: outerId,\n interactive,\n resolveColor,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n return {\n id: `${id}-text`,\n disabled,\n size,\n theme,\n color,\n tag: interactive ? 'button' : undefined,\n interactive,\n resolveColor,\n };\n }\n\n getCircleProps() {\n const { color, resolveColor, size } = this.asProps;\n return { color, resolveColor, size };\n }\n\n getAddonProps() {\n const { color, resolveColor } = this.asProps;\n\n return { color, resolveColor };\n }\n\n getCloseProps() {\n const {\n size,\n theme,\n color,\n disabled,\n uid,\n id: outerId,\n getI18nText,\n resolveColor,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n return {\n disabled,\n size,\n theme,\n color,\n id: `${id}-clear`,\n 'aria-labelledby': `${id}-clear ${id}-text`,\n 'aria-label': getI18nText('remove'),\n resolveColor,\n };\n }\n\n render() {\n const STagContainer = Root;\n const { styles, Children, forcedAdvancedMode } = this.asProps;\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [\n 'InputTags.' + Tag.Text.displayName,\n 'InputTags.' + Tag.Addon.displayName,\n 'InputTags.' + Tag.Circle.displayName,\n TagContainer.Tag.displayName,\n TagContainer.Addon.displayName,\n TagContainer.Close.displayName,\n TagContainer.Circle.displayName,\n ],\n true,\n );\n\n return sstyled(styles)(\n <STagContainer render={Box}>\n {advancedMode ? (\n <Children />\n ) : (\n <TagContainer.Tag>\n <Children />\n </TagContainer.Tag>\n )}\n </STagContainer>,\n );\n }\n}\n\nclass RootCloseTagContainer extends Component {\n static displayName = 'CloseTagContainer';\n static style = style;\n\n static defaultProps = () => {\n return {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n children: <CloseTagContainer.Close />,\n };\n };\n\n static enhance = [resolveColorEnhance()];\n\n handleKeyDown = (event) => {\n const { onKeyDown, onClick } = this.asProps;\n\n if (onKeyDown) {\n return onKeyDown(event);\n }\n\n if (onClick && (event.key === 'Enter' || event.key === ' ')) {\n event.preventDefault();\n onClick(event);\n }\n };\n\n render() {\n const STagContainerClose = Root;\n const { Children, styles, color, resolveColor } = this.asProps;\n\n return sstyled(styles)(\n <STagContainerClose\n render={Box}\n tag={'button'}\n type='button'\n interactive={true}\n interactiveView={true}\n tag-color={resolveColor(color)}\n onKeyDown={this.handleKeyDown}\n >\n <Children />\n </STagContainerClose>,\n );\n }\n}\n\nfunction TagContainerCircle(props) {\n const SAddon = Box;\n const SCircle = Root;\n const { styles, color, resolveColor } = props;\n return sstyled(styles)(\n <SAddon tag-color={resolveColor(color)}>\n <SCircle render={Box} />\n </SAddon>,\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 Addon(props) {\n const SAddon = Root;\n const { styles, color, resolveColor } = props;\n\n const tagColor = React.useMemo(() => {\n if (typeof resolveColor !== 'function') return;\n return resolveColor(color);\n }, [color, resolveColor]);\n\n return sstyled(styles)(<SAddon render={Box} tag='div' tag-color={tagColor} />);\n}\n\nfunction Circle(props) {\n const SCircle = Root;\n const { styles, color, resolveColor } = props;\n const tagColor = React.useMemo(() => {\n if (typeof resolveColor !== 'function') return;\n return resolveColor(color);\n }, [color, resolveColor]);\n return sstyled(styles)(<SCircle render={Box} tag='span' tag-color={tagColor} />);\n}\n\nconst Tag = createComponent(RootTag, {\n Text,\n Addon,\n Circle,\n});\n\nconst CloseTagContainer = createComponent(RootCloseTagContainer, {\n Close: CloseM,\n});\n\nexport const TagContainer = createComponent(RootTagContainer, {\n Tag,\n Addon,\n Close: CloseTagContainer,\n Circle: TagContainerCircle,\n});\n\nexport default Tag;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Tag.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","_resolveColorEnhance","_uniqueID","_findComponent","style","sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits2","_super","_createSuper2","props","_legacyThemeRecommend","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","event","key","asProps","onClick","preventDefault","logger","warn","use","concat","theme","Tag","displayName","_createClass2","value","getCircleProps","_this$asProps","size","color","resolveColor","getTextProps","id","uid","tabIndex","role","undefined","render","_ref","_ref8","STag","Box","_this$asProps2","Children","styles","interactive","disabled","addonLeft","addonRight","outerId","isInteractiveView","isInteractive","createElement","cn","_objectSpread2","assignProps","handleKeyDown","Addon","tag","addonTextChildren","Text","TagContainer","Circle","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","resolveColorEnhance","i18n","locale","RootTagContainer","_Component2","_super2","apply","arguments","getTagProps","_this$asProps3","_this$asProps4","getAddonProps","_this$asProps5","getCloseProps","_this$asProps6","getI18nText","_ref2","_ref9","STagContainer","_this$asProps7","forcedAdvancedMode","advancedMode","isAdvanceMode","Close","RootCloseTagContainer","_Component3","_super3","_this2","_len","length","args","Array","_key","_this2$asProps","onKeyDown","_ref3","_ref10","STagContainerClose","_this$asProps8","children","CloseTagContainer","TagContainerCircle","_ref4","arguments[0]","_ref11","SAddon","SCircle","_ref5","_ref12","SText","_ref6","_ref13","tagColor","React","useMemo","_ref7","_ref14","createComponent","CloseM","exports","_default"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport logger from '@semcore/core/lib/utils/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\n\nimport style from './style/tag.shadow.css';\n\nconst legacyThemeRecommendedMigration = {\n primary: {\n muted: 'gray-500',\n info: 'blue-500',\n success: 'green-500',\n warning: 'orange-500',\n danger: 'red-500',\n },\n secondary: {\n muted: 'gray-50',\n },\n};\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement(), resolveColorEnhance()];\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, color, resolveColor } = this.asProps;\n return { size, color, resolveColor };\n }\n\n getTextProps() {\n const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n\n return {\n tabIndex: -1,\n id: `${id}-text`,\n role: undefined,\n };\n }\n\n handleKeyDown = (event) => {\n switch (event.key) {\n case ' ':\n case 'Enter':\n if (this.asProps.onClick) {\n event.preventDefault();\n this.asProps.onClick(event);\n }\n break;\n }\n };\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n resolveColor,\n id: outerId,\n uid,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n const isInteractiveView = !disabled && interactive;\n const isInteractive = !disabled && interactive;\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={isInteractive}\n use:interactiveView={isInteractiveView}\n tag-color={resolveColor(color)}\n onKeyDown={this.handleKeyDown}\n use:tabIndex={isInteractive ? 0 : -1}\n role={isInteractive ? 'button' : undefined}\n >\n {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Tag.Text, [Tag.Addon, TagContainer.Circle])}\n {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n </STag>,\n );\n }\n}\n\nclass RootTagContainer extends Component {\n static displayName = 'TagContainer';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement(), resolveColorEnhance()];\n static defaultProps = {\n color: 'gray-500',\n theme: 'primary',\n };\n\n getTagProps() {\n const {\n size,\n theme,\n color,\n disabled,\n uid,\n id: outerId,\n interactive,\n resolveColor,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n return {\n id: `${id}-text`,\n disabled,\n size,\n theme,\n color,\n tag: interactive ? 'button' : undefined,\n interactive,\n resolveColor,\n };\n }\n\n getCircleProps() {\n const { color, resolveColor, size } = this.asProps;\n return { color, resolveColor, size };\n }\n\n getAddonProps() {\n const { color, resolveColor } = this.asProps;\n\n return { color, resolveColor };\n }\n\n getCloseProps() {\n const {\n size,\n theme,\n color,\n disabled,\n uid,\n id: outerId,\n getI18nText,\n resolveColor,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n return {\n disabled,\n size,\n theme,\n color,\n id: `${id}-clear`,\n 'aria-labelledby': `${id}-clear ${id}-text`,\n 'aria-label': getI18nText('remove'),\n resolveColor,\n };\n }\n\n render() {\n const STagContainer = Root;\n const { styles, Children, forcedAdvancedMode } = this.asProps;\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [\n 'InputTags.' + Tag.Text.displayName,\n 'InputTags.' + Tag.Addon.displayName,\n 'InputTags.' + Tag.Circle.displayName,\n TagContainer.Tag.displayName,\n TagContainer.Addon.displayName,\n TagContainer.Close.displayName,\n TagContainer.Circle.displayName,\n ],\n true,\n );\n\n return sstyled(styles)(\n <STagContainer render={Box}>\n {advancedMode ? (\n <Children />\n ) : (\n <TagContainer.Tag>\n <Children />\n </TagContainer.Tag>\n )}\n </STagContainer>,\n );\n }\n}\n\nclass RootCloseTagContainer extends Component {\n static displayName = 'CloseTagContainer';\n static style = style;\n\n static defaultProps = () => {\n return {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n children: <CloseTagContainer.Close />,\n };\n };\n\n static enhance = [resolveColorEnhance()];\n\n handleKeyDown = (event) => {\n const { onKeyDown, onClick } = this.asProps;\n\n if (onKeyDown) {\n return onKeyDown(event);\n }\n\n if (onClick && (event.key === 'Enter' || event.key === ' ')) {\n event.preventDefault();\n onClick(event);\n }\n };\n\n render() {\n const STagContainerClose = Root;\n const { Children, styles, color, resolveColor } = this.asProps;\n\n return sstyled(styles)(\n <STagContainerClose\n render={Box}\n tag={'button'}\n type='button'\n interactive={true}\n interactiveView={true}\n tag-color={resolveColor(color)}\n onKeyDown={this.handleKeyDown}\n >\n <Children />\n </STagContainerClose>,\n );\n }\n}\n\nfunction TagContainerCircle(props) {\n const SAddon = Box;\n const SCircle = Root;\n const { styles, color, resolveColor } = props;\n return sstyled(styles)(\n <SAddon tag-color={resolveColor(color)}>\n <SCircle render={Box} />\n </SAddon>,\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 Addon(props) {\n const SAddon = Root;\n const { styles, color, resolveColor } = props;\n\n const tagColor = React.useMemo(() => {\n if (typeof resolveColor !== 'function') return;\n return resolveColor(color);\n }, [color, resolveColor]);\n\n return sstyled(styles)(<SAddon render={Box} tag='div' tag-color={tagColor} />);\n}\n\nfunction Circle(props) {\n const SCircle = Root;\n const { styles, color, resolveColor } = props;\n const tagColor = React.useMemo(() => {\n if (typeof resolveColor !== 'function') return;\n return resolveColor(color);\n }, [color, resolveColor]);\n return sstyled(styles)(<SCircle render={Box} tag='span' tag-color={tagColor} />);\n}\n\nconst Tag = createComponent(RootTag, {\n Text,\n Addon,\n Circle,\n});\n\nconst CloseTagContainer = createComponent(RootCloseTagContainer, {\n Close: CloseM,\n});\n\nexport const TagContainer = createComponent(RootTagContainer, {\n Tag,\n Addon,\n Close: CloseTagContainer,\n Circle: TagContainerCircle,\n});\n\nexport default Tag;\n"],"mappings":"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"}
|
|
@@ -4,25 +4,16 @@ SCircle {
|
|
|
4
4
|
justify-content: center;
|
|
5
5
|
overflow: hidden;
|
|
6
6
|
border-radius: 50%;
|
|
7
|
-
margin: 0 var(--intergalactic-spacing-1x, 4px);
|
|
8
|
-
|
|
9
|
-
&:first-child {
|
|
10
|
-
margin-left: 0;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
&:last-child {
|
|
14
|
-
margin-right: 0;
|
|
15
|
-
}
|
|
16
7
|
}
|
|
17
8
|
|
|
18
9
|
SCircle[size="m"] {
|
|
19
|
-
width:
|
|
20
|
-
height:
|
|
10
|
+
width: 12px;
|
|
11
|
+
height: 12px;
|
|
21
12
|
}
|
|
22
13
|
|
|
23
14
|
SCircle[size="l"] {
|
|
24
|
-
width:
|
|
25
|
-
height:
|
|
15
|
+
width: 16px;
|
|
16
|
+
height: 16px;
|
|
26
17
|
}
|
|
27
18
|
|
|
28
19
|
SCircle[size="xl"] {
|
|
@@ -35,9 +26,11 @@ SAddon {
|
|
|
35
26
|
flex-shrink: 0;
|
|
36
27
|
align-items: center;
|
|
37
28
|
justify-content: center;
|
|
38
|
-
padding-left: var(--intergalactic-spacing-1x, 4px);
|
|
39
|
-
padding-right: var(--intergalactic-spacing-1x, 4px);
|
|
40
29
|
position: relative;
|
|
30
|
+
|
|
31
|
+
&:last-child {
|
|
32
|
+
padding-right: 0;
|
|
33
|
+
}
|
|
41
34
|
}
|
|
42
35
|
|
|
43
36
|
STagContainer SAddon {
|
|
@@ -111,16 +104,12 @@ STag[interactiveView] {
|
|
|
111
104
|
|
|
112
105
|
STag[size="m"],
|
|
113
106
|
STagContainerClose[size="m"],
|
|
114
|
-
STagContainer[size="m"]
|
|
107
|
+
STagContainer[size="m"] {
|
|
115
108
|
height: 20px;
|
|
116
109
|
min-width: 20px;
|
|
117
110
|
|
|
118
|
-
&
|
|
119
|
-
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
& SCircle:last-child {
|
|
123
|
-
margin-right: calc(-1 * var(--intergalactic-spacing-05x, 2px));
|
|
111
|
+
& SAddon:first-child {
|
|
112
|
+
padding-left: 0;
|
|
124
113
|
}
|
|
125
114
|
|
|
126
115
|
& SText {
|
|
@@ -131,7 +120,7 @@ STagContainer[size="m"] SAddon {
|
|
|
131
120
|
|
|
132
121
|
STag[size="l"],
|
|
133
122
|
STagContainerClose[size="l"],
|
|
134
|
-
STagContainer[size="l"]
|
|
123
|
+
STagContainer[size="l"] {
|
|
135
124
|
height: 28px;
|
|
136
125
|
min-width: 28px;
|
|
137
126
|
|
|
@@ -238,17 +227,12 @@ SText {
|
|
|
238
227
|
position: relative;
|
|
239
228
|
}
|
|
240
229
|
|
|
241
|
-
SText:
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
padding-right: 0;
|
|
248
|
-
}
|
|
249
|
-
|
|
250
|
-
SText:not(:only-child):last-child {
|
|
251
|
-
padding-left: 0;
|
|
230
|
+
SText:focus-visible {
|
|
231
|
+
box-shadow: var(
|
|
232
|
+
--intergalactic-keyboard-focus,
|
|
233
|
+
0px 0px 0px 3px rgba(0, 143, 248, 0.5)
|
|
234
|
+
);
|
|
235
|
+
z-index: 1;
|
|
252
236
|
}
|
|
253
237
|
|
|
254
238
|
SClose {
|
|
@@ -257,7 +241,7 @@ SClose {
|
|
|
257
241
|
flex-shrink: 0;
|
|
258
242
|
align-items: center;
|
|
259
243
|
justify-content: center;
|
|
260
|
-
padding: var(--intergalactic-spacing-1x, 4px);
|
|
244
|
+
padding: var(--intergalactic-spacing-1x, 4px) 0;
|
|
261
245
|
position: relative;
|
|
262
246
|
|
|
263
247
|
& path {
|
|
@@ -301,7 +285,6 @@ STagContainer {
|
|
|
301
285
|
&:not(:first-child) {
|
|
302
286
|
border-top-left-radius: 0;
|
|
303
287
|
border-bottom-left-radius: 0;
|
|
304
|
-
padding-left: var(--intergalactic-spacing-05x, 2px);
|
|
305
288
|
|
|
306
289
|
&::before,
|
|
307
290
|
&::after {
|
package/lib/es6/Tag.js
CHANGED
|
@@ -24,29 +24,31 @@ import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
|
|
|
24
24
|
import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
|
|
25
25
|
import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
|
|
26
26
|
import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
|
|
27
|
-
|
|
28
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_1b256_gg_{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1b256_gg_:first-child{margin-left:0}.___SCircle_1b256_gg_:last-child{margin-right:0}.___SCircle_1b256_gg_._size_m_1b256_gg_{width:16px;height:16px}.___SCircle_1b256_gg_._size_l_1b256_gg_,.___SCircle_1b256_gg_._size_xl_1b256_gg_{width:20px;height:20px}.___SAddon_1b256_gg_,.___STagContainerClose_1b256_gg_,.___STag_1b256_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1b256_gg_{flex-shrink:0}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_{padding-left:0;padding-right:0}.___STagContainerClose_1b256_gg_,.___STag_1b256_gg_{vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_1b256)}.___STagContainerClose_1b256_gg_.__interactive_1b256_gg_:focus-visible,.___STag_1b256_gg_.__interactive_1b256_gg_:focus-visible{z-index:1}.___STagContainerClose_1b256_gg_::before,.___STag_1b256_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--intergalactic-tag-rounded, 24px);background-color:var(--tag-color_1b256);opacity:.2;filter:brightness(150%)}.___STagContainerClose_1b256_gg_::after,.___STag_1b256_gg_::after{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--intergalactic-tag-rounded, 24px);pointer-events:none;border:1px solid var(--tag-color_1b256);opacity:.1;filter:brightness(150%)}.___STagContainerClose_1b256_gg_:active,.___STag_1b256_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STagContainerClose_1b256_gg_:hover,.___STag_1b256_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___STagContainerClose_1b256_gg_.__disabled_1b256_gg_,.___STag_1b256_gg_.__disabled_1b256_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1b256_gg_.__interactiveView_1b256_gg_{cursor:pointer}.___STagContainerClose_1b256_gg_._size_m_1b256_gg_,.___STagContainer_1b256_gg_._size_m_1b256_gg_ .___SAddon_1b256_gg_,.___STag_1b256_gg_._size_m_1b256_gg_{height:20px;min-width:20px}.___STagContainerClose_1b256_gg_._size_m_1b256_gg_ .___SCircle_1b256_gg_:first-child,.___STagContainer_1b256_gg_._size_m_1b256_gg_ .___SAddon_1b256_gg_ .___SCircle_1b256_gg_:first-child,.___STag_1b256_gg_._size_m_1b256_gg_ .___SCircle_1b256_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_1b256_gg_._size_m_1b256_gg_ .___SCircle_1b256_gg_:last-child,.___STagContainer_1b256_gg_._size_m_1b256_gg_ .___SAddon_1b256_gg_ .___SCircle_1b256_gg_:last-child,.___STag_1b256_gg_._size_m_1b256_gg_ .___SCircle_1b256_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_1b256_gg_._size_m_1b256_gg_ .___SText_1b256_gg_,.___STagContainer_1b256_gg_._size_m_1b256_gg_ .___SAddon_1b256_gg_ .___SText_1b256_gg_,.___STag_1b256_gg_._size_m_1b256_gg_ .___SText_1b256_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STagContainerClose_1b256_gg_._size_l_1b256_gg_,.___STagContainer_1b256_gg_._size_l_1b256_gg_ .___SAddon_1b256_gg_,.___STag_1b256_gg_._size_l_1b256_gg_{height:28px;min-width:28px}.___STagContainerClose_1b256_gg_._size_l_1b256_gg_ .___SText_1b256_gg_,.___STagContainer_1b256_gg_._size_l_1b256_gg_ .___SAddon_1b256_gg_ .___SText_1b256_gg_,.___STag_1b256_gg_._size_l_1b256_gg_ .___SText_1b256_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STagContainerClose_1b256_gg_._size_xl_1b256_gg_,.___STag_1b256_gg_._size_xl_1b256_gg_{height:40px;min-width:40px;padding:0 var(--intergalactic-spacing-2x, 8px)}.___STagContainerClose_1b256_gg_._size_xl_1b256_gg_ .___SText_1b256_gg_,.___STag_1b256_gg_._size_xl_1b256_gg_ .___SText_1b256_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_::before,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_::before,.___STag_1b256_gg_._theme_primary_1b256_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_:after,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_:after,.___STag_1b256_gg_._theme_primary_1b256_gg_:after{display:none}.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_.__active_1b256_gg_:before,.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_.__active_1b256_gg_:before,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STag_1b256_gg_._theme_primary_1b256_gg_.__active_1b256_gg_:before,.___STag_1b256_gg_._theme_primary_1b256_gg_.__interactiveView_1b256_gg_:active:before{opacity:.3}@media (hover:hover){.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STag_1b256_gg_._theme_primary_1b256_gg_.__interactiveView_1b256_gg_:hover:before{opacity:.3}}.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_::before,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_::before,.___STag_1b256_gg_._theme_additional_1b256_gg_::before,.___STag_1b256_gg_._theme_secondary_1b256_gg_::before{opacity:.01}.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_.__active_1b256_gg_:before,.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_.__active_1b256_gg_:before,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STag_1b256_gg_._theme_additional_1b256_gg_.__active_1b256_gg_:before,.___STag_1b256_gg_._theme_additional_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STag_1b256_gg_._theme_secondary_1b256_gg_.__active_1b256_gg_:before,.___STag_1b256_gg_._theme_secondary_1b256_gg_.__interactiveView_1b256_gg_:active:before{opacity:.1}@media (hover:hover){.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STag_1b256_gg_._theme_additional_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STag_1b256_gg_._theme_secondary_1b256_gg_.__interactiveView_1b256_gg_:hover:before{opacity:.1}}.___SClose_1b256_gg_ path,.___STagContainerClose_1b256_gg_._theme_additional-invert_1b256_gg_::after,.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_::after,.___STagContainerClose_1b256_gg_._theme_secondary-invert_1b256_gg_::after,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_::after,.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_ svg path,.___STag_1b256_gg_._theme_additional-invert_1b256_gg_::after,.___STag_1b256_gg_._theme_additional_1b256_gg_::after,.___STag_1b256_gg_._theme_secondary-invert_1b256_gg_::after,.___STag_1b256_gg_._theme_secondary_1b256_gg_::after{opacity:.5}.___STagContainerClose_1b256_gg_._theme_primary-invert_1b256_gg_,.___STag_1b256_gg_._theme_primary-invert_1b256_gg_{background-color:var(--intergalactic-tag-primary-white-normal,\n rgba(255, 255, 255, 0.15)\n );color:var(--intergalactic-text-primary-invert, #ffffff)}.___STagContainerClose_1b256_gg_._theme_additional-invert_1b256_gg_,.___STagContainerClose_1b256_gg_._theme_secondary-invert_1b256_gg_,.___STag_1b256_gg_._theme_additional-invert_1b256_gg_,.___STag_1b256_gg_._theme_secondary-invert_1b256_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1b256_gg_._theme_additional_1b256_gg_::after{border-style:dashed}.___SText_1b256_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;position:relative}.___SText_1b256_gg_:not(:only-child):first-child{padding-right:0}.___SText_1b256_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1b256_gg_:not(:only-child):last-child{padding-left:0}.___SClose_1b256_gg_{cursor:pointer;flex-shrink:0;padding:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SClose_1b256_gg_:hover path{opacity:1}}.___SClose_1b256_gg_,.___STagContainer_1b256_gg_{display:inline-flex;position:relative;align-items:center;justify-content:center}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:last-child),.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:last-child)::after,.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:last-child)::before,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:last-child)::after,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:last-child)::before{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:last-child) .___SText_1b256_gg_,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:last-child) .___SText_1b256_gg_{padding-right:0}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:first-child),.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;padding-left:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:first-child)::after,.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:first-child)::before,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:first-child)::after,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:first-child)::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:first-child) .___SText_1b256_gg_,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:first-child) .___SText_1b256_gg_{padding-left:0}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_{cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0;padding-right:0;min-width:20px}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_::after,.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_::before{left:-1px}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_ svg{padding-left:0;padding-right:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_:hover svg path{opacity:1}}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_._size_xl_1b256_gg_ svg{padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1b256_gg_") /*__reshadow_css_end__*/, {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
27
|
+
/*!__reshadow-styles__:"./style/tag.shadow.css"*/
|
|
28
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAddon_1h1jn_gg_,.___SCircle_1h1jn_gg_{display:inline-flex;align-items:center;justify-content:center}.___SCircle_1h1jn_gg_{overflow:hidden;border-radius:50%}.___SCircle_1h1jn_gg_._size_m_1h1jn_gg_{width:12px;height:12px}.___SCircle_1h1jn_gg_._size_l_1h1jn_gg_{width:16px;height:16px}.___SCircle_1h1jn_gg_._size_xl_1h1jn_gg_{width:20px;height:20px}.___SAddon_1h1jn_gg_{flex-shrink:0;position:relative}.___SAddon_1h1jn_gg_:last-child{padding-right:0}.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_{padding-left:0;padding-right:0}.___STagContainerClose_1h1jn_gg_,.___STag_1h1jn_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_1h1jn)}.___STagContainerClose_1h1jn_gg_.__interactive_1h1jn_gg_:focus-visible,.___STag_1h1jn_gg_.__interactive_1h1jn_gg_:focus-visible{z-index:1}.___STagContainerClose_1h1jn_gg_::before,.___STag_1h1jn_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--intergalactic-tag-rounded, 24px);background-color:var(--tag-color_1h1jn);opacity:.2;filter:brightness(150%)}.___STagContainerClose_1h1jn_gg_::after,.___STag_1h1jn_gg_::after{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--intergalactic-tag-rounded, 24px);pointer-events:none;border:1px solid var(--tag-color_1h1jn);opacity:.1;filter:brightness(150%)}.___STagContainerClose_1h1jn_gg_:active,.___STag_1h1jn_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STagContainerClose_1h1jn_gg_:hover,.___STag_1h1jn_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___STagContainerClose_1h1jn_gg_.__disabled_1h1jn_gg_,.___STag_1h1jn_gg_.__disabled_1h1jn_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1h1jn_gg_.__interactiveView_1h1jn_gg_{cursor:pointer}.___STagContainerClose_1h1jn_gg_._size_m_1h1jn_gg_,.___STagContainer_1h1jn_gg_._size_m_1h1jn_gg_,.___STag_1h1jn_gg_._size_m_1h1jn_gg_{height:20px;min-width:20px}.___STagContainerClose_1h1jn_gg_._size_m_1h1jn_gg_ .___SAddon_1h1jn_gg_:first-child,.___STagContainer_1h1jn_gg_._size_m_1h1jn_gg_ .___SAddon_1h1jn_gg_:first-child,.___STag_1h1jn_gg_._size_m_1h1jn_gg_ .___SAddon_1h1jn_gg_:first-child{padding-left:0}.___STagContainerClose_1h1jn_gg_._size_m_1h1jn_gg_ .___SText_1h1jn_gg_,.___STagContainer_1h1jn_gg_._size_m_1h1jn_gg_ .___SText_1h1jn_gg_,.___STag_1h1jn_gg_._size_m_1h1jn_gg_ .___SText_1h1jn_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STagContainerClose_1h1jn_gg_._size_l_1h1jn_gg_,.___STagContainer_1h1jn_gg_._size_l_1h1jn_gg_,.___STag_1h1jn_gg_._size_l_1h1jn_gg_{height:28px;min-width:28px}.___STagContainerClose_1h1jn_gg_._size_l_1h1jn_gg_ .___SText_1h1jn_gg_,.___STagContainer_1h1jn_gg_._size_l_1h1jn_gg_ .___SText_1h1jn_gg_,.___STag_1h1jn_gg_._size_l_1h1jn_gg_ .___SText_1h1jn_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STagContainerClose_1h1jn_gg_._size_xl_1h1jn_gg_,.___STag_1h1jn_gg_._size_xl_1h1jn_gg_{height:40px;min-width:40px;padding:0 var(--intergalactic-spacing-2x, 8px)}.___STagContainerClose_1h1jn_gg_._size_xl_1h1jn_gg_ .___SText_1h1jn_gg_,.___STag_1h1jn_gg_._size_xl_1h1jn_gg_ .___SText_1h1jn_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STagContainerClose_1h1jn_gg_._theme_primary_1h1jn_gg_::before,.___STagContainer_1h1jn_gg_._theme_primary_1h1jn_gg_ .___SAddon_1h1jn_gg_::before,.___STag_1h1jn_gg_._theme_primary_1h1jn_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STagContainerClose_1h1jn_gg_._theme_primary_1h1jn_gg_:after,.___STagContainer_1h1jn_gg_._theme_primary_1h1jn_gg_ .___SAddon_1h1jn_gg_:after,.___STag_1h1jn_gg_._theme_primary_1h1jn_gg_:after{display:none}.___STagContainerClose_1h1jn_gg_._theme_primary_1h1jn_gg_.__active_1h1jn_gg_:before,.___STagContainerClose_1h1jn_gg_._theme_primary_1h1jn_gg_.__interactiveView_1h1jn_gg_:active:before,.___STagContainer_1h1jn_gg_._theme_primary_1h1jn_gg_ .___SAddon_1h1jn_gg_.__active_1h1jn_gg_:before,.___STagContainer_1h1jn_gg_._theme_primary_1h1jn_gg_ .___SAddon_1h1jn_gg_.__interactiveView_1h1jn_gg_:active:before,.___STag_1h1jn_gg_._theme_primary_1h1jn_gg_.__active_1h1jn_gg_:before,.___STag_1h1jn_gg_._theme_primary_1h1jn_gg_.__interactiveView_1h1jn_gg_:active:before{opacity:.3}@media (hover:hover){.___STagContainerClose_1h1jn_gg_._theme_primary_1h1jn_gg_.__interactiveView_1h1jn_gg_:hover:before,.___STagContainer_1h1jn_gg_._theme_primary_1h1jn_gg_ .___SAddon_1h1jn_gg_.__interactiveView_1h1jn_gg_:hover:before,.___STag_1h1jn_gg_._theme_primary_1h1jn_gg_.__interactiveView_1h1jn_gg_:hover:before{opacity:.3}}.___STagContainerClose_1h1jn_gg_._theme_additional_1h1jn_gg_::before,.___STagContainerClose_1h1jn_gg_._theme_secondary_1h1jn_gg_::before,.___STag_1h1jn_gg_._theme_additional_1h1jn_gg_::before,.___STag_1h1jn_gg_._theme_secondary_1h1jn_gg_::before{opacity:.01}.___STagContainerClose_1h1jn_gg_._theme_additional_1h1jn_gg_.__active_1h1jn_gg_:before,.___STagContainerClose_1h1jn_gg_._theme_additional_1h1jn_gg_.__interactiveView_1h1jn_gg_:active:before,.___STagContainerClose_1h1jn_gg_._theme_secondary_1h1jn_gg_.__active_1h1jn_gg_:before,.___STagContainerClose_1h1jn_gg_._theme_secondary_1h1jn_gg_.__interactiveView_1h1jn_gg_:active:before,.___STag_1h1jn_gg_._theme_additional_1h1jn_gg_.__active_1h1jn_gg_:before,.___STag_1h1jn_gg_._theme_additional_1h1jn_gg_.__interactiveView_1h1jn_gg_:active:before,.___STag_1h1jn_gg_._theme_secondary_1h1jn_gg_.__active_1h1jn_gg_:before,.___STag_1h1jn_gg_._theme_secondary_1h1jn_gg_.__interactiveView_1h1jn_gg_:active:before{opacity:.1}@media (hover:hover){.___STagContainerClose_1h1jn_gg_._theme_additional_1h1jn_gg_.__interactiveView_1h1jn_gg_:hover:before,.___STagContainerClose_1h1jn_gg_._theme_secondary_1h1jn_gg_.__interactiveView_1h1jn_gg_:hover:before,.___STag_1h1jn_gg_._theme_additional_1h1jn_gg_.__interactiveView_1h1jn_gg_:hover:before,.___STag_1h1jn_gg_._theme_secondary_1h1jn_gg_.__interactiveView_1h1jn_gg_:hover:before{opacity:.1}}.___SClose_1h1jn_gg_ path,.___STagContainerClose_1h1jn_gg_._theme_additional-invert_1h1jn_gg_::after,.___STagContainerClose_1h1jn_gg_._theme_additional_1h1jn_gg_::after,.___STagContainerClose_1h1jn_gg_._theme_secondary-invert_1h1jn_gg_::after,.___STagContainerClose_1h1jn_gg_._theme_secondary_1h1jn_gg_::after,.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_ svg path,.___STag_1h1jn_gg_._theme_additional-invert_1h1jn_gg_::after,.___STag_1h1jn_gg_._theme_additional_1h1jn_gg_::after,.___STag_1h1jn_gg_._theme_secondary-invert_1h1jn_gg_::after,.___STag_1h1jn_gg_._theme_secondary_1h1jn_gg_::after{opacity:.5}.___STagContainerClose_1h1jn_gg_._theme_primary-invert_1h1jn_gg_,.___STag_1h1jn_gg_._theme_primary-invert_1h1jn_gg_{background-color:var(--intergalactic-tag-primary-white-normal,\n rgba(255, 255, 255, 0.15)\n );color:var(--intergalactic-text-primary-invert, #ffffff)}.___STagContainerClose_1h1jn_gg_._theme_additional-invert_1h1jn_gg_,.___STagContainerClose_1h1jn_gg_._theme_secondary-invert_1h1jn_gg_,.___STag_1h1jn_gg_._theme_additional-invert_1h1jn_gg_,.___STag_1h1jn_gg_._theme_secondary-invert_1h1jn_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1h1jn_gg_._theme_additional_1h1jn_gg_::after{border-style:dashed}.___SText_1h1jn_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;position:relative}.___SText_1h1jn_gg_:focus-visible{box-shadow:var(--intergalactic-keyboard-focus,\n 0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n );z-index:1}.___SClose_1h1jn_gg_{cursor:pointer;flex-shrink:0;padding:var(--intergalactic-spacing-1x, 4px)0}@media (hover:hover){.___SClose_1h1jn_gg_:hover path{opacity:1}}.___SClose_1h1jn_gg_,.___STagContainer_1h1jn_gg_{display:inline-flex;position:relative;align-items:center;justify-content:center}.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:last-child),.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:last-child)::after,.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:last-child)::before,.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:last-child)::after,.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:last-child)::before{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:last-child) .___SText_1h1jn_gg_,.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:last-child) .___SText_1h1jn_gg_{padding-right:0}.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:first-child),.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:first-child)::after,.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:first-child)::before,.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:first-child)::after,.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:first-child)::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:first-child) .___SText_1h1jn_gg_,.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:first-child) .___SText_1h1jn_gg_{padding-left:0}.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_{cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0;padding-right:0;min-width:20px}.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_::after,.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_::before{left:-1px}.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_ svg{padding-left:0;padding-right:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_:hover svg path{opacity:1}}.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_._size_xl_1h1jn_gg_ svg{padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-2x, 8px)}", /*__inner_css_end__*/"1h1jn_gg_"),
|
|
29
|
+
/*__reshadow_css_end__*/
|
|
30
|
+
{
|
|
31
|
+
"__SCircle": "___SCircle_1h1jn_gg_",
|
|
32
|
+
"_size_m": "_size_m_1h1jn_gg_",
|
|
33
|
+
"_size_l": "_size_l_1h1jn_gg_",
|
|
34
|
+
"_size_xl": "_size_xl_1h1jn_gg_",
|
|
35
|
+
"__STagContainer": "___STagContainer_1h1jn_gg_",
|
|
36
|
+
"__SAddon": "___SAddon_1h1jn_gg_",
|
|
37
|
+
"__STag": "___STag_1h1jn_gg_",
|
|
38
|
+
"_disabled": "__disabled_1h1jn_gg_",
|
|
39
|
+
"__STagContainerClose": "___STagContainerClose_1h1jn_gg_",
|
|
40
|
+
"_interactiveView": "__interactiveView_1h1jn_gg_",
|
|
41
|
+
"_theme_primary-invert": "_theme_primary-invert_1h1jn_gg_",
|
|
42
|
+
"_theme_secondary-invert": "_theme_secondary-invert_1h1jn_gg_",
|
|
43
|
+
"_theme_additional-invert": "_theme_additional-invert_1h1jn_gg_",
|
|
44
|
+
"__SText": "___SText_1h1jn_gg_",
|
|
45
|
+
"--tag-color": "--tag-color_1h1jn",
|
|
46
|
+
"_interactive": "__interactive_1h1jn_gg_",
|
|
47
|
+
"_theme_primary": "_theme_primary_1h1jn_gg_",
|
|
48
|
+
"_active": "__active_1h1jn_gg_",
|
|
49
|
+
"_theme_secondary": "_theme_secondary_1h1jn_gg_",
|
|
50
|
+
"_theme_additional": "_theme_additional_1h1jn_gg_",
|
|
51
|
+
"__SClose": "___SClose_1h1jn_gg_"
|
|
50
52
|
});
|
|
51
53
|
var legacyThemeRecommendedMigration = {
|
|
52
54
|
primary: {
|
package/lib/es6/Tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","logger","CloseM","localizedMessages","i18nEnhance","resolveColorEnhance","uniqueIDEnhancement","isAdvanceMode","style","_sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits","_super","_createSuper","props","_legacyThemeRecommend","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","event","key","asProps","onClick","preventDefault","warn","use","concat","theme","Tag","displayName","_createClass","value","getCircleProps","_this$asProps","size","color","resolveColor","getTextProps","id","uid","tabIndex","role","undefined","render","_ref","_ref8","STag","_this$asProps2","Children","styles","interactive","disabled","addonLeft","addonRight","outerId","isInteractiveView","isInteractive","createElement","cn","_objectSpread","_assignProps","handleKeyDown","Addon","tag","Text","TagContainer","Circle","i18n","locale","RootTagContainer","_Component2","_super2","apply","arguments","getTagProps","_this$asProps3","_this$asProps4","getAddonProps","_this$asProps5","getCloseProps","_this$asProps6","getI18nText","_ref2","_ref9","STagContainer","_this$asProps7","forcedAdvancedMode","advancedMode","Close","_assignProps2","RootCloseTagContainer","_Component3","_super3","_this2","_len","length","args","Array","_key","_this2$asProps","onKeyDown","_ref3","_ref10","STagContainerClose","_this$asProps8","_assignProps3","children","CloseTagContainer","TagContainerCircle","_ref4","arguments[0]","_ref11","SAddon","SCircle","_assignProps4","_ref5","_ref12","SText","_assignProps5","_ref6","_ref13","tagColor","useMemo","_assignProps6","_ref7","_ref14","_assignProps7"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport logger from '@semcore/core/lib/utils/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\n\nimport style from './style/tag.shadow.css';\n\nconst legacyThemeRecommendedMigration = {\n primary: {\n muted: 'gray-500',\n info: 'blue-500',\n success: 'green-500',\n warning: 'orange-500',\n danger: 'red-500',\n },\n secondary: {\n muted: 'gray-50',\n },\n};\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement(), resolveColorEnhance()];\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, color, resolveColor } = this.asProps;\n return { size, color, resolveColor };\n }\n\n getTextProps() {\n const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n\n return {\n tabIndex: -1,\n id: `${id}-text`,\n role: undefined,\n };\n }\n\n handleKeyDown = (event) => {\n switch (event.key) {\n case ' ':\n case 'Enter':\n if (this.asProps.onClick) {\n event.preventDefault();\n this.asProps.onClick(event);\n }\n break;\n }\n };\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n resolveColor,\n id: outerId,\n uid,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n const isInteractiveView = !disabled && interactive;\n const isInteractive = !disabled && interactive;\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={isInteractive}\n use:interactiveView={isInteractiveView}\n tag-color={resolveColor(color)}\n onKeyDown={this.handleKeyDown}\n use:tabIndex={isInteractive ? 0 : -1}\n role={isInteractive ? 'button' : undefined}\n >\n {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Tag.Text, [Tag.Addon, TagContainer.Circle])}\n {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n </STag>,\n );\n }\n}\n\nclass RootTagContainer extends Component {\n static displayName = 'TagContainer';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement(), resolveColorEnhance()];\n static defaultProps = {\n color: 'gray-500',\n theme: 'primary',\n };\n\n getTagProps() {\n const {\n size,\n theme,\n color,\n disabled,\n uid,\n id: outerId,\n interactive,\n resolveColor,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n return {\n id: `${id}-text`,\n disabled,\n size,\n theme,\n color,\n tag: interactive ? 'button' : undefined,\n interactive,\n resolveColor,\n };\n }\n\n getCircleProps() {\n const { color, resolveColor, size } = this.asProps;\n return { color, resolveColor, size };\n }\n\n getAddonProps() {\n const { color, resolveColor } = this.asProps;\n\n return { color, resolveColor };\n }\n\n getCloseProps() {\n const {\n size,\n theme,\n color,\n disabled,\n uid,\n id: outerId,\n getI18nText,\n resolveColor,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n return {\n disabled,\n size,\n theme,\n color,\n id: `${id}-clear`,\n 'aria-labelledby': `${id}-clear ${id}-text`,\n 'aria-label': getI18nText('remove'),\n resolveColor,\n };\n }\n\n render() {\n const STagContainer = Root;\n const { styles, Children, forcedAdvancedMode } = this.asProps;\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [\n 'InputTags.' + Tag.Text.displayName,\n 'InputTags.' + Tag.Addon.displayName,\n 'InputTags.' + Tag.Circle.displayName,\n TagContainer.Tag.displayName,\n TagContainer.Addon.displayName,\n TagContainer.Close.displayName,\n TagContainer.Circle.displayName,\n ],\n true,\n );\n\n return sstyled(styles)(\n <STagContainer render={Box}>\n {advancedMode ? (\n <Children />\n ) : (\n <TagContainer.Tag>\n <Children />\n </TagContainer.Tag>\n )}\n </STagContainer>,\n );\n }\n}\n\nclass RootCloseTagContainer extends Component {\n static displayName = 'CloseTagContainer';\n static style = style;\n\n static defaultProps = () => {\n return {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n children: <CloseTagContainer.Close />,\n };\n };\n\n static enhance = [resolveColorEnhance()];\n\n handleKeyDown = (event) => {\n const { onKeyDown, onClick } = this.asProps;\n\n if (onKeyDown) {\n return onKeyDown(event);\n }\n\n if (onClick && (event.key === 'Enter' || event.key === ' ')) {\n event.preventDefault();\n onClick(event);\n }\n };\n\n render() {\n const STagContainerClose = Root;\n const { Children, styles, color, resolveColor } = this.asProps;\n\n return sstyled(styles)(\n <STagContainerClose\n render={Box}\n tag={'button'}\n type='button'\n interactive={true}\n interactiveView={true}\n tag-color={resolveColor(color)}\n onKeyDown={this.handleKeyDown}\n >\n <Children />\n </STagContainerClose>,\n );\n }\n}\n\nfunction TagContainerCircle(props) {\n const SAddon = Box;\n const SCircle = Root;\n const { styles, color, resolveColor } = props;\n return sstyled(styles)(\n <SAddon tag-color={resolveColor(color)}>\n <SCircle render={Box} />\n </SAddon>,\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 Addon(props) {\n const SAddon = Root;\n const { styles, color, resolveColor } = props;\n\n const tagColor = React.useMemo(() => {\n if (typeof resolveColor !== 'function') return;\n return resolveColor(color);\n }, [color, resolveColor]);\n\n return sstyled(styles)(<SAddon render={Box} tag='div' tag-color={tagColor} />);\n}\n\nfunction Circle(props) {\n const SCircle = Root;\n const { styles, color, resolveColor } = props;\n const tagColor = React.useMemo(() => {\n if (typeof resolveColor !== 'function') return;\n return resolveColor(color);\n }, [color, resolveColor]);\n return sstyled(styles)(<SCircle render={Box} tag='span' tag-color={tagColor} />);\n}\n\nconst Tag = createComponent(RootTag, {\n Text,\n Addon,\n Circle,\n});\n\nconst CloseTagContainer = createComponent(RootCloseTagContainer, {\n Close: CloseM,\n});\n\nexport const TagContainer = createComponent(RootTagContainer, {\n Tag,\n Addon,\n Close: CloseTagContainer,\n Circle: TagContainerCircle,\n});\n\nexport default Tag;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Tag.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","logger","CloseM","localizedMessages","i18nEnhance","resolveColorEnhance","uniqueIDEnhancement","isAdvanceMode","style","_sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits","_super","_createSuper","props","_legacyThemeRecommend","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","event","key","asProps","onClick","preventDefault","warn","use","concat","theme","Tag","displayName","_createClass","value","getCircleProps","_this$asProps","size","color","resolveColor","getTextProps","id","uid","tabIndex","role","undefined","render","_ref","_ref8","STag","_this$asProps2","Children","styles","interactive","disabled","addonLeft","addonRight","outerId","isInteractiveView","isInteractive","createElement","cn","_objectSpread","_assignProps","handleKeyDown","Addon","tag","Text","TagContainer","Circle","i18n","locale","RootTagContainer","_Component2","_super2","apply","arguments","getTagProps","_this$asProps3","_this$asProps4","getAddonProps","_this$asProps5","getCloseProps","_this$asProps6","getI18nText","_ref2","_ref9","STagContainer","_this$asProps7","forcedAdvancedMode","advancedMode","Close","_assignProps2","RootCloseTagContainer","_Component3","_super3","_this2","_len","length","args","Array","_key","_this2$asProps","onKeyDown","_ref3","_ref10","STagContainerClose","_this$asProps8","_assignProps3","children","CloseTagContainer","TagContainerCircle","_ref4","arguments[0]","_ref11","SAddon","SCircle","_assignProps4","_ref5","_ref12","SText","_assignProps5","_ref6","_ref13","tagColor","useMemo","_assignProps6","_ref7","_ref14","_assignProps7"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport logger from '@semcore/core/lib/utils/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\n\nimport style from './style/tag.shadow.css';\n\nconst legacyThemeRecommendedMigration = {\n primary: {\n muted: 'gray-500',\n info: 'blue-500',\n success: 'green-500',\n warning: 'orange-500',\n danger: 'red-500',\n },\n secondary: {\n muted: 'gray-50',\n },\n};\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement(), resolveColorEnhance()];\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, color, resolveColor } = this.asProps;\n return { size, color, resolveColor };\n }\n\n getTextProps() {\n const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n\n return {\n tabIndex: -1,\n id: `${id}-text`,\n role: undefined,\n };\n }\n\n handleKeyDown = (event) => {\n switch (event.key) {\n case ' ':\n case 'Enter':\n if (this.asProps.onClick) {\n event.preventDefault();\n this.asProps.onClick(event);\n }\n break;\n }\n };\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n resolveColor,\n id: outerId,\n uid,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n const isInteractiveView = !disabled && interactive;\n const isInteractive = !disabled && interactive;\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={isInteractive}\n use:interactiveView={isInteractiveView}\n tag-color={resolveColor(color)}\n onKeyDown={this.handleKeyDown}\n use:tabIndex={isInteractive ? 0 : -1}\n role={isInteractive ? 'button' : undefined}\n >\n {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Tag.Text, [Tag.Addon, TagContainer.Circle])}\n {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n </STag>,\n );\n }\n}\n\nclass RootTagContainer extends Component {\n static displayName = 'TagContainer';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement(), resolveColorEnhance()];\n static defaultProps = {\n color: 'gray-500',\n theme: 'primary',\n };\n\n getTagProps() {\n const {\n size,\n theme,\n color,\n disabled,\n uid,\n id: outerId,\n interactive,\n resolveColor,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n return {\n id: `${id}-text`,\n disabled,\n size,\n theme,\n color,\n tag: interactive ? 'button' : undefined,\n interactive,\n resolveColor,\n };\n }\n\n getCircleProps() {\n const { color, resolveColor, size } = this.asProps;\n return { color, resolveColor, size };\n }\n\n getAddonProps() {\n const { color, resolveColor } = this.asProps;\n\n return { color, resolveColor };\n }\n\n getCloseProps() {\n const {\n size,\n theme,\n color,\n disabled,\n uid,\n id: outerId,\n getI18nText,\n resolveColor,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n return {\n disabled,\n size,\n theme,\n color,\n id: `${id}-clear`,\n 'aria-labelledby': `${id}-clear ${id}-text`,\n 'aria-label': getI18nText('remove'),\n resolveColor,\n };\n }\n\n render() {\n const STagContainer = Root;\n const { styles, Children, forcedAdvancedMode } = this.asProps;\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [\n 'InputTags.' + Tag.Text.displayName,\n 'InputTags.' + Tag.Addon.displayName,\n 'InputTags.' + Tag.Circle.displayName,\n TagContainer.Tag.displayName,\n TagContainer.Addon.displayName,\n TagContainer.Close.displayName,\n TagContainer.Circle.displayName,\n ],\n true,\n );\n\n return sstyled(styles)(\n <STagContainer render={Box}>\n {advancedMode ? (\n <Children />\n ) : (\n <TagContainer.Tag>\n <Children />\n </TagContainer.Tag>\n )}\n </STagContainer>,\n );\n }\n}\n\nclass RootCloseTagContainer extends Component {\n static displayName = 'CloseTagContainer';\n static style = style;\n\n static defaultProps = () => {\n return {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n children: <CloseTagContainer.Close />,\n };\n };\n\n static enhance = [resolveColorEnhance()];\n\n handleKeyDown = (event) => {\n const { onKeyDown, onClick } = this.asProps;\n\n if (onKeyDown) {\n return onKeyDown(event);\n }\n\n if (onClick && (event.key === 'Enter' || event.key === ' ')) {\n event.preventDefault();\n onClick(event);\n }\n };\n\n render() {\n const STagContainerClose = Root;\n const { Children, styles, color, resolveColor } = this.asProps;\n\n return sstyled(styles)(\n <STagContainerClose\n render={Box}\n tag={'button'}\n type='button'\n interactive={true}\n interactiveView={true}\n tag-color={resolveColor(color)}\n onKeyDown={this.handleKeyDown}\n >\n <Children />\n </STagContainerClose>,\n );\n }\n}\n\nfunction TagContainerCircle(props) {\n const SAddon = Box;\n const SCircle = Root;\n const { styles, color, resolveColor } = props;\n return sstyled(styles)(\n <SAddon tag-color={resolveColor(color)}>\n <SCircle render={Box} />\n </SAddon>,\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 Addon(props) {\n const SAddon = Root;\n const { styles, color, resolveColor } = props;\n\n const tagColor = React.useMemo(() => {\n if (typeof resolveColor !== 'function') return;\n return resolveColor(color);\n }, [color, resolveColor]);\n\n return sstyled(styles)(<SAddon render={Box} tag='div' tag-color={tagColor} />);\n}\n\nfunction Circle(props) {\n const SCircle = Root;\n const { styles, color, resolveColor } = props;\n const tagColor = React.useMemo(() => {\n if (typeof resolveColor !== 'function') return;\n return resolveColor(color);\n }, [color, resolveColor]);\n return sstyled(styles)(<SCircle render={Box} tag='span' tag-color={tagColor} />);\n}\n\nconst Tag = createComponent(RootTag, {\n Text,\n Addon,\n Circle,\n});\n\nconst CloseTagContainer = createComponent(RootCloseTagContainer, {\n Close: CloseM,\n});\n\nexport const TagContainer = createComponent(RootTagContainer, {\n Tag,\n Addon,\n Close: CloseTagContainer,\n Circle: TagContainerCircle,\n});\n\nexport default Tag;\n"],"mappings":"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"}
|
|
@@ -4,25 +4,16 @@ SCircle {
|
|
|
4
4
|
justify-content: center;
|
|
5
5
|
overflow: hidden;
|
|
6
6
|
border-radius: 50%;
|
|
7
|
-
margin: 0 var(--intergalactic-spacing-1x, 4px);
|
|
8
|
-
|
|
9
|
-
&:first-child {
|
|
10
|
-
margin-left: 0;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
&:last-child {
|
|
14
|
-
margin-right: 0;
|
|
15
|
-
}
|
|
16
7
|
}
|
|
17
8
|
|
|
18
9
|
SCircle[size="m"] {
|
|
19
|
-
width:
|
|
20
|
-
height:
|
|
10
|
+
width: 12px;
|
|
11
|
+
height: 12px;
|
|
21
12
|
}
|
|
22
13
|
|
|
23
14
|
SCircle[size="l"] {
|
|
24
|
-
width:
|
|
25
|
-
height:
|
|
15
|
+
width: 16px;
|
|
16
|
+
height: 16px;
|
|
26
17
|
}
|
|
27
18
|
|
|
28
19
|
SCircle[size="xl"] {
|
|
@@ -35,9 +26,11 @@ SAddon {
|
|
|
35
26
|
flex-shrink: 0;
|
|
36
27
|
align-items: center;
|
|
37
28
|
justify-content: center;
|
|
38
|
-
padding-left: var(--intergalactic-spacing-1x, 4px);
|
|
39
|
-
padding-right: var(--intergalactic-spacing-1x, 4px);
|
|
40
29
|
position: relative;
|
|
30
|
+
|
|
31
|
+
&:last-child {
|
|
32
|
+
padding-right: 0;
|
|
33
|
+
}
|
|
41
34
|
}
|
|
42
35
|
|
|
43
36
|
STagContainer SAddon {
|
|
@@ -111,16 +104,12 @@ STag[interactiveView] {
|
|
|
111
104
|
|
|
112
105
|
STag[size="m"],
|
|
113
106
|
STagContainerClose[size="m"],
|
|
114
|
-
STagContainer[size="m"]
|
|
107
|
+
STagContainer[size="m"] {
|
|
115
108
|
height: 20px;
|
|
116
109
|
min-width: 20px;
|
|
117
110
|
|
|
118
|
-
&
|
|
119
|
-
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
& SCircle:last-child {
|
|
123
|
-
margin-right: calc(-1 * var(--intergalactic-spacing-05x, 2px));
|
|
111
|
+
& SAddon:first-child {
|
|
112
|
+
padding-left: 0;
|
|
124
113
|
}
|
|
125
114
|
|
|
126
115
|
& SText {
|
|
@@ -131,7 +120,7 @@ STagContainer[size="m"] SAddon {
|
|
|
131
120
|
|
|
132
121
|
STag[size="l"],
|
|
133
122
|
STagContainerClose[size="l"],
|
|
134
|
-
STagContainer[size="l"]
|
|
123
|
+
STagContainer[size="l"] {
|
|
135
124
|
height: 28px;
|
|
136
125
|
min-width: 28px;
|
|
137
126
|
|
|
@@ -238,17 +227,12 @@ SText {
|
|
|
238
227
|
position: relative;
|
|
239
228
|
}
|
|
240
229
|
|
|
241
|
-
SText:
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
padding-right: 0;
|
|
248
|
-
}
|
|
249
|
-
|
|
250
|
-
SText:not(:only-child):last-child {
|
|
251
|
-
padding-left: 0;
|
|
230
|
+
SText:focus-visible {
|
|
231
|
+
box-shadow: var(
|
|
232
|
+
--intergalactic-keyboard-focus,
|
|
233
|
+
0px 0px 0px 3px rgba(0, 143, 248, 0.5)
|
|
234
|
+
);
|
|
235
|
+
z-index: 1;
|
|
252
236
|
}
|
|
253
237
|
|
|
254
238
|
SClose {
|
|
@@ -257,7 +241,7 @@ SClose {
|
|
|
257
241
|
flex-shrink: 0;
|
|
258
242
|
align-items: center;
|
|
259
243
|
justify-content: center;
|
|
260
|
-
padding: var(--intergalactic-spacing-1x, 4px);
|
|
244
|
+
padding: var(--intergalactic-spacing-1x, 4px) 0;
|
|
261
245
|
position: relative;
|
|
262
246
|
|
|
263
247
|
& path {
|
|
@@ -301,7 +285,6 @@ STagContainer {
|
|
|
301
285
|
&:not(:first-child) {
|
|
302
286
|
border-top-left-radius: 0;
|
|
303
287
|
border-bottom-left-radius: 0;
|
|
304
|
-
padding-left: var(--intergalactic-spacing-05x, 2px);
|
|
305
288
|
|
|
306
289
|
&::before,
|
|
307
290
|
&::after {
|
package/lib/esm/Tag.mjs
CHANGED
|
@@ -16,34 +16,37 @@ import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
|
|
|
16
16
|
import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
|
|
17
17
|
import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
|
|
18
18
|
import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
|
|
19
|
+
/*!__reshadow-styles__:"./style/tag.shadow.css"*/
|
|
19
20
|
var style = (
|
|
20
21
|
/*__reshadow_css_start__*/
|
|
21
22
|
(sstyled.insert(
|
|
22
23
|
/*__inner_css_start__*/
|
|
23
|
-
'.___SCircle_1b256_gg_{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1b256_gg_:first-child{margin-left:0}.___SCircle_1b256_gg_:last-child{margin-right:0}.___SCircle_1b256_gg_._size_m_1b256_gg_{width:16px;height:16px}.___SCircle_1b256_gg_._size_l_1b256_gg_,.___SCircle_1b256_gg_._size_xl_1b256_gg_{width:20px;height:20px}.___SAddon_1b256_gg_,.___STagContainerClose_1b256_gg_,.___STag_1b256_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1b256_gg_{flex-shrink:0}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_{padding-left:0;padding-right:0}.___STagContainerClose_1b256_gg_,.___STag_1b256_gg_{vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_1b256)}.___STagContainerClose_1b256_gg_.__interactive_1b256_gg_:focus-visible,.___STag_1b256_gg_.__interactive_1b256_gg_:focus-visible{z-index:1}.___STagContainerClose_1b256_gg_::before,.___STag_1b256_gg_::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--intergalactic-tag-rounded, 24px);background-color:var(--tag-color_1b256);opacity:.2;filter:brightness(150%)}.___STagContainerClose_1b256_gg_::after,.___STag_1b256_gg_::after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--intergalactic-tag-rounded, 24px);pointer-events:none;border:1px solid var(--tag-color_1b256);opacity:.1;filter:brightness(150%)}.___STagContainerClose_1b256_gg_:active,.___STag_1b256_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STagContainerClose_1b256_gg_:hover,.___STag_1b256_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___STagContainerClose_1b256_gg_.__disabled_1b256_gg_,.___STag_1b256_gg_.__disabled_1b256_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1b256_gg_.__interactiveView_1b256_gg_{cursor:pointer}.___STagContainerClose_1b256_gg_._size_m_1b256_gg_,.___STagContainer_1b256_gg_._size_m_1b256_gg_ .___SAddon_1b256_gg_,.___STag_1b256_gg_._size_m_1b256_gg_{height:20px;min-width:20px}.___STagContainerClose_1b256_gg_._size_m_1b256_gg_ .___SCircle_1b256_gg_:first-child,.___STagContainer_1b256_gg_._size_m_1b256_gg_ .___SAddon_1b256_gg_ .___SCircle_1b256_gg_:first-child,.___STag_1b256_gg_._size_m_1b256_gg_ .___SCircle_1b256_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_1b256_gg_._size_m_1b256_gg_ .___SCircle_1b256_gg_:last-child,.___STagContainer_1b256_gg_._size_m_1b256_gg_ .___SAddon_1b256_gg_ .___SCircle_1b256_gg_:last-child,.___STag_1b256_gg_._size_m_1b256_gg_ .___SCircle_1b256_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_1b256_gg_._size_m_1b256_gg_ .___SText_1b256_gg_,.___STagContainer_1b256_gg_._size_m_1b256_gg_ .___SAddon_1b256_gg_ .___SText_1b256_gg_,.___STag_1b256_gg_._size_m_1b256_gg_ .___SText_1b256_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STagContainerClose_1b256_gg_._size_l_1b256_gg_,.___STagContainer_1b256_gg_._size_l_1b256_gg_ .___SAddon_1b256_gg_,.___STag_1b256_gg_._size_l_1b256_gg_{height:28px;min-width:28px}.___STagContainerClose_1b256_gg_._size_l_1b256_gg_ .___SText_1b256_gg_,.___STagContainer_1b256_gg_._size_l_1b256_gg_ .___SAddon_1b256_gg_ .___SText_1b256_gg_,.___STag_1b256_gg_._size_l_1b256_gg_ .___SText_1b256_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STagContainerClose_1b256_gg_._size_xl_1b256_gg_,.___STag_1b256_gg_._size_xl_1b256_gg_{height:40px;min-width:40px;padding:0 var(--intergalactic-spacing-2x, 8px)}.___STagContainerClose_1b256_gg_._size_xl_1b256_gg_ .___SText_1b256_gg_,.___STag_1b256_gg_._size_xl_1b256_gg_ .___SText_1b256_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_::before,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_::before,.___STag_1b256_gg_._theme_primary_1b256_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_:after,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_:after,.___STag_1b256_gg_._theme_primary_1b256_gg_:after{display:none}.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_.__active_1b256_gg_:before,.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_.__active_1b256_gg_:before,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STag_1b256_gg_._theme_primary_1b256_gg_.__active_1b256_gg_:before,.___STag_1b256_gg_._theme_primary_1b256_gg_.__interactiveView_1b256_gg_:active:before{opacity:.3}@media (hover:hover){.___STagContainerClose_1b256_gg_._theme_primary_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STagContainer_1b256_gg_._theme_primary_1b256_gg_ .___SAddon_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STag_1b256_gg_._theme_primary_1b256_gg_.__interactiveView_1b256_gg_:hover:before{opacity:.3}}.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_::before,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_::before,.___STag_1b256_gg_._theme_additional_1b256_gg_::before,.___STag_1b256_gg_._theme_secondary_1b256_gg_::before{opacity:.01}.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_.__active_1b256_gg_:before,.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_.__active_1b256_gg_:before,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STag_1b256_gg_._theme_additional_1b256_gg_.__active_1b256_gg_:before,.___STag_1b256_gg_._theme_additional_1b256_gg_.__interactiveView_1b256_gg_:active:before,.___STag_1b256_gg_._theme_secondary_1b256_gg_.__active_1b256_gg_:before,.___STag_1b256_gg_._theme_secondary_1b256_gg_.__interactiveView_1b256_gg_:active:before{opacity:.1}@media (hover:hover){.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STag_1b256_gg_._theme_additional_1b256_gg_.__interactiveView_1b256_gg_:hover:before,.___STag_1b256_gg_._theme_secondary_1b256_gg_.__interactiveView_1b256_gg_:hover:before{opacity:.1}}.___SClose_1b256_gg_ path,.___STagContainerClose_1b256_gg_._theme_additional-invert_1b256_gg_::after,.___STagContainerClose_1b256_gg_._theme_additional_1b256_gg_::after,.___STagContainerClose_1b256_gg_._theme_secondary-invert_1b256_gg_::after,.___STagContainerClose_1b256_gg_._theme_secondary_1b256_gg_::after,.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_ svg path,.___STag_1b256_gg_._theme_additional-invert_1b256_gg_::after,.___STag_1b256_gg_._theme_additional_1b256_gg_::after,.___STag_1b256_gg_._theme_secondary-invert_1b256_gg_::after,.___STag_1b256_gg_._theme_secondary_1b256_gg_::after{opacity:.5}.___STagContainerClose_1b256_gg_._theme_primary-invert_1b256_gg_,.___STag_1b256_gg_._theme_primary-invert_1b256_gg_{background-color:var(--intergalactic-tag-primary-white-normal,\n rgba(255, 255, 255, 0.15)\n );color:var(--intergalactic-text-primary-invert, #ffffff)}.___STagContainerClose_1b256_gg_._theme_additional-invert_1b256_gg_,.___STagContainerClose_1b256_gg_._theme_secondary-invert_1b256_gg_,.___STag_1b256_gg_._theme_additional-invert_1b256_gg_,.___STag_1b256_gg_._theme_secondary-invert_1b256_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1b256_gg_._theme_additional_1b256_gg_::after{border-style:dashed}.___SText_1b256_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;position:relative}.___SText_1b256_gg_:not(:only-child):first-child{padding-right:0}.___SText_1b256_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1b256_gg_:not(:only-child):last-child{padding-left:0}.___SClose_1b256_gg_{cursor:pointer;flex-shrink:0;padding:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SClose_1b256_gg_:hover path{opacity:1}}.___SClose_1b256_gg_,.___STagContainer_1b256_gg_{display:inline-flex;position:relative;align-items:center;justify-content:center}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:last-child),.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:last-child)::after,.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:last-child)::before,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:last-child)::after,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:last-child)::before{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:last-child) .___SText_1b256_gg_,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:last-child) .___SText_1b256_gg_{padding-right:0}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:first-child),.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;padding-left:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:first-child)::after,.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:first-child)::before,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:first-child)::after,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:first-child)::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1b256_gg_ .___SAddon_1b256_gg_:not(:first-child) .___SText_1b256_gg_,.___STagContainer_1b256_gg_ .___STag_1b256_gg_:not(:first-child) .___SText_1b256_gg_{padding-left:0}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_{cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0;padding-right:0;min-width:20px}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_::after,.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_::before{left:-1px}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_ svg{padding-left:0;padding-right:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_:hover svg path{opacity:1}}.___STagContainer_1b256_gg_ .___STagContainerClose_1b256_gg_._size_xl_1b256_gg_ svg{padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-2x, 8px)}',
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
24
|
+
'.___SAddon_1h1jn_gg_,.___SCircle_1h1jn_gg_{display:inline-flex;align-items:center;justify-content:center}.___SCircle_1h1jn_gg_{overflow:hidden;border-radius:50%}.___SCircle_1h1jn_gg_._size_m_1h1jn_gg_{width:12px;height:12px}.___SCircle_1h1jn_gg_._size_l_1h1jn_gg_{width:16px;height:16px}.___SCircle_1h1jn_gg_._size_xl_1h1jn_gg_{width:20px;height:20px}.___SAddon_1h1jn_gg_{flex-shrink:0;position:relative}.___SAddon_1h1jn_gg_:last-child{padding-right:0}.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_{padding-left:0;padding-right:0}.___STagContainerClose_1h1jn_gg_,.___STag_1h1jn_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_1h1jn)}.___STagContainerClose_1h1jn_gg_.__interactive_1h1jn_gg_:focus-visible,.___STag_1h1jn_gg_.__interactive_1h1jn_gg_:focus-visible{z-index:1}.___STagContainerClose_1h1jn_gg_::before,.___STag_1h1jn_gg_::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--intergalactic-tag-rounded, 24px);background-color:var(--tag-color_1h1jn);opacity:.2;filter:brightness(150%)}.___STagContainerClose_1h1jn_gg_::after,.___STag_1h1jn_gg_::after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--intergalactic-tag-rounded, 24px);pointer-events:none;border:1px solid var(--tag-color_1h1jn);opacity:.1;filter:brightness(150%)}.___STagContainerClose_1h1jn_gg_:active,.___STag_1h1jn_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STagContainerClose_1h1jn_gg_:hover,.___STag_1h1jn_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___STagContainerClose_1h1jn_gg_.__disabled_1h1jn_gg_,.___STag_1h1jn_gg_.__disabled_1h1jn_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1h1jn_gg_.__interactiveView_1h1jn_gg_{cursor:pointer}.___STagContainerClose_1h1jn_gg_._size_m_1h1jn_gg_,.___STagContainer_1h1jn_gg_._size_m_1h1jn_gg_,.___STag_1h1jn_gg_._size_m_1h1jn_gg_{height:20px;min-width:20px}.___STagContainerClose_1h1jn_gg_._size_m_1h1jn_gg_ .___SAddon_1h1jn_gg_:first-child,.___STagContainer_1h1jn_gg_._size_m_1h1jn_gg_ .___SAddon_1h1jn_gg_:first-child,.___STag_1h1jn_gg_._size_m_1h1jn_gg_ .___SAddon_1h1jn_gg_:first-child{padding-left:0}.___STagContainerClose_1h1jn_gg_._size_m_1h1jn_gg_ .___SText_1h1jn_gg_,.___STagContainer_1h1jn_gg_._size_m_1h1jn_gg_ .___SText_1h1jn_gg_,.___STag_1h1jn_gg_._size_m_1h1jn_gg_ .___SText_1h1jn_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STagContainerClose_1h1jn_gg_._size_l_1h1jn_gg_,.___STagContainer_1h1jn_gg_._size_l_1h1jn_gg_,.___STag_1h1jn_gg_._size_l_1h1jn_gg_{height:28px;min-width:28px}.___STagContainerClose_1h1jn_gg_._size_l_1h1jn_gg_ .___SText_1h1jn_gg_,.___STagContainer_1h1jn_gg_._size_l_1h1jn_gg_ .___SText_1h1jn_gg_,.___STag_1h1jn_gg_._size_l_1h1jn_gg_ .___SText_1h1jn_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STagContainerClose_1h1jn_gg_._size_xl_1h1jn_gg_,.___STag_1h1jn_gg_._size_xl_1h1jn_gg_{height:40px;min-width:40px;padding:0 var(--intergalactic-spacing-2x, 8px)}.___STagContainerClose_1h1jn_gg_._size_xl_1h1jn_gg_ .___SText_1h1jn_gg_,.___STag_1h1jn_gg_._size_xl_1h1jn_gg_ .___SText_1h1jn_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STagContainerClose_1h1jn_gg_._theme_primary_1h1jn_gg_::before,.___STagContainer_1h1jn_gg_._theme_primary_1h1jn_gg_ .___SAddon_1h1jn_gg_::before,.___STag_1h1jn_gg_._theme_primary_1h1jn_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STagContainerClose_1h1jn_gg_._theme_primary_1h1jn_gg_:after,.___STagContainer_1h1jn_gg_._theme_primary_1h1jn_gg_ .___SAddon_1h1jn_gg_:after,.___STag_1h1jn_gg_._theme_primary_1h1jn_gg_:after{display:none}.___STagContainerClose_1h1jn_gg_._theme_primary_1h1jn_gg_.__active_1h1jn_gg_:before,.___STagContainerClose_1h1jn_gg_._theme_primary_1h1jn_gg_.__interactiveView_1h1jn_gg_:active:before,.___STagContainer_1h1jn_gg_._theme_primary_1h1jn_gg_ .___SAddon_1h1jn_gg_.__active_1h1jn_gg_:before,.___STagContainer_1h1jn_gg_._theme_primary_1h1jn_gg_ .___SAddon_1h1jn_gg_.__interactiveView_1h1jn_gg_:active:before,.___STag_1h1jn_gg_._theme_primary_1h1jn_gg_.__active_1h1jn_gg_:before,.___STag_1h1jn_gg_._theme_primary_1h1jn_gg_.__interactiveView_1h1jn_gg_:active:before{opacity:.3}@media (hover:hover){.___STagContainerClose_1h1jn_gg_._theme_primary_1h1jn_gg_.__interactiveView_1h1jn_gg_:hover:before,.___STagContainer_1h1jn_gg_._theme_primary_1h1jn_gg_ .___SAddon_1h1jn_gg_.__interactiveView_1h1jn_gg_:hover:before,.___STag_1h1jn_gg_._theme_primary_1h1jn_gg_.__interactiveView_1h1jn_gg_:hover:before{opacity:.3}}.___STagContainerClose_1h1jn_gg_._theme_additional_1h1jn_gg_::before,.___STagContainerClose_1h1jn_gg_._theme_secondary_1h1jn_gg_::before,.___STag_1h1jn_gg_._theme_additional_1h1jn_gg_::before,.___STag_1h1jn_gg_._theme_secondary_1h1jn_gg_::before{opacity:.01}.___STagContainerClose_1h1jn_gg_._theme_additional_1h1jn_gg_.__active_1h1jn_gg_:before,.___STagContainerClose_1h1jn_gg_._theme_additional_1h1jn_gg_.__interactiveView_1h1jn_gg_:active:before,.___STagContainerClose_1h1jn_gg_._theme_secondary_1h1jn_gg_.__active_1h1jn_gg_:before,.___STagContainerClose_1h1jn_gg_._theme_secondary_1h1jn_gg_.__interactiveView_1h1jn_gg_:active:before,.___STag_1h1jn_gg_._theme_additional_1h1jn_gg_.__active_1h1jn_gg_:before,.___STag_1h1jn_gg_._theme_additional_1h1jn_gg_.__interactiveView_1h1jn_gg_:active:before,.___STag_1h1jn_gg_._theme_secondary_1h1jn_gg_.__active_1h1jn_gg_:before,.___STag_1h1jn_gg_._theme_secondary_1h1jn_gg_.__interactiveView_1h1jn_gg_:active:before{opacity:.1}@media (hover:hover){.___STagContainerClose_1h1jn_gg_._theme_additional_1h1jn_gg_.__interactiveView_1h1jn_gg_:hover:before,.___STagContainerClose_1h1jn_gg_._theme_secondary_1h1jn_gg_.__interactiveView_1h1jn_gg_:hover:before,.___STag_1h1jn_gg_._theme_additional_1h1jn_gg_.__interactiveView_1h1jn_gg_:hover:before,.___STag_1h1jn_gg_._theme_secondary_1h1jn_gg_.__interactiveView_1h1jn_gg_:hover:before{opacity:.1}}.___SClose_1h1jn_gg_ path,.___STagContainerClose_1h1jn_gg_._theme_additional-invert_1h1jn_gg_::after,.___STagContainerClose_1h1jn_gg_._theme_additional_1h1jn_gg_::after,.___STagContainerClose_1h1jn_gg_._theme_secondary-invert_1h1jn_gg_::after,.___STagContainerClose_1h1jn_gg_._theme_secondary_1h1jn_gg_::after,.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_ svg path,.___STag_1h1jn_gg_._theme_additional-invert_1h1jn_gg_::after,.___STag_1h1jn_gg_._theme_additional_1h1jn_gg_::after,.___STag_1h1jn_gg_._theme_secondary-invert_1h1jn_gg_::after,.___STag_1h1jn_gg_._theme_secondary_1h1jn_gg_::after{opacity:.5}.___STagContainerClose_1h1jn_gg_._theme_primary-invert_1h1jn_gg_,.___STag_1h1jn_gg_._theme_primary-invert_1h1jn_gg_{background-color:var(--intergalactic-tag-primary-white-normal,\n rgba(255, 255, 255, 0.15)\n );color:var(--intergalactic-text-primary-invert, #ffffff)}.___STagContainerClose_1h1jn_gg_._theme_additional-invert_1h1jn_gg_,.___STagContainerClose_1h1jn_gg_._theme_secondary-invert_1h1jn_gg_,.___STag_1h1jn_gg_._theme_additional-invert_1h1jn_gg_,.___STag_1h1jn_gg_._theme_secondary-invert_1h1jn_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1h1jn_gg_._theme_additional_1h1jn_gg_::after{border-style:dashed}.___SText_1h1jn_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;position:relative}.___SText_1h1jn_gg_:focus-visible{box-shadow:var(--intergalactic-keyboard-focus,\n 0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n );z-index:1}.___SClose_1h1jn_gg_{cursor:pointer;flex-shrink:0;padding:var(--intergalactic-spacing-1x, 4px)0}@media (hover:hover){.___SClose_1h1jn_gg_:hover path{opacity:1}}.___SClose_1h1jn_gg_,.___STagContainer_1h1jn_gg_{display:inline-flex;position:relative;align-items:center;justify-content:center}.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:last-child),.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:last-child)::after,.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:last-child)::before,.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:last-child)::after,.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:last-child)::before{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:last-child) .___SText_1h1jn_gg_,.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:last-child) .___SText_1h1jn_gg_{padding-right:0}.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:first-child),.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:first-child)::after,.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:first-child)::before,.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:first-child)::after,.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:first-child)::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1h1jn_gg_ .___SAddon_1h1jn_gg_:not(:first-child) .___SText_1h1jn_gg_,.___STagContainer_1h1jn_gg_ .___STag_1h1jn_gg_:not(:first-child) .___SText_1h1jn_gg_{padding-left:0}.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_{cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0;padding-right:0;min-width:20px}.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_::after,.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_::before{left:-1px}.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_ svg{padding-left:0;padding-right:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_:hover svg path{opacity:1}}.___STagContainer_1h1jn_gg_ .___STagContainerClose_1h1jn_gg_._size_xl_1h1jn_gg_ svg{padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-2x, 8px)}',
|
|
25
|
+
/*__inner_css_end__*/
|
|
26
|
+
"1h1jn_gg_"
|
|
27
|
+
), /*__reshadow_css_end__*/
|
|
28
|
+
{
|
|
29
|
+
"__SCircle": "___SCircle_1h1jn_gg_",
|
|
30
|
+
"_size_m": "_size_m_1h1jn_gg_",
|
|
31
|
+
"_size_l": "_size_l_1h1jn_gg_",
|
|
32
|
+
"_size_xl": "_size_xl_1h1jn_gg_",
|
|
33
|
+
"__STagContainer": "___STagContainer_1h1jn_gg_",
|
|
34
|
+
"__SAddon": "___SAddon_1h1jn_gg_",
|
|
35
|
+
"__STag": "___STag_1h1jn_gg_",
|
|
36
|
+
"_disabled": "__disabled_1h1jn_gg_",
|
|
37
|
+
"__STagContainerClose": "___STagContainerClose_1h1jn_gg_",
|
|
38
|
+
"_interactiveView": "__interactiveView_1h1jn_gg_",
|
|
39
|
+
"_theme_primary-invert": "_theme_primary-invert_1h1jn_gg_",
|
|
40
|
+
"_theme_secondary-invert": "_theme_secondary-invert_1h1jn_gg_",
|
|
41
|
+
"_theme_additional-invert": "_theme_additional-invert_1h1jn_gg_",
|
|
42
|
+
"__SText": "___SText_1h1jn_gg_",
|
|
43
|
+
"--tag-color": "--tag-color_1h1jn",
|
|
44
|
+
"_interactive": "__interactive_1h1jn_gg_",
|
|
45
|
+
"_theme_primary": "_theme_primary_1h1jn_gg_",
|
|
46
|
+
"_active": "__active_1h1jn_gg_",
|
|
47
|
+
"_theme_secondary": "_theme_secondary_1h1jn_gg_",
|
|
48
|
+
"_theme_additional": "_theme_additional_1h1jn_gg_",
|
|
49
|
+
"__SClose": "___SClose_1h1jn_gg_"
|
|
47
50
|
})
|
|
48
51
|
);
|
|
49
52
|
var legacyThemeRecommendedMigration = {
|
|
@@ -0,0 +1,341 @@
|
|
|
1
|
+
SCircle {
|
|
2
|
+
display: inline-flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
justify-content: center;
|
|
5
|
+
overflow: hidden;
|
|
6
|
+
border-radius: 50%;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
SCircle[size="m"] {
|
|
10
|
+
width: 12px;
|
|
11
|
+
height: 12px;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
SCircle[size="l"] {
|
|
15
|
+
width: 16px;
|
|
16
|
+
height: 16px;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
SCircle[size="xl"] {
|
|
20
|
+
width: 20px;
|
|
21
|
+
height: 20px;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
SAddon {
|
|
25
|
+
display: inline-flex;
|
|
26
|
+
flex-shrink: 0;
|
|
27
|
+
align-items: center;
|
|
28
|
+
justify-content: center;
|
|
29
|
+
position: relative;
|
|
30
|
+
|
|
31
|
+
&:last-child {
|
|
32
|
+
padding-right: 0;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
STagContainer SAddon {
|
|
37
|
+
padding-left: 0;
|
|
38
|
+
padding-right: 0;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
STag,
|
|
42
|
+
STagContainerClose {
|
|
43
|
+
position: relative;
|
|
44
|
+
display: inline-flex;
|
|
45
|
+
align-items: center;
|
|
46
|
+
justify-content: center;
|
|
47
|
+
vertical-align: middle;
|
|
48
|
+
border: 1px solid var(--intergalactic-bg-primary-neutral, #ffffff);
|
|
49
|
+
box-sizing: border-box;
|
|
50
|
+
background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
|
|
51
|
+
border-radius: var(--intergalactic-tag-rounded, 24px);
|
|
52
|
+
padding-left: var(--intergalactic-spacing-1x, 4px);
|
|
53
|
+
padding-right: var(--intergalactic-spacing-1x, 4px);
|
|
54
|
+
font-weight: var(--intergalactic-medium, 500);
|
|
55
|
+
color: var(--tag-color);
|
|
56
|
+
|
|
57
|
+
&[interactive]:focus-visible {
|
|
58
|
+
z-index: 1;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
&::before {
|
|
62
|
+
content: "";
|
|
63
|
+
position: absolute;
|
|
64
|
+
top: 0;
|
|
65
|
+
left: 0;
|
|
66
|
+
right: 0;
|
|
67
|
+
bottom: 0;
|
|
68
|
+
border-radius: var(--intergalactic-tag-rounded, 24px);
|
|
69
|
+
background-color: var(--tag-color);
|
|
70
|
+
opacity: 0.2;
|
|
71
|
+
filter: brightness(150%);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
&::after {
|
|
75
|
+
content: "";
|
|
76
|
+
position: absolute;
|
|
77
|
+
top: -1px;
|
|
78
|
+
left: -1px;
|
|
79
|
+
right: -1px;
|
|
80
|
+
bottom: -1px;
|
|
81
|
+
border-radius: var(--intergalactic-tag-rounded, 24px);
|
|
82
|
+
pointer-events: none;
|
|
83
|
+
border: 1px solid var(--tag-color);
|
|
84
|
+
opacity: 0.1;
|
|
85
|
+
filter: brightness(150%);
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
&:active,
|
|
89
|
+
&:hover {
|
|
90
|
+
text-decoration: none;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
STag[disabled],
|
|
95
|
+
STagContainerClose[disabled] {
|
|
96
|
+
opacity: var(--intergalactic-disabled-opacity, 0.3);
|
|
97
|
+
cursor: default;
|
|
98
|
+
pointer-events: none;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
STag[interactiveView] {
|
|
102
|
+
cursor: pointer;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
STag[size="m"],
|
|
106
|
+
STagContainerClose[size="m"],
|
|
107
|
+
STagContainer[size="m"] {
|
|
108
|
+
height: 20px;
|
|
109
|
+
min-width: 20px;
|
|
110
|
+
|
|
111
|
+
& SAddon:first-child {
|
|
112
|
+
padding-left: 0;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
& SText {
|
|
116
|
+
font-size: var(--intergalactic-fs-100, 12px);
|
|
117
|
+
line-height: var(--intergalactic-lh-100, 133%);
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
STag[size="l"],
|
|
122
|
+
STagContainerClose[size="l"],
|
|
123
|
+
STagContainer[size="l"] {
|
|
124
|
+
height: 28px;
|
|
125
|
+
min-width: 28px;
|
|
126
|
+
|
|
127
|
+
& SText {
|
|
128
|
+
font-size: var(--intergalactic-fs-200, 14px);
|
|
129
|
+
line-height: var(--intergalactic-lh-200, 142%);
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
STag[size="xl"],
|
|
134
|
+
STagContainerClose[size="xl"] {
|
|
135
|
+
height: 40px;
|
|
136
|
+
min-width: 40px;
|
|
137
|
+
padding: 0 var(--intergalactic-spacing-2x, 8px);
|
|
138
|
+
|
|
139
|
+
& SText {
|
|
140
|
+
font-size: var(--intergalactic-fs-300, 16px);
|
|
141
|
+
line-height: var(--intergalactic-lh-300, 150%);
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
STag[theme="primary"],
|
|
146
|
+
STagContainerClose[theme="primary"],
|
|
147
|
+
STagContainer[theme="primary"] SAddon {
|
|
148
|
+
&::before {
|
|
149
|
+
top: -1px;
|
|
150
|
+
left: -1px;
|
|
151
|
+
right: -1px;
|
|
152
|
+
bottom: -1px;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
&:after {
|
|
156
|
+
display: none;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
&[interactiveView]:hover,
|
|
160
|
+
&[interactiveView]:active,
|
|
161
|
+
&[active] {
|
|
162
|
+
&:before {
|
|
163
|
+
opacity: 0.3;
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
STag[theme="secondary"],
|
|
169
|
+
STagContainerClose[theme="secondary"],
|
|
170
|
+
STag[theme="additional"],
|
|
171
|
+
STagContainerClose[theme="additional"] {
|
|
172
|
+
&::before {
|
|
173
|
+
opacity: 0.01;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
&[interactiveView]:hover,
|
|
177
|
+
&[interactiveView]:active,
|
|
178
|
+
&[active] {
|
|
179
|
+
&:before {
|
|
180
|
+
opacity: 0.1;
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
STag[theme="secondary"],
|
|
186
|
+
STagContainerClose[theme="secondary"],
|
|
187
|
+
STag[theme="additional"],
|
|
188
|
+
STagContainerClose[theme="additional"],
|
|
189
|
+
STag[theme="secondary-invert"],
|
|
190
|
+
STagContainerClose[theme="secondary-invert"],
|
|
191
|
+
STag[theme="additional-invert"],
|
|
192
|
+
STagContainerClose[theme="additional-invert"] {
|
|
193
|
+
&::after {
|
|
194
|
+
opacity: 0.5;
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
STag[theme="primary-invert"],
|
|
199
|
+
STagContainerClose[theme="primary-invert"] {
|
|
200
|
+
background-color: var(
|
|
201
|
+
--intergalactic-tag-primary-white-normal,
|
|
202
|
+
rgba(255, 255, 255, 0.15)
|
|
203
|
+
);
|
|
204
|
+
color: var(--intergalactic-text-primary-invert, #ffffff);
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
STag[theme="secondary-invert"],
|
|
208
|
+
STagContainerClose[theme="secondary-invert"],
|
|
209
|
+
STag[theme="additional-invert"],
|
|
210
|
+
STagContainerClose[theme="additional-invert"] {
|
|
211
|
+
color: var(--intergalactic-text-primary-invert, #ffffff);
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
STag[theme="additional"] {
|
|
215
|
+
&::after {
|
|
216
|
+
border-style: dashed;
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
SText {
|
|
221
|
+
display: inline-block;
|
|
222
|
+
padding-left: var(--intergalactic-spacing-1x, 4px);
|
|
223
|
+
padding-right: var(--intergalactic-spacing-1x, 4px);
|
|
224
|
+
white-space: nowrap;
|
|
225
|
+
overflow: hidden;
|
|
226
|
+
text-overflow: ellipsis;
|
|
227
|
+
position: relative;
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
SText:focus-visible {
|
|
231
|
+
box-shadow: var(
|
|
232
|
+
--intergalactic-keyboard-focus,
|
|
233
|
+
0px 0px 0px 3px rgba(0, 143, 248, 0.5)
|
|
234
|
+
);
|
|
235
|
+
z-index: 1;
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
SClose {
|
|
239
|
+
cursor: pointer;
|
|
240
|
+
display: inline-flex;
|
|
241
|
+
flex-shrink: 0;
|
|
242
|
+
align-items: center;
|
|
243
|
+
justify-content: center;
|
|
244
|
+
padding: var(--intergalactic-spacing-1x, 4px) 0;
|
|
245
|
+
position: relative;
|
|
246
|
+
|
|
247
|
+
& path {
|
|
248
|
+
opacity: 0.5;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
&:hover path {
|
|
252
|
+
opacity: 1;
|
|
253
|
+
}
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
STagContainer {
|
|
257
|
+
display: inline-flex;
|
|
258
|
+
position: relative;
|
|
259
|
+
align-items: center;
|
|
260
|
+
justify-content: center;
|
|
261
|
+
|
|
262
|
+
STag,
|
|
263
|
+
SAddon {
|
|
264
|
+
&:not(:last-child) {
|
|
265
|
+
border-top-right-radius: 0;
|
|
266
|
+
border-bottom-right-radius: 0;
|
|
267
|
+
padding-right: var(--intergalactic-spacing-05x, 2px);
|
|
268
|
+
|
|
269
|
+
&::before,
|
|
270
|
+
&::after {
|
|
271
|
+
border-right: 0;
|
|
272
|
+
border-top-right-radius: 0;
|
|
273
|
+
border-bottom-right-radius: 0;
|
|
274
|
+
margin-right: -1px;
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
SText {
|
|
278
|
+
padding-right: 0;
|
|
279
|
+
}
|
|
280
|
+
}
|
|
281
|
+
}
|
|
282
|
+
/* stylelint-disable-next-line no-duplicate-selectors */
|
|
283
|
+
STag,
|
|
284
|
+
SAddon {
|
|
285
|
+
&:not(:first-child) {
|
|
286
|
+
border-top-left-radius: 0;
|
|
287
|
+
border-bottom-left-radius: 0;
|
|
288
|
+
|
|
289
|
+
&::before,
|
|
290
|
+
&::after {
|
|
291
|
+
border-left: 0;
|
|
292
|
+
border-top-left-radius: 0;
|
|
293
|
+
border-bottom-left-radius: 0;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
SText {
|
|
297
|
+
padding-left: 0;
|
|
298
|
+
}
|
|
299
|
+
}
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
STagContainerClose {
|
|
303
|
+
cursor: pointer;
|
|
304
|
+
border-top-left-radius: 0;
|
|
305
|
+
border-bottom-left-radius: 0;
|
|
306
|
+
padding-left: 0;
|
|
307
|
+
padding-right: 0;
|
|
308
|
+
min-width: 20px;
|
|
309
|
+
|
|
310
|
+
&::before,
|
|
311
|
+
&::after {
|
|
312
|
+
border-left: 0;
|
|
313
|
+
border-top-left-radius: 0;
|
|
314
|
+
border-bottom-left-radius: 0;
|
|
315
|
+
}
|
|
316
|
+
|
|
317
|
+
&::before {
|
|
318
|
+
left: -1px;
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
svg {
|
|
322
|
+
padding-left: 0;
|
|
323
|
+
padding-right: var(--intergalactic-spacing-1x, 4px);
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
svg path {
|
|
327
|
+
opacity: 0.5;
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
&:hover svg path {
|
|
331
|
+
opacity: 1;
|
|
332
|
+
}
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
STagContainerClose[size="xl"] {
|
|
336
|
+
svg {
|
|
337
|
+
padding-left: var(--intergalactic-spacing-1x, 4px);
|
|
338
|
+
padding-right: var(--intergalactic-spacing-2x, 8px);
|
|
339
|
+
}
|
|
340
|
+
}
|
|
341
|
+
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/tag",
|
|
3
3
|
"description": "Semrush Tag Component",
|
|
4
|
-
"version": "16.0.0
|
|
4
|
+
"version": "16.0.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,11 +14,11 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/flex-box": "16.0.0
|
|
18
|
-
"@semcore/icon": "16.0.0
|
|
17
|
+
"@semcore/flex-box": "16.0.0",
|
|
18
|
+
"@semcore/icon": "16.0.0"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
|
-
"@semcore/base-components": "^16.0.0
|
|
21
|
+
"@semcore/base-components": "^16.0.0"
|
|
22
22
|
},
|
|
23
23
|
"repository": {
|
|
24
24
|
"type": "git",
|