@workday/canvas-kit-preview-react 15.0.0-alpha.0045-next.0 → 15.0.0-alpha.0056-next.0

package/dist/es6/information-highlight/lib/hooks/useInformationHighlightModel.d.ts

@@ -1,23 +0,0 @@
-export declare const useInformationHighlightModel: (<TT_Special_Generic>(config?: (Partial<{
-    variant: "caution" | "informational" | "critical";
-    emphasis: "high" | "low";
-}> & {} & {}) | undefined) => {
-    state: {
-        variant: "caution" | "informational" | "critical";
-        emphasis: "high" | "low";
-    };
-    events: {};
-}) & import("@workday/canvas-kit-react/common").ModelExtras<{
-    variant: "caution" | "informational" | "critical";
-    emphasis: "high" | "low";
-}, {}, {
-    variant: "caution" | "informational" | "critical";
-    emphasis: "high" | "low";
-}, {}, {
-    state: {
-        variant: "caution" | "informational" | "critical";
-        emphasis: "high" | "low";
-    };
-    events: {};
-}>;
-//# sourceMappingURL=useInformationHighlightModel.d.ts.map

package/dist/es6/information-highlight/lib/hooks/useInformationHighlightModel.d.ts.map

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

package/dist/es6/information-highlight/lib/hooks/useInformationHighlightModel.js

@@ -1,15 +0,0 @@
-import { createModelHook } from '@workday/canvas-kit-react/common';
-export const useInformationHighlightModel = createModelHook({
-    defaultConfig: {
-        variant: 'informational',
-        emphasis: 'low',
-    },
-})(config => {
-    return {
-        state: {
-            variant: config.variant,
-            emphasis: config.emphasis,
-        },
-        events: {},
-    };
-});

package/dist/es6/information-highlight/lib/parts/Body.d.ts

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

package/dist/es6/information-highlight/lib/parts/Body.d.ts.map

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

package/dist/es6/information-highlight/lib/parts/Body.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createComponent } from '@workday/canvas-kit-react/common';
-import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
-import { system } from '@workday/canvas-tokens-web';
-import { Text } from '@workday/canvas-kit-react/text';
-const informationHighlightBodyStencil = createStencil({
-    base: { name: "3c2hi5", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);color:var(--cnvs-sys-color-text-strong);grid-column:2;margin-block-end:var(--cnvs-sys-space-x2);" }
-}, "information-highlight-body-0931ed");
-export const Body = createComponent('div')({
-    displayName: 'Body',
-    Component: ({ ...elemProps }, ref, Element) => {
-        return (_jsx(Text, { as: Element, ref: ref, ...handleCsProp(elemProps, informationHighlightBodyStencil()) }));
-    },
-});

package/dist/es6/information-highlight/lib/parts/Heading.d.ts

@@ -1,6 +0,0 @@
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { Heading } from '@workday/canvas-kit-react/text';
-export interface InformationHighlightHeadingProps extends Partial<ExtractProps<typeof Heading, never>> {
-}
-export declare const InformationHighlightHeading: import("@workday/canvas-kit-react/common").ElementComponent<"h3", InformationHighlightHeadingProps>;
-//# sourceMappingURL=Heading.d.ts.map

package/dist/es6/information-highlight/lib/parts/Heading.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../information-highlight/lib/parts/Heading.tsx"],"names":[],"mappings":"AAAA,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/es6/information-highlight/lib/parts/Heading.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createComponent } from '@workday/canvas-kit-react/common';
-import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
-import { system } from '@workday/canvas-tokens-web';
-import { Heading } from '@workday/canvas-kit-react/text';
-const informationHighlightHeadingStencil = createStencil({
-    base: { name: "ss96r", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-body-small);font-size:var(--cnvs-sys-font-size-body-small);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-1080eb");
-export const InformationHighlightHeading = createComponent('h3')({
-    displayName: 'Heading',
-    Component: ({ size = 'small', ...elemProps }, ref, Element) => {
-        return (_jsx(Heading, { as: Element, ref: ref, size: size, ...handleCsProp(elemProps, informationHighlightHeadingStencil()) }));
-    },
-});

package/dist/es6/information-highlight/lib/parts/Icon.d.ts

@@ -1,12 +0,0 @@
-import { SystemIcon } from '@workday/canvas-kit-react/icon';
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-export interface IconProps extends Partial<ExtractProps<typeof SystemIcon, never>> {
-}
-export declare const Icon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", IconProps, {
-    state: {
-        variant: "caution" | "informational" | "critical";
-        emphasis: "high" | "low";
-    };
-    events: {};
-}>;
-//# sourceMappingURL=Icon.d.ts.map

package/dist/es6/information-highlight/lib/parts/Icon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../information-highlight/lib/parts/Icon.tsx"],"names":[],"mappings":"AAAA,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/es6/information-highlight/lib/parts/Icon.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { SystemIcon } from '@workday/canvas-kit-react/icon';
-import { createSubcomponent } from '@workday/canvas-kit-react/common';
-import { infoIcon, exclamationCircleIcon, exclamationTriangleIcon, } from '@workday/canvas-system-icons-web';
-import { useInformationHighlightModel } from '../hooks/useInformationHighlightModel';
-const defaultIcons = {
-    informational: infoIcon,
-    caution: exclamationTriangleIcon,
-    critical: exclamationCircleIcon,
-};
-export const Icon = createSubcomponent('span')({
-    displayName: 'Icon',
-    modelHook: useInformationHighlightModel,
-})(({ icon, ...props }, Element, model) => {
-    return (_jsx(SystemIcon, { as: Element, icon: icon ? icon : defaultIcons[model.state.variant], "data-part": "information-highlight-icon", ...props }));
-});

package/dist/es6/information-highlight/lib/parts/Link.d.ts

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

package/dist/es6/information-highlight/lib/parts/Link.d.ts.map

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

package/dist/es6/information-highlight/lib/parts/Link.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Hyperlink } from '@workday/canvas-kit-react/button';
-import { createComponent } from '@workday/canvas-kit-react/common';
-import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
-import { system } from '@workday/canvas-tokens-web';
-const informationHighlightLinkStencil = createStencil({
-    base: { name: "4b8mbc", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);grid-column:2;justify-self:start;color:var(--cnvs-sys-color-text-strong);" }
-}, "information-highlight-link-aef704");
-export const Link = createComponent('a')({
-    displayName: 'Link',
-    Component: ({ ...elemProps }, ref, Element) => {
-        return (_jsx(Hyperlink, { as: Element, ref: ref, ...handleCsProp(elemProps, informationHighlightLinkStencil()) }));
-    },
-});

package/information-highlight/index.ts

@@ -1,5 +0,0 @@
-export * from './lib/InformationHighlight';
-export * from './lib/parts/Body';
-export * from './lib/parts/Heading';
-export * from './lib/parts/Icon';
-export * from './lib/parts/Link';

package/information-highlight/lib/InformationHighlight.tsx

@@ -1,107 +0,0 @@
-import {createContainer} from '@workday/canvas-kit-react/common';
-import {createStencil, handleCsProp, CSProps, px2rem} from '@workday/canvas-kit-styling';
-import {system} from '@workday/canvas-tokens-web';
-
-import {InformationHighlightHeading} from './parts/Heading';
-import {Body} from './parts/Body';
-import {Icon} from './parts/Icon';
-import {Link} from './parts/Link';
-import {useInformationHighlightModel} from './hooks/useInformationHighlightModel';
-import {systemIconStencil} from '@workday/canvas-kit-react/icon';
-
-interface InformationHighlightProps extends CSProps {}
-
-export const informationHighlightStencil = createStencil({
-  base: {
-    display: 'grid',
-    gridTemplateColumns: 'min-content',
-    columnGap: system.space.x4,
-    rowGap: system.space.x2,
-    padding: system.space.x4,
-    borderRadius: system.shape.x1,
-    outline: `${px2rem(1)} solid transparent`,
-    borderInlineStart: `${system.space.x1} solid transparent`,
-  },
-  modifiers: {
-    informational: {
-      low: {
-        borderInlineStartColor: system.color.border.info.default,
-        backgroundColor: system.color.bg.alt.soft,
-        '& [data-part="information-highlight-icon"]': {
-          [systemIconStencil.vars.accentColor]: system.color.icon.info.default,
-          [systemIconStencil.vars.color]: system.color.icon.info.default,
-          [systemIconStencil.vars.backgroundColor]: 'transparent',
-        },
-      },
-      high: {
-        borderInlineStartColor: system.color.border.info.default,
-        backgroundColor: system.color.bg.info.softest,
-        '& [data-part="information-highlight-icon"]': {
-          [systemIconStencil.vars.accentColor]: system.color.icon.inverse,
-          [systemIconStencil.vars.color]: system.color.icon.info.default,
-          [systemIconStencil.vars.backgroundColor]: system.color.icon.info.default,
-        },
-      },
-    },
-    caution: {
-      low: {
-        borderInlineStartColor: system.color.border.caution.default,
-        backgroundColor: system.color.bg.alt.soft,
-        '& [data-part="information-highlight-icon"]': {
-          [systemIconStencil.vars.accentColor]: system.color.icon.strong,
-          [systemIconStencil.vars.color]: system.color.icon.strong,
-          [systemIconStencil.vars.backgroundColor]: 'transparent',
-        },
-      },
-      high: {
-        borderInlineStartColor: system.color.border.caution.default,
-        backgroundColor: system.color.bg.caution.softest,
-        '& [data-part="information-highlight-icon"]': {
-          [systemIconStencil.vars.accentColor]: system.color.icon.inverse,
-          [systemIconStencil.vars.color]: system.color.icon.caution.softer,
-          [systemIconStencil.vars.backgroundColor]: system.color.icon.caution.softer,
-        },
-      },
-    },
-    critical: {
-      low: {
-        borderInlineStartColor: system.color.border.critical.default,
-        backgroundColor: system.color.bg.alt.soft,
-        '& [data-part="information-highlight-icon"]': {
-          [systemIconStencil.vars.accentColor]: system.color.icon.critical.default,
-          [systemIconStencil.vars.color]: system.color.icon.critical.default,
-          [systemIconStencil.vars.backgroundColor]: 'transparent',
-        },
-      },
-      high: {
-        borderInlineStartColor: system.color.border.critical.default,
-        backgroundColor: system.color.bg.critical.softest,
-        '& [data-part="information-highlight-icon"]': {
-          [systemIconStencil.vars.accentColor]: system.color.icon.inverse,
-          [systemIconStencil.vars.color]: system.color.icon.critical.default,
-          [systemIconStencil.vars.backgroundColor]: system.color.icon.critical.default,
-        },
-      },
-    },
-  },
-});
-
-export const InformationHighlight = createContainer('section')({
-  displayName: 'InformationHighlight',
-  modelHook: useInformationHighlightModel,
-  subComponents: {
-    Icon: Icon,
-    Heading: InformationHighlightHeading,
-    Body: Body,
-    Link: Link,
-  },
-})(({...elemProps}: InformationHighlightProps, Element, model) => {
-  return (
-    <Element
-      {...handleCsProp(
-        elemProps,
-        informationHighlightStencil({[model.state.variant]: model.state.emphasis})
-      )}
-    />
-  );
-});

package/information-highlight/lib/hooks/useInformationHighlightModel.ts

@@ -1,16 +0,0 @@
-import {createModelHook} from '@workday/canvas-kit-react/common';
-
-export const useInformationHighlightModel = createModelHook({
-  defaultConfig: {
-    variant: 'informational' as 'informational' | 'caution' | 'critical',
-    emphasis: 'low' as 'low' | 'high',
-  },
-})(config => {
-  return {
-    state: {
-      variant: config.variant,
-      emphasis: config.emphasis,
-    },
-    events: {},
-  };
-});

package/information-highlight/lib/parts/Body.tsx

@@ -1,28 +0,0 @@
-import {createComponent, ExtractProps} from '@workday/canvas-kit-react/common';
-import {createStencil, handleCsProp} from '@workday/canvas-kit-styling';
-import {system} from '@workday/canvas-tokens-web';
-import {Text} from '@workday/canvas-kit-react/text';
-
-const informationHighlightBodyStencil = createStencil({
-  base: () => {
-    return {
-      ...system.type.subtext.large,
-      color: system.color.text.strong,
-      gridColumn: '2',
-      marginBlockEnd: system.space.x2,
-    };
-  },
-});
-
-export const Body = createComponent('div')({
-  displayName: 'Body',
-  Component: ({...elemProps}: ExtractProps<typeof Text, never>, ref, Element) => {
-    return (
-      <Text
-        as={Element}
-        ref={ref}
-        {...handleCsProp(elemProps, informationHighlightBodyStencil())}
-      />
-    );
-  },
-});

package/information-highlight/lib/parts/Heading.tsx

@@ -1,34 +0,0 @@
-import {createComponent, ExtractProps} from '@workday/canvas-kit-react/common';
-import {createStencil, handleCsProp} from '@workday/canvas-kit-styling';
-import {system} from '@workday/canvas-tokens-web';
-import {Heading} from '@workday/canvas-kit-react/text';
-
-const informationHighlightHeadingStencil = createStencil({
-  base: () => {
-    return {
-      ...system.type.body.small,
-      color: system.color.text.strong,
-      gridColumn: '2',
-      fontWeight: system.fontWeight.bold,
-      marginTop: system.space.zero,
-      marginBottom: system.space.zero,
-    };
-  },
-});
-
-export interface InformationHighlightHeadingProps
-  extends Partial<ExtractProps<typeof Heading, never>> {}
-
-export const InformationHighlightHeading = createComponent('h3')({
-  displayName: 'Heading',
-  Component: ({size = 'small', ...elemProps}: InformationHighlightHeadingProps, ref, Element) => {
-    return (
-      <Heading
-        as={Element}
-        ref={ref}
-        size={size}
-        {...handleCsProp(elemProps, informationHighlightHeadingStencil())}
-      />
-    );
-  },
-});

package/information-highlight/lib/parts/Icon.tsx

@@ -1,29 +0,0 @@
-import {SystemIcon} from '@workday/canvas-kit-react/icon';
-import {createSubcomponent, ExtractProps} from '@workday/canvas-kit-react/common';
-import {
-  infoIcon,
-  exclamationCircleIcon,
-  exclamationTriangleIcon,
-} from '@workday/canvas-system-icons-web';
-import {useInformationHighlightModel} from '../hooks/useInformationHighlightModel';
-
-export interface IconProps extends Partial<ExtractProps<typeof SystemIcon, never>> {}
-const defaultIcons = {
-  informational: infoIcon,
-  caution: exclamationTriangleIcon,
-  critical: exclamationCircleIcon,
-};
-
-export const Icon = createSubcomponent('span')({
-  displayName: 'Icon',
-  modelHook: useInformationHighlightModel,
-})(({icon, ...props}: IconProps, Element, model) => {
-  return (
-    <SystemIcon
-      as={Element}
-      icon={icon ? icon : defaultIcons[model.state.variant]}
-      data-part="information-highlight-icon"
-      {...props}
-    />
-  );
-});

package/information-highlight/lib/parts/Link.tsx

@@ -1,29 +0,0 @@
-import {Hyperlink} from '@workday/canvas-kit-react/button';
-import {createComponent, ExtractProps} from '@workday/canvas-kit-react/common';
-import {createStencil, handleCsProp} from '@workday/canvas-kit-styling';
-import {system} from '@workday/canvas-tokens-web';
-
-const informationHighlightLinkStencil = createStencil({
-  base: () => {
-    return {
-      ...system.type.subtext.large,
-      gridColumn: '2',
-      justifySelf: 'start',
-      color: system.color.text.strong,
-      fontWeight: system.fontWeight.bold,
-    };
-  },
-});
-
-export const Link = createComponent('a')({
-  displayName: 'Link',
-  Component: ({...elemProps}: ExtractProps<typeof Hyperlink, never>, ref, Element) => {
-    return (
-      <Hyperlink
-        as={Element}
-        ref={ref}
-        {...handleCsProp(elemProps, informationHighlightLinkStencil())}
-      />
-    );
-  },
-});

package/information-highlight/package.json

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