ropav 0.0.9 → 0.0.11
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 +6 -0
- package/dist/accordion.css +115 -111
- package/dist/accordion.js +60 -16
- package/dist/alert.css +110 -108
- package/dist/alert.js +48 -26
- package/dist/aspect-ratio.css +17 -15
- package/dist/aspect-ratio.js +20 -6
- package/dist/avatar.css +98 -96
- package/dist/avatar.js +27 -16
- package/dist/badge.css +95 -93
- package/dist/badge.js +29 -16
- package/dist/base.css +672 -671
- package/dist/button-group.css +39 -37
- package/dist/button-group.js +23 -12
- package/dist/button-link.css +160 -158
- package/dist/button-link.js +43 -24
- package/dist/button.css +160 -158
- package/dist/button.js +37 -19
- package/dist/card.css +109 -107
- package/dist/card.js +42 -17
- package/dist/checkbox.css +139 -137
- package/dist/checkbox.js +79 -28
- package/dist/collapse.css +29 -27
- package/dist/collapse.js +44 -10
- package/dist/color-input.css +137 -107
- package/dist/color-input.js +91 -17
- package/dist/color-picker.css +309 -303
- package/dist/color-picker.js +250 -77
- package/dist/color-picker2.js +9 -1
- package/dist/color-swatch.css +48 -46
- package/dist/color-swatch.js +15 -11
- package/dist/color-swatch2.js +4 -0
- package/dist/components/accordion/accordion-item.d.ts +16 -4
- package/dist/components/accordion/accordion.d.ts +1 -1
- package/dist/components/accordion/index.d.ts +5 -4
- package/dist/components/accordion/index.js +2 -2
- package/dist/components/accordion/types.d.ts +10 -5
- package/dist/components/accordion/useAccordion.d.ts +1 -1
- package/dist/components/alert/alert.d.ts +3 -3
- package/dist/components/alert/index.d.ts +3 -3
- package/dist/components/alert/index.js +2 -2
- package/dist/components/alert/types.d.ts +5 -2
- package/dist/components/alert/useAlertColor.d.ts +1 -1
- package/dist/components/aspect-ratio/aspect-ratio.d.ts +1 -1
- package/dist/components/aspect-ratio/index.d.ts +3 -2
- package/dist/components/aspect-ratio/index.js +2 -2
- package/dist/components/aspect-ratio/types.d.ts +4 -1
- package/dist/components/avatar/avatar.d.ts +1 -1
- package/dist/components/avatar/index.d.ts +3 -3
- package/dist/components/avatar/index.js +2 -2
- package/dist/components/avatar/types.d.ts +5 -2
- package/dist/components/avatar/useAvatarColor.d.ts +1 -1
- package/dist/components/badge/badge.d.ts +1 -1
- package/dist/components/badge/index.d.ts +3 -3
- package/dist/components/badge/index.js +2 -2
- package/dist/components/badge/types.d.ts +5 -2
- package/dist/components/badge/useBadgeColor.d.ts +1 -1
- package/dist/components/button/button.d.ts +1 -1
- package/dist/components/button/index.d.ts +3 -2
- package/dist/components/button/index.js +2 -2
- package/dist/components/button/types.d.ts +5 -2
- package/dist/components/button/useButtonColor.d.ts +1 -1
- package/dist/components/button-group/button-group.d.ts +1 -1
- package/dist/components/button-group/index.d.ts +3 -2
- package/dist/components/button-group/index.js +2 -2
- package/dist/components/button-group/types.d.ts +4 -1
- package/dist/components/button-link/button-link.d.ts +1 -1
- package/dist/components/button-link/index.d.ts +3 -2
- package/dist/components/button-link/index.js +2 -2
- package/dist/components/button-link/types.d.ts +5 -2
- package/dist/components/card/card.d.ts +1 -1
- package/dist/components/card/index.d.ts +3 -2
- package/dist/components/card/index.js +2 -2
- package/dist/components/card/types.d.ts +5 -1
- package/dist/components/checkbox/checkbox.d.ts +5 -2
- package/dist/components/checkbox/index.d.ts +3 -2
- package/dist/components/checkbox/index.js +2 -2
- package/dist/components/checkbox/types.d.ts +7 -2
- package/dist/components/checkbox/useCheckbox.d.ts +4 -2
- package/dist/components/collapse/collapse.d.ts +2 -2
- package/dist/components/collapse/index.d.ts +4 -3
- package/dist/components/collapse/index.js +2 -2
- package/dist/components/collapse/types.d.ts +9 -2
- package/dist/components/collapse/useCollapse.d.ts +1 -1
- package/dist/components/color-input/color-input.d.ts +1 -1
- package/dist/components/color-input/index.d.ts +3 -2
- package/dist/components/color-input/index.js +2 -2
- package/dist/components/color-input/types.d.ts +8 -4
- package/dist/components/color-input/useColorInput.d.ts +5 -5
- package/dist/components/color-input/useColorInputEyeDropper.d.ts +1 -1
- package/dist/components/color-input/useColorInputPopover.d.ts +2 -2
- package/dist/components/color-input/useColorInputValue.d.ts +1 -1
- package/dist/components/color-picker/color-picker-saturation.d.ts +1 -1
- package/dist/components/color-picker/color-picker-slider.d.ts +1 -1
- package/dist/components/color-picker/color-picker-utils.d.ts +1 -1
- package/dist/components/color-picker/color-picker.d.ts +1 -1
- package/dist/components/color-picker/index.d.ts +3 -3
- package/dist/components/color-picker/index.js +2 -2
- package/dist/components/color-picker/types.d.ts +13 -1
- package/dist/components/color-picker/useColorPickerDrag.d.ts +7 -2
- package/dist/components/color-picker/useColorPickerSwatches.d.ts +1 -1
- package/dist/components/color-picker/useColorPickerValue.d.ts +2 -2
- package/dist/components/color-swatch/color-swatch.d.ts +1 -1
- package/dist/components/color-swatch/index.d.ts +3 -2
- package/dist/components/color-swatch/index.js +2 -1
- package/dist/components/color-swatch/types.d.ts +4 -1
- package/dist/components/dropdown-menu/dropdown-menu-items.d.ts +15 -6
- package/dist/components/dropdown-menu/dropdown-menu-primitives.d.ts +724 -0
- package/dist/components/dropdown-menu/dropdown-menu-utils.d.ts +1 -1
- package/dist/components/dropdown-menu/dropdown-menu.d.ts +3 -3
- package/dist/components/dropdown-menu/index.d.ts +55 -3
- package/dist/components/dropdown-menu/index.js +2 -2
- package/dist/components/dropdown-menu/types.d.ts +142 -6
- package/dist/components/dropdown-menu/useDropdownMenu.d.ts +21 -12
- package/dist/components/dropdown-menu/useDropdownMenuDisclosure.d.ts +6 -4
- package/dist/components/dropdown-menu/useDropdownMenuDom.d.ts +4 -3
- package/dist/components/dropdown-menu/useDropdownMenuHoverIntent.d.ts +2 -2
- package/dist/components/dropdown-menu/useDropdownMenuInteractions.d.ts +5 -5
- package/dist/components/dropdown-menu/useDropdownMenuNavigation.d.ts +3 -3
- package/dist/components/dropdown-menu/useDropdownMenuPortalPosition.d.ts +19 -0
- package/dist/components/dropdown-menu/useDropdownMenuRenderItems.d.ts +25 -5
- package/dist/components/dropdown-menu/useDropdownSubmenus.d.ts +3 -3
- package/dist/components/field/field.d.ts +2 -2
- package/dist/components/field/index.d.ts +3 -2
- package/dist/components/field/index.js +2 -2
- package/dist/components/field/types.d.ts +4 -1
- package/dist/components/field/useField.d.ts +1 -1
- package/dist/components/floating/index.d.ts +1 -0
- package/dist/components/floating/index.js +0 -0
- package/dist/components/floating/types.d.ts +31 -0
- package/dist/components/floating/useFloatingPosition.d.ts +38 -0
- package/dist/components/focus-trap/focus-trap.d.ts +31 -0
- package/dist/components/focus-trap/index.d.ts +4 -0
- package/dist/components/focus-trap/index.js +3 -0
- package/dist/components/focus-trap/types.d.ts +41 -0
- package/dist/components/focus-trap/useFocusTrap.d.ts +2 -0
- package/dist/components/icon-button/icon-button.d.ts +1 -1
- package/dist/components/icon-button/index.d.ts +3 -2
- package/dist/components/icon-button/index.js +2 -1
- package/dist/components/icon-button/types.d.ts +5 -2
- package/dist/components/input/index.d.ts +3 -2
- package/dist/components/input/index.js +2 -1
- package/dist/components/input/input.d.ts +1 -1
- package/dist/components/input/types.d.ts +4 -1
- package/dist/components/input/useInput.d.ts +2 -2
- package/dist/components/modal/index.d.ts +3 -2
- package/dist/components/modal/index.js +2 -2
- package/dist/components/modal/modal.d.ts +1 -1
- package/dist/components/modal/types.d.ts +9 -2
- package/dist/components/modal/useModal.d.ts +1 -1
- package/dist/components/number-input/index.d.ts +3 -2
- package/dist/components/number-input/index.js +2 -2
- package/dist/components/number-input/number-input.d.ts +1 -1
- package/dist/components/number-input/types.d.ts +5 -2
- package/dist/components/number-input/useNumberInput.d.ts +2 -2
- package/dist/components/overlay/index.d.ts +3 -2
- package/dist/components/overlay/index.js +2 -1
- package/dist/components/overlay/overlay.d.ts +1 -1
- package/dist/components/overlay/types.d.ts +4 -1
- package/dist/components/overlay/useOverlay.d.ts +1 -1
- package/dist/components/popover/index.d.ts +3 -3
- package/dist/components/popover/index.js +2 -2
- package/dist/components/popover/popover.d.ts +2 -2
- package/dist/components/popover/types.d.ts +21 -11
- package/dist/components/popover/usePopover.d.ts +11 -2
- package/dist/components/progress/index.d.ts +3 -3
- package/dist/components/progress/index.js +2 -2
- package/dist/components/progress/progress.d.ts +1 -1
- package/dist/components/progress/types.d.ts +5 -2
- package/dist/components/progress/useProgress.d.ts +2 -2
- package/dist/components/radio/index.d.ts +4 -3
- package/dist/components/radio/index.js +2 -2
- package/dist/components/radio/radio-group.d.ts +1 -1
- package/dist/components/radio/radio.d.ts +9 -4
- package/dist/components/radio/types.d.ts +21 -4
- package/dist/components/radio/useRadio.d.ts +10 -5
- package/dist/components/select/index.d.ts +3 -2
- package/dist/components/select/index.js +2 -2
- package/dist/components/select/select.d.ts +1 -1
- package/dist/components/select/types.d.ts +4 -1
- package/dist/components/select/useSelect.d.ts +4 -3
- package/dist/components/slider/index.d.ts +4 -4
- package/dist/components/slider/index.js +2 -2
- package/dist/components/slider/range-slider-tooltip.d.ts +37 -0
- package/dist/components/slider/range-slider.d.ts +8 -13
- package/dist/components/slider/slider.d.ts +5 -2
- package/dist/components/slider/sliderCore.d.ts +35 -0
- package/dist/components/slider/types.d.ts +14 -7
- package/dist/components/slider/useRangeSlider.d.ts +5 -7
- package/dist/components/slider/useRangeSliderPointer.d.ts +19 -0
- package/dist/components/slider/useRangeSliderTooltipCollision.d.ts +31 -2
- package/dist/components/slider/useRangeSliderTooltipState.d.ts +23 -0
- package/dist/components/slider/useSlider.d.ts +11 -15
- package/dist/components/switch/index.d.ts +3 -2
- package/dist/components/switch/index.js +2 -2
- package/dist/components/switch/switch.d.ts +5 -2
- package/dist/components/switch/types.d.ts +7 -2
- package/dist/components/switch/useSwitch.d.ts +4 -2
- package/dist/components/tabs/index.d.ts +7 -6
- package/dist/components/tabs/index.js +2 -2
- package/dist/components/tabs/tabs-content.d.ts +2 -2
- package/dist/components/tabs/tabs-list.d.ts +4 -4
- package/dist/components/tabs/tabs-trigger.d.ts +5 -5
- package/dist/components/tabs/tabs.d.ts +5 -5
- package/dist/components/tabs/types.d.ts +13 -4
- package/dist/components/tabs/useTabs.d.ts +1 -1
- package/dist/components/teleport-provider/index.d.ts +2 -0
- package/dist/components/teleport-provider/index.js +2 -0
- package/dist/components/teleport-provider/teleport-provider.d.ts +21 -0
- package/dist/components/teleport-provider/types.d.ts +4 -0
- package/dist/components/teleport-provider/useTeleportTarget.d.ts +5 -0
- package/dist/components/textarea/index.d.ts +3 -2
- package/dist/components/textarea/index.js +2 -2
- package/dist/components/textarea/textarea.d.ts +5 -2
- package/dist/components/textarea/types.d.ts +6 -1
- package/dist/components/textarea/useTextarea.d.ts +3 -2
- package/dist/components/toast/defaults.d.ts +7 -0
- package/dist/components/toast/index.d.ts +7 -0
- package/dist/components/toast/index.js +2 -0
- package/dist/components/toast/toast-provider.d.ts +21 -0
- package/dist/components/toast/toast-viewport.d.ts +34 -0
- package/dist/components/toast/toast.d.ts +31 -0
- package/dist/components/toast/types.d.ts +110 -0
- package/dist/components/toast/useToast.d.ts +4 -0
- package/dist/components/toast/useToastColor.d.ts +3 -0
- package/dist/components/toast/useToastState.d.ts +2 -0
- package/dist/components/tooltip/index.d.ts +3 -2
- package/dist/components/tooltip/index.js +2 -1
- package/dist/components/tooltip/tooltip.d.ts +2 -2
- package/dist/components/tooltip/types.d.ts +14 -13
- package/dist/components/tooltip/useTooltip.d.ts +15 -3
- package/dist/dropdown-menu.css +191 -107
- package/dist/dropdown-menu.js +1729 -107
- package/dist/field.css +41 -39
- package/dist/field.js +40 -16
- package/dist/focus-trap.js +80 -0
- package/dist/icon-button.css +193 -189
- package/dist/icon-button.js +23 -18
- package/dist/icon-button2.js +8 -0
- package/dist/index.d.ts +35 -30
- package/dist/index.js +36 -31
- package/dist/input.css +122 -120
- package/dist/input.js +47 -34
- package/dist/input2.js +9 -0
- package/dist/legacy-unlayered.css +5461 -0
- package/dist/modal.css +129 -127
- package/dist/modal.js +160 -200
- package/dist/number-input.css +87 -85
- package/dist/number-input.js +61 -17
- package/dist/overlay.css +26 -24
- package/dist/overlay.js +17 -9
- package/dist/overlay2.js +4 -0
- package/dist/popover.css +140 -107
- package/dist/popover.js +295 -189
- package/dist/popover2.js +6 -1
- package/dist/progress.css +101 -99
- package/dist/progress.js +50 -28
- package/dist/radio.css +114 -105
- package/dist/radio.js +154 -56
- package/dist/select.css +244 -242
- package/dist/select.js +92 -47
- package/dist/slider.css +1109 -904
- package/dist/slider.js +1118 -923
- package/dist/styles-api.d.ts +22 -0
- package/dist/styles-api.js +49 -0
- package/dist/switch.css +120 -108
- package/dist/switch.js +89 -33
- package/dist/tabs.css +286 -278
- package/dist/tabs.js +60 -21
- package/dist/teleport-provider.js +15 -0
- package/dist/textarea.css +132 -130
- package/dist/textarea.js +77 -29
- package/dist/toast.css +236 -0
- package/dist/toast.js +739 -0
- package/dist/tooltip.css +137 -107
- package/dist/tooltip.js +182 -223
- package/dist/tooltip2.js +8 -0
- package/dist/useClickOutside.js +1 -1
- package/dist/useFloatingPosition.js +1284 -0
- package/dist/useFocusTrap.js +130 -0
- package/dist/useTeleportTarget.js +29 -0
- package/dist/utils/componentColors.d.ts +60 -0
- package/docs/public-styles-api.md +133 -0
- package/docs/public-tokens.md +545 -0
- package/package.json +44 -12
- package/src/styles/_tokens.scss +33 -28
- package/src/styles/_utilities.scss +11 -9
- package/src/styles/styles-manifest.json +4125 -0
- package/dist/components/slider/useRangeSliderTooltipTransition.d.ts +0 -4
|
@@ -0,0 +1,545 @@
|
|
|
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 `*-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 companion 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 companion with sufficient contrast against both normal and hover backgrounds. A palette shade is supported for consumer overrides only when its exact name is in this manifest; in that case, override the shade and its `*-contrast` companion together. Preset roles derive their normal contrast from the active shade companion, but their hover shade must remain compatible with the same foreground. 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-contrast` | `derived.color.blue.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-0-contrast. |
|
|
30
|
+
| `--rp-color-blue-1` | `color.blue.1` | color | all-themes | Public Ropav color token for color.blue.1. |
|
|
31
|
+
| `--rp-color-blue-1-contrast` | `derived.color.blue.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-1-contrast. |
|
|
32
|
+
| `--rp-color-blue-2` | `color.blue.2` | color | all-themes | Public Ropav color token for color.blue.2. |
|
|
33
|
+
| `--rp-color-blue-2-contrast` | `derived.color.blue.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-2-contrast. |
|
|
34
|
+
| `--rp-color-blue-3` | `color.blue.3` | color | all-themes | Public Ropav color token for color.blue.3. |
|
|
35
|
+
| `--rp-color-blue-3-contrast` | `derived.color.blue.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-3-contrast. |
|
|
36
|
+
| `--rp-color-blue-4` | `color.blue.4` | color | all-themes | Public Ropav color token for color.blue.4. |
|
|
37
|
+
| `--rp-color-blue-4-contrast` | `derived.color.blue.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-4-contrast. |
|
|
38
|
+
| `--rp-color-blue-5` | `color.blue.5` | color | all-themes | Public Ropav color token for color.blue.5. |
|
|
39
|
+
| `--rp-color-blue-5-contrast` | `derived.color.blue.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-5-contrast. |
|
|
40
|
+
| `--rp-color-blue-6` | `color.blue.6` | color | all-themes | Public Ropav color token for color.blue.6. |
|
|
41
|
+
| `--rp-color-blue-6-contrast` | `derived.color.blue.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-6-contrast. |
|
|
42
|
+
| `--rp-color-blue-7` | `color.blue.7` | color | all-themes | Public Ropav color token for color.blue.7. |
|
|
43
|
+
| `--rp-color-blue-7-contrast` | `derived.color.blue.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-7-contrast. |
|
|
44
|
+
| `--rp-color-blue-8` | `color.blue.8` | color | all-themes | Public Ropav color token for color.blue.8. |
|
|
45
|
+
| `--rp-color-blue-8-contrast` | `derived.color.blue.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-8-contrast. |
|
|
46
|
+
| `--rp-color-blue-9` | `color.blue.9` | color | all-themes | Public Ropav color token for color.blue.9. |
|
|
47
|
+
| `--rp-color-blue-9-contrast` | `derived.color.blue.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-9-contrast. |
|
|
48
|
+
| `--rp-color-blue-contrast` | `derived.color.blue.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-contrast. |
|
|
49
|
+
| `--rp-color-blue-filled` | `derived.color.blue.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-filled. |
|
|
50
|
+
| `--rp-color-blue-filled-hover` | `derived.color.blue.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-filled-hover. |
|
|
51
|
+
| `--rp-color-blue-light` | `derived.color.blue.light` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-light. |
|
|
52
|
+
| `--rp-color-blue-light-color` | `derived.color.blue.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-light-color. |
|
|
53
|
+
| `--rp-color-blue-light-hover` | `derived.color.blue.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-light-hover. |
|
|
54
|
+
| `--rp-color-blue-outline` | `derived.color.blue.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-outline. |
|
|
55
|
+
| `--rp-color-blue-outline-hover` | `derived.color.blue.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-blue-outline-hover. |
|
|
56
|
+
| `--rp-color-body` | `derived.color.body` | color | light-and-dark | Derived public Ropav color token --rp-color-body. |
|
|
57
|
+
| `--rp-color-bright` | `derived.color.bright` | color | light-and-dark | Derived public Ropav color token --rp-color-bright. |
|
|
58
|
+
| `--rp-color-control-bg` | `derived.color.control.bg` | color | light-and-dark | Derived public Ropav color token --rp-color-control-bg. |
|
|
59
|
+
| `--rp-color-control-border` | `derived.color.control.border` | color | light-and-dark | Derived public Ropav color token --rp-color-control-border. |
|
|
60
|
+
| `--rp-color-control-border-focus` | `derived.color.control.border.focus` | color | light-and-dark | Derived public Ropav color token --rp-color-control-border-focus. |
|
|
61
|
+
| `--rp-color-control-border-hover` | `derived.color.control.border.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-control-border-hover. |
|
|
62
|
+
| `--rp-color-control-fg` | `derived.color.control.fg` | color | light-and-dark | Derived public Ropav color token --rp-color-control-fg. |
|
|
63
|
+
| `--rp-color-control-icon` | `derived.color.control.icon` | color | light-and-dark | Derived public Ropav color token --rp-color-control-icon. |
|
|
64
|
+
| `--rp-color-control-placeholder` | `derived.color.control.placeholder` | color | light-and-dark | Derived public Ropav color token --rp-color-control-placeholder. |
|
|
65
|
+
| `--rp-color-control-readonly-bg` | `derived.color.control.readonly.bg` | color | light-and-dark | Derived public Ropav color token --rp-color-control-readonly-bg. |
|
|
66
|
+
| `--rp-color-control-selected-bg` | `derived.color.control.selected.bg` | color | light-and-dark | Derived public Ropav color token --rp-color-control-selected-bg. |
|
|
67
|
+
| `--rp-color-control-selected-fg` | `derived.color.control.selected.fg` | color | light-and-dark | Derived public Ropav color token --rp-color-control-selected-fg. |
|
|
68
|
+
| `--rp-color-control-thumb-bg` | `derived.color.control.thumb.bg` | color | light-and-dark | Derived public Ropav color token --rp-color-control-thumb-bg. |
|
|
69
|
+
| `--rp-color-control-track-bg` | `derived.color.control.track.bg` | color | light-and-dark | Derived public Ropav color token --rp-color-control-track-bg. |
|
|
70
|
+
| `--rp-color-cyan-0` | `color.cyan.0` | color | all-themes | Public Ropav color token for color.cyan.0. |
|
|
71
|
+
| `--rp-color-cyan-0-contrast` | `derived.color.cyan.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-0-contrast. |
|
|
72
|
+
| `--rp-color-cyan-1` | `color.cyan.1` | color | all-themes | Public Ropav color token for color.cyan.1. |
|
|
73
|
+
| `--rp-color-cyan-1-contrast` | `derived.color.cyan.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-1-contrast. |
|
|
74
|
+
| `--rp-color-cyan-2` | `color.cyan.2` | color | all-themes | Public Ropav color token for color.cyan.2. |
|
|
75
|
+
| `--rp-color-cyan-2-contrast` | `derived.color.cyan.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-2-contrast. |
|
|
76
|
+
| `--rp-color-cyan-3` | `color.cyan.3` | color | all-themes | Public Ropav color token for color.cyan.3. |
|
|
77
|
+
| `--rp-color-cyan-3-contrast` | `derived.color.cyan.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-3-contrast. |
|
|
78
|
+
| `--rp-color-cyan-4` | `color.cyan.4` | color | all-themes | Public Ropav color token for color.cyan.4. |
|
|
79
|
+
| `--rp-color-cyan-4-contrast` | `derived.color.cyan.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-4-contrast. |
|
|
80
|
+
| `--rp-color-cyan-5` | `color.cyan.5` | color | all-themes | Public Ropav color token for color.cyan.5. |
|
|
81
|
+
| `--rp-color-cyan-5-contrast` | `derived.color.cyan.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-5-contrast. |
|
|
82
|
+
| `--rp-color-cyan-6` | `color.cyan.6` | color | all-themes | Public Ropav color token for color.cyan.6. |
|
|
83
|
+
| `--rp-color-cyan-6-contrast` | `derived.color.cyan.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-6-contrast. |
|
|
84
|
+
| `--rp-color-cyan-7` | `color.cyan.7` | color | all-themes | Public Ropav color token for color.cyan.7. |
|
|
85
|
+
| `--rp-color-cyan-7-contrast` | `derived.color.cyan.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-7-contrast. |
|
|
86
|
+
| `--rp-color-cyan-8` | `color.cyan.8` | color | all-themes | Public Ropav color token for color.cyan.8. |
|
|
87
|
+
| `--rp-color-cyan-8-contrast` | `derived.color.cyan.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-8-contrast. |
|
|
88
|
+
| `--rp-color-cyan-9` | `color.cyan.9` | color | all-themes | Public Ropav color token for color.cyan.9. |
|
|
89
|
+
| `--rp-color-cyan-9-contrast` | `derived.color.cyan.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-9-contrast. |
|
|
90
|
+
| `--rp-color-cyan-contrast` | `derived.color.cyan.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-contrast. |
|
|
91
|
+
| `--rp-color-cyan-filled` | `derived.color.cyan.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-filled. |
|
|
92
|
+
| `--rp-color-cyan-filled-hover` | `derived.color.cyan.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-filled-hover. |
|
|
93
|
+
| `--rp-color-cyan-light` | `derived.color.cyan.light` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-light. |
|
|
94
|
+
| `--rp-color-cyan-light-color` | `derived.color.cyan.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-light-color. |
|
|
95
|
+
| `--rp-color-cyan-light-hover` | `derived.color.cyan.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-light-hover. |
|
|
96
|
+
| `--rp-color-cyan-outline` | `derived.color.cyan.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-outline. |
|
|
97
|
+
| `--rp-color-cyan-outline-hover` | `derived.color.cyan.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-cyan-outline-hover. |
|
|
98
|
+
| `--rp-color-dark-0` | `color.dark.0` | color | all-themes | Public Ropav color token for color.dark.0. |
|
|
99
|
+
| `--rp-color-dark-0-contrast` | `derived.color.dark.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-0-contrast. |
|
|
100
|
+
| `--rp-color-dark-1` | `color.dark.1` | color | all-themes | Public Ropav color token for color.dark.1. |
|
|
101
|
+
| `--rp-color-dark-1-contrast` | `derived.color.dark.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-1-contrast. |
|
|
102
|
+
| `--rp-color-dark-2` | `color.dark.2` | color | all-themes | Public Ropav color token for color.dark.2. |
|
|
103
|
+
| `--rp-color-dark-2-contrast` | `derived.color.dark.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-2-contrast. |
|
|
104
|
+
| `--rp-color-dark-3` | `color.dark.3` | color | all-themes | Public Ropav color token for color.dark.3. |
|
|
105
|
+
| `--rp-color-dark-3-contrast` | `derived.color.dark.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-3-contrast. |
|
|
106
|
+
| `--rp-color-dark-4` | `color.dark.4` | color | all-themes | Public Ropav color token for color.dark.4. |
|
|
107
|
+
| `--rp-color-dark-4-contrast` | `derived.color.dark.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-4-contrast. |
|
|
108
|
+
| `--rp-color-dark-5` | `color.dark.5` | color | all-themes | Public Ropav color token for color.dark.5. |
|
|
109
|
+
| `--rp-color-dark-5-contrast` | `derived.color.dark.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-5-contrast. |
|
|
110
|
+
| `--rp-color-dark-6` | `color.dark.6` | color | all-themes | Public Ropav color token for color.dark.6. |
|
|
111
|
+
| `--rp-color-dark-6-contrast` | `derived.color.dark.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-6-contrast. |
|
|
112
|
+
| `--rp-color-dark-7` | `color.dark.7` | color | all-themes | Public Ropav color token for color.dark.7. |
|
|
113
|
+
| `--rp-color-dark-7-contrast` | `derived.color.dark.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-7-contrast. |
|
|
114
|
+
| `--rp-color-dark-8` | `color.dark.8` | color | all-themes | Public Ropav color token for color.dark.8. |
|
|
115
|
+
| `--rp-color-dark-8-contrast` | `derived.color.dark.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-8-contrast. |
|
|
116
|
+
| `--rp-color-dark-9` | `color.dark.9` | color | all-themes | Public Ropav color token for color.dark.9. |
|
|
117
|
+
| `--rp-color-dark-9-contrast` | `derived.color.dark.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-9-contrast. |
|
|
118
|
+
| `--rp-color-dark-contrast` | `derived.color.dark.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-contrast. |
|
|
119
|
+
| `--rp-color-dark-filled` | `derived.color.dark.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-filled. |
|
|
120
|
+
| `--rp-color-dark-filled-hover` | `derived.color.dark.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-filled-hover. |
|
|
121
|
+
| `--rp-color-dark-light` | `derived.color.dark.light` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-light. |
|
|
122
|
+
| `--rp-color-dark-light-color` | `derived.color.dark.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-light-color. |
|
|
123
|
+
| `--rp-color-dark-light-hover` | `derived.color.dark.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-light-hover. |
|
|
124
|
+
| `--rp-color-dark-outline` | `derived.color.dark.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-outline. |
|
|
125
|
+
| `--rp-color-dark-outline-hover` | `derived.color.dark.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-dark-outline-hover. |
|
|
126
|
+
| `--rp-color-default` | `derived.color.default` | color | light-and-dark | Derived public Ropav color token --rp-color-default. |
|
|
127
|
+
| `--rp-color-default-border` | `derived.color.default.border` | color | light-and-dark | Derived public Ropav color token --rp-color-default-border. |
|
|
128
|
+
| `--rp-color-default-border-hover` | `derived.color.default.border.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-default-border-hover. |
|
|
129
|
+
| `--rp-color-default-color` | `derived.color.default.color` | color | light-and-dark | Derived public Ropav color token --rp-color-default-color. |
|
|
130
|
+
| `--rp-color-default-hover` | `derived.color.default.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-default-hover. |
|
|
131
|
+
| `--rp-color-dimmed` | `derived.color.dimmed` | color | light-and-dark | Derived public Ropav color token --rp-color-dimmed. |
|
|
132
|
+
| `--rp-color-disabled` | `derived.color.disabled` | color | light-and-dark | Derived public Ropav color token --rp-color-disabled. |
|
|
133
|
+
| `--rp-color-disabled-border` | `derived.color.disabled.border` | color | light-and-dark | Derived public Ropav color token --rp-color-disabled-border. |
|
|
134
|
+
| `--rp-color-disabled-color` | `derived.color.disabled.color` | color | light-and-dark | Derived public Ropav color token --rp-color-disabled-color. |
|
|
135
|
+
| `--rp-color-focus-ring` | `derived.color.focus.ring` | color | light-and-dark | Derived public Ropav color token --rp-color-focus-ring. |
|
|
136
|
+
| `--rp-color-grape-0` | `color.grape.0` | color | all-themes | Public Ropav color token for color.grape.0. |
|
|
137
|
+
| `--rp-color-grape-0-contrast` | `derived.color.grape.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-0-contrast. |
|
|
138
|
+
| `--rp-color-grape-1` | `color.grape.1` | color | all-themes | Public Ropav color token for color.grape.1. |
|
|
139
|
+
| `--rp-color-grape-1-contrast` | `derived.color.grape.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-1-contrast. |
|
|
140
|
+
| `--rp-color-grape-2` | `color.grape.2` | color | all-themes | Public Ropav color token for color.grape.2. |
|
|
141
|
+
| `--rp-color-grape-2-contrast` | `derived.color.grape.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-2-contrast. |
|
|
142
|
+
| `--rp-color-grape-3` | `color.grape.3` | color | all-themes | Public Ropav color token for color.grape.3. |
|
|
143
|
+
| `--rp-color-grape-3-contrast` | `derived.color.grape.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-3-contrast. |
|
|
144
|
+
| `--rp-color-grape-4` | `color.grape.4` | color | all-themes | Public Ropav color token for color.grape.4. |
|
|
145
|
+
| `--rp-color-grape-4-contrast` | `derived.color.grape.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-4-contrast. |
|
|
146
|
+
| `--rp-color-grape-5` | `color.grape.5` | color | all-themes | Public Ropav color token for color.grape.5. |
|
|
147
|
+
| `--rp-color-grape-5-contrast` | `derived.color.grape.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-5-contrast. |
|
|
148
|
+
| `--rp-color-grape-6` | `color.grape.6` | color | all-themes | Public Ropav color token for color.grape.6. |
|
|
149
|
+
| `--rp-color-grape-6-contrast` | `derived.color.grape.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-6-contrast. |
|
|
150
|
+
| `--rp-color-grape-7` | `color.grape.7` | color | all-themes | Public Ropav color token for color.grape.7. |
|
|
151
|
+
| `--rp-color-grape-7-contrast` | `derived.color.grape.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-7-contrast. |
|
|
152
|
+
| `--rp-color-grape-8` | `color.grape.8` | color | all-themes | Public Ropav color token for color.grape.8. |
|
|
153
|
+
| `--rp-color-grape-8-contrast` | `derived.color.grape.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-8-contrast. |
|
|
154
|
+
| `--rp-color-grape-9` | `color.grape.9` | color | all-themes | Public Ropav color token for color.grape.9. |
|
|
155
|
+
| `--rp-color-grape-9-contrast` | `derived.color.grape.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-9-contrast. |
|
|
156
|
+
| `--rp-color-grape-contrast` | `derived.color.grape.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-contrast. |
|
|
157
|
+
| `--rp-color-grape-filled` | `derived.color.grape.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-filled. |
|
|
158
|
+
| `--rp-color-grape-filled-hover` | `derived.color.grape.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-filled-hover. |
|
|
159
|
+
| `--rp-color-grape-light` | `derived.color.grape.light` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-light. |
|
|
160
|
+
| `--rp-color-grape-light-color` | `derived.color.grape.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-light-color. |
|
|
161
|
+
| `--rp-color-grape-light-hover` | `derived.color.grape.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-light-hover. |
|
|
162
|
+
| `--rp-color-grape-outline` | `derived.color.grape.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-outline. |
|
|
163
|
+
| `--rp-color-grape-outline-hover` | `derived.color.grape.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-grape-outline-hover. |
|
|
164
|
+
| `--rp-color-gray-0` | `color.gray.0` | color | all-themes | Public Ropav color token for color.gray.0. |
|
|
165
|
+
| `--rp-color-gray-0-contrast` | `derived.color.gray.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-0-contrast. |
|
|
166
|
+
| `--rp-color-gray-1` | `color.gray.1` | color | all-themes | Public Ropav color token for color.gray.1. |
|
|
167
|
+
| `--rp-color-gray-1-contrast` | `derived.color.gray.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-1-contrast. |
|
|
168
|
+
| `--rp-color-gray-2` | `color.gray.2` | color | all-themes | Public Ropav color token for color.gray.2. |
|
|
169
|
+
| `--rp-color-gray-2-contrast` | `derived.color.gray.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-2-contrast. |
|
|
170
|
+
| `--rp-color-gray-3` | `color.gray.3` | color | all-themes | Public Ropav color token for color.gray.3. |
|
|
171
|
+
| `--rp-color-gray-3-contrast` | `derived.color.gray.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-3-contrast. |
|
|
172
|
+
| `--rp-color-gray-4` | `color.gray.4` | color | all-themes | Public Ropav color token for color.gray.4. |
|
|
173
|
+
| `--rp-color-gray-4-contrast` | `derived.color.gray.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-4-contrast. |
|
|
174
|
+
| `--rp-color-gray-5` | `color.gray.5` | color | all-themes | Public Ropav color token for color.gray.5. |
|
|
175
|
+
| `--rp-color-gray-5-contrast` | `derived.color.gray.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-5-contrast. |
|
|
176
|
+
| `--rp-color-gray-6` | `color.gray.6` | color | all-themes | Public Ropav color token for color.gray.6. |
|
|
177
|
+
| `--rp-color-gray-6-contrast` | `derived.color.gray.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-6-contrast. |
|
|
178
|
+
| `--rp-color-gray-7` | `color.gray.7` | color | all-themes | Public Ropav color token for color.gray.7. |
|
|
179
|
+
| `--rp-color-gray-7-contrast` | `derived.color.gray.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-7-contrast. |
|
|
180
|
+
| `--rp-color-gray-8` | `color.gray.8` | color | all-themes | Public Ropav color token for color.gray.8. |
|
|
181
|
+
| `--rp-color-gray-8-contrast` | `derived.color.gray.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-8-contrast. |
|
|
182
|
+
| `--rp-color-gray-9` | `color.gray.9` | color | all-themes | Public Ropav color token for color.gray.9. |
|
|
183
|
+
| `--rp-color-gray-9-contrast` | `derived.color.gray.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-9-contrast. |
|
|
184
|
+
| `--rp-color-gray-contrast` | `derived.color.gray.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-contrast. |
|
|
185
|
+
| `--rp-color-gray-filled` | `derived.color.gray.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-filled. |
|
|
186
|
+
| `--rp-color-gray-filled-hover` | `derived.color.gray.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-filled-hover. |
|
|
187
|
+
| `--rp-color-gray-light` | `derived.color.gray.light` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-light. |
|
|
188
|
+
| `--rp-color-gray-light-color` | `derived.color.gray.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-light-color. |
|
|
189
|
+
| `--rp-color-gray-light-hover` | `derived.color.gray.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-light-hover. |
|
|
190
|
+
| `--rp-color-gray-outline` | `derived.color.gray.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-outline. |
|
|
191
|
+
| `--rp-color-gray-outline-hover` | `derived.color.gray.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-gray-outline-hover. |
|
|
192
|
+
| `--rp-color-green-0` | `color.green.0` | color | all-themes | Public Ropav color token for color.green.0. |
|
|
193
|
+
| `--rp-color-green-0-contrast` | `derived.color.green.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-0-contrast. |
|
|
194
|
+
| `--rp-color-green-1` | `color.green.1` | color | all-themes | Public Ropav color token for color.green.1. |
|
|
195
|
+
| `--rp-color-green-1-contrast` | `derived.color.green.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-1-contrast. |
|
|
196
|
+
| `--rp-color-green-2` | `color.green.2` | color | all-themes | Public Ropav color token for color.green.2. |
|
|
197
|
+
| `--rp-color-green-2-contrast` | `derived.color.green.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-2-contrast. |
|
|
198
|
+
| `--rp-color-green-3` | `color.green.3` | color | all-themes | Public Ropav color token for color.green.3. |
|
|
199
|
+
| `--rp-color-green-3-contrast` | `derived.color.green.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-3-contrast. |
|
|
200
|
+
| `--rp-color-green-4` | `color.green.4` | color | all-themes | Public Ropav color token for color.green.4. |
|
|
201
|
+
| `--rp-color-green-4-contrast` | `derived.color.green.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-4-contrast. |
|
|
202
|
+
| `--rp-color-green-5` | `color.green.5` | color | all-themes | Public Ropav color token for color.green.5. |
|
|
203
|
+
| `--rp-color-green-5-contrast` | `derived.color.green.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-5-contrast. |
|
|
204
|
+
| `--rp-color-green-6` | `color.green.6` | color | all-themes | Public Ropav color token for color.green.6. |
|
|
205
|
+
| `--rp-color-green-6-contrast` | `derived.color.green.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-6-contrast. |
|
|
206
|
+
| `--rp-color-green-7` | `color.green.7` | color | all-themes | Public Ropav color token for color.green.7. |
|
|
207
|
+
| `--rp-color-green-7-contrast` | `derived.color.green.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-7-contrast. |
|
|
208
|
+
| `--rp-color-green-8` | `color.green.8` | color | all-themes | Public Ropav color token for color.green.8. |
|
|
209
|
+
| `--rp-color-green-8-contrast` | `derived.color.green.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-8-contrast. |
|
|
210
|
+
| `--rp-color-green-9` | `color.green.9` | color | all-themes | Public Ropav color token for color.green.9. |
|
|
211
|
+
| `--rp-color-green-9-contrast` | `derived.color.green.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-9-contrast. |
|
|
212
|
+
| `--rp-color-green-contrast` | `derived.color.green.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-green-contrast. |
|
|
213
|
+
| `--rp-color-green-filled` | `derived.color.green.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-green-filled. |
|
|
214
|
+
| `--rp-color-green-filled-hover` | `derived.color.green.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-green-filled-hover. |
|
|
215
|
+
| `--rp-color-green-light` | `derived.color.green.light` | color | light-and-dark | Derived public Ropav color token --rp-color-green-light. |
|
|
216
|
+
| `--rp-color-green-light-color` | `derived.color.green.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-green-light-color. |
|
|
217
|
+
| `--rp-color-green-light-hover` | `derived.color.green.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-green-light-hover. |
|
|
218
|
+
| `--rp-color-green-outline` | `derived.color.green.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-green-outline. |
|
|
219
|
+
| `--rp-color-green-outline-hover` | `derived.color.green.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-green-outline-hover. |
|
|
220
|
+
| `--rp-color-indigo-0` | `color.indigo.0` | color | all-themes | Public Ropav color token for color.indigo.0. |
|
|
221
|
+
| `--rp-color-indigo-0-contrast` | `derived.color.indigo.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-0-contrast. |
|
|
222
|
+
| `--rp-color-indigo-1` | `color.indigo.1` | color | all-themes | Public Ropav color token for color.indigo.1. |
|
|
223
|
+
| `--rp-color-indigo-1-contrast` | `derived.color.indigo.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-1-contrast. |
|
|
224
|
+
| `--rp-color-indigo-2` | `color.indigo.2` | color | all-themes | Public Ropav color token for color.indigo.2. |
|
|
225
|
+
| `--rp-color-indigo-2-contrast` | `derived.color.indigo.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-2-contrast. |
|
|
226
|
+
| `--rp-color-indigo-3` | `color.indigo.3` | color | all-themes | Public Ropav color token for color.indigo.3. |
|
|
227
|
+
| `--rp-color-indigo-3-contrast` | `derived.color.indigo.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-3-contrast. |
|
|
228
|
+
| `--rp-color-indigo-4` | `color.indigo.4` | color | all-themes | Public Ropav color token for color.indigo.4. |
|
|
229
|
+
| `--rp-color-indigo-4-contrast` | `derived.color.indigo.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-4-contrast. |
|
|
230
|
+
| `--rp-color-indigo-5` | `color.indigo.5` | color | all-themes | Public Ropav color token for color.indigo.5. |
|
|
231
|
+
| `--rp-color-indigo-5-contrast` | `derived.color.indigo.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-5-contrast. |
|
|
232
|
+
| `--rp-color-indigo-6` | `color.indigo.6` | color | all-themes | Public Ropav color token for color.indigo.6. |
|
|
233
|
+
| `--rp-color-indigo-6-contrast` | `derived.color.indigo.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-6-contrast. |
|
|
234
|
+
| `--rp-color-indigo-7` | `color.indigo.7` | color | all-themes | Public Ropav color token for color.indigo.7. |
|
|
235
|
+
| `--rp-color-indigo-7-contrast` | `derived.color.indigo.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-7-contrast. |
|
|
236
|
+
| `--rp-color-indigo-8` | `color.indigo.8` | color | all-themes | Public Ropav color token for color.indigo.8. |
|
|
237
|
+
| `--rp-color-indigo-8-contrast` | `derived.color.indigo.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-8-contrast. |
|
|
238
|
+
| `--rp-color-indigo-9` | `color.indigo.9` | color | all-themes | Public Ropav color token for color.indigo.9. |
|
|
239
|
+
| `--rp-color-indigo-9-contrast` | `derived.color.indigo.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-9-contrast. |
|
|
240
|
+
| `--rp-color-indigo-contrast` | `derived.color.indigo.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-contrast. |
|
|
241
|
+
| `--rp-color-indigo-filled` | `derived.color.indigo.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-filled. |
|
|
242
|
+
| `--rp-color-indigo-filled-hover` | `derived.color.indigo.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-filled-hover. |
|
|
243
|
+
| `--rp-color-indigo-light` | `derived.color.indigo.light` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-light. |
|
|
244
|
+
| `--rp-color-indigo-light-color` | `derived.color.indigo.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-light-color. |
|
|
245
|
+
| `--rp-color-indigo-light-hover` | `derived.color.indigo.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-light-hover. |
|
|
246
|
+
| `--rp-color-indigo-outline` | `derived.color.indigo.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-outline. |
|
|
247
|
+
| `--rp-color-indigo-outline-hover` | `derived.color.indigo.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-indigo-outline-hover. |
|
|
248
|
+
| `--rp-color-lime-0` | `color.lime.0` | color | all-themes | Public Ropav color token for color.lime.0. |
|
|
249
|
+
| `--rp-color-lime-0-contrast` | `derived.color.lime.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-0-contrast. |
|
|
250
|
+
| `--rp-color-lime-1` | `color.lime.1` | color | all-themes | Public Ropav color token for color.lime.1. |
|
|
251
|
+
| `--rp-color-lime-1-contrast` | `derived.color.lime.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-1-contrast. |
|
|
252
|
+
| `--rp-color-lime-2` | `color.lime.2` | color | all-themes | Public Ropav color token for color.lime.2. |
|
|
253
|
+
| `--rp-color-lime-2-contrast` | `derived.color.lime.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-2-contrast. |
|
|
254
|
+
| `--rp-color-lime-3` | `color.lime.3` | color | all-themes | Public Ropav color token for color.lime.3. |
|
|
255
|
+
| `--rp-color-lime-3-contrast` | `derived.color.lime.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-3-contrast. |
|
|
256
|
+
| `--rp-color-lime-4` | `color.lime.4` | color | all-themes | Public Ropav color token for color.lime.4. |
|
|
257
|
+
| `--rp-color-lime-4-contrast` | `derived.color.lime.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-4-contrast. |
|
|
258
|
+
| `--rp-color-lime-5` | `color.lime.5` | color | all-themes | Public Ropav color token for color.lime.5. |
|
|
259
|
+
| `--rp-color-lime-5-contrast` | `derived.color.lime.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-5-contrast. |
|
|
260
|
+
| `--rp-color-lime-6` | `color.lime.6` | color | all-themes | Public Ropav color token for color.lime.6. |
|
|
261
|
+
| `--rp-color-lime-6-contrast` | `derived.color.lime.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-6-contrast. |
|
|
262
|
+
| `--rp-color-lime-7` | `color.lime.7` | color | all-themes | Public Ropav color token for color.lime.7. |
|
|
263
|
+
| `--rp-color-lime-7-contrast` | `derived.color.lime.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-7-contrast. |
|
|
264
|
+
| `--rp-color-lime-8` | `color.lime.8` | color | all-themes | Public Ropav color token for color.lime.8. |
|
|
265
|
+
| `--rp-color-lime-8-contrast` | `derived.color.lime.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-8-contrast. |
|
|
266
|
+
| `--rp-color-lime-9` | `color.lime.9` | color | all-themes | Public Ropav color token for color.lime.9. |
|
|
267
|
+
| `--rp-color-lime-9-contrast` | `derived.color.lime.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-9-contrast. |
|
|
268
|
+
| `--rp-color-lime-contrast` | `derived.color.lime.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-contrast. |
|
|
269
|
+
| `--rp-color-lime-filled` | `derived.color.lime.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-filled. |
|
|
270
|
+
| `--rp-color-lime-filled-hover` | `derived.color.lime.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-filled-hover. |
|
|
271
|
+
| `--rp-color-lime-light` | `derived.color.lime.light` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-light. |
|
|
272
|
+
| `--rp-color-lime-light-color` | `derived.color.lime.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-light-color. |
|
|
273
|
+
| `--rp-color-lime-light-hover` | `derived.color.lime.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-light-hover. |
|
|
274
|
+
| `--rp-color-lime-outline` | `derived.color.lime.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-outline. |
|
|
275
|
+
| `--rp-color-lime-outline-hover` | `derived.color.lime.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-lime-outline-hover. |
|
|
276
|
+
| `--rp-color-orange-0` | `color.orange.0` | color | all-themes | Public Ropav color token for color.orange.0. |
|
|
277
|
+
| `--rp-color-orange-0-contrast` | `derived.color.orange.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-0-contrast. |
|
|
278
|
+
| `--rp-color-orange-1` | `color.orange.1` | color | all-themes | Public Ropav color token for color.orange.1. |
|
|
279
|
+
| `--rp-color-orange-1-contrast` | `derived.color.orange.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-1-contrast. |
|
|
280
|
+
| `--rp-color-orange-2` | `color.orange.2` | color | all-themes | Public Ropav color token for color.orange.2. |
|
|
281
|
+
| `--rp-color-orange-2-contrast` | `derived.color.orange.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-2-contrast. |
|
|
282
|
+
| `--rp-color-orange-3` | `color.orange.3` | color | all-themes | Public Ropav color token for color.orange.3. |
|
|
283
|
+
| `--rp-color-orange-3-contrast` | `derived.color.orange.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-3-contrast. |
|
|
284
|
+
| `--rp-color-orange-4` | `color.orange.4` | color | all-themes | Public Ropav color token for color.orange.4. |
|
|
285
|
+
| `--rp-color-orange-4-contrast` | `derived.color.orange.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-4-contrast. |
|
|
286
|
+
| `--rp-color-orange-5` | `color.orange.5` | color | all-themes | Public Ropav color token for color.orange.5. |
|
|
287
|
+
| `--rp-color-orange-5-contrast` | `derived.color.orange.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-5-contrast. |
|
|
288
|
+
| `--rp-color-orange-6` | `color.orange.6` | color | all-themes | Public Ropav color token for color.orange.6. |
|
|
289
|
+
| `--rp-color-orange-6-contrast` | `derived.color.orange.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-6-contrast. |
|
|
290
|
+
| `--rp-color-orange-7` | `color.orange.7` | color | all-themes | Public Ropav color token for color.orange.7. |
|
|
291
|
+
| `--rp-color-orange-7-contrast` | `derived.color.orange.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-7-contrast. |
|
|
292
|
+
| `--rp-color-orange-8` | `color.orange.8` | color | all-themes | Public Ropav color token for color.orange.8. |
|
|
293
|
+
| `--rp-color-orange-8-contrast` | `derived.color.orange.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-8-contrast. |
|
|
294
|
+
| `--rp-color-orange-9` | `color.orange.9` | color | all-themes | Public Ropav color token for color.orange.9. |
|
|
295
|
+
| `--rp-color-orange-9-contrast` | `derived.color.orange.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-9-contrast. |
|
|
296
|
+
| `--rp-color-orange-contrast` | `derived.color.orange.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-contrast. |
|
|
297
|
+
| `--rp-color-orange-filled` | `derived.color.orange.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-filled. |
|
|
298
|
+
| `--rp-color-orange-filled-hover` | `derived.color.orange.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-filled-hover. |
|
|
299
|
+
| `--rp-color-orange-light` | `derived.color.orange.light` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-light. |
|
|
300
|
+
| `--rp-color-orange-light-color` | `derived.color.orange.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-light-color. |
|
|
301
|
+
| `--rp-color-orange-light-hover` | `derived.color.orange.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-light-hover. |
|
|
302
|
+
| `--rp-color-orange-outline` | `derived.color.orange.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-outline. |
|
|
303
|
+
| `--rp-color-orange-outline-hover` | `derived.color.orange.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-orange-outline-hover. |
|
|
304
|
+
| `--rp-color-pink-0` | `color.pink.0` | color | all-themes | Public Ropav color token for color.pink.0. |
|
|
305
|
+
| `--rp-color-pink-0-contrast` | `derived.color.pink.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-0-contrast. |
|
|
306
|
+
| `--rp-color-pink-1` | `color.pink.1` | color | all-themes | Public Ropav color token for color.pink.1. |
|
|
307
|
+
| `--rp-color-pink-1-contrast` | `derived.color.pink.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-1-contrast. |
|
|
308
|
+
| `--rp-color-pink-2` | `color.pink.2` | color | all-themes | Public Ropav color token for color.pink.2. |
|
|
309
|
+
| `--rp-color-pink-2-contrast` | `derived.color.pink.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-2-contrast. |
|
|
310
|
+
| `--rp-color-pink-3` | `color.pink.3` | color | all-themes | Public Ropav color token for color.pink.3. |
|
|
311
|
+
| `--rp-color-pink-3-contrast` | `derived.color.pink.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-3-contrast. |
|
|
312
|
+
| `--rp-color-pink-4` | `color.pink.4` | color | all-themes | Public Ropav color token for color.pink.4. |
|
|
313
|
+
| `--rp-color-pink-4-contrast` | `derived.color.pink.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-4-contrast. |
|
|
314
|
+
| `--rp-color-pink-5` | `color.pink.5` | color | all-themes | Public Ropav color token for color.pink.5. |
|
|
315
|
+
| `--rp-color-pink-5-contrast` | `derived.color.pink.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-5-contrast. |
|
|
316
|
+
| `--rp-color-pink-6` | `color.pink.6` | color | all-themes | Public Ropav color token for color.pink.6. |
|
|
317
|
+
| `--rp-color-pink-6-contrast` | `derived.color.pink.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-6-contrast. |
|
|
318
|
+
| `--rp-color-pink-7` | `color.pink.7` | color | all-themes | Public Ropav color token for color.pink.7. |
|
|
319
|
+
| `--rp-color-pink-7-contrast` | `derived.color.pink.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-7-contrast. |
|
|
320
|
+
| `--rp-color-pink-8` | `color.pink.8` | color | all-themes | Public Ropav color token for color.pink.8. |
|
|
321
|
+
| `--rp-color-pink-8-contrast` | `derived.color.pink.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-8-contrast. |
|
|
322
|
+
| `--rp-color-pink-9` | `color.pink.9` | color | all-themes | Public Ropav color token for color.pink.9. |
|
|
323
|
+
| `--rp-color-pink-9-contrast` | `derived.color.pink.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-9-contrast. |
|
|
324
|
+
| `--rp-color-pink-contrast` | `derived.color.pink.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-contrast. |
|
|
325
|
+
| `--rp-color-pink-filled` | `derived.color.pink.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-filled. |
|
|
326
|
+
| `--rp-color-pink-filled-hover` | `derived.color.pink.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-filled-hover. |
|
|
327
|
+
| `--rp-color-pink-light` | `derived.color.pink.light` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-light. |
|
|
328
|
+
| `--rp-color-pink-light-color` | `derived.color.pink.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-light-color. |
|
|
329
|
+
| `--rp-color-pink-light-hover` | `derived.color.pink.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-light-hover. |
|
|
330
|
+
| `--rp-color-pink-outline` | `derived.color.pink.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-outline. |
|
|
331
|
+
| `--rp-color-pink-outline-hover` | `derived.color.pink.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-pink-outline-hover. |
|
|
332
|
+
| `--rp-color-placeholder` | `derived.color.placeholder` | color | light-and-dark | Derived public Ropav color token --rp-color-placeholder. |
|
|
333
|
+
| `--rp-color-red-0` | `color.red.0` | color | all-themes | Public Ropav color token for color.red.0. |
|
|
334
|
+
| `--rp-color-red-0-contrast` | `derived.color.red.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-0-contrast. |
|
|
335
|
+
| `--rp-color-red-1` | `color.red.1` | color | all-themes | Public Ropav color token for color.red.1. |
|
|
336
|
+
| `--rp-color-red-1-contrast` | `derived.color.red.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-1-contrast. |
|
|
337
|
+
| `--rp-color-red-2` | `color.red.2` | color | all-themes | Public Ropav color token for color.red.2. |
|
|
338
|
+
| `--rp-color-red-2-contrast` | `derived.color.red.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-2-contrast. |
|
|
339
|
+
| `--rp-color-red-3` | `color.red.3` | color | all-themes | Public Ropav color token for color.red.3. |
|
|
340
|
+
| `--rp-color-red-3-contrast` | `derived.color.red.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-3-contrast. |
|
|
341
|
+
| `--rp-color-red-4` | `color.red.4` | color | all-themes | Public Ropav color token for color.red.4. |
|
|
342
|
+
| `--rp-color-red-4-contrast` | `derived.color.red.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-4-contrast. |
|
|
343
|
+
| `--rp-color-red-5` | `color.red.5` | color | all-themes | Public Ropav color token for color.red.5. |
|
|
344
|
+
| `--rp-color-red-5-contrast` | `derived.color.red.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-5-contrast. |
|
|
345
|
+
| `--rp-color-red-6` | `color.red.6` | color | all-themes | Public Ropav color token for color.red.6. |
|
|
346
|
+
| `--rp-color-red-6-contrast` | `derived.color.red.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-6-contrast. |
|
|
347
|
+
| `--rp-color-red-7` | `color.red.7` | color | all-themes | Public Ropav color token for color.red.7. |
|
|
348
|
+
| `--rp-color-red-7-contrast` | `derived.color.red.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-7-contrast. |
|
|
349
|
+
| `--rp-color-red-8` | `color.red.8` | color | all-themes | Public Ropav color token for color.red.8. |
|
|
350
|
+
| `--rp-color-red-8-contrast` | `derived.color.red.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-8-contrast. |
|
|
351
|
+
| `--rp-color-red-9` | `color.red.9` | color | all-themes | Public Ropav color token for color.red.9. |
|
|
352
|
+
| `--rp-color-red-9-contrast` | `derived.color.red.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-9-contrast. |
|
|
353
|
+
| `--rp-color-red-contrast` | `derived.color.red.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-red-contrast. |
|
|
354
|
+
| `--rp-color-red-filled` | `derived.color.red.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-red-filled. |
|
|
355
|
+
| `--rp-color-red-filled-hover` | `derived.color.red.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-red-filled-hover. |
|
|
356
|
+
| `--rp-color-red-light` | `derived.color.red.light` | color | light-and-dark | Derived public Ropav color token --rp-color-red-light. |
|
|
357
|
+
| `--rp-color-red-light-color` | `derived.color.red.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-red-light-color. |
|
|
358
|
+
| `--rp-color-red-light-hover` | `derived.color.red.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-red-light-hover. |
|
|
359
|
+
| `--rp-color-red-outline` | `derived.color.red.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-red-outline. |
|
|
360
|
+
| `--rp-color-red-outline-hover` | `derived.color.red.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-red-outline-hover. |
|
|
361
|
+
| `--rp-color-scheme` | `derived.color.scheme` | string | light-and-dark | Active Ropav color scheme (`light` or `dark`). |
|
|
362
|
+
| `--rp-color-teal-0` | `color.teal.0` | color | all-themes | Public Ropav color token for color.teal.0. |
|
|
363
|
+
| `--rp-color-teal-0-contrast` | `derived.color.teal.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-0-contrast. |
|
|
364
|
+
| `--rp-color-teal-1` | `color.teal.1` | color | all-themes | Public Ropav color token for color.teal.1. |
|
|
365
|
+
| `--rp-color-teal-1-contrast` | `derived.color.teal.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-1-contrast. |
|
|
366
|
+
| `--rp-color-teal-2` | `color.teal.2` | color | all-themes | Public Ropav color token for color.teal.2. |
|
|
367
|
+
| `--rp-color-teal-2-contrast` | `derived.color.teal.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-2-contrast. |
|
|
368
|
+
| `--rp-color-teal-3` | `color.teal.3` | color | all-themes | Public Ropav color token for color.teal.3. |
|
|
369
|
+
| `--rp-color-teal-3-contrast` | `derived.color.teal.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-3-contrast. |
|
|
370
|
+
| `--rp-color-teal-4` | `color.teal.4` | color | all-themes | Public Ropav color token for color.teal.4. |
|
|
371
|
+
| `--rp-color-teal-4-contrast` | `derived.color.teal.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-4-contrast. |
|
|
372
|
+
| `--rp-color-teal-5` | `color.teal.5` | color | all-themes | Public Ropav color token for color.teal.5. |
|
|
373
|
+
| `--rp-color-teal-5-contrast` | `derived.color.teal.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-5-contrast. |
|
|
374
|
+
| `--rp-color-teal-6` | `color.teal.6` | color | all-themes | Public Ropav color token for color.teal.6. |
|
|
375
|
+
| `--rp-color-teal-6-contrast` | `derived.color.teal.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-6-contrast. |
|
|
376
|
+
| `--rp-color-teal-7` | `color.teal.7` | color | all-themes | Public Ropav color token for color.teal.7. |
|
|
377
|
+
| `--rp-color-teal-7-contrast` | `derived.color.teal.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-7-contrast. |
|
|
378
|
+
| `--rp-color-teal-8` | `color.teal.8` | color | all-themes | Public Ropav color token for color.teal.8. |
|
|
379
|
+
| `--rp-color-teal-8-contrast` | `derived.color.teal.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-8-contrast. |
|
|
380
|
+
| `--rp-color-teal-9` | `color.teal.9` | color | all-themes | Public Ropav color token for color.teal.9. |
|
|
381
|
+
| `--rp-color-teal-9-contrast` | `derived.color.teal.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-9-contrast. |
|
|
382
|
+
| `--rp-color-teal-contrast` | `derived.color.teal.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-contrast. |
|
|
383
|
+
| `--rp-color-teal-filled` | `derived.color.teal.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-filled. |
|
|
384
|
+
| `--rp-color-teal-filled-hover` | `derived.color.teal.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-filled-hover. |
|
|
385
|
+
| `--rp-color-teal-light` | `derived.color.teal.light` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-light. |
|
|
386
|
+
| `--rp-color-teal-light-color` | `derived.color.teal.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-light-color. |
|
|
387
|
+
| `--rp-color-teal-light-hover` | `derived.color.teal.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-light-hover. |
|
|
388
|
+
| `--rp-color-teal-outline` | `derived.color.teal.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-outline. |
|
|
389
|
+
| `--rp-color-teal-outline-hover` | `derived.color.teal.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-teal-outline-hover. |
|
|
390
|
+
| `--rp-color-text` | `derived.color.text` | color | light-and-dark | Derived public Ropav color token --rp-color-text. |
|
|
391
|
+
| `--rp-color-violet-0` | `color.violet.0` | color | all-themes | Public Ropav color token for color.violet.0. |
|
|
392
|
+
| `--rp-color-violet-0-contrast` | `derived.color.violet.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-0-contrast. |
|
|
393
|
+
| `--rp-color-violet-1` | `color.violet.1` | color | all-themes | Public Ropav color token for color.violet.1. |
|
|
394
|
+
| `--rp-color-violet-1-contrast` | `derived.color.violet.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-1-contrast. |
|
|
395
|
+
| `--rp-color-violet-2` | `color.violet.2` | color | all-themes | Public Ropav color token for color.violet.2. |
|
|
396
|
+
| `--rp-color-violet-2-contrast` | `derived.color.violet.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-2-contrast. |
|
|
397
|
+
| `--rp-color-violet-3` | `color.violet.3` | color | all-themes | Public Ropav color token for color.violet.3. |
|
|
398
|
+
| `--rp-color-violet-3-contrast` | `derived.color.violet.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-3-contrast. |
|
|
399
|
+
| `--rp-color-violet-4` | `color.violet.4` | color | all-themes | Public Ropav color token for color.violet.4. |
|
|
400
|
+
| `--rp-color-violet-4-contrast` | `derived.color.violet.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-4-contrast. |
|
|
401
|
+
| `--rp-color-violet-5` | `color.violet.5` | color | all-themes | Public Ropav color token for color.violet.5. |
|
|
402
|
+
| `--rp-color-violet-5-contrast` | `derived.color.violet.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-5-contrast. |
|
|
403
|
+
| `--rp-color-violet-6` | `color.violet.6` | color | all-themes | Public Ropav color token for color.violet.6. |
|
|
404
|
+
| `--rp-color-violet-6-contrast` | `derived.color.violet.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-6-contrast. |
|
|
405
|
+
| `--rp-color-violet-7` | `color.violet.7` | color | all-themes | Public Ropav color token for color.violet.7. |
|
|
406
|
+
| `--rp-color-violet-7-contrast` | `derived.color.violet.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-7-contrast. |
|
|
407
|
+
| `--rp-color-violet-8` | `color.violet.8` | color | all-themes | Public Ropav color token for color.violet.8. |
|
|
408
|
+
| `--rp-color-violet-8-contrast` | `derived.color.violet.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-8-contrast. |
|
|
409
|
+
| `--rp-color-violet-9` | `color.violet.9` | color | all-themes | Public Ropav color token for color.violet.9. |
|
|
410
|
+
| `--rp-color-violet-9-contrast` | `derived.color.violet.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-9-contrast. |
|
|
411
|
+
| `--rp-color-violet-contrast` | `derived.color.violet.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-contrast. |
|
|
412
|
+
| `--rp-color-violet-filled` | `derived.color.violet.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-filled. |
|
|
413
|
+
| `--rp-color-violet-filled-hover` | `derived.color.violet.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-filled-hover. |
|
|
414
|
+
| `--rp-color-violet-light` | `derived.color.violet.light` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-light. |
|
|
415
|
+
| `--rp-color-violet-light-color` | `derived.color.violet.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-light-color. |
|
|
416
|
+
| `--rp-color-violet-light-hover` | `derived.color.violet.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-light-hover. |
|
|
417
|
+
| `--rp-color-violet-outline` | `derived.color.violet.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-outline. |
|
|
418
|
+
| `--rp-color-violet-outline-hover` | `derived.color.violet.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-violet-outline-hover. |
|
|
419
|
+
| `--rp-color-white` | `color.white` | color | all-themes | Public Ropav color token for color.white. |
|
|
420
|
+
| `--rp-color-yellow-0` | `color.yellow.0` | color | all-themes | Public Ropav color token for color.yellow.0. |
|
|
421
|
+
| `--rp-color-yellow-0-contrast` | `derived.color.yellow.0.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-0-contrast. |
|
|
422
|
+
| `--rp-color-yellow-1` | `color.yellow.1` | color | all-themes | Public Ropav color token for color.yellow.1. |
|
|
423
|
+
| `--rp-color-yellow-1-contrast` | `derived.color.yellow.1.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-1-contrast. |
|
|
424
|
+
| `--rp-color-yellow-2` | `color.yellow.2` | color | all-themes | Public Ropav color token for color.yellow.2. |
|
|
425
|
+
| `--rp-color-yellow-2-contrast` | `derived.color.yellow.2.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-2-contrast. |
|
|
426
|
+
| `--rp-color-yellow-3` | `color.yellow.3` | color | all-themes | Public Ropav color token for color.yellow.3. |
|
|
427
|
+
| `--rp-color-yellow-3-contrast` | `derived.color.yellow.3.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-3-contrast. |
|
|
428
|
+
| `--rp-color-yellow-4` | `color.yellow.4` | color | all-themes | Public Ropav color token for color.yellow.4. |
|
|
429
|
+
| `--rp-color-yellow-4-contrast` | `derived.color.yellow.4.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-4-contrast. |
|
|
430
|
+
| `--rp-color-yellow-5` | `color.yellow.5` | color | all-themes | Public Ropav color token for color.yellow.5. |
|
|
431
|
+
| `--rp-color-yellow-5-contrast` | `derived.color.yellow.5.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-5-contrast. |
|
|
432
|
+
| `--rp-color-yellow-6` | `color.yellow.6` | color | all-themes | Public Ropav color token for color.yellow.6. |
|
|
433
|
+
| `--rp-color-yellow-6-contrast` | `derived.color.yellow.6.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-6-contrast. |
|
|
434
|
+
| `--rp-color-yellow-7` | `color.yellow.7` | color | all-themes | Public Ropav color token for color.yellow.7. |
|
|
435
|
+
| `--rp-color-yellow-7-contrast` | `derived.color.yellow.7.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-7-contrast. |
|
|
436
|
+
| `--rp-color-yellow-8` | `color.yellow.8` | color | all-themes | Public Ropav color token for color.yellow.8. |
|
|
437
|
+
| `--rp-color-yellow-8-contrast` | `derived.color.yellow.8.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-8-contrast. |
|
|
438
|
+
| `--rp-color-yellow-9` | `color.yellow.9` | color | all-themes | Public Ropav color token for color.yellow.9. |
|
|
439
|
+
| `--rp-color-yellow-9-contrast` | `derived.color.yellow.9.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-9-contrast. |
|
|
440
|
+
| `--rp-color-yellow-contrast` | `derived.color.yellow.contrast` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-contrast. |
|
|
441
|
+
| `--rp-color-yellow-filled` | `derived.color.yellow.filled` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-filled. |
|
|
442
|
+
| `--rp-color-yellow-filled-hover` | `derived.color.yellow.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-filled-hover. |
|
|
443
|
+
| `--rp-color-yellow-light` | `derived.color.yellow.light` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-light. |
|
|
444
|
+
| `--rp-color-yellow-light-color` | `derived.color.yellow.light.color` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-light-color. |
|
|
445
|
+
| `--rp-color-yellow-light-hover` | `derived.color.yellow.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-light-hover. |
|
|
446
|
+
| `--rp-color-yellow-outline` | `derived.color.yellow.outline` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-outline. |
|
|
447
|
+
| `--rp-color-yellow-outline-hover` | `derived.color.yellow.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-color-yellow-outline-hover. |
|
|
448
|
+
| `--rp-font-family` | `font.family.base` | fontFamily | all-themes | Public Ropav font token for font.family.base. |
|
|
449
|
+
| `--rp-font-size-lg` | `font.size.lg` | dimension | all-themes | Public Ropav font token for font.size.lg. |
|
|
450
|
+
| `--rp-font-size-md` | `font.size.md` | dimension | all-themes | Public Ropav font token for font.size.md. |
|
|
451
|
+
| `--rp-font-size-sm` | `font.size.sm` | dimension | all-themes | Public Ropav font token for font.size.sm. |
|
|
452
|
+
| `--rp-font-size-xl` | `font.size.xl` | dimension | all-themes | Public Ropav font token for font.size.xl. |
|
|
453
|
+
| `--rp-font-size-xs` | `font.size.xs` | dimension | all-themes | Public Ropav font token for font.size.xs. |
|
|
454
|
+
| `--rp-font-weight-bold` | `font.weight.bold` | fontWeight | all-themes | Public Ropav font token for font.weight.bold. |
|
|
455
|
+
| `--rp-font-weight-medium` | `font.weight.medium` | fontWeight | all-themes | Public Ropav font token for font.weight.medium. |
|
|
456
|
+
| `--rp-font-weight-normal` | `font.weight.normal` | fontWeight | all-themes | Public Ropav font token for font.weight.normal. |
|
|
457
|
+
| `--rp-font-weight-semibold` | `font.weight.semibold` | fontWeight | all-themes | Public Ropav font token for font.weight.semibold. |
|
|
458
|
+
| `--rp-h1-font-size` | `heading.h1.font-size` | dimension | all-themes | Public Ropav heading token for heading.h1.font-size. |
|
|
459
|
+
| `--rp-h1-font-weight` | `heading.h1.font-weight` | fontWeight | all-themes | Public Ropav heading token for heading.h1.font-weight. |
|
|
460
|
+
| `--rp-h1-line-height` | `heading.h1.line-height` | number | all-themes | Public Ropav heading token for heading.h1.line-height. |
|
|
461
|
+
| `--rp-h2-font-size` | `heading.h2.font-size` | dimension | all-themes | Public Ropav heading token for heading.h2.font-size. |
|
|
462
|
+
| `--rp-h2-font-weight` | `heading.h2.font-weight` | fontWeight | all-themes | Public Ropav heading token for heading.h2.font-weight. |
|
|
463
|
+
| `--rp-h2-line-height` | `heading.h2.line-height` | number | all-themes | Public Ropav heading token for heading.h2.line-height. |
|
|
464
|
+
| `--rp-h3-font-size` | `heading.h3.font-size` | dimension | all-themes | Public Ropav heading token for heading.h3.font-size. |
|
|
465
|
+
| `--rp-h3-font-weight` | `heading.h3.font-weight` | fontWeight | all-themes | Public Ropav heading token for heading.h3.font-weight. |
|
|
466
|
+
| `--rp-h3-line-height` | `heading.h3.line-height` | number | all-themes | Public Ropav heading token for heading.h3.line-height. |
|
|
467
|
+
| `--rp-h4-font-size` | `heading.h4.font-size` | dimension | all-themes | Public Ropav heading token for heading.h4.font-size. |
|
|
468
|
+
| `--rp-h4-font-weight` | `heading.h4.font-weight` | fontWeight | all-themes | Public Ropav heading token for heading.h4.font-weight. |
|
|
469
|
+
| `--rp-h4-line-height` | `heading.h4.line-height` | number | all-themes | Public Ropav heading token for heading.h4.line-height. |
|
|
470
|
+
| `--rp-h5-font-size` | `heading.h5.font-size` | dimension | all-themes | Public Ropav heading token for heading.h5.font-size. |
|
|
471
|
+
| `--rp-h5-font-weight` | `heading.h5.font-weight` | fontWeight | all-themes | Public Ropav heading token for heading.h5.font-weight. |
|
|
472
|
+
| `--rp-h5-line-height` | `heading.h5.line-height` | number | all-themes | Public Ropav heading token for heading.h5.line-height. |
|
|
473
|
+
| `--rp-h6-font-size` | `heading.h6.font-size` | dimension | all-themes | Public Ropav heading token for heading.h6.font-size. |
|
|
474
|
+
| `--rp-h6-font-weight` | `heading.h6.font-weight` | fontWeight | all-themes | Public Ropav heading token for heading.h6.font-weight. |
|
|
475
|
+
| `--rp-h6-line-height` | `heading.h6.line-height` | number | all-themes | Public Ropav heading token for heading.h6.line-height. |
|
|
476
|
+
| `--rp-line-height-lg` | `line-height.lg` | number | all-themes | Public Ropav line-height token for line-height.lg. |
|
|
477
|
+
| `--rp-line-height-md` | `line-height.md` | number | all-themes | Public Ropav line-height token for line-height.md. |
|
|
478
|
+
| `--rp-line-height-sm` | `line-height.sm` | number | all-themes | Public Ropav line-height token for line-height.sm. |
|
|
479
|
+
| `--rp-line-height-xl` | `line-height.xl` | number | all-themes | Public Ropav line-height token for line-height.xl. |
|
|
480
|
+
| `--rp-line-height-xs` | `line-height.xs` | number | all-themes | Public Ropav line-height token for line-height.xs. |
|
|
481
|
+
| `--rp-opacity-disabled` | `opacity.disabled` | number | all-themes | Public Ropav opacity token for opacity.disabled. |
|
|
482
|
+
| `--rp-primary-color-0` | `derived.primary.color.0` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-0. |
|
|
483
|
+
| `--rp-primary-color-1` | `derived.primary.color.1` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-1. |
|
|
484
|
+
| `--rp-primary-color-2` | `derived.primary.color.2` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-2. |
|
|
485
|
+
| `--rp-primary-color-3` | `derived.primary.color.3` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-3. |
|
|
486
|
+
| `--rp-primary-color-4` | `derived.primary.color.4` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-4. |
|
|
487
|
+
| `--rp-primary-color-5` | `derived.primary.color.5` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-5. |
|
|
488
|
+
| `--rp-primary-color-6` | `derived.primary.color.6` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-6. |
|
|
489
|
+
| `--rp-primary-color-7` | `derived.primary.color.7` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-7. |
|
|
490
|
+
| `--rp-primary-color-8` | `derived.primary.color.8` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-8. |
|
|
491
|
+
| `--rp-primary-color-9` | `derived.primary.color.9` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-9. |
|
|
492
|
+
| `--rp-primary-color-contrast` | `derived.primary.color.contrast` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-contrast. |
|
|
493
|
+
| `--rp-primary-color-filled` | `derived.primary.color.filled` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-filled. |
|
|
494
|
+
| `--rp-primary-color-filled-hover` | `derived.primary.color.filled.hover` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-filled-hover. |
|
|
495
|
+
| `--rp-primary-color-light` | `derived.primary.color.light` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-light. |
|
|
496
|
+
| `--rp-primary-color-light-color` | `derived.primary.color.light.color` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-light-color. |
|
|
497
|
+
| `--rp-primary-color-light-hover` | `derived.primary.color.light.hover` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-light-hover. |
|
|
498
|
+
| `--rp-primary-color-outline` | `derived.primary.color.outline` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-outline. |
|
|
499
|
+
| `--rp-primary-color-outline-hover` | `derived.primary.color.outline.hover` | color | light-and-dark | Derived public Ropav color token --rp-primary-color-outline-hover. |
|
|
500
|
+
| `--rp-radius-full` | `radius.full` | dimension | all-themes | Public Ropav radius token for radius.full. |
|
|
501
|
+
| `--rp-radius-lg` | `radius.lg` | dimension | all-themes | Public Ropav radius token for radius.lg. |
|
|
502
|
+
| `--rp-radius-md` | `radius.md` | dimension | all-themes | Public Ropav radius token for radius.md. |
|
|
503
|
+
| `--rp-radius-none` | `radius.none` | dimension | all-themes | Public Ropav radius token for radius.none. |
|
|
504
|
+
| `--rp-radius-sm` | `radius.sm` | dimension | all-themes | Public Ropav radius token for radius.sm. |
|
|
505
|
+
| `--rp-radius-xl` | `radius.xl` | dimension | all-themes | Public Ropav radius token for radius.xl. |
|
|
506
|
+
| `--rp-radius-xs` | `radius.xs` | dimension | all-themes | Public Ropav radius token for radius.xs. |
|
|
507
|
+
| `--rp-shadow-base` | `shadow.base` | shadow | light-and-dark | Public Ropav shadow token for shadow.base. |
|
|
508
|
+
| `--rp-shadow-lg` | `shadow.lg` | shadow | light-and-dark | Public Ropav shadow token for shadow.lg. |
|
|
509
|
+
| `--rp-shadow-md` | `shadow.md` | shadow | light-and-dark | Public Ropav shadow token for shadow.md. |
|
|
510
|
+
| `--rp-shadow-sm` | `shadow.sm` | shadow | light-and-dark | Public Ropav shadow token for shadow.sm. |
|
|
511
|
+
| `--rp-size-control-lg` | `size.control.lg` | dimension | all-themes | Public Ropav size token for size.control.lg. |
|
|
512
|
+
| `--rp-size-control-md` | `size.control.md` | dimension | all-themes | Public Ropav size token for size.control.md. |
|
|
513
|
+
| `--rp-size-control-sm` | `size.control.sm` | dimension | all-themes | Public Ropav size token for size.control.sm. |
|
|
514
|
+
| `--rp-size-control-xl` | `size.control.xl` | dimension | all-themes | Public Ropav size token for size.control.xl. |
|
|
515
|
+
| `--rp-size-control-xs` | `size.control.xs` | dimension | all-themes | Public Ropav size token for size.control.xs. |
|
|
516
|
+
| `--rp-spacing-0` | `spacing.0` | dimension | all-themes | Public Ropav spacing token for spacing.0. |
|
|
517
|
+
| `--rp-spacing-1` | `spacing.1` | dimension | all-themes | Public Ropav spacing token for spacing.1. |
|
|
518
|
+
| `--rp-spacing-10` | `spacing.10` | dimension | all-themes | Public Ropav spacing token for spacing.10. |
|
|
519
|
+
| `--rp-spacing-12` | `spacing.12` | dimension | all-themes | Public Ropav spacing token for spacing.12. |
|
|
520
|
+
| `--rp-spacing-2` | `spacing.2` | dimension | all-themes | Public Ropav spacing token for spacing.2. |
|
|
521
|
+
| `--rp-spacing-3` | `spacing.3` | dimension | all-themes | Public Ropav spacing token for spacing.3. |
|
|
522
|
+
| `--rp-spacing-4` | `spacing.4` | dimension | all-themes | Public Ropav spacing token for spacing.4. |
|
|
523
|
+
| `--rp-spacing-5` | `spacing.5` | dimension | all-themes | Public Ropav spacing token for spacing.5. |
|
|
524
|
+
| `--rp-spacing-6` | `spacing.6` | dimension | all-themes | Public Ropav spacing token for spacing.6. |
|
|
525
|
+
| `--rp-spacing-8` | `spacing.8` | dimension | all-themes | Public Ropav spacing token for spacing.8. |
|
|
526
|
+
| `--rp-transition-base` | `transition.base` | transition | all-themes | Public Ropav transition token for transition.base. |
|
|
527
|
+
| `--rp-transition-fast` | `transition.fast` | transition | all-themes | Public Ropav transition token for transition.fast. |
|
|
528
|
+
| `--rp-transition-slow` | `transition.slow` | transition | all-themes | Public Ropav transition token for transition.slow. |
|
|
529
|
+
|
|
530
|
+
## Component geometry variables
|
|
531
|
+
|
|
532
|
+
| Name | Component | Accepted value | Fallback | Description |
|
|
533
|
+
| -------------------------------- | ------------------- | -------------- | ------------------------------ | --------------------------------------------------------------- |
|
|
534
|
+
| `--rp-switch-track-width` | Switch | `<length>` | size preset track width | Width shared by the Switch track and thumb travel calculation. |
|
|
535
|
+
| `--rp-switch-track-height` | Switch | `<length>` | size preset track height | Height of the Switch track. |
|
|
536
|
+
| `--rp-switch-thumb-size` | Switch | `<length>` | size preset thumb size | Diameter of the Switch thumb. |
|
|
537
|
+
| `--rp-switch-thumb-offset` | Switch | `<length>` | 2px | Inset used for the Switch thumb at both ends of the track. |
|
|
538
|
+
| `--rp-slider-track-length` | Slider, RangeSlider | `<length>` | 160px | Minimum track length for a horizontal or vertical slider. |
|
|
539
|
+
| `--rp-slider-track-thickness` | Slider, RangeSlider | `<length>` | size preset track thickness | Thickness shared by the track and native range pseudo-elements. |
|
|
540
|
+
| `--rp-slider-thumb-size` | Slider, RangeSlider | `<length>` | size preset thumb size | Diameter shared by native and custom slider thumbs. |
|
|
541
|
+
| `--rp-slider-thumb-border-width` | Slider, RangeSlider | `<line-width>` | size preset thumb border width | Border width shared by native and custom slider thumbs. |
|
|
542
|
+
| `--rp-slider-thumb-padding` | Slider, RangeSlider | `<length>` | 0 | Inner padding for custom slider thumb content. |
|
|
543
|
+
| `--rp-slider-mark-size` | Slider, RangeSlider | `<length>` | size preset mark size | Diameter of slider marks. |
|
|
544
|
+
| `--rp-radio-control-size` | Radio | `<length>` | size preset control size | Diameter of the Radio control. |
|
|
545
|
+
| `--rp-radio-dot-size` | Radio | `<length>` | size preset dot size | Diameter of the checked Radio dot. |
|