@rolster/react-components 18.21.23 → 18.21.25
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.
- package/dist/cjs/assets/{index-R-vkwGLv.css → index-yC2kyFNJ.css} +209 -126
- package/dist/es/assets/{index-R-vkwGLv.css → index-yC2kyFNJ.css} +209 -126
- package/dist/esm/components/atoms/Amount/Amount.css +5 -4
- package/dist/esm/components/atoms/Avatar/Avatar.css +5 -5
- package/dist/esm/components/atoms/Badge/Badge.css +1 -1
- package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.css +3 -2
- package/dist/esm/components/atoms/Button/Button.css +11 -11
- package/dist/esm/components/atoms/ButtonAction/ButtonAction.css +13 -7
- package/dist/esm/components/atoms/CheckBox/CheckBox.css +15 -8
- package/dist/esm/components/atoms/Icon/Icon.css +6 -5
- package/dist/esm/components/atoms/Input/Input.css +20 -12
- package/dist/esm/components/atoms/InputSearch/InputSearch.css +1 -1
- package/dist/esm/components/atoms/Label/Label.css +6 -3
- package/dist/esm/components/atoms/Poster/Poster.css +10 -6
- package/dist/esm/components/atoms/ProgressCircular/ProgressCircular.css +6 -2
- package/dist/esm/components/atoms/RadioButton/RadioButton.css +14 -7
- package/dist/esm/components/atoms/Skeleton/Skeleton.css +7 -4
- package/dist/esm/components/atoms/SkeletonText/SkeletonText.css +9 -5
- package/dist/esm/components/atoms/Switch/Switch.css +17 -12
- package/dist/esm/components/atoms/TabularText/TabularText.css +4 -4
- package/dist/esm/components/molecules/Ballot/Ballot.css +50 -21
- package/dist/esm/components/molecules/PickerDay/PickerDay.css +1 -1
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.css +1 -1
- package/dist/esm/components/molecules/PickerYear/PickerYear.css +1 -1
- package/dist/esm/components/molecules/Toolbar/Toolbar.css +1 -1
- package/dist/esm/components/organisms/Card/Card.css +1 -1
- package/dist/esm/components/organisms/Snackbar/Snackbar.css +1 -1
- package/package.json +4 -4
|
@@ -1,12 +1,32 @@
|
|
|
1
1
|
.rls-ballot {
|
|
2
2
|
--rlc-avatar-width: var(--rls-sizing-x20);
|
|
3
3
|
--rlc-avatar-height: var(--rls-sizing-x20);
|
|
4
|
+
--pvt-title-letter-spacing: var(
|
|
5
|
+
--rlc-ballot-title-letter-spacing,
|
|
6
|
+
var(--rls-label-letter-spacing)
|
|
7
|
+
);
|
|
8
|
+
--pvt-title-font-size: var(
|
|
9
|
+
--rlc-ballot-title-font-size,
|
|
10
|
+
var(--rls-label-font-size)
|
|
11
|
+
);
|
|
12
|
+
--pvt-title-height: var(
|
|
13
|
+
--rlc-ballot-title-height,
|
|
14
|
+
var(--rls-label-line-height)
|
|
15
|
+
);
|
|
16
|
+
--pvt-subtitle-letter-spacing: var(
|
|
17
|
+
--rlc-ballot-subtitle-letter-spacing,
|
|
18
|
+
var(--rls-smalltext-letter-spacing)
|
|
19
|
+
);
|
|
20
|
+
--pvt-subtitle-height: var(
|
|
21
|
+
--rlc-ballot-subtitle-height,
|
|
22
|
+
var(--rls-smalltext-line-height)
|
|
23
|
+
);
|
|
4
24
|
position: relative;
|
|
5
25
|
display: flex;
|
|
6
26
|
width: 100%;
|
|
7
27
|
align-items: center;
|
|
8
28
|
column-gap: var(--rls-sizing-x4);
|
|
9
|
-
padding: var(--rlc-ballot-padding);
|
|
29
|
+
padding: var(--rlc-ballot-padding, var(--rls-sizing-x4));
|
|
10
30
|
box-sizing: border-box;
|
|
11
31
|
overflow: hidden;
|
|
12
32
|
}
|
|
@@ -21,40 +41,49 @@
|
|
|
21
41
|
display: flex;
|
|
22
42
|
overflow: hidden;
|
|
23
43
|
flex-direction: column;
|
|
24
|
-
row-gap: var(--rlc-ballot-component-row-gap);
|
|
44
|
+
row-gap: var(--rlc-ballot-component-row-gap, var(--rls-sizing-x2));
|
|
25
45
|
}
|
|
26
46
|
.rls-ballot .rls-avatar + .rls-ballot__component {
|
|
27
47
|
width: calc(100% - var(--rlc-avatar-width) - var(--rls-sizing-x4));
|
|
28
48
|
}
|
|
29
49
|
.rls-ballot__title {
|
|
30
|
-
--rlc-skeleton-text-height: var(--
|
|
31
|
-
--rlc-skeleton-text-letter-spacing: var(--
|
|
32
|
-
--rlc-skeleton-text-font-size: var(--
|
|
50
|
+
--rlc-skeleton-text-height: var(--pvt-title-height);
|
|
51
|
+
--rlc-skeleton-text-letter-spacing: var(--pvt-title-letter-spacing);
|
|
52
|
+
--rlc-skeleton-text-font-size: var(--pvt-title-font-size);
|
|
33
53
|
position: relative;
|
|
34
54
|
width: 100%;
|
|
35
55
|
color: var(--rls-app-color-900);
|
|
36
56
|
overflow: hidden;
|
|
37
57
|
white-space: nowrap;
|
|
38
58
|
text-overflow: ellipsis;
|
|
39
|
-
font-weight: var(
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
59
|
+
font-weight: var(
|
|
60
|
+
--rlc-ballot-title-font-weight,
|
|
61
|
+
var(--rls-font-weight-medium)
|
|
62
|
+
);
|
|
63
|
+
font-size: var(--pvt-title-font-size);
|
|
64
|
+
letter-spacing: var(--pvt-title-letter-spacing);
|
|
65
|
+
min-height: var(--pvt-title-height);
|
|
66
|
+
line-height: var(--pvt-title-height);
|
|
44
67
|
}
|
|
45
68
|
.rls-ballot__subtitle {
|
|
46
|
-
--rlc-skeleton-text-height: var(--
|
|
47
|
-
--rlc-skeleton-text-letter-spacing: var(--
|
|
48
|
-
--rlc-skeleton-text-font-size: var(
|
|
69
|
+
--rlc-skeleton-text-height: var(--pvt-subtitle-height);
|
|
70
|
+
--rlc-skeleton-text-letter-spacing: var(--pvt-subtitle-letter-spacing);
|
|
71
|
+
--rlc-skeleton-text-font-size: var(
|
|
72
|
+
--rlc-ballot-subtitle-font-size,
|
|
73
|
+
var(--rls-smalltext-font-size)
|
|
74
|
+
);
|
|
49
75
|
position: relative;
|
|
50
|
-
width: var(--rlc-ballot-subtitle-width);
|
|
76
|
+
width: var(--rlc-ballot-subtitle-width, 100%);
|
|
51
77
|
color: var(--rls-app-color-600);
|
|
52
|
-
font-weight: var(
|
|
78
|
+
font-weight: var(
|
|
79
|
+
--rlc-ballot-subtitle-font-weight,
|
|
80
|
+
var(--rls-font-weight-semibold)
|
|
81
|
+
);
|
|
53
82
|
font-size: var(--rls-ballot-subtitle-font-size);
|
|
54
|
-
letter-spacing: var(--
|
|
55
|
-
min-height: var(--
|
|
56
|
-
line-height: var(--
|
|
57
|
-
overflow: var(--rlc-ballot-subtitle-overflow);
|
|
58
|
-
text-overflow: var(--rlc-ballot-subtitle-text-overflow);
|
|
59
|
-
white-space: var(--rlc-ballot-subtitle-white-space);
|
|
83
|
+
letter-spacing: var(--pvt-subtitle-letter-spacing);
|
|
84
|
+
min-height: var(--pvt-subtitle-height);
|
|
85
|
+
line-height: var(--pvt-subtitle-height);
|
|
86
|
+
overflow: var(--rlc-ballot-subtitle-overflow, initial);
|
|
87
|
+
text-overflow: var(--rlc-ballot-subtitle-text-overflow, initial);
|
|
88
|
+
white-space: var(--rlc-ballot-subtitle-white-space, initial);
|
|
60
89
|
}
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
}
|
|
64
64
|
.rls-picker-day__element--focused {
|
|
65
65
|
--pvt-span-background: var(--rls-theme-color-500);
|
|
66
|
-
--pvt-span-font-color: var(--rls-theme-
|
|
66
|
+
--pvt-span-font-color: var(--rls-theme-color-050);
|
|
67
67
|
--pvt-span-border: var(--rls-theme-border-1-500);
|
|
68
68
|
}
|
|
69
69
|
.rls-picker-day__element--forbidden {
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
}
|
|
38
38
|
.rls-picker-month__component--focused {
|
|
39
39
|
--pvt-component-background: var(--rls-theme-color-500);
|
|
40
|
-
--pvt-component-font-color: var(--rls-theme-
|
|
40
|
+
--pvt-component-font-color: var(--rls-theme-color-050);
|
|
41
41
|
--pvt-component-border: var(--rls-theme-border-1-500);
|
|
42
42
|
}
|
|
43
43
|
.rls-picker-month__component--disabled {
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
}
|
|
78
78
|
.rls-picker-year__element--focused {
|
|
79
79
|
--pvt-component-background: var(--rls-theme-color-500);
|
|
80
|
-
--pvt-component-font-color: var(--rls-theme-
|
|
80
|
+
--pvt-component-font-color: var(--rls-theme-color-050);
|
|
81
81
|
--pvt-component-border: var(--rls-theme-border-1-500);
|
|
82
82
|
}
|
|
83
83
|
.rls-picker-year__element--disabled {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rolster/react-components",
|
|
3
|
-
"version": "18.21.
|
|
3
|
+
"version": "18.21.25",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Package containing UI components for React Project.",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"prepublishOnly": "npm run build"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@rolster/commons": "^2.3.
|
|
33
|
+
"@rolster/commons": "^2.3.16",
|
|
34
34
|
"@rolster/components": "^0.5.3",
|
|
35
35
|
"@rolster/dates": "^2.1.0",
|
|
36
36
|
"@rolster/forms": "^2.10.0",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"@rollup/plugin-node-resolve": "^15.2.1",
|
|
50
50
|
"@rollup/plugin-typescript": "^11.1.3",
|
|
51
51
|
"@rolster/rollup": "^1.0.6",
|
|
52
|
-
"@rolster/styles-foundations": "^2.
|
|
52
|
+
"@rolster/styles-foundations": "^2.5.20",
|
|
53
53
|
"@rolster/types": "^1.1.0",
|
|
54
54
|
"@types/node-sass": "^4.11.4",
|
|
55
55
|
"@types/react": "^18.0.28",
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
"sass": "^1.62.1",
|
|
72
72
|
"sort-by": "^0.0.2",
|
|
73
73
|
"typescript": "^5.7.2",
|
|
74
|
-
"vite": "^6.2.
|
|
74
|
+
"vite": "^6.2.7"
|
|
75
75
|
},
|
|
76
76
|
"repository": {
|
|
77
77
|
"type": "git",
|