@amsterdam/design-system-css 0.11.1 → 0.12.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 (121) hide show
  1. package/CHANGELOG.md +31 -17
  2. package/README.md +69 -40
  3. package/dist/accordion/accordion.css +1 -1
  4. package/dist/accordion/accordion.css.map +1 -1
  5. package/dist/action-group/action-group.css +1 -0
  6. package/dist/action-group/action-group.css.map +1 -0
  7. package/dist/avatar/avatar.css +1 -1
  8. package/dist/avatar/avatar.css.map +1 -1
  9. package/dist/blockquote/blockquote.css.map +1 -1
  10. package/dist/breakout/breakout.css +1 -0
  11. package/dist/breakout/breakout.css.map +1 -0
  12. package/dist/button/button.css +1 -1
  13. package/dist/button/button.css.map +1 -1
  14. package/dist/checkbox/checkbox.css.map +1 -1
  15. package/dist/description-list/description-list.css +1 -1
  16. package/dist/description-list/description-list.css.map +1 -1
  17. package/dist/dialog/dialog.css +1 -1
  18. package/dist/dialog/dialog.css.map +1 -1
  19. package/dist/field/field.css +1 -1
  20. package/dist/field/field.css.map +1 -1
  21. package/dist/file-input/file-input.css.map +1 -1
  22. package/dist/grid/grid.css +1 -1
  23. package/dist/grid/grid.css.map +1 -1
  24. package/dist/header/header.css +1 -1
  25. package/dist/header/header.css.map +1 -1
  26. package/dist/hint/hint.css +1 -0
  27. package/dist/hint/hint.css.map +1 -0
  28. package/dist/icon-button/icon-button.css +1 -1
  29. package/dist/icon-button/icon-button.css.map +1 -1
  30. package/dist/image-slider/image-slider.css +1 -0
  31. package/dist/image-slider/image-slider.css.map +1 -0
  32. package/dist/index.css +1 -1
  33. package/dist/index.css.map +1 -1
  34. package/dist/link/link.css +1 -1
  35. package/dist/link/link.css.map +1 -1
  36. package/dist/link-list/link-list.css +1 -1
  37. package/dist/link-list/link-list.css.map +1 -1
  38. package/dist/ordered-list/ordered-list.css +1 -1
  39. package/dist/ordered-list/ordered-list.css.map +1 -1
  40. package/dist/pagination/pagination.css +1 -1
  41. package/dist/pagination/pagination.css.map +1 -1
  42. package/dist/password-input/password-input.css +1 -0
  43. package/dist/password-input/password-input.css.map +1 -0
  44. package/dist/radio/radio.css +1 -1
  45. package/dist/radio/radio.css.map +1 -1
  46. package/dist/screen/screen.css +1 -1
  47. package/dist/screen/screen.css.map +1 -1
  48. package/dist/search-field/search-field.css.map +1 -1
  49. package/dist/select/select.css.map +1 -1
  50. package/dist/switch/switch.css +1 -1
  51. package/dist/switch/switch.css.map +1 -1
  52. package/dist/tabs/tabs.css +1 -1
  53. package/dist/tabs/tabs.css.map +1 -1
  54. package/dist/unordered-list/unordered-list.css +1 -1
  55. package/dist/unordered-list/unordered-list.css.map +1 -1
  56. package/package.json +11 -6
  57. package/src/components/accordion/accordion.scss +10 -1
  58. package/src/components/action-group/README.md +14 -0
  59. package/src/components/action-group/action-group.scss +15 -0
  60. package/src/components/avatar/README.md +3 -3
  61. package/src/components/avatar/avatar.scss +9 -0
  62. package/src/components/blockquote/blockquote.scss +4 -4
  63. package/src/components/breadcrumb/README.md +7 -9
  64. package/src/components/breakout/README.md +5 -0
  65. package/src/components/breakout/breakout.scss +163 -0
  66. package/src/components/button/README.md +5 -4
  67. package/src/components/button/button.scss +16 -7
  68. package/src/components/card/README.md +5 -1
  69. package/src/components/checkbox/README.md +1 -1
  70. package/src/components/checkbox/checkbox.scss +2 -2
  71. package/src/components/description-list/README.md +6 -5
  72. package/src/components/description-list/description-list.scss +23 -7
  73. package/src/components/dialog/README.md +2 -9
  74. package/src/components/dialog/dialog.scss +13 -30
  75. package/src/components/field/README.md +1 -1
  76. package/src/components/field/field.scss +1 -0
  77. package/src/components/field-set/README.md +2 -0
  78. package/src/components/file-input/file-input.scss +2 -2
  79. package/src/components/footer/README.md +4 -4
  80. package/src/components/gap/README.md +9 -7
  81. package/src/components/grid/README.md +11 -12
  82. package/src/components/grid/_mixins.scss +110 -0
  83. package/src/components/grid/grid.scss +33 -37
  84. package/src/components/header/README.md +9 -11
  85. package/src/components/header/header.scss +1 -0
  86. package/src/components/hint/README.md +9 -0
  87. package/src/components/hint/hint.scss +9 -0
  88. package/src/components/icon-button/icon-button.scss +18 -14
  89. package/src/components/image-slider/README.md +25 -0
  90. package/src/components/image-slider/image-slider.scss +89 -0
  91. package/src/components/index.scss +5 -0
  92. package/src/components/label/README.md +3 -1
  93. package/src/components/link/README.md +5 -0
  94. package/src/components/link/link.scss +10 -10
  95. package/src/components/link-list/README.md +2 -3
  96. package/src/components/link-list/link-list.scss +6 -6
  97. package/src/components/margin/README.md +6 -6
  98. package/src/components/mark/README.md +1 -6
  99. package/src/components/ordered-list/README.md +5 -0
  100. package/src/components/ordered-list/ordered-list.scss +3 -5
  101. package/src/components/page-menu/README.md +5 -1
  102. package/src/components/pagination/pagination.scss +6 -6
  103. package/src/components/password-input/README.md +29 -0
  104. package/src/components/password-input/password-input.scss +59 -0
  105. package/src/components/radio/README.md +2 -2
  106. package/src/components/radio/radio.scss +123 -90
  107. package/src/components/screen/README.md +9 -8
  108. package/src/components/screen/screen.scss +1 -0
  109. package/src/components/search-field/README.md +1 -1
  110. package/src/components/search-field/search-field.scss +3 -3
  111. package/src/components/select/select.scss +2 -2
  112. package/src/components/skip-link/README.md +0 -5
  113. package/src/components/spotlight/README.md +2 -1
  114. package/src/components/switch/README.md +2 -2
  115. package/src/components/switch/switch.scss +9 -6
  116. package/src/components/tabs/README.md +3 -1
  117. package/src/components/tabs/tabs.scss +12 -0
  118. package/src/components/text-input/README.md +1 -1
  119. package/src/components/top-task-link/README.md +4 -0
  120. package/src/components/unordered-list/README.md +6 -0
  121. package/src/components/unordered-list/unordered-list.scss +3 -5
package/CHANGELOG.md CHANGED
@@ -3,8 +3,38 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [0.11.1](https://github.com/Amsterdam/design-system/compare/design-system-css-v0.11.0...design-system-css-v0.11.1) (2024-08-29)
6
+ ## [0.12.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v0.11.1...design-system-css-v0.12.0) (2024-10-25)
7
+
8
+ ### ⚠ BREAKING CHANGES
9
+
10
+ * Add Action Group component, e.g. to wrap Dialog buttons in ([#1592](https://github.com/Amsterdam/design-system/issues/1592))
11
+ * Use inline SVG icon for Radio button ([#1460](https://github.com/Amsterdam/design-system/issues/1460))
12
+ * Remove unnecessary Dialog wrapper ([#1591](https://github.com/Amsterdam/design-system/issues/1591))
13
+ * Remove form from Dialog ([#1582](https://github.com/Amsterdam/design-system/issues/1582))
14
+ * Replace ‘on background’ props with ‘inverseColor’ and ‘contrastColor’ for Link, Link List Link, and Icon Button ([#1448](https://github.com/Amsterdam/design-system/issues/1448))
15
+
16
+ ### Features
7
17
 
18
+ * Add Action Group component, e.g. to wrap Dialog buttons in ([#1592](https://github.com/Amsterdam/design-system/issues/1592)) ([d0ea054](https://github.com/Amsterdam/design-system/commit/d0ea054b98a7f2ee41bd9a8434b76a85e9b8c9f2))
19
+ * Add border to Avatar in forced colors mode ([#1578](https://github.com/Amsterdam/design-system/issues/1578)) ([1f29f35](https://github.com/Amsterdam/design-system/commit/1f29f358ab7b831c502e8fa2cbd284d1853ff6af))
20
+ * Add Breakout component that lets a figure stick out of a Spotlight ([#1397](https://github.com/Amsterdam/design-system/issues/1397)) ([715f4d6](https://github.com/Amsterdam/design-system/commit/715f4d6241353b9b9f1f68dad7b7773b9c618492))
21
+ * Add Hint as component and Label and FieldSet props ([#1499](https://github.com/Amsterdam/design-system/issues/1499)) ([3d86882](https://github.com/Amsterdam/design-system/commit/3d86882f22e4629a17a98cbbf96f03ad56620be9))
22
+ * Add initial Password Input component ([#1449](https://github.com/Amsterdam/design-system/issues/1449)) ([3cc863](https://github.com/Amsterdam/design-system/commit/3cc863ec8f1f2b50f79a426fd41676ab05838768))
23
+ * Add utility functions as methods to Dialog ([#1576](https://github.com/Amsterdam/design-system/issues/1576)) ([f25bc01](https://github.com/Amsterdam/design-system/commit/f25bc016f1cea8c81e4b341af515fcad2f00a416))
24
+ * Allow Button to display an icon without a label ([#1654](https://github.com/Amsterdam/design-system/issues/1654), [#1700](https://github.com/Amsterdam/design-system/issues/1700)) ([2d347b6](https://github.com/Amsterdam/design-system/commit/2d347b654b701cd6cce9182d5b6837960f41b551), [33c4c0e](https://github.com/Amsterdam/design-system/commit/33c4c0edefdf9c785bb828b0c61f0a120d697b02))
25
+ * Image slider ([#1595](https://github.com/Amsterdam/design-system/issues/1595)) ([58e7766](https://github.com/Amsterdam/design-system/commit/58e77661ad99acb5d3f6e10cbfca981345dc8704))
26
+ * Make terms bold instead of descriptions in Description List ([#1693](https://github.com/Amsterdam/design-system/issues/1693)) ([cc8f40e](https://github.com/Amsterdam/design-system/commit/cc8f40e631669a2f3423b7f55b8b129c025efcf9))
27
+ * Replace ‘on background’ props with ‘inverseColor’ and ‘contrastColor’ for Link, Link List Link, and Icon Button ([#1448](https://github.com/Amsterdam/design-system/issues/1448)) ([f5176b1](https://github.com/Amsterdam/design-system/commit/f5176b1e2c85c166fa2b6cb67d11ce0b1f9727a3))
28
+ * Remove form from Dialog ([#1582](https://github.com/Amsterdam/design-system/issues/1582)) ([4fb6e53](https://github.com/Amsterdam/design-system/commit/4fb6e53441f3bae914eb483da2f0537a65273fd2))
29
+ * Remove margin Safari sets on buttons ([#1529](https://github.com/Amsterdam/design-system/issues/1529)) ([2ccc1b](https://github.com/Amsterdam/design-system/commit/2ccc1bc4eba83a49c37213582fae5d9e7ee6fc98))
30
+ * Remove unnecessary Dialog wrapper ([#1591](https://github.com/Amsterdam/design-system/issues/1591)) ([450b0c3](https://github.com/Amsterdam/design-system/commit/450b0c3e9adf5bdd9fb868400e17aaaea4b2c545))
31
+ * Show selected and disabled Tabs in forced colors mode ([#1517](https://github.com/Amsterdam/design-system/issues/1517)) ([339bd1](https://github.com/Amsterdam/design-system/commit/339bd1eff89e095a96be048ea6f6311bbf3e7980))
32
+ * Show Switch in forced colors mode ([#1528](https://github.com/Amsterdam/design-system/issues/1528)) ([302ae7](https://github.com/Amsterdam/design-system/commit/302ae75ecc5de23cbb0f371d169daa9ed0a1a61c))
33
+ * Support various column widths for Description List ([#1697](https://github.com/Amsterdam/design-system/issues/1697)) ([5a98c07](https://github.com/Amsterdam/design-system/commit/5a98c07cad19eea38a2ff299378dc4dc5b80018c))
34
+ * Update spacing in Ordered and Unordered List ([#1632](https://github.com/Amsterdam/design-system/issues/1632)) ([986e023](https://github.com/Amsterdam/design-system/commit/986e023b83007560911724e819f54fb18c97f1dc))
35
+ * Use inline SVG icon for Radio button ([#1460](https://github.com/Amsterdam/design-system/issues/1460)) ([c19055b](https://github.com/Amsterdam/design-system/commit/c19055bd6453ce40ca43b31d599f14ec65d6037a))
36
+
37
+ ## [0.11.1](https://github.com/Amsterdam/design-system/compare/design-system-css-v0.11.0...design-system-css-v0.11.1) (2024-08-29)
8
38
 
9
39
  ### Bug Fixes
10
40
 
@@ -12,7 +42,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
12
42
 
13
43
  ## [0.11.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v0.10.0...design-system-css-v0.11.0) (2024-07-25)
14
44
 
15
-
16
45
  ### ⚠ BREAKING CHANGES
17
46
 
18
47
  * Apply default gap in Row and Column without extra class ([#1422](https://github.com/Amsterdam/design-system/issues/1422))
@@ -36,7 +65,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
36
65
  * Rename Form Field Character Counter to Character Count ([#1363](https://github.com/Amsterdam/design-system/issues/1363)) ([a5299db](https://github.com/Amsterdam/design-system/commit/a5299dbfb3659bada5565893be63f615b511c0ee))
37
66
  * Use flexbox and regular space in Column as we do in Row ([#1388](https://github.com/Amsterdam/design-system/issues/1388)) ([86d693c](https://github.com/Amsterdam/design-system/commit/86d693cf75be205cd096abe339cdd3f97e9b1a2f))
38
67
 
39
-
40
68
  ### Bug Fixes
41
69
 
42
70
  * Change CSS classes for Heading level for consistency with token names ([#1355](https://github.com/Amsterdam/design-system/issues/1355)) ([7c34bbe](https://github.com/Amsterdam/design-system/commit/7c34bbea69b377b8e5efffd169374d383cddc54b))
@@ -44,7 +72,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
44
72
 
45
73
  ## [0.10.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v0.9.0...design-system-css-v0.10.0) (2024-06-28)
46
74
 
47
-
48
75
  ### ⚠ BREAKING CHANGES
49
76
 
50
77
  * Allow additional background colours for Avatar and remove dark blue option ([#1257](https://github.com/Amsterdam/design-system/issues/1257))
@@ -59,7 +86,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
59
86
  * Change values for tall, wide, and extra wide aspect ratios ([#1254](https://github.com/Amsterdam/design-system/issues/1254)) ([478508a](https://github.com/Amsterdam/design-system/commit/478508a758f311b89dfb8214813b25e50d875ff0))
60
87
  * Rename title props for Alert, Header and Dialog and require it for Dialog ([#1251](https://github.com/Amsterdam/design-system/issues/1251)) ([bbec4de](https://github.com/Amsterdam/design-system/commit/bbec4de523bebb4d8187e713d4d79af228953674))
61
88
 
62
-
63
89
  ### Bug Fixes
64
90
 
65
91
  * Fix FieldSet float issue ([#1268](https://github.com/Amsterdam/design-system/issues/1268)) ([5593916](https://github.com/Amsterdam/design-system/commit/5593916904db612f4dfa1c5d02c88add35d0103a))
@@ -67,7 +93,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
67
93
 
68
94
  ## [0.9.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v0.8.0...design-system-css-v0.9.0) (2024-06-05)
69
95
 
70
-
71
96
  ### ⚠ BREAKING CHANGES
72
97
 
73
98
  * Disallow directional style rules ([#1245](https://github.com/Amsterdam/design-system/issues/1245))
@@ -93,7 +118,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
93
118
  * Use invalid prop for most inputs ([#1240](https://github.com/Amsterdam/design-system/issues/1240)) ([9477186](https://github.com/Amsterdam/design-system/commit/9477186b8432d6d20991e93d92c64a4357d6f391))
94
119
  * Use logical properties for Search Field, Select, Text Area and Text Input ([#1226](https://github.com/Amsterdam/design-system/issues/1226)) ([4471c7a](https://github.com/Amsterdam/design-system/commit/4471c7a154e9f1f31dd92298f932f4bbc134dbf9))
95
120
 
96
-
97
121
  ### Bug Fixes
98
122
 
99
123
  * Disallow directional style rules ([#1245](https://github.com/Amsterdam/design-system/issues/1245)) ([8ab6f81](https://github.com/Amsterdam/design-system/commit/8ab6f81d4cbcdb75b7acb986a145d49ccd1895c8))
@@ -103,7 +127,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
103
127
 
104
128
  ## [0.8.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v0.7.1...design-system-css-v0.8.0) (2024-04-22)
105
129
 
106
-
107
130
  ### ⚠ BREAKING CHANGES
108
131
 
109
132
  * Rename Form Label to Label ([#1201](https://github.com/Amsterdam/design-system/issues/1201))
@@ -124,27 +147,23 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
124
147
  * Set explicit white background on text fields ([#1200](https://github.com/Amsterdam/design-system/issues/1200)) ([e22d48e](https://github.com/Amsterdam/design-system/commit/e22d48eae8994eb370e3edef38a0ca1e015925bf))
125
148
  * Time input component ([#1202](https://github.com/Amsterdam/design-system/issues/1202)) ([ccec68e](https://github.com/Amsterdam/design-system/commit/ccec68efafa02d5f9ac9bd4abea6c5e7cb72d556))
126
149
 
127
-
128
150
  ### Bug Fixes
129
151
 
130
152
  * Fix SearchField styling on Safari on iOS ([#1203](https://github.com/Amsterdam/design-system/issues/1203)) ([eb05fff](https://github.com/Amsterdam/design-system/commit/eb05fff8295af3c59ef584700e3c1bc06da0c924))
131
153
 
132
154
  ## [0.7.1](https://github.com/Amsterdam/design-system/compare/design-system-css-v0.7.0...design-system-css-v0.7.1) (2024-03-22)
133
155
 
134
-
135
156
  ### Features
136
157
 
137
158
  * Add Avatar component ([#1134](https://github.com/Amsterdam/design-system/issues/1134)) ([8dec2cf](https://github.com/Amsterdam/design-system/commit/8dec2cff8f7885ccb163774c0dc979fb2c781256))
138
159
  * Add Form Field Character Counter ([#1114](https://github.com/Amsterdam/design-system/issues/1114)) ([779ae8c](https://github.com/Amsterdam/design-system/commit/779ae8c9764b23508ffbfb38c6dc2f7a7c1cbd28))
139
160
 
140
-
141
161
  ### Bug Fixes
142
162
 
143
163
  * Use semantic Heading for the title of a Dialog ([#1123](https://github.com/Amsterdam/design-system/issues/1123)) ([0493fd8](https://github.com/Amsterdam/design-system/commit/0493fd87587d36a83bb7aa9cbb69b8debf5d66f0))
144
164
 
145
165
  ## [0.7.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v0.6.1...design-system-css-v0.7.0) (2024-03-12)
146
166
 
147
-
148
167
  ### ⚠ BREAKING CHANGES
149
168
 
150
169
  * Shorten namespaces in theme and tokens ([#1125](https://github.com/Amsterdam/design-system/issues/1125))
@@ -155,14 +174,12 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
155
174
 
156
175
  ## [0.6.1](https://github.com/Amsterdam/design-system/compare/design-system-css-v0.6.0...design-system-css-v0.6.1) (2024-03-11)
157
176
 
158
-
159
177
  ### Bug Fixes
160
178
 
161
179
  * Button fixes ([#1122](https://github.com/Amsterdam/design-system/issues/1122)) ([b5a9504](https://github.com/Amsterdam/design-system/commit/b5a950491f46710d92526ce6012f7d76992a569f))
162
180
 
163
181
  ## [0.6.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v0.5.0...design-system-css-v0.6.0) (2024-03-08)
164
182
 
165
-
166
183
  ### ⚠ BREAKING CHANGES
167
184
 
168
185
  * Rename ‘header logo’ to ‘header logo link’ and add missing token for outline offset ([#1108](https://github.com/Amsterdam/design-system/issues/1108))
@@ -187,14 +204,12 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
187
204
  * Rename ‘header logo’ to ‘header logo link’ and add missing token for outline offset ([#1108](https://github.com/Amsterdam/design-system/issues/1108)) ([f87e834](https://github.com/Amsterdam/design-system/commit/f87e8345ec900ab08941d5d7ab40f8abd16a569a))
188
205
  * Use spacing tokens in Grid component ([#1089](https://github.com/Amsterdam/design-system/issues/1089)) ([b55f0a3](https://github.com/Amsterdam/design-system/commit/b55f0a3b64dcfb660a878ade75033a1dd835ac2d))
189
206
 
190
-
191
207
  ### Bug Fixes
192
208
 
193
209
  * Remove whitespace at the right end of dialog content ([#1091](https://github.com/Amsterdam/design-system/issues/1091)) ([23e1253](https://github.com/Amsterdam/design-system/commit/23e1253e38bba8ac85ebbd696af37742d1c1a02d))
194
210
 
195
211
  ## [0.5.0](https://github.com/Amsterdam/design-system/compare/@amsterdam/design-system-css@0.4.0...design-system-css-v0.5.0) (2024-02-09)
196
212
 
197
-
198
213
  ### ⚠ BREAKING CHANGES
199
214
 
200
215
  * Add theme setup and compact theme ([#1067](https://github.com/Amsterdam/design-system/issues/1067))
@@ -208,7 +223,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
208
223
  * Hyphenate headings and other large text components ([#1056](https://github.com/Amsterdam/design-system/issues/1056)) ([f875171](https://github.com/Amsterdam/design-system/commit/f8751716018d4ed269a086e1764741ad29714fa0))
209
224
  * Remove deprecated `inList` variant of Link ([#1064](https://github.com/Amsterdam/design-system/issues/1064)) ([b30784b](https://github.com/Amsterdam/design-system/commit/b30784b352b4a057069ceb397951b79a6e2547f2))
210
225
 
211
-
212
226
  ## [0.4.0](https://github.com/Amsterdam/design-system/compare/@amsterdam/design-system-css@0.3.0...@amsterdam/design-system-css@0.4.0) (2024-01-31)
213
227
 
214
228
  ### ⚠ BREAKING CHANGES
package/README.md CHANGED
@@ -1,72 +1,101 @@
1
1
  <!-- @license CC0-1.0 -->
2
2
 
3
- # CSS Components
3
+ # Amsterdam Design System: CSS components
4
4
 
5
- CSS components are developed using BEM class names and the stylesheets can be included in your page without side-effects.
6
- Apply the class names to your elements to make them stylable using design tokens.
5
+ This package provides stylesheets for all components in the [Amsterdam Design System](https://designsystem.amsterdam) and some general utilities.
6
+ Use it to apply the visual design of the City of Amsterdam to your HTML elements or non-React components.
7
7
 
8
- `npm install @amsterdam/design-system-css`
8
+ ## Introduction
9
9
 
10
- Theoretically you can include the components in your HTML page like so, but this is not the typical use case of this library:
10
+ We publish our components stylesheets as a separate package to help replicating them in other libraries, platforms, or Saas-applications.
11
+ The classes are a contract between the component’s definition and its implementations and they facilitate ongoing upgrades.
12
+
13
+ Our [React components](https://www.npmjs.com/package/@amsterdam/design-system-react) use these classes in the HTML they render.
14
+ You should use that package if your application uses React.
15
+
16
+ ## Installation
17
+
18
+ The stylesheets reference our [design tokens](https://www.npmjs.com/package/@amsterdam/design-system-tokens).
19
+ Both packages need to be installed.
20
+
21
+ ```sh
22
+ npm install @amsterdam/design-system-css @amsterdam/design-system-tokens
23
+ ```
24
+
25
+ ## Usage
26
+
27
+ The set of classes for a component can be seen as a blueprint for its markup and features.
28
+ An `.ams-component` root selector applies the essential styles of the component to its element, and additional classes like `.ams-component--variant` modify its appearance or behaviour.
29
+
30
+ The classes employ the [naming convention of NL Design System](https://nldesignsystem.nl/handboek/developer/architectuur#bem-class-names-voor-css).
31
+ Other communities only need to overwrite design tokens to use our components with their branding.
32
+
33
+ ### In JavaScript
34
+
35
+ Import the main stylesheet and use the class names in your markup.
36
+
37
+ <!-- prettier-ignore -->
38
+ ```ts
39
+ import "@amsterdam/design-system-assets/font/index.css"
40
+ import "@amsterdam/design-system-css/dist/index.css"
41
+ import "@amsterdam/design-system-tokens/dist/index.css"
42
+
43
+ export const App = () => (
44
+ <p className="ams-paragraph">Hello, world!</p>
45
+ )
46
+ ```
47
+
48
+ ### In HTML
49
+
50
+ Although it is not a typical use case, the stylesheet can be included in an HTML page directly.
11
51
 
12
52
  ```html
13
53
  <!doctype html>
14
54
  <html lang="en">
15
55
  <head>
16
- <title>Example page</title>
17
- <link rel="stylesheet" href="node_modules/@amsterdam/design-system-css" />
56
+ <link rel="stylesheet" href="node_modules/@amsterdam/design-system-assets/font/index.css" />
57
+ <link rel="stylesheet" href="node_modules/@amsterdam/design-system-css/dist/index.css" />
58
+ <link rel="stylesheet" href="node_modules/@amsterdam/design-system-tokens/dist/index.css" />
18
59
  </head>
19
- <body>
60
+ <body class="ams-body">
20
61
  <p class="ams-paragraph">Hello, world!</p>
21
62
  </body>
22
63
  </html>
23
64
  ```
24
65
 
25
- The BEM class names can be particularly useful to include only the CSS you need using [CSS modules](https://css-tricks.com/css-modules-part-1-need/) ([in React](https://css-tricks.com/css-modules-part-3-react/)).
26
-
27
- ```js
28
- import React from "react";
29
- import style from "@amsterdam/design-system-css";
30
-
31
- export default class ExamplePage extends React.Component {
32
- render() {
33
- return (
34
- <>
35
- <p className={btn["ams-paragraph"]}>Hello, world!</p>
36
- </>
37
- );
38
- }
39
- }
40
- ```
41
-
42
- ## Compact mode
66
+ ### Compact mode
43
67
 
44
- For applications, the large text and ample white space of the theme can be counterproductive.
45
- That’s why there is a compact mode.
46
- To use the compact mode, import the compact css **after** theme css, like so:
68
+ [Load the compact tokens](https://github.com/Amsterdam/design-system/blob/main/proprietary/tokens/README.md) to use the compact appearance of the design system, e.g. for applications.
69
+ They override the spacious ones; the stylesheets can remain unchanged.
47
70
 
48
- ```javascript
49
- import "@amsterdam/design-system-tokens/dist/index.css";
50
- import "@amsterdam/design-system-tokens/dist/compact.css";
51
- ```
52
-
53
- ## Global styles
71
+ ### Global styles
54
72
 
55
73
  Some elements of your document are out of reach for the Design System components.
56
74
  However, their styles can influence the appearance of the components.
57
75
 
58
- ### Base font size
76
+ #### Keep the base font size
59
77
 
60
78
  Do not change the base font-size – e.g. through `html { font-size: 62.5% }`.
61
79
  Out typography system expects `1rem` to be the browser default of 16 pixels.
62
80
 
63
- If your application does use a rule like this and you can’t easily remove it, adopt the Design System components gradually by setting `font-size: 100%` on the parts that use them.
81
+ If you can’t easily remove such an approach from your application, adopt the Design System components gradually by setting `font-size: 100%` on elements that use them.
64
82
 
65
- ### Remove body margin
83
+ #### Remove the body margin
66
84
 
67
85
  If you haven’t removed the margin on the `<body>` element that browsers set by default, you can add our `ams-body` class to it to do so.
68
86
 
69
- ### Use our extra bold font weight
87
+ #### Use extra bold text
70
88
 
71
89
  We only use the regular and extra bold weights of our font, Amsterdam Sans.
72
- Apply `font-weight: var(--ams-text-font-weight-bold)` to elements that display bold text, e.g. `b`, `strong`, and `dt`.
90
+ Apply `font-weight: var(--ams-text-font-weight-bold)` to elements that display bold text like `b`, `strong`, and `dt`.
91
+
92
+ ## Updating
93
+
94
+ We follow semantic versioning and publish a [change log](https://github.com/Amsterdam/design-system/blob/main/packages/css/CHANGELOG.md) to guide you through updates.
95
+ The classes are a public API of the design system.
96
+ Note that detecting changed or deleted classes is still a manual process.
97
+
98
+ ## Support
99
+
100
+ Contact us if you have a question, find an issue, or want to contribute.
101
+ Find ways to reach us on [designsystem.amsterdam](https://designsystem.amsterdam/?path=/docs/docs-introduction--docs#send-a-message).
@@ -1 +1 @@
1
- .ams-accordion{display:flex;flex-direction:column;gap:var(--ams-accordion-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-accordion__header{display:flex;margin-block:0;margin-inline:0}.ams-accordion__button{background-color:rgba(0,0,0,0);border:0;color:var(--ams-accordion-button-color);cursor:pointer;display:flex;font-family:var(--ams-accordion-button-font-family);font-size:var(--ams-accordion-button-font-size);font-weight:var(--ams-accordion-button-font-weight);gap:var(--ams-accordion-button-gap);inline-size:100%;line-height:var(--ams-accordion-button-line-height);padding-block:var(--ams-accordion-button-padding-block);padding-inline:var(--ams-accordion-button-padding-inline);text-align:start}.ams-accordion__button:focus{outline-offset:var(--ams-accordion-button-focus-outline-offset)}.ams-accordion__button:hover{color:var(--ams-accordion-button-hover-color)}.ams-accordion__icon svg{rotate:0deg;transition:none}[aria-expanded=true] .ams-accordion__icon svg{rotate:-180deg}@media not (prefers-reduced-motion){.ams-accordion__icon svg{transition:rotate .3s ease}}.ams-accordion__button[aria-expanded=true] svg{rotate:-180deg}.ams-accordion__panel{display:none;padding-block:var(--ams-accordion-panel-padding-block);padding-inline:var(--ams-accordion-panel-padding-inline)}.ams-accordion__panel--expanded{display:block}/*# sourceMappingURL=accordion.css.map */
1
+ .ams-accordion{display:flex;flex-direction:column;gap:var(--ams-accordion-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-accordion__header{display:flex;margin-block:0;margin-inline:0}.ams-accordion__button{background-color:rgba(0,0,0,0);color:var(--ams-accordion-button-color);cursor:pointer;display:flex;font-family:var(--ams-accordion-button-font-family);font-size:var(--ams-accordion-button-font-size);font-weight:var(--ams-accordion-button-font-weight);gap:var(--ams-accordion-button-gap);inline-size:100%;line-height:var(--ams-accordion-button-line-height);padding-block:var(--ams-accordion-button-padding-block);padding-inline:var(--ams-accordion-button-padding-inline);text-align:start;border:0;margin-block:0;margin-inline:0}.ams-accordion__button:focus{outline-offset:var(--ams-accordion-button-focus-outline-offset)}.ams-accordion__button:hover{color:var(--ams-accordion-button-hover-color)}.ams-accordion__icon svg{rotate:0deg;transition:none}[aria-expanded=true] .ams-accordion__icon svg{rotate:-180deg}@media not (prefers-reduced-motion){.ams-accordion__icon svg{transition:rotate .3s ease}}.ams-accordion__button[aria-expanded=true] svg{rotate:-180deg}.ams-accordion__panel{display:none;padding-block:var(--ams-accordion-panel-padding-block);padding-inline:var(--ams-accordion-panel-padding-inline)}.ams-accordion__panel--expanded{display:block}/*# sourceMappingURL=accordion.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/accordion/accordion.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAOA,eACE,aACA,sBACA,+DCCA,2BACA,8BACA,sBDEF,uBACE,aACA,eACA,gBAGF,uBACE,+BACA,SACA,wCACA,eACA,aACA,oDACA,gDACA,oDACA,oCACA,iBACA,oDACA,wDACA,0DACA,iBAEA,6BACE,gEAGF,6BACE,8CAIJ,yBACE,YACA,gBAEA,8CACE,eAGF,oCARF,yBASI,4BAIJ,+CACE,eAGF,sBACE,aACA,uDACA,yDAGF,gCACE","file":"accordion.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/accordion/accordion.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAOA,eACE,aACA,sBACA,+DCCA,2BACA,8BACA,sBDEF,uBACE,aACA,eACA,gBAWF,uBACE,+BACA,wCACA,eACA,aACA,oDACA,gDACA,oDACA,oCACA,iBACA,oDACA,wDACA,0DACA,iBApBA,SACA,eACA,gBAsBA,6BACE,gEAGF,6BACE,8CAIJ,yBACE,YACA,gBAEA,8CACE,eAGF,oCARF,yBASI,4BAIJ,+CACE,eAGF,sBACE,aACA,uDACA,yDAGF,gCACE","file":"accordion.css"}
@@ -0,0 +1 @@
1
+ .ams-action-group{align-items:baseline;display:inline-flex;flex-wrap:wrap;gap:var(--ams-action-group-gap)}.ams-action-group>*{flex:auto}/*# sourceMappingURL=action-group.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/action-group/action-group.scss"],"names":[],"mappings":"AAKA,kBACE,qBACA,oBACA,eACA,gCAEA,oBACE","file":"action-group.css"}
@@ -1 +1 @@
1
- .ams-avatar{aspect-ratio:var(--ams-avatar-aspect-ratio);border-radius:50%;display:inline-flex;font-family:var(--ams-avatar-font-family);font-size:var(--ams-avatar-font-size);inline-size:calc(var(--ams-avatar-line-height)*var(--ams-avatar-font-size));line-height:var(--ams-avatar-line-height);padding-block:var(--ams-avatar-padding-block);padding-inline:var(--ams-avatar-padding-inline);place-content:center}.ams-avatar svg{fill:currentColor}.ams-avatar--has-image{inline-size:calc(var(--ams-avatar-line-height)*var(--ams-avatar-font-size) + 2*var(--ams-avatar-padding-inline));overflow:hidden;padding-block:0;padding-inline:0;vertical-align:middle}.ams-avatar--black{background-color:var(--ams-avatar-black-background-color);color:var(--ams-avatar-black-color)}.ams-avatar--blue{background-color:var(--ams-avatar-blue-background-color);color:var(--ams-avatar-blue-color)}.ams-avatar--dark-green{background-color:var(--ams-avatar-dark-green-background-color);color:var(--ams-avatar-dark-green-color)}.ams-avatar--green{background-color:var(--ams-avatar-green-background-color);color:var(--ams-avatar-green-color)}.ams-avatar--grey-1{background-color:var(--ams-avatar-grey-1-background-color);color:var(--ams-avatar-grey-1-color)}.ams-avatar--grey-2{background-color:var(--ams-avatar-grey-2-background-color);color:var(--ams-avatar-grey-2-color)}.ams-avatar--grey-3{background-color:var(--ams-avatar-grey-3-background-color);color:var(--ams-avatar-grey-3-color)}.ams-avatar--light-blue{background-color:var(--ams-avatar-light-blue-background-color);color:var(--ams-avatar-light-blue-color)}.ams-avatar--magenta{background-color:var(--ams-avatar-magenta-background-color);color:var(--ams-avatar-magenta-color)}.ams-avatar--orange{background-color:var(--ams-avatar-orange-background-color);color:var(--ams-avatar-orange-color)}.ams-avatar--purple{background-color:var(--ams-avatar-purple-background-color);color:var(--ams-avatar-purple-color)}.ams-avatar--red{background-color:var(--ams-avatar-red-background-color);color:var(--ams-avatar-red-color)}.ams-avatar--white{background-color:var(--ams-avatar-white-background-color);color:var(--ams-avatar-white-color)}.ams-avatar--yellow{background-color:var(--ams-avatar-yellow-background-color);color:var(--ams-avatar-yellow-color)}/*# sourceMappingURL=avatar.css.map */
1
+ .ams-avatar{aspect-ratio:var(--ams-avatar-aspect-ratio);border-radius:50%;display:inline-flex;font-family:var(--ams-avatar-font-family);font-size:var(--ams-avatar-font-size);inline-size:calc(var(--ams-avatar-line-height)*var(--ams-avatar-font-size));line-height:var(--ams-avatar-line-height);padding-block:var(--ams-avatar-padding-block);padding-inline:var(--ams-avatar-padding-inline);place-content:center}.ams-avatar svg{fill:currentColor}@media(forced-colors: active){.ams-avatar:not(.ams-avatar--has-image){border-style:solid;border-width:var(--ams-avatar-forced-colors-border-width);padding-block:calc(var(--ams-avatar-padding-block) - var(--ams-avatar-forced-colors-border-width));padding-inline:calc(var(--ams-avatar-padding-inline) - var(--ams-avatar-forced-colors-border-width))}}.ams-avatar--has-image{inline-size:calc(var(--ams-avatar-line-height)*var(--ams-avatar-font-size) + 2*var(--ams-avatar-padding-inline));overflow:hidden;padding-block:0;padding-inline:0;vertical-align:middle}.ams-avatar--black{background-color:var(--ams-avatar-black-background-color);color:var(--ams-avatar-black-color)}.ams-avatar--blue{background-color:var(--ams-avatar-blue-background-color);color:var(--ams-avatar-blue-color)}.ams-avatar--dark-green{background-color:var(--ams-avatar-dark-green-background-color);color:var(--ams-avatar-dark-green-color)}.ams-avatar--green{background-color:var(--ams-avatar-green-background-color);color:var(--ams-avatar-green-color)}.ams-avatar--grey-1{background-color:var(--ams-avatar-grey-1-background-color);color:var(--ams-avatar-grey-1-color)}.ams-avatar--grey-2{background-color:var(--ams-avatar-grey-2-background-color);color:var(--ams-avatar-grey-2-color)}.ams-avatar--grey-3{background-color:var(--ams-avatar-grey-3-background-color);color:var(--ams-avatar-grey-3-color)}.ams-avatar--light-blue{background-color:var(--ams-avatar-light-blue-background-color);color:var(--ams-avatar-light-blue-color)}.ams-avatar--magenta{background-color:var(--ams-avatar-magenta-background-color);color:var(--ams-avatar-magenta-color)}.ams-avatar--orange{background-color:var(--ams-avatar-orange-background-color);color:var(--ams-avatar-orange-color)}.ams-avatar--purple{background-color:var(--ams-avatar-purple-background-color);color:var(--ams-avatar-purple-color)}.ams-avatar--red{background-color:var(--ams-avatar-red-background-color);color:var(--ams-avatar-red-color)}.ams-avatar--white{background-color:var(--ams-avatar-white-background-color);color:var(--ams-avatar-white-color)}.ams-avatar--yellow{background-color:var(--ams-avatar-yellow-background-color);color:var(--ams-avatar-yellow-color)}/*# sourceMappingURL=avatar.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/avatar/avatar.scss"],"names":[],"mappings":"AAKA,YACE,4CACA,kBACA,oBACA,0CACA,sCACA,4EACA,0CACA,8CACA,gDACA,qBAEA,gBACE,kBAIJ,uBACE,iHACA,gBACA,gBACA,iBACA,sBAGF,mBACE,0DACA,oCAGF,kBACE,yDACA,mCAGF,wBACE,+DACA,yCAGF,mBACE,0DACA,oCAGF,oBACE,2DACA,qCAGF,oBACE,2DACA,qCAGF,oBACE,2DACA,qCAGF,wBACE,+DACA,yCAGF,qBACE,4DACA,sCAGF,oBACE,2DACA,qCAGF,oBACE,2DACA,qCAGF,iBACE,wDACA,kCAGF,mBACE,0DACA,oCAGF,oBACE,2DACA","file":"avatar.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/avatar/avatar.scss"],"names":[],"mappings":"AAKA,YACE,4CACA,kBACA,oBACA,0CACA,sCACA,4EACA,0CACA,8CACA,gDACA,qBAEA,gBACE,kBAKF,8BADF,wCAEI,mBACA,0DACA,mGACA,sGAIJ,uBACE,iHACA,gBACA,gBACA,iBACA,sBAGF,mBACE,0DACA,oCAGF,kBACE,yDACA,mCAGF,wBACE,+DACA,yCAGF,mBACE,0DACA,oCAGF,oBACE,2DACA,qCAGF,oBACE,2DACA,qCAGF,oBACE,2DACA,qCAGF,wBACE,+DACA,yCAGF,qBACE,4DACA,sCAGF,oBACE,2DACA,qCAGF,oBACE,2DACA,qCAGF,iBACE,wDACA,kCAGF,mBACE,0DACA,oCAGF,oBACE,2DACA","file":"avatar.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/blockquote/blockquote.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"CAcA,gBACE,mBACA,kCACA,8CACA,0CACA,8CACA,8CACA,eCfA,mEACA,uCACA,mDCEA,kCACA,2BACA,8BACA,sBFJA,sBACA,eACA,gBAYA,wBACE,mBAGF,uBACE,oBAQJ,+BACE","file":"blockquote.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/blockquote/blockquote.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"CAcA,gBACE,mBACA,kCACA,8CACA,0CACA,8CACA,8CACA,eCfA,mEACA,uCACA,mDCEA,kCACA,2BACA,8BACA,sBFJA,sBACA,eACA,gBAgBA,wBACE,mBAGF,uBACE,oBAIJ,+BACE","file":"blockquote.css"}
@@ -0,0 +1 @@
1
+ .ams-grid{column-gap:var(--ams-grid-column-gap);display:grid;grid-template-columns:repeat(var(--ams-grid-column-count), 1fr);padding-inline:var(--ams-grid-padding-inline);row-gap:var(--ams-grid-row-gap-md)}@media screen and (min-width: 36rem){.ams-grid{grid-template-columns:repeat(var(--ams-grid-medium-column-count), 1fr)}}@media screen and (min-width: 68rem){.ams-grid{grid-template-columns:repeat(var(--ams-grid-wide-column-count), 1fr)}}.ams-grid--gap-vertical--none{row-gap:initial}.ams-grid--gap-vertical--small{row-gap:var(--ams-grid-row-gap-sm)}.ams-grid--gap-vertical--large{row-gap:var(--ams-grid-row-gap-lg)}.ams-grid--padding-bottom--small{padding-block-end:var(--ams-grid-padding-block-sm)}.ams-grid--padding-bottom--medium{padding-block-end:var(--ams-grid-padding-block-md)}.ams-grid--padding-bottom--large{padding-block-end:var(--ams-grid-padding-block-lg)}.ams-grid--padding-top--small{padding-block-start:var(--ams-grid-padding-block-sm)}.ams-grid--padding-top--medium{padding-block-start:var(--ams-grid-padding-block-md)}.ams-grid--padding-top--large{padding-block-start:var(--ams-grid-padding-block-lg)}.ams-grid--padding-vertical--small{padding-block:var(--ams-grid-padding-block-sm)}.ams-grid--padding-vertical--medium{padding-block:var(--ams-grid-padding-block-md)}.ams-grid--padding-vertical--large{padding-block:var(--ams-grid-padding-block-lg)}.ams-grid__cell--span-all{grid-column:1/-1}.ams-grid__cell--span-1{grid-column-end:span 1}.ams-grid__cell--start-1{grid-column-start:1}.ams-grid__cell--span-2{grid-column-end:span 2}.ams-grid__cell--start-2{grid-column-start:2}.ams-grid__cell--span-3{grid-column-end:span 3}.ams-grid__cell--start-3{grid-column-start:3}.ams-grid__cell--span-4{grid-column-end:span 4}.ams-grid__cell--start-4{grid-column-start:4}.ams-grid__cell--span-5{grid-column-end:span 5}.ams-grid__cell--start-5{grid-column-start:5}.ams-grid__cell--span-6{grid-column-end:span 6}.ams-grid__cell--start-6{grid-column-start:6}.ams-grid__cell--span-7{grid-column-end:span 7}.ams-grid__cell--start-7{grid-column-start:7}.ams-grid__cell--span-8{grid-column-end:span 8}.ams-grid__cell--start-8{grid-column-start:8}.ams-grid__cell--span-9{grid-column-end:span 9}.ams-grid__cell--start-9{grid-column-start:9}.ams-grid__cell--span-10{grid-column-end:span 10}.ams-grid__cell--start-10{grid-column-start:10}.ams-grid__cell--span-11{grid-column-end:span 11}.ams-grid__cell--start-11{grid-column-start:11}.ams-grid__cell--span-12{grid-column-end:span 12}.ams-grid__cell--start-12{grid-column-start:12}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-1-medium{grid-column-end:span 1}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-1-medium{grid-column-start:1}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-2-medium{grid-column-end:span 2}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-2-medium{grid-column-start:2}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-3-medium{grid-column-end:span 3}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-3-medium{grid-column-start:3}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-4-medium{grid-column-end:span 4}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-4-medium{grid-column-start:4}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-5-medium{grid-column-end:span 5}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-5-medium{grid-column-start:5}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-6-medium{grid-column-end:span 6}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-6-medium{grid-column-start:6}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-7-medium{grid-column-end:span 7}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-7-medium{grid-column-start:7}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-8-medium{grid-column-end:span 8}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-8-medium{grid-column-start:8}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-9-medium{grid-column-end:span 9}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-9-medium{grid-column-start:9}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-10-medium{grid-column-end:span 10}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-10-medium{grid-column-start:10}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-11-medium{grid-column-end:span 11}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-11-medium{grid-column-start:11}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-12-medium{grid-column-end:span 12}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-12-medium{grid-column-start:12}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-1-wide{grid-column-end:span 1}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-1-wide{grid-column-start:1}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-2-wide{grid-column-end:span 2}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-2-wide{grid-column-start:2}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-3-wide{grid-column-end:span 3}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-3-wide{grid-column-start:3}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-4-wide{grid-column-end:span 4}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-4-wide{grid-column-start:4}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-5-wide{grid-column-end:span 5}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-5-wide{grid-column-start:5}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-6-wide{grid-column-end:span 6}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-6-wide{grid-column-start:6}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-7-wide{grid-column-end:span 7}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-7-wide{grid-column-start:7}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-8-wide{grid-column-end:span 8}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-8-wide{grid-column-start:8}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-9-wide{grid-column-end:span 9}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-9-wide{grid-column-start:9}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-10-wide{grid-column-end:span 10}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-10-wide{grid-column-start:10}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-11-wide{grid-column-end:span 11}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-11-wide{grid-column-start:11}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-12-wide{grid-column-end:span 12}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-12-wide{grid-column-start:12}}.ams-breakout{column-gap:var(--ams-grid-column-gap);display:grid;grid-template-columns:repeat(var(--ams-grid-column-count), 1fr);padding-inline:var(--ams-grid-padding-inline);row-gap:var(--ams-grid-row-gap-md)}@media screen and (min-width: 36rem){.ams-breakout{grid-template-columns:repeat(var(--ams-grid-medium-column-count), 1fr)}}@media screen and (min-width: 68rem){.ams-breakout{grid-template-columns:repeat(var(--ams-grid-wide-column-count), 1fr)}}.ams-breakout--gap-vertical--none{row-gap:initial}.ams-breakout--gap-vertical--small{row-gap:var(--ams-grid-row-gap-sm)}.ams-breakout--gap-vertical--large{row-gap:var(--ams-grid-row-gap-lg)}.ams-breakout--padding-bottom--small{padding-block-end:var(--ams-grid-padding-block-sm)}.ams-breakout--padding-bottom--medium{padding-block-end:var(--ams-grid-padding-block-md)}.ams-breakout--padding-bottom--large{padding-block-end:var(--ams-grid-padding-block-lg)}.ams-breakout--padding-top--small{padding-block-start:var(--ams-grid-padding-block-sm)}.ams-breakout--padding-top--medium{padding-block-start:var(--ams-grid-padding-block-md)}.ams-breakout--padding-top--large{padding-block-start:var(--ams-grid-padding-block-lg)}.ams-breakout--padding-vertical--small{padding-block:var(--ams-grid-padding-block-sm)}.ams-breakout--padding-vertical--medium{padding-block:var(--ams-grid-padding-block-md)}.ams-breakout--padding-vertical--large{padding-block:var(--ams-grid-padding-block-lg)}.ams-breakout__cell--col-span-all{grid-column:1/-1}.ams-breakout__cell--col-span-1{grid-column-end:span 1}.ams-breakout__cell--col-start-1{grid-column-start:1}.ams-breakout__cell--col-span-2{grid-column-end:span 2}.ams-breakout__cell--col-start-2{grid-column-start:2}.ams-breakout__cell--col-span-3{grid-column-end:span 3}.ams-breakout__cell--col-start-3{grid-column-start:3}.ams-breakout__cell--col-span-4{grid-column-end:span 4}.ams-breakout__cell--col-start-4{grid-column-start:4}.ams-breakout__cell--col-span-5{grid-column-end:span 5}.ams-breakout__cell--col-start-5{grid-column-start:5}.ams-breakout__cell--col-span-6{grid-column-end:span 6}.ams-breakout__cell--col-start-6{grid-column-start:6}.ams-breakout__cell--col-span-7{grid-column-end:span 7}.ams-breakout__cell--col-start-7{grid-column-start:7}.ams-breakout__cell--col-span-8{grid-column-end:span 8}.ams-breakout__cell--col-start-8{grid-column-start:8}.ams-breakout__cell--col-span-9{grid-column-end:span 9}.ams-breakout__cell--col-start-9{grid-column-start:9}.ams-breakout__cell--col-span-10{grid-column-end:span 10}.ams-breakout__cell--col-start-10{grid-column-start:10}.ams-breakout__cell--col-span-11{grid-column-end:span 11}.ams-breakout__cell--col-start-11{grid-column-start:11}.ams-breakout__cell--col-span-12{grid-column-end:span 12}.ams-breakout__cell--col-start-12{grid-column-start:12}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-1-medium{grid-column-end:span 1}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-1-medium{grid-column-start:1}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-2-medium{grid-column-end:span 2}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-2-medium{grid-column-start:2}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-3-medium{grid-column-end:span 3}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-3-medium{grid-column-start:3}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-4-medium{grid-column-end:span 4}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-4-medium{grid-column-start:4}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-5-medium{grid-column-end:span 5}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-5-medium{grid-column-start:5}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-6-medium{grid-column-end:span 6}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-6-medium{grid-column-start:6}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-7-medium{grid-column-end:span 7}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-7-medium{grid-column-start:7}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-8-medium{grid-column-end:span 8}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-8-medium{grid-column-start:8}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-9-medium{grid-column-end:span 9}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-9-medium{grid-column-start:9}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-10-medium{grid-column-end:span 10}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-10-medium{grid-column-start:10}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-11-medium{grid-column-end:span 11}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-11-medium{grid-column-start:11}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-12-medium{grid-column-end:span 12}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-12-medium{grid-column-start:12}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-1-wide{grid-column-end:span 1}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-1-wide{grid-column-start:1}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-2-wide{grid-column-end:span 2}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-2-wide{grid-column-start:2}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-3-wide{grid-column-end:span 3}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-3-wide{grid-column-start:3}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-4-wide{grid-column-end:span 4}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-4-wide{grid-column-start:4}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-5-wide{grid-column-end:span 5}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-5-wide{grid-column-start:5}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-6-wide{grid-column-end:span 6}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-6-wide{grid-column-start:6}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-7-wide{grid-column-end:span 7}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-7-wide{grid-column-start:7}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-8-wide{grid-column-end:span 8}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-8-wide{grid-column-start:8}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-9-wide{grid-column-end:span 9}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-9-wide{grid-column-start:9}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-10-wide{grid-column-end:span 10}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-10-wide{grid-column-start:10}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-11-wide{grid-column-end:span 11}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-11-wide{grid-column-start:11}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-12-wide{grid-column-end:span 12}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-12-wide{grid-column-start:12}}.ams-breakout__cell--has-figure{align-self:end}.ams-breakout__cell--has-spotlight{display:grid;margin-block:calc(var(--ams-space-grid-md)*-1);margin-inline:calc(var(--ams-space-grid-lg)*-1)}.ams-breakout--gap-vertical--small>.ams-breakout__cell--has-spotlight{margin-block:calc(var(--ams-space-grid-sm)*-1)}.ams-breakout--gap-vertical--large>.ams-breakout__cell--has-spotlight{margin-block:calc(var(--ams-space-grid-lg)*-1)}.ams-breakout__cell--row-span-1{grid-row-end:span 1}.ams-breakout__cell--row-start-1{grid-row-start:1}.ams-breakout__cell--row-span-2{grid-row-end:span 2}.ams-breakout__cell--row-start-2{grid-row-start:2}.ams-breakout__cell--row-span-3{grid-row-end:span 3}.ams-breakout__cell--row-start-3{grid-row-start:3}.ams-breakout__cell--row-span-4{grid-row-end:span 4}.ams-breakout__cell--row-start-4{grid-row-start:4}@media screen and (min-width: 36rem){.ams-breakout__cell--row-span-1-medium{grid-row-end:span 1}.ams-breakout__cell--row-start-1-medium{grid-row-start:1}.ams-breakout__cell--row-span-2-medium{grid-row-end:span 2}.ams-breakout__cell--row-start-2-medium{grid-row-start:2}.ams-breakout__cell--row-span-3-medium{grid-row-end:span 3}.ams-breakout__cell--row-start-3-medium{grid-row-start:3}.ams-breakout__cell--row-span-4-medium{grid-row-end:span 4}.ams-breakout__cell--row-start-4-medium{grid-row-start:4}}@media screen and (min-width: 68rem){.ams-breakout__cell--row-span-1-wide{grid-row-end:span 1}.ams-breakout__cell--row-start-1-wide{grid-row-start:1}.ams-breakout__cell--row-span-2-wide{grid-row-end:span 2}.ams-breakout__cell--row-start-2-wide{grid-row-start:2}.ams-breakout__cell--row-span-3-wide{grid-row-end:span 3}.ams-breakout__cell--row-start-3-wide{grid-row-start:3}.ams-breakout__cell--row-span-4-wide{grid-row-end:span 4}.ams-breakout__cell--row-start-4-wide{grid-row-start:4}}/*# sourceMappingURL=breakout.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/grid/grid.scss","../../src/components/grid/_mixins.scss","../../src/components/breakout/breakout.scss"],"names":[],"mappings":"AAUA,UCJE,sCACA,aACA,gEACA,8CACA,mCAEA,qCDFF,UCGI,wEAGF,qCDNF,UCOI,sEDDJ,8BCQE,gBDJF,+BCQE,mCDJF,+BCQE,mCDFF,iCCQE,mDDJF,kCCQE,mDDJF,iCCQE,mDDJF,8BCQE,qDDJF,+BCQE,qDDJF,8BCQE,qDDJF,mCCQE,+CDJF,oCCQE,+CDJF,mCCQE,+CDDF,0BCKE,yCAMA,uBDFA,yBCMA,kBDXW,EACX,wBCMA,uBDFA,yBCMA,kBDXW,EACX,wBCMA,uBDFA,yBCMA,kBDXW,EACX,wBCMA,uBDFA,yBCMA,kBDXW,EACX,wBCMA,uBDFA,yBCMA,kBDXW,EACX,wBCMA,uBDFA,yBCMA,kBDXW,EACX,wBCMA,uBDFA,yBCMA,kBDXW,EACX,wBCMA,uBDFA,yBCMA,kBDXW,EACX,wBCMA,uBDFA,yBCMA,kBDXW,EACX,yBCMA,wBDFA,0BCMA,kBDXW,GACX,yBCMA,wBDFA,0BCMA,kBDXW,GACX,yBCMA,wBDFA,0BCMA,kBDXW,GCeX,2DDHE,+BCIA,wBAKF,2DDLE,gCCMA,kBDXW,GCIb,2DDHE,+BCIA,wBAKF,2DDLE,gCCMA,kBDXW,GCIb,2DDHE,+BCIA,wBAKF,2DDLE,gCCMA,kBDXW,GCIb,2DDHE,+BCIA,wBAKF,2DDLE,gCCMA,kBDXW,GCIb,2DDHE,+BCIA,wBAKF,2DDLE,gCCMA,kBDXW,GCIb,2DDHE,+BCIA,wBAKF,2DDLE,gCCMA,kBDXW,GCIb,2DDHE,+BCIA,wBAKF,2DDLE,gCCMA,kBDXW,GCIb,2DDHE,+BCIA,wBAKF,2DDLE,gCCMA,kBDXW,GCIb,2DDHE,+BCIA,wBAKF,2DDLE,gCCMA,kBDXW,GCIb,2DDHE,gCCIA,yBAKF,2DDLE,iCCMA,kBDXW,ICIb,2DDHE,gCCIA,yBAKF,2DDLE,iCCMA,kBDXW,ICIb,2DDHE,gCCIA,yBAKF,2DDLE,iCCMA,kBDXW,ICgBb,2DDHE,6BCIA,wBAKF,2DDLE,8BCMA,kBDXW,GCIb,2DDHE,6BCIA,wBAKF,2DDLE,8BCMA,kBDXW,GCIb,2DDHE,6BCIA,wBAKF,2DDLE,8BCMA,kBDXW,GCIb,2DDHE,6BCIA,wBAKF,2DDLE,8BCMA,kBDXW,GCIb,2DDHE,6BCIA,wBAKF,2DDLE,8BCMA,kBDXW,GCIb,2DDHE,6BCIA,wBAKF,2DDLE,8BCMA,kBDXW,GCIb,2DDHE,6BCIA,wBAKF,2DDLE,8BCMA,kBDXW,GCIb,2DDHE,6BCIA,wBAKF,2DDLE,8BCMA,kBDXW,GCIb,2DDHE,6BCIA,wBAKF,2DDLE,8BCMA,kBDXW,GCIb,2DDHE,8BCIA,yBAKF,2DDLE,+BCMA,kBDXW,ICIb,2DDHE,8BCIA,yBAKF,2DDLE,+BCMA,kBDXW,ICIb,2DDHE,8BCIA,yBAKF,2DDLE,+BCMA,kBDXW,IErFf,cDLE,sCACA,aACA,gEACA,8CACA,mCAEA,qCCDF,cDEI,wEAGF,qCCLF,cDMI,wGAOF,gBCHF,mCDOE,mCCHF,mCDOE,mCCDF,qCDOE,mDCHF,sCDOE,mDCHF,qCDOE,mDCHF,kCDOE,qDCHF,mCDOE,qDCHF,kCDOE,qDCHF,uCDOE,+CCHF,wCDOE,+CCHF,uCDOE,iFAIA,iBCCA,gCDKA,uBCDA,iCDKA,kBCVW,EACX,gCDKA,uBCDA,iCDKA,kBCVW,EACX,gCDKA,uBCDA,iCDKA,kBCVW,EACX,gCDKA,uBCDA,iCDKA,kBCVW,EACX,gCDKA,uBCDA,iCDKA,kBCVW,EACX,gCDKA,uBCDA,iCDKA,kBCVW,EACX,gCDKA,uBCDA,iCDKA,kBCVW,EACX,gCDKA,uBCDA,iCDKA,kBCVW,EACX,gCDKA,uBCDA,iCDKA,kBCVW,EACX,iCDKA,wBCDA,kCDKA,kBCVW,GACX,iCDKA,wBCDA,kCDKA,kBCVW,GACX,iCDKA,wBCDA,kCDKA,kBCVW,GDcX,2DCFE,uCDGA,wBAKF,2DCJE,wCDKA,kBCVW,GDGb,2DCFE,uCDGA,wBAKF,2DCJE,wCDKA,kBCVW,GDGb,2DCFE,uCDGA,wBAKF,2DCJE,wCDKA,kBCVW,GDGb,2DCFE,uCDGA,wBAKF,2DCJE,wCDKA,kBCVW,GDGb,2DCFE,uCDGA,wBAKF,2DCJE,wCDKA,kBCVW,GDGb,2DCFE,uCDGA,wBAKF,2DCJE,wCDKA,kBCVW,GDGb,2DCFE,uCDGA,wBAKF,2DCJE,wCDKA,kBCVW,GDGb,2DCFE,uCDGA,wBAKF,2DCJE,wCDKA,kBCVW,GDGb,2DCFE,uCDGA,wBAKF,2DCJE,wCDKA,kBCVW,GDGb,2DCFE,wCDGA,yBAKF,2DCJE,yCDKA,kBCVW,IDGb,2DCFE,wCDGA,yBAKF,2DCJE,yCDKA,kBCVW,IDGb,2DCFE,wCDGA,yBAKF,2DCJE,yCDKA,kBCVW,IDeb,2DCFE,qCDGA,wBAKF,2DCJE,sCDKA,kBCVW,GDGb,2DCFE,qCDGA,wBAKF,2DCJE,sCDKA,kBCVW,GDGb,2DCFE,qCDGA,wBAKF,2DCJE,sCDKA,kBCVW,GDGb,2DCFE,qCDGA,wBAKF,2DCJE,sCDKA,kBCVW,GDGb,2DCFE,qCDGA,wBAKF,2DCJE,sCDKA,kBCVW,GDGb,2DCFE,qCDGA,wBAKF,2DCJE,sCDKA,kBCVW,GDGb,2DCFE,qCDGA,wBAKF,2DCJE,sCDKA,kBCVW,GDGb,2DCFE,qCDGA,wBAKF,2DCJE,sCDKA,kBCVW,GDGb,2DCFE,qCDGA,wBAKF,2DCJE,sCDKA,kBCVW,GDGb,2DCFE,sCDGA,yBAKF,2DCJE,uCDKA,kBCVW,IDGb,2DCFE,sCDGA,yBAKF,2DCJE,uCDKA,kBCVW,IDGb,2DCFE,sCDGA,yBAKF,2DCJE,uCDKA,kBCVW,IAaf,gCACE,eAGF,mCACE,aACA,+CACA,gDAEA,sEACE,+CAGF,sEACE,+CAOF,gCACE,oBAGF,iCACE,eANS,EACX,gCACE,oBAGF,iCACE,eANS,EACX,gCACE,oBAGF,iCACE,eANS,EACX,gCACE,oBAGF,iCACE,eANS,EAUb,qCAEI,uCACE,oBAGF,wCACE,eANS,EACX,uCACE,oBAGF,wCACE,eANS,EACX,uCACE,oBAGF,wCACE,eANS,EACX,uCACE,oBAGF,wCACE,eANS,GAWf,qCAEI,qCACE,oBAGF,sCACE,eANS,EACX,qCACE,oBAGF,sCACE,eANS,EACX,qCACE,oBAGF,sCACE,eANS,EACX,qCACE,oBAGF,sCACE,eANS","file":"breakout.css"}
@@ -1 +1 @@
1
- .ams-button{cursor:var(--ams-button-cursor);display:inline-flex;font-family:var(--ams-button-font-family);font-size:var(--ams-button-font-size);gap:var(--ams-button-gap);justify-content:center;line-height:var(--ams-button-line-height);outline-offset:var(--ams-button-outline-offset);padding-block:var(--ams-button-padding-block);padding-inline:var(--ams-button-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;border:0}.ams-button:disabled,.ams-button[aria-disabled=true]{cursor:var(--ams-button-disabled-cursor)}.ams-button--primary{background-color:var(--ams-button-primary-background-color);box-shadow:var(--ams-button-primary-box-shadow);color:var(--ams-button-primary-color)}.ams-button--primary:disabled,.ams-button--primary [aria-disabled=true]{background-color:var(--ams-button-primary-disabled-background-color);box-shadow:var(--ams-button-primary-disabled-box-shadow)}.ams-button--primary:hover:not(:disabled,[aria-disabled=true]){background-color:var(--ams-button-primary-hover-background-color);box-shadow:var(--ams-button-primary-hover-box-shadow)}@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.ams-button--primary{border:var(--ams-button-forced-color-mode-border)}}.ams-button--secondary{background-color:var(--ams-button-secondary-background-color);box-shadow:var(--ams-button-secondary-box-shadow);color:var(--ams-button-secondary-color)}.ams-button--secondary:disabled,.ams-button--secondary [aria-disabled=true]{background-color:var(--ams-button-secondary-disabled-background-color);box-shadow:var(--ams-button-secondary-disabled-box-shadow);color:var(--ams-button-secondary-disabled-color)}.ams-button--secondary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--ams-button-secondary-hover-box-shadow);color:var(--ams-button-secondary-hover-color)}@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.ams-button--secondary{border:var(--ams-button-forced-color-mode-border)}}.ams-button--tertiary{background-color:var(--ams-button-tertiary-background-color);color:var(--ams-button-tertiary-color)}.ams-button--tertiary:disabled,.ams-button--tertiary [aria-disabled=true]{background-color:var(--ams-button-tertiary-disabled-background-color);color:var(--ams-button-tertiary-disabled-color)}.ams-button--tertiary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--ams-button-tertiary-hover-box-shadow);color:var(--ams-button-tertiary-hover-color)}/*# sourceMappingURL=button.css.map */
1
+ .ams-button{cursor:var(--ams-button-cursor);display:inline-flex;font-family:var(--ams-button-font-family);font-size:var(--ams-button-font-size);gap:var(--ams-button-gap);justify-content:center;line-height:var(--ams-button-line-height);outline-offset:var(--ams-button-outline-offset);padding-block:var(--ams-button-padding-block);padding-inline:var(--ams-button-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;border:0;margin-block:0;margin-inline:0}.ams-button:disabled,.ams-button[aria-disabled=true]{cursor:var(--ams-button-disabled-cursor)}.ams-button--primary{background-color:var(--ams-button-primary-background-color);box-shadow:var(--ams-button-primary-box-shadow);color:var(--ams-button-primary-color)}@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.ams-button--primary{border:var(--ams-button-forced-color-mode-border)}}.ams-button--primary:disabled,.ams-button--primary [aria-disabled=true]{background-color:var(--ams-button-primary-disabled-background-color);box-shadow:var(--ams-button-primary-disabled-box-shadow)}.ams-button--primary:hover:not(:disabled,[aria-disabled=true]){background-color:var(--ams-button-primary-hover-background-color);box-shadow:var(--ams-button-primary-hover-box-shadow)}.ams-button--secondary{background-color:var(--ams-button-secondary-background-color);box-shadow:var(--ams-button-secondary-box-shadow);color:var(--ams-button-secondary-color)}@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.ams-button--secondary{border:var(--ams-button-forced-color-mode-border)}}.ams-button--secondary:disabled,.ams-button--secondary [aria-disabled=true]{background-color:var(--ams-button-secondary-disabled-background-color);box-shadow:var(--ams-button-secondary-disabled-box-shadow);color:var(--ams-button-secondary-disabled-color)}.ams-button--secondary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--ams-button-secondary-hover-box-shadow);color:var(--ams-button-secondary-hover-color)}.ams-button--tertiary{background-color:var(--ams-button-tertiary-background-color);color:var(--ams-button-tertiary-color)}.ams-button--tertiary:disabled,.ams-button--tertiary [aria-disabled=true]{background-color:var(--ams-button-tertiary-disabled-background-color);color:var(--ams-button-tertiary-disabled-color)}.ams-button--tertiary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--ams-button-tertiary-hover-box-shadow);color:var(--ams-button-tertiary-hover-color)}.ams-button--icon-only{padding-block:var(--ams-button-icon-only-padding-block);padding-inline:var(--ams-button-icon-only-padding-inline)}/*# sourceMappingURL=button.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/button/button.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAWA,YACE,gCACA,oBACA,0CACA,sCACA,0BACA,uBACA,0CACA,gDACA,8CACA,gDACA,0BCZA,kCACA,2BACA,8BACA,sBDLA,SAgBA,qDAEE,yCAaJ,qBACE,4DACA,gDACA,sCAEA,wEAEE,qEACA,yDAGF,+DACE,kEACA,sDAlBF,iFAKF,qBAJI,mDAuBJ,uBACE,8DACA,kDACA,wCAEA,4EAEE,uEACA,2DACA,iDAGF,iEACE,wDACA,8CAtCF,iFAwBF,uBAvBI,mDA2CJ,sBACE,6DACA,uCAEA,0EAEE,sEACA,gDAGF,gEACE,uDACA","file":"button.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/button/button.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAeA,YACE,gCACA,oBACA,0CACA,sCACA,0BACA,uBACA,0CACA,gDACA,8CACA,gDACA,0BChBA,kCACA,2BACA,8BACA,sBDLA,SACA,eACA,gBAqBA,qDAEE,yCAUJ,qBACE,4DACA,gDACA,sCARA,iFAKF,qBAJI,mDAWF,wEAEE,qEACA,yDAGF,+DACE,kEACA,sDAIJ,uBACE,8DACA,kDACA,wCA3BA,iFAwBF,uBAvBI,mDA8BF,4EAEE,uEACA,2DACA,iDAGF,iEACE,wDACA,8CAIJ,sBACE,6DACA,uCAEA,0EAEE,sEACA,gDAGF,gEACE,uDACA,6CAIJ,uBACE,wDACA","file":"button.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/checkbox/checkbox.scss","../../src/common/hide-input.scss","../../src/common/input-label-focus.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AASA,qBCHE,gBACA,cACA,eACA,gBCIA,iCACE,aAGF,qDACE,UFJJ,yBACE,mBACA,+EACA,aACA,cACA,mBAEA,gCACE,2BACA,4BACA,qBACA,kBACA,wDACA,mBACA,wDACA,sBACA,WACA,iBAIJ,qBACE,gCACA,eACA,oBACA,4CACA,wCACA,4CACA,4BACA,4CACA,kDGlCA,kCACA,2BACA,8BACA,sBHiCA,2BACE,sCACA,+BACA,8EACA,8BAEA,2DACE,8DACA,8DASJ,kFACE,wEACA,wEACA,SAMF,wFACE,8EACA,8EACA,2BACA,4BACA,qBACA,SAOF,+KACE,gEAMF,mDACE,yCACA,mBAEA,mFACE,iEACA,iEAQJ,+LACE,gFAOF,2MACE,sFAKJ,yDACE,qBAKA,2FACE,iFAMF,iGACE,uFAOF,iMAEE,iEAOJ,qIAIE,sEAIF,wFACE,8EAIF,8FACE,oFAIF,qJAIE,sFAIF,iKAIE,4FAIF,iGACE,uFAIF,uGACE,6FAIF,uJAIE,iEAUA,8aAEE","file":"checkbox.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/checkbox/checkbox.scss","../../src/common/hide-input.scss","../../src/common/input-label-focus.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AASA,qBCHE,gBACA,cACA,eACA,gBCIA,iCACE,aAGF,qDACE,UFJJ,yBACE,mBACA,+EACA,aACA,cACA,mBAEA,gCACE,2BACA,4BACA,qBACA,kBACA,wDACA,mBACA,wDACA,sBACA,WACA,iBAIJ,qBACE,gCACA,eACA,oBACA,4CACA,wCACA,4CACA,4BACA,4CACA,kDGlCA,kCACA,2BACA,8BACA,sBHmCA,2BACE,sCACA,+BACA,8EACA,8BAEA,2DACE,8DACA,8DAOJ,kFACE,wEACA,wEACA,SAMF,wFACE,8EACA,8EACA,2BACA,4BACA,qBACA,SAOF,+KACE,gEAMF,mDACE,yCACA,mBAEA,mFACE,iEACA,iEAQJ,+LACE,gFAOF,2MACE,sFAKJ,yDACE,qBAKA,2FACE,iFAMF,iGACE,uFAOF,iMAEE,iEAOJ,qIAIE,sEAIF,wFACE,8EAIF,8FACE,oFAIF,qJAIE,sFAIF,iKAIE,4FAIF,iGACE,uFAIF,uGACE,6FAIF,uJAIE,iEAUA,8aAEE","file":"checkbox.css"}
@@ -1 +1 @@
1
- .ams-description-list{color:var(--ams-description-list-color);display:grid;font-family:var(--ams-description-list-font-family);font-size:var(--ams-description-list-font-size);font-weight:var(--ams-description-list-font-weight);gap:var(--ams-description-list-gap);line-height:var(--ams-description-list-line-height);box-sizing:border-box;margin-block:0;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}@media screen and (min-width: 36rem){.ams-description-list{grid-template-columns:1fr 2fr}}.ams-description-list--inverse-color{color:var(--ams-description-list-inverse-color)}@media screen and (min-width: 36rem){.ams-description-list__term{grid-column-start:1}}.ams-description-list__details{font-weight:var(--ams-description-list-details-font-weight);padding-inline-start:var(--ams-description-list-details-padding-inline-start);margin-inline:0}@media screen and (min-width: 36rem){.ams-description-list__details{grid-column-start:2;padding-inline-start:0}}/*# sourceMappingURL=description-list.css.map */
1
+ .ams-description-list{color:var(--ams-description-list-color);column-gap:var(--ams-description-list-column-gap);display:grid;font-family:var(--ams-description-list-font-family);font-size:var(--ams-description-list-font-size);line-height:var(--ams-description-list-line-height);row-gap:var(--ams-description-list-row-gap);box-sizing:border-box;margin-block:0;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}@media screen and (min-width: 36rem){.ams-description-list{grid-template-columns:auto 1fr}.ams-description-list--terms-width-sm{grid-template-columns:1fr 4fr}.ams-description-list--terms-width-md{grid-template-columns:1fr 2fr}.ams-description-list--terms-width-lg{grid-template-columns:1fr 1fr}}.ams-description-list--inverse-color{color:var(--ams-description-list-inverse-color)}.ams-description-list__term{font-weight:var(--ams-description-list-term-font-weight)}@media screen and (min-width: 36rem){.ams-description-list__term{grid-column-start:1}}.ams-description-list__details{font-weight:var(--ams-description-list-details-font-weight);padding-inline-start:var(--ams-description-list-details-padding-inline-start);margin-inline:0}@media screen and (min-width: 36rem){.ams-description-list__details{grid-column-start:2;padding-inline-start:0}}/*# sourceMappingURL=description-list.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/description-list/description-list.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,sBACE,wCACA,aACA,oDACA,gDACA,oDACA,oCACA,oDAXA,sBACA,iDCCA,2BACA,8BACA,sBDSA,qCATF,sBAUI,+BAOJ,qCACE,gDAIA,qCADF,4BAEI,qBAQJ,+BACE,4DACA,8EALA,gBAOA,qCAJF,+BAKI,oBACA","file":"description-list.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/description-list/description-list.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,sBACE,wCACA,kDACA,aACA,oDACA,gDACA,oDACA,4CAXA,sBACA,iDCCA,2BACA,8BACA,sBDaF,qCACE,sBACE,+BAGF,sCACE,8BAGF,sCACE,8BAGF,sCACE,+BAIJ,qCACE,gDAGF,4BACE,yDAEA,qCAHF,4BAII,qBAQJ,+BACE,4DACA,8EALA,gBASA,qCANF,+BAOI,oBACA","file":"description-list.css"}
@@ -1 +1 @@
1
- .ams-dialog{background-color:var(--ams-dialog-background-color);border:var(--ams-dialog-border);inline-size:var(--ams-dialog-inline-size);max-block-size:var(--ams-dialog-max-block-size);max-inline-size:var(--ams-dialog-max-inline-size);inset-block:0;padding-block:0;padding-inline:0}.ams-dialog::backdrop{background:rgba(0,0,0,.4)}.ams-dialog__form{display:grid;gap:var(--ams-dialog-form-gap);padding-block:var(--ams-dialog-form-padding-block);padding-inline:var(--ams-dialog-form-padding-inline)}.ams-dialog__article{display:grid;gap:var(--ams-space-md);max-block-size:100%;overflow-y:auto;overscroll-behavior-y:contain}.ams-dialog__header{align-items:flex-start;display:flex;gap:var(--ams-dialog-header-gap);justify-content:space-between}.ams-dialog__footer{display:flex;flex-wrap:wrap;gap:var(--ams-dialog-footer-gap);margin-inline-end:auto}.ams-dialog__footer>*{flex:auto}/*# sourceMappingURL=dialog.css.map */
1
+ .ams-dialog:not(dialog:not([open])){background-color:var(--ams-dialog-background-color);border:var(--ams-dialog-border);display:flex;flex-direction:column;gap:var(--ams-dialog-gap);inline-size:var(--ams-dialog-inline-size);max-block-size:var(--ams-dialog-max-block-size);max-inline-size:var(--ams-dialog-max-inline-size);padding-block:var(--ams-dialog-padding-block);padding-inline:var(--ams-dialog-padding-inline);box-sizing:border-box;inset-block:0}.ams-dialog:not(dialog:not([open]))::backdrop{background:rgba(0,0,0,.4)}.ams-dialog__header{align-items:flex-start;display:flex;gap:var(--ams-dialog-header-gap);justify-content:space-between}.ams-dialog__body{overflow-y:auto;overscroll-behavior-y:contain}/*# sourceMappingURL=dialog.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/dialog/dialog.scss"],"names":[],"mappings":"AAWA,YACE,oDACA,gCACA,0CACA,gDACA,kDAVA,cACA,gBACA,iBAaA,sBACE,0BAIJ,kBACE,aACA,+BACA,mDACA,qDAGF,qBACE,aACA,wBACA,oBACA,gBACA,8BAGF,oBACE,uBACA,aACA,iCACA,8BAGF,oBACE,aACA,eACA,iCACA,uBAEA,sBACE","file":"dialog.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/dialog/dialog.scss"],"names":[],"mappings":"AAYA,oCACE,oDACA,gCACA,aACA,sBACA,0BACA,0CACA,gDACA,kDACA,8CACA,gDAhBA,sBACA,cAoBA,8CACE,0BAIJ,oBACE,uBACA,aACA,iCACA,8BAGF,kBACE,gBACA","file":"dialog.css"}
@@ -1 +1 @@
1
- .ams-field{break-inside:avoid;display:flex;flex-direction:column;gap:var(--ams-field-gap)}.ams-field--invalid{border-inline-start:var(--ams-field-invalid-border-inline-start);padding-inline-start:var(--ams-field-invalid-padding-inline-start)}/*# sourceMappingURL=field.css.map */
1
+ .ams-field{align-items:start;break-inside:avoid;display:flex;flex-direction:column;gap:var(--ams-field-gap)}.ams-field--invalid{border-inline-start:var(--ams-field-invalid-border-inline-start);padding-inline-start:var(--ams-field-invalid-padding-inline-start)}/*# sourceMappingURL=field.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/field/field.scss"],"names":[],"mappings":"AAKA,WACE,mBACA,aACA,sBACA,yBAGF,oBACE,iEACA","file":"field.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/field/field.scss"],"names":[],"mappings":"AAKA,WACE,kBACA,mBACA,aACA,sBACA,yBAGF,oBACE,iEACA","file":"field.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/file-input/file-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,gBACE,wDACA,oCACA,kCACA,oCACA,8CACA,0CACA,8CACA,8CACA,oEACA,uDACA,kDACA,oDACA,0BChBA,kCACA,2BACA,8BACA,sBDkBF,yBACE,2CACA,6CAGF,sCACE,wBACA,gBACA,6EACA,iEACA,uDACA,yDACA,oBACA,kBACA,oBACA,+EACA,uEACA,yEAxCA,SACA,gBACA,sBAwCA,iFAdF,sCAeI,4EAQJ,+CACE,0EACA,2CACA,kEAGF,2DACE,uEACA","file":"file-input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/file-input/file-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,gBACE,wDACA,oCACA,kCACA,oCACA,8CACA,0CACA,8CACA,8CACA,oEACA,uDACA,kDACA,oDACA,0BChBA,kCACA,2BACA,8BACA,sBDkBF,yBACE,2CACA,6CAGF,sCACE,wBACA,gBACA,6EACA,iEACA,uDACA,yDACA,oBACA,kBACA,oBACA,+EACA,uEACA,yEAxCA,SACA,gBACA,sBA0CA,iFAhBF,sCAiBI,4EAMJ,+CACE,0EACA,2CACA,kEAGF,2DACE,uEACA","file":"file-input.css"}
@@ -1 +1 @@
1
- .ams-grid{column-gap:var(--ams-grid-column-gap);display:grid;grid-template-columns:repeat(var(--ams-grid-column-count), 1fr);padding-inline:var(--ams-grid-padding-inline);row-gap:var(--ams-grid-row-gap-md)}@media screen and (min-width: 36rem){.ams-grid{grid-template-columns:repeat(var(--ams-grid-medium-column-count), 1fr)}}@media screen and (min-width: 68rem){.ams-grid{grid-template-columns:repeat(var(--ams-grid-wide-column-count), 1fr)}}.ams-grid--gap-vertical--none{row-gap:initial}.ams-grid--gap-vertical--small{row-gap:var(--ams-grid-row-gap-sm)}.ams-grid--gap-vertical--large{row-gap:var(--ams-grid-row-gap-lg)}.ams-grid--padding-bottom--small{padding-block-end:var(--ams-grid-padding-block-sm)}.ams-grid--padding-bottom--medium{padding-block-end:var(--ams-grid-padding-block-md)}.ams-grid--padding-bottom--large{padding-block-end:var(--ams-grid-padding-block-lg)}.ams-grid--padding-top--small{padding-block-start:var(--ams-grid-padding-block-sm)}.ams-grid--padding-top--medium{padding-block-start:var(--ams-grid-padding-block-md)}.ams-grid--padding-top--large{padding-block-start:var(--ams-grid-padding-block-lg)}.ams-grid--padding-vertical--small{padding-block:var(--ams-grid-padding-block-sm)}.ams-grid--padding-vertical--medium{padding-block:var(--ams-grid-padding-block-md)}.ams-grid--padding-vertical--large{padding-block:var(--ams-grid-padding-block-lg)}.ams-grid__cell--span-all{grid-column:1/-1}.ams-grid__cell--span-1{grid-column-end:span 1}.ams-grid__cell--start-1{grid-column-start:1}.ams-grid__cell--span-2{grid-column-end:span 2}.ams-grid__cell--start-2{grid-column-start:2}.ams-grid__cell--span-3{grid-column-end:span 3}.ams-grid__cell--start-3{grid-column-start:3}.ams-grid__cell--span-4{grid-column-end:span 4}.ams-grid__cell--start-4{grid-column-start:4}.ams-grid__cell--span-5{grid-column-end:span 5}.ams-grid__cell--start-5{grid-column-start:5}.ams-grid__cell--span-6{grid-column-end:span 6}.ams-grid__cell--start-6{grid-column-start:6}.ams-grid__cell--span-7{grid-column-end:span 7}.ams-grid__cell--start-7{grid-column-start:7}.ams-grid__cell--span-8{grid-column-end:span 8}.ams-grid__cell--start-8{grid-column-start:8}.ams-grid__cell--span-9{grid-column-end:span 9}.ams-grid__cell--start-9{grid-column-start:9}.ams-grid__cell--span-10{grid-column-end:span 10}.ams-grid__cell--start-10{grid-column-start:10}.ams-grid__cell--span-11{grid-column-end:span 11}.ams-grid__cell--start-11{grid-column-start:11}.ams-grid__cell--span-12{grid-column-end:span 12}.ams-grid__cell--start-12{grid-column-start:12}@media screen and (min-width: 36rem){.ams-grid__cell--span-1-medium{grid-column-end:span 1}.ams-grid__cell--start-1-medium{grid-column-start:1}.ams-grid__cell--span-2-medium{grid-column-end:span 2}.ams-grid__cell--start-2-medium{grid-column-start:2}.ams-grid__cell--span-3-medium{grid-column-end:span 3}.ams-grid__cell--start-3-medium{grid-column-start:3}.ams-grid__cell--span-4-medium{grid-column-end:span 4}.ams-grid__cell--start-4-medium{grid-column-start:4}.ams-grid__cell--span-5-medium{grid-column-end:span 5}.ams-grid__cell--start-5-medium{grid-column-start:5}.ams-grid__cell--span-6-medium{grid-column-end:span 6}.ams-grid__cell--start-6-medium{grid-column-start:6}.ams-grid__cell--span-7-medium{grid-column-end:span 7}.ams-grid__cell--start-7-medium{grid-column-start:7}.ams-grid__cell--span-8-medium{grid-column-end:span 8}.ams-grid__cell--start-8-medium{grid-column-start:8}.ams-grid__cell--span-9-medium{grid-column-end:span 9}.ams-grid__cell--start-9-medium{grid-column-start:9}.ams-grid__cell--span-10-medium{grid-column-end:span 10}.ams-grid__cell--start-10-medium{grid-column-start:10}.ams-grid__cell--span-11-medium{grid-column-end:span 11}.ams-grid__cell--start-11-medium{grid-column-start:11}.ams-grid__cell--span-12-medium{grid-column-end:span 12}.ams-grid__cell--start-12-medium{grid-column-start:12}}@media screen and (min-width: 68rem){.ams-grid__cell--span-1-wide{grid-column-end:span 1}.ams-grid__cell--start-1-wide{grid-column-start:1}.ams-grid__cell--span-2-wide{grid-column-end:span 2}.ams-grid__cell--start-2-wide{grid-column-start:2}.ams-grid__cell--span-3-wide{grid-column-end:span 3}.ams-grid__cell--start-3-wide{grid-column-start:3}.ams-grid__cell--span-4-wide{grid-column-end:span 4}.ams-grid__cell--start-4-wide{grid-column-start:4}.ams-grid__cell--span-5-wide{grid-column-end:span 5}.ams-grid__cell--start-5-wide{grid-column-start:5}.ams-grid__cell--span-6-wide{grid-column-end:span 6}.ams-grid__cell--start-6-wide{grid-column-start:6}.ams-grid__cell--span-7-wide{grid-column-end:span 7}.ams-grid__cell--start-7-wide{grid-column-start:7}.ams-grid__cell--span-8-wide{grid-column-end:span 8}.ams-grid__cell--start-8-wide{grid-column-start:8}.ams-grid__cell--span-9-wide{grid-column-end:span 9}.ams-grid__cell--start-9-wide{grid-column-start:9}.ams-grid__cell--span-10-wide{grid-column-end:span 10}.ams-grid__cell--start-10-wide{grid-column-start:10}.ams-grid__cell--span-11-wide{grid-column-end:span 11}.ams-grid__cell--start-11-wide{grid-column-start:11}.ams-grid__cell--span-12-wide{grid-column-end:span 12}.ams-grid__cell--start-12-wide{grid-column-start:12}}/*# sourceMappingURL=grid.css.map */
1
+ .ams-grid{column-gap:var(--ams-grid-column-gap);display:grid;grid-template-columns:repeat(var(--ams-grid-column-count), 1fr);padding-inline:var(--ams-grid-padding-inline);row-gap:var(--ams-grid-row-gap-md)}@media screen and (min-width: 36rem){.ams-grid{grid-template-columns:repeat(var(--ams-grid-medium-column-count), 1fr)}}@media screen and (min-width: 68rem){.ams-grid{grid-template-columns:repeat(var(--ams-grid-wide-column-count), 1fr)}}.ams-grid--gap-vertical--none{row-gap:initial}.ams-grid--gap-vertical--small{row-gap:var(--ams-grid-row-gap-sm)}.ams-grid--gap-vertical--large{row-gap:var(--ams-grid-row-gap-lg)}.ams-grid--padding-bottom--small{padding-block-end:var(--ams-grid-padding-block-sm)}.ams-grid--padding-bottom--medium{padding-block-end:var(--ams-grid-padding-block-md)}.ams-grid--padding-bottom--large{padding-block-end:var(--ams-grid-padding-block-lg)}.ams-grid--padding-top--small{padding-block-start:var(--ams-grid-padding-block-sm)}.ams-grid--padding-top--medium{padding-block-start:var(--ams-grid-padding-block-md)}.ams-grid--padding-top--large{padding-block-start:var(--ams-grid-padding-block-lg)}.ams-grid--padding-vertical--small{padding-block:var(--ams-grid-padding-block-sm)}.ams-grid--padding-vertical--medium{padding-block:var(--ams-grid-padding-block-md)}.ams-grid--padding-vertical--large{padding-block:var(--ams-grid-padding-block-lg)}.ams-grid__cell--span-all{grid-column:1/-1}.ams-grid__cell--span-1{grid-column-end:span 1}.ams-grid__cell--start-1{grid-column-start:1}.ams-grid__cell--span-2{grid-column-end:span 2}.ams-grid__cell--start-2{grid-column-start:2}.ams-grid__cell--span-3{grid-column-end:span 3}.ams-grid__cell--start-3{grid-column-start:3}.ams-grid__cell--span-4{grid-column-end:span 4}.ams-grid__cell--start-4{grid-column-start:4}.ams-grid__cell--span-5{grid-column-end:span 5}.ams-grid__cell--start-5{grid-column-start:5}.ams-grid__cell--span-6{grid-column-end:span 6}.ams-grid__cell--start-6{grid-column-start:6}.ams-grid__cell--span-7{grid-column-end:span 7}.ams-grid__cell--start-7{grid-column-start:7}.ams-grid__cell--span-8{grid-column-end:span 8}.ams-grid__cell--start-8{grid-column-start:8}.ams-grid__cell--span-9{grid-column-end:span 9}.ams-grid__cell--start-9{grid-column-start:9}.ams-grid__cell--span-10{grid-column-end:span 10}.ams-grid__cell--start-10{grid-column-start:10}.ams-grid__cell--span-11{grid-column-end:span 11}.ams-grid__cell--start-11{grid-column-start:11}.ams-grid__cell--span-12{grid-column-end:span 12}.ams-grid__cell--start-12{grid-column-start:12}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-1-medium{grid-column-end:span 1}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-1-medium{grid-column-start:1}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-2-medium{grid-column-end:span 2}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-2-medium{grid-column-start:2}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-3-medium{grid-column-end:span 3}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-3-medium{grid-column-start:3}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-4-medium{grid-column-end:span 4}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-4-medium{grid-column-start:4}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-5-medium{grid-column-end:span 5}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-5-medium{grid-column-start:5}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-6-medium{grid-column-end:span 6}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-6-medium{grid-column-start:6}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-7-medium{grid-column-end:span 7}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-7-medium{grid-column-start:7}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-8-medium{grid-column-end:span 8}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-8-medium{grid-column-start:8}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-9-medium{grid-column-end:span 9}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-9-medium{grid-column-start:9}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-10-medium{grid-column-end:span 10}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-10-medium{grid-column-start:10}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-11-medium{grid-column-end:span 11}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-11-medium{grid-column-start:11}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-12-medium{grid-column-end:span 12}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-12-medium{grid-column-start:12}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-1-wide{grid-column-end:span 1}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-1-wide{grid-column-start:1}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-2-wide{grid-column-end:span 2}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-2-wide{grid-column-start:2}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-3-wide{grid-column-end:span 3}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-3-wide{grid-column-start:3}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-4-wide{grid-column-end:span 4}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-4-wide{grid-column-start:4}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-5-wide{grid-column-end:span 5}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-5-wide{grid-column-start:5}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-6-wide{grid-column-end:span 6}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-6-wide{grid-column-start:6}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-7-wide{grid-column-end:span 7}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-7-wide{grid-column-start:7}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-8-wide{grid-column-end:span 8}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-8-wide{grid-column-start:8}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-9-wide{grid-column-end:span 9}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-9-wide{grid-column-start:9}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-10-wide{grid-column-end:span 10}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-10-wide{grid-column-start:10}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-11-wide{grid-column-end:span 11}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-11-wide{grid-column-start:11}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-12-wide{grid-column-end:span 12}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-12-wide{grid-column-start:12}}/*# sourceMappingURL=grid.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/grid/grid.scss"],"names":[],"mappings":"AAOA,UACE,sCACA,aACA,gEACA,8CACA,mCAEA,qCAPF,UAQI,wEAGF,qCAXF,UAYI,sEAIJ,8BACE,gBAGF,+BACE,mCAGF,+BACE,mCAGF,iCACE,mDAGF,kCACE,mDAGF,iCACE,mDAGF,8BACE,qDAGF,+BACE,qDAGF,8BACE,qDAGF,mCACE,+CAGF,oCACE,+CAGF,mCACE,+CAGF,0BACE,iBAMA,wBACE,uBAGF,yBACE,kBANS,EACX,wBACE,uBAGF,yBACE,kBANS,EACX,wBACE,uBAGF,yBACE,kBANS,EACX,wBACE,uBAGF,yBACE,kBANS,EACX,wBACE,uBAGF,yBACE,kBANS,EACX,wBACE,uBAGF,yBACE,kBANS,EACX,wBACE,uBAGF,yBACE,kBANS,EACX,wBACE,uBAGF,yBACE,kBANS,EACX,wBACE,uBAGF,yBACE,kBANS,EACX,yBACE,wBAGF,0BACE,kBANS,GACX,yBACE,wBAGF,0BACE,kBANS,GACX,yBACE,wBAGF,0BACE,kBANS,GAUb,qCAEI,+BACE,uBAGF,gCACE,kBANS,EACX,+BACE,uBAGF,gCACE,kBANS,EACX,+BACE,uBAGF,gCACE,kBANS,EACX,+BACE,uBAGF,gCACE,kBANS,EACX,+BACE,uBAGF,gCACE,kBANS,EACX,+BACE,uBAGF,gCACE,kBANS,EACX,+BACE,uBAGF,gCACE,kBANS,EACX,+BACE,uBAGF,gCACE,kBANS,EACX,+BACE,uBAGF,gCACE,kBANS,EACX,gCACE,wBAGF,iCACE,kBANS,GACX,gCACE,wBAGF,iCACE,kBANS,GACX,gCACE,wBAGF,iCACE,kBANS,IAWf,qCAEI,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,8BACE,wBAGF,+BACE,kBANS,GACX,8BACE,wBAGF,+BACE,kBANS,GACX,8BACE,wBAGF,+BACE,kBANS","file":"grid.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/grid/grid.scss","../../src/components/grid/_mixins.scss"],"names":[],"mappings":"AAUA,UCJE,sCACA,aACA,gEACA,8CACA,mCAEA,qCDFF,UCGI,wEAGF,qCDNF,UCOI,sEDDJ,8BCQE,gBDJF,+BCQE,mCDJF,+BCQE,mCDFF,iCCQE,mDDJF,kCCQE,mDDJF,iCCQE,mDDJF,8BCQE,qDDJF,+BCQE,qDDJF,8BCQE,qDDJF,mCCQE,+CDJF,oCCQE,+CDJF,mCCQE,+CDDF,0BCKE,yCAMA,uBDFA,yBCMA,kBDXW,EACX,wBCMA,uBDFA,yBCMA,kBDXW,EACX,wBCMA,uBDFA,yBCMA,kBDXW,EACX,wBCMA,uBDFA,yBCMA,kBDXW,EACX,wBCMA,uBDFA,yBCMA,kBDXW,EACX,wBCMA,uBDFA,yBCMA,kBDXW,EACX,wBCMA,uBDFA,yBCMA,kBDXW,EACX,wBCMA,uBDFA,yBCMA,kBDXW,EACX,wBCMA,uBDFA,yBCMA,kBDXW,EACX,yBCMA,wBDFA,0BCMA,kBDXW,GACX,yBCMA,wBDFA,0BCMA,kBDXW,GACX,yBCMA,wBDFA,0BCMA,kBDXW,GCeX,2DDHE,+BCIA,wBAKF,2DDLE,gCCMA,kBDXW,GCIb,2DDHE,+BCIA,wBAKF,2DDLE,gCCMA,kBDXW,GCIb,2DDHE,+BCIA,wBAKF,2DDLE,gCCMA,kBDXW,GCIb,2DDHE,+BCIA,wBAKF,2DDLE,gCCMA,kBDXW,GCIb,2DDHE,+BCIA,wBAKF,2DDLE,gCCMA,kBDXW,GCIb,2DDHE,+BCIA,wBAKF,2DDLE,gCCMA,kBDXW,GCIb,2DDHE,+BCIA,wBAKF,2DDLE,gCCMA,kBDXW,GCIb,2DDHE,+BCIA,wBAKF,2DDLE,gCCMA,kBDXW,GCIb,2DDHE,+BCIA,wBAKF,2DDLE,gCCMA,kBDXW,GCIb,2DDHE,gCCIA,yBAKF,2DDLE,iCCMA,kBDXW,ICIb,2DDHE,gCCIA,yBAKF,2DDLE,iCCMA,kBDXW,ICIb,2DDHE,gCCIA,yBAKF,2DDLE,iCCMA,kBDXW,ICgBb,2DDHE,6BCIA,wBAKF,2DDLE,8BCMA,kBDXW,GCIb,2DDHE,6BCIA,wBAKF,2DDLE,8BCMA,kBDXW,GCIb,2DDHE,6BCIA,wBAKF,2DDLE,8BCMA,kBDXW,GCIb,2DDHE,6BCIA,wBAKF,2DDLE,8BCMA,kBDXW,GCIb,2DDHE,6BCIA,wBAKF,2DDLE,8BCMA,kBDXW,GCIb,2DDHE,6BCIA,wBAKF,2DDLE,8BCMA,kBDXW,GCIb,2DDHE,6BCIA,wBAKF,2DDLE,8BCMA,kBDXW,GCIb,2DDHE,6BCIA,wBAKF,2DDLE,8BCMA,kBDXW,GCIb,2DDHE,6BCIA,wBAKF,2DDLE,8BCMA,kBDXW,GCIb,2DDHE,8BCIA,yBAKF,2DDLE,+BCMA,kBDXW,ICIb,2DDHE,8BCIA,yBAKF,2DDLE,+BCMA,kBDXW,ICIb,2DDHE,8BCIA,yBAKF,2DDLE,+BCMA,kBDXW","file":"grid.css"}
@@ -1 +1 @@
1
- .ams-header{align-items:center;display:flex;flex-wrap:wrap;padding-block:var(--ams-header-padding-block);row-gap:1.5rem}@media screen and (min-width: 68rem){.ams-header{column-gap:var(--ams-header-column-gap);flex-wrap:nowrap}}.ams-header__logo-link{flex:none;outline-offset:var(--ams-header-logo-link-outline-offset)}.ams-header__links{display:none}@media screen and (min-width: 36rem){.ams-header__links{display:block;flex:10 0 auto}}@media screen and (min-width: 68rem){.ams-header__links{order:3}}.ams-header__menu{flex:1;padding-inline-start:var(--ams-page-menu-column-gap);text-align:end}@media screen and (min-width: 68rem){.ams-header__menu{order:4;padding-inline-start:0}}.ams-header__app-name{flex:1 1 100%}@media screen and (min-width: 68rem){.ams-header__app-name{min-inline-size:0;order:2}.ams-header__app-name .ams-header__app-name-heading{display:block;inline-size:100%;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.ams-header__menu-button{background-color:rgba(0,0,0,0);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='M0 3.238h32V7.81H0V3.238zm0 10.476h32v4.572H0v-4.572zM0 24.19h32v4.572H0V24.19z'/></svg>");background-position:center right;background-repeat:no-repeat;background-size:1.1875rem 1.1875rem;border:0;color:var(--ams-page-menu-item-color);font-family:var(--ams-page-menu-item-font-family);font-size:var(--ams-page-menu-item-font-size);font-weight:var(--ams-page-menu-item-font-weight);line-height:var(--ams-page-menu-item-line-height);margin-block:0;padding-inline:0 1.875rem;text-align:center;touch-action:manipulation}/*# sourceMappingURL=header.css.map */
1
+ .ams-header{align-items:center;display:flex;flex-wrap:wrap;padding-block:var(--ams-header-padding-block);row-gap:1.5rem}@media screen and (min-width: 68rem){.ams-header{column-gap:var(--ams-header-column-gap);flex-wrap:nowrap}}.ams-header__logo-link{flex:none;outline-offset:var(--ams-header-logo-link-outline-offset)}.ams-header__links{display:none}@media screen and (min-width: 36rem){.ams-header__links{display:block;flex:10 0 auto}}@media screen and (min-width: 68rem){.ams-header__links{order:3}}.ams-header__menu{flex:1;padding-inline-start:var(--ams-page-menu-column-gap);text-align:end}@media screen and (min-width: 68rem){.ams-header__menu{order:4;padding-inline-start:0}}.ams-header__app-name{flex:1 1 100%}@media screen and (min-width: 68rem){.ams-header__app-name{min-inline-size:0;order:2}.ams-header__app-name .ams-header__app-name-heading{display:block;inline-size:100%;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.ams-header__menu-button{background-color:rgba(0,0,0,0);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23004699' fill-rule='evenodd' d='M0 3.238h32V7.81H0V3.238zm0 10.476h32v4.572H0v-4.572zM0 24.19h32v4.572H0V24.19z'/></svg>");background-position:center right;background-repeat:no-repeat;background-size:1.1875rem 1.1875rem;border:0;color:var(--ams-page-menu-item-color);font-family:var(--ams-page-menu-item-font-family);font-size:var(--ams-page-menu-item-font-size);font-weight:var(--ams-page-menu-item-font-weight);line-height:var(--ams-page-menu-item-line-height);margin-block:0;margin-inline:0;padding-inline:0 1.875rem;text-align:center;touch-action:manipulation}/*# sourceMappingURL=header.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/header/header.scss"],"names":[],"mappings":"AAOA,YACE,mBACA,aACA,eACA,8CACA,eAEA,qCAPF,YAQI,wCACA,kBAIJ,uBACE,UACA,0DAGF,mBACE,aAEA,qCAHF,mBAII,cACA,gBAGF,qCARF,mBASI,SAIJ,kBACE,OACA,qDACA,eAEA,qCALF,kBAMI,QACA,wBAIJ,sBACE,cAEA,qCAHF,sBAII,kBACA,QAEA,oDACE,cACA,iBACA,cACA,gBACA,uBACA,oBAMN,yBACE,+BACA,mPACA,iCACA,4BACA,oCACA,SACA,sCACA,kDACA,8CACA,kDACA,kDACA,eACA,0BACA,kBACA","file":"header.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/header/header.scss"],"names":[],"mappings":"AAOA,YACE,mBACA,aACA,eACA,8CACA,eAEA,qCAPF,YAQI,wCACA,kBAIJ,uBACE,UACA,0DAGF,mBACE,aAEA,qCAHF,mBAII,cACA,gBAGF,qCARF,mBASI,SAIJ,kBACE,OACA,qDACA,eAEA,qCALF,kBAMI,QACA,wBAIJ,sBACE,cAEA,qCAHF,sBAII,kBACA,QAEA,oDACE,cACA,iBACA,cACA,gBACA,uBACA,oBAMN,yBACE,+BACA,mPACA,iCACA,4BACA,oCACA,SACA,sCACA,kDACA,8CACA,kDACA,kDACA,eACA,gBACA,0BACA,kBACA","file":"header.css"}
@@ -0,0 +1 @@
1
+ .ams-hint{color:var(--ams-hint-color);display:inline-block}/*# sourceMappingURL=hint.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/hint/hint.scss"],"names":[],"mappings":"AAKA,UACE,4BACA","file":"hint.css"}
@@ -1 +1 @@
1
- .ams-icon-button{background-color:rgba(0,0,0,0);color:var(--ams-icon-button-color);cursor:pointer;outline-offset:var(--ams-icon-button-outline-offset);touch-action:manipulation;border:0;padding-block:0;padding-inline:0}.ams-icon-button:hover{background-color:var(--ams-icon-button-hover-background-color);color:var(--ams-icon-button-hover-color)}.ams-icon-button:disabled{background-color:rgba(0,0,0,0);color:var(--ams-icon-button-disabled-color);cursor:not-allowed}.ams-icon-button--on-background-light{color:var(--ams-icon-button-on-background-light-color)}.ams-icon-button--on-background-light:hover{background-color:var(--ams-icon-button-on-background-light-hover-background-color);color:var(--ams-icon-button-on-background-light-hover-color)}.ams-icon-button--on-background-light:disabled{background-color:rgba(0,0,0,0);color:var(--ams-icon-button-on-background-light-disabled-color)}.ams-icon-button--on-background-dark{background-color:var(--ams-icon-button-on-background-dark-background-color);color:var(--ams-icon-button-on-background-dark-color)}.ams-icon-button--on-background-dark:hover{background-color:var(--ams-icon-button-on-background-dark-hover-background-color);color:var(--ams-icon-button-on-background-dark-hover-color)}.ams-icon-button--on-background-dark:disabled{background-color:var(--ams-icon-button-on-background-dark-disabled-background-color);color:var(--ams-icon-button-on-background-dark-disabled-color)}/*# sourceMappingURL=icon-button.css.map */
1
+ .ams-icon-button{background-color:rgba(0,0,0,0);color:var(--ams-icon-button-color);cursor:pointer;outline-offset:var(--ams-icon-button-outline-offset);touch-action:manipulation;border:0;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.ams-icon-button:hover{background-color:var(--ams-icon-button-hover-background-color);color:var(--ams-icon-button-hover-color)}.ams-icon-button:disabled{background-color:rgba(0,0,0,0);color:var(--ams-icon-button-disabled-color);cursor:not-allowed}.ams-icon-button--contrast-color{color:var(--ams-icon-button-contrast-color-color)}.ams-icon-button--contrast-color:hover{background-color:var(--ams-icon-button-contrast-color-hover-background-color);color:var(--ams-icon-button-contrast-color-hover-color)}.ams-icon-button--contrast-color:disabled{background-color:rgba(0,0,0,0);color:var(--ams-icon-button-contrast-color-disabled-color)}.ams-icon-button--inverse-color{background-color:var(--ams-icon-button-inverse-color-background-color);color:var(--ams-icon-button-inverse-color-color)}.ams-icon-button--inverse-color:hover{background-color:var(--ams-icon-button-inverse-color-hover-background-color);color:var(--ams-icon-button-inverse-color-hover-color)}.ams-icon-button--inverse-color:disabled{background-color:var(--ams-icon-button-inverse-color-disabled-background-color);color:var(--ams-icon-button-inverse-color-disabled-color)}/*# sourceMappingURL=icon-button.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/icon-button/icon-button.scss"],"names":[],"mappings":"AAWA,iBACE,+BACA,mCACA,eACA,qDACA,0BAVA,SACA,gBACA,iBAUA,uBACE,+DACA,yCAGF,0BACE,+BACA,4CACA,mBAMJ,sCACE,uDAEA,4CACE,mFACA,6DAGF,+CACE,+BACA,gEAIJ,qCACE,4EACA,sDAEA,2CACE,kFACA,4DAGF,8CACE,qFACA","file":"icon-button.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/icon-button/icon-button.scss"],"names":[],"mappings":"AAeA,iBACE,+BACA,mCACA,eACA,qDACA,0BAdA,SACA,eACA,gBACA,gBACA,iBAcA,uBACE,+DACA,yCAGF,0BACE,+BACA,4CACA,mBAIJ,iCACE,kDAEA,uCACE,8EACA,wDAGF,0CACE,+BACA,2DAIJ,gCACE,uEACA,iDAEA,sCACE,6EACA,uDAGF,yCACE,gFACA","file":"icon-button.css"}