@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
@@ -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: {};
@@ -14,11 +14,7 @@ declare const divider: {
14
14
  config: {
15
15
  borderColor: {
16
16
  values: {
17
- "invert-disabled": {
18
- default: string;
19
- conditions: Record<"xs" | "xl" | "md" | "lg", string>;
20
- };
21
- "brand-alt": {
17
+ transparent: {
22
18
  default: string;
23
19
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
24
20
  };
@@ -42,6 +38,10 @@ declare const divider: {
42
38
  default: string;
43
39
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
44
40
  };
41
+ "invert-disabled": {
42
+ default: string;
43
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
44
+ };
45
45
  primary: {
46
46
  default: string;
47
47
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
@@ -58,15 +58,15 @@ declare const divider: {
58
58
  default: string;
59
59
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
60
60
  };
61
- divider: {
61
+ "brand-alt": {
62
62
  default: string;
63
63
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
64
64
  };
65
- subdued: {
65
+ divider: {
66
66
  default: string;
67
67
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
68
68
  };
69
- transparent: {
69
+ subdued: {
70
70
  default: string;
71
71
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
72
72
  };
@@ -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
  }
@@ -14,75 +14,75 @@ declare const icon: {
14
14
  config: {
15
15
  color: {
16
16
  values: {
17
- "invert-disabled": {
17
+ brand: {
18
18
  default: string;
19
19
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
20
20
  };
21
- "invert-secondary": {
21
+ disabled: {
22
22
  default: string;
23
23
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
24
24
  };
25
- "brand-alt": {
25
+ error: {
26
26
  default: string;
27
27
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
28
28
  };
29
- "on-brand": {
29
+ info: {
30
30
  default: string;
31
31
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
32
32
  };
33
- "on-error": {
33
+ invert: {
34
34
  default: string;
35
35
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
36
36
  };
37
- "on-info": {
37
+ "invert-disabled": {
38
38
  default: string;
39
39
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
40
40
  };
41
- "on-success": {
41
+ "invert-secondary": {
42
42
  default: string;
43
43
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
44
44
  };
45
- "on-warning": {
45
+ primary: {
46
46
  default: string;
47
47
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
48
48
  };
49
- "warning-alt": {
49
+ secondary: {
50
50
  default: string;
51
51
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
52
52
  };
53
- brand: {
53
+ success: {
54
54
  default: string;
55
55
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
56
56
  };
57
- disabled: {
57
+ warning: {
58
58
  default: string;
59
59
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
60
60
  };
61
- error: {
61
+ "brand-alt": {
62
62
  default: string;
63
63
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
64
64
  };
65
- info: {
65
+ "on-brand": {
66
66
  default: string;
67
67
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
68
68
  };
69
- invert: {
69
+ "on-error": {
70
70
  default: string;
71
71
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
72
72
  };
73
- primary: {
73
+ "on-info": {
74
74
  default: string;
75
75
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
76
76
  };
77
- secondary: {
77
+ "on-success": {
78
78
  default: string;
79
79
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
80
80
  };
81
- success: {
81
+ "on-warning": {
82
82
  default: string;
83
83
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
84
84
  };
85
- warning: {
85
+ "warning-alt": {
86
86
  default: string;
87
87
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
88
88
  };
@@ -11,7 +11,6 @@ declare const stepper: {
11
11
  vertical: {
12
12
  flexDirection: "column";
13
13
  height: "100%";
14
- alignItems: "flex-start";
15
14
  };
16
15
  };
17
16
  }>;
@@ -50,6 +49,22 @@ declare const stepper: {
50
49
  };
51
50
  };
52
51
  }>;
52
+ separator: RuntimeFn<{
53
+ direction: {
54
+ horizontal: {
55
+ height: "1px";
56
+ marginLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
+ marginRight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
+ marginTop: "20px";
59
+ };
60
+ vertical: {
61
+ width: "1px";
62
+ marginTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
+ marginBottom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
+ marginLeft: "18px";
65
+ };
66
+ };
67
+ }>;
53
68
  };
54
69
  };
55
70
 
@@ -1,6 +1,7 @@
1
1
  .rarui-stepper__30xssb0 {
2
2
  display: flex;
3
3
  flex-wrap: wrap;
4
+ width: fit-content;
4
5
  margin: 0;
5
6
  padding: 0;
6
7
  }
@@ -11,13 +12,11 @@
11
12
  .rarui-stepper_direction_vertical__30xssb2 {
12
13
  flex-direction: column;
13
14
  height: 100%;
14
- align-items: flex-start;
15
15
  }
16
16
  .rarui-stepper_step__30xssb3 {
17
17
  display: flex;
18
18
  flex: 1;
19
19
  place-items: center;
20
- justify-content: center;
21
20
  position: relative;
22
21
  gap: var(--rarui-spacing-2xs);
23
22
  }
@@ -62,4 +61,21 @@
62
61
  .rarui-stepper_circle_done_true__30xssb8 {
63
62
  background-color: var(--rarui-colors-surface-success);
64
63
  color: var(--rarui-colors-content-on-success);
64
+ }
65
+ .rarui-stepper_separator__30xssb9 {
66
+ background-color: var(--rarui-colors-border-divider);
67
+ border-radius: var(--rarui-shape-border-radius-pill);
68
+ flex: 1;
69
+ }
70
+ .rarui-stepper_separator_direction_horizontal__30xssba {
71
+ height: 1px;
72
+ margin-left: var(--rarui-spacing-3xs);
73
+ margin-right: var(--rarui-spacing-3xs);
74
+ margin-top: 20px;
75
+ }
76
+ .rarui-stepper_separator_direction_vertical__30xssbb {
77
+ width: 1px;
78
+ margin-top: var(--rarui-spacing-3xs);
79
+ margin-bottom: var(--rarui-spacing-3xs);
80
+ margin-left: 18px;
65
81
  }
@@ -14,7 +14,6 @@ declare const stepperStyles: {
14
14
  vertical: {
15
15
  flexDirection: "column";
16
16
  height: "100%";
17
- alignItems: "flex-start";
18
17
  };
19
18
  };
20
19
  }>;
@@ -46,6 +45,7 @@ declare const stepperStyles: {
46
45
  circle: RuntimeFn<{
47
46
  /**
48
47
  * Indicates whether the step is currently active. An active step is typically highlighted to show that it is the current step.
48
+ * @default false
49
49
  */
50
50
  active: {
51
51
  true: {
@@ -55,6 +55,7 @@ declare const stepperStyles: {
55
55
  };
56
56
  /**
57
57
  * Indicates whether the step has been completed. A completed step is usually marked with a checkmark or other indicator.
58
+ * @default false
58
59
  */
59
60
  done: {
60
61
  true: {
@@ -63,6 +64,26 @@ declare const stepperStyles: {
63
64
  };
64
65
  };
65
66
  }>;
67
+ separator: RuntimeFn<{
68
+ direction: {
69
+ /**
70
+ * Specifies the direction of the stepper. This prop accepts one of the following values: vertical or horizontal.
71
+ * @default horizontal
72
+ */
73
+ horizontal: {
74
+ height: "1px";
75
+ marginLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
76
+ marginRight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
77
+ marginTop: "20px";
78
+ };
79
+ vertical: {
80
+ width: "1px";
81
+ marginTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
+ marginBottom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
+ marginLeft: "18px";
84
+ };
85
+ };
86
+ }>;
66
87
  };
67
88
 
68
89
  export { stepperStyles };
@@ -1 +1 @@
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};
1
+ import"./../../../themes/globals.css";import"./rarui-stepper.css";import{c as r}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var e={stepper:r({defaultClassName:"rarui-stepper__30xssb0",variantClassNames:{direction:{horizontal:"rarui-stepper_direction_horizontal__30xssb1",vertical:"rarui-stepper_direction_vertical__30xssb2"}},defaultVariants:{direction:"horizontal"},compoundVariants:[]}),step:r({defaultClassName:"rarui-stepper_step__30xssb3",variantClassNames:{direction:{horizontal:"rarui-stepper_step_direction_horizontal__30xssb4",vertical:"rarui-stepper_step_direction_vertical__30xssb5"}},defaultVariants:{direction:"horizontal"},compoundVariants:[]}),circle:r({defaultClassName:"rarui-stepper_circle__30xssb6",variantClassNames:{active:{true:"rarui-stepper_circle_active_true__30xssb7"},done:{true:"rarui-stepper_circle_done_true__30xssb8"}},defaultVariants:{done:!1,active:!1},compoundVariants:[]}),separator:r({defaultClassName:"rarui-stepper_separator__30xssb9",variantClassNames:{direction:{horizontal:"rarui-stepper_separator_direction_horizontal__30xssba",vertical:"rarui-stepper_separator_direction_vertical__30xssbb"}},defaultVariants:{direction:"horizontal"},compoundVariants:[]})};export{e as stepperStyles};
@@ -18,75 +18,75 @@ declare const text: {
18
18
  config: {
19
19
  color: {
20
20
  values: {
21
- "invert-disabled": {
21
+ brand: {
22
22
  default: string;
23
23
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
24
24
  };
25
- "invert-secondary": {
25
+ disabled: {
26
26
  default: string;
27
27
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
28
28
  };
29
- "brand-alt": {
29
+ error: {
30
30
  default: string;
31
31
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
32
32
  };
33
- "on-brand": {
33
+ info: {
34
34
  default: string;
35
35
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
36
36
  };
37
- "on-error": {
37
+ invert: {
38
38
  default: string;
39
39
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
40
40
  };
41
- "on-info": {
41
+ "invert-disabled": {
42
42
  default: string;
43
43
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
44
44
  };
45
- "on-success": {
45
+ "invert-secondary": {
46
46
  default: string;
47
47
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
48
48
  };
49
- "on-warning": {
49
+ primary: {
50
50
  default: string;
51
51
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
52
52
  };
53
- "warning-alt": {
53
+ secondary: {
54
54
  default: string;
55
55
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
56
56
  };
57
- brand: {
57
+ success: {
58
58
  default: string;
59
59
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
60
60
  };
61
- disabled: {
61
+ warning: {
62
62
  default: string;
63
63
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
64
64
  };
65
- error: {
65
+ "brand-alt": {
66
66
  default: string;
67
67
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
68
68
  };
69
- info: {
69
+ "on-brand": {
70
70
  default: string;
71
71
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
72
72
  };
73
- invert: {
73
+ "on-error": {
74
74
  default: string;
75
75
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
76
76
  };
77
- primary: {
77
+ "on-info": {
78
78
  default: string;
79
79
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
80
80
  };
81
- secondary: {
81
+ "on-success": {
82
82
  default: string;
83
83
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
84
84
  };
85
- success: {
85
+ "on-warning": {
86
86
  default: string;
87
87
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
88
88
  };
89
- warning: {
89
+ "warning-alt": {
90
90
  default: string;
91
91
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
92
92
  };
@@ -42,75 +42,75 @@ declare const title: {
42
42
  config: {
43
43
  color: {
44
44
  values: {
45
- "invert-disabled": {
45
+ brand: {
46
46
  default: string;
47
47
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
48
48
  };
49
- "invert-secondary": {
49
+ disabled: {
50
50
  default: string;
51
51
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
52
52
  };
53
- "brand-alt": {
53
+ error: {
54
54
  default: string;
55
55
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
56
56
  };
57
- "on-brand": {
57
+ info: {
58
58
  default: string;
59
59
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
60
60
  };
61
- "on-error": {
61
+ invert: {
62
62
  default: string;
63
63
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
64
64
  };
65
- "on-info": {
65
+ "invert-disabled": {
66
66
  default: string;
67
67
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
68
68
  };
69
- "on-success": {
69
+ "invert-secondary": {
70
70
  default: string;
71
71
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
72
72
  };
73
- "on-warning": {
73
+ primary: {
74
74
  default: string;
75
75
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
76
76
  };
77
- "warning-alt": {
77
+ secondary: {
78
78
  default: string;
79
79
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
80
80
  };
81
- brand: {
81
+ success: {
82
82
  default: string;
83
83
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
84
84
  };
85
- disabled: {
85
+ warning: {
86
86
  default: string;
87
87
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
88
88
  };
89
- error: {
89
+ "brand-alt": {
90
90
  default: string;
91
91
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
92
92
  };
93
- info: {
93
+ "on-brand": {
94
94
  default: string;
95
95
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
96
96
  };
97
- invert: {
97
+ "on-error": {
98
98
  default: string;
99
99
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
100
100
  };
101
- primary: {
101
+ "on-info": {
102
102
  default: string;
103
103
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
104
104
  };
105
- secondary: {
105
+ "on-success": {
106
106
  default: string;
107
107
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
108
108
  };
109
- success: {
109
+ "on-warning": {
110
110
  default: string;
111
111
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
112
112
  };
113
- warning: {
113
+ "warning-alt": {
114
114
  default: string;
115
115
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
116
116
  };
@@ -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) {