@rolemodel/optics 0.2.4 → 0.3.0

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.
Files changed (30) hide show
  1. package/.github/release.yml +53 -0
  2. package/.github/workflows/publish-storybook.yml +11 -3
  3. package/.storybook/documentation.scss +64 -36
  4. package/.storybook/main.js +1 -0
  5. package/.stylelintrc.json +1 -1
  6. package/README.md +15 -0
  7. package/dist/css/optics.css +1911 -1325
  8. package/dist/css/optics.css.map +1 -1
  9. package/dist/scss/addons/rails-modal-and-panel/modal.scss +38 -13
  10. package/dist/scss/addons/rails-modal-and-panel/panel.scss +38 -13
  11. package/dist/scss/addons/tom-select.scss +22 -22
  12. package/dist/scss/components/alert.scss +48 -48
  13. package/dist/scss/components/badge.scss +20 -20
  14. package/dist/scss/components/button.scss +72 -72
  15. package/dist/scss/components/card.scss +14 -14
  16. package/dist/scss/components/flash.scss +24 -24
  17. package/dist/scss/components/form.scss +48 -48
  18. package/dist/scss/components/icon.scss +32 -32
  19. package/dist/scss/components/sidebar.scss +67 -67
  20. package/dist/scss/components/table.scss +26 -26
  21. package/dist/scss/core/base.scss +16 -16
  22. package/dist/scss/core/layout.scss +8 -8
  23. package/dist/scss/core/tokens/base_tokens.scss +223 -123
  24. package/dist/scss/core/tokens/dark_mode_tokens.scss +409 -262
  25. package/dist/scss/core/tokens/scale_color_tokens.scss +408 -240
  26. package/dist/scss/core/utilities.scss +74 -70
  27. package/dist/scss/recipes/16six-sidebar.scss +17 -17
  28. package/dist/scss/recipes/domains-sidebar.scss +9 -9
  29. package/dist/tokens/tokens.json +567 -276
  30. package/package.json +4 -2
package/dist/tokens/tokens.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "rm": {
2
+ "op": {
3
3
  "color": {
4
4
  "white": "hsl(0deg 100% 100%)",
5
5
  "black": "hsl(0deg 0% 0%)",
@@ -7,272 +7,558 @@
7
7
  "h": "216",
8
8
  "s": "58%",
9
9
  "l": "48%",
10
- "original": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) var(--rm-color-primary-l))",
11
- "plus-max": "var(--rm-color-white)",
12
- "plus-eight": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 98%)",
13
- "plus-seven": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 96%)",
14
- "plus-six": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 94%)",
15
- "plus-five": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 90%)",
16
- "plus-four": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 84%)",
17
- "plus-three": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 70%)",
18
- "plus-two": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 64%)",
19
- "plus-one": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 52%)",
20
- "base": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 40%)",
21
- "minus-one": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 36%)",
22
- "minus-two": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 32%)",
23
- "minus-three": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 28%)",
24
- "minus-four": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 24%)",
25
- "minus-five": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 20%)",
26
- "minus-six": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 16%)",
27
- "minus-seven": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 8%)",
28
- "minus-eight": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 4%)",
29
- "minus-max": "var(--rm-color-black)",
30
- "on-plus-max": "var(--rm-color-black)",
31
- "on-plus-eight": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 4%)",
32
- "on-plus-seven": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 8%)",
33
- "on-plus-six": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 16%)",
34
- "on-plus-five": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 20%)",
35
- "on-plus-four": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 24%)",
36
- "on-plus-three": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 20%)",
37
- "on-plus-two": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 16%)",
38
- "on-plus-one": "var(--rm-color-white)",
39
- "on-base": "var(--rm-color-white)",
40
- "on-minus-one": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 94%)",
41
- "on-minus-two": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 90%)",
42
- "on-minus-three": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 86%)",
43
- "on-minus-four": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 84%)",
44
- "on-minus-five": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 88%)",
45
- "on-minus-six": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 94%)",
46
- "on-minus-seven": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 96%)",
47
- "on-minus-eight": "hsl(var(--rm-color-primary-h) var(--rm-color-primary-s) 98%)",
48
- "on-minus-max": "var(--rm-color-white)"
10
+ "original": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) var(--op-color-primary-l))",
11
+ "plus-max": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%)",
12
+ "plus-eight": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%)",
13
+ "plus-seven": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 96%)",
14
+ "plus-six": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 94%)",
15
+ "plus-five": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 90%)",
16
+ "plus-four": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 84%)",
17
+ "plus-three": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 70%)",
18
+ "plus-two": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 64%)",
19
+ "plus-one": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 45%)",
20
+ "base": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 40%)",
21
+ "minus-one": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 36%)",
22
+ "minus-two": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 32%)",
23
+ "minus-three": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 28%)",
24
+ "minus-four": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 24%)",
25
+ "minus-five": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%)",
26
+ "minus-six": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 16%)",
27
+ "minus-seven": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 8%)",
28
+ "minus-eight": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 4%)",
29
+ "minus-max": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 0%)",
30
+ "on-plus-max": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 0%)",
31
+ "on-plus-max-alt": {
32
+ "alt": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%)"
33
+ },
34
+ "on-plus-eight": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 4%)",
35
+ "on-plus-eight-alt": {
36
+ "alt": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 24%)"
37
+ },
38
+ "on-plus-seven": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 8%)",
39
+ "on-plus-seven-alt": {
40
+ "alt": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 28%)"
41
+ },
42
+ "on-plus-six": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 16%)",
43
+ "on-plus-six-alt": {
44
+ "alt": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 26%)"
45
+ },
46
+ "on-plus-five": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%)",
47
+ "on-plus-five-alt": {
48
+ "alt": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 40%)"
49
+ },
50
+ "on-plus-four": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 24%)",
51
+ "on-plus-four-alt": {
52
+ "alt": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 4%)"
53
+ },
54
+ "on-plus-three": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 20%)",
55
+ "on-plus-three-alt": {
56
+ "alt": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 10%)"
57
+ },
58
+ "on-plus-two": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 16%)",
59
+ "on-plus-two-alt": {
60
+ "alt": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 6%)"
61
+ },
62
+ "on-plus-one": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%)",
63
+ "on-plus-one-alt": {
64
+ "alt": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 95%)"
65
+ },
66
+ "on-base": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%)",
67
+ "on-minus-one": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 94%)",
68
+ "on-minus-one-alt": {
69
+ "alt": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 82%)"
70
+ },
71
+ "on-minus-two": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 90%)",
72
+ "on-minus-two-alt": {
73
+ "alt": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 78%)"
74
+ },
75
+ "on-minus-three": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 86%)",
76
+ "on-minus-three-alt": {
77
+ "alt": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 74%)"
78
+ },
79
+ "on-minus-four": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 84%)",
80
+ "on-minus-four-alt": {
81
+ "alt": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 72%)"
82
+ },
83
+ "on-minus-five": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%)",
84
+ "on-minus-five-alt": {
85
+ "alt": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 78%)"
86
+ },
87
+ "on-minus-six": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 94%)",
88
+ "on-minus-six-alt": {
89
+ "alt": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 82%)"
90
+ },
91
+ "on-minus-seven": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 96%)",
92
+ "on-minus-seven-alt": {
93
+ "alt": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 84%)"
94
+ },
95
+ "on-minus-eight": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 98%)",
96
+ "on-minus-eight-alt": {
97
+ "alt": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 86%)"
98
+ },
99
+ "on-minus-max": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 100%)",
100
+ "on-minus-max-alt": {
101
+ "alt": "hsl(var(--op-color-primary-h) var(--op-color-primary-s) 88%)"
102
+ }
49
103
  },
50
104
  "neutral": {
51
- "h": "var(--rm-color-primary-h)",
105
+ "h": "var(--op-color-primary-h)",
52
106
  "s": "4%",
53
- "l": "var(--rm-color-primary-l)",
54
- "original": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) var(--rm-color-neutral-l))",
55
- "plus-max": "var(--rm-color-white)",
56
- "plus-eight": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 98%)",
57
- "plus-seven": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 96%)",
58
- "plus-six": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 94%)",
59
- "plus-five": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 90%)",
60
- "plus-four": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 84%)",
61
- "plus-three": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 70%)",
62
- "plus-two": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 64%)",
63
- "plus-one": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 52%)",
64
- "base": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 40%)",
65
- "minus-one": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 36%)",
66
- "minus-two": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 32%)",
67
- "minus-three": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 28%)",
68
- "minus-four": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 24%)",
69
- "minus-five": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 20%)",
70
- "minus-six": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 16%)",
71
- "minus-seven": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 8%)",
72
- "minus-eight": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 4%)",
73
- "minus-max": "var(--rm-color-black)",
74
- "on-plus-max": "var(--rm-color-black)",
75
- "on-plus-eight": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 4%)",
76
- "on-plus-seven": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 8%)",
77
- "on-plus-six": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 16%)",
78
- "on-plus-five": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 20%)",
79
- "on-plus-four": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 24%)",
80
- "on-plus-three": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 20%)",
81
- "on-plus-two": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 16%)",
82
- "on-plus-one": "var(--rm-color-black)",
83
- "on-base": "var(--rm-color-white)",
84
- "on-minus-one": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 94%)",
85
- "on-minus-two": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 90%)",
86
- "on-minus-three": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 86%)",
87
- "on-minus-four": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 84%)",
88
- "on-minus-five": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 88%)",
89
- "on-minus-six": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 94%)",
90
- "on-minus-seven": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 96%)",
91
- "on-minus-eight": "hsl(var(--rm-color-neutral-h) var(--rm-color-neutral-s) 98%)",
92
- "on-minus-max": "var(--rm-color-white)"
107
+ "l": "var(--op-color-primary-l)",
108
+ "original": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) var(--op-color-neutral-l))",
109
+ "plus-max": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%)",
110
+ "plus-eight": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 98%)",
111
+ "plus-seven": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 96%)",
112
+ "plus-six": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%)",
113
+ "plus-five": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%)",
114
+ "plus-four": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 84%)",
115
+ "plus-three": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 70%)",
116
+ "plus-two": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 64%)",
117
+ "plus-one": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 44%)",
118
+ "base": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%)",
119
+ "minus-one": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 36%)",
120
+ "minus-two": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 32%)",
121
+ "minus-three": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 28%)",
122
+ "minus-four": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 24%)",
123
+ "minus-five": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%)",
124
+ "minus-six": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%)",
125
+ "minus-seven": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 8%)",
126
+ "minus-eight": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%)",
127
+ "minus-max": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 0%)",
128
+ "on-plus-max": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 0%)",
129
+ "on-plus-max-alt": {
130
+ "alt": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%)"
131
+ },
132
+ "on-plus-eight": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%)",
133
+ "on-plus-eight-alt": {
134
+ "alt": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 34%)"
135
+ },
136
+ "on-plus-seven": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 8%)",
137
+ "on-plus-seven-alt": {
138
+ "alt": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 28%)"
139
+ },
140
+ "on-plus-six": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%)",
141
+ "on-plus-six-alt": {
142
+ "alt": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 36%)"
143
+ },
144
+ "on-plus-five": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%)",
145
+ "on-plus-five-alt": {
146
+ "alt": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 40%)"
147
+ },
148
+ "on-plus-four": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 24%)",
149
+ "on-plus-four-alt": {
150
+ "alt": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 4%)"
151
+ },
152
+ "on-plus-three": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 20%)",
153
+ "on-plus-three-alt": {
154
+ "alt": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 10%)"
155
+ },
156
+ "on-plus-two": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 16%)",
157
+ "on-plus-two-alt": {
158
+ "alt": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 6%)"
159
+ },
160
+ "on-plus-one": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%)",
161
+ "on-plus-one-alt": {
162
+ "alt": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 95%)"
163
+ },
164
+ "on-base": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%)",
165
+ "on-minus-one": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%)",
166
+ "on-minus-one-alt": {
167
+ "alt": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 84%)"
168
+ },
169
+ "on-minus-two": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 90%)",
170
+ "on-minus-two-alt": {
171
+ "alt": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 78%)"
172
+ },
173
+ "on-minus-three": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 86%)",
174
+ "on-minus-three-alt": {
175
+ "alt": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 74%)"
176
+ },
177
+ "on-minus-four": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 84%)",
178
+ "on-minus-four-alt": {
179
+ "alt": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 76%)"
180
+ },
181
+ "on-minus-five": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%)",
182
+ "on-minus-five-alt": {
183
+ "alt": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 76%)"
184
+ },
185
+ "on-minus-six": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 94%)",
186
+ "on-minus-six-alt": {
187
+ "alt": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 82%)"
188
+ },
189
+ "on-minus-seven": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 96%)",
190
+ "on-minus-seven-alt": {
191
+ "alt": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 84%)"
192
+ },
193
+ "on-minus-eight": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 98%)",
194
+ "on-minus-eight-alt": {
195
+ "alt": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 86%)"
196
+ },
197
+ "on-minus-max": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 100%)",
198
+ "on-minus-max-alt": {
199
+ "alt": "hsl(var(--op-color-neutral-h) var(--op-color-neutral-s) 88%)"
200
+ }
93
201
  },
94
202
  "alerts": {
95
203
  "warning": {
96
204
  "h": "47",
97
205
  "s": "100%",
98
206
  "l": "61%",
99
- "plus-max": "var(--rm-color-white)",
100
- "plus-eight": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 98%)",
101
- "plus-seven": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 96%)",
102
- "plus-six": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 94%)",
103
- "plus-five": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 90%)",
104
- "plus-four": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 84%)",
105
- "plus-three": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 70%)",
106
- "plus-two": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 64%)",
107
- "plus-one": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 52%)",
108
- "base": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 40%)",
109
- "minus-one": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 36%)",
110
- "minus-two": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 32%)",
111
- "minus-three": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 28%)",
112
- "minus-four": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 24%)",
113
- "minus-five": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 20%)",
114
- "minus-six": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 16%)",
115
- "minus-seven": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 8%)",
116
- "minus-eight": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 4%)",
117
- "minus-max": "var(--rm-color-black)",
118
- "on-plus-max": "var(--rm-color-black)",
119
- "on-plus-eight": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 4%)",
120
- "on-plus-seven": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 8%)",
121
- "on-plus-six": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 16%)",
122
- "on-plus-five": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 20%)",
123
- "on-plus-four": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 24%)",
124
- "on-plus-three": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 20%)",
125
- "on-plus-two": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 16%)",
126
- "on-plus-one": "var(--rm-color-white)",
127
- "on-base": "var(--rm-color-white)",
128
- "on-minus-one": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 94%)",
129
- "on-minus-two": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 90%)",
130
- "on-minus-three": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 86%)",
131
- "on-minus-four": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 84%)",
132
- "on-minus-five": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 88%)",
133
- "on-minus-six": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 94%)",
134
- "on-minus-seven": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 96%)",
135
- "on-minus-eight": "hsl(var(--rm-color-alerts-warning-h) var(--rm-color-alerts-warning-s) 98%)",
136
- "on-minus-max": "var(--rm-color-white)"
207
+ "plus-max": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 100%)",
208
+ "plus-eight": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 98%)",
209
+ "plus-seven": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 96%)",
210
+ "plus-six": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 94%)",
211
+ "plus-five": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 90%)",
212
+ "plus-four": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 80%)",
213
+ "plus-three": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 70%)",
214
+ "plus-two": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 64%)",
215
+ "plus-one": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 50%)",
216
+ "base": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 40%)",
217
+ "minus-one": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 26%)",
218
+ "minus-two": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 22%)",
219
+ "minus-three": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 18%)",
220
+ "minus-four": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 14%)",
221
+ "minus-five": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%)",
222
+ "minus-six": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 10%)",
223
+ "minus-seven": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 4%)",
224
+ "minus-eight": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 2%)",
225
+ "minus-max": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%)",
226
+ "on-plus-max": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%)",
227
+ "on-plus-max-alt": {
228
+ "alt": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%)"
229
+ },
230
+ "on-plus-eight": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 4%)",
231
+ "on-plus-seven": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 8%)",
232
+ "on-plus-six": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 16%)",
233
+ "on-plus-six-alt": {
234
+ "alt": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 26%)"
235
+ },
236
+ "on-plus-five": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%)",
237
+ "on-plus-four": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%)",
238
+ "on-plus-four-alt": {
239
+ "alt": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 0%)"
240
+ },
241
+ "on-plus-three": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%)",
242
+ "on-plus-two": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 16%)",
243
+ "on-plus-two-alt": {
244
+ "alt": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 6%)"
245
+ },
246
+ "on-plus-one": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 20%)",
247
+ "on-plus-one-alt": {
248
+ "alt": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 15%)"
249
+ },
250
+ "on-base": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 12%)",
251
+ "on-minus-one": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 100%)",
252
+ "on-minus-two": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 96%)",
253
+ "on-minus-three": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 92%)",
254
+ "on-minus-four": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%)",
255
+ "on-minus-five": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 88%)",
256
+ "on-minus-six": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 94%)",
257
+ "on-minus-seven": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 96%)",
258
+ "on-minus-eight": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 98%)",
259
+ "on-minus-max": "hsl(var(--op-color-alerts-warning-h) var(--op-color-alerts-warning-s) 100%)"
137
260
  },
138
261
  "danger": {
139
262
  "h": "0",
140
263
  "s": "99%",
141
264
  "l": "76%",
142
- "plus-max": "var(--rm-color-white)",
143
- "plus-eight": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 98%)",
144
- "plus-seven": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 96%)",
145
- "plus-six": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 94%)",
146
- "plus-five": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 90%)",
147
- "plus-four": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 84%)",
148
- "plus-three": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 70%)",
149
- "plus-two": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 64%)",
150
- "plus-one": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 52%)",
151
- "base": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 40%)",
152
- "minus-one": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 36%)",
153
- "minus-two": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 32%)",
154
- "minus-three": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 28%)",
155
- "minus-four": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 24%)",
156
- "minus-five": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 20%)",
157
- "minus-six": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 16%)",
158
- "minus-seven": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 8%)",
159
- "minus-eight": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 4%)",
160
- "minus-max": "var(--rm-color-black)",
161
- "on-plus-max": "var(--rm-color-black)",
162
- "on-plus-eight": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 4%)",
163
- "on-plus-seven": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 8%)",
164
- "on-plus-six": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 16%)",
165
- "on-plus-five": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 20%)",
166
- "on-plus-four": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 24%)",
167
- "on-plus-three": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 20%)",
168
- "on-plus-two": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 16%)",
169
- "on-plus-one": "var(--rm-color-white)",
170
- "on-base": "var(--rm-color-white)",
171
- "on-minus-one": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 94%)",
172
- "on-minus-two": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 90%)",
173
- "on-minus-three": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 86%)",
174
- "on-minus-four": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 84%)",
175
- "on-minus-five": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 88%)",
176
- "on-minus-six": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 94%)",
177
- "on-minus-seven": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 96%)",
178
- "on-minus-eight": "hsl(var(--rm-color-alerts-danger-h) var(--rm-color-alerts-danger-s) 98%)",
179
- "on-minus-max": "var(--rm-color-white)"
265
+ "plus-max": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 100%)",
266
+ "plus-eight": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 98%)",
267
+ "plus-seven": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 96%)",
268
+ "plus-six": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 94%)",
269
+ "plus-five": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 90%)",
270
+ "plus-four": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 84%)",
271
+ "plus-three": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 70%)",
272
+ "plus-two": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 64%)",
273
+ "plus-one": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 50%)",
274
+ "base": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 40%)",
275
+ "minus-one": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 36%)",
276
+ "minus-two": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 32%)",
277
+ "minus-three": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 28%)",
278
+ "minus-four": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%)",
279
+ "minus-five": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%)",
280
+ "minus-six": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 16%)",
281
+ "minus-seven": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%)",
282
+ "minus-eight": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%)",
283
+ "minus-max": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 0%)",
284
+ "on-plus-max": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 0%)",
285
+ "on-plus-max-alt": {
286
+ "alt": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%)"
287
+ },
288
+ "on-plus-eight": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%)",
289
+ "on-plus-eight-alt": {
290
+ "alt": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%)"
291
+ },
292
+ "on-plus-seven": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%)",
293
+ "on-plus-seven-alt": {
294
+ "alt": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 28%)"
295
+ },
296
+ "on-plus-six": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 16%)",
297
+ "on-plus-six-alt": {
298
+ "alt": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 36%)"
299
+ },
300
+ "on-plus-five": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%)",
301
+ "on-plus-five-alt": {
302
+ "alt": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 30%)"
303
+ },
304
+ "on-plus-four": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 24%)",
305
+ "on-plus-four-alt": {
306
+ "alt": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 4%)"
307
+ },
308
+ "on-plus-three": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 20%)",
309
+ "on-plus-three-alt": {
310
+ "alt": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 10%)"
311
+ },
312
+ "on-plus-two": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 16%)",
313
+ "on-plus-two-alt": {
314
+ "alt": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 6%)"
315
+ },
316
+ "on-plus-one": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 8%)",
317
+ "on-plus-one-alt": {
318
+ "alt": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 3%)"
319
+ },
320
+ "on-base": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 100%)",
321
+ "on-minus-one": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 94%)",
322
+ "on-minus-one-alt": {
323
+ "alt": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 89%)"
324
+ },
325
+ "on-minus-two": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 90%)",
326
+ "on-minus-two-alt": {
327
+ "alt": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 83%)"
328
+ },
329
+ "on-minus-three": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 86%)",
330
+ "on-minus-three-alt": {
331
+ "alt": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 79%)"
332
+ },
333
+ "on-minus-four": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 84%)",
334
+ "on-minus-four-alt": {
335
+ "alt": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 77%)"
336
+ },
337
+ "on-minus-five": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 88%)",
338
+ "on-minus-five-alt": {
339
+ "alt": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 81%)"
340
+ },
341
+ "on-minus-six": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 94%)",
342
+ "on-minus-six-alt": {
343
+ "alt": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 87%)"
344
+ },
345
+ "on-minus-seven": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 96%)",
346
+ "on-minus-seven-alt": {
347
+ "alt": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 89%)"
348
+ },
349
+ "on-minus-eight": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 98%)",
350
+ "on-minus-eight-alt": {
351
+ "alt": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 91%)"
352
+ },
353
+ "on-minus-max": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 100%)",
354
+ "on-minus-max-alt": {
355
+ "alt": "hsl(var(--op-color-alerts-danger-h) var(--op-color-alerts-danger-s) 93%)"
356
+ }
180
357
  },
181
358
  "info": {
182
359
  "h": "216",
183
360
  "s": "58%",
184
361
  "l": "48%",
185
- "plus-max": "var(--rm-color-white)",
186
- "plus-eight": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 98%)",
187
- "plus-seven": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 96%)",
188
- "plus-six": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 94%)",
189
- "plus-five": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 90%)",
190
- "plus-four": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 84%)",
191
- "plus-three": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 70%)",
192
- "plus-two": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 64%)",
193
- "plus-one": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 52%)",
194
- "base": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 40%)",
195
- "minus-one": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 36%)",
196
- "minus-two": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 32%)",
197
- "minus-three": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 28%)",
198
- "minus-four": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 24%)",
199
- "minus-five": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 20%)",
200
- "minus-six": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 16%)",
201
- "minus-seven": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 8%)",
202
- "minus-eight": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 4%)",
203
- "minus-max": "var(--rm-color-black)",
204
- "on-plus-max": "var(--rm-color-black)",
205
- "on-plus-eight": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 4%)",
206
- "on-plus-seven": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 8%)",
207
- "on-plus-six": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 16%)",
208
- "on-plus-five": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 20%)",
209
- "on-plus-four": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 24%)",
210
- "on-plus-three": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 20%)",
211
- "on-plus-two": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 16%)",
212
- "on-plus-one": "var(--rm-color-white)",
213
- "on-base": "var(--rm-color-white)",
214
- "on-minus-one": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 94%)",
215
- "on-minus-two": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 90%)",
216
- "on-minus-three": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 86%)",
217
- "on-minus-four": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 84%)",
218
- "on-minus-five": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 88%)",
219
- "on-minus-six": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 94%)",
220
- "on-minus-seven": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 96%)",
221
- "on-minus-eight": "hsl(var(--rm-color-alerts-info-h) var(--rm-color-alerts-info-s) 98%)",
222
- "on-minus-max": "var(--rm-color-white)"
362
+ "plus-max": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 100%)",
363
+ "plus-eight": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 98%)",
364
+ "plus-seven": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 96%)",
365
+ "plus-six": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 94%)",
366
+ "plus-five": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 90%)",
367
+ "plus-four": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 84%)",
368
+ "plus-three": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 70%)",
369
+ "plus-two": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 64%)",
370
+ "plus-one": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 56%)",
371
+ "base": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 40%)",
372
+ "minus-one": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 36%)",
373
+ "minus-two": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 32%)",
374
+ "minus-three": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 28%)",
375
+ "minus-four": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 24%)",
376
+ "minus-five": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%)",
377
+ "minus-six": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 16%)",
378
+ "minus-seven": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 8%)",
379
+ "minus-eight": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%)",
380
+ "minus-max": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 0%)",
381
+ "on-plus-max": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 0%)",
382
+ "on-plus-max-alt": {
383
+ "alt": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%)"
384
+ },
385
+ "on-plus-eight": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%)",
386
+ "on-plus-eight-alt": {
387
+ "alt": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 24%)"
388
+ },
389
+ "on-plus-seven": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 8%)",
390
+ "on-plus-seven-alt": {
391
+ "alt": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 28%)"
392
+ },
393
+ "on-plus-six": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 16%)",
394
+ "on-plus-six-alt": {
395
+ "alt": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 36%)"
396
+ },
397
+ "on-plus-five": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%)",
398
+ "on-plus-five-alt": {
399
+ "alt": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 40%)"
400
+ },
401
+ "on-plus-four": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 24%)",
402
+ "on-plus-four-alt": {
403
+ "alt": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 4%)"
404
+ },
405
+ "on-plus-three": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 20%)",
406
+ "on-plus-three-alt": {
407
+ "alt": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 10%)"
408
+ },
409
+ "on-plus-two": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 16%)",
410
+ "on-plus-two-alt": {
411
+ "alt": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 6%)"
412
+ },
413
+ "on-plus-one": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 8%)",
414
+ "on-plus-one-alt": {
415
+ "alt": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 3%)"
416
+ },
417
+ "on-base": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 100%)",
418
+ "on-minus-one": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 94%)",
419
+ "on-minus-one-alt": {
420
+ "alt": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 82%)"
421
+ },
422
+ "on-minus-two": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 90%)",
423
+ "on-minus-two-alt": {
424
+ "alt": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 78%)"
425
+ },
426
+ "on-minus-three": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 86%)",
427
+ "on-minus-three-alt": {
428
+ "alt": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 74%)"
429
+ },
430
+ "on-minus-four": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 84%)",
431
+ "on-minus-four-alt": {
432
+ "alt": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 72%)"
433
+ },
434
+ "on-minus-five": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%)",
435
+ "on-minus-five-alt": {
436
+ "alt": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 76%)"
437
+ },
438
+ "on-minus-six": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 94%)",
439
+ "on-minus-six-alt": {
440
+ "alt": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 82%)"
441
+ },
442
+ "on-minus-seven": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 96%)",
443
+ "on-minus-seven-alt": {
444
+ "alt": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 84%)"
445
+ },
446
+ "on-minus-eight": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 98%)",
447
+ "on-minus-eight-alt": {
448
+ "alt": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 86%)"
449
+ },
450
+ "on-minus-max": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 100%)",
451
+ "on-minus-max-alt": {
452
+ "alt": "hsl(var(--op-color-alerts-info-h) var(--op-color-alerts-info-s) 88%)"
453
+ }
223
454
  },
224
455
  "notice": {
225
456
  "h": "130",
226
457
  "s": "61%",
227
458
  "l": "64%",
228
- "plus-max": "var(--rm-color-white)",
229
- "plus-eight": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 98%)",
230
- "plus-seven": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 96%)",
231
- "plus-six": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 94%)",
232
- "plus-five": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 90%)",
233
- "plus-four": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 84%)",
234
- "plus-three": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 70%)",
235
- "plus-two": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 64%)",
236
- "plus-one": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 52%)",
237
- "base": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 40%)",
238
- "minus-one": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 36%)",
239
- "minus-two": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 32%)",
240
- "minus-three": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 28%)",
241
- "minus-four": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 24%)",
242
- "minus-five": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 20%)",
243
- "minus-six": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 16%)",
244
- "minus-seven": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 8%)",
245
- "minus-eight": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 4%)",
246
- "minus-max": "var(--rm-color-black)",
247
- "on-plus-max": "var(--rm-color-black)",
248
- "on-plus-eight": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 4%)",
249
- "on-plus-seven": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 8%)",
250
- "on-plus-six": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 16%)",
251
- "on-plus-five": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 20%)",
252
- "on-plus-four": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 24%)",
253
- "on-plus-three": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 20%)",
254
- "on-plus-two": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 16%)",
255
- "on-plus-one": "var(--rm-color-white)",
256
- "on-base": "var(--rm-color-white)",
257
- "on-minus-one": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 94%)",
258
- "on-minus-two": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 90%)",
259
- "on-minus-three": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 86%)",
260
- "on-minus-four": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 84%)",
261
- "on-minus-five": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 88%)",
262
- "on-minus-six": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 94%)",
263
- "on-minus-seven": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 96%)",
264
- "on-minus-eight": "hsl(var(--rm-color-alerts-notice-h) var(--rm-color-alerts-notice-s) 98%)",
265
- "on-minus-max": "var(--rm-color-white)"
459
+ "plus-max": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 100%)",
460
+ "plus-eight": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 98%)",
461
+ "plus-seven": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 96%)",
462
+ "plus-six": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 94%)",
463
+ "plus-five": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 90%)",
464
+ "plus-four": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 84%)",
465
+ "plus-three": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 70%)",
466
+ "plus-two": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 64%)",
467
+ "plus-one": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 47%)",
468
+ "base": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 40%)",
469
+ "minus-one": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 32%)",
470
+ "minus-two": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 28%)",
471
+ "minus-three": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 26%)",
472
+ "minus-four": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 22%)",
473
+ "minus-five": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 18%)",
474
+ "minus-six": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 16%)",
475
+ "minus-seven": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 8%)",
476
+ "minus-eight": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 4%)",
477
+ "minus-max": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 0%)",
478
+ "on-plus-max": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 0%)",
479
+ "on-plus-max-alt": {
480
+ "alt": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%)"
481
+ },
482
+ "on-plus-eight": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 4%)",
483
+ "on-plus-eight-alt": {
484
+ "alt": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 24%)"
485
+ },
486
+ "on-plus-seven": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 8%)",
487
+ "on-plus-seven-alt": {
488
+ "alt": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 28%)"
489
+ },
490
+ "on-plus-six": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 16%)",
491
+ "on-plus-six-alt": {
492
+ "alt": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 26%)"
493
+ },
494
+ "on-plus-five": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%)",
495
+ "on-plus-five-alt": {
496
+ "alt": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 30%)"
497
+ },
498
+ "on-plus-four": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 24%)",
499
+ "on-plus-four-alt": {
500
+ "alt": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 4%)"
501
+ },
502
+ "on-plus-three": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 20%)",
503
+ "on-plus-three-alt": {
504
+ "alt": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 10%)"
505
+ },
506
+ "on-plus-two": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 16%)",
507
+ "on-plus-two-alt": {
508
+ "alt": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 6%)"
509
+ },
510
+ "on-plus-one": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 8%)",
511
+ "on-plus-one-alt": {
512
+ "alt": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 3%)"
513
+ },
514
+ "on-base": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 8%)",
515
+ "on-minus-one": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 100%)",
516
+ "on-minus-one-alt": {
517
+ "alt": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 96%)"
518
+ },
519
+ "on-minus-two": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 96%)",
520
+ "on-minus-two-alt": {
521
+ "alt": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 89%)"
522
+ },
523
+ "on-minus-three": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 92%)",
524
+ "on-minus-three-alt": {
525
+ "alt": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 85%)"
526
+ },
527
+ "on-minus-four": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%)",
528
+ "on-minus-four-alt": {
529
+ "alt": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 81%)"
530
+ },
531
+ "on-minus-five": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%)",
532
+ "on-minus-five-alt": {
533
+ "alt": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 76%)"
534
+ },
535
+ "on-minus-six": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 94%)",
536
+ "on-minus-six-alt": {
537
+ "alt": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 82%)"
538
+ },
539
+ "on-minus-seven": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 96%)",
540
+ "on-minus-seven-alt": {
541
+ "alt": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 84%)"
542
+ },
543
+ "on-minus-eight": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 98%)",
544
+ "on-minus-eight-alt": {
545
+ "alt": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 86%)"
546
+ },
547
+ "on-minus-max": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 100%)",
548
+ "on-minus-max-alt": {
549
+ "alt": "hsl(var(--op-color-alerts-notice-h) var(--op-color-alerts-notice-s) 88%)"
550
+ }
266
551
  }
267
552
  },
268
- "background": "var(--rm-color-neutral-plus-eight)",
269
- "on-background": "var(--rm-color-neutral-on-plus-eight)"
553
+ "background": "var(--op-color-neutral-plus-eight)",
554
+ "on-background": "var(--op-color-neutral-on-plus-eight)"
270
555
  },
271
556
  "radius": {
272
557
  "small": "2px",
273
558
  "medium": "4px",
274
559
  "large": "8px",
275
- "x-large": "16px",
560
+ "x-large": "12px",
561
+ "2x-large": "16px",
276
562
  "circle": "50%",
277
563
  "pill": "9999px"
278
564
  },
@@ -280,27 +566,31 @@
280
566
  "width": "1px",
281
567
  "width-large": "2px",
282
568
  "width-x-large": "4px",
283
- "color": "var(--rm-color-neutral-plus-three)",
569
+ "color": "var(--op-color-neutral-plus-five)",
284
570
  "none": "0 0 0 0",
285
- "all": "0 0 0 var(--rm-border-width)",
286
- "top": "0 calc(-1 * var(--rm-border-width)) 0 0",
287
- "right": "var(--rm-border-width) 0 0 0",
288
- "bottom": "0 var(--rm-border-width) 0 0",
289
- "left": "calc(-1 * var(--rm-border-width)) 0 0 0",
290
- "y": "var(--rm-border-top) var(--rm-border-color), var(--rm-border-bottom) var(--rm-border-color)",
291
- "x": "var(--rm-border-left) var(--rm-border-color), var(--rm-border-right) var(--rm-border-color)"
571
+ "all": "0 0 0 var(--op-border-width)",
572
+ "top": "0 calc(-1 * var(--op-border-width)) 0 0",
573
+ "right": "var(--op-border-width) 0 0 0",
574
+ "bottom": "0 var(--op-border-width) 0 0",
575
+ "left": "calc(-1 * var(--op-border-width)) 0 0 0",
576
+ "y": "var(--op-border-top) var(--op-border-color), var(--op-border-bottom) var(--op-border-color)",
577
+ "x": "var(--op-border-left) var(--op-border-color), var(--op-border-right) var(--op-border-color)"
292
578
  },
293
579
  "font": {
294
580
  "scale-unit": "1rem",
295
- "x-small": "calc(var(--rm-font-scale-unit) * 1.2)",
296
- "small": "calc(var(--rm-font-scale-unit) * 1.4)",
297
- "medium": "calc(var(--rm-font-scale-unit) * 1.6)",
298
- "large": "calc(var(--rm-font-scale-unit) * 1.8)",
299
- "x-large": "calc(var(--rm-font-scale-unit) * 2.4)",
300
- "2x-large": "calc(var(--rm-font-scale-unit) * 2.8)",
301
- "3x-large": "calc(var(--rm-font-scale-unit) * 3.2)",
302
- "4x-large": "calc(var(--rm-font-scale-unit) * 3.6)",
303
- "5x-large": "calc(var(--rm-font-scale-unit) * 4.8)",
581
+ "2x-small": "calc(var(--op-font-scale-unit) * 1)",
582
+ "x-small": "calc(var(--op-font-scale-unit) * 1.2)",
583
+ "small": "calc(var(--op-font-scale-unit) * 1.4)",
584
+ "medium": "calc(var(--op-font-scale-unit) * 1.6)",
585
+ "large": "calc(var(--op-font-scale-unit) * 1.8)",
586
+ "x-large": "calc(var(--op-font-scale-unit) * 2)",
587
+ "2x-large": "calc(var(--op-font-scale-unit) * 2.4)",
588
+ "3x-large": "calc(var(--op-font-scale-unit) * 2.8)",
589
+ "4x-large": "calc(var(--op-font-scale-unit) * 3.2)",
590
+ "5x-large": "calc(var(--op-font-scale-unit) * 3.6)",
591
+ "6x": {
592
+ "large": "calc(var(--op-font-scale-unit) * 4.8)"
593
+ },
304
594
  "weight": {
305
595
  "thin": "100",
306
596
  "extra-light": "200",
@@ -329,12 +619,13 @@
329
619
  "label": "0.04rem"
330
620
  },
331
621
  "transition": {
332
- "input": "120ms",
333
- "navigation": "200ms",
334
- "sidebar": "300ms",
335
- "modal": "300ms",
336
- "panel": "400ms",
337
- "flash": "5s"
622
+ "input": "all 120ms ease-in",
623
+ "sidebar": "all 200ms ease-in-out",
624
+ "modal": "all 300ms ease-in",
625
+ "panel": "right 400ms ease-in"
626
+ },
627
+ "animation": {
628
+ "flash": "rm-slide-in-out-flash 5s normal forwards"
338
629
  },
339
630
  "form": {
340
631
  "dropdown": {
@@ -343,16 +634,16 @@
343
634
  },
344
635
  "space": {
345
636
  "scale-unit": "1rem",
346
- "3x-small": "calc(var(--rm-space-scale-unit) * 0.2)",
347
- "2x-small": "calc(var(--rm-space-scale-unit) * 0.4)",
348
- "x-small": "calc(var(--rm-space-scale-unit) * 0.8)",
349
- "small": "calc(var(--rm-space-scale-unit) * 1.2)",
350
- "medium": "calc(var(--rm-space-scale-unit) * 1.6)",
351
- "large": "calc(var(--rm-space-scale-unit) * 2)",
352
- "x-large": "calc(var(--rm-space-scale-unit) * 2.4)",
353
- "2x-large": "calc(var(--rm-space-scale-unit) * 2.8)",
354
- "3x-large": "calc(var(--rm-space-scale-unit) * 4)",
355
- "4x-large": "calc(var(--rm-space-scale-unit) * 8)"
637
+ "3x-small": "calc(var(--op-space-scale-unit) * 0.2)",
638
+ "2x-small": "calc(var(--op-space-scale-unit) * 0.4)",
639
+ "x-small": "calc(var(--op-space-scale-unit) * 0.8)",
640
+ "small": "calc(var(--op-space-scale-unit) * 1.2)",
641
+ "medium": "calc(var(--op-space-scale-unit) * 1.6)",
642
+ "large": "calc(var(--op-space-scale-unit) * 2)",
643
+ "x-large": "calc(var(--op-space-scale-unit) * 2.4)",
644
+ "2x-large": "calc(var(--op-space-scale-unit) * 2.8)",
645
+ "3x-large": "calc(var(--op-space-scale-unit) * 4)",
646
+ "4x-large": "calc(var(--op-space-scale-unit) * 8)"
356
647
  },
357
648
  "shadow": {
358
649
  "x-small": "0 1px 2px hsl(0deg 0% 0% / 3%), 0 1px 3px hsl(0deg 0% 0% / 15%)",
@@ -373,19 +664,19 @@
373
664
  "tooltip": "1000"
374
665
  },
375
666
  "input-height": {
376
- "small": "2.4rem",
377
- "medium": "3.2rem",
378
- "large": "4.4rem",
379
- "x-large": "5.6rem"
667
+ "small": "2.8rem",
668
+ "medium": "3.6rem",
669
+ "large": "4rem",
670
+ "x-large": "8.4rem"
380
671
  },
381
672
  "input": {
382
673
  "outer": {
383
- "focus": "0 0 0 var(--rm-border-width-large) var(--rm-color-primary-plus-four)"
674
+ "focus": "0 0 0 var(--op-border-width-large) var(--op-color-primary-plus-four)"
384
675
  },
385
676
  "inner": {
386
- "focus": "inset var(--rm-border-all) var(--rm-color-primary-minus-three)"
677
+ "focus": "inset var(--op-border-all) var(--op-color-primary-minus-three)"
387
678
  },
388
- "focus": "var(--rm-input-inner-focus), var(--rm-input-outer-focus)"
679
+ "focus": "var(--op-input-inner-focus), var(--op-input-outer-focus)"
389
680
  }
390
681
  }
391
682
  }