@digital-b2c/coreui-kit 0.15.5 → 0.15.7

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.css CHANGED
@@ -3817,54 +3817,79 @@ a:hover {
3817
3817
  font-weight: 600;
3818
3818
  }
3819
3819
  .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft {
3820
- padding: var(--spacing-5xl) var(--spacing-7xl);
3820
+ min-height: 0;
3821
+ padding: 0;
3821
3822
  }
3822
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper {
3823
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_container {
3824
+ display: flex;
3823
3825
  flex-direction: column;
3826
+ padding-top: var(--spacing-5xl);
3827
+ padding-bottom: var(--spacing-5xl);
3828
+ }
3829
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper {
3824
3830
  align-items: flex-start;
3831
+ gap: var(--spacing-xl);
3825
3832
  }
3826
3833
  .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
3834
+ align-items: flex-start;
3827
3835
  gap: var(--spacing-sm);
3828
- max-width: unset;
3836
+ }
3837
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper {
3829
3838
  align-items: flex-start;
3830
- text-align: left;
3831
3839
  }
3832
3840
  .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_title {
3841
+ text-align: left;
3833
3842
  font-weight: 600;
3834
3843
  }
3844
+ .MiniBanner_module_minibanner.single-news-miniBanner-textLeft {
3845
+ min-height: 0;
3846
+ }
3847
+ .MiniBanner_module_minibanner.single-news-miniBanner-textLeft .MiniBanner_module_container {
3848
+ padding-top: var(--spacing-lg);
3849
+ padding-bottom: var(--spacing-lg);
3850
+ }
3851
+ .MiniBanner_module_minibanner.single-news-miniBanner-textLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper .MiniBanner_module_back-button {
3852
+ width: 40px;
3853
+ height: 40px;
3854
+ }
3855
+ .MiniBanner_module_minibanner.single-news-miniBanner-textLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper .MiniBanner_module_back-button img {
3856
+ width: 40px;
3857
+ height: 40px;
3858
+ object-fit: cover;
3859
+ }
3860
+ .MiniBanner_module_minibanner.single-news-miniBanner-textLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper .MiniBanner_module_title {
3861
+ line-height: 125%;
3862
+ font-size: var(--font-size-2xl);
3863
+ }
3864
+ .MiniBanner_module_minibanner.home-miniBanner-textLeft {
3865
+ min-height: 0;
3866
+ }
3867
+ .MiniBanner_module_minibanner.home-miniBanner-textLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
3868
+ gap: var(--spacing-xl);
3869
+ }
3835
3870
  @media (max-width: 768px) {
3836
3871
  .MiniBanner_module_minibanner {
3837
3872
  padding-inline: var(--spacing-md);
3838
3873
  }
3839
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
3840
- padding: var(--spacing-5xl) var(--spacing-md);
3841
- }
3842
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft {
3874
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG {
3843
3875
  padding: 0;
3844
3876
  }
3845
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer {
3846
- padding: var(--spacing-lg) var(--spacing-md);
3847
- gap: var(--spacing-xl);
3877
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_container {
3878
+ display: flex;
3879
+ flex-direction: column;
3880
+ padding-top: var(--spacing-lg);
3881
+ padding-bottom: var(--spacing-lg);
3848
3882
  }
3849
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_title {
3850
- overflow-wrap: anywhere;
3883
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper .MiniBanner_module_back-button {
3884
+ width: 42px;
3885
+ height: 42px;
3851
3886
  }
3852
- .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_ctaContainer {
3853
- margin: 0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);
3854
- width: calc(100% - var(--spacing-xl));
3887
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper .MiniBanner_module_back-button svg {
3888
+ min-width: 42px;
3889
+ min-height: 42px;
3855
3890
  }
3856
- }
3857
- .MiniBanner_module_container {
3858
- width: 100%;
3859
- max-width: 100vw;
3860
- overflow: visible;
3861
- margin: 0 auto;
3862
- position: relative;
3863
- padding: var(--spacing-3xl) var(--spacing-md);
3864
- }
3865
- @media (max-width: 768px) {
3866
- .MiniBanner_module_container {
3867
- padding: var(--spacing-lg) var(--spacing-md);
3891
+ .MiniBanner_module_minibanner.MiniBanner_module_miniBannerTextLeft .MiniBanner_module_wrapper .MiniBanner_module_textContainer .MiniBanner_module_headingWrapper .MiniBanner_module_title {
3892
+ line-height: 133%;
3868
3893
  }
3869
3894
  }
3870
3895
 
@@ -4325,6 +4350,7 @@ a:hover {
4325
4350
  z-index: 99;
4326
4351
  width: 100%;
4327
4352
  background-color: var(--color-white);
4353
+ transition: background-color 0.3s ease;
4328
4354
  }
4329
4355
  .Navigation_module_Navigation.Navigation_module_dropdownOpen .Navigation_module_mainBar {
4330
4356
  box-shadow: none;
@@ -4364,6 +4390,7 @@ a:hover {
4364
4390
  background-color: var(--color-white);
4365
4391
  padding: var(--spacing-md) var(--spacing-7xl);
4366
4392
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
4393
+ transition: background-color 0.3s ease, box-shadow 0.3s ease;
4367
4394
  }
4368
4395
  @media (max-width: 768px) {
4369
4396
  .Navigation_module_mainBar {
@@ -4475,7 +4502,7 @@ a:hover {
4475
4502
  text-decoration: none;
4476
4503
  white-space: nowrap;
4477
4504
  border-bottom: 3px solid transparent;
4478
- transition: border-color 0.2s ease;
4505
+ transition: border-color 0.2s ease, color 0.3s ease;
4479
4506
  }
4480
4507
  .Navigation_module_navTabLink:hover,
4481
4508
  .Navigation_module_navTabLink:focus {