@rarui/styles 2.7.0-rc.2 → 3.0.0-rc.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.
Files changed (17) hide show
  1. package/CHANGELOG.md +15 -2
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +0 -2
  4. package/dist/index.js +1 -1
  5. package/dist/packages/exhibition/divider/index.d.ts +8 -8
  6. package/dist/packages/exhibition/icon/index.d.ts +18 -18
  7. package/dist/packages/exhibition/text/index.d.ts +18 -18
  8. package/dist/packages/exhibition/title/index.d.ts +18 -18
  9. package/dist/packages/input/input/rarui-input.css +11 -0
  10. package/dist/packages/layout/box/index.d.ts +331 -319
  11. package/dist/packages/layout/box/rarui-box.css +4032 -4005
  12. package/dist/packages/layout/box/rarui-box.css.js +1 -1
  13. package/dist/packages/layout/box/rarui-box.types.d.ts +1 -2
  14. package/dist/packages/layout/sidebar/index.d.ts +2 -2
  15. package/dist/packages/layout/sidebar/rarui-sidebar.css.d.ts +0 -1
  16. package/dist/packages/surface/card/index.d.ts +33 -33
  17. package/package.json +4 -4
package/dist/index.d.ts CHANGED
@@ -1,7 +1,5 @@
1
1
  export { varsThemeBase as variables } from './themes/globals.css.js';
2
2
  export { default as variablesDark } from './themes/rarui-theme-dark.css.js';
3
- export { CaptureCssProperties } from './utils/index.js';
4
- export { AddSprinkleAttributes } from './decorators/addSprinkleAttributes.js';
5
3
  export { avatar } from './packages/exhibition/avatar/index.js';
6
4
  export { badge } from './packages/exhibition/badge/index.js';
7
5
  export { box } from './packages/layout/box/index.js';
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- export{varsThemeBase as variables}from"./themes/globals.css.js";export{variables as variablesDark}from"./themes/rarui-theme-dark.css.js";export{CaptureCssProperties}from"./utils/index.js";export{AddSprinkleAttributes}from"./decorators/addSprinkleAttributes.js";export{avatar}from"./packages/exhibition/avatar/index.js";export{badge}from"./packages/exhibition/badge/index.js";export{box}from"./packages/layout/box/index.js";export{button}from"./packages/input/button/index.js";export{checkbox}from"./packages/input/checkbox/index.js";export{chip}from"./packages/input/chip/index.js";export{divider}from"./packages/exhibition/divider/index.js";export{icon}from"./packages/exhibition/icon/index.js";export{iconButton}from"./packages/input/iconButton/index.js";export{input}from"./packages/input/input/index.js";export{label}from"./packages/exhibition/label/index.js";export{link}from"./packages/navigation/link/index.js";export{progress}from"./packages/feedback/progress/index.js";export{radioButton}from"./packages/input/radioButton/index.js";export{skeleton}from"./packages/feedback/skeleton/index.js";export{select}from"./packages/input/select/index.js";export{status}from"./packages/feedback/status/index.js";export{text}from"./packages/exhibition/text/index.js";export{title}from"./packages/exhibition/title/index.js";export{banner}from"./packages/surface/banner/index.js";export{textarea}from"./packages/input/textarea/index.js";export{toast}from"./packages/feedback/toast/index.js";export{toggle}from"./packages/input/toggle/index.js";export{tooltip}from"./packages/exhibition/tooltip/index.js";export{accordion}from"./packages/surface/accordion/index.js";export{breadcrumb}from"./packages/navigation/breadcrumb/index.js";export{card}from"./packages/surface/card/index.js";export{datepicker}from"./packages/input/datepicker/index.js";export{dropdown}from"./packages/input/dropdown/index.js";export{modal}from"./packages/surface/modal/index.js";export{pagination}from"./packages/navigation/pagination/index.js";export{sidebar}from"./packages/layout/sidebar/index.js";export{sideNavigation}from"./packages/navigation/sideNavigation/index.js";export{stepper}from"./packages/exhibition/stepper/index.js";export{tabs}from"./packages/navigation/tabs/index.js";
1
+ export{varsThemeBase as variables}from"./themes/globals.css.js";export{variables as variablesDark}from"./themes/rarui-theme-dark.css.js";export{avatar}from"./packages/exhibition/avatar/index.js";export{badge}from"./packages/exhibition/badge/index.js";export{box}from"./packages/layout/box/index.js";export{button}from"./packages/input/button/index.js";export{checkbox}from"./packages/input/checkbox/index.js";export{chip}from"./packages/input/chip/index.js";export{divider}from"./packages/exhibition/divider/index.js";export{icon}from"./packages/exhibition/icon/index.js";export{iconButton}from"./packages/input/iconButton/index.js";export{input}from"./packages/input/input/index.js";export{label}from"./packages/exhibition/label/index.js";export{link}from"./packages/navigation/link/index.js";export{progress}from"./packages/feedback/progress/index.js";export{radioButton}from"./packages/input/radioButton/index.js";export{skeleton}from"./packages/feedback/skeleton/index.js";export{select}from"./packages/input/select/index.js";export{status}from"./packages/feedback/status/index.js";export{text}from"./packages/exhibition/text/index.js";export{title}from"./packages/exhibition/title/index.js";export{banner}from"./packages/surface/banner/index.js";export{textarea}from"./packages/input/textarea/index.js";export{toast}from"./packages/feedback/toast/index.js";export{toggle}from"./packages/input/toggle/index.js";export{tooltip}from"./packages/exhibition/tooltip/index.js";export{accordion}from"./packages/surface/accordion/index.js";export{breadcrumb}from"./packages/navigation/breadcrumb/index.js";export{card}from"./packages/surface/card/index.js";export{datepicker}from"./packages/input/datepicker/index.js";export{dropdown}from"./packages/input/dropdown/index.js";export{modal}from"./packages/surface/modal/index.js";export{pagination}from"./packages/navigation/pagination/index.js";export{sidebar}from"./packages/layout/sidebar/index.js";export{sideNavigation}from"./packages/navigation/sideNavigation/index.js";export{stepper}from"./packages/exhibition/stepper/index.js";export{tabs}from"./packages/navigation/tabs/index.js";
package/dist/packages/exhibition/divider/index.d.ts CHANGED
@@ -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
  };
package/dist/packages/exhibition/icon/index.d.ts CHANGED
@@ -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
  };
package/dist/packages/exhibition/text/index.d.ts CHANGED
@@ -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
  };
package/dist/packages/exhibition/title/index.d.ts CHANGED
@@ -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
  };
package/dist/packages/input/input/rarui-input.css CHANGED
@@ -82,6 +82,11 @@
82
82
  border-color: var(--rarui-colors-surface-disabled);
83
83
  color: var(--rarui-colors-content-disabled);
84
84
  }
85
+ .rarui-input__lq13ap8:read-only {
86
+ background-color: var(--rarui-colors-surface-disabled);
87
+ border-color: var(--rarui-colors-surface-disabled);
88
+ color: var(--rarui-colors-content-disabled);
89
+ }
85
90
  .rarui-input__lq13ap8::placeholder {
86
91
  color: var(--rarui-colors-content-disabled);
87
92
  }
@@ -168,4 +173,10 @@
168
173
  border-color: var(--rarui-colors-border-disabled);
169
174
  background-color: var(--rarui-colors-surface-disabled);
170
175
  color: var(--rarui-colors-content-disabled);
176
+ }
177
+ .rarui-input_container__lq13ap0:has(.rarui-input__lq13ap8:read-only) .rarui-input_leading__lq13apd {
178
+ cursor: auto;
179
+ border-color: var(--rarui-colors-border-disabled);
180
+ background-color: var(--rarui-colors-surface-disabled);
181
+ color: var(--rarui-colors-content-disabled);
171
182
  }