@workday/canvas-kit-docs 8.6.20 → 8.6.22

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.
@@ -2061,6 +2061,24 @@ export var docs = (typeof window !== 'undefined' && window.__docs) ||
2061
2061
  "value": "SystemIconCircleSize.m"
2062
2062
  }
2063
2063
  },
2064
+ {
2065
+ "kind": "property",
2066
+ "name": "objectFit",
2067
+ "required": false,
2068
+ "type": {
2069
+ "kind": "external",
2070
+ "name": "Property.ObjectFit",
2071
+ "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit"
2072
+ },
2073
+ "description": "The object-fit CSS property sets how the content of a replaced element,\nsuch as an <img> or <video>, should be resized to fit its container.\nSee [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).\nIf your image is not a square, you can use this property to ensure the image is rendered properly.",
2074
+ "declarations": [
2075
+ {
2076
+ "name": "objectFit",
2077
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/avatar/lib/Avatar.tsx"
2078
+ }
2079
+ ],
2080
+ "tags": {}
2081
+ },
2064
2082
  {
2065
2083
  "kind": "property",
2066
2084
  "name": "altText",
@@ -10552,6 +10570,24 @@ export var docs = (typeof window !== 'undefined' && window.__docs) ||
10552
10570
  "value": "div"
10553
10571
  }
10554
10572
  },
10573
+ {
10574
+ "kind": "property",
10575
+ "name": "objectFit",
10576
+ "required": false,
10577
+ "type": {
10578
+ "kind": "external",
10579
+ "name": "Property.ObjectFit",
10580
+ "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit"
10581
+ },
10582
+ "description": "The object-fit CSS property sets how the content of a replaced element,\nsuch as an <img> or <video>, should be resized to fit its container.\nSee [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).\nIf your image is not a square, you can use this property to ensure the image is rendered properly.",
10583
+ "declarations": [
10584
+ {
10585
+ "name": "objectFit",
10586
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/avatar/lib/Avatar.tsx"
10587
+ }
10588
+ ],
10589
+ "tags": {}
10590
+ },
10555
10591
  {
10556
10592
  "kind": "property",
10557
10593
  "name": "children",
@@ -39603,6 +39639,24 @@ export var docs = (typeof window !== 'undefined' && window.__docs) ||
39603
39639
  }
39604
39640
  ],
39605
39641
  "tags": {}
39642
+ },
39643
+ {
39644
+ "kind": "property",
39645
+ "name": "objectFit",
39646
+ "required": false,
39647
+ "type": {
39648
+ "kind": "external",
39649
+ "name": "Property.ObjectFit",
39650
+ "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit"
39651
+ },
39652
+ "description": "The object-fit CSS property sets how the content of a replaced element,\nsuch as an <img> or <video>, should be resized to fit its container.\nSee [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).\nIf your image is not a square, you can use this property to ensure the image is rendered properly.",
39653
+ "declarations": [
39654
+ {
39655
+ "name": "objectFit",
39656
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/avatar/lib/Avatar.tsx"
39657
+ }
39658
+ ],
39659
+ "tags": {}
39606
39660
  }
39607
39661
  ]
39608
39662
  }
@@ -1,7 +1,10 @@
1
1
  import React from 'react';
2
2
  import { ExternalHyperlink } from '@workday/canvas-kit-react/button';
3
+ import { renderTypeParameters } from '../widgetUtils';
3
4
  import { registerWidget } from '../Value';
4
5
  registerWidget('external', function (_a) {
5
6
  var value = _a.value;
6
- return (React.createElement(ExternalHyperlink, { href: value.url }, value.name));
7
+ return (React.createElement(React.Fragment, null,
8
+ React.createElement(ExternalHyperlink, { href: value.url }, value.name),
9
+ renderTypeParameters(value.typeParameters)));
7
10
  });
@@ -1,10 +1,14 @@
1
1
  import React from 'react';
2
2
  import {ExternalHyperlink} from '@workday/canvas-kit-react/button';
3
3
 
4
+ import {renderTypeParameters} from '../widgetUtils';
4
5
  import {ExternalSymbolValue} from '../../docgen/docTypes';
5
6
 
6
7
  import {registerWidget} from '../Value';
7
8
 
8
9
  registerWidget<ExternalSymbolValue>('external', ({value}) => (
9
- <ExternalHyperlink href={value.url}>{value.name}</ExternalHyperlink>
10
+ <>
11
+ <ExternalHyperlink href={value.url}>{value.name}</ExternalHyperlink>
12
+ {renderTypeParameters(value.typeParameters)}
13
+ </>
10
14
  ));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-docs",
3
- "version": "8.6.20",
3
+ "version": "8.6.22",
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,9 +44,9 @@
44
44
  "dependencies": {
45
45
  "@emotion/styled": "^11.6.0",
46
46
  "@storybook/csf": "0.0.1",
47
- "@workday/canvas-kit-labs-react": "^8.6.20",
48
- "@workday/canvas-kit-preview-react": "^8.6.20",
49
- "@workday/canvas-kit-react": "^8.6.20",
47
+ "@workday/canvas-kit-labs-react": "^8.6.22",
48
+ "@workday/canvas-kit-preview-react": "^8.6.22",
49
+ "@workday/canvas-kit-react": "^8.6.22",
50
50
  "@workday/canvas-system-icons-web": "^3.0.0",
51
51
  "markdown-to-jsx": "^6.10.3",
52
52
  "ts-node": "^10.9.1"
@@ -57,5 +57,5 @@
57
57
  "mkdirp": "^1.0.3",
58
58
  "typescript": "4.2"
59
59
  },
60
- "gitHead": "76e356d904725e1d69f260f0cfcf5df5b67594d1"
60
+ "gitHead": "d6d7dfd67c9f7e2b2b54f66452f6940955aeb70c"
61
61
  }