@rarui/styles 2.2.5 → 2.3.0-rc.2

package/dist/packages/exhibition/icon/rarui-icon.css

@@ -0,0 +1,252 @@
+.rarui-icon__edox5v0 {
+  display: flex;
+  align-items: center;
+}
+@media screen and (min-width: 0px) {
+  .rarui-icon_cursor-xs__edox5v5 {
+    cursor: var(--cursor-xs__edox5v1);
+  }
+  .rarui-icon_color-currentColor-xs__edox5v9 {
+    color: currentColor;
+  }
+  .rarui-icon_color-brand-xs__edox5vd {
+    color: var(--rarui-colors-content-brand);
+  }
+  .rarui-icon_color-brand-alt-xs__edox5vh {
+    color: var(--rarui-colors-content-brand-alt);
+  }
+  .rarui-icon_color-disabled-xs__edox5vl {
+    color: var(--rarui-colors-content-disabled);
+  }
+  .rarui-icon_color-error-xs__edox5vp {
+    color: var(--rarui-colors-content-error);
+  }
+  .rarui-icon_color-info-xs__edox5vt {
+    color: var(--rarui-colors-content-info);
+  }
+  .rarui-icon_color-invert-xs__edox5vx {
+    color: var(--rarui-colors-content-invert);
+  }
+  .rarui-icon_color-invert-disabled-xs__edox5v11 {
+    color: var(--rarui-colors-content-invert-disabled);
+  }
+  .rarui-icon_color-invert-secondary-xs__edox5v15 {
+    color: var(--rarui-colors-content-invert-secondary);
+  }
+  .rarui-icon_color-on-brand-xs__edox5v19 {
+    color: var(--rarui-colors-content-on-brand);
+  }
+  .rarui-icon_color-on-error-xs__edox5v1d {
+    color: var(--rarui-colors-content-on-error);
+  }
+  .rarui-icon_color-on-info-xs__edox5v1h {
+    color: var(--rarui-colors-content-on-info);
+  }
+  .rarui-icon_color-on-success-xs__edox5v1l {
+    color: var(--rarui-colors-content-on-success);
+  }
+  .rarui-icon_color-on-warning-xs__edox5v1p {
+    color: var(--rarui-colors-content-on-warning);
+  }
+  .rarui-icon_color-primary-xs__edox5v1t {
+    color: var(--rarui-colors-content-primary);
+  }
+  .rarui-icon_color-secondary-xs__edox5v1x {
+    color: var(--rarui-colors-content-secondary);
+  }
+  .rarui-icon_color-success-xs__edox5v21 {
+    color: var(--rarui-colors-content-success);
+  }
+  .rarui-icon_color-warning-xs__edox5v25 {
+    color: var(--rarui-colors-content-warning);
+  }
+  .rarui-icon_color-warning-alt-xs__edox5v29 {
+    color: var(--rarui-colors-content-warning-alt);
+  }
+}
+@media screen and (min-width: 768px) {
+  .rarui-icon_cursor-md__edox5v6 {
+    cursor: var(--cursor-md__edox5v2);
+  }
+  .rarui-icon_color-currentColor-md__edox5va {
+    color: currentColor;
+  }
+  .rarui-icon_color-brand-md__edox5ve {
+    color: var(--rarui-colors-content-brand);
+  }
+  .rarui-icon_color-brand-alt-md__edox5vi {
+    color: var(--rarui-colors-content-brand-alt);
+  }
+  .rarui-icon_color-disabled-md__edox5vm {
+    color: var(--rarui-colors-content-disabled);
+  }
+  .rarui-icon_color-error-md__edox5vq {
+    color: var(--rarui-colors-content-error);
+  }
+  .rarui-icon_color-info-md__edox5vu {
+    color: var(--rarui-colors-content-info);
+  }
+  .rarui-icon_color-invert-md__edox5vy {
+    color: var(--rarui-colors-content-invert);
+  }
+  .rarui-icon_color-invert-disabled-md__edox5v12 {
+    color: var(--rarui-colors-content-invert-disabled);
+  }
+  .rarui-icon_color-invert-secondary-md__edox5v16 {
+    color: var(--rarui-colors-content-invert-secondary);
+  }
+  .rarui-icon_color-on-brand-md__edox5v1a {
+    color: var(--rarui-colors-content-on-brand);
+  }
+  .rarui-icon_color-on-error-md__edox5v1e {
+    color: var(--rarui-colors-content-on-error);
+  }
+  .rarui-icon_color-on-info-md__edox5v1i {
+    color: var(--rarui-colors-content-on-info);
+  }
+  .rarui-icon_color-on-success-md__edox5v1m {
+    color: var(--rarui-colors-content-on-success);
+  }
+  .rarui-icon_color-on-warning-md__edox5v1q {
+    color: var(--rarui-colors-content-on-warning);
+  }
+  .rarui-icon_color-primary-md__edox5v1u {
+    color: var(--rarui-colors-content-primary);
+  }
+  .rarui-icon_color-secondary-md__edox5v1y {
+    color: var(--rarui-colors-content-secondary);
+  }
+  .rarui-icon_color-success-md__edox5v22 {
+    color: var(--rarui-colors-content-success);
+  }
+  .rarui-icon_color-warning-md__edox5v26 {
+    color: var(--rarui-colors-content-warning);
+  }
+  .rarui-icon_color-warning-alt-md__edox5v2a {
+    color: var(--rarui-colors-content-warning-alt);
+  }
+}
+@media screen and (min-width: 1200px) {
+  .rarui-icon_cursor-lg__edox5v7 {
+    cursor: var(--cursor-lg__edox5v3);
+  }
+  .rarui-icon_color-currentColor-lg__edox5vb {
+    color: currentColor;
+  }
+  .rarui-icon_color-brand-lg__edox5vf {
+    color: var(--rarui-colors-content-brand);
+  }
+  .rarui-icon_color-brand-alt-lg__edox5vj {
+    color: var(--rarui-colors-content-brand-alt);
+  }
+  .rarui-icon_color-disabled-lg__edox5vn {
+    color: var(--rarui-colors-content-disabled);
+  }
+  .rarui-icon_color-error-lg__edox5vr {
+    color: var(--rarui-colors-content-error);
+  }
+  .rarui-icon_color-info-lg__edox5vv {
+    color: var(--rarui-colors-content-info);
+  }
+  .rarui-icon_color-invert-lg__edox5vz {
+    color: var(--rarui-colors-content-invert);
+  }
+  .rarui-icon_color-invert-disabled-lg__edox5v13 {
+    color: var(--rarui-colors-content-invert-disabled);
+  }
+  .rarui-icon_color-invert-secondary-lg__edox5v17 {
+    color: var(--rarui-colors-content-invert-secondary);
+  }
+  .rarui-icon_color-on-brand-lg__edox5v1b {
+    color: var(--rarui-colors-content-on-brand);
+  }
+  .rarui-icon_color-on-error-lg__edox5v1f {
+    color: var(--rarui-colors-content-on-error);
+  }
+  .rarui-icon_color-on-info-lg__edox5v1j {
+    color: var(--rarui-colors-content-on-info);
+  }
+  .rarui-icon_color-on-success-lg__edox5v1n {
+    color: var(--rarui-colors-content-on-success);
+  }
+  .rarui-icon_color-on-warning-lg__edox5v1r {
+    color: var(--rarui-colors-content-on-warning);
+  }
+  .rarui-icon_color-primary-lg__edox5v1v {
+    color: var(--rarui-colors-content-primary);
+  }
+  .rarui-icon_color-secondary-lg__edox5v1z {
+    color: var(--rarui-colors-content-secondary);
+  }
+  .rarui-icon_color-success-lg__edox5v23 {
+    color: var(--rarui-colors-content-success);
+  }
+  .rarui-icon_color-warning-lg__edox5v27 {
+    color: var(--rarui-colors-content-warning);
+  }
+  .rarui-icon_color-warning-alt-lg__edox5v2b {
+    color: var(--rarui-colors-content-warning-alt);
+  }
+}
+@media screen and (min-width: 1400px) {
+  .rarui-icon_cursor-xl__edox5v8 {
+    cursor: var(--cursor-xl__edox5v4);
+  }
+  .rarui-icon_color-currentColor-xl__edox5vc {
+    color: currentColor;
+  }
+  .rarui-icon_color-brand-xl__edox5vg {
+    color: var(--rarui-colors-content-brand);
+  }
+  .rarui-icon_color-brand-alt-xl__edox5vk {
+    color: var(--rarui-colors-content-brand-alt);
+  }
+  .rarui-icon_color-disabled-xl__edox5vo {
+    color: var(--rarui-colors-content-disabled);
+  }
+  .rarui-icon_color-error-xl__edox5vs {
+    color: var(--rarui-colors-content-error);
+  }
+  .rarui-icon_color-info-xl__edox5vw {
+    color: var(--rarui-colors-content-info);
+  }
+  .rarui-icon_color-invert-xl__edox5v10 {
+    color: var(--rarui-colors-content-invert);
+  }
+  .rarui-icon_color-invert-disabled-xl__edox5v14 {
+    color: var(--rarui-colors-content-invert-disabled);
+  }
+  .rarui-icon_color-invert-secondary-xl__edox5v18 {
+    color: var(--rarui-colors-content-invert-secondary);
+  }
+  .rarui-icon_color-on-brand-xl__edox5v1c {
+    color: var(--rarui-colors-content-on-brand);
+  }
+  .rarui-icon_color-on-error-xl__edox5v1g {
+    color: var(--rarui-colors-content-on-error);
+  }
+  .rarui-icon_color-on-info-xl__edox5v1k {
+    color: var(--rarui-colors-content-on-info);
+  }
+  .rarui-icon_color-on-success-xl__edox5v1o {
+    color: var(--rarui-colors-content-on-success);
+  }
+  .rarui-icon_color-on-warning-xl__edox5v1s {
+    color: var(--rarui-colors-content-on-warning);
+  }
+  .rarui-icon_color-primary-xl__edox5v1w {
+    color: var(--rarui-colors-content-primary);
+  }
+  .rarui-icon_color-secondary-xl__edox5v20 {
+    color: var(--rarui-colors-content-secondary);
+  }
+  .rarui-icon_color-success-xl__edox5v24 {
+    color: var(--rarui-colors-content-success);
+  }
+  .rarui-icon_color-warning-xl__edox5v28 {
+    color: var(--rarui-colors-content-warning);
+  }
+  .rarui-icon_color-warning-alt-xl__edox5v2c {
+    color: var(--rarui-colors-content-warning-alt);
+  }
+}

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

@@ -0,0 +1 @@
+import"./../../../themes/globals.css";import"./rarui-icon.css";import{c as o}from"../../../node_modules/rainbow-sprinkles/dist/createRuntimeFn-891c4670.esm.js";import{c as r}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";r({defaultClassName:"rarui-icon__edox5v0",variantClassNames:{},defaultVariants:{},compoundVariants:[]});var n=o({config:{cursor:{dynamic:{default:"rarui-icon_cursor-xs__edox5v5",conditions:{xs:"rarui-icon_cursor-xs__edox5v5",md:"rarui-icon_cursor-md__edox5v6",lg:"rarui-icon_cursor-lg__edox5v7",xl:"rarui-icon_cursor-xl__edox5v8"}},name:"cursor",vars:{conditions:{xs:"var(--cursor-xs__edox5v1)",md:"var(--cursor-md__edox5v2)",lg:"var(--cursor-lg__edox5v3)",xl:"var(--cursor-xl__edox5v4)"},default:"var(--cursor-xs__edox5v1)"},dynamicScale:!0},color:{values:{currentColor:{conditions:{xs:"rarui-icon_color-currentColor-xs__edox5v9",md:"rarui-icon_color-currentColor-md__edox5va",lg:"rarui-icon_color-currentColor-lg__edox5vb",xl:"rarui-icon_color-currentColor-xl__edox5vc"},default:"rarui-icon_color-currentColor-xs__edox5v9"},brand:{conditions:{xs:"rarui-icon_color-brand-xs__edox5vd",md:"rarui-icon_color-brand-md__edox5ve",lg:"rarui-icon_color-brand-lg__edox5vf",xl:"rarui-icon_color-brand-xl__edox5vg"},default:"rarui-icon_color-brand-xs__edox5vd"},"brand-alt":{conditions:{xs:"rarui-icon_color-brand-alt-xs__edox5vh",md:"rarui-icon_color-brand-alt-md__edox5vi",lg:"rarui-icon_color-brand-alt-lg__edox5vj",xl:"rarui-icon_color-brand-alt-xl__edox5vk"},default:"rarui-icon_color-brand-alt-xs__edox5vh"},disabled:{conditions:{xs:"rarui-icon_color-disabled-xs__edox5vl",md:"rarui-icon_color-disabled-md__edox5vm",lg:"rarui-icon_color-disabled-lg__edox5vn",xl:"rarui-icon_color-disabled-xl__edox5vo"},default:"rarui-icon_color-disabled-xs__edox5vl"},error:{conditions:{xs:"rarui-icon_color-error-xs__edox5vp",md:"rarui-icon_color-error-md__edox5vq",lg:"rarui-icon_color-error-lg__edox5vr",xl:"rarui-icon_color-error-xl__edox5vs"},default:"rarui-icon_color-error-xs__edox5vp"},info:{conditions:{xs:"rarui-icon_color-info-xs__edox5vt",md:"rarui-icon_color-info-md__edox5vu",lg:"rarui-icon_color-info-lg__edox5vv",xl:"rarui-icon_color-info-xl__edox5vw"},default:"rarui-icon_color-info-xs__edox5vt"},invert:{conditions:{xs:"rarui-icon_color-invert-xs__edox5vx",md:"rarui-icon_color-invert-md__edox5vy",lg:"rarui-icon_color-invert-lg__edox5vz",xl:"rarui-icon_color-invert-xl__edox5v10"},default:"rarui-icon_color-invert-xs__edox5vx"},"invert-disabled":{conditions:{xs:"rarui-icon_color-invert-disabled-xs__edox5v11",md:"rarui-icon_color-invert-disabled-md__edox5v12",lg:"rarui-icon_color-invert-disabled-lg__edox5v13",xl:"rarui-icon_color-invert-disabled-xl__edox5v14"},default:"rarui-icon_color-invert-disabled-xs__edox5v11"},"invert-secondary":{conditions:{xs:"rarui-icon_color-invert-secondary-xs__edox5v15",md:"rarui-icon_color-invert-secondary-md__edox5v16",lg:"rarui-icon_color-invert-secondary-lg__edox5v17",xl:"rarui-icon_color-invert-secondary-xl__edox5v18"},default:"rarui-icon_color-invert-secondary-xs__edox5v15"},"on-brand":{conditions:{xs:"rarui-icon_color-on-brand-xs__edox5v19",md:"rarui-icon_color-on-brand-md__edox5v1a",lg:"rarui-icon_color-on-brand-lg__edox5v1b",xl:"rarui-icon_color-on-brand-xl__edox5v1c"},default:"rarui-icon_color-on-brand-xs__edox5v19"},"on-error":{conditions:{xs:"rarui-icon_color-on-error-xs__edox5v1d",md:"rarui-icon_color-on-error-md__edox5v1e",lg:"rarui-icon_color-on-error-lg__edox5v1f",xl:"rarui-icon_color-on-error-xl__edox5v1g"},default:"rarui-icon_color-on-error-xs__edox5v1d"},"on-info":{conditions:{xs:"rarui-icon_color-on-info-xs__edox5v1h",md:"rarui-icon_color-on-info-md__edox5v1i",lg:"rarui-icon_color-on-info-lg__edox5v1j",xl:"rarui-icon_color-on-info-xl__edox5v1k"},default:"rarui-icon_color-on-info-xs__edox5v1h"},"on-success":{conditions:{xs:"rarui-icon_color-on-success-xs__edox5v1l",md:"rarui-icon_color-on-success-md__edox5v1m",lg:"rarui-icon_color-on-success-lg__edox5v1n",xl:"rarui-icon_color-on-success-xl__edox5v1o"},default:"rarui-icon_color-on-success-xs__edox5v1l"},"on-warning":{conditions:{xs:"rarui-icon_color-on-warning-xs__edox5v1p",md:"rarui-icon_color-on-warning-md__edox5v1q",lg:"rarui-icon_color-on-warning-lg__edox5v1r",xl:"rarui-icon_color-on-warning-xl__edox5v1s"},default:"rarui-icon_color-on-warning-xs__edox5v1p"},primary:{conditions:{xs:"rarui-icon_color-primary-xs__edox5v1t",md:"rarui-icon_color-primary-md__edox5v1u",lg:"rarui-icon_color-primary-lg__edox5v1v",xl:"rarui-icon_color-primary-xl__edox5v1w"},default:"rarui-icon_color-primary-xs__edox5v1t"},secondary:{conditions:{xs:"rarui-icon_color-secondary-xs__edox5v1x",md:"rarui-icon_color-secondary-md__edox5v1y",lg:"rarui-icon_color-secondary-lg__edox5v1z",xl:"rarui-icon_color-secondary-xl__edox5v20"},default:"rarui-icon_color-secondary-xs__edox5v1x"},success:{conditions:{xs:"rarui-icon_color-success-xs__edox5v21",md:"rarui-icon_color-success-md__edox5v22",lg:"rarui-icon_color-success-lg__edox5v23",xl:"rarui-icon_color-success-xl__edox5v24"},default:"rarui-icon_color-success-xs__edox5v21"},warning:{conditions:{xs:"rarui-icon_color-warning-xs__edox5v25",md:"rarui-icon_color-warning-md__edox5v26",lg:"rarui-icon_color-warning-lg__edox5v27",xl:"rarui-icon_color-warning-xl__edox5v28"},default:"rarui-icon_color-warning-xs__edox5v25"},"warning-alt":{conditions:{xs:"rarui-icon_color-warning-alt-xs__edox5v29",md:"rarui-icon_color-warning-alt-md__edox5v2a",lg:"rarui-icon_color-warning-alt-lg__edox5v2b",xl:"rarui-icon_color-warning-alt-xl__edox5v2c"},default:"rarui-icon_color-warning-alt-xs__edox5v29"}},name:"color",staticScale:{currentColor:"currentColor",brand:"var(--rarui-colors-content-brand)","brand-alt":"var(--rarui-colors-content-brand-alt)",disabled:"var(--rarui-colors-content-disabled)",error:"var(--rarui-colors-content-error)",info:"var(--rarui-colors-content-info)",invert:"var(--rarui-colors-content-invert)","invert-disabled":"var(--rarui-colors-content-invert-disabled)","invert-secondary":"var(--rarui-colors-content-invert-secondary)","on-brand":"var(--rarui-colors-content-on-brand)","on-error":"var(--rarui-colors-content-on-error)","on-info":"var(--rarui-colors-content-on-info)","on-success":"var(--rarui-colors-content-on-success)","on-warning":"var(--rarui-colors-content-on-warning)",primary:"var(--rarui-colors-content-primary)",secondary:"var(--rarui-colors-content-secondary)",success:"var(--rarui-colors-content-success)",warning:"var(--rarui-colors-content-warning)","warning-alt":"var(--rarui-colors-content-warning-alt)"}}}}),i={icon:r({defaultClassName:"rarui-icon__edox5v0",variantClassNames:{},defaultVariants:{},compoundVariants:[]})};export{n as iconSprinkle,i as iconStyles};

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

@@ -0,0 +1,13 @@
+import { StandardLonghandProperties } from '../../../types/css.types.js';
+import { AddDollar, Conditions } from '../../../types/utils.types.js';
+import { colorProperties } from '../../../properties/css.js';
+
+type IconDynamicProperties = Pick<StandardLonghandProperties, "cursor">;
+interface IconSprinkle extends IconDynamicProperties {
+    /**
+     * The color property sets the icon.
+     */
+    color?: AddDollar<keyof typeof colorProperties> | Conditions<AddDollar<keyof typeof colorProperties>>;
+}
+
+export type { IconSprinkle };

package/dist/packages/exhibition/label/index.d.ts

@@ -0,0 +1,22 @@
+import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';
+
+declare const label: {
+    classnames: {
+        label: RuntimeFn<{
+            hidden: {
+                true: {
+                    border: "0";
+                    clip: "rect(0 0 0 0)";
+                    height: "1px";
+                    margin: "-1px";
+                    overflow: "hidden";
+                    padding: "0";
+                    position: "absolute";
+                    width: "1px";
+                };
+            };
+        }>;
+    };
+};
+
+export { label };

package/dist/packages/exhibition/label/index.js

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

package/dist/packages/exhibition/label/rarui-label.css

@@ -0,0 +1,20 @@
+.rarui-label__vvlhma0 {
+  display: flex;
+  align-items: center;
+  gap: var(--rarui-spacing-4xs);
+  color: var(--rarui-colors-content-primary);
+  font-size: var(--rarui-fontSize-label-m);
+  line-height: var(--rarui-lineHeight-label-m);
+  font-family: var(--rarui-fontFamily-body);
+  font-weight: var(--rarui-fontWeight-medium);
+}
+.rarui-label_hidden_true__vvlhma1 {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}

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

@@ -0,0 +1,23 @@
+import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';
+
+declare const styles: {
+    label: RuntimeFn<{
+        /**
+         * Specifies whether the label is hidden or not
+         */
+        hidden: {
+            true: {
+                border: "0";
+                clip: "rect(0 0 0 0)";
+                height: "1px";
+                margin: "-1px";
+                overflow: "hidden";
+                padding: "0";
+                position: "absolute";
+                width: "1px";
+            };
+        };
+    }>;
+};
+
+export { styles };

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

@@ -0,0 +1 @@
+import"./../../../themes/globals.css";import"./rarui-label.css";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var e={label:a({defaultClassName:"rarui-label__vvlhma0",variantClassNames:{hidden:{true:"rarui-label_hidden_true__vvlhma1"}},defaultVariants:{},compoundVariants:[]})};export{e as styles};

package/dist/packages/exhibition/label/rarui-label.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-label.css.js';
+
+type LabelVariants = RecipeVariants<typeof styles.label>;
+
+export type { LabelVariants };

package/dist/packages/exhibition/stepper/index.d.ts

@@ -0,0 +1,56 @@
+import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';
+
+declare const stepper: {
+    classNames: {
+        stepper: RuntimeFn<{
+            direction: {
+                horizontal: {
+                    width: "100%";
+                    flexDirection: "row";
+                };
+                vertical: {
+                    flexDirection: "column";
+                    height: "100%";
+                    alignItems: "flex-start";
+                };
+            };
+        }>;
+        step: RuntimeFn<{
+            direction: {
+                horizontal: {
+                    flexDirection: "column";
+                    ":after": {
+                        top: "20px";
+                        height: "1px";
+                        width: "calc(100% - 60px)";
+                        left: "calc(50% + 30px)";
+                    };
+                };
+                vertical: {
+                    ":after": {
+                        width: "1px";
+                        height: "calc(100% - 60px)";
+                        top: "calc(50% + 30px)";
+                        left: "18px";
+                    };
+                };
+            };
+        }>;
+        circle: RuntimeFn<{
+            active: {
+                true: {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+            done: {
+                true: {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        }>;
+    };
+};
+
+export { stepper };

package/dist/packages/exhibition/stepper/index.js

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

package/dist/packages/exhibition/stepper/rarui-stepper.css

@@ -0,0 +1,65 @@
+.rarui-stepper__30xssb0 {
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0;
+  padding: 0;
+}
+.rarui-stepper_direction_horizontal__30xssb1 {
+  width: 100%;
+  flex-direction: row;
+}
+.rarui-stepper_direction_vertical__30xssb2 {
+  flex-direction: column;
+  height: 100%;
+  align-items: flex-start;
+}
+.rarui-stepper_step__30xssb3 {
+  display: flex;
+  flex: 1;
+  place-items: center;
+  justify-content: center;
+  position: relative;
+  gap: var(--rarui-spacing-2xs);
+}
+.rarui-stepper_step__30xssb3:not(:last-child):after {
+  content: "";
+  position: absolute;
+  background-color: var(--rarui-colors-border-divider);
+  border-radius: var(--rarui-shape-border-radius-pill);
+}
+.rarui-stepper_step_direction_horizontal__30xssb4 {
+  flex-direction: column;
+}
+.rarui-stepper_step_direction_horizontal__30xssb4:after {
+  top: 20px;
+  height: 1px;
+  width: calc(100% - 60px);
+  left: calc(50% + 30px);
+}
+.rarui-stepper_step_direction_vertical__30xssb5:after {
+  width: 1px;
+  height: calc(100% - 60px);
+  top: calc(50% + 30px);
+  left: 18px;
+}
+.rarui-stepper_circle__30xssb6 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 2.5rem;
+  height: 2.5rem;
+  border-radius: 50%;
+  background-color: var(--rarui-colors-surface-disabled);
+  color: var(--rarui-colors-content-disabled);
+  font-family: var(--rarui-fontFamily-body);
+  font-size: var(--rarui-fontSize-body-s);
+  font-weight: var(--rarui-fontWeight-bold);
+}
+.rarui-stepper_circle_active_true__30xssb7 {
+  background-color: var(--rarui-colors-surface-brand-subdued);
+  color: var(--rarui-colors-content-brand);
+}
+.rarui-stepper_circle_done_true__30xssb8 {
+  background-color: var(--rarui-colors-surface-success);
+  color: var(--rarui-colors-content-on-success);
+}

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

@@ -0,0 +1,68 @@
+import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';
+
+declare const stepperStyles: {
+    stepper: RuntimeFn<{
+        /**
+         * Specifies the direction of the stepper. This prop accepts one of the following values: vertical or horizontal.
+         * @default horizontal
+         */
+        direction: {
+            horizontal: {
+                width: "100%";
+                flexDirection: "row";
+            };
+            vertical: {
+                flexDirection: "column";
+                height: "100%";
+                alignItems: "flex-start";
+            };
+        };
+    }>;
+    step: RuntimeFn<{
+        direction: {
+            /**
+             * Specifies the direction of the stepper. This prop accepts one of the following values: vertical or horizontal.
+             * @default horizontal
+             */
+            horizontal: {
+                flexDirection: "column";
+                ":after": {
+                    top: "20px";
+                    height: "1px";
+                    width: "calc(100% - 60px)";
+                    left: "calc(50% + 30px)";
+                };
+            };
+            vertical: {
+                ":after": {
+                    width: "1px";
+                    height: "calc(100% - 60px)";
+                    top: "calc(50% + 30px)";
+                    left: "18px";
+                };
+            };
+        };
+    }>;
+    circle: RuntimeFn<{
+        /**
+         * Indicates whether the step is currently active. An active step is typically highlighted to show that it is the current step.
+         */
+        active: {
+            true: {
+                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        };
+        /**
+         * Indicates whether the step has been completed. A completed step is usually marked with a checkmark or other indicator.
+         */
+        done: {
+            true: {
+                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        };
+    }>;
+};
+
+export { stepperStyles };

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

@@ -0,0 +1 @@
+import"./../../../themes/globals.css";import"./rarui-stepper.css";import{c as e}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var r={stepper:e({defaultClassName:"rarui-stepper__30xssb0",variantClassNames:{direction:{horizontal:"rarui-stepper_direction_horizontal__30xssb1",vertical:"rarui-stepper_direction_vertical__30xssb2"}},defaultVariants:{},compoundVariants:[]}),step:e({defaultClassName:"rarui-stepper_step__30xssb3",variantClassNames:{direction:{horizontal:"rarui-stepper_step_direction_horizontal__30xssb4",vertical:"rarui-stepper_step_direction_vertical__30xssb5"}},defaultVariants:{},compoundVariants:[]}),circle:e({defaultClassName:"rarui-stepper_circle__30xssb6",variantClassNames:{active:{true:"rarui-stepper_circle_active_true__30xssb7"},done:{true:"rarui-stepper_circle_done_true__30xssb8"}},defaultVariants:{},compoundVariants:[]})};export{r as stepperStyles};

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

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