@rarui/styles 2.6.0 → 2.6.2

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.
Files changed (34) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/index.css +1 -1
  3. package/dist/packages/exhibition/avatar/rarui-avatar.css +1 -1
  4. package/dist/packages/exhibition/avatar/rarui-avatar.css.js +1 -1
  5. package/dist/packages/exhibition/badge/rarui-badge.css.d.ts +2 -2
  6. package/dist/packages/exhibition/divider/index.d.ts +8 -8
  7. package/dist/packages/exhibition/divider/rarui-divider.types.d.ts +3 -0
  8. package/dist/packages/exhibition/icon/index.d.ts +18 -18
  9. package/dist/packages/exhibition/stepper/index.d.ts +16 -1
  10. package/dist/packages/exhibition/stepper/rarui-stepper.css +18 -2
  11. package/dist/packages/exhibition/stepper/rarui-stepper.css.d.ts +22 -1
  12. package/dist/packages/exhibition/stepper/rarui-stepper.css.js +1 -1
  13. package/dist/packages/exhibition/text/index.d.ts +18 -18
  14. package/dist/packages/exhibition/title/index.d.ts +18 -18
  15. package/dist/packages/exhibition/tooltip/rarui-tooltip.css.d.ts +2 -0
  16. package/dist/packages/exhibition/tooltip/rarui-tooltip.css.js +1 -1
  17. package/dist/packages/input/button/rarui-button.css +3 -0
  18. package/dist/packages/input/button/rarui-button.css.d.ts +3 -1
  19. package/dist/packages/input/button/rarui-button.css.js +1 -1
  20. package/dist/packages/input/chip/rarui-chip.css +5 -3
  21. package/dist/packages/input/chip/rarui-chip.css.d.ts +4 -0
  22. package/dist/packages/input/chip/rarui-chip.css.js +1 -1
  23. package/dist/packages/input/iconButton/rarui-iconButton.css +3 -0
  24. package/dist/packages/input/iconButton/rarui-iconButton.css.d.ts +9 -0
  25. package/dist/packages/input/iconButton/rarui-iconButton.css.js +1 -1
  26. package/dist/packages/input/iconButton/rarui-iconButton.types.d.ts +1 -1
  27. package/dist/packages/layout/box/index.d.ts +319 -319
  28. package/dist/packages/layout/sidebar/index.d.ts +2 -2
  29. package/dist/packages/navigation/tabs/index.d.ts +11 -11
  30. package/dist/packages/navigation/tabs/rarui-tabs.css +12 -12
  31. package/dist/packages/navigation/tabs/rarui-tabs.css.d.ts +14 -14
  32. package/dist/packages/navigation/tabs/rarui-tabs.css.js +1 -1
  33. package/dist/packages/surface/card/index.d.ts +33 -33
  34. package/package.json +1 -1
@@ -4,6 +4,7 @@ declare const chipStyles: {
4
4
  chip: RuntimeFn<{
5
5
  /**
6
6
  * Specifies whether the chip will be displayed in the pill shape
7
+ * @default false
7
8
  */
8
9
  pill: {
9
10
  true: {
@@ -12,6 +13,7 @@ declare const chipStyles: {
12
13
  };
13
14
  /**
14
15
  * Specifies whether the chip is selected
16
+ * @default false
15
17
  */
16
18
  selected: {
17
19
  true: {
@@ -25,6 +27,7 @@ declare const chipStyles: {
25
27
  };
26
28
  /**
27
29
  * Specifies the size of the chip
30
+ * @default medium
28
31
  */
29
32
  size: {
30
33
  medium: {
@@ -41,6 +44,7 @@ declare const chipStyles: {
41
44
  /**
42
45
  * Specifies whether to handle text overflow within the chip.
43
46
  * When true, overflowing text is typically truncated with an ellipsis.
47
+ * @default false
44
48
  */
45
49
  textOverflow: {
46
50
  true: {
@@ -1 +1 @@
1
- import"./../../../themes/globals.css";import"./rarui-chip.css";import{c as r}from"../../../node_modules/rainbow-sprinkles/dist/createRuntimeFn-891c4670.esm.js";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var i=r({config:{textTransform:{dynamic:{default:"rarui-chip_textTransform-xs__1rk47ppe",conditions:{xs:"rarui-chip_textTransform-xs__1rk47ppe",md:"rarui-chip_textTransform-md__1rk47ppf",lg:"rarui-chip_textTransform-lg__1rk47ppg",xl:"rarui-chip_textTransform-xl__1rk47pph"}},name:"textTransform",vars:{conditions:{xs:"var(--textTransform-xs__1rk47ppa)",md:"var(--textTransform-md__1rk47ppb)",lg:"var(--textTransform-lg__1rk47ppc)",xl:"var(--textTransform-xl__1rk47ppd)"},default:"var(--textTransform-xs__1rk47ppa)"},dynamicScale:!0},padding:{values:{medium:{conditions:{xs:"rarui-chip_padding-medium-xs__1rk47ppi",md:"rarui-chip_padding-medium-md__1rk47ppj",lg:"rarui-chip_padding-medium-lg__1rk47ppk",xl:"rarui-chip_padding-medium-xl__1rk47ppl"},default:"rarui-chip_padding-medium-xs__1rk47ppi"},small:{conditions:{xs:"rarui-chip_padding-small-xs__1rk47ppm",md:"rarui-chip_padding-small-md__1rk47ppn",lg:"rarui-chip_padding-small-lg__1rk47ppo",xl:"rarui-chip_padding-small-xl__1rk47ppp"},default:"rarui-chip_padding-small-xs__1rk47ppm"}},name:"padding",staticScale:_}}}),p={chip:a({defaultClassName:"rarui-chip__1rk47pp0",variantClassNames:{pill:{true:"rarui-chip_pill_true__1rk47pp1"},selected:{true:"rarui-chip_selected_true__1rk47pp2"},size:{medium:"rarui-chip_size_medium__1rk47pp3",small:"rarui-chip_size_small__1rk47pp4"},textOverflow:{true:"rarui-chip_textOverflow_true__1rk47pp5"}},defaultVariants:{},compoundVariants:[]}),content:a({defaultClassName:"rarui-chip_content__1rk47pp6",variantClassNames:{textOverflow:{true:"rarui-chip_content_textOverflow_true__1rk47pp7"}},defaultVariants:{},compoundVariants:[]}),close:"rarui-chip_close__1rk47pp8",overlay:"rarui-chip_overlay__1rk47pp9"},_={medium:"0 var(--rarui-spacing-xs)",small:"0 var(--rarui-spacing-4xs)"};export{i as chipSprinkle,p as chipStyles,_ as paddingProperties};
1
+ import"./../../../themes/globals.css";import"./rarui-chip.css";import{c as r}from"../../../node_modules/rainbow-sprinkles/dist/createRuntimeFn-891c4670.esm.js";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var i=r({config:{textTransform:{dynamic:{default:"rarui-chip_textTransform-xs__1rk47ppe",conditions:{xs:"rarui-chip_textTransform-xs__1rk47ppe",md:"rarui-chip_textTransform-md__1rk47ppf",lg:"rarui-chip_textTransform-lg__1rk47ppg",xl:"rarui-chip_textTransform-xl__1rk47pph"}},name:"textTransform",vars:{conditions:{xs:"var(--textTransform-xs__1rk47ppa)",md:"var(--textTransform-md__1rk47ppb)",lg:"var(--textTransform-lg__1rk47ppc)",xl:"var(--textTransform-xl__1rk47ppd)"},default:"var(--textTransform-xs__1rk47ppa)"},dynamicScale:!0},padding:{values:{medium:{conditions:{xs:"rarui-chip_padding-medium-xs__1rk47ppi",md:"rarui-chip_padding-medium-md__1rk47ppj",lg:"rarui-chip_padding-medium-lg__1rk47ppk",xl:"rarui-chip_padding-medium-xl__1rk47ppl"},default:"rarui-chip_padding-medium-xs__1rk47ppi"},small:{conditions:{xs:"rarui-chip_padding-small-xs__1rk47ppm",md:"rarui-chip_padding-small-md__1rk47ppn",lg:"rarui-chip_padding-small-lg__1rk47ppo",xl:"rarui-chip_padding-small-xl__1rk47ppp"},default:"rarui-chip_padding-small-xs__1rk47ppm"}},name:"padding",staticScale:e}}}),p={chip:a({defaultClassName:"rarui-chip__1rk47pp0",variantClassNames:{pill:{true:"rarui-chip_pill_true__1rk47pp1"},selected:{true:"rarui-chip_selected_true__1rk47pp2"},size:{medium:"rarui-chip_size_medium__1rk47pp3",small:"rarui-chip_size_small__1rk47pp4"},textOverflow:{true:"rarui-chip_textOverflow_true__1rk47pp5"}},defaultVariants:{size:"medium"},compoundVariants:[]}),content:a({defaultClassName:"rarui-chip_content__1rk47pp6",variantClassNames:{textOverflow:{true:"rarui-chip_content_textOverflow_true__1rk47pp7"}},defaultVariants:{},compoundVariants:[]}),close:"rarui-chip_close__1rk47pp8",overlay:"rarui-chip_overlay__1rk47pp9"},e={medium:"0 var(--rarui-spacing-xs)",small:"0 var(--rarui-spacing-4xs)"};export{i as chipSprinkle,p as chipStyles,e as paddingProperties};
@@ -40,6 +40,9 @@
40
40
  .rarui-iconButton__k9hrpu0:active:after {
41
41
  opacity: 1;
42
42
  }
43
+ .rarui-iconButton__k9hrpu0:hover:disabled:after {
44
+ opacity: 0;
45
+ }
43
46
  .rarui-iconButton_appearance_brand__k9hrpu1 {
44
47
  background-color: var(--rarui-colors-surface-brand);
45
48
  border-color: var(--rarui-colors-surface-brand);
@@ -4,6 +4,7 @@ declare const iconButtonStyles: {
4
4
  iconButton: RuntimeFn<{
5
5
  /**
6
6
  * Determines the visual style of the icon button, influencing its color scheme and appearance.
7
+ * @default brand
7
8
  */
8
9
  appearance: {
9
10
  brand: {
@@ -61,6 +62,7 @@ declare const iconButtonStyles: {
61
62
  variant: {
62
63
  /**
63
64
  * Defines the visual variant of the icon button, affecting its background style, border and text.
65
+ * @default solid
64
66
  */
65
67
  solid: {
66
68
  selectors: {
@@ -84,6 +86,13 @@ declare const iconButtonStyles: {
84
86
  borderColor: "transparent";
85
87
  };
86
88
  };
89
+ /**
90
+ * Defines if the button should have rounded edges.
91
+ *
92
+ * - `true`: The button will be rendered with completely rounded edges, useful for circular -shaped icons.
93
+ * - `false` (default): The button will have standard edges or defined by the component style.
94
+ * @default false
95
+ */
87
96
  rounded: {
88
97
  true: {
89
98
  borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1 +1 @@
1
- import"./../../../themes/globals.css";import"./rarui-iconButton.css";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var n={iconButton:a({defaultClassName:"rarui-iconButton__k9hrpu0",variantClassNames:{appearance:{brand:"rarui-iconButton_appearance_brand__k9hrpu1",danger:"rarui-iconButton_appearance_danger__k9hrpu2",success:"rarui-iconButton_appearance_success__k9hrpu3",warning:"rarui-iconButton_appearance_warning__k9hrpu4",neutral:"rarui-iconButton_appearance_neutral__k9hrpu5",inverted:"rarui-iconButton_appearance_inverted__k9hrpu6"},size:{large:"rarui-iconButton_size_large__k9hrpu7",medium:"rarui-iconButton_size_medium__k9hrpu8",small:"rarui-iconButton_size_small__k9hrpu9"},variant:{solid:"rarui-iconButton_variant_solid__k9hrpua",outlined:"rarui-iconButton_variant_outlined__k9hrpub",ghost:"rarui-iconButton_variant_ghost__k9hrpuc",tonal:"rarui-iconButton_variant_tonal__k9hrpud"},rounded:{true:"rarui-iconButton_rounded_true__k9hrpue"}},defaultVariants:{},compoundVariants:[[{appearance:"brand",variant:"outlined"},"rarui-iconButton__compound_0__k9hrpuf"],[{appearance:"danger",variant:"outlined"},"rarui-iconButton__compound_1__k9hrpug"],[{appearance:"success",variant:"outlined"},"rarui-iconButton__compound_2__k9hrpuh"],[{appearance:"warning",variant:"outlined"},"rarui-iconButton__compound_3__k9hrpui"],[{appearance:"neutral",variant:"outlined"},"rarui-iconButton__compound_4__k9hrpuj"],[{appearance:"inverted",variant:"outlined"},"rarui-iconButton__compound_5__k9hrpuk"],[{appearance:"brand",variant:"ghost"},"rarui-iconButton__compound_6__k9hrpul"],[{appearance:"danger",variant:"ghost"},"rarui-iconButton__compound_7__k9hrpum"],[{appearance:"success",variant:"ghost"},"rarui-iconButton__compound_8__k9hrpun"],[{appearance:"warning",variant:"ghost"},"rarui-iconButton__compound_9__k9hrpuo"],[{appearance:"neutral",variant:"ghost"},"rarui-iconButton__compound_10__k9hrpup"],[{appearance:"inverted",variant:"ghost"},"rarui-iconButton__compound_11__k9hrpuq"],[{appearance:"brand",variant:"tonal"},"rarui-iconButton__compound_12__k9hrpur"],[{appearance:"danger",variant:"tonal"},"rarui-iconButton__compound_13__k9hrpus"],[{appearance:"success",variant:"tonal"},"rarui-iconButton__compound_14__k9hrput"],[{appearance:"warning",variant:"tonal"},"rarui-iconButton__compound_15__k9hrpuu"],[{appearance:"neutral",variant:"tonal"},"rarui-iconButton__compound_16__k9hrpuv"],[{appearance:"inverted",variant:"tonal"},"rarui-iconButton__compound_17__k9hrpuw"]]})};export{n as iconButtonStyles};
1
+ import"./../../../themes/globals.css";import"./rarui-iconButton.css";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var n={iconButton:a({defaultClassName:"rarui-iconButton__k9hrpu0",variantClassNames:{appearance:{brand:"rarui-iconButton_appearance_brand__k9hrpu1",danger:"rarui-iconButton_appearance_danger__k9hrpu2",success:"rarui-iconButton_appearance_success__k9hrpu3",warning:"rarui-iconButton_appearance_warning__k9hrpu4",neutral:"rarui-iconButton_appearance_neutral__k9hrpu5",inverted:"rarui-iconButton_appearance_inverted__k9hrpu6"},size:{large:"rarui-iconButton_size_large__k9hrpu7",medium:"rarui-iconButton_size_medium__k9hrpu8",small:"rarui-iconButton_size_small__k9hrpu9"},variant:{solid:"rarui-iconButton_variant_solid__k9hrpua",outlined:"rarui-iconButton_variant_outlined__k9hrpub",ghost:"rarui-iconButton_variant_ghost__k9hrpuc",tonal:"rarui-iconButton_variant_tonal__k9hrpud"},rounded:{true:"rarui-iconButton_rounded_true__k9hrpue"}},defaultVariants:{appearance:"brand",size:"medium",variant:"solid"},compoundVariants:[[{appearance:"brand",variant:"outlined"},"rarui-iconButton__compound_0__k9hrpuf"],[{appearance:"danger",variant:"outlined"},"rarui-iconButton__compound_1__k9hrpug"],[{appearance:"success",variant:"outlined"},"rarui-iconButton__compound_2__k9hrpuh"],[{appearance:"warning",variant:"outlined"},"rarui-iconButton__compound_3__k9hrpui"],[{appearance:"neutral",variant:"outlined"},"rarui-iconButton__compound_4__k9hrpuj"],[{appearance:"inverted",variant:"outlined"},"rarui-iconButton__compound_5__k9hrpuk"],[{appearance:"brand",variant:"ghost"},"rarui-iconButton__compound_6__k9hrpul"],[{appearance:"danger",variant:"ghost"},"rarui-iconButton__compound_7__k9hrpum"],[{appearance:"success",variant:"ghost"},"rarui-iconButton__compound_8__k9hrpun"],[{appearance:"warning",variant:"ghost"},"rarui-iconButton__compound_9__k9hrpuo"],[{appearance:"neutral",variant:"ghost"},"rarui-iconButton__compound_10__k9hrpup"],[{appearance:"inverted",variant:"ghost"},"rarui-iconButton__compound_11__k9hrpuq"],[{appearance:"brand",variant:"tonal"},"rarui-iconButton__compound_12__k9hrpur"],[{appearance:"danger",variant:"tonal"},"rarui-iconButton__compound_13__k9hrpus"],[{appearance:"success",variant:"tonal"},"rarui-iconButton__compound_14__k9hrput"],[{appearance:"warning",variant:"tonal"},"rarui-iconButton__compound_15__k9hrpuu"],[{appearance:"neutral",variant:"tonal"},"rarui-iconButton__compound_16__k9hrpuv"],[{appearance:"inverted",variant:"tonal"},"rarui-iconButton__compound_17__k9hrpuw"]]})};export{n as iconButtonStyles};
@@ -1,6 +1,6 @@
1
1
  import { RecipeVariants } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';
2
2
  import { iconButtonStyles } from './rarui-iconButton.css.js';
3
3
 
4
- type IconButtonVariants = RecipeVariants<typeof iconButtonStyles.iconButton>;
4
+ type IconButtonVariants = NonNullable<RecipeVariants<typeof iconButtonStyles.iconButton>>;
5
5
 
6
6
  export type { IconButtonVariants };