@zendeskgarden/react-theming 9.0.0-next.9 → 9.1.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/esm/elements/ThemeProvider.js +1 -4
- package/dist/esm/elements/theme/index.js +25 -11
- package/dist/esm/index.js +0 -1
- package/dist/esm/utils/arrowStyles.js +29 -40
- package/dist/esm/utils/getColor.js +180 -27
- package/dist/esm/utils/getColorV8.js +38 -3
- package/dist/esm/utils/menuStyles.js +23 -16
- package/dist/index.cjs.js +435 -240
- package/dist/typings/elements/ThemeProvider.d.ts +1 -6
- package/dist/typings/index.d.ts +0 -1
- package/dist/typings/types/index.d.ts +2 -0
- package/dist/typings/utils/StyledBaseIcon.d.ts +1 -1
- package/dist/typings/utils/arrowStyles.d.ts +3 -16
- package/dist/typings/utils/getColor.d.ts +0 -1
- package/dist/typings/utils/getColorV8.d.ts +0 -1
- package/dist/typings/utils/menuStyles.d.ts +1 -1
- package/dist/typings/utils/useText.d.ts +1 -1
- package/package.json +6 -7
|
@@ -6,9 +6,4 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import React, { PropsWithChildren } from 'react';
|
|
8
8
|
import { IThemeProviderProps } from '../types';
|
|
9
|
-
export declare const ThemeProvider: {
|
|
10
|
-
({ theme, ...other }: PropsWithChildren<IThemeProviderProps>): React.JSX.Element;
|
|
11
|
-
defaultProps: {
|
|
12
|
-
theme: import("../types").IGardenTheme;
|
|
13
|
-
};
|
|
14
|
-
};
|
|
9
|
+
export declare const ThemeProvider: ({ theme, ...other }: PropsWithChildren<IThemeProviderProps>) => React.JSX.Element;
|
package/dist/typings/index.d.ts
CHANGED
|
@@ -7,7 +7,6 @@
|
|
|
7
7
|
export { ThemeProvider } from './elements/ThemeProvider';
|
|
8
8
|
export { default as DEFAULT_THEME } from './elements/theme';
|
|
9
9
|
export { default as PALETTE } from './elements/palette';
|
|
10
|
-
export { default as PALETTE_V8 } from './elements/palette/v8';
|
|
11
10
|
export { default as retrieveComponentStyles } from './utils/retrieveComponentStyles';
|
|
12
11
|
export { getArrowPosition } from './utils/getArrowPosition';
|
|
13
12
|
export { getCheckeredBackground } from './utils/getCheckeredBackground';
|
|
@@ -92,11 +92,13 @@ export interface IGardenTheme {
|
|
|
92
92
|
background: Record<string, string>;
|
|
93
93
|
border: Record<string, string>;
|
|
94
94
|
foreground: Record<string, string>;
|
|
95
|
+
shadow: Record<string, string>;
|
|
95
96
|
};
|
|
96
97
|
light: {
|
|
97
98
|
background: Record<string, string>;
|
|
98
99
|
border: Record<string, string>;
|
|
99
100
|
foreground: Record<string, string>;
|
|
101
|
+
shadow: Record<string, string>;
|
|
100
102
|
};
|
|
101
103
|
};
|
|
102
104
|
};
|
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import React from 'react';
|
|
8
|
-
export declare const StyledBaseIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>,
|
|
8
|
+
export declare const StyledBaseIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -8,24 +8,9 @@ import { ArrowPosition } from '../types';
|
|
|
8
8
|
type ArrowOptions = {
|
|
9
9
|
size?: string;
|
|
10
10
|
inset?: string;
|
|
11
|
+
shift?: string;
|
|
11
12
|
animationModifier?: string;
|
|
12
13
|
};
|
|
13
|
-
export declare const exponentialSymbols: {
|
|
14
|
-
symbols: {
|
|
15
|
-
sqrt: {
|
|
16
|
-
func: {
|
|
17
|
-
symbol: string;
|
|
18
|
-
f: (a: number) => number;
|
|
19
|
-
notation: string;
|
|
20
|
-
precedence: number;
|
|
21
|
-
rightToLeft: number;
|
|
22
|
-
argCount: number;
|
|
23
|
-
};
|
|
24
|
-
symbol: string;
|
|
25
|
-
regSymbol: string;
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
14
|
/**
|
|
30
15
|
* CSS for an arrow at the given position and with the given size. The arrow is
|
|
31
16
|
* positioned via `::before` and `::after` pseudo-elements and inherits the
|
|
@@ -53,6 +38,8 @@ export declare const exponentialSymbols: {
|
|
|
53
38
|
* (right angle) of the arrow expressed as a CSS dimension.
|
|
54
39
|
* @param {string} [options.inset='0'] Tweak arrow positioning by adjusting with
|
|
55
40
|
* either a positive (push the arrow in) or negative (pull the arrow out) value.
|
|
41
|
+
* @param {string} [options.shift='0'] Shifts arrow positioning along
|
|
42
|
+
* the edge of the parent container.
|
|
56
43
|
* @param {string} [options.animationModifier] A CSS class or attribute selector
|
|
57
44
|
* which, when applied, animates the arrow's appearance.
|
|
58
45
|
*
|
|
@@ -4,7 +4,6 @@
|
|
|
4
4
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
|
-
/// <reference types="lodash" />
|
|
8
7
|
import { ColorParameters } from '../types';
|
|
9
8
|
/**
|
|
10
9
|
* Get a color value from the theme. Variable lookup takes precedence, followed
|
|
@@ -4,7 +4,6 @@
|
|
|
4
4
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
|
-
/// <reference types="lodash" />
|
|
8
7
|
import { Hue } from '../types';
|
|
9
8
|
import { DefaultTheme } from 'styled-components';
|
|
10
9
|
export declare const DEFAULT_SHADE = 600;
|
|
@@ -33,5 +33,5 @@ type MenuOptions = {
|
|
|
33
33
|
* @param {string} [options.animationModifier] A CSS class or attribute selector
|
|
34
34
|
* which, when applied, animates the menu's appearance.
|
|
35
35
|
*/
|
|
36
|
-
export default function menuStyles(position: MenuPosition, options?: MenuOptions): import("styled-components").
|
|
36
|
+
export default function menuStyles(position: MenuPosition, options?: MenuOptions): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<DefaultTheme>>;
|
|
37
37
|
export {};
|
|
@@ -16,4 +16,4 @@ import { FC } from 'react';
|
|
|
16
16
|
* @param text The default text to apply if the value of `props[name]` is undefined
|
|
17
17
|
* @param condition An optional condition that can be used to prevent evaluation
|
|
18
18
|
*/
|
|
19
|
-
export declare const useText: (component: Pick<FC,
|
|
19
|
+
export declare const useText: (component: Pick<FC, "displayName">, props: Record<string, any>, name: string, text: string, condition?: boolean) => string | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-theming",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.1.0",
|
|
4
4
|
"description": "Theming utilities and components within the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -22,19 +22,18 @@
|
|
|
22
22
|
"types": "dist/typings/index.d.ts",
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@floating-ui/react-dom": "^2.0.0",
|
|
25
|
-
"
|
|
25
|
+
"color2k": "^2.0.3",
|
|
26
26
|
"lodash.get": "^4.4.2",
|
|
27
27
|
"lodash.memoize": "^4.1.2",
|
|
28
|
-
"polished": "^4.
|
|
28
|
+
"polished": "^4.3.1",
|
|
29
29
|
"prop-types": "^15.5.7"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
|
-
"react": "
|
|
33
|
-
"react-dom": "
|
|
32
|
+
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
33
|
+
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
34
34
|
"styled-components": "^4.2.0 || ^5.3.1"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@types/chroma-js": "2.4.4",
|
|
38
37
|
"@types/lodash.get": "4.4.9",
|
|
39
38
|
"@types/lodash.memoize": "4.1.9"
|
|
40
39
|
},
|
|
@@ -48,5 +47,5 @@
|
|
|
48
47
|
"access": "public"
|
|
49
48
|
},
|
|
50
49
|
"zendeskgarden:src": "src/index.ts",
|
|
51
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "a2842d18615ad057d75988fde4df5a0c79d2714e"
|
|
52
51
|
}
|