polaris_tokens_plus 2.5.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (54) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.md +19 -0
  3. data/README.md +206 -0
  4. data/dist/Polaris.ase +0 -0
  5. data/dist/Polaris.clr +0 -0
  6. data/dist/Polaris.sketchpalette +402 -0
  7. data/dist/color-filters.color-map.scss +140 -0
  8. data/dist/color-filters.common.js +116 -0
  9. data/dist/color-filters.custom-properties.css +116 -0
  10. data/dist/color-filters.json +60 -0
  11. data/dist/color-filters.map.scss +232 -0
  12. data/dist/color-filters.raw.json +586 -0
  13. data/dist/color-filters.scss +114 -0
  14. data/dist/colors.android.xml +61 -0
  15. data/dist/colors.ase.json +344 -0
  16. data/dist/colors.color-map.scss +84 -0
  17. data/dist/colors.common.js +60 -0
  18. data/dist/colors.custom-properties.css +60 -0
  19. data/dist/colors.json +60 -0
  20. data/dist/colors.map.scss +176 -0
  21. data/dist/colors.raw.json +586 -0
  22. data/dist/colors.scss +58 -0
  23. data/dist/duration.common.js +8 -0
  24. data/dist/duration.custom-properties.css +8 -0
  25. data/dist/duration.json +8 -0
  26. data/dist/duration.map.scss +20 -0
  27. data/dist/duration.raw.json +47 -0
  28. data/dist/duration.scss +6 -0
  29. data/dist/index.common.js +76 -0
  30. data/dist/index.custom-properties.css +76 -0
  31. data/dist/index.d.ts +77 -0
  32. data/dist/index.json +75 -0
  33. data/dist/index.map.scss +230 -0
  34. data/dist/index.raw.json +691 -0
  35. data/dist/index.scss +74 -0
  36. data/dist/spacing.common.js +9 -0
  37. data/dist/spacing.custom-properties.css +9 -0
  38. data/dist/spacing.json +9 -0
  39. data/dist/spacing.map.scss +23 -0
  40. data/dist/spacing.raw.json +54 -0
  41. data/dist/spacing.scss +7 -0
  42. data/dist/spacing.spacing-map.scss +9 -0
  43. data/dist/typography.common.js +5 -0
  44. data/dist/typography.custom-properties.css +5 -0
  45. data/dist/typography.json +4 -0
  46. data/dist/typography.map.scss +17 -0
  47. data/dist/typography.raw.json +19 -0
  48. data/dist/typography.scss +3 -0
  49. data/index.js +1 -0
  50. data/lib/polaris_tokens.rb +7 -0
  51. data/lib/polaris_tokens/rails/engine.rb +9 -0
  52. data/lib/polaris_tokens/version.rb +10 -0
  53. data/package.json +86 -0
  54. metadata +99 -0
data/dist/color-filters.color-map.scss ADDED
@@ -0,0 +1,140 @@
1
+ $polaris-color-filters: (
2
+ 'purple': (
3
+ 'text': brightness(0) saturate(100%) invert(29%) sepia(3%) saturate(2843%)
4
+ hue-rotate(223deg) brightness(92%) contrast(86%),
5
+ 'darker': brightness(0) saturate(100%) invert(8%) sepia(38%) saturate(6605%)
6
+ hue-rotate(265deg) brightness(99%) contrast(124%),
7
+ 'dark': brightness(0) saturate(100%) invert(12%) sepia(46%) saturate(4964%)
8
+ hue-rotate(258deg) brightness(101%) contrast(93%),
9
+ 'base': brightness(0) saturate(100%) invert(49%) sepia(77%) saturate(1864%)
10
+ hue-rotate(229deg) brightness(91%) contrast(91%),
11
+ 'light': brightness(0) saturate(100%) invert(82%) sepia(13%) saturate(1535%)
12
+ hue-rotate(203deg) brightness(103%) contrast(104%),
13
+ 'lighter': brightness(0) saturate(100%) invert(84%) sepia(15%)
14
+ saturate(135%) hue-rotate(219deg) brightness(110%) contrast(98%),
15
+ ),
16
+ 'indigo': (
17
+ 'text': brightness(0) saturate(100%) invert(24%) sepia(11%) saturate(1035%)
18
+ hue-rotate(195deg) brightness(97%) contrast(94%),
19
+ 'darker': brightness(0) saturate(100%) invert(5%) sepia(81%) saturate(5060%)
20
+ hue-rotate(229deg) brightness(72%) contrast(111%),
21
+ 'dark': brightness(0) saturate(100%) invert(17%) sepia(28%) saturate(4409%)
22
+ hue-rotate(218deg) brightness(87%) contrast(98%),
23
+ 'base': brightness(0) saturate(100%) invert(45%) sepia(17%) saturate(1966%)
24
+ hue-rotate(194deg) brightness(88%) contrast(84%),
25
+ 'light': brightness(0) saturate(100%) invert(82%) sepia(37%) saturate(4261%)
26
+ hue-rotate(194deg) brightness(111%) contrast(92%),
27
+ 'lighter': brightness(0) saturate(100%) invert(100%) sepia(25%)
28
+ saturate(1090%) hue-rotate(179deg) brightness(100%) contrast(96%),
29
+ ),
30
+ 'blue': (
31
+ 'text': brightness(0) saturate(100%) invert(27%) sepia(13%) saturate(709%)
32
+ hue-rotate(158deg) brightness(96%) contrast(89%),
33
+ 'darker': brightness(0) saturate(100%) invert(5%) sepia(33%) saturate(5606%)
34
+ hue-rotate(195deg) brightness(97%) contrast(102%),
35
+ 'dark': brightness(0) saturate(100%) invert(22%) sepia(70%) saturate(1308%)
36
+ hue-rotate(182deg) brightness(94%) contrast(101%),
37
+ 'base': brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(1186%)
38
+ hue-rotate(181deg) brightness(91%) contrast(103%),
39
+ 'light': brightness(0) saturate(100%) invert(80%) sepia(7%) saturate(1832%)
40
+ hue-rotate(178deg) brightness(108%) contrast(96%),
41
+ 'lighter': brightness(0) saturate(100%) invert(100%) sepia(94%)
42
+ saturate(686%) hue-rotate(175deg) brightness(103%) contrast(96%),
43
+ ),
44
+ 'teal': (
45
+ 'text': brightness(0) saturate(100%) invert(31%) sepia(11%) saturate(665%)
46
+ hue-rotate(128deg) brightness(94%) contrast(93%),
47
+ 'darker': brightness(0) saturate(100%) invert(15%) sepia(23%)
48
+ saturate(2237%) hue-rotate(141deg) brightness(96%) contrast(104%),
49
+ 'dark': brightness(0) saturate(100%) invert(28%) sepia(83%) saturate(3919%)
50
+ hue-rotate(168deg) brightness(93%) contrast(101%),
51
+ 'base': brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(2838%)
52
+ hue-rotate(130deg) brightness(92%) contrast(87%),
53
+ 'light': brightness(0) saturate(100%) invert(95%) sepia(12%) saturate(683%)
54
+ hue-rotate(122deg) brightness(97%) contrast(91%),
55
+ 'lighter': brightness(0) saturate(100%) invert(87%) sepia(5%)
56
+ saturate(1124%) hue-rotate(173deg) brightness(114%) contrast(92%),
57
+ ),
58
+ 'green': (
59
+ 'text': brightness(0) saturate(100%) invert(30%) sepia(8%) saturate(1010%)
60
+ hue-rotate(63deg) brightness(91%) contrast(91%),
61
+ 'darker': brightness(0) saturate(100%) invert(15%) sepia(32%) saturate(727%)
62
+ hue-rotate(118deg) brightness(93%) contrast(91%),
63
+ 'dark': brightness(0) saturate(100%) invert(18%) sepia(75%) saturate(6649%)
64
+ hue-rotate(155deg) brightness(97%) contrast(87%),
65
+ 'base': brightness(0) saturate(100%) invert(56%) sepia(10%) saturate(2637%)
66
+ hue-rotate(64deg) brightness(106%) contrast(91%),
67
+ 'light': brightness(0) saturate(100%) invert(93%) sepia(15%) saturate(599%)
68
+ hue-rotate(52deg) brightness(93%) contrast(93%),
69
+ 'lighter': brightness(0) saturate(100%) invert(92%) sepia(51%)
70
+ saturate(187%) hue-rotate(46deg) brightness(108%) contrast(89%),
71
+ ),
72
+ 'yellow': (
73
+ 'text': brightness(0) saturate(100%) invert(28%) sepia(42%) saturate(413%)
74
+ hue-rotate(11deg) brightness(97%) contrast(91%),
75
+ 'darker': brightness(0) saturate(100%) invert(19%) sepia(75%) saturate(981%)
76
+ hue-rotate(17deg) brightness(103%) contrast(103%),
77
+ 'dark': brightness(0) saturate(100%) invert(45%) sepia(48%) saturate(6022%)
78
+ hue-rotate(31deg) brightness(93%) contrast(80%),
79
+ 'base': brightness(0) saturate(100%) invert(65%) sepia(91%) saturate(530%)
80
+ hue-rotate(5deg) brightness(100%) contrast(100%),
81
+ 'light': brightness(0) saturate(100%) invert(77%) sepia(72%) saturate(246%)
82
+ hue-rotate(355deg) brightness(103%) contrast(107%),
83
+ 'lighter': brightness(0) saturate(100%) invert(88%) sepia(27%)
84
+ saturate(234%) hue-rotate(357deg) brightness(103%) contrast(98%),
85
+ ),
86
+ 'orange': (
87
+ 'text': brightness(0) saturate(100%) invert(23%) sepia(18%) saturate(1092%)
88
+ hue-rotate(348deg) brightness(99%) contrast(84%),
89
+ 'darker': brightness(0) saturate(100%) invert(9%) sepia(83%) saturate(1926%)
90
+ hue-rotate(356deg) brightness(98%) contrast(99%),
91
+ 'dark': brightness(0) saturate(100%) invert(29%) sepia(94%) saturate(1431%)
92
+ hue-rotate(5deg) brightness(96%) contrast(82%),
93
+ 'base': brightness(0) saturate(100%) invert(54%) sepia(86%) saturate(416%)
94
+ hue-rotate(340deg) brightness(105%) contrast(91%),
95
+ 'light': brightness(0) saturate(100%) invert(77%) sepia(39%) saturate(483%)
96
+ hue-rotate(335deg) brightness(101%) contrast(103%),
97
+ 'lighter': brightness(0) saturate(100%) invert(93%) sepia(11%)
98
+ saturate(918%) hue-rotate(312deg) brightness(107%) contrast(98%),
99
+ ),
100
+ 'red': (
101
+ 'text': brightness(0) saturate(100%) invert(22%) sepia(9%) saturate(2068%)
102
+ hue-rotate(325deg) brightness(92%) contrast(83%),
103
+ 'darker': brightness(0) saturate(100%) invert(12%) sepia(100%)
104
+ saturate(5699%) hue-rotate(353deg) brightness(75%) contrast(101%),
105
+ 'dark': brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(5699%)
106
+ hue-rotate(353deg) brightness(75%) contrast(101%),
107
+ 'base': brightness(0) saturate(100%) invert(28%) sepia(67%) saturate(3622%)
108
+ hue-rotate(353deg) brightness(89%) contrast(95%),
109
+ 'light': brightness(0) saturate(100%) invert(80%) sepia(9%) saturate(2561%)
110
+ hue-rotate(313deg) brightness(101%) contrast(99%),
111
+ 'lighter': brightness(0) saturate(100%) invert(89%) sepia(21%)
112
+ saturate(137%) hue-rotate(324deg) brightness(102%) contrast(97%),
113
+ ),
114
+ 'ink': (
115
+ 'base': brightness(0) saturate(100%) invert(10%) sepia(10%) saturate(2259%)
116
+ hue-rotate(171deg) brightness(99%) contrast(84%),
117
+ 'light': brightness(0) saturate(100%) invert(32%) sepia(9%) saturate(1069%)
118
+ hue-rotate(173deg) brightness(83%) contrast(84%),
119
+ 'lighter': brightness(0) saturate(100%) invert(45%) sepia(8%) saturate(825%)
120
+ hue-rotate(166deg) brightness(95%) contrast(90%),
121
+ 'lightest': brightness(0) saturate(100%) invert(68%) sepia(18%)
122
+ saturate(246%) hue-rotate(169deg) brightness(88%) contrast(90%),
123
+ ),
124
+ 'sky': (
125
+ 'dark': brightness(0) saturate(100%) invert(86%) sepia(4%) saturate(502%)
126
+ hue-rotate(167deg) brightness(96%) contrast(91%),
127
+ 'base': brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(336%)
128
+ hue-rotate(175deg) brightness(97%) contrast(87%),
129
+ 'light': brightness(0) saturate(100%) invert(99%) sepia(12%) saturate(467%)
130
+ hue-rotate(174deg) brightness(99%) contrast(96%),
131
+ 'lighter': brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(159%)
132
+ hue-rotate(170deg) brightness(99%) contrast(99%),
133
+ ),
134
+ 'black': (
135
+ 'base': brightness(0) saturate(100%),
136
+ ),
137
+ 'white': (
138
+ 'base': brightness(0) saturate(100%) invert(100%),
139
+ ),
140
+ );
data/dist/color-filters.common.js ADDED
@@ -0,0 +1,116 @@
1
+ module.exports = {
2
+ colorPurpleText:
3
+ 'brightness(0) saturate(100%) invert(29%) sepia(3%) saturate(2843%) hue-rotate(223deg) brightness(92%) contrast(86%)',
4
+ colorPurpleDarker:
5
+ 'brightness(0) saturate(100%) invert(8%) sepia(38%) saturate(6605%) hue-rotate(265deg) brightness(99%) contrast(124%)',
6
+ colorPurpleDark:
7
+ 'brightness(0) saturate(100%) invert(12%) sepia(46%) saturate(4964%) hue-rotate(258deg) brightness(101%) contrast(93%)',
8
+ colorPurple:
9
+ 'brightness(0) saturate(100%) invert(49%) sepia(77%) saturate(1864%) hue-rotate(229deg) brightness(91%) contrast(91%)',
10
+ colorPurpleLight:
11
+ 'brightness(0) saturate(100%) invert(82%) sepia(13%) saturate(1535%) hue-rotate(203deg) brightness(103%) contrast(104%)',
12
+ colorPurpleLighter:
13
+ 'brightness(0) saturate(100%) invert(84%) sepia(15%) saturate(135%) hue-rotate(219deg) brightness(110%) contrast(98%)',
14
+ colorIndigoText:
15
+ 'brightness(0) saturate(100%) invert(24%) sepia(11%) saturate(1035%) hue-rotate(195deg) brightness(97%) contrast(94%)',
16
+ colorIndigoDarker:
17
+ 'brightness(0) saturate(100%) invert(5%) sepia(81%) saturate(5060%) hue-rotate(229deg) brightness(72%) contrast(111%)',
18
+ colorIndigoDark:
19
+ 'brightness(0) saturate(100%) invert(17%) sepia(28%) saturate(4409%) hue-rotate(218deg) brightness(87%) contrast(98%)',
20
+ colorIndigo:
21
+ 'brightness(0) saturate(100%) invert(45%) sepia(17%) saturate(1966%) hue-rotate(194deg) brightness(88%) contrast(84%)',
22
+ colorIndigoLight:
23
+ 'brightness(0) saturate(100%) invert(82%) sepia(37%) saturate(4261%) hue-rotate(194deg) brightness(111%) contrast(92%)',
24
+ colorIndigoLighter:
25
+ 'brightness(0) saturate(100%) invert(100%) sepia(25%) saturate(1090%) hue-rotate(179deg) brightness(100%) contrast(96%)',
26
+ colorBlueText:
27
+ 'brightness(0) saturate(100%) invert(27%) sepia(13%) saturate(709%) hue-rotate(158deg) brightness(96%) contrast(89%)',
28
+ colorBlueDarker:
29
+ 'brightness(0) saturate(100%) invert(5%) sepia(33%) saturate(5606%) hue-rotate(195deg) brightness(97%) contrast(102%)',
30
+ colorBlueDark:
31
+ 'brightness(0) saturate(100%) invert(22%) sepia(70%) saturate(1308%) hue-rotate(182deg) brightness(94%) contrast(101%)',
32
+ colorBlue:
33
+ 'brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(1186%) hue-rotate(181deg) brightness(91%) contrast(103%)',
34
+ colorBlueLight:
35
+ 'brightness(0) saturate(100%) invert(80%) sepia(7%) saturate(1832%) hue-rotate(178deg) brightness(108%) contrast(96%)',
36
+ colorBlueLighter:
37
+ 'brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(686%) hue-rotate(175deg) brightness(103%) contrast(96%)',
38
+ colorTealText:
39
+ 'brightness(0) saturate(100%) invert(31%) sepia(11%) saturate(665%) hue-rotate(128deg) brightness(94%) contrast(93%)',
40
+ colorTealDarker:
41
+ 'brightness(0) saturate(100%) invert(15%) sepia(23%) saturate(2237%) hue-rotate(141deg) brightness(96%) contrast(104%)',
42
+ colorTealDark:
43
+ 'brightness(0) saturate(100%) invert(28%) sepia(83%) saturate(3919%) hue-rotate(168deg) brightness(93%) contrast(101%)',
44
+ colorTeal:
45
+ 'brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(2838%) hue-rotate(130deg) brightness(92%) contrast(87%)',
46
+ colorTealLight:
47
+ 'brightness(0) saturate(100%) invert(95%) sepia(12%) saturate(683%) hue-rotate(122deg) brightness(97%) contrast(91%)',
48
+ colorTealLighter:
49
+ 'brightness(0) saturate(100%) invert(87%) sepia(5%) saturate(1124%) hue-rotate(173deg) brightness(114%) contrast(92%)',
50
+ colorGreenText:
51
+ 'brightness(0) saturate(100%) invert(30%) sepia(8%) saturate(1010%) hue-rotate(63deg) brightness(91%) contrast(91%)',
52
+ colorGreenDarker:
53
+ 'brightness(0) saturate(100%) invert(15%) sepia(32%) saturate(727%) hue-rotate(118deg) brightness(93%) contrast(91%)',
54
+ colorGreenDark:
55
+ 'brightness(0) saturate(100%) invert(18%) sepia(75%) saturate(6649%) hue-rotate(155deg) brightness(97%) contrast(87%)',
56
+ colorGreen:
57
+ 'brightness(0) saturate(100%) invert(56%) sepia(10%) saturate(2637%) hue-rotate(64deg) brightness(106%) contrast(91%)',
58
+ colorGreenLight:
59
+ 'brightness(0) saturate(100%) invert(93%) sepia(15%) saturate(599%) hue-rotate(52deg) brightness(93%) contrast(93%)',
60
+ colorGreenLighter:
61
+ 'brightness(0) saturate(100%) invert(92%) sepia(51%) saturate(187%) hue-rotate(46deg) brightness(108%) contrast(89%)',
62
+ colorYellowText:
63
+ 'brightness(0) saturate(100%) invert(28%) sepia(42%) saturate(413%) hue-rotate(11deg) brightness(97%) contrast(91%)',
64
+ colorYellowDarker:
65
+ 'brightness(0) saturate(100%) invert(19%) sepia(75%) saturate(981%) hue-rotate(17deg) brightness(103%) contrast(103%)',
66
+ colorYellowDark:
67
+ 'brightness(0) saturate(100%) invert(45%) sepia(48%) saturate(6022%) hue-rotate(31deg) brightness(93%) contrast(80%)',
68
+ colorYellow:
69
+ 'brightness(0) saturate(100%) invert(65%) sepia(91%) saturate(530%) hue-rotate(5deg) brightness(100%) contrast(100%)',
70
+ colorYellowLight:
71
+ 'brightness(0) saturate(100%) invert(77%) sepia(72%) saturate(246%) hue-rotate(355deg) brightness(103%) contrast(107%)',
72
+ colorYellowLighter:
73
+ 'brightness(0) saturate(100%) invert(88%) sepia(27%) saturate(234%) hue-rotate(357deg) brightness(103%) contrast(98%)',
74
+ colorOrangeText:
75
+ 'brightness(0) saturate(100%) invert(23%) sepia(18%) saturate(1092%) hue-rotate(348deg) brightness(99%) contrast(84%)',
76
+ colorOrangeDarker:
77
+ 'brightness(0) saturate(100%) invert(9%) sepia(83%) saturate(1926%) hue-rotate(356deg) brightness(98%) contrast(99%)',
78
+ colorOrangeDark:
79
+ 'brightness(0) saturate(100%) invert(29%) sepia(94%) saturate(1431%) hue-rotate(5deg) brightness(96%) contrast(82%)',
80
+ colorOrange:
81
+ 'brightness(0) saturate(100%) invert(54%) sepia(86%) saturate(416%) hue-rotate(340deg) brightness(105%) contrast(91%)',
82
+ colorOrangeLight:
83
+ 'brightness(0) saturate(100%) invert(77%) sepia(39%) saturate(483%) hue-rotate(335deg) brightness(101%) contrast(103%)',
84
+ colorOrangeLighter:
85
+ 'brightness(0) saturate(100%) invert(93%) sepia(11%) saturate(918%) hue-rotate(312deg) brightness(107%) contrast(98%)',
86
+ colorRedText:
87
+ 'brightness(0) saturate(100%) invert(22%) sepia(9%) saturate(2068%) hue-rotate(325deg) brightness(92%) contrast(83%)',
88
+ colorRedDarker:
89
+ 'brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(5699%) hue-rotate(353deg) brightness(75%) contrast(101%)',
90
+ colorRedDark:
91
+ 'brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(5699%) hue-rotate(353deg) brightness(75%) contrast(101%)',
92
+ colorRed:
93
+ 'brightness(0) saturate(100%) invert(28%) sepia(67%) saturate(3622%) hue-rotate(353deg) brightness(89%) contrast(95%)',
94
+ colorRedLight:
95
+ 'brightness(0) saturate(100%) invert(80%) sepia(9%) saturate(2561%) hue-rotate(313deg) brightness(101%) contrast(99%)',
96
+ colorRedLighter:
97
+ 'brightness(0) saturate(100%) invert(89%) sepia(21%) saturate(137%) hue-rotate(324deg) brightness(102%) contrast(97%)',
98
+ colorInk:
99
+ 'brightness(0) saturate(100%) invert(10%) sepia(10%) saturate(2259%) hue-rotate(171deg) brightness(99%) contrast(84%)',
100
+ colorInkLight:
101
+ 'brightness(0) saturate(100%) invert(32%) sepia(9%) saturate(1069%) hue-rotate(173deg) brightness(83%) contrast(84%)',
102
+ colorInkLighter:
103
+ 'brightness(0) saturate(100%) invert(45%) sepia(8%) saturate(825%) hue-rotate(166deg) brightness(95%) contrast(90%)',
104
+ colorInkLightest:
105
+ 'brightness(0) saturate(100%) invert(68%) sepia(18%) saturate(246%) hue-rotate(169deg) brightness(88%) contrast(90%)',
106
+ colorSkyDark:
107
+ 'brightness(0) saturate(100%) invert(86%) sepia(4%) saturate(502%) hue-rotate(167deg) brightness(96%) contrast(91%)',
108
+ colorSky:
109
+ 'brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(336%) hue-rotate(175deg) brightness(97%) contrast(87%)',
110
+ colorSkyLight:
111
+ 'brightness(0) saturate(100%) invert(99%) sepia(12%) saturate(467%) hue-rotate(174deg) brightness(99%) contrast(96%)',
112
+ colorSkyLighter:
113
+ 'brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(159%) hue-rotate(170deg) brightness(99%) contrast(99%)',
114
+ colorBlack: 'brightness(0) saturate(100%)',
115
+ colorWhite: 'brightness(0) saturate(100%) invert(100%)',
116
+ };
data/dist/color-filters.custom-properties.css ADDED
@@ -0,0 +1,116 @@
1
+ :root {
2
+ --color-purple-text: brightness(0) saturate(100%) invert(29%) sepia(3%)
3
+ saturate(2843%) hue-rotate(223deg) brightness(92%) contrast(86%);
4
+ --color-purple-darker: brightness(0) saturate(100%) invert(8%) sepia(38%)
5
+ saturate(6605%) hue-rotate(265deg) brightness(99%) contrast(124%);
6
+ --color-purple-dark: brightness(0) saturate(100%) invert(12%) sepia(46%)
7
+ saturate(4964%) hue-rotate(258deg) brightness(101%) contrast(93%);
8
+ --color-purple: brightness(0) saturate(100%) invert(49%) sepia(77%)
9
+ saturate(1864%) hue-rotate(229deg) brightness(91%) contrast(91%);
10
+ --color-purple-light: brightness(0) saturate(100%) invert(82%) sepia(13%)
11
+ saturate(1535%) hue-rotate(203deg) brightness(103%) contrast(104%);
12
+ --color-purple-lighter: brightness(0) saturate(100%) invert(84%) sepia(15%)
13
+ saturate(135%) hue-rotate(219deg) brightness(110%) contrast(98%);
14
+ --color-indigo-text: brightness(0) saturate(100%) invert(24%) sepia(11%)
15
+ saturate(1035%) hue-rotate(195deg) brightness(97%) contrast(94%);
16
+ --color-indigo-darker: brightness(0) saturate(100%) invert(5%) sepia(81%)
17
+ saturate(5060%) hue-rotate(229deg) brightness(72%) contrast(111%);
18
+ --color-indigo-dark: brightness(0) saturate(100%) invert(17%) sepia(28%)
19
+ saturate(4409%) hue-rotate(218deg) brightness(87%) contrast(98%);
20
+ --color-indigo: brightness(0) saturate(100%) invert(45%) sepia(17%)
21
+ saturate(1966%) hue-rotate(194deg) brightness(88%) contrast(84%);
22
+ --color-indigo-light: brightness(0) saturate(100%) invert(82%) sepia(37%)
23
+ saturate(4261%) hue-rotate(194deg) brightness(111%) contrast(92%);
24
+ --color-indigo-lighter: brightness(0) saturate(100%) invert(100%) sepia(25%)
25
+ saturate(1090%) hue-rotate(179deg) brightness(100%) contrast(96%);
26
+ --color-blue-text: brightness(0) saturate(100%) invert(27%) sepia(13%)
27
+ saturate(709%) hue-rotate(158deg) brightness(96%) contrast(89%);
28
+ --color-blue-darker: brightness(0) saturate(100%) invert(5%) sepia(33%)
29
+ saturate(5606%) hue-rotate(195deg) brightness(97%) contrast(102%);
30
+ --color-blue-dark: brightness(0) saturate(100%) invert(22%) sepia(70%)
31
+ saturate(1308%) hue-rotate(182deg) brightness(94%) contrast(101%);
32
+ --color-blue: brightness(0) saturate(100%) invert(32%) sepia(99%)
33
+ saturate(1186%) hue-rotate(181deg) brightness(91%) contrast(103%);
34
+ --color-blue-light: brightness(0) saturate(100%) invert(80%) sepia(7%)
35
+ saturate(1832%) hue-rotate(178deg) brightness(108%) contrast(96%);
36
+ --color-blue-lighter: brightness(0) saturate(100%) invert(100%) sepia(94%)
37
+ saturate(686%) hue-rotate(175deg) brightness(103%) contrast(96%);
38
+ --color-teal-text: brightness(0) saturate(100%) invert(31%) sepia(11%)
39
+ saturate(665%) hue-rotate(128deg) brightness(94%) contrast(93%);
40
+ --color-teal-darker: brightness(0) saturate(100%) invert(15%) sepia(23%)
41
+ saturate(2237%) hue-rotate(141deg) brightness(96%) contrast(104%);
42
+ --color-teal-dark: brightness(0) saturate(100%) invert(28%) sepia(83%)
43
+ saturate(3919%) hue-rotate(168deg) brightness(93%) contrast(101%);
44
+ --color-teal: brightness(0) saturate(100%) invert(72%) sepia(8%)
45
+ saturate(2838%) hue-rotate(130deg) brightness(92%) contrast(87%);
46
+ --color-teal-light: brightness(0) saturate(100%) invert(95%) sepia(12%)
47
+ saturate(683%) hue-rotate(122deg) brightness(97%) contrast(91%);
48
+ --color-teal-lighter: brightness(0) saturate(100%) invert(87%) sepia(5%)
49
+ saturate(1124%) hue-rotate(173deg) brightness(114%) contrast(92%);
50
+ --color-green-text: brightness(0) saturate(100%) invert(30%) sepia(8%)
51
+ saturate(1010%) hue-rotate(63deg) brightness(91%) contrast(91%);
52
+ --color-green-darker: brightness(0) saturate(100%) invert(15%) sepia(32%)
53
+ saturate(727%) hue-rotate(118deg) brightness(93%) contrast(91%);
54
+ --color-green-dark: brightness(0) saturate(100%) invert(18%) sepia(75%)
55
+ saturate(6649%) hue-rotate(155deg) brightness(97%) contrast(87%);
56
+ --color-green: brightness(0) saturate(100%) invert(56%) sepia(10%)
57
+ saturate(2637%) hue-rotate(64deg) brightness(106%) contrast(91%);
58
+ --color-green-light: brightness(0) saturate(100%) invert(93%) sepia(15%)
59
+ saturate(599%) hue-rotate(52deg) brightness(93%) contrast(93%);
60
+ --color-green-lighter: brightness(0) saturate(100%) invert(92%) sepia(51%)
61
+ saturate(187%) hue-rotate(46deg) brightness(108%) contrast(89%);
62
+ --color-yellow-text: brightness(0) saturate(100%) invert(28%) sepia(42%)
63
+ saturate(413%) hue-rotate(11deg) brightness(97%) contrast(91%);
64
+ --color-yellow-darker: brightness(0) saturate(100%) invert(19%) sepia(75%)
65
+ saturate(981%) hue-rotate(17deg) brightness(103%) contrast(103%);
66
+ --color-yellow-dark: brightness(0) saturate(100%) invert(45%) sepia(48%)
67
+ saturate(6022%) hue-rotate(31deg) brightness(93%) contrast(80%);
68
+ --color-yellow: brightness(0) saturate(100%) invert(65%) sepia(91%)
69
+ saturate(530%) hue-rotate(5deg) brightness(100%) contrast(100%);
70
+ --color-yellow-light: brightness(0) saturate(100%) invert(77%) sepia(72%)
71
+ saturate(246%) hue-rotate(355deg) brightness(103%) contrast(107%);
72
+ --color-yellow-lighter: brightness(0) saturate(100%) invert(88%) sepia(27%)
73
+ saturate(234%) hue-rotate(357deg) brightness(103%) contrast(98%);
74
+ --color-orange-text: brightness(0) saturate(100%) invert(23%) sepia(18%)
75
+ saturate(1092%) hue-rotate(348deg) brightness(99%) contrast(84%);
76
+ --color-orange-darker: brightness(0) saturate(100%) invert(9%) sepia(83%)
77
+ saturate(1926%) hue-rotate(356deg) brightness(98%) contrast(99%);
78
+ --color-orange-dark: brightness(0) saturate(100%) invert(29%) sepia(94%)
79
+ saturate(1431%) hue-rotate(5deg) brightness(96%) contrast(82%);
80
+ --color-orange: brightness(0) saturate(100%) invert(54%) sepia(86%)
81
+ saturate(416%) hue-rotate(340deg) brightness(105%) contrast(91%);
82
+ --color-orange-light: brightness(0) saturate(100%) invert(77%) sepia(39%)
83
+ saturate(483%) hue-rotate(335deg) brightness(101%) contrast(103%);
84
+ --color-orange-lighter: brightness(0) saturate(100%) invert(93%) sepia(11%)
85
+ saturate(918%) hue-rotate(312deg) brightness(107%) contrast(98%);
86
+ --color-red-text: brightness(0) saturate(100%) invert(22%) sepia(9%)
87
+ saturate(2068%) hue-rotate(325deg) brightness(92%) contrast(83%);
88
+ --color-red-darker: brightness(0) saturate(100%) invert(12%) sepia(100%)
89
+ saturate(5699%) hue-rotate(353deg) brightness(75%) contrast(101%);
90
+ --color-red-dark: brightness(0) saturate(100%) invert(12%) sepia(100%)
91
+ saturate(5699%) hue-rotate(353deg) brightness(75%) contrast(101%);
92
+ --color-red: brightness(0) saturate(100%) invert(28%) sepia(67%)
93
+ saturate(3622%) hue-rotate(353deg) brightness(89%) contrast(95%);
94
+ --color-red-light: brightness(0) saturate(100%) invert(80%) sepia(9%)
95
+ saturate(2561%) hue-rotate(313deg) brightness(101%) contrast(99%);
96
+ --color-red-lighter: brightness(0) saturate(100%) invert(89%) sepia(21%)
97
+ saturate(137%) hue-rotate(324deg) brightness(102%) contrast(97%);
98
+ --color-ink: brightness(0) saturate(100%) invert(10%) sepia(10%)
99
+ saturate(2259%) hue-rotate(171deg) brightness(99%) contrast(84%);
100
+ --color-ink-light: brightness(0) saturate(100%) invert(32%) sepia(9%)
101
+ saturate(1069%) hue-rotate(173deg) brightness(83%) contrast(84%);
102
+ --color-ink-lighter: brightness(0) saturate(100%) invert(45%) sepia(8%)
103
+ saturate(825%) hue-rotate(166deg) brightness(95%) contrast(90%);
104
+ --color-ink-lightest: brightness(0) saturate(100%) invert(68%) sepia(18%)
105
+ saturate(246%) hue-rotate(169deg) brightness(88%) contrast(90%);
106
+ --color-sky-dark: brightness(0) saturate(100%) invert(86%) sepia(4%)
107
+ saturate(502%) hue-rotate(167deg) brightness(96%) contrast(91%);
108
+ --color-sky: brightness(0) saturate(100%) invert(100%) sepia(95%)
109
+ saturate(336%) hue-rotate(175deg) brightness(97%) contrast(87%);
110
+ --color-sky-light: brightness(0) saturate(100%) invert(99%) sepia(12%)
111
+ saturate(467%) hue-rotate(174deg) brightness(99%) contrast(96%);
112
+ --color-sky-lighter: brightness(0) saturate(100%) invert(99%) sepia(1%)
113
+ saturate(159%) hue-rotate(170deg) brightness(99%) contrast(99%);
114
+ --color-black: brightness(0) saturate(100%);
115
+ --color-white: brightness(0) saturate(100%) invert(100%);
116
+ }
data/dist/color-filters.json ADDED
@@ -0,0 +1,60 @@
1
+ {
2
+ "color-purple-text": "brightness(0) saturate(100%) invert(29%) sepia(3%) saturate(2843%) hue-rotate(223deg) brightness(92%) contrast(86%)",
3
+ "color-purple-darker": "brightness(0) saturate(100%) invert(8%) sepia(38%) saturate(6605%) hue-rotate(265deg) brightness(99%) contrast(124%)",
4
+ "color-purple-dark": "brightness(0) saturate(100%) invert(12%) sepia(46%) saturate(4964%) hue-rotate(258deg) brightness(101%) contrast(93%)",
5
+ "color-purple": "brightness(0) saturate(100%) invert(49%) sepia(77%) saturate(1864%) hue-rotate(229deg) brightness(91%) contrast(91%)",
6
+ "color-purple-light": "brightness(0) saturate(100%) invert(82%) sepia(13%) saturate(1535%) hue-rotate(203deg) brightness(103%) contrast(104%)",
7
+ "color-purple-lighter": "brightness(0) saturate(100%) invert(84%) sepia(15%) saturate(135%) hue-rotate(219deg) brightness(110%) contrast(98%)",
8
+ "color-indigo-text": "brightness(0) saturate(100%) invert(24%) sepia(11%) saturate(1035%) hue-rotate(195deg) brightness(97%) contrast(94%)",
9
+ "color-indigo-darker": "brightness(0) saturate(100%) invert(5%) sepia(81%) saturate(5060%) hue-rotate(229deg) brightness(72%) contrast(111%)",
10
+ "color-indigo-dark": "brightness(0) saturate(100%) invert(17%) sepia(28%) saturate(4409%) hue-rotate(218deg) brightness(87%) contrast(98%)",
11
+ "color-indigo": "brightness(0) saturate(100%) invert(45%) sepia(17%) saturate(1966%) hue-rotate(194deg) brightness(88%) contrast(84%)",
12
+ "color-indigo-light": "brightness(0) saturate(100%) invert(82%) sepia(37%) saturate(4261%) hue-rotate(194deg) brightness(111%) contrast(92%)",
13
+ "color-indigo-lighter": "brightness(0) saturate(100%) invert(100%) sepia(25%) saturate(1090%) hue-rotate(179deg) brightness(100%) contrast(96%)",
14
+ "color-blue-text": "brightness(0) saturate(100%) invert(27%) sepia(13%) saturate(709%) hue-rotate(158deg) brightness(96%) contrast(89%)",
15
+ "color-blue-darker": "brightness(0) saturate(100%) invert(5%) sepia(33%) saturate(5606%) hue-rotate(195deg) brightness(97%) contrast(102%)",
16
+ "color-blue-dark": "brightness(0) saturate(100%) invert(22%) sepia(70%) saturate(1308%) hue-rotate(182deg) brightness(94%) contrast(101%)",
17
+ "color-blue": "brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(1186%) hue-rotate(181deg) brightness(91%) contrast(103%)",
18
+ "color-blue-light": "brightness(0) saturate(100%) invert(80%) sepia(7%) saturate(1832%) hue-rotate(178deg) brightness(108%) contrast(96%)",
19
+ "color-blue-lighter": "brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(686%) hue-rotate(175deg) brightness(103%) contrast(96%)",
20
+ "color-teal-text": "brightness(0) saturate(100%) invert(31%) sepia(11%) saturate(665%) hue-rotate(128deg) brightness(94%) contrast(93%)",
21
+ "color-teal-darker": "brightness(0) saturate(100%) invert(15%) sepia(23%) saturate(2237%) hue-rotate(141deg) brightness(96%) contrast(104%)",
22
+ "color-teal-dark": "brightness(0) saturate(100%) invert(28%) sepia(83%) saturate(3919%) hue-rotate(168deg) brightness(93%) contrast(101%)",
23
+ "color-teal": "brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(2838%) hue-rotate(130deg) brightness(92%) contrast(87%)",
24
+ "color-teal-light": "brightness(0) saturate(100%) invert(95%) sepia(12%) saturate(683%) hue-rotate(122deg) brightness(97%) contrast(91%)",
25
+ "color-teal-lighter": "brightness(0) saturate(100%) invert(87%) sepia(5%) saturate(1124%) hue-rotate(173deg) brightness(114%) contrast(92%)",
26
+ "color-green-text": "brightness(0) saturate(100%) invert(30%) sepia(8%) saturate(1010%) hue-rotate(63deg) brightness(91%) contrast(91%)",
27
+ "color-green-darker": "brightness(0) saturate(100%) invert(15%) sepia(32%) saturate(727%) hue-rotate(118deg) brightness(93%) contrast(91%)",
28
+ "color-green-dark": "brightness(0) saturate(100%) invert(18%) sepia(75%) saturate(6649%) hue-rotate(155deg) brightness(97%) contrast(87%)",
29
+ "color-green": "brightness(0) saturate(100%) invert(56%) sepia(10%) saturate(2637%) hue-rotate(64deg) brightness(106%) contrast(91%)",
30
+ "color-green-light": "brightness(0) saturate(100%) invert(93%) sepia(15%) saturate(599%) hue-rotate(52deg) brightness(93%) contrast(93%)",
31
+ "color-green-lighter": "brightness(0) saturate(100%) invert(92%) sepia(51%) saturate(187%) hue-rotate(46deg) brightness(108%) contrast(89%)",
32
+ "color-yellow-text": "brightness(0) saturate(100%) invert(28%) sepia(42%) saturate(413%) hue-rotate(11deg) brightness(97%) contrast(91%)",
33
+ "color-yellow-darker": "brightness(0) saturate(100%) invert(19%) sepia(75%) saturate(981%) hue-rotate(17deg) brightness(103%) contrast(103%)",
34
+ "color-yellow-dark": "brightness(0) saturate(100%) invert(45%) sepia(48%) saturate(6022%) hue-rotate(31deg) brightness(93%) contrast(80%)",
35
+ "color-yellow": "brightness(0) saturate(100%) invert(65%) sepia(91%) saturate(530%) hue-rotate(5deg) brightness(100%) contrast(100%)",
36
+ "color-yellow-light": "brightness(0) saturate(100%) invert(77%) sepia(72%) saturate(246%) hue-rotate(355deg) brightness(103%) contrast(107%)",
37
+ "color-yellow-lighter": "brightness(0) saturate(100%) invert(88%) sepia(27%) saturate(234%) hue-rotate(357deg) brightness(103%) contrast(98%)",
38
+ "color-orange-text": "brightness(0) saturate(100%) invert(23%) sepia(18%) saturate(1092%) hue-rotate(348deg) brightness(99%) contrast(84%)",
39
+ "color-orange-darker": "brightness(0) saturate(100%) invert(9%) sepia(83%) saturate(1926%) hue-rotate(356deg) brightness(98%) contrast(99%)",
40
+ "color-orange-dark": "brightness(0) saturate(100%) invert(29%) sepia(94%) saturate(1431%) hue-rotate(5deg) brightness(96%) contrast(82%)",
41
+ "color-orange": "brightness(0) saturate(100%) invert(54%) sepia(86%) saturate(416%) hue-rotate(340deg) brightness(105%) contrast(91%)",
42
+ "color-orange-light": "brightness(0) saturate(100%) invert(77%) sepia(39%) saturate(483%) hue-rotate(335deg) brightness(101%) contrast(103%)",
43
+ "color-orange-lighter": "brightness(0) saturate(100%) invert(93%) sepia(11%) saturate(918%) hue-rotate(312deg) brightness(107%) contrast(98%)",
44
+ "color-red-text": "brightness(0) saturate(100%) invert(22%) sepia(9%) saturate(2068%) hue-rotate(325deg) brightness(92%) contrast(83%)",
45
+ "color-red-darker": "brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(5699%) hue-rotate(353deg) brightness(75%) contrast(101%)",
46
+ "color-red-dark": "brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(5699%) hue-rotate(353deg) brightness(75%) contrast(101%)",
47
+ "color-red": "brightness(0) saturate(100%) invert(28%) sepia(67%) saturate(3622%) hue-rotate(353deg) brightness(89%) contrast(95%)",
48
+ "color-red-light": "brightness(0) saturate(100%) invert(80%) sepia(9%) saturate(2561%) hue-rotate(313deg) brightness(101%) contrast(99%)",
49
+ "color-red-lighter": "brightness(0) saturate(100%) invert(89%) sepia(21%) saturate(137%) hue-rotate(324deg) brightness(102%) contrast(97%)",
50
+ "color-ink": "brightness(0) saturate(100%) invert(10%) sepia(10%) saturate(2259%) hue-rotate(171deg) brightness(99%) contrast(84%)",
51
+ "color-ink-light": "brightness(0) saturate(100%) invert(32%) sepia(9%) saturate(1069%) hue-rotate(173deg) brightness(83%) contrast(84%)",
52
+ "color-ink-lighter": "brightness(0) saturate(100%) invert(45%) sepia(8%) saturate(825%) hue-rotate(166deg) brightness(95%) contrast(90%)",
53
+ "color-ink-lightest": "brightness(0) saturate(100%) invert(68%) sepia(18%) saturate(246%) hue-rotate(169deg) brightness(88%) contrast(90%)",
54
+ "color-sky-dark": "brightness(0) saturate(100%) invert(86%) sepia(4%) saturate(502%) hue-rotate(167deg) brightness(96%) contrast(91%)",
55
+ "color-sky": "brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(336%) hue-rotate(175deg) brightness(97%) contrast(87%)",
56
+ "color-sky-light": "brightness(0) saturate(100%) invert(99%) sepia(12%) saturate(467%) hue-rotate(174deg) brightness(99%) contrast(96%)",
57
+ "color-sky-lighter": "brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(159%) hue-rotate(170deg) brightness(99%) contrast(99%)",
58
+ "color-black": "brightness(0) saturate(100%)",
59
+ "color-white": "brightness(0) saturate(100%) invert(100%)"
60
+ }
data/dist/color-filters.map.scss ADDED
@@ -0,0 +1,232 @@
1
+ $polaris-color-filters-map: (
2
+ 'color-purple-text': (
3
+ brightness(0) saturate(100%) invert(29%) sepia(3%) saturate(2843%)
4
+ hue-rotate(223deg) brightness(92%) contrast(86%),
5
+ ),
6
+ 'color-purple-darker': (
7
+ brightness(0) saturate(100%) invert(8%) sepia(38%) saturate(6605%)
8
+ hue-rotate(265deg) brightness(99%) contrast(124%),
9
+ ),
10
+ 'color-purple-dark': (
11
+ brightness(0) saturate(100%) invert(12%) sepia(46%) saturate(4964%)
12
+ hue-rotate(258deg) brightness(101%) contrast(93%),
13
+ ),
14
+ 'color-purple': (
15
+ brightness(0) saturate(100%) invert(49%) sepia(77%) saturate(1864%)
16
+ hue-rotate(229deg) brightness(91%) contrast(91%),
17
+ ),
18
+ 'color-purple-light': (
19
+ brightness(0) saturate(100%) invert(82%) sepia(13%) saturate(1535%)
20
+ hue-rotate(203deg) brightness(103%) contrast(104%),
21
+ ),
22
+ 'color-purple-lighter': (
23
+ brightness(0) saturate(100%) invert(84%) sepia(15%) saturate(135%)
24
+ hue-rotate(219deg) brightness(110%) contrast(98%),
25
+ ),
26
+ 'color-indigo-text': (
27
+ brightness(0) saturate(100%) invert(24%) sepia(11%) saturate(1035%)
28
+ hue-rotate(195deg) brightness(97%) contrast(94%),
29
+ ),
30
+ 'color-indigo-darker': (
31
+ brightness(0) saturate(100%) invert(5%) sepia(81%) saturate(5060%)
32
+ hue-rotate(229deg) brightness(72%) contrast(111%),
33
+ ),
34
+ 'color-indigo-dark': (
35
+ brightness(0) saturate(100%) invert(17%) sepia(28%) saturate(4409%)
36
+ hue-rotate(218deg) brightness(87%) contrast(98%),
37
+ ),
38
+ 'color-indigo': (
39
+ brightness(0) saturate(100%) invert(45%) sepia(17%) saturate(1966%)
40
+ hue-rotate(194deg) brightness(88%) contrast(84%),
41
+ ),
42
+ 'color-indigo-light': (
43
+ brightness(0) saturate(100%) invert(82%) sepia(37%) saturate(4261%)
44
+ hue-rotate(194deg) brightness(111%) contrast(92%),
45
+ ),
46
+ 'color-indigo-lighter': (
47
+ brightness(0) saturate(100%) invert(100%) sepia(25%) saturate(1090%)
48
+ hue-rotate(179deg) brightness(100%) contrast(96%),
49
+ ),
50
+ 'color-blue-text': (
51
+ brightness(0) saturate(100%) invert(27%) sepia(13%) saturate(709%)
52
+ hue-rotate(158deg) brightness(96%) contrast(89%),
53
+ ),
54
+ 'color-blue-darker': (
55
+ brightness(0) saturate(100%) invert(5%) sepia(33%) saturate(5606%)
56
+ hue-rotate(195deg) brightness(97%) contrast(102%),
57
+ ),
58
+ 'color-blue-dark': (
59
+ brightness(0) saturate(100%) invert(22%) sepia(70%) saturate(1308%)
60
+ hue-rotate(182deg) brightness(94%) contrast(101%),
61
+ ),
62
+ 'color-blue': (
63
+ brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(1186%)
64
+ hue-rotate(181deg) brightness(91%) contrast(103%),
65
+ ),
66
+ 'color-blue-light': (
67
+ brightness(0) saturate(100%) invert(80%) sepia(7%) saturate(1832%)
68
+ hue-rotate(178deg) brightness(108%) contrast(96%),
69
+ ),
70
+ 'color-blue-lighter': (
71
+ brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(686%)
72
+ hue-rotate(175deg) brightness(103%) contrast(96%),
73
+ ),
74
+ 'color-teal-text': (
75
+ brightness(0) saturate(100%) invert(31%) sepia(11%) saturate(665%)
76
+ hue-rotate(128deg) brightness(94%) contrast(93%),
77
+ ),
78
+ 'color-teal-darker': (
79
+ brightness(0) saturate(100%) invert(15%) sepia(23%) saturate(2237%)
80
+ hue-rotate(141deg) brightness(96%) contrast(104%),
81
+ ),
82
+ 'color-teal-dark': (
83
+ brightness(0) saturate(100%) invert(28%) sepia(83%) saturate(3919%)
84
+ hue-rotate(168deg) brightness(93%) contrast(101%),
85
+ ),
86
+ 'color-teal': (
87
+ brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(2838%)
88
+ hue-rotate(130deg) brightness(92%) contrast(87%),
89
+ ),
90
+ 'color-teal-light': (
91
+ brightness(0) saturate(100%) invert(95%) sepia(12%) saturate(683%)
92
+ hue-rotate(122deg) brightness(97%) contrast(91%),
93
+ ),
94
+ 'color-teal-lighter': (
95
+ brightness(0) saturate(100%) invert(87%) sepia(5%) saturate(1124%)
96
+ hue-rotate(173deg) brightness(114%) contrast(92%),
97
+ ),
98
+ 'color-green-text': (
99
+ brightness(0) saturate(100%) invert(30%) sepia(8%) saturate(1010%)
100
+ hue-rotate(63deg) brightness(91%) contrast(91%),
101
+ ),
102
+ 'color-green-darker': (
103
+ brightness(0) saturate(100%) invert(15%) sepia(32%) saturate(727%)
104
+ hue-rotate(118deg) brightness(93%) contrast(91%),
105
+ ),
106
+ 'color-green-dark': (
107
+ brightness(0) saturate(100%) invert(18%) sepia(75%) saturate(6649%)
108
+ hue-rotate(155deg) brightness(97%) contrast(87%),
109
+ ),
110
+ 'color-green': (
111
+ brightness(0) saturate(100%) invert(56%) sepia(10%) saturate(2637%)
112
+ hue-rotate(64deg) brightness(106%) contrast(91%),
113
+ ),
114
+ 'color-green-light': (
115
+ brightness(0) saturate(100%) invert(93%) sepia(15%) saturate(599%)
116
+ hue-rotate(52deg) brightness(93%) contrast(93%),
117
+ ),
118
+ 'color-green-lighter': (
119
+ brightness(0) saturate(100%) invert(92%) sepia(51%) saturate(187%)
120
+ hue-rotate(46deg) brightness(108%) contrast(89%),
121
+ ),
122
+ 'color-yellow-text': (
123
+ brightness(0) saturate(100%) invert(28%) sepia(42%) saturate(413%)
124
+ hue-rotate(11deg) brightness(97%) contrast(91%),
125
+ ),
126
+ 'color-yellow-darker': (
127
+ brightness(0) saturate(100%) invert(19%) sepia(75%) saturate(981%)
128
+ hue-rotate(17deg) brightness(103%) contrast(103%),
129
+ ),
130
+ 'color-yellow-dark': (
131
+ brightness(0) saturate(100%) invert(45%) sepia(48%) saturate(6022%)
132
+ hue-rotate(31deg) brightness(93%) contrast(80%),
133
+ ),
134
+ 'color-yellow': (
135
+ brightness(0) saturate(100%) invert(65%) sepia(91%) saturate(530%)
136
+ hue-rotate(5deg) brightness(100%) contrast(100%),
137
+ ),
138
+ 'color-yellow-light': (
139
+ brightness(0) saturate(100%) invert(77%) sepia(72%) saturate(246%)
140
+ hue-rotate(355deg) brightness(103%) contrast(107%),
141
+ ),
142
+ 'color-yellow-lighter': (
143
+ brightness(0) saturate(100%) invert(88%) sepia(27%) saturate(234%)
144
+ hue-rotate(357deg) brightness(103%) contrast(98%),
145
+ ),
146
+ 'color-orange-text': (
147
+ brightness(0) saturate(100%) invert(23%) sepia(18%) saturate(1092%)
148
+ hue-rotate(348deg) brightness(99%) contrast(84%),
149
+ ),
150
+ 'color-orange-darker': (
151
+ brightness(0) saturate(100%) invert(9%) sepia(83%) saturate(1926%)
152
+ hue-rotate(356deg) brightness(98%) contrast(99%),
153
+ ),
154
+ 'color-orange-dark': (
155
+ brightness(0) saturate(100%) invert(29%) sepia(94%) saturate(1431%)
156
+ hue-rotate(5deg) brightness(96%) contrast(82%),
157
+ ),
158
+ 'color-orange': (
159
+ brightness(0) saturate(100%) invert(54%) sepia(86%) saturate(416%)
160
+ hue-rotate(340deg) brightness(105%) contrast(91%),
161
+ ),
162
+ 'color-orange-light': (
163
+ brightness(0) saturate(100%) invert(77%) sepia(39%) saturate(483%)
164
+ hue-rotate(335deg) brightness(101%) contrast(103%),
165
+ ),
166
+ 'color-orange-lighter': (
167
+ brightness(0) saturate(100%) invert(93%) sepia(11%) saturate(918%)
168
+ hue-rotate(312deg) brightness(107%) contrast(98%),
169
+ ),
170
+ 'color-red-text': (
171
+ brightness(0) saturate(100%) invert(22%) sepia(9%) saturate(2068%)
172
+ hue-rotate(325deg) brightness(92%) contrast(83%),
173
+ ),
174
+ 'color-red-darker': (
175
+ brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(5699%)
176
+ hue-rotate(353deg) brightness(75%) contrast(101%),
177
+ ),
178
+ 'color-red-dark': (
179
+ brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(5699%)
180
+ hue-rotate(353deg) brightness(75%) contrast(101%),
181
+ ),
182
+ 'color-red': (
183
+ brightness(0) saturate(100%) invert(28%) sepia(67%) saturate(3622%)
184
+ hue-rotate(353deg) brightness(89%) contrast(95%),
185
+ ),
186
+ 'color-red-light': (
187
+ brightness(0) saturate(100%) invert(80%) sepia(9%) saturate(2561%)
188
+ hue-rotate(313deg) brightness(101%) contrast(99%),
189
+ ),
190
+ 'color-red-lighter': (
191
+ brightness(0) saturate(100%) invert(89%) sepia(21%) saturate(137%)
192
+ hue-rotate(324deg) brightness(102%) contrast(97%),
193
+ ),
194
+ 'color-ink': (
195
+ brightness(0) saturate(100%) invert(10%) sepia(10%) saturate(2259%)
196
+ hue-rotate(171deg) brightness(99%) contrast(84%),
197
+ ),
198
+ 'color-ink-light': (
199
+ brightness(0) saturate(100%) invert(32%) sepia(9%) saturate(1069%)
200
+ hue-rotate(173deg) brightness(83%) contrast(84%),
201
+ ),
202
+ 'color-ink-lighter': (
203
+ brightness(0) saturate(100%) invert(45%) sepia(8%) saturate(825%)
204
+ hue-rotate(166deg) brightness(95%) contrast(90%),
205
+ ),
206
+ 'color-ink-lightest': (
207
+ brightness(0) saturate(100%) invert(68%) sepia(18%) saturate(246%)
208
+ hue-rotate(169deg) brightness(88%) contrast(90%),
209
+ ),
210
+ 'color-sky-dark': (
211
+ brightness(0) saturate(100%) invert(86%) sepia(4%) saturate(502%)
212
+ hue-rotate(167deg) brightness(96%) contrast(91%),
213
+ ),
214
+ 'color-sky': (
215
+ brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(336%)
216
+ hue-rotate(175deg) brightness(97%) contrast(87%),
217
+ ),
218
+ 'color-sky-light': (
219
+ brightness(0) saturate(100%) invert(99%) sepia(12%) saturate(467%)
220
+ hue-rotate(174deg) brightness(99%) contrast(96%),
221
+ ),
222
+ 'color-sky-lighter': (
223
+ brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(159%)
224
+ hue-rotate(170deg) brightness(99%) contrast(99%),
225
+ ),
226
+ 'color-black': (
227
+ brightness(0) saturate(100%),
228
+ ),
229
+ 'color-white': (
230
+ brightness(0) saturate(100%) invert(100%),
231
+ ),
232
+ );