@semcore/pills 16.1.0-prerelease.0 → 16.1.0-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/lib/cjs/Pills.js CHANGED
@@ -20,20 +20,20 @@ var _flexBox = require("@semcore/flex-box");
20
20
  var _neighborLocation = _interopRequireWildcard(require("@semcore/neighbor-location"));
21
21
  var _react = _interopRequireDefault(require("react"));
22
22
  /*!__reshadow-styles__:"./style/pills.shadow.css"*/
23
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPills_89ucf_gg_{display:inline-flex;align-items:center;justify-content:center;isolation:isolate;border-radius:var(--intergalactic-control-rounded, 6px)}.___SPills_89ucf_gg_ .___SPill_89ucf_gg_.__selected_89ucf_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));z-index:3}@supports (color:color(display-p3 0 0 0%)){.___SPills_89ucf_gg_ .___SPill_89ucf_gg_.__selected_89ucf_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SPills_89ucf_gg_ .___SPill_89ucf_gg_.__selected_89ucf_gg_{background:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}.___SPills_89ucf_gg_ .___SPill_89ucf_gg_.__selected_89ucf_gg_,.___SPills_89ucf_gg_ .___SPill_89ucf_gg_:focus-visible{z-index:3}.___SPills_89ucf_gg_ .___SPill_89ucf_gg_:active{z-index:2}@media (hover:hover){.___SPills_89ucf_gg_ .___SPill_89ucf_gg_:hover{z-index:2}}.___SPill_89ucf_gg_{display:inline-flex;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow: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, rgb(255, 255, 255));border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));border-radius:var(--intergalactic-control-rounded, 6px)}@supports (color:color(display-p3 0 0 0%)){.___SPill_89ucf_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPill_89ucf_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPill_89ucf_gg_::-moz-focus-inner{border:0;padding:0}.___SPill_89ucf_gg_:active{outline:0;text-decoration:none}@media (hover:hover){.___SPill_89ucf_gg_:hover{background:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SPill_89ucf_gg_.__disabled_89ucf_gg_{cursor:default;pointer-events:none}.___SPill_89ucf_gg_.__disabled_89ucf_gg_>*{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SText_89ucf_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));display:inline-flex}.___SAddon_89ucf_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));display:inline-flex;align-items:center;justify-content:center}@supports (color:color(display-p3 0 0 0%)){.___SAddon_89ucf_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAddon_89ucf_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SPill_89ucf_gg_._size_m_89ucf_gg_{height:var(--intergalactic-form-control-m, 28px);min-width:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px)}.___SPill_89ucf_gg_._size_l_89ucf_gg_ .___SText_89ucf_gg_,.___SPill_89ucf_gg_._size_m_89ucf_gg_ .___SText_89ucf_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_89ucf_gg_._size_m_89ucf_gg_ .___SAddon_89ucf_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPill_89ucf_gg_._size_m_89ucf_gg_ .___SAddon_89ucf_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_89ucf_gg_._size_m_89ucf_gg_ .___SAddon_89ucf_gg_:only-child{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_89ucf_gg_._size_l_89ucf_gg_{height:var(--intergalactic-form-control-l, 40px);min-width:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px)}.___SPill_89ucf_gg_._size_l_89ucf_gg_ .___SAddon_89ucf_gg_:only-child,.___SPill_89ucf_gg_._size_l_89ucf_gg_ .___SText_89ucf_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_89ucf_gg_._size_l_89ucf_gg_ .___SAddon_89ucf_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SPill_89ucf_gg_._size_l_89ucf_gg_ .___SAddon_89ucf_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_89ucf_gg_._neighborLocation_right_89ucf_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_89ucf_gg_._neighborLocation_both_89ucf_gg_{border-radius:0;margin-left:-1px}.___SPill_89ucf_gg_._neighborLocation_left_89ucf_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}", /*__inner_css_end__*/"89ucf_gg_"),
23
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPills_19zk5_gg_{display:inline-flex;align-items:center;justify-content:center;isolation:isolate;border-radius:var(--intergalactic-control-rounded, 6px)}.___SPills_19zk5_gg_ .___SPill_19zk5_gg_.__selected_19zk5_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));z-index:3}@supports (color:color(display-p3 0 0 0%)){.___SPills_19zk5_gg_ .___SPill_19zk5_gg_.__selected_19zk5_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SPills_19zk5_gg_ .___SPill_19zk5_gg_.__selected_19zk5_gg_{background:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}.___SPills_19zk5_gg_ .___SPill_19zk5_gg_.__selected_19zk5_gg_,.___SPills_19zk5_gg_ .___SPill_19zk5_gg_:focus-visible{z-index:3}.___SPills_19zk5_gg_ .___SPill_19zk5_gg_:active{z-index:2}@media (hover:hover){.___SPills_19zk5_gg_ .___SPill_19zk5_gg_:hover{z-index:2}}.___SPill_19zk5_gg_{display:inline-flex;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow: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, rgb(255, 255, 255));border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));border-radius:var(--intergalactic-control-rounded, 6px)}@supports (color:color(display-p3 0 0 0%)){.___SPill_19zk5_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPill_19zk5_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPill_19zk5_gg_::-moz-focus-inner{border:0;padding:0}.___SPill_19zk5_gg_:active{outline:0;text-decoration:none}@media (hover:hover){.___SPill_19zk5_gg_:hover{background:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SPill_19zk5_gg_.__disabled_19zk5_gg_{cursor:default;pointer-events:none}.___SPill_19zk5_gg_.__disabled_19zk5_gg_>*{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SText_19zk5_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));display:inline-flex}.___SAddon_19zk5_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));display:inline-flex;align-items:center;justify-content:center}@supports (color:color(display-p3 0 0 0%)){.___SAddon_19zk5_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAddon_19zk5_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SPill_19zk5_gg_._size_m_19zk5_gg_{height:var(--intergalactic-form-control-m, 28px);min-width:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px)}.___SPill_19zk5_gg_._size_l_19zk5_gg_ .___SText_19zk5_gg_,.___SPill_19zk5_gg_._size_m_19zk5_gg_ .___SText_19zk5_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_19zk5_gg_._size_m_19zk5_gg_ .___SAddon_19zk5_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPill_19zk5_gg_._size_m_19zk5_gg_ .___SAddon_19zk5_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_19zk5_gg_._size_m_19zk5_gg_ .___SAddon_19zk5_gg_:only-child{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_19zk5_gg_._size_l_19zk5_gg_{height:var(--intergalactic-form-control-l, 40px);min-width:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px)}.___SPill_19zk5_gg_._size_l_19zk5_gg_ .___SAddon_19zk5_gg_:only-child,.___SPill_19zk5_gg_._size_l_19zk5_gg_ .___SText_19zk5_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_19zk5_gg_._size_l_19zk5_gg_ .___SAddon_19zk5_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SPill_19zk5_gg_._size_l_19zk5_gg_ .___SAddon_19zk5_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_19zk5_gg_._neighborLocation_right_19zk5_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_19zk5_gg_._neighborLocation_both_19zk5_gg_{border-radius:0;margin-left:-1px}.___SPill_19zk5_gg_._neighborLocation_left_19zk5_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}", /*__inner_css_end__*/"19zk5_gg_"),
24
24
  /*__reshadow_css_end__*/
25
25
  {
26
- "__SText": "___SText_89ucf_gg_",
27
- "__SAddon": "___SAddon_89ucf_gg_",
28
- "__SPill": "___SPill_89ucf_gg_",
29
- "_neighborLocation_right": "_neighborLocation_right_89ucf_gg_",
30
- "_neighborLocation_both": "_neighborLocation_both_89ucf_gg_",
31
- "_neighborLocation_left": "_neighborLocation_left_89ucf_gg_",
32
- "__SPills": "___SPills_89ucf_gg_",
33
- "_selected": "__selected_89ucf_gg_",
34
- "_disabled": "__disabled_89ucf_gg_",
35
- "_size_m": "_size_m_89ucf_gg_",
36
- "_size_l": "_size_l_89ucf_gg_"
26
+ "__SText": "___SText_19zk5_gg_",
27
+ "__SAddon": "___SAddon_19zk5_gg_",
28
+ "__SPill": "___SPill_19zk5_gg_",
29
+ "_neighborLocation_right": "_neighborLocation_right_19zk5_gg_",
30
+ "_neighborLocation_both": "_neighborLocation_both_19zk5_gg_",
31
+ "_neighborLocation_left": "_neighborLocation_left_19zk5_gg_",
32
+ "__SPills": "___SPills_19zk5_gg_",
33
+ "_selected": "__selected_19zk5_gg_",
34
+ "_disabled": "__disabled_19zk5_gg_",
35
+ "_size_m": "_size_m_19zk5_gg_",
36
+ "_size_l": "_size_l_19zk5_gg_"
37
37
  });
38
38
  var optionsA11yEnhance = {
39
39
  onNeighborChange: function onNeighborChange(neighborElement, props) {
package/lib/es6/Pills.js CHANGED
@@ -17,20 +17,20 @@ import { Box } from '@semcore/flex-box';
17
17
  import NeighborLocation, { useNeighborLocationDetect } from '@semcore/neighbor-location';
18
18
  import React from 'react';
19
19
  /*!__reshadow-styles__:"./style/pills.shadow.css"*/
20
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPills_89ucf_gg_{display:inline-flex;align-items:center;justify-content:center;isolation:isolate;border-radius:var(--intergalactic-control-rounded, 6px)}.___SPills_89ucf_gg_ .___SPill_89ucf_gg_.__selected_89ucf_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));z-index:3}@supports (color:color(display-p3 0 0 0%)){.___SPills_89ucf_gg_ .___SPill_89ucf_gg_.__selected_89ucf_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SPills_89ucf_gg_ .___SPill_89ucf_gg_.__selected_89ucf_gg_{background:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}.___SPills_89ucf_gg_ .___SPill_89ucf_gg_.__selected_89ucf_gg_,.___SPills_89ucf_gg_ .___SPill_89ucf_gg_:focus-visible{z-index:3}.___SPills_89ucf_gg_ .___SPill_89ucf_gg_:active{z-index:2}@media (hover:hover){.___SPills_89ucf_gg_ .___SPill_89ucf_gg_:hover{z-index:2}}.___SPill_89ucf_gg_{display:inline-flex;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow: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, rgb(255, 255, 255));border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));border-radius:var(--intergalactic-control-rounded, 6px)}@supports (color:color(display-p3 0 0 0%)){.___SPill_89ucf_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPill_89ucf_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPill_89ucf_gg_::-moz-focus-inner{border:0;padding:0}.___SPill_89ucf_gg_:active{outline:0;text-decoration:none}@media (hover:hover){.___SPill_89ucf_gg_:hover{background:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SPill_89ucf_gg_.__disabled_89ucf_gg_{cursor:default;pointer-events:none}.___SPill_89ucf_gg_.__disabled_89ucf_gg_>*{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SText_89ucf_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));display:inline-flex}.___SAddon_89ucf_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));display:inline-flex;align-items:center;justify-content:center}@supports (color:color(display-p3 0 0 0%)){.___SAddon_89ucf_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAddon_89ucf_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SPill_89ucf_gg_._size_m_89ucf_gg_{height:var(--intergalactic-form-control-m, 28px);min-width:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px)}.___SPill_89ucf_gg_._size_l_89ucf_gg_ .___SText_89ucf_gg_,.___SPill_89ucf_gg_._size_m_89ucf_gg_ .___SText_89ucf_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_89ucf_gg_._size_m_89ucf_gg_ .___SAddon_89ucf_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPill_89ucf_gg_._size_m_89ucf_gg_ .___SAddon_89ucf_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_89ucf_gg_._size_m_89ucf_gg_ .___SAddon_89ucf_gg_:only-child{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_89ucf_gg_._size_l_89ucf_gg_{height:var(--intergalactic-form-control-l, 40px);min-width:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px)}.___SPill_89ucf_gg_._size_l_89ucf_gg_ .___SAddon_89ucf_gg_:only-child,.___SPill_89ucf_gg_._size_l_89ucf_gg_ .___SText_89ucf_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_89ucf_gg_._size_l_89ucf_gg_ .___SAddon_89ucf_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SPill_89ucf_gg_._size_l_89ucf_gg_ .___SAddon_89ucf_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_89ucf_gg_._neighborLocation_right_89ucf_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_89ucf_gg_._neighborLocation_both_89ucf_gg_{border-radius:0;margin-left:-1px}.___SPill_89ucf_gg_._neighborLocation_left_89ucf_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}", /*__inner_css_end__*/"89ucf_gg_"),
20
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPills_19zk5_gg_{display:inline-flex;align-items:center;justify-content:center;isolation:isolate;border-radius:var(--intergalactic-control-rounded, 6px)}.___SPills_19zk5_gg_ .___SPill_19zk5_gg_.__selected_19zk5_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));z-index:3}@supports (color:color(display-p3 0 0 0%)){.___SPills_19zk5_gg_ .___SPill_19zk5_gg_.__selected_19zk5_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SPills_19zk5_gg_ .___SPill_19zk5_gg_.__selected_19zk5_gg_{background:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}.___SPills_19zk5_gg_ .___SPill_19zk5_gg_.__selected_19zk5_gg_,.___SPills_19zk5_gg_ .___SPill_19zk5_gg_:focus-visible{z-index:3}.___SPills_19zk5_gg_ .___SPill_19zk5_gg_:active{z-index:2}@media (hover:hover){.___SPills_19zk5_gg_ .___SPill_19zk5_gg_:hover{z-index:2}}.___SPill_19zk5_gg_{display:inline-flex;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow: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, rgb(255, 255, 255));border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));border-radius:var(--intergalactic-control-rounded, 6px)}@supports (color:color(display-p3 0 0 0%)){.___SPill_19zk5_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPill_19zk5_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPill_19zk5_gg_::-moz-focus-inner{border:0;padding:0}.___SPill_19zk5_gg_:active{outline:0;text-decoration:none}@media (hover:hover){.___SPill_19zk5_gg_:hover{background:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SPill_19zk5_gg_.__disabled_19zk5_gg_{cursor:default;pointer-events:none}.___SPill_19zk5_gg_.__disabled_19zk5_gg_>*{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SText_19zk5_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));display:inline-flex}.___SAddon_19zk5_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));display:inline-flex;align-items:center;justify-content:center}@supports (color:color(display-p3 0 0 0%)){.___SAddon_19zk5_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAddon_19zk5_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SPill_19zk5_gg_._size_m_19zk5_gg_{height:var(--intergalactic-form-control-m, 28px);min-width:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px)}.___SPill_19zk5_gg_._size_l_19zk5_gg_ .___SText_19zk5_gg_,.___SPill_19zk5_gg_._size_m_19zk5_gg_ .___SText_19zk5_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_19zk5_gg_._size_m_19zk5_gg_ .___SAddon_19zk5_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPill_19zk5_gg_._size_m_19zk5_gg_ .___SAddon_19zk5_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_19zk5_gg_._size_m_19zk5_gg_ .___SAddon_19zk5_gg_:only-child{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_19zk5_gg_._size_l_19zk5_gg_{height:var(--intergalactic-form-control-l, 40px);min-width:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px)}.___SPill_19zk5_gg_._size_l_19zk5_gg_ .___SAddon_19zk5_gg_:only-child,.___SPill_19zk5_gg_._size_l_19zk5_gg_ .___SText_19zk5_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_19zk5_gg_._size_l_19zk5_gg_ .___SAddon_19zk5_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SPill_19zk5_gg_._size_l_19zk5_gg_ .___SAddon_19zk5_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_19zk5_gg_._neighborLocation_right_19zk5_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_19zk5_gg_._neighborLocation_both_19zk5_gg_{border-radius:0;margin-left:-1px}.___SPill_19zk5_gg_._neighborLocation_left_19zk5_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}", /*__inner_css_end__*/"19zk5_gg_"),
21
21
  /*__reshadow_css_end__*/
22
22
  {
23
- "__SText": "___SText_89ucf_gg_",
24
- "__SAddon": "___SAddon_89ucf_gg_",
25
- "__SPill": "___SPill_89ucf_gg_",
26
- "_neighborLocation_right": "_neighborLocation_right_89ucf_gg_",
27
- "_neighborLocation_both": "_neighborLocation_both_89ucf_gg_",
28
- "_neighborLocation_left": "_neighborLocation_left_89ucf_gg_",
29
- "__SPills": "___SPills_89ucf_gg_",
30
- "_selected": "__selected_89ucf_gg_",
31
- "_disabled": "__disabled_89ucf_gg_",
32
- "_size_m": "_size_m_89ucf_gg_",
33
- "_size_l": "_size_l_89ucf_gg_"
23
+ "__SText": "___SText_19zk5_gg_",
24
+ "__SAddon": "___SAddon_19zk5_gg_",
25
+ "__SPill": "___SPill_19zk5_gg_",
26
+ "_neighborLocation_right": "_neighborLocation_right_19zk5_gg_",
27
+ "_neighborLocation_both": "_neighborLocation_both_19zk5_gg_",
28
+ "_neighborLocation_left": "_neighborLocation_left_19zk5_gg_",
29
+ "__SPills": "___SPills_19zk5_gg_",
30
+ "_selected": "__selected_19zk5_gg_",
31
+ "_disabled": "__disabled_19zk5_gg_",
32
+ "_size_m": "_size_m_19zk5_gg_",
33
+ "_size_l": "_size_l_19zk5_gg_"
34
34
  });
35
35
  var optionsA11yEnhance = {
36
36
  onNeighborChange: function onNeighborChange(neighborElement, props) {
package/lib/esm/Pills.mjs CHANGED
@@ -16,22 +16,22 @@ var style = (
16
16
  /*__reshadow_css_start__*/
17
17
  (sstyled.insert(
18
18
  /*__inner_css_start__*/
19
- ".___SPills_89ucf_gg_{display:inline-flex;align-items:center;justify-content:center;isolation:isolate;border-radius:var(--intergalactic-control-rounded, 6px)}.___SPills_89ucf_gg_ .___SPill_89ucf_gg_.__selected_89ucf_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));z-index:3}@supports (color:color(display-p3 0 0 0%)){.___SPills_89ucf_gg_ .___SPill_89ucf_gg_.__selected_89ucf_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SPills_89ucf_gg_ .___SPill_89ucf_gg_.__selected_89ucf_gg_{background:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}.___SPills_89ucf_gg_ .___SPill_89ucf_gg_.__selected_89ucf_gg_,.___SPills_89ucf_gg_ .___SPill_89ucf_gg_:focus-visible{z-index:3}.___SPills_89ucf_gg_ .___SPill_89ucf_gg_:active{z-index:2}@media (hover:hover){.___SPills_89ucf_gg_ .___SPill_89ucf_gg_:hover{z-index:2}}.___SPill_89ucf_gg_{display:inline-flex;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow: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, rgb(255, 255, 255));border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));border-radius:var(--intergalactic-control-rounded, 6px)}@supports (color:color(display-p3 0 0 0%)){.___SPill_89ucf_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPill_89ucf_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPill_89ucf_gg_::-moz-focus-inner{border:0;padding:0}.___SPill_89ucf_gg_:active{outline:0;text-decoration:none}@media (hover:hover){.___SPill_89ucf_gg_:hover{background:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SPill_89ucf_gg_.__disabled_89ucf_gg_{cursor:default;pointer-events:none}.___SPill_89ucf_gg_.__disabled_89ucf_gg_>*{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SText_89ucf_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));display:inline-flex}.___SAddon_89ucf_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));display:inline-flex;align-items:center;justify-content:center}@supports (color:color(display-p3 0 0 0%)){.___SAddon_89ucf_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAddon_89ucf_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SPill_89ucf_gg_._size_m_89ucf_gg_{height:var(--intergalactic-form-control-m, 28px);min-width:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px)}.___SPill_89ucf_gg_._size_l_89ucf_gg_ .___SText_89ucf_gg_,.___SPill_89ucf_gg_._size_m_89ucf_gg_ .___SText_89ucf_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_89ucf_gg_._size_m_89ucf_gg_ .___SAddon_89ucf_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPill_89ucf_gg_._size_m_89ucf_gg_ .___SAddon_89ucf_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_89ucf_gg_._size_m_89ucf_gg_ .___SAddon_89ucf_gg_:only-child{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_89ucf_gg_._size_l_89ucf_gg_{height:var(--intergalactic-form-control-l, 40px);min-width:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px)}.___SPill_89ucf_gg_._size_l_89ucf_gg_ .___SAddon_89ucf_gg_:only-child,.___SPill_89ucf_gg_._size_l_89ucf_gg_ .___SText_89ucf_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_89ucf_gg_._size_l_89ucf_gg_ .___SAddon_89ucf_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SPill_89ucf_gg_._size_l_89ucf_gg_ .___SAddon_89ucf_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_89ucf_gg_._neighborLocation_right_89ucf_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_89ucf_gg_._neighborLocation_both_89ucf_gg_{border-radius:0;margin-left:-1px}.___SPill_89ucf_gg_._neighborLocation_left_89ucf_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}",
19
+ ".___SPills_19zk5_gg_{display:inline-flex;align-items:center;justify-content:center;isolation:isolate;border-radius:var(--intergalactic-control-rounded, 6px)}.___SPills_19zk5_gg_ .___SPill_19zk5_gg_.__selected_19zk5_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));z-index:3}@supports (color:color(display-p3 0 0 0%)){.___SPills_19zk5_gg_ .___SPill_19zk5_gg_.__selected_19zk5_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SPills_19zk5_gg_ .___SPill_19zk5_gg_.__selected_19zk5_gg_{background:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}.___SPills_19zk5_gg_ .___SPill_19zk5_gg_.__selected_19zk5_gg_,.___SPills_19zk5_gg_ .___SPill_19zk5_gg_:focus-visible{z-index:3}.___SPills_19zk5_gg_ .___SPill_19zk5_gg_:active{z-index:2}@media (hover:hover){.___SPills_19zk5_gg_ .___SPill_19zk5_gg_:hover{z-index:2}}.___SPill_19zk5_gg_{display:inline-flex;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow: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, rgb(255, 255, 255));border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));border-radius:var(--intergalactic-control-rounded, 6px)}@supports (color:color(display-p3 0 0 0%)){.___SPill_19zk5_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPill_19zk5_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPill_19zk5_gg_::-moz-focus-inner{border:0;padding:0}.___SPill_19zk5_gg_:active{outline:0;text-decoration:none}@media (hover:hover){.___SPill_19zk5_gg_:hover{background:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SPill_19zk5_gg_.__disabled_19zk5_gg_{cursor:default;pointer-events:none}.___SPill_19zk5_gg_.__disabled_19zk5_gg_>*{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SText_19zk5_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));display:inline-flex}.___SAddon_19zk5_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));display:inline-flex;align-items:center;justify-content:center}@supports (color:color(display-p3 0 0 0%)){.___SAddon_19zk5_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAddon_19zk5_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SPill_19zk5_gg_._size_m_19zk5_gg_{height:var(--intergalactic-form-control-m, 28px);min-width:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px)}.___SPill_19zk5_gg_._size_l_19zk5_gg_ .___SText_19zk5_gg_,.___SPill_19zk5_gg_._size_m_19zk5_gg_ .___SText_19zk5_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_19zk5_gg_._size_m_19zk5_gg_ .___SAddon_19zk5_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPill_19zk5_gg_._size_m_19zk5_gg_ .___SAddon_19zk5_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_19zk5_gg_._size_m_19zk5_gg_ .___SAddon_19zk5_gg_:only-child{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_19zk5_gg_._size_l_19zk5_gg_{height:var(--intergalactic-form-control-l, 40px);min-width:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px)}.___SPill_19zk5_gg_._size_l_19zk5_gg_ .___SAddon_19zk5_gg_:only-child,.___SPill_19zk5_gg_._size_l_19zk5_gg_ .___SText_19zk5_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_19zk5_gg_._size_l_19zk5_gg_ .___SAddon_19zk5_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SPill_19zk5_gg_._size_l_19zk5_gg_ .___SAddon_19zk5_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_19zk5_gg_._neighborLocation_right_19zk5_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_19zk5_gg_._neighborLocation_both_19zk5_gg_{border-radius:0;margin-left:-1px}.___SPill_19zk5_gg_._neighborLocation_left_19zk5_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}",
20
20
  /*__inner_css_end__*/
21
- "89ucf_gg_"
21
+ "19zk5_gg_"
22
22
  ), /*__reshadow_css_end__*/
23
23
  {
24
- "__SText": "___SText_89ucf_gg_",
25
- "__SAddon": "___SAddon_89ucf_gg_",
26
- "__SPill": "___SPill_89ucf_gg_",
27
- "_neighborLocation_right": "_neighborLocation_right_89ucf_gg_",
28
- "_neighborLocation_both": "_neighborLocation_both_89ucf_gg_",
29
- "_neighborLocation_left": "_neighborLocation_left_89ucf_gg_",
30
- "__SPills": "___SPills_89ucf_gg_",
31
- "_selected": "__selected_89ucf_gg_",
32
- "_disabled": "__disabled_89ucf_gg_",
33
- "_size_m": "_size_m_89ucf_gg_",
34
- "_size_l": "_size_l_89ucf_gg_"
24
+ "__SText": "___SText_19zk5_gg_",
25
+ "__SAddon": "___SAddon_19zk5_gg_",
26
+ "__SPill": "___SPill_19zk5_gg_",
27
+ "_neighborLocation_right": "_neighborLocation_right_19zk5_gg_",
28
+ "_neighborLocation_both": "_neighborLocation_both_19zk5_gg_",
29
+ "_neighborLocation_left": "_neighborLocation_left_19zk5_gg_",
30
+ "__SPills": "___SPills_19zk5_gg_",
31
+ "_selected": "__selected_19zk5_gg_",
32
+ "_disabled": "__disabled_19zk5_gg_",
33
+ "_size_m": "_size_m_19zk5_gg_",
34
+ "_size_l": "_size_l_19zk5_gg_"
35
35
  })
36
36
  );
37
37
  var optionsA11yEnhance = {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/pills",
3
3
  "description": "Semrush Pills Component",
4
- "version": "16.1.0-prerelease.0",
4
+ "version": "16.1.0-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.1.0-prerelease.0",
18
- "@semcore/neighbor-location": "16.1.0-prerelease.0"
17
+ "@semcore/flex-box": "16.1.0-prerelease.1",
18
+ "@semcore/neighbor-location": "16.1.0-prerelease.1"
19
19
  },
20
20
  "peerDependencies": {
21
- "@semcore/base-components": "^16.6.0-prerelease.0"
21
+ "@semcore/base-components": "^16.6.0-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/core": "16.6.0-prerelease.0",
30
- "@semcore/testing-utils": "1.0.0",
31
- "@semcore/icon": "16.8.0-prerelease.0",
32
- "@semcore/badge": "16.1.0-prerelease.0"
29
+ "@semcore/core": "16.6.0-prerelease.1",
30
+ "@semcore/badge": "16.1.0-prerelease.1",
31
+ "@semcore/icon": "16.8.0-prerelease.1",
32
+ "@semcore/testing-utils": "1.0.0"
33
33
  },
34
34
  "scripts": {
35
35
  "build": "pnpm semcore-builder --source=js && pnpm vite build"