@rolster/react-components 18.15.1 → 18.15.3

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 (53) hide show
  1. package/dist/cjs/assets/{index-xOmRdBnF.css → index-VCzqT0sQ.css} +27 -11
  2. package/dist/cjs/index.js +1759 -1574
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/es/assets/{index-xOmRdBnF.css → index-VCzqT0sQ.css} +27 -11
  5. package/dist/es/index.js +1641 -1456
  6. package/dist/es/index.js.map +1 -1
  7. package/dist/esm/components/atoms/CheckBox/CheckBox.js +2 -2
  8. package/dist/esm/components/atoms/CheckBox/CheckBox.js.map +1 -1
  9. package/dist/esm/components/atoms/Input/Input.js +4 -4
  10. package/dist/esm/components/atoms/InputMoney/InputMoney.js +2 -2
  11. package/dist/esm/components/atoms/InputMoney/InputMoney.js.map +1 -1
  12. package/dist/esm/components/atoms/InputNumber/InputNumber.js +2 -2
  13. package/dist/esm/components/atoms/InputPassword/InputPassword.js +1 -1
  14. package/dist/esm/components/atoms/InputText/InputText.js +2 -2
  15. package/dist/esm/components/atoms/InputText/InputText.js.map +1 -1
  16. package/dist/esm/components/atoms/SkeletonText/SkeletonText.css +6 -1
  17. package/dist/esm/components/atoms/Switch/Switch.js +2 -2
  18. package/dist/esm/components/molecules/Ballot/Ballot.css +6 -0
  19. package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js +4 -4
  20. package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js +4 -4
  21. package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js +4 -4
  22. package/dist/esm/components/molecules/Pagination/Pagination.d.ts +7 -19
  23. package/dist/esm/components/molecules/Pagination/Pagination.js +42 -198
  24. package/dist/esm/components/molecules/Pagination/Pagination.js.map +1 -1
  25. package/dist/esm/components/molecules/PickerDay/PickerDay.css +5 -3
  26. package/dist/esm/components/molecules/PickerDay/PickerDay.js +6 -6
  27. package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js +4 -4
  28. package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js.map +1 -1
  29. package/dist/esm/components/molecules/PickerMonth/PickerMonth.js +6 -6
  30. package/dist/esm/components/molecules/PickerMonthTitle/PickerMonthTitle.css +1 -1
  31. package/dist/esm/components/molecules/PickerMonthTitle/PickerMonthTitle.js +16 -16
  32. package/dist/esm/components/molecules/PickerYear/PickerYear.css +8 -3
  33. package/dist/esm/components/molecules/PickerYear/PickerYear.js +6 -6
  34. package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.d.ts +5 -5
  35. package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js +14 -14
  36. package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js.map +1 -1
  37. package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteHook.js +6 -6
  38. package/dist/esm/components/organisms/FieldDate/FieldDate.d.ts +3 -2
  39. package/dist/esm/components/organisms/FieldDate/FieldDate.js +15 -14
  40. package/dist/esm/components/organisms/FieldDate/FieldDate.js.map +1 -1
  41. package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js +2 -2
  42. package/dist/esm/components/organisms/FieldSelect/FieldSelect.d.ts +4 -4
  43. package/dist/esm/components/organisms/FieldSelect/FieldSelect.js +9 -9
  44. package/dist/esm/components/organisms/FieldSelect/FieldSelect.js.map +1 -1
  45. package/dist/esm/components/organisms/FieldSelect/FieldSelectHook.js +4 -4
  46. package/dist/esm/components/organisms/PickerDate/PickerDate.css +1 -3
  47. package/dist/esm/components/organisms/PickerDate/PickerDate.js +23 -23
  48. package/dist/esm/components/organisms/PickerDate/PickerDate.js.map +1 -1
  49. package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js +13 -13
  50. package/dist/esm/hooks/ListControlHook.d.ts +1 -1
  51. package/dist/esm/hooks/ListControlHook.js +23 -23
  52. package/dist/esm/hooks/ListControlHook.js.map +1 -1
  53. package/package.json +14 -16
package/dist/es/assets/{index-xOmRdBnF.css → index-VCzqT0sQ.css} RENAMED
@@ -790,6 +790,9 @@
790
790
  letter-spacing: var(--rlc-skeleton-text-letter-spacing);
791
791
  line-height: var(--rlc-skeleton-text-height);
792
792
  font-weight: inherit;
793
+ overflow: inherit;
794
+ white-space: inherit;
795
+ text-overflow: inherit;
793
796
  }
794
797
  .rls-skeleton-text__value {
795
798
  display: block;
@@ -797,7 +800,9 @@
797
800
  font-size: inherit;
798
801
  line-height: inherit;
799
802
  letter-spacing: inherit;
800
- overflow: hidden;
803
+ overflow: inherit;
804
+ white-space: inherit;
805
+ text-overflow: inherit;
801
806
  }
802
807
 
803
808
  .rls-switch {
@@ -881,6 +886,9 @@
881
886
  row-gap: var(--rls-sizing-x2);
882
887
  }
883
888
  .rls-ballot__title {
889
+ --rlc-skeleton-text-height: var(--rls-label-line-height);
890
+ --rlc-skeleton-text-letter-spacing: var(--rls-label-letter-spacing);
891
+ --rlc-skeleton-text-font-size: var(--rls-label-font-size);
884
892
  position: relative;
885
893
  width: 100%;
886
894
  color: var(--rls-app-color-500);
@@ -894,6 +902,9 @@
894
902
  line-height: var(--rls-label-line-height);
895
903
  }
896
904
  .rls-ballot__subtitle {
905
+ --rlc-skeleton-text-height: var(--rlc-ballot-subtitle-height);
906
+ --rlc-skeleton-text-letter-spacing: var(--rls-smalltext-letter-spacing);
907
+ --rlc-skeleton-text-font-size: var(--rls-smalltext-font-size);
897
908
  position: relative;
898
909
  width: var(--rlc-ballot-subtitle-width);
899
910
  color: var(--rls-app-color-300);
@@ -1226,14 +1237,15 @@
1226
1237
  margin-bottom: var(--rls-sizing-x4);
1227
1238
  background: var(--rls-app-background-100);
1228
1239
  color: var(--rls-app-color-500);
1229
- border-radius: var(--rls-sizing-x2);
1240
+ border-radius: var(--rls-sizing-x4);
1230
1241
  }
1231
1242
  .rls-picker-day__label {
1232
1243
  padding: var(--rls-sizing-x6) 0rem;
1233
1244
  text-align: center;
1234
1245
  width: 100%;
1235
- font-size: var(--rls-sizing-x6);
1236
- font-weight: var(--rls-font-weight-bold);
1246
+ font-size: 5.75rem;
1247
+ font-weight: var(--rls-font-weight-semibold);
1248
+ letter-spacing: 0.0375em;
1237
1249
  }
1238
1250
  .rls-picker-day__week {
1239
1251
  display: flex;
@@ -1253,6 +1265,7 @@
1253
1265
  height: var(--rls-sizing-x18);
1254
1266
  line-height: var(--rls-sizing-x18);
1255
1267
  box-sizing: border-box;
1268
+ letter-spacing: 0.0475em;
1256
1269
  }
1257
1270
  .rls-picker-day__element__span:not(:hover) {
1258
1271
  color: var(--pvt-span-font-color);
@@ -1432,11 +1445,11 @@
1432
1445
  .rls-picker-month-title {
1433
1446
  display: flex;
1434
1447
  justify-content: space-between;
1448
+ align-items: center;
1435
1449
  }
1436
1450
  .rls-picker-month-title span {
1437
1451
  color: var(--rls-app-color-300);
1438
1452
  cursor: default;
1439
- margin: auto 0rem;
1440
1453
  height: var(--rls-sizing-x14);
1441
1454
  line-height: var(--rls-sizing-x14);
1442
1455
  font-size: var(--rls-sizing-x10);
@@ -1448,7 +1461,7 @@
1448
1461
 
1449
1462
  .rls-picker-year {
1450
1463
  --pvt-component-background: transparent;
1451
- --pvt-component-font-color: var(--rls-app-color-500);
1464
+ --pvt-component-font-color: var(--rls-app-color-300);
1452
1465
  --pvt-component-border: var(--rls-border-1) solid transparent;
1453
1466
  position: relative;
1454
1467
  width: 100%;
@@ -1467,6 +1480,11 @@
1467
1480
  background: var(--rls-app-background-100);
1468
1481
  border-radius: var(--rls-sizing-x4);
1469
1482
  }
1483
+ .rls-picker-year__header > label {
1484
+ font-weight: var(--rls-font-weight-semibold);
1485
+ font-size: 8.75rem;
1486
+ letter-spacing: 0.325rem;
1487
+ }
1470
1488
  .rls-picker-year__action {
1471
1489
  width: var(--rls-sizing-x16);
1472
1490
  height: var(--rls-sizing-x16);
@@ -1530,8 +1548,8 @@
1530
1548
  pointer-events: none;
1531
1549
  }
1532
1550
  .rls-picker-year__year__span {
1533
- font-weight: var(--rls-font-weight-semibold);
1534
- font-size: var(--rls-sizing-x8);
1551
+ font-weight: var(--rls-font-weight-medium);
1552
+ font-size: 7.5rem;
1535
1553
  cursor: default;
1536
1554
  pointer-events: none;
1537
1555
  letter-spacing: 0.325rem;
@@ -1896,6 +1914,7 @@
1896
1914
  padding: var(--rls-sizing-x4);
1897
1915
  box-sizing: border-box;
1898
1916
  background: var(--rls-theme-color-100);
1917
+ border-radius: var(--rls-sizing-x4);
1899
1918
  }
1900
1919
  .rls-picker-date__header .rls-picker-month-title {
1901
1920
  padding: 0rem var(--rls-sizing-x6);
@@ -1924,9 +1943,6 @@
1924
1943
  .rls-picker-date__component {
1925
1944
  display: flex;
1926
1945
  justify-content: center;
1927
- width: 150rem;
1928
- padding: 0rem var(--rls-sizing-x2);
1929
- box-sizing: border-box;
1930
1946
  }
1931
1947
  .rls-picker-date__component > * {
1932
1948
  display: none;