@sc-360-v2/storefront-cms-library 0.4.41 → 0.4.42

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.
@@ -4366,5 +4366,236 @@ $resizeActive: '[data-cms-element-resizer="true"]';
4366
4366
  }
4367
4367
  }
4368
4368
  }
4369
+ .popover-container {
4370
+ position: relative;
4371
+ display: inline-block;
4372
+ .popover-trigger {
4373
+ cursor: pointer;
4374
+ font-weight: 500;
4375
+ color: #2b6cb0;
4376
+ }
4377
+
4378
+ .popover-box {
4379
+ // position: absolute;
4380
+ // top: calc(100% + 10px);
4381
+ // right: 0;
4382
+ // background: white;
4383
+ // padding: 12px 16px;
4384
+ // box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
4385
+ // border-radius: 8px;
4386
+ // min-width: 150px;
4387
+ // z-index: 10;
4388
+ position: absolute;
4389
+ // border: 1px solid #ccc;
4390
+ min-width: 150px;
4391
+ max-width: 300px;
4392
+ z-index: 1000;
4393
+ left: 30px;
4394
+ top: 0;
4395
+ padding: 8px;
4396
+ border-radius: 4px;
4397
+ max-height: 150px;
4398
+ overflow-y: auto;
4399
+ }
4400
+
4401
+ .popover-box {
4402
+ display: flex;
4403
+ flex-direction: column;
4404
+
4405
+ // width: 100%;
4406
+ gap: prepareMediaVariable(--_ctm-dn-pr-se-im-gp);
4407
+ background-color: var(
4408
+ --_ctm-mob-dn-pr-se-bd-cr,
4409
+ var(--_ctm-tab-dn-pr-se-bd-cr, var(--_ctm-dn-pr-se-bd-cr))
4410
+ );
4411
+
4412
+ border-color: var(
4413
+ --_ctm-mob-dn-pr-se-br-cr,
4414
+ var(--_ctm-tab-dn-pr-se-br-cr, var(--_ctm-dn-pr-se-br-cr))
4415
+ );
4416
+
4417
+ border-style: var(
4418
+ --_ctm-mob-dn-pr-se-br-se,
4419
+ var(--_ctm-tab-dn-pr-se-br-se, var(--_ctm-dn-pr-se-br-se))
4420
+ );
4421
+
4422
+ border-width: var(
4423
+ --_ctm-mob-dn-pr-se-br-wh,
4424
+ var(--_ctm-tab-dn-pr-se-br-wh, var(--_ctm-dn-pr-se-br-wh))
4425
+ );
4426
+
4427
+ border-radius: var(
4428
+ --_ctm-mob-dn-pr-se-br-rs,
4429
+ var(--_ctm-tab-dn-pr-se-br-rs, var(--_ctm-dn-pr-se-br-rs))
4430
+ );
4431
+
4432
+ box-shadow: var(
4433
+ --_show-shadow,
4434
+ var(--_ctm-mob-dn-pr-se-sw-ae, var(--_ctm-tab-dn-pr-se-sw-ae, var(--_ctm-dn-pr-se-sw-ae)))
4435
+ var(
4436
+ --_ctm-mob-dn-pr-se-sw-br,
4437
+ var(--_ctm-tab-dn-pr-se-sw-br, var(--_ctm-dn-pr-se-sw-br))
4438
+ )
4439
+ var(
4440
+ --_ctm-mob-dn-pr-se-sw-sd,
4441
+ var(--_ctm-tab-dn-pr-se-sw-sd, var(--_ctm-dn-pr-se-sw-sd))
4442
+ )
4443
+ var(
4444
+ --_ctm-mob-dn-pr-se-sw-cr,
4445
+ var(--_ctm-tab-dn-pr-se-sw-cr, var(--_ctm-dn-pr-se-sw-cr))
4446
+ )
4447
+ );
4448
+
4449
+ padding: var(--_ctm-mob-dn-pr-se-pg, var(--_ctm-tab-dn-pr-se-pg, var(--_ctm-dn-pr-se-pg)));
4450
+ }
4451
+
4452
+ .popover-box strong {
4453
+ display: block;
4454
+ margin-bottom: 6px;
4455
+ font-weight: bold;
4456
+ }
4457
+
4458
+ .popover-arrow {
4459
+ position: absolute;
4460
+ top: 8px;
4461
+ left: -5px;
4462
+ width: 12px;
4463
+ height: 12px;
4464
+ // background-color: var(
4465
+ // --_ctm-mob-dn-pr-se-bd-cr,
4466
+ // var(--_ctm-tab-dn-pr-se-bd-cr, var(--_ctm-dn-pr-se-bd-cr))
4467
+ // );
4468
+ transform: rotate(-45deg);
4469
+ box-shadow: -1px -1px 0px
4470
+ var(--_ctm-mob-dn-pr-se-br-cr, var(--_ctm-tab-dn-pr-se-br-cr, var(--_ctm-dn-pr-se-br-cr)));
4471
+ }
4472
+
4473
+ .popover_item {
4474
+ // padding-inline: var(--_sf-cd-gp);
4475
+ color: var(--_ctm-mob-dn-pr-se-cr, var(--_ctm-tab-dn-pr-se-cr, var(--_ctm-dn-pr-se-cr)));
4476
+ font-family: var(
4477
+ --_ctm-mob-dn-pr-se-ft-fy,
4478
+ var(--_ctm-tab-dn-pr-se-ft-fy, var(--_ctm-dn-pr-se-ft-fy))
4479
+ );
4480
+ font-size: var(
4481
+ --_ctm-mob-dn-pr-se-ft-se,
4482
+ var(--_ctm-tab-dn-pr-se-ft-se, var(--_ctm-dn-pr-se-ft-se))
4483
+ );
4484
+ font-weight: var(
4485
+ --_ctm-mob-dn-pr-se-ft-wt,
4486
+ var(--_ctm-tab-dn-pr-se-ft-wt, var(--_ctm-dn-pr-se-ft-wt))
4487
+ );
4488
+ font-style: var(
4489
+ --_ctm-mob-dn-pr-se-ft-se-ic,
4490
+ var(--_ctm-tab-dn-pr-se-ft-se-ic, var(--_ctm-dn-pr-se-ft-se-ic))
4491
+ );
4492
+ text-align: var(
4493
+ --_ctm-mob-dn-pr-se-tt-an,
4494
+ var(--_ctm-tab-dn-pr-se-tt-an, var(--_ctm-dn-pr-se-tt-an))
4495
+ );
4496
+ letter-spacing: var(
4497
+ --_ctm-mob-dn-pr-se-lr-sg,
4498
+ var(--_ctm-tab-dn-pr-se-lr-sg, var(--_ctm-dn-pr-se-lr-sg))
4499
+ );
4500
+ line-height: var(
4501
+ --_ctm-mob-dn-pr-se-le-ht,
4502
+ var(--_ctm-tab-dn-pr-se-le-ht, var(--_ctm-dn-pr-se-le-ht-dc))
4503
+ );
4504
+ text-decoration: var(
4505
+ --_ctm-mob-dn-pr-se-ue,
4506
+ var(--_ctm-tab-dn-pr-se-ue, var(--_ctm-dn-pr-se-ue))
4507
+ );
4508
+ // margin-left: 10px;
4509
+ }
4510
+ }
4511
+
4512
+ .error__message__wraper {
4513
+ background-color: var(
4514
+ --_ctm-mob-dn-er-me-bd-cr,
4515
+ var(--_ctm-tab-dn-er-me-bd-cr, var(--_ctm-dn-er-me-bd-cr))
4516
+ );
4517
+
4518
+ border-color: var(
4519
+ --_ctm-mob-dn-er-me-br-cr,
4520
+ var(--_ctm-tab-dn-er-me-br-cr, var(--_ctm-dn-er-me-br-cr))
4521
+ );
4522
+
4523
+ border-style: var(
4524
+ --_ctm-mob-dn-er-me-br-se,
4525
+ var(--_ctm-tab-dn-er-me-br-se, var(--_ctm-dn-er-me-br-se))
4526
+ );
4527
+
4528
+ border-width: var(
4529
+ --_ctm-mob-dn-er-me-br-wh,
4530
+ var(--_ctm-tab-dn-er-me-br-wh, var(--_ctm-dn-er-me-br-wh))
4531
+ );
4532
+
4533
+ border-radius: var(
4534
+ --_ctm-mob-dn-er-me-br-rs,
4535
+ var(--_ctm-tab-dn-er-me-br-rs, var(--_ctm-dn-er-me-br-rs))
4536
+ );
4537
+
4538
+ box-shadow: var(
4539
+ --_show-shadow,
4540
+ var(--_ctm-mob-dn-er-me-sw-ae, var(--_ctm-tab-dn-er-me-sw-ae, var(--_ctm-dn-er-me-sw-ae)))
4541
+ var(--_ctm-mob-dn-er-me-sw-br, var(--_ctm-tab-dn-er-me-sw-br, var(--_ctm-dn-er-me-sw-br)))
4542
+ var(--_ctm-mob-dn-er-me-sw-sd, var(--_ctm-tab-dn-er-me-sw-sd, var(--_ctm-dn-er-me-sw-sd)))
4543
+ var(--_ctm-mob-dn-er-me-sw-cr, var(--_ctm-tab-dn-er-me-sw-cr, var(--_ctm-dn-er-me-sw-cr)))
4544
+ );
4545
+ white-space: nowrap;
4546
+
4547
+ .error__message {
4548
+ color: var(--_ctm-mob-dn-er-me-cr, var(--_ctm-tab-dn-er-me-cr, var(--_ctm-dn-er-me-cr)));
4549
+ font-family: var(
4550
+ --_ctm-mob-dn-er-me-ft-fy,
4551
+ var(--_ctm-tab-dn-er-me-ft-fy, var(--_ctm-dn-er-me-ft-fy))
4552
+ );
4553
+ font-size: var(
4554
+ --_ctm-mob-dn-er-me-ft-se,
4555
+ var(--_ctm-tab-dn-er-me-ft-se, var(--_ctm-dn-er-me-ft-se))
4556
+ );
4557
+ font-weight: var(
4558
+ --_ctm-mob-dn-er-me-ft-wt,
4559
+ var(--_ctm-tab-dn-er-me-ft-wt, var(--_ctm-dn-er-me-ft-wt))
4560
+ );
4561
+ font-style: var(
4562
+ --_ctm-mob-dn-er-me-ft-se-ic,
4563
+ var(--_ctm-tab-dn-er-me-ft-se-ic, var(--_ctm-dn-er-me-ft-se-ic))
4564
+ );
4565
+ text-align: var(
4566
+ --_ctm-mob-dn-er-me-tt-an,
4567
+ var(--_ctm-tab-dn-er-me-tt-an, var(--_ctm-dn-er-me-tt-an))
4568
+ );
4569
+ letter-spacing: var(
4570
+ --_ctm-mob-dn-er-me-lr-sg,
4571
+ var(--_ctm-tab-dn-er-me-lr-sg, var(--_ctm-dn-er-me-lr-sg))
4572
+ );
4573
+ line-height: var(
4574
+ --_ctm-mob-dn-er-me-le-ht,
4575
+ var(--_ctm-tab-dn-er-me-le-ht, var(--_ctm-dn-er-me-le-ht))
4576
+ );
4577
+ text-decoration: var(
4578
+ --_ctm-mob-dn-er-me-ue,
4579
+ var(--_ctm-tab-dn-er-me-ue, var(--_ctm-dn-er-me-ue))
4580
+ );
4581
+ padding: prepareMediaVariable(--_ctm-dn-er-me-pg);
4582
+ }
4583
+ }
4584
+
4585
+ .icon {
4586
+ cursor: pointer;
4587
+ svg {
4588
+ width: var(--_ctm-dn-er-me-in-se);
4589
+ height: var(--_ctm-dn-er-me-in-se);
4590
+ path {
4591
+ stroke: var(--_ctm-dn-er-me-in-c1);
4592
+ }
4593
+ }
4594
+ }
4595
+ .add_to_cart_wrapper {
4596
+ .error__message {
4597
+ text-align: center;
4598
+ }
4599
+ }
4369
4600
  }
4370
4601
  }
@@ -17,6 +17,7 @@ $previewMainWrapper: ".emb__preview__me__wrapper";
17
17
  $previewMainOuput: ".output__ele__v1";
18
18
  $maxWidth: "350px";
19
19
  $minWidth: "200px";
20
+ $dataIsSpinningTrue: "[data-is-loading='true']";
20
21
 
21
22
  $defaultValues: (
22
23
  --_sf-plp-flx-drt: getListOfResponsive(row, column),
@@ -24,6 +25,39 @@ $defaultValues: (
24
25
  --_sf-prv-prt-gap: getListOfResponsive(32px, 12px),
25
26
  );
26
27
 
28
+ @mixin spinnerStyles() {
29
+ &#{$dataIsSpinningTrue} {
30
+ --_sf-sv-sp-vs: hidden;
31
+ --_sf-sv-sp-op: 0;
32
+ position: var(--_p-relative);
33
+
34
+ &::before {
35
+ content: "";
36
+ position: var(--_p-absolute);
37
+ --_sz-vl: 10px;
38
+ width: var(--_sz-vl);
39
+ height: var(--_sz-vl);
40
+ display: var(--_d-flex);
41
+ left: 50%;
42
+ top: 50%;
43
+ border-radius: 50%;
44
+ border: 0.25rem solid var(--_br-bm-red-col-afsjkdfkj-ff, rgba(255, 255, 255, 0.2));
45
+ // border: 0.25rem solid var(--_primary-400);
46
+ border-top-color: #fff;
47
+ animation: circlerotate 2s ease-in-out infinite forwards;
48
+ }
49
+
50
+ @keyframes circlerotate {
51
+ from {
52
+ transform: translate(-50%, -50%) rotate(0deg);
53
+ }
54
+ to {
55
+ transform: translate(-50%, -50%) rotate(360deg);
56
+ }
57
+ }
58
+ }
59
+ }
60
+
27
61
  @mixin EmbroideryTemplate1StylesV2() {
28
62
  & > #{$tmpWrapper} {
29
63
  @include prepareMediaQueries($defaultValues);
@@ -435,6 +469,7 @@ $defaultValues: (
435
469
  inset: 0 0 0 0;
436
470
  opacity: 0;
437
471
  height: 100%;
472
+ cursor: pointer;
438
473
  }
439
474
  }
440
475
  }
@@ -480,6 +515,29 @@ $defaultValues: (
480
515
  }
481
516
  }
482
517
  }
518
+ & > .color__div {
519
+ display: var(--_d-flex);
520
+ flex-wrap: wrap;
521
+ gap: 12px;
522
+
523
+ & > div {
524
+ &.color__box {
525
+ display: var(--_d-flex);
526
+ width: 24px;
527
+ height: 24px;
528
+ border-radius: 50%;
529
+ background: var(--_sf-clr);
530
+ border: 1px solid #f2f4f7;
531
+ cursor: pointer;
532
+
533
+ &.act {
534
+ box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
535
+ width: 36px;
536
+ border-radius: 16px;
537
+ }
538
+ }
539
+ }
540
+ }
483
541
 
484
542
  & > .config__div__v2 {
485
543
  display: var(--_d-flex);
@@ -799,6 +857,21 @@ $defaultValues: (
799
857
  border: 1px solid #555;
800
858
  border-radius: 50%;
801
859
  cursor: pointer;
860
+
861
+ &[title="no-color"] {
862
+ position: relative;
863
+ background: #555;
864
+ &::before {
865
+ content: "";
866
+ position: absolute;
867
+ left: 50%;
868
+ top: 50%;
869
+ width: 100%;
870
+ height: 1px;
871
+ background: #fff;
872
+ transform: translate(-50%, -50%) rotate(-45deg);
873
+ }
874
+ }
802
875
  }
803
876
  }
804
877
  }
@@ -841,6 +914,14 @@ $defaultValues: (
841
914
  background: var(--_sf-prm-clr);
842
915
  color: var(--_sf-scd-clr);
843
916
  border: 1px solid var(--_sf-prm-clr);
917
+ justify-content: center;
918
+ @include spinnerStyles();
919
+
920
+ & > span {
921
+ display: var(--_d-flex);
922
+ visibility: var(--_sf-sv-sp-vs, visible);
923
+ opacity: var(--_sf-sv-sp-op, 1);
924
+ }
844
925
  }
845
926
 
846
927
  &.emb__cancel {
package/dist/search.scss CHANGED
@@ -106,45 +106,59 @@
106
106
  border: none;
107
107
  outline: none;
108
108
  padding: 8px;
109
- font-size: 14px;
110
- color: #333;
111
109
  background: transparent;
112
110
  border-radius: 6px;
111
+ color: var(
112
+ --_ctm-mob-dn-pr-tt-cr,
113
+ var(--_ctm-tab-dn-pr-tt-cr, var(--_ctm-dn-pr-tt-cr, #333))
114
+ );
115
+ font-family: var(
116
+ --_ctm-mob-dn-pr-tt-ft-fy,
117
+ var(--_ctm-tab-dn-pr-tt-ft-fy, var(--_ctm-dn-pr-tt-ft-fy))
118
+ );
119
+ font-size: var(
120
+ --_ctm-mob-dn-pr-tt-ft-se,
121
+ var(--_ctm-tab-dn-pr-tt-ft-se, var(--_ctm-dn-pr-tt-ft-se, 14px))
122
+ );
123
+ font-weight: var(
124
+ --_ctm-mob-dn-pr-tt-ft-wt,
125
+ var(--_ctm-tab-dn-pr-tt-ft-wt, var(--_ctm-dn-pr-tt-ft-wt))
126
+ );
127
+ font-style: var(
128
+ --_ctm-mob-dn-pr-tt-ft-se-ic,
129
+ var(--_ctm-tab-dn-pr-tt-ft-se-ic, var(--_ctm-dn-pr-tt-ft-se-ic))
130
+ );
131
+ text-align: var(
132
+ --_ctm-mob-dn-pr-tt-tt-an,
133
+ var(--_ctm-tab-dn-pr-tt-tt-an, var(--_ctm-dn-pr-tt-tt-an))
134
+ );
135
+ letter-spacing: var(
136
+ --_ctm-mob-dn-pr-tt-lr-sg,
137
+ var(--_ctm-tab-dn-pr-tt-lr-sg, var(--_ctm-dn-pr-tt-lr-sg))
138
+ );
139
+ line-height: var(
140
+ --_ctm-mob-dn-pr-tt-le-ht,
141
+ var(--_ctm-tab-dn-pr-tt-le-ht, var(--_ctm-dn-pr-tt-le-ht))
142
+ );
143
+ text-decoration: var(
144
+ --_ctm-mob-dn-pr-tt-ue,
145
+ var(--_ctm-tab-dn-pr-tt-ue, var(--_ctm-dn-pr-tt-ue))
146
+ );
113
147
 
114
148
  &::placeholder {
115
- color: var(--_ctm-mob-dn-pr-tt-cr, var(--_ctm-tab-dn-pr-tt-cr, var(--_ctm-dn-pr-tt-cr)));
116
- font-family: var(
117
- --_ctm-mob-dn-pr-tt-ft-fy,
118
- var(--_ctm-tab-dn-pr-tt-ft-fy, var(--_ctm-dn-pr-tt-ft-fy))
119
- );
120
- font-size: var(
121
- --_ctm-mob-dn-pr-tt-ft-se,
122
- var(--_ctm-tab-dn-pr-tt-ft-se, var(--_ctm-dn-pr-tt-ft-se))
123
- );
124
- font-weight: var(
125
- --_ctm-mob-dn-pr-tt-ft-wt,
126
- var(--_ctm-tab-dn-pr-tt-ft-wt, var(--_ctm-dn-pr-tt-ft-wt))
127
- );
128
- font-style: var(
129
- --_ctm-mob-dn-pr-tt-ft-se-ic,
130
- var(--_ctm-tab-dn-pr-tt-ft-se-ic, var(--_ctm-dn-pr-tt-ft-se-ic))
131
- );
132
- text-align: var(
133
- --_ctm-mob-dn-pr-tt-tt-an,
134
- var(--_ctm-tab-dn-pr-tt-tt-an, var(--_ctm-dn-pr-tt-tt-an))
135
- );
136
- letter-spacing: var(
137
- --_ctm-mob-dn-pr-tt-lr-sg,
138
- var(--_ctm-tab-dn-pr-tt-lr-sg, var(--_ctm-dn-pr-tt-lr-sg))
139
- );
140
- line-height: var(
141
- --_ctm-mob-dn-pr-tt-le-ht,
142
- var(--_ctm-tab-dn-pr-tt-le-ht, var(--_ctm-dn-pr-tt-le-ht))
143
- );
144
- text-decoration: var(
145
- --_ctm-mob-dn-pr-tt-ue,
146
- var(--_ctm-tab-dn-pr-tt-ue, var(--_ctm-dn-pr-tt-ue))
147
- );
149
+ color: var(
150
+ --_ctm-mob-dn-pr-tt-cr,
151
+ var(--_ctm-tab-dn-pr-tt-cr, var(--_ctm-dn-pr-tt-cr, #333))
152
+ ) !important;
153
+ opacity: 0.6;
154
+ font-family: inherit;
155
+ font-size: inherit;
156
+ font-weight: inherit;
157
+ font-style: inherit;
158
+ text-align: inherit;
159
+ letter-spacing: inherit;
160
+ line-height: inherit;
161
+ text-decoration: inherit;
148
162
  }
149
163
  }
150
164
 
@@ -1347,6 +1347,233 @@ export declare const getDefaultData: () => {
1347
1347
  variantDesign: any;
1348
1348
  };
1349
1349
  };
1350
+ errorMessage: {
1351
+ icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
1352
+ showIcon: CMSIBCommonInterface | undefined;
1353
+ iconSize: import("../../interfaces/global").CMSIBSizeInterface;
1354
+ iconColor: CMSIBCommonInterface;
1355
+ theme: {
1356
+ value: string;
1357
+ property: string;
1358
+ propertyType: CMSElementEditTypes;
1359
+ };
1360
+ font: {
1361
+ value: string;
1362
+ property: string;
1363
+ propertyType: CMSElementEditTypes;
1364
+ parentRef: string;
1365
+ };
1366
+ fontSize: {
1367
+ value: number;
1368
+ unit: number;
1369
+ property: string;
1370
+ propertyType: CMSElementEditTypes;
1371
+ parentRef: string;
1372
+ };
1373
+ textColor: {
1374
+ value: {
1375
+ hex: string;
1376
+ rgb: {
1377
+ r: string;
1378
+ g: string;
1379
+ b: string;
1380
+ a: number;
1381
+ };
1382
+ };
1383
+ property: string;
1384
+ propertyType: CMSElementEditTypes;
1385
+ parentRef: string;
1386
+ };
1387
+ textHighlight: {
1388
+ value: {
1389
+ hex: string;
1390
+ rgb: {
1391
+ r: string;
1392
+ g: string;
1393
+ b: string;
1394
+ a: number;
1395
+ };
1396
+ };
1397
+ property: string;
1398
+ propertyType: CMSElementEditTypes;
1399
+ };
1400
+ bold: {
1401
+ value: string;
1402
+ property: string;
1403
+ propertyType: CMSElementEditTypes;
1404
+ parentRef: string;
1405
+ };
1406
+ italic: {
1407
+ value: string;
1408
+ property: string;
1409
+ propertyType: CMSElementEditTypes;
1410
+ parentRef: string;
1411
+ };
1412
+ linethrough: {
1413
+ value: string;
1414
+ property: string;
1415
+ propertyType: CMSElementEditTypes;
1416
+ parentRef: string;
1417
+ };
1418
+ underline: {
1419
+ value: string;
1420
+ property: string;
1421
+ propertyType: CMSElementEditTypes;
1422
+ parentRef: string;
1423
+ };
1424
+ textAlign: {
1425
+ value: string;
1426
+ property: string;
1427
+ propertyType: CMSElementEditTypes;
1428
+ parentRef: string;
1429
+ };
1430
+ characterSpacing: {
1431
+ value: number;
1432
+ unit: number;
1433
+ property: string;
1434
+ propertyType: CMSElementEditTypes;
1435
+ parentRef: string;
1436
+ };
1437
+ lineHeight: {
1438
+ value: number;
1439
+ unit: number;
1440
+ property: string;
1441
+ propertyType: CMSElementEditTypes;
1442
+ parentRef: string;
1443
+ };
1444
+ paragraphSpacing: {
1445
+ value: number;
1446
+ unit: number;
1447
+ property: string;
1448
+ propertyType: CMSElementEditTypes;
1449
+ parentRef: string;
1450
+ };
1451
+ selectorKey: SelectorKeysEnum;
1452
+ padding: any;
1453
+ backgroundColor: CMSIBCommonInterface;
1454
+ borderColor: CMSIBCommonInterface;
1455
+ borderStyle: CMSIBCommonInterface;
1456
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
1457
+ showBorder: CMSIBCommonInterface;
1458
+ showShadow: CMSIBCommonInterface;
1459
+ shadowColor: CMSIBCommonInterface;
1460
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
1461
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
1462
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
1463
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
1464
+ };
1465
+ popoverStyle: {
1466
+ theme: {
1467
+ value: string;
1468
+ property: string;
1469
+ propertyType: CMSElementEditTypes;
1470
+ };
1471
+ font: {
1472
+ value: string;
1473
+ property: string;
1474
+ propertyType: CMSElementEditTypes;
1475
+ parentRef: string;
1476
+ };
1477
+ fontSize: {
1478
+ value: number;
1479
+ unit: number;
1480
+ property: string;
1481
+ propertyType: CMSElementEditTypes;
1482
+ parentRef: string;
1483
+ };
1484
+ textColor: {
1485
+ value: {
1486
+ hex: string;
1487
+ rgb: {
1488
+ r: string;
1489
+ g: string;
1490
+ b: string;
1491
+ a: number;
1492
+ };
1493
+ };
1494
+ property: string;
1495
+ propertyType: CMSElementEditTypes;
1496
+ parentRef: string;
1497
+ };
1498
+ textHighlight: {
1499
+ value: {
1500
+ hex: string;
1501
+ rgb: {
1502
+ r: string;
1503
+ g: string;
1504
+ b: string;
1505
+ a: number;
1506
+ };
1507
+ };
1508
+ property: string;
1509
+ propertyType: CMSElementEditTypes;
1510
+ };
1511
+ bold: {
1512
+ value: string;
1513
+ property: string;
1514
+ propertyType: CMSElementEditTypes;
1515
+ parentRef: string;
1516
+ };
1517
+ italic: {
1518
+ value: string;
1519
+ property: string;
1520
+ propertyType: CMSElementEditTypes;
1521
+ parentRef: string;
1522
+ };
1523
+ linethrough: {
1524
+ value: string;
1525
+ property: string;
1526
+ propertyType: CMSElementEditTypes;
1527
+ parentRef: string;
1528
+ };
1529
+ underline: {
1530
+ value: string;
1531
+ property: string;
1532
+ propertyType: CMSElementEditTypes;
1533
+ parentRef: string;
1534
+ };
1535
+ textAlign: {
1536
+ value: string;
1537
+ property: string;
1538
+ propertyType: CMSElementEditTypes;
1539
+ parentRef: string;
1540
+ };
1541
+ characterSpacing: {
1542
+ value: number;
1543
+ unit: number;
1544
+ property: string;
1545
+ propertyType: CMSElementEditTypes;
1546
+ parentRef: string;
1547
+ };
1548
+ lineHeight: {
1549
+ value: number;
1550
+ unit: number;
1551
+ property: string;
1552
+ propertyType: CMSElementEditTypes;
1553
+ parentRef: string;
1554
+ };
1555
+ paragraphSpacing: {
1556
+ value: number;
1557
+ unit: number;
1558
+ property: string;
1559
+ propertyType: CMSElementEditTypes;
1560
+ parentRef: string;
1561
+ };
1562
+ selectorKey: SelectorKeysEnum;
1563
+ backgroundColor: CMSIBCommonInterface;
1564
+ borderColor: CMSIBCommonInterface;
1565
+ borderStyle: CMSIBCommonInterface;
1566
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
1567
+ showBorder: CMSIBCommonInterface;
1568
+ showShadow: CMSIBCommonInterface;
1569
+ shadowColor: CMSIBCommonInterface;
1570
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
1571
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
1572
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
1573
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
1574
+ padding: any;
1575
+ itemGap: import("../../interfaces/global").CMSIBSizeInterface;
1576
+ };
1350
1577
  };
1351
1578
  content: {
1352
1579
  selectorKey: SelectorKeysEnum;
@@ -0,0 +1,6 @@
1
+ export declare const iconInstance: {
2
+ icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
3
+ showIcon: import("../../interfaces/global").CMSIBCommonInterface | undefined;
4
+ iconSize: import("../../interfaces/global").CMSIBSizeInterface;
5
+ iconColor: import("../../interfaces/global").CMSIBCommonInterface;
6
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.4.41",
3
+ "version": "0.4.42",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {