@citygross/components 0.8.110 → 0.8.111

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 (9) hide show
  1. package/build/@types/components/DotIndicator/DotIndicator.d.ts +2 -1
  2. package/build/@types/components/DotIndicator/DotIndicator.styles.d.ts +2 -5
  3. package/build/cjs/components/src/components/DotIndicator/DotIndicator.js +5 -5
  4. package/build/cjs/components/src/components/DotIndicator/DotIndicator.styles.js +17 -1
  5. package/build/cjs/components/src/components/DotIndicator/DotIndicator.styles.js.map +1 -1
  6. package/build/es/components/src/components/DotIndicator/DotIndicator.js +5 -5
  7. package/build/es/components/src/components/DotIndicator/DotIndicator.styles.js +17 -1
  8. package/build/es/components/src/components/DotIndicator/DotIndicator.styles.js.map +1 -1
  9. package/package.json +3 -3
package/build/@types/components/DotIndicator/DotIndicator.d.ts CHANGED
@@ -2,5 +2,6 @@
2
2
  export declare type TDot = {
3
3
  color?: string;
4
4
  shadow?: string;
5
+ size?: number;
5
6
  };
6
- export declare function Dot({ color, shadow }: TDot): JSX.Element;
7
+ export declare const Dot: ({ color, shadow, size }: TDot) => JSX.Element;
package/build/@types/components/DotIndicator/DotIndicator.styles.d.ts CHANGED
@@ -1,5 +1,2 @@
1
- export declare type TBaseDot = {
2
- color?: string;
3
- shadow?: string;
4
- };
5
- export declare const Dot: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, TBaseDot, never>;
1
+ import { TDot } from './DotIndicator';
2
+ export declare const Dot: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, TDot, never>;
package/build/cjs/components/src/components/DotIndicator/DotIndicator.js CHANGED
@@ -10,11 +10,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
10
10
 
11
11
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
12
 
13
- function Dot(_a) {
14
- var _b;
15
- var _c = _a.color, color = _c === void 0 ? (_b = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.white : _c, shadow = _a.shadow;
16
- return React__default["default"].createElement(DotIndicator_styles.Dot, { color: color, shadow: shadow });
17
- }
13
+ var Dot = function (_a) {
14
+ var _b, _c;
15
+ var _d = _a.color, color = _d === void 0 ? (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.white : _d, shadow = _a.shadow, _e = _a.size, size = _e === void 0 ? (_c = designTokens.theme.spacings) === null || _c === void 0 ? void 0 : _c.xs : _e;
16
+ return React__default["default"].createElement(DotIndicator_styles.Dot, { color: color, shadow: shadow, size: size });
17
+ };
18
18
 
19
19
  exports.Dot = Dot;
20
20
  //# sourceMappingURL=DotIndicator.js.map
package/build/cjs/components/src/components/DotIndicator/DotIndicator.styles.js CHANGED
@@ -9,7 +9,23 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
9
9
 
10
10
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
11
11
 
12
- var Dot = styled__default["default"].span(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n height: ", "px;\n width: ", "px;\n min-width: ", "px;\n display: inline-block;\n border-radius: 50%;\n background: ", ";\n ", ";\n"], ["\n height: ", "px;\n width: ", "px;\n min-width: ", "px;\n display: inline-block;\n border-radius: 50%;\n background: ", ";\n ", ";\n"])), function (props) { var _a, _b; return (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.spacings) === null || _b === void 0 ? void 0 : _b.xs; }, function (props) { var _a, _b; return (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.spacings) === null || _b === void 0 ? void 0 : _b.xs; }, function (props) { var _a, _b; return (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.spacings) === null || _b === void 0 ? void 0 : _b.xs; }, function (props) { return props.color; }, function (props) { return props.shadow && "box-shadow: 0 0 0 2px ".concat(props.shadow, " "); });
12
+ var Dot = styled__default["default"].span(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n background: ", ";\n border-radius: 50%;\n ", ";\n display: inline-block;\n height: ", "px;\n width: ", "px;\n min-width: ", "px;\n"], ["\n background: ", ";\n border-radius: 50%;\n ", ";\n display: inline-block;\n height: ", "px;\n width: ", "px;\n min-width: ", "px;\n"])), function (_a) {
13
+ var color = _a.color;
14
+ return color;
15
+ }, function (_a) {
16
+ var shadow = _a.shadow;
17
+ return shadow && "box-shadow: 0 0 0 2px ".concat(shadow, " ");
18
+ }, function (_a) {
19
+ var size = _a.size;
20
+ return size;
21
+ }, function (_a) {
22
+ var size = _a.size;
23
+ return size;
24
+ }, function (_a) {
25
+ var _b;
26
+ var theme = _a.theme;
27
+ return (_b = theme === null || theme === void 0 ? void 0 : theme.spacings) === null || _b === void 0 ? void 0 : _b.xs;
28
+ });
13
29
  var templateObject_1;
14
30
 
15
31
  exports.Dot = Dot;
package/build/cjs/components/src/components/DotIndicator/DotIndicator.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DotIndicator.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"DotIndicator.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/DotIndicator/DotIndicator.js CHANGED
@@ -2,11 +2,11 @@ import React from 'react';
2
2
  import { theme } from '@citygross/design-tokens';
3
3
  import { Dot as Dot$1 } from './DotIndicator.styles.js';
4
4
 
5
- function Dot(_a) {
6
- var _b;
7
- var _c = _a.color, color = _c === void 0 ? (_b = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _b === void 0 ? void 0 : _b.white : _c, shadow = _a.shadow;
8
- return React.createElement(Dot$1, { color: color, shadow: shadow });
9
- }
5
+ var Dot = function (_a) {
6
+ var _b, _c;
7
+ var _d = _a.color, color = _d === void 0 ? (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.white : _d, shadow = _a.shadow, _e = _a.size, size = _e === void 0 ? (_c = theme.spacings) === null || _c === void 0 ? void 0 : _c.xs : _e;
8
+ return React.createElement(Dot$1, { color: color, shadow: shadow, size: size });
9
+ };
10
10
 
11
11
  export { Dot };
12
12
  //# sourceMappingURL=DotIndicator.js.map
package/build/es/components/src/components/DotIndicator/DotIndicator.styles.js CHANGED
@@ -1,7 +1,23 @@
1
1
  import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
2
2
  import styled from 'styled-components';
3
3
 
4
- var Dot = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: ", "px;\n width: ", "px;\n min-width: ", "px;\n display: inline-block;\n border-radius: 50%;\n background: ", ";\n ", ";\n"], ["\n height: ", "px;\n width: ", "px;\n min-width: ", "px;\n display: inline-block;\n border-radius: 50%;\n background: ", ";\n ", ";\n"])), function (props) { var _a, _b; return (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.spacings) === null || _b === void 0 ? void 0 : _b.xs; }, function (props) { var _a, _b; return (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.spacings) === null || _b === void 0 ? void 0 : _b.xs; }, function (props) { var _a, _b; return (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.spacings) === null || _b === void 0 ? void 0 : _b.xs; }, function (props) { return props.color; }, function (props) { return props.shadow && "box-shadow: 0 0 0 2px ".concat(props.shadow, " "); });
4
+ var Dot = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: ", ";\n border-radius: 50%;\n ", ";\n display: inline-block;\n height: ", "px;\n width: ", "px;\n min-width: ", "px;\n"], ["\n background: ", ";\n border-radius: 50%;\n ", ";\n display: inline-block;\n height: ", "px;\n width: ", "px;\n min-width: ", "px;\n"])), function (_a) {
5
+ var color = _a.color;
6
+ return color;
7
+ }, function (_a) {
8
+ var shadow = _a.shadow;
9
+ return shadow && "box-shadow: 0 0 0 2px ".concat(shadow, " ");
10
+ }, function (_a) {
11
+ var size = _a.size;
12
+ return size;
13
+ }, function (_a) {
14
+ var size = _a.size;
15
+ return size;
16
+ }, function (_a) {
17
+ var _b;
18
+ var theme = _a.theme;
19
+ return (_b = theme === null || theme === void 0 ? void 0 : theme.spacings) === null || _b === void 0 ? void 0 : _b.xs;
20
+ });
5
21
  var templateObject_1;
6
22
 
7
23
  export { Dot };
package/build/es/components/src/components/DotIndicator/DotIndicator.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DotIndicator.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
1
+ {"version":3,"file":"DotIndicator.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.8.110",
3
+ "version": "0.8.111",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -68,7 +68,7 @@
68
68
  "@citygross/design-tokens": "^0.2.72",
69
69
  "@citygross/icons": "^0.1.13",
70
70
  "@citygross/react-use-bg-wizard": "^0.0.8",
71
- "@citygross/typography": "^0.0.104",
71
+ "@citygross/typography": "^0.0.105",
72
72
  "@citygross/utils": "^0.0.42",
73
73
  "framer-motion": "^4.1.17",
74
74
  "moment": "^2.29.1",
@@ -76,5 +76,5 @@
76
76
  "react-slick": "^0.30.1",
77
77
  "slick-carousel": "^1.8.1"
78
78
  },
79
- "gitHead": "056f85fe2d29db83a69b1644896f4c4cbbed786a"
79
+ "gitHead": "c120c5f8f76cca72c6f58387858537e50313e77b"
80
80
  }