@digital-b2c/coreui-kit 0.15.0 → 0.15.1

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
@@ -3985,8 +3985,7 @@ h1,
3985
3985
  }
3986
3986
  h2,
3987
3987
  .Navigation_module_h2,
3988
- .Navigation_module_dropdownTitle,
3989
- .Navigation_module_internalDropdownTitle {
3988
+ .Navigation_module_dropdownTitle {
3990
3989
  font-size: 2.5rem;
3991
3990
  font-weight: 600;
3992
3991
  line-height: 1.2;
@@ -3994,8 +3993,7 @@ h2,
3994
3993
  @media (max-width: 768px) {
3995
3994
  h2,
3996
3995
  .Navigation_module_h2,
3997
- .Navigation_module_dropdownTitle,
3998
- .Navigation_module_internalDropdownTitle {
3996
+ .Navigation_module_dropdownTitle {
3999
3997
  font-size: 1.5rem;
4000
3998
  }
4001
3999
  }
@@ -4036,8 +4034,6 @@ h5,
4036
4034
  }
4037
4035
  }
4038
4036
  .Navigation_module_subheading,
4039
- .Navigation_module_dropdownLink,
4040
- .Navigation_module_dropdownDescription,
4041
4037
  .Navigation_module_mobileItemLink,
4042
4038
  .Navigation_module_mobileItemTrigger,
4043
4039
  .Navigation_module_mobileSubLink {
@@ -4047,8 +4043,6 @@ h5,
4047
4043
  }
4048
4044
  @media (max-width: 768px) {
4049
4045
  .Navigation_module_subheading,
4050
- .Navigation_module_dropdownLink,
4051
- .Navigation_module_dropdownDescription,
4052
4046
  .Navigation_module_mobileItemLink,
4053
4047
  .Navigation_module_mobileItemTrigger,
4054
4048
  .Navigation_module_mobileSubLink {
@@ -4056,8 +4050,6 @@ h5,
4056
4050
  }
4057
4051
  }
4058
4052
  .Navigation_module_subheading strong,
4059
- .Navigation_module_dropdownLink strong,
4060
- .Navigation_module_dropdownDescription strong,
4061
4053
  .Navigation_module_mobileItemLink strong,
4062
4054
  .Navigation_module_mobileItemTrigger strong,
4063
4055
  .Navigation_module_mobileSubLink strong {
@@ -4180,78 +4172,12 @@ a:hover {
4180
4172
  .Navigation_module_dropdownTriggerOpen svg {
4181
4173
  transform: scaleY(-1);
4182
4174
  }
4183
- .Navigation_module_dropdownPanel {
4184
- position: absolute;
4185
- left: 0;
4186
- width: 100%;
4187
- background-color: var(--color-white);
4188
- padding: 54px 0;
4189
- box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.2509803922);
4190
- opacity: 0;
4191
- visibility: hidden;
4192
- pointer-events: none;
4193
- transition: opacity 0.2s ease, visibility 0.2s ease;
4194
- }
4195
- .Navigation_module_dropdownPanelOpen {
4196
- opacity: 1;
4197
- visibility: visible;
4198
- pointer-events: auto;
4199
- }
4200
- .Navigation_module_dropdownInner {
4201
- display: flex;
4202
- max-width: 1280px;
4203
- margin: 0 auto;
4204
- }
4205
- .Navigation_module_dropdownLinks {
4206
- flex-shrink: 0;
4207
- display: flex;
4208
- flex-direction: column;
4209
- justify-content: center;
4210
- margin: 0;
4211
- padding: 0 97px 0 0;
4212
- list-style: none;
4213
- border-right: 2px solid #ebebeb;
4214
- transition: 0.2s ease-in-out;
4215
- max-width: 474px;
4216
- }
4217
4175
  .Navigation_module_dropdownLinkContainer {
4218
4176
  min-width: 386px;
4219
4177
  }
4220
4178
  .Navigation_module_dropdownLinkSpacer {
4221
4179
  margin-bottom: 16px;
4222
4180
  }
4223
- .Navigation_module_dropdownLink {
4224
- display: inline-block;
4225
- white-space: normal;
4226
- overflow-wrap: break-word;
4227
- color: var(--color-gray);
4228
- text-decoration: none;
4229
- transition: color 0.2s ease-in-out;
4230
- }
4231
- .Navigation_module_dropdownLink:hover {
4232
- font-weight: var(--font-weight-bold);
4233
- color: var(--color-true-black);
4234
- text-decoration: none;
4235
- }
4236
- .Navigation_module_dropdownLink:focus-visible {
4237
- font-weight: var(--font-weight-bold);
4238
- color: var(--color-true-black);
4239
- outline: 3px solid var(--color-link);
4240
- }
4241
- .Navigation_module_dropdownInfo {
4242
- display: flex;
4243
- flex-direction: column;
4244
- justify-content: center;
4245
- gap: 16px;
4246
- padding-left: 88px;
4247
- }
4248
- .Navigation_module_dropdownTitle {
4249
- color: #000;
4250
- }
4251
- .Navigation_module_dropdownDescription {
4252
- font-weight: var(--font-weight-regular);
4253
- color: var(--color-true-black);
4254
- }
4255
4181
  .Navigation_module_mainLogoMobile {
4256
4182
  width: 233px;
4257
4183
  height: 30px;
@@ -4416,6 +4342,18 @@ a:hover {
4416
4342
  .Navigation_module_Navigation.Navigation_module_transparent .Navigation_module_navTabLink {
4417
4343
  color: var(--color-white);
4418
4344
  }
4345
+ .Navigation_module_Navigation.Navigation_module_transparent .Navigation_module_navTabLink:hover,
4346
+ .Navigation_module_Navigation.Navigation_module_transparent .Navigation_module_navTabLink:focus,
4347
+ .Navigation_module_Navigation.Navigation_module_transparent .Navigation_module_navTabLink:focus-visible {
4348
+ border-bottom-color: var(--color-white);
4349
+ }
4350
+ .Navigation_module_Navigation.Navigation_module_transparent .Navigation_module_navTabActive {
4351
+ border-bottom-color: var(--color-white);
4352
+ }
4353
+ .Navigation_module_Navigation.Navigation_module_transparent .Navigation_module_navTabActive:hover,
4354
+ .Navigation_module_Navigation.Navigation_module_transparent .Navigation_module_navTabActive:focus {
4355
+ border-bottom-color: var(--color-white);
4356
+ }
4419
4357
  .Navigation_module_mainBar {
4420
4358
  width: 100%;
4421
4359
  background-color: var(--color-white);
@@ -4506,6 +4444,8 @@ a:hover {
4506
4444
  .Navigation_module_navTabs {
4507
4445
  overflow-x: auto;
4508
4446
  scrollbar-width: none;
4447
+ padding: 5px;
4448
+ margin: -5px;
4509
4449
  }
4510
4450
  .Navigation_module_navTabs::-webkit-scrollbar {
4511
4451
  display: none;
@@ -4562,7 +4502,7 @@ a:hover {
4562
4502
  .Navigation_module_navTabActive:focus {
4563
4503
  border-bottom-color: var(--color-black);
4564
4504
  }
4565
- .Navigation_module_internalDropdownPanel {
4505
+ .Navigation_module_dropdownPanel {
4566
4506
  position: absolute;
4567
4507
  left: 0;
4568
4508
  right: 0;
@@ -4572,7 +4512,7 @@ a:hover {
4572
4512
  padding: var(--spacing-xl) 97px;
4573
4513
  box-shadow: 0 6px 8px -4px rgba(0, 0, 0, 0.25);
4574
4514
  }
4575
- .Navigation_module_internalDropdownInner {
4515
+ .Navigation_module_dropdownInner {
4576
4516
  display: flex;
4577
4517
  align-items: center;
4578
4518
  justify-content: center;
@@ -4580,7 +4520,7 @@ a:hover {
4580
4520
  max-width: 1280px;
4581
4521
  margin: 0 auto;
4582
4522
  }
4583
- .Navigation_module_internalDropdownLinks {
4523
+ .Navigation_module_dropdownLinks {
4584
4524
  display: flex;
4585
4525
  flex-direction: column;
4586
4526
  width: 386px;
@@ -4592,7 +4532,7 @@ a:hover {
4592
4532
  .Navigation_module_dropdownLinkItem {
4593
4533
  display: flex;
4594
4534
  }
4595
- .Navigation_module_internalDropdownLink {
4535
+ .Navigation_module_dropdownLink {
4596
4536
  flex: 1 0 0;
4597
4537
  font-size: var(--font-size-lg);
4598
4538
  font-weight: var(--font-weight-medium);
@@ -4602,13 +4542,13 @@ a:hover {
4602
4542
  text-decoration: none;
4603
4543
  transition: color 0.2s ease-in-out;
4604
4544
  }
4605
- .Navigation_module_internalDropdownLink:hover,
4606
- .Navigation_module_internalDropdownLink:focus {
4545
+ .Navigation_module_dropdownLink:hover,
4546
+ .Navigation_module_dropdownLink:focus {
4607
4547
  font-weight: var(--font-weight-bold);
4608
4548
  color: var(--color-true-black);
4609
4549
  text-decoration: none;
4610
4550
  }
4611
- .Navigation_module_internalDropdownLink:focus-visible {
4551
+ .Navigation_module_dropdownLink:focus-visible {
4612
4552
  outline: 3px solid var(--color-link);
4613
4553
  outline-offset: 2px;
4614
4554
  }
@@ -4618,17 +4558,17 @@ a:hover {
4618
4558
  flex-shrink: 0;
4619
4559
  background-color: #ebebeb;
4620
4560
  }
4621
- .Navigation_module_internalDropdownInfo {
4561
+ .Navigation_module_dropdownInfo {
4622
4562
  display: flex;
4623
4563
  flex-direction: column;
4624
4564
  gap: var(--spacing-md);
4625
4565
  width: 682px;
4626
4566
  color: var(--color-true-black);
4627
4567
  }
4628
- .Navigation_module_internalDropdownTitle {
4568
+ .Navigation_module_dropdownTitle {
4629
4569
  color: var(--color-true-black);
4630
4570
  }
4631
- .Navigation_module_internalDropdownDescription {
4571
+ .Navigation_module_dropdownDescription {
4632
4572
  font-size: var(--font-size-lg);
4633
4573
  font-weight: var(--font-weight-regular);
4634
4574
  line-height: 1.4;