@rarui/styles 2.7.0-rc.1 → 2.7.0

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 (15) hide show
  1. package/CHANGELOG.md +3 -2
  2. package/dist/index.css +1 -1
  3. package/dist/packages/exhibition/divider/index.d.ts +8 -8
  4. package/dist/packages/exhibition/icon/index.d.ts +18 -18
  5. package/dist/packages/exhibition/text/index.d.ts +18 -18
  6. package/dist/packages/exhibition/title/index.d.ts +18 -18
  7. package/dist/packages/input/datepicker/index.d.ts +1 -0
  8. package/dist/packages/input/datepicker/rarui-datepicker.css +9 -6
  9. package/dist/packages/input/datepicker/rarui-datepicker.css.js +1 -1
  10. package/dist/packages/layout/box/index.d.ts +334 -322
  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 -1
  14. package/dist/packages/surface/card/index.d.ts +32 -32
  15. package/package.json +2 -3
package/dist/packages/exhibition/divider/index.d.ts CHANGED
@@ -14,6 +14,14 @@ 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": {
22
+ default: string;
23
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
24
+ };
17
25
  brand: {
18
26
  default: string;
19
27
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
@@ -34,10 +42,6 @@ declare const divider: {
34
42
  default: string;
35
43
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
36
44
  };
37
- "invert-disabled": {
38
- default: string;
39
- conditions: Record<"xs" | "xl" | "md" | "lg", string>;
40
- };
41
45
  primary: {
42
46
  default: string;
43
47
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
@@ -54,10 +58,6 @@ declare const divider: {
54
58
  default: string;
55
59
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
56
60
  };
57
- "brand-alt": {
58
- default: string;
59
- conditions: Record<"xs" | "xl" | "md" | "lg", string>;
60
- };
61
61
  divider: {
62
62
  default: string;
63
63
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
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
- brand: {
17
+ "invert-disabled": {
18
18
  default: string;
19
19
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
20
20
  };
21
- disabled: {
21
+ "invert-secondary": {
22
22
  default: string;
23
23
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
24
24
  };
25
- error: {
25
+ "brand-alt": {
26
26
  default: string;
27
27
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
28
28
  };
29
- info: {
29
+ "on-brand": {
30
30
  default: string;
31
31
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
32
32
  };
33
- invert: {
33
+ "on-error": {
34
34
  default: string;
35
35
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
36
36
  };
37
- "invert-disabled": {
37
+ "on-info": {
38
38
  default: string;
39
39
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
40
40
  };
41
- "invert-secondary": {
41
+ "on-success": {
42
42
  default: string;
43
43
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
44
44
  };
45
- primary: {
45
+ "on-warning": {
46
46
  default: string;
47
47
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
48
48
  };
49
- secondary: {
49
+ "warning-alt": {
50
50
  default: string;
51
51
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
52
52
  };
53
- success: {
53
+ brand: {
54
54
  default: string;
55
55
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
56
56
  };
57
- warning: {
57
+ disabled: {
58
58
  default: string;
59
59
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
60
60
  };
61
- "brand-alt": {
61
+ error: {
62
62
  default: string;
63
63
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
64
64
  };
65
- "on-brand": {
65
+ info: {
66
66
  default: string;
67
67
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
68
68
  };
69
- "on-error": {
69
+ invert: {
70
70
  default: string;
71
71
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
72
72
  };
73
- "on-info": {
73
+ primary: {
74
74
  default: string;
75
75
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
76
76
  };
77
- "on-success": {
77
+ secondary: {
78
78
  default: string;
79
79
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
80
80
  };
81
- "on-warning": {
81
+ success: {
82
82
  default: string;
83
83
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
84
84
  };
85
- "warning-alt": {
85
+ warning: {
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
- brand: {
21
+ "invert-disabled": {
22
22
  default: string;
23
23
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
24
24
  };
25
- disabled: {
25
+ "invert-secondary": {
26
26
  default: string;
27
27
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
28
28
  };
29
- error: {
29
+ "brand-alt": {
30
30
  default: string;
31
31
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
32
32
  };
33
- info: {
33
+ "on-brand": {
34
34
  default: string;
35
35
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
36
36
  };
37
- invert: {
37
+ "on-error": {
38
38
  default: string;
39
39
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
40
40
  };
41
- "invert-disabled": {
41
+ "on-info": {
42
42
  default: string;
43
43
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
44
44
  };
45
- "invert-secondary": {
45
+ "on-success": {
46
46
  default: string;
47
47
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
48
48
  };
49
- primary: {
49
+ "on-warning": {
50
50
  default: string;
51
51
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
52
52
  };
53
- secondary: {
53
+ "warning-alt": {
54
54
  default: string;
55
55
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
56
56
  };
57
- success: {
57
+ brand: {
58
58
  default: string;
59
59
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
60
60
  };
61
- warning: {
61
+ disabled: {
62
62
  default: string;
63
63
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
64
64
  };
65
- "brand-alt": {
65
+ error: {
66
66
  default: string;
67
67
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
68
68
  };
69
- "on-brand": {
69
+ info: {
70
70
  default: string;
71
71
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
72
72
  };
73
- "on-error": {
73
+ invert: {
74
74
  default: string;
75
75
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
76
76
  };
77
- "on-info": {
77
+ primary: {
78
78
  default: string;
79
79
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
80
80
  };
81
- "on-success": {
81
+ secondary: {
82
82
  default: string;
83
83
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
84
84
  };
85
- "on-warning": {
85
+ success: {
86
86
  default: string;
87
87
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
88
88
  };
89
- "warning-alt": {
89
+ warning: {
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
- brand: {
45
+ "invert-disabled": {
46
46
  default: string;
47
47
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
48
48
  };
49
- disabled: {
49
+ "invert-secondary": {
50
50
  default: string;
51
51
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
52
52
  };
53
- error: {
53
+ "brand-alt": {
54
54
  default: string;
55
55
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
56
56
  };
57
- info: {
57
+ "on-brand": {
58
58
  default: string;
59
59
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
60
60
  };
61
- invert: {
61
+ "on-error": {
62
62
  default: string;
63
63
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
64
64
  };
65
- "invert-disabled": {
65
+ "on-info": {
66
66
  default: string;
67
67
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
68
68
  };
69
- "invert-secondary": {
69
+ "on-success": {
70
70
  default: string;
71
71
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
72
72
  };
73
- primary: {
73
+ "on-warning": {
74
74
  default: string;
75
75
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
76
76
  };
77
- secondary: {
77
+ "warning-alt": {
78
78
  default: string;
79
79
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
80
80
  };
81
- success: {
81
+ brand: {
82
82
  default: string;
83
83
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
84
84
  };
85
- warning: {
85
+ disabled: {
86
86
  default: string;
87
87
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
88
88
  };
89
- "brand-alt": {
89
+ error: {
90
90
  default: string;
91
91
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
92
92
  };
93
- "on-brand": {
93
+ info: {
94
94
  default: string;
95
95
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
96
96
  };
97
- "on-error": {
97
+ invert: {
98
98
  default: string;
99
99
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
100
100
  };
101
- "on-info": {
101
+ primary: {
102
102
  default: string;
103
103
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
104
104
  };
105
- "on-success": {
105
+ secondary: {
106
106
  default: string;
107
107
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
108
108
  };
109
- "on-warning": {
109
+ success: {
110
110
  default: string;
111
111
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
112
112
  };
113
- "warning-alt": {
113
+ warning: {
114
114
  default: string;
115
115
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
116
116
  };
package/dist/packages/input/datepicker/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  declare const datepicker: {
2
2
  classnames: {
3
3
  datepicker: string;
4
+ datepickerWrapper: string;
4
5
  day: string;
5
6
  weekday: string;
6
7
  time: string;
package/dist/packages/input/datepicker/rarui-datepicker.css CHANGED
@@ -7,23 +7,26 @@
7
7
  border-radius: var(--rarui-shape-border-radius-xs);
8
8
  overflow: hidden;
9
9
  }
10
- .rarui-datepicker_weekday__1172dxe1 {
10
+ .rarui-datepicker__1172dxe1 {
11
+ width: 100%;
12
+ }
13
+ .rarui-datepicker_weekday__1172dxe2 {
11
14
  text-transform: capitalize;
12
15
  flex: 1;
13
16
  color: var(--rarui-colors-content-secondary);
14
17
  font-size: var(--rarui-fontSize-body-xs);
15
18
  font-weight: var(--rarui-fontWeight-regular);
16
19
  }
17
- .rarui-datepicker_day__1172dxe2 {
20
+ .rarui-datepicker_day__1172dxe3 {
18
21
  width: 2.5rem;
19
22
  }
20
- .rarui-datepicker_time__1172dxe3 {
23
+ .rarui-datepicker_time__1172dxe4 {
21
24
  height: auto !important;
22
25
  padding: 0 !important;
23
26
  margin: 0px var(--rarui-spacing-4xs);
24
27
  margin-bottom: var(--rarui-spacing-4xs);
25
28
  }
26
- .rarui-datepicker_time__1172dxe3:hover {
29
+ .rarui-datepicker_time__1172dxe4:hover {
27
30
  background-color: var(--rarui-colors-surface-brand-hover) !important;
28
31
  }
29
32
  .rarui-datepicker__1172dxe0 .react-datepicker__header {
@@ -94,7 +97,7 @@
94
97
  .rarui-datepicker__1172dxe0 .react-datepicker__day,
95
98
  .rarui-datepicker__1172dxe0 .react-datepicker__month-text,
96
99
  .rarui-datepicker__1172dxe0 .react-datepicker__year-text,
97
- .rarui-datepicker__1172dxe0 .rarui-datepicker_time__1172dxe3
100
+ .rarui-datepicker__1172dxe0 .rarui-datepicker_time__1172dxe4
98
101
  {
99
102
  border-style: solid;
100
103
  border-color: transparent;
@@ -110,7 +113,7 @@
110
113
  .rarui-datepicker__1172dxe0 .react-datepicker__day:hover,
111
114
  .rarui-datepicker__1172dxe0 .react-datepicker__month-text:hover,
112
115
  .rarui-datepicker__1172dxe0 .react-datepicker__year-text:hover,
113
- .rarui-datepicker__1172dxe0 .rarui-datepicker_time__1172dxe3:hover
116
+ .rarui-datepicker__1172dxe0 .rarui-datepicker_time__1172dxe4:hover
114
117
  {
115
118
  border-radius: var(--rarui-shape-border-radius-2xs);
116
119
  border-color: var(--rarui-colors-border-brand);
package/dist/packages/input/datepicker/rarui-datepicker.css.js CHANGED
@@ -1 +1 @@
1
- var e={datepicker:"rarui-datepicker__1172dxe0",day:"rarui-datepicker_day__1172dxe2",weekday:"rarui-datepicker_weekday__1172dxe1",time:"rarui-datepicker_time__1172dxe3"};export{e as datepickerStyles};
1
+ var e={datepicker:"rarui-datepicker__1172dxe0",datepickerWrapper:"rarui-datepicker__1172dxe1",day:"rarui-datepicker_day__1172dxe3",weekday:"rarui-datepicker_weekday__1172dxe2",time:"rarui-datepicker_time__1172dxe4"};export{e as datepickerStyles};