@zendeskgarden/react-theming 9.0.0-next.24 → 9.0.0-next.26
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.
|
@@ -10,15 +10,12 @@ import DEFAULT_THEME from './theme/index.js';
|
|
|
10
10
|
|
|
11
11
|
const ThemeProvider = _ref => {
|
|
12
12
|
let {
|
|
13
|
-
theme,
|
|
13
|
+
theme = DEFAULT_THEME,
|
|
14
14
|
...other
|
|
15
15
|
} = _ref;
|
|
16
16
|
return React.createElement(ThemeProvider$1, Object.assign({
|
|
17
17
|
theme: theme
|
|
18
18
|
}, other));
|
|
19
19
|
};
|
|
20
|
-
ThemeProvider.defaultProps = {
|
|
21
|
-
theme: DEFAULT_THEME
|
|
22
|
-
};
|
|
23
20
|
|
|
24
21
|
export { ThemeProvider };
|
|
@@ -23,7 +23,7 @@ const animationStyles = (position, options) => {
|
|
|
23
23
|
} else {
|
|
24
24
|
transformFunction = 'translateX';
|
|
25
25
|
}
|
|
26
|
-
const animationName = keyframes(["0%{transform:", "(", ");}"], transformFunction, translateValue);
|
|
26
|
+
const animationName = keyframes(["0%{transform:", "(", ");pointer-events:none;}100%{pointer-events:auto;}"], transformFunction, translateValue);
|
|
27
27
|
return css(["&", " ", "{animation:0.2s cubic-bezier(0.15,0.85,0.35,1.2) ", ";}"], options.animationModifier, options.childSelector || '> *', animationName);
|
|
28
28
|
};
|
|
29
29
|
const colorStyles = theme => {
|
package/dist/index.cjs.js
CHANGED
|
@@ -505,16 +505,13 @@ const DEFAULT_THEME = {
|
|
|
505
505
|
|
|
506
506
|
const ThemeProvider = _ref => {
|
|
507
507
|
let {
|
|
508
|
-
theme,
|
|
508
|
+
theme = DEFAULT_THEME,
|
|
509
509
|
...other
|
|
510
510
|
} = _ref;
|
|
511
511
|
return React__default.default.createElement(styled.ThemeProvider, Object.assign({
|
|
512
512
|
theme: theme
|
|
513
513
|
}, other));
|
|
514
514
|
};
|
|
515
|
-
ThemeProvider.defaultProps = {
|
|
516
|
-
theme: DEFAULT_THEME
|
|
517
|
-
};
|
|
518
515
|
|
|
519
516
|
function retrieveComponentStyles(componentId, props) {
|
|
520
517
|
const components = props.theme && props.theme.components;
|
|
@@ -1271,7 +1268,7 @@ const animationStyles = (position, options) => {
|
|
|
1271
1268
|
} else {
|
|
1272
1269
|
transformFunction = 'translateX';
|
|
1273
1270
|
}
|
|
1274
|
-
const animationName = styled.keyframes(["0%{transform:", "(", ");}"], transformFunction, translateValue);
|
|
1271
|
+
const animationName = styled.keyframes(["0%{transform:", "(", ");pointer-events:none;}100%{pointer-events:auto;}"], transformFunction, translateValue);
|
|
1275
1272
|
return styled.css(["&", " ", "{animation:0.2s cubic-bezier(0.15,0.85,0.35,1.2) ", ";}"], options.animationModifier, options.childSelector || '> *', animationName);
|
|
1276
1273
|
};
|
|
1277
1274
|
const colorStyles = theme => {
|
|
@@ -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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-theming",
|
|
3
|
-
"version": "9.0.0-next.
|
|
3
|
+
"version": "9.0.0-next.26",
|
|
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>",
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"access": "public"
|
|
48
48
|
},
|
|
49
49
|
"zendeskgarden:src": "src/index.ts",
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "049dd7bd143029147de333f78bd879dc7d7251f2"
|
|
51
51
|
}
|