@spothero/ui 25.1.5 → 25.2.0-beta.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/components/Accordion/styles/index.d.ts +93 -0
- package/dist/components/RefreshedInput/Select/styles/index.d.ts +73 -0
- package/dist/components/Select/styles/index.d.ts +5 -5
- package/dist/index.cjs.js +125 -49
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +123 -51
- package/dist/index.esm.js.map +1 -1
- package/dist/theme/base/breakpoints.d.ts +4 -4
- package/dist/theme/base/colors.d.ts +13 -13
- package/dist/theme/base/notifications.d.ts +36 -36
- package/dist/theme/base/typography.d.ts +7 -7
- package/dist/theme/base/zindices.d.ts +13 -13
- package/package.json +4 -4
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export default breakpoints;
|
|
2
2
|
declare namespace breakpoints {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
let mobileXL: string;
|
|
4
|
+
let tablet: string;
|
|
5
|
+
let desktop: string;
|
|
6
|
+
let desktopXL: string;
|
|
7
7
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export default colors;
|
|
2
2
|
declare namespace colors {
|
|
3
|
-
export
|
|
3
|
+
export let gray: {
|
|
4
4
|
light: string;
|
|
5
5
|
medium: string;
|
|
6
6
|
dark: string;
|
|
@@ -17,7 +17,7 @@ declare namespace colors {
|
|
|
17
17
|
};
|
|
18
18
|
export { blue };
|
|
19
19
|
export { navy };
|
|
20
|
-
export
|
|
20
|
+
export let red: {
|
|
21
21
|
default: string;
|
|
22
22
|
50: string;
|
|
23
23
|
100: string;
|
|
@@ -30,7 +30,7 @@ declare namespace colors {
|
|
|
30
30
|
800: string;
|
|
31
31
|
900: string;
|
|
32
32
|
};
|
|
33
|
-
export
|
|
33
|
+
export let green: {
|
|
34
34
|
default: string;
|
|
35
35
|
50: string;
|
|
36
36
|
100: string;
|
|
@@ -43,7 +43,7 @@ declare namespace colors {
|
|
|
43
43
|
800: string;
|
|
44
44
|
900: string;
|
|
45
45
|
};
|
|
46
|
-
export
|
|
46
|
+
export let yellow: {
|
|
47
47
|
default: string;
|
|
48
48
|
50: string;
|
|
49
49
|
100: string;
|
|
@@ -56,7 +56,7 @@ declare namespace colors {
|
|
|
56
56
|
800: string;
|
|
57
57
|
900: string;
|
|
58
58
|
};
|
|
59
|
-
export
|
|
59
|
+
export let primary: {
|
|
60
60
|
default: string;
|
|
61
61
|
50: string;
|
|
62
62
|
100: string;
|
|
@@ -69,7 +69,7 @@ declare namespace colors {
|
|
|
69
69
|
800: string;
|
|
70
70
|
900: string;
|
|
71
71
|
};
|
|
72
|
-
export
|
|
72
|
+
export let secondary: {
|
|
73
73
|
default: string;
|
|
74
74
|
50: string;
|
|
75
75
|
100: string;
|
|
@@ -82,10 +82,10 @@ declare namespace colors {
|
|
|
82
82
|
800: string;
|
|
83
83
|
900: string;
|
|
84
84
|
};
|
|
85
|
-
export
|
|
86
|
-
export
|
|
87
|
-
export
|
|
88
|
-
export
|
|
85
|
+
export let success: string;
|
|
86
|
+
export let warning: string;
|
|
87
|
+
export let error: string;
|
|
88
|
+
export let accent: string;
|
|
89
89
|
export namespace text {
|
|
90
90
|
export namespace primary_1 {
|
|
91
91
|
export { black as light };
|
|
@@ -93,17 +93,17 @@ declare namespace colors {
|
|
|
93
93
|
}
|
|
94
94
|
export { primary_1 as primary };
|
|
95
95
|
export namespace secondary_1 {
|
|
96
|
-
|
|
96
|
+
let light: string;
|
|
97
97
|
}
|
|
98
98
|
export { secondary_1 as secondary };
|
|
99
99
|
export namespace link {
|
|
100
|
-
|
|
100
|
+
let light_1: string;
|
|
101
101
|
export { light_1 as light };
|
|
102
102
|
export { white as dark };
|
|
103
103
|
}
|
|
104
104
|
}
|
|
105
105
|
export namespace background {
|
|
106
|
-
|
|
106
|
+
let gray_1: string;
|
|
107
107
|
export { gray_1 as gray };
|
|
108
108
|
export { white };
|
|
109
109
|
}
|
|
@@ -1,99 +1,99 @@
|
|
|
1
1
|
export namespace NOTIFICATION_STATUSES {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
let NEUTRAL: string;
|
|
3
|
+
let ERROR: string;
|
|
4
|
+
let WARNING: string;
|
|
5
|
+
let SUCCESS: string;
|
|
6
6
|
}
|
|
7
7
|
export namespace notificationBaseStyle {
|
|
8
8
|
namespace container {
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
let paddingY: number;
|
|
10
|
+
let borderRadius: string;
|
|
11
11
|
}
|
|
12
12
|
namespace actionButton {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
let fontSize: string;
|
|
14
|
+
let height: string;
|
|
15
|
+
let lineHeight: string;
|
|
16
|
+
let color: string;
|
|
17
17
|
namespace _hover {
|
|
18
|
-
|
|
18
|
+
let color_1: string;
|
|
19
19
|
export { color_1 as color };
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
namespace dismissButton {
|
|
23
|
-
|
|
23
|
+
let color_2: string;
|
|
24
24
|
export { color_2 as color };
|
|
25
|
-
export
|
|
26
|
-
export
|
|
27
|
-
export
|
|
28
|
-
export
|
|
29
|
-
|
|
25
|
+
export let borderColor: string;
|
|
26
|
+
export let borderWidth: string;
|
|
27
|
+
export let padding: number;
|
|
28
|
+
export let width: number;
|
|
29
|
+
let height_1: number;
|
|
30
30
|
export { height_1 as height };
|
|
31
|
-
export
|
|
32
|
-
|
|
31
|
+
export let backgroundColor: string;
|
|
32
|
+
let borderRadius_1: string;
|
|
33
33
|
export { borderRadius_1 as borderRadius };
|
|
34
|
-
export
|
|
34
|
+
export let marginLeft: number;
|
|
35
35
|
export namespace _hover_1 {
|
|
36
|
-
|
|
36
|
+
let color_3: string;
|
|
37
37
|
export { color_3 as color };
|
|
38
38
|
}
|
|
39
39
|
export { _hover_1 as _hover };
|
|
40
40
|
export namespace _focus {
|
|
41
|
-
|
|
41
|
+
let color_4: string;
|
|
42
42
|
export { color_4 as color };
|
|
43
|
-
|
|
43
|
+
let borderColor_1: string;
|
|
44
44
|
export { borderColor_1 as borderColor };
|
|
45
|
-
export
|
|
45
|
+
export let boxShadow: string;
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
namespace icon {
|
|
49
|
-
|
|
49
|
+
let width_1: number;
|
|
50
50
|
export { width_1 as width };
|
|
51
|
-
export
|
|
52
|
-
|
|
51
|
+
export let marginRight: number;
|
|
52
|
+
let height_2: string;
|
|
53
53
|
export { height_2 as height };
|
|
54
54
|
}
|
|
55
55
|
namespace description {
|
|
56
|
-
|
|
56
|
+
let lineHeight_1: number;
|
|
57
57
|
export { lineHeight_1 as lineHeight };
|
|
58
58
|
}
|
|
59
59
|
namespace title {
|
|
60
|
-
|
|
60
|
+
let lineHeight_2: number;
|
|
61
61
|
export { lineHeight_2 as lineHeight };
|
|
62
62
|
}
|
|
63
|
-
|
|
63
|
+
let variants: {};
|
|
64
64
|
namespace sizes {
|
|
65
65
|
namespace sm {
|
|
66
66
|
export namespace title_1 {
|
|
67
|
-
|
|
67
|
+
let fontSize_1: string;
|
|
68
68
|
export { fontSize_1 as fontSize };
|
|
69
69
|
}
|
|
70
70
|
export { title_1 as title };
|
|
71
71
|
export namespace description_1 {
|
|
72
|
-
|
|
72
|
+
let fontSize_2: string;
|
|
73
73
|
export { fontSize_2 as fontSize };
|
|
74
74
|
}
|
|
75
75
|
export { description_1 as description };
|
|
76
76
|
}
|
|
77
77
|
namespace md {
|
|
78
78
|
export namespace title_2 {
|
|
79
|
-
|
|
79
|
+
let fontSize_3: string;
|
|
80
80
|
export { fontSize_3 as fontSize };
|
|
81
81
|
}
|
|
82
82
|
export { title_2 as title };
|
|
83
83
|
export namespace description_2 {
|
|
84
|
-
|
|
84
|
+
let fontSize_4: string;
|
|
85
85
|
export { fontSize_4 as fontSize };
|
|
86
86
|
}
|
|
87
87
|
export { description_2 as description };
|
|
88
88
|
}
|
|
89
89
|
namespace lg {
|
|
90
90
|
export namespace title_3 {
|
|
91
|
-
|
|
91
|
+
let fontSize_5: string;
|
|
92
92
|
export { fontSize_5 as fontSize };
|
|
93
93
|
}
|
|
94
94
|
export { title_3 as title };
|
|
95
95
|
export namespace description_3 {
|
|
96
|
-
|
|
96
|
+
let fontSize_6: string;
|
|
97
97
|
export { fontSize_6 as fontSize };
|
|
98
98
|
}
|
|
99
99
|
export { description_3 as description };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export namespace fonts {
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
let heading: string;
|
|
3
|
+
let body: string;
|
|
4
4
|
}
|
|
5
5
|
export const fontSizes: {
|
|
6
6
|
'5xl': string;
|
|
@@ -15,9 +15,9 @@ export const fontSizes: {
|
|
|
15
15
|
xs: string;
|
|
16
16
|
};
|
|
17
17
|
export namespace fontWeights {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
18
|
+
let light: number;
|
|
19
|
+
let normal: number;
|
|
20
|
+
let medium: number;
|
|
21
|
+
let semibold: number;
|
|
22
|
+
let bold: number;
|
|
23
23
|
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
export default indices;
|
|
2
2
|
declare namespace indices {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
3
|
+
let hide: number;
|
|
4
|
+
let auto: string;
|
|
5
|
+
let base: number;
|
|
6
|
+
let layer1: number;
|
|
7
|
+
let layer2: number;
|
|
8
|
+
let layer3: number;
|
|
9
|
+
let layer4: number;
|
|
10
|
+
let layer5: number;
|
|
11
|
+
let layer6: number;
|
|
12
|
+
let layer7: number;
|
|
13
|
+
let layer8: number;
|
|
14
|
+
let layer9: number;
|
|
15
|
+
let layer10: number;
|
|
16
16
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spothero/ui",
|
|
3
|
-
"version": "25.
|
|
3
|
+
"version": "25.2.0-beta.0",
|
|
4
4
|
"description": "SpotHero's React component UI library.",
|
|
5
5
|
"main": "./dist/index.cjs.js",
|
|
6
6
|
"module": "./dist/index.esm.js",
|
|
@@ -104,11 +104,11 @@
|
|
|
104
104
|
"vite-tsconfig-paths": "5.1.4",
|
|
105
105
|
"vitest": "2.1.8",
|
|
106
106
|
"webpack-merge": "5.1.4",
|
|
107
|
-
"@spothero/babel-preset-spothero": "5.1.0",
|
|
108
|
-
"@spothero/eslint-config": "6.1.0",
|
|
109
107
|
"@spothero/browserslist-config": "4.0.0",
|
|
110
108
|
"@spothero/core": "7.0.1",
|
|
111
|
-
"@spothero/
|
|
109
|
+
"@spothero/eslint-config": "6.1.0",
|
|
110
|
+
"@spothero/babel-preset-spothero": "5.1.0",
|
|
111
|
+
"@spothero/icons": "9.1.8",
|
|
112
112
|
"@spothero/npm-publisher": "7.0.2",
|
|
113
113
|
"@spothero/prettier-config": "4.0.0",
|
|
114
114
|
"@spothero/stylelint-config": "6.0.0"
|