kui-basic 1.1.167 → 1.1.168
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/Caption/index.d.ts +39 -38
- package/Heading/index.d.ts +39 -38
- package/index.d.ts +145 -144
- package/package.json +1 -1
package/Caption/index.d.ts
CHANGED
|
@@ -1,43 +1,44 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
|
|
3
|
-
interface BrandColors {
|
|
4
|
-
main: string
|
|
5
|
-
pressed: string
|
|
6
|
-
hover: string
|
|
7
|
-
light: string
|
|
8
|
-
background: string
|
|
9
|
-
}
|
|
10
|
-
interface ColorOption {
|
|
11
|
-
fiftyP: string
|
|
12
|
-
seventy: string
|
|
13
|
-
sixty: string
|
|
14
|
-
ten: string
|
|
15
|
-
five: string
|
|
16
|
-
}
|
|
17
|
-
interface GreyColors {
|
|
18
|
-
seventy: string
|
|
19
|
-
sixty: string
|
|
20
|
-
fiftyP: string
|
|
21
|
-
fourty: string
|
|
22
|
-
thirty: string
|
|
23
|
-
fifteenB: string
|
|
24
|
-
zero: string
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
3
|
+
interface BrandColors {
|
|
4
|
+
main: string
|
|
5
|
+
pressed: string
|
|
6
|
+
hover: string
|
|
7
|
+
light: string
|
|
8
|
+
background: string
|
|
9
|
+
}
|
|
10
|
+
interface ColorOption {
|
|
11
|
+
fiftyP: string
|
|
12
|
+
seventy: string
|
|
13
|
+
sixty: string
|
|
14
|
+
ten: string
|
|
15
|
+
five: string
|
|
16
|
+
}
|
|
17
|
+
interface GreyColors {
|
|
18
|
+
seventy: string
|
|
19
|
+
sixty: string
|
|
20
|
+
fiftyP: string
|
|
21
|
+
fourty: string
|
|
22
|
+
thirty: string
|
|
23
|
+
fifteenB: string
|
|
24
|
+
zero: string
|
|
25
|
+
disabled: string
|
|
26
|
+
}
|
|
27
|
+
interface BackgroundColors {
|
|
28
|
+
light1: string
|
|
29
|
+
light2: string
|
|
30
|
+
light3: string
|
|
31
|
+
light4: string
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
type Palette = {
|
|
35
|
+
brand: BrandColors
|
|
36
|
+
green: ColorOption
|
|
37
|
+
red: ColorOption
|
|
38
|
+
blue: ColorOption
|
|
39
|
+
purple: ColorOption
|
|
40
|
+
grey: GreyColors
|
|
41
|
+
background: BackgroundColors
|
|
41
42
|
}
|
|
42
43
|
|
|
43
44
|
type CaptionSizes = "xs" | "sm" | "s" | "m" | "l"
|
package/Heading/index.d.ts
CHANGED
|
@@ -1,43 +1,44 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
|
|
3
|
-
interface BrandColors {
|
|
4
|
-
main: string
|
|
5
|
-
pressed: string
|
|
6
|
-
hover: string
|
|
7
|
-
light: string
|
|
8
|
-
background: string
|
|
9
|
-
}
|
|
10
|
-
interface ColorOption {
|
|
11
|
-
fiftyP: string
|
|
12
|
-
seventy: string
|
|
13
|
-
sixty: string
|
|
14
|
-
ten: string
|
|
15
|
-
five: string
|
|
16
|
-
}
|
|
17
|
-
interface GreyColors {
|
|
18
|
-
seventy: string
|
|
19
|
-
sixty: string
|
|
20
|
-
fiftyP: string
|
|
21
|
-
fourty: string
|
|
22
|
-
thirty: string
|
|
23
|
-
fifteenB: string
|
|
24
|
-
zero: string
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
3
|
+
interface BrandColors {
|
|
4
|
+
main: string
|
|
5
|
+
pressed: string
|
|
6
|
+
hover: string
|
|
7
|
+
light: string
|
|
8
|
+
background: string
|
|
9
|
+
}
|
|
10
|
+
interface ColorOption {
|
|
11
|
+
fiftyP: string
|
|
12
|
+
seventy: string
|
|
13
|
+
sixty: string
|
|
14
|
+
ten: string
|
|
15
|
+
five: string
|
|
16
|
+
}
|
|
17
|
+
interface GreyColors {
|
|
18
|
+
seventy: string
|
|
19
|
+
sixty: string
|
|
20
|
+
fiftyP: string
|
|
21
|
+
fourty: string
|
|
22
|
+
thirty: string
|
|
23
|
+
fifteenB: string
|
|
24
|
+
zero: string
|
|
25
|
+
disabled: string
|
|
26
|
+
}
|
|
27
|
+
interface BackgroundColors {
|
|
28
|
+
light1: string
|
|
29
|
+
light2: string
|
|
30
|
+
light3: string
|
|
31
|
+
light4: string
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
type Palette = {
|
|
35
|
+
brand: BrandColors
|
|
36
|
+
green: ColorOption
|
|
37
|
+
red: ColorOption
|
|
38
|
+
blue: ColorOption
|
|
39
|
+
purple: ColorOption
|
|
40
|
+
grey: GreyColors
|
|
41
|
+
background: BackgroundColors
|
|
41
42
|
}
|
|
42
43
|
|
|
43
44
|
type CaptionColorGroups = keyof Palette
|
package/index.d.ts
CHANGED
|
@@ -3,150 +3,151 @@ import { HTMLInputTypeAttribute, ReactElement, ReactNode, SyntheticEvent, RefObj
|
|
|
3
3
|
import { Placement, OffsetOptions, Strategy } from '@floating-ui/react';
|
|
4
4
|
import { MiddlewareData } from '@floating-ui/core/src/types';
|
|
5
5
|
|
|
6
|
-
interface BrandColors {
|
|
7
|
-
main: string
|
|
8
|
-
pressed: string
|
|
9
|
-
hover: string
|
|
10
|
-
light: string
|
|
11
|
-
background: string
|
|
12
|
-
}
|
|
13
|
-
interface ColorOption {
|
|
14
|
-
fiftyP: string
|
|
15
|
-
seventy: string
|
|
16
|
-
sixty: string
|
|
17
|
-
ten: string
|
|
18
|
-
five: string
|
|
19
|
-
}
|
|
20
|
-
interface GreyColors {
|
|
21
|
-
seventy: string
|
|
22
|
-
sixty: string
|
|
23
|
-
fiftyP: string
|
|
24
|
-
fourty: string
|
|
25
|
-
thirty: string
|
|
26
|
-
fifteenB: string
|
|
27
|
-
zero: string
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
6
|
+
interface BrandColors {
|
|
7
|
+
main: string
|
|
8
|
+
pressed: string
|
|
9
|
+
hover: string
|
|
10
|
+
light: string
|
|
11
|
+
background: string
|
|
12
|
+
}
|
|
13
|
+
interface ColorOption {
|
|
14
|
+
fiftyP: string
|
|
15
|
+
seventy: string
|
|
16
|
+
sixty: string
|
|
17
|
+
ten: string
|
|
18
|
+
five: string
|
|
19
|
+
}
|
|
20
|
+
interface GreyColors {
|
|
21
|
+
seventy: string
|
|
22
|
+
sixty: string
|
|
23
|
+
fiftyP: string
|
|
24
|
+
fourty: string
|
|
25
|
+
thirty: string
|
|
26
|
+
fifteenB: string
|
|
27
|
+
zero: string
|
|
28
|
+
disabled: string
|
|
29
|
+
}
|
|
30
|
+
interface BackgroundColors {
|
|
31
|
+
light1: string
|
|
32
|
+
light2: string
|
|
33
|
+
light3: string
|
|
34
|
+
light4: string
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
type PrimaryColorsType = {
|
|
38
|
+
main: string
|
|
39
|
+
pressed: string
|
|
40
|
+
hover: string
|
|
41
|
+
light: string
|
|
42
|
+
light2: string
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
type SecondaryColorsType = {
|
|
46
|
+
main: string
|
|
47
|
+
gray60: string
|
|
48
|
+
gray50: string
|
|
49
|
+
gray40: string
|
|
50
|
+
gray30: string
|
|
51
|
+
gray15: string
|
|
52
|
+
white: string
|
|
53
|
+
light: string
|
|
54
|
+
disabled: string
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
type BackgroundColorsType = {
|
|
58
|
+
main: string
|
|
59
|
+
light2: string
|
|
60
|
+
light3: string
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
type SuccessColorsType = {
|
|
64
|
+
green70: string
|
|
65
|
+
green60: string
|
|
66
|
+
main: string
|
|
67
|
+
green10: string
|
|
68
|
+
green5: string
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
type ErrorColorsType = {
|
|
72
|
+
red70: string
|
|
73
|
+
red60: string
|
|
74
|
+
main: string
|
|
75
|
+
red10: string
|
|
76
|
+
red5: string
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
type InfoColorsType = {
|
|
80
|
+
blue70: string
|
|
81
|
+
blue60: string
|
|
82
|
+
main: string
|
|
83
|
+
blue10: string
|
|
84
|
+
blue5: string
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
type PurpleColorsType = {
|
|
88
|
+
purple70: string
|
|
89
|
+
purple60: string
|
|
90
|
+
main: string
|
|
91
|
+
purple10: string
|
|
92
|
+
purple5: string
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
type ColorsType = {
|
|
96
|
+
primary: PrimaryColorsType
|
|
97
|
+
secondary: SecondaryColorsType
|
|
98
|
+
background: BackgroundColorsType
|
|
99
|
+
success: SuccessColorsType
|
|
100
|
+
error: ErrorColorsType
|
|
101
|
+
info: InfoColorsType
|
|
102
|
+
purple: PurpleColorsType
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
type ShadowsType = {
|
|
106
|
+
shadow1: string
|
|
107
|
+
shadow2: string
|
|
108
|
+
shadow3: string
|
|
109
|
+
shadow4: string
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
type BreakpointsType = {
|
|
113
|
+
xxs: number
|
|
114
|
+
xs: number
|
|
115
|
+
sm: number
|
|
116
|
+
md: number
|
|
117
|
+
lg: number
|
|
118
|
+
xl: number
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
type SettingsType = {
|
|
122
|
+
spacing: number
|
|
123
|
+
columns: number
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
type ThemeType = {
|
|
127
|
+
palette: ColorsType
|
|
128
|
+
shadows: ShadowsType
|
|
129
|
+
breakpoints: BreakpointsType
|
|
130
|
+
settings: SettingsType
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
type Palette = {
|
|
134
|
+
brand: BrandColors
|
|
135
|
+
green: ColorOption
|
|
136
|
+
red: ColorOption
|
|
137
|
+
blue: ColorOption
|
|
138
|
+
purple: ColorOption
|
|
139
|
+
grey: GreyColors
|
|
140
|
+
background: BackgroundColors
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
type ThemeInterface = {
|
|
144
|
+
palette: Palette
|
|
145
|
+
shadows: ShadowsType
|
|
146
|
+
breakpoints: BreakpointsType
|
|
147
|
+
settings: SettingsType
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
declare const themeOld: ThemeType
|
|
150
151
|
declare const theme: ThemeInterface
|
|
151
152
|
|
|
152
153
|
type CaptionSizes = "xs" | "sm" | "s" | "m" | "l"
|