@dep-dio/dio-designsystem 0.2.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/README.md +138 -1
  2. package/designsystemet.config.json +56 -0
  3. package/dist/assets/icons/floppydisk.svg +3 -0
  4. package/dist/assets/icons/menu-hamburger.svg +3 -0
  5. package/dist/assets/icons/pencil.svg +3 -0
  6. package/dist/assets/icons/social-facebook.svg +3 -0
  7. package/dist/assets/icons/social-flickr.svg +3 -0
  8. package/dist/assets/icons/social-instagram.svg +3 -0
  9. package/dist/assets/icons/social-linkedin.svg +3 -0
  10. package/dist/assets/icons/social-x.svg +3 -0
  11. package/dist/assets/icons/upload.svg +3 -0
  12. package/dist/components/Alert/Alert.d.ts +8 -0
  13. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +18 -0
  14. package/dist/components/Button/Button.d.ts +12 -0
  15. package/dist/components/Button/ButtonClose.d.ts +8 -0
  16. package/dist/components/Button/ButtonLink.d.ts +10 -0
  17. package/dist/components/Card/Card.d.ts +20 -0
  18. package/dist/components/Checkbox/Checkbox.d.ts +17 -0
  19. package/dist/components/Checkbox/CheckboxFieldset.d.ts +10 -0
  20. package/dist/components/ControlGroup/ControlGroup.d.ts +7 -0
  21. package/dist/components/Details/Details.d.ts +18 -0
  22. package/dist/components/Dialog/Dialog.d.ts +30 -0
  23. package/dist/components/Dropdown/Dropdown.d.ts +19 -0
  24. package/dist/components/ErrorSummary/ErrorSummary.d.ts +27 -0
  25. package/dist/components/FeedbackBanner/FeedbackBanner.d.ts +9 -0
  26. package/dist/components/Form/Form.d.ts +6 -0
  27. package/dist/components/Label/Label.d.ts +9 -0
  28. package/dist/components/LinkList/LinkList.d.ts +11 -0
  29. package/dist/components/NavigationalLink/NavigationalLink.d.ts +8 -0
  30. package/dist/components/Pagination/Pagination.d.ts +15 -0
  31. package/dist/components/Radio/Radio.d.ts +9 -0
  32. package/dist/components/Radio/RadioFieldset.d.ts +10 -0
  33. package/dist/components/Select/Select.d.ts +25 -0
  34. package/dist/components/Spinner/Spinner.d.ts +8 -0
  35. package/dist/components/SvgIcon/SvgIcon.d.ts +10 -0
  36. package/dist/components/Switch/Switch.d.ts +9 -0
  37. package/dist/components/Tabs/Tabs.d.ts +13 -0
  38. package/dist/components/Tag/Tag.d.ts +7 -0
  39. package/dist/components/Textarea/Textarea.d.ts +16 -0
  40. package/dist/components/Textfield/Textfield.d.ts +15 -0
  41. package/dist/components/ValidationMessage/ValidationMessage.d.ts +3 -0
  42. package/dist/react.d.ts +31 -0
  43. package/dist/react.js +9115 -0
  44. package/dist/react.js.map +7 -0
  45. package/dist/styles/main.css +663 -4370
  46. package/dist/styles/scss-utils.scss +153 -0
  47. package/dist/styles.d.ts +1 -0
  48. package/dist/theme-colors.d.ts +6 -0
  49. package/dist/types.d.ts +18 -0
  50. package/dist/vite-icons-plugin.d.ts +1 -1
  51. package/dist/vite-icons-plugin.js.map +2 -2
  52. package/dist/{newsletter-subscribe/NewsletterSubscribe.d.ts → web-components/NewsAlertSubscribe/DioNewsAlertSubscribe.d.ts} +1 -1
  53. package/dist/web.d.ts +7 -7
  54. package/dist/web.js +19 -19
  55. package/dist/web.js.map +3 -3
  56. package/package.json +101 -70
  57. package/dist/styles/_mixins.scss +0 -48
  58. /package/dist/{carousel/Carousel.d.ts → web-components/Carousel/DioCarousel.d.ts} +0 -0
  59. /package/dist/{feedback-banner/FeedbackBanner.d.ts → web-components/FeedbackBanner/DioFeedbackBanner.d.ts} +0 -0
  60. /package/dist/{search-autocomplete/SearchAutocomplete.d.ts → web-components/SearchAutocomplete/DioSearchAutocomplete.d.ts} +0 -0
  61. /package/dist/{timeline/Timeline.d.ts → web-components/Timeline/DioTimeline.d.ts} +0 -0
  62. /package/dist/{to-top-of-page/ToTopOfPage.d.ts → web-components/ToTopOfPage/DioToTopOfPage.d.ts} +0 -0
@@ -1,48 +0,0 @@
1
- @mixin dio-text-heading-1 {
2
- font-weight: var(--ds-heading-xl-font-weight);
3
- line-height: var(--ds-heading-xl-line-height);
4
- font-size: var(--ds-heading-xl-font-size);
5
- letter-spacing: var(--ds-heading-xl-letter-spacing);
6
- }
7
-
8
- @mixin dio-text-heading-2 {
9
- font-size: var(--ds-heading-lg-font-size);
10
- font-weight: var(--ds-heading-lg-font-weight);
11
- letter-spacing: var(--ds-heading-lg-letter-spacing);
12
- line-height: var(--ds-heading-lg-line-height);
13
- }
14
-
15
- @mixin dio-text-heading-3 {
16
- font-weight: var(--ds-heading-sm-font-weight);
17
- line-height: var(--ds-heading-sm-line-height);
18
- font-size: var(--ds-heading-sm-font-size);
19
- letter-spacing: var(--ds-heading-sm-letter-spacing);
20
- }
21
-
22
- @mixin dio-text-heading-4 {
23
- font-size: var(--ds-heading-xs-font-size);
24
- font-weight: var(--ds-heading-xs-font-weight);
25
- letter-spacing: var(--ds-heading-xs-letter-spacing);
26
- line-height: var(--ds-heading-xs-line-height);
27
- }
28
-
29
- @mixin dio-text-large {
30
- font-weight: var(--ds-body-xl-font-weight);
31
- line-height: var(--ds-body-xl-line-height);
32
- font-size: var(--ds-body-xl-font-size);
33
- letter-spacing: var(--ds-body-xl-letter-spacing);
34
- }
35
-
36
- @mixin dio-text-base {
37
- font-weight: var(--ds-body-md-font-weight);
38
- line-height: var(--ds-body-md-line-height);
39
- font-size: var(--ds-body-md-font-size);
40
- letter-spacing: var(--ds-body-md-letter-spacing);
41
- }
42
-
43
- @mixin dio-text-small {
44
- font-weight: var(--ds-body-sm-font-weight);
45
- line-height: var(--ds-body-sm-line-height);
46
- font-size: var(--ds-body-sm-font-size);
47
- letter-spacing: var(--ds-body-sm-letter-spacing);
48
- }