@rarui/styles 2.6.2 → 2.6.3-rc.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 (106) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.cjs.d.d.ts +4 -4
  3. package/dist/packages/exhibition/avatar/index.d.ts +6 -6
  4. package/dist/packages/exhibition/avatar/rarui-avatar.css.d.ts +6 -6
  5. package/dist/packages/exhibition/avatar/rarui-avatar.css.js +1 -1
  6. package/dist/packages/exhibition/badge/index.d.ts +32 -32
  7. package/dist/packages/exhibition/badge/rarui-badge.css.d.ts +32 -32
  8. package/dist/packages/exhibition/badge/rarui-badge.css.js +1 -1
  9. package/dist/packages/exhibition/divider/index.d.ts +21 -21
  10. package/dist/packages/exhibition/divider/rarui-divider.css.js +1 -1
  11. package/dist/packages/exhibition/icon/index.d.ts +36 -36
  12. package/dist/packages/exhibition/icon/rarui-icon.css.js +1 -1
  13. package/dist/packages/exhibition/label/rarui-label.css.js +1 -1
  14. package/dist/packages/exhibition/stepper/index.d.ts +8 -8
  15. package/dist/packages/exhibition/stepper/rarui-stepper.css.d.ts +8 -8
  16. package/dist/packages/exhibition/stepper/rarui-stepper.css.js +1 -1
  17. package/dist/packages/exhibition/text/index.d.ts +52 -52
  18. package/dist/packages/exhibition/text/rarui-text.css.d.ts +12 -12
  19. package/dist/packages/exhibition/text/rarui-text.css.js +1 -1
  20. package/dist/packages/exhibition/title/index.d.ts +70 -70
  21. package/dist/packages/exhibition/title/rarui-title.css.d.ts +12 -12
  22. package/dist/packages/exhibition/title/rarui-title.css.js +1 -1
  23. package/dist/packages/exhibition/tooltip/index.d.ts +6 -6
  24. package/dist/packages/exhibition/tooltip/rarui-tooltip.css.d.ts +6 -6
  25. package/dist/packages/exhibition/tooltip/rarui-tooltip.css.js +1 -1
  26. package/dist/packages/feedback/progress/index.d.ts +6 -6
  27. package/dist/packages/feedback/progress/rarui-progress.css.d.ts +3 -3
  28. package/dist/packages/feedback/progress/rarui-progress.css.js +1 -1
  29. package/dist/packages/feedback/skeleton/index.d.ts +11 -11
  30. package/dist/packages/feedback/skeleton/rarui-skeleton.css.js +1 -1
  31. package/dist/packages/feedback/status/index.d.ts +14 -14
  32. package/dist/packages/feedback/status/rarui-status.css.d.ts +18 -17
  33. package/dist/packages/feedback/status/rarui-status.css.js +1 -1
  34. package/dist/packages/feedback/toast/index.d.ts +20 -20
  35. package/dist/packages/feedback/toast/rarui-toast.css.d.ts +20 -20
  36. package/dist/packages/feedback/toast/rarui-toast.css.js +1 -1
  37. package/dist/packages/input/button/index.d.ts +30 -30
  38. package/dist/packages/input/button/rarui-button.css.d.ts +30 -30
  39. package/dist/packages/input/button/rarui-button.css.js +1 -1
  40. package/dist/packages/input/checkbox/index.d.ts +3 -3
  41. package/dist/packages/input/checkbox/rarui-checkbox.css.d.ts +4 -3
  42. package/dist/packages/input/checkbox/rarui-checkbox.css.js +1 -1
  43. package/dist/packages/input/chip/index.d.ts +9 -9
  44. package/dist/packages/input/chip/rarui-chip.css.d.ts +9 -9
  45. package/dist/packages/input/chip/rarui-chip.css.js +1 -1
  46. package/dist/packages/input/datepicker/rarui-datepicker.css.js +1 -1
  47. package/dist/packages/input/dropdown/index.d.ts +12 -12
  48. package/dist/packages/input/dropdown/rarui-dropdown.css.d.ts +3 -3
  49. package/dist/packages/input/dropdown/rarui-dropdown.css.js +1 -1
  50. package/dist/packages/input/iconButton/index.d.ts +26 -26
  51. package/dist/packages/input/iconButton/rarui-iconButton.css.d.ts +26 -26
  52. package/dist/packages/input/iconButton/rarui-iconButton.css.js +1 -1
  53. package/dist/packages/input/input/index.d.ts +26 -26
  54. package/dist/packages/input/input/rarui-input.css.d.ts +26 -26
  55. package/dist/packages/input/input/rarui-input.css.js +1 -1
  56. package/dist/packages/input/radioButton/index.d.ts +8 -8
  57. package/dist/packages/input/radioButton/rarui-radioButton.css.d.ts +8 -8
  58. package/dist/packages/input/radioButton/rarui-radioButton.css.js +1 -1
  59. package/dist/packages/input/select/index.d.ts +9 -9
  60. package/dist/packages/input/select/rarui-select.css.d.ts +9 -9
  61. package/dist/packages/input/select/rarui-select.css.js +1 -1
  62. package/dist/packages/input/textarea/index.d.ts +8 -8
  63. package/dist/packages/input/textarea/rarui-textarea.css.d.ts +8 -8
  64. package/dist/packages/input/textarea/rarui-textarea.css.js +1 -1
  65. package/dist/packages/input/toggle/index.d.ts +6 -6
  66. package/dist/packages/input/toggle/rarui-toggle.css.d.ts +6 -6
  67. package/dist/packages/input/toggle/rarui-toggle.css.js +1 -1
  68. package/dist/packages/layout/box/index.d.ts +731 -731
  69. package/dist/packages/layout/box/rarui-box.css.d.ts +32 -32
  70. package/dist/packages/layout/box/rarui-box.css.js +1 -1
  71. package/dist/packages/layout/sidebar/index.d.ts +13 -13
  72. package/dist/packages/layout/sidebar/rarui-sidebar.css.d.ts +2 -2
  73. package/dist/packages/layout/sidebar/rarui-sidebar.css.js +1 -1
  74. package/dist/packages/navigation/breadcrumb/index.d.ts +1 -1
  75. package/dist/packages/navigation/breadcrumb/rarui-breadcrumb.css.d.ts +1 -1
  76. package/dist/packages/navigation/breadcrumb/rarui-breadcrumb.css.js +1 -1
  77. package/dist/packages/navigation/link/index.d.ts +3 -3
  78. package/dist/packages/navigation/link/rarui-link.css.d.ts +5 -3
  79. package/dist/packages/navigation/link/rarui-link.css.js +1 -1
  80. package/dist/packages/navigation/pagination/index.d.ts +9 -9
  81. package/dist/packages/navigation/pagination/rarui-pagination.css.d.ts +9 -9
  82. package/dist/packages/navigation/pagination/rarui-pagination.css.js +1 -1
  83. package/dist/packages/navigation/sideNavigation/index.d.ts +12 -12
  84. package/dist/packages/navigation/sideNavigation/rarui-sideNavigation.css.d.ts +12 -12
  85. package/dist/packages/navigation/sideNavigation/rarui-sideNavigation.css.js +1 -1
  86. package/dist/packages/navigation/tabs/index.d.ts +5 -5
  87. package/dist/packages/navigation/tabs/rarui-tabs.css.d.ts +5 -5
  88. package/dist/packages/navigation/tabs/rarui-tabs.css.js +1 -1
  89. package/dist/packages/surface/accordion/index.d.ts +9 -9
  90. package/dist/packages/surface/accordion/rarui-accordion.css.d.ts +9 -9
  91. package/dist/packages/surface/accordion/rarui-accordion.css.js +1 -1
  92. package/dist/packages/surface/banner/index.d.ts +13 -13
  93. package/dist/packages/surface/banner/rarui-banner.css.d.ts +13 -13
  94. package/dist/packages/surface/banner/rarui-banner.css.js +1 -1
  95. package/dist/packages/surface/banner/rarui-banner.types.d.ts +1 -1
  96. package/dist/packages/surface/card/index.d.ts +66 -66
  97. package/dist/packages/surface/card/rarui-card.css.d.ts +4 -4
  98. package/dist/packages/surface/card/rarui-card.css.js +1 -1
  99. package/dist/packages/surface/modal/index.d.ts +10 -10
  100. package/dist/packages/surface/modal/rarui-modal.css.d.ts +1 -1
  101. package/dist/packages/surface/modal/rarui-modal.css.js +1 -1
  102. package/dist/properties/css.d.ts +172 -172
  103. package/dist/themes/globals.css.d.ts +163 -163
  104. package/dist/themes/globals.css.js +1 -1
  105. package/dist/themes/rarui-theme-dark.css.js +1 -1
  106. package/package.json +3 -2
package/dist/packages/feedback/status/rarui-status.css.d.ts CHANGED
@@ -5,6 +5,7 @@ declare const statusStyles: {
5
5
  /**
6
6
  * Specifies whether the status should take up the full width of its container.
7
7
  * This variant is useful when you want to make a status span the entire width of its parent container.
8
+ * @default false
8
9
  *
9
10
  */
10
11
  full: {
@@ -14,51 +15,51 @@ declare const statusStyles: {
14
15
  };
15
16
  /**
16
17
  * Determines the visual style of the status, influencing its color scheme.
18
+ * @default success
17
19
  */
18
20
  appearance: {
19
21
  success: {
20
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
23
+ color: `var(--${string})` | `var(--${string}, ${string})`;
22
24
  };
23
25
  warning: {
24
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
27
+ color: `var(--${string})` | `var(--${string}, ${string})`;
26
28
  };
27
29
  danger: {
28
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
31
+ color: `var(--${string})` | `var(--${string}, ${string})`;
30
32
  };
31
33
  inverted: {
32
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
35
+ color: `var(--${string})` | `var(--${string}, ${string})`;
34
36
  };
35
37
  neutral: {
36
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
39
+ color: `var(--${string})` | `var(--${string}, ${string})`;
38
40
  };
39
41
  info: {
40
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
43
+ color: `var(--${string})` | `var(--${string}, ${string})`;
42
44
  };
43
45
  };
44
46
  /**
45
47
  * Specifies the size of the badge, controlling its dimensions.
48
+ * @default normal
46
49
  */
47
50
  size: {
48
51
  normal: {
49
52
  height: "1.75rem";
50
- fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
+ fontSize: `var(--${string})` | `var(--${string}, ${string})`;
51
54
  };
52
55
  small: {
53
56
  height: "1.5rem";
54
- fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
+ fontSize: `var(--${string})` | `var(--${string}, ${string})`;
55
58
  };
56
59
  };
57
- /**
58
- * Specifies whether the status is in subdued mode
59
- */
60
60
  /**
61
61
  * Specifies the variant of the status
62
+ * @default solid
62
63
  */
63
64
  variant: {
64
65
  solid: {};
package/dist/packages/feedback/status/rarui-status.css.js CHANGED
@@ -1 +1 @@
1
- import"./../../../themes/globals.css";import"./rarui-status.css";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var r={status:a({defaultClassName:"rarui-status__wfzj070",variantClassNames:{full:{true:"rarui-status_full_true__wfzj071"},appearance:{success:"rarui-status_appearance_success__wfzj072",warning:"rarui-status_appearance_warning__wfzj073",danger:"rarui-status_appearance_danger__wfzj074",inverted:"rarui-status_appearance_inverted__wfzj075",neutral:"rarui-status_appearance_neutral__wfzj076",info:"rarui-status_appearance_info__wfzj077"},size:{normal:"rarui-status_size_normal__wfzj078",small:"rarui-status_size_small__wfzj079"},variant:{solid:"rarui-status_variant_solid__wfzj07a",text:"rarui-status_variant_text__wfzj07b",subdued:"rarui-status_variant_subdued__wfzj07c"}},defaultVariants:{},compoundVariants:[[{appearance:"success",variant:"text"},"rarui-status__compound_0__wfzj07d"],[{appearance:"warning",variant:"text"},"rarui-status__compound_1__wfzj07e"],[{appearance:"danger",variant:"text"},"rarui-status__compound_2__wfzj07f"],[{appearance:"inverted",variant:"text"},"rarui-status__compound_3__wfzj07g"],[{appearance:"info",variant:"text"},"rarui-status__compound_4__wfzj07h"],[{appearance:"neutral",variant:"text"},"rarui-status__compound_5__wfzj07i"],[{appearance:"success",variant:"subdued"},"rarui-status__compound_6__wfzj07j"],[{appearance:"warning",variant:"subdued"},"rarui-status__compound_7__wfzj07k"],[{appearance:"danger",variant:"subdued"},"rarui-status__compound_8__wfzj07l"],[{appearance:"inverted",variant:"subdued"},"rarui-status__compound_9__wfzj07m"],[{appearance:"neutral",variant:"subdued"},"rarui-status__compound_10__wfzj07n"],[{appearance:"info",variant:"subdued"},"rarui-status__compound_11__wfzj07o"]]}),dot:a({defaultClassName:"rarui-status_dot__wfzj07p",variantClassNames:{size:{normal:"rarui-status_dot_size_normal__wfzj07q",small:"rarui-status_dot_size_small__wfzj07r"}},defaultVariants:{},compoundVariants:[]})};export{r as statusStyles};
1
+ import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var r={status:a({defaultClassName:"rarui-status__wfzj070",variantClassNames:{full:{true:"rarui-status_full_true__wfzj071"},appearance:{success:"rarui-status_appearance_success__wfzj072",warning:"rarui-status_appearance_warning__wfzj073",danger:"rarui-status_appearance_danger__wfzj074",inverted:"rarui-status_appearance_inverted__wfzj075",neutral:"rarui-status_appearance_neutral__wfzj076",info:"rarui-status_appearance_info__wfzj077"},size:{normal:"rarui-status_size_normal__wfzj078",small:"rarui-status_size_small__wfzj079"},variant:{solid:"rarui-status_variant_solid__wfzj07a",text:"rarui-status_variant_text__wfzj07b",subdued:"rarui-status_variant_subdued__wfzj07c"}},defaultVariants:{appearance:"success",size:"normal",variant:"solid"},compoundVariants:[[{appearance:"success",variant:"text"},"rarui-status__compound_0__wfzj07d"],[{appearance:"warning",variant:"text"},"rarui-status__compound_1__wfzj07e"],[{appearance:"danger",variant:"text"},"rarui-status__compound_2__wfzj07f"],[{appearance:"inverted",variant:"text"},"rarui-status__compound_3__wfzj07g"],[{appearance:"info",variant:"text"},"rarui-status__compound_4__wfzj07h"],[{appearance:"neutral",variant:"text"},"rarui-status__compound_5__wfzj07i"],[{appearance:"success",variant:"subdued"},"rarui-status__compound_6__wfzj07j"],[{appearance:"warning",variant:"subdued"},"rarui-status__compound_7__wfzj07k"],[{appearance:"danger",variant:"subdued"},"rarui-status__compound_8__wfzj07l"],[{appearance:"inverted",variant:"subdued"},"rarui-status__compound_9__wfzj07m"],[{appearance:"neutral",variant:"subdued"},"rarui-status__compound_10__wfzj07n"],[{appearance:"info",variant:"subdued"},"rarui-status__compound_11__wfzj07o"]]}),dot:a({defaultClassName:"rarui-status_dot__wfzj07p",variantClassNames:{size:{normal:"rarui-status_dot_size_normal__wfzj07q",small:"rarui-status_dot_size_small__wfzj07r"}},defaultVariants:{},compoundVariants:[]})};export{r as statusStyles};
package/dist/packages/feedback/toast/index.d.ts CHANGED
@@ -6,53 +6,53 @@ declare const toast: {
6
6
  toast: RuntimeFn<{
7
7
  appearance: {
8
8
  info: {
9
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
10
+ color: `var(--${string})` | `var(--${string}, ${string})`;
11
11
  };
12
12
  success: {
13
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
14
+ color: `var(--${string})` | `var(--${string}, ${string})`;
15
15
  };
16
16
  warning: {
17
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
18
+ color: `var(--${string})` | `var(--${string}, ${string})`;
19
19
  };
20
20
  error: {
21
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
22
+ color: `var(--${string})` | `var(--${string}, ${string})`;
23
23
  };
24
24
  neutral: {
25
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
26
+ color: `var(--${string})` | `var(--${string}, ${string})`;
27
27
  };
28
28
  invert: {
29
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
30
+ color: `var(--${string})` | `var(--${string}, ${string})`;
31
31
  };
32
32
  };
33
33
  size: {
34
34
  small: {
35
- padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
36
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})`;
36
+ gap: `var(--${string})` | `var(--${string}, ${string})`;
37
37
  };
38
38
  medium: {
39
- padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
39
+ padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})`;
40
40
  };
41
41
  large: {
42
- padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
43
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
+ padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})`;
43
+ gap: `var(--${string})` | `var(--${string}, ${string})`;
44
44
  };
45
45
  };
46
46
  variant: {
47
47
  solid: {};
48
48
  tonal: {
49
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
+ color: `var(--${string})` | `var(--${string}, ${string})`;
50
50
  };
51
51
  ghost: {
52
52
  borderLeft: "solid";
53
53
  borderWidth: "4px";
54
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
55
+ color: `var(--${string})` | `var(--${string}, ${string})`;
56
56
  };
57
57
  };
58
58
  }>;
package/dist/packages/feedback/toast/rarui-toast.css.d.ts CHANGED
@@ -7,28 +7,28 @@ declare const styles: {
7
7
  */
8
8
  appearance: {
9
9
  info: {
10
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
11
+ color: `var(--${string})` | `var(--${string}, ${string})`;
12
12
  };
13
13
  success: {
14
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
15
+ color: `var(--${string})` | `var(--${string}, ${string})`;
16
16
  };
17
17
  warning: {
18
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
19
+ color: `var(--${string})` | `var(--${string}, ${string})`;
20
20
  };
21
21
  error: {
22
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
23
+ color: `var(--${string})` | `var(--${string}, ${string})`;
24
24
  };
25
25
  neutral: {
26
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
27
+ color: `var(--${string})` | `var(--${string}, ${string})`;
28
28
  };
29
29
  invert: {
30
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
31
+ color: `var(--${string})` | `var(--${string}, ${string})`;
32
32
  };
33
33
  };
34
34
  /**
@@ -36,15 +36,15 @@ declare const styles: {
36
36
  */
37
37
  size: {
38
38
  small: {
39
- padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
40
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
+ padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})`;
40
+ gap: `var(--${string})` | `var(--${string}, ${string})`;
41
41
  };
42
42
  medium: {
43
- padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
43
+ padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})`;
44
44
  };
45
45
  large: {
46
- padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
47
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
+ padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})`;
47
+ gap: `var(--${string})` | `var(--${string}, ${string})`;
48
48
  };
49
49
  };
50
50
  /**
@@ -53,13 +53,13 @@ declare const styles: {
53
53
  variant: {
54
54
  solid: {};
55
55
  tonal: {
56
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
+ color: `var(--${string})` | `var(--${string}, ${string})`;
57
57
  };
58
58
  ghost: {
59
59
  borderLeft: "solid";
60
60
  borderWidth: "4px";
61
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
62
+ color: `var(--${string})` | `var(--${string}, ${string})`;
63
63
  };
64
64
  };
65
65
  }>;
package/dist/packages/feedback/toast/rarui-toast.css.js CHANGED
@@ -1 +1 @@
1
- import"./../../../themes/globals.css";import"./rarui-toast.css";import{c as t}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";a({defaultClassName:"rarui-toast_container__1cy6jj816",variantClassNames:{placement:{bottomCenter:"rarui-toast_container_placement_bottomCenter__1cy6jj817",bottomLeft:"rarui-toast_container_placement_bottomLeft__1cy6jj818",bottomRight:"rarui-toast_container_placement_bottomRight__1cy6jj819",topCenter:"rarui-toast_container_placement_topCenter__1cy6jj81a",topLeft:"rarui-toast_container_placement_topLeft__1cy6jj81b",topRight:"rarui-toast_container_placement_topRight__1cy6jj81c"}},defaultVariants:{},compoundVariants:[]});var r=t({config:{width:{dynamic:{default:"rarui-toast_width-md__1cy6jj81i",conditions:{xs:"rarui-toast_width-xs__1cy6jj81h",md:"rarui-toast_width-md__1cy6jj81i",lg:"rarui-toast_width-lg__1cy6jj81j",xl:"rarui-toast_width-xl__1cy6jj81k"}},name:"width",vars:{conditions:{xs:"var(--width-xs__1cy6jj81d)",md:"var(--width-md__1cy6jj81e)",lg:"var(--width-lg__1cy6jj81f)",xl:"var(--width-xl__1cy6jj81g)"},default:"var(--width-md__1cy6jj81e)"},dynamicScale:!0}}}),_={toast:a({defaultClassName:"rarui-toast__1cy6jj80",variantClassNames:{appearance:{info:"rarui-toast_appearance_info__1cy6jj81",success:"rarui-toast_appearance_success__1cy6jj82",warning:"rarui-toast_appearance_warning__1cy6jj83",error:"rarui-toast_appearance_error__1cy6jj84",neutral:"rarui-toast_appearance_neutral__1cy6jj85",invert:"rarui-toast_appearance_invert__1cy6jj86"},size:{small:"rarui-toast_size_small__1cy6jj87",medium:"rarui-toast_size_medium__1cy6jj88",large:"rarui-toast_size_large__1cy6jj89"},variant:{solid:"rarui-toast_variant_solid__1cy6jj8a",tonal:"rarui-toast_variant_tonal__1cy6jj8b",ghost:"rarui-toast_variant_ghost__1cy6jj8c"}},defaultVariants:{},compoundVariants:[[{appearance:"info",variant:"tonal"},"rarui-toast__compound_0__1cy6jj8d"],[{appearance:"warning",variant:"tonal"},"rarui-toast__compound_1__1cy6jj8e"],[{appearance:"success",variant:"tonal"},"rarui-toast__compound_2__1cy6jj8f"],[{appearance:"error",variant:"tonal"},"rarui-toast__compound_3__1cy6jj8g"],[{appearance:"neutral",variant:"tonal"},"rarui-toast__compound_4__1cy6jj8h"],[{appearance:"invert",variant:"tonal"},"rarui-toast__compound_5__1cy6jj8i"],[{appearance:"info",variant:"ghost"},"rarui-toast__compound_6__1cy6jj8j"],[{appearance:"warning",variant:"ghost"},"rarui-toast__compound_7__1cy6jj8k"],[{appearance:"success",variant:"ghost"},"rarui-toast__compound_8__1cy6jj8l"],[{appearance:"error",variant:"ghost"},"rarui-toast__compound_9__1cy6jj8m"],[{appearance:"neutral",variant:"ghost"},"rarui-toast__compound_10__1cy6jj8n"],[{appearance:"invert",variant:"ghost"},"rarui-toast__compound_11__1cy6jj8o"]]}),container:a({defaultClassName:"rarui-toast_container__1cy6jj816",variantClassNames:{placement:{bottomCenter:"rarui-toast_container_placement_bottomCenter__1cy6jj817",bottomLeft:"rarui-toast_container_placement_bottomLeft__1cy6jj818",bottomRight:"rarui-toast_container_placement_bottomRight__1cy6jj819",topCenter:"rarui-toast_container_placement_topCenter__1cy6jj81a",topLeft:"rarui-toast_container_placement_topLeft__1cy6jj81b",topRight:"rarui-toast_container_placement_topRight__1cy6jj81c"}},defaultVariants:{},compoundVariants:[]}),content:"rarui-toast_content__1cy6jj8p",toastContainer:a({defaultClassName:"rarui-toast_toast-container__1cy6jj8q",variantClassNames:{position:{bottomRight:"rarui-toast_toast-container_position_bottomRight__1cy6jj8r",topRight:"rarui-toast_toast-container_position_topRight__1cy6jj8s",bottomLeft:"rarui-toast_toast-container_position_bottomLeft__1cy6jj8t",topLeft:"rarui-toast_toast-container_position_topLeft__1cy6jj8u"}},defaultVariants:{},compoundVariants:[]}),wrapper:a({defaultClassName:"rarui-toast_wrapper__1cy6jj8z",variantClassNames:{placement:{bottomCenter:"rarui-toast_wrapper_placement_bottomCenter__1cy6jj810",bottomLeft:"rarui-toast_wrapper_placement_bottomLeft__1cy6jj811",bottomRight:"rarui-toast_wrapper_placement_bottomRight__1cy6jj812",topCenter:"rarui-toast_wrapper_placement_topCenter__1cy6jj813",topLeft:"rarui-toast_wrapper_placement_topLeft__1cy6jj814",topRight:"rarui-toast_wrapper_placement_topRight__1cy6jj815"}},defaultVariants:{},compoundVariants:[]})};export{r as sprinkle,_ as styles};
1
+ import{c as t}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";a({defaultClassName:"rarui-toast_container__1cy6jj816",variantClassNames:{placement:{bottomCenter:"rarui-toast_container_placement_bottomCenter__1cy6jj817",bottomLeft:"rarui-toast_container_placement_bottomLeft__1cy6jj818",bottomRight:"rarui-toast_container_placement_bottomRight__1cy6jj819",topCenter:"rarui-toast_container_placement_topCenter__1cy6jj81a",topLeft:"rarui-toast_container_placement_topLeft__1cy6jj81b",topRight:"rarui-toast_container_placement_topRight__1cy6jj81c"}},defaultVariants:{},compoundVariants:[]});var r=t({config:{width:{dynamic:{default:"rarui-toast_width-md__1cy6jj81i",conditions:{xs:"rarui-toast_width-xs__1cy6jj81h",md:"rarui-toast_width-md__1cy6jj81i",lg:"rarui-toast_width-lg__1cy6jj81j",xl:"rarui-toast_width-xl__1cy6jj81k"}},name:"width",vars:{conditions:{xs:"var(--width-xs__1cy6jj81d)",md:"var(--width-md__1cy6jj81e)",lg:"var(--width-lg__1cy6jj81f)",xl:"var(--width-xl__1cy6jj81g)"},default:"var(--width-md__1cy6jj81e)"},dynamicScale:!0}}}),_={toast:a({defaultClassName:"rarui-toast__1cy6jj80",variantClassNames:{appearance:{info:"rarui-toast_appearance_info__1cy6jj81",success:"rarui-toast_appearance_success__1cy6jj82",warning:"rarui-toast_appearance_warning__1cy6jj83",error:"rarui-toast_appearance_error__1cy6jj84",neutral:"rarui-toast_appearance_neutral__1cy6jj85",invert:"rarui-toast_appearance_invert__1cy6jj86"},size:{small:"rarui-toast_size_small__1cy6jj87",medium:"rarui-toast_size_medium__1cy6jj88",large:"rarui-toast_size_large__1cy6jj89"},variant:{solid:"rarui-toast_variant_solid__1cy6jj8a",tonal:"rarui-toast_variant_tonal__1cy6jj8b",ghost:"rarui-toast_variant_ghost__1cy6jj8c"}},defaultVariants:{},compoundVariants:[[{appearance:"info",variant:"tonal"},"rarui-toast__compound_0__1cy6jj8d"],[{appearance:"warning",variant:"tonal"},"rarui-toast__compound_1__1cy6jj8e"],[{appearance:"success",variant:"tonal"},"rarui-toast__compound_2__1cy6jj8f"],[{appearance:"error",variant:"tonal"},"rarui-toast__compound_3__1cy6jj8g"],[{appearance:"neutral",variant:"tonal"},"rarui-toast__compound_4__1cy6jj8h"],[{appearance:"invert",variant:"tonal"},"rarui-toast__compound_5__1cy6jj8i"],[{appearance:"info",variant:"ghost"},"rarui-toast__compound_6__1cy6jj8j"],[{appearance:"warning",variant:"ghost"},"rarui-toast__compound_7__1cy6jj8k"],[{appearance:"success",variant:"ghost"},"rarui-toast__compound_8__1cy6jj8l"],[{appearance:"error",variant:"ghost"},"rarui-toast__compound_9__1cy6jj8m"],[{appearance:"neutral",variant:"ghost"},"rarui-toast__compound_10__1cy6jj8n"],[{appearance:"invert",variant:"ghost"},"rarui-toast__compound_11__1cy6jj8o"]]}),container:a({defaultClassName:"rarui-toast_container__1cy6jj816",variantClassNames:{placement:{bottomCenter:"rarui-toast_container_placement_bottomCenter__1cy6jj817",bottomLeft:"rarui-toast_container_placement_bottomLeft__1cy6jj818",bottomRight:"rarui-toast_container_placement_bottomRight__1cy6jj819",topCenter:"rarui-toast_container_placement_topCenter__1cy6jj81a",topLeft:"rarui-toast_container_placement_topLeft__1cy6jj81b",topRight:"rarui-toast_container_placement_topRight__1cy6jj81c"}},defaultVariants:{},compoundVariants:[]}),content:"rarui-toast_content__1cy6jj8p",toastContainer:a({defaultClassName:"rarui-toast_toast-container__1cy6jj8q",variantClassNames:{position:{bottomRight:"rarui-toast_toast-container_position_bottomRight__1cy6jj8r",topRight:"rarui-toast_toast-container_position_topRight__1cy6jj8s",bottomLeft:"rarui-toast_toast-container_position_bottomLeft__1cy6jj8t",topLeft:"rarui-toast_toast-container_position_topLeft__1cy6jj8u"}},defaultVariants:{},compoundVariants:[]}),wrapper:a({defaultClassName:"rarui-toast_wrapper__1cy6jj8z",variantClassNames:{placement:{bottomCenter:"rarui-toast_wrapper_placement_bottomCenter__1cy6jj810",bottomLeft:"rarui-toast_wrapper_placement_bottomLeft__1cy6jj811",bottomRight:"rarui-toast_wrapper_placement_bottomRight__1cy6jj812",topCenter:"rarui-toast_wrapper_placement_topCenter__1cy6jj813",topLeft:"rarui-toast_wrapper_placement_topLeft__1cy6jj814",topRight:"rarui-toast_wrapper_placement_topRight__1cy6jj815"}},defaultVariants:{},compoundVariants:[]})};export{r as sprinkle,_ as styles};
package/dist/packages/input/button/index.d.ts CHANGED
@@ -10,65 +10,65 @@ declare const button: {
10
10
  };
11
11
  appearance: {
12
12
  brand: {
13
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
14
+ borderColor: `var(--${string})` | `var(--${string}, ${string})`;
15
+ color: `var(--${string})` | `var(--${string}, ${string})`;
16
16
  };
17
17
  danger: {
18
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
19
+ borderColor: `var(--${string})` | `var(--${string}, ${string})`;
20
+ color: `var(--${string})` | `var(--${string}, ${string})`;
21
21
  };
22
22
  success: {
23
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
24
+ borderColor: `var(--${string})` | `var(--${string}, ${string})`;
25
+ color: `var(--${string})` | `var(--${string}, ${string})`;
26
26
  };
27
27
  warning: {
28
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
29
+ borderColor: `var(--${string})` | `var(--${string}, ${string})`;
30
+ color: `var(--${string})` | `var(--${string}, ${string})`;
31
31
  };
32
32
  neutral: {
33
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
34
+ borderColor: `var(--${string})` | `var(--${string}, ${string})`;
35
+ color: `var(--${string})` | `var(--${string}, ${string})`;
36
36
  };
37
37
  inverted: {
38
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
39
+ borderColor: `var(--${string})` | `var(--${string}, ${string})`;
40
+ color: `var(--${string})` | `var(--${string}, ${string})`;
41
41
  };
42
42
  };
43
43
  size: {
44
44
  large: {
45
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
- padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
45
+ gap: `var(--${string})` | `var(--${string}, ${string})`;
46
+ padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
47
47
  height: "3rem";
48
- fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
+ fontSize: `var(--${string})` | `var(--${string}, ${string})`;
49
49
  };
50
50
  medium: {
51
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
- padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
51
+ gap: `var(--${string})` | `var(--${string}, ${string})`;
52
+ padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
53
53
  height: "2.5rem";
54
- fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
+ fontSize: `var(--${string})` | `var(--${string}, ${string})`;
55
55
  };
56
56
  small: {
57
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
- padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
57
+ gap: `var(--${string})` | `var(--${string}, ${string})`;
58
+ padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
59
59
  height: "2rem";
60
- fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
+ fontSize: `var(--${string})` | `var(--${string}, ${string})`;
61
61
  };
62
62
  };
63
63
  variant: {
64
64
  solid: {
65
65
  selectors: {
66
66
  "&:hover:after": {
67
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
68
68
  };
69
69
  "&:active:after": {
70
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
71
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
70
+ borderColor: `var(--${string})` | `var(--${string}, ${string})`;
71
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
72
72
  };
73
73
  };
74
74
  };
package/dist/packages/input/button/rarui-button.css.d.ts CHANGED
@@ -19,34 +19,34 @@ declare const buttonStyles: {
19
19
  */
20
20
  appearance: {
21
21
  brand: {
22
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
23
+ borderColor: `var(--${string})` | `var(--${string}, ${string})`;
24
+ color: `var(--${string})` | `var(--${string}, ${string})`;
25
25
  };
26
26
  danger: {
27
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
28
+ borderColor: `var(--${string})` | `var(--${string}, ${string})`;
29
+ color: `var(--${string})` | `var(--${string}, ${string})`;
30
30
  };
31
31
  success: {
32
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
33
+ borderColor: `var(--${string})` | `var(--${string}, ${string})`;
34
+ color: `var(--${string})` | `var(--${string}, ${string})`;
35
35
  };
36
36
  warning: {
37
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
38
+ borderColor: `var(--${string})` | `var(--${string}, ${string})`;
39
+ color: `var(--${string})` | `var(--${string}, ${string})`;
40
40
  };
41
41
  neutral: {
42
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
43
+ borderColor: `var(--${string})` | `var(--${string}, ${string})`;
44
+ color: `var(--${string})` | `var(--${string}, ${string})`;
45
45
  };
46
46
  inverted: {
47
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
48
+ borderColor: `var(--${string})` | `var(--${string}, ${string})`;
49
+ color: `var(--${string})` | `var(--${string}, ${string})`;
50
50
  };
51
51
  };
52
52
  /**
@@ -55,22 +55,22 @@ declare const buttonStyles: {
55
55
  */
56
56
  size: {
57
57
  large: {
58
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
- padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
58
+ gap: `var(--${string})` | `var(--${string}, ${string})`;
59
+ padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
60
60
  height: "3rem";
61
- fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
+ fontSize: `var(--${string})` | `var(--${string}, ${string})`;
62
62
  };
63
63
  medium: {
64
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
- padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
64
+ gap: `var(--${string})` | `var(--${string}, ${string})`;
65
+ padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
66
66
  height: "2.5rem";
67
- fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
+ fontSize: `var(--${string})` | `var(--${string}, ${string})`;
68
68
  };
69
69
  small: {
70
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
71
- padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
70
+ gap: `var(--${string})` | `var(--${string}, ${string})`;
71
+ padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
72
72
  height: "2rem";
73
- fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
73
+ fontSize: `var(--${string})` | `var(--${string}, ${string})`;
74
74
  };
75
75
  };
76
76
  /**
@@ -81,11 +81,11 @@ declare const buttonStyles: {
81
81
  solid: {
82
82
  selectors: {
83
83
  "&:hover:after": {
84
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
84
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
85
85
  };
86
86
  "&:active:after": {
87
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
88
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
87
+ borderColor: `var(--${string})` | `var(--${string}, ${string})`;
88
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
89
89
  };
90
90
  };
91
91
  };
package/dist/packages/input/button/rarui-button.css.js CHANGED
@@ -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:{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};
1
+ 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};
package/dist/packages/input/checkbox/index.d.ts CHANGED
@@ -5,9 +5,9 @@ declare const checkbox: {
5
5
  checkbox: RuntimeFn<{
6
6
  error: {
7
7
  true: {
8
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ borderColor: `var(--${string})` | `var(--${string}, ${string})`;
9
9
  ":checked": {
10
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
11
11
  };
12
12
  };
13
13
  };
@@ -40,7 +40,7 @@ declare const checkbox: {
40
40
  error: {
41
41
  true: {
42
42
  vars: {
43
- [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
+ [x: string]: `var(--${string})` | `var(--${string}, ${string})`;
44
44
  };
45
45
  };
46
46
  };
package/dist/packages/input/checkbox/rarui-checkbox.css.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';
2
2
 
3
+ declare const overlayBackgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
3
4
  declare const checkboxStyles: {
4
5
  checkbox: RuntimeFn<{
5
6
  /**
@@ -7,9 +8,9 @@ declare const checkboxStyles: {
7
8
  */
8
9
  error: {
9
10
  true: {
10
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
+ borderColor: `var(--${string})` | `var(--${string}, ${string})`;
11
12
  ":checked": {
12
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
13
14
  };
14
15
  };
15
16
  };
@@ -51,7 +52,7 @@ declare const checkboxStyles: {
51
52
  error: {
52
53
  true: {
53
54
  vars: {
54
- [x: string]: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
+ [overlayBackgroundColor]: `var(--${string})` | `var(--${string}, ${string})`;
55
56
  };
56
57
  };
57
58
  };
package/dist/packages/input/checkbox/rarui-checkbox.css.js CHANGED
@@ -1 +1 @@
1
- import"./../../../themes/globals.css";import"./rarui-checkbox.css";import{c as r}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var e={checkbox:r({defaultClassName:"rarui-checkbox__1qvfiyr1",variantClassNames:{error:{true:"rarui-checkbox_error_true__1qvfiyr2"},size:{medium:"rarui-checkbox_size_medium__1qvfiyr3",large:"rarui-checkbox_size_large__1qvfiyr4"},indeterminate:{true:"rarui-checkbox_indeterminate_true__1qvfiyr5"}},defaultVariants:{},compoundVariants:[]}),label:r({defaultClassName:"rarui-checkbox_label__1qvfiyr6",variantClassNames:{error:{true:"rarui-checkbox_label_error_true__1qvfiyr7"}},defaultVariants:{},compoundVariants:[]}),container:"rarui-checkbox_container__1qvfiyr8",overlay:"rarui-checkbox_overlay__1qvfiyr9"};export{e as checkboxStyles};
1
+ import{c as r}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var e={checkbox:r({defaultClassName:"rarui-checkbox__1qvfiyr1",variantClassNames:{error:{true:"rarui-checkbox_error_true__1qvfiyr2"},size:{medium:"rarui-checkbox_size_medium__1qvfiyr3",large:"rarui-checkbox_size_large__1qvfiyr4"},indeterminate:{true:"rarui-checkbox_indeterminate_true__1qvfiyr5"}},defaultVariants:{},compoundVariants:[]}),label:r({defaultClassName:"rarui-checkbox_label__1qvfiyr6",variantClassNames:{error:{true:"rarui-checkbox_label_error_true__1qvfiyr7"}},defaultVariants:{},compoundVariants:[]}),container:"rarui-checkbox_container__1qvfiyr8",overlay:"rarui-checkbox_overlay__1qvfiyr9"};export{e as checkboxStyles};
package/dist/packages/input/chip/index.d.ts CHANGED
@@ -6,28 +6,28 @@ declare const chip: {
6
6
  chip: RuntimeFn<{
7
7
  pill: {
8
8
  true: {
9
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
+ borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
10
10
  };
11
11
  };
12
12
  selected: {
13
13
  true: {
14
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
+ borderColor: `var(--${string})` | `var(--${string}, ${string})`;
15
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
16
+ color: `var(--${string})` | `var(--${string}, ${string})`;
17
17
  ":hover": {
18
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
19
19
  };
20
20
  };
21
21
  };
22
22
  size: {
23
23
  medium: {
24
- lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
- fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
25
+ fontSize: `var(--${string})` | `var(--${string}, ${string})`;
26
26
  height: "2rem";
27
27
  };
28
28
  small: {
29
- lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
30
+ fontSize: `var(--${string})` | `var(--${string}, ${string})`;
31
31
  height: "1.5rem";
32
32
  };
33
33
  };