glints-aries 4.0.287 → 4.0.288

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 (25) hide show
  1. package/es/@next/Avatar/Avatar.d.ts +2 -2
  2. package/es/@next/Badge/Badge.d.ts +1 -1
  3. package/es/@next/EmptyState/assets/assets.d.ts +1 -1
  4. package/es/@next/Icon/icons/icons.d.ts +1 -1
  5. package/es/@next/Tooltip/Tooltip.d.ts +1 -1
  6. package/es/@next/Typography/Typography.d.ts +1 -1
  7. package/es/General/Icon/components/InstagramIcon.js +1 -1
  8. package/es/General/Icon/components/MedalIcon.js +19 -19
  9. package/es/Layout/Box/types.d.ts +1 -1
  10. package/es/Layout/Flex/types.d.ts +4 -4
  11. package/es/Utils/Shadow/index.d.ts +1 -1
  12. package/es/types/componentAction.d.ts +2 -1
  13. package/lib/@next/Avatar/Avatar.d.ts +2 -2
  14. package/lib/@next/Badge/Badge.d.ts +1 -1
  15. package/lib/@next/EmptyState/assets/assets.d.ts +1 -1
  16. package/lib/@next/Icon/icons/icons.d.ts +1 -1
  17. package/lib/@next/Tooltip/Tooltip.d.ts +1 -1
  18. package/lib/@next/Typography/Typography.d.ts +1 -1
  19. package/lib/General/Icon/components/InstagramIcon.js +1 -1
  20. package/lib/General/Icon/components/MedalIcon.js +19 -19
  21. package/lib/Layout/Box/types.d.ts +1 -1
  22. package/lib/Layout/Flex/types.d.ts +4 -4
  23. package/lib/Utils/Shadow/index.d.ts +1 -1
  24. package/lib/types/componentAction.d.ts +2 -1
  25. package/package.json +13 -13
package/es/@next/Avatar/Avatar.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  declare const avatarBackgroundColorVariant: readonly ["supplementary", "warning", "danger", "success", "outstanding"];
3
3
  declare const avatarSizeVariant: readonly ["large", "medium"];
4
- export declare type AvatarBackgroundColorVariant = typeof avatarBackgroundColorVariant[number];
5
- export declare type AvatarSizeVariant = typeof avatarSizeVariant[number];
4
+ export declare type AvatarBackgroundColorVariant = (typeof avatarBackgroundColorVariant)[number];
5
+ export declare type AvatarSizeVariant = (typeof avatarSizeVariant)[number];
6
6
  export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
7
7
  variant?: AvatarBackgroundColorVariant;
8
8
  size?: AvatarSizeVariant;
package/es/@next/Badge/Badge.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  declare const badgeStatusVariant: readonly ["neutral", "success", "information", "warning", "critical", "promotion", "enticing", "attention", "primary"];
3
- export declare type BadgeStatusVariant = typeof badgeStatusVariant[number];
3
+ export declare type BadgeStatusVariant = (typeof badgeStatusVariant)[number];
4
4
  export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
5
5
  children?: React.ReactNode;
6
6
  hasBorder?: boolean;
package/es/@next/EmptyState/assets/assets.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export declare const imageNames: readonly ["empty-carton", "empty-mailbox", "safety-cone"];
2
- export declare type ImageName = typeof imageNames[number];
2
+ export declare type ImageName = (typeof imageNames)[number];
3
3
  export declare const imageMapping: Record<ImageName, string>;
package/es/@next/Icon/icons/icons.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { SVGProps } from 'react';
2
2
  export declare const iconNames: readonly ["ri-account-circle-fill", "ri-account-circle-line", "ri-add-circle-fill", "ri-add-circle-line", "ri-add", "ri-alarm-warning-fill", "ri-alarm-warning-line", "ri-arrow-down-fill", "ri-arrow-down-line", "ri-arrow-go-back-fill", "ri-arrow-go-back-line", "ri-arrow-go-forward-fill", "ri-arrow-go-forward-line", "ri-arrow-left-fill", "ri-arrow-left-line", "ri-arrow-left-right-fill", "ri-arrow-left-right-line", "ri-arrow-m-down-fill", "ri-arrow-m-down-line", "ri-arrow-m-left-fill", "ri-arrow-m-left-line", "ri-arrow-m-right-fill", "ri-arrow-m-right-line", "ri-arrow-m-up-fill", "ri-arrow-m-up-line", "ri-arrow-right-fill", "ri-arrow-right-line", "ri-arrow-up-down-fill", "ri-arrow-up-down-line", "ri-arrow-up-fill", "ri-arrow-up-line", "ri-arrow-xs-down-fill", "ri-arrow-xs-up-fill", "ri-bookmark-fill", "ri-bookmark-line", "ri-briefcase-fill", "ri-briefcase-line", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-fill", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-checkbox-line", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-coins-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-equalizer-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-external-link-line", "ri-eye-off-fill", "ri-eye-off-line", "ri-eye-fill", "ri-eye-line", "ri-facebook-circle-fill", "ri-facebook-circle-line", "ri-file-fill", "ri-file-line", "ri-file-list3-fill", "ri-folder-user-fill", "ri-group2-fill", "ri-information-fill", "ri-information-line", "ri-instagram-line", "ri-linkedin-fill", "ri-linkedIn-line", "ri-loader", "ri-mail-line", "ri-more", "ri-map-fill", "ri-map-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-tiktok-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line", "ri-upload-fill", "ri-upload-line", "ri-sparkling2-line", "ri-sparkling2-fill", "ri-money-dollar-circle-fill", "ri-money-dollar-circle-line", "ri-shining2-line", "ri-shining2-fill", "ri-bard-fill", "ri-bard-line", "ri-infinity", "ri-discuss-fill", "ri-discuss-line", "ri-file-copy2-line"];
3
- export declare type IconNames = typeof iconNames[number];
3
+ export declare type IconNames = (typeof iconNames)[number];
4
4
  declare type SVGComponent = (props: SVGProps<SVGSVGElement>) => JSX.Element;
5
5
  export declare const iconsMappingComponent: {
6
6
  [name in IconNames]: SVGComponent;
package/es/@next/Tooltip/Tooltip.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  declare const allPositions: readonly ["top-center", "top-left", "top-right", "bottom-center", "bottom-left", "bottom-right", "right-middle", "right-top", "right-bottom", "left-middle", "left-top", "left-bottom"];
3
- export declare type TooltipPosition = typeof allPositions[number];
3
+ export declare type TooltipPosition = (typeof allPositions)[number];
4
4
  export declare type TooltipProps = {
5
5
  preferredPosition?: TooltipPosition;
6
6
  children: React.ReactNode;
package/es/@next/Typography/Typography.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { ElementType, ReactNode } from 'react';
2
2
  declare const typographyVariant: readonly ["headline1", "headline2", "headline3", "headline4", "headline5", "headline6", "subtitle1", "subtitle2", "body1", "body2", "button", "caption", "overline"];
3
- export declare type Variant = typeof typographyVariant[number];
3
+ export declare type Variant = (typeof typographyVariant)[number];
4
4
  export interface TypographyProps {
5
5
  /** Sets the Typography's element */
6
6
  as?: ElementType;
package/es/General/Icon/components/InstagramIcon.js CHANGED
@@ -5,7 +5,7 @@ import Icon from '../Icon';
5
5
  var InstagramIcon = function InstagramIcon(props) {
6
6
  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
7
7
  d: "M68.75 0h-37.5C13.994 0 0 13.994 0 31.25v37.5C0 86.006 13.994 100 31.25 100h37.5C86.006 100 100 86.006 100 68.75v-37.5C100 13.994 86.006 0 68.75 0zm21.875 68.75c0 12.063-9.813 21.875-21.875 21.875h-37.5c-12.063 0-21.875-9.813-21.875-21.875v-37.5c0-12.063 9.813-21.875 21.875-21.875h37.5c12.063 0 21.875 9.813 21.875 21.875v37.5z"
8
- }), ' ', /*#__PURE__*/React.createElement("path", {
8
+ }), " ", /*#__PURE__*/React.createElement("path", {
9
9
  d: "M52 26c-14.358 0-26 11.642-26 26 0 14.359 11.642 26 26 26 14.359 0 26-11.641 26-26 0-14.358-11.641-26-26-26zm0 42.25c-8.957 0-16.25-7.293-16.25-16.25 0-8.964 7.293-16.25 16.25-16.25S68.25 43.036 68.25 52c0 8.957-7.293 16.25-16.25 16.25z"
10
10
  }), /*#__PURE__*/React.createElement("circle", {
11
11
  cx: "77",
package/es/General/Icon/components/MedalIcon.js CHANGED
@@ -5,99 +5,99 @@ import Icon from '../Icon';
5
5
  var MedalIcon = function MedalIcon(props) {
6
6
  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
7
7
  d: "M27.378,53.429C27.77,53.141,28,52.686,28,52.204V18.531C28,17.684,27.305,17,26.444,17H1.556 C0.695,17,0,17.684,0,18.531v33.673c0,0.481,0.23,0.935,0.622,1.224l11.822,8.724v2.386C5.455,65.303,0,71.145,0,78.224 C0,85.821,6.28,92,14,92s14-6.179,14-13.776c0-7.079-5.455-12.921-12.444-13.685v-2.386L27.378,53.429z M21.778,20.061h3.111 v31.378l-3.111,2.296V20.061z M6.222,53.735l-3.111-2.296V20.061h3.111V53.735z M24.889,78.224 c0,5.907-4.886,10.714-10.889,10.714S3.111,84.131,3.111,78.224S7.997,67.51,14,67.51S24.889,72.318,24.889,78.224z M14,59.474 l-4.667-3.444V20.061h9.333v35.969L14,59.474z"
8
- }), ' ', /*#__PURE__*/React.createElement("path", {
8
+ }), " ", /*#__PURE__*/React.createElement("path", {
9
9
  d: "M61.31,36.631c0.431-0.286,0.69-0.765,0.69-1.279V1.537C62,0.687,61.307,0,60.45,0h-27.9 C31.693,0,31,0.687,31,1.537v33.815c0,0.513,0.259,0.993,0.69,1.279l13.26,8.766v4.9l-3.977,6.574H32.55 c-0.597,0-1.138,0.34-1.397,0.87c-0.257,0.533-0.186,1.165,0.186,1.628l5.427,6.725l-5.427,6.725 c-0.372,0.463-0.443,1.094-0.186,1.628c0.259,0.53,0.8,0.87,1.397,0.87h8.423l4.199,6.94C45.451,82.716,45.954,83,46.5,83 s1.049-0.284,1.328-0.745l4.199-6.94h8.423c0.597,0,1.138-0.34,1.397-0.87c0.257-0.533,0.186-1.165-0.186-1.628l-5.427-6.725 l5.427-6.725c0.372-0.463,0.443-1.094,0.186-1.628c-0.259-0.53-0.8-0.87-1.397-0.87h-8.423l-3.977-6.574v-4.9L61.31,36.631z M55.8,3.074h3.1V34.53l-3.1,2.049V3.074z M37.2,36.578l-3.1-2.049V3.074h3.1V36.578z M49.822,59.197 c0.279,0.463,0.783,0.747,1.328,0.747h6.074l-4.185,5.188c-0.453,0.561-0.453,1.36,0,1.921l4.185,5.188H51.15 c-0.546,0-1.049,0.284-1.328,0.745l-3.322,5.49l-3.322-5.489c-0.279-0.463-0.783-0.747-1.328-0.747h-6.074l4.185-5.188 c0.453-0.561,0.453-1.36,0-1.921l-4.185-5.188h6.074c0.546,0,1.049-0.284,1.328-0.745l3.322-5.49L49.822,59.197z M46.5,42.727 l-6.2-4.099V3.074h12.4v35.553L46.5,42.727z"
10
- }), ' ', /*#__PURE__*/React.createElement("path", {
10
+ }), " ", /*#__PURE__*/React.createElement("path", {
11
11
  d: "M13.5,71C9.365,71,6,74.365,6,78.5S9.365,86,13.5,86s7.5-3.365,7.5-7.5S17.635,71,13.5,71z M13.5,83 C11.019,83,9,80.981,9,78.5s2.019-4.5,4.5-4.5s4.5,2.019,4.5,4.5S15.981,83,13.5,83z"
12
- }), ' ', /*#__PURE__*/React.createElement("path", {
12
+ }), " ", /*#__PURE__*/React.createElement("path", {
13
13
  d: "M91.378,53.429C91.77,53.141,92,52.686,92,52.204V18.531C92,17.684,91.305,17,90.444,17H65.556 C64.695,17,64,17.684,64,18.531v33.673c0,0.481,0.23,0.935,0.622,1.224l11.822,8.724v2.386C69.455,65.303,64,71.145,64,78.224 C64,85.821,70.28,92,78,92s14-6.179,14-13.776c0-7.079-5.455-12.921-12.444-13.685v-2.386L91.378,53.429z M85.778,20.061h3.111 v31.378l-3.111,2.296V20.061z M70.222,53.735l-3.111-2.296V20.061h3.111V53.735z M88.889,78.224 c0,5.907-4.886,10.714-10.889,10.714s-10.889-4.808-10.889-10.714S71.997,67.51,78,67.51S88.889,72.318,88.889,78.224z M78,59.474 l-4.667-3.444V20.061h9.333v35.969L78,59.474z"
14
- }), ' ', /*#__PURE__*/React.createElement("path", {
14
+ }), " ", /*#__PURE__*/React.createElement("path", {
15
15
  d: "M78.5,71c-4.135,0-7.5,3.365-7.5,7.5s3.365,7.5,7.5,7.5s7.5-3.365,7.5-7.5S82.635,71,78.5,71z M78.5,83 c-2.481,0-4.5-2.019-4.5-4.5s2.019-4.5,4.5-4.5s4.5,2.019,4.5,4.5S80.981,83,78.5,83z"
16
- }), ' ', /*#__PURE__*/React.createElement("rect", {
16
+ }), " ", /*#__PURE__*/React.createElement("rect", {
17
17
  id: "Rectangle-path",
18
18
  x: "51",
19
19
  y: "86",
20
20
  width: "3",
21
21
  height: "3"
22
- }), ' ', /*#__PURE__*/React.createElement("rect", {
22
+ }), " ", /*#__PURE__*/React.createElement("rect", {
23
23
  id: "Rectangle-path_1_",
24
24
  x: "44",
25
25
  y: "86",
26
26
  width: "3",
27
27
  height: "3"
28
- }), ' ', /*#__PURE__*/React.createElement("rect", {
28
+ }), " ", /*#__PURE__*/React.createElement("rect", {
29
29
  id: "Rectangle-path_2_",
30
30
  x: "38",
31
31
  y: "86",
32
32
  width: "3",
33
33
  height: "3"
34
- }), ' ', /*#__PURE__*/React.createElement("rect", {
34
+ }), " ", /*#__PURE__*/React.createElement("rect", {
35
35
  id: "Rectangle-path_3_",
36
36
  x: "44",
37
37
  y: "6",
38
38
  width: "3",
39
39
  height: "3"
40
- }), ' ', /*#__PURE__*/React.createElement("rect", {
40
+ }), " ", /*#__PURE__*/React.createElement("rect", {
41
41
  id: "Rectangle-path_4_",
42
42
  x: "44",
43
43
  y: "12",
44
44
  width: "3",
45
45
  height: "3"
46
- }), ' ', /*#__PURE__*/React.createElement("rect", {
46
+ }), " ", /*#__PURE__*/React.createElement("rect", {
47
47
  id: "Rectangle-path_5_",
48
48
  x: "44",
49
49
  y: "18",
50
50
  width: "3",
51
51
  height: "3"
52
- }), ' ', /*#__PURE__*/React.createElement("rect", {
52
+ }), " ", /*#__PURE__*/React.createElement("rect", {
53
53
  id: "Rectangle-path_6_",
54
54
  x: "44",
55
55
  y: "25",
56
56
  width: "3",
57
57
  height: "3"
58
- }), ' ', /*#__PURE__*/React.createElement("rect", {
58
+ }), " ", /*#__PURE__*/React.createElement("rect", {
59
59
  id: "Rectangle-path_7_",
60
60
  x: "44",
61
61
  y: "31",
62
62
  width: "3",
63
63
  height: "3"
64
- }), ' ', /*#__PURE__*/React.createElement("rect", {
64
+ }), " ", /*#__PURE__*/React.createElement("rect", {
65
65
  id: "Rectangle-path_8_",
66
66
  x: "44",
67
67
  y: "37",
68
68
  width: "3",
69
69
  height: "3"
70
- }), ' ', /*#__PURE__*/React.createElement("rect", {
70
+ }), " ", /*#__PURE__*/React.createElement("rect", {
71
71
  id: "Rectangle-path_9_",
72
72
  x: "83",
73
73
  y: "11",
74
74
  width: "3",
75
75
  height: "3"
76
- }), ' ', /*#__PURE__*/React.createElement("rect", {
76
+ }), " ", /*#__PURE__*/React.createElement("rect", {
77
77
  id: "Rectangle-path_10_",
78
78
  x: "77",
79
79
  y: "11",
80
80
  width: "3",
81
81
  height: "3"
82
- }), ' ', /*#__PURE__*/React.createElement("rect", {
82
+ }), " ", /*#__PURE__*/React.createElement("rect", {
83
83
  id: "Rectangle-path_11_",
84
84
  x: "71",
85
85
  y: "11",
86
86
  width: "3",
87
87
  height: "3"
88
- }), ' ', /*#__PURE__*/React.createElement("rect", {
88
+ }), " ", /*#__PURE__*/React.createElement("rect", {
89
89
  id: "Rectangle-path_12_",
90
90
  x: "18",
91
91
  y: "11",
92
92
  width: "3",
93
93
  height: "3"
94
- }), ' ', /*#__PURE__*/React.createElement("rect", {
94
+ }), " ", /*#__PURE__*/React.createElement("rect", {
95
95
  id: "Rectangle-path_13_",
96
96
  x: "12",
97
97
  y: "11",
98
98
  width: "3",
99
99
  height: "3"
100
- }), ' ', /*#__PURE__*/React.createElement("rect", {
100
+ }), " ", /*#__PURE__*/React.createElement("rect", {
101
101
  id: "Rectangle-path_14_",
102
102
  x: "6",
103
103
  y: "11",
package/es/Layout/Box/types.d.ts CHANGED
@@ -2,7 +2,7 @@ import { Spacing } from '../Spacing';
2
2
  import { ShadowValueType } from '../../Utils/Shadow';
3
3
  import { HTMLAttributes } from 'react';
4
4
  export declare type BreakpointAliases = 'default' | 'mobileS' | 'mobileM' | 'mobileL' | 'tablet' | 'desktopS' | 'desktopM' | 'desktopL';
5
- export declare type SpacingScaleValues = typeof Spacing[keyof typeof Spacing] | 'auto';
5
+ export declare type SpacingScaleValues = (typeof Spacing)[keyof typeof Spacing] | 'auto';
6
6
  export declare type ResponsiveSpacing = {
7
7
  [key in BreakpointAliases]?: SpacingScaleValues;
8
8
  };
package/es/Layout/Flex/types.d.ts CHANGED
@@ -6,11 +6,11 @@ export declare const FlexPropAndPossibleValueMap: {
6
6
  };
7
7
  export declare type FlexProps = {
8
8
  /** CSS property flex-direction */
9
- flexDirection?: typeof FlexPropAndPossibleValueMap.flexDirection[number];
9
+ flexDirection?: (typeof FlexPropAndPossibleValueMap.flexDirection)[number];
10
10
  /** CSS property justify-content */
11
- justifyContent?: typeof FlexPropAndPossibleValueMap.justifyContent[number];
11
+ justifyContent?: (typeof FlexPropAndPossibleValueMap.justifyContent)[number];
12
12
  /** CSS property align-items */
13
- alignItems?: typeof FlexPropAndPossibleValueMap.alignItems[number];
13
+ alignItems?: (typeof FlexPropAndPossibleValueMap.alignItems)[number];
14
14
  /** CSS property flex-wrap */
15
- flexWrap?: typeof FlexPropAndPossibleValueMap.flexWrap[number];
15
+ flexWrap?: (typeof FlexPropAndPossibleValueMap.flexWrap)[number];
16
16
  };
package/es/Utils/Shadow/index.d.ts CHANGED
@@ -8,5 +8,5 @@ export declare const Shadow: {
8
8
  readonly up4: "0 -12px 24px 0 rgba(0, 0, 0, 0.10)";
9
9
  readonly down4: "0 12px 24px 0 rgba(0, 0, 0, 0.10)";
10
10
  };
11
- export declare type ShadowValueType = typeof Shadow[keyof typeof Shadow];
11
+ export declare type ShadowValueType = (typeof Shadow)[keyof typeof Shadow];
12
12
  export declare type ShadowKeyType = keyof typeof Shadow;
package/es/types/componentAction.d.ts CHANGED
@@ -1,5 +1,6 @@
1
+ import { ReactNode } from 'react';
1
2
  import { ButtonProps } from '../@next';
2
3
  export declare type ComponentAction = ButtonProps & {
3
- label: string;
4
+ label: ReactNode;
4
5
  action: (...args: any[]) => void;
5
6
  };
package/lib/@next/Avatar/Avatar.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  declare const avatarBackgroundColorVariant: readonly ["supplementary", "warning", "danger", "success", "outstanding"];
3
3
  declare const avatarSizeVariant: readonly ["large", "medium"];
4
- export declare type AvatarBackgroundColorVariant = typeof avatarBackgroundColorVariant[number];
5
- export declare type AvatarSizeVariant = typeof avatarSizeVariant[number];
4
+ export declare type AvatarBackgroundColorVariant = (typeof avatarBackgroundColorVariant)[number];
5
+ export declare type AvatarSizeVariant = (typeof avatarSizeVariant)[number];
6
6
  export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
7
7
  variant?: AvatarBackgroundColorVariant;
8
8
  size?: AvatarSizeVariant;
package/lib/@next/Badge/Badge.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  declare const badgeStatusVariant: readonly ["neutral", "success", "information", "warning", "critical", "promotion", "enticing", "attention", "primary"];
3
- export declare type BadgeStatusVariant = typeof badgeStatusVariant[number];
3
+ export declare type BadgeStatusVariant = (typeof badgeStatusVariant)[number];
4
4
  export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
5
5
  children?: React.ReactNode;
6
6
  hasBorder?: boolean;
package/lib/@next/EmptyState/assets/assets.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export declare const imageNames: readonly ["empty-carton", "empty-mailbox", "safety-cone"];
2
- export declare type ImageName = typeof imageNames[number];
2
+ export declare type ImageName = (typeof imageNames)[number];
3
3
  export declare const imageMapping: Record<ImageName, string>;
package/lib/@next/Icon/icons/icons.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { SVGProps } from 'react';
2
2
  export declare const iconNames: readonly ["ri-account-circle-fill", "ri-account-circle-line", "ri-add-circle-fill", "ri-add-circle-line", "ri-add", "ri-alarm-warning-fill", "ri-alarm-warning-line", "ri-arrow-down-fill", "ri-arrow-down-line", "ri-arrow-go-back-fill", "ri-arrow-go-back-line", "ri-arrow-go-forward-fill", "ri-arrow-go-forward-line", "ri-arrow-left-fill", "ri-arrow-left-line", "ri-arrow-left-right-fill", "ri-arrow-left-right-line", "ri-arrow-m-down-fill", "ri-arrow-m-down-line", "ri-arrow-m-left-fill", "ri-arrow-m-left-line", "ri-arrow-m-right-fill", "ri-arrow-m-right-line", "ri-arrow-m-up-fill", "ri-arrow-m-up-line", "ri-arrow-right-fill", "ri-arrow-right-line", "ri-arrow-up-down-fill", "ri-arrow-up-down-line", "ri-arrow-up-fill", "ri-arrow-up-line", "ri-arrow-xs-down-fill", "ri-arrow-xs-up-fill", "ri-bookmark-fill", "ri-bookmark-line", "ri-briefcase-fill", "ri-briefcase-line", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-fill", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-checkbox-line", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-coins-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-equalizer-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-external-link-line", "ri-eye-off-fill", "ri-eye-off-line", "ri-eye-fill", "ri-eye-line", "ri-facebook-circle-fill", "ri-facebook-circle-line", "ri-file-fill", "ri-file-line", "ri-file-list3-fill", "ri-folder-user-fill", "ri-group2-fill", "ri-information-fill", "ri-information-line", "ri-instagram-line", "ri-linkedin-fill", "ri-linkedIn-line", "ri-loader", "ri-mail-line", "ri-more", "ri-map-fill", "ri-map-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-tiktok-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line", "ri-upload-fill", "ri-upload-line", "ri-sparkling2-line", "ri-sparkling2-fill", "ri-money-dollar-circle-fill", "ri-money-dollar-circle-line", "ri-shining2-line", "ri-shining2-fill", "ri-bard-fill", "ri-bard-line", "ri-infinity", "ri-discuss-fill", "ri-discuss-line", "ri-file-copy2-line"];
3
- export declare type IconNames = typeof iconNames[number];
3
+ export declare type IconNames = (typeof iconNames)[number];
4
4
  declare type SVGComponent = (props: SVGProps<SVGSVGElement>) => JSX.Element;
5
5
  export declare const iconsMappingComponent: {
6
6
  [name in IconNames]: SVGComponent;
package/lib/@next/Tooltip/Tooltip.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  declare const allPositions: readonly ["top-center", "top-left", "top-right", "bottom-center", "bottom-left", "bottom-right", "right-middle", "right-top", "right-bottom", "left-middle", "left-top", "left-bottom"];
3
- export declare type TooltipPosition = typeof allPositions[number];
3
+ export declare type TooltipPosition = (typeof allPositions)[number];
4
4
  export declare type TooltipProps = {
5
5
  preferredPosition?: TooltipPosition;
6
6
  children: React.ReactNode;
package/lib/@next/Typography/Typography.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { ElementType, ReactNode } from 'react';
2
2
  declare const typographyVariant: readonly ["headline1", "headline2", "headline3", "headline4", "headline5", "headline6", "subtitle1", "subtitle2", "body1", "body2", "button", "caption", "overline"];
3
- export declare type Variant = typeof typographyVariant[number];
3
+ export declare type Variant = (typeof typographyVariant)[number];
4
4
  export interface TypographyProps {
5
5
  /** Sets the Typography's element */
6
6
  as?: ElementType;
package/lib/General/Icon/components/InstagramIcon.js CHANGED
@@ -13,7 +13,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
13
13
  var InstagramIcon = function InstagramIcon(props) {
14
14
  return /*#__PURE__*/React.createElement(_Icon["default"], props, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
15
15
  d: "M68.75 0h-37.5C13.994 0 0 13.994 0 31.25v37.5C0 86.006 13.994 100 31.25 100h37.5C86.006 100 100 86.006 100 68.75v-37.5C100 13.994 86.006 0 68.75 0zm21.875 68.75c0 12.063-9.813 21.875-21.875 21.875h-37.5c-12.063 0-21.875-9.813-21.875-21.875v-37.5c0-12.063 9.813-21.875 21.875-21.875h37.5c12.063 0 21.875 9.813 21.875 21.875v37.5z"
16
- }), ' ', /*#__PURE__*/React.createElement("path", {
16
+ }), " ", /*#__PURE__*/React.createElement("path", {
17
17
  d: "M52 26c-14.358 0-26 11.642-26 26 0 14.359 11.642 26 26 26 14.359 0 26-11.641 26-26 0-14.358-11.641-26-26-26zm0 42.25c-8.957 0-16.25-7.293-16.25-16.25 0-8.964 7.293-16.25 16.25-16.25S68.25 43.036 68.25 52c0 8.957-7.293 16.25-16.25 16.25z"
18
18
  }), /*#__PURE__*/React.createElement("circle", {
19
19
  cx: "77",
package/lib/General/Icon/components/MedalIcon.js CHANGED
@@ -13,99 +13,99 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
13
13
  var MedalIcon = function MedalIcon(props) {
14
14
  return /*#__PURE__*/React.createElement(_Icon["default"], props, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
15
15
  d: "M27.378,53.429C27.77,53.141,28,52.686,28,52.204V18.531C28,17.684,27.305,17,26.444,17H1.556 C0.695,17,0,17.684,0,18.531v33.673c0,0.481,0.23,0.935,0.622,1.224l11.822,8.724v2.386C5.455,65.303,0,71.145,0,78.224 C0,85.821,6.28,92,14,92s14-6.179,14-13.776c0-7.079-5.455-12.921-12.444-13.685v-2.386L27.378,53.429z M21.778,20.061h3.111 v31.378l-3.111,2.296V20.061z M6.222,53.735l-3.111-2.296V20.061h3.111V53.735z M24.889,78.224 c0,5.907-4.886,10.714-10.889,10.714S3.111,84.131,3.111,78.224S7.997,67.51,14,67.51S24.889,72.318,24.889,78.224z M14,59.474 l-4.667-3.444V20.061h9.333v35.969L14,59.474z"
16
- }), ' ', /*#__PURE__*/React.createElement("path", {
16
+ }), " ", /*#__PURE__*/React.createElement("path", {
17
17
  d: "M61.31,36.631c0.431-0.286,0.69-0.765,0.69-1.279V1.537C62,0.687,61.307,0,60.45,0h-27.9 C31.693,0,31,0.687,31,1.537v33.815c0,0.513,0.259,0.993,0.69,1.279l13.26,8.766v4.9l-3.977,6.574H32.55 c-0.597,0-1.138,0.34-1.397,0.87c-0.257,0.533-0.186,1.165,0.186,1.628l5.427,6.725l-5.427,6.725 c-0.372,0.463-0.443,1.094-0.186,1.628c0.259,0.53,0.8,0.87,1.397,0.87h8.423l4.199,6.94C45.451,82.716,45.954,83,46.5,83 s1.049-0.284,1.328-0.745l4.199-6.94h8.423c0.597,0,1.138-0.34,1.397-0.87c0.257-0.533,0.186-1.165-0.186-1.628l-5.427-6.725 l5.427-6.725c0.372-0.463,0.443-1.094,0.186-1.628c-0.259-0.53-0.8-0.87-1.397-0.87h-8.423l-3.977-6.574v-4.9L61.31,36.631z M55.8,3.074h3.1V34.53l-3.1,2.049V3.074z M37.2,36.578l-3.1-2.049V3.074h3.1V36.578z M49.822,59.197 c0.279,0.463,0.783,0.747,1.328,0.747h6.074l-4.185,5.188c-0.453,0.561-0.453,1.36,0,1.921l4.185,5.188H51.15 c-0.546,0-1.049,0.284-1.328,0.745l-3.322,5.49l-3.322-5.489c-0.279-0.463-0.783-0.747-1.328-0.747h-6.074l4.185-5.188 c0.453-0.561,0.453-1.36,0-1.921l-4.185-5.188h6.074c0.546,0,1.049-0.284,1.328-0.745l3.322-5.49L49.822,59.197z M46.5,42.727 l-6.2-4.099V3.074h12.4v35.553L46.5,42.727z"
18
- }), ' ', /*#__PURE__*/React.createElement("path", {
18
+ }), " ", /*#__PURE__*/React.createElement("path", {
19
19
  d: "M13.5,71C9.365,71,6,74.365,6,78.5S9.365,86,13.5,86s7.5-3.365,7.5-7.5S17.635,71,13.5,71z M13.5,83 C11.019,83,9,80.981,9,78.5s2.019-4.5,4.5-4.5s4.5,2.019,4.5,4.5S15.981,83,13.5,83z"
20
- }), ' ', /*#__PURE__*/React.createElement("path", {
20
+ }), " ", /*#__PURE__*/React.createElement("path", {
21
21
  d: "M91.378,53.429C91.77,53.141,92,52.686,92,52.204V18.531C92,17.684,91.305,17,90.444,17H65.556 C64.695,17,64,17.684,64,18.531v33.673c0,0.481,0.23,0.935,0.622,1.224l11.822,8.724v2.386C69.455,65.303,64,71.145,64,78.224 C64,85.821,70.28,92,78,92s14-6.179,14-13.776c0-7.079-5.455-12.921-12.444-13.685v-2.386L91.378,53.429z M85.778,20.061h3.111 v31.378l-3.111,2.296V20.061z M70.222,53.735l-3.111-2.296V20.061h3.111V53.735z M88.889,78.224 c0,5.907-4.886,10.714-10.889,10.714s-10.889-4.808-10.889-10.714S71.997,67.51,78,67.51S88.889,72.318,88.889,78.224z M78,59.474 l-4.667-3.444V20.061h9.333v35.969L78,59.474z"
22
- }), ' ', /*#__PURE__*/React.createElement("path", {
22
+ }), " ", /*#__PURE__*/React.createElement("path", {
23
23
  d: "M78.5,71c-4.135,0-7.5,3.365-7.5,7.5s3.365,7.5,7.5,7.5s7.5-3.365,7.5-7.5S82.635,71,78.5,71z M78.5,83 c-2.481,0-4.5-2.019-4.5-4.5s2.019-4.5,4.5-4.5s4.5,2.019,4.5,4.5S80.981,83,78.5,83z"
24
- }), ' ', /*#__PURE__*/React.createElement("rect", {
24
+ }), " ", /*#__PURE__*/React.createElement("rect", {
25
25
  id: "Rectangle-path",
26
26
  x: "51",
27
27
  y: "86",
28
28
  width: "3",
29
29
  height: "3"
30
- }), ' ', /*#__PURE__*/React.createElement("rect", {
30
+ }), " ", /*#__PURE__*/React.createElement("rect", {
31
31
  id: "Rectangle-path_1_",
32
32
  x: "44",
33
33
  y: "86",
34
34
  width: "3",
35
35
  height: "3"
36
- }), ' ', /*#__PURE__*/React.createElement("rect", {
36
+ }), " ", /*#__PURE__*/React.createElement("rect", {
37
37
  id: "Rectangle-path_2_",
38
38
  x: "38",
39
39
  y: "86",
40
40
  width: "3",
41
41
  height: "3"
42
- }), ' ', /*#__PURE__*/React.createElement("rect", {
42
+ }), " ", /*#__PURE__*/React.createElement("rect", {
43
43
  id: "Rectangle-path_3_",
44
44
  x: "44",
45
45
  y: "6",
46
46
  width: "3",
47
47
  height: "3"
48
- }), ' ', /*#__PURE__*/React.createElement("rect", {
48
+ }), " ", /*#__PURE__*/React.createElement("rect", {
49
49
  id: "Rectangle-path_4_",
50
50
  x: "44",
51
51
  y: "12",
52
52
  width: "3",
53
53
  height: "3"
54
- }), ' ', /*#__PURE__*/React.createElement("rect", {
54
+ }), " ", /*#__PURE__*/React.createElement("rect", {
55
55
  id: "Rectangle-path_5_",
56
56
  x: "44",
57
57
  y: "18",
58
58
  width: "3",
59
59
  height: "3"
60
- }), ' ', /*#__PURE__*/React.createElement("rect", {
60
+ }), " ", /*#__PURE__*/React.createElement("rect", {
61
61
  id: "Rectangle-path_6_",
62
62
  x: "44",
63
63
  y: "25",
64
64
  width: "3",
65
65
  height: "3"
66
- }), ' ', /*#__PURE__*/React.createElement("rect", {
66
+ }), " ", /*#__PURE__*/React.createElement("rect", {
67
67
  id: "Rectangle-path_7_",
68
68
  x: "44",
69
69
  y: "31",
70
70
  width: "3",
71
71
  height: "3"
72
- }), ' ', /*#__PURE__*/React.createElement("rect", {
72
+ }), " ", /*#__PURE__*/React.createElement("rect", {
73
73
  id: "Rectangle-path_8_",
74
74
  x: "44",
75
75
  y: "37",
76
76
  width: "3",
77
77
  height: "3"
78
- }), ' ', /*#__PURE__*/React.createElement("rect", {
78
+ }), " ", /*#__PURE__*/React.createElement("rect", {
79
79
  id: "Rectangle-path_9_",
80
80
  x: "83",
81
81
  y: "11",
82
82
  width: "3",
83
83
  height: "3"
84
- }), ' ', /*#__PURE__*/React.createElement("rect", {
84
+ }), " ", /*#__PURE__*/React.createElement("rect", {
85
85
  id: "Rectangle-path_10_",
86
86
  x: "77",
87
87
  y: "11",
88
88
  width: "3",
89
89
  height: "3"
90
- }), ' ', /*#__PURE__*/React.createElement("rect", {
90
+ }), " ", /*#__PURE__*/React.createElement("rect", {
91
91
  id: "Rectangle-path_11_",
92
92
  x: "71",
93
93
  y: "11",
94
94
  width: "3",
95
95
  height: "3"
96
- }), ' ', /*#__PURE__*/React.createElement("rect", {
96
+ }), " ", /*#__PURE__*/React.createElement("rect", {
97
97
  id: "Rectangle-path_12_",
98
98
  x: "18",
99
99
  y: "11",
100
100
  width: "3",
101
101
  height: "3"
102
- }), ' ', /*#__PURE__*/React.createElement("rect", {
102
+ }), " ", /*#__PURE__*/React.createElement("rect", {
103
103
  id: "Rectangle-path_13_",
104
104
  x: "12",
105
105
  y: "11",
106
106
  width: "3",
107
107
  height: "3"
108
- }), ' ', /*#__PURE__*/React.createElement("rect", {
108
+ }), " ", /*#__PURE__*/React.createElement("rect", {
109
109
  id: "Rectangle-path_14_",
110
110
  x: "6",
111
111
  y: "11",
package/lib/Layout/Box/types.d.ts CHANGED
@@ -2,7 +2,7 @@ import { Spacing } from '../Spacing';
2
2
  import { ShadowValueType } from '../../Utils/Shadow';
3
3
  import { HTMLAttributes } from 'react';
4
4
  export declare type BreakpointAliases = 'default' | 'mobileS' | 'mobileM' | 'mobileL' | 'tablet' | 'desktopS' | 'desktopM' | 'desktopL';
5
- export declare type SpacingScaleValues = typeof Spacing[keyof typeof Spacing] | 'auto';
5
+ export declare type SpacingScaleValues = (typeof Spacing)[keyof typeof Spacing] | 'auto';
6
6
  export declare type ResponsiveSpacing = {
7
7
  [key in BreakpointAliases]?: SpacingScaleValues;
8
8
  };
package/lib/Layout/Flex/types.d.ts CHANGED
@@ -6,11 +6,11 @@ export declare const FlexPropAndPossibleValueMap: {
6
6
  };
7
7
  export declare type FlexProps = {
8
8
  /** CSS property flex-direction */
9
- flexDirection?: typeof FlexPropAndPossibleValueMap.flexDirection[number];
9
+ flexDirection?: (typeof FlexPropAndPossibleValueMap.flexDirection)[number];
10
10
  /** CSS property justify-content */
11
- justifyContent?: typeof FlexPropAndPossibleValueMap.justifyContent[number];
11
+ justifyContent?: (typeof FlexPropAndPossibleValueMap.justifyContent)[number];
12
12
  /** CSS property align-items */
13
- alignItems?: typeof FlexPropAndPossibleValueMap.alignItems[number];
13
+ alignItems?: (typeof FlexPropAndPossibleValueMap.alignItems)[number];
14
14
  /** CSS property flex-wrap */
15
- flexWrap?: typeof FlexPropAndPossibleValueMap.flexWrap[number];
15
+ flexWrap?: (typeof FlexPropAndPossibleValueMap.flexWrap)[number];
16
16
  };
package/lib/Utils/Shadow/index.d.ts CHANGED
@@ -8,5 +8,5 @@ export declare const Shadow: {
8
8
  readonly up4: "0 -12px 24px 0 rgba(0, 0, 0, 0.10)";
9
9
  readonly down4: "0 12px 24px 0 rgba(0, 0, 0, 0.10)";
10
10
  };
11
- export declare type ShadowValueType = typeof Shadow[keyof typeof Shadow];
11
+ export declare type ShadowValueType = (typeof Shadow)[keyof typeof Shadow];
12
12
  export declare type ShadowKeyType = keyof typeof Shadow;
package/lib/types/componentAction.d.ts CHANGED
@@ -1,5 +1,6 @@
1
+ import { ReactNode } from 'react';
1
2
  import { ButtonProps } from '../@next';
2
3
  export declare type ComponentAction = ButtonProps & {
3
- label: string;
4
+ label: ReactNode;
4
5
  action: (...args: any[]) => void;
5
6
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "glints-aries",
3
- "version": "4.0.287",
3
+ "version": "4.0.288",
4
4
  "description": "Glints ui-kit for frontend",
5
5
  "main": "./lib/index.js",
6
6
  "module": "./es/index.js",
@@ -18,8 +18,8 @@
18
18
  "format:icon": "prettier --write src/General/Icon/components/*.tsx",
19
19
  "imports": "babel-node --extensions .ts scripts/count-imports/index.ts",
20
20
  "lint": "npm run lint:css && npm run lint:ts",
21
- "lint:css": "stylelint '**/*Style.ts'",
22
- "lint:ts": "eslint '**/*.{ts,tsx}'",
21
+ "lint:css": "stylelint '**/*Style.ts' --max-warnings=0",
22
+ "lint:ts": "eslint '**/*.{ts,tsx}' --max-warnings=0",
23
23
  "test:update": "jest --env jsdom -u",
24
24
  "test": "jest --env jsdom",
25
25
  "coverage:src": "jest --coverage --collectCoverageFrom 'src/**/*.tsx' --coveragePathIgnorePatterns 'src/General/Icon/components/' --collectCoverageFrom='!src/**/*.stories.tsx' --collectCoverageFrom='!src/**/*StoryStyle.tsx' --collectCoverageFrom='!src/**/*StoriesHelpers.tsx' --collectCoverageFrom='!src/stories/story-components/**'",
@@ -90,16 +90,16 @@
90
90
  "chromatic": "^5.4.0",
91
91
  "create-index": "^2.4.0",
92
92
  "cross-env": "^6.0.3",
93
- "eslint": "^8.4.1",
94
- "eslint-config-airbnb": "^19.0.2",
93
+ "eslint": "^8.45.0",
94
+ "eslint-config-airbnb": "^19.0.4",
95
95
  "eslint-config-airbnb-base": "^15.0.0",
96
- "eslint-config-prettier": "^6.3.0",
97
- "eslint-plugin-import": "^2.25.3",
98
- "eslint-plugin-jest": "^23.8.0",
99
- "eslint-plugin-jsx-a11y": "^6.5.1",
100
- "eslint-plugin-prettier": "^3.1.1",
101
- "eslint-plugin-react": "^7.27.1",
102
- "eslint-plugin-react-hooks": "^4.3.0",
96
+ "eslint-config-prettier": "^8.8.0",
97
+ "eslint-plugin-import": "^2.27.5",
98
+ "eslint-plugin-jest": "^27.2.3",
99
+ "eslint-plugin-jsx-a11y": "^6.7.1",
100
+ "eslint-plugin-prettier": "^5.0.0",
101
+ "eslint-plugin-react": "^7.32.2",
102
+ "eslint-plugin-react-hooks": "^4.6.0",
103
103
  "file-loader": "^6.2.0",
104
104
  "fork-ts-checker-webpack-plugin": "^1.3.4",
105
105
  "generate-changelog": "^1.7.1",
@@ -111,7 +111,7 @@
111
111
  "lint-staged": "^13.1.2",
112
112
  "lodash": "^4.17.21",
113
113
  "lodash-es": "^4.17.21",
114
- "prettier": "^2.8.1",
114
+ "prettier": "^3.0.0",
115
115
  "react": "^17.0.2",
116
116
  "react-dom": "^17.0.2",
117
117
  "react-is": "^17.0.2",