npm - @workday/canvas-kit-react - Versions diffs - 8.0.5 → 8.0.7 - Mend

@workday/canvas-kit-react 8.0.5 → 8.0.7

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

package/breadcrumbs/lib/BreadcrumbsCurrentItem.tsx CHANGED Viewed

@@ -1,12 +1,9 @@
 import React from 'react';
 import {
-  styled,
   createElemPropsHook,
   useLocalRef,
   composeHooks,
   createSubcomponent,
-  StyledType,
-  ellipsisStyles,
   useForkRef,
 } from '@workday/canvas-kit-react/common';
 import {OverflowTooltip, OverflowTooltipProps} from '@workday/canvas-kit-react/tooltip';
@@ -21,18 +18,6 @@ export interface BreadcrumbsCurrentItemProps extends TextProps {
   tooltipProps?: OverflowTooltipProps;
 }
-const ListItem = styled(Text.as('li'))<BreadcrumbsCurrentItemProps & StyledType>(
-  {
-    alignItems: 'center',
-    flexDirection: 'column',
-  },
-  ({maxWidth}: BreadcrumbsCurrentItemProps) => ({
-    maxWidth,
-    display: 'inline-block',
-    ...ellipsisStyles,
-  })
-);
 export const useBreadcrumbsItem = composeHooks(
   createElemPropsHook(useBreadcrumbsModel)((_model: any, ref: any, elemProps) => {
     const {localRef} = useLocalRef(useForkRef(ref));
@@ -61,15 +46,19 @@ export const BreadcrumbsCurrentItem = createSubcomponent('li')({
   ({children, tooltipProps = {}, maxWidth = '350px', ...elemProps}, Element) => {
     return (
       <OverflowTooltip {...tooltipProps}>
-        <ListItem
+        <Text
           as={Element}
           typeLevel="subtext.large"
-          maxWidth={maxWidth}
           fontWeight="medium"
+          display="inline-block"
+          maxWidth={maxWidth}
+          whiteSpace="nowrap"
+          textOverflow="ellipsis"
+          overflow="hidden"
           {...elemProps}
         >
           {children}
-        </ListItem>
+        </Text>
       </OverflowTooltip>
     );
   }

package/common/lib/utils/useModalityType.ts CHANGED Viewed

@@ -2,6 +2,22 @@ import React from 'react';
 type Modality = 'mouse' | 'touch' | 'pen';
+function safeLocalStorageGet(key: string): string | null {
+  try {
+    return localStorage.get(key);
+  } catch (_) {
+    return null;
+  }
+}
+function safeLocalStorageSet(key: string, value: string): void {
+  try {
+    localStorage.set(key, value);
+  } catch (_) {
+    // Do nothing
+  }
+}
 // Use this shared global value to reduce calls to localStorage which is a synchronous API to a
 // drive which could be slow (spinning disks could be hundreds of ms). We read only once this way.
 // The following initialization is very difficult to test via automation. Don't mess with it unless
@@ -12,7 +28,7 @@ type Modality = 'mouse' | 'touch' | 'pen';
 //   b. if < 768, default to 'touch'
 //   c. else default to 'mouse'
 let localStorageValue = ((typeof localStorage !== 'undefined'
-  ? localStorage.getItem('modality')
+  ? safeLocalStorageGet('modality')
   : '') ||
   (typeof document !== 'undefined'
     ? document.documentElement.clientWidth < 768
@@ -26,7 +42,7 @@ let localStorageValue = ((typeof localStorage !== 'undefined'
 // drives
 const updateLocalStorage = (value: Modality) => {
   if (localStorageValue !== value) {
-    localStorage.setItem('modality', value);
+    safeLocalStorageSet('modality', value);
   }
   localStorageValue = value;
 };

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts.map CHANGED Viewed

	@@ -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 Viewed

@@ -32,13 +32,6 @@ var tooltip_1 = require("@workday/canvas-kit-react/tooltip");
 var collection_1 = require("@workday/canvas-kit-react/collection");
 var useBreadcrumbsModel_1 = require("./hooks/useBreadcrumbsModel");
 var text_1 = require("@workday/canvas-kit-react/text");
-var ListItem = common_1.styled(text_1.Text.as('li'))({
-    alignItems: 'center',
-    flexDirection: 'column',
-}, function (_a) {
-    var maxWidth = _a.maxWidth;
-    return (__assign({ maxWidth: maxWidth, display: 'inline-block' }, common_1.ellipsisStyles));
-});
 exports.useBreadcrumbsItem = common_1.composeHooks(common_1.createElemPropsHook(useBreadcrumbsModel_1.useBreadcrumbsModel)(function (_model, ref, elemProps) {
     var localRef = common_1.useLocalRef(common_1.useForkRef(ref)).localRef;
     var shouldShowTooltip = false;
@@ -59,5 +52,5 @@ exports.BreadcrumbsCurrentItem = common_1.createSubcomponent('li')({
 })(function (_a, Element) {
     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"]);
     return (react_1.default.createElement(tooltip_1.OverflowTooltip, __assign({}, tooltipProps),
-        react_1.default.createElement(ListItem, __assign({ as: Element, typeLevel: "subtext.large", maxWidth: maxWidth, fontWeight: "medium" }, elemProps), children)));
+        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)));
 });

package/dist/commonjs/common/lib/utils/useModalityType.d.ts.map CHANGED Viewed

	@@ -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+~~B1C~~;;;;;;;;;;;;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;AA+C1C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,QAAO,QAkBlC,CAAC"}

package/dist/commonjs/common/lib/utils/useModalityType.js CHANGED Viewed

@@ -5,6 +5,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useModalityType = void 0;
 var react_1 = __importDefault(require("react"));
+function safeLocalStorageGet(key) {
+    try {
+        return localStorage.get(key);
+    }
+    catch (_) {
+        return null;
+    }
+}
+function safeLocalStorageSet(key, value) {
+    try {
+        localStorage.set(key, value);
+    }
+    catch (_) {
+        // Do nothing
+    }
+}
 // Use this shared global value to reduce calls to localStorage which is a synchronous API to a
 // drive which could be slow (spinning disks could be hundreds of ms). We read only once this way.
 // The following initialization is very difficult to test via automation. Don't mess with it unless
@@ -15,7 +31,7 @@ var react_1 = __importDefault(require("react"));
 //   b. if < 768, default to 'touch'
 //   c. else default to 'mouse'
 var localStorageValue = ((typeof localStorage !== 'undefined'
-    ? localStorage.getItem('modality')
+    ? safeLocalStorageGet('modality')
     : '') ||
     (typeof document !== 'undefined'
         ? document.documentElement.clientWidth < 768
@@ -28,7 +44,7 @@ var localStorageValue = ((typeof localStorage !== 'undefined'
 // drives
 var updateLocalStorage = function (value) {
     if (localStorageValue !== value) {
-        localStorage.setItem('modality', value);
+        safeLocalStorageSet('modality', value);
     }
     localStorageValue = value;
 };

package/dist/commonjs/text/lib/LabelText.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Property } from 'csstype';
-import { TextProps } from '@workday/canvas-kit-react/text';
+import { TextProps } from './Text';
 export interface TypeLabelProps extends TextProps {
     cursor?: Property.Cursor;
     disabled?: boolean;

package/dist/commonjs/text/lib/LabelText.d.ts.map CHANGED Viewed

	@@ -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 Viewed

@@ -29,20 +29,23 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LabelText = void 0;
 var React = __importStar(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
-var text_1 = require("@workday/canvas-kit-react/text");
+var Text_1 = require("./Text");
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var StyledLabel = common_1.styled(text_1.Text.as('label'))(function (_a) {
-    var cursor = _a.cursor, disabled = _a.disabled, variant = _a.variant;
-    return ({
-        color: disabled && variant !== 'inverse' ? tokens_1.inputColors.disabled.text : undefined,
-        cursor: cursor && !disabled ? cursor : 'default',
-        opacity: disabled && variant === 'inverse' ? '.4' : '1',
-    });
-});
 /**
  * ## LabelText
  * [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) {
  */
 exports.LabelText = common_1.createComponent('label')({
     displayName: 'Label',
-    Component: function (elemProps, ref, Element) {
-        return React.createElement(StyledLabel, __assign({ ref: ref, as: Element, typeLevel: "subtext.large" }, elemProps));
+    Component: function (_a, ref, Element) {
+        var cursor = _a.cursor, disabled = _a.disabled, variant = _a.variant, elemProps = __rest(_a, ["cursor", "disabled", "variant"]);
+        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)));
     },
 });

package/dist/commonjs/text/lib/TypeLevelComponents.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { TextProps } from '@workday/canvas-kit-react/text';
+import { TextProps } from './Text';
 /**
  * Prop interface for type level specific components:
  * Title, Heading, BodyText, Subtext.

package/dist/commonjs/text/lib/TypeLevelComponents.d.ts.map CHANGED Viewed

	@@ -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 Viewed

@@ -44,7 +44,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Title = exports.Heading = exports.BodyText = exports.Subtext = void 0;
 var React = __importStar(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
-var text_1 = require("@workday/canvas-kit-react/text");
+var Text_1 = require("./Text");
 /**
  * ## Subtext
  * [View Docs](https://canvas.workday.com/components/text/subtext)
@@ -79,7 +79,7 @@ exports.Subtext = common_1.createComponent('p')({
     Component: function (_a, ref, Element) {
         var size = _a.size, elemProps = __rest(_a, ["size"]);
         var typeLevel = "subtext." + size;
-        return React.createElement(text_1.Text, __assign({ ref: ref, as: Element, typeLevel: typeLevel }, elemProps));
+        return React.createElement(Text_1.Text, __assign({ ref: ref, as: Element, typeLevel: typeLevel }, elemProps));
     },
 });
 /**
@@ -116,7 +116,7 @@ exports.BodyText = common_1.createComponent('p')({
     Component: function (_a, ref, Element) {
         var size = _a.size, elemProps = __rest(_a, ["size"]);
         var typeLevel = "body." + size;
-        return (React.createElement(text_1.Text, __assign({ ref: ref, as: Element, typeLevel: typeLevel }, elemProps)));
+        return React.createElement(Text_1.Text, __assign({ ref: ref, as: Element, typeLevel: typeLevel }, elemProps));
     },
 });
 /**
@@ -153,7 +153,7 @@ exports.Heading = common_1.createComponent('h2')({
     Component: function (_a, ref, Element) {
         var size = _a.size, elemProps = __rest(_a, ["size"]);
         var typeLevel = "heading." + size;
-        return React.createElement(text_1.Text, __assign({ ref: ref, as: Element, typeLevel: typeLevel }, elemProps));
+        return React.createElement(Text_1.Text, __assign({ ref: ref, as: Element, typeLevel: typeLevel }, elemProps));
     },
 });
 /**
@@ -190,6 +190,6 @@ exports.Title = common_1.createComponent('h1')({
     Component: function (_a, ref, Element) {
         var size = _a.size, elemProps = __rest(_a, ["size"]);
         var typeLevel = "title." + size;
-        return React.createElement(text_1.Text, __assign({ ref: ref, as: Element, typeLevel: typeLevel }, elemProps));
+        return React.createElement(Text_1.Text, __assign({ ref: ref, as: Element, typeLevel: typeLevel }, elemProps));
     },
 });

package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts.map CHANGED Viewed

	@@ -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 Viewed

@@ -21,18 +21,11 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { styled, createElemPropsHook, useLocalRef, composeHooks, createSubcomponent, ellipsisStyles, useForkRef, } from '@workday/canvas-kit-react/common';
+import { createElemPropsHook, useLocalRef, composeHooks, createSubcomponent, useForkRef, } from '@workday/canvas-kit-react/common';
 import { OverflowTooltip } from '@workday/canvas-kit-react/tooltip';
 import { useListItemRegister, useOverflowListItemMeasure, } from '@workday/canvas-kit-react/collection';
 import { useBreadcrumbsModel } from './hooks/useBreadcrumbsModel';
 import { Text } from '@workday/canvas-kit-react/text';
-var ListItem = styled(Text.as('li'))({
-    alignItems: 'center',
-    flexDirection: 'column',
-}, function (_a) {
-    var maxWidth = _a.maxWidth;
-    return (__assign({ maxWidth: maxWidth, display: 'inline-block' }, ellipsisStyles));
-});
 export var useBreadcrumbsItem = composeHooks(createElemPropsHook(useBreadcrumbsModel)(function (_model, ref, elemProps) {
     var localRef = useLocalRef(useForkRef(ref)).localRef;
     var shouldShowTooltip = false;
@@ -53,5 +46,5 @@ export var BreadcrumbsCurrentItem = createSubcomponent('li')({
 })(function (_a, Element) {
     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"]);
     return (React.createElement(OverflowTooltip, __assign({}, tooltipProps),
-        React.createElement(ListItem, __assign({ as: Element, typeLevel: "subtext.large", maxWidth: maxWidth, fontWeight: "medium" }, elemProps), children)));
+        React.createElement(Text, __assign({ as: Element, typeLevel: "subtext.large", fontWeight: "medium", display: "inline-block", maxWidth: maxWidth, whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden" }, elemProps), children)));
 });

package/dist/es6/common/lib/utils/useModalityType.d.ts.map CHANGED Viewed

	@@ -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+~~B1C~~;;;;;;;;;;;;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;AA+C1C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,QAAO,QAkBlC,CAAC"}

package/dist/es6/common/lib/utils/useModalityType.js CHANGED Viewed

@@ -1,4 +1,20 @@
 import React from 'react';
+function safeLocalStorageGet(key) {
+    try {
+        return localStorage.get(key);
+    }
+    catch (_) {
+        return null;
+    }
+}
+function safeLocalStorageSet(key, value) {
+    try {
+        localStorage.set(key, value);
+    }
+    catch (_) {
+        // Do nothing
+    }
+}
 // Use this shared global value to reduce calls to localStorage which is a synchronous API to a
 // drive which could be slow (spinning disks could be hundreds of ms). We read only once this way.
 // The following initialization is very difficult to test via automation. Don't mess with it unless
@@ -9,7 +25,7 @@ import React from 'react';
 //   b. if < 768, default to 'touch'
 //   c. else default to 'mouse'
 var localStorageValue = ((typeof localStorage !== 'undefined'
-    ? localStorage.getItem('modality')
+    ? safeLocalStorageGet('modality')
     : '') ||
     (typeof document !== 'undefined'
         ? document.documentElement.clientWidth < 768
@@ -22,7 +38,7 @@ var localStorageValue = ((typeof localStorage !== 'undefined'
 // drives
 var updateLocalStorage = function (value) {
     if (localStorageValue !== value) {
-        localStorage.setItem('modality', value);
+        safeLocalStorageSet('modality', value);
     }
     localStorageValue = value;
 };

package/dist/es6/text/lib/LabelText.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Property } from 'csstype';
-import { TextProps } from '@workday/canvas-kit-react/text';
+import { TextProps } from './Text';
 export interface TypeLabelProps extends TextProps {
     cursor?: Property.Cursor;
     disabled?: boolean;

package/dist/es6/text/lib/LabelText.d.ts.map CHANGED Viewed

	@@ -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 Viewed

@@ -9,18 +9,21 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import * as React from 'react';
-import { createComponent, styled } from '@workday/canvas-kit-react/common';
-import { Text } from '@workday/canvas-kit-react/text';
+import { createComponent } from '@workday/canvas-kit-react/common';
+import { Text } from './Text';
 import { inputColors } from '@workday/canvas-kit-react/tokens';
-var StyledLabel = styled(Text.as('label'))(function (_a) {
-    var cursor = _a.cursor, disabled = _a.disabled, variant = _a.variant;
-    return ({
-        color: disabled && variant !== 'inverse' ? inputColors.disabled.text : undefined,
-        cursor: cursor && !disabled ? cursor : 'default',
-        opacity: disabled && variant === 'inverse' ? '.4' : '1',
-    });
-});
 /**
  * ## LabelText
  * [View Docs](https://canvas.workday.com/components/text/label-text)
@@ -45,7 +48,8 @@ var StyledLabel = styled(Text.as('label'))(function (_a) {
  */
 export var LabelText = createComponent('label')({
     displayName: 'Label',
-    Component: function (elemProps, ref, Element) {
-        return React.createElement(StyledLabel, __assign({ ref: ref, as: Element, typeLevel: "subtext.large" }, elemProps));
+    Component: function (_a, ref, Element) {
+        var cursor = _a.cursor, disabled = _a.disabled, variant = _a.variant, elemProps = __rest(_a, ["cursor", "disabled", "variant"]);
+        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)));
     },
 });

package/dist/es6/text/lib/TypeLevelComponents.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { TextProps } from '@workday/canvas-kit-react/text';
+import { TextProps } from './Text';
 /**
  * Prop interface for type level specific components:
  * Title, Heading, BodyText, Subtext.

package/dist/es6/text/lib/TypeLevelComponents.d.ts.map CHANGED Viewed

	@@ -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 Viewed

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import * as React from 'react';
 import { createComponent } from '@workday/canvas-kit-react/common';
-import { Text } from '@workday/canvas-kit-react/text';
+import { Text } from './Text';
 /**
  * ## Subtext
  * [View Docs](https://canvas.workday.com/components/text/subtext)
@@ -94,7 +94,7 @@ export var BodyText = createComponent('p')({
     Component: function (_a, ref, Element) {
         var size = _a.size, elemProps = __rest(_a, ["size"]);
         var typeLevel = "body." + size;
-        return (React.createElement(Text, __assign({ ref: ref, as: Element, typeLevel: typeLevel }, elemProps)));
+        return React.createElement(Text, __assign({ ref: ref, as: Element, typeLevel: typeLevel }, elemProps));
     },
 });
 /**

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react",
-  "version": "8.0.5",
+  "version": "8.0.7",
   "description": "The parent module that contains all Workday Canvas Kit React components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -49,7 +49,7 @@
     "@emotion/styled": "^11.6.0",
     "@popperjs/core": "^2.5.4",
     "@workday/canvas-colors-web": "^2.0.0",
-    "@workday/canvas-kit-popup-stack": "^8.0.5",
+    "@workday/canvas-kit-popup-stack": "^8.0.7",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/design-assets-types": "^0.2.8",
     "chroma-js": "^2.1.0",
@@ -67,5 +67,5 @@
     "@workday/canvas-accent-icons-web": "^3.0.0",
     "@workday/canvas-applet-icons-web": "^2.0.0"
   },
-  "gitHead": "86b8480266f501df912171e640de93cc293638cb"
+  "gitHead": "22496753e49ca4f54fcea13a8498ab1c6d42e9a3"
 }

package/text/lib/LabelText.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import {Property} from 'csstype';
-import {createComponent, styled, StyledType} from '@workday/canvas-kit-react/common';
-import {Text, TextProps} from '@workday/canvas-kit-react/text';
+import {createComponent} from '@workday/canvas-kit-react/common';
+import {Text, TextProps} from './Text';
 import {inputColors} from '@workday/canvas-kit-react/tokens';
 export interface TypeLabelProps extends TextProps {
@@ -9,14 +9,6 @@ export interface TypeLabelProps extends TextProps {
   disabled?: boolean;
 }
-const StyledLabel = styled(Text.as('label'))<StyledType & TypeLabelProps>(
-  ({cursor, disabled, variant}) => ({
-    color: disabled && variant !== 'inverse' ? inputColors.disabled.text : undefined,
-    cursor: cursor && !disabled ? cursor : 'default',
-    opacity: disabled && variant === 'inverse' ? '.4' : '1',
-  })
-);
 /**
  * ## LabelText
  * [View Docs](https://canvas.workday.com/components/text/label-text)
@@ -41,7 +33,18 @@ const StyledLabel = styled(Text.as('label'))<StyledType & TypeLabelProps>(
  */
 export const LabelText = createComponent('label')({
   displayName: 'Label',
-  Component: (elemProps: TypeLabelProps, ref, Element) => {
-    return <StyledLabel ref={ref} as={Element} typeLevel="subtext.large" {...elemProps} />;
+  Component: ({cursor, disabled, variant, ...elemProps}: TypeLabelProps, ref, Element) => {
+    return (
+      <Text
+        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}
+      />
+    );
   },
 });

package/text/lib/TypeLevelComponents.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import {createComponent} from '@workday/canvas-kit-react/common';
-import {Text, TextProps} from '@workday/canvas-kit-react/text';
+import {Text, TextProps} from './Text';
 /**
  * Prop interface for type level specific components:
@@ -83,9 +83,7 @@ export const BodyText = createComponent('p')({
   displayName: 'BodyText',
   Component: ({size, ...elemProps}: TypeLevelProps, ref, Element) => {
     const typeLevel = `body.${size}` as TextProps['typeLevel'];
-    return (
-      <Text ref={ref} as={Element} typeLevel={typeLevel} {...elemProps} />
-    );
+    return <Text ref={ref} as={Element} typeLevel={typeLevel} {...elemProps} />;
   },
 });