@umbraco-ui/uui 2.0.0-rc.2 → 2.0.1

package/dist/styles/uui-text.styles.js

@@ -1,7 +1,8 @@
+import uui_text_default from "./uui-text.css.js";
 import { unsafeCSS } from "lit";
-import css from "./uui-text.css.js";
-const UUITextStyles = unsafeCSS(css);
-export {
-  UUITextStyles
-};
-//# sourceMappingURL=uui-text.styles.js.map
+//#region src/styles/uui-text.styles.ts
+var UUITextStyles = unsafeCSS(uui_text_default);
+//#endregion
+export { UUITextStyles };
+
+//# sourceMappingURL=uui-text.styles.js.map

package/dist/styles/uui-text.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"uui-text.styles.js","sources":["../../src/styles/uui-text.styles.ts"],"sourcesContent":["import { unsafeCSS } from 'lit';\nimport css from './uui-text.css?inline';\n\nexport const UUITextStyles = unsafeCSS(css);\n"],"names":[],"mappings":";;AAGO,MAAM,gBAAgB,UAAU,GAAG;"}
+{"version":3,"file":"uui-text.styles.js","names":[],"sources":["../../src/styles/uui-text.styles.ts"],"sourcesContent":["import { unsafeCSS } from 'lit';\nimport css from './uui-text.css?inline';\n\nexport const UUITextStyles = unsafeCSS(css);\n"],"mappings":";;;AAGA,IAAa,gBAAgB,UAAU,gBAAG"}

package/dist/themes/dark.css

@@ -1 +1 @@
-@font-face{font-family:Lato;src:local("LatoLatin Black"),local("LatoLatin-Black"),url(../assets/fonts/LatoLatin-Black.woff2) format("woff2");font-style:normal;font-display:swap;font-weight:900;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin BlackItalic"),local("LatoLatin-BlackItalic"),url(../assets/fonts/LatoLatin-BlackItalic.woff2) format("woff2");font-style:italic;font-weight:900;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin Bold"),local("LatoLatin-Bold"),url(../assets/fonts/LatoLatin-Bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin BoldItalic"),local("LatoLatin-BoldItalic"),url(../assets/fonts/LatoLatin-BoldItalic.woff2) format("woff2");font-style:italic;font-weight:700;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin Italic"),local("LatoLatin-Italic"),url(../assets/fonts/LatoLatin-Italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin Regular"),local("LatoLatin-Regular"),url(../assets/fonts/LatoLatin-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin Light"),local("LatoLatin-Light"),url(../assets/fonts/LatoLatin-Light.woff2) format("woff2");font-style:normal;font-weight:300;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin LightItalic"),local("LatoLatin-LightItalic"),url(../assets/fonts/LatoLatin-LightItalic.woff2) format("woff2");font-style:italic;font-weight:300;font-display:swap;text-rendering:optimizeLegibility}:root{--uui-size-1: 3px;--uui-size-2: 6px;--uui-size-3: 9px;--uui-size-4: 12px;--uui-size-5: 15px;--uui-size-6: 18px;--uui-size-7: 21px;--uui-size-8: 24px;--uui-size-9: 27px;--uui-size-10: 30px;--uui-size-11: 33px;--uui-size-12: 36px;--uui-size-14: 42px;--uui-size-16: 48px;--uui-size-20: 60px;--uui-size-22: 66px;--uui-size-24: 72px;--uui-size-28: 84px;--uui-size-32: 96px;--uui-size-36: 108px;--uui-size-40: 120px;--uui-size-44: 132px;--uui-size-46: 138px;--uui-size-48: 144px;--uui-size-52: 156px;--uui-size-56: 168px;--uui-size-60: 180px;--uui-size-64: 192px;--uui-size-72: 216px;--uui-size-80: 240px;--uui-size-96: 288px;--uui-size-100: 300px;--uui-size-space-1: 3px;--uui-size-space-2: 6px;--uui-size-space-3: 9px;--uui-size-space-4: 12px;--uui-size-space-5: 18px;--uui-size-space-6: 24px;--uui-size-layout-1: 24px;--uui-size-layout-2: 30px;--uui-size-layout-3: 42px;--uui-size-layout-4: 66px;--uui-size-layout-5: 96px;--uui-size-layout-6: 138px;--uui-border-radius: var(--uui-size-3);--uui-border-radius-1: var(--uui-size-2);--uui-border-radius-2: var(--uui-size-3);--uui-border-radius-3: var(--uui-size-5);--uui-type-default-size: 14px;--uui-type-small-size: 12px;--uui-type-h1-size: 60px;--uui-type-h2-size: 42px;--uui-type-h3-size: 30px;--uui-type-h4-size: 21px;--uui-type-h5-size: var(--uui-type-default-size);--uui-type-h6-size: var(--uui-type-small-size)}:root{--uui-shadow-depth-1: rgba(0, 0, 0, .1) 0px 1px 6px 0, rgba(0, 0, 0, .1) 0 0 1px 0;--uui-shadow-depth-2: rgba(0, 0, 0, .1) 0px 3px 12px 0, rgba(0, 0, 0, .1) 0 0 1px 0;--uui-shadow-depth-3: rgba(0, 0, 0, .1) 0px 6px 16px 0, rgba(0, 0, 0, .1) 0 0 2px 0;--uui-shadow-depth-4: rgba(0, 0, 0, .2) 0px 9px 20px 0, rgba(0, 0, 0, .18) 0 0 3px 0;--uui-shadow-depth-5: rgba(0, 0, 0, .3) 0px 12px 24px 0, rgba(0, 0, 0, .1) 0px 6px 16px 0, rgba(0, 0, 0, .1) 0 0 2px 0}:root{--uui-palette-deep-saffron: #f79c37;--uui-palette-deep-saffron-light: rgb(249, 181, 103);--uui-palette-deep-saffron-dark: rgb(222, 145, 56);--uui-palette-deep-saffron-dimmed: rgb(166, 150, 133);--uui-palette-sunglow: #fad634;--uui-palette-sunglow-light: rgb(251, 224, 101);--uui-palette-sunglow-dark: #a17700;--uui-palette-sunglow-dimmed: rgb(166, 160, 133);--uui-palette-spanish-pink: #ffe8e6;--uui-palette-spanish-pink-light: #ffeceb;--uui-palette-spanish-pink-dark: #ffe2e0;--uui-palette-spanish-pink-dimmed: #fae6e5;--uui-palette-gunmetal: #162335;--uui-palette-gunmetal-light: rgb(35, 55, 83);--uui-palette-gunmetal-dark: rgb(23, 27, 33);--uui-palette-gunmetal-dimmed: rgb(54, 54, 54);--uui-palette-space-cadet: #1b264f;--uui-palette-space-cadet-light: rgb(38, 53, 110);--uui-palette-space-cadet-dark: rgb(28, 35, 59);--uui-palette-space-cadet-dimmed: rgb(106, 117, 154);--uui-palette-violet-blue: #283a97;--uui-palette-violet-blue-light: #2d42ab;--uui-palette-violet-blue-dark: #25358b;--uui-palette-violet-blue-dimmed: #2c3669;--uui-palette-malibu: #3879ff;--uui-palette-malibu-light: rgb(97, 150, 255);--uui-palette-malibu-dark: rgb(56, 116, 235);--uui-palette-malibu-dimmed: rgb(115, 120, 130);--uui-palette-maroon-flush: #df2a5d;--uui-palette-maroon-flush-light: #ec275f;--uui-palette-maroon-flush-dark: rgb(174, 30, 71);--uui-palette-maroon-flush-dimmed: rgb(122, 98, 104);--uui-palette-jungle-green: #2bc37c;--uui-palette-jungle-green-light: rgb(58, 212, 140);--uui-palette-jungle-green-dark: rgb(43, 179, 115);--uui-palette-jungle-green-dimmed: rgb(102, 135, 120);--uui-palette-forest-green: #0b8152;--uui-palette-forest-green-light: rgb(13, 155, 98);--uui-palette-forest-green-dark: rgb(10, 115, 73);--uui-palette-forest-green-dimmed: rgb(46, 89, 72);--uui-palette-cocoa-black: #191715;--uui-palette-cocoa-black-light: rgb(39, 36, 32);--uui-palette-cocoa-black-dark: rgb(20, 20, 20);--uui-palette-cocoa-black-dimmed: rgb(48, 48, 48);--uui-palette-dune-black: #2e2b29;--uui-palette-dune-black-light: rgb(57, 53, 50);--uui-palette-dune-black-dark: rgb(38, 38, 38);--uui-palette-dune-black-dimmed: rgb(64, 64, 64);--uui-palette-cocoa-brown: #332a24;--uui-palette-cocoa-brown-light: rgb(66, 54, 47);--uui-palette-cocoa-brown-dark: rgb(38, 37, 36);--uui-palette-cocoa-brown-dimmed: rgb(43, 43, 43);--uui-palette-chamoisee: #9d8057;--uui-palette-chamoisee-light: rgb(175, 148, 110);--uui-palette-chamoisee-dark: rgb(138, 116, 87);--uui-palette-chamoisee-dimmed: rgb(115, 113, 110);--uui-palette-timberwolf: #e2dad4;--uui-palette-timberwolf-light: rgb(243, 239, 237);--uui-palette-timberwolf-dark: rgb(208, 208, 208);--uui-palette-timberwolf-dimmed: rgb(207, 207, 207);--uui-palette-gravel: #d8d7d9;--uui-palette-gravel-light: rgb(237, 237, 238);--uui-palette-gravel-dark: rgb(200, 200, 200);--uui-palette-gravel-dimmed: rgb(204, 204, 204);--uui-palette-sand: #f7f7f8;--uui-palette-sand-light: rgb(255, 255, 255);--uui-palette-sand-dark: rgb(226, 226, 226);--uui-palette-sand-dimmed: rgb(231, 231, 231);--uui-palette-white: #fefefe;--uui-palette-white-light: rgb(255, 255, 255);--uui-palette-white-dark: rgb(250, 250, 250);--uui-palette-white-dimmed: rgb(228, 228, 228);--uui-palette-black: #060606;--uui-palette-black-light: rgb(26, 26, 26);--uui-palette-black-dark: rgb(5, 5, 5);--uui-palette-black-dimmed: rgb(36, 36, 36);--uui-palette-grey: #c4c4c4;--uui-palette-grey-light: rgb(222, 222, 222);--uui-palette-grey-dark: rgb(179, 179, 179);--uui-palette-grey-dimmed: rgb(189, 189, 189);--uui-palette-dusty-grey: #9b9b9b;--uui-palette-dusty-grey-light: rgb(176, 176, 176);--uui-palette-dusty-grey-dark: rgb(141, 141, 141);--uui-palette-dusty-grey-dimmed: rgb(186, 186, 186);--uui-palette-mine-grey: #3e3e3e;--uui-palette-mine-grey-light: rgb(82, 82, 82);--uui-palette-mine-grey-dark: rgb(56, 56, 56);--uui-palette-mine-grey-dimmed: rgb(87, 87, 87)}:root{--uui-font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif}.uui-font{font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:calc(var(--uui-size-2) * 4);-webkit-font-smoothing:antialiased}.uui-h1,.uui-h2,.uui-h3,.uui-h4,.uui-h5,.uui-a,.uui-p,.uui-p-lead,.uui-small,.uui-quoteblock,.uui-ul,.uui-ol,.uui-text{font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:21px;-webkit-font-smoothing:antialiased}.uui-text h1,.uui-h1.uui-h1{font-size:var(--uui-type-h1-size);line-height:var(--uui-size-layout-4);font-weight:400;margin-left:-5px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text p+h1,.uui-text p+.uui-h1{margin-top:var(--uui-size-layout-4)}.uui-text h1.--no-top-margin,.uui-text h1:first-child,.uui-h1.--no-top-margin,.uui-h1:first-child{margin-top:0}.uui-text h2,.uui-h2.uui-h2{font-size:var(--uui-type-h2-size);line-height:var(--uui-size-layout-3);font-weight:400;margin-left:-3px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text p+h2,.uui-text p+.uui-h2{margin-top:var(--uui-size-layout-3)}.uui-text h2.--no-top-margin,.uui-text h2:first-child,.uui-h2.--no-top-margin,.uui-h2:first-child{margin-top:0}.uui-text h3,.uui-h3.uui-h3{font-size:var(--uui-type-h3-size);line-height:var(--uui-size-large);font-weight:400;margin-left:-2px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text h3.--no-top-margin,.uui-text h3:first-child,.uui-h3.--no-top-margin,.uui-h3:first-child{margin-top:0}.uui-text h4,.uui-h4.uui-h4{font-size:var(--uui-type-h4-size);line-height:21px;font-weight:400;margin-left:-1px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text h4.--no-top-margin,.uui-text h4:first-child,.uui-h4.--no-top-margin,.uui-h4:first-child{margin-top:0}.uui-text h5,.uui-h5.uui-h5{font-size:var(--uui-type-h5-size);line-height:inherit;font-weight:400;margin-left:0;margin-top:var(--uui-size-layout-1);margin-bottom:0}.uui-text h5.--no-top-margin,.uui-text h5:first-child,.uui-h5.--no-top-margin,.uui-h5:first-child{margin-top:0}.uui-p,.uui-text p{margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-p-lead,.uui-text p.uui-lead{font-size:var(--uui-size-6);line-height:var(--uui-size-8)}.uui-a,.uui-text a,.uui-a:link,.uui-a:active .uui-text a:link,.uui-text a:active{color:var(--uui-color-interactive)}.uui-a:hover,.uui-text a:hover{color:var(--uui-color-interactive-emphasis)}.uui-small,.uui-text small{display:inline-block;font-size:var(--uui-type-small-size);line-height:18px}.uui-quoteblock,.uui-text blockquote{float:right;font-size:14px;line-height:inherit;font-weight:400;font-style:italic;margin-top:0;margin-bottom:var(--uui-size-layout-1);margin-right:-.035em;max-width:16em;quotes:"“" "”" "‘" "’"}.uui-quoteblock:before,.uui-text blockquote:before{content:open-quote;margin-left:-.4em;margin-right:.08em;vertical-align:bottom;font-weight:400;font-size:2em}.uui-quoteblock:after,.uui-text blockquote:after{content:close-quote;margin-left:.04em;margin-right:-.4em;vertical-align:bottom;font-weight:400;font-size:2em;margin-bottom:-2px;display:inline-block}.uui-ul,.uui-text ul{list-style-type:square;padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-ol,.uui-text ol{padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}:root{--uui-color-selected: #316dca;--uui-color-selected-emphasis: #3e79d0;--uui-color-selected-standalone: #5b8dd7;--uui-color-selected-contrast: #eeeeef;--uui-color-current: #316dca;--uui-color-current-emphasis: #3e79d0;--uui-color-current-standalone: #5b8dd7;--uui-color-current-contrast: #eeeeef;--uui-color-header-surface: #21262e;--uui-color-header-contrast: #eeeeef;--uui-color-header-contrast-emphasis: #eeeeef;--uui-color-focus: #316dca;--uui-color-disabled: #434c56;--uui-color-disabled-standalone: #545d68;--uui-color-disabled-contrast: #fcfcfc4d;--uui-color-surface: #2d333b;--uui-color-surface-alt: #373e47;--uui-color-surface-emphasis: #333a42;--uui-color-background: #21262e;--uui-color-text: #eeeeef;--uui-color-text-alt: #eeeeef;--uui-color-interactive: #eeeeef;--uui-color-interactive-contrast: #21262e;--uui-color-interactive-emphasis: #eeeeef;--uui-color-border: #434c56;--uui-color-border-standalone: #545d68;--uui-color-border-emphasis: #626e7b;--uui-color-divider: #373e47;--uui-color-divider-standalone: #434c56;--uui-color-divider-emphasis: #545d68;--uui-color-default: #316dca;--uui-color-default-emphasis: #5387d5;--uui-color-default-standalone: #eeeeef;--uui-color-default-contrast: #eeeeef;--uui-color-warning: #af7c12;--uui-color-warning-emphasis: #af7c12;--uui-color-warning-standalone: #af7c12;--uui-color-warning-contrast: #eeeeef;--uui-color-danger: #ca3b37;--uui-color-danger-emphasis: #ca3b37;--uui-color-danger-standalone: #ca3b37;--uui-color-danger-contrast: #eeeeef;--uui-color-invalid: #ca3b37;--uui-color-invalid-emphasis: #ca3b37;--uui-color-invalid-standalone: #ca3b37;--uui-color-invalid-contrast: #eeeeef;--uui-color-positive: #347d39;--uui-color-positive-emphasis: #347d39;--uui-color-positive-standalone: #347d39;--uui-color-positive-contrast: #eeeeef;--uui-color-scheme: dark}
+@font-face{font-family:Lato;src:local(LatoLatin Black),local(LatoLatin-Black),url(../assets/fonts/LatoLatin-Black.woff2)format("woff2");font-style:normal;font-display:swap;font-weight:900}@font-face{font-family:Lato;src:local(LatoLatin BlackItalic),local(LatoLatin-BlackItalic),url(../assets/fonts/LatoLatin-BlackItalic.woff2)format("woff2");font-style:italic;font-weight:900;font-display:swap}@font-face{font-family:Lato;src:local(LatoLatin Bold),local(LatoLatin-Bold),url(../assets/fonts/LatoLatin-Bold.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Lato;src:local(LatoLatin BoldItalic),local(LatoLatin-BoldItalic),url(../assets/fonts/LatoLatin-BoldItalic.woff2)format("woff2");font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:Lato;src:local(LatoLatin Italic),local(LatoLatin-Italic),url(../assets/fonts/LatoLatin-Italic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Lato;src:local(LatoLatin Regular),local(LatoLatin-Regular),url(../assets/fonts/LatoLatin-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Lato;src:local(LatoLatin Light),local(LatoLatin-Light),url(../assets/fonts/LatoLatin-Light.woff2)format("woff2");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Lato;src:local(LatoLatin LightItalic),local(LatoLatin-LightItalic),url(../assets/fonts/LatoLatin-LightItalic.woff2)format("woff2");font-style:italic;font-weight:300;font-display:swap}:root{--uui-size-1:3px;--uui-size-2:6px;--uui-size-3:9px;--uui-size-4:12px;--uui-size-5:15px;--uui-size-6:18px;--uui-size-7:21px;--uui-size-8:24px;--uui-size-9:27px;--uui-size-10:30px;--uui-size-11:33px;--uui-size-12:36px;--uui-size-14:42px;--uui-size-16:48px;--uui-size-20:60px;--uui-size-22:66px;--uui-size-24:72px;--uui-size-28:84px;--uui-size-32:96px;--uui-size-36:108px;--uui-size-40:120px;--uui-size-44:132px;--uui-size-46:138px;--uui-size-48:144px;--uui-size-52:156px;--uui-size-56:168px;--uui-size-60:180px;--uui-size-64:192px;--uui-size-72:216px;--uui-size-80:240px;--uui-size-96:288px;--uui-size-100:300px;--uui-size-space-1:3px;--uui-size-space-2:6px;--uui-size-space-3:9px;--uui-size-space-4:12px;--uui-size-space-5:18px;--uui-size-space-6:24px;--uui-size-layout-1:24px;--uui-size-layout-2:30px;--uui-size-layout-3:42px;--uui-size-layout-4:66px;--uui-size-layout-5:96px;--uui-size-layout-6:138px;--uui-border-radius:var(--uui-size-3);--uui-border-radius-1:var(--uui-size-2);--uui-border-radius-2:var(--uui-size-3);--uui-border-radius-3:var(--uui-size-5);--uui-type-default-size:14px;--uui-type-small-size:12px;--uui-type-h1-size:60px;--uui-type-h2-size:42px;--uui-type-h3-size:30px;--uui-type-h4-size:21px;--uui-type-h5-size:var(--uui-type-default-size);--uui-type-h6-size:var(--uui-type-small-size);--uui-shadow-depth-1:#0000001a 0px 1px 6px 0, #0000001a 0 0 1px 0;--uui-shadow-depth-2:#0000001a 0px 3px 12px 0, #0000001a 0 0 1px 0;--uui-shadow-depth-3:#0000001a 0px 6px 16px 0, #0000001a 0 0 2px 0;--uui-shadow-depth-4:#0003 0px 9px 20px 0, #0000002e 0 0 3px 0;--uui-shadow-depth-5:#0000004d 0px 12px 24px 0, #0000001a 0px 6px 16px 0, #0000001a 0 0 2px 0;--uui-palette-deep-saffron:#f79c37;--uui-palette-deep-saffron-light:#f9b567;--uui-palette-deep-saffron-dark:#de9138;--uui-palette-deep-saffron-dimmed:#a69685;--uui-palette-sunglow:#fad634;--uui-palette-sunglow-light:#fbe065;--uui-palette-sunglow-dark:#a17700;--uui-palette-sunglow-dimmed:#a6a085;--uui-palette-spanish-pink:#ffe8e6;--uui-palette-spanish-pink-light:#ffeceb;--uui-palette-spanish-pink-dark:#ffe2e0;--uui-palette-spanish-pink-dimmed:#fae6e5;--uui-palette-gunmetal:#162335;--uui-palette-gunmetal-light:#233753;--uui-palette-gunmetal-dark:#171b21;--uui-palette-gunmetal-dimmed:#363636;--uui-palette-space-cadet:#1b264f;--uui-palette-space-cadet-light:#26356e;--uui-palette-space-cadet-dark:#1c233b;--uui-palette-space-cadet-dimmed:#6a759a;--uui-palette-violet-blue:#283a97;--uui-palette-violet-blue-light:#2d42ab;--uui-palette-violet-blue-dark:#25358b;--uui-palette-violet-blue-dimmed:#2c3669;--uui-palette-malibu:#3879ff;--uui-palette-malibu-light:#6196ff;--uui-palette-malibu-dark:#3874eb;--uui-palette-malibu-dimmed:#737882;--uui-palette-maroon-flush:#df2a5d;--uui-palette-maroon-flush-light:#ec275f;--uui-palette-maroon-flush-dark:#ae1e47;--uui-palette-maroon-flush-dimmed:#7a6268;--uui-palette-jungle-green:#2bc37c;--uui-palette-jungle-green-light:#3ad48c;--uui-palette-jungle-green-dark:#2bb373;--uui-palette-jungle-green-dimmed:#668778;--uui-palette-forest-green:#0b8152;--uui-palette-forest-green-light:#0d9b62;--uui-palette-forest-green-dark:#0a7349;--uui-palette-forest-green-dimmed:#2e5948;--uui-palette-cocoa-black:#191715;--uui-palette-cocoa-black-light:#272420;--uui-palette-cocoa-black-dark:#141414;--uui-palette-cocoa-black-dimmed:#303030;--uui-palette-dune-black:#2e2b29;--uui-palette-dune-black-light:#393532;--uui-palette-dune-black-dark:#262626;--uui-palette-dune-black-dimmed:#404040;--uui-palette-cocoa-brown:#332a24;--uui-palette-cocoa-brown-light:#42362f;--uui-palette-cocoa-brown-dark:#262524;--uui-palette-cocoa-brown-dimmed:#2b2b2b;--uui-palette-chamoisee:#9d8057;--uui-palette-chamoisee-light:#af946e;--uui-palette-chamoisee-dark:#8a7457;--uui-palette-chamoisee-dimmed:#73716e;--uui-palette-timberwolf:#e2dad4;--uui-palette-timberwolf-light:#f3efed;--uui-palette-timberwolf-dark:#d0d0d0;--uui-palette-timberwolf-dimmed:#cfcfcf;--uui-palette-gravel:#d8d7d9;--uui-palette-gravel-light:#ededee;--uui-palette-gravel-dark:#c8c8c8;--uui-palette-gravel-dimmed:#ccc;--uui-palette-sand:#f7f7f8;--uui-palette-sand-light:#fff;--uui-palette-sand-dark:#e2e2e2;--uui-palette-sand-dimmed:#e7e7e7;--uui-palette-white:#fefefe;--uui-palette-white-light:#fff;--uui-palette-white-dark:#fafafa;--uui-palette-white-dimmed:#e4e4e4;--uui-palette-black:#060606;--uui-palette-black-light:#1a1a1a;--uui-palette-black-dark:#050505;--uui-palette-black-dimmed:#242424;--uui-palette-grey:#c4c4c4;--uui-palette-grey-light:#dedede;--uui-palette-grey-dark:#b3b3b3;--uui-palette-grey-dimmed:#bdbdbd;--uui-palette-dusty-grey:#9b9b9b;--uui-palette-dusty-grey-light:#b0b0b0;--uui-palette-dusty-grey-dark:#8d8d8d;--uui-palette-dusty-grey-dimmed:#bababa;--uui-palette-mine-grey:#3e3e3e;--uui-palette-mine-grey-light:#525252;--uui-palette-mine-grey-dark:#383838;--uui-palette-mine-grey-dimmed:#575757;--uui-font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif}.uui-font{font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:calc(var(--uui-size-2) * 4);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.uui-h1,.uui-h2,.uui-h3,.uui-h4,.uui-h5,.uui-a,.uui-p,.uui-p-lead,.uui-small,.uui-quoteblock,.uui-ul,.uui-ol,.uui-text{-webkit-font-smoothing:antialiased;font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:21px}.uui-text h1,.uui-h1.uui-h1{font-size:var(--uui-type-h1-size);line-height:var(--uui-size-layout-4);margin-left:-5px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);font-weight:400}.uui-text p+h1,.uui-text p+.uui-h1{margin-top:var(--uui-size-layout-4)}.uui-text h1.--no-top-margin,.uui-text h1:first-child,.uui-h1.--no-top-margin,.uui-h1:first-child{margin-top:0}.uui-text h2,.uui-h2.uui-h2{font-size:var(--uui-type-h2-size);line-height:var(--uui-size-layout-3);margin-left:-3px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);font-weight:400}.uui-text p+h2,.uui-text p+.uui-h2{margin-top:var(--uui-size-layout-3)}.uui-text h2.--no-top-margin,.uui-text h2:first-child,.uui-h2.--no-top-margin,.uui-h2:first-child{margin-top:0}.uui-text h3,.uui-h3.uui-h3{font-size:var(--uui-type-h3-size);line-height:var(--uui-size-large);margin-left:-2px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);font-weight:400}.uui-text h3.--no-top-margin,.uui-text h3:first-child,.uui-h3.--no-top-margin,.uui-h3:first-child{margin-top:0}.uui-text h4,.uui-h4.uui-h4{font-size:var(--uui-type-h4-size);margin-left:-1px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);font-weight:400;line-height:21px}.uui-text h4.--no-top-margin,.uui-text h4:first-child,.uui-h4.--no-top-margin,.uui-h4:first-child{margin-top:0}.uui-text h5,.uui-h5.uui-h5{font-size:var(--uui-type-h5-size);line-height:inherit;margin-left:0;margin-top:var(--uui-size-layout-1);margin-bottom:0;font-weight:400}.uui-text h5.--no-top-margin,.uui-text h5:first-child,.uui-h5.--no-top-margin,.uui-h5:first-child{margin-top:0}.uui-p,.uui-text p{margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-p-lead,.uui-text p.uui-lead{font-size:var(--uui-size-6);line-height:var(--uui-size-8)}.uui-a,.uui-text a,.uui-a:link,.uui-a:active .uui-text a:link,.uui-text a:active{color:var(--uui-color-interactive)}.uui-a:hover,.uui-text a:hover{color:var(--uui-color-interactive-emphasis)}.uui-small,.uui-text small{font-size:var(--uui-type-small-size);line-height:18px;display:inline-block}.uui-quoteblock,.uui-text blockquote{float:right;font-size:14px;line-height:inherit;margin-top:0;margin-bottom:var(--uui-size-layout-1);quotes:"“" "”" "‘" "’";max-width:16em;margin-right:-.035em;font-style:italic;font-weight:400}.uui-quoteblock:before,.uui-text blockquote:before{content:open-quote;vertical-align:bottom;margin-left:-.4em;margin-right:.08em;font-size:2em;font-weight:400}.uui-quoteblock:after,.uui-text blockquote:after{content:close-quote;vertical-align:bottom;margin-bottom:-2px;margin-left:.04em;margin-right:-.4em;font-size:2em;font-weight:400;display:inline-block}.uui-ul,.uui-text ul{padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);list-style-type:square}.uui-ol,.uui-text ol{padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}:root{--uui-color-selected:#316dca;--uui-color-selected-emphasis:#3e79d0;--uui-color-selected-standalone:#5b8dd7;--uui-color-selected-contrast:#eeeeef;--uui-color-current:#316dca;--uui-color-current-emphasis:#3e79d0;--uui-color-current-standalone:#5b8dd7;--uui-color-current-contrast:#eeeeef;--uui-color-header-surface:#21262e;--uui-color-header-contrast:#eeeeef;--uui-color-header-contrast-emphasis:#eeeeef;--uui-color-focus:#316dca;--uui-color-disabled:#434c56;--uui-color-disabled-standalone:#545d68;--uui-color-disabled-contrast:#fcfcfc4d;--uui-color-surface:#2d333b;--uui-color-surface-alt:#373e47;--uui-color-surface-emphasis:#333a42;--uui-color-background:#21262e;--uui-color-text:#eeeeef;--uui-color-text-alt:#eeeeef;--uui-color-interactive:#eeeeef;--uui-color-interactive-contrast:#21262e;--uui-color-interactive-emphasis:#eeeeef;--uui-color-border:#434c56;--uui-color-border-standalone:#545d68;--uui-color-border-emphasis:#626e7b;--uui-color-divider:#373e47;--uui-color-divider-standalone:#434c56;--uui-color-divider-emphasis:#545d68;--uui-color-default:#316dca;--uui-color-default-emphasis:#5387d5;--uui-color-default-standalone:#eeeeef;--uui-color-default-contrast:#eeeeef;--uui-color-warning:#af7c12;--uui-color-warning-emphasis:#af7c12;--uui-color-warning-standalone:#af7c12;--uui-color-warning-contrast:#eeeeef;--uui-color-danger:#ca3b37;--uui-color-danger-emphasis:#ca3b37;--uui-color-danger-standalone:#ca3b37;--uui-color-danger-contrast:#eeeeef;--uui-color-invalid:#ca3b37;--uui-color-invalid-emphasis:#ca3b37;--uui-color-invalid-standalone:#ca3b37;--uui-color-invalid-contrast:#eeeeef;--uui-color-positive:#347d39;--uui-color-positive-emphasis:#347d39;--uui-color-positive-standalone:#347d39;--uui-color-positive-contrast:#eeeeef;--uui-color-scheme:dark}

package/dist/themes/high-contrast.css

@@ -1 +1 @@
-@font-face{font-family:Lato;src:local("LatoLatin Black"),local("LatoLatin-Black"),url(../assets/fonts/LatoLatin-Black.woff2) format("woff2");font-style:normal;font-display:swap;font-weight:900;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin BlackItalic"),local("LatoLatin-BlackItalic"),url(../assets/fonts/LatoLatin-BlackItalic.woff2) format("woff2");font-style:italic;font-weight:900;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin Bold"),local("LatoLatin-Bold"),url(../assets/fonts/LatoLatin-Bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin BoldItalic"),local("LatoLatin-BoldItalic"),url(../assets/fonts/LatoLatin-BoldItalic.woff2) format("woff2");font-style:italic;font-weight:700;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin Italic"),local("LatoLatin-Italic"),url(../assets/fonts/LatoLatin-Italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin Regular"),local("LatoLatin-Regular"),url(../assets/fonts/LatoLatin-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin Light"),local("LatoLatin-Light"),url(../assets/fonts/LatoLatin-Light.woff2) format("woff2");font-style:normal;font-weight:300;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin LightItalic"),local("LatoLatin-LightItalic"),url(../assets/fonts/LatoLatin-LightItalic.woff2) format("woff2");font-style:italic;font-weight:300;font-display:swap;text-rendering:optimizeLegibility}:root{--uui-size-1: 3px;--uui-size-2: 6px;--uui-size-3: 9px;--uui-size-4: 12px;--uui-size-5: 15px;--uui-size-6: 18px;--uui-size-7: 21px;--uui-size-8: 24px;--uui-size-9: 27px;--uui-size-10: 30px;--uui-size-11: 33px;--uui-size-12: 36px;--uui-size-14: 42px;--uui-size-16: 48px;--uui-size-20: 60px;--uui-size-22: 66px;--uui-size-24: 72px;--uui-size-28: 84px;--uui-size-32: 96px;--uui-size-36: 108px;--uui-size-40: 120px;--uui-size-44: 132px;--uui-size-46: 138px;--uui-size-48: 144px;--uui-size-52: 156px;--uui-size-56: 168px;--uui-size-60: 180px;--uui-size-64: 192px;--uui-size-72: 216px;--uui-size-80: 240px;--uui-size-96: 288px;--uui-size-100: 300px;--uui-size-space-1: 3px;--uui-size-space-2: 6px;--uui-size-space-3: 9px;--uui-size-space-4: 12px;--uui-size-space-5: 18px;--uui-size-space-6: 24px;--uui-size-layout-1: 24px;--uui-size-layout-2: 30px;--uui-size-layout-3: 42px;--uui-size-layout-4: 66px;--uui-size-layout-5: 96px;--uui-size-layout-6: 138px;--uui-border-radius: var(--uui-size-3);--uui-border-radius-1: var(--uui-size-2);--uui-border-radius-2: var(--uui-size-3);--uui-border-radius-3: var(--uui-size-5);--uui-type-default-size: 14px;--uui-type-small-size: 12px;--uui-type-h1-size: 60px;--uui-type-h2-size: 42px;--uui-type-h3-size: 30px;--uui-type-h4-size: 21px;--uui-type-h5-size: var(--uui-type-default-size);--uui-type-h6-size: var(--uui-type-small-size)}:root{--uui-shadow-depth-1: rgba(0, 0, 0, .1) 0px 1px 6px 0, rgba(0, 0, 0, .1) 0 0 1px 0;--uui-shadow-depth-2: rgba(0, 0, 0, .1) 0px 3px 12px 0, rgba(0, 0, 0, .1) 0 0 1px 0;--uui-shadow-depth-3: rgba(0, 0, 0, .1) 0px 6px 16px 0, rgba(0, 0, 0, .1) 0 0 2px 0;--uui-shadow-depth-4: rgba(0, 0, 0, .2) 0px 9px 20px 0, rgba(0, 0, 0, .18) 0 0 3px 0;--uui-shadow-depth-5: rgba(0, 0, 0, .3) 0px 12px 24px 0, rgba(0, 0, 0, .1) 0px 6px 16px 0, rgba(0, 0, 0, .1) 0 0 2px 0}:root{--uui-palette-deep-saffron: #f79c37;--uui-palette-deep-saffron-light: rgb(249, 181, 103);--uui-palette-deep-saffron-dark: rgb(222, 145, 56);--uui-palette-deep-saffron-dimmed: rgb(166, 150, 133);--uui-palette-sunglow: #fad634;--uui-palette-sunglow-light: rgb(251, 224, 101);--uui-palette-sunglow-dark: #a17700;--uui-palette-sunglow-dimmed: rgb(166, 160, 133);--uui-palette-spanish-pink: #ffe8e6;--uui-palette-spanish-pink-light: #ffeceb;--uui-palette-spanish-pink-dark: #ffe2e0;--uui-palette-spanish-pink-dimmed: #fae6e5;--uui-palette-gunmetal: #162335;--uui-palette-gunmetal-light: rgb(35, 55, 83);--uui-palette-gunmetal-dark: rgb(23, 27, 33);--uui-palette-gunmetal-dimmed: rgb(54, 54, 54);--uui-palette-space-cadet: #1b264f;--uui-palette-space-cadet-light: rgb(38, 53, 110);--uui-palette-space-cadet-dark: rgb(28, 35, 59);--uui-palette-space-cadet-dimmed: rgb(106, 117, 154);--uui-palette-violet-blue: #283a97;--uui-palette-violet-blue-light: #2d42ab;--uui-palette-violet-blue-dark: #25358b;--uui-palette-violet-blue-dimmed: #2c3669;--uui-palette-malibu: #3879ff;--uui-palette-malibu-light: rgb(97, 150, 255);--uui-palette-malibu-dark: rgb(56, 116, 235);--uui-palette-malibu-dimmed: rgb(115, 120, 130);--uui-palette-maroon-flush: #df2a5d;--uui-palette-maroon-flush-light: #ec275f;--uui-palette-maroon-flush-dark: rgb(174, 30, 71);--uui-palette-maroon-flush-dimmed: rgb(122, 98, 104);--uui-palette-jungle-green: #2bc37c;--uui-palette-jungle-green-light: rgb(58, 212, 140);--uui-palette-jungle-green-dark: rgb(43, 179, 115);--uui-palette-jungle-green-dimmed: rgb(102, 135, 120);--uui-palette-forest-green: #0b8152;--uui-palette-forest-green-light: rgb(13, 155, 98);--uui-palette-forest-green-dark: rgb(10, 115, 73);--uui-palette-forest-green-dimmed: rgb(46, 89, 72);--uui-palette-cocoa-black: #191715;--uui-palette-cocoa-black-light: rgb(39, 36, 32);--uui-palette-cocoa-black-dark: rgb(20, 20, 20);--uui-palette-cocoa-black-dimmed: rgb(48, 48, 48);--uui-palette-dune-black: #2e2b29;--uui-palette-dune-black-light: rgb(57, 53, 50);--uui-palette-dune-black-dark: rgb(38, 38, 38);--uui-palette-dune-black-dimmed: rgb(64, 64, 64);--uui-palette-cocoa-brown: #332a24;--uui-palette-cocoa-brown-light: rgb(66, 54, 47);--uui-palette-cocoa-brown-dark: rgb(38, 37, 36);--uui-palette-cocoa-brown-dimmed: rgb(43, 43, 43);--uui-palette-chamoisee: #9d8057;--uui-palette-chamoisee-light: rgb(175, 148, 110);--uui-palette-chamoisee-dark: rgb(138, 116, 87);--uui-palette-chamoisee-dimmed: rgb(115, 113, 110);--uui-palette-timberwolf: #e2dad4;--uui-palette-timberwolf-light: rgb(243, 239, 237);--uui-palette-timberwolf-dark: rgb(208, 208, 208);--uui-palette-timberwolf-dimmed: rgb(207, 207, 207);--uui-palette-gravel: #d8d7d9;--uui-palette-gravel-light: rgb(237, 237, 238);--uui-palette-gravel-dark: rgb(200, 200, 200);--uui-palette-gravel-dimmed: rgb(204, 204, 204);--uui-palette-sand: #f7f7f8;--uui-palette-sand-light: rgb(255, 255, 255);--uui-palette-sand-dark: rgb(226, 226, 226);--uui-palette-sand-dimmed: rgb(231, 231, 231);--uui-palette-white: #fefefe;--uui-palette-white-light: rgb(255, 255, 255);--uui-palette-white-dark: rgb(250, 250, 250);--uui-palette-white-dimmed: rgb(228, 228, 228);--uui-palette-black: #060606;--uui-palette-black-light: rgb(26, 26, 26);--uui-palette-black-dark: rgb(5, 5, 5);--uui-palette-black-dimmed: rgb(36, 36, 36);--uui-palette-grey: #c4c4c4;--uui-palette-grey-light: rgb(222, 222, 222);--uui-palette-grey-dark: rgb(179, 179, 179);--uui-palette-grey-dimmed: rgb(189, 189, 189);--uui-palette-dusty-grey: #9b9b9b;--uui-palette-dusty-grey-light: rgb(176, 176, 176);--uui-palette-dusty-grey-dark: rgb(141, 141, 141);--uui-palette-dusty-grey-dimmed: rgb(186, 186, 186);--uui-palette-mine-grey: #3e3e3e;--uui-palette-mine-grey-light: rgb(82, 82, 82);--uui-palette-mine-grey-dark: rgb(56, 56, 56);--uui-palette-mine-grey-dimmed: rgb(87, 87, 87)}:root{--uui-font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif}.uui-font{font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:calc(var(--uui-size-2) * 4);-webkit-font-smoothing:antialiased}.uui-h1,.uui-h2,.uui-h3,.uui-h4,.uui-h5,.uui-a,.uui-p,.uui-p-lead,.uui-small,.uui-quoteblock,.uui-ul,.uui-ol,.uui-text{font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:21px;-webkit-font-smoothing:antialiased}.uui-text h1,.uui-h1.uui-h1{font-size:var(--uui-type-h1-size);line-height:var(--uui-size-layout-4);font-weight:400;margin-left:-5px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text p+h1,.uui-text p+.uui-h1{margin-top:var(--uui-size-layout-4)}.uui-text h1.--no-top-margin,.uui-text h1:first-child,.uui-h1.--no-top-margin,.uui-h1:first-child{margin-top:0}.uui-text h2,.uui-h2.uui-h2{font-size:var(--uui-type-h2-size);line-height:var(--uui-size-layout-3);font-weight:400;margin-left:-3px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text p+h2,.uui-text p+.uui-h2{margin-top:var(--uui-size-layout-3)}.uui-text h2.--no-top-margin,.uui-text h2:first-child,.uui-h2.--no-top-margin,.uui-h2:first-child{margin-top:0}.uui-text h3,.uui-h3.uui-h3{font-size:var(--uui-type-h3-size);line-height:var(--uui-size-large);font-weight:400;margin-left:-2px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text h3.--no-top-margin,.uui-text h3:first-child,.uui-h3.--no-top-margin,.uui-h3:first-child{margin-top:0}.uui-text h4,.uui-h4.uui-h4{font-size:var(--uui-type-h4-size);line-height:21px;font-weight:400;margin-left:-1px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text h4.--no-top-margin,.uui-text h4:first-child,.uui-h4.--no-top-margin,.uui-h4:first-child{margin-top:0}.uui-text h5,.uui-h5.uui-h5{font-size:var(--uui-type-h5-size);line-height:inherit;font-weight:400;margin-left:0;margin-top:var(--uui-size-layout-1);margin-bottom:0}.uui-text h5.--no-top-margin,.uui-text h5:first-child,.uui-h5.--no-top-margin,.uui-h5:first-child{margin-top:0}.uui-p,.uui-text p{margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-p-lead,.uui-text p.uui-lead{font-size:var(--uui-size-6);line-height:var(--uui-size-8)}.uui-a,.uui-text a,.uui-a:link,.uui-a:active .uui-text a:link,.uui-text a:active{color:var(--uui-color-interactive)}.uui-a:hover,.uui-text a:hover{color:var(--uui-color-interactive-emphasis)}.uui-small,.uui-text small{display:inline-block;font-size:var(--uui-type-small-size);line-height:18px}.uui-quoteblock,.uui-text blockquote{float:right;font-size:14px;line-height:inherit;font-weight:400;font-style:italic;margin-top:0;margin-bottom:var(--uui-size-layout-1);margin-right:-.035em;max-width:16em;quotes:"“" "”" "‘" "’"}.uui-quoteblock:before,.uui-text blockquote:before{content:open-quote;margin-left:-.4em;margin-right:.08em;vertical-align:bottom;font-weight:400;font-size:2em}.uui-quoteblock:after,.uui-text blockquote:after{content:close-quote;margin-left:.04em;margin-right:-.4em;vertical-align:bottom;font-weight:400;font-size:2em;margin-bottom:-2px;display:inline-block}.uui-ul,.uui-text ul{list-style-type:square;padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-ol,.uui-text ol{padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}:root{--uui-color-selected: var(--uui-palette-violet-blue);--uui-color-selected-emphasis: var(--uui-palette-violet-blue-light);--uui-color-selected-standalone: var(--uui-palette-violet-blue-dark);--uui-color-selected-contrast: #fff;--uui-color-current: var(--uui-palette-spanish-pink);--uui-color-current-emphasis: var(--uui-palette-spanish-pink-light);--uui-color-current-standalone: var(--uui-palette-spanish-pink-dark);--uui-color-current-contrast: var(--uui-palette-space-cadet);--uui-color-header-surface: var(--uui-palette-space-cadet);--uui-color-header-contrast: #fff;--uui-color-header-contrast-emphasis: #fff;--uui-color-focus: var(--uui-palette-malibu);--uui-color-disabled: var(--uui-palette-sand);--uui-color-disabled-standalone: var(--uui-palette-sand-dark);--uui-color-disabled-contrast: var(--uui-palette-grey);--uui-color-surface: #fff;--uui-color-surface-alt: #fff;--uui-color-surface-emphasis: #dadada;--uui-color-background: #fff;--uui-color-text: var(--uui-palette-black);--uui-color-text-alt: var(--uui-palette-dune-black);--uui-color-interactive: var(--uui-palette-space-cadet);--uui-color-interactive-contrast: #fff;--uui-color-interactive-emphasis: var(--uui-palette-violet-blue);--uui-color-border: #000;--uui-color-border-standalone: #000;--uui-color-border-emphasis: #000;--uui-color-divider: #000;--uui-color-divider-standalone: #000;--uui-color-divider-emphasis: #000;--uui-color-default: var(--uui-palette-space-cadet);--uui-color-default-emphasis: var(--uui-palette-violet-blue);--uui-color-default-standalone: var(--uui-palette-space-cadet-dark);--uui-color-default-contrast: #fff;--uui-color-warning: #ffd621;--uui-color-warning-emphasis: #ffdc41;--uui-color-warning-standalone: #ffdd43;--uui-color-warning-contrast: #000;--uui-color-danger: #c60239;--uui-color-danger-emphasis: #da114a;--uui-color-danger-standalone: #d0003b;--uui-color-danger-contrast: #fff;--uui-color-invalid: #c60239;--uui-color-invalid-emphasis: #da114a;--uui-color-invalid-standalone: #d0003b;--uui-color-invalid-contrast: #fff;--uui-color-positive: #0d8844;--uui-color-positive-emphasis: #159c52;--uui-color-positive-standalone: #1cae5e;--uui-color-positive-contrast: #fff;--uui-shadow-depth-1: 0 0 0px 1px #000;--uui-shadow-depth-2: 0 0 0px 1px #000;--uui-shadow-depth-3: 0 0 0px 1px #000;--uui-shadow-depth-4: 0 0 0px 1px #000;--uui-shadow-depth-5: 0 0 0px 1px #000}
+@font-face{font-family:Lato;src:local(LatoLatin Black),local(LatoLatin-Black),url(../assets/fonts/LatoLatin-Black.woff2)format("woff2");font-style:normal;font-display:swap;font-weight:900}@font-face{font-family:Lato;src:local(LatoLatin BlackItalic),local(LatoLatin-BlackItalic),url(../assets/fonts/LatoLatin-BlackItalic.woff2)format("woff2");font-style:italic;font-weight:900;font-display:swap}@font-face{font-family:Lato;src:local(LatoLatin Bold),local(LatoLatin-Bold),url(../assets/fonts/LatoLatin-Bold.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Lato;src:local(LatoLatin BoldItalic),local(LatoLatin-BoldItalic),url(../assets/fonts/LatoLatin-BoldItalic.woff2)format("woff2");font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:Lato;src:local(LatoLatin Italic),local(LatoLatin-Italic),url(../assets/fonts/LatoLatin-Italic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Lato;src:local(LatoLatin Regular),local(LatoLatin-Regular),url(../assets/fonts/LatoLatin-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Lato;src:local(LatoLatin Light),local(LatoLatin-Light),url(../assets/fonts/LatoLatin-Light.woff2)format("woff2");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Lato;src:local(LatoLatin LightItalic),local(LatoLatin-LightItalic),url(../assets/fonts/LatoLatin-LightItalic.woff2)format("woff2");font-style:italic;font-weight:300;font-display:swap}:root{--uui-size-1:3px;--uui-size-2:6px;--uui-size-3:9px;--uui-size-4:12px;--uui-size-5:15px;--uui-size-6:18px;--uui-size-7:21px;--uui-size-8:24px;--uui-size-9:27px;--uui-size-10:30px;--uui-size-11:33px;--uui-size-12:36px;--uui-size-14:42px;--uui-size-16:48px;--uui-size-20:60px;--uui-size-22:66px;--uui-size-24:72px;--uui-size-28:84px;--uui-size-32:96px;--uui-size-36:108px;--uui-size-40:120px;--uui-size-44:132px;--uui-size-46:138px;--uui-size-48:144px;--uui-size-52:156px;--uui-size-56:168px;--uui-size-60:180px;--uui-size-64:192px;--uui-size-72:216px;--uui-size-80:240px;--uui-size-96:288px;--uui-size-100:300px;--uui-size-space-1:3px;--uui-size-space-2:6px;--uui-size-space-3:9px;--uui-size-space-4:12px;--uui-size-space-5:18px;--uui-size-space-6:24px;--uui-size-layout-1:24px;--uui-size-layout-2:30px;--uui-size-layout-3:42px;--uui-size-layout-4:66px;--uui-size-layout-5:96px;--uui-size-layout-6:138px;--uui-border-radius:var(--uui-size-3);--uui-border-radius-1:var(--uui-size-2);--uui-border-radius-2:var(--uui-size-3);--uui-border-radius-3:var(--uui-size-5);--uui-type-default-size:14px;--uui-type-small-size:12px;--uui-type-h1-size:60px;--uui-type-h2-size:42px;--uui-type-h3-size:30px;--uui-type-h4-size:21px;--uui-type-h5-size:var(--uui-type-default-size);--uui-type-h6-size:var(--uui-type-small-size);--uui-shadow-depth-1:#0000001a 0px 1px 6px 0, #0000001a 0 0 1px 0;--uui-shadow-depth-2:#0000001a 0px 3px 12px 0, #0000001a 0 0 1px 0;--uui-shadow-depth-3:#0000001a 0px 6px 16px 0, #0000001a 0 0 2px 0;--uui-shadow-depth-4:#0003 0px 9px 20px 0, #0000002e 0 0 3px 0;--uui-shadow-depth-5:#0000004d 0px 12px 24px 0, #0000001a 0px 6px 16px 0, #0000001a 0 0 2px 0;--uui-palette-deep-saffron:#f79c37;--uui-palette-deep-saffron-light:#f9b567;--uui-palette-deep-saffron-dark:#de9138;--uui-palette-deep-saffron-dimmed:#a69685;--uui-palette-sunglow:#fad634;--uui-palette-sunglow-light:#fbe065;--uui-palette-sunglow-dark:#a17700;--uui-palette-sunglow-dimmed:#a6a085;--uui-palette-spanish-pink:#ffe8e6;--uui-palette-spanish-pink-light:#ffeceb;--uui-palette-spanish-pink-dark:#ffe2e0;--uui-palette-spanish-pink-dimmed:#fae6e5;--uui-palette-gunmetal:#162335;--uui-palette-gunmetal-light:#233753;--uui-palette-gunmetal-dark:#171b21;--uui-palette-gunmetal-dimmed:#363636;--uui-palette-space-cadet:#1b264f;--uui-palette-space-cadet-light:#26356e;--uui-palette-space-cadet-dark:#1c233b;--uui-palette-space-cadet-dimmed:#6a759a;--uui-palette-violet-blue:#283a97;--uui-palette-violet-blue-light:#2d42ab;--uui-palette-violet-blue-dark:#25358b;--uui-palette-violet-blue-dimmed:#2c3669;--uui-palette-malibu:#3879ff;--uui-palette-malibu-light:#6196ff;--uui-palette-malibu-dark:#3874eb;--uui-palette-malibu-dimmed:#737882;--uui-palette-maroon-flush:#df2a5d;--uui-palette-maroon-flush-light:#ec275f;--uui-palette-maroon-flush-dark:#ae1e47;--uui-palette-maroon-flush-dimmed:#7a6268;--uui-palette-jungle-green:#2bc37c;--uui-palette-jungle-green-light:#3ad48c;--uui-palette-jungle-green-dark:#2bb373;--uui-palette-jungle-green-dimmed:#668778;--uui-palette-forest-green:#0b8152;--uui-palette-forest-green-light:#0d9b62;--uui-palette-forest-green-dark:#0a7349;--uui-palette-forest-green-dimmed:#2e5948;--uui-palette-cocoa-black:#191715;--uui-palette-cocoa-black-light:#272420;--uui-palette-cocoa-black-dark:#141414;--uui-palette-cocoa-black-dimmed:#303030;--uui-palette-dune-black:#2e2b29;--uui-palette-dune-black-light:#393532;--uui-palette-dune-black-dark:#262626;--uui-palette-dune-black-dimmed:#404040;--uui-palette-cocoa-brown:#332a24;--uui-palette-cocoa-brown-light:#42362f;--uui-palette-cocoa-brown-dark:#262524;--uui-palette-cocoa-brown-dimmed:#2b2b2b;--uui-palette-chamoisee:#9d8057;--uui-palette-chamoisee-light:#af946e;--uui-palette-chamoisee-dark:#8a7457;--uui-palette-chamoisee-dimmed:#73716e;--uui-palette-timberwolf:#e2dad4;--uui-palette-timberwolf-light:#f3efed;--uui-palette-timberwolf-dark:#d0d0d0;--uui-palette-timberwolf-dimmed:#cfcfcf;--uui-palette-gravel:#d8d7d9;--uui-palette-gravel-light:#ededee;--uui-palette-gravel-dark:#c8c8c8;--uui-palette-gravel-dimmed:#ccc;--uui-palette-sand:#f7f7f8;--uui-palette-sand-light:#fff;--uui-palette-sand-dark:#e2e2e2;--uui-palette-sand-dimmed:#e7e7e7;--uui-palette-white:#fefefe;--uui-palette-white-light:#fff;--uui-palette-white-dark:#fafafa;--uui-palette-white-dimmed:#e4e4e4;--uui-palette-black:#060606;--uui-palette-black-light:#1a1a1a;--uui-palette-black-dark:#050505;--uui-palette-black-dimmed:#242424;--uui-palette-grey:#c4c4c4;--uui-palette-grey-light:#dedede;--uui-palette-grey-dark:#b3b3b3;--uui-palette-grey-dimmed:#bdbdbd;--uui-palette-dusty-grey:#9b9b9b;--uui-palette-dusty-grey-light:#b0b0b0;--uui-palette-dusty-grey-dark:#8d8d8d;--uui-palette-dusty-grey-dimmed:#bababa;--uui-palette-mine-grey:#3e3e3e;--uui-palette-mine-grey-light:#525252;--uui-palette-mine-grey-dark:#383838;--uui-palette-mine-grey-dimmed:#575757;--uui-font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif}.uui-font{font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:calc(var(--uui-size-2) * 4);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.uui-h1,.uui-h2,.uui-h3,.uui-h4,.uui-h5,.uui-a,.uui-p,.uui-p-lead,.uui-small,.uui-quoteblock,.uui-ul,.uui-ol,.uui-text{-webkit-font-smoothing:antialiased;font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:21px}.uui-text h1,.uui-h1.uui-h1{font-size:var(--uui-type-h1-size);line-height:var(--uui-size-layout-4);margin-left:-5px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);font-weight:400}.uui-text p+h1,.uui-text p+.uui-h1{margin-top:var(--uui-size-layout-4)}.uui-text h1.--no-top-margin,.uui-text h1:first-child,.uui-h1.--no-top-margin,.uui-h1:first-child{margin-top:0}.uui-text h2,.uui-h2.uui-h2{font-size:var(--uui-type-h2-size);line-height:var(--uui-size-layout-3);margin-left:-3px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);font-weight:400}.uui-text p+h2,.uui-text p+.uui-h2{margin-top:var(--uui-size-layout-3)}.uui-text h2.--no-top-margin,.uui-text h2:first-child,.uui-h2.--no-top-margin,.uui-h2:first-child{margin-top:0}.uui-text h3,.uui-h3.uui-h3{font-size:var(--uui-type-h3-size);line-height:var(--uui-size-large);margin-left:-2px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);font-weight:400}.uui-text h3.--no-top-margin,.uui-text h3:first-child,.uui-h3.--no-top-margin,.uui-h3:first-child{margin-top:0}.uui-text h4,.uui-h4.uui-h4{font-size:var(--uui-type-h4-size);margin-left:-1px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);font-weight:400;line-height:21px}.uui-text h4.--no-top-margin,.uui-text h4:first-child,.uui-h4.--no-top-margin,.uui-h4:first-child{margin-top:0}.uui-text h5,.uui-h5.uui-h5{font-size:var(--uui-type-h5-size);line-height:inherit;margin-left:0;margin-top:var(--uui-size-layout-1);margin-bottom:0;font-weight:400}.uui-text h5.--no-top-margin,.uui-text h5:first-child,.uui-h5.--no-top-margin,.uui-h5:first-child{margin-top:0}.uui-p,.uui-text p{margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-p-lead,.uui-text p.uui-lead{font-size:var(--uui-size-6);line-height:var(--uui-size-8)}.uui-a,.uui-text a,.uui-a:link,.uui-a:active .uui-text a:link,.uui-text a:active{color:var(--uui-color-interactive)}.uui-a:hover,.uui-text a:hover{color:var(--uui-color-interactive-emphasis)}.uui-small,.uui-text small{font-size:var(--uui-type-small-size);line-height:18px;display:inline-block}.uui-quoteblock,.uui-text blockquote{float:right;font-size:14px;line-height:inherit;margin-top:0;margin-bottom:var(--uui-size-layout-1);quotes:"“" "”" "‘" "’";max-width:16em;margin-right:-.035em;font-style:italic;font-weight:400}.uui-quoteblock:before,.uui-text blockquote:before{content:open-quote;vertical-align:bottom;margin-left:-.4em;margin-right:.08em;font-size:2em;font-weight:400}.uui-quoteblock:after,.uui-text blockquote:after{content:close-quote;vertical-align:bottom;margin-bottom:-2px;margin-left:.04em;margin-right:-.4em;font-size:2em;font-weight:400;display:inline-block}.uui-ul,.uui-text ul{padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);list-style-type:square}.uui-ol,.uui-text ol{padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}:root{--uui-color-selected:var(--uui-palette-violet-blue);--uui-color-selected-emphasis:var(--uui-palette-violet-blue-light);--uui-color-selected-standalone:var(--uui-palette-violet-blue-dark);--uui-color-selected-contrast:#fff;--uui-color-current:var(--uui-palette-spanish-pink);--uui-color-current-emphasis:var(--uui-palette-spanish-pink-light);--uui-color-current-standalone:var(--uui-palette-spanish-pink-dark);--uui-color-current-contrast:var(--uui-palette-space-cadet);--uui-color-header-surface:var(--uui-palette-space-cadet);--uui-color-header-contrast:#fff;--uui-color-header-contrast-emphasis:#fff;--uui-color-focus:var(--uui-palette-malibu);--uui-color-disabled:var(--uui-palette-sand);--uui-color-disabled-standalone:var(--uui-palette-sand-dark);--uui-color-disabled-contrast:var(--uui-palette-grey);--uui-color-surface:#fff;--uui-color-surface-alt:#fff;--uui-color-surface-emphasis:#dadada;--uui-color-background:#fff;--uui-color-text:var(--uui-palette-black);--uui-color-text-alt:var(--uui-palette-dune-black);--uui-color-interactive:var(--uui-palette-space-cadet);--uui-color-interactive-contrast:#fff;--uui-color-interactive-emphasis:var(--uui-palette-violet-blue);--uui-color-border:#000;--uui-color-border-standalone:#000;--uui-color-border-emphasis:#000;--uui-color-divider:#000;--uui-color-divider-standalone:#000;--uui-color-divider-emphasis:#000;--uui-color-default:var(--uui-palette-space-cadet);--uui-color-default-emphasis:var(--uui-palette-violet-blue);--uui-color-default-standalone:var(--uui-palette-space-cadet-dark);--uui-color-default-contrast:#fff;--uui-color-warning:#ffd621;--uui-color-warning-emphasis:#ffdc41;--uui-color-warning-standalone:#ffdd43;--uui-color-warning-contrast:#000;--uui-color-danger:#c60239;--uui-color-danger-emphasis:#da114a;--uui-color-danger-standalone:#d0003b;--uui-color-danger-contrast:#fff;--uui-color-invalid:#c60239;--uui-color-invalid-emphasis:#da114a;--uui-color-invalid-standalone:#d0003b;--uui-color-invalid-contrast:#fff;--uui-color-positive:#0d8844;--uui-color-positive-emphasis:#159c52;--uui-color-positive-standalone:#1cae5e;--uui-color-positive-contrast:#fff;--uui-shadow-depth-1:0 0 0px 1px #000;--uui-shadow-depth-2:0 0 0px 1px #000;--uui-shadow-depth-3:0 0 0px 1px #000;--uui-shadow-depth-4:0 0 0px 1px #000;--uui-shadow-depth-5:0 0 0px 1px #000}

package/dist/themes/light.css

@@ -1 +1 @@
-@font-face{font-family:Lato;src:local("LatoLatin Black"),local("LatoLatin-Black"),url(../assets/fonts/LatoLatin-Black.woff2) format("woff2");font-style:normal;font-display:swap;font-weight:900;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin BlackItalic"),local("LatoLatin-BlackItalic"),url(../assets/fonts/LatoLatin-BlackItalic.woff2) format("woff2");font-style:italic;font-weight:900;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin Bold"),local("LatoLatin-Bold"),url(../assets/fonts/LatoLatin-Bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin BoldItalic"),local("LatoLatin-BoldItalic"),url(../assets/fonts/LatoLatin-BoldItalic.woff2) format("woff2");font-style:italic;font-weight:700;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin Italic"),local("LatoLatin-Italic"),url(../assets/fonts/LatoLatin-Italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin Regular"),local("LatoLatin-Regular"),url(../assets/fonts/LatoLatin-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin Light"),local("LatoLatin-Light"),url(../assets/fonts/LatoLatin-Light.woff2) format("woff2");font-style:normal;font-weight:300;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin LightItalic"),local("LatoLatin-LightItalic"),url(../assets/fonts/LatoLatin-LightItalic.woff2) format("woff2");font-style:italic;font-weight:300;font-display:swap;text-rendering:optimizeLegibility}:root{--uui-size-1: 3px;--uui-size-2: 6px;--uui-size-3: 9px;--uui-size-4: 12px;--uui-size-5: 15px;--uui-size-6: 18px;--uui-size-7: 21px;--uui-size-8: 24px;--uui-size-9: 27px;--uui-size-10: 30px;--uui-size-11: 33px;--uui-size-12: 36px;--uui-size-14: 42px;--uui-size-16: 48px;--uui-size-20: 60px;--uui-size-22: 66px;--uui-size-24: 72px;--uui-size-28: 84px;--uui-size-32: 96px;--uui-size-36: 108px;--uui-size-40: 120px;--uui-size-44: 132px;--uui-size-46: 138px;--uui-size-48: 144px;--uui-size-52: 156px;--uui-size-56: 168px;--uui-size-60: 180px;--uui-size-64: 192px;--uui-size-72: 216px;--uui-size-80: 240px;--uui-size-96: 288px;--uui-size-100: 300px;--uui-size-space-1: 3px;--uui-size-space-2: 6px;--uui-size-space-3: 9px;--uui-size-space-4: 12px;--uui-size-space-5: 18px;--uui-size-space-6: 24px;--uui-size-layout-1: 24px;--uui-size-layout-2: 30px;--uui-size-layout-3: 42px;--uui-size-layout-4: 66px;--uui-size-layout-5: 96px;--uui-size-layout-6: 138px;--uui-border-radius: var(--uui-size-3);--uui-border-radius-1: var(--uui-size-2);--uui-border-radius-2: var(--uui-size-3);--uui-border-radius-3: var(--uui-size-5);--uui-type-default-size: 14px;--uui-type-small-size: 12px;--uui-type-h1-size: 60px;--uui-type-h2-size: 42px;--uui-type-h3-size: 30px;--uui-type-h4-size: 21px;--uui-type-h5-size: var(--uui-type-default-size);--uui-type-h6-size: var(--uui-type-small-size)}:root{--uui-shadow-depth-1: rgba(0, 0, 0, .1) 0px 1px 6px 0, rgba(0, 0, 0, .1) 0 0 1px 0;--uui-shadow-depth-2: rgba(0, 0, 0, .1) 0px 3px 12px 0, rgba(0, 0, 0, .1) 0 0 1px 0;--uui-shadow-depth-3: rgba(0, 0, 0, .1) 0px 6px 16px 0, rgba(0, 0, 0, .1) 0 0 2px 0;--uui-shadow-depth-4: rgba(0, 0, 0, .2) 0px 9px 20px 0, rgba(0, 0, 0, .18) 0 0 3px 0;--uui-shadow-depth-5: rgba(0, 0, 0, .3) 0px 12px 24px 0, rgba(0, 0, 0, .1) 0px 6px 16px 0, rgba(0, 0, 0, .1) 0 0 2px 0}:root{--uui-palette-deep-saffron: #f79c37;--uui-palette-deep-saffron-light: rgb(249, 181, 103);--uui-palette-deep-saffron-dark: rgb(222, 145, 56);--uui-palette-deep-saffron-dimmed: rgb(166, 150, 133);--uui-palette-sunglow: #fad634;--uui-palette-sunglow-light: rgb(251, 224, 101);--uui-palette-sunglow-dark: #a17700;--uui-palette-sunglow-dimmed: rgb(166, 160, 133);--uui-palette-spanish-pink: #ffe8e6;--uui-palette-spanish-pink-light: #ffeceb;--uui-palette-spanish-pink-dark: #ffe2e0;--uui-palette-spanish-pink-dimmed: #fae6e5;--uui-palette-gunmetal: #162335;--uui-palette-gunmetal-light: rgb(35, 55, 83);--uui-palette-gunmetal-dark: rgb(23, 27, 33);--uui-palette-gunmetal-dimmed: rgb(54, 54, 54);--uui-palette-space-cadet: #1b264f;--uui-palette-space-cadet-light: rgb(38, 53, 110);--uui-palette-space-cadet-dark: rgb(28, 35, 59);--uui-palette-space-cadet-dimmed: rgb(106, 117, 154);--uui-palette-violet-blue: #283a97;--uui-palette-violet-blue-light: #2d42ab;--uui-palette-violet-blue-dark: #25358b;--uui-palette-violet-blue-dimmed: #2c3669;--uui-palette-malibu: #3879ff;--uui-palette-malibu-light: rgb(97, 150, 255);--uui-palette-malibu-dark: rgb(56, 116, 235);--uui-palette-malibu-dimmed: rgb(115, 120, 130);--uui-palette-maroon-flush: #df2a5d;--uui-palette-maroon-flush-light: #ec275f;--uui-palette-maroon-flush-dark: rgb(174, 30, 71);--uui-palette-maroon-flush-dimmed: rgb(122, 98, 104);--uui-palette-jungle-green: #2bc37c;--uui-palette-jungle-green-light: rgb(58, 212, 140);--uui-palette-jungle-green-dark: rgb(43, 179, 115);--uui-palette-jungle-green-dimmed: rgb(102, 135, 120);--uui-palette-forest-green: #0b8152;--uui-palette-forest-green-light: rgb(13, 155, 98);--uui-palette-forest-green-dark: rgb(10, 115, 73);--uui-palette-forest-green-dimmed: rgb(46, 89, 72);--uui-palette-cocoa-black: #191715;--uui-palette-cocoa-black-light: rgb(39, 36, 32);--uui-palette-cocoa-black-dark: rgb(20, 20, 20);--uui-palette-cocoa-black-dimmed: rgb(48, 48, 48);--uui-palette-dune-black: #2e2b29;--uui-palette-dune-black-light: rgb(57, 53, 50);--uui-palette-dune-black-dark: rgb(38, 38, 38);--uui-palette-dune-black-dimmed: rgb(64, 64, 64);--uui-palette-cocoa-brown: #332a24;--uui-palette-cocoa-brown-light: rgb(66, 54, 47);--uui-palette-cocoa-brown-dark: rgb(38, 37, 36);--uui-palette-cocoa-brown-dimmed: rgb(43, 43, 43);--uui-palette-chamoisee: #9d8057;--uui-palette-chamoisee-light: rgb(175, 148, 110);--uui-palette-chamoisee-dark: rgb(138, 116, 87);--uui-palette-chamoisee-dimmed: rgb(115, 113, 110);--uui-palette-timberwolf: #e2dad4;--uui-palette-timberwolf-light: rgb(243, 239, 237);--uui-palette-timberwolf-dark: rgb(208, 208, 208);--uui-palette-timberwolf-dimmed: rgb(207, 207, 207);--uui-palette-gravel: #d8d7d9;--uui-palette-gravel-light: rgb(237, 237, 238);--uui-palette-gravel-dark: rgb(200, 200, 200);--uui-palette-gravel-dimmed: rgb(204, 204, 204);--uui-palette-sand: #f7f7f8;--uui-palette-sand-light: rgb(255, 255, 255);--uui-palette-sand-dark: rgb(226, 226, 226);--uui-palette-sand-dimmed: rgb(231, 231, 231);--uui-palette-white: #fefefe;--uui-palette-white-light: rgb(255, 255, 255);--uui-palette-white-dark: rgb(250, 250, 250);--uui-palette-white-dimmed: rgb(228, 228, 228);--uui-palette-black: #060606;--uui-palette-black-light: rgb(26, 26, 26);--uui-palette-black-dark: rgb(5, 5, 5);--uui-palette-black-dimmed: rgb(36, 36, 36);--uui-palette-grey: #c4c4c4;--uui-palette-grey-light: rgb(222, 222, 222);--uui-palette-grey-dark: rgb(179, 179, 179);--uui-palette-grey-dimmed: rgb(189, 189, 189);--uui-palette-dusty-grey: #9b9b9b;--uui-palette-dusty-grey-light: rgb(176, 176, 176);--uui-palette-dusty-grey-dark: rgb(141, 141, 141);--uui-palette-dusty-grey-dimmed: rgb(186, 186, 186);--uui-palette-mine-grey: #3e3e3e;--uui-palette-mine-grey-light: rgb(82, 82, 82);--uui-palette-mine-grey-dark: rgb(56, 56, 56);--uui-palette-mine-grey-dimmed: rgb(87, 87, 87)}:root{--uui-font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif}.uui-font{font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:calc(var(--uui-size-2) * 4);-webkit-font-smoothing:antialiased}.uui-h1,.uui-h2,.uui-h3,.uui-h4,.uui-h5,.uui-a,.uui-p,.uui-p-lead,.uui-small,.uui-quoteblock,.uui-ul,.uui-ol,.uui-text{font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:21px;-webkit-font-smoothing:antialiased}.uui-text h1,.uui-h1.uui-h1{font-size:var(--uui-type-h1-size);line-height:var(--uui-size-layout-4);font-weight:400;margin-left:-5px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text p+h1,.uui-text p+.uui-h1{margin-top:var(--uui-size-layout-4)}.uui-text h1.--no-top-margin,.uui-text h1:first-child,.uui-h1.--no-top-margin,.uui-h1:first-child{margin-top:0}.uui-text h2,.uui-h2.uui-h2{font-size:var(--uui-type-h2-size);line-height:var(--uui-size-layout-3);font-weight:400;margin-left:-3px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text p+h2,.uui-text p+.uui-h2{margin-top:var(--uui-size-layout-3)}.uui-text h2.--no-top-margin,.uui-text h2:first-child,.uui-h2.--no-top-margin,.uui-h2:first-child{margin-top:0}.uui-text h3,.uui-h3.uui-h3{font-size:var(--uui-type-h3-size);line-height:var(--uui-size-large);font-weight:400;margin-left:-2px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text h3.--no-top-margin,.uui-text h3:first-child,.uui-h3.--no-top-margin,.uui-h3:first-child{margin-top:0}.uui-text h4,.uui-h4.uui-h4{font-size:var(--uui-type-h4-size);line-height:21px;font-weight:400;margin-left:-1px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text h4.--no-top-margin,.uui-text h4:first-child,.uui-h4.--no-top-margin,.uui-h4:first-child{margin-top:0}.uui-text h5,.uui-h5.uui-h5{font-size:var(--uui-type-h5-size);line-height:inherit;font-weight:400;margin-left:0;margin-top:var(--uui-size-layout-1);margin-bottom:0}.uui-text h5.--no-top-margin,.uui-text h5:first-child,.uui-h5.--no-top-margin,.uui-h5:first-child{margin-top:0}.uui-p,.uui-text p{margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-p-lead,.uui-text p.uui-lead{font-size:var(--uui-size-6);line-height:var(--uui-size-8)}.uui-a,.uui-text a,.uui-a:link,.uui-a:active .uui-text a:link,.uui-text a:active{color:var(--uui-color-interactive)}.uui-a:hover,.uui-text a:hover{color:var(--uui-color-interactive-emphasis)}.uui-small,.uui-text small{display:inline-block;font-size:var(--uui-type-small-size);line-height:18px}.uui-quoteblock,.uui-text blockquote{float:right;font-size:14px;line-height:inherit;font-weight:400;font-style:italic;margin-top:0;margin-bottom:var(--uui-size-layout-1);margin-right:-.035em;max-width:16em;quotes:"“" "”" "‘" "’"}.uui-quoteblock:before,.uui-text blockquote:before{content:open-quote;margin-left:-.4em;margin-right:.08em;vertical-align:bottom;font-weight:400;font-size:2em}.uui-quoteblock:after,.uui-text blockquote:after{content:close-quote;margin-left:.04em;margin-right:-.4em;vertical-align:bottom;font-weight:400;font-size:2em;margin-bottom:-2px;display:inline-block}.uui-ul,.uui-text ul{list-style-type:square;padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-ol,.uui-text ol{padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}:root{--uui-color-selected: var(--uui-palette-violet-blue);--uui-color-selected-emphasis: var(--uui-palette-violet-blue-light);--uui-color-selected-standalone: var(--uui-palette-violet-blue-dark);--uui-color-selected-contrast: #fff;--uui-color-current: var(--uui-palette-spanish-pink);--uui-color-current-emphasis: var(--uui-palette-spanish-pink-light);--uui-color-current-standalone: var(--uui-palette-spanish-pink-dark);--uui-color-current-contrast: var(--uui-palette-space-cadet);--uui-color-disabled: var(--uui-palette-sand);--uui-color-disabled-standalone: var(--uui-palette-sand-dark);--uui-color-disabled-contrast: var(--uui-palette-grey);--uui-color-header-surface: var(--uui-palette-space-cadet);--uui-color-header-contrast: rgba(255, 255, 255, .8);--uui-color-header-contrast-emphasis: #fff;--uui-color-focus: var(--uui-palette-malibu);--uui-color-surface: #fff;--uui-color-surface-alt: var(--uui-palette-sand);--uui-color-surface-emphasis: var(--uui-palette-white-dark);--uui-color-background: var(--uui-palette-sand);--uui-color-text: var(--uui-palette-black);--uui-color-text-alt: var(--uui-palette-dune-black);--uui-color-interactive: var(--uui-palette-space-cadet);--uui-color-interactive-emphasis: var(--uui-palette-violet-blue-light);--uui-color-interactive-contrast: #fff;--uui-color-border: #d8d7d9;--uui-color-border-standalone: #c2c2c2;--uui-color-border-emphasis: #a1a1a1;--uui-color-divider: #f6f6f7;--uui-color-divider-standalone: #e9e9eb;--uui-color-divider-emphasis: #bdbdbd;--uui-color-default: var(--uui-palette-violet-blue);--uui-color-default-emphasis: var(--uui-palette-violet-blue-light);--uui-color-default-standalone: var(--uui-palette-violet-blue-dark);--uui-color-default-contrast: #fff;--uui-color-warning: var(--uui-palette-sunglow);--uui-color-warning-emphasis: var(--uui-palette-sunglow-light);--uui-color-warning-standalone: var(--uui-palette-sunglow-dark);--uui-color-warning-contrast: #000;--uui-color-danger: var(--uui-palette-maroon-flush);--uui-color-danger-emphasis: var(--uui-palette-maroon-flush-light);--uui-color-danger-standalone: var(--uui-palette-maroon-flush-dark);--uui-color-danger-contrast: white;--uui-color-invalid: var(--uui-palette-maroon-flush);--uui-color-invalid-emphasis: var(--uui-palette-maroon-flush-light);--uui-color-invalid-standalone: var(--uui-palette-maroon-flush-dark);--uui-color-invalid-contrast: white;--uui-color-positive: var(--uui-palette-forest-green);--uui-color-positive-emphasis: var(--uui-palette-forest-green-light);--uui-color-positive-standalone: var(--uui-palette-forest-green-dark);--uui-color-positive-contrast: #fff}
+@font-face{font-family:Lato;src:local(LatoLatin Black),local(LatoLatin-Black),url(../assets/fonts/LatoLatin-Black.woff2)format("woff2");font-style:normal;font-display:swap;font-weight:900}@font-face{font-family:Lato;src:local(LatoLatin BlackItalic),local(LatoLatin-BlackItalic),url(../assets/fonts/LatoLatin-BlackItalic.woff2)format("woff2");font-style:italic;font-weight:900;font-display:swap}@font-face{font-family:Lato;src:local(LatoLatin Bold),local(LatoLatin-Bold),url(../assets/fonts/LatoLatin-Bold.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Lato;src:local(LatoLatin BoldItalic),local(LatoLatin-BoldItalic),url(../assets/fonts/LatoLatin-BoldItalic.woff2)format("woff2");font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:Lato;src:local(LatoLatin Italic),local(LatoLatin-Italic),url(../assets/fonts/LatoLatin-Italic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Lato;src:local(LatoLatin Regular),local(LatoLatin-Regular),url(../assets/fonts/LatoLatin-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Lato;src:local(LatoLatin Light),local(LatoLatin-Light),url(../assets/fonts/LatoLatin-Light.woff2)format("woff2");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Lato;src:local(LatoLatin LightItalic),local(LatoLatin-LightItalic),url(../assets/fonts/LatoLatin-LightItalic.woff2)format("woff2");font-style:italic;font-weight:300;font-display:swap}:root{--uui-size-1:3px;--uui-size-2:6px;--uui-size-3:9px;--uui-size-4:12px;--uui-size-5:15px;--uui-size-6:18px;--uui-size-7:21px;--uui-size-8:24px;--uui-size-9:27px;--uui-size-10:30px;--uui-size-11:33px;--uui-size-12:36px;--uui-size-14:42px;--uui-size-16:48px;--uui-size-20:60px;--uui-size-22:66px;--uui-size-24:72px;--uui-size-28:84px;--uui-size-32:96px;--uui-size-36:108px;--uui-size-40:120px;--uui-size-44:132px;--uui-size-46:138px;--uui-size-48:144px;--uui-size-52:156px;--uui-size-56:168px;--uui-size-60:180px;--uui-size-64:192px;--uui-size-72:216px;--uui-size-80:240px;--uui-size-96:288px;--uui-size-100:300px;--uui-size-space-1:3px;--uui-size-space-2:6px;--uui-size-space-3:9px;--uui-size-space-4:12px;--uui-size-space-5:18px;--uui-size-space-6:24px;--uui-size-layout-1:24px;--uui-size-layout-2:30px;--uui-size-layout-3:42px;--uui-size-layout-4:66px;--uui-size-layout-5:96px;--uui-size-layout-6:138px;--uui-border-radius:var(--uui-size-3);--uui-border-radius-1:var(--uui-size-2);--uui-border-radius-2:var(--uui-size-3);--uui-border-radius-3:var(--uui-size-5);--uui-type-default-size:14px;--uui-type-small-size:12px;--uui-type-h1-size:60px;--uui-type-h2-size:42px;--uui-type-h3-size:30px;--uui-type-h4-size:21px;--uui-type-h5-size:var(--uui-type-default-size);--uui-type-h6-size:var(--uui-type-small-size);--uui-shadow-depth-1:#0000001a 0px 1px 6px 0, #0000001a 0 0 1px 0;--uui-shadow-depth-2:#0000001a 0px 3px 12px 0, #0000001a 0 0 1px 0;--uui-shadow-depth-3:#0000001a 0px 6px 16px 0, #0000001a 0 0 2px 0;--uui-shadow-depth-4:#0003 0px 9px 20px 0, #0000002e 0 0 3px 0;--uui-shadow-depth-5:#0000004d 0px 12px 24px 0, #0000001a 0px 6px 16px 0, #0000001a 0 0 2px 0;--uui-palette-deep-saffron:#f79c37;--uui-palette-deep-saffron-light:#f9b567;--uui-palette-deep-saffron-dark:#de9138;--uui-palette-deep-saffron-dimmed:#a69685;--uui-palette-sunglow:#fad634;--uui-palette-sunglow-light:#fbe065;--uui-palette-sunglow-dark:#a17700;--uui-palette-sunglow-dimmed:#a6a085;--uui-palette-spanish-pink:#ffe8e6;--uui-palette-spanish-pink-light:#ffeceb;--uui-palette-spanish-pink-dark:#ffe2e0;--uui-palette-spanish-pink-dimmed:#fae6e5;--uui-palette-gunmetal:#162335;--uui-palette-gunmetal-light:#233753;--uui-palette-gunmetal-dark:#171b21;--uui-palette-gunmetal-dimmed:#363636;--uui-palette-space-cadet:#1b264f;--uui-palette-space-cadet-light:#26356e;--uui-palette-space-cadet-dark:#1c233b;--uui-palette-space-cadet-dimmed:#6a759a;--uui-palette-violet-blue:#283a97;--uui-palette-violet-blue-light:#2d42ab;--uui-palette-violet-blue-dark:#25358b;--uui-palette-violet-blue-dimmed:#2c3669;--uui-palette-malibu:#3879ff;--uui-palette-malibu-light:#6196ff;--uui-palette-malibu-dark:#3874eb;--uui-palette-malibu-dimmed:#737882;--uui-palette-maroon-flush:#df2a5d;--uui-palette-maroon-flush-light:#ec275f;--uui-palette-maroon-flush-dark:#ae1e47;--uui-palette-maroon-flush-dimmed:#7a6268;--uui-palette-jungle-green:#2bc37c;--uui-palette-jungle-green-light:#3ad48c;--uui-palette-jungle-green-dark:#2bb373;--uui-palette-jungle-green-dimmed:#668778;--uui-palette-forest-green:#0b8152;--uui-palette-forest-green-light:#0d9b62;--uui-palette-forest-green-dark:#0a7349;--uui-palette-forest-green-dimmed:#2e5948;--uui-palette-cocoa-black:#191715;--uui-palette-cocoa-black-light:#272420;--uui-palette-cocoa-black-dark:#141414;--uui-palette-cocoa-black-dimmed:#303030;--uui-palette-dune-black:#2e2b29;--uui-palette-dune-black-light:#393532;--uui-palette-dune-black-dark:#262626;--uui-palette-dune-black-dimmed:#404040;--uui-palette-cocoa-brown:#332a24;--uui-palette-cocoa-brown-light:#42362f;--uui-palette-cocoa-brown-dark:#262524;--uui-palette-cocoa-brown-dimmed:#2b2b2b;--uui-palette-chamoisee:#9d8057;--uui-palette-chamoisee-light:#af946e;--uui-palette-chamoisee-dark:#8a7457;--uui-palette-chamoisee-dimmed:#73716e;--uui-palette-timberwolf:#e2dad4;--uui-palette-timberwolf-light:#f3efed;--uui-palette-timberwolf-dark:#d0d0d0;--uui-palette-timberwolf-dimmed:#cfcfcf;--uui-palette-gravel:#d8d7d9;--uui-palette-gravel-light:#ededee;--uui-palette-gravel-dark:#c8c8c8;--uui-palette-gravel-dimmed:#ccc;--uui-palette-sand:#f7f7f8;--uui-palette-sand-light:#fff;--uui-palette-sand-dark:#e2e2e2;--uui-palette-sand-dimmed:#e7e7e7;--uui-palette-white:#fefefe;--uui-palette-white-light:#fff;--uui-palette-white-dark:#fafafa;--uui-palette-white-dimmed:#e4e4e4;--uui-palette-black:#060606;--uui-palette-black-light:#1a1a1a;--uui-palette-black-dark:#050505;--uui-palette-black-dimmed:#242424;--uui-palette-grey:#c4c4c4;--uui-palette-grey-light:#dedede;--uui-palette-grey-dark:#b3b3b3;--uui-palette-grey-dimmed:#bdbdbd;--uui-palette-dusty-grey:#9b9b9b;--uui-palette-dusty-grey-light:#b0b0b0;--uui-palette-dusty-grey-dark:#8d8d8d;--uui-palette-dusty-grey-dimmed:#bababa;--uui-palette-mine-grey:#3e3e3e;--uui-palette-mine-grey-light:#525252;--uui-palette-mine-grey-dark:#383838;--uui-palette-mine-grey-dimmed:#575757;--uui-font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif}.uui-font{font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:calc(var(--uui-size-2) * 4);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.uui-h1,.uui-h2,.uui-h3,.uui-h4,.uui-h5,.uui-a,.uui-p,.uui-p-lead,.uui-small,.uui-quoteblock,.uui-ul,.uui-ol,.uui-text{-webkit-font-smoothing:antialiased;font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:21px}.uui-text h1,.uui-h1.uui-h1{font-size:var(--uui-type-h1-size);line-height:var(--uui-size-layout-4);margin-left:-5px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);font-weight:400}.uui-text p+h1,.uui-text p+.uui-h1{margin-top:var(--uui-size-layout-4)}.uui-text h1.--no-top-margin,.uui-text h1:first-child,.uui-h1.--no-top-margin,.uui-h1:first-child{margin-top:0}.uui-text h2,.uui-h2.uui-h2{font-size:var(--uui-type-h2-size);line-height:var(--uui-size-layout-3);margin-left:-3px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);font-weight:400}.uui-text p+h2,.uui-text p+.uui-h2{margin-top:var(--uui-size-layout-3)}.uui-text h2.--no-top-margin,.uui-text h2:first-child,.uui-h2.--no-top-margin,.uui-h2:first-child{margin-top:0}.uui-text h3,.uui-h3.uui-h3{font-size:var(--uui-type-h3-size);line-height:var(--uui-size-large);margin-left:-2px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);font-weight:400}.uui-text h3.--no-top-margin,.uui-text h3:first-child,.uui-h3.--no-top-margin,.uui-h3:first-child{margin-top:0}.uui-text h4,.uui-h4.uui-h4{font-size:var(--uui-type-h4-size);margin-left:-1px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);font-weight:400;line-height:21px}.uui-text h4.--no-top-margin,.uui-text h4:first-child,.uui-h4.--no-top-margin,.uui-h4:first-child{margin-top:0}.uui-text h5,.uui-h5.uui-h5{font-size:var(--uui-type-h5-size);line-height:inherit;margin-left:0;margin-top:var(--uui-size-layout-1);margin-bottom:0;font-weight:400}.uui-text h5.--no-top-margin,.uui-text h5:first-child,.uui-h5.--no-top-margin,.uui-h5:first-child{margin-top:0}.uui-p,.uui-text p{margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-p-lead,.uui-text p.uui-lead{font-size:var(--uui-size-6);line-height:var(--uui-size-8)}.uui-a,.uui-text a,.uui-a:link,.uui-a:active .uui-text a:link,.uui-text a:active{color:var(--uui-color-interactive)}.uui-a:hover,.uui-text a:hover{color:var(--uui-color-interactive-emphasis)}.uui-small,.uui-text small{font-size:var(--uui-type-small-size);line-height:18px;display:inline-block}.uui-quoteblock,.uui-text blockquote{float:right;font-size:14px;line-height:inherit;margin-top:0;margin-bottom:var(--uui-size-layout-1);quotes:"“" "”" "‘" "’";max-width:16em;margin-right:-.035em;font-style:italic;font-weight:400}.uui-quoteblock:before,.uui-text blockquote:before{content:open-quote;vertical-align:bottom;margin-left:-.4em;margin-right:.08em;font-size:2em;font-weight:400}.uui-quoteblock:after,.uui-text blockquote:after{content:close-quote;vertical-align:bottom;margin-bottom:-2px;margin-left:.04em;margin-right:-.4em;font-size:2em;font-weight:400;display:inline-block}.uui-ul,.uui-text ul{padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);list-style-type:square}.uui-ol,.uui-text ol{padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}:root{--uui-color-selected:var(--uui-palette-violet-blue);--uui-color-selected-emphasis:var(--uui-palette-violet-blue-light);--uui-color-selected-standalone:var(--uui-palette-violet-blue-dark);--uui-color-selected-contrast:#fff;--uui-color-current:var(--uui-palette-spanish-pink);--uui-color-current-emphasis:var(--uui-palette-spanish-pink-light);--uui-color-current-standalone:var(--uui-palette-spanish-pink-dark);--uui-color-current-contrast:var(--uui-palette-space-cadet);--uui-color-disabled:var(--uui-palette-sand);--uui-color-disabled-standalone:var(--uui-palette-sand-dark);--uui-color-disabled-contrast:var(--uui-palette-grey);--uui-color-header-surface:var(--uui-palette-space-cadet);--uui-color-header-contrast:#fffc;--uui-color-header-contrast-emphasis:#fff;--uui-color-focus:var(--uui-palette-malibu);--uui-color-surface:#fff;--uui-color-surface-alt:var(--uui-palette-sand);--uui-color-surface-emphasis:var(--uui-palette-white-dark);--uui-color-background:var(--uui-palette-sand);--uui-color-text:var(--uui-palette-black);--uui-color-text-alt:var(--uui-palette-dune-black);--uui-color-interactive:var(--uui-palette-space-cadet);--uui-color-interactive-emphasis:var(--uui-palette-violet-blue-light);--uui-color-interactive-contrast:#fff;--uui-color-border:#d8d7d9;--uui-color-border-standalone:#c2c2c2;--uui-color-border-emphasis:#a1a1a1;--uui-color-divider:#f6f6f7;--uui-color-divider-standalone:#e9e9eb;--uui-color-divider-emphasis:#bdbdbd;--uui-color-default:var(--uui-palette-violet-blue);--uui-color-default-emphasis:var(--uui-palette-violet-blue-light);--uui-color-default-standalone:var(--uui-palette-violet-blue-dark);--uui-color-default-contrast:#fff;--uui-color-warning:var(--uui-palette-sunglow);--uui-color-warning-emphasis:var(--uui-palette-sunglow-light);--uui-color-warning-standalone:var(--uui-palette-sunglow-dark);--uui-color-warning-contrast:#000;--uui-color-danger:var(--uui-palette-maroon-flush);--uui-color-danger-emphasis:var(--uui-palette-maroon-flush-light);--uui-color-danger-standalone:var(--uui-palette-maroon-flush-dark);--uui-color-danger-contrast:white;--uui-color-invalid:var(--uui-palette-maroon-flush);--uui-color-invalid-emphasis:var(--uui-palette-maroon-flush-light);--uui-color-invalid-standalone:var(--uui-palette-maroon-flush-dark);--uui-color-invalid-contrast:white;--uui-color-positive:var(--uui-palette-forest-green);--uui-color-positive-emphasis:var(--uui-palette-forest-green-light);--uui-color-positive-standalone:var(--uui-palette-forest-green-dark);--uui-color-positive-contrast:#fff}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui",
-  "version": "2.0.0-rc.2",
+  "version": "2.0.1",
   "description": "The Umbraco UI Library - web components for the Umbraco backoffice.",
   "license": "MIT",
   "type": "module",
@@ -65,6 +65,7 @@
     "test:coverage-for": "node scripts/test-coverage-package.js",
     "dev": "npm run clean && npm run storybook",
     "build": "vite build && tsc -p tsconfig.build.json && npm run analyze",
+    "verify-build": "node scripts/verify-build.js",
     "build:watch": "tsc -p tsconfig.build.json && vite build --watch --emptyOutDir false",
     "clean": "rimraf dist custom-elements.json vscode.html-custom-data.json",
     "analyze": "web-component-analyzer src/**/*.element.ts --outFile custom-elements.json && web-component-analyzer src/**/*.element.ts --format vscode --outFile vscode.html-custom-data.json",
@@ -86,38 +87,38 @@
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "5.1.2",
+    "@chromatic-com/storybook": "5.2.1",
     "@eslint/compat": "^2.1.0",
     "@eslint/js": "10.0.1",
-    "@lerna-lite/cli": "5.2.1",
-    "@lerna-lite/publish": "5.2.1",
-    "@lerna-lite/version": "5.2.1",
-    "@storybook/addon-a11y": "^10.4.0",
-    "@storybook/addon-docs": "^10.4.0",
-    "@storybook/addon-links": "^10.4.0",
-    "@storybook/web-components-vite": "^10.4.0",
+    "@lerna-lite/cli": "5.4.0",
+    "@lerna-lite/publish": "5.4.0",
+    "@lerna-lite/version": "5.4.0",
+    "@storybook/addon-a11y": "^10.4.6",
+    "@storybook/addon-docs": "^10.4.6",
+    "@storybook/addon-links": "^10.4.6",
+    "@storybook/web-components-vite": "^10.4.6",
     "@testing-library/dom": "10.4.1",
     "@types/culori": "^4.0.1",
     "@types/react": "18.3.1",
     "@types/react-dom": "18.3.1",
-    "@vitest/browser": "^4.1.6",
-    "@vitest/browser-playwright": "^4.1.6",
-    "axe-core": "^4.11.4",
-    "chromatic": "^17.0.0",
-    "eslint": "^10.3.0",
+    "@vitest/browser": "^4.1.10",
+    "@vitest/browser-playwright": "^4.1.10",
+    "axe-core": "^4.12.1",
+    "chromatic": "^18.0.1",
+    "eslint": "^10.6.0",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-lit": "^2.3.1",
     "eslint-plugin-local-rules": "3.0.2",
-    "eslint-plugin-prettier": "5.5.5",
-    "eslint-plugin-storybook": "10.4.0",
+    "eslint-plugin-prettier": "5.5.6",
+    "eslint-plugin-storybook": "10.4.6",
     "eslint-plugin-wc": "3.1.0",
     "github-markdown-css": "5.9.0",
-    "globals": "^17.6.0",
+    "globals": "^17.7.0",
     "husky": "9.1.7",
     "jscodeshift": "^17.3.0",
-    "lint-staged": "16.1.2",
-    "playwright": "^1.60.0",
+    "lint-staged": "17.0.8",
+    "playwright": "^1.61.1",
     "plop": "4.0.5",
     "prettier": "3.8.1",
     "react": "18.3.1",
@@ -126,12 +127,12 @@
     "react-syntax-highlighter": "16.1.1",
     "remark-gfm": "4.0.1",
     "rimraf": "6.1.3",
-    "storybook": "^10.4.0",
+    "storybook": "^10.4.6",
     "tsc-files": "1.1.4",
     "typescript": "6.0.3",
-    "typescript-eslint": "8.56.1",
-    "vite": "7.3.2",
-    "vitest": "^4.1.6",
+    "typescript-eslint": "8.62.1",
+    "vite": "8.1.3",
+    "vitest": "^4.1.10",
     "vitest-browser-lit": "^1.0.1",
     "web-component-analyzer": "2.0.0"
   },
@@ -146,6 +147,6 @@
   "storybook": {
     "url": "https://uui.umbraco.com"
   },
-  "packageManager": "npm@11.1.0",
-  "gitHead": "e7a55ef69ef9ffd7a99d7e2e0e20b23a2d516da8"
+  "packageManager": "npm@11.18.0",
+  "gitHead": "dcbf6f1c32021d4e24f0d6c5d5907a550721c8e9"
 }

package/vscode.html-custom-data.json

@@ -563,7 +563,7 @@
     },
     {
       "name": "uui-card-block-type",
-      "description": "Events:\n\n  * `open` - fires when the card title is clicked.\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - slot for the default content area\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n  * `name` {string} - Block type name\n\n  * `description` {string} - Block type description\n\n  * `background` - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Block type name\n\n  * `description` {string} - Block type description\n\n  * `background` - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `styles` - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the card title is clicked.\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - slot for the default content area\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n  * `name` {string} - Block type name\n\n  * `description` {string} - Block type description\n\n  * `background` - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `has-children` {boolean} - Set to true to indicate this item has children.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Block type name\n\n  * `description` {string} - Block type description\n\n  * `background` - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `hasChildren` {boolean} - Set to true to indicate this item has children.\n\n  * `styles` - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
       "attributes": [
         {
           "name": "name",
@@ -615,6 +615,10 @@
           "description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
           "values": []
         },
+        {
+          "name": "has-children",
+          "description": "`has-children` {boolean} - Set to true to indicate this item has children.\n\nProperty: hasChildren\n\nDefault: false"
+        },
         {
           "name": "select-only",
           "description": "`select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\nProperty: selectOnly"
@@ -643,7 +647,7 @@
     },
     {
       "name": "uui-card-content-node",
-      "description": "Events:\n\n  * `open` - fires when the card title is clicked.\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - slot for the default content area\n\n  * `icon` {} - slot for the icon with support for `<uui-icon>` elements\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `styles` - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the card title is clicked.\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - slot for the default content area\n\n  * `icon` {} - slot for the icon with support for `<uui-icon>` elements\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `has-children` {boolean} - Set to true to indicate this item has children.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Node name\n\n  * `detail` {string} - Node details\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `fallbackIcon` {`string`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `hasChildren` {boolean} - Set to true to indicate this item has children.\n\n  * `styles` - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
       "attributes": [
         {
           "name": "name",
@@ -689,6 +693,10 @@
           "description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
           "values": []
         },
+        {
+          "name": "has-children",
+          "description": "`has-children` {boolean} - Set to true to indicate this item has children.\n\nProperty: hasChildren\n\nDefault: false"
+        },
         {
           "name": "select-only",
           "description": "`select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\nProperty: selectOnly"
@@ -717,7 +725,7 @@
     },
     {
       "name": "uui-card-media",
-      "description": "Events:\n\n  * `open` - fires when the card title is clicked.\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\n  * ` ` {} - slot for the default content area\n\nAttributes:\n\n  * `name` {string} - Media name\n\n  * `detail` {string} - Media detail\n\n  * `file-ext` {string} - Media file extension, without \".\"\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Media name\n\n  * `detail` {string} - Media detail\n\n  * `fileExt` {string} - Media file extension, without \".\"\n\n  * `hasPreview` {`boolean`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `styles` - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the card title is clicked.\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\n  * ` ` {} - slot for the default content area\n\n  * `icon` {} - slot for the icon with support for `<uui-icon>` elements\n\nAttributes:\n\n  * `name` {string} - Media name\n\n  * `detail` {string} - Media detail\n\n  * `file-ext` {string} - Media file extension, without \".\"\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `has-children` {boolean} - Set to true to indicate this item has children.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - Media name\n\n  * `detail` {string} - Media detail\n\n  * `fileExt` {string} - Media file extension, without \".\"\n\n  * `_iconSlotHasContent` {`boolean`} - \n\n  * `_iconSlotChanged` - \n\n  * `hasPreview` {`boolean`} - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `hasChildren` {boolean} - Set to true to indicate this item has children.\n\n  * `styles` - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
       "attributes": [
         {
           "name": "name",
@@ -768,6 +776,10 @@
           "description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
           "values": []
         },
+        {
+          "name": "has-children",
+          "description": "`has-children` {boolean} - Set to true to indicate this item has children.\n\nProperty: hasChildren\n\nDefault: false"
+        },
         {
           "name": "select-only",
           "description": "`select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\nProperty: selectOnly"
@@ -796,7 +808,7 @@
     },
     {
       "name": "uui-card-user",
-      "description": "Events:\n\n  * `open` - fires when the card title is clicked.\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - slot for the default content area\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `avatar` {} - slot for the avatar with support for the `<uui-avatar>` element\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n  * `name` {string} - User name\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - User name\n\n  * `_avatarSlotHasContent` {`boolean`} - \n\n  * `_avatarSlotChanged` - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `styles` - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Events:\n\n  * `open` - fires when the card title is clicked.\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - slot for the default content area\n\n  * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n  * `avatar` {} - slot for the avatar with support for the `<uui-avatar>` element\n\n  * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n  * `name` {string} - User name\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `has-children` {boolean} - Set to true to indicate this item has children.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `name` {string} - User name\n\n  * `_avatarSlotHasContent` {`boolean`} - \n\n  * `_avatarSlotChanged` - \n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `hasChildren` {boolean} - Set to true to indicate this item has children.\n\n  * `styles` - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
       "attributes": [
         {
           "name": "name",
@@ -838,6 +850,10 @@
           "description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
           "values": []
         },
+        {
+          "name": "has-children",
+          "description": "`has-children` {boolean} - Set to true to indicate this item has children.\n\nProperty: hasChildren\n\nDefault: false"
+        },
         {
           "name": "select-only",
           "description": "`select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\nProperty: selectOnly"
@@ -866,7 +882,7 @@
     },
     {
       "name": "uui-card",
-      "description": "Card is a Component that provides the basics for a Card component. This can be extended in code to match a certain need.\n\nEvents:\n\n  * `open` - fires when the card title is clicked.\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - Default content.\n\nAttributes:\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `styles` - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
+      "description": "Card is a Component that provides the basics for a Card component. This can be extended in code to match a certain need.\n\nEvents:\n\n  * `open` - fires when the card title is clicked.\n\n  * `selected` - fires when the media card is selected\n\n  * `deselected` - fires when the media card is deselected\n\nSlots:\n\n  * ` ` {} - Default content.\n\nAttributes:\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `has-children` {boolean} - Set to true to indicate this item has children.\n\n  * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n  * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n  * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n  * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n  * `target` {string} - Set an anchor tag target, only used when using href.\n\n  * `rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\n  * `hasChildren` {boolean} - Set to true to indicate this item has children.\n\n  * `styles` - \n\n  * `_selectOnly` {`boolean`} - \n\n  * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n  * `_selectable` {`boolean`} - \n\n  * `selectable` {`boolean`} - Enable the ability to select this element.\n\n  * `deselectable` {`boolean`} - \n\n  * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n  * `selectableTarget` {`EventTarget`} - ",
       "attributes": [
         {
           "name": "disabled",
@@ -904,6 +920,10 @@
           "description": "`rel` {string} - Set the rel attribute for an anchor tag, only used when using href.\n\nProperty: rel\n\nDefault: undefined",
           "values": []
         },
+        {
+          "name": "has-children",
+          "description": "`has-children` {boolean} - Set to true to indicate this item has children.\n\nProperty: hasChildren\n\nDefault: false"
+        },
         {
           "name": "select-only",
           "description": "`select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\nProperty: selectOnly"
@@ -2401,7 +2421,7 @@
     },
     {
       "name": "uui-popover-container",
-      "description": "Events:\n\n  * `uui-popover-before-toggle` - \n\nAttributes:\n\n  * `margin` {number} - Set the distance between popover container element and target element.\n\n  * `open` {boolean} - Read-only attribute to check if the popover is open\n\n  * `placement` {`PopoverContainerPlacement`} - Define the placement of the popover container.\n\n  * `popover` - Indicates that the element is a popover container\n\nProperties:\n\n  * `margin` {number} - Set the distance between popover container element and target element.\n\n  * `open` {boolean} - Read-only attribute to check if the popover is open\n\n  * `placement` {`PopoverContainerPlacement`} - Define the placement of the popover container.\n\n  * `_placement` {`PopoverContainerPlacement`} - \n\n  * `_open` {`boolean`} - \n\n  * `_actualPlacement` {`PopoverContainerPlacement`} - \n\n  * `styles` - ",
+      "description": "Events:\n\n  * `uui-popover-before-toggle` - \n\nAttributes:\n\n  * `margin` {number} - Set the distance between popover container element and target element.\n\n  * `open` {boolean} - Read-only attribute to check if the popover is open\n\n  * `placement` {`PopoverContainerPlacement`} - Define the placement of the popover container.\n\n  * `no-scroll` {`boolean`} - \n\n  * `popover` - Indicates that the element is a popover container\n\nProperties:\n\n  * `margin` {number} - Set the distance between popover container element and target element.\n\n  * `open` {boolean} - Read-only attribute to check if the popover is open\n\n  * `placement` {`PopoverContainerPlacement`} - Define the placement of the popover container.\n\n  * `noScroll` {`boolean`} - \n\n  * `_placement` {`PopoverContainerPlacement`} - \n\n  * `_open` {`boolean`} - \n\n  * `_actualPlacement` {`PopoverContainerPlacement`} - \n\n  * `styles` - ",
       "attributes": [
         {
           "name": "margin",
@@ -2453,6 +2473,10 @@
             }
           ]
         },
+        {
+          "name": "no-scroll",
+          "description": "`no-scroll` {`boolean`} - \n\nProperty: noScroll\n\nDefault: false"
+        },
         {
           "name": "popover",
           "description": "`popover` - Indicates that the element is a popover container\n\n"
@@ -3376,7 +3400,7 @@
     },
     {
       "name": "uui-slider",
-      "description": "Events:\n\n  * `input` {} - on input\n\nAttributes:\n\n  * `hide-step-values` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\n  * `hide-value-label` {boolean} - Hides the value label on the thumb.\n\n  * `min` {number} - This is a minimum value of the input.\n\n  * `max` {number} - This is a maximum value of the input.\n\n  * `step` {number} - This reflects the behavior of a native input step attribute.\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n  * `name` {string} - This is a name property of the component.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `value` {string} - This is a value property of the uui-slider.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\nProperties:\n\n  * `hideStepValues` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\n  * `hideValueLabel` {boolean} - Hides the value label on the thumb.\n\n  * `min` {number} - This is a minimum value of the input.\n\n  * `max` {number} - This is a maximum value of the input.\n\n  * `step` {number} - This reflects the behavior of a native input step attribute.\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_track` {`HTMLElement`} - \n\n  * `_stepWidth` {`number`} - \n\n  * `onWindowResize` - \n\n  * `_steps` - \n\n  * `_sliderPosition` {`string`} - \n\n  * `styles` - \n\n  * `name` {string} - This is a name property of the component.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `addValidator` - \n\n  * `removeValidator` - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `value` {string} - This is a value property of the uui-slider.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `_pristine` {`boolean`} - \n\n  * `_customValidityObject` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` {`string`} - \n\n  * `_internals` {`ElementInternals`} - ",
+      "description": "Events:\n\n  * `input` {} - on input\n\nAttributes:\n\n  * `hide-step-values` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\n  * `hide-value-label` {boolean} - Hides the value label on the thumb.\n\n  * `min` {number} - This is a minimum value of the input.\n\n  * `max` {number} - This is a maximum value of the input.\n\n  * `step` {number} - This reflects the behavior of a native input step attribute.\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n  * `autocomplete` {string} - Defines the autocomplete attribute, forwarded to the native input. A slider rarely wants autofill; set to \"off\" to discourage password managers from attaching to it.\n\n  * `name` {string} - This is a name property of the component.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `required-message` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `error-message` {`string`} - Custom error message.\n\n  * `value` {string} - This is a value property of the uui-slider.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\nProperties:\n\n  * `hideStepValues` {boolean} - Hides the numbers representing the value of each steps. Dots will still be visible\n\n  * `hideValueLabel` {boolean} - Hides the value label on the thumb.\n\n  * `min` {number} - This is a minimum value of the input.\n\n  * `max` {number} - This is a maximum value of the input.\n\n  * `step` {number} - This reflects the behavior of a native input step attribute.\n\n  * `disabled` {boolean} - Disables the input.\n\n  * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n  * `label` {string} - Label to be used for aria-label and eventually as visual label\n\n  * `autocomplete` {string} - Defines the autocomplete attribute, forwarded to the native input. A slider rarely wants autofill; set to \"off\" to discourage password managers from attaching to it.\n\n  * `_input` {`HTMLInputElement`} - \n\n  * `_track` {`HTMLElement`} - \n\n  * `_stepWidth` {`number`} - \n\n  * `onWindowResize` - \n\n  * `_steps` - \n\n  * `_sliderPosition` {`string`} - \n\n  * `styles` - \n\n  * `name` {string} - This is a name property of the component.\n\n  * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n  * `requiredMessage` {`string`} - Required validation message.\n\n  * `error` {`boolean`} - Apply custom error on this input.\n\n  * `errorMessage` {`string`} - Custom error message.\n\n  * `addValidator` - \n\n  * `removeValidator` - \n\n  * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/\n\n  * `value` {string} - This is a value property of the uui-slider.\n\n  * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n  * `_pristine` {`boolean`} - \n\n  * `_customValidityObject` - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` {`string`} - \n\n  * `_internals` {`ElementInternals`} - ",
       "attributes": [
         {
           "name": "hide-step-values",
@@ -3410,6 +3434,11 @@
           "name": "label",
           "description": "`label` {string} - Label to be used for aria-label and eventually as visual label\n\nProperty: label"
         },
+        {
+          "name": "autocomplete",
+          "description": "`autocomplete` {string} - Defines the autocomplete attribute, forwarded to the native input. A slider rarely wants autofill; set to \"off\" to discourage password managers from attaching to it.\n\nProperty: autocomplete\n\nDefault: undefined",
+          "values": []
+        },
         {
           "name": "name",
           "description": "`name` {string} - This is a name property of the component.\n\nProperty: name\n\nDefault: ''"

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}