@dsn-starter-kit/components-web 1.0.2 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +929 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +258 -0
- package/dist/index.d.cts.map +1 -0
- package/dist/index.d.mts +258 -0
- package/dist/index.d.mts.map +1 -0
- package/dist/index.mjs +914 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +21 -13
- package/dist/button/Button.d.ts +0 -50
- package/dist/button/Button.d.ts.map +0 -1
- package/dist/button/Button.js +0 -247
- package/dist/button/Button.js.map +0 -1
- package/dist/button/Button.test.d.ts +0 -2
- package/dist/button/Button.test.d.ts.map +0 -1
- package/dist/button/Button.test.js +0 -299
- package/dist/button/Button.test.js.map +0 -1
- package/dist/button/button-styles.generated.d.ts +0 -2
- package/dist/button/button-styles.generated.d.ts.map +0 -1
- package/dist/button/button-styles.generated.js +0 -4
- package/dist/button/button-styles.generated.js.map +0 -1
- package/dist/button/index.d.ts +0 -3
- package/dist/button/index.d.ts.map +0 -1
- package/dist/button/index.js +0 -2
- package/dist/button/index.js.map +0 -1
- package/dist/heading/Heading.d.ts +0 -30
- package/dist/heading/Heading.d.ts.map +0 -1
- package/dist/heading/Heading.js +0 -79
- package/dist/heading/Heading.js.map +0 -1
- package/dist/heading/Heading.test.d.ts +0 -2
- package/dist/heading/Heading.test.d.ts.map +0 -1
- package/dist/heading/Heading.test.js +0 -157
- package/dist/heading/Heading.test.js.map +0 -1
- package/dist/heading/heading-styles.generated.d.ts +0 -2
- package/dist/heading/heading-styles.generated.d.ts.map +0 -1
- package/dist/heading/heading-styles.generated.js +0 -4
- package/dist/heading/heading-styles.generated.js.map +0 -1
- package/dist/heading/index.d.ts +0 -3
- package/dist/heading/index.d.ts.map +0 -1
- package/dist/heading/index.js +0 -2
- package/dist/heading/index.js.map +0 -1
- package/dist/icon/Icon.d.ts +0 -31
- package/dist/icon/Icon.d.ts.map +0 -1
- package/dist/icon/Icon.js +0 -110
- package/dist/icon/Icon.js.map +0 -1
- package/dist/icon/Icon.test.d.ts +0 -2
- package/dist/icon/Icon.test.d.ts.map +0 -1
- package/dist/icon/Icon.test.js +0 -193
- package/dist/icon/Icon.test.js.map +0 -1
- package/dist/icon/icon-paths.generated.d.ts +0 -2
- package/dist/icon/icon-paths.generated.d.ts.map +0 -1
- package/dist/icon/icon-paths.generated.js +0 -56
- package/dist/icon/icon-paths.generated.js.map +0 -1
- package/dist/icon/icon-styles.generated.d.ts +0 -2
- package/dist/icon/icon-styles.generated.d.ts.map +0 -1
- package/dist/icon/icon-styles.generated.js +0 -4
- package/dist/icon/icon-styles.generated.js.map +0 -1
- package/dist/icon/index.d.ts +0 -3
- package/dist/icon/index.d.ts.map +0 -1
- package/dist/icon/index.js +0 -2
- package/dist/icon/index.js.map +0 -1
- package/dist/index.d.ts +0 -52
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js +0 -71
- package/dist/index.js.map +0 -1
- package/dist/link/Link.d.ts +0 -52
- package/dist/link/Link.d.ts.map +0 -1
- package/dist/link/Link.js +0 -260
- package/dist/link/Link.js.map +0 -1
- package/dist/link/Link.test.d.ts +0 -2
- package/dist/link/Link.test.d.ts.map +0 -1
- package/dist/link/Link.test.js +0 -256
- package/dist/link/Link.test.js.map +0 -1
- package/dist/link/index.d.ts +0 -3
- package/dist/link/index.d.ts.map +0 -1
- package/dist/link/index.js +0 -2
- package/dist/link/index.js.map +0 -1
- package/dist/link/link-styles.generated.d.ts +0 -2
- package/dist/link/link-styles.generated.d.ts.map +0 -1
- package/dist/link/link-styles.generated.js +0 -4
- package/dist/link/link-styles.generated.js.map +0 -1
- package/dist/ordered-list/OrderedList.d.ts +0 -32
- package/dist/ordered-list/OrderedList.d.ts.map +0 -1
- package/dist/ordered-list/OrderedList.js +0 -72
- package/dist/ordered-list/OrderedList.js.map +0 -1
- package/dist/ordered-list/OrderedList.test.d.ts +0 -2
- package/dist/ordered-list/OrderedList.test.d.ts.map +0 -1
- package/dist/ordered-list/OrderedList.test.js +0 -82
- package/dist/ordered-list/OrderedList.test.js.map +0 -1
- package/dist/ordered-list/index.d.ts +0 -2
- package/dist/ordered-list/index.d.ts.map +0 -1
- package/dist/ordered-list/index.js +0 -2
- package/dist/ordered-list/index.js.map +0 -1
- package/dist/ordered-list/ordered-list-styles.generated.d.ts +0 -2
- package/dist/ordered-list/ordered-list-styles.generated.d.ts.map +0 -1
- package/dist/ordered-list/ordered-list-styles.generated.js +0 -4
- package/dist/ordered-list/ordered-list-styles.generated.js.map +0 -1
- package/dist/paragraph/Paragraph.d.ts +0 -26
- package/dist/paragraph/Paragraph.d.ts.map +0 -1
- package/dist/paragraph/Paragraph.js +0 -60
- package/dist/paragraph/Paragraph.js.map +0 -1
- package/dist/paragraph/Paragraph.test.d.ts +0 -2
- package/dist/paragraph/Paragraph.test.d.ts.map +0 -1
- package/dist/paragraph/Paragraph.test.js +0 -121
- package/dist/paragraph/Paragraph.test.js.map +0 -1
- package/dist/paragraph/index.d.ts +0 -3
- package/dist/paragraph/index.d.ts.map +0 -1
- package/dist/paragraph/index.js +0 -2
- package/dist/paragraph/index.js.map +0 -1
- package/dist/paragraph/paragraph-styles.generated.d.ts +0 -2
- package/dist/paragraph/paragraph-styles.generated.d.ts.map +0 -1
- package/dist/paragraph/paragraph-styles.generated.js +0 -4
- package/dist/paragraph/paragraph-styles.generated.js.map +0 -1
- package/dist/unordered-list/UnorderedList.d.ts +0 -22
- package/dist/unordered-list/UnorderedList.d.ts.map +0 -1
- package/dist/unordered-list/UnorderedList.js +0 -42
- package/dist/unordered-list/UnorderedList.js.map +0 -1
- package/dist/unordered-list/UnorderedList.test.d.ts +0 -2
- package/dist/unordered-list/UnorderedList.test.d.ts.map +0 -1
- package/dist/unordered-list/UnorderedList.test.js +0 -56
- package/dist/unordered-list/UnorderedList.test.js.map +0 -1
- package/dist/unordered-list/index.d.ts +0 -2
- package/dist/unordered-list/index.d.ts.map +0 -1
- package/dist/unordered-list/index.js +0 -2
- package/dist/unordered-list/index.js.map +0 -1
- package/dist/unordered-list/unordered-list-styles.generated.d.ts +0 -2
- package/dist/unordered-list/unordered-list-styles.generated.d.ts.map +0 -1
- package/dist/unordered-list/unordered-list-styles.generated.js +0 -4
- package/dist/unordered-list/unordered-list-styles.generated.js.map +0 -1
|
@@ -1,299 +0,0 @@
|
|
|
1
|
-
import { describe, it, expect, beforeAll, beforeEach, vi } from 'vitest';
|
|
2
|
-
import { DsnButton, defineButton } from './Button';
|
|
3
|
-
// Register the custom element once for all tests
|
|
4
|
-
beforeAll(() => {
|
|
5
|
-
defineButton();
|
|
6
|
-
});
|
|
7
|
-
function createElement(attrs = {}) {
|
|
8
|
-
const el = document.createElement('dsn-button');
|
|
9
|
-
for (const [key, value] of Object.entries(attrs)) {
|
|
10
|
-
el.setAttribute(key, value);
|
|
11
|
-
}
|
|
12
|
-
document.body.appendChild(el);
|
|
13
|
-
return el;
|
|
14
|
-
}
|
|
15
|
-
function getInternalButton(el) {
|
|
16
|
-
return el.shadowRoot.querySelector('button');
|
|
17
|
-
}
|
|
18
|
-
describe('DsnButton', () => {
|
|
19
|
-
beforeEach(() => {
|
|
20
|
-
document.body.innerHTML = '';
|
|
21
|
-
});
|
|
22
|
-
describe('rendering', () => {
|
|
23
|
-
it('creates a shadow root', () => {
|
|
24
|
-
const el = createElement();
|
|
25
|
-
expect(el.shadowRoot).not.toBeNull();
|
|
26
|
-
});
|
|
27
|
-
it('renders an internal button element', () => {
|
|
28
|
-
const el = createElement();
|
|
29
|
-
const btn = getInternalButton(el);
|
|
30
|
-
expect(btn).toBeInstanceOf(HTMLButtonElement);
|
|
31
|
-
});
|
|
32
|
-
it('renders a style element in shadow DOM', () => {
|
|
33
|
-
const el = createElement();
|
|
34
|
-
const style = el.shadowRoot.querySelector('style');
|
|
35
|
-
expect(style).not.toBeNull();
|
|
36
|
-
expect(style.textContent).toContain('.dsn-button');
|
|
37
|
-
});
|
|
38
|
-
it('renders a default slot for content projection', () => {
|
|
39
|
-
const el = createElement();
|
|
40
|
-
const slot = el.shadowRoot.querySelector('slot:not([name])');
|
|
41
|
-
expect(slot).not.toBeNull();
|
|
42
|
-
});
|
|
43
|
-
it('renders an icon-start named slot', () => {
|
|
44
|
-
const el = createElement();
|
|
45
|
-
const slot = el.shadowRoot.querySelector('slot[name="icon-start"]');
|
|
46
|
-
expect(slot).not.toBeNull();
|
|
47
|
-
});
|
|
48
|
-
it('renders an icon-end named slot', () => {
|
|
49
|
-
const el = createElement();
|
|
50
|
-
const slot = el.shadowRoot.querySelector('slot[name="icon-end"]');
|
|
51
|
-
expect(slot).not.toBeNull();
|
|
52
|
-
});
|
|
53
|
-
it('renders slots in correct order: icon-start, default, icon-end', () => {
|
|
54
|
-
const el = createElement();
|
|
55
|
-
const btn = getInternalButton(el);
|
|
56
|
-
const slots = btn.querySelectorAll('slot');
|
|
57
|
-
expect(slots).toHaveLength(3);
|
|
58
|
-
expect(slots[0].getAttribute('name')).toBe('icon-start');
|
|
59
|
-
expect(slots[1].getAttribute('name')).toBeNull();
|
|
60
|
-
expect(slots[2].getAttribute('name')).toBe('icon-end');
|
|
61
|
-
});
|
|
62
|
-
});
|
|
63
|
-
describe('default values', () => {
|
|
64
|
-
it('defaults variant to "strong"', () => {
|
|
65
|
-
const el = createElement();
|
|
66
|
-
expect(el.variant).toBe('strong');
|
|
67
|
-
});
|
|
68
|
-
it('defaults size to "default"', () => {
|
|
69
|
-
const el = createElement();
|
|
70
|
-
expect(el.size).toBe('default');
|
|
71
|
-
});
|
|
72
|
-
it('defaults type to "button"', () => {
|
|
73
|
-
const el = createElement();
|
|
74
|
-
expect(el.type).toBe('button');
|
|
75
|
-
});
|
|
76
|
-
it('defaults disabled to false', () => {
|
|
77
|
-
const el = createElement();
|
|
78
|
-
expect(el.disabled).toBe(false);
|
|
79
|
-
});
|
|
80
|
-
it('defaults loading to false', () => {
|
|
81
|
-
const el = createElement();
|
|
82
|
-
expect(el.loading).toBe(false);
|
|
83
|
-
});
|
|
84
|
-
it('defaults fullWidth to false', () => {
|
|
85
|
-
const el = createElement();
|
|
86
|
-
expect(el.fullWidth).toBe(false);
|
|
87
|
-
});
|
|
88
|
-
it('defaults iconOnly to false', () => {
|
|
89
|
-
const el = createElement();
|
|
90
|
-
expect(el.iconOnly).toBe(false);
|
|
91
|
-
});
|
|
92
|
-
});
|
|
93
|
-
describe('CSS classes', () => {
|
|
94
|
-
it('applies default classes', () => {
|
|
95
|
-
const el = createElement();
|
|
96
|
-
const btn = getInternalButton(el);
|
|
97
|
-
expect(btn.className).toBe('dsn-button dsn-button--strong dsn-button--size-default');
|
|
98
|
-
});
|
|
99
|
-
it('applies variant class from attribute', () => {
|
|
100
|
-
const el = createElement({ variant: 'subtle' });
|
|
101
|
-
const btn = getInternalButton(el);
|
|
102
|
-
expect(btn.className).toContain('dsn-button--subtle');
|
|
103
|
-
});
|
|
104
|
-
it('applies size class from attribute', () => {
|
|
105
|
-
const el = createElement({ size: 'large' });
|
|
106
|
-
const btn = getInternalButton(el);
|
|
107
|
-
expect(btn.className).toContain('dsn-button--size-large');
|
|
108
|
-
});
|
|
109
|
-
it('applies loading class', () => {
|
|
110
|
-
const el = createElement({ loading: '' });
|
|
111
|
-
const btn = getInternalButton(el);
|
|
112
|
-
expect(btn.className).toContain('dsn-button--loading');
|
|
113
|
-
});
|
|
114
|
-
it('applies full-width class', () => {
|
|
115
|
-
const el = createElement({ 'full-width': '' });
|
|
116
|
-
const btn = getInternalButton(el);
|
|
117
|
-
expect(btn.className).toContain('dsn-button--full-width');
|
|
118
|
-
});
|
|
119
|
-
it('applies icon-only class', () => {
|
|
120
|
-
const el = createElement({ 'icon-only': '' });
|
|
121
|
-
const btn = getInternalButton(el);
|
|
122
|
-
expect(btn.className).toContain('dsn-button--icon-only');
|
|
123
|
-
});
|
|
124
|
-
it('updates classes when variant changes', () => {
|
|
125
|
-
const el = createElement({ variant: 'strong' });
|
|
126
|
-
const btn = getInternalButton(el);
|
|
127
|
-
expect(btn.className).toContain('dsn-button--strong');
|
|
128
|
-
el.variant = 'default';
|
|
129
|
-
expect(btn.className).toContain('dsn-button--default');
|
|
130
|
-
expect(btn.className).not.toContain('dsn-button--strong');
|
|
131
|
-
});
|
|
132
|
-
it('updates classes when size changes', () => {
|
|
133
|
-
const el = createElement({ size: 'small' });
|
|
134
|
-
const btn = getInternalButton(el);
|
|
135
|
-
expect(btn.className).toContain('dsn-button--size-small');
|
|
136
|
-
el.size = 'large';
|
|
137
|
-
expect(btn.className).toContain('dsn-button--size-large');
|
|
138
|
-
expect(btn.className).not.toContain('dsn-button--size-small');
|
|
139
|
-
});
|
|
140
|
-
});
|
|
141
|
-
describe('disabled state', () => {
|
|
142
|
-
it('disables internal button when disabled attribute is set', () => {
|
|
143
|
-
const el = createElement({ disabled: '' });
|
|
144
|
-
const btn = getInternalButton(el);
|
|
145
|
-
expect(btn.disabled).toBe(true);
|
|
146
|
-
});
|
|
147
|
-
it('enables internal button when disabled is removed', () => {
|
|
148
|
-
const el = createElement({ disabled: '' });
|
|
149
|
-
const btn = getInternalButton(el);
|
|
150
|
-
expect(btn.disabled).toBe(true);
|
|
151
|
-
el.disabled = false;
|
|
152
|
-
expect(btn.disabled).toBe(false);
|
|
153
|
-
});
|
|
154
|
-
it('reflects disabled property to attribute', () => {
|
|
155
|
-
const el = createElement();
|
|
156
|
-
el.disabled = true;
|
|
157
|
-
expect(el.hasAttribute('disabled')).toBe(true);
|
|
158
|
-
el.disabled = false;
|
|
159
|
-
expect(el.hasAttribute('disabled')).toBe(false);
|
|
160
|
-
});
|
|
161
|
-
});
|
|
162
|
-
describe('loading state', () => {
|
|
163
|
-
it('disables internal button when loading', () => {
|
|
164
|
-
const el = createElement({ loading: '' });
|
|
165
|
-
const btn = getInternalButton(el);
|
|
166
|
-
expect(btn.disabled).toBe(true);
|
|
167
|
-
});
|
|
168
|
-
it('sets aria-busy when loading', () => {
|
|
169
|
-
const el = createElement({ loading: '' });
|
|
170
|
-
const btn = getInternalButton(el);
|
|
171
|
-
expect(btn.getAttribute('aria-busy')).toBe('true');
|
|
172
|
-
});
|
|
173
|
-
it('removes aria-busy when loading is removed', () => {
|
|
174
|
-
const el = createElement({ loading: '' });
|
|
175
|
-
const btn = getInternalButton(el);
|
|
176
|
-
expect(btn.getAttribute('aria-busy')).toBe('true');
|
|
177
|
-
el.loading = false;
|
|
178
|
-
expect(btn.hasAttribute('aria-busy')).toBe(false);
|
|
179
|
-
});
|
|
180
|
-
it('adds loading class and disables button', () => {
|
|
181
|
-
const el = createElement();
|
|
182
|
-
el.loading = true;
|
|
183
|
-
const btn = getInternalButton(el);
|
|
184
|
-
expect(btn.className).toContain('dsn-button--loading');
|
|
185
|
-
expect(btn.disabled).toBe(true);
|
|
186
|
-
expect(btn.getAttribute('aria-busy')).toBe('true');
|
|
187
|
-
});
|
|
188
|
-
it('reflects loading property to attribute', () => {
|
|
189
|
-
const el = createElement();
|
|
190
|
-
el.loading = true;
|
|
191
|
-
expect(el.hasAttribute('loading')).toBe(true);
|
|
192
|
-
el.loading = false;
|
|
193
|
-
expect(el.hasAttribute('loading')).toBe(false);
|
|
194
|
-
});
|
|
195
|
-
});
|
|
196
|
-
describe('full-width', () => {
|
|
197
|
-
it('reflects fullWidth property to full-width attribute', () => {
|
|
198
|
-
const el = createElement();
|
|
199
|
-
el.fullWidth = true;
|
|
200
|
-
expect(el.hasAttribute('full-width')).toBe(true);
|
|
201
|
-
el.fullWidth = false;
|
|
202
|
-
expect(el.hasAttribute('full-width')).toBe(false);
|
|
203
|
-
});
|
|
204
|
-
});
|
|
205
|
-
describe('icon-only', () => {
|
|
206
|
-
it('reflects iconOnly property to icon-only attribute', () => {
|
|
207
|
-
const el = createElement();
|
|
208
|
-
el.iconOnly = true;
|
|
209
|
-
expect(el.hasAttribute('icon-only')).toBe(true);
|
|
210
|
-
el.iconOnly = false;
|
|
211
|
-
expect(el.hasAttribute('icon-only')).toBe(false);
|
|
212
|
-
});
|
|
213
|
-
});
|
|
214
|
-
describe('type attribute', () => {
|
|
215
|
-
it('sets internal button type', () => {
|
|
216
|
-
const el = createElement({ type: 'submit' });
|
|
217
|
-
const btn = getInternalButton(el);
|
|
218
|
-
expect(btn.getAttribute('type')).toBe('submit');
|
|
219
|
-
});
|
|
220
|
-
it('defaults internal button type to "button"', () => {
|
|
221
|
-
const el = createElement();
|
|
222
|
-
const btn = getInternalButton(el);
|
|
223
|
-
expect(btn.getAttribute('type')).toBe('button');
|
|
224
|
-
});
|
|
225
|
-
it('updates internal button type when property changes', () => {
|
|
226
|
-
const el = createElement();
|
|
227
|
-
el.type = 'reset';
|
|
228
|
-
const btn = getInternalButton(el);
|
|
229
|
-
expect(btn.getAttribute('type')).toBe('reset');
|
|
230
|
-
});
|
|
231
|
-
});
|
|
232
|
-
describe('focus delegation', () => {
|
|
233
|
-
it('delegates focus to internal button', () => {
|
|
234
|
-
const el = createElement();
|
|
235
|
-
const btn = getInternalButton(el);
|
|
236
|
-
const focusSpy = vi.spyOn(btn, 'focus');
|
|
237
|
-
el.focus();
|
|
238
|
-
expect(focusSpy).toHaveBeenCalled();
|
|
239
|
-
});
|
|
240
|
-
it('delegates blur to internal button', () => {
|
|
241
|
-
const el = createElement();
|
|
242
|
-
const btn = getInternalButton(el);
|
|
243
|
-
const blurSpy = vi.spyOn(btn, 'blur');
|
|
244
|
-
el.blur();
|
|
245
|
-
expect(blurSpy).toHaveBeenCalled();
|
|
246
|
-
});
|
|
247
|
-
it('delegates click to internal button', () => {
|
|
248
|
-
const el = createElement();
|
|
249
|
-
const btn = getInternalButton(el);
|
|
250
|
-
const clickSpy = vi.spyOn(btn, 'click');
|
|
251
|
-
el.click();
|
|
252
|
-
expect(clickSpy).toHaveBeenCalled();
|
|
253
|
-
});
|
|
254
|
-
});
|
|
255
|
-
describe('all variants', () => {
|
|
256
|
-
const variants = [
|
|
257
|
-
'strong',
|
|
258
|
-
'strong-negative',
|
|
259
|
-
'strong-positive',
|
|
260
|
-
'default',
|
|
261
|
-
'default-negative',
|
|
262
|
-
'default-positive',
|
|
263
|
-
'subtle',
|
|
264
|
-
'subtle-negative',
|
|
265
|
-
'subtle-positive',
|
|
266
|
-
'link',
|
|
267
|
-
];
|
|
268
|
-
variants.forEach((variant) => {
|
|
269
|
-
it(`applies class for variant "${variant}"`, () => {
|
|
270
|
-
const el = createElement({ variant });
|
|
271
|
-
const btn = getInternalButton(el);
|
|
272
|
-
expect(btn.className).toContain(`dsn-button--${variant}`);
|
|
273
|
-
});
|
|
274
|
-
});
|
|
275
|
-
});
|
|
276
|
-
describe('all sizes', () => {
|
|
277
|
-
const sizes = ['small', 'default', 'large'];
|
|
278
|
-
sizes.forEach((size) => {
|
|
279
|
-
it(`applies class for size "${size}"`, () => {
|
|
280
|
-
const el = createElement({ size });
|
|
281
|
-
const btn = getInternalButton(el);
|
|
282
|
-
expect(btn.className).toContain(`dsn-button--size-${size}`);
|
|
283
|
-
});
|
|
284
|
-
});
|
|
285
|
-
});
|
|
286
|
-
});
|
|
287
|
-
describe('defineButton', () => {
|
|
288
|
-
it('does not throw when called with an already-registered tag', () => {
|
|
289
|
-
expect(() => defineButton('dsn-button')).not.toThrow();
|
|
290
|
-
});
|
|
291
|
-
it('registers a custom element with a custom tag name', () => {
|
|
292
|
-
// DsnButton constructor is already registered as 'dsn-button',
|
|
293
|
-
// so re-registering under another name is not allowed by the spec.
|
|
294
|
-
// Instead, verify that the existing registration works.
|
|
295
|
-
const el = document.createElement('dsn-button');
|
|
296
|
-
expect(el).toBeInstanceOf(DsnButton);
|
|
297
|
-
});
|
|
298
|
-
});
|
|
299
|
-
//# sourceMappingURL=Button.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../src/button/Button.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export declare const buttonStyles = "/**\n * Shadow DOM wrapper styles for the Button Web Component.\n * The core button styles are imported from the shared HTML/CSS source.\n */\n\n:host {\n display: inline-block;\n}\n\n:host([full-width]) {\n display: block;\n width: 100%;\n}\n\n::slotted(*) {\n pointer-events: none;\n}\n\n/* Shared button styles - single source of truth */\n/**\n * Button Component\n * Uses component tokens for consistent styling\n */\n\n.dsn-button {\n /* Reset */\n display: inline-flex;\n align-self: flex-start;\n align-items: center;\n justify-content: center;\n position: relative; /* Ankerpunt voor DotBadge */\n\n /* Typography */\n font-family: var(--dsn-button-font-family);\n font-weight: var(--dsn-button-font-weight);\n line-height: var(--dsn-button-line-height);\n text-decoration: none;\n\n /* Borders */\n border: var(--dsn-button-border-width) solid transparent;\n border-radius: var(--dsn-button-border-radius);\n\n /* Interaction */\n cursor: pointer;\n user-select: none;\n transition:\n background-color var(--dsn-transition-duration-normal)\n var(--dsn-transition-easing-default),\n color var(--dsn-transition-duration-normal)\n var(--dsn-transition-easing-default),\n border-color var(--dsn-transition-duration-normal)\n var(--dsn-transition-easing-default);\n\n /* Accessibility - WCAG pointer target */\n min-block-size: var(--dsn-button-min-block-size);\n min-inline-size: var(--dsn-button-min-inline-size);\n}\n\n/* =============================================================================\n Size Variants\n ============================================================================= */\n\n.dsn-button--size-small {\n font-size: var(--dsn-button-size-small-font-size);\n padding-block: var(--dsn-button-size-small-padding-block);\n padding-inline: var(--dsn-button-size-small-padding-inline);\n gap: var(--dsn-button-size-small-gap);\n min-block-size: var(--dsn-button-size-small-min-block-size);\n}\n\n.dsn-button--size-default {\n font-size: var(--dsn-button-size-default-font-size);\n padding-block: var(--dsn-button-size-default-padding-block);\n padding-inline: var(--dsn-button-size-default-padding-inline);\n gap: var(--dsn-button-size-default-gap);\n}\n\n.dsn-button--size-large {\n font-size: var(--dsn-button-size-large-font-size);\n padding-block: var(--dsn-button-size-large-padding-block);\n padding-inline: var(--dsn-button-size-large-padding-inline);\n gap: var(--dsn-button-size-large-gap);\n}\n\n/* Icon sizing per button size */\n.dsn-button--size-small > .dsn-icon {\n width: var(--dsn-button-size-small-icon-size);\n height: var(--dsn-button-size-small-icon-size);\n}\n\n.dsn-button--size-default > .dsn-icon {\n width: var(--dsn-button-size-default-icon-size);\n height: var(--dsn-button-size-default-icon-size);\n}\n\n.dsn-button--size-large > .dsn-icon {\n width: var(--dsn-button-size-large-icon-size);\n height: var(--dsn-button-size-large-icon-size);\n}\n\n/* Icon Only Button */\n.dsn-button--icon-only {\n padding-inline: var(--dsn-button-size-default-icon-only-padding);\n}\n\n.dsn-button--icon-only.dsn-button--size-small {\n padding-inline: var(--dsn-button-size-small-icon-only-padding);\n}\n\n.dsn-button--icon-only.dsn-button--size-large {\n padding-inline: var(--dsn-button-size-large-icon-only-padding);\n}\n\n/* Icon Only \u2014 hide text label visually, keep accessible for screen readers */\n.dsn-button--icon-only .dsn-button__label {\n position: absolute;\n inline-size: 1px;\n block-size: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border: 0;\n}\n\n/* =============================================================================\n Focus State\n ============================================================================= */\n\n.dsn-button:focus-visible {\n background-color: var(--dsn-focus-background-color);\n color: var(--dsn-focus-color);\n border-color: var(--dsn-focus-background-color);\n outline: var(--dsn-focus-outline-width) var(--dsn-focus-outline-style)\n var(--dsn-focus-outline-color);\n outline-offset: var(--dsn-focus-outline-offset);\n box-shadow: 0 0 0\n calc(var(--dsn-focus-outline-offset) + var(--dsn-focus-outline-width))\n var(--dsn-focus-inverse-outline-color);\n}\n\n/* =============================================================================\n Color Variants\n ============================================================================= */\n\n/* Variant: Strong (main CTA) */\n.dsn-button--strong {\n background-color: var(--dsn-button-strong-background-color);\n color: var(--dsn-button-strong-color);\n border-color: var(--dsn-button-strong-border-color);\n}\n\n.dsn-button--strong:hover:not(:disabled) {\n background-color: var(--dsn-button-strong-hover-background-color);\n color: var(--dsn-button-strong-hover-color);\n border-color: var(--dsn-button-strong-hover-border-color);\n}\n\n.dsn-button--strong:active:not(:disabled) {\n background-color: var(--dsn-button-strong-active-background-color);\n color: var(--dsn-button-strong-active-color);\n border-color: var(--dsn-button-strong-active-border-color);\n}\n\n/* Variant: Default (alternative actions) */\n.dsn-button--default {\n background-color: var(--dsn-button-default-background-color);\n color: var(--dsn-button-default-color);\n border-color: var(--dsn-button-default-border-color);\n}\n\n.dsn-button--default:hover:not(:disabled) {\n background-color: var(--dsn-button-default-hover-background-color);\n color: var(--dsn-button-default-hover-color);\n border-color: var(--dsn-button-default-hover-border-color);\n}\n\n.dsn-button--default:active:not(:disabled) {\n background-color: var(--dsn-button-default-active-background-color);\n color: var(--dsn-button-default-active-color);\n border-color: var(--dsn-button-default-active-border-color);\n}\n\n/* Variant: Subtle (low emphasis) */\n.dsn-button--subtle {\n background-color: var(--dsn-button-subtle-background-color);\n color: var(--dsn-button-subtle-color);\n border-color: var(--dsn-button-subtle-border-color);\n}\n\n.dsn-button--subtle:hover:not(:disabled) {\n background-color: var(--dsn-button-subtle-hover-background-color);\n color: var(--dsn-button-subtle-hover-color);\n border-color: var(--dsn-button-subtle-hover-border-color);\n}\n\n.dsn-button--subtle:active:not(:disabled) {\n background-color: var(--dsn-button-subtle-active-background-color);\n color: var(--dsn-button-subtle-active-color);\n border-color: var(--dsn-button-subtle-active-border-color);\n}\n\n/* =============================================================================\n Sentiment Variants: Negative\n ============================================================================= */\n\n.dsn-button--strong-negative {\n background-color: var(--dsn-button-strong-negative-background-color);\n color: var(--dsn-button-strong-negative-color);\n border-color: var(--dsn-button-strong-negative-border-color);\n}\n\n.dsn-button--strong-negative:hover:not(:disabled) {\n background-color: var(--dsn-button-strong-negative-hover-background-color);\n color: var(--dsn-button-strong-negative-hover-color);\n border-color: var(--dsn-button-strong-negative-hover-border-color);\n}\n\n.dsn-button--strong-negative:active:not(:disabled) {\n background-color: var(--dsn-button-strong-negative-active-background-color);\n color: var(--dsn-button-strong-negative-active-color);\n border-color: var(--dsn-button-strong-negative-active-border-color);\n}\n\n.dsn-button--default-negative {\n background-color: var(--dsn-button-default-negative-background-color);\n color: var(--dsn-button-default-negative-color);\n border-color: var(--dsn-button-default-negative-border-color);\n}\n\n.dsn-button--default-negative:hover:not(:disabled) {\n background-color: var(--dsn-button-default-negative-hover-background-color);\n color: var(--dsn-button-default-negative-hover-color);\n border-color: var(--dsn-button-default-negative-hover-border-color);\n}\n\n.dsn-button--default-negative:active:not(:disabled) {\n background-color: var(--dsn-button-default-negative-active-background-color);\n color: var(--dsn-button-default-negative-active-color);\n border-color: var(--dsn-button-default-negative-active-border-color);\n}\n\n.dsn-button--subtle-negative {\n background-color: var(--dsn-button-subtle-negative-background-color);\n color: var(--dsn-button-subtle-negative-color);\n border-color: var(--dsn-button-subtle-negative-border-color);\n}\n\n.dsn-button--subtle-negative:hover:not(:disabled) {\n background-color: var(--dsn-button-subtle-negative-hover-background-color);\n color: var(--dsn-button-subtle-negative-hover-color);\n border-color: var(--dsn-button-subtle-negative-hover-border-color);\n}\n\n.dsn-button--subtle-negative:active:not(:disabled) {\n background-color: var(--dsn-button-subtle-negative-active-background-color);\n color: var(--dsn-button-subtle-negative-active-color);\n border-color: var(--dsn-button-subtle-negative-active-border-color);\n}\n\n/* =============================================================================\n Sentiment Variants: Positive\n ============================================================================= */\n\n.dsn-button--strong-positive {\n background-color: var(--dsn-button-strong-positive-background-color);\n color: var(--dsn-button-strong-positive-color);\n border-color: var(--dsn-button-strong-positive-border-color);\n}\n\n.dsn-button--strong-positive:hover:not(:disabled) {\n background-color: var(--dsn-button-strong-positive-hover-background-color);\n color: var(--dsn-button-strong-positive-hover-color);\n border-color: var(--dsn-button-strong-positive-hover-border-color);\n}\n\n.dsn-button--strong-positive:active:not(:disabled) {\n background-color: var(--dsn-button-strong-positive-active-background-color);\n color: var(--dsn-button-strong-positive-active-color);\n border-color: var(--dsn-button-strong-positive-active-border-color);\n}\n\n.dsn-button--default-positive {\n background-color: var(--dsn-button-default-positive-background-color);\n color: var(--dsn-button-default-positive-color);\n border-color: var(--dsn-button-default-positive-border-color);\n}\n\n.dsn-button--default-positive:hover:not(:disabled) {\n background-color: var(--dsn-button-default-positive-hover-background-color);\n color: var(--dsn-button-default-positive-hover-color);\n border-color: var(--dsn-button-default-positive-hover-border-color);\n}\n\n.dsn-button--default-positive:active:not(:disabled) {\n background-color: var(--dsn-button-default-positive-active-background-color);\n color: var(--dsn-button-default-positive-active-color);\n border-color: var(--dsn-button-default-positive-active-border-color);\n}\n\n.dsn-button--subtle-positive {\n background-color: var(--dsn-button-subtle-positive-background-color);\n color: var(--dsn-button-subtle-positive-color);\n border-color: var(--dsn-button-subtle-positive-border-color);\n}\n\n.dsn-button--subtle-positive:hover:not(:disabled) {\n background-color: var(--dsn-button-subtle-positive-hover-background-color);\n color: var(--dsn-button-subtle-positive-hover-color);\n border-color: var(--dsn-button-subtle-positive-hover-border-color);\n}\n\n.dsn-button--subtle-positive:active:not(:disabled) {\n background-color: var(--dsn-button-subtle-positive-active-background-color);\n color: var(--dsn-button-subtle-positive-active-color);\n border-color: var(--dsn-button-subtle-positive-active-border-color);\n}\n\n/* =============================================================================\n States\n ============================================================================= */\n\n/* Disabled State */\n.dsn-button:disabled {\n background-color: var(--dsn-button-disabled-background-color);\n color: var(--dsn-button-disabled-color);\n border-color: var(--dsn-button-disabled-border-color);\n cursor: not-allowed;\n}\n\n/* Loading State */\n.dsn-button--loading {\n pointer-events: none;\n}\n\n.dsn-button--loading > .dsn-button__loader {\n animation: dsn-button-spin 0.8s linear infinite;\n}\n\n@keyframes dsn-button-spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n/* Full Width */\n.dsn-button--full-width {\n width: 100%;\n}\n\n";
|
|
2
|
-
//# sourceMappingURL=button-styles.generated.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button-styles.generated.d.ts","sourceRoot":"","sources":["../../src/button/button-styles.generated.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,ijYAA4iY,CAAC"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
// Auto-generated — do not edit manually.
|
|
2
|
-
// Source: button.shadow.css + components-html source
|
|
3
|
-
export const buttonStyles = "/**\n * Shadow DOM wrapper styles for the Button Web Component.\n * The core button styles are imported from the shared HTML/CSS source.\n */\n\n:host {\n display: inline-block;\n}\n\n:host([full-width]) {\n display: block;\n width: 100%;\n}\n\n::slotted(*) {\n pointer-events: none;\n}\n\n/* Shared button styles - single source of truth */\n/**\n * Button Component\n * Uses component tokens for consistent styling\n */\n\n.dsn-button {\n /* Reset */\n display: inline-flex;\n align-self: flex-start;\n align-items: center;\n justify-content: center;\n position: relative; /* Ankerpunt voor DotBadge */\n\n /* Typography */\n font-family: var(--dsn-button-font-family);\n font-weight: var(--dsn-button-font-weight);\n line-height: var(--dsn-button-line-height);\n text-decoration: none;\n\n /* Borders */\n border: var(--dsn-button-border-width) solid transparent;\n border-radius: var(--dsn-button-border-radius);\n\n /* Interaction */\n cursor: pointer;\n user-select: none;\n transition:\n background-color var(--dsn-transition-duration-normal)\n var(--dsn-transition-easing-default),\n color var(--dsn-transition-duration-normal)\n var(--dsn-transition-easing-default),\n border-color var(--dsn-transition-duration-normal)\n var(--dsn-transition-easing-default);\n\n /* Accessibility - WCAG pointer target */\n min-block-size: var(--dsn-button-min-block-size);\n min-inline-size: var(--dsn-button-min-inline-size);\n}\n\n/* =============================================================================\n Size Variants\n ============================================================================= */\n\n.dsn-button--size-small {\n font-size: var(--dsn-button-size-small-font-size);\n padding-block: var(--dsn-button-size-small-padding-block);\n padding-inline: var(--dsn-button-size-small-padding-inline);\n gap: var(--dsn-button-size-small-gap);\n min-block-size: var(--dsn-button-size-small-min-block-size);\n}\n\n.dsn-button--size-default {\n font-size: var(--dsn-button-size-default-font-size);\n padding-block: var(--dsn-button-size-default-padding-block);\n padding-inline: var(--dsn-button-size-default-padding-inline);\n gap: var(--dsn-button-size-default-gap);\n}\n\n.dsn-button--size-large {\n font-size: var(--dsn-button-size-large-font-size);\n padding-block: var(--dsn-button-size-large-padding-block);\n padding-inline: var(--dsn-button-size-large-padding-inline);\n gap: var(--dsn-button-size-large-gap);\n}\n\n/* Icon sizing per button size */\n.dsn-button--size-small > .dsn-icon {\n width: var(--dsn-button-size-small-icon-size);\n height: var(--dsn-button-size-small-icon-size);\n}\n\n.dsn-button--size-default > .dsn-icon {\n width: var(--dsn-button-size-default-icon-size);\n height: var(--dsn-button-size-default-icon-size);\n}\n\n.dsn-button--size-large > .dsn-icon {\n width: var(--dsn-button-size-large-icon-size);\n height: var(--dsn-button-size-large-icon-size);\n}\n\n/* Icon Only Button */\n.dsn-button--icon-only {\n padding-inline: var(--dsn-button-size-default-icon-only-padding);\n}\n\n.dsn-button--icon-only.dsn-button--size-small {\n padding-inline: var(--dsn-button-size-small-icon-only-padding);\n}\n\n.dsn-button--icon-only.dsn-button--size-large {\n padding-inline: var(--dsn-button-size-large-icon-only-padding);\n}\n\n/* Icon Only — hide text label visually, keep accessible for screen readers */\n.dsn-button--icon-only .dsn-button__label {\n position: absolute;\n inline-size: 1px;\n block-size: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border: 0;\n}\n\n/* =============================================================================\n Focus State\n ============================================================================= */\n\n.dsn-button:focus-visible {\n background-color: var(--dsn-focus-background-color);\n color: var(--dsn-focus-color);\n border-color: var(--dsn-focus-background-color);\n outline: var(--dsn-focus-outline-width) var(--dsn-focus-outline-style)\n var(--dsn-focus-outline-color);\n outline-offset: var(--dsn-focus-outline-offset);\n box-shadow: 0 0 0\n calc(var(--dsn-focus-outline-offset) + var(--dsn-focus-outline-width))\n var(--dsn-focus-inverse-outline-color);\n}\n\n/* =============================================================================\n Color Variants\n ============================================================================= */\n\n/* Variant: Strong (main CTA) */\n.dsn-button--strong {\n background-color: var(--dsn-button-strong-background-color);\n color: var(--dsn-button-strong-color);\n border-color: var(--dsn-button-strong-border-color);\n}\n\n.dsn-button--strong:hover:not(:disabled) {\n background-color: var(--dsn-button-strong-hover-background-color);\n color: var(--dsn-button-strong-hover-color);\n border-color: var(--dsn-button-strong-hover-border-color);\n}\n\n.dsn-button--strong:active:not(:disabled) {\n background-color: var(--dsn-button-strong-active-background-color);\n color: var(--dsn-button-strong-active-color);\n border-color: var(--dsn-button-strong-active-border-color);\n}\n\n/* Variant: Default (alternative actions) */\n.dsn-button--default {\n background-color: var(--dsn-button-default-background-color);\n color: var(--dsn-button-default-color);\n border-color: var(--dsn-button-default-border-color);\n}\n\n.dsn-button--default:hover:not(:disabled) {\n background-color: var(--dsn-button-default-hover-background-color);\n color: var(--dsn-button-default-hover-color);\n border-color: var(--dsn-button-default-hover-border-color);\n}\n\n.dsn-button--default:active:not(:disabled) {\n background-color: var(--dsn-button-default-active-background-color);\n color: var(--dsn-button-default-active-color);\n border-color: var(--dsn-button-default-active-border-color);\n}\n\n/* Variant: Subtle (low emphasis) */\n.dsn-button--subtle {\n background-color: var(--dsn-button-subtle-background-color);\n color: var(--dsn-button-subtle-color);\n border-color: var(--dsn-button-subtle-border-color);\n}\n\n.dsn-button--subtle:hover:not(:disabled) {\n background-color: var(--dsn-button-subtle-hover-background-color);\n color: var(--dsn-button-subtle-hover-color);\n border-color: var(--dsn-button-subtle-hover-border-color);\n}\n\n.dsn-button--subtle:active:not(:disabled) {\n background-color: var(--dsn-button-subtle-active-background-color);\n color: var(--dsn-button-subtle-active-color);\n border-color: var(--dsn-button-subtle-active-border-color);\n}\n\n/* =============================================================================\n Sentiment Variants: Negative\n ============================================================================= */\n\n.dsn-button--strong-negative {\n background-color: var(--dsn-button-strong-negative-background-color);\n color: var(--dsn-button-strong-negative-color);\n border-color: var(--dsn-button-strong-negative-border-color);\n}\n\n.dsn-button--strong-negative:hover:not(:disabled) {\n background-color: var(--dsn-button-strong-negative-hover-background-color);\n color: var(--dsn-button-strong-negative-hover-color);\n border-color: var(--dsn-button-strong-negative-hover-border-color);\n}\n\n.dsn-button--strong-negative:active:not(:disabled) {\n background-color: var(--dsn-button-strong-negative-active-background-color);\n color: var(--dsn-button-strong-negative-active-color);\n border-color: var(--dsn-button-strong-negative-active-border-color);\n}\n\n.dsn-button--default-negative {\n background-color: var(--dsn-button-default-negative-background-color);\n color: var(--dsn-button-default-negative-color);\n border-color: var(--dsn-button-default-negative-border-color);\n}\n\n.dsn-button--default-negative:hover:not(:disabled) {\n background-color: var(--dsn-button-default-negative-hover-background-color);\n color: var(--dsn-button-default-negative-hover-color);\n border-color: var(--dsn-button-default-negative-hover-border-color);\n}\n\n.dsn-button--default-negative:active:not(:disabled) {\n background-color: var(--dsn-button-default-negative-active-background-color);\n color: var(--dsn-button-default-negative-active-color);\n border-color: var(--dsn-button-default-negative-active-border-color);\n}\n\n.dsn-button--subtle-negative {\n background-color: var(--dsn-button-subtle-negative-background-color);\n color: var(--dsn-button-subtle-negative-color);\n border-color: var(--dsn-button-subtle-negative-border-color);\n}\n\n.dsn-button--subtle-negative:hover:not(:disabled) {\n background-color: var(--dsn-button-subtle-negative-hover-background-color);\n color: var(--dsn-button-subtle-negative-hover-color);\n border-color: var(--dsn-button-subtle-negative-hover-border-color);\n}\n\n.dsn-button--subtle-negative:active:not(:disabled) {\n background-color: var(--dsn-button-subtle-negative-active-background-color);\n color: var(--dsn-button-subtle-negative-active-color);\n border-color: var(--dsn-button-subtle-negative-active-border-color);\n}\n\n/* =============================================================================\n Sentiment Variants: Positive\n ============================================================================= */\n\n.dsn-button--strong-positive {\n background-color: var(--dsn-button-strong-positive-background-color);\n color: var(--dsn-button-strong-positive-color);\n border-color: var(--dsn-button-strong-positive-border-color);\n}\n\n.dsn-button--strong-positive:hover:not(:disabled) {\n background-color: var(--dsn-button-strong-positive-hover-background-color);\n color: var(--dsn-button-strong-positive-hover-color);\n border-color: var(--dsn-button-strong-positive-hover-border-color);\n}\n\n.dsn-button--strong-positive:active:not(:disabled) {\n background-color: var(--dsn-button-strong-positive-active-background-color);\n color: var(--dsn-button-strong-positive-active-color);\n border-color: var(--dsn-button-strong-positive-active-border-color);\n}\n\n.dsn-button--default-positive {\n background-color: var(--dsn-button-default-positive-background-color);\n color: var(--dsn-button-default-positive-color);\n border-color: var(--dsn-button-default-positive-border-color);\n}\n\n.dsn-button--default-positive:hover:not(:disabled) {\n background-color: var(--dsn-button-default-positive-hover-background-color);\n color: var(--dsn-button-default-positive-hover-color);\n border-color: var(--dsn-button-default-positive-hover-border-color);\n}\n\n.dsn-button--default-positive:active:not(:disabled) {\n background-color: var(--dsn-button-default-positive-active-background-color);\n color: var(--dsn-button-default-positive-active-color);\n border-color: var(--dsn-button-default-positive-active-border-color);\n}\n\n.dsn-button--subtle-positive {\n background-color: var(--dsn-button-subtle-positive-background-color);\n color: var(--dsn-button-subtle-positive-color);\n border-color: var(--dsn-button-subtle-positive-border-color);\n}\n\n.dsn-button--subtle-positive:hover:not(:disabled) {\n background-color: var(--dsn-button-subtle-positive-hover-background-color);\n color: var(--dsn-button-subtle-positive-hover-color);\n border-color: var(--dsn-button-subtle-positive-hover-border-color);\n}\n\n.dsn-button--subtle-positive:active:not(:disabled) {\n background-color: var(--dsn-button-subtle-positive-active-background-color);\n color: var(--dsn-button-subtle-positive-active-color);\n border-color: var(--dsn-button-subtle-positive-active-border-color);\n}\n\n/* =============================================================================\n States\n ============================================================================= */\n\n/* Disabled State */\n.dsn-button:disabled {\n background-color: var(--dsn-button-disabled-background-color);\n color: var(--dsn-button-disabled-color);\n border-color: var(--dsn-button-disabled-border-color);\n cursor: not-allowed;\n}\n\n/* Loading State */\n.dsn-button--loading {\n pointer-events: none;\n}\n\n.dsn-button--loading > .dsn-button__loader {\n animation: dsn-button-spin 0.8s linear infinite;\n}\n\n@keyframes dsn-button-spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n/* Full Width */\n.dsn-button--full-width {\n width: 100%;\n}\n\n";
|
|
4
|
-
//# sourceMappingURL=button-styles.generated.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button-styles.generated.js","sourceRoot":"","sources":["../../src/button/button-styles.generated.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,qDAAqD;AACrD,MAAM,CAAC,MAAM,YAAY,GAAG,yiYAAyiY,CAAC"}
|
package/dist/button/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACnD,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}
|
package/dist/button/index.js
DELETED
package/dist/button/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* DSN Heading Web Component
|
|
3
|
-
*
|
|
4
|
-
* A custom element that provides styled headings with independent
|
|
5
|
-
* semantic level and visual appearance.
|
|
6
|
-
*
|
|
7
|
-
* @example
|
|
8
|
-
* ```html
|
|
9
|
-
* <dsn-heading>Default h2 heading</dsn-heading>
|
|
10
|
-
* <dsn-heading level="1">Page Title</dsn-heading>
|
|
11
|
-
* <dsn-heading level="2" appearance="heading-4">Smaller h2</dsn-heading>
|
|
12
|
-
* ```
|
|
13
|
-
*/
|
|
14
|
-
export type HeadingLevel = '1' | '2' | '3' | '4' | '5' | '6';
|
|
15
|
-
export type HeadingAppearance = 'heading-1' | 'heading-2' | 'heading-3' | 'heading-4' | 'heading-5' | 'heading-6';
|
|
16
|
-
export declare class DsnHeading extends HTMLElement {
|
|
17
|
-
static get observedAttributes(): string[];
|
|
18
|
-
private _heading;
|
|
19
|
-
constructor();
|
|
20
|
-
connectedCallback(): void;
|
|
21
|
-
attributeChangedCallback(name: string): void;
|
|
22
|
-
private _updateElement;
|
|
23
|
-
private _updateClasses;
|
|
24
|
-
get level(): HeadingLevel;
|
|
25
|
-
set level(value: HeadingLevel);
|
|
26
|
-
get appearance(): HeadingAppearance;
|
|
27
|
-
set appearance(value: HeadingAppearance);
|
|
28
|
-
}
|
|
29
|
-
export declare function defineHeading(tagName?: string): void;
|
|
30
|
-
//# sourceMappingURL=Heading.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../src/heading/Heading.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,MAAM,MAAM,YAAY,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAC7D,MAAM,MAAM,iBAAiB,GACzB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAKhB,qBAAa,UAAW,SAAQ,WAAW;IACzC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,OAAO,CAAC,QAAQ,CAAc;;IAkB9B,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAO5C,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,cAAc;IAOtB,IAAI,KAAK,IAAI,YAAY,CAExB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,YAAY,EAE5B;IAGD,IAAI,UAAU,IAAI,iBAAiB,CAGlC;IAED,IAAI,UAAU,CAAC,KAAK,EAAE,iBAAiB,EAEtC;CACF;AAGD,wBAAgB,aAAa,CAAC,OAAO,SAAgB,GAAG,IAAI,CAI3D"}
|
package/dist/heading/Heading.js
DELETED
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* DSN Heading Web Component
|
|
3
|
-
*
|
|
4
|
-
* A custom element that provides styled headings with independent
|
|
5
|
-
* semantic level and visual appearance.
|
|
6
|
-
*
|
|
7
|
-
* @example
|
|
8
|
-
* ```html
|
|
9
|
-
* <dsn-heading>Default h2 heading</dsn-heading>
|
|
10
|
-
* <dsn-heading level="1">Page Title</dsn-heading>
|
|
11
|
-
* <dsn-heading level="2" appearance="heading-4">Smaller h2</dsn-heading>
|
|
12
|
-
* ```
|
|
13
|
-
*/
|
|
14
|
-
// Auto-generated CSS from shared source — run `node scripts/build-css.js` to regenerate
|
|
15
|
-
import { headingStyles } from './heading-styles.generated';
|
|
16
|
-
export class DsnHeading extends HTMLElement {
|
|
17
|
-
static get observedAttributes() {
|
|
18
|
-
return ['level', 'appearance'];
|
|
19
|
-
}
|
|
20
|
-
constructor() {
|
|
21
|
-
super();
|
|
22
|
-
this.attachShadow({ mode: 'open' });
|
|
23
|
-
// Default to h2
|
|
24
|
-
this._heading = document.createElement('h2');
|
|
25
|
-
this._heading.innerHTML = '<slot></slot>';
|
|
26
|
-
// Create style element with embedded CSS
|
|
27
|
-
const style = document.createElement('style');
|
|
28
|
-
style.textContent = headingStyles;
|
|
29
|
-
this.shadowRoot.appendChild(style);
|
|
30
|
-
this.shadowRoot.appendChild(this._heading);
|
|
31
|
-
}
|
|
32
|
-
connectedCallback() {
|
|
33
|
-
this._updateElement();
|
|
34
|
-
this._updateClasses();
|
|
35
|
-
}
|
|
36
|
-
attributeChangedCallback(name) {
|
|
37
|
-
if (name === 'level') {
|
|
38
|
-
this._updateElement();
|
|
39
|
-
}
|
|
40
|
-
this._updateClasses();
|
|
41
|
-
}
|
|
42
|
-
_updateElement() {
|
|
43
|
-
const tag = `h${this.level}`;
|
|
44
|
-
if (this._heading.tagName.toLowerCase() !== tag) {
|
|
45
|
-
const newHeading = document.createElement(tag);
|
|
46
|
-
newHeading.innerHTML = '<slot></slot>';
|
|
47
|
-
newHeading.className = this._heading.className;
|
|
48
|
-
this.shadowRoot.replaceChild(newHeading, this._heading);
|
|
49
|
-
this._heading = newHeading;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
_updateClasses() {
|
|
53
|
-
const appearance = this.appearance;
|
|
54
|
-
const classes = ['dsn-heading', `dsn-heading--${appearance}`];
|
|
55
|
-
this._heading.className = classes.join(' ');
|
|
56
|
-
}
|
|
57
|
-
// Property: level
|
|
58
|
-
get level() {
|
|
59
|
-
return this.getAttribute('level') || '2';
|
|
60
|
-
}
|
|
61
|
-
set level(value) {
|
|
62
|
-
this.setAttribute('level', value);
|
|
63
|
-
}
|
|
64
|
-
// Property: appearance
|
|
65
|
-
get appearance() {
|
|
66
|
-
const attr = this.getAttribute('appearance');
|
|
67
|
-
return attr || `heading-${this.level}`;
|
|
68
|
-
}
|
|
69
|
-
set appearance(value) {
|
|
70
|
-
this.setAttribute('appearance', value);
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
// Register the custom element
|
|
74
|
-
export function defineHeading(tagName = 'dsn-heading') {
|
|
75
|
-
if (!customElements.get(tagName)) {
|
|
76
|
-
customElements.define(tagName, DsnHeading);
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
//# sourceMappingURL=Heading.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../src/heading/Heading.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.test.d.ts","sourceRoot":"","sources":["../../src/heading/Heading.test.ts"],"names":[],"mappings":""}
|