@sebgroup/green-core 1.15.0 → 1.16.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 (124) hide show
  1. package/README.md +101 -7
  2. package/chunks/chunk.274BU2AI.js +244 -0
  3. package/chunks/chunk.2LQSDOD4.js +29 -0
  4. package/chunks/chunk.2ND5EWHE.js +65 -0
  5. package/chunks/chunk.2OOTOCUG.js +420 -0
  6. package/chunks/chunk.2WO4NHJ2.js +34 -0
  7. package/chunks/chunk.2Y3BHFKO.js +154 -0
  8. package/chunks/chunk.375BWME4.js +29 -0
  9. package/chunks/chunk.3SEVAGLE.js +96 -0
  10. package/chunks/chunk.522C22QY.js +460 -0
  11. package/chunks/chunk.5VURDMKE.js +75 -0
  12. package/chunks/chunk.6NM7ENKA.js +31 -0
  13. package/chunks/chunk.6UA66KQU.js +153 -0
  14. package/chunks/chunk.7P5N6NZL.js +560 -0
  15. package/chunks/chunk.7TCXY7BP.js +0 -0
  16. package/chunks/chunk.D7H7CUS4.js +55 -0
  17. package/chunks/chunk.DFYMYEGD.js +78 -0
  18. package/chunks/chunk.HS7ICQNA.js +0 -0
  19. package/chunks/chunk.IYCENQZG.js +28 -0
  20. package/chunks/chunk.J2A6J77W.js +81 -0
  21. package/chunks/chunk.KC32OWZE.js +274 -0
  22. package/chunks/chunk.KV4SDMFS.js +101 -0
  23. package/chunks/chunk.LUHCF4BJ.js +64 -0
  24. package/chunks/chunk.MAD5DQMN.js +161 -0
  25. package/chunks/chunk.MI4A2C2A.js +0 -0
  26. package/chunks/chunk.NOYHINYP.js +467 -0
  27. package/chunks/chunk.Q2T57HE7.js +0 -0
  28. package/chunks/chunk.QONSFT2N.js +4653 -0
  29. package/chunks/chunk.TMBQL2RO.js +0 -0
  30. package/chunks/chunk.TN6ZYAH3.js +74 -0
  31. package/chunks/chunk.TSDZQZBY.js +0 -0
  32. package/chunks/chunk.TX64TTBN.js +0 -0
  33. package/chunks/chunk.UF6IEONX.js +0 -0
  34. package/chunks/chunk.VOYMQ322.js +61 -0
  35. package/chunks/chunk.VYK7D6QO.js +64 -0
  36. package/chunks/chunk.WDZ2JTCP.js +360 -0
  37. package/chunks/chunk.WJDR7FTS.js +193 -0
  38. package/chunks/chunk.WM7HBMMV.js +54 -0
  39. package/chunks/chunk.XHTJVQUJ.js +140 -0
  40. package/chunks/chunk.XI4H54TV.js +39 -0
  41. package/chunks/chunk.XU4HZLJL.js +0 -0
  42. package/chunks/chunk.YIQIH4RW.js +139 -0
  43. package/chunks/chunk.YJHAKLGR.js +54 -0
  44. package/chunks/chunk.YO24ZYAD.js +0 -0
  45. package/chunks/chunk.ZTE73BY2.js +655 -0
  46. package/components/badge/badge.js +245 -0
  47. package/components/button/button.d.ts +5 -5
  48. package/components/button/button.js +18 -0
  49. package/components/button/button.trans.styles.d.ts +2 -0
  50. package/components/button/index.d.ts +1 -0
  51. package/components/button/index.js +18 -0
  52. package/components/checkbox/checkbox.js +219 -0
  53. package/components/context-menu/context-menu.d.ts +2 -1
  54. package/components/context-menu/context-menu.js +22 -0
  55. package/components/context-menu/index.d.ts +3 -0
  56. package/components/context-menu/index.js +29 -0
  57. package/components/datepicker/date-part-spinner.js +10 -0
  58. package/components/datepicker/datepicker.d.ts +3 -2
  59. package/components/datepicker/datepicker.js +29 -0
  60. package/components/datepicker/index.d.ts +1 -0
  61. package/components/datepicker/index.js +29 -0
  62. package/components/dropdown/dropdown.d.ts +2 -2
  63. package/components/dropdown/dropdown.js +22 -0
  64. package/components/dropdown/index.d.ts +3 -0
  65. package/components/dropdown/index.js +30 -0
  66. package/components/form-control.js +12 -0
  67. package/components/grid/grid.d.ts +2 -2
  68. package/components/grid/grid.js +11 -0
  69. package/components/grid/grid.style.css.js +7 -0
  70. package/components/grid/index.d.ts +1 -0
  71. package/components/grid/index.js +11 -0
  72. package/components/grouped-list/grouped-list.js +14 -0
  73. package/components/grouped-list/index.d.ts +2 -0
  74. package/components/grouped-list/index.js +17 -0
  75. package/components/grouped-list/list-item.js +10 -0
  76. package/components/icon/icon.d.ts +2 -2
  77. package/components/icon/icon.js +10 -0
  78. package/components/icon/index.d.ts +1 -0
  79. package/components/icon/index.js +10 -0
  80. package/components/index.d.ts +4 -3
  81. package/components/index.js +81 -0
  82. package/components/input/input.js +682 -0
  83. package/components/radio/radio-group.js +9 -0
  84. package/components/radio/radio.js +240 -0
  85. package/components/segmented-control/index.d.ts +1 -0
  86. package/components/segmented-control/index.js +15 -0
  87. package/components/segmented-control/segment/index.d.ts +1 -0
  88. package/components/segmented-control/segment/index.js +13 -0
  89. package/components/segmented-control/segment/segment.js +12 -0
  90. package/components/segmented-control/segmented-control.d.ts +1 -1
  91. package/components/segmented-control/segmented-control.js +15 -0
  92. package/components/switch/switch.js +164 -0
  93. package/components/theme/index.d.ts +1 -0
  94. package/components/theme/index.js +11 -0
  95. package/components/theme/theme.js +11 -0
  96. package/components/tooltip/tooltip.js +252 -0
  97. package/index.js +72 -4278
  98. package/localization.js +40 -44
  99. package/package.json +7 -16
  100. package/primitives/calendar/calendar.js +13 -0
  101. package/primitives/calendar/functions.js +7 -0
  102. package/primitives/calendar/index.d.ts +1 -0
  103. package/primitives/calendar/index.js +14 -0
  104. package/primitives/listbox/index.d.ts +0 -1
  105. package/primitives/listbox/index.js +17 -0
  106. package/primitives/listbox/listbox.d.ts +2 -1
  107. package/primitives/listbox/listbox.js +16 -0
  108. package/primitives/listbox/option.js +14 -0
  109. package/primitives/menu/index.d.ts +1 -0
  110. package/primitives/menu/index.js +15 -0
  111. package/primitives/menu/menu-heading.js +11 -0
  112. package/primitives/menu/menu-item.d.ts +1 -2
  113. package/primitives/menu/menu-item.js +12 -0
  114. package/primitives/menu/menu.d.ts +2 -1
  115. package/primitives/menu/menu.js +14 -0
  116. package/primitives/popover/index.js +14 -0
  117. package/primitives/popover/popover.js +13 -0
  118. package/primitives/ripple/index.d.ts +1 -0
  119. package/primitives/ripple/index.js +11 -0
  120. package/primitives/ripple/ripple.d.ts +1 -1
  121. package/primitives/ripple/ripple.js +10 -0
  122. package/scoping.d.ts +1 -0
  123. package/scoping.js +18 -0
  124. package/transitional-styles.js +6 -4275
@@ -0,0 +1,560 @@
1
+ // libs/core/src/tokens.style.ts
2
+ import { unsafeCSS } from "lit";
3
+
4
+ // dist/libs/tokens/internal/pallet.css
5
+ var pallet_default = `/**
6
+ * Do not edit directly
7
+ * Generated on Fri, 26 Apr 2024 12:12:33 GMT
8
+ */
9
+
10
+ :host {
11
+ --gds-ref-color-neutral000: #ffffff;
12
+ --gds-ref-color-neutral050: #f8f8f8;
13
+ --gds-ref-color-neutral100: #e9e9e9;
14
+ --gds-ref-color-neutral150: #eeeeee;
15
+ --gds-ref-color-neutral200: #dedede;
16
+ --gds-ref-color-neutral250: #cecece;
17
+ --gds-ref-color-neutral300: #ababab;
18
+ --gds-ref-color-neutral350: #adadad;
19
+ --gds-ref-color-neutral400: #868686;
20
+ --gds-ref-color-neutral450: #757575;
21
+ --gds-ref-color-neutral500: #494949;
22
+ --gds-ref-color-neutral525: #464646;
23
+ --gds-ref-color-neutral550: #333333;
24
+ --gds-ref-color-neutral600: #2c2c2c;
25
+ --gds-ref-color-neutral650: #272727;
26
+ --gds-ref-color-neutral700: #222222;
27
+ --gds-ref-color-neutral750: #1a1a1a;
28
+ --gds-ref-color-neutral800: #121212;
29
+ --gds-ref-color-blue100: #58b8ee;
30
+ --gds-ref-color-blue200: #41b0ee;
31
+ --gds-ref-color-blue300: #00adff;
32
+ --gds-ref-color-blue400: #2c9cd9;
33
+ --gds-ref-color-blue500: #0092e1;
34
+ --gds-ref-color-blue600: #007ac7;
35
+ --gds-ref-color-blue700: #0062bc;
36
+ --gds-ref-color-green100: #75b44a;
37
+ --gds-ref-color-green200: #60cd18;
38
+ --gds-ref-color-green300: #45b400;
39
+ --gds-ref-color-green400: #308800;
40
+ --gds-ref-color-red100: #f7706d;
41
+ --gds-ref-color-red200: #ff594f;
42
+ --gds-ref-color-red300: #f03529;
43
+ --gds-ref-color-red400: #d81a1a;
44
+ --gds-ref-color-red500: #c82a29;
45
+ --gds-ref-color-red600: #bb000c;
46
+ --gds-ref-color-red700: #9f000a;
47
+ --gds-ref-color-red800: #9e2120;
48
+ --gds-ref-color-purple100: #ad91dc;
49
+ --gds-ref-color-purple200: #7e52cc;
50
+ --gds-ref-color-purple300: #673ab6;
51
+ --gds-ref-color-purple400: #4f2C99;
52
+ --gds-ref-color-purple500: #4a328f;
53
+ --gds-ref-color-purple600: #3f2587;
54
+ --gds-ref-color-yellow100: #ffe182;
55
+ --gds-ref-color-yellow200: #ffc500;
56
+ --gds-ref-color-yellow300: #ffb400;
57
+ --gds-ref-color-yellow400: #f8a000;
58
+ --gds-ref-color-yellow500: #f0be47;
59
+ --gds-ref-color-yellow600: #ebab39;
60
+ --gds-ref-color-blue-5: #001127;
61
+ --gds-ref-color-blue-10: #001C39;
62
+ --gds-ref-color-blue-15: #00264B;
63
+ --gds-ref-color-blue-20: #00315D;
64
+ --gds-ref-color-blue-25: #003C70;
65
+ --gds-ref-color-blue-30: #004883;
66
+ --gds-ref-color-blue-35: #005397;
67
+ --gds-ref-color-blue-40: #005FAC;
68
+ --gds-ref-color-blue-45: #006CC1;
69
+ --gds-ref-color-blue-50: #0078D7;
70
+ --gds-ref-color-blue-55: #0085EC;
71
+ --gds-ref-color-blue-60: #1992FF;
72
+ --gds-ref-color-blue-65: #4EA0FF;
73
+ --gds-ref-color-blue-70: #6FAEFF;
74
+ --gds-ref-color-blue-75: #8ABBFF;
75
+ --gds-ref-color-blue-80: #A4C9FF;
76
+ --gds-ref-color-blue-85: #BCD6FF;
77
+ --gds-ref-color-blue-90: #D4E3FF;
78
+ --gds-ref-color-blue-95: #EBF1FF;
79
+ --gds-ref-color-blue-98: #F8F9FF;
80
+ --gds-ref-color-green-5: #001505;
81
+ --gds-ref-color-green-10: #00210E;
82
+ --gds-ref-color-green-15: #002D10;
83
+ --gds-ref-color-green-20: #003916;
84
+ --gds-ref-color-green-25: #00461D;
85
+ --gds-ref-color-green-30: #005323;
86
+ --gds-ref-color-green-35: #00602A;
87
+ --gds-ref-color-green-40: #006D31;
88
+ --gds-ref-color-green-45: #007B38;
89
+ --gds-ref-color-green-50: #138942;
90
+ --gds-ref-color-green-55: #29964D;
91
+ --gds-ref-color-green-60: #39A459;
92
+ --gds-ref-color-green-65: #48B265;
93
+ --gds-ref-color-green-70: #57C071;
94
+ --gds-ref-color-green-75: #65CE7E;
95
+ --gds-ref-color-green-80: #73DC8A;
96
+ --gds-ref-color-green-85: #81EA97;
97
+ --gds-ref-color-green-90: #8FF9A4;
98
+ --gds-ref-color-green-95: #C5FFCA;
99
+ --gds-ref-color-green-98: #EAFFE8;
100
+ --gds-ref-color-black: #000000;
101
+ --gds-ref-color-white: #FFFFFF;
102
+ --gds-ref-color-grey-5: #0D0D0C;
103
+ --gds-ref-color-grey-10: #1B1B18;
104
+ --gds-ref-color-grey-15: #282825;
105
+ --gds-ref-color-grey-20: #353531;
106
+ --gds-ref-color-grey-25: #42423D;
107
+ --gds-ref-color-grey-30: #505049;
108
+ --gds-ref-color-grey-35: #5D5D56;
109
+ --gds-ref-color-grey-40: #6A6A62;
110
+ --gds-ref-color-grey-45: #77776E;
111
+ --gds-ref-color-grey-50: #85857A;
112
+ --gds-ref-color-grey-55: #919188;
113
+ --gds-ref-color-grey-60: #9D9D95;
114
+ --gds-ref-color-grey-65: #A9A9A2;
115
+ --gds-ref-color-grey-70: #B6B6AF;
116
+ --gds-ref-color-grey-75: #C2C2BD;
117
+ --gds-ref-color-grey-80: #CECECA;
118
+ --gds-ref-color-grey-85: #DADAD7;
119
+ --gds-ref-color-grey-90: #E7E7E4;
120
+ --gds-ref-color-grey-95: #F3F3F2;
121
+ --gds-ref-color-grey-98: #F9F9F9;
122
+ --gds-ref-color-orange-5: #1A0F00;
123
+ --gds-ref-color-orange-10: #271900;
124
+ --gds-ref-color-orange-15: #352200;
125
+ --gds-ref-color-orange-20: #422C00;
126
+ --gds-ref-color-orange-25: #503700;
127
+ --gds-ref-color-orange-30: #503700;
128
+ --gds-ref-color-orange-35: #6E4C00;
129
+ --gds-ref-color-orange-40: #7D5700;
130
+ --gds-ref-color-orange-45: #8D6300;
131
+ --gds-ref-color-orange-50: #9D6E00;
132
+ --gds-ref-color-orange-55: #AE7A00;
133
+ --gds-ref-color-orange-60: #BE8600;
134
+ --gds-ref-color-orange-65: #CF9300;
135
+ --gds-ref-color-orange-70: #E19F00;
136
+ --gds-ref-color-orange-75: #F2AC00;
137
+ --gds-ref-color-orange-80: #FFBA30;
138
+ --gds-ref-color-orange-85: #FFCC77;
139
+ --gds-ref-color-orange-90: #FFDEAB;
140
+ --gds-ref-color-orange-95: #FFEED9;
141
+ --gds-ref-color-orange-98: #FFF8F3;
142
+ --gds-ref-color-red-5: #2B0200;
143
+ --gds-ref-color-red-10: #3E0400;
144
+ --gds-ref-color-red-15: #510700;
145
+ --gds-ref-color-red-20: #650B00;
146
+ --gds-ref-color-red-25: #790F00;
147
+ --gds-ref-color-red-30: #8E1400;
148
+ --gds-ref-color-red-35: #A31800;
149
+ --gds-ref-color-red-40: #BA1D00;
150
+ --gds-ref-color-red-45: #D02200;
151
+ --gds-ref-color-red-50: #E23010;
152
+ --gds-ref-color-red-55: #F53E1D;
153
+ --gds-ref-color-red-60: #FF5636;
154
+ --gds-ref-color-red-65: #FF7257;
155
+ --gds-ref-color-red-70: #FF8A73;
156
+ --gds-ref-color-red-75: #FFA08D;
157
+ --gds-ref-color-red-80: #FFB4A5;
158
+ --gds-ref-color-red-85: #FFC8BC;
159
+ --gds-ref-color-red-90: #FFDAD3;
160
+ --gds-ref-color-red-95: #FFEDE9;
161
+ --gds-ref-color-red-98: #FFF8F6;
162
+ }
163
+ `;
164
+
165
+ // dist/libs/tokens/internal/theme/light.css
166
+ var light_default = `/**
167
+ * Do not edit directly
168
+ * Generated on Fri, 26 Apr 2024 12:12:33 GMT
169
+ */
170
+
171
+ :host {
172
+ color-scheme: light;
173
+ --gds-sys-color-blue: #41b0ee;
174
+ --gds-sys-color-dark-blue-1: #41b0ee;
175
+ --gds-sys-color-dark-blue-2: #007ac7;
176
+ --gds-sys-color-green: #60cd18;
177
+ --gds-sys-color-dark-green-1: #45b400;
178
+ --gds-sys-color-dark-green-2: #308800;
179
+ --gds-sys-color-yellow: #ffc500;
180
+ --gds-sys-color-dark-yellow-1: #ffb400;
181
+ --gds-sys-color-dark-yellow-2: #f8a000;
182
+ --gds-sys-color-primary-text: #333333;
183
+ --gds-sys-color-secondary-text: #ababab;
184
+ --gds-sys-color-white-text: #ffffff;
185
+ --gds-sys-color-link-text: #0062bc;
186
+ --gds-sys-color-error-text: #9f000a;
187
+ --gds-sys-color-disabled-text: #adadad;
188
+ --gds-sys-color-red: #f03529;
189
+ --gds-sys-color-dark-red-1: #d81a1a;
190
+ --gds-sys-color-dark-red-2: #bb000c;
191
+ --gds-sys-color-purple: #673ab6;
192
+ --gds-sys-color-dark-purple-1: #4f2C99;
193
+ --gds-sys-color-dark-purple-2: #3f2587;
194
+ --gds-sys-color-base-white: #ffffff;
195
+ --gds-sys-color-base100: #f8f8f8;
196
+ --gds-sys-color-base200: #e9e9e9;
197
+ --gds-sys-color-base300: #dedede;
198
+ --gds-sys-color-base400: #cecece;
199
+ --gds-sys-color-base500: #adadad;
200
+ --gds-sys-color-base600: #868686;
201
+ --gds-sys-color-base700: #494949;
202
+ --gds-sys-color-base800: #333333;
203
+ --gds-sys-color-base900: #1a1a1a;
204
+ --gds-sys-color-accent-accent-green: #006D31;
205
+ --gds-sys-color-accent-on-accent-green: #FFFFFF;
206
+ --gds-sys-color-accent-accent-orange: #FFBA30;
207
+ --gds-sys-color-accent-on-accent-orange: #353531;
208
+ --gds-sys-color-background-background: #FFFFFF;
209
+ --gds-sys-color-background-background-dim: #F3F3F2;
210
+ --gds-sys-color-container-container: #F3F3F2;
211
+ --gds-sys-color-container-container-dim1: #E7E7E4;
212
+ --gds-sys-color-container-container-dim2: #DADAD7;
213
+ --gds-sys-color-container-container-bright: #FFFFFF;
214
+ --gds-sys-color-container-container-shade1: #353531;
215
+ --gds-sys-color-container-container-shade2: #1B1B18;
216
+ --gds-sys-color-container-container-shade3: #353531;
217
+ --gds-sys-color-container-container-disabled: #F9F9F9;
218
+ --gds-sys-color-container-container-positive: #006D31;
219
+ --gds-sys-color-container-container-negative: #BA1D00;
220
+ --gds-sys-color-container-container-negative-bright: #FFEDE9;
221
+ --gds-sys-color-content-content: #353531;
222
+ --gds-sys-color-content-content-inverse: #FFFFFF;
223
+ --gds-sys-color-content-content-secondary: #6A6A62;
224
+ --gds-sys-color-content-content-positive: #006D31;
225
+ --gds-sys-color-content-content-positive-bright: #EAFFE8;
226
+ --gds-sys-color-content-content-negative: #BA1D00;
227
+ --gds-sys-color-content-content-negative-bright: #FFF8F6;
228
+ --gds-sys-color-content-content-custom-blue-bright: #F8F9FF;
229
+ --gds-sys-color-content-content-disabled: #9D9D95;
230
+ --gds-sys-color-custom-custom-blue: #005FAC;
231
+ --gds-sys-color-custom-on-custom-blue: #D4E3FF;
232
+ --gds-sys-color-custom-custom-blue-bright: #D4E3FF;
233
+ --gds-sys-color-custom-on-custom-blue-bright: #00315D;
234
+ --gds-sys-color-custom-custom-green: #003916;
235
+ --gds-sys-color-custom-on-custom-green: #EAFFE8;
236
+ --gds-sys-color-custom-custom-green-bright: #EAFFE8;
237
+ --gds-sys-color-custom-on-custom-green-bright: #003916;
238
+ --gds-sys-color-custom-custom-grey: #353531;
239
+ --gds-sys-color-custom-on-custom-grey: #E7E7E4;
240
+ --gds-sys-color-custom-custom-grey-bright: #E7E7E4;
241
+ --gds-sys-color-custom-on-custom-grey-bright: #353531;
242
+ --gds-sys-color-primary-primary: #353531;
243
+ --gds-sys-color-state-layers-state-black: #000000 10%;
244
+ --gds-sys-color-state-layers-state-black-dim1: #000000 20%;
245
+ --gds-sys-color-state-layers-state-black-dim2: #000000 40%;
246
+ --gds-sys-color-state-layers-state-black-shade: #000000 60%;
247
+ --gds-sys-color-state-layers-state-positive: #006d31 10%;
248
+ --gds-sys-color-state-layers-state-positive-dim: #006d31 20%;
249
+ --gds-sys-color-state-layers-state-negative: #ba1d00 10%;
250
+ --gds-sys-color-state-layers-state-negative-dim: #ba1d00 20%;
251
+ --gds-sys-color-state-layers-state-custom-blue: #005fac 20%;
252
+ --gds-sys-color-status-information-information: #353531;
253
+ --gds-sys-color-status-information-on-information: #FFFFFF;
254
+ --gds-sys-color-status-information-information-bright: #F3F3F2;
255
+ --gds-sys-color-status-information-on-information-bright: #353531;
256
+ --gds-sys-color-status-negative-negative: #BA1D00;
257
+ --gds-sys-color-status-negative-on-negative: #FFFFFF;
258
+ --gds-sys-color-status-negative-negative-bright: #FFEDE9;
259
+ --gds-sys-color-status-negative-on-negative-bright: #BA1D00;
260
+ --gds-sys-color-status-warning-warning: #9D6E00;
261
+ --gds-sys-color-status-warning-on-warning: #FFFFFF;
262
+ --gds-sys-color-status-warning-warning-bright: #FFEED9;
263
+ --gds-sys-color-status-warning-on-warning-bright: #7D5700;
264
+ --gds-sys-color-status-positive-positive: #006D31;
265
+ --gds-sys-color-status-positive-on-positive: #FFFFFF;
266
+ --gds-sys-color-status-positive-positive-bright: #EAFFE8;
267
+ --gds-sys-color-status-positive-on-positive-bright: #006D31;
268
+ --gds-sys-color-status-notice-notice: #005FAC;
269
+ --gds-sys-color-status-notice-on-notice: #FFFFFF;
270
+ --gds-sys-color-status-notice-notice-bright: #EBF1FF;
271
+ --gds-sys-color-status-notice-on-notice-bright: #005FAC;
272
+ --gds-sys-color-stroke-stroke: #353531;
273
+ --gds-sys-color-stroke-stroke-variant1: #85857A;
274
+ --gds-sys-color-stroke-stroke-variant2: #CECECA;
275
+ --gds-sys-color-stroke-stroke-disabled: #9D9D95;
276
+ --gds-sys-color-stroke-stroke-notice: #005FAC;
277
+ --gds-sys-color-stroke-stroke-positive: #006D31;
278
+ --gds-sys-color-stroke-stroke-warning: #7D5700;
279
+ --gds-sys-color-stroke-stroke-negative: #BA1D00;
280
+ --gds-sys-color-stroke-stroke-custom-blue: #005FAC;
281
+ --gds-sys-color-stroke-stroke-custom-blue-bright: #6FAEFF;
282
+ --gds-sys-color-stroke-stroke-inversed: #FFFFFF;
283
+ }
284
+ `;
285
+
286
+ // dist/libs/tokens/internal/size.css
287
+ var size_default = `/**
288
+ * Do not edit directly
289
+ * Generated on Fri, 26 Apr 2024 12:12:33 GMT
290
+ */
291
+
292
+ :host {
293
+ --gds-sys-typography-weight-bold: 700;
294
+ --gds-sys-typography-weight-medium: 500;
295
+ --gds-sys-typography-weight-book: 450;
296
+ --gds-sys-typography-weight-regular: 400;
297
+ --gds-sys-typography-weight-light: 300;
298
+ --gds-sys-typography-size-label-overline: 14px;
299
+ --gds-sys-typography-size-label-input-medium: 14px;
300
+ --gds-sys-typography-size-label-input-large: 16px;
301
+ --gds-sys-typography-size-label-information-medium: 14px;
302
+ --gds-sys-typography-size-label-information-large: 16px;
303
+ --gds-sys-typography-size-label-small: 12px;
304
+ --gds-sys-typography-size-label-medium: 14px;
305
+ --gds-sys-typography-size-label-large: 16px;
306
+ --gds-sys-typography-size-body-small: 12px;
307
+ --gds-sys-typography-size-body-medium: 14px;
308
+ --gds-sys-typography-size-body-large: 16px;
309
+ --gds-sys-typography-size-title-small: 14px;
310
+ --gds-sys-typography-size-title-medium: 16px;
311
+ --gds-sys-typography-size-title-large: 22px;
312
+ --gds-sys-typography-size-headline-small: 24px;
313
+ --gds-sys-typography-size-headline-medium: 28px;
314
+ --gds-sys-typography-size-headline-large: 32px;
315
+ --gds-sys-typography-size-display-small: 40px;
316
+ --gds-sys-typography-size-display-medium: 64px;
317
+ --gds-sys-typography-size-display-large: 82px;
318
+ --gds-sys-typography-line-height-label-overline: 18px;
319
+ --gds-sys-typography-line-height-label-input-medium: 20px;
320
+ --gds-sys-typography-line-height-label-input-large: 20px;
321
+ --gds-sys-typography-line-height-label-information-medium: 20px;
322
+ --gds-sys-typography-line-height-label-information-large: 20px;
323
+ --gds-sys-typography-line-height-label-small: 16px;
324
+ --gds-sys-typography-line-height-label-medium: 20px;
325
+ --gds-sys-typography-line-height-label-large: 20px;
326
+ --gds-sys-typography-line-height-body-small: 16px;
327
+ --gds-sys-typography-line-height-body-medium: 20px;
328
+ --gds-sys-typography-line-height-body-large: 20px;
329
+ --gds-sys-typography-line-height-title-small: 20px;
330
+ --gds-sys-typography-line-height-title-medium: 24px;
331
+ --gds-sys-typography-line-height-title-large: 28px;
332
+ --gds-sys-typography-line-height-headline-small: 30px;
333
+ --gds-sys-typography-line-height-headline-medium: 36px;
334
+ --gds-sys-typography-line-height-headline-large: 40px;
335
+ --gds-sys-typography-line-height-display-small: 52px;
336
+ --gds-sys-typography-line-height-display-medium: 80px;
337
+ --gds-sys-typography-line-height-display-large: 98px;
338
+ --gds-sys-state-hover-state-layer-opacity: 0.10;
339
+ --gds-sys-grid-width-desktop-lg: 2560px;
340
+ --gds-sys-grid-width-desktop-md: 1440px;
341
+ --gds-sys-grid-width-desktop-sm: 1024px;
342
+ --gds-sys-grid-width-tablet: 768px;
343
+ --gds-sys-grid-width-mobile: 425px;
344
+ --gds-sys-grid-columns-24: 24;
345
+ --gds-sys-grid-columns-12: 12;
346
+ --gds-sys-grid-columns-8: 8;
347
+ --gds-sys-grid-columns-6: 6;
348
+ --gds-sys-grid-columns-4: 4;
349
+ --gds-sys-grid-columns-2: 2;
350
+ --gds-ref-size-full: 9999px;
351
+ --gds-ref-size-3-5: 14px;
352
+ --gds-ref-size-2-5: 10px;
353
+ --gds-ref-size-1-5: 6px;
354
+ --gds-ref-size-0-5: 2px;
355
+ --gds-ref-size-100: 400px;
356
+ --gds-ref-size-99: 396px;
357
+ --gds-ref-size-98: 392px;
358
+ --gds-ref-size-97: 388px;
359
+ --gds-ref-size-96: 384px;
360
+ --gds-ref-size-95: 380px;
361
+ --gds-ref-size-94: 376px;
362
+ --gds-ref-size-93: 372px;
363
+ --gds-ref-size-92: 368px;
364
+ --gds-ref-size-91: 364px;
365
+ --gds-ref-size-90: 360px;
366
+ --gds-ref-size-89: 356px;
367
+ --gds-ref-size-88: 352px;
368
+ --gds-ref-size-87: 348px;
369
+ --gds-ref-size-86: 344px;
370
+ --gds-ref-size-85: 340px;
371
+ --gds-ref-size-84: 336px;
372
+ --gds-ref-size-83: 332px;
373
+ --gds-ref-size-82: 328px;
374
+ --gds-ref-size-81: 324px;
375
+ --gds-ref-size-80: 320px;
376
+ --gds-ref-size-79: 316px;
377
+ --gds-ref-size-78: 312px;
378
+ --gds-ref-size-77: 308px;
379
+ --gds-ref-size-76: 304px;
380
+ --gds-ref-size-75: 300px;
381
+ --gds-ref-size-74: 296px;
382
+ --gds-ref-size-73: 292px;
383
+ --gds-ref-size-72: 288px;
384
+ --gds-ref-size-71: 284px;
385
+ --gds-ref-size-70: 280px;
386
+ --gds-ref-size-69: 276px;
387
+ --gds-ref-size-68: 272px;
388
+ --gds-ref-size-67: 268px;
389
+ --gds-ref-size-66: 264px;
390
+ --gds-ref-size-65: 260px;
391
+ --gds-ref-size-64: 256px;
392
+ --gds-ref-size-63: 252px;
393
+ --gds-ref-size-62: 248px;
394
+ --gds-ref-size-61: 244px;
395
+ --gds-ref-size-60: 240px;
396
+ --gds-ref-size-59: 236px;
397
+ --gds-ref-size-58: 232px;
398
+ --gds-ref-size-57: 228px;
399
+ --gds-ref-size-56: 224px;
400
+ --gds-ref-size-55: 220px;
401
+ --gds-ref-size-54: 216px;
402
+ --gds-ref-size-53: 212px;
403
+ --gds-ref-size-52: 208px;
404
+ --gds-ref-size-51: 204px;
405
+ --gds-ref-size-50: 200px;
406
+ --gds-ref-size-49: 196px;
407
+ --gds-ref-size-48: 192px;
408
+ --gds-ref-size-47: 188px;
409
+ --gds-ref-size-46: 184px;
410
+ --gds-ref-size-45: 180px;
411
+ --gds-ref-size-44: 176px;
412
+ --gds-ref-size-43: 172px;
413
+ --gds-ref-size-42: 168px;
414
+ --gds-ref-size-41: 164px;
415
+ --gds-ref-size-40: 160px;
416
+ --gds-ref-size-39: 156px;
417
+ --gds-ref-size-38: 152px;
418
+ --gds-ref-size-37: 148px;
419
+ --gds-ref-size-36: 144px;
420
+ --gds-ref-size-35: 140px;
421
+ --gds-ref-size-34: 136px;
422
+ --gds-ref-size-33: 132px;
423
+ --gds-ref-size-32: 128px;
424
+ --gds-ref-size-31: 124px;
425
+ --gds-ref-size-30: 120px;
426
+ --gds-ref-size-29: 116px;
427
+ --gds-ref-size-28: 112px;
428
+ --gds-ref-size-27: 108px;
429
+ --gds-ref-size-26: 104px;
430
+ --gds-ref-size-25: 100px;
431
+ --gds-ref-size-24: 96px;
432
+ --gds-ref-size-23: 92px;
433
+ --gds-ref-size-22: 88px;
434
+ --gds-ref-size-21: 84px;
435
+ --gds-ref-size-20: 80px;
436
+ --gds-ref-size-19: 76px;
437
+ --gds-ref-size-18: 72px;
438
+ --gds-ref-size-17: 68px;
439
+ --gds-ref-size-16: 64px;
440
+ --gds-ref-size-15: 60px;
441
+ --gds-ref-size-14: 56px;
442
+ --gds-ref-size-13: 52px;
443
+ --gds-ref-size-12: 48px;
444
+ --gds-ref-size-11: 44px;
445
+ --gds-ref-size-10: 40px;
446
+ --gds-ref-size-9: 36px;
447
+ --gds-ref-size-8: 32px;
448
+ --gds-ref-size-7: 28px;
449
+ --gds-ref-size-6: 24px;
450
+ --gds-ref-size-5: 20px;
451
+ --gds-ref-size-4: 16px;
452
+ --gds-ref-size-3: 12px;
453
+ --gds-ref-size-2: 8px;
454
+ --gds-ref-size-1: 4px;
455
+ --gds-ref-size-0: 0px;
456
+ --gds-sys-space-6xl: var(--gds-ref-size-14);
457
+ --gds-sys-space-5xl: var(--gds-ref-size-12);
458
+ --gds-sys-space-4xl: var(--gds-ref-size-10);
459
+ --gds-sys-space-3xl: var(--gds-ref-size-8);
460
+ --gds-sys-space-2xl: var(--gds-ref-size-6);
461
+ --gds-sys-space-xl: var(--gds-ref-size-5);
462
+ --gds-sys-space-spacer-6xl: var(--gds-ref-size-14);
463
+ --gds-sys-space-spacer-5xl: var(--gds-ref-size-12);
464
+ --gds-sys-space-spacer-4xl: var(--gds-ref-size-10);
465
+ --gds-sys-space-spacer-3xl: var(--gds-ref-size-8);
466
+ --gds-sys-space-spacer-2xl: var(--gds-ref-size-6);
467
+ --gds-sys-space-spacer-xl: var(--gds-ref-size-5);
468
+ --gds-sys-space-spacer-l: var(--gds-ref-size-4);
469
+ --gds-sys-space-spacer-m: var(--gds-ref-size-2);
470
+ --gds-sys-space-spacer-s: var(--gds-ref-size-1-5);
471
+ --gds-sys-space-spacer-xs: var(--gds-ref-size-1);
472
+ --gds-sys-space-spacer-2xs: var(--gds-ref-size-0-5);
473
+ --gds-sys-space-spacer-0: var(--gds-ref-size-0);
474
+ --gds-sys-space-padding-6xl: var(--gds-ref-size-14);
475
+ --gds-sys-space-padding-5xl: var(--gds-ref-size-12);
476
+ --gds-sys-space-padding-4xl: var(--gds-ref-size-10);
477
+ --gds-sys-space-padding-3xl: var(--gds-ref-size-8);
478
+ --gds-sys-space-padding-2xl: var(--gds-ref-size-6);
479
+ --gds-sys-space-padding-xl: var(--gds-ref-size-5);
480
+ --gds-sys-space-padding-l: var(--gds-ref-size-4);
481
+ --gds-sys-space-padding-m: var(--gds-ref-size-2);
482
+ --gds-sys-space-padding-s: var(--gds-ref-size-1-5);
483
+ --gds-sys-space-padding-xs: var(--gds-ref-size-1);
484
+ --gds-sys-space-padding-2xs: var(--gds-ref-size-0-5);
485
+ --gds-sys-space-padding-0: var(--gds-ref-size-0);
486
+ --gds-sys-space-margins-6xl: var(--gds-ref-size-14);
487
+ --gds-sys-space-margins-5xl: var(--gds-ref-size-12);
488
+ --gds-sys-space-margins-4xl: var(--gds-ref-size-10);
489
+ --gds-sys-space-margins-3xl: var(--gds-ref-size-8);
490
+ --gds-sys-space-margins-2xl: var(--gds-ref-size-6);
491
+ --gds-sys-space-margins-xl: var(--gds-ref-size-5);
492
+ --gds-sys-space-margins-l: var(--gds-ref-size-4);
493
+ --gds-sys-space-margins-m: var(--gds-ref-size-2);
494
+ --gds-sys-space-margins-s: var(--gds-ref-size-1-5);
495
+ --gds-sys-space-margins-xs: var(--gds-ref-size-1);
496
+ --gds-sys-space-margins-2xs: var(--gds-ref-size-0-5);
497
+ --gds-sys-space-margins-0: var(--gds-ref-size-0);
498
+ --gds-sys-radii-full: var(--gds-ref-size-15);
499
+ --gds-sys-radii-4xl: var(--gds-ref-size-12);
500
+ --gds-sys-radii-3xl: var(--gds-ref-size-9);
501
+ --gds-sys-radii-2xl: var(--gds-ref-size-7);
502
+ --gds-sys-radii-xl: var(--gds-ref-size-6);
503
+ --gds-sys-radii-l: var(--gds-ref-size-5);
504
+ --gds-sys-radii-m: var(--gds-ref-size-4);
505
+ --gds-sys-radii-s: var(--gds-ref-size-3);
506
+ --gds-sys-radii-xs: var(--gds-ref-size-2);
507
+ --gds-sys-radii-none: var(--gds-ref-size-0);
508
+ --gds-sys-grid-padding-3xl: var(--gds-ref-size-12);
509
+ --gds-sys-grid-padding-2xl: var(--gds-ref-size-9);
510
+ --gds-sys-grid-padding-xl: var(--gds-ref-size-7);
511
+ --gds-sys-grid-padding-l: var(--gds-ref-size-6);
512
+ --gds-sys-grid-padding-m: var(--gds-ref-size-5);
513
+ --gds-sys-grid-padding-s: var(--gds-ref-size-3);
514
+ --gds-sys-grid-padding-xs: var(--gds-ref-size-2);
515
+ --gds-sys-grid-padding-none: var(--gds-ref-size-0);
516
+ --gds-sys-grid-gap-3xl: var(--gds-ref-size-12);
517
+ --gds-sys-grid-gap-2xl: var(--gds-ref-size-9);
518
+ --gds-sys-grid-gap-xl: var(--gds-ref-size-7);
519
+ --gds-sys-grid-gap-l: var(--gds-ref-size-6);
520
+ --gds-sys-grid-gap-m: var(--gds-ref-size-5);
521
+ --gds-sys-grid-gap-s: var(--gds-ref-size-3);
522
+ --gds-sys-grid-gap-xs: var(--gds-ref-size-2);
523
+ --gds-sys-grid-gap-none: var(--gds-ref-size-0);
524
+ --gds-sys-grid-breakpoint-desktop-lg: var(--gds-sys-grid-columns-12);
525
+ --gds-sys-grid-breakpoint-desktop-md: var(--gds-sys-grid-columns-12);
526
+ --gds-sys-grid-breakpoint-desktop-sm: var(--gds-sys-grid-columns-12);
527
+ --gds-sys-grid-breakpoint-tablet: var(--gds-sys-grid-columns-12);
528
+ --gds-sys-grid-breakpoint-mobile: var(--gds-sys-grid-columns-4);
529
+ }
530
+ `;
531
+
532
+ // dist/libs/tokens/internal/motion.css
533
+ var motion_default = `/**
534
+ * Do not edit directly
535
+ * Generated on Fri, 26 Apr 2024 12:12:33 GMT
536
+ */
537
+
538
+ :host {
539
+ --gds-sys-motion-play-state: running;
540
+ --gds-sys-motion-fill-mode: none;
541
+ --gds-sys-motion-direction: normal;
542
+ --gds-sys-motion-iteration-count: 1;
543
+ --gds-sys-motion-delay: 0s;
544
+ --gds-sys-motion-timing-function: ease;
545
+ --gds-sys-motion-duration: 1.2s;
546
+ --gds-sys-motion-easing: cubic-bezier(0.46, 0.03, 0.52, 0.96);
547
+ }
548
+ `;
549
+
550
+ // libs/core/src/tokens.style.ts
551
+ var tokens = [
552
+ unsafeCSS(pallet_default),
553
+ unsafeCSS(light_default),
554
+ unsafeCSS(size_default),
555
+ unsafeCSS(motion_default)
556
+ ];
557
+
558
+ export {
559
+ tokens
560
+ };
File without changes
@@ -0,0 +1,55 @@
1
+ import {
2
+ TransitionalStyles
3
+ } from "./chunk.QONSFT2N.js";
4
+ import {
5
+ GdsElement
6
+ } from "./chunk.2LQSDOD4.js";
7
+ import {
8
+ constrainSlots
9
+ } from "./chunk.6NM7ENKA.js";
10
+ import {
11
+ gdsCustomElement,
12
+ html
13
+ } from "./chunk.VOYMQ322.js";
14
+ import {
15
+ __decorateClass
16
+ } from "./chunk.5VURDMKE.js";
17
+
18
+ // libs/core/src/components/grouped-list/grouped-list.ts
19
+ import { state, property } from "lit/decorators.js";
20
+ import { when } from "lit/directives/when.js";
21
+ var GdsGroupedList = class extends GdsElement {
22
+ constructor() {
23
+ super(...arguments);
24
+ this.label = "";
25
+ }
26
+ connectedCallback() {
27
+ super.connectedCallback();
28
+ constrainSlots(this);
29
+ TransitionalStyles.instance.apply(this, "gds-grouped-list");
30
+ }
31
+ render() {
32
+ return html`${this._tStyles}${when(
33
+ this.label,
34
+ () => html`<div class="gds-list-heading" aria-hidden="true" id="label">
35
+ ${this.label}
36
+ </div>`
37
+ )}
38
+ <div role="list" aria-labelledby="label">
39
+ <slot gds-allow="gds-list-item"></slot>
40
+ </div>`;
41
+ }
42
+ };
43
+ __decorateClass([
44
+ state()
45
+ ], GdsGroupedList.prototype, "_tStyles", 2);
46
+ __decorateClass([
47
+ property()
48
+ ], GdsGroupedList.prototype, "label", 2);
49
+ GdsGroupedList = __decorateClass([
50
+ gdsCustomElement("gds-grouped-list")
51
+ ], GdsGroupedList);
52
+
53
+ export {
54
+ GdsGroupedList
55
+ };
@@ -0,0 +1,78 @@
1
+ import {
2
+ __privateAdd,
3
+ __privateGet
4
+ } from "./chunk.5VURDMKE.js";
5
+
6
+ // libs/core/src/controllers/listbox-kb-nav-controller.ts
7
+ var _keyboardNavigationHandler;
8
+ var ListboxKbNavController = class {
9
+ constructor(host) {
10
+ __privateAdd(this, _keyboardNavigationHandler, (e) => {
11
+ var _a, _b;
12
+ const targetItem = e.target;
13
+ if (!this.host.navigableItems.includes(targetItem))
14
+ return;
15
+ let handled = false;
16
+ if (e.key === "ArrowDown") {
17
+ const nextItemIndex = this.host.navigableItems.indexOf(targetItem) + 1;
18
+ const nextItem = this.host.navigableItems[nextItemIndex];
19
+ nextItem == null ? void 0 : nextItem.focus();
20
+ handled = true;
21
+ } else if (e.key === "ArrowUp") {
22
+ const prevOptionIndex = this.host.navigableItems.indexOf(targetItem) - 1;
23
+ const prevItem = this.host.navigableItems[prevOptionIndex];
24
+ prevItem == null ? void 0 : prevItem.focus();
25
+ handled = true;
26
+ } else if (e.key === "Home") {
27
+ (_a = this.host.navigableItems[0]) == null ? void 0 : _a.focus();
28
+ handled = true;
29
+ } else if (e.key === "End") {
30
+ (_b = this.host.navigableItems[this.host.navigableItems.length - 1]) == null ? void 0 : _b.focus();
31
+ handled = true;
32
+ } else {
33
+ const key = e.key.toLowerCase();
34
+ if (key.length !== 1) {
35
+ return;
36
+ }
37
+ const isLetter = key >= "a" && key <= "z";
38
+ const isNumber = key >= "0" && key <= "9";
39
+ if (isLetter || isNumber) {
40
+ const firstMatch = this.host.navigableItems.find((el) => {
41
+ var _a2;
42
+ const text = (_a2 = el.textContent) == null ? void 0 : _a2.trim().toLowerCase();
43
+ return text == null ? void 0 : text.startsWith(key);
44
+ });
45
+ firstMatch == null ? void 0 : firstMatch.focus();
46
+ handled = true;
47
+ }
48
+ }
49
+ if (handled) {
50
+ e.preventDefault();
51
+ e.stopPropagation();
52
+ }
53
+ });
54
+ ;
55
+ (this.host = host).addController(this);
56
+ }
57
+ hostConnected() {
58
+ this.host.addEventListener("keydown", __privateGet(this, _keyboardNavigationHandler));
59
+ }
60
+ hostDisconnected() {
61
+ this.host.removeEventListener("keydown", __privateGet(this, _keyboardNavigationHandler));
62
+ }
63
+ };
64
+ _keyboardNavigationHandler = new WeakMap();
65
+
66
+ // libs/core/src/utils/helpers/unwrap-slots.ts
67
+ function unwrap(slotRef) {
68
+ let slot = slotRef;
69
+ while (slot.assignedElements().length > 0 && slot.assignedElements()[0].nodeName === "SLOT") {
70
+ slot = slot.assignedElements()[0];
71
+ }
72
+ return slot;
73
+ }
74
+
75
+ export {
76
+ ListboxKbNavController,
77
+ unwrap
78
+ };
File without changes