@amsterdam/design-system-css 0.4.0 → 0.6.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 +51 -2
- package/LICENSE.txt +287 -0
- package/README.md +11 -0
- package/dist/accordion/accordion.css +1 -1
- package/dist/accordion/accordion.css.map +1 -1
- package/dist/alert/alert.css +1 -1
- package/dist/alert/alert.css.map +1 -1
- package/dist/badge/badge.css +1 -1
- package/dist/badge/badge.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/column/column.css +1 -0
- package/dist/column/column.css.map +1 -0
- package/dist/dialog/dialog.css +1 -1
- package/dist/dialog/dialog.css.map +1 -1
- package/dist/fieldset/fieldset.css +1 -0
- package/dist/fieldset/fieldset.css.map +1 -0
- package/dist/form-label/form-label.css +1 -1
- package/dist/form-label/form-label.css.map +1 -1
- package/dist/gap/gap.css +1 -0
- package/dist/gap/gap.css.map +1 -0
- package/dist/grid/grid.css +1 -1
- package/dist/grid/grid.css.map +1 -1
- package/dist/header/header.css +1 -1
- package/dist/header/header.css.map +1 -1
- package/dist/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/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/link/link.css +1 -1
- package/dist/link/link.css.map +1 -1
- package/dist/link-list/link-list.css +1 -1
- package/dist/link-list/link-list.css.map +1 -1
- package/dist/margin/margin.css +1 -0
- package/dist/margin/margin.css.map +1 -0
- package/dist/mega-menu/mega-menu.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 -0
- package/dist/radio/radio.css.map +1 -0
- package/dist/row/row.css +1 -0
- package/dist/row/row.css.map +1 -0
- package/dist/search-field/search-field.css +1 -1
- package/dist/search-field/search-field.css.map +1 -1
- package/dist/skip-link/skip-link.css +1 -1
- package/dist/skip-link/skip-link.css.map +1 -1
- package/dist/switch/switch.css +1 -1
- package/dist/switch/switch.css.map +1 -1
- package/dist/table/table.css +1 -1
- package/dist/table/table.css.map +1 -1
- package/dist/tabs/tabs.css +1 -0
- package/dist/tabs/tabs.css.map +1 -0
- package/dist/text-area/text-area.css +1 -0
- package/dist/text-area/text-area.css.map +1 -0
- package/dist/text-input/text-input.css +1 -1
- package/dist/text-input/text-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/package.json +9 -10
- package/src/common/breakpoint.scss +1 -1
- package/src/common/calculate-fluid-style.scss +1 -1
- package/src/common/hide-input.scss +11 -0
- package/src/common/hyphenation.scss +10 -0
- package/src/common/input-label-focus.scss +21 -0
- package/src/common/size.scss +13 -0
- package/src/components/accordion/README.md +2 -0
- package/src/components/accordion/accordion.scss +7 -12
- package/src/components/alert/README.md +4 -2
- package/src/components/alert/alert.scss +3 -5
- package/src/components/aspect-ratio/README.md +2 -0
- package/src/components/aspect-ratio/aspect-ratio.scss +1 -1
- package/src/components/badge/README.md +2 -0
- package/src/components/badge/badge.scss +3 -8
- package/src/components/blockquote/README.md +2 -0
- package/src/components/blockquote/blockquote.scss +6 -8
- package/src/components/breadcrumb/README.md +2 -0
- package/src/components/breadcrumb/breadcrumb.scss +3 -8
- package/src/components/button/README.md +3 -1
- package/src/components/button/button.scss +60 -15
- package/src/components/card/README.md +5 -3
- package/src/components/card/card.scss +1 -1
- package/src/components/checkbox/README.md +3 -1
- package/src/components/checkbox/checkbox.scss +19 -31
- package/src/components/column/README.md +5 -0
- package/src/components/column/column.scss +16 -0
- package/src/components/dialog/README.md +2 -0
- package/src/components/dialog/dialog.scss +7 -9
- package/src/components/fieldset/README.md +18 -0
- package/src/components/fieldset/fieldset.scss +34 -0
- package/src/components/footer/README.md +2 -0
- package/src/components/form-label/README.md +2 -0
- package/src/components/form-label/form-label.scss +6 -8
- package/src/components/gap/README.md +5 -0
- package/src/components/gap/gap.scss +16 -0
- package/src/components/grid/README.md +5 -3
- package/src/components/grid/grid.scss +14 -21
- package/src/components/header/README.md +2 -0
- package/src/components/header/header.scss +7 -7
- package/src/components/heading/README.md +2 -0
- package/src/components/heading/heading.scss +16 -43
- package/src/components/icon/README.md +3 -1
- package/src/components/icon/icon.scss +13 -51
- package/src/components/icon-button/README.md +3 -1
- package/src/components/icon-button/icon-button.scss +1 -1
- package/src/components/image/README.md +3 -1
- package/src/components/image/image.scss +2 -2
- package/src/components/index.scss +9 -1
- package/src/components/link/README.md +2 -0
- package/src/components/link/link.scss +3 -36
- package/src/components/link-list/README.md +3 -1
- package/src/components/link-list/link-list.scss +10 -21
- package/src/components/logo/README.md +4 -1
- package/src/components/logo/logo.scss +1 -1
- package/src/components/margin/README.md +5 -0
- package/src/components/margin/margin.scss +12 -0
- package/src/components/mark/README.md +2 -0
- package/src/components/mark/mark.scss +1 -1
- package/src/components/mega-menu/README.md +2 -0
- package/src/components/mega-menu/mega-menu.scss +3 -1
- package/src/components/ordered-list/README.md +2 -0
- package/src/components/ordered-list/ordered-list.scss +8 -9
- package/src/components/overlap/README.md +2 -0
- package/src/components/overlap/overlap.scss +1 -1
- package/src/components/page-heading/README.md +3 -1
- package/src/components/page-heading/page-heading.scss +6 -8
- package/src/components/page-menu/README.md +3 -1
- package/src/components/page-menu/page-menu.scss +3 -8
- package/src/components/pagination/README.md +3 -1
- package/src/components/pagination/pagination.scss +4 -9
- package/src/components/paragraph/README.md +2 -0
- package/src/components/paragraph/paragraph.scss +7 -22
- package/src/components/radio/README.md +18 -0
- package/src/components/radio/radio.scss +157 -0
- package/src/components/row/README.md +3 -0
- package/src/components/row/row.scss +17 -0
- package/src/components/screen/README.md +6 -4
- package/src/components/screen/screen.scss +1 -1
- package/src/components/search-field/README.md +3 -1
- package/src/components/search-field/search-field.scss +9 -12
- package/src/components/skip-link/README.md +2 -0
- package/src/components/skip-link/skip-link.scss +3 -8
- package/src/components/spotlight/README.md +2 -0
- package/src/components/spotlight/spotlight.scss +1 -1
- package/src/components/switch/README.md +3 -1
- package/src/components/switch/switch.scss +11 -10
- package/src/components/table/README.md +3 -1
- package/src/components/table/table.scss +3 -3
- package/src/components/tabs/README.md +32 -0
- package/src/components/tabs/tabs.scss +41 -0
- package/src/components/text-area/README.md +17 -0
- package/src/components/text-area/text-area.scss +70 -0
- package/src/components/text-input/README.md +2 -0
- package/src/components/text-input/text-input.scss +5 -10
- package/src/components/top-task-link/README.md +5 -3
- package/src/components/top-task-link/top-task-link.scss +7 -14
- package/src/components/unordered-list/README.md +2 -0
- package/src/components/unordered-list/unordered-list.scss +8 -9
- package/src/components/visually-hidden/README.md +2 -0
- package/src/components/visually-hidden/visually-hidden.scss +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.amsterdam-mb--xs{margin-block-end:var(--amsterdam-margin-xs) !important}.amsterdam-mb--sm{margin-block-end:var(--amsterdam-margin-sm) !important}.amsterdam-mb--md{margin-block-end:var(--amsterdam-margin-md) !important}.amsterdam-mb--lg{margin-block-end:var(--amsterdam-margin-lg) !important}.amsterdam-mb--xl{margin-block-end:var(--amsterdam-margin-xl) !important}/*# sourceMappingURL=margin.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/margin/margin.scss"],"names":[],"mappings":"AAQE,kBACE,uDADF,kBACE,uDADF,kBACE,uDADF,kBACE,uDADF,kBACE","file":"margin.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/mega-menu/mega-menu.scss"],"names":[],"mappings":"AAKA,oCACE,+DACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/mega-menu/mega-menu.scss"],"names":[],"mappings":"AAKA,oCACE,+DACA,mEAGA,iFAEA,qDACE","file":"mega-menu.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-ordered-list{box-sizing:border-box;list-style-type:none;margin-block:0;padding-inline-start:0;-webkit-text-size-adjust:100%;display:grid;gap:var(--amsterdam-ordered-list-gap)}.amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers){color:var(--amsterdam-ordered-list-color);font-family:var(--amsterdam-ordered-list-font-family);font-size:var(--amsterdam-ordered-list-
|
|
1
|
+
.amsterdam-ordered-list{box-sizing:border-box;list-style-type:none;margin-block:0;padding-inline-start:0;-webkit-text-size-adjust:100%;display:grid;gap:var(--amsterdam-ordered-list-gap)}.amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers){color:var(--amsterdam-ordered-list-color);font-family:var(--amsterdam-ordered-list-font-family);font-size:var(--amsterdam-ordered-list-font-size);font-weight:var(--amsterdam-ordered-list-font-weight);line-height:var(--amsterdam-ordered-list-line-height);list-style-type:var(--amsterdam-ordered-list-list-style-type)}.amsterdam-ordered-list:not(.amsterdam-ordered-list--no-markers) .amsterdam-ordered-list__item{margin-inline-start:var(--amsterdam-ordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-ordered-list-item-padding-inline-start)}.amsterdam-ordered-list--inverse-color:not(.amsterdam-ordered-list--no-markers){color:var(--amsterdam-ordered-list-inverse-color)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-ordered-list{list-style-type:var(--amsterdam-ordered-list-ordered-list-list-style-type)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-ordered-list .amsterdam-ordered-list__item{margin-inline-start:var(--amsterdam-ordered-list-ordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-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":"AAeA,wBARE,sBACA,qBACA,eACA,uBACA,8BAOA,aACA,sCAIF,iEACE,0CACA,sDACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/ordered-list/ordered-list.scss"],"names":[],"mappings":"AAeA,wBARE,sBACA,qBACA,eACA,uBACA,8BAOA,aACA,sCAIF,iEACE,0CACA,sDACA,kDACA,sDACA,sDACA,8DAGA,+FACE,2EACA,6EAIJ,gFACE,kDAIF,+EACE,2EAEA,6GACE,wFACA","file":"ordered-list.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-page-heading{break-after:avoid;break-inside:avoid;color:var(--amsterdam-page-heading-color);font-family:var(--amsterdam-page-heading-font-family);font-size:var(--amsterdam-page-heading-
|
|
1
|
+
.amsterdam-page-heading{break-after:avoid;break-inside:avoid;color:var(--amsterdam-page-heading-color);font-family:var(--amsterdam-page-heading-font-family);font-size:var(--amsterdam-page-heading-font-size);font-weight:var(--amsterdam-page-heading-font-weight);line-height:var(--amsterdam-page-heading-line-height);hyphenate-limit-chars:var(--amsterdam-hyphenation-hyphenate-limit-chars);hyphens:var(--amsterdam-hyphenation-hyphens);overflow-wrap:var(--amsterdam-hyphenation-overflow-wrap);box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-page-heading--inverse-color{color:var(--amsterdam-page-heading-inverse-color)}/*# sourceMappingURL=page-heading.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/page-heading/page-heading.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/page-heading/page-heading.scss","../../src/common/hyphenation.scss"],"names":[],"mappings":"AAaA,wBACE,kBACA,mBACA,0CACA,sDACA,kDACA,sDACA,sDCdA,yEACA,6CACA,+EDCA,eACA,8BAgBF,uCACE","file":"page-heading.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-page-menu{align-items:center;column-gap:var(--amsterdam-page-menu-column-gap);display:flex;flex-direction:row;list-style:none;row-gap:var(--amsterdam-page-menu-row-gap);box-sizing:border-box;margin-block:0;padding-inline:0}.amsterdam-page-menu--align-end{justify-content:end}.amsterdam-page-menu__link{color:var(--amsterdam-page-menu-item-color);display:inline-flex;flex-direction:row;font-family:var(--amsterdam-page-menu-item-font-family);font-size:var(--amsterdam-page-menu-item-
|
|
1
|
+
.amsterdam-page-menu{align-items:center;column-gap:var(--amsterdam-page-menu-column-gap);display:flex;flex-direction:row;list-style:none;row-gap:var(--amsterdam-page-menu-row-gap);box-sizing:border-box;margin-block:0;padding-inline:0}.amsterdam-page-menu--align-end{justify-content:end}.amsterdam-page-menu__link{color:var(--amsterdam-page-menu-item-color);display:inline-flex;flex-direction:row;font-family:var(--amsterdam-page-menu-item-font-family);font-size:var(--amsterdam-page-menu-item-font-size);font-weight:var(--amsterdam-page-menu-item-font-weight);gap:var(--amsterdam-page-menu-item-gap);line-height:var(--amsterdam-page-menu-item-line-height);outline-offset:var(--amsterdam-page-menu-item-outline-offset);text-align:center;text-decoration-line:var(--amsterdam-page-menu-item-text-decoration-line);text-decoration-thickness:var(--amsterdam-page-menu-item-text-decoration-thickness);text-underline-offset:var(--amsterdam-page-menu-item-text-underline-offset);touch-action:manipulation;white-space:nowrap;box-sizing:border-box;-webkit-text-size-adjust:100%}.amsterdam-page-menu__link:hover,.amsterdam-page-menu__button:hover{color:var(--amsterdam-page-menu-item-hover-color);text-decoration-line:var(--amsterdam-page-menu-item-hover-text-decoration-line)}.amsterdam-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":"AAgBA,qBACE,mBACA,iDACA,aACA,mBACA,gBACA,2CAhBA,sBACA,eACA,iBAmBF,gCACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/page-menu/page-menu.scss"],"names":[],"mappings":"AAgBA,qBACE,mBACA,iDACA,aACA,mBACA,gBACA,2CAhBA,sBACA,eACA,iBAmBF,gCACE,oBAqBF,2BAjBE,4CACA,oBACA,mBACA,wDACA,oDACA,wDACA,wCACA,wDACA,8DACA,kBACA,0EACA,oFACA,4EACA,0BACA,mBAlCA,sBACA,8BAyCF,oEAEE,kDACA,gFAGF,+BACE","file":"page-menu.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-pagination__list{color:var(--amsterdam-pagination-color);display:flex;flex-wrap:wrap;font-family:var(--amsterdam-pagination-font-family);font-size:var(--amsterdam-pagination-
|
|
1
|
+
.amsterdam-pagination__list{color:var(--amsterdam-pagination-color);display:flex;flex-wrap:wrap;font-family:var(--amsterdam-pagination-font-family);font-size:var(--amsterdam-pagination-font-size);font-weight:var(--amsterdam-pagination-font-weight);justify-content:center;line-height:var(--amsterdam-pagination-line-height);list-style-type:none;margin-block:0;padding-inline-start:0}.amsterdam-pagination__button{all:unset;box-sizing:border-box;outline:revert;-webkit-text-size-adjust:100%;cursor:pointer;display:flex;gap:.5rem;outline-offset:var(--amsterdam-pagination-button-outline-offset);padding-inline:var(--amsterdam-pagination-button-padding-inline);text-decoration-line:var(--amsterdam-pagination-button-text-decoration-line);text-decoration-thickness:var(--amsterdam-pagination-button-text-decoration-thickness);text-underline-offset:var(--amsterdam-pagination-button-text-underline-offset);touch-action:manipulation}.amsterdam-pagination__button:hover{color:var(--amsterdam-pagination-button-hover-color);text-decoration-line:var(--amsterdam-pagination-button-hover-text-decoration-line)}.amsterdam-pagination__button:disabled{display:none}.amsterdam-pagination__button span.amsterdam-icon svg{height:1rem;width:1rem}.amsterdam-pagination__button--current{cursor:default;font-weight:var(--amsterdam-pagination-button-current-font-weight)}.amsterdam-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":"AAWA,4BACE,wCACA,aACA,eACA,oDACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/pagination/pagination.scss"],"names":[],"mappings":"AAWA,4BACE,wCACA,aACA,eACA,oDACA,gDACA,oDACA,uBACA,oDAbA,qBACA,eACA,uBAuBF,8BANE,UACA,sBACA,eACA,8BAQA,eACA,aACA,UACA,iEACA,iEACA,6EACA,uFACA,+EACA,0BAEA,oCACE,qDACA,mFAGF,uCACE,aAIF,sDACE,YACA,WAIJ,uCACE,eACA,mEAEA,6CACE","file":"pagination.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-paragraph{color:var(--amsterdam-paragraph-color);font-family:var(--amsterdam-paragraph-font-family);font-size:var(--amsterdam-paragraph-
|
|
1
|
+
.amsterdam-paragraph{color:var(--amsterdam-paragraph-color);font-family:var(--amsterdam-paragraph-font-family);font-size:var(--amsterdam-paragraph-medium-font-size);font-weight:var(--amsterdam-paragraph-font-weight);line-height:var(--amsterdam-paragraph-medium-line-height);box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-paragraph--small{font-size:var(--amsterdam-paragraph-small-font-size);line-height:var(--amsterdam-paragraph-small-line-height)}.amsterdam-paragraph--large{font-size:var(--amsterdam-paragraph-large-font-size);line-height:var(--amsterdam-paragraph-large-line-height)}.amsterdam-paragraph--inverse-color{color:var(--amsterdam-paragraph-inverse-color)}/*# sourceMappingURL=paragraph.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/paragraph/paragraph.scss"],"names":[],"mappings":"AAWA,qBACE,uCACA,mDACA
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/paragraph/paragraph.scss"],"names":[],"mappings":"AAWA,qBACE,uCACA,mDACA,sDACA,mDACA,0DAVA,sBACA,eACA,8BAaF,4BACE,qDACA,yDAGF,4BACE,qDACA,yDAGF,oCACE","file":"paragraph.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.amsterdam-radio__input{appearance:none;margin-block:0;margin-inline:0;opacity:0%}.amsterdam-radio__input:focus+label{outline:auto}.amsterdam-radio__input:focus:not(:focus-visible)+label{outline:0}.amsterdam-radio__circle{align-items:center;display:flex;flex-shrink:0;height:calc(var(--amsterdam-radio-font-size)*var(--amsterdam-radio-line-height));width:1.5rem}.amsterdam-radio__circle::after{background-position:center;background-repeat:no-repeat;background-size:1rem;border-color:var(--amsterdam-radio-circle-border-color);border-radius:100%;border-style:solid;border-width:.125rem;box-sizing:border-box;content:"";height:1.5rem;width:100%}.amsterdam-radio__label{color:var(--amsterdam-radio-color);cursor:pointer;display:inline-flex;font-family:var(--amsterdam-radio-font-family);font-size:var(--amsterdam-radio-font-size);font-weight:var(--amsterdam-radio-font-weight);gap:.5rem;line-height:var(--amsterdam-radio-line-height);outline-offset:var(--amsterdam-radio-outline-offset);-webkit-text-size-adjust:100%}.amsterdam-radio__label:hover{color:var(--amsterdam-radio-hover-color);text-decoration-line:underline;text-decoration-thickness:.125rem;text-underline-offset:.375rem}.amsterdam-radio__label:hover .amsterdam-radio__circle::after{border-color:var(--amsterdam-radio-circle-hover-border-color)}.amsterdam-radio__input:checked+.amsterdam-radio__label .amsterdam-radio__circle::after{background-image:var(--amsterdam-radio-circle-checked-background-image)}.amsterdam-radio__input[aria-invalid=true]+.amsterdam-radio__label .amsterdam-radio__circle::after{border-color:var(--amsterdam-radio-circle-invalid-border-color)}.amsterdam-radio__input:disabled+.amsterdam-radio__label{color:var(--amsterdam-radio-disabled-color);cursor:not-allowed}.amsterdam-radio__input:disabled+.amsterdam-radio__label .amsterdam-radio__circle::after{border-color:var(--amsterdam-radio-circle-disabled-border-color);border-width:.125rem}.amsterdam-radio__input[aria-invalid=true]:checked+.amsterdam-radio__label .amsterdam-radio__circle::after{background-image:var(--amsterdam-radio-circle-invalid-checked-background-image)}.amsterdam-radio__input:disabled+.amsterdam-radio__label:hover{text-decoration:none}.amsterdam-radio__input:disabled:checked+.amsterdam-radio__label .amsterdam-radio__circle::after{background-image:var(--amsterdam-radio-circle-disabled-checked-background-image)}.amsterdam-radio__input[aria-invalid=true]:disabled+.amsterdam-radio__label .amsterdam-radio__circle::after{border-color:var(--amsterdam-radio-circle-disabled-border-color)}.amsterdam-radio__input[aria-invalid=true]+.amsterdam-radio__label:hover .amsterdam-radio__circle::after{border-color:var(--amsterdam-radio-circle-invalid-hover-border-color)}.amsterdam-radio__input:checked+.amsterdam-radio__label:hover .amsterdam-radio__circle::after{background-image:var(--amsterdam-radio-circle-checked-hover-background-image)}.amsterdam-radio__input[aria-invalid=true]:checked+.amsterdam-radio__label:hover .amsterdam-radio__circle::after{background-image:var(--amsterdam-radio-circle-invalid-checked-hover-background-image)}.amsterdam-radio__input:disabled:checked+.amsterdam-radio__label:hover .amsterdam-radio__circle::after{background-image:var(--amsterdam-radio-circle-disabled-checked-hover-background-image)}.amsterdam-radio__input[aria-invalid=true]:disabled+.amsterdam-radio__label:hover .amsterdam-radio__circle::after{border-color:var(--amsterdam-radio-circle-disabled-border-color)}.amsterdam-radio__input[aria-invalid=true]:disabled:checked+.amsterdam-radio__label .amsterdam-radio__circle::after{background-image:var(--amsterdam-radio-circle-disabled-checked-background-image)}/*# sourceMappingURL=radio.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/radio/radio.scss","../../src/common/hide-input.scss","../../src/common/input-label-focus.scss"],"names":[],"mappings":"AAQA,wBCFE,gBACA,eACA,gBACA,WCIA,oCACE,aAGF,wDACE,UFLJ,yBACE,mBACA,aACA,cACA,iFACA,aAEA,gCACE,2BACA,4BACA,qBACA,wDACA,mBACA,mBACA,qBACA,sBACA,WACA,cACA,WAQJ,wBACE,mCACA,eACA,oBACA,+CACA,2CACA,+CACA,UACA,+CACA,qDAZA,8BAcA,8BACE,yCACA,+BACA,kCACA,8BAEA,8DACE,8DASJ,wFACE,wEAMF,mGACE,gEAMF,yDACE,4CACA,mBAEA,yFACE,iEACA,qBAOJ,2GACE,gFAKJ,+DACE,qBAKA,iGACE,iFAMF,4GAEE,iEAOJ,yGAEE,sEAIF,8FACE,8EAIF,iHAEE,sFAIF,uGACE,uFAIF,kHAEE,iEAOA,oHAEE","file":"radio.css"}
|
package/dist/row/row.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.amsterdam-row{display:flex;flex-direction:row}.amsterdam-row--extra-small{gap:var(--amsterdam-row-gap-xs)}.amsterdam-row--small{gap:var(--amsterdam-row-gap-sm)}.amsterdam-row--medium{gap:var(--amsterdam-row-gap-md)}.amsterdam-row--large{gap:var(--amsterdam-row-gap-lg)}.amsterdam-row--extra-large{gap:var(--amsterdam-row-gap-xl)}/*# sourceMappingURL=row.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/row/row.scss"],"names":[],"mappings":"AAOA,eACE,aACA,mBAIA,4BACE,gCADF,sBACE,gCADF,uBACE,gCADF,sBACE,gCADF,4BACE","file":"row.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-search-field{display:flex;isolation:isolate}.amsterdam-search-field__input{border:none;box-shadow:var(--amsterdam-search-field-input-box-shadow);color:var(--amsterdam-search-field-input-color);font-family:var(--amsterdam-search-field-input-font-family);font-size:var(--amsterdam-search-field-input-
|
|
1
|
+
.amsterdam-search-field{display:flex;isolation:isolate}.amsterdam-search-field__input{border:none;box-shadow:var(--amsterdam-search-field-input-box-shadow);color:var(--amsterdam-search-field-input-color);font-family:var(--amsterdam-search-field-input-font-family);font-size:var(--amsterdam-search-field-input-font-size);font-weight:var(--amsterdam-search-field-input-font-weight);line-height:var(--amsterdam-search-field-input-line-height);outline-offset:var(--amsterdam-search-field-input-outline-offset);padding-block:var(--amsterdam-search-field-input-padding-block);padding-inline:var(--amsterdam-search-field-input-padding-inline);touch-action:manipulation;width:100%;box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-search-field__input:hover{box-shadow:var(--amsterdam-search-field-input-hover-box-shadow)}.amsterdam-search-field__input:focus{z-index:1}.amsterdam-search-field__input::placeholder{color:var(--amsterdam-search-field-input-placeholder-color)}.amsterdam-search-field__input::-webkit-search-cancel-button{appearance:none;background-image:var(--amsterdam-search-field-input-cancel-button-background-image);cursor:pointer;height:var(--amsterdam-search-field-input-cancel-button-height);margin-inline-start:.5rem;width:var(--amsterdam-search-field-input-cancel-button-width)}.amsterdam-search-field__button{background-color:var(--amsterdam-search-field-button-background-color);border:0;color:var(--amsterdam-search-field-button-color);cursor:pointer;outline-offset:var(--amsterdam-search-field-button-outline-offset);padding-block:var(--amsterdam-search-field-button-padding-block);padding-inline:var(--amsterdam-search-field-button-padding-inline);touch-action:manipulation}.amsterdam-search-field__button:hover{background-color:var(--amsterdam-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":"AAKA,wBACE,aACA,kBASF,+BACE,YACA,0DACA,gDACA,4DACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/search-field/search-field.scss"],"names":[],"mappings":"AAKA,wBACE,aACA,kBASF,+BACE,YACA,0DACA,gDACA,4DACA,wDACA,4DACA,4DACA,kEACA,gEACA,kEACA,0BACA,WAjBA,sBACA,eACA,8BAmBA,qCACE,gEAGF,qCACE,UAIJ,4CACE,4DAGF,6DACE,gBACA,oFACA,eACA,gEACA,0BACA,8DAGF,gCACE,uEACA,SACA,iDACA,eACA,mEAGA,iEACA,mEACA,0BAEA,sCACE","file":"search-field.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-skip-link{background-color:var(--amsterdam-skip-link-background-color);color:var(--amsterdam-skip-link-color);display:block;font-family:var(--amsterdam-skip-link-font-family);font-size:var(--amsterdam-skip-link-font-size);font-weight:var(--amsterdam-skip-link-font-weight);line-height:var(--amsterdam-skip-link-line-height);outline-offset:var(--amsterdam-skip-link-outline-offset);padding-block
|
|
1
|
+
.amsterdam-skip-link{background-color:var(--amsterdam-skip-link-background-color);color:var(--amsterdam-skip-link-color);display:block;font-family:var(--amsterdam-skip-link-font-family);font-size:var(--amsterdam-skip-link-font-size);font-weight:var(--amsterdam-skip-link-font-weight);line-height:var(--amsterdam-skip-link-line-height);outline-offset:var(--amsterdam-skip-link-outline-offset);padding-block:var(--amsterdam-skip-link-padding-block);padding-inline:var(--amsterdam-skip-link-padding-inline);text-align:center;text-decoration:none}.amsterdam-skip-link:hover{background-color:var(--amsterdam-skip-link-hover-background-color)}/*# sourceMappingURL=skip-link.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/skip-link/skip-link.scss"],"names":[],"mappings":"AAKA,qBACE,6DACA,uCACA,cACA,mDACA,+CACA,mDACA,mDACA,yDACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/skip-link/skip-link.scss"],"names":[],"mappings":"AAKA,qBACE,6DACA,uCACA,cACA,mDACA,+CACA,mDACA,mDACA,yDACA,uDACA,yDACA,kBACA,qBAEA,2BACE","file":"skip-link.css"}
|
package/dist/switch/switch.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-switch__input{appearance:none;margin-block:0;margin-inline:0;opacity:0%}.amsterdam-switch__label{background-color:var(--amsterdam-switch-background-color);border-radius:calc(var(--amsterdam-switch-thumb-width)*2);cursor:pointer;display:inline-block;padding-block:1px;padding-inline:1px;transition:background-color .2s ease-in-out;width:var(--amsterdam-switch-width);box-sizing:border-box}.amsterdam-switch__label::before{background-color:var(--amsterdam-switch-thumb-background-color);border-radius:50%;content:"";display:block;height:var(--amsterdam-switch-thumb-height);transition-duration:.1s;transition-property:box-shadow,transform;transition-timing-function:ease-in-out;width:var(--amsterdam-switch-thumb-width)}.amsterdam-switch__input:checked+.amsterdam-switch__label{background-color:var(--amsterdam-switch-checked-background-color)}.amsterdam-switch__input:disabled+.amsterdam-switch__label{background-color:var(--amsterdam-switch-disabled-background-color);cursor:not-allowed}.amsterdam-switch__input:
|
|
1
|
+
.amsterdam-switch__input{appearance:none;margin-block:0;margin-inline:0;opacity:0%}.amsterdam-switch__input:focus+label{outline:auto}.amsterdam-switch__input:focus:not(:focus-visible)+label{outline:0}.amsterdam-switch__label{background-color:var(--amsterdam-switch-background-color);border-radius:calc(var(--amsterdam-switch-thumb-width)*2);cursor:pointer;display:inline-block;outline-offset:var(--amsterdam-switch-outline-offset);padding-block:1px;padding-inline:1px;transition:background-color .2s ease-in-out;width:var(--amsterdam-switch-width);box-sizing:border-box}.amsterdam-switch__label::before{background-color:var(--amsterdam-switch-thumb-background-color);border-radius:50%;content:"";display:block;height:var(--amsterdam-switch-thumb-height);transition-duration:.1s;transition-property:box-shadow,transform;transition-timing-function:ease-in-out;width:var(--amsterdam-switch-thumb-width)}.amsterdam-switch__input:checked+.amsterdam-switch__label{background-color:var(--amsterdam-switch-checked-background-color)}.amsterdam-switch__input:disabled+.amsterdam-switch__label{background-color:var(--amsterdam-switch-disabled-background-color);cursor:not-allowed}.amsterdam-switch__input:checked+.amsterdam-switch__label::before{transform:translate(calc(var(--amsterdam-switch-width) - var(--amsterdam-switch-thumb-width) - 2px))}.amsterdam-switch:hover .amsterdam-switch__input:enabled+.amsterdam-switch__label::before{box-shadow:0 0 0 2px var(--amsterdam-switch-thumb-hover-color)}/*# sourceMappingURL=switch.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/switch/switch.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":"AAYA,yBCNE,gBACA,eACA,gBACA,WCIA,qCACE,aAGF,yDACE,UFDJ,yBACE,0DACA,0DACA,eACA,qBACA,sDACA,kBACA,mBACA,4CACA,oCAjBA,sBAsBF,iCACE,gEACA,kBACA,WACA,cACA,4CACA,wBACA,yCACA,uCACA,0CAGF,0DACE,kEAGF,2DACE,mEACA,mBAGF,kEAEE,qGAGF,0FACE","file":"switch.css"}
|
package/dist/table/table.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-table{overflow-x:auto}.amsterdam-table__table{border-spacing:0;break-inside:avoid;color:var(--amsterdam-table-color);font-family:var(--amsterdam-table-font-family);font-size:var(--amsterdam-table-font-size);font-weight:var(--amsterdam-table-font-weight);line-height:var(--amsterdam-table-line-height)}.amsterdam-table__caption{font-weight:var(--amsterdam-table-caption-font-weight);text-align:start}.amsterdam-table__cell,.amsterdam-table__header-cell{border-bottom:var(--amsterdam-table-cell-border-bottom);padding-block:
|
|
1
|
+
.amsterdam-table{overflow-x:auto}.amsterdam-table__table{border-spacing:0;break-inside:avoid;color:var(--amsterdam-table-color);font-family:var(--amsterdam-table-font-family);font-size:var(--amsterdam-table-font-size);font-weight:var(--amsterdam-table-font-weight);line-height:var(--amsterdam-table-line-height)}.amsterdam-table__caption{font-weight:var(--amsterdam-table-caption-font-weight);text-align:start}.amsterdam-table__cell,.amsterdam-table__header-cell{border-bottom:var(--amsterdam-table-cell-border-bottom);padding-block:var(--amsterdam-table-cell-padding-block);padding-inline:var(--amsterdam-table-cell-padding-inline);text-align:start;vertical-align:top}.amsterdam-table__header-cell{font-weight:var(--amsterdam-table-header-cell-font-weight)}/*# sourceMappingURL=table.css.map */
|
package/dist/table/table.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/table/table.scss"],"names":[],"mappings":"AAKA,iBACE,gBAGF,wBACE,iBACA,mBACA,mCACA,+CACA,2CACA,+CACA,+CAGF,0BACE,uDACA,iBAGF,qDAEE,wDACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/table/table.scss"],"names":[],"mappings":"AAKA,iBACE,gBAGF,wBACE,iBACA,mBACA,mCACA,+CACA,2CACA,+CACA,+CAGF,0BACE,uDACA,iBAGF,qDAEE,wDACA,wDACA,0DACA,iBACA,mBAGF,8BACE","file":"table.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.amsterdam-tabs__list{border-bottom:var(--amsterdam-tabs-list-border-bottom);display:flex;overflow-x:auto}.amsterdam-tabs__button{background-color:var(--amsterdam-tabs-button-background-color);border:var(--amsterdam-tabs-button-border);color:var(--amsterdam-tabs-button-color);cursor:var(--amsterdam-tabs-button-cursor);font-family:var(--amsterdam-tabs-button-font-family);font-size:var(--amsterdam-tabs-button-font-size);font-weight:var(--amsterdam-tabs-button-font-weight);line-height:var(--amsterdam-tabs-button-line-height);outline-offset:var(--amsterdam-tabs-button-outline-offset);padding-block:var(--amsterdam-tabs-button-padding-block);padding-inline:var(--amsterdam-tabs-button-padding-inline)}.amsterdam-tabs__button:disabled{color:var(--amsterdam-tabs-button-disabled-color);cursor:var(--amsterdam-tab-button-disabled-cursor)}.amsterdam-tabs__button:hover:not([aria-selected=true],[disabled]){box-shadow:var(--amsterdam-tabs-button-hover-box-shadow);color:var(--amsterdam-tabs-button-hover-color)}.amsterdam-tabs__button[aria-selected=true]{background-color:var(--amsterdam-tabs-button-selected-background-color);color:var(--amsterdam-tabs-button-selected-color)}/*# sourceMappingURL=tabs.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/tabs/tabs.scss"],"names":[],"mappings":"AAOA,sBACE,uDACA,aACA,gBAGF,wBACE,+DACA,2CACA,yCACA,2CACA,qDACA,iDACA,qDACA,qDACA,2DACA,yDACA,2DAEA,iCACE,kDACA,mDAGF,mEACE,yDACA,+CAGF,4CACE,wEACA","file":"tabs.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.amsterdam-text-area{border:none;box-shadow:var(--amsterdam-text-area-box-shadow);color:var(--amsterdam-text-area-color);font-family:var(--amsterdam-text-area-font-family);font-size:var(--amsterdam-text-area-font-size);font-weight:var(--amsterdam-text-area-font-weight);line-height:var(--amsterdam-text-area-line-height);max-width:100%;min-height:var(--amsterdam-text-area-min-height);outline-offset:var(--amsterdam-text-area-outline-offset);padding-block:var(--amsterdam-text-area-padding-block);padding-inline:var(--amsterdam-text-area-padding-inline);touch-action:manipulation;width:100%;box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-text-area:hover{box-shadow:var(--amsterdam-text-area-hover-box-shadow)}.amsterdam-text-area::placeholder{color:var(--amsterdam-text-area-placeholder-color)}.amsterdam-text-area:disabled{background-color:var(--amsterdam-text-area-disabled-background-color);box-shadow:var(--amsterdam-text-area-disabled-box-shadow);color:var(--amsterdam-text-area-disabled-color);cursor:var(--amsterdam-text-area-disabled-cursor)}.amsterdam-text-area:invalid,.amsterdam-text-area[aria-invalid=true]{box-shadow:var(--amsterdam-text-area-invalid-box-shadow)}.amsterdam-text-area:invalid:hover,.amsterdam-text-area[aria-invalid=true]:hover{box-shadow:var(--amsterdam-text-area-invalid-hover-box-shadow)}.amsterdam-text-area--resize-none{resize:none}.amsterdam-text-area--resize-horizontal{resize:inline}.amsterdam-text-area--resize-vertical{resize:block}.amsterdam-text-area--cols{width:auto}/*# sourceMappingURL=text-area.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/text-area/text-area.scss"],"names":[],"mappings":"AAWA,qBACE,YACA,iDACA,uCACA,mDACA,+CACA,mDACA,mDACA,eACA,iDACA,yDACA,uDACA,yDACA,0BACA,WAnBA,sBACA,eACA,8BAqBA,2BACE,uDAIJ,kCACE,mDAGF,8BACE,sEACA,0DACA,gDACA,kDAGF,qEAEE,yDAEA,iFAEE,+DAIJ,kCACE,YAGF,wCACE,cAGF,sCACE,aAGF,2BACE","file":"text-area.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-text-input{border:none;box-shadow:var(--amsterdam-text-input-box-shadow);color:var(--amsterdam-text-input-color);font-family:var(--amsterdam-text-input-font-family);font-size:var(--amsterdam-text-input-
|
|
1
|
+
.amsterdam-text-input{border:none;box-shadow:var(--amsterdam-text-input-box-shadow);color:var(--amsterdam-text-input-color);font-family:var(--amsterdam-text-input-font-family);font-size:var(--amsterdam-text-input-font-size);font-weight:var(--amsterdam-text-input-font-weight);line-height:var(--amsterdam-text-input-line-height);outline-offset:var(--amsterdam-text-input-outline-offset);padding-block:var(--amsterdam-text-input-padding-block);padding-inline:var(--amsterdam-text-input-padding-inline);touch-action:manipulation;width:100%;box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-text-input:hover{box-shadow:var(--amsterdam-text-input-hover-box-shadow)}.amsterdam-text-input::placeholder{color:var(--amsterdam-text-input-placeholder-color)}.amsterdam-text-input:disabled{background-color:var(--amsterdam-text-input-disabled-background-color);box-shadow:var(--amsterdam-text-input-disabled-box-shadow);color:var(--amsterdam-text-input-disabled-color);cursor:not-allowed}.amsterdam-text-input:invalid,.amsterdam-text-input[aria-invalid=true]{box-shadow:var(--amsterdam-text-input-invalid-box-shadow)}.amsterdam-text-input:invalid:hover,.amsterdam-text-input[aria-invalid=true]:hover{box-shadow:var(--amsterdam-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":"AAWA,sBACE,YACA,kDACA,wCACA,oDACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/text-input/text-input.scss"],"names":[],"mappings":"AAWA,sBACE,YACA,kDACA,wCACA,oDACA,gDACA,oDACA,oDACA,0DACA,wDACA,0DACA,0BACA,WAjBA,sBACA,eACA,8BAmBA,4BACE,wDAIJ,mCACE,oDAGF,+BACE,uEACA,2DACA,iDACA,mBAGF,uEAEE,0DAEA,mFAEE","file":"text-input.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-top-task-link{break-inside:avoid;display:flex;flex-direction:column;gap:.5rem;outline-offset:var(--amsterdam-top-task-link-outline-offset);text-decoration:none}.amsterdam-top-task-link__label{color:var(--amsterdam-top-task-link-label-color);font-family:var(--amsterdam-top-task-link-label-font-family);font-size:var(--amsterdam-top-task-link-label-
|
|
1
|
+
.amsterdam-top-task-link{break-inside:avoid;display:flex;flex-direction:column;gap:.5rem;outline-offset:var(--amsterdam-top-task-link-outline-offset);text-decoration:none}.amsterdam-top-task-link__label{color:var(--amsterdam-top-task-link-label-color);font-family:var(--amsterdam-top-task-link-label-font-family);font-size:var(--amsterdam-top-task-link-label-font-size);font-weight:var(--amsterdam-top-task-link-label-font-weight);line-height:var(--amsterdam-top-task-link-label-line-height);text-decoration-line:var(--amsterdam-top-task-link-label-text-decoration-line);text-decoration-thickness:var(--amsterdam-top-task-link-label-text-decoration-thickness);text-underline-offset:var(--amsterdam-top-task-link-label-text-underline-offset);hyphenate-limit-chars:var(--amsterdam-hyphenation-hyphenate-limit-chars);hyphens:var(--amsterdam-hyphenation-hyphens);overflow-wrap:var(--amsterdam-hyphenation-overflow-wrap);box-sizing:border-box;-webkit-text-size-adjust:100%}.amsterdam-top-task-link:hover .amsterdam-top-task-link__label{color:var(--amsterdam-top-task-link-label-hover-color);text-decoration-line:var(--amsterdam-top-task-link-label-hover-text-decoration-line)}.amsterdam-top-task-link__description{color:var(--amsterdam-top-task-link-description-color);font-family:var(--amsterdam-top-task-link-description-font-family);font-size:var(--amsterdam-top-task-link-description-font-size);font-weight:var(--amsterdam-top-task-link-description-font-weight);line-height:var(--amsterdam-top-task-link-description-line-height);box-sizing:border-box;-webkit-text-size-adjust:100%}/*# sourceMappingURL=top-task-link.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/top-task-link/top-task-link.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/top-task-link/top-task-link.scss","../../src/common/hyphenation.scss"],"names":[],"mappings":"AAOA,yBACE,mBACA,aACA,sBACA,UACA,6DACA,qBAQF,gCACE,iDACA,6DACA,yDACA,6DACA,6DACA,+EACA,yFACA,iFCvBA,yEACA,6CACA,yDDSA,sBACA,8BAiBF,+DACE,uDACA,qFAGF,sCACE,uDACA,mEACA,+DACA,mEACA,mEA5BA,sBACA","file":"top-task-link.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-unordered-list{box-sizing:border-box;list-style:none;margin-block:0;padding-inline-start:0;-webkit-text-size-adjust:100%;display:grid;gap:var(--amsterdam-unordered-list-gap)}.amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers){color:var(--amsterdam-unordered-list-color);font-family:var(--amsterdam-unordered-list-font-family);font-size:var(--amsterdam-unordered-list-
|
|
1
|
+
.amsterdam-unordered-list{box-sizing:border-box;list-style:none;margin-block:0;padding-inline-start:0;-webkit-text-size-adjust:100%;display:grid;gap:var(--amsterdam-unordered-list-gap)}.amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers){color:var(--amsterdam-unordered-list-color);font-family:var(--amsterdam-unordered-list-font-family);font-size:var(--amsterdam-unordered-list-font-size);font-weight:var(--amsterdam-unordered-list-font-weight);line-height:var(--amsterdam-unordered-list-line-height);list-style-type:var(--amsterdam-unordered-list-list-style-type)}.amsterdam-unordered-list:not(.amsterdam-unordered-list--no-markers) .amsterdam-unordered-list__item{margin-inline-start:var(--amsterdam-unordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-unordered-list-item-padding-inline-start)}.amsterdam-unordered-list--inverse-color:not(.amsterdam-unordered-list--no-markers){color:var(--amsterdam-unordered-list-inverse-color)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-unordered-list{list-style-type:var(--amsterdam-unordered-list-unordered-list-list-style-type)}:is(.amsterdam-ordered-list,.amsterdam-unordered-list) .amsterdam-unordered-list .amsterdam-unordered-list__item{margin-inline-start:var(--amsterdam-unordered-list-unordered-list-item-margin-inline-start);padding-inline-start:var(--amsterdam-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":"AAeA,0BARE,sBACA,gBACA,eACA,uBACA,8BAOA,aACA,wCAIF,qEACE,4CACA,wDACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/unordered-list/unordered-list.scss"],"names":[],"mappings":"AAeA,0BARE,sBACA,gBACA,eACA,uBACA,8BAOA,aACA,wCAIF,qEACE,4CACA,wDACA,oDACA,wDACA,wDACA,gEAGA,qGACE,6EACA,+EAIJ,oFACE,oDAIF,iFACE,+EAEA,iHACE,4FACA","file":"unordered-list.css"}
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.
|
|
2
|
+
"version": "0.6.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",
|
|
@@ -13,17 +13,16 @@
|
|
|
13
13
|
"url": "https://github.com/Amsterdam/design-system.git",
|
|
14
14
|
"directory": "packages/css"
|
|
15
15
|
},
|
|
16
|
-
"scripts": {
|
|
17
|
-
"build": "sass src/components:dist/ --style=compressed",
|
|
18
|
-
"build:watch": "sass src/components:dist/ --watch",
|
|
19
|
-
"clean": "rimraf dist/"
|
|
20
|
-
},
|
|
21
16
|
"devDependencies": {
|
|
22
|
-
"
|
|
23
|
-
"
|
|
17
|
+
"sass": "1.71.1",
|
|
18
|
+
"@amsterdam/design-system-tokens": "0.6.0"
|
|
24
19
|
},
|
|
25
20
|
"dependencies": {
|
|
26
21
|
"@utrecht/components": "3.0.0"
|
|
27
22
|
},
|
|
28
|
-
"
|
|
29
|
-
|
|
23
|
+
"scripts": {
|
|
24
|
+
"build": "sass src/components:dist/ --style=compressed",
|
|
25
|
+
"build:watch": "sass src/components:dist/ --watch",
|
|
26
|
+
"clean": "rimraf dist/"
|
|
27
|
+
}
|
|
28
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license EUPL-1.2+
|
|
3
|
+
* Copyright Gemeente Amsterdam
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
@mixin hyphenation {
|
|
7
|
+
hyphenate-limit-chars: var(--amsterdam-hyphenation-hyphenate-limit-chars);
|
|
8
|
+
hyphens: var(--amsterdam-hyphenation-hyphens);
|
|
9
|
+
overflow-wrap: var(--amsterdam-hyphenation-overflow-wrap);
|
|
10
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license EUPL-1.2+
|
|
3
|
+
* Copyright Gemeente Amsterdam
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* Focus is first set on the label next to a focussed input, and then
|
|
8
|
+
* hidden when the focussed input doesn't have focus-visible.
|
|
9
|
+
* This progressive enhancement means you get the benefits of focus-visible
|
|
10
|
+
* while still showing a focus ring on browsers that don't support focus-visible (like older Safari).
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
@mixin input-label-focus {
|
|
14
|
+
&:focus + label {
|
|
15
|
+
outline: auto;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
&:focus:not(:focus-visible) + label {
|
|
19
|
+
outline: 0;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license EUPL-1.2+
|
|
3
|
-
* Copyright
|
|
3
|
+
* Copyright Gemeente Amsterdam
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.amsterdam-accordion__header {
|
|
@@ -20,19 +20,14 @@
|
|
|
20
20
|
cursor: pointer;
|
|
21
21
|
display: flex;
|
|
22
22
|
font-family: var(--amsterdam-accordion-button-font-family);
|
|
23
|
-
font-size: var(--amsterdam-accordion-button-
|
|
23
|
+
font-size: var(--amsterdam-accordion-button-font-size);
|
|
24
24
|
font-weight: var(--amsterdam-accordion-button-font-weight);
|
|
25
25
|
justify-content: space-between;
|
|
26
|
-
line-height: var(--amsterdam-accordion-button-
|
|
27
|
-
padding-block:
|
|
28
|
-
padding-inline:
|
|
26
|
+
line-height: var(--amsterdam-accordion-button-line-height);
|
|
27
|
+
padding-block: var(--amsterdam-accordion-button-padding-block);
|
|
28
|
+
padding-inline: var(--amsterdam-accordion-button-padding-inline);
|
|
29
29
|
width: 100%;
|
|
30
30
|
|
|
31
|
-
.amsterdam-theme--compact & {
|
|
32
|
-
font-size: var(--amsterdam-accordion-button-compact-font-size);
|
|
33
|
-
line-height: var(--amsterdam-accordion-button-compact-line-height);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
31
|
&:focus {
|
|
37
32
|
outline-offset: var(--amsterdam-accordion-button-focus-outline-offset);
|
|
38
33
|
}
|
|
@@ -59,8 +54,8 @@
|
|
|
59
54
|
|
|
60
55
|
.amsterdam-accordion__panel {
|
|
61
56
|
display: none;
|
|
62
|
-
padding-block:
|
|
63
|
-
padding-inline:
|
|
57
|
+
padding-block: var(--amsterdam-accordion-panel-padding-block);
|
|
58
|
+
padding-inline: var(--amsterdam-accordion-panel-padding-inline);
|
|
64
59
|
}
|
|
65
60
|
|
|
66
61
|
.amsterdam-accordion__panel--expanded {
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
<!-- @license CC0-1.0 -->
|
|
2
|
+
|
|
1
3
|
# Alert
|
|
2
4
|
|
|
3
5
|
An Alert informs the user of a significant or time-sensitive message without interrupting their task.
|
|
@@ -15,8 +17,8 @@ There are four types of notifications:
|
|
|
15
17
|
|
|
16
18
|
- Place an orange Alert directly below the Header for important and urgent information.
|
|
17
19
|
Examples: system outage or changes in the opening hours of a City Office.
|
|
18
|
-
- Ensure sufficient
|
|
19
|
-
The grid’s
|
|
20
|
+
- Ensure sufficient white space around the Alert.
|
|
21
|
+
The grid’s white space is a good reference – place the Alert in its own cell.
|
|
20
22
|
- By default, the Alert cannot be closed.
|
|
21
23
|
This functionality can be added optionally.
|
|
22
24
|
- Optionally, the title can be omitted.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license EUPL-1.2+
|
|
3
|
-
* Copyright
|
|
3
|
+
* Copyright Gemeente Amsterdam
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.amsterdam-alert {
|
|
@@ -11,10 +11,8 @@
|
|
|
11
11
|
flex-direction: row;
|
|
12
12
|
gap: var(--amsterdam-alert-gap);
|
|
13
13
|
justify-content: space-between;
|
|
14
|
-
padding-block
|
|
15
|
-
padding-
|
|
16
|
-
padding-inline-end: var(--amsterdam-alert-padding-inline-end);
|
|
17
|
-
padding-inline-start: var(--amsterdam-alert-padding-inline-start);
|
|
14
|
+
padding-block: var(--amsterdam-alert-padding-block);
|
|
15
|
+
padding-inline: var(--amsterdam-alert-padding-inline);
|
|
18
16
|
}
|
|
19
17
|
|
|
20
18
|
.amsterdam-alert__content {
|
|
@@ -1,20 +1,15 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license EUPL-1.2+
|
|
3
|
-
* Copyright
|
|
3
|
+
* Copyright Gemeente Amsterdam
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.amsterdam-badge {
|
|
7
7
|
display: inline-block;
|
|
8
8
|
font-family: var(--amsterdam-badge-font-family);
|
|
9
|
-
font-size: var(--amsterdam-badge-
|
|
9
|
+
font-size: var(--amsterdam-badge-font-size);
|
|
10
10
|
font-weight: var(--amsterdam-badge-font-weight);
|
|
11
|
-
line-height: var(--amsterdam-badge-
|
|
11
|
+
line-height: var(--amsterdam-badge-line-height);
|
|
12
12
|
padding-inline: var(--amsterdam-badge-padding-inline);
|
|
13
|
-
|
|
14
|
-
.amsterdam-theme--compact & {
|
|
15
|
-
font-size: var(--amsterdam-badge-compact-font-size);
|
|
16
|
-
line-height: var(--amsterdam-badge-compact-line-height);
|
|
17
|
-
}
|
|
18
13
|
}
|
|
19
14
|
|
|
20
15
|
.amsterdam-badge--blue {
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license EUPL-1.2+
|
|
3
|
-
* Copyright
|
|
3
|
+
* Copyright Gemeente Amsterdam
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
@import "../../common/hyphenation";
|
|
7
|
+
|
|
6
8
|
@mixin reset {
|
|
7
9
|
box-sizing: border-box;
|
|
8
10
|
margin-block: 0;
|
|
@@ -14,9 +16,9 @@
|
|
|
14
16
|
break-inside: avoid;
|
|
15
17
|
color: var(--amsterdam-blockquote-color);
|
|
16
18
|
font-family: var(--amsterdam-blockquote-font-family);
|
|
17
|
-
font-size: var(--amsterdam-blockquote-
|
|
19
|
+
font-size: var(--amsterdam-blockquote-font-size);
|
|
18
20
|
font-weight: var(--amsterdam-blockquote-font-weight);
|
|
19
|
-
line-height: var(--amsterdam-blockquote-
|
|
21
|
+
line-height: var(--amsterdam-blockquote-line-height);
|
|
20
22
|
quotes: "“" "”";
|
|
21
23
|
|
|
22
24
|
&::before {
|
|
@@ -27,11 +29,7 @@
|
|
|
27
29
|
content: close-quote;
|
|
28
30
|
}
|
|
29
31
|
|
|
30
|
-
|
|
31
|
-
font-size: var(--amsterdam-blockquote-spacious-font-size);
|
|
32
|
-
line-height: var(--amsterdam-blockquote-spacious-line-height);
|
|
33
|
-
}
|
|
34
|
-
|
|
32
|
+
@include hyphenation;
|
|
35
33
|
@include reset;
|
|
36
34
|
}
|
|
37
35
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license EUPL-1.2+
|
|
3
|
-
* Copyright
|
|
3
|
+
* Copyright Gemeente Amsterdam
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
@mixin reset {
|
|
@@ -12,14 +12,9 @@
|
|
|
12
12
|
|
|
13
13
|
.amsterdam-breadcrumb {
|
|
14
14
|
font-family: var(--amsterdam-breadcrumb-font-family, inherit);
|
|
15
|
-
font-size: var(--amsterdam-breadcrumb-
|
|
15
|
+
font-size: var(--amsterdam-breadcrumb-font-size);
|
|
16
16
|
font-weight: var(--amsterdam-breadcrumb-font-weight);
|
|
17
|
-
line-height: var(--amsterdam-breadcrumb-
|
|
18
|
-
|
|
19
|
-
.amsterdam-theme--compact & {
|
|
20
|
-
font-size: var(--amsterdam-breadcrumb-compact-font-size);
|
|
21
|
-
line-height: var(--amsterdam-breadcrumb-compact-line-height);
|
|
22
|
-
}
|
|
17
|
+
line-height: var(--amsterdam-breadcrumb-line-height);
|
|
23
18
|
}
|
|
24
19
|
|
|
25
20
|
.amsterdam-breadcrumb__list {
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
+
<!-- @license CC0-1.0 -->
|
|
2
|
+
|
|
1
3
|
# Button
|
|
2
4
|
|
|
3
5
|
Allows the user to perform actions and operate the user interface.
|
|
4
6
|
|
|
5
7
|
## Guidelines
|
|
6
8
|
|
|
7
|
-
- A label text that describes the function of the button.
|
|
9
|
+
- A short label text that describes the function of the button.
|
|
8
10
|
- A clear contrasting colour scheme so that it is easy to recognize and quickly locate.
|
|
9
11
|
- Use the correct type of button for the corresponding application.
|
|
10
12
|
For example, a button within a form must always be of the type `submit`.
|