@workday/canvas-kit-preview-react 13.0.0-alpha.996-next.0 → 13.0.0

package/side-panel/lib/SidePanelToggleButton.tsx

@@ -1,13 +1,12 @@
-/** @jsxRuntime classic */
-/** @jsx jsx */
 import * as React from 'react';
-import {createComponent, ExtractProps, useIsRTL} from '@workday/canvas-kit-react/common';
-import {css, jsx} from '@emotion/react';
+import {createComponent, ExtractProps} from '@workday/canvas-kit-react/common';
 import {TertiaryButton} from '@workday/canvas-kit-react/button';
-import {space} from '@workday/canvas-kit-react/tokens';
 import {transformationImportIcon} from '@workday/canvas-system-icons-web';
 import {Tooltip} from '@workday/canvas-kit-react/tooltip';
 import {SidePanelContext} from './hooks';
+import {createStencil, handleCsProp} from '@workday/canvas-kit-styling';
+import {system} from '@workday/canvas-tokens-web';
+import {SidePanelTransitionStates} from './SidePanel';
 
 export interface SidePanelToggleButtonProps extends ExtractProps<typeof TertiaryButton, never> {
   /**
@@ -20,6 +19,83 @@ export interface SidePanelToggleButtonProps extends ExtractProps<typeof Tertiary
   tooltipTextCollapse?: string;
 }
 
+export const sidePanelToggleButtonStencil = createStencil({
+  base: {
+    position: 'absolute',
+    top: system.space.x6,
+    width: system.space.x8,
+    insetInlineEnd: system.space.x4,
+  },
+  modifiers: {
+    state: {
+      collapsing: {
+        margin: 0,
+        transform: `scaleX(1)`,
+        ':dir(rtl)': {
+          transform: `scaleX(-1)`,
+        },
+      },
+      collapsed: {
+        margin: 'auto',
+        insetInlineStart: 0,
+        insetInlineEnd: 0,
+        transform: `scaleX(1)`,
+        ':dir(rtl)': {
+          transform: `scaleX(-1)`,
+        },
+      },
+      expanded: {
+        margin: 0,
+        transform: `scaleX(-1)`,
+        ':dir(rtl)': {
+          transform: `scaleX(1)`,
+        },
+      },
+      expanding: {
+        margin: 0,
+        transform: `scaleX(-1)`,
+        ':dir(rtl)': {
+          transform: `scaleX(1)`,
+        },
+      },
+    },
+    origin: {
+      left: {},
+      right: {},
+    },
+  },
+
+  compound: [
+    {
+      modifiers: {state: 'collapsed', origin: 'right'},
+      styles: {
+        transform: `scaleX(-1)`,
+      },
+    },
+    {
+      modifiers: {state: 'collapsing', origin: 'right'},
+      styles: {
+        transform: `scaleX(-1)`,
+        insetInlineStart: system.space.x4,
+      },
+    },
+    {
+      modifiers: {state: 'expanded', origin: 'right'},
+      styles: {
+        transform: `scaleX(1)`,
+        insetInlineStart: system.space.x4,
+      },
+    },
+    {
+      modifiers: {state: 'expanding', origin: 'right'},
+      styles: {
+        transform: `scaleX(1)`,
+        insetInlineStart: system.space.x4,
+      },
+    },
+  ],
+});
+
 /**
  * A toggle button styled specifically for the side panel container.
  */
@@ -34,32 +110,6 @@ export const SidePanelToggleButton = createComponent('button')({
   }: SidePanelToggleButtonProps) {
     const context = React.useContext(SidePanelContext);
 
-    const useRTLOrigin = () => {
-      const isRTL = useIsRTL();
-      // if the direction is set to RTl, flip the origin
-      if (isRTL) {
-        return context.origin === 'left' ? 'right' : 'left';
-      }
-      // Otherwise, default to returning the origin
-      return context.origin;
-    };
-
-    const rtlOrigin = useRTLOrigin();
-
-    // Note: Depending on the collapsed width, the button could "jump" to it's final position.
-    const buttonStyle = css({
-      position: 'absolute',
-      top: space.m,
-      width: space.l,
-      right: context.state === 'collapsed' ? 0 : rtlOrigin === 'left' ? space.s : undefined,
-      left: context.state === 'collapsed' ? 0 : rtlOrigin === 'right' ? space.s : undefined,
-      margin: context.state === 'collapsed' ? 'auto' : 0, // to override the -8px margin for TertiaryButton.Plain
-      transform:
-        context.state === 'collapsed' || context.state === 'collapsing'
-          ? `scaleX(${rtlOrigin === 'left' ? '1' : '-1'})`
-          : `scaleX(${rtlOrigin === 'left' ? '-1' : '1'})`,
-    });
-
     return (
       <Tooltip
         title={context.state === 'collapsed' ? tooltipTextExpand : tooltipTextCollapse}
@@ -67,10 +117,20 @@ export const SidePanelToggleButton = createComponent('button')({
       >
         <TertiaryButton
           type="button"
-          css={buttonStyle}
           icon={icon}
           variant={variant}
-          {...elemProps}
+          {...handleCsProp(
+            elemProps,
+            sidePanelToggleButtonStencil({
+              state: context.state as SidePanelTransitionStates,
+              origin: context.origin,
+            })
+          )}
+          onClick={event => {
+            //@ts-ignore this gets called from the useSidePanel hook.
+            elemProps.onClick?.(event);
+            context.handleAnimationStart();
+          }}
         />
       </Tooltip>
     );

package/side-panel/lib/hooks.ts

@@ -2,7 +2,8 @@ import * as React from 'react';
 
 export const SidePanelContext = React.createContext({
   state: 'expanded',
-  origin: 'left',
+  origin: 'left' as 'left' | 'right',
+  handleAnimationStart: () => undefined,
 });
 
 import {useUniqueId} from '@workday/canvas-kit-react/common';

package/status-indicator/lib/StatusIndicator.tsx

@@ -38,6 +38,7 @@ const statusIndicatorStencil = createStencil({
     borderRadius: system.shape.half,
     height: px2rem(20),
     padding: `${system.space.zero} ${system.space.x1}`,
+    outline: `${px2rem(1)} solid transparent`,
   },
   modifiers: {
     gray: {

package/status-indicator/lib/StatusIndicatorIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {createComponent} from '@workday/canvas-kit-react/common';
 import {SystemIcon, SystemIconProps} from '@workday/canvas-kit-react/icon';
 

package/status-indicator/lib/StatusIndicatorLabel.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {createComponent} from '@workday/canvas-kit-react/common';
 import {TextProps, textStencil} from '@workday/canvas-kit-react/text';
 import {createStencil} from '@workday/canvas-kit-styling';

package/text-area/lib/TextArea.tsx

@@ -35,7 +35,7 @@ export const TextArea = createContainer('div')({
         elemProps,
         formFieldStencil({
           grow,
-          orientation: orientation === 'horizontal' ? 'horizontalStart' : orientation,
+          orientation: orientation,
           error: model.state.error,
           required: model.state.isRequired,
         })

package/text-area/lib/TextAreaField.tsx

@@ -1,7 +1,3 @@
-/** @jsxRuntime classic */
-/** @jsx jsx */
-import {jsx} from '@emotion/react';
-
 import {
   borderRadius,
   colors,
@@ -68,7 +64,7 @@ export const TextAreaField = createSubcomponent('textarea')({
     <FormField.Input
       as={Element}
       {...type.levels.subtext.large}
-      css={[baseStyles, focusStyles]}
+      cs={[baseStyles, focusStyles]}
       {...elemProps}
       border={`1px solid ${inputColors.border}`}
       display="block"

package/text-input/lib/TextInput.tsx

@@ -35,7 +35,7 @@ export const TextInput = createContainer('div')({
           elemProps,
           formFieldStencil({
             grow,
-            orientation: orientation === 'horizontal' ? 'horizontalStart' : orientation,
+            orientation: orientation,
             error: model.state.error,
             required: model.state.isRequired,
           })

package/text-input/lib/TextInputField.tsx

@@ -1,7 +1,3 @@
-/** @jsxRuntime classic */
-/** @jsx jsx */
-import {jsx} from '@emotion/react';
-
 import {
   borderRadius,
   colors,
@@ -69,7 +65,7 @@ export const TextInputField = createSubcomponent('input')({
     <FormField.Input
       as="input"
       {...type.levels.subtext.large}
-      css={[baseStyles, focusStyles]}
+      cs={[baseStyles, focusStyles]}
       padding={space.xxs}
       margin={0}
       display="block"

package/common/index.ts

@@ -1 +0,0 @@
-export * from './lib/parts';

package/common/lib/parts/_brand-assets.ts

@@ -1,19 +0,0 @@
-const CDN_URI = 'https://static.workday.com/brand-logos/';
-
-export const dubLogoPrimary = `<img src="${CDN_URI}wd-dub-primary.svg" alt="">`;
-
-export const dubLogoReversed = `<img src="${CDN_URI}wd-dub-reversed.svg" alt="">`;
-
-export const dubLogoMonoBlue = `<img src="${CDN_URI}wd-dub-mono-blue.svg" alt="">`;
-
-export const dubLogoMonoWhite = `<img src="${CDN_URI}wd-dub-mono-white.svg" alt="">`;
-
-export const wdayLogoPrimary = `<img src="${CDN_URI}wd-logo-primary.svg" alt="">`;
-
-export const wdayLogoReversed = `<img src="${CDN_URI}wd-logo-reversed.svg" alt="">`;
-
-export const wdayLogoMonoBlue = `<img src="${CDN_URI}wd-logo-mono-blue.svg" alt="">`;
-
-export const wdayLogoMonoWhite = `<img src="${CDN_URI}wd-logo-mono-white.svg" alt="">`;
-
-export const miniWdayLogoBlue = `<img src="${CDN_URI}ck-mini-wday-logo-blue.svg" alt="">`;

package/common/lib/parts/index.ts

@@ -1 +0,0 @@
-export * from './_brand-assets';

package/common/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../dist/commonjs/common",
-  "module": "../dist/es6/common",
-  "sideEffects": false,
-  "types": "../dist/es6/common"
-}

package/dist/commonjs/InformationHighlight/lib/InformationHighlight.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InformationHighlight.d.ts","sourceRoot":"","sources":["../../../../InformationHighlight/lib/InformationHighlight.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsC,OAAO,EAAC,MAAM,6BAA6B,CAAC;AAUzF,UAAU,yBAA0B,SAAQ,OAAO;CAAG;AAEtD,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAmFtC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}

package/dist/commonjs/InformationHighlight/lib/InformationHighlight.js

@@ -1,65 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InformationHighlight = exports.informationHighlightStencil = void 0;
-const React = __importStar(require("react"));
-const common_1 = require("@workday/canvas-kit-react/common");
-const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
-const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-const Heading_1 = require("./parts/Heading");
-const Body_1 = require("./parts/Body");
-const Icon_1 = require("./parts/Icon");
-const Link_1 = require("./parts/Link");
-const useInformationHighlightModel_1 = require("./hooks/useInformationHighlightModel");
-const icon_1 = require("@workday/canvas-kit-react/icon");
-exports.informationHighlightStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "y3fh1z", styles: "box-sizing:border-box;display:grid;grid-template-columns:min-content;column-gap:var(--cnvs-sys-space-x4);row-gap:var(--cnvs-sys-space-x2);padding:var(--cnvs-sys-space-x4);border-radius:var(--cnvs-sys-shape-x1);" },
-    modifiers: {
-        informational: {
-            low: { name: "y3fh20", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-bg-primary-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-bg-primary-default);--color-system-icon-212f69:var(--cnvs-sys-color-bg-primary-default);--backgroundColor-system-icon-212f69:none;}" },
-            high: { name: "y3fh21", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-bg-primary-default);background-color:var(--cnvs-base-palette-blueberry-100);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-icon-inverse);--color-system-icon-212f69:var(--cnvs-sys-color-bg-primary-default);--backgroundColor-system-icon-212f69:var(--cnvs-sys-color-bg-primary-default);}" }
-        },
-        caution: {
-            low: { name: "y3fh22", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-caution-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-fg-contrast-default);--color-system-icon-212f69:var(--cnvs-sys-color-fg-contrast-default);--backgroundColor-system-icon-212f69:none;}" },
-            high: { name: "y3fh23", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-caution-default);background-color:var(--cnvs-base-palette-sour-lemon-100);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-icon-inverse);--color-system-icon-212f69:var(--cnvs-sys-color-fg-contrast-default);--backgroundColor-system-icon-212f69:var(--cnvs-sys-color-fg-contrast-default);}" }
-        },
-        critical: {
-            low: { name: "y3fh24", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-critical-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-bg-critical-default);--color-system-icon-212f69:var(--cnvs-sys-color-bg-critical-default);--backgroundColor-system-icon-212f69:none;}" },
-            high: { name: "y3fh25", styles: "border-inline-start:solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-critical-default);background-color:var(--cnvs-base-palette-peach-100);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-212f69:var(--cnvs-sys-color-icon-inverse);--color-system-icon-212f69:var(--cnvs-sys-color-bg-critical-default);--backgroundColor-system-icon-212f69:var(--cnvs-sys-color-bg-critical-default);}" }
-        }
-    }
-}, "information-highlight-261624");
-exports.InformationHighlight = (0, common_1.createContainer)('section')({
-    displayName: 'InformationHighlight',
-    modelHook: useInformationHighlightModel_1.useInformationHighlightModel,
-    subComponents: {
-        Icon: Icon_1.Icon,
-        Heading: Heading_1.InformationHighlightHeading,
-        Body: Body_1.Body,
-        Link: Link_1.Link,
-    },
-})(({ ...elemProps }, Element, model) => {
-    return (React.createElement(Element, { ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.informationHighlightStencil)({ [model.state.variant]: model.state.emphasis })) }));
-});

package/dist/commonjs/InformationHighlight/lib/hooks/useInformationHighlightModel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInformationHighlightModel.d.ts","sourceRoot":"","sources":["../../../../../InformationHighlight/lib/hooks/useInformationHighlightModel.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;EAavC,CAAC"}

package/dist/commonjs/InformationHighlight/lib/parts/Body.d.ts

@@ -1,2 +0,0 @@
-export declare const Body: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("@workday/canvas-kit-react/text").TextProps>;
-//# sourceMappingURL=Body.d.ts.map

package/dist/commonjs/InformationHighlight/lib/parts/Body.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../../InformationHighlight/lib/parts/Body.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,IAAI,sHAWf,CAAC"}

package/dist/commonjs/InformationHighlight/lib/parts/Body.js

@@ -1,40 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Body = void 0;
-const React = __importStar(require("react"));
-const common_1 = require("@workday/canvas-kit-react/common");
-const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
-const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-const text_1 = require("@workday/canvas-kit-react/text");
-const informationHighlightBodyStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "y3fh1x", styles: "box-sizing:border-box;font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-base-font-weight-400);line-height:var(--cnvs-base-line-height-100);font-size:var(--cnvs-base-font-size-75);letter-spacing:var(--cnvs-base-letter-spacing-150);color:var(--cnvs-sys-color-text-strong);grid-column:2;margin:0 0 var(--cnvs-sys-space-x2) 0;" }
-}, "information-highlight-body-91094c");
-exports.Body = (0, common_1.createComponent)('p')({
-    displayName: 'Body',
-    Component: ({ ...elemProps }, ref, Element) => {
-        return (React.createElement(text_1.Text, { as: Element, ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, informationHighlightBodyStencil()) }));
-    },
-});

package/dist/commonjs/InformationHighlight/lib/parts/Heading.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../InformationHighlight/lib/parts/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAG/E,OAAO,EAAC,OAAO,EAAC,MAAM,gCAAgC,CAAC;AAevD,MAAM,WAAW,gCACf,SAAQ,OAAO,CAAC,YAAY,CAAC,OAAO,OAAO,EAAE,KAAK,CAAC,CAAC;CAAG;AAEzD,eAAO,MAAM,2BAA2B,qGAYtC,CAAC"}

package/dist/commonjs/InformationHighlight/lib/parts/Heading.js

@@ -1,40 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InformationHighlightHeading = void 0;
-const React = __importStar(require("react"));
-const common_1 = require("@workday/canvas-kit-react/common");
-const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
-const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-const text_1 = require("@workday/canvas-kit-react/text");
-const informationHighlightHeadingStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "y3fh1w", styles: "box-sizing:border-box;font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-base-line-height-150);font-size:var(--cnvs-base-font-size-100);letter-spacing:var(--cnvs-base-letter-spacing-200);color:var(--cnvs-sys-color-text-strong);grid-column:2;margin-top:var(--cnvs-sys-space-zero);margin-bottom:var(--cnvs-sys-space-zero);" }
-}, "information-highlight-heading-52c651");
-exports.InformationHighlightHeading = (0, common_1.createComponent)('h3')({
-    displayName: 'Heading',
-    Component: ({ size = 'small', ...elemProps }, ref, Element) => {
-        return (React.createElement(text_1.Heading, { as: Element, ref: ref, size: size, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, informationHighlightHeadingStencil()) }));
-    },
-});

package/dist/commonjs/InformationHighlight/lib/parts/Icon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../InformationHighlight/lib/parts/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAQlF,MAAM,WAAW,SAAU,SAAQ,OAAO,CAAC,YAAY,CAAC,OAAO,UAAU,EAAE,KAAK,CAAC,CAAC;CAAG;AAOrF,eAAO,MAAM,IAAI;;;;;;EAYf,CAAC"}

package/dist/commonjs/InformationHighlight/lib/parts/Icon.js

@@ -1,42 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Icon = void 0;
-const React = __importStar(require("react"));
-const icon_1 = require("@workday/canvas-kit-react/icon");
-const common_1 = require("@workday/canvas-kit-react/common");
-const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
-const useInformationHighlightModel_1 = require("../hooks/useInformationHighlightModel");
-const defaultIcons = {
-    informational: canvas_system_icons_web_1.infoIcon,
-    caution: canvas_system_icons_web_1.exclamationTriangleIcon,
-    critical: canvas_system_icons_web_1.exclamationCircleIcon,
-};
-exports.Icon = (0, common_1.createSubcomponent)('span')({
-    displayName: 'Icon',
-    modelHook: useInformationHighlightModel_1.useInformationHighlightModel,
-})(({ icon, ...props }, Element, model) => {
-    return (React.createElement(icon_1.SystemIcon, { as: Element, icon: icon ? icon : defaultIcons[model.state.variant], "data-part": "information-highlight-icon", ...props }));
-});

package/dist/commonjs/InformationHighlight/lib/parts/Link.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../InformationHighlight/lib/parts/Link.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,IAAI,6HAWf,CAAC"}

package/dist/commonjs/InformationHighlight/lib/parts/Link.js

@@ -1,40 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Link = void 0;
-const React = __importStar(require("react"));
-const button_1 = require("@workday/canvas-kit-react/button");
-const common_1 = require("@workday/canvas-kit-react/common");
-const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
-const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-const informationHighlightLinkStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "y3fh1y", styles: "box-sizing:border-box;font-family:var(--cnvs-base-font-family-50);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-base-line-height-100);font-size:var(--cnvs-base-font-size-75);letter-spacing:var(--cnvs-base-letter-spacing-150);grid-column:2;justify-self:start;color:var(--cnvs-sys-color-text-strong);" }
-}, "information-highlight-link-49dc23");
-exports.Link = (0, common_1.createComponent)('a')({
-    displayName: 'Link',
-    Component: ({ ...elemProps }, ref, Element) => {
-        return (React.createElement(button_1.Hyperlink, { as: Element, ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, informationHighlightLinkStencil()) }));
-    },
-});

package/dist/commonjs/common/index.d.ts

@@ -1,2 +0,0 @@
-export * from './lib/parts';
-//# sourceMappingURL=index.d.ts.map

package/dist/commonjs/common/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../common/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/commonjs/common/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./lib/parts"), exports);

package/dist/commonjs/common/lib/parts/_brand-assets.d.ts

@@ -1,10 +0,0 @@
-export declare const dubLogoPrimary: string;
-export declare const dubLogoReversed: string;
-export declare const dubLogoMonoBlue: string;
-export declare const dubLogoMonoWhite: string;
-export declare const wdayLogoPrimary: string;
-export declare const wdayLogoReversed: string;
-export declare const wdayLogoMonoBlue: string;
-export declare const wdayLogoMonoWhite: string;
-export declare const miniWdayLogoBlue: string;
-//# sourceMappingURL=_brand-assets.d.ts.map

package/dist/commonjs/common/lib/parts/_brand-assets.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"_brand-assets.d.ts","sourceRoot":"","sources":["../../../../../common/lib/parts/_brand-assets.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,QAAoD,CAAC;AAEhF,eAAO,MAAM,eAAe,QAAqD,CAAC;AAElF,eAAO,MAAM,eAAe,QAAsD,CAAC;AAEnF,eAAO,MAAM,gBAAgB,QAAuD,CAAC;AAErF,eAAO,MAAM,eAAe,QAAqD,CAAC;AAElF,eAAO,MAAM,gBAAgB,QAAsD,CAAC;AAEpF,eAAO,MAAM,gBAAgB,QAAuD,CAAC;AAErF,eAAO,MAAM,iBAAiB,QAAwD,CAAC;AAEvF,eAAO,MAAM,gBAAgB,QAA4D,CAAC"}

package/dist/commonjs/common/lib/parts/_brand-assets.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.miniWdayLogoBlue = exports.wdayLogoMonoWhite = exports.wdayLogoMonoBlue = exports.wdayLogoReversed = exports.wdayLogoPrimary = exports.dubLogoMonoWhite = exports.dubLogoMonoBlue = exports.dubLogoReversed = exports.dubLogoPrimary = void 0;
-const CDN_URI = 'https://static.workday.com/brand-logos/';
-exports.dubLogoPrimary = `<img src="${CDN_URI}wd-dub-primary.svg" alt="">`;
-exports.dubLogoReversed = `<img src="${CDN_URI}wd-dub-reversed.svg" alt="">`;
-exports.dubLogoMonoBlue = `<img src="${CDN_URI}wd-dub-mono-blue.svg" alt="">`;
-exports.dubLogoMonoWhite = `<img src="${CDN_URI}wd-dub-mono-white.svg" alt="">`;
-exports.wdayLogoPrimary = `<img src="${CDN_URI}wd-logo-primary.svg" alt="">`;
-exports.wdayLogoReversed = `<img src="${CDN_URI}wd-logo-reversed.svg" alt="">`;
-exports.wdayLogoMonoBlue = `<img src="${CDN_URI}wd-logo-mono-blue.svg" alt="">`;
-exports.wdayLogoMonoWhite = `<img src="${CDN_URI}wd-logo-mono-white.svg" alt="">`;
-exports.miniWdayLogoBlue = `<img src="${CDN_URI}ck-mini-wday-logo-blue.svg" alt="">`;

package/dist/commonjs/common/lib/parts/index.d.ts

@@ -1,2 +0,0 @@
-export * from './_brand-assets';
-//# sourceMappingURL=index.d.ts.map

package/dist/commonjs/common/lib/parts/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../common/lib/parts/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/commonjs/common/lib/parts/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./_brand-assets"), exports);

package/dist/es6/InformationHighlight/lib/InformationHighlight.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InformationHighlight.d.ts","sourceRoot":"","sources":["../../../../InformationHighlight/lib/InformationHighlight.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsC,OAAO,EAAC,MAAM,6BAA6B,CAAC;AAUzF,UAAU,yBAA0B,SAAQ,OAAO;CAAG;AAEtD,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAmFtC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}

package/dist/es6/InformationHighlight/lib/hooks/useInformationHighlightModel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInformationHighlightModel.d.ts","sourceRoot":"","sources":["../../../../../InformationHighlight/lib/hooks/useInformationHighlightModel.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;EAavC,CAAC"}

package/dist/es6/InformationHighlight/lib/parts/Body.d.ts

@@ -1,2 +0,0 @@
-export declare const Body: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("@workday/canvas-kit-react/text").TextProps>;
-//# sourceMappingURL=Body.d.ts.map