@rarui/styles 2.6.3 → 2.7.0-rc.2

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

@@ -4,6 +4,7 @@ declare const styles: {
     label: RuntimeFn<{
         /**
          * Specifies whether the label is hidden or not
+         * @default false
          */
         hidden: {
             true: {

package/dist/packages/input/datepicker/index.d.ts

@@ -1,6 +1,7 @@
 declare const datepicker: {
     classnames: {
         datepicker: string;
+        datepickerWrapper: string;
         day: string;
         weekday: string;
         time: string;

package/dist/packages/input/datepicker/rarui-datepicker.css

@@ -7,23 +7,26 @@
   border-radius: var(--rarui-shape-border-radius-xs);
   overflow: hidden;
 }
-.rarui-datepicker_weekday__1172dxe1 {
+.rarui-datepicker__1172dxe1 {
+  width: 100%;
+}
+.rarui-datepicker_weekday__1172dxe2 {
   text-transform: capitalize;
   flex: 1;
   color: var(--rarui-colors-content-secondary);
   font-size: var(--rarui-fontSize-body-xs);
   font-weight: var(--rarui-fontWeight-regular);
 }
-.rarui-datepicker_day__1172dxe2 {
+.rarui-datepicker_day__1172dxe3 {
   width: 2.5rem;
 }
-.rarui-datepicker_time__1172dxe3 {
+.rarui-datepicker_time__1172dxe4 {
   height: auto !important;
   padding: 0 !important;
   margin: 0px var(--rarui-spacing-4xs);
   margin-bottom: var(--rarui-spacing-4xs);
 }
-.rarui-datepicker_time__1172dxe3:hover {
+.rarui-datepicker_time__1172dxe4:hover {
   background-color: var(--rarui-colors-surface-brand-hover) !important;
 }
 .rarui-datepicker__1172dxe0 .react-datepicker__header {
@@ -94,7 +97,7 @@
    .rarui-datepicker__1172dxe0 .react-datepicker__day,
    .rarui-datepicker__1172dxe0 .react-datepicker__month-text,
    .rarui-datepicker__1172dxe0 .react-datepicker__year-text,
-   .rarui-datepicker__1172dxe0 .rarui-datepicker_time__1172dxe3
+   .rarui-datepicker__1172dxe0 .rarui-datepicker_time__1172dxe4
   {
   border-style: solid;
   border-color: transparent;
@@ -110,7 +113,7 @@
    .rarui-datepicker__1172dxe0 .react-datepicker__day:hover,
    .rarui-datepicker__1172dxe0 .react-datepicker__month-text:hover,
    .rarui-datepicker__1172dxe0 .react-datepicker__year-text:hover,
-   .rarui-datepicker__1172dxe0 .rarui-datepicker_time__1172dxe3:hover
+   .rarui-datepicker__1172dxe0 .rarui-datepicker_time__1172dxe4:hover
   {
   border-radius: var(--rarui-shape-border-radius-2xs);
   border-color: var(--rarui-colors-border-brand);

package/dist/packages/input/datepicker/rarui-datepicker.css.js

@@ -1 +1 @@
-var e={datepicker:"rarui-datepicker__1172dxe0",day:"rarui-datepicker_day__1172dxe2",weekday:"rarui-datepicker_weekday__1172dxe1",time:"rarui-datepicker_time__1172dxe3"};export{e as datepickerStyles};
+var e={datepicker:"rarui-datepicker__1172dxe0",datepickerWrapper:"rarui-datepicker__1172dxe1",day:"rarui-datepicker_day__1172dxe3",weekday:"rarui-datepicker_weekday__1172dxe2",time:"rarui-datepicker_time__1172dxe4"};export{e as datepickerStyles};

package/dist/packages/input/dropdown/rarui-dropdown.css.d.ts

@@ -16,6 +16,12 @@ declare const dropdownStyles: {
         };
     }>;
     item: RuntimeFn<{
+        /**
+         * Indicates if the item is selected.
+         * This affects the visual style, such as highlight or marking.
+         *
+         * @default false
+         */
         selected: {
             true: {
                 backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;

package/dist/packages/input/dropdown/rarui-dropdown.css.js

@@ -1 +1 @@
-import{c as d}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";var _=d({config:{width:{dynamic:{default:"rarui-dropdown_width-xs__1b7gjg59",conditions:{xs:"rarui-dropdown_width-xs__1b7gjg59",md:"rarui-dropdown_width-md__1b7gjg5a",lg:"rarui-dropdown_width-lg__1b7gjg5b",xl:"rarui-dropdown_width-xl__1b7gjg5c"}},name:"width",vars:{conditions:{xs:"var(--width-xs__1b7gjg55)",md:"var(--width-md__1b7gjg56)",lg:"var(--width-lg__1b7gjg57)",xl:"var(--width-xl__1b7gjg58)"},default:"var(--width-xs__1b7gjg55)"},dynamicScale:!0},maxWidth:{dynamic:{default:"rarui-dropdown_maxWidth-xs__1b7gjg5h",conditions:{xs:"rarui-dropdown_maxWidth-xs__1b7gjg5h",md:"rarui-dropdown_maxWidth-md__1b7gjg5i",lg:"rarui-dropdown_maxWidth-lg__1b7gjg5j",xl:"rarui-dropdown_maxWidth-xl__1b7gjg5k"}},name:"maxWidth",vars:{conditions:{xs:"var(--maxWidth-xs__1b7gjg5d)",md:"var(--maxWidth-md__1b7gjg5e)",lg:"var(--maxWidth-lg__1b7gjg5f)",xl:"var(--maxWidth-xl__1b7gjg5g)"},default:"var(--maxWidth-xs__1b7gjg5d)"},dynamicScale:!0},zIndex:{values:{100:{conditions:{xs:"rarui-dropdown_zIndex-100-xs__1b7gjg5l",md:"rarui-dropdown_zIndex-100-md__1b7gjg5m",lg:"rarui-dropdown_zIndex-100-lg__1b7gjg5n",xl:"rarui-dropdown_zIndex-100-xl__1b7gjg5o"},default:"rarui-dropdown_zIndex-100-xs__1b7gjg5l"},200:{conditions:{xs:"rarui-dropdown_zIndex-200-xs__1b7gjg5p",md:"rarui-dropdown_zIndex-200-md__1b7gjg5q",lg:"rarui-dropdown_zIndex-200-lg__1b7gjg5r",xl:"rarui-dropdown_zIndex-200-xl__1b7gjg5s"},default:"rarui-dropdown_zIndex-200-xs__1b7gjg5p"},300:{conditions:{xs:"rarui-dropdown_zIndex-300-xs__1b7gjg5t",md:"rarui-dropdown_zIndex-300-md__1b7gjg5u",lg:"rarui-dropdown_zIndex-300-lg__1b7gjg5v",xl:"rarui-dropdown_zIndex-300-xl__1b7gjg5w"},default:"rarui-dropdown_zIndex-300-xs__1b7gjg5t"},400:{conditions:{xs:"rarui-dropdown_zIndex-400-xs__1b7gjg5x",md:"rarui-dropdown_zIndex-400-md__1b7gjg5y",lg:"rarui-dropdown_zIndex-400-lg__1b7gjg5z",xl:"rarui-dropdown_zIndex-400-xl__1b7gjg510"},default:"rarui-dropdown_zIndex-400-xs__1b7gjg5x"},500:{conditions:{xs:"rarui-dropdown_zIndex-500-xs__1b7gjg511",md:"rarui-dropdown_zIndex-500-md__1b7gjg512",lg:"rarui-dropdown_zIndex-500-lg__1b7gjg513",xl:"rarui-dropdown_zIndex-500-xl__1b7gjg514"},default:"rarui-dropdown_zIndex-500-xs__1b7gjg511"},600:{conditions:{xs:"rarui-dropdown_zIndex-600-xs__1b7gjg515",md:"rarui-dropdown_zIndex-600-md__1b7gjg516",lg:"rarui-dropdown_zIndex-600-lg__1b7gjg517",xl:"rarui-dropdown_zIndex-600-xl__1b7gjg518"},default:"rarui-dropdown_zIndex-600-xs__1b7gjg515"},700:{conditions:{xs:"rarui-dropdown_zIndex-700-xs__1b7gjg519",md:"rarui-dropdown_zIndex-700-md__1b7gjg51a",lg:"rarui-dropdown_zIndex-700-lg__1b7gjg51b",xl:"rarui-dropdown_zIndex-700-xl__1b7gjg51c"},default:"rarui-dropdown_zIndex-700-xs__1b7gjg519"},800:{conditions:{xs:"rarui-dropdown_zIndex-800-xs__1b7gjg51d",md:"rarui-dropdown_zIndex-800-md__1b7gjg51e",lg:"rarui-dropdown_zIndex-800-lg__1b7gjg51f",xl:"rarui-dropdown_zIndex-800-xl__1b7gjg51g"},default:"rarui-dropdown_zIndex-800-xs__1b7gjg51d"},900:{conditions:{xs:"rarui-dropdown_zIndex-900-xs__1b7gjg51h",md:"rarui-dropdown_zIndex-900-md__1b7gjg51i",lg:"rarui-dropdown_zIndex-900-lg__1b7gjg51j",xl:"rarui-dropdown_zIndex-900-xl__1b7gjg51k"},default:"rarui-dropdown_zIndex-900-xs__1b7gjg51h"}},name:"zIndex",staticScale:{100:"var(--rarui-zIndex-100)",200:"var(--rarui-zIndex-200)",300:"var(--rarui-zIndex-300)",400:"var(--rarui-zIndex-400)",500:"var(--rarui-zIndex-500)",600:"var(--rarui-zIndex-600)",700:"var(--rarui-zIndex-700)",800:"var(--rarui-zIndex-800)",900:"var(--rarui-zIndex-900)"}}}}),n={dropdown:r({defaultClassName:"rarui-dropdown__1b7gjg50",variantClassNames:{padding:{base:"rarui-dropdown_padding_base__1b7gjg51",none:"rarui-dropdown_padding_none__1b7gjg52"}},defaultVariants:{},compoundVariants:[]}),item:r({defaultClassName:"rarui-dropdown_item__1b7gjg53",variantClassNames:{selected:{true:"rarui-dropdown_item_selected_true__1b7gjg54"}},defaultVariants:{},compoundVariants:[]})};export{_ as dropdownSprinkle,n as dropdownStyles};
+import{c as d}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";var _=d({config:{width:{dynamic:{default:"rarui-dropdown_width-xs__1b7gjg59",conditions:{xs:"rarui-dropdown_width-xs__1b7gjg59",md:"rarui-dropdown_width-md__1b7gjg5a",lg:"rarui-dropdown_width-lg__1b7gjg5b",xl:"rarui-dropdown_width-xl__1b7gjg5c"}},name:"width",vars:{conditions:{xs:"var(--width-xs__1b7gjg55)",md:"var(--width-md__1b7gjg56)",lg:"var(--width-lg__1b7gjg57)",xl:"var(--width-xl__1b7gjg58)"},default:"var(--width-xs__1b7gjg55)"},dynamicScale:!0},maxWidth:{dynamic:{default:"rarui-dropdown_maxWidth-xs__1b7gjg5h",conditions:{xs:"rarui-dropdown_maxWidth-xs__1b7gjg5h",md:"rarui-dropdown_maxWidth-md__1b7gjg5i",lg:"rarui-dropdown_maxWidth-lg__1b7gjg5j",xl:"rarui-dropdown_maxWidth-xl__1b7gjg5k"}},name:"maxWidth",vars:{conditions:{xs:"var(--maxWidth-xs__1b7gjg5d)",md:"var(--maxWidth-md__1b7gjg5e)",lg:"var(--maxWidth-lg__1b7gjg5f)",xl:"var(--maxWidth-xl__1b7gjg5g)"},default:"var(--maxWidth-xs__1b7gjg5d)"},dynamicScale:!0},zIndex:{values:{100:{conditions:{xs:"rarui-dropdown_zIndex-100-xs__1b7gjg5l",md:"rarui-dropdown_zIndex-100-md__1b7gjg5m",lg:"rarui-dropdown_zIndex-100-lg__1b7gjg5n",xl:"rarui-dropdown_zIndex-100-xl__1b7gjg5o"},default:"rarui-dropdown_zIndex-100-xs__1b7gjg5l"},200:{conditions:{xs:"rarui-dropdown_zIndex-200-xs__1b7gjg5p",md:"rarui-dropdown_zIndex-200-md__1b7gjg5q",lg:"rarui-dropdown_zIndex-200-lg__1b7gjg5r",xl:"rarui-dropdown_zIndex-200-xl__1b7gjg5s"},default:"rarui-dropdown_zIndex-200-xs__1b7gjg5p"},300:{conditions:{xs:"rarui-dropdown_zIndex-300-xs__1b7gjg5t",md:"rarui-dropdown_zIndex-300-md__1b7gjg5u",lg:"rarui-dropdown_zIndex-300-lg__1b7gjg5v",xl:"rarui-dropdown_zIndex-300-xl__1b7gjg5w"},default:"rarui-dropdown_zIndex-300-xs__1b7gjg5t"},400:{conditions:{xs:"rarui-dropdown_zIndex-400-xs__1b7gjg5x",md:"rarui-dropdown_zIndex-400-md__1b7gjg5y",lg:"rarui-dropdown_zIndex-400-lg__1b7gjg5z",xl:"rarui-dropdown_zIndex-400-xl__1b7gjg510"},default:"rarui-dropdown_zIndex-400-xs__1b7gjg5x"},500:{conditions:{xs:"rarui-dropdown_zIndex-500-xs__1b7gjg511",md:"rarui-dropdown_zIndex-500-md__1b7gjg512",lg:"rarui-dropdown_zIndex-500-lg__1b7gjg513",xl:"rarui-dropdown_zIndex-500-xl__1b7gjg514"},default:"rarui-dropdown_zIndex-500-xs__1b7gjg511"},600:{conditions:{xs:"rarui-dropdown_zIndex-600-xs__1b7gjg515",md:"rarui-dropdown_zIndex-600-md__1b7gjg516",lg:"rarui-dropdown_zIndex-600-lg__1b7gjg517",xl:"rarui-dropdown_zIndex-600-xl__1b7gjg518"},default:"rarui-dropdown_zIndex-600-xs__1b7gjg515"},700:{conditions:{xs:"rarui-dropdown_zIndex-700-xs__1b7gjg519",md:"rarui-dropdown_zIndex-700-md__1b7gjg51a",lg:"rarui-dropdown_zIndex-700-lg__1b7gjg51b",xl:"rarui-dropdown_zIndex-700-xl__1b7gjg51c"},default:"rarui-dropdown_zIndex-700-xs__1b7gjg519"},800:{conditions:{xs:"rarui-dropdown_zIndex-800-xs__1b7gjg51d",md:"rarui-dropdown_zIndex-800-md__1b7gjg51e",lg:"rarui-dropdown_zIndex-800-lg__1b7gjg51f",xl:"rarui-dropdown_zIndex-800-xl__1b7gjg51g"},default:"rarui-dropdown_zIndex-800-xs__1b7gjg51d"},900:{conditions:{xs:"rarui-dropdown_zIndex-900-xs__1b7gjg51h",md:"rarui-dropdown_zIndex-900-md__1b7gjg51i",lg:"rarui-dropdown_zIndex-900-lg__1b7gjg51j",xl:"rarui-dropdown_zIndex-900-xl__1b7gjg51k"},default:"rarui-dropdown_zIndex-900-xs__1b7gjg51h"}},name:"zIndex",staticScale:{100:"var(--rarui-zIndex-100)",200:"var(--rarui-zIndex-200)",300:"var(--rarui-zIndex-300)",400:"var(--rarui-zIndex-400)",500:"var(--rarui-zIndex-500)",600:"var(--rarui-zIndex-600)",700:"var(--rarui-zIndex-700)",800:"var(--rarui-zIndex-800)",900:"var(--rarui-zIndex-900)"}}}}),n={dropdown:r({defaultClassName:"rarui-dropdown__1b7gjg50",variantClassNames:{padding:{base:"rarui-dropdown_padding_base__1b7gjg51",none:"rarui-dropdown_padding_none__1b7gjg52"}},defaultVariants:{padding:"base"},compoundVariants:[]}),item:r({defaultClassName:"rarui-dropdown_item__1b7gjg53",variantClassNames:{selected:{true:"rarui-dropdown_item_selected_true__1b7gjg54"}},defaultVariants:{},compoundVariants:[]})};export{_ as dropdownSprinkle,n as dropdownStyles};

package/dist/packages/input/input/rarui-input.css.d.ts

@@ -27,6 +27,7 @@ declare const styles: {
         };
         /**
          * Determines if the input have borders or not.
+         * @default true
          */
         border: {
             true: {
@@ -51,12 +52,14 @@ declare const styles: {
     input: RuntimeFn<{
         /**
          * Places a divider between the input and the leading components
+         * @default true
          */
         divider: {
             false: {};
         };
         /**
          * Specifies the size of the input, controlling its dimensions.
+         * @default medium
          */
         size: {
             large: {

package/dist/packages/input/toggle/rarui-toggle.css.d.ts

@@ -4,6 +4,7 @@ declare const styles: {
     toggle: RuntimeFn<{
         /**
          * Specifies the size of the toggle, controlling its dimensions.
+         * @default large
          */
         size: {
             large: {
@@ -33,6 +34,7 @@ declare const styles: {
         };
         /**
          * Specifies whether the radiobutton is in error state
+         * @default false
          */
         error: {
             true: {

package/dist/packages/layout/box/index.d.ts

@@ -3043,6 +3043,18 @@ declare const box: {
                     conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
                 };
             };
+            verticalAlign: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
+                };
+                dynamicScale: true;
+                name: "verticalAlign";
+                vars: {
+                    default: string;
+                    conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
+                };
+            };
         };
     } & {
         config: {