@rolster/react-components 18.10.8 → 18.10.10

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 (45) hide show
  1. package/dist/cjs/assets/{index-Fy0sGm5F.css → index-_J97liwf.css} +254 -255
  2. package/dist/es/assets/{index-Fy0sGm5F.css → index-_J97liwf.css} +254 -255
  3. package/dist/esm/components/atoms/Amount/Amount.css +1 -1
  4. package/dist/esm/components/atoms/Avatar/Avatar.css +0 -1
  5. package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.css +3 -3
  6. package/dist/esm/components/atoms/Button/Button.css +8 -8
  7. package/dist/esm/components/atoms/ButtonAction/ButtonAction.css +10 -10
  8. package/dist/esm/components/atoms/CheckBox/CheckBox.css +6 -6
  9. package/dist/esm/components/atoms/Icon/Icon.css +1 -1
  10. package/dist/esm/components/atoms/InputPassword/InputPassword.css +2 -2
  11. package/dist/esm/components/atoms/MessageIcon/MessageIcon.css +4 -4
  12. package/dist/esm/components/atoms/Poster/Poster.css +1 -1
  13. package/dist/esm/components/atoms/ProgressBar/ProgressBar.css +3 -3
  14. package/dist/esm/components/atoms/RadioButton/RadioButton.css +4 -4
  15. package/dist/esm/components/atoms/SearchInput/SearchInput.css +3 -3
  16. package/dist/esm/components/atoms/Skeleton/Skeleton.css +1 -1
  17. package/dist/esm/components/atoms/SkeletonText/SkeletonText.css +1 -1
  18. package/dist/esm/components/atoms/Switch/Switch.css +6 -6
  19. package/dist/esm/components/molecules/Ballot/Ballot.css +7 -7
  20. package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.css +10 -10
  21. package/dist/esm/components/molecules/CheckBoxLabel/CheckBoxLabel.css +4 -4
  22. package/dist/esm/components/molecules/DayPicker/DayPicker.css +11 -11
  23. package/dist/esm/components/molecules/DayRangePicker/DayRangePicker.css +11 -11
  24. package/dist/esm/components/molecules/MoneyField/MoneyField.css +1 -1
  25. package/dist/esm/components/molecules/MonthPicker/MonthPicker.css +6 -6
  26. package/dist/esm/components/molecules/MonthTitlePicker/MonthTitlePicker.css +3 -3
  27. package/dist/esm/components/molecules/NumberField/NumberField.css +1 -1
  28. package/dist/esm/components/molecules/Pagination/Pagination.css +15 -15
  29. package/dist/esm/components/molecules/PasswordField/PasswordField.css +4 -4
  30. package/dist/esm/components/molecules/RadioButtonLabel/RadioButtonLabel.css +4 -4
  31. package/dist/esm/components/molecules/SwitchLabel/SwitchLabel.css +5 -5
  32. package/dist/esm/components/molecules/TextField/TextField.css +1 -1
  33. package/dist/esm/components/molecules/Toolbar/Toolbar.css +7 -7
  34. package/dist/esm/components/molecules/YearPicker/YearPicker.css +11 -11
  35. package/dist/esm/components/organisms/AutocompleteField/AutocompleteField.css +10 -10
  36. package/dist/esm/components/organisms/Card/Card.css +1 -1
  37. package/dist/esm/components/organisms/Confirmation/Confirmation.css +14 -14
  38. package/dist/esm/components/organisms/DateField/DateField.css +7 -7
  39. package/dist/esm/components/organisms/DatePicker/DatePicker.css +17 -17
  40. package/dist/esm/components/organisms/DateRangeField/DateRangeField.css +7 -7
  41. package/dist/esm/components/organisms/DateRangePicker/DateRangePicker.css +17 -17
  42. package/dist/esm/components/organisms/FormNavigation/FormNavigation.css +11 -11
  43. package/dist/esm/components/organisms/Modal/Modal.css +3 -3
  44. package/dist/esm/components/organisms/Snackbar/Snackbar.css +12 -12
  45. package/package.json +2 -2
package/dist/esm/components/organisms/Modal/Modal.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .rls-modal {
2
- --pvt-component-transform: translateY(10rem) scale(0.6);
2
+ --pvt-component-transform: translateY(80rem) scale(0.6);
3
3
  --pvt-component-height: 0rem;
4
4
  --pvt-component-opacity: 0;
5
5
  --pvt-component-visibility: hidden;
@@ -28,13 +28,13 @@
28
28
  .rls-modal__component {
29
29
  position: absolute;
30
30
  width: auto;
31
- max-width: calc(100% - var(--sizing-16));
31
+ max-width: calc(100% - var(--sizing-x8));
32
32
  height: var(--pvt-component-height);
33
33
  opacity: var(--pvt-component-opacity);
34
34
  visibility: var(--pvt-component-visibility);
35
35
  z-index: var(--z-index-2);
36
36
  overflow: hidden;
37
- border-radius: var(--sizing-8);
37
+ border-radius: var(--sizing-x4);
38
38
  background: var(--background-theme-500);
39
39
  will-change: transform;
40
40
  transform: var(--pvt-component-transform);
package/dist/esm/components/organisms/Snackbar/Snackbar.css CHANGED
@@ -1,16 +1,16 @@
1
1
  .rls-snackbar {
2
2
  position: fixed;
3
3
  display: flex;
4
- column-gap: var(--sizing-12);
4
+ column-gap: var(--sizing-x6);
5
5
  bottom: 0rem;
6
6
  left: var(--rls-snackbar-left);
7
7
  z-index: 32;
8
8
  width: auto;
9
9
  height: auto;
10
- max-width: 30rem;
11
- padding: var(--sizing-12);
10
+ max-width: 240rem;
11
+ padding: var(--sizing-x6);
12
12
  box-sizing: border-box;
13
- border-radius: var(--sizing-8);
13
+ border-radius: var(--sizing-x4);
14
14
  background: var(--background-theme-500);
15
15
  box-shadow: var(--shadow-bottom-light-4);
16
16
  border: var(--border-1-rolster-300);
@@ -19,7 +19,7 @@
19
19
  transition: transform 160ms 0ms var(--standard-curve);
20
20
  }
21
21
  .rls-snackbar--visible {
22
- transform: translate(-50%, calc(0% - var(--sizing-16)));
22
+ transform: translate(-50%, calc(0% - var(--sizing-x8)));
23
23
  }
24
24
  .rls-snackbar__avatar {
25
25
  --rls-icon-color: var(--color-light-500);
@@ -28,17 +28,17 @@
28
28
  align-items: center;
29
29
  overflow: hidden;
30
30
  background: var(--color-rolster-500);
31
- width: var(--sizing-36);
32
- height: var(--sizing-36);
33
- border-radius: var(--sizing-8);
31
+ width: var(--sizing-x18);
32
+ height: var(--sizing-x18);
33
+ border-radius: var(--sizing-x4);
34
34
  }
35
35
  .rls-snackbar__avatar + .rls-snackbar__component {
36
- width: calc(100% - var(--sizing-36));
36
+ width: calc(100% - var(--sizing-x18));
37
37
  }
38
38
  .rls-snackbar__component {
39
39
  display: flex;
40
40
  flex-direction: column;
41
- row-gap: var(--sizing-4);
41
+ row-gap: var(--sizing-x2);
42
42
  }
43
43
  .rls-snackbar__title {
44
44
  overflow: hidden;
@@ -50,7 +50,7 @@
50
50
  letter-spacing: var(--body-letter-spacing);
51
51
  }
52
52
  .rls-snackbar__content p {
53
- line-height: var(--sizing-20);
53
+ line-height: var(--sizing-x10);
54
54
  color: var(--color-theme-300);
55
55
  font-size: var(--label-font-size);
56
56
  font-weight: var(--font-weight-medium);
@@ -59,6 +59,6 @@
59
59
 
60
60
  @media only screen and (max-width: 375px) {
61
61
  .rls-snackbar {
62
- width: calc(100% - var(--sizing-24));
62
+ width: calc(100% - var(--sizing-x12));
63
63
  }
64
64
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/react-components",
3
- "version": "18.10.8",
3
+ "version": "18.10.10",
4
4
  "type": "module",
5
5
  "description": "Package containing UI components for React Project.",
6
6
  "module": "dist/esm/index.js",
@@ -58,7 +58,7 @@
58
58
  "@rollup/plugin-commonjs": "^25.0.4",
59
59
  "@rollup/plugin-node-resolve": "^15.2.1",
60
60
  "@rollup/plugin-typescript": "^11.1.3",
61
- "@rolster/styles-foundations": "^1.0.12",
61
+ "@rolster/styles-foundations": "^1.1.1",
62
62
  "@rolster/types": "^1.0.4",
63
63
  "@types/node-sass": "^4.11.4",
64
64
  "@types/react": "^18.0.28",