@rarui/styles 2.5.0 → 2.6.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.
@@ -54,7 +54,7 @@
54
54
  .rarui-avatar_badge_size_xLarge__1jwfew5a {
55
55
  left: 44px;
56
56
  }
57
- .rarui-avatar__1jwfew51 > img {
57
+ .rarui-avatar__1jwfew51 .rarui-avatar_size_medium__1jwfew53 > img {
58
58
  width: 100%;
59
59
  height: 100%;
60
60
  object-fit: cover;
@@ -1 +1 @@
1
- import"./../../../themes/globals.css";import"./rarui-avatar.css";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var r={container:"rarui-avatar_container__1jwfew50",avatar:a({defaultClassName:"rarui-avatar__1jwfew51",variantClassNames:{size:{small:"rarui-avatar_size_small__1jwfew52",medium:"rarui-avatar_size_medium__1jwfew53",large:"rarui-avatar_size_large__1jwfew54",xLarge:"rarui-avatar_size_xLarge__1jwfew55"}},defaultVariants:{},compoundVariants:[]}),badge:a({defaultClassName:"rarui-avatar_badge__1jwfew56",variantClassNames:{size:{small:"rarui-avatar_badge_size_small__1jwfew57",medium:"rarui-avatar_badge_size_medium__1jwfew58",large:"rarui-avatar_badge_size_large__1jwfew59",xLarge:"rarui-avatar_badge_size_xLarge__1jwfew5a"}},defaultVariants:{},compoundVariants:[]})};export{r as avatarStyles};
1
+ import"./../../../themes/globals.css";import"./rarui-avatar.css";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var e={container:"rarui-avatar_container__1jwfew50",avatar:a({defaultClassName:"rarui-avatar__1jwfew51",variantClassNames:{size:{small:"rarui-avatar_size_small__1jwfew52",medium:"rarui-avatar_size_medium__1jwfew53",large:"rarui-avatar_size_large__1jwfew54",xLarge:"rarui-avatar_size_xLarge__1jwfew55"}},defaultVariants:{size:"medium"},compoundVariants:[]}),badge:a({defaultClassName:"rarui-avatar_badge__1jwfew56",variantClassNames:{size:{small:"rarui-avatar_badge_size_small__1jwfew57",medium:"rarui-avatar_badge_size_medium__1jwfew58",large:"rarui-avatar_badge_size_large__1jwfew59",xLarge:"rarui-avatar_badge_size_xLarge__1jwfew5a"}},defaultVariants:{},compoundVariants:[]})};export{e as avatarStyles};
@@ -45,7 +45,7 @@ declare const badgeStyles: {
45
45
  };
46
46
  /**
47
47
  * Specifies the size of the badge, controlling its dimensions.
48
- * @defaiult medium
48
+ * @default medium
49
49
  */
50
50
  size: {
51
51
  large: {
@@ -73,7 +73,7 @@ declare const badgeStyles: {
73
73
  };
74
74
  /**
75
75
  * Defines the visual variant of the badge, affecting its background style.
76
- * @defaiult solid
76
+ * @default solid
77
77
  */
78
78
  variant: {
79
79
  solid: {};
@@ -11,14 +11,17 @@ interface DividerSprinkle {
11
11
  size?: string | Conditions<string>;
12
12
  /**
13
13
  * The **`type`** shorthand CSS property sets the line style for all four sides of an element's.
14
+ * @default solid
14
15
  */
15
16
  type?: AddDollar<DividerBorderStyle> | Conditions<AddDollar<DividerBorderStyle>>;
16
17
  /**
17
18
  * The **`thickness`** shorthand CSS property sets the width of an element's.
19
+ * @default $1
18
20
  */
19
21
  thickness?: AddDollar<keyof typeof dividerBorderWidthProperties> | Conditions<AddDollar<keyof typeof dividerBorderWidthProperties>>;
20
22
  /**
21
23
  * The **`color`** CSS property sets an element's color.
24
+ * @default $divider
22
25
  */
23
26
  color?: AddDollar<keyof typeof borderColorProperties> | Conditions<AddDollar<keyof typeof borderColorProperties>>;
24
27
  }
@@ -4,6 +4,7 @@ declare const styles: {
4
4
  tooltip: RuntimeFn<{
5
5
  /**
6
6
  * Specifies whether the color scheme should be inverted
7
+ * @default false
7
8
  */
8
9
  inverted: {
9
10
  true: {
@@ -17,6 +18,7 @@ declare const styles: {
17
18
  };
18
19
  /**
19
20
  * Specifies the padding for the tooltip
21
+ * @default base
20
22
  */
21
23
  padding: {
22
24
  base: {
@@ -1 +1 @@
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};
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:{padding:"base",inverted:!1},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:{padding:"base",inverted:!1},compoundVariants:[]});export{i as styles};
@@ -40,6 +40,9 @@
40
40
  .rarui-button__15gxywr0:active:after {
41
41
  opacity: 1;
42
42
  }
43
+ .rarui-button__15gxywr0:hover:disabled:after {
44
+ opacity: 0;
45
+ }
43
46
  .rarui-button_full_true__15gxywr1 {
44
47
  width: 100%;
45
48
  }
@@ -15,6 +15,7 @@ declare const buttonStyles: {
15
15
  /**
16
16
  * Defines the appearance variants for the button component.
17
17
  * Each appearance variant corresponds to a specific background color, border color, and text color.
18
+ * @default brand
18
19
  */
19
20
  appearance: {
20
21
  brand: {
@@ -50,7 +51,7 @@ declare const buttonStyles: {
50
51
  };
51
52
  /**
52
53
  * Defines the size of the button component.
53
- * @default "large"
54
+ * @default large
54
55
  */
55
56
  size: {
56
57
  large: {
@@ -74,6 +75,7 @@ declare const buttonStyles: {
74
75
  };
75
76
  /**
76
77
  * Defines the visual variant of the badge, affecting its background style, border and text.
78
+ * @default solid
77
79
  */
78
80
  variant: {
79
81
  solid: {
@@ -1 +1 @@
1
- import"./../../../themes/globals.css";import"./rarui-button.css";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var r={button:a({defaultClassName:"rarui-button__15gxywr0",variantClassNames:{full:{true:"rarui-button_full_true__15gxywr1"},appearance:{brand:"rarui-button_appearance_brand__15gxywr2",danger:"rarui-button_appearance_danger__15gxywr3",success:"rarui-button_appearance_success__15gxywr4",warning:"rarui-button_appearance_warning__15gxywr5",neutral:"rarui-button_appearance_neutral__15gxywr6",inverted:"rarui-button_appearance_inverted__15gxywr7"},size:{large:"rarui-button_size_large__15gxywr8",medium:"rarui-button_size_medium__15gxywr9",small:"rarui-button_size_small__15gxywra"},variant:{solid:"rarui-button_variant_solid__15gxywrb",outlined:"rarui-button_variant_outlined__15gxywrc",text:"rarui-button_variant_text__15gxywrd",tonal:"rarui-button_variant_tonal__15gxywre"}},defaultVariants:{},compoundVariants:[[{appearance:"brand",variant:"outlined"},"rarui-button__compound_0__15gxywrf"],[{appearance:"danger",variant:"outlined"},"rarui-button__compound_1__15gxywrg"],[{appearance:"success",variant:"outlined"},"rarui-button__compound_2__15gxywrh"],[{appearance:"warning",variant:"outlined"},"rarui-button__compound_3__15gxywri"],[{appearance:"neutral",variant:"outlined"},"rarui-button__compound_4__15gxywrj"],[{appearance:"inverted",variant:"outlined"},"rarui-button__compound_5__15gxywrk"],[{appearance:"brand",variant:"text"},"rarui-button__compound_6__15gxywrl"],[{appearance:"danger",variant:"text"},"rarui-button__compound_7__15gxywrm"],[{appearance:"success",variant:"text"},"rarui-button__compound_8__15gxywrn"],[{appearance:"warning",variant:"text"},"rarui-button__compound_9__15gxywro"],[{appearance:"neutral",variant:"text"},"rarui-button__compound_10__15gxywrp"],[{appearance:"inverted",variant:"text"},"rarui-button__compound_11__15gxywrq"],[{appearance:"brand",variant:"tonal"},"rarui-button__compound_12__15gxywrr"],[{appearance:"danger",variant:"tonal"},"rarui-button__compound_13__15gxywrs"],[{appearance:"success",variant:"tonal"},"rarui-button__compound_14__15gxywrt"],[{appearance:"warning",variant:"tonal"},"rarui-button__compound_15__15gxywru"],[{appearance:"neutral",variant:"tonal"},"rarui-button__compound_16__15gxywrv"],[{appearance:"inverted",variant:"tonal"},"rarui-button__compound_17__15gxywrw"]]})};export{r as buttonStyles};
1
+ import"./../../../themes/globals.css";import"./rarui-button.css";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var r={button:a({defaultClassName:"rarui-button__15gxywr0",variantClassNames:{full:{true:"rarui-button_full_true__15gxywr1"},appearance:{brand:"rarui-button_appearance_brand__15gxywr2",danger:"rarui-button_appearance_danger__15gxywr3",success:"rarui-button_appearance_success__15gxywr4",warning:"rarui-button_appearance_warning__15gxywr5",neutral:"rarui-button_appearance_neutral__15gxywr6",inverted:"rarui-button_appearance_inverted__15gxywr7"},size:{large:"rarui-button_size_large__15gxywr8",medium:"rarui-button_size_medium__15gxywr9",small:"rarui-button_size_small__15gxywra"},variant:{solid:"rarui-button_variant_solid__15gxywrb",outlined:"rarui-button_variant_outlined__15gxywrc",text:"rarui-button_variant_text__15gxywrd",tonal:"rarui-button_variant_tonal__15gxywre"}},defaultVariants:{variant:"solid",appearance:"brand",size:"large"},compoundVariants:[[{appearance:"brand",variant:"outlined"},"rarui-button__compound_0__15gxywrf"],[{appearance:"danger",variant:"outlined"},"rarui-button__compound_1__15gxywrg"],[{appearance:"success",variant:"outlined"},"rarui-button__compound_2__15gxywrh"],[{appearance:"warning",variant:"outlined"},"rarui-button__compound_3__15gxywri"],[{appearance:"neutral",variant:"outlined"},"rarui-button__compound_4__15gxywrj"],[{appearance:"inverted",variant:"outlined"},"rarui-button__compound_5__15gxywrk"],[{appearance:"brand",variant:"text"},"rarui-button__compound_6__15gxywrl"],[{appearance:"danger",variant:"text"},"rarui-button__compound_7__15gxywrm"],[{appearance:"success",variant:"text"},"rarui-button__compound_8__15gxywrn"],[{appearance:"warning",variant:"text"},"rarui-button__compound_9__15gxywro"],[{appearance:"neutral",variant:"text"},"rarui-button__compound_10__15gxywrp"],[{appearance:"inverted",variant:"text"},"rarui-button__compound_11__15gxywrq"],[{appearance:"brand",variant:"tonal"},"rarui-button__compound_12__15gxywrr"],[{appearance:"danger",variant:"tonal"},"rarui-button__compound_13__15gxywrs"],[{appearance:"success",variant:"tonal"},"rarui-button__compound_14__15gxywrt"],[{appearance:"warning",variant:"tonal"},"rarui-button__compound_15__15gxywru"],[{appearance:"neutral",variant:"tonal"},"rarui-button__compound_16__15gxywrv"],[{appearance:"inverted",variant:"tonal"},"rarui-button__compound_17__15gxywrw"]]})};export{r as buttonStyles};
@@ -34,6 +34,7 @@
34
34
  border-color: var(--rarui-colors-border-disabled);
35
35
  color: var(--rarui-colors-content-disabled);
36
36
  cursor: not-allowed;
37
+ box-shadow: none;
37
38
  }
38
39
  .rarui-chip_pill_true__1rk47pp1 {
39
40
  border-radius: var(--rarui-shape-border-radius-pill);
@@ -87,21 +88,22 @@
87
88
  }
88
89
  .rarui-chip_close__1rk47pp8[aria-disabled='true'] {
89
90
  color: var(--rarui-colors-content-disabled);
91
+ box-shadow: none;
90
92
  }
91
93
  .rarui-chip_overlay__1rk47pp9 {
92
94
  position: absolute;
93
95
  inset: 0;
94
96
  pointer-events: none;
95
97
  }
96
- .rarui-chip__1rk47pp0:hover .rarui-chip_overlay__1rk47pp9 {
98
+ .rarui-chip__1rk47pp0 .rarui-chip_size_medium__1rk47pp3:hover .rarui-chip_overlay__1rk47pp9 {
97
99
  border-color: var(--rarui-colors-surface-hover);
98
100
  }
99
- .rarui-chip__1rk47pp0:active .rarui-chip_overlay__1rk47pp9 {
101
+ .rarui-chip__1rk47pp0 .rarui-chip_size_medium__1rk47pp3:active .rarui-chip_overlay__1rk47pp9 {
100
102
  opacity: 1;
101
103
  background-color: var(--rarui-colors-surface-press);
102
104
  border-color: var(--rarui-colors-surface-press);
103
105
  }
104
- .rarui-chip__1rk47pp0:disabled .rarui-chip_overlay__1rk47pp9 {
106
+ .rarui-chip__1rk47pp0 .rarui-chip_size_medium__1rk47pp3:disabled .rarui-chip_overlay__1rk47pp9 {
105
107
  opacity: 0;
106
108
  }
107
109
  @media screen and (min-width: 0px) {
@@ -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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rarui/styles",
3
- "version": "2.5.0",
3
+ "version": "2.6.1",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "files": [