@rarui/styles 2.2.5-rc.2 → 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/CHANGELOG.md +6 -0
- 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 +14 -7
- 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,139 @@
|
|
|
1
|
+
@keyframes rarui-skeleton_skeletonAnimation__12qc0wj0 {
|
|
2
|
+
0% {
|
|
3
|
+
left: 0;
|
|
4
|
+
opacity: 0;
|
|
5
|
+
right: initial;
|
|
6
|
+
width: 0%;
|
|
7
|
+
}
|
|
8
|
+
40% {
|
|
9
|
+
left: 0;
|
|
10
|
+
opacity: 0.5;
|
|
11
|
+
right: initial;
|
|
12
|
+
width: 100%;
|
|
13
|
+
}
|
|
14
|
+
50% {
|
|
15
|
+
left: initial;
|
|
16
|
+
right: 0;
|
|
17
|
+
width: 100%;
|
|
18
|
+
}
|
|
19
|
+
90% {
|
|
20
|
+
left: initial;
|
|
21
|
+
opacity: 0;
|
|
22
|
+
right: 0;
|
|
23
|
+
width: 0%;
|
|
24
|
+
}
|
|
25
|
+
100% {
|
|
26
|
+
left: 0;
|
|
27
|
+
right: initial;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
.rarui-skeleton__12qc0wj1 {
|
|
31
|
+
background-color: var(--rarui-colors-surface-disabled);
|
|
32
|
+
position: relative;
|
|
33
|
+
overflow: hidden;
|
|
34
|
+
}
|
|
35
|
+
.rarui-skeleton__12qc0wj1:before {
|
|
36
|
+
content: "";
|
|
37
|
+
position: absolute;
|
|
38
|
+
height: 100%;
|
|
39
|
+
left: 0;
|
|
40
|
+
top: 0;
|
|
41
|
+
width: 0%;
|
|
42
|
+
background-color: var(--rarui-colors-surface-secondary);
|
|
43
|
+
animation-name: rarui-skeleton_skeletonAnimation__12qc0wj0;
|
|
44
|
+
animation-duration: 3000ms;
|
|
45
|
+
animation-iteration-count: infinite;
|
|
46
|
+
animation-timing-function: ease;
|
|
47
|
+
}
|
|
48
|
+
@media screen and (min-width: 0px) {
|
|
49
|
+
.rarui-skeleton_width-xs__12qc0wj6 {
|
|
50
|
+
width: var(--width-xs__12qc0wj2);
|
|
51
|
+
}
|
|
52
|
+
.rarui-skeleton_height-xs__12qc0wje {
|
|
53
|
+
height: var(--height-xs__12qc0wja);
|
|
54
|
+
}
|
|
55
|
+
.rarui-skeleton_maxWidth-xs__12qc0wjm {
|
|
56
|
+
max-width: var(--maxWidth-xs__12qc0wji);
|
|
57
|
+
}
|
|
58
|
+
.rarui-skeleton_maxHeight-xs__12qc0wju {
|
|
59
|
+
max-height: var(--maxHeight-xs__12qc0wjq);
|
|
60
|
+
}
|
|
61
|
+
.rarui-skeleton_minWidth-xs__12qc0wj12 {
|
|
62
|
+
min-width: var(--minWidth-xs__12qc0wjy);
|
|
63
|
+
}
|
|
64
|
+
.rarui-skeleton_minHeight-xs__12qc0wj1a {
|
|
65
|
+
min-height: var(--minHeight-xs__12qc0wj16);
|
|
66
|
+
}
|
|
67
|
+
.rarui-skeleton_borderRadius-xs__12qc0wj1i {
|
|
68
|
+
border-radius: var(--borderRadius-xs__12qc0wj1e);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
@media screen and (min-width: 768px) {
|
|
72
|
+
.rarui-skeleton_width-md__12qc0wj7 {
|
|
73
|
+
width: var(--width-md__12qc0wj3);
|
|
74
|
+
}
|
|
75
|
+
.rarui-skeleton_height-md__12qc0wjf {
|
|
76
|
+
height: var(--height-md__12qc0wjb);
|
|
77
|
+
}
|
|
78
|
+
.rarui-skeleton_maxWidth-md__12qc0wjn {
|
|
79
|
+
max-width: var(--maxWidth-md__12qc0wjj);
|
|
80
|
+
}
|
|
81
|
+
.rarui-skeleton_maxHeight-md__12qc0wjv {
|
|
82
|
+
max-height: var(--maxHeight-md__12qc0wjr);
|
|
83
|
+
}
|
|
84
|
+
.rarui-skeleton_minWidth-md__12qc0wj13 {
|
|
85
|
+
min-width: var(--minWidth-md__12qc0wjz);
|
|
86
|
+
}
|
|
87
|
+
.rarui-skeleton_minHeight-md__12qc0wj1b {
|
|
88
|
+
min-height: var(--minHeight-md__12qc0wj17);
|
|
89
|
+
}
|
|
90
|
+
.rarui-skeleton_borderRadius-md__12qc0wj1j {
|
|
91
|
+
border-radius: var(--borderRadius-md__12qc0wj1f);
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
@media screen and (min-width: 1200px) {
|
|
95
|
+
.rarui-skeleton_width-lg__12qc0wj8 {
|
|
96
|
+
width: var(--width-lg__12qc0wj4);
|
|
97
|
+
}
|
|
98
|
+
.rarui-skeleton_height-lg__12qc0wjg {
|
|
99
|
+
height: var(--height-lg__12qc0wjc);
|
|
100
|
+
}
|
|
101
|
+
.rarui-skeleton_maxWidth-lg__12qc0wjo {
|
|
102
|
+
max-width: var(--maxWidth-lg__12qc0wjk);
|
|
103
|
+
}
|
|
104
|
+
.rarui-skeleton_maxHeight-lg__12qc0wjw {
|
|
105
|
+
max-height: var(--maxHeight-lg__12qc0wjs);
|
|
106
|
+
}
|
|
107
|
+
.rarui-skeleton_minWidth-lg__12qc0wj14 {
|
|
108
|
+
min-width: var(--minWidth-lg__12qc0wj10);
|
|
109
|
+
}
|
|
110
|
+
.rarui-skeleton_minHeight-lg__12qc0wj1c {
|
|
111
|
+
min-height: var(--minHeight-lg__12qc0wj18);
|
|
112
|
+
}
|
|
113
|
+
.rarui-skeleton_borderRadius-lg__12qc0wj1k {
|
|
114
|
+
border-radius: var(--borderRadius-lg__12qc0wj1g);
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
@media screen and (min-width: 1400px) {
|
|
118
|
+
.rarui-skeleton_width-xl__12qc0wj9 {
|
|
119
|
+
width: var(--width-xl__12qc0wj5);
|
|
120
|
+
}
|
|
121
|
+
.rarui-skeleton_height-xl__12qc0wjh {
|
|
122
|
+
height: var(--height-xl__12qc0wjd);
|
|
123
|
+
}
|
|
124
|
+
.rarui-skeleton_maxWidth-xl__12qc0wjp {
|
|
125
|
+
max-width: var(--maxWidth-xl__12qc0wjl);
|
|
126
|
+
}
|
|
127
|
+
.rarui-skeleton_maxHeight-xl__12qc0wjx {
|
|
128
|
+
max-height: var(--maxHeight-xl__12qc0wjt);
|
|
129
|
+
}
|
|
130
|
+
.rarui-skeleton_minWidth-xl__12qc0wj15 {
|
|
131
|
+
min-width: var(--minWidth-xl__12qc0wj11);
|
|
132
|
+
}
|
|
133
|
+
.rarui-skeleton_minHeight-xl__12qc0wj1d {
|
|
134
|
+
min-height: var(--minHeight-xl__12qc0wj19);
|
|
135
|
+
}
|
|
136
|
+
.rarui-skeleton_borderRadius-xl__12qc0wj1l {
|
|
137
|
+
border-radius: var(--borderRadius-xl__12qc0wj1h);
|
|
138
|
+
}
|
|
139
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./../../../themes/globals.css";import"./rarui-skeleton.css";import{c as a}from"../../../node_modules/rainbow-sprinkles/dist/createRuntimeFn-891c4670.esm.js";import{c as i}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";i({defaultClassName:"rarui-skeleton__12qc0wj1",variantClassNames:{},defaultVariants:{},compoundVariants:[]});var r=a({config:{width:{dynamic:{default:"rarui-skeleton_width-xs__12qc0wj6",conditions:{xs:"rarui-skeleton_width-xs__12qc0wj6",md:"rarui-skeleton_width-md__12qc0wj7",lg:"rarui-skeleton_width-lg__12qc0wj8",xl:"rarui-skeleton_width-xl__12qc0wj9"}},name:"width",vars:{conditions:{xs:"var(--width-xs__12qc0wj2)",md:"var(--width-md__12qc0wj3)",lg:"var(--width-lg__12qc0wj4)",xl:"var(--width-xl__12qc0wj5)"},default:"var(--width-xs__12qc0wj2)"},dynamicScale:!0},height:{dynamic:{default:"rarui-skeleton_height-xs__12qc0wje",conditions:{xs:"rarui-skeleton_height-xs__12qc0wje",md:"rarui-skeleton_height-md__12qc0wjf",lg:"rarui-skeleton_height-lg__12qc0wjg",xl:"rarui-skeleton_height-xl__12qc0wjh"}},name:"height",vars:{conditions:{xs:"var(--height-xs__12qc0wja)",md:"var(--height-md__12qc0wjb)",lg:"var(--height-lg__12qc0wjc)",xl:"var(--height-xl__12qc0wjd)"},default:"var(--height-xs__12qc0wja)"},dynamicScale:!0},maxWidth:{dynamic:{default:"rarui-skeleton_maxWidth-xs__12qc0wjm",conditions:{xs:"rarui-skeleton_maxWidth-xs__12qc0wjm",md:"rarui-skeleton_maxWidth-md__12qc0wjn",lg:"rarui-skeleton_maxWidth-lg__12qc0wjo",xl:"rarui-skeleton_maxWidth-xl__12qc0wjp"}},name:"maxWidth",vars:{conditions:{xs:"var(--maxWidth-xs__12qc0wji)",md:"var(--maxWidth-md__12qc0wjj)",lg:"var(--maxWidth-lg__12qc0wjk)",xl:"var(--maxWidth-xl__12qc0wjl)"},default:"var(--maxWidth-xs__12qc0wji)"},dynamicScale:!0},maxHeight:{dynamic:{default:"rarui-skeleton_maxHeight-xs__12qc0wju",conditions:{xs:"rarui-skeleton_maxHeight-xs__12qc0wju",md:"rarui-skeleton_maxHeight-md__12qc0wjv",lg:"rarui-skeleton_maxHeight-lg__12qc0wjw",xl:"rarui-skeleton_maxHeight-xl__12qc0wjx"}},name:"maxHeight",vars:{conditions:{xs:"var(--maxHeight-xs__12qc0wjq)",md:"var(--maxHeight-md__12qc0wjr)",lg:"var(--maxHeight-lg__12qc0wjs)",xl:"var(--maxHeight-xl__12qc0wjt)"},default:"var(--maxHeight-xs__12qc0wjq)"},dynamicScale:!0},minWidth:{dynamic:{default:"rarui-skeleton_minWidth-xs__12qc0wj12",conditions:{xs:"rarui-skeleton_minWidth-xs__12qc0wj12",md:"rarui-skeleton_minWidth-md__12qc0wj13",lg:"rarui-skeleton_minWidth-lg__12qc0wj14",xl:"rarui-skeleton_minWidth-xl__12qc0wj15"}},name:"minWidth",vars:{conditions:{xs:"var(--minWidth-xs__12qc0wjy)",md:"var(--minWidth-md__12qc0wjz)",lg:"var(--minWidth-lg__12qc0wj10)",xl:"var(--minWidth-xl__12qc0wj11)"},default:"var(--minWidth-xs__12qc0wjy)"},dynamicScale:!0},minHeight:{dynamic:{default:"rarui-skeleton_minHeight-xs__12qc0wj1a",conditions:{xs:"rarui-skeleton_minHeight-xs__12qc0wj1a",md:"rarui-skeleton_minHeight-md__12qc0wj1b",lg:"rarui-skeleton_minHeight-lg__12qc0wj1c",xl:"rarui-skeleton_minHeight-xl__12qc0wj1d"}},name:"minHeight",vars:{conditions:{xs:"var(--minHeight-xs__12qc0wj16)",md:"var(--minHeight-md__12qc0wj17)",lg:"var(--minHeight-lg__12qc0wj18)",xl:"var(--minHeight-xl__12qc0wj19)"},default:"var(--minHeight-xs__12qc0wj16)"},dynamicScale:!0},borderRadius:{dynamic:{default:"rarui-skeleton_borderRadius-xs__12qc0wj1i",conditions:{xs:"rarui-skeleton_borderRadius-xs__12qc0wj1i",md:"rarui-skeleton_borderRadius-md__12qc0wj1j",lg:"rarui-skeleton_borderRadius-lg__12qc0wj1k",xl:"rarui-skeleton_borderRadius-xl__12qc0wj1l"}},name:"borderRadius",vars:{conditions:{xs:"var(--borderRadius-xs__12qc0wj1e)",md:"var(--borderRadius-md__12qc0wj1f)",lg:"var(--borderRadius-lg__12qc0wj1g)",xl:"var(--borderRadius-xl__12qc0wj1h)"},default:"var(--borderRadius-xs__12qc0wj1e)"},dynamicScale:{none:"var(--rarui-shape-border-radius-none)","2xs":"var(--rarui-shape-border-radius-2xs)",xs:"var(--rarui-shape-border-radius-xs)",sm:"var(--rarui-shape-border-radius-sm)",md:"var(--rarui-shape-border-radius-md)",lg:"var(--rarui-shape-border-radius-lg)",xl:"var(--rarui-shape-border-radius-xl)","2xl":"var(--rarui-shape-border-radius-2xl)",pill:"var(--rarui-shape-border-radius-pill)",button:"var(--rarui-shape-border-radius-button)",input:"var(--rarui-shape-border-radius-input)"}}}}),e={skeleton:i({defaultClassName:"rarui-skeleton__12qc0wj1",variantClassNames:{},defaultVariants:{},compoundVariants:[]})};export{r as sprinkle,e as styles};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{statusStyles as s}from"./rarui-status.css.js";var r={classnames:s};export{r as status};
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
.rarui-status__wfzj070 {
|
|
2
|
+
display: flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
justify-content: center;
|
|
5
|
+
width: fit-content;
|
|
6
|
+
box-sizing: border-box;
|
|
7
|
+
position: relative;
|
|
8
|
+
overflow: hidden;
|
|
9
|
+
gap: var(--rarui-spacing-3xs);
|
|
10
|
+
font-weight: var(--rarui-fontWeight-medium);
|
|
11
|
+
line-height: var(--rarui-lineHeight-label-m);
|
|
12
|
+
font-size: var(--rarui-fontSize-label-m);
|
|
13
|
+
font-family: var(--rarui-fontFamily-body);
|
|
14
|
+
border-radius: var(--rarui-shape-border-radius-2xs);
|
|
15
|
+
padding: 0 var(--rarui-spacing-3xs);
|
|
16
|
+
}
|
|
17
|
+
.rarui-status_full_true__wfzj071 {
|
|
18
|
+
width: 100%;
|
|
19
|
+
}
|
|
20
|
+
.rarui-status_appearance_success__wfzj072 {
|
|
21
|
+
background-color: var(--rarui-colors-surface-success);
|
|
22
|
+
color: var(--rarui-colors-content-on-success);
|
|
23
|
+
}
|
|
24
|
+
.rarui-status_appearance_warning__wfzj073 {
|
|
25
|
+
background-color: var(--rarui-colors-surface-warning);
|
|
26
|
+
color: var(--rarui-colors-content-on-warning);
|
|
27
|
+
}
|
|
28
|
+
.rarui-status_appearance_danger__wfzj074 {
|
|
29
|
+
background-color: var(--rarui-colors-surface-error);
|
|
30
|
+
color: var(--rarui-colors-content-on-error);
|
|
31
|
+
}
|
|
32
|
+
.rarui-status_appearance_inverted__wfzj075 {
|
|
33
|
+
background-color: var(--rarui-colors-surface-primary);
|
|
34
|
+
color: var(--rarui-colors-content-primary);
|
|
35
|
+
}
|
|
36
|
+
.rarui-status_appearance_neutral__wfzj076 {
|
|
37
|
+
background-color: var(--rarui-colors-surface-invert);
|
|
38
|
+
color: var(--rarui-colors-content-invert);
|
|
39
|
+
}
|
|
40
|
+
.rarui-status_appearance_info__wfzj077 {
|
|
41
|
+
background-color: var(--rarui-colors-surface-info);
|
|
42
|
+
color: var(--rarui-colors-content-on-info);
|
|
43
|
+
}
|
|
44
|
+
.rarui-status_size_normal__wfzj078 {
|
|
45
|
+
height: 1.75rem;
|
|
46
|
+
font-size: var(--rarui-fontSize-label-m);
|
|
47
|
+
}
|
|
48
|
+
.rarui-status_size_small__wfzj079 {
|
|
49
|
+
height: 1.5rem;
|
|
50
|
+
font-size: var(--rarui-fontSize-label-s);
|
|
51
|
+
}
|
|
52
|
+
.rarui-status_variant_text__wfzj07b {
|
|
53
|
+
background-color: transparent;
|
|
54
|
+
}
|
|
55
|
+
.rarui-status__compound_0__wfzj07d {
|
|
56
|
+
color: var(--rarui-colors-content-success);
|
|
57
|
+
}
|
|
58
|
+
.rarui-status__compound_1__wfzj07e {
|
|
59
|
+
color: var(--rarui-colors-content-warning);
|
|
60
|
+
}
|
|
61
|
+
.rarui-status__compound_2__wfzj07f {
|
|
62
|
+
color: var(--rarui-colors-content-error);
|
|
63
|
+
}
|
|
64
|
+
.rarui-status__compound_3__wfzj07g {
|
|
65
|
+
color: var(--rarui-colors-content-primary);
|
|
66
|
+
}
|
|
67
|
+
.rarui-status__compound_4__wfzj07h {
|
|
68
|
+
color: var(--rarui-colors-content-info);
|
|
69
|
+
}
|
|
70
|
+
.rarui-status__compound_5__wfzj07i {
|
|
71
|
+
color: var(--rarui-colors-content-invert);
|
|
72
|
+
}
|
|
73
|
+
.rarui-status__compound_6__wfzj07j {
|
|
74
|
+
background-color: var(--rarui-colors-surface-success-subdued);
|
|
75
|
+
color: var(--rarui-colors-content-success);
|
|
76
|
+
}
|
|
77
|
+
.rarui-status__compound_7__wfzj07k {
|
|
78
|
+
background-color: var(--rarui-colors-surface-warning-subdued);
|
|
79
|
+
color: var(--rarui-colors-content-warning);
|
|
80
|
+
}
|
|
81
|
+
.rarui-status__compound_8__wfzj07l {
|
|
82
|
+
background-color: var(--rarui-colors-surface-error-subdued);
|
|
83
|
+
color: var(--rarui-colors-content-error);
|
|
84
|
+
}
|
|
85
|
+
.rarui-status__compound_9__wfzj07m {
|
|
86
|
+
background-color: var(--rarui-colors-surface-secondary);
|
|
87
|
+
color: var(--rarui-colors-content-secondary);
|
|
88
|
+
}
|
|
89
|
+
.rarui-status__compound_10__wfzj07n {
|
|
90
|
+
background-color: var(--rarui-colors-surface-invert-disabled);
|
|
91
|
+
color: var(--rarui-colors-content-invert-secondary);
|
|
92
|
+
}
|
|
93
|
+
.rarui-status__compound_11__wfzj07o {
|
|
94
|
+
background-color: var(--rarui-colors-surface-info-subdued);
|
|
95
|
+
color: var(--rarui-colors-content-info);
|
|
96
|
+
}
|
|
97
|
+
.rarui-status_dot__wfzj07p {
|
|
98
|
+
background-color: currentcolor;
|
|
99
|
+
border-radius: var(--rarui-shape-border-radius-pill);
|
|
100
|
+
}
|
|
101
|
+
.rarui-status_dot_size_normal__wfzj07q {
|
|
102
|
+
height: .5rem;
|
|
103
|
+
width: .5rem;
|
|
104
|
+
}
|
|
105
|
+
.rarui-status_dot_size_small__wfzj07r {
|
|
106
|
+
height: .25rem;
|
|
107
|
+
width: .25rem;
|
|
108
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./../../../themes/globals.css";import"./rarui-status.css";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var r={status:a({defaultClassName:"rarui-status__wfzj070",variantClassNames:{full:{true:"rarui-status_full_true__wfzj071"},appearance:{success:"rarui-status_appearance_success__wfzj072",warning:"rarui-status_appearance_warning__wfzj073",danger:"rarui-status_appearance_danger__wfzj074",inverted:"rarui-status_appearance_inverted__wfzj075",neutral:"rarui-status_appearance_neutral__wfzj076",info:"rarui-status_appearance_info__wfzj077"},size:{normal:"rarui-status_size_normal__wfzj078",small:"rarui-status_size_small__wfzj079"},variant:{solid:"rarui-status_variant_solid__wfzj07a",text:"rarui-status_variant_text__wfzj07b",subdued:"rarui-status_variant_subdued__wfzj07c"}},defaultVariants:{},compoundVariants:[[{appearance:"success",variant:"text"},"rarui-status__compound_0__wfzj07d"],[{appearance:"warning",variant:"text"},"rarui-status__compound_1__wfzj07e"],[{appearance:"danger",variant:"text"},"rarui-status__compound_2__wfzj07f"],[{appearance:"inverted",variant:"text"},"rarui-status__compound_3__wfzj07g"],[{appearance:"info",variant:"text"},"rarui-status__compound_4__wfzj07h"],[{appearance:"neutral",variant:"text"},"rarui-status__compound_5__wfzj07i"],[{appearance:"success",variant:"subdued"},"rarui-status__compound_6__wfzj07j"],[{appearance:"warning",variant:"subdued"},"rarui-status__compound_7__wfzj07k"],[{appearance:"danger",variant:"subdued"},"rarui-status__compound_8__wfzj07l"],[{appearance:"inverted",variant:"subdued"},"rarui-status__compound_9__wfzj07m"],[{appearance:"neutral",variant:"subdued"},"rarui-status__compound_10__wfzj07n"],[{appearance:"info",variant:"subdued"},"rarui-status__compound_11__wfzj07o"]]}),dot:a({defaultClassName:"rarui-status_dot__wfzj07p",variantClassNames:{size:{normal:"rarui-status_dot_size_normal__wfzj07q",small:"rarui-status_dot_size_small__wfzj07r"}},defaultVariants:{},compoundVariants:[]})};export{r as statusStyles};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__assign as r}from"tslib";import{styles as s,sprinkle as o}from"./rarui-toast.css.js";var t={classnames:r({},s),sprinkle:o};export{t as toast};
|
|
@@ -0,0 +1,229 @@
|
|
|
1
|
+
@keyframes rarui-toast_animartionToastBottonCenter__1cy6jj8v {
|
|
2
|
+
from {
|
|
3
|
+
transform: translateY(calc(100%));
|
|
4
|
+
}
|
|
5
|
+
to {
|
|
6
|
+
transform: translateY(0);
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
@keyframes rarui-toast_animartionToastTopCenter__1cy6jj8w {
|
|
10
|
+
from {
|
|
11
|
+
transform: translateY(calc(-100%));
|
|
12
|
+
}
|
|
13
|
+
to {
|
|
14
|
+
transform: translateY(0);
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
@keyframes rarui-toast_animartionToastLeft__1cy6jj8x {
|
|
18
|
+
from {
|
|
19
|
+
transform: translateX(calc(-100%));
|
|
20
|
+
}
|
|
21
|
+
to {
|
|
22
|
+
transform: translateY(0);
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
@keyframes rarui-toast_animartionToastRight__1cy6jj8y {
|
|
26
|
+
from {
|
|
27
|
+
transform: translateX(calc(100%));
|
|
28
|
+
}
|
|
29
|
+
to {
|
|
30
|
+
transform: translateY(0);
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
.rarui-toast__1cy6jj80 {
|
|
34
|
+
position: relative;
|
|
35
|
+
display: flex;
|
|
36
|
+
align-items: center;
|
|
37
|
+
box-sizing: border-box;
|
|
38
|
+
gap: var(--rarui-spacing-2xs);
|
|
39
|
+
max-width: 100%;
|
|
40
|
+
width: 420px;
|
|
41
|
+
}
|
|
42
|
+
.rarui-toast_appearance_info__1cy6jj81 {
|
|
43
|
+
background-color: var(--rarui-colors-surface-info);
|
|
44
|
+
color: var(--rarui-colors-content-on-info);
|
|
45
|
+
}
|
|
46
|
+
.rarui-toast_appearance_success__1cy6jj82 {
|
|
47
|
+
background-color: var(--rarui-colors-surface-success);
|
|
48
|
+
color: var(--rarui-colors-content-on-success);
|
|
49
|
+
}
|
|
50
|
+
.rarui-toast_appearance_warning__1cy6jj83 {
|
|
51
|
+
background-color: var(--rarui-colors-surface-warning);
|
|
52
|
+
color: var(--rarui-colors-content-on-warning);
|
|
53
|
+
}
|
|
54
|
+
.rarui-toast_appearance_error__1cy6jj84 {
|
|
55
|
+
background-color: var(--rarui-colors-surface-error);
|
|
56
|
+
color: var(--rarui-colors-content-on-error);
|
|
57
|
+
}
|
|
58
|
+
.rarui-toast_appearance_neutral__1cy6jj85 {
|
|
59
|
+
background-color: var(--rarui-colors-surface-invert-secondary);
|
|
60
|
+
color: var(--rarui-colors-content-invert-secondary);
|
|
61
|
+
}
|
|
62
|
+
.rarui-toast_appearance_invert__1cy6jj86 {
|
|
63
|
+
background-color: var(--rarui-colors-surface-secondary);
|
|
64
|
+
color: var(--rarui-colors-content-secondary);
|
|
65
|
+
}
|
|
66
|
+
.rarui-toast_size_small__1cy6jj87 {
|
|
67
|
+
padding: var(--rarui-spacing-3xs) var(--rarui-spacing-2xs);
|
|
68
|
+
gap: var(--rarui-spacing-3xs);
|
|
69
|
+
}
|
|
70
|
+
.rarui-toast_size_medium__1cy6jj88 {
|
|
71
|
+
padding: var(--rarui-spacing-2xs) var(--rarui-spacing-xs);
|
|
72
|
+
}
|
|
73
|
+
.rarui-toast_size_large__1cy6jj89 {
|
|
74
|
+
padding: var(--rarui-spacing-xs) var(--rarui-spacing-s);
|
|
75
|
+
gap: var(--rarui-spacing-xs);
|
|
76
|
+
}
|
|
77
|
+
.rarui-toast_variant_tonal__1cy6jj8b {
|
|
78
|
+
color: var(--rarui-colors-content-primary);
|
|
79
|
+
}
|
|
80
|
+
.rarui-toast_variant_ghost__1cy6jj8c {
|
|
81
|
+
border-left: solid;
|
|
82
|
+
border-width: 4px;
|
|
83
|
+
background-color: var(--rarui-colors-surface-primary);
|
|
84
|
+
color: var(--rarui-colors-content-primary);
|
|
85
|
+
}
|
|
86
|
+
.rarui-toast__compound_0__1cy6jj8d {
|
|
87
|
+
background-color: var(--rarui-colors-surface-info-subdued);
|
|
88
|
+
}
|
|
89
|
+
.rarui-toast__compound_1__1cy6jj8e {
|
|
90
|
+
background-color: var(--rarui-colors-surface-warning-subdued);
|
|
91
|
+
}
|
|
92
|
+
.rarui-toast__compound_2__1cy6jj8f {
|
|
93
|
+
background-color: var(--rarui-colors-surface-success-subdued);
|
|
94
|
+
}
|
|
95
|
+
.rarui-toast__compound_3__1cy6jj8g {
|
|
96
|
+
background-color: var(--rarui-colors-surface-error-subdued);
|
|
97
|
+
}
|
|
98
|
+
.rarui-toast__compound_4__1cy6jj8h {
|
|
99
|
+
color: var(--rarui-colors-content-invert-secondary);
|
|
100
|
+
}
|
|
101
|
+
.rarui-toast__compound_5__1cy6jj8i {
|
|
102
|
+
color: var(--rarui-colors-content-secondary);
|
|
103
|
+
}
|
|
104
|
+
.rarui-toast__compound_6__1cy6jj8j {
|
|
105
|
+
border-color: var(--rarui-colors-border-info);
|
|
106
|
+
}
|
|
107
|
+
.rarui-toast__compound_7__1cy6jj8k {
|
|
108
|
+
border-color: var(--rarui-colors-border-warning);
|
|
109
|
+
}
|
|
110
|
+
.rarui-toast__compound_8__1cy6jj8l {
|
|
111
|
+
border-color: var(--rarui-colors-border-success);
|
|
112
|
+
}
|
|
113
|
+
.rarui-toast__compound_9__1cy6jj8m {
|
|
114
|
+
border-color: var(--rarui-colors-border-error);
|
|
115
|
+
}
|
|
116
|
+
.rarui-toast__compound_10__1cy6jj8n {
|
|
117
|
+
border: revert;
|
|
118
|
+
background-color: var(--rarui-colors-surface-invert-secondary);
|
|
119
|
+
color: var(--rarui-colors-content-invert-secondary);
|
|
120
|
+
}
|
|
121
|
+
.rarui-toast__compound_11__1cy6jj8o {
|
|
122
|
+
border: revert;
|
|
123
|
+
background-color: var(--rarui-colors-surface-secondary);
|
|
124
|
+
color: var(--rarui-colors-content-secondary);
|
|
125
|
+
}
|
|
126
|
+
.rarui-toast_content__1cy6jj8p {
|
|
127
|
+
flex: 1;
|
|
128
|
+
display: flex;
|
|
129
|
+
flex-direction: column;
|
|
130
|
+
}
|
|
131
|
+
.rarui-toast_toast-container__1cy6jj8q {
|
|
132
|
+
position: fixed;
|
|
133
|
+
display: flex;
|
|
134
|
+
flex-direction: column;
|
|
135
|
+
gap: var(--rarui-spacing-xs);
|
|
136
|
+
padding: var(--rarui-spacing-xs);
|
|
137
|
+
list-style: none;
|
|
138
|
+
}
|
|
139
|
+
.rarui-toast_toast-container_position_bottomRight__1cy6jj8r {
|
|
140
|
+
right: 0;
|
|
141
|
+
bottom: 0;
|
|
142
|
+
}
|
|
143
|
+
.rarui-toast_toast-container_position_topRight__1cy6jj8s {
|
|
144
|
+
top: 0;
|
|
145
|
+
right: 0;
|
|
146
|
+
}
|
|
147
|
+
.rarui-toast_toast-container_position_bottomLeft__1cy6jj8t {
|
|
148
|
+
bottom: 0;
|
|
149
|
+
left: 0;
|
|
150
|
+
}
|
|
151
|
+
.rarui-toast_toast-container_position_topLeft__1cy6jj8u {
|
|
152
|
+
top: 0;
|
|
153
|
+
left: 0;
|
|
154
|
+
}
|
|
155
|
+
.rarui-toast_wrapper__1cy6jj8z {
|
|
156
|
+
will-change: transform;
|
|
157
|
+
}
|
|
158
|
+
.rarui-toast_wrapper_placement_bottomCenter__1cy6jj810 {
|
|
159
|
+
animation: rarui-toast_animartionToastBottonCenter__1cy6jj8v 800ms cubic-bezier(0,0.46,0,1.04) both;
|
|
160
|
+
}
|
|
161
|
+
.rarui-toast_wrapper_placement_bottomLeft__1cy6jj811 {
|
|
162
|
+
animation: rarui-toast_animartionToastLeft__1cy6jj8x 800ms cubic-bezier(0,0.46,0,1.04) both;
|
|
163
|
+
}
|
|
164
|
+
.rarui-toast_wrapper_placement_bottomRight__1cy6jj812 {
|
|
165
|
+
animation: rarui-toast_animartionToastRight__1cy6jj8y 800ms cubic-bezier(0,0.46,0,1.04) both;
|
|
166
|
+
}
|
|
167
|
+
.rarui-toast_wrapper_placement_topCenter__1cy6jj813 {
|
|
168
|
+
animation: rarui-toast_animartionToastTopCenter__1cy6jj8w 800ms cubic-bezier(0,0.46,0,1.04) both;
|
|
169
|
+
}
|
|
170
|
+
.rarui-toast_wrapper_placement_topLeft__1cy6jj814 {
|
|
171
|
+
animation: rarui-toast_animartionToastLeft__1cy6jj8x 800ms cubic-bezier(0,0.46,0,1.04) both;
|
|
172
|
+
}
|
|
173
|
+
.rarui-toast_wrapper_placement_topRight__1cy6jj815 {
|
|
174
|
+
animation: rarui-toast_animartionToastRight__1cy6jj8y 800ms cubic-bezier(0,0.46,0,1.04) both;
|
|
175
|
+
}
|
|
176
|
+
.rarui-toast_container__1cy6jj816 {
|
|
177
|
+
display: flex;
|
|
178
|
+
position: fixed;
|
|
179
|
+
flex-direction: column-reverse;
|
|
180
|
+
width: fit-content;
|
|
181
|
+
gap: var(--rarui-spacing-xs);
|
|
182
|
+
z-index: var(--rarui-zIndex-900);
|
|
183
|
+
}
|
|
184
|
+
.rarui-toast_container_placement_bottomCenter__1cy6jj817 {
|
|
185
|
+
left: 50%;
|
|
186
|
+
transform: translate(-50%);
|
|
187
|
+
bottom: 2rem;
|
|
188
|
+
}
|
|
189
|
+
.rarui-toast_container_placement_bottomLeft__1cy6jj818 {
|
|
190
|
+
left: 0;
|
|
191
|
+
bottom: 2rem;
|
|
192
|
+
}
|
|
193
|
+
.rarui-toast_container_placement_bottomRight__1cy6jj819 {
|
|
194
|
+
right: 0;
|
|
195
|
+
bottom: 2rem;
|
|
196
|
+
}
|
|
197
|
+
.rarui-toast_container_placement_topCenter__1cy6jj81a {
|
|
198
|
+
left: 50%;
|
|
199
|
+
transform: translate(-50%);
|
|
200
|
+
top: 2rem;
|
|
201
|
+
}
|
|
202
|
+
.rarui-toast_container_placement_topLeft__1cy6jj81b {
|
|
203
|
+
left: 0;
|
|
204
|
+
top: 2rem;
|
|
205
|
+
}
|
|
206
|
+
.rarui-toast_container_placement_topRight__1cy6jj81c {
|
|
207
|
+
right: 0;
|
|
208
|
+
top: 2rem;
|
|
209
|
+
}
|
|
210
|
+
@media screen and (min-width: 0px) {
|
|
211
|
+
.rarui-toast_width-xs__1cy6jj81h {
|
|
212
|
+
width: var(--width-xs__1cy6jj81d);
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
@media screen and (min-width: 768px) {
|
|
216
|
+
.rarui-toast_width-md__1cy6jj81i {
|
|
217
|
+
width: var(--width-md__1cy6jj81e);
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
@media screen and (min-width: 1200px) {
|
|
221
|
+
.rarui-toast_width-lg__1cy6jj81j {
|
|
222
|
+
width: var(--width-lg__1cy6jj81f);
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
@media screen and (min-width: 1400px) {
|
|
226
|
+
.rarui-toast_width-xl__1cy6jj81k {
|
|
227
|
+
width: var(--width-xl__1cy6jj81g);
|
|
228
|
+
}
|
|
229
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./../../../themes/globals.css";import"./rarui-toast.css";import{c as t}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";a({defaultClassName:"rarui-toast_container__1cy6jj816",variantClassNames:{placement:{bottomCenter:"rarui-toast_container_placement_bottomCenter__1cy6jj817",bottomLeft:"rarui-toast_container_placement_bottomLeft__1cy6jj818",bottomRight:"rarui-toast_container_placement_bottomRight__1cy6jj819",topCenter:"rarui-toast_container_placement_topCenter__1cy6jj81a",topLeft:"rarui-toast_container_placement_topLeft__1cy6jj81b",topRight:"rarui-toast_container_placement_topRight__1cy6jj81c"}},defaultVariants:{},compoundVariants:[]});var r=t({config:{width:{dynamic:{default:"rarui-toast_width-md__1cy6jj81i",conditions:{xs:"rarui-toast_width-xs__1cy6jj81h",md:"rarui-toast_width-md__1cy6jj81i",lg:"rarui-toast_width-lg__1cy6jj81j",xl:"rarui-toast_width-xl__1cy6jj81k"}},name:"width",vars:{conditions:{xs:"var(--width-xs__1cy6jj81d)",md:"var(--width-md__1cy6jj81e)",lg:"var(--width-lg__1cy6jj81f)",xl:"var(--width-xl__1cy6jj81g)"},default:"var(--width-md__1cy6jj81e)"},dynamicScale:!0}}}),_={toast:a({defaultClassName:"rarui-toast__1cy6jj80",variantClassNames:{appearance:{info:"rarui-toast_appearance_info__1cy6jj81",success:"rarui-toast_appearance_success__1cy6jj82",warning:"rarui-toast_appearance_warning__1cy6jj83",error:"rarui-toast_appearance_error__1cy6jj84",neutral:"rarui-toast_appearance_neutral__1cy6jj85",invert:"rarui-toast_appearance_invert__1cy6jj86"},size:{small:"rarui-toast_size_small__1cy6jj87",medium:"rarui-toast_size_medium__1cy6jj88",large:"rarui-toast_size_large__1cy6jj89"},variant:{solid:"rarui-toast_variant_solid__1cy6jj8a",tonal:"rarui-toast_variant_tonal__1cy6jj8b",ghost:"rarui-toast_variant_ghost__1cy6jj8c"}},defaultVariants:{},compoundVariants:[[{appearance:"info",variant:"tonal"},"rarui-toast__compound_0__1cy6jj8d"],[{appearance:"warning",variant:"tonal"},"rarui-toast__compound_1__1cy6jj8e"],[{appearance:"success",variant:"tonal"},"rarui-toast__compound_2__1cy6jj8f"],[{appearance:"error",variant:"tonal"},"rarui-toast__compound_3__1cy6jj8g"],[{appearance:"neutral",variant:"tonal"},"rarui-toast__compound_4__1cy6jj8h"],[{appearance:"invert",variant:"tonal"},"rarui-toast__compound_5__1cy6jj8i"],[{appearance:"info",variant:"ghost"},"rarui-toast__compound_6__1cy6jj8j"],[{appearance:"warning",variant:"ghost"},"rarui-toast__compound_7__1cy6jj8k"],[{appearance:"success",variant:"ghost"},"rarui-toast__compound_8__1cy6jj8l"],[{appearance:"error",variant:"ghost"},"rarui-toast__compound_9__1cy6jj8m"],[{appearance:"neutral",variant:"ghost"},"rarui-toast__compound_10__1cy6jj8n"],[{appearance:"invert",variant:"ghost"},"rarui-toast__compound_11__1cy6jj8o"]]}),container:a({defaultClassName:"rarui-toast_container__1cy6jj816",variantClassNames:{placement:{bottomCenter:"rarui-toast_container_placement_bottomCenter__1cy6jj817",bottomLeft:"rarui-toast_container_placement_bottomLeft__1cy6jj818",bottomRight:"rarui-toast_container_placement_bottomRight__1cy6jj819",topCenter:"rarui-toast_container_placement_topCenter__1cy6jj81a",topLeft:"rarui-toast_container_placement_topLeft__1cy6jj81b",topRight:"rarui-toast_container_placement_topRight__1cy6jj81c"}},defaultVariants:{},compoundVariants:[]}),content:"rarui-toast_content__1cy6jj8p",toastContainer:a({defaultClassName:"rarui-toast_toast-container__1cy6jj8q",variantClassNames:{position:{bottomRight:"rarui-toast_toast-container_position_bottomRight__1cy6jj8r",topRight:"rarui-toast_toast-container_position_topRight__1cy6jj8s",bottomLeft:"rarui-toast_toast-container_position_bottomLeft__1cy6jj8t",topLeft:"rarui-toast_toast-container_position_topLeft__1cy6jj8u"}},defaultVariants:{},compoundVariants:[]}),wrapper:a({defaultClassName:"rarui-toast_wrapper__1cy6jj8z",variantClassNames:{placement:{bottomCenter:"rarui-toast_wrapper_placement_bottomCenter__1cy6jj810",bottomLeft:"rarui-toast_wrapper_placement_bottomLeft__1cy6jj811",bottomRight:"rarui-toast_wrapper_placement_bottomRight__1cy6jj812",topCenter:"rarui-toast_wrapper_placement_topCenter__1cy6jj813",topLeft:"rarui-toast_wrapper_placement_topLeft__1cy6jj814",topRight:"rarui-toast_wrapper_placement_topRight__1cy6jj815"}},defaultVariants:{},compoundVariants:[]})};export{r as sprinkle,_ as styles};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{buttonStyles as r}from"./rarui-button.css.js";var s={classnames:r};export{s as button};
|