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

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 +64 -53
  2. package/lib/cjs/BaseTrigger.js.map +1 -1
  3. package/lib/cjs/ButtonTrigger.js +20 -22
  4. package/lib/cjs/ButtonTrigger.js.map +1 -1
  5. package/lib/cjs/FilterTrigger.js +90 -85
  6. package/lib/cjs/FilterTrigger.js.map +1 -1
  7. package/lib/cjs/LinkTrigger.js +37 -82
  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 +11 -12
  13. package/lib/cjs/style/filter-trigger.shadow.css +4 -12
  14. package/lib/cjs/translations/__intergalactic-dynamic-locales.js +4 -5
  15. package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
  16. package/lib/cjs/translations/de.json +2 -1
  17. package/lib/cjs/translations/es.json +2 -1
  18. package/lib/cjs/translations/fr.json +2 -1
  19. package/lib/cjs/translations/it.json +2 -1
  20. package/lib/cjs/translations/ja.json +2 -1
  21. package/lib/cjs/translations/ko.json +2 -1
  22. package/lib/cjs/translations/nl.json +2 -1
  23. package/lib/cjs/translations/pl.json +2 -1
  24. package/lib/cjs/translations/pt.json +2 -1
  25. package/lib/cjs/translations/sv.json +2 -1
  26. package/lib/cjs/translations/tr.json +2 -1
  27. package/lib/cjs/translations/vi.json +2 -1
  28. package/lib/cjs/translations/zh.json +2 -1
  29. package/lib/es6/BaseTrigger.js +58 -44
  30. package/lib/es6/BaseTrigger.js.map +1 -1
  31. package/lib/es6/ButtonTrigger.js +18 -17
  32. package/lib/es6/ButtonTrigger.js.map +1 -1
  33. package/lib/es6/FilterTrigger.js +83 -76
  34. package/lib/es6/FilterTrigger.js.map +1 -1
  35. package/lib/es6/LinkTrigger.js +35 -80
  36. package/lib/es6/LinkTrigger.js.map +1 -1
  37. package/lib/es6/index.d.js.map +1 -1
  38. package/lib/es6/index.js.map +1 -1
  39. package/lib/es6/style/base-trigger.shadow.css +11 -12
  40. package/lib/es6/style/filter-trigger.shadow.css +4 -12
  41. package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
  42. package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
  43. package/lib/es6/translations/de.json +2 -1
  44. package/lib/es6/translations/es.json +2 -1
  45. package/lib/es6/translations/fr.json +2 -1
  46. package/lib/es6/translations/it.json +2 -1
  47. package/lib/es6/translations/ja.json +2 -1
  48. package/lib/es6/translations/ko.json +2 -1
  49. package/lib/es6/translations/nl.json +2 -1
  50. package/lib/es6/translations/pl.json +2 -1
  51. package/lib/es6/translations/pt.json +2 -1
  52. package/lib/es6/translations/sv.json +2 -1
  53. package/lib/es6/translations/tr.json +2 -1
  54. package/lib/es6/translations/vi.json +2 -1
  55. package/lib/es6/translations/zh.json +2 -1
  56. package/lib/esm/BaseTrigger.mjs +58 -49
  57. package/lib/esm/ButtonTrigger.mjs +20 -21
  58. package/lib/esm/FilterTrigger.mjs +68 -70
  59. package/lib/esm/LinkTrigger.mjs +33 -76
  60. package/lib/esm/style/base-trigger.shadow.css +11 -12
  61. package/lib/esm/style/filter-trigger.shadow.css +4 -12
  62. package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
  63. package/lib/esm/translations/de.json.mjs +2 -1
  64. package/lib/esm/translations/es.json.mjs +2 -1
  65. package/lib/esm/translations/fr.json.mjs +2 -1
  66. package/lib/esm/translations/it.json.mjs +2 -1
  67. package/lib/esm/translations/ja.json.mjs +2 -1
  68. package/lib/esm/translations/ko.json.mjs +2 -1
  69. package/lib/esm/translations/nl.json.mjs +2 -1
  70. package/lib/esm/translations/pl.json.mjs +2 -1
  71. package/lib/esm/translations/pt.json.mjs +2 -1
  72. package/lib/esm/translations/sv.json.mjs +2 -1
  73. package/lib/esm/translations/tr.json.mjs +2 -1
  74. package/lib/esm/translations/vi.json.mjs +2 -1
  75. package/lib/esm/translations/zh.json.mjs +2 -1
  76. package/lib/types/index.d.ts +22 -33
  77. package/package.json +9 -9
  78. package/lib/cjs/style/link-trigger.shadow.css +0 -104
  79. package/lib/es6/style/link-trigger.shadow.css +0 -104
  80. package/lib/esm/style/link-trigger.shadow.css +0 -104
@@ -1,104 +0,0 @@
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.214 263.4));
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.206 263.4));
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.376 0.247 264.2 / 0.441));
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
- }
@@ -1,104 +0,0 @@
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.214 263.4));
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.206 263.4));
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.376 0.247 264.2 / 0.441));
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
- }