@semcore/pills 16.0.6 → 16.0.7-prerelease.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [16.0.7] - 2025-08-29
6
+
7
+ ### Fixed
8
+
9
+ - The focus outline on the left pill is not visible when hovering over the next pill.
10
+
5
11
  ## [16.0.6] - 2025-08-07
6
12
 
7
13
  ### Changed
package/lib/cjs/Pills.js CHANGED
@@ -23,20 +23,20 @@ var _neighborLocation = _interopRequireWildcard(require("@semcore/neighbor-locat
23
23
  var _react = _interopRequireDefault(require("react"));
24
24
  function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
25
25
  /*!__reshadow-styles__:"./style/pills.shadow.css"*/
26
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPill_7cdjw_gg_,.___SPills_7cdjw_gg_{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--intergalactic-control-rounded, 6px)}.___SPills_7cdjw_gg_{isolation:isolate}.___SPill_7cdjw_gg_{line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SPill_7cdjw_gg_::-moz-focus-inner{border:0;padding:0}.___SPill_7cdjw_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPill_7cdjw_gg_:hover{background:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SPill_7cdjw_gg_.__selected_7cdjw_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));border-color:var(--intergalactic-border-info-active, #006dca);z-index:3}.___SPill_7cdjw_gg_:active,.___SPill_7cdjw_gg_:focus-visible{z-index:2}@media (hover:hover){.___SPill_7cdjw_gg_:hover{z-index:2}}.___SPill_7cdjw_gg_.__disabled_7cdjw_gg_{cursor:default;pointer-events:none}.___SPill_7cdjw_gg_.__disabled_7cdjw_gg_>*{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SText_7cdjw_gg_{color:var(--intergalactic-text-primary, #191b23);display:inline-flex}.___SAddon_7cdjw_gg_{color:var(--intergalactic-text-secondary, #6c6e79);display:inline-flex;align-items:center;justify-content:center}.___SPill_7cdjw_gg_._size_m_7cdjw_gg_{height:var(--intergalactic-form-control-m, 28px);min-width:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px)}.___SPill_7cdjw_gg_._size_l_7cdjw_gg_ .___SText_7cdjw_gg_,.___SPill_7cdjw_gg_._size_m_7cdjw_gg_ .___SText_7cdjw_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_7cdjw_gg_._size_m_7cdjw_gg_ .___SAddon_7cdjw_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPill_7cdjw_gg_._size_m_7cdjw_gg_ .___SAddon_7cdjw_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_7cdjw_gg_._size_m_7cdjw_gg_ .___SAddon_7cdjw_gg_:only-child{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_7cdjw_gg_._size_l_7cdjw_gg_{height:var(--intergalactic-form-control-l, 40px);min-width:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px)}.___SPill_7cdjw_gg_._size_l_7cdjw_gg_ .___SAddon_7cdjw_gg_:only-child,.___SPill_7cdjw_gg_._size_l_7cdjw_gg_ .___SText_7cdjw_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_7cdjw_gg_._size_l_7cdjw_gg_ .___SAddon_7cdjw_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SPill_7cdjw_gg_._size_l_7cdjw_gg_ .___SAddon_7cdjw_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_7cdjw_gg_._neighborLocation_right_7cdjw_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_7cdjw_gg_._neighborLocation_both_7cdjw_gg_{border-radius:0;margin-left:-1px}.___SPill_7cdjw_gg_._neighborLocation_left_7cdjw_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}", /*__inner_css_end__*/"7cdjw_gg_"),
26
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPill_1ah46_gg_,.___SPills_1ah46_gg_{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--intergalactic-control-rounded, 6px)}.___SPills_1ah46_gg_{isolation:isolate}.___SPill_1ah46_gg_{line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SPill_1ah46_gg_::-moz-focus-inner{border:0;padding:0}.___SPill_1ah46_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPill_1ah46_gg_:hover{background:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SPill_1ah46_gg_.__selected_1ah46_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));border-color:var(--intergalactic-border-info-active, #006dca);z-index:3}.___SPill_1ah46_gg_.__selected_1ah46_gg_,.___SPill_1ah46_gg_:focus-visible{z-index:3}.___SPill_1ah46_gg_:active{z-index:2}@media (hover:hover){.___SPill_1ah46_gg_:hover{z-index:2}}.___SPill_1ah46_gg_.__disabled_1ah46_gg_{cursor:default;pointer-events:none}.___SPill_1ah46_gg_.__disabled_1ah46_gg_>*{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SText_1ah46_gg_{color:var(--intergalactic-text-primary, #191b23);display:inline-flex}.___SAddon_1ah46_gg_{color:var(--intergalactic-text-secondary, #6c6e79);display:inline-flex;align-items:center;justify-content:center}.___SPill_1ah46_gg_._size_m_1ah46_gg_{height:var(--intergalactic-form-control-m, 28px);min-width:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px)}.___SPill_1ah46_gg_._size_l_1ah46_gg_ .___SText_1ah46_gg_,.___SPill_1ah46_gg_._size_m_1ah46_gg_ .___SText_1ah46_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_1ah46_gg_._size_m_1ah46_gg_ .___SAddon_1ah46_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPill_1ah46_gg_._size_m_1ah46_gg_ .___SAddon_1ah46_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_1ah46_gg_._size_m_1ah46_gg_ .___SAddon_1ah46_gg_:only-child{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_1ah46_gg_._size_l_1ah46_gg_{height:var(--intergalactic-form-control-l, 40px);min-width:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px)}.___SPill_1ah46_gg_._size_l_1ah46_gg_ .___SAddon_1ah46_gg_:only-child,.___SPill_1ah46_gg_._size_l_1ah46_gg_ .___SText_1ah46_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_1ah46_gg_._size_l_1ah46_gg_ .___SAddon_1ah46_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SPill_1ah46_gg_._size_l_1ah46_gg_ .___SAddon_1ah46_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_1ah46_gg_._neighborLocation_right_1ah46_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_1ah46_gg_._neighborLocation_both_1ah46_gg_{border-radius:0;margin-left:-1px}.___SPill_1ah46_gg_._neighborLocation_left_1ah46_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}", /*__inner_css_end__*/"1ah46_gg_"),
27
27
  /*__reshadow_css_end__*/
28
28
  {
29
- "__SPills": "___SPills_7cdjw_gg_",
30
- "__SPill": "___SPill_7cdjw_gg_",
31
- "_selected": "__selected_7cdjw_gg_",
32
- "__SText": "___SText_7cdjw_gg_",
33
- "__SAddon": "___SAddon_7cdjw_gg_",
34
- "_neighborLocation_right": "_neighborLocation_right_7cdjw_gg_",
35
- "_neighborLocation_both": "_neighborLocation_both_7cdjw_gg_",
36
- "_neighborLocation_left": "_neighborLocation_left_7cdjw_gg_",
37
- "_disabled": "__disabled_7cdjw_gg_",
38
- "_size_m": "_size_m_7cdjw_gg_",
39
- "_size_l": "_size_l_7cdjw_gg_"
29
+ "__SPills": "___SPills_1ah46_gg_",
30
+ "__SPill": "___SPill_1ah46_gg_",
31
+ "_selected": "__selected_1ah46_gg_",
32
+ "__SText": "___SText_1ah46_gg_",
33
+ "__SAddon": "___SAddon_1ah46_gg_",
34
+ "_neighborLocation_right": "_neighborLocation_right_1ah46_gg_",
35
+ "_neighborLocation_both": "_neighborLocation_both_1ah46_gg_",
36
+ "_neighborLocation_left": "_neighborLocation_left_1ah46_gg_",
37
+ "_disabled": "__disabled_1ah46_gg_",
38
+ "_size_m": "_size_m_1ah46_gg_",
39
+ "_size_l": "_size_l_1ah46_gg_"
40
40
  });
41
41
  var optionsA11yEnhance = {
42
42
  onNeighborChange: function onNeighborChange(neighborElement, props) {
@@ -50,7 +50,11 @@ SPill[selected] {
50
50
  border-color: var(--intergalactic-border-info-active, #006dca);
51
51
  z-index: 3;
52
52
  }
53
- SPill:focus-visible, SPill:hover, SPill:active {
53
+ SPill:focus-visible, SPill[selected] {
54
+ z-index: 3;
55
+ }
56
+
57
+ SPill:hover, SPill:active {
54
58
  z-index: 2;
55
59
  }
56
60
 
package/lib/es6/Pills.js CHANGED
@@ -20,20 +20,20 @@ import { Box } from '@semcore/flex-box';
20
20
  import NeighborLocation, { useNeighborLocationDetect } from '@semcore/neighbor-location';
21
21
  import React from 'react';
22
22
  /*!__reshadow-styles__:"./style/pills.shadow.css"*/
23
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPill_7cdjw_gg_,.___SPills_7cdjw_gg_{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--intergalactic-control-rounded, 6px)}.___SPills_7cdjw_gg_{isolation:isolate}.___SPill_7cdjw_gg_{line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SPill_7cdjw_gg_::-moz-focus-inner{border:0;padding:0}.___SPill_7cdjw_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPill_7cdjw_gg_:hover{background:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SPill_7cdjw_gg_.__selected_7cdjw_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));border-color:var(--intergalactic-border-info-active, #006dca);z-index:3}.___SPill_7cdjw_gg_:active,.___SPill_7cdjw_gg_:focus-visible{z-index:2}@media (hover:hover){.___SPill_7cdjw_gg_:hover{z-index:2}}.___SPill_7cdjw_gg_.__disabled_7cdjw_gg_{cursor:default;pointer-events:none}.___SPill_7cdjw_gg_.__disabled_7cdjw_gg_>*{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SText_7cdjw_gg_{color:var(--intergalactic-text-primary, #191b23);display:inline-flex}.___SAddon_7cdjw_gg_{color:var(--intergalactic-text-secondary, #6c6e79);display:inline-flex;align-items:center;justify-content:center}.___SPill_7cdjw_gg_._size_m_7cdjw_gg_{height:var(--intergalactic-form-control-m, 28px);min-width:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px)}.___SPill_7cdjw_gg_._size_l_7cdjw_gg_ .___SText_7cdjw_gg_,.___SPill_7cdjw_gg_._size_m_7cdjw_gg_ .___SText_7cdjw_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_7cdjw_gg_._size_m_7cdjw_gg_ .___SAddon_7cdjw_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPill_7cdjw_gg_._size_m_7cdjw_gg_ .___SAddon_7cdjw_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_7cdjw_gg_._size_m_7cdjw_gg_ .___SAddon_7cdjw_gg_:only-child{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_7cdjw_gg_._size_l_7cdjw_gg_{height:var(--intergalactic-form-control-l, 40px);min-width:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px)}.___SPill_7cdjw_gg_._size_l_7cdjw_gg_ .___SAddon_7cdjw_gg_:only-child,.___SPill_7cdjw_gg_._size_l_7cdjw_gg_ .___SText_7cdjw_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_7cdjw_gg_._size_l_7cdjw_gg_ .___SAddon_7cdjw_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SPill_7cdjw_gg_._size_l_7cdjw_gg_ .___SAddon_7cdjw_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_7cdjw_gg_._neighborLocation_right_7cdjw_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_7cdjw_gg_._neighborLocation_both_7cdjw_gg_{border-radius:0;margin-left:-1px}.___SPill_7cdjw_gg_._neighborLocation_left_7cdjw_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}", /*__inner_css_end__*/"7cdjw_gg_"),
23
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPill_1ah46_gg_,.___SPills_1ah46_gg_{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--intergalactic-control-rounded, 6px)}.___SPills_1ah46_gg_{isolation:isolate}.___SPill_1ah46_gg_{line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SPill_1ah46_gg_::-moz-focus-inner{border:0;padding:0}.___SPill_1ah46_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPill_1ah46_gg_:hover{background:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SPill_1ah46_gg_.__selected_1ah46_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));border-color:var(--intergalactic-border-info-active, #006dca);z-index:3}.___SPill_1ah46_gg_.__selected_1ah46_gg_,.___SPill_1ah46_gg_:focus-visible{z-index:3}.___SPill_1ah46_gg_:active{z-index:2}@media (hover:hover){.___SPill_1ah46_gg_:hover{z-index:2}}.___SPill_1ah46_gg_.__disabled_1ah46_gg_{cursor:default;pointer-events:none}.___SPill_1ah46_gg_.__disabled_1ah46_gg_>*{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SText_1ah46_gg_{color:var(--intergalactic-text-primary, #191b23);display:inline-flex}.___SAddon_1ah46_gg_{color:var(--intergalactic-text-secondary, #6c6e79);display:inline-flex;align-items:center;justify-content:center}.___SPill_1ah46_gg_._size_m_1ah46_gg_{height:var(--intergalactic-form-control-m, 28px);min-width:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px)}.___SPill_1ah46_gg_._size_l_1ah46_gg_ .___SText_1ah46_gg_,.___SPill_1ah46_gg_._size_m_1ah46_gg_ .___SText_1ah46_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_1ah46_gg_._size_m_1ah46_gg_ .___SAddon_1ah46_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPill_1ah46_gg_._size_m_1ah46_gg_ .___SAddon_1ah46_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_1ah46_gg_._size_m_1ah46_gg_ .___SAddon_1ah46_gg_:only-child{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_1ah46_gg_._size_l_1ah46_gg_{height:var(--intergalactic-form-control-l, 40px);min-width:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px)}.___SPill_1ah46_gg_._size_l_1ah46_gg_ .___SAddon_1ah46_gg_:only-child,.___SPill_1ah46_gg_._size_l_1ah46_gg_ .___SText_1ah46_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_1ah46_gg_._size_l_1ah46_gg_ .___SAddon_1ah46_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SPill_1ah46_gg_._size_l_1ah46_gg_ .___SAddon_1ah46_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_1ah46_gg_._neighborLocation_right_1ah46_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_1ah46_gg_._neighborLocation_both_1ah46_gg_{border-radius:0;margin-left:-1px}.___SPill_1ah46_gg_._neighborLocation_left_1ah46_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}", /*__inner_css_end__*/"1ah46_gg_"),
24
24
  /*__reshadow_css_end__*/
25
25
  {
26
- "__SPills": "___SPills_7cdjw_gg_",
27
- "__SPill": "___SPill_7cdjw_gg_",
28
- "_selected": "__selected_7cdjw_gg_",
29
- "__SText": "___SText_7cdjw_gg_",
30
- "__SAddon": "___SAddon_7cdjw_gg_",
31
- "_neighborLocation_right": "_neighborLocation_right_7cdjw_gg_",
32
- "_neighborLocation_both": "_neighborLocation_both_7cdjw_gg_",
33
- "_neighborLocation_left": "_neighborLocation_left_7cdjw_gg_",
34
- "_disabled": "__disabled_7cdjw_gg_",
35
- "_size_m": "_size_m_7cdjw_gg_",
36
- "_size_l": "_size_l_7cdjw_gg_"
26
+ "__SPills": "___SPills_1ah46_gg_",
27
+ "__SPill": "___SPill_1ah46_gg_",
28
+ "_selected": "__selected_1ah46_gg_",
29
+ "__SText": "___SText_1ah46_gg_",
30
+ "__SAddon": "___SAddon_1ah46_gg_",
31
+ "_neighborLocation_right": "_neighborLocation_right_1ah46_gg_",
32
+ "_neighborLocation_both": "_neighborLocation_both_1ah46_gg_",
33
+ "_neighborLocation_left": "_neighborLocation_left_1ah46_gg_",
34
+ "_disabled": "__disabled_1ah46_gg_",
35
+ "_size_m": "_size_m_1ah46_gg_",
36
+ "_size_l": "_size_l_1ah46_gg_"
37
37
  });
38
38
  var optionsA11yEnhance = {
39
39
  onNeighborChange: function onNeighborChange(neighborElement, props) {
@@ -50,7 +50,11 @@ SPill[selected] {
50
50
  border-color: var(--intergalactic-border-info-active, #006dca);
51
51
  z-index: 3;
52
52
  }
53
- SPill:focus-visible, SPill:hover, SPill:active {
53
+ SPill:focus-visible, SPill[selected] {
54
+ z-index: 3;
55
+ }
56
+
57
+ SPill:hover, SPill:active {
54
58
  z-index: 2;
55
59
  }
56
60
 
package/lib/esm/Pills.mjs CHANGED
@@ -21,22 +21,22 @@ var style = (
21
21
  /*__reshadow_css_start__*/
22
22
  (sstyled.insert(
23
23
  /*__inner_css_start__*/
24
- ".___SPill_7cdjw_gg_,.___SPills_7cdjw_gg_{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--intergalactic-control-rounded, 6px)}.___SPills_7cdjw_gg_{isolation:isolate}.___SPill_7cdjw_gg_{line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SPill_7cdjw_gg_::-moz-focus-inner{border:0;padding:0}.___SPill_7cdjw_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPill_7cdjw_gg_:hover{background:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SPill_7cdjw_gg_.__selected_7cdjw_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));border-color:var(--intergalactic-border-info-active, #006dca);z-index:3}.___SPill_7cdjw_gg_:active,.___SPill_7cdjw_gg_:focus-visible{z-index:2}@media (hover:hover){.___SPill_7cdjw_gg_:hover{z-index:2}}.___SPill_7cdjw_gg_.__disabled_7cdjw_gg_{cursor:default;pointer-events:none}.___SPill_7cdjw_gg_.__disabled_7cdjw_gg_>*{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SText_7cdjw_gg_{color:var(--intergalactic-text-primary, #191b23);display:inline-flex}.___SAddon_7cdjw_gg_{color:var(--intergalactic-text-secondary, #6c6e79);display:inline-flex;align-items:center;justify-content:center}.___SPill_7cdjw_gg_._size_m_7cdjw_gg_{height:var(--intergalactic-form-control-m, 28px);min-width:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px)}.___SPill_7cdjw_gg_._size_l_7cdjw_gg_ .___SText_7cdjw_gg_,.___SPill_7cdjw_gg_._size_m_7cdjw_gg_ .___SText_7cdjw_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_7cdjw_gg_._size_m_7cdjw_gg_ .___SAddon_7cdjw_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPill_7cdjw_gg_._size_m_7cdjw_gg_ .___SAddon_7cdjw_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_7cdjw_gg_._size_m_7cdjw_gg_ .___SAddon_7cdjw_gg_:only-child{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_7cdjw_gg_._size_l_7cdjw_gg_{height:var(--intergalactic-form-control-l, 40px);min-width:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px)}.___SPill_7cdjw_gg_._size_l_7cdjw_gg_ .___SAddon_7cdjw_gg_:only-child,.___SPill_7cdjw_gg_._size_l_7cdjw_gg_ .___SText_7cdjw_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_7cdjw_gg_._size_l_7cdjw_gg_ .___SAddon_7cdjw_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SPill_7cdjw_gg_._size_l_7cdjw_gg_ .___SAddon_7cdjw_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_7cdjw_gg_._neighborLocation_right_7cdjw_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_7cdjw_gg_._neighborLocation_both_7cdjw_gg_{border-radius:0;margin-left:-1px}.___SPill_7cdjw_gg_._neighborLocation_left_7cdjw_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}",
24
+ ".___SPill_1ah46_gg_,.___SPills_1ah46_gg_{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--intergalactic-control-rounded, 6px)}.___SPills_1ah46_gg_{isolation:isolate}.___SPill_1ah46_gg_{line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SPill_1ah46_gg_::-moz-focus-inner{border:0;padding:0}.___SPill_1ah46_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPill_1ah46_gg_:hover{background:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SPill_1ah46_gg_.__selected_1ah46_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));border-color:var(--intergalactic-border-info-active, #006dca);z-index:3}.___SPill_1ah46_gg_.__selected_1ah46_gg_,.___SPill_1ah46_gg_:focus-visible{z-index:3}.___SPill_1ah46_gg_:active{z-index:2}@media (hover:hover){.___SPill_1ah46_gg_:hover{z-index:2}}.___SPill_1ah46_gg_.__disabled_1ah46_gg_{cursor:default;pointer-events:none}.___SPill_1ah46_gg_.__disabled_1ah46_gg_>*{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SText_1ah46_gg_{color:var(--intergalactic-text-primary, #191b23);display:inline-flex}.___SAddon_1ah46_gg_{color:var(--intergalactic-text-secondary, #6c6e79);display:inline-flex;align-items:center;justify-content:center}.___SPill_1ah46_gg_._size_m_1ah46_gg_{height:var(--intergalactic-form-control-m, 28px);min-width:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px)}.___SPill_1ah46_gg_._size_l_1ah46_gg_ .___SText_1ah46_gg_,.___SPill_1ah46_gg_._size_m_1ah46_gg_ .___SText_1ah46_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_1ah46_gg_._size_m_1ah46_gg_ .___SAddon_1ah46_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPill_1ah46_gg_._size_m_1ah46_gg_ .___SAddon_1ah46_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_1ah46_gg_._size_m_1ah46_gg_ .___SAddon_1ah46_gg_:only-child{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_1ah46_gg_._size_l_1ah46_gg_{height:var(--intergalactic-form-control-l, 40px);min-width:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px)}.___SPill_1ah46_gg_._size_l_1ah46_gg_ .___SAddon_1ah46_gg_:only-child,.___SPill_1ah46_gg_._size_l_1ah46_gg_ .___SText_1ah46_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_1ah46_gg_._size_l_1ah46_gg_ .___SAddon_1ah46_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SPill_1ah46_gg_._size_l_1ah46_gg_ .___SAddon_1ah46_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_1ah46_gg_._neighborLocation_right_1ah46_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_1ah46_gg_._neighborLocation_both_1ah46_gg_{border-radius:0;margin-left:-1px}.___SPill_1ah46_gg_._neighborLocation_left_1ah46_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}",
25
25
  /*__inner_css_end__*/
26
- "7cdjw_gg_"
26
+ "1ah46_gg_"
27
27
  ), /*__reshadow_css_end__*/
28
28
  {
29
- "__SPills": "___SPills_7cdjw_gg_",
30
- "__SPill": "___SPill_7cdjw_gg_",
31
- "_selected": "__selected_7cdjw_gg_",
32
- "__SText": "___SText_7cdjw_gg_",
33
- "__SAddon": "___SAddon_7cdjw_gg_",
34
- "_neighborLocation_right": "_neighborLocation_right_7cdjw_gg_",
35
- "_neighborLocation_both": "_neighborLocation_both_7cdjw_gg_",
36
- "_neighborLocation_left": "_neighborLocation_left_7cdjw_gg_",
37
- "_disabled": "__disabled_7cdjw_gg_",
38
- "_size_m": "_size_m_7cdjw_gg_",
39
- "_size_l": "_size_l_7cdjw_gg_"
29
+ "__SPills": "___SPills_1ah46_gg_",
30
+ "__SPill": "___SPill_1ah46_gg_",
31
+ "_selected": "__selected_1ah46_gg_",
32
+ "__SText": "___SText_1ah46_gg_",
33
+ "__SAddon": "___SAddon_1ah46_gg_",
34
+ "_neighborLocation_right": "_neighborLocation_right_1ah46_gg_",
35
+ "_neighborLocation_both": "_neighborLocation_both_1ah46_gg_",
36
+ "_neighborLocation_left": "_neighborLocation_left_1ah46_gg_",
37
+ "_disabled": "__disabled_1ah46_gg_",
38
+ "_size_m": "_size_m_1ah46_gg_",
39
+ "_size_l": "_size_l_1ah46_gg_"
40
40
  })
41
41
  );
42
42
  var optionsA11yEnhance = {
@@ -50,7 +50,11 @@ SPill[selected] {
50
50
  border-color: var(--intergalactic-border-info-active, #006dca);
51
51
  z-index: 3;
52
52
  }
53
- SPill:focus-visible, SPill:hover, SPill:active {
53
+ SPill:focus-visible, SPill[selected] {
54
+ z-index: 3;
55
+ }
56
+
57
+ SPill:hover, SPill:active {
54
58
  z-index: 2;
55
59
  }
56
60
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/pills",
3
3
  "description": "Semrush Pills Component",
4
- "version": "16.0.6",
4
+ "version": "16.0.7-prerelease.1",
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.6",
18
- "@semcore/neighbor-location": "16.0.6"
17
+ "@semcore/flex-box": "16.0.7-prerelease.1",
18
+ "@semcore/neighbor-location": "16.0.7-prerelease.1"
19
19
  },
20
20
  "peerDependencies": {
21
- "@semcore/base-components": "^16.0.0"
21
+ "@semcore/base-components": "^16.2.1-prerelease.1"
22
22
  },
23
23
  "repository": {
24
24
  "type": "git",
@@ -26,10 +26,10 @@
26
26
  "directory": "semcore/pills"
27
27
  },
28
28
  "devDependencies": {
29
- "@semcore/badge": "16.0.4",
30
- "@semcore/core": "16.0.4",
29
+ "@semcore/core": "16.1.0-prerelease.1",
30
+ "@semcore/badge": "16.0.5-prerelease.1",
31
31
  "@semcore/testing-utils": "1.0.0",
32
- "@semcore/icon": "16.5.0"
32
+ "@semcore/icon": "16.5.1-prerelease.1"
33
33
  },
34
34
  "scripts": {
35
35
  "build": "pnpm semcore-builder --source=js && pnpm vite build"