@workday/canvas-kit-react 11.0.0-alpha.778-next.0 → 11.0.0-alpha.780-next.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.
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import {Theme, ThemeProvider, CacheProvider} from '@emotion/react';
|
|
3
3
|
import {InputProvider} from './InputProvider';
|
|
4
4
|
import {defaultCanvasTheme, PartialEmotionCanvasTheme, useTheme} from './theming';
|
|
5
|
-
import {brand} from '@workday/canvas-tokens-web';
|
|
5
|
+
import {brand, base} from '@workday/canvas-tokens-web';
|
|
6
6
|
import {createStyles, getCache} from '@workday/canvas-kit-styling';
|
|
7
7
|
|
|
8
8
|
export interface CanvasProviderProps {
|
|
@@ -11,41 +11,41 @@ export interface CanvasProviderProps {
|
|
|
11
11
|
|
|
12
12
|
// copied from brand/_variables.css
|
|
13
13
|
const defaultBranding = createStyles({
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
14
|
+
[brand.error.darkest]: 'rgba(128,22,14,1)',
|
|
15
|
+
[brand.common.alertInner]: base.cantaloupe400,
|
|
16
|
+
[brand.common.errorInner]: base.cinnamon500,
|
|
17
|
+
[brand.common.focusOutline]: base.blueberry400,
|
|
18
|
+
[brand.neutral.accent]: base.frenchVanilla100,
|
|
19
|
+
[brand.neutral.darkest]: base.licorice400,
|
|
20
|
+
[brand.neutral.dark]: base.licorice300,
|
|
21
|
+
[brand.neutral.base]: base.soap600,
|
|
22
|
+
[brand.neutral.light]: base.soap300,
|
|
23
|
+
[brand.neutral.lightest]: base.soap200,
|
|
24
|
+
[brand.success.accent]: base.frenchVanilla100,
|
|
25
|
+
[brand.success.darkest]: base.greenApple600,
|
|
26
|
+
[brand.success.dark]: base.greenApple500,
|
|
27
|
+
[brand.success.base]: base.greenApple400,
|
|
28
|
+
[brand.success.light]: base.greenApple300,
|
|
29
|
+
[brand.success.lightest]: base.greenApple100,
|
|
30
|
+
[brand.error.accent]: base.frenchVanilla100,
|
|
31
|
+
[brand.error.dark]: base.cinnamon600,
|
|
32
|
+
[brand.error.base]: base.cinnamon500,
|
|
33
|
+
[brand.error.light]: base.cinnamon200,
|
|
34
|
+
[brand.error.lightest]: base.cinnamon100,
|
|
35
|
+
[brand.alert.accent]: base.frenchVanilla100,
|
|
36
|
+
[brand.alert.darkest]: base.cantaloupe600,
|
|
37
|
+
[brand.alert.dark]: base.cantaloupe500,
|
|
38
|
+
[brand.alert.base]: base.cantaloupe400,
|
|
39
|
+
[brand.alert.light]: base.cantaloupe200,
|
|
40
|
+
[brand.alert.lightest]: base.cantaloupe100,
|
|
41
|
+
[brand.primary.accent]: base.frenchVanilla100,
|
|
42
|
+
[brand.primary.darkest]: base.blueberry600,
|
|
43
|
+
[brand.primary.dark]: base.blueberry500,
|
|
44
|
+
[brand.primary.base]: base.blueberry400,
|
|
45
|
+
[brand.primary.light]: base.blueberry200,
|
|
46
|
+
[brand.primary.lightest]: base.blueberry100,
|
|
47
|
+
[brand.gradient
|
|
48
|
+
.primary]: `linear-gradient(90deg, ${brand.primary.base} 0%, ${brand.primary.dark} 100%)`,
|
|
49
49
|
});
|
|
50
50
|
|
|
51
51
|
const mappedKeys = {
|
|
@@ -27,7 +27,7 @@ const theming_1 = require("./theming");
|
|
|
27
27
|
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
28
28
|
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
29
29
|
// copied from brand/_variables.css
|
|
30
|
-
const defaultBranding = canvas_kit_styling_1.createStyles({ name: "
|
|
30
|
+
const defaultBranding = canvas_kit_styling_1.createStyles({ name: "9ced8c", styles: "--cnvs-brand-error-darkest:rgba(128,22,14,1);--cnvs-brand-common-alert-inner:var(--cnvs-base-palette-cantaloupe-400);--cnvs-brand-common-error-inner:var(--cnvs-base-palette-cinnamon-500);--cnvs-brand-common-focus-outline:var(--cnvs-base-palette-blueberry-400);--cnvs-brand-neutral-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-neutral-darkest:var(--cnvs-base-palette-licorice-400);--cnvs-brand-neutral-dark:var(--cnvs-base-palette-licorice-300);--cnvs-brand-neutral-base:var(--cnvs-base-palette-soap-600);--cnvs-brand-neutral-light:var(--cnvs-base-palette-soap-300);--cnvs-brand-neutral-lightest:var(--cnvs-base-palette-soap-200);--cnvs-brand-success-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-success-darkest:var(--cnvs-base-palette-green-apple-600);--cnvs-brand-success-dark:var(--cnvs-base-palette-green-apple-500);--cnvs-brand-success-base:var(--cnvs-base-palette-green-apple-400);--cnvs-brand-success-light:var(--cnvs-base-palette-green-apple-300);--cnvs-brand-success-lightest:var(--cnvs-base-palette-green-apple-100);--cnvs-brand-error-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-error-dark:var(--cnvs-base-palette-cinnamon-600);--cnvs-brand-error-base:var(--cnvs-base-palette-cinnamon-500);--cnvs-brand-error-light:var(--cnvs-base-palette-cinnamon-200);--cnvs-brand-error-lightest:var(--cnvs-base-palette-cinnamon-100);--cnvs-brand-alert-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-alert-darkest:var(--cnvs-base-palette-cantaloupe-600);--cnvs-brand-alert-dark:var(--cnvs-base-palette-cantaloupe-500);--cnvs-brand-alert-base:var(--cnvs-base-palette-cantaloupe-400);--cnvs-brand-alert-light:var(--cnvs-base-palette-cantaloupe-200);--cnvs-brand-alert-lightest:var(--cnvs-base-palette-cantaloupe-100);--cnvs-brand-primary-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-primary-darkest:var(--cnvs-base-palette-blueberry-600);--cnvs-brand-primary-dark:var(--cnvs-base-palette-blueberry-500);--cnvs-brand-primary-base:var(--cnvs-base-palette-blueberry-400);--cnvs-brand-primary-light:var(--cnvs-base-palette-blueberry-200);--cnvs-brand-primary-lightest:var(--cnvs-base-palette-blueberry-100);--cnvs-brand-gradient-primary:linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);" });
|
|
31
31
|
const mappedKeys = {
|
|
32
32
|
lightest: 'lightest',
|
|
33
33
|
light: 'light',
|
|
@@ -2,10 +2,10 @@ import * as React from 'react';
|
|
|
2
2
|
import { ThemeProvider, CacheProvider } from '@emotion/react';
|
|
3
3
|
import { InputProvider } from './InputProvider';
|
|
4
4
|
import { defaultCanvasTheme, useTheme } from './theming';
|
|
5
|
-
import { brand } from '@workday/canvas-tokens-web';
|
|
5
|
+
import { brand, base } from '@workday/canvas-tokens-web';
|
|
6
6
|
import { createStyles, getCache } from '@workday/canvas-kit-styling';
|
|
7
7
|
// copied from brand/_variables.css
|
|
8
|
-
const defaultBranding = createStyles({ name: "
|
|
8
|
+
const defaultBranding = createStyles({ name: "9ced8c", styles: "--cnvs-brand-error-darkest:rgba(128,22,14,1);--cnvs-brand-common-alert-inner:var(--cnvs-base-palette-cantaloupe-400);--cnvs-brand-common-error-inner:var(--cnvs-base-palette-cinnamon-500);--cnvs-brand-common-focus-outline:var(--cnvs-base-palette-blueberry-400);--cnvs-brand-neutral-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-neutral-darkest:var(--cnvs-base-palette-licorice-400);--cnvs-brand-neutral-dark:var(--cnvs-base-palette-licorice-300);--cnvs-brand-neutral-base:var(--cnvs-base-palette-soap-600);--cnvs-brand-neutral-light:var(--cnvs-base-palette-soap-300);--cnvs-brand-neutral-lightest:var(--cnvs-base-palette-soap-200);--cnvs-brand-success-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-success-darkest:var(--cnvs-base-palette-green-apple-600);--cnvs-brand-success-dark:var(--cnvs-base-palette-green-apple-500);--cnvs-brand-success-base:var(--cnvs-base-palette-green-apple-400);--cnvs-brand-success-light:var(--cnvs-base-palette-green-apple-300);--cnvs-brand-success-lightest:var(--cnvs-base-palette-green-apple-100);--cnvs-brand-error-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-error-dark:var(--cnvs-base-palette-cinnamon-600);--cnvs-brand-error-base:var(--cnvs-base-palette-cinnamon-500);--cnvs-brand-error-light:var(--cnvs-base-palette-cinnamon-200);--cnvs-brand-error-lightest:var(--cnvs-base-palette-cinnamon-100);--cnvs-brand-alert-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-alert-darkest:var(--cnvs-base-palette-cantaloupe-600);--cnvs-brand-alert-dark:var(--cnvs-base-palette-cantaloupe-500);--cnvs-brand-alert-base:var(--cnvs-base-palette-cantaloupe-400);--cnvs-brand-alert-light:var(--cnvs-base-palette-cantaloupe-200);--cnvs-brand-alert-lightest:var(--cnvs-base-palette-cantaloupe-100);--cnvs-brand-primary-accent:var(--cnvs-base-palette-french-vanilla-100);--cnvs-brand-primary-darkest:var(--cnvs-base-palette-blueberry-600);--cnvs-brand-primary-dark:var(--cnvs-base-palette-blueberry-500);--cnvs-brand-primary-base:var(--cnvs-base-palette-blueberry-400);--cnvs-brand-primary-light:var(--cnvs-base-palette-blueberry-200);--cnvs-brand-primary-lightest:var(--cnvs-base-palette-blueberry-100);--cnvs-brand-gradient-primary:linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);" });
|
|
9
9
|
const mappedKeys = {
|
|
10
10
|
lightest: 'lightest',
|
|
11
11
|
light: 'light',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-react",
|
|
3
|
-
"version": "11.0.0-alpha.
|
|
3
|
+
"version": "11.0.0-alpha.780-next.0",
|
|
4
4
|
"description": "The parent module that contains all Workday Canvas Kit React components",
|
|
5
5
|
"author": "Workday, Inc. (https://www.workday.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
"@emotion/styled": "^11.6.0",
|
|
50
50
|
"@popperjs/core": "^2.5.4",
|
|
51
51
|
"@workday/canvas-colors-web": "^2.0.0",
|
|
52
|
-
"@workday/canvas-kit-popup-stack": "^11.0.0-alpha.
|
|
53
|
-
"@workday/canvas-kit-styling": "^11.0.0-alpha.
|
|
52
|
+
"@workday/canvas-kit-popup-stack": "^11.0.0-alpha.780-next.0",
|
|
53
|
+
"@workday/canvas-kit-styling": "^11.0.0-alpha.780-next.0",
|
|
54
54
|
"@workday/canvas-system-icons-web": "^3.0.0",
|
|
55
55
|
"@workday/canvas-tokens-web": "^1.3.1",
|
|
56
56
|
"@workday/design-assets-types": "^0.2.8",
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
"@workday/canvas-accent-icons-web": "^3.0.0",
|
|
68
68
|
"@workday/canvas-applet-icons-web": "^2.0.0"
|
|
69
69
|
},
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "9caa780860f5c8a2e9a833d6e6f29c539c022170"
|
|
71
71
|
}
|