@digital-b2c/coreui-kit 0.21.11 → 0.22.0
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.cjs +4 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +55 -7
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +102 -102
- package/dist/index.d.ts +102 -102
- package/dist/index.mjs +4 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +11 -12
package/dist/index.css
CHANGED
|
@@ -4351,9 +4351,15 @@ a:hover {
|
|
|
4351
4351
|
|
|
4352
4352
|
/* src/widgets/MiniSectionCta/MiniSectionCta.module.scss */
|
|
4353
4353
|
.MiniSectionCta_module_miniSectionCta {
|
|
4354
|
+
--mini-section-cta-bg: var(--custom-background-color, var(--color-white));
|
|
4354
4355
|
display: block;
|
|
4355
4356
|
width: 100%;
|
|
4356
|
-
background
|
|
4357
|
+
background: var(--mini-section-cta-bg);
|
|
4358
|
+
}
|
|
4359
|
+
@media (max-width: 768px) {
|
|
4360
|
+
.MiniSectionCta_module_miniSectionCta {
|
|
4361
|
+
--mini-section-cta-bg: var( --custom-mobile-background-color, var(--custom-background-color, var(--color-white)) );
|
|
4362
|
+
}
|
|
4357
4363
|
}
|
|
4358
4364
|
.MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_wrapper {
|
|
4359
4365
|
display: flex;
|
|
@@ -4389,7 +4395,7 @@ a:hover {
|
|
|
4389
4395
|
}
|
|
4390
4396
|
}
|
|
4391
4397
|
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout {
|
|
4392
|
-
background
|
|
4398
|
+
background: var(--mini-section-cta-bg);
|
|
4393
4399
|
}
|
|
4394
4400
|
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_col {
|
|
4395
4401
|
flex-direction: row;
|
|
@@ -4426,21 +4432,43 @@ a:hover {
|
|
|
4426
4432
|
flex-direction: column;
|
|
4427
4433
|
align-items: center;
|
|
4428
4434
|
}
|
|
4435
|
+
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_bgGradientGrey .MiniSectionCta_module_wrapper {
|
|
4436
|
+
gap: 62px;
|
|
4437
|
+
}
|
|
4438
|
+
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_bgGradientGrey .MiniSectionCta_module_wrapper .MiniSectionCta_module_col {
|
|
4439
|
+
gap: var(--spacing-sm);
|
|
4440
|
+
}
|
|
4441
|
+
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_bgGradientGrey h2 {
|
|
4442
|
+
font-size: var(--font-size-xl);
|
|
4443
|
+
line-height: var(--line-height-tight-2);
|
|
4444
|
+
}
|
|
4445
|
+
@media (max-width: 768px) {
|
|
4446
|
+
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_bgGradientGrey {
|
|
4447
|
+
text-align: center;
|
|
4448
|
+
}
|
|
4449
|
+
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_bgGradientGrey .MiniSectionCta_module_wrapper {
|
|
4450
|
+
gap: var(--spacing-lg);
|
|
4451
|
+
}
|
|
4452
|
+
}
|
|
4429
4453
|
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light h2,
|
|
4430
|
-
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gray h2
|
|
4454
|
+
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gray h2,
|
|
4455
|
+
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gradientGrey h2 {
|
|
4431
4456
|
color: var(--custom-color, var(--color-black));
|
|
4432
4457
|
}
|
|
4433
4458
|
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light .MiniSectionCta_module_subtitle,
|
|
4434
|
-
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gray .MiniSectionCta_module_subtitle
|
|
4435
|
-
|
|
4459
|
+
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gray .MiniSectionCta_module_subtitle,
|
|
4460
|
+
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gradientGrey .MiniSectionCta_module_subtitle {
|
|
4461
|
+
color: var(--custom-color, var(--color-gray));
|
|
4436
4462
|
font-weight: var(--font-weight-medium);
|
|
4437
4463
|
}
|
|
4438
4464
|
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light .MiniSectionCta_module_subtitle p,
|
|
4439
|
-
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gray .MiniSectionCta_module_subtitle p
|
|
4465
|
+
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gray .MiniSectionCta_module_subtitle p,
|
|
4466
|
+
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gradientGrey .MiniSectionCta_module_subtitle p {
|
|
4440
4467
|
color: var(--color-gray);
|
|
4441
4468
|
}
|
|
4442
4469
|
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light .MiniSectionCta_module_subtitle p a,
|
|
4443
|
-
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gray .MiniSectionCta_module_subtitle p a
|
|
4470
|
+
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gray .MiniSectionCta_module_subtitle p a,
|
|
4471
|
+
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gradientGrey .MiniSectionCta_module_subtitle p a {
|
|
4444
4472
|
color: var(--custom-color, var(--color-black));
|
|
4445
4473
|
}
|
|
4446
4474
|
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark h2 {
|
|
@@ -4456,6 +4484,26 @@ a:hover {
|
|
|
4456
4484
|
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark .MiniSectionCta_module_subtitle p a {
|
|
4457
4485
|
color: var(--custom-color, var(--color-white));
|
|
4458
4486
|
}
|
|
4487
|
+
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gradientGrey {
|
|
4488
|
+
background:
|
|
4489
|
+
linear-gradient(
|
|
4490
|
+
0deg,
|
|
4491
|
+
#eeeeee 0%,
|
|
4492
|
+
#ffffff 100%);
|
|
4493
|
+
}
|
|
4494
|
+
@media (max-width: 768px) {
|
|
4495
|
+
.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gradientGrey {
|
|
4496
|
+
background:
|
|
4497
|
+
linear-gradient(
|
|
4498
|
+
0deg,
|
|
4499
|
+
#eeeeee 0%,
|
|
4500
|
+
#ffffff 100%),
|
|
4501
|
+
linear-gradient(
|
|
4502
|
+
0deg,
|
|
4503
|
+
#fdfdfd 0%,
|
|
4504
|
+
#ffffff 100%);
|
|
4505
|
+
}
|
|
4506
|
+
}
|
|
4459
4507
|
@media (max-width: 768px) {
|
|
4460
4508
|
.MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_cta {
|
|
4461
4509
|
width: 100%;
|