@amsterdam/design-system-css 0.11.1 → 0.13.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.
- package/CHANGELOG.md +42 -17
- package/README.md +69 -40
- package/dist/accordion/accordion.css +1 -1
- package/dist/accordion/accordion.css.map +1 -1
- package/dist/action-group/action-group.css +1 -0
- package/dist/action-group/action-group.css.map +1 -0
- package/dist/avatar/avatar.css +1 -1
- package/dist/avatar/avatar.css.map +1 -1
- package/dist/blockquote/blockquote.css.map +1 -1
- package/dist/breakout/breakout.css +1 -0
- package/dist/breakout/breakout.css.map +1 -0
- package/dist/button/button.css +1 -1
- package/dist/button/button.css.map +1 -1
- package/dist/checkbox/checkbox.css.map +1 -1
- package/dist/description-list/description-list.css +1 -1
- package/dist/description-list/description-list.css.map +1 -1
- package/dist/dialog/dialog.css +1 -1
- package/dist/dialog/dialog.css.map +1 -1
- package/dist/field/field.css +1 -1
- package/dist/field/field.css.map +1 -1
- package/dist/file-input/file-input.css.map +1 -1
- package/dist/grid/grid.css +1 -1
- package/dist/grid/grid.css.map +1 -1
- package/dist/header/header.css +1 -1
- package/dist/header/header.css.map +1 -1
- package/dist/hint/hint.css +1 -0
- package/dist/hint/hint.css.map +1 -0
- package/dist/icon-button/icon-button.css +1 -1
- package/dist/icon-button/icon-button.css.map +1 -1
- package/dist/image-slider/image-slider.css +1 -0
- package/dist/image-slider/image-slider.css.map +1 -0
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/link/link.css +1 -1
- package/dist/link/link.css.map +1 -1
- package/dist/link-list/link-list.css +1 -1
- package/dist/link-list/link-list.css.map +1 -1
- package/dist/ordered-list/ordered-list.css +1 -1
- package/dist/ordered-list/ordered-list.css.map +1 -1
- package/dist/pagination/pagination.css +1 -1
- package/dist/pagination/pagination.css.map +1 -1
- package/dist/password-input/password-input.css +1 -0
- package/dist/password-input/password-input.css.map +1 -0
- package/dist/radio/radio.css +1 -1
- package/dist/radio/radio.css.map +1 -1
- package/dist/screen/screen.css +1 -1
- package/dist/screen/screen.css.map +1 -1
- package/dist/search-field/search-field.css.map +1 -1
- package/dist/select/select.css.map +1 -1
- package/dist/switch/switch.css +1 -1
- package/dist/switch/switch.css.map +1 -1
- package/dist/tabs/tabs.css +1 -1
- package/dist/tabs/tabs.css.map +1 -1
- package/dist/unordered-list/unordered-list.css +1 -1
- package/dist/unordered-list/unordered-list.css.map +1 -1
- package/package.json +11 -6
- package/src/components/accordion/accordion.scss +10 -1
- package/src/components/action-group/README.md +14 -0
- package/src/components/action-group/action-group.scss +15 -0
- package/src/components/avatar/README.md +3 -3
- package/src/components/avatar/avatar.scss +9 -0
- package/src/components/blockquote/blockquote.scss +4 -4
- package/src/components/breadcrumb/README.md +7 -9
- package/src/components/breakout/README.md +5 -0
- package/src/components/breakout/breakout.scss +163 -0
- package/src/components/button/README.md +5 -4
- package/src/components/button/button.scss +16 -7
- package/src/components/card/README.md +5 -1
- package/src/components/checkbox/README.md +1 -1
- package/src/components/checkbox/checkbox.scss +2 -2
- package/src/components/description-list/README.md +6 -5
- package/src/components/description-list/description-list.scss +27 -11
- package/src/components/dialog/README.md +2 -9
- package/src/components/dialog/dialog.scss +13 -30
- package/src/components/field/README.md +1 -1
- package/src/components/field/field.scss +1 -0
- package/src/components/field-set/README.md +2 -0
- package/src/components/file-input/file-input.scss +2 -2
- package/src/components/footer/README.md +4 -4
- package/src/components/gap/README.md +9 -7
- package/src/components/grid/README.md +11 -12
- package/src/components/grid/_mixins.scss +110 -0
- package/src/components/grid/grid.scss +33 -37
- package/src/components/header/README.md +9 -11
- package/src/components/header/header.scss +1 -0
- package/src/components/hint/README.md +9 -0
- package/src/components/hint/hint.scss +9 -0
- package/src/components/icon-button/icon-button.scss +18 -14
- package/src/components/image-slider/README.md +25 -0
- package/src/components/image-slider/image-slider.scss +89 -0
- package/src/components/index.scss +5 -0
- package/src/components/label/README.md +3 -1
- package/src/components/link/README.md +5 -0
- package/src/components/link/link.scss +10 -10
- package/src/components/link-list/README.md +2 -3
- package/src/components/link-list/link-list.scss +6 -6
- package/src/components/margin/README.md +6 -6
- package/src/components/mark/README.md +1 -6
- package/src/components/ordered-list/README.md +5 -0
- package/src/components/ordered-list/ordered-list.scss +3 -5
- package/src/components/page-menu/README.md +5 -1
- package/src/components/pagination/pagination.scss +6 -6
- package/src/components/password-input/README.md +29 -0
- package/src/components/password-input/password-input.scss +59 -0
- package/src/components/radio/README.md +2 -2
- package/src/components/radio/radio.scss +123 -90
- package/src/components/screen/README.md +9 -8
- package/src/components/screen/screen.scss +1 -0
- package/src/components/search-field/README.md +1 -1
- package/src/components/search-field/search-field.scss +3 -3
- package/src/components/select/select.scss +2 -2
- package/src/components/skip-link/README.md +0 -5
- package/src/components/spotlight/README.md +2 -1
- package/src/components/switch/README.md +2 -2
- package/src/components/switch/switch.scss +9 -6
- package/src/components/tabs/README.md +3 -1
- package/src/components/tabs/tabs.scss +12 -0
- package/src/components/text-input/README.md +1 -1
- package/src/components/top-task-link/README.md +4 -0
- package/src/components/unordered-list/README.md +6 -0
- package/src/components/unordered-list/unordered-list.scss +3 -5
package/CHANGELOG.md
CHANGED
|
@@ -3,8 +3,49 @@
|
|
|
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.
|
|
6
|
+
## [0.13.0](https://github.com/Amsterdam/design-system/compare/design-system-css-v0.12.0...design-system-css-v0.13.0) (2024-10-28)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### ⚠ BREAKING CHANGES
|
|
10
|
+
|
|
11
|
+
* Rename Description List ‘details’ to ’description’ ([#1703](https://github.com/Amsterdam/design-system/issues/1703))
|
|
12
|
+
|
|
13
|
+
### Bug Fixes
|
|
14
|
+
|
|
15
|
+
* Rename Description List ‘details’ to ’description’ ([#1703](https://github.com/Amsterdam/design-system/issues/1703)) ([139d8cb](https://github.com/Amsterdam/design-system/commit/139d8cb5c8fc4ffc93a2283abeabda6b8364b7cc))
|
|
7
16
|
|
|
17
|
+
## [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)
|
|
18
|
+
|
|
19
|
+
### ⚠ BREAKING CHANGES
|
|
20
|
+
|
|
21
|
+
* Add Action Group component, e.g. to wrap Dialog buttons in ([#1592](https://github.com/Amsterdam/design-system/issues/1592))
|
|
22
|
+
* Use inline SVG icon for Radio button ([#1460](https://github.com/Amsterdam/design-system/issues/1460))
|
|
23
|
+
* Remove unnecessary Dialog wrapper ([#1591](https://github.com/Amsterdam/design-system/issues/1591))
|
|
24
|
+
* Remove form from Dialog ([#1582](https://github.com/Amsterdam/design-system/issues/1582))
|
|
25
|
+
* 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))
|
|
26
|
+
|
|
27
|
+
### Features
|
|
28
|
+
|
|
29
|
+
* 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))
|
|
30
|
+
* 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))
|
|
31
|
+
* 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))
|
|
32
|
+
* 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))
|
|
33
|
+
* Add initial Password Input component ([#1449](https://github.com/Amsterdam/design-system/issues/1449)) ([3cc863](https://github.com/Amsterdam/design-system/commit/3cc863ec8f1f2b50f79a426fd41676ab05838768))
|
|
34
|
+
* 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))
|
|
35
|
+
* 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))
|
|
36
|
+
* Image slider ([#1595](https://github.com/Amsterdam/design-system/issues/1595)) ([58e7766](https://github.com/Amsterdam/design-system/commit/58e77661ad99acb5d3f6e10cbfca981345dc8704))
|
|
37
|
+
* 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))
|
|
38
|
+
* 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))
|
|
39
|
+
* Remove form from Dialog ([#1582](https://github.com/Amsterdam/design-system/issues/1582)) ([4fb6e53](https://github.com/Amsterdam/design-system/commit/4fb6e53441f3bae914eb483da2f0537a65273fd2))
|
|
40
|
+
* Remove margin Safari sets on buttons ([#1529](https://github.com/Amsterdam/design-system/issues/1529)) ([2ccc1b](https://github.com/Amsterdam/design-system/commit/2ccc1bc4eba83a49c37213582fae5d9e7ee6fc98))
|
|
41
|
+
* Remove unnecessary Dialog wrapper ([#1591](https://github.com/Amsterdam/design-system/issues/1591)) ([450b0c3](https://github.com/Amsterdam/design-system/commit/450b0c3e9adf5bdd9fb868400e17aaaea4b2c545))
|
|
42
|
+
* 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))
|
|
43
|
+
* Show Switch in forced colors mode ([#1528](https://github.com/Amsterdam/design-system/issues/1528)) ([302ae7](https://github.com/Amsterdam/design-system/commit/302ae75ecc5de23cbb0f371d169daa9ed0a1a61c))
|
|
44
|
+
* 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))
|
|
45
|
+
* 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))
|
|
46
|
+
* 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))
|
|
47
|
+
|
|
48
|
+
## [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
49
|
|
|
9
50
|
### Bug Fixes
|
|
10
51
|
|
|
@@ -12,7 +53,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
12
53
|
|
|
13
54
|
## [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
55
|
|
|
15
|
-
|
|
16
56
|
### ⚠ BREAKING CHANGES
|
|
17
57
|
|
|
18
58
|
* Apply default gap in Row and Column without extra class ([#1422](https://github.com/Amsterdam/design-system/issues/1422))
|
|
@@ -36,7 +76,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
36
76
|
* 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
77
|
* 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
78
|
|
|
39
|
-
|
|
40
79
|
### Bug Fixes
|
|
41
80
|
|
|
42
81
|
* 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 +83,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
44
83
|
|
|
45
84
|
## [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
85
|
|
|
47
|
-
|
|
48
86
|
### ⚠ BREAKING CHANGES
|
|
49
87
|
|
|
50
88
|
* Allow additional background colours for Avatar and remove dark blue option ([#1257](https://github.com/Amsterdam/design-system/issues/1257))
|
|
@@ -59,7 +97,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
59
97
|
* 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
98
|
* 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
99
|
|
|
62
|
-
|
|
63
100
|
### Bug Fixes
|
|
64
101
|
|
|
65
102
|
* Fix FieldSet float issue ([#1268](https://github.com/Amsterdam/design-system/issues/1268)) ([5593916](https://github.com/Amsterdam/design-system/commit/5593916904db612f4dfa1c5d02c88add35d0103a))
|
|
@@ -67,7 +104,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
67
104
|
|
|
68
105
|
## [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
106
|
|
|
70
|
-
|
|
71
107
|
### ⚠ BREAKING CHANGES
|
|
72
108
|
|
|
73
109
|
* Disallow directional style rules ([#1245](https://github.com/Amsterdam/design-system/issues/1245))
|
|
@@ -93,7 +129,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
93
129
|
* 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
130
|
* 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
131
|
|
|
96
|
-
|
|
97
132
|
### Bug Fixes
|
|
98
133
|
|
|
99
134
|
* Disallow directional style rules ([#1245](https://github.com/Amsterdam/design-system/issues/1245)) ([8ab6f81](https://github.com/Amsterdam/design-system/commit/8ab6f81d4cbcdb75b7acb986a145d49ccd1895c8))
|
|
@@ -103,7 +138,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
103
138
|
|
|
104
139
|
## [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
140
|
|
|
106
|
-
|
|
107
141
|
### ⚠ BREAKING CHANGES
|
|
108
142
|
|
|
109
143
|
* Rename Form Label to Label ([#1201](https://github.com/Amsterdam/design-system/issues/1201))
|
|
@@ -124,27 +158,23 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
124
158
|
* 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
159
|
* Time input component ([#1202](https://github.com/Amsterdam/design-system/issues/1202)) ([ccec68e](https://github.com/Amsterdam/design-system/commit/ccec68efafa02d5f9ac9bd4abea6c5e7cb72d556))
|
|
126
160
|
|
|
127
|
-
|
|
128
161
|
### Bug Fixes
|
|
129
162
|
|
|
130
163
|
* 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
164
|
|
|
132
165
|
## [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
166
|
|
|
134
|
-
|
|
135
167
|
### Features
|
|
136
168
|
|
|
137
169
|
* Add Avatar component ([#1134](https://github.com/Amsterdam/design-system/issues/1134)) ([8dec2cf](https://github.com/Amsterdam/design-system/commit/8dec2cff8f7885ccb163774c0dc979fb2c781256))
|
|
138
170
|
* Add Form Field Character Counter ([#1114](https://github.com/Amsterdam/design-system/issues/1114)) ([779ae8c](https://github.com/Amsterdam/design-system/commit/779ae8c9764b23508ffbfb38c6dc2f7a7c1cbd28))
|
|
139
171
|
|
|
140
|
-
|
|
141
172
|
### Bug Fixes
|
|
142
173
|
|
|
143
174
|
* 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
175
|
|
|
145
176
|
## [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
177
|
|
|
147
|
-
|
|
148
178
|
### ⚠ BREAKING CHANGES
|
|
149
179
|
|
|
150
180
|
* Shorten namespaces in theme and tokens ([#1125](https://github.com/Amsterdam/design-system/issues/1125))
|
|
@@ -155,14 +185,12 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
155
185
|
|
|
156
186
|
## [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
187
|
|
|
158
|
-
|
|
159
188
|
### Bug Fixes
|
|
160
189
|
|
|
161
190
|
* Button fixes ([#1122](https://github.com/Amsterdam/design-system/issues/1122)) ([b5a9504](https://github.com/Amsterdam/design-system/commit/b5a950491f46710d92526ce6012f7d76992a569f))
|
|
162
191
|
|
|
163
192
|
## [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
193
|
|
|
165
|
-
|
|
166
194
|
### ⚠ BREAKING CHANGES
|
|
167
195
|
|
|
168
196
|
* 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 +215,12 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
187
215
|
* 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
216
|
* 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
217
|
|
|
190
|
-
|
|
191
218
|
### Bug Fixes
|
|
192
219
|
|
|
193
220
|
* 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
221
|
|
|
195
222
|
## [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
223
|
|
|
197
|
-
|
|
198
224
|
### ⚠ BREAKING CHANGES
|
|
199
225
|
|
|
200
226
|
* Add theme setup and compact theme ([#1067](https://github.com/Amsterdam/design-system/issues/1067))
|
|
@@ -208,7 +234,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
208
234
|
* 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
235
|
* 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
236
|
|
|
211
|
-
|
|
212
237
|
## [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
238
|
|
|
214
239
|
### ⚠ BREAKING CHANGES
|
package/README.md
CHANGED
|
@@ -1,72 +1,101 @@
|
|
|
1
1
|
<!-- @license CC0-1.0 -->
|
|
2
2
|
|
|
3
|
-
# CSS
|
|
3
|
+
# Amsterdam Design System: CSS components
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
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
|
-
|
|
8
|
+
## Introduction
|
|
9
9
|
|
|
10
|
-
|
|
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
|
-
<
|
|
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
|
-
|
|
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
|
-
|
|
45
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
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);
|
|
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,
|
|
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"}
|
package/dist/avatar/avatar.css
CHANGED
|
@@ -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,
|
|
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,
|
|
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"}
|
package/dist/button/button.css
CHANGED
|
@@ -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--
|
|
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":"
|
|
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,
|
|
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);
|
|
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__description{font-weight:var(--ams-description-list-description-font-weight);padding-inline-start:var(--ams-description-list-description-padding-inline-start);margin-inline:0}@media screen and (min-width: 36rem){.ams-description-list__description{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,
|
|
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,mCACE,gEACA,kFALA,gBASA,qCANF,mCAOI,oBACA","file":"description-list.css"}
|
package/dist/dialog/dialog.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-dialog{background-color:var(--ams-dialog-background-color);border:var(--ams-dialog-border);
|
|
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":"
|
|
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"}
|
package/dist/field/field.css
CHANGED
|
@@ -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 */
|
package/dist/field/field.css.map
CHANGED
|
@@ -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,
|
|
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"}
|
package/dist/grid/grid.css
CHANGED
|
@@ -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 */
|
package/dist/grid/grid.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/grid/grid.scss"],"names":[],"mappings":"
|
|
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"}
|
package/dist/header/header.css
CHANGED
|
@@ -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--
|
|
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 */
|