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

package/tokens/global/global.json

@@ -1,515 +0,0 @@
-{
-  "$red1": {
-    "value": "hsl(2, 100%, 95%)",
-    "type": "color"
-  },
-  "$red2": {
-    "value": "hsl(3, 100%, 89%)",
-    "type": "color"
-  },
-  "$red3": {
-    "value": "hsl(3, 100%, 79%)",
-    "type": "color"
-  },
-  "$red4": {
-    "value": "hsl(3, 100%, 63%)",
-    "type": "color"
-  },
-  "$red5": {
-    "value": "hsl(3, 100%, 59%)",
-    "type": "color"
-  },
-  "$red6": {
-    "value": "hsl(3, 68%, 45%)",
-    "type": "color"
-  },
-  "$red7": {
-    "value": "hsl(3, 68%, 31%)",
-    "type": "color"
-  },
-  "$red8": {
-    "value": "hsl(3, 69%, 16%)",
-    "type": "color"
-  },
-  "$orange1": {
-    "value": "hsl(35, 100%, 94%)",
-    "type": "color"
-  },
-  "$orange2": {
-    "value": "hsl(35, 100%, 86%)",
-    "type": "color"
-  },
-  "$orange3": {
-    "value": "hsl(35, 100%, 74%)",
-    "type": "color"
-  },
-  "$orange4": {
-    "value": "hsl(35, 100%, 54%)",
-    "type": "color"
-  },
-  "$orange5": {
-    "value": "hsl(35, 100%, 50%)",
-    "type": "color"
-  },
-  "$orange6": {
-    "value": "hsl(35, 100%, 38%)",
-    "type": "color"
-  },
-  "$orange7": {
-    "value": "hsl(35, 100%, 26%)",
-    "type": "color"
-  },
-  "$orange8": {
-    "value": "hsl(35, 100%, 14%)",
-    "type": "color"
-  },
-  "$yellow1": {
-    "value": "hsl(48, 100%, 94%)",
-    "type": "color"
-  },
-  "$yellow2": {
-    "value": "hsl(48, 100%, 86%)",
-    "type": "color"
-  },
-  "$yellow3": {
-    "value": "hsl(48, 100%, 74%)",
-    "type": "color"
-  },
-  "$yellow4": {
-    "value": "hsl(48, 100%, 54%)",
-    "type": "color"
-  },
-  "$yellow5": {
-    "value": "hsl(48, 100%, 50%)",
-    "type": "color"
-  },
-  "$yellow6": {
-    "value": "hsl(48, 100%, 38%)",
-    "type": "color"
-  },
-  "$yellow7": {
-    "value": "hsl(48, 100%, 26%)",
-    "type": "color"
-  },
-  "$yellow8": {
-    "value": "hsl(48, 100%, 14%)",
-    "type": "color"
-  },
-  "$green1": {
-    "value": "hsl(137, 56%, 94%)",
-    "type": "color"
-  },
-  "$green2": {
-    "value": "hsl(136, 56%, 86%)",
-    "type": "color"
-  },
-  "$green3": {
-    "value": "hsl(135, 57%, 74%)",
-    "type": "color"
-  },
-  "$green4": {
-    "value": "hsl(135, 56%, 53%)",
-    "type": "color"
-  },
-  "$green5": {
-    "value": "hsl(135, 59%, 49%)",
-    "type": "color"
-  },
-  "$green6": {
-    "value": "hsl(135, 58%, 37%)",
-    "type": "color"
-  },
-  "$green7": {
-    "value": "hsl(135, 59%, 26%)",
-    "type": "color"
-  },
-  "$green8": {
-    "value": "hsl(136, 59%, 14%)",
-    "type": "color"
-  },
-  "$mint1": {
-    "value": "hsl(178, 63%, 93%)",
-    "type": "color"
-  },
-  "$mint2": {
-    "value": "hsl(178, 63%, 83%)",
-    "type": "color"
-  },
-  "$mint3": {
-    "value": "hsl(177, 64%, 68%)",
-    "type": "color"
-  },
-  "$mint4": {
-    "value": "hsl(177, 82%, 44%)",
-    "type": "color"
-  },
-  "$mint5": {
-    "value": "hsl(177, 100%, 39%)",
-    "type": "color"
-  },
-  "$mint6": {
-    "value": "hsl(178, 100%, 30%)",
-    "type": "color"
-  },
-  "$mint7": {
-    "value": "hsl(177, 100%, 20%)",
-    "type": "color"
-  },
-  "$mint8": {
-    "value": "hsl(178, 100%, 11%)",
-    "type": "color"
-  },
-  "$teal1": {
-    "value": "hsl(190, 56%, 94%)",
-    "type": "color"
-  },
-  "$teal2": {
-    "value": "hsl(189, 57%, 85%)",
-    "type": "color"
-  },
-  "$teal3": {
-    "value": "hsl(189, 58%, 73%)",
-    "type": "color"
-  },
-  "$teal4": {
-    "value": "hsl(189, 57%, 52%)",
-    "type": "color"
-  },
-  "$teal5": {
-    "value": "hsl(189, 61%, 48%)",
-    "type": "color"
-  },
-  "$teal6": {
-    "value": "hsl(189, 61%, 37%)",
-    "type": "color"
-  },
-  "$teal7": {
-    "value": "hsl(189, 61%, 25%)",
-    "type": "color"
-  },
-  "$teal8": {
-    "value": "hsl(189, 62%, 13%)",
-    "type": "color"
-  },
-  "$cyan1": {
-    "value": "hsl(199, 79%, 95%)",
-    "type": "color"
-  },
-  "$cyan2": {
-    "value": "hsl(199, 78%, 87%)",
-    "type": "color"
-  },
-  "$cyan3": {
-    "value": "hsl(199, 78%, 76%)",
-    "type": "color"
-  },
-  "$cyan4": {
-    "value": "hsl(199, 78%, 58%)",
-    "type": "color"
-  },
-  "$cyan5": {
-    "value": "hsl(199, 78%, 55%)",
-    "type": "color"
-  },
-  "$cyan6": {
-    "value": "hsl(199, 64%, 42%)",
-    "type": "color"
-  },
-  "$cyan7": {
-    "value": "hsl(199, 64%, 29%)",
-    "type": "color"
-  },
-  "$cyan8": {
-    "value": "hsl(199, 64%, 15%)",
-    "type": "color"
-  },
-  "$blue1": {
-    "value": "hsl(211, 100%, 94%)",
-    "type": "color"
-  },
-  "$blue2": {
-    "value": "hsl(211, 100%, 86%)",
-    "type": "color"
-  },
-  "$blue3": {
-    "value": "hsl(211, 100%, 74%)",
-    "type": "color"
-  },
-  "$blue4": {
-    "value": "hsl(211, 100%, 54%)",
-    "type": "color"
-  },
-  "$blue5": {
-    "value": "hsl(211, 100%, 50%)",
-    "type": "color"
-  },
-  "$blue6": {
-    "value": "hsl(211, 100%, 38%)",
-    "type": "color"
-  },
-  "$blue7": {
-    "value": "hsl(211, 100%, 26%)",
-    "type": "color"
-  },
-  "$blue8": {
-    "value": "hsl(211, 100%, 14%)",
-    "type": "color"
-  },
-  "$indigo1": {
-    "value": "hsl(244, 62%, 95%)",
-    "type": "color"
-  },
-  "$indigo2": {
-    "value": "hsl(242, 62%, 89%)",
-    "type": "color"
-  },
-  "$indigo3": {
-    "value": "hsl(241, 61%, 79%)",
-    "type": "color"
-  },
-  "$indigo4": {
-    "value": "hsl(241, 61%, 62%)",
-    "type": "color"
-  },
-  "$indigo5": {
-    "value": "hsl(241, 61%, 59%)",
-    "type": "color"
-  },
-  "$indigo6": {
-    "value": "hsl(241, 43%, 45%)",
-    "type": "color"
-  },
-  "$indigo7": {
-    "value": "hsl(241, 43%, 31%)",
-    "type": "color"
-  },
-  "$indigo8": {
-    "value": "hsl(242, 43%, 16%)",
-    "type": "color"
-  },
-  "$purple1": {
-    "value": "hsl(279, 68%, 95%)",
-    "type": "color"
-  },
-  "$purple2": {
-    "value": "hsl(280, 68%, 89%)",
-    "type": "color"
-  },
-  "$purple3": {
-    "value": "hsl(279, 68%, 79%)",
-    "type": "color"
-  },
-  "$purple4": {
-    "value": "hsl(280, 68%, 63%)",
-    "type": "color"
-  },
-  "$purple5": {
-    "value": "hsl(280, 68%, 60%)",
-    "type": "color"
-  },
-  "$purple6": {
-    "value": "hsl(280, 46%, 45%)",
-    "type": "color"
-  },
-  "$purple7": {
-    "value": "hsl(279, 46%, 31%)",
-    "type": "color"
-  },
-  "$purple8": {
-    "value": "hsl(280, 46%, 17%)",
-    "type": "color"
-  },
-  "$pink1": {
-    "value": "hsl(348, 100%, 95%)",
-    "type": "color"
-  },
-  "$pink2": {
-    "value": "hsl(349, 100%, 89%)",
-    "type": "color"
-  },
-  "$pink3": {
-    "value": "hsl(349, 100%, 78%)",
-    "type": "color"
-  },
-  "$pink4": {
-    "value": "hsl(349, 100%, 62%)",
-    "type": "color"
-  },
-  "$pink5": {
-    "value": "hsl(349, 100%, 59%)",
-    "type": "color"
-  },
-  "$pink6": {
-    "value": "hsl(348, 70%, 45%)",
-    "type": "color"
-  },
-  "$pink7": {
-    "value": "hsl(349, 71%, 31%)",
-    "type": "color"
-  },
-  "$pink8": {
-    "value": "hsl(349, 69%, 16%)",
-    "type": "color"
-  },
-  "$brown1": {
-    "value": "hsl(33, 29%, 94%)",
-    "type": "color"
-  },
-  "$brown2": {
-    "value": "hsl(35, 27%, 86%)",
-    "type": "color"
-  },
-  "$brown3": {
-    "value": "hsl(34, 26%, 74%)",
-    "type": "color"
-  },
-  "$brown4": {
-    "value": "hsl(34, 26%, 54%)",
-    "type": "color"
-  },
-  "$brown5": {
-    "value": "hsl(34, 27%, 50%)",
-    "type": "color"
-  },
-  "$brown6": {
-    "value": "hsl(33, 26%, 38%)",
-    "type": "color"
-  },
-  "$brown7": {
-    "value": "hsl(34, 26%, 26%)",
-    "type": "color"
-  },
-  "$brown8": {
-    "value": "hsl(35, 27%, 14%)",
-    "type": "color"
-  },
-  "$grey1": {
-    "value": "hsl(0, 0%, 96%)",
-    "type": "color"
-  },
-  "$grey2": {
-    "value": "hsl(0, 0%, 88%)",
-    "type": "color"
-  },
-  "$grey3": {
-    "value": "hsl(0, 0%, 78%)",
-    "type": "color"
-  },
-  "$grey4": {
-    "value": "hsl(0, 0%, 66%)",
-    "type": "color"
-  },
-  "$grey5": {
-    "value": "hsl(0, 0%, 55%)",
-    "type": "color"
-  },
-  "$grey6": {
-    "value": "hsl(0, 0%, 44%)",
-    "type": "color"
-  },
-  "$grey7": {
-    "value": "hsl(0, 0%, 32%)",
-    "type": "color"
-  },
-  "$grey8": {
-    "value": "hsl(0, 0%, 22%)",
-    "type": "color"
-  },
-  "$grey9": {
-    "value": "hsl(0, 0%, 15%)",
-    "type": "color"
-  },
-  "$grey10": {
-    "value": "hsl(0, 0%, 9%)",
-    "type": "color"
-  },
-  "$warm1": {
-    "value": "hsl(12, 24%, 96%)",
-    "type": "color"
-  },
-  "$warm2": {
-    "value": "hsl(10, 10%, 89%)",
-    "type": "color"
-  },
-  "$warm3": {
-    "value": "hsl(10, 5%, 78%)",
-    "type": "color"
-  },
-  "$warm4": {
-    "value": "hsl(0, 3%, 67%)",
-    "type": "color"
-  },
-  "$warm5": {
-    "value": "hsl(0, 2%, 55%)",
-    "type": "color"
-  },
-  "$warm6": {
-    "value": "hsl(0, 2%, 44%)",
-    "type": "color"
-  },
-  "$warm7": {
-    "value": "hsl(0, 3%, 33%)",
-    "type": "color"
-  },
-  "$warm8": {
-    "value": "hsl(0, 3%, 23%)",
-    "type": "color"
-  },
-  "$warm9": {
-    "value": "hsl(0, 3%, 15%)",
-    "type": "color"
-  },
-  "$warm10": {
-    "value": "hsl(0, 7%, 8%)",
-    "type": "color"
-  },
-  "$cold1": {
-    "value": "hsl(220, 30%, 96%)",
-    "type": "color"
-  },
-  "$cold2": {
-    "value": "hsl(213, 15%, 88%)",
-    "type": "color"
-  },
-  "$cold3": {
-    "value": "hsl(210, 11%, 78%)",
-    "type": "color"
-  },
-  "$cold4": {
-    "value": "hsl(210, 8%, 66%)",
-    "type": "color"
-  },
-  "$cold5": {
-    "value": "hsl(216, 7%, 56%)",
-    "type": "color"
-  },
-  "$cold6": {
-    "value": "hsl(210, 6%, 44%)",
-    "type": "color"
-  },
-  "$cold7": {
-    "value": "hsl(207, 7%, 32%)",
-    "type": "color"
-  },
-  "$cold8": {
-    "value": "hsl(207, 10%, 23%)",
-    "type": "color"
-  },
-  "$cold9": {
-    "value": "hsl(200, 12%, 15%)",
-    "type": "color"
-  },
-  "$cold10": {
-    "value": "hsl(206, 16%, 8%)",
-    "type": "color"
-  },
-  "$black": {
-    "value": "hsl(0, 0%, 0%)",
-    "type": "color"
-  },
-  "$white": {
-    "value": "hsl(0, 0%, 100%)",
-    "type": "color"
-  }
-}
-

package/tokens/themes/dark/dark.json

@@ -1,198 +0,0 @@
-{
-  "$background": {
-    "value": "{$grey10}",
-    "type": "color"
-  },
-  "$background-secondary": {
-    "value": "{$grey9}",
-    "type": "color"
-  },
-  "$background-hover": {
-    "value": "{$grey9}",
-    "type": "color"
-  },
-  "$background-selected": {
-    "value": "{$grey8}",
-    "type": "color"
-  },
-  "$background-selected-hover": {
-    "value": "{$grey7}",
-    "type": "color"
-  },
-  "$background-red": {
-    "value": "{$red8}",
-    "type": "color"
-  },
-  "$background-orange": {
-    "value": "{$orange8}",
-    "type": "color"
-  },
-  "$background-yellow": {
-    "value": "{$yellow8}",
-    "type": "color"
-  },
-  "$background-green": {
-    "value": "{$green8}",
-    "type": "color"
-  },
-  "$background-mint": {
-    "value": "{$mint8}",
-    "type": "color"
-  },
-  "$background-teal": {
-    "value": "{$teal8}",
-    "type": "color"
-  },
-  "$background-cyan": {
-    "value": "{$cyan8}",
-    "type": "color"
-  },
-  "$background-blue": {
-    "value": "{$blue8}",
-    "type": "color"
-  },
-  "$background-indigo": {
-    "value": "{$indigo8}",
-    "type": "color"
-  },
-  "$background-purple": {
-    "value": "{$purple8}",
-    "type": "color"
-  },
-  "$background-pink": {
-    "value": "{$pink8}",
-    "type": "color"
-  },
-  "$background-brown": {
-    "value": "{$brown8}",
-    "type": "color"
-  },
-  "$border-muted": {
-    "value": "{$grey9}",
-    "type": "color"
-  },
-  "$border": {
-    "value": "{$grey7}",
-    "type": "color"
-  },
-  "$border-strong": {
-    "value": "{$grey5}",
-    "type": "color"
-  },
-  "$button-primary": {
-    "value": "{$blue4}",
-    "type": "color"
-  },
-  "$button-primary-hover": {
-    "value": "{$blue3}",
-    "type": "color"
-  },
-  "$button-primary-active": {
-    "value": "{$blue3}",
-    "type": "color"
-  },
-  "$button-secondary": {
-    "value": "{$grey1}",
-    "type": "color"
-  },
-  "$button-secondary-hover": {
-    "value": "{$grey2}",
-    "type": "color"
-  },
-  "$button-secondary-active": {
-    "value": "{$grey3}",
-    "type": "color"
-  },
-  "$button-danger": {
-    "value": "{$red4}",
-    "type": "color"
-  },
-  "$button-danger-hover": {
-    "value": "{$red3}",
-    "type": "color"
-  },
-  "$button-danger-active": {
-    "value": "{$red3}",
-    "type": "color"
-  },
-  "$button-disabled": {
-    "value": "{$grey9}",
-    "type": "color"
-  },
-  "$icon-primary": {
-    "value": "{$grey2}",
-    "type": "color"
-  },
-  "$icon-secondary": {
-    "value": "{$grey4}",
-    "type": "color"
-  },
-  "$icon-disabled": {
-    "value": "{$grey8}",
-    "type": "color"
-  },
-  "$icon-on-color": {
-    "value": "{$white}",
-    "type": "color"
-  },
-  "$link": {
-    "value": "{$blue4}",
-    "type": "color"
-  },
-  "$link-hover": {
-    "value": "{$blue3}",
-    "type": "color"
-  },
-  "$link-subtle": {
-    "value": "{$grey1}",
-    "type": "color"
-  },
-  "$link-visited": {
-    "value": "{$indigo4}",
-    "type": "color"
-  },
-  "$support-error": {
-    "value": "{$red4}",
-    "type": "color"
-  },
-  "$support-warning": {
-    "value": "{$yellow4}",
-    "type": "color"
-  },
-  "$support-success": {
-    "value": "{$green4}",
-    "type": "color"
-  },
-  "$support-info": {
-    "value": "{$blue4}",
-    "type": "color"
-  },
-  "$text-primary": {
-    "value": "{$grey1}",
-    "type": "color"
-  },
-  "$text-primary-alt": {
-    "value": "{$grey3}",
-    "type": "color"
-  },
-  "$text-secondary": {
-    "value": "{$grey5}",
-    "type": "color"
-  },
-  "$text-placeholder": {
-    "value": "{$grey6}",
-    "type": "color"
-  },
-  "$text-on-color": {
-    "value": "{$white}",
-    "type": "color"
-  },
-  "$text-error": {
-    "value": "{$red4}",
-    "type": "color"
-  },
-  "$text-success": {
-    "value": "{$green4}",
-    "type": "color"
-  }
-}