contentoh-components-library 21.0.16 → 21.0.20
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/CHANGELOG.md +42 -0
- package/dist/global-files/fonts.css +45 -0
- package/dist/global-files/global-styles.css +40 -0
- package/dist/index.js +116 -12
- package/package.json +4 -2
- package/src/index.js +9 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,45 @@
|
|
|
1
|
+
# v21.0.19 (Tue May 03 2022)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
# v21.0.19 (Tue May 03 2022)
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v21.0.19 (Tue May 03 2022)
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
---
|
|
18
|
+
|
|
19
|
+
# v21.0.17 (Tue May 03 2022)
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
25
|
+
# v21.0.17 (Tue May 03 2022)
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
---
|
|
30
|
+
|
|
31
|
+
# v21.0.17 (Tue May 03 2022)
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
---
|
|
36
|
+
|
|
37
|
+
# v21.0.17 (Tue May 03 2022)
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
---
|
|
42
|
+
|
|
1
43
|
# v0.1.1 (Thu Feb 10 2022)
|
|
2
44
|
|
|
3
45
|
#### 🐛 Bug Fix
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
@font-face {
|
|
2
|
+
font-family: "Avenir Next";
|
|
3
|
+
src: url("../assets/fonts/avenirnext/AvenirNextLTPro-Regular.otf");
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
@font-face {
|
|
7
|
+
font-family: "Lato";
|
|
8
|
+
src: url("../assets/fonts/lato/Lato-Regular.ttf");
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
@font-face {
|
|
12
|
+
font-family: "Raleway";
|
|
13
|
+
src: url("../assets/fonts/raleway/Raleway-Regular.ttf");
|
|
14
|
+
font-weight: 400;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
@font-face {
|
|
18
|
+
font-family: "Raleway-500";
|
|
19
|
+
src: url("../assets/fonts/raleway/Raleway-Medium.ttf");
|
|
20
|
+
font-weight: 500;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@font-face {
|
|
24
|
+
font-family: "Raleway-600";
|
|
25
|
+
src: url("../assets/fonts/raleway/Raleway-SemiBold.ttf");
|
|
26
|
+
font-weight: 600;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
@font-face {
|
|
30
|
+
font-family: "Raleway-700";
|
|
31
|
+
src: url("../assets/fonts/raleway/Raleway-Bold.ttf");
|
|
32
|
+
font-weight: 700;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
@font-face {
|
|
36
|
+
font-family: "Raleway-800";
|
|
37
|
+
src: url("../assets/fonts/raleway/Raleway-ExtraBold.ttf");
|
|
38
|
+
font-weight: 800;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
@font-face {
|
|
42
|
+
font-family: "Raleway-900";
|
|
43
|
+
src: url("../assets/fonts/raleway/Raleway-Black.ttf");
|
|
44
|
+
font-weight: 900;
|
|
45
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
@import "./fonts.css";
|
|
2
|
+
|
|
3
|
+
*,
|
|
4
|
+
*::after,
|
|
5
|
+
*::before {
|
|
6
|
+
padding: 0;
|
|
7
|
+
margin: 0;
|
|
8
|
+
box-sizing: border-box;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
body.sb-main-padded.sb-show-main {
|
|
12
|
+
padding: 0;
|
|
13
|
+
height: 100vh;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.sb-main-padded.sb-show-main #root {
|
|
17
|
+
height: 100%;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
/* width */
|
|
21
|
+
::-webkit-scrollbar {
|
|
22
|
+
width: 6px;
|
|
23
|
+
height: 6px;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
/* Track */
|
|
27
|
+
::-webkit-scrollbar-track {
|
|
28
|
+
background: white;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
/* Handle */
|
|
32
|
+
::-webkit-scrollbar-thumb {
|
|
33
|
+
border-radius: 15px;
|
|
34
|
+
background: #f0eef2;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
/* Handle on hover */
|
|
38
|
+
::-webkit-scrollbar-thumb:hover {
|
|
39
|
+
background: #d4d1d7;
|
|
40
|
+
}
|
package/dist/index.js
CHANGED
|
@@ -277,6 +277,19 @@ Object.keys(_index21).forEach(function (key) {
|
|
|
277
277
|
});
|
|
278
278
|
});
|
|
279
279
|
|
|
280
|
+
var _CarouselImagesLogin = require("./components/molecules/CarouselImagesLogin");
|
|
281
|
+
|
|
282
|
+
Object.keys(_CarouselImagesLogin).forEach(function (key) {
|
|
283
|
+
if (key === "default" || key === "__esModule") return;
|
|
284
|
+
if (key in exports && exports[key] === _CarouselImagesLogin[key]) return;
|
|
285
|
+
Object.defineProperty(exports, key, {
|
|
286
|
+
enumerable: true,
|
|
287
|
+
get: function get() {
|
|
288
|
+
return _CarouselImagesLogin[key];
|
|
289
|
+
}
|
|
290
|
+
});
|
|
291
|
+
});
|
|
292
|
+
|
|
280
293
|
var _index22 = require("./components/molecules/EditionActiveImage/index");
|
|
281
294
|
|
|
282
295
|
Object.keys(_index22).forEach(function (key) {
|
|
@@ -342,6 +355,19 @@ Object.keys(_index26).forEach(function (key) {
|
|
|
342
355
|
});
|
|
343
356
|
});
|
|
344
357
|
|
|
358
|
+
var _LoginPasswordStrength = require("./components/molecules/LoginPasswordStrength");
|
|
359
|
+
|
|
360
|
+
Object.keys(_LoginPasswordStrength).forEach(function (key) {
|
|
361
|
+
if (key === "default" || key === "__esModule") return;
|
|
362
|
+
if (key in exports && exports[key] === _LoginPasswordStrength[key]) return;
|
|
363
|
+
Object.defineProperty(exports, key, {
|
|
364
|
+
enumerable: true,
|
|
365
|
+
get: function get() {
|
|
366
|
+
return _LoginPasswordStrength[key];
|
|
367
|
+
}
|
|
368
|
+
});
|
|
369
|
+
});
|
|
370
|
+
|
|
345
371
|
var _index27 = require("./components/molecules/PlanSelection/index");
|
|
346
372
|
|
|
347
373
|
Object.keys(_index27).forEach(function (key) {
|
|
@@ -433,7 +459,7 @@ Object.keys(_index33).forEach(function (key) {
|
|
|
433
459
|
});
|
|
434
460
|
});
|
|
435
461
|
|
|
436
|
-
var _index34 = require("./components/
|
|
462
|
+
var _index34 = require("./components/organisms/Fullplan/index");
|
|
437
463
|
|
|
438
464
|
Object.keys(_index34).forEach(function (key) {
|
|
439
465
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -446,7 +472,7 @@ Object.keys(_index34).forEach(function (key) {
|
|
|
446
472
|
});
|
|
447
473
|
});
|
|
448
474
|
|
|
449
|
-
var _index35 = require("./components/organisms/
|
|
475
|
+
var _index35 = require("./components/organisms/FullProductNameHeader/index");
|
|
450
476
|
|
|
451
477
|
Object.keys(_index35).forEach(function (key) {
|
|
452
478
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -459,7 +485,7 @@ Object.keys(_index35).forEach(function (key) {
|
|
|
459
485
|
});
|
|
460
486
|
});
|
|
461
487
|
|
|
462
|
-
var _index36 = require("./components/organisms/
|
|
488
|
+
var _index36 = require("./components/organisms/FullTabsMenu/index");
|
|
463
489
|
|
|
464
490
|
Object.keys(_index36).forEach(function (key) {
|
|
465
491
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -472,7 +498,7 @@ Object.keys(_index36).forEach(function (key) {
|
|
|
472
498
|
});
|
|
473
499
|
});
|
|
474
500
|
|
|
475
|
-
var _index37 = require("./components/organisms/
|
|
501
|
+
var _index37 = require("./components/organisms/ImageDataTable/index");
|
|
476
502
|
|
|
477
503
|
Object.keys(_index37).forEach(function (key) {
|
|
478
504
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -485,7 +511,7 @@ Object.keys(_index37).forEach(function (key) {
|
|
|
485
511
|
});
|
|
486
512
|
});
|
|
487
513
|
|
|
488
|
-
var _index38 = require("./components/organisms/
|
|
514
|
+
var _index38 = require("./components/organisms/ImagePreviewer/index");
|
|
489
515
|
|
|
490
516
|
Object.keys(_index38).forEach(function (key) {
|
|
491
517
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -498,7 +524,7 @@ Object.keys(_index38).forEach(function (key) {
|
|
|
498
524
|
});
|
|
499
525
|
});
|
|
500
526
|
|
|
501
|
-
var _index39 = require("./components/organisms/
|
|
527
|
+
var _index39 = require("./components/organisms/ImagesGroup/index");
|
|
502
528
|
|
|
503
529
|
Object.keys(_index39).forEach(function (key) {
|
|
504
530
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -511,7 +537,7 @@ Object.keys(_index39).forEach(function (key) {
|
|
|
511
537
|
});
|
|
512
538
|
});
|
|
513
539
|
|
|
514
|
-
var _index40 = require("./components/organisms/
|
|
540
|
+
var _index40 = require("./components/organisms/InputGroup/index");
|
|
515
541
|
|
|
516
542
|
Object.keys(_index40).forEach(function (key) {
|
|
517
543
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -524,7 +550,7 @@ Object.keys(_index40).forEach(function (key) {
|
|
|
524
550
|
});
|
|
525
551
|
});
|
|
526
552
|
|
|
527
|
-
var _index41 = require("./components/organisms/
|
|
553
|
+
var _index41 = require("./components/organisms/ProductImageModal/index");
|
|
528
554
|
|
|
529
555
|
Object.keys(_index41).forEach(function (key) {
|
|
530
556
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -537,15 +563,28 @@ Object.keys(_index41).forEach(function (key) {
|
|
|
537
563
|
});
|
|
538
564
|
});
|
|
539
565
|
|
|
540
|
-
var
|
|
566
|
+
var _ChangePasswordLogin = require("./components/pages/ChangePasswordLogin");
|
|
541
567
|
|
|
542
|
-
Object.keys(
|
|
568
|
+
Object.keys(_ChangePasswordLogin).forEach(function (key) {
|
|
543
569
|
if (key === "default" || key === "__esModule") return;
|
|
544
|
-
if (key in exports && exports[key] ===
|
|
570
|
+
if (key in exports && exports[key] === _ChangePasswordLogin[key]) return;
|
|
545
571
|
Object.defineProperty(exports, key, {
|
|
546
572
|
enumerable: true,
|
|
547
573
|
get: function get() {
|
|
548
|
-
return
|
|
574
|
+
return _ChangePasswordLogin[key];
|
|
575
|
+
}
|
|
576
|
+
});
|
|
577
|
+
});
|
|
578
|
+
|
|
579
|
+
var _CustomerLogin = require("./components/pages/CustomerLogin");
|
|
580
|
+
|
|
581
|
+
Object.keys(_CustomerLogin).forEach(function (key) {
|
|
582
|
+
if (key === "default" || key === "__esModule") return;
|
|
583
|
+
if (key in exports && exports[key] === _CustomerLogin[key]) return;
|
|
584
|
+
Object.defineProperty(exports, key, {
|
|
585
|
+
enumerable: true,
|
|
586
|
+
get: function get() {
|
|
587
|
+
return _CustomerLogin[key];
|
|
549
588
|
}
|
|
550
589
|
});
|
|
551
590
|
});
|
|
@@ -563,6 +602,19 @@ Object.keys(_CustomerType).forEach(function (key) {
|
|
|
563
602
|
});
|
|
564
603
|
});
|
|
565
604
|
|
|
605
|
+
var _EmailResetPassword = require("./components/pages/EmailResetPassword");
|
|
606
|
+
|
|
607
|
+
Object.keys(_EmailResetPassword).forEach(function (key) {
|
|
608
|
+
if (key === "default" || key === "__esModule") return;
|
|
609
|
+
if (key in exports && exports[key] === _EmailResetPassword[key]) return;
|
|
610
|
+
Object.defineProperty(exports, key, {
|
|
611
|
+
enumerable: true,
|
|
612
|
+
get: function get() {
|
|
613
|
+
return _EmailResetPassword[key];
|
|
614
|
+
}
|
|
615
|
+
});
|
|
616
|
+
});
|
|
617
|
+
|
|
566
618
|
var _OnboardPlan = require("./components/pages/OnboardPlan");
|
|
567
619
|
|
|
568
620
|
Object.keys(_OnboardPlan).forEach(function (key) {
|
|
@@ -576,6 +628,45 @@ Object.keys(_OnboardPlan).forEach(function (key) {
|
|
|
576
628
|
});
|
|
577
629
|
});
|
|
578
630
|
|
|
631
|
+
var _RegistrationLoginFirstStep = require("./components/pages/RegistrationLoginFirstStep");
|
|
632
|
+
|
|
633
|
+
Object.keys(_RegistrationLoginFirstStep).forEach(function (key) {
|
|
634
|
+
if (key === "default" || key === "__esModule") return;
|
|
635
|
+
if (key in exports && exports[key] === _RegistrationLoginFirstStep[key]) return;
|
|
636
|
+
Object.defineProperty(exports, key, {
|
|
637
|
+
enumerable: true,
|
|
638
|
+
get: function get() {
|
|
639
|
+
return _RegistrationLoginFirstStep[key];
|
|
640
|
+
}
|
|
641
|
+
});
|
|
642
|
+
});
|
|
643
|
+
|
|
644
|
+
var _RegistrationLoginSecondStep = require("./components/pages/RegistrationLoginSecondStep");
|
|
645
|
+
|
|
646
|
+
Object.keys(_RegistrationLoginSecondStep).forEach(function (key) {
|
|
647
|
+
if (key === "default" || key === "__esModule") return;
|
|
648
|
+
if (key in exports && exports[key] === _RegistrationLoginSecondStep[key]) return;
|
|
649
|
+
Object.defineProperty(exports, key, {
|
|
650
|
+
enumerable: true,
|
|
651
|
+
get: function get() {
|
|
652
|
+
return _RegistrationLoginSecondStep[key];
|
|
653
|
+
}
|
|
654
|
+
});
|
|
655
|
+
});
|
|
656
|
+
|
|
657
|
+
var _RegistrationLoginThirdStep = require("./components/pages/RegistrationLoginThirdStep");
|
|
658
|
+
|
|
659
|
+
Object.keys(_RegistrationLoginThirdStep).forEach(function (key) {
|
|
660
|
+
if (key === "default" || key === "__esModule") return;
|
|
661
|
+
if (key in exports && exports[key] === _RegistrationLoginThirdStep[key]) return;
|
|
662
|
+
Object.defineProperty(exports, key, {
|
|
663
|
+
enumerable: true,
|
|
664
|
+
get: function get() {
|
|
665
|
+
return _RegistrationLoginThirdStep[key];
|
|
666
|
+
}
|
|
667
|
+
});
|
|
668
|
+
});
|
|
669
|
+
|
|
579
670
|
var _RetailerProductEdition = require("./components/pages/RetailerProductEdition");
|
|
580
671
|
|
|
581
672
|
Object.keys(_RetailerProductEdition).forEach(function (key) {
|
|
@@ -587,4 +678,17 @@ Object.keys(_RetailerProductEdition).forEach(function (key) {
|
|
|
587
678
|
return _RetailerProductEdition[key];
|
|
588
679
|
}
|
|
589
680
|
});
|
|
681
|
+
});
|
|
682
|
+
|
|
683
|
+
var _VerificationCodeResetPassword = require("./components/pages/VerificationCodeResetPassword");
|
|
684
|
+
|
|
685
|
+
Object.keys(_VerificationCodeResetPassword).forEach(function (key) {
|
|
686
|
+
if (key === "default" || key === "__esModule") return;
|
|
687
|
+
if (key in exports && exports[key] === _VerificationCodeResetPassword[key]) return;
|
|
688
|
+
Object.defineProperty(exports, key, {
|
|
689
|
+
enumerable: true,
|
|
690
|
+
get: function get() {
|
|
691
|
+
return _VerificationCodeResetPassword[key];
|
|
692
|
+
}
|
|
693
|
+
});
|
|
590
694
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "contentoh-components-library",
|
|
3
|
-
"version": "21.0.
|
|
3
|
+
"version": "21.0.20",
|
|
4
4
|
"dependencies": {
|
|
5
5
|
"@babel/runtime": "^7.17.2",
|
|
6
6
|
"@storybook/addon-postcss": "^2.0.0",
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
"axios": "^0.25.0",
|
|
11
11
|
"babel-preset-react-app": "^10.0.1",
|
|
12
12
|
"chart.js": "^3.7.1",
|
|
13
|
+
"contentoh-components-library": "^21.0.18",
|
|
13
14
|
"js-base64": "^3.7.2",
|
|
14
15
|
"prop-types": "^15.7.2",
|
|
15
16
|
"react": "^17.0.2",
|
|
@@ -22,7 +23,8 @@
|
|
|
22
23
|
"scripts": {
|
|
23
24
|
"start": "start-storybook -p 6006",
|
|
24
25
|
"build": "cross-env BABEL_ENV=production babel src -d dist",
|
|
25
|
-
"chromatic": "npx chromatic --project-token=d7bb0c8ba831"
|
|
26
|
+
"chromatic": "npx chromatic --project-token=d7bb0c8ba831",
|
|
27
|
+
"release": "auto shipit --base-branch=main"
|
|
26
28
|
},
|
|
27
29
|
"eslintConfig": {
|
|
28
30
|
"extends": [
|
package/src/index.js
CHANGED
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
import * as fonts from "./global-files/fonts";
|
|
2
|
-
import * as globalStyles from "./global-files/global-styles";
|
|
3
|
-
import * as variables from "./global-files/variables";
|
|
4
|
-
|
|
5
|
-
export { fonts, globalStyles, variables };
|
|
6
|
-
|
|
7
1
|
//atoms
|
|
8
2
|
export * from "./components/atoms/ActivedFilter/index";
|
|
9
3
|
export * from "./components/atoms/AsignationOption/index";
|
|
@@ -28,11 +22,13 @@ export * from "./components/atoms/ValidationPanel/index";
|
|
|
28
22
|
|
|
29
23
|
//molecules
|
|
30
24
|
export * from "./components/molecules/AvatarAndValidation/index";
|
|
25
|
+
export * from "./components/molecules/CarouselImagesLogin"
|
|
31
26
|
export * from "./components/molecules/EditionActiveImage/index";
|
|
32
27
|
export * from "./components/molecules/FeaturesBar/index";
|
|
33
28
|
export * from "./components/molecules/GalleryElement/index";
|
|
34
29
|
export * from "./components/molecules/HeaderTop/index";
|
|
35
30
|
export * from "./components/molecules/ImageSelector/index";
|
|
31
|
+
export * from "./components/molecules/LoginPasswordStrength"
|
|
36
32
|
export * from "./components/molecules/PlanSelection/index";
|
|
37
33
|
export * from "./components/molecules/ProductNameHeader/index";
|
|
38
34
|
export * from "./components/molecules/StatusAsignationInfo/index";
|
|
@@ -40,7 +36,6 @@ export * from "./components/molecules/TableHeader/index";
|
|
|
40
36
|
export * from "./components/molecules/TableRow/index";
|
|
41
37
|
export * from "./components/molecules/TabsMenu/index";
|
|
42
38
|
export * from "./components/molecules/TagAndInput/index";
|
|
43
|
-
export * from "./components/molecules/TextAndGradient/index";
|
|
44
39
|
|
|
45
40
|
//organisms
|
|
46
41
|
export * from "./components/organisms/Fullplan/index";
|
|
@@ -53,6 +48,13 @@ export * from "./components/organisms/InputGroup/index";
|
|
|
53
48
|
export * from "./components/organisms/ProductImageModal/index";
|
|
54
49
|
|
|
55
50
|
//pages
|
|
51
|
+
export * from "./components/pages/ChangePasswordLogin"
|
|
52
|
+
export * from "./components/pages/CustomerLogin"
|
|
56
53
|
export * from "./components/pages/CustomerType";
|
|
54
|
+
export * from "./components/pages/EmailResetPassword"
|
|
57
55
|
export * from "./components/pages/OnboardPlan";
|
|
56
|
+
export * from "./components/pages/RegistrationLoginFirstStep"
|
|
57
|
+
export * from "./components/pages/RegistrationLoginSecondStep"
|
|
58
|
+
export * from "./components/pages/RegistrationLoginThirdStep"
|
|
58
59
|
export * from "./components/pages/RetailerProductEdition";
|
|
60
|
+
export * from "./components/pages/VerificationCodeResetPassword"
|