@workday/canvas-kit-react 7.0.0-alpha.0-next.1 → 7.0.0-alpha.0-next.3

package/dist/es6/pagination/lib/Pagination/common/utils/layout.d.ts

@@ -1,32 +0,0 @@
-declare type Globals = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset';
-declare type OverflowProperty = Globals | 'auto' | 'hidden' | 'scroll' | 'visible' | string;
-declare type OverflowXProperty = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset' | 'auto' | 'hidden' | 'scroll' | 'visible';
-declare type OverflowYProperty = OverflowXProperty;
-export interface LayoutProps {
-    display?: string;
-    height?: number | string;
-    maxHeight?: number | string;
-    maxWidth?: number | string;
-    minHeight?: number | string;
-    minWidth?: number | string;
-    overflow?: OverflowProperty;
-    overflowX?: OverflowXProperty;
-    overflowY?: OverflowYProperty;
-    verticalAlign?: string;
-    width?: number | string;
-}
-export declare const layout: {
-    display: string;
-    height: string;
-    maxHeight: string;
-    maxWidth: string;
-    minHeight: string;
-    minWidth: string;
-    overflow: string;
-    overflowX: string;
-    overflowY: string;
-    verticalAlign: string;
-    width: string;
-};
-export {};
-//# sourceMappingURL=layout.d.ts.map

package/dist/es6/pagination/lib/Pagination/common/utils/layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../../../pagination/lib/Pagination/common/utils/layout.ts"],"names":[],"mappings":"AAAA,aAAK,OAAO,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC3E,aAAK,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AACpF,aAAK,iBAAiB,GAClB,cAAc,GACd,SAAS,GACT,SAAS,GACT,QAAQ,GACR,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,SAAS,CAAC;AACd,aAAK,iBAAiB,GAAG,iBAAiB,CAAC;AAC3C,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYlB,CAAC"}

package/dist/es6/pagination/lib/Pagination/common/utils/layout.js

@@ -1,13 +0,0 @@
-export var layout = {
-    display: 'display',
-    height: 'height',
-    maxHeight: 'maxHeight',
-    maxWidth: 'maxWidth',
-    minHeight: 'minHeight',
-    minWidth: 'minWidth',
-    overflow: 'overflow',
-    overflowX: 'overflowX',
-    overflowY: 'overflowY',
-    verticalAlign: 'verticalAlign',
-    width: 'width',
-};

package/dist/es6/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts

@@ -1,12 +0,0 @@
-/**
- * Removes style props from props to prevent them from being applied to the HTML element.
- * Returns an object of props that is stripped of all style props.
- * @example
- * const Box = (props) => {
- *   const safeProps = safelySpreadProps(props);
- *   return <div {...safeProps} />
- * }
- *
- */
-export declare function safelySpreadProps<T extends object>(props: T): T;
-//# sourceMappingURL=safelySpreadProps.d.ts.map

package/dist/es6/pagination/lib/Pagination/common/utils/safelySpreadProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"safelySpreadProps.d.ts","sourceRoot":"","sources":["../../../../../../../pagination/lib/Pagination/common/utils/safelySpreadProps.ts"],"names":[],"mappings":"AAUA;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,CAAC,KAQ3D"}

package/dist/es6/pagination/lib/Pagination/common/utils/safelySpreadProps.js

@@ -1,34 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { flex } from './flex';
-import { layout } from './layout';
-import { space } from './space';
-var styleProps = __assign(__assign(__assign({}, flex), layout), space);
-/**
- * Removes style props from props to prevent them from being applied to the HTML element.
- * Returns an object of props that is stripped of all style props.
- * @example
- * const Box = (props) => {
- *   const safeProps = safelySpreadProps(props);
- *   return <div {...safeProps} />
- * }
- *
- */
-export function safelySpreadProps(props) {
-    var safeProps = {};
-    for (var key in props) {
-        if (!(key in styleProps)) {
-            safeProps[key] = props[key];
-        }
-    }
-    return safeProps;
-}

package/dist/es6/pagination/lib/Pagination/common/utils/space.d.ts

@@ -1,127 +0,0 @@
-import { space as canvasSpace } from '@workday/canvas-kit-react/tokens';
-export declare type Spacing = keyof typeof canvasSpace;
-export interface SpaceProps {
-    margin?: Spacing;
-    m?: Spacing;
-    marginX?: Spacing;
-    mx?: Spacing;
-    marginY?: Spacing;
-    my?: Spacing;
-    marginT?: Spacing;
-    mt?: Spacing;
-    marginR?: Spacing;
-    mr?: Spacing;
-    marginB?: Spacing;
-    mb?: Spacing;
-    marginL?: Spacing;
-    ml?: Spacing;
-    padding?: Spacing;
-    p?: Spacing;
-    paddingX?: Spacing;
-    px?: Spacing;
-    paddingY?: Spacing;
-    py?: Spacing;
-    paddingT?: Spacing;
-    pt?: Spacing;
-    paddingR?: Spacing;
-    pr?: Spacing;
-    paddingB?: Spacing;
-    pb?: Spacing;
-    paddingL?: Spacing;
-    pl?: Spacing;
-}
-export declare const space: {
-    margin: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        margin: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    m: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        margin: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    marginX: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-        marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    mx: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-        marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    marginY: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-        marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    my: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-        marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    marginT: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    mt: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    marginR: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    mr: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    marginB: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    mb: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    marginL: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    ml: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    padding: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        padding: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    p: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        padding: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    paddingX: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-        paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    px: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-        paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    paddingY: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-        paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    py: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-        paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    paddingT: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    pt: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    paddingR: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    pr: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    paddingB: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    pb: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    paddingL: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-    pl: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
-        paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    };
-};
-//# sourceMappingURL=space.d.ts.map

package/dist/es6/pagination/lib/Pagination/common/utils/space.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../../../../../../../pagination/lib/Pagination/common/utils/space.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,IAAI,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAEtE,oBAAY,OAAO,GAAG,MAAM,OAAO,WAAW,CAAC;AAE/C,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,CAAC,CAAC,EAAE,OAAO,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,CAAC,CAAC,EAAE,OAAO,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC;CACd;AA8CD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BjB,CAAC"}

package/dist/es6/pagination/lib/Pagination/common/utils/space.js

@@ -1,73 +0,0 @@
-import { space as canvasSpace } from '@workday/canvas-kit-react/tokens';
-var margin = function (value) { return ({ margin: canvasSpace[value] || value }); };
-var marginX = function (value) { return ({
-    marginLeft: canvasSpace[value],
-    marginRight: canvasSpace[value],
-}); };
-var marginY = function (value) { return ({
-    marginBottom: canvasSpace[value],
-    marginTop: canvasSpace[value],
-}); };
-var marginT = function (value) { return ({
-    marginTop: canvasSpace[value],
-}); };
-var marginR = function (value) { return ({
-    marginRight: canvasSpace[value],
-}); };
-var marginB = function (value) { return ({
-    marginBottom: canvasSpace[value],
-}); };
-var marginL = function (value) { return ({
-    marginLeft: canvasSpace[value],
-}); };
-var padding = function (value) { return ({ padding: canvasSpace[value] }); }; // || value });
-var paddingX = function (value) { return ({
-    paddingLeft: canvasSpace[value],
-    paddingRight: canvasSpace[value],
-}); };
-var paddingY = function (value) { return ({
-    paddingBottom: canvasSpace[value],
-    paddingTop: canvasSpace[value],
-}); };
-var paddingT = function (value) { return ({
-    paddingTop: canvasSpace[value],
-}); };
-var paddingR = function (value) { return ({
-    paddingRight: canvasSpace[value],
-}); };
-var paddingB = function (value) { return ({
-    paddingBottom: canvasSpace[value],
-}); };
-var paddingL = function (value) { return ({
-    paddingLeft: canvasSpace[value],
-}); };
-export var space = {
-    margin: margin,
-    m: margin,
-    marginX: marginX,
-    mx: marginX,
-    marginY: marginY,
-    my: marginY,
-    marginT: marginT,
-    mt: marginT,
-    marginR: marginR,
-    mr: marginR,
-    marginB: marginB,
-    mb: marginB,
-    marginL: marginL,
-    ml: marginL,
-    padding: padding,
-    p: padding,
-    paddingX: paddingX,
-    px: paddingX,
-    paddingY: paddingY,
-    py: paddingY,
-    paddingT: paddingT,
-    pt: paddingT,
-    paddingR: paddingR,
-    pr: paddingR,
-    paddingB: paddingB,
-    pb: paddingB,
-    paddingL: paddingL,
-    pl: paddingL,
-};

package/pagination/lib/Pagination/common/Box.tsx

@@ -1,44 +0,0 @@
-/** @jsx jsx */
-import * as React from 'react';
-import {jsx, css} from '@emotion/core';
-import styled from '@emotion/styled';
-
-import {space, SpaceProps} from './utils/space';
-import {layout, LayoutProps} from './utils/layout';
-import {safelySpreadProps} from './utils/safelySpreadProps';
-
-const getBoxStyles = (props: BoxProps) => {
-  let styleProps = {};
-  for (const key in props) {
-    if (key in props) {
-      if (key in space) {
-        const value = props[key as keyof BoxProps];
-        const styleFn = space[key as keyof SpaceProps];
-        const styles = styleFn(value);
-        styleProps = {...styleProps, ...styles};
-      }
-      if (key in layout) {
-        const attr = layout[key as keyof LayoutProps];
-        styleProps = {...styleProps, [attr]: props[key as keyof BoxProps]};
-      }
-    }
-  }
-  return styleProps;
-};
-
-type As = keyof JSX.IntrinsicElements;
-
-export interface BoxProps extends SpaceProps, LayoutProps, React.HTMLAttributes<HTMLElement> {
-  as?: As;
-}
-
-export const StyledBox = styled('div')<BoxProps>({
-  boxSizing: 'border-box',
-});
-
-export const Box = React.forwardRef<any, BoxProps>(({as = 'div', ...props}, ref) => {
-  // TODO: Memoize style props with React.useMemo
-  const boxStyles = getBoxStyles(props);
-  const safeProps = safelySpreadProps(props);
-  return <StyledBox ref={ref} as={as} css={css(boxStyles)} {...safeProps} />;
-});

package/pagination/lib/Pagination/common/Flex.tsx

@@ -1,23 +0,0 @@
-import styled from '@emotion/styled';
-
-import {flex, FlexProps as BaseFlexProps} from './utils/flex';
-
-import {Box, BoxProps} from './Box';
-
-export type FlexProps = BaseFlexProps & BoxProps;
-
-const getFlexStyles = (props: FlexProps) => {
-  let flexProps = {};
-
-  for (const key in props) {
-    if (key in flex) {
-      const attr = flex[key as keyof BaseFlexProps];
-      flexProps = {...flexProps, [attr]: props[key as keyof FlexProps]};
-    }
-  }
-  return flexProps;
-};
-
-export const Flex = styled(Box)({display: 'flex'}, getFlexStyles);
-
-Flex.displayName = 'Flex';

package/pagination/lib/Pagination/common/Stack.tsx

@@ -1,98 +0,0 @@
-/** @jsx jsx */
-import * as React from 'react';
-import {jsx, css} from '@emotion/core';
-import {space as sp} from '@workday/canvas-kit-react/tokens';
-
-import {Flex, FlexProps} from './Flex';
-import {Spacing} from './utils/space';
-import {getValidChildren} from './utils/getValidChildren';
-import {useRTL} from './utils/useRTL';
-
-type StackDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
-
-export interface StackProps extends FlexProps {
-  children?: React.ReactNode;
-  direction: StackDirection;
-  flexDirection?: StackDirection;
-  spacing: Spacing;
-}
-
-const selector = '& > *:not(style) ~ *:not(style)';
-
-type Options = {
-  spacing: Spacing;
-  direction: StackDirection;
-  shouldUseRTL: boolean;
-};
-
-function getDirectionStyles(options: Options) {
-  const directionStyles = {
-    column: {marginTop: sp[options.spacing]},
-    'column-reverse': {marginBottom: sp[options.spacing]},
-    'row-reverse': options.shouldUseRTL
-      ? {marginLeft: sp[options.spacing]}
-      : {marginRight: sp[options.spacing]},
-    row: options.shouldUseRTL
-      ? {marginRight: sp[options.spacing]}
-      : {marginLeft: sp[options.spacing]},
-  };
-
-  return directionStyles[options.direction];
-}
-
-function getStackStyles(options: Options) {
-  const {direction} = options;
-
-  return {
-    flexDirection: direction,
-    [selector]: getDirectionStyles(options),
-  };
-}
-
-export const useStack = ({direction, shouldUseRTL, spacing}: Options) => {
-  return React.useMemo(() => getStackStyles({direction, shouldUseRTL, spacing}), [
-    direction,
-    spacing,
-    shouldUseRTL,
-  ]);
-};
-
-export const Stack = React.forwardRef(
-  ({children, direction, spacing, ...elemProps}: StackProps, ref) => {
-    const validChildren = getValidChildren(children);
-    const {shouldUseRTL} = useRTL();
-    const stackStyles = useStack({direction, spacing, shouldUseRTL});
-
-    return (
-      <Flex css={css(stackStyles)} ref={ref} {...elemProps}>
-        {validChildren}
-      </Flex>
-    );
-  }
-);
-
-Stack.displayName = 'Stack';
-
-export interface HStackProps extends Omit<StackProps, 'direction'> {
-  direction?: 'row' | 'row-reverse';
-}
-
-export const HStack = React.forwardRef(
-  ({direction = 'row', spacing, ...elemProps}: HStackProps, ref) => {
-    return <Stack ref={ref} direction={direction} spacing={spacing} {...elemProps} />;
-  }
-);
-
-HStack.displayName = 'HStack';
-
-export interface VStackProps extends Omit<StackProps, 'direction'> {
-  direction?: 'column' | 'column-reverse';
-}
-
-export const VStack = React.forwardRef(
-  ({direction = 'column', spacing, ...elemProps}: VStackProps, ref) => {
-    return <Stack ref={ref} direction={direction} spacing={spacing} {...elemProps} />;
-  }
-);
-
-VStack.displayName = 'VStack';

package/pagination/lib/Pagination/common/utils/flex.ts

@@ -1,110 +0,0 @@
-// TODO: Consider using CSSType instead
-type Globals = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset';
-type GlobalsNumber = number | '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset';
-type SelfPosition =
-  | 'center'
-  | 'end'
-  | 'flex-end'
-  | 'flex-start'
-  | 'self-end'
-  | 'self-start'
-  | 'start';
-type ContentDistribution = 'space-around' | 'space-between' | 'space-evenly' | 'stretch';
-type ContentPosition = 'center' | 'end' | 'flex-end' | 'flex-start' | 'start';
-type AlignItemsProperty = Globals | SelfPosition | 'baseline' | 'normal' | 'stretch';
-type AlignContentProperty = Globals | ContentDistribution | ContentPosition | 'baseline' | 'normal';
-type JustifyItemsProperty =
-  | Globals
-  | SelfPosition
-  | 'baseline'
-  | 'left'
-  | 'legacy'
-  | 'normal'
-  | 'right'
-  | 'stretch';
-type JustifyContentProperty =
-  | Globals
-  | ContentDistribution
-  | ContentPosition
-  | 'left'
-  | 'normal'
-  | 'right';
-type FlexWrapProperty =
-  | '-moz-initial'
-  | 'inherit'
-  | 'initial'
-  | 'revert'
-  | 'unset'
-  | 'nowrap'
-  | 'wrap'
-  | 'wrap-reverse';
-
-type FlexDirectionProperty =
-  | '-moz-initial'
-  | 'inherit'
-  | 'initial'
-  | 'revert'
-  | 'unset'
-  | 'column'
-  | 'column-reverse'
-  | 'row'
-  | 'row-reverse';
-type JustifySelfProperty =
-  | Globals
-  | SelfPosition
-  | 'auto'
-  | 'baseline'
-  | 'left'
-  | 'normal'
-  | 'right'
-  | 'stretch'
-  | 'auto'
-  | 'baseline'
-  | 'left'
-  | 'normal'
-  | 'right'
-  | 'stretch';
-type AlignSelfProperty = Globals | SelfPosition | 'auto' | 'baseline' | 'normal' | 'stretch';
-export interface FlexProps {
-  alignItems?: AlignItemsProperty;
-  alignContent?: AlignContentProperty;
-  display?: 'flex' | 'inline-flex';
-  justifyItems?: JustifyItemsProperty;
-  justifyContent?: JustifyContentProperty;
-  flexWrap?: FlexWrapProperty;
-  wrap?: FlexWrapProperty; // a helpful alias for flexWrap
-  flexDirection?: FlexDirectionProperty;
-  direction?: FlexDirectionProperty; // a helpful alias for flexDirection
-  flex?: number | string;
-  flexGrow?: number | string;
-  grow?: number | string; // a helpful alias for flexGrow
-  flexShrink?: number | string;
-  shrink?: number | string; // a helpful alias for flexShrink
-  flexBasis?: number | string;
-  basis?: number | string; // a helpful alias for flexBasis
-  justifySelf?: JustifySelfProperty;
-  alignSelf?: AlignSelfProperty;
-  order?: GlobalsNumber;
-}
-
-export const flex = {
-  alignItems: 'alignItems',
-  alignContent: 'alignContent',
-  display: 'display',
-  justifyItems: 'justifyItems',
-  justifyContent: 'justifyContent',
-  flexWrap: 'flexWrap',
-  wrap: 'flexWrap',
-  flexDirection: 'flexDirection',
-  direction: 'flexDirection',
-  flex: 'flex',
-  flexGrow: 'flexGrow',
-  grow: 'flexGrow',
-  flexShrink: 'flexShrink',
-  shrink: 'flexShrink',
-  flexBasis: 'flexBasis',
-  basis: 'basis',
-  justifySelf: 'justifySelf',
-  alignSelf: 'alignSelf',
-  order: 'order',
-};

package/pagination/lib/Pagination/common/utils/layout.ts

@@ -1,40 +0,0 @@
-type Globals = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset';
-type OverflowProperty = Globals | 'auto' | 'hidden' | 'scroll' | 'visible' | string;
-type OverflowXProperty =
-  | '-moz-initial'
-  | 'inherit'
-  | 'initial'
-  | 'revert'
-  | 'unset'
-  | 'auto'
-  | 'hidden'
-  | 'scroll'
-  | 'visible';
-type OverflowYProperty = OverflowXProperty;
-export interface LayoutProps {
-  display?: string;
-  height?: number | string;
-  maxHeight?: number | string;
-  maxWidth?: number | string;
-  minHeight?: number | string;
-  minWidth?: number | string;
-  overflow?: OverflowProperty;
-  overflowX?: OverflowXProperty;
-  overflowY?: OverflowYProperty;
-  verticalAlign?: string;
-  width?: number | string;
-}
-
-export const layout = {
-  display: 'display',
-  height: 'height',
-  maxHeight: 'maxHeight',
-  maxWidth: 'maxWidth',
-  minHeight: 'minHeight',
-  minWidth: 'minWidth',
-  overflow: 'overflow',
-  overflowX: 'overflowX',
-  overflowY: 'overflowY',
-  verticalAlign: 'verticalAlign',
-  width: 'width',
-};

package/pagination/lib/Pagination/common/utils/safelySpreadProps.ts

@@ -1,29 +0,0 @@
-import {flex} from './flex';
-import {layout} from './layout';
-import {space} from './space';
-
-const styleProps = {
-  ...flex,
-  ...layout,
-  ...space,
-};
-
-/**
- * Removes style props from props to prevent them from being applied to the HTML element.
- * Returns an object of props that is stripped of all style props.
- * @example
- * const Box = (props) => {
- *   const safeProps = safelySpreadProps(props);
- *   return <div {...safeProps} />
- * }
- *
- */
-export function safelySpreadProps<T extends object>(props: T) {
-  const safeProps = {} as T;
-  for (const key in props) {
-    if (!(key in styleProps)) {
-      safeProps[key as keyof T] = props[key as keyof T];
-    }
-  }
-  return safeProps;
-}