@amsterdam/design-system-css 0.7.1 → 0.8.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 +28 -0
- package/README.md +21 -0
- package/dist/accordion/accordion.css +1 -1
- package/dist/accordion/accordion.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/button/button.css +1 -1
- package/dist/button/button.css.map +1 -1
- package/dist/checkbox/checkbox.css +1 -1
- package/dist/checkbox/checkbox.css.map +1 -1
- package/dist/date-input/date-input.css +1 -0
- package/dist/date-input/date-input.css.map +1 -0
- package/dist/description-list/description-list.css +1 -0
- package/dist/description-list/description-list.css.map +1 -0
- package/dist/document/document.css +1 -0
- package/dist/document/document.css.map +1 -0
- package/dist/fieldset/fieldset.css +1 -1
- package/dist/fieldset/fieldset.css.map +1 -1
- package/dist/form-field-character-counter/form-field-character-counter.css +1 -1
- package/dist/form-field-character-counter/form-field-character-counter.css.map +1 -1
- package/dist/heading/heading.css +1 -1
- package/dist/heading/heading.css.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/label/label.css +1 -0
- package/dist/label/label.css.map +1 -0
- 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/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/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/select/select.css +1 -0
- package/dist/select/select.css.map +1 -0
- 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 -0
- package/dist/time-input/time-input.css.map +1 -0
- 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 +6 -0
- package/package.json +3 -6
- package/src/common/text-rendering.scss +15 -0
- package/src/components/accordion/accordion.scss +22 -14
- package/src/components/blockquote/blockquote.scss +2 -1
- package/src/components/breadcrumb/breadcrumb.scss +3 -1
- package/src/components/button/button.scss +7 -5
- package/src/components/checkbox/checkbox.scss +8 -11
- package/src/components/date-input/README.md +11 -0
- package/src/components/date-input/date-input.scss +78 -0
- package/src/components/description-list/README.md +18 -0
- package/src/components/description-list/description-list.scss +55 -0
- package/src/components/document/document.scss +14 -0
- package/src/components/fieldset/fieldset.scss +5 -4
- package/src/components/form-field-character-counter/form-field-character-counter.scss +2 -4
- package/src/components/heading/heading.scss +2 -1
- package/src/components/index.scss +6 -1
- package/src/components/{form-label → label}/README.md +1 -1
- package/src/components/label/label.scss +18 -0
- package/src/components/link/link.scss +2 -4
- package/src/components/link-list/link-list.scss +4 -3
- package/src/components/ordered-list/ordered-list.scss +5 -3
- package/src/components/page-heading/page-heading.scss +2 -1
- package/src/components/page-menu/page-menu.scss +8 -1
- package/src/components/pagination/pagination.scss +8 -5
- package/src/components/paragraph/paragraph.scss +3 -1
- package/src/components/radio/radio.scss +5 -8
- package/src/components/screen/screen.scss +6 -1
- package/src/components/search-field/search-field.scss +21 -5
- package/src/components/select/README.md +9 -0
- package/src/components/select/select.scss +60 -0
- package/src/components/tabs/tabs.scss +8 -2
- package/src/components/text-area/text-area.scss +5 -2
- package/src/components/text-input/text-input.scss +5 -2
- package/src/components/time-input/README.md +11 -0
- package/src/components/time-input/time-input.scss +79 -0
- package/src/components/top-task-link/top-task-link.scss +2 -1
- package/src/components/unordered-list/unordered-list.scss +5 -3
- package/dist/form-label/form-label.css +0 -1
- package/dist/form-label/form-label.css.map +0 -1
- package/src/components/form-label/form-label.scss +0 -21
package/dist/link/link.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-link{color:var(--ams-link-color);font-family:var(--ams-link-font-family);font-weight:var(--ams-link-font-weight);outline-offset:var(--ams-link-outline-offset);-webkit-text-size-adjust:
|
|
1
|
+
.ams-link{color:var(--ams-link-color);font-family:var(--ams-link-font-family);font-weight:var(--ams-link-font-weight);outline-offset:var(--ams-link-outline-offset);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-link:hover{color:var(--ams-link-hover-color)}.ams-link--standalone{display:inline-block;font-size:var(--ams-link-standalone-font-size);line-height:var(--ams-link-standalone-line-height);text-decoration-line:var(--ams-link-standalone-text-decoration-line);text-decoration-thickness:var(--ams-link-standalone-text-decoration-thickness);text-underline-offset:var(--ams-link-standalone-text-underline-offset)}.ams-link--standalone:hover{text-decoration-thickness:var(--ams-link-standalone-hover-text-decoration-thickness);text-underline-offset:var(--ams-link-standalone-hover-text-underline-offset)}.ams-link--inline{font-family:var(--ams-link-inline-font-family);font-size:var(--ams-link-inline-font-size);line-height:var(--ams-link-inline-line-height);text-decoration-line:var(--ams-link-inline-text-decoration-line);text-decoration-thickness:var(--ams-link-inline-text-decoration-thickness);text-underline-offset:var(--ams-link-inline-text-underline-offset)}.ams-link--inline:hover{text-decoration-thickness:var(--ams-link-inline-hover-text-decoration-thickness);text-underline-offset:var(--ams-link-inline-hover-text-underline-offset)}.ams-link--inline:visited{color:var(--ams-link-inline-visited-color)}.ams-link--on-background-dark{color:var(--ams-link-on-background-dark-color)}.ams-link--on-background-dark:hover{color:var(--ams-link-on-background-dark-hover-color)}.ams-link--on-background-dark:visited{color:var(--ams-link-on-background-dark-visited-color)}.ams-link--on-background-light{color:var(--ams-link-on-background-light-color)}.ams-link--on-background-light:hover{color:var(--ams-link-on-background-light-hover-color)}.ams-link--on-background-light:visited{color:var(--ams-link-on-background-light-visited-color)}/*# sourceMappingURL=link.css.map */
|
package/dist/link/link.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/link/link.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/link/link.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAOA,UACE,4BACA,wCACA,wCACA,8CCDA,kCACA,2BACA,8BACA,sCDCE,kCAMJ,sBACE,qBACA,+CACA,mDACA,qEACA,+EACA,uEAEA,4BACE,qFACA,6EAIJ,kBACE,+CACA,2CACA,+CACA,iEACA,2EACA,mEAEA,wBACE,iFACA,yEAGF,0BACE,2CAIJ,8BACE,+CAEA,oCACE,qDAGF,sCACE,uDAIJ,+BACE,gDAEA,qCACE,sDAGF,uCACE","file":"link.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-link-list{box-sizing:border-box;list-style:none;margin-block:0;padding-inline-start:0
|
|
1
|
+
.ams-link-list{display:grid;gap:var(--ams-link-list-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;box-sizing:border-box;list-style:none;margin-block:0;padding-inline-start:0}.ams-link-list__link{align-items:flex-start;color:var(--ams-link-list-link-color);display:inline-flex;font-family:var(--ams-link-list-link-font-family);font-size:var(--ams-link-list-link-medium-font-size);font-weight:var(--ams-link-list-link-font-weight);gap:var(--ams-link-list-link-gap);line-height:var(--ams-link-list-link-medium-line-height);outline-offset:var(--ams-link-list-link-outline-offset);text-decoration-line:var(--ams-link-list-link-text-decoration-line);text-decoration-thickness:var(--ams-link-list-link-text-decoration-thickness);text-underline-offset:var(--ams-link-list-link-text-underline-offset)}.ams-link-list__link:hover{color:var(--ams-link-list-link-hover-color);text-decoration-line:var(--ams-link-list-link-hover-text-decoration-line)}.ams-link-list__link--small{font-size:var(--ams-link-list-link-small-font-size);line-height:var(--ams-link-list-link-small-line-height)}.ams-link-list__link--large{font-size:var(--ams-link-list-link-large-font-size);line-height:var(--ams-link-list-link-large-line-height);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap)}.ams-link-list__link--on-background-dark{color:var(--ams-link-list-link-on-background-dark-color)}.ams-link-list__link--on-background-dark:hover{color:var(--ams-link-list-link-on-background-dark-hover-color)}.ams-link-list__link--on-background-light{color:var(--ams-link-list-link-on-background-light-color)}.ams-link-list__link--on-background-light:hover{color:var(--ams-link-list-link-on-background-light-hover-color)}/*# sourceMappingURL=link-list.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/link-list/link-list.scss","../../src/common/hyphenation.scss"],"names":[],"mappings":"AAeA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/link-list/link-list.scss","../../src/common/text-rendering.scss","../../src/common/hyphenation.scss"],"names":[],"mappings":"AAeA,eACE,aACA,6BCPA,kCACA,2BACA,8BACA,sBDJA,sBACA,gBACA,eACA,uBAWF,qBACE,uBACA,sCACA,oBACA,kDACA,qDACA,kDACA,kCACA,yDACA,wDACA,oEACA,8EACA,sEAEA,2BACE,4CACA,0EAIJ,4BACE,oDACA,wDAGF,4BACE,oDACA,wDE5CA,mEACA,uCACA,mDF+CF,yCACE,yDAEA,+CACE,+DAIJ,0CACE,0DAEA,gDACE","file":"link-list.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-ordered-list{box-sizing:border-box;list-style-type:none;margin-block:0;padding-inline-start:0
|
|
1
|
+
.ams-ordered-list{display:grid;gap:var(--ams-ordered-list-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;box-sizing:border-box;list-style-type:none;margin-block:0;padding-inline-start:0}.ams-ordered-list:not(.ams-ordered-list--no-markers){color:var(--ams-ordered-list-color);font-family:var(--ams-ordered-list-font-family);font-size:var(--ams-ordered-list-font-size);font-weight:var(--ams-ordered-list-font-weight);line-height:var(--ams-ordered-list-line-height);list-style-type:var(--ams-ordered-list-list-style-type)}.ams-ordered-list:not(.ams-ordered-list--no-markers) .ams-ordered-list__item{margin-inline-start:var(--ams-ordered-list-item-margin-inline-start);padding-inline-start:var(--ams-ordered-list-item-padding-inline-start)}.ams-ordered-list--inverse-color:not(.ams-ordered-list--no-markers){color:var(--ams-ordered-list-inverse-color)}:is(.ams-ordered-list,.ams-unordered-list) .ams-ordered-list{list-style-type:var(--ams-ordered-list-ordered-list-list-style-type)}:is(.ams-ordered-list,.ams-unordered-list) .ams-ordered-list .ams-ordered-list__item{margin-inline-start:var(--ams-ordered-list-ordered-list-item-margin-inline-start);padding-inline-start:var(--ams-ordered-list-ordered-list-item-padding-inline-start)}/*# sourceMappingURL=ordered-list.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/ordered-list/ordered-list.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/ordered-list/ordered-list.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAgBA,kBACE,aACA,gCCRA,kCACA,2BACA,8BACA,sBDJA,sBACA,qBACA,eACA,uBAaF,qDACE,oCACA,gDACA,4CACA,gDACA,gDACA,wDAGA,6EACE,qEACA,uEAIJ,oEACE,4CAIF,6DACE,qEAEA,qFACE,kFACA","file":"ordered-list.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);
|
|
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;box-sizing:border-box;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"],"names":[],"mappings":"AAaA,kBACE,kBACA,mBACA,oCACA,gDACA,4CACA,gDACA,gDCdA,mEACA,uCACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/page-heading/page-heading.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,kBACE,kBACA,mBACA,oCACA,gDACA,4CACA,gDACA,gDCdA,mEACA,uCACA,mDCEA,kCACA,2BACA,8BACA,sBFJA,sBACA,eAiBF,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;list-style:none;row-gap:var(--ams-page-menu-row-gap);box-sizing:border-box;margin-block:0;padding-inline:0}.ams-page-menu--align-end{justify-content:end}.ams-page-menu__link{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;
|
|
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);box-sizing:border-box;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{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;box-sizing:border-box}.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"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/page-menu/page-menu.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAiBA,eACE,mBACA,2CACA,aACA,mBACA,eACA,gBACA,qCAhBA,sBACA,eACA,iBAmBF,0BACE,oBAGF,wBACE,iBAqBF,qBAjBE,sCACA,oBACA,mBACA,kDACA,8CACA,kDACA,kCACA,kDACA,wDACA,kBACA,oEACA,8EACA,sEACA,0BACA,mBC1CA,kCACA,2BACA,8BACA,sBDCA,sBA+CF,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;outline:revert
|
|
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;outline:revert;cursor:pointer;display:flex;gap:.5rem;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:hover{color:var(--ams-pagination-button-hover-color);text-decoration-line:var(--ams-pagination-button-hover-text-decoration-line)}.ams-pagination__button:disabled{display:none}.ams-pagination__button span.ams-icon svg{height:1rem;width: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"],"names":[],"mappings":"
|
|
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,uBAsBF,wBALE,UACA,sBACA,eAQA,eACA,aACA,UACA,2DACA,2DACA,uEACA,iFACA,yEACA,0BCnCA,kCACA,2BACA,8BACA,sBDkCA,8BACE,+CACA,6EAGF,iCACE,aAIF,0CACE,YACA,WAMJ,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-medium-font-size);font-weight:var(--ams-paragraph-font-weight);line-height:var(--ams-paragraph-medium-line-height);
|
|
1
|
+
.ams-paragraph{color:var(--ams-paragraph-color);font-family:var(--ams-paragraph-font-family);font-size:var(--ams-paragraph-medium-font-size);font-weight:var(--ams-paragraph-font-weight);line-height:var(--ams-paragraph-medium-line-height);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;box-sizing:border-box;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"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/paragraph/paragraph.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAYA,eACE,iCACA,6CACA,gDACA,6CACA,oDCPA,kCACA,2BACA,8BACA,sBDLA,sBACA,eAcF,sBACE,+CACA,mDAGF,sBACE,+CACA,mDAGF,8BACE","file":"paragraph.css"}
|
package/dist/radio/radio.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-radio__input{appearance:none;margin-block:0;margin-inline:0;opacity:0%}.ams-radio__input:focus+label{outline:auto}.ams-radio__input:focus:not(:focus-visible)+label{outline:0}.ams-radio__circle{align-items:center;display:flex;flex-shrink:0;height:calc(var(--ams-radio-font-size)*var(--ams-radio-line-height));width:1.5rem}.ams-radio__circle::after{background-position:center;background-repeat:no-repeat;background-size:1rem;border-color:var(--ams-radio-circle-border-color);border-radius:100%;border-style:solid;border-width
|
|
1
|
+
.ams-radio__input{appearance:none;margin-block:0;margin-inline:0;opacity:0%}.ams-radio__input:focus+label{outline:auto}.ams-radio__input:focus:not(:focus-visible)+label{outline:0}.ams-radio__circle{align-items:center;display:flex;flex-shrink:0;height:calc(var(--ams-radio-font-size)*var(--ams-radio-line-height));width:1.5rem}.ams-radio__circle::after{background-position:center;background-repeat:no-repeat;background-size:1rem;border-color:var(--ams-radio-circle-border-color);border-radius:100%;border-style:solid;border-width:var(--ams-radio-circle-border-width);box-sizing:border-box;content:"";height:1.5rem;width:100%}.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:.5rem;line-height:var(--ams-radio-line-height);outline-offset:var(--ams-radio-outline-offset);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-radio__label:hover{color:var(--ams-radio-hover-color);text-decoration-line:underline;text-decoration-thickness:var(--ams-radio-hover-text-decoration-thickness);text-underline-offset:.375rem}.ams-radio__label:hover .ams-radio__circle::after{border-color:var(--ams-radio-circle-hover-border-color)}.ams-radio__input:checked+.ams-radio__label .ams-radio__circle::after{background-image:var(--ams-radio-circle-checked-background-image)}.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__circle::after{border-color:var(--ams-radio-circle-invalid-border-color)}.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::after{border-color:var(--ams-radio-circle-disabled-border-color);border-width:var(--ams-radio-circle-disabled-border-width)}.ams-radio__input[aria-invalid=true]:checked+.ams-radio__label .ams-radio__circle::after{background-image:var(--ams-radio-circle-invalid-checked-background-image)}.ams-radio__input:disabled+.ams-radio__label:hover{text-decoration:none}.ams-radio__input:disabled:checked+.ams-radio__label .ams-radio__circle::after{background-image:var(--ams-radio-circle-disabled-checked-background-image)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__circle::after{border-color:var(--ams-radio-circle-disabled-border-color)}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__circle::after{border-color:var(--ams-radio-circle-invalid-hover-border-color)}.ams-radio__input:checked+.ams-radio__label:hover .ams-radio__circle::after{background-image:var(--ams-radio-circle-checked-hover-background-image)}.ams-radio__input[aria-invalid=true]:checked+.ams-radio__label:hover .ams-radio__circle::after{background-image:var(--ams-radio-circle-invalid-checked-hover-background-image)}.ams-radio__input:disabled:checked+.ams-radio__label:hover .ams-radio__circle::after{background-image:var(--ams-radio-circle-disabled-checked-hover-background-image)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__circle::after{border-color:var(--ams-radio-circle-disabled-border-color)}.ams-radio__input[aria-invalid=true]:disabled:checked+.ams-radio__label .ams-radio__circle::after{background-image:var(--ams-radio-circle-disabled-checked-background-image)}/*# 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"],"names":[],"mappings":"
|
|
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,eACA,gBACA,WCIA,8BACE,aAGF,kDACE,UFJJ,mBACE,mBACA,aACA,cACA,qEACA,aAEA,0BACE,2BACA,4BACA,qBACA,kDACA,mBACA,mBACA,kDACA,sBACA,WACA,cACA,WAIJ,kBACE,6BACA,eACA,oBACA,yCACA,qCACA,yCACA,UACA,yCACA,+CGnCA,kCACA,2BACA,8BACA,sBHkCA,wBACE,mCACA,+BACA,2EACA,8BAEA,kDACE,wDASJ,sEACE,kEAMF,iFACE,0DAMF,6CACE,sCACA,mBAEA,uEACE,2DACA,2DAOJ,yFACE,0EAKJ,mDACE,qBAKA,+EACE,2EAMF,0FAEE,2DAOJ,uFAEE,gEAIF,4EACE,wEAIF,+FAEE,gFAIF,qFACE,iFAIF,gGAEE,2DAOA,kGAEE","file":"radio.css"}
|
package/dist/screen/screen.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-screen{
|
|
1
|
+
.ams-screen{background-color:var(--ams-screen-background-color);margin-inline:auto;box-sizing:border-box}.ams-screen--full-height{min-height:100vh}.ams-screen--wide{max-width:var(--ams-screen-wide-max-width)}.ams-screen--x-wide{max-width:var(--ams-screen-x-wide-max-width)}/*# sourceMappingURL=screen.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/screen/screen.scss"],"names":[],"mappings":"AASA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/screen/screen.scss"],"names":[],"mappings":"AASA,YACE,oDACA,mBALA,sBAUF,yBACE,iBAGF,kBACE,2CAGF,oBACE","file":"screen.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-search-field{display:flex;isolation:isolate}.ams-search-field__input{
|
|
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);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;width:100%;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;box-sizing:border-box;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::placeholder{color:var(--ams-search-field-input-placeholder-color)}.ams-search-field__input::-webkit-search-cancel-button{appearance:none;background-image:var(--ams-search-field-input-cancel-button-background-image);cursor:pointer;height:var(--ams-search-field-input-cancel-button-height);margin-inline-start:.5rem;width:var(--ams-search-field-input-cancel-button-width)}.ams-search-field__button{background-color:var(--ams-search-field-button-background-color);color:var(--ams-search-field-button-color);cursor:pointer;outline-offset:var(--ams-search-field-button-outline-offset);padding-block:var(--ams-search-field-button-padding-block);padding-inline:var(--ams-search-field-button-padding-inline);touch-action:manipulation;border:0;margin-block:0;margin-inline:0}.ams-search-field__button:hover{background-color:var(--ams-search-field-button-hover-background-color)}/*# sourceMappingURL=search-field.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/search-field/search-field.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/search-field/search-field.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAOA,kBACE,aACA,kBAaF,yBACE,gEACA,oDACA,0CACA,sDACA,kDACA,sDACA,sDACA,4DACA,0DACA,4DACA,0BACA,WCxBA,kCACA,2BACA,8BACA,sBDCA,wBACA,gBACA,SACA,gBACA,sBACA,eAoBA,+BACE,0DAGF,+BACE,UAIJ,sCACE,sDAGF,uDACE,gBACA,8EACA,eACA,0DACA,0BACA,wDAWF,0BACE,iEACA,2CACA,eACA,6DAGA,2DACA,6DACA,0BAhBA,SAGA,eACA,gBAgBA,gCACE","file":"search-field.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ams-select{background-color:var(--ams-select-background-color);box-shadow:var(--ams-select-box-shadow);color:var(--ams-select-color);font-family:var(--ams-select-font-family);font-size:var(--ams-select-font-size);font-weight:var(--ams-select-font-weight);line-height:var(--ams-select-line-height);max-inline-size:100%;outline-offset:var(--ams-select-outline-offset);padding-block:var(--ams-select-padding-block);padding-inline:var(--ams-select-padding-inline);touch-action:manipulation;appearance:none;border:0;border-radius:0}.ams-select:not([multiple]){background-image:var(--ams-select-background-image);background-position:var(--ams-select-background-position);background-repeat:no-repeat;background-size:1em 1em}.ams-select:hover{box-shadow:var(--ams-select-hover-box-shadow)}.ams-select[aria-invalid=true]{box-shadow:var(--ams-select-invalid-box-shadow)}.ams-select[aria-invalid=true]:hover{box-shadow:var(--ams-select-invalid-hover-box-shadow)}.ams-select:disabled{box-shadow:var(--ams-select-disabled-box-shadow);color:var(--ams-select-disabled-color);cursor:not-allowed}.ams-select:disabled:not([multiple]){background-image:var(--ams-select-disabled-background-image)}.ams-select__option:disabled{color:var(--ams-select-option-disabled-color)}/*# sourceMappingURL=select.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/select/select.scss"],"names":[],"mappings":"AAWA,YACE,oDACA,wCACA,8BACA,0CACA,sCACA,0CACA,0CACA,qBACA,gDACA,8CACA,gDACA,0BAjBA,gBACA,SACA,gBAiBA,4BACE,oDACA,0DACA,4BACA,wBAGF,kBACE,8CAMJ,+BACE,gDAEA,qCACE,sDAIJ,qBACE,iDACA,uCACA,mBAEA,qCACE,6DAIJ,6BACE","file":"select.css"}
|
package/dist/tabs/tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-tabs__list{border-bottom:var(--ams-tabs-list-border-bottom);display:flex;overflow-x:auto}.ams-tabs__button{
|
|
1
|
+
.ams-tabs__list{background-color:var(--ams-tabs-list-background-color);border-bottom:var(--ams-tabs-list-border-bottom);display:flex;overflow-x:auto}.ams-tabs__button{color:var(--ams-tabs-button-color);cursor:var(--ams-tabs-button-cursor);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}.ams-tabs__button:disabled{color:var(--ams-tabs-button-disabled-color);cursor:var(--ams-tab-button-disabled-cursor)}.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]{background-color:var(--ams-tabs-button-selected-background-color);color:var(--ams-tabs-button-selected-color)}/*# 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":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/tabs/tabs.scss"],"names":[],"mappings":"AAYA,gBACE,uDACA,iDACA,aACA,gBAGF,kBACE,mCACA,qCACA,+CACA,2CACA,+CACA,+CACA,qDACA,mDACA,qDApBA,+BACA,SAuBA,2BACE,4CACA,6CAGF,6DACE,mDACA,yCAGF,sCACE,kEACA","file":"tabs.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-text-area{border:
|
|
1
|
+
.ams-text-area{background-color:var(--ams-text-area-background-color);border:0;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);line-height:var(--ams-text-area-line-height);max-width:100%;min-height:var(--ams-text-area-min-height);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;width:100%;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;box-sizing:border-box;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)}.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{width:auto}/*# sourceMappingURL=text-area.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/text-area/text-area.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/text-area/text-area.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAYA,eACE,uDACA,SACA,2CACA,iCACA,6CACA,yCACA,6CACA,6CACA,eACA,2CACA,mDACA,iDACA,mDACA,0BACA,WCjBA,kCACA,2BACA,8BACA,sBDLA,sBACA,eAuBA,qBACE,iDAIJ,4BACE,6CAGF,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{border:
|
|
1
|
+
.ams-text-input{background-color:var(--ams-text-input-background-color);border:0;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);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;width:100%;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;box-sizing:border-box;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)}.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"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/text-input/text-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAYA,gBACE,wDACA,SACA,4CACA,kCACA,8CACA,0CACA,8CACA,8CACA,oDACA,kDACA,oDACA,0BACA,WCfA,kCACA,2BACA,8BACA,sBDLA,sBACA,eAqBA,sBACE,kDAIJ,6BACE,8CAGF,yBACE,iEACA,qDACA,2CACA,mBAGF,2DAEE,oDAEA,uEAEE","file":"text-input.css"}
|
|
@@ -0,0 +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-height:calc(var(--ams-time-input-font-size)*var(--ams-time-input-line-height) + 2*var(--ams-time-input-padding-block));min-width: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;box-sizing:border-box;margin-block:0;width:auto}.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 */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/time-input/time-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAkBA,gBACE,wDACA,4CACA,kCACA,8CACA,0CACA,8CACA,8CAGA,2HAKA,6DACA,oDACA,kDACA,oDACA,0BC3BA,kCACA,2BACA,8BACA,sBDJA,wBACA,gBACA,SACA,gBACA,sBACA,eACA,WA2BA,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:.5rem;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);
|
|
1
|
+
.ams-top-task-link{break-inside:avoid;display:flex;flex-direction:column;gap:.5rem;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;box-sizing:border-box}.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{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);box-sizing:border-box}/*# 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"],"names":[],"mappings":"
|
|
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,UACA,uDACA,qBAOF,0BACE,2CACA,uDACA,mDACA,uDACA,uDACA,yEACA,mFACA,2ECvBA,mEACA,uCACA,mDCEA,kCACA,2BACA,8BACA,sBFKA,sBAkBF,mDACE,iDACA,+EAGF,gCACE,iDACA,6DACA,yDACA,6DACA,6DA5BA","file":"top-task-link.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-unordered-list{box-sizing:border-box;list-style:none;margin-block:0;padding-inline-start:0
|
|
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;box-sizing:border-box;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)}:is(.ams-ordered-list,.ams-unordered-list) .ams-unordered-list{list-style-type:var(--ams-unordered-list-unordered-list-list-style-type)}: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"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/unordered-list/unordered-list.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAgBA,oBACE,aACA,kCCRA,kCACA,2BACA,8BACA,sBDJA,sBACA,gBACA,eACA,uBAaF,yDACE,sCACA,kDACA,8CACA,kDACA,kDACA,0DAGA,mFACE,uEACA,yEAIJ,wEACE,8CAIF,+DACE,yEAEA,yFACE,sFACA","file":"unordered-list.css"}
|
|
@@ -35,3 +35,9 @@ Still, we define its thickness and offset for the initial state.
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
```
|
|
38
|
+
|
|
39
|
+
## Use mixins for patterns and resets
|
|
40
|
+
|
|
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
|
+
Both the name of the mixins and their documentation help explain the approach.
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.
|
|
2
|
+
"version": "0.8.0",
|
|
3
3
|
"author": "Community for NL Design System",
|
|
4
4
|
"description": "CSS files for components for the City of Amsterdam based on the NL Design System architecture",
|
|
5
5
|
"license": "EUPL-1.2",
|
|
@@ -14,11 +14,8 @@
|
|
|
14
14
|
"directory": "packages/css"
|
|
15
15
|
},
|
|
16
16
|
"devDependencies": {
|
|
17
|
-
"sass": "1.
|
|
18
|
-
"@amsterdam/design-system-tokens": "0.
|
|
19
|
-
},
|
|
20
|
-
"dependencies": {
|
|
21
|
-
"@utrecht/components": "3.0.0"
|
|
17
|
+
"sass": "1.75.0",
|
|
18
|
+
"@amsterdam/design-system-tokens": "0.8.0"
|
|
22
19
|
},
|
|
23
20
|
"scripts": {
|
|
24
21
|
"build": "sass src/components:dist/ --style=compressed",
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license EUPL-1.2+
|
|
3
|
+
* Copyright Gemeente Amsterdam
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* Prioritizes legibility over speed when rendering text
|
|
8
|
+
* and disables text inflation on some mobile devices.
|
|
9
|
+
*/
|
|
10
|
+
@mixin text-rendering {
|
|
11
|
+
text-rendering: optimizeLegibility;
|
|
12
|
+
-moz-text-size-adjust: none;
|
|
13
|
+
-webkit-text-size-adjust: none;
|
|
14
|
+
text-size-adjust: none;
|
|
15
|
+
}
|
|
@@ -3,16 +3,22 @@
|
|
|
3
3
|
* Copyright Gemeente Amsterdam
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
@import "../../common/text-rendering";
|
|
7
|
+
|
|
8
|
+
.ams-accordion {
|
|
9
|
+
display: flex;
|
|
10
|
+
flex-direction: column;
|
|
11
|
+
gap: var(--ams-accordion-gap);
|
|
12
|
+
|
|
13
|
+
@include text-rendering;
|
|
14
|
+
}
|
|
15
|
+
|
|
6
16
|
.ams-accordion__header {
|
|
7
17
|
display: flex;
|
|
8
18
|
margin-block: 0;
|
|
9
19
|
margin-inline: 0;
|
|
10
20
|
}
|
|
11
21
|
|
|
12
|
-
@mixin reset {
|
|
13
|
-
-webkit-text-size-adjust: 100%;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
22
|
.ams-accordion__button {
|
|
17
23
|
background-color: transparent;
|
|
18
24
|
border: 0;
|
|
@@ -22,7 +28,7 @@
|
|
|
22
28
|
font-family: var(--ams-accordion-button-font-family);
|
|
23
29
|
font-size: var(--ams-accordion-button-font-size);
|
|
24
30
|
font-weight: var(--ams-accordion-button-font-weight);
|
|
25
|
-
|
|
31
|
+
gap: var(--ams-accordion-button-gap);
|
|
26
32
|
line-height: var(--ams-accordion-button-line-height);
|
|
27
33
|
padding-block: var(--ams-accordion-button-padding-block);
|
|
28
34
|
padding-inline: var(--ams-accordion-button-padding-inline);
|
|
@@ -33,23 +39,25 @@
|
|
|
33
39
|
}
|
|
34
40
|
|
|
35
41
|
&:hover {
|
|
36
|
-
|
|
42
|
+
color: var(--ams-accordion-button-hover-color);
|
|
37
43
|
}
|
|
44
|
+
}
|
|
38
45
|
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
46
|
+
.ams-accordion__icon svg {
|
|
47
|
+
rotate: 0deg;
|
|
48
|
+
transition: none;
|
|
42
49
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
}
|
|
50
|
+
[aria-expanded="true"] & {
|
|
51
|
+
rotate: -180deg;
|
|
46
52
|
}
|
|
47
53
|
|
|
48
|
-
@
|
|
54
|
+
@media not (prefers-reduced-motion) {
|
|
55
|
+
transition: rotate 0.3s ease;
|
|
56
|
+
}
|
|
49
57
|
}
|
|
50
58
|
|
|
51
59
|
.ams-accordion__button[aria-expanded="true"] svg {
|
|
52
|
-
|
|
60
|
+
rotate: -180deg;
|
|
53
61
|
}
|
|
54
62
|
|
|
55
63
|
.ams-accordion__panel {
|
|
@@ -4,12 +4,12 @@
|
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
@import "../../common/hyphenation";
|
|
7
|
+
@import "../../common/text-rendering";
|
|
7
8
|
|
|
8
9
|
@mixin reset {
|
|
9
10
|
box-sizing: border-box;
|
|
10
11
|
margin-block: 0;
|
|
11
12
|
margin-inline: 0;
|
|
12
|
-
-webkit-text-size-adjust: 100%;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
.ams-blockquote {
|
|
@@ -30,6 +30,7 @@
|
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
@include hyphenation;
|
|
33
|
+
@include text-rendering;
|
|
33
34
|
@include reset;
|
|
34
35
|
}
|
|
35
36
|
|
|
@@ -3,11 +3,12 @@
|
|
|
3
3
|
* Copyright Gemeente Amsterdam
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
@import "../../common/text-rendering";
|
|
7
|
+
|
|
6
8
|
@mixin reset {
|
|
7
9
|
box-sizing: border-box;
|
|
8
10
|
margin-block: 0;
|
|
9
11
|
padding-inline: 0;
|
|
10
|
-
-webkit-text-size-adjust: 100%;
|
|
11
12
|
}
|
|
12
13
|
|
|
13
14
|
.ams-breadcrumb {
|
|
@@ -21,6 +22,7 @@
|
|
|
21
22
|
break-after: avoid;
|
|
22
23
|
break-inside: avoid;
|
|
23
24
|
|
|
25
|
+
@include text-rendering;
|
|
24
26
|
@include reset;
|
|
25
27
|
}
|
|
26
28
|
|
|
@@ -3,12 +3,13 @@
|
|
|
3
3
|
* Copyright Gemeente Amsterdam
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
@
|
|
7
|
-
|
|
6
|
+
@import "../../common/text-rendering";
|
|
7
|
+
|
|
8
|
+
@mixin reset-button {
|
|
9
|
+
border: 0;
|
|
8
10
|
}
|
|
9
11
|
|
|
10
12
|
.ams-button {
|
|
11
|
-
border: none;
|
|
12
13
|
cursor: var(--ams-button-cursor);
|
|
13
14
|
display: inline-flex;
|
|
14
15
|
font-family: var(--ams-button-font-family);
|
|
@@ -25,12 +26,13 @@
|
|
|
25
26
|
cursor: var(--ams-button-disabled-cursor);
|
|
26
27
|
}
|
|
27
28
|
|
|
28
|
-
@include
|
|
29
|
+
@include text-rendering;
|
|
30
|
+
@include reset-button;
|
|
29
31
|
}
|
|
30
32
|
|
|
31
33
|
@mixin ams-button-forced-color-mode {
|
|
32
34
|
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
|
|
33
|
-
border:
|
|
35
|
+
border: var(--ams-button-forced-color-mode-border); // add border because forced colors changes box-shadow to none
|
|
34
36
|
}
|
|
35
37
|
}
|
|
36
38
|
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
@import "../../common/input-label-focus";
|
|
7
7
|
@import "../../common/hide-input";
|
|
8
|
+
@import "../../common/text-rendering";
|
|
8
9
|
|
|
9
10
|
.ams-checkbox__input {
|
|
10
11
|
@include hide-input;
|
|
@@ -24,7 +25,7 @@
|
|
|
24
25
|
background-size: 1rem;
|
|
25
26
|
border-color: var(--ams-checkbox-checkmark-border-color);
|
|
26
27
|
border-style: solid;
|
|
27
|
-
border-width:
|
|
28
|
+
border-width: var(--ams-checkbox-checkmark-border-width);
|
|
28
29
|
box-sizing: border-box;
|
|
29
30
|
content: "";
|
|
30
31
|
height: 1.5rem;
|
|
@@ -32,10 +33,6 @@
|
|
|
32
33
|
}
|
|
33
34
|
}
|
|
34
35
|
|
|
35
|
-
@mixin reset {
|
|
36
|
-
-webkit-text-size-adjust: 100%;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
36
|
.ams-checkbox__label {
|
|
40
37
|
color: var(--ams-checkbox-color);
|
|
41
38
|
cursor: pointer;
|
|
@@ -50,16 +47,16 @@
|
|
|
50
47
|
&:hover {
|
|
51
48
|
color: var(--ams-checkbox-hover-color);
|
|
52
49
|
text-decoration-line: underline;
|
|
53
|
-
text-decoration-thickness:
|
|
50
|
+
text-decoration-thickness: var(--ams-checkbox-hover-text-decoration-thickness);
|
|
54
51
|
text-underline-offset: 0.375rem;
|
|
55
52
|
|
|
56
53
|
.ams-checkbox__checkmark::after {
|
|
57
54
|
border-color: var(--ams-checkbox-checkmark-hover-border-color);
|
|
58
|
-
border-width:
|
|
55
|
+
border-width: var(--ams-checkbox-checkmark-hover-border-width);
|
|
59
56
|
}
|
|
60
57
|
}
|
|
61
58
|
|
|
62
|
-
@include
|
|
59
|
+
@include text-rendering;
|
|
63
60
|
}
|
|
64
61
|
|
|
65
62
|
// Default checked
|
|
@@ -67,7 +64,7 @@
|
|
|
67
64
|
+ .ams-checkbox__label .ams-checkbox__checkmark::after {
|
|
68
65
|
background-color: var(--ams-checkbox-checkmark-checked-background-color);
|
|
69
66
|
background-image: var(--ams-checkbox-checkmark-checked-background-image);
|
|
70
|
-
border:
|
|
67
|
+
border: 0;
|
|
71
68
|
}
|
|
72
69
|
}
|
|
73
70
|
|
|
@@ -79,7 +76,7 @@
|
|
|
79
76
|
background-position: center;
|
|
80
77
|
background-repeat: no-repeat;
|
|
81
78
|
background-size: 1rem;
|
|
82
|
-
border:
|
|
79
|
+
border: 0;
|
|
83
80
|
}
|
|
84
81
|
}
|
|
85
82
|
|
|
@@ -99,7 +96,7 @@
|
|
|
99
96
|
|
|
100
97
|
.ams-checkbox__checkmark::after {
|
|
101
98
|
border-color: var(--ams-checkbox-checkmark-disabled-border-color);
|
|
102
|
-
border-width:
|
|
99
|
+
border-width: var(--ams-checkbox-checkmark-disabled-border-width);
|
|
103
100
|
}
|
|
104
101
|
}
|
|
105
102
|
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<!-- @license CC0-1.0 -->
|
|
2
|
+
|
|
3
|
+
# Date Input
|
|
4
|
+
|
|
5
|
+
Helps users enter a date.
|
|
6
|
+
|
|
7
|
+
## Visual considerations
|
|
8
|
+
|
|
9
|
+
This component uses a native date input, which is styled differently in different browsers and operating systems.
|
|
10
|
+
Recreating the native functionality is quite difficult and prone to accessibility errors, which is why we’ve chosen not to do that.
|
|
11
|
+
This does mean that this component does not look identical on all browsers and operating systems.
|