tabexseriescomponents 0.0.12 → 0.0.15
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.js +33 -5
- package/dist/index.esm.js +33 -5
- package/dist/index.umd.js +26025 -25997
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -56,6 +56,38 @@ var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
|
|
|
56
56
|
var BackgroundSlideshow__default = /*#__PURE__*/_interopDefaultLegacy(BackgroundSlideshow);
|
|
57
57
|
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
58
58
|
|
|
59
|
+
// import asd from './index2.module.css'
|
|
60
|
+
// import asd from './categorycard3.module.css'
|
|
61
|
+
// import asd from './styles/cards/categorycard3.module.css'
|
|
62
|
+
|
|
63
|
+
var AwesomeButton = function AwesomeButton(props) {
|
|
64
|
+
var _useState = React.useState(null),
|
|
65
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2);
|
|
66
|
+
_useState2[0];
|
|
67
|
+
var setColor = _useState2[1];
|
|
68
|
+
|
|
69
|
+
React.useEffect(function () {
|
|
70
|
+
if (props.variant) {
|
|
71
|
+
if (props.variant === 'primary') {
|
|
72
|
+
setColor('#0077ff');
|
|
73
|
+
} else if (props.variant === 'secondary') {
|
|
74
|
+
setColor('#ff0062');
|
|
75
|
+
} else if (props.variant === 'success') {
|
|
76
|
+
setColor('#0f8000');
|
|
77
|
+
} else {
|
|
78
|
+
setColor('#949393');
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
var children = props.children;
|
|
83
|
+
return /*#__PURE__*/React__default["default"].createElement("button", {
|
|
84
|
+
// className='buttonComponent'
|
|
85
|
+
// className={`${asd.buttonComponent}`}
|
|
86
|
+
style: {// backgroundColor: 'red'
|
|
87
|
+
}
|
|
88
|
+
}, "123sdasdasdadsd", children.toUpperCase());
|
|
89
|
+
};
|
|
90
|
+
|
|
59
91
|
function styleInject(css, ref) {
|
|
60
92
|
if ( ref === void 0 ) ref = {};
|
|
61
93
|
var insertAt = ref.insertAt;
|
|
@@ -5831,10 +5863,6 @@ var Policies = function Policies(props) {
|
|
|
5831
5863
|
}));
|
|
5832
5864
|
};
|
|
5833
5865
|
|
|
5834
|
-
var CartSlider = function CartSlider(props) {
|
|
5835
|
-
return /*#__PURE__*/React__default["default"].createElement("div", null, "ddff");
|
|
5836
|
-
};
|
|
5837
|
-
|
|
5838
5866
|
var css_248z$q = ".filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK {\n position: relative;\n margin-left: 20px;\n}\n.filter-module_timeline__ROm9Q .filter-module_btn_item__GoKTf {\n /* width: 3vh;\n height: 3vh; */\n z-index: 1;\n /* margin-left: -13px;\n background-color: #e6e6e6; */\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n transition: 0.3s;\n}\n.filter-module_btn_item__GoKTf {\n border-radius: 50%;\n}\n.filter-module_timelineinnercont_active__2sLI7 {\n position: relative !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_btn_item__GoKTf:before {\n display: inline-block;\n content: '✓';\n color: white;\n margin: auto !important;\n font-size: 12px;\n margin-top: 1.5px !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_btn_item__GoKTf {\n background-color: var(--focus) !important;\n cursor: pointer;\n}\n.filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK:last-child {\n border-left: 1px solid white;\n}\n/* .timelinetrans .border_left_line {\n border-right: 1px solid #000;\n position: relative;\n margin-right: 17px;\n border-left: 0 !important;\n margin-left: 0 !important;\n} */\n/* .timeline .border_left_line {\n border-left: 1px solid #000 !important;\n border-right: none !important ;\n background-color: red;\n position: relative;\n margin-left: 17px !important;\n border-left: 0 !important;\n} */\n.filter-module_timelinetrans__KzVCg .filter-module_btn_item__GoKTf {\n margin-left: 0 !important ;\n margin-right: -10px !important ;\n}\n\n/* Filter Responsive */\n@media screen and (max-width: 800px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed !important;\n height: 100vh;\n width: 100vw;\n /* background-color: #f7f1ee; */\n z-index: 1000;\n top: 0;\n right: 0;\n transform: translateX(150%) !important;\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n overflow-y: scroll;\n }\n}\n@media screen and (max-width: 500px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed;\n height: 100vh;\n width: 90vw;\n background-color: #f7f1ee;\n\n top: 0;\n right: 0;\n transform: translateX(-100%);\n\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n z-index: 2000 !important;\n }\n}\n.filter-module_filterslider_container_opened__2eZes {\n transform: translateX(0) !important;\n z-index: 2000 !important;\n}\n\n.filter-module_outercontainer__kmY9b {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n /* overflow-y: hidden !important; */\n -webkit-overflow-scrolling: touch !important;\n}\n.filter-module_innercontainer__VKukp {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n overflow-y: hidden !important;\n -webkit-overflow-scrolling: touch !important;\n overflow-y: visible !important;\n position: static !important;\n\n white-space: nowrap;\n -webkit-overflow-scrolling: touch; /* for iOS */\n}\n\n.filter-module_card__7yDs0 {\n float: none !important;\n display: inline-block !important;\n zoom: 1 !important;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb:hover {\n background: transparent;\n}\n";
|
|
5839
5867
|
var filterstyles$1 = {"timeline":"filter-module_timeline__ROm9Q","border_left_line":"filter-module_border_left_line__IkxXK","btn_item":"filter-module_btn_item__GoKTf","timelineinnercont_active":"filter-module_timelineinnercont_active__2sLI7","timeline_text":"filter-module_timeline_text__NgaGy","timelineinnercont":"filter-module_timelineinnercont__Zme9K","timelinetrans":"filter-module_timelinetrans__KzVCg","filterslider_container":"filter-module_filterslider_container__I-7sG","filterslider_container_opened":"filter-module_filterslider_container_opened__2eZes","outercontainer":"filter-module_outercontainer__kmY9b","innercontainer":"filter-module_innercontainer__VKukp","card":"filter-module_card__7yDs0"};
|
|
5840
5868
|
styleInject(css_248z$q);
|
|
@@ -27118,6 +27146,7 @@ var StylishProductCard = function StylishProductCard(props) {
|
|
|
27118
27146
|
|
|
27119
27147
|
var returnLibrary = function returnLibrary() {
|
|
27120
27148
|
return {
|
|
27149
|
+
AwesomeButton: AwesomeButton,
|
|
27121
27150
|
Checkout: Checkout,
|
|
27122
27151
|
Signup: Signup,
|
|
27123
27152
|
Productinfo: Productinfo,
|
|
@@ -27126,7 +27155,6 @@ var returnLibrary = function returnLibrary() {
|
|
|
27126
27155
|
Login: Login,
|
|
27127
27156
|
AccountInformation: AccountInformation,
|
|
27128
27157
|
Policies: Policies,
|
|
27129
|
-
CartSlider: CartSlider,
|
|
27130
27158
|
Header8: Header8,
|
|
27131
27159
|
AllinoneHeader: AllinoneHeader,
|
|
27132
27160
|
Header_threesectionslogocentered: Header_threesectionslogocentered,
|
package/dist/index.esm.js
CHANGED
|
@@ -38,6 +38,38 @@ import _extends from '@babel/runtime/helpers/extends';
|
|
|
38
38
|
import { Link as Link$1, useHistory } from 'react-router-dom';
|
|
39
39
|
import { BiUser, BiLogOutCircle, BiChevronDown } from 'react-icons/bi';
|
|
40
40
|
|
|
41
|
+
// import asd from './index2.module.css'
|
|
42
|
+
// import asd from './categorycard3.module.css'
|
|
43
|
+
// import asd from './styles/cards/categorycard3.module.css'
|
|
44
|
+
|
|
45
|
+
var AwesomeButton = function AwesomeButton(props) {
|
|
46
|
+
var _useState = useState(null),
|
|
47
|
+
_useState2 = _slicedToArray(_useState, 2);
|
|
48
|
+
_useState2[0];
|
|
49
|
+
var setColor = _useState2[1];
|
|
50
|
+
|
|
51
|
+
useEffect(function () {
|
|
52
|
+
if (props.variant) {
|
|
53
|
+
if (props.variant === 'primary') {
|
|
54
|
+
setColor('#0077ff');
|
|
55
|
+
} else if (props.variant === 'secondary') {
|
|
56
|
+
setColor('#ff0062');
|
|
57
|
+
} else if (props.variant === 'success') {
|
|
58
|
+
setColor('#0f8000');
|
|
59
|
+
} else {
|
|
60
|
+
setColor('#949393');
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
var children = props.children;
|
|
65
|
+
return /*#__PURE__*/React.createElement("button", {
|
|
66
|
+
// className='buttonComponent'
|
|
67
|
+
// className={`${asd.buttonComponent}`}
|
|
68
|
+
style: {// backgroundColor: 'red'
|
|
69
|
+
}
|
|
70
|
+
}, "123sdasdasdadsd", children.toUpperCase());
|
|
71
|
+
};
|
|
72
|
+
|
|
41
73
|
function styleInject(css, ref) {
|
|
42
74
|
if ( ref === void 0 ) ref = {};
|
|
43
75
|
var insertAt = ref.insertAt;
|
|
@@ -5813,10 +5845,6 @@ var Policies = function Policies(props) {
|
|
|
5813
5845
|
}));
|
|
5814
5846
|
};
|
|
5815
5847
|
|
|
5816
|
-
var CartSlider = function CartSlider(props) {
|
|
5817
|
-
return /*#__PURE__*/React.createElement("div", null, "ddff");
|
|
5818
|
-
};
|
|
5819
|
-
|
|
5820
5848
|
var css_248z$q = ".filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK {\n position: relative;\n margin-left: 20px;\n}\n.filter-module_timeline__ROm9Q .filter-module_btn_item__GoKTf {\n /* width: 3vh;\n height: 3vh; */\n z-index: 1;\n /* margin-left: -13px;\n background-color: #e6e6e6; */\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n transition: 0.3s;\n}\n.filter-module_btn_item__GoKTf {\n border-radius: 50%;\n}\n.filter-module_timelineinnercont_active__2sLI7 {\n position: relative !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_btn_item__GoKTf:before {\n display: inline-block;\n content: '✓';\n color: white;\n margin: auto !important;\n font-size: 12px;\n margin-top: 1.5px !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_btn_item__GoKTf {\n background-color: var(--focus) !important;\n cursor: pointer;\n}\n.filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK:last-child {\n border-left: 1px solid white;\n}\n/* .timelinetrans .border_left_line {\n border-right: 1px solid #000;\n position: relative;\n margin-right: 17px;\n border-left: 0 !important;\n margin-left: 0 !important;\n} */\n/* .timeline .border_left_line {\n border-left: 1px solid #000 !important;\n border-right: none !important ;\n background-color: red;\n position: relative;\n margin-left: 17px !important;\n border-left: 0 !important;\n} */\n.filter-module_timelinetrans__KzVCg .filter-module_btn_item__GoKTf {\n margin-left: 0 !important ;\n margin-right: -10px !important ;\n}\n\n/* Filter Responsive */\n@media screen and (max-width: 800px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed !important;\n height: 100vh;\n width: 100vw;\n /* background-color: #f7f1ee; */\n z-index: 1000;\n top: 0;\n right: 0;\n transform: translateX(150%) !important;\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n overflow-y: scroll;\n }\n}\n@media screen and (max-width: 500px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed;\n height: 100vh;\n width: 90vw;\n background-color: #f7f1ee;\n\n top: 0;\n right: 0;\n transform: translateX(-100%);\n\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n z-index: 2000 !important;\n }\n}\n.filter-module_filterslider_container_opened__2eZes {\n transform: translateX(0) !important;\n z-index: 2000 !important;\n}\n\n.filter-module_outercontainer__kmY9b {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n /* overflow-y: hidden !important; */\n -webkit-overflow-scrolling: touch !important;\n}\n.filter-module_innercontainer__VKukp {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n overflow-y: hidden !important;\n -webkit-overflow-scrolling: touch !important;\n overflow-y: visible !important;\n position: static !important;\n\n white-space: nowrap;\n -webkit-overflow-scrolling: touch; /* for iOS */\n}\n\n.filter-module_card__7yDs0 {\n float: none !important;\n display: inline-block !important;\n zoom: 1 !important;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb:hover {\n background: transparent;\n}\n";
|
|
5821
5849
|
var filterstyles$1 = {"timeline":"filter-module_timeline__ROm9Q","border_left_line":"filter-module_border_left_line__IkxXK","btn_item":"filter-module_btn_item__GoKTf","timelineinnercont_active":"filter-module_timelineinnercont_active__2sLI7","timeline_text":"filter-module_timeline_text__NgaGy","timelineinnercont":"filter-module_timelineinnercont__Zme9K","timelinetrans":"filter-module_timelinetrans__KzVCg","filterslider_container":"filter-module_filterslider_container__I-7sG","filterslider_container_opened":"filter-module_filterslider_container_opened__2eZes","outercontainer":"filter-module_outercontainer__kmY9b","innercontainer":"filter-module_innercontainer__VKukp","card":"filter-module_card__7yDs0"};
|
|
5822
5850
|
styleInject(css_248z$q);
|
|
@@ -27100,6 +27128,7 @@ var StylishProductCard = function StylishProductCard(props) {
|
|
|
27100
27128
|
|
|
27101
27129
|
var returnLibrary = function returnLibrary() {
|
|
27102
27130
|
return {
|
|
27131
|
+
AwesomeButton: AwesomeButton,
|
|
27103
27132
|
Checkout: Checkout,
|
|
27104
27133
|
Signup: Signup,
|
|
27105
27134
|
Productinfo: Productinfo,
|
|
@@ -27108,7 +27137,6 @@ var returnLibrary = function returnLibrary() {
|
|
|
27108
27137
|
Login: Login,
|
|
27109
27138
|
AccountInformation: AccountInformation,
|
|
27110
27139
|
Policies: Policies,
|
|
27111
|
-
CartSlider: CartSlider,
|
|
27112
27140
|
Header8: Header8,
|
|
27113
27141
|
AllinoneHeader: AllinoneHeader,
|
|
27114
27142
|
Header_threesectionslogocentered: Header_threesectionslogocentered,
|