@rarui/styles 2.2.5 → 2.3.0-rc.2

package/dist/packages/exhibition/tooltip/rarui-tooltip.css.d.ts

@@ -0,0 +1,43 @@
+import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';
+
+declare const styles: {
+    tooltip: RuntimeFn<{
+        /**
+         * Specifies whether the color scheme should be inverted
+         */
+        inverted: {
+            true: {
+                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            false: {
+                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        };
+        /**
+         * Specifies the padding for the tooltip
+         */
+        padding: {
+            base: {
+                padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            none: {
+                padding: number;
+            };
+        };
+    }>;
+    header: RuntimeFn<{
+        padding: {
+            base: {
+                padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            none: {
+                padding: number;
+            };
+        };
+    }>;
+    container: string;
+};
+
+export { styles };

package/dist/packages/exhibition/tooltip/rarui-tooltip.css.js

@@ -0,0 +1 @@
+import"./../../../themes/globals.css";import"./rarui-tooltip.css";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";a({defaultClassName:"rarui-tooltip_header__q8xsgi6",variantClassNames:{padding:{base:"rarui-tooltip_header_padding_base__q8xsgi7",none:"rarui-tooltip_header_padding_none__q8xsgi8"}},defaultVariants:{},compoundVariants:[]});var i={tooltip:a({defaultClassName:"rarui-tooltip__q8xsgi1",variantClassNames:{inverted:{true:"rarui-tooltip_inverted_true__q8xsgi2",false:"rarui-tooltip_inverted_false__q8xsgi3"},padding:{base:"rarui-tooltip_padding_base__q8xsgi4",none:"rarui-tooltip_padding_none__q8xsgi5"}},defaultVariants:{},compoundVariants:[]}),header:a({defaultClassName:"rarui-tooltip_header__q8xsgi6",variantClassNames:{padding:{base:"rarui-tooltip_header_padding_base__q8xsgi7",none:"rarui-tooltip_header_padding_none__q8xsgi8"}},defaultVariants:{},compoundVariants:[]}),container:"rarui-tooltip_container__q8xsgi0"};a({defaultClassName:"rarui-tooltip__q8xsgi1",variantClassNames:{inverted:{true:"rarui-tooltip_inverted_true__q8xsgi2",false:"rarui-tooltip_inverted_false__q8xsgi3"},padding:{base:"rarui-tooltip_padding_base__q8xsgi4",none:"rarui-tooltip_padding_none__q8xsgi5"}},defaultVariants:{},compoundVariants:[]});export{i as styles};

package/dist/packages/exhibition/tooltip/rarui-tooltip.types.d.ts

@@ -0,0 +1,6 @@
+import { RecipeVariants } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';
+import { styles } from './rarui-tooltip.css.js';
+
+type TooltipVariants = NonNullable<RecipeVariants<typeof styles.tooltip>>;
+
+export type { TooltipVariants };

package/dist/packages/feedback/progress/index.d.ts

@@ -0,0 +1,81 @@
+import { SprinklesFn } from '../../../node_modules/rainbow-sprinkles/dist/declarations/src/createRuntimeFn.d.js';
+import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';
+
+declare const progress: {
+    classnames: {
+        progress: string;
+        bar: string;
+        circle: RuntimeFn<{
+            size: {
+                large: {
+                    width: "8.75rem";
+                    height: "8.75rem";
+                };
+                small: {
+                    width: "5rem";
+                    height: "5rem";
+                };
+            };
+        }>;
+        circleBase: string;
+        circleProgress: string;
+        circleText: string;
+    };
+    sprinkle: SprinklesFn<[{
+        config: {
+            backgroundColor: {
+                values: {
+                    brand: {
+                        default: string;
+                    };
+                    info: {
+                        default: string;
+                    };
+                    success: {
+                        default: string;
+                    };
+                };
+                staticScale: {
+                    info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                name: "backgroundColor";
+            };
+            stroke: {
+                values: {
+                    brand: {
+                        default: string;
+                    };
+                    info: {
+                        default: string;
+                    };
+                    success: {
+                        default: string;
+                    };
+                };
+                staticScale: {
+                    info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                name: "stroke";
+            };
+        };
+    } & {
+        config: {
+            width: {
+                dynamic: {
+                    default: string;
+                };
+                dynamicScale: true;
+                name: "width";
+                vars: {
+                    default: string;
+                };
+            };
+        };
+    }]>;
+};
+
+export { progress };

package/dist/packages/feedback/progress/index.js

@@ -0,0 +1 @@
+import{progressSprinkle as r,progressStyles as s}from"./rarui-progress.css.js";var a={classnames:s,sprinkle:r};export{a as progress};

package/dist/packages/feedback/progress/rarui-progress.css

@@ -0,0 +1,59 @@
+.rarui-progress__1sduxrg0 {
+  display: flex;
+  align-items: flex-start;
+  align-self: stretch;
+  background-color: var(--rarui-colors-surface-disabled);
+}
+.rarui-progress_bar__1sduxrg1 {
+  height: 0.25rem;
+  border-radius: var(--rarui-shape-border-radius-pill);
+}
+.rarui-progress_circle__1sduxrg2 {
+  font-weight: var(--rarui-fontWeight-bold);
+  font-family: var(--rarui-fontFamily-body);
+  font-size: var(--rarui-fontSize-heading-l);
+  line-height: var(--rarui-lineHeight-heading-l);
+}
+.rarui-progress_circle_size_large__1sduxrg3 {
+  width: 8.75rem;
+  height: 8.75rem;
+}
+.rarui-progress_circle_size_small__1sduxrg4 {
+  width: 5rem;
+  height: 5rem;
+}
+.rarui-progress_circle-progress__1sduxrg5 {
+  transition: all 150ms ease;
+  transform: rotate(-90deg);
+  transform-origin: 50% 50%;
+  stroke: var(--rarui-colors-surface-info);
+}
+.rarui-progress_circle-text__1sduxrg6 {
+  dominant-baseline: middle;
+  text-anchor: middle;
+  fill: var(--rarui-colors-content-primary);
+}
+.rarui-progress_circle-base__1sduxrg7 {
+  stroke: var(--rarui-colors-border-disabled);
+}
+.rarui-progress_width__1sduxrg9 {
+  width: var(--width__1sduxrg8);
+}
+.rarui-progress_backgroundColor-info__1sduxrga {
+  background-color: var(--rarui-colors-surface-info);
+}
+.rarui-progress_backgroundColor-success__1sduxrgb {
+  background-color: var(--rarui-colors-surface-success);
+}
+.rarui-progress_backgroundColor-brand__1sduxrgc {
+  background-color: var(--rarui-colors-surface-brand);
+}
+.rarui-progress_stroke-info__1sduxrgd {
+  stroke: var(--rarui-colors-surface-info);
+}
+.rarui-progress_stroke-success__1sduxrge {
+  stroke: var(--rarui-colors-surface-success);
+}
+.rarui-progress_stroke-brand__1sduxrgf {
+  stroke: var(--rarui-colors-surface-brand);
+}

package/dist/packages/feedback/progress/rarui-progress.css.d.ts

@@ -0,0 +1,33 @@
+import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';
+
+declare const progressStyles: {
+    progress: string;
+    bar: string;
+    circle: RuntimeFn<{
+        /**
+         * Specifies the size of the progress indicator.
+         * This prop accepts one of the following values: "large" or "small".
+         * @default large
+         */
+        size: {
+            large: {
+                width: "8.75rem";
+                height: "8.75rem";
+            };
+            small: {
+                width: "5rem";
+                height: "5rem";
+            };
+        };
+    }>;
+    circleBase: string;
+    circleProgress: string;
+    circleText: string;
+};
+declare const progressColorProperties: {
+    info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+
+export { progressColorProperties, progressStyles };

package/dist/packages/feedback/progress/rarui-progress.css.js

@@ -0,0 +1 @@
+import"./../../../themes/globals.css";import"./rarui-progress.css";import{c as r}from"../../../node_modules/rainbow-sprinkles/dist/createRuntimeFn-891c4670.esm.js";import{c as s}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var e,a={info:"var(--rarui-colors-surface-info)",success:"var(--rarui-colors-surface-success)",brand:"var(--rarui-colors-surface-brand)"},o=r(((e={config:{width:{vars:{default:"var(--width__1sduxrg8)"},dynamic:{default:"rarui-progress_width__1sduxrg9"},dynamicScale:!0,name:"width"},backgroundColor:{values:{info:{default:"rarui-progress_backgroundColor-info__1sduxrga"},success:{default:"rarui-progress_backgroundColor-success__1sduxrgb"},brand:{default:"rarui-progress_backgroundColor-brand__1sduxrgc"}},name:"backgroundColor",staticScale:a},stroke:{values:{info:{default:"rarui-progress_stroke-info__1sduxrgd"},success:{default:"rarui-progress_stroke-success__1sduxrge"},brand:{default:"rarui-progress_stroke-brand__1sduxrgf"}},name:"stroke",staticScale:void 0}}}).config.stroke.staticScale=e.config.backgroundColor.staticScale,e)),c={progress:"rarui-progress__1sduxrg0",bar:"rarui-progress_bar__1sduxrg1",circle:s({defaultClassName:"rarui-progress_circle__1sduxrg2",variantClassNames:{size:{large:"rarui-progress_circle_size_large__1sduxrg3",small:"rarui-progress_circle_size_small__1sduxrg4"}},defaultVariants:{},compoundVariants:[]}),circleBase:"rarui-progress_circle-base__1sduxrg7",circleProgress:"rarui-progress_circle-progress__1sduxrg5",circleText:"rarui-progress_circle-text__1sduxrg6"};export{a as progressColorProperties,o as progressSprinkle,c as progressStyles};

package/dist/packages/feedback/progress/rarui-progress.types.d.ts

@@ -0,0 +1,16 @@
+import { RecipeVariants } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';
+import { AddDollar } from '../../../types/utils.types.js';
+import { progressStyles, progressColorProperties } from './rarui-progress.css.js';
+
+type ProgressVariants = NonNullable<RecipeVariants<typeof progressStyles.circle>>;
+interface ProgressSprinkle {
+    /**
+     * Specifies the color of the progress.
+     * This prop accepts one of the following values: "$info", "$success" or "$brand"
+     * @default $info
+     * @examples ["$brand", { xs: "$brand", md: "$info" }]
+     */
+    color?: AddDollar<keyof typeof progressColorProperties>;
+}
+
+export type { ProgressSprinkle, ProgressVariants };

package/dist/packages/feedback/skeleton/index.d.ts

@@ -0,0 +1,115 @@
+import { SprinklesFn } from '../../../node_modules/rainbow-sprinkles/dist/declarations/src/createRuntimeFn.d.js';
+import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';
+import { ComplexStyleRule } from '../../../node_modules/@vanilla-extract/css/dist/vanilla-extract-css.cjs.d.js';
+
+declare const skeleton: {
+    classnames: {
+        skeleton: RuntimeFn<{
+            [x: string]: {
+                [x: string]: string | ComplexStyleRule;
+            };
+        }>;
+    };
+    sprinkle: SprinklesFn<[{
+        config: {
+            width: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+                dynamicScale: true;
+                name: "width";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+            };
+            height: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+                dynamicScale: true;
+                name: "height";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+            };
+            maxWidth: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+                dynamicScale: true;
+                name: "maxWidth";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+            };
+            maxHeight: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+                dynamicScale: true;
+                name: "maxHeight";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+            };
+            minWidth: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+                dynamicScale: true;
+                name: "minWidth";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+            };
+            minHeight: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+                dynamicScale: true;
+                name: "minHeight";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+            };
+            borderRadius: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+                dynamicScale: {
+                    none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                name: "borderRadius";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+            };
+        };
+    }]>;
+};
+
+export { skeleton };

package/dist/packages/feedback/skeleton/index.js

@@ -0,0 +1 @@
+import{__assign as r}from"tslib";import{styles as s,sprinkle as o}from"./rarui-skeleton.css.js";var e={classnames:r({},s),sprinkle:o};export{e as skeleton};

package/dist/packages/feedback/skeleton/rarui-skeleton.css

@@ -0,0 +1,139 @@
+@keyframes rarui-skeleton_skeletonAnimation__12qc0wj0 {
+  0% {
+    left: 0;
+    opacity: 0;
+    right: initial;
+    width: 0%;
+  }
+  40% {
+    left: 0;
+    opacity: 0.5;
+    right: initial;
+    width: 100%;
+  }
+  50% {
+    left: initial;
+    right: 0;
+    width: 100%;
+  }
+  90% {
+    left: initial;
+    opacity: 0;
+    right: 0;
+    width: 0%;
+  }
+  100% {
+    left: 0;
+    right: initial;
+  }
+}
+.rarui-skeleton__12qc0wj1 {
+  background-color: var(--rarui-colors-surface-disabled);
+  position: relative;
+  overflow: hidden;
+}
+.rarui-skeleton__12qc0wj1:before {
+  content: "";
+  position: absolute;
+  height: 100%;
+  left: 0;
+  top: 0;
+  width: 0%;
+  background-color: var(--rarui-colors-surface-secondary);
+  animation-name: rarui-skeleton_skeletonAnimation__12qc0wj0;
+  animation-duration: 3000ms;
+  animation-iteration-count: infinite;
+  animation-timing-function: ease;
+}
+@media screen and (min-width: 0px) {
+  .rarui-skeleton_width-xs__12qc0wj6 {
+    width: var(--width-xs__12qc0wj2);
+  }
+  .rarui-skeleton_height-xs__12qc0wje {
+    height: var(--height-xs__12qc0wja);
+  }
+  .rarui-skeleton_maxWidth-xs__12qc0wjm {
+    max-width: var(--maxWidth-xs__12qc0wji);
+  }
+  .rarui-skeleton_maxHeight-xs__12qc0wju {
+    max-height: var(--maxHeight-xs__12qc0wjq);
+  }
+  .rarui-skeleton_minWidth-xs__12qc0wj12 {
+    min-width: var(--minWidth-xs__12qc0wjy);
+  }
+  .rarui-skeleton_minHeight-xs__12qc0wj1a {
+    min-height: var(--minHeight-xs__12qc0wj16);
+  }
+  .rarui-skeleton_borderRadius-xs__12qc0wj1i {
+    border-radius: var(--borderRadius-xs__12qc0wj1e);
+  }
+}
+@media screen and (min-width: 768px) {
+  .rarui-skeleton_width-md__12qc0wj7 {
+    width: var(--width-md__12qc0wj3);
+  }
+  .rarui-skeleton_height-md__12qc0wjf {
+    height: var(--height-md__12qc0wjb);
+  }
+  .rarui-skeleton_maxWidth-md__12qc0wjn {
+    max-width: var(--maxWidth-md__12qc0wjj);
+  }
+  .rarui-skeleton_maxHeight-md__12qc0wjv {
+    max-height: var(--maxHeight-md__12qc0wjr);
+  }
+  .rarui-skeleton_minWidth-md__12qc0wj13 {
+    min-width: var(--minWidth-md__12qc0wjz);
+  }
+  .rarui-skeleton_minHeight-md__12qc0wj1b {
+    min-height: var(--minHeight-md__12qc0wj17);
+  }
+  .rarui-skeleton_borderRadius-md__12qc0wj1j {
+    border-radius: var(--borderRadius-md__12qc0wj1f);
+  }
+}
+@media screen and (min-width: 1200px) {
+  .rarui-skeleton_width-lg__12qc0wj8 {
+    width: var(--width-lg__12qc0wj4);
+  }
+  .rarui-skeleton_height-lg__12qc0wjg {
+    height: var(--height-lg__12qc0wjc);
+  }
+  .rarui-skeleton_maxWidth-lg__12qc0wjo {
+    max-width: var(--maxWidth-lg__12qc0wjk);
+  }
+  .rarui-skeleton_maxHeight-lg__12qc0wjw {
+    max-height: var(--maxHeight-lg__12qc0wjs);
+  }
+  .rarui-skeleton_minWidth-lg__12qc0wj14 {
+    min-width: var(--minWidth-lg__12qc0wj10);
+  }
+  .rarui-skeleton_minHeight-lg__12qc0wj1c {
+    min-height: var(--minHeight-lg__12qc0wj18);
+  }
+  .rarui-skeleton_borderRadius-lg__12qc0wj1k {
+    border-radius: var(--borderRadius-lg__12qc0wj1g);
+  }
+}
+@media screen and (min-width: 1400px) {
+  .rarui-skeleton_width-xl__12qc0wj9 {
+    width: var(--width-xl__12qc0wj5);
+  }
+  .rarui-skeleton_height-xl__12qc0wjh {
+    height: var(--height-xl__12qc0wjd);
+  }
+  .rarui-skeleton_maxWidth-xl__12qc0wjp {
+    max-width: var(--maxWidth-xl__12qc0wjl);
+  }
+  .rarui-skeleton_maxHeight-xl__12qc0wjx {
+    max-height: var(--maxHeight-xl__12qc0wjt);
+  }
+  .rarui-skeleton_minWidth-xl__12qc0wj15 {
+    min-width: var(--minWidth-xl__12qc0wj11);
+  }
+  .rarui-skeleton_minHeight-xl__12qc0wj1d {
+    min-height: var(--minHeight-xl__12qc0wj19);
+  }
+  .rarui-skeleton_borderRadius-xl__12qc0wj1l {
+    border-radius: var(--borderRadius-xl__12qc0wj1h);
+  }
+}

package/dist/packages/feedback/skeleton/rarui-skeleton.css.js

@@ -0,0 +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};

package/dist/packages/feedback/skeleton/rarui-skeleton.types.d.ts

@@ -0,0 +1,13 @@
+import { StandardLonghandProperties } from '../../../types/css.types.js';
+import { AddDollar, Conditions } from '../../../types/utils.types.js';
+import { borderRadiusProperties } from '../../../properties/css.js';
+
+type SkeletonDynamicProperties = Pick<StandardLonghandProperties, "width" | "height" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight">;
+interface SkeletonSprinkle extends SkeletonDynamicProperties {
+    /**
+     * The borderRadius property sets the skeleton.
+     */
+    borderRadius?: AddDollar<keyof typeof borderRadiusProperties | string> | Conditions<AddDollar<keyof typeof borderRadiusProperties>> | string | Conditions<string>;
+}
+
+export type { SkeletonSprinkle };

package/dist/packages/feedback/status/index.d.ts

@@ -0,0 +1,70 @@
+import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';
+
+declare const status: {
+    classnames: {
+        status: RuntimeFn<{
+            full: {
+                true: {
+                    width: "100%";
+                };
+            };
+            appearance: {
+                success: {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                warning: {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                danger: {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                inverted: {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                neutral: {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                info: {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+            size: {
+                normal: {
+                    height: "1.75rem";
+                    fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                small: {
+                    height: "1.5rem";
+                    fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+            variant: {
+                solid: {};
+                text: {
+                    backgroundColor: "transparent";
+                };
+                subdued: {};
+            };
+        }>;
+        dot: RuntimeFn<{
+            size: {
+                normal: {
+                    height: ".5rem";
+                    width: ".5rem";
+                };
+                small: {
+                    height: ".25rem";
+                    width: ".25rem";
+                };
+            };
+        }>;
+    };
+};
+
+export { status };

package/dist/packages/feedback/status/index.js

@@ -0,0 +1 @@
+import{statusStyles as s}from"./rarui-status.css.js";var r={classnames:s};export{r as status};