ropav 0.1.8 → 0.2.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.
- package/README.md +13 -4
- package/dist/base.css +570 -773
- package/dist/calendar.css +45 -34
- package/dist/calendar.js +108 -83
- package/dist/color-input.css +3 -7
- package/dist/color-picker.css +2 -6
- package/dist/color-swatch.css +2 -6
- package/dist/combobox.css +5 -5
- package/dist/componentColors.js +29 -25
- package/dist/components/alert/types.d.ts +1 -1
- package/dist/components/avatar/types.d.ts +1 -1
- package/dist/components/badge/types.d.ts +1 -1
- package/dist/components/calendar/index.d.ts +1 -1
- package/dist/components/calendar/types.d.ts +3 -0
- package/dist/components/date-picker/index.d.ts +1 -1
- package/dist/components/date-picker/types.d.ts +3 -1
- package/dist/components/pagination/types.d.ts +1 -1
- package/dist/components/progress/types.d.ts +1 -1
- package/dist/components/segmented-control/types.d.ts +1 -1
- package/dist/components/slider/types.d.ts +1 -1
- package/dist/components/slider/useSlider.d.ts +1 -1
- package/dist/components/slider/useSliderPointer.d.ts +15 -0
- package/dist/components/slider/useSliderValueState.d.ts +1 -0
- package/dist/components/toast/types.d.ts +1 -1
- package/dist/components/toolbar/index.d.ts +3 -0
- package/dist/components/toolbar/index.js +2 -0
- package/dist/components/toolbar/toolbar.d.ts +24 -0
- package/dist/components/toolbar/types.d.ts +12 -0
- package/dist/components/toolbar/useToolbar.d.ts +7 -0
- package/dist/date-picker.css +9 -9
- package/dist/date-picker.js +4 -2
- package/dist/dropdown-menu.css +7 -7
- package/dist/field.css +1 -1
- package/dist/focusNavigation.js +12 -6
- package/dist/hover-card.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +2 -1
- package/dist/modal.css +1 -1
- package/dist/multi-select.css +5 -5
- package/dist/pagination.css +1 -1
- package/dist/popover.css +2 -2
- package/dist/select.css +5 -5
- package/dist/slider.css +80 -71
- package/dist/slider.js +91 -16
- package/dist/tabs.css +3 -3
- package/dist/tags-input.css +1 -1
- package/dist/textarea.css +1 -1
- package/dist/toast.css +1 -1
- package/dist/toolbar.css +15 -0
- package/dist/toolbar.js +143 -0
- package/dist/tooltip.css +1 -1
- package/dist/utils/componentColors.d.ts +2 -4
- package/dist/utils/dom/focusNavigation.d.ts +4 -1
- package/docs/code-architecture.md +30 -1
- package/docs/public-styles-api.md +11 -6
- package/docs/releasing.md +39 -0
- package/package.json +52 -39
- package/src/styles/_mixins.scss +2 -6
- package/src/styles/_tokens.scss +4 -833
- package/src/styles/generated/showcase.html +274 -0
- package/src/styles/generated/tokens.css +592 -0
- package/src/styles/generated/tokens.md +583 -0
- package/src/styles/generated/tokens.scss +1134 -0
- package/tokens/manifest.json +6164 -0
- package/docs/public-tokens.md +0 -685
- package/src/styles/_variables.scss +0 -243
- package/src/styles/styles-manifest.json +0 -5244
package/docs/public-tokens.md
DELETED
|
@@ -1,685 +0,0 @@
|
|
|
1
|
-
# Public tokens
|
|
2
|
-
|
|
3
|
-
This table is generated from `src/styles/styles-manifest.json`. A CSS variable is public only when its exact name appears below; the `--rp-` prefix alone does not make it public.
|
|
4
|
-
|
|
5
|
-
## Color override contract
|
|
6
|
-
|
|
7
|
-
`autoContrast` reads public state-specific `*-contrast` companion tokens. Browsers do not recompute those build-time choices after a consumer changes a background token, so each background role and its contrast companions form one required override group. For a preset solid role, declare the normal, hover, and contrast values in the same selector and cascade layer:
|
|
8
|
-
|
|
9
|
-
```css
|
|
10
|
-
@layer app {
|
|
11
|
-
:root {
|
|
12
|
-
--rp-color-blue-filled: #000;
|
|
13
|
-
--rp-color-blue-filled-hover: #111;
|
|
14
|
-
--rp-color-blue-contrast: #fff;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
Choose a preset companion with sufficient contrast against its normal, hover, and derived active backgrounds. For a palette shade, normal uses its `*-contrast` companion, hover uses the next shade and that shade's companion, and active uses its `*-active-contrast` companion. Override a shade, its normal companion, and its active companion together; override the next shade pair too when customizing hover. Built-in preset solid roles prefer white text and select or darken their filled backgrounds accordingly; high-luminance lime and yellow roles retain black text. Keep `--rp-color-black` and `--rp-color-white` as readable dark and light contrast anchors.
|
|
20
|
-
|
|
21
|
-
## Design tokens
|
|
22
|
-
|
|
23
|
-
| Name | Source | Type | Theme | Description |
|
|
24
|
-
| ------------------------------------- | ---------------------------------------- | ---------- | -------------- | --------------------------------------------------------------------- |
|
|
25
|
-
| `--rp-border-width-medium` | `border.width.medium` | dimension | all-themes | Public Ropav border token for border.width.medium. |
|
|
26
|
-
| `--rp-border-width-thin` | `border.width.thin` | dimension | all-themes | Public Ropav border token for border.width.thin. |
|
|
27
|
-
| `--rp-color-black` | `color.black` | color | all-themes | Public Ropav color token for color.black. |
|
|
28
|
-
| `--rp-color-blue-0` | `color.blue.0` | color | all-themes | Public Ropav color token for color.blue.0. |
|
|
29
|
-
| `--rp-color-blue-0-active-contrast` | `derived.color.blue.0.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-0-active-contrast. |
|
|
30
|
-
| `--rp-color-blue-0-contrast` | `derived.color.blue.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-0-contrast. |
|
|
31
|
-
| `--rp-color-blue-1` | `color.blue.1` | color | all-themes | Public Ropav color token for color.blue.1. |
|
|
32
|
-
| `--rp-color-blue-1-active-contrast` | `derived.color.blue.1.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-1-active-contrast. |
|
|
33
|
-
| `--rp-color-blue-1-contrast` | `derived.color.blue.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-1-contrast. |
|
|
34
|
-
| `--rp-color-blue-2` | `color.blue.2` | color | all-themes | Public Ropav color token for color.blue.2. |
|
|
35
|
-
| `--rp-color-blue-2-active-contrast` | `derived.color.blue.2.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-2-active-contrast. |
|
|
36
|
-
| `--rp-color-blue-2-contrast` | `derived.color.blue.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-2-contrast. |
|
|
37
|
-
| `--rp-color-blue-3` | `color.blue.3` | color | all-themes | Public Ropav color token for color.blue.3. |
|
|
38
|
-
| `--rp-color-blue-3-active-contrast` | `derived.color.blue.3.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-3-active-contrast. |
|
|
39
|
-
| `--rp-color-blue-3-contrast` | `derived.color.blue.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-3-contrast. |
|
|
40
|
-
| `--rp-color-blue-4` | `color.blue.4` | color | all-themes | Public Ropav color token for color.blue.4. |
|
|
41
|
-
| `--rp-color-blue-4-active-contrast` | `derived.color.blue.4.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-4-active-contrast. |
|
|
42
|
-
| `--rp-color-blue-4-contrast` | `derived.color.blue.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-4-contrast. |
|
|
43
|
-
| `--rp-color-blue-5` | `color.blue.5` | color | all-themes | Public Ropav color token for color.blue.5. |
|
|
44
|
-
| `--rp-color-blue-5-active-contrast` | `derived.color.blue.5.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-5-active-contrast. |
|
|
45
|
-
| `--rp-color-blue-5-contrast` | `derived.color.blue.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-5-contrast. |
|
|
46
|
-
| `--rp-color-blue-6` | `color.blue.6` | color | all-themes | Public Ropav color token for color.blue.6. |
|
|
47
|
-
| `--rp-color-blue-6-active-contrast` | `derived.color.blue.6.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-6-active-contrast. |
|
|
48
|
-
| `--rp-color-blue-6-contrast` | `derived.color.blue.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-6-contrast. |
|
|
49
|
-
| `--rp-color-blue-7` | `color.blue.7` | color | all-themes | Public Ropav color token for color.blue.7. |
|
|
50
|
-
| `--rp-color-blue-7-active-contrast` | `derived.color.blue.7.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-7-active-contrast. |
|
|
51
|
-
| `--rp-color-blue-7-contrast` | `derived.color.blue.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-7-contrast. |
|
|
52
|
-
| `--rp-color-blue-8` | `color.blue.8` | color | all-themes | Public Ropav color token for color.blue.8. |
|
|
53
|
-
| `--rp-color-blue-8-active-contrast` | `derived.color.blue.8.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-8-active-contrast. |
|
|
54
|
-
| `--rp-color-blue-8-contrast` | `derived.color.blue.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-8-contrast. |
|
|
55
|
-
| `--rp-color-blue-9` | `color.blue.9` | color | all-themes | Public Ropav color token for color.blue.9. |
|
|
56
|
-
| `--rp-color-blue-9-active-contrast` | `derived.color.blue.9.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-9-active-contrast. |
|
|
57
|
-
| `--rp-color-blue-9-contrast` | `derived.color.blue.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-9-contrast. |
|
|
58
|
-
| `--rp-color-blue-contrast` | `derived.color.blue.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-contrast. |
|
|
59
|
-
| `--rp-color-blue-filled` | `derived.color.blue.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-filled. |
|
|
60
|
-
| `--rp-color-blue-filled-hover` | `derived.color.blue.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-filled-hover. |
|
|
61
|
-
| `--rp-color-blue-light` | `derived.color.blue.light` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-light. |
|
|
62
|
-
| `--rp-color-blue-light-color` | `derived.color.blue.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-light-color. |
|
|
63
|
-
| `--rp-color-blue-light-hover` | `derived.color.blue.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-light-hover. |
|
|
64
|
-
| `--rp-color-blue-outline` | `derived.color.blue.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-outline. |
|
|
65
|
-
| `--rp-color-blue-outline-hover` | `derived.color.blue.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-outline-hover. |
|
|
66
|
-
| `--rp-color-body` | `derived.color.body` | color | light-and-dark | Derived public Ropav color token --rp-color-body. |
|
|
67
|
-
| `--rp-color-bright` | `derived.color.bright` | color | light-and-dark | Derived public Ropav color token --rp-color-bright. |
|
|
68
|
-
| `--rp-color-control-bg` | `derived.color.control.bg` | color | light-and-dark | Derived public Ropav color token --rp-color-control-bg. |
|
|
69
|
-
| `--rp-color-control-border` | `derived.color.control.border` | color | light-and-dark | Derived public Ropav color token --rp-color-control-border. |
|
|
70
|
-
| `--rp-color-control-border-focus` | `derived.color.control.border.focus` | color | light-and-dark | Derived public Ropav color token --rp-color-control-border-focus. |
|
|
71
|
-
| `--rp-color-control-border-hover` | `derived.color.control.border.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-control-border-hover. |
|
|
72
|
-
| `--rp-color-control-fg` | `derived.color.control.fg` | color | light-and-dark | Derived public Ropav color token --rp-color-control-fg. |
|
|
73
|
-
| `--rp-color-control-icon` | `derived.color.control.icon` | color | light-and-dark | Derived public Ropav color token --rp-color-control-icon. |
|
|
74
|
-
| `--rp-color-control-placeholder` | `derived.color.control.placeholder` | color | light-and-dark | Derived public Ropav color token --rp-color-control-placeholder. |
|
|
75
|
-
| `--rp-color-control-readonly-bg` | `derived.color.control.readonly.bg` | color | light-and-dark | Derived public Ropav color token --rp-color-control-readonly-bg. |
|
|
76
|
-
| `--rp-color-control-selected-bg` | `derived.color.control.selected.bg` | color | light-and-dark | Derived public Ropav color token --rp-color-control-selected-bg. |
|
|
77
|
-
| `--rp-color-control-selected-fg` | `derived.color.control.selected.fg` | color | light-and-dark | Derived public Ropav color token --rp-color-control-selected-fg. |
|
|
78
|
-
| `--rp-color-control-thumb-bg` | `derived.color.control.thumb.bg` | color | light-and-dark | Derived public Ropav color token --rp-color-control-thumb-bg. |
|
|
79
|
-
| `--rp-color-control-track-bg` | `derived.color.control.track.bg` | color | light-and-dark | Derived public Ropav color token --rp-color-control-track-bg. |
|
|
80
|
-
| `--rp-color-cyan-0` | `color.cyan.0` | color | all-themes | Public Ropav color token for color.cyan.0. |
|
|
81
|
-
| `--rp-color-cyan-0-active-contrast` | `derived.color.cyan.0.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-0-active-contrast. |
|
|
82
|
-
| `--rp-color-cyan-0-contrast` | `derived.color.cyan.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-0-contrast. |
|
|
83
|
-
| `--rp-color-cyan-1` | `color.cyan.1` | color | all-themes | Public Ropav color token for color.cyan.1. |
|
|
84
|
-
| `--rp-color-cyan-1-active-contrast` | `derived.color.cyan.1.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-1-active-contrast. |
|
|
85
|
-
| `--rp-color-cyan-1-contrast` | `derived.color.cyan.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-1-contrast. |
|
|
86
|
-
| `--rp-color-cyan-2` | `color.cyan.2` | color | all-themes | Public Ropav color token for color.cyan.2. |
|
|
87
|
-
| `--rp-color-cyan-2-active-contrast` | `derived.color.cyan.2.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-2-active-contrast. |
|
|
88
|
-
| `--rp-color-cyan-2-contrast` | `derived.color.cyan.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-2-contrast. |
|
|
89
|
-
| `--rp-color-cyan-3` | `color.cyan.3` | color | all-themes | Public Ropav color token for color.cyan.3. |
|
|
90
|
-
| `--rp-color-cyan-3-active-contrast` | `derived.color.cyan.3.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-3-active-contrast. |
|
|
91
|
-
| `--rp-color-cyan-3-contrast` | `derived.color.cyan.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-3-contrast. |
|
|
92
|
-
| `--rp-color-cyan-4` | `color.cyan.4` | color | all-themes | Public Ropav color token for color.cyan.4. |
|
|
93
|
-
| `--rp-color-cyan-4-active-contrast` | `derived.color.cyan.4.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-4-active-contrast. |
|
|
94
|
-
| `--rp-color-cyan-4-contrast` | `derived.color.cyan.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-4-contrast. |
|
|
95
|
-
| `--rp-color-cyan-5` | `color.cyan.5` | color | all-themes | Public Ropav color token for color.cyan.5. |
|
|
96
|
-
| `--rp-color-cyan-5-active-contrast` | `derived.color.cyan.5.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-5-active-contrast. |
|
|
97
|
-
| `--rp-color-cyan-5-contrast` | `derived.color.cyan.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-5-contrast. |
|
|
98
|
-
| `--rp-color-cyan-6` | `color.cyan.6` | color | all-themes | Public Ropav color token for color.cyan.6. |
|
|
99
|
-
| `--rp-color-cyan-6-active-contrast` | `derived.color.cyan.6.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-6-active-contrast. |
|
|
100
|
-
| `--rp-color-cyan-6-contrast` | `derived.color.cyan.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-6-contrast. |
|
|
101
|
-
| `--rp-color-cyan-7` | `color.cyan.7` | color | all-themes | Public Ropav color token for color.cyan.7. |
|
|
102
|
-
| `--rp-color-cyan-7-active-contrast` | `derived.color.cyan.7.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-7-active-contrast. |
|
|
103
|
-
| `--rp-color-cyan-7-contrast` | `derived.color.cyan.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-7-contrast. |
|
|
104
|
-
| `--rp-color-cyan-8` | `color.cyan.8` | color | all-themes | Public Ropav color token for color.cyan.8. |
|
|
105
|
-
| `--rp-color-cyan-8-active-contrast` | `derived.color.cyan.8.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-8-active-contrast. |
|
|
106
|
-
| `--rp-color-cyan-8-contrast` | `derived.color.cyan.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-8-contrast. |
|
|
107
|
-
| `--rp-color-cyan-9` | `color.cyan.9` | color | all-themes | Public Ropav color token for color.cyan.9. |
|
|
108
|
-
| `--rp-color-cyan-9-active-contrast` | `derived.color.cyan.9.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-9-active-contrast. |
|
|
109
|
-
| `--rp-color-cyan-9-contrast` | `derived.color.cyan.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-9-contrast. |
|
|
110
|
-
| `--rp-color-cyan-contrast` | `derived.color.cyan.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-contrast. |
|
|
111
|
-
| `--rp-color-cyan-filled` | `derived.color.cyan.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-filled. |
|
|
112
|
-
| `--rp-color-cyan-filled-hover` | `derived.color.cyan.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-filled-hover. |
|
|
113
|
-
| `--rp-color-cyan-light` | `derived.color.cyan.light` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-light. |
|
|
114
|
-
| `--rp-color-cyan-light-color` | `derived.color.cyan.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-light-color. |
|
|
115
|
-
| `--rp-color-cyan-light-hover` | `derived.color.cyan.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-light-hover. |
|
|
116
|
-
| `--rp-color-cyan-outline` | `derived.color.cyan.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-outline. |
|
|
117
|
-
| `--rp-color-cyan-outline-hover` | `derived.color.cyan.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-outline-hover. |
|
|
118
|
-
| `--rp-color-dark-0` | `color.dark.0` | color | all-themes | Public Ropav color token for color.dark.0. |
|
|
119
|
-
| `--rp-color-dark-0-active-contrast` | `derived.color.dark.0.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-0-active-contrast. |
|
|
120
|
-
| `--rp-color-dark-0-contrast` | `derived.color.dark.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-0-contrast. |
|
|
121
|
-
| `--rp-color-dark-1` | `color.dark.1` | color | all-themes | Public Ropav color token for color.dark.1. |
|
|
122
|
-
| `--rp-color-dark-1-active-contrast` | `derived.color.dark.1.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-1-active-contrast. |
|
|
123
|
-
| `--rp-color-dark-1-contrast` | `derived.color.dark.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-1-contrast. |
|
|
124
|
-
| `--rp-color-dark-2` | `color.dark.2` | color | all-themes | Public Ropav color token for color.dark.2. |
|
|
125
|
-
| `--rp-color-dark-2-active-contrast` | `derived.color.dark.2.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-2-active-contrast. |
|
|
126
|
-
| `--rp-color-dark-2-contrast` | `derived.color.dark.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-2-contrast. |
|
|
127
|
-
| `--rp-color-dark-3` | `color.dark.3` | color | all-themes | Public Ropav color token for color.dark.3. |
|
|
128
|
-
| `--rp-color-dark-3-active-contrast` | `derived.color.dark.3.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-3-active-contrast. |
|
|
129
|
-
| `--rp-color-dark-3-contrast` | `derived.color.dark.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-3-contrast. |
|
|
130
|
-
| `--rp-color-dark-4` | `color.dark.4` | color | all-themes | Public Ropav color token for color.dark.4. |
|
|
131
|
-
| `--rp-color-dark-4-active-contrast` | `derived.color.dark.4.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-4-active-contrast. |
|
|
132
|
-
| `--rp-color-dark-4-contrast` | `derived.color.dark.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-4-contrast. |
|
|
133
|
-
| `--rp-color-dark-5` | `color.dark.5` | color | all-themes | Public Ropav color token for color.dark.5. |
|
|
134
|
-
| `--rp-color-dark-5-active-contrast` | `derived.color.dark.5.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-5-active-contrast. |
|
|
135
|
-
| `--rp-color-dark-5-contrast` | `derived.color.dark.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-5-contrast. |
|
|
136
|
-
| `--rp-color-dark-6` | `color.dark.6` | color | all-themes | Public Ropav color token for color.dark.6. |
|
|
137
|
-
| `--rp-color-dark-6-active-contrast` | `derived.color.dark.6.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-6-active-contrast. |
|
|
138
|
-
| `--rp-color-dark-6-contrast` | `derived.color.dark.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-6-contrast. |
|
|
139
|
-
| `--rp-color-dark-7` | `color.dark.7` | color | all-themes | Public Ropav color token for color.dark.7. |
|
|
140
|
-
| `--rp-color-dark-7-active-contrast` | `derived.color.dark.7.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-7-active-contrast. |
|
|
141
|
-
| `--rp-color-dark-7-contrast` | `derived.color.dark.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-7-contrast. |
|
|
142
|
-
| `--rp-color-dark-8` | `color.dark.8` | color | all-themes | Public Ropav color token for color.dark.8. |
|
|
143
|
-
| `--rp-color-dark-8-active-contrast` | `derived.color.dark.8.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-8-active-contrast. |
|
|
144
|
-
| `--rp-color-dark-8-contrast` | `derived.color.dark.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-8-contrast. |
|
|
145
|
-
| `--rp-color-dark-9` | `color.dark.9` | color | all-themes | Public Ropav color token for color.dark.9. |
|
|
146
|
-
| `--rp-color-dark-9-active-contrast` | `derived.color.dark.9.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-9-active-contrast. |
|
|
147
|
-
| `--rp-color-dark-9-contrast` | `derived.color.dark.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-9-contrast. |
|
|
148
|
-
| `--rp-color-dark-contrast` | `derived.color.dark.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-contrast. |
|
|
149
|
-
| `--rp-color-dark-filled` | `derived.color.dark.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-filled. |
|
|
150
|
-
| `--rp-color-dark-filled-hover` | `derived.color.dark.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-filled-hover. |
|
|
151
|
-
| `--rp-color-dark-light` | `derived.color.dark.light` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-light. |
|
|
152
|
-
| `--rp-color-dark-light-color` | `derived.color.dark.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-light-color. |
|
|
153
|
-
| `--rp-color-dark-light-hover` | `derived.color.dark.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-light-hover. |
|
|
154
|
-
| `--rp-color-dark-outline` | `derived.color.dark.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-outline. |
|
|
155
|
-
| `--rp-color-dark-outline-hover` | `derived.color.dark.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-outline-hover. |
|
|
156
|
-
| `--rp-color-default` | `derived.color.default` | color | light-and-dark | Derived public Ropav color token --rp-color-default. |
|
|
157
|
-
| `--rp-color-default-border` | `derived.color.default.border` | color | light-and-dark | Derived public Ropav color token --rp-color-default-border. |
|
|
158
|
-
| `--rp-color-default-border-hover` | `derived.color.default.border.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-default-border-hover. |
|
|
159
|
-
| `--rp-color-default-color` | `derived.color.default.color` | color | light-and-dark | Derived public Ropav color token --rp-color-default-color. |
|
|
160
|
-
| `--rp-color-default-hover` | `derived.color.default.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-default-hover. |
|
|
161
|
-
| `--rp-color-dimmed` | `derived.color.dimmed` | color | light-and-dark | Derived public Ropav color token --rp-color-dimmed. |
|
|
162
|
-
| `--rp-color-disabled` | `derived.color.disabled` | color | light-and-dark | Derived public Ropav color token --rp-color-disabled. |
|
|
163
|
-
| `--rp-color-disabled-border` | `derived.color.disabled.border` | color | light-and-dark | Derived public Ropav color token --rp-color-disabled-border. |
|
|
164
|
-
| `--rp-color-disabled-color` | `derived.color.disabled.color` | color | light-and-dark | Derived public Ropav color token --rp-color-disabled-color. |
|
|
165
|
-
| `--rp-color-focus-ring` | `derived.color.focus.ring` | color | light-and-dark | Derived public Ropav color token --rp-color-focus-ring. |
|
|
166
|
-
| `--rp-color-grape-0` | `color.grape.0` | color | all-themes | Public Ropav color token for color.grape.0. |
|
|
167
|
-
| `--rp-color-grape-0-active-contrast` | `derived.color.grape.0.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-0-active-contrast. |
|
|
168
|
-
| `--rp-color-grape-0-contrast` | `derived.color.grape.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-0-contrast. |
|
|
169
|
-
| `--rp-color-grape-1` | `color.grape.1` | color | all-themes | Public Ropav color token for color.grape.1. |
|
|
170
|
-
| `--rp-color-grape-1-active-contrast` | `derived.color.grape.1.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-1-active-contrast. |
|
|
171
|
-
| `--rp-color-grape-1-contrast` | `derived.color.grape.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-1-contrast. |
|
|
172
|
-
| `--rp-color-grape-2` | `color.grape.2` | color | all-themes | Public Ropav color token for color.grape.2. |
|
|
173
|
-
| `--rp-color-grape-2-active-contrast` | `derived.color.grape.2.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-2-active-contrast. |
|
|
174
|
-
| `--rp-color-grape-2-contrast` | `derived.color.grape.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-2-contrast. |
|
|
175
|
-
| `--rp-color-grape-3` | `color.grape.3` | color | all-themes | Public Ropav color token for color.grape.3. |
|
|
176
|
-
| `--rp-color-grape-3-active-contrast` | `derived.color.grape.3.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-3-active-contrast. |
|
|
177
|
-
| `--rp-color-grape-3-contrast` | `derived.color.grape.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-3-contrast. |
|
|
178
|
-
| `--rp-color-grape-4` | `color.grape.4` | color | all-themes | Public Ropav color token for color.grape.4. |
|
|
179
|
-
| `--rp-color-grape-4-active-contrast` | `derived.color.grape.4.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-4-active-contrast. |
|
|
180
|
-
| `--rp-color-grape-4-contrast` | `derived.color.grape.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-4-contrast. |
|
|
181
|
-
| `--rp-color-grape-5` | `color.grape.5` | color | all-themes | Public Ropav color token for color.grape.5. |
|
|
182
|
-
| `--rp-color-grape-5-active-contrast` | `derived.color.grape.5.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-5-active-contrast. |
|
|
183
|
-
| `--rp-color-grape-5-contrast` | `derived.color.grape.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-5-contrast. |
|
|
184
|
-
| `--rp-color-grape-6` | `color.grape.6` | color | all-themes | Public Ropav color token for color.grape.6. |
|
|
185
|
-
| `--rp-color-grape-6-active-contrast` | `derived.color.grape.6.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-6-active-contrast. |
|
|
186
|
-
| `--rp-color-grape-6-contrast` | `derived.color.grape.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-6-contrast. |
|
|
187
|
-
| `--rp-color-grape-7` | `color.grape.7` | color | all-themes | Public Ropav color token for color.grape.7. |
|
|
188
|
-
| `--rp-color-grape-7-active-contrast` | `derived.color.grape.7.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-7-active-contrast. |
|
|
189
|
-
| `--rp-color-grape-7-contrast` | `derived.color.grape.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-7-contrast. |
|
|
190
|
-
| `--rp-color-grape-8` | `color.grape.8` | color | all-themes | Public Ropav color token for color.grape.8. |
|
|
191
|
-
| `--rp-color-grape-8-active-contrast` | `derived.color.grape.8.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-8-active-contrast. |
|
|
192
|
-
| `--rp-color-grape-8-contrast` | `derived.color.grape.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-8-contrast. |
|
|
193
|
-
| `--rp-color-grape-9` | `color.grape.9` | color | all-themes | Public Ropav color token for color.grape.9. |
|
|
194
|
-
| `--rp-color-grape-9-active-contrast` | `derived.color.grape.9.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-9-active-contrast. |
|
|
195
|
-
| `--rp-color-grape-9-contrast` | `derived.color.grape.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-9-contrast. |
|
|
196
|
-
| `--rp-color-grape-contrast` | `derived.color.grape.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-contrast. |
|
|
197
|
-
| `--rp-color-grape-filled` | `derived.color.grape.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-filled. |
|
|
198
|
-
| `--rp-color-grape-filled-hover` | `derived.color.grape.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-filled-hover. |
|
|
199
|
-
| `--rp-color-grape-light` | `derived.color.grape.light` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-light. |
|
|
200
|
-
| `--rp-color-grape-light-color` | `derived.color.grape.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-light-color. |
|
|
201
|
-
| `--rp-color-grape-light-hover` | `derived.color.grape.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-light-hover. |
|
|
202
|
-
| `--rp-color-grape-outline` | `derived.color.grape.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-outline. |
|
|
203
|
-
| `--rp-color-grape-outline-hover` | `derived.color.grape.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-outline-hover. |
|
|
204
|
-
| `--rp-color-gray-0` | `color.gray.0` | color | all-themes | Public Ropav color token for color.gray.0. |
|
|
205
|
-
| `--rp-color-gray-0-active-contrast` | `derived.color.gray.0.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-0-active-contrast. |
|
|
206
|
-
| `--rp-color-gray-0-contrast` | `derived.color.gray.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-0-contrast. |
|
|
207
|
-
| `--rp-color-gray-1` | `color.gray.1` | color | all-themes | Public Ropav color token for color.gray.1. |
|
|
208
|
-
| `--rp-color-gray-1-active-contrast` | `derived.color.gray.1.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-1-active-contrast. |
|
|
209
|
-
| `--rp-color-gray-1-contrast` | `derived.color.gray.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-1-contrast. |
|
|
210
|
-
| `--rp-color-gray-2` | `color.gray.2` | color | all-themes | Public Ropav color token for color.gray.2. |
|
|
211
|
-
| `--rp-color-gray-2-active-contrast` | `derived.color.gray.2.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-2-active-contrast. |
|
|
212
|
-
| `--rp-color-gray-2-contrast` | `derived.color.gray.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-2-contrast. |
|
|
213
|
-
| `--rp-color-gray-3` | `color.gray.3` | color | all-themes | Public Ropav color token for color.gray.3. |
|
|
214
|
-
| `--rp-color-gray-3-active-contrast` | `derived.color.gray.3.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-3-active-contrast. |
|
|
215
|
-
| `--rp-color-gray-3-contrast` | `derived.color.gray.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-3-contrast. |
|
|
216
|
-
| `--rp-color-gray-4` | `color.gray.4` | color | all-themes | Public Ropav color token for color.gray.4. |
|
|
217
|
-
| `--rp-color-gray-4-active-contrast` | `derived.color.gray.4.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-4-active-contrast. |
|
|
218
|
-
| `--rp-color-gray-4-contrast` | `derived.color.gray.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-4-contrast. |
|
|
219
|
-
| `--rp-color-gray-5` | `color.gray.5` | color | all-themes | Public Ropav color token for color.gray.5. |
|
|
220
|
-
| `--rp-color-gray-5-active-contrast` | `derived.color.gray.5.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-5-active-contrast. |
|
|
221
|
-
| `--rp-color-gray-5-contrast` | `derived.color.gray.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-5-contrast. |
|
|
222
|
-
| `--rp-color-gray-6` | `color.gray.6` | color | all-themes | Public Ropav color token for color.gray.6. |
|
|
223
|
-
| `--rp-color-gray-6-active-contrast` | `derived.color.gray.6.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-6-active-contrast. |
|
|
224
|
-
| `--rp-color-gray-6-contrast` | `derived.color.gray.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-6-contrast. |
|
|
225
|
-
| `--rp-color-gray-7` | `color.gray.7` | color | all-themes | Public Ropav color token for color.gray.7. |
|
|
226
|
-
| `--rp-color-gray-7-active-contrast` | `derived.color.gray.7.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-7-active-contrast. |
|
|
227
|
-
| `--rp-color-gray-7-contrast` | `derived.color.gray.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-7-contrast. |
|
|
228
|
-
| `--rp-color-gray-8` | `color.gray.8` | color | all-themes | Public Ropav color token for color.gray.8. |
|
|
229
|
-
| `--rp-color-gray-8-active-contrast` | `derived.color.gray.8.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-8-active-contrast. |
|
|
230
|
-
| `--rp-color-gray-8-contrast` | `derived.color.gray.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-8-contrast. |
|
|
231
|
-
| `--rp-color-gray-9` | `color.gray.9` | color | all-themes | Public Ropav color token for color.gray.9. |
|
|
232
|
-
| `--rp-color-gray-9-active-contrast` | `derived.color.gray.9.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-9-active-contrast. |
|
|
233
|
-
| `--rp-color-gray-9-contrast` | `derived.color.gray.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-9-contrast. |
|
|
234
|
-
| `--rp-color-gray-contrast` | `derived.color.gray.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-contrast. |
|
|
235
|
-
| `--rp-color-gray-filled` | `derived.color.gray.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-filled. |
|
|
236
|
-
| `--rp-color-gray-filled-hover` | `derived.color.gray.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-filled-hover. |
|
|
237
|
-
| `--rp-color-gray-light` | `derived.color.gray.light` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-light. |
|
|
238
|
-
| `--rp-color-gray-light-color` | `derived.color.gray.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-light-color. |
|
|
239
|
-
| `--rp-color-gray-light-hover` | `derived.color.gray.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-light-hover. |
|
|
240
|
-
| `--rp-color-gray-outline` | `derived.color.gray.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-outline. |
|
|
241
|
-
| `--rp-color-gray-outline-hover` | `derived.color.gray.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-outline-hover. |
|
|
242
|
-
| `--rp-color-green-0` | `color.green.0` | color | all-themes | Public Ropav color token for color.green.0. |
|
|
243
|
-
| `--rp-color-green-0-active-contrast` | `derived.color.green.0.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-0-active-contrast. |
|
|
244
|
-
| `--rp-color-green-0-contrast` | `derived.color.green.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-0-contrast. |
|
|
245
|
-
| `--rp-color-green-1` | `color.green.1` | color | all-themes | Public Ropav color token for color.green.1. |
|
|
246
|
-
| `--rp-color-green-1-active-contrast` | `derived.color.green.1.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-1-active-contrast. |
|
|
247
|
-
| `--rp-color-green-1-contrast` | `derived.color.green.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-1-contrast. |
|
|
248
|
-
| `--rp-color-green-2` | `color.green.2` | color | all-themes | Public Ropav color token for color.green.2. |
|
|
249
|
-
| `--rp-color-green-2-active-contrast` | `derived.color.green.2.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-2-active-contrast. |
|
|
250
|
-
| `--rp-color-green-2-contrast` | `derived.color.green.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-2-contrast. |
|
|
251
|
-
| `--rp-color-green-3` | `color.green.3` | color | all-themes | Public Ropav color token for color.green.3. |
|
|
252
|
-
| `--rp-color-green-3-active-contrast` | `derived.color.green.3.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-3-active-contrast. |
|
|
253
|
-
| `--rp-color-green-3-contrast` | `derived.color.green.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-3-contrast. |
|
|
254
|
-
| `--rp-color-green-4` | `color.green.4` | color | all-themes | Public Ropav color token for color.green.4. |
|
|
255
|
-
| `--rp-color-green-4-active-contrast` | `derived.color.green.4.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-4-active-contrast. |
|
|
256
|
-
| `--rp-color-green-4-contrast` | `derived.color.green.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-4-contrast. |
|
|
257
|
-
| `--rp-color-green-5` | `color.green.5` | color | all-themes | Public Ropav color token for color.green.5. |
|
|
258
|
-
| `--rp-color-green-5-active-contrast` | `derived.color.green.5.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-5-active-contrast. |
|
|
259
|
-
| `--rp-color-green-5-contrast` | `derived.color.green.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-5-contrast. |
|
|
260
|
-
| `--rp-color-green-6` | `color.green.6` | color | all-themes | Public Ropav color token for color.green.6. |
|
|
261
|
-
| `--rp-color-green-6-active-contrast` | `derived.color.green.6.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-6-active-contrast. |
|
|
262
|
-
| `--rp-color-green-6-contrast` | `derived.color.green.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-6-contrast. |
|
|
263
|
-
| `--rp-color-green-7` | `color.green.7` | color | all-themes | Public Ropav color token for color.green.7. |
|
|
264
|
-
| `--rp-color-green-7-active-contrast` | `derived.color.green.7.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-7-active-contrast. |
|
|
265
|
-
| `--rp-color-green-7-contrast` | `derived.color.green.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-7-contrast. |
|
|
266
|
-
| `--rp-color-green-8` | `color.green.8` | color | all-themes | Public Ropav color token for color.green.8. |
|
|
267
|
-
| `--rp-color-green-8-active-contrast` | `derived.color.green.8.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-8-active-contrast. |
|
|
268
|
-
| `--rp-color-green-8-contrast` | `derived.color.green.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-8-contrast. |
|
|
269
|
-
| `--rp-color-green-9` | `color.green.9` | color | all-themes | Public Ropav color token for color.green.9. |
|
|
270
|
-
| `--rp-color-green-9-active-contrast` | `derived.color.green.9.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-9-active-contrast. |
|
|
271
|
-
| `--rp-color-green-9-contrast` | `derived.color.green.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-9-contrast. |
|
|
272
|
-
| `--rp-color-green-contrast` | `derived.color.green.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-contrast. |
|
|
273
|
-
| `--rp-color-green-filled` | `derived.color.green.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-green-filled. |
|
|
274
|
-
| `--rp-color-green-filled-hover` | `derived.color.green.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-green-filled-hover. |
|
|
275
|
-
| `--rp-color-green-light` | `derived.color.green.light` | color | light-and-dark | Derived public Ropav color token --rp-color-green-light. |
|
|
276
|
-
| `--rp-color-green-light-color` | `derived.color.green.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-green-light-color. |
|
|
277
|
-
| `--rp-color-green-light-hover` | `derived.color.green.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-green-light-hover. |
|
|
278
|
-
| `--rp-color-green-outline` | `derived.color.green.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-green-outline. |
|
|
279
|
-
| `--rp-color-green-outline-hover` | `derived.color.green.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-green-outline-hover. |
|
|
280
|
-
| `--rp-color-indigo-0` | `color.indigo.0` | color | all-themes | Public Ropav color token for color.indigo.0. |
|
|
281
|
-
| `--rp-color-indigo-0-active-contrast` | `derived.color.indigo.0.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-0-active-contrast. |
|
|
282
|
-
| `--rp-color-indigo-0-contrast` | `derived.color.indigo.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-0-contrast. |
|
|
283
|
-
| `--rp-color-indigo-1` | `color.indigo.1` | color | all-themes | Public Ropav color token for color.indigo.1. |
|
|
284
|
-
| `--rp-color-indigo-1-active-contrast` | `derived.color.indigo.1.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-1-active-contrast. |
|
|
285
|
-
| `--rp-color-indigo-1-contrast` | `derived.color.indigo.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-1-contrast. |
|
|
286
|
-
| `--rp-color-indigo-2` | `color.indigo.2` | color | all-themes | Public Ropav color token for color.indigo.2. |
|
|
287
|
-
| `--rp-color-indigo-2-active-contrast` | `derived.color.indigo.2.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-2-active-contrast. |
|
|
288
|
-
| `--rp-color-indigo-2-contrast` | `derived.color.indigo.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-2-contrast. |
|
|
289
|
-
| `--rp-color-indigo-3` | `color.indigo.3` | color | all-themes | Public Ropav color token for color.indigo.3. |
|
|
290
|
-
| `--rp-color-indigo-3-active-contrast` | `derived.color.indigo.3.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-3-active-contrast. |
|
|
291
|
-
| `--rp-color-indigo-3-contrast` | `derived.color.indigo.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-3-contrast. |
|
|
292
|
-
| `--rp-color-indigo-4` | `color.indigo.4` | color | all-themes | Public Ropav color token for color.indigo.4. |
|
|
293
|
-
| `--rp-color-indigo-4-active-contrast` | `derived.color.indigo.4.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-4-active-contrast. |
|
|
294
|
-
| `--rp-color-indigo-4-contrast` | `derived.color.indigo.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-4-contrast. |
|
|
295
|
-
| `--rp-color-indigo-5` | `color.indigo.5` | color | all-themes | Public Ropav color token for color.indigo.5. |
|
|
296
|
-
| `--rp-color-indigo-5-active-contrast` | `derived.color.indigo.5.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-5-active-contrast. |
|
|
297
|
-
| `--rp-color-indigo-5-contrast` | `derived.color.indigo.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-5-contrast. |
|
|
298
|
-
| `--rp-color-indigo-6` | `color.indigo.6` | color | all-themes | Public Ropav color token for color.indigo.6. |
|
|
299
|
-
| `--rp-color-indigo-6-active-contrast` | `derived.color.indigo.6.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-6-active-contrast. |
|
|
300
|
-
| `--rp-color-indigo-6-contrast` | `derived.color.indigo.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-6-contrast. |
|
|
301
|
-
| `--rp-color-indigo-7` | `color.indigo.7` | color | all-themes | Public Ropav color token for color.indigo.7. |
|
|
302
|
-
| `--rp-color-indigo-7-active-contrast` | `derived.color.indigo.7.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-7-active-contrast. |
|
|
303
|
-
| `--rp-color-indigo-7-contrast` | `derived.color.indigo.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-7-contrast. |
|
|
304
|
-
| `--rp-color-indigo-8` | `color.indigo.8` | color | all-themes | Public Ropav color token for color.indigo.8. |
|
|
305
|
-
| `--rp-color-indigo-8-active-contrast` | `derived.color.indigo.8.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-8-active-contrast. |
|
|
306
|
-
| `--rp-color-indigo-8-contrast` | `derived.color.indigo.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-8-contrast. |
|
|
307
|
-
| `--rp-color-indigo-9` | `color.indigo.9` | color | all-themes | Public Ropav color token for color.indigo.9. |
|
|
308
|
-
| `--rp-color-indigo-9-active-contrast` | `derived.color.indigo.9.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-9-active-contrast. |
|
|
309
|
-
| `--rp-color-indigo-9-contrast` | `derived.color.indigo.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-9-contrast. |
|
|
310
|
-
| `--rp-color-indigo-contrast` | `derived.color.indigo.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-contrast. |
|
|
311
|
-
| `--rp-color-indigo-filled` | `derived.color.indigo.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-filled. |
|
|
312
|
-
| `--rp-color-indigo-filled-hover` | `derived.color.indigo.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-filled-hover. |
|
|
313
|
-
| `--rp-color-indigo-light` | `derived.color.indigo.light` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-light. |
|
|
314
|
-
| `--rp-color-indigo-light-color` | `derived.color.indigo.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-light-color. |
|
|
315
|
-
| `--rp-color-indigo-light-hover` | `derived.color.indigo.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-light-hover. |
|
|
316
|
-
| `--rp-color-indigo-outline` | `derived.color.indigo.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-outline. |
|
|
317
|
-
| `--rp-color-indigo-outline-hover` | `derived.color.indigo.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-outline-hover. |
|
|
318
|
-
| `--rp-color-lime-0` | `color.lime.0` | color | all-themes | Public Ropav color token for color.lime.0. |
|
|
319
|
-
| `--rp-color-lime-0-active-contrast` | `derived.color.lime.0.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-0-active-contrast. |
|
|
320
|
-
| `--rp-color-lime-0-contrast` | `derived.color.lime.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-0-contrast. |
|
|
321
|
-
| `--rp-color-lime-1` | `color.lime.1` | color | all-themes | Public Ropav color token for color.lime.1. |
|
|
322
|
-
| `--rp-color-lime-1-active-contrast` | `derived.color.lime.1.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-1-active-contrast. |
|
|
323
|
-
| `--rp-color-lime-1-contrast` | `derived.color.lime.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-1-contrast. |
|
|
324
|
-
| `--rp-color-lime-2` | `color.lime.2` | color | all-themes | Public Ropav color token for color.lime.2. |
|
|
325
|
-
| `--rp-color-lime-2-active-contrast` | `derived.color.lime.2.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-2-active-contrast. |
|
|
326
|
-
| `--rp-color-lime-2-contrast` | `derived.color.lime.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-2-contrast. |
|
|
327
|
-
| `--rp-color-lime-3` | `color.lime.3` | color | all-themes | Public Ropav color token for color.lime.3. |
|
|
328
|
-
| `--rp-color-lime-3-active-contrast` | `derived.color.lime.3.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-3-active-contrast. |
|
|
329
|
-
| `--rp-color-lime-3-contrast` | `derived.color.lime.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-3-contrast. |
|
|
330
|
-
| `--rp-color-lime-4` | `color.lime.4` | color | all-themes | Public Ropav color token for color.lime.4. |
|
|
331
|
-
| `--rp-color-lime-4-active-contrast` | `derived.color.lime.4.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-4-active-contrast. |
|
|
332
|
-
| `--rp-color-lime-4-contrast` | `derived.color.lime.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-4-contrast. |
|
|
333
|
-
| `--rp-color-lime-5` | `color.lime.5` | color | all-themes | Public Ropav color token for color.lime.5. |
|
|
334
|
-
| `--rp-color-lime-5-active-contrast` | `derived.color.lime.5.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-5-active-contrast. |
|
|
335
|
-
| `--rp-color-lime-5-contrast` | `derived.color.lime.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-5-contrast. |
|
|
336
|
-
| `--rp-color-lime-6` | `color.lime.6` | color | all-themes | Public Ropav color token for color.lime.6. |
|
|
337
|
-
| `--rp-color-lime-6-active-contrast` | `derived.color.lime.6.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-6-active-contrast. |
|
|
338
|
-
| `--rp-color-lime-6-contrast` | `derived.color.lime.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-6-contrast. |
|
|
339
|
-
| `--rp-color-lime-7` | `color.lime.7` | color | all-themes | Public Ropav color token for color.lime.7. |
|
|
340
|
-
| `--rp-color-lime-7-active-contrast` | `derived.color.lime.7.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-7-active-contrast. |
|
|
341
|
-
| `--rp-color-lime-7-contrast` | `derived.color.lime.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-7-contrast. |
|
|
342
|
-
| `--rp-color-lime-8` | `color.lime.8` | color | all-themes | Public Ropav color token for color.lime.8. |
|
|
343
|
-
| `--rp-color-lime-8-active-contrast` | `derived.color.lime.8.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-8-active-contrast. |
|
|
344
|
-
| `--rp-color-lime-8-contrast` | `derived.color.lime.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-8-contrast. |
|
|
345
|
-
| `--rp-color-lime-9` | `color.lime.9` | color | all-themes | Public Ropav color token for color.lime.9. |
|
|
346
|
-
| `--rp-color-lime-9-active-contrast` | `derived.color.lime.9.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-9-active-contrast. |
|
|
347
|
-
| `--rp-color-lime-9-contrast` | `derived.color.lime.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-9-contrast. |
|
|
348
|
-
| `--rp-color-lime-contrast` | `derived.color.lime.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-contrast. |
|
|
349
|
-
| `--rp-color-lime-filled` | `derived.color.lime.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-filled. |
|
|
350
|
-
| `--rp-color-lime-filled-hover` | `derived.color.lime.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-filled-hover. |
|
|
351
|
-
| `--rp-color-lime-light` | `derived.color.lime.light` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-light. |
|
|
352
|
-
| `--rp-color-lime-light-color` | `derived.color.lime.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-light-color. |
|
|
353
|
-
| `--rp-color-lime-light-hover` | `derived.color.lime.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-light-hover. |
|
|
354
|
-
| `--rp-color-lime-outline` | `derived.color.lime.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-outline. |
|
|
355
|
-
| `--rp-color-lime-outline-hover` | `derived.color.lime.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-outline-hover. |
|
|
356
|
-
| `--rp-color-orange-0` | `color.orange.0` | color | all-themes | Public Ropav color token for color.orange.0. |
|
|
357
|
-
| `--rp-color-orange-0-active-contrast` | `derived.color.orange.0.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-0-active-contrast. |
|
|
358
|
-
| `--rp-color-orange-0-contrast` | `derived.color.orange.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-0-contrast. |
|
|
359
|
-
| `--rp-color-orange-1` | `color.orange.1` | color | all-themes | Public Ropav color token for color.orange.1. |
|
|
360
|
-
| `--rp-color-orange-1-active-contrast` | `derived.color.orange.1.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-1-active-contrast. |
|
|
361
|
-
| `--rp-color-orange-1-contrast` | `derived.color.orange.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-1-contrast. |
|
|
362
|
-
| `--rp-color-orange-2` | `color.orange.2` | color | all-themes | Public Ropav color token for color.orange.2. |
|
|
363
|
-
| `--rp-color-orange-2-active-contrast` | `derived.color.orange.2.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-2-active-contrast. |
|
|
364
|
-
| `--rp-color-orange-2-contrast` | `derived.color.orange.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-2-contrast. |
|
|
365
|
-
| `--rp-color-orange-3` | `color.orange.3` | color | all-themes | Public Ropav color token for color.orange.3. |
|
|
366
|
-
| `--rp-color-orange-3-active-contrast` | `derived.color.orange.3.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-3-active-contrast. |
|
|
367
|
-
| `--rp-color-orange-3-contrast` | `derived.color.orange.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-3-contrast. |
|
|
368
|
-
| `--rp-color-orange-4` | `color.orange.4` | color | all-themes | Public Ropav color token for color.orange.4. |
|
|
369
|
-
| `--rp-color-orange-4-active-contrast` | `derived.color.orange.4.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-4-active-contrast. |
|
|
370
|
-
| `--rp-color-orange-4-contrast` | `derived.color.orange.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-4-contrast. |
|
|
371
|
-
| `--rp-color-orange-5` | `color.orange.5` | color | all-themes | Public Ropav color token for color.orange.5. |
|
|
372
|
-
| `--rp-color-orange-5-active-contrast` | `derived.color.orange.5.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-5-active-contrast. |
|
|
373
|
-
| `--rp-color-orange-5-contrast` | `derived.color.orange.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-5-contrast. |
|
|
374
|
-
| `--rp-color-orange-6` | `color.orange.6` | color | all-themes | Public Ropav color token for color.orange.6. |
|
|
375
|
-
| `--rp-color-orange-6-active-contrast` | `derived.color.orange.6.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-6-active-contrast. |
|
|
376
|
-
| `--rp-color-orange-6-contrast` | `derived.color.orange.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-6-contrast. |
|
|
377
|
-
| `--rp-color-orange-7` | `color.orange.7` | color | all-themes | Public Ropav color token for color.orange.7. |
|
|
378
|
-
| `--rp-color-orange-7-active-contrast` | `derived.color.orange.7.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-7-active-contrast. |
|
|
379
|
-
| `--rp-color-orange-7-contrast` | `derived.color.orange.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-7-contrast. |
|
|
380
|
-
| `--rp-color-orange-8` | `color.orange.8` | color | all-themes | Public Ropav color token for color.orange.8. |
|
|
381
|
-
| `--rp-color-orange-8-active-contrast` | `derived.color.orange.8.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-8-active-contrast. |
|
|
382
|
-
| `--rp-color-orange-8-contrast` | `derived.color.orange.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-8-contrast. |
|
|
383
|
-
| `--rp-color-orange-9` | `color.orange.9` | color | all-themes | Public Ropav color token for color.orange.9. |
|
|
384
|
-
| `--rp-color-orange-9-active-contrast` | `derived.color.orange.9.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-9-active-contrast. |
|
|
385
|
-
| `--rp-color-orange-9-contrast` | `derived.color.orange.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-9-contrast. |
|
|
386
|
-
| `--rp-color-orange-contrast` | `derived.color.orange.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-contrast. |
|
|
387
|
-
| `--rp-color-orange-filled` | `derived.color.orange.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-filled. |
|
|
388
|
-
| `--rp-color-orange-filled-hover` | `derived.color.orange.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-filled-hover. |
|
|
389
|
-
| `--rp-color-orange-light` | `derived.color.orange.light` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-light. |
|
|
390
|
-
| `--rp-color-orange-light-color` | `derived.color.orange.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-light-color. |
|
|
391
|
-
| `--rp-color-orange-light-hover` | `derived.color.orange.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-light-hover. |
|
|
392
|
-
| `--rp-color-orange-outline` | `derived.color.orange.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-outline. |
|
|
393
|
-
| `--rp-color-orange-outline-hover` | `derived.color.orange.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-outline-hover. |
|
|
394
|
-
| `--rp-color-pink-0` | `color.pink.0` | color | all-themes | Public Ropav color token for color.pink.0. |
|
|
395
|
-
| `--rp-color-pink-0-active-contrast` | `derived.color.pink.0.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-0-active-contrast. |
|
|
396
|
-
| `--rp-color-pink-0-contrast` | `derived.color.pink.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-0-contrast. |
|
|
397
|
-
| `--rp-color-pink-1` | `color.pink.1` | color | all-themes | Public Ropav color token for color.pink.1. |
|
|
398
|
-
| `--rp-color-pink-1-active-contrast` | `derived.color.pink.1.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-1-active-contrast. |
|
|
399
|
-
| `--rp-color-pink-1-contrast` | `derived.color.pink.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-1-contrast. |
|
|
400
|
-
| `--rp-color-pink-2` | `color.pink.2` | color | all-themes | Public Ropav color token for color.pink.2. |
|
|
401
|
-
| `--rp-color-pink-2-active-contrast` | `derived.color.pink.2.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-2-active-contrast. |
|
|
402
|
-
| `--rp-color-pink-2-contrast` | `derived.color.pink.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-2-contrast. |
|
|
403
|
-
| `--rp-color-pink-3` | `color.pink.3` | color | all-themes | Public Ropav color token for color.pink.3. |
|
|
404
|
-
| `--rp-color-pink-3-active-contrast` | `derived.color.pink.3.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-3-active-contrast. |
|
|
405
|
-
| `--rp-color-pink-3-contrast` | `derived.color.pink.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-3-contrast. |
|
|
406
|
-
| `--rp-color-pink-4` | `color.pink.4` | color | all-themes | Public Ropav color token for color.pink.4. |
|
|
407
|
-
| `--rp-color-pink-4-active-contrast` | `derived.color.pink.4.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-4-active-contrast. |
|
|
408
|
-
| `--rp-color-pink-4-contrast` | `derived.color.pink.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-4-contrast. |
|
|
409
|
-
| `--rp-color-pink-5` | `color.pink.5` | color | all-themes | Public Ropav color token for color.pink.5. |
|
|
410
|
-
| `--rp-color-pink-5-active-contrast` | `derived.color.pink.5.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-5-active-contrast. |
|
|
411
|
-
| `--rp-color-pink-5-contrast` | `derived.color.pink.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-5-contrast. |
|
|
412
|
-
| `--rp-color-pink-6` | `color.pink.6` | color | all-themes | Public Ropav color token for color.pink.6. |
|
|
413
|
-
| `--rp-color-pink-6-active-contrast` | `derived.color.pink.6.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-6-active-contrast. |
|
|
414
|
-
| `--rp-color-pink-6-contrast` | `derived.color.pink.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-6-contrast. |
|
|
415
|
-
| `--rp-color-pink-7` | `color.pink.7` | color | all-themes | Public Ropav color token for color.pink.7. |
|
|
416
|
-
| `--rp-color-pink-7-active-contrast` | `derived.color.pink.7.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-7-active-contrast. |
|
|
417
|
-
| `--rp-color-pink-7-contrast` | `derived.color.pink.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-7-contrast. |
|
|
418
|
-
| `--rp-color-pink-8` | `color.pink.8` | color | all-themes | Public Ropav color token for color.pink.8. |
|
|
419
|
-
| `--rp-color-pink-8-active-contrast` | `derived.color.pink.8.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-8-active-contrast. |
|
|
420
|
-
| `--rp-color-pink-8-contrast` | `derived.color.pink.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-8-contrast. |
|
|
421
|
-
| `--rp-color-pink-9` | `color.pink.9` | color | all-themes | Public Ropav color token for color.pink.9. |
|
|
422
|
-
| `--rp-color-pink-9-active-contrast` | `derived.color.pink.9.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-9-active-contrast. |
|
|
423
|
-
| `--rp-color-pink-9-contrast` | `derived.color.pink.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-9-contrast. |
|
|
424
|
-
| `--rp-color-pink-contrast` | `derived.color.pink.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-contrast. |
|
|
425
|
-
| `--rp-color-pink-filled` | `derived.color.pink.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-filled. |
|
|
426
|
-
| `--rp-color-pink-filled-hover` | `derived.color.pink.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-filled-hover. |
|
|
427
|
-
| `--rp-color-pink-light` | `derived.color.pink.light` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-light. |
|
|
428
|
-
| `--rp-color-pink-light-color` | `derived.color.pink.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-light-color. |
|
|
429
|
-
| `--rp-color-pink-light-hover` | `derived.color.pink.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-light-hover. |
|
|
430
|
-
| `--rp-color-pink-outline` | `derived.color.pink.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-outline. |
|
|
431
|
-
| `--rp-color-pink-outline-hover` | `derived.color.pink.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-outline-hover. |
|
|
432
|
-
| `--rp-color-placeholder` | `derived.color.placeholder` | color | light-and-dark | Derived public Ropav color token --rp-color-placeholder. |
|
|
433
|
-
| `--rp-color-red-0` | `color.red.0` | color | all-themes | Public Ropav color token for color.red.0. |
|
|
434
|
-
| `--rp-color-red-0-active-contrast` | `derived.color.red.0.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-0-active-contrast. |
|
|
435
|
-
| `--rp-color-red-0-contrast` | `derived.color.red.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-0-contrast. |
|
|
436
|
-
| `--rp-color-red-1` | `color.red.1` | color | all-themes | Public Ropav color token for color.red.1. |
|
|
437
|
-
| `--rp-color-red-1-active-contrast` | `derived.color.red.1.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-1-active-contrast. |
|
|
438
|
-
| `--rp-color-red-1-contrast` | `derived.color.red.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-1-contrast. |
|
|
439
|
-
| `--rp-color-red-2` | `color.red.2` | color | all-themes | Public Ropav color token for color.red.2. |
|
|
440
|
-
| `--rp-color-red-2-active-contrast` | `derived.color.red.2.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-2-active-contrast. |
|
|
441
|
-
| `--rp-color-red-2-contrast` | `derived.color.red.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-2-contrast. |
|
|
442
|
-
| `--rp-color-red-3` | `color.red.3` | color | all-themes | Public Ropav color token for color.red.3. |
|
|
443
|
-
| `--rp-color-red-3-active-contrast` | `derived.color.red.3.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-3-active-contrast. |
|
|
444
|
-
| `--rp-color-red-3-contrast` | `derived.color.red.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-3-contrast. |
|
|
445
|
-
| `--rp-color-red-4` | `color.red.4` | color | all-themes | Public Ropav color token for color.red.4. |
|
|
446
|
-
| `--rp-color-red-4-active-contrast` | `derived.color.red.4.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-4-active-contrast. |
|
|
447
|
-
| `--rp-color-red-4-contrast` | `derived.color.red.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-4-contrast. |
|
|
448
|
-
| `--rp-color-red-5` | `color.red.5` | color | all-themes | Public Ropav color token for color.red.5. |
|
|
449
|
-
| `--rp-color-red-5-active-contrast` | `derived.color.red.5.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-5-active-contrast. |
|
|
450
|
-
| `--rp-color-red-5-contrast` | `derived.color.red.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-5-contrast. |
|
|
451
|
-
| `--rp-color-red-6` | `color.red.6` | color | all-themes | Public Ropav color token for color.red.6. |
|
|
452
|
-
| `--rp-color-red-6-active-contrast` | `derived.color.red.6.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-6-active-contrast. |
|
|
453
|
-
| `--rp-color-red-6-contrast` | `derived.color.red.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-6-contrast. |
|
|
454
|
-
| `--rp-color-red-7` | `color.red.7` | color | all-themes | Public Ropav color token for color.red.7. |
|
|
455
|
-
| `--rp-color-red-7-active-contrast` | `derived.color.red.7.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-7-active-contrast. |
|
|
456
|
-
| `--rp-color-red-7-contrast` | `derived.color.red.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-7-contrast. |
|
|
457
|
-
| `--rp-color-red-8` | `color.red.8` | color | all-themes | Public Ropav color token for color.red.8. |
|
|
458
|
-
| `--rp-color-red-8-active-contrast` | `derived.color.red.8.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-8-active-contrast. |
|
|
459
|
-
| `--rp-color-red-8-contrast` | `derived.color.red.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-8-contrast. |
|
|
460
|
-
| `--rp-color-red-9` | `color.red.9` | color | all-themes | Public Ropav color token for color.red.9. |
|
|
461
|
-
| `--rp-color-red-9-active-contrast` | `derived.color.red.9.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-9-active-contrast. |
|
|
462
|
-
| `--rp-color-red-9-contrast` | `derived.color.red.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-9-contrast. |
|
|
463
|
-
| `--rp-color-red-contrast` | `derived.color.red.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-contrast. |
|
|
464
|
-
| `--rp-color-red-filled` | `derived.color.red.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-red-filled. |
|
|
465
|
-
| `--rp-color-red-filled-hover` | `derived.color.red.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-red-filled-hover. |
|
|
466
|
-
| `--rp-color-red-light` | `derived.color.red.light` | color | light-and-dark | Derived public Ropav color token --rp-color-red-light. |
|
|
467
|
-
| `--rp-color-red-light-color` | `derived.color.red.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-red-light-color. |
|
|
468
|
-
| `--rp-color-red-light-hover` | `derived.color.red.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-red-light-hover. |
|
|
469
|
-
| `--rp-color-red-outline` | `derived.color.red.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-red-outline. |
|
|
470
|
-
| `--rp-color-red-outline-hover` | `derived.color.red.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-red-outline-hover. |
|
|
471
|
-
| `--rp-color-scheme` | `derived.color.scheme` | string | light-and-dark | Active Ropav color scheme (`light` or `dark`). |
|
|
472
|
-
| `--rp-color-teal-0` | `color.teal.0` | color | all-themes | Public Ropav color token for color.teal.0. |
|
|
473
|
-
| `--rp-color-teal-0-active-contrast` | `derived.color.teal.0.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-0-active-contrast. |
|
|
474
|
-
| `--rp-color-teal-0-contrast` | `derived.color.teal.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-0-contrast. |
|
|
475
|
-
| `--rp-color-teal-1` | `color.teal.1` | color | all-themes | Public Ropav color token for color.teal.1. |
|
|
476
|
-
| `--rp-color-teal-1-active-contrast` | `derived.color.teal.1.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-1-active-contrast. |
|
|
477
|
-
| `--rp-color-teal-1-contrast` | `derived.color.teal.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-1-contrast. |
|
|
478
|
-
| `--rp-color-teal-2` | `color.teal.2` | color | all-themes | Public Ropav color token for color.teal.2. |
|
|
479
|
-
| `--rp-color-teal-2-active-contrast` | `derived.color.teal.2.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-2-active-contrast. |
|
|
480
|
-
| `--rp-color-teal-2-contrast` | `derived.color.teal.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-2-contrast. |
|
|
481
|
-
| `--rp-color-teal-3` | `color.teal.3` | color | all-themes | Public Ropav color token for color.teal.3. |
|
|
482
|
-
| `--rp-color-teal-3-active-contrast` | `derived.color.teal.3.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-3-active-contrast. |
|
|
483
|
-
| `--rp-color-teal-3-contrast` | `derived.color.teal.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-3-contrast. |
|
|
484
|
-
| `--rp-color-teal-4` | `color.teal.4` | color | all-themes | Public Ropav color token for color.teal.4. |
|
|
485
|
-
| `--rp-color-teal-4-active-contrast` | `derived.color.teal.4.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-4-active-contrast. |
|
|
486
|
-
| `--rp-color-teal-4-contrast` | `derived.color.teal.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-4-contrast. |
|
|
487
|
-
| `--rp-color-teal-5` | `color.teal.5` | color | all-themes | Public Ropav color token for color.teal.5. |
|
|
488
|
-
| `--rp-color-teal-5-active-contrast` | `derived.color.teal.5.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-5-active-contrast. |
|
|
489
|
-
| `--rp-color-teal-5-contrast` | `derived.color.teal.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-5-contrast. |
|
|
490
|
-
| `--rp-color-teal-6` | `color.teal.6` | color | all-themes | Public Ropav color token for color.teal.6. |
|
|
491
|
-
| `--rp-color-teal-6-active-contrast` | `derived.color.teal.6.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-6-active-contrast. |
|
|
492
|
-
| `--rp-color-teal-6-contrast` | `derived.color.teal.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-6-contrast. |
|
|
493
|
-
| `--rp-color-teal-7` | `color.teal.7` | color | all-themes | Public Ropav color token for color.teal.7. |
|
|
494
|
-
| `--rp-color-teal-7-active-contrast` | `derived.color.teal.7.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-7-active-contrast. |
|
|
495
|
-
| `--rp-color-teal-7-contrast` | `derived.color.teal.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-7-contrast. |
|
|
496
|
-
| `--rp-color-teal-8` | `color.teal.8` | color | all-themes | Public Ropav color token for color.teal.8. |
|
|
497
|
-
| `--rp-color-teal-8-active-contrast` | `derived.color.teal.8.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-8-active-contrast. |
|
|
498
|
-
| `--rp-color-teal-8-contrast` | `derived.color.teal.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-8-contrast. |
|
|
499
|
-
| `--rp-color-teal-9` | `color.teal.9` | color | all-themes | Public Ropav color token for color.teal.9. |
|
|
500
|
-
| `--rp-color-teal-9-active-contrast` | `derived.color.teal.9.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-9-active-contrast. |
|
|
501
|
-
| `--rp-color-teal-9-contrast` | `derived.color.teal.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-9-contrast. |
|
|
502
|
-
| `--rp-color-teal-contrast` | `derived.color.teal.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-contrast. |
|
|
503
|
-
| `--rp-color-teal-filled` | `derived.color.teal.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-filled. |
|
|
504
|
-
| `--rp-color-teal-filled-hover` | `derived.color.teal.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-filled-hover. |
|
|
505
|
-
| `--rp-color-teal-light` | `derived.color.teal.light` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-light. |
|
|
506
|
-
| `--rp-color-teal-light-color` | `derived.color.teal.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-light-color. |
|
|
507
|
-
| `--rp-color-teal-light-hover` | `derived.color.teal.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-light-hover. |
|
|
508
|
-
| `--rp-color-teal-outline` | `derived.color.teal.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-outline. |
|
|
509
|
-
| `--rp-color-teal-outline-hover` | `derived.color.teal.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-outline-hover. |
|
|
510
|
-
| `--rp-color-text` | `derived.color.text` | color | light-and-dark | Derived public Ropav color token --rp-color-text. |
|
|
511
|
-
| `--rp-color-violet-0` | `color.violet.0` | color | all-themes | Public Ropav color token for color.violet.0. |
|
|
512
|
-
| `--rp-color-violet-0-active-contrast` | `derived.color.violet.0.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-0-active-contrast. |
|
|
513
|
-
| `--rp-color-violet-0-contrast` | `derived.color.violet.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-0-contrast. |
|
|
514
|
-
| `--rp-color-violet-1` | `color.violet.1` | color | all-themes | Public Ropav color token for color.violet.1. |
|
|
515
|
-
| `--rp-color-violet-1-active-contrast` | `derived.color.violet.1.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-1-active-contrast. |
|
|
516
|
-
| `--rp-color-violet-1-contrast` | `derived.color.violet.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-1-contrast. |
|
|
517
|
-
| `--rp-color-violet-2` | `color.violet.2` | color | all-themes | Public Ropav color token for color.violet.2. |
|
|
518
|
-
| `--rp-color-violet-2-active-contrast` | `derived.color.violet.2.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-2-active-contrast. |
|
|
519
|
-
| `--rp-color-violet-2-contrast` | `derived.color.violet.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-2-contrast. |
|
|
520
|
-
| `--rp-color-violet-3` | `color.violet.3` | color | all-themes | Public Ropav color token for color.violet.3. |
|
|
521
|
-
| `--rp-color-violet-3-active-contrast` | `derived.color.violet.3.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-3-active-contrast. |
|
|
522
|
-
| `--rp-color-violet-3-contrast` | `derived.color.violet.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-3-contrast. |
|
|
523
|
-
| `--rp-color-violet-4` | `color.violet.4` | color | all-themes | Public Ropav color token for color.violet.4. |
|
|
524
|
-
| `--rp-color-violet-4-active-contrast` | `derived.color.violet.4.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-4-active-contrast. |
|
|
525
|
-
| `--rp-color-violet-4-contrast` | `derived.color.violet.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-4-contrast. |
|
|
526
|
-
| `--rp-color-violet-5` | `color.violet.5` | color | all-themes | Public Ropav color token for color.violet.5. |
|
|
527
|
-
| `--rp-color-violet-5-active-contrast` | `derived.color.violet.5.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-5-active-contrast. |
|
|
528
|
-
| `--rp-color-violet-5-contrast` | `derived.color.violet.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-5-contrast. |
|
|
529
|
-
| `--rp-color-violet-6` | `color.violet.6` | color | all-themes | Public Ropav color token for color.violet.6. |
|
|
530
|
-
| `--rp-color-violet-6-active-contrast` | `derived.color.violet.6.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-6-active-contrast. |
|
|
531
|
-
| `--rp-color-violet-6-contrast` | `derived.color.violet.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-6-contrast. |
|
|
532
|
-
| `--rp-color-violet-7` | `color.violet.7` | color | all-themes | Public Ropav color token for color.violet.7. |
|
|
533
|
-
| `--rp-color-violet-7-active-contrast` | `derived.color.violet.7.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-7-active-contrast. |
|
|
534
|
-
| `--rp-color-violet-7-contrast` | `derived.color.violet.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-7-contrast. |
|
|
535
|
-
| `--rp-color-violet-8` | `color.violet.8` | color | all-themes | Public Ropav color token for color.violet.8. |
|
|
536
|
-
| `--rp-color-violet-8-active-contrast` | `derived.color.violet.8.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-8-active-contrast. |
|
|
537
|
-
| `--rp-color-violet-8-contrast` | `derived.color.violet.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-8-contrast. |
|
|
538
|
-
| `--rp-color-violet-9` | `color.violet.9` | color | all-themes | Public Ropav color token for color.violet.9. |
|
|
539
|
-
| `--rp-color-violet-9-active-contrast` | `derived.color.violet.9.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-9-active-contrast. |
|
|
540
|
-
| `--rp-color-violet-9-contrast` | `derived.color.violet.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-9-contrast. |
|
|
541
|
-
| `--rp-color-violet-contrast` | `derived.color.violet.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-contrast. |
|
|
542
|
-
| `--rp-color-violet-filled` | `derived.color.violet.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-filled. |
|
|
543
|
-
| `--rp-color-violet-filled-hover` | `derived.color.violet.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-filled-hover. |
|
|
544
|
-
| `--rp-color-violet-light` | `derived.color.violet.light` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-light. |
|
|
545
|
-
| `--rp-color-violet-light-color` | `derived.color.violet.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-light-color. |
|
|
546
|
-
| `--rp-color-violet-light-hover` | `derived.color.violet.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-light-hover. |
|
|
547
|
-
| `--rp-color-violet-outline` | `derived.color.violet.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-outline. |
|
|
548
|
-
| `--rp-color-violet-outline-hover` | `derived.color.violet.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-outline-hover. |
|
|
549
|
-
| `--rp-color-white` | `color.white` | color | all-themes | Public Ropav color token for color.white. |
|
|
550
|
-
| `--rp-color-yellow-0` | `color.yellow.0` | color | all-themes | Public Ropav color token for color.yellow.0. |
|
|
551
|
-
| `--rp-color-yellow-0-active-contrast` | `derived.color.yellow.0.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-0-active-contrast. |
|
|
552
|
-
| `--rp-color-yellow-0-contrast` | `derived.color.yellow.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-0-contrast. |
|
|
553
|
-
| `--rp-color-yellow-1` | `color.yellow.1` | color | all-themes | Public Ropav color token for color.yellow.1. |
|
|
554
|
-
| `--rp-color-yellow-1-active-contrast` | `derived.color.yellow.1.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-1-active-contrast. |
|
|
555
|
-
| `--rp-color-yellow-1-contrast` | `derived.color.yellow.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-1-contrast. |
|
|
556
|
-
| `--rp-color-yellow-2` | `color.yellow.2` | color | all-themes | Public Ropav color token for color.yellow.2. |
|
|
557
|
-
| `--rp-color-yellow-2-active-contrast` | `derived.color.yellow.2.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-2-active-contrast. |
|
|
558
|
-
| `--rp-color-yellow-2-contrast` | `derived.color.yellow.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-2-contrast. |
|
|
559
|
-
| `--rp-color-yellow-3` | `color.yellow.3` | color | all-themes | Public Ropav color token for color.yellow.3. |
|
|
560
|
-
| `--rp-color-yellow-3-active-contrast` | `derived.color.yellow.3.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-3-active-contrast. |
|
|
561
|
-
| `--rp-color-yellow-3-contrast` | `derived.color.yellow.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-3-contrast. |
|
|
562
|
-
| `--rp-color-yellow-4` | `color.yellow.4` | color | all-themes | Public Ropav color token for color.yellow.4. |
|
|
563
|
-
| `--rp-color-yellow-4-active-contrast` | `derived.color.yellow.4.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-4-active-contrast. |
|
|
564
|
-
| `--rp-color-yellow-4-contrast` | `derived.color.yellow.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-4-contrast. |
|
|
565
|
-
| `--rp-color-yellow-5` | `color.yellow.5` | color | all-themes | Public Ropav color token for color.yellow.5. |
|
|
566
|
-
| `--rp-color-yellow-5-active-contrast` | `derived.color.yellow.5.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-5-active-contrast. |
|
|
567
|
-
| `--rp-color-yellow-5-contrast` | `derived.color.yellow.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-5-contrast. |
|
|
568
|
-
| `--rp-color-yellow-6` | `color.yellow.6` | color | all-themes | Public Ropav color token for color.yellow.6. |
|
|
569
|
-
| `--rp-color-yellow-6-active-contrast` | `derived.color.yellow.6.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-6-active-contrast. |
|
|
570
|
-
| `--rp-color-yellow-6-contrast` | `derived.color.yellow.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-6-contrast. |
|
|
571
|
-
| `--rp-color-yellow-7` | `color.yellow.7` | color | all-themes | Public Ropav color token for color.yellow.7. |
|
|
572
|
-
| `--rp-color-yellow-7-active-contrast` | `derived.color.yellow.7.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-7-active-contrast. |
|
|
573
|
-
| `--rp-color-yellow-7-contrast` | `derived.color.yellow.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-7-contrast. |
|
|
574
|
-
| `--rp-color-yellow-8` | `color.yellow.8` | color | all-themes | Public Ropav color token for color.yellow.8. |
|
|
575
|
-
| `--rp-color-yellow-8-active-contrast` | `derived.color.yellow.8.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-8-active-contrast. |
|
|
576
|
-
| `--rp-color-yellow-8-contrast` | `derived.color.yellow.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-8-contrast. |
|
|
577
|
-
| `--rp-color-yellow-9` | `color.yellow.9` | color | all-themes | Public Ropav color token for color.yellow.9. |
|
|
578
|
-
| `--rp-color-yellow-9-active-contrast` | `derived.color.yellow.9.active.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-9-active-contrast. |
|
|
579
|
-
| `--rp-color-yellow-9-contrast` | `derived.color.yellow.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-9-contrast. |
|
|
580
|
-
| `--rp-color-yellow-contrast` | `derived.color.yellow.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-contrast. |
|
|
581
|
-
| `--rp-color-yellow-filled` | `derived.color.yellow.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-filled. |
|
|
582
|
-
| `--rp-color-yellow-filled-hover` | `derived.color.yellow.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-filled-hover. |
|
|
583
|
-
| `--rp-color-yellow-light` | `derived.color.yellow.light` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-light. |
|
|
584
|
-
| `--rp-color-yellow-light-color` | `derived.color.yellow.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-light-color. |
|
|
585
|
-
| `--rp-color-yellow-light-hover` | `derived.color.yellow.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-light-hover. |
|
|
586
|
-
| `--rp-color-yellow-outline` | `derived.color.yellow.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-outline. |
|
|
587
|
-
| `--rp-color-yellow-outline-hover` | `derived.color.yellow.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-outline-hover. |
|
|
588
|
-
| `--rp-font-family` | `font.family.base` | fontFamily | all-themes | Public Ropav font token for font.family.base. |
|
|
589
|
-
| `--rp-font-size-lg` | `font.size.lg` | dimension | all-themes | Public Ropav font token for font.size.lg. |
|
|
590
|
-
| `--rp-font-size-md` | `font.size.md` | dimension | all-themes | Public Ropav font token for font.size.md. |
|
|
591
|
-
| `--rp-font-size-sm` | `font.size.sm` | dimension | all-themes | Public Ropav font token for font.size.sm. |
|
|
592
|
-
| `--rp-font-size-xl` | `font.size.xl` | dimension | all-themes | Public Ropav font token for font.size.xl. |
|
|
593
|
-
| `--rp-font-size-xs` | `font.size.xs` | dimension | all-themes | Public Ropav font token for font.size.xs. |
|
|
594
|
-
| `--rp-font-weight-bold` | `font.weight.bold` | fontWeight | all-themes | Public Ropav font token for font.weight.bold. |
|
|
595
|
-
| `--rp-font-weight-medium` | `font.weight.medium` | fontWeight | all-themes | Public Ropav font token for font.weight.medium. |
|
|
596
|
-
| `--rp-font-weight-normal` | `font.weight.normal` | fontWeight | all-themes | Public Ropav font token for font.weight.normal. |
|
|
597
|
-
| `--rp-font-weight-semibold` | `font.weight.semibold` | fontWeight | all-themes | Public Ropav font token for font.weight.semibold. |
|
|
598
|
-
| `--rp-h1-font-size` | `heading.h1.font-size` | dimension | all-themes | Public Ropav heading token for heading.h1.font-size. |
|
|
599
|
-
| `--rp-h1-font-weight` | `heading.h1.font-weight` | fontWeight | all-themes | Public Ropav heading token for heading.h1.font-weight. |
|
|
600
|
-
| `--rp-h1-line-height` | `heading.h1.line-height` | number | all-themes | Public Ropav heading token for heading.h1.line-height. |
|
|
601
|
-
| `--rp-h2-font-size` | `heading.h2.font-size` | dimension | all-themes | Public Ropav heading token for heading.h2.font-size. |
|
|
602
|
-
| `--rp-h2-font-weight` | `heading.h2.font-weight` | fontWeight | all-themes | Public Ropav heading token for heading.h2.font-weight. |
|
|
603
|
-
| `--rp-h2-line-height` | `heading.h2.line-height` | number | all-themes | Public Ropav heading token for heading.h2.line-height. |
|
|
604
|
-
| `--rp-h3-font-size` | `heading.h3.font-size` | dimension | all-themes | Public Ropav heading token for heading.h3.font-size. |
|
|
605
|
-
| `--rp-h3-font-weight` | `heading.h3.font-weight` | fontWeight | all-themes | Public Ropav heading token for heading.h3.font-weight. |
|
|
606
|
-
| `--rp-h3-line-height` | `heading.h3.line-height` | number | all-themes | Public Ropav heading token for heading.h3.line-height. |
|
|
607
|
-
| `--rp-h4-font-size` | `heading.h4.font-size` | dimension | all-themes | Public Ropav heading token for heading.h4.font-size. |
|
|
608
|
-
| `--rp-h4-font-weight` | `heading.h4.font-weight` | fontWeight | all-themes | Public Ropav heading token for heading.h4.font-weight. |
|
|
609
|
-
| `--rp-h4-line-height` | `heading.h4.line-height` | number | all-themes | Public Ropav heading token for heading.h4.line-height. |
|
|
610
|
-
| `--rp-h5-font-size` | `heading.h5.font-size` | dimension | all-themes | Public Ropav heading token for heading.h5.font-size. |
|
|
611
|
-
| `--rp-h5-font-weight` | `heading.h5.font-weight` | fontWeight | all-themes | Public Ropav heading token for heading.h5.font-weight. |
|
|
612
|
-
| `--rp-h5-line-height` | `heading.h5.line-height` | number | all-themes | Public Ropav heading token for heading.h5.line-height. |
|
|
613
|
-
| `--rp-h6-font-size` | `heading.h6.font-size` | dimension | all-themes | Public Ropav heading token for heading.h6.font-size. |
|
|
614
|
-
| `--rp-h6-font-weight` | `heading.h6.font-weight` | fontWeight | all-themes | Public Ropav heading token for heading.h6.font-weight. |
|
|
615
|
-
| `--rp-h6-line-height` | `heading.h6.line-height` | number | all-themes | Public Ropav heading token for heading.h6.line-height. |
|
|
616
|
-
| `--rp-line-height-lg` | `line-height.lg` | number | all-themes | Public Ropav line-height token for line-height.lg. |
|
|
617
|
-
| `--rp-line-height-md` | `line-height.md` | number | all-themes | Public Ropav line-height token for line-height.md. |
|
|
618
|
-
| `--rp-line-height-sm` | `line-height.sm` | number | all-themes | Public Ropav line-height token for line-height.sm. |
|
|
619
|
-
| `--rp-line-height-xl` | `line-height.xl` | number | all-themes | Public Ropav line-height token for line-height.xl. |
|
|
620
|
-
| `--rp-line-height-xs` | `line-height.xs` | number | all-themes | Public Ropav line-height token for line-height.xs. |
|
|
621
|
-
| `--rp-opacity-disabled` | `opacity.disabled` | number | all-themes | Public Ropav opacity token for opacity.disabled. |
|
|
622
|
-
| `--rp-primary-color-0` | `derived.primary.color.0` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-0. |
|
|
623
|
-
| `--rp-primary-color-1` | `derived.primary.color.1` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-1. |
|
|
624
|
-
| `--rp-primary-color-2` | `derived.primary.color.2` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-2. |
|
|
625
|
-
| `--rp-primary-color-3` | `derived.primary.color.3` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-3. |
|
|
626
|
-
| `--rp-primary-color-4` | `derived.primary.color.4` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-4. |
|
|
627
|
-
| `--rp-primary-color-5` | `derived.primary.color.5` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-5. |
|
|
628
|
-
| `--rp-primary-color-6` | `derived.primary.color.6` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-6. |
|
|
629
|
-
| `--rp-primary-color-7` | `derived.primary.color.7` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-7. |
|
|
630
|
-
| `--rp-primary-color-8` | `derived.primary.color.8` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-8. |
|
|
631
|
-
| `--rp-primary-color-9` | `derived.primary.color.9` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-9. |
|
|
632
|
-
| `--rp-primary-color-contrast` | `derived.primary.color.contrast` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-contrast. |
|
|
633
|
-
| `--rp-primary-color-filled` | `derived.primary.color.filled` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-filled. |
|
|
634
|
-
| `--rp-primary-color-filled-hover` | `derived.primary.color.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-filled-hover. |
|
|
635
|
-
| `--rp-primary-color-light` | `derived.primary.color.light` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-light. |
|
|
636
|
-
| `--rp-primary-color-light-color` | `derived.primary.color.light.color` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-light-color. |
|
|
637
|
-
| `--rp-primary-color-light-hover` | `derived.primary.color.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-light-hover. |
|
|
638
|
-
| `--rp-primary-color-outline` | `derived.primary.color.outline` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-outline. |
|
|
639
|
-
| `--rp-primary-color-outline-hover` | `derived.primary.color.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-outline-hover. |
|
|
640
|
-
| `--rp-radius-full` | `radius.full` | dimension | all-themes | Public Ropav radius token for radius.full. |
|
|
641
|
-
| `--rp-radius-lg` | `radius.lg` | dimension | all-themes | Public Ropav radius token for radius.lg. |
|
|
642
|
-
| `--rp-radius-md` | `radius.md` | dimension | all-themes | Public Ropav radius token for radius.md. |
|
|
643
|
-
| `--rp-radius-none` | `radius.none` | dimension | all-themes | Public Ropav radius token for radius.none. |
|
|
644
|
-
| `--rp-radius-sm` | `radius.sm` | dimension | all-themes | Public Ropav radius token for radius.sm. |
|
|
645
|
-
| `--rp-radius-xl` | `radius.xl` | dimension | all-themes | Public Ropav radius token for radius.xl. |
|
|
646
|
-
| `--rp-radius-xs` | `radius.xs` | dimension | all-themes | Public Ropav radius token for radius.xs. |
|
|
647
|
-
| `--rp-shadow-base` | `shadow.base` | shadow | light-and-dark | Public Ropav shadow token for shadow.base. |
|
|
648
|
-
| `--rp-shadow-lg` | `shadow.lg` | shadow | light-and-dark | Public Ropav shadow token for shadow.lg. |
|
|
649
|
-
| `--rp-shadow-md` | `shadow.md` | shadow | light-and-dark | Public Ropav shadow token for shadow.md. |
|
|
650
|
-
| `--rp-shadow-sm` | `shadow.sm` | shadow | light-and-dark | Public Ropav shadow token for shadow.sm. |
|
|
651
|
-
| `--rp-size-control-lg` | `size.control.lg` | dimension | all-themes | Public Ropav size token for size.control.lg. |
|
|
652
|
-
| `--rp-size-control-md` | `size.control.md` | dimension | all-themes | Public Ropav size token for size.control.md. |
|
|
653
|
-
| `--rp-size-control-sm` | `size.control.sm` | dimension | all-themes | Public Ropav size token for size.control.sm. |
|
|
654
|
-
| `--rp-size-control-xl` | `size.control.xl` | dimension | all-themes | Public Ropav size token for size.control.xl. |
|
|
655
|
-
| `--rp-size-control-xs` | `size.control.xs` | dimension | all-themes | Public Ropav size token for size.control.xs. |
|
|
656
|
-
| `--rp-spacing-0` | `spacing.0` | dimension | all-themes | Public Ropav spacing token for spacing.0. |
|
|
657
|
-
| `--rp-spacing-1` | `spacing.1` | dimension | all-themes | Public Ropav spacing token for spacing.1. |
|
|
658
|
-
| `--rp-spacing-10` | `spacing.10` | dimension | all-themes | Public Ropav spacing token for spacing.10. |
|
|
659
|
-
| `--rp-spacing-12` | `spacing.12` | dimension | all-themes | Public Ropav spacing token for spacing.12. |
|
|
660
|
-
| `--rp-spacing-2` | `spacing.2` | dimension | all-themes | Public Ropav spacing token for spacing.2. |
|
|
661
|
-
| `--rp-spacing-3` | `spacing.3` | dimension | all-themes | Public Ropav spacing token for spacing.3. |
|
|
662
|
-
| `--rp-spacing-4` | `spacing.4` | dimension | all-themes | Public Ropav spacing token for spacing.4. |
|
|
663
|
-
| `--rp-spacing-5` | `spacing.5` | dimension | all-themes | Public Ropav spacing token for spacing.5. |
|
|
664
|
-
| `--rp-spacing-6` | `spacing.6` | dimension | all-themes | Public Ropav spacing token for spacing.6. |
|
|
665
|
-
| `--rp-spacing-8` | `spacing.8` | dimension | all-themes | Public Ropav spacing token for spacing.8. |
|
|
666
|
-
| `--rp-transition-base` | `transition.base` | transition | all-themes | Public Ropav transition token for transition.base. |
|
|
667
|
-
| `--rp-transition-fast` | `transition.fast` | transition | all-themes | Public Ropav transition token for transition.fast. |
|
|
668
|
-
| `--rp-transition-slow` | `transition.slow` | transition | all-themes | Public Ropav transition token for transition.slow. |
|
|
669
|
-
|
|
670
|
-
## Component geometry variables
|
|
671
|
-
|
|
672
|
-
| Name | Component | Accepted value | Fallback | Description |
|
|
673
|
-
| -------------------------------- | ------------------- | -------------- | ------------------------------ | --------------------------------------------------------------- |
|
|
674
|
-
| `--rp-switch-track-width` | Switch | `<length>` | size preset track width | Width shared by the Switch track and thumb travel calculation. |
|
|
675
|
-
| `--rp-switch-track-height` | Switch | `<length>` | size preset track height | Height of the Switch track. |
|
|
676
|
-
| `--rp-switch-thumb-size` | Switch | `<length>` | size preset thumb size | Diameter of the Switch thumb. |
|
|
677
|
-
| `--rp-switch-thumb-offset` | Switch | `<length>` | 2px | Inset used for the Switch thumb at both ends of the track. |
|
|
678
|
-
| `--rp-slider-track-length` | Slider, RangeSlider | `<length>` | 160px | Minimum track length for a horizontal or vertical slider. |
|
|
679
|
-
| `--rp-slider-track-thickness` | Slider, RangeSlider | `<length>` | size preset track thickness | Thickness shared by the track and native range pseudo-elements. |
|
|
680
|
-
| `--rp-slider-thumb-size` | Slider, RangeSlider | `<length>` | size preset thumb size | Diameter shared by native and custom slider thumbs. |
|
|
681
|
-
| `--rp-slider-thumb-border-width` | Slider, RangeSlider | `<line-width>` | size preset thumb border width | Border width shared by native and custom slider thumbs. |
|
|
682
|
-
| `--rp-slider-thumb-padding` | Slider, RangeSlider | `<length>` | 0 | Inner padding for custom slider thumb content. |
|
|
683
|
-
| `--rp-slider-mark-size` | Slider, RangeSlider | `<length>` | size preset mark size | Diameter of slider marks. |
|
|
684
|
-
| `--rp-radio-control-size` | Radio | `<length>` | size preset control size | Diameter of the Radio control. |
|
|
685
|
-
| `--rp-radio-dot-size` | Radio | `<length>` | size preset dot size | Diameter of the checked Radio dot. |
|