@semcore/base-trigger 4.54.0-prerelease.5 → 4.54.0-prerelease.6

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 (80) hide show
  1. package/lib/cjs/BaseTrigger.js +53 -64
  2. package/lib/cjs/BaseTrigger.js.map +1 -1
  3. package/lib/cjs/ButtonTrigger.js +22 -20
  4. package/lib/cjs/ButtonTrigger.js.map +1 -1
  5. package/lib/cjs/FilterTrigger.js +85 -90
  6. package/lib/cjs/FilterTrigger.js.map +1 -1
  7. package/lib/cjs/LinkTrigger.js +82 -37
  8. package/lib/cjs/LinkTrigger.js.map +1 -1
  9. package/lib/cjs/index.d.js.map +1 -1
  10. package/lib/cjs/index.js +1 -1
  11. package/lib/cjs/index.js.map +1 -1
  12. package/lib/cjs/style/base-trigger.shadow.css +10 -9
  13. package/lib/cjs/style/filter-trigger.shadow.css +8 -0
  14. package/lib/cjs/style/link-trigger.shadow.css +104 -0
  15. package/lib/cjs/translations/__intergalactic-dynamic-locales.js +5 -4
  16. package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
  17. package/lib/cjs/translations/de.json +1 -2
  18. package/lib/cjs/translations/es.json +1 -2
  19. package/lib/cjs/translations/fr.json +1 -2
  20. package/lib/cjs/translations/it.json +1 -2
  21. package/lib/cjs/translations/ja.json +1 -2
  22. package/lib/cjs/translations/ko.json +1 -2
  23. package/lib/cjs/translations/nl.json +1 -2
  24. package/lib/cjs/translations/pl.json +1 -2
  25. package/lib/cjs/translations/pt.json +1 -2
  26. package/lib/cjs/translations/sv.json +1 -2
  27. package/lib/cjs/translations/tr.json +1 -2
  28. package/lib/cjs/translations/vi.json +1 -2
  29. package/lib/cjs/translations/zh.json +1 -2
  30. package/lib/es6/BaseTrigger.js +44 -58
  31. package/lib/es6/BaseTrigger.js.map +1 -1
  32. package/lib/es6/ButtonTrigger.js +17 -18
  33. package/lib/es6/ButtonTrigger.js.map +1 -1
  34. package/lib/es6/FilterTrigger.js +76 -83
  35. package/lib/es6/FilterTrigger.js.map +1 -1
  36. package/lib/es6/LinkTrigger.js +80 -35
  37. package/lib/es6/LinkTrigger.js.map +1 -1
  38. package/lib/es6/index.d.js.map +1 -1
  39. package/lib/es6/index.js.map +1 -1
  40. package/lib/es6/style/base-trigger.shadow.css +10 -9
  41. package/lib/es6/style/filter-trigger.shadow.css +8 -0
  42. package/lib/es6/style/link-trigger.shadow.css +104 -0
  43. package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
  44. package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
  45. package/lib/es6/translations/de.json +1 -2
  46. package/lib/es6/translations/es.json +1 -2
  47. package/lib/es6/translations/fr.json +1 -2
  48. package/lib/es6/translations/it.json +1 -2
  49. package/lib/es6/translations/ja.json +1 -2
  50. package/lib/es6/translations/ko.json +1 -2
  51. package/lib/es6/translations/nl.json +1 -2
  52. package/lib/es6/translations/pl.json +1 -2
  53. package/lib/es6/translations/pt.json +1 -2
  54. package/lib/es6/translations/sv.json +1 -2
  55. package/lib/es6/translations/tr.json +1 -2
  56. package/lib/es6/translations/vi.json +1 -2
  57. package/lib/es6/translations/zh.json +1 -2
  58. package/lib/esm/BaseTrigger.mjs +49 -58
  59. package/lib/esm/ButtonTrigger.mjs +21 -20
  60. package/lib/esm/FilterTrigger.mjs +70 -68
  61. package/lib/esm/LinkTrigger.mjs +76 -33
  62. package/lib/esm/style/base-trigger.shadow.css +10 -9
  63. package/lib/esm/style/filter-trigger.shadow.css +8 -0
  64. package/lib/esm/style/link-trigger.shadow.css +104 -0
  65. package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
  66. package/lib/esm/translations/de.json.mjs +1 -2
  67. package/lib/esm/translations/es.json.mjs +1 -2
  68. package/lib/esm/translations/fr.json.mjs +1 -2
  69. package/lib/esm/translations/it.json.mjs +1 -2
  70. package/lib/esm/translations/ja.json.mjs +1 -2
  71. package/lib/esm/translations/ko.json.mjs +1 -2
  72. package/lib/esm/translations/nl.json.mjs +1 -2
  73. package/lib/esm/translations/pl.json.mjs +1 -2
  74. package/lib/esm/translations/pt.json.mjs +1 -2
  75. package/lib/esm/translations/sv.json.mjs +1 -2
  76. package/lib/esm/translations/tr.json.mjs +1 -2
  77. package/lib/esm/translations/vi.json.mjs +1 -2
  78. package/lib/esm/translations/zh.json.mjs +1 -2
  79. package/lib/types/index.d.ts +33 -22
  80. package/package.json +9 -9
@@ -1,67 +1,112 @@
1
+ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
1
2
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
3
  import _createClass from "@babel/runtime/helpers/createClass";
3
- import _callSuper from "@babel/runtime/helpers/callSuper";
4
4
  import _inherits from "@babel/runtime/helpers/inherits";
5
+ import _createSuper from "@babel/runtime/helpers/createSuper";
5
6
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
7
+ import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
8
+ import { assignProps as _assignProps3 } from "@semcore/core";
9
+ import { assignProps as _assignProps2 } from "@semcore/core";
6
10
  import { assignProps as _assignProps } from "@semcore/core";
7
- import { ButtonLink } from '@semcore/button';
8
- import { createComponent, Component, Root } from '@semcore/core';
9
- import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
10
- import { findAllComponents } from '@semcore/core/lib/utils/findComponent';
11
- import ChevronDownL from '@semcore/icon/ChevronDown/l';
12
- import ChevronDownM from '@semcore/icon/ChevronDown/m';
13
- import Spin from '@semcore/spin';
14
11
  import React from 'react';
12
+ import createComponent, { Component, Root, sstyled } from '@semcore/core';
13
+ import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
14
+ import ChevronDown from '@semcore/icon/ChevronDown/m';
15
+ import Spin from '@semcore/spin';
16
+ import { Box } from '@semcore/flex-box';
17
+ import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
18
+ import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
19
+ /*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
20
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1suv2_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;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, rgb(35, 95, 226));background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_1suv2_gg_:focus{outline:0}.___SLinkTrigger_1suv2_gg_.__active_1suv2_gg_,.___SLinkTrigger_1suv2_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SLinkTrigger_1suv2_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SLinkTrigger_1suv2_gg_.__active_1suv2_gg_ .___SText_1suv2_gg_,.___SLinkTrigger_1suv2_gg_:active .___SText_1suv2_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1suv2_gg_:hover .___SText_1suv2_gg_{border-color:currentColor}}.___SLinkTrigger_1suv2_gg_ .___SText_1suv2_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_1suv2_gg_.__color_1suv2_gg_{color:var(--color_1suv2)}@media (hover:hover){.___SLinkTrigger_1suv2_gg_.__color_1suv2_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1suv2_gg_.__disabled_1suv2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SLinkTrigger_1suv2_gg_.__keyboardFocused_1suv2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469));z-index:1}@supports (color:color(display-p3 0 0 0)){.___SLinkTrigger_1suv2_gg_.__keyboardFocused_1suv2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SLinkTrigger_1suv2_gg_.__keyboardFocused_1suv2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SAddon_1suv2_gg_,.___SLinkAddon_1suv2_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1suv2_gg_:not(:only-child):first-child,.___SLinkAddon_1suv2_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1suv2_gg_:not(:only-child):last-child,.___SLinkAddon_1suv2_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1suv2_gg_{width:16px;height:16px}.___SLinkTrigger_1suv2_gg_._size_m_1suv2_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1suv2_gg_._size_l_1suv2_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1suv2_gg_,.___SLinkTrigger_1suv2_gg_ .___SText_1suv2_gg_{transition:none}}", /*__inner_css_end__*/"1suv2_gg_"),
21
+ /*__reshadow_css_end__*/
22
+ {
23
+ "__SLinkTrigger": "___SLinkTrigger_1suv2_gg_",
24
+ "_disabled": "__disabled_1suv2_gg_",
25
+ "_keyboardFocused": "__keyboardFocused_1suv2_gg_",
26
+ "__SLinkAddon": "___SLinkAddon_1suv2_gg_",
27
+ "_size_m": "_size_m_1suv2_gg_",
28
+ "_size_l": "_size_l_1suv2_gg_",
29
+ "_active": "__active_1suv2_gg_",
30
+ "__SText": "___SText_1suv2_gg_",
31
+ "_color": "__color_1suv2_gg_",
32
+ "--color": "--color_1suv2",
33
+ "__SAddon": "___SAddon_1suv2_gg_"
34
+ });
15
35
  var RootLinkTrigger = /*#__PURE__*/function (_Component) {
36
+ _inherits(RootLinkTrigger, _Component);
37
+ var _super = _createSuper(RootLinkTrigger);
16
38
  function RootLinkTrigger() {
17
39
  _classCallCheck(this, RootLinkTrigger);
18
- return _callSuper(this, RootLinkTrigger, arguments);
40
+ return _super.apply(this, arguments);
19
41
  }
20
- _inherits(RootLinkTrigger, _Component);
21
- return _createClass(RootLinkTrigger, [{
42
+ _createClass(RootLinkTrigger, [{
22
43
  key: "getTextProps",
23
- value: function getTextProps(props) {
44
+ value: function getTextProps() {
24
45
  var _this$asProps = this.asProps,
25
46
  placeholder = _this$asProps.placeholder,
26
- empty = _this$asProps.empty,
27
- Children = _this$asProps.Children,
28
- size = _this$asProps.size;
29
- var content = empty ? placeholder : props.children;
30
- var addons = findAllComponents(Children, [LinkTrigger.Addon.displayName]);
31
- var addonWidth = size >= 600 ? 28 : 20;
47
+ empty = _this$asProps.empty;
32
48
  return {
33
- 'use:children': content,
34
- empty: empty,
35
- 'w': "calc(100% - ".concat(addonWidth * (addons.length + 1), "px)")
49
+ placeholder: placeholder,
50
+ empty: empty
36
51
  };
37
52
  }
38
53
  }, {
39
54
  key: "render",
40
55
  value: function render() {
41
- var _ref = this.asProps;
42
- var SLinkTrigger = ButtonLink;
56
+ var _ref = this.asProps,
57
+ _ref4;
58
+ var SLinkTrigger = Box;
43
59
  var SLinkAddon = LinkTrigger.Addon;
44
60
  var _this$asProps2 = this.asProps,
45
61
  Children = _this$asProps2.Children,
46
62
  loading = _this$asProps2.loading,
63
+ styles = _this$asProps2.styles,
47
64
  empty = _this$asProps2.empty,
48
- disabled = _this$asProps2.disabled,
49
- size = _this$asProps2.size;
50
- return /*#__PURE__*/React.createElement(SLinkTrigger, _assignProps({
51
- "use:disabled": disabled || loading
52
- }, _ref), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/React.createElement(SLinkAddon, null, loading ? /*#__PURE__*/React.createElement(Spin, {
53
- size: size >= 600 ? 's' : 'xs',
54
- theme: "currentColor"
55
- }) : size >= 600 ? /*#__PURE__*/React.createElement(ChevronDownL, null) : /*#__PURE__*/React.createElement(ChevronDownM, null)));
65
+ providedColor = _this$asProps2.color,
66
+ resolveColor = _this$asProps2.resolveColor;
67
+ var color = resolveColor(providedColor);
68
+ return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", _objectSpread({}, _assignProps({
69
+ "tag": 'button',
70
+ "type": 'button',
71
+ "use:color": color
72
+ }, _ref))), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/React.createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /*#__PURE__*/React.createElement(Spin, _ref4.cn("Spin", {
73
+ "size": 'xs',
74
+ "theme": 'currentColor'
75
+ })) : /*#__PURE__*/React.createElement(ChevronDown, _ref4.cn("ChevronDown", {}))));
56
76
  }
57
77
  }]);
78
+ return RootLinkTrigger;
58
79
  }(Component);
59
80
  _defineProperty(RootLinkTrigger, "displayName", 'LinkTrigger');
81
+ _defineProperty(RootLinkTrigger, "style", style);
82
+ _defineProperty(RootLinkTrigger, "defaultProps", {
83
+ size: 'm'
84
+ });
85
+ _defineProperty(RootLinkTrigger, "enhance", [keyboardFocusEnhance(), resolveColorEnhance()]);
86
+ function Text(props) {
87
+ var _ref2 = arguments[0],
88
+ _ref5;
89
+ var SText = Box;
90
+ var children = props.children,
91
+ styles = props.styles,
92
+ empty = props.empty,
93
+ placeholder = props.placeholder;
94
+ return _ref5 = sstyled(styles),
95
+ /*#__PURE__*/
96
+ /* "use:" prefix was used for backward compatibility (by lsroman) */
97
+ React.createElement(SText, _ref5.cn("SText", _objectSpread({}, _assignProps2({
98
+ "display-placeholder": empty
99
+ }, _ref2))), empty ? placeholder : children);
100
+ }
101
+ function Addon(props) {
102
+ var _ref3 = arguments[0],
103
+ _ref6;
104
+ var SAddon = Box;
105
+ return _ref6 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, _assignProps3({}, _ref3))));
106
+ }
60
107
  var LinkTrigger = createComponent(RootLinkTrigger, {
61
- Text: ButtonLink.Text,
62
- Addon: ButtonLink.Addon
63
- }, {
64
- parent: ButtonLink
108
+ Text: Text,
109
+ Addon: Addon
65
110
  });
66
111
  export default LinkTrigger;
67
112
  //# sourceMappingURL=LinkTrigger.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LinkTrigger.js","names":["ButtonLink","createComponent","Component","Root","addonTextChildren","findAllComponents","ChevronDownL","ChevronDownM","Spin","React","RootLinkTrigger","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getTextProps","props","_this$asProps","asProps","placeholder","empty","Children","size","content","children","addons","LinkTrigger","Addon","displayName","addonWidth","concat","length","render","_ref","SLinkTrigger","SLinkAddon","_this$asProps2","loading","disabled","createElement","_assignProps","Text","theme","_defineProperty","parent"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, Root } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport { findAllComponents } from '@semcore/core/lib/utils/findComponent';\nimport ChevronDownL from '@semcore/icon/ChevronDown/l';\nimport ChevronDownM from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n\n getTextProps(props) {\n const { placeholder, empty, Children, size } = this.asProps;\n const content = empty ? placeholder : props.children;\n const addons = findAllComponents(Children, [LinkTrigger.Addon.displayName]);\n const addonWidth = size >= 600 ? 28 : 20;\n\n return {\n 'use:children': content,\n empty,\n 'w': `calc(100% - ${addonWidth * (addons.length + 1)}px)`,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, empty, disabled, size } = this.asProps;\n\n return (\n <SLinkTrigger\n render={ButtonLink}\n use:disabled={disabled || loading}\n >\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading\n ? <Spin size={size >= 600 ? 's' : 'xs'} theme='currentColor' />\n : size >= 600 ? <ChevronDownL /> : <ChevronDownM />}\n </SLinkAddon>\n </SLinkTrigger>\n );\n }\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n Text: ButtonLink.Text,\n Addon: ButtonLink.Addon,\n}, {\n parent: ButtonLink,\n});\n\nexport default LinkTrigger;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"LinkTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","Spin","Box","resolveColorEnhance","keyboardFocusEnhance","style","_sstyled","insert","RootLinkTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","_ref4","SLinkTrigger","SLinkAddon","LinkTrigger","Addon","_this$asProps2","Children","loading","styles","providedColor","color","resolveColor","createElement","cn","_objectSpread","_assignProps","Text","_defineProperty","size","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance(), resolveColorEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, empty, color: providedColor, resolveColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} tag='button' type='button' use:color={color}>\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading ? <Spin size='xs' theme='currentColor' /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n /* \"use:\" prefix was used for backward compatibility (by lsroman) */\n <SText render={Box} display-placeholder={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Box, BoxProps, NeighborItemProps } from '@semcore/base-components';\nimport type { ButtonLinkProps, ButtonLink } from '@semcore/button';\nimport type { Intergalactic } from '@semcore/core';\nimport type { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport type { CounterProps } from '@semcore/counter';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type BaseTriggerProps = BoxProps &\n NeighborItemProps &\n WithAnimatedSizeEnhanceProps & {\n /**\n * Trigger size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Sets active state to trigger\n */\n active?: boolean;\n /**\n * Responsible for placeholder displaying\n */\n empty?: boolean;\n /**\n * Placeholder text\n */\n placeholder?: React.ReactNode;\n /**\n * Sets disabled state to trigger\n */\n disabled?: boolean;\n };\n\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /**\n * Display the dropdowns chevron icon\n * @default true\n */\n chevron?: boolean;\n};\n\nexport type LinkTriggerProps = ButtonLinkProps & {\n /** Sets the loading state */\n loading?: boolean;\n /** Placeholder text */\n placeholder?: React.ReactNode;\n /** Responsible for placeholder displaying */\n empty?: boolean;\n};\n\nexport type FilterTriggerProps = BaseTriggerProps & {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n /** Specifies the locale for i18n support */\n locale?: string;\n /** List of props that will be added to the select inside of filter */\n includeInputProps?: string[];\n /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\nexport type FilterTriggerCounterProps = {\n /** Count for render */\n count?: number;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n Text: typeof Text;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n Text: typeof ButtonLink.Text;\n Addon: typeof ButtonLink.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: Intergalactic.Component<'div', CounterProps & FilterTriggerCounterProps>;\n TriggerButton: typeof BaseTrigger;\n ClearButton: typeof BaseTrigger;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":"","ignoreList":[]}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic, Root } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n NeighborItemProps &\n KeyboardFocusProps &\n WithAnimatedSizeEnhanceProps & {\n /**\n * Trigger size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Sets active state to trigger\n */\n active?: boolean;\n /**\n * Responsible for placeholder displaying\n */\n empty?: boolean;\n /**\n * Placeholder text\n */\n placeholder?: React.ReactNode;\n /**\n * Display the dropdowns chevron icon\n * @default true\n */\n chevron?: boolean;\n /**\n * Sets disabled state to trigger\n */\n disabled?: boolean;\n /** Trigger theme\n * @deprecated\n * @use IBaseTriggerProps.state\n * */\n theme?: 'normal' | 'valid' | 'invalid' | false;\n };\n\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n locale?: string;\n /** List of props that will be added to the select inside of filter */\n includeInputProps?: string[];\n /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\nexport type FilterTriggerCounterProps = {\n /** Count for render */\n count?: number;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: Intergalactic.Component<'div', BoxProps & DotProps & FilterTriggerCounterProps>;\n TriggerButton: typeof BaseTrigger;\n ClearButton: typeof BaseTrigger;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["default","ButtonTrigger","FilterTrigger","LinkTrigger"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './BaseTrigger';\nexport { default as ButtonTrigger } from './ButtonTrigger';\nexport { default as FilterTrigger } from './FilterTrigger';\nexport { default as LinkTrigger } from './LinkTrigger';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,eAAe;AACvC,SAASA,OAAO,IAAIC,aAAa,QAAQ,iBAAiB;AAC1D,SAASD,OAAO,IAAIE,aAAa,QAAQ,iBAAiB;AAC1D,SAASF,OAAO,IAAIG,WAAW,QAAQ,eAAe","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["default","ButtonTrigger","FilterTrigger","LinkTrigger"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './BaseTrigger';\nexport { default as ButtonTrigger } from './ButtonTrigger';\nexport { default as FilterTrigger } from './FilterTrigger';\nexport { default as LinkTrigger } from './LinkTrigger';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,eAAe;AACvC,SAASA,OAAO,IAAIC,aAAa,QAAQ,iBAAiB;AAC1D,SAASD,OAAO,IAAIE,aAAa,QAAQ,iBAAiB;AAC1D,SAASF,OAAO,IAAIG,WAAW,QAAQ,eAAe"}
@@ -14,6 +14,7 @@ SBaseTrigger {
14
14
  text-decoration: none;
15
15
  -webkit-tap-highlight-color: transparent;
16
16
  overflow: visible;
17
+ outline: 0;
17
18
  text-align: center;
18
19
  vertical-align: middle;
19
20
  font-family: inherit;
@@ -31,12 +32,16 @@ SBaseTrigger {
31
32
  }
32
33
 
33
34
  &:active,
34
- &:hover {
35
+ &:hover,
36
+ &:focus {
37
+ outline: 0;
35
38
  text-decoration: none;
36
39
  }
37
40
 
38
- &:focus-visible {
41
+ &[keyboardFocused] {
39
42
  border: 1px solid var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
43
+ box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
44
+ z-index: 1;
40
45
  }
41
46
 
42
47
  &:hover {
@@ -152,11 +157,6 @@ SBaseTrigger[neighborLocation='left'] {
152
157
  border-bottom-left-radius: 0;
153
158
  /* disable-tokens-validator */
154
159
  margin-left: -1px;
155
-
156
- &[disabled] {
157
- border-left: none;
158
- margin-left: 0;
159
- }
160
160
  }
161
161
 
162
162
  SText[display-placeholder] {
@@ -170,8 +170,9 @@ SBaseTrigger[state='valid'] {
170
170
  SBaseTrigger[state='invalid'] {
171
171
  border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
172
172
 
173
- &:focus-visible {
174
- outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
173
+ &[keyboardFocused] {
174
+ border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
175
+ box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px oklch(0.628 0.257 28.9 / 0.652));
175
176
  }
176
177
  }
177
178
 
@@ -20,3 +20,11 @@ SWrapper {
20
20
  outline: none;
21
21
  }
22
22
  }
23
+
24
+ SWrapper[keyboardFocused]:focus {
25
+ box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
26
+ }
27
+
28
+ SCounter {
29
+ background-color: var(--intergalactic-bg-primary-info, oklch(0.64 0.152 276.7));
30
+ }
@@ -0,0 +1,104 @@
1
+ SLinkTrigger {
2
+ display: inline-flex;
3
+ align-items: center;
4
+ line-height: normal;
5
+ position: relative;
6
+ touch-action: manipulation;
7
+ white-space: nowrap;
8
+ user-select: none;
9
+ box-sizing: border-box;
10
+ padding: 0;
11
+ margin: 0;
12
+ text-decoration: none;
13
+ -webkit-tap-highlight-color: transparent;
14
+ overflow: visible;
15
+ outline: 0;
16
+ vertical-align: middle;
17
+ cursor: pointer;
18
+ color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
19
+ background: none;
20
+ transition: color 0.15s ease-in-out;
21
+ border: 0;
22
+
23
+ &:focus {
24
+ outline: none;
25
+ }
26
+
27
+ &[active],
28
+ &:hover,
29
+ &:active {
30
+ color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
31
+
32
+ & SText {
33
+ border-color: currentColor;
34
+ }
35
+ }
36
+
37
+ & SText {
38
+ border-bottom-width: 1px;
39
+ border-bottom-style: solid;
40
+ border-color: transparent;
41
+ transition: border-bottom-color 0.15s ease-in-out;
42
+ text-overflow: ellipsis;
43
+ overflow: hidden;
44
+ }
45
+ }
46
+
47
+ SLinkTrigger[color] {
48
+ color: var(--color);
49
+
50
+ &:hover {
51
+ filter: brightness(0.8);
52
+ }
53
+ }
54
+
55
+ SLinkTrigger[disabled] {
56
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
57
+ cursor: default;
58
+ pointer-events: none;
59
+ }
60
+
61
+ SLinkTrigger[keyboardFocused] {
62
+ box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
63
+ z-index: 1;
64
+ }
65
+
66
+ SAddon,
67
+ SLinkAddon {
68
+ display: inline-flex;
69
+ align-items: center;
70
+ justify-content: center;
71
+ flex-shrink: 0;
72
+ margin-bottom: var(--intergalactic-spacing-05x, 2px);
73
+
74
+ &:not(:only-child):first-child {
75
+ margin-right: var(--intergalactic-spacing-1x, 4px);
76
+ }
77
+
78
+ &:not(:only-child):last-child {
79
+ margin-left: var(--intergalactic-spacing-1x, 4px);
80
+ }
81
+ }
82
+
83
+ SLinkAddon {
84
+ width: 16px;
85
+ height: 16px;
86
+ }
87
+
88
+ SLinkTrigger[size='m'] {
89
+ font-size: var(--intergalactic-fs-200, 14px);
90
+ }
91
+
92
+ SLinkTrigger[size='l'] {
93
+ font-size: var(--intergalactic-fs-300, 16px);
94
+ }
95
+
96
+ @media (prefers-reduced-motion) {
97
+ SLinkTrigger {
98
+ transition: none;
99
+
100
+ & SText {
101
+ transition: none;
102
+ }
103
+ }
104
+ }
@@ -6,12 +6,12 @@ import it from './it.json';
6
6
  import ja from './ja.json';
7
7
  import ko from './ko.json';
8
8
  import nl from './nl.json';
9
- import pl from './pl.json';
10
9
  import pt from './pt.json';
11
- import sv from './sv.json';
12
10
  import tr from './tr.json';
13
11
  import vi from './vi.json';
14
12
  import zh from './zh.json';
13
+ import pl from './pl.json';
14
+ import sv from './sv.json';
15
15
  export var localizedMessages = {
16
16
  de: de,
17
17
  en: en,
@@ -1 +1 @@
1
- {"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pl","pt","sv","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/Bd,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFL,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\nimport sv from './sv.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/Bd,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA;AACF,CAAC"}
@@ -1,5 +1,4 @@
1
1
  {
2
2
  "clear": "Löschen",
3
- "filter": "Filter",
4
- "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "ausgewählte"
3
+ "filter": "Filter"
5
4
  }
@@ -1,5 +1,4 @@
1
1
  {
2
2
  "clear": "Borrar",
3
- "filter": "Filtro",
4
- "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "seleccionadas"
3
+ "filter": "Filtro"
5
4
  }
@@ -1,5 +1,4 @@
1
1
  {
2
2
  "clear": "Effacer",
3
- "filter": "Filtre",
4
- "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "sélectionnés"
3
+ "filter": "Filtre"
5
4
  }
@@ -1,5 +1,4 @@
1
1
  {
2
2
  "clear": "Pulisci",
3
- "filter": "Filtro",
4
- "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "selezionati"
3
+ "filter": "Filtro"
5
4
  }
@@ -1,5 +1,4 @@
1
1
  {
2
2
  "clear": "クリア",
3
- "filter": "フィルタ",
4
- "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "選択済み"
3
+ "filter": "フィルタ"
5
4
  }
@@ -1,5 +1,4 @@
1
1
  {
2
2
  "clear": "지우기",
3
- "filter": "필터",
4
- "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "선택됨"
3
+ "filter": "필터"
5
4
  }
@@ -1,5 +1,4 @@
1
1
  {
2
2
  "clear": "Wissen",
3
- "filter": "Filter",
4
- "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "geselecteerd"
3
+ "filter": "Filter"
5
4
  }
@@ -1,5 +1,4 @@
1
1
  {
2
2
  "clear": "Wyczyść",
3
- "filter": "Filtr",
4
- "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "wybrano"
3
+ "filter": "Filtr"
5
4
  }
@@ -1,5 +1,4 @@
1
1
  {
2
2
  "clear": "Limpar",
3
- "filter": "Filtro",
4
- "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "selecionados"
3
+ "filter": "Filtro"
5
4
  }
@@ -1,5 +1,4 @@
1
1
  {
2
2
  "clear": "Rensa",
3
- "filter": "Filter",
4
- "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "valda"
3
+ "filter": "Filter"
5
4
  }
@@ -1,5 +1,4 @@
1
1
  {
2
2
  "clear": "Temizle",
3
- "filter": "Filtre",
4
- "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "seçildi"
3
+ "filter": "Filtre"
5
4
  }
@@ -1,5 +1,4 @@
1
1
  {
2
2
  "clear": "Xóa",
3
- "filter": "Lọc",
4
- "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "đã chọn"
3
+ "filter": "Lọc"
5
4
  }
@@ -1,5 +1,4 @@
1
1
  {
2
2
  "clear": "清除",
3
- "filter": "筛选器",
4
- "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "已选定"
3
+ "filter": "筛选器"
5
4
  }