@workday/canvas-kit-docs 10.3.58 → 10.3.60

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.
@@ -1 +1 @@
1
- {"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../lib/Value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,KAAK,MAAM,oBAAoB,CAAC;AAQ5C,wBAAgB,cAAc,CAAC,CAAC,SAAS;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,EACrD,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,EACd,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAC9B,IAAI,CAGN;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,GAAG,KAAK,CAAC,KAAK;IAChE,KAAK,EAAE,CAAC,CAAC;IACT,GAAG,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ;AAED,eAAO,MAAM,KAAK;UAAqB,MAAM;qDAW5C,CAAC;AAEF,eAAO,MAAM,gBAAgB;gBAA+B,MAAM,cAAc,EAAE;iBA+CjF,CAAC;AAgEF,eAAO,MAAM,eAAe;gBAKd,MAAM,cAAc,EAAE;;;iBAyBnC,CAAC"}
1
+ {"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../lib/Value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,KAAK,MAAM,oBAAoB,CAAC;AAS5C,wBAAgB,cAAc,CAAC,CAAC,SAAS;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,EACrD,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,EACd,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAC9B,IAAI,CAGN;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,GAAG,KAAK,CAAC,KAAK;IAChE,KAAK,EAAE,CAAC,CAAC;IACT,GAAG,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ;AAED,eAAO,MAAM,KAAK;UAAqB,MAAM;qDAW5C,CAAC;AAEF,eAAO,MAAM,gBAAgB;gBAA+B,MAAM,cAAc,EAAE;iBAgDjF,CAAC;AAgEF,eAAO,MAAM,eAAe;gBAKd,MAAM,cAAc,EAAE;;;iBAyBnC,CAAC"}
@@ -5,6 +5,7 @@ import { MdxJSToJSX } from './MDXElements';
5
5
  import { Table } from './Table';
6
6
  import { capitalize, IndentLevelContext, RenderContext, indent } from './widgetUtils';
7
7
  import { DescriptionTooltip } from './DescriptionTooltip';
8
+ import { colors } from '@workday/canvas-kit-react/tokens';
8
9
  const widgets = {};
9
10
  export function registerWidget(key, widget) {
10
11
  widget.displayName = `${capitalize(key)}Widget`;
@@ -30,11 +31,12 @@ export const PropertiesInline = ({ properties }) => {
30
31
  return (React.createElement(React.Fragment, { key: index },
31
32
  React.createElement("br", null),
32
33
  indent(level + 1),
33
- p.description ? (React.createElement(DescriptionTooltip, { type: "describe", style: { maxWidth: '50em' }, title: React.createElement(MdxJSToJSX, null, p.description) },
34
+ p.description || p.tags.deprecated ? (React.createElement(DescriptionTooltip, { type: "describe", style: { maxWidth: '50em' }, title: React.createElement(MdxJSToJSX, null, p.description || p.tags.deprecated) },
34
35
  React.createElement("span", { className: "token property", style: {
35
36
  cursor: 'pointer',
36
- textDecoration: 'underline',
37
+ textDecoration: p.tags.deprecated ? 'line-through' : 'underline',
37
38
  textDecorationStyle: 'dotted',
39
+ color: p.tags.deprecated ? colors.cinnamon600 : colors.plum600,
38
40
  } }, p.name))) : (React.createElement("span", { className: "token property" }, p.name)),
39
41
  React.createElement("span", { className: "token punctuation" }, ":"),
40
42
  "\u00A0",
@@ -63007,6 +63007,42 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
63007
63007
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/types.ts"
63008
63008
  }
63009
63009
  ],
63010
+ "tags": {
63011
+ "deprecated": "This option is no longer supported at run time and will be removed from the type interface in a v12. If you want to customize the focus ring, use `boxShadowInner` and `boxShadowOuter` to update the inner and outer colors of the focus ring. Use with caution."
63012
+ }
63013
+ },
63014
+ {
63015
+ "kind": "property",
63016
+ "name": "boxShadowInner",
63017
+ "required": false,
63018
+ "type": {
63019
+ "kind": "primitive",
63020
+ "value": "string"
63021
+ },
63022
+ "description": "Updates the color of the inner `box-shadow` within a focus ring.",
63023
+ "declarations": [
63024
+ {
63025
+ "name": "boxShadowInner",
63026
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/types.ts"
63027
+ }
63028
+ ],
63029
+ "tags": {}
63030
+ },
63031
+ {
63032
+ "kind": "property",
63033
+ "name": "boxShadowOuter",
63034
+ "required": false,
63035
+ "type": {
63036
+ "kind": "primitive",
63037
+ "value": "string"
63038
+ },
63039
+ "description": "Updates the color of the outer `box-shadow` within a focus ring.",
63040
+ "declarations": [
63041
+ {
63042
+ "name": "boxShadowOuter",
63043
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/types.ts"
63044
+ }
63045
+ ],
63010
63046
  "tags": {}
63011
63047
  }
63012
63048
  ]
@@ -20,7 +20,10 @@ const getDropdownColors = () => {
20
20
  label: colors.frenchVanilla100,
21
21
  },
22
22
  active: {},
23
- focus: {},
23
+ focus: {
24
+ boxShadowInner: colors.berrySmoothie200,
25
+ boxShadowOuter: colors.berrySmoothie400,
26
+ },
24
27
  disabled: {},
25
28
  };
26
29
  };
package/lib/Value.tsx CHANGED
@@ -8,6 +8,7 @@ import {MdxJSToJSX} from './MDXElements';
8
8
  import {Table} from './Table';
9
9
  import {capitalize, IndentLevelContext, RenderContext, indent} from './widgetUtils';
10
10
  import {DescriptionTooltip} from './DescriptionTooltip';
11
+ import {colors} from '@workday/canvas-kit-react/tokens';
11
12
 
12
13
  const widgets: Record<string, React.FC<ValueProps>> = {};
13
14
 
@@ -52,18 +53,19 @@ export const PropertiesInline = ({properties}: {properties: types.ObjectProperty
52
53
  <React.Fragment key={index}>
53
54
  <br />
54
55
  {indent(level + 1)}
55
- {p.description ? (
56
+ {p.description || p.tags.deprecated ? (
56
57
  <DescriptionTooltip
57
58
  type="describe"
58
59
  style={{maxWidth: '50em'}}
59
- title={<MdxJSToJSX>{p.description}</MdxJSToJSX>}
60
+ title={<MdxJSToJSX>{p.description || p.tags.deprecated}</MdxJSToJSX>}
60
61
  >
61
62
  <span
62
63
  className="token property"
63
64
  style={{
64
65
  cursor: 'pointer',
65
- textDecoration: 'underline',
66
+ textDecoration: p.tags.deprecated ? 'line-through' : 'underline',
66
67
  textDecorationStyle: 'dotted',
68
+ color: p.tags.deprecated ? colors.cinnamon600 : colors.plum600,
67
69
  }}
68
70
  >
69
71
  {p.name}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-docs",
3
- "version": "10.3.58",
3
+ "version": "10.3.60",
4
4
  "description": "Documentation components of Canvas Kit components",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "Apache-2.0",
@@ -44,10 +44,10 @@
44
44
  "dependencies": {
45
45
  "@emotion/styled": "^11.6.0",
46
46
  "@storybook/csf": "0.0.1",
47
- "@workday/canvas-kit-labs-react": "^10.3.58",
48
- "@workday/canvas-kit-preview-react": "^10.3.58",
49
- "@workday/canvas-kit-react": "^10.3.58",
50
- "@workday/canvas-kit-styling": "^10.3.58",
47
+ "@workday/canvas-kit-labs-react": "^10.3.60",
48
+ "@workday/canvas-kit-preview-react": "^10.3.60",
49
+ "@workday/canvas-kit-react": "^10.3.60",
50
+ "@workday/canvas-kit-styling": "^10.3.60",
51
51
  "@workday/canvas-system-icons-web": "^3.0.0",
52
52
  "@workday/canvas-tokens-web": "^1.0.0",
53
53
  "markdown-to-jsx": "^6.10.3",
@@ -59,5 +59,5 @@
59
59
  "mkdirp": "^1.0.3",
60
60
  "typescript": "4.2"
61
61
  },
62
- "gitHead": "e8f81e7e44df47e9ea4954d87ee42dab30b80f87"
62
+ "gitHead": "f4c1db64411acf7717a4ecb083b1a2039b305bc6"
63
63
  }