@new-ui/colors 1.2.0 → 1.2.1-beta.1

package/dist/main.css.map

@@ -0,0 +1 @@
+{"mappings":"ACAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACCA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AAGA;;;;AACA;;;;AACA;;;;AAGA;;;;AACA;;;;AACA;;;;AACA;;;;AAGA;;;;AACA;;;;AACA;;;;AAEA;;;;AACA;;;;AAGA;;;;AACA;;;;AACA;;;;AACA;;;;AAGA;;;;AAEE;;;;AAIF;;;;AAEE;;;;AAMF;;;;AACA;;;;AACA;;;;AACA","sources":["src/scss/index.scss","src/scss/_theme-light.scss","src/scss/_theme-light--warm.scss","src/scss/_theme-light--cold.scss","src/scss/_utilities.scss"],"sourcesContent":["@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":"main.css.map"}

package/dist/main.js

@@ -0,0 +1,6 @@
+require("./main.css");
+
+
+
+
+//# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -0,0 +1 @@
+{"mappings":";;AAAA","sources":["src/index.js"],"sourcesContent":["import './scss/index.scss';"],"names":[],"version":3,"file":"main.js.map"}

package/package.json

@@ -1,10 +1,12 @@
 {
   "name": "@new-ui/colors",
-  "version": "1.2.0",
+  "version": "1.2.1-beta.1",
   "description": "Colors are now one less thing to worry about.",
-  "main": "index.js",
+  "source": "src/index.js",
+  "main": "dist/main.js",
   "scripts": {
-    "build:tokens": "node ./build-tokens.js"
+    "watch": "parcel watch",
+    "build": "parcel build"
   },
   "repository": {
     "type": "git",
@@ -27,6 +29,8 @@
   },
   "homepage": "https://github.com/NewDesignFile/colors#readme",
   "devDependencies": {
-    "style-dictionary": "^3.7.1"
+    "@parcel/transformer-sass": "^2.8.3",
+    "autoprefixer": "^10.4.13",
+    "parcel": "^2.8.3"
   }
 }

package/parcel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  plugins: [require("autoprefixer")],
+};

package/src/index.js

@@ -0,0 +1 @@
+import './scss/index.scss';

package/src/scss/_theme-light--cold.scss

@@ -0,0 +1,123 @@
+[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: #FFCC00;
+  --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: #000000;
+  --white: #ffffff;
+}

package/src/scss/_theme-light--warm.scss

@@ -0,0 +1,123 @@
+[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: #FFCC00;
+  --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: #000000;
+  --white: #ffffff;
+}

package/src/scss/_theme-light.scss

@@ -0,0 +1,123 @@
+: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: #FFCC00;
+  --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: #000000;
+  --white: #ffffff;
+}