@citygross/components 0.7.89 → 0.7.91
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/Nav/Nav.js +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/Nav/Nav.js +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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -64,7 +64,7 @@ var Nav = function (_a) {
|
|
|
64
64
|
React__default["default"].createElement(Nav_styles.NavDummySearchContainer, { onClick: function () {
|
|
65
65
|
onSearchClick && onSearchClick();
|
|
66
66
|
} },
|
|
67
|
-
React__default["default"].createElement(SearchBar.SearchBar, { icon: searchIcon, flexGrow: 1, placeholder: searchPlaceHolder })))),
|
|
67
|
+
React__default["default"].createElement(SearchBar.SearchBar, { icon: searchIcon, flexGrow: 1, placeholder: searchPlaceHolder, value: searchValue, onChange: searchOnChange })))),
|
|
68
68
|
rightContent)),
|
|
69
69
|
React__default["default"].createElement(Nav_styles.SearchResultOverlay, { show: searchIsOpen })));
|
|
70
70
|
};
|
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -56,7 +56,7 @@ var Nav = function (_a) {
|
|
|
56
56
|
React.createElement(NavDummySearchContainer, { onClick: function () {
|
|
57
57
|
onSearchClick && onSearchClick();
|
|
58
58
|
} },
|
|
59
|
-
React.createElement(SearchBar, { icon: searchIcon, flexGrow: 1, placeholder: searchPlaceHolder })))),
|
|
59
|
+
React.createElement(SearchBar, { icon: searchIcon, flexGrow: 1, placeholder: searchPlaceHolder, value: searchValue, onChange: searchOnChange })))),
|
|
60
60
|
rightContent)),
|
|
61
61
|
React.createElement(SearchResultOverlay, { show: searchIsOpen })));
|
|
62
62
|
};
|
|
@@ -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.91",
|
|
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": "df7b5f55d1fa1c53becff55dd6f7e7150eca2894"
|
|
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":";;;;;;;;;"}
|