@amsterdam/design-system-css 0.1.4 → 0.1.6

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 (128) hide show
  1. package/README.md +1 -1
  2. package/dist/accordion/accordion.css +1 -69
  3. package/dist/accordion/accordion.css.map +1 -1
  4. package/dist/aspect-ratio/aspect-ratio.css +30 -0
  5. package/dist/aspect-ratio/aspect-ratio.css.map +1 -0
  6. package/dist/blockquote/blockquote.css +1 -0
  7. package/dist/blockquote/blockquote.css.map +1 -0
  8. package/dist/breadcrumb/breadcrumb.css +1 -0
  9. package/dist/breadcrumb/breadcrumb.css.map +1 -0
  10. package/dist/button/button.css +1 -706
  11. package/dist/button/button.css.map +1 -1
  12. package/dist/buttons/button/button.css +729 -0
  13. package/dist/buttons/button/button.css.map +1 -0
  14. package/dist/card/card.css +56 -0
  15. package/dist/card/card.css.map +1 -0
  16. package/dist/checkbox/checkbox.css +1 -0
  17. package/dist/checkbox/checkbox.css.map +1 -0
  18. package/dist/containers/accordion/accordion.css +69 -0
  19. package/dist/containers/accordion/accordion.css.map +1 -0
  20. package/dist/containers/footer/footer.css +35 -0
  21. package/dist/containers/footer/footer.css.map +1 -0
  22. package/dist/containers/visually-hidden/visually-hidden.css +18 -0
  23. package/dist/containers/visually-hidden/visually-hidden.css.map +1 -0
  24. package/dist/footer/footer.css +1 -0
  25. package/dist/footer/footer.css.map +1 -0
  26. package/dist/form-label/form-label.css +1 -26
  27. package/dist/form-label/form-label.css.map +1 -1
  28. package/dist/forms/checkbox/checkbox.css +170 -0
  29. package/dist/forms/checkbox/checkbox.css.map +1 -0
  30. package/dist/forms/form-label/form-label.css +26 -0
  31. package/dist/forms/form-label/form-label.css.map +1 -0
  32. package/dist/grid/grid-cell.css +1 -0
  33. package/dist/grid/grid-cell.css.map +1 -0
  34. package/dist/grid/page-grid.css +1 -0
  35. package/dist/grid/page-grid.css.map +1 -0
  36. package/dist/heading/heading.css +1 -64
  37. package/dist/heading/heading.css.map +1 -1
  38. package/dist/hero/hero.css +1 -0
  39. package/dist/hero/hero.css.map +1 -0
  40. package/dist/icon/icon.css +1 -122
  41. package/dist/icon/icon.css.map +1 -1
  42. package/dist/index.css +1 -0
  43. package/dist/index.css.map +1 -0
  44. package/dist/layout/grid-cell/grid-cell.css +88 -0
  45. package/dist/layout/grid-cell/grid-cell.css.map +1 -0
  46. package/dist/layout/page-grid/page-grid.css +26 -0
  47. package/dist/layout/page-grid/page-grid.css.map +1 -0
  48. package/dist/link/link.css +1 -97
  49. package/dist/link/link.css.map +1 -1
  50. package/dist/media/icon/icon.css +122 -0
  51. package/dist/media/icon/icon.css.map +1 -0
  52. package/dist/navigation/breadcrumb/breadcrumb.css +67 -0
  53. package/dist/navigation/breadcrumb/breadcrumb.css.map +1 -0
  54. package/dist/navigation/link/link.css +111 -0
  55. package/dist/navigation/link/link.css.map +1 -0
  56. package/dist/navigation/page-menu/page-menu.css +83 -0
  57. package/dist/navigation/page-menu/page-menu.css.map +1 -0
  58. package/dist/navigation/top-task-link/top-task-link.css +59 -0
  59. package/dist/navigation/top-task-link/top-task-link.css.map +1 -0
  60. package/dist/ordered-list/ordered-list.css +1 -0
  61. package/dist/ordered-list/ordered-list.css.map +1 -0
  62. package/dist/page-heading/page-heading.css +1 -0
  63. package/dist/page-heading/page-heading.css.map +1 -0
  64. package/dist/page-menu/page-menu.css +1 -0
  65. package/dist/page-menu/page-menu.css.map +1 -0
  66. package/dist/paragraph/paragraph.css +1 -49
  67. package/dist/paragraph/paragraph.css.map +1 -1
  68. package/dist/switch/switch.css +59 -0
  69. package/dist/switch/switch.css.map +1 -0
  70. package/dist/testula/testula.css +9 -0
  71. package/dist/testula/testula.css.map +1 -0
  72. package/dist/text/blockquote/blockquote.css +43 -0
  73. package/dist/text/blockquote/blockquote.css.map +1 -0
  74. package/dist/text/heading/heading.css +67 -0
  75. package/dist/text/heading/heading.css.map +1 -0
  76. package/dist/text/ordered-list/ordered-list.css +54 -0
  77. package/dist/text/ordered-list/ordered-list.css.map +1 -0
  78. package/dist/text/page-heading/page-heading.css +34 -0
  79. package/dist/text/page-heading/page-heading.css.map +1 -0
  80. package/dist/text/paragraph/paragraph.css +53 -0
  81. package/dist/text/paragraph/paragraph.css.map +1 -0
  82. package/dist/text/unordered-list/unordered-list.css +54 -0
  83. package/dist/text/unordered-list/unordered-list.css.map +1 -0
  84. package/dist/top-task-link/top-task-link.css +1 -0
  85. package/dist/top-task-link/top-task-link.css.map +1 -0
  86. package/dist/unordered-list/unordered-list.css +1 -47
  87. package/dist/unordered-list/unordered-list.css.map +1 -1
  88. package/dist/visually-hidden/visually-hidden.css +1 -0
  89. package/dist/visually-hidden/visually-hidden.css.map +1 -0
  90. package/package.json +7 -6
  91. package/src/accordion/README.md +25 -2
  92. package/src/accordion/accordion.scss +2 -2
  93. package/src/blockquote/README.md +14 -0
  94. package/src/blockquote/blockquote.scss +41 -0
  95. package/src/breadcrumb/README.md +15 -0
  96. package/src/breadcrumb/breadcrumb.scss +68 -0
  97. package/src/button/button.scss +36 -4
  98. package/src/checkbox/README.md +27 -0
  99. package/src/checkbox/checkbox-css.md +3 -0
  100. package/src/checkbox/checkbox.scss +225 -0
  101. package/src/footer/README.md +11 -0
  102. package/src/footer/footer-css.md +11 -0
  103. package/src/footer/footer.scss +29 -0
  104. package/src/form-label/form-label.scss +2 -2
  105. package/src/grid/README.md +11 -0
  106. package/src/grid/grid-cell.scss +18 -0
  107. package/src/grid/page-grid.scss +19 -0
  108. package/src/heading/heading.scss +18 -15
  109. package/src/icon/icon.scss +10 -10
  110. package/src/index.scss +19 -0
  111. package/src/link/README.md +28 -12
  112. package/src/link/link.scss +61 -36
  113. package/src/ordered-list/README.md +7 -0
  114. package/src/ordered-list/ordered-list.scss +53 -0
  115. package/src/page-heading/README.md +16 -0
  116. package/src/page-heading/page-heading.scss +31 -0
  117. package/src/page-menu/README.md +15 -0
  118. package/src/page-menu/page-menu.scss +79 -0
  119. package/src/paragraph/paragraph.scss +12 -8
  120. package/src/top-task-link/README.md +15 -0
  121. package/src/top-task-link/top-task-link.scss +55 -0
  122. package/src/unordered-list/README.md +5 -13
  123. package/src/unordered-list/unordered-list.scss +26 -17
  124. package/src/visually-hidden/README.md +5 -0
  125. package/src/visually-hidden/visually-hidden.scss +17 -0
  126. package/dist/list/list.css +0 -12
  127. package/dist/list/list.css.map +0 -1
  128. package/src/list/list.scss +0 -16
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/buttons/button/button.scss","../../../node_modules/@utrecht/components/button/css/index.scss","../../../node_modules/@utrecht/components/common/focus/_mixin.scss","../../../node_modules/@utrecht/components/button/css/_mixin.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AA6BA;AC7BA;AAAA;AAAA;AAAA;AAAA;ADAA;AAAA;AAAA;AAAA;AAAA;AA6BA;ADpBA;AEAE;AAAA;AAAA;;AAAA;AAAA;AAAA;EAOA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUA;EACA;AAAA;AAAA;AAAA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EFzOF;IE0OI;IACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;AAEA;;;;AFlPJ;EEuPE;EACA;EACA;EACA;;;AFtPF;AACE;EEyPA;;;AFrPF;EEyPE;;;AFrPF;EEyRE;EACA;EACA;;;AFvRF;AAAA;EEqPE;EACA;EACA;EACA;;;AFnPF;AACE;AC5BA;AAAA;AAAA;AAAA;EAIA;AAAA;EAGA;EACA;EACA;EACA;EACA;;;ADqBF;EE6PE;EACA;EACA;EACA;;;AFxPA;AACE;AAAA;ACzCF;AAAA;AAAA;AAAA;EAIA;AAAA;EAGA;EACA;EACA;EACA;EACA;;;ADmCA;EE+OA;EACA;EACA;EACA;AARA;ADxRA;AAAA;AAAA;AAAA;EAIA;AAAA;EAGA;EACA;EACA;EACA;EACA;;;ADwCA;AACA;AACA;ACtCA;EACA;EACA;;;ADiDF;AAAA;EEkOE;EACA;EACA;EACA;;;AFhOF;AAAA;EE2ME;EACA;EACA;;;AA6BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;;;AAtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;;;AAtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;;;AAtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;;;AAtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;;;AAtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;;;AAtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;;;AAtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;;;AAtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;;;AC3WJ;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AJGA;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;;AAEA;AAAA;EAEE;;AAGF;EACE;;;AAQF;EACE;;;AAIJ;EACE;;;AAIA;EACE;;;AAIJ;EACE","file":"button.css"}
@@ -0,0 +1,56 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright (c) 2023 Gemeente Amsterdam
4
+ */
5
+ .amsterdam-card {
6
+ display: grid;
7
+ gap: 0.5rem;
8
+ outline-offset: var(--amsterdam-card-outline-offset);
9
+ position: relative;
10
+ touch-action: manipulation;
11
+ /* Set native outline on card if card has focus visible within */
12
+ /*
13
+ Remove link focus outline only if :has is supported,
14
+ which means the outline on the whole card is set
15
+ */
16
+ /*
17
+ This trick, together with position: relative on the outer wrapper, makes the whole card clickable.
18
+ Taken from https://inclusive-components.design/cards/
19
+ */
20
+ }
21
+ .amsterdam-card:has(:focus-visible) {
22
+ outline-color: -webkit-focus-ring-color;
23
+ outline-style: auto;
24
+ outline-width: 1px;
25
+ }
26
+ .amsterdam-card:has(:focus-visible) a:focus {
27
+ outline: none;
28
+ }
29
+ .amsterdam-card a::after {
30
+ bottom: 0;
31
+ content: "";
32
+ display: block;
33
+ left: 0;
34
+ position: absolute;
35
+ right: 0;
36
+ top: 0;
37
+ }
38
+
39
+ .amsterdam-card__heading-group {
40
+ display: flex;
41
+ flex-direction: column-reverse;
42
+ gap: 0.5rem;
43
+ }
44
+
45
+ .amsterdam-card__link {
46
+ color: var(--amsterdam-card-link-color);
47
+ text-decoration: none;
48
+ text-decoration-thickness: 2px;
49
+ text-underline-offset: 3px;
50
+ }
51
+ .amsterdam-card__link:hover {
52
+ color: var(--amsterdam-card-link-hover-color);
53
+ text-decoration: underline;
54
+ }
55
+
56
+ /*# sourceMappingURL=card.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/card/card.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;EACA;EACA;AAEA;AAOA;AAAA;AAAA;AAAA;AAQA;AAAA;AAAA;AAAA;;AAdA;EACE;EACA;EACA;;AAOF;EACE;;AAOF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA","file":"card.css"}
@@ -0,0 +1 @@
1
+ .amsterdam-checkbox__input{appearance:none;margin-block:0;margin-inline:0;opacity:0%}.amsterdam-checkbox__input:focus-visible+label{outline:auto;outline-offset:var(--amsterdam-checkbox-outline-offset)}.amsterdam-checkbox__checkmark{align-items:center;display:flex;flex-shrink:0;height:calc(var(--amsterdam-checkbox-checkmark-narrow-size)*var(--amsterdam-checkbox-checkmark-multiplier));width:1.5rem}.amsterdam-checkbox__checkmark::after{border-color:var(--amsterdam-checkbox-checkmark-border-color);border-style:solid;border-width:2px;box-sizing:border-box;content:"";height:1.5rem;width:100%}@media screen and (width > 53.375rem){.amsterdam-checkbox__checkmark{height:calc(var(--amsterdam-checkbox-checkmark-wide-size)*var(--amsterdam-checkbox-checkmark-multiplier))}}.amsterdam-checkbox__label{color:var(--amsterdam-checkbox-color);cursor:pointer;display:inline-flex;font-family:var(--amsterdam-checkbox-font-family);font-size:var(--amsterdam-checkbox-narrow-font-size);font-weight:400;gap:.5rem;line-height:var(--amsterdam-checkbox-line-height)}.amsterdam-checkbox__label:hover{color:var(--amsterdam-checkbox-hover-color);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after{border-color:var(--amsterdam-checkbox-checkmark-hover-border-color);border-width:3px}@media screen and (width > 53.375rem){.amsterdam-checkbox__label{font-size:var(--amsterdam-checkbox-wide-font-size)}}.amsterdam-checkbox__input:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-checked-background-color);background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22%23ffffff%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12.216%2027.016%200%2014.168l2.91-2.77%209.346%209.837L29.129%204%2032%206.8z%22%2F%3E%3C%2Fsvg%3E");background-position:center;background-repeat:no-repeat;background-size:1rem;border:none}.amsterdam-checkbox__input:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-indeterminate-background-color);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0id2hpdGUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMTMuNzE0aDMydjRIMHoiLz48L3N2Zz4=");background-position:center;background-repeat:no-repeat;background-size:1rem;border:none}.amsterdam-checkbox__input:invalid+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,.amsterdam-checkbox__input[aria-invalid=true]+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after{border-color:var(--amsterdam-checkbox-checkmark-invalid-border-color)}.amsterdam-checkbox__input:disabled+.amsterdam-checkbox__label{color:var(--amsterdam-checkbox-disabled-color);cursor:not-allowed}.amsterdam-checkbox__input:disabled+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after{border-color:var(--amsterdam-checkbox-checkmark-disabled-border-color);border-width:2px}.amsterdam-checkbox__input:invalid:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,.amsterdam-checkbox__input[aria-invalid=true]:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-invalid-checked-background-color)}.amsterdam-checkbox__input:invalid:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,.amsterdam-checkbox__input[aria-invalid=true]:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-invalid-indeterminate-background-color)}.amsterdam-checkbox__input:disabled+.amsterdam-checkbox__label:hover{text-decoration:none}.amsterdam-checkbox__input:disabled:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-disabled-checked-background-color)}.amsterdam-checkbox__input:disabled:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-disabled-indeterminate-background-color)}.amsterdam-checkbox__input:invalid:disabled+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,.amsterdam-checkbox__input[aria-invalid=true]:disabled+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after{border-color:var(--amsterdam-checkbox-checkmark-disabled-border-color)}:is(.amsterdam-checkbox__input:invalid,.amsterdam-checkbox__input[aria-invalid=true])+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after{border-color:var(--amsterdam-checkbox-checkmark-invalid-hover-border-color)}.amsterdam-checkbox__input:checked+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-checked-hover-background-color)}.amsterdam-checkbox__input:indeterminate+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-indeterminate-hover-background-color)}:is(.amsterdam-checkbox__input:invalid:checked,.amsterdam-checkbox__input[aria-invalid=true]:checked)+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-invalid-checked-hover-background-color)}:is(.amsterdam-checkbox__input:invalid:indeterminate,.amsterdam-checkbox__input[aria-invalid=true]:indeterminate)+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-invalid-indeterminate-hover-background-color)}.amsterdam-checkbox__input:disabled:checked+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-disabled-checked-hover-background-color)}.amsterdam-checkbox__input:disabled:indeterminate+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-disabled-indeterminate-hover-background-color)}:is(.amsterdam-checkbox__input:invalid:disabled,.amsterdam-checkbox__input[aria-invalid=true]:disabled)+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after{border-color:var(--amsterdam-checkbox-checkmark-disabled-border-color)}.amsterdam-checkbox__input:invalid:disabled:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,.amsterdam-checkbox__input:invalid:disabled:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,.amsterdam-checkbox__input[aria-invalid=true]:disabled:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,.amsterdam-checkbox__input[aria-invalid=true]:disabled:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-disabled-checked-background-color)}/*# sourceMappingURL=checkbox.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/checkbox/checkbox.scss"],"names":[],"mappings":"AAOA,2BACE,gBACA,eACA,gBACA,WAEA,+CACE,aACA,wDAIJ,+BACE,mBACA,aACA,cACA,4GACA,aAEA,sCACE,8DACA,mBACA,iBACA,sBACA,WACA,cACA,WAGF,sCAjBF,+BAkBI,2GAIJ,2BACE,sCACA,eACA,oBACA,kDACA,qDACA,gBACA,UACA,kDAEA,iCACE,4CACA,0BACA,8BACA,0BAEA,uEACE,oEACA,iBAIJ,sCAtBF,2BAuBI,oDAMF,oGACE,8EACA,qTACA,2BACA,4BACA,qBACA,YAMF,0GACE,oFACA,+NACA,2BACA,4BACA,qBACA,YAOF,mNACE,sEAMF,+DACE,+CACA,mBAEA,qGACE,uEACA,iBAQJ,mOACE,sFAOF,+OACE,4FAKJ,qEACE,qBAKA,6GACE,uFAMF,mHACE,6FAOF,qOAEE,uEAOJ,6JAIE,4EAIF,0GACE,oFAIF,gHACE,0FAIF,6KAIE,4FAIF,yLAIE,kGAIF,mHACE,6FAIF,yHAGE,mGAIF,+KAIE,uEAUA,sfAEE","file":"checkbox.css"}
@@ -0,0 +1,69 @@
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-accordion__header {
14
+ display: flex;
15
+ margin-block: 0;
16
+ margin-inline: 0;
17
+ }
18
+
19
+ .amsterdam-accordion__button {
20
+ background-color: transparent;
21
+ border: 0;
22
+ color: var(--amsterdam-accordion-button-color);
23
+ cursor: pointer;
24
+ display: flex;
25
+ font-family: var(--amsterdam-accordion-button-font-family);
26
+ font-size: var(--amsterdam-accordion-button-narrow-font-size);
27
+ font-weight: var(--amsterdam-accordion-button-font-weight);
28
+ justify-content: space-between;
29
+ line-height: var(--amsterdam-accordion-button-line-height);
30
+ padding-block: 0.75rem;
31
+ padding-inline: 1rem;
32
+ width: 100%;
33
+ }
34
+ @media screen and (width > 53.375rem) {
35
+ .amsterdam-accordion__button {
36
+ font-size: var(--amsterdam-accordion-button-wide-font-size);
37
+ }
38
+ }
39
+ .amsterdam-accordion__button:focus {
40
+ outline-offset: var(--amsterdam-accordion-button-focus-outline-offset);
41
+ }
42
+ .amsterdam-accordion__button:hover {
43
+ box-shadow: var(--amsterdam-accordion-button-hover-box-shadow);
44
+ }
45
+ .amsterdam-accordion__button svg {
46
+ transform: rotate(0deg);
47
+ transition: transform 0.3s ease;
48
+ }
49
+ @media (prefers-reduced-motion) {
50
+ .amsterdam-accordion__button svg {
51
+ transition: none;
52
+ }
53
+ }
54
+
55
+ .amsterdam-accordion__button[aria-expanded=true] svg {
56
+ transform: rotate(180deg);
57
+ }
58
+
59
+ .amsterdam-accordion__panel {
60
+ display: none;
61
+ padding-block: 1rem;
62
+ padding-inline: 1rem;
63
+ }
64
+
65
+ .amsterdam-accordion__panel--expanded {
66
+ display: block;
67
+ }
68
+
69
+ /*# sourceMappingURL=accordion.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/containers/accordion/accordion.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADEA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAfF;IAgBI;;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EAJF;IAKI;;;;AAKN;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE","file":"accordion.css"}
@@ -0,0 +1,35 @@
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-footer__top {
14
+ background-color: var(--amsterdam-footer-top-background-color);
15
+ padding-block: 2.5rem;
16
+ padding-inline: 2rem; /* TODO: For now I've set a padding here, this should eventually be handled by PageGrid */
17
+ }
18
+
19
+ @media screen and (width > 53.375rem) {
20
+ .amsterdam-footer__top {
21
+ grid-template-columns: repeat(var(--amsterdam-page-grid-column-count-wide), 1fr);
22
+ }
23
+ }
24
+ .amsterdam-footer__column {
25
+ display: flex;
26
+ flex-direction: column;
27
+ gap: 2.5rem;
28
+ }
29
+
30
+ .amsterdam-footer__bottom {
31
+ padding-block: 0.5rem;
32
+ padding-inline: 2rem; /* TODO: For now I've set a padding here, this should eventually be handled by PageGrid */
33
+ }
34
+
35
+ /*# sourceMappingURL=footer.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/containers/footer/footer.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADEA;EACE;EACA;EACA;;;AAGF;EACE;IACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA","file":"footer.css"}
@@ -0,0 +1,18 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright (c) 2023 Gemeente Amsterdam
4
+ */
5
+ .amsterdam-visually-hidden {
6
+ clip: rect(1px, 1px, 1px, 1px);
7
+ clip-path: inset(50%);
8
+ height: 1px;
9
+ margin-block: -1px;
10
+ margin-inline: -1px;
11
+ overflow: hidden;
12
+ padding-block: 0;
13
+ padding-inline: 0;
14
+ position: absolute;
15
+ width: 1px;
16
+ }
17
+
18
+ /*# sourceMappingURL=visually-hidden.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/containers/visually-hidden/visually-hidden.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"visually-hidden.css"}
@@ -0,0 +1 @@
1
+ .amsterdam-footer__top{background-color:var(--amsterdam-footer-top-background-color);padding-block:2.5rem;padding-inline:2rem}@media screen and (width > 53.375rem){.amsterdam-footer__top{grid-template-columns:repeat(var(--amsterdam-page-grid-column-count-wide), 1fr)}}.amsterdam-footer__column{display:flex;flex-direction:column;gap:2.5rem}.amsterdam-footer__bottom{padding-block:.5rem;padding-inline:2rem}/*# sourceMappingURL=footer.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/footer/footer.scss"],"names":[],"mappings":"AAOA,uBACE,8DACA,qBACA,oBAGF,sCACE,uBACE,iFAIJ,0BACE,aACA,sBACA,WAGF,0BACE,oBACA","file":"footer.css"}
@@ -1,26 +1 @@
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-form-label {
14
- color: var(--amsterdam-form-label-color);
15
- font-family: var(--amsterdam-form-label-font-family);
16
- font-size: var(--amsterdam-form-label-font-size-narrow);
17
- font-weight: var(--amsterdam-form-label-font-weight);
18
- line-height: var(--amsterdam-form-label-line-height);
19
- }
20
- @media screen and (width > 53.375rem) {
21
- .amsterdam-form-label {
22
- font-size: var(--amsterdam-form-label-font-size-wide);
23
- }
24
- }
25
-
26
- /*# sourceMappingURL=form-label.css.map */
1
+ .amsterdam-form-label{color:var(--amsterdam-form-label-color);font-family:var(--amsterdam-form-label-font-family);font-size:var(--amsterdam-form-label-narrow-font-size);font-weight:var(--amsterdam-form-label-font-weight);line-height:var(--amsterdam-form-label-line-height)}@media screen and (width > 53.375rem){.amsterdam-form-label{font-size:var(--amsterdam-form-label-wide-font-size)}}/*# sourceMappingURL=form-label.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/form-label/form-label.scss","../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI","file":"form-label.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/form-label/form-label.scss"],"names":[],"mappings":"AAOA,sBACE,wCACA,oDACA,uDACA,oDACA,oDAEA,sCAPF,sBAQI","file":"form-label.css"}
@@ -0,0 +1,170 @@
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-checkbox__input {
14
+ appearance: none;
15
+ margin-block: 0;
16
+ margin-inline: 0;
17
+ opacity: 0%; /* to hide native input field in older iOS */
18
+ }
19
+ .amsterdam-checkbox__input:focus-visible + label {
20
+ outline: auto;
21
+ outline-offset: var(--amsterdam-checkbox-outline-offset);
22
+ }
23
+
24
+ .amsterdam-checkbox__checkmark {
25
+ align-items: center;
26
+ display: flex;
27
+ flex-shrink: 0;
28
+ height: calc(var(--amsterdam-checkbox-checkmark-narrow-size) * var(--amsterdam-checkbox-checkmark-multiplier));
29
+ width: 1.5rem;
30
+ }
31
+ .amsterdam-checkbox__checkmark::after {
32
+ border-color: var(--amsterdam-checkbox-checkmark-border-color);
33
+ border-style: solid;
34
+ border-width: 2px;
35
+ box-sizing: border-box;
36
+ content: "";
37
+ height: 1.5rem;
38
+ width: 100%;
39
+ }
40
+ @media screen and (width > 53.375rem) {
41
+ .amsterdam-checkbox__checkmark {
42
+ height: calc(var(--amsterdam-checkbox-checkmark-wide-size) * var(--amsterdam-checkbox-checkmark-multiplier));
43
+ }
44
+ }
45
+
46
+ .amsterdam-checkbox__label {
47
+ color: var(--amsterdam-checkbox-color);
48
+ cursor: pointer;
49
+ display: inline-flex;
50
+ font-family: var(--amsterdam-checkbox-font-family);
51
+ font-size: var(--amsterdam-checkbox-narrow-font-size);
52
+ font-weight: 400;
53
+ gap: 0.5rem;
54
+ line-height: var(--amsterdam-checkbox-line-height);
55
+ }
56
+ .amsterdam-checkbox__label:hover {
57
+ color: var(--amsterdam-checkbox-hover-color);
58
+ text-decoration: underline;
59
+ text-decoration-thickness: 2px;
60
+ text-underline-offset: 3px;
61
+ }
62
+ .amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after {
63
+ border-color: var(--amsterdam-checkbox-checkmark-hover-border-color);
64
+ border-width: 3px;
65
+ }
66
+ @media screen and (width > 53.375rem) {
67
+ .amsterdam-checkbox__label {
68
+ font-size: var(--amsterdam-checkbox-wide-font-size);
69
+ }
70
+ }
71
+
72
+ .amsterdam-checkbox__input:checked + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after {
73
+ background-color: var(--amsterdam-checkbox-checkmark-checked-background-color);
74
+ background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22%23ffffff%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12.216%2027.016%200%2014.168l2.91-2.77%209.346%209.837L29.129%204%2032%206.8z%22%2F%3E%3C%2Fsvg%3E");
75
+ background-position: center;
76
+ background-repeat: no-repeat;
77
+ background-size: 1rem;
78
+ border: none;
79
+ }
80
+
81
+ .amsterdam-checkbox__input:indeterminate + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after {
82
+ background-color: var(--amsterdam-checkbox-checkmark-indeterminate-background-color);
83
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0id2hpdGUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMTMuNzE0aDMydjRIMHoiLz48L3N2Zz4=");
84
+ background-position: center;
85
+ background-repeat: no-repeat;
86
+ background-size: 1rem;
87
+ border: none;
88
+ }
89
+
90
+ .amsterdam-checkbox__input:invalid + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,
91
+ .amsterdam-checkbox__input[aria-invalid=true] + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after {
92
+ border-color: var(--amsterdam-checkbox-checkmark-invalid-border-color);
93
+ }
94
+
95
+ .amsterdam-checkbox__input:disabled + .amsterdam-checkbox__label {
96
+ color: var(--amsterdam-checkbox-disabled-color);
97
+ cursor: not-allowed;
98
+ }
99
+ .amsterdam-checkbox__input:disabled + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after {
100
+ border-color: var(--amsterdam-checkbox-checkmark-disabled-border-color);
101
+ border-width: 2px;
102
+ }
103
+
104
+ .amsterdam-checkbox__input:invalid:checked + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,
105
+ .amsterdam-checkbox__input[aria-invalid=true]:checked + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after {
106
+ background-color: var(--amsterdam-checkbox-checkmark-invalid-checked-background-color);
107
+ }
108
+
109
+ .amsterdam-checkbox__input:invalid:indeterminate + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,
110
+ .amsterdam-checkbox__input[aria-invalid=true]:indeterminate + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after {
111
+ background-color: var(--amsterdam-checkbox-checkmark-invalid-indeterminate-background-color);
112
+ }
113
+
114
+ .amsterdam-checkbox__input:disabled + .amsterdam-checkbox__label:hover {
115
+ text-decoration: none;
116
+ }
117
+
118
+ .amsterdam-checkbox__input:disabled:checked + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after {
119
+ background-color: var(--amsterdam-checkbox-checkmark-disabled-checked-background-color);
120
+ }
121
+
122
+ .amsterdam-checkbox__input:disabled:indeterminate + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after {
123
+ background-color: var(--amsterdam-checkbox-checkmark-disabled-indeterminate-background-color);
124
+ }
125
+
126
+ .amsterdam-checkbox__input:invalid:disabled + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,
127
+ .amsterdam-checkbox__input[aria-invalid=true]:disabled + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after {
128
+ border-color: var(--amsterdam-checkbox-checkmark-disabled-border-color);
129
+ }
130
+
131
+ :is(.amsterdam-checkbox__input:invalid, .amsterdam-checkbox__input[aria-invalid=true]) + .amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after {
132
+ border-color: var(--amsterdam-checkbox-checkmark-invalid-hover-border-color);
133
+ }
134
+
135
+ .amsterdam-checkbox__input:checked + .amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after {
136
+ background-color: var(--amsterdam-checkbox-checkmark-checked-hover-background-color);
137
+ }
138
+
139
+ .amsterdam-checkbox__input:indeterminate + .amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after {
140
+ background-color: var(--amsterdam-checkbox-checkmark-indeterminate-hover-background-color);
141
+ }
142
+
143
+ :is(.amsterdam-checkbox__input:invalid:checked, .amsterdam-checkbox__input[aria-invalid=true]:checked) + .amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after {
144
+ background-color: var(--amsterdam-checkbox-checkmark-invalid-checked-hover-background-color);
145
+ }
146
+
147
+ :is(.amsterdam-checkbox__input:invalid:indeterminate, .amsterdam-checkbox__input[aria-invalid=true]:indeterminate) + .amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after {
148
+ background-color: var(--amsterdam-checkbox-checkmark-invalid-indeterminate-hover-background-color);
149
+ }
150
+
151
+ .amsterdam-checkbox__input:disabled:checked + .amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after {
152
+ background-color: var(--amsterdam-checkbox-checkmark-disabled-checked-hover-background-color);
153
+ }
154
+
155
+ .amsterdam-checkbox__input:disabled:indeterminate + .amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after {
156
+ background-color: var(--amsterdam-checkbox-checkmark-disabled-indeterminate-hover-background-color);
157
+ }
158
+
159
+ :is(.amsterdam-checkbox__input:invalid:disabled, .amsterdam-checkbox__input[aria-invalid=true]:disabled) + .amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after {
160
+ border-color: var(--amsterdam-checkbox-checkmark-disabled-border-color);
161
+ }
162
+
163
+ .amsterdam-checkbox__input:invalid:disabled:checked + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,
164
+ .amsterdam-checkbox__input:invalid:disabled:indeterminate + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,
165
+ .amsterdam-checkbox__input[aria-invalid=true]:disabled:checked + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,
166
+ .amsterdam-checkbox__input[aria-invalid=true]:disabled:indeterminate + .amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after {
167
+ background-color: var(--amsterdam-checkbox-checkmark-disabled-checked-background-color);
168
+ }
169
+
170
+ /*# sourceMappingURL=checkbox.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/forms/checkbox/checkbox.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAjBF;IAkBI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EAtBF;IAuBI;;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAOF;AAAA;EACE;;;AAMF;EACE;EACA;;AAEA;EACE;EACA;;;AAQJ;AAAA;EACE;;;AAOF;AAAA;EACE;;;AAKJ;EACE;;;AAKA;EACE;;;AAMF;EACE;;;AAOF;AAAA;EAEE;;;AAOJ;EAIE;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EAIE;;;AAIF;EAIE;;;AAIF;EACE;;;AAIF;EAGE;;;AAIF;EAIE;;;AAUA;AAAA;AAAA;AAAA;EAEE","file":"checkbox.css"}
@@ -0,0 +1,26 @@
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-form-label {
14
+ color: var(--amsterdam-form-label-color);
15
+ font-family: var(--amsterdam-form-label-font-family);
16
+ font-size: var(--amsterdam-form-label-narrow-font-size);
17
+ font-weight: var(--amsterdam-form-label-font-weight);
18
+ line-height: var(--amsterdam-form-label-line-height);
19
+ }
20
+ @media screen and (width > 53.375rem) {
21
+ .amsterdam-form-label {
22
+ font-size: var(--amsterdam-form-label-wide-font-size);
23
+ }
24
+ }
25
+
26
+ /*# sourceMappingURL=form-label.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/forms/form-label/form-label.scss","../../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI","file":"form-label.css"}
@@ -0,0 +1 @@
1
+ @media screen and (width > 53.375rem){.amsterdam-grid-column-start-1{grid-column-start:1}.amsterdam-grid-column-span-1{grid-column-end:span 1}.amsterdam-grid-column-start-2{grid-column-start:2}.amsterdam-grid-column-span-2{grid-column-end:span 2}.amsterdam-grid-column-start-3{grid-column-start:3}.amsterdam-grid-column-span-3{grid-column-end:span 3}.amsterdam-grid-column-start-4{grid-column-start:4}.amsterdam-grid-column-span-4{grid-column-end:span 4}.amsterdam-grid-column-start-5{grid-column-start:5}.amsterdam-grid-column-span-5{grid-column-end:span 5}.amsterdam-grid-column-start-6{grid-column-start:6}.amsterdam-grid-column-span-6{grid-column-end:span 6}.amsterdam-grid-column-start-7{grid-column-start:7}.amsterdam-grid-column-span-7{grid-column-end:span 7}.amsterdam-grid-column-start-8{grid-column-start:8}.amsterdam-grid-column-span-8{grid-column-end:span 8}.amsterdam-grid-column-start-9{grid-column-start:9}.amsterdam-grid-column-span-9{grid-column-end:span 9}.amsterdam-grid-column-start-10{grid-column-start:10}.amsterdam-grid-column-span-10{grid-column-end:span 10}.amsterdam-grid-column-start-11{grid-column-start:11}.amsterdam-grid-column-span-11{grid-column-end:span 11}.amsterdam-grid-column-start-12{grid-column-start:12}.amsterdam-grid-column-span-12{grid-column-end:span 12}}/*# sourceMappingURL=grid-cell.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/grid/grid-cell.scss"],"names":[],"mappings":"AAOA,sCAEI,+BACE,kBAFS,EAKX,8BACE,uBALF,+BACE,kBAFS,EAKX,8BACE,uBALF,+BACE,kBAFS,EAKX,8BACE,uBALF,+BACE,kBAFS,EAKX,8BACE,uBALF,+BACE,kBAFS,EAKX,8BACE,uBALF,+BACE,kBAFS,EAKX,8BACE,uBALF,+BACE,kBAFS,EAKX,8BACE,uBALF,+BACE,kBAFS,EAKX,8BACE,uBALF,+BACE,kBAFS,EAKX,8BACE,uBALF,gCACE,kBAFS,GAKX,+BACE,wBALF,gCACE,kBAFS,GAKX,+BACE,wBALF,gCACE,kBAFS,GAKX,+BACE","file":"grid-cell.css"}
@@ -0,0 +1 @@
1
+ .amsterdam-page-grid{column-gap:var(--amsterdam-page-grid-column-gap);display:grid;grid-template-columns:repeat(var(--amsterdam-page-grid-column-count-narrow), 1fr);max-width:var(--amsterdam-page-grid-max-width)}@media screen and (width > 53.375rem){.amsterdam-page-grid{grid-template-columns:repeat(var(--amsterdam-page-grid-column-count-wide), 1fr)}}/*# sourceMappingURL=page-grid.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/grid/page-grid.scss"],"names":[],"mappings":"AAOA,qBACE,iDACA,aACA,kFACA,+CAGF,sCACE,qBACE","file":"page-grid.css"}
@@ -1,64 +1 @@
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-heading {
14
- color: var(--amsterdam-heading-color);
15
- font-family: var(--amsterdam-heading-font-family);
16
- font-weight: var(--amsterdam-heading-font-weight);
17
- box-sizing: border-box;
18
- break-after: avoid;
19
- break-inside: avoid;
20
- margin-block: 0;
21
- margin-inline: 0;
22
- }
23
-
24
- .amsterdam-heading-1 {
25
- font-size: var(--amsterdam-heading-1-font-size-narrow);
26
- line-height: var(--amsterdam-heading-1-line-height);
27
- }
28
- @media screen and (width > 53.375rem) {
29
- .amsterdam-heading-1 {
30
- font-size: var(--amsterdam-heading-1-font-size-wide);
31
- }
32
- }
33
-
34
- .amsterdam-heading-2 {
35
- font-size: var(--amsterdam-heading-2-font-size-narrow);
36
- line-height: var(--amsterdam-heading-2-line-height);
37
- }
38
- @media screen and (width > 53.375rem) {
39
- .amsterdam-heading-2 {
40
- font-size: var(--amsterdam-heading-2-font-size-wide);
41
- }
42
- }
43
-
44
- .amsterdam-heading-3 {
45
- font-size: var(--amsterdam-heading-3-font-size-narrow);
46
- line-height: var(--amsterdam-heading-3-line-height);
47
- }
48
- @media screen and (width > 53.375rem) {
49
- .amsterdam-heading-3 {
50
- font-size: var(--amsterdam-heading-3-font-size-wide);
51
- }
52
- }
53
-
54
- .amsterdam-heading-4 {
55
- font-size: var(--amsterdam-heading-4-font-size-narrow);
56
- line-height: var(--amsterdam-heading-4-line-height);
57
- }
58
- @media screen and (width > 53.375rem) {
59
- .amsterdam-heading-4 {
60
- font-size: var(--amsterdam-heading-4-font-size-wide);
61
- }
62
- }
63
-
64
- /*# sourceMappingURL=heading.css.map */
1
+ .amsterdam-heading{break-after:avoid;break-inside:avoid;color:var(--amsterdam-heading-color);font-family:var(--amsterdam-heading-font-family);font-weight:var(--amsterdam-heading-font-weight);box-sizing:border-box;margin-block:0}.amsterdam-heading--1{font-size:var(--amsterdam-heading-1-narrow-font-size);line-height:var(--amsterdam-heading-1-line-height)}@media screen and (width > 53.375rem){.amsterdam-heading--1{font-size:var(--amsterdam-heading-1-wide-font-size)}}.amsterdam-heading--2{font-size:var(--amsterdam-heading-2-narrow-font-size);line-height:var(--amsterdam-heading-2-line-height)}@media screen and (width > 53.375rem){.amsterdam-heading--2{font-size:var(--amsterdam-heading-2-wide-font-size)}}.amsterdam-heading--3{font-size:var(--amsterdam-heading-3-narrow-font-size);line-height:var(--amsterdam-heading-3-line-height)}@media screen and (width > 53.375rem){.amsterdam-heading--3{font-size:var(--amsterdam-heading-3-wide-font-size)}}.amsterdam-heading--4{font-size:var(--amsterdam-heading-4-narrow-font-size);line-height:var(--amsterdam-heading-4-line-height)}@media screen and (width > 53.375rem){.amsterdam-heading--4{font-size:var(--amsterdam-heading-4-wide-font-size)}}.amsterdam-heading--inverse-color{color:var(--amsterdam-heading-inverse-color)}/*# sourceMappingURL=heading.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/heading/heading.scss","../../utils/breakpoint.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;ADUA;EACE;EACA;EACA;EAVA;EACA;EACA;EACA;EACA;;;AAWF;EACE;EACA;;AAEA;EAJF;IAKI;;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI;;;;AAIJ;EACE;EACA;;AAEA;EAJF;IAKI","file":"heading.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/heading/heading.scss"],"names":[],"mappings":"AAYA,mBACE,kBACA,mBACA,qCACA,iDACA,iDATA,sBACA,eAaF,sBACE,sDACA,mDAEA,sCAJF,sBAKI,qDAIJ,sBACE,sDACA,mDAEA,sCAJF,sBAKI,qDAIJ,sBACE,sDACA,mDAEA,sCAJF,sBAKI,qDAIJ,sBACE,sDACA,mDAEA,sCAJF,sBAKI,qDAIJ,kCACE","file":"heading.css"}
@@ -0,0 +1 @@
1
+ .amsterdam-hero{color:var(--amsterdam-hero-color);font-family:var(--amsterdam-hero-font-family);font-size:var(--amsterdam-hero-narrow-font-size);font-weight:var(--amsterdam-hero-font-weight);line-height:var(--amsterdam-hero-line-height);box-sizing:border-box;break-after:avoid;break-inside:avoid;margin-block:0;margin-inline:0}@media screen and (width > 53.375rem){.amsterdam-hero{font-size:var(--amsterdam-hero-wide-font-size)}}.amsterdam-hero--inverse-color{color:var(--amsterdam-hero-inverse-color)}/*# sourceMappingURL=hero.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/hero/hero.scss"],"names":[],"mappings":"AAeA,gBACE,kCACA,8CACA,iDACA,8CACA,8CAZA,sBACA,kBACA,mBACA,eACA,gBAUA,sCAPF,gBAQI,gDAMJ,+BACE","file":"hero.css"}