@amsterdam/design-system-css 0.1.8 → 0.2.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 (125) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/LICENSE.md +1 -1
  3. package/dist/accordion/accordion.css +1 -1
  4. package/dist/accordion/accordion.css.map +1 -1
  5. package/dist/alert/alert.css +1 -1
  6. package/dist/alert/alert.css.map +1 -1
  7. package/dist/aspect-ratio/aspect-ratio.css.map +1 -1
  8. package/dist/blockquote/blockquote.css +1 -1
  9. package/dist/blockquote/blockquote.css.map +1 -1
  10. package/dist/breadcrumb/breadcrumb.css +1 -1
  11. package/dist/breadcrumb/breadcrumb.css.map +1 -1
  12. package/dist/button/button.css +1 -1
  13. package/dist/button/button.css.map +1 -1
  14. package/dist/card/card.css +1 -1
  15. package/dist/card/card.css.map +1 -1
  16. package/dist/checkbox/checkbox.css +1 -1
  17. package/dist/checkbox/checkbox.css.map +1 -1
  18. package/dist/dialog/dialog.css +1 -0
  19. package/dist/dialog/dialog.css.map +1 -0
  20. package/dist/form-label/form-label.css +1 -1
  21. package/dist/form-label/form-label.css.map +1 -1
  22. package/dist/grid/grid-cell.css.map +1 -1
  23. package/dist/grid/grid.css +1 -1
  24. package/dist/grid/grid.css.map +1 -1
  25. package/dist/heading/heading.css +1 -1
  26. package/dist/heading/heading.css.map +1 -1
  27. package/dist/highlight/highlight.css.map +1 -1
  28. package/dist/icon/icon.css +1 -1
  29. package/dist/icon/icon.css.map +1 -1
  30. package/dist/image/image.css.map +1 -1
  31. package/dist/index.css +1 -1
  32. package/dist/index.css.map +1 -1
  33. package/dist/link/link.css +1 -1
  34. package/dist/link/link.css.map +1 -1
  35. package/dist/logo/logo.css +1 -0
  36. package/dist/logo/logo.css.map +1 -0
  37. package/dist/ordered-list/ordered-list.css +1 -1
  38. package/dist/ordered-list/ordered-list.css.map +1 -1
  39. package/dist/page-heading/page-heading.css +1 -1
  40. package/dist/page-heading/page-heading.css.map +1 -1
  41. package/dist/page-menu/page-menu.css +1 -1
  42. package/dist/page-menu/page-menu.css.map +1 -1
  43. package/dist/pagination/pagination.css +1 -1
  44. package/dist/pagination/pagination.css.map +1 -1
  45. package/dist/paragraph/paragraph.css +1 -1
  46. package/dist/paragraph/paragraph.css.map +1 -1
  47. package/dist/screen/screen.css.map +1 -1
  48. package/dist/switch/switch.css.map +1 -1
  49. package/dist/top-task-link/top-task-link.css +1 -1
  50. package/dist/top-task-link/top-task-link.css.map +1 -1
  51. package/dist/unordered-list/unordered-list.css +1 -1
  52. package/dist/unordered-list/unordered-list.css.map +1 -1
  53. package/dist/visually-hidden/visually-hidden.css.map +1 -1
  54. package/package.json +5 -5
  55. package/{utils → src/common}/breakpoint.scss +0 -6
  56. package/src/{accordion → components/accordion}/accordion.scss +5 -6
  57. package/src/{alert → components/alert}/alert.scss +5 -6
  58. package/src/{blockquote → components/blockquote}/blockquote.scss +5 -6
  59. package/src/{breadcrumb → components/breadcrumb}/breadcrumb.scss +16 -18
  60. package/src/{button → components/button}/button.scss +8 -7
  61. package/src/{card → components/card}/card.scss +4 -4
  62. package/src/{checkbox → components/checkbox}/checkbox.scss +8 -9
  63. package/src/components/dialog/README.md +23 -0
  64. package/src/components/dialog/dialog.scss +93 -0
  65. package/src/{form-label → components/form-label}/form-label.scss +7 -8
  66. package/src/{grid → components/grid}/grid-cell.scss +1 -1
  67. package/src/{grid → components/grid}/grid.scss +14 -6
  68. package/src/components/heading/heading.scss +64 -0
  69. package/src/components/icon/icon.scss +105 -0
  70. package/src/{index.scss → components/index.scss} +2 -1
  71. package/src/{link → components/link}/link.scss +18 -26
  72. package/src/components/logo/README.md +38 -0
  73. package/src/components/logo/logo.scss +20 -0
  74. package/src/{ordered-list → components/ordered-list}/ordered-list.scss +7 -8
  75. package/src/{page-heading → components/page-heading}/page-heading.scss +7 -8
  76. package/src/{page-menu → components/page-menu}/README.md +2 -0
  77. package/src/{page-menu → components/page-menu}/page-menu.scss +14 -9
  78. package/src/{pagination → components/pagination}/pagination.scss +9 -9
  79. package/src/components/paragraph/paragraph.scss +49 -0
  80. package/src/{top-task-link → components/top-task-link}/top-task-link.scss +13 -12
  81. package/src/{unordered-list → components/unordered-list}/unordered-list.scss +7 -8
  82. package/dist/footer/footer.css +0 -1
  83. package/dist/footer/footer.css.map +0 -1
  84. package/src/footer/footer.scss +0 -10
  85. package/src/heading/heading.scss +0 -62
  86. package/src/icon/icon.scss +0 -104
  87. package/src/paragraph/paragraph.scss +0 -48
  88. /package/{utils → src/common}/calculate-fluid-style.scss +0 -0
  89. /package/src/{accordion → components/accordion}/README.md +0 -0
  90. /package/src/{alert → components/alert}/README.md +0 -0
  91. /package/src/{aspect-ratio → components/aspect-ratio}/README.md +0 -0
  92. /package/src/{aspect-ratio → components/aspect-ratio}/aspect-ratio.scss +0 -0
  93. /package/src/{blockquote → components/blockquote}/README.md +0 -0
  94. /package/src/{breadcrumb → components/breadcrumb}/README.md +0 -0
  95. /package/src/{button → components/button}/README.md +0 -0
  96. /package/src/{button → components/button}/button-css.md +0 -0
  97. /package/src/{card → components/card}/README.md +0 -0
  98. /package/src/{checkbox → components/checkbox}/README.md +0 -0
  99. /package/src/{checkbox → components/checkbox}/checkbox-css.md +0 -0
  100. /package/src/{footer → components/footer}/README.md +0 -0
  101. /package/src/{footer → components/footer}/footer-css.md +0 -0
  102. /package/src/{form-label → components/form-label}/README.md +0 -0
  103. /package/src/{grid → components/grid}/README.grid-cell.md +0 -0
  104. /package/src/{grid → components/grid}/README.grid.md +0 -0
  105. /package/src/{heading → components/heading}/README.md +0 -0
  106. /package/src/{heading → components/heading}/heading-css.md +0 -0
  107. /package/src/{highlight → components/highlight}/README.md +0 -0
  108. /package/src/{highlight → components/highlight}/highlight.scss +0 -0
  109. /package/src/{icon → components/icon}/README.md +0 -0
  110. /package/src/{image → components/image}/README.md +0 -0
  111. /package/src/{image → components/image}/image.scss +0 -0
  112. /package/src/{link → components/link}/README.md +0 -0
  113. /package/src/{ordered-list → components/ordered-list}/README.md +0 -0
  114. /package/src/{page-heading → components/page-heading}/README.md +0 -0
  115. /package/src/{pagination → components/pagination}/README.md +0 -0
  116. /package/src/{paragraph → components/paragraph}/README.md +0 -0
  117. /package/src/{paragraph → components/paragraph}/paragraph-css.md +0 -0
  118. /package/src/{screen → components/screen}/README.md +0 -0
  119. /package/src/{screen → components/screen}/screen.scss +0 -0
  120. /package/src/{switch → components/switch}/README.md +0 -0
  121. /package/src/{switch → components/switch}/switch.scss +0 -0
  122. /package/src/{top-task-link → components/top-task-link}/README.md +0 -0
  123. /package/src/{unordered-list → components/unordered-list}/README.md +0 -0
  124. /package/src/{visually-hidden → components/visually-hidden}/README.md +0 -0
  125. /package/src/{visually-hidden → components/visually-hidden}/visually-hidden.scss +0 -0
@@ -1,48 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
-
6
- @import "../../utils/breakpoint";
7
-
8
- @mixin reset {
9
- box-sizing: border-box;
10
- margin-block: 0;
11
- -webkit-text-size-adjust: 100%;
12
- }
13
-
14
- .amsterdam-paragraph {
15
- color: var(--amsterdam-paragraph-color);
16
- font-family: var(--amsterdam-paragraph-font-family);
17
- font-size: var(--amsterdam-paragraph-narrow-font-size);
18
- font-weight: var(--amsterdam-paragraph-font-weight);
19
- line-height: var(--amsterdam-paragraph-line-height);
20
-
21
- @media screen and (min-width: $amsterdam-breakpoint-typography) {
22
- font-size: var(--amsterdam-paragraph-wide-font-size);
23
- }
24
-
25
- @include reset;
26
- }
27
-
28
- .amsterdam-paragraph--small {
29
- font-size: var(--amsterdam-paragraph-small-narrow-font-size);
30
- line-height: var(--amsterdam-paragraph-small-line-height);
31
-
32
- @media screen and (min-width: $amsterdam-breakpoint-typography) {
33
- font-size: var(--amsterdam-paragraph-small-wide-font-size);
34
- }
35
- }
36
-
37
- .amsterdam-paragraph--large {
38
- font-size: var(--amsterdam-paragraph-large-narrow-font-size);
39
- line-height: var(--amsterdam-paragraph-large-line-height);
40
-
41
- @media screen and (min-width: $amsterdam-breakpoint-typography) {
42
- font-size: var(--amsterdam-paragraph-large-wide-font-size);
43
- }
44
- }
45
-
46
- .amsterdam-paragraph--inverse-color {
47
- color: var(--amsterdam-paragraph-inverse-color);
48
- }
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes