@mc-markets/ui 1.0.37 → 1.0.39
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/README.md +100 -0
- package/dist/index.js +18841 -4
- package/dist/index.js.css +1 -0
- package/package.json +28 -76
- package/packages/styles/README.md +0 -150
- package/packages/styles/index.scss +48 -5
- package/packages/styles/{theme-config.ts → theme-config.js} +35 -55
- package/packages/styles/variables/border-mode.css +6 -6
- package/packages/styles/variables/index.scss +5 -5
- package/packages/styles/variables/primitives-style.css +112 -112
- package/packages/styles/variables/radius-mode.css +14 -14
- package/packages/styles/variables/spacing-mode.css +20 -20
- package/packages/styles/variables/typography-desktop.css +40 -40
- package/packages/styles/variables/typography-mobile.css +40 -40
- package/packages/styles/variables.scss +17 -79
- package/dist/components/Alert/Alert.vue.d.ts +0 -18
- package/dist/components/Alert/index.d.ts +0 -3
- package/dist/components/Banner/Banner.vue.d.ts +0 -18
- package/dist/components/Banner/index.d.ts +0 -3
- package/dist/components/DatePicker/DatePicker.vue.d.ts +0 -17
- package/dist/components/DatePicker/index.d.ts +0 -3
- package/dist/components/Dialog/index.vue.d.ts +0 -51
- package/dist/components/Empty/Empty.vue.d.ts +0 -19
- package/dist/components/Empty/index.d.ts +0 -3
- package/dist/components/Icon/index.d.ts +0 -3
- package/dist/components/Icon/types.d.ts +0 -35
- package/dist/components/Notification/Notification.vue.d.ts +0 -18
- package/dist/components/Notification/index.d.ts +0 -3
- package/dist/components/Pagination/Pagination.vue.d.ts +0 -17
- package/dist/components/Pagination/index.d.ts +0 -3
- package/dist/components/Tab/Tab.vue.d.ts +0 -17
- package/dist/components/Tab/TabPane.vue.d.ts +0 -18
- package/dist/components/Tooltips/Tooltips.vue.d.ts +0 -18
- package/dist/components/Tooltips/index.d.ts +0 -3
- package/dist/index.d.ts +0 -24
- package/dist/node_modules/@babel/parser/typings/babel-parser.d.ts +0 -235
- package/dist/node_modules/@babel/types/lib/index.d.ts +0 -3308
- package/dist/node_modules/@ctrl/tinycolor/dist/conversion.d.ts +0 -61
- package/dist/node_modules/@ctrl/tinycolor/dist/css-color-names.d.ts +0 -4
- package/dist/node_modules/@ctrl/tinycolor/dist/format-input.d.ts +0 -37
- package/dist/node_modules/@ctrl/tinycolor/dist/from-ratio.d.ts +0 -14
- package/dist/node_modules/@ctrl/tinycolor/dist/index.d.ts +0 -207
- package/dist/node_modules/@ctrl/tinycolor/dist/interfaces.d.ts +0 -46
- package/dist/node_modules/@ctrl/tinycolor/dist/public_api.d.ts +0 -11
- package/dist/node_modules/@ctrl/tinycolor/dist/random.d.ts +0 -24
- package/dist/node_modules/@ctrl/tinycolor/dist/readability.d.ts +0 -46
- package/dist/node_modules/@ctrl/tinycolor/dist/to-ms-filter.d.ts +0 -5
- package/dist/node_modules/@floating-ui/core/dist/floating-ui.core.d.mts +0 -514
- package/dist/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.mts +0 -327
- package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.d.mts +0 -103
- package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.d.mts +0 -47
- package/dist/node_modules/@types/lodash/common/array.d.ts +0 -2137
- package/dist/node_modules/@types/lodash/common/collection.d.ts +0 -1938
- package/dist/node_modules/@types/lodash/common/common.d.ts +0 -287
- package/dist/node_modules/@types/lodash/common/date.d.ts +0 -23
- package/dist/node_modules/@types/lodash/common/function.d.ts +0 -1455
- package/dist/node_modules/@types/lodash/common/lang.d.ts +0 -1700
- package/dist/node_modules/@types/lodash/common/math.d.ts +0 -405
- package/dist/node_modules/@types/lodash/common/number.d.ts +0 -131
- package/dist/node_modules/@types/lodash/common/object.d.ts +0 -2643
- package/dist/node_modules/@types/lodash/common/seq.d.ts +0 -210
- package/dist/node_modules/@types/lodash/common/string.d.ts +0 -788
- package/dist/node_modules/@types/lodash/common/util.d.ts +0 -1220
- package/dist/node_modules/@types/lodash/index.d.ts +0 -21
- package/dist/node_modules/@vue/compiler-core/dist/compiler-core.d.ts +0 -1093
- package/dist/node_modules/@vue/compiler-dom/dist/compiler-dom.d.ts +0 -45
- package/dist/node_modules/@vue/reactivity/dist/reactivity.d.ts +0 -756
- package/dist/node_modules/@vue/runtime-core/dist/runtime-core.d.ts +0 -1839
- package/dist/node_modules/@vue/runtime-dom/dist/runtime-dom.d.ts +0 -1397
- package/dist/node_modules/@vue/shared/dist/shared.d.ts +0 -335
- package/dist/node_modules/@vueuse/core/index.d.ts +0 -4536
- package/dist/node_modules/@vueuse/core/node_modules/vue-demi/lib/index.d.ts +0 -22
- package/dist/node_modules/@vueuse/shared/index.d.ts +0 -1072
- package/dist/node_modules/@vueuse/shared/node_modules/vue-demi/lib/index.d.ts +0 -22
- package/dist/node_modules/async-validator/dist-types/index.d.ts +0 -43
- package/dist/node_modules/async-validator/dist-types/interface.d.ts +0 -135
- package/dist/node_modules/csstype/index.d.ts +0 -21297
- package/dist/node_modules/dayjs/index.d.ts +0 -429
- package/dist/node_modules/dayjs/locale/index.d.ts +0 -11
- package/dist/node_modules/dayjs/locale/types.d.ts +0 -33
- package/dist/node_modules/element-plus/es/index.d.ts +0 -26960
- package/dist/node_modules/element-plus/es/utils/vue3.3.polyfill.d.ts +0 -34
- package/dist/node_modules/memoize-one/dist/memoize-one.d.ts +0 -7
- package/dist/node_modules/vue/dist/vue.d.mts +0 -7
- package/dist/style.css +0 -1
- package/dist/styles/theme-config.d.ts +0 -83
- package/dist/types/auto-imports.d.ts +0 -84
- package/dist/types/components.d.ts +0 -55
- package/packages/styles/element/button.scss +0 -99
- package/packages/styles/element/form.scss +0 -27
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { HSL, HSV, Numberify, RGB } from './interfaces.js';
|
|
2
|
-
/**
|
|
3
|
-
* Handle bounds / percentage checking to conform to CSS color spec
|
|
4
|
-
* <http://www.w3.org/TR/css3-color/>
|
|
5
|
-
* *Assumes:* r, g, b in [0, 255] or [0, 1]
|
|
6
|
-
* *Returns:* { r, g, b } in [0, 255]
|
|
7
|
-
*/
|
|
8
|
-
export declare function rgbToRgb(r: number | string, g: number | string, b: number | string): Numberify<RGB>;
|
|
9
|
-
/**
|
|
10
|
-
* Converts an RGB color value to HSL.
|
|
11
|
-
* *Assumes:* r, g, and b are contained in [0, 255] or [0, 1]
|
|
12
|
-
* *Returns:* { h, s, l } in [0,1]
|
|
13
|
-
*/
|
|
14
|
-
export declare function rgbToHsl(r: number, g: number, b: number): Numberify<HSL>;
|
|
15
|
-
/**
|
|
16
|
-
* Converts an HSL color value to RGB.
|
|
17
|
-
*
|
|
18
|
-
* *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100]
|
|
19
|
-
* *Returns:* { r, g, b } in the set [0, 255]
|
|
20
|
-
*/
|
|
21
|
-
export declare function hslToRgb(h: number | string, s: number | string, l: number | string): Numberify<RGB>;
|
|
22
|
-
/**
|
|
23
|
-
* Converts an RGB color value to HSV
|
|
24
|
-
*
|
|
25
|
-
* *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1]
|
|
26
|
-
* *Returns:* { h, s, v } in [0,1]
|
|
27
|
-
*/
|
|
28
|
-
export declare function rgbToHsv(r: number, g: number, b: number): Numberify<HSV>;
|
|
29
|
-
/**
|
|
30
|
-
* Converts an HSV color value to RGB.
|
|
31
|
-
*
|
|
32
|
-
* *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100]
|
|
33
|
-
* *Returns:* { r, g, b } in the set [0, 255]
|
|
34
|
-
*/
|
|
35
|
-
export declare function hsvToRgb(h: number | string, s: number | string, v: number | string): Numberify<RGB>;
|
|
36
|
-
/**
|
|
37
|
-
* Converts an RGB color to hex
|
|
38
|
-
*
|
|
39
|
-
* Assumes r, g, and b are contained in the set [0, 255]
|
|
40
|
-
* Returns a 3 or 6 character hex
|
|
41
|
-
*/
|
|
42
|
-
export declare function rgbToHex(r: number, g: number, b: number, allow3Char: boolean): string;
|
|
43
|
-
/**
|
|
44
|
-
* Converts an RGBA color plus alpha transparency to hex
|
|
45
|
-
*
|
|
46
|
-
* Assumes r, g, b are contained in the set [0, 255] and
|
|
47
|
-
* a in [0, 1]. Returns a 4 or 8 character rgba hex
|
|
48
|
-
*/
|
|
49
|
-
export declare function rgbaToHex(r: number, g: number, b: number, a: number, allow4Char: boolean): string;
|
|
50
|
-
/**
|
|
51
|
-
* Converts an RGBA color to an ARGB Hex8 string
|
|
52
|
-
* Rarely used, but required for "toFilter()"
|
|
53
|
-
*/
|
|
54
|
-
export declare function rgbaToArgbHex(r: number, g: number, b: number, a: number): string;
|
|
55
|
-
/** Converts a decimal to a hex value */
|
|
56
|
-
export declare function convertDecimalToHex(d: string | number): string;
|
|
57
|
-
/** Converts a hex value to a decimal */
|
|
58
|
-
export declare function convertHexToDecimal(h: string): number;
|
|
59
|
-
/** Parse a base-16 hex value into a base-10 integer */
|
|
60
|
-
export declare function parseIntFromHex(val: string): number;
|
|
61
|
-
export declare function numberInputToObject(color: number): RGB;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { HSL, HSLA, HSV, HSVA, RGB, RGBA } from './interfaces.js';
|
|
2
|
-
/**
|
|
3
|
-
* Given a string or object, convert that input to RGB
|
|
4
|
-
*
|
|
5
|
-
* Possible string inputs:
|
|
6
|
-
* ```
|
|
7
|
-
* "red"
|
|
8
|
-
* "#f00" or "f00"
|
|
9
|
-
* "#ff0000" or "ff0000"
|
|
10
|
-
* "#ff000000" or "ff000000"
|
|
11
|
-
* "rgb 255 0 0" or "rgb (255, 0, 0)"
|
|
12
|
-
* "rgb 1.0 0 0" or "rgb (1, 0, 0)"
|
|
13
|
-
* "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1"
|
|
14
|
-
* "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1"
|
|
15
|
-
* "hsl(0, 100%, 50%)" or "hsl 0 100% 50%"
|
|
16
|
-
* "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1"
|
|
17
|
-
* "hsv(0, 100%, 100%)" or "hsv 0 100% 100%"
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
|
-
export declare function inputToRGB(color: string | RGB | RGBA | HSL | HSLA | HSV | HSVA | any): {
|
|
21
|
-
ok: boolean;
|
|
22
|
-
format: any;
|
|
23
|
-
r: number;
|
|
24
|
-
g: number;
|
|
25
|
-
b: number;
|
|
26
|
-
a: number;
|
|
27
|
-
};
|
|
28
|
-
/**
|
|
29
|
-
* Permissive string parsing. Take in a number of formats, and output an object
|
|
30
|
-
* based on detected format. Returns `{ r, g, b }` or `{ h, s, l }` or `{ h, s, v}`
|
|
31
|
-
*/
|
|
32
|
-
export declare function stringInputToObject(color: string): any;
|
|
33
|
-
/**
|
|
34
|
-
* Check to see if it looks like a CSS unit
|
|
35
|
-
* (see `matchers` above for definition).
|
|
36
|
-
*/
|
|
37
|
-
export declare function isValidCSSUnit(color: string | number): boolean;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { TinyColor } from './index.js';
|
|
2
|
-
export interface RatioInput {
|
|
3
|
-
r: number | string;
|
|
4
|
-
g: number | string;
|
|
5
|
-
b: number | string;
|
|
6
|
-
a?: number | string;
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* If input is an object, force 1 into "1.0" to handle ratios properly
|
|
10
|
-
* String input requires "1.0" as input, so 1 will be treated as 1
|
|
11
|
-
*/
|
|
12
|
-
export declare function fromRatio(ratio: RatioInput, opts?: any): TinyColor;
|
|
13
|
-
/** old random function */
|
|
14
|
-
export declare function legacyRandom(): TinyColor;
|
|
@@ -1,207 +0,0 @@
|
|
|
1
|
-
import { HSL, HSLA, HSV, HSVA, Numberify, RGB, RGBA } from './interfaces.js';
|
|
2
|
-
export interface TinyColorOptions {
|
|
3
|
-
format: string;
|
|
4
|
-
gradientType: string;
|
|
5
|
-
}
|
|
6
|
-
export type ColorInput = string | number | RGB | RGBA | HSL | HSLA | HSV | HSVA | TinyColor;
|
|
7
|
-
export type ColorFormats = 'rgb' | 'prgb' | 'hex' | 'hex3' | 'hex4' | 'hex6' | 'hex8' | 'name' | 'hsl' | 'hsv';
|
|
8
|
-
export declare class TinyColor {
|
|
9
|
-
/** red */
|
|
10
|
-
r: number;
|
|
11
|
-
/** green */
|
|
12
|
-
g: number;
|
|
13
|
-
/** blue */
|
|
14
|
-
b: number;
|
|
15
|
-
/** alpha */
|
|
16
|
-
a: number;
|
|
17
|
-
/** the format used to create the tinycolor instance */
|
|
18
|
-
format: ColorFormats;
|
|
19
|
-
/** input passed into the constructer used to create the tinycolor instance */
|
|
20
|
-
originalInput: ColorInput;
|
|
21
|
-
/** the color was successfully parsed */
|
|
22
|
-
isValid: boolean;
|
|
23
|
-
gradientType?: string;
|
|
24
|
-
/** rounded alpha */
|
|
25
|
-
roundA: number;
|
|
26
|
-
constructor(color?: ColorInput, opts?: Partial<TinyColorOptions>);
|
|
27
|
-
isDark(): boolean;
|
|
28
|
-
isLight(): boolean;
|
|
29
|
-
/**
|
|
30
|
-
* Returns the perceived brightness of the color, from 0-255.
|
|
31
|
-
*/
|
|
32
|
-
getBrightness(): number;
|
|
33
|
-
/**
|
|
34
|
-
* Returns the perceived luminance of a color, from 0-1.
|
|
35
|
-
*/
|
|
36
|
-
getLuminance(): number;
|
|
37
|
-
/**
|
|
38
|
-
* Returns the alpha value of a color, from 0-1.
|
|
39
|
-
*/
|
|
40
|
-
getAlpha(): number;
|
|
41
|
-
/**
|
|
42
|
-
* Sets the alpha value on the current color.
|
|
43
|
-
*
|
|
44
|
-
* @param alpha - The new alpha value. The accepted range is 0-1.
|
|
45
|
-
*/
|
|
46
|
-
setAlpha(alpha?: string | number): this;
|
|
47
|
-
/**
|
|
48
|
-
* Returns whether the color is monochrome.
|
|
49
|
-
*/
|
|
50
|
-
isMonochrome(): boolean;
|
|
51
|
-
/**
|
|
52
|
-
* Returns the object as a HSVA object.
|
|
53
|
-
*/
|
|
54
|
-
toHsv(): Numberify<HSVA>;
|
|
55
|
-
/**
|
|
56
|
-
* Returns the hsva values interpolated into a string with the following format:
|
|
57
|
-
* "hsva(xxx, xxx, xxx, xx)".
|
|
58
|
-
*/
|
|
59
|
-
toHsvString(): string;
|
|
60
|
-
/**
|
|
61
|
-
* Returns the object as a HSLA object.
|
|
62
|
-
*/
|
|
63
|
-
toHsl(): Numberify<HSLA>;
|
|
64
|
-
/**
|
|
65
|
-
* Returns the hsla values interpolated into a string with the following format:
|
|
66
|
-
* "hsla(xxx, xxx, xxx, xx)".
|
|
67
|
-
*/
|
|
68
|
-
toHslString(): string;
|
|
69
|
-
/**
|
|
70
|
-
* Returns the hex value of the color.
|
|
71
|
-
* @param allow3Char will shorten hex value to 3 char if possible
|
|
72
|
-
*/
|
|
73
|
-
toHex(allow3Char?: boolean): string;
|
|
74
|
-
/**
|
|
75
|
-
* Returns the hex value of the color -with a # prefixed.
|
|
76
|
-
* @param allow3Char will shorten hex value to 3 char if possible
|
|
77
|
-
*/
|
|
78
|
-
toHexString(allow3Char?: boolean): string;
|
|
79
|
-
/**
|
|
80
|
-
* Returns the hex 8 value of the color.
|
|
81
|
-
* @param allow4Char will shorten hex value to 4 char if possible
|
|
82
|
-
*/
|
|
83
|
-
toHex8(allow4Char?: boolean): string;
|
|
84
|
-
/**
|
|
85
|
-
* Returns the hex 8 value of the color -with a # prefixed.
|
|
86
|
-
* @param allow4Char will shorten hex value to 4 char if possible
|
|
87
|
-
*/
|
|
88
|
-
toHex8String(allow4Char?: boolean): string;
|
|
89
|
-
/**
|
|
90
|
-
* Returns the shorter hex value of the color depends on its alpha -with a # prefixed.
|
|
91
|
-
* @param allowShortChar will shorten hex value to 3 or 4 char if possible
|
|
92
|
-
*/
|
|
93
|
-
toHexShortString(allowShortChar?: boolean): string;
|
|
94
|
-
/**
|
|
95
|
-
* Returns the object as a RGBA object.
|
|
96
|
-
*/
|
|
97
|
-
toRgb(): Numberify<RGBA>;
|
|
98
|
-
/**
|
|
99
|
-
* Returns the RGBA values interpolated into a string with the following format:
|
|
100
|
-
* "RGBA(xxx, xxx, xxx, xx)".
|
|
101
|
-
*/
|
|
102
|
-
toRgbString(): string;
|
|
103
|
-
/**
|
|
104
|
-
* Returns the object as a RGBA object.
|
|
105
|
-
*/
|
|
106
|
-
toPercentageRgb(): RGBA;
|
|
107
|
-
/**
|
|
108
|
-
* Returns the RGBA relative values interpolated into a string
|
|
109
|
-
*/
|
|
110
|
-
toPercentageRgbString(): string;
|
|
111
|
-
/**
|
|
112
|
-
* The 'real' name of the color -if there is one.
|
|
113
|
-
*/
|
|
114
|
-
toName(): string | false;
|
|
115
|
-
/**
|
|
116
|
-
* String representation of the color.
|
|
117
|
-
*
|
|
118
|
-
* @param format - The format to be used when displaying the string representation.
|
|
119
|
-
*/
|
|
120
|
-
toString<T extends 'name'>(format: T): boolean | string;
|
|
121
|
-
toString<T extends ColorFormats>(format?: T): string;
|
|
122
|
-
toNumber(): number;
|
|
123
|
-
clone(): TinyColor;
|
|
124
|
-
/**
|
|
125
|
-
* Lighten the color a given amount. Providing 100 will always return white.
|
|
126
|
-
* @param amount - valid between 1-100
|
|
127
|
-
*/
|
|
128
|
-
lighten(amount?: number): TinyColor;
|
|
129
|
-
/**
|
|
130
|
-
* Brighten the color a given amount, from 0 to 100.
|
|
131
|
-
* @param amount - valid between 1-100
|
|
132
|
-
*/
|
|
133
|
-
brighten(amount?: number): TinyColor;
|
|
134
|
-
/**
|
|
135
|
-
* Darken the color a given amount, from 0 to 100.
|
|
136
|
-
* Providing 100 will always return black.
|
|
137
|
-
* @param amount - valid between 1-100
|
|
138
|
-
*/
|
|
139
|
-
darken(amount?: number): TinyColor;
|
|
140
|
-
/**
|
|
141
|
-
* Mix the color with pure white, from 0 to 100.
|
|
142
|
-
* Providing 0 will do nothing, providing 100 will always return white.
|
|
143
|
-
* @param amount - valid between 1-100
|
|
144
|
-
*/
|
|
145
|
-
tint(amount?: number): TinyColor;
|
|
146
|
-
/**
|
|
147
|
-
* Mix the color with pure black, from 0 to 100.
|
|
148
|
-
* Providing 0 will do nothing, providing 100 will always return black.
|
|
149
|
-
* @param amount - valid between 1-100
|
|
150
|
-
*/
|
|
151
|
-
shade(amount?: number): TinyColor;
|
|
152
|
-
/**
|
|
153
|
-
* Desaturate the color a given amount, from 0 to 100.
|
|
154
|
-
* Providing 100 will is the same as calling greyscale
|
|
155
|
-
* @param amount - valid between 1-100
|
|
156
|
-
*/
|
|
157
|
-
desaturate(amount?: number): TinyColor;
|
|
158
|
-
/**
|
|
159
|
-
* Saturate the color a given amount, from 0 to 100.
|
|
160
|
-
* @param amount - valid between 1-100
|
|
161
|
-
*/
|
|
162
|
-
saturate(amount?: number): TinyColor;
|
|
163
|
-
/**
|
|
164
|
-
* Completely desaturates a color into greyscale.
|
|
165
|
-
* Same as calling `desaturate(100)`
|
|
166
|
-
*/
|
|
167
|
-
greyscale(): TinyColor;
|
|
168
|
-
/**
|
|
169
|
-
* Spin takes a positive or negative amount within [-360, 360] indicating the change of hue.
|
|
170
|
-
* Values outside of this range will be wrapped into this range.
|
|
171
|
-
*/
|
|
172
|
-
spin(amount: number): TinyColor;
|
|
173
|
-
/**
|
|
174
|
-
* Mix the current color a given amount with another color, from 0 to 100.
|
|
175
|
-
* 0 means no mixing (return current color).
|
|
176
|
-
*/
|
|
177
|
-
mix(color: ColorInput, amount?: number): TinyColor;
|
|
178
|
-
analogous(results?: number, slices?: number): TinyColor[];
|
|
179
|
-
/**
|
|
180
|
-
* taken from https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js
|
|
181
|
-
*/
|
|
182
|
-
complement(): TinyColor;
|
|
183
|
-
monochromatic(results?: number): TinyColor[];
|
|
184
|
-
splitcomplement(): TinyColor[];
|
|
185
|
-
/**
|
|
186
|
-
* Compute how the color would appear on a background
|
|
187
|
-
*/
|
|
188
|
-
onBackground(background: ColorInput): TinyColor;
|
|
189
|
-
/**
|
|
190
|
-
* Alias for `polyad(3)`
|
|
191
|
-
*/
|
|
192
|
-
triad(): TinyColor[];
|
|
193
|
-
/**
|
|
194
|
-
* Alias for `polyad(4)`
|
|
195
|
-
*/
|
|
196
|
-
tetrad(): TinyColor[];
|
|
197
|
-
/**
|
|
198
|
-
* Get polyad colors, like (for 1, 2, 3, 4, 5, 6, 7, 8, etc...)
|
|
199
|
-
* monad, dyad, triad, tetrad, pentad, hexad, heptad, octad, etc...
|
|
200
|
-
*/
|
|
201
|
-
polyad(n: number): TinyColor[];
|
|
202
|
-
/**
|
|
203
|
-
* compare color vs current color
|
|
204
|
-
*/
|
|
205
|
-
equals(color?: ColorInput): boolean;
|
|
206
|
-
}
|
|
207
|
-
export declare function tinycolor(color?: ColorInput, opts?: Partial<TinyColorOptions>): TinyColor;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* convert all properties in an interface to a number
|
|
3
|
-
*/
|
|
4
|
-
export type Numberify<T> = {
|
|
5
|
-
[P in keyof T]: number;
|
|
6
|
-
};
|
|
7
|
-
/**
|
|
8
|
-
* A representation of additive color mixing.
|
|
9
|
-
* Projection of primary color lights on a white screen shows secondary
|
|
10
|
-
* colors where two overlap; the combination of all three of red, green,
|
|
11
|
-
* and blue in equal intensities makes white.
|
|
12
|
-
*/
|
|
13
|
-
export interface RGB {
|
|
14
|
-
r: number | string;
|
|
15
|
-
g: number | string;
|
|
16
|
-
b: number | string;
|
|
17
|
-
}
|
|
18
|
-
export interface RGBA extends RGB {
|
|
19
|
-
a: number;
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* The HSL model describes colors in terms of hue, saturation,
|
|
23
|
-
* and lightness (also called luminance).
|
|
24
|
-
* @link https://en.wikibooks.org/wiki/Color_Models:_RGB,_HSV,_HSL#HSL
|
|
25
|
-
*/
|
|
26
|
-
export interface HSL {
|
|
27
|
-
h: number | string;
|
|
28
|
-
s: number | string;
|
|
29
|
-
l: number | string;
|
|
30
|
-
}
|
|
31
|
-
export interface HSLA extends HSL {
|
|
32
|
-
a: number;
|
|
33
|
-
}
|
|
34
|
-
/**
|
|
35
|
-
* The HSV, or HSB, model describes colors in terms of
|
|
36
|
-
* hue, saturation, and value (brightness).
|
|
37
|
-
* @link https://en.wikibooks.org/wiki/Color_Models:_RGB,_HSV,_HSL#HSV
|
|
38
|
-
*/
|
|
39
|
-
export interface HSV {
|
|
40
|
-
h: number | string;
|
|
41
|
-
s: number | string;
|
|
42
|
-
v: number | string;
|
|
43
|
-
}
|
|
44
|
-
export interface HSVA extends HSV {
|
|
45
|
-
a: number;
|
|
46
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { tinycolor } from './index.js';
|
|
2
|
-
export * from './index.js';
|
|
3
|
-
export * from './css-color-names.js';
|
|
4
|
-
export * from './readability.js';
|
|
5
|
-
export * from './to-ms-filter.js';
|
|
6
|
-
export * from './from-ratio.js';
|
|
7
|
-
export * from './format-input.js';
|
|
8
|
-
export * from './random.js';
|
|
9
|
-
export * from './interfaces.js';
|
|
10
|
-
export * from './conversion.js';
|
|
11
|
-
export default tinycolor;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { TinyColor } from './index.js';
|
|
2
|
-
export interface RandomOptions {
|
|
3
|
-
seed?: number;
|
|
4
|
-
hue?: number | string | 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'purple' | 'pink' | 'monochrome';
|
|
5
|
-
luminosity?: 'random' | 'bright' | 'dark' | 'light';
|
|
6
|
-
alpha?: number;
|
|
7
|
-
}
|
|
8
|
-
export interface RandomCountOptions extends RandomOptions {
|
|
9
|
-
count?: number | null;
|
|
10
|
-
}
|
|
11
|
-
export declare function random(options?: RandomOptions): TinyColor;
|
|
12
|
-
export declare function random(options?: RandomCountOptions): TinyColor[];
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
export interface ColorBound {
|
|
17
|
-
name: string;
|
|
18
|
-
hueRange: [number, number] | null;
|
|
19
|
-
lowerBounds: Array<[number, number]>;
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* @hidden
|
|
23
|
-
*/
|
|
24
|
-
export declare const bounds: ColorBound[];
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { ColorInput, TinyColor } from './index.js';
|
|
2
|
-
/**
|
|
3
|
-
* AKA `contrast`
|
|
4
|
-
*
|
|
5
|
-
* Analyze the 2 colors and returns the color contrast defined by (WCAG Version 2)
|
|
6
|
-
*/
|
|
7
|
-
export declare function readability(color1: ColorInput, color2: ColorInput): number;
|
|
8
|
-
export interface WCAG2Parms {
|
|
9
|
-
level?: 'AA' | 'AAA';
|
|
10
|
-
size?: 'large' | 'small';
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* Ensure that foreground and background color combinations meet WCAG2 guidelines.
|
|
14
|
-
* The third argument is an object.
|
|
15
|
-
* the 'level' property states 'AA' or 'AAA' - if missing or invalid, it defaults to 'AA';
|
|
16
|
-
* the 'size' property states 'large' or 'small' - if missing or invalid, it defaults to 'small'.
|
|
17
|
-
* If the entire object is absent, isReadable defaults to {level:"AA",size:"small"}.
|
|
18
|
-
*
|
|
19
|
-
* Example
|
|
20
|
-
* ```ts
|
|
21
|
-
* new TinyColor().isReadable('#000', '#111') => false
|
|
22
|
-
* new TinyColor().isReadable('#000', '#111', { level: 'AA', size: 'large' }) => false
|
|
23
|
-
* ```
|
|
24
|
-
*/
|
|
25
|
-
export declare function isReadable(color1: ColorInput, color2: ColorInput, wcag2?: WCAG2Parms): boolean;
|
|
26
|
-
export interface WCAG2FallbackParms extends WCAG2Parms {
|
|
27
|
-
includeFallbackColors?: boolean;
|
|
28
|
-
}
|
|
29
|
-
/**
|
|
30
|
-
* Given a base color and a list of possible foreground or background
|
|
31
|
-
* colors for that base, returns the most readable color.
|
|
32
|
-
* Optionally returns Black or White if the most readable color is unreadable.
|
|
33
|
-
*
|
|
34
|
-
* @param baseColor - the base color.
|
|
35
|
-
* @param colorList - array of colors to pick the most readable one from.
|
|
36
|
-
* @param args - and object with extra arguments
|
|
37
|
-
*
|
|
38
|
-
* Example
|
|
39
|
-
* ```ts
|
|
40
|
-
* new TinyColor().mostReadable('#123', ['#124", "#125'], { includeFallbackColors: false }).toHexString(); // "#112255"
|
|
41
|
-
* new TinyColor().mostReadable('#123', ['#124", "#125'],{ includeFallbackColors: true }).toHexString(); // "#ffffff"
|
|
42
|
-
* new TinyColor().mostReadable('#a8015a', ["#faf3f3"], { includeFallbackColors:true, level: 'AAA', size: 'large' }).toHexString(); // "#faf3f3"
|
|
43
|
-
* new TinyColor().mostReadable('#a8015a', ["#faf3f3"], { includeFallbackColors:true, level: 'AAA', size: 'small' }).toHexString(); // "#ffffff"
|
|
44
|
-
* ```
|
|
45
|
-
*/
|
|
46
|
-
export declare function mostReadable(baseColor: ColorInput, colorList: ColorInput[], args?: WCAG2FallbackParms): TinyColor | null;
|