@amsterdam/design-system-css 0.13.1 → 0.14.1
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 +39 -2
- package/README.md +1 -1
- package/dist/alert/alert.css +1 -1
- package/dist/alert/alert.css.map +1 -1
- package/dist/aspect-ratio/aspect-ratio.css +1 -1
- package/dist/aspect-ratio/aspect-ratio.css.map +1 -1
- package/dist/blockquote/blockquote.css +1 -1
- package/dist/blockquote/blockquote.css.map +1 -1
- package/dist/breadcrumb/breadcrumb.css +1 -1
- package/dist/breadcrumb/breadcrumb.css.map +1 -1
- package/dist/breakout/breakout.css.map +1 -1
- package/dist/date-input/date-input.css +1 -1
- package/dist/date-input/date-input.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/error-message/error-message.css +1 -1
- package/dist/error-message/error-message.css.map +1 -1
- package/dist/figure/figure.css +1 -0
- package/dist/figure/figure.css.map +1 -0
- package/dist/file-input/file-input.css +1 -1
- package/dist/file-input/file-input.css.map +1 -1
- package/dist/file-list/file-list.css +1 -0
- package/dist/file-list/file-list.css.map +1 -0
- package/dist/footer/footer.css +1 -0
- package/dist/footer/footer.css.map +1 -0
- package/dist/gap/gap.css.map +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/heading/heading.css +1 -1
- package/dist/heading/heading.css.map +1 -1
- package/dist/icon/icon.css +1 -1
- package/dist/icon/icon.css.map +1 -1
- package/dist/image/image.css +1 -1
- package/dist/image/image.css.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.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/logo/logo.css +1 -1
- package/dist/logo/logo.css.map +1 -1
- package/dist/margin/margin.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/overlap/overlap.css +1 -1
- package/dist/overlap/overlap.css.map +1 -1
- package/dist/page-heading/page-heading.css +1 -1
- package/dist/page-heading/page-heading.css.map +1 -1
- package/dist/page-menu/page-menu.css +1 -1
- package/dist/page-menu/page-menu.css.map +1 -1
- package/dist/pagination/pagination.css +1 -1
- package/dist/pagination/pagination.css.map +1 -1
- package/dist/paragraph/paragraph.css +1 -1
- package/dist/paragraph/paragraph.css.map +1 -1
- package/dist/password-input/password-input.css +1 -1
- package/dist/password-input/password-input.css.map +1 -1
- 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 +1 -1
- package/dist/search-field/search-field.css.map +1 -1
- package/dist/spotlight/spotlight.css +1 -1
- package/dist/spotlight/spotlight.css.map +1 -1
- package/dist/switch/switch.css +1 -1
- package/dist/switch/switch.css.map +1 -1
- package/dist/table-of-contents/table-of-contents.css +1 -1
- package/dist/table-of-contents/table-of-contents.css.map +1 -1
- package/dist/tabs/tabs.css +1 -1
- package/dist/tabs/tabs.css.map +1 -1
- package/dist/text-area/text-area.css +1 -1
- package/dist/text-area/text-area.css.map +1 -1
- package/dist/text-input/text-input.css +1 -1
- package/dist/text-input/text-input.css.map +1 -1
- package/dist/time-input/time-input.css +1 -1
- package/dist/time-input/time-input.css.map +1 -1
- package/dist/top-task-link/top-task-link.css +1 -1
- package/dist/top-task-link/top-task-link.css.map +1 -1
- package/dist/unordered-list/unordered-list.css +1 -1
- package/dist/unordered-list/unordered-list.css.map +1 -1
- package/documentation/coding-conventions.md +5 -1
- package/package.json +4 -4
- package/src/components/accordion/accordion.scss +1 -1
- package/src/components/alert/alert.scss +1 -0
- package/src/components/aspect-ratio/README.md +15 -11
- package/src/components/aspect-ratio/aspect-ratio.scss +5 -26
- package/src/components/blockquote/blockquote.scss +5 -5
- package/src/components/breadcrumb/breadcrumb.scss +4 -4
- package/src/components/breakout/breakout.scss +3 -3
- package/src/components/button/button.scss +1 -1
- package/src/components/character-count/character-count.scss +1 -1
- package/src/components/checkbox/checkbox.scss +3 -3
- package/src/components/column/column.scss +1 -1
- package/src/components/date-input/date-input.scss +4 -4
- package/src/components/description-list/description-list.scss +34 -12
- package/src/components/dialog/dialog.scss +1 -1
- package/src/components/error-message/error-message.scss +6 -4
- package/src/components/field-set/field-set.scss +4 -4
- package/src/components/figure/README.md +5 -0
- package/src/components/figure/figure.scss +33 -0
- package/src/components/file-input/file-input.scss +4 -3
- package/src/components/file-list/README.md +5 -0
- package/src/components/file-list/file-list.scss +55 -0
- package/src/components/footer/README.md +6 -6
- package/src/components/footer/footer.scss +8 -0
- package/src/components/gap/gap.scss +3 -2
- package/src/components/grid/_mixins.scss +2 -0
- package/src/components/grid/grid.scss +2 -2
- package/src/components/header/README.md +7 -5
- package/src/components/header/header.scss +183 -53
- package/src/components/heading/heading.scss +5 -5
- package/src/components/icon/icon.scss +4 -0
- package/src/components/icon-button/icon-button.scss +2 -2
- package/src/components/image/README.md +27 -5
- package/src/components/image/image.scss +4 -4
- package/src/components/image-slider/image-slider.scss +1 -1
- package/src/components/index.scss +66 -63
- package/src/components/label/label.scss +2 -2
- package/src/components/link/link.scss +1 -1
- package/src/components/link-list/link-list.scss +5 -5
- package/src/components/logo/README.md +1 -1
- package/src/components/logo/logo.scss +1 -0
- package/src/components/margin/margin.scss +3 -2
- package/src/components/ordered-list/ordered-list.scss +4 -4
- package/src/components/overlap/overlap.scss +2 -1
- package/src/components/page-heading/page-heading.scss +5 -5
- package/src/components/page-menu/page-menu.scss +6 -9
- package/src/components/pagination/pagination.scss +4 -4
- package/src/components/paragraph/paragraph.scss +4 -4
- package/src/components/password-input/password-input.scss +4 -4
- package/src/components/radio/radio.scss +28 -6
- package/src/components/row/row.scss +1 -1
- package/src/components/screen/screen.scss +1 -6
- package/src/components/search-field/search-field.scss +2 -28
- package/src/components/select/select.scss +2 -2
- package/src/components/skip-link/README.md +11 -13
- package/src/components/spotlight/README.md +2 -0
- package/src/components/spotlight/spotlight.scss +4 -4
- package/src/components/switch/switch.scss +3 -8
- package/src/components/table-of-contents/table-of-contents.scss +4 -4
- package/src/components/tabs/tabs.scss +24 -5
- package/src/components/text-area/text-area.scss +4 -4
- package/src/components/text-input/text-input.scss +4 -4
- package/src/components/time-input/time-input.scss +4 -4
- package/src/components/top-task-link/top-task-link.scss +4 -9
- package/src/components/unordered-list/unordered-list.scss +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/ordered-list/ordered-list.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/ordered-list/ordered-list.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,kBACE,sBACA,aACA,gCCNA,kCACA,2BACA,8BACA,sBDLA,qBACA,eACA,uBAYF,qDACE,oCACA,gDACA,4CACA,gDACA,gDACA,wDAEA,6EACE,qEACA,uEAIJ,oEACE,4CAGF,4DACE,kDACA,sDAGF,6DACE,6CACA,qEACA,yEACA,6EAEA,qFACE,kFACA","file":"ordered-list.css"}
|
package/dist/overlap/overlap.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-overlap{display:grid}.ams-overlap>*{grid-
|
|
1
|
+
.ams-overlap{display:grid}.ams-overlap>*{grid-column:1/-1;grid-row:1/-1}/*# sourceMappingURL=overlap.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/overlap/overlap.scss"],"names":[],"mappings":"AAKA,aACE,aAEA,eACE","file":"overlap.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/overlap/overlap.scss"],"names":[],"mappings":"AAKA,aACE,aAEA,eACE,iBACA","file":"overlap.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-page-heading{break-after:avoid;break-inside:avoid;color:var(--ams-page-heading-color);font-family:var(--ams-page-heading-font-family);font-size:var(--ams-page-heading-font-size);font-weight:var(--ams-page-heading-font-weight);line-height:var(--ams-page-heading-line-height);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;
|
|
1
|
+
.ams-page-heading{box-sizing:border-box;break-after:avoid;break-inside:avoid;color:var(--ams-page-heading-color);font-family:var(--ams-page-heading-font-family);font-size:var(--ams-page-heading-font-size);font-weight:var(--ams-page-heading-font-weight);line-height:var(--ams-page-heading-line-height);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0}.ams-page-heading--inverse-color{color:var(--ams-page-heading-inverse-color)}/*# sourceMappingURL=page-heading.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/page-heading/page-heading.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/page-heading/page-heading.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAYA,kBACE,sBACA,kBACA,mBACA,oCACA,gDACA,4CACA,gDACA,gDCdA,mEACA,uCACA,mDCEA,kCACA,2BACA,8BACA,sBFJA,eAkBF,iCACE","file":"page-heading.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-page-menu{align-items:center;column-gap:var(--ams-page-menu-column-gap);display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;row-gap:var(--ams-page-menu-row-gap);
|
|
1
|
+
.ams-page-menu{align-items:center;box-sizing:border-box;column-gap:var(--ams-page-menu-column-gap);display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;row-gap:var(--ams-page-menu-row-gap);margin-block:0;padding-inline:0}.ams-page-menu--align-end{justify-content:end}.ams-page-menu--no-wrap{flex-wrap:nowrap}.ams-page-menu__link{box-sizing:border-box;color:var(--ams-page-menu-item-color);display:inline-flex;flex-direction:row;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);gap:var(--ams-page-menu-item-gap);line-height:var(--ams-page-menu-item-line-height);outline-offset:var(--ams-page-menu-item-outline-offset);text-align:center;text-decoration-line:var(--ams-page-menu-item-text-decoration-line);text-decoration-thickness:var(--ams-page-menu-item-text-decoration-thickness);text-underline-offset:var(--ams-page-menu-item-text-underline-offset);touch-action:manipulation;white-space:nowrap;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-page-menu__link:hover,.ams-page-menu__button:hover{color:var(--ams-page-menu-item-hover-color);text-decoration-line:var(--ams-page-menu-item-hover-text-decoration-line)}.ams-page-menu__link svg{color:currentColor}/*# sourceMappingURL=page-menu.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/page-menu/page-menu.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/page-menu/page-menu.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAYA,eACE,mBACA,sBACA,2CACA,aACA,mBACA,eACA,gBACA,qCAZA,eACA,iBAgBF,0BACE,oBAGF,wBACE,iBAqBF,qBACE,sBAlBA,sCACA,oBACA,mBACA,kDACA,8CACA,kDACA,kCACA,kDACA,wDACA,kBACA,oEACA,8EACA,sEACA,0BACA,mBCtCA,kCACA,2BACA,8BACA,sBD6CF,wDAEE,4CACA,0EAGF,yBACE","file":"page-menu.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-pagination__list{color:var(--ams-pagination-color);display:flex;flex-wrap:wrap;font-family:var(--ams-pagination-font-family);font-size:var(--ams-pagination-font-size);font-weight:var(--ams-pagination-font-weight);justify-content:center;line-height:var(--ams-pagination-line-height);list-style-type:none;margin-block:0;padding-inline-start:0}.ams-pagination__button{all:unset;box-sizing:border-box;
|
|
1
|
+
.ams-pagination__list{color:var(--ams-pagination-color);display:flex;flex-wrap:wrap;font-family:var(--ams-pagination-font-family);font-size:var(--ams-pagination-font-size);font-weight:var(--ams-pagination-font-weight);justify-content:center;line-height:var(--ams-pagination-line-height);list-style-type:none;margin-block:0;padding-inline-start:0}.ams-pagination__button{all:unset;outline:revert;box-sizing:border-box;cursor:pointer;display:flex;gap:var(--ams-pagination-button-gap);outline-offset:var(--ams-pagination-button-outline-offset);padding-inline:var(--ams-pagination-button-padding-inline);text-decoration-line:var(--ams-pagination-button-text-decoration-line);text-decoration-thickness:var(--ams-pagination-button-text-decoration-thickness);text-underline-offset:var(--ams-pagination-button-text-underline-offset);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-pagination__button:disabled{display:none}.ams-pagination__button:hover{color:var(--ams-pagination-button-hover-color);text-decoration-line:var(--ams-pagination-button-hover-text-decoration-line)}.ams-pagination__button span.ams-icon svg{block-size:1rem;inline-size:1rem}.ams-pagination__button--current{cursor:default;font-weight:var(--ams-pagination-button-current-font-weight)}.ams-pagination__button--current:hover{text-decoration:none}/*# sourceMappingURL=pagination.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/pagination/pagination.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,sBACE,kCACA,aACA,eACA,8CACA,0CACA,8CACA,uBACA,8CAbA,qBACA,eACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/pagination/pagination.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,sBACE,kCACA,aACA,eACA,8CACA,0CACA,8CACA,uBACA,8CAbA,qBACA,eACA,uBAqBF,wBAJE,UACA,eAQA,sBACA,eACA,aACA,qCACA,2DACA,2DACA,uEACA,iFACA,yEACA,0BCnCA,kCACA,2BACA,8BACA,sBDoCA,iCACE,aAGF,8BACE,+CACA,6EAIF,0CACE,gBACA,iBAIJ,iCACE,eACA,6DAEA,uCACE","file":"pagination.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-paragraph{color:var(--ams-paragraph-color);font-family:var(--ams-paragraph-font-family);font-size:var(--ams-paragraph-font-size);font-weight:var(--ams-paragraph-font-weight);line-height:var(--ams-paragraph-line-height);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;
|
|
1
|
+
.ams-paragraph{box-sizing:border-box;color:var(--ams-paragraph-color);font-family:var(--ams-paragraph-font-family);font-size:var(--ams-paragraph-font-size);font-weight:var(--ams-paragraph-font-weight);line-height:var(--ams-paragraph-line-height);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0}.ams-paragraph--small{font-size:var(--ams-paragraph-small-font-size);line-height:var(--ams-paragraph-small-line-height)}.ams-paragraph--large{font-size:var(--ams-paragraph-large-font-size);line-height:var(--ams-paragraph-large-line-height)}.ams-paragraph--inverse-color{color:var(--ams-paragraph-inverse-color)}/*# sourceMappingURL=paragraph.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/paragraph/paragraph.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/paragraph/paragraph.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAWA,eACE,sBACA,iCACA,6CACA,yCACA,6CACA,6CCPA,kCACA,2BACA,8BACA,sBDLA,eAeF,sBACE,+CACA,mDAGF,sBACE,+CACA,mDAGF,8BACE","file":"paragraph.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-password-input{background-color:var(--ams-password-input-background-color);box-shadow:var(--ams-password-input-box-shadow);color:var(--ams-password-input-color);font-family:var(--ams-password-input-font-family);font-size:var(--ams-password-input-font-size);font-weight:var(--ams-password-input-font-weight);inline-size:100%;line-height:var(--ams-password-input-line-height);outline-offset:var(--ams-password-input-outline-offset);padding-block:var(--ams-password-input-padding-block);padding-inline:var(--ams-password-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;appearance:none;border:0;border-radius:0;
|
|
1
|
+
.ams-password-input{background-color:var(--ams-password-input-background-color);box-shadow:var(--ams-password-input-box-shadow);box-sizing:border-box;color:var(--ams-password-input-color);font-family:var(--ams-password-input-font-family);font-size:var(--ams-password-input-font-size);font-weight:var(--ams-password-input-font-weight);inline-size:100%;line-height:var(--ams-password-input-line-height);outline-offset:var(--ams-password-input-outline-offset);padding-block:var(--ams-password-input-padding-block);padding-inline:var(--ams-password-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-password-input:hover{box-shadow:var(--ams-password-input-hover-box-shadow)}.ams-password-input::placeholder{color:var(--ams-password-input-placeholder-color);opacity:100%}.ams-password-input:disabled{background-color:var(--ams-password-input-disabled-background-color);box-shadow:var(--ams-password-input-disabled-box-shadow);color:var(--ams-password-input-disabled-color);cursor:not-allowed}.ams-password-input:invalid,.ams-password-input[aria-invalid=true]{box-shadow:var(--ams-password-input-invalid-box-shadow)}.ams-password-input:invalid:hover,.ams-password-input[aria-invalid=true]:hover{box-shadow:var(--ams-password-input-invalid-hover-box-shadow)}/*# sourceMappingURL=password-input.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/password-input/password-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/password-input/password-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAeA,oBACE,4DACA,gDACA,sBACA,sCACA,kDACA,8CACA,kDACA,iBACA,kDACA,wDACA,sDACA,wDACA,0BClBA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,SACA,gBACA,eAqBA,0BACE,sDAIJ,iCACE,kDACA,aAGF,6BACE,qEACA,yDACA,+CACA,mBAGF,mEAEE,wDAEA,+EAEE","file":"password-input.css"}
|
package/dist/radio/radio.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-radio__input{appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-radio__input:focus+label{outline:auto}.ams-radio__input:focus:not(:focus-visible)+label{outline:0}.ams-radio__label{color:var(--ams-radio-color);cursor:pointer;display:inline-flex;font-family:var(--ams-radio-font-family);font-size:var(--ams-radio-font-size);font-weight:var(--ams-radio-font-weight);gap:var(--ams-radio-gap);line-height:var(--ams-radio-line-height);outline-offset:var(--ams-radio-outline-offset);text-decoration-thickness:var(--ams-radio-text-decoration-thickness);text-underline-offset:var(--ams-radio-text-underline-offset);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-radio__icon-container{block-size:var(--ams-radio-icon-container-block-size);display:flex;flex:none;inline-size:var(--ams-radio-icon-container-inline-size)}.ams-radio__circle{fill:
|
|
1
|
+
.ams-radio__input{appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-radio__input:focus+label{outline:auto}.ams-radio__input:focus:not(:focus-visible)+label{outline:0}.ams-radio__label{color:var(--ams-radio-color);cursor:pointer;display:inline-flex;font-family:var(--ams-radio-font-family);font-size:var(--ams-radio-font-size);font-weight:var(--ams-radio-font-weight);gap:var(--ams-radio-gap);line-height:var(--ams-radio-line-height);outline-offset:var(--ams-radio-outline-offset);text-decoration-thickness:var(--ams-radio-text-decoration-thickness);text-underline-offset:var(--ams-radio-text-underline-offset);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-radio__icon-container{block-size:var(--ams-radio-icon-container-block-size);display:flex;flex:none;inline-size:var(--ams-radio-icon-container-inline-size)}.ams-radio__circle{fill:var(--ams-radio-circle-fill);stroke:var(--ams-radio-circle-stroke);stroke-width:var(--ams-radio-circle-stroke-width)}.ams-radio__hover-indicator{fill:none;stroke:rgba(0,0,0,0);stroke-width:var(--ams-radio-hover-indicator-stroke-width)}.ams-radio__checked-indicator{display:none;fill:var(--ams-radio-checked-indicator-fill)}.ams-radio__label:hover{color:var(--ams-radio-hover-color);text-decoration-line:var(--ams-radio-hover-text-decoration-line)}.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-hover-stroke)}.ams-radio__label:hover .ams-radio__hover-indicator{stroke:var(--ams-radio-hover-indicator-hover-stroke)}.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-hover-fill)}.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-invalid-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-invalid-fill)}.ams-radio__input:checked+.ams-radio__label .ams-radio__checked-indicator{display:block}.ams-radio__input:disabled+.ams-radio__label{color:var(--ams-radio-disabled-color);cursor:not-allowed}.ams-radio__input:disabled+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-stroke)}.ams-radio__input:disabled+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-fill)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-invalid-stroke)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-invalid-fill)}.ams-radio__input:disabled+.ams-radio__label:hover{text-decoration:none}.ams-radio__input:disabled+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:rgba(0,0,0,0)}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:var(--ams-radio-hover-indicator-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-invalid-hover-fill)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:rgba(0,0,0,0)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-invalid-hover-fill)}@media(forced-colors: active){.ams-radio__label .ams-radio__circle,.ams-radio__label:hover .ams-radio__circle,.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__circle{stroke:FieldText}.ams-radio__label .ams-radio__checked-indicator,.ams-radio__label:hover .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__checked-indicator{fill:FieldText}}@media(forced-colors: active){.ams-radio__input:checked+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:checked+.ams-radio__label:hover .ams-radio__circle{stroke:ActiveText}.ams-radio__input:checked+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:checked+.ams-radio__label:hover .ams-radio__checked-indicator{fill:ActiveText}}@media(forced-colors: active){.ams-radio__input:disabled+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__circle{stroke:GrayText}.ams-radio__input:disabled+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__checked-indicator{fill:GrayText}}/*# sourceMappingURL=radio.css.map */
|
package/dist/radio/radio.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/radio/radio.scss","../../src/common/hide-input.scss","../../src/common/input-label-focus.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AASA,kBCHE,gBACA,cACA,eACA,gBCIA,8BACE,aAGF,kDACE,UFHJ,kBACE,6BACA,eACA,oBACA,yCACA,qCACA,yCACA,yBACA,yCACA,+CACA,qEACA,6DGhBA,kCACA,2BACA,8BACA,sBHkBF,2BACE,sDACA,aACA,UACA,wDAGF,mBACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/radio/radio.scss","../../src/common/hide-input.scss","../../src/common/input-label-focus.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AASA,kBCHE,gBACA,cACA,eACA,gBCIA,8BACE,aAGF,kDACE,UFHJ,kBACE,6BACA,eACA,oBACA,yCACA,qCACA,yCACA,yBACA,yCACA,+CACA,qEACA,6DGhBA,kCACA,2BACA,8BACA,sBHkBF,2BACE,sDACA,aACA,UACA,wDAGF,mBACE,kCACA,sCACA,kDAGF,4BACE,UACA,qBACA,2DAGF,8BACE,aACA,6CAIF,wBACE,mCACA,iEAEA,2CACE,4CAGF,oDACE,qDAGF,sDACE,mDAMF,0EACE,8CAGF,qFACE,qDAMF,0EACE,cAKJ,6CACE,sCACA,mBAEA,gEACE,+CAGF,2EACE,sDAMF,mFAEE,uDAGF,8FAEE,8DAOJ,mDACE,qBAEA,+EACE,qBAMF,gFAEE,oDAGF,yFAEE,6DAGF,2FAEE,2DAMF,yFAEE,6DAGF,kGACE,qBAEF,oGAEE,oEAOJ,8BAKI,0OACE,iBAGF,sRACE,gBAMN,8BAGI,uJACE,kBAGF,6KACE,iBAMN,8BAII,4OACE,gBAGF,6QACE","file":"radio.css"}
|
package/dist/screen/screen.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-screen{background-color:var(--ams-screen-background-color);margin-inline:auto;position:relative
|
|
1
|
+
.ams-screen{background-color:var(--ams-screen-background-color);box-sizing:border-box;margin-inline:auto;position:relative}.ams-screen--full-height{min-block-size:100vh}.ams-screen--wide{max-inline-size:var(--ams-screen-wide-max-inline-size)}.ams-screen--x-wide{max-inline-size:var(--ams-screen-x-wide-max-inline-size)}/*# sourceMappingURL=screen.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/screen/screen.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/screen/screen.scss"],"names":[],"mappings":"AAKA,YACE,oDACA,sBACA,mBACA,kBAGF,yBACE,qBAGF,kBACE,uDAGF,oBACE","file":"screen.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-search-field{display:flex;isolation:isolate}.ams-search-field__input{background-color:var(--ams-search-field-input-background-color);box-shadow:var(--ams-search-field-input-box-shadow);color:var(--ams-search-field-input-color);font-family:var(--ams-search-field-input-font-family);font-size:var(--ams-search-field-input-font-size);font-weight:var(--ams-search-field-input-font-weight);inline-size:100%;line-height:var(--ams-search-field-input-line-height);outline-offset:var(--ams-search-field-input-outline-offset);padding-block:var(--ams-search-field-input-padding-block);padding-inline:var(--ams-search-field-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;appearance:none;border:0;border-radius:0;
|
|
1
|
+
.ams-search-field{display:flex;isolation:isolate}.ams-search-field__input{background-color:var(--ams-search-field-input-background-color);box-shadow:var(--ams-search-field-input-box-shadow);box-sizing:border-box;color:var(--ams-search-field-input-color);font-family:var(--ams-search-field-input-font-family);font-size:var(--ams-search-field-input-font-size);font-weight:var(--ams-search-field-input-font-weight);inline-size:100%;line-height:var(--ams-search-field-input-line-height);outline-offset:var(--ams-search-field-input-outline-offset);padding-block:var(--ams-search-field-input-padding-block);padding-inline:var(--ams-search-field-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-search-field__input:hover{box-shadow:var(--ams-search-field-input-hover-box-shadow)}.ams-search-field__input:focus{z-index:1}.ams-search-field__input:invalid,.ams-search-field__input[aria-invalid=true]{box-shadow:var(--ams-search-field-input-invalid-box-shadow)}.ams-search-field__input:invalid:hover,.ams-search-field__input[aria-invalid=true]:hover{box-shadow:var(--ams-search-field-input-invalid-hover-box-shadow)}.ams-search-field__input::placeholder{color:var(--ams-search-field-input-placeholder-color);opacity:100%}.ams-search-field__input::-webkit-search-cancel-button{appearance:none;background-image:var(--ams-search-field-input-cancel-button-background-image);block-size:var(--ams-search-field-input-cancel-button-block-size);cursor:pointer;inline-size:var(--ams-search-field-input-cancel-button-inline-size);margin-inline-start:.5rem}/*# sourceMappingURL=search-field.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/search-field/search-field.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAOA,kBACE,aACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/search-field/search-field.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAOA,kBACE,aACA,kBAWF,yBACE,gEACA,oDACA,sBACA,0CACA,sDACA,kDACA,sDACA,iBACA,sDACA,4DACA,0DACA,4DACA,0BCvBA,kCACA,2BACA,8BACA,8CDCA,gBACA,SACA,gBACA,eAqBA,+BACE,0DAGF,+BACE,UAIJ,6EAEE,4DAEA,yFAEE,kEAIJ,sCACE,sDACA,aAGF,uDACE,gBACA,8EACA,kEACA,eACA,oEACA","file":"search-field.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-spotlight
|
|
1
|
+
.ams-spotlight{background-color:var(--ams-spotlight-background-color)}.ams-spotlight--blue{background-color:var(--ams-spotlight-blue-background-color)}.ams-spotlight--dark-blue{background-color:var(--ams-spotlight-dark-blue-background-color)}.ams-spotlight--dark-green{background-color:var(--ams-spotlight-dark-green-background-color)}.ams-spotlight--green{background-color:var(--ams-spotlight-green-background-color)}.ams-spotlight--magenta{background-color:var(--ams-spotlight-magenta-background-color)}.ams-spotlight--orange{background-color:var(--ams-spotlight-orange-background-color)}.ams-spotlight--yellow{background-color:var(--ams-spotlight-yellow-background-color)}/*# sourceMappingURL=spotlight.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/spotlight/spotlight.scss"],"names":[],"mappings":"AAKA,qBACE,4DAGF,0BACE,iEAGF,2BACE,kEAGF,sBACE,6DAGF,wBACE,+DAGF,uBACE,8DAGF,uBACE
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/spotlight/spotlight.scss"],"names":[],"mappings":"AAKA,eACE,uDAGF,qBACE,4DAGF,0BACE,iEAGF,2BACE,kEAGF,sBACE,6DAGF,wBACE,+DAGF,uBACE,8DAGF,uBACE","file":"spotlight.css"}
|
package/dist/switch/switch.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-switch__input{appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-switch__input:focus+label{outline:auto}.ams-switch__input:focus:not(:focus-visible)+label{outline:0}.ams-switch__label{--ams-switch-track-border-width: 0.0625rem;background-color:var(--ams-switch-background-color);border:var(--ams-switch-track-border-width) solid rgba(0,0,0,0);border-radius:calc(var(--ams-switch-thumb-inline-size)*2);cursor:pointer;display:inline-block;inline-size:var(--ams-switch-inline-size);outline-offset:var(--ams-switch-outline-offset);transition:background-color .2s ease-in-out
|
|
1
|
+
.ams-switch__input{appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-switch__input:focus+label{outline:auto}.ams-switch__input:focus:not(:focus-visible)+label{outline:0}.ams-switch__label{--ams-switch-track-border-width: 0.0625rem;background-color:var(--ams-switch-background-color);border:var(--ams-switch-track-border-width) solid rgba(0,0,0,0);border-radius:calc(var(--ams-switch-thumb-inline-size)*2);box-sizing:border-box;cursor:pointer;display:inline-block;inline-size:var(--ams-switch-inline-size);outline-offset:var(--ams-switch-outline-offset);transition:background-color .2s ease-in-out}.ams-switch__label::before{background-color:var(--ams-switch-thumb-background-color);block-size:var(--ams-switch-thumb-block-size);border-radius:50%;content:"";display:block;inline-size:var(--ams-switch-thumb-inline-size);transition-duration:.1s;transition-property:box-shadow,transform;transition-timing-function:ease-in-out}@media(forced-colors: active){.ams-switch__label::before{background-color:FieldText}}.ams-switch__input:checked+.ams-switch__label{background-color:var(--ams-switch-checked-background-color)}.ams-switch__input:disabled+.ams-switch__label{background-color:var(--ams-switch-disabled-background-color);cursor:not-allowed}.ams-switch__input:checked+.ams-switch__label::before{transform:translate(calc(100% - 2 * var(--ams-switch-track-border-width)))}.ams-switch:hover .ams-switch__input:enabled+.ams-switch__label::before{box-shadow:var(--ams-switch-thumb-hover-box-shadow)}/*# sourceMappingURL=switch.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/switch/switch.scss","../../src/common/hide-input.scss","../../src/common/input-label-focus.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/switch/switch.scss","../../src/common/hide-input.scss","../../src/common/input-label-focus.scss"],"names":[],"mappings":"AAQA,mBCFE,gBACA,cACA,eACA,gBCIA,+BACE,aAGF,mDACE,UFLJ,mBACE,2CAEA,oDAGA,gEACA,0DACA,sBACA,eACA,qBACA,0CACA,gDACA,4CAGF,2BACE,0DACA,8CACA,kBACA,WACA,cACA,gDACA,wBACA,yCACA,uCAEA,8BAXF,2BAYI,4BAIJ,8CACE,4DAGF,+CACE,6DACA,mBAGF,sDACE,2EAGF,wEACE","file":"switch.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-table-of-contents{display:flex;flex-direction:column;font-family:var(--ams-table-of-contents-font-family);font-size:var(--ams-table-of-contents-font-size);font-weight:var(--ams-table-of-contents-font-weight);gap:var(--ams-table-of-contents-gap);line-height:var(--ams-table-of-contents-line-height)}.ams-table-of-contents__list{display:flex;flex-direction:column;gap:var(--ams-table-of-contents-list-gap);list-style:none;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;
|
|
1
|
+
.ams-table-of-contents{display:flex;flex-direction:column;font-family:var(--ams-table-of-contents-font-family);font-size:var(--ams-table-of-contents-font-size);font-weight:var(--ams-table-of-contents-font-weight);gap:var(--ams-table-of-contents-gap);line-height:var(--ams-table-of-contents-line-height)}.ams-table-of-contents__list{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ams-table-of-contents-list-gap);list-style:none;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0;padding-inline:0}.ams-table-of-contents__list .ams-table-of-contents__list{padding-block-start:var(--ams-table-of-contents-list-list-padding-block-start);padding-inline-start:var(--ams-table-of-contents-list-list-padding-inline-start)}.ams-table-of-contents__link{color:var(--ams-table-of-contents-link-color);outline-offset:var(--ams-table-of-contents-link-outline-offset);text-decoration-line:var(--ams-table-of-contents-link-text-decoration-line);text-decoration-thickness:var(--ams-table-of-contents-link-text-decoration-thickness);text-underline-offset:var(--ams-table-of-contents-link-text-underline-offset)}.ams-table-of-contents__link:hover{color:var(--ams-table-of-contents-link-hover-color);text-decoration-line:var(--ams-table-of-contents-link-hover-text-decoration-line)}/*# sourceMappingURL=table-of-contents.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/table-of-contents/table-of-contents.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/table-of-contents/table-of-contents.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAYA,uBACE,aACA,sBACA,qDACA,iDACA,qDACA,qCACA,qDAGF,6BACE,sBACA,aACA,sBACA,0CACA,gBCjBA,kCACA,2BACA,8BACA,sBDLA,eACA,iBAuBA,0DACE,+EACA,iFAIJ,6BACE,8CACA,gEACA,4EACA,sFACA,8EAEA,mCACE,oDACA","file":"table-of-contents.css"}
|
package/dist/tabs/tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-tabs{display:grid;gap:var(--ams-tabs-gap)}.ams-tabs__list{
|
|
1
|
+
.ams-tabs{display:grid;gap:var(--ams-tabs-gap)}.ams-tabs__list{box-shadow:var(--ams-tabs-list-box-shadow);display:flex;overflow-x:auto}.ams-tabs__button{color:var(--ams-tabs-button-color);cursor:var(--ams-tabs-button-cursor);display:grid;font-family:var(--ams-tabs-button-font-family);font-size:var(--ams-tabs-button-font-size);font-weight:var(--ams-tabs-button-font-weight);line-height:var(--ams-tabs-button-line-height);outline-offset:var(--ams-tabs-button-outline-offset);padding-block:var(--ams-tabs-button-padding-block);padding-inline:var(--ams-tabs-button-padding-inline);background-color:rgba(0,0,0,0);border:0;margin-block:0;margin-inline:0}.ams-tabs__button:disabled{color:var(--ams-tabs-button-disabled-color);cursor:var(--ams-tabs-button-disabled-cursor)}@media(forced-colors: active){.ams-tabs__button:disabled{color:GrayText}}.ams-tabs__button:hover:not([aria-selected=true],[disabled]){box-shadow:var(--ams-tabs-button-hover-box-shadow);color:var(--ams-tabs-button-hover-color)}.ams-tabs__button[aria-selected=true]{box-shadow:var(--ams-tabs-button-selected-box-shadow);color:var(--ams-tabs-button-selected-color);font-weight:var(--ams-tabs-button-selected-font-weight)}@media(forced-colors: active){.ams-tabs__button[aria-selected=true]{background-color:SelectedItem}}.ams-tabs__button-label,.ams-tabs__button-label-hidden{grid-area:1/1}.ams-tabs__button-label-hidden{font-weight:var(--ams-tabs-button-selected-font-weight);pointer-events:none;user-select:none;visibility:hidden}.ams-tabs__panel{overflow-x:auto}/*# sourceMappingURL=tabs.css.map */
|
package/dist/tabs/tabs.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/tabs/tabs.scss"],"names":[],"mappings":"AAgBA,UACE,aACA,wBAGF,gBACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/tabs/tabs.scss"],"names":[],"mappings":"AAgBA,UACE,aACA,wBAGF,gBACE,2CACA,aACA,gBAGF,kBACE,mCACA,qCACA,aACA,+CACA,2CACA,+CACA,+CACA,qDACA,mDACA,qDA7BA,+BACA,SACA,eACA,gBA8BA,2BACE,4CACA,8CAEA,8BAJF,2BAKI,gBAIJ,6DACE,mDACA,yCAGF,sCACE,sDACA,4CACA,wDAEA,8BALF,sCAMI,+BAKN,uDAEE,cAKF,+BACE,wDACA,oBACA,iBACA,kBAGF,iBACE","file":"tabs.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-text-area{background-color:var(--ams-text-area-background-color);box-shadow:var(--ams-text-area-box-shadow);color:var(--ams-text-area-color);font-family:var(--ams-text-area-font-family);font-size:var(--ams-text-area-font-size);font-weight:var(--ams-text-area-font-weight);inline-size:100%;line-height:var(--ams-text-area-line-height);max-inline-size:100%;min-block-size:var(--ams-text-area-min-block-size);outline-offset:var(--ams-text-area-outline-offset);padding-block:var(--ams-text-area-padding-block);padding-inline:var(--ams-text-area-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;appearance:none;border:0;border-radius:0;
|
|
1
|
+
.ams-text-area{background-color:var(--ams-text-area-background-color);box-shadow:var(--ams-text-area-box-shadow);box-sizing:border-box;color:var(--ams-text-area-color);font-family:var(--ams-text-area-font-family);font-size:var(--ams-text-area-font-size);font-weight:var(--ams-text-area-font-weight);inline-size:100%;line-height:var(--ams-text-area-line-height);max-inline-size:100%;min-block-size:var(--ams-text-area-min-block-size);outline-offset:var(--ams-text-area-outline-offset);padding-block:var(--ams-text-area-padding-block);padding-inline:var(--ams-text-area-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-text-area:hover{box-shadow:var(--ams-text-area-hover-box-shadow)}.ams-text-area::placeholder{color:var(--ams-text-area-placeholder-color);opacity:100%}.ams-text-area:disabled{background-color:var(--ams-text-area-disabled-background-color);box-shadow:var(--ams-text-area-disabled-box-shadow);color:var(--ams-text-area-disabled-color);cursor:var(--ams-text-area-disabled-cursor)}.ams-text-area:invalid,.ams-text-area[aria-invalid=true]{box-shadow:var(--ams-text-area-invalid-box-shadow)}.ams-text-area:invalid:hover,.ams-text-area[aria-invalid=true]:hover{box-shadow:var(--ams-text-area-invalid-hover-box-shadow)}.ams-text-area--resize-none{resize:none}.ams-text-area--resize-horizontal{resize:inline}.ams-text-area--resize-vertical{resize:block}.ams-text-area--cols{inline-size:auto}/*# sourceMappingURL=text-area.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/text-area/text-area.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/text-area/text-area.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAeA,eACE,uDACA,2CACA,sBACA,iCACA,6CACA,yCACA,6CACA,iBACA,6CACA,qBACA,mDACA,mDACA,iDACA,mDACA,0BCpBA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,SACA,gBACA,eAuBA,qBACE,iDAIJ,4BACE,6CACA,aAGF,wBACE,gEACA,oDACA,0CACA,4CAGF,yDAEE,mDAEA,qEAEE,yDAIJ,4BACE,YAGF,kCACE,cAGF,gCACE,aAGF,qBACE","file":"text-area.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-text-input{background-color:var(--ams-text-input-background-color);box-shadow:var(--ams-text-input-box-shadow);color:var(--ams-text-input-color);font-family:var(--ams-text-input-font-family);font-size:var(--ams-text-input-font-size);font-weight:var(--ams-text-input-font-weight);inline-size:100%;line-height:var(--ams-text-input-line-height);outline-offset:var(--ams-text-input-outline-offset);padding-block:var(--ams-text-input-padding-block);padding-inline:var(--ams-text-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;appearance:none;border:0;border-radius:0;
|
|
1
|
+
.ams-text-input{background-color:var(--ams-text-input-background-color);box-shadow:var(--ams-text-input-box-shadow);box-sizing:border-box;color:var(--ams-text-input-color);font-family:var(--ams-text-input-font-family);font-size:var(--ams-text-input-font-size);font-weight:var(--ams-text-input-font-weight);inline-size:100%;line-height:var(--ams-text-input-line-height);outline-offset:var(--ams-text-input-outline-offset);padding-block:var(--ams-text-input-padding-block);padding-inline:var(--ams-text-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-text-input:hover{box-shadow:var(--ams-text-input-hover-box-shadow)}.ams-text-input::placeholder{color:var(--ams-text-input-placeholder-color);opacity:100%}.ams-text-input:disabled{background-color:var(--ams-text-input-disabled-background-color);box-shadow:var(--ams-text-input-disabled-box-shadow);color:var(--ams-text-input-disabled-color);cursor:not-allowed}.ams-text-input:invalid,.ams-text-input[aria-invalid=true]{box-shadow:var(--ams-text-input-invalid-box-shadow)}.ams-text-input:invalid:hover,.ams-text-input[aria-invalid=true]:hover{box-shadow:var(--ams-text-input-invalid-hover-box-shadow)}/*# sourceMappingURL=text-input.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/text-input/text-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/text-input/text-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAeA,gBACE,wDACA,4CACA,sBACA,kCACA,8CACA,0CACA,8CACA,iBACA,8CACA,oDACA,kDACA,oDACA,0BClBA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,SACA,gBACA,eAqBA,sBACE,kDAIJ,6BACE,8CACA,aAGF,yBACE,iEACA,qDACA,2CACA,mBAGF,2DAEE,oDAEA,uEAEE","file":"text-input.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-time-input{background-color:var(--ams-time-input-background-color);box-shadow:var(--ams-time-input-box-shadow);color:var(--ams-time-input-color);font-family:var(--ams-time-input-font-family);font-size:var(--ams-time-input-font-size);font-weight:var(--ams-time-input-font-weight);line-height:var(--ams-time-input-line-height);min-block-size:calc(var(--ams-time-input-font-size)*var(--ams-time-input-line-height) + 2*var(--ams-time-input-padding-block));min-inline-size:calc(4ch + 2*var(--ams-time-input-padding-inline));outline-offset:var(--ams-time-input-outline-offset);padding-block:var(--ams-time-input-padding-block);padding-inline:var(--ams-time-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;appearance:none;border:0;border-radius:0;
|
|
1
|
+
.ams-time-input{background-color:var(--ams-time-input-background-color);box-shadow:var(--ams-time-input-box-shadow);box-sizing:border-box;color:var(--ams-time-input-color);font-family:var(--ams-time-input-font-family);font-size:var(--ams-time-input-font-size);font-weight:var(--ams-time-input-font-weight);line-height:var(--ams-time-input-line-height);min-block-size:calc(var(--ams-time-input-font-size)*var(--ams-time-input-line-height) + 2*var(--ams-time-input-padding-block));min-inline-size:calc(4ch + 2*var(--ams-time-input-padding-inline));outline-offset:var(--ams-time-input-outline-offset);padding-block:var(--ams-time-input-padding-block);padding-inline:var(--ams-time-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;appearance:none;border:0;border-radius:0;inline-size:auto;margin-block:0}.ams-time-input:hover{box-shadow:var(--ams-time-input-hover-box-shadow)}.ams-time-input::-webkit-calendar-picker-indicator{appearance:none;background-image:var(--ams-time-input-calender-picker-indicator-background-image);cursor:pointer}.ams-time-input:hover::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-hover-calender-picker-indicator-background-image)}.ams-time-input:disabled{background-color:var(--ams-time-input-disabled-background-color);box-shadow:var(--ams-time-input-disabled-box-shadow);color:var(--ams-time-input-disabled-color);cursor:not-allowed}.ams-time-input:disabled::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-disabled-calender-picker-indicator-background-image);visibility:visible}.ams-time-input:invalid,.ams-time-input[aria-invalid=true]{box-shadow:var(--ams-time-input-invalid-box-shadow)}.ams-time-input:invalid:hover,.ams-time-input[aria-invalid=true]:hover{box-shadow:var(--ams-time-input-invalid-hover-box-shadow)}/*# sourceMappingURL=time-input.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/time-input/time-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/time-input/time-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAgBA,gBACE,wDACA,4CACA,sBACA,kCACA,8CACA,0CACA,8CACA,8CAGA,+HAKA,mEACA,oDACA,kDACA,oDACA,0BC1BA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,SACA,gBACA,iBACA,eA4BA,sBACE,kDAKJ,mDACE,gBACA,kFACA,eAGF,yDACE,wFAGF,yBACE,iEACA,qDACA,2CACA,mBAGF,4DACE,2FACA,mBAGF,2DAEE,oDAEA,uEAEE","file":"time-input.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-top-task-link{break-inside:avoid;display:flex;flex-direction:column;gap:var(--ams-top-task-link-gap);outline-offset:var(--ams-top-task-link-outline-offset);text-decoration:none}.ams-top-task-link__label{color:var(--ams-top-task-link-label-color);font-family:var(--ams-top-task-link-label-font-family);font-size:var(--ams-top-task-link-label-font-size);font-weight:var(--ams-top-task-link-label-font-weight);line-height:var(--ams-top-task-link-label-line-height);text-decoration-line:var(--ams-top-task-link-label-text-decoration-line);text-decoration-thickness:var(--ams-top-task-link-label-text-decoration-thickness);text-underline-offset:var(--ams-top-task-link-label-text-underline-offset);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none
|
|
1
|
+
.ams-top-task-link{break-inside:avoid;display:flex;flex-direction:column;gap:var(--ams-top-task-link-gap);outline-offset:var(--ams-top-task-link-outline-offset);text-decoration:none}.ams-top-task-link__label{box-sizing:border-box;color:var(--ams-top-task-link-label-color);font-family:var(--ams-top-task-link-label-font-family);font-size:var(--ams-top-task-link-label-font-size);font-weight:var(--ams-top-task-link-label-font-weight);line-height:var(--ams-top-task-link-label-line-height);text-decoration-line:var(--ams-top-task-link-label-text-decoration-line);text-decoration-thickness:var(--ams-top-task-link-label-text-decoration-thickness);text-underline-offset:var(--ams-top-task-link-label-text-underline-offset);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-top-task-link:hover .ams-top-task-link__label{color:var(--ams-top-task-link-label-hover-color);text-decoration-line:var(--ams-top-task-link-label-hover-text-decoration-line)}.ams-top-task-link__description{box-sizing:border-box;color:var(--ams-top-task-link-description-color);font-family:var(--ams-top-task-link-description-font-family);font-size:var(--ams-top-task-link-description-font-size);font-weight:var(--ams-top-task-link-description-font-weight);line-height:var(--ams-top-task-link-description-line-height)}/*# sourceMappingURL=top-task-link.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/top-task-link/top-task-link.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,mBACE,mBACA,aACA,sBACA,iCACA,uDACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/top-task-link/top-task-link.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,mBACE,mBACA,aACA,sBACA,iCACA,uDACA,qBAGF,0BACE,sBACA,2CACA,uDACA,mDACA,uDACA,uDACA,yEACA,mFACA,2ECpBA,mEACA,uCACA,mDCEA,kCACA,2BACA,8BACA,sBFmBF,mDACE,iDACA,+EAGF,gCACE,sBACA,iDACA,6DACA,yDACA,6DACA","file":"top-task-link.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-unordered-list{display:grid;gap:var(--ams-unordered-list-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;
|
|
1
|
+
.ams-unordered-list{box-sizing:border-box;display:grid;gap:var(--ams-unordered-list-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;list-style:none;margin-block:0;padding-inline-start:0}.ams-unordered-list:not(.ams-unordered-list--no-markers){color:var(--ams-unordered-list-color);font-family:var(--ams-unordered-list-font-family);font-size:var(--ams-unordered-list-font-size);font-weight:var(--ams-unordered-list-font-weight);line-height:var(--ams-unordered-list-line-height);list-style-type:var(--ams-unordered-list-list-style-type)}.ams-unordered-list:not(.ams-unordered-list--no-markers) .ams-unordered-list__item{margin-inline-start:var(--ams-unordered-list-item-margin-inline-start);padding-inline-start:var(--ams-unordered-list-item-padding-inline-start)}.ams-unordered-list--inverse-color:not(.ams-unordered-list--no-markers){color:var(--ams-unordered-list-inverse-color)}.ams-unordered-list--small:not(.ams-unordered-list--no-markers){font-size:var(--ams-unordered-list-small-font-size);line-height:var(--ams-unordered-list-small-line-height)}:is(.ams-ordered-list,.ams-unordered-list) .ams-unordered-list{gap:var(--ams-unordered-list-unordered-list-gap);list-style-type:var(--ams-unordered-list-unordered-list-list-style-type);padding-block-end:var(--ams-unordered-list-unordered-list-padding-block-end);padding-block-start:var(--ams-unordered-list-unordered-list-padding-block-start)}:is(.ams-ordered-list,.ams-unordered-list) .ams-unordered-list .ams-unordered-list__item{margin-inline-start:var(--ams-unordered-list-unordered-list-item-margin-inline-start);padding-inline-start:var(--ams-unordered-list-unordered-list-item-padding-inline-start)}/*# sourceMappingURL=unordered-list.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/unordered-list/unordered-list.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/unordered-list/unordered-list.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,oBACE,sBACA,aACA,kCCNA,kCACA,2BACA,8BACA,sBDLA,gBACA,eACA,uBAYF,yDACE,sCACA,kDACA,8CACA,kDACA,kDACA,0DAEA,mFACE,uEACA,yEAIJ,wEACE,8CAGF,gEACE,oDACA,wDAGF,+DACE,iDACA,yEACA,6EACA,iFAEA,yFACE,sFACA","file":"unordered-list.css"}
|
|
@@ -39,9 +39,13 @@ Still, we define its thickness and offset for the initial state.
|
|
|
39
39
|
## Use mixins for patterns and resets
|
|
40
40
|
|
|
41
41
|
We use Sass mixins to extract common patterns, especially if they need more than 1 declaration.
|
|
42
|
-
We collect reset styles in mixins as well.
|
|
43
42
|
Both the name of the mixins and their documentation help explain the approach.
|
|
44
43
|
|
|
44
|
+
We collect reset styles in mixins as well.
|
|
45
|
+
These are named after the element they reset, e.g. `@mixin reset-ul`.
|
|
46
|
+
This helps reusing reset styles per element, and reminds to update the mixin if the element type changes.
|
|
47
|
+
The declarations in the mixin must override default user agent styling; otherwise it is not a reset.
|
|
48
|
+
|
|
45
49
|
## Form validation styling
|
|
46
50
|
|
|
47
51
|
We style both the native invalid state (`:invalid`) as the invalid state you can set manually, using `aria-invalid`.
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.
|
|
2
|
+
"version": "0.14.1",
|
|
3
3
|
"author": "Design System Team, City of Amsterdam <designsystem@amsterdam.nl>",
|
|
4
4
|
"description": "Stylesheets for all components from the Amsterdam Design System and some general utilities. Use it to apply the visual design of the City of Amsterdam to your HTML elements or non-React components.",
|
|
5
5
|
"homepage": "https://designsystem.amsterdam/",
|
|
@@ -19,11 +19,11 @@
|
|
|
19
19
|
"directory": "packages/css"
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
|
-
"sass": "1.
|
|
22
|
+
"sass": "1.83.1"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
|
-
"@amsterdam/design-system-tokens": "0.
|
|
26
|
-
"@amsterdam/design-system-assets": "0.
|
|
25
|
+
"@amsterdam/design-system-tokens": "0.14.0",
|
|
26
|
+
"@amsterdam/design-system-assets": "0.3.0"
|
|
27
27
|
},
|
|
28
28
|
"scripts": {
|
|
29
29
|
"build": "sass src/components:dist/ --style=compressed",
|
|
@@ -2,19 +2,23 @@
|
|
|
2
2
|
|
|
3
3
|
# Aspect Ratio
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
Constrains media content to a supported aspect ratio.
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
## Class names
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
|
13
|
-
|
|
|
14
|
-
| `
|
|
15
|
-
| `tall` |
|
|
16
|
-
| `
|
|
9
|
+
Each available aspect ratio has an associated class name.
|
|
10
|
+
The class can be applied to any component or element.
|
|
11
|
+
|
|
12
|
+
| Class name | Example |
|
|
13
|
+
| :-------------------------- | :-------------------------------------------------------------------------- |
|
|
14
|
+
| `ams-aspect-ratio--x-tall` | <div className="ams-docs-token-example--space ams-aspect-ratio--x-tall" /> |
|
|
15
|
+
| `ams-aspect-ratio--tall` | <div className="ams-docs-token-example--space ams-aspect-ratio--tall" /> |
|
|
16
|
+
| `ams-aspect-ratio--square` | <div className="ams-docs-token-example--space ams-aspect-ratio--square" /> |
|
|
17
|
+
| `ams-aspect-ratio--wide` | <div className="ams-docs-token-example--space ams-aspect-ratio--wide" /> |
|
|
18
|
+
| `ams-aspect-ratio--x-wide` | <div className="ams-docs-token-example--space ams-aspect-ratio--x-wide" /> |
|
|
19
|
+
| `ams-aspect-ratio--2x-wide` | <div className="ams-docs-token-example--space ams-aspect-ratio--2x-wide" /> |
|
|
17
20
|
|
|
18
21
|
## Guidelines
|
|
19
22
|
|
|
20
|
-
-
|
|
23
|
+
- Apply one of these classes to an image, video or other media content to constrain its dimensions to one of the available aspect ratios.
|
|
24
|
+
- The default aspect ratio is 16:9.
|
|
@@ -4,30 +4,9 @@
|
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.ams-aspect-ratio {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
aspect-ratio: var(--ams-aspect-ratio-x-tall);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.ams-aspect-ratio--tall {
|
|
16
|
-
aspect-ratio: var(--ams-aspect-ratio-tall);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.ams-aspect-ratio--square {
|
|
20
|
-
aspect-ratio: var(--ams-aspect-ratio-square);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.ams-aspect-ratio--wide {
|
|
24
|
-
aspect-ratio: var(--ams-aspect-ratio-wide);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.ams-aspect-ratio--x-wide {
|
|
28
|
-
aspect-ratio: var(--ams-aspect-ratio-x-wide);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.ams-aspect-ratio--2x-wide {
|
|
32
|
-
aspect-ratio: var(--ams-aspect-ratio-2x-wide);
|
|
7
|
+
@each $name in ("x-tall", "tall", "square", "wide", "x-wide", "2x-wide") {
|
|
8
|
+
&--#{$name} {
|
|
9
|
+
aspect-ratio: var(--ams-aspect-ratio-#{$name}) !important;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
33
12
|
}
|
|
@@ -3,16 +3,16 @@
|
|
|
3
3
|
* Copyright Gemeente Amsterdam
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
@
|
|
7
|
-
@
|
|
6
|
+
@use "../../common/hyphenation" as *;
|
|
7
|
+
@use "../../common/text-rendering" as *;
|
|
8
8
|
|
|
9
|
-
@mixin reset {
|
|
10
|
-
box-sizing: border-box;
|
|
9
|
+
@mixin reset-blockquote {
|
|
11
10
|
margin-block: 0;
|
|
12
11
|
margin-inline: 0;
|
|
13
12
|
}
|
|
14
13
|
|
|
15
14
|
.ams-blockquote {
|
|
15
|
+
box-sizing: border-box;
|
|
16
16
|
break-inside: avoid;
|
|
17
17
|
color: var(--ams-blockquote-color);
|
|
18
18
|
font-family: var(--ams-blockquote-font-family);
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
|
|
24
24
|
@include hyphenation;
|
|
25
25
|
@include text-rendering;
|
|
26
|
-
@include reset;
|
|
26
|
+
@include reset-blockquote;
|
|
27
27
|
|
|
28
28
|
&::before {
|
|
29
29
|
content: open-quote;
|
|
@@ -3,10 +3,9 @@
|
|
|
3
3
|
* Copyright Gemeente Amsterdam
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
@
|
|
6
|
+
@use "../../common/text-rendering" as *;
|
|
7
7
|
|
|
8
|
-
@mixin reset {
|
|
9
|
-
box-sizing: border-box;
|
|
8
|
+
@mixin reset-ol {
|
|
10
9
|
margin-block: 0;
|
|
11
10
|
padding-inline: 0;
|
|
12
11
|
}
|
|
@@ -19,11 +18,12 @@
|
|
|
19
18
|
}
|
|
20
19
|
|
|
21
20
|
.ams-breadcrumb__list {
|
|
21
|
+
box-sizing: border-box;
|
|
22
22
|
break-after: avoid;
|
|
23
23
|
break-inside: avoid;
|
|
24
24
|
|
|
25
25
|
@include text-rendering;
|
|
26
|
-
@include reset;
|
|
26
|
+
@include reset-ol;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
.ams-breadcrumb__item {
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
* Copyright Gemeente Amsterdam
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
@
|
|
7
|
-
@
|
|
8
|
-
@
|
|
6
|
+
@use "../../common/breakpoint" as *;
|
|
7
|
+
@use "../grid/grid" as *;
|
|
8
|
+
@use "../grid/mixins" as *;
|
|
9
9
|
|
|
10
10
|
$ams-breakout-row-span-max: 4;
|
|
11
11
|
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
* Copyright Gemeente Amsterdam
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
@
|
|
7
|
-
@
|
|
8
|
-
@
|
|
6
|
+
@use "../../common/input-label-focus" as *;
|
|
7
|
+
@use "../../common/hide-input" as *;
|
|
8
|
+
@use "../../common/text-rendering" as *;
|
|
9
9
|
|
|
10
10
|
.ams-checkbox__input {
|
|
11
11
|
@include hide-input;
|
|
@@ -3,20 +3,20 @@
|
|
|
3
3
|
* Copyright Gemeente Amsterdam
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
@
|
|
6
|
+
@use "../../common/text-rendering" as *;
|
|
7
7
|
|
|
8
|
-
@mixin reset {
|
|
8
|
+
@mixin reset-input {
|
|
9
9
|
-webkit-appearance: none; // Reset appearance for Safari < 15.4
|
|
10
10
|
appearance: none; // Reset native appearance, this causes issues on iOS and Android devices
|
|
11
11
|
border: 0;
|
|
12
12
|
border-radius: 0; // Reset rounded borders on iOS devices
|
|
13
|
-
box-sizing: border-box;
|
|
14
13
|
margin-block: 0;
|
|
15
14
|
}
|
|
16
15
|
|
|
17
16
|
.ams-date-input {
|
|
18
17
|
background-color: var(--ams-date-input-background-color);
|
|
19
18
|
box-shadow: var(--ams-date-input-box-shadow);
|
|
19
|
+
box-sizing: border-box;
|
|
20
20
|
color: var(--ams-date-input-color);
|
|
21
21
|
font-family: var(--ams-date-input-font-family);
|
|
22
22
|
font-size: var(--ams-date-input-font-size);
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
touch-action: manipulation;
|
|
37
37
|
|
|
38
38
|
@include text-rendering;
|
|
39
|
-
@include reset;
|
|
39
|
+
@include reset-input;
|
|
40
40
|
|
|
41
41
|
&:hover {
|
|
42
42
|
box-shadow: var(--ams-date-input-hover-box-shadow);
|