@citygross/components 0.17.10 → 0.17.11
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/WarningLabel/WarningLabel.styles.d.ts +0 -1
- package/build/cjs/components/src/components/AvailabilityLabel/AvailabilityLabel.js +1 -1
- package/build/cjs/components/src/components/WarningLabel/WarningLabel.js +1 -1
- package/build/cjs/components/src/components/WarningLabel/WarningLabel.styles.js +1 -4
- package/build/cjs/components/src/components/WarningLabel/WarningLabel.styles.js.map +1 -1
- package/build/es/components/src/components/AvailabilityLabel/AvailabilityLabel.js +1 -1
- package/build/es/components/src/components/WarningLabel/WarningLabel.js +3 -3
- package/build/es/components/src/components/WarningLabel/WarningLabel.styles.js +2 -4
- package/build/es/components/src/components/WarningLabel/WarningLabel.styles.js.map +1 -1
- package/package.json +2 -2
|
@@ -5,4 +5,3 @@ export declare type TWarningIndicator = {
|
|
|
5
5
|
};
|
|
6
6
|
export declare const WarningIndicator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TWarningIndicator, never>;
|
|
7
7
|
export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
8
|
-
export declare const BodyTextStyled: import("styled-components").StyledComponent<({ as, children, color, fontWeight, size, textAlign, ...props }: import("@citygross/typography").TBodyText) => import("react").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -14,7 +14,7 @@ var AvailabilityLabel = function (_a) {
|
|
|
14
14
|
var label = _a.label, _b = _a.textSize, textSize = _b === void 0 ? typography.TextTypes.TextSize.EXTRASMALL : _b;
|
|
15
15
|
return (React__default["default"].createElement(AvailabilityLabel_styles.Root, null,
|
|
16
16
|
React__default["default"].createElement(AvailabilityLabel_styles.Dot, null),
|
|
17
|
-
React__default["default"].createElement(typography.BodyText, { size: textSize }, label)));
|
|
17
|
+
React__default["default"].createElement(typography.BodyText, { size: textSize, as: "span" }, label)));
|
|
18
18
|
};
|
|
19
19
|
|
|
20
20
|
exports.AvailabilityLabel = AvailabilityLabel;
|
|
@@ -14,7 +14,7 @@ function WarningLabel(_a) {
|
|
|
14
14
|
var text = _a.text, background = _a.background, icon = _a.icon;
|
|
15
15
|
return (React__default["default"].createElement(WarningLabel_styles.WarningIndicator, { background: background },
|
|
16
16
|
icon && React__default["default"].createElement(WarningLabel_styles.IconWrapper, null, icon),
|
|
17
|
-
React__default["default"].createElement(
|
|
17
|
+
React__default["default"].createElement(typography.BodyText, { size: typography.TextTypes.TextSize.TINY }, text)));
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
exports.WarningLabel = WarningLabel;
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _tslib = require('../../../../_virtual/_tslib.js');
|
|
6
|
-
var typography = require('@citygross/typography');
|
|
7
6
|
var styled = require('styled-components');
|
|
8
7
|
|
|
9
8
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -12,10 +11,8 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
|
12
11
|
|
|
13
12
|
var WarningIndicator = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n padding: ", "px\n ", "px;\n background-color: ", ";\n border-radius: ", "px;\n position: relative;\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n width: fit-content;\n"], ["\n padding: ", "px\n ", "px;\n background-color: ", ";\n border-radius: ", "px;\n position: relative;\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n width: fit-content;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { return props.background; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.big; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; });
|
|
14
13
|
var IconWrapper = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n"])));
|
|
15
|
-
var
|
|
16
|
-
var templateObject_1, templateObject_2, templateObject_3;
|
|
14
|
+
var templateObject_1, templateObject_2;
|
|
17
15
|
|
|
18
|
-
exports.BodyTextStyled = BodyTextStyled;
|
|
19
16
|
exports.IconWrapper = IconWrapper;
|
|
20
17
|
exports.WarningIndicator = WarningIndicator;
|
|
21
18
|
//# sourceMappingURL=WarningLabel.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WarningLabel.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WarningLabel.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
|
|
@@ -6,7 +6,7 @@ var AvailabilityLabel = function (_a) {
|
|
|
6
6
|
var label = _a.label, _b = _a.textSize, textSize = _b === void 0 ? TextTypes.TextSize.EXTRASMALL : _b;
|
|
7
7
|
return (React.createElement(Root, null,
|
|
8
8
|
React.createElement(Dot, null),
|
|
9
|
-
React.createElement(BodyText, { size: textSize }, label)));
|
|
9
|
+
React.createElement(BodyText, { size: textSize, as: "span" }, label)));
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
export { AvailabilityLabel };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TextTypes } from '@citygross/typography';
|
|
3
|
-
import { WarningIndicator, IconWrapper
|
|
2
|
+
import { BodyText, TextTypes } from '@citygross/typography';
|
|
3
|
+
import { WarningIndicator, IconWrapper } from './WarningLabel.styles.js';
|
|
4
4
|
|
|
5
5
|
function WarningLabel(_a) {
|
|
6
6
|
var text = _a.text, background = _a.background, icon = _a.icon;
|
|
7
7
|
return (React.createElement(WarningIndicator, { background: background },
|
|
8
8
|
icon && React.createElement(IconWrapper, null, icon),
|
|
9
|
-
React.createElement(
|
|
9
|
+
React.createElement(BodyText, { size: TextTypes.TextSize.TINY }, text)));
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
export { WarningLabel };
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
|
|
2
|
-
import { BodyText } from '@citygross/typography';
|
|
3
2
|
import styled from 'styled-components';
|
|
4
3
|
|
|
5
4
|
var WarningIndicator = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: ", "px\n ", "px;\n background-color: ", ";\n border-radius: ", "px;\n position: relative;\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n width: fit-content;\n"], ["\n padding: ", "px\n ", "px;\n background-color: ", ";\n border-radius: ", "px;\n position: relative;\n display: flex;\n align-items: flex-start;\n gap: ", "px;\n width: fit-content;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { return props.background; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.big; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; });
|
|
6
5
|
var IconWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n"])));
|
|
7
|
-
var
|
|
8
|
-
var templateObject_1, templateObject_2, templateObject_3;
|
|
6
|
+
var templateObject_1, templateObject_2;
|
|
9
7
|
|
|
10
|
-
export {
|
|
8
|
+
export { IconWrapper, WarningIndicator };
|
|
11
9
|
//# sourceMappingURL=WarningLabel.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WarningLabel.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WarningLabel.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@citygross/components",
|
|
3
|
-
"version": "0.17.
|
|
3
|
+
"version": "0.17.11",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "./build/cjs/components/src/index.js",
|
|
@@ -76,5 +76,5 @@
|
|
|
76
76
|
"react-slick": "^0.30.1",
|
|
77
77
|
"slick-carousel": "^1.8.1"
|
|
78
78
|
},
|
|
79
|
-
"gitHead": "
|
|
79
|
+
"gitHead": "d1224ee4e015cf7efc3739beefc37e5f6132d63b"
|
|
80
80
|
}
|