@nldd/design-system 0.8.40 → 0.8.41
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/dist/components/actions/button/button.styles.d.ts.map +1 -1
- package/dist/components/actions/button/button.styles.js +32 -20
- package/dist/components/actions/button/button.styles.js.map +1 -1
- package/dist/components/actions/button-bar/button-bar.styles.d.ts.map +1 -1
- package/dist/components/actions/button-bar/button-bar.styles.js +22 -0
- package/dist/components/actions/button-bar/button-bar.styles.js.map +1 -1
- package/dist/components/actions/button-group/button-group.styles.d.ts.map +1 -1
- package/dist/components/actions/button-group/button-group.styles.js +0 -1
- package/dist/components/actions/button-group/button-group.styles.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +6 -0
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +9 -0
- package/dist/components/actions/icon-button/icon-button.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.js +33 -21
- package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.template.js +1 -1
- package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
- package/dist/components/actions/link/link.styles.d.ts.map +1 -1
- package/dist/components/actions/link/link.styles.js +4 -2
- package/dist/components/actions/link/link.styles.js.map +1 -1
- package/dist/components/actions/split-button/split-button.styles.d.ts.map +1 -1
- package/dist/components/actions/split-button/split-button.styles.js +14 -1
- package/dist/components/actions/split-button/split-button.styles.js.map +1 -1
- package/dist/components/actions/split-button/split-button.template.d.ts.map +1 -1
- package/dist/components/actions/split-button/split-button.template.js +1 -0
- package/dist/components/actions/split-button/split-button.template.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.js +3 -2
- package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
- package/dist/components/components.js +83 -24795
- package/dist/components/content/blockquote/blockquote.styles.d.ts.map +1 -1
- package/dist/components/content/blockquote/blockquote.styles.js +1 -0
- package/dist/components/content/blockquote/blockquote.styles.js.map +1 -1
- package/dist/components/content/code/code.d.ts +58 -0
- package/dist/components/content/code/code.d.ts.map +1 -0
- package/dist/components/content/code/code.js +155 -0
- package/dist/components/content/code/code.js.map +1 -0
- package/dist/components/content/code/code.styles.d.ts +2 -0
- package/dist/components/content/code/code.styles.d.ts.map +1 -0
- package/dist/components/content/code/code.styles.js +105 -0
- package/dist/components/content/code/code.styles.js.map +1 -0
- package/dist/components/content/code/code.template.d.ts +4 -0
- package/dist/components/content/code/code.template.d.ts.map +1 -0
- package/dist/components/content/code/code.template.js +18 -0
- package/dist/components/content/code/code.template.js.map +1 -0
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.d.ts.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +1 -0
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js.map +1 -1
- package/dist/components/content/tag/tag.styles.d.ts.map +1 -1
- package/dist/components/content/tag/tag.styles.js +1 -0
- package/dist/components/content/tag/tag.styles.js.map +1 -1
- package/dist/components/content/tooltip/tooltip.styles.d.ts.map +1 -1
- package/dist/components/content/tooltip/tooltip.styles.js +2 -1
- package/dist/components/content/tooltip/tooltip.styles.js.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.d.ts.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.js +8 -4
- package/dist/components/forms/form-field/form-field.styles.js.map +1 -1
- package/dist/components/index-DMYkp2tq.js +26919 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.styles.d.ts.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.styles.js +11 -9
- package/dist/components/inputs/checkbox/checkbox.styles.js.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.d.ts +77 -0
- package/dist/components/inputs/code-editor/code-editor.d.ts.map +1 -0
- package/dist/components/inputs/code-editor/code-editor.js +163 -0
- package/dist/components/inputs/code-editor/code-editor.js.map +1 -0
- package/dist/components/inputs/code-editor/code-editor.styles.d.ts +2 -0
- package/dist/components/inputs/code-editor/code-editor.styles.d.ts.map +1 -0
- package/dist/components/inputs/code-editor/code-editor.styles.js +110 -0
- package/dist/components/inputs/code-editor/code-editor.styles.js.map +1 -0
- package/dist/components/inputs/code-editor/code-editor.template.d.ts +4 -0
- package/dist/components/inputs/code-editor/code-editor.template.d.ts.map +1 -0
- package/dist/components/inputs/code-editor/code-editor.template.js +24 -0
- package/dist/components/inputs/code-editor/code-editor.template.js.map +1 -0
- package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.js +2 -1
- package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.template.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.template.js +2 -0
- package/dist/components/inputs/combo-box/combo-box.template.js.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.js +2 -1
- package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +2 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -1
- package/dist/components/inputs/number-field/number-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/number-field/number-field.styles.js +2 -1
- package/dist/components/inputs/number-field/number-field.styles.js.map +1 -1
- package/dist/components/inputs/number-field/number-field.template.d.ts.map +1 -1
- package/dist/components/inputs/number-field/number-field.template.js +2 -0
- package/dist/components/inputs/number-field/number-field.template.js.map +1 -1
- package/dist/components/inputs/password-field/password-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.styles.js +2 -1
- package/dist/components/inputs/password-field/password-field.styles.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.js +13 -11
- package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.js +8 -5
- package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
- package/dist/components/inputs/stepper/stepper.template.d.ts.map +1 -1
- package/dist/components/inputs/stepper/stepper.template.js +2 -0
- package/dist/components/inputs/stepper/stepper.template.js.map +1 -1
- package/dist/components/inputs/switch/switch.styles.d.ts.map +1 -1
- package/dist/components/inputs/switch/switch.styles.js +4 -3
- package/dist/components/inputs/switch/switch.styles.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.styles.js +2 -1
- package/dist/components/inputs/text-field/text-field.styles.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.js +12 -8
- package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
- package/dist/components/inputs/token/token.styles.d.ts.map +1 -1
- package/dist/components/inputs/token/token.styles.js +10 -6
- package/dist/components/inputs/token/token.styles.js.map +1 -1
- package/dist/components/inputs/token/token.template.d.ts.map +1 -1
- package/dist/components/inputs/token/token.template.js +1 -0
- package/dist/components/inputs/token/token.template.js.map +1 -1
- package/dist/components/layout/app-view/app-view.d.ts +7 -0
- package/dist/components/layout/app-view/app-view.d.ts.map +1 -1
- package/dist/components/layout/app-view/app-view.js +13 -1
- package/dist/components/layout/app-view/app-view.js.map +1 -1
- package/dist/components/layout/page/page.styles.d.ts.map +1 -1
- package/dist/components/layout/page/page.styles.js +2 -0
- package/dist/components/layout/page/page.styles.js.map +1 -1
- package/dist/components/layout/sheet/sheet.d.ts +4 -0
- package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.js +7 -0
- package/dist/components/layout/sheet/sheet.js.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.js +20 -1
- package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/cell/cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/cell/cell.styles.js +10 -5
- package/dist/components/lists-and-menus/cells/cell/cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js +9 -4
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js +9 -4
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js +9 -4
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/list/list.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/list/list.styles.js +4 -3
- package/dist/components/lists-and-menus/list/list.styles.js.map +1 -1
- package/dist/components/lists-and-menus/list-item/list-item.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/list-item/list-item.styles.js +23 -18
- package/dist/components/lists-and-menus/list-item/list-item.styles.js.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.styles.js +9 -7
- package/dist/components/lists-and-menus/menu/menu.styles.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +20 -11
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +9 -4
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.js +10 -3
- package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
- package/dist/components/navigation/skip-link/skip-link.styles.d.ts.map +1 -1
- package/dist/components/navigation/skip-link/skip-link.styles.js +1 -0
- package/dist/components/navigation/skip-link/skip-link.styles.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.js +9 -3
- package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.d.ts +5 -0
- package/dist/components/navigation/top-title-bar/top-title-bar.d.ts.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.js +19 -7
- package/dist/components/navigation/top-title-bar/top-title-bar.js.map +1 -1
- package/dist/components/prism-bash-vbqaw3JR.js +226 -0
- package/dist/components/prism-css-B93tXdOU.js +59 -0
- package/dist/components/prism-javascript-DeC_17Pw.js +140 -0
- package/dist/components/prism-json-DIMpow89.js +25 -0
- package/dist/components/prism-markdown-D-uFBkiz.js +339 -0
- package/dist/components/prism-markup-DfJYPYHA.js +177 -0
- package/dist/components/prism-typescript-9LDqHHRS.js +87 -0
- package/dist/components/prism-yaml-DO0f9pf6.js +71 -0
- package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.js +1 -0
- package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +6 -5
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +2 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js.map +1 -1
- package/dist/css/settings.css +70 -1
- package/package.json +12 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBA6TxB,CAAC"}
|
|
@@ -119,11 +119,13 @@ export const buttonStyles = css `
|
|
|
119
119
|
color: var(--semantics-buttons-neutral-tinted-content-color);
|
|
120
120
|
}
|
|
121
121
|
|
|
122
|
-
:
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
122
|
+
@media (hover: hover) {
|
|
123
|
+
:host([variant="neutral-tinted"]) .button:hover,
|
|
124
|
+
:host([variant="secondary"]) .button:hover,
|
|
125
|
+
:host(:not([variant])) .button:hover {
|
|
126
|
+
background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
|
|
127
|
+
color: var(--semantics-buttons-neutral-tinted-is-hovered-content-color);
|
|
128
|
+
}
|
|
127
129
|
}
|
|
128
130
|
|
|
129
131
|
:host([variant="neutral-tinted"]) .button:active,
|
|
@@ -140,8 +142,10 @@ export const buttonStyles = css `
|
|
|
140
142
|
color: var(--semantics-buttons-neutral-transparent-content-color);
|
|
141
143
|
}
|
|
142
144
|
|
|
143
|
-
:
|
|
144
|
-
|
|
145
|
+
@media (hover: hover) {
|
|
146
|
+
:host([variant="neutral-transparent"]) .button:hover {
|
|
147
|
+
color: var(--semantics-buttons-neutral-transparent-is-hovered-content-color);
|
|
148
|
+
}
|
|
145
149
|
}
|
|
146
150
|
|
|
147
151
|
:host([variant="neutral-transparent"]) .button:active {
|
|
@@ -156,10 +160,12 @@ export const buttonStyles = css `
|
|
|
156
160
|
color: var(--semantics-buttons-accent-filled-content-color);
|
|
157
161
|
}
|
|
158
162
|
|
|
159
|
-
:
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
+
@media (hover: hover) {
|
|
164
|
+
:host([variant="accent-filled"]) .button:hover,
|
|
165
|
+
:host([variant="primary"]) .button:hover {
|
|
166
|
+
background-color: var(--semantics-buttons-accent-filled-is-hovered-background-color);
|
|
167
|
+
color: var(--semantics-buttons-accent-filled-is-hovered-content-color);
|
|
168
|
+
}
|
|
163
169
|
}
|
|
164
170
|
|
|
165
171
|
:host([variant="accent-filled"]) .button:active,
|
|
@@ -197,9 +203,11 @@ export const buttonStyles = css `
|
|
|
197
203
|
;
|
|
198
204
|
}
|
|
199
205
|
|
|
200
|
-
:
|
|
201
|
-
|
|
202
|
-
|
|
206
|
+
@media (hover: hover) {
|
|
207
|
+
:host([variant="accent-outlined"]) .button:hover {
|
|
208
|
+
color: var(--semantics-buttons-accent-outlined-is-hovered-content-color);
|
|
209
|
+
border-color: var(--semantics-buttons-accent-outlined-is-hovered-border-color);
|
|
210
|
+
}
|
|
203
211
|
}
|
|
204
212
|
|
|
205
213
|
:host([variant="accent-outlined"]) .button:active {
|
|
@@ -214,8 +222,10 @@ export const buttonStyles = css `
|
|
|
214
222
|
color: var(--semantics-buttons-accent-transparent-content-color);
|
|
215
223
|
}
|
|
216
224
|
|
|
217
|
-
:
|
|
218
|
-
|
|
225
|
+
@media (hover: hover) {
|
|
226
|
+
:host([variant="accent-transparent"]) .button:hover {
|
|
227
|
+
color: var(--semantics-buttons-accent-transparent-is-hovered-content-color);
|
|
228
|
+
}
|
|
219
229
|
}
|
|
220
230
|
|
|
221
231
|
:host([variant="accent-transparent"]) .button:active {
|
|
@@ -230,10 +240,12 @@ export const buttonStyles = css `
|
|
|
230
240
|
color: var(--semantics-buttons-critical-tinted-content-color);
|
|
231
241
|
}
|
|
232
242
|
|
|
233
|
-
:
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
243
|
+
@media (hover: hover) {
|
|
244
|
+
:host([variant="critical-tinted"]) .button:hover,
|
|
245
|
+
:host([variant="destructive"]) .button:hover {
|
|
246
|
+
background-color: var(--semantics-buttons-critical-tinted-is-hovered-background-color);
|
|
247
|
+
color: var(--semantics-buttons-critical-tinted-is-hovered-content-color);
|
|
248
|
+
}
|
|
237
249
|
}
|
|
238
250
|
|
|
239
251
|
:host([variant="critical-tinted"]) .button:active,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6T9B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"button-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBAkI3B,CAAC"}
|
|
@@ -31,9 +31,26 @@ export const buttonBarStyles = css `
|
|
|
31
31
|
flex-direction: row;
|
|
32
32
|
justify-content: center;
|
|
33
33
|
align-items: center;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
/* # Variants */
|
|
38
|
+
|
|
39
|
+
/* ## Variant: Neutral Tinted (Default) / Secondary */
|
|
40
|
+
|
|
41
|
+
:host([variant="neutral-tinted"]) .button-bar,
|
|
42
|
+
:host([variant="secondary"]) .button-bar,
|
|
43
|
+
:host(:not([variant])) .button-bar {
|
|
34
44
|
background-color: var(--semantics-buttons-neutral-tinted-background-color);
|
|
35
45
|
}
|
|
36
46
|
|
|
47
|
+
/* ## Variant: Accent Filled / Primary */
|
|
48
|
+
|
|
49
|
+
:host([variant="accent-filled"]) .button-bar,
|
|
50
|
+
:host([variant="primary"]) .button-bar {
|
|
51
|
+
background-color: var(--semantics-buttons-accent-filled-background-color);
|
|
52
|
+
}
|
|
53
|
+
|
|
37
54
|
|
|
38
55
|
/* # Size: XS */
|
|
39
56
|
|
|
@@ -87,6 +104,11 @@ export const buttonBarStyles = css `
|
|
|
87
104
|
background-color: var(--semantics-buttons-neutral-tinted-divider-color);
|
|
88
105
|
}
|
|
89
106
|
|
|
107
|
+
:host([variant="accent-filled"]) .button-bar__divider-line,
|
|
108
|
+
:host([variant="primary"]) .button-bar__divider-line {
|
|
109
|
+
background-color: var(--semantics-buttons-accent-filled-divider-color);
|
|
110
|
+
}
|
|
111
|
+
|
|
90
112
|
:host([size="xs"]) .button-bar__divider-line {
|
|
91
113
|
height: var(--semantics-buttons-xs-divider-length);
|
|
92
114
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"button-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkIjC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-group.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-group/button-group.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"button-group.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-group/button-group.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBA2D7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-group.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button-group/button-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"button-group.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button-group/button-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DnC,CAAC"}
|
|
@@ -14,6 +14,10 @@
|
|
|
14
14
|
* and title tooltip. Use when the visible text alone lacks context for screen
|
|
15
15
|
* readers (e.g. text "Toon", accessible-label "Toon wachtwoord").
|
|
16
16
|
* The text is still shown visually in lg size regardless.
|
|
17
|
+
* @attr {boolean} hide-tooltip - Suppress the visual tooltip while keeping aria-label intact.
|
|
18
|
+
* Use when the surrounding context already explains the button
|
|
19
|
+
* (e.g. spin buttons in nldd-number-field, the chevron in
|
|
20
|
+
* nldd-split-button) — screen readers still get the label.
|
|
17
21
|
* @attr {string} href - When set, renders an <a> element instead of <button>
|
|
18
22
|
* @attr {string} target - Link target (e.g. '_blank'); only used when href is set
|
|
19
23
|
* @attr {string} rel - Link rel attribute; defaults to 'noopener noreferrer' when target is '_blank'
|
|
@@ -49,6 +53,8 @@ export declare class NLDDIconButton extends LitElement {
|
|
|
49
53
|
/** Accessible label for screen readers. Overrides text as aria-label and title tooltip.
|
|
50
54
|
* The text is still shown visually in lg size regardless. */
|
|
51
55
|
accessibleLabel: string;
|
|
56
|
+
/** Suppress the visual tooltip while keeping aria-label intact. */
|
|
57
|
+
hideTooltip: boolean;
|
|
52
58
|
/** When set, renders an <a> element instead of <button>. */
|
|
53
59
|
href: string | undefined;
|
|
54
60
|
/** Link target (e.g. '_blank'). Only used when href is set. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC7C,MAAM,MAAM,OAAO,GAChB,SAAS,GACT,WAAW,GACX,aAAa,GACb,eAAe,GACf,iBAAiB,GACjB,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,iBAAiB,CAAC;AACrB,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEvD,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAG1C,OAAO,EAAE,OAAO,CAAoB;IAGpC,IAAI,EAAE,IAAI,CAAQ;IAGlB,QAAQ,UAAS;IAGjB,IAAI,EAAE,UAAU,CAAY;IAG5B,UAAU,UAAS;IAGnB,SAAS,UAAS;IAGlB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAE9C,2EAA2E;IAE3E,IAAI,SAAM;IAEV,gFAAgF;IAEhF,IAAI,SAAM;IAEV;kEAC8D;IAE9D,eAAe,SAAM;IAErB,mEAAmE;IAEnE,WAAW,UAAS;IAEpB,4DAA4D;IAE5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC,+DAA+D;IAE/D,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAEpC,wDAAwD;IACxD,OAAO,KAAK,QAAQ,GAInB;IAED,OAAO,CAAC,WAAW,CAAS;IAEnB,OAAO,IAAI,IAAI;IAUxB,2DAA2D;IAC3D,YAAY,IAAI,MAAM;IAMtB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAQlC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}
|
|
@@ -20,6 +20,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
20
20
|
* and title tooltip. Use when the visible text alone lacks context for screen
|
|
21
21
|
* readers (e.g. text "Toon", accessible-label "Toon wachtwoord").
|
|
22
22
|
* The text is still shown visually in lg size regardless.
|
|
23
|
+
* @attr {boolean} hide-tooltip - Suppress the visual tooltip while keeping aria-label intact.
|
|
24
|
+
* Use when the surrounding context already explains the button
|
|
25
|
+
* (e.g. spin buttons in nldd-number-field, the chevron in
|
|
26
|
+
* nldd-split-button) — screen readers still get the label.
|
|
23
27
|
* @attr {string} href - When set, renders an <a> element instead of <button>
|
|
24
28
|
* @attr {string} target - Link target (e.g. '_blank'); only used when href is set
|
|
25
29
|
* @attr {string} rel - Link rel attribute; defaults to 'noopener noreferrer' when target is '_blank'
|
|
@@ -56,6 +60,8 @@ let NLDDIconButton = class NLDDIconButton extends LitElement {
|
|
|
56
60
|
/** Accessible label for screen readers. Overrides text as aria-label and title tooltip.
|
|
57
61
|
* The text is still shown visually in lg size regardless. */
|
|
58
62
|
this.accessibleLabel = '';
|
|
63
|
+
/** Suppress the visual tooltip while keeping aria-label intact. */
|
|
64
|
+
this.hideTooltip = false;
|
|
59
65
|
/** When set, renders an <a> element instead of <button>. */
|
|
60
66
|
this.href = undefined;
|
|
61
67
|
/** Link target (e.g. '_blank'). Only used when href is set. */
|
|
@@ -134,6 +140,9 @@ __decorate([
|
|
|
134
140
|
__decorate([
|
|
135
141
|
property({ type: String, attribute: 'accessible-label' })
|
|
136
142
|
], NLDDIconButton.prototype, "accessibleLabel", void 0);
|
|
143
|
+
__decorate([
|
|
144
|
+
property({ type: Boolean, reflect: true, attribute: 'hide-tooltip' })
|
|
145
|
+
], NLDDIconButton.prototype, "hideTooltip", void 0);
|
|
137
146
|
__decorate([
|
|
138
147
|
property({ type: String, reflect: true })
|
|
139
148
|
], NLDDIconButton.prototype, "href", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"icon-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAuV5B,CAAC"}
|
|
@@ -176,11 +176,13 @@ export const iconButtonStyles = css `
|
|
|
176
176
|
color: var(--semantics-buttons-neutral-tinted-content-color);
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
:
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
179
|
+
@media (hover: hover) {
|
|
180
|
+
:host([variant='neutral-tinted']) .icon-button:hover,
|
|
181
|
+
:host([variant='secondary']) .icon-button:hover,
|
|
182
|
+
:host(:not([variant])) .icon-button:hover {
|
|
183
|
+
background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
|
|
184
|
+
color: var(--semantics-buttons-neutral-tinted-is-hovered-content-color);
|
|
185
|
+
}
|
|
184
186
|
}
|
|
185
187
|
|
|
186
188
|
:host([variant='neutral-tinted']) .icon-button:active,
|
|
@@ -197,9 +199,11 @@ export const iconButtonStyles = css `
|
|
|
197
199
|
color: var(--semantics-buttons-neutral-transparent-content-color);
|
|
198
200
|
}
|
|
199
201
|
|
|
200
|
-
:
|
|
201
|
-
|
|
202
|
-
|
|
202
|
+
@media (hover: hover) {
|
|
203
|
+
:host([variant='neutral-transparent']) .icon-button:hover {
|
|
204
|
+
background-color: transparent;
|
|
205
|
+
color: var(--semantics-buttons-neutral-transparent-is-hovered-content-color);
|
|
206
|
+
}
|
|
203
207
|
}
|
|
204
208
|
|
|
205
209
|
:host([variant='neutral-transparent']) .icon-button:active {
|
|
@@ -214,10 +218,12 @@ export const iconButtonStyles = css `
|
|
|
214
218
|
color: var(--semantics-buttons-accent-filled-content-color);
|
|
215
219
|
}
|
|
216
220
|
|
|
217
|
-
:
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
+
@media (hover: hover) {
|
|
222
|
+
:host([variant='accent-filled']) .icon-button:hover,
|
|
223
|
+
:host([variant='primary']) .icon-button:hover {
|
|
224
|
+
background-color: var(--semantics-buttons-accent-filled-is-hovered-background-color);
|
|
225
|
+
color: var(--semantics-buttons-accent-filled-is-hovered-content-color);
|
|
226
|
+
}
|
|
221
227
|
}
|
|
222
228
|
|
|
223
229
|
:host([variant='accent-filled']) .icon-button:active,
|
|
@@ -252,9 +258,11 @@ export const iconButtonStyles = css `
|
|
|
252
258
|
padding: calc(var(--primitives-space-4) - var(--semantics-buttons-accent-outlined-border-thickness));
|
|
253
259
|
}
|
|
254
260
|
|
|
255
|
-
:
|
|
256
|
-
|
|
257
|
-
|
|
261
|
+
@media (hover: hover) {
|
|
262
|
+
:host([variant='accent-outlined']) .icon-button:hover {
|
|
263
|
+
border-color: var(--semantics-buttons-accent-outlined-is-hovered-border-color);
|
|
264
|
+
color: var(--semantics-buttons-accent-outlined-is-hovered-content-color);
|
|
265
|
+
}
|
|
258
266
|
}
|
|
259
267
|
|
|
260
268
|
:host([variant='accent-outlined']) .icon-button:active {
|
|
@@ -269,8 +277,10 @@ export const iconButtonStyles = css `
|
|
|
269
277
|
color: var(--semantics-buttons-accent-transparent-content-color);
|
|
270
278
|
}
|
|
271
279
|
|
|
272
|
-
:
|
|
273
|
-
|
|
280
|
+
@media (hover: hover) {
|
|
281
|
+
:host([variant='accent-transparent']) .icon-button:hover {
|
|
282
|
+
color: var(--semantics-buttons-accent-transparent-is-hovered-content-color);
|
|
283
|
+
}
|
|
274
284
|
}
|
|
275
285
|
|
|
276
286
|
:host([variant='accent-transparent']) .icon-button:active {
|
|
@@ -285,10 +295,12 @@ export const iconButtonStyles = css `
|
|
|
285
295
|
color: var(--semantics-buttons-critical-tinted-content-color);
|
|
286
296
|
}
|
|
287
297
|
|
|
288
|
-
:
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
298
|
+
@media (hover: hover) {
|
|
299
|
+
:host([variant='critical-tinted']) .icon-button:hover,
|
|
300
|
+
:host([variant='destructive']) .icon-button:hover {
|
|
301
|
+
background-color: var(--semantics-buttons-critical-tinted-is-hovered-background-color);
|
|
302
|
+
color: var(--semantics-buttons-critical-tinted-is-hovered-content-color);
|
|
303
|
+
}
|
|
292
304
|
}
|
|
293
305
|
|
|
294
306
|
:host([variant='critical-tinted']) .icon-button:active,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"icon-button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuVlC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpC,OAAO,kCAAkC,CAAC;AAE1C,SAAS,aAAa,CAAC,SAAyB;IAC/C,OAAO,IAAI,CAAA;;;MAGN,SAAS,CAAC,IAAI;QACf,CAAC,CAAC,IAAI,CAAA,mBAAmB,SAAS,CAAC,IAAI,eAAe;QACtD,CAAC,CAAC,IAAI,CAAA,iCAAiC,SAAS,CAAC,aAAa,UAAU;;KAExE,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;;;;IAI5B,CAAC,CAAC,CAAC,OAAO;;IAEV,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;qCACY,SAAS,CAAC,IAAI;GAChD,CAAC,CAAC,CAAC,EAAE;EACN,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ;IACvB,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC;IAC3D,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEpC,2EAA2E;IAC3E,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe;WACpC,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAE1C,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YACxC,OAAO,IAAI,CAAA;;YAEF,IAAI,CAAC,IAAI;cACP,IAAI,CAAC,MAAM,IAAI,OAAO;WACzB,WAAW,IAAI,OAAO;qBACZ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;kBACnC,KAAK;cACT,IAAI,CAAC,YAAY;;OAExB,OAAO;;IAEV,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAA;;WAEF,IAAI,CAAC,IAAI;gBACJ,IAAI,CAAC,QAAQ;oBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACnC,KAAK;oBACF,IAAI,CAAC,aAAa,IAAI,OAAO;aACpC,IAAI,CAAC,YAAY;;MAExB,OAAO;;GAEV,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,WAAW,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"icon-button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpC,OAAO,kCAAkC,CAAC;AAE1C,SAAS,aAAa,CAAC,SAAyB;IAC/C,OAAO,IAAI,CAAA;;;MAGN,SAAS,CAAC,IAAI;QACf,CAAC,CAAC,IAAI,CAAA,mBAAmB,SAAS,CAAC,IAAI,eAAe;QACtD,CAAC,CAAC,IAAI,CAAA,iCAAiC,SAAS,CAAC,aAAa,UAAU;;KAExE,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;;;;IAI5B,CAAC,CAAC,CAAC,OAAO;;IAEV,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;qCACY,SAAS,CAAC,IAAI;GAChD,CAAC,CAAC,CAAC,EAAE;EACN,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ;IACvB,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC;IAC3D,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEpC,2EAA2E;IAC3E,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe;WACpC,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAE1C,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YACxC,OAAO,IAAI,CAAA;;YAEF,IAAI,CAAC,IAAI;cACP,IAAI,CAAC,MAAM,IAAI,OAAO;WACzB,WAAW,IAAI,OAAO;qBACZ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;kBACnC,KAAK;cACT,IAAI,CAAC,YAAY;;OAExB,OAAO;;IAEV,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAA;;WAEF,IAAI,CAAC,IAAI;gBACJ,IAAI,CAAC,QAAQ;oBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACnC,KAAK;oBACF,IAAI,CAAC,aAAa,IAAI,OAAO;aACpC,IAAI,CAAC,YAAY;;MAExB,OAAO;;GAEV,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;QACtC,OAAO,IAAI,CAAA;wBACW,WAAW;MAC7B,YAAY,EAAE;;GAEjB,CAAC;IACH,CAAC;IAED,OAAO,YAAY,EAAE,CAAC;AACvB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/link/link.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"link.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/link/link.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBA8GtB,CAAC"}
|
|
@@ -53,8 +53,10 @@ export const linkStyles = css `
|
|
|
53
53
|
font: var(--primitives-font-body-lg-regular-flat);
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
|
|
57
|
-
|
|
56
|
+
@media (hover: hover) {
|
|
57
|
+
.link:hover {
|
|
58
|
+
color: var(--semantics-links-is-hovered-color);
|
|
59
|
+
}
|
|
58
60
|
}
|
|
59
61
|
|
|
60
62
|
.link:active {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/link/link.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"link.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/link/link.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8G5B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"split-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"split-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBA6G7B,CAAC"}
|
|
@@ -80,13 +80,21 @@ export const splitButtonStyles = css `
|
|
|
80
80
|
|
|
81
81
|
/* # Variants */
|
|
82
82
|
|
|
83
|
-
/* ## Variant: Neutral Tintend (Default) */
|
|
83
|
+
/* ## Variant: Neutral Tintend (Default) / Secondary */
|
|
84
84
|
|
|
85
85
|
:host([variant="neutral-tinted"]) .split-button,
|
|
86
|
+
:host([variant="secondary"]) .split-button,
|
|
86
87
|
:host(:not([variant])) .split-button {
|
|
87
88
|
background-color: var(--semantics-buttons-neutral-tinted-background-color);
|
|
88
89
|
}
|
|
89
90
|
|
|
91
|
+
/* ## Variant: Accent Filled / Primary */
|
|
92
|
+
|
|
93
|
+
:host([variant="accent-filled"]) .split-button,
|
|
94
|
+
:host([variant="primary"]) .split-button {
|
|
95
|
+
background-color: var(--semantics-buttons-accent-filled-background-color);
|
|
96
|
+
}
|
|
97
|
+
|
|
90
98
|
|
|
91
99
|
/* # Divider */
|
|
92
100
|
|
|
@@ -95,5 +103,10 @@ export const splitButtonStyles = css `
|
|
|
95
103
|
flex-shrink: 0;
|
|
96
104
|
background-color: var(--semantics-buttons-neutral-tinted-divider-color);
|
|
97
105
|
}
|
|
106
|
+
|
|
107
|
+
:host([variant="accent-filled"]) .split-button__divider,
|
|
108
|
+
:host([variant="primary"]) .split-button__divider {
|
|
109
|
+
background-color: var(--semantics-buttons-accent-filled-divider-color);
|
|
110
|
+
}
|
|
98
111
|
`;
|
|
99
112
|
//# sourceMappingURL=split-button.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"split-button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"split-button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GnC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"split-button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"split-button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,eAAe,wCA0B7C"}
|
|
@@ -16,6 +16,7 @@ export function template() {
|
|
|
16
16
|
size=${this.size}
|
|
17
17
|
icon="chevron-down-small"
|
|
18
18
|
text=${this._t('components.split-button.menu-action')}
|
|
19
|
+
hide-tooltip
|
|
19
20
|
?disabled=${this.disabled}
|
|
20
21
|
aria-haspopup="menu"
|
|
21
22
|
aria-expanded=${this._hasMenuItems ? String(this._menuIsOpen) : nothing}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"split-button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,QAAQ;IACvB,OAAO,IAAI,CAAA;;;cAGE,IAAI,CAAC,OAAO;WACf,IAAI,CAAC,IAAI;WACT,IAAI,CAAC,IAAI;iBACH,IAAI,CAAC,SAAS,IAAI,OAAO;gBAC1B,IAAI,CAAC,QAAQ;aAChB,IAAI,CAAC,kBAAkB;;;;cAItB,IAAI,CAAC,OAAO;WACf,IAAI,CAAC,IAAI;;WAET,IAAI,CAAC,EAAE,CAAC,qCAAqC,CAAC
|
|
1
|
+
{"version":3,"file":"split-button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,QAAQ;IACvB,OAAO,IAAI,CAAA;;;cAGE,IAAI,CAAC,OAAO;WACf,IAAI,CAAC,IAAI;WACT,IAAI,CAAC,IAAI;iBACH,IAAI,CAAC,SAAS,IAAI,OAAO;gBAC1B,IAAI,CAAC,QAAQ;aAChB,IAAI,CAAC,kBAAkB;;;;cAItB,IAAI,CAAC,OAAO;WACf,IAAI,CAAC,IAAI;;WAET,IAAI,CAAC,EAAE,CAAC,qCAAqC,CAAC;;gBAEzC,IAAI,CAAC,QAAQ;;oBAET,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO;aAC9D,IAAI,CAAC,gBAAgB;;;;EAIhC,CAAC;AACH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toolbar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"toolbar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBA0RzB,CAAC"}
|
|
@@ -5,8 +5,6 @@ export const toolbarStyles = css `
|
|
|
5
5
|
/* # Host */
|
|
6
6
|
|
|
7
7
|
:host {
|
|
8
|
-
display: block;
|
|
9
|
-
box-sizing: border-box;
|
|
10
8
|
--_item-width: auto;
|
|
11
9
|
--_item-min-width: 0px;
|
|
12
10
|
--_title-group-min-width: 200px;
|
|
@@ -17,6 +15,9 @@ export const toolbarStyles = css `
|
|
|
17
15
|
--_center-width: 0px;
|
|
18
16
|
--_end-width: 0px;
|
|
19
17
|
--_overflow-button-width: 0px;
|
|
18
|
+
|
|
19
|
+
display: block;
|
|
20
|
+
box-sizing: border-box;
|
|
20
21
|
}
|
|
21
22
|
|
|
22
23
|
:host([hidden]) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toolbar.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"toolbar.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0R/B,CAAC"}
|