@amsterdam/design-system-css 0.16.0 → 1.0.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 +29 -0
- package/dist/alert/alert.css +1 -1
- package/dist/alert/alert.css.map +1 -1
- package/dist/avatar/avatar.css +1 -1
- package/dist/avatar/avatar.css.map +1 -1
- package/dist/button/button.css +1 -1
- package/dist/button/button.css.map +1 -1
- package/dist/checkbox/checkbox.css +1 -1
- package/dist/checkbox/checkbox.css.map +1 -1
- package/dist/date-input/date-input.css +1 -1
- package/dist/date-input/date-input.css.map +1 -1
- package/dist/dialog/dialog.css +1 -1
- package/dist/dialog/dialog.css.map +1 -1
- package/dist/file-input/file-input.css +1 -1
- package/dist/file-input/file-input.css.map +1 -1
- package/dist/hint/hint.css +1 -1
- package/dist/hint/hint.css.map +1 -1
- package/dist/image/image.css +1 -1
- package/dist/image/image.css.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/invalid-form-alert/invalid-form-alert.css.map +1 -1
- package/dist/page-header/page-header.css +1 -1
- package/dist/page-header/page-header.css.map +1 -1
- package/dist/password-input/password-input.css +1 -1
- package/dist/password-input/password-input.css.map +1 -1
- package/dist/radio/radio.css +1 -1
- package/dist/radio/radio.css.map +1 -1
- package/dist/search-field/search-field.css +1 -1
- package/dist/search-field/search-field.css.map +1 -1
- package/dist/select/select.css +1 -1
- package/dist/select/select.css.map +1 -1
- package/dist/switch/switch.css +1 -1
- package/dist/switch/switch.css.map +1 -1
- package/dist/text-area/text-area.css +1 -1
- package/dist/text-area/text-area.css.map +1 -1
- package/dist/text-input/text-input.css +1 -1
- package/dist/text-input/text-input.css.map +1 -1
- package/dist/time-input/time-input.css +1 -1
- package/dist/time-input/time-input.css.map +1 -1
- package/package.json +4 -4
- package/src/components/alert/alert.scss +6 -9
- package/src/components/aspect-ratio/README.md +1 -0
- package/src/components/avatar/avatar.scss +14 -10
- package/src/components/button/README.md +6 -6
- package/src/components/button/button.scss +7 -18
- package/src/components/checkbox/checkbox.scss +229 -125
- package/src/components/date-input/date-input.scss +9 -9
- package/src/components/dialog/dialog.scss +3 -1
- package/src/components/file-input/file-input.scss +6 -10
- package/src/components/hint/hint.scss +1 -1
- package/src/components/icon-button/README.md +6 -5
- package/src/components/image/image.scss +1 -2
- package/src/components/invalid-form-alert/invalid-form-alert.scss +5 -0
- package/src/components/page-header/page-header.scss +9 -1
- package/src/components/password-input/password-input.scss +13 -9
- package/src/components/radio/radio.scss +6 -4
- package/src/components/search-field/search-field.scss +5 -3
- package/src/components/select/select.scss +14 -8
- package/src/components/switch/switch.scss +1 -1
- package/src/components/text-area/text-area.scss +9 -9
- package/src/components/text-input/text-input.scss +13 -9
- package/src/components/time-input/time-input.scss +9 -9
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/page-header/page-header.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,iBAME,aACA,+CACA,mDACA,qDAEA,qCAXF,iBAYI,6DAGF,qCAfF,iBAgBI,2DAIJ,4BACE,mBACA,iBACA,uDACA,aACA,cACA,wBACA,+DACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/page-header/page-header.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAQA,iBAME,aACA,+CACA,mDACA,qDAEA,qCAXF,iBAYI,6DAGF,qCAfF,iBAgBI,2DAIJ,4BACE,mBACA,iBACA,uDACA,aACA,cACA,wBACA,+DACA,qBAEA,8BACE,wJAGE,eAKN,oCACE,WACA,iBAGF,iCACE,cACA,mBACA,gBAEA,qCALF,iCAMI,kBAIJ,6BACE,8CACA,sDACA,0DACA,0DACA,sDAGF,6BACE,wDACA,aACA,eACA,cAGA,oBACA,kDASF,uBACE,mBACA,kDACA,aACA,eACA,yBACA,yBACA,oBACA,4CAbA,gBACA,eACA,uBAkBA,yCADF,4BAEI,cAKJ,mCACE,eAoBF,4BACE,qBACA,2EACA,qFACA,6EApBA,6CACA,qDACA,yDACA,yDACA,+DACA,6DACA,0BACA,mBC9GA,kCACA,2BACA,8BACA,sBD+GA,kCACE,mDAYF,kCACE,iFAKF,qCADF,6DAEI,cAcJ,mCACE,uDACA,sDACA,aACA,oBACA,sBAlDA,6CACA,qDACA,yDACA,yDACA,+DACA,6DACA,0BACA,mBC9GA,kCACA,2BACA,8BACA,sBDwIA,gBACA,YACA,eACA,gBACA,iBA7BA,yCACE,mDA4CJ,uDACE,2EAGF,yFAEE,cAKF,gDACE,2EACA,oBACA,iBACA,kBAIA,iCACE,oBACA,iBACA,wBACA,WACE,yEAIF,+BATF,iCAUI,iBAIJ,4DACE,iBAGF,+DACE,gBAKF,kEACE,aACA,YAEF,qEACE,WAEF,qEACE,cACA,YAIJ,4BACE,iBACA,oBAIA,sCACE,iBAIJ,uEACE,aAIA,qCADF,+CAEI","file":"page-header.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-password-input{background-color:var(--ams-password-input-background-color);
|
|
1
|
+
.ams-password-input{background-color:var(--ams-password-input-background-color);border-color:var(--ams-password-input-border-color);border-style:var(--ams-password-input-border-style);border-width:var(--ams-password-input-border-width);box-sizing:border-box;color:var(--ams-password-input-color);font-family:var(--ams-password-input-font-family);font-size:var(--ams-password-input-font-size);font-weight:var(--ams-password-input-font-weight);line-height:var(--ams-password-input-line-height);max-inline-size:100%;outline-offset:var(--ams-password-input-outline-offset);padding-block:var(--ams-password-input-padding-block);padding-inline:var(--ams-password-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;appearance:none;border-radius:0;margin-block:0}.ams-password-input:not([size]){inline-size:100%}.ams-password-input::placeholder{color:var(--ams-password-input-placeholder-color);opacity:100%}.ams-password-input:disabled{color:var(--ams-password-input-disabled-color);cursor:var(--ams-password-input-disabled-cursor)}.ams-password-input:invalid,.ams-password-input[aria-invalid=true]{border-color:var(--ams-password-input-invalid-border-color)}.ams-password-input:invalid:hover,.ams-password-input[aria-invalid=true]:hover{border-color:var(--ams-password-input-invalid-hover-border-color);box-shadow:var(--ams-password-input-invalid-hover-box-shadow)}.ams-password-input:not(:disabled):hover{box-shadow:var(--ams-password-input-hover-box-shadow)}/*# sourceMappingURL=password-input.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/password-input/password-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/password-input/password-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,oBACE,4DACA,oDACA,oDACA,oDACA,sBACA,sCACA,kDACA,8CACA,kDACA,kDACA,qBACA,wDACA,sDACA,wDACA,0BCnBA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,gBACA,eAwBF,gCACE,iBAGF,iCACE,kDACA,aAGF,6BACE,+CACA,iDAGF,mEAEE,4DAEA,+EACE,kEACA,8DAIJ,yCACE","file":"password-input.css"}
|
package/dist/radio/radio.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-radio__input{appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-radio__input:focus+label{outline:auto}.ams-radio__input:focus:not(:focus-visible)+label{outline:0}.ams-radio__label{color:var(--ams-radio-color);cursor:var(--ams-radio-cursor);display:inline-flex;font-family:var(--ams-radio-font-family);font-size:var(--ams-radio-font-size);font-weight:var(--ams-radio-font-weight);gap:var(--ams-radio-gap);line-height:var(--ams-radio-line-height);outline-offset:var(--ams-radio-outline-offset);text-decoration-thickness:var(--ams-radio-text-decoration-thickness);text-underline-offset:var(--ams-radio-text-underline-offset);hyphenate-limit-chars:var(--ams-typography-hyphenate-limit-chars);hyphens:auto;overflow-wrap:break-word;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-radio__icon-container{block-size:var(--ams-radio-icon-container-block-size);display:flex;flex:none;inline-size:var(--ams-radio-icon-container-inline-size)}.ams-radio__circle{fill:var(--ams-radio-circle-fill);stroke:var(--ams-radio-circle-stroke)
|
|
1
|
+
.ams-radio__input{appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-radio__input:focus+label{outline:auto}.ams-radio__input:focus:not(:focus-visible)+label{outline:0}.ams-radio__label{color:var(--ams-radio-color);cursor:var(--ams-radio-cursor);display:inline-flex;font-family:var(--ams-radio-font-family);font-size:var(--ams-radio-font-size);font-weight:var(--ams-radio-font-weight);gap:var(--ams-radio-gap);line-height:var(--ams-radio-line-height);outline-offset:var(--ams-radio-outline-offset);text-decoration-thickness:var(--ams-radio-text-decoration-thickness);text-underline-offset:var(--ams-radio-text-underline-offset);hyphenate-limit-chars:var(--ams-typography-hyphenate-limit-chars);hyphens:auto;overflow-wrap:break-word;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-radio__icon-container{block-size:var(--ams-radio-icon-container-block-size);display:flex;flex:none;inline-size:var(--ams-radio-icon-container-inline-size)}.ams-radio__circle{fill:var(--ams-radio-circle-fill);stroke:var(--ams-radio-circle-stroke)}.ams-radio__hover-indicator{stroke:none}.ams-radio__checked-indicator{display:none;fill:var(--ams-radio-checked-indicator-fill)}.ams-radio__label:hover{color:var(--ams-radio-hover-color);text-decoration-line:var(--ams-radio-hover-text-decoration-line)}.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-hover-stroke)}.ams-radio__label:hover .ams-radio__hover-indicator{stroke:var(--ams-radio-hover-indicator-hover-stroke)}.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-hover-fill)}.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-invalid-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-invalid-fill)}.ams-radio__input:checked+.ams-radio__label .ams-radio__checked-indicator{display:block}.ams-radio__input:disabled+.ams-radio__label{color:var(--ams-radio-disabled-color);cursor:var(--ams-radio-disabled-cursor)}.ams-radio__input:disabled+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-stroke)}.ams-radio__input:disabled+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-fill)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-invalid-stroke)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-invalid-fill)}.ams-radio__input:disabled+.ams-radio__label:hover{text-decoration:none}.ams-radio__input:disabled+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:rgba(0,0,0,0)}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:var(--ams-radio-hover-indicator-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-invalid-hover-fill)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:rgba(0,0,0,0)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-invalid-hover-fill)}@media(forced-colors: active){.ams-radio__label .ams-radio__circle,.ams-radio__label:hover .ams-radio__circle,.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__circle{fill:Canvas;stroke:FieldText}.ams-radio__label .ams-radio__hover-indicator,.ams-radio__label:hover .ams-radio__hover-indicator,.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__hover-indicator,.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:none}.ams-radio__label .ams-radio__checked-indicator,.ams-radio__label:hover .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__checked-indicator{fill:FieldText}}@media(forced-colors: active){.ams-radio__input:checked+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:checked+.ams-radio__label:hover .ams-radio__circle{stroke:ActiveText}.ams-radio__input:checked+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:checked+.ams-radio__label:hover .ams-radio__checked-indicator{fill:ActiveText}}@media(forced-colors: active){.ams-radio__input:disabled+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__circle{stroke:GrayText}.ams-radio__input:disabled+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__checked-indicator{fill:GrayText}}/*# sourceMappingURL=radio.css.map */
|
package/dist/radio/radio.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/radio/radio.scss","../../src/common/hide-input.scss","../../src/common/input-label-focus.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAUA,kBCJE,gBACA,cACA,eACA,gBCIA,8BACE,aAGF,kDACE,UFFJ,kBACE,6BACA,+BACA,oBACA,yCACA,qCACA,yCACA,yBACA,yCACA,+CACA,qEACA,6DGrBA,kEACA,aACA,yBCEA,kCACA,2BACA,8BACA,sBJoBF,2BACE,sDACA,aACA,UACA,wDAGF,mBACE,kCACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/radio/radio.scss","../../src/common/hide-input.scss","../../src/common/input-label-focus.scss","../../src/common/hyphenation.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAUA,kBCJE,gBACA,cACA,eACA,gBCIA,8BACE,aAGF,kDACE,UFFJ,kBACE,6BACA,+BACA,oBACA,yCACA,qCACA,yCACA,yBACA,yCACA,+CACA,qEACA,6DGrBA,kEACA,aACA,yBCEA,kCACA,2BACA,8BACA,sBJoBF,2BACE,sDACA,aACA,UACA,wDAGF,mBACE,kCACA,sCAGF,4BACE,YAGF,8BACE,aACA,6CAIF,wBACE,mCACA,iEAEA,2CACE,4CAGF,oDACE,qDAGF,sDACE,mDAMF,0EACE,8CAGF,qFACE,qDAMF,0EACE,cAKJ,6CACE,sCACA,wCAEA,gEACE,+CAGF,2EACE,sDAMF,mFAEE,uDAGF,8FAEE,8DAOJ,mDACE,qBAEA,+EACE,qBAMF,gFACE,oDAGF,yFACE,6DAGF,2FACE,2DAMF,yFAEE,6DAGF,kGACE,qBAEF,oGAEE,oEAOJ,8BAKI,0OACE,YACA,iBAGF,8QACE,YAGF,sRACE,gBAMN,8BAGI,uJACE,kBAGF,6KACE,iBAMN,8BAII,4OACE,gBAGF,6QACE","file":"radio.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-search-field{display:flex;isolation:isolate}.ams-search-field__input{background-color:var(--ams-search-field-input-background-color);
|
|
1
|
+
.ams-search-field{display:flex;isolation:isolate}.ams-search-field__input{background-color:var(--ams-search-field-input-background-color);border-color:var(--ams-search-field-input-border-color);border-style:var(--ams-search-field-input-border-style);border-width:var(--ams-search-field-input-border-width);box-sizing:border-box;color:var(--ams-search-field-input-color);font-family:var(--ams-search-field-input-font-family);font-size:var(--ams-search-field-input-font-size);font-weight:var(--ams-search-field-input-font-weight);inline-size:100%;line-height:var(--ams-search-field-input-line-height);outline-offset:var(--ams-search-field-input-outline-offset);padding-block:var(--ams-search-field-input-padding-block);padding-inline:var(--ams-search-field-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;appearance:none;border-radius:0;margin-block:0}.ams-search-field__input:hover{box-shadow:var(--ams-search-field-input-hover-box-shadow)}.ams-search-field__input:focus{z-index:1}.ams-search-field__input:invalid,.ams-search-field__input[aria-invalid=true]{border-color:var(--ams-search-field-input-invalid-border-color)}.ams-search-field__input:invalid:hover,.ams-search-field__input[aria-invalid=true]:hover{border-color:var(--ams-search-field-input-invalid-hover-border-color);box-shadow:var(--ams-search-field-input-invalid-hover-box-shadow)}.ams-search-field__input::placeholder{color:var(--ams-search-field-input-placeholder-color);opacity:100%}.ams-search-field__input::-webkit-search-cancel-button{appearance:none;background-image:var(--ams-search-field-input-cancel-button-background-image);block-size:var(--ams-search-field-input-cancel-button-block-size);cursor:var(--ams-search-field-input-cancel-button-cursor);inline-size:var(--ams-search-field-input-cancel-button-inline-size);margin-inline-start:.5rem}/*# sourceMappingURL=search-field.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/search-field/search-field.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAOA,kBACE,aACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/search-field/search-field.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAOA,kBACE,aACA,kBAUF,yBACE,gEACA,wDACA,wDACA,wDACA,sBACA,0CACA,sDACA,kDACA,sDACA,iBACA,sDACA,4DACA,0DACA,4DACA,0BCxBA,kCACA,2BACA,8BACA,8CDCA,gBACA,gBACA,eAuBA,+BACE,0DAGF,+BACE,UAIJ,6EAEE,gEAEA,yFACE,sEACA,kEAIJ,sCACE,sDACA,aAGF,uDACE,gBACA,8EACA,kEACA,0DACA,oEACA","file":"search-field.css"}
|
package/dist/select/select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-select{background-color:var(--ams-select-background-color);
|
|
1
|
+
.ams-select{background-color:var(--ams-select-background-color);border-color:var(--ams-select-border-color);border-style:var(--ams-select-border-style);border-width:var(--ams-select-border-width);color:var(--ams-select-color);font-family:var(--ams-select-font-family);font-size:var(--ams-select-font-size);font-weight:var(--ams-select-font-weight);inline-size:100%;line-height:var(--ams-select-line-height);outline-offset:var(--ams-select-outline-offset);padding-block:var(--ams-select-padding-block);padding-inline:var(--ams-select-padding-inline);touch-action:manipulation;appearance:none;border-radius:0}.ams-select:not([multiple]){background-image:var(--ams-select-background-image);background-position:var(--ams-select-background-position);background-repeat:no-repeat;background-size:1em 1em}.ams-select:invalid,.ams-select[aria-invalid=true]{border-color:var(--ams-select-invalid-border-color)}.ams-select:disabled{color:var(--ams-select-disabled-color);cursor:var(--ams-select-disabled-cursor)}.ams-select:disabled:not([multiple]){background-image:var(--ams-select-disabled-background-image)}.ams-select:disabled:not([multiple]):hover{background-image:var(--ams-select-hover-background-image)}.ams-select:invalid:hover,.ams-select[aria-invalid=true]:hover{border-color:var(--ams-select-invalid-hover-border-color);box-shadow:var(--ams-select-invalid-hover-box-shadow)}.ams-select:not(:disabled):hover{box-shadow:var(--ams-select-hover-box-shadow)}.ams-select__option:disabled{color:var(--ams-select-option-disabled-color)}/*# sourceMappingURL=select.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/select/select.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/select/select.scss"],"names":[],"mappings":"AAUA,YACE,oDACA,4CACA,4CACA,4CACA,8BACA,0CACA,sCACA,0CACA,iBACA,0CACA,gDACA,8CACA,gDACA,0BAlBA,gBACA,gBAqBA,4BACE,oDACA,0DACA,4BACA,wBAIJ,mDAEE,oDAGF,qBACE,uCACA,yCAEA,qCACE,6DAGA,2CACE,0DAKN,+DAEE,0DACA,sDAGF,iCACE,8CAGF,6BACE","file":"select.css"}
|
package/dist/switch/switch.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-switch__input{appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-switch__input:focus+label{outline:auto}.ams-switch__input:focus:not(:focus-visible)+label{outline:0}.ams-switch__label{--ams-switch-track-border-width:
|
|
1
|
+
.ams-switch__input{appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-switch__input:focus+label{outline:auto}.ams-switch__input:focus:not(:focus-visible)+label{outline:0}.ams-switch__label{--ams-switch-track-border-width: var(--ams-border-width-m);background-color:var(--ams-switch-background-color);border:var(--ams-switch-track-border-width) solid rgba(0,0,0,0);border-radius:calc(var(--ams-switch-thumb-inline-size)*2);box-sizing:border-box;cursor:var(--ams-switch-cursor);display:inline-block;inline-size:var(--ams-switch-inline-size);outline-offset:var(--ams-switch-outline-offset);transition:background-color .2s ease-in-out}.ams-switch__label::before{background-color:var(--ams-switch-thumb-background-color);block-size:var(--ams-switch-thumb-block-size);border-radius:50%;content:"";display:block;inline-size:var(--ams-switch-thumb-inline-size);transition-duration:.1s;transition-property:box-shadow,transform;transition-timing-function:ease-in-out}@media(forced-colors: active){.ams-switch__label::before{background-color:FieldText}}.ams-switch__input:checked+.ams-switch__label{background-color:var(--ams-switch-checked-background-color)}.ams-switch__input:disabled+.ams-switch__label{background-color:var(--ams-switch-disabled-background-color);cursor:var(--ams-switch-disabled-cursor)}.ams-switch__input:checked+.ams-switch__label::before{transform:translate(calc(100% - 2 * var(--ams-switch-track-border-width)))}.ams-switch:hover .ams-switch__input:enabled+.ams-switch__label::before{box-shadow:var(--ams-switch-thumb-hover-box-shadow)}/*# sourceMappingURL=switch.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/switch/switch.scss","../../src/common/hide-input.scss","../../src/common/input-label-focus.scss"],"names":[],"mappings":"AAQA,mBCFE,gBACA,cACA,eACA,gBCIA,+BACE,aAGF,mDACE,UFLJ,mBACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/switch/switch.scss","../../src/common/hide-input.scss","../../src/common/input-label-focus.scss"],"names":[],"mappings":"AAQA,mBCFE,gBACA,cACA,eACA,gBCIA,+BACE,aAGF,mDACE,UFLJ,mBACE,2DAEA,oDAGA,gEACA,0DACA,sBACA,gCACA,qBACA,0CACA,gDACA,4CAGF,2BACE,0DACA,8CACA,kBACA,WACA,cACA,gDACA,wBACA,yCACA,uCAEA,8BAXF,2BAYI,4BAIJ,8CACE,4DAGF,+CACE,6DACA,yCAGF,sDACE,2EAGF,wEACE","file":"switch.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-text-area{background-color:var(--ams-text-area-background-color);
|
|
1
|
+
.ams-text-area{background-color:var(--ams-text-area-background-color);border-color:var(--ams-text-area-border-color);border-style:var(--ams-text-area-border-style);border-width:var(--ams-text-area-border-width);box-sizing:border-box;color:var(--ams-text-area-color);font-family:var(--ams-text-area-font-family);font-size:var(--ams-text-area-font-size);font-weight:var(--ams-text-area-font-weight);inline-size:100%;line-height:var(--ams-text-area-line-height);max-inline-size:100%;min-block-size:var(--ams-text-area-min-block-size);outline-offset:var(--ams-text-area-outline-offset);padding-block:var(--ams-text-area-padding-block);padding-inline:var(--ams-text-area-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;appearance:none;border-radius:0;margin-block:0}.ams-text-area::placeholder{color:var(--ams-text-area-placeholder-color);opacity:100%}.ams-text-area:disabled{color:var(--ams-text-area-disabled-color);cursor:var(--ams-text-area-disabled-cursor)}.ams-text-area:invalid,.ams-text-area[aria-invalid=true]{border-color:var(--ams-text-area-invalid-border-color)}.ams-text-area:invalid:hover,.ams-text-area[aria-invalid=true]:hover{border-color:var(--ams-text-area-invalid-hover-border-color);box-shadow:var(--ams-text-area-invalid-hover-box-shadow)}.ams-text-area:not(:disabled):hover{box-shadow:var(--ams-text-area-hover-box-shadow)}.ams-text-area--resize-none{resize:none}.ams-text-area--resize-horizontal{resize:inline}.ams-text-area--resize-vertical{resize:block}.ams-text-area--cols{inline-size:auto}/*# sourceMappingURL=text-area.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/text-area/text-area.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/text-area/text-area.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,eACE,uDACA,+CACA,+CACA,+CACA,sBACA,iCACA,6CACA,yCACA,6CACA,iBACA,6CACA,qBACA,mDACA,mDACA,iDACA,mDACA,0BCrBA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,gBACA,eA0BF,4BACE,6CACA,aAGF,wBACE,0CACA,4CAGF,yDAEE,uDAEA,qEACE,6DACA,yDAIJ,oCACE,iDAGF,4BACE,YAGF,kCACE,cAGF,gCACE,aAGF,qBACE","file":"text-area.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-text-input{background-color:var(--ams-text-input-background-color);
|
|
1
|
+
.ams-text-input{background-color:var(--ams-text-input-background-color);border-color:var(--ams-text-input-border-color);border-style:var(--ams-text-input-border-style);border-width:var(--ams-text-input-border-width);box-sizing:border-box;color:var(--ams-text-input-color);font-family:var(--ams-text-input-font-family);font-size:var(--ams-text-input-font-size);font-weight:var(--ams-text-input-font-weight);line-height:var(--ams-text-input-line-height);max-inline-size:100%;outline-offset:var(--ams-text-input-outline-offset);padding-block:var(--ams-text-input-padding-block);padding-inline:var(--ams-text-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;appearance:none;border-radius:0;margin-block:0}.ams-text-input:not([size]){inline-size:100%}.ams-text-input::placeholder{color:var(--ams-text-input-placeholder-color);opacity:100%}.ams-text-input:disabled{color:var(--ams-text-input-disabled-color);cursor:var(--ams-text-input-disabled-cursor)}.ams-text-input:invalid,.ams-text-input[aria-invalid=true]{border-color:var(--ams-text-input-invalid-border-color)}.ams-text-input:invalid:hover,.ams-text-input[aria-invalid=true]:hover{border-color:var(--ams-text-input-invalid-hover-border-color);box-shadow:var(--ams-text-input-invalid-hover-box-shadow)}.ams-text-input:not(:disabled):hover{box-shadow:var(--ams-text-input-hover-box-shadow)}/*# sourceMappingURL=text-input.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/text-input/text-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/text-input/text-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAcA,gBACE,wDACA,gDACA,gDACA,gDACA,sBACA,kCACA,8CACA,0CACA,8CACA,8CACA,qBACA,oDACA,kDACA,oDACA,0BCnBA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,gBACA,eAwBF,4BACE,iBAGF,6BACE,8CACA,aAGF,yBACE,2CACA,6CAGF,2DAEE,wDAEA,uEACE,8DACA,0DAIJ,qCACE","file":"text-input.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ams-time-input{background-color:var(--ams-time-input-background-color);
|
|
1
|
+
.ams-time-input{background-color:var(--ams-time-input-background-color);border-color:var(--ams-time-input-border-color);border-style:var(--ams-time-input-border-style);border-width:var(--ams-time-input-border-width);box-sizing:border-box;color:var(--ams-time-input-color);font-family:var(--ams-time-input-font-family);font-size:var(--ams-time-input-font-size);font-weight:var(--ams-time-input-font-weight);line-height:var(--ams-time-input-line-height);min-block-size:calc(var(--ams-time-input-font-size)*var(--ams-time-input-line-height) + 2*var(--ams-time-input-padding-block));min-inline-size:calc(4ch + 2*var(--ams-time-input-padding-inline));outline-offset:var(--ams-time-input-outline-offset);padding-block:var(--ams-time-input-padding-block);padding-inline:var(--ams-time-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;appearance:none;border-radius:0;inline-size:auto;margin-block:0}.ams-time-input::-webkit-calendar-picker-indicator{appearance:none;background-image:var(--ams-time-input-calender-picker-indicator-background-image);cursor:var(--ams-time-input-calender-picker-indicator-cursor)}.ams-time-input:hover::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-hover-calender-picker-indicator-background-image)}.ams-time-input:disabled{color:var(--ams-time-input-disabled-color);cursor:var(--ams-time-input-disabled-cursor)}.ams-time-input:disabled::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-disabled-calender-picker-indicator-background-image);visibility:visible}.ams-time-input:invalid,.ams-time-input[aria-invalid=true]{border-color:var(--ams-time-input-invalid-border-color)}.ams-time-input:invalid:hover,.ams-time-input[aria-invalid=true]:hover{border-color:var(--ams-time-input-invalid-hover-border-color);box-shadow:var(--ams-time-input-invalid-hover-box-shadow)}.ams-time-input:not(:disabled):hover{box-shadow:var(--ams-time-input-hover-box-shadow)}/*# sourceMappingURL=time-input.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/time-input/time-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/time-input/time-input.scss","../../src/common/text-rendering.scss"],"names":[],"mappings":"AAeA,gBACE,wDACA,gDACA,gDACA,gDACA,sBACA,kCACA,8CACA,0CACA,8CACA,8CAGA,+HAKA,mEACA,oDACA,kDACA,oDACA,0BC3BA,kCACA,2BACA,8BACA,sBDLA,wBACA,gBACA,gBACA,iBACA,eAgCF,mDACE,gBACA,kFACA,8DAGF,yDACE,wFAGF,yBACE,2CACA,6CAGF,4DACE,2FACA,mBAGF,2DAEE,wDAEA,uEACE,8DACA,0DAIJ,qCACE","file":"time-input.css"}
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.
|
|
2
|
+
"version": "1.0.0",
|
|
3
3
|
"author": "Design System Team, City of Amsterdam <designsystem@amsterdam.nl>",
|
|
4
4
|
"description": "Stylesheets for all components from the Amsterdam Design System and some general utilities. Use it to apply the visual design of the City of Amsterdam to your HTML elements or non-React components.",
|
|
5
5
|
"homepage": "https://designsystem.amsterdam",
|
|
@@ -19,11 +19,11 @@
|
|
|
19
19
|
"directory": "packages/css"
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
|
-
"sass": "1.
|
|
22
|
+
"sass": "1.89.0"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
|
-
"@amsterdam/design-system-tokens": "0.
|
|
26
|
-
"@amsterdam/design-system-assets": "0.
|
|
25
|
+
"@amsterdam/design-system-tokens": "1.0.0",
|
|
26
|
+
"@amsterdam/design-system-assets": "1.0.0"
|
|
27
27
|
},
|
|
28
28
|
"scripts": {
|
|
29
29
|
"build": "sass src/components:dist/ --style=compressed",
|
|
@@ -5,13 +5,10 @@
|
|
|
5
5
|
|
|
6
6
|
.ams-alert {
|
|
7
7
|
background-color: var(--ams-alert-background-color);
|
|
8
|
-
|
|
8
|
+
border-color: var(--ams-alert-border-color);
|
|
9
|
+
border-style: var(--ams-alert-border-style);
|
|
10
|
+
border-width: var(--ams-alert-border-width);
|
|
9
11
|
display: flex;
|
|
10
|
-
|
|
11
|
-
@media (forced-colors: active) {
|
|
12
|
-
border-style: solid;
|
|
13
|
-
border-width: var(--ams-alert-forced-colors-border-width);
|
|
14
|
-
}
|
|
15
12
|
}
|
|
16
13
|
|
|
17
14
|
.ams-alert__severity-indicator {
|
|
@@ -31,7 +28,7 @@
|
|
|
31
28
|
}
|
|
32
29
|
|
|
33
30
|
.ams-alert--error {
|
|
34
|
-
|
|
31
|
+
border-color: var(--ams-alert-error-border-color);
|
|
35
32
|
|
|
36
33
|
> .ams-alert__severity-indicator {
|
|
37
34
|
background-color: var(--ams-alert-error-severity-indicator-background-color);
|
|
@@ -39,7 +36,7 @@
|
|
|
39
36
|
}
|
|
40
37
|
|
|
41
38
|
.ams-alert--success {
|
|
42
|
-
|
|
39
|
+
border-color: var(--ams-alert-success-border-color);
|
|
43
40
|
|
|
44
41
|
> .ams-alert__severity-indicator {
|
|
45
42
|
background-color: var(--ams-alert-success-severity-indicator-background-color);
|
|
@@ -47,7 +44,7 @@
|
|
|
47
44
|
}
|
|
48
45
|
|
|
49
46
|
.ams-alert--warning {
|
|
50
|
-
|
|
47
|
+
border-color: var(--ams-alert-warning-border-color);
|
|
51
48
|
|
|
52
49
|
> .ams-alert__severity-indicator {
|
|
53
50
|
background-color: var(--ams-alert-warning-severity-indicator-background-color);
|
|
@@ -22,3 +22,4 @@ The class can be applied to any component or element.
|
|
|
22
22
|
|
|
23
23
|
- Apply one of these classes to an image, video or other media content to constrain its dimensions to one of the available aspect ratios.
|
|
24
24
|
- The default aspect ratio is 16:9.
|
|
25
|
+
- When using `width` and `height` attributes on an image (for example, when using the [Next Image component](https://nextjs.org/docs/app/api-reference/components/image)), the aspect ratio is determined by these values and will take precedence over the class. To correct this, use the class `ams-image`.
|
|
@@ -6,7 +6,10 @@
|
|
|
6
6
|
.ams-avatar {
|
|
7
7
|
aspect-ratio: var(--ams-avatar-aspect-ratio);
|
|
8
8
|
background-color: var(--ams-avatar-background-color);
|
|
9
|
+
border-color: var(--ams-avatar-border-color);
|
|
9
10
|
border-radius: 50%;
|
|
11
|
+
border-style: var(--ams-avatar-border-style);
|
|
12
|
+
border-width: var(--ams-avatar-border-width);
|
|
10
13
|
color: var(--ams-avatar-color);
|
|
11
14
|
display: inline-flex;
|
|
12
15
|
font-family: var(--ams-avatar-font-family);
|
|
@@ -22,17 +25,12 @@
|
|
|
22
25
|
}
|
|
23
26
|
}
|
|
24
27
|
|
|
25
|
-
.ams-avatar:not(.ams-avatar--has-image) {
|
|
26
|
-
@media (forced-colors: active) {
|
|
27
|
-
border-style: solid;
|
|
28
|
-
border-width: var(--ams-avatar-forced-colors-border-width);
|
|
29
|
-
padding-block: calc(var(--ams-avatar-padding-block) - var(--ams-avatar-forced-colors-border-width));
|
|
30
|
-
padding-inline: calc(var(--ams-avatar-padding-inline) - var(--ams-avatar-forced-colors-border-width));
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
28
|
.ams-avatar--has-image {
|
|
35
|
-
|
|
29
|
+
border: none;
|
|
30
|
+
inline-size: calc(
|
|
31
|
+
var(--ams-avatar-line-height) * var(--ams-avatar-font-size) + 2 * var(--ams-avatar-padding-inline) + 2 *
|
|
32
|
+
var(--ams-border-width-m)
|
|
33
|
+
);
|
|
36
34
|
overflow: hidden;
|
|
37
35
|
padding-block: 0;
|
|
38
36
|
padding-inline: 0;
|
|
@@ -41,30 +39,36 @@
|
|
|
41
39
|
|
|
42
40
|
.ams-avatar--azure {
|
|
43
41
|
background-color: var(--ams-avatar-azure-background-color);
|
|
42
|
+
border-color: var(--ams-avatar-azure-border-color);
|
|
44
43
|
color: var(--ams-avatar-azure-color);
|
|
45
44
|
}
|
|
46
45
|
|
|
47
46
|
.ams-avatar--green {
|
|
48
47
|
background-color: var(--ams-avatar-green-background-color);
|
|
48
|
+
border-color: var(--ams-avatar-green-border-color);
|
|
49
49
|
color: var(--ams-avatar-green-color);
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
.ams-avatar--lime {
|
|
53
53
|
background-color: var(--ams-avatar-lime-background-color);
|
|
54
|
+
border-color: var(--ams-avatar-lime-border-color);
|
|
54
55
|
color: var(--ams-avatar-lime-color);
|
|
55
56
|
}
|
|
56
57
|
|
|
57
58
|
.ams-avatar--magenta {
|
|
58
59
|
background-color: var(--ams-avatar-magenta-background-color);
|
|
60
|
+
border-color: var(--ams-avatar-magenta-border-color);
|
|
59
61
|
color: var(--ams-avatar-magenta-color);
|
|
60
62
|
}
|
|
61
63
|
|
|
62
64
|
.ams-avatar--orange {
|
|
63
65
|
background-color: var(--ams-avatar-orange-background-color);
|
|
66
|
+
border-color: var(--ams-avatar-orange-border-color);
|
|
64
67
|
color: var(--ams-avatar-orange-color);
|
|
65
68
|
}
|
|
66
69
|
|
|
67
70
|
.ams-avatar--yellow {
|
|
68
71
|
background-color: var(--ams-avatar-yellow-background-color);
|
|
72
|
+
border-color: var(--ams-avatar-yellow-border-color);
|
|
69
73
|
color: var(--ams-avatar-yellow-color);
|
|
70
74
|
}
|
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
# Button
|
|
4
4
|
|
|
5
|
-
Allows the user to perform
|
|
5
|
+
Allows the user to perform an action or operate the interface.
|
|
6
6
|
|
|
7
7
|
## Guidelines
|
|
8
8
|
|
|
9
|
-
-
|
|
10
|
-
- Use
|
|
11
|
-
- Make sure one can operate a button through a keyboard.
|
|
9
|
+
- Describe the Button’s function through a short label.
|
|
10
|
+
- Use only 1 primary Button per screen.
|
|
12
11
|
- Wrap 2 or more consecutive buttons and/or links in an [Action Group](https://designsystem.amsterdam/?path=/docs/components-layout-action-group--docs).
|
|
13
|
-
-
|
|
14
|
-
|
|
12
|
+
- Add `type="submit"` to make the Button submit a form.
|
|
13
|
+
- Do not use a Button to link to another page.
|
|
14
|
+
Use a [Standalone Link](https://designsystem.amsterdam/?path=/docs/components-navigation-standalone-link--docs) instead, or an inline [Link](https://designsystem.amsterdam/?path=/docs/components-navigation-link--docs) in the running text.
|
|
15
15
|
|
|
16
16
|
## Relevant WCAG requirements
|
|
17
17
|
|
|
@@ -15,6 +15,8 @@
|
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.ams-button {
|
|
18
|
+
border-style: var(--ams-button-border-style);
|
|
19
|
+
border-width: var(--ams-button-border-width);
|
|
18
20
|
cursor: var(--ams-button-cursor);
|
|
19
21
|
display: inline-flex;
|
|
20
22
|
font-family: var(--ams-button-font-family);
|
|
@@ -38,42 +40,29 @@
|
|
|
38
40
|
}
|
|
39
41
|
}
|
|
40
42
|
|
|
41
|
-
@mixin ams-button-forced-color-mode {
|
|
42
|
-
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
|
|
43
|
-
border: var(--ams-button-forced-color-mode-border); // add border because forced colors changes box-shadow to none
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
43
|
.ams-button--primary {
|
|
48
44
|
background-color: var(--ams-button-primary-background-color);
|
|
49
|
-
|
|
45
|
+
border-color: var(--ams-button-primary-border-color);
|
|
50
46
|
color: var(--ams-button-primary-color);
|
|
51
47
|
|
|
52
|
-
@include ams-button-forced-color-mode;
|
|
53
|
-
|
|
54
48
|
&:disabled,
|
|
55
49
|
[aria-disabled="true"] {
|
|
56
50
|
background-color: var(--ams-button-primary-disabled-background-color);
|
|
57
|
-
|
|
51
|
+
border-color: var(--ams-button-primary-disabled-border-color);
|
|
58
52
|
}
|
|
59
53
|
|
|
60
54
|
&:hover:not(:disabled, [aria-disabled="true"]) {
|
|
61
55
|
background-color: var(--ams-button-primary-hover-background-color);
|
|
62
|
-
|
|
56
|
+
border-color: var(--ams-button-primary-hover-border-color);
|
|
63
57
|
}
|
|
64
58
|
}
|
|
65
59
|
|
|
66
60
|
.ams-button--secondary {
|
|
67
61
|
background-color: var(--ams-button-secondary-background-color);
|
|
68
|
-
box-shadow: var(--ams-button-secondary-box-shadow);
|
|
69
62
|
color: var(--ams-button-secondary-color);
|
|
70
63
|
|
|
71
|
-
@include ams-button-forced-color-mode;
|
|
72
|
-
|
|
73
64
|
&:disabled,
|
|
74
65
|
[aria-disabled="true"] {
|
|
75
|
-
background-color: var(--ams-button-secondary-disabled-background-color);
|
|
76
|
-
box-shadow: var(--ams-button-secondary-disabled-box-shadow);
|
|
77
66
|
color: var(--ams-button-secondary-disabled-color);
|
|
78
67
|
}
|
|
79
68
|
|
|
@@ -85,16 +74,16 @@
|
|
|
85
74
|
|
|
86
75
|
.ams-button--tertiary {
|
|
87
76
|
background-color: var(--ams-button-tertiary-background-color);
|
|
77
|
+
border-color: var(--ams-button-tertiary-border-color);
|
|
88
78
|
color: var(--ams-button-tertiary-color);
|
|
89
79
|
|
|
90
80
|
&:disabled,
|
|
91
81
|
[aria-disabled="true"] {
|
|
92
|
-
background-color: var(--ams-button-tertiary-disabled-background-color);
|
|
93
82
|
color: var(--ams-button-tertiary-disabled-color);
|
|
94
83
|
}
|
|
95
84
|
|
|
96
85
|
&:hover:not(:disabled, [aria-disabled="true"]) {
|
|
97
|
-
|
|
86
|
+
border-color: var(--ams-button-tertiary-hover-border-color);
|
|
98
87
|
color: var(--ams-button-tertiary-hover-color);
|
|
99
88
|
}
|
|
100
89
|
}
|