tabexseriescomponents 0.0.12 → 0.0.13

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.
Files changed (4) hide show
  1. package/dist/index.cjs.js +34 -1
  2. package/dist/index.esm.js +34 -1
  3. package/dist/index.umd.js +26034 -26001
  4. 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
+ }, "sdasdasdadsd", children.toUpperCase());
89
+ };
90
+
59
91
  function styleInject(css, ref) {
60
92
  if ( ref === void 0 ) ref = {};
61
93
  var insertAt = ref.insertAt;
@@ -5832,7 +5864,7 @@ var Policies = function Policies(props) {
5832
5864
  };
5833
5865
 
5834
5866
  var CartSlider = function CartSlider(props) {
5835
- return /*#__PURE__*/React__default["default"].createElement("div", null, "ddff");
5867
+ return /*#__PURE__*/React__default["default"].createElement("div", null, "AAAAA123");
5836
5868
  };
5837
5869
 
5838
5870
  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";
@@ -27118,6 +27150,7 @@ var StylishProductCard = function StylishProductCard(props) {
27118
27150
 
27119
27151
  var returnLibrary = function returnLibrary() {
27120
27152
  return {
27153
+ AwesomeButton: AwesomeButton,
27121
27154
  Checkout: Checkout,
27122
27155
  Signup: Signup,
27123
27156
  Productinfo: Productinfo,
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
+ }, "sdasdasdadsd", children.toUpperCase());
71
+ };
72
+
41
73
  function styleInject(css, ref) {
42
74
  if ( ref === void 0 ) ref = {};
43
75
  var insertAt = ref.insertAt;
@@ -5814,7 +5846,7 @@ var Policies = function Policies(props) {
5814
5846
  };
5815
5847
 
5816
5848
  var CartSlider = function CartSlider(props) {
5817
- return /*#__PURE__*/React.createElement("div", null, "ddff");
5849
+ return /*#__PURE__*/React.createElement("div", null, "AAAAA123");
5818
5850
  };
5819
5851
 
5820
5852
  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";
@@ -27100,6 +27132,7 @@ var StylishProductCard = function StylishProductCard(props) {
27100
27132
 
27101
27133
  var returnLibrary = function returnLibrary() {
27102
27134
  return {
27135
+ AwesomeButton: AwesomeButton,
27103
27136
  Checkout: Checkout,
27104
27137
  Signup: Signup,
27105
27138
  Productinfo: Productinfo,