@sebgroup/green-core 3.23.0 → 3.24.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/icons/regular/satellite.svg +6 -0
- package/assets/icons/solid/satellite.svg +5 -0
- package/components/button/button.component.js +6 -1
- package/components/calendar/calendar.component.js +2 -1
- package/components/context-menu/context-menu.component.js +3 -0
- package/components/datepicker/datepicker.component.js +57 -13
- package/components/icon/icons/index.d.ts +1 -0
- package/components/icon/icons/index.js +1 -0
- package/components/icon/icons/pure.d.ts +1 -0
- package/components/icon/icons/pure.js +1 -0
- package/components/icon/icons/satellite.component.d.ts +18 -0
- package/components/icon/icons/satellite.component.js +25 -0
- package/components/icon/icons/satellite.d.ts +2 -0
- package/components/icon/icons/satellite.js +6 -0
- package/components/link/link.styles.js +23 -3
- package/components/popover/popover.component.js +3 -2
- package/components/table/table.stories.data.js +186 -182
- package/custom-elements.json +27017 -26394
- package/gds-element.js +1 -1
- package/generated/mcp/alert/index.json +0 -1
- package/generated/mcp/avatar/index.json +0 -1
- package/generated/mcp/badge/index.json +0 -1
- package/generated/mcp/blur/index.json +0 -1
- package/generated/mcp/breadcrumbs/index.json +0 -1
- package/generated/mcp/button/index.json +0 -1
- package/generated/mcp/calendar/index.json +0 -1
- package/generated/mcp/card/index.json +0 -1
- package/generated/mcp/card-pattern-01/index.json +0 -1
- package/generated/mcp/checkbox/index.json +0 -1
- package/generated/mcp/coachmark/index.json +0 -1
- package/generated/mcp/components.json +1 -44
- package/generated/mcp/context-menu/index.json +0 -1
- package/generated/mcp/datepicker/index.json +0 -1
- package/generated/mcp/details/index.json +0 -1
- package/generated/mcp/dialog/index.json +0 -1
- package/generated/mcp/div/index.json +0 -1
- package/generated/mcp/divider/index.json +0 -1
- package/generated/mcp/dropdown/index.json +0 -1
- package/generated/mcp/fab/index.json +0 -1
- package/generated/mcp/filter-chips/index.json +0 -1
- package/generated/mcp/flex/index.json +0 -1
- package/generated/mcp/form-summary/index.json +0 -1
- package/generated/mcp/grid/index.json +0 -1
- package/generated/mcp/icon-satellite/angular.md +15 -0
- package/generated/mcp/icon-satellite/api.md +31 -0
- package/generated/mcp/icon-satellite/index.json +8 -0
- package/generated/mcp/icon-satellite/react.md +15 -0
- package/generated/mcp/icons.json +13 -1
- package/generated/mcp/index.json +1 -1
- package/generated/mcp/input/index.json +0 -1
- package/generated/mcp/link/index.json +0 -1
- package/generated/mcp/list/index.json +0 -1
- package/generated/mcp/list-item-pattern-01/index.json +0 -1
- package/generated/mcp/menu-button/index.json +0 -1
- package/generated/mcp/pagination/index.json +0 -1
- package/generated/mcp/popover/index.json +0 -1
- package/generated/mcp/radio/index.json +0 -1
- package/generated/mcp/rich-text/index.json +0 -1
- package/generated/mcp/segmented-control/index.json +0 -1
- package/generated/mcp/select/index.json +0 -1
- package/generated/mcp/signal/index.json +0 -1
- package/generated/mcp/spinner/index.json +0 -1
- package/generated/mcp/switch/index.json +0 -1
- package/generated/mcp/table/index.json +0 -1
- package/generated/mcp/tabs/index.json +0 -1
- package/generated/mcp/text/index.json +0 -1
- package/generated/mcp/textarea/index.json +0 -1
- package/generated/mcp/theme/index.json +0 -1
- package/generated/mcp/tokens.json +1 -1
- package/generated/mcp/video/index.json +0 -1
- package/generated/react/icons/icon-satellite/index.d.ts +691 -0
- package/generated/react/icons/icon-satellite/index.js +14 -0
- package/generated/react/index.d.ts +2 -1
- package/generated/react/index.js +2 -1
- package/package.json +2 -1
- package/utils/helpers/custom-element-scoping.js +1 -1
- package/utils/helpers/has-changed.d.ts +8 -0
- package/utils/helpers/has-changed.js +10 -0
- package/generated/mcp/alert/guidelines.md +0 -105
- package/generated/mcp/avatar/guidelines.md +0 -40
- package/generated/mcp/badge/guidelines.md +0 -56
- package/generated/mcp/blur/guidelines.md +0 -3
- package/generated/mcp/breadcrumbs/guidelines.md +0 -35
- package/generated/mcp/button/guidelines.md +0 -83
- package/generated/mcp/calendar/guidelines.md +0 -3
- package/generated/mcp/card/guidelines.md +0 -78
- package/generated/mcp/card-pattern-01/guidelines.md +0 -52
- package/generated/mcp/checkbox/guidelines.md +0 -91
- package/generated/mcp/coachmark/guidelines.md +0 -8
- package/generated/mcp/context-menu/guidelines.md +0 -33
- package/generated/mcp/datepicker/guidelines.md +0 -44
- package/generated/mcp/details/guidelines.md +0 -24
- package/generated/mcp/dialog/guidelines.md +0 -35
- package/generated/mcp/div/guidelines.md +0 -3
- package/generated/mcp/divider/guidelines.md +0 -24
- package/generated/mcp/dropdown/guidelines.md +0 -96
- package/generated/mcp/fab/guidelines.md +0 -27
- package/generated/mcp/filter-chips/guidelines.md +0 -47
- package/generated/mcp/flex/guidelines.md +0 -1
- package/generated/mcp/form-summary/guidelines.md +0 -39
- package/generated/mcp/grid/guidelines.md +0 -3
- package/generated/mcp/input/guidelines.md +0 -127
- package/generated/mcp/link/guidelines.md +0 -43
- package/generated/mcp/list/guidelines.md +0 -16
- package/generated/mcp/list-item-pattern-01/guidelines.md +0 -49
- package/generated/mcp/menu-button/guidelines.md +0 -39
- package/generated/mcp/pagination/guidelines.md +0 -24
- package/generated/mcp/popover/guidelines.md +0 -3
- package/generated/mcp/radio/guidelines.md +0 -74
- package/generated/mcp/rich-text/guidelines.md +0 -3
- package/generated/mcp/segmented-control/guidelines.md +0 -31
- package/generated/mcp/select/guidelines.md +0 -29
- package/generated/mcp/signal/guidelines.md +0 -14
- package/generated/mcp/spinner/guidelines.md +0 -6
- package/generated/mcp/switch/guidelines.md +0 -41
- package/generated/mcp/table/guidelines.md +0 -169
- package/generated/mcp/tabs/guidelines.md +0 -64
- package/generated/mcp/text/guidelines.md +0 -3
- package/generated/mcp/textarea/guidelines.md +0 -73
- package/generated/mcp/theme/guidelines.md +0 -3
- package/generated/mcp/video/guidelines.md +0 -3
package/gds-element.js
CHANGED
|
@@ -16,7 +16,7 @@ class GdsElement extends LitElement {
|
|
|
16
16
|
/**
|
|
17
17
|
* The semantic version of this element. Can be used for troubleshooting to verify the version being used.
|
|
18
18
|
*/
|
|
19
|
-
this.semanticVersion = "3.
|
|
19
|
+
this.semanticVersion = "3.24.1";
|
|
20
20
|
this.syncFirstRender = false;
|
|
21
21
|
this._isUsingTransitionalStyles = false;
|
|
22
22
|
this._dynamicStylesController = new DynamicStylesController(this);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"generatedAt": "2026-09-
|
|
2
|
+
"generatedAt": "2026-09-21T13:05:01.534Z",
|
|
3
3
|
"components": [
|
|
4
4
|
{
|
|
5
5
|
"name": "gds-alert",
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
"path": "alert/",
|
|
10
10
|
"files": [
|
|
11
11
|
"api",
|
|
12
|
-
"guidelines",
|
|
13
12
|
"angular",
|
|
14
13
|
"react"
|
|
15
14
|
]
|
|
@@ -22,7 +21,6 @@
|
|
|
22
21
|
"path": "avatar/",
|
|
23
22
|
"files": [
|
|
24
23
|
"api",
|
|
25
|
-
"guidelines",
|
|
26
24
|
"angular",
|
|
27
25
|
"react"
|
|
28
26
|
]
|
|
@@ -59,7 +57,6 @@
|
|
|
59
57
|
"path": "badge/",
|
|
60
58
|
"files": [
|
|
61
59
|
"api",
|
|
62
|
-
"guidelines",
|
|
63
60
|
"angular",
|
|
64
61
|
"react"
|
|
65
62
|
]
|
|
@@ -72,7 +69,6 @@
|
|
|
72
69
|
"path": "blur/",
|
|
73
70
|
"files": [
|
|
74
71
|
"api",
|
|
75
|
-
"guidelines",
|
|
76
72
|
"angular",
|
|
77
73
|
"react"
|
|
78
74
|
]
|
|
@@ -97,7 +93,6 @@
|
|
|
97
93
|
"path": "breadcrumbs/",
|
|
98
94
|
"files": [
|
|
99
95
|
"api",
|
|
100
|
-
"guidelines",
|
|
101
96
|
"angular",
|
|
102
97
|
"react"
|
|
103
98
|
]
|
|
@@ -110,7 +105,6 @@
|
|
|
110
105
|
"path": "button/",
|
|
111
106
|
"files": [
|
|
112
107
|
"api",
|
|
113
|
-
"guidelines",
|
|
114
108
|
"angular",
|
|
115
109
|
"react"
|
|
116
110
|
]
|
|
@@ -123,7 +117,6 @@
|
|
|
123
117
|
"path": "calendar/",
|
|
124
118
|
"files": [
|
|
125
119
|
"api",
|
|
126
|
-
"guidelines",
|
|
127
120
|
"angular",
|
|
128
121
|
"react"
|
|
129
122
|
]
|
|
@@ -136,7 +129,6 @@
|
|
|
136
129
|
"path": "card/",
|
|
137
130
|
"files": [
|
|
138
131
|
"api",
|
|
139
|
-
"guidelines",
|
|
140
132
|
"angular",
|
|
141
133
|
"react"
|
|
142
134
|
]
|
|
@@ -161,7 +153,6 @@
|
|
|
161
153
|
"path": "card-pattern-01/",
|
|
162
154
|
"files": [
|
|
163
155
|
"api",
|
|
164
|
-
"guidelines",
|
|
165
156
|
"angular",
|
|
166
157
|
"react"
|
|
167
158
|
]
|
|
@@ -174,7 +165,6 @@
|
|
|
174
165
|
"path": "checkbox/",
|
|
175
166
|
"files": [
|
|
176
167
|
"api",
|
|
177
|
-
"guidelines",
|
|
178
168
|
"angular",
|
|
179
169
|
"react"
|
|
180
170
|
]
|
|
@@ -199,7 +189,6 @@
|
|
|
199
189
|
"path": "coachmark/",
|
|
200
190
|
"files": [
|
|
201
191
|
"api",
|
|
202
|
-
"guidelines",
|
|
203
192
|
"angular",
|
|
204
193
|
"react"
|
|
205
194
|
]
|
|
@@ -212,7 +201,6 @@
|
|
|
212
201
|
"path": "context-menu/",
|
|
213
202
|
"files": [
|
|
214
203
|
"api",
|
|
215
|
-
"guidelines",
|
|
216
204
|
"angular",
|
|
217
205
|
"react"
|
|
218
206
|
]
|
|
@@ -225,7 +213,6 @@
|
|
|
225
213
|
"path": "datepicker/",
|
|
226
214
|
"files": [
|
|
227
215
|
"api",
|
|
228
|
-
"guidelines",
|
|
229
216
|
"angular",
|
|
230
217
|
"react"
|
|
231
218
|
]
|
|
@@ -238,7 +225,6 @@
|
|
|
238
225
|
"path": "details/",
|
|
239
226
|
"files": [
|
|
240
227
|
"api",
|
|
241
|
-
"guidelines",
|
|
242
228
|
"angular",
|
|
243
229
|
"react"
|
|
244
230
|
]
|
|
@@ -251,7 +237,6 @@
|
|
|
251
237
|
"path": "dialog/",
|
|
252
238
|
"files": [
|
|
253
239
|
"api",
|
|
254
|
-
"guidelines",
|
|
255
240
|
"angular",
|
|
256
241
|
"react"
|
|
257
242
|
]
|
|
@@ -264,7 +249,6 @@
|
|
|
264
249
|
"path": "div/",
|
|
265
250
|
"files": [
|
|
266
251
|
"api",
|
|
267
|
-
"guidelines",
|
|
268
252
|
"angular",
|
|
269
253
|
"react"
|
|
270
254
|
]
|
|
@@ -277,7 +261,6 @@
|
|
|
277
261
|
"path": "divider/",
|
|
278
262
|
"files": [
|
|
279
263
|
"api",
|
|
280
|
-
"guidelines",
|
|
281
264
|
"angular",
|
|
282
265
|
"react"
|
|
283
266
|
]
|
|
@@ -290,7 +273,6 @@
|
|
|
290
273
|
"path": "dropdown/",
|
|
291
274
|
"files": [
|
|
292
275
|
"api",
|
|
293
|
-
"guidelines",
|
|
294
276
|
"angular",
|
|
295
277
|
"react"
|
|
296
278
|
],
|
|
@@ -313,7 +295,6 @@
|
|
|
313
295
|
"path": "fab/",
|
|
314
296
|
"files": [
|
|
315
297
|
"api",
|
|
316
|
-
"guidelines",
|
|
317
298
|
"angular",
|
|
318
299
|
"react"
|
|
319
300
|
]
|
|
@@ -338,7 +319,6 @@
|
|
|
338
319
|
"path": "filter-chips/",
|
|
339
320
|
"files": [
|
|
340
321
|
"api",
|
|
341
|
-
"guidelines",
|
|
342
322
|
"angular",
|
|
343
323
|
"react"
|
|
344
324
|
]
|
|
@@ -351,7 +331,6 @@
|
|
|
351
331
|
"path": "flex/",
|
|
352
332
|
"files": [
|
|
353
333
|
"api",
|
|
354
|
-
"guidelines",
|
|
355
334
|
"instructions",
|
|
356
335
|
"angular",
|
|
357
336
|
"react"
|
|
@@ -365,7 +344,6 @@
|
|
|
365
344
|
"path": "form-summary/",
|
|
366
345
|
"files": [
|
|
367
346
|
"api",
|
|
368
|
-
"guidelines",
|
|
369
347
|
"angular",
|
|
370
348
|
"react"
|
|
371
349
|
]
|
|
@@ -414,7 +392,6 @@
|
|
|
414
392
|
"path": "grid/",
|
|
415
393
|
"files": [
|
|
416
394
|
"api",
|
|
417
|
-
"guidelines",
|
|
418
395
|
"angular",
|
|
419
396
|
"react"
|
|
420
397
|
]
|
|
@@ -463,7 +440,6 @@
|
|
|
463
440
|
"path": "input/",
|
|
464
441
|
"files": [
|
|
465
442
|
"api",
|
|
466
|
-
"guidelines",
|
|
467
443
|
"angular",
|
|
468
444
|
"react"
|
|
469
445
|
]
|
|
@@ -476,7 +452,6 @@
|
|
|
476
452
|
"path": "link/",
|
|
477
453
|
"files": [
|
|
478
454
|
"api",
|
|
479
|
-
"guidelines",
|
|
480
455
|
"angular",
|
|
481
456
|
"react"
|
|
482
457
|
]
|
|
@@ -489,7 +464,6 @@
|
|
|
489
464
|
"path": "list/",
|
|
490
465
|
"files": [
|
|
491
466
|
"api",
|
|
492
|
-
"guidelines",
|
|
493
467
|
"angular",
|
|
494
468
|
"react"
|
|
495
469
|
]
|
|
@@ -514,7 +488,6 @@
|
|
|
514
488
|
"path": "list-item-pattern-01/",
|
|
515
489
|
"files": [
|
|
516
490
|
"api",
|
|
517
|
-
"guidelines",
|
|
518
491
|
"angular",
|
|
519
492
|
"react"
|
|
520
493
|
]
|
|
@@ -539,7 +512,6 @@
|
|
|
539
512
|
"path": "menu-button/",
|
|
540
513
|
"files": [
|
|
541
514
|
"api",
|
|
542
|
-
"guidelines",
|
|
543
515
|
"angular",
|
|
544
516
|
"react"
|
|
545
517
|
]
|
|
@@ -588,7 +560,6 @@
|
|
|
588
560
|
"path": "pagination/",
|
|
589
561
|
"files": [
|
|
590
562
|
"api",
|
|
591
|
-
"guidelines",
|
|
592
563
|
"angular",
|
|
593
564
|
"react"
|
|
594
565
|
]
|
|
@@ -601,7 +572,6 @@
|
|
|
601
572
|
"path": "popover/",
|
|
602
573
|
"files": [
|
|
603
574
|
"api",
|
|
604
|
-
"guidelines",
|
|
605
575
|
"angular",
|
|
606
576
|
"react"
|
|
607
577
|
]
|
|
@@ -614,7 +584,6 @@
|
|
|
614
584
|
"path": "radio/",
|
|
615
585
|
"files": [
|
|
616
586
|
"api",
|
|
617
|
-
"guidelines",
|
|
618
587
|
"instructions",
|
|
619
588
|
"angular",
|
|
620
589
|
"react"
|
|
@@ -640,7 +609,6 @@
|
|
|
640
609
|
"path": "rich-text/",
|
|
641
610
|
"files": [
|
|
642
611
|
"api",
|
|
643
|
-
"guidelines",
|
|
644
612
|
"angular",
|
|
645
613
|
"react"
|
|
646
614
|
]
|
|
@@ -665,7 +633,6 @@
|
|
|
665
633
|
"path": "segmented-control/",
|
|
666
634
|
"files": [
|
|
667
635
|
"api",
|
|
668
|
-
"guidelines",
|
|
669
636
|
"angular",
|
|
670
637
|
"react"
|
|
671
638
|
],
|
|
@@ -684,7 +651,6 @@
|
|
|
684
651
|
"path": "select/",
|
|
685
652
|
"files": [
|
|
686
653
|
"api",
|
|
687
|
-
"guidelines",
|
|
688
654
|
"angular",
|
|
689
655
|
"react"
|
|
690
656
|
]
|
|
@@ -733,7 +699,6 @@
|
|
|
733
699
|
"path": "signal/",
|
|
734
700
|
"files": [
|
|
735
701
|
"api",
|
|
736
|
-
"guidelines",
|
|
737
702
|
"angular",
|
|
738
703
|
"react"
|
|
739
704
|
]
|
|
@@ -746,7 +711,6 @@
|
|
|
746
711
|
"path": "spinner/",
|
|
747
712
|
"files": [
|
|
748
713
|
"api",
|
|
749
|
-
"guidelines",
|
|
750
714
|
"angular",
|
|
751
715
|
"react"
|
|
752
716
|
]
|
|
@@ -759,7 +723,6 @@
|
|
|
759
723
|
"path": "switch/",
|
|
760
724
|
"files": [
|
|
761
725
|
"api",
|
|
762
|
-
"guidelines",
|
|
763
726
|
"angular",
|
|
764
727
|
"react"
|
|
765
728
|
]
|
|
@@ -796,7 +759,6 @@
|
|
|
796
759
|
"path": "table/",
|
|
797
760
|
"files": [
|
|
798
761
|
"api",
|
|
799
|
-
"guidelines",
|
|
800
762
|
"angular",
|
|
801
763
|
"react"
|
|
802
764
|
]
|
|
@@ -809,7 +771,6 @@
|
|
|
809
771
|
"path": "tabs/",
|
|
810
772
|
"files": [
|
|
811
773
|
"api",
|
|
812
|
-
"guidelines",
|
|
813
774
|
"angular",
|
|
814
775
|
"react"
|
|
815
776
|
]
|
|
@@ -822,7 +783,6 @@
|
|
|
822
783
|
"path": "text/",
|
|
823
784
|
"files": [
|
|
824
785
|
"api",
|
|
825
|
-
"guidelines",
|
|
826
786
|
"instructions",
|
|
827
787
|
"angular",
|
|
828
788
|
"react"
|
|
@@ -836,7 +796,6 @@
|
|
|
836
796
|
"path": "textarea/",
|
|
837
797
|
"files": [
|
|
838
798
|
"api",
|
|
839
|
-
"guidelines",
|
|
840
799
|
"angular",
|
|
841
800
|
"react"
|
|
842
801
|
]
|
|
@@ -849,7 +808,6 @@
|
|
|
849
808
|
"path": "theme/",
|
|
850
809
|
"files": [
|
|
851
810
|
"api",
|
|
852
|
-
"guidelines",
|
|
853
811
|
"angular",
|
|
854
812
|
"react"
|
|
855
813
|
]
|
|
@@ -862,7 +820,6 @@
|
|
|
862
820
|
"path": "video/",
|
|
863
821
|
"files": [
|
|
864
822
|
"api",
|
|
865
|
-
"guidelines",
|
|
866
823
|
"angular",
|
|
867
824
|
"react"
|
|
868
825
|
]
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
# gds-icon-satellite - Angular
|
|
2
|
+
|
|
3
|
+
## Import
|
|
4
|
+
|
|
5
|
+
```typescript
|
|
6
|
+
import { IconSatelliteComponent } from '@sebgroup/green-core-ng'
|
|
7
|
+
```
|
|
8
|
+
|
|
9
|
+
## Usage
|
|
10
|
+
|
|
11
|
+
Use the component in your Angular templates:
|
|
12
|
+
|
|
13
|
+
```html
|
|
14
|
+
<gds-icon-satellite></gds-icon-satellite>
|
|
15
|
+
```
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
# gds-icon-satellite
|
|
2
|
+
|
|
3
|
+
**Class**: `IconSatellite`
|
|
4
|
+
|
|
5
|
+
**Tag**: `<gds-icon-satellite>`
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
|
|
11
|
+
|
|
12
|
+
| Name | Type | Default | Description |
|
|
13
|
+
|------|------|---------|-------------|
|
|
14
|
+
| `margin` | `string \| undefined` | `-` | Style Expression Property that controls the `margin` property. Only accepts space tokens. |
|
|
15
|
+
| `'margin-inline'` | `string \| undefined` | `-` | Style Expression Property that controls the `margin-inline` property. Only accepts space tokens. |
|
|
16
|
+
| `'margin-block'` | `string \| undefined` | `-` | Style Expression Property that controls the `margin-block` property. Only accepts space tokens. |
|
|
17
|
+
| `'align-self'` | `string \| undefined` | `-` | Style Expression Property that controls the `align-self` property. Supports all valid CSS `align-self` values. |
|
|
18
|
+
| `'justify-self'` | `string \| undefined` | `-` | Style Expression Property that controls the `justify-self` property. Supports all valid CSS `justify-self` values. |
|
|
19
|
+
| `'place-self'` | `string \| undefined` | `-` | Style Expression Property that controls the `place-self` property. Supports all valid CSS `place-self` values. |
|
|
20
|
+
| `'grid-column'` | `string \| undefined` | `-` | Style Expression Property that controls the `grid-column` property. Supports all valid CSS grid-column values. Documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column |
|
|
21
|
+
| `'grid-row'` | `string \| undefined` | `-` | Style Expression Property that controls the `grid-row` property. Supports all valid CSS `grid-row` values. |
|
|
22
|
+
| `'grid-area'` | `string \| undefined` | `-` | Style Expression Property that controls the `grid-area` property. Supports all valid CSS `grid-area` values. |
|
|
23
|
+
| `flex` | `string \| undefined` | `-` | Style Expression Property that controls the `flex` property. Supports all valid CSS `flex` values. |
|
|
24
|
+
| `order` | `string \| undefined` | `-` | Style Expression Property that controls the `order` property. Supports all valid CSS `order` values. |
|
|
25
|
+
| `size` | `string \| undefined` | `-` | This property allow you to set the size of the icon with the token and custom values. If not provided, uses the icon's default size. The size is a shorthand for setting both width and height at once. |
|
|
26
|
+
| `solid` | `boolean` | `-` | When set to true, the solid version of the icon is displayed. When set to false or not provided, the regular version of the icon is displayed. |
|
|
27
|
+
| `stroke` | `number \| undefined` | `-` | When set to true, you can apply custom stroke width to the icon. |
|
|
28
|
+
| `level` | `GdsColorLevel` | `-` | The level of the icon is used to resolve the color tokens from the corresponding level. Check the [Color System documentation page](./?path=/docs/style-colors--docs) for more information. Default for `gds-icon-*` is level 2. |
|
|
29
|
+
| `color` | `string \| undefined` | `-` | Style Expression Property that controls the `color` property. Only accepts color tokens and an optional transparency value, in the format tokenName/transparency. ```html <gds-icon-ai color="neutral-01/0.2"></gds-icon-ai> ``` |
|
|
30
|
+
| `label` | `string` | `-` | This property allow you to set the accessible label of the icon. If not provided, the icon will be presentational. |
|
|
31
|
+
| `syncFirstRender` | `boolean` | `-` | Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`. This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM is projected. Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the element needs to be measured synchronously after being added to the DOM. |
|
package/generated/mcp/icons.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"generatedAt": "2026-09-
|
|
2
|
+
"generatedAt": "2026-09-21T13:05:01.534Z",
|
|
3
3
|
"icons": [
|
|
4
4
|
{
|
|
5
5
|
"name": "gds-icon-ai",
|
|
@@ -3025,6 +3025,18 @@
|
|
|
3025
3025
|
"react"
|
|
3026
3026
|
]
|
|
3027
3027
|
},
|
|
3028
|
+
{
|
|
3029
|
+
"name": "gds-icon-satellite",
|
|
3030
|
+
"tagName": "gds-icon-satellite",
|
|
3031
|
+
"className": "IconSatellite",
|
|
3032
|
+
"description": "",
|
|
3033
|
+
"path": "icon-satellite/",
|
|
3034
|
+
"files": [
|
|
3035
|
+
"api",
|
|
3036
|
+
"angular",
|
|
3037
|
+
"react"
|
|
3038
|
+
]
|
|
3039
|
+
},
|
|
3028
3040
|
{
|
|
3029
3041
|
"name": "gds-icon-school",
|
|
3030
3042
|
"tagName": "gds-icon-school",
|
package/generated/mcp/index.json
CHANGED