@workday/canvas-kit-react 8.0.6 → 8.0.8

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 (25) hide show
  1. package/breadcrumbs/lib/BreadcrumbsCurrentItem.tsx +7 -18
  2. package/common/lib/utils/useModalityType.ts +1 -3
  3. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts.map +1 -1
  4. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsCurrentItem.js +1 -8
  5. package/dist/commonjs/common/lib/utils/useModalityType.d.ts.map +1 -1
  6. package/dist/commonjs/common/lib/utils/useModalityType.js +1 -3
  7. package/dist/commonjs/text/lib/LabelText.d.ts +1 -1
  8. package/dist/commonjs/text/lib/LabelText.d.ts.map +1 -1
  9. package/dist/commonjs/text/lib/LabelText.js +15 -11
  10. package/dist/commonjs/text/lib/TypeLevelComponents.d.ts +1 -1
  11. package/dist/commonjs/text/lib/TypeLevelComponents.d.ts.map +1 -1
  12. package/dist/commonjs/text/lib/TypeLevelComponents.js +5 -5
  13. package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts.map +1 -1
  14. package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.js +2 -9
  15. package/dist/es6/common/lib/utils/useModalityType.d.ts.map +1 -1
  16. package/dist/es6/common/lib/utils/useModalityType.js +1 -3
  17. package/dist/es6/text/lib/LabelText.d.ts +1 -1
  18. package/dist/es6/text/lib/LabelText.d.ts.map +1 -1
  19. package/dist/es6/text/lib/LabelText.js +16 -12
  20. package/dist/es6/text/lib/TypeLevelComponents.d.ts +1 -1
  21. package/dist/es6/text/lib/TypeLevelComponents.d.ts.map +1 -1
  22. package/dist/es6/text/lib/TypeLevelComponents.js +2 -2
  23. package/package.json +3 -3
  24. package/text/lib/LabelText.tsx +15 -12
  25. package/text/lib/TypeLevelComponents.tsx +2 -4
package/breadcrumbs/lib/BreadcrumbsCurrentItem.tsx CHANGED
@@ -1,12 +1,9 @@
1
1
  import React from 'react';
2
2
  import {
3
- styled,
4
3
  createElemPropsHook,
5
4
  useLocalRef,
6
5
  composeHooks,
7
6
  createSubcomponent,
8
- StyledType,
9
- ellipsisStyles,
10
7
  useForkRef,
11
8
  } from '@workday/canvas-kit-react/common';
12
9
  import {OverflowTooltip, OverflowTooltipProps} from '@workday/canvas-kit-react/tooltip';
@@ -21,18 +18,6 @@ export interface BreadcrumbsCurrentItemProps extends TextProps {
21
18
  tooltipProps?: OverflowTooltipProps;
22
19
  }
23
20
 
24
- const ListItem = styled(Text.as('li'))<BreadcrumbsCurrentItemProps & StyledType>(
25
- {
26
- alignItems: 'center',
27
- flexDirection: 'column',
28
- },
29
- ({maxWidth}: BreadcrumbsCurrentItemProps) => ({
30
- maxWidth,
31
- display: 'inline-block',
32
- ...ellipsisStyles,
33
- })
34
- );
35
-
36
21
  export const useBreadcrumbsItem = composeHooks(
37
22
  createElemPropsHook(useBreadcrumbsModel)((_model: any, ref: any, elemProps) => {
38
23
  const {localRef} = useLocalRef(useForkRef(ref));
@@ -61,15 +46,19 @@ export const BreadcrumbsCurrentItem = createSubcomponent('li')({
61
46
  ({children, tooltipProps = {}, maxWidth = '350px', ...elemProps}, Element) => {
62
47
  return (
63
48
  <OverflowTooltip {...tooltipProps}>
64
- <ListItem
49
+ <Text
65
50
  as={Element}
66
51
  typeLevel="subtext.large"
67
- maxWidth={maxWidth}
68
52
  fontWeight="medium"
53
+ display="inline-block"
54
+ maxWidth={maxWidth}
55
+ whiteSpace="nowrap"
56
+ textOverflow="ellipsis"
57
+ overflow="hidden"
69
58
  {...elemProps}
70
59
  >
71
60
  {children}
72
- </ListItem>
61
+ </Text>
73
62
  </OverflowTooltip>
74
63
  );
75
64
  }
package/common/lib/utils/useModalityType.ts CHANGED
@@ -27,9 +27,7 @@ function safeLocalStorageSet(key: string, value: string): void {
27
27
  // a. if localStorage isn't primed, use clientWidth of the browsers
28
28
  // b. if < 768, default to 'touch'
29
29
  // c. else default to 'mouse'
30
- let localStorageValue = ((typeof localStorage !== 'undefined'
31
- ? safeLocalStorageGet('modality')
32
- : '') ||
30
+ let localStorageValue = (safeLocalStorageGet('modality') ||
33
31
  (typeof document !== 'undefined'
34
32
  ? document.documentElement.clientWidth < 768
35
33
  ? 'touch'
package/dist/commonjs/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BreadcrumbsCurrentItem.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsCurrentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAkB,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAMxF,OAAO,EAAO,SAAS,EAAC,MAAM,gCAAgC,CAAC;AAE/D,MAAM,WAAW,2BAA4B,SAAQ,SAAS;IAC5D,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAcD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAkB9B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBlC,CAAC"}
1
+ {"version":3,"file":"BreadcrumbsCurrentItem.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsCurrentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAkB,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAMxF,OAAO,EAAO,SAAS,EAAC,MAAM,gCAAgC,CAAC;AAE/D,MAAM,WAAW,2BAA4B,SAAQ,SAAS;IAC5D,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAkB9B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBlC,CAAC"}
package/dist/commonjs/breadcrumbs/lib/BreadcrumbsCurrentItem.js CHANGED
@@ -32,13 +32,6 @@ var tooltip_1 = require("@workday/canvas-kit-react/tooltip");
32
32
  var collection_1 = require("@workday/canvas-kit-react/collection");
33
33
  var useBreadcrumbsModel_1 = require("./hooks/useBreadcrumbsModel");
34
34
  var text_1 = require("@workday/canvas-kit-react/text");
35
- var ListItem = common_1.styled(text_1.Text.as('li'))({
36
- alignItems: 'center',
37
- flexDirection: 'column',
38
- }, function (_a) {
39
- var maxWidth = _a.maxWidth;
40
- return (__assign({ maxWidth: maxWidth, display: 'inline-block' }, common_1.ellipsisStyles));
41
- });
42
35
  exports.useBreadcrumbsItem = common_1.composeHooks(common_1.createElemPropsHook(useBreadcrumbsModel_1.useBreadcrumbsModel)(function (_model, ref, elemProps) {
43
36
  var localRef = common_1.useLocalRef(common_1.useForkRef(ref)).localRef;
44
37
  var shouldShowTooltip = false;
@@ -59,5 +52,5 @@ exports.BreadcrumbsCurrentItem = common_1.createSubcomponent('li')({
59
52
  })(function (_a, Element) {
60
53
  var children = _a.children, _b = _a.tooltipProps, tooltipProps = _b === void 0 ? {} : _b, _c = _a.maxWidth, maxWidth = _c === void 0 ? '350px' : _c, elemProps = __rest(_a, ["children", "tooltipProps", "maxWidth"]);
61
54
  return (react_1.default.createElement(tooltip_1.OverflowTooltip, __assign({}, tooltipProps),
62
- react_1.default.createElement(ListItem, __assign({ as: Element, typeLevel: "subtext.large", maxWidth: maxWidth, fontWeight: "medium" }, elemProps), children)));
55
+ react_1.default.createElement(text_1.Text, __assign({ as: Element, typeLevel: "subtext.large", fontWeight: "medium", display: "inline-block", maxWidth: maxWidth, whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden" }, elemProps), children)));
63
56
  });
package/dist/commonjs/common/lib/utils/useModalityType.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useModalityType.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/useModalityType.ts"],"names":[],"mappings":"AAEA,aAAK,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;AA+C1C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,QAAO,QAkBlC,CAAC"}
1
+ {"version":3,"file":"useModalityType.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/useModalityType.ts"],"names":[],"mappings":"AAEA,aAAK,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;AA6C1C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,QAAO,QAkBlC,CAAC"}
package/dist/commonjs/common/lib/utils/useModalityType.js CHANGED
@@ -30,9 +30,7 @@ function safeLocalStorageSet(key, value) {
30
30
  // a. if localStorage isn't primed, use clientWidth of the browsers
31
31
  // b. if < 768, default to 'touch'
32
32
  // c. else default to 'mouse'
33
- var localStorageValue = ((typeof localStorage !== 'undefined'
34
- ? safeLocalStorageGet('modality')
35
- : '') ||
33
+ var localStorageValue = (safeLocalStorageGet('modality') ||
36
34
  (typeof document !== 'undefined'
37
35
  ? document.documentElement.clientWidth < 768
38
36
  ? 'touch'
package/dist/commonjs/text/lib/LabelText.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Property } from 'csstype';
2
- import { TextProps } from '@workday/canvas-kit-react/text';
2
+ import { TextProps } from './Text';
3
3
  export interface TypeLabelProps extends TextProps {
4
4
  cursor?: Property.Cursor;
5
5
  disabled?: boolean;
package/dist/commonjs/text/lib/LabelText.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LabelText.d.ts","sourceRoot":"","sources":["../../../../text/lib/LabelText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAO,SAAS,EAAC,MAAM,gCAAgC,CAAC;AAG/D,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAUD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,SAAS,kEAKpB,CAAC"}
1
+ {"version":3,"file":"LabelText.d.ts","sourceRoot":"","sources":["../../../../text/lib/LabelText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAO,SAAS,EAAC,MAAM,QAAQ,CAAC;AAGvC,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,SAAS,kEAgBpB,CAAC"}
package/dist/commonjs/text/lib/LabelText.js CHANGED
@@ -29,20 +29,23 @@ var __importStar = (this && this.__importStar) || function (mod) {
29
29
  __setModuleDefault(result, mod);
30
30
  return result;
31
31
  };
32
+ var __rest = (this && this.__rest) || function (s, e) {
33
+ var t = {};
34
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
35
+ t[p] = s[p];
36
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
37
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
38
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
39
+ t[p[i]] = s[p[i]];
40
+ }
41
+ return t;
42
+ };
32
43
  Object.defineProperty(exports, "__esModule", { value: true });
33
44
  exports.LabelText = void 0;
34
45
  var React = __importStar(require("react"));
35
46
  var common_1 = require("@workday/canvas-kit-react/common");
36
- var text_1 = require("@workday/canvas-kit-react/text");
47
+ var Text_1 = require("./Text");
37
48
  var tokens_1 = require("@workday/canvas-kit-react/tokens");
38
- var StyledLabel = common_1.styled(text_1.Text.as('label'))(function (_a) {
39
- var cursor = _a.cursor, disabled = _a.disabled, variant = _a.variant;
40
- return ({
41
- color: disabled && variant !== 'inverse' ? tokens_1.inputColors.disabled.text : undefined,
42
- cursor: cursor && !disabled ? cursor : 'default',
43
- opacity: disabled && variant === 'inverse' ? '.4' : '1',
44
- });
45
- });
46
49
  /**
47
50
  * ## LabelText
48
51
  * [View Docs](https://canvas.workday.com/components/text/label-text)
@@ -67,7 +70,8 @@ var StyledLabel = common_1.styled(text_1.Text.as('label'))(function (_a) {
67
70
  */
68
71
  exports.LabelText = common_1.createComponent('label')({
69
72
  displayName: 'Label',
70
- Component: function (elemProps, ref, Element) {
71
- return React.createElement(StyledLabel, __assign({ ref: ref, as: Element, typeLevel: "subtext.large" }, elemProps));
73
+ Component: function (_a, ref, Element) {
74
+ var cursor = _a.cursor, disabled = _a.disabled, variant = _a.variant, elemProps = __rest(_a, ["cursor", "disabled", "variant"]);
75
+ return (React.createElement(Text_1.Text, __assign({ ref: ref, as: Element, typeLevel: "subtext.large", color: disabled && variant !== 'inverse' ? tokens_1.inputColors.disabled.text : undefined, cursor: cursor && !disabled ? cursor : 'default', opacity: disabled && variant === 'inverse' ? '.4' : '1', variant: variant }, elemProps)));
72
76
  },
73
77
  });
package/dist/commonjs/text/lib/TypeLevelComponents.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { TextProps } from '@workday/canvas-kit-react/text';
1
+ import { TextProps } from './Text';
2
2
  /**
3
3
  * Prop interface for type level specific components:
4
4
  * Title, Heading, BodyText, Subtext.
package/dist/commonjs/text/lib/TypeLevelComponents.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TypeLevelComponents.d.ts","sourceRoot":"","sources":["../../../../text/lib/TypeLevelComponents.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,SAAS,EAAC,MAAM,gCAAgC,CAAC;AAE/D;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC;IAClE;;OAEG;IACH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACpC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,OAAO,8DAMlB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,QAAQ,8DAQnB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,OAAO,+DAMlB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,KAAK,+DAMhB,CAAC"}
1
+ {"version":3,"file":"TypeLevelComponents.d.ts","sourceRoot":"","sources":["../../../../text/lib/TypeLevelComponents.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,SAAS,EAAC,MAAM,QAAQ,CAAC;AAEvC;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC;IAClE;;OAEG;IACH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACpC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,OAAO,8DAMlB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,QAAQ,8DAMnB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,OAAO,+DAMlB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,KAAK,+DAMhB,CAAC"}
package/dist/commonjs/text/lib/TypeLevelComponents.js CHANGED
@@ -44,7 +44,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
44
44
  exports.Title = exports.Heading = exports.BodyText = exports.Subtext = void 0;
45
45
  var React = __importStar(require("react"));
46
46
  var common_1 = require("@workday/canvas-kit-react/common");
47
- var text_1 = require("@workday/canvas-kit-react/text");
47
+ var Text_1 = require("./Text");
48
48
  /**
49
49
  * ## Subtext
50
50
  * [View Docs](https://canvas.workday.com/components/text/subtext)
@@ -79,7 +79,7 @@ exports.Subtext = common_1.createComponent('p')({
79
79
  Component: function (_a, ref, Element) {
80
80
  var size = _a.size, elemProps = __rest(_a, ["size"]);
81
81
  var typeLevel = "subtext." + size;
82
- return React.createElement(text_1.Text, __assign({ ref: ref, as: Element, typeLevel: typeLevel }, elemProps));
82
+ return React.createElement(Text_1.Text, __assign({ ref: ref, as: Element, typeLevel: typeLevel }, elemProps));
83
83
  },
84
84
  });
85
85
  /**
@@ -116,7 +116,7 @@ exports.BodyText = common_1.createComponent('p')({
116
116
  Component: function (_a, ref, Element) {
117
117
  var size = _a.size, elemProps = __rest(_a, ["size"]);
118
118
  var typeLevel = "body." + size;
119
- return (React.createElement(text_1.Text, __assign({ ref: ref, as: Element, typeLevel: typeLevel }, elemProps)));
119
+ return React.createElement(Text_1.Text, __assign({ ref: ref, as: Element, typeLevel: typeLevel }, elemProps));
120
120
  },
121
121
  });
122
122
  /**
@@ -153,7 +153,7 @@ exports.Heading = common_1.createComponent('h2')({
153
153
  Component: function (_a, ref, Element) {
154
154
  var size = _a.size, elemProps = __rest(_a, ["size"]);
155
155
  var typeLevel = "heading." + size;
156
- return React.createElement(text_1.Text, __assign({ ref: ref, as: Element, typeLevel: typeLevel }, elemProps));
156
+ return React.createElement(Text_1.Text, __assign({ ref: ref, as: Element, typeLevel: typeLevel }, elemProps));
157
157
  },
158
158
  });
159
159
  /**
@@ -190,6 +190,6 @@ exports.Title = common_1.createComponent('h1')({
190
190
  Component: function (_a, ref, Element) {
191
191
  var size = _a.size, elemProps = __rest(_a, ["size"]);
192
192
  var typeLevel = "title." + size;
193
- return React.createElement(text_1.Text, __assign({ ref: ref, as: Element, typeLevel: typeLevel }, elemProps));
193
+ return React.createElement(Text_1.Text, __assign({ ref: ref, as: Element, typeLevel: typeLevel }, elemProps));
194
194
  },
195
195
  });
package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BreadcrumbsCurrentItem.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsCurrentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAkB,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAMxF,OAAO,EAAO,SAAS,EAAC,MAAM,gCAAgC,CAAC;AAE/D,MAAM,WAAW,2BAA4B,SAAQ,SAAS;IAC5D,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAcD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAkB9B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBlC,CAAC"}
1
+ {"version":3,"file":"BreadcrumbsCurrentItem.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsCurrentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAkB,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAMxF,OAAO,EAAO,SAAS,EAAC,MAAM,gCAAgC,CAAC;AAE/D,MAAM,WAAW,2BAA4B,SAAQ,SAAS;IAC5D,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAkB9B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBlC,CAAC"}
package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.js CHANGED
@@ -21,18 +21,11 @@ var __rest = (this && this.__rest) || function (s, e) {
21
21
  return t;
22
22
  };
23
23
  import React from 'react';
24
- import { styled, createElemPropsHook, useLocalRef, composeHooks, createSubcomponent, ellipsisStyles, useForkRef, } from '@workday/canvas-kit-react/common';
24
+ import { createElemPropsHook, useLocalRef, composeHooks, createSubcomponent, useForkRef, } from '@workday/canvas-kit-react/common';
25
25
  import { OverflowTooltip } from '@workday/canvas-kit-react/tooltip';
26
26
  import { useListItemRegister, useOverflowListItemMeasure, } from '@workday/canvas-kit-react/collection';
27
27
  import { useBreadcrumbsModel } from './hooks/useBreadcrumbsModel';
28
28
  import { Text } from '@workday/canvas-kit-react/text';
29
- var ListItem = styled(Text.as('li'))({
30
- alignItems: 'center',
31
- flexDirection: 'column',
32
- }, function (_a) {
33
- var maxWidth = _a.maxWidth;
34
- return (__assign({ maxWidth: maxWidth, display: 'inline-block' }, ellipsisStyles));
35
- });
36
29
  export var useBreadcrumbsItem = composeHooks(createElemPropsHook(useBreadcrumbsModel)(function (_model, ref, elemProps) {
37
30
  var localRef = useLocalRef(useForkRef(ref)).localRef;
38
31
  var shouldShowTooltip = false;
@@ -53,5 +46,5 @@ export var BreadcrumbsCurrentItem = createSubcomponent('li')({
53
46
  })(function (_a, Element) {
54
47
  var children = _a.children, _b = _a.tooltipProps, tooltipProps = _b === void 0 ? {} : _b, _c = _a.maxWidth, maxWidth = _c === void 0 ? '350px' : _c, elemProps = __rest(_a, ["children", "tooltipProps", "maxWidth"]);
55
48
  return (React.createElement(OverflowTooltip, __assign({}, tooltipProps),
56
- React.createElement(ListItem, __assign({ as: Element, typeLevel: "subtext.large", maxWidth: maxWidth, fontWeight: "medium" }, elemProps), children)));
49
+ React.createElement(Text, __assign({ as: Element, typeLevel: "subtext.large", fontWeight: "medium", display: "inline-block", maxWidth: maxWidth, whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden" }, elemProps), children)));
57
50
  });
package/dist/es6/common/lib/utils/useModalityType.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useModalityType.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/useModalityType.ts"],"names":[],"mappings":"AAEA,aAAK,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;AA+C1C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,QAAO,QAkBlC,CAAC"}
1
+ {"version":3,"file":"useModalityType.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/useModalityType.ts"],"names":[],"mappings":"AAEA,aAAK,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;AA6C1C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,QAAO,QAkBlC,CAAC"}
package/dist/es6/common/lib/utils/useModalityType.js CHANGED
@@ -24,9 +24,7 @@ function safeLocalStorageSet(key, value) {
24
24
  // a. if localStorage isn't primed, use clientWidth of the browsers
25
25
  // b. if < 768, default to 'touch'
26
26
  // c. else default to 'mouse'
27
- var localStorageValue = ((typeof localStorage !== 'undefined'
28
- ? safeLocalStorageGet('modality')
29
- : '') ||
27
+ var localStorageValue = (safeLocalStorageGet('modality') ||
30
28
  (typeof document !== 'undefined'
31
29
  ? document.documentElement.clientWidth < 768
32
30
  ? 'touch'
package/dist/es6/text/lib/LabelText.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Property } from 'csstype';
2
- import { TextProps } from '@workday/canvas-kit-react/text';
2
+ import { TextProps } from './Text';
3
3
  export interface TypeLabelProps extends TextProps {
4
4
  cursor?: Property.Cursor;
5
5
  disabled?: boolean;
package/dist/es6/text/lib/LabelText.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LabelText.d.ts","sourceRoot":"","sources":["../../../../text/lib/LabelText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAO,SAAS,EAAC,MAAM,gCAAgC,CAAC;AAG/D,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAUD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,SAAS,kEAKpB,CAAC"}
1
+ {"version":3,"file":"LabelText.d.ts","sourceRoot":"","sources":["../../../../text/lib/LabelText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAO,SAAS,EAAC,MAAM,QAAQ,CAAC;AAGvC,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,SAAS,kEAgBpB,CAAC"}
package/dist/es6/text/lib/LabelText.js CHANGED
@@ -9,18 +9,21 @@ var __assign = (this && this.__assign) || function () {
9
9
  };
10
10
  return __assign.apply(this, arguments);
11
11
  };
12
+ var __rest = (this && this.__rest) || function (s, e) {
13
+ var t = {};
14
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
+ t[p] = s[p];
16
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
+ t[p[i]] = s[p[i]];
20
+ }
21
+ return t;
22
+ };
12
23
  import * as React from 'react';
13
- import { createComponent, styled } from '@workday/canvas-kit-react/common';
14
- import { Text } from '@workday/canvas-kit-react/text';
24
+ import { createComponent } from '@workday/canvas-kit-react/common';
25
+ import { Text } from './Text';
15
26
  import { inputColors } from '@workday/canvas-kit-react/tokens';
16
- var StyledLabel = styled(Text.as('label'))(function (_a) {
17
- var cursor = _a.cursor, disabled = _a.disabled, variant = _a.variant;
18
- return ({
19
- color: disabled && variant !== 'inverse' ? inputColors.disabled.text : undefined,
20
- cursor: cursor && !disabled ? cursor : 'default',
21
- opacity: disabled && variant === 'inverse' ? '.4' : '1',
22
- });
23
- });
24
27
  /**
25
28
  * ## LabelText
26
29
  * [View Docs](https://canvas.workday.com/components/text/label-text)
@@ -45,7 +48,8 @@ var StyledLabel = styled(Text.as('label'))(function (_a) {
45
48
  */
46
49
  export var LabelText = createComponent('label')({
47
50
  displayName: 'Label',
48
- Component: function (elemProps, ref, Element) {
49
- return React.createElement(StyledLabel, __assign({ ref: ref, as: Element, typeLevel: "subtext.large" }, elemProps));
51
+ Component: function (_a, ref, Element) {
52
+ var cursor = _a.cursor, disabled = _a.disabled, variant = _a.variant, elemProps = __rest(_a, ["cursor", "disabled", "variant"]);
53
+ return (React.createElement(Text, __assign({ ref: ref, as: Element, typeLevel: "subtext.large", color: disabled && variant !== 'inverse' ? inputColors.disabled.text : undefined, cursor: cursor && !disabled ? cursor : 'default', opacity: disabled && variant === 'inverse' ? '.4' : '1', variant: variant }, elemProps)));
50
54
  },
51
55
  });
package/dist/es6/text/lib/TypeLevelComponents.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { TextProps } from '@workday/canvas-kit-react/text';
1
+ import { TextProps } from './Text';
2
2
  /**
3
3
  * Prop interface for type level specific components:
4
4
  * Title, Heading, BodyText, Subtext.
package/dist/es6/text/lib/TypeLevelComponents.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TypeLevelComponents.d.ts","sourceRoot":"","sources":["../../../../text/lib/TypeLevelComponents.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,SAAS,EAAC,MAAM,gCAAgC,CAAC;AAE/D;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC;IAClE;;OAEG;IACH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACpC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,OAAO,8DAMlB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,QAAQ,8DAQnB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,OAAO,+DAMlB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,KAAK,+DAMhB,CAAC"}
1
+ {"version":3,"file":"TypeLevelComponents.d.ts","sourceRoot":"","sources":["../../../../text/lib/TypeLevelComponents.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,SAAS,EAAC,MAAM,QAAQ,CAAC;AAEvC;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC;IAClE;;OAEG;IACH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACpC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,OAAO,8DAMlB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,QAAQ,8DAMnB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,OAAO,+DAMlB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,KAAK,+DAMhB,CAAC"}
package/dist/es6/text/lib/TypeLevelComponents.js CHANGED
@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
22
22
  };
23
23
  import * as React from 'react';
24
24
  import { createComponent } from '@workday/canvas-kit-react/common';
25
- import { Text } from '@workday/canvas-kit-react/text';
25
+ import { Text } from './Text';
26
26
  /**
27
27
  * ## Subtext
28
28
  * [View Docs](https://canvas.workday.com/components/text/subtext)
@@ -94,7 +94,7 @@ export var BodyText = createComponent('p')({
94
94
  Component: function (_a, ref, Element) {
95
95
  var size = _a.size, elemProps = __rest(_a, ["size"]);
96
96
  var typeLevel = "body." + size;
97
- return (React.createElement(Text, __assign({ ref: ref, as: Element, typeLevel: typeLevel }, elemProps)));
97
+ return React.createElement(Text, __assign({ ref: ref, as: Element, typeLevel: typeLevel }, elemProps));
98
98
  },
99
99
  });
100
100
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-react",
3
- "version": "8.0.6",
3
+ "version": "8.0.8",
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,7 +49,7 @@
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": "^8.0.6",
52
+ "@workday/canvas-kit-popup-stack": "^8.0.8",
53
53
  "@workday/canvas-system-icons-web": "^3.0.0",
54
54
  "@workday/design-assets-types": "^0.2.8",
55
55
  "chroma-js": "^2.1.0",
@@ -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": "73dda0c2a368063f0030a523b31c5771a899fe27"
70
+ "gitHead": "154078279d2c1e1c7dfe9e0333d58a28f1354b99"
71
71
  }
package/text/lib/LabelText.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import {Property} from 'csstype';
3
- import {createComponent, styled, StyledType} from '@workday/canvas-kit-react/common';
4
- import {Text, TextProps} from '@workday/canvas-kit-react/text';
3
+ import {createComponent} from '@workday/canvas-kit-react/common';
4
+ import {Text, TextProps} from './Text';
5
5
  import {inputColors} from '@workday/canvas-kit-react/tokens';
6
6
 
7
7
  export interface TypeLabelProps extends TextProps {
@@ -9,14 +9,6 @@ export interface TypeLabelProps extends TextProps {
9
9
  disabled?: boolean;
10
10
  }
11
11
 
12
- const StyledLabel = styled(Text.as('label'))<StyledType & TypeLabelProps>(
13
- ({cursor, disabled, variant}) => ({
14
- color: disabled && variant !== 'inverse' ? inputColors.disabled.text : undefined,
15
- cursor: cursor && !disabled ? cursor : 'default',
16
- opacity: disabled && variant === 'inverse' ? '.4' : '1',
17
- })
18
- );
19
-
20
12
  /**
21
13
  * ## LabelText
22
14
  * [View Docs](https://canvas.workday.com/components/text/label-text)
@@ -41,7 +33,18 @@ const StyledLabel = styled(Text.as('label'))<StyledType & TypeLabelProps>(
41
33
  */
42
34
  export const LabelText = createComponent('label')({
43
35
  displayName: 'Label',
44
- Component: (elemProps: TypeLabelProps, ref, Element) => {
45
- return <StyledLabel ref={ref} as={Element} typeLevel="subtext.large" {...elemProps} />;
36
+ Component: ({cursor, disabled, variant, ...elemProps}: TypeLabelProps, ref, Element) => {
37
+ return (
38
+ <Text
39
+ ref={ref}
40
+ as={Element}
41
+ typeLevel="subtext.large"
42
+ color={disabled && variant !== 'inverse' ? inputColors.disabled.text : undefined}
43
+ cursor={cursor && !disabled ? cursor : 'default'}
44
+ opacity={disabled && variant === 'inverse' ? '.4' : '1'}
45
+ variant={variant}
46
+ {...elemProps}
47
+ />
48
+ );
46
49
  },
47
50
  });
package/text/lib/TypeLevelComponents.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import {createComponent} from '@workday/canvas-kit-react/common';
3
- import {Text, TextProps} from '@workday/canvas-kit-react/text';
3
+ import {Text, TextProps} from './Text';
4
4
 
5
5
  /**
6
6
  * Prop interface for type level specific components:
@@ -83,9 +83,7 @@ export const BodyText = createComponent('p')({
83
83
  displayName: 'BodyText',
84
84
  Component: ({size, ...elemProps}: TypeLevelProps, ref, Element) => {
85
85
  const typeLevel = `body.${size}` as TextProps['typeLevel'];
86
- return (
87
- <Text ref={ref} as={Element} typeLevel={typeLevel} {...elemProps} />
88
- );
86
+ return <Text ref={ref} as={Element} typeLevel={typeLevel} {...elemProps} />;
89
87
  },
90
88
  });
91
89