@altinn/altinn-components 0.24.6 → 0.24.8

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 (268) hide show
  1. package/dist/altinn-ds-overrides.css +9 -14
  2. package/dist/altinn-ds.css +18 -18
  3. package/dist/altinn-theme.css +5 -6
  4. package/dist/assets/ActionHeader.css +1 -1
  5. package/dist/assets/Badge.css +1 -1
  6. package/dist/assets/ButtonBase.css +1 -1
  7. package/dist/assets/DatepickerTable.css +1 -1
  8. package/dist/assets/DialogListItem.css +1 -1
  9. package/dist/assets/DialogSelect.css +1 -1
  10. package/dist/assets/DropdownBase.css +1 -1
  11. package/dist/assets/Icon.css +1 -1
  12. package/dist/assets/LayoutBase.css +1 -1
  13. package/dist/assets/ListItemBase.css +1 -1
  14. package/dist/assets/ListItemHeader.css +1 -1
  15. package/dist/assets/ListItemLabel.css +1 -1
  16. package/dist/assets/ListItemSelect.css +1 -1
  17. package/dist/assets/MenuBase.css +1 -1
  18. package/dist/assets/MenuInputField.css +1 -1
  19. package/dist/assets/MenuItemBase.css +1 -1
  20. package/dist/assets/MetaItemBase.css +1 -1
  21. package/dist/assets/PageMenu.css +1 -1
  22. package/dist/assets/ProgressIcon.css +1 -1
  23. package/dist/assets/SnackbarItem.css +1 -1
  24. package/dist/assets/TimelineBase.css +1 -1
  25. package/dist/components/Badge/Badge.js +6 -6
  26. package/dist/components/Button/ButtonBase.js +14 -14
  27. package/dist/components/Datepicker/DatepickerTable.js +1 -1
  28. package/dist/components/Dialog/DialogActivityLog.js +1 -1
  29. package/dist/components/Dialog/DialogLayout.js +13 -14
  30. package/dist/components/Dialog/DialogList.js +11 -11
  31. package/dist/components/Dialog/DialogListItem.js +68 -68
  32. package/dist/components/Dialog/DialogSeenBy.js +4 -4
  33. package/dist/components/Dialog/DialogSelect.js +9 -9
  34. package/dist/components/Dialog/DialogStatus.js +2 -2
  35. package/dist/components/Dropdown/DropdownBase.js +5 -5
  36. package/dist/components/DsComponents/index.js +17 -16
  37. package/dist/components/Icon/Icon.js +4 -4
  38. package/dist/components/Icon/ProgressIcon.js +7 -7
  39. package/dist/components/Layout/LayoutBase.js +1 -1
  40. package/dist/components/LayoutAction/ActionHeader.js +14 -14
  41. package/dist/components/List/ListItemBase.js +19 -19
  42. package/dist/components/List/ListItemHeader.js +32 -32
  43. package/dist/components/List/ListItemLabel.js +11 -11
  44. package/dist/components/List/ListItemSelect.js +7 -7
  45. package/dist/components/Menu/MenuBase.js +10 -10
  46. package/dist/components/Menu/MenuInputField.js +10 -10
  47. package/dist/components/Menu/MenuItemBase.js +27 -27
  48. package/dist/components/Meta/MetaItemBase.js +19 -19
  49. package/dist/components/Meta/Metadata.js +24 -0
  50. package/dist/components/Meta/index.js +15 -15
  51. package/dist/components/Page/AccordionSection.js +16 -0
  52. package/dist/components/Page/ArticleHeader.js +16 -0
  53. package/dist/components/Page/ContactButtons.js +12 -0
  54. package/dist/components/Page/ContactSection.js +20 -21
  55. package/dist/components/Page/DashboardCard.js +49 -0
  56. package/dist/components/Page/DashboardHeader.js +24 -0
  57. package/dist/components/Page/PageDetails.js +9 -0
  58. package/dist/components/Page/PageMenu.js +6 -6
  59. package/dist/components/Page/index.js +28 -18
  60. package/dist/components/Profile/AccountList.js +12 -0
  61. package/dist/components/Profile/AccountListItem.js +88 -0
  62. package/dist/components/Profile/index.js +6 -0
  63. package/dist/components/Snackbar/SnackbarItem.js +12 -12
  64. package/dist/components/Timeline/TimelineBase.js +19 -19
  65. package/dist/components/index.js +184 -169
  66. package/dist/floating-ui.react-BQwG1HOM.js +2840 -0
  67. package/dist/global.css +3 -2
  68. package/dist/index-C8BS_2GY.js +64 -0
  69. package/dist/index-DcykCrjD.js +115 -0
  70. package/dist/index.js +190 -175
  71. package/dist/padding.css +22 -0
  72. package/dist/tokens/$metadata.json +10 -5
  73. package/dist/tokens/$themes.json +46 -14
  74. package/dist/tokens/README.md +8 -7
  75. package/dist/tokens/alert.css +8 -6
  76. package/dist/tokens/alert.json +18 -14
  77. package/dist/tokens/altinn-ds/color/alert.css +8 -6
  78. package/dist/tokens/altinn-ds/color/article.css +8 -6
  79. package/dist/tokens/altinn-ds/color/company.css +6 -5
  80. package/dist/tokens/altinn-ds/color/danger.css +25 -0
  81. package/dist/tokens/altinn-ds/color/info.css +25 -0
  82. package/dist/tokens/altinn-ds/color/neutral.css +25 -0
  83. package/dist/tokens/altinn-ds/color/person.css +8 -6
  84. package/dist/tokens/altinn-ds/color/success.css +25 -0
  85. package/dist/tokens/altinn-ds/color/warning.css +25 -0
  86. package/dist/tokens/altinn-ds/color-scheme/dark.css +252 -412
  87. package/dist/tokens/altinn-ds/color-scheme/light.css +222 -382
  88. package/dist/tokens/altinn-ds/semantic.css +54 -54
  89. package/dist/tokens/altinn-ds/typography/primary.css +10 -15
  90. package/dist/tokens/altinn-ds/typography/secondary.css +10 -15
  91. package/dist/tokens/altinn-ds.css +682 -987
  92. package/dist/tokens/altinn-ds.json +14 -12
  93. package/dist/tokens/article.css +8 -6
  94. package/dist/tokens/article.json +18 -14
  95. package/dist/tokens/color/alert.css +8 -6
  96. package/dist/tokens/color/article.css +8 -6
  97. package/dist/tokens/color/company.css +6 -5
  98. package/dist/tokens/color/danger.css +25 -0
  99. package/dist/tokens/color/info.css +25 -0
  100. package/dist/tokens/color/neutral.css +25 -0
  101. package/dist/tokens/color/person.css +8 -6
  102. package/dist/tokens/color/success.css +25 -0
  103. package/dist/tokens/color/warning.css +25 -0
  104. package/dist/tokens/color-scheme/dark/altinn-ds.json +100 -80
  105. package/dist/tokens/color-scheme/dark/global.json +99 -141
  106. package/dist/tokens/color-scheme/dark.css +252 -412
  107. package/dist/tokens/color-scheme/light/altinn-ds.json +94 -74
  108. package/dist/tokens/color-scheme/light/global.json +90 -132
  109. package/dist/tokens/color-scheme/light.css +222 -382
  110. package/dist/tokens/color.json +185 -141
  111. package/dist/tokens/colors.d.ts +2 -2
  112. package/dist/tokens/company.css +6 -5
  113. package/dist/tokens/company.json +18 -14
  114. package/dist/tokens/danger.css +25 -0
  115. package/dist/tokens/dark/altinn-ds.json +100 -80
  116. package/dist/tokens/dark/global.json +99 -141
  117. package/dist/tokens/dark.css +252 -412
  118. package/dist/tokens/design-tokens/$metadata.json +10 -5
  119. package/dist/tokens/design-tokens/$themes.json +46 -14
  120. package/dist/tokens/design-tokens/primitives/globals.json +2 -14
  121. package/dist/tokens/design-tokens/primitives/modes/color-scheme/dark/altinn-ds.json +100 -80
  122. package/dist/tokens/design-tokens/primitives/modes/color-scheme/dark/global.json +99 -141
  123. package/dist/tokens/design-tokens/primitives/modes/color-scheme/light/altinn-ds.json +94 -74
  124. package/dist/tokens/design-tokens/primitives/modes/color-scheme/light/global.json +90 -132
  125. package/dist/tokens/design-tokens/primitives/modes/size/global.json +21 -21
  126. package/dist/tokens/design-tokens/primitives/modes/typography/primary/altinn-ds.json +14 -12
  127. package/dist/tokens/design-tokens/primitives/modes/typography/secondary/altinn-ds.json +14 -12
  128. package/dist/tokens/design-tokens/primitives/modes/typography/size/large.json +8 -12
  129. package/dist/tokens/design-tokens/primitives/modes/typography/size/medium.json +8 -12
  130. package/dist/tokens/design-tokens/primitives/modes/typography/size/small.json +8 -12
  131. package/dist/tokens/design-tokens/semantic/color.json +185 -141
  132. package/dist/tokens/design-tokens/semantic/modes/main-color/company.json +18 -14
  133. package/dist/tokens/design-tokens/semantic/modes/main-color/person.json +18 -14
  134. package/dist/tokens/design-tokens/semantic/modes/support-color/alert.json +18 -14
  135. package/dist/tokens/design-tokens/semantic/modes/support-color/article.json +18 -14
  136. package/dist/tokens/design-tokens/semantic/style.json +104 -182
  137. package/dist/tokens/design-tokens/themes/altinn-ds.json +61 -39
  138. package/dist/tokens/design-tokens-build/altinn-ds/color/alert.css +8 -6
  139. package/dist/tokens/design-tokens-build/altinn-ds/color/article.css +8 -6
  140. package/dist/tokens/design-tokens-build/altinn-ds/color/company.css +6 -5
  141. package/dist/tokens/design-tokens-build/altinn-ds/color/danger.css +25 -0
  142. package/dist/tokens/design-tokens-build/altinn-ds/color/info.css +25 -0
  143. package/dist/tokens/design-tokens-build/altinn-ds/color/neutral.css +25 -0
  144. package/dist/tokens/design-tokens-build/altinn-ds/color/person.css +8 -6
  145. package/dist/tokens/design-tokens-build/altinn-ds/color/success.css +25 -0
  146. package/dist/tokens/design-tokens-build/altinn-ds/color/warning.css +25 -0
  147. package/dist/tokens/design-tokens-build/altinn-ds/color-scheme/dark.css +252 -412
  148. package/dist/tokens/design-tokens-build/altinn-ds/color-scheme/light.css +222 -382
  149. package/dist/tokens/design-tokens-build/altinn-ds/semantic.css +54 -54
  150. package/dist/tokens/design-tokens-build/altinn-ds/typography/primary.css +10 -15
  151. package/dist/tokens/design-tokens-build/altinn-ds/typography/secondary.css +10 -15
  152. package/dist/tokens/design-tokens-build/altinn-ds.css +682 -987
  153. package/dist/tokens/design-tokens-build/colors.d.ts +2 -2
  154. package/dist/tokens/global.json +90 -132
  155. package/dist/tokens/globals.json +2 -14
  156. package/dist/tokens/info.css +25 -0
  157. package/dist/tokens/large.json +8 -12
  158. package/dist/tokens/light/altinn-ds.json +94 -74
  159. package/dist/tokens/light/global.json +90 -132
  160. package/dist/tokens/light.css +222 -382
  161. package/dist/tokens/main-color/company.json +18 -14
  162. package/dist/tokens/main-color/person.json +18 -14
  163. package/dist/tokens/medium.json +8 -12
  164. package/dist/tokens/modes/color-scheme/dark/altinn-ds.json +100 -80
  165. package/dist/tokens/modes/color-scheme/dark/global.json +99 -141
  166. package/dist/tokens/modes/color-scheme/light/altinn-ds.json +94 -74
  167. package/dist/tokens/modes/color-scheme/light/global.json +90 -132
  168. package/dist/tokens/modes/main-color/company.json +18 -14
  169. package/dist/tokens/modes/main-color/person.json +18 -14
  170. package/dist/tokens/modes/size/global.json +21 -21
  171. package/dist/tokens/modes/support-color/alert.json +18 -14
  172. package/dist/tokens/modes/support-color/article.json +18 -14
  173. package/dist/tokens/modes/typography/primary/altinn-ds.json +14 -12
  174. package/dist/tokens/modes/typography/secondary/altinn-ds.json +14 -12
  175. package/dist/tokens/modes/typography/size/large.json +8 -12
  176. package/dist/tokens/modes/typography/size/medium.json +8 -12
  177. package/dist/tokens/modes/typography/size/small.json +8 -12
  178. package/dist/tokens/neutral.css +25 -0
  179. package/dist/tokens/person.css +8 -6
  180. package/dist/tokens/person.json +18 -14
  181. package/dist/tokens/primary/altinn-ds.json +14 -12
  182. package/dist/tokens/primary.css +10 -15
  183. package/dist/tokens/primitives/globals.json +2 -14
  184. package/dist/tokens/primitives/modes/color-scheme/dark/altinn-ds.json +100 -80
  185. package/dist/tokens/primitives/modes/color-scheme/dark/global.json +99 -141
  186. package/dist/tokens/primitives/modes/color-scheme/light/altinn-ds.json +94 -74
  187. package/dist/tokens/primitives/modes/color-scheme/light/global.json +90 -132
  188. package/dist/tokens/primitives/modes/size/global.json +21 -21
  189. package/dist/tokens/primitives/modes/typography/primary/altinn-ds.json +14 -12
  190. package/dist/tokens/primitives/modes/typography/secondary/altinn-ds.json +14 -12
  191. package/dist/tokens/primitives/modes/typography/size/large.json +8 -12
  192. package/dist/tokens/primitives/modes/typography/size/medium.json +8 -12
  193. package/dist/tokens/primitives/modes/typography/size/small.json +8 -12
  194. package/dist/tokens/secondary/altinn-ds.json +14 -12
  195. package/dist/tokens/secondary.css +10 -15
  196. package/dist/tokens/semantic/color.json +185 -141
  197. package/dist/tokens/semantic/modes/main-color/company.json +18 -14
  198. package/dist/tokens/semantic/modes/main-color/person.json +18 -14
  199. package/dist/tokens/semantic/modes/support-color/alert.json +18 -14
  200. package/dist/tokens/semantic/modes/support-color/article.json +18 -14
  201. package/dist/tokens/semantic/style.json +104 -182
  202. package/dist/tokens/semantic.css +54 -54
  203. package/dist/tokens/size/global.json +21 -21
  204. package/dist/tokens/size/large.json +8 -12
  205. package/dist/tokens/size/medium.json +8 -12
  206. package/dist/tokens/size/small.json +8 -12
  207. package/dist/tokens/small.json +8 -12
  208. package/dist/tokens/style.json +104 -182
  209. package/dist/tokens/success.css +25 -0
  210. package/dist/tokens/support-color/alert.json +18 -14
  211. package/dist/tokens/support-color/article.json +18 -14
  212. package/dist/tokens/themes/altinn-ds.json +61 -39
  213. package/dist/tokens/typography/primary/altinn-ds.json +14 -12
  214. package/dist/tokens/typography/primary.css +10 -15
  215. package/dist/tokens/typography/secondary/altinn-ds.json +14 -12
  216. package/dist/tokens/typography/secondary.css +10 -15
  217. package/dist/tokens/typography/size/large.json +8 -12
  218. package/dist/tokens/typography/size/medium.json +8 -12
  219. package/dist/tokens/typography/size/small.json +8 -12
  220. package/dist/tokens/warning.css +25 -0
  221. package/dist/types/lib/components/Dialog/DialogList.d.ts +2 -1
  222. package/dist/types/lib/components/Dialog/DialogList.stories.d.ts +2 -1
  223. package/dist/types/lib/components/Menu/Examples.stories.d.ts +17 -0
  224. package/dist/types/lib/components/Meta/MetaItemBase.d.ts +1 -1
  225. package/dist/types/lib/components/Meta/{MetaList.d.ts → Metadata.d.ts} +6 -4
  226. package/dist/types/lib/components/Meta/index.d.ts +1 -1
  227. package/dist/types/lib/components/Page/AccordionSection.d.ts +10 -0
  228. package/dist/types/lib/components/Page/ArticleHeader.d.ts +8 -0
  229. package/dist/types/lib/components/Page/ArticleHeader.stories.d.ts +14 -0
  230. package/dist/types/lib/components/Page/ContactButtons.d.ts +7 -0
  231. package/dist/types/lib/components/Page/ContactSection.d.ts +2 -2
  232. package/dist/types/lib/components/Page/DashboardCard.d.ts +10 -0
  233. package/dist/types/lib/components/Page/DashboardHeader.d.ts +10 -0
  234. package/dist/types/lib/components/Page/PageDetails.d.ts +6 -0
  235. package/dist/types/lib/components/Page/Patterns.stories.d.ts +14 -1
  236. package/dist/types/lib/components/Page/index.d.ts +7 -2
  237. package/dist/types/lib/components/Profile/AccountList.d.ts +5 -0
  238. package/dist/types/lib/components/{Meta/MetaList.stories.d.ts → Profile/AccountList.stories.d.ts} +2 -4
  239. package/dist/types/lib/components/Profile/AccountListItem.d.ts +11 -0
  240. package/dist/types/lib/components/Profile/index.d.ts +2 -0
  241. package/dist/types/lib/components/index.d.ts +1 -0
  242. package/dist/usePagination-B2I-a3Aq.js +1089 -0
  243. package/package.json +3 -1
  244. package/dist/assets/MetaList.css +0 -1
  245. package/dist/companyMenuItems-E0wNQAfZ.js +0 -105
  246. package/dist/components/Meta/MetaList.js +0 -22
  247. package/dist/components/Page/Article.js +0 -6
  248. package/dist/tokens/Figma/components.json +0 -22
  249. package/dist/tokens/accent.css +0 -23
  250. package/dist/tokens/accent.json +0 -66
  251. package/dist/tokens/altinn-ds/builtin-colors.css +0 -87
  252. package/dist/tokens/altinn-ds/color/accent.css +0 -23
  253. package/dist/tokens/builtin-colors.css +0 -87
  254. package/dist/tokens/color/accent.css +0 -23
  255. package/dist/tokens/components.json +0 -22
  256. package/dist/tokens/default.json +0 -175
  257. package/dist/tokens/design-tokens/Figma/components.json +0 -22
  258. package/dist/tokens/design-tokens/primitives/size/default.json +0 -175
  259. package/dist/tokens/design-tokens/semantic/modes/main-color/accent.json +0 -66
  260. package/dist/tokens/design-tokens-build/altinn-ds/builtin-colors.css +0 -87
  261. package/dist/tokens/design-tokens-build/altinn-ds/color/accent.css +0 -23
  262. package/dist/tokens/main-color/accent.json +0 -66
  263. package/dist/tokens/modes/main-color/accent.json +0 -66
  264. package/dist/tokens/primitives/size/default.json +0 -175
  265. package/dist/tokens/semantic/modes/main-color/accent.json +0 -66
  266. package/dist/tokens/size/default.json +0 -175
  267. package/dist/types/lib/components/Page/Article.d.ts +0 -6
  268. package/dist/usePagination-CBMPUKt_.js +0 -4073
package/dist/index.js CHANGED
@@ -9,7 +9,7 @@ import { EditableBookmark as L } from "./components/Bookmarks/EditableBookmark.j
9
9
  import { BookmarksSection as B } from "./components/Bookmarks/BookmarksSection.js";
10
10
  import { ButtonBase as I } from "./components/Button/ButtonBase.js";
11
11
  import { ButtonLabel as S } from "./components/Button/ButtonLabel.js";
12
- import { ButtonIcon as A } from "./components/Button/ButtonIcon.js";
12
+ import { ButtonIcon as M } from "./components/Button/ButtonIcon.js";
13
13
  import { Button as y } from "./components/Button/Button.js";
14
14
  import { ComboButton as H } from "./components/Button/ComboButton.js";
15
15
  import { IconButton as P } from "./components/Button/IconButton.js";
@@ -18,8 +18,8 @@ import { ContextMenu as w } from "./components/ContextMenu/ContextMenu.js";
18
18
  import { Dialog as G } from "./components/Dialog/Dialog.js";
19
19
  import { DialogLayout as O } from "./components/Dialog/DialogLayout.js";
20
20
  import { DialogHeader as U } from "./components/Dialog/DialogHeader.js";
21
- import { DialogBody as z } from "./components/Dialog/DialogBody.js";
22
- import { DialogTabs as N } from "./components/Dialog/DialogTabs.js";
21
+ import { DialogBody as K } from "./components/Dialog/DialogBody.js";
22
+ import { DialogTabs as j } from "./components/Dialog/DialogTabs.js";
23
23
  import { DialogSection as J } from "./components/Dialog/DialogSection.js";
24
24
  import { DialogContact as W } from "./components/Dialog/DialogContact.js";
25
25
  import { DialogHistory as Y } from "./components/Dialog/DialogHistory.js";
@@ -35,7 +35,7 @@ import { DialogActivityLog as lo } from "./components/Dialog/DialogActivityLog.j
35
35
  import { DialogSeenBy as Lo } from "./components/Dialog/DialogSeenBy.js";
36
36
  import { DialogSelect as Bo } from "./components/Dialog/DialogSelect.js";
37
37
  import { DialogStatus as bo, DialogStatusEnum as So } from "./components/Dialog/DialogStatus.js";
38
- import { DialogHeading as Ao } from "./components/Dialog/DialogHeading.js";
38
+ import { DialogHeading as Mo } from "./components/Dialog/DialogHeading.js";
39
39
  import { DialogTouchedBy as yo } from "./components/Dialog/DialogTouchedBy.js";
40
40
  import { DialogAttachments as Ho } from "./components/Dialog/DialogAttachments.js";
41
41
  import { SeenByLog as Po } from "./components/Dialog/SeenByLog.js";
@@ -44,8 +44,8 @@ import { Backdrop as wo } from "./components/Dropdown/Backdrop.js";
44
44
  import { DrawerBase as Go } from "./components/Dropdown/DrawerBase.js";
45
45
  import { DrawerHeader as Oo } from "./components/Dropdown/DrawerHeader.js";
46
46
  import { DrawerFooter as Uo } from "./components/Dropdown/DrawerFooter.js";
47
- import { DrawerButton as zo } from "./components/Dropdown/DrawerButton.js";
48
- import { DrawerBody as No } from "./components/Dropdown/DrawerBody.js";
47
+ import { DrawerButton as Ko } from "./components/Dropdown/DrawerButton.js";
48
+ import { DrawerBody as jo } from "./components/Dropdown/DrawerBody.js";
49
49
  import { DrawerOrDropdown as Jo } from "./components/Dropdown/DrawerOrDropdown.js";
50
50
  import { Footer as Wo } from "./components/Footer/Footer.js";
51
51
  import { AccountMenu as Yo } from "./components/GlobalMenu/AccountMenu.js";
@@ -62,7 +62,7 @@ import { LocaleButton as Lr } from "./components/Header/LocaleButton.js";
62
62
  import { LocaleSwitcher as Br } from "./components/Header/LocaleSwitcher.js";
63
63
  import { Icon as Ir } from "./components/Icon/Icon.js";
64
64
  import { CheckboxIcon as Sr } from "./components/Icon/CheckboxIcon.js";
65
- import { RadioIcon as Ar } from "./components/Icon/RadioIcon.js";
65
+ import { RadioIcon as Mr } from "./components/Icon/RadioIcon.js";
66
66
  import { ProgressIcon as yr } from "./components/Icon/ProgressIcon.js";
67
67
  import { IconOrAvatar as Hr } from "./components/Icon/IconOrAvatar.js";
68
68
  import { LayoutBase as Pr } from "./components/Layout/LayoutBase.js";
@@ -71,8 +71,8 @@ import { LayoutContent as wr } from "./components/Layout/LayoutContent.js";
71
71
  import { LayoutSidebar as Gr } from "./components/Layout/LayoutSidebar.js";
72
72
  import { Layout as Or } from "./components/Layout/Layout.js";
73
73
  import { ActionHeader as Ur } from "./components/LayoutAction/ActionHeader.js";
74
- import { ActionFooter as zr } from "./components/LayoutAction/ActionFooter.js";
75
- import { LayoutAction as Nr } from "./components/LayoutAction/LayoutAction.js";
74
+ import { ActionFooter as Kr } from "./components/LayoutAction/ActionFooter.js";
75
+ import { LayoutAction as jr } from "./components/LayoutAction/LayoutAction.js";
76
76
  import { ListItemBase as Jr } from "./components/List/ListItemBase.js";
77
77
  import { ListItemLink as Wr } from "./components/List/ListItemLink.js";
78
78
  import { ListItemHeader as Yr } from "./components/List/ListItemHeader.js";
@@ -89,93 +89,104 @@ import { MenuItemIcon as Le } from "./components/Menu/MenuItemIcon.js";
89
89
  import { MenuItem as Be } from "./components/Menu/MenuItem.js";
90
90
  import { MenuInputField as Ie } from "./components/Menu/MenuInputField.js";
91
91
  import { MenuOption as Se } from "./components/Menu/MenuOption.js";
92
- import { MenuSearch as Ae } from "./components/Menu/MenuSearch.js";
92
+ import { MenuSearch as Me } from "./components/Menu/MenuSearch.js";
93
93
  import { MenuHeader as ye } from "./components/Menu/MenuHeader.js";
94
94
  import { MenuItems as He } from "./components/Menu/MenuItems.js";
95
95
  import { MenuBase as Pe, MenuList as Ce, MenuListItem as Fe } from "./components/Menu/MenuBase.js";
96
96
  import { Menu as we } from "./components/Menu/Menu.js";
97
97
  import { MetaBase as Ge } from "./components/Meta/MetaBase.js";
98
- import { MetaList as Oe, MetaListItem as Qe } from "./components/Meta/MetaList.js";
99
- import { MetaItemBase as je } from "./components/Meta/MetaItemBase.js";
100
- import { MetaItemMedia as Ke } from "./components/Meta/MetaItemMedia.js";
101
- import { MetaItemLabel as qe } from "./components/Meta/MetaItemLabel.js";
102
- import { MetaItem as Ve } from "./components/Meta/MetaItem.js";
103
- import { MetaProgress as Xe } from "./components/Meta/MetaProgress.js";
104
- import { MetaTimestamp as Ze } from "./components/Meta/MetaTimestamp.js";
105
- import { RootProvider as $e, useRootContext as ot } from "./components/RootProvider/RootProvider.js";
106
- import { Searchbar as et } from "./components/Search/Searchbar.js";
107
- import { SearchbarBase as mt } from "./components/Search/SearchbarBase.js";
108
- import { SearchField as pt } from "./components/Search/SearchField.js";
109
- import { AutocompleteBase as ft } from "./components/Search/AutocompleteBase.js";
110
- import { AutocompleteGroup as it } from "./components/Search/AutocompleteGroup.js";
111
- import { Autocomplete as ct } from "./components/Search/Autocomplete.js";
112
- import { AutocompleteItem as lt } from "./components/Search/AutocompleteItem.js";
113
- import { ScopeListItem as Lt } from "./components/Search/ScopeListItem.js";
114
- import { SuggestListItem as Bt } from "./components/Search/SuggestListItem.js";
115
- import { QueryItem as It, QueryLabel as bt } from "./components/Search/QueryLabel.js";
116
- import { Snackbar as Mt } from "./components/Snackbar/Snackbar.js";
117
- import { SnackbarColorEnum as kt, SnackbarItem as yt } from "./components/Snackbar/SnackbarItem.js";
118
- import { SnackbarDuration as Ht, SnackbarProvider as ht, useSnackbar as Pt } from "./components/Snackbar/useSnackbar.js";
119
- import { Skeleton as Ft } from "./components/Skeleton/Skeleton.js";
120
- import { Timeline as wt } from "./components/Timeline/Timeline.js";
121
- import { TimelineSegment as Gt } from "./components/Timeline/TimelineSegment.js";
122
- import { TimelineActivity as Ot } from "./components/Timeline/TimelineActivity.js";
123
- import { TimelineBase as Ut } from "./components/Timeline/TimelineBase.js";
124
- import { TimelineSection as zt } from "./components/Timeline/TimelineSection.js";
125
- import { TimelineHeader as Nt } from "./components/Timeline/TimelineHeader.js";
126
- import { TimelineFooter as Jt } from "./components/Timeline/TimelineFooter.js";
127
- import { TimelineLink as Wt } from "./components/Timeline/TimelineLink.js";
128
- import { ToolbarBase as Yt } from "./components/Toolbar/ToolbarBase.js";
129
- import { ToolbarButton as _t } from "./components/Toolbar/ToolbarButton.js";
130
- import { Toolbar as om } from "./components/Toolbar/Toolbar.js";
131
- import { ToolbarSearch as em } from "./components/Toolbar/ToolbarSearch.js";
132
- import { ToolbarFilter as mm } from "./components/Toolbar/ToolbarFilter.js";
133
- import { ToolbarDaterange as pm } from "./components/Toolbar/ToolbarDaterange.js";
134
- import { PageBase as fm } from "./components/Page/PageBase.js";
135
- import { PageNav as im } from "./components/Page/PageNav.js";
136
- import { PageMenu as cm } from "./components/Page/PageMenu.js";
137
- import { PageTabs as lm } from "./components/Page/PageTabs.js";
138
- import { PageHeader as Lm } from "./components/Page/PageHeader.js";
139
- import { Article as Bm } from "./components/Page/Article.js";
140
- import { Section as Im } from "./components/Page/Section.js";
141
- import { Flex as Sm } from "./components/Page/Flex.js";
142
- import { Grid as Am } from "./components/Page/Grid.js";
143
- import { Breadcrumbs as ym } from "./components/Page/Breadcrumbs.js";
144
- import { BreadcrumbsLink as Hm } from "./components/Page/BreadcrumbsLink.js";
145
- import { ContactSection as Pm } from "./components/Page/ContactSection.js";
146
- import { Transmission as Fm } from "./components/Transmission/Transmission.js";
147
- import { TransmissionList as wm } from "./components/Transmission/TransmissionList.js";
148
- import { Typography as Gm } from "./components/Typography/Typography.js";
149
- import { Heading as Om } from "./components/Typography/Heading.js";
150
- import { ResourceList as Um } from "./components/ResourceList/ResourceList.js";
151
- import { ResourceListItem as zm } from "./components/ResourceList/ResourceListItem.js";
152
- import { AccessAreaListItem as Nm } from "./components/AccessAreaList/AccessAreaListItem.js";
153
- import { AccessAreaList as Jm } from "./components/AccessAreaList/AccessAreaList.js";
154
- import { AccessPackageListItem as Wm } from "./components/AccessPackageList/AccessPackageListItem.js";
155
- import { AccessPackageList as Ym } from "./components/AccessPackageList/AccessPackageList.js";
156
- import { FieldBase as _m } from "./components/TextField/FieldBase.js";
157
- import { InputBase as oa } from "./components/TextField/InputBase.js";
158
- import { TextField as ea } from "./components/TextField/TextField.js";
159
- import { useClickOutside as ma } from "./hooks/useClickOutside.js";
160
- import { useEscapeKey as pa } from "./hooks/useEscapeKey.js";
161
- import { useMenu as fa } from "./hooks/useMenu.js";
162
- import { A as ia, B as na, a as ca, C as ua, b as la, c as Da, D as La, d as ga, H as Ba, L as da, e as Ia, f as ba, P as Sa, g as Ma, h as Aa, S as ka, i as ya, j as Ta, T as Ha, u as ha } from "./usePagination-CBMPUKt_.js";
98
+ import { MetaItemBase as Oe } from "./components/Meta/MetaItemBase.js";
99
+ import { MetaItemMedia as Ue } from "./components/Meta/MetaItemMedia.js";
100
+ import { MetaItemLabel as Ke } from "./components/Meta/MetaItemLabel.js";
101
+ import { MetaItem as je } from "./components/Meta/MetaItem.js";
102
+ import { MetaProgress as Je } from "./components/Meta/MetaProgress.js";
103
+ import { MetaTimestamp as We } from "./components/Meta/MetaTimestamp.js";
104
+ import { MetaListItem as Ye, Metadata as Ze } from "./components/Meta/Metadata.js";
105
+ import { AccountListItem as $e } from "./components/Profile/AccountListItem.js";
106
+ import { AccountList as rt } from "./components/Profile/AccountList.js";
107
+ import { RootProvider as tt, useRootContext as mt } from "./components/RootProvider/RootProvider.js";
108
+ import { Searchbar as pt } from "./components/Search/Searchbar.js";
109
+ import { SearchbarBase as ft } from "./components/Search/SearchbarBase.js";
110
+ import { SearchField as it } from "./components/Search/SearchField.js";
111
+ import { AutocompleteBase as ct } from "./components/Search/AutocompleteBase.js";
112
+ import { AutocompleteGroup as lt } from "./components/Search/AutocompleteGroup.js";
113
+ import { Autocomplete as Lt } from "./components/Search/Autocomplete.js";
114
+ import { AutocompleteItem as Bt } from "./components/Search/AutocompleteItem.js";
115
+ import { ScopeListItem as It } from "./components/Search/ScopeListItem.js";
116
+ import { SuggestListItem as St } from "./components/Search/SuggestListItem.js";
117
+ import { QueryItem as Mt, QueryLabel as kt } from "./components/Search/QueryLabel.js";
118
+ import { Snackbar as Tt } from "./components/Snackbar/Snackbar.js";
119
+ import { SnackbarColorEnum as ht, SnackbarItem as Pt } from "./components/Snackbar/SnackbarItem.js";
120
+ import { SnackbarDuration as Ft, SnackbarProvider as vt, useSnackbar as wt } from "./components/Snackbar/useSnackbar.js";
121
+ import { Skeleton as Gt } from "./components/Skeleton/Skeleton.js";
122
+ import { Timeline as Ot } from "./components/Timeline/Timeline.js";
123
+ import { TimelineSegment as Ut } from "./components/Timeline/TimelineSegment.js";
124
+ import { TimelineActivity as Kt } from "./components/Timeline/TimelineActivity.js";
125
+ import { TimelineBase as jt } from "./components/Timeline/TimelineBase.js";
126
+ import { TimelineSection as Jt } from "./components/Timeline/TimelineSection.js";
127
+ import { TimelineHeader as Wt } from "./components/Timeline/TimelineHeader.js";
128
+ import { TimelineFooter as Yt } from "./components/Timeline/TimelineFooter.js";
129
+ import { TimelineLink as _t } from "./components/Timeline/TimelineLink.js";
130
+ import { ToolbarBase as om } from "./components/Toolbar/ToolbarBase.js";
131
+ import { ToolbarButton as em } from "./components/Toolbar/ToolbarButton.js";
132
+ import { Toolbar as mm } from "./components/Toolbar/Toolbar.js";
133
+ import { ToolbarSearch as pm } from "./components/Toolbar/ToolbarSearch.js";
134
+ import { ToolbarFilter as fm } from "./components/Toolbar/ToolbarFilter.js";
135
+ import { ToolbarDaterange as im } from "./components/Toolbar/ToolbarDaterange.js";
136
+ import { PageBase as cm } from "./components/Page/PageBase.js";
137
+ import { PageNav as lm } from "./components/Page/PageNav.js";
138
+ import { PageMenu as Lm } from "./components/Page/PageMenu.js";
139
+ import { PageTabs as Bm } from "./components/Page/PageTabs.js";
140
+ import { PageHeader as Im } from "./components/Page/PageHeader.js";
141
+ import { PageDetails as Sm } from "./components/Page/PageDetails.js";
142
+ import { ArticleHeader as Mm } from "./components/Page/ArticleHeader.js";
143
+ import { Flex as ym } from "./components/Page/Flex.js";
144
+ import { Grid as Hm } from "./components/Page/Grid.js";
145
+ import { Breadcrumbs as Pm } from "./components/Page/Breadcrumbs.js";
146
+ import { BreadcrumbsLink as Fm } from "./components/Page/BreadcrumbsLink.js";
147
+ import { Section as wm } from "./components/Page/Section.js";
148
+ import { ContactSection as Gm } from "./components/Page/ContactSection.js";
149
+ import { ContactButtons as Om } from "./components/Page/ContactButtons.js";
150
+ import { AccordionSection as Um } from "./components/Page/AccordionSection.js";
151
+ import { DashboardHeader as Km } from "./components/Page/DashboardHeader.js";
152
+ import { DashboardCard as jm } from "./components/Page/DashboardCard.js";
153
+ import { Transmission as Jm } from "./components/Transmission/Transmission.js";
154
+ import { TransmissionList as Wm } from "./components/Transmission/TransmissionList.js";
155
+ import { Typography as Ym } from "./components/Typography/Typography.js";
156
+ import { Heading as _m } from "./components/Typography/Heading.js";
157
+ import { ResourceList as oa } from "./components/ResourceList/ResourceList.js";
158
+ import { ResourceListItem as ea } from "./components/ResourceList/ResourceListItem.js";
159
+ import { AccessAreaListItem as ma } from "./components/AccessAreaList/AccessAreaListItem.js";
160
+ import { AccessAreaList as pa } from "./components/AccessAreaList/AccessAreaList.js";
161
+ import { AccessPackageListItem as fa } from "./components/AccessPackageList/AccessPackageListItem.js";
162
+ import { AccessPackageList as ia } from "./components/AccessPackageList/AccessPackageList.js";
163
+ import { FieldBase as ca } from "./components/TextField/FieldBase.js";
164
+ import { InputBase as la } from "./components/TextField/InputBase.js";
165
+ import { TextField as La } from "./components/TextField/TextField.js";
166
+ import { useClickOutside as Ba } from "./hooks/useClickOutside.js";
167
+ import { useEscapeKey as Ia } from "./hooks/useEscapeKey.js";
168
+ import { useMenu as Sa } from "./hooks/useMenu.js";
169
+ import { A as Ma, B as ka, a as ya, C as Ta, b as Ha, c as ha, D as Pa, H as Ca, L as Fa, d as va, e as wa, P as Ea, f as Ga, g as Ra, S as Oa, h as Qa, i as Ua, T as za, u as Ka } from "./usePagination-B2I-a3Aq.js";
170
+ import { D as ja } from "./index-DcykCrjD.js";
163
171
  export {
164
- Jm as AccessAreaList,
165
- Nm as AccessAreaListItem,
166
- Ym as AccessPackageList,
167
- Wm as AccessPackageListItem,
172
+ pa as AccessAreaList,
173
+ ma as AccessAreaListItem,
174
+ ia as AccessPackageList,
175
+ fa as AccessPackageListItem,
176
+ Um as AccordionSection,
168
177
  or as AccountButton,
178
+ rt as AccountList,
179
+ $e as AccountListItem,
169
180
  Yo as AccountMenu,
170
- zr as ActionFooter,
181
+ Kr as ActionFooter,
171
182
  Ur as ActionHeader,
172
- Bm as Article,
183
+ Mm as ArticleHeader,
173
184
  m as AttachmentLink,
174
185
  p as AttachmentList,
175
- ct as Autocomplete,
176
- ft as AutocompleteBase,
177
- it as AutocompleteGroup,
178
- lt as AutocompleteItem,
186
+ Lt as Autocomplete,
187
+ ct as AutocompleteBase,
188
+ lt as AutocompleteGroup,
189
+ Bt as AutocompleteItem,
179
190
  f as Avatar,
180
191
  i as AvatarGroup,
181
192
  er as BackButton,
@@ -183,26 +194,29 @@ export {
183
194
  c as Badge,
184
195
  l as BookmarksListItem,
185
196
  B as BookmarksSection,
186
- ym as Breadcrumbs,
187
- Hm as BreadcrumbsLink,
197
+ Pm as Breadcrumbs,
198
+ Fm as BreadcrumbsLink,
188
199
  y as Button,
189
200
  I as ButtonBase,
190
- A as ButtonIcon,
201
+ M as ButtonIcon,
191
202
  S as ButtonLabel,
192
203
  F as Byline,
193
204
  Sr as CheckboxIcon,
194
205
  H as ComboButton,
195
- Pm as ContactSection,
206
+ Om as ContactButtons,
207
+ Gm as ContactSection,
196
208
  w as ContextMenu,
209
+ jm as DashboardCard,
210
+ Km as DashboardHeader,
197
211
  G as Dialog,
198
212
  co as DialogActions,
199
213
  lo as DialogActivityLog,
200
214
  Ho as DialogAttachments,
201
- z as DialogBody,
215
+ K as DialogBody,
202
216
  io as DialogByline,
203
217
  W as DialogContact,
204
218
  U as DialogHeader,
205
- Ao as DialogHeading,
219
+ Mo as DialogHeading,
206
220
  Y as DialogHistory,
207
221
  oo as DialogHistoryItem,
208
222
  _ as DialogHistorySegment,
@@ -216,52 +230,52 @@ export {
216
230
  Bo as DialogSelect,
217
231
  bo as DialogStatus,
218
232
  So as DialogStatusEnum,
219
- N as DialogTabs,
233
+ j as DialogTabs,
220
234
  yo as DialogTouchedBy,
221
235
  Go as DrawerBase,
222
- No as DrawerBody,
223
- zo as DrawerButton,
236
+ jo as DrawerBody,
237
+ Ko as DrawerButton,
224
238
  Uo as DrawerFooter,
225
239
  Oo as DrawerHeader,
226
240
  Jo as DrawerOrDropdown,
227
241
  Fo as DropdownBase,
228
- ia as DsAlert,
229
- na as DsBadge,
230
- ca as DsButton,
231
- ua as DsCheckbox,
232
- la as DsChip,
233
- Da as DsCombobox,
234
- La as DsDetails,
235
- ga as DsDialog,
236
- Ba as DsHeading,
237
- da as DsLink,
238
- Ia as DsListItem,
239
- ba as DsListUnordered,
240
- Sa as DsPagination,
241
- Ma as DsParagraph,
242
- Aa as DsPopover,
243
- ka as DsSearch,
244
- ya as DsSkeleton,
245
- Ta as DsSpinner,
246
- Ha as DsTabs,
242
+ Ma as DsAlert,
243
+ ka as DsBadge,
244
+ ya as DsButton,
245
+ Ta as DsCheckbox,
246
+ Ha as DsChip,
247
+ ha as DsCombobox,
248
+ ja as DsDetails,
249
+ Pa as DsDialog,
250
+ Ca as DsHeading,
251
+ Fa as DsLink,
252
+ va as DsListItem,
253
+ wa as DsListUnordered,
254
+ Ea as DsPagination,
255
+ Ga as DsParagraph,
256
+ Ra as DsPopover,
257
+ Oa as DsSearch,
258
+ Qa as DsSkeleton,
259
+ Ua as DsSpinner,
260
+ za as DsTabs,
247
261
  L as EditableBookmark,
248
262
  pr as EndUserLabel,
249
- _m as FieldBase,
250
- Sm as Flex,
263
+ ca as FieldBase,
264
+ ym as Flex,
251
265
  Wo as Footer,
252
266
  _o as GlobalMenu,
253
- Am as Grid,
267
+ Hm as Grid,
254
268
  fr as Header,
255
269
  ir as HeaderBase,
256
270
  lr as HeaderButton,
257
271
  cr as HeaderLogo,
258
- Om as Heading,
272
+ _m as Heading,
259
273
  Ir as Icon,
260
274
  P as IconButton,
261
275
  Hr as IconOrAvatar,
262
- oa as InputBase,
276
+ la as InputBase,
263
277
  Or as Layout,
264
- Nr as LayoutAction,
278
+ jr as LayoutAction,
265
279
  Pr as LayoutBase,
266
280
  Fr as LayoutBody,
267
281
  wr as LayoutContent,
@@ -291,64 +305,65 @@ export {
291
305
  Ce as MenuList,
292
306
  Fe as MenuListItem,
293
307
  Se as MenuOption,
294
- Ae as MenuSearch,
308
+ Me as MenuSearch,
295
309
  Ge as MetaBase,
296
- Ve as MetaItem,
297
- je as MetaItemBase,
298
- qe as MetaItemLabel,
299
- Ke as MetaItemMedia,
300
- Oe as MetaList,
301
- Qe as MetaListItem,
302
- Xe as MetaProgress,
303
- Ze as MetaTimestamp,
304
- fm as PageBase,
305
- Lm as PageHeader,
306
- cm as PageMenu,
307
- im as PageNav,
308
- lm as PageTabs,
310
+ je as MetaItem,
311
+ Oe as MetaItemBase,
312
+ Ke as MetaItemLabel,
313
+ Ue as MetaItemMedia,
314
+ Ye as MetaListItem,
315
+ Je as MetaProgress,
316
+ We as MetaTimestamp,
317
+ Ze as Metadata,
318
+ cm as PageBase,
319
+ Sm as PageDetails,
320
+ Im as PageHeader,
321
+ Lm as PageMenu,
322
+ lm as PageNav,
323
+ Bm as PageTabs,
309
324
  yr as ProgressIcon,
310
- It as QueryItem,
311
- bt as QueryLabel,
312
- Ar as RadioIcon,
313
- Um as ResourceList,
314
- zm as ResourceListItem,
315
- $e as RootProvider,
316
- Lt as ScopeListItem,
317
- pt as SearchField,
318
- et as Searchbar,
319
- mt as SearchbarBase,
320
- Im as Section,
325
+ Mt as QueryItem,
326
+ kt as QueryLabel,
327
+ Mr as RadioIcon,
328
+ oa as ResourceList,
329
+ ea as ResourceListItem,
330
+ tt as RootProvider,
331
+ It as ScopeListItem,
332
+ it as SearchField,
333
+ pt as Searchbar,
334
+ ft as SearchbarBase,
335
+ wm as Section,
321
336
  Po as SeenByLog,
322
337
  e as SizeEnum,
323
- Ft as Skeleton,
324
- Mt as Snackbar,
325
- kt as SnackbarColorEnum,
326
- Ht as SnackbarDuration,
327
- yt as SnackbarItem,
328
- ht as SnackbarProvider,
329
- Bt as SuggestListItem,
330
- ea as TextField,
331
- wt as Timeline,
332
- Ot as TimelineActivity,
333
- Ut as TimelineBase,
334
- Jt as TimelineFooter,
335
- Nt as TimelineHeader,
336
- Wt as TimelineLink,
337
- zt as TimelineSection,
338
- Gt as TimelineSegment,
339
- om as Toolbar,
340
- Yt as ToolbarBase,
341
- _t as ToolbarButton,
342
- pm as ToolbarDaterange,
343
- mm as ToolbarFilter,
344
- em as ToolbarSearch,
345
- Fm as Transmission,
346
- wm as TransmissionList,
347
- Gm as Typography,
348
- ma as useClickOutside,
349
- ha as useDsPagination,
350
- pa as useEscapeKey,
351
- fa as useMenu,
352
- ot as useRootContext,
353
- Pt as useSnackbar
338
+ Gt as Skeleton,
339
+ Tt as Snackbar,
340
+ ht as SnackbarColorEnum,
341
+ Ft as SnackbarDuration,
342
+ Pt as SnackbarItem,
343
+ vt as SnackbarProvider,
344
+ St as SuggestListItem,
345
+ La as TextField,
346
+ Ot as Timeline,
347
+ Kt as TimelineActivity,
348
+ jt as TimelineBase,
349
+ Yt as TimelineFooter,
350
+ Wt as TimelineHeader,
351
+ _t as TimelineLink,
352
+ Jt as TimelineSection,
353
+ Ut as TimelineSegment,
354
+ mm as Toolbar,
355
+ om as ToolbarBase,
356
+ em as ToolbarButton,
357
+ im as ToolbarDaterange,
358
+ fm as ToolbarFilter,
359
+ pm as ToolbarSearch,
360
+ Jm as Transmission,
361
+ Wm as TransmissionList,
362
+ Ym as Typography,
363
+ Ba as useClickOutside,
364
+ Ka as useDsPagination,
365
+ Ia as useEscapeKey,
366
+ Sa as useMenu,
367
+ mt as useRootContext,
368
+ wt as useSnackbar
354
369
  };
package/dist/padding.css CHANGED
@@ -1,4 +1,26 @@
1
1
  :root {
2
+ --ds-spacing-scale: 0.25rem;
3
+ --ds-spacing-0: calc(var(--ds-spacing-scale) * 0);
4
+ --ds-spacing-1: calc(var(--ds-spacing-scale) * 1);
5
+ --ds-spacing-2: calc(var(--ds-spacing-scale) * 2);
6
+ --ds-spacing-3: calc(var(--ds-spacing-scale) * 3);
7
+ --ds-spacing-4: calc(var(--ds-spacing-scale) * 4);
8
+ --ds-spacing-5: calc(var(--ds-spacing-scale) * 5);
9
+ --ds-spacing-6: calc(var(--ds-spacing-scale) * 6);
10
+ --ds-spacing-7: calc(var(--ds-spacing-scale) * 7);
11
+ --ds-spacing-8: calc(var(--ds-spacing-scale) * 8);
12
+ --ds-spacing-9: calc(var(--ds-spacing-scale) * 9);
13
+ --ds-spacing-10: calc(var(--ds-spacing-scale) * 10);
14
+ --ds-spacing-11: calc(var(--ds-spacing-scale) * 11);
15
+ --ds-spacing-12: calc(var(--ds-spacing-scale) * 12);
16
+ --ds-spacing-13: calc(var(--ds-spacing-scale) * 13);
17
+ --ds-spacing-14: calc(var(--ds-spacing-scale) * 14);
18
+ --ds-spacing-15: calc(var(--ds-spacing-scale) * 15);
19
+ --ds-spacing-18: calc(var(--ds-spacing-scale) * 18);
20
+ --ds-spacing-22: calc(var(--ds-spacing-scale) * 22);
21
+ --ds-spacing-26: calc(var(--ds-spacing-scale) * 26);
22
+ --ds-spacing-30: calc(var(--ds-spacing-scale) * 30);
23
+
2
24
  [data-padding="1"] {
3
25
  padding: var(--ds-spacing-1);
4
26
  }
@@ -1,20 +1,25 @@
1
1
  {
2
2
  "tokenSetOrder": [
3
3
  "primitives/globals",
4
- "primitives/size/default",
4
+ "primitives/modes/size/small",
5
+ "primitives/modes/size/medium",
6
+ "primitives/modes/size/large",
7
+ "primitives/modes/size/global",
8
+ "primitives/modes/typography/size/small",
9
+ "primitives/modes/typography/size/medium",
10
+ "primitives/modes/typography/size/large",
5
11
  "primitives/modes/typography/primary/altinn-ds",
6
12
  "primitives/modes/typography/secondary/altinn-ds",
7
- "primitives/modes/color-scheme/light/global",
8
- "primitives/modes/color-scheme/light/altinn-ds",
9
13
  "primitives/modes/color-scheme/dark/global",
10
14
  "primitives/modes/color-scheme/dark/altinn-ds",
15
+ "primitives/modes/color-scheme/light/global",
16
+ "primitives/modes/color-scheme/light/altinn-ds",
11
17
  "themes/altinn-ds",
12
18
  "semantic/color",
13
19
  "semantic/modes/main-color/company",
14
20
  "semantic/modes/main-color/person",
15
21
  "semantic/modes/support-color/article",
16
22
  "semantic/modes/support-color/alert",
17
- "semantic/style",
18
- "Figma/components"
23
+ "semantic/style"
19
24
  ]
20
25
  }
@@ -1,17 +1,47 @@
1
1
  [
2
2
  {
3
3
  "id": "8b2c8cc86611a34b135cb22948666779361fd729",
4
- "name": "Default",
4
+ "name": "medium",
5
+ "$figmaStyleReferences": {},
6
+ "selectedTokenSets": {
7
+ "primitives/modes/size/medium": "source",
8
+ "primitives/modes/size/global": "enabled",
9
+ "primitives/modes/typography/size/medium": "enabled"
10
+ },
11
+ "$figmaCollectionId": "VariableCollectionId:36248:20757",
12
+ "$figmaModeId": "41630:1",
13
+ "group": "Size"
14
+ },
15
+ {
16
+ "id": "d49b9eebeb48a4f165a74b7261733d0a73370f0e",
17
+ "name": "large",
18
+ "$figmaStyleReferences": {},
19
+ "selectedTokenSets": {
20
+ "primitives/modes/size/large": "source",
21
+ "primitives/modes/size/global": "enabled",
22
+ "primitives/modes/typography/size/large": "enabled"
23
+ },
5
24
  "$figmaCollectionId": "VariableCollectionId:36248:20757",
25
+ "$figmaModeId": "41630:2",
26
+ "group": "Size"
27
+ },
28
+ {
29
+ "id": "fb11567729c298ca37c9da4e3a27716a23480824",
30
+ "name": "small",
31
+ "$figmaStyleReferences": {},
6
32
  "selectedTokenSets": {
7
- "primitives/size/default": "enabled"
33
+ "primitives/modes/size/small": "source",
34
+ "primitives/modes/size/global": "enabled",
35
+ "primitives/modes/typography/size/small": "enabled"
8
36
  },
37
+ "$figmaCollectionId": "VariableCollectionId:36248:20757",
38
+ "$figmaModeId": "41630:3",
9
39
  "group": "Size"
10
40
  },
11
41
  {
12
42
  "id": "84671d12e4ebd199b6140019399a20c77f467c06",
13
- "$figmaCollectionId": "VariableCollectionId:36329:62335",
14
- "$figmaModeId": "36329:4",
43
+ "$figmaCollectionId": "VariableCollectionId:36528:61712",
44
+ "$figmaModeId": "40960:6",
15
45
  "name": "altinn-ds",
16
46
  "selectedTokenSets": {
17
47
  "themes/altinn-ds": "enabled"
@@ -39,25 +69,25 @@
39
69
  "group": "Typography"
40
70
  },
41
71
  {
42
- "name": "Light",
72
+ "name": "Dark",
43
73
  "selectedTokenSets": {
44
- "primitives/modes/color-scheme/light/global": "enabled",
45
- "primitives/modes/color-scheme/light/altinn-ds": "enabled"
74
+ "primitives/modes/color-scheme/dark/global": "enabled",
75
+ "primitives/modes/color-scheme/dark/altinn-ds": "enabled"
46
76
  },
47
- "id": "0daa3ca0b427b9349da7e7dc00101b5668972926",
77
+ "id": "9ebd8aed52afbffc17e2666e8b4653a53498b257",
48
78
  "$figmaCollectionId": "VariableCollectionId:34811:5472",
49
- "$figmaModeId": "34811:0",
79
+ "$figmaModeId": "34811:1",
50
80
  "group": "Color scheme"
51
81
  },
52
82
  {
53
- "name": "Dark",
83
+ "name": "Light",
54
84
  "selectedTokenSets": {
55
- "primitives/modes/color-scheme/dark/global": "enabled",
56
- "primitives/modes/color-scheme/dark/altinn-ds": "enabled"
85
+ "primitives/modes/color-scheme/light/global": "enabled",
86
+ "primitives/modes/color-scheme/light/altinn-ds": "enabled"
57
87
  },
58
- "id": "9ebd8aed52afbffc17e2666e8b4653a53498b257",
88
+ "id": "0daa3ca0b427b9349da7e7dc00101b5668972926",
59
89
  "$figmaCollectionId": "VariableCollectionId:34811:5472",
60
- "$figmaModeId": "34811:1",
90
+ "$figmaModeId": "34811:0",
61
91
  "group": "Color scheme"
62
92
  },
63
93
  {
@@ -68,6 +98,8 @@
68
98
  "semantic/color": "enabled",
69
99
  "primitives/globals": "source"
70
100
  },
101
+ "$figmaCollectionId": "VariableCollectionId:34811:5976",
102
+ "$figmaModeId": "34811:5",
71
103
  "group": "Semantic"
72
104
  },
73
105
  {