@semcore/base-trigger 3.2.10 → 3.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/CHANGELOG.md +3 -3
  2. package/lib/cjs/BaseTrigger.js +19 -19
  3. package/lib/cjs/ButtonTrigger.js +4 -4
  4. package/lib/cjs/FilterTrigger.js +16 -16
  5. package/lib/cjs/LinkTrigger.js +14 -14
  6. package/lib/cjs/style/base-trigger.shadow.css +34 -33
  7. package/lib/cjs/style/button-trigger.shadow.css +1 -3
  8. package/lib/cjs/style/filter-trigger.shadow.css +21 -20
  9. package/lib/cjs/style/link-trigger.shadow.css +10 -12
  10. package/lib/es6/BaseTrigger.js +19 -19
  11. package/lib/es6/ButtonTrigger.js +4 -4
  12. package/lib/es6/FilterTrigger.js +16 -16
  13. package/lib/es6/LinkTrigger.js +14 -14
  14. package/lib/es6/style/base-trigger.shadow.css +34 -33
  15. package/lib/es6/style/button-trigger.shadow.css +1 -3
  16. package/lib/es6/style/filter-trigger.shadow.css +21 -20
  17. package/lib/es6/style/link-trigger.shadow.css +10 -12
  18. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,11 +2,11 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [3.2.10] - 2022-11-30
5
+ ## [3.3.0] - 2022-12-12
6
6
 
7
- ### Changed
7
+ ### Added
8
8
 
9
- - Version patch update due to children dependencies update (`@semcore/utils` [3.40.0 ~> 3.41.0]).
9
+ - Design tokens based theming.
10
10
 
11
11
  ## [3.2.8] - 2022-11-15
12
12
 
package/lib/cjs/BaseTrigger.js CHANGED
@@ -52,28 +52,28 @@ var style = (
52
52
  /*__reshadow_css_start__*/
53
53
  _core.sstyled.insert(
54
54
  /*__inner_css_start__*/
55
- ".___SBaseTrigger_6cbd0_gg_{display:inline-block;align-items:center;justify-content:center;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;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:Inter,sans-serif;cursor:pointer;background:#fff;font-weight:400;border:1px solid #c4c7cf;color:#191b23}.___SBaseTrigger_6cbd0_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_6cbd0_gg_:active,.___SBaseTrigger_6cbd0_gg_:focus,.___SBaseTrigger_6cbd0_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_6cbd0_gg_.__keyboardFocused_6cbd0_gg_{border:1px solid #008ff8;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SBaseTrigger_6cbd0_gg_:hover{background-color:rgba(138,142,155,.2)}.___SBaseTrigger_6cbd0_gg_:active,.___SBaseTrigger_6cbd0_gg_.__active_6cbd0_gg_{background-color:rgba(138,142,155,.3)}.___SBaseTrigger_6cbd0_gg_.__disabled_6cbd0_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SBaseTrigger_6cbd0_gg_.__keyboardFocused_6cbd0_gg_{z-index:1}.___SInner_6cbd0_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_6cbd0_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.42;flex-grow:1;text-align:left}.___SAddon_6cbd0_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_6cbd0_gg_{width:12px;height:12px}.___SBaseTrigger_6cbd0_gg_._size_m_6cbd0_gg_{min-width:26px;height:28px;border-radius:6px;padding:0 8px;font-size:14px}.___SBaseTrigger_6cbd0_gg_._size_m_6cbd0_gg_ .___SAddon_6cbd0_gg_:not(:only-child):first-child{margin-right:8px}.___SBaseTrigger_6cbd0_gg_._size_m_6cbd0_gg_ .___SAddon_6cbd0_gg_:not(:only-child):last-child{margin-left:8px}.___SBaseTrigger_6cbd0_gg_._size_m_6cbd0_gg_ .___SAddon_6cbd0_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_6cbd0_gg_._size_l_6cbd0_gg_{min-width:32px;height:40px;border-radius:6px;padding:0 12px;font-size:16px}.___SBaseTrigger_6cbd0_gg_._size_l_6cbd0_gg_ .___SAddon_6cbd0_gg_:not(:only-child):first-child{margin-right:8px}.___SBaseTrigger_6cbd0_gg_._size_l_6cbd0_gg_ .___SAddon_6cbd0_gg_:not(:only-child):last-child{margin-left:8px}.___SBaseTrigger_6cbd0_gg_._size_l_6cbd0_gg_ .___SAddon_6cbd0_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_6cbd0_gg_._neighborLocation_right_6cbd0_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_6cbd0_gg_._neighborLocation_both_6cbd0_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_6cbd0_gg_._neighborLocation_left_6cbd0_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_6cbd0_gg_.__placeholder_6cbd0_gg_{color:#a9abb6}.___SBaseTrigger_6cbd0_gg_._state_normal_6cbd0_gg_{border-color:#c4c7cf}.___SBaseTrigger_6cbd0_gg_._state_valid_6cbd0_gg_{border-color:#59ddaa}.___SBaseTrigger_6cbd0_gg_._state_invalid_6cbd0_gg_{border-color:#ffaeb5}.___SBaseTrigger_6cbd0_gg_._state_invalid_6cbd0_gg_.__keyboardFocused_6cbd0_gg_{border-color:#ff642d;box-shadow:0 0 0 3px rgba(255,100,45,.3)}"
55
+ ".___SBaseTrigger_14vkg_gg_{display:inline-block;align-items:center;justify-content:center;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;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:var(--intergalactic-base,Inter),sans-serif;cursor:pointer;background:var(--intergalactic-bg-primary-neutral,#fff);font-weight:var(--intergalactic-regular,400);border:1px solid var(--intergalactic-border-primary,#c4c7cf);color:var(--intergalactic-text-primary,#191b23)}.___SBaseTrigger_14vkg_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_14vkg_gg_:active,.___SBaseTrigger_14vkg_gg_:focus,.___SBaseTrigger_14vkg_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_14vkg_gg_.__keyboardFocused_14vkg_gg_{border:1px solid var(--intergalactic-border-info-active,#006dca);box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SBaseTrigger_14vkg_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover,#f4f5f9)}.___SBaseTrigger_14vkg_gg_:active,.___SBaseTrigger_14vkg_gg_.__active_14vkg_gg_{background-color:var(--intergalactic-bg-primary-neutral-active,#e0e1e9)}.___SBaseTrigger_14vkg_gg_.__disabled_14vkg_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___SBaseTrigger_14vkg_gg_.__keyboardFocused_14vkg_gg_{z-index:1}.___SInner_14vkg_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_14vkg_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200,142%);flex-grow:1;text-align:left}.___SAddon_14vkg_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_14vkg_gg_{width:12px;height:12px}.___SBaseTrigger_14vkg_gg_._size_m_14vkg_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-rounded-medium,6px);padding:0 var(--intergalactic-spacing-2x,8px);font-size:var(--intergalactic-fs-200,14px)}.___SBaseTrigger_14vkg_gg_._size_m_14vkg_gg_ .___SAddon_14vkg_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_14vkg_gg_._size_m_14vkg_gg_ .___SAddon_14vkg_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_14vkg_gg_._size_m_14vkg_gg_ .___SAddon_14vkg_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_14vkg_gg_._size_l_14vkg_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-rounded-medium,6px);padding:0 var(--intergalactic-spacing-3x,12px);font-size:var(--intergalactic-fs-300,16px)}.___SBaseTrigger_14vkg_gg_._size_l_14vkg_gg_ .___SAddon_14vkg_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_14vkg_gg_._size_l_14vkg_gg_ .___SAddon_14vkg_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_14vkg_gg_._size_l_14vkg_gg_ .___SAddon_14vkg_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_14vkg_gg_._neighborLocation_right_14vkg_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_14vkg_gg_._neighborLocation_both_14vkg_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_14vkg_gg_._neighborLocation_left_14vkg_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_14vkg_gg_.__placeholder_14vkg_gg_{color:var(--intergalactic-text-placeholder,#a9abb6)}.___SBaseTrigger_14vkg_gg_._state_normal_14vkg_gg_{border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SBaseTrigger_14vkg_gg_._state_valid_14vkg_gg_{border-color:var(--intergalactic-border-success,#59ddaa)}.___SBaseTrigger_14vkg_gg_._state_invalid_14vkg_gg_{border-color:var(--intergalactic-border-danger,#ffaeb5)}.___SBaseTrigger_14vkg_gg_._state_invalid_14vkg_gg_.__keyboardFocused_14vkg_gg_{border-color:var(--intergalactic-border-danger-active,#d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid,0 0 0 3px rgba(255,73,83,.3))}"
56
56
  /*__inner_css_end__*/
57
- , "6cbd0_gg_")
57
+ , "14vkg_gg_")
58
58
  /*__reshadow_css_end__*/
59
59
  , {
60
- "__SBaseTrigger": "___SBaseTrigger_6cbd0_gg_",
61
- "_keyboardFocused": "__keyboardFocused_6cbd0_gg_",
62
- "_active": "__active_6cbd0_gg_",
63
- "_disabled": "__disabled_6cbd0_gg_",
64
- "__SInner": "___SInner_6cbd0_gg_",
65
- "__SText": "___SText_6cbd0_gg_",
66
- "__SAddon": "___SAddon_6cbd0_gg_",
67
- "__SBaseAddon": "___SBaseAddon_6cbd0_gg_",
68
- "_size_m": "_size_m_6cbd0_gg_",
69
- "_size_l": "_size_l_6cbd0_gg_",
70
- "_neighborLocation_right": "_neighborLocation_right_6cbd0_gg_",
71
- "_neighborLocation_both": "_neighborLocation_both_6cbd0_gg_",
72
- "_neighborLocation_left": "_neighborLocation_left_6cbd0_gg_",
73
- "_placeholder": "__placeholder_6cbd0_gg_",
74
- "_state_normal": "_state_normal_6cbd0_gg_",
75
- "_state_valid": "_state_valid_6cbd0_gg_",
76
- "_state_invalid": "_state_invalid_6cbd0_gg_"
60
+ "__SBaseTrigger": "___SBaseTrigger_14vkg_gg_",
61
+ "_keyboardFocused": "__keyboardFocused_14vkg_gg_",
62
+ "_active": "__active_14vkg_gg_",
63
+ "_disabled": "__disabled_14vkg_gg_",
64
+ "__SInner": "___SInner_14vkg_gg_",
65
+ "__SText": "___SText_14vkg_gg_",
66
+ "__SAddon": "___SAddon_14vkg_gg_",
67
+ "__SBaseAddon": "___SBaseAddon_14vkg_gg_",
68
+ "_size_m": "_size_m_14vkg_gg_",
69
+ "_size_l": "_size_l_14vkg_gg_",
70
+ "_neighborLocation_right": "_neighborLocation_right_14vkg_gg_",
71
+ "_neighborLocation_both": "_neighborLocation_both_14vkg_gg_",
72
+ "_neighborLocation_left": "_neighborLocation_left_14vkg_gg_",
73
+ "_placeholder": "__placeholder_14vkg_gg_",
74
+ "_state_normal": "_state_normal_14vkg_gg_",
75
+ "_state_valid": "_state_valid_14vkg_gg_",
76
+ "_state_invalid": "_state_invalid_14vkg_gg_"
77
77
  });
78
78
 
79
79
  var RootBaseTrigger = /*#__PURE__*/function (_Component) {
package/lib/cjs/ButtonTrigger.js CHANGED
@@ -46,13 +46,13 @@ var style = (
46
46
  /*__reshadow_css_start__*/
47
47
  _core.sstyled.insert(
48
48
  /*__inner_css_start__*/
49
- ".___SButtonAddon_15gen_gg_{width:12px;height:12px}.___SButtonTriggerSpin_15gen_gg_{fill:#6c6e79}"
49
+ ".___SButtonAddon_otguz_gg_{width:12px;height:12px}.___SButtonTriggerSpin_otguz_gg_{fill:var(--intergalactic-icon-primary-neutral,#6c6e79)}"
50
50
  /*__inner_css_end__*/
51
- , "15gen_gg_")
51
+ , "otguz_gg_")
52
52
  /*__reshadow_css_end__*/
53
53
  , {
54
- "__SButtonAddon": "___SButtonAddon_15gen_gg_",
55
- "__SButtonTriggerSpin": "___SButtonTriggerSpin_15gen_gg_"
54
+ "__SButtonAddon": "___SButtonAddon_otguz_gg_",
55
+ "__SButtonTriggerSpin": "___SButtonTriggerSpin_otguz_gg_"
56
56
  });
57
57
 
58
58
  var RootButtonTrigger = /*#__PURE__*/function (_Component) {
package/lib/cjs/FilterTrigger.js CHANGED
@@ -60,25 +60,25 @@ var style = (
60
60
  /*__reshadow_css_start__*/
61
61
  _core.sstyled.insert(
62
62
  /*__inner_css_start__*/
63
- ".___SButtonTrigger_ue08u_gg_{border:1px solid #c4c7cf;background:#fff;color:#191b23}.___SButtonTrigger_ue08u_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_ue08u_gg_:active,.___SButtonTrigger_ue08u_gg_:focus,.___SButtonTrigger_ue08u_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_ue08u_gg_:active,.___SButtonTrigger_ue08u_gg_:hover,.___SButtonTrigger_ue08u_gg_.__active_ue08u_gg_{background-color:rgba(138,142,155,.2)}.___SButtonTrigger_ue08u_gg_._size_m_ue08u_gg_{min-width:26px;height:28px;border-radius:6px;font-size:14px}.___SButtonTrigger_ue08u_gg_._size_l_ue08u_gg_{min-width:32px;height:40px;border-radius:6px;font-size:16px}.___SText_ue08u_gg_.__placeholder_ue08u_gg_{color:#a9abb6}.___SButtonTrigger_ue08u_gg_._state_normal_ue08u_gg_{border-color:#c4c7cf}.___SButtonTrigger_ue08u_gg_._state_valid_ue08u_gg_{border-color:#59ddaa}.___SButtonTrigger_ue08u_gg_._state_invalid_ue08u_gg_{border-color:#ffaeb5}.___SFilterTrigger_ue08u_gg_.__selected_ue08u_gg_{border-color:#008ff8;background-color:rgba(0,143,248,.2);color:#191b23}.___SFilterTrigger_ue08u_gg_.__selected_ue08u_gg_:hover,.___SFilterTrigger_ue08u_gg_.__selected_ue08u_gg_.__active_ue08u_gg_{background:rgba(0,143,248,.3)}.___SWrapper_ue08u_gg_{display:inline-flex}.___SWrapper_ue08u_gg_:focus{outline:none}.___SWrapper_ue08u_gg_.__keyboardFocused_ue08u_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCounter_ue08u_gg_{background-color:#008ff8}"
63
+ ".___SButtonTrigger_z9zbr_gg_{border:1px solid var(--intergalactic-border-primary,#c4c7cf);background:var(--intergalactic-bg-primary-neutral,#fff);color:var(--intergalactic-text-primary,#191b23)}.___SButtonTrigger_z9zbr_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_z9zbr_gg_:active,.___SButtonTrigger_z9zbr_gg_:focus,.___SButtonTrigger_z9zbr_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_z9zbr_gg_:active,.___SButtonTrigger_z9zbr_gg_:hover,.___SButtonTrigger_z9zbr_gg_.__active_z9zbr_gg_{background-color:var(--intergalactic-control-secondary-neutral-hover,rgba(138,142,155,.2))}.___SButtonTrigger_z9zbr_gg_._size_m_z9zbr_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-rounded-medium,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButtonTrigger_z9zbr_gg_._size_l_z9zbr_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-rounded-medium,6px);font-size:var(--intergalactic-fs-300,16px)}.___SText_z9zbr_gg_.__placeholder_z9zbr_gg_{color:var(--intergalactic-text-placeholder,#a9abb6)}.___SButtonTrigger_z9zbr_gg_._state_normal_z9zbr_gg_{border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SButtonTrigger_z9zbr_gg_._state_valid_z9zbr_gg_{border-color:var(--intergalactic-border-success,#59ddaa)}.___SButtonTrigger_z9zbr_gg_._state_invalid_z9zbr_gg_{border-color:var(--intergalactic-border-danger,#ffaeb5)}.___SFilterTrigger_z9zbr_gg_.__selected_z9zbr_gg_{border-color:var(--intergalactic-border-info-active,#006dca);background-color:var(--intergalactic-control-secondary-info-hover,rgba(0,143,248,.2));color:var(--intergalactic-text-primary,#191b23)}.___SFilterTrigger_z9zbr_gg_.__selected_z9zbr_gg_:hover,.___SFilterTrigger_z9zbr_gg_.__selected_z9zbr_gg_.__active_z9zbr_gg_{background-color:var(--intergalactic-control-secondary-info-active,rgba(0,143,248,.3))}.___SWrapper_z9zbr_gg_{display:inline-flex}.___SWrapper_z9zbr_gg_:focus{outline:none}.___SWrapper_z9zbr_gg_.__keyboardFocused_z9zbr_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SCounter_z9zbr_gg_{background-color:var(--intergalactic-bg-primary-info,#008ff8)}"
64
64
  /*__inner_css_end__*/
65
- , "ue08u_gg_")
65
+ , "z9zbr_gg_")
66
66
  /*__reshadow_css_end__*/
67
67
  , {
68
- "__SButtonTrigger": "___SButtonTrigger_ue08u_gg_",
69
- "_active": "__active_ue08u_gg_",
70
- "_size_m": "_size_m_ue08u_gg_",
71
- "_size_l": "_size_l_ue08u_gg_",
72
- "__SText": "___SText_ue08u_gg_",
73
- "_placeholder": "__placeholder_ue08u_gg_",
74
- "_state_normal": "_state_normal_ue08u_gg_",
75
- "_state_valid": "_state_valid_ue08u_gg_",
76
- "_state_invalid": "_state_invalid_ue08u_gg_",
77
- "__SFilterTrigger": "___SFilterTrigger_ue08u_gg_",
78
- "_selected": "__selected_ue08u_gg_",
79
- "__SWrapper": "___SWrapper_ue08u_gg_",
80
- "_keyboardFocused": "__keyboardFocused_ue08u_gg_",
81
- "__SCounter": "___SCounter_ue08u_gg_"
68
+ "__SButtonTrigger": "___SButtonTrigger_z9zbr_gg_",
69
+ "_active": "__active_z9zbr_gg_",
70
+ "_size_m": "_size_m_z9zbr_gg_",
71
+ "_size_l": "_size_l_z9zbr_gg_",
72
+ "__SText": "___SText_z9zbr_gg_",
73
+ "_placeholder": "__placeholder_z9zbr_gg_",
74
+ "_state_normal": "_state_normal_z9zbr_gg_",
75
+ "_state_valid": "_state_valid_z9zbr_gg_",
76
+ "_state_invalid": "_state_invalid_z9zbr_gg_",
77
+ "__SFilterTrigger": "___SFilterTrigger_z9zbr_gg_",
78
+ "_selected": "__selected_z9zbr_gg_",
79
+ "__SWrapper": "___SWrapper_z9zbr_gg_",
80
+ "_keyboardFocused": "__keyboardFocused_z9zbr_gg_",
81
+ "__SCounter": "___SCounter_z9zbr_gg_"
82
82
  });
83
83
 
84
84
  var RootFilterTrigger = /*#__PURE__*/function (_Component) {
package/lib/cjs/LinkTrigger.js CHANGED
@@ -54,23 +54,23 @@ var style = (
54
54
  /*__reshadow_css_start__*/
55
55
  _core.sstyled.insert(
56
56
  /*__inner_css_start__*/
57
- ".___SLinkTrigger_uvo4y_gg_{display:inline-flex;align-items:center;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;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:Inter,sans-serif;cursor:pointer;color:#006dca;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_uvo4y_gg_:active,.___SLinkTrigger_uvo4y_gg_:hover,.___SLinkTrigger_uvo4y_gg_.__active_uvo4y_gg_{color:#044792}.___SLinkTrigger_uvo4y_gg_:active .___SText_uvo4y_gg_,.___SLinkTrigger_uvo4y_gg_:hover .___SText_uvo4y_gg_,.___SLinkTrigger_uvo4y_gg_.__active_uvo4y_gg_ .___SText_uvo4y_gg_{border-color:currentColor}.___SLinkTrigger_uvo4y_gg_ .___SText_uvo4y_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;line-height:1.42;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_uvo4y_gg_.__color_uvo4y_gg_{color:var(--color_uvo4y)}.___SLinkTrigger_uvo4y_gg_.__color_uvo4y_gg_:hover{color:var(--color-hover_uvo4y)}.___SLinkTrigger_uvo4y_gg_.__disabled_uvo4y_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SLinkTrigger_uvo4y_gg_.__keyboardFocused_uvo4y_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2);z-index:1}.___SAddon_uvo4y_gg_,.___SLinkAddon_uvo4y_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_uvo4y_gg_:not(:only-child):first-child,.___SLinkAddon_uvo4y_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_uvo4y_gg_:not(:only-child):last-child,.___SLinkAddon_uvo4y_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_uvo4y_gg_{width:16px;height:16px}.___SLinkTrigger_uvo4y_gg_._size_m_uvo4y_gg_{font-size:14px}.___SLinkTrigger_uvo4y_gg_._size_l_uvo4y_gg_{font-size:16px}@media (prefers-reduced-motion){.___SLinkTrigger_uvo4y_gg_{transition:none}.___SLinkTrigger_uvo4y_gg_ .___SText_uvo4y_gg_{transition:none}}"
57
+ ".___SLinkTrigger_1wiv0_gg_{display:inline-flex;align-items:center;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;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:var(--intergalactic-base,Inter),sans-serif;cursor:pointer;color:var(--intergalactic-text-link,#006dca);background:none;transition:color .15s ease-in-out}.___SLinkTrigger_1wiv0_gg_:active,.___SLinkTrigger_1wiv0_gg_:hover,.___SLinkTrigger_1wiv0_gg_.__active_1wiv0_gg_{color:var(--intergalactic-text-link-hover-active,#044792)}.___SLinkTrigger_1wiv0_gg_:active .___SText_1wiv0_gg_,.___SLinkTrigger_1wiv0_gg_:hover .___SText_1wiv0_gg_,.___SLinkTrigger_1wiv0_gg_.__active_1wiv0_gg_ .___SText_1wiv0_gg_{border-color:currentColor}.___SLinkTrigger_1wiv0_gg_ .___SText_1wiv0_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;line-height:var(--intergalactic-lh-200,142%);text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_1wiv0_gg_.__color_1wiv0_gg_{color:var(--color_1wiv0)}.___SLinkTrigger_1wiv0_gg_.__color_1wiv0_gg_:hover{color:var(--color-hover_1wiv0)}.___SLinkTrigger_1wiv0_gg_.__disabled_1wiv0_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___SLinkTrigger_1wiv0_gg_.__keyboardFocused_1wiv0_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3));z-index:1}.___SAddon_1wiv0_gg_,.___SLinkAddon_1wiv0_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_1wiv0_gg_:not(:only-child):first-child,.___SLinkAddon_1wiv0_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x,4px)}.___SAddon_1wiv0_gg_:not(:only-child):last-child,.___SLinkAddon_1wiv0_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x,4px)}.___SLinkAddon_1wiv0_gg_{width:16px;height:16px}.___SLinkTrigger_1wiv0_gg_._size_m_1wiv0_gg_{font-size:var(--intergalactic-fs-200,14px)}.___SLinkTrigger_1wiv0_gg_._size_l_1wiv0_gg_{font-size:var(--intergalactic-fs-300,16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1wiv0_gg_{transition:none}.___SLinkTrigger_1wiv0_gg_ .___SText_1wiv0_gg_{transition:none}}"
58
58
  /*__inner_css_end__*/
59
- , "uvo4y_gg_")
59
+ , "1wiv0_gg_")
60
60
  /*__reshadow_css_end__*/
61
61
  , {
62
- "__SLinkTrigger": "___SLinkTrigger_uvo4y_gg_",
63
- "_active": "__active_uvo4y_gg_",
64
- "__SText": "___SText_uvo4y_gg_",
65
- "_color": "__color_uvo4y_gg_",
66
- "--color": "--color_uvo4y",
67
- "--color-hover": "--color-hover_uvo4y",
68
- "_disabled": "__disabled_uvo4y_gg_",
69
- "_keyboardFocused": "__keyboardFocused_uvo4y_gg_",
70
- "__SAddon": "___SAddon_uvo4y_gg_",
71
- "__SLinkAddon": "___SLinkAddon_uvo4y_gg_",
72
- "_size_m": "_size_m_uvo4y_gg_",
73
- "_size_l": "_size_l_uvo4y_gg_"
62
+ "__SLinkTrigger": "___SLinkTrigger_1wiv0_gg_",
63
+ "_active": "__active_1wiv0_gg_",
64
+ "__SText": "___SText_1wiv0_gg_",
65
+ "_color": "__color_1wiv0_gg_",
66
+ "--color": "--color_1wiv0",
67
+ "--color-hover": "--color-hover_1wiv0",
68
+ "_disabled": "__disabled_1wiv0_gg_",
69
+ "_keyboardFocused": "__keyboardFocused_1wiv0_gg_",
70
+ "__SAddon": "___SAddon_1wiv0_gg_",
71
+ "__SLinkAddon": "___SLinkAddon_1wiv0_gg_",
72
+ "_size_m": "_size_m_1wiv0_gg_",
73
+ "_size_l": "_size_l_1wiv0_gg_"
74
74
  });
75
75
 
76
76
  var RootLinkTrigger = /*#__PURE__*/function (_Component) {
package/lib/cjs/style/base-trigger.shadow.css CHANGED
@@ -1,5 +1,3 @@
1
- @import '@semcore/utils/style/var.css';
2
-
3
1
  SBaseTrigger {
4
2
  display: inline-block;
5
3
  align-items: center;
@@ -20,14 +18,14 @@ SBaseTrigger {
20
18
  outline: 0;
21
19
  text-align: center;
22
20
  vertical-align: middle;
23
- font-family: Inter, sans-serif;
21
+ font-family: var(--intergalactic-base, Inter), sans-serif;
24
22
  cursor: pointer;
25
23
 
26
- background: #ffffff;
24
+ background: var(--intergalactic-bg-primary-neutral, #ffffff);
27
25
 
28
- font-weight: 400;
29
- border: 1px solid var(--gray-200);
30
- color: var(--gray-800);
26
+ font-weight: var(--intergalactic-regular, 400);
27
+ border: 1px solid var(--intergalactic-border-primary, #c4c7cf);
28
+ color: var(--intergalactic-text-primary, #191b23);
31
29
 
32
30
  &::-moz-focus-inner {
33
31
  border: none;
@@ -42,22 +40,22 @@ SBaseTrigger {
42
40
  }
43
41
 
44
42
  &[keyboardFocused] {
45
- border: 1px solid var(--blue-400);
46
- box-shadow: var(--keyboard-focus);
43
+ border: 1px solid var(--intergalactic-border-info-active, #006dca);
44
+ box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));
47
45
  }
48
46
 
49
47
  &:hover {
50
- background-color: color-mod(var(--gray-400) a(20%));
48
+ background-color: var(--intergalactic-bg-primary-neutral-hover, #f4f5f9);
51
49
  }
52
50
 
53
51
  &:active,
54
52
  &[active] {
55
- background-color: color-mod(var(--gray-400) a(30%));
53
+ background-color: var(--intergalactic-bg-primary-neutral-active, #e0e1e9);
56
54
  }
57
55
  }
58
56
 
59
57
  SBaseTrigger[disabled] {
60
- opacity: var(--disabled-opacity);
58
+ opacity: var(--intergalactic-disabled-opacity, 0.3);
61
59
  cursor: default;
62
60
  pointer-events: none; /* Disable link interactions */
63
61
  }
@@ -76,11 +74,12 @@ SInner {
76
74
 
77
75
  SText {
78
76
  display: inline;
77
+ /* disable-tokens-validator */
79
78
  padding: 1px 0;
80
79
  overflow: hidden;
81
80
  white-space: nowrap;
82
81
  text-overflow: ellipsis;
83
- line-height: var(--lh-200);
82
+ line-height: var(--intergalactic-lh-200, 142%);
84
83
  flex-grow: 1;
85
84
  text-align: left;
86
85
  }
@@ -100,22 +99,22 @@ SBaseAddon {
100
99
  SBaseTrigger[size='m'] {
101
100
  min-width: 26px;
102
101
  height: 28px;
103
- border-radius: var(--rounded-m);
104
- padding: 0 8px;
105
- font-size: var(--fs-200);
102
+ border-radius: var(--intergalactic-rounded-medium, 6px);
103
+ padding: 0 var(--intergalactic-spacing-2x, 8px);
104
+ font-size: var(--intergalactic-fs-200, 14px);
106
105
 
107
106
  & SAddon {
108
107
  &:not(:only-child):first-child {
109
- margin-right: 8px;
108
+ margin-right: var(--intergalactic-spacing-2x, 8px);
110
109
  }
111
110
 
112
111
  &:not(:only-child):last-child {
113
- margin-left: 8px;
112
+ margin-left: var(--intergalactic-spacing-2x, 8px);
114
113
  }
115
114
 
116
115
  &:only-child {
117
- margin-left: -4px;
118
- margin-right: -4px;
116
+ margin-left: calc(-1 * var(--intergalactic-spacing-1x, 4px));
117
+ margin-right: calc(-1 * var(--intergalactic-spacing-1x, 4px));
119
118
  }
120
119
  }
121
120
  }
@@ -123,22 +122,22 @@ SBaseTrigger[size='m'] {
123
122
  SBaseTrigger[size='l'] {
124
123
  min-width: 32px;
125
124
  height: 40px;
126
- border-radius: var(--rounded-m);
127
- padding: 0 12px;
128
- font-size: var(--fs-300);
125
+ border-radius: var(--intergalactic-rounded-medium, 6px);
126
+ padding: 0 var(--intergalactic-spacing-3x, 12px);
127
+ font-size: var(--intergalactic-fs-300, 16px);
129
128
 
130
129
  & SAddon {
131
130
  &:not(:only-child):first-child {
132
- margin-right: 8px;
131
+ margin-right: var(--intergalactic-spacing-2x, 8px);
133
132
  }
134
133
 
135
134
  &:not(:only-child):last-child {
136
- margin-left: 8px;
135
+ margin-left: var(--intergalactic-spacing-2x, 8px);
137
136
  }
138
137
 
139
138
  &:only-child {
140
- margin-left: -4px;
141
- margin-right: -4px;
139
+ margin-left: calc(-1 * var(--intergalactic-spacing-1x, 4px));
140
+ margin-right: calc(-1 * var(--intergalactic-spacing-1x, 4px));
142
141
  }
143
142
  }
144
143
  }
@@ -150,32 +149,34 @@ SBaseTrigger[neighborLocation='right'] {
150
149
 
151
150
  SBaseTrigger[neighborLocation='both'] {
152
151
  border-radius: 0;
152
+ /* disable-tokens-validator */
153
153
  margin-left: -1px;
154
154
  }
155
155
 
156
156
  SBaseTrigger[neighborLocation='left'] {
157
157
  border-top-left-radius: 0;
158
158
  border-bottom-left-radius: 0;
159
+ /* disable-tokens-validator */
159
160
  margin-left: -1px;
160
161
  }
161
162
 
162
163
  SText[placeholder] {
163
- color: var(--gray-300);
164
+ color: var(--intergalactic-text-placeholder, #a9abb6);
164
165
  }
165
166
 
166
167
  SBaseTrigger[state='normal'] {
167
- border-color: var(--gray-200);
168
+ border-color: var(--intergalactic-border-primary, #c4c7cf);
168
169
  }
169
170
 
170
171
  SBaseTrigger[state='valid'] {
171
- border-color: var(--green-200);
172
+ border-color: var(--intergalactic-border-success, #59ddaa);
172
173
  }
173
174
 
174
175
  SBaseTrigger[state='invalid'] {
175
- border-color: var(--red-200);
176
+ border-color: var(--intergalactic-border-danger, #ffaeb5);
176
177
 
177
178
  &[keyboardFocused] {
178
- border-color: var(--orange-400);
179
- box-shadow: 0 0 0 3px color-mod(var(--orange-400) a(30%));
179
+ border-color: var(--intergalactic-border-danger-active, #d1002f);
180
+ box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.3));
180
181
  }
181
182
  }
package/lib/cjs/style/button-trigger.shadow.css CHANGED
@@ -1,10 +1,8 @@
1
- @import '@semcore/utils/style/var.css';
2
-
3
1
  SButtonAddon {
4
2
  width: 12px;
5
3
  height: 12px;
6
4
  }
7
5
 
8
6
  SButtonTriggerSpin {
9
- fill: var(--gray-500);
7
+ fill: var(--intergalactic-icon-primary-neutral, #6c6e79);
10
8
  }
package/lib/cjs/style/filter-trigger.shadow.css CHANGED
@@ -1,9 +1,7 @@
1
- @import '@semcore/utils/style/var.css';
2
-
3
1
  SButtonTrigger {
4
- border: 1px solid var(--gray-200);
5
- background: #ffffff;
6
- color: var(--gray-800);
2
+ border: 1px solid var(--intergalactic-border-primary, #c4c7cf);
3
+ background: var(--intergalactic-bg-primary-neutral, #ffffff);
4
+ color: var(--intergalactic-text-primary, #191b23);
7
5
 
8
6
  &::-moz-focus-inner {
9
7
  border: none;
@@ -20,48 +18,51 @@ SButtonTrigger {
20
18
  &:active,
21
19
  &:hover,
22
20
  &[active] {
23
- background-color: color-mod(var(--gray-400) a(20%));
21
+ background-color: var(
22
+ --intergalactic-control-secondary-neutral-hover,
23
+ rgba(138, 142, 155, 0.2)
24
+ );
24
25
  }
25
26
  }
26
27
 
27
28
  SButtonTrigger[size='m'] {
28
29
  min-width: 26px;
29
30
  height: 28px;
30
- border-radius: var(--rounded-m);
31
- font-size: var(--fs-200);
31
+ border-radius: var(--intergalactic-rounded-medium, 6px);
32
+ font-size: var(--intergalactic-fs-200, 14px);
32
33
  }
33
34
 
34
35
  SButtonTrigger[size='l'] {
35
36
  min-width: 32px;
36
37
  height: 40px;
37
- border-radius: var(--rounded-m);
38
- font-size: var(--fs-300);
38
+ border-radius: var(--intergalactic-rounded-medium, 6px);
39
+ font-size: var(--intergalactic-fs-300, 16px);
39
40
  }
40
41
 
41
42
  SText[placeholder] {
42
- color: var(--gray-300);
43
+ color: var(--intergalactic-text-placeholder, #a9abb6);
43
44
  }
44
45
 
45
46
  SButtonTrigger[state='normal'] {
46
- border-color: var(--gray-200);
47
+ border-color: var(--intergalactic-border-primary, #c4c7cf);
47
48
  }
48
49
 
49
50
  SButtonTrigger[state='valid'] {
50
- border-color: var(--green-200);
51
+ border-color: var(--intergalactic-border-success, #59ddaa);
51
52
  }
52
53
 
53
54
  SButtonTrigger[state='invalid'] {
54
- border-color: var(--red-200);
55
+ border-color: var(--intergalactic-border-danger, #ffaeb5);
55
56
  }
56
57
 
57
58
  SFilterTrigger[selected] {
58
- border-color: var(--blue-400);
59
- background-color: color-mod(var(--blue-400) a(20%));
60
- color: var(--gray-800);
59
+ border-color: var(--intergalactic-border-info-active, #006dca);
60
+ background-color: var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2));
61
+ color: var(--intergalactic-text-primary, #191b23);
61
62
 
62
63
  &[active],
63
64
  &:hover {
64
- background: color-mod(var(--blue-400) a(30%));
65
+ background-color: var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3));
65
66
  }
66
67
  }
67
68
 
@@ -74,9 +75,9 @@ SWrapper {
74
75
  }
75
76
 
76
77
  SWrapper[keyboardFocused] {
77
- box-shadow: var(--keyboard-focus);
78
+ box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));
78
79
  }
79
80
 
80
81
  SCounter {
81
- background-color: var(--blue-400);
82
+ background-color: var(--intergalactic-bg-primary-info, #008ff8);
82
83
  }
package/lib/cjs/style/link-trigger.shadow.css CHANGED
@@ -1,5 +1,3 @@
1
- @import '@semcore/utils/style/var.css';
2
-
3
1
  SLinkTrigger {
4
2
  display: inline-flex;
5
3
  align-items: center;
@@ -17,16 +15,16 @@ SLinkTrigger {
17
15
  overflow: visible;
18
16
  outline: 0;
19
17
  vertical-align: middle;
20
- font-family: Inter, sans-serif;
18
+ font-family: var(--intergalactic-base, Inter), sans-serif;
21
19
  cursor: pointer;
22
- color: var(--blue-500);
20
+ color: var(--intergalactic-text-link, #006dca);
23
21
  background: none;
24
22
  transition: color 0.15s ease-in-out;
25
23
 
26
24
  &[active],
27
25
  &:hover,
28
26
  &:active {
29
- color: var(--blue-600);
27
+ color: var(--intergalactic-text-link-hover-active, #044792);
30
28
 
31
29
  & SText {
32
30
  border-color: currentColor;
@@ -38,7 +36,7 @@ SLinkTrigger {
38
36
  border-bottom-style: solid;
39
37
  border-color: transparent;
40
38
  transition: border-bottom-color 0.15s ease-in-out;
41
- line-height: var(--lh-200);
39
+ line-height: var(--intergalactic-lh-200, 142%);
42
40
  text-overflow: ellipsis;
43
41
  overflow: hidden;
44
42
  }
@@ -53,13 +51,13 @@ SLinkTrigger[color] {
53
51
  }
54
52
 
55
53
  SLinkTrigger[disabled] {
56
- opacity: var(--disabled-opacity);
54
+ opacity: var(--intergalactic-disabled-opacity, 0.3);
57
55
  cursor: default;
58
56
  pointer-events: none;
59
57
  }
60
58
 
61
59
  SLinkTrigger[keyboardFocused] {
62
- box-shadow: var(--keyboard-focus);
60
+ box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));
63
61
  z-index: 1;
64
62
  }
65
63
 
@@ -71,11 +69,11 @@ SLinkAddon {
71
69
  flex-shrink: 0;
72
70
 
73
71
  &:not(:only-child):first-child {
74
- margin-right: 4px;
72
+ margin-right: var(--intergalactic-spacing-1x, 4px);
75
73
  }
76
74
 
77
75
  &:not(:only-child):last-child {
78
- margin-left: 4px;
76
+ margin-left: var(--intergalactic-spacing-1x, 4px);
79
77
  }
80
78
  }
81
79
 
@@ -85,11 +83,11 @@ SLinkAddon {
85
83
  }
86
84
 
87
85
  SLinkTrigger[size='m'] {
88
- font-size: var(--fs-200);
86
+ font-size: var(--intergalactic-fs-200, 14px);
89
87
  }
90
88
 
91
89
  SLinkTrigger[size='l'] {
92
- font-size: var(--fs-300);
90
+ font-size: var(--intergalactic-fs-300, 16px);
93
91
  }
94
92
 
95
93
  @media (prefers-reduced-motion) {
package/lib/es6/BaseTrigger.js CHANGED
@@ -30,28 +30,28 @@ var style = (
30
30
  /*__reshadow_css_start__*/
31
31
  _sstyled.insert(
32
32
  /*__inner_css_start__*/
33
- ".___SBaseTrigger_6cbd0_gg_{display:inline-block;align-items:center;justify-content:center;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;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:Inter,sans-serif;cursor:pointer;background:#fff;font-weight:400;border:1px solid #c4c7cf;color:#191b23}.___SBaseTrigger_6cbd0_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_6cbd0_gg_:active,.___SBaseTrigger_6cbd0_gg_:focus,.___SBaseTrigger_6cbd0_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_6cbd0_gg_.__keyboardFocused_6cbd0_gg_{border:1px solid #008ff8;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SBaseTrigger_6cbd0_gg_:hover{background-color:rgba(138,142,155,.2)}.___SBaseTrigger_6cbd0_gg_:active,.___SBaseTrigger_6cbd0_gg_.__active_6cbd0_gg_{background-color:rgba(138,142,155,.3)}.___SBaseTrigger_6cbd0_gg_.__disabled_6cbd0_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SBaseTrigger_6cbd0_gg_.__keyboardFocused_6cbd0_gg_{z-index:1}.___SInner_6cbd0_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_6cbd0_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.42;flex-grow:1;text-align:left}.___SAddon_6cbd0_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_6cbd0_gg_{width:12px;height:12px}.___SBaseTrigger_6cbd0_gg_._size_m_6cbd0_gg_{min-width:26px;height:28px;border-radius:6px;padding:0 8px;font-size:14px}.___SBaseTrigger_6cbd0_gg_._size_m_6cbd0_gg_ .___SAddon_6cbd0_gg_:not(:only-child):first-child{margin-right:8px}.___SBaseTrigger_6cbd0_gg_._size_m_6cbd0_gg_ .___SAddon_6cbd0_gg_:not(:only-child):last-child{margin-left:8px}.___SBaseTrigger_6cbd0_gg_._size_m_6cbd0_gg_ .___SAddon_6cbd0_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_6cbd0_gg_._size_l_6cbd0_gg_{min-width:32px;height:40px;border-radius:6px;padding:0 12px;font-size:16px}.___SBaseTrigger_6cbd0_gg_._size_l_6cbd0_gg_ .___SAddon_6cbd0_gg_:not(:only-child):first-child{margin-right:8px}.___SBaseTrigger_6cbd0_gg_._size_l_6cbd0_gg_ .___SAddon_6cbd0_gg_:not(:only-child):last-child{margin-left:8px}.___SBaseTrigger_6cbd0_gg_._size_l_6cbd0_gg_ .___SAddon_6cbd0_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_6cbd0_gg_._neighborLocation_right_6cbd0_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_6cbd0_gg_._neighborLocation_both_6cbd0_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_6cbd0_gg_._neighborLocation_left_6cbd0_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_6cbd0_gg_.__placeholder_6cbd0_gg_{color:#a9abb6}.___SBaseTrigger_6cbd0_gg_._state_normal_6cbd0_gg_{border-color:#c4c7cf}.___SBaseTrigger_6cbd0_gg_._state_valid_6cbd0_gg_{border-color:#59ddaa}.___SBaseTrigger_6cbd0_gg_._state_invalid_6cbd0_gg_{border-color:#ffaeb5}.___SBaseTrigger_6cbd0_gg_._state_invalid_6cbd0_gg_.__keyboardFocused_6cbd0_gg_{border-color:#ff642d;box-shadow:0 0 0 3px rgba(255,100,45,.3)}"
33
+ ".___SBaseTrigger_14vkg_gg_{display:inline-block;align-items:center;justify-content:center;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;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:var(--intergalactic-base,Inter),sans-serif;cursor:pointer;background:var(--intergalactic-bg-primary-neutral,#fff);font-weight:var(--intergalactic-regular,400);border:1px solid var(--intergalactic-border-primary,#c4c7cf);color:var(--intergalactic-text-primary,#191b23)}.___SBaseTrigger_14vkg_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_14vkg_gg_:active,.___SBaseTrigger_14vkg_gg_:focus,.___SBaseTrigger_14vkg_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_14vkg_gg_.__keyboardFocused_14vkg_gg_{border:1px solid var(--intergalactic-border-info-active,#006dca);box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SBaseTrigger_14vkg_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover,#f4f5f9)}.___SBaseTrigger_14vkg_gg_:active,.___SBaseTrigger_14vkg_gg_.__active_14vkg_gg_{background-color:var(--intergalactic-bg-primary-neutral-active,#e0e1e9)}.___SBaseTrigger_14vkg_gg_.__disabled_14vkg_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___SBaseTrigger_14vkg_gg_.__keyboardFocused_14vkg_gg_{z-index:1}.___SInner_14vkg_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_14vkg_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200,142%);flex-grow:1;text-align:left}.___SAddon_14vkg_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_14vkg_gg_{width:12px;height:12px}.___SBaseTrigger_14vkg_gg_._size_m_14vkg_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-rounded-medium,6px);padding:0 var(--intergalactic-spacing-2x,8px);font-size:var(--intergalactic-fs-200,14px)}.___SBaseTrigger_14vkg_gg_._size_m_14vkg_gg_ .___SAddon_14vkg_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_14vkg_gg_._size_m_14vkg_gg_ .___SAddon_14vkg_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_14vkg_gg_._size_m_14vkg_gg_ .___SAddon_14vkg_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_14vkg_gg_._size_l_14vkg_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-rounded-medium,6px);padding:0 var(--intergalactic-spacing-3x,12px);font-size:var(--intergalactic-fs-300,16px)}.___SBaseTrigger_14vkg_gg_._size_l_14vkg_gg_ .___SAddon_14vkg_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_14vkg_gg_._size_l_14vkg_gg_ .___SAddon_14vkg_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_14vkg_gg_._size_l_14vkg_gg_ .___SAddon_14vkg_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_14vkg_gg_._neighborLocation_right_14vkg_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_14vkg_gg_._neighborLocation_both_14vkg_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_14vkg_gg_._neighborLocation_left_14vkg_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_14vkg_gg_.__placeholder_14vkg_gg_{color:var(--intergalactic-text-placeholder,#a9abb6)}.___SBaseTrigger_14vkg_gg_._state_normal_14vkg_gg_{border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SBaseTrigger_14vkg_gg_._state_valid_14vkg_gg_{border-color:var(--intergalactic-border-success,#59ddaa)}.___SBaseTrigger_14vkg_gg_._state_invalid_14vkg_gg_{border-color:var(--intergalactic-border-danger,#ffaeb5)}.___SBaseTrigger_14vkg_gg_._state_invalid_14vkg_gg_.__keyboardFocused_14vkg_gg_{border-color:var(--intergalactic-border-danger-active,#d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid,0 0 0 3px rgba(255,73,83,.3))}"
34
34
  /*__inner_css_end__*/
35
- , "6cbd0_gg_")
35
+ , "14vkg_gg_")
36
36
  /*__reshadow_css_end__*/
37
37
  , {
38
- "__SBaseTrigger": "___SBaseTrigger_6cbd0_gg_",
39
- "_keyboardFocused": "__keyboardFocused_6cbd0_gg_",
40
- "_active": "__active_6cbd0_gg_",
41
- "_disabled": "__disabled_6cbd0_gg_",
42
- "__SInner": "___SInner_6cbd0_gg_",
43
- "__SText": "___SText_6cbd0_gg_",
44
- "__SAddon": "___SAddon_6cbd0_gg_",
45
- "__SBaseAddon": "___SBaseAddon_6cbd0_gg_",
46
- "_size_m": "_size_m_6cbd0_gg_",
47
- "_size_l": "_size_l_6cbd0_gg_",
48
- "_neighborLocation_right": "_neighborLocation_right_6cbd0_gg_",
49
- "_neighborLocation_both": "_neighborLocation_both_6cbd0_gg_",
50
- "_neighborLocation_left": "_neighborLocation_left_6cbd0_gg_",
51
- "_placeholder": "__placeholder_6cbd0_gg_",
52
- "_state_normal": "_state_normal_6cbd0_gg_",
53
- "_state_valid": "_state_valid_6cbd0_gg_",
54
- "_state_invalid": "_state_invalid_6cbd0_gg_"
38
+ "__SBaseTrigger": "___SBaseTrigger_14vkg_gg_",
39
+ "_keyboardFocused": "__keyboardFocused_14vkg_gg_",
40
+ "_active": "__active_14vkg_gg_",
41
+ "_disabled": "__disabled_14vkg_gg_",
42
+ "__SInner": "___SInner_14vkg_gg_",
43
+ "__SText": "___SText_14vkg_gg_",
44
+ "__SAddon": "___SAddon_14vkg_gg_",
45
+ "__SBaseAddon": "___SBaseAddon_14vkg_gg_",
46
+ "_size_m": "_size_m_14vkg_gg_",
47
+ "_size_l": "_size_l_14vkg_gg_",
48
+ "_neighborLocation_right": "_neighborLocation_right_14vkg_gg_",
49
+ "_neighborLocation_both": "_neighborLocation_both_14vkg_gg_",
50
+ "_neighborLocation_left": "_neighborLocation_left_14vkg_gg_",
51
+ "_placeholder": "__placeholder_14vkg_gg_",
52
+ "_state_normal": "_state_normal_14vkg_gg_",
53
+ "_state_valid": "_state_valid_14vkg_gg_",
54
+ "_state_invalid": "_state_invalid_14vkg_gg_"
55
55
  });
56
56
 
57
57
  var RootBaseTrigger = /*#__PURE__*/function (_Component) {
package/lib/es6/ButtonTrigger.js CHANGED
@@ -23,13 +23,13 @@ var style = (
23
23
  /*__reshadow_css_start__*/
24
24
  _sstyled.insert(
25
25
  /*__inner_css_start__*/
26
- ".___SButtonAddon_15gen_gg_{width:12px;height:12px}.___SButtonTriggerSpin_15gen_gg_{fill:#6c6e79}"
26
+ ".___SButtonAddon_otguz_gg_{width:12px;height:12px}.___SButtonTriggerSpin_otguz_gg_{fill:var(--intergalactic-icon-primary-neutral,#6c6e79)}"
27
27
  /*__inner_css_end__*/
28
- , "15gen_gg_")
28
+ , "otguz_gg_")
29
29
  /*__reshadow_css_end__*/
30
30
  , {
31
- "__SButtonAddon": "___SButtonAddon_15gen_gg_",
32
- "__SButtonTriggerSpin": "___SButtonTriggerSpin_15gen_gg_"
31
+ "__SButtonAddon": "___SButtonAddon_otguz_gg_",
32
+ "__SButtonTriggerSpin": "___SButtonTriggerSpin_otguz_gg_"
33
33
  });
34
34
 
35
35
  var RootButtonTrigger = /*#__PURE__*/function (_Component) {
package/lib/es6/FilterTrigger.js CHANGED
@@ -33,25 +33,25 @@ var style = (
33
33
  /*__reshadow_css_start__*/
34
34
  _sstyled.insert(
35
35
  /*__inner_css_start__*/
36
- ".___SButtonTrigger_ue08u_gg_{border:1px solid #c4c7cf;background:#fff;color:#191b23}.___SButtonTrigger_ue08u_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_ue08u_gg_:active,.___SButtonTrigger_ue08u_gg_:focus,.___SButtonTrigger_ue08u_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_ue08u_gg_:active,.___SButtonTrigger_ue08u_gg_:hover,.___SButtonTrigger_ue08u_gg_.__active_ue08u_gg_{background-color:rgba(138,142,155,.2)}.___SButtonTrigger_ue08u_gg_._size_m_ue08u_gg_{min-width:26px;height:28px;border-radius:6px;font-size:14px}.___SButtonTrigger_ue08u_gg_._size_l_ue08u_gg_{min-width:32px;height:40px;border-radius:6px;font-size:16px}.___SText_ue08u_gg_.__placeholder_ue08u_gg_{color:#a9abb6}.___SButtonTrigger_ue08u_gg_._state_normal_ue08u_gg_{border-color:#c4c7cf}.___SButtonTrigger_ue08u_gg_._state_valid_ue08u_gg_{border-color:#59ddaa}.___SButtonTrigger_ue08u_gg_._state_invalid_ue08u_gg_{border-color:#ffaeb5}.___SFilterTrigger_ue08u_gg_.__selected_ue08u_gg_{border-color:#008ff8;background-color:rgba(0,143,248,.2);color:#191b23}.___SFilterTrigger_ue08u_gg_.__selected_ue08u_gg_:hover,.___SFilterTrigger_ue08u_gg_.__selected_ue08u_gg_.__active_ue08u_gg_{background:rgba(0,143,248,.3)}.___SWrapper_ue08u_gg_{display:inline-flex}.___SWrapper_ue08u_gg_:focus{outline:none}.___SWrapper_ue08u_gg_.__keyboardFocused_ue08u_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCounter_ue08u_gg_{background-color:#008ff8}"
36
+ ".___SButtonTrigger_z9zbr_gg_{border:1px solid var(--intergalactic-border-primary,#c4c7cf);background:var(--intergalactic-bg-primary-neutral,#fff);color:var(--intergalactic-text-primary,#191b23)}.___SButtonTrigger_z9zbr_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_z9zbr_gg_:active,.___SButtonTrigger_z9zbr_gg_:focus,.___SButtonTrigger_z9zbr_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_z9zbr_gg_:active,.___SButtonTrigger_z9zbr_gg_:hover,.___SButtonTrigger_z9zbr_gg_.__active_z9zbr_gg_{background-color:var(--intergalactic-control-secondary-neutral-hover,rgba(138,142,155,.2))}.___SButtonTrigger_z9zbr_gg_._size_m_z9zbr_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-rounded-medium,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButtonTrigger_z9zbr_gg_._size_l_z9zbr_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-rounded-medium,6px);font-size:var(--intergalactic-fs-300,16px)}.___SText_z9zbr_gg_.__placeholder_z9zbr_gg_{color:var(--intergalactic-text-placeholder,#a9abb6)}.___SButtonTrigger_z9zbr_gg_._state_normal_z9zbr_gg_{border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SButtonTrigger_z9zbr_gg_._state_valid_z9zbr_gg_{border-color:var(--intergalactic-border-success,#59ddaa)}.___SButtonTrigger_z9zbr_gg_._state_invalid_z9zbr_gg_{border-color:var(--intergalactic-border-danger,#ffaeb5)}.___SFilterTrigger_z9zbr_gg_.__selected_z9zbr_gg_{border-color:var(--intergalactic-border-info-active,#006dca);background-color:var(--intergalactic-control-secondary-info-hover,rgba(0,143,248,.2));color:var(--intergalactic-text-primary,#191b23)}.___SFilterTrigger_z9zbr_gg_.__selected_z9zbr_gg_:hover,.___SFilterTrigger_z9zbr_gg_.__selected_z9zbr_gg_.__active_z9zbr_gg_{background-color:var(--intergalactic-control-secondary-info-active,rgba(0,143,248,.3))}.___SWrapper_z9zbr_gg_{display:inline-flex}.___SWrapper_z9zbr_gg_:focus{outline:none}.___SWrapper_z9zbr_gg_.__keyboardFocused_z9zbr_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SCounter_z9zbr_gg_{background-color:var(--intergalactic-bg-primary-info,#008ff8)}"
37
37
  /*__inner_css_end__*/
38
- , "ue08u_gg_")
38
+ , "z9zbr_gg_")
39
39
  /*__reshadow_css_end__*/
40
40
  , {
41
- "__SButtonTrigger": "___SButtonTrigger_ue08u_gg_",
42
- "_active": "__active_ue08u_gg_",
43
- "_size_m": "_size_m_ue08u_gg_",
44
- "_size_l": "_size_l_ue08u_gg_",
45
- "__SText": "___SText_ue08u_gg_",
46
- "_placeholder": "__placeholder_ue08u_gg_",
47
- "_state_normal": "_state_normal_ue08u_gg_",
48
- "_state_valid": "_state_valid_ue08u_gg_",
49
- "_state_invalid": "_state_invalid_ue08u_gg_",
50
- "__SFilterTrigger": "___SFilterTrigger_ue08u_gg_",
51
- "_selected": "__selected_ue08u_gg_",
52
- "__SWrapper": "___SWrapper_ue08u_gg_",
53
- "_keyboardFocused": "__keyboardFocused_ue08u_gg_",
54
- "__SCounter": "___SCounter_ue08u_gg_"
41
+ "__SButtonTrigger": "___SButtonTrigger_z9zbr_gg_",
42
+ "_active": "__active_z9zbr_gg_",
43
+ "_size_m": "_size_m_z9zbr_gg_",
44
+ "_size_l": "_size_l_z9zbr_gg_",
45
+ "__SText": "___SText_z9zbr_gg_",
46
+ "_placeholder": "__placeholder_z9zbr_gg_",
47
+ "_state_normal": "_state_normal_z9zbr_gg_",
48
+ "_state_valid": "_state_valid_z9zbr_gg_",
49
+ "_state_invalid": "_state_invalid_z9zbr_gg_",
50
+ "__SFilterTrigger": "___SFilterTrigger_z9zbr_gg_",
51
+ "_selected": "__selected_z9zbr_gg_",
52
+ "__SWrapper": "___SWrapper_z9zbr_gg_",
53
+ "_keyboardFocused": "__keyboardFocused_z9zbr_gg_",
54
+ "__SCounter": "___SCounter_z9zbr_gg_"
55
55
  });
56
56
 
57
57
  var RootFilterTrigger = /*#__PURE__*/function (_Component) {
package/lib/es6/LinkTrigger.js CHANGED
@@ -31,23 +31,23 @@ var style = (
31
31
  /*__reshadow_css_start__*/
32
32
  _sstyled.insert(
33
33
  /*__inner_css_start__*/
34
- ".___SLinkTrigger_uvo4y_gg_{display:inline-flex;align-items:center;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;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:Inter,sans-serif;cursor:pointer;color:#006dca;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_uvo4y_gg_:active,.___SLinkTrigger_uvo4y_gg_:hover,.___SLinkTrigger_uvo4y_gg_.__active_uvo4y_gg_{color:#044792}.___SLinkTrigger_uvo4y_gg_:active .___SText_uvo4y_gg_,.___SLinkTrigger_uvo4y_gg_:hover .___SText_uvo4y_gg_,.___SLinkTrigger_uvo4y_gg_.__active_uvo4y_gg_ .___SText_uvo4y_gg_{border-color:currentColor}.___SLinkTrigger_uvo4y_gg_ .___SText_uvo4y_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;line-height:1.42;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_uvo4y_gg_.__color_uvo4y_gg_{color:var(--color_uvo4y)}.___SLinkTrigger_uvo4y_gg_.__color_uvo4y_gg_:hover{color:var(--color-hover_uvo4y)}.___SLinkTrigger_uvo4y_gg_.__disabled_uvo4y_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SLinkTrigger_uvo4y_gg_.__keyboardFocused_uvo4y_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2);z-index:1}.___SAddon_uvo4y_gg_,.___SLinkAddon_uvo4y_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_uvo4y_gg_:not(:only-child):first-child,.___SLinkAddon_uvo4y_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_uvo4y_gg_:not(:only-child):last-child,.___SLinkAddon_uvo4y_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_uvo4y_gg_{width:16px;height:16px}.___SLinkTrigger_uvo4y_gg_._size_m_uvo4y_gg_{font-size:14px}.___SLinkTrigger_uvo4y_gg_._size_l_uvo4y_gg_{font-size:16px}@media (prefers-reduced-motion){.___SLinkTrigger_uvo4y_gg_{transition:none}.___SLinkTrigger_uvo4y_gg_ .___SText_uvo4y_gg_{transition:none}}"
34
+ ".___SLinkTrigger_1wiv0_gg_{display:inline-flex;align-items:center;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;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:var(--intergalactic-base,Inter),sans-serif;cursor:pointer;color:var(--intergalactic-text-link,#006dca);background:none;transition:color .15s ease-in-out}.___SLinkTrigger_1wiv0_gg_:active,.___SLinkTrigger_1wiv0_gg_:hover,.___SLinkTrigger_1wiv0_gg_.__active_1wiv0_gg_{color:var(--intergalactic-text-link-hover-active,#044792)}.___SLinkTrigger_1wiv0_gg_:active .___SText_1wiv0_gg_,.___SLinkTrigger_1wiv0_gg_:hover .___SText_1wiv0_gg_,.___SLinkTrigger_1wiv0_gg_.__active_1wiv0_gg_ .___SText_1wiv0_gg_{border-color:currentColor}.___SLinkTrigger_1wiv0_gg_ .___SText_1wiv0_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;line-height:var(--intergalactic-lh-200,142%);text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_1wiv0_gg_.__color_1wiv0_gg_{color:var(--color_1wiv0)}.___SLinkTrigger_1wiv0_gg_.__color_1wiv0_gg_:hover{color:var(--color-hover_1wiv0)}.___SLinkTrigger_1wiv0_gg_.__disabled_1wiv0_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___SLinkTrigger_1wiv0_gg_.__keyboardFocused_1wiv0_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3));z-index:1}.___SAddon_1wiv0_gg_,.___SLinkAddon_1wiv0_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_1wiv0_gg_:not(:only-child):first-child,.___SLinkAddon_1wiv0_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x,4px)}.___SAddon_1wiv0_gg_:not(:only-child):last-child,.___SLinkAddon_1wiv0_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x,4px)}.___SLinkAddon_1wiv0_gg_{width:16px;height:16px}.___SLinkTrigger_1wiv0_gg_._size_m_1wiv0_gg_{font-size:var(--intergalactic-fs-200,14px)}.___SLinkTrigger_1wiv0_gg_._size_l_1wiv0_gg_{font-size:var(--intergalactic-fs-300,16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1wiv0_gg_{transition:none}.___SLinkTrigger_1wiv0_gg_ .___SText_1wiv0_gg_{transition:none}}"
35
35
  /*__inner_css_end__*/
36
- , "uvo4y_gg_")
36
+ , "1wiv0_gg_")
37
37
  /*__reshadow_css_end__*/
38
38
  , {
39
- "__SLinkTrigger": "___SLinkTrigger_uvo4y_gg_",
40
- "_active": "__active_uvo4y_gg_",
41
- "__SText": "___SText_uvo4y_gg_",
42
- "_color": "__color_uvo4y_gg_",
43
- "--color": "--color_uvo4y",
44
- "--color-hover": "--color-hover_uvo4y",
45
- "_disabled": "__disabled_uvo4y_gg_",
46
- "_keyboardFocused": "__keyboardFocused_uvo4y_gg_",
47
- "__SAddon": "___SAddon_uvo4y_gg_",
48
- "__SLinkAddon": "___SLinkAddon_uvo4y_gg_",
49
- "_size_m": "_size_m_uvo4y_gg_",
50
- "_size_l": "_size_l_uvo4y_gg_"
39
+ "__SLinkTrigger": "___SLinkTrigger_1wiv0_gg_",
40
+ "_active": "__active_1wiv0_gg_",
41
+ "__SText": "___SText_1wiv0_gg_",
42
+ "_color": "__color_1wiv0_gg_",
43
+ "--color": "--color_1wiv0",
44
+ "--color-hover": "--color-hover_1wiv0",
45
+ "_disabled": "__disabled_1wiv0_gg_",
46
+ "_keyboardFocused": "__keyboardFocused_1wiv0_gg_",
47
+ "__SAddon": "___SAddon_1wiv0_gg_",
48
+ "__SLinkAddon": "___SLinkAddon_1wiv0_gg_",
49
+ "_size_m": "_size_m_1wiv0_gg_",
50
+ "_size_l": "_size_l_1wiv0_gg_"
51
51
  });
52
52
 
53
53
  var RootLinkTrigger = /*#__PURE__*/function (_Component) {
package/lib/es6/style/base-trigger.shadow.css CHANGED
@@ -1,5 +1,3 @@
1
- @import '@semcore/utils/style/var.css';
2
-
3
1
  SBaseTrigger {
4
2
  display: inline-block;
5
3
  align-items: center;
@@ -20,14 +18,14 @@ SBaseTrigger {
20
18
  outline: 0;
21
19
  text-align: center;
22
20
  vertical-align: middle;
23
- font-family: Inter, sans-serif;
21
+ font-family: var(--intergalactic-base, Inter), sans-serif;
24
22
  cursor: pointer;
25
23
 
26
- background: #ffffff;
24
+ background: var(--intergalactic-bg-primary-neutral, #ffffff);
27
25
 
28
- font-weight: 400;
29
- border: 1px solid var(--gray-200);
30
- color: var(--gray-800);
26
+ font-weight: var(--intergalactic-regular, 400);
27
+ border: 1px solid var(--intergalactic-border-primary, #c4c7cf);
28
+ color: var(--intergalactic-text-primary, #191b23);
31
29
 
32
30
  &::-moz-focus-inner {
33
31
  border: none;
@@ -42,22 +40,22 @@ SBaseTrigger {
42
40
  }
43
41
 
44
42
  &[keyboardFocused] {
45
- border: 1px solid var(--blue-400);
46
- box-shadow: var(--keyboard-focus);
43
+ border: 1px solid var(--intergalactic-border-info-active, #006dca);
44
+ box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));
47
45
  }
48
46
 
49
47
  &:hover {
50
- background-color: color-mod(var(--gray-400) a(20%));
48
+ background-color: var(--intergalactic-bg-primary-neutral-hover, #f4f5f9);
51
49
  }
52
50
 
53
51
  &:active,
54
52
  &[active] {
55
- background-color: color-mod(var(--gray-400) a(30%));
53
+ background-color: var(--intergalactic-bg-primary-neutral-active, #e0e1e9);
56
54
  }
57
55
  }
58
56
 
59
57
  SBaseTrigger[disabled] {
60
- opacity: var(--disabled-opacity);
58
+ opacity: var(--intergalactic-disabled-opacity, 0.3);
61
59
  cursor: default;
62
60
  pointer-events: none; /* Disable link interactions */
63
61
  }
@@ -76,11 +74,12 @@ SInner {
76
74
 
77
75
  SText {
78
76
  display: inline;
77
+ /* disable-tokens-validator */
79
78
  padding: 1px 0;
80
79
  overflow: hidden;
81
80
  white-space: nowrap;
82
81
  text-overflow: ellipsis;
83
- line-height: var(--lh-200);
82
+ line-height: var(--intergalactic-lh-200, 142%);
84
83
  flex-grow: 1;
85
84
  text-align: left;
86
85
  }
@@ -100,22 +99,22 @@ SBaseAddon {
100
99
  SBaseTrigger[size='m'] {
101
100
  min-width: 26px;
102
101
  height: 28px;
103
- border-radius: var(--rounded-m);
104
- padding: 0 8px;
105
- font-size: var(--fs-200);
102
+ border-radius: var(--intergalactic-rounded-medium, 6px);
103
+ padding: 0 var(--intergalactic-spacing-2x, 8px);
104
+ font-size: var(--intergalactic-fs-200, 14px);
106
105
 
107
106
  & SAddon {
108
107
  &:not(:only-child):first-child {
109
- margin-right: 8px;
108
+ margin-right: var(--intergalactic-spacing-2x, 8px);
110
109
  }
111
110
 
112
111
  &:not(:only-child):last-child {
113
- margin-left: 8px;
112
+ margin-left: var(--intergalactic-spacing-2x, 8px);
114
113
  }
115
114
 
116
115
  &:only-child {
117
- margin-left: -4px;
118
- margin-right: -4px;
116
+ margin-left: calc(-1 * var(--intergalactic-spacing-1x, 4px));
117
+ margin-right: calc(-1 * var(--intergalactic-spacing-1x, 4px));
119
118
  }
120
119
  }
121
120
  }
@@ -123,22 +122,22 @@ SBaseTrigger[size='m'] {
123
122
  SBaseTrigger[size='l'] {
124
123
  min-width: 32px;
125
124
  height: 40px;
126
- border-radius: var(--rounded-m);
127
- padding: 0 12px;
128
- font-size: var(--fs-300);
125
+ border-radius: var(--intergalactic-rounded-medium, 6px);
126
+ padding: 0 var(--intergalactic-spacing-3x, 12px);
127
+ font-size: var(--intergalactic-fs-300, 16px);
129
128
 
130
129
  & SAddon {
131
130
  &:not(:only-child):first-child {
132
- margin-right: 8px;
131
+ margin-right: var(--intergalactic-spacing-2x, 8px);
133
132
  }
134
133
 
135
134
  &:not(:only-child):last-child {
136
- margin-left: 8px;
135
+ margin-left: var(--intergalactic-spacing-2x, 8px);
137
136
  }
138
137
 
139
138
  &:only-child {
140
- margin-left: -4px;
141
- margin-right: -4px;
139
+ margin-left: calc(-1 * var(--intergalactic-spacing-1x, 4px));
140
+ margin-right: calc(-1 * var(--intergalactic-spacing-1x, 4px));
142
141
  }
143
142
  }
144
143
  }
@@ -150,32 +149,34 @@ SBaseTrigger[neighborLocation='right'] {
150
149
 
151
150
  SBaseTrigger[neighborLocation='both'] {
152
151
  border-radius: 0;
152
+ /* disable-tokens-validator */
153
153
  margin-left: -1px;
154
154
  }
155
155
 
156
156
  SBaseTrigger[neighborLocation='left'] {
157
157
  border-top-left-radius: 0;
158
158
  border-bottom-left-radius: 0;
159
+ /* disable-tokens-validator */
159
160
  margin-left: -1px;
160
161
  }
161
162
 
162
163
  SText[placeholder] {
163
- color: var(--gray-300);
164
+ color: var(--intergalactic-text-placeholder, #a9abb6);
164
165
  }
165
166
 
166
167
  SBaseTrigger[state='normal'] {
167
- border-color: var(--gray-200);
168
+ border-color: var(--intergalactic-border-primary, #c4c7cf);
168
169
  }
169
170
 
170
171
  SBaseTrigger[state='valid'] {
171
- border-color: var(--green-200);
172
+ border-color: var(--intergalactic-border-success, #59ddaa);
172
173
  }
173
174
 
174
175
  SBaseTrigger[state='invalid'] {
175
- border-color: var(--red-200);
176
+ border-color: var(--intergalactic-border-danger, #ffaeb5);
176
177
 
177
178
  &[keyboardFocused] {
178
- border-color: var(--orange-400);
179
- box-shadow: 0 0 0 3px color-mod(var(--orange-400) a(30%));
179
+ border-color: var(--intergalactic-border-danger-active, #d1002f);
180
+ box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.3));
180
181
  }
181
182
  }
package/lib/es6/style/button-trigger.shadow.css CHANGED
@@ -1,10 +1,8 @@
1
- @import '@semcore/utils/style/var.css';
2
-
3
1
  SButtonAddon {
4
2
  width: 12px;
5
3
  height: 12px;
6
4
  }
7
5
 
8
6
  SButtonTriggerSpin {
9
- fill: var(--gray-500);
7
+ fill: var(--intergalactic-icon-primary-neutral, #6c6e79);
10
8
  }
package/lib/es6/style/filter-trigger.shadow.css CHANGED
@@ -1,9 +1,7 @@
1
- @import '@semcore/utils/style/var.css';
2
-
3
1
  SButtonTrigger {
4
- border: 1px solid var(--gray-200);
5
- background: #ffffff;
6
- color: var(--gray-800);
2
+ border: 1px solid var(--intergalactic-border-primary, #c4c7cf);
3
+ background: var(--intergalactic-bg-primary-neutral, #ffffff);
4
+ color: var(--intergalactic-text-primary, #191b23);
7
5
 
8
6
  &::-moz-focus-inner {
9
7
  border: none;
@@ -20,48 +18,51 @@ SButtonTrigger {
20
18
  &:active,
21
19
  &:hover,
22
20
  &[active] {
23
- background-color: color-mod(var(--gray-400) a(20%));
21
+ background-color: var(
22
+ --intergalactic-control-secondary-neutral-hover,
23
+ rgba(138, 142, 155, 0.2)
24
+ );
24
25
  }
25
26
  }
26
27
 
27
28
  SButtonTrigger[size='m'] {
28
29
  min-width: 26px;
29
30
  height: 28px;
30
- border-radius: var(--rounded-m);
31
- font-size: var(--fs-200);
31
+ border-radius: var(--intergalactic-rounded-medium, 6px);
32
+ font-size: var(--intergalactic-fs-200, 14px);
32
33
  }
33
34
 
34
35
  SButtonTrigger[size='l'] {
35
36
  min-width: 32px;
36
37
  height: 40px;
37
- border-radius: var(--rounded-m);
38
- font-size: var(--fs-300);
38
+ border-radius: var(--intergalactic-rounded-medium, 6px);
39
+ font-size: var(--intergalactic-fs-300, 16px);
39
40
  }
40
41
 
41
42
  SText[placeholder] {
42
- color: var(--gray-300);
43
+ color: var(--intergalactic-text-placeholder, #a9abb6);
43
44
  }
44
45
 
45
46
  SButtonTrigger[state='normal'] {
46
- border-color: var(--gray-200);
47
+ border-color: var(--intergalactic-border-primary, #c4c7cf);
47
48
  }
48
49
 
49
50
  SButtonTrigger[state='valid'] {
50
- border-color: var(--green-200);
51
+ border-color: var(--intergalactic-border-success, #59ddaa);
51
52
  }
52
53
 
53
54
  SButtonTrigger[state='invalid'] {
54
- border-color: var(--red-200);
55
+ border-color: var(--intergalactic-border-danger, #ffaeb5);
55
56
  }
56
57
 
57
58
  SFilterTrigger[selected] {
58
- border-color: var(--blue-400);
59
- background-color: color-mod(var(--blue-400) a(20%));
60
- color: var(--gray-800);
59
+ border-color: var(--intergalactic-border-info-active, #006dca);
60
+ background-color: var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2));
61
+ color: var(--intergalactic-text-primary, #191b23);
61
62
 
62
63
  &[active],
63
64
  &:hover {
64
- background: color-mod(var(--blue-400) a(30%));
65
+ background-color: var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3));
65
66
  }
66
67
  }
67
68
 
@@ -74,9 +75,9 @@ SWrapper {
74
75
  }
75
76
 
76
77
  SWrapper[keyboardFocused] {
77
- box-shadow: var(--keyboard-focus);
78
+ box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));
78
79
  }
79
80
 
80
81
  SCounter {
81
- background-color: var(--blue-400);
82
+ background-color: var(--intergalactic-bg-primary-info, #008ff8);
82
83
  }
package/lib/es6/style/link-trigger.shadow.css CHANGED
@@ -1,5 +1,3 @@
1
- @import '@semcore/utils/style/var.css';
2
-
3
1
  SLinkTrigger {
4
2
  display: inline-flex;
5
3
  align-items: center;
@@ -17,16 +15,16 @@ SLinkTrigger {
17
15
  overflow: visible;
18
16
  outline: 0;
19
17
  vertical-align: middle;
20
- font-family: Inter, sans-serif;
18
+ font-family: var(--intergalactic-base, Inter), sans-serif;
21
19
  cursor: pointer;
22
- color: var(--blue-500);
20
+ color: var(--intergalactic-text-link, #006dca);
23
21
  background: none;
24
22
  transition: color 0.15s ease-in-out;
25
23
 
26
24
  &[active],
27
25
  &:hover,
28
26
  &:active {
29
- color: var(--blue-600);
27
+ color: var(--intergalactic-text-link-hover-active, #044792);
30
28
 
31
29
  & SText {
32
30
  border-color: currentColor;
@@ -38,7 +36,7 @@ SLinkTrigger {
38
36
  border-bottom-style: solid;
39
37
  border-color: transparent;
40
38
  transition: border-bottom-color 0.15s ease-in-out;
41
- line-height: var(--lh-200);
39
+ line-height: var(--intergalactic-lh-200, 142%);
42
40
  text-overflow: ellipsis;
43
41
  overflow: hidden;
44
42
  }
@@ -53,13 +51,13 @@ SLinkTrigger[color] {
53
51
  }
54
52
 
55
53
  SLinkTrigger[disabled] {
56
- opacity: var(--disabled-opacity);
54
+ opacity: var(--intergalactic-disabled-opacity, 0.3);
57
55
  cursor: default;
58
56
  pointer-events: none;
59
57
  }
60
58
 
61
59
  SLinkTrigger[keyboardFocused] {
62
- box-shadow: var(--keyboard-focus);
60
+ box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));
63
61
  z-index: 1;
64
62
  }
65
63
 
@@ -71,11 +69,11 @@ SLinkAddon {
71
69
  flex-shrink: 0;
72
70
 
73
71
  &:not(:only-child):first-child {
74
- margin-right: 4px;
72
+ margin-right: var(--intergalactic-spacing-1x, 4px);
75
73
  }
76
74
 
77
75
  &:not(:only-child):last-child {
78
- margin-left: 4px;
76
+ margin-left: var(--intergalactic-spacing-1x, 4px);
79
77
  }
80
78
  }
81
79
 
@@ -85,11 +83,11 @@ SLinkAddon {
85
83
  }
86
84
 
87
85
  SLinkTrigger[size='m'] {
88
- font-size: var(--fs-200);
86
+ font-size: var(--intergalactic-fs-200, 14px);
89
87
  }
90
88
 
91
89
  SLinkTrigger[size='l'] {
92
- font-size: var(--fs-300);
90
+ font-size: var(--intergalactic-fs-300, 16px);
93
91
  }
94
92
 
95
93
  @media (prefers-reduced-motion) {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/base-trigger",
3
3
  "description": "Semrush BaseTrigger Component",
4
- "version": "3.2.10",
4
+ "version": "3.3.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",