@randstad-uca/design-system 1.0.63 → 1.0.64

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/index.js CHANGED
@@ -3862,6 +3862,16 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
3862
3862
  padding-right: 0 !important;
3863
3863
  padding-left: 0 !important;
3864
3864
  }
3865
+
3866
+ .carousel-wrapper.drag-mode {
3867
+ padding-left: 100px !important;
3868
+ padding-right: 100px !important;
3869
+ }
3870
+
3871
+ .carousel-wrapper.drag-mode.not-ininite-scroll-partial {
3872
+ padding-right: 0 !important;
3873
+ padding-left: 0 !important;
3874
+ }
3865
3875
 
3866
3876
  .dynamic-width-mode .carousel-card-item {
3867
3877
  width: calc( ( 100% - ( 2 * var( --carousel-cards-gap ) ) + 100px ) / 3 );  
@@ -3889,8 +3899,8 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
3889
3899
  }
3890
3900
 
3891
3901
  .carousel-wrapper.drag-mode {
3892
- padding-right: 0 !important;
3893
3902
  padding-left: 50px !important;
3903
+ padding-right: var( --carousel-cards-gap ) !important;
3894
3904
  }
3895
3905
 
3896
3906
  .carousel-wrapper.drag-mode.not-ininite-scroll-partial {
@@ -3901,7 +3911,7 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
3901
3911
  .static-width-mode.carousel-wrapper, .dynamic-width-mode.carousel-wrapper {
3902
3912
  gap: var( --carousel-cards-gap );
3903
3913
  padding-left: 50px !important;
3904
- padding-right: 0 !important;
3914
+ padding-right: var( --carousel-cards-gap ) !important;
3905
3915
  }
3906
3916
 
3907
3917
  .static-width-mode.carousel-wrapper.not-ininite-scroll-partial, .dynamic-width-mode.carousel-wrapper.not-ininite-scroll-partial {
@@ -3919,7 +3929,7 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
3919
3929
  }
3920
3930
 
3921
3931
  .dynamic-width-mode.not-ininite-scroll-partial .carousel-card-item {
3922
- width: calc( 100% - var( --nav-width ) - var( --carousel-cards-gap ) ); 
3932
+ width: calc( 100% - var( --nav-width ) - var( --carousel-cards-gap ) - 50px * 2 ); /* Ancho ajustado para nav-mode */ 
3923
3933
 
3924
3934
 
3925
3935
  .dynamic-width-mode.drag-mode .carousel-card-item {
@@ -3944,7 +3954,7 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
3944
3954
  .static-width-mode.carousel-wrapper, .dynamic-width-mode.carousel-wrapper {
3945
3955
  gap: var( --carousel-cards-gap );
3946
3956
  padding-left: 25px !important;
3947
- padding-right: 0;
3957
+ padding-right: var( --carousel-cards-gap ) !important;
3948
3958
  }
3949
3959
 
3950
3960
  .static-width-mode.carousel-wrapper.not-ininite-scroll-partial, .dynamic-width-mode.carousel-wrapper.not-ininite-scroll-partial {
@@ -3958,8 +3968,8 @@ const Yt=o`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
3958
3968
  }
3959
3969
 
3960
3970
  .static-width-mode.drag-mode.carousel-wrapper, .dynamic-width-mode.drag-mode.carousel-wrapper {
3961
- padding-right: 0 !important;
3962
3971
  padding-left: 25px !important;
3972
+ padding-right: var( --carousel-cards-gap ) !important;
3963
3973
  }
3964
3974
 
3965
3975
  .static-width-mode.drag-mode.carousel-wrapper.not-ininite-scroll-partial, .dynamic-width-mode.drag-mode.carousel-wrapper.not-ininite-scroll-partial {