@rarui/styles 2.2.5 → 2.3.0-rc.1
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/dist/decorators/addSprinkleAttributes.js +1 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +12240 -12164
- package/dist/index.js +1 -1
- package/dist/node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js +1 -0
- package/dist/node_modules/@vanilla-extract/private/dist/vanilla-extract-private.esm.js +1 -0
- package/dist/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js +1 -0
- package/dist/node_modules/rainbow-sprinkles/dist/createRuntimeFn-891c4670.esm.js +1 -0
- package/dist/packages/exhibition/avatar/index.js +1 -0
- package/dist/packages/exhibition/avatar/rarui-avatar.css +61 -0
- package/dist/packages/exhibition/avatar/rarui-avatar.css.js +1 -0
- package/dist/packages/exhibition/badge/index.js +1 -0
- package/dist/packages/exhibition/badge/rarui-badge.css +112 -0
- package/dist/packages/exhibition/badge/rarui-badge.css.js +1 -0
- package/dist/packages/exhibition/divider/index.js +1 -0
- package/dist/packages/exhibition/divider/rarui-divider.css +275 -0
- package/dist/packages/exhibition/divider/rarui-divider.css.js +1 -0
- package/dist/packages/exhibition/icon/index.js +1 -0
- package/dist/packages/exhibition/icon/rarui-icon.css +252 -0
- package/dist/packages/exhibition/icon/rarui-icon.css.js +1 -0
- package/dist/packages/exhibition/label/index.js +1 -0
- package/dist/packages/exhibition/label/rarui-label.css +20 -0
- package/dist/packages/exhibition/label/rarui-label.css.js +1 -0
- package/dist/packages/exhibition/stepper/index.js +1 -0
- package/dist/packages/exhibition/stepper/rarui-stepper.css +65 -0
- package/dist/packages/exhibition/stepper/rarui-stepper.css.js +1 -0
- package/dist/packages/exhibition/text/index.js +1 -0
- package/dist/packages/exhibition/text/rarui-text.css +535 -0
- package/dist/packages/exhibition/text/rarui-text.css.js +1 -0
- package/dist/packages/exhibition/title/index.js +1 -0
- package/dist/packages/exhibition/title/rarui-title.css +498 -0
- package/dist/packages/exhibition/title/rarui-title.css.js +1 -0
- package/dist/packages/exhibition/tooltip/index.js +1 -0
- package/dist/packages/exhibition/tooltip/rarui-tooltip.css +38 -0
- package/dist/packages/exhibition/tooltip/rarui-tooltip.css.js +1 -0
- package/dist/packages/feedback/progress/index.js +1 -0
- package/dist/packages/feedback/progress/rarui-progress.css +59 -0
- package/dist/packages/feedback/progress/rarui-progress.css.js +1 -0
- package/dist/packages/feedback/skeleton/index.js +1 -0
- package/dist/packages/feedback/skeleton/rarui-skeleton.css +139 -0
- package/dist/packages/feedback/skeleton/rarui-skeleton.css.js +1 -0
- package/dist/packages/feedback/status/index.js +1 -0
- package/dist/packages/feedback/status/rarui-status.css +108 -0
- package/dist/packages/feedback/status/rarui-status.css.js +1 -0
- package/dist/packages/feedback/toast/index.js +1 -0
- package/dist/packages/feedback/toast/rarui-toast.css +229 -0
- package/dist/packages/feedback/toast/rarui-toast.css.js +1 -0
- package/dist/packages/input/button/index.js +1 -0
- package/dist/packages/input/button/rarui-button.css +357 -0
- package/dist/packages/input/button/rarui-button.css.js +1 -0
- package/dist/packages/input/checkbox/index.js +1 -0
- package/dist/packages/input/checkbox/rarui-checkbox.css +88 -0
- package/dist/packages/input/checkbox/rarui-checkbox.css.js +1 -0
- package/dist/packages/input/chip/index.js +1 -0
- package/dist/packages/input/chip/rarui-chip.css +150 -0
- package/dist/packages/input/chip/rarui-chip.css.js +1 -0
- package/dist/packages/input/datepicker/index.js +1 -0
- package/dist/packages/input/datepicker/rarui-datepicker.css +186 -0
- package/dist/packages/input/datepicker/rarui-datepicker.css.js +1 -0
- package/dist/packages/input/dropdown/index.js +1 -0
- package/dist/packages/input/dropdown/rarui-dropdown.css +196 -0
- package/dist/packages/input/dropdown/rarui-dropdown.css.js +1 -0
- package/dist/packages/input/iconButton/index.js +1 -0
- package/dist/packages/input/iconButton/rarui-iconButton.css +356 -0
- package/dist/packages/input/iconButton/rarui-iconButton.css.js +1 -0
- package/dist/packages/input/input/index.js +1 -0
- package/dist/packages/input/input/rarui-input.css +171 -0
- package/dist/packages/input/input/rarui-input.css.js +1 -0
- package/dist/packages/input/radioButton/index.js +1 -0
- package/dist/packages/input/radioButton/rarui-radioButton.css +113 -0
- package/dist/packages/input/radioButton/rarui-radioButton.css.js +1 -0
- package/dist/packages/input/select/index.js +1 -0
- package/dist/packages/input/select/rarui-select.css +134 -0
- package/dist/packages/input/select/rarui-select.css.js +1 -0
- package/dist/packages/input/textarea/index.js +1 -0
- package/dist/packages/input/textarea/rarui-textarea.css +54 -0
- package/dist/packages/input/textarea/rarui-textarea.css.js +1 -0
- package/dist/packages/input/toggle/index.js +1 -0
- package/dist/packages/input/toggle/rarui-toggle.css +208 -0
- package/dist/packages/input/toggle/rarui-toggle.css.js +1 -0
- package/dist/packages/layout/box/index.js +1 -0
- package/dist/packages/layout/box/rarui-box.css +13346 -0
- package/dist/packages/layout/box/rarui-box.css.js +1 -0
- package/dist/packages/layout/sidebar/index.js +1 -0
- package/dist/packages/layout/sidebar/rarui-sidebar.css +212 -0
- package/dist/packages/layout/sidebar/rarui-sidebar.css.js +1 -0
- package/dist/packages/navigation/breadcrumb/index.js +1 -0
- package/dist/packages/navigation/breadcrumb/rarui-breadcrumb.css +39 -0
- package/dist/packages/navigation/breadcrumb/rarui-breadcrumb.css.js +1 -0
- package/dist/packages/navigation/link/index.js +1 -0
- package/dist/packages/navigation/link/rarui-link.css +45 -0
- package/dist/packages/navigation/link/rarui-link.css.js +1 -0
- package/dist/packages/navigation/pagination/index.js +1 -0
- package/dist/packages/navigation/pagination/rarui-pagination.css +73 -0
- package/dist/packages/navigation/pagination/rarui-pagination.css.js +1 -0
- package/dist/packages/navigation/sideNavigation/index.js +1 -0
- package/dist/packages/navigation/sideNavigation/rarui-sideNavigation.css +103 -0
- package/dist/packages/navigation/sideNavigation/rarui-sideNavigation.css.js +1 -0
- package/dist/packages/navigation/tabs/index.js +1 -0
- package/dist/packages/navigation/tabs/rarui-tabs.css +104 -0
- package/dist/packages/navigation/tabs/rarui-tabs.css.js +1 -0
- package/dist/packages/surface/accordion/index.js +1 -0
- package/dist/packages/surface/accordion/rarui-accordion.css +63 -0
- package/dist/packages/surface/accordion/rarui-accordion.css.js +1 -0
- package/dist/packages/surface/banner/index.js +1 -0
- package/dist/packages/surface/banner/rarui-banner.css +42 -0
- package/dist/packages/surface/banner/rarui-banner.css.js +1 -0
- package/dist/packages/surface/card/index.js +1 -0
- package/dist/packages/surface/card/rarui-card.css +422 -0
- package/dist/packages/surface/card/rarui-card.css.js +1 -0
- package/dist/packages/surface/modal/index.js +1 -0
- package/dist/packages/surface/modal/rarui-modal.css +169 -0
- package/dist/packages/surface/modal/rarui-modal.css.js +1 -0
- package/dist/themes/globals.css +165 -0
- package/dist/themes/globals.css.js +1 -0
- package/dist/themes/rarui-theme-dark.css +165 -0
- package/dist/themes/rarui-theme-dark.css.js +1 -0
- package/dist/utils/index.js +1 -0
- package/package.json +13 -5
- package/dist/accordion/index.css +0 -1
- package/dist/accordion/index.js +0 -1
- package/dist/avatar/index.css +0 -1
- package/dist/avatar/index.js +0 -1
- package/dist/badge/index.css +0 -1
- package/dist/badge/index.js +0 -1
- package/dist/banner/index.css +0 -1
- package/dist/banner/index.js +0 -1
- package/dist/box/index.css +0 -1
- package/dist/box/index.js +0 -1
- package/dist/breadcrumb/index.css +0 -1
- package/dist/breadcrumb/index.js +0 -1
- package/dist/button/index.css +0 -1
- package/dist/button/index.js +0 -1
- package/dist/card/index.css +0 -1
- package/dist/card/index.js +0 -1
- package/dist/checkbox/index.css +0 -1
- package/dist/checkbox/index.js +0 -1
- package/dist/chip/index.css +0 -1
- package/dist/chip/index.js +0 -1
- package/dist/datepicker/index.css +0 -1
- package/dist/datepicker/index.js +0 -1
- package/dist/divider/index.css +0 -1
- package/dist/divider/index.js +0 -1
- package/dist/dropdown/index.css +0 -1
- package/dist/dropdown/index.js +0 -1
- package/dist/esm/index.css +0 -1
- package/dist/esm/index.js +0 -1
- package/dist/esm/styles.css +0 -1
- package/dist/esm/themes/dark.css +0 -1
- package/dist/esm/themes/dark.js +0 -1
- package/dist/icon/index.css +0 -1
- package/dist/icon/index.js +0 -1
- package/dist/iconButton/index.css +0 -1
- package/dist/iconButton/index.js +0 -1
- package/dist/input/index.css +0 -1
- package/dist/input/index.js +0 -1
- package/dist/label/index.css +0 -1
- package/dist/label/index.js +0 -1
- package/dist/link/index.css +0 -1
- package/dist/link/index.js +0 -1
- package/dist/modal/index.css +0 -1
- package/dist/modal/index.js +0 -1
- package/dist/pagination/index.css +0 -1
- package/dist/pagination/index.js +0 -1
- package/dist/progress/index.css +0 -1
- package/dist/progress/index.js +0 -1
- package/dist/radioButton/index.css +0 -1
- package/dist/radioButton/index.js +0 -1
- package/dist/select/index.css +0 -1
- package/dist/select/index.js +0 -1
- package/dist/sideNavigation/index.css +0 -1
- package/dist/sideNavigation/index.js +0 -1
- package/dist/sidebar/index.css +0 -1
- package/dist/sidebar/index.js +0 -1
- package/dist/skeleton/index.css +0 -1
- package/dist/skeleton/index.js +0 -1
- package/dist/status/index.css +0 -1
- package/dist/status/index.js +0 -1
- package/dist/stepper/index.css +0 -1
- package/dist/stepper/index.js +0 -1
- package/dist/styles.css +0 -1
- package/dist/tabs/index.css +0 -1
- package/dist/tabs/index.js +0 -1
- package/dist/text/index.css +0 -1
- package/dist/text/index.js +0 -1
- package/dist/textarea/index.css +0 -1
- package/dist/textarea/index.js +0 -1
- package/dist/themes/dark.css +0 -1
- package/dist/themes/dark.d.ts +0 -9
- package/dist/themes/dark.js +0 -1
- package/dist/title/index.css +0 -1
- package/dist/title/index.js +0 -1
- package/dist/toast/index.css +0 -1
- package/dist/toast/index.js +0 -1
- package/dist/toggle/index.css +0 -1
- package/dist/toggle/index.js +0 -1
- package/dist/tooltip/index.css +0 -1
- package/dist/tooltip/index.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{sidebarSprinkle as r,sidebarStyles as s}from"./rarui-sidebar.css.js";var a={classnames:s,sprinkle:r};export{a as sidebar};
|
|
@@ -0,0 +1,212 @@
|
|
|
1
|
+
@keyframes rarui-sidebar_overlayAnimation__1n0cs414 {
|
|
2
|
+
0% {
|
|
3
|
+
opacity: 0;
|
|
4
|
+
}
|
|
5
|
+
100% {
|
|
6
|
+
opacity: 1;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
.rarui-sidebar_sidebar__1n0cs410 {
|
|
10
|
+
position: fixed;
|
|
11
|
+
display: flex;
|
|
12
|
+
flex-direction: column;
|
|
13
|
+
align-items: stretch;
|
|
14
|
+
height: 100%;
|
|
15
|
+
min-height: 100%;
|
|
16
|
+
width: 100%;
|
|
17
|
+
z-index: var(--rarui-zIndex-700);
|
|
18
|
+
top: 0;
|
|
19
|
+
opacity: 0;
|
|
20
|
+
overflow-y: auto;
|
|
21
|
+
box-sizing: border-box;
|
|
22
|
+
transition: opacity 300ms ease, transform 300ms ease;
|
|
23
|
+
background-color: var(--rarui-colors-surface-primary);
|
|
24
|
+
gap: var(--rarui-spacing-3xs);
|
|
25
|
+
}
|
|
26
|
+
.rarui-sidebar_sidebar_position_left__1n0cs411 {
|
|
27
|
+
left: 0;
|
|
28
|
+
transform: translateX(-100%);
|
|
29
|
+
}
|
|
30
|
+
.rarui-sidebar_sidebar_position_right__1n0cs412 {
|
|
31
|
+
right: 0;
|
|
32
|
+
transform: translateX(100%);
|
|
33
|
+
}
|
|
34
|
+
.rarui-sidebar_sidebar_open_true__1n0cs413 {
|
|
35
|
+
opacity: 1;
|
|
36
|
+
transform: translateX(0);
|
|
37
|
+
}
|
|
38
|
+
.rarui-sidebar_overlay__1n0cs415 {
|
|
39
|
+
position: fixed;
|
|
40
|
+
background-color: var(--rarui-colors-surface-overlay);
|
|
41
|
+
top: 0;
|
|
42
|
+
bottom: 0;
|
|
43
|
+
left: 0;
|
|
44
|
+
right: 0;
|
|
45
|
+
z-index: var(--rarui-zIndex-600);
|
|
46
|
+
border: none;
|
|
47
|
+
animation: rarui-sidebar_overlayAnimation__1n0cs414 0.5s ease;
|
|
48
|
+
}
|
|
49
|
+
@media screen and (min-width: 0px) {
|
|
50
|
+
.rarui-sidebar_maxWidth-xs__1n0cs41a {
|
|
51
|
+
max-width: var(--maxWidth-xs__1n0cs416);
|
|
52
|
+
}
|
|
53
|
+
.rarui-sidebar_zIndex-100-xs__1n0cs41e {
|
|
54
|
+
z-index: var(--rarui-zIndex-100);
|
|
55
|
+
}
|
|
56
|
+
.rarui-sidebar_zIndex-200-xs__1n0cs41i {
|
|
57
|
+
z-index: var(--rarui-zIndex-200);
|
|
58
|
+
}
|
|
59
|
+
.rarui-sidebar_zIndex-300-xs__1n0cs41m {
|
|
60
|
+
z-index: var(--rarui-zIndex-300);
|
|
61
|
+
}
|
|
62
|
+
.rarui-sidebar_zIndex-400-xs__1n0cs41q {
|
|
63
|
+
z-index: var(--rarui-zIndex-400);
|
|
64
|
+
}
|
|
65
|
+
.rarui-sidebar_zIndex-500-xs__1n0cs41u {
|
|
66
|
+
z-index: var(--rarui-zIndex-500);
|
|
67
|
+
}
|
|
68
|
+
.rarui-sidebar_zIndex-600-xs__1n0cs41y {
|
|
69
|
+
z-index: var(--rarui-zIndex-600);
|
|
70
|
+
}
|
|
71
|
+
.rarui-sidebar_zIndex-700-xs__1n0cs4112 {
|
|
72
|
+
z-index: var(--rarui-zIndex-700);
|
|
73
|
+
}
|
|
74
|
+
.rarui-sidebar_zIndex-800-xs__1n0cs4116 {
|
|
75
|
+
z-index: var(--rarui-zIndex-800);
|
|
76
|
+
}
|
|
77
|
+
.rarui-sidebar_zIndex-900-xs__1n0cs411a {
|
|
78
|
+
z-index: var(--rarui-zIndex-900);
|
|
79
|
+
}
|
|
80
|
+
.rarui-sidebar_padding-none-xs__1n0cs411e {
|
|
81
|
+
padding: 0;
|
|
82
|
+
}
|
|
83
|
+
.rarui-sidebar_padding-small-xs__1n0cs411i {
|
|
84
|
+
padding: var(--rarui-spacing-2xs);
|
|
85
|
+
}
|
|
86
|
+
.rarui-sidebar_padding-medium-xs__1n0cs411m {
|
|
87
|
+
padding: var(--rarui-spacing-xs);
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
@media screen and (min-width: 768px) {
|
|
91
|
+
.rarui-sidebar_maxWidth-md__1n0cs41b {
|
|
92
|
+
max-width: var(--maxWidth-md__1n0cs417);
|
|
93
|
+
}
|
|
94
|
+
.rarui-sidebar_zIndex-100-md__1n0cs41f {
|
|
95
|
+
z-index: var(--rarui-zIndex-100);
|
|
96
|
+
}
|
|
97
|
+
.rarui-sidebar_zIndex-200-md__1n0cs41j {
|
|
98
|
+
z-index: var(--rarui-zIndex-200);
|
|
99
|
+
}
|
|
100
|
+
.rarui-sidebar_zIndex-300-md__1n0cs41n {
|
|
101
|
+
z-index: var(--rarui-zIndex-300);
|
|
102
|
+
}
|
|
103
|
+
.rarui-sidebar_zIndex-400-md__1n0cs41r {
|
|
104
|
+
z-index: var(--rarui-zIndex-400);
|
|
105
|
+
}
|
|
106
|
+
.rarui-sidebar_zIndex-500-md__1n0cs41v {
|
|
107
|
+
z-index: var(--rarui-zIndex-500);
|
|
108
|
+
}
|
|
109
|
+
.rarui-sidebar_zIndex-600-md__1n0cs41z {
|
|
110
|
+
z-index: var(--rarui-zIndex-600);
|
|
111
|
+
}
|
|
112
|
+
.rarui-sidebar_zIndex-700-md__1n0cs4113 {
|
|
113
|
+
z-index: var(--rarui-zIndex-700);
|
|
114
|
+
}
|
|
115
|
+
.rarui-sidebar_zIndex-800-md__1n0cs4117 {
|
|
116
|
+
z-index: var(--rarui-zIndex-800);
|
|
117
|
+
}
|
|
118
|
+
.rarui-sidebar_zIndex-900-md__1n0cs411b {
|
|
119
|
+
z-index: var(--rarui-zIndex-900);
|
|
120
|
+
}
|
|
121
|
+
.rarui-sidebar_padding-none-md__1n0cs411f {
|
|
122
|
+
padding: 0;
|
|
123
|
+
}
|
|
124
|
+
.rarui-sidebar_padding-small-md__1n0cs411j {
|
|
125
|
+
padding: var(--rarui-spacing-2xs);
|
|
126
|
+
}
|
|
127
|
+
.rarui-sidebar_padding-medium-md__1n0cs411n {
|
|
128
|
+
padding: var(--rarui-spacing-xs);
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
@media screen and (min-width: 1200px) {
|
|
132
|
+
.rarui-sidebar_maxWidth-lg__1n0cs41c {
|
|
133
|
+
max-width: var(--maxWidth-lg__1n0cs418);
|
|
134
|
+
}
|
|
135
|
+
.rarui-sidebar_zIndex-100-lg__1n0cs41g {
|
|
136
|
+
z-index: var(--rarui-zIndex-100);
|
|
137
|
+
}
|
|
138
|
+
.rarui-sidebar_zIndex-200-lg__1n0cs41k {
|
|
139
|
+
z-index: var(--rarui-zIndex-200);
|
|
140
|
+
}
|
|
141
|
+
.rarui-sidebar_zIndex-300-lg__1n0cs41o {
|
|
142
|
+
z-index: var(--rarui-zIndex-300);
|
|
143
|
+
}
|
|
144
|
+
.rarui-sidebar_zIndex-400-lg__1n0cs41s {
|
|
145
|
+
z-index: var(--rarui-zIndex-400);
|
|
146
|
+
}
|
|
147
|
+
.rarui-sidebar_zIndex-500-lg__1n0cs41w {
|
|
148
|
+
z-index: var(--rarui-zIndex-500);
|
|
149
|
+
}
|
|
150
|
+
.rarui-sidebar_zIndex-600-lg__1n0cs4110 {
|
|
151
|
+
z-index: var(--rarui-zIndex-600);
|
|
152
|
+
}
|
|
153
|
+
.rarui-sidebar_zIndex-700-lg__1n0cs4114 {
|
|
154
|
+
z-index: var(--rarui-zIndex-700);
|
|
155
|
+
}
|
|
156
|
+
.rarui-sidebar_zIndex-800-lg__1n0cs4118 {
|
|
157
|
+
z-index: var(--rarui-zIndex-800);
|
|
158
|
+
}
|
|
159
|
+
.rarui-sidebar_zIndex-900-lg__1n0cs411c {
|
|
160
|
+
z-index: var(--rarui-zIndex-900);
|
|
161
|
+
}
|
|
162
|
+
.rarui-sidebar_padding-none-lg__1n0cs411g {
|
|
163
|
+
padding: 0;
|
|
164
|
+
}
|
|
165
|
+
.rarui-sidebar_padding-small-lg__1n0cs411k {
|
|
166
|
+
padding: var(--rarui-spacing-2xs);
|
|
167
|
+
}
|
|
168
|
+
.rarui-sidebar_padding-medium-lg__1n0cs411o {
|
|
169
|
+
padding: var(--rarui-spacing-xs);
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
@media screen and (min-width: 1400px) {
|
|
173
|
+
.rarui-sidebar_maxWidth-xl__1n0cs41d {
|
|
174
|
+
max-width: var(--maxWidth-xl__1n0cs419);
|
|
175
|
+
}
|
|
176
|
+
.rarui-sidebar_zIndex-100-xl__1n0cs41h {
|
|
177
|
+
z-index: var(--rarui-zIndex-100);
|
|
178
|
+
}
|
|
179
|
+
.rarui-sidebar_zIndex-200-xl__1n0cs41l {
|
|
180
|
+
z-index: var(--rarui-zIndex-200);
|
|
181
|
+
}
|
|
182
|
+
.rarui-sidebar_zIndex-300-xl__1n0cs41p {
|
|
183
|
+
z-index: var(--rarui-zIndex-300);
|
|
184
|
+
}
|
|
185
|
+
.rarui-sidebar_zIndex-400-xl__1n0cs41t {
|
|
186
|
+
z-index: var(--rarui-zIndex-400);
|
|
187
|
+
}
|
|
188
|
+
.rarui-sidebar_zIndex-500-xl__1n0cs41x {
|
|
189
|
+
z-index: var(--rarui-zIndex-500);
|
|
190
|
+
}
|
|
191
|
+
.rarui-sidebar_zIndex-600-xl__1n0cs4111 {
|
|
192
|
+
z-index: var(--rarui-zIndex-600);
|
|
193
|
+
}
|
|
194
|
+
.rarui-sidebar_zIndex-700-xl__1n0cs4115 {
|
|
195
|
+
z-index: var(--rarui-zIndex-700);
|
|
196
|
+
}
|
|
197
|
+
.rarui-sidebar_zIndex-800-xl__1n0cs4119 {
|
|
198
|
+
z-index: var(--rarui-zIndex-800);
|
|
199
|
+
}
|
|
200
|
+
.rarui-sidebar_zIndex-900-xl__1n0cs411d {
|
|
201
|
+
z-index: var(--rarui-zIndex-900);
|
|
202
|
+
}
|
|
203
|
+
.rarui-sidebar_padding-none-xl__1n0cs411h {
|
|
204
|
+
padding: 0;
|
|
205
|
+
}
|
|
206
|
+
.rarui-sidebar_padding-small-xl__1n0cs411l {
|
|
207
|
+
padding: var(--rarui-spacing-2xs);
|
|
208
|
+
}
|
|
209
|
+
.rarui-sidebar_padding-medium-xl__1n0cs411p {
|
|
210
|
+
padding: var(--rarui-spacing-xs);
|
|
211
|
+
}
|
|
212
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./../../../themes/globals.css";import"./rarui-sidebar.css";import{c as r}from"../../../node_modules/rainbow-sprinkles/dist/createRuntimeFn-891c4670.esm.js";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var i={none:"0",small:"var(--rarui-spacing-2xs)",medium:"var(--rarui-spacing-xs)"},d=r({config:{maxWidth:{dynamic:{default:"rarui-sidebar_maxWidth-xs__1n0cs41a",conditions:{xs:"rarui-sidebar_maxWidth-xs__1n0cs41a",md:"rarui-sidebar_maxWidth-md__1n0cs41b",lg:"rarui-sidebar_maxWidth-lg__1n0cs41c",xl:"rarui-sidebar_maxWidth-xl__1n0cs41d"}},name:"maxWidth",vars:{conditions:{xs:"var(--maxWidth-xs__1n0cs416)",md:"var(--maxWidth-md__1n0cs417)",lg:"var(--maxWidth-lg__1n0cs418)",xl:"var(--maxWidth-xl__1n0cs419)"},default:"var(--maxWidth-xs__1n0cs416)"},dynamicScale:!0},zIndex:{values:{100:{conditions:{xs:"rarui-sidebar_zIndex-100-xs__1n0cs41e",md:"rarui-sidebar_zIndex-100-md__1n0cs41f",lg:"rarui-sidebar_zIndex-100-lg__1n0cs41g",xl:"rarui-sidebar_zIndex-100-xl__1n0cs41h"},default:"rarui-sidebar_zIndex-100-xs__1n0cs41e"},200:{conditions:{xs:"rarui-sidebar_zIndex-200-xs__1n0cs41i",md:"rarui-sidebar_zIndex-200-md__1n0cs41j",lg:"rarui-sidebar_zIndex-200-lg__1n0cs41k",xl:"rarui-sidebar_zIndex-200-xl__1n0cs41l"},default:"rarui-sidebar_zIndex-200-xs__1n0cs41i"},300:{conditions:{xs:"rarui-sidebar_zIndex-300-xs__1n0cs41m",md:"rarui-sidebar_zIndex-300-md__1n0cs41n",lg:"rarui-sidebar_zIndex-300-lg__1n0cs41o",xl:"rarui-sidebar_zIndex-300-xl__1n0cs41p"},default:"rarui-sidebar_zIndex-300-xs__1n0cs41m"},400:{conditions:{xs:"rarui-sidebar_zIndex-400-xs__1n0cs41q",md:"rarui-sidebar_zIndex-400-md__1n0cs41r",lg:"rarui-sidebar_zIndex-400-lg__1n0cs41s",xl:"rarui-sidebar_zIndex-400-xl__1n0cs41t"},default:"rarui-sidebar_zIndex-400-xs__1n0cs41q"},500:{conditions:{xs:"rarui-sidebar_zIndex-500-xs__1n0cs41u",md:"rarui-sidebar_zIndex-500-md__1n0cs41v",lg:"rarui-sidebar_zIndex-500-lg__1n0cs41w",xl:"rarui-sidebar_zIndex-500-xl__1n0cs41x"},default:"rarui-sidebar_zIndex-500-xs__1n0cs41u"},600:{conditions:{xs:"rarui-sidebar_zIndex-600-xs__1n0cs41y",md:"rarui-sidebar_zIndex-600-md__1n0cs41z",lg:"rarui-sidebar_zIndex-600-lg__1n0cs4110",xl:"rarui-sidebar_zIndex-600-xl__1n0cs4111"},default:"rarui-sidebar_zIndex-600-xs__1n0cs41y"},700:{conditions:{xs:"rarui-sidebar_zIndex-700-xs__1n0cs4112",md:"rarui-sidebar_zIndex-700-md__1n0cs4113",lg:"rarui-sidebar_zIndex-700-lg__1n0cs4114",xl:"rarui-sidebar_zIndex-700-xl__1n0cs4115"},default:"rarui-sidebar_zIndex-700-xs__1n0cs4112"},800:{conditions:{xs:"rarui-sidebar_zIndex-800-xs__1n0cs4116",md:"rarui-sidebar_zIndex-800-md__1n0cs4117",lg:"rarui-sidebar_zIndex-800-lg__1n0cs4118",xl:"rarui-sidebar_zIndex-800-xl__1n0cs4119"},default:"rarui-sidebar_zIndex-800-xs__1n0cs4116"},900:{conditions:{xs:"rarui-sidebar_zIndex-900-xs__1n0cs411a",md:"rarui-sidebar_zIndex-900-md__1n0cs411b",lg:"rarui-sidebar_zIndex-900-lg__1n0cs411c",xl:"rarui-sidebar_zIndex-900-xl__1n0cs411d"},default:"rarui-sidebar_zIndex-900-xs__1n0cs411a"}},name:"zIndex",staticScale:{100:"var(--rarui-zIndex-100)",200:"var(--rarui-zIndex-200)",300:"var(--rarui-zIndex-300)",400:"var(--rarui-zIndex-400)",500:"var(--rarui-zIndex-500)",600:"var(--rarui-zIndex-600)",700:"var(--rarui-zIndex-700)",800:"var(--rarui-zIndex-800)",900:"var(--rarui-zIndex-900)"}},padding:{values:{none:{conditions:{xs:"rarui-sidebar_padding-none-xs__1n0cs411e",md:"rarui-sidebar_padding-none-md__1n0cs411f",lg:"rarui-sidebar_padding-none-lg__1n0cs411g",xl:"rarui-sidebar_padding-none-xl__1n0cs411h"},default:"rarui-sidebar_padding-none-xs__1n0cs411e"},small:{conditions:{xs:"rarui-sidebar_padding-small-xs__1n0cs411i",md:"rarui-sidebar_padding-small-md__1n0cs411j",lg:"rarui-sidebar_padding-small-lg__1n0cs411k",xl:"rarui-sidebar_padding-small-xl__1n0cs411l"},default:"rarui-sidebar_padding-small-xs__1n0cs411i"},medium:{conditions:{xs:"rarui-sidebar_padding-medium-xs__1n0cs411m",md:"rarui-sidebar_padding-medium-md__1n0cs411n",lg:"rarui-sidebar_padding-medium-lg__1n0cs411o",xl:"rarui-sidebar_padding-medium-xl__1n0cs411p"},default:"rarui-sidebar_padding-medium-xs__1n0cs411m"}},name:"padding",staticScale:i}}}),s={sidebar:a({defaultClassName:"rarui-sidebar_sidebar__1n0cs410",variantClassNames:{position:{left:"rarui-sidebar_sidebar_position_left__1n0cs411",right:"rarui-sidebar_sidebar_position_right__1n0cs412"},open:{true:"rarui-sidebar_sidebar_open_true__1n0cs413"}},defaultVariants:{},compoundVariants:[]}),overlay:"rarui-sidebar_overlay__1n0cs415"};export{i as sidebarPaddingProperties,d as sidebarSprinkle,s as sidebarStyles};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{breadcrumbStyles as r}from"./rarui-breadcrumb.css.js";var s={classnames:r};export{s as breadcrumb};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
.rarui-breadcrumb__s9ulv20 {
|
|
2
|
+
list-style: none;
|
|
3
|
+
display: flex;
|
|
4
|
+
align-items: center;
|
|
5
|
+
padding: 0;
|
|
6
|
+
margin: 0;
|
|
7
|
+
gap: var(--rarui-spacing-3xs);
|
|
8
|
+
}
|
|
9
|
+
.rarui-breadcrumb_item__s9ulv21 {
|
|
10
|
+
display: flex;
|
|
11
|
+
align-items: center;
|
|
12
|
+
cursor: pointer;
|
|
13
|
+
background-color: transparent;
|
|
14
|
+
border: none;
|
|
15
|
+
width: 100%;
|
|
16
|
+
transition: all 150ms ease;
|
|
17
|
+
text-decoration: underline;
|
|
18
|
+
box-sizing: border-box;
|
|
19
|
+
border-radius: var(--rarui-shape-border-radius-2xs);
|
|
20
|
+
gap: var(--rarui-spacing-3xs);
|
|
21
|
+
padding: var(--rarui-spacing-3xs);
|
|
22
|
+
color: var(--rarui-colors-content-secondary);
|
|
23
|
+
font-weight: var(--rarui-fontWeight-medium);
|
|
24
|
+
font-size: var(--rarui-fontSize-button-s);
|
|
25
|
+
font-family: var(--rarui-fontFamily-body);
|
|
26
|
+
}
|
|
27
|
+
.rarui-breadcrumb_item__s9ulv21:focus-within {
|
|
28
|
+
outline: none;
|
|
29
|
+
box-shadow: var(--rarui-elevation-focus-ring);
|
|
30
|
+
}
|
|
31
|
+
.rarui-breadcrumb_item__s9ulv21:hover {
|
|
32
|
+
color: var(--rarui-colors-content-brand);
|
|
33
|
+
}
|
|
34
|
+
.rarui-breadcrumb_item__s9ulv21:disabled {
|
|
35
|
+
color: var(--rarui-colors-content-disabled);
|
|
36
|
+
}
|
|
37
|
+
.rarui-breadcrumb_item_active_true__s9ulv22 {
|
|
38
|
+
color: var(--rarui-colors-content-brand);
|
|
39
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./../../../themes/globals.css";import"./rarui-breadcrumb.css";import{c as r}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var a={breadcrumb:"rarui-breadcrumb__s9ulv20",item:r({defaultClassName:"rarui-breadcrumb_item__s9ulv21",variantClassNames:{active:{true:"rarui-breadcrumb_item_active_true__s9ulv22"}},defaultVariants:{},compoundVariants:[]})};export{a as breadcrumbStyles};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__assign as r}from"tslib";import{styles as s}from"./rarui-link.css.js";var i={classnames:r({},s)};export{i as link};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
.rarui-link__ttd2ma0 {
|
|
2
|
+
display: flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
justify-content: center;
|
|
5
|
+
width: fit-content;
|
|
6
|
+
cursor: pointer;
|
|
7
|
+
position: relative;
|
|
8
|
+
gap: var(--rarui-spacing-4xs);
|
|
9
|
+
text-decoration: underline;
|
|
10
|
+
font-weight: var(--rarui-fontWeight-regular);
|
|
11
|
+
font-family: var(--rarui-fontFamily-body);
|
|
12
|
+
background-color: transparent;
|
|
13
|
+
border: none;
|
|
14
|
+
}
|
|
15
|
+
.rarui-link__ttd2ma0:hover {
|
|
16
|
+
text-decoration: none;
|
|
17
|
+
}
|
|
18
|
+
.rarui-link__ttd2ma0:disabled {
|
|
19
|
+
color: var(--rarui-colors-content-disabled);
|
|
20
|
+
cursor: not-allowed;
|
|
21
|
+
}
|
|
22
|
+
.rarui-link_appearance_brand__ttd2ma1 {
|
|
23
|
+
color: var(--rarui-colors-content-brand);
|
|
24
|
+
}
|
|
25
|
+
.rarui-link_appearance_neutral__ttd2ma2 {
|
|
26
|
+
color: var(--rarui-colors-content-primary);
|
|
27
|
+
}
|
|
28
|
+
.rarui-link_appearance_inverted__ttd2ma3 {
|
|
29
|
+
color: var(--rarui-colors-content-invert);
|
|
30
|
+
}
|
|
31
|
+
.rarui-link_size_large__ttd2ma4 {
|
|
32
|
+
font-size: 1.125rem;
|
|
33
|
+
line-height: 1.75rem;
|
|
34
|
+
letter-spacing: .0112rem;
|
|
35
|
+
}
|
|
36
|
+
.rarui-link_size_small__ttd2ma5 {
|
|
37
|
+
font-size: .875rem;
|
|
38
|
+
line-height: 1.25rem;
|
|
39
|
+
letter-spacing: .0088rem;
|
|
40
|
+
}
|
|
41
|
+
.rarui-link_size_medium__ttd2ma6 {
|
|
42
|
+
font-size: 1rem;
|
|
43
|
+
line-height: 1.5rem;
|
|
44
|
+
letter-spacing: .01rem;
|
|
45
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./../../../themes/globals.css";import"./rarui-link.css";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var r={link:a({defaultClassName:"rarui-link__ttd2ma0",variantClassNames:{appearance:{brand:"rarui-link_appearance_brand__ttd2ma1",neutral:"rarui-link_appearance_neutral__ttd2ma2",inverted:"rarui-link_appearance_inverted__ttd2ma3"},size:{large:"rarui-link_size_large__ttd2ma4",small:"rarui-link_size_small__ttd2ma5",medium:"rarui-link_size_medium__ttd2ma6"}},defaultVariants:{},compoundVariants:[]})};export{r as styles};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{paginationStyles as a}from"./rarui-pagination.css.js";var r={classnames:a};export{r as pagination};
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
.rarui-pagination_container__1s0rx9q0 {
|
|
2
|
+
display: flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
list-style-type: none;
|
|
5
|
+
margin: 0;
|
|
6
|
+
padding: 0;
|
|
7
|
+
gap: var(--rarui-spacing-4xs);
|
|
8
|
+
transition: all 150ms ease;
|
|
9
|
+
}
|
|
10
|
+
.rarui-pagination_container_size_dot__1s0rx9q1 {
|
|
11
|
+
gap: var(--rarui-spacing-xs);
|
|
12
|
+
}
|
|
13
|
+
.rarui-pagination_item__1s0rx9q4 {
|
|
14
|
+
cursor: pointer;
|
|
15
|
+
display: flex;
|
|
16
|
+
align-items: center;
|
|
17
|
+
justify-content: center;
|
|
18
|
+
background-color: transparent;
|
|
19
|
+
transition: all 150ms ease;
|
|
20
|
+
border: none;
|
|
21
|
+
color: var(--rarui-colors-content-primary);
|
|
22
|
+
border-radius: var(--rarui-shape-border-radius-2xs);
|
|
23
|
+
font-family: var(--rarui-fontFamily-body);
|
|
24
|
+
font-weight: var(--rarui-fontWeight-semiBold);
|
|
25
|
+
}
|
|
26
|
+
.rarui-pagination_item__1s0rx9q4:focus-within {
|
|
27
|
+
outline: none;
|
|
28
|
+
box-shadow: var(--rarui-elevation-focus-ring);
|
|
29
|
+
}
|
|
30
|
+
.rarui-pagination_item__1s0rx9q4:hover {
|
|
31
|
+
background-color: var(--rarui-colors-surface-brand-hover);
|
|
32
|
+
color: var(--rarui-colors-content-brand);
|
|
33
|
+
}
|
|
34
|
+
.rarui-pagination_item__1s0rx9q4:active {
|
|
35
|
+
background-color: var(--rarui-colors-surface-brand-press);
|
|
36
|
+
}
|
|
37
|
+
.rarui-pagination_item__1s0rx9q4:disabled {
|
|
38
|
+
cursor: not-allowed;
|
|
39
|
+
background-color: transparent;
|
|
40
|
+
color: var(--rarui-colors-content-disabled);
|
|
41
|
+
}
|
|
42
|
+
.rarui-pagination_item_selected_true__1s0rx9q5 {
|
|
43
|
+
background-color: var(--rarui-colors-surface-brand);
|
|
44
|
+
color: var(--rarui-colors-content-on-brand);
|
|
45
|
+
}
|
|
46
|
+
.rarui-pagination_item_selected_true__1s0rx9q5:hover {
|
|
47
|
+
background-color: var(--rarui-colors-surface-brand);
|
|
48
|
+
color: var(--rarui-colors-content-on-brand);
|
|
49
|
+
}
|
|
50
|
+
.rarui-pagination_item_size_dot__1s0rx9q6 {
|
|
51
|
+
width: 0.75rem;
|
|
52
|
+
height: 0.75rem;
|
|
53
|
+
border-radius: var(--rarui-shape-border-radius-pill);
|
|
54
|
+
background-color: var(--rarui-colors-content-disabled);
|
|
55
|
+
}
|
|
56
|
+
.rarui-pagination_item_size_small__1s0rx9q7 {
|
|
57
|
+
min-width: 2.5rem;
|
|
58
|
+
height: 2.5rem;
|
|
59
|
+
font-size: var(--rarui-fontSize-button-s);
|
|
60
|
+
}
|
|
61
|
+
.rarui-pagination_item_size_large__1s0rx9q8 {
|
|
62
|
+
min-width: 2.75rem;
|
|
63
|
+
height: 2.75rem;
|
|
64
|
+
font-size: var(--rarui-fontSize-button-m);
|
|
65
|
+
}
|
|
66
|
+
.rarui-pagination_item_compound_0__1s0rx9q9 {
|
|
67
|
+
width: 1.25rem;
|
|
68
|
+
background-color: var(--rarui-colors-content-brand);
|
|
69
|
+
}
|
|
70
|
+
.rarui-pagination_item_compound_0__1s0rx9q9:hover {
|
|
71
|
+
background-color: var(--rarui-colors-content-brand);
|
|
72
|
+
color: var(--rarui-colors-content-on-brand);
|
|
73
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./../../../themes/globals.css";import"./rarui-pagination.css";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";a({defaultClassName:"rarui-pagination_container__1s0rx9q0",variantClassNames:{size:{dot:"rarui-pagination_container_size_dot__1s0rx9q1",small:"rarui-pagination_container_size_small__1s0rx9q2",large:"rarui-pagination_container_size_large__1s0rx9q3"}},defaultVariants:{},compoundVariants:[]});var i={container:a({defaultClassName:"rarui-pagination_container__1s0rx9q0",variantClassNames:{size:{dot:"rarui-pagination_container_size_dot__1s0rx9q1",small:"rarui-pagination_container_size_small__1s0rx9q2",large:"rarui-pagination_container_size_large__1s0rx9q3"}},defaultVariants:{},compoundVariants:[]}),item:a({defaultClassName:"rarui-pagination_item__1s0rx9q4",variantClassNames:{selected:{true:"rarui-pagination_item_selected_true__1s0rx9q5"},size:{dot:"rarui-pagination_item_size_dot__1s0rx9q6",small:"rarui-pagination_item_size_small__1s0rx9q7",large:"rarui-pagination_item_size_large__1s0rx9q8"}},defaultVariants:{},compoundVariants:[[{size:"dot",selected:!0},"rarui-pagination_item_compound_0__1s0rx9q9"]]})};export{i as paginationStyles};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{sideNavigationStyles as s}from"./rarui-sideNavigation.css.js";var a={classnames:s};export{a as sideNavigation};
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
.rarui-sideNavigation__1ce544k0 {
|
|
2
|
+
padding: var(--rarui-spacing-2xs);
|
|
3
|
+
border-radius: var(--rarui-shape-border-radius-2xs);
|
|
4
|
+
font-family: var(--rarui-fontFamily-body);
|
|
5
|
+
color: var(--rarui-colors-content-secondary);
|
|
6
|
+
display: flex;
|
|
7
|
+
justify-content: space-between;
|
|
8
|
+
align-items: center;
|
|
9
|
+
transition: all 150ms ease;
|
|
10
|
+
width: 100%;
|
|
11
|
+
min-height: 42px;
|
|
12
|
+
box-sizing: border-box;
|
|
13
|
+
cursor: pointer;
|
|
14
|
+
background-color: transparent;
|
|
15
|
+
border: none;
|
|
16
|
+
text-align: left;
|
|
17
|
+
position: relative;
|
|
18
|
+
overflow: hidden;
|
|
19
|
+
}
|
|
20
|
+
.rarui-sideNavigation__1ce544k0:hover {
|
|
21
|
+
background-color: var(--rarui-colors-surface-hover);
|
|
22
|
+
}
|
|
23
|
+
.rarui-sideNavigation__1ce544k0:active {
|
|
24
|
+
background-color: var(--rarui-colors-surface-press);
|
|
25
|
+
}
|
|
26
|
+
.rarui-sideNavigation__1ce544k0:focus-within {
|
|
27
|
+
outline: none;
|
|
28
|
+
box-shadow: var(--rarui-elevation-focus-ring);
|
|
29
|
+
}
|
|
30
|
+
.rarui-sideNavigation__1ce544k0:disabled {
|
|
31
|
+
background-color: var(--rarui-colors-surface-disabled);
|
|
32
|
+
cursor: not-allowed;
|
|
33
|
+
}
|
|
34
|
+
.rarui-sideNavigation_active_true__1ce544k1 {
|
|
35
|
+
color: var(--rarui-colors-content-brand);
|
|
36
|
+
}
|
|
37
|
+
.rarui-sideNavigation_active_true__1ce544k1:after {
|
|
38
|
+
content: "";
|
|
39
|
+
position: absolute;
|
|
40
|
+
left: 0;
|
|
41
|
+
right: 0;
|
|
42
|
+
top: 0;
|
|
43
|
+
bottom: 0;
|
|
44
|
+
background-color: var(--rarui-colors-surface-brand-subdued);
|
|
45
|
+
}
|
|
46
|
+
.rarui-sideNavigation_active_true__1ce544k1:hover {
|
|
47
|
+
background-color: var(--rarui-colors-surface-brand-hover);
|
|
48
|
+
}
|
|
49
|
+
.rarui-sideNavigation_active_true__1ce544k1:active {
|
|
50
|
+
background-color: var(--rarui-colors-surface-brand-press);
|
|
51
|
+
}
|
|
52
|
+
.rarui-sideNavigation_active_true__1ce544k1:disabled {
|
|
53
|
+
background-color: var(--rarui-colors-surface-disabled);
|
|
54
|
+
cursor: not-allowed;
|
|
55
|
+
}
|
|
56
|
+
.rarui-sideNavigation_name__1ce544k2 {
|
|
57
|
+
font-size: var(--rarui-fontSize-button-s);
|
|
58
|
+
color: var(--rarui-colors-content-primary);
|
|
59
|
+
font-weight: var(--rarui-fontWeight-bold);
|
|
60
|
+
}
|
|
61
|
+
.rarui-sideNavigation_name_active_true__1ce544k3 {
|
|
62
|
+
color: var(--rarui-colors-content-brand);
|
|
63
|
+
}
|
|
64
|
+
.rarui-sideNavigation_name_disabled_true__1ce544k4 {
|
|
65
|
+
color: var(--rarui-colors-content-disabled);
|
|
66
|
+
}
|
|
67
|
+
.rarui-sideNavigation_description__1ce544k5 {
|
|
68
|
+
font-size: var(--rarui-fontSize-button-xs);
|
|
69
|
+
color: var(--rarui-colors-content-secondary);
|
|
70
|
+
}
|
|
71
|
+
.rarui-sideNavigation_description_disabled_true__1ce544k6 {
|
|
72
|
+
color: var(--rarui-colors-content-disabled);
|
|
73
|
+
}
|
|
74
|
+
.rarui-sideNavigation_item__1ce544k7 {
|
|
75
|
+
background-color: transparent;
|
|
76
|
+
font-size: var(--rarui-fontSize-button-s);
|
|
77
|
+
text-decoration: none;
|
|
78
|
+
}
|
|
79
|
+
.rarui-sideNavigation_item__1ce544k7:after {
|
|
80
|
+
background-color: transparent;
|
|
81
|
+
}
|
|
82
|
+
.rarui-sideNavigation_item_level_0__1ce544k8 {
|
|
83
|
+
padding-left: var(--rarui-spacing-xs);
|
|
84
|
+
}
|
|
85
|
+
.rarui-sideNavigation_item_level_1__1ce544k9 {
|
|
86
|
+
padding-left: var(--rarui-spacing-md);
|
|
87
|
+
}
|
|
88
|
+
.rarui-sideNavigation_item_level_2__1ce544ka {
|
|
89
|
+
padding-left: var(--rarui-spacing-2xl);
|
|
90
|
+
}
|
|
91
|
+
.rarui-sideNavigation_content__1ce544kb {
|
|
92
|
+
display: flex;
|
|
93
|
+
flex-direction: column;
|
|
94
|
+
max-height: 0vh;
|
|
95
|
+
overflow: hidden;
|
|
96
|
+
transition: all 150ms ease;
|
|
97
|
+
gap: var(--rarui-spacing-4xs);
|
|
98
|
+
}
|
|
99
|
+
.rarui-sideNavigation_content_open_true__1ce544kc {
|
|
100
|
+
overflow: visible;
|
|
101
|
+
max-height: unset;
|
|
102
|
+
margin-top: var(--rarui-spacing-3xs);
|
|
103
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./../../../themes/globals.css";import"./rarui-sideNavigation.css";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";a({defaultClassName:"rarui-sideNavigation_item__1ce544k7",variantClassNames:{level:{0:"rarui-sideNavigation_item_level_0__1ce544k8",1:"rarui-sideNavigation_item_level_1__1ce544k9",2:"rarui-sideNavigation_item_level_2__1ce544ka"}},defaultVariants:{},compoundVariants:[]});var e={sideNavigation:a({defaultClassName:"rarui-sideNavigation__1ce544k0",variantClassNames:{active:{true:"rarui-sideNavigation_active_true__1ce544k1"}},defaultVariants:{},compoundVariants:[]}),item:a({defaultClassName:"rarui-sideNavigation_item__1ce544k7",variantClassNames:{level:{0:"rarui-sideNavigation_item_level_0__1ce544k8",1:"rarui-sideNavigation_item_level_1__1ce544k9",2:"rarui-sideNavigation_item_level_2__1ce544ka"}},defaultVariants:{},compoundVariants:[]}),name:a({defaultClassName:"rarui-sideNavigation_name__1ce544k2",variantClassNames:{active:{true:"rarui-sideNavigation_name_active_true__1ce544k3"},disabled:{true:"rarui-sideNavigation_name_disabled_true__1ce544k4"}},defaultVariants:{},compoundVariants:[]}),description:a({defaultClassName:"rarui-sideNavigation_description__1ce544k5",variantClassNames:{disabled:{true:"rarui-sideNavigation_description_disabled_true__1ce544k6"}},defaultVariants:{},compoundVariants:[]}),content:a({defaultClassName:"rarui-sideNavigation_content__1ce544kb",variantClassNames:{open:{true:"rarui-sideNavigation_content_open_true__1ce544kc"}},defaultVariants:{},compoundVariants:[]})};export{e as sideNavigationStyles};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{tabsStyles as s}from"./rarui-tabs.css.js";var r={classnames:s};export{r as tabs};
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
.rarui-tabs_ul__1apz2pr0 {
|
|
2
|
+
margin: 0;
|
|
3
|
+
border-style: solid;
|
|
4
|
+
list-style: none;
|
|
5
|
+
display: flex;
|
|
6
|
+
padding: var(--rarui-spacing-4xs);
|
|
7
|
+
gap: var(--rarui-spacing-4xs);
|
|
8
|
+
border-width: var(--rarui-shape-border-width-1);
|
|
9
|
+
border-radius: var(--rarui-shape-border-radius-xs);
|
|
10
|
+
background-color: var(--rarui-colors-surface-secondary);
|
|
11
|
+
border-color: var(--rarui-colors-border-subdued);
|
|
12
|
+
}
|
|
13
|
+
.rarui-tabs_ul_underlined_true__1apz2pr1 {
|
|
14
|
+
padding: 0;
|
|
15
|
+
border-radius: 0;
|
|
16
|
+
border-color: transparent;
|
|
17
|
+
background-color: transparent;
|
|
18
|
+
border-bottom-color: var(--rarui-colors-border-subdued);
|
|
19
|
+
}
|
|
20
|
+
.rarui-tabs_ul_position_left__1apz2pr2 {
|
|
21
|
+
justify-content: flex-start;
|
|
22
|
+
}
|
|
23
|
+
.rarui-tabs_ul_position_center__1apz2pr3 {
|
|
24
|
+
justify-content: center;
|
|
25
|
+
}
|
|
26
|
+
.rarui-tabs_ul_position_right__1apz2pr4 {
|
|
27
|
+
justify-content: flex-end;
|
|
28
|
+
}
|
|
29
|
+
.rarui-tabs_li__1apz2pr5 {
|
|
30
|
+
display: flex;
|
|
31
|
+
}
|
|
32
|
+
.rarui-tabs_li_full_true__1apz2pr6 {
|
|
33
|
+
flex: 1;
|
|
34
|
+
}
|
|
35
|
+
.rarui-tabs_button__1apz2pr7 {
|
|
36
|
+
width: 100%;
|
|
37
|
+
justify-content: center;
|
|
38
|
+
align-items: center;
|
|
39
|
+
display: flex;
|
|
40
|
+
cursor: pointer;
|
|
41
|
+
transition: all 150ms ease;
|
|
42
|
+
border-style: solid;
|
|
43
|
+
border-color: transparent;
|
|
44
|
+
gap: var(--rarui-spacing-3xs);
|
|
45
|
+
border-width: var(--rarui-shape-border-width-1);
|
|
46
|
+
color: var(--rarui-colors-content-secondary);
|
|
47
|
+
font-family: var(--rarui-fontFamily-body);
|
|
48
|
+
font-weight: var(--rarui-fontWeight-semiBold);
|
|
49
|
+
font-size: var(--rarui-fontSize-button-m);
|
|
50
|
+
background-color: var(--rarui-colors-surface-secondary);
|
|
51
|
+
border-radius: var(--rarui-shape-border-radius-2xs);
|
|
52
|
+
padding: var(--rarui-spacing-3xs) var(--rarui-spacing-xs);
|
|
53
|
+
}
|
|
54
|
+
.rarui-tabs_button__1apz2pr7:focus-within {
|
|
55
|
+
outline: none;
|
|
56
|
+
box-shadow: var(--rarui-elevation-focus-ring);
|
|
57
|
+
}
|
|
58
|
+
.rarui-tabs_button__1apz2pr7:hover {
|
|
59
|
+
background-color: var(--rarui-colors-surface-hover);
|
|
60
|
+
box-shadow: var(--rarui-elevation-bottom-1);
|
|
61
|
+
color: var(--rarui-colors-content-primary);
|
|
62
|
+
}
|
|
63
|
+
.rarui-tabs_button__1apz2pr7:disabled {
|
|
64
|
+
cursor: not-allowed;
|
|
65
|
+
background-color: transparent;
|
|
66
|
+
border-color: transparent;
|
|
67
|
+
box-shadow: none;
|
|
68
|
+
color: var(--rarui-colors-content-disabled);
|
|
69
|
+
}
|
|
70
|
+
.rarui-tabs_button_underlined_true__1apz2pr8 {
|
|
71
|
+
border-radius: 0;
|
|
72
|
+
border-color: transparent;
|
|
73
|
+
background-color: transparent;
|
|
74
|
+
border-bottom-color: transparent;
|
|
75
|
+
}
|
|
76
|
+
.rarui-tabs_button_underlined_true__1apz2pr8:hover {
|
|
77
|
+
box-shadow: none;
|
|
78
|
+
border-bottom-color: var(--rarui-colors-border-subdued);
|
|
79
|
+
}
|
|
80
|
+
.rarui-tabs_button_underlined_true__1apz2pr8:disabled {
|
|
81
|
+
border-bottom-color: transparent;
|
|
82
|
+
}
|
|
83
|
+
.rarui-tabs_button_selected_true__1apz2pr9 {
|
|
84
|
+
background-color: var(--rarui-colors-surface-primary);
|
|
85
|
+
color: var(--rarui-colors-content-primary);
|
|
86
|
+
border-color: var(--rarui-colors-border-subdued);
|
|
87
|
+
}
|
|
88
|
+
.rarui-tabs_button_selected_true__1apz2pr9:disabled {
|
|
89
|
+
background-color: transparent;
|
|
90
|
+
border-color: transparent;
|
|
91
|
+
}
|
|
92
|
+
.rarui-tabs_button_compound_0__1apz2pra {
|
|
93
|
+
border-color: transparent;
|
|
94
|
+
color: var(--rarui-colors-content-brand);
|
|
95
|
+
border-bottom-color: var(--rarui-colors-border-brand-alt);
|
|
96
|
+
}
|
|
97
|
+
.rarui-tabs_button_compound_0__1apz2pra:hover {
|
|
98
|
+
color: var(--rarui-colors-content-brand);
|
|
99
|
+
border-bottom-color: var(--rarui-colors-border-brand-alt);
|
|
100
|
+
}
|
|
101
|
+
.rarui-tabs_button_compound_0__1apz2pra:disabled {
|
|
102
|
+
border-bottom-color: transparent;
|
|
103
|
+
color: var(--rarui-colors-content-disabled);
|
|
104
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./../../../themes/globals.css";import"./rarui-tabs.css";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var r={ul:a({defaultClassName:"rarui-tabs_ul__1apz2pr0",variantClassNames:{underlined:{true:"rarui-tabs_ul_underlined_true__1apz2pr1"},position:{left:"rarui-tabs_ul_position_left__1apz2pr2",center:"rarui-tabs_ul_position_center__1apz2pr3",right:"rarui-tabs_ul_position_right__1apz2pr4"}},defaultVariants:{},compoundVariants:[]}),li:a({defaultClassName:"rarui-tabs_li__1apz2pr5",variantClassNames:{full:{true:"rarui-tabs_li_full_true__1apz2pr6"}},defaultVariants:{},compoundVariants:[]}),button:a({defaultClassName:"rarui-tabs_button__1apz2pr7",variantClassNames:{underlined:{true:"rarui-tabs_button_underlined_true__1apz2pr8"},selected:{true:"rarui-tabs_button_selected_true__1apz2pr9"}},defaultVariants:{},compoundVariants:[[{underlined:!0,selected:!0},"rarui-tabs_button_compound_0__1apz2pra"]]})};export{r as tabsStyles};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{accordionStyles as r}from"./rarui-accordion.css.js";var s={classnames:r};export{s as accordion};
|