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.
@@ -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
- interface BackgroundColors {
27
- light1: string
28
- light2: string
29
- light3: string
30
- light4: string
31
- }
32
-
33
- type Palette = {
34
- brand: BrandColors
35
- green: ColorOption
36
- red: ColorOption
37
- blue: ColorOption
38
- purple: ColorOption
39
- grey: GreyColors
40
- background: BackgroundColors
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"
@@ -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
- interface BackgroundColors {
27
- light1: string
28
- light2: string
29
- light3: string
30
- light4: string
31
- }
32
-
33
- type Palette = {
34
- brand: BrandColors
35
- green: ColorOption
36
- red: ColorOption
37
- blue: ColorOption
38
- purple: ColorOption
39
- grey: GreyColors
40
- background: BackgroundColors
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
- interface BackgroundColors {
30
- light1: string
31
- light2: string
32
- light3: string
33
- light4: string
34
- }
35
-
36
- type PrimaryColorsType = {
37
- main: string
38
- pressed: string
39
- hover: string
40
- light: string
41
- light2: string
42
- }
43
-
44
- type SecondaryColorsType = {
45
- main: string
46
- gray60: string
47
- gray50: string
48
- gray40: string
49
- gray30: string
50
- gray15: string
51
- white: string
52
- light: string
53
- disabled: string
54
- }
55
-
56
- type BackgroundColorsType = {
57
- main: string
58
- light2: string
59
- light3: string
60
- }
61
-
62
- type SuccessColorsType = {
63
- green70: string
64
- green60: string
65
- main: string
66
- green10: string
67
- green5: string
68
- }
69
-
70
- type ErrorColorsType = {
71
- red70: string
72
- red60: string
73
- main: string
74
- red10: string
75
- red5: string
76
- }
77
-
78
- type InfoColorsType = {
79
- blue70: string
80
- blue60: string
81
- main: string
82
- blue10: string
83
- blue5: string
84
- }
85
-
86
- type PurpleColorsType = {
87
- purple70: string
88
- purple60: string
89
- main: string
90
- purple10: string
91
- purple5: string
92
- }
93
-
94
- type ColorsType = {
95
- primary: PrimaryColorsType
96
- secondary: SecondaryColorsType
97
- background: BackgroundColorsType
98
- success: SuccessColorsType
99
- error: ErrorColorsType
100
- info: InfoColorsType
101
- purple: PurpleColorsType
102
- }
103
-
104
- type ShadowsType = {
105
- shadow1: string
106
- shadow2: string
107
- shadow3: string
108
- shadow4: string
109
- }
110
-
111
- type BreakpointsType = {
112
- xxs: number
113
- xs: number
114
- sm: number
115
- md: number
116
- lg: number
117
- xl: number
118
- }
119
-
120
- type SettingsType = {
121
- spacing: number
122
- columns: number
123
- }
124
-
125
- type ThemeType = {
126
- palette: ColorsType
127
- shadows: ShadowsType
128
- breakpoints: BreakpointsType
129
- settings: SettingsType
130
- }
131
-
132
- type Palette = {
133
- brand: BrandColors
134
- green: ColorOption
135
- red: ColorOption
136
- blue: ColorOption
137
- purple: ColorOption
138
- grey: GreyColors
139
- background: BackgroundColors
140
- }
141
-
142
- type ThemeInterface = {
143
- palette: Palette
144
- shadows: ShadowsType
145
- breakpoints: BreakpointsType
146
- settings: SettingsType
147
- }
148
-
149
- declare const themeOld: ThemeType
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"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kui-basic",
3
- "version": "1.1.167",
3
+ "version": "1.1.168",
4
4
  "private": false,
5
5
  "description": "React UI Components for Maroom projects",
6
6
  "author": {