@workday/canvas-kit-react 7.1.4 → 7.2.0-427-next.2

package/dist/es6/layout/lib/utils/text.d.ts

@@ -0,0 +1,53 @@
+import { Property } from 'csstype';
+import { StyleFnConfig } from './buildStyleFns';
+import { SystemPropValues } from './systemProps';
+/** style props to for CSS font and text properties */
+export declare type TextStyleProps = {
+    /**
+     * - sets [CSS font-family property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-family)
+     * - system tokens: `font` */
+    fontFamily?: Property.FontFamily | SystemPropValues['font'];
+    /**
+     * - sets [CSS font-size property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)
+     * - system tokens: `fontSize` */
+    fontSize?: Property.FontSize | SystemPropValues['fontSize'];
+    /** sets [CSS font-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-style) */
+    fontStyle?: Property.FontStyle;
+    /**
+     * - sets [CSS font-weight property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight)
+     * - system tokens: `fontWeight` */
+    fontWeight?: Property.FontWeight | SystemPropValues['fontWeight'];
+    /** sets [CSS line-height property](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height) */
+    lineHeight?: Property.LineHeight;
+    /** sets [CSS letter-spacing property](https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing) */
+    letterSpacing?: Property.LetterSpacing;
+    /** sets [CSS text-align property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align) */
+    textAlign?: Property.TextAlign;
+    /** sets [CSS text-decoration property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration) */
+    textDecoration?: Property.TextDecoration;
+    /** sets [CSS text-overflow property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow) */
+    textOverflow?: Property.TextOverflow;
+    /** sets [CSS text-transform property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform) */
+    textTransform?: Property.TextTransform;
+    /** sets [CSS text-shadow property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow) */
+    textShadow?: Property.TextShadow;
+    /** sets [CSS white-space property](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space) */
+    whiteSpace?: Property.WhiteSpace;
+    /** sets [CSS word-break property](https://developer.mozilla.org/en-US/docs/Web/CSS/word-break) */
+    wordBreak?: Property.WordBreak;
+};
+export declare const textStyleFnConfigs: StyleFnConfig[];
+export declare const textStyleFns: import("./buildStyleFns").StyleFns;
+/**
+ * A style prop function that takes component props and returns font and text styles.
+ * If no `TextStyleProps` are found, it returns an empty object.
+ *
+ * @example
+ * ```
+ * const BoxExample = () => (
+ *   <Box textAlign="center" fontWeight="medium">Hello, alignment!</Box>
+ * );
+ * ```
+ */
+export declare const text: (props: TextStyleProps) => {};
+//# sourceMappingURL=text.d.ts.map

package/dist/es6/layout/lib/utils/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,sDAAsD;AACtD,oBAAY,cAAc,GAAG;IAC3B;;iCAE6B;IAC7B,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC5D;;qCAEiC;IACjC,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IAC5D,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;uCAEmC;IACnC,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAClE,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAkE7C,CAAC;AAEF,eAAO,MAAM,YAAY,oCAAoC,CAAC;AAC9D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,IAAI,+BAAiD,CAAC"}

package/dist/es6/layout/lib/utils/text.js

@@ -0,0 +1,81 @@
+import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
+export const textStyleFnConfigs = [
+    {
+        name: 'fontFamily',
+        properties: ['fontFamily'],
+        system: 'font',
+    },
+    {
+        name: 'fontSize',
+        properties: ['fontSize'],
+        system: 'fontSize',
+    },
+    {
+        name: 'fontStyle',
+        properties: ['fontStyle'],
+        system: 'none',
+    },
+    {
+        name: 'fontWeight',
+        properties: ['fontWeight'],
+        system: 'fontWeight',
+    },
+    {
+        name: 'lineHeight',
+        properties: ['lineHeight'],
+        system: 'none',
+    },
+    {
+        name: 'letterSpacing',
+        properties: ['letterSpacing'],
+        system: 'none',
+    },
+    {
+        name: 'textAlign',
+        properties: ['textAlign'],
+        system: 'none',
+    },
+    {
+        name: 'textDecoration',
+        properties: ['textDecoration'],
+        system: 'none',
+    },
+    {
+        name: 'textOverflow',
+        properties: ['textOverflow'],
+        system: 'none',
+    },
+    {
+        name: 'textTransform',
+        properties: ['textTransform'],
+        system: 'none',
+    },
+    {
+        name: 'textShadow',
+        properties: ['textShadow'],
+        system: 'none',
+    },
+    {
+        name: 'whiteSpace',
+        properties: ['whiteSpace'],
+        system: 'none',
+    },
+    {
+        name: 'wordBreak',
+        properties: ['wordBreak'],
+        system: 'none',
+    },
+];
+export const textStyleFns = buildStyleFns(textStyleFnConfigs);
+/**
+ * A style prop function that takes component props and returns font and text styles.
+ * If no `TextStyleProps` are found, it returns an empty object.
+ *
+ * @example
+ * ```
+ * const BoxExample = () => (
+ *   <Box textAlign="center" fontWeight="medium">Hello, alignment!</Box>
+ * );
+ * ```
+ */
+export const text = buildStylePropFn(textStyleFns);

package/dist/es6/loading-dots/index.d.ts

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

package/dist/es6/loading-dots/index.d.ts.map

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

package/dist/es6/loading-dots/index.js

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

package/dist/es6/{loading-animation → loading-dots}/lib/LoadingDots.d.ts

@@ -2,5 +2,5 @@ import * as React from 'react';
 /**
  * A simple component that displays three horizontal dots, to be used when some data is loading.
  */
-export default function LoadingDots(props: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
+export declare function LoadingDots(props: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
 //# sourceMappingURL=LoadingDots.d.ts.map

package/dist/es6/loading-dots/lib/LoadingDots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingDots.d.ts","sourceRoot":"","sources":["../../../../loading-dots/lib/LoadingDots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2D/B;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,eAUtE"}

package/dist/es6/loading-dots/lib/LoadingDots.js

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { keyframes } from '@emotion/react';
+import { canvas, borderRadius } from '@workday/canvas-kit-react/tokens';
+import { styled } from '@workday/canvas-kit-react/common';
+/**
+ * Keyframe for the dots loading animation.
+ */
+const keyframesLoading = keyframes `
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+}
+  40% {
+    transform: scale(1);
+}`;
+/**
+ * The actual loading dot div.
+ */
+const LoadingAnimationDot = styled('div')({
+    backgroundColor: canvas.colors.soap400,
+    width: canvas.space.s,
+    height: canvas.space.s,
+    fontSize: '0px',
+    borderRadius: borderRadius.circle,
+    transform: 'scale(0)',
+    display: 'inline-block',
+    marginRight: canvas.space.xxs,
+    animationName: keyframesLoading,
+    animationDuration: '1400ms',
+    animationIterationCount: 'infinite',
+    animationTimingFunction: 'ease-in-out',
+    animationFillMode: 'both',
+    '&:last-child': {
+        marginRight: 0,
+    },
+}, ({ animationDelay }) => ({
+    animationDelay: animationDelay + 'ms',
+}));
+/**
+ * A simple container for the loading dots.
+ */
+const Container = styled('div')({
+    display: 'inline-block',
+});
+/**
+ * A simple component that displays three horizontal dots, to be used when some data is loading.
+ */
+export function LoadingDots(props) {
+    const { ...elemProps } = props;
+    return (React.createElement(Container, Object.assign({}, elemProps),
+        React.createElement(LoadingAnimationDot, { animationDelay: 0 }),
+        React.createElement(LoadingAnimationDot, { animationDelay: 160 }),
+        React.createElement(LoadingAnimationDot, { animationDelay: 320 })));
+}

package/dist/es6/menu/index.d.ts

@@ -1,7 +1,7 @@
 export { useMenuModel } from './lib/useMenuModel';
 export { Menu } from './lib/Menu';
 export { useMenuCard } from './lib/MenuCard';
-export { useMenuItem } from './lib/MenuItem';
+export { useMenuItem, StyledMenuItem } from './lib/MenuItem';
 export { useMenuList } from './lib/MenuList';
 export { useMenuPopper } from './lib/MenuPopper';
 export { useMenuTarget, useMenuTargetContext } from './lib/MenuTarget';

package/dist/es6/menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAC,IAAI,EAAC,MAAM,YAAY,CAAC;AAEhC,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAC,aAAa,EAAE,oBAAoB,EAAC,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAC,IAAI,EAAC,MAAM,YAAY,CAAC;AAEhC,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,WAAW,EAAE,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAC,aAAa,EAAE,oBAAoB,EAAC,MAAM,kBAAkB,CAAC"}

package/dist/es6/menu/index.js

@@ -1,7 +1,7 @@
 export { useMenuModel } from './lib/useMenuModel';
 export { Menu } from './lib/Menu';
 export { useMenuCard } from './lib/MenuCard';
-export { useMenuItem } from './lib/MenuItem';
+export { useMenuItem, StyledMenuItem } from './lib/MenuItem';
 export { useMenuList } from './lib/MenuList';
 export { useMenuPopper } from './lib/MenuPopper';
 export { useMenuTarget, useMenuTargetContext } from './lib/MenuTarget';