@citygross/components 0.7.89 → 0.7.90
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/build/@types/components/SearchListItem/SearchListItem.d.ts +3 -8
- package/build/cjs/components/src/components/AddressBlock/AddressBlock.js +0 -1
- package/build/cjs/components/src/components/AddressBlock/AddressBlock.js.map +1 -1
- package/build/cjs/components/src/components/SearchListItem/SearchListItem.js +3 -5
- package/build/cjs/components/src/components/SearchListItem/SearchListItem.js.map +1 -1
- package/build/cjs/components/src/components/SearchListItem/SearchListItem.styles.js +3 -3
- package/build/cjs/components/src/components/WarningLabel/WarningLabel.js +0 -1
- package/build/cjs/components/src/components/WarningLabel/WarningLabel.js.map +1 -1
- package/build/es/components/src/components/AddressBlock/AddressBlock.js +0 -1
- package/build/es/components/src/components/AddressBlock/AddressBlock.js.map +1 -1
- package/build/es/components/src/components/SearchListItem/SearchListItem.js +3 -5
- package/build/es/components/src/components/SearchListItem/SearchListItem.js.map +1 -1
- package/build/es/components/src/components/SearchListItem/SearchListItem.styles.js +3 -3
- package/build/es/components/src/components/WarningLabel/WarningLabel.js +0 -1
- package/build/es/components/src/components/WarningLabel/WarningLabel.js.map +1 -1
- package/package.json +2 -2
- package/build/cjs/components/src/components/PriceTag/PriceTag.js +0 -23
- package/build/cjs/components/src/components/PriceTag/PriceTag.js.map +0 -1
- package/build/cjs/components/src/components/PriceTag/PriceTag.styles.js +0 -18
- package/build/cjs/components/src/components/PriceTag/PriceTag.styles.js.map +0 -1
- package/build/es/components/src/components/PriceTag/PriceTag.js +0 -15
- package/build/es/components/src/components/PriceTag/PriceTag.js.map +0 -1
- package/build/es/components/src/components/PriceTag/PriceTag.styles.js +0 -9
- package/build/es/components/src/components/PriceTag/PriceTag.styles.js.map +0 -1
|
@@ -1,14 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TItem } from '../ListItem/ListItem';
|
|
3
|
-
export declare type TSearchProductItem = {
|
|
4
|
-
loading?: boolean;
|
|
5
|
-
item: TItem;
|
|
6
|
-
price: React.ReactElement;
|
|
7
|
-
color: string;
|
|
8
|
-
splash?: string;
|
|
9
|
-
};
|
|
10
3
|
export declare type TSearchListItem = {
|
|
11
|
-
searchProductItem: TSearchProductItem;
|
|
12
4
|
button?: React.ReactElement;
|
|
5
|
+
loading?: boolean;
|
|
6
|
+
price: React.ReactElement;
|
|
7
|
+
item: TItem;
|
|
13
8
|
};
|
|
14
9
|
export declare const SearchListItem: React.FunctionComponent<TSearchListItem>;
|
|
@@ -81,7 +81,6 @@ require('framer-motion');
|
|
|
81
81
|
require('../SideModal/SideModal.styles.js');
|
|
82
82
|
require('../IconText/IconText.styles.js');
|
|
83
83
|
require('../Dropdown/Dropdown.styles.js');
|
|
84
|
-
require('../PriceTag/PriceTag.styles.js');
|
|
85
84
|
require('../SearchListItem/SearchListItem.styles.js');
|
|
86
85
|
|
|
87
86
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddressBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AddressBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var ListItem = require('../ListItem/ListItem.js');
|
|
7
|
-
var PriceTag = require('../PriceTag/PriceTag.js');
|
|
8
7
|
var SearchListItem_styles = require('./SearchListItem.styles.js');
|
|
9
8
|
|
|
10
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -12,12 +11,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
11
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
12
|
|
|
14
13
|
var SearchListItem = function (_a) {
|
|
15
|
-
var
|
|
14
|
+
var item = _a.item, button = _a.button, loading = _a.loading, price = _a.price;
|
|
16
15
|
return (React__default["default"].createElement(SearchListItem_styles.SearchListItemWrapper, null,
|
|
17
16
|
React__default["default"].createElement(SearchListItem_styles.ListItemWrapper, null,
|
|
18
|
-
React__default["default"].createElement(ListItem.ListItem, { usedInSearch: true, loading:
|
|
19
|
-
React__default["default"].createElement(SearchListItem_styles.PriceTagWrapper, null,
|
|
20
|
-
React__default["default"].createElement(PriceTag.PriceTag, { splash: searchProductItem === null || searchProductItem === void 0 ? void 0 : searchProductItem.splash, color: searchProductItem === null || searchProductItem === void 0 ? void 0 : searchProductItem.color, price: searchProductItem === null || searchProductItem === void 0 ? void 0 : searchProductItem.price }, searchProductItem.price)),
|
|
17
|
+
React__default["default"].createElement(ListItem.ListItem, { usedInSearch: true, loading: loading, item: item })),
|
|
18
|
+
React__default["default"].createElement(SearchListItem_styles.PriceTagWrapper, null, price),
|
|
21
19
|
React__default["default"].createElement(SearchListItem_styles.ButtonWrapper, null, button)));
|
|
22
20
|
};
|
|
23
21
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SearchListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -9,10 +9,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
9
9
|
|
|
10
10
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
11
11
|
|
|
12
|
-
var SearchListItemWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n border-bottom: 1px solid ", ";\n padding: ", "px;\n
|
|
12
|
+
var SearchListItemWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n display: grid;\n grid-template-columns: 2fr 1fr;\n grid-template-rows: 1fr auto;\n grid-template-areas:\n 'ListItemWrapper PriceTagWrapper PriceTagWrapper'\n 'ListItemWrapper ButtonWrapper ButtonWrapper';\n\n align-items: center;\n background-color: ", ";\n border-bottom: 1px solid ", ";\n padding: ", "px;\n\n @media (min-width: ", "px) {\n grid-template-columns: 2fr 1fr;\n grid-template-rows: 1fr;\n grid-auto-flow: row;\n grid-template-areas: 'ListItemWrapper PriceTagWrapper ButtonWrapper';\n }\n"], ["\n display: grid;\n grid-template-columns: 2fr 1fr;\n grid-template-rows: 1fr auto;\n grid-template-areas:\n 'ListItemWrapper PriceTagWrapper PriceTagWrapper'\n 'ListItemWrapper ButtonWrapper ButtonWrapper';\n\n align-items: center;\n background-color: ", ";\n border-bottom: 1px solid ", ";\n padding: ", "px;\n\n @media (min-width: ", "px) {\n grid-template-columns: 2fr 1fr;\n grid-template-rows: 1fr;\n grid-auto-flow: row;\n grid-template-areas: 'ListItemWrapper PriceTagWrapper ButtonWrapper';\n }\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.light; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.constants) === null || _b === void 0 ? void 0 : _b.headerBreakpoint; });
|
|
13
13
|
var ListItemWrapper = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n grid-area: ListItemWrapper;\n"], ["\n grid-area: ListItemWrapper;\n"])));
|
|
14
|
-
var PriceTagWrapper = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n grid-area: PriceTagWrapper;\n"], ["\n grid-area: PriceTagWrapper;\n"])));
|
|
15
|
-
var ButtonWrapper = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n grid-area: ButtonWrapper;\n min-width: ", "px;\n
|
|
14
|
+
var PriceTagWrapper = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n grid-area: PriceTagWrapper;\n display: flex;\n justify-content: flex-end;\n\n @media (min-width: ", "px) {\n justify-content: flex-start;\n }\n"], ["\n grid-area: PriceTagWrapper;\n display: flex;\n justify-content: flex-end;\n\n @media (min-width: ", "px) {\n justify-content: flex-start;\n }\n"])), function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.constants) === null || _b === void 0 ? void 0 : _b.headerBreakpoint; });
|
|
15
|
+
var ButtonWrapper = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n grid-area: ButtonWrapper;\n min-width: ", "px;\n margin-top: ", "px;\n justify-self: end;\n @media (min-width: ", "px) {\n margin-top: 0;\n }\n"], ["\n grid-area: ButtonWrapper;\n min-width: ", "px;\n margin-top: ", "px;\n justify-self: end;\n @media (min-width: ", "px) {\n margin-top: 0;\n }\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.buttonWrapperMinWidth; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.constants) === null || _b === void 0 ? void 0 : _b.headerBreakpoint; });
|
|
16
16
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
17
17
|
|
|
18
18
|
exports.ButtonWrapper = ButtonWrapper;
|
|
@@ -81,7 +81,6 @@ require('framer-motion');
|
|
|
81
81
|
require('../SideModal/SideModal.styles.js');
|
|
82
82
|
require('../IconText/IconText.styles.js');
|
|
83
83
|
require('../Dropdown/Dropdown.styles.js');
|
|
84
|
-
require('../PriceTag/PriceTag.styles.js');
|
|
85
84
|
require('../SearchListItem/SearchListItem.styles.js');
|
|
86
85
|
|
|
87
86
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WarningLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WarningLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -77,7 +77,6 @@ import 'framer-motion';
|
|
|
77
77
|
import '../SideModal/SideModal.styles.js';
|
|
78
78
|
import '../IconText/IconText.styles.js';
|
|
79
79
|
import '../Dropdown/Dropdown.styles.js';
|
|
80
|
-
import '../PriceTag/PriceTag.styles.js';
|
|
81
80
|
import '../SearchListItem/SearchListItem.styles.js';
|
|
82
81
|
|
|
83
82
|
function AddressBlock(_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddressBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AddressBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ListItem } from '../ListItem/ListItem.js';
|
|
3
|
-
import { PriceTag } from '../PriceTag/PriceTag.js';
|
|
4
3
|
import { SearchListItemWrapper, ListItemWrapper, PriceTagWrapper, ButtonWrapper } from './SearchListItem.styles.js';
|
|
5
4
|
|
|
6
5
|
var SearchListItem = function (_a) {
|
|
7
|
-
var
|
|
6
|
+
var item = _a.item, button = _a.button, loading = _a.loading, price = _a.price;
|
|
8
7
|
return (React.createElement(SearchListItemWrapper, null,
|
|
9
8
|
React.createElement(ListItemWrapper, null,
|
|
10
|
-
React.createElement(ListItem, { usedInSearch: true, loading:
|
|
11
|
-
React.createElement(PriceTagWrapper, null,
|
|
12
|
-
React.createElement(PriceTag, { splash: searchProductItem === null || searchProductItem === void 0 ? void 0 : searchProductItem.splash, color: searchProductItem === null || searchProductItem === void 0 ? void 0 : searchProductItem.color, price: searchProductItem === null || searchProductItem === void 0 ? void 0 : searchProductItem.price }, searchProductItem.price)),
|
|
9
|
+
React.createElement(ListItem, { usedInSearch: true, loading: loading, item: item })),
|
|
10
|
+
React.createElement(PriceTagWrapper, null, price),
|
|
13
11
|
React.createElement(ButtonWrapper, null, button)));
|
|
14
12
|
};
|
|
15
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SearchListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
|
|
2
2
|
import styled from 'styled-components';
|
|
3
3
|
|
|
4
|
-
var SearchListItemWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n border-bottom: 1px solid ", ";\n padding: ", "px;\n
|
|
4
|
+
var SearchListItemWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid;\n grid-template-columns: 2fr 1fr;\n grid-template-rows: 1fr auto;\n grid-template-areas:\n 'ListItemWrapper PriceTagWrapper PriceTagWrapper'\n 'ListItemWrapper ButtonWrapper ButtonWrapper';\n\n align-items: center;\n background-color: ", ";\n border-bottom: 1px solid ", ";\n padding: ", "px;\n\n @media (min-width: ", "px) {\n grid-template-columns: 2fr 1fr;\n grid-template-rows: 1fr;\n grid-auto-flow: row;\n grid-template-areas: 'ListItemWrapper PriceTagWrapper ButtonWrapper';\n }\n"], ["\n display: grid;\n grid-template-columns: 2fr 1fr;\n grid-template-rows: 1fr auto;\n grid-template-areas:\n 'ListItemWrapper PriceTagWrapper PriceTagWrapper'\n 'ListItemWrapper ButtonWrapper ButtonWrapper';\n\n align-items: center;\n background-color: ", ";\n border-bottom: 1px solid ", ";\n padding: ", "px;\n\n @media (min-width: ", "px) {\n grid-template-columns: 2fr 1fr;\n grid-template-rows: 1fr;\n grid-auto-flow: row;\n grid-template-areas: 'ListItemWrapper PriceTagWrapper ButtonWrapper';\n }\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.light; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.constants) === null || _b === void 0 ? void 0 : _b.headerBreakpoint; });
|
|
5
5
|
var ListItemWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n grid-area: ListItemWrapper;\n"], ["\n grid-area: ListItemWrapper;\n"])));
|
|
6
|
-
var PriceTagWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n grid-area: PriceTagWrapper;\n"], ["\n grid-area: PriceTagWrapper;\n"])));
|
|
7
|
-
var ButtonWrapper = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n grid-area: ButtonWrapper;\n min-width: ", "px;\n
|
|
6
|
+
var PriceTagWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n grid-area: PriceTagWrapper;\n display: flex;\n justify-content: flex-end;\n\n @media (min-width: ", "px) {\n justify-content: flex-start;\n }\n"], ["\n grid-area: PriceTagWrapper;\n display: flex;\n justify-content: flex-end;\n\n @media (min-width: ", "px) {\n justify-content: flex-start;\n }\n"])), function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.constants) === null || _b === void 0 ? void 0 : _b.headerBreakpoint; });
|
|
7
|
+
var ButtonWrapper = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n grid-area: ButtonWrapper;\n min-width: ", "px;\n margin-top: ", "px;\n justify-self: end;\n @media (min-width: ", "px) {\n margin-top: 0;\n }\n"], ["\n grid-area: ButtonWrapper;\n min-width: ", "px;\n margin-top: ", "px;\n justify-self: end;\n @media (min-width: ", "px) {\n margin-top: 0;\n }\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.buttonWrapperMinWidth; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.constants) === null || _b === void 0 ? void 0 : _b.headerBreakpoint; });
|
|
8
8
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
9
9
|
|
|
10
10
|
export { ButtonWrapper, ListItemWrapper, PriceTagWrapper, SearchListItemWrapper };
|
|
@@ -77,7 +77,6 @@ import 'framer-motion';
|
|
|
77
77
|
import '../SideModal/SideModal.styles.js';
|
|
78
78
|
import '../IconText/IconText.styles.js';
|
|
79
79
|
import '../Dropdown/Dropdown.styles.js';
|
|
80
|
-
import '../PriceTag/PriceTag.styles.js';
|
|
81
80
|
import '../SearchListItem/SearchListItem.styles.js';
|
|
82
81
|
|
|
83
82
|
function WarningLabel(_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WarningLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WarningLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@citygross/components",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.90",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "./build/cjs/components/src/index.js",
|
|
@@ -71,5 +71,5 @@
|
|
|
71
71
|
"moment": "^2.29.1",
|
|
72
72
|
"react-loading-skeleton": "^2.2.0"
|
|
73
73
|
},
|
|
74
|
-
"gitHead": "
|
|
74
|
+
"gitHead": "002048e464e61096e0a505457a07bb648ca1c177"
|
|
75
75
|
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var PriceTag_styles = require('./PriceTag.styles.js');
|
|
7
|
-
|
|
8
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
-
|
|
10
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
11
|
-
|
|
12
|
-
// Add ability to change Price tag for sale, etc
|
|
13
|
-
// Should be about 4 variants
|
|
14
|
-
// 2 for 100:-
|
|
15
|
-
// 22 25/st
|
|
16
|
-
var PriceTag = function (_a) {
|
|
17
|
-
var splash = _a.splash, price = _a.price, color = _a.color;
|
|
18
|
-
return (React__default["default"].createElement(PriceTag_styles.PriceTagWrapper, { splash: splash },
|
|
19
|
-
React__default["default"].createElement(PriceTag_styles.Text, { splash: splash, color: color }, price)));
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
exports.PriceTag = PriceTag;
|
|
23
|
-
//# sourceMappingURL=PriceTag.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PriceTag.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _tslib = require('../../../../_virtual/_tslib.js');
|
|
6
|
-
var styled = require('styled-components');
|
|
7
|
-
|
|
8
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
-
|
|
10
|
-
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
11
|
-
|
|
12
|
-
var PriceTagWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n background: url(", ");\n padding: ", "px\n ", "px;\n float: right;\n\n @media (max-width: ", "px) {\n min-height: 70%;\n justify-self: flex-end;\n }\n"], ["\n background: url(", ");\n padding: ", "px\n ", "px;\n float: right;\n\n @media (max-width: ", "px) {\n min-height: 70%;\n justify-self: flex-end;\n }\n"])), function (props) { return (props.splash ? props.splash : 'none'); }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.spacings) === null || _b === void 0 ? void 0 : _b.xxs; }, function (props) { var _a; return (_a = props === null || props === void 0 ? void 0 : props.theme.constants) === null || _a === void 0 ? void 0 : _a.priceSplashHorizontalPadding; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.xs; });
|
|
13
|
-
var Text = styled__default["default"].h1(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n color: ", ";\n font-size: ", "px;\n"], ["\n color: ", ";\n font-size: ", "px;\n"])), function (props) { return props.color; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.l1; });
|
|
14
|
-
var templateObject_1, templateObject_2;
|
|
15
|
-
|
|
16
|
-
exports.PriceTagWrapper = PriceTagWrapper;
|
|
17
|
-
exports.Text = Text;
|
|
18
|
-
//# sourceMappingURL=PriceTag.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PriceTag.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { PriceTagWrapper, Text } from './PriceTag.styles.js';
|
|
3
|
-
|
|
4
|
-
// Add ability to change Price tag for sale, etc
|
|
5
|
-
// Should be about 4 variants
|
|
6
|
-
// 2 for 100:-
|
|
7
|
-
// 22 25/st
|
|
8
|
-
var PriceTag = function (_a) {
|
|
9
|
-
var splash = _a.splash, price = _a.price, color = _a.color;
|
|
10
|
-
return (React.createElement(PriceTagWrapper, { splash: splash },
|
|
11
|
-
React.createElement(Text, { splash: splash, color: color }, price)));
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export { PriceTag };
|
|
15
|
-
//# sourceMappingURL=PriceTag.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PriceTag.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
|
|
2
|
-
import styled from 'styled-components';
|
|
3
|
-
|
|
4
|
-
var PriceTagWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: url(", ");\n padding: ", "px\n ", "px;\n float: right;\n\n @media (max-width: ", "px) {\n min-height: 70%;\n justify-self: flex-end;\n }\n"], ["\n background: url(", ");\n padding: ", "px\n ", "px;\n float: right;\n\n @media (max-width: ", "px) {\n min-height: 70%;\n justify-self: flex-end;\n }\n"])), function (props) { return (props.splash ? props.splash : 'none'); }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.spacings) === null || _b === void 0 ? void 0 : _b.xxs; }, function (props) { var _a; return (_a = props === null || props === void 0 ? void 0 : props.theme.constants) === null || _a === void 0 ? void 0 : _a.priceSplashHorizontalPadding; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.xs; });
|
|
5
|
-
var Text = styled.h1(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n color: ", ";\n font-size: ", "px;\n"], ["\n color: ", ";\n font-size: ", "px;\n"])), function (props) { return props.color; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.l1; });
|
|
6
|
-
var templateObject_1, templateObject_2;
|
|
7
|
-
|
|
8
|
-
export { PriceTagWrapper, Text };
|
|
9
|
-
//# sourceMappingURL=PriceTag.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PriceTag.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|