wave-ui 3.13.6 → 3.14.1
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/types/$waveui.d.ts +29 -29
- package/dist/types/colors.d.ts +8 -0
- package/dist/wave-ui.cjs.js +1 -1
- package/dist/wave-ui.css +1 -1
- package/dist/wave-ui.es.js +1046 -1002
- package/dist/wave-ui.umd.js +1 -1
- package/package.json +13 -9
- package/src/wave-ui/components/w-button/button.vue +13 -11
- package/src/wave-ui/components/w-switch.vue +6 -5
- package/src/wave-ui/core.js +1 -0
- package/src/wave-ui/scss/_layout.scss +1 -1
- package/src/wave-ui/scss/_variables.scss +1 -1
- package/src/wave-ui/utils/colors.js +234 -15
- package/src/wave-ui/utils/config.js +1 -1
- package/src/wave-ui/utils/dynamic-css.js +3 -3
package/dist/types/$waveui.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { WaveColor } from './colors';
|
|
1
|
+
import { ColorShadeInfo, WaveColor } from './colors';
|
|
2
2
|
import { WaveAlertProps } from './components/WAlert';
|
|
3
3
|
export type WaveNotificationType = 'info' | 'success' | 'warning' | 'error';
|
|
4
4
|
export interface $waveui {
|
|
@@ -97,35 +97,35 @@ export interface $waveui {
|
|
|
97
97
|
*/
|
|
98
98
|
light: {
|
|
99
99
|
/**
|
|
100
|
-
* @property {string} primary - Default: '#234781'
|
|
100
|
+
* @property {string | ColorShadeInfo} primary - Default: '#234781'
|
|
101
101
|
*/
|
|
102
|
-
primary: string;
|
|
102
|
+
primary: string | ColorShadeInfo;
|
|
103
103
|
/**
|
|
104
|
-
* @property {string} secondary - Default: '#d3ebff'
|
|
104
|
+
* @property {string | ColorShadeInfo} secondary - Default: '#d3ebff'
|
|
105
105
|
*/
|
|
106
|
-
secondary: string;
|
|
106
|
+
secondary: string | ColorShadeInfo;
|
|
107
107
|
/**
|
|
108
|
-
* @property {string} info - Default: '#3d9ff5'
|
|
108
|
+
* @property {string | ColorShadeInfo} info - Default: '#3d9ff5'
|
|
109
109
|
*/
|
|
110
|
-
info: string;
|
|
110
|
+
info: string | ColorShadeInfo;
|
|
111
111
|
/**
|
|
112
|
-
* @property {string} warning - Default: '#ff8800'
|
|
112
|
+
* @property {string | ColorShadeInfo} warning - Default: '#ff8800'
|
|
113
113
|
*/
|
|
114
|
-
warning: string;
|
|
114
|
+
warning: string | ColorShadeInfo;
|
|
115
115
|
/**
|
|
116
|
-
* @property {string} success - Default: '#54b946'
|
|
116
|
+
* @property {string | ColorShadeInfo} success - Default: '#54b946'
|
|
117
117
|
*/
|
|
118
|
-
success: string;
|
|
118
|
+
success: string | ColorShadeInfo;
|
|
119
119
|
/**
|
|
120
|
-
* @property {string} error - Default: '#f65555'
|
|
120
|
+
* @property {string | ColorShadeInfo} error - Default: '#f65555'
|
|
121
121
|
*/
|
|
122
|
-
error: string;
|
|
122
|
+
error: string | ColorShadeInfo;
|
|
123
123
|
/**
|
|
124
124
|
* Here any additional colors can be defined by the user.
|
|
125
|
-
* @property {string} {string}
|
|
125
|
+
* @property {string} {string | ColorShadeInfo}
|
|
126
126
|
* @see https://antoniandre.github.io/wave-ui/colors#defining-your-own-css-colors-in-the-wave-ui-configuration
|
|
127
127
|
*/
|
|
128
|
-
[key: string]: string;
|
|
128
|
+
[key: string]: string | ColorShadeInfo;
|
|
129
129
|
};
|
|
130
130
|
/**
|
|
131
131
|
* The dark theme default colors
|
|
@@ -133,35 +133,35 @@ export interface $waveui {
|
|
|
133
133
|
*/
|
|
134
134
|
dark: {
|
|
135
135
|
/**
|
|
136
|
-
* @property {string} primary - Default: '#89b6d2'
|
|
136
|
+
* @property {string | ColorShadeInfo} primary - Default: '#89b6d2'
|
|
137
137
|
*/
|
|
138
|
-
primary: string;
|
|
138
|
+
primary: string | ColorShadeInfo;
|
|
139
139
|
/**
|
|
140
|
-
* @property {string} secondary - Default: '#375b6a'
|
|
140
|
+
* @property {string | ColorShadeInfo} secondary - Default: '#375b6a'
|
|
141
141
|
*/
|
|
142
|
-
secondary: string;
|
|
142
|
+
secondary: string | ColorShadeInfo;
|
|
143
143
|
/**
|
|
144
|
-
* @property {string} info - Default: '#3d9ff5'
|
|
144
|
+
* @property {string | ColorShadeInfo} info - Default: '#3d9ff5'
|
|
145
145
|
*/
|
|
146
|
-
info: string;
|
|
146
|
+
info: string | ColorShadeInfo;
|
|
147
147
|
/**
|
|
148
|
-
* @property {string} warning - Default: '#ff8800'
|
|
148
|
+
* @property {string | ColorShadeInfo} warning - Default: '#ff8800'
|
|
149
149
|
*/
|
|
150
|
-
warning: string;
|
|
150
|
+
warning: string | ColorShadeInfo;
|
|
151
151
|
/**
|
|
152
|
-
* @property {string} success - Default: '#54b946'
|
|
152
|
+
* @property {string | ColorShadeInfo} success - Default: '#54b946'
|
|
153
153
|
*/
|
|
154
|
-
success: string;
|
|
154
|
+
success: string | ColorShadeInfo;
|
|
155
155
|
/**
|
|
156
|
-
* @property {string} error - Default: '#f65555'
|
|
156
|
+
* @property {string | ColorShadeInfo} error - Default: '#f65555'
|
|
157
157
|
*/
|
|
158
|
-
error: string;
|
|
158
|
+
error: string | ColorShadeInfo;
|
|
159
159
|
/**
|
|
160
160
|
* Here any additional colors can be defined by the user.
|
|
161
|
-
* @property {string} {string}
|
|
161
|
+
* @property {string} {string | ColorShadeInfo}
|
|
162
162
|
* @see https://antoniandre.github.io/wave-ui/colors#defining-your-own-css-colors-in-the-wave-ui-configuration
|
|
163
163
|
*/
|
|
164
|
-
[key: string]: string;
|
|
164
|
+
[key: string]: string | ColorShadeInfo;
|
|
165
165
|
};
|
|
166
166
|
};
|
|
167
167
|
/**
|
package/dist/types/colors.d.ts
CHANGED
|
@@ -1,4 +1,12 @@
|
|
|
1
|
+
export interface ColorShadeInfo {
|
|
2
|
+
color: string;
|
|
3
|
+
lightOffset?: number;
|
|
4
|
+
lightIncrement?: number;
|
|
5
|
+
darkOffset?: number;
|
|
6
|
+
darkIncrement?: number;
|
|
7
|
+
}
|
|
1
8
|
export type WaveStatusColors = 'primary' | 'success' | 'error' | 'warning' | 'info';
|
|
9
|
+
export type PaletteColors = 'pink' | 'purple' | 'deep-purple' | 'indigo' | 'blue' | 'light-blue' | 'cyan' | 'teal' | 'green' | 'light-green' | 'lime' | 'yellow' | 'amber' | 'orange' | 'deep-orange' | 'red' | 'brown' | 'blue-grey' | 'grey';
|
|
2
10
|
export type WaveColorShades = 'black' | 'white' | 'transparent' | 'inherit' | 'primary-light3' | 'primary-light2' | 'primary-light1' | 'primary-dark1' | 'primary-dark2' | 'primary-dark3' | 'success-light3' | 'success-light2' | 'success-light1' | 'success-dark1' | 'success-dark2' | 'success-dark3' | 'error-light3' | 'error-light2' | 'error-light1' | 'error-dark1' | 'error-dark2' | 'error-dark3' | 'warning-light3' | 'warning-light2' | 'warning-light1' | 'warning-dark1' | 'warning-dark2' | 'warning-dark3' | 'info-light3' | 'info-light2' | 'info-light1' | 'info-dark1' | 'info-dark2' | 'info-dark3' |
|
|
3
11
|
/** #fdebf1 */
|
|
4
12
|
'pink-light6' |
|