@dsn-starter-kit/components-web 2.0.0 → 3.1.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.
Files changed (129) hide show
  1. package/dist/index.cjs +929 -0
  2. package/dist/index.cjs.map +1 -0
  3. package/dist/index.d.cts +258 -0
  4. package/dist/index.d.cts.map +1 -0
  5. package/dist/index.d.mts +258 -0
  6. package/dist/index.d.mts.map +1 -0
  7. package/dist/index.mjs +914 -0
  8. package/dist/index.mjs.map +1 -0
  9. package/package.json +22 -13
  10. package/dist/button/Button.d.ts +0 -50
  11. package/dist/button/Button.d.ts.map +0 -1
  12. package/dist/button/Button.js +0 -247
  13. package/dist/button/Button.js.map +0 -1
  14. package/dist/button/Button.test.d.ts +0 -2
  15. package/dist/button/Button.test.d.ts.map +0 -1
  16. package/dist/button/Button.test.js +0 -299
  17. package/dist/button/Button.test.js.map +0 -1
  18. package/dist/button/button-styles.generated.d.ts +0 -2
  19. package/dist/button/button-styles.generated.d.ts.map +0 -1
  20. package/dist/button/button-styles.generated.js +0 -4
  21. package/dist/button/button-styles.generated.js.map +0 -1
  22. package/dist/button/index.d.ts +0 -3
  23. package/dist/button/index.d.ts.map +0 -1
  24. package/dist/button/index.js +0 -2
  25. package/dist/button/index.js.map +0 -1
  26. package/dist/heading/Heading.d.ts +0 -30
  27. package/dist/heading/Heading.d.ts.map +0 -1
  28. package/dist/heading/Heading.js +0 -79
  29. package/dist/heading/Heading.js.map +0 -1
  30. package/dist/heading/Heading.test.d.ts +0 -2
  31. package/dist/heading/Heading.test.d.ts.map +0 -1
  32. package/dist/heading/Heading.test.js +0 -157
  33. package/dist/heading/Heading.test.js.map +0 -1
  34. package/dist/heading/heading-styles.generated.d.ts +0 -2
  35. package/dist/heading/heading-styles.generated.d.ts.map +0 -1
  36. package/dist/heading/heading-styles.generated.js +0 -4
  37. package/dist/heading/heading-styles.generated.js.map +0 -1
  38. package/dist/heading/index.d.ts +0 -3
  39. package/dist/heading/index.d.ts.map +0 -1
  40. package/dist/heading/index.js +0 -2
  41. package/dist/heading/index.js.map +0 -1
  42. package/dist/icon/Icon.d.ts +0 -31
  43. package/dist/icon/Icon.d.ts.map +0 -1
  44. package/dist/icon/Icon.js +0 -110
  45. package/dist/icon/Icon.js.map +0 -1
  46. package/dist/icon/Icon.test.d.ts +0 -2
  47. package/dist/icon/Icon.test.d.ts.map +0 -1
  48. package/dist/icon/Icon.test.js +0 -193
  49. package/dist/icon/Icon.test.js.map +0 -1
  50. package/dist/icon/icon-paths.generated.d.ts +0 -2
  51. package/dist/icon/icon-paths.generated.d.ts.map +0 -1
  52. package/dist/icon/icon-paths.generated.js +0 -56
  53. package/dist/icon/icon-paths.generated.js.map +0 -1
  54. package/dist/icon/icon-styles.generated.d.ts +0 -2
  55. package/dist/icon/icon-styles.generated.d.ts.map +0 -1
  56. package/dist/icon/icon-styles.generated.js +0 -4
  57. package/dist/icon/icon-styles.generated.js.map +0 -1
  58. package/dist/icon/index.d.ts +0 -3
  59. package/dist/icon/index.d.ts.map +0 -1
  60. package/dist/icon/index.js +0 -2
  61. package/dist/icon/index.js.map +0 -1
  62. package/dist/index.d.ts +0 -52
  63. package/dist/index.d.ts.map +0 -1
  64. package/dist/index.js +0 -71
  65. package/dist/index.js.map +0 -1
  66. package/dist/link/Link.d.ts +0 -52
  67. package/dist/link/Link.d.ts.map +0 -1
  68. package/dist/link/Link.js +0 -260
  69. package/dist/link/Link.js.map +0 -1
  70. package/dist/link/Link.test.d.ts +0 -2
  71. package/dist/link/Link.test.d.ts.map +0 -1
  72. package/dist/link/Link.test.js +0 -256
  73. package/dist/link/Link.test.js.map +0 -1
  74. package/dist/link/index.d.ts +0 -3
  75. package/dist/link/index.d.ts.map +0 -1
  76. package/dist/link/index.js +0 -2
  77. package/dist/link/index.js.map +0 -1
  78. package/dist/link/link-styles.generated.d.ts +0 -2
  79. package/dist/link/link-styles.generated.d.ts.map +0 -1
  80. package/dist/link/link-styles.generated.js +0 -4
  81. package/dist/link/link-styles.generated.js.map +0 -1
  82. package/dist/ordered-list/OrderedList.d.ts +0 -32
  83. package/dist/ordered-list/OrderedList.d.ts.map +0 -1
  84. package/dist/ordered-list/OrderedList.js +0 -72
  85. package/dist/ordered-list/OrderedList.js.map +0 -1
  86. package/dist/ordered-list/OrderedList.test.d.ts +0 -2
  87. package/dist/ordered-list/OrderedList.test.d.ts.map +0 -1
  88. package/dist/ordered-list/OrderedList.test.js +0 -82
  89. package/dist/ordered-list/OrderedList.test.js.map +0 -1
  90. package/dist/ordered-list/index.d.ts +0 -2
  91. package/dist/ordered-list/index.d.ts.map +0 -1
  92. package/dist/ordered-list/index.js +0 -2
  93. package/dist/ordered-list/index.js.map +0 -1
  94. package/dist/ordered-list/ordered-list-styles.generated.d.ts +0 -2
  95. package/dist/ordered-list/ordered-list-styles.generated.d.ts.map +0 -1
  96. package/dist/ordered-list/ordered-list-styles.generated.js +0 -4
  97. package/dist/ordered-list/ordered-list-styles.generated.js.map +0 -1
  98. package/dist/paragraph/Paragraph.d.ts +0 -26
  99. package/dist/paragraph/Paragraph.d.ts.map +0 -1
  100. package/dist/paragraph/Paragraph.js +0 -60
  101. package/dist/paragraph/Paragraph.js.map +0 -1
  102. package/dist/paragraph/Paragraph.test.d.ts +0 -2
  103. package/dist/paragraph/Paragraph.test.d.ts.map +0 -1
  104. package/dist/paragraph/Paragraph.test.js +0 -121
  105. package/dist/paragraph/Paragraph.test.js.map +0 -1
  106. package/dist/paragraph/index.d.ts +0 -3
  107. package/dist/paragraph/index.d.ts.map +0 -1
  108. package/dist/paragraph/index.js +0 -2
  109. package/dist/paragraph/index.js.map +0 -1
  110. package/dist/paragraph/paragraph-styles.generated.d.ts +0 -2
  111. package/dist/paragraph/paragraph-styles.generated.d.ts.map +0 -1
  112. package/dist/paragraph/paragraph-styles.generated.js +0 -4
  113. package/dist/paragraph/paragraph-styles.generated.js.map +0 -1
  114. package/dist/unordered-list/UnorderedList.d.ts +0 -22
  115. package/dist/unordered-list/UnorderedList.d.ts.map +0 -1
  116. package/dist/unordered-list/UnorderedList.js +0 -42
  117. package/dist/unordered-list/UnorderedList.js.map +0 -1
  118. package/dist/unordered-list/UnorderedList.test.d.ts +0 -2
  119. package/dist/unordered-list/UnorderedList.test.d.ts.map +0 -1
  120. package/dist/unordered-list/UnorderedList.test.js +0 -56
  121. package/dist/unordered-list/UnorderedList.test.js.map +0 -1
  122. package/dist/unordered-list/index.d.ts +0 -2
  123. package/dist/unordered-list/index.d.ts.map +0 -1
  124. package/dist/unordered-list/index.js +0 -2
  125. package/dist/unordered-list/index.js.map +0 -1
  126. package/dist/unordered-list/unordered-list-styles.generated.d.ts +0 -2
  127. package/dist/unordered-list/unordered-list-styles.generated.d.ts.map +0 -1
  128. package/dist/unordered-list/unordered-list-styles.generated.js +0 -4
  129. 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"}
@@ -1,3 +0,0 @@
1
- export { DsnButton, defineButton } from './Button';
2
- export type { ButtonVariant, ButtonSize } from './Button';
3
- //# sourceMappingURL=index.d.ts.map
@@ -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"}
@@ -1,2 +0,0 @@
1
- export { DsnButton, defineButton } from './Button';
2
- //# sourceMappingURL=index.js.map
@@ -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"}
@@ -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,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Heading.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Heading.test.d.ts","sourceRoot":"","sources":["../../src/heading/Heading.test.ts"],"names":[],"mappings":""}