dap-design-system 0.53.0 → 0.53.2

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.
@@ -14,136 +14,163 @@
14
14
  ]
15
15
  },
16
16
  {
17
- "name": "dap-ds-anchor-heading",
18
- "description": "Anchor heading is a heading with an anchor link.\n---\n\n\n### **CSS Properties:**\n - **--dds-anchor-link-color** - The color of the anchor link (default: var(--dds-color-primary)) _(default: undefined)_\n- **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered (default: 0) _(default: undefined)_\n- **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered (default: 1) _(default: undefined)_\n- **--dds-anchor-link-transition** - The transition property for the anchor link opacity (default: opacity 0.2s ease-in-out) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main anchor heading container.\n- **link** - The link of the anchor heading. dap-ds-link element.\n- **link-base** - The base of the link part.\n- **text** - The text of the anchor heading.",
17
+ "name": "dap-ds-accordion-group",
18
+ "description": "An accordion group is a collection of accordion components.\n---\n\n\n### **Slots:**\n - _default_ - The content of the accordion group.\n\n### **CSS Properties:**\n - **--dds-accordion-group-spacing** - Controls the gap between accordion items (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-accordion-group-border-color** - Controls the border color (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-accordion-group-border-width** - Controls the border width (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-accordion-group-border-radius** - Controls the border radius (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-accordion-group-background** - Controls the background color (default: transparent) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main accordion group container.",
19
19
  "attributes": [
20
20
  {
21
- "name": "variant",
22
- "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
23
- "values": [{ "name": "HeadingVariant" }]
21
+ "name": "autoClose",
22
+ "description": "Whether to close other accordions when one is opened.",
23
+ "values": []
24
24
  },
25
25
  {
26
- "name": "label",
27
- "description": "The label of the heading.",
28
- "values": []
26
+ "name": "variant",
27
+ "description": "The variant of the accordion",
28
+ "values": [
29
+ { "name": "default" },
30
+ { "name": "collapsed" },
31
+ { "name": "clean" },
32
+ { "name": "clean-collapsed" }
33
+ ]
29
34
  }
30
35
  ],
31
36
  "references": [
32
37
  {
33
38
  "name": "Documentation",
34
- "url": "https://shoelace.style/components/anchor-heading"
39
+ "url": "https://shoelace.style/components/accordion-group"
35
40
  }
36
41
  ]
37
42
  },
38
43
  {
39
- "name": "dap-ds-avatar-group",
40
- "description": "Avatar group component displays multiple avatars in an organized layout with overflow management.\n---\n\n\n### **Events:**\n - **dds-overflow-click** - Fired when the overflow indicator is clicked.\n\n### **Slots:**\n - _default_ - The avatars to display in the group.\n\n### **CSS Properties:**\n - **--dds-avatar-group-gap** - Gap between avatars in grid layout (default: 0) _(default: undefined)_\n- **--dds-avatar-group-overlap** - Overlap amount for stacked layout (default: -8px) _(default: undefined)_\n- **--dds-avatar-group-border-width** - Border width for avatars (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-avatar-group-border-color** - Border color for avatars (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-avatar-group-overflow-bg** - Background color for overflow indicator (default: var(--dds-neutral-300)) _(default: undefined)_\n- **--dds-avatar-group-overflow-color** - Text color for overflow indicator (default: var(--dds-neutral-700)) _(default: undefined)_\n- **--dds-avatar-group-overflow-border** - Border for overflow indicator (default: var(--dds-avatar-group-border-width) solid var(--dds-avatar-group-border-color)) _(default: undefined)_\n- **--dds-avatar-group-size-lg** - Size for large avatars (default: var(--dds-spacing-2000)) _(default: undefined)_\n- **--dds-avatar-group-size-md** - Size for medium avatars (default: var(--dds-spacing-1600)) _(default: undefined)_\n- **--dds-avatar-group-size-sm** - Size for small avatars (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-avatar-group-size-xs** - Size for extra small avatars (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-avatar-group-size-xxs** - Size for extra extra small avatars (default: var(--dds-spacing-400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container of the avatar group.\n- **avatars** - The container for the visible avatars.\n- **overflow** - The overflow indicator element.",
44
+ "name": "dap-ds-avatar",
45
+ "description": "Avatar component can be used to display user profile images, initials, or icons.\n---\n\n\n### **Events:**\n - **dds-load** - Fired when the image loads successfully.\n- **dds-error** - Fired when the image fails to load.\n\n### **Slots:**\n - **icon** - The icon to display when variant is 'icon'.\n- **fallback** - Custom fallback content when image fails to load.\n\n### **CSS Properties:**\n - **--dds-avatar-border-radius** - The border radius of the avatar (default: 50%) _(default: undefined)_\n- **--dds-avatar-background-color** - The background color of the avatar (default: var(--dds-neutral-200)) _(default: undefined)_\n- **--dds-avatar-border-width** - The border width of the avatar (default: 0) _(default: undefined)_\n- **--dds-avatar-border-color** - The color of the avatar's border (default: transparent) _(default: undefined)_\n- **--dds-avatar-border-style** - The style of the avatar's border (default: solid) _(default: undefined)_\n- **--dds-avatar-transition** - The transition property for the avatar (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-avatar-text-color** - The text color for initials (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-avatar-font-weight** - The font weight for initials (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-avatar-lg-size** - Size for large avatars (default: var(--dds-avatar-size-lg)) _(default: undefined)_\n- **--dds-avatar-md-size** - Size for medium avatars (default: var(--dds-avatar-size-md)) _(default: undefined)_\n- **--dds-avatar-sm-size** - Size for small avatars (default: var(--dds-avatar-size-sm)) _(default: undefined)_\n- **--dds-avatar-xs-size** - Size for extra small avatars (default: var(--dds-avatar-size-xs)) _(default: undefined)_\n- **--dds-avatar-xxs-size** - Size for extra extra small avatars (default: var(--dds-avatar-size-xxs)) _(default: undefined)_\n- **--dds-avatar-font-size-lg** - Font size for large avatars (default: var(--dds-font-2xl)) _(default: undefined)_\n- **--dds-avatar-font-size-md** - Font size for medium avatars (default: var(--dds-font-lg)) _(default: undefined)_\n- **--dds-avatar-font-size-sm** - Font size for small avatars (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-avatar-font-size-xs** - Font size for extra small avatars (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-avatar-font-size-xxs** - Font size for extra extra small avatars (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-avatar-hover-transform** - Transform applied on hover for interactive avatars (default: scale(1.05)) _(default: undefined)_\n- **--dds-avatar-active-transform** - Transform applied when active for interactive avatars (default: scale(0.95)) _(default: undefined)_\n- **--dds-avatar-focus-ring** - Focus ring style for interactive avatars (default: 0 0 0 2px var(--dds-focus-outer-ring)) _(default: undefined)_\n- **--dds-avatar-loading-background** - Background color when loading (default: var(--dds-neutral-100)) _(default: undefined)_\n- **--dds-avatar-error-background** - Background color when image fails to load (default: var(--dds-negative-100)) _(default: undefined)_\n- **--dds-avatar-error-color** - Text color when image fails to load (default: var(--dds-negative-600)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main avatar container.\n- **img** - The avatar image.\n- **initials** - The initials container.\n- **icon** - The icon container.\n- **fallback** - The fallback content container.\n- **loading** - The loading indicator.",
41
46
  "attributes": [
42
47
  {
43
- "name": "layout",
44
- "description": "Layout type for the avatar group",
45
- "values": [{ "name": "stack" }, { "name": "grid" }]
48
+ "name": "shape",
49
+ "description": "The shape of the avatar",
50
+ "values": [
51
+ { "name": "circle" },
52
+ { "name": "rounded" },
53
+ { "name": "square" }
54
+ ]
46
55
  },
47
56
  {
48
- "name": "max",
49
- "description": "Maximum number of avatars to show before showing overflow",
57
+ "name": "variant",
58
+ "description": "The variant type of the avatar",
59
+ "values": [
60
+ { "name": "image" },
61
+ { "name": "initials" },
62
+ { "name": "icon" }
63
+ ]
64
+ },
65
+ {
66
+ "name": "src",
67
+ "description": "The source of the avatar image",
50
68
  "values": []
51
69
  },
52
70
  {
53
- "name": "show-total",
54
- "description": "Whether to show the total count in overflow indicator",
71
+ "name": "alt",
72
+ "description": "The alt text of the avatar",
55
73
  "values": []
56
74
  },
57
75
  {
58
- "name": "interactive-overflow",
59
- "description": "Interactive overflow indicator",
76
+ "name": "initials",
77
+ "description": "The initials to display when variant is 'initials'",
60
78
  "values": []
61
79
  },
62
80
  {
63
81
  "name": "label",
64
- "description": "Accessible label for the avatar group",
82
+ "description": "Accessible label for the avatar",
65
83
  "values": []
66
84
  },
67
85
  {
68
- "name": "overflow-label",
69
- "description": "Accessible label for the overflow indicator",
86
+ "name": "loading",
87
+ "description": "Loading state indicator",
88
+ "values": []
89
+ },
90
+ {
91
+ "name": "interactive",
92
+ "description": "Whether the avatar is interactive (clickable)",
93
+ "values": []
94
+ },
95
+ {
96
+ "name": "width",
97
+ "description": "The width of the avatar. This will override the size",
98
+ "values": []
99
+ },
100
+ {
101
+ "name": "height",
102
+ "description": "The height of the avatar. This will override the size",
70
103
  "values": []
71
104
  }
72
105
  ],
73
106
  "references": [
74
107
  {
75
108
  "name": "Documentation",
76
- "url": "https://shoelace.style/components/avatar-group"
109
+ "url": "https://shoelace.style/components/avatar"
77
110
  }
78
111
  ]
79
112
  },
80
113
  {
81
- "name": "dap-ds-accordion-group",
82
- "description": "An accordion group is a collection of accordion components.\n---\n\n\n### **Slots:**\n - _default_ - The content of the accordion group.\n\n### **CSS Properties:**\n - **--dds-accordion-group-spacing** - Controls the gap between accordion items (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-accordion-group-border-color** - Controls the border color (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-accordion-group-border-width** - Controls the border width (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-accordion-group-border-radius** - Controls the border radius (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-accordion-group-background** - Controls the background color (default: transparent) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main accordion group container.",
114
+ "name": "dap-ds-anchor-heading",
115
+ "description": "Anchor heading is a heading with an anchor link.\n---\n\n\n### **CSS Properties:**\n - **--dds-anchor-link-color** - The color of the anchor link (default: var(--dds-color-primary)) _(default: undefined)_\n- **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered (default: 0) _(default: undefined)_\n- **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered (default: 1) _(default: undefined)_\n- **--dds-anchor-link-transition** - The transition property for the anchor link opacity (default: opacity 0.2s ease-in-out) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main anchor heading container.\n- **link** - The link of the anchor heading. dap-ds-link element.\n- **link-base** - The base of the link part.\n- **text** - The text of the anchor heading.",
83
116
  "attributes": [
84
117
  {
85
- "name": "autoClose",
86
- "description": "Whether to close other accordions when one is opened.",
87
- "values": []
118
+ "name": "variant",
119
+ "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
120
+ "values": [{ "name": "HeadingVariant" }]
88
121
  },
89
122
  {
90
- "name": "variant",
91
- "description": "The variant of the accordion",
92
- "values": [
93
- { "name": "default" },
94
- { "name": "collapsed" },
95
- { "name": "clean" },
96
- { "name": "clean-collapsed" }
97
- ]
123
+ "name": "label",
124
+ "description": "The label of the heading.",
125
+ "values": []
98
126
  }
99
127
  ],
100
128
  "references": [
101
129
  {
102
130
  "name": "Documentation",
103
- "url": "https://shoelace.style/components/accordion-group"
131
+ "url": "https://shoelace.style/components/anchor-heading"
104
132
  }
105
133
  ]
106
134
  },
107
135
  {
108
- "name": "dap-ds-banner",
109
- "description": "A banner is a message displayed at the top of the page to provide important information to the user.\n---\n\n\n### **Events:**\n - **dds-close** - Event fired when the banner is closed.\n\n### **Slots:**\n - _default_ - The content of the banner.\n- **actions** - Actions of banner\n- **icon** - The icon of the banner.\n\n### **CSS Properties:**\n - **--dds-banner-gap** - The gap between banner elements (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-banner-line-height** - The line height of the banner text (default: var(--dds-font-line-height-xlarge)) _(default: undefined)_\n- **--dds-banner-transition** - The transition property for the banner (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-banner-brand-background** - The background color of the brand banner (default: var(--dds-banner-background-brand)) _(default: undefined)_\n- **--dds-banner-brand-icon-color** - The color of the brand banner icon (default: var(--dds-banner-icon-brand)) _(default: undefined)_\n- **--dds-banner-brand-text-color** - The text color of the brand banner (default: var(--dds-banner-text-brand)) _(default: undefined)_\n- **--dds-banner-brand-action-color** - The color of the brand banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-info-background** - The background color of the info banner (default: var(--dds-banner-background-informative)) _(default: undefined)_\n- **--dds-banner-info-icon-color** - The color of the info banner icon (default: var(--dds-banner-icon-informative)) _(default: undefined)_\n- **--dds-banner-info-text-color** - The text color of the info banner (default: var(--dds-banner-text-informative)) _(default: undefined)_\n- **--dds-banner-info-action-color** - The color of the info banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-positive-background** - The background color of the positive banner (default: var(--dds-banner-background-positive)) _(default: undefined)_\n- **--dds-banner-positive-icon-color** - The color of the positive banner icon (default: var(--dds-banner-icon-positive)) _(default: undefined)_\n- **--dds-banner-positive-text-color** - The text color of the positive banner (default: var(--dds-banner-text-positive)) _(default: undefined)_\n- **--dds-banner-positive-action-color** - The color of the positive banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-warning-background** - The background color of the warning banner (default: var(--dds-banner-background-warning)) _(default: undefined)_\n- **--dds-banner-warning-icon-color** - The color of the warning banner icon (default: var(--dds-banner-icon-warning)) _(default: undefined)_\n- **--dds-banner-warning-text-color** - The text color of the warning banner (default: var(--dds-banner-text-warning)) _(default: undefined)_\n- **--dds-banner-warning-action-color** - The color of the warning banner actions (default: var(--dds-banner-action-inverted-enabled)) _(default: undefined)_\n- **--dds-banner-negative-background** - The background color of the negative banner (default: var(--dds-banner-background-negative)) _(default: undefined)_\n- **--dds-banner-negative-icon-color** - The color of the negative banner icon (default: var(--dds-banner-icon-negative)) _(default: undefined)_\n- **--dds-banner-negative-text-color** - The text color of the negative banner (default: var(--dds-banner-text-negative)) _(default: undefined)_\n- **--dds-banner-negative-action-color** - The color of the negative banner actions (default: var(--dds-banner-action-inverted-enabled)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main banner container.\n- **card-base** - The wrapper card container.\n- **icon** - The icon of the banner.\n- **icon-element** - The icon element of the banner.\n- **icon-base** - The base of the icon.\n- **closebutton** - The close button of the banner.\n- **close-icon-element** - The icon element of the close button.\n- **close-icon-base** - The base of the close button icon.\n- **actions** - The actions of the banner.\n- **title** - The title of the banner.",
136
+ "name": "dap-ds-avatar-group",
137
+ "description": "Avatar group component displays multiple avatars in an organized layout with overflow management.\n---\n\n\n### **Events:**\n - **dds-overflow-click** - Fired when the overflow indicator is clicked.\n\n### **Slots:**\n - _default_ - The avatars to display in the group.\n\n### **CSS Properties:**\n - **--dds-avatar-group-gap** - Gap between avatars in grid layout (default: 0) _(default: undefined)_\n- **--dds-avatar-group-overlap** - Overlap amount for stacked layout (default: -8px) _(default: undefined)_\n- **--dds-avatar-group-border-width** - Border width for avatars (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-avatar-group-border-color** - Border color for avatars (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-avatar-group-overflow-bg** - Background color for overflow indicator (default: var(--dds-neutral-300)) _(default: undefined)_\n- **--dds-avatar-group-overflow-color** - Text color for overflow indicator (default: var(--dds-neutral-700)) _(default: undefined)_\n- **--dds-avatar-group-overflow-border** - Border for overflow indicator (default: var(--dds-avatar-group-border-width) solid var(--dds-avatar-group-border-color)) _(default: undefined)_\n- **--dds-avatar-group-size-lg** - Size for large avatars (default: var(--dds-spacing-2000)) _(default: undefined)_\n- **--dds-avatar-group-size-md** - Size for medium avatars (default: var(--dds-spacing-1600)) _(default: undefined)_\n- **--dds-avatar-group-size-sm** - Size for small avatars (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-avatar-group-size-xs** - Size for extra small avatars (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-avatar-group-size-xxs** - Size for extra extra small avatars (default: var(--dds-spacing-400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container of the avatar group.\n- **avatars** - The container for the visible avatars.\n- **overflow** - The overflow indicator element.",
110
138
  "attributes": [
111
139
  {
112
- "name": "variant",
113
- "description": "The variant of the banner",
114
- "values": [
115
- { "name": "brand" },
116
- { "name": "positive" },
117
- { "name": "info" },
118
- { "name": "warning" },
119
- { "name": "negative" }
120
- ]
140
+ "name": "layout",
141
+ "description": "Layout type for the avatar group",
142
+ "values": [{ "name": "stack" }, { "name": "grid" }]
121
143
  },
122
144
  {
123
- "name": "closeable",
124
- "description": "Whether the banner is closeable",
145
+ "name": "max",
146
+ "description": "Maximum number of avatars to show before showing overflow",
125
147
  "values": []
126
148
  },
127
149
  {
128
- "name": "opened",
129
- "description": "State of the banner. If false banner is hidden",
150
+ "name": "show-total",
151
+ "description": "Whether to show the total count in overflow indicator",
130
152
  "values": []
131
153
  },
132
154
  {
133
- "name": "closeButtonLabel",
134
- "description": "The aria-label for the close button",
155
+ "name": "interactive-overflow",
156
+ "description": "Interactive overflow indicator",
135
157
  "values": []
136
158
  },
137
159
  {
138
- "name": "icon",
139
- "description": "The icon of the banner, this is a name of a built icon icon",
160
+ "name": "label",
161
+ "description": "Accessible label for the avatar group",
162
+ "values": []
163
+ },
164
+ {
165
+ "name": "overflow-label",
166
+ "description": "Accessible label for the overflow indicator",
140
167
  "values": []
141
168
  }
142
169
  ],
143
170
  "references": [
144
171
  {
145
172
  "name": "Documentation",
146
- "url": "https://shoelace.style/components/banner"
173
+ "url": "https://shoelace.style/components/avatar-group"
147
174
  }
148
175
  ]
149
176
  },
@@ -182,72 +209,45 @@
182
209
  ]
183
210
  },
184
211
  {
185
- "name": "dap-ds-avatar",
186
- "description": "Avatar component can be used to display user profile images, initials, or icons.\n---\n\n\n### **Events:**\n - **dds-load** - Fired when the image loads successfully.\n- **dds-error** - Fired when the image fails to load.\n\n### **Slots:**\n - **icon** - The icon to display when variant is 'icon'.\n- **fallback** - Custom fallback content when image fails to load.\n\n### **CSS Properties:**\n - **--dds-avatar-border-radius** - The border radius of the avatar (default: 50%) _(default: undefined)_\n- **--dds-avatar-background-color** - The background color of the avatar (default: var(--dds-neutral-200)) _(default: undefined)_\n- **--dds-avatar-border-width** - The border width of the avatar (default: 0) _(default: undefined)_\n- **--dds-avatar-border-color** - The color of the avatar's border (default: transparent) _(default: undefined)_\n- **--dds-avatar-border-style** - The style of the avatar's border (default: solid) _(default: undefined)_\n- **--dds-avatar-transition** - The transition property for the avatar (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-avatar-text-color** - The text color for initials (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-avatar-font-weight** - The font weight for initials (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-avatar-lg-size** - Size for large avatars (default: var(--dds-avatar-size-lg)) _(default: undefined)_\n- **--dds-avatar-md-size** - Size for medium avatars (default: var(--dds-avatar-size-md)) _(default: undefined)_\n- **--dds-avatar-sm-size** - Size for small avatars (default: var(--dds-avatar-size-sm)) _(default: undefined)_\n- **--dds-avatar-xs-size** - Size for extra small avatars (default: var(--dds-avatar-size-xs)) _(default: undefined)_\n- **--dds-avatar-xxs-size** - Size for extra extra small avatars (default: var(--dds-avatar-size-xxs)) _(default: undefined)_\n- **--dds-avatar-font-size-lg** - Font size for large avatars (default: var(--dds-font-2xl)) _(default: undefined)_\n- **--dds-avatar-font-size-md** - Font size for medium avatars (default: var(--dds-font-lg)) _(default: undefined)_\n- **--dds-avatar-font-size-sm** - Font size for small avatars (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-avatar-font-size-xs** - Font size for extra small avatars (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-avatar-font-size-xxs** - Font size for extra extra small avatars (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-avatar-hover-transform** - Transform applied on hover for interactive avatars (default: scale(1.05)) _(default: undefined)_\n- **--dds-avatar-active-transform** - Transform applied when active for interactive avatars (default: scale(0.95)) _(default: undefined)_\n- **--dds-avatar-focus-ring** - Focus ring style for interactive avatars (default: 0 0 0 2px var(--dds-focus-outer-ring)) _(default: undefined)_\n- **--dds-avatar-loading-background** - Background color when loading (default: var(--dds-neutral-100)) _(default: undefined)_\n- **--dds-avatar-error-background** - Background color when image fails to load (default: var(--dds-negative-100)) _(default: undefined)_\n- **--dds-avatar-error-color** - Text color when image fails to load (default: var(--dds-negative-600)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main avatar container.\n- **img** - The avatar image.\n- **initials** - The initials container.\n- **icon** - The icon container.\n- **fallback** - The fallback content container.\n- **loading** - The loading indicator.",
212
+ "name": "dap-ds-banner",
213
+ "description": "A banner is a message displayed at the top of the page to provide important information to the user.\n---\n\n\n### **Events:**\n - **dds-close** - Event fired when the banner is closed.\n\n### **Slots:**\n - _default_ - The content of the banner.\n- **actions** - Actions of banner\n- **icon** - The icon of the banner.\n\n### **CSS Properties:**\n - **--dds-banner-gap** - The gap between banner elements (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-banner-line-height** - The line height of the banner text (default: var(--dds-font-line-height-xlarge)) _(default: undefined)_\n- **--dds-banner-transition** - The transition property for the banner (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-banner-brand-background** - The background color of the brand banner (default: var(--dds-banner-background-brand)) _(default: undefined)_\n- **--dds-banner-brand-icon-color** - The color of the brand banner icon (default: var(--dds-banner-icon-brand)) _(default: undefined)_\n- **--dds-banner-brand-text-color** - The text color of the brand banner (default: var(--dds-banner-text-brand)) _(default: undefined)_\n- **--dds-banner-brand-action-color** - The color of the brand banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-info-background** - The background color of the info banner (default: var(--dds-banner-background-informative)) _(default: undefined)_\n- **--dds-banner-info-icon-color** - The color of the info banner icon (default: var(--dds-banner-icon-informative)) _(default: undefined)_\n- **--dds-banner-info-text-color** - The text color of the info banner (default: var(--dds-banner-text-informative)) _(default: undefined)_\n- **--dds-banner-info-action-color** - The color of the info banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-positive-background** - The background color of the positive banner (default: var(--dds-banner-background-positive)) _(default: undefined)_\n- **--dds-banner-positive-icon-color** - The color of the positive banner icon (default: var(--dds-banner-icon-positive)) _(default: undefined)_\n- **--dds-banner-positive-text-color** - The text color of the positive banner (default: var(--dds-banner-text-positive)) _(default: undefined)_\n- **--dds-banner-positive-action-color** - The color of the positive banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-warning-background** - The background color of the warning banner (default: var(--dds-banner-background-warning)) _(default: undefined)_\n- **--dds-banner-warning-icon-color** - The color of the warning banner icon (default: var(--dds-banner-icon-warning)) _(default: undefined)_\n- **--dds-banner-warning-text-color** - The text color of the warning banner (default: var(--dds-banner-text-warning)) _(default: undefined)_\n- **--dds-banner-warning-action-color** - The color of the warning banner actions (default: var(--dds-banner-action-inverted-enabled)) _(default: undefined)_\n- **--dds-banner-negative-background** - The background color of the negative banner (default: var(--dds-banner-background-negative)) _(default: undefined)_\n- **--dds-banner-negative-icon-color** - The color of the negative banner icon (default: var(--dds-banner-icon-negative)) _(default: undefined)_\n- **--dds-banner-negative-text-color** - The text color of the negative banner (default: var(--dds-banner-text-negative)) _(default: undefined)_\n- **--dds-banner-negative-action-color** - The color of the negative banner actions (default: var(--dds-banner-action-inverted-enabled)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main banner container.\n- **card-base** - The wrapper card container.\n- **icon** - The icon of the banner.\n- **icon-element** - The icon element of the banner.\n- **icon-base** - The base of the icon.\n- **closebutton** - The close button of the banner.\n- **close-icon-element** - The icon element of the close button.\n- **close-icon-base** - The base of the close button icon.\n- **actions** - The actions of the banner.\n- **title** - The title of the banner.",
187
214
  "attributes": [
188
- {
189
- "name": "shape",
190
- "description": "The shape of the avatar",
191
- "values": [
192
- { "name": "circle" },
193
- { "name": "rounded" },
194
- { "name": "square" }
195
- ]
196
- },
197
215
  {
198
216
  "name": "variant",
199
- "description": "The variant type of the avatar",
217
+ "description": "The variant of the banner",
200
218
  "values": [
201
- { "name": "image" },
202
- { "name": "initials" },
203
- { "name": "icon" }
219
+ { "name": "brand" },
220
+ { "name": "positive" },
221
+ { "name": "info" },
222
+ { "name": "warning" },
223
+ { "name": "negative" }
204
224
  ]
205
225
  },
206
226
  {
207
- "name": "src",
208
- "description": "The source of the avatar image",
209
- "values": []
210
- },
211
- {
212
- "name": "alt",
213
- "description": "The alt text of the avatar",
214
- "values": []
215
- },
216
- {
217
- "name": "initials",
218
- "description": "The initials to display when variant is 'initials'",
219
- "values": []
220
- },
221
- {
222
- "name": "label",
223
- "description": "Accessible label for the avatar",
224
- "values": []
225
- },
226
- {
227
- "name": "loading",
228
- "description": "Loading state indicator",
227
+ "name": "closeable",
228
+ "description": "Whether the banner is closeable",
229
229
  "values": []
230
230
  },
231
231
  {
232
- "name": "interactive",
233
- "description": "Whether the avatar is interactive (clickable)",
232
+ "name": "opened",
233
+ "description": "State of the banner. If false banner is hidden",
234
234
  "values": []
235
235
  },
236
236
  {
237
- "name": "width",
238
- "description": "The width of the avatar. This will override the size",
237
+ "name": "closeButtonLabel",
238
+ "description": "The aria-label for the close button",
239
239
  "values": []
240
240
  },
241
241
  {
242
- "name": "height",
243
- "description": "The height of the avatar. This will override the size",
242
+ "name": "icon",
243
+ "description": "The icon of the banner, this is a name of a built icon icon",
244
244
  "values": []
245
245
  }
246
246
  ],
247
247
  "references": [
248
248
  {
249
249
  "name": "Documentation",
250
- "url": "https://shoelace.style/components/avatar"
250
+ "url": "https://shoelace.style/components/banner"
251
251
  }
252
252
  ]
253
253
  },
@@ -1271,11 +1271,41 @@
1271
1271
  "name": "dap-ds-datepicker",
1272
1272
  "description": "A datepicker is a graphical user interface widget that allows the user to select a date from a calendar and/or time from a time range.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the datepicker value changes.\n- **dds-input** - Fired when the datepicker input value changes.\n- **dds-valid-date** - Fired when the datepicker input value is valid. Happens on manual input typing.\n- **dds-invalid-date** - Fired when the datepicker input value is invalid. Happens on manual input typing.\n- **dds-clear** - Fired when the datepicker is cleared.\n- **dds-focus** - Emitted when the datepicker gains focus.\n- **dds-blur** - Emitted when the datepicker loses focus.\n\n### **CSS Properties:**\n - **--dds-combobox-background** - The background color of the combobox. (default: var(--dds-fields-background-default)) _(default: undefined)_\n- **--dds-combobox-border-color** - The border color of the combobox. (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-combobox-border-width** - The border width of the combobox. (default: var(--dds-border-width-base, 1px)) _(default: undefined)_\n- **--dds-combobox-border-radius** - The border radius of the combobox. (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-combobox-text-color** - The text color of the combobox. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-combobox-placeholder-color** - The placeholder text color. (default: var(--dds-text-neutral-subtle)) _(default: undefined)_\n- **--dds-combobox-disabled-background** - The background color when disabled. (default: var(--dds-background-neutral-stronger)) _(default: undefined)_\n- **--dds-combobox-disabled-text** - The text color when disabled. (default: var(--dds-text-neutral-disabled)) _(default: undefined)_\n- **--dds-combobox-error-border** - The border color for error state. (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-combobox-success-border** - The border color for success state. (default: var(--dds-border-positive-base)) _(default: undefined)_\n- **--dds-combobox-icon-color** - The color of the icons. (default: var(--dds-text-icon-neutral-subtle)) _(default: undefined)_\n- **--dds-combobox-clear-icon-color** - The color of the clear icon. (default: var(--dds-button-subtle-icon-neutral-enabled)) _(default: undefined)_\n- **--dds-combobox-popup-background** - The background color of the popup. (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-combobox-popup-shadow** - The box shadow of the popup. (default: 0 4px 6px -1px rgb(0 0 0 / 8%), 0 2px 4px -1px rgb(0 0 0 / 6%)) _(default: undefined)_\n- **--dds-combobox-padding-xs** - The padding for extra small size. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-combobox-padding-sm** - The padding for small size. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-combobox-padding-lg** - The padding for large size. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-combobox-padding-horizontal** - The horizontal padding. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-combobox-padding-vertical** - The vertical padding. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-combobox-gap** - The gap between elements. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-combobox-icon-gap** - The gap between icons. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-combobox-action-gap** - The gap between action elements. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-combobox-action-padding** - The padding for action elements. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-combobox-clear-icon-width** - The width of the clear icon. (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-combobox-dropdown-icon-right** - The right position of the dropdown icon. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-combobox-min-width** - The minimum width of the combobox. (default: 7.5rem) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main datepicker container.\n- **calendar** - The calendar of the datepicker.\n- **trigger** - The trigger button of the datepicker.\n- **label** - The label of the datepicker.\n- **description** - The description of the datepicker.\n- **feedback** - The feedback of the datepicker.\n- **tooltip** - The tooltip of the datepicker.\n- **input** - The input of the datepicker.\n- **clear-button** - The clear button of the datepicker.\n- **calendar-grid-cell-base** - The base of the calendar grid cell.\n- **calendar-grid-cell** - The cell of the calendar grid.\n- **calendar-grid-header-cell-base** - The base of the calendar grid header cell.\n- **calendar-grid-header-cell** - The header cell of the calendar grid.\n- **calendar-grid-cell-today-mark** - The today mark of the calendar grid cell.",
1273
1273
  "attributes": [
1274
+ {
1275
+ "name": "value",
1276
+ "description": "The value of the datepicker.",
1277
+ "values": [{ "name": "Dayjs" }]
1278
+ },
1274
1279
  {
1275
1280
  "name": "mode",
1276
1281
  "description": "The mode of the datepicker - single date or range selection.",
1277
1282
  "values": [{ "name": "single" }, { "name": "range" }]
1278
1283
  },
1284
+ {
1285
+ "name": "currentDate",
1286
+ "description": "The current visible date (month and year) of the calendar. Only the month and year are considered.",
1287
+ "values": [{ "name": "Dayjs" }, { "name": "Date" }]
1288
+ },
1289
+ {
1290
+ "name": "minDate",
1291
+ "description": "The minimum date (month and year) of the datepicker. Only the month and year are considered.",
1292
+ "values": [{ "name": "Dayjs" }, { "name": "Date" }]
1293
+ },
1294
+ {
1295
+ "name": "maxDate",
1296
+ "description": "The maximum date (month and year) of the datepicker. Only the month and year are considered.",
1297
+ "values": [{ "name": "Dayjs" }, { "name": "Date" }]
1298
+ },
1299
+ {
1300
+ "name": "rangeStart",
1301
+ "description": "The start date of the range selection (only used in range mode).",
1302
+ "values": [{ "name": "Dayjs" }, { "name": "Date" }]
1303
+ },
1304
+ {
1305
+ "name": "rangeEnd",
1306
+ "description": "The end date of the range selection (only used in range mode).",
1307
+ "values": [{ "name": "Dayjs" }, { "name": "Date" }]
1308
+ },
1279
1309
  {
1280
1310
  "name": "placement",
1281
1311
  "description": "The placement of the dropdown of the datepicker.",
@@ -3129,17 +3159,6 @@
3129
3159
  { "name": "inverted" }
3130
3160
  ]
3131
3161
  },
3132
- {
3133
- "name": "size",
3134
- "description": "The size of the spinner. Default is `lg`. See SizedMixin.",
3135
- "values": [
3136
- { "name": "xxs" },
3137
- { "name": "xs" },
3138
- { "name": "sm" },
3139
- { "name": "md" },
3140
- { "name": "lg" }
3141
- ]
3142
- },
3143
3162
  {
3144
3163
  "name": "staticSize",
3145
3164
  "description": "The size of the spinner in pixels. This overrides the size attribute",
@@ -5012,7 +5031,7 @@
5012
5031
  ]
5013
5032
  },
5014
5033
  {
5015
- "name": "dap-ds-icon-account-circle-fill",
5034
+ "name": "dap-ds-icon-add-line",
5016
5035
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5017
5036
  "attributes": [
5018
5037
  {
@@ -5039,12 +5058,12 @@
5039
5058
  "references": [
5040
5059
  {
5041
5060
  "name": "Documentation",
5042
- "url": "https://shoelace.style/components/icon-account-circle-fill"
5061
+ "url": "https://shoelace.style/components/icon-add-line"
5043
5062
  }
5044
5063
  ]
5045
5064
  },
5046
5065
  {
5047
- "name": "dap-ds-icon-account-circle-line",
5066
+ "name": "dap-ds-icon-alert-fill",
5048
5067
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5049
5068
  "attributes": [
5050
5069
  {
@@ -5071,12 +5090,12 @@
5071
5090
  "references": [
5072
5091
  {
5073
5092
  "name": "Documentation",
5074
- "url": "https://shoelace.style/components/icon-account-circle-line"
5093
+ "url": "https://shoelace.style/components/icon-alert-fill"
5075
5094
  }
5076
5095
  ]
5077
5096
  },
5078
5097
  {
5079
- "name": "dap-ds-icon-user-line",
5098
+ "name": "dap-ds-icon-alert-line",
5080
5099
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5081
5100
  "attributes": [
5082
5101
  {
@@ -5103,12 +5122,12 @@
5103
5122
  "references": [
5104
5123
  {
5105
5124
  "name": "Documentation",
5106
- "url": "https://shoelace.style/components/icon-user-line"
5125
+ "url": "https://shoelace.style/components/icon-alert-line"
5107
5126
  }
5108
5127
  ]
5109
5128
  },
5110
5129
  {
5111
- "name": "dap-ds-icon-user-fill",
5130
+ "name": "dap-ds-icon-check-line",
5112
5131
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5113
5132
  "attributes": [
5114
5133
  {
@@ -5135,12 +5154,12 @@
5135
5154
  "references": [
5136
5155
  {
5137
5156
  "name": "Documentation",
5138
- "url": "https://shoelace.style/components/icon-user-fill"
5157
+ "url": "https://shoelace.style/components/icon-check-line"
5139
5158
  }
5140
5159
  ]
5141
5160
  },
5142
5161
  {
5143
- "name": "dap-ds-icon-add-line",
5162
+ "name": "dap-ds-icon-check-line2",
5144
5163
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5145
5164
  "attributes": [
5146
5165
  {
@@ -5167,12 +5186,12 @@
5167
5186
  "references": [
5168
5187
  {
5169
5188
  "name": "Documentation",
5170
- "url": "https://shoelace.style/components/icon-add-line"
5189
+ "url": "https://shoelace.style/components/icon-check-line2"
5171
5190
  }
5172
5191
  ]
5173
5192
  },
5174
5193
  {
5175
- "name": "dap-ds-icon-alert-fill",
5194
+ "name": "dap-ds-icon-checkbox-blank-circle-fill",
5176
5195
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5177
5196
  "attributes": [
5178
5197
  {
@@ -5199,12 +5218,12 @@
5199
5218
  "references": [
5200
5219
  {
5201
5220
  "name": "Documentation",
5202
- "url": "https://shoelace.style/components/icon-alert-fill"
5221
+ "url": "https://shoelace.style/components/icon-checkbox-blank-circle-fill"
5203
5222
  }
5204
5223
  ]
5205
5224
  },
5206
5225
  {
5207
- "name": "dap-ds-icon-alert-line",
5226
+ "name": "dap-ds-icon-checkbox-blank-circle-fill-check",
5208
5227
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5209
5228
  "attributes": [
5210
5229
  {
@@ -5231,12 +5250,12 @@
5231
5250
  "references": [
5232
5251
  {
5233
5252
  "name": "Documentation",
5234
- "url": "https://shoelace.style/components/icon-alert-line"
5253
+ "url": "https://shoelace.style/components/icon-checkbox-blank-circle-fill-check"
5235
5254
  }
5236
5255
  ]
5237
5256
  },
5238
5257
  {
5239
- "name": "dap-ds-icon-check-line",
5258
+ "name": "dap-ds-icon-checkbox-blank-circle-line",
5240
5259
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5241
5260
  "attributes": [
5242
5261
  {
@@ -5263,12 +5282,12 @@
5263
5282
  "references": [
5264
5283
  {
5265
5284
  "name": "Documentation",
5266
- "url": "https://shoelace.style/components/icon-check-line"
5285
+ "url": "https://shoelace.style/components/icon-checkbox-blank-circle-line"
5267
5286
  }
5268
5287
  ]
5269
5288
  },
5270
5289
  {
5271
- "name": "dap-ds-icon-check-line2",
5290
+ "name": "dap-ds-icon-checkbox-circle-fill",
5272
5291
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5273
5292
  "attributes": [
5274
5293
  {
@@ -5295,12 +5314,12 @@
5295
5314
  "references": [
5296
5315
  {
5297
5316
  "name": "Documentation",
5298
- "url": "https://shoelace.style/components/icon-check-line2"
5317
+ "url": "https://shoelace.style/components/icon-checkbox-circle-fill"
5299
5318
  }
5300
5319
  ]
5301
5320
  },
5302
5321
  {
5303
- "name": "dap-ds-icon-checkbox-blank-circle-fill",
5322
+ "name": "dap-ds-icon-checkbox-circle-line",
5304
5323
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5305
5324
  "attributes": [
5306
5325
  {
@@ -5327,12 +5346,12 @@
5327
5346
  "references": [
5328
5347
  {
5329
5348
  "name": "Documentation",
5330
- "url": "https://shoelace.style/components/icon-checkbox-blank-circle-fill"
5349
+ "url": "https://shoelace.style/components/icon-checkbox-circle-line"
5331
5350
  }
5332
5351
  ]
5333
5352
  },
5334
5353
  {
5335
- "name": "dap-ds-icon-checkbox-blank-circle-fill-check",
5354
+ "name": "dap-ds-icon-close-circle-fill",
5336
5355
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5337
5356
  "attributes": [
5338
5357
  {
@@ -5359,12 +5378,12 @@
5359
5378
  "references": [
5360
5379
  {
5361
5380
  "name": "Documentation",
5362
- "url": "https://shoelace.style/components/icon-checkbox-blank-circle-fill-check"
5381
+ "url": "https://shoelace.style/components/icon-close-circle-fill"
5363
5382
  }
5364
5383
  ]
5365
5384
  },
5366
5385
  {
5367
- "name": "dap-ds-icon-checkbox-blank-circle-line",
5386
+ "name": "dap-ds-icon-close-circle-line",
5368
5387
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5369
5388
  "attributes": [
5370
5389
  {
@@ -5391,12 +5410,12 @@
5391
5410
  "references": [
5392
5411
  {
5393
5412
  "name": "Documentation",
5394
- "url": "https://shoelace.style/components/icon-checkbox-blank-circle-line"
5413
+ "url": "https://shoelace.style/components/icon-close-circle-line"
5395
5414
  }
5396
5415
  ]
5397
5416
  },
5398
5417
  {
5399
- "name": "dap-ds-icon-checkbox-circle-fill",
5418
+ "name": "dap-ds-icon-close-fill",
5400
5419
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5401
5420
  "attributes": [
5402
5421
  {
@@ -5423,12 +5442,12 @@
5423
5442
  "references": [
5424
5443
  {
5425
5444
  "name": "Documentation",
5426
- "url": "https://shoelace.style/components/icon-checkbox-circle-fill"
5445
+ "url": "https://shoelace.style/components/icon-close-fill"
5427
5446
  }
5428
5447
  ]
5429
5448
  },
5430
5449
  {
5431
- "name": "dap-ds-icon-checkbox-circle-line",
5450
+ "name": "dap-ds-icon-close-line",
5432
5451
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5433
5452
  "attributes": [
5434
5453
  {
@@ -5455,12 +5474,12 @@
5455
5474
  "references": [
5456
5475
  {
5457
5476
  "name": "Documentation",
5458
- "url": "https://shoelace.style/components/icon-checkbox-circle-line"
5477
+ "url": "https://shoelace.style/components/icon-close-line"
5459
5478
  }
5460
5479
  ]
5461
5480
  },
5462
5481
  {
5463
- "name": "dap-ds-icon-close-circle-fill",
5482
+ "name": "dap-ds-icon-delete-bin-fill",
5464
5483
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5465
5484
  "attributes": [
5466
5485
  {
@@ -5487,12 +5506,12 @@
5487
5506
  "references": [
5488
5507
  {
5489
5508
  "name": "Documentation",
5490
- "url": "https://shoelace.style/components/icon-close-circle-fill"
5509
+ "url": "https://shoelace.style/components/icon-delete-bin-fill"
5491
5510
  }
5492
5511
  ]
5493
5512
  },
5494
5513
  {
5495
- "name": "dap-ds-icon-close-circle-line",
5514
+ "name": "dap-ds-icon-delete-bin-line",
5496
5515
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5497
5516
  "attributes": [
5498
5517
  {
@@ -5519,12 +5538,12 @@
5519
5538
  "references": [
5520
5539
  {
5521
5540
  "name": "Documentation",
5522
- "url": "https://shoelace.style/components/icon-close-circle-line"
5541
+ "url": "https://shoelace.style/components/icon-delete-bin-line"
5523
5542
  }
5524
5543
  ]
5525
5544
  },
5526
5545
  {
5527
- "name": "dap-ds-icon-close-fill",
5546
+ "name": "dap-ds-icon-download-line",
5528
5547
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5529
5548
  "attributes": [
5530
5549
  {
@@ -5551,12 +5570,12 @@
5551
5570
  "references": [
5552
5571
  {
5553
5572
  "name": "Documentation",
5554
- "url": "https://shoelace.style/components/icon-close-fill"
5573
+ "url": "https://shoelace.style/components/icon-download-line"
5555
5574
  }
5556
5575
  ]
5557
5576
  },
5558
5577
  {
5559
- "name": "dap-ds-icon-close-line",
5578
+ "name": "dap-ds-icon-error-warning-fill",
5560
5579
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5561
5580
  "attributes": [
5562
5581
  {
@@ -5583,12 +5602,12 @@
5583
5602
  "references": [
5584
5603
  {
5585
5604
  "name": "Documentation",
5586
- "url": "https://shoelace.style/components/icon-close-line"
5605
+ "url": "https://shoelace.style/components/icon-error-warning-fill"
5587
5606
  }
5588
5607
  ]
5589
5608
  },
5590
5609
  {
5591
- "name": "dap-ds-icon-delete-bin-fill",
5610
+ "name": "dap-ds-icon-error-warning-line",
5592
5611
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5593
5612
  "attributes": [
5594
5613
  {
@@ -5615,12 +5634,12 @@
5615
5634
  "references": [
5616
5635
  {
5617
5636
  "name": "Documentation",
5618
- "url": "https://shoelace.style/components/icon-delete-bin-fill"
5637
+ "url": "https://shoelace.style/components/icon-error-warning-line"
5619
5638
  }
5620
5639
  ]
5621
5640
  },
5622
5641
  {
5623
- "name": "dap-ds-icon-delete-bin-line",
5642
+ "name": "dap-ds-icon-external-link-line",
5624
5643
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5625
5644
  "attributes": [
5626
5645
  {
@@ -5647,12 +5666,12 @@
5647
5666
  "references": [
5648
5667
  {
5649
5668
  "name": "Documentation",
5650
- "url": "https://shoelace.style/components/icon-delete-bin-line"
5669
+ "url": "https://shoelace.style/components/icon-external-link-line"
5651
5670
  }
5652
5671
  ]
5653
5672
  },
5654
5673
  {
5655
- "name": "dap-ds-icon-download-line",
5674
+ "name": "dap-ds-icon-eye-line",
5656
5675
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5657
5676
  "attributes": [
5658
5677
  {
@@ -5679,12 +5698,12 @@
5679
5698
  "references": [
5680
5699
  {
5681
5700
  "name": "Documentation",
5682
- "url": "https://shoelace.style/components/icon-download-line"
5701
+ "url": "https://shoelace.style/components/icon-eye-line"
5683
5702
  }
5684
5703
  ]
5685
5704
  },
5686
5705
  {
5687
- "name": "dap-ds-icon-error-warning-fill",
5706
+ "name": "dap-ds-icon-eye-off-line",
5688
5707
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5689
5708
  "attributes": [
5690
5709
  {
@@ -5711,12 +5730,12 @@
5711
5730
  "references": [
5712
5731
  {
5713
5732
  "name": "Documentation",
5714
- "url": "https://shoelace.style/components/icon-error-warning-fill"
5733
+ "url": "https://shoelace.style/components/icon-eye-off-line"
5715
5734
  }
5716
5735
  ]
5717
5736
  },
5718
5737
  {
5719
- "name": "dap-ds-icon-error-warning-line",
5738
+ "name": "dap-ds-icon-forbid-fill",
5720
5739
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5721
5740
  "attributes": [
5722
5741
  {
@@ -5743,12 +5762,12 @@
5743
5762
  "references": [
5744
5763
  {
5745
5764
  "name": "Documentation",
5746
- "url": "https://shoelace.style/components/icon-error-warning-line"
5765
+ "url": "https://shoelace.style/components/icon-forbid-fill"
5747
5766
  }
5748
5767
  ]
5749
5768
  },
5750
5769
  {
5751
- "name": "dap-ds-icon-external-link-line",
5770
+ "name": "dap-ds-icon-information-2-fill",
5752
5771
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5753
5772
  "attributes": [
5754
5773
  {
@@ -5775,12 +5794,12 @@
5775
5794
  "references": [
5776
5795
  {
5777
5796
  "name": "Documentation",
5778
- "url": "https://shoelace.style/components/icon-external-link-line"
5797
+ "url": "https://shoelace.style/components/icon-information-2-fill"
5779
5798
  }
5780
5799
  ]
5781
5800
  },
5782
5801
  {
5783
- "name": "dap-ds-icon-eye-line",
5802
+ "name": "dap-ds-icon-information-fill",
5784
5803
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5785
5804
  "attributes": [
5786
5805
  {
@@ -5807,12 +5826,12 @@
5807
5826
  "references": [
5808
5827
  {
5809
5828
  "name": "Documentation",
5810
- "url": "https://shoelace.style/components/icon-eye-line"
5829
+ "url": "https://shoelace.style/components/icon-information-fill"
5811
5830
  }
5812
5831
  ]
5813
5832
  },
5814
5833
  {
5815
- "name": "dap-ds-icon-eye-off-line",
5834
+ "name": "dap-ds-icon-information-line",
5816
5835
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5817
5836
  "attributes": [
5818
5837
  {
@@ -5839,12 +5858,12 @@
5839
5858
  "references": [
5840
5859
  {
5841
5860
  "name": "Documentation",
5842
- "url": "https://shoelace.style/components/icon-eye-off-line"
5861
+ "url": "https://shoelace.style/components/icon-information-line"
5843
5862
  }
5844
5863
  ]
5845
5864
  },
5846
5865
  {
5847
- "name": "dap-ds-icon-forbid-fill",
5866
+ "name": "dap-ds-icon-lightbulb-fill",
5848
5867
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5849
5868
  "attributes": [
5850
5869
  {
@@ -5871,12 +5890,12 @@
5871
5890
  "references": [
5872
5891
  {
5873
5892
  "name": "Documentation",
5874
- "url": "https://shoelace.style/components/icon-forbid-fill"
5893
+ "url": "https://shoelace.style/components/icon-lightbulb-fill"
5875
5894
  }
5876
5895
  ]
5877
5896
  },
5878
5897
  {
5879
- "name": "dap-ds-icon-information-2-fill",
5898
+ "name": "dap-ds-icon-loading-spinner",
5880
5899
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5881
5900
  "attributes": [
5882
5901
  {
@@ -5903,12 +5922,12 @@
5903
5922
  "references": [
5904
5923
  {
5905
5924
  "name": "Documentation",
5906
- "url": "https://shoelace.style/components/icon-information-2-fill"
5925
+ "url": "https://shoelace.style/components/icon-loading-spinner"
5907
5926
  }
5908
5927
  ]
5909
5928
  },
5910
5929
  {
5911
- "name": "dap-ds-icon-information-fill",
5930
+ "name": "dap-ds-icon-lock-fill",
5912
5931
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5913
5932
  "attributes": [
5914
5933
  {
@@ -5935,12 +5954,12 @@
5935
5954
  "references": [
5936
5955
  {
5937
5956
  "name": "Documentation",
5938
- "url": "https://shoelace.style/components/icon-information-fill"
5957
+ "url": "https://shoelace.style/components/icon-lock-fill"
5939
5958
  }
5940
5959
  ]
5941
5960
  },
5942
5961
  {
5943
- "name": "dap-ds-icon-information-line",
5962
+ "name": "dap-ds-icon-lock-line",
5944
5963
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5945
5964
  "attributes": [
5946
5965
  {
@@ -5967,12 +5986,12 @@
5967
5986
  "references": [
5968
5987
  {
5969
5988
  "name": "Documentation",
5970
- "url": "https://shoelace.style/components/icon-information-line"
5989
+ "url": "https://shoelace.style/components/icon-lock-line"
5971
5990
  }
5972
5991
  ]
5973
5992
  },
5974
5993
  {
5975
- "name": "dap-ds-icon-lightbulb-fill",
5994
+ "name": "dap-ds-icon-menu-line",
5976
5995
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
5977
5996
  "attributes": [
5978
5997
  {
@@ -5999,12 +6018,12 @@
5999
6018
  "references": [
6000
6019
  {
6001
6020
  "name": "Documentation",
6002
- "url": "https://shoelace.style/components/icon-lightbulb-fill"
6021
+ "url": "https://shoelace.style/components/icon-menu-line"
6003
6022
  }
6004
6023
  ]
6005
6024
  },
6006
6025
  {
6007
- "name": "dap-ds-icon-loading-spinner",
6026
+ "name": "dap-ds-icon-menu-line-s",
6008
6027
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6009
6028
  "attributes": [
6010
6029
  {
@@ -6031,12 +6050,12 @@
6031
6050
  "references": [
6032
6051
  {
6033
6052
  "name": "Documentation",
6034
- "url": "https://shoelace.style/components/icon-loading-spinner"
6053
+ "url": "https://shoelace.style/components/icon-menu-line-s"
6035
6054
  }
6036
6055
  ]
6037
6056
  },
6038
6057
  {
6039
- "name": "dap-ds-icon-lock-fill",
6058
+ "name": "dap-ds-icon-more-2-line",
6040
6059
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6041
6060
  "attributes": [
6042
6061
  {
@@ -6063,12 +6082,12 @@
6063
6082
  "references": [
6064
6083
  {
6065
6084
  "name": "Documentation",
6066
- "url": "https://shoelace.style/components/icon-lock-fill"
6085
+ "url": "https://shoelace.style/components/icon-more-2-line"
6067
6086
  }
6068
6087
  ]
6069
6088
  },
6070
6089
  {
6071
- "name": "dap-ds-icon-lock-line",
6090
+ "name": "dap-ds-icon-more-line",
6072
6091
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6073
6092
  "attributes": [
6074
6093
  {
@@ -6095,12 +6114,12 @@
6095
6114
  "references": [
6096
6115
  {
6097
6116
  "name": "Documentation",
6098
- "url": "https://shoelace.style/components/icon-lock-line"
6117
+ "url": "https://shoelace.style/components/icon-more-line"
6099
6118
  }
6100
6119
  ]
6101
6120
  },
6102
6121
  {
6103
- "name": "dap-ds-icon-menu-line",
6122
+ "name": "dap-ds-icon-search-line",
6104
6123
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6105
6124
  "attributes": [
6106
6125
  {
@@ -6127,12 +6146,12 @@
6127
6146
  "references": [
6128
6147
  {
6129
6148
  "name": "Documentation",
6130
- "url": "https://shoelace.style/components/icon-menu-line"
6149
+ "url": "https://shoelace.style/components/icon-search-line"
6131
6150
  }
6132
6151
  ]
6133
6152
  },
6134
6153
  {
6135
- "name": "dap-ds-icon-menu-line-s",
6154
+ "name": "dap-ds-icon-share-line",
6136
6155
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6137
6156
  "attributes": [
6138
6157
  {
@@ -6159,12 +6178,12 @@
6159
6178
  "references": [
6160
6179
  {
6161
6180
  "name": "Documentation",
6162
- "url": "https://shoelace.style/components/icon-menu-line-s"
6181
+ "url": "https://shoelace.style/components/icon-share-line"
6163
6182
  }
6164
6183
  ]
6165
6184
  },
6166
6185
  {
6167
- "name": "dap-ds-icon-more-2-line",
6186
+ "name": "dap-ds-icon-shield-check-fill",
6168
6187
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6169
6188
  "attributes": [
6170
6189
  {
@@ -6191,12 +6210,12 @@
6191
6210
  "references": [
6192
6211
  {
6193
6212
  "name": "Documentation",
6194
- "url": "https://shoelace.style/components/icon-more-2-line"
6213
+ "url": "https://shoelace.style/components/icon-shield-check-fill"
6195
6214
  }
6196
6215
  ]
6197
6216
  },
6198
6217
  {
6199
- "name": "dap-ds-icon-more-line",
6218
+ "name": "dap-ds-icon-shield-check-line",
6200
6219
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6201
6220
  "attributes": [
6202
6221
  {
@@ -6223,12 +6242,12 @@
6223
6242
  "references": [
6224
6243
  {
6225
6244
  "name": "Documentation",
6226
- "url": "https://shoelace.style/components/icon-more-line"
6245
+ "url": "https://shoelace.style/components/icon-shield-check-line"
6227
6246
  }
6228
6247
  ]
6229
6248
  },
6230
6249
  {
6231
- "name": "dap-ds-icon-search-line",
6250
+ "name": "dap-ds-icon-star-fill",
6232
6251
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6233
6252
  "attributes": [
6234
6253
  {
@@ -6255,12 +6274,12 @@
6255
6274
  "references": [
6256
6275
  {
6257
6276
  "name": "Documentation",
6258
- "url": "https://shoelace.style/components/icon-search-line"
6277
+ "url": "https://shoelace.style/components/icon-star-fill"
6259
6278
  }
6260
6279
  ]
6261
6280
  },
6262
6281
  {
6263
- "name": "dap-ds-icon-share-line",
6282
+ "name": "dap-ds-icon-subtract-line",
6264
6283
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6265
6284
  "attributes": [
6266
6285
  {
@@ -6287,12 +6306,12 @@
6287
6306
  "references": [
6288
6307
  {
6289
6308
  "name": "Documentation",
6290
- "url": "https://shoelace.style/components/icon-share-line"
6309
+ "url": "https://shoelace.style/components/icon-subtract-line"
6291
6310
  }
6292
6311
  ]
6293
6312
  },
6294
6313
  {
6295
- "name": "dap-ds-icon-shield-check-fill",
6314
+ "name": "dap-ds-icon-subtract-line2",
6296
6315
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6297
6316
  "attributes": [
6298
6317
  {
@@ -6319,12 +6338,12 @@
6319
6338
  "references": [
6320
6339
  {
6321
6340
  "name": "Documentation",
6322
- "url": "https://shoelace.style/components/icon-shield-check-fill"
6341
+ "url": "https://shoelace.style/components/icon-subtract-line2"
6323
6342
  }
6324
6343
  ]
6325
6344
  },
6326
6345
  {
6327
- "name": "dap-ds-icon-shield-check-line",
6346
+ "name": "dap-ds-icon-time-fill",
6328
6347
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6329
6348
  "attributes": [
6330
6349
  {
@@ -6351,12 +6370,12 @@
6351
6370
  "references": [
6352
6371
  {
6353
6372
  "name": "Documentation",
6354
- "url": "https://shoelace.style/components/icon-shield-check-line"
6373
+ "url": "https://shoelace.style/components/icon-time-fill"
6355
6374
  }
6356
6375
  ]
6357
6376
  },
6358
6377
  {
6359
- "name": "dap-ds-icon-star-fill",
6378
+ "name": "dap-ds-icon-time-line",
6360
6379
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6361
6380
  "attributes": [
6362
6381
  {
@@ -6383,12 +6402,12 @@
6383
6402
  "references": [
6384
6403
  {
6385
6404
  "name": "Documentation",
6386
- "url": "https://shoelace.style/components/icon-star-fill"
6405
+ "url": "https://shoelace.style/components/icon-time-line"
6387
6406
  }
6388
6407
  ]
6389
6408
  },
6390
6409
  {
6391
- "name": "dap-ds-icon-subtract-line2",
6410
+ "name": "dap-ds-icon-upload-2-fill",
6392
6411
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6393
6412
  "attributes": [
6394
6413
  {
@@ -6415,12 +6434,12 @@
6415
6434
  "references": [
6416
6435
  {
6417
6436
  "name": "Documentation",
6418
- "url": "https://shoelace.style/components/icon-subtract-line2"
6437
+ "url": "https://shoelace.style/components/icon-upload-2-fill"
6419
6438
  }
6420
6439
  ]
6421
6440
  },
6422
6441
  {
6423
- "name": "dap-ds-icon-subtract-line",
6442
+ "name": "dap-ds-icon-upload-2-line",
6424
6443
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6425
6444
  "attributes": [
6426
6445
  {
@@ -6447,12 +6466,12 @@
6447
6466
  "references": [
6448
6467
  {
6449
6468
  "name": "Documentation",
6450
- "url": "https://shoelace.style/components/icon-subtract-line"
6469
+ "url": "https://shoelace.style/components/icon-upload-2-line"
6451
6470
  }
6452
6471
  ]
6453
6472
  },
6454
6473
  {
6455
- "name": "dap-ds-icon-time-fill",
6474
+ "name": "dap-ds-icon-upload-line",
6456
6475
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6457
6476
  "attributes": [
6458
6477
  {
@@ -6479,12 +6498,12 @@
6479
6498
  "references": [
6480
6499
  {
6481
6500
  "name": "Documentation",
6482
- "url": "https://shoelace.style/components/icon-time-fill"
6501
+ "url": "https://shoelace.style/components/icon-upload-line"
6483
6502
  }
6484
6503
  ]
6485
6504
  },
6486
6505
  {
6487
- "name": "dap-ds-icon-time-line",
6506
+ "name": "dap-ds-icon-account-circle-fill",
6488
6507
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6489
6508
  "attributes": [
6490
6509
  {
@@ -6511,12 +6530,12 @@
6511
6530
  "references": [
6512
6531
  {
6513
6532
  "name": "Documentation",
6514
- "url": "https://shoelace.style/components/icon-time-line"
6533
+ "url": "https://shoelace.style/components/icon-account-circle-fill"
6515
6534
  }
6516
6535
  ]
6517
6536
  },
6518
6537
  {
6519
- "name": "dap-ds-icon-upload-2-fill",
6538
+ "name": "dap-ds-icon-account-circle-line",
6520
6539
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6521
6540
  "attributes": [
6522
6541
  {
@@ -6543,12 +6562,12 @@
6543
6562
  "references": [
6544
6563
  {
6545
6564
  "name": "Documentation",
6546
- "url": "https://shoelace.style/components/icon-upload-2-fill"
6565
+ "url": "https://shoelace.style/components/icon-account-circle-line"
6547
6566
  }
6548
6567
  ]
6549
6568
  },
6550
6569
  {
6551
- "name": "dap-ds-icon-upload-2-line",
6570
+ "name": "dap-ds-icon-user-fill",
6552
6571
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6553
6572
  "attributes": [
6554
6573
  {
@@ -6575,12 +6594,12 @@
6575
6594
  "references": [
6576
6595
  {
6577
6596
  "name": "Documentation",
6578
- "url": "https://shoelace.style/components/icon-upload-2-line"
6597
+ "url": "https://shoelace.style/components/icon-user-fill"
6579
6598
  }
6580
6599
  ]
6581
6600
  },
6582
6601
  {
6583
- "name": "dap-ds-icon-upload-line",
6602
+ "name": "dap-ds-icon-user-line",
6584
6603
  "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
6585
6604
  "attributes": [
6586
6605
  {
@@ -6607,7 +6626,7 @@
6607
6626
  "references": [
6608
6627
  {
6609
6628
  "name": "Documentation",
6610
- "url": "https://shoelace.style/components/icon-upload-line"
6629
+ "url": "https://shoelace.style/components/icon-user-line"
6611
6630
  }
6612
6631
  ]
6613
6632
  }