@amsterdam/design-system-css 0.1.6 → 0.1.7

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 (91) hide show
  1. package/dist/accordion/accordion.css +1 -1
  2. package/dist/accordion/accordion.css.map +1 -1
  3. package/dist/alert/alert.css +1 -0
  4. package/dist/alert/alert.css.map +1 -0
  5. package/dist/aspect-ratio/aspect-ratio.css +1 -30
  6. package/dist/aspect-ratio/aspect-ratio.css.map +1 -1
  7. package/dist/blockquote/blockquote.css +1 -1
  8. package/dist/blockquote/blockquote.css.map +1 -1
  9. package/dist/breadcrumb/breadcrumb.css +1 -1
  10. package/dist/breadcrumb/breadcrumb.css.map +1 -1
  11. package/dist/button/button.css +1 -1
  12. package/dist/button/button.css.map +1 -1
  13. package/dist/checkbox/checkbox.css +1 -1
  14. package/dist/checkbox/checkbox.css.map +1 -1
  15. package/dist/form-label/form-label.css +1 -1
  16. package/dist/form-label/form-label.css.map +1 -1
  17. package/dist/heading/heading.css +1 -1
  18. package/dist/heading/heading.css.map +1 -1
  19. package/dist/index.css +1 -1
  20. package/dist/index.css.map +1 -1
  21. package/dist/link/link.css +1 -1
  22. package/dist/link/link.css.map +1 -1
  23. package/dist/page-heading/page-heading.css +1 -1
  24. package/dist/page-heading/page-heading.css.map +1 -1
  25. package/package.json +4 -4
  26. package/src/accordion/accordion.scss +6 -0
  27. package/src/alert/README.md +18 -0
  28. package/src/alert/alert.scss +69 -0
  29. package/src/aspect-ratio/README.md +17 -0
  30. package/src/aspect-ratio/aspect-ratio.scss +29 -0
  31. package/src/blockquote/blockquote.scss +2 -2
  32. package/src/breadcrumb/breadcrumb.scss +1 -0
  33. package/src/button/button.scss +6 -0
  34. package/src/checkbox/checkbox.scss +6 -0
  35. package/src/form-label/README.md +1 -1
  36. package/src/form-label/form-label.scss +6 -0
  37. package/src/heading/heading.scss +1 -0
  38. package/src/index.scss +12 -4
  39. package/src/link/link.scss +6 -0
  40. package/src/ordered-list/README.md +1 -1
  41. package/src/page-heading/README.md +1 -1
  42. package/src/page-heading/page-heading.scss +1 -0
  43. package/src/top-task-link/README.md +1 -1
  44. package/src/unordered-list/README.md +1 -1
  45. package/src/visually-hidden/README.md +2 -2
  46. package/dist/buttons/button/button.css +0 -729
  47. package/dist/buttons/button/button.css.map +0 -1
  48. package/dist/card/card.css +0 -56
  49. package/dist/card/card.css.map +0 -1
  50. package/dist/containers/accordion/accordion.css +0 -69
  51. package/dist/containers/accordion/accordion.css.map +0 -1
  52. package/dist/containers/footer/footer.css +0 -35
  53. package/dist/containers/footer/footer.css.map +0 -1
  54. package/dist/containers/visually-hidden/visually-hidden.css +0 -18
  55. package/dist/containers/visually-hidden/visually-hidden.css.map +0 -1
  56. package/dist/forms/checkbox/checkbox.css +0 -170
  57. package/dist/forms/checkbox/checkbox.css.map +0 -1
  58. package/dist/forms/form-label/form-label.css +0 -26
  59. package/dist/forms/form-label/form-label.css.map +0 -1
  60. package/dist/hero/hero.css +0 -1
  61. package/dist/hero/hero.css.map +0 -1
  62. package/dist/layout/grid-cell/grid-cell.css +0 -88
  63. package/dist/layout/grid-cell/grid-cell.css.map +0 -1
  64. package/dist/layout/page-grid/page-grid.css +0 -26
  65. package/dist/layout/page-grid/page-grid.css.map +0 -1
  66. package/dist/media/icon/icon.css +0 -122
  67. package/dist/media/icon/icon.css.map +0 -1
  68. package/dist/navigation/breadcrumb/breadcrumb.css +0 -67
  69. package/dist/navigation/breadcrumb/breadcrumb.css.map +0 -1
  70. package/dist/navigation/link/link.css +0 -111
  71. package/dist/navigation/link/link.css.map +0 -1
  72. package/dist/navigation/page-menu/page-menu.css +0 -83
  73. package/dist/navigation/page-menu/page-menu.css.map +0 -1
  74. package/dist/navigation/top-task-link/top-task-link.css +0 -59
  75. package/dist/navigation/top-task-link/top-task-link.css.map +0 -1
  76. package/dist/switch/switch.css +0 -59
  77. package/dist/switch/switch.css.map +0 -1
  78. package/dist/testula/testula.css +0 -9
  79. package/dist/testula/testula.css.map +0 -1
  80. package/dist/text/blockquote/blockquote.css +0 -43
  81. package/dist/text/blockquote/blockquote.css.map +0 -1
  82. package/dist/text/heading/heading.css +0 -67
  83. package/dist/text/heading/heading.css.map +0 -1
  84. package/dist/text/ordered-list/ordered-list.css +0 -54
  85. package/dist/text/ordered-list/ordered-list.css.map +0 -1
  86. package/dist/text/page-heading/page-heading.css +0 -34
  87. package/dist/text/page-heading/page-heading.css.map +0 -1
  88. package/dist/text/paragraph/paragraph.css +0 -53
  89. package/dist/text/paragraph/paragraph.css.map +0 -1
  90. package/dist/text/unordered-list/unordered-list.css +0 -54
  91. package/dist/text/unordered-list/unordered-list.css.map +0 -1
@@ -1,53 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- /**
6
- * @license EUPL-1.2+
7
- * Copyright (c) 2023 Gemeente Amsterdam
8
- */
9
- /*
10
- The breakpoint is 854px / 16 = 53.375rems
11
- https://developer.mozilla.org/en-US/docs/Web/CSS/@media#accessibility_concerns
12
- */
13
- .amsterdam-paragraph {
14
- color: var(--amsterdam-paragraph-color);
15
- font-family: var(--amsterdam-paragraph-font-family);
16
- font-size: var(--amsterdam-paragraph-narrow-font-size);
17
- font-weight: var(--amsterdam-paragraph-font-weight);
18
- line-height: var(--amsterdam-paragraph-line-height);
19
- box-sizing: border-box;
20
- margin-block: 0;
21
- -webkit-text-size-adjust: 100%;
22
- }
23
- @media screen and (width > 53.375rem) {
24
- .amsterdam-paragraph {
25
- font-size: var(--amsterdam-paragraph-wide-font-size);
26
- }
27
- }
28
-
29
- .amsterdam-paragraph--small {
30
- font-size: var(--amsterdam-paragraph-small-narrow-font-size);
31
- line-height: var(--amsterdam-paragraph-small-line-height);
32
- }
33
- @media screen and (width > 53.375rem) {
34
- .amsterdam-paragraph--small {
35
- font-size: var(--amsterdam-paragraph-small-wide-font-size);
36
- }
37
- }
38
-
39
- .amsterdam-paragraph--large {
40
- font-size: var(--amsterdam-paragraph-large-narrow-font-size);
41
- line-height: var(--amsterdam-paragraph-large-line-height);
42
- }
43
- @media screen and (width > 53.375rem) {
44
- .amsterdam-paragraph--large {
45
- font-size: var(--amsterdam-paragraph-large-wide-font-size);
46
- }
47
- }
48
-
49
- .amsterdam-paragraph--inverse-color {
50
- color: var(--amsterdam-paragraph-inverse-color);
51
- }
52
-
53
- /*# sourceMappingURL=paragraph.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/text/paragraph/paragraph.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADQA;EACE;EACA;EACA;EACA;EACA;EAVA;EACA;EACA;;AAUA;EAPF;IAQI;;;;AAMJ;EACE;EACA;;AAEA;EAJF;IAKI;;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;;;;AAIJ;EACE","file":"paragraph.css"}
@@ -1,54 +0,0 @@
1
- /**
2
- * @license EUPL-1.2+
3
- * Copyright (c) 2023 Gemeente Amsterdam
4
- */
5
- /**
6
- * @license EUPL-1.2+
7
- * Copyright (c) 2023 Gemeente Amsterdam
8
- */
9
- /*
10
- The breakpoint is 854px / 16 = 53.375rems
11
- https://developer.mozilla.org/en-US/docs/Web/CSS/@media#accessibility_concerns
12
- */
13
- /** Apply border box sizing, reset whitespace and list styles. */
14
- /** A list is a grid column with a gap between items. */
15
- .amsterdam-unordered-list {
16
- box-sizing: border-box;
17
- list-style: none;
18
- margin-block: 0;
19
- padding-inline-start: 0;
20
- -webkit-text-size-adjust: 100%;
21
- display: grid;
22
- gap: var(--amsterdam-unordered-list-gap);
23
- }
24
-
25
- /** A list with markers sets typography for its text content. */
26
- .amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers) {
27
- color: var(--amsterdam-unordered-list-color);
28
- font-family: var(--amsterdam-unordered-list-font-family);
29
- font-size: var(--amsterdam-unordered-list-narrow-font-size);
30
- font-weight: var(--amsterdam-unordered-list-font-weight);
31
- line-height: var(--amsterdam-unordered-list-line-height);
32
- list-style-type: var(--amsterdam-unordered-list-list-style-type);
33
- /** List items are responsible for indentation and marker positioning. */
34
- }
35
- @media screen and (width > 53.375rem) {
36
- .amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers) {
37
- font-size: var(--amsterdam-unordered-list-wide-font-size);
38
- }
39
- }
40
- .amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers) .amsterdam-unordered-list__item {
41
- margin-inline-start: var(--amsterdam-unordered-list-item-margin-inline-start);
42
- padding-inline-start: var(--amsterdam-unordered-list-item-padding-inline-start);
43
- }
44
-
45
- /** A nested list has a different marker and less indentation for correct alignment. */
46
- :is(.amsterdam-ordered-list, .amsterdam-unordered-list) .amsterdam-unordered-list {
47
- list-style-type: var(--amsterdam-unordered-list-unordered-list-list-style-type);
48
- }
49
- :is(.amsterdam-ordered-list, .amsterdam-unordered-list) .amsterdam-unordered-list .amsterdam-unordered-list__item {
50
- margin-inline-start: var(--amsterdam-unordered-list-unordered-list-item-margin-inline-start);
51
- padding-inline-start: var(--amsterdam-unordered-list-unordered-list-item-padding-inline-start);
52
- }
53
-
54
- /*# sourceMappingURL=unordered-list.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/text/unordered-list/unordered-list.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADEA;AASA;AACA;EARE;EACA;EACA;EACA;EACA;EAOA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAMA;;AAJA;EARF;IASI;;;AAIF;EACE;EACA;;;AAIJ;AACA;EACE;;AAEA;EACE;EACA","file":"unordered-list.css"}