@amsterdam/design-system-css 2.0.1 → 2.2.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 +38 -1
- package/dist/accordion/accordion.css.map +1 -1
- package/dist/avatar/avatar.css +1 -1
- package/dist/avatar/avatar.css.map +1 -1
- package/dist/badge/badge.css.map +1 -1
- package/dist/blockquote/blockquote.css.map +1 -1
- package/dist/breadcrumb/breadcrumb.css +1 -1
- package/dist/breadcrumb/breadcrumb.css.map +1 -1
- package/dist/breakout/breakout.css +1 -1
- package/dist/breakout/breakout.css.map +1 -1
- package/dist/button/button.css.map +1 -1
- package/dist/call-to-action-link/call-to-action-link.css.map +1 -1
- package/dist/card/card.css +1 -1
- package/dist/card/card.css.map +1 -1
- package/dist/character-count/character-count.css.map +1 -1
- package/dist/checkbox/checkbox.css.map +1 -1
- package/dist/date-input/date-input.css +1 -1
- package/dist/date-input/date-input.css.map +1 -1
- package/dist/description-list/description-list.css +1 -1
- package/dist/description-list/description-list.css.map +1 -1
- package/dist/error-message/error-message.css.map +1 -1
- package/dist/field-set/field-set.css +1 -1
- package/dist/field-set/field-set.css.map +1 -1
- package/dist/figure/figure.css.map +1 -1
- package/dist/file-input/file-input.css.map +1 -1
- package/dist/file-list/file-list.css.map +1 -1
- package/dist/grid/grid.css.map +1 -1
- package/dist/heading/heading.css.map +1 -1
- package/dist/hint/hint.css +1 -1
- package/dist/hint/hint.css.map +1 -1
- package/dist/image-slider/image-slider.css.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/label/label.css +1 -1
- package/dist/label/label.css.map +1 -1
- package/dist/link/link.css.map +1 -1
- package/dist/link-list/link-list.css.map +1 -1
- package/dist/menu/menu.css +1 -1
- package/dist/menu/menu.css.map +1 -1
- package/dist/ordered-list/ordered-list.css.map +1 -1
- package/dist/page/page.css +1 -1
- package/dist/page/page.css.map +1 -1
- package/dist/page-footer/page-footer.css.map +1 -1
- package/dist/page-header/page-header.css +1 -1
- package/dist/page-header/page-header.css.map +1 -1
- package/dist/page-heading/page-heading.deprecated.css.map +1 -1
- package/dist/pagination/pagination.css.map +1 -1
- package/dist/paragraph/paragraph.css.map +1 -1
- package/dist/password-input/password-input.css.map +1 -1
- package/dist/radio/radio.css.map +1 -1
- package/dist/search-field/search-field.css.map +1 -1
- package/dist/standalone-link/standalone-link.css.map +1 -1
- package/dist/table-of-contents/table-of-contents.css.map +1 -1
- package/dist/tabs/tabs.css +1 -1
- package/dist/tabs/tabs.css.map +1 -1
- package/dist/text-area/text-area.css.map +1 -1
- package/dist/text-input/text-input.css.map +1 -1
- package/dist/time-input/time-input.css +1 -1
- package/dist/time-input/time-input.css.map +1 -1
- package/dist/unordered-list/unordered-list.css.map +1 -1
- package/dist/visually-hidden/visually-hidden.css +1 -1
- package/dist/visually-hidden/visually-hidden.css.map +1 -1
- package/documentation/coding-conventions.md +2 -0
- package/package.json +3 -3
- package/src/common/calculate-fluid-style.scss +2 -0
- package/src/common/hyphenation.scss +3 -0
- package/src/common/text-rendering.scss +3 -0
- package/src/components/avatar/avatar.scss +10 -2
- package/src/components/breadcrumb/breadcrumb.scss +6 -1
- package/src/components/breakout/breakout.scss +9 -1
- package/src/components/card/card.scss +17 -8
- package/src/components/checkbox/checkbox.scss +2 -0
- package/src/components/date-input/date-input.scss +4 -4
- package/src/components/description-list/description-list.scss +0 -6
- package/src/components/field-set/field-set.scss +19 -1
- package/src/components/grid/_mixins.scss +2 -0
- package/src/components/heading/heading.scss +12 -0
- package/src/components/hint/hint.scss +4 -0
- package/src/components/image-slider/image-slider.scss +10 -4
- package/src/components/label/label.scss +16 -0
- package/src/components/menu/README.md +18 -2
- package/src/components/menu/menu.scss +38 -4
- package/src/components/page/README.md +6 -18
- package/src/components/page/page.scss +33 -0
- package/src/components/page-header/README.md +2 -1
- package/src/components/page-header/page-header.scss +30 -23
- package/src/components/page-heading/page-heading.deprecated.scss +2 -0
- package/src/components/tabs/tabs.scss +4 -0
- package/src/components/text-area/text-area.scss +7 -0
- package/src/components/time-input/time-input.scss +4 -4
- package/src/components/visually-hidden/visually-hidden.scss +4 -1
package/dist/label/label.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/label/label.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,WACE,6BACA,yCACA,qCACA,yCACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/label/label.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,WACE,6BACA,yCACA,qCACA,yCACA,yCAOA,qCCZA,kEAEA,aACA,yBCDA,kCACA,2BACA,8BAIA,sBFUF,wBACE,qDAGF,oBACE,qCACA,yCACA","file":"label.css"}
|
package/dist/link/link.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/link/link.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,UACE,4BACA,wCACA,oCACA,wCACA,wCACA,8CACA,oEACA,4DCNA,kCACA,2BACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/link/link.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,UACE,4BACA,wCACA,oCACA,wCACA,wCACA,8CACA,oEACA,4DCNA,kCACA,2BACA,8BAIA,sBDIA,gBACE,kCACA,0EACA,kEAIJ,oBACE,qCAEA,0BACE,2CAIJ,mBACE,oCAEA,yBACE","file":"link.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/link-list/link-list.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,eACE,sBACA,aACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/link-list/link-list.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,eACE,sBACA,aACA,6BCTA,kEAEA,aACA,yBCDA,kCACA,2BACA,8BAIA,sBFPA,gBACA,eACA,uBAaF,qBACE,uBACA,sCACA,oBACA,kDACA,8CACA,kDACA,kCACA,kDACA,wDACA,oEACA,8EACA,sEAEA,2BACE,4CACA,0EAIJ,4BACE,oDACA,wDAGF,4BACE,oDACA,wDAGF,+BACE,+CAEA,qCACE,qDAIJ,8BACE,8CAEA,oCACE","file":"link-list.css"}
|
package/dist/menu/menu.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-menu{font-family:var(--ams-menu-font-family);font-size:var(--ams-menu-font-size);font-weight:var(--ams-menu-font-weight);line-height:var(--ams-menu-line-height)}.ams-menu__list{display:grid;hyphenate-limit-chars:var(--ams-typography-hyphenate-limit-chars);hyphens:auto;overflow-wrap:break-word;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;list-style:none;margin-block:0;padding-inline-start:0}@media screen and (min-width: 72.5rem){.ams-menu__list{gap:var(--ams-menu-list-gap)}}.ams-menu__link{align-items:flex-start;color:var(--ams-menu-link-color);display:flex;gap:var(--ams-menu-link-gap);outline-offset:var(--ams-menu-link-outline-offset);padding-block:var(--ams-menu-link-padding-block);padding-inline:var(--ams-menu-link-padding-inline);text-decoration-line:var(--ams-menu-link-text-decoration-line);text-decoration-thickness:var(--ams-menu-link-text-decoration-thickness);text-underline-offset:var(--ams-menu-link-text-underline-offset)}.ams-menu__link:hover{color:var(--ams-menu-link-hover-color);text-decoration-line:var(--ams-menu-link-hover-text-decoration-line)}.ams-menu__link .ams-menu__icon{align-self:initial}@media screen and (min-width: 72.5rem){.ams-menu__link{align-items:center;flex-direction:column;gap:
|
|
1
|
+
.ams-menu{background-color:var(--ams-menu-background-color);font-family:var(--ams-menu-font-family);font-size:var(--ams-menu-font-size);font-weight:var(--ams-menu-font-weight);line-height:var(--ams-menu-line-height);margin-inline:calc(var(--ams-grid-padding-inline)*-1);padding-block:var(--ams-menu-padding-block);padding-inline:calc(var(--ams-grid-padding-inline) - var(--ams-menu-link-padding-inline))}@media screen and (min-width: 37.5rem){.ams-menu{margin-inline:calc(var(--ams-grid-medium-padding-inline)*-1);padding-inline:var(--ams-grid-medium-padding-inline)}}@media screen and (min-width: 72.5rem){.ams-menu{display:none;margin-inline:0;max-inline-size:var(--ams-menu-wide-max-inline-size);padding-block:var(--ams-menu-wide-padding-block);padding-inline:var(--ams-menu-wide-padding-inline)}}.ams-menu--in-wide-window{display:none}@media screen and (min-width: 72.5rem){.ams-menu--in-wide-window{display:block}}.ams-menu__list{display:grid;hyphenate-limit-chars:var(--ams-typography-hyphenate-limit-chars);hyphens:auto;overflow-wrap:break-word;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;list-style:none;margin-block:0;padding-inline-start:0}@media screen and (min-width: 72.5rem){.ams-menu__list{gap:var(--ams-menu-list-gap)}}.ams-menu__link{align-items:flex-start;color:var(--ams-menu-link-color);display:inline-flex;gap:var(--ams-menu-link-gap);outline-offset:var(--ams-menu-link-outline-offset);padding-block:var(--ams-menu-link-padding-block);padding-inline:var(--ams-menu-link-padding-inline);text-decoration-line:var(--ams-menu-link-text-decoration-line);text-decoration-thickness:var(--ams-menu-link-text-decoration-thickness);text-underline-offset:var(--ams-menu-link-text-underline-offset)}.ams-menu__link:hover{color:var(--ams-menu-link-hover-color);text-decoration-line:var(--ams-menu-link-hover-text-decoration-line)}.ams-menu__link .ams-menu__icon{align-self:initial}@media screen and (min-width: 72.5rem){.ams-menu__link{align-items:center;display:flex;flex-direction:column;gap:var(--ams-menu-link-wide-gap);text-align:center}.ams-menu__link .ams-menu__icon{--ams-icon-font-size: var(--ams-icon-heading-2-font-size);--ams-icon-line-height: var(--ams-icon-heading-2-line-height)}}.ams-menu__link--contrast{color:var(--ams-menu-link-contrast-color)}.ams-menu__link--contrast:hover{color:var(--ams-menu-link-contrast-hover-color)}.ams-menu__link--inverse{color:var(--ams-menu-link-inverse-color)}.ams-menu__link--inverse:hover{color:var(--ams-menu-link-inverse-hover-color)}/*# sourceMappingURL=menu.css.map */
|
package/dist/menu/menu.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/menu/menu.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAeA,UACE,wCACA,oCACA,wCACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/menu/menu.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAeA,UACE,kDACA,wCACA,oCACA,wCACA,wCAIA,sDACA,4CAGA,0FAEA,uCAfF,UAgBI,6DACA,sDAGF,uCApBF,UAqBI,aACA,gBACA,qDACA,iDACA,oDAIJ,0BACE,aAEA,uCAHF,0BAII,eAIJ,gBACE,aC7CA,kEAEA,aACA,yBCDA,kCACA,2BACA,8BAIA,sBFNA,gBACA,eACA,uBA+CA,uCAPF,gBAQI,8BAIJ,gBACE,uBACA,iCACA,oBACA,6BACA,mDACA,iDACA,mDACA,+DACA,yEACA,iEAEA,sBACE,uCACA,qEAGF,gCACE,mBAGF,uCArBF,gBAsBI,mBACA,aACA,sBACA,kCACA,kBAEA,gCACE,0DACA,+DAMN,0BACE,0CAEA,gCACE,gDAKJ,yBACE,yCAEA,+BACE","file":"menu.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/ordered-list/ordered-list.scss","../../src/common/text-rendering.scss","../../src/common/hyphenation.scss"],"names":[],"mappings":"AAcA,kBACE,sBACA,aACA,gCCPA,kCACA,2BACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/ordered-list/ordered-list.scss","../../src/common/text-rendering.scss","../../src/common/hyphenation.scss"],"names":[],"mappings":"AAcA,kBACE,sBACA,aACA,gCCPA,kCACA,2BACA,8BAIA,sBCRA,kEAEA,aACA,yBFFA,qBACA,eACA,uBAaF,qDACE,oCACA,gDACA,4CACA,gDACA,gDACA,wDAEA,6EACE,qEACA,uEAIJ,8DACE,4CAGF,4DACE,kDACA,sDAIA,6DACE,6CACA,qEACA,6EAEA,qFACE,kFACA,oFAIJ,+EACE","file":"ordered-list.css"}
|
package/dist/page/page.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-page{background-color:var(--ams-page-background-color);margin-inline:auto;max-inline-size:var(--ams-page-max-inline-size);min-block-size:100vh;min-block-size:100dvh}/*# sourceMappingURL=page.css.map */
|
|
1
|
+
.ams-page{background-color:var(--ams-page-background-color);margin-inline:auto;max-inline-size:var(--ams-page-max-inline-size);min-block-size:100vh;min-block-size:100dvh}.ams-page--with-menu{display:grid;grid-auto-rows:min-content auto 1fr auto;grid-template-areas:"skip-link skip-link" "menu header" "menu body" "menu footer";grid-template-columns:auto 1fr;max-inline-size:var(--ams-page-with-menu-max-inline-size)}.ams-page--with-menu>.ams-page__area--skip-link{grid-area:skip-link;margin-inline-end:var(--ams-page-with-menu-area-skip-link-margin-inline-end)}.ams-page--with-menu>.ams-page__area--menu{grid-area:menu}.ams-page--with-menu>.ams-page__area--header{grid-area:header}.ams-page--with-menu>.ams-page__area--body{grid-area:body}.ams-page--with-menu>.ams-page__area--footer{grid-area:footer}/*# sourceMappingURL=page.css.map */
|
package/dist/page/page.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/page/page.scss"],"names":[],"mappings":"AAKA,UACE,kDACA,mBACA,gDACA,qBACA","file":"page.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/page/page.scss"],"names":[],"mappings":"AAKA,UACE,kDACA,mBACA,gDACA,qBACA,sBAGF,qBACE,aACA,yCACA,oBACE,8DAIF,+BACA,0DAEA,gDACE,oBACA,6EAGF,2CACE,eAGF,6CACE,iBAGF,2CACE,eAGF,6CACE","file":"page.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/page-footer/page-footer.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,4BACE,mEAGF,uBACE,kDACA,aACA,eACA,wDACA,0DACA,4CAdA,gBACA,eAiBA,uCAVF,uBAWI,kEAGF,uCAdF,uBAeI,gEAIJ,4BACE,6CACA,yDACA,qDACA,yDACA,yDACA,+DACA,2EACA,qFACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/page-footer/page-footer.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,4BACE,mEAGF,uBACE,kDACA,aACA,eACA,wDACA,0DACA,4CAdA,gBACA,eAiBA,uCAVF,uBAWI,kEAGF,uCAdF,uBAeI,gEAIJ,4BACE,6CACA,yDACA,qDACA,yDACA,yDACA,+DACA,2EACA,qFACA,6ECtCA,kEAEA,aACA,yBCDA,kCACA,2BACA,8BAIA,sBFmCA,kCACE,mDACA","file":"page-footer.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-page-header{display:grid;font-family:var(--ams-page-header-font-family);padding-block:var(--ams-page-header-padding-block);padding-inline:var(--ams-page-header-padding-inline)}@media screen and (min-width: 37.5rem){.ams-page-header{padding-inline:var(--ams-page-header-medium-padding-inline)}}@media screen and (min-width: 72.5rem){.ams-page-header{padding-inline:var(--ams-page-header-wide-padding-inline)}}.ams-page-header__logo-link{align-items:center;align-self:start;column-gap:var(--ams-page-header-logo-link-column-gap);display:flex;grid-area:1/1;inline-size:fit-content;outline-offset:var(--ams-page-header-logo-link-outline-offset);text-decoration:none}@media(forced-colors: active){.ams-page-header__logo-link .ams-logo__emblem,.ams-page-header__logo-link .ams-logo__text-primary,.ams-page-header__logo-link .ams-logo__text-secondary{fill:LinkText}}.ams-page-header__logo-link--hidden{opacity:0
|
|
1
|
+
.ams-page-header{display:grid;font-family:var(--ams-page-header-font-family);padding-block:var(--ams-page-header-padding-block);padding-inline:var(--ams-page-header-padding-inline)}@media screen and (min-width: 37.5rem){.ams-page-header{padding-inline:var(--ams-page-header-medium-padding-inline)}}@media screen and (min-width: 72.5rem){.ams-page-header{padding-inline:var(--ams-page-header-wide-padding-inline)}}.ams-page-header__logo-link{align-items:center;align-self:start;column-gap:var(--ams-page-header-logo-link-column-gap);display:flex;grid-area:1/1;inline-size:fit-content;outline-offset:var(--ams-page-header-logo-link-outline-offset);text-decoration:none}@media(forced-colors: active){.ams-page-header__logo-link .ams-logo__emblem,.ams-page-header__logo-link .ams-logo__text-primary,.ams-page-header__logo-link .ams-logo__text-secondary{fill:LinkText}}.ams-page-header__logo-link--hidden{opacity:0%;-webkit-user-select:none;user-select:none}.ams-page-header__logo-container{flex-shrink:0;inline-size:.75rem;overflow:hidden}@media screen and (min-width: 37.5rem){.ams-page-header__logo-container{inline-size:auto}}.ams-page-header__brand-name{color:var(--ams-page-header-brand-name-color);font-size:var(--ams-page-header-brand-name-font-size);font-weight:var(--ams-page-header-brand-name-font-weight);line-height:var(--ams-page-header-brand-name-line-height);text-wrap:var(--ams-page-header-brand-name-text-wrap)}.ams-page-header__navigation{column-gap:var(--ams-page-header-navigation-column-gap);display:flex;flex-wrap:wrap;grid-area:1/1;pointer-events:none;row-gap:var(--ams-page-header-navigation-row-gap)}.ams-page-header__menu{align-items:center;column-gap:var(--ams-page-header-menu-column-gap);display:flex;flex-wrap:wrap;justify-content:flex-end;margin-inline-start:auto;pointer-events:auto;row-gap:var(--ams-page-header-menu-row-gap);list-style:none;margin-block:0;padding-inline-start:0}@media screen and not (min-width: 72.5rem){.ams-page-header__menu-item{display:none}}.ams-page-header__menu-item--fixed{display:revert}.ams-page-header__menu-link{display:inline-flex;gap:var(--ams-page-header-menu-link-gap);text-decoration-line:var(--ams-page-header-menu-link-text-decoration-line);text-decoration-thickness:var(--ams-page-header-menu-link-text-decoration-thickness);text-underline-offset:var(--ams-page-header-menu-link-text-underline-offset);color:var(--ams-page-header-menu-item-color);font-size:var(--ams-page-header-menu-item-font-size);font-weight:var(--ams-page-header-menu-item-font-weight);line-height:var(--ams-page-header-menu-item-line-height);outline-offset:var(--ams-page-header-menu-item-outline-offset);padding-block:var(--ams-page-header-menu-item-padding-block);touch-action:manipulation;white-space:nowrap;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-page-header__menu-link:hover{color:var(--ams-page-header-menu-item-hover-color)}.ams-page-header__menu-link:hover{text-decoration-line:var(--ams-page-header-menu-link-hover-text-decoration-line)}@media screen and (min-width: 72.5rem){.ams-page-header__mega-menu-button-item--hide-on-wide-window{display:none}}.ams-page-header__mega-menu-button{column-gap:var(--ams-page-header-menu-item-column-gap);cursor:var(--ams-page-header-mega-menu-button-cursor);display:grid;font-family:inherit;grid-auto-flow:column;color:var(--ams-page-header-menu-item-color);font-size:var(--ams-page-header-menu-item-font-size);font-weight:var(--ams-page-header-menu-item-font-weight);line-height:var(--ams-page-header-menu-item-line-height);outline-offset:var(--ams-page-header-menu-item-outline-offset);padding-block:var(--ams-page-header-menu-item-padding-block);touch-action:manipulation;white-space:nowrap;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-page-header__mega-menu-button:hover{color:var(--ams-page-header-menu-item-hover-color)}.ams-page-header__mega-menu-button{background:none;border:none;margin-block:0;margin-inline:0;padding-inline:0}.ams-page-header__mega-menu-button[aria-expanded=true]{font-weight:var(--ams-page-header-mega-menu-button-label-open-font-weight)}.ams-page-header__mega-menu-button-label,.ams-page-header__mega-menu-button-hidden-label{grid-area:1/1}.ams-page-header__mega-menu-button-hidden-label{font-weight:var(--ams-page-header-mega-menu-button-label-open-font-weight);pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden}.ams-page-header__menu-icon-top,.ams-page-header__menu-icon-middle,.ams-page-header__menu-icon-bottom{transform-origin:center;transition:opacity .1s ease-in-out,rotate .2s ease-in-out,translate .1s ease-in-out}@media(prefers-reduced-motion){.ams-page-header__menu-icon-top,.ams-page-header__menu-icon-middle,.ams-page-header__menu-icon-bottom{transition:none}}.ams-page-header__menu-icon--open .ams-page-header__menu-icon-top{rotate:45deg;translate:-4px 4px}.ams-page-header__menu-icon--open .ams-page-header__menu-icon-middle{opacity:0%}.ams-page-header__menu-icon--open .ams-page-header__menu-icon-bottom{rotate:-45deg;translate:-4px -4px}.ams-page-header__mega-menu{inline-size:100%;pointer-events:auto}.ams-page-header__mega-menu .ams-grid{padding-inline:0}.ams-page-header__mega-menu--closed.ams-page-header__mega-menu--closed{display:none}@media screen and (min-width: 72.5rem){.ams-page-header__grid-cell-narrow-window-only{display:none}}/*# sourceMappingURL=page-header.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/page-header/page-header.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,iBAME,aACA,+CACA,mDACA,qDAEA,uCAXF,iBAYI,6DAGF,uCAfF,iBAgBI,2DAIJ,4BACE,mBACA,iBACA,uDACA,aACA,cACA,wBACA,+DACA,qBAEA,8BACE,wJAGE,eAKN,oCACE,WACA,iBAGF,iCACE,cACA,mBACA,gBAEA,uCALF,iCAMI,kBAIJ,6BACE,8CACA,sDACA,0DACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/page-header/page-header.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,iBAME,aACA,+CACA,mDACA,qDAEA,uCAXF,iBAYI,6DAGF,uCAfF,iBAgBI,2DAIJ,4BACE,mBACA,iBACA,uDACA,aACA,cACA,wBACA,+DACA,qBAEA,8BACE,wJAGE,eAKN,oCACE,WACA,yBAIA,iBAGF,iCACE,cACA,mBACA,gBAEA,uCALF,iCAMI,kBAIJ,6BACE,8CACA,sDACA,0DACA,0DAOA,sDAGF,6BACE,wDACA,aACA,eACA,cAGA,oBACA,kDASF,uBACE,mBACA,kDACA,aACA,eACA,yBACA,yBACA,oBACA,4CAbA,gBACA,eACA,uBAkBA,2CADF,4BAEI,cAKJ,mCACE,eAoBF,4BACE,oBACA,yCACA,2EACA,qFACA,6EArBA,6CACA,qDACA,yDACA,yDACA,+DACA,6DACA,0BACA,mBCxHA,kCACA,2BACA,8BAIA,sBDsHA,kCACE,mDAaF,kCACE,iFAKF,uCADF,6DAEI,cAcJ,mCACE,uDACA,sDACA,aACA,oBACA,sBAnDA,6CACA,qDACA,yDACA,yDACA,+DACA,6DACA,0BACA,mBCxHA,kCACA,2BACA,8BAIA,sBDsHA,yCACE,mDAkCJ,mCATE,gBACA,YACA,eACA,gBACA,iBAgBF,uDACE,2EAGF,yFAEE,cAKF,gDACE,2EACA,oBACA,yBAIA,iBACA,kBAGF,sGAGE,wBACA,WACE,yEAIF,+BATF,sGAUI,iBAKF,kEACE,aACA,mBAGF,qEACE,WAGF,qEACE,cACA,oBAIJ,4BACE,iBACA,oBAIA,sCACE,iBAIJ,uEACE,aAIA,uCADF,+CAEI","file":"page-header.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/page-heading/page-heading.deprecated.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,kBACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/page-heading/page-heading.deprecated.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,kBACE,sBAEA,kBACA,mBACA,oCACA,gDACA,4CACA,gDACA,gDAEA,4CChBA,kEAEA,aACA,yBCDA,kCACA,2BACA,8BAIA,sBFPA,eAsBF,2BACE","file":"page-heading.deprecated.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/pagination/pagination.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAOA,gBACE,aACA,eACA,8CACA,0CACA,8CACA,uBACA,8CASF,sBACE,aACA,eAPA,qBACA,eACA,uBAUF,sBACE,uCACA,oBACA,mCACA,yDACA,yDACA,qEACA,+EACA,uEACA,0BC7BA,kCACA,2BACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/pagination/pagination.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAOA,gBACE,aACA,eACA,8CACA,0CACA,8CACA,uBACA,8CASF,sBACE,aACA,eAPA,qBACA,eACA,uBAUF,sBACE,uCACA,oBACA,mCACA,yDACA,yDACA,qEACA,+EACA,uEACA,0BC7BA,kCACA,2BACA,8BAIA,sBD2BA,4BACE,6CACA,2EAIF,wCACE,gBACA,iBAIJ,yCACE,2DAEA,+CACE","file":"pagination.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/paragraph/paragraph.scss","../../src/common/text-rendering.scss","../../src/common/hyphenation.scss"],"names":[],"mappings":"AAYA,eACE,sBACA,iCACA,6CACA,yCACA,6CACA,6CCRA,kCACA,2BACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/paragraph/paragraph.scss","../../src/common/text-rendering.scss","../../src/common/hyphenation.scss"],"names":[],"mappings":"AAYA,eACE,sBACA,iCACA,6CACA,yCACA,6CACA,6CCRA,kCACA,2BACA,8BAIA,sBCRA,kEAEA,aACA,yBFFA,eAgBF,sBACE,+CACA,mDAGF,sBACE,+CACA,mDAGF,wBACE","file":"paragraph.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/password-input/password-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,oBACE,4DACA,oDACA,oDACA,oDACA,sBACA,sCACA,kDACA,8CACA,kDACA,kDACA,qBACA,wDACA,sDACA,wDACA,0BCnBA,kCACA,2BACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/password-input/password-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,oBACE,4DACA,oDACA,oDACA,oDACA,sBACA,sCACA,kDACA,8CACA,kDACA,kDACA,qBACA,wDACA,sDACA,wDACA,0BCnBA,kCACA,2BACA,8BAIA,sBDRA,wBACA,gBACA,gBACA,eAwBF,gCACE,iBAOF,iCACE,kDAJA,aASF,6BACE,+CACA,iDAGF,iGAEE,4DAGF,yCACE,sDAGF,6GAEE,kEACA","file":"password-input.css"}
|
package/dist/radio/radio.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/radio/radio.scss","../../src/common/hide-input.scss","../../src/common/input-label-focus.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAUA,kBCJE,gBACA,cACA,eACA,gBCIA,8BACE,aAGF,kDACE,UFFJ,kBACE,6BACA,+BACA,oBACA,yCACA,qCACA,yCACA,yBACA,yCACA,+CACA,qEACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/radio/radio.scss","../../src/common/hide-input.scss","../../src/common/input-label-focus.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAUA,kBCJE,gBACA,cACA,eACA,gBCIA,8BACE,aAGF,kDACE,UFFJ,kBACE,6BACA,+BACA,oBACA,yCACA,qCACA,yCACA,yBACA,yCACA,+CACA,qEACA,6DGnBA,kEAEA,aACA,yBCDA,kCACA,2BACA,8BAIA,sBJiBF,2BACE,sDACA,aACA,UACA,wDAGF,mBACE,kCACA,sCAGF,4BACE,YAGF,8BACE,aACA,6CAIF,wBACE,mCACA,iEAEA,2CACE,4CAGF,oDACE,qDAGF,sDACE,mDAMF,0EACE,8CAGF,qFACE,qDAMF,0EACE,cAKJ,6CACE,sCACA,wCAEA,gEACE,+CAGF,2EACE,sDAMF,mFAEE,uDAGF,8FAEE,8DAOJ,mDACE,qBAEA,+EACE,qBAMF,gFACE,oDAGF,yFACE,6DAGF,2FACE,2DAMF,yFAEE,6DAGF,kGACE,qBAEF,oGAEE,oEAOJ,8BAKI,0OACE,YACA,iBAGF,8QACE,YAGF,sRACE,gBAMN,8BAGI,uJACE,kBAGF,6KACE,iBAMN,8BAII,4OACE,gBAGF,6QACE","file":"radio.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/search-field/search-field.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAOA,kBACE,aACA,kBAUF,yBACE,gEACA,wDACA,wDACA,wDACA,sBACA,0CACA,sDACA,kDACA,sDACA,iBACA,sDACA,4DACA,0DACA,4DACA,0BCxBA,kCACA,2BACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/search-field/search-field.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAOA,kBACE,aACA,kBAUF,yBACE,gEACA,wDACA,wDACA,wDACA,sBACA,0CACA,sDACA,kDACA,sDACA,iBACA,sDACA,4DACA,0DACA,4DACA,0BCxBA,kCACA,2BACA,8BAIA,sBDHA,wBACA,gBACA,gBACA,eAuBA,+BACE,UAQJ,sCACE,sDAGF,2GAEE,gEAGF,8CACE,0DAGF,uHAEE,sEACA,kEAGF,uDACE,gBACA,8EACA,kEACA,0DACA,oEACA","file":"search-field.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/standalone-link/standalone-link.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,qBACE,uCACA,iDACA,oBACA,mDACA,+CACA,mDACA,mDACA,yDACA,qEACA,+EACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/standalone-link/standalone-link.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,qBACE,uCACA,iDACA,oBACA,mDACA,+CACA,mDACA,mDACA,yDACA,qEACA,+EACA,uECXA,kEAEA,aACA,yBCDA,kCACA,2BACA,8BAIA,sBFQA,2BACE,6CACA,2EAIJ,+BACE,gDAEA,qCACE,sDAIJ,8BACE,+CAEA,oCACE","file":"standalone-link.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/table-of-contents/table-of-contents.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,uBACE,aACA,sBACA,qDACA,iDACA,qDACA,qCACA,qDAGF,6BACE,sBACA,aACA,sBACA,0CACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/table-of-contents/table-of-contents.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAaA,uBACE,aACA,sBACA,qDACA,iDACA,qDACA,qCACA,qDAGF,6BACE,sBACA,aACA,sBACA,0CACA,gBCpBA,kEAEA,aACA,yBCDA,kCACA,2BACA,8BAIA,sBFPA,eACA,iBAwBA,0DACE,+EACA,iFAIJ,6BACE,8CACA,gEACA,4EACA,sFACA,8EAEA,mCACE,oDACA","file":"table-of-contents.css"}
|
package/dist/tabs/tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-tabs{display:grid;gap:var(--ams-tabs-gap)}.ams-tabs__list{box-shadow:var(--ams-tabs-list-box-shadow);display:flex;overflow-x:auto}.ams-tabs__button{color:var(--ams-tabs-button-color);cursor:var(--ams-tabs-button-cursor);display:grid;flex-shrink:0;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:none;margin-block:0;margin-inline:0}.ams-tabs__button:disabled{color:var(--ams-tabs-button-disabled-color);cursor:var(--ams-tabs-button-disabled-cursor)}@media(forced-colors: active){.ams-tabs__button:disabled{color:GrayText}}.ams-tabs__button:hover:not([disabled]){color:var(--ams-tabs-button-hover-color)}.ams-tabs__button:hover:not([aria-selected=true],[disabled]){box-shadow:var(--ams-tabs-button-hover-box-shadow)}.ams-tabs__button[aria-selected=true]{box-shadow:var(--ams-tabs-button-selected-box-shadow);font-weight:var(--ams-tabs-button-selected-font-weight)}@media(forced-colors: active){.ams-tabs__button[aria-selected=true]{background-color:SelectedItem}}.ams-tabs__button-label,.ams-tabs__button-label-hidden{grid-area:1/1}.ams-tabs__button-label-hidden{font-weight:var(--ams-tabs-button-selected-font-weight);pointer-events:none;user-select:none;visibility:hidden}.ams-tabs__panel{overflow-x:auto}/*# sourceMappingURL=tabs.css.map */
|
|
1
|
+
.ams-tabs{display:grid;gap:var(--ams-tabs-gap)}.ams-tabs__list{box-shadow:var(--ams-tabs-list-box-shadow);display:flex;overflow-x:auto}.ams-tabs__button{color:var(--ams-tabs-button-color);cursor:var(--ams-tabs-button-cursor);display:grid;flex-shrink:0;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:none;margin-block:0;margin-inline:0}.ams-tabs__button:disabled{color:var(--ams-tabs-button-disabled-color);cursor:var(--ams-tabs-button-disabled-cursor)}@media(forced-colors: active){.ams-tabs__button:disabled{color:GrayText}}.ams-tabs__button:hover:not([disabled]){color:var(--ams-tabs-button-hover-color)}.ams-tabs__button:hover:not([aria-selected=true],[disabled]){box-shadow:var(--ams-tabs-button-hover-box-shadow)}.ams-tabs__button[aria-selected=true]{box-shadow:var(--ams-tabs-button-selected-box-shadow);font-weight:var(--ams-tabs-button-selected-font-weight)}@media(forced-colors: active){.ams-tabs__button[aria-selected=true]{background-color:SelectedItem}}.ams-tabs__button-label,.ams-tabs__button-label-hidden{grid-area:1/1}.ams-tabs__button-label-hidden{font-weight:var(--ams-tabs-button-selected-font-weight);pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden}.ams-tabs__panel{overflow-x:auto}/*# sourceMappingURL=tabs.css.map */
|
package/dist/tabs/tabs.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/tabs/tabs.scss"],"names":[],"mappings":"AAgBA,UACE,aACA,wBAGF,gBACE,2CACA,aACA,gBAGF,kBACE,mCACA,qCACA,aACA,cACA,+CACA,2CACA,+CACA,+CACA,qDACA,mDACA,qDA9BA,+BACA,YACA,eACA,gBA+BA,2BACE,4CACA,8CAEA,8BAJF,2BAKI,gBAIJ,wCACE,yCAGF,6DACE,mDAGF,sCACE,sDACA,wDAEA,8BAJF,sCAKI,+BAKN,uDAEE,cAKF,+BACE,wDACA,oBACA,iBACA,kBAGF,iBACE","file":"tabs.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/tabs/tabs.scss"],"names":[],"mappings":"AAgBA,UACE,aACA,wBAGF,gBACE,2CACA,aACA,gBAGF,kBACE,mCACA,qCACA,aACA,cACA,+CACA,2CACA,+CACA,+CACA,qDACA,mDACA,qDA9BA,+BACA,YACA,eACA,gBA+BA,2BACE,4CACA,8CAEA,8BAJF,2BAKI,gBAIJ,wCACE,yCAGF,6DACE,mDAGF,sCACE,sDACA,wDAEA,8BAJF,sCAKI,+BAKN,uDAEE,cAKF,+BACE,wDACA,oBACA,yBAIA,iBACA,kBAGF,iBACE","file":"tabs.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/text-area/text-area.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,eACE,uDACA,+CACA,+CACA,+CACA,sBACA,iCACA,6CACA,yCACA,6CACA,iBACA,6CACA,qBACA,mDACA,mDACA,iDACA,mDACA,0BCrBA,kCACA,2BACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/text-area/text-area.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,eACE,uDACA,+CACA,+CACA,+CACA,sBACA,iCACA,6CACA,yCACA,6CACA,iBACA,6CACA,qBACA,mDACA,mDACA,iDACA,mDACA,0BCrBA,kCACA,2BACA,8BAIA,sBDRA,wBACA,gBACA,gBACA,eA8BF,4BACE,6CAJA,aASF,wBACE,0CACA,4CAGF,uFAEE,uDAGF,oCACE,iDAGF,mGAEE,6DACA,yDAOF,4BAEE,YAGF,kCAEE,cAGF,gCAEE,aAGF,qBACE","file":"text-area.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/text-input/text-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,gBACE,wDACA,gDACA,gDACA,gDACA,sBACA,kCACA,8CACA,0CACA,8CACA,8CACA,qBACA,oDACA,kDACA,oDACA,0BCnBA,kCACA,2BACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/text-input/text-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,gBACE,wDACA,gDACA,gDACA,gDACA,sBACA,kCACA,8CACA,0CACA,8CACA,8CACA,qBACA,oDACA,kDACA,oDACA,0BCnBA,kCACA,2BACA,8BAIA,sBDRA,wBACA,gBACA,gBACA,eAwBF,4BACE,iBAOF,6BACE,8CAJA,aASF,yBACE,2CACA,6CAGF,yFAEE,wDAGF,qCACE,kDAGF,qGAEE,8DACA","file":"text-input.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-time-input{background-color:var(--ams-time-input-background-color);border-color:var(--ams-time-input-border-color);border-style:var(--ams-time-input-border-style);border-width:var(--ams-time-input-border-width);box-sizing:border-box;color:var(--ams-time-input-color);font-family:var(--ams-time-input-font-family);font-size:var(--ams-time-input-font-size);font-weight:var(--ams-time-input-font-weight);line-height:var(--ams-time-input-line-height);min-block-size:calc(var(--ams-time-input-font-size)*var(--ams-time-input-line-height) + 2*var(--ams-time-input-padding-block));min-inline-size:calc(4ch + 2*var(--ams-time-input-padding-inline));outline-offset:var(--ams-time-input-outline-offset);padding-block:var(--ams-time-input-padding-block);padding-inline:var(--ams-time-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;appearance:none;border-radius:0;inline-size:auto;margin-block:0}.ams-time-input::-webkit-datetime-edit,.ams-time-input::-webkit-datetime-edit-ampm-field,.ams-time-input::-webkit-datetime-edit-fields-wrapper,.ams-time-input::-webkit-datetime-edit-hour-field,.ams-time-input::-webkit-datetime-edit-millisecond-field,.ams-time-input::-webkit-datetime-edit-minute-field,.ams-time-input::-webkit-datetime-edit-second-field{padding-block:0}.ams-time-input::-webkit-calendar-picker-indicator{appearance:none;background-image:var(--ams-time-input-
|
|
1
|
+
.ams-time-input{background-color:var(--ams-time-input-background-color);border-color:var(--ams-time-input-border-color);border-style:var(--ams-time-input-border-style);border-width:var(--ams-time-input-border-width);box-sizing:border-box;color:var(--ams-time-input-color);font-family:var(--ams-time-input-font-family);font-size:var(--ams-time-input-font-size);font-weight:var(--ams-time-input-font-weight);line-height:var(--ams-time-input-line-height);min-block-size:calc(var(--ams-time-input-font-size)*var(--ams-time-input-line-height) + 2*var(--ams-time-input-padding-block));min-inline-size:calc(4ch + 2*var(--ams-time-input-padding-inline));outline-offset:var(--ams-time-input-outline-offset);padding-block:var(--ams-time-input-padding-block);padding-inline:var(--ams-time-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;appearance:none;border-radius:0;inline-size:auto;margin-block:0}.ams-time-input::-webkit-datetime-edit,.ams-time-input::-webkit-datetime-edit-ampm-field,.ams-time-input::-webkit-datetime-edit-fields-wrapper,.ams-time-input::-webkit-datetime-edit-hour-field,.ams-time-input::-webkit-datetime-edit-millisecond-field,.ams-time-input::-webkit-datetime-edit-minute-field,.ams-time-input::-webkit-datetime-edit-second-field{padding-block:0}.ams-time-input::-webkit-calendar-picker-indicator{appearance:none;background-image:var(--ams-time-input-calendar-picker-indicator-background-image);cursor:var(--ams-time-input-calendar-picker-indicator-cursor)}.ams-time-input:hover::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-hover-calendar-picker-indicator-background-image)}.ams-time-input:disabled{color:var(--ams-time-input-disabled-color);cursor:var(--ams-time-input-disabled-cursor)}.ams-time-input:disabled::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-disabled-calendar-picker-indicator-background-image);visibility:visible}.ams-time-input:not(:disabled):invalid,.ams-time-input:not(:disabled)[aria-invalid=true]{border-color:var(--ams-time-input-invalid-border-color)}.ams-time-input:not(:disabled):hover{box-shadow:var(--ams-time-input-hover-box-shadow)}.ams-time-input:not(:disabled):invalid:hover,.ams-time-input:not(:disabled)[aria-invalid=true]:hover{border-color:var(--ams-time-input-invalid-hover-border-color);box-shadow:var(--ams-time-input-invalid-hover-box-shadow)}/*# sourceMappingURL=time-input.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/time-input/time-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAyBA,gBACE,wDACA,gDACA,gDACA,gDACA,sBACA,kCACA,8CACA,0CACA,8CACA,8CAGA,+HAKA,mEACA,oDACA,kDACA,oDACA,0BCrCA,kCACA,2BACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/time-input/time-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAyBA,gBACE,wDACA,gDACA,gDACA,gDACA,sBACA,kCACA,8CACA,0CACA,8CACA,8CAGA,+HAKA,mEACA,oDACA,kDACA,oDACA,0BCrCA,kCACA,2BACA,8BAIA,sBDRA,wBACA,gBACA,gBACA,iBACA,eAEA,kWAOE,gBAiCJ,mDACE,gBACA,kFACA,8DAGF,yDACE,wFAGF,yBACE,2CACA,6CAGF,4DACE,2FACA,mBAGF,yFAEE,wDAGF,qCACE,kDAGF,qGAEE,8DACA","file":"time-input.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/unordered-list/unordered-list.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,oBACE,sBACA,aACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/unordered-list/unordered-list.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,oBACE,sBACA,aACA,kCCTA,kEAEA,aACA,yBCDA,kCACA,2BACA,8BAIA,sBFPA,gBACA,eACA,uBAaF,yDACE,sCACA,kDACA,8CACA,kDACA,kDACA,0DAEA,mFACE,uEACA,yEAIJ,kEACE,8CAGF,gEACE,oDACA,wDAIA,+DACE,iDACA,yEACA,iFAEA,yFACE,sFACA,wFAIJ,iFACE","file":"unordered-list.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-visually-hidden:not(:active,:focus){block-size:1px;clip
|
|
1
|
+
.ams-visually-hidden:not(:active,:focus){block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}/*# sourceMappingURL=visually-hidden.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/visually-hidden/visually-hidden.scss"],"names":[],"mappings":"AAMA,yCACE,eACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/visually-hidden/visually-hidden.scss"],"names":[],"mappings":"AAMA,yCACE,eACA,qBACA,gBACA,gBACA,kBACA,yBAIA,iBACA","file":"visually-hidden.css"}
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "2.0
|
|
2
|
+
"version": "2.2.0",
|
|
3
3
|
"author": "Design System Team, City of Amsterdam <designsystem@amsterdam.nl>",
|
|
4
4
|
"description": "Stylesheets for all components from the Amsterdam Design System and some general utilities. Use it to apply the visual design of the City of Amsterdam to your HTML elements or non-React components.",
|
|
5
5
|
"homepage": "https://designsystem.amsterdam",
|
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
"directory": "packages/css"
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
|
-
"sass": "1.
|
|
22
|
+
"sass": "1.94.0"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
|
-
"@amsterdam/design-system-tokens": "2.
|
|
25
|
+
"@amsterdam/design-system-tokens": "2.2.0",
|
|
26
26
|
"@amsterdam/design-system-assets": "1.1.0"
|
|
27
27
|
},
|
|
28
28
|
"scripts": {
|
|
@@ -5,6 +5,8 @@
|
|
|
5
5
|
|
|
6
6
|
@use "sass:math";
|
|
7
7
|
|
|
8
|
+
/* This is a SCSS function, not a CSS function. This gets converted to vanilla CSS when built. */
|
|
9
|
+
/* stylelint-disable-next-line plugin/use-baseline */
|
|
8
10
|
@function calculate-fluid-style($minSizePx, $maxSizePx, $minScreenWidthPx: 320, $maxScreenWidthPx: 1440) {
|
|
9
11
|
$defaultBaseSize: 16;
|
|
10
12
|
$minSize: math.div($minSizePx, $defaultBaseSize) * 1rem;
|
|
@@ -4,7 +4,10 @@
|
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
@mixin hyphenation {
|
|
7
|
+
/* These CSS declarations have a fallback, so it's safe to use them. */
|
|
8
|
+
/* stylelint-disable-next-line plugin/use-baseline */
|
|
7
9
|
hyphenate-limit-chars: var(--ams-typography-hyphenate-limit-chars);
|
|
10
|
+
/* stylelint-disable-next-line plugin/use-baseline */
|
|
8
11
|
hyphens: auto;
|
|
9
12
|
overflow-wrap: break-word; // Break overflowing words for browsers that don’t support CSS hyphens.
|
|
10
13
|
}
|
|
@@ -11,5 +11,8 @@
|
|
|
11
11
|
text-rendering: optimizeLegibility;
|
|
12
12
|
-moz-text-size-adjust: none;
|
|
13
13
|
-webkit-text-size-adjust: none;
|
|
14
|
+
|
|
15
|
+
/* The prefixed declarations increase the support somewhat, and if the property is not supported it is ignored. */
|
|
16
|
+
/* stylelint-disable-next-line plugin/use-baseline */
|
|
14
17
|
text-size-adjust: none;
|
|
15
18
|
}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
border-style: var(--ams-avatar-border-style);
|
|
12
12
|
border-width: var(--ams-avatar-border-width);
|
|
13
13
|
color: var(--ams-avatar-color);
|
|
14
|
-
display: inline-
|
|
14
|
+
display: inline-grid; /* Avoid Safari flexbox bug that distorts images by resolving intrinsic size incorrectly. */
|
|
15
15
|
font-family: var(--ams-avatar-font-family);
|
|
16
16
|
font-size: var(--ams-avatar-font-size);
|
|
17
17
|
inline-size: calc(var(--ams-avatar-line-height) * var(--ams-avatar-font-size));
|
|
@@ -34,7 +34,15 @@
|
|
|
34
34
|
overflow: hidden;
|
|
35
35
|
padding-block: 0;
|
|
36
36
|
padding-inline: 0;
|
|
37
|
-
|
|
37
|
+
place-content: stretch; /* Make the image occupy the full avatar area, even when its intrinsic size is smaller. */
|
|
38
|
+
vertical-align: middle; /* Remove ‘phantom’ white space when image doesn’t load. */
|
|
39
|
+
|
|
40
|
+
/* Ensure Safari ignores intrinsic image sizing inside flex/grid containers, preventing incorrect scaling and distortion. */
|
|
41
|
+
img {
|
|
42
|
+
block-size: 100%;
|
|
43
|
+
inline-size: 100%;
|
|
44
|
+
object-fit: cover;
|
|
45
|
+
}
|
|
38
46
|
}
|
|
39
47
|
|
|
40
48
|
.ams-avatar--azure {
|
|
@@ -12,6 +12,12 @@
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
.ams-breadcrumb {
|
|
15
|
+
/*
|
|
16
|
+
* If break-after is supported, use it to avoid Breadcrumbs from being the last item on a page when printed.
|
|
17
|
+
* If it is not supported, it is ignored.
|
|
18
|
+
*/
|
|
19
|
+
/* stylelint-disable-next-line plugin/use-baseline */
|
|
20
|
+
break-after: avoid;
|
|
15
21
|
font-family: var(--ams-breadcrumb-font-family);
|
|
16
22
|
font-size: var(--ams-breadcrumb-font-size);
|
|
17
23
|
font-weight: var(--ams-breadcrumb-font-weight);
|
|
@@ -20,7 +26,6 @@
|
|
|
20
26
|
|
|
21
27
|
.ams-breadcrumb__list {
|
|
22
28
|
box-sizing: border-box;
|
|
23
|
-
break-after: avoid;
|
|
24
29
|
break-inside: avoid;
|
|
25
30
|
|
|
26
31
|
@include hyphenation;
|
|
@@ -115,7 +115,15 @@ $ams-breakout-row-span-max: 4;
|
|
|
115
115
|
.ams-breakout__cell--has-spotlight {
|
|
116
116
|
display: grid; /* Stretches the empty Spotlight vertically. */
|
|
117
117
|
margin-block: calc(var(--ams-space-xl) * -1);
|
|
118
|
-
margin-inline: calc(var(--ams-
|
|
118
|
+
margin-inline: calc(var(--ams-grid-padding-inline) * -1);
|
|
119
|
+
|
|
120
|
+
@media screen and (min-width: $ams-breakpoint-medium) {
|
|
121
|
+
margin-inline: calc(var(--ams-grid-medium-padding-inline) * -1);
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
@media screen and (min-width: $ams-breakpoint-wide) {
|
|
125
|
+
margin-inline: calc(var(--ams-grid-wide-padding-inline) * -1);
|
|
126
|
+
}
|
|
119
127
|
|
|
120
128
|
.ams-breakout--gap-vertical--small > & {
|
|
121
129
|
margin-block: calc(var(--ams-space-l) * -1);
|
|
@@ -9,18 +9,22 @@
|
|
|
9
9
|
position: relative; // Allows stretching the card link below.
|
|
10
10
|
touch-action: manipulation;
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
/*
|
|
13
|
+
* Set native outline to Card if it has a visible focus inside.
|
|
14
|
+
* It is okay to use the :has() pseudo-class here, because we have a fallback for browsers that do not support it.
|
|
15
|
+
*/
|
|
16
|
+
/* stylelint-disable-next-line plugin/use-baseline */
|
|
13
17
|
&:has(:focus-visible) {
|
|
14
18
|
outline-color: -webkit-focus-ring-color;
|
|
15
19
|
outline-style: auto;
|
|
16
20
|
outline-width: 0.0625rem;
|
|
17
21
|
}
|
|
18
22
|
|
|
19
|
-
> .ams-card__heading:
|
|
23
|
+
> .ams-card__heading:not(:last-child) {
|
|
20
24
|
margin-block-end: var(--ams-card-heading-margin-block-end);
|
|
21
25
|
}
|
|
22
26
|
|
|
23
|
-
> .ams-card__image:
|
|
27
|
+
> .ams-card__image:not(:last-child) {
|
|
24
28
|
margin-block-end: var(--ams-card-image-margin-block-end);
|
|
25
29
|
}
|
|
26
30
|
}
|
|
@@ -38,8 +42,10 @@
|
|
|
38
42
|
text-decoration-thickness: var(--ams-card-link-text-decoration-thickness);
|
|
39
43
|
text-underline-offset: var(--ams-card-link-text-underline-offset);
|
|
40
44
|
|
|
41
|
-
|
|
42
|
-
|
|
45
|
+
/*
|
|
46
|
+
* Make the whole Card clickable by making the link cover its entire area.
|
|
47
|
+
* Source: https://inclusive-components.design/cards/
|
|
48
|
+
*/
|
|
43
49
|
&::after {
|
|
44
50
|
content: "";
|
|
45
51
|
display: block;
|
|
@@ -53,9 +59,12 @@
|
|
|
53
59
|
text-decoration-line: var(--ams-card-link-hover-text-decoration-line);
|
|
54
60
|
}
|
|
55
61
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
62
|
+
/*
|
|
63
|
+
* Remove the outline from the link; it’s already on the Card.
|
|
64
|
+
* Reuses the `.ams-card:has(:focus-visible)` selector above, so that
|
|
65
|
+
* browsers that support it apply both styles, while those that don’t apply neither.
|
|
66
|
+
*/
|
|
67
|
+
/* stylelint-disable-next-line plugin/use-baseline */
|
|
59
68
|
.ams-card:has(:focus-visible) &:focus {
|
|
60
69
|
outline: none;
|
|
61
70
|
}
|
|
@@ -65,6 +65,7 @@
|
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
+
/* stylelint-disable no-invalid-position-declaration */
|
|
68
69
|
@mixin forced-colors-selected {
|
|
69
70
|
@media (forced-colors: active) {
|
|
70
71
|
fill: ActiveText;
|
|
@@ -78,6 +79,7 @@
|
|
|
78
79
|
stroke: GrayText;
|
|
79
80
|
}
|
|
80
81
|
}
|
|
82
|
+
/* stylelint-enable no-invalid-position-declaration */
|
|
81
83
|
|
|
82
84
|
.ams-checkbox__input {
|
|
83
85
|
@include hide-input;
|
|
@@ -57,12 +57,12 @@
|
|
|
57
57
|
// This changes the default calendar icon on Chromium browsers only
|
|
58
58
|
.ams-date-input::-webkit-calendar-picker-indicator {
|
|
59
59
|
appearance: none;
|
|
60
|
-
background-image: var(--ams-date-input-
|
|
61
|
-
cursor: var(--ams-date-input-
|
|
60
|
+
background-image: var(--ams-date-input-calendar-picker-indicator-background-image);
|
|
61
|
+
cursor: var(--ams-date-input-calendar-picker-indicator-cursor);
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
.ams-date-input:hover::-webkit-calendar-picker-indicator {
|
|
65
|
-
background-image: var(--ams-date-input-hover-
|
|
65
|
+
background-image: var(--ams-date-input-hover-calendar-picker-indicator-background-image);
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
.ams-date-input:disabled {
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
}
|
|
72
72
|
|
|
73
73
|
.ams-date-input:disabled::-webkit-calendar-picker-indicator {
|
|
74
|
-
background-image: var(--ams-date-input-disabled-
|
|
74
|
+
background-image: var(--ams-date-input-disabled-calendar-picker-indicator-background-image);
|
|
75
75
|
visibility: visible;
|
|
76
76
|
}
|
|
77
77
|
|
|
@@ -76,12 +76,6 @@
|
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
78
|
|
|
79
|
-
// Aligns terms and descriptions in a section to the grid of the list.
|
|
80
|
-
// The extra class selector increases specificity to match earlier declarations.
|
|
81
|
-
.ams-description-list .ams-description-list__section {
|
|
82
|
-
grid-template-columns: subgrid;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
79
|
.ams-description-list__description {
|
|
86
80
|
font-weight: var(--ams-description-list-description-font-weight);
|
|
87
81
|
padding-inline-start: var(--ams-description-list-description-padding-inline-start);
|
|
@@ -25,7 +25,8 @@
|
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
@mixin reset-legend {
|
|
28
|
-
|
|
28
|
+
/* stylelint-disable-next-line csstools/use-logical */
|
|
29
|
+
float: left; // [1]
|
|
29
30
|
inline-size: 100%; // [1]
|
|
30
31
|
padding-inline: 0;
|
|
31
32
|
|
|
@@ -41,6 +42,12 @@
|
|
|
41
42
|
font-weight: var(--ams-field-set-legend-font-weight);
|
|
42
43
|
line-height: var(--ams-field-set-legend-line-height);
|
|
43
44
|
margin-block-end: var(--ams-field-set-legend-margin-block-end); // [3]
|
|
45
|
+
|
|
46
|
+
/*
|
|
47
|
+
* If text-wrap is not supported, it is ignored.
|
|
48
|
+
* This means the wrapped text will look less balanced, which is fine.
|
|
49
|
+
*/
|
|
50
|
+
/* stylelint-disable-next-line plugin/use-baseline */
|
|
44
51
|
text-wrap: var(--ams-field-set-legend-text-wrap);
|
|
45
52
|
|
|
46
53
|
@include hyphenation;
|
|
@@ -48,6 +55,17 @@
|
|
|
48
55
|
@include reset-legend;
|
|
49
56
|
}
|
|
50
57
|
|
|
58
|
+
.ams-field-set__legend--in-fieldset {
|
|
59
|
+
font-weight: var(--ams-field-set-legend-in-fieldset-font-weight);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.ams-field-set__heading {
|
|
63
|
+
font-size: inherit;
|
|
64
|
+
font-weight: inherit;
|
|
65
|
+
margin-block: 0;
|
|
66
|
+
}
|
|
67
|
+
|
|
51
68
|
// [1] This combination allows the fieldset border to go around the legend, instead of through it.
|
|
69
|
+
// The actual value for float is not important, a legend should never have elements that wrap around it.
|
|
52
70
|
// [2] Reset the applied float for the legend’s first sibling.
|
|
53
71
|
// [3] We can’t use grid or flex display and a gap because of a bug in Chrome.
|
|
@@ -12,11 +12,23 @@
|
|
|
12
12
|
|
|
13
13
|
.ams-heading {
|
|
14
14
|
box-sizing: border-box;
|
|
15
|
+
|
|
16
|
+
/*
|
|
17
|
+
* If break-after is supported, use it to avoid a Heading from being the last item on a page when printed.
|
|
18
|
+
* If it is not supported, it is ignored.
|
|
19
|
+
*/
|
|
20
|
+
/* stylelint-disable-next-line plugin/use-baseline */
|
|
15
21
|
break-after: avoid;
|
|
16
22
|
break-inside: avoid;
|
|
17
23
|
color: var(--ams-heading-color);
|
|
18
24
|
font-family: var(--ams-heading-font-family);
|
|
19
25
|
font-weight: var(--ams-heading-font-weight);
|
|
26
|
+
|
|
27
|
+
/*
|
|
28
|
+
* If text-wrap is not supported, it is ignored.
|
|
29
|
+
* This means the wrapped text will look less balanced, which is fine.
|
|
30
|
+
*/
|
|
31
|
+
/* stylelint-disable-next-line plugin/use-baseline */
|
|
20
32
|
text-wrap: var(--ams-heading-text-wrap);
|
|
21
33
|
|
|
22
34
|
@include hyphenation;
|
|
@@ -33,12 +33,18 @@
|
|
|
33
33
|
overflow-x: auto;
|
|
34
34
|
overscroll-behavior-x: contain;
|
|
35
35
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
36
|
+
/*
|
|
37
|
+
* Required for the goToSlide function to work properly.
|
|
38
|
+
* Ensures that the offset of the slides is calculated relative to the scroller container.
|
|
39
|
+
*/
|
|
40
40
|
position: relative;
|
|
41
41
|
scroll-snap-type: x mandatory;
|
|
42
|
+
|
|
43
|
+
/*
|
|
44
|
+
* Hide the scrollbar in Firefox.
|
|
45
|
+
* Firefox has full support for this property.
|
|
46
|
+
*/
|
|
47
|
+
/* stylelint-disable-next-line plugin/use-baseline */
|
|
42
48
|
scrollbar-width: none;
|
|
43
49
|
|
|
44
50
|
&::-webkit-scrollbar {
|
|
@@ -12,8 +12,24 @@
|
|
|
12
12
|
font-size: var(--ams-label-font-size);
|
|
13
13
|
font-weight: var(--ams-label-font-weight);
|
|
14
14
|
line-height: var(--ams-label-line-height);
|
|
15
|
+
|
|
16
|
+
/*
|
|
17
|
+
* If text-wrap is not supported, it is ignored.
|
|
18
|
+
* This means the wrapped text will look less balanced, which is fine.
|
|
19
|
+
*/
|
|
20
|
+
/* stylelint-disable-next-line plugin/use-baseline */
|
|
15
21
|
text-wrap: var(--ams-label-text-wrap);
|
|
16
22
|
|
|
17
23
|
@include hyphenation;
|
|
18
24
|
@include text-rendering;
|
|
19
25
|
}
|
|
26
|
+
|
|
27
|
+
.ams-label--in-fieldset {
|
|
28
|
+
font-weight: var(--ams-label-in-fieldset-font-weight);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.ams-label__heading {
|
|
32
|
+
font-size: var(--ams-label-font-size);
|
|
33
|
+
font-weight: var(--ams-label-font-weight);
|
|
34
|
+
margin-block: 0;
|
|
35
|
+
}
|