@rolster/react-components 18.21.21 → 18.21.23

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 (13) hide show
  1. package/dist/cjs/assets/{index-CiASINsv.css → index-R-vkwGLv.css} +20 -19
  2. package/dist/cjs/index.js +1 -1
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/es/assets/{index-CiASINsv.css → index-R-vkwGLv.css} +20 -19
  5. package/dist/es/index.js +1 -1
  6. package/dist/es/index.js.map +1 -1
  7. package/dist/esm/components/atoms/CheckBox/CheckBox.css +9 -9
  8. package/dist/esm/components/atoms/InputSearch/InputSearch.css +1 -1
  9. package/dist/esm/components/atoms/RadioButton/RadioButton.css +9 -8
  10. package/dist/esm/components/atoms/Switch/Switch.css +1 -1
  11. package/dist/esm/context.js +1 -1
  12. package/dist/esm/context.js.map +1 -1
  13. package/package.json +2 -2
package/dist/cjs/assets/{index-CiASINsv.css → index-R-vkwGLv.css} RENAMED
@@ -441,35 +441,35 @@
441
441
  .rls-checkbox {
442
442
  --pvt-component-transform: scale(0);
443
443
  position: relative;
444
- float: left;
445
444
  display: flex;
446
- width: var(--rls-sizing-x12);
447
- height: var(--rls-sizing-x12);
445
+ width: var(--rlc-checkbox-dimension);
446
+ height: var(--rlc-checkbox-dimension);
447
+ justify-content: center;
448
+ align-items: center;
448
449
  box-sizing: border-box;
449
450
  outline: none;
450
451
  border-radius: var(--rls-sizing-x2);
451
- border: var(--rls-app-border-1-300);
452
+ background: var(--rls-app-color-050);
453
+ box-shadow: 0 0 2rem 0 rgba(37, 38, 65, 0.38);
452
454
  }
453
455
  .rls-checkbox:hover {
454
456
  cursor: pointer;
455
457
  }
456
458
  .rls-checkbox--checked {
457
459
  --pvt-component-transform: scale(1);
458
- border: var(--rls-theme-border-1-500);
459
460
  }
460
461
  .rls-checkbox--disabled {
461
462
  opacity: 0.5;
462
463
  pointer-events: none;
463
464
  }
464
465
  .rls-checkbox__component {
466
+ width: var(--rlc-checkbox-children-dimension);
467
+ height: var(--rlc-checkbox-children-dimension);
465
468
  border-radius: var(--rls-sizing-x1);
466
- width: 7rem;
467
- height: 7rem;
468
- margin: auto;
469
469
  background: var(--rls-theme-gradient-500);
470
470
  transform: var(--pvt-component-transform);
471
471
  transform-origin: 50% 50%;
472
- /*transition: all 160ms 0ms var(--rls-standard-curve);*/
472
+ transition: all 160ms 0ms var(--rls-standard-curve);
473
473
  }
474
474
 
475
475
  .rls-input {
@@ -594,7 +594,7 @@
594
594
  align-items: center;
595
595
  padding: var(--rls-sizing-x4) var(--rls-sizing-x6);
596
596
  box-sizing: border-box;
597
- border: var(--rls-app-border-1-300);
597
+ background: var(--rls-app-color-100);
598
598
  border-radius: var(--rls-sizing-x4);
599
599
  }
600
600
 
@@ -776,33 +776,34 @@
776
776
  --pvt-component-transform: scale(0);
777
777
  position: relative;
778
778
  display: flex;
779
+ width: var(--rlc-radiobutton-dimension);
780
+ height: var(--rlc-radiobutton-dimension);
781
+ justify-content: center;
782
+ align-items: center;
779
783
  outline: none;
780
- width: var(--rls-sizing-x12);
781
- height: var(--rls-sizing-x12);
782
784
  border-radius: 50%;
783
785
  box-sizing: border-box;
784
- border: var(--rls-app-border-1-300);
786
+ background: var(--rls-app-color-050);
787
+ box-shadow: 0 0 2rem 0 rgba(37, 38, 65, 0.38);
785
788
  }
786
789
  .rls-radiobutton:hover {
787
790
  cursor: pointer;
788
791
  }
789
792
  .rls-radiobutton--checked {
790
793
  --pvt-component-transform: scale(1);
791
- border: var(--rls-theme-border-1-500);
792
794
  }
793
795
  .rls-radiobutton--disabled {
794
796
  opacity: 0.5;
795
797
  pointer-events: none;
796
798
  }
797
799
  .rls-radiobutton__component {
800
+ width: var(--rlc-radiobutton-children-dimension);
801
+ height: varr(--rlc-radiobutton-children-dimension);
798
802
  border-radius: 50%;
799
- width: 7rem;
800
- height: 7rem;
801
- margin: auto;
802
803
  background: var(--rls-theme-gradient-500);
803
804
  transform: var(--pvt-component-transform);
804
805
  transform-origin: 50% 50%;
805
- /*transition: all 160ms 0ms var(--rls-standard-curve);*/
806
+ transition: all 160ms 0ms var(--rls-standard-curve);
806
807
  }
807
808
 
808
809
  .rls-skeleton {
@@ -871,7 +872,7 @@
871
872
  --pvt-element-left: var(--rls-sizing-x1);
872
873
  --pvt-element-background: var(--rls-app-color-050);
873
874
  --pvt-bar-background: var(--rls-app-color-200);
874
- max-width: var(--rls-sizing-x20);
875
+ max-width: var(--rlc-switch-max-width);
875
876
  }
876
877
  .rls-switch:hover {
877
878
  cursor: pointer;
package/dist/cjs/index.js CHANGED
@@ -3145,7 +3145,7 @@ function RlsApplication({ children }) {
3145
3145
  snackbar: hasNavbar,
3146
3146
  'navbar-condense': isNavbarCondense
3147
3147
  });
3148
- }, [hasNavbar]);
3148
+ }, [hasNavbar, isNavbarCondense]);
3149
3149
  return (jsxRuntimeExports.jsxs(RlsContext.Provider, { value: {
3150
3150
  confirmation,
3151
3151
  snackbar,