@amsterdam/design-system-css 0.1.8 → 0.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 +21 -0
- package/LICENSE.md +1 -1
- 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/aspect-ratio/aspect-ratio.css.map +1 -1
- package/dist/blockquote/blockquote.css +1 -1
- package/dist/blockquote/blockquote.css.map +1 -1
- package/dist/breadcrumb/breadcrumb.css +1 -1
- package/dist/breadcrumb/breadcrumb.css.map +1 -1
- package/dist/button/button.css +1 -1
- package/dist/button/button.css.map +1 -1
- package/dist/card/card.css +1 -1
- package/dist/card/card.css.map +1 -1
- package/dist/checkbox/checkbox.css +1 -1
- package/dist/checkbox/checkbox.css.map +1 -1
- package/dist/dialog/dialog.css +1 -0
- package/dist/dialog/dialog.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/grid/grid-cell.css.map +1 -1
- package/dist/grid/grid.css +1 -1
- package/dist/grid/grid.css.map +1 -1
- package/dist/heading/heading.css +1 -1
- package/dist/heading/heading.css.map +1 -1
- package/dist/highlight/highlight.css.map +1 -1
- package/dist/icon/icon.css +1 -1
- package/dist/icon/icon.css.map +1 -1
- package/dist/image/image.css.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/link/link.css +1 -1
- package/dist/link/link.css.map +1 -1
- package/dist/logo/logo.css +1 -0
- package/dist/logo/logo.css.map +1 -0
- 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/screen/screen.css.map +1 -1
- package/dist/switch/switch.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/dist/visually-hidden/visually-hidden.css.map +1 -1
- package/package.json +5 -5
- package/{utils → src/common}/breakpoint.scss +0 -6
- package/src/{accordion → components/accordion}/accordion.scss +5 -6
- package/src/{alert → components/alert}/alert.scss +5 -6
- package/src/{blockquote → components/blockquote}/blockquote.scss +5 -6
- package/src/{breadcrumb → components/breadcrumb}/breadcrumb.scss +16 -18
- package/src/{button → components/button}/button.scss +8 -7
- package/src/{card → components/card}/card.scss +4 -4
- package/src/{checkbox → components/checkbox}/checkbox.scss +8 -9
- package/src/components/dialog/README.md +23 -0
- package/src/components/dialog/dialog.scss +93 -0
- package/src/{form-label → components/form-label}/form-label.scss +7 -8
- package/src/{grid → components/grid}/grid-cell.scss +1 -1
- package/src/{grid → components/grid}/grid.scss +14 -6
- package/src/components/heading/heading.scss +64 -0
- package/src/components/icon/icon.scss +105 -0
- package/src/{index.scss → components/index.scss} +2 -1
- package/src/{link → components/link}/link.scss +18 -26
- package/src/components/logo/README.md +38 -0
- package/src/components/logo/logo.scss +20 -0
- package/src/{ordered-list → components/ordered-list}/ordered-list.scss +7 -8
- package/src/{page-heading → components/page-heading}/page-heading.scss +7 -8
- package/src/{page-menu → components/page-menu}/README.md +2 -0
- package/src/{page-menu → components/page-menu}/page-menu.scss +14 -9
- package/src/{pagination → components/pagination}/pagination.scss +9 -9
- package/src/components/paragraph/paragraph.scss +49 -0
- package/src/{top-task-link → components/top-task-link}/top-task-link.scss +13 -12
- package/src/{unordered-list → components/unordered-list}/unordered-list.scss +7 -8
- package/dist/footer/footer.css +0 -1
- package/dist/footer/footer.css.map +0 -1
- package/src/footer/footer.scss +0 -10
- package/src/heading/heading.scss +0 -62
- package/src/icon/icon.scss +0 -104
- package/src/paragraph/paragraph.scss +0 -48
- /package/{utils → src/common}/calculate-fluid-style.scss +0 -0
- /package/src/{accordion → components/accordion}/README.md +0 -0
- /package/src/{alert → components/alert}/README.md +0 -0
- /package/src/{aspect-ratio → components/aspect-ratio}/README.md +0 -0
- /package/src/{aspect-ratio → components/aspect-ratio}/aspect-ratio.scss +0 -0
- /package/src/{blockquote → components/blockquote}/README.md +0 -0
- /package/src/{breadcrumb → components/breadcrumb}/README.md +0 -0
- /package/src/{button → components/button}/README.md +0 -0
- /package/src/{button → components/button}/button-css.md +0 -0
- /package/src/{card → components/card}/README.md +0 -0
- /package/src/{checkbox → components/checkbox}/README.md +0 -0
- /package/src/{checkbox → components/checkbox}/checkbox-css.md +0 -0
- /package/src/{footer → components/footer}/README.md +0 -0
- /package/src/{footer → components/footer}/footer-css.md +0 -0
- /package/src/{form-label → components/form-label}/README.md +0 -0
- /package/src/{grid → components/grid}/README.grid-cell.md +0 -0
- /package/src/{grid → components/grid}/README.grid.md +0 -0
- /package/src/{heading → components/heading}/README.md +0 -0
- /package/src/{heading → components/heading}/heading-css.md +0 -0
- /package/src/{highlight → components/highlight}/README.md +0 -0
- /package/src/{highlight → components/highlight}/highlight.scss +0 -0
- /package/src/{icon → components/icon}/README.md +0 -0
- /package/src/{image → components/image}/README.md +0 -0
- /package/src/{image → components/image}/image.scss +0 -0
- /package/src/{link → components/link}/README.md +0 -0
- /package/src/{ordered-list → components/ordered-list}/README.md +0 -0
- /package/src/{page-heading → components/page-heading}/README.md +0 -0
- /package/src/{pagination → components/pagination}/README.md +0 -0
- /package/src/{paragraph → components/paragraph}/README.md +0 -0
- /package/src/{paragraph → components/paragraph}/paragraph-css.md +0 -0
- /package/src/{screen → components/screen}/README.md +0 -0
- /package/src/{screen → components/screen}/screen.scss +0 -0
- /package/src/{switch → components/switch}/README.md +0 -0
- /package/src/{switch → components/switch}/switch.scss +0 -0
- /package/src/{top-task-link → components/top-task-link}/README.md +0 -0
- /package/src/{unordered-list → components/unordered-list}/README.md +0 -0
- /package/src/{visually-hidden → components/visually-hidden}/README.md +0 -0
- /package/src/{visually-hidden → components/visually-hidden}/visually-hidden.scss +0 -0
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
# Change Log
|
|
2
|
+
|
|
3
|
+
All notable changes to this project will be documented in this file.
|
|
4
|
+
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
|
+
|
|
6
|
+
## [0.2.0](https://github.com/Amsterdam/design-system/compare/@amsterdam/design-system-css@0.1.9...@amsterdam/design-system-css@0.2.0) (2023-12-01)
|
|
7
|
+
|
|
8
|
+
### ⚠ BREAKING CHANGES
|
|
9
|
+
|
|
10
|
+
* Update typography system and values, implement compact theme (#803)
|
|
11
|
+
|
|
12
|
+
### Features
|
|
13
|
+
|
|
14
|
+
* Add common link tokens and use them in all link-like components ([#814](https://github.com/Amsterdam/design-system/issues/814)) ([9b5bd55](https://github.com/Amsterdam/design-system/commit/9b5bd55d0b118f246b828e023b75be1e84f98af4))
|
|
15
|
+
* Allow end-alignment on page menu ([#835](https://github.com/Amsterdam/design-system/issues/835)) ([035ca08](https://github.com/Amsterdam/design-system/commit/035ca08842ee8ad955b260fb26693fe739801df4))
|
|
16
|
+
* Allow small and large vertical whitespace on grids ([#821](https://github.com/Amsterdam/design-system/issues/821)) ([aa54eb9](https://github.com/Amsterdam/design-system/commit/aa54eb911bfed633856a74e0be4e11d4ad8f3ebc))
|
|
17
|
+
* Update typography system and values, implement compact theme ([#803](https://github.com/Amsterdam/design-system/issues/803)) ([9b087ec](https://github.com/Amsterdam/design-system/commit/9b087ec5c6e75dfafadcdcde710747ef63951917))
|
|
18
|
+
|
|
19
|
+
## [0.1.9](https://github.com/Amsterdam/design-system/compare/@amsterdam/design-system-css@0.1.8...@amsterdam/design-system-css@0.1.9) (2023-11-27)
|
|
20
|
+
|
|
21
|
+
**Note:** Version bump only for package @amsterdam/design-system-css
|
package/LICENSE.md
CHANGED
|
@@ -11,7 +11,7 @@ The Work is provided under the terms of this Licence when the Licensor (as
|
|
|
11
11
|
defined below) has placed the following notice immediately following the
|
|
12
12
|
copyright notice for the Work:
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
‘Licensed under the EUPL’
|
|
15
15
|
|
|
16
16
|
or has expressed by any other means his willingness to license under the EUPL.
|
|
17
17
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-accordion__header{display:flex;margin-block:0;margin-inline:0}.amsterdam-accordion__button{background-color:rgba(0,0,0,0);border:0;color:var(--amsterdam-accordion-button-color);cursor:pointer;display:flex;font-family:var(--amsterdam-accordion-button-font-family);font-size:var(--amsterdam-accordion-button-
|
|
1
|
+
.amsterdam-accordion__header{display:flex;margin-block:0;margin-inline:0}.amsterdam-accordion__button{background-color:rgba(0,0,0,0);border:0;color:var(--amsterdam-accordion-button-color);cursor:pointer;display:flex;font-family:var(--amsterdam-accordion-button-font-family);font-size:var(--amsterdam-accordion-button-spacious-font-size);font-weight:var(--amsterdam-accordion-button-font-weight);justify-content:space-between;line-height:var(--amsterdam-accordion-button-spacious-line-height);padding-block:.75rem;padding-inline:1rem;width:100%;-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-accordion__button{font-size:var(--amsterdam-accordion-button-compact-font-size);line-height:var(--amsterdam-accordion-button-compact-line-height)}.amsterdam-accordion__button:focus{outline-offset:var(--amsterdam-accordion-button-focus-outline-offset)}.amsterdam-accordion__button:hover{box-shadow:var(--amsterdam-accordion-button-hover-box-shadow)}.amsterdam-accordion__button svg{transform:rotate(0deg);transition:transform .3s ease}@media(prefers-reduced-motion){.amsterdam-accordion__button svg{transition:none}}.amsterdam-accordion__button[aria-expanded=true] svg{transform:rotate(180deg)}.amsterdam-accordion__panel{display:none;padding-block:1rem;padding-inline:1rem}.amsterdam-accordion__panel--expanded{display:block}/*# sourceMappingURL=accordion.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/accordion/accordion.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/accordion/accordion.scss"],"names":[],"mappings":"AAKA,6BACE,aACA,eACA,gBAOF,6BACE,+BACA,SACA,8CACA,eACA,aACA,0DACA,+DACA,0DACA,8BACA,mEACA,qBACA,oBACA,WAhBA,8BAkBA,uDACE,8DACA,kEAGF,mCACE,sEAGF,mCACE,8DAGF,iCACE,uBACA,8BAEA,+BAJF,iCAKI,iBAON,qDACE,yBAGF,4BACE,aACA,mBACA,oBAGF,sCACE","file":"accordion.css"}
|
package/dist/alert/alert.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-alert{align-items:flex-start;background-color:var(--amsterdam-alert-background-color);border:var(--amsterdam-alert-border);display:flex;flex-direction:row;gap:var(--amsterdam-alert-gap);justify-content:space-between;padding-block-end:var(--amsterdam-alert-padding-block-end);padding-block-start:var(--amsterdam-alert-padding-block-start);padding-inline-end:var(--amsterdam-alert-padding-inline-end);padding-inline-start:var(--amsterdam-alert-padding-inline-start)}.amsterdam-alert__content{flex:auto}.amsterdam-alert__title{color:var(--amsterdam-alert-title-color);font-family:var(--amsterdam-alert-title-font-family);font-size:var(--amsterdam-alert-title-
|
|
1
|
+
.amsterdam-alert{align-items:flex-start;background-color:var(--amsterdam-alert-background-color);border:var(--amsterdam-alert-border);display:flex;flex-direction:row;gap:var(--amsterdam-alert-gap);justify-content:space-between;padding-block-end:var(--amsterdam-alert-padding-block-end);padding-block-start:var(--amsterdam-alert-padding-block-start);padding-inline-end:var(--amsterdam-alert-padding-inline-end);padding-inline-start:var(--amsterdam-alert-padding-inline-start)}.amsterdam-alert__content{flex:auto}.amsterdam-alert__title{color:var(--amsterdam-alert-title-color);font-family:var(--amsterdam-alert-title-font-family);font-size:var(--amsterdam-alert-title-spacious-font-size);font-weight:var(--amsterdam-alert-title-font-weight);line-height:var(--amsterdam-alert-title-spacious-line-height);-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-alert__title{font-size:var(--amsterdam-alert-title-compact-font-size);line-height:var(--amsterdam-alert-title-compact-line-height)}.amsterdam-alert--error{background-color:var(--amsterdam-alert-error-background-color);border-color:var(--amsterdam-alert-error-border-color)}.amsterdam-alert--success{background-color:var(--amsterdam-alert-success-background-color);border-color:var(--amsterdam-alert-success-border-color)}.amsterdam-alert__close{background-color:var(--amsterdam-alert-close-background-color);border:0;cursor:pointer;padding-block:0;padding-inline:0}.amsterdam-alert__close svg{fill:var(--amsterdam-alert-close-fill)}.amsterdam-alert__close:hover svg{fill:var(--amsterdam-alert-close-hover-fill)}/*# sourceMappingURL=alert.css.map */
|
package/dist/alert/alert.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/alert/alert.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/alert/alert.scss"],"names":[],"mappings":"AAKA,iBACE,uBACA,yDACA,qCACA,aACA,mBACA,+BACA,8BACA,2DACA,+DACA,6DACA,iEAGF,0BACE,UAOF,wBACE,yCACA,qDACA,0DACA,qDACA,8DARA,8BAUA,kDACE,yDACA,6DAMJ,wBACE,+DACA,uDAGF,0BACE,iEACA,yDAIF,wBACE,+DACA,SACA,eACA,gBACA,iBAGF,4BACE,uCAGF,kCACE","file":"alert.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/aspect-ratio/aspect-ratio.scss"],"names":[],"mappings":"AAKA,wBACE,gBACA,kBAGF,gCACE,kDAGF,8BACE,gDAGF,gCACE,kDAGF,8BACE,gDAGF,gCACE,kDAGF,iCACE","file":"aspect-ratio.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/aspect-ratio/aspect-ratio.scss"],"names":[],"mappings":"AAKA,wBACE,gBACA,kBAGF,gCACE,kDAGF,8BACE,gDAGF,gCACE,kDAGF,8BACE,gDAGF,gCACE,kDAGF,iCACE","file":"aspect-ratio.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-blockquote{break-inside:avoid;color:var(--amsterdam-blockquote-color);font-family:var(--amsterdam-blockquote-font-family);font-size:var(--amsterdam-blockquote-
|
|
1
|
+
.amsterdam-blockquote{break-inside:avoid;color:var(--amsterdam-blockquote-color);font-family:var(--amsterdam-blockquote-font-family);font-size:var(--amsterdam-blockquote-spacious-font-size);font-weight:var(--amsterdam-blockquote-font-weight);line-height:var(--amsterdam-blockquote-spacious-line-height);quotes:"“" "”";box-sizing:border-box;margin-block:0;margin-inline:0;-webkit-text-size-adjust:100%}.amsterdam-blockquote::before{content:open-quote}.amsterdam-blockquote::after{content:close-quote}.amsterdam-theme--compact .amsterdam-blockquote{font-size:var(--amsterdam-blockquote-spacious-font-size);line-height:var(--amsterdam-blockquote-spacious-line-height)}.amsterdam-blockquote--inverse-color{color:var(--amsterdam-blockquote-inverse-color)}/*# sourceMappingURL=blockquote.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/blockquote/blockquote.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/blockquote/blockquote.scss"],"names":[],"mappings":"CAYA,sBACE,mBACA,wCACA,oDACA,yDACA,oDACA,6DACA,eAbA,sBACA,eACA,gBACA,8BAYA,8BACE,mBAGF,6BACE,oBAGF,gDACE,yDACA,6DAMJ,qCACE","file":"blockquote.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-breadcrumb{font-family:var(--amsterdam-breadcrumb-font-family, inherit);font-size:var(--amsterdam-breadcrumb-
|
|
1
|
+
.amsterdam-breadcrumb{font-family:var(--amsterdam-breadcrumb-font-family, inherit);font-size:var(--amsterdam-breadcrumb-spacious-font-size);font-weight:var(--amsterdam-breadcrumb-font-weight);line-height:var(--amsterdam-breadcrumb-spacious-line-height)}.amsterdam-theme--compact .amsterdam-breadcrumb{font-size:var(--amsterdam-breadcrumb-compact-font-size);line-height:var(--amsterdam-breadcrumb-compact-line-height)}.amsterdam-breadcrumb__list{break-after:avoid;break-inside:avoid;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;box-sizing:border-box;margin-block:0;padding-inline:0;-webkit-text-size-adjust:100%}.amsterdam-breadcrumb__item{align-items:center;display:flex}.amsterdam-breadcrumb__item:not(:last-child)::after{background-color:var(--amsterdam-breadcrumb-separator-background-color);clip-path:path("M 4.725,16 3.275,14.545 9.815,8 3.275,1.455 4.725,0 l 8,8 z");content:"";display:inline-block;height:1rem;margin-inline-start:1rem;width:1rem}.amsterdam-breadcrumb__link{color:var(--amsterdam-breadcrumb-item-link-color);outline-offset:var(--amsterdam-breadcrumb-item-link-outline-offset);text-decoration-line:var(--amsterdam-breadcrumb-item-link-text-decoration-line);text-decoration-thickness:var(--amsterdam-breadcrumb-item-link-text-decoration-thickness);text-underline-offset:var(--amsterdam-breadcrumb-item-link-text-underline-offset)}.amsterdam-breadcrumb__link::first-letter{text-transform:capitalize}.amsterdam-breadcrumb__link:hover{color:var(--amsterdam-breadcrumb-item-link-hover-color);text-decoration-line:var(--amsterdam-breadcrumb-item-link-hover-text-decoration-line)}/*# sourceMappingURL=breadcrumb.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/breadcrumb/breadcrumb.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/breadcrumb/breadcrumb.scss"],"names":[],"mappings":"AAYA,sBACE,6DACA,yDACA,oDACA,6DAEA,gDACE,wDACA,4DAIJ,4BACE,kBACA,mBACA,aACA,eACA,UACA,gBAxBA,sBACA,eACA,iBACA,8BA0BF,4BACE,mBACA,aAGF,oDACE,wEACA,8EACA,WACA,qBACA,YACA,yBACA,WAGF,4BACE,kDACA,oEACA,gFACA,0FACA,kFAEA,0CACE,0BAGF,kCACE,wDACA","file":"breadcrumb.css"}
|
package/dist/button/button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.utrecht-button{--_utrecht-button-background-color: var( --_utrecht-button-hint-background-color, var(--_utrecht-button-appearance-background-color, var(--utrecht-button-background-color)) );--_utrecht-button-color: var( --_utrecht-button-hint-color, var(--_utrecht-button-appearance-color, var(--utrecht-button-color)) );--_utrecht-button-border-color: var( --_utrecht-button-hint-border-color, var(--_utrecht-button-appearance-border-color, var(--utrecht-button-border-color, transparent)) );--_utrecht-button-border-bottom-color: var( --_utrecht-button-hint-border-bottom-color, var( --_utrecht-button-hint-border-color, var( --_utrecht-button-appearance-border-bottom-color, var( --_utrecht-button-appearance-border-color, var(--utrecht-button-border-bottom-color, var(--utrecht-button-border-color, transparent)) ) ) ) );--_utrecht-button-disabled-background-color: var( --_utrecht-button-hint-disabled-background-color, var( --_utrecht-button-appearance-disabled-background-color, var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color)) ) );--_utrecht-button-disabled-border-color: var( --_utrecht-button-hint-disabled-border-color, var( --_utrecht-button-appearance-disabled-border-color, var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color)) ) );--_utrecht-button-disabled-color: var( --_utrecht-button-hint-disabled-color, var(--_utrecht-button-appearance-disabled-color, var(--utrecht-button-disabled-color, var(--utrecht-button-color))) );--_utrecht-button-pressed-background-color: var( --_utrecht-button-hint-pressed-background-color, var( --_utrecht-button-hint-background-color, var( --_utrecht-button-appearance-pressed-background-color, var( --_utrecht-button-appearance-background-color, var(--utrecht-button-pressed-background-color, var(--utrecht-button-background-color)) ) ) ) );--_utrecht-button-pressed-border-color: var( --_utrecht-button-hint-pressed-border-color, var( --_utrecht-button-hint-border-color, var( --_utrecht-button-appearance-pressed-border-color, var( --_utrecht-button-appearance-border-color, var(--utrecht-button-pressed-border-color, var(--utrecht-button-border-color)) ) ) ) );--_utrecht-button-pressed-color: var( --_utrecht-button-hint-pressed-color, var( --_utrecht-button-hint-color, var( --_utrecht-button-appearance-pressed-color, var(--_utrecht-button-appearance-color, var(--utrecht-button-pressed-color, var(--utrecht-button-color))) ) ) );--_utrecht-button-focus-background-color: var( --_utrecht-button-hint-focus-background-color, var( --_utrecht-button-hint-background-color, var( --_utrecht-button-appearance-focus-background-color, var( --_utrecht-button-appearance-background-color, var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color)) ) ) ) );--_utrecht-button-focus-border-color: var( --_utrecht-button-hint-focus-border-color, var( --_utrecht-button-hint-border-color, var( --_utrecht-button-appearance-focus-border-color, var( --_utrecht-button-appearance-border-color, var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color)) ) ) ) );--_utrecht-button-focus-color: var( --_utrecht-button-hint-focus-color, var( --_utrecht-button-hint-color, var( --_utrecht-button-appearance-focus-color, var(--_utrecht-button-appearance-color, var(--utrecht-button-focus-color, var(--utrecht-button-color))) ) ) );--_utrecht-button-hover-background-color: var( --_utrecht-button-hint-hover-background-color, var( --_utrecht-button-hint-background-color, var( --_utrecht-button-appearance-hover-background-color, var( --_utrecht-button-appearance-background-color, var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color)) ) ) ) );--_utrecht-button-hover-border-color: var( --_utrecht-button-hint-hover-border-color, var( --_utrecht-button-hint-border-color, var( --_utrecht-button-appearance-hover-border-color, var( --_utrecht-button-appearance-border-color, var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color)) ) ) ) );--_utrecht-button-hover-color: var( --_utrecht-button-hint-hover-color, var( --_utrecht-button-hint-color, var( --_utrecht-button-appearance-hover-color, var(--_utrecht-button-appearance-color, var(--utrecht-button-hover-color, var(--utrecht-button-color))) ) ) );--_utrecht-button-active-background-color: var( --_utrecht-button-hint-active-background-color, var( --_utrecht-button-hint-background-color, var( --_utrecht-button-appearance-active-background-color, var( --_utrecht-button-appearance-background-color, var(--utrecht-button-active-background-color, var(--utrecht-button-background-color)) ) ) ) );--_utrecht-button-active-border-color: var( --_utrecht-button-hint-active-border-color, var( --_utrecht-button-hint-border-color, var( --_utrecht-button-appearance-active-border-color, var( --_utrecht-button-appearance-border-color, var(--utrecht-button-active-border-color, var(--utrecht-button-border-color)) ) ) ) );--_utrecht-button-active-color: var( --_utrecht-button-hint-active-color, var( --_utrecht-button-hint-color, var( --_utrecht-button-appearance-active-color, var(--_utrecht-button-appearance-color, var(--utrecht-button-active-color, var(--utrecht-button-color))) ) ) );--_utrecht-button-border-width: var(--_utrecht-button-appearance-border-width, var(--utrecht-button-border-width, 0));--_utrecht-button-border-block-end-width: var( --utrecht-button-border-bottom-width, var(--_utrecht-button-border-width, 0) );--utrecht-icon-size: var(--utrecht-button-icon-size, 1em);align-items:center;background-color:var(--_utrecht-button-background-color);block-size:fit-content;border-block-end-color:var(--_utrecht-button-border-bottom-color);border-block-end-width:var(--_utrecht-button-border-block-end-width);border-color:var(--_utrecht-button-border-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);box-sizing:border-box;color:var(--_utrecht-button-color);cursor:var(--utrecht-action-activate-cursor, revert);display:inline-flex;font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family, inherit));font-weight:var(--_utrecht-button-appearance-font-weight, var(--utrecht-button-font-weight));gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size, auto);justify-content:center;line-height:var(--utrecht-button-line-height);max-inline-size:var(--utrecht-button-max-inline-size, fit-content);min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);scale:1;text-transform:var(--utrecht-button-text-transform);-webkit-user-select:none;user-select:none}@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.utrecht-button{--_utrecht-button-disabled-border-color: GrayText;--_utrecht-button-disabled-color: GrayText;background-color:ButtonFace;border-color:buttonborder;color:ButtonText}}.utrecht-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button--submit{cursor:var(--utrecht-action-submit-cursor, revert)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor, wait)}.utrecht-button--pressed{background-color:var(--_utrecht-button-pressed-background-color);border-color:var(--_utrecht-button-pressed-border-color);color:var(--_utrecht-button-pressed-color)}.utrecht-button:disabled,.utrecht-button--disabled{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-button--focus-visible{--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-button--focus:not(.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale, 1)}.utrecht-button:focus{--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-button:focus:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale, 1);--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-button:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-button--hover:not(:disabled,.utrecht-button--disabled),.utrecht-button:hover:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale, 1)}.utrecht-button:active:not(:disabled,[aria-disabled=true],.utrecht-button--disabled),.utrecht-button--active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--primary-action{--_utrecht-button-appearance-active-background-color: var(--utrecht-button-primary-action-active-background-color);--_utrecht-button-appearance-active-border-color: var(--utrecht-button-primary-action-active-border-color);--_utrecht-button-appearance-active-color: var(--utrecht-button-primary-action-active-color);--_utrecht-button-appearance-background-color: var(--utrecht-button-primary-action-background-color);--_utrecht-button-appearance-border-color: var(--utrecht-button-primary-action-border-color);--_utrecht-button-appearance-border-width: var(--utrecht-button-primary-action-border-width);--_utrecht-button-appearance-color: var(--utrecht-button-primary-action-color);--_utrecht-button-appearance-font-weight: var(--utrecht-button-primary-action-font-weight);--_utrecht-button-appearance-disabled-background-color: var( --utrecht-button-primary-action-disabled-background-color );--_utrecht-button-appearance-disabled-border-color: var(--utrecht-button-primary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color: var(--utrecht-button-primary-action-disabled-color);--_utrecht-button-appearance-focus-background-color: var(--utrecht-button-primary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color: var(--utrecht-button-primary-action-focus-border-color);--_utrecht-button-appearance-focus-color: var(--utrecht-button-primary-action-focus-color);--_utrecht-button-appearance-hover-background-color: var(--utrecht-button-primary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color: var(--utrecht-button-primary-action-hover-border-color);--_utrecht-button-appearance-hover-color: var(--utrecht-button-primary-action-hover-color);--_utrecht-button-appearance-pressed-background-color: var(--utrecht-button-primary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color: var(--utrecht-button-primary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color: var(--utrecht-button-primary-action-pressed-color)}.utrecht-button--secondary-action{--_utrecht-button-appearance-active-background-color: var(--utrecht-button-secondary-action-active-background-color);--_utrecht-button-appearance-active-border-color: var(--utrecht-button-secondary-action-active-border-color);--_utrecht-button-appearance-active-color: var(--utrecht-button-secondary-action-active-color);--_utrecht-button-appearance-background-color: var(--utrecht-button-secondary-action-background-color);--_utrecht-button-appearance-border-color: var(--utrecht-button-secondary-action-border-color);--_utrecht-button-appearance-border-width: var(--utrecht-button-secondary-action-border-width);--_utrecht-button-appearance-color: var(--utrecht-button-secondary-action-color);--_utrecht-button-appearance-font-weight: var(--utrecht-button-secondary-action-font-weight);--_utrecht-button-appearance-disabled-background-color: var( --utrecht-button-secondary-action-disabled-background-color );--_utrecht-button-appearance-disabled-border-color: var(--utrecht-button-secondary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color: var(--utrecht-button-secondary-action-disabled-color);--_utrecht-button-appearance-focus-background-color: var(--utrecht-button-secondary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color: var(--utrecht-button-secondary-action-focus-border-color);--_utrecht-button-appearance-focus-color: var(--utrecht-button-secondary-action-focus-color);--_utrecht-button-appearance-hover-background-color: var(--utrecht-button-secondary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color: var(--utrecht-button-secondary-action-hover-border-color);--_utrecht-button-appearance-hover-color: var(--utrecht-button-secondary-action-hover-color);--_utrecht-button-appearance-pressed-background-color: var(--utrecht-button-secondary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color: var(--utrecht-button-secondary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color: var(--utrecht-button-secondary-action-pressed-color)}.utrecht-button--subtle{--_utrecht-button-appearance-active-background-color: var(--utrecht-button-subtle-active-background-color);--_utrecht-button-appearance-active-border-color: var(--utrecht-button-subtle-active-border-color);--_utrecht-button-appearance-active-color: var(--utrecht-button-subtle-active-color);--_utrecht-button-appearance-background-color: var(--utrecht-button-subtle-background-color);--_utrecht-button-appearance-border-color: var(--utrecht-button-subtle-border-color);--_utrecht-button-appearance-border-width: var(--utrecht-button-subtle-border-width);--_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);--_utrecht-button-appearance-font-weight: var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-disabled-background-color: var( --utrecht-button-subtle-disabled-background-color );--_utrecht-button-appearance-disabled-border-color: var(--utrecht-button-subtle-disabled-border-color);--_utrecht-button-appearance-disabled-color: var(--utrecht-button-subtle-disabled-color);--_utrecht-button-appearance-focus-background-color: var(--utrecht-button-subtle-focus-background-color);--_utrecht-button-appearance-focus-border-color: var(--utrecht-button-subtle-focus-border-color);--_utrecht-button-appearance-focus-color: var(--utrecht-button-subtle-focus-color);--_utrecht-button-appearance-hover-background-color: var(--utrecht-button-subtle-hover-background-color);--_utrecht-button-appearance-hover-border-color: var(--utrecht-button-subtle-hover-border-color);--_utrecht-button-appearance-hover-color: var(--utrecht-button-subtle-hover-color);--_utrecht-button-appearance-pressed-background-color: var(--utrecht-button-subtle-pressed-background-color);--_utrecht-button-appearance-pressed-border-color: var(--utrecht-button-subtle-pressed-border-color);--_utrecht-button-appearance-pressed-color: var(--utrecht-button-subtle-pressed-color)}.utrecht-button--primary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color: var(--utrecht-button-primary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-primary-action-danger-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-primary-action-danger-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-primary-action-danger-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-primary-action-danger-border-color);--_utrecht-button-hint-color: var(--utrecht-button-primary-action-danger-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-primary-action-danger-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-primary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-primary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-primary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-primary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-primary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-primary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-primary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-primary-action-danger-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-primary-action-danger-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-primary-action-danger-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-primary-action-danger-pressed-color)}.utrecht-button--primary-action.utrecht-button--ready{--_utrecht-button-hint-active-background-color: var(--utrecht-button-primary-action-ready-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-primary-action-ready-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-primary-action-ready-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-primary-action-ready-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-primary-action-ready-border-color);--_utrecht-button-hint-color: var(--utrecht-button-primary-action-ready-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-primary-action-ready-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-primary-action-ready-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-primary-action-ready-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-primary-action-ready-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-primary-action-ready-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-primary-action-ready-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-primary-action-ready-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-primary-action-ready-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-primary-action-ready-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-primary-action-ready-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-primary-action-ready-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-primary-action-ready-pressed-color)}.utrecht-button--primary-action.utrecht-button--warning{--_utrecht-button-hint-active-background-color: var(--utrecht-button-primary-action-warning-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-primary-action-warning-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-primary-action-warning-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-primary-action-warning-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-primary-action-warning-border-color);--_utrecht-button-hint-color: var(--utrecht-button-primary-action-warning-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-primary-action-warning-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-primary-action-warning-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-primary-action-warning-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-primary-action-warning-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-primary-action-warning-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-primary-action-warning-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-primary-action-warning-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-primary-action-warning-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-primary-action-warning-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-primary-action-warning-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-primary-action-warning-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-primary-action-warning-pressed-color)}.utrecht-button--secondary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color: var(--utrecht-button-secondary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-secondary-action-danger-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-secondary-action-danger-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-secondary-action-danger-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-secondary-action-danger-border-color);--_utrecht-button-hint-color: var(--utrecht-button-secondary-action-danger-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-secondary-action-danger-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-secondary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-secondary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-secondary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-secondary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-secondary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-secondary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-secondary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-secondary-action-danger-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-secondary-action-danger-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-secondary-action-danger-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-secondary-action-danger-pressed-color)}.utrecht-button--secondary-action.utrecht-button--ready{--_utrecht-button-hint-active-background-color: var(--utrecht-button-secondary-action-ready-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-secondary-action-ready-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-secondary-action-ready-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-secondary-action-ready-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-secondary-action-ready-border-color);--_utrecht-button-hint-color: var(--utrecht-button-secondary-action-ready-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-secondary-action-ready-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-secondary-action-ready-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-secondary-action-ready-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-secondary-action-ready-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-secondary-action-ready-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-secondary-action-ready-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-secondary-action-ready-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-secondary-action-ready-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-secondary-action-ready-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-secondary-action-ready-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-secondary-action-ready-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-secondary-action-ready-pressed-color)}.utrecht-button--secondary-action.utrecht-button--warning{--_utrecht-button-hint-active-background-color: var(--utrecht-button-secondary-action-warning-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-secondary-action-warning-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-secondary-action-warning-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-secondary-action-warning-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-secondary-action-warning-border-color);--_utrecht-button-hint-color: var(--utrecht-button-secondary-action-warning-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-secondary-action-warning-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-secondary-action-warning-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-secondary-action-warning-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-secondary-action-warning-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-secondary-action-warning-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-secondary-action-warning-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-secondary-action-warning-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-secondary-action-warning-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-secondary-action-warning-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-secondary-action-warning-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-secondary-action-warning-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-secondary-action-warning-pressed-color)}.utrecht-button--subtle.utrecht-button--danger{--_utrecht-button-hint-active-background-color: var(--utrecht-button-subtle-danger-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-subtle-danger-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-subtle-danger-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-subtle-danger-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-subtle-danger-border-color);--_utrecht-button-hint-color: var(--utrecht-button-subtle-danger-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-subtle-danger-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-subtle-danger-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-subtle-danger-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-subtle-danger-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-subtle-danger-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-subtle-danger-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-subtle-danger-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-subtle-danger-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-subtle-danger-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-subtle-danger-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-subtle-danger-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-subtle-danger-pressed-color)}.utrecht-button--subtle.utrecht-button--ready{--_utrecht-button-hint-active-background-color: var(--utrecht-button-subtle-ready-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-subtle-ready-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-subtle-ready-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-subtle-ready-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-subtle-ready-border-color);--_utrecht-button-hint-color: var(--utrecht-button-subtle-ready-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-subtle-ready-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-subtle-ready-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-subtle-ready-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-subtle-ready-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-subtle-ready-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-subtle-ready-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-subtle-ready-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-subtle-ready-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-subtle-ready-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-subtle-ready-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-subtle-ready-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-subtle-ready-pressed-color)}.utrecht-button--subtle.utrecht-button--warning{--_utrecht-button-hint-active-background-color: var(--utrecht-button-subtle-warning-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-subtle-warning-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-subtle-warning-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-subtle-warning-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-subtle-warning-border-color);--_utrecht-button-hint-color: var(--utrecht-button-subtle-warning-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-subtle-warning-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-subtle-warning-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-subtle-warning-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-subtle-warning-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-subtle-warning-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-subtle-warning-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-subtle-warning-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-subtle-warning-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-subtle-warning-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-subtle-warning-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-subtle-warning-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-subtle-warning-pressed-color)}.amsterdam-button{font-size:var(--amsterdam-button-narrow-font-size);-webkit-text-size-adjust:100%}@media screen and (min-width: 53.375rem){.amsterdam-button{font-size:var(--amsterdam-button-wide-font-size)}}.amsterdam-button--secondary{box-shadow:var(--amsterdam-button-secondary-box-shadow)}.amsterdam-button--secondary:disabled,.amsterdam-button--secondary [aria-disabled=true]{box-shadow:var(--amsterdam-button-secondary-disabled-box-shadow)}.amsterdam-button--secondary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--amsterdam-button-secondary-hover-box-shadow)}.amsterdam-button--secondary:focus:not(:hover,[aria-disabled=true]){box-shadow:var(--amsterdam-button-secondary-focus-box-shadow)}.amsterdam-button--tertiary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--amsterdam-button-tertiary-hover-box-shadow)}.amsterdam-button--tertiary:focus:not(:hover,[aria-disabled=true]){box-shadow:none}/*# sourceMappingURL=button.css.map */
|
|
1
|
+
.utrecht-button{--_utrecht-button-background-color: var( --_utrecht-button-hint-background-color, var(--_utrecht-button-appearance-background-color, var(--utrecht-button-background-color)) );--_utrecht-button-color: var( --_utrecht-button-hint-color, var(--_utrecht-button-appearance-color, var(--utrecht-button-color)) );--_utrecht-button-border-color: var( --_utrecht-button-hint-border-color, var(--_utrecht-button-appearance-border-color, var(--utrecht-button-border-color, transparent)) );--_utrecht-button-border-bottom-color: var( --_utrecht-button-hint-border-bottom-color, var( --_utrecht-button-hint-border-color, var( --_utrecht-button-appearance-border-bottom-color, var( --_utrecht-button-appearance-border-color, var(--utrecht-button-border-bottom-color, var(--utrecht-button-border-color, transparent)) ) ) ) );--_utrecht-button-disabled-background-color: var( --_utrecht-button-hint-disabled-background-color, var( --_utrecht-button-appearance-disabled-background-color, var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color)) ) );--_utrecht-button-disabled-border-color: var( --_utrecht-button-hint-disabled-border-color, var( --_utrecht-button-appearance-disabled-border-color, var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color)) ) );--_utrecht-button-disabled-color: var( --_utrecht-button-hint-disabled-color, var(--_utrecht-button-appearance-disabled-color, var(--utrecht-button-disabled-color, var(--utrecht-button-color))) );--_utrecht-button-pressed-background-color: var( --_utrecht-button-hint-pressed-background-color, var( --_utrecht-button-hint-background-color, var( --_utrecht-button-appearance-pressed-background-color, var( --_utrecht-button-appearance-background-color, var(--utrecht-button-pressed-background-color, var(--utrecht-button-background-color)) ) ) ) );--_utrecht-button-pressed-border-color: var( --_utrecht-button-hint-pressed-border-color, var( --_utrecht-button-hint-border-color, var( --_utrecht-button-appearance-pressed-border-color, var( --_utrecht-button-appearance-border-color, var(--utrecht-button-pressed-border-color, var(--utrecht-button-border-color)) ) ) ) );--_utrecht-button-pressed-color: var( --_utrecht-button-hint-pressed-color, var( --_utrecht-button-hint-color, var( --_utrecht-button-appearance-pressed-color, var(--_utrecht-button-appearance-color, var(--utrecht-button-pressed-color, var(--utrecht-button-color))) ) ) );--_utrecht-button-focus-background-color: var( --_utrecht-button-hint-focus-background-color, var( --_utrecht-button-hint-background-color, var( --_utrecht-button-appearance-focus-background-color, var( --_utrecht-button-appearance-background-color, var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color)) ) ) ) );--_utrecht-button-focus-border-color: var( --_utrecht-button-hint-focus-border-color, var( --_utrecht-button-hint-border-color, var( --_utrecht-button-appearance-focus-border-color, var( --_utrecht-button-appearance-border-color, var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color)) ) ) ) );--_utrecht-button-focus-color: var( --_utrecht-button-hint-focus-color, var( --_utrecht-button-hint-color, var( --_utrecht-button-appearance-focus-color, var(--_utrecht-button-appearance-color, var(--utrecht-button-focus-color, var(--utrecht-button-color))) ) ) );--_utrecht-button-hover-background-color: var( --_utrecht-button-hint-hover-background-color, var( --_utrecht-button-hint-background-color, var( --_utrecht-button-appearance-hover-background-color, var( --_utrecht-button-appearance-background-color, var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color)) ) ) ) );--_utrecht-button-hover-border-color: var( --_utrecht-button-hint-hover-border-color, var( --_utrecht-button-hint-border-color, var( --_utrecht-button-appearance-hover-border-color, var( --_utrecht-button-appearance-border-color, var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color)) ) ) ) );--_utrecht-button-hover-color: var( --_utrecht-button-hint-hover-color, var( --_utrecht-button-hint-color, var( --_utrecht-button-appearance-hover-color, var(--_utrecht-button-appearance-color, var(--utrecht-button-hover-color, var(--utrecht-button-color))) ) ) );--_utrecht-button-active-background-color: var( --_utrecht-button-hint-active-background-color, var( --_utrecht-button-hint-background-color, var( --_utrecht-button-appearance-active-background-color, var( --_utrecht-button-appearance-background-color, var(--utrecht-button-active-background-color, var(--utrecht-button-background-color)) ) ) ) );--_utrecht-button-active-border-color: var( --_utrecht-button-hint-active-border-color, var( --_utrecht-button-hint-border-color, var( --_utrecht-button-appearance-active-border-color, var( --_utrecht-button-appearance-border-color, var(--utrecht-button-active-border-color, var(--utrecht-button-border-color)) ) ) ) );--_utrecht-button-active-color: var( --_utrecht-button-hint-active-color, var( --_utrecht-button-hint-color, var( --_utrecht-button-appearance-active-color, var(--_utrecht-button-appearance-color, var(--utrecht-button-active-color, var(--utrecht-button-color))) ) ) );--_utrecht-button-border-width: var(--_utrecht-button-appearance-border-width, var(--utrecht-button-border-width, 0));--_utrecht-button-border-block-end-width: var( --utrecht-button-border-bottom-width, var(--_utrecht-button-border-width, 0) );--utrecht-icon-size: var(--utrecht-button-icon-size, 1em);align-items:center;background-color:var(--_utrecht-button-background-color);block-size:fit-content;border-block-end-color:var(--_utrecht-button-border-bottom-color);border-block-end-width:var(--_utrecht-button-border-block-end-width);border-color:var(--_utrecht-button-border-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);box-sizing:border-box;color:var(--_utrecht-button-color);cursor:var(--utrecht-action-activate-cursor, revert);display:inline-flex;font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family, inherit));font-weight:var(--_utrecht-button-appearance-font-weight, var(--utrecht-button-font-weight));gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size, auto);justify-content:center;line-height:var(--utrecht-button-line-height);max-inline-size:var(--utrecht-button-max-inline-size, fit-content);min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);scale:1;text-transform:var(--utrecht-button-text-transform);-webkit-user-select:none;user-select:none}@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.utrecht-button{--_utrecht-button-disabled-border-color: GrayText;--_utrecht-button-disabled-color: GrayText;background-color:ButtonFace;border-color:buttonborder;color:ButtonText}}.utrecht-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button--submit{cursor:var(--utrecht-action-submit-cursor, revert)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor, wait)}.utrecht-button--pressed{background-color:var(--_utrecht-button-pressed-background-color);border-color:var(--_utrecht-button-pressed-border-color);color:var(--_utrecht-button-pressed-color)}.utrecht-button:disabled,.utrecht-button--disabled{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-button--focus-visible{--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-button--focus:not(.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale, 1)}.utrecht-button:focus{--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-button:focus:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale, 1);--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0) var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-button:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-button--hover:not(:disabled,.utrecht-button--disabled),.utrecht-button:hover:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale, 1)}.utrecht-button:active:not(:disabled,[aria-disabled=true],.utrecht-button--disabled),.utrecht-button--active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--primary-action{--_utrecht-button-appearance-active-background-color: var(--utrecht-button-primary-action-active-background-color);--_utrecht-button-appearance-active-border-color: var(--utrecht-button-primary-action-active-border-color);--_utrecht-button-appearance-active-color: var(--utrecht-button-primary-action-active-color);--_utrecht-button-appearance-background-color: var(--utrecht-button-primary-action-background-color);--_utrecht-button-appearance-border-color: var(--utrecht-button-primary-action-border-color);--_utrecht-button-appearance-border-width: var(--utrecht-button-primary-action-border-width);--_utrecht-button-appearance-color: var(--utrecht-button-primary-action-color);--_utrecht-button-appearance-font-weight: var(--utrecht-button-primary-action-font-weight);--_utrecht-button-appearance-disabled-background-color: var( --utrecht-button-primary-action-disabled-background-color );--_utrecht-button-appearance-disabled-border-color: var(--utrecht-button-primary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color: var(--utrecht-button-primary-action-disabled-color);--_utrecht-button-appearance-focus-background-color: var(--utrecht-button-primary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color: var(--utrecht-button-primary-action-focus-border-color);--_utrecht-button-appearance-focus-color: var(--utrecht-button-primary-action-focus-color);--_utrecht-button-appearance-hover-background-color: var(--utrecht-button-primary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color: var(--utrecht-button-primary-action-hover-border-color);--_utrecht-button-appearance-hover-color: var(--utrecht-button-primary-action-hover-color);--_utrecht-button-appearance-pressed-background-color: var(--utrecht-button-primary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color: var(--utrecht-button-primary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color: var(--utrecht-button-primary-action-pressed-color)}.utrecht-button--secondary-action{--_utrecht-button-appearance-active-background-color: var(--utrecht-button-secondary-action-active-background-color);--_utrecht-button-appearance-active-border-color: var(--utrecht-button-secondary-action-active-border-color);--_utrecht-button-appearance-active-color: var(--utrecht-button-secondary-action-active-color);--_utrecht-button-appearance-background-color: var(--utrecht-button-secondary-action-background-color);--_utrecht-button-appearance-border-color: var(--utrecht-button-secondary-action-border-color);--_utrecht-button-appearance-border-width: var(--utrecht-button-secondary-action-border-width);--_utrecht-button-appearance-color: var(--utrecht-button-secondary-action-color);--_utrecht-button-appearance-font-weight: var(--utrecht-button-secondary-action-font-weight);--_utrecht-button-appearance-disabled-background-color: var( --utrecht-button-secondary-action-disabled-background-color );--_utrecht-button-appearance-disabled-border-color: var(--utrecht-button-secondary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color: var(--utrecht-button-secondary-action-disabled-color);--_utrecht-button-appearance-focus-background-color: var(--utrecht-button-secondary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color: var(--utrecht-button-secondary-action-focus-border-color);--_utrecht-button-appearance-focus-color: var(--utrecht-button-secondary-action-focus-color);--_utrecht-button-appearance-hover-background-color: var(--utrecht-button-secondary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color: var(--utrecht-button-secondary-action-hover-border-color);--_utrecht-button-appearance-hover-color: var(--utrecht-button-secondary-action-hover-color);--_utrecht-button-appearance-pressed-background-color: var(--utrecht-button-secondary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color: var(--utrecht-button-secondary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color: var(--utrecht-button-secondary-action-pressed-color)}.utrecht-button--subtle{--_utrecht-button-appearance-active-background-color: var(--utrecht-button-subtle-active-background-color);--_utrecht-button-appearance-active-border-color: var(--utrecht-button-subtle-active-border-color);--_utrecht-button-appearance-active-color: var(--utrecht-button-subtle-active-color);--_utrecht-button-appearance-background-color: var(--utrecht-button-subtle-background-color);--_utrecht-button-appearance-border-color: var(--utrecht-button-subtle-border-color);--_utrecht-button-appearance-border-width: var(--utrecht-button-subtle-border-width);--_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);--_utrecht-button-appearance-font-weight: var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-disabled-background-color: var( --utrecht-button-subtle-disabled-background-color );--_utrecht-button-appearance-disabled-border-color: var(--utrecht-button-subtle-disabled-border-color);--_utrecht-button-appearance-disabled-color: var(--utrecht-button-subtle-disabled-color);--_utrecht-button-appearance-focus-background-color: var(--utrecht-button-subtle-focus-background-color);--_utrecht-button-appearance-focus-border-color: var(--utrecht-button-subtle-focus-border-color);--_utrecht-button-appearance-focus-color: var(--utrecht-button-subtle-focus-color);--_utrecht-button-appearance-hover-background-color: var(--utrecht-button-subtle-hover-background-color);--_utrecht-button-appearance-hover-border-color: var(--utrecht-button-subtle-hover-border-color);--_utrecht-button-appearance-hover-color: var(--utrecht-button-subtle-hover-color);--_utrecht-button-appearance-pressed-background-color: var(--utrecht-button-subtle-pressed-background-color);--_utrecht-button-appearance-pressed-border-color: var(--utrecht-button-subtle-pressed-border-color);--_utrecht-button-appearance-pressed-color: var(--utrecht-button-subtle-pressed-color)}.utrecht-button--primary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color: var(--utrecht-button-primary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-primary-action-danger-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-primary-action-danger-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-primary-action-danger-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-primary-action-danger-border-color);--_utrecht-button-hint-color: var(--utrecht-button-primary-action-danger-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-primary-action-danger-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-primary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-primary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-primary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-primary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-primary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-primary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-primary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-primary-action-danger-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-primary-action-danger-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-primary-action-danger-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-primary-action-danger-pressed-color)}.utrecht-button--primary-action.utrecht-button--ready{--_utrecht-button-hint-active-background-color: var(--utrecht-button-primary-action-ready-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-primary-action-ready-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-primary-action-ready-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-primary-action-ready-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-primary-action-ready-border-color);--_utrecht-button-hint-color: var(--utrecht-button-primary-action-ready-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-primary-action-ready-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-primary-action-ready-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-primary-action-ready-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-primary-action-ready-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-primary-action-ready-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-primary-action-ready-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-primary-action-ready-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-primary-action-ready-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-primary-action-ready-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-primary-action-ready-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-primary-action-ready-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-primary-action-ready-pressed-color)}.utrecht-button--primary-action.utrecht-button--warning{--_utrecht-button-hint-active-background-color: var(--utrecht-button-primary-action-warning-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-primary-action-warning-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-primary-action-warning-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-primary-action-warning-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-primary-action-warning-border-color);--_utrecht-button-hint-color: var(--utrecht-button-primary-action-warning-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-primary-action-warning-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-primary-action-warning-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-primary-action-warning-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-primary-action-warning-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-primary-action-warning-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-primary-action-warning-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-primary-action-warning-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-primary-action-warning-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-primary-action-warning-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-primary-action-warning-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-primary-action-warning-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-primary-action-warning-pressed-color)}.utrecht-button--secondary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color: var(--utrecht-button-secondary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-secondary-action-danger-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-secondary-action-danger-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-secondary-action-danger-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-secondary-action-danger-border-color);--_utrecht-button-hint-color: var(--utrecht-button-secondary-action-danger-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-secondary-action-danger-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-secondary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-secondary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-secondary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-secondary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-secondary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-secondary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-secondary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-secondary-action-danger-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-secondary-action-danger-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-secondary-action-danger-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-secondary-action-danger-pressed-color)}.utrecht-button--secondary-action.utrecht-button--ready{--_utrecht-button-hint-active-background-color: var(--utrecht-button-secondary-action-ready-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-secondary-action-ready-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-secondary-action-ready-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-secondary-action-ready-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-secondary-action-ready-border-color);--_utrecht-button-hint-color: var(--utrecht-button-secondary-action-ready-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-secondary-action-ready-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-secondary-action-ready-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-secondary-action-ready-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-secondary-action-ready-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-secondary-action-ready-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-secondary-action-ready-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-secondary-action-ready-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-secondary-action-ready-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-secondary-action-ready-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-secondary-action-ready-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-secondary-action-ready-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-secondary-action-ready-pressed-color)}.utrecht-button--secondary-action.utrecht-button--warning{--_utrecht-button-hint-active-background-color: var(--utrecht-button-secondary-action-warning-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-secondary-action-warning-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-secondary-action-warning-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-secondary-action-warning-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-secondary-action-warning-border-color);--_utrecht-button-hint-color: var(--utrecht-button-secondary-action-warning-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-secondary-action-warning-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-secondary-action-warning-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-secondary-action-warning-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-secondary-action-warning-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-secondary-action-warning-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-secondary-action-warning-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-secondary-action-warning-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-secondary-action-warning-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-secondary-action-warning-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-secondary-action-warning-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-secondary-action-warning-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-secondary-action-warning-pressed-color)}.utrecht-button--subtle.utrecht-button--danger{--_utrecht-button-hint-active-background-color: var(--utrecht-button-subtle-danger-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-subtle-danger-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-subtle-danger-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-subtle-danger-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-subtle-danger-border-color);--_utrecht-button-hint-color: var(--utrecht-button-subtle-danger-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-subtle-danger-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-subtle-danger-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-subtle-danger-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-subtle-danger-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-subtle-danger-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-subtle-danger-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-subtle-danger-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-subtle-danger-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-subtle-danger-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-subtle-danger-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-subtle-danger-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-subtle-danger-pressed-color)}.utrecht-button--subtle.utrecht-button--ready{--_utrecht-button-hint-active-background-color: var(--utrecht-button-subtle-ready-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-subtle-ready-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-subtle-ready-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-subtle-ready-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-subtle-ready-border-color);--_utrecht-button-hint-color: var(--utrecht-button-subtle-ready-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-subtle-ready-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-subtle-ready-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-subtle-ready-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-subtle-ready-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-subtle-ready-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-subtle-ready-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-subtle-ready-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-subtle-ready-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-subtle-ready-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-subtle-ready-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-subtle-ready-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-subtle-ready-pressed-color)}.utrecht-button--subtle.utrecht-button--warning{--_utrecht-button-hint-active-background-color: var(--utrecht-button-subtle-warning-active-background-color);--_utrecht-button-hint-active-border-color: var(--utrecht-button-subtle-warning-active-border-color);--_utrecht-button-hint-active-color: var(--utrecht-button-subtle-warning-active-color);--_utrecht-button-hint-background-color: var(--utrecht-button-subtle-warning-background-color);--_utrecht-button-hint-border-color: var(--utrecht-button-subtle-warning-border-color);--_utrecht-button-hint-color: var(--utrecht-button-subtle-warning-color);--_utrecht-button-hint-disabled-background-color: var( --utrecht-button-subtle-warning-disabled-background-color );--_utrecht-button-hint-disabled-border-color: var(--utrecht-button-subtle-warning-disabled-border-color);--_utrecht-button-hint-disabled-color: var(--utrecht-button-subtle-warning-disabled-color);--_utrecht-button-hint-focus-background-color: var(--utrecht-button-subtle-warning-focus-background-color);--_utrecht-button-hint-focus-border-color: var(--utrecht-button-subtle-warning-focus-border-color);--_utrecht-button-hint-focus-color: var(--utrecht-button-subtle-warning-focus-color);--_utrecht-button-hint-hover-background-color: var(--utrecht-button-subtle-warning-hover-background-color);--_utrecht-button-hint-hover-border-color: var(--utrecht-button-subtle-warning-hover-border-color);--_utrecht-button-hint-hover-color: var(--utrecht-button-subtle-warning-hover-color);--_utrecht-button-hint-pressed-background-color: var( --utrecht-button-subtle-warning-pressed-background-color );--_utrecht-button-hint-pressed-border-color: var(--utrecht-button-subtle-warning-pressed-border-color);--_utrecht-button-hint-pressed-color: var(--utrecht-button-subtle-warning-pressed-color)}.amsterdam-button{font-size:var(--amsterdam-button-spacious-font-size);line-height:var(--amsterdam-button-spacious-line-height);-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-button{font-size:var(--amsterdam-breadcrumb-compact-font-size);line-height:var(--amsterdam-breadcrumb-compact-line-height)}.amsterdam-button--secondary{box-shadow:var(--amsterdam-button-secondary-box-shadow)}.amsterdam-button--secondary:disabled,.amsterdam-button--secondary [aria-disabled=true]{box-shadow:var(--amsterdam-button-secondary-disabled-box-shadow)}.amsterdam-button--secondary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--amsterdam-button-secondary-hover-box-shadow)}.amsterdam-button--secondary:focus:not(:hover,[aria-disabled=true]){box-shadow:var(--amsterdam-button-secondary-focus-box-shadow)}.amsterdam-button--tertiary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--amsterdam-button-tertiary-hover-box-shadow)}.amsterdam-button--tertiary:focus:not(:hover,[aria-disabled=true]){box-shadow:none}/*# sourceMappingURL=button.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../node_modules/@utrecht/components/button/css/index.scss","../../node_modules/@utrecht/components/button/css/_mixin.scss","../../node_modules/@utrecht/components/common/focus/_mixin.scss","../../src/button/button.scss"],"names":[],"mappings":"AASA,gBCOE,+KAIA,mIAIA,4KAIA,4UAaA,6PAOA,yOAOA,oMAIA,+VAaA,mUAaA,gRAUA,uVAaA,2TAaA,wQAUA,uVAaA,2TAaA,wQAUA,2VAaA,+TAaA,4QAUA,sHACA,8HAIA,0DAEA,mBACA,yDACA,uBACA,kEACA,qEACA,iDACA,kDACA,mBACA,iDACA,sBACA,mCACA,qDACA,oBACA,mFACA,wFACA,6FACA,mCACA,oDACA,uBACA,8CACA,mEACA,0DACA,4DACA,0DACA,8DACA,4DACA,gEACA,QACA,oDACA,yBACA,iBAIA,iFD3OF,gBC4OI,kDACA,2CAQA,4BACA,0BACA,kBDlPJ,2BCyPE,wDACA,4DACA,0DACA,8DDxPF,wBC4PE,mDDvPF,sBC2PE,+CDvPF,yBC2RE,iEACA,yDACA,2CDzRF,mDCuPE,kEACA,0DACA,4CACA,0DDrPF,+BEvBE,sIAGA,iDACA,yDACA,2DACA,yDACA,yDFqBF,sDC+PE,+DACA,uDACA,yCACA,2CD1PA,sBEpCA,sIAGA,iDACA,yDACA,2DACA,yDACA,yDFmCA,oFCiPA,+DACA,uDACA,yCACA,2CC9RA,sIAGA,iDACA,yDACA,2DACA,yDACA,yDF0CA,0CErCA,gBACA,qBFiDF,oJCoOE,+DACA,uDACA,yCACA,2CDlOF,6GC6ME,gEACA,wDACA,0CA6BA,gCACE,mHACA,2GACA,6FACA,qGACA,6FACA,6FACA,+EACA,2FACA,yHAGA,+GACA,iGACA,iHACA,yGACA,2FACA,iHACA,yGACA,2FACA,qHACA,6GACA,+FAtBF,kCACE,qHACA,6GACA,+FACA,uGACA,+FACA,+FACA,iFACA,6FACA,2HAGA,iHACA,mGACA,mHACA,2GACA,6FACA,mHACA,2GACA,6FACA,uHACA,+GACA,iGAtBF,wBACE,2GACA,mGACA,qFACA,6FACA,qFACA,qFACA,uEACA,mFACA,iHAGA,uGACA,yFACA,yGACA,iGACA,mFACA,yGACA,iGACA,mFACA,6GACA,qGACA,uFAKF,uDACE,oHACA,4GACA,8FACA,sGACA,8FACA,gFACA,0HAGA,gHACA,kGACA,kHACA,0GACA,4FACA,kHACA,0GACA,4FACA,wHAGA,8GACA,gGAtBF,sDACE,mHACA,2GACA,6FACA,qGACA,6FACA,+EACA,yHAGA,+GACA,iGACA,iHACA,yGACA,2FACA,iHACA,yGACA,2FACA,uHAGA,6GACA,+FAtBF,wDACE,qHACA,6GACA,+FACA,uGACA,+FACA,iFACA,2HAGA,iHACA,mGACA,mHACA,2GACA,6FACA,mHACA,2GACA,6FACA,yHAGA,+GACA,iGAtBF,yDACE,sHACA,8GACA,gGACA,wGACA,gGACA,kFACA,4HAGA,kHACA,oGACA,oHACA,4GACA,8FACA,oHACA,4GACA,8FACA,0HAGA,gHACA,kGAtBF,wDACE,qHACA,6GACA,+FACA,uGACA,+FACA,iFACA,2HAGA,iHACA,mGACA,mHACA,2GACA,6FACA,mHACA,2GACA,6FACA,yHAGA,+GACA,iGAtBF,0DACE,uHACA,+GACA,iGACA,yGACA,iGACA,mFACA,6HAGA,mHACA,qGACA,qHACA,6GACA,+FACA,qHACA,6GACA,+FACA,2HAGA,iHACA,mGAtBF,+CACE,4GACA,oGACA,sFACA,8FACA,sFACA,wEACA,kHAGA,wGACA,0FACA,0GACA,kGACA,oFACA,0GACA,kGACA,oFACA,gHAGA,sGACA,wFAtBF,8CACE,2GACA,mGACA,qFACA,6FACA,qFACA,uEACA,iHAGA,uGACA,yFACA,yGACA,iGACA,mFACA,yGACA,iGACA,mFACA,+GAGA,qGACA,uFAtBF,gDACE,6GACA,qGACA,uFACA,+FACA,uFACA,yEACA,mHAGA,yGACA,2FACA,2GACA,mGACA,qFACA,2GACA,mGACA,qFACA,iHAGA,uGACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../node_modules/@utrecht/components/button/css/index.scss","../../node_modules/@utrecht/components/button/css/_mixin.scss","../../node_modules/@utrecht/components/common/focus/_mixin.scss","../../src/components/button/button.scss"],"names":[],"mappings":"AASA,gBCOE,+KAIA,mIAIA,4KAIA,4UAaA,6PAOA,yOAOA,oMAIA,+VAaA,mUAaA,gRAUA,uVAaA,2TAaA,wQAUA,uVAaA,2TAaA,wQAUA,2VAaA,+TAaA,4QAUA,sHACA,8HAIA,0DAEA,mBACA,yDACA,uBACA,kEACA,qEACA,iDACA,kDACA,mBACA,iDACA,sBACA,mCACA,qDACA,oBACA,mFACA,wFACA,6FACA,mCACA,oDACA,uBACA,8CACA,mEACA,0DACA,4DACA,0DACA,8DACA,4DACA,gEACA,QACA,oDACA,yBACA,iBAIA,iFD3OF,gBC4OI,kDACA,2CAQA,4BACA,0BACA,kBDlPJ,2BCyPE,wDACA,4DACA,0DACA,8DDxPF,wBC4PE,mDDvPF,sBC2PE,+CDvPF,yBC2RE,iEACA,yDACA,2CDzRF,mDCuPE,kEACA,0DACA,4CACA,0DDrPF,+BEvBE,sIAGA,iDACA,yDACA,2DACA,yDACA,yDFqBF,sDC+PE,+DACA,uDACA,yCACA,2CD1PA,sBEpCA,sIAGA,iDACA,yDACA,2DACA,yDACA,yDFmCA,oFCiPA,+DACA,uDACA,yCACA,2CC9RA,sIAGA,iDACA,yDACA,2DACA,yDACA,yDF0CA,0CErCA,gBACA,qBFiDF,oJCoOE,+DACA,uDACA,yCACA,2CDlOF,6GC6ME,gEACA,wDACA,0CA6BA,gCACE,mHACA,2GACA,6FACA,qGACA,6FACA,6FACA,+EACA,2FACA,yHAGA,+GACA,iGACA,iHACA,yGACA,2FACA,iHACA,yGACA,2FACA,qHACA,6GACA,+FAtBF,kCACE,qHACA,6GACA,+FACA,uGACA,+FACA,+FACA,iFACA,6FACA,2HAGA,iHACA,mGACA,mHACA,2GACA,6FACA,mHACA,2GACA,6FACA,uHACA,+GACA,iGAtBF,wBACE,2GACA,mGACA,qFACA,6FACA,qFACA,qFACA,uEACA,mFACA,iHAGA,uGACA,yFACA,yGACA,iGACA,mFACA,yGACA,iGACA,mFACA,6GACA,qGACA,uFAKF,uDACE,oHACA,4GACA,8FACA,sGACA,8FACA,gFACA,0HAGA,gHACA,kGACA,kHACA,0GACA,4FACA,kHACA,0GACA,4FACA,wHAGA,8GACA,gGAtBF,sDACE,mHACA,2GACA,6FACA,qGACA,6FACA,+EACA,yHAGA,+GACA,iGACA,iHACA,yGACA,2FACA,iHACA,yGACA,2FACA,uHAGA,6GACA,+FAtBF,wDACE,qHACA,6GACA,+FACA,uGACA,+FACA,iFACA,2HAGA,iHACA,mGACA,mHACA,2GACA,6FACA,mHACA,2GACA,6FACA,yHAGA,+GACA,iGAtBF,yDACE,sHACA,8GACA,gGACA,wGACA,gGACA,kFACA,4HAGA,kHACA,oGACA,oHACA,4GACA,8FACA,oHACA,4GACA,8FACA,0HAGA,gHACA,kGAtBF,wDACE,qHACA,6GACA,+FACA,uGACA,+FACA,iFACA,2HAGA,iHACA,mGACA,mHACA,2GACA,6FACA,mHACA,2GACA,6FACA,yHAGA,+GACA,iGAtBF,0DACE,uHACA,+GACA,iGACA,yGACA,iGACA,mFACA,6HAGA,mHACA,qGACA,qHACA,6GACA,+FACA,qHACA,6GACA,+FACA,2HAGA,iHACA,mGAtBF,+CACE,4GACA,oGACA,sFACA,8FACA,sFACA,wEACA,kHAGA,wGACA,0FACA,0GACA,kGACA,oFACA,0GACA,kGACA,oFACA,gHAGA,sGACA,wFAtBF,8CACE,2GACA,mGACA,qFACA,6FACA,qFACA,uEACA,iHAGA,uGACA,yFACA,yGACA,iGACA,mFACA,yGACA,iGACA,mFACA,+GAGA,qGACA,uFAtBF,gDACE,6GACA,qGACA,uFACA,+FACA,uFACA,yEACA,mHAGA,yGACA,2FACA,2GACA,mGACA,qFACA,2GACA,mGACA,qFACA,iHAGA,uGACA,yFElWJ,kBACE,qDACA,yDALA,8BASA,4CACE,wDACA,4DAIJ,6BACE,wDAEA,wFAEE,iEAGF,uEACE,8DAIJ,oEACE,8DAIA,sEACE,6DAIJ,mEACE","file":"button.css"}
|
package/dist/card/card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-card{display:grid;gap:.5rem;outline-offset:var(--amsterdam-card-outline-offset);position:relative;touch-action:manipulation}.amsterdam-card:has(:focus-visible){outline-color:-webkit-focus-ring-color;outline-style:auto;outline-width:1px}.amsterdam-card:has(:focus-visible) a:focus{outline:none}.amsterdam-card a::after{content:"";display:block;inset:0;position:absolute}.amsterdam-card__heading-group{display:flex;flex-direction:column-reverse;gap:.5rem}.amsterdam-card__link{color:var(--amsterdam-card-link-color);text-decoration:
|
|
1
|
+
.amsterdam-card{display:grid;gap:.5rem;outline-offset:var(--amsterdam-card-outline-offset);position:relative;touch-action:manipulation}.amsterdam-card:has(:focus-visible){outline-color:-webkit-focus-ring-color;outline-style:auto;outline-width:1px}.amsterdam-card:has(:focus-visible) a:focus{outline:none}.amsterdam-card a::after{content:"";display:block;inset:0;position:absolute}.amsterdam-card__heading-group{display:flex;flex-direction:column-reverse;gap:.5rem}.amsterdam-card__link{color:var(--amsterdam-card-link-color);text-decoration-line:var(--amsterdam-card-link-text-decoration-line);text-decoration-thickness:var(--amsterdam-card-link-text-decoration-thickness);text-underline-offset:var(--amsterdam-card-link-text-underline-offset)}.amsterdam-card__link:hover{color:var(--amsterdam-card-link-hover-color);text-decoration-line:var(--amsterdam-card-link-hover-text-decoration-line)}/*# sourceMappingURL=card.css.map */
|
package/dist/card/card.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/card/card.scss"],"names":[],"mappings":"AAKA,gBACE,aACA,UACA,oDACA,kBACA,0BAGA,oCACE,uCACA,mBACA,kBAOF,4CACE,aAOF,yBACE,WACA,cACA,QACA,kBAIJ,+BACE,aACA,8BACA,UAGF,sBACE,uCACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/card/card.scss"],"names":[],"mappings":"AAKA,gBACE,aACA,UACA,oDACA,kBACA,0BAGA,oCACE,uCACA,mBACA,kBAOF,4CACE,aAOF,yBACE,WACA,cACA,QACA,kBAIJ,+BACE,aACA,8BACA,UAGF,sBACE,uCACA,qEACA,+EACA,uEAEA,4BACE,6CACA","file":"card.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-checkbox__input{appearance:none;margin-block:0;margin-inline:0;opacity:0%}.amsterdam-checkbox__input:focus-visible+label{outline:auto;outline-offset:var(--amsterdam-checkbox-outline-offset)}.amsterdam-checkbox__checkmark{align-items:center;display:flex;flex-shrink:0;height:calc(var(--amsterdam-checkbox-
|
|
1
|
+
.amsterdam-checkbox__input{appearance:none;margin-block:0;margin-inline:0;opacity:0%}.amsterdam-checkbox__input:focus-visible+label{outline:auto;outline-offset:var(--amsterdam-checkbox-outline-offset)}.amsterdam-checkbox__checkmark{align-items:center;display:flex;flex-shrink:0;height:calc(var(--amsterdam-checkbox-spacious-font-size)*var(--amsterdam-checkbox-spacious-line-height));width:1.5rem}.amsterdam-checkbox__checkmark::after{border-color:var(--amsterdam-checkbox-checkmark-border-color);border-style:solid;border-width:2px;box-sizing:border-box;content:"";height:1.5rem;width:100%}.amsterdam-theme--compact .amsterdam-checkbox__checkmark{height:calc(var(--amsterdam-checkbox-compact-font-size)*var(--amsterdam-checkbox-compact-line-height))}.amsterdam-checkbox__label{color:var(--amsterdam-checkbox-color);cursor:pointer;display:inline-flex;font-family:var(--amsterdam-checkbox-font-family);font-size:var(--amsterdam-checkbox-spacious-font-size);font-weight:400;gap:.5rem;line-height:var(--amsterdam-checkbox-spacious-line-height);-webkit-text-size-adjust:100%}.amsterdam-checkbox__label:hover{color:var(--amsterdam-checkbox-hover-color);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after{border-color:var(--amsterdam-checkbox-checkmark-hover-border-color);border-width:3px}.amsterdam-theme--compact .amsterdam-checkbox__label{font-size:var(--amsterdam-checkbox-compact-font-size);line-height:var(--amsterdam-checkbox-compact-line-height)}.amsterdam-checkbox__input:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-checked-background-color);background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22%23ffffff%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12.216%2027.016%200%2014.168l2.91-2.77%209.346%209.837L29.129%204%2032%206.8z%22%2F%3E%3C%2Fsvg%3E");background-position:center;background-repeat:no-repeat;background-size:1rem;border:none}.amsterdam-checkbox__input:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-indeterminate-background-color);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0id2hpdGUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMTMuNzE0aDMydjRIMHoiLz48L3N2Zz4=");background-position:center;background-repeat:no-repeat;background-size:1rem;border:none}.amsterdam-checkbox__input:invalid+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,.amsterdam-checkbox__input[aria-invalid=true]+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after{border-color:var(--amsterdam-checkbox-checkmark-invalid-border-color)}.amsterdam-checkbox__input:disabled+.amsterdam-checkbox__label{color:var(--amsterdam-checkbox-disabled-color);cursor:not-allowed}.amsterdam-checkbox__input:disabled+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after{border-color:var(--amsterdam-checkbox-checkmark-disabled-border-color);border-width:2px}.amsterdam-checkbox__input:invalid:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,.amsterdam-checkbox__input[aria-invalid=true]:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-invalid-checked-background-color)}.amsterdam-checkbox__input:invalid:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,.amsterdam-checkbox__input[aria-invalid=true]:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-invalid-indeterminate-background-color)}.amsterdam-checkbox__input:disabled+.amsterdam-checkbox__label:hover{text-decoration:none}.amsterdam-checkbox__input:disabled:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-disabled-checked-background-color)}.amsterdam-checkbox__input:disabled:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-disabled-indeterminate-background-color)}.amsterdam-checkbox__input:invalid:disabled+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,.amsterdam-checkbox__input[aria-invalid=true]:disabled+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after{border-color:var(--amsterdam-checkbox-checkmark-disabled-border-color)}:is(.amsterdam-checkbox__input:invalid,.amsterdam-checkbox__input[aria-invalid=true])+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after{border-color:var(--amsterdam-checkbox-checkmark-invalid-hover-border-color)}.amsterdam-checkbox__input:checked+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-checked-hover-background-color)}.amsterdam-checkbox__input:indeterminate+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-indeterminate-hover-background-color)}:is(.amsterdam-checkbox__input:invalid:checked,.amsterdam-checkbox__input[aria-invalid=true]:checked)+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-invalid-checked-hover-background-color)}:is(.amsterdam-checkbox__input:invalid:indeterminate,.amsterdam-checkbox__input[aria-invalid=true]:indeterminate)+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-invalid-indeterminate-hover-background-color)}.amsterdam-checkbox__input:disabled:checked+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-disabled-checked-hover-background-color)}.amsterdam-checkbox__input:disabled:indeterminate+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-disabled-indeterminate-hover-background-color)}:is(.amsterdam-checkbox__input:invalid:disabled,.amsterdam-checkbox__input[aria-invalid=true]:disabled)+.amsterdam-checkbox__label:hover .amsterdam-checkbox__checkmark::after{border-color:var(--amsterdam-checkbox-checkmark-disabled-border-color)}.amsterdam-checkbox__input:invalid:disabled:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,.amsterdam-checkbox__input:invalid:disabled:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,.amsterdam-checkbox__input[aria-invalid=true]:disabled:checked+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after,.amsterdam-checkbox__input[aria-invalid=true]:disabled:indeterminate+.amsterdam-checkbox__label .amsterdam-checkbox__checkmark::after{background-color:var(--amsterdam-checkbox-checkmark-disabled-checked-background-color)}/*# sourceMappingURL=checkbox.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/checkbox/checkbox.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/checkbox/checkbox.scss"],"names":[],"mappings":"AAKA,2BACE,gBACA,eACA,gBACA,WAEA,+CACE,aACA,wDAIJ,+BACE,mBACA,aACA,cACA,yGACA,aAEA,sCACE,8DACA,mBACA,iBACA,sBACA,WACA,cACA,WAGF,yDACE,uGAQJ,2BACE,sCACA,eACA,oBACA,kDACA,uDACA,gBACA,UACA,2DAXA,8BAaA,iCACE,4CACA,0BACA,8BACA,0BAEA,uEACE,oEACA,iBAIJ,qDACE,sDACA,0DAQF,oGACE,8EACA,qTACA,2BACA,4BACA,qBACA,YAMF,0GACE,oFACA,+NACA,2BACA,4BACA,qBACA,YAOF,mNACE,sEAMF,+DACE,+CACA,mBAEA,qGACE,uEACA,iBAQJ,mOACE,sFAOF,+OACE,4FAKJ,qEACE,qBAKA,6GACE,uFAMF,mHACE,6FAOF,qOAEE,uEAOJ,6JAIE,4EAIF,0GACE,oFAIF,gHACE,0FAIF,6KAIE,4FAIF,yLAIE,kGAIF,mHACE,6FAIF,yHAGE,mGAIF,+KAIE,uEAUA,sfAEE","file":"checkbox.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.amsterdam-dialog{background-color:var(--amsterdam-dialog-background-color);border:var(--amsterdam-dialog-border);inset:0;max-inline-size:var(--amsterdam-dialog-max-inline-size);padding-block:0;padding-inline:0;position:fixed}.amsterdam-dialog::backdrop{background:rgba(0,0,0,.4)}.amsterdam-dialog__form{display:grid;gap:var(--amsterdam-dialog-form-gap);grid-template-rows:auto 1fr auto;max-block-size:var(--amsterdam-dialog-form-max-block-size);padding-block:var(--amsterdam-dialog-form-padding-block);padding-inline:var(--amsterdam-dialog-form-padding-inline)}.amsterdam-dialog__article{display:grid;gap:1.5rem;max-block-size:100%;overflow-y:auto;overscroll-behavior-y:contain;padding-inline-end:var(--amsterdam-dialog-article-padding-inline-end)}.amsterdam-dialog__header{align-items:flex-start;display:flex;gap:var(--amsterdam-dialog-header-gap)}.amsterdam-dialog__title{color:var(--amsterdam-dialog-title-color);flex:auto;font-family:var(--amsterdam-dialog-title-font-family);font-size:var(--amsterdam-dialog-title-spacious-font-size);font-weight:var(--amsterdam-dialog-title-font-weight);line-height:var(--amsterdam-dialog-title-spacious-line-height);-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-dialog__title{font-size:var(--amsterdam-dialog-title-compact-font-size);line-height:var(--amsterdam-dialog-title-compact-line-height)}.amsterdam-dialog__footer{display:flex;flex-direction:column;grid-gap:var(--amsterdam-dialog-footer-gap);padding-block:var(--amsterdam-dialog-footer-padding-block)}@media screen and (min-width: 36rem){.amsterdam-dialog__footer{flex-direction:row;justify-content:end}}.amsterdam-dialog__close{background-color:var(--amsterdam-dialog-close-background-color);border:0;cursor:pointer;padding-block:0;padding-inline:0}.amsterdam-dialog__close svg{fill:var(--amsterdam-dialog-close-fill)}.amsterdam-dialog__close:hover svg{fill:var(--amsterdam-dialog-close-hover-fill)}/*# sourceMappingURL=dialog.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/dialog/dialog.scss"],"names":[],"mappings":"AAOA,kBACE,0DACA,sCACA,QACA,wDACA,gBACA,iBACA,eAGA,4BACE,0BAIJ,wBACE,aACA,qCACA,iCACA,2DACA,yDACA,2DAGF,2BACE,aACA,WACA,oBACA,gBACA,8BACA,sEAGF,0BACE,uBACA,aACA,uCAOF,yBACE,0CACA,UACA,sDACA,2DACA,sDACA,+DATA,8BAWA,mDACE,0DACA,8DAMJ,0BACE,aACA,sBACA,4CACA,2DAEA,qCANF,0BAOI,mBACA,qBAIJ,yBACE,gEACA,SACA,eACA,gBACA,iBAGF,6BACE,wCAGF,mCACE","file":"dialog.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-form-label{color:var(--amsterdam-form-label-color);font-family:var(--amsterdam-form-label-font-family);font-size:var(--amsterdam-form-label-
|
|
1
|
+
.amsterdam-form-label{color:var(--amsterdam-form-label-color);font-family:var(--amsterdam-form-label-font-family);font-size:var(--amsterdam-form-label-spacious-font-size);font-weight:var(--amsterdam-form-label-font-weight);line-height:var(--amsterdam-form-label-spacious-line-height);-webkit-text-size-adjust:100%}.amsterdam-theme--compact .amsterdam-form-label{font-size:var(--amsterdam-form-label-compact-font-size);line-height:var(--amsterdam-form-label-compact-line-height)}/*# sourceMappingURL=form-label.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/form-label/form-label.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/form-label/form-label.scss"],"names":[],"mappings":"AASA,sBACE,wCACA,oDACA,yDACA,oDACA,6DARA,8BAYA,gDACE,wDACA","file":"form-label.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/grid/grid-cell.scss"],"names":[],"mappings":"AAOA,iCACE,iBAMA,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,8BACE,wBAGF,+BACE,kBANS,GACX,8BACE,wBAGF,+BACE,kBANS,GACX,8BACE,wBAGF,+BACE,kBANS,GAUb,qCAEI,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,qCACE,wBAGF,sCACE,kBANS,GACX,qCACE,wBAGF,sCACE,kBANS,GACX,qCACE,wBAGF,sCACE,kBANS,IAWf,qCAEI,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,mCACE,wBAGF,oCACE,kBANS,GACX,mCACE,wBAGF,oCACE,kBANS,GACX,mCACE,wBAGF,oCACE,kBANS","file":"grid-cell.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/grid/grid-cell.scss"],"names":[],"mappings":"AAOA,iCACE,iBAMA,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,6BACE,uBAGF,8BACE,kBANS,EACX,8BACE,wBAGF,+BACE,kBANS,GACX,8BACE,wBAGF,+BACE,kBANS,GACX,8BACE,wBAGF,+BACE,kBANS,GAUb,qCAEI,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,oCACE,uBAGF,qCACE,kBANS,EACX,qCACE,wBAGF,sCACE,kBANS,GACX,qCACE,wBAGF,sCACE,kBANS,GACX,qCACE,wBAGF,sCACE,kBANS,IAWf,qCAEI,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,kCACE,uBAGF,mCACE,kBANS,EACX,mCACE,wBAGF,oCACE,kBANS,GACX,mCACE,wBAGF,oCACE,kBANS,GACX,mCACE,wBAGF,oCACE,kBANS","file":"grid-cell.css"}
|
package/dist/grid/grid.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-grid{--amsterdam-grid-gap: var(--amsterdam-grid-
|
|
1
|
+
.amsterdam-grid{--amsterdam-grid-gap: var(--amsterdam-grid-spacious-gap);--amsterdam-grid-padding-inline: var(--amsterdam-grid-spacious-padding-inline);display:grid;gap:var(--amsterdam-grid-gap);grid-template-columns:repeat(var(--amsterdam-grid-column-count), 1fr);padding-inline:var(--amsterdam-grid-padding-inline)}@media screen and (min-width: 36rem){.amsterdam-grid{grid-template-columns:repeat(var(--amsterdam-grid-medium-column-count), 1fr)}}@media screen and (min-width: 68rem){.amsterdam-grid{grid-template-columns:repeat(var(--amsterdam-grid-wide-column-count), 1fr)}}.amsterdam-grid--compact{--amsterdam-grid-gap: var(--amsterdam-grid-compact-gap);--amsterdam-grid-padding-inline: var(--amsterdam-grid-compact-padding-inline)}.amsterdam-grid--gap-vertical--small{row-gap:calc(var(--amsterdam-grid-gap)/2)}.amsterdam-grid--gap-vertical--large{row-gap:calc(var(--amsterdam-grid-gap)*2)}.amsterdam-grid--padding-bottom--small{padding-block-end:calc(var(--amsterdam-grid-gap)/2)}.amsterdam-grid--padding-bottom--medium{padding-block-end:var(--amsterdam-grid-gap)}.amsterdam-grid--padding-bottom--large{padding-block-end:calc(var(--amsterdam-grid-gap)*2)}.amsterdam-grid--padding-top--small{padding-block-start:calc(var(--amsterdam-grid-gap)/2)}.amsterdam-grid--padding-top--medium{padding-block-start:var(--amsterdam-grid-gap)}.amsterdam-grid--padding-top--large{padding-block-start:calc(var(--amsterdam-grid-gap)*2)}.amsterdam-grid--padding-vertical--small{padding-block:calc(var(--amsterdam-grid-gap)/2)}.amsterdam-grid--padding-vertical--medium{padding-block:var(--amsterdam-grid-gap)}.amsterdam-grid--padding-vertical--large{padding-block:calc(var(--amsterdam-grid-gap)*2)}/*# sourceMappingURL=grid.css.map */
|
package/dist/grid/grid.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/grid/grid.scss"],"names":[],"mappings":"AAOA,gBACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/grid/grid.scss"],"names":[],"mappings":"AAOA,gBACE,yDACA,+EAEA,aACA,8BACA,sEACA,oDAEA,qCATF,gBAUI,8EAGF,qCAbF,gBAcI,4EAIJ,yBACE,wDACA,8EAGF,qCACE,0CAGF,qCACE,0CAGF,uCACE,oDAGF,wCACE,4CAGF,uCACE,oDAGF,oCACE,sDAGF,qCACE,8CAGF,oCACE,sDAGF,yCACE,gDAGF,0CACE,wCAGF,yCACE","file":"grid.css"}
|
package/dist/heading/heading.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-heading{break-after:avoid;break-inside:avoid;color:var(--amsterdam-heading-color);font-family:var(--amsterdam-heading-font-family);font-weight:var(--amsterdam-heading-font-weight);box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-heading--1{font-size:var(--amsterdam-heading-1-
|
|
1
|
+
.amsterdam-heading{break-after:avoid;break-inside:avoid;color:var(--amsterdam-heading-color);font-family:var(--amsterdam-heading-font-family);font-weight:var(--amsterdam-heading-font-weight);box-sizing:border-box;margin-block:0;-webkit-text-size-adjust:100%}.amsterdam-heading--1{font-size:var(--amsterdam-heading-spacious-level-1-font-size);line-height:var(--amsterdam-heading-spacious-level-1-line-height)}.amsterdam-theme--compact .amsterdam-heading--1{font-size:var(--amsterdam-heading-compact-level-1-font-size);line-height:var(--amsterdam-heading-compact-level-1-line-height)}.amsterdam-heading--2{font-size:var(--amsterdam-heading-spacious-level-2-font-size);line-height:var(--amsterdam-heading-spacious-level-2-line-height)}.amsterdam-theme--compact .amsterdam-heading--2{font-size:var(--amsterdam-heading-compact-level-2-font-size);line-height:var(--amsterdam-heading-compact-level-2-line-height)}.amsterdam-heading--3{font-size:var(--amsterdam-heading-spacious-level-3-font-size);line-height:var(--amsterdam-heading-spacious-level-3-line-height)}.amsterdam-theme--compact .amsterdam-heading--3{font-size:var(--amsterdam-heading-compact-level-3-font-size);line-height:var(--amsterdam-heading-compact-level-3-line-height)}.amsterdam-heading--4{font-size:var(--amsterdam-heading-spacious-level-4-font-size);line-height:var(--amsterdam-heading-spacious-level-4-line-height)}.amsterdam-theme--compact .amsterdam-heading--4{font-size:var(--amsterdam-heading-compact-level-4-font-size);line-height:var(--amsterdam-heading-compact-level-4-line-height)}.amsterdam-heading--inverse-color{color:var(--amsterdam-heading-inverse-color)}/*# sourceMappingURL=heading.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/heading/heading.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/heading/heading.scss"],"names":[],"mappings":"AAWA,mBACE,kBACA,mBACA,qCACA,iDACA,iDAVA,sBACA,eACA,8BAaF,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,sBACE,8DACA,kEAEA,gDACE,6DACA,iEAIJ,kCACE","file":"heading.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/highlight/highlight.scss"],"names":[],"mappings":"AAKA,2BACE,kEAGF,iCACE,wEAGF,4BACE,mEAGF,iCACE,wEAGF,8BACE,qEAGF,6BACE,oEAGF,6BACE,oEAGF,6BACE","file":"highlight.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/highlight/highlight.scss"],"names":[],"mappings":"AAKA,2BACE,kEAGF,iCACE,wEAGF,4BACE,mEAGF,iCACE,wEAGF,8BACE,qEAGF,6BACE,oEAGF,6BACE,oEAGF,6BACE","file":"highlight.css"}
|
package/dist/icon/icon.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.amsterdam-icon{align-items:center;display:inline-flex}.amsterdam-icon svg{fill:currentColor}.amsterdam-icon--size-3{height:calc(var(--amsterdam-icon-size-3-
|
|
1
|
+
.amsterdam-icon{align-items:center;display:inline-flex}.amsterdam-icon svg{fill:currentColor}.amsterdam-icon--size-3{height:calc(var(--amsterdam-icon-spacious-size-3-font-size)*var(--amsterdam-icon-spacious-size-3-line-height))}.amsterdam-icon--size-3 svg{height:var(--amsterdam-icon-spacious-size-3-font-size);width:var(--amsterdam-icon-spacious-size-3-font-size)}.amsterdam-icon--size-4{height:calc(var(--amsterdam-icon-spacious-size-4-font-size)*var(--amsterdam-icon-spacious-size-4-line-height))}.amsterdam-icon--size-4 svg{height:var(--amsterdam-icon-spacious-size-4-font-size);width:var(--amsterdam-icon-spacious-size-4-font-size)}.amsterdam-icon--size-5{height:calc(var(--amsterdam-icon-spacious-size-5-font-size)*var(--amsterdam-icon-spacious-size-5-line-height))}.amsterdam-icon--size-5 svg{height:var(--amsterdam-icon-spacious-size-5-font-size);width:var(--amsterdam-icon-spacious-size-5-font-size)}.amsterdam-icon--size-6{height:calc(var(--amsterdam-icon-spacious-size-6-font-size)*var(--amsterdam-icon-spacious-size-6-line-height))}.amsterdam-icon--size-6 svg{height:var(--amsterdam-icon-spacious-size-6-font-size);width:var(--amsterdam-icon-spacious-size-6-font-size)}.amsterdam-icon--size-7{height:calc(var(--amsterdam-icon-spacious-size-7-font-size)*var(--amsterdam-icon-spacious-size-7-line-height))}.amsterdam-icon--size-7 svg{height:var(--amsterdam-icon-spacious-size-7-font-size);width:var(--amsterdam-icon-spacious-size-7-font-size)}.amsterdam-theme--compact .amsterdam-icon--size-3{height:calc(var(--amsterdam-icon-compact-size-3-font-size)*var(--amsterdam-icon-compact-size-3-line-height))}.amsterdam-theme--compact .amsterdam-icon--size-3 svg{height:var(--amsterdam-icon-compact-size-3-font-size);width:var(--amsterdam-icon-compact-size-3-font-size)}.amsterdam-theme--compact .amsterdam-icon--size-4{height:calc(var(--amsterdam-icon-compact-size-4-font-size)*var(--amsterdam-icon-compact-size-4-line-height))}.amsterdam-theme--compact .amsterdam-icon--size-4 svg{height:var(--amsterdam-icon-compact-size-4-font-size);width:var(--amsterdam-icon-compact-size-4-font-size)}.amsterdam-theme--compact .amsterdam-icon--size-5{height:calc(var(--amsterdam-icon-compact-size-5-font-size)*var(--amsterdam-icon-compact-size-5-line-height))}.amsterdam-theme--compact .amsterdam-icon--size-5 svg{height:var(--amsterdam-icon-compact-size-5-font-size);width:var(--amsterdam-icon-compact-size-5-font-size)}.amsterdam-theme--compact .amsterdam-icon--size-6{height:calc(var(--amsterdam-icon-compact-size-6-font-size)*var(--amsterdam-icon-compact-size-6-line-height))}.amsterdam-theme--compact .amsterdam-icon--size-6 svg{height:var(--amsterdam-icon-compact-size-6-font-size);width:var(--amsterdam-icon-compact-size-6-font-size)}.amsterdam-theme--compact .amsterdam-icon--size-7{height:calc(var(--amsterdam-icon-compact-size-7-font-size)*var(--amsterdam-icon-compact-size-7-line-height))}.amsterdam-theme--compact .amsterdam-icon--size-7 svg{height:var(--amsterdam-icon-compact-size-7-font-size);width:var(--amsterdam-icon-compact-size-7-font-size)}/*# sourceMappingURL=icon.css.map */
|
package/dist/icon/icon.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/icon/icon.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/icon/icon.scss"],"names":[],"mappings":"AAKA,gBACE,mBACA,oBAGF,oBACE,kBAGF,wBACE,+GAGF,4BACE,uDACA,sDAGF,wBACE,+GAGF,4BACE,uDACA,sDAGF,wBACE,+GAGF,4BACE,uDACA,sDAGF,wBACE,+GAGF,4BACE,uDACA,sDAGF,wBACE,+GAGF,4BACE,uDACA,sDAIA,kDACE,6GAGF,sDACE,sDACA,qDAGF,kDACE,6GAGF,sDACE,sDACA,qDAGF,kDACE,6GAGF,sDACE,sDACA,qDAGF,kDACE,6GAGF,sDACE,sDACA,qDAGF,kDACE,6GAGF,sDACE,sDACA","file":"icon.css"}
|
package/dist/image/image.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/image/image.scss"],"names":[],"mappings":"AAKA,iBACE,kBACA,YACA,eACA","file":"image.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/image/image.scss"],"names":[],"mappings":"AAKA,iBACE,kBACA,YACA,eACA","file":"image.css"}
|