@beequip/hexagon 0.14.0 → 0.15.0
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/dist/assets/icons/CheckCircle.js +2 -2
- package/dist/assets/icons/CheckCircle.js.map +1 -1
- package/dist/assets/icons/ChevronDown.js +1 -1
- package/dist/assets/icons/ChevronDown.js.map +1 -1
- package/dist/assets/icons/ChevronLeft.js +1 -1
- package/dist/assets/icons/ChevronLeft.js.map +1 -1
- package/dist/assets/icons/ChevronRight.js +1 -1
- package/dist/assets/icons/ChevronRight.js.map +1 -1
- package/dist/assets/icons/ChevronUp.js +1 -1
- package/dist/assets/icons/ChevronUp.js.map +1 -1
- package/dist/assets/icons/Cross.js +4 -3
- package/dist/assets/icons/Cross.js.map +1 -1
- package/dist/assets/icons/ExclamationCircle.js +2 -2
- package/dist/assets/icons/ExclamationCircle.js.map +1 -1
- package/dist/assets/icons/ExclamationTriangle.d.ts +3 -0
- package/dist/assets/icons/ExclamationTriangle.js +11 -0
- package/dist/assets/icons/ExclamationTriangle.js.map +1 -0
- package/dist/assets/icons/InfoCircle.js +4 -2
- package/dist/assets/icons/InfoCircle.js.map +1 -1
- package/dist/assets/icons/MessageSquareCheck.d.ts +3 -0
- package/dist/assets/icons/MessageSquareCheck.js +11 -0
- package/dist/assets/icons/MessageSquareCheck.js.map +1 -0
- package/dist/assets/icons/MessageSquareDots.d.ts +3 -0
- package/dist/assets/icons/MessageSquareDots.js +11 -0
- package/dist/assets/icons/MessageSquareDots.js.map +1 -0
- package/dist/components/Autocomplete/Item/styles.js +1 -1
- package/dist/components/Badge/styles.js +1 -1
- package/dist/components/Badge/styles.js.map +1 -1
- package/dist/components/Button/index.stories.js +1 -0
- package/dist/components/Button/index.stories.js.map +1 -1
- package/dist/components/Button/styles.js +33 -39
- package/dist/components/Button/styles.js.map +1 -1
- package/dist/components/Card/index.d.ts +2 -1
- package/dist/components/Card/index.js +2 -1
- package/dist/components/Card/index.js.map +1 -1
- package/dist/components/Card/index.stories.d.ts +2 -1
- package/dist/components/Card/index.stories.js +10 -5
- package/dist/components/Card/index.stories.js.map +1 -1
- package/dist/components/Card/styles.js +14 -2
- package/dist/components/Card/styles.js.map +1 -1
- package/dist/components/Checkbox/styles.js +2 -2
- package/dist/components/Checkbox/styles.js.map +1 -1
- package/dist/components/Error/index.js +2 -2
- package/dist/components/Error/index.js.map +1 -1
- package/dist/components/Heading/styles.js +10 -8
- package/dist/components/Heading/styles.js.map +1 -1
- package/dist/components/Input/CurrencyInput/index.js +1 -1
- package/dist/components/Input/CurrencyInput/index.js.map +1 -1
- package/dist/components/Input/CurrencyInput/styles.js +1 -1
- package/dist/components/Input/CurrencyInput/styles.js.map +1 -1
- package/dist/components/Input/index.js +3 -3
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/Input/index.stories.d.ts +2 -0
- package/dist/components/Input/index.stories.js +9 -1
- package/dist/components/Input/index.stories.js.map +1 -1
- package/dist/components/Input/styles.d.ts +8 -3
- package/dist/components/Input/styles.js +13 -5
- package/dist/components/Input/styles.js.map +1 -1
- package/dist/components/Modal/styles.js +1 -1
- package/dist/components/Modal/styles.js.map +1 -1
- package/dist/components/Notification/index.js +4 -3
- package/dist/components/Notification/index.js.map +1 -1
- package/dist/components/Notification/styles.js +13 -11
- package/dist/components/Notification/styles.js.map +1 -1
- package/dist/components/Radio/styles.js +1 -1
- package/dist/components/Radio/styles.js.map +1 -1
- package/dist/components/Select/styles.js +1 -1
- package/dist/components/Tag/index.d.ts +1 -1
- package/dist/components/Tag/index.stories.d.ts +4 -0
- package/dist/components/Tag/index.stories.js +20 -1
- package/dist/components/Tag/index.stories.js.map +1 -1
- package/dist/components/Tag/styles.js +18 -7
- package/dist/components/Tag/styles.js.map +1 -1
- package/dist/theme/theme.d.ts +33 -11
- package/dist/theme/theme.js +65 -30
- package/dist/theme/theme.js.map +1 -1
- package/dist/theme/types.d.ts +8 -0
- package/dist/theme/types.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/RemoveButton/index.d.ts +0 -5
- package/dist/components/RemoveButton/index.js +0 -13
- package/dist/components/RemoveButton/index.js.map +0 -1
- package/dist/components/RemoveButton/index.stories.d.ts +0 -5
- package/dist/components/RemoveButton/index.stories.js +0 -20
- package/dist/components/RemoveButton/index.stories.js.map +0 -1
- package/dist/components/RemoveButton/styles.d.ts +0 -2
- package/dist/components/RemoveButton/styles.js +0 -9
- package/dist/components/RemoveButton/styles.js.map +0 -1
package/dist/theme/theme.d.ts
CHANGED
|
@@ -1,16 +1,33 @@
|
|
|
1
|
-
import { FontSizesMap, SpacingMap, ButtonColorType, ShadesMap } from './types';
|
|
1
|
+
import { FontSizesMap, SpacingMap, ButtonColorType, ShadesMap, BlueMap, GreenMap, OrangeMap, RedMap } from './types';
|
|
2
|
+
export declare const BLACK = "#000";
|
|
3
|
+
export declare const WHITE = "#fff";
|
|
2
4
|
export declare const GREY1 = "#131923";
|
|
3
5
|
export declare const GREY2 = "#5A5E65";
|
|
4
6
|
export declare const GREY3 = "#B8BABD";
|
|
5
7
|
export declare const GREY4 = "#E5E6E7";
|
|
6
|
-
export declare const GREY5 = "#
|
|
8
|
+
export declare const GREY5 = "#F1F1F1";
|
|
9
|
+
export declare const GREY6 = "#F6F6F6";
|
|
10
|
+
export declare const RED1 = "#D2524A";
|
|
11
|
+
export declare const RED2 = "#FF6259";
|
|
12
|
+
export declare const RED3 = "#FF7770";
|
|
13
|
+
export declare const RED4 = "#FFEFEE";
|
|
14
|
+
export declare const GREEN1 = "#43DC75";
|
|
15
|
+
export declare const GREEN2 = "#C4E9D0";
|
|
16
|
+
export declare const GREEN3 = "#EBFFF1";
|
|
17
|
+
export declare const BLUE1 = "#104388";
|
|
18
|
+
export declare const BLUE2 = "#056FFF";
|
|
19
|
+
export declare const BLUE3 = "#DFEDFF";
|
|
20
|
+
export declare const ORANGE1 = "#E79200";
|
|
21
|
+
export declare const ORANGE2 = "#FFA100";
|
|
22
|
+
export declare const ORANGE3 = "#FEB943";
|
|
23
|
+
export declare const ORANGE4 = "#FFF6E5";
|
|
7
24
|
export declare const PRIMARY = "#FFA100";
|
|
8
|
-
export declare const PRIMARY_LIGHT = "#
|
|
25
|
+
export declare const PRIMARY_LIGHT = "#FEB943";
|
|
9
26
|
export declare const PRIMARY_DARK = "#FFA100";
|
|
10
|
-
export declare const PRIMARY_LIGHT_BACKGROUND = "#
|
|
11
|
-
export declare const ACCENT = "#
|
|
12
|
-
export declare const ACCENT_LIGHT = "#
|
|
13
|
-
export declare const ACCENT_DARK = "#
|
|
27
|
+
export declare const PRIMARY_LIGHT_BACKGROUND = "#F1F1F1";
|
|
28
|
+
export declare const ACCENT = "#056FFF";
|
|
29
|
+
export declare const ACCENT_LIGHT = "#DFEDFF";
|
|
30
|
+
export declare const ACCENT_DARK = "#104388";
|
|
14
31
|
export interface ThemeInterface {
|
|
15
32
|
baseline: number;
|
|
16
33
|
font: {
|
|
@@ -30,9 +47,10 @@ export interface ThemeInterface {
|
|
|
30
47
|
black: string;
|
|
31
48
|
white: string;
|
|
32
49
|
grey: ShadesMap<string>;
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
50
|
+
blue: BlueMap<string>;
|
|
51
|
+
red: RedMap<string>;
|
|
52
|
+
green: GreenMap<string>;
|
|
53
|
+
orange: OrangeMap<string>;
|
|
36
54
|
success: string;
|
|
37
55
|
warning: string;
|
|
38
56
|
error: string;
|
|
@@ -61,12 +79,16 @@ export interface ThemeInterface {
|
|
|
61
79
|
borderColor: string;
|
|
62
80
|
borderRadius: {
|
|
63
81
|
default: number;
|
|
82
|
+
large: number;
|
|
64
83
|
button: number;
|
|
65
84
|
input: number;
|
|
66
85
|
};
|
|
67
86
|
borderWidth: number;
|
|
68
87
|
spacing: SpacingMap<number>;
|
|
69
|
-
shadow:
|
|
88
|
+
shadow: {
|
|
89
|
+
small: string;
|
|
90
|
+
large: string;
|
|
91
|
+
};
|
|
70
92
|
shadowHover: string;
|
|
71
93
|
space: number[];
|
|
72
94
|
breakpoints: string[];
|
package/dist/theme/theme.js
CHANGED
|
@@ -1,34 +1,46 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.theme = exports.ACCENT_DARK = exports.ACCENT_LIGHT = exports.ACCENT = exports.PRIMARY_LIGHT_BACKGROUND = exports.PRIMARY_DARK = exports.PRIMARY_LIGHT = exports.PRIMARY = exports.GREY5 = exports.GREY4 = exports.GREY3 = exports.GREY2 = exports.GREY1 = void 0;
|
|
3
|
+
exports.theme = exports.ACCENT_DARK = exports.ACCENT_LIGHT = exports.ACCENT = exports.PRIMARY_LIGHT_BACKGROUND = exports.PRIMARY_DARK = exports.PRIMARY_LIGHT = exports.PRIMARY = exports.ORANGE4 = exports.ORANGE3 = exports.ORANGE2 = exports.ORANGE1 = exports.BLUE3 = exports.BLUE2 = exports.BLUE1 = exports.GREEN3 = exports.GREEN2 = exports.GREEN1 = exports.RED4 = exports.RED3 = exports.RED2 = exports.RED1 = exports.GREY6 = exports.GREY5 = exports.GREY4 = exports.GREY3 = exports.GREY2 = exports.GREY1 = exports.WHITE = exports.BLACK = void 0;
|
|
4
4
|
var typography_1 = require("./typography");
|
|
5
5
|
// Standard colors and shades
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
exports.BLACK = '#000';
|
|
7
|
+
exports.WHITE = '#fff';
|
|
8
8
|
exports.GREY1 = '#131923';
|
|
9
9
|
exports.GREY2 = '#5A5E65';
|
|
10
10
|
exports.GREY3 = '#B8BABD';
|
|
11
11
|
exports.GREY4 = '#E5E6E7';
|
|
12
|
-
exports.GREY5 = '#
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
exports.GREY5 = '#F1F1F1';
|
|
13
|
+
exports.GREY6 = '#F6F6F6';
|
|
14
|
+
exports.RED1 = '#D2524A';
|
|
15
|
+
exports.RED2 = '#FF6259';
|
|
16
|
+
exports.RED3 = '#FF7770';
|
|
17
|
+
exports.RED4 = '#FFEFEE';
|
|
18
|
+
exports.GREEN1 = '#43DC75';
|
|
19
|
+
exports.GREEN2 = '#C4E9D0';
|
|
20
|
+
exports.GREEN3 = '#EBFFF1';
|
|
21
|
+
exports.BLUE1 = '#104388';
|
|
22
|
+
exports.BLUE2 = '#056FFF';
|
|
23
|
+
exports.BLUE3 = '#DFEDFF';
|
|
24
|
+
exports.ORANGE1 = '#E79200';
|
|
25
|
+
exports.ORANGE2 = '#FFA100';
|
|
26
|
+
exports.ORANGE3 = '#FEB943';
|
|
27
|
+
exports.ORANGE4 = '#FFF6E5';
|
|
16
28
|
// Main color that indicates productive actions
|
|
17
|
-
exports.PRIMARY =
|
|
18
|
-
exports.PRIMARY_LIGHT =
|
|
19
|
-
exports.PRIMARY_DARK =
|
|
20
|
-
exports.PRIMARY_LIGHT_BACKGROUND =
|
|
29
|
+
exports.PRIMARY = exports.ORANGE2;
|
|
30
|
+
exports.PRIMARY_LIGHT = exports.ORANGE3;
|
|
31
|
+
exports.PRIMARY_DARK = exports.ORANGE2;
|
|
32
|
+
exports.PRIMARY_LIGHT_BACKGROUND = exports.GREY5;
|
|
21
33
|
// Secondary color that indicates counterproductive actions
|
|
22
34
|
var SECONDARY = exports.GREY1;
|
|
23
35
|
var SECONDARY_LIGHT = exports.GREY2;
|
|
24
36
|
// Accent color that draws attention
|
|
25
|
-
exports.ACCENT =
|
|
26
|
-
exports.ACCENT_LIGHT =
|
|
27
|
-
exports.ACCENT_DARK =
|
|
37
|
+
exports.ACCENT = exports.BLUE2;
|
|
38
|
+
exports.ACCENT_LIGHT = exports.BLUE3;
|
|
39
|
+
exports.ACCENT_DARK = exports.BLUE1;
|
|
28
40
|
// Notification colors
|
|
29
|
-
var SUCCESS =
|
|
41
|
+
var SUCCESS = exports.GREEN1;
|
|
30
42
|
var WARNING = exports.PRIMARY;
|
|
31
|
-
var ERROR =
|
|
43
|
+
var ERROR = exports.RED2;
|
|
32
44
|
var MESSAGE = exports.ACCENT;
|
|
33
45
|
// Global defaults
|
|
34
46
|
var BORDER_COLOR = exports.GREY4;
|
|
@@ -50,8 +62,8 @@ exports.theme = {
|
|
|
50
62
|
accent: exports.ACCENT,
|
|
51
63
|
accentLight: exports.ACCENT_LIGHT,
|
|
52
64
|
accentDark: exports.ACCENT_DARK,
|
|
53
|
-
black: BLACK,
|
|
54
|
-
white: WHITE,
|
|
65
|
+
black: exports.BLACK,
|
|
66
|
+
white: exports.WHITE,
|
|
55
67
|
grey: {
|
|
56
68
|
1: exports.GREY1,
|
|
57
69
|
2: exports.GREY2,
|
|
@@ -59,9 +71,28 @@ exports.theme = {
|
|
|
59
71
|
4: exports.GREY4,
|
|
60
72
|
5: exports.GREY5,
|
|
61
73
|
},
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
74
|
+
blue: {
|
|
75
|
+
1: exports.BLUE1,
|
|
76
|
+
2: exports.BLUE2,
|
|
77
|
+
3: exports.BLUE3,
|
|
78
|
+
},
|
|
79
|
+
red: {
|
|
80
|
+
1: exports.RED1,
|
|
81
|
+
2: exports.RED2,
|
|
82
|
+
3: exports.RED3,
|
|
83
|
+
4: exports.RED4,
|
|
84
|
+
},
|
|
85
|
+
green: {
|
|
86
|
+
1: exports.GREEN1,
|
|
87
|
+
2: exports.GREEN2,
|
|
88
|
+
3: exports.GREEN3,
|
|
89
|
+
},
|
|
90
|
+
orange: {
|
|
91
|
+
1: exports.ORANGE1,
|
|
92
|
+
2: exports.ORANGE2,
|
|
93
|
+
3: exports.ORANGE3,
|
|
94
|
+
4: exports.ORANGE4,
|
|
95
|
+
},
|
|
65
96
|
success: SUCCESS,
|
|
66
97
|
warning: WARNING,
|
|
67
98
|
error: ERROR,
|
|
@@ -74,13 +105,13 @@ exports.theme = {
|
|
|
74
105
|
},
|
|
75
106
|
// Form elements
|
|
76
107
|
input: {
|
|
77
|
-
border: exports.
|
|
78
|
-
focus: exports.
|
|
108
|
+
border: exports.GREY4,
|
|
109
|
+
focus: exports.BLUE2,
|
|
79
110
|
error: WARNING,
|
|
80
|
-
background: exports.
|
|
81
|
-
backgroundHover: WHITE,
|
|
111
|
+
background: exports.GREY6,
|
|
112
|
+
backgroundHover: exports.WHITE,
|
|
82
113
|
placeholder: exports.GREY3,
|
|
83
|
-
color:
|
|
114
|
+
color: exports.GREY1,
|
|
84
115
|
},
|
|
85
116
|
// Buttons
|
|
86
117
|
buttons: {
|
|
@@ -100,9 +131,10 @@ exports.theme = {
|
|
|
100
131
|
},
|
|
101
132
|
borderColor: BORDER_COLOR,
|
|
102
133
|
borderRadius: {
|
|
103
|
-
default:
|
|
104
|
-
|
|
105
|
-
|
|
134
|
+
default: 5,
|
|
135
|
+
large: 10,
|
|
136
|
+
button: 5,
|
|
137
|
+
input: 5,
|
|
106
138
|
},
|
|
107
139
|
borderWidth: 1,
|
|
108
140
|
spacing: {
|
|
@@ -117,7 +149,10 @@ exports.theme = {
|
|
|
117
149
|
},
|
|
118
150
|
space: [0, 4, 8, 16, 24, 32, 48, 64, 80],
|
|
119
151
|
breakpoints: ['768px', '1024px', '1280px'],
|
|
120
|
-
shadow:
|
|
152
|
+
shadow: {
|
|
153
|
+
small: '0px 0px 3px rgb(21 27 38 / 20%)',
|
|
154
|
+
large: "0px 100px 80px rgba(0, 0, 0, 0.03),\n 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0215656),\n 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0178832),\n 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.015),\n 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0121168),\n 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.00843437)",
|
|
155
|
+
},
|
|
121
156
|
shadowHover: '0 2px 3px 0px rgba(0, 0, 0, 0.10)',
|
|
122
157
|
};
|
|
123
158
|
//# sourceMappingURL=theme.js.map
|
package/dist/theme/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"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"}
|
package/dist/theme/types.d.ts
CHANGED
|
@@ -7,6 +7,14 @@ export declare type BoxSides = 'top' | 'right' | 'bottom' | 'left';
|
|
|
7
7
|
export declare type BoxSidesMap<T> = Record<BoxSides, T>;
|
|
8
8
|
export declare type Shades = 1 | 2 | 3 | 4 | 5;
|
|
9
9
|
export declare type ShadesMap<T> = Record<Shades, T>;
|
|
10
|
+
export declare type Blue = 1 | 2 | 3;
|
|
11
|
+
export declare type BlueMap<T> = Record<Blue, T>;
|
|
12
|
+
export declare type Green = 1 | 2 | 3;
|
|
13
|
+
export declare type GreenMap<T> = Record<Green, T>;
|
|
14
|
+
export declare type Red = 1 | 2 | 3 | 4;
|
|
15
|
+
export declare type RedMap<T> = Record<Red, T>;
|
|
16
|
+
export declare type Orange = 1 | 2 | 3 | 4;
|
|
17
|
+
export declare type OrangeMap<T> = Record<Orange, T>;
|
|
10
18
|
export declare type InputType = 'text' | 'number' | 'password' | 'tel' | 'email';
|
|
11
19
|
export declare type TextAlignType = 'left' | 'center' | 'right';
|
|
12
20
|
export declare type AlignType = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
|
package/dist/theme/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":";;;AAiDa,QAAA,UAAU,GAAG,OAAO,CAAA;AACpB,QAAA,WAAW,GAAG,QAAQ,CAAA;AACtB,QAAA,UAAU,GAAG,OAAO,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.RemoveButton = void 0;
|
|
4
|
-
var tslib_1 = require("tslib");
|
|
5
|
-
var React = require("react");
|
|
6
|
-
var Cross_1 = require("../../assets/icons/Cross");
|
|
7
|
-
var styles_1 = require("./styles");
|
|
8
|
-
var RemoveButton = function (props) {
|
|
9
|
-
return (React.createElement(styles_1.StyledRemoveButton, tslib_1.__assign({ hook: "reset-company", type: "button", kind: "ghost" }, props),
|
|
10
|
-
React.createElement(Cross_1.Cross, { width: 16 })));
|
|
11
|
-
};
|
|
12
|
-
exports.RemoveButton = RemoveButton;
|
|
13
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RemoveButton/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,kDAAgD;AAChD,mCAA6C;AAMtC,IAAM,YAAY,GAAG,UAAC,KAAwB;IACjD,OAAO,CACH,oBAAC,2BAAkB,qBACf,IAAI,EAAC,eAAe,EACpB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,IACR,KAAK;QAET,oBAAC,aAAK,IAAC,KAAK,EAAE,EAAE,GAAI,CACH,CACxB,CAAA;AACL,CAAC,CAAA;AAXY,QAAA,YAAY,gBAWxB"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Default = void 0;
|
|
4
|
-
var tslib_1 = require("tslib");
|
|
5
|
-
var react_1 = require("react");
|
|
6
|
-
var _1 = require(".");
|
|
7
|
-
exports.default = {
|
|
8
|
-
title: 'Hexagon/RemoveButton',
|
|
9
|
-
component: _1.RemoveButton,
|
|
10
|
-
decorators: [function (Story) { return react_1.default.createElement(Story, null); }],
|
|
11
|
-
};
|
|
12
|
-
var Template = function (_a) {
|
|
13
|
-
var args = tslib_1.__rest(_a, []);
|
|
14
|
-
return (react_1.default.createElement(_1.RemoveButton, tslib_1.__assign({}, args)));
|
|
15
|
-
};
|
|
16
|
-
exports.Default = Template.bind({});
|
|
17
|
-
exports.Default.parameters = {
|
|
18
|
-
controls: { hideNoControlsWarning: true },
|
|
19
|
-
};
|
|
20
|
-
//# sourceMappingURL=index.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/RemoveButton/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAmD;AAEnD,kBAAe;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,eAAY;IACvB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAA6B,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACxD,8BAAC,eAAY,uBAAK,IAAI,EAAI,CAC7B,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,eAAO,CAAC,UAAU,GAAG;IACjB,QAAQ,EAAE,EAAE,qBAAqB,EAAE,IAAI,EAAE;CAC5C,CAAA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.StyledRemoveButton = void 0;
|
|
4
|
-
var tslib_1 = require("tslib");
|
|
5
|
-
var styled_components_1 = require("styled-components");
|
|
6
|
-
var Button_1 = require("../Button");
|
|
7
|
-
exports.StyledRemoveButton = styled_components_1.default(Button_1.Button)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n svg {\n color: ", ";\n transition: color 130ms;\n }\n\n &:hover {\n svg {\n color: ", ";\n }\n }\n"], ["\n svg {\n color: ", ";\n transition: color 130ms;\n }\n\n &:hover {\n svg {\n color: ", ";\n }\n }\n"])), function (props) { return props.theme.colors.grey[2]; }, function (props) { return props.theme.colors.primary; });
|
|
8
|
-
var templateObject_1;
|
|
9
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/RemoveButton/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,oCAAkC;AAErB,QAAA,kBAAkB,GAAG,2BAAM,CAAC,eAAM,CAAC,qOAAA,8BAE/B,EAAmC,iGAM/B,EAAmC,uBAGvD,KATgB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAM/B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAA1B,CAA0B,EAGvD"}
|