@new-ui/colors 1.2.1-beta.2 → 1.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/package.json +1 -1
- package/src/_utilities.scss +1 -0
package/README.md
CHANGED
|
@@ -14,10 +14,18 @@ To get started quickly, you can use the CDN files.
|
|
|
14
14
|
```html
|
|
15
15
|
<!-- Place this at the html head -->
|
|
16
16
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@<version>/dist/index.css">
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## Usage
|
|
17
20
|
|
|
21
|
+
```scss
|
|
22
|
+
// Place this at the top of your SCSS/CSS file
|
|
23
|
+
@import "@new-ui/colors";
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
```html
|
|
18
27
|
<!-- Add this attribute to html wrapper -->
|
|
19
28
|
<html data-new-ui-theme="light">
|
|
20
|
-
...
|
|
21
29
|
```
|
|
22
30
|
|
|
23
31
|
### Available themes
|
package/dist/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root,[data-new-ui-theme=light]{--red1:#ffe7e6;--red2:#ffc8c5;--red3:#ff9993;--red4:#ff4a40;--red5:#ff3b30;--red6:#c22d25;--red7:#851f19;--red8:#47100d;--orange1:#fff2e0;--orange2:#ffe1b8;--orange3:#ffc87a;--orange4:#ff9d14;--orange5:#ff9500;--orange6:#c27100;--orange7:#854e00;--orange8:#472900;--yellow1:#fff9e0;--yellow2:#fff1b8;--yellow3:#ffe47a;--yellow4:#ffd014;--yellow5:#fc0;--yellow6:#c29b00;--yellow7:#856a00;--yellow8:#473900;--green1:#e6f8eb;--green2:#c6efd1;--green3:#95e2a8;--green4:#44cb66;--green5:#34c759;--green6:#289744;--green7:#1b682e;--green8:#0e3719;--mint1:#e0f8f7;--mint2:#b8efed;--mint3:#7ae2dd;--mint4:#14cbc3;--mint5:#00c7be;--mint6:#009791;--mint7:#006863;--mint8:#003735;--teal1:#e6f5f8;--teal2:#c5e9ef;--teal3:#93d6e2;--teal4:#40b6cb;--teal5:#30b0c7;--teal6:#258697;--teal7:#195c68;--teal8:#0d3137;--cyan1:#e6f5fc;--cyan2:#c6e8f8;--cyan3:#94d4f2;--cyan4:#42b3e8;--cyan5:#32ade6;--cyan6:#2684af;--cyan7:#1a5a78;--cyan8:#0e3040;--blue1:#e0efff;--blue2:#b8daff;--blue3:#7abaff;--blue4:#1484ff;--blue5:#007aff;--blue6:#005dc2;--blue7:#004085;--blue8:#002247;--indigo1:#ebeafa;--indigo2:#d1d0f4;--indigo3:#a8a7ea;--indigo4:#6563d9;--indigo5:#5856d6;--indigo6:#4341a3;--indigo7:#2e2d70;--indigo8:#19183c;--purple1:#f5eafb;--purple2:#e9cff6;--purple3:#d5a5ee;--purple4:#b560e1;--purple5:#af52de;--purple6:#853ea9;--purple7:#5b2b74;--purple8:#31173e;--pink1:#ffe5ea;--pink2:#ffc5d0;--pink3:#ff91a6;--pink4:#ff3d62;--pink5:#ff2d55;--pink6:#c22241;--pink7:#85172c;--pink8:#470d18;--brown1:#f4f0eb;--brown2:#e5ddd2;--brown3:#cebfab;--brown4:#a98e6b;--brown5:#a2845e;--brown6:#7b6448;--brown7:#544531;--brown8:#2d251a;--grey1:#f4f4f4;--grey2:#e0e0e0;--grey3:#c6c6c6;--grey4:#a8a8a8;--grey5:#8d8d8d;--grey6:#6f6f6f;--grey7:#525252;--grey8:#393939;--grey9:#262626;--grey10:#161616;--black:#000;--white:#fff}[data-new-ui-theme=light--warm]{--red1:#ffe7e6;--red2:#ffc8c5;--red3:#ff9993;--red4:#ff4a40;--red5:#ff3b30;--red6:#c22d25;--red7:#851f19;--red8:#47100d;--orange1:#fff2e0;--orange2:#ffe1b8;--orange3:#ffc87a;--orange4:#ff9d14;--orange5:#ff9500;--orange6:#c27100;--orange7:#854e00;--orange8:#472900;--yellow1:#fff9e0;--yellow2:#fff1b8;--yellow3:#ffe47a;--yellow4:#ffd014;--yellow5:#fc0;--yellow6:#c29b00;--yellow7:#856a00;--yellow8:#473900;--green1:#e6f8eb;--green2:#c6efd1;--green3:#95e2a8;--green4:#44cb66;--green5:#34c759;--green6:#289744;--green7:#1b682e;--green8:#0e3719;--mint1:#e0f8f7;--mint2:#b8efed;--mint3:#7ae2dd;--mint4:#14cbc3;--mint5:#00c7be;--mint6:#009791;--mint7:#006863;--mint8:#003735;--teal1:#e6f5f8;--teal2:#c5e9ef;--teal3:#93d6e2;--teal4:#40b6cb;--teal5:#30b0c7;--teal6:#258697;--teal7:#195c68;--teal8:#0d3137;--cyan1:#e6f5fc;--cyan2:#c6e8f8;--cyan3:#94d4f2;--cyan4:#42b3e8;--cyan5:#32ade6;--cyan6:#2684af;--cyan7:#1a5a78;--cyan8:#0e3040;--blue1:#e0efff;--blue2:#b8daff;--blue3:#7abaff;--blue4:#1484ff;--blue5:#007aff;--blue6:#005dc2;--blue7:#004085;--blue8:#002247;--indigo1:#ebeafa;--indigo2:#d1d0f4;--indigo3:#a8a7ea;--indigo4:#6563d9;--indigo5:#5856d6;--indigo6:#4341a3;--indigo7:#2e2d70;--indigo8:#19183c;--purple1:#f5eafb;--purple2:#e9cff6;--purple3:#d5a5ee;--purple4:#b560e1;--purple5:#af52de;--purple6:#853ea9;--purple7:#5b2b74;--purple8:#31173e;--pink1:#ffe5ea;--pink2:#ffc5d0;--pink3:#ff91a6;--pink4:#ff3d62;--pink5:#ff2d55;--pink6:#c22241;--pink7:#85172c;--pink8:#470d18;--brown1:#f4f0eb;--brown2:#e5ddd2;--brown3:#cebfab;--brown4:#a98e6b;--brown5:#a2845e;--brown6:#7b6448;--brown7:#544531;--brown8:#2d251a;--grey1:#f7f3f2;--grey2:#e5e0df;--grey3:#cac5c4;--grey4:#ada8a8;--grey5:#8f8b8b;--grey6:#726e6e;--grey7:#565151;--grey8:#3c3838;--grey9:#272525;--grey10:#171414;--black:#000;--white:#fff}[data-new-ui-theme=light--cold]{--red1:#ffe7e6;--red2:#ffc8c5;--red3:#ff9993;--red4:#ff4a40;--red5:#ff3b30;--red6:#c22d25;--red7:#851f19;--red8:#47100d;--orange1:#fff2e0;--orange2:#ffe1b8;--orange3:#ffc87a;--orange4:#ff9d14;--orange5:#ff9500;--orange6:#c27100;--orange7:#854e00;--orange8:#472900;--yellow1:#fff9e0;--yellow2:#fff1b8;--yellow3:#ffe47a;--yellow4:#ffd014;--yellow5:#fc0;--yellow6:#c29b00;--yellow7:#856a00;--yellow8:#473900;--green1:#e6f8eb;--green2:#c6efd1;--green3:#95e2a8;--green4:#44cb66;--green5:#34c759;--green6:#289744;--green7:#1b682e;--green8:#0e3719;--mint1:#e0f8f7;--mint2:#b8efed;--mint3:#7ae2dd;--mint4:#14cbc3;--mint5:#00c7be;--mint6:#009791;--mint7:#006863;--mint8:#003735;--teal1:#e6f5f8;--teal2:#c5e9ef;--teal3:#93d6e2;--teal4:#40b6cb;--teal5:#30b0c7;--teal6:#258697;--teal7:#195c68;--teal8:#0d3137;--cyan1:#e6f5fc;--cyan2:#c6e8f8;--cyan3:#94d4f2;--cyan4:#42b3e8;--cyan5:#32ade6;--cyan6:#2684af;--cyan7:#1a5a78;--cyan8:#0e3040;--blue1:#e0efff;--blue2:#b8daff;--blue3:#7abaff;--blue4:#1484ff;--blue5:#007aff;--blue6:#005dc2;--blue7:#004085;--blue8:#002247;--indigo1:#ebeafa;--indigo2:#d1d0f4;--indigo3:#a8a7ea;--indigo4:#6563d9;--indigo5:#5856d6;--indigo6:#4341a3;--indigo7:#2e2d70;--indigo8:#19183c;--purple1:#f5eafb;--purple2:#e9cff6;--purple3:#d5a5ee;--purple4:#b560e1;--purple5:#af52de;--purple6:#853ea9;--purple7:#5b2b74;--purple8:#31173e;--pink1:#ffe5ea;--pink2:#ffc5d0;--pink3:#ff91a6;--pink4:#ff3d62;--pink5:#ff2d55;--pink6:#c22241;--pink7:#85172c;--pink8:#470d18;--brown1:#f4f0eb;--brown2:#e5ddd2;--brown3:#cebfab;--brown4:#a98e6b;--brown5:#a2845e;--brown6:#7b6448;--brown7:#544531;--brown8:#2d251a;--grey1:#f2f4f8;--grey2:#dde1e6;--grey3:#c1c7cd;--grey4:#a2a9b0;--grey5:#878d96;--grey6:#697077;--grey7:#4d5358;--grey8:#343a3f;--grey9:#21272a;--grey10:#121619;--black:#000;--white:#fff}.nu-u-bg-red1{background-color:var(--red1)}.nu-u-bg-red2{background-color:var(--red2)}.nu-u-bg-red3{background-color:var(--red3)}.nu-u-bg-red4{background-color:var(--red4)}.nu-u-bg-red5{background-color:var(--red5)}.nu-u-bg-red6{background-color:var(--red6)}.nu-u-bg-red7{background-color:var(--red7)}.nu-u-bg-red8{background-color:var(--red8)}.nu-u-bg-orange1{background-color:var(--orange1)}.nu-u-bg-orange2{background-color:var(--orange2)}.nu-u-bg-orange3{background-color:var(--orange3)}.nu-u-bg-orange4{background-color:var(--orange4)}.nu-u-bg-orange5{background-color:var(--orange5)}.nu-u-bg-orange6{background-color:var(--orange6)}.nu-u-bg-orange7{background-color:var(--orange7)}.nu-u-bg-orange8{background-color:var(--orange8)}.nu-u-bg-yellow1{background-color:var(--yellow1)}.nu-u-bg-yellow2{background-color:var(--yellow2)}.nu-u-bg-yellow3{background-color:var(--yellow3)}.nu-u-bg-yellow4{background-color:var(--yellow4)}.nu-u-bg-yellow5{background-color:var(--yellow5)}.nu-u-bg-yellow6{background-color:var(--yellow6)}.nu-u-bg-yellow7{background-color:var(--yellow7)}.nu-u-bg-yellow8{background-color:var(--yellow8)}.nu-u-bg-green1{background-color:var(--green1)}.nu-u-bg-green2{background-color:var(--green2)}.nu-u-bg-green3{background-color:var(--green3)}.nu-u-bg-green4{background-color:var(--green4)}.nu-u-bg-green5{background-color:var(--green5)}.nu-u-bg-green6{background-color:var(--green6)}.nu-u-bg-green7{background-color:var(--green7)}.nu-u-bg-green8{background-color:var(--green8)}.nu-u-bg-mint1{background-color:var(--mint1)}.nu-u-bg-mint2{background-color:var(--mint2)}.nu-u-bg-mint3{background-color:var(--mint3)}.nu-u-bg-mint4{background-color:var(--mint4)}.nu-u-bg-mint5{background-color:var(--mint5)}.nu-u-bg-mint6{background-color:var(--mint6)}.nu-u-bg-mint7{background-color:var(--mint7)}.nu-u-bg-mint8{background-color:var(--mint8)}.nu-u-bg-teal1{background-color:var(--teal1)}.nu-u-bg-teal2{background-color:var(--teal2)}.nu-u-bg-teal3{background-color:var(--teal3)}.nu-u-bg-teal4{background-color:var(--teal4)}.nu-u-bg-teal5{background-color:var(--teal5)}.nu-u-bg-teal6{background-color:var(--teal6)}.nu-u-bg-teal7{background-color:var(--teal7)}.nu-u-bg-teal8{background-color:var(--teal8)}.nu-u-bg-cyan1{background-color:var(--cyan1)}.nu-u-bg-cyan2{background-color:var(--cyan2)}.nu-u-bg-cyan3{background-color:var(--cyan3)}.nu-u-bg-cyan4{background-color:var(--cyan4)}.nu-u-bg-cyan5{background-color:var(--cyan5)}.nu-u-bg-cyan6{background-color:var(--cyan6)}.nu-u-bg-cyan7{background-color:var(--cyan7)}.nu-u-bg-cyan8{background-color:var(--cyan8)}.nu-u-bg-blue1{background-color:var(--blue1)}.nu-u-bg-blue2{background-color:var(--blue2)}.nu-u-bg-blue3{background-color:var(--blue3)}.nu-u-bg-blue4{background-color:var(--blue4)}.nu-u-bg-blue5{background-color:var(--blue5)}.nu-u-bg-blue6{background-color:var(--blue6)}.nu-u-bg-blue7{background-color:var(--blue7)}.nu-u-bg-blue8{background-color:var(--blue8)}.nu-u-bg-indigo1{background-color:var(--indigo1)}.nu-u-bg-indigo2{background-color:var(--indigo2)}.nu-u-bg-indigo3{background-color:var(--indigo3)}.nu-u-bg-indigo4{background-color:var(--indigo4)}.nu-u-bg-indigo5{background-color:var(--indigo5)}.nu-u-bg-indigo6{background-color:var(--indigo6)}.nu-u-bg-indigo7{background-color:var(--indigo7)}.nu-u-bg-indigo8{background-color:var(--indigo8)}.nu-u-bg-purple1{background-color:var(--purple1)}.nu-u-bg-purple2{background-color:var(--purple2)}.nu-u-bg-purple3{background-color:var(--purple3)}.nu-u-bg-purple4{background-color:var(--purple4)}.nu-u-bg-purple5{background-color:var(--purple5)}.nu-u-bg-purple6{background-color:var(--purple6)}.nu-u-bg-purple7{background-color:var(--purple7)}.nu-u-bg-purple8{background-color:var(--purple8)}.nu-u-bg-pink1{background-color:var(--pink1)}.nu-u-bg-pink2{background-color:var(--pink2)}.nu-u-bg-pink3{background-color:var(--pink3)}.nu-u-bg-pink4{background-color:var(--pink4)}.nu-u-bg-pink5{background-color:var(--pink5)}.nu-u-bg-pink6{background-color:var(--pink6)}.nu-u-bg-pink7{background-color:var(--pink7)}.nu-u-bg-pink8{background-color:var(--pink8)}.nu-u-bg-brown1{background-color:var(--brown1)}.nu-u-bg-brown2{background-color:var(--brown2)}.nu-u-bg-brown3{background-color:var(--brown3)}.nu-u-bg-brown4{background-color:var(--brown4)}.nu-u-bg-brown5{background-color:var(--brown5)}.nu-u-bg-brown6{background-color:var(--brown6)}.nu-u-bg-brown7{background-color:var(--brown7)}.nu-u-bg-brown8{background-color:var(--brown8)}.nu-u-bg-grey1{background-color:var(--grey1)}.nu-u-bg-grey2{background-color:var(--grey2)}.nu-u-bg-grey3{background-color:var(--grey3)}.nu-u-bg-grey4{background-color:var(--grey4)}.nu-u-bg-grey5{background-color:var(--grey5)}.nu-u-bg-grey6{background-color:var(--grey6)}.nu-u-bg-grey7{background-color:var(--grey7)}.nu-u-bg-grey8{background-color:var(--grey8)}.nu-u-bg-grey9{background-color:var(--grey9)}.nu-u-bg-grey10{background-color:var(--grey10)}.nu-u-text-red1{color:var(--red1)}.nu-u-text-red2{color:var(--red2)}.nu-u-text-red3{color:var(--red3)}.nu-u-text-red4{color:var(--red4)}.nu-u-text-red5{color:var(--red5)}.nu-u-text-red6{color:var(--red6)}.nu-u-text-red7{color:var(--red7)}.nu-u-text-red8{color:var(--red8)}.nu-u-text-orange1{color:var(--orange1)}.nu-u-text-orange2{color:var(--orange2)}.nu-u-text-orange3{color:var(--orange3)}.nu-u-text-orange4{color:var(--orange4)}.nu-u-text-orange5{color:var(--orange5)}.nu-u-text-orange6{color:var(--orange6)}.nu-u-text-orange7{color:var(--orange7)}.nu-u-text-orange8{color:var(--orange8)}.nu-u-text-yellow1{color:var(--yellow1)}.nu-u-text-yellow2{color:var(--yellow2)}.nu-u-text-yellow3{color:var(--yellow3)}.nu-u-text-yellow4{color:var(--yellow4)}.nu-u-text-yellow5{color:var(--yellow5)}.nu-u-text-yellow6{color:var(--yellow6)}.nu-u-text-yellow7{color:var(--yellow7)}.nu-u-text-yellow8{color:var(--yellow8)}.nu-u-text-green1{color:var(--green1)}.nu-u-text-green2{color:var(--green2)}.nu-u-text-green3{color:var(--green3)}.nu-u-text-green4{color:var(--green4)}.nu-u-text-green5{color:var(--green5)}.nu-u-text-green6{color:var(--green6)}.nu-u-text-green7{color:var(--green7)}.nu-u-text-green8{color:var(--green8)}.nu-u-text-mint1{color:var(--mint1)}.nu-u-text-mint2{color:var(--mint2)}.nu-u-text-mint3{color:var(--mint3)}.nu-u-text-mint4{color:var(--mint4)}.nu-u-text-mint5{color:var(--mint5)}.nu-u-text-mint6{color:var(--mint6)}.nu-u-text-mint7{color:var(--mint7)}.nu-u-text-mint8{color:var(--mint8)}.nu-u-text-teal1{color:var(--teal1)}.nu-u-text-teal2{color:var(--teal2)}.nu-u-text-teal3{color:var(--teal3)}.nu-u-text-teal4{color:var(--teal4)}.nu-u-text-teal5{color:var(--teal5)}.nu-u-text-teal6{color:var(--teal6)}.nu-u-text-teal7{color:var(--teal7)}.nu-u-text-teal8{color:var(--teal8)}.nu-u-text-cyan1{color:var(--cyan1)}.nu-u-text-cyan2{color:var(--cyan2)}.nu-u-text-cyan3{color:var(--cyan3)}.nu-u-text-cyan4{color:var(--cyan4)}.nu-u-text-cyan5{color:var(--cyan5)}.nu-u-text-cyan6{color:var(--cyan6)}.nu-u-text-cyan7{color:var(--cyan7)}.nu-u-text-cyan8{color:var(--cyan8)}.nu-u-text-blue1{color:var(--blue1)}.nu-u-text-blue2{color:var(--blue2)}.nu-u-text-blue3{color:var(--blue3)}.nu-u-text-blue4{color:var(--blue4)}.nu-u-text-blue5{color:var(--blue5)}.nu-u-text-blue6{color:var(--blue6)}.nu-u-text-blue7{color:var(--blue7)}.nu-u-text-blue8{color:var(--blue8)}.nu-u-text-indigo1{color:var(--indigo1)}.nu-u-text-indigo2{color:var(--indigo2)}.nu-u-text-indigo3{color:var(--indigo3)}.nu-u-text-indigo4{color:var(--indigo4)}.nu-u-text-indigo5{color:var(--indigo5)}.nu-u-text-indigo6{color:var(--indigo6)}.nu-u-text-indigo7{color:var(--indigo7)}.nu-u-text-indigo8{color:var(--indigo8)}.nu-u-text-purple1{color:var(--purple1)}.nu-u-text-purple2{color:var(--purple2)}.nu-u-text-purple3{color:var(--purple3)}.nu-u-text-purple4{color:var(--purple4)}.nu-u-text-purple5{color:var(--purple5)}.nu-u-text-purple6{color:var(--purple6)}.nu-u-text-purple7{color:var(--purple7)}.nu-u-text-purple8{color:var(--purple8)}.nu-u-text-pink1{color:var(--pink1)}.nu-u-text-pink2{color:var(--pink2)}.nu-u-text-pink3{color:var(--pink3)}.nu-u-text-pink4{color:var(--pink4)}.nu-u-text-pink5{color:var(--pink5)}.nu-u-text-pink6{color:var(--pink6)}.nu-u-text-pink7{color:var(--pink7)}.nu-u-text-pink8{color:var(--pink8)}.nu-u-text-brown1{color:var(--brown1)}.nu-u-text-brown2{color:var(--brown2)}.nu-u-text-brown3{color:var(--brown3)}.nu-u-text-brown4{color:var(--brown4)}.nu-u-text-brown5{color:var(--brown5)}.nu-u-text-brown6{color:var(--brown6)}.nu-u-text-brown7{color:var(--brown7)}.nu-u-text-brown8{color:var(--brown8)}.nu-u-text-grey1{color:var(--grey1)}.nu-u-text-grey2{color:var(--grey2)}.nu-u-text-grey3{color:var(--grey3)}.nu-u-text-grey4{color:var(--grey4)}.nu-u-text-grey5{color:var(--grey5)}.nu-u-text-grey6{color:var(--grey6)}.nu-u-text-grey7{color:var(--grey7)}.nu-u-text-grey8{color:var(--grey8)}.nu-u-text-grey9{color:var(--grey9)}.nu-u-text-grey10{color:var(--grey10)}.nu-u-bg{background-color:var(--white)}.nu-u-bg-secondary,.nu-u-bg-hover{background-color:var(--grey1)}.nu-u-bg-selected{background-color:var(--grey2)}.nu-u-bg-selected-hover{background-color:var(--grey3)}.nu-u-bg-red{background-color:var(--red1)}.nu-u-bg-orange{background-color:var(--orange1)}.nu-u-bg-yellow{background-color:var(--yellow1)}.nu-u-bg-green{background-color:var(--green)}.nu-u-bg-mint{background-color:var(--mint)}.nu-u-bg-teal{background-color:var(--teal1)}.nu-u-bg-cyan{background-color:var(--cyan1)}.nu-u-bg-blue{background-color:var(--blue1)}.nu-u-bg-indigo{background-color:var(--indigo1)}.nu-u-bg-purple{background-color:var(--purple1)}.nu-u-bg-pink{background-color:var(--pink)}.nu-u-bg-brown{background-color:var(--brown)}.nu-u-bg-black{background-color:var(--black)}.nu-u-bg-white{background-color:var(--white)}.nu-u-b--muted{border-color:var(--grey-2)}.nu-u-b{border-color:var(--grey4)}.nu-u-b--strong{border-color:var(--grey6)}.nu-u-text--primary{color:var(--grey10)}.nu-u-text--primary-alt{color:var(--grey8)}.nu-u-text--secondary{color:var(--grey7)}.nu-u-text--placeholder::placeholder,.nu-u-text--placeholder::webkit-input-placeholder,.nu-u-text--placeholder:ms-input-placeholder{color:var(--grey4)}.nu-u-text--on-color{color:var(--white)}.nu-u-text--error{color:var(--red6)}.nu-u-text--success{color:var(--green6)}.nu-u-text-black{color:var(--black)}.nu-u-text-white{color:var(--white)}.nu-u-icon--primary{color:var(--grey9)}.nu-u-icon--secondary{color:var(--grey7)}.nu-u-icon--disabled{color:var(--grey4)}.nu-u-icon--on-color{color:var(--white)}.nu-u-link{color:var(--blue5)}.nu-u-link:hover{color:var(--blue6)}.nu-u-link--subtle{color:var(--grey8)}.nu-u-link--subtle:hover{color:var(--indigo5)}.nu-u-support--error{color:var(--red5)}.nu-u-support--warning{color:var(--yellow5)}.nu-u-support--success{color:var(--green5)}.nu-u-support--info{color:var(--blue5)}
|
|
1
|
+
:root,[data-new-ui-theme=light]{--red1:#ffe7e6;--red2:#ffc8c5;--red3:#ff9993;--red4:#ff4a40;--red5:#ff3b30;--red6:#c22d25;--red7:#851f19;--red8:#47100d;--orange1:#fff2e0;--orange2:#ffe1b8;--orange3:#ffc87a;--orange4:#ff9d14;--orange5:#ff9500;--orange6:#c27100;--orange7:#854e00;--orange8:#472900;--yellow1:#fff9e0;--yellow2:#fff1b8;--yellow3:#ffe47a;--yellow4:#ffd014;--yellow5:#fc0;--yellow6:#c29b00;--yellow7:#856a00;--yellow8:#473900;--green1:#e6f8eb;--green2:#c6efd1;--green3:#95e2a8;--green4:#44cb66;--green5:#34c759;--green6:#289744;--green7:#1b682e;--green8:#0e3719;--mint1:#e0f8f7;--mint2:#b8efed;--mint3:#7ae2dd;--mint4:#14cbc3;--mint5:#00c7be;--mint6:#009791;--mint7:#006863;--mint8:#003735;--teal1:#e6f5f8;--teal2:#c5e9ef;--teal3:#93d6e2;--teal4:#40b6cb;--teal5:#30b0c7;--teal6:#258697;--teal7:#195c68;--teal8:#0d3137;--cyan1:#e6f5fc;--cyan2:#c6e8f8;--cyan3:#94d4f2;--cyan4:#42b3e8;--cyan5:#32ade6;--cyan6:#2684af;--cyan7:#1a5a78;--cyan8:#0e3040;--blue1:#e0efff;--blue2:#b8daff;--blue3:#7abaff;--blue4:#1484ff;--blue5:#007aff;--blue6:#005dc2;--blue7:#004085;--blue8:#002247;--indigo1:#ebeafa;--indigo2:#d1d0f4;--indigo3:#a8a7ea;--indigo4:#6563d9;--indigo5:#5856d6;--indigo6:#4341a3;--indigo7:#2e2d70;--indigo8:#19183c;--purple1:#f5eafb;--purple2:#e9cff6;--purple3:#d5a5ee;--purple4:#b560e1;--purple5:#af52de;--purple6:#853ea9;--purple7:#5b2b74;--purple8:#31173e;--pink1:#ffe5ea;--pink2:#ffc5d0;--pink3:#ff91a6;--pink4:#ff3d62;--pink5:#ff2d55;--pink6:#c22241;--pink7:#85172c;--pink8:#470d18;--brown1:#f4f0eb;--brown2:#e5ddd2;--brown3:#cebfab;--brown4:#a98e6b;--brown5:#a2845e;--brown6:#7b6448;--brown7:#544531;--brown8:#2d251a;--grey1:#f4f4f4;--grey2:#e0e0e0;--grey3:#c6c6c6;--grey4:#a8a8a8;--grey5:#8d8d8d;--grey6:#6f6f6f;--grey7:#525252;--grey8:#393939;--grey9:#262626;--grey10:#161616;--black:#000;--white:#fff}[data-new-ui-theme=light--warm]{--red1:#ffe7e6;--red2:#ffc8c5;--red3:#ff9993;--red4:#ff4a40;--red5:#ff3b30;--red6:#c22d25;--red7:#851f19;--red8:#47100d;--orange1:#fff2e0;--orange2:#ffe1b8;--orange3:#ffc87a;--orange4:#ff9d14;--orange5:#ff9500;--orange6:#c27100;--orange7:#854e00;--orange8:#472900;--yellow1:#fff9e0;--yellow2:#fff1b8;--yellow3:#ffe47a;--yellow4:#ffd014;--yellow5:#fc0;--yellow6:#c29b00;--yellow7:#856a00;--yellow8:#473900;--green1:#e6f8eb;--green2:#c6efd1;--green3:#95e2a8;--green4:#44cb66;--green5:#34c759;--green6:#289744;--green7:#1b682e;--green8:#0e3719;--mint1:#e0f8f7;--mint2:#b8efed;--mint3:#7ae2dd;--mint4:#14cbc3;--mint5:#00c7be;--mint6:#009791;--mint7:#006863;--mint8:#003735;--teal1:#e6f5f8;--teal2:#c5e9ef;--teal3:#93d6e2;--teal4:#40b6cb;--teal5:#30b0c7;--teal6:#258697;--teal7:#195c68;--teal8:#0d3137;--cyan1:#e6f5fc;--cyan2:#c6e8f8;--cyan3:#94d4f2;--cyan4:#42b3e8;--cyan5:#32ade6;--cyan6:#2684af;--cyan7:#1a5a78;--cyan8:#0e3040;--blue1:#e0efff;--blue2:#b8daff;--blue3:#7abaff;--blue4:#1484ff;--blue5:#007aff;--blue6:#005dc2;--blue7:#004085;--blue8:#002247;--indigo1:#ebeafa;--indigo2:#d1d0f4;--indigo3:#a8a7ea;--indigo4:#6563d9;--indigo5:#5856d6;--indigo6:#4341a3;--indigo7:#2e2d70;--indigo8:#19183c;--purple1:#f5eafb;--purple2:#e9cff6;--purple3:#d5a5ee;--purple4:#b560e1;--purple5:#af52de;--purple6:#853ea9;--purple7:#5b2b74;--purple8:#31173e;--pink1:#ffe5ea;--pink2:#ffc5d0;--pink3:#ff91a6;--pink4:#ff3d62;--pink5:#ff2d55;--pink6:#c22241;--pink7:#85172c;--pink8:#470d18;--brown1:#f4f0eb;--brown2:#e5ddd2;--brown3:#cebfab;--brown4:#a98e6b;--brown5:#a2845e;--brown6:#7b6448;--brown7:#544531;--brown8:#2d251a;--grey1:#f7f3f2;--grey2:#e5e0df;--grey3:#cac5c4;--grey4:#ada8a8;--grey5:#8f8b8b;--grey6:#726e6e;--grey7:#565151;--grey8:#3c3838;--grey9:#272525;--grey10:#171414;--black:#000;--white:#fff}[data-new-ui-theme=light--cold]{--red1:#ffe7e6;--red2:#ffc8c5;--red3:#ff9993;--red4:#ff4a40;--red5:#ff3b30;--red6:#c22d25;--red7:#851f19;--red8:#47100d;--orange1:#fff2e0;--orange2:#ffe1b8;--orange3:#ffc87a;--orange4:#ff9d14;--orange5:#ff9500;--orange6:#c27100;--orange7:#854e00;--orange8:#472900;--yellow1:#fff9e0;--yellow2:#fff1b8;--yellow3:#ffe47a;--yellow4:#ffd014;--yellow5:#fc0;--yellow6:#c29b00;--yellow7:#856a00;--yellow8:#473900;--green1:#e6f8eb;--green2:#c6efd1;--green3:#95e2a8;--green4:#44cb66;--green5:#34c759;--green6:#289744;--green7:#1b682e;--green8:#0e3719;--mint1:#e0f8f7;--mint2:#b8efed;--mint3:#7ae2dd;--mint4:#14cbc3;--mint5:#00c7be;--mint6:#009791;--mint7:#006863;--mint8:#003735;--teal1:#e6f5f8;--teal2:#c5e9ef;--teal3:#93d6e2;--teal4:#40b6cb;--teal5:#30b0c7;--teal6:#258697;--teal7:#195c68;--teal8:#0d3137;--cyan1:#e6f5fc;--cyan2:#c6e8f8;--cyan3:#94d4f2;--cyan4:#42b3e8;--cyan5:#32ade6;--cyan6:#2684af;--cyan7:#1a5a78;--cyan8:#0e3040;--blue1:#e0efff;--blue2:#b8daff;--blue3:#7abaff;--blue4:#1484ff;--blue5:#007aff;--blue6:#005dc2;--blue7:#004085;--blue8:#002247;--indigo1:#ebeafa;--indigo2:#d1d0f4;--indigo3:#a8a7ea;--indigo4:#6563d9;--indigo5:#5856d6;--indigo6:#4341a3;--indigo7:#2e2d70;--indigo8:#19183c;--purple1:#f5eafb;--purple2:#e9cff6;--purple3:#d5a5ee;--purple4:#b560e1;--purple5:#af52de;--purple6:#853ea9;--purple7:#5b2b74;--purple8:#31173e;--pink1:#ffe5ea;--pink2:#ffc5d0;--pink3:#ff91a6;--pink4:#ff3d62;--pink5:#ff2d55;--pink6:#c22241;--pink7:#85172c;--pink8:#470d18;--brown1:#f4f0eb;--brown2:#e5ddd2;--brown3:#cebfab;--brown4:#a98e6b;--brown5:#a2845e;--brown6:#7b6448;--brown7:#544531;--brown8:#2d251a;--grey1:#f2f4f8;--grey2:#dde1e6;--grey3:#c1c7cd;--grey4:#a2a9b0;--grey5:#878d96;--grey6:#697077;--grey7:#4d5358;--grey8:#343a3f;--grey9:#21272a;--grey10:#121619;--black:#000;--white:#fff}.nu-u-bg-red1{background-color:var(--red1)}.nu-u-bg-red2{background-color:var(--red2)}.nu-u-bg-red3{background-color:var(--red3)}.nu-u-bg-red4{background-color:var(--red4)}.nu-u-bg-red5{background-color:var(--red5)}.nu-u-bg-red6{background-color:var(--red6)}.nu-u-bg-red7{background-color:var(--red7)}.nu-u-bg-red8{background-color:var(--red8)}.nu-u-bg-orange1{background-color:var(--orange1)}.nu-u-bg-orange2{background-color:var(--orange2)}.nu-u-bg-orange3{background-color:var(--orange3)}.nu-u-bg-orange4{background-color:var(--orange4)}.nu-u-bg-orange5{background-color:var(--orange5)}.nu-u-bg-orange6{background-color:var(--orange6)}.nu-u-bg-orange7{background-color:var(--orange7)}.nu-u-bg-orange8{background-color:var(--orange8)}.nu-u-bg-yellow1{background-color:var(--yellow1)}.nu-u-bg-yellow2{background-color:var(--yellow2)}.nu-u-bg-yellow3{background-color:var(--yellow3)}.nu-u-bg-yellow4{background-color:var(--yellow4)}.nu-u-bg-yellow5{background-color:var(--yellow5)}.nu-u-bg-yellow6{background-color:var(--yellow6)}.nu-u-bg-yellow7{background-color:var(--yellow7)}.nu-u-bg-yellow8{background-color:var(--yellow8)}.nu-u-bg-green1{background-color:var(--green1)}.nu-u-bg-green2{background-color:var(--green2)}.nu-u-bg-green3{background-color:var(--green3)}.nu-u-bg-green4{background-color:var(--green4)}.nu-u-bg-green5{background-color:var(--green5)}.nu-u-bg-green6{background-color:var(--green6)}.nu-u-bg-green7{background-color:var(--green7)}.nu-u-bg-green8{background-color:var(--green8)}.nu-u-bg-mint1{background-color:var(--mint1)}.nu-u-bg-mint2{background-color:var(--mint2)}.nu-u-bg-mint3{background-color:var(--mint3)}.nu-u-bg-mint4{background-color:var(--mint4)}.nu-u-bg-mint5{background-color:var(--mint5)}.nu-u-bg-mint6{background-color:var(--mint6)}.nu-u-bg-mint7{background-color:var(--mint7)}.nu-u-bg-mint8{background-color:var(--mint8)}.nu-u-bg-teal1{background-color:var(--teal1)}.nu-u-bg-teal2{background-color:var(--teal2)}.nu-u-bg-teal3{background-color:var(--teal3)}.nu-u-bg-teal4{background-color:var(--teal4)}.nu-u-bg-teal5{background-color:var(--teal5)}.nu-u-bg-teal6{background-color:var(--teal6)}.nu-u-bg-teal7{background-color:var(--teal7)}.nu-u-bg-teal8{background-color:var(--teal8)}.nu-u-bg-cyan1{background-color:var(--cyan1)}.nu-u-bg-cyan2{background-color:var(--cyan2)}.nu-u-bg-cyan3{background-color:var(--cyan3)}.nu-u-bg-cyan4{background-color:var(--cyan4)}.nu-u-bg-cyan5{background-color:var(--cyan5)}.nu-u-bg-cyan6{background-color:var(--cyan6)}.nu-u-bg-cyan7{background-color:var(--cyan7)}.nu-u-bg-cyan8{background-color:var(--cyan8)}.nu-u-bg-blue1{background-color:var(--blue1)}.nu-u-bg-blue2{background-color:var(--blue2)}.nu-u-bg-blue3{background-color:var(--blue3)}.nu-u-bg-blue4{background-color:var(--blue4)}.nu-u-bg-blue5{background-color:var(--blue5)}.nu-u-bg-blue6{background-color:var(--blue6)}.nu-u-bg-blue7{background-color:var(--blue7)}.nu-u-bg-blue8{background-color:var(--blue8)}.nu-u-bg-indigo1{background-color:var(--indigo1)}.nu-u-bg-indigo2{background-color:var(--indigo2)}.nu-u-bg-indigo3{background-color:var(--indigo3)}.nu-u-bg-indigo4{background-color:var(--indigo4)}.nu-u-bg-indigo5{background-color:var(--indigo5)}.nu-u-bg-indigo6{background-color:var(--indigo6)}.nu-u-bg-indigo7{background-color:var(--indigo7)}.nu-u-bg-indigo8{background-color:var(--indigo8)}.nu-u-bg-purple1{background-color:var(--purple1)}.nu-u-bg-purple2{background-color:var(--purple2)}.nu-u-bg-purple3{background-color:var(--purple3)}.nu-u-bg-purple4{background-color:var(--purple4)}.nu-u-bg-purple5{background-color:var(--purple5)}.nu-u-bg-purple6{background-color:var(--purple6)}.nu-u-bg-purple7{background-color:var(--purple7)}.nu-u-bg-purple8{background-color:var(--purple8)}.nu-u-bg-pink1{background-color:var(--pink1)}.nu-u-bg-pink2{background-color:var(--pink2)}.nu-u-bg-pink3{background-color:var(--pink3)}.nu-u-bg-pink4{background-color:var(--pink4)}.nu-u-bg-pink5{background-color:var(--pink5)}.nu-u-bg-pink6{background-color:var(--pink6)}.nu-u-bg-pink7{background-color:var(--pink7)}.nu-u-bg-pink8{background-color:var(--pink8)}.nu-u-bg-brown1{background-color:var(--brown1)}.nu-u-bg-brown2{background-color:var(--brown2)}.nu-u-bg-brown3{background-color:var(--brown3)}.nu-u-bg-brown4{background-color:var(--brown4)}.nu-u-bg-brown5{background-color:var(--brown5)}.nu-u-bg-brown6{background-color:var(--brown6)}.nu-u-bg-brown7{background-color:var(--brown7)}.nu-u-bg-brown8{background-color:var(--brown8)}.nu-u-bg-grey1{background-color:var(--grey1)}.nu-u-bg-grey2{background-color:var(--grey2)}.nu-u-bg-grey3{background-color:var(--grey3)}.nu-u-bg-grey4{background-color:var(--grey4)}.nu-u-bg-grey5{background-color:var(--grey5)}.nu-u-bg-grey6{background-color:var(--grey6)}.nu-u-bg-grey7{background-color:var(--grey7)}.nu-u-bg-grey8{background-color:var(--grey8)}.nu-u-bg-grey9{background-color:var(--grey9)}.nu-u-bg-grey10{background-color:var(--grey10)}.nu-u-text-red1{color:var(--red1)}.nu-u-text-red2{color:var(--red2)}.nu-u-text-red3{color:var(--red3)}.nu-u-text-red4{color:var(--red4)}.nu-u-text-red5{color:var(--red5)}.nu-u-text-red6{color:var(--red6)}.nu-u-text-red7{color:var(--red7)}.nu-u-text-red8{color:var(--red8)}.nu-u-text-orange1{color:var(--orange1)}.nu-u-text-orange2{color:var(--orange2)}.nu-u-text-orange3{color:var(--orange3)}.nu-u-text-orange4{color:var(--orange4)}.nu-u-text-orange5{color:var(--orange5)}.nu-u-text-orange6{color:var(--orange6)}.nu-u-text-orange7{color:var(--orange7)}.nu-u-text-orange8{color:var(--orange8)}.nu-u-text-yellow1{color:var(--yellow1)}.nu-u-text-yellow2{color:var(--yellow2)}.nu-u-text-yellow3{color:var(--yellow3)}.nu-u-text-yellow4{color:var(--yellow4)}.nu-u-text-yellow5{color:var(--yellow5)}.nu-u-text-yellow6{color:var(--yellow6)}.nu-u-text-yellow7{color:var(--yellow7)}.nu-u-text-yellow8{color:var(--yellow8)}.nu-u-text-green1{color:var(--green1)}.nu-u-text-green2{color:var(--green2)}.nu-u-text-green3{color:var(--green3)}.nu-u-text-green4{color:var(--green4)}.nu-u-text-green5{color:var(--green5)}.nu-u-text-green6{color:var(--green6)}.nu-u-text-green7{color:var(--green7)}.nu-u-text-green8{color:var(--green8)}.nu-u-text-mint1{color:var(--mint1)}.nu-u-text-mint2{color:var(--mint2)}.nu-u-text-mint3{color:var(--mint3)}.nu-u-text-mint4{color:var(--mint4)}.nu-u-text-mint5{color:var(--mint5)}.nu-u-text-mint6{color:var(--mint6)}.nu-u-text-mint7{color:var(--mint7)}.nu-u-text-mint8{color:var(--mint8)}.nu-u-text-teal1{color:var(--teal1)}.nu-u-text-teal2{color:var(--teal2)}.nu-u-text-teal3{color:var(--teal3)}.nu-u-text-teal4{color:var(--teal4)}.nu-u-text-teal5{color:var(--teal5)}.nu-u-text-teal6{color:var(--teal6)}.nu-u-text-teal7{color:var(--teal7)}.nu-u-text-teal8{color:var(--teal8)}.nu-u-text-cyan1{color:var(--cyan1)}.nu-u-text-cyan2{color:var(--cyan2)}.nu-u-text-cyan3{color:var(--cyan3)}.nu-u-text-cyan4{color:var(--cyan4)}.nu-u-text-cyan5{color:var(--cyan5)}.nu-u-text-cyan6{color:var(--cyan6)}.nu-u-text-cyan7{color:var(--cyan7)}.nu-u-text-cyan8{color:var(--cyan8)}.nu-u-text-blue1{color:var(--blue1)}.nu-u-text-blue2{color:var(--blue2)}.nu-u-text-blue3{color:var(--blue3)}.nu-u-text-blue4{color:var(--blue4)}.nu-u-text-blue5{color:var(--blue5)}.nu-u-text-blue6{color:var(--blue6)}.nu-u-text-blue7{color:var(--blue7)}.nu-u-text-blue8{color:var(--blue8)}.nu-u-text-indigo1{color:var(--indigo1)}.nu-u-text-indigo2{color:var(--indigo2)}.nu-u-text-indigo3{color:var(--indigo3)}.nu-u-text-indigo4{color:var(--indigo4)}.nu-u-text-indigo5{color:var(--indigo5)}.nu-u-text-indigo6{color:var(--indigo6)}.nu-u-text-indigo7{color:var(--indigo7)}.nu-u-text-indigo8{color:var(--indigo8)}.nu-u-text-purple1{color:var(--purple1)}.nu-u-text-purple2{color:var(--purple2)}.nu-u-text-purple3{color:var(--purple3)}.nu-u-text-purple4{color:var(--purple4)}.nu-u-text-purple5{color:var(--purple5)}.nu-u-text-purple6{color:var(--purple6)}.nu-u-text-purple7{color:var(--purple7)}.nu-u-text-purple8{color:var(--purple8)}.nu-u-text-pink1{color:var(--pink1)}.nu-u-text-pink2{color:var(--pink2)}.nu-u-text-pink3{color:var(--pink3)}.nu-u-text-pink4{color:var(--pink4)}.nu-u-text-pink5{color:var(--pink5)}.nu-u-text-pink6{color:var(--pink6)}.nu-u-text-pink7{color:var(--pink7)}.nu-u-text-pink8{color:var(--pink8)}.nu-u-text-brown1{color:var(--brown1)}.nu-u-text-brown2{color:var(--brown2)}.nu-u-text-brown3{color:var(--brown3)}.nu-u-text-brown4{color:var(--brown4)}.nu-u-text-brown5{color:var(--brown5)}.nu-u-text-brown6{color:var(--brown6)}.nu-u-text-brown7{color:var(--brown7)}.nu-u-text-brown8{color:var(--brown8)}.nu-u-text-grey1{color:var(--grey1)}.nu-u-text-grey2{color:var(--grey2)}.nu-u-text-grey3{color:var(--grey3)}.nu-u-text-grey4{color:var(--grey4)}.nu-u-text-grey5{color:var(--grey5)}.nu-u-text-grey6{color:var(--grey6)}.nu-u-text-grey7{color:var(--grey7)}.nu-u-text-grey8{color:var(--grey8)}.nu-u-text-grey9{color:var(--grey9)}.nu-u-text-grey10{color:var(--grey10)}.nu-u-bg{background-color:var(--white)}.nu-u-bg-secondary,.nu-u-bg-hover{background-color:var(--grey1)}.nu-u-bg-selected{background-color:var(--grey2)}.nu-u-bg-selected-hover{background-color:var(--grey3)}.nu-u-bg-red{background-color:var(--red1)}.nu-u-bg-orange{background-color:var(--orange1)}.nu-u-bg-yellow{background-color:var(--yellow1)}.nu-u-bg-green{background-color:var(--green)}.nu-u-bg-mint{background-color:var(--mint)}.nu-u-bg-teal{background-color:var(--teal1)}.nu-u-bg-cyan{background-color:var(--cyan1)}.nu-u-bg-blue{background-color:var(--blue1)}.nu-u-bg-indigo{background-color:var(--indigo1)}.nu-u-bg-purple{background-color:var(--purple1)}.nu-u-bg-pink{background-color:var(--pink)}.nu-u-bg-brown{background-color:var(--brown)}.nu-u-bg-black{background-color:var(--black)}.nu-u-bg-white{background-color:var(--white)}.nu-u-b--muted{border-color:var(--grey-2)}.nu-u-b{border-color:var(--grey4)}.nu-u-b--strong{border-color:var(--grey6)}.nu-u-text--primary{color:var(--grey10)}.nu-u-text--primary-alt{color:var(--grey8)}.nu-u-text--secondary{color:var(--grey7)}.nu-u-text--secondary-alt{color:var(--grey5)}.nu-u-text--placeholder::placeholder,.nu-u-text--placeholder::webkit-input-placeholder,.nu-u-text--placeholder:ms-input-placeholder{color:var(--grey4)}.nu-u-text--on-color{color:var(--white)}.nu-u-text--error{color:var(--red6)}.nu-u-text--success{color:var(--green6)}.nu-u-text-black{color:var(--black)}.nu-u-text-white{color:var(--white)}.nu-u-icon--primary{color:var(--grey9)}.nu-u-icon--secondary{color:var(--grey7)}.nu-u-icon--disabled{color:var(--grey4)}.nu-u-icon--on-color{color:var(--white)}.nu-u-link{color:var(--blue5)}.nu-u-link:hover{color:var(--blue6)}.nu-u-link--subtle{color:var(--grey8)}.nu-u-link--subtle:hover{color:var(--indigo5)}.nu-u-support--error{color:var(--red5)}.nu-u-support--warning{color:var(--yellow5)}.nu-u-support--success{color:var(--green5)}.nu-u-support--info{color:var(--blue5)}
|
|
2
2
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"AEAA,gyDCAA,gyDCAA,gyDCCA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CAEA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDAEA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDAEA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDAEA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,+CAEA,kCACA,kCACA,kCACA,kCACA,kCACA,kCACA,kCACA,kCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,sCACA,sCACA,sCACA,sCACA,sCACA,sCACA,sCACA,sCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,sCACA,sCACA,sCACA,sCACA,sCACA,sCACA,sCACA,sCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,sCAEA,uCACA,gEAEA,gDACA,sDACA,0CACA,gDACA,gDACA,6CACA,2CACA,4CACA,4CACA,4CACA,gDACA,gDACA,2CACA,6CAEA,6CACA,6CAGA,0CACA,kCACA,0CAGA,wCACA,2CACA,yCACA,uJAGA,wCACA,oCACA,wCAEA,oCACA,oCAGA,uCACA,yCACA,wCACA,wCAGA,8BAEE,oCAIF,sCAEE,8CAMF,uCACA,4CACA,2CACA","sources":["index.css","src/index.scss","src/_theme-light.scss","src/_theme-light--warm.scss","src/_theme-light--cold.scss","src/_utilities.scss"],"sourcesContent":[":root, [data-new-ui-theme=\"light\"] {\n --red1: #ffe7e6;\n --red2: #ffc8c5;\n --red3: #ff9993;\n --red4: #ff4a40;\n --red5: #ff3b30;\n --red6: #c22d25;\n --red7: #851f19;\n --red8: #47100d;\n --orange1: #fff2e0;\n --orange2: #ffe1b8;\n --orange3: #ffc87a;\n --orange4: #ff9d14;\n --orange5: #ff9500;\n --orange6: #c27100;\n --orange7: #854e00;\n --orange8: #472900;\n --yellow1: #fff9e0;\n --yellow2: #fff1b8;\n --yellow3: #ffe47a;\n --yellow4: #ffd014;\n --yellow5: #fc0;\n --yellow6: #c29b00;\n --yellow7: #856a00;\n --yellow8: #473900;\n --green1: #e6f8eb;\n --green2: #c6efd1;\n --green3: #95e2a8;\n --green4: #44cb66;\n --green5: #34c759;\n --green6: #289744;\n --green7: #1b682e;\n --green8: #0e3719;\n --mint1: #e0f8f7;\n --mint2: #b8efed;\n --mint3: #7ae2dd;\n --mint4: #14cbc3;\n --mint5: #00c7be;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n --teal1: #e6f5f8;\n --teal2: #c5e9ef;\n --teal3: #93d6e2;\n --teal4: #40b6cb;\n --teal5: #30b0c7;\n --teal6: #258697;\n --teal7: #195c68;\n --teal8: #0d3137;\n --cyan1: #e6f5fc;\n --cyan2: #c6e8f8;\n --cyan3: #94d4f2;\n --cyan4: #42b3e8;\n --cyan5: #32ade6;\n --cyan6: #2684af;\n --cyan7: #1a5a78;\n --cyan8: #0e3040;\n --blue1: #e0efff;\n --blue2: #b8daff;\n --blue3: #7abaff;\n --blue4: #1484ff;\n --blue5: #007aff;\n --blue6: #005dc2;\n --blue7: #004085;\n --blue8: #002247;\n --indigo1: #ebeafa;\n --indigo2: #d1d0f4;\n --indigo3: #a8a7ea;\n --indigo4: #6563d9;\n --indigo5: #5856d6;\n --indigo6: #4341a3;\n --indigo7: #2e2d70;\n --indigo8: #19183c;\n --purple1: #f5eafb;\n --purple2: #e9cff6;\n --purple3: #d5a5ee;\n --purple4: #b560e1;\n --purple5: #af52de;\n --purple6: #853ea9;\n --purple7: #5b2b74;\n --purple8: #31173e;\n --pink1: #ffe5ea;\n --pink2: #ffc5d0;\n --pink3: #ff91a6;\n --pink4: #ff3d62;\n --pink5: #ff2d55;\n --pink6: #c22241;\n --pink7: #85172c;\n --pink8: #470d18;\n --brown1: #f4f0eb;\n --brown2: #e5ddd2;\n --brown3: #cebfab;\n --brown4: #a98e6b;\n --brown5: #a2845e;\n --brown6: #7b6448;\n --brown7: #544531;\n --brown8: #2d251a;\n --grey1: #f4f4f4;\n --grey2: #e0e0e0;\n --grey3: #c6c6c6;\n --grey4: #a8a8a8;\n --grey5: #8d8d8d;\n --grey6: #6f6f6f;\n --grey7: #525252;\n --grey8: #393939;\n --grey9: #262626;\n --grey10: #161616;\n --black: #000;\n --white: #fff;\n}\n\n[data-new-ui-theme=\"light--warm\"] {\n --red1: #ffe7e6;\n --red2: #ffc8c5;\n --red3: #ff9993;\n --red4: #ff4a40;\n --red5: #ff3b30;\n --red6: #c22d25;\n --red7: #851f19;\n --red8: #47100d;\n --orange1: #fff2e0;\n --orange2: #ffe1b8;\n --orange3: #ffc87a;\n --orange4: #ff9d14;\n --orange5: #ff9500;\n --orange6: #c27100;\n --orange7: #854e00;\n --orange8: #472900;\n --yellow1: #fff9e0;\n --yellow2: #fff1b8;\n --yellow3: #ffe47a;\n --yellow4: #ffd014;\n --yellow5: #fc0;\n --yellow6: #c29b00;\n --yellow7: #856a00;\n --yellow8: #473900;\n --green1: #e6f8eb;\n --green2: #c6efd1;\n --green3: #95e2a8;\n --green4: #44cb66;\n --green5: #34c759;\n --green6: #289744;\n --green7: #1b682e;\n --green8: #0e3719;\n --mint1: #e0f8f7;\n --mint2: #b8efed;\n --mint3: #7ae2dd;\n --mint4: #14cbc3;\n --mint5: #00c7be;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n --teal1: #e6f5f8;\n --teal2: #c5e9ef;\n --teal3: #93d6e2;\n --teal4: #40b6cb;\n --teal5: #30b0c7;\n --teal6: #258697;\n --teal7: #195c68;\n --teal8: #0d3137;\n --cyan1: #e6f5fc;\n --cyan2: #c6e8f8;\n --cyan3: #94d4f2;\n --cyan4: #42b3e8;\n --cyan5: #32ade6;\n --cyan6: #2684af;\n --cyan7: #1a5a78;\n --cyan8: #0e3040;\n --blue1: #e0efff;\n --blue2: #b8daff;\n --blue3: #7abaff;\n --blue4: #1484ff;\n --blue5: #007aff;\n --blue6: #005dc2;\n --blue7: #004085;\n --blue8: #002247;\n --indigo1: #ebeafa;\n --indigo2: #d1d0f4;\n --indigo3: #a8a7ea;\n --indigo4: #6563d9;\n --indigo5: #5856d6;\n --indigo6: #4341a3;\n --indigo7: #2e2d70;\n --indigo8: #19183c;\n --purple1: #f5eafb;\n --purple2: #e9cff6;\n --purple3: #d5a5ee;\n --purple4: #b560e1;\n --purple5: #af52de;\n --purple6: #853ea9;\n --purple7: #5b2b74;\n --purple8: #31173e;\n --pink1: #ffe5ea;\n --pink2: #ffc5d0;\n --pink3: #ff91a6;\n --pink4: #ff3d62;\n --pink5: #ff2d55;\n --pink6: #c22241;\n --pink7: #85172c;\n --pink8: #470d18;\n --brown1: #f4f0eb;\n --brown2: #e5ddd2;\n --brown3: #cebfab;\n --brown4: #a98e6b;\n --brown5: #a2845e;\n --brown6: #7b6448;\n --brown7: #544531;\n --brown8: #2d251a;\n --grey1: #f7f3f2;\n --grey2: #e5e0df;\n --grey3: #cac5c4;\n --grey4: #ada8a8;\n --grey5: #8f8b8b;\n --grey6: #726e6e;\n --grey7: #565151;\n --grey8: #3c3838;\n --grey9: #272525;\n --grey10: #171414;\n --black: #000;\n --white: #fff;\n}\n\n[data-new-ui-theme=\"light--cold\"] {\n --red1: #ffe7e6;\n --red2: #ffc8c5;\n --red3: #ff9993;\n --red4: #ff4a40;\n --red5: #ff3b30;\n --red6: #c22d25;\n --red7: #851f19;\n --red8: #47100d;\n --orange1: #fff2e0;\n --orange2: #ffe1b8;\n --orange3: #ffc87a;\n --orange4: #ff9d14;\n --orange5: #ff9500;\n --orange6: #c27100;\n --orange7: #854e00;\n --orange8: #472900;\n --yellow1: #fff9e0;\n --yellow2: #fff1b8;\n --yellow3: #ffe47a;\n --yellow4: #ffd014;\n --yellow5: #fc0;\n --yellow6: #c29b00;\n --yellow7: #856a00;\n --yellow8: #473900;\n --green1: #e6f8eb;\n --green2: #c6efd1;\n --green3: #95e2a8;\n --green4: #44cb66;\n --green5: #34c759;\n --green6: #289744;\n --green7: #1b682e;\n --green8: #0e3719;\n --mint1: #e0f8f7;\n --mint2: #b8efed;\n --mint3: #7ae2dd;\n --mint4: #14cbc3;\n --mint5: #00c7be;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n --teal1: #e6f5f8;\n --teal2: #c5e9ef;\n --teal3: #93d6e2;\n --teal4: #40b6cb;\n --teal5: #30b0c7;\n --teal6: #258697;\n --teal7: #195c68;\n --teal8: #0d3137;\n --cyan1: #e6f5fc;\n --cyan2: #c6e8f8;\n --cyan3: #94d4f2;\n --cyan4: #42b3e8;\n --cyan5: #32ade6;\n --cyan6: #2684af;\n --cyan7: #1a5a78;\n --cyan8: #0e3040;\n --blue1: #e0efff;\n --blue2: #b8daff;\n --blue3: #7abaff;\n --blue4: #1484ff;\n --blue5: #007aff;\n --blue6: #005dc2;\n --blue7: #004085;\n --blue8: #002247;\n --indigo1: #ebeafa;\n --indigo2: #d1d0f4;\n --indigo3: #a8a7ea;\n --indigo4: #6563d9;\n --indigo5: #5856d6;\n --indigo6: #4341a3;\n --indigo7: #2e2d70;\n --indigo8: #19183c;\n --purple1: #f5eafb;\n --purple2: #e9cff6;\n --purple3: #d5a5ee;\n --purple4: #b560e1;\n --purple5: #af52de;\n --purple6: #853ea9;\n --purple7: #5b2b74;\n --purple8: #31173e;\n --pink1: #ffe5ea;\n --pink2: #ffc5d0;\n --pink3: #ff91a6;\n --pink4: #ff3d62;\n --pink5: #ff2d55;\n --pink6: #c22241;\n --pink7: #85172c;\n --pink8: #470d18;\n --brown1: #f4f0eb;\n --brown2: #e5ddd2;\n --brown3: #cebfab;\n --brown4: #a98e6b;\n --brown5: #a2845e;\n --brown6: #7b6448;\n --brown7: #544531;\n --brown8: #2d251a;\n --grey1: #f2f4f8;\n --grey2: #dde1e6;\n --grey3: #c1c7cd;\n --grey4: #a2a9b0;\n --grey5: #878d96;\n --grey6: #697077;\n --grey7: #4d5358;\n --grey8: #343a3f;\n --grey9: #21272a;\n --grey10: #121619;\n --black: #000;\n --white: #fff;\n}\n\n.nu-u-bg-red1 {\n background-color: var(--red1);\n}\n\n.nu-u-bg-red2 {\n background-color: var(--red2);\n}\n\n.nu-u-bg-red3 {\n background-color: var(--red3);\n}\n\n.nu-u-bg-red4 {\n background-color: var(--red4);\n}\n\n.nu-u-bg-red5 {\n background-color: var(--red5);\n}\n\n.nu-u-bg-red6 {\n background-color: var(--red6);\n}\n\n.nu-u-bg-red7 {\n background-color: var(--red7);\n}\n\n.nu-u-bg-red8 {\n background-color: var(--red8);\n}\n\n.nu-u-bg-orange1 {\n background-color: var(--orange1);\n}\n\n.nu-u-bg-orange2 {\n background-color: var(--orange2);\n}\n\n.nu-u-bg-orange3 {\n background-color: var(--orange3);\n}\n\n.nu-u-bg-orange4 {\n background-color: var(--orange4);\n}\n\n.nu-u-bg-orange5 {\n background-color: var(--orange5);\n}\n\n.nu-u-bg-orange6 {\n background-color: var(--orange6);\n}\n\n.nu-u-bg-orange7 {\n background-color: var(--orange7);\n}\n\n.nu-u-bg-orange8 {\n background-color: var(--orange8);\n}\n\n.nu-u-bg-yellow1 {\n background-color: var(--yellow1);\n}\n\n.nu-u-bg-yellow2 {\n background-color: var(--yellow2);\n}\n\n.nu-u-bg-yellow3 {\n background-color: var(--yellow3);\n}\n\n.nu-u-bg-yellow4 {\n background-color: var(--yellow4);\n}\n\n.nu-u-bg-yellow5 {\n background-color: var(--yellow5);\n}\n\n.nu-u-bg-yellow6 {\n background-color: var(--yellow6);\n}\n\n.nu-u-bg-yellow7 {\n background-color: var(--yellow7);\n}\n\n.nu-u-bg-yellow8 {\n background-color: var(--yellow8);\n}\n\n.nu-u-bg-green1 {\n background-color: var(--green1);\n}\n\n.nu-u-bg-green2 {\n background-color: var(--green2);\n}\n\n.nu-u-bg-green3 {\n background-color: var(--green3);\n}\n\n.nu-u-bg-green4 {\n background-color: var(--green4);\n}\n\n.nu-u-bg-green5 {\n background-color: var(--green5);\n}\n\n.nu-u-bg-green6 {\n background-color: var(--green6);\n}\n\n.nu-u-bg-green7 {\n background-color: var(--green7);\n}\n\n.nu-u-bg-green8 {\n background-color: var(--green8);\n}\n\n.nu-u-bg-mint1 {\n background-color: var(--mint1);\n}\n\n.nu-u-bg-mint2 {\n background-color: var(--mint2);\n}\n\n.nu-u-bg-mint3 {\n background-color: var(--mint3);\n}\n\n.nu-u-bg-mint4 {\n background-color: var(--mint4);\n}\n\n.nu-u-bg-mint5 {\n background-color: var(--mint5);\n}\n\n.nu-u-bg-mint6 {\n background-color: var(--mint6);\n}\n\n.nu-u-bg-mint7 {\n background-color: var(--mint7);\n}\n\n.nu-u-bg-mint8 {\n background-color: var(--mint8);\n}\n\n.nu-u-bg-teal1 {\n background-color: var(--teal1);\n}\n\n.nu-u-bg-teal2 {\n background-color: var(--teal2);\n}\n\n.nu-u-bg-teal3 {\n background-color: var(--teal3);\n}\n\n.nu-u-bg-teal4 {\n background-color: var(--teal4);\n}\n\n.nu-u-bg-teal5 {\n background-color: var(--teal5);\n}\n\n.nu-u-bg-teal6 {\n background-color: var(--teal6);\n}\n\n.nu-u-bg-teal7 {\n background-color: var(--teal7);\n}\n\n.nu-u-bg-teal8 {\n background-color: var(--teal8);\n}\n\n.nu-u-bg-cyan1 {\n background-color: var(--cyan1);\n}\n\n.nu-u-bg-cyan2 {\n background-color: var(--cyan2);\n}\n\n.nu-u-bg-cyan3 {\n background-color: var(--cyan3);\n}\n\n.nu-u-bg-cyan4 {\n background-color: var(--cyan4);\n}\n\n.nu-u-bg-cyan5 {\n background-color: var(--cyan5);\n}\n\n.nu-u-bg-cyan6 {\n background-color: var(--cyan6);\n}\n\n.nu-u-bg-cyan7 {\n background-color: var(--cyan7);\n}\n\n.nu-u-bg-cyan8 {\n background-color: var(--cyan8);\n}\n\n.nu-u-bg-blue1 {\n background-color: var(--blue1);\n}\n\n.nu-u-bg-blue2 {\n background-color: var(--blue2);\n}\n\n.nu-u-bg-blue3 {\n background-color: var(--blue3);\n}\n\n.nu-u-bg-blue4 {\n background-color: var(--blue4);\n}\n\n.nu-u-bg-blue5 {\n background-color: var(--blue5);\n}\n\n.nu-u-bg-blue6 {\n background-color: var(--blue6);\n}\n\n.nu-u-bg-blue7 {\n background-color: var(--blue7);\n}\n\n.nu-u-bg-blue8 {\n background-color: var(--blue8);\n}\n\n.nu-u-bg-indigo1 {\n background-color: var(--indigo1);\n}\n\n.nu-u-bg-indigo2 {\n background-color: var(--indigo2);\n}\n\n.nu-u-bg-indigo3 {\n background-color: var(--indigo3);\n}\n\n.nu-u-bg-indigo4 {\n background-color: var(--indigo4);\n}\n\n.nu-u-bg-indigo5 {\n background-color: var(--indigo5);\n}\n\n.nu-u-bg-indigo6 {\n background-color: var(--indigo6);\n}\n\n.nu-u-bg-indigo7 {\n background-color: var(--indigo7);\n}\n\n.nu-u-bg-indigo8 {\n background-color: var(--indigo8);\n}\n\n.nu-u-bg-purple1 {\n background-color: var(--purple1);\n}\n\n.nu-u-bg-purple2 {\n background-color: var(--purple2);\n}\n\n.nu-u-bg-purple3 {\n background-color: var(--purple3);\n}\n\n.nu-u-bg-purple4 {\n background-color: var(--purple4);\n}\n\n.nu-u-bg-purple5 {\n background-color: var(--purple5);\n}\n\n.nu-u-bg-purple6 {\n background-color: var(--purple6);\n}\n\n.nu-u-bg-purple7 {\n background-color: var(--purple7);\n}\n\n.nu-u-bg-purple8 {\n background-color: var(--purple8);\n}\n\n.nu-u-bg-pink1 {\n background-color: var(--pink1);\n}\n\n.nu-u-bg-pink2 {\n background-color: var(--pink2);\n}\n\n.nu-u-bg-pink3 {\n background-color: var(--pink3);\n}\n\n.nu-u-bg-pink4 {\n background-color: var(--pink4);\n}\n\n.nu-u-bg-pink5 {\n background-color: var(--pink5);\n}\n\n.nu-u-bg-pink6 {\n background-color: var(--pink6);\n}\n\n.nu-u-bg-pink7 {\n background-color: var(--pink7);\n}\n\n.nu-u-bg-pink8 {\n background-color: var(--pink8);\n}\n\n.nu-u-bg-brown1 {\n background-color: var(--brown1);\n}\n\n.nu-u-bg-brown2 {\n background-color: var(--brown2);\n}\n\n.nu-u-bg-brown3 {\n background-color: var(--brown3);\n}\n\n.nu-u-bg-brown4 {\n background-color: var(--brown4);\n}\n\n.nu-u-bg-brown5 {\n background-color: var(--brown5);\n}\n\n.nu-u-bg-brown6 {\n background-color: var(--brown6);\n}\n\n.nu-u-bg-brown7 {\n background-color: var(--brown7);\n}\n\n.nu-u-bg-brown8 {\n background-color: var(--brown8);\n}\n\n.nu-u-bg-grey1 {\n background-color: var(--grey1);\n}\n\n.nu-u-bg-grey2 {\n background-color: var(--grey2);\n}\n\n.nu-u-bg-grey3 {\n background-color: var(--grey3);\n}\n\n.nu-u-bg-grey4 {\n background-color: var(--grey4);\n}\n\n.nu-u-bg-grey5 {\n background-color: var(--grey5);\n}\n\n.nu-u-bg-grey6 {\n background-color: var(--grey6);\n}\n\n.nu-u-bg-grey7 {\n background-color: var(--grey7);\n}\n\n.nu-u-bg-grey8 {\n background-color: var(--grey8);\n}\n\n.nu-u-bg-grey9 {\n background-color: var(--grey9);\n}\n\n.nu-u-bg-grey10 {\n background-color: var(--grey10);\n}\n\n.nu-u-text-red1 {\n color: var(--red1);\n}\n\n.nu-u-text-red2 {\n color: var(--red2);\n}\n\n.nu-u-text-red3 {\n color: var(--red3);\n}\n\n.nu-u-text-red4 {\n color: var(--red4);\n}\n\n.nu-u-text-red5 {\n color: var(--red5);\n}\n\n.nu-u-text-red6 {\n color: var(--red6);\n}\n\n.nu-u-text-red7 {\n color: var(--red7);\n}\n\n.nu-u-text-red8 {\n color: var(--red8);\n}\n\n.nu-u-text-orange1 {\n color: var(--orange1);\n}\n\n.nu-u-text-orange2 {\n color: var(--orange2);\n}\n\n.nu-u-text-orange3 {\n color: var(--orange3);\n}\n\n.nu-u-text-orange4 {\n color: var(--orange4);\n}\n\n.nu-u-text-orange5 {\n color: var(--orange5);\n}\n\n.nu-u-text-orange6 {\n color: var(--orange6);\n}\n\n.nu-u-text-orange7 {\n color: var(--orange7);\n}\n\n.nu-u-text-orange8 {\n color: var(--orange8);\n}\n\n.nu-u-text-yellow1 {\n color: var(--yellow1);\n}\n\n.nu-u-text-yellow2 {\n color: var(--yellow2);\n}\n\n.nu-u-text-yellow3 {\n color: var(--yellow3);\n}\n\n.nu-u-text-yellow4 {\n color: var(--yellow4);\n}\n\n.nu-u-text-yellow5 {\n color: var(--yellow5);\n}\n\n.nu-u-text-yellow6 {\n color: var(--yellow6);\n}\n\n.nu-u-text-yellow7 {\n color: var(--yellow7);\n}\n\n.nu-u-text-yellow8 {\n color: var(--yellow8);\n}\n\n.nu-u-text-green1 {\n color: var(--green1);\n}\n\n.nu-u-text-green2 {\n color: var(--green2);\n}\n\n.nu-u-text-green3 {\n color: var(--green3);\n}\n\n.nu-u-text-green4 {\n color: var(--green4);\n}\n\n.nu-u-text-green5 {\n color: var(--green5);\n}\n\n.nu-u-text-green6 {\n color: var(--green6);\n}\n\n.nu-u-text-green7 {\n color: var(--green7);\n}\n\n.nu-u-text-green8 {\n color: var(--green8);\n}\n\n.nu-u-text-mint1 {\n color: var(--mint1);\n}\n\n.nu-u-text-mint2 {\n color: var(--mint2);\n}\n\n.nu-u-text-mint3 {\n color: var(--mint3);\n}\n\n.nu-u-text-mint4 {\n color: var(--mint4);\n}\n\n.nu-u-text-mint5 {\n color: var(--mint5);\n}\n\n.nu-u-text-mint6 {\n color: var(--mint6);\n}\n\n.nu-u-text-mint7 {\n color: var(--mint7);\n}\n\n.nu-u-text-mint8 {\n color: var(--mint8);\n}\n\n.nu-u-text-teal1 {\n color: var(--teal1);\n}\n\n.nu-u-text-teal2 {\n color: var(--teal2);\n}\n\n.nu-u-text-teal3 {\n color: var(--teal3);\n}\n\n.nu-u-text-teal4 {\n color: var(--teal4);\n}\n\n.nu-u-text-teal5 {\n color: var(--teal5);\n}\n\n.nu-u-text-teal6 {\n color: var(--teal6);\n}\n\n.nu-u-text-teal7 {\n color: var(--teal7);\n}\n\n.nu-u-text-teal8 {\n color: var(--teal8);\n}\n\n.nu-u-text-cyan1 {\n color: var(--cyan1);\n}\n\n.nu-u-text-cyan2 {\n color: var(--cyan2);\n}\n\n.nu-u-text-cyan3 {\n color: var(--cyan3);\n}\n\n.nu-u-text-cyan4 {\n color: var(--cyan4);\n}\n\n.nu-u-text-cyan5 {\n color: var(--cyan5);\n}\n\n.nu-u-text-cyan6 {\n color: var(--cyan6);\n}\n\n.nu-u-text-cyan7 {\n color: var(--cyan7);\n}\n\n.nu-u-text-cyan8 {\n color: var(--cyan8);\n}\n\n.nu-u-text-blue1 {\n color: var(--blue1);\n}\n\n.nu-u-text-blue2 {\n color: var(--blue2);\n}\n\n.nu-u-text-blue3 {\n color: var(--blue3);\n}\n\n.nu-u-text-blue4 {\n color: var(--blue4);\n}\n\n.nu-u-text-blue5 {\n color: var(--blue5);\n}\n\n.nu-u-text-blue6 {\n color: var(--blue6);\n}\n\n.nu-u-text-blue7 {\n color: var(--blue7);\n}\n\n.nu-u-text-blue8 {\n color: var(--blue8);\n}\n\n.nu-u-text-indigo1 {\n color: var(--indigo1);\n}\n\n.nu-u-text-indigo2 {\n color: var(--indigo2);\n}\n\n.nu-u-text-indigo3 {\n color: var(--indigo3);\n}\n\n.nu-u-text-indigo4 {\n color: var(--indigo4);\n}\n\n.nu-u-text-indigo5 {\n color: var(--indigo5);\n}\n\n.nu-u-text-indigo6 {\n color: var(--indigo6);\n}\n\n.nu-u-text-indigo7 {\n color: var(--indigo7);\n}\n\n.nu-u-text-indigo8 {\n color: var(--indigo8);\n}\n\n.nu-u-text-purple1 {\n color: var(--purple1);\n}\n\n.nu-u-text-purple2 {\n color: var(--purple2);\n}\n\n.nu-u-text-purple3 {\n color: var(--purple3);\n}\n\n.nu-u-text-purple4 {\n color: var(--purple4);\n}\n\n.nu-u-text-purple5 {\n color: var(--purple5);\n}\n\n.nu-u-text-purple6 {\n color: var(--purple6);\n}\n\n.nu-u-text-purple7 {\n color: var(--purple7);\n}\n\n.nu-u-text-purple8 {\n color: var(--purple8);\n}\n\n.nu-u-text-pink1 {\n color: var(--pink1);\n}\n\n.nu-u-text-pink2 {\n color: var(--pink2);\n}\n\n.nu-u-text-pink3 {\n color: var(--pink3);\n}\n\n.nu-u-text-pink4 {\n color: var(--pink4);\n}\n\n.nu-u-text-pink5 {\n color: var(--pink5);\n}\n\n.nu-u-text-pink6 {\n color: var(--pink6);\n}\n\n.nu-u-text-pink7 {\n color: var(--pink7);\n}\n\n.nu-u-text-pink8 {\n color: var(--pink8);\n}\n\n.nu-u-text-brown1 {\n color: var(--brown1);\n}\n\n.nu-u-text-brown2 {\n color: var(--brown2);\n}\n\n.nu-u-text-brown3 {\n color: var(--brown3);\n}\n\n.nu-u-text-brown4 {\n color: var(--brown4);\n}\n\n.nu-u-text-brown5 {\n color: var(--brown5);\n}\n\n.nu-u-text-brown6 {\n color: var(--brown6);\n}\n\n.nu-u-text-brown7 {\n color: var(--brown7);\n}\n\n.nu-u-text-brown8 {\n color: var(--brown8);\n}\n\n.nu-u-text-grey1 {\n color: var(--grey1);\n}\n\n.nu-u-text-grey2 {\n color: var(--grey2);\n}\n\n.nu-u-text-grey3 {\n color: var(--grey3);\n}\n\n.nu-u-text-grey4 {\n color: var(--grey4);\n}\n\n.nu-u-text-grey5 {\n color: var(--grey5);\n}\n\n.nu-u-text-grey6 {\n color: var(--grey6);\n}\n\n.nu-u-text-grey7 {\n color: var(--grey7);\n}\n\n.nu-u-text-grey8 {\n color: var(--grey8);\n}\n\n.nu-u-text-grey9 {\n color: var(--grey9);\n}\n\n.nu-u-text-grey10 {\n color: var(--grey10);\n}\n\n.nu-u-bg {\n background-color: var(--white);\n}\n\n.nu-u-bg-secondary, .nu-u-bg-hover {\n background-color: var(--grey1);\n}\n\n.nu-u-bg-selected {\n background-color: var(--grey2);\n}\n\n.nu-u-bg-selected-hover {\n background-color: var(--grey3);\n}\n\n.nu-u-bg-red {\n background-color: var(--red1);\n}\n\n.nu-u-bg-orange {\n background-color: var(--orange1);\n}\n\n.nu-u-bg-yellow {\n background-color: var(--yellow1);\n}\n\n.nu-u-bg-green {\n background-color: var(--green);\n}\n\n.nu-u-bg-mint {\n background-color: var(--mint);\n}\n\n.nu-u-bg-teal {\n background-color: var(--teal1);\n}\n\n.nu-u-bg-cyan {\n background-color: var(--cyan1);\n}\n\n.nu-u-bg-blue {\n background-color: var(--blue1);\n}\n\n.nu-u-bg-indigo {\n background-color: var(--indigo1);\n}\n\n.nu-u-bg-purple {\n background-color: var(--purple1);\n}\n\n.nu-u-bg-pink {\n background-color: var(--pink);\n}\n\n.nu-u-bg-brown {\n background-color: var(--brown);\n}\n\n.nu-u-bg-black {\n background-color: var(--black);\n}\n\n.nu-u-bg-white {\n background-color: var(--white);\n}\n\n.nu-u-b--muted {\n border-color: var(--grey-2);\n}\n\n.nu-u-b {\n border-color: var(--grey4);\n}\n\n.nu-u-b--strong {\n border-color: var(--grey6);\n}\n\n.nu-u-text--primary {\n color: var(--grey10);\n}\n\n.nu-u-text--primary-alt {\n color: var(--grey8);\n}\n\n.nu-u-text--secondary {\n color: var(--grey7);\n}\n\n.nu-u-text--placeholder::placeholder, .nu-u-text--placeholder::webkit-input-placeholder, .nu-u-text--placeholder:ms-input-placeholder {\n color: var(--grey4);\n}\n\n.nu-u-text--on-color {\n color: var(--white);\n}\n\n.nu-u-text--error {\n color: var(--red6);\n}\n\n.nu-u-text--success {\n color: var(--green6);\n}\n\n.nu-u-text-black {\n color: var(--black);\n}\n\n.nu-u-text-white {\n color: var(--white);\n}\n\n.nu-u-icon--primary {\n color: var(--grey9);\n}\n\n.nu-u-icon--secondary {\n color: var(--grey7);\n}\n\n.nu-u-icon--disabled {\n color: var(--grey4);\n}\n\n.nu-u-icon--on-color {\n color: var(--white);\n}\n\n.nu-u-link {\n color: var(--blue5);\n}\n\n.nu-u-link:hover {\n color: var(--blue6);\n}\n\n.nu-u-link--subtle {\n color: var(--grey8);\n}\n\n.nu-u-link--subtle:hover {\n color: var(--indigo5);\n}\n\n.nu-u-support--error {\n color: var(--red5);\n}\n\n.nu-u-support--warning {\n color: var(--yellow5);\n}\n\n.nu-u-support--success {\n color: var(--green5);\n}\n\n.nu-u-support--info {\n color: var(--blue5);\n}\n\n/*# sourceMappingURL=index.css.map */\n","@import 'theme-light';\n@import 'theme-light--warm';\n@import 'theme-light--cold';\n@import 'utilities';",":root, [data-new-ui-theme=\"light\"] {\n --red1: #FFE7E6;\n --red2: #FFC8C5;\n --red3: #FF9993;\n --red4: #FF4A40;\n --red5: #FF3B30;\n --red6: #C22D25;\n --red7: #851F19;\n --red8: #47100D;\n\n --orange1: #FFF2E0;\n --orange2: #FFE1B8;\n --orange3: #FFC87A;\n --orange4: #FF9D14;\n --orange5: #FF9500;\n --orange6: #C27100;\n --orange7: #854E00;\n --orange8: #472900;\n\n --yellow1: #FFF9E0;\n --yellow2: #FFF1B8;\n --yellow3: #FFE47A;\n --yellow4: #FFD014;\n --yellow5: #FFCC00;\n --yellow6: #C29B00;\n --yellow7: #856A00;\n --yellow8: #473900;\n\n --green1: #E6F8EB;\n --green2: #C6EFD1;\n --green3: #95E2A8;\n --green4: #44CB66;\n --green5: #34C759;\n --green6: #289744;\n --green7: #1B682E;\n --green8: #0E3719;\n\n --mint1: #E0F8F7;\n --mint2: #B8EFED;\n --mint3: #7AE2DD;\n --mint4: #14CBC3;\n --mint5: #00C7BE;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n\n --teal1: #E6F5F8;\n --teal2: #C5E9EF;\n --teal3: #93D6E2;\n --teal4: #40B6CB;\n --teal5: #30B0C7;\n --teal6: #258697;\n --teal7: #195C68;\n --teal8: #0D3137;\n\n --cyan1: #E6F5FC;\n --cyan2: #C6E8F8;\n --cyan3: #94D4F2;\n --cyan4: #42B3E8;\n --cyan5: #32ADE6;\n --cyan6: #2684AF;\n --cyan7: #1A5A78;\n --cyan8: #0E3040;\n\n --blue1: #E0EFFF;\n --blue2: #B8DAFF;\n --blue3: #7ABAFF;\n --blue4: #1484FF;\n --blue5: #007AFF;\n --blue6: #005DC2;\n --blue7: #004085;\n --blue8: #002247;\n\n --indigo1: #EBEAFA;\n --indigo2: #D1D0F4;\n --indigo3: #A8A7EA;\n --indigo4: #6563D9;\n --indigo5: #5856D6;\n --indigo6: #4341A3;\n --indigo7: #2E2D70;\n --indigo8: #19183C;\n\n --purple1: #F5EAFB;\n --purple2: #E9CFF6;\n --purple3: #D5A5EE;\n --purple4: #B560E1;\n --purple5: #AF52DE;\n --purple6: #853EA9;\n --purple7: #5B2B74;\n --purple8: #31173E;\n\n --pink1: #FFE5EA;\n --pink2: #FFC5D0;\n --pink3: #FF91A6;\n --pink4: #FF3D62;\n --pink5: #FF2D55;\n --pink6: #C22241;\n --pink7: #85172C;\n --pink8: #470D18;\n\n --brown1: #F4F0EB;\n --brown2: #E5DDD2;\n --brown3: #CEBFAB;\n --brown4: #A98E6B;\n --brown5: #A2845E;\n --brown6: #7B6448;\n --brown7: #544531;\n --brown8: #2D251A;\n\n --grey1: #F4F4F4;\n --grey2: #E0E0E0;\n --grey3: #C6C6C6;\n --grey4: #A8A8A8;\n --grey5: #8D8D8D;\n --grey6: #6F6F6F;\n --grey7: #525252;\n --grey8: #393939;\n --grey9: #262626;\n --grey10: #161616;\n\n --black: #000000;\n --white: #ffffff;\n}","[data-new-ui-theme=\"light--warm\"] {\n --red1: #FFE7E6;\n --red2: #FFC8C5;\n --red3: #FF9993;\n --red4: #FF4A40;\n --red5: #FF3B30;\n --red6: #C22D25;\n --red7: #851F19;\n --red8: #47100D;\n\n --orange1: #FFF2E0;\n --orange2: #FFE1B8;\n --orange3: #FFC87A;\n --orange4: #FF9D14;\n --orange5: #FF9500;\n --orange6: #C27100;\n --orange7: #854E00;\n --orange8: #472900;\n\n --yellow1: #FFF9E0;\n --yellow2: #FFF1B8;\n --yellow3: #FFE47A;\n --yellow4: #FFD014;\n --yellow5: #FFCC00;\n --yellow6: #C29B00;\n --yellow7: #856A00;\n --yellow8: #473900;\n\n --green1: #E6F8EB;\n --green2: #C6EFD1;\n --green3: #95E2A8;\n --green4: #44CB66;\n --green5: #34C759;\n --green6: #289744;\n --green7: #1B682E;\n --green8: #0E3719;\n\n --mint1: #E0F8F7;\n --mint2: #B8EFED;\n --mint3: #7AE2DD;\n --mint4: #14CBC3;\n --mint5: #00C7BE;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n\n --teal1: #E6F5F8;\n --teal2: #C5E9EF;\n --teal3: #93D6E2;\n --teal4: #40B6CB;\n --teal5: #30B0C7;\n --teal6: #258697;\n --teal7: #195C68;\n --teal8: #0D3137;\n\n --cyan1: #E6F5FC;\n --cyan2: #C6E8F8;\n --cyan3: #94D4F2;\n --cyan4: #42B3E8;\n --cyan5: #32ADE6;\n --cyan6: #2684AF;\n --cyan7: #1A5A78;\n --cyan8: #0E3040;\n\n --blue1: #E0EFFF;\n --blue2: #B8DAFF;\n --blue3: #7ABAFF;\n --blue4: #1484FF;\n --blue5: #007AFF;\n --blue6: #005DC2;\n --blue7: #004085;\n --blue8: #002247;\n\n --indigo1: #EBEAFA;\n --indigo2: #D1D0F4;\n --indigo3: #A8A7EA;\n --indigo4: #6563D9;\n --indigo5: #5856D6;\n --indigo6: #4341A3;\n --indigo7: #2E2D70;\n --indigo8: #19183C;\n\n --purple1: #F5EAFB;\n --purple2: #E9CFF6;\n --purple3: #D5A5EE;\n --purple4: #B560E1;\n --purple5: #AF52DE;\n --purple6: #853EA9;\n --purple7: #5B2B74;\n --purple8: #31173E;\n\n --pink1: #FFE5EA;\n --pink2: #FFC5D0;\n --pink3: #FF91A6;\n --pink4: #FF3D62;\n --pink5: #FF2D55;\n --pink6: #C22241;\n --pink7: #85172C;\n --pink8: #470D18;\n\n --brown1: #F4F0EB;\n --brown2: #E5DDD2;\n --brown3: #CEBFAB;\n --brown4: #A98E6B;\n --brown5: #A2845E;\n --brown6: #7B6448;\n --brown7: #544531;\n --brown8: #2D251A;\n\n --grey1: #F7F3F2;\n --grey2: #E5E0DF;\n --grey3: #CAC5C4;\n --grey4: #ADA8A8;\n --grey5: #8F8B8B;\n --grey6: #726E6E;\n --grey7: #565151;\n --grey8: #3C3838;\n --grey9: #272525;\n --grey10: #171414;\n\n --black: #000000;\n --white: #ffffff;\n}","[data-new-ui-theme=\"light--cold\"] {\n --red1: #FFE7E6;\n --red2: #FFC8C5;\n --red3: #FF9993;\n --red4: #FF4A40;\n --red5: #FF3B30;\n --red6: #C22D25;\n --red7: #851F19;\n --red8: #47100D;\n\n --orange1: #FFF2E0;\n --orange2: #FFE1B8;\n --orange3: #FFC87A;\n --orange4: #FF9D14;\n --orange5: #FF9500;\n --orange6: #C27100;\n --orange7: #854E00;\n --orange8: #472900;\n\n --yellow1: #FFF9E0;\n --yellow2: #FFF1B8;\n --yellow3: #FFE47A;\n --yellow4: #FFD014;\n --yellow5: #FFCC00;\n --yellow6: #C29B00;\n --yellow7: #856A00;\n --yellow8: #473900;\n\n --green1: #E6F8EB;\n --green2: #C6EFD1;\n --green3: #95E2A8;\n --green4: #44CB66;\n --green5: #34C759;\n --green6: #289744;\n --green7: #1B682E;\n --green8: #0E3719;\n\n --mint1: #E0F8F7;\n --mint2: #B8EFED;\n --mint3: #7AE2DD;\n --mint4: #14CBC3;\n --mint5: #00C7BE;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n\n --teal1: #E6F5F8;\n --teal2: #C5E9EF;\n --teal3: #93D6E2;\n --teal4: #40B6CB;\n --teal5: #30B0C7;\n --teal6: #258697;\n --teal7: #195C68;\n --teal8: #0D3137;\n\n --cyan1: #E6F5FC;\n --cyan2: #C6E8F8;\n --cyan3: #94D4F2;\n --cyan4: #42B3E8;\n --cyan5: #32ADE6;\n --cyan6: #2684AF;\n --cyan7: #1A5A78;\n --cyan8: #0E3040;\n\n --blue1: #E0EFFF;\n --blue2: #B8DAFF;\n --blue3: #7ABAFF;\n --blue4: #1484FF;\n --blue5: #007AFF;\n --blue6: #005DC2;\n --blue7: #004085;\n --blue8: #002247;\n\n --indigo1: #EBEAFA;\n --indigo2: #D1D0F4;\n --indigo3: #A8A7EA;\n --indigo4: #6563D9;\n --indigo5: #5856D6;\n --indigo6: #4341A3;\n --indigo7: #2E2D70;\n --indigo8: #19183C;\n\n --purple1: #F5EAFB;\n --purple2: #E9CFF6;\n --purple3: #D5A5EE;\n --purple4: #B560E1;\n --purple5: #AF52DE;\n --purple6: #853EA9;\n --purple7: #5B2B74;\n --purple8: #31173E;\n\n --pink1: #FFE5EA;\n --pink2: #FFC5D0;\n --pink3: #FF91A6;\n --pink4: #FF3D62;\n --pink5: #FF2D55;\n --pink6: #C22241;\n --pink7: #85172C;\n --pink8: #470D18;\n\n --brown1: #F4F0EB;\n --brown2: #E5DDD2;\n --brown3: #CEBFAB;\n --brown4: #A98E6B;\n --brown5: #A2845E;\n --brown6: #7B6448;\n --brown7: #544531;\n --brown8: #2D251A;\n\n --grey1: #F2F4F8;\n --grey2: #DDE1E6;\n --grey3: #C1C7CD;\n --grey4: #A2A9B0;\n --grey5: #878D96;\n --grey6: #697077;\n --grey7: #4D5358;\n --grey8: #343A3F;\n --grey9: #21272A;\n --grey10: #121619;\n\n --black: #000000;\n --white: #ffffff;\n}","\n.nu-u-bg-red1 {background-color: var(--red1);}\n.nu-u-bg-red2 {background-color: var(--red2);}\n.nu-u-bg-red3 {background-color: var(--red3);}\n.nu-u-bg-red4 {background-color: var(--red4);}\n.nu-u-bg-red5 {background-color: var(--red5);}\n.nu-u-bg-red6 {background-color: var(--red6);}\n.nu-u-bg-red7 {background-color: var(--red7);}\n.nu-u-bg-red8 {background-color: var(--red8);}\n\n.nu-u-bg-orange1 {background-color: var(--orange1);}\n.nu-u-bg-orange2 {background-color: var(--orange2);}\n.nu-u-bg-orange3 {background-color: var(--orange3);}\n.nu-u-bg-orange4 {background-color: var(--orange4);}\n.nu-u-bg-orange5 {background-color: var(--orange5);}\n.nu-u-bg-orange6 {background-color: var(--orange6);}\n.nu-u-bg-orange7 {background-color: var(--orange7);}\n.nu-u-bg-orange8 {background-color: var(--orange8);}\n\n.nu-u-bg-yellow1 {background-color: var(--yellow1);}\n.nu-u-bg-yellow2 {background-color: var(--yellow2);}\n.nu-u-bg-yellow3 {background-color: var(--yellow3);}\n.nu-u-bg-yellow4 {background-color: var(--yellow4);}\n.nu-u-bg-yellow5 {background-color: var(--yellow5);}\n.nu-u-bg-yellow6 {background-color: var(--yellow6);}\n.nu-u-bg-yellow7 {background-color: var(--yellow7);}\n.nu-u-bg-yellow8 {background-color: var(--yellow8);}\n\n.nu-u-bg-green1 {background-color: var(--green1);}\n.nu-u-bg-green2 {background-color: var(--green2);}\n.nu-u-bg-green3 {background-color: var(--green3);}\n.nu-u-bg-green4 {background-color: var(--green4);}\n.nu-u-bg-green5 {background-color: var(--green5);}\n.nu-u-bg-green6 {background-color: var(--green6);}\n.nu-u-bg-green7 {background-color: var(--green7);}\n.nu-u-bg-green8 {background-color: var(--green8);}\n\n.nu-u-bg-mint1 {background-color: var(--mint1);}\n.nu-u-bg-mint2 {background-color: var(--mint2);}\n.nu-u-bg-mint3 {background-color: var(--mint3);}\n.nu-u-bg-mint4 {background-color: var(--mint4);}\n.nu-u-bg-mint5 {background-color: var(--mint5);}\n.nu-u-bg-mint6 {background-color: var(--mint6);}\n.nu-u-bg-mint7 {background-color: var(--mint7);}\n.nu-u-bg-mint8 {background-color: var(--mint8);}\n\n.nu-u-bg-teal1 {background-color: var(--teal1);}\n.nu-u-bg-teal2 {background-color: var(--teal2);}\n.nu-u-bg-teal3 {background-color: var(--teal3);}\n.nu-u-bg-teal4 {background-color: var(--teal4);}\n.nu-u-bg-teal5 {background-color: var(--teal5);}\n.nu-u-bg-teal6 {background-color: var(--teal6);}\n.nu-u-bg-teal7 {background-color: var(--teal7);}\n.nu-u-bg-teal8 {background-color: var(--teal8);}\n\n.nu-u-bg-cyan1 {background-color: var(--cyan1);}\n.nu-u-bg-cyan2 {background-color: var(--cyan2);}\n.nu-u-bg-cyan3 {background-color: var(--cyan3);}\n.nu-u-bg-cyan4 {background-color: var(--cyan4);}\n.nu-u-bg-cyan5 {background-color: var(--cyan5);}\n.nu-u-bg-cyan6 {background-color: var(--cyan6);}\n.nu-u-bg-cyan7 {background-color: var(--cyan7);}\n.nu-u-bg-cyan8 {background-color: var(--cyan8);}\n\n.nu-u-bg-blue1 {background-color: var(--blue1);}\n.nu-u-bg-blue2 {background-color: var(--blue2);}\n.nu-u-bg-blue3 {background-color: var(--blue3);}\n.nu-u-bg-blue4 {background-color: var(--blue4);}\n.nu-u-bg-blue5 {background-color: var(--blue5);}\n.nu-u-bg-blue6 {background-color: var(--blue6);}\n.nu-u-bg-blue7 {background-color: var(--blue7);}\n.nu-u-bg-blue8 {background-color: var(--blue8);}\n\n.nu-u-bg-indigo1 {background-color: var(--indigo1);}\n.nu-u-bg-indigo2 {background-color: var(--indigo2);}\n.nu-u-bg-indigo3 {background-color: var(--indigo3);}\n.nu-u-bg-indigo4 {background-color: var(--indigo4);}\n.nu-u-bg-indigo5 {background-color: var(--indigo5);}\n.nu-u-bg-indigo6 {background-color: var(--indigo6);}\n.nu-u-bg-indigo7 {background-color: var(--indigo7);}\n.nu-u-bg-indigo8 {background-color: var(--indigo8);}\n\n.nu-u-bg-purple1 {background-color: var(--purple1);}\n.nu-u-bg-purple2 {background-color: var(--purple2);}\n.nu-u-bg-purple3 {background-color: var(--purple3);}\n.nu-u-bg-purple4 {background-color: var(--purple4);}\n.nu-u-bg-purple5 {background-color: var(--purple5);}\n.nu-u-bg-purple6 {background-color: var(--purple6);}\n.nu-u-bg-purple7 {background-color: var(--purple7);}\n.nu-u-bg-purple8 {background-color: var(--purple8);}\n\n.nu-u-bg-pink1 {background-color: var(--pink1);}\n.nu-u-bg-pink2 {background-color: var(--pink2);}\n.nu-u-bg-pink3 {background-color: var(--pink3);}\n.nu-u-bg-pink4 {background-color: var(--pink4);}\n.nu-u-bg-pink5 {background-color: var(--pink5);}\n.nu-u-bg-pink6 {background-color: var(--pink6);}\n.nu-u-bg-pink7 {background-color: var(--pink7);}\n.nu-u-bg-pink8 {background-color: var(--pink8);}\n\n.nu-u-bg-brown1 {background-color: var(--brown1);}\n.nu-u-bg-brown2 {background-color: var(--brown2);}\n.nu-u-bg-brown3 {background-color: var(--brown3);}\n.nu-u-bg-brown4 {background-color: var(--brown4);}\n.nu-u-bg-brown5 {background-color: var(--brown5);}\n.nu-u-bg-brown6 {background-color: var(--brown6);}\n.nu-u-bg-brown7 {background-color: var(--brown7);}\n.nu-u-bg-brown8 {background-color: var(--brown8);}\n\n.nu-u-bg-grey1 {background-color: var(--grey1);}\n.nu-u-bg-grey2 {background-color: var(--grey2);}\n.nu-u-bg-grey3 {background-color: var(--grey3);}\n.nu-u-bg-grey4 {background-color: var(--grey4);}\n.nu-u-bg-grey5 {background-color: var(--grey5);}\n.nu-u-bg-grey6 {background-color: var(--grey6);}\n.nu-u-bg-grey7 {background-color: var(--grey7);}\n.nu-u-bg-grey8 {background-color: var(--grey8);}\n.nu-u-bg-grey9 {background-color: var(--grey9);}\n.nu-u-bg-grey10 {background-color: var(--grey10);}\n\n.nu-u-text-red1 {color: var(--red1);}\n.nu-u-text-red2 {color: var(--red2);}\n.nu-u-text-red3 {color: var(--red3);}\n.nu-u-text-red4 {color: var(--red4);}\n.nu-u-text-red5 {color: var(--red5);}\n.nu-u-text-red6 {color: var(--red6);}\n.nu-u-text-red7 {color: var(--red7);}\n.nu-u-text-red8 {color: var(--red8);}\n\n.nu-u-text-orange1 {color: var(--orange1);}\n.nu-u-text-orange2 {color: var(--orange2);}\n.nu-u-text-orange3 {color: var(--orange3);}\n.nu-u-text-orange4 {color: var(--orange4);}\n.nu-u-text-orange5 {color: var(--orange5);}\n.nu-u-text-orange6 {color: var(--orange6);}\n.nu-u-text-orange7 {color: var(--orange7);}\n.nu-u-text-orange8 {color: var(--orange8);}\n\n.nu-u-text-yellow1 {color: var(--yellow1);}\n.nu-u-text-yellow2 {color: var(--yellow2);}\n.nu-u-text-yellow3 {color: var(--yellow3);}\n.nu-u-text-yellow4 {color: var(--yellow4);}\n.nu-u-text-yellow5 {color: var(--yellow5);}\n.nu-u-text-yellow6 {color: var(--yellow6);}\n.nu-u-text-yellow7 {color: var(--yellow7);}\n.nu-u-text-yellow8 {color: var(--yellow8);}\n\n.nu-u-text-green1 {color: var(--green1);}\n.nu-u-text-green2 {color: var(--green2);}\n.nu-u-text-green3 {color: var(--green3);}\n.nu-u-text-green4 {color: var(--green4);}\n.nu-u-text-green5 {color: var(--green5);}\n.nu-u-text-green6 {color: var(--green6);}\n.nu-u-text-green7 {color: var(--green7);}\n.nu-u-text-green8 {color: var(--green8);}\n\n.nu-u-text-mint1 {color: var(--mint1);}\n.nu-u-text-mint2 {color: var(--mint2);}\n.nu-u-text-mint3 {color: var(--mint3);}\n.nu-u-text-mint4 {color: var(--mint4);}\n.nu-u-text-mint5 {color: var(--mint5);}\n.nu-u-text-mint6 {color: var(--mint6);}\n.nu-u-text-mint7 {color: var(--mint7);}\n.nu-u-text-mint8 {color: var(--mint8);}\n\n.nu-u-text-teal1 {color: var(--teal1);}\n.nu-u-text-teal2 {color: var(--teal2);}\n.nu-u-text-teal3 {color: var(--teal3);}\n.nu-u-text-teal4 {color: var(--teal4);}\n.nu-u-text-teal5 {color: var(--teal5);}\n.nu-u-text-teal6 {color: var(--teal6);}\n.nu-u-text-teal7 {color: var(--teal7);}\n.nu-u-text-teal8 {color: var(--teal8);}\n\n.nu-u-text-cyan1 {color: var(--cyan1);}\n.nu-u-text-cyan2 {color: var(--cyan2);}\n.nu-u-text-cyan3 {color: var(--cyan3);}\n.nu-u-text-cyan4 {color: var(--cyan4);}\n.nu-u-text-cyan5 {color: var(--cyan5);}\n.nu-u-text-cyan6 {color: var(--cyan6);}\n.nu-u-text-cyan7 {color: var(--cyan7);}\n.nu-u-text-cyan8 {color: var(--cyan8);}\n\n.nu-u-text-blue1 {color: var(--blue1);}\n.nu-u-text-blue2 {color: var(--blue2);}\n.nu-u-text-blue3 {color: var(--blue3);}\n.nu-u-text-blue4 {color: var(--blue4);}\n.nu-u-text-blue5 {color: var(--blue5);}\n.nu-u-text-blue6 {color: var(--blue6);}\n.nu-u-text-blue7 {color: var(--blue7);}\n.nu-u-text-blue8 {color: var(--blue8);}\n\n.nu-u-text-indigo1 {color: var(--indigo1);}\n.nu-u-text-indigo2 {color: var(--indigo2);}\n.nu-u-text-indigo3 {color: var(--indigo3);}\n.nu-u-text-indigo4 {color: var(--indigo4);}\n.nu-u-text-indigo5 {color: var(--indigo5);}\n.nu-u-text-indigo6 {color: var(--indigo6);}\n.nu-u-text-indigo7 {color: var(--indigo7);}\n.nu-u-text-indigo8 {color: var(--indigo8);}\n\n.nu-u-text-purple1 {color: var(--purple1);}\n.nu-u-text-purple2 {color: var(--purple2);}\n.nu-u-text-purple3 {color: var(--purple3);}\n.nu-u-text-purple4 {color: var(--purple4);}\n.nu-u-text-purple5 {color: var(--purple5);}\n.nu-u-text-purple6 {color: var(--purple6);}\n.nu-u-text-purple7 {color: var(--purple7);}\n.nu-u-text-purple8 {color: var(--purple8);}\n\n.nu-u-text-pink1 {color: var(--pink1);}\n.nu-u-text-pink2 {color: var(--pink2);}\n.nu-u-text-pink3 {color: var(--pink3);}\n.nu-u-text-pink4 {color: var(--pink4);}\n.nu-u-text-pink5 {color: var(--pink5);}\n.nu-u-text-pink6 {color: var(--pink6);}\n.nu-u-text-pink7 {color: var(--pink7);}\n.nu-u-text-pink8 {color: var(--pink8);}\n\n.nu-u-text-brown1 {color: var(--brown1);}\n.nu-u-text-brown2 {color: var(--brown2);}\n.nu-u-text-brown3 {color: var(--brown3);}\n.nu-u-text-brown4 {color: var(--brown4);}\n.nu-u-text-brown5 {color: var(--brown5);}\n.nu-u-text-brown6 {color: var(--brown6);}\n.nu-u-text-brown7 {color: var(--brown7);}\n.nu-u-text-brown8 {color: var(--brown8);}\n\n.nu-u-text-grey1 {color: var(--grey1);}\n.nu-u-text-grey2 {color: var(--grey2);}\n.nu-u-text-grey3 {color: var(--grey3);}\n.nu-u-text-grey4 {color: var(--grey4);}\n.nu-u-text-grey5 {color: var(--grey5);}\n.nu-u-text-grey6 {color: var(--grey6);}\n.nu-u-text-grey7 {color: var(--grey7);}\n.nu-u-text-grey8 {color: var(--grey8);}\n.nu-u-text-grey9 {color: var(--grey9);}\n.nu-u-text-grey10 {color: var(--grey10);}\n\n.nu-u-bg {background-color: var(--white);}\n.nu-u-bg-secondary {background-color: var(--grey1);}\n.nu-u-bg-hover {background-color: var(--grey1);}\n.nu-u-bg-selected {background-color: var(--grey2);}\n.nu-u-bg-selected-hover {background-color: var(--grey3);}\n.nu-u-bg-red {background-color: var(--red1);}\n.nu-u-bg-orange {background-color: var(--orange1);}\n.nu-u-bg-yellow {background-color: var(--yellow1);}\n.nu-u-bg-green {background-color: var(--green);}\n.nu-u-bg-mint {background-color: var(--mint);}\n.nu-u-bg-teal {background-color: var(--teal1);}\n.nu-u-bg-cyan {background-color: var(--cyan1);}\n.nu-u-bg-blue {background-color: var(--blue1);}\n.nu-u-bg-indigo {background-color: var(--indigo1);}\n.nu-u-bg-purple {background-color: var(--purple1);}\n.nu-u-bg-pink {background-color: var(--pink);}\n.nu-u-bg-brown {background-color: var(--brown);}\n\n.nu-u-bg-black {background-color: var(--black);}\n.nu-u-bg-white {background-color: var(--white);}\n\n/* Border */\n.nu-u-b--muted {border-color: var(--grey-2);}\n.nu-u-b {border-color: var(--grey4);}\n.nu-u-b--strong {border-color: var(--grey6);}\n\n/* Text */\n.nu-u-text--primary {color: var(--grey10);}\n.nu-u-text--primary-alt {color: var(--grey8);}\n.nu-u-text--secondary {color: var(--grey7);}\n.nu-u-text--placeholder::placeholder, \n.nu-u-text--placeholder::webkit-input-placeholder,\n.nu-u-text--placeholder:ms-input-placeholder {color: var(--grey4);}\n.nu-u-text--on-color {color: var(--white);}\n.nu-u-text--error {color: var(--red6);}\n.nu-u-text--success {color: var(--green6);}\n\n.nu-u-text-black {color: var(--black);}\n.nu-u-text-white {color: var(--white);}\n\n/* Icons */\n.nu-u-icon--primary {color: var(--grey9);}\n.nu-u-icon--secondary {color: var(--grey7);}\n.nu-u-icon--disabled {color: var(--grey4);}\n.nu-u-icon--on-color {color: var(--white);}\n\n/* Links */\n.nu-u-link {\n color: var(--blue5);\n &:hover {\n color: var(--blue6);\n }\n}\n.nu-u-link--subtle {\n color: var(--grey8);\n &:hover {\n color: var(--indigo5);\n }\n}\n\n/* Support */\n.nu-u-support--error {color: var(--red5);}\n.nu-u-support--warning {color: var(--yellow5);}\n.nu-u-support--success {color: var(--green5);}\n.nu-u-support--info {color: var(--blue5);}"],"names":[],"version":3,"file":"index.css.map"}
|
|
1
|
+
{"mappings":"AEAA,gyDCAA,gyDCAA,gyDCCA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CAEA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDAEA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDAEA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDAEA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,+CAEA,kCACA,kCACA,kCACA,kCACA,kCACA,kCACA,kCACA,kCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,sCACA,sCACA,sCACA,sCACA,sCACA,sCACA,sCACA,sCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,sCACA,sCACA,sCACA,sCACA,sCACA,sCACA,sCACA,sCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,sCAEA,uCACA,gEAEA,gDACA,sDACA,0CACA,gDACA,gDACA,6CACA,2CACA,4CACA,4CACA,4CACA,gDACA,gDACA,2CACA,6CAEA,6CACA,6CAGA,0CACA,kCACA,0CAGA,wCACA,2CACA,yCACA,6CACA,uJAGA,wCACA,oCACA,wCAEA,oCACA,oCAGA,uCACA,yCACA,wCACA,wCAGA,8BAEE,oCAIF,sCAEE,8CAMF,uCACA,4CACA,2CACA","sources":["index.css","src/index.scss","src/_theme-light.scss","src/_theme-light--warm.scss","src/_theme-light--cold.scss","src/_utilities.scss"],"sourcesContent":[":root, [data-new-ui-theme=\"light\"] {\n --red1: #ffe7e6;\n --red2: #ffc8c5;\n --red3: #ff9993;\n --red4: #ff4a40;\n --red5: #ff3b30;\n --red6: #c22d25;\n --red7: #851f19;\n --red8: #47100d;\n --orange1: #fff2e0;\n --orange2: #ffe1b8;\n --orange3: #ffc87a;\n --orange4: #ff9d14;\n --orange5: #ff9500;\n --orange6: #c27100;\n --orange7: #854e00;\n --orange8: #472900;\n --yellow1: #fff9e0;\n --yellow2: #fff1b8;\n --yellow3: #ffe47a;\n --yellow4: #ffd014;\n --yellow5: #fc0;\n --yellow6: #c29b00;\n --yellow7: #856a00;\n --yellow8: #473900;\n --green1: #e6f8eb;\n --green2: #c6efd1;\n --green3: #95e2a8;\n --green4: #44cb66;\n --green5: #34c759;\n --green6: #289744;\n --green7: #1b682e;\n --green8: #0e3719;\n --mint1: #e0f8f7;\n --mint2: #b8efed;\n --mint3: #7ae2dd;\n --mint4: #14cbc3;\n --mint5: #00c7be;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n --teal1: #e6f5f8;\n --teal2: #c5e9ef;\n --teal3: #93d6e2;\n --teal4: #40b6cb;\n --teal5: #30b0c7;\n --teal6: #258697;\n --teal7: #195c68;\n --teal8: #0d3137;\n --cyan1: #e6f5fc;\n --cyan2: #c6e8f8;\n --cyan3: #94d4f2;\n --cyan4: #42b3e8;\n --cyan5: #32ade6;\n --cyan6: #2684af;\n --cyan7: #1a5a78;\n --cyan8: #0e3040;\n --blue1: #e0efff;\n --blue2: #b8daff;\n --blue3: #7abaff;\n --blue4: #1484ff;\n --blue5: #007aff;\n --blue6: #005dc2;\n --blue7: #004085;\n --blue8: #002247;\n --indigo1: #ebeafa;\n --indigo2: #d1d0f4;\n --indigo3: #a8a7ea;\n --indigo4: #6563d9;\n --indigo5: #5856d6;\n --indigo6: #4341a3;\n --indigo7: #2e2d70;\n --indigo8: #19183c;\n --purple1: #f5eafb;\n --purple2: #e9cff6;\n --purple3: #d5a5ee;\n --purple4: #b560e1;\n --purple5: #af52de;\n --purple6: #853ea9;\n --purple7: #5b2b74;\n --purple8: #31173e;\n --pink1: #ffe5ea;\n --pink2: #ffc5d0;\n --pink3: #ff91a6;\n --pink4: #ff3d62;\n --pink5: #ff2d55;\n --pink6: #c22241;\n --pink7: #85172c;\n --pink8: #470d18;\n --brown1: #f4f0eb;\n --brown2: #e5ddd2;\n --brown3: #cebfab;\n --brown4: #a98e6b;\n --brown5: #a2845e;\n --brown6: #7b6448;\n --brown7: #544531;\n --brown8: #2d251a;\n --grey1: #f4f4f4;\n --grey2: #e0e0e0;\n --grey3: #c6c6c6;\n --grey4: #a8a8a8;\n --grey5: #8d8d8d;\n --grey6: #6f6f6f;\n --grey7: #525252;\n --grey8: #393939;\n --grey9: #262626;\n --grey10: #161616;\n --black: #000;\n --white: #fff;\n}\n\n[data-new-ui-theme=\"light--warm\"] {\n --red1: #ffe7e6;\n --red2: #ffc8c5;\n --red3: #ff9993;\n --red4: #ff4a40;\n --red5: #ff3b30;\n --red6: #c22d25;\n --red7: #851f19;\n --red8: #47100d;\n --orange1: #fff2e0;\n --orange2: #ffe1b8;\n --orange3: #ffc87a;\n --orange4: #ff9d14;\n --orange5: #ff9500;\n --orange6: #c27100;\n --orange7: #854e00;\n --orange8: #472900;\n --yellow1: #fff9e0;\n --yellow2: #fff1b8;\n --yellow3: #ffe47a;\n --yellow4: #ffd014;\n --yellow5: #fc0;\n --yellow6: #c29b00;\n --yellow7: #856a00;\n --yellow8: #473900;\n --green1: #e6f8eb;\n --green2: #c6efd1;\n --green3: #95e2a8;\n --green4: #44cb66;\n --green5: #34c759;\n --green6: #289744;\n --green7: #1b682e;\n --green8: #0e3719;\n --mint1: #e0f8f7;\n --mint2: #b8efed;\n --mint3: #7ae2dd;\n --mint4: #14cbc3;\n --mint5: #00c7be;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n --teal1: #e6f5f8;\n --teal2: #c5e9ef;\n --teal3: #93d6e2;\n --teal4: #40b6cb;\n --teal5: #30b0c7;\n --teal6: #258697;\n --teal7: #195c68;\n --teal8: #0d3137;\n --cyan1: #e6f5fc;\n --cyan2: #c6e8f8;\n --cyan3: #94d4f2;\n --cyan4: #42b3e8;\n --cyan5: #32ade6;\n --cyan6: #2684af;\n --cyan7: #1a5a78;\n --cyan8: #0e3040;\n --blue1: #e0efff;\n --blue2: #b8daff;\n --blue3: #7abaff;\n --blue4: #1484ff;\n --blue5: #007aff;\n --blue6: #005dc2;\n --blue7: #004085;\n --blue8: #002247;\n --indigo1: #ebeafa;\n --indigo2: #d1d0f4;\n --indigo3: #a8a7ea;\n --indigo4: #6563d9;\n --indigo5: #5856d6;\n --indigo6: #4341a3;\n --indigo7: #2e2d70;\n --indigo8: #19183c;\n --purple1: #f5eafb;\n --purple2: #e9cff6;\n --purple3: #d5a5ee;\n --purple4: #b560e1;\n --purple5: #af52de;\n --purple6: #853ea9;\n --purple7: #5b2b74;\n --purple8: #31173e;\n --pink1: #ffe5ea;\n --pink2: #ffc5d0;\n --pink3: #ff91a6;\n --pink4: #ff3d62;\n --pink5: #ff2d55;\n --pink6: #c22241;\n --pink7: #85172c;\n --pink8: #470d18;\n --brown1: #f4f0eb;\n --brown2: #e5ddd2;\n --brown3: #cebfab;\n --brown4: #a98e6b;\n --brown5: #a2845e;\n --brown6: #7b6448;\n --brown7: #544531;\n --brown8: #2d251a;\n --grey1: #f7f3f2;\n --grey2: #e5e0df;\n --grey3: #cac5c4;\n --grey4: #ada8a8;\n --grey5: #8f8b8b;\n --grey6: #726e6e;\n --grey7: #565151;\n --grey8: #3c3838;\n --grey9: #272525;\n --grey10: #171414;\n --black: #000;\n --white: #fff;\n}\n\n[data-new-ui-theme=\"light--cold\"] {\n --red1: #ffe7e6;\n --red2: #ffc8c5;\n --red3: #ff9993;\n --red4: #ff4a40;\n --red5: #ff3b30;\n --red6: #c22d25;\n --red7: #851f19;\n --red8: #47100d;\n --orange1: #fff2e0;\n --orange2: #ffe1b8;\n --orange3: #ffc87a;\n --orange4: #ff9d14;\n --orange5: #ff9500;\n --orange6: #c27100;\n --orange7: #854e00;\n --orange8: #472900;\n --yellow1: #fff9e0;\n --yellow2: #fff1b8;\n --yellow3: #ffe47a;\n --yellow4: #ffd014;\n --yellow5: #fc0;\n --yellow6: #c29b00;\n --yellow7: #856a00;\n --yellow8: #473900;\n --green1: #e6f8eb;\n --green2: #c6efd1;\n --green3: #95e2a8;\n --green4: #44cb66;\n --green5: #34c759;\n --green6: #289744;\n --green7: #1b682e;\n --green8: #0e3719;\n --mint1: #e0f8f7;\n --mint2: #b8efed;\n --mint3: #7ae2dd;\n --mint4: #14cbc3;\n --mint5: #00c7be;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n --teal1: #e6f5f8;\n --teal2: #c5e9ef;\n --teal3: #93d6e2;\n --teal4: #40b6cb;\n --teal5: #30b0c7;\n --teal6: #258697;\n --teal7: #195c68;\n --teal8: #0d3137;\n --cyan1: #e6f5fc;\n --cyan2: #c6e8f8;\n --cyan3: #94d4f2;\n --cyan4: #42b3e8;\n --cyan5: #32ade6;\n --cyan6: #2684af;\n --cyan7: #1a5a78;\n --cyan8: #0e3040;\n --blue1: #e0efff;\n --blue2: #b8daff;\n --blue3: #7abaff;\n --blue4: #1484ff;\n --blue5: #007aff;\n --blue6: #005dc2;\n --blue7: #004085;\n --blue8: #002247;\n --indigo1: #ebeafa;\n --indigo2: #d1d0f4;\n --indigo3: #a8a7ea;\n --indigo4: #6563d9;\n --indigo5: #5856d6;\n --indigo6: #4341a3;\n --indigo7: #2e2d70;\n --indigo8: #19183c;\n --purple1: #f5eafb;\n --purple2: #e9cff6;\n --purple3: #d5a5ee;\n --purple4: #b560e1;\n --purple5: #af52de;\n --purple6: #853ea9;\n --purple7: #5b2b74;\n --purple8: #31173e;\n --pink1: #ffe5ea;\n --pink2: #ffc5d0;\n --pink3: #ff91a6;\n --pink4: #ff3d62;\n --pink5: #ff2d55;\n --pink6: #c22241;\n --pink7: #85172c;\n --pink8: #470d18;\n --brown1: #f4f0eb;\n --brown2: #e5ddd2;\n --brown3: #cebfab;\n --brown4: #a98e6b;\n --brown5: #a2845e;\n --brown6: #7b6448;\n --brown7: #544531;\n --brown8: #2d251a;\n --grey1: #f2f4f8;\n --grey2: #dde1e6;\n --grey3: #c1c7cd;\n --grey4: #a2a9b0;\n --grey5: #878d96;\n --grey6: #697077;\n --grey7: #4d5358;\n --grey8: #343a3f;\n --grey9: #21272a;\n --grey10: #121619;\n --black: #000;\n --white: #fff;\n}\n\n.nu-u-bg-red1 {\n background-color: var(--red1);\n}\n\n.nu-u-bg-red2 {\n background-color: var(--red2);\n}\n\n.nu-u-bg-red3 {\n background-color: var(--red3);\n}\n\n.nu-u-bg-red4 {\n background-color: var(--red4);\n}\n\n.nu-u-bg-red5 {\n background-color: var(--red5);\n}\n\n.nu-u-bg-red6 {\n background-color: var(--red6);\n}\n\n.nu-u-bg-red7 {\n background-color: var(--red7);\n}\n\n.nu-u-bg-red8 {\n background-color: var(--red8);\n}\n\n.nu-u-bg-orange1 {\n background-color: var(--orange1);\n}\n\n.nu-u-bg-orange2 {\n background-color: var(--orange2);\n}\n\n.nu-u-bg-orange3 {\n background-color: var(--orange3);\n}\n\n.nu-u-bg-orange4 {\n background-color: var(--orange4);\n}\n\n.nu-u-bg-orange5 {\n background-color: var(--orange5);\n}\n\n.nu-u-bg-orange6 {\n background-color: var(--orange6);\n}\n\n.nu-u-bg-orange7 {\n background-color: var(--orange7);\n}\n\n.nu-u-bg-orange8 {\n background-color: var(--orange8);\n}\n\n.nu-u-bg-yellow1 {\n background-color: var(--yellow1);\n}\n\n.nu-u-bg-yellow2 {\n background-color: var(--yellow2);\n}\n\n.nu-u-bg-yellow3 {\n background-color: var(--yellow3);\n}\n\n.nu-u-bg-yellow4 {\n background-color: var(--yellow4);\n}\n\n.nu-u-bg-yellow5 {\n background-color: var(--yellow5);\n}\n\n.nu-u-bg-yellow6 {\n background-color: var(--yellow6);\n}\n\n.nu-u-bg-yellow7 {\n background-color: var(--yellow7);\n}\n\n.nu-u-bg-yellow8 {\n background-color: var(--yellow8);\n}\n\n.nu-u-bg-green1 {\n background-color: var(--green1);\n}\n\n.nu-u-bg-green2 {\n background-color: var(--green2);\n}\n\n.nu-u-bg-green3 {\n background-color: var(--green3);\n}\n\n.nu-u-bg-green4 {\n background-color: var(--green4);\n}\n\n.nu-u-bg-green5 {\n background-color: var(--green5);\n}\n\n.nu-u-bg-green6 {\n background-color: var(--green6);\n}\n\n.nu-u-bg-green7 {\n background-color: var(--green7);\n}\n\n.nu-u-bg-green8 {\n background-color: var(--green8);\n}\n\n.nu-u-bg-mint1 {\n background-color: var(--mint1);\n}\n\n.nu-u-bg-mint2 {\n background-color: var(--mint2);\n}\n\n.nu-u-bg-mint3 {\n background-color: var(--mint3);\n}\n\n.nu-u-bg-mint4 {\n background-color: var(--mint4);\n}\n\n.nu-u-bg-mint5 {\n background-color: var(--mint5);\n}\n\n.nu-u-bg-mint6 {\n background-color: var(--mint6);\n}\n\n.nu-u-bg-mint7 {\n background-color: var(--mint7);\n}\n\n.nu-u-bg-mint8 {\n background-color: var(--mint8);\n}\n\n.nu-u-bg-teal1 {\n background-color: var(--teal1);\n}\n\n.nu-u-bg-teal2 {\n background-color: var(--teal2);\n}\n\n.nu-u-bg-teal3 {\n background-color: var(--teal3);\n}\n\n.nu-u-bg-teal4 {\n background-color: var(--teal4);\n}\n\n.nu-u-bg-teal5 {\n background-color: var(--teal5);\n}\n\n.nu-u-bg-teal6 {\n background-color: var(--teal6);\n}\n\n.nu-u-bg-teal7 {\n background-color: var(--teal7);\n}\n\n.nu-u-bg-teal8 {\n background-color: var(--teal8);\n}\n\n.nu-u-bg-cyan1 {\n background-color: var(--cyan1);\n}\n\n.nu-u-bg-cyan2 {\n background-color: var(--cyan2);\n}\n\n.nu-u-bg-cyan3 {\n background-color: var(--cyan3);\n}\n\n.nu-u-bg-cyan4 {\n background-color: var(--cyan4);\n}\n\n.nu-u-bg-cyan5 {\n background-color: var(--cyan5);\n}\n\n.nu-u-bg-cyan6 {\n background-color: var(--cyan6);\n}\n\n.nu-u-bg-cyan7 {\n background-color: var(--cyan7);\n}\n\n.nu-u-bg-cyan8 {\n background-color: var(--cyan8);\n}\n\n.nu-u-bg-blue1 {\n background-color: var(--blue1);\n}\n\n.nu-u-bg-blue2 {\n background-color: var(--blue2);\n}\n\n.nu-u-bg-blue3 {\n background-color: var(--blue3);\n}\n\n.nu-u-bg-blue4 {\n background-color: var(--blue4);\n}\n\n.nu-u-bg-blue5 {\n background-color: var(--blue5);\n}\n\n.nu-u-bg-blue6 {\n background-color: var(--blue6);\n}\n\n.nu-u-bg-blue7 {\n background-color: var(--blue7);\n}\n\n.nu-u-bg-blue8 {\n background-color: var(--blue8);\n}\n\n.nu-u-bg-indigo1 {\n background-color: var(--indigo1);\n}\n\n.nu-u-bg-indigo2 {\n background-color: var(--indigo2);\n}\n\n.nu-u-bg-indigo3 {\n background-color: var(--indigo3);\n}\n\n.nu-u-bg-indigo4 {\n background-color: var(--indigo4);\n}\n\n.nu-u-bg-indigo5 {\n background-color: var(--indigo5);\n}\n\n.nu-u-bg-indigo6 {\n background-color: var(--indigo6);\n}\n\n.nu-u-bg-indigo7 {\n background-color: var(--indigo7);\n}\n\n.nu-u-bg-indigo8 {\n background-color: var(--indigo8);\n}\n\n.nu-u-bg-purple1 {\n background-color: var(--purple1);\n}\n\n.nu-u-bg-purple2 {\n background-color: var(--purple2);\n}\n\n.nu-u-bg-purple3 {\n background-color: var(--purple3);\n}\n\n.nu-u-bg-purple4 {\n background-color: var(--purple4);\n}\n\n.nu-u-bg-purple5 {\n background-color: var(--purple5);\n}\n\n.nu-u-bg-purple6 {\n background-color: var(--purple6);\n}\n\n.nu-u-bg-purple7 {\n background-color: var(--purple7);\n}\n\n.nu-u-bg-purple8 {\n background-color: var(--purple8);\n}\n\n.nu-u-bg-pink1 {\n background-color: var(--pink1);\n}\n\n.nu-u-bg-pink2 {\n background-color: var(--pink2);\n}\n\n.nu-u-bg-pink3 {\n background-color: var(--pink3);\n}\n\n.nu-u-bg-pink4 {\n background-color: var(--pink4);\n}\n\n.nu-u-bg-pink5 {\n background-color: var(--pink5);\n}\n\n.nu-u-bg-pink6 {\n background-color: var(--pink6);\n}\n\n.nu-u-bg-pink7 {\n background-color: var(--pink7);\n}\n\n.nu-u-bg-pink8 {\n background-color: var(--pink8);\n}\n\n.nu-u-bg-brown1 {\n background-color: var(--brown1);\n}\n\n.nu-u-bg-brown2 {\n background-color: var(--brown2);\n}\n\n.nu-u-bg-brown3 {\n background-color: var(--brown3);\n}\n\n.nu-u-bg-brown4 {\n background-color: var(--brown4);\n}\n\n.nu-u-bg-brown5 {\n background-color: var(--brown5);\n}\n\n.nu-u-bg-brown6 {\n background-color: var(--brown6);\n}\n\n.nu-u-bg-brown7 {\n background-color: var(--brown7);\n}\n\n.nu-u-bg-brown8 {\n background-color: var(--brown8);\n}\n\n.nu-u-bg-grey1 {\n background-color: var(--grey1);\n}\n\n.nu-u-bg-grey2 {\n background-color: var(--grey2);\n}\n\n.nu-u-bg-grey3 {\n background-color: var(--grey3);\n}\n\n.nu-u-bg-grey4 {\n background-color: var(--grey4);\n}\n\n.nu-u-bg-grey5 {\n background-color: var(--grey5);\n}\n\n.nu-u-bg-grey6 {\n background-color: var(--grey6);\n}\n\n.nu-u-bg-grey7 {\n background-color: var(--grey7);\n}\n\n.nu-u-bg-grey8 {\n background-color: var(--grey8);\n}\n\n.nu-u-bg-grey9 {\n background-color: var(--grey9);\n}\n\n.nu-u-bg-grey10 {\n background-color: var(--grey10);\n}\n\n.nu-u-text-red1 {\n color: var(--red1);\n}\n\n.nu-u-text-red2 {\n color: var(--red2);\n}\n\n.nu-u-text-red3 {\n color: var(--red3);\n}\n\n.nu-u-text-red4 {\n color: var(--red4);\n}\n\n.nu-u-text-red5 {\n color: var(--red5);\n}\n\n.nu-u-text-red6 {\n color: var(--red6);\n}\n\n.nu-u-text-red7 {\n color: var(--red7);\n}\n\n.nu-u-text-red8 {\n color: var(--red8);\n}\n\n.nu-u-text-orange1 {\n color: var(--orange1);\n}\n\n.nu-u-text-orange2 {\n color: var(--orange2);\n}\n\n.nu-u-text-orange3 {\n color: var(--orange3);\n}\n\n.nu-u-text-orange4 {\n color: var(--orange4);\n}\n\n.nu-u-text-orange5 {\n color: var(--orange5);\n}\n\n.nu-u-text-orange6 {\n color: var(--orange6);\n}\n\n.nu-u-text-orange7 {\n color: var(--orange7);\n}\n\n.nu-u-text-orange8 {\n color: var(--orange8);\n}\n\n.nu-u-text-yellow1 {\n color: var(--yellow1);\n}\n\n.nu-u-text-yellow2 {\n color: var(--yellow2);\n}\n\n.nu-u-text-yellow3 {\n color: var(--yellow3);\n}\n\n.nu-u-text-yellow4 {\n color: var(--yellow4);\n}\n\n.nu-u-text-yellow5 {\n color: var(--yellow5);\n}\n\n.nu-u-text-yellow6 {\n color: var(--yellow6);\n}\n\n.nu-u-text-yellow7 {\n color: var(--yellow7);\n}\n\n.nu-u-text-yellow8 {\n color: var(--yellow8);\n}\n\n.nu-u-text-green1 {\n color: var(--green1);\n}\n\n.nu-u-text-green2 {\n color: var(--green2);\n}\n\n.nu-u-text-green3 {\n color: var(--green3);\n}\n\n.nu-u-text-green4 {\n color: var(--green4);\n}\n\n.nu-u-text-green5 {\n color: var(--green5);\n}\n\n.nu-u-text-green6 {\n color: var(--green6);\n}\n\n.nu-u-text-green7 {\n color: var(--green7);\n}\n\n.nu-u-text-green8 {\n color: var(--green8);\n}\n\n.nu-u-text-mint1 {\n color: var(--mint1);\n}\n\n.nu-u-text-mint2 {\n color: var(--mint2);\n}\n\n.nu-u-text-mint3 {\n color: var(--mint3);\n}\n\n.nu-u-text-mint4 {\n color: var(--mint4);\n}\n\n.nu-u-text-mint5 {\n color: var(--mint5);\n}\n\n.nu-u-text-mint6 {\n color: var(--mint6);\n}\n\n.nu-u-text-mint7 {\n color: var(--mint7);\n}\n\n.nu-u-text-mint8 {\n color: var(--mint8);\n}\n\n.nu-u-text-teal1 {\n color: var(--teal1);\n}\n\n.nu-u-text-teal2 {\n color: var(--teal2);\n}\n\n.nu-u-text-teal3 {\n color: var(--teal3);\n}\n\n.nu-u-text-teal4 {\n color: var(--teal4);\n}\n\n.nu-u-text-teal5 {\n color: var(--teal5);\n}\n\n.nu-u-text-teal6 {\n color: var(--teal6);\n}\n\n.nu-u-text-teal7 {\n color: var(--teal7);\n}\n\n.nu-u-text-teal8 {\n color: var(--teal8);\n}\n\n.nu-u-text-cyan1 {\n color: var(--cyan1);\n}\n\n.nu-u-text-cyan2 {\n color: var(--cyan2);\n}\n\n.nu-u-text-cyan3 {\n color: var(--cyan3);\n}\n\n.nu-u-text-cyan4 {\n color: var(--cyan4);\n}\n\n.nu-u-text-cyan5 {\n color: var(--cyan5);\n}\n\n.nu-u-text-cyan6 {\n color: var(--cyan6);\n}\n\n.nu-u-text-cyan7 {\n color: var(--cyan7);\n}\n\n.nu-u-text-cyan8 {\n color: var(--cyan8);\n}\n\n.nu-u-text-blue1 {\n color: var(--blue1);\n}\n\n.nu-u-text-blue2 {\n color: var(--blue2);\n}\n\n.nu-u-text-blue3 {\n color: var(--blue3);\n}\n\n.nu-u-text-blue4 {\n color: var(--blue4);\n}\n\n.nu-u-text-blue5 {\n color: var(--blue5);\n}\n\n.nu-u-text-blue6 {\n color: var(--blue6);\n}\n\n.nu-u-text-blue7 {\n color: var(--blue7);\n}\n\n.nu-u-text-blue8 {\n color: var(--blue8);\n}\n\n.nu-u-text-indigo1 {\n color: var(--indigo1);\n}\n\n.nu-u-text-indigo2 {\n color: var(--indigo2);\n}\n\n.nu-u-text-indigo3 {\n color: var(--indigo3);\n}\n\n.nu-u-text-indigo4 {\n color: var(--indigo4);\n}\n\n.nu-u-text-indigo5 {\n color: var(--indigo5);\n}\n\n.nu-u-text-indigo6 {\n color: var(--indigo6);\n}\n\n.nu-u-text-indigo7 {\n color: var(--indigo7);\n}\n\n.nu-u-text-indigo8 {\n color: var(--indigo8);\n}\n\n.nu-u-text-purple1 {\n color: var(--purple1);\n}\n\n.nu-u-text-purple2 {\n color: var(--purple2);\n}\n\n.nu-u-text-purple3 {\n color: var(--purple3);\n}\n\n.nu-u-text-purple4 {\n color: var(--purple4);\n}\n\n.nu-u-text-purple5 {\n color: var(--purple5);\n}\n\n.nu-u-text-purple6 {\n color: var(--purple6);\n}\n\n.nu-u-text-purple7 {\n color: var(--purple7);\n}\n\n.nu-u-text-purple8 {\n color: var(--purple8);\n}\n\n.nu-u-text-pink1 {\n color: var(--pink1);\n}\n\n.nu-u-text-pink2 {\n color: var(--pink2);\n}\n\n.nu-u-text-pink3 {\n color: var(--pink3);\n}\n\n.nu-u-text-pink4 {\n color: var(--pink4);\n}\n\n.nu-u-text-pink5 {\n color: var(--pink5);\n}\n\n.nu-u-text-pink6 {\n color: var(--pink6);\n}\n\n.nu-u-text-pink7 {\n color: var(--pink7);\n}\n\n.nu-u-text-pink8 {\n color: var(--pink8);\n}\n\n.nu-u-text-brown1 {\n color: var(--brown1);\n}\n\n.nu-u-text-brown2 {\n color: var(--brown2);\n}\n\n.nu-u-text-brown3 {\n color: var(--brown3);\n}\n\n.nu-u-text-brown4 {\n color: var(--brown4);\n}\n\n.nu-u-text-brown5 {\n color: var(--brown5);\n}\n\n.nu-u-text-brown6 {\n color: var(--brown6);\n}\n\n.nu-u-text-brown7 {\n color: var(--brown7);\n}\n\n.nu-u-text-brown8 {\n color: var(--brown8);\n}\n\n.nu-u-text-grey1 {\n color: var(--grey1);\n}\n\n.nu-u-text-grey2 {\n color: var(--grey2);\n}\n\n.nu-u-text-grey3 {\n color: var(--grey3);\n}\n\n.nu-u-text-grey4 {\n color: var(--grey4);\n}\n\n.nu-u-text-grey5 {\n color: var(--grey5);\n}\n\n.nu-u-text-grey6 {\n color: var(--grey6);\n}\n\n.nu-u-text-grey7 {\n color: var(--grey7);\n}\n\n.nu-u-text-grey8 {\n color: var(--grey8);\n}\n\n.nu-u-text-grey9 {\n color: var(--grey9);\n}\n\n.nu-u-text-grey10 {\n color: var(--grey10);\n}\n\n.nu-u-bg {\n background-color: var(--white);\n}\n\n.nu-u-bg-secondary, .nu-u-bg-hover {\n background-color: var(--grey1);\n}\n\n.nu-u-bg-selected {\n background-color: var(--grey2);\n}\n\n.nu-u-bg-selected-hover {\n background-color: var(--grey3);\n}\n\n.nu-u-bg-red {\n background-color: var(--red1);\n}\n\n.nu-u-bg-orange {\n background-color: var(--orange1);\n}\n\n.nu-u-bg-yellow {\n background-color: var(--yellow1);\n}\n\n.nu-u-bg-green {\n background-color: var(--green);\n}\n\n.nu-u-bg-mint {\n background-color: var(--mint);\n}\n\n.nu-u-bg-teal {\n background-color: var(--teal1);\n}\n\n.nu-u-bg-cyan {\n background-color: var(--cyan1);\n}\n\n.nu-u-bg-blue {\n background-color: var(--blue1);\n}\n\n.nu-u-bg-indigo {\n background-color: var(--indigo1);\n}\n\n.nu-u-bg-purple {\n background-color: var(--purple1);\n}\n\n.nu-u-bg-pink {\n background-color: var(--pink);\n}\n\n.nu-u-bg-brown {\n background-color: var(--brown);\n}\n\n.nu-u-bg-black {\n background-color: var(--black);\n}\n\n.nu-u-bg-white {\n background-color: var(--white);\n}\n\n.nu-u-b--muted {\n border-color: var(--grey-2);\n}\n\n.nu-u-b {\n border-color: var(--grey4);\n}\n\n.nu-u-b--strong {\n border-color: var(--grey6);\n}\n\n.nu-u-text--primary {\n color: var(--grey10);\n}\n\n.nu-u-text--primary-alt {\n color: var(--grey8);\n}\n\n.nu-u-text--secondary {\n color: var(--grey7);\n}\n\n.nu-u-text--secondary-alt {\n color: var(--grey5);\n}\n\n.nu-u-text--placeholder::placeholder, .nu-u-text--placeholder::webkit-input-placeholder, .nu-u-text--placeholder:ms-input-placeholder {\n color: var(--grey4);\n}\n\n.nu-u-text--on-color {\n color: var(--white);\n}\n\n.nu-u-text--error {\n color: var(--red6);\n}\n\n.nu-u-text--success {\n color: var(--green6);\n}\n\n.nu-u-text-black {\n color: var(--black);\n}\n\n.nu-u-text-white {\n color: var(--white);\n}\n\n.nu-u-icon--primary {\n color: var(--grey9);\n}\n\n.nu-u-icon--secondary {\n color: var(--grey7);\n}\n\n.nu-u-icon--disabled {\n color: var(--grey4);\n}\n\n.nu-u-icon--on-color {\n color: var(--white);\n}\n\n.nu-u-link {\n color: var(--blue5);\n}\n\n.nu-u-link:hover {\n color: var(--blue6);\n}\n\n.nu-u-link--subtle {\n color: var(--grey8);\n}\n\n.nu-u-link--subtle:hover {\n color: var(--indigo5);\n}\n\n.nu-u-support--error {\n color: var(--red5);\n}\n\n.nu-u-support--warning {\n color: var(--yellow5);\n}\n\n.nu-u-support--success {\n color: var(--green5);\n}\n\n.nu-u-support--info {\n color: var(--blue5);\n}\n\n/*# sourceMappingURL=index.css.map */\n","@import 'theme-light';\n@import 'theme-light--warm';\n@import 'theme-light--cold';\n@import 'utilities';",":root, [data-new-ui-theme=\"light\"] {\n --red1: #FFE7E6;\n --red2: #FFC8C5;\n --red3: #FF9993;\n --red4: #FF4A40;\n --red5: #FF3B30;\n --red6: #C22D25;\n --red7: #851F19;\n --red8: #47100D;\n\n --orange1: #FFF2E0;\n --orange2: #FFE1B8;\n --orange3: #FFC87A;\n --orange4: #FF9D14;\n --orange5: #FF9500;\n --orange6: #C27100;\n --orange7: #854E00;\n --orange8: #472900;\n\n --yellow1: #FFF9E0;\n --yellow2: #FFF1B8;\n --yellow3: #FFE47A;\n --yellow4: #FFD014;\n --yellow5: #FFCC00;\n --yellow6: #C29B00;\n --yellow7: #856A00;\n --yellow8: #473900;\n\n --green1: #E6F8EB;\n --green2: #C6EFD1;\n --green3: #95E2A8;\n --green4: #44CB66;\n --green5: #34C759;\n --green6: #289744;\n --green7: #1B682E;\n --green8: #0E3719;\n\n --mint1: #E0F8F7;\n --mint2: #B8EFED;\n --mint3: #7AE2DD;\n --mint4: #14CBC3;\n --mint5: #00C7BE;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n\n --teal1: #E6F5F8;\n --teal2: #C5E9EF;\n --teal3: #93D6E2;\n --teal4: #40B6CB;\n --teal5: #30B0C7;\n --teal6: #258697;\n --teal7: #195C68;\n --teal8: #0D3137;\n\n --cyan1: #E6F5FC;\n --cyan2: #C6E8F8;\n --cyan3: #94D4F2;\n --cyan4: #42B3E8;\n --cyan5: #32ADE6;\n --cyan6: #2684AF;\n --cyan7: #1A5A78;\n --cyan8: #0E3040;\n\n --blue1: #E0EFFF;\n --blue2: #B8DAFF;\n --blue3: #7ABAFF;\n --blue4: #1484FF;\n --blue5: #007AFF;\n --blue6: #005DC2;\n --blue7: #004085;\n --blue8: #002247;\n\n --indigo1: #EBEAFA;\n --indigo2: #D1D0F4;\n --indigo3: #A8A7EA;\n --indigo4: #6563D9;\n --indigo5: #5856D6;\n --indigo6: #4341A3;\n --indigo7: #2E2D70;\n --indigo8: #19183C;\n\n --purple1: #F5EAFB;\n --purple2: #E9CFF6;\n --purple3: #D5A5EE;\n --purple4: #B560E1;\n --purple5: #AF52DE;\n --purple6: #853EA9;\n --purple7: #5B2B74;\n --purple8: #31173E;\n\n --pink1: #FFE5EA;\n --pink2: #FFC5D0;\n --pink3: #FF91A6;\n --pink4: #FF3D62;\n --pink5: #FF2D55;\n --pink6: #C22241;\n --pink7: #85172C;\n --pink8: #470D18;\n\n --brown1: #F4F0EB;\n --brown2: #E5DDD2;\n --brown3: #CEBFAB;\n --brown4: #A98E6B;\n --brown5: #A2845E;\n --brown6: #7B6448;\n --brown7: #544531;\n --brown8: #2D251A;\n\n --grey1: #F4F4F4;\n --grey2: #E0E0E0;\n --grey3: #C6C6C6;\n --grey4: #A8A8A8;\n --grey5: #8D8D8D;\n --grey6: #6F6F6F;\n --grey7: #525252;\n --grey8: #393939;\n --grey9: #262626;\n --grey10: #161616;\n\n --black: #000000;\n --white: #ffffff;\n}","[data-new-ui-theme=\"light--warm\"] {\n --red1: #FFE7E6;\n --red2: #FFC8C5;\n --red3: #FF9993;\n --red4: #FF4A40;\n --red5: #FF3B30;\n --red6: #C22D25;\n --red7: #851F19;\n --red8: #47100D;\n\n --orange1: #FFF2E0;\n --orange2: #FFE1B8;\n --orange3: #FFC87A;\n --orange4: #FF9D14;\n --orange5: #FF9500;\n --orange6: #C27100;\n --orange7: #854E00;\n --orange8: #472900;\n\n --yellow1: #FFF9E0;\n --yellow2: #FFF1B8;\n --yellow3: #FFE47A;\n --yellow4: #FFD014;\n --yellow5: #FFCC00;\n --yellow6: #C29B00;\n --yellow7: #856A00;\n --yellow8: #473900;\n\n --green1: #E6F8EB;\n --green2: #C6EFD1;\n --green3: #95E2A8;\n --green4: #44CB66;\n --green5: #34C759;\n --green6: #289744;\n --green7: #1B682E;\n --green8: #0E3719;\n\n --mint1: #E0F8F7;\n --mint2: #B8EFED;\n --mint3: #7AE2DD;\n --mint4: #14CBC3;\n --mint5: #00C7BE;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n\n --teal1: #E6F5F8;\n --teal2: #C5E9EF;\n --teal3: #93D6E2;\n --teal4: #40B6CB;\n --teal5: #30B0C7;\n --teal6: #258697;\n --teal7: #195C68;\n --teal8: #0D3137;\n\n --cyan1: #E6F5FC;\n --cyan2: #C6E8F8;\n --cyan3: #94D4F2;\n --cyan4: #42B3E8;\n --cyan5: #32ADE6;\n --cyan6: #2684AF;\n --cyan7: #1A5A78;\n --cyan8: #0E3040;\n\n --blue1: #E0EFFF;\n --blue2: #B8DAFF;\n --blue3: #7ABAFF;\n --blue4: #1484FF;\n --blue5: #007AFF;\n --blue6: #005DC2;\n --blue7: #004085;\n --blue8: #002247;\n\n --indigo1: #EBEAFA;\n --indigo2: #D1D0F4;\n --indigo3: #A8A7EA;\n --indigo4: #6563D9;\n --indigo5: #5856D6;\n --indigo6: #4341A3;\n --indigo7: #2E2D70;\n --indigo8: #19183C;\n\n --purple1: #F5EAFB;\n --purple2: #E9CFF6;\n --purple3: #D5A5EE;\n --purple4: #B560E1;\n --purple5: #AF52DE;\n --purple6: #853EA9;\n --purple7: #5B2B74;\n --purple8: #31173E;\n\n --pink1: #FFE5EA;\n --pink2: #FFC5D0;\n --pink3: #FF91A6;\n --pink4: #FF3D62;\n --pink5: #FF2D55;\n --pink6: #C22241;\n --pink7: #85172C;\n --pink8: #470D18;\n\n --brown1: #F4F0EB;\n --brown2: #E5DDD2;\n --brown3: #CEBFAB;\n --brown4: #A98E6B;\n --brown5: #A2845E;\n --brown6: #7B6448;\n --brown7: #544531;\n --brown8: #2D251A;\n\n --grey1: #F7F3F2;\n --grey2: #E5E0DF;\n --grey3: #CAC5C4;\n --grey4: #ADA8A8;\n --grey5: #8F8B8B;\n --grey6: #726E6E;\n --grey7: #565151;\n --grey8: #3C3838;\n --grey9: #272525;\n --grey10: #171414;\n\n --black: #000000;\n --white: #ffffff;\n}","[data-new-ui-theme=\"light--cold\"] {\n --red1: #FFE7E6;\n --red2: #FFC8C5;\n --red3: #FF9993;\n --red4: #FF4A40;\n --red5: #FF3B30;\n --red6: #C22D25;\n --red7: #851F19;\n --red8: #47100D;\n\n --orange1: #FFF2E0;\n --orange2: #FFE1B8;\n --orange3: #FFC87A;\n --orange4: #FF9D14;\n --orange5: #FF9500;\n --orange6: #C27100;\n --orange7: #854E00;\n --orange8: #472900;\n\n --yellow1: #FFF9E0;\n --yellow2: #FFF1B8;\n --yellow3: #FFE47A;\n --yellow4: #FFD014;\n --yellow5: #FFCC00;\n --yellow6: #C29B00;\n --yellow7: #856A00;\n --yellow8: #473900;\n\n --green1: #E6F8EB;\n --green2: #C6EFD1;\n --green3: #95E2A8;\n --green4: #44CB66;\n --green5: #34C759;\n --green6: #289744;\n --green7: #1B682E;\n --green8: #0E3719;\n\n --mint1: #E0F8F7;\n --mint2: #B8EFED;\n --mint3: #7AE2DD;\n --mint4: #14CBC3;\n --mint5: #00C7BE;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n\n --teal1: #E6F5F8;\n --teal2: #C5E9EF;\n --teal3: #93D6E2;\n --teal4: #40B6CB;\n --teal5: #30B0C7;\n --teal6: #258697;\n --teal7: #195C68;\n --teal8: #0D3137;\n\n --cyan1: #E6F5FC;\n --cyan2: #C6E8F8;\n --cyan3: #94D4F2;\n --cyan4: #42B3E8;\n --cyan5: #32ADE6;\n --cyan6: #2684AF;\n --cyan7: #1A5A78;\n --cyan8: #0E3040;\n\n --blue1: #E0EFFF;\n --blue2: #B8DAFF;\n --blue3: #7ABAFF;\n --blue4: #1484FF;\n --blue5: #007AFF;\n --blue6: #005DC2;\n --blue7: #004085;\n --blue8: #002247;\n\n --indigo1: #EBEAFA;\n --indigo2: #D1D0F4;\n --indigo3: #A8A7EA;\n --indigo4: #6563D9;\n --indigo5: #5856D6;\n --indigo6: #4341A3;\n --indigo7: #2E2D70;\n --indigo8: #19183C;\n\n --purple1: #F5EAFB;\n --purple2: #E9CFF6;\n --purple3: #D5A5EE;\n --purple4: #B560E1;\n --purple5: #AF52DE;\n --purple6: #853EA9;\n --purple7: #5B2B74;\n --purple8: #31173E;\n\n --pink1: #FFE5EA;\n --pink2: #FFC5D0;\n --pink3: #FF91A6;\n --pink4: #FF3D62;\n --pink5: #FF2D55;\n --pink6: #C22241;\n --pink7: #85172C;\n --pink8: #470D18;\n\n --brown1: #F4F0EB;\n --brown2: #E5DDD2;\n --brown3: #CEBFAB;\n --brown4: #A98E6B;\n --brown5: #A2845E;\n --brown6: #7B6448;\n --brown7: #544531;\n --brown8: #2D251A;\n\n --grey1: #F2F4F8;\n --grey2: #DDE1E6;\n --grey3: #C1C7CD;\n --grey4: #A2A9B0;\n --grey5: #878D96;\n --grey6: #697077;\n --grey7: #4D5358;\n --grey8: #343A3F;\n --grey9: #21272A;\n --grey10: #121619;\n\n --black: #000000;\n --white: #ffffff;\n}","\n.nu-u-bg-red1 {background-color: var(--red1);}\n.nu-u-bg-red2 {background-color: var(--red2);}\n.nu-u-bg-red3 {background-color: var(--red3);}\n.nu-u-bg-red4 {background-color: var(--red4);}\n.nu-u-bg-red5 {background-color: var(--red5);}\n.nu-u-bg-red6 {background-color: var(--red6);}\n.nu-u-bg-red7 {background-color: var(--red7);}\n.nu-u-bg-red8 {background-color: var(--red8);}\n\n.nu-u-bg-orange1 {background-color: var(--orange1);}\n.nu-u-bg-orange2 {background-color: var(--orange2);}\n.nu-u-bg-orange3 {background-color: var(--orange3);}\n.nu-u-bg-orange4 {background-color: var(--orange4);}\n.nu-u-bg-orange5 {background-color: var(--orange5);}\n.nu-u-bg-orange6 {background-color: var(--orange6);}\n.nu-u-bg-orange7 {background-color: var(--orange7);}\n.nu-u-bg-orange8 {background-color: var(--orange8);}\n\n.nu-u-bg-yellow1 {background-color: var(--yellow1);}\n.nu-u-bg-yellow2 {background-color: var(--yellow2);}\n.nu-u-bg-yellow3 {background-color: var(--yellow3);}\n.nu-u-bg-yellow4 {background-color: var(--yellow4);}\n.nu-u-bg-yellow5 {background-color: var(--yellow5);}\n.nu-u-bg-yellow6 {background-color: var(--yellow6);}\n.nu-u-bg-yellow7 {background-color: var(--yellow7);}\n.nu-u-bg-yellow8 {background-color: var(--yellow8);}\n\n.nu-u-bg-green1 {background-color: var(--green1);}\n.nu-u-bg-green2 {background-color: var(--green2);}\n.nu-u-bg-green3 {background-color: var(--green3);}\n.nu-u-bg-green4 {background-color: var(--green4);}\n.nu-u-bg-green5 {background-color: var(--green5);}\n.nu-u-bg-green6 {background-color: var(--green6);}\n.nu-u-bg-green7 {background-color: var(--green7);}\n.nu-u-bg-green8 {background-color: var(--green8);}\n\n.nu-u-bg-mint1 {background-color: var(--mint1);}\n.nu-u-bg-mint2 {background-color: var(--mint2);}\n.nu-u-bg-mint3 {background-color: var(--mint3);}\n.nu-u-bg-mint4 {background-color: var(--mint4);}\n.nu-u-bg-mint5 {background-color: var(--mint5);}\n.nu-u-bg-mint6 {background-color: var(--mint6);}\n.nu-u-bg-mint7 {background-color: var(--mint7);}\n.nu-u-bg-mint8 {background-color: var(--mint8);}\n\n.nu-u-bg-teal1 {background-color: var(--teal1);}\n.nu-u-bg-teal2 {background-color: var(--teal2);}\n.nu-u-bg-teal3 {background-color: var(--teal3);}\n.nu-u-bg-teal4 {background-color: var(--teal4);}\n.nu-u-bg-teal5 {background-color: var(--teal5);}\n.nu-u-bg-teal6 {background-color: var(--teal6);}\n.nu-u-bg-teal7 {background-color: var(--teal7);}\n.nu-u-bg-teal8 {background-color: var(--teal8);}\n\n.nu-u-bg-cyan1 {background-color: var(--cyan1);}\n.nu-u-bg-cyan2 {background-color: var(--cyan2);}\n.nu-u-bg-cyan3 {background-color: var(--cyan3);}\n.nu-u-bg-cyan4 {background-color: var(--cyan4);}\n.nu-u-bg-cyan5 {background-color: var(--cyan5);}\n.nu-u-bg-cyan6 {background-color: var(--cyan6);}\n.nu-u-bg-cyan7 {background-color: var(--cyan7);}\n.nu-u-bg-cyan8 {background-color: var(--cyan8);}\n\n.nu-u-bg-blue1 {background-color: var(--blue1);}\n.nu-u-bg-blue2 {background-color: var(--blue2);}\n.nu-u-bg-blue3 {background-color: var(--blue3);}\n.nu-u-bg-blue4 {background-color: var(--blue4);}\n.nu-u-bg-blue5 {background-color: var(--blue5);}\n.nu-u-bg-blue6 {background-color: var(--blue6);}\n.nu-u-bg-blue7 {background-color: var(--blue7);}\n.nu-u-bg-blue8 {background-color: var(--blue8);}\n\n.nu-u-bg-indigo1 {background-color: var(--indigo1);}\n.nu-u-bg-indigo2 {background-color: var(--indigo2);}\n.nu-u-bg-indigo3 {background-color: var(--indigo3);}\n.nu-u-bg-indigo4 {background-color: var(--indigo4);}\n.nu-u-bg-indigo5 {background-color: var(--indigo5);}\n.nu-u-bg-indigo6 {background-color: var(--indigo6);}\n.nu-u-bg-indigo7 {background-color: var(--indigo7);}\n.nu-u-bg-indigo8 {background-color: var(--indigo8);}\n\n.nu-u-bg-purple1 {background-color: var(--purple1);}\n.nu-u-bg-purple2 {background-color: var(--purple2);}\n.nu-u-bg-purple3 {background-color: var(--purple3);}\n.nu-u-bg-purple4 {background-color: var(--purple4);}\n.nu-u-bg-purple5 {background-color: var(--purple5);}\n.nu-u-bg-purple6 {background-color: var(--purple6);}\n.nu-u-bg-purple7 {background-color: var(--purple7);}\n.nu-u-bg-purple8 {background-color: var(--purple8);}\n\n.nu-u-bg-pink1 {background-color: var(--pink1);}\n.nu-u-bg-pink2 {background-color: var(--pink2);}\n.nu-u-bg-pink3 {background-color: var(--pink3);}\n.nu-u-bg-pink4 {background-color: var(--pink4);}\n.nu-u-bg-pink5 {background-color: var(--pink5);}\n.nu-u-bg-pink6 {background-color: var(--pink6);}\n.nu-u-bg-pink7 {background-color: var(--pink7);}\n.nu-u-bg-pink8 {background-color: var(--pink8);}\n\n.nu-u-bg-brown1 {background-color: var(--brown1);}\n.nu-u-bg-brown2 {background-color: var(--brown2);}\n.nu-u-bg-brown3 {background-color: var(--brown3);}\n.nu-u-bg-brown4 {background-color: var(--brown4);}\n.nu-u-bg-brown5 {background-color: var(--brown5);}\n.nu-u-bg-brown6 {background-color: var(--brown6);}\n.nu-u-bg-brown7 {background-color: var(--brown7);}\n.nu-u-bg-brown8 {background-color: var(--brown8);}\n\n.nu-u-bg-grey1 {background-color: var(--grey1);}\n.nu-u-bg-grey2 {background-color: var(--grey2);}\n.nu-u-bg-grey3 {background-color: var(--grey3);}\n.nu-u-bg-grey4 {background-color: var(--grey4);}\n.nu-u-bg-grey5 {background-color: var(--grey5);}\n.nu-u-bg-grey6 {background-color: var(--grey6);}\n.nu-u-bg-grey7 {background-color: var(--grey7);}\n.nu-u-bg-grey8 {background-color: var(--grey8);}\n.nu-u-bg-grey9 {background-color: var(--grey9);}\n.nu-u-bg-grey10 {background-color: var(--grey10);}\n\n.nu-u-text-red1 {color: var(--red1);}\n.nu-u-text-red2 {color: var(--red2);}\n.nu-u-text-red3 {color: var(--red3);}\n.nu-u-text-red4 {color: var(--red4);}\n.nu-u-text-red5 {color: var(--red5);}\n.nu-u-text-red6 {color: var(--red6);}\n.nu-u-text-red7 {color: var(--red7);}\n.nu-u-text-red8 {color: var(--red8);}\n\n.nu-u-text-orange1 {color: var(--orange1);}\n.nu-u-text-orange2 {color: var(--orange2);}\n.nu-u-text-orange3 {color: var(--orange3);}\n.nu-u-text-orange4 {color: var(--orange4);}\n.nu-u-text-orange5 {color: var(--orange5);}\n.nu-u-text-orange6 {color: var(--orange6);}\n.nu-u-text-orange7 {color: var(--orange7);}\n.nu-u-text-orange8 {color: var(--orange8);}\n\n.nu-u-text-yellow1 {color: var(--yellow1);}\n.nu-u-text-yellow2 {color: var(--yellow2);}\n.nu-u-text-yellow3 {color: var(--yellow3);}\n.nu-u-text-yellow4 {color: var(--yellow4);}\n.nu-u-text-yellow5 {color: var(--yellow5);}\n.nu-u-text-yellow6 {color: var(--yellow6);}\n.nu-u-text-yellow7 {color: var(--yellow7);}\n.nu-u-text-yellow8 {color: var(--yellow8);}\n\n.nu-u-text-green1 {color: var(--green1);}\n.nu-u-text-green2 {color: var(--green2);}\n.nu-u-text-green3 {color: var(--green3);}\n.nu-u-text-green4 {color: var(--green4);}\n.nu-u-text-green5 {color: var(--green5);}\n.nu-u-text-green6 {color: var(--green6);}\n.nu-u-text-green7 {color: var(--green7);}\n.nu-u-text-green8 {color: var(--green8);}\n\n.nu-u-text-mint1 {color: var(--mint1);}\n.nu-u-text-mint2 {color: var(--mint2);}\n.nu-u-text-mint3 {color: var(--mint3);}\n.nu-u-text-mint4 {color: var(--mint4);}\n.nu-u-text-mint5 {color: var(--mint5);}\n.nu-u-text-mint6 {color: var(--mint6);}\n.nu-u-text-mint7 {color: var(--mint7);}\n.nu-u-text-mint8 {color: var(--mint8);}\n\n.nu-u-text-teal1 {color: var(--teal1);}\n.nu-u-text-teal2 {color: var(--teal2);}\n.nu-u-text-teal3 {color: var(--teal3);}\n.nu-u-text-teal4 {color: var(--teal4);}\n.nu-u-text-teal5 {color: var(--teal5);}\n.nu-u-text-teal6 {color: var(--teal6);}\n.nu-u-text-teal7 {color: var(--teal7);}\n.nu-u-text-teal8 {color: var(--teal8);}\n\n.nu-u-text-cyan1 {color: var(--cyan1);}\n.nu-u-text-cyan2 {color: var(--cyan2);}\n.nu-u-text-cyan3 {color: var(--cyan3);}\n.nu-u-text-cyan4 {color: var(--cyan4);}\n.nu-u-text-cyan5 {color: var(--cyan5);}\n.nu-u-text-cyan6 {color: var(--cyan6);}\n.nu-u-text-cyan7 {color: var(--cyan7);}\n.nu-u-text-cyan8 {color: var(--cyan8);}\n\n.nu-u-text-blue1 {color: var(--blue1);}\n.nu-u-text-blue2 {color: var(--blue2);}\n.nu-u-text-blue3 {color: var(--blue3);}\n.nu-u-text-blue4 {color: var(--blue4);}\n.nu-u-text-blue5 {color: var(--blue5);}\n.nu-u-text-blue6 {color: var(--blue6);}\n.nu-u-text-blue7 {color: var(--blue7);}\n.nu-u-text-blue8 {color: var(--blue8);}\n\n.nu-u-text-indigo1 {color: var(--indigo1);}\n.nu-u-text-indigo2 {color: var(--indigo2);}\n.nu-u-text-indigo3 {color: var(--indigo3);}\n.nu-u-text-indigo4 {color: var(--indigo4);}\n.nu-u-text-indigo5 {color: var(--indigo5);}\n.nu-u-text-indigo6 {color: var(--indigo6);}\n.nu-u-text-indigo7 {color: var(--indigo7);}\n.nu-u-text-indigo8 {color: var(--indigo8);}\n\n.nu-u-text-purple1 {color: var(--purple1);}\n.nu-u-text-purple2 {color: var(--purple2);}\n.nu-u-text-purple3 {color: var(--purple3);}\n.nu-u-text-purple4 {color: var(--purple4);}\n.nu-u-text-purple5 {color: var(--purple5);}\n.nu-u-text-purple6 {color: var(--purple6);}\n.nu-u-text-purple7 {color: var(--purple7);}\n.nu-u-text-purple8 {color: var(--purple8);}\n\n.nu-u-text-pink1 {color: var(--pink1);}\n.nu-u-text-pink2 {color: var(--pink2);}\n.nu-u-text-pink3 {color: var(--pink3);}\n.nu-u-text-pink4 {color: var(--pink4);}\n.nu-u-text-pink5 {color: var(--pink5);}\n.nu-u-text-pink6 {color: var(--pink6);}\n.nu-u-text-pink7 {color: var(--pink7);}\n.nu-u-text-pink8 {color: var(--pink8);}\n\n.nu-u-text-brown1 {color: var(--brown1);}\n.nu-u-text-brown2 {color: var(--brown2);}\n.nu-u-text-brown3 {color: var(--brown3);}\n.nu-u-text-brown4 {color: var(--brown4);}\n.nu-u-text-brown5 {color: var(--brown5);}\n.nu-u-text-brown6 {color: var(--brown6);}\n.nu-u-text-brown7 {color: var(--brown7);}\n.nu-u-text-brown8 {color: var(--brown8);}\n\n.nu-u-text-grey1 {color: var(--grey1);}\n.nu-u-text-grey2 {color: var(--grey2);}\n.nu-u-text-grey3 {color: var(--grey3);}\n.nu-u-text-grey4 {color: var(--grey4);}\n.nu-u-text-grey5 {color: var(--grey5);}\n.nu-u-text-grey6 {color: var(--grey6);}\n.nu-u-text-grey7 {color: var(--grey7);}\n.nu-u-text-grey8 {color: var(--grey8);}\n.nu-u-text-grey9 {color: var(--grey9);}\n.nu-u-text-grey10 {color: var(--grey10);}\n\n.nu-u-bg {background-color: var(--white);}\n.nu-u-bg-secondary {background-color: var(--grey1);}\n.nu-u-bg-hover {background-color: var(--grey1);}\n.nu-u-bg-selected {background-color: var(--grey2);}\n.nu-u-bg-selected-hover {background-color: var(--grey3);}\n.nu-u-bg-red {background-color: var(--red1);}\n.nu-u-bg-orange {background-color: var(--orange1);}\n.nu-u-bg-yellow {background-color: var(--yellow1);}\n.nu-u-bg-green {background-color: var(--green);}\n.nu-u-bg-mint {background-color: var(--mint);}\n.nu-u-bg-teal {background-color: var(--teal1);}\n.nu-u-bg-cyan {background-color: var(--cyan1);}\n.nu-u-bg-blue {background-color: var(--blue1);}\n.nu-u-bg-indigo {background-color: var(--indigo1);}\n.nu-u-bg-purple {background-color: var(--purple1);}\n.nu-u-bg-pink {background-color: var(--pink);}\n.nu-u-bg-brown {background-color: var(--brown);}\n\n.nu-u-bg-black {background-color: var(--black);}\n.nu-u-bg-white {background-color: var(--white);}\n\n/* Border */\n.nu-u-b--muted {border-color: var(--grey-2);}\n.nu-u-b {border-color: var(--grey4);}\n.nu-u-b--strong {border-color: var(--grey6);}\n\n/* Text */\n.nu-u-text--primary {color: var(--grey10);}\n.nu-u-text--primary-alt {color: var(--grey8);}\n.nu-u-text--secondary {color: var(--grey7);}\n.nu-u-text--secondary-alt {color: var(--grey5);}\n.nu-u-text--placeholder::placeholder, \n.nu-u-text--placeholder::webkit-input-placeholder,\n.nu-u-text--placeholder:ms-input-placeholder {color: var(--grey4);}\n.nu-u-text--on-color {color: var(--white);}\n.nu-u-text--error {color: var(--red6);}\n.nu-u-text--success {color: var(--green6);}\n\n.nu-u-text-black {color: var(--black);}\n.nu-u-text-white {color: var(--white);}\n\n/* Icons */\n.nu-u-icon--primary {color: var(--grey9);}\n.nu-u-icon--secondary {color: var(--grey7);}\n.nu-u-icon--disabled {color: var(--grey4);}\n.nu-u-icon--on-color {color: var(--white);}\n\n/* Links */\n.nu-u-link {\n color: var(--blue5);\n &:hover {\n color: var(--blue6);\n }\n}\n.nu-u-link--subtle {\n color: var(--grey8);\n &:hover {\n color: var(--indigo5);\n }\n}\n\n/* Support */\n.nu-u-support--error {color: var(--red5);}\n.nu-u-support--warning {color: var(--yellow5);}\n.nu-u-support--success {color: var(--green5);}\n.nu-u-support--info {color: var(--blue5);}"],"names":[],"version":3,"file":"index.css.map"}
|
package/package.json
CHANGED
package/src/_utilities.scss
CHANGED
|
@@ -267,6 +267,7 @@
|
|
|
267
267
|
.nu-u-text--primary {color: var(--grey10);}
|
|
268
268
|
.nu-u-text--primary-alt {color: var(--grey8);}
|
|
269
269
|
.nu-u-text--secondary {color: var(--grey7);}
|
|
270
|
+
.nu-u-text--secondary-alt {color: var(--grey5);}
|
|
270
271
|
.nu-u-text--placeholder::placeholder,
|
|
271
272
|
.nu-u-text--placeholder::webkit-input-placeholder,
|
|
272
273
|
.nu-u-text--placeholder:ms-input-placeholder {color: var(--grey4);}
|