@eui/eds-styles 22.0.0-alpha.17 → 22.0.0-alpha.19

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 (31) hide show
  1. package/dist/assets/eds-components.json +15 -14
  2. package/dist/base/02-tokens/colors-primitive.scss +72 -767
  3. package/dist/base/02-tokens/dimensions-primitive.scss +10 -23
  4. package/dist/base/02-tokens/ecl/primitives/_breakpoint.scss +16 -0
  5. package/dist/base/02-tokens/ecl/primitives/_color-domain.scss +189 -0
  6. package/dist/base/02-tokens/ecl/primitives/_color.scss +190 -0
  7. package/dist/base/02-tokens/ecl/primitives/_dimension.scss +31 -0
  8. package/dist/base/02-tokens/ecl/primitives/_grid.scss +25 -0
  9. package/dist/base/02-tokens/ecl/primitives/_index.scss +14 -0
  10. package/dist/base/02-tokens/ecl/primitives/_typography.scss +58 -0
  11. package/dist/base/02-tokens/ecl/semantic/_border.scss +22 -0
  12. package/dist/base/02-tokens/ecl/semantic/_color-dark.scss +221 -0
  13. package/dist/base/02-tokens/ecl/semantic/_color-domain-dark.scss +172 -0
  14. package/dist/base/02-tokens/ecl/semantic/_color-domain.scss +172 -0
  15. package/dist/base/02-tokens/ecl/semantic/_color.scss +227 -0
  16. package/dist/base/02-tokens/ecl/semantic/_index.scss +17 -0
  17. package/dist/base/02-tokens/ecl/semantic/_opacity.scss +21 -0
  18. package/dist/base/02-tokens/ecl/semantic/_shadow.scss +41 -0
  19. package/dist/base/02-tokens/ecl/semantic/_spacing.scss +62 -0
  20. package/dist/base/02-tokens/ecl/semantic/_typography.scss +288 -0
  21. package/dist/base/02-tokens/maps.scss +29 -71
  22. package/dist/base/02-tokens/typography-primitive.scss +15 -46
  23. package/dist/base/02-tokens/typography-semantic.scss +33 -33
  24. package/dist/base/04-elements/table.scss +1 -1
  25. package/dist/eds-showcase-exports.css +1 -1
  26. package/dist/eds-showcase-exports.css.map +1 -1
  27. package/dist/eds-utilities.css +1 -1
  28. package/dist/eds-vars.css +1 -1
  29. package/dist/eds.css +1 -1
  30. package/dist/eds.css.map +1 -1
  31. package/package.json +1 -1
package/dist/assets/eds-components.json CHANGED
@@ -20,9 +20,9 @@
20
20
  { "id": "eds-shell", "label": "Shell", "group": "Shell", "angularUrl": "/showcase-eds/components/eds-shell", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
21
21
  { "id": "eds-shell-header", "label": "Shell Header", "group": "Shell", "angularUrl": "/showcase-eds/components/eds-shell-header", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
22
22
  { "id": "eds-shell-toolbar", "label": "Shell Toolbar", "group": "Shell", "angularUrl": "/showcase-eds/components/eds-shell-toolbar", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
23
- { "id": "eds-user-profile", "label": "User Profile", "group": "Shell", "angularUrl": "/showcase-eds/components/eds-user-profile", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
24
- { "id": "eds-overlay", "label": "Overlay", "group": "Shell", "angularUrl": "/showcase-eds/components/eds-overlay", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
25
- { "id": "eds-language-selector", "label": "Language Selector", "group": "Shell", "angularUrl": "/showcase-eds/components/eds-language-selector", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
23
+ { "id": "eds-user-profile", "label": "User Profile", "group": "Shell", "angularUrl": "/showcase-eds/components/eds-user-profile", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
24
+ { "id": "eds-overlay", "label": "Overlay", "group": "Shell", "angularUrl": "/showcase-eds/components/eds-overlay", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
25
+ { "id": "eds-language-selector", "label": "Language Selector", "group": "Shell", "angularUrl": "/showcase-eds/components/eds-language-selector", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
26
26
 
27
27
  { "id": "eds-alert", "label": "Alert", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-alert", "category": "content", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=3556-30014&p=f&t=YkZw9uMoXgcpt6Nk-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
28
28
  { "id": "eds-avatar", "label": "Avatar", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-avatar", "category": "content", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=10126-7467&p=f&t=YkZw9uMoXgcpt6Nk-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
@@ -30,7 +30,7 @@
30
30
  { "id": "eds-button", "label": "Button", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-button", "category": "action", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=1-692&p=f&t=YkZw9uMoXgcpt6Nk-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
31
31
  { "id": "eds-chip", "label": "Chip", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-chip", "category": "content", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=921-149258&p=f&t=OO4eYEevhyJFTBsz-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
32
32
  { "id": "eds-chip-list", "label": "Chip List", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-chip-list", "category": "content", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
33
- { "id": "eds-icon", "label": "Icon", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-icon", "category": "atom", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=10129-17612&p=f&t=OO4eYEevhyJFTBsz-0", "availability": { "angular": true, "react": false, "webcomponents": true } },
33
+ { "id": "eds-icon", "label": "Icon", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-icon", "category": "atom", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=10129-17612&p=f&t=OO4eYEevhyJFTBsz-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
34
34
  { "id": "eds-icon-button", "label": "Icon Button", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-icon-button", "category": "atom", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=10065-2538&p=f&t=YkZw9uMoXgcpt6Nk-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
35
35
  { "id": "eds-input-button", "label": "Input Button", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-input-button", "category": "atom", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
36
36
  { "id": "eds-input-checkbox", "label": "Input Checkbox", "group": "EDS validated", "angularUrl": "/showcase-eds/components/eds-input-checkbox", "category": "atom", "status": "DRAFT", "statusColorVariant": "info", "figmaLink": "https://www.figma.com/design/lurOi9W7As4dohgypUtA8U/Core-Components?node-id=21097-26306&p=f&t=YkZw9uMoXgcpt6Nk-0", "availability": { "angular": true, "react": true, "webcomponents": true } },
@@ -54,15 +54,15 @@
54
54
  { "id": "eds-blockquote", "label": "Blockquote", "group": "Components", "angularUrl": "/showcase-eds/components/eds-blockquote", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
55
55
  { "id": "eds-breadcrumb", "label": "Breadcrumb", "group": "Components", "angularUrl": "/showcase-eds/components/eds-breadcrumb", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": false, "react": true, "webcomponents": true } },
56
56
  { "id": "eds-button-group", "label": "Button Group", "group": "Components", "angularUrl": "/showcase-eds/components/eds-button-group", "category": "action", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
57
- { "id": "eds-calendar", "label": "Calendar", "group": "Components", "angularUrl": "/showcase-eds/components/eds-calendar", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": false } },
57
+ { "id": "eds-calendar", "label": "Calendar", "group": "Components", "angularUrl": "/showcase-eds/components/eds-calendar", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
58
58
  { "id": "eds-card", "label": "Card", "group": "Components", "angularUrl": "/showcase-eds/components/eds-card", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
59
- { "id": "eds-carousel", "label": "Carousel", "group": "Components", "angularUrl": "/showcase-eds/components/eds-carousel", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": true } },
59
+ { "id": "eds-carousel", "label": "Carousel", "group": "Components", "angularUrl": "/showcase-eds/components/eds-carousel", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
60
60
  { "id": "eds-date-block", "label": "Date Block", "group": "Components", "angularUrl": "/showcase-eds/components/eds-date-block", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
61
61
  { "id": "eds-datepicker", "label": "Datepicker", "group": "Components", "angularUrl": "/showcase-eds/components/eds-datepicker", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
62
62
  { "id": "eds-dialog-service", "label": "eds-dialog (S)", "group": "Components", "angularUrl": "/showcase-eds/components/eds-dialog-service", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": false } },
63
63
  { "id": "eds-dialog", "label": "eds-dialog (T)", "group": "Components", "angularUrl": "/showcase-eds/components/eds-dialog-template", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
64
64
  { "id": "eds-disable-content", "label": "Disable Content", "group": "Components", "angularUrl": "/showcase-eds/components/eds-disable-content", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
65
- { "id": "eds-discussion-thread", "label": "Discussion Thread", "group": "Components", "angularUrl": "/showcase-eds/components/eds-discussion-thread", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": false } },
65
+ { "id": "eds-discussion-thread", "label": "Discussion Thread", "group": "Components", "angularUrl": "/showcase-eds/components/eds-discussion-thread", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
66
66
  { "id": "eds-dimmer", "label": "Dimmer", "group": "Components", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": false, "react": true, "webcomponents": false } },
67
67
  { "id": "eds-dropdown", "label": "Dropdown", "group": "Components", "angularUrl": "/showcase-eds/components/eds-dropdown", "category": "action", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
68
68
  { "id": "eds-empty-state", "label": "Empty State", "group": "Components", "angularUrl": "/showcase-eds/components/eds-empty-state", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
@@ -75,11 +75,11 @@
75
75
  { "id": "eds-icon-toggle", "label": "Icon Toggle", "group": "Components", "angularUrl": "/showcase-eds/components/eds-icon-toggle", "category": "atom", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
76
76
  { "id": "eds-label", "label": "Label", "group": "Components", "angularUrl": "/showcase-eds/utilities/eds-label", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
77
77
  { "id": "eds-list", "label": "List", "group": "Components", "angularUrl": "/showcase-eds/components/eds-list", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
78
- { "id": "eds-loading-indicator", "label": "Loading Indicator", "group": "Components", "angularUrl": "/showcase-eds/utilities/eds-loading-indicator", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": false } },
79
- { "id": "eds-menu", "label": "Menu", "group": "Components", "angularUrl": "/showcase-eds/components/eds-menu", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
78
+ { "id": "eds-loading-indicator", "label": "Loading Indicator", "group": "Components", "angularUrl": "/showcase-eds/utilities/eds-loading-indicator", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
79
+ { "id": "eds-menu", "label": "Menu", "group": "Components", "angularUrl": "/showcase-eds/components/eds-menu", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
80
80
  { "id": "eds-message-box-service", "label": "eds-message-box (S)", "group": "Components", "angularUrl": "/showcase-eds/components/eds-message-box-service", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": false } },
81
81
  { "id": "eds-message-box", "label": "eds-message-box (T)", "group": "Components", "angularUrl": "/showcase-eds/components/eds-message-box-template", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
82
- { "id": "eds-multiselect", "label": "Multiselect", "group": "Components", "angularUrl": "/showcase-eds/components/eds-multiselect", "category": "atom", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": false } },
82
+ { "id": "eds-multiselect", "label": "Multiselect", "group": "Components", "angularUrl": "/showcase-eds/components/eds-multiselect", "category": "atom", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
83
83
  { "id": "eds-page", "label": "Page", "group": "Components", "angularUrl": "/showcase-eds/components/eds-page", "category": "layout", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
84
84
  { "id": "eds-paginator", "label": "Paginator", "group": "Components", "angularUrl": "/showcase-eds/components/eds-paginator", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
85
85
  { "id": "eds-popover", "label": "Popover", "group": "Components", "angularUrl": "/showcase-eds/components/eds-popover", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
@@ -88,15 +88,16 @@
88
88
  { "id": "eds-skeleton", "label": "Skeleton", "group": "Components", "angularUrl": "/showcase-eds/components/eds-skeleton", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
89
89
  { "id": "eds-slider", "label": "Slider", "group": "Components", "angularUrl": "/showcase-eds/components/eds-slider", "category": "atom", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
90
90
  { "id": "eds-split-button", "label": "Split Button", "group": "Components", "angularUrl": "/showcase-eds/components/eds-split-button", "category": "action", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
91
+ { "id": "eds-swiper", "label": "Swiper", "group": "Components", "angularUrl": "/showcase-eds/components/eds-swiper", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": true } },
91
92
  { "id": "eds-table", "label": "Table", "group": "Components", "angularUrl": "/showcase-eds/components/eds-table", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
92
93
  { "id": "eds-tabs", "label": "Tabs", "group": "Components", "angularUrl": "/showcase-eds/components/eds-tabs", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
93
94
  { "id": "eds-tag-group", "label": "Tag Group", "group": "Components", "angularUrl": "/showcase-eds/components/eds-tag-group", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
94
95
  { "id": "eds-timeline", "label": "Timeline", "group": "Components", "angularUrl": "/showcase-eds/components/eds-timeline", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
95
- { "id": "eds-timepicker", "label": "Timepicker", "group": "Components", "angularUrl": "/showcase-eds/components/eds-timepicker", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": true } },
96
+ { "id": "eds-timepicker", "label": "Timepicker", "group": "Components", "angularUrl": "/showcase-eds/components/eds-timepicker", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
96
97
  { "id": "eds-toggle", "label": "Toggle", "group": "Components", "angularUrl": "/showcase-eds/components/eds-toggle", "category": "atom", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
97
- { "id": "eds-tree", "label": "Tree", "group": "Components", "angularUrl": "/showcase-eds/components/eds-tree", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": true } },
98
- { "id": "eds-tree-list", "label": "Tree List", "group": "Components", "angularUrl": "/showcase-eds/components/eds-tree-list", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": true } },
99
- { "id": "eds-wizard", "label": "Wizard", "group": "Components", "angularUrl": "/showcase-eds/components/eds-wizard", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": true } },
98
+ { "id": "eds-tree", "label": "Tree", "group": "Components", "angularUrl": "/showcase-eds/components/eds-tree", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
99
+ { "id": "eds-tree-list", "label": "Tree List", "group": "Components", "angularUrl": "/showcase-eds/components/eds-tree-list", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
100
+ { "id": "eds-wizard", "label": "Wizard", "group": "Components", "angularUrl": "/showcase-eds/components/eds-wizard", "category": "content", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": true, "webcomponents": true } },
100
101
 
101
102
  { "id": "eds-text-truncate", "label": "edsTextTruncate", "group": "Directives", "angularUrl": "/showcase-eds/components/eds-text-truncate", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": false } },
102
103
  { "id": "eds-clearable", "label": "edsClearable", "group": "Directives", "angularUrl": "/showcase-eds/components/eds-clearable", "status": "DEMO", "statusColorVariant": "danger", "figmaLink": "", "availability": { "angular": true, "react": false, "webcomponents": false } },