@citygross/components 0.8.29 → 0.8.30

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 (11) hide show
  1. package/build/@types/components/Links/Link.d.ts +3 -3
  2. package/build/@types/components/Links/Link.styles.d.ts +9 -10
  3. package/build/cjs/components/src/components/CouponCode/CouponCode.js +1 -1
  4. package/build/cjs/components/src/components/Links/Link.js +9 -9
  5. package/build/cjs/components/src/components/Links/Link.styles.js +3 -3
  6. package/build/cjs/components/src/index.js +2 -2
  7. package/build/es/components/src/components/CouponCode/CouponCode.js +2 -2
  8. package/build/es/components/src/components/Links/Link.js +10 -10
  9. package/build/es/components/src/components/Links/Link.styles.js +4 -4
  10. package/build/es/components/src/index.js +1 -1
  11. package/package.json +2 -2
package/build/@types/components/Links/Link.d.ts CHANGED
@@ -22,11 +22,11 @@ export declare type TLink = {
22
22
  tabIndex?: number;
23
23
  inverted?: boolean;
24
24
  asButton?: boolean;
25
- linkType?: ELinkType;
25
+ variant?: ELinkVariant;
26
26
  };
27
- export declare enum ELinkType {
27
+ export declare enum ELinkVariant {
28
28
  PRIMARY = "primary",
29
29
  SECONDARY = "secondary",
30
30
  TERTIARY = "tertiary"
31
31
  }
32
- export declare function Link({ isDisabled, noWrap, onClick, hrefPath, icon, size, target, borderRadius, tabIndex, inverted, children, asButton, linkType, ...props }: TLink): JSX.Element;
32
+ export declare function Link({ isDisabled, noWrap, onClick, hrefPath, icon, size, target, borderRadius, tabIndex, inverted, children, asButton, variant, ...props }: TLink): JSX.Element;
package/build/@types/components/Links/Link.styles.d.ts CHANGED
@@ -1,18 +1,17 @@
1
- import { DefaultTheme } from 'styled-components';
2
- import { ELinkType, TLink } from './Link';
1
+ import { ELinkVariant, TLink } from './Link';
3
2
  declare type TBaseLinkButton = Omit<TLink, 'color'> & {
4
3
  borderRadius?: number;
5
4
  };
6
- export declare const PrimaryLink: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<TBaseLinkButton, DefaultTheme>>;
7
- export declare const SecondaryLink: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<TBaseLinkButton, DefaultTheme>>;
8
- export declare const TertiaryLink: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<TBaseLinkButton, DefaultTheme>>;
9
- export declare const mapToType: (type?: ELinkType) => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<TBaseLinkButton, DefaultTheme>>;
10
- export declare const LinkStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<TBaseLinkButton, DefaultTheme>>;
11
- export declare const BaseLink: import("styled-components").StyledComponent<"a", DefaultTheme, Omit<TLink, "color"> & {
5
+ export declare const PrimaryLink: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<TBaseLinkButton, import("styled-components").DefaultTheme>>;
6
+ export declare const SecondaryLink: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<TBaseLinkButton, import("styled-components").DefaultTheme>>;
7
+ export declare const TertiaryLink: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<TBaseLinkButton, import("styled-components").DefaultTheme>>;
8
+ export declare const mapToType: (type?: ELinkVariant) => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<TBaseLinkButton, import("styled-components").DefaultTheme>>;
9
+ export declare const LinkStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<TBaseLinkButton, import("styled-components").DefaultTheme>>;
10
+ export declare const BaseLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Omit<TLink, "color"> & {
12
11
  borderRadius?: number | undefined;
13
12
  }, never>;
14
- export declare const IconWrapper: import("styled-components").StyledComponent<"span", DefaultTheme, {}, never>;
15
- export declare const LinkAsButton: import("styled-components").StyledComponent<"button", DefaultTheme, Omit<TLink, "color"> & {
13
+ export declare const IconWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
14
+ export declare const LinkAsButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, Omit<TLink, "color"> & {
16
15
  borderRadius?: number | undefined;
17
16
  }, never>;
18
17
  export {};
package/build/cjs/components/src/components/CouponCode/CouponCode.js CHANGED
@@ -53,7 +53,7 @@ function CouponCode(_a) {
53
53
  React__default["default"].createElement(CouponCode_styles.CouponResultMessage, null,
54
54
  React__default["default"].createElement(CouponResultIcon, { status: status === null || status === void 0 ? void 0 : status.status }),
55
55
  React__default["default"].createElement("p", null, status === null || status === void 0 ? void 0 : status.message)),
56
- React__default["default"].createElement(Link.Link, { asButton: true, linkType: Link.ELinkType.TERTIARY, size: typography.TextTypes.TextSize.SMALL, onClick: function () { return onReset(); } }, resetLabel)))))));
56
+ React__default["default"].createElement(Link.Link, { asButton: true, variant: Link.ELinkVariant.TERTIARY, size: typography.TextTypes.TextSize.SMALL, onClick: function () { return onReset(); } }, resetLabel)))))));
57
57
  }
58
58
 
59
59
  exports.CouponCode = CouponCode;
package/build/cjs/components/src/components/Links/Link.js CHANGED
@@ -21,21 +21,21 @@ exports.LinkColors = void 0;
21
21
  LinkColors[LinkColors["link"] = 0] = "link";
22
22
  LinkColors[LinkColors["black"] = 1] = "black";
23
23
  })(exports.LinkColors || (exports.LinkColors = {}));
24
- exports.ELinkType = void 0;
25
- (function (ELinkType) {
26
- ELinkType["PRIMARY"] = "primary";
27
- ELinkType["SECONDARY"] = "secondary";
28
- ELinkType["TERTIARY"] = "tertiary";
29
- })(exports.ELinkType || (exports.ELinkType = {}));
24
+ exports.ELinkVariant = void 0;
25
+ (function (ELinkVariant) {
26
+ ELinkVariant["PRIMARY"] = "primary";
27
+ ELinkVariant["SECONDARY"] = "secondary";
28
+ ELinkVariant["TERTIARY"] = "tertiary";
29
+ })(exports.ELinkVariant || (exports.ELinkVariant = {}));
30
30
  function Link(_a) {
31
- var isDisabled = _a.isDisabled, noWrap = _a.noWrap, onClick = _a.onClick, hrefPath = _a.hrefPath, icon = _a.icon, _b = _a.size, size = _b === void 0 ? typography.TextTypes.TextSize.REGULAR : _b, _c = _a.target, target = _c === void 0 ? '_self' : _c, borderRadius = _a.borderRadius, _d = _a.tabIndex, tabIndex = _d === void 0 ? 0 : _d, _e = _a.inverted, inverted = _e === void 0 ? false : _e, children = _a.children, asButton = _a.asButton, _f = _a.linkType, linkType = _f === void 0 ? exports.ELinkType.PRIMARY : _f, props = _tslib.__rest(_a, ["isDisabled", "noWrap", "onClick", "hrefPath", "icon", "size", "target", "borderRadius", "tabIndex", "inverted", "children", "asButton", "linkType"]);
32
- return asButton ? (React__default["default"].createElement(Link_styles.LinkAsButton, _tslib.__assign({ tabIndex: isDisabled ? -1 : tabIndex, isDisabled: isDisabled, noWrap: noWrap, linkType: linkType, onClick: onClick, onKeyDown: function (event) {
31
+ var isDisabled = _a.isDisabled, noWrap = _a.noWrap, onClick = _a.onClick, hrefPath = _a.hrefPath, icon = _a.icon, _b = _a.size, size = _b === void 0 ? typography.TextTypes.TextSize.REGULAR : _b, _c = _a.target, target = _c === void 0 ? '_self' : _c, borderRadius = _a.borderRadius, _d = _a.tabIndex, tabIndex = _d === void 0 ? 0 : _d, _e = _a.inverted, inverted = _e === void 0 ? false : _e, children = _a.children, asButton = _a.asButton, _f = _a.variant, variant = _f === void 0 ? exports.ELinkVariant.PRIMARY : _f, props = _tslib.__rest(_a, ["isDisabled", "noWrap", "onClick", "hrefPath", "icon", "size", "target", "borderRadius", "tabIndex", "inverted", "children", "asButton", "variant"]);
32
+ return asButton ? (React__default["default"].createElement(Link_styles.LinkAsButton, _tslib.__assign({ tabIndex: isDisabled ? -1 : tabIndex, isDisabled: isDisabled, noWrap: noWrap, variant: variant, onClick: onClick, onKeyDown: function (event) {
33
33
  if (event.key === 'Enter') {
34
34
  onClick && onClick();
35
35
  }
36
36
  }, size: size, icon: icon, borderRadius: borderRadius, inverted: inverted }, props),
37
37
  React__default["default"].createElement(typography.LinkText, { size: size }, children),
38
- icon && React__default["default"].createElement(Link_styles.IconWrapper, null, icon))) : (React__default["default"].createElement(Link_styles.BaseLink, _tslib.__assign({ tabIndex: isDisabled ? -1 : tabIndex, href: hrefPath, isDisabled: isDisabled, linkType: linkType, noWrap: noWrap, onClick: onClick, onKeyDown: function (event) {
38
+ icon && React__default["default"].createElement(Link_styles.IconWrapper, null, icon))) : (React__default["default"].createElement(Link_styles.BaseLink, _tslib.__assign({ tabIndex: isDisabled ? -1 : tabIndex, href: hrefPath, isDisabled: isDisabled, variant: variant, noWrap: noWrap, onClick: onClick, onKeyDown: function (event) {
39
39
  if (event.key === 'Enter') {
40
40
  onClick && onClick();
41
41
  }
package/build/cjs/components/src/components/Links/Link.styles.js CHANGED
@@ -52,9 +52,9 @@ var SecondaryLink = styled.css(templateObject_2 || (templateObject_2 = _tslib.__
52
52
  var TertiaryLink = styled.css(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n ", ";\n text-decoration: underline;\n"], ["\n ", ";\n text-decoration: underline;\n"])), SecondaryLink);
53
53
  var mapToType = function (type) {
54
54
  switch (type) {
55
- case Link.ELinkType.SECONDARY:
55
+ case Link.ELinkVariant.SECONDARY:
56
56
  return SecondaryLink;
57
- case Link.ELinkType.TERTIARY:
57
+ case Link.ELinkVariant.TERTIARY:
58
58
  return TertiaryLink;
59
59
  default:
60
60
  return PrimaryLink;
@@ -73,7 +73,7 @@ var LinkStyle = styled.css(templateObject_4 || (templateObject_4 = _tslib.__make
73
73
  return (props === null || props === void 0 ? void 0 : props.borderRadius) || (props === null || props === void 0 ? void 0 : props.borderRadius) === 0
74
74
  ? props.borderRadius
75
75
  : (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.extraSmall;
76
- }, function (props) { return mapToType(props.linkType); }, global_styles.focusVisible);
76
+ }, function (props) { return mapToType(props.variant); }, global_styles.focusVisible);
77
77
  var BaseLink = styled__default["default"].a(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), LinkStyle);
78
78
  var IconWrapper = styled__default["default"].span(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n display: flex;\n flex: 1;\n justify-content: flex-end;\n"], ["\n display: flex;\n flex: 1;\n justify-content: flex-end;\n"])));
79
79
  var LinkAsButton = styled__default["default"].button(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n outline: none;\n border: none;\n background: transparent;\n display: flex;\n ", "\n"], ["\n outline: none;\n border: none;\n background: transparent;\n display: flex;\n ", "\n"])), LinkStyle);
package/build/cjs/components/src/index.js CHANGED
@@ -140,9 +140,9 @@ exports.InfoWithButtonBlock = InfoTextBlock.InfoWithButtonBlock;
140
140
  exports.LayoutBox = LayoutBox.LayoutBox;
141
141
  exports.ListItem = ListItem.ListItem;
142
142
  exports.ListItemWithRadio = ListItemWithRadio.ListItemWithRadio;
143
- Object.defineProperty(exports, 'ELinkType', {
143
+ Object.defineProperty(exports, 'ELinkVariant', {
144
144
  enumerable: true,
145
- get: function () { return Link.ELinkType; }
145
+ get: function () { return Link.ELinkVariant; }
146
146
  });
147
147
  exports.Link = Link.Link;
148
148
  Object.defineProperty(exports, 'LinkColors', {
package/build/es/components/src/components/CouponCode/CouponCode.js CHANGED
@@ -3,7 +3,7 @@ import { CouponContainer, CouponInputContainer, CouponInput, CouponResultContain
3
3
  import { CgButton, EButtonVariant, ECgButtonSize } from '../CgButton/CgButton.js';
4
4
  import { Icons } from '@citygross/icons';
5
5
  import { theme } from '@citygross/design-tokens';
6
- import { Link, ELinkType } from '../Links/Link.js';
6
+ import { Link, ELinkVariant } from '../Links/Link.js';
7
7
  import { TextTypes } from '@citygross/typography';
8
8
 
9
9
  var ECouponCodeStatus;
@@ -45,7 +45,7 @@ function CouponCode(_a) {
45
45
  React.createElement(CouponResultMessage, null,
46
46
  React.createElement(CouponResultIcon, { status: status === null || status === void 0 ? void 0 : status.status }),
47
47
  React.createElement("p", null, status === null || status === void 0 ? void 0 : status.message)),
48
- React.createElement(Link, { asButton: true, linkType: ELinkType.TERTIARY, size: TextTypes.TextSize.SMALL, onClick: function () { return onReset(); } }, resetLabel)))))));
48
+ React.createElement(Link, { asButton: true, variant: ELinkVariant.TERTIARY, size: TextTypes.TextSize.SMALL, onClick: function () { return onReset(); } }, resetLabel)))))));
49
49
  }
50
50
 
51
51
  export { CouponCode, ECouponCodeStatus };
package/build/es/components/src/components/Links/Link.js CHANGED
@@ -13,21 +13,21 @@ var LinkColors;
13
13
  LinkColors[LinkColors["link"] = 0] = "link";
14
14
  LinkColors[LinkColors["black"] = 1] = "black";
15
15
  })(LinkColors || (LinkColors = {}));
16
- var ELinkType;
17
- (function (ELinkType) {
18
- ELinkType["PRIMARY"] = "primary";
19
- ELinkType["SECONDARY"] = "secondary";
20
- ELinkType["TERTIARY"] = "tertiary";
21
- })(ELinkType || (ELinkType = {}));
16
+ var ELinkVariant;
17
+ (function (ELinkVariant) {
18
+ ELinkVariant["PRIMARY"] = "primary";
19
+ ELinkVariant["SECONDARY"] = "secondary";
20
+ ELinkVariant["TERTIARY"] = "tertiary";
21
+ })(ELinkVariant || (ELinkVariant = {}));
22
22
  function Link(_a) {
23
- var isDisabled = _a.isDisabled, noWrap = _a.noWrap, onClick = _a.onClick, hrefPath = _a.hrefPath, icon = _a.icon, _b = _a.size, size = _b === void 0 ? TextTypes.TextSize.REGULAR : _b, _c = _a.target, target = _c === void 0 ? '_self' : _c, borderRadius = _a.borderRadius, _d = _a.tabIndex, tabIndex = _d === void 0 ? 0 : _d, _e = _a.inverted, inverted = _e === void 0 ? false : _e, children = _a.children, asButton = _a.asButton, _f = _a.linkType, linkType = _f === void 0 ? ELinkType.PRIMARY : _f, props = __rest(_a, ["isDisabled", "noWrap", "onClick", "hrefPath", "icon", "size", "target", "borderRadius", "tabIndex", "inverted", "children", "asButton", "linkType"]);
24
- return asButton ? (React.createElement(LinkAsButton, __assign({ tabIndex: isDisabled ? -1 : tabIndex, isDisabled: isDisabled, noWrap: noWrap, linkType: linkType, onClick: onClick, onKeyDown: function (event) {
23
+ var isDisabled = _a.isDisabled, noWrap = _a.noWrap, onClick = _a.onClick, hrefPath = _a.hrefPath, icon = _a.icon, _b = _a.size, size = _b === void 0 ? TextTypes.TextSize.REGULAR : _b, _c = _a.target, target = _c === void 0 ? '_self' : _c, borderRadius = _a.borderRadius, _d = _a.tabIndex, tabIndex = _d === void 0 ? 0 : _d, _e = _a.inverted, inverted = _e === void 0 ? false : _e, children = _a.children, asButton = _a.asButton, _f = _a.variant, variant = _f === void 0 ? ELinkVariant.PRIMARY : _f, props = __rest(_a, ["isDisabled", "noWrap", "onClick", "hrefPath", "icon", "size", "target", "borderRadius", "tabIndex", "inverted", "children", "asButton", "variant"]);
24
+ return asButton ? (React.createElement(LinkAsButton, __assign({ tabIndex: isDisabled ? -1 : tabIndex, isDisabled: isDisabled, noWrap: noWrap, variant: variant, onClick: onClick, onKeyDown: function (event) {
25
25
  if (event.key === 'Enter') {
26
26
  onClick && onClick();
27
27
  }
28
28
  }, size: size, icon: icon, borderRadius: borderRadius, inverted: inverted }, props),
29
29
  React.createElement(LinkText, { size: size }, children),
30
- icon && React.createElement(IconWrapper, null, icon))) : (React.createElement(BaseLink, __assign({ tabIndex: isDisabled ? -1 : tabIndex, href: hrefPath, isDisabled: isDisabled, linkType: linkType, noWrap: noWrap, onClick: onClick, onKeyDown: function (event) {
30
+ icon && React.createElement(IconWrapper, null, icon))) : (React.createElement(BaseLink, __assign({ tabIndex: isDisabled ? -1 : tabIndex, href: hrefPath, isDisabled: isDisabled, variant: variant, noWrap: noWrap, onClick: onClick, onKeyDown: function (event) {
31
31
  if (event.key === 'Enter') {
32
32
  onClick && onClick();
33
33
  }
@@ -36,5 +36,5 @@ function Link(_a) {
36
36
  icon && React.createElement(IconWrapper, null, icon)));
37
37
  }
38
38
 
39
- export { ELinkType, Link, LinkColors, LinkSize };
39
+ export { ELinkVariant, Link, LinkColors, LinkSize };
40
40
  //# sourceMappingURL=Link.js.map
package/build/es/components/src/components/Links/Link.styles.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
2
2
  import styled, { css } from 'styled-components';
3
- import { ELinkType } from './Link.js';
3
+ import { ELinkVariant } from './Link.js';
4
4
  import { focusVisible } from '../../shared/global.styles.js';
5
5
 
6
6
  var PrimaryLink = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n text-decoration: underline;\n\n &:hover {\n ", "\n }\n &:active {\n color: ", ";\n }\n"], ["\n color: ", ";\n text-decoration: underline;\n\n &:hover {\n ", "\n }\n &:active {\n color: ", ";\n }\n"])), function (props) {
@@ -44,9 +44,9 @@ var SecondaryLink = css(templateObject_2 || (templateObject_2 = __makeTemplateOb
44
44
  var TertiaryLink = css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n text-decoration: underline;\n"], ["\n ", ";\n text-decoration: underline;\n"])), SecondaryLink);
45
45
  var mapToType = function (type) {
46
46
  switch (type) {
47
- case ELinkType.SECONDARY:
47
+ case ELinkVariant.SECONDARY:
48
48
  return SecondaryLink;
49
- case ELinkType.TERTIARY:
49
+ case ELinkVariant.TERTIARY:
50
50
  return TertiaryLink;
51
51
  default:
52
52
  return PrimaryLink;
@@ -65,7 +65,7 @@ var LinkStyle = css(templateObject_4 || (templateObject_4 = __makeTemplateObject
65
65
  return (props === null || props === void 0 ? void 0 : props.borderRadius) || (props === null || props === void 0 ? void 0 : props.borderRadius) === 0
66
66
  ? props.borderRadius
67
67
  : (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.extraSmall;
68
- }, function (props) { return mapToType(props.linkType); }, focusVisible);
68
+ }, function (props) { return mapToType(props.variant); }, focusVisible);
69
69
  var BaseLink = styled.a(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), LinkStyle);
70
70
  var IconWrapper = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n flex: 1;\n justify-content: flex-end;\n"], ["\n display: flex;\n flex: 1;\n justify-content: flex-end;\n"])));
71
71
  var LinkAsButton = styled.button(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n outline: none;\n border: none;\n background: transparent;\n display: flex;\n ", "\n"], ["\n outline: none;\n border: none;\n background: transparent;\n display: flex;\n ", "\n"])), LinkStyle);
package/build/es/components/src/index.js CHANGED
@@ -37,7 +37,7 @@ export { InfoWithButtonBlock } from './components/InfoTextBlock/InfoTextBlock.js
37
37
  export { LayoutBox } from './components/LayoutBox/LayoutBox.js';
38
38
  export { ListItem } from './components/ListItem/ListItem.js';
39
39
  export { ListItemWithRadio } from './components/ListItemWithRadio/ListItemWithRadio.js';
40
- export { ELinkType, Link, LinkColors, LinkSize } from './components/Links/Link.js';
40
+ export { ELinkVariant, Link, LinkColors, LinkSize } from './components/Links/Link.js';
41
41
  export { Modal } from './components/Modal/Modal.js';
42
42
  export { RadioBoxItem } from './components/RadioBox/RadioBoxItem.js';
43
43
  export { RadioBoxList } from './components/RadioBox/RadioBoxList.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.8.29",
3
+ "version": "0.8.30",
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": "8a7afcbc3a88f68ee511a00613beffd296bbeefb"
79
+ "gitHead": "d50fc3a370c69437bf2d983f928af128655e0a48"
80
80
  }