@mattilsynet/design 0.0.8 → 0.0.10

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 (13) hide show
  1. package/mtds/index.d.ts +31 -2
  2. package/mtds/index.iife.js +4 -0
  3. package/mtds/index.iife.js.map +1 -0
  4. package/mtds/index.js +158 -5
  5. package/mtds/index.js.map +1 -1
  6. package/mtds/styles.css +549 -435
  7. package/mtds/styles.json +13 -275
  8. package/package.json +12 -10
  9. package/mtds/field/field.d.ts +0 -2
  10. package/mtds/field/field.js +0 -44
  11. package/mtds/field/field.js.map +0 -1
  12. package/mtds/styles.module.css.js +0 -292
  13. package/mtds/styles.module.css.js.map +0 -1
package/mtds/styles.json CHANGED
@@ -1,277 +1,15 @@
1
1
  {
2
- "ds-sr-only": "_ds-sr-only_d9ygf_1",
3
- "ds-focus": "_ds-focus_d9ygf_1",
4
- "ds-focus--visible": "_ds-focus--visible_d9ygf_1",
5
- "ds-heading": "_ds-heading_d9ygf_1",
6
- "ds-label": "_ds-label_d9ygf_1",
7
- "ds-paragraph": "_ds-paragraph_d9ygf_1",
8
- "ds-validation-message": "_ds-validation-message_d9ygf_1",
9
- "ds-button": "_ds-button_d9ygf_1",
10
- "ds-field": "_ds-field_d9ygf_1",
11
- "ds-field-affixes": "_ds-field-affixes_d9ygf_1",
12
- "ds-field-affix": "_ds-field-affix_d9ygf_1",
13
- "ds-input": "_ds-input_d9ygf_1",
14
- "ds-alert": "_ds-alert_d9ygf_1",
15
- "ds-popover": "_ds-popover_d9ygf_1",
16
- "ds-skiplink": "_ds-skiplink_d9ygf_1",
17
- "ds-accordion-group": "_ds-accordion-group_d9ygf_1",
18
- "ds-accordion__item": "_ds-accordion__item_d9ygf_1",
19
- "ds-search": "_ds-search_d9ygf_1",
20
- "ds-textfield": "_ds-textfield_d9ygf_1",
21
- "ds-textfield__adornment": "_ds-textfield__adornment_d9ygf_1",
22
- "ds-textfield__input": "_ds-textfield__input_d9ygf_1",
23
- "ds-textfield--readonly": "_ds-textfield--readonly_d9ygf_1",
24
- "ds-textfield__field": "_ds-textfield__field_d9ygf_1",
25
- "ds-textfield--sm": "_ds-textfield--sm_d9ygf_1",
26
- "ds-textfield--md": "_ds-textfield--md_d9ygf_1",
27
- "ds-textfield--lg": "_ds-textfield--lg_d9ygf_1",
28
- "ds-textfield__label": "_ds-textfield__label_d9ygf_1",
29
- "ds-textfield__description": "_ds-textfield__description_d9ygf_1",
30
- "ds-textfield--error": "_ds-textfield--error_d9ygf_1",
31
- "ds-textfield__input--with-prefix": "_ds-textfield__input--with-prefix_d9ygf_1",
32
- "ds-textfield__input--with-suffix": "_ds-textfield__input--with-suffix_d9ygf_1",
33
- "ds-textfield__prefix": "_ds-textfield__prefix_d9ygf_1",
34
- "ds-textfield__suffix": "_ds-textfield__suffix_d9ygf_1",
35
- "ds-textfield__readonly__icon": "_ds-textfield__readonly__icon_d9ygf_1",
36
- "ds-textfield__error-message": "_ds-textfield__error-message_d9ygf_1",
37
- "ds-helptext": "_ds-helptext_d9ygf_1",
38
- "ds-modal": "_ds-modal_d9ygf_1",
39
- "fade-in": "_fade-in_d9ygf_1",
40
- "slide-in": "_slide-in_d9ygf_1",
41
- "ds-modal__block": "_ds-modal__block_d9ygf_1",
42
- "ds-list": "_ds-list_d9ygf_1",
43
- "ds-card": "_ds-card_d9ygf_1",
44
- "ds-card__block": "_ds-card__block_d9ygf_1",
45
- "ds-link": "_ds-link_d9ygf_1",
46
- "ds-fieldset": "_ds-fieldset_d9ygf_1",
47
- "ds-dropdown": "_ds-dropdown_d9ygf_1",
48
- "ds-chip": "_ds-chip_d9ygf_1",
49
- "ds-divider": "_ds-divider_d9ygf_1",
50
- "ds-tabs": "_ds-tabs_d9ygf_1",
51
- "ds-tabs__panel": "_ds-tabs__panel_d9ygf_1",
52
- "ds-tabs__tablist": "_ds-tabs__tablist_d9ygf_1",
53
- "ds-tabs__tab": "_ds-tabs__tab_d9ygf_1",
54
- "ds-pagination": "_ds-pagination_d9ygf_1",
55
- "ds-skeleton": "_ds-skeleton_d9ygf_1",
56
- "ds-skeleton-opacity-fade": "_ds-skeleton-opacity-fade_d9ygf_1",
57
- "ds-tag": "_ds-tag_d9ygf_1",
58
- "ds-error-summary": "_ds-error-summary_d9ygf_1",
59
- "ds-togglegroup": "_ds-togglegroup_d9ygf_1",
60
- "ds-tooltip": "_ds-tooltip_d9ygf_1",
61
- "ds-spinner": "_ds-spinner_d9ygf_1",
62
- "ds-spinner-rotate-animation": "_ds-spinner-rotate-animation_d9ygf_1",
63
- "ds-spinner__background": "_ds-spinner__background_d9ygf_1",
64
- "ds-spinner__circle": "_ds-spinner__circle_d9ygf_1",
65
- "ds-spinner-stroke-animation": "_ds-spinner-stroke-animation_d9ygf_1",
66
- "ds-table": "_ds-table_d9ygf_1",
67
- "ds-combobox": "_ds-combobox_d9ygf_1",
68
- "ds-combobox__options-wrapper": "_ds-combobox__options-wrapper_d9ygf_1",
69
- "ds-combobox--readonly": "_ds-combobox--readonly_d9ygf_1",
70
- "ds-combobox__input": "_ds-combobox__input_d9ygf_1",
71
- "ds-combobox__input__wrapper": "_ds-combobox__input__wrapper_d9ygf_1",
72
- "ds-combobox--sm": "_ds-combobox--sm_d9ygf_1",
73
- "ds-combobox--md": "_ds-combobox--md_d9ygf_1",
74
- "ds-combobox--lg": "_ds-combobox--lg_d9ygf_1",
75
- "ds-combobox--error": "_ds-combobox--error_d9ygf_1",
76
- "ds-combobox__chip-and-input": "_ds-combobox__chip-and-input_d9ygf_1",
77
- "ds-combobox__arrow": "_ds-combobox__arrow_d9ygf_1",
78
- "ds-combobox__label": "_ds-combobox__label_d9ygf_1",
79
- "ds-combobox__description": "_ds-combobox__description_d9ygf_1",
80
- "ds-combobox__clear-button": "_ds-combobox__clear-button_d9ygf_1",
81
- "ds-combobox__disabled": "_ds-combobox__disabled_d9ygf_1",
82
- "ds-combobox__readonly__icon": "_ds-combobox__readonly__icon_d9ygf_1",
83
- "ds-combobox__error-message": "_ds-combobox__error-message_d9ygf_1",
84
- "ds-combobox__loading": "_ds-combobox__loading_d9ygf_1",
85
- "ds-combobox__custom": "_ds-combobox__custom_d9ygf_1",
86
- "ds-combobox__empty": "_ds-combobox__empty_d9ygf_1",
87
- "ds-combobox__option": "_ds-combobox__option_d9ygf_1",
88
- "ds-combobox__option--active": "_ds-combobox__option--active_d9ygf_1",
89
- "ds-combobox__option--multiple": "_ds-combobox__option--multiple_d9ygf_1",
90
- "ds-combobox__option__label": "_ds-combobox__option__label_d9ygf_1",
91
- "ds-combobox__option__icon-wrapper": "_ds-combobox__option__icon-wrapper_d9ygf_1",
92
- "ds-combobox__option__icon-wrapper--selected": "_ds-combobox__option__icon-wrapper--selected_d9ygf_1",
93
- "ds-combobox__option__icon-wrapper__icon": "_ds-combobox__option__icon-wrapper__icon_d9ygf_1",
94
- "ds-combobox__option__description": "_ds-combobox__option__description_d9ygf_1",
95
- "ds-breadcrumbs": "_ds-breadcrumbs_d9ygf_1",
96
- "ds-badge": "_ds-badge_d9ygf_1",
97
- "ds-avatar": "_ds-avatar_d9ygf_1",
98
- "alert": "_alert_d9ygf_1 _ds-alert_1rdys_1",
99
- "breadcrumbs": "_breadcrumbs_d9ygf_1 _ds-breadcrumbs_1rdys_1",
100
- "button": "_button_d9ygf_1 _ds-button_1rdys_1",
101
- "field": "_field_d9ygf_1 _ds-field_1rdys_1",
102
- "autolayout": "_autolayout_d9ygf_1",
103
- "xs-10.2": "_xs-10.2_d9ygf_1",
104
- "xs-2.1": "_xs-2.1_d9ygf_1",
105
- "xs-3.9": "_xs-3.9_d9ygf_1",
106
- "xs-9.3": "_xs-9.3_d9ygf_1",
107
- "xs-4.8": "_xs-4.8_d9ygf_1",
108
- "xs-8.4": "_xs-8.4_d9ygf_1",
109
- "xs-5.7": "_xs-5.7_d9ygf_1",
110
- "xs-7.5": "_xs-7.5_d9ygf_1",
111
- "xs-0": "_xs-0_d9ygf_1",
112
- "xs-1": "_xs-1_d9ygf_1",
113
- "xs-2": "_xs-2_d9ygf_1",
114
- "xs-3": "_xs-3_d9ygf_1",
115
- "xs-4": "_xs-4_d9ygf_1",
116
- "xs-6": "_xs-6_d9ygf_1",
117
- "xs-row-gap-none": "_xs-row-gap-none_d9ygf_1",
118
- "xs-col-gap-none": "_xs-col-gap-none_d9ygf_1",
119
- "xs-row-gap-xs": "_xs-row-gap-xs_d9ygf_1",
120
- "xs-col-gap-xs": "_xs-col-gap-xs_d9ygf_1",
121
- "xs-row-gap-sm": "_xs-row-gap-sm_d9ygf_1",
122
- "xs-col-gap-sm": "_xs-col-gap-sm_d9ygf_1",
123
- "xs-row-gap-md": "_xs-row-gap-md_d9ygf_1",
124
- "xs-col-gap-md": "_xs-col-gap-md_d9ygf_1",
125
- "xs-row-gap-lg": "_xs-row-gap-lg_d9ygf_1",
126
- "xs-col-gap-lg": "_xs-col-gap-lg_d9ygf_1",
127
- "xs-row-gap-xl": "_xs-row-gap-xl_d9ygf_1",
128
- "xs-col-gap-xl": "_xs-col-gap-xl_d9ygf_1",
129
- "xs-row-gap-xxl": "_xs-row-gap-xxl_d9ygf_1",
130
- "xs-col-gap-xxl": "_xs-col-gap-xxl_d9ygf_1",
131
- "sm-2.1": "_sm-2.1_d9ygf_1",
132
- "sm-10.2": "_sm-10.2_d9ygf_1",
133
- "sm-3.9": "_sm-3.9_d9ygf_1",
134
- "sm-9.3": "_sm-9.3_d9ygf_1",
135
- "sm-4.8": "_sm-4.8_d9ygf_1",
136
- "sm-8.4": "_sm-8.4_d9ygf_1",
137
- "sm-5.7": "_sm-5.7_d9ygf_1",
138
- "sm-7.5": "_sm-7.5_d9ygf_1",
139
- "sm-0": "_sm-0_d9ygf_1",
140
- "sm-1": "_sm-1_d9ygf_1",
141
- "sm-2": "_sm-2_d9ygf_1",
142
- "sm-3": "_sm-3_d9ygf_1",
143
- "sm-4": "_sm-4_d9ygf_1",
144
- "sm-6": "_sm-6_d9ygf_1",
145
- "sm-row-gap-none": "_sm-row-gap-none_d9ygf_1",
146
- "sm-col-gap-none": "_sm-col-gap-none_d9ygf_1",
147
- "sm-row-gap-xs": "_sm-row-gap-xs_d9ygf_1",
148
- "sm-col-gap-xs": "_sm-col-gap-xs_d9ygf_1",
149
- "sm-row-gap-sm": "_sm-row-gap-sm_d9ygf_1",
150
- "sm-col-gap-sm": "_sm-col-gap-sm_d9ygf_1",
151
- "sm-row-gap-md": "_sm-row-gap-md_d9ygf_1",
152
- "sm-col-gap-md": "_sm-col-gap-md_d9ygf_1",
153
- "sm-row-gap-lg": "_sm-row-gap-lg_d9ygf_1",
154
- "sm-col-gap-lg": "_sm-col-gap-lg_d9ygf_1",
155
- "sm-row-gap-xl": "_sm-row-gap-xl_d9ygf_1",
156
- "sm-col-gap-xl": "_sm-col-gap-xl_d9ygf_1",
157
- "sm-row-gap-xxl": "_sm-row-gap-xxl_d9ygf_1",
158
- "sm-col-gap-xxl": "_sm-col-gap-xxl_d9ygf_1",
159
- "md-2.1": "_md-2.1_d9ygf_1",
160
- "md-10.2": "_md-10.2_d9ygf_1",
161
- "md-3.9": "_md-3.9_d9ygf_1",
162
- "md-9.3": "_md-9.3_d9ygf_1",
163
- "md-4.8": "_md-4.8_d9ygf_1",
164
- "md-8.4": "_md-8.4_d9ygf_1",
165
- "md-5.7": "_md-5.7_d9ygf_1",
166
- "md-7.5": "_md-7.5_d9ygf_1",
167
- "md-0": "_md-0_d9ygf_1",
168
- "md-1": "_md-1_d9ygf_1",
169
- "md-2": "_md-2_d9ygf_1",
170
- "md-3": "_md-3_d9ygf_1",
171
- "md-4": "_md-4_d9ygf_1",
172
- "md-6": "_md-6_d9ygf_1",
173
- "md-row-gap-none": "_md-row-gap-none_d9ygf_1",
174
- "md-col-gap-none": "_md-col-gap-none_d9ygf_1",
175
- "md-row-gap-xs": "_md-row-gap-xs_d9ygf_1",
176
- "md-col-gap-xs": "_md-col-gap-xs_d9ygf_1",
177
- "md-row-gap-sm": "_md-row-gap-sm_d9ygf_1",
178
- "md-col-gap-sm": "_md-col-gap-sm_d9ygf_1",
179
- "md-row-gap-md": "_md-row-gap-md_d9ygf_1",
180
- "md-col-gap-md": "_md-col-gap-md_d9ygf_1",
181
- "md-row-gap-lg": "_md-row-gap-lg_d9ygf_1",
182
- "md-col-gap-lg": "_md-col-gap-lg_d9ygf_1",
183
- "md-row-gap-xl": "_md-row-gap-xl_d9ygf_1",
184
- "md-col-gap-xl": "_md-col-gap-xl_d9ygf_1",
185
- "md-row-gap-xxl": "_md-row-gap-xxl_d9ygf_1",
186
- "md-col-gap-xxl": "_md-col-gap-xxl_d9ygf_1",
187
- "lg-2.1": "_lg-2.1_d9ygf_1",
188
- "lg-10.2": "_lg-10.2_d9ygf_1",
189
- "lg-3.9": "_lg-3.9_d9ygf_1",
190
- "lg-9.3": "_lg-9.3_d9ygf_1",
191
- "lg-4.8": "_lg-4.8_d9ygf_1",
192
- "lg-8.4": "_lg-8.4_d9ygf_1",
193
- "lg-5.7": "_lg-5.7_d9ygf_1",
194
- "lg-7.5": "_lg-7.5_d9ygf_1",
195
- "lg-0": "_lg-0_d9ygf_1",
196
- "lg-1": "_lg-1_d9ygf_1",
197
- "lg-2": "_lg-2_d9ygf_1",
198
- "lg-3": "_lg-3_d9ygf_1",
199
- "lg-4": "_lg-4_d9ygf_1",
200
- "lg-6": "_lg-6_d9ygf_1",
201
- "lg-row-gap-none": "_lg-row-gap-none_d9ygf_1",
202
- "lg-col-gap-none": "_lg-col-gap-none_d9ygf_1",
203
- "lg-row-gap-xs": "_lg-row-gap-xs_d9ygf_1",
204
- "lg-col-gap-xs": "_lg-col-gap-xs_d9ygf_1",
205
- "lg-row-gap-sm": "_lg-row-gap-sm_d9ygf_1",
206
- "lg-col-gap-sm": "_lg-col-gap-sm_d9ygf_1",
207
- "lg-row-gap-md": "_lg-row-gap-md_d9ygf_1",
208
- "lg-col-gap-md": "_lg-col-gap-md_d9ygf_1",
209
- "lg-row-gap-lg": "_lg-row-gap-lg_d9ygf_1",
210
- "lg-col-gap-lg": "_lg-col-gap-lg_d9ygf_1",
211
- "lg-row-gap-xl": "_lg-row-gap-xl_d9ygf_1",
212
- "lg-col-gap-xl": "_lg-col-gap-xl_d9ygf_1",
213
- "lg-row-gap-xxl": "_lg-row-gap-xxl_d9ygf_1",
214
- "lg-col-gap-xxl": "_lg-col-gap-xxl_d9ygf_1",
215
- "xl-2.1": "_xl-2.1_d9ygf_1",
216
- "xl-10.2": "_xl-10.2_d9ygf_1",
217
- "xl-3.9": "_xl-3.9_d9ygf_1",
218
- "xl-9.3": "_xl-9.3_d9ygf_1",
219
- "xl-4.8": "_xl-4.8_d9ygf_1",
220
- "xl-8.4": "_xl-8.4_d9ygf_1",
221
- "xl-5.7": "_xl-5.7_d9ygf_1",
222
- "xl-7.5": "_xl-7.5_d9ygf_1",
223
- "xl-0": "_xl-0_d9ygf_1",
224
- "xl-1": "_xl-1_d9ygf_1",
225
- "xl-2": "_xl-2_d9ygf_1",
226
- "xl-3": "_xl-3_d9ygf_1",
227
- "xl-4": "_xl-4_d9ygf_1",
228
- "xl-6": "_xl-6_d9ygf_1",
229
- "xl-row-gap-none": "_xl-row-gap-none_d9ygf_1",
230
- "xl-col-gap-none": "_xl-col-gap-none_d9ygf_1",
231
- "xl-row-gap-xs": "_xl-row-gap-xs_d9ygf_1",
232
- "xl-col-gap-xs": "_xl-col-gap-xs_d9ygf_1",
233
- "xl-row-gap-sm": "_xl-row-gap-sm_d9ygf_1",
234
- "xl-col-gap-sm": "_xl-col-gap-sm_d9ygf_1",
235
- "xl-row-gap-md": "_xl-row-gap-md_d9ygf_1",
236
- "xl-col-gap-md": "_xl-col-gap-md_d9ygf_1",
237
- "xl-row-gap-lg": "_xl-row-gap-lg_d9ygf_1",
238
- "xl-col-gap-lg": "_xl-col-gap-lg_d9ygf_1",
239
- "xl-row-gap-xl": "_xl-row-gap-xl_d9ygf_1",
240
- "xl-col-gap-xl": "_xl-col-gap-xl_d9ygf_1",
241
- "xl-row-gap-xxl": "_xl-row-gap-xxl_d9ygf_1",
242
- "xl-col-gap-xxl": "_xl-col-gap-xxl_d9ygf_1",
243
- "xxl-2.1": "_xxl-2.1_d9ygf_1",
244
- "xxl-10.2": "_xxl-10.2_d9ygf_1",
245
- "xxl-3.9": "_xxl-3.9_d9ygf_1",
246
- "xxl-9.3": "_xxl-9.3_d9ygf_1",
247
- "xxl-4.8": "_xxl-4.8_d9ygf_1",
248
- "xxl-8.4": "_xxl-8.4_d9ygf_1",
249
- "xxl-5.7": "_xxl-5.7_d9ygf_1",
250
- "xxl-7.5": "_xxl-7.5_d9ygf_1",
251
- "xxl-0": "_xxl-0_d9ygf_1",
252
- "xxl-1": "_xxl-1_d9ygf_1",
253
- "xxl-2": "_xxl-2_d9ygf_1",
254
- "xxl-3": "_xxl-3_d9ygf_1",
255
- "xxl-4": "_xxl-4_d9ygf_1",
256
- "xxl-6": "_xxl-6_d9ygf_1",
257
- "xxl-row-gap-none": "_xxl-row-gap-none_d9ygf_1",
258
- "xxl-col-gap-none": "_xxl-col-gap-none_d9ygf_1",
259
- "xxl-row-gap-xs": "_xxl-row-gap-xs_d9ygf_1",
260
- "xxl-col-gap-xs": "_xxl-col-gap-xs_d9ygf_1",
261
- "xxl-row-gap-sm": "_xxl-row-gap-sm_d9ygf_1",
262
- "xxl-col-gap-sm": "_xxl-col-gap-sm_d9ygf_1",
263
- "xxl-row-gap-md": "_xxl-row-gap-md_d9ygf_1",
264
- "xxl-col-gap-md": "_xxl-col-gap-md_d9ygf_1",
265
- "xxl-row-gap-lg": "_xxl-row-gap-lg_d9ygf_1",
266
- "xxl-col-gap-lg": "_xxl-col-gap-lg_d9ygf_1",
267
- "xxl-row-gap-xl": "_xxl-row-gap-xl_d9ygf_1",
268
- "xxl-col-gap-xl": "_xxl-col-gap-xl_d9ygf_1",
269
- "xxl-row-gap-xxl": "_xxl-row-gap-xxl_d9ygf_1",
270
- "xxl-col-gap-xxl": "_xxl-col-gap-xxl_d9ygf_1",
271
- "fieldset": "_fieldset_d9ygf_1 _ds-fieldset_1rdys_1",
272
- "input": "_input_d9ygf_1 _ds-input_1rdys_1",
273
- "link": "_link_d9ygf_1",
274
- "logo": "_logo_d9ygf_1 _ds-focus_1rdys_1",
275
- "validation": "_validation_d9ygf_1",
276
- "body": "_body_d9ygf_49"
2
+ "alert": "_alert_1h1lt_1 _ds-alert_bbrk4_1",
3
+ "breadcrumbs": "_breadcrumbs_1h1lt_1 _ds-breadcrumbs_bbrk4_1",
4
+ "button": "_button_1h1lt_1 _ds-button_bbrk4_1",
5
+ "details": "_details_1h1lt_1 _ds-details_bbrk4_1",
6
+ "field": "_field_1h1lt_1 _ds-field_bbrk4_1",
7
+ "fieldset": "_fieldset_1h1lt_1 _ds-fieldset_bbrk4_1",
8
+ "autolayout": "_autolayout_1h1lt_1",
9
+ "input": "_input_1h1lt_1 _ds-input_bbrk4_1",
10
+ "link": "_link_1h1lt_1",
11
+ "logo": "_logo_1h1lt_1 _ds-focus_bbrk4_1",
12
+ "popover": "_popover_1h1lt_1",
13
+ "validation": "_validation_1h1lt_1",
14
+ "body": "_body_1h1lt_50"
277
15
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mattilsynet/design",
3
- "version": "0.0.8",
3
+ "version": "0.0.10",
4
4
  "type": "module",
5
5
  "main": "./mtds/index.js",
6
6
  "types": "./mtds/index.d.ts",
@@ -15,13 +15,15 @@
15
15
  "./*.svg": "./mtds/*.svg",
16
16
  "./icons/*": "./mtds/icons/*",
17
17
  "./illustrations/*": "./mtds/illustrations/*",
18
+ "./index.iife.js": "./mtds/index.iife.js",
18
19
  "./package.json": "./package.json",
19
- "./styles.json": "./mtds/styles.json",
20
- "./styles.css": "./mtds/styles.css"
20
+ "./styles.css": "./mtds/styles.css",
21
+ "./styles.json": "./mtds/styles.json"
21
22
  },
22
23
  "scripts": {
23
24
  "start": "vite",
24
- "build": "vite build && rm -rf mtds/docs/",
25
+ "types": "npx --package typescript tsc mtds/index.js --emitDeclarationOnly --declaration --allowJs",
26
+ "build": "vite build && rm -rf mtds/docs/ && npm run types",
25
27
  "lint": "npx @biomejs/biome lint",
26
28
  "preview": "vite preview",
27
29
  "docs:dev": "vitepress dev",
@@ -32,19 +34,19 @@
32
34
  "publish:clojure": "cd ./clojure && ./publish.sh"
33
35
  },
34
36
  "dependencies": {
35
- "@digdir/designsystemet-css": "^1.0.0-next.37",
36
- "@digdir/designsystemet-theme": "^1.0.0-next.37"
37
+ "@digdir/designsystemet-css": "^1.0.0-next.41",
38
+ "@digdir/designsystemet-theme": "^1.0.0-next.41",
39
+ "nanopop": "^2.4.2"
37
40
  },
38
41
  "devDependencies": {
39
42
  "@biomejs/biome": "^1.9.4",
40
- "@navikt/aksel-icons": "^7.6.0",
41
- "@types/node": "^22.10.1",
43
+ "@navikt/aksel-icons": "^7.8.0",
44
+ "@types/node": "^22.10.2",
42
45
  "@u-elements/u-details": "^0.1.0",
43
46
  "postcss": "^8.4.49",
44
47
  "postcss-nesting": "^13.0.1",
45
48
  "typescript": "^5.7.2",
46
- "vite": "^5.4.11",
47
- "vite-plugin-dts": "^4.3.0",
49
+ "vite": "^6.0.3",
48
50
  "vitepress": "^1.5.0",
49
51
  "vue": "^3.5.13"
50
52
  }
package/mtds/field/field.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export declare function observe(el: Element): void;
2
- export declare function unobserve(el: Element): void;
package/mtds/field/field.js DELETED
@@ -1,44 +0,0 @@
1
- import u from "../styles.module.css.js";
2
- const f = `:${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`, d = u.field.split(" ")[0], b = u.validation.split(" ")[0], a = /* @__PURE__ */ new WeakMap();
3
- let m = 0;
4
- function r(t) {
5
- return t.id || (t.id = `${f}${++m}`), t.id;
6
- }
7
- function v(t) {
8
- const e = [], i = new MutationObserver((n) => {
9
- e[0] || requestAnimationFrame(o), e.push(...n);
10
- }), o = () => {
11
- t(e, i), e.length = 0;
12
- };
13
- return i;
14
- }
15
- function l(t) {
16
- for (const e of t) {
17
- const i = [], o = [];
18
- let n = null, c = !0;
19
- for (const s of e.getElementsByTagName("*"))
20
- s instanceof HTMLLabelElement ? i.push(s) : "validity" in s && !(s instanceof HTMLButtonElement) ? n = s : s.classList.contains(b) ? (c = s.getAttribute("data-color") === "success", o.unshift(r(s))) : s instanceof HTMLParagraphElement && o.push(r(s));
21
- if (n) for (const s of i) s.htmlFor = r(n);
22
- n == null || n.setAttribute("aria-describedby", o.join(" ")), n == null || n.setAttribute("aria-invalid", `${!c}`);
23
- }
24
- }
25
- typeof window < "u" && h(document.body);
26
- function h(t) {
27
- if (a.has(t)) return;
28
- const e = t.getElementsByClassName(d), i = v(() => l(e));
29
- i.observe(t, {
30
- attributeFilter: ["class"],
31
- attributes: !0,
32
- childList: !0,
33
- subtree: !0
34
- }), l(e), a.set(t, i);
35
- }
36
- function g(t) {
37
- var e;
38
- (e = a.get(t)) == null || e.disconnect();
39
- }
40
- export {
41
- h as observe,
42
- g as unobserve
43
- };
44
- //# sourceMappingURL=field.js.map
package/mtds/field/field.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"field.js","sources":["../../designsystem/field/field.ts"],"sourcesContent":["import styles from '../styles.module.css';\n\nconst UUID = `:${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;\nconst CSS_FIELD = styles.field.split(' ')[0];\nconst CSS_VALIDATION = styles.validation.split(' ')[0];\nconst OBSERVERS = new WeakMap();\n\nlet id = 0;\nfunction useId (el: Element) {\n if (!el.id) el.id = `${UUID}${++id}`;\n\treturn el.id;\n};\n\n// Speed up MutationObserver by debouncing and only running when page is visible\nfunction createOptimizedMutationObserver(callback: MutationCallback) {\n const queue: MutationRecord[] = [];\n const observer = new MutationObserver((mutations) => {\n if (!queue[0]) requestAnimationFrame(process);\n queue.push(...mutations);\n });\n\n const process = () => {\n callback(queue, observer);\n queue.length = 0; // Reset queue\n };\n\n return observer;\n}\n\n\nfunction process(fields: HTMLCollectionOf<Element>) {\n for(const field of fields) {\n const labels: HTMLLabelElement[] = [];\n const descs: string[] = [];\n let input: Element | null = null;\n let valid = true;\n\n for (const el of field.getElementsByTagName('*')) {\n if (el instanceof HTMLLabelElement) labels.push(el);\n else if ('validity' in el && !(el instanceof HTMLButtonElement)) input = el;\n else if (el.classList.contains(CSS_VALIDATION)) { // Must be before validation since it can also be a <p>\n valid = el.getAttribute('data-color') === 'success';\n descs.unshift(useId(el));\n } else if (el instanceof HTMLParagraphElement) descs.push(useId(el));\n }\n\n if (input) for (const label of labels) label.htmlFor = useId(input);\n input?.setAttribute('aria-describedby', descs.join(' '));\n input?.setAttribute('aria-invalid', `${!valid}`);\n }\n}\n\n// Automatically observe <body> if in browser\nif (typeof window !== 'undefined') observe(document.body);\n\nexport function observe (el: Element) {\n if (OBSERVERS.has(el)) return;\n const fields = el.getElementsByClassName(CSS_FIELD); // Reutrns a live HTMLCollection\n const observer = createOptimizedMutationObserver(() => process(fields));\n observer.observe(el, {\n attributeFilter: ['class'],\n attributes: true,\n childList: true,\n subtree: true\n });\n\n process(fields); // Initial run\n OBSERVERS.set(el, observer);\n}\n\nexport function unobserve (el: Element) {\n OBSERVERS.get(el)?.disconnect();\n}\n"],"names":["UUID","CSS_FIELD","styles","CSS_VALIDATION","OBSERVERS","id","useId","el","createOptimizedMutationObserver","callback","queue","observer","mutations","process","fields","field","labels","descs","input","valid","label","observe","unobserve","_a"],"mappings":";AAEA,MAAMA,IAAO,IAAI,KAAK,MAAM,SAAS,EAAE,CAAC,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC,IAC3EC,IAAYC,EAAO,MAAM,MAAM,GAAG,EAAE,CAAC,GACrCC,IAAiBD,EAAO,WAAW,MAAM,GAAG,EAAE,CAAC,GAC/CE,wBAAgB,QAAQ;AAE9B,IAAIC,IAAK;AACT,SAASC,EAAOC,GAAa;AACvB,SAACA,EAAG,OAAIA,EAAG,KAAK,GAAGP,CAAI,GAAG,EAAEK,CAAE,KAC5BE,EAAG;AACX;AAGA,SAASC,EAAgCC,GAA4B;AACnE,QAAMC,IAA0B,CAAC,GAC3BC,IAAW,IAAI,iBAAiB,CAACC,MAAc;AACnD,IAAKF,EAAM,CAAC,2BAAyBG,CAAO,GACtCH,EAAA,KAAK,GAAGE,CAAS;AAAA,EAAA,CACxB,GAEKC,IAAU,MAAM;AACpB,IAAAJ,EAASC,GAAOC,CAAQ,GACxBD,EAAM,SAAS;AAAA,EACjB;AAEO,SAAAC;AACT;AAGA,SAASE,EAAQC,GAAmC;AAClD,aAAUC,KAASD,GAAQ;AACzB,UAAME,IAA6B,CAAC,GAC9BC,IAAkB,CAAC;AACzB,QAAIC,IAAwB,MACxBC,IAAQ;AAEZ,eAAWZ,KAAMQ,EAAM,qBAAqB,GAAG;AAC7C,MAAIR,aAAc,mBAAyBS,EAAA,KAAKT,CAAE,IACzC,cAAcA,KAAM,EAAEA,aAAc,qBAA4BW,IAAAX,IAChEA,EAAG,UAAU,SAASJ,CAAc,KACnCgB,IAAAZ,EAAG,aAAa,YAAY,MAAM,WACpCU,EAAA,QAAQX,EAAMC,CAAE,CAAC,KACdA,aAAc,0BAA4B,KAAKD,EAAMC,CAAE,CAAC;AAGrE,QAAIW,EAAkB,YAAAE,KAASJ,EAAc,CAAAI,EAAA,UAAUd,EAAMY,CAAK;AAClE,IAAAA,KAAA,QAAAA,EAAO,aAAa,oBAAoBD,EAAM,KAAK,GAAG,IACtDC,KAAA,QAAAA,EAAO,aAAa,gBAAgB,GAAG,CAACC,CAAK;AAAA,EAAE;AAEnD;AAGI,OAAO,SAAW,OAAaE,EAAQ,SAAS,IAAI;AAEjD,SAASA,EAASd,GAAa;AAChC,MAAAH,EAAU,IAAIG,CAAE,EAAG;AACjB,QAAAO,IAASP,EAAG,uBAAuBN,CAAS,GAC5CU,IAAWH,EAAgC,MAAMK,EAAQC,CAAM,CAAC;AACtE,EAAAH,EAAS,QAAQJ,GAAI;AAAA,IACnB,iBAAiB,CAAC,OAAO;AAAA,IACzB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,EAAA,CACV,GAEDM,EAAQC,CAAM,GACJV,EAAA,IAAIG,GAAII,CAAQ;AAC5B;AAEO,SAASW,EAAWf,GAAa;;AAC5B,GAAAgB,IAAAnB,EAAA,IAAIG,CAAE,MAAN,QAAAgB,EAAS;AACrB;"}