@workday/canvas-kit-labs-react 6.3.1 → 6.3.5

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.
Files changed (6) hide show
  1. package/common/lib/theming/useThemedRing.ts +9 -5
  2. package/dist/commonjs/common/lib/theming/useThemedRing.d.ts.map +1 -1
  3. package/dist/commonjs/common/lib/theming/useThemedRing.js +5 -1
  4. package/dist/es6/common/lib/theming/useThemedRing.d.ts.map +1 -1
  5. package/dist/es6/common/lib/theming/useThemedRing.js +5 -1
  6. package/package.json +4 -4
package/common/lib/theming/useThemedRing.ts CHANGED
@@ -15,12 +15,16 @@ const isAccessible = (foreground: string, background: string = colors.frenchVani
15
15
 
16
16
  const getPaletteColorsFromTheme = (
17
17
  palette: CanvasThemePalette,
18
- fallbackColors?: ContrastColors,
18
+ fallbackColors?: ContrastColors
19
19
  ): ContrastColors => {
20
20
  return {
21
- outer: isAccessible(palette.main) ? palette.main : isAccessible(palette.darkest) ? palette.darkest : fallbackColors?.outer,
21
+ outer: isAccessible(palette.main)
22
+ ? palette.main
23
+ : isAccessible(palette.darkest)
24
+ ? palette.darkest
25
+ : fallbackColors?.outer,
22
26
  inner: fallbackColors?.inner ? fallbackColors.inner : palette.main,
23
- }
27
+ };
24
28
  };
25
29
 
26
30
  export function getPaletteColors(
@@ -31,10 +35,10 @@ export function getPaletteColors(
31
35
 
32
36
  switch (type) {
33
37
  case 'error': {
34
- return getPaletteColorsFromTheme(palette, { outer: inputColors.error.border });
38
+ return getPaletteColorsFromTheme(palette, {outer: inputColors.error.border});
35
39
  }
36
40
  case 'alert': {
37
- return getPaletteColorsFromTheme(palette, { outer: colors.cantaloupe600 });
41
+ return getPaletteColorsFromTheme(palette, {outer: colors.cantaloupe600});
38
42
  }
39
43
  case 'success': {
40
44
  return getPaletteColorsFromTheme(palette, {
package/dist/commonjs/common/lib/theming/useThemedRing.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useThemedRing.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/useThemedRing.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAAS,aAAa,EAA4B,MAAM,kCAAkC,CAAC;AAGlG,aAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,CAAC;AACzF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAgBD,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,kBAAkB,GACxB,cAAc,CAsBhB;AAED,eAAO,MAAM,aAAa,gFAyBzB,CAAC"}
1
+ {"version":3,"file":"useThemedRing.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/useThemedRing.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAAS,aAAa,EAA4B,MAAM,kCAAkC,CAAC;AAGlG,aAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,CAAC;AACzF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAoBD,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,kBAAkB,GACxB,cAAc,CAsBhB;AAED,eAAO,MAAM,aAAa,gFAyBzB,CAAC"}
package/dist/commonjs/common/lib/theming/useThemedRing.js CHANGED
@@ -12,7 +12,11 @@ var isAccessible = function (foreground, background) {
12
12
  };
13
13
  var getPaletteColorsFromTheme = function (palette, fallbackColors) {
14
14
  return {
15
- outer: isAccessible(palette.main) ? palette.main : isAccessible(palette.darkest) ? palette.darkest : fallbackColors === null || fallbackColors === void 0 ? void 0 : fallbackColors.outer,
15
+ outer: isAccessible(palette.main)
16
+ ? palette.main
17
+ : isAccessible(palette.darkest)
18
+ ? palette.darkest
19
+ : fallbackColors === null || fallbackColors === void 0 ? void 0 : fallbackColors.outer,
16
20
  inner: (fallbackColors === null || fallbackColors === void 0 ? void 0 : fallbackColors.inner) ? fallbackColors.inner : palette.main,
17
21
  };
18
22
  };
package/dist/es6/common/lib/theming/useThemedRing.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useThemedRing.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/useThemedRing.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAAS,aAAa,EAA4B,MAAM,kCAAkC,CAAC;AAGlG,aAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,CAAC;AACzF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAgBD,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,kBAAkB,GACxB,cAAc,CAsBhB;AAED,eAAO,MAAM,aAAa,gFAyBzB,CAAC"}
1
+ {"version":3,"file":"useThemedRing.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/useThemedRing.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAAS,aAAa,EAA4B,MAAM,kCAAkC,CAAC;AAGlG,aAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,CAAC;AACzF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAoBD,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,kBAAkB,GACxB,cAAc,CAsBhB;AAED,eAAO,MAAM,aAAa,gFAyBzB,CAAC"}
package/dist/es6/common/lib/theming/useThemedRing.js CHANGED
@@ -7,7 +7,11 @@ var isAccessible = function (foreground, background) {
7
7
  };
8
8
  var getPaletteColorsFromTheme = function (palette, fallbackColors) {
9
9
  return {
10
- outer: isAccessible(palette.main) ? palette.main : isAccessible(palette.darkest) ? palette.darkest : fallbackColors === null || fallbackColors === void 0 ? void 0 : fallbackColors.outer,
10
+ outer: isAccessible(palette.main)
11
+ ? palette.main
12
+ : isAccessible(palette.darkest)
13
+ ? palette.darkest
14
+ : fallbackColors === null || fallbackColors === void 0 ? void 0 : fallbackColors.outer,
11
15
  inner: (fallbackColors === null || fallbackColors === void 0 ? void 0 : fallbackColors.inner) ? fallbackColors.inner : palette.main,
12
16
  };
13
17
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-labs-react",
3
- "version": "6.3.1",
3
+ "version": "6.3.5",
4
4
  "description": "Canvas Kit Labs is an incubator for new and experimental components. Since we have a rather rigorous process for getting components in at a production level, it can be valuable to make them available earlier while we continuously iterate on the API/functionality. The Labs modules allow us to do that as needed.",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "Apache-2.0",
@@ -55,8 +55,8 @@
55
55
  "@emotion/core": "^10.0.28",
56
56
  "@emotion/is-prop-valid": "^0.8.2",
57
57
  "@emotion/styled": "^10.0.27",
58
- "@workday/canvas-kit-preview-react": "^6.3.1",
59
- "@workday/canvas-kit-react": "^6.3.1",
58
+ "@workday/canvas-kit-preview-react": "^6.3.5",
59
+ "@workday/canvas-kit-react": "^6.3.5",
60
60
  "@workday/canvas-system-icons-web": "1.0.41",
61
61
  "chroma-js": "^2.1.0",
62
62
  "csstype": "^2.6.17",
@@ -66,5 +66,5 @@
66
66
  "devDependencies": {
67
67
  "@types/lodash.flatten": "^4.4.6"
68
68
  },
69
- "gitHead": "687b8d43c6e258200c4b939d4efb922df96d92ea"
69
+ "gitHead": "bf02ab73d5e19ecde29cb853dad4f558201cb886"
70
70
  }