@mattilsynet/design 3.3.10 → 3.4.1

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 (191) hide show
  1. package/mtds/_virtual/_rolldown/runtime.js +17 -0
  2. package/mtds/ai/card.stories.tsx +54 -77
  3. package/mtds/ai/layout.mdx +37 -1
  4. package/mtds/ai/layout.stories.tsx +126 -1
  5. package/mtds/ai/print.mdx +1 -1
  6. package/mtds/ai/print.stories.tsx +1 -2
  7. package/mtds/alert/alert.js +16 -11
  8. package/mtds/alert/alert.js.map +1 -1
  9. package/mtds/analytics/analytics.js +118 -118
  10. package/mtds/analytics/analytics.js.map +1 -1
  11. package/mtds/app/app-observer.js +31 -36
  12. package/mtds/app/app-observer.js.map +1 -1
  13. package/mtds/app/app-toggle.js +12 -26
  14. package/mtds/app/app-toggle.js.map +1 -1
  15. package/mtds/app/app-toggle2.js +6 -11
  16. package/mtds/app/app-toggle2.js.map +1 -1
  17. package/mtds/app/app.js +66 -60
  18. package/mtds/app/app.js.map +1 -1
  19. package/mtds/atlas/atlas-element.js +83 -93
  20. package/mtds/atlas/atlas-element.js.map +1 -1
  21. package/mtds/atlas/atlas-marker.js +63 -52
  22. package/mtds/atlas/atlas-marker.js.map +1 -1
  23. package/mtds/atlas/atlas-matgeo.js +67 -61
  24. package/mtds/atlas/atlas-matgeo.js.map +1 -1
  25. package/mtds/atlas/atlas-wms.js +33 -28
  26. package/mtds/atlas/atlas-wms.js.map +1 -1
  27. package/mtds/atlas/atlas.js +6 -38
  28. package/mtds/atlas/atlas.js.map +1 -1
  29. package/mtds/atlas/atlas2.js +39 -0
  30. package/mtds/atlas/atlas2.js.map +1 -0
  31. package/mtds/atlas/cluster.js +759 -1149
  32. package/mtds/atlas/cluster.js.map +1 -1
  33. package/mtds/atlas.iife.js +3 -4
  34. package/mtds/atlas.js +6 -14
  35. package/mtds/avatar/avatar.js +14 -10
  36. package/mtds/avatar/avatar.js.map +1 -1
  37. package/mtds/badge/badge.js +15 -10
  38. package/mtds/badge/badge.js.map +1 -1
  39. package/mtds/breadcrumbs/breadcrumbs.js +15 -19
  40. package/mtds/breadcrumbs/breadcrumbs.js.map +1 -1
  41. package/mtds/button/button.js +18 -20
  42. package/mtds/button/button.js.map +1 -1
  43. package/mtds/card/card.js +22 -15
  44. package/mtds/card/card.js.map +1 -1
  45. package/mtds/chart/chart-axis.js +33 -21
  46. package/mtds/chart/chart-axis.js.map +1 -1
  47. package/mtds/chart/chart-bars.js +23 -21
  48. package/mtds/chart/chart-bars.js.map +1 -1
  49. package/mtds/chart/chart-element.js +94 -88
  50. package/mtds/chart/chart-element.js.map +1 -1
  51. package/mtds/chart/chart-lines.js +35 -37
  52. package/mtds/chart/chart-lines.js.map +1 -1
  53. package/mtds/chart/chart-pies.js +17 -17
  54. package/mtds/chart/chart-pies.js.map +1 -1
  55. package/mtds/chart/chart.js +6 -52
  56. package/mtds/chart/chart.js.map +1 -1
  57. package/mtds/chart/chart2.js +21 -0
  58. package/mtds/chart/chart2.js.map +1 -0
  59. package/mtds/chip/chip.js +15 -11
  60. package/mtds/chip/chip.js.map +1 -1
  61. package/mtds/deprecations.js +76 -158
  62. package/mtds/deprecations.js.map +1 -1
  63. package/mtds/details/details.js +21 -24
  64. package/mtds/details/details.js.map +1 -1
  65. package/mtds/dialog/dialog.js +17 -21
  66. package/mtds/dialog/dialog.js.map +1 -1
  67. package/mtds/divider/divider.js +15 -20
  68. package/mtds/divider/divider.js.map +1 -1
  69. package/mtds/errorsummary/errorsummary.js +14 -16
  70. package/mtds/errorsummary/errorsummary.js.map +1 -1
  71. package/mtds/external/@turf/boolean-point-in-polygon/dist/esm/index.js +22 -25
  72. package/mtds/external/@turf/boolean-point-in-polygon/dist/esm/index.js.map +1 -1
  73. package/mtds/external/@turf/helpers/dist/esm/index.js +21 -24
  74. package/mtds/external/@turf/helpers/dist/esm/index.js.map +1 -1
  75. package/mtds/external/@turf/invariant/dist/esm/index.js +15 -19
  76. package/mtds/external/@turf/invariant/dist/esm/index.js.map +1 -1
  77. package/mtds/external/@u-elements/u-combobox/dist/u-combobox.js +270 -297
  78. package/mtds/external/@u-elements/u-combobox/dist/u-combobox.js.map +1 -1
  79. package/mtds/external/@u-elements/u-details/dist/u-details.js +75 -101
  80. package/mtds/external/@u-elements/u-details/dist/u-details.js.map +1 -1
  81. package/mtds/external/leaflet/dist/leaflet-src.js +4257 -6151
  82. package/mtds/external/leaflet/dist/leaflet-src.js.map +1 -1
  83. package/mtds/external/leaflet/dist/leaflet.css.js +5 -606
  84. package/mtds/external/leaflet/dist/leaflet.css.js.map +1 -1
  85. package/mtds/external/point-in-polygon-hao/dist/esm/index.js +24 -25
  86. package/mtds/external/point-in-polygon-hao/dist/esm/index.js.map +1 -1
  87. package/mtds/external/robust-predicates/esm/incircle.js +5 -0
  88. package/mtds/external/robust-predicates/esm/incircle.js.map +1 -0
  89. package/mtds/external/robust-predicates/esm/insphere.js +5 -0
  90. package/mtds/external/robust-predicates/esm/insphere.js.map +1 -0
  91. package/mtds/external/robust-predicates/esm/orient2d.js +20 -22
  92. package/mtds/external/robust-predicates/esm/orient2d.js.map +1 -1
  93. package/mtds/external/robust-predicates/esm/orient3d.js +5 -0
  94. package/mtds/external/robust-predicates/esm/orient3d.js.map +1 -0
  95. package/mtds/external/robust-predicates/esm/util.js +20 -28
  96. package/mtds/external/robust-predicates/esm/util.js.map +1 -1
  97. package/mtds/external/robust-predicates/index.js +5 -0
  98. package/mtds/field/field.js +167 -214
  99. package/mtds/field/field.js.map +1 -1
  100. package/mtds/fieldset/fieldset.js +32 -30
  101. package/mtds/fieldset/fieldset.js.map +1 -1
  102. package/mtds/fileupload/fileupload.js +16 -13
  103. package/mtds/fileupload/fileupload.js.map +1 -1
  104. package/mtds/helptext/helptext.js +25 -27
  105. package/mtds/helptext/helptext.js.map +1 -1
  106. package/mtds/identitet/illustrasjons-generator/illustrasjons-generator.d.ts +1 -0
  107. package/mtds/identitet/illustrasjons-generator/index-old-1.d.ts +1 -0
  108. package/mtds/identitet/infografikk-generator/infografikk-generator.d.ts +1 -0
  109. package/mtds/index.iife.js +21 -21
  110. package/mtds/index.js +38 -31
  111. package/mtds/index.js.map +1 -1
  112. package/mtds/input/input.js +33 -47
  113. package/mtds/input/input.js.map +1 -1
  114. package/mtds/law/law-helper.js +106 -95
  115. package/mtds/law/law-helper.js.map +1 -1
  116. package/mtds/law/law.js +15 -10
  117. package/mtds/law/law.js.map +1 -1
  118. package/mtds/layout/layout.js +21 -13
  119. package/mtds/layout/layout.js.map +1 -1
  120. package/mtds/layout/layout.stories.d.ts +1 -0
  121. package/mtds/link/link.js +15 -10
  122. package/mtds/link/link.js.map +1 -1
  123. package/mtds/logo/logo-observer.js +18 -18
  124. package/mtds/logo/logo-observer.js.map +1 -1
  125. package/mtds/logo/logo.js +18 -18
  126. package/mtds/logo/logo.js.map +1 -1
  127. package/mtds/package.js +6 -0
  128. package/mtds/package.js.map +1 -0
  129. package/mtds/package.json.d.ts +112 -0
  130. package/mtds/pagination/pagination.js +46 -60
  131. package/mtds/pagination/pagination.js.map +1 -1
  132. package/mtds/popover/popover-observer.js +15 -15
  133. package/mtds/popover/popover-observer.js.map +1 -1
  134. package/mtds/popover/popover.js +18 -20
  135. package/mtds/popover/popover.js.map +1 -1
  136. package/mtds/print/print.js +15 -10
  137. package/mtds/print/print.js.map +1 -1
  138. package/mtds/print/print.stories.d.ts +0 -1
  139. package/mtds/profilering/epost.d.ts +1 -0
  140. package/mtds/progress/progress.js +15 -13
  141. package/mtds/progress/progress.js.map +1 -1
  142. package/mtds/react-atlas.js +7 -16
  143. package/mtds/react.js +36 -84
  144. package/mtds/skeleton/skeleton.js +15 -11
  145. package/mtds/skeleton/skeleton.js.map +1 -1
  146. package/mtds/spinner/spinner.js +16 -13
  147. package/mtds/spinner/spinner.js.map +1 -1
  148. package/mtds/steps/steps.js +15 -10
  149. package/mtds/steps/steps.js.map +1 -1
  150. package/mtds/styles.css +2 -1
  151. package/mtds/styles.module.js +122 -0
  152. package/mtds/styles.module.js.map +1 -0
  153. package/mtds/table/table-observer.js +23 -28
  154. package/mtds/table/table-observer.js.map +1 -1
  155. package/mtds/table/table.js +88 -60
  156. package/mtds/table/table.js.map +1 -1
  157. package/mtds/tabs/tabs.js +32 -27
  158. package/mtds/tabs/tabs.js.map +1 -1
  159. package/mtds/tag/tag.js +16 -19
  160. package/mtds/tag/tag.js.map +1 -1
  161. package/mtds/tailwind.css +0 -4
  162. package/mtds/toast/toast-helper.js +45 -25
  163. package/mtds/toast/toast-helper.js.map +1 -1
  164. package/mtds/toast/toast-observer.js +18 -18
  165. package/mtds/toast/toast-observer.js.map +1 -1
  166. package/mtds/toast/toast.js +67 -54
  167. package/mtds/toast/toast.js.map +1 -1
  168. package/mtds/togglegroup/togglegroup.js +31 -40
  169. package/mtds/togglegroup/togglegroup.js.map +1 -1
  170. package/mtds/tooltip/tooltip-element.js +12 -25
  171. package/mtds/tooltip/tooltip-element.js.map +1 -1
  172. package/mtds/typography/typography.js +38 -21
  173. package/mtds/typography/typography.js.map +1 -1
  174. package/mtds/utils.js +53 -70
  175. package/mtds/utils.js.map +1 -1
  176. package/mtds/validation/validation-observer.js +40 -47
  177. package/mtds/validation/validation-observer.js.map +1 -1
  178. package/mtds/validation/validation.js +17 -21
  179. package/mtds/validation/validation.js.map +1 -1
  180. package/package.json +9 -9
  181. package/mtds/atlas/atlas.css.js +0 -138
  182. package/mtds/atlas/atlas.css.js.map +0 -1
  183. package/mtds/atlas.js.map +0 -1
  184. package/mtds/chart/chart.css.js +0 -187
  185. package/mtds/chart/chart.css.js.map +0 -1
  186. package/mtds/package.json.js +0 -5
  187. package/mtds/package.json.js.map +0 -1
  188. package/mtds/react-atlas.js.map +0 -1
  189. package/mtds/react.js.map +0 -1
  190. package/mtds/styles.module.css.js +0 -118
  191. package/mtds/styles.module.css.js.map +0 -1
@@ -0,0 +1,122 @@
1
+ import { __exportAll as ee } from "./_virtual/_rolldown/runtime.js";
2
+ //#region designsystem/styles.module.css
3
+ var te = /* @__PURE__ */ ee({
4
+ _checked: () => re,
5
+ _drawer: () => f,
6
+ _indeterminate: () => j,
7
+ _logo: () => ne,
8
+ _scrollMask: () => z,
9
+ _scrollShadow: () => L,
10
+ _skeleton: () => N,
11
+ _toastClose: () => H,
12
+ _toastOpen: () => U,
13
+ _toastTimeout: () => W,
14
+ _tooltip: () => K,
15
+ affixes: () => _,
16
+ alert: () => e,
17
+ app: () => t,
18
+ avatar: () => r,
19
+ badge: () => i,
20
+ body: () => $,
21
+ breadcrumbs: () => a,
22
+ button: () => o,
23
+ card: () => s,
24
+ chip: () => l,
25
+ default: () => ie,
26
+ details: () => u,
27
+ dialog: () => d,
28
+ divider: () => p,
29
+ errorsummary: () => m,
30
+ field: () => h,
31
+ fieldset: () => v,
32
+ fileupload: () => y,
33
+ flex: () => w,
34
+ grid: () => C,
35
+ group: () => c,
36
+ heading: () => q,
37
+ helptext: () => b,
38
+ info: () => X,
39
+ ingress: () => J,
40
+ input: () => x,
41
+ law: () => S,
42
+ link: () => T,
43
+ logo: () => E,
44
+ muted: () => Y,
45
+ pagination: () => D,
46
+ popover: () => O,
47
+ print: () => k,
48
+ progress: () => A,
49
+ prose: () => Z,
50
+ skeleton: () => M,
51
+ spinner: () => P,
52
+ steps: () => F,
53
+ sticky: () => n,
54
+ suggestion: () => g,
55
+ table: () => I,
56
+ tabs: () => R,
57
+ tag: () => B,
58
+ toast: () => V,
59
+ togglegroup: () => G,
60
+ validation: () => Q
61
+ }), e = "_alert_14zqc_1 _ds-alert_1s2lo_1", t = "_app_14zqc_1", n = "_sticky_14zqc_1", r = "_avatar_14zqc_1 _ds-avatar_1s2lo_1", i = "_badge_14zqc_1", a = "_breadcrumbs_14zqc_1 _ds-breadcrumbs_1s2lo_3", o = "_button_14zqc_1 _ds-button_1s2lo_1", s = "_card_14zqc_1", c = "_group_14zqc_1", l = "_chip_14zqc_1 _ds-chip_1s2lo_3", u = "_details_14zqc_1 _ds-details_1s2lo_1", d = "_dialog_14zqc_1 _ds-dialog_1s2lo_3", f = "__drawer_14zqc_1", p = "_divider_14zqc_1", m = "_errorsummary_14zqc_1 _ds-error-summary_1s2lo_3", h = "_field_14zqc_1 _ds-field_1s2lo_1", g = "_suggestion_14zqc_1 _ds-suggestion_1s2lo_3", _ = "_affixes_14zqc_1 _ds-field-affixes_1s2lo_1", v = "_fieldset_14zqc_1 _ds-fieldset_1s2lo_1", y = "_fileupload_14zqc_1", b = "_helptext_14zqc_1 _ds-focus_1s2lo_1", x = "_input_14zqc_1 _ds-input_1s2lo_1", S = "_law_14zqc_1", C = "_grid_14zqc_1", w = "_flex_14zqc_1", T = "_link_14zqc_1", E = "_logo_14zqc_1", ne = "__logo_14zqc_1", D = "_pagination_14zqc_1 _ds-pagination_1s2lo_3", O = "_popover_14zqc_1 _ds-popover_1s2lo_1", k = "_print_14zqc_1", A = "_progress_14zqc_1", j = "__indeterminate_14zqc_1", M = "_skeleton_14zqc_1 _ds-skeleton_1s2lo_3", N = "__skeleton_14zqc_1", P = "_spinner_14zqc_1", F = "_steps_14zqc_1", I = "_table_14zqc_1 _ds-table_1s2lo_3", L = "__scrollShadow_14zqc_1", R = "_tabs_14zqc_1 _ds-tabs_1s2lo_3", z = "__scrollMask_14zqc_1", B = "_tag_14zqc_1 _ds-tag_1s2lo_3", V = "_toast_14zqc_1", H = "__toastClose_14zqc_1", U = "__toastOpen_14zqc_1", W = "__toastTimeout_14zqc_1", G = "_togglegroup_14zqc_1 _ds-toggle-group_1s2lo_3", K = "__tooltip_14zqc_1 _ds-tooltip_1s2lo_3", q = "_heading_14zqc_1 _ds-heading_1s2lo_1", J = "_ingress_14zqc_1", Y = "_muted_14zqc_1", X = "_info_14zqc_1", Z = "_prose_14zqc_1", Q = "_validation_14zqc_1 _ds-validation-message_1s2lo_1", $ = "_body_14zqc_162", re = "__checked_14zqc_1", ie = {
62
+ alert: e,
63
+ app: t,
64
+ sticky: n,
65
+ avatar: r,
66
+ badge: i,
67
+ breadcrumbs: a,
68
+ button: o,
69
+ card: s,
70
+ group: c,
71
+ chip: l,
72
+ details: u,
73
+ dialog: d,
74
+ _drawer: f,
75
+ divider: p,
76
+ errorsummary: m,
77
+ field: h,
78
+ suggestion: g,
79
+ affixes: _,
80
+ fieldset: v,
81
+ fileupload: y,
82
+ helptext: b,
83
+ input: x,
84
+ law: S,
85
+ grid: C,
86
+ flex: w,
87
+ link: T,
88
+ logo: E,
89
+ _logo: ne,
90
+ pagination: D,
91
+ popover: O,
92
+ print: k,
93
+ progress: A,
94
+ _indeterminate: j,
95
+ skeleton: M,
96
+ _skeleton: N,
97
+ spinner: P,
98
+ steps: F,
99
+ table: I,
100
+ _scrollShadow: L,
101
+ tabs: R,
102
+ _scrollMask: z,
103
+ tag: B,
104
+ toast: V,
105
+ _toastClose: H,
106
+ _toastOpen: U,
107
+ _toastTimeout: W,
108
+ togglegroup: G,
109
+ _tooltip: K,
110
+ heading: q,
111
+ ingress: J,
112
+ muted: Y,
113
+ info: X,
114
+ prose: Z,
115
+ validation: Q,
116
+ body: $,
117
+ _checked: re
118
+ };
119
+ //#endregion
120
+ export { re as _checked, f as _drawer, j as _indeterminate, ne as _logo, z as _scrollMask, L as _scrollShadow, N as _skeleton, H as _toastClose, U as _toastOpen, W as _toastTimeout, K as _tooltip, _ as affixes, e as alert, t as app, r as avatar, i as badge, $ as body, a as breadcrumbs, o as button, s as card, l as chip, ie as default, u as details, d as dialog, p as divider, m as errorsummary, h as field, v as fieldset, y as fileupload, w as flex, C as grid, c as group, q as heading, b as helptext, X as info, J as ingress, x as input, S as law, T as link, E as logo, Y as muted, D as pagination, O as popover, k as print, A as progress, Z as prose, M as skeleton, P as spinner, F as steps, n as sticky, te as styles_module_exports, g as suggestion, I as table, R as tabs, B as tag, V as toast, G as togglegroup, Q as validation };
121
+
122
+ //# sourceMappingURL=styles.module.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.module.js","names":[],"sources":["../designsystem/styles.module.css"],"sourcesContent":["/* Do not load @digdir/designsystemet-css as is implicitt with \"composes\", and it creates lots of Typescript types we don't want */\n@import url(\"../design-tokens-build/mattilsynet.css\");\n@import url(\"./alert/alert.module.css\");\n@import url(\"./app/app.module.css\");\n@import url(\"./avatar/avatar.module.css\");\n@import url(\"./badge/badge.module.css\");\n@import url(\"./breadcrumbs/breadcrumbs.module.css\");\n@import url(\"./button/button.module.css\");\n@import url(\"./card/card.module.css\");\n@import url(\"./chart/chart.module.css\");\n@import url(\"./chip/chip.module.css\");\n@import url(\"./details/details.module.css\");\n@import url(\"./dialog/dialog.module.css\");\n@import url(\"./divider/divider.module.css\");\n@import url(\"./errorsummary/errorsummary.module.css\");\n@import url(\"./field/field.module.css\");\n@import url(\"./fieldset/fieldset.module.css\");\n@import url(\"./fileupload/fileupload.module.css\");\n@import url(\"./font.css\");\n@import url(\"./helptext/helptext.module.css\");\n@import url(\"./input/input.module.css\");\n@import url(\"./law/law.module.css\");\n@import url(\"./layout/layout.module.css\");\n@import url(\"./link/link.module.css\");\n@import url(\"./logo/logo.module.css\");\n@import url(\"./pagination/pagination.module.css\");\n@import url(\"./popover/popover.module.css\");\n@import url(\"./print/print.module.css\");\n@import url(\"./progress/progress.module.css\");\n@import url(\"./skeleton/skeleton.module.css\");\n@import url(\"./spinner/spinner.module.css\");\n@import url(\"./steps/steps.module.css\");\n@import url(\"./table/table.module.css\");\n@import url(\"./tabs/tabs.module.css\");\n@import url(\"./tag/tag.module.css\");\n@import url(\"./toast/toast.module.css\");\n@import url(\"./togglegroup/togglegroup.module.css\");\n@import url(\"./tooltip/tooltip.module.css\");\n@import url(\"./typography/typography.module.css\");\n@import url(\"./validation/validation.module.css\");\n\n/*@media (prefers-reduced-motion: no-preference) {\n\t@view-transition {\n\t\t/* biome-ignore lint/correctness/noUnknownProperty: biome does not know about this property yet *\n\t\tnavigation: auto;\n\t}\n}*/\n\n/* Using a @layer to make it is super easy for consumers to overwrite */\n@layer mt.design {\n\t:root {\n\t\t--ds-readonly-icon-size: var(--mtds-icon-size-sm); /* Make lock icon follow font-size and match Figma */\n\t\t--mtds-icon-size: var(--ds-size-6);\n\t\t--mtds-icon-size-sm: var(--ds-size-5);\n\t\t--mtds-icon-arrow: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='m221.7 133.7-72 72a8 8 0 0 1-11.4-11.4l58.4-58.3H40a8 8 0 0 1 0-16h156.7l-58.4-58.3a8 8 0 0 1 11.4-11.4l72 72a8 8 0 0 1 0 11.4Z'/%3E%3C/svg%3E\");\n\t\t--mtds-icon-burger: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8ZM40 72h176a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16Zm176 112H40a8 8 0 0 0 0 16h176a8 8 0 0 0 0-16Z'/%3E%3C/svg%3E\");\n\t\t--mtds-icon-calendar: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23054449'%3E%3Cpath d='M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16ZM72 48v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24v32H48V48Zm136 160H48V96h160v112Z'/%3E%3C/svg%3E\");\n\t\t--mtds-icon-check: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M230 78 102 206a8 8 0 0 1-12 0l-56-56a8 8 0 0 1 12-12l50 51L218 66a8 8 0 0 1 12 12Z'/%3E%3C/svg%3E\");\n\t\t--mtds-icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='m214 102-80 80a8 8 0 0 1-12 0l-80-80a8 8 0 0 1 12-12l74 75 74-75a8 8 0 0 1 12 12Z'/%3E%3C/svg%3E\");\n\t\t--mtds-icon-chevron--right: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='m181.66 133.66-80 80a8 8 0 0 1-11.32-11.32L164.69 128 90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E\");\n\t\t--mtds-icon-close--filled: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 256 256'%3E%3Cpath d='M128 24a104 104 0 1 0 104 104A104.1 104.1 0 0 0 128 24Zm37.7 130.3a8 8 0 0 1-11.4 11.4L128 139.3l-26.3 26.4a8 8 0 0 1-11.4-11.4l26.4-26.3-26.4-26.3a8 8 0 0 1 11.4-11.4l26.3 26.4 26.3-26.4a8 8 0 0 1 11.4 11.4L139.3 128Z'/%3E%3C/svg%3E\");\n\t\t--mtds-icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M205.7 194.3a8 8 0 0 1-11.4 11.4L128 139.3l-66.3 66.4a8 8 0 0 1-11.4-11.4l66.4-66.3-66.4-66.3a8 8 0 0 1 11.4-11.4l66.3 66.4 66.3-66.4a8 8 0 0 1 11.4 11.4L139.3 128Z'/%3E%3C/svg%3E\");\n\t\t--mtds-icon-danger--filled: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%23000' d='M25.86 9.1a2 2 0 0 0-.4-.6l-5.95-5.96a1.83 1.83 0 0 0-1.3-.54H9.8a1.87 1.87 0 0 0-1.31.54L2.54 8.5A1.83 1.83 0 0 0 2 9.8v8.42a1.77 1.77 0 0 0 .54 1.31l5.95 5.94A1.84 1.84 0 0 0 9.8 26h8.4a1.91 1.91 0 0 0 1.32-.54l5.94-5.94A1.84 1.84 0 0 0 26 18.2V9.79c0-.24-.05-.48-.14-.7Zm-8.27.01a.92.92 0 1 1 1.3 1.3l-3.59 3.6 3.6 3.59a.92.92 0 1 1-1.3 1.3L14 15.3l-3.6 3.6a.92.92 0 1 1-1.3-1.3l3.6-3.6-3.6-3.59a.92.92 0 1 1 1.3-1.3l3.6 3.6 3.6-3.6Z'/%3E%3C/svg%3E\");\n\t\t--mtds-icon-danger: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M25.86 9.1a2 2 0 0 0-.4-.6l-5.95-5.96a1.83 1.83 0 0 0-1.3-.54H9.8a1.87 1.87 0 0 0-1.31.54L2.54 8.5A1.83 1.83 0 0 0 2 9.8v8.42a1.77 1.77 0 0 0 .54 1.31l5.95 5.94A1.84 1.84 0 0 0 9.8 26h8.4a1.91 1.91 0 0 0 1.32-.54l5.94-5.94A1.84 1.84 0 0 0 26 18.2V9.79c0-.24-.05-.48-.14-.7Zm-1.7 9.12-5.95 5.94H9.8l-5.94-5.94V9.8L9.8 3.86h8.4l5.95 5.94v8.42ZM17.58 9.1a.92.92 0 1 1 1.3 1.3l-3.59 3.6 3.6 3.59a.92.92 0 1 1-1.3 1.3L14 15.3l-3.6 3.6a.92.92 0 1 1-1.3-1.3l3.6-3.6-3.6-3.59a.92.92 0 1 1 1.3-1.3l3.6 3.6 3.6-3.6Z'/%3E%3C/svg%3E\");\n\t\t--mtds-icon-ellipsis: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M144 128a16 16 0 1 1-16-16 16 16 0 0 1 16 16Zm-84-16a16 16 0 1 0 16 16 16 16 0 0 0-16-16Zm136 0a16 16 0 1 0 16 16 16 16 0 0 0-16-16Z'/%3E%3C/svg%3E\");\n\t\t--mtds-icon-info: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M14 2a12 12 0 1 0 0 24 12 12 0 0 0 0-24Zm0 22.15a10.15 10.15 0 1 1-.01-20.3 10.15 10.15 0 0 1 .01 20.3Zm.92-11.07v6.46c0 .5-.41.92-.92.92a.93.93 0 0 1-.92-.92v-6.46c0-.51.41-.93.92-.93.5 0 .92.42.92.93Zm.46-4.16a1.38 1.38 0 1 1-2.76 0 1.38 1.38 0 0 1 2.76 0Z'/%3E%3C/svg%3E\");\n\t\t--mtds-icon-lock: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M208 80h-32V56a48 48 0 0 0-96 0v24H48a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16Zm-72 79v25a8 8 0 0 1-16 0v-25a24 24 0 1 1 16 0Zm24-79H96V56a32 32 0 0 1 64 0Z'/%3E%3C/svg%3E\");\n\t\t--mtds-icon-question: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M14.72 15.931h.674c.995 0 1.749-.205 2.24-.617.503-.411.743-1.074.743-1.977 0-.491-.091-.914-.286-1.28a1.908 1.908 0 0 0-.834-.811c-.366-.183-.788-.275-1.28-.275-.72 0-1.291.195-1.726.595-.434.4-.72.994-.868 1.794l-1.954-.48c.24-1.177.754-2.091 1.531-2.754.777-.663 1.783-.983 3.006-.983.891 0 1.68.171 2.365.503a3.869 3.869 0 0 1 1.623 1.428c.389.629.583 1.36.583 2.206 0 .846-.183 1.6-.537 2.206-.354.605-.823 1.074-1.394 1.383-.572.308-1.2.468-1.875.468l-.057 1.772h-1.897l-.08-3.189.023.011Zm.034 7.029a1.319 1.319 0 0 1-.4-.971c0-.389.137-.709.4-.972s.595-.388.995-.388.708.125.971.388.4.583.4.972c0 .388-.137.708-.4.971a1.327 1.327 0 0 1-.971.389 1.38 1.38 0 0 1-.995-.389Z M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5ZM3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16Z' /%3E%3C/svg%3E\");\n\t\t--mtds-icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23054449'%3E%3Cpath d='m229.7 218.3-50.1-50a88.1 88.1 0 1 0-11.3 11.3l50 50a8 8 0 0 0 11.4-11.3ZM40 112a72 72 0 1 1 72 72 72 72 0 0 1-72-72Z'/%3E%3C/svg%3E\");\n\t\t--mtds-icon-sidebar-collapse: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M4.38 4.38h19.25a1.75 1.75 0 0 1 1.75 1.75v15.75a1.75 1.75 0 0 1-1.75 1.75H4.38a1.75 1.75 0 0 1-1.75-1.75V6.13a1.75 1.75 0 0 1 1.75-1.75Zm4.37 1.75H4.37v15.75h4.38V6.13Zm1.75 15.75h13.13V6.13H10.5v15.75Zm5.16-3.48-3.93-3.94a.65.65 0 0 1 0-.93l3.93-3.93a.66.66 0 1 1 .93.93l-2.81 2.81h8.03a.66.66 0 0 1 0 1.32h-8.03l2.81 2.81a.66.66 0 1 1-.93.93Z'/%3E%3C/svg%3E\");\n\t\t--mtds-icon-sidebar-expand: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M4.38 4.38h19.25a1.75 1.75 0 0 1 1.75 1.75v15.75a1.75 1.75 0 0 1-1.75 1.75H4.38a1.75 1.75 0 0 1-1.75-1.75V6.13a1.75 1.75 0 0 1 1.75-1.75Zm4.37 1.75H4.37v15.75h4.38V6.13Zm1.75 15.75h13.13V6.13H10.5v15.75Zm7.84-3.48 3.94-3.94a.66.66 0 0 0 0-.93L18.34 9.6a.66.66 0 0 0-.93.93l2.82 2.81h-8.04a.66.66 0 0 0 0 1.32h8.04l-2.82 2.81a.66.66 0 0 0 .93.93Z'/%3E%3C/svg%3E\");\n\t\t--mtds-icon-spinner: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='none' stroke='currentcolor' stroke-width='5' stroke-linecap='round'%3E%3Cstyle%3E @keyframes rotate %7B to %7B rotate:360deg %7D %7D @keyframes stroke %7B 50%25 %7Bstroke-dasharray:100,200;stroke-dashoffset:-15;transform:rotate(0deg)%7D to %7Bstroke-dasharray:1,200;stroke-dashoffset:-120;transform:rotate(15deg)%7D %7D circle:last-child%7Banimation:stroke ease-in-out infinite 2s,rotate linear infinite 2s;transform-origin:center%7D%3C/style%3E%3Ccircle cx='25' cy='25' r='20' opacity='.1'%3E%3C/circle%3E%3Ccircle cx='25' cy='25' r='20' stroke-dasharray='1, 200'%3E%3C/circle%3E%3C/svg%3E\");\n\t\t--mtds-icon-success: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M19.27 10.58a.92.92 0 0 1 0 1.3l-6.46 6.47a.92.92 0 0 1-1.3 0l-2.78-2.77a.92.92 0 0 1 1.3-1.31l2.12 2.12 5.81-5.81a.92.92 0 0 1 1.3 0ZM26 14a12 12 0 1 1-24 0 12 12 0 0 1 24 0Zm-1.85 0a10.15 10.15 0 1 0-20.3 0 10.15 10.15 0 0 0 20.3 0Z'/%3E%3C/svg%3E\");\n\t\t--mtds-icon-user: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M231 212c-15-26-39-45-66-54a72 72 0 1 0-74 0c-27 9-51 28-66 54a8 8 0 1 0 14 8 102 102 0 0 1 178 0 8 8 0 1 0 14-8ZM72 96a56 56 0 1 1 56 56 56 56 0 0 1-56-56Z'/%3E%3C/svg%3E\");\n\t\t--mtds-icon-warning: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M25.65 20.57 16.3 4.31a2.65 2.65 0 0 0-4.58 0L2.35 20.57a2.49 2.49 0 0 0 0 2.54 2.6 2.6 0 0 0 2.28 1.3h18.74c.94.01 1.81-.49 2.28-1.3.47-.79.47-1.76 0-2.54Zm-1.48 1.7a.92.92 0 0 1-.8.45H4.63a.9.9 0 0 1-.8-.46.8.8 0 0 1 0-.83L13.2 5.17a.94.94 0 0 1 1.6 0l9.37 16.26c.15.26.15.57 0 .83ZM13.14 15V10.7a.86.86 0 0 1 1.71 0V15c0 .47-.38.85-.85.85a.86.86 0 0 1-.86-.85Zm2.15 3.85a1.28 1.28 0 1 1-2.57 0 1.28 1.28 0 0 1 2.57 0Z'/%3E%3C/svg%3E\");\n\n\t\t--mtds-text-close: \"Lukk\";\n\t\t--mtds-text-loading: \"Laster...\";\n\t\t--mtds-text-logo: \"Mattilsynet\";\n\t\t--mtds-text-next: \"Neste\";\n\t\t--mtds-text-previous: \"Forrige\";\n\t\t--mtds-text-required: \"Må fylles ut\";\n\n\t\t--mtds-field-required-mask: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' %3E%3Crect x='0.5em' y='0' height='100%25' rx='5' style='width: calc(100%25 - 0.5em)' /%3E%3C/svg%3E\");\n\t\t--mtds-field-required-background: var(--ds-color-info-surface-tinted) url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' %3E%3Crect x='0.5em' y='0' height='100%25' rx='5' fill='none' stroke='hsla(207,70%,75%, .45)' stroke-width='1.5' style='width: calc(100%25 - 0.5em)' /%3E%3C/svg%3E\");\n\t\t--mtds-font-size-muted: max(0.888888em, 0.75rem);\n\n\t\t/* DigDir overwrites */\n\t\t--ds-color-focus-inner: var(--ds-color-surface-default);\n\t\t--ds-color-focus-outer: var(--ds-color-text-default);\n\t\t--ds-border-width-focus: 2px;\n\t\t--dsc-focus-boxShadow: 0 0 0 var(--ds-border-width-focus)\n\t\tvar(--ds-color-focus-inner);\n\t\t\n\t\t--ds-box-shadow-sm: 0 3px 5px rgba(0, 0, 0, 0.1);\n\t\t--ds-box-shadow-md: 0 3px 5px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.2);\n\t\t--ds-box-shadow-lg: 0 3px 15px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.2);\n\t\t\n\t\t/* Fix inncorrect generated token */\n\t\t--ds-font-family: \"Mattilsynet Sans\";\n\t\t--ds-heading-2xl-letter-spacing: -1%;\n\t\t--ds-heading-xl-letter-spacing: -1%;\n\t\t--ds-heading-lg-letter-spacing: -0.5%;\n\t\t--ds-heading-md-letter-spacing: -0.25%;\n\t\t--ds-heading-xs-letter-spacing: 0.15%;\n\t\t--ds-heading-sm-letter-spacing: 0%;\n\t\t--ds-heading-2xs-letter-spacing: 0.15%;\n\t}\n\n\t/**\n\t * We need to specify ds-body-*-font-size again since these are\n\t * removed from our Figma tokens, and since we want fluid design\n\t * Fluid scales from min 360px/22.5rem => Max 1000px/62.5rem\n\t * Calculations are made with https://royalfig.github.io/fluid-typography-calculator/\n\t */\n\t:root {\n\t\t--ds-font-size-minus-1: max(.9em, .75rem); /* Default to 90% of font-size, but minimum 12px */\n\t\t--ds-body-sm-line-height: var(--ds-line-height-md); /* Needed to keep line-heights, since \"body\" is renamed to \"text\" in Mattilsynet */\n\t\t--ds-body-md-line-height: var(--ds-line-height-md); /* Needed to keep line-heights, since \"body\" is renamed to \"text\" in Mattilsynet */\n\t\t--ds-body-lg-line-height: var(--ds-line-height-md); /* Needed to keep line-heights, since \"body\" is renamed to \"text\" in Mattilsynet */\n\t}\n\t /* Needed since \"body\" is renamed to \"text\" in Mattilsynet */\n\tbody, [data-size] {\n\t\t--ds-body-xl-font-size: var(--ds-font-size-6);\n\t\t--ds-body-lg-font-size: var(--ds-font-size-5);\n\t\t--ds-body-md-font-size: var(--ds-font-size-4);\n\t\t--ds-body-sm-font-size: var(--ds-font-size-3);\n\t\t--ds-body-xs-font-size: var(--ds-font-size-2);\n\t}\n\t/* Fluid headings */\n\t:root, [data-size] {\n\t\t--ds-md-rem: calc(16 / 18);\n\t\t--ds-heading-2xs-font-size: calc(clamp(1em, 0.9296875em + 0.3125vw, 1.125em) * var(--ds-md-rem)); /* 16px => 18px */\n\t\t--ds-heading-xs-font-size: calc(clamp(1.125em, 1.01953125em + 0.46875vw, 1.3125em) * var(--ds-md-rem)); /* 18px => 21px */\n\t\t--ds-heading-sm-font-size: calc(clamp(1.3125em, 1.20703125em + 0.46875vw, 1.5em) * var(--ds-md-rem)); /* 21px => 24px */\n\t\t--ds-heading-md-font-size: calc(clamp(1.5em, 1.2890625em + 0.9375vw, 1.875em) * var(--ds-md-rem)); /* 24px => 30px */\n\t\t--ds-heading-lg-font-size: calc(clamp(1.875em, 1.6640625em + 0.9375vw, 2.25em) * var(--ds-md-rem)); /* 30px => 36px */\n\t\t--ds-heading-xl-font-size: calc(clamp(2.25em, 1.96875em + 1.25vw, 2.75em) * var(--ds-md-rem)); /* 36px => 44px */\n\t\t--ds-heading-2xl-font-size: calc(clamp(2.75em, 2.1875em + 2.5vw, 3.75em) * var(--ds-md-rem)); /* 44px => 60px */\n\t}\n\t/* Scale everything down on mobile (786px) */\n\t@media (max-width: 48em) {\n\t\t:root, [data-size] {\n\t\t\t--ds-size-base: 20.25;\n\t\t}\n\t\t[data-size=\"lg\"] {\n\t\t\t--ds-size-base: 21; /* Since the jump from lg to md is larger, we need a larger --ds-size-base to get correct mobile sizes */\n\t\t}\n\t}\n\n\t/* Change language */\n\t[lang=\"en\"] {\n\t\t--mtds-text-close: \"Close\";\n\t\t--mtds-text-loading: \"Loading...\";\n\t\t--mtds-text-logo: \"Norwegian Food Safety Authority\";\n\t\t--mtds-text-next: \"Next\";\n\t\t--mtds-text-previous: \"Previous\";\n\t\t--mtds-text-required: \"Required\";\n\t}\n\n\t/* Using :where to allow overwrites */\n\t:where([data-color-scheme], body, .body) {\n\t\tbackground: var(--ds-color-background-default);\n\t\tcolor: var(--ds-color-text-default); /* Ensure we do not get neutal text color */\n\t}\n\thtml[data-color-scheme] body {\n\t\tbackground: none; /* Reset Tailwind and avoid double background issues https://stackoverflow.com/a/76849201 */\n\t}\n\n\tsvg[data-color] {\n\t\tcolor: var(--ds-color-text-default); /* Allow svgs to inherit text color, but only if they have data-color attribute to avoid breaking existing icons that rely on currentColor */\n\t}\n\n\t:where(body, .body) {\n\t\tcursor: default; /* Avoid text cursor on non-form elements */\n\t\tfont-family: \"Mattilsynet Sans\", sans-serif; /* Setting font-size on <body> to preserve default rem value and thus easier calulations and text scaling */\n\t\tfont-feature-settings: \"liga\" 0; /* Disable ligatures */\n\t\tmargin: 0;\n\t\t-webkit-font-smoothing: antialiased; /* Prevent browser from guessing font rendering strategy; always use antialiased for thinner font */\n\t\t-moz-osx-font-smoothing: grayscale; /* Prevent browser from guessing font rendering strategy; always use antialiased for thinner font */\n\t}\n\n\t:where(b, h1, h2, h3, h4, h5, h6, label, legend, strong) {\n\t\tfont-weight: 700;\n\t}\n\n\t/* TMP fix so Safari does not use \"fake\" italic, but rather the version availabe in the font */\n\t:where(i, em) {\n\t\tfont-variation-settings: \"ital\" 1;\n\t\tfont-synthesis: none;\n\t}\n\n\t/* Activate smooth scroll */\n\t@media (prefers-reduced-motion: no-preference) {\n\t\thtml {\n\t\t\tscroll-behavior: smooth;\n\t\t}\n\t}\n}\n\n/* Used as background input, so need to swap */\n/* Altas dark-mode added here to leverage data-color-scheme attribute */\n@layer mt.design {\n\tmtds-atlas-marker > svg {\n\t\tfill: currentColor;\n\t\theight: 1em;\n\t\tvertical-align: middle;\n\t\twidth: 1em;\n\t}\n\t[data-color-scheme=\"dark\"] {\n\t\t--ds-shadow-md: inset 0 0 0 1px rgba(255,255,255,.03), 0 7px 14px rgba(0,0,0,.4);\n\t\t--mtds-icon-calendar: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='white' d='M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16ZM72 48v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24v32H48V48Zm136 160H48V96h160v112Z'/%3E%3C/svg%3E\");\n\t\t--mtds-icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='white' d='m229.7 218.3-50.1-50a88.1 88.1 0 1 0-11.3 11.3l50 50a8 8 0 0 0 11.4-11.3ZM40 112a72 72 0 1 1 72 72 72 72 0 0 1-72-72Z'/%3E%3C/svg%3E\");\n\t}\n\t[data-color-scheme=\"dark\"] mtds-atlas {\n\t\t--mtdsc-atlas-tile-filter: invert(1) hue-rotate(200deg) contrast(0.9) grayscale(0.8);\n\t\t--mtdsc-atlas-tile-background: #131516;\n\t}\n\t@media (prefers-color-scheme: dark) {\n\t\t[data-color-scheme=\"auto\"] {\n\t\t\t--ds-shadow-md: inset 0 0 0 1px rgba(255,255,255,.1), 0 7px 14px rgba(0,0,0,.4);\n\t\t\t--mtds-icon-calendar: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='white' d='M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16ZM72 48v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24v32H48V48Zm136 160H48V96h160v112Z'/%3E%3C/svg%3E\");\n\t\t\t--mtds-icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='white' d='m229.7 218.3-50.1-50a88.1 88.1 0 1 0-11.3 11.3l50 50a8 8 0 0 0 11.4-11.3ZM40 112a72 72 0 1 1 72 72 72 72 0 0 1-72-72Z'/%3E%3C/svg%3E\");\n\t\t}\n\t\t[data-color-scheme=\"dark\"] mtds-atlas {\n\t\t\t--mtdsc-atlas-tile-filter: invert(1) hue-rotate(200deg) contrast(0.9) grayscale(0.8);\n\t\t\t--mtdsc-atlas-tile-background: #131516;\n\t\t}\n\t}\n}\n"],"mappings":""}
@@ -1,30 +1,25 @@
1
- import { isBrowser as i, debounce as b, attr as a, onHotReload as u, onMutation as f } from "../utils.js";
2
- const r = /* @__PURE__ */ new WeakSet(), m = i() ? document.getElementsByTagName("table") : [], l = i() && window.ResizeObserver ? new ResizeObserver(b(c, 200)) : null;
3
- function c(e) {
4
- for (const { target: t, contentRect: o } of e)
5
- if (!t.isConnected) r.delete(t) && l?.unobserve(t);
6
- else {
7
- const n = t.getAttribute("data-mobile-source") === "self" ? o.width : window.innerWidth, d = Number(t.getAttribute("data-mobile-size")) || 768;
8
- a(t, "data-mobile-active", n < d ? "" : null);
9
- }
1
+ import { attr as e, debounce as t, isBrowser as n, onHotReload as r, onMutation as i } from "../utils.js";
2
+ //#region designsystem/table/table-observer.ts
3
+ var a = /* @__PURE__ */ new WeakSet(), o = n() ? document.getElementsByTagName("table") : [], s = n() && window.ResizeObserver ? new ResizeObserver(t(c, 200)) : null;
4
+ function c(t) {
5
+ for (let { target: n, contentRect: r } of t) n.isConnected ? e(n, "data-mobile-active", (n.getAttribute("data-mobile-source") === "self" ? r.width : window.innerWidth) < (Number(n.getAttribute("data-mobile-size")) || 768) ? "" : null) : a.delete(n) && s?.unobserve(n);
10
6
  }
11
- function w() {
12
- for (const e of m)
13
- if (e.hasAttribute("data-mobile")) {
14
- const t = Array.from(e.tHead?.rows[0]?.cells || [], (o) => (o.innerText ?? o.textContent)?.trim() || "");
15
- r.has(e) || (r.add(e), l?.observe(e), c([{ target: e, contentRect: e.getBoundingClientRect() }]));
16
- for (const o of e.tBodies)
17
- for (const s of o.rows)
18
- for (const n of s.cells)
19
- a(n, "data-th", t[n.cellIndex] || ":empty");
20
- }
7
+ function l() {
8
+ for (let t of o) if (t.hasAttribute("data-mobile")) {
9
+ let n = Array.from(t.tHead?.rows[0]?.cells || [], (e) => (e.innerText ?? e.textContent)?.trim() || "");
10
+ a.has(t) || (a.add(t), s?.observe(t), c([{
11
+ target: t,
12
+ contentRect: t.getBoundingClientRect()
13
+ }]));
14
+ for (let r of t.tBodies) for (let t of r.rows) for (let r of t.cells) e(r, "data-th", n[r.cellIndex] || ":empty");
15
+ }
21
16
  }
22
- u("table", () => [
23
- f(document, w, {
24
- attributeFilter: ["data-mobile"],
25
- attributes: !0,
26
- childList: !0,
27
- subtree: !0
28
- })
29
- ]);
30
- //# sourceMappingURL=table-observer.js.map
17
+ r("table", () => [i(document, l, {
18
+ attributeFilter: ["data-mobile"],
19
+ attributes: !0,
20
+ childList: !0,
21
+ subtree: !0
22
+ })]);
23
+ //#endregion
24
+
25
+ //# sourceMappingURL=table-observer.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"table-observer.js","sources":["../../designsystem/table/table-observer.ts"],"sourcesContent":["import { attr, debounce, isBrowser, onHotReload, onMutation } from \"../utils\";\n\nconst MOBILE = new WeakSet();\nconst TABLES = isBrowser() ? document.getElementsByTagName(\"table\") : [];\nconst RESIZER =\n\tisBrowser() && window.ResizeObserver // Check for ResizeObserver support, as it's not available in all environments (e.g., JSDOM)\n\t\t? new ResizeObserver(debounce(handleResize, 200))\n\t\t: null;\n\nfunction handleResize(\n\tentries: Pick<ResizeObserverEntry, \"target\" | \"contentRect\">[],\n) {\n\tfor (const { target: table, contentRect: rect } of entries) {\n\t\tif (!table.isConnected) MOBILE.delete(table) && RESIZER?.unobserve(table);\n\t\telse {\n\t\t\tconst isSelf = table.getAttribute(\"data-mobile-source\") === \"self\";\n\t\t\tconst source = isSelf ? rect.width : window.innerWidth;\n\t\t\tconst size = Number(table.getAttribute(\"data-mobile-size\")) || 768;\n\n\t\t\tattr(table, \"data-mobile-active\", source < size ? \"\" : null);\n\t\t}\n\t}\n}\n\nfunction handleTableMobile() {\n\tfor (const target of TABLES)\n\t\tif (target.hasAttribute(\"data-mobile\")) {\n\t\t\tconst ths = Array.from(target.tHead?.rows[0]?.cells || [], (th) => {\n\t\t\t\treturn (th.innerText ?? th.textContent)?.trim() || \"\"; // Fallback to textContent if innerText is not supported (e.g., in JSDOM)\n\t\t\t});\n\n\t\t\tif (!MOBILE.has(target)) {\n\t\t\t\tMOBILE.add(target);\n\t\t\t\tRESIZER?.observe(target);\n\t\t\t\thandleResize([{ target, contentRect: target.getBoundingClientRect() }]); // Instant initial check\n\t\t\t}\n\n\t\t\tfor (const tbody of target.tBodies)\n\t\t\t\tfor (const row of tbody.rows)\n\t\t\t\t\tfor (const cell of row.cells)\n\t\t\t\t\t\tattr(cell, \"data-th\", ths[cell.cellIndex] || \":empty\");\n\t\t}\n}\n\nonHotReload(\"table\", () => [\n\tonMutation(document, handleTableMobile, {\n\t\tattributeFilter: [\"data-mobile\"],\n\t\tattributes: true,\n\t\tchildList: true,\n\t\tsubtree: true,\n\t}),\n]);\n"],"names":["MOBILE","TABLES","isBrowser","RESIZER","debounce","handleResize","entries","table","rect","source","size","attr","handleTableMobile","target","ths","th","tbody","row","cell","onHotReload","onMutation"],"mappings":";AAEA,MAAMA,wBAAa,QAAA,GACbC,IAASC,EAAA,IAAc,SAAS,qBAAqB,OAAO,IAAI,CAAA,GAChEC,IACLD,EAAA,KAAe,OAAO,iBACnB,IAAI,eAAeE,EAASC,GAAc,GAAG,CAAC,IAC9C;AAEJ,SAASA,EACRC,GACC;AACD,aAAW,EAAE,QAAQC,GAAO,aAAaC,EAAA,KAAUF;AAClD,QAAI,CAACC,EAAM,YAAa,CAAAP,EAAO,OAAOO,CAAK,KAAKJ,GAAS,UAAUI,CAAK;AAAA,SACnE;AAEJ,YAAME,IADSF,EAAM,aAAa,oBAAoB,MAAM,SACpCC,EAAK,QAAQ,OAAO,YACtCE,IAAO,OAAOH,EAAM,aAAa,kBAAkB,CAAC,KAAK;AAE/D,MAAAI,EAAKJ,GAAO,sBAAsBE,IAASC,IAAO,KAAK,IAAI;AAAA,IAC5D;AAEF;AAEA,SAASE,IAAoB;AAC5B,aAAWC,KAAUZ;AACpB,QAAIY,EAAO,aAAa,aAAa,GAAG;AACvC,YAAMC,IAAM,MAAM,KAAKD,EAAO,OAAO,KAAK,CAAC,GAAG,SAAS,CAAA,GAAI,CAACE,OACnDA,EAAG,aAAaA,EAAG,cAAc,UAAU,EACnD;AAED,MAAKf,EAAO,IAAIa,CAAM,MACrBb,EAAO,IAAIa,CAAM,GACjBV,GAAS,QAAQU,CAAM,GACvBR,EAAa,CAAC,EAAE,QAAAQ,GAAQ,aAAaA,EAAO,sBAAA,EAAsB,CAAG,CAAC;AAGvE,iBAAWG,KAASH,EAAO;AAC1B,mBAAWI,KAAOD,EAAM;AACvB,qBAAWE,KAAQD,EAAI;AACtB,YAAAN,EAAKO,GAAM,WAAWJ,EAAII,EAAK,SAAS,KAAK,QAAQ;AAAA,IACzD;AACF;AAEAC,EAAY,SAAS,MAAM;AAAA,EAC1BC,EAAW,UAAUR,GAAmB;AAAA,IACvC,iBAAiB,CAAC,aAAa;AAAA,IAC/B,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,EAAA,CACT;AACF,CAAC;"}
1
+ {"version":3,"file":"table-observer.js","names":[],"sources":["../../designsystem/table/table-observer.ts"],"sourcesContent":["import { attr, debounce, isBrowser, onHotReload, onMutation } from \"../utils\";\n\nconst MOBILE = new WeakSet();\nconst TABLES = isBrowser() ? document.getElementsByTagName(\"table\") : [];\nconst RESIZER =\n\tisBrowser() && window.ResizeObserver // Check for ResizeObserver support, as it's not available in all environments (e.g., JSDOM)\n\t\t? new ResizeObserver(debounce(handleResize, 200))\n\t\t: null;\n\nfunction handleResize(\n\tentries: Pick<ResizeObserverEntry, \"target\" | \"contentRect\">[],\n) {\n\tfor (const { target: table, contentRect: rect } of entries) {\n\t\tif (!table.isConnected) MOBILE.delete(table) && RESIZER?.unobserve(table);\n\t\telse {\n\t\t\tconst isSelf = table.getAttribute(\"data-mobile-source\") === \"self\";\n\t\t\tconst source = isSelf ? rect.width : window.innerWidth;\n\t\t\tconst size = Number(table.getAttribute(\"data-mobile-size\")) || 768;\n\n\t\t\tattr(table, \"data-mobile-active\", source < size ? \"\" : null);\n\t\t}\n\t}\n}\n\nfunction handleTableMobile() {\n\tfor (const target of TABLES)\n\t\tif (target.hasAttribute(\"data-mobile\")) {\n\t\t\tconst ths = Array.from(target.tHead?.rows[0]?.cells || [], (th) => {\n\t\t\t\treturn (th.innerText ?? th.textContent)?.trim() || \"\"; // Fallback to textContent if innerText is not supported (e.g., in JSDOM)\n\t\t\t});\n\n\t\t\tif (!MOBILE.has(target)) {\n\t\t\t\tMOBILE.add(target);\n\t\t\t\tRESIZER?.observe(target);\n\t\t\t\thandleResize([{ target, contentRect: target.getBoundingClientRect() }]); // Instant initial check\n\t\t\t}\n\n\t\t\tfor (const tbody of target.tBodies)\n\t\t\t\tfor (const row of tbody.rows)\n\t\t\t\t\tfor (const cell of row.cells)\n\t\t\t\t\t\tattr(cell, \"data-th\", ths[cell.cellIndex] || \":empty\");\n\t\t}\n}\n\nonHotReload(\"table\", () => [\n\tonMutation(document, handleTableMobile, {\n\t\tattributeFilter: [\"data-mobile\"],\n\t\tattributes: true,\n\t\tchildList: true,\n\t\tsubtree: true,\n\t}),\n]);\n"],"mappings":";;AAEA,IAAM,oBAAS,IAAI,QAAQ,GACrB,IAAS,EAAU,IAAI,SAAS,qBAAqB,OAAO,IAAI,CAAC,GACjE,IACL,EAAU,KAAK,OAAO,iBACnB,IAAI,eAAe,EAAS,GAAc,GAAG,CAAC,IAC9C;AAEJ,SAAS,EACR,GACC;CACD,KAAK,IAAM,EAAE,QAAQ,GAAO,aAAa,OAAU,GAClD,AAAK,EAAM,cAMV,EAAK,GAAO,uBAJG,EAAM,aAAa,oBAAoB,MAAM,SACpC,EAAK,QAAQ,OAAO,eAC/B,OAAO,EAAM,aAAa,kBAAkB,CAAC,KAAK,OAEb,KAAK,IAAI,IANpC,EAAO,OAAO,CAAK,KAAK,GAAS,UAAU,CAAK;AAS1E;AAEA,SAAS,IAAoB;CAC5B,KAAK,IAAM,KAAU,GACpB,IAAI,EAAO,aAAa,aAAa,GAAG;EACvC,IAAM,IAAM,MAAM,KAAK,EAAO,OAAO,KAAK,EAAE,EAAE,SAAS,CAAC,IAAI,OACnD,EAAG,aAAa,EAAG,YAAA,EAAc,KAAK,KAAK,EACnD;EAED,AAAK,EAAO,IAAI,CAAM,MACrB,EAAO,IAAI,CAAM,GACjB,GAAS,QAAQ,CAAM,GACvB,EAAa,CAAC;GAAE;GAAQ,aAAa,EAAO,sBAAsB;EAAE,CAAC,CAAC;EAGvE,KAAK,IAAM,KAAS,EAAO,SAC1B,KAAK,IAAM,KAAO,EAAM,MACvB,KAAK,IAAM,KAAQ,EAAI,OACtB,EAAK,GAAM,WAAW,EAAI,EAAK,cAAc,QAAQ;CACzD;AACF;AAEA,EAAY,eAAe,CAC1B,EAAW,UAAU,GAAmB;CACvC,iBAAiB,CAAC,aAAa;CAC/B,YAAY;CACZ,WAAW;CACX,SAAS;AACV,CAAC,CACF,CAAC"}
@@ -1,61 +1,89 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import u from "clsx";
3
- import { forwardRef as e } from "react";
4
- import d from "../styles.module.css.js";
5
- const p = {
6
- "": "none",
7
- asc: "ascending",
8
- ascending: "ascending",
9
- desc: "descending",
10
- descending: "descending",
11
- down: "descending",
12
- false: "none",
13
- none: "none",
14
- null: "none",
15
- up: "ascending"
16
- }, c = e(function({ className: r, ...n }, s) {
17
- return /* @__PURE__ */ t("table", { className: u(d.table, r), ref: s, ...n });
18
- }), y = Object.assign(c, {
19
- Td: e(
20
- function(r, n) {
21
- return /* @__PURE__ */ t("td", { suppressHydrationWarning: !0, ref: n, ...r });
22
- }
23
- ),
24
- Th: e(
25
- function(r, n) {
26
- return /* @__PURE__ */ t("th", { suppressHydrationWarning: !0, ref: n, ...r });
27
- }
28
- ),
29
- Tr: e(function(r, n) {
30
- return /* @__PURE__ */ t("tr", { suppressHydrationWarning: !0, ref: n, ...r });
31
- }),
32
- Thead: e(function(r, n) {
33
- return /* @__PURE__ */ t("thead", { suppressHydrationWarning: !0, ref: n, ...r });
34
- }),
35
- Tbody: e(function(r, n) {
36
- return /* @__PURE__ */ t("tbody", { suppressHydrationWarning: !0, ref: n, ...r });
37
- }),
38
- Tfoot: e(function(r, n) {
39
- return /* @__PURE__ */ t("tfoot", { suppressHydrationWarning: !0, ref: n, ...r });
40
- }),
41
- Caption: e(function(r, n) {
42
- return /* @__PURE__ */ t("caption", { suppressHydrationWarning: !0, ref: n, ...r });
43
- }),
44
- ThSortable: e(
45
- function({ "aria-sort": r, children: n, onClick: s, ...a }, i) {
46
- return /* @__PURE__ */ t(
47
- "th",
48
- {
49
- ref: i,
50
- "aria-sort": s ? p[`${r}`] : void 0,
51
- ...a,
52
- children: s ? /* @__PURE__ */ t("button", { type: "button", onClick: s, children: n }) : n
53
- }
54
- );
55
- }
56
- )
1
+ import e from "../styles.module.js";
2
+ import t from "clsx";
3
+ import { forwardRef as n } from "react";
4
+ import { jsx as r } from "react/jsx-runtime";
5
+ //#region designsystem/table/table.tsx
6
+ var i = {
7
+ "": "none",
8
+ asc: "ascending",
9
+ ascending: "ascending",
10
+ desc: "descending",
11
+ descending: "descending",
12
+ down: "descending",
13
+ false: "none",
14
+ none: "none",
15
+ null: "none",
16
+ up: "ascending"
17
+ }, a = n(function({ className: n, ...i }, a) {
18
+ return /* @__PURE__ */ r("table", {
19
+ className: t(e.table, n),
20
+ ref: a,
21
+ ...i
22
+ });
23
+ }), o = Object.assign(a, {
24
+ Td: n(function(e, t) {
25
+ return /* @__PURE__ */ r("td", {
26
+ suppressHydrationWarning: !0,
27
+ ref: t,
28
+ ...e
29
+ });
30
+ }),
31
+ Th: n(function(e, t) {
32
+ return /* @__PURE__ */ r("th", {
33
+ suppressHydrationWarning: !0,
34
+ ref: t,
35
+ ...e
36
+ });
37
+ }),
38
+ Tr: n(function(e, t) {
39
+ return /* @__PURE__ */ r("tr", {
40
+ suppressHydrationWarning: !0,
41
+ ref: t,
42
+ ...e
43
+ });
44
+ }),
45
+ Thead: n(function(e, t) {
46
+ return /* @__PURE__ */ r("thead", {
47
+ suppressHydrationWarning: !0,
48
+ ref: t,
49
+ ...e
50
+ });
51
+ }),
52
+ Tbody: n(function(e, t) {
53
+ return /* @__PURE__ */ r("tbody", {
54
+ suppressHydrationWarning: !0,
55
+ ref: t,
56
+ ...e
57
+ });
58
+ }),
59
+ Tfoot: n(function(e, t) {
60
+ return /* @__PURE__ */ r("tfoot", {
61
+ suppressHydrationWarning: !0,
62
+ ref: t,
63
+ ...e
64
+ });
65
+ }),
66
+ Caption: n(function(e, t) {
67
+ return /* @__PURE__ */ r("caption", {
68
+ suppressHydrationWarning: !0,
69
+ ref: t,
70
+ ...e
71
+ });
72
+ }),
73
+ ThSortable: n(function({ "aria-sort": e, children: t, onClick: n, ...a }, o) {
74
+ return /* @__PURE__ */ r("th", {
75
+ ref: o,
76
+ "aria-sort": n ? i[`${e}`] : void 0,
77
+ ...a,
78
+ children: n ? /* @__PURE__ */ r("button", {
79
+ type: "button",
80
+ onClick: n,
81
+ children: t
82
+ }) : t
83
+ });
84
+ })
57
85
  });
58
- export {
59
- y as Table
60
- };
61
- //# sourceMappingURL=table.js.map
86
+ //#endregion
87
+ export { o as Table };
88
+
89
+ //# sourceMappingURL=table.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"table.js","sources":["../../designsystem/table/table.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type TableProps = React.ComponentPropsWithoutRef<\"table\"> & {\n\t\"data-align\"?: \"start\" | \"center\";\n\t\"data-border\"?: boolean | \"true\" | \"false\" | \"none\";\n\t\"data-fixed\"?: boolean;\n\t\"data-mobile\"?: \"divided\" | \"spaced\" | \"stacked\";\n};\n\nexport type ThSortableProps = Omit<\n\tReact.ComponentPropsWithoutRef<\"th\">,\n\t\"aria-sort\" | \"onClick\"\n> & {\n\tonClick?: React.ComponentPropsWithoutRef<\"button\">[\"onClick\"];\n\t\"aria-sort\"?:\n\t\t| \"\"\n\t\t| \"acending\"\n\t\t| \"asc\"\n\t\t| \"desc\"\n\t\t| \"descending\"\n\t\t| \"down\"\n\t\t| \"false\"\n\t\t| \"none\"\n\t\t| \"up\"\n\t\t| false\n\t\t| null;\n};\n\ntype SORT_KEYS = keyof typeof SORT;\nconst SORT = {\n\t\"\": \"none\",\n\tasc: \"ascending\",\n\tascending: \"ascending\",\n\tdesc: \"descending\",\n\tdescending: \"descending\",\n\tdown: \"descending\",\n\tfalse: \"none\",\n\tnone: \"none\",\n\tnull: \"none\",\n\tup: \"ascending\",\n} as const;\n\nconst TableComp = forwardRef<HTMLTableElement, TableProps>(function Table(\n\t{ className, ...rest },\n\tref,\n) {\n\treturn (\n\t\t<table className={clsx(styles.table, className)} ref={ref} {...rest} />\n\t);\n});\n\nexport const Table = Object.assign(TableComp, {\n\tTd: forwardRef<HTMLTableCellElement, React.ComponentPropsWithoutRef<\"td\">>(\n\t\tfunction Td(props, ref) {\n\t\t\treturn <td suppressHydrationWarning ref={ref} {...props} />;\n\t\t},\n\t),\n\tTh: forwardRef<HTMLTableCellElement, React.ComponentPropsWithoutRef<\"th\">>(\n\t\tfunction Th(props, ref) {\n\t\t\treturn <th suppressHydrationWarning ref={ref} {...props} />;\n\t\t},\n\t),\n\tTr: forwardRef<\n\t\tHTMLTableRowElement,\n\t\tReact.ComponentPropsWithoutRef<\"tr\"> & {\n\t\t\t\"data-clickdelegatefor\"?: string;\n\t\t}\n\t>(function Tr(props, ref) {\n\t\treturn <tr suppressHydrationWarning ref={ref} {...props} />;\n\t}),\n\tThead: forwardRef<\n\t\tHTMLTableSectionElement,\n\t\tReact.ComponentPropsWithoutRef<\"tbody\">\n\t>(function Thead(props, ref) {\n\t\treturn <thead suppressHydrationWarning ref={ref} {...props} />;\n\t}),\n\tTbody: forwardRef<\n\t\tHTMLTableSectionElement,\n\t\tReact.ComponentPropsWithoutRef<\"tbody\">\n\t>(function Tbody(props, ref) {\n\t\treturn <tbody suppressHydrationWarning ref={ref} {...props} />;\n\t}),\n\tTfoot: forwardRef<\n\t\tHTMLTableSectionElement,\n\t\tReact.ComponentPropsWithoutRef<\"tfoot\">\n\t>(function Tfoot(props, ref) {\n\t\treturn <tfoot suppressHydrationWarning ref={ref} {...props} />;\n\t}),\n\tCaption: forwardRef<\n\t\tHTMLTableCaptionElement,\n\t\tReact.ComponentPropsWithoutRef<\"caption\">\n\t>(function Caption(props, ref) {\n\t\treturn <caption suppressHydrationWarning ref={ref} {...props} />;\n\t}),\n\tThSortable: forwardRef<HTMLTableCellElement, ThSortableProps>(\n\t\tfunction ThSortable(\n\t\t\t{ \"aria-sort\": sort, children, onClick, ...rest },\n\t\t\tref,\n\t\t) {\n\t\t\treturn (\n\t\t\t\t<th\n\t\t\t\t\tref={ref}\n\t\t\t\t\taria-sort={onClick ? SORT[`${sort}` as SORT_KEYS] : undefined}\n\t\t\t\t\t{...rest}\n\t\t\t\t>\n\t\t\t\t\t{onClick ? (\n\t\t\t\t\t\t<button type=\"button\" onClick={onClick}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tchildren\n\t\t\t\t\t)}\n\t\t\t\t</th>\n\t\t\t);\n\t\t},\n\t),\n});\n"],"names":["SORT","TableComp","forwardRef","className","rest","ref","jsx","clsx","styles","Table","props","sort","children","onClick"],"mappings":";;;;AA+BA,MAAMA,IAAO;AAAA,EACZ,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,IAAI;AACL,GAEMC,IAAYC,EAAyC,SAC1D,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAChBC,GACC;AACD,SACC,gBAAAC,EAAC,SAAA,EAAM,WAAWC,EAAKC,EAAO,OAAOL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAEvE,CAAC,GAEYK,IAAQ,OAAO,OAAOR,GAAW;AAAA,EAC7C,IAAIC;AAAA,IACH,SAAYQ,GAAOL,GAAK;AACvB,+BAAQ,MAAA,EAAG,0BAAwB,IAAC,KAAAA,GAAW,GAAGK,GAAO;AAAA,IAC1D;AAAA,EAAA;AAAA,EAED,IAAIR;AAAA,IACH,SAAYQ,GAAOL,GAAK;AACvB,+BAAQ,MAAA,EAAG,0BAAwB,IAAC,KAAAA,GAAW,GAAGK,GAAO;AAAA,IAC1D;AAAA,EAAA;AAAA,EAED,IAAIR,EAKF,SAAYQ,GAAOL,GAAK;AACzB,6BAAQ,MAAA,EAAG,0BAAwB,IAAC,KAAAA,GAAW,GAAGK,GAAO;AAAA,EAC1D,CAAC;AAAA,EACD,OAAOR,EAGL,SAAeQ,GAAOL,GAAK;AAC5B,6BAAQ,SAAA,EAAM,0BAAwB,IAAC,KAAAA,GAAW,GAAGK,GAAO;AAAA,EAC7D,CAAC;AAAA,EACD,OAAOR,EAGL,SAAeQ,GAAOL,GAAK;AAC5B,6BAAQ,SAAA,EAAM,0BAAwB,IAAC,KAAAA,GAAW,GAAGK,GAAO;AAAA,EAC7D,CAAC;AAAA,EACD,OAAOR,EAGL,SAAeQ,GAAOL,GAAK;AAC5B,6BAAQ,SAAA,EAAM,0BAAwB,IAAC,KAAAA,GAAW,GAAGK,GAAO;AAAA,EAC7D,CAAC;AAAA,EACD,SAASR,EAGP,SAAiBQ,GAAOL,GAAK;AAC9B,6BAAQ,WAAA,EAAQ,0BAAwB,IAAC,KAAAA,GAAW,GAAGK,GAAO;AAAA,EAC/D,CAAC;AAAA,EACD,YAAYR;AAAA,IACX,SACC,EAAE,aAAaS,GAAM,UAAAC,GAAU,SAAAC,GAAS,GAAGT,EAAA,GAC3CC,GACC;AACD,aACC,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,KAAAD;AAAA,UACA,aAAWQ,IAAUb,EAAK,GAAGW,CAAI,EAAe,IAAI;AAAA,UACnD,GAAGP;AAAA,UAEH,cACA,gBAAAE,EAAC,UAAA,EAAO,MAAK,UAAS,SAAAO,GACpB,UAAAD,GACF,IAEAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAIJ;AAAA,EAAA;AAEF,CAAC;"}
1
+ {"version":3,"file":"table.js","names":[],"sources":["../../designsystem/table/table.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type TableProps = React.ComponentPropsWithoutRef<\"table\"> & {\n\t\"data-align\"?: \"start\" | \"center\";\n\t\"data-border\"?: boolean | \"true\" | \"false\" | \"none\";\n\t\"data-fixed\"?: boolean;\n\t\"data-mobile\"?: \"divided\" | \"spaced\" | \"stacked\";\n};\n\nexport type ThSortableProps = Omit<\n\tReact.ComponentPropsWithoutRef<\"th\">,\n\t\"aria-sort\" | \"onClick\"\n> & {\n\tonClick?: React.ComponentPropsWithoutRef<\"button\">[\"onClick\"];\n\t\"aria-sort\"?:\n\t\t| \"\"\n\t\t| \"acending\"\n\t\t| \"asc\"\n\t\t| \"desc\"\n\t\t| \"descending\"\n\t\t| \"down\"\n\t\t| \"false\"\n\t\t| \"none\"\n\t\t| \"up\"\n\t\t| false\n\t\t| null;\n};\n\ntype SORT_KEYS = keyof typeof SORT;\nconst SORT = {\n\t\"\": \"none\",\n\tasc: \"ascending\",\n\tascending: \"ascending\",\n\tdesc: \"descending\",\n\tdescending: \"descending\",\n\tdown: \"descending\",\n\tfalse: \"none\",\n\tnone: \"none\",\n\tnull: \"none\",\n\tup: \"ascending\",\n} as const;\n\nconst TableComp = forwardRef<HTMLTableElement, TableProps>(function Table(\n\t{ className, ...rest },\n\tref,\n) {\n\treturn (\n\t\t<table className={clsx(styles.table, className)} ref={ref} {...rest} />\n\t);\n});\n\nexport const Table = Object.assign(TableComp, {\n\tTd: forwardRef<HTMLTableCellElement, React.ComponentPropsWithoutRef<\"td\">>(\n\t\tfunction Td(props, ref) {\n\t\t\treturn <td suppressHydrationWarning ref={ref} {...props} />;\n\t\t},\n\t),\n\tTh: forwardRef<HTMLTableCellElement, React.ComponentPropsWithoutRef<\"th\">>(\n\t\tfunction Th(props, ref) {\n\t\t\treturn <th suppressHydrationWarning ref={ref} {...props} />;\n\t\t},\n\t),\n\tTr: forwardRef<\n\t\tHTMLTableRowElement,\n\t\tReact.ComponentPropsWithoutRef<\"tr\"> & {\n\t\t\t\"data-clickdelegatefor\"?: string;\n\t\t}\n\t>(function Tr(props, ref) {\n\t\treturn <tr suppressHydrationWarning ref={ref} {...props} />;\n\t}),\n\tThead: forwardRef<\n\t\tHTMLTableSectionElement,\n\t\tReact.ComponentPropsWithoutRef<\"tbody\">\n\t>(function Thead(props, ref) {\n\t\treturn <thead suppressHydrationWarning ref={ref} {...props} />;\n\t}),\n\tTbody: forwardRef<\n\t\tHTMLTableSectionElement,\n\t\tReact.ComponentPropsWithoutRef<\"tbody\">\n\t>(function Tbody(props, ref) {\n\t\treturn <tbody suppressHydrationWarning ref={ref} {...props} />;\n\t}),\n\tTfoot: forwardRef<\n\t\tHTMLTableSectionElement,\n\t\tReact.ComponentPropsWithoutRef<\"tfoot\">\n\t>(function Tfoot(props, ref) {\n\t\treturn <tfoot suppressHydrationWarning ref={ref} {...props} />;\n\t}),\n\tCaption: forwardRef<\n\t\tHTMLTableCaptionElement,\n\t\tReact.ComponentPropsWithoutRef<\"caption\">\n\t>(function Caption(props, ref) {\n\t\treturn <caption suppressHydrationWarning ref={ref} {...props} />;\n\t}),\n\tThSortable: forwardRef<HTMLTableCellElement, ThSortableProps>(\n\t\tfunction ThSortable(\n\t\t\t{ \"aria-sort\": sort, children, onClick, ...rest },\n\t\t\tref,\n\t\t) {\n\t\t\treturn (\n\t\t\t\t<th\n\t\t\t\t\tref={ref}\n\t\t\t\t\taria-sort={onClick ? SORT[`${sort}` as SORT_KEYS] : undefined}\n\t\t\t\t\t{...rest}\n\t\t\t\t>\n\t\t\t\t\t{onClick ? (\n\t\t\t\t\t\t<button type=\"button\" onClick={onClick}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tchildren\n\t\t\t\t\t)}\n\t\t\t\t</th>\n\t\t\t);\n\t\t},\n\t),\n});\n"],"mappings":";;;;;AA+BA,IAAM,IAAO;CACZ,IAAI;CACJ,KAAK;CACL,WAAW;CACX,MAAM;CACN,YAAY;CACZ,MAAM;CACN,OAAO;CACP,MAAM;CACN,MAAM;CACN,IAAI;AACL,GAEM,IAAY,EAAyC,SAC1D,EAAE,cAAW,GAAG,KAChB,GACC;CACD,OACC,kBAAC,SAAD;EAAO,WAAW,EAAK,EAAO,OAAO,CAAS;EAAQ;EAAK,GAAI;CAAO,CAAA;AAExE,CAAC,GAEY,IAAQ,OAAO,OAAO,GAAW;CAC7C,IAAI,EACH,SAAY,GAAO,GAAK;EACvB,OAAO,kBAAC,MAAD;GAAI,0BAAA;GAA8B;GAAK,GAAI;EAAQ,CAAA;CAC3D,CACD;CACA,IAAI,EACH,SAAY,GAAO,GAAK;EACvB,OAAO,kBAAC,MAAD;GAAI,0BAAA;GAA8B;GAAK,GAAI;EAAQ,CAAA;CAC3D,CACD;CACA,IAAI,EAKF,SAAY,GAAO,GAAK;EACzB,OAAO,kBAAC,MAAD;GAAI,0BAAA;GAA8B;GAAK,GAAI;EAAQ,CAAA;CAC3D,CAAC;CACD,OAAO,EAGL,SAAe,GAAO,GAAK;EAC5B,OAAO,kBAAC,SAAD;GAAO,0BAAA;GAA8B;GAAK,GAAI;EAAQ,CAAA;CAC9D,CAAC;CACD,OAAO,EAGL,SAAe,GAAO,GAAK;EAC5B,OAAO,kBAAC,SAAD;GAAO,0BAAA;GAA8B;GAAK,GAAI;EAAQ,CAAA;CAC9D,CAAC;CACD,OAAO,EAGL,SAAe,GAAO,GAAK;EAC5B,OAAO,kBAAC,SAAD;GAAO,0BAAA;GAA8B;GAAK,GAAI;EAAQ,CAAA;CAC9D,CAAC;CACD,SAAS,EAGP,SAAiB,GAAO,GAAK;EAC9B,OAAO,kBAAC,WAAD;GAAS,0BAAA;GAA8B;GAAK,GAAI;EAAQ,CAAA;CAChE,CAAC;CACD,YAAY,EACX,SACC,EAAE,aAAa,GAAM,aAAU,YAAS,GAAG,KAC3C,GACC;EACD,OACC,kBAAC,MAAD;GACM;GACL,aAAW,IAAU,EAAK,GAAG,OAAuB,KAAA;GACpD,GAAI;aAEH,IACA,kBAAC,UAAD;IAAQ,MAAK;IAAkB;IAC7B;GACM,CAAA,IAER;EAEE,CAAA;CAEN,CACD;AACD,CAAC"}
package/mtds/tabs/tabs.js CHANGED
@@ -1,29 +1,34 @@
1
- import { jsx as a } from "react/jsx-runtime";
1
+ import e from "../styles.module.js";
2
+ import { toCustomElementProps as t } from "../utils.js";
2
3
  import { forwardRef as n } from "react";
3
- import b from "../styles.module.css.js";
4
- import { toCustomElementProps as o } from "../utils.js";
5
- const e = n(
6
- function(t, s) {
7
- return /* @__PURE__ */ a("ds-tabs", { ref: s, ...o(t, b.tabs) });
8
- }
9
- ), i = n(
10
- function(t, s) {
11
- return /* @__PURE__ */ a("ds-tablist", { ref: s, ...o(t) });
12
- }
13
- ), T = n(
14
- function(t, s) {
15
- return /* @__PURE__ */ a("ds-tabpanel", { ref: s, ...o(t) });
16
- }
17
- ), m = n(
18
- function(t, s) {
19
- return /* @__PURE__ */ a("ds-tab", { ref: s, ...o(t) });
20
- }
21
- ), l = Object.assign(e, {
22
- List: i,
23
- Panel: T,
24
- Tab: m
4
+ import { jsx as r } from "react/jsx-runtime";
5
+ //#region designsystem/tabs/tabs.tsx
6
+ var i = n(function(n, i) {
7
+ return /* @__PURE__ */ r("ds-tabs", {
8
+ ref: i,
9
+ ...t(n, e.tabs)
10
+ });
11
+ }), a = n(function(e, n) {
12
+ return /* @__PURE__ */ r("ds-tablist", {
13
+ ref: n,
14
+ ...t(e)
15
+ });
16
+ }), o = n(function(e, n) {
17
+ return /* @__PURE__ */ r("ds-tabpanel", {
18
+ ref: n,
19
+ ...t(e)
20
+ });
21
+ }), s = n(function(e, n) {
22
+ return /* @__PURE__ */ r("ds-tab", {
23
+ ref: n,
24
+ ...t(e)
25
+ });
26
+ }), c = Object.assign(i, {
27
+ List: a,
28
+ Panel: o,
29
+ Tab: s
25
30
  });
26
- export {
27
- l as Tabs
28
- };
29
- //# sourceMappingURL=tabs.js.map
31
+ //#endregion
32
+ export { c as Tabs };
33
+
34
+ //# sourceMappingURL=tabs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.js","sources":["../../designsystem/tabs/tabs.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type * as DS from \"..\";\nimport type { CustomReactElementProps } from \"../react-types\";\nimport styles from \"../styles.module.css\";\nimport { toCustomElementProps } from \"../utils\";\n\nexport type TabsProps = CustomReactElementProps<DS.DSTabsElement>;\nconst TabsComp = forwardRef<DS.DSTabsElement, TabsProps>(\n\tfunction Tabs(props, ref) {\n\t\treturn <ds-tabs ref={ref} {...toCustomElementProps(props, styles.tabs)} />;\n\t},\n);\n\nexport type TabsListProps = CustomReactElementProps<DS.DSTabListElement>;\nconst TabsList = forwardRef<DS.DSTabListElement, TabsListProps>(\n\tfunction TabsList(props, ref) {\n\t\treturn <ds-tablist ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type TabsPanelProps = CustomReactElementProps<DS.DSTabPanelElement>;\nconst TabsPanel = forwardRef<DS.DSTabPanelElement, TabsPanelProps>(\n\tfunction TabsPanel(props, ref) {\n\t\treturn <ds-tabpanel ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type TabsTabProps = CustomReactElementProps<DS.DSTabElement>;\nconst TabsTab = forwardRef<DS.DSTabElement, TabsTabProps>(\n\tfunction TabsTab(props, ref) {\n\t\treturn <ds-tab ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport const Tabs = Object.assign(TabsComp, {\n\tList: TabsList,\n\tPanel: TabsPanel,\n\tTab: TabsTab,\n});\n"],"names":["TabsComp","forwardRef","props","ref","jsx","toCustomElementProps","styles","TabsList","TabsPanel","TabsTab","Tabs"],"mappings":";;;;AAOA,MAAMA,IAAWC;AAAA,EAChB,SAAcC,GAAOC,GAAK;AACzB,WAAO,gBAAAC,EAAC,aAAQ,KAAAD,GAAW,GAAGE,EAAqBH,GAAOI,EAAO,IAAI,GAAG;AAAA,EACzE;AACD,GAGMC,IAAWN;AAAA,EAChB,SAAkBC,GAAOC,GAAK;AAC7B,6BAAQ,cAAA,EAAW,KAAAA,GAAW,GAAGE,EAAqBH,CAAK,GAAG;AAAA,EAC/D;AACD,GAGMM,IAAYP;AAAA,EACjB,SAAmBC,GAAOC,GAAK;AAC9B,6BAAQ,eAAA,EAAY,KAAAA,GAAW,GAAGE,EAAqBH,CAAK,GAAG;AAAA,EAChE;AACD,GAGMO,IAAUR;AAAA,EACf,SAAiBC,GAAOC,GAAK;AAC5B,6BAAQ,UAAA,EAAO,KAAAA,GAAW,GAAGE,EAAqBH,CAAK,GAAG;AAAA,EAC3D;AACD,GAEaQ,IAAO,OAAO,OAAOV,GAAU;AAAA,EAC3C,MAAMO;AAAA,EACN,OAAOC;AAAA,EACP,KAAKC;AACN,CAAC;"}
1
+ {"version":3,"file":"tabs.js","names":[],"sources":["../../designsystem/tabs/tabs.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type * as DS from \"..\";\nimport type { CustomReactElementProps } from \"../react-types\";\nimport styles from \"../styles.module.css\";\nimport { toCustomElementProps } from \"../utils\";\n\nexport type TabsProps = CustomReactElementProps<DS.DSTabsElement>;\nconst TabsComp = forwardRef<DS.DSTabsElement, TabsProps>(\n\tfunction Tabs(props, ref) {\n\t\treturn <ds-tabs ref={ref} {...toCustomElementProps(props, styles.tabs)} />;\n\t},\n);\n\nexport type TabsListProps = CustomReactElementProps<DS.DSTabListElement>;\nconst TabsList = forwardRef<DS.DSTabListElement, TabsListProps>(\n\tfunction TabsList(props, ref) {\n\t\treturn <ds-tablist ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type TabsPanelProps = CustomReactElementProps<DS.DSTabPanelElement>;\nconst TabsPanel = forwardRef<DS.DSTabPanelElement, TabsPanelProps>(\n\tfunction TabsPanel(props, ref) {\n\t\treturn <ds-tabpanel ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type TabsTabProps = CustomReactElementProps<DS.DSTabElement>;\nconst TabsTab = forwardRef<DS.DSTabElement, TabsTabProps>(\n\tfunction TabsTab(props, ref) {\n\t\treturn <ds-tab ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport const Tabs = Object.assign(TabsComp, {\n\tList: TabsList,\n\tPanel: TabsPanel,\n\tTab: TabsTab,\n});\n"],"mappings":";;;;;AAOA,IAAM,IAAW,EAChB,SAAc,GAAO,GAAK;CACzB,OAAO,kBAAC,WAAD;EAAc;EAAK,GAAI,EAAqB,GAAO,EAAO,IAAI;CAAI,CAAA;AAC1E,CACD,GAGM,IAAW,EAChB,SAAkB,GAAO,GAAK;CAC7B,OAAO,kBAAC,cAAD;EAAiB;EAAK,GAAI,EAAqB,CAAK;CAAI,CAAA;AAChE,CACD,GAGM,IAAY,EACjB,SAAmB,GAAO,GAAK;CAC9B,OAAO,kBAAC,eAAD;EAAkB;EAAK,GAAI,EAAqB,CAAK;CAAI,CAAA;AACjE,CACD,GAGM,IAAU,EACf,SAAiB,GAAO,GAAK;CAC5B,OAAO,kBAAC,UAAD;EAAa;EAAK,GAAI,EAAqB,CAAK;CAAI,CAAA;AAC5D,CACD,GAEa,IAAO,OAAO,OAAO,GAAU;CAC3C,MAAM;CACN,OAAO;CACP,KAAK;AACN,CAAC"}
package/mtds/tag/tag.js CHANGED
@@ -1,21 +1,18 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import i from "clsx";
1
+ import e from "../styles.module.js";
2
+ import t from "clsx";
3
3
  import { forwardRef as n } from "react";
4
- import p from "../styles.module.css.js";
5
- const x = n(function({ as: r, className: a, "data-tooltip": o, ...t }, m) {
6
- const f = r || (t.href ? "a" : "span");
7
- return /* @__PURE__ */ s(
8
- f,
9
- {
10
- className: i(p.tag, a),
11
- "data-tooltip": o,
12
- tabIndex: o ? 0 : void 0,
13
- ref: m,
14
- ...t
15
- }
16
- );
4
+ import { jsx as r } from "react/jsx-runtime";
5
+ //#region designsystem/tag/tag.tsx
6
+ var i = n(function({ as: n, className: i, "data-tooltip": a, ...o }, s) {
7
+ return /* @__PURE__ */ r(n || (o.href ? "a" : "span"), {
8
+ className: t(e.tag, i),
9
+ "data-tooltip": a,
10
+ tabIndex: a ? 0 : void 0,
11
+ ref: s,
12
+ ...o
13
+ });
17
14
  });
18
- export {
19
- x as Tag
20
- };
21
- //# sourceMappingURL=tag.js.map
15
+ //#endregion
16
+ export { i as Tag };
17
+
18
+ //# sourceMappingURL=tag.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tag.js","sources":["../../designsystem/tag/tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type TagProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n> = PolymorphicComponentPropWithRef<\n\tAs,\n\t{ \"data-icon\"?: boolean | \"true\" | \"false\" | \"none\" }\n>;\n\ntype TagComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\tprops: TagProps<Href, As>,\n) => JSX.Element;\n\nexport const Tag: TagComponent = forwardRef<null>(function Tag<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\t{ as, className, \"data-tooltip\": dataTooltip, ...rest }: TagProps<Href, As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || (rest.href ? \"a\" : \"span\");\n\n\treturn (\n\t\t<Tag\n\t\t\tclassName={clsx(styles.tag, className)}\n\t\t\tdata-tooltip={dataTooltip}\n\t\t\ttabIndex={dataTooltip ? 0 : undefined}\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}) as TagComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Tag","forwardRef","as","className","dataTooltip","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAuBO,MAAMA,IAAoBC,EAAiB,SAIjD,EAAE,IAAAC,GAAI,WAAAC,GAAW,gBAAgBC,GAAa,GAAGC,EAAA,GACjDC,GACC;AACD,QAAMN,IAAME,MAAOG,EAAK,OAAO,MAAM;AAErC,SACC,gBAAAE;AAAA,IAACP;AAAAA,IAAA;AAAA,MACA,WAAWQ,EAAKC,EAAO,KAAKN,CAAS;AAAA,MACrC,gBAAcC;AAAA,MACd,UAAUA,IAAc,IAAI;AAAA,MAC5B,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
1
+ {"version":3,"file":"tag.js","names":[],"sources":["../../designsystem/tag/tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type TagProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n> = PolymorphicComponentPropWithRef<\n\tAs,\n\t{ \"data-icon\"?: boolean | \"true\" | \"false\" | \"none\" }\n>;\n\ntype TagComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\tprops: TagProps<Href, As>,\n) => JSX.Element;\n\nexport const Tag: TagComponent = forwardRef<null>(function Tag<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\t{ as, className, \"data-tooltip\": dataTooltip, ...rest }: TagProps<Href, As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || (rest.href ? \"a\" : \"span\");\n\n\treturn (\n\t\t<Tag\n\t\t\tclassName={clsx(styles.tag, className)}\n\t\t\tdata-tooltip={dataTooltip}\n\t\t\ttabIndex={dataTooltip ? 0 : undefined}\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}) as TagComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"mappings":";;;;;AAuBA,IAAa,IAAoB,EAAiB,SAIjD,EAAE,OAAI,cAAW,gBAAgB,GAAa,GAAG,KACjD,GACC;CAGD,OACC,kBAHW,MAAO,EAAK,OAAO,MAAM,SAGpC;EACC,WAAW,EAAK,EAAO,KAAK,CAAS;EACrC,gBAAc;EACd,UAAU,IAAc,IAAI,KAAA;EACvB;EACL,GAAI;CACJ,CAAA;AAEH,CAAC"}
package/mtds/tailwind.css CHANGED
@@ -64,7 +64,6 @@
64
64
  --color-info-background-tinted: var(--mtds-color-info-background-tinted);
65
65
  --color-info-base-active: var(--mtds-color-info-base-active);
66
66
  --color-info-base-contrast-default: var(--mtds-color-info-base-contrast-default);
67
- --color-info-base-contrast-default : var(--mtds-color-info-base-contrast-default );
68
67
  --color-info-base-contrast-subtle: var(--mtds-color-info-base-contrast-subtle);
69
68
  --color-info-base-default: var(--mtds-color-info-base-default);
70
69
  --color-info-base-hover: var(--mtds-color-info-base-hover);
@@ -78,13 +77,10 @@
78
77
  --color-info-text-default: var(--mtds-color-info-text-default);
79
78
  --color-info-text-subtle: var(--mtds-color-info-text-subtle);
80
79
  --color-inverted-background-default: var(--mtds-color-inverted-background-default);
81
- --color-inverted-background-default : var(--mtds-color-inverted-background-default );
82
80
  --color-inverted-background-tinted: var(--mtds-color-inverted-background-tinted);
83
81
  --color-inverted-base-active: var(--mtds-color-inverted-base-active);
84
82
  --color-inverted-base-contrast-default: var(--mtds-color-inverted-base-contrast-default);
85
- --color-inverted-base-contrast-default : var(--mtds-color-inverted-base-contrast-default );
86
83
  --color-inverted-base-contrast-subtle: var(--mtds-color-inverted-base-contrast-subtle);
87
- --color-inverted-base-contrast-subtle : var(--mtds-color-inverted-base-contrast-subtle );
88
84
  --color-inverted-base-default: var(--mtds-color-inverted-base-default);
89
85
  --color-inverted-base-hover: var(--mtds-color-inverted-base-hover);
90
86
  --color-inverted-border-default: var(--mtds-color-inverted-border-default);