@workday/canvas-kit-react 6.3.6 → 7.0.0-alpha.0-next.4

package/dist/es6/pagination/lib/Pagination/common/Stack.d.ts

@@ -1,48 +0,0 @@
-/** @jsx jsx */
-import * as React from 'react';
-import { FlexProps } from './Flex';
-import { Spacing } from './utils/space';
-declare type StackDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
-export interface StackProps extends FlexProps {
-    children?: React.ReactNode;
-    direction: StackDirection;
-    flexDirection?: StackDirection;
-    spacing: Spacing;
-}
-declare const selector = "& > *:not(style) ~ *:not(style)";
-declare type Options = {
-    spacing: Spacing;
-    direction: StackDirection;
-    shouldUseRTL: boolean;
-};
-export declare const useStack: ({ direction, shouldUseRTL, spacing }: Options) => {
-    flexDirection: StackDirection;
-    "& > *:not(style) ~ *:not(style)": {
-        marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    } | {
-        marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-    } | {
-        marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-        marginRight?: undefined;
-    } | {
-        marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-        marginLeft?: undefined;
-    } | {
-        marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-        marginLeft?: undefined;
-    } | {
-        marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
-        marginRight?: undefined;
-    };
-};
-export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<unknown>>;
-export interface HStackProps extends Omit<StackProps, 'direction'> {
-    direction?: 'row' | 'row-reverse';
-}
-export declare const HStack: React.ForwardRefExoticComponent<HStackProps & React.RefAttributes<unknown>>;
-export interface VStackProps extends Omit<StackProps, 'direction'> {
-    direction?: 'column' | 'column-reverse';
-}
-export declare const VStack: React.ForwardRefExoticComponent<VStackProps & React.RefAttributes<unknown>>;
-export {};
-//# sourceMappingURL=Stack.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/common/Stack.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAO,SAAS,EAAC,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAC;AAItC,aAAK,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAE1E,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,EAAE,cAAc,CAAC;IAC1B,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,QAAQ,oCAAoC,CAAC;AAEnD,aAAK,OAAO,GAAG;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,cAAc,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AA0BF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;CAMpB,CAAC;AAEF,eAAO,MAAM,KAAK,4EAYjB,CAAC;AAIF,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC;IAChE,SAAS,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC;CACnC;AAED,eAAO,MAAM,MAAM,6EAIlB,CAAC;AAIF,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC;IAChE,SAAS,CAAC,EAAE,QAAQ,GAAG,gBAAgB,CAAC;CACzC;AAED,eAAO,MAAM,MAAM,6EAIlB,CAAC"}

package/dist/es6/pagination/lib/Pagination/common/Stack.js

@@ -1,78 +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);
-};
-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;
-};
-/** @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 } from './Flex';
-import { getValidChildren } from './utils/getValidChildren';
-import { useRTL } from './utils/useRTL';
-var selector = '& > *:not(style) ~ *:not(style)';
-function getDirectionStyles(options) {
-    var 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) {
-    var _a;
-    var direction = options.direction;
-    return _a = {
-            flexDirection: direction
-        },
-        _a[selector] = getDirectionStyles(options),
-        _a;
-}
-export var useStack = function (_a) {
-    var direction = _a.direction, shouldUseRTL = _a.shouldUseRTL, spacing = _a.spacing;
-    return React.useMemo(function () { return getStackStyles({ direction: direction, shouldUseRTL: shouldUseRTL, spacing: spacing }); }, [
-        direction,
-        spacing,
-        shouldUseRTL,
-    ]);
-};
-export var Stack = React.forwardRef(function (_a, ref) {
-    var children = _a.children, direction = _a.direction, spacing = _a.spacing, elemProps = __rest(_a, ["children", "direction", "spacing"]);
-    var validChildren = getValidChildren(children);
-    var shouldUseRTL = useRTL().shouldUseRTL;
-    var stackStyles = useStack({ direction: direction, spacing: spacing, shouldUseRTL: shouldUseRTL });
-    return (jsx(Flex, __assign({ css: css(stackStyles), ref: ref }, elemProps), validChildren));
-});
-Stack.displayName = 'Stack';
-export var HStack = React.forwardRef(function (_a, ref) {
-    var _b = _a.direction, direction = _b === void 0 ? 'row' : _b, spacing = _a.spacing, elemProps = __rest(_a, ["direction", "spacing"]);
-    return jsx(Stack, __assign({ ref: ref, direction: direction, spacing: spacing }, elemProps));
-});
-HStack.displayName = 'HStack';
-export var VStack = React.forwardRef(function (_a, ref) {
-    var _b = _a.direction, direction = _b === void 0 ? 'column' : _b, spacing = _a.spacing, elemProps = __rest(_a, ["direction", "spacing"]);
-    return jsx(Stack, __assign({ ref: ref, direction: direction, spacing: spacing }, elemProps));
-});
-VStack.displayName = 'VStack';

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

@@ -1,57 +0,0 @@
-declare type Globals = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset';
-declare type GlobalsNumber = number | '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset';
-declare type SelfPosition = 'center' | 'end' | 'flex-end' | 'flex-start' | 'self-end' | 'self-start' | 'start';
-declare type ContentDistribution = 'space-around' | 'space-between' | 'space-evenly' | 'stretch';
-declare type ContentPosition = 'center' | 'end' | 'flex-end' | 'flex-start' | 'start';
-declare type AlignItemsProperty = Globals | SelfPosition | 'baseline' | 'normal' | 'stretch';
-declare type AlignContentProperty = Globals | ContentDistribution | ContentPosition | 'baseline' | 'normal';
-declare type JustifyItemsProperty = Globals | SelfPosition | 'baseline' | 'left' | 'legacy' | 'normal' | 'right' | 'stretch';
-declare type JustifyContentProperty = Globals | ContentDistribution | ContentPosition | 'left' | 'normal' | 'right';
-declare type FlexWrapProperty = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset' | 'nowrap' | 'wrap' | 'wrap-reverse';
-declare type FlexDirectionProperty = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset' | 'column' | 'column-reverse' | 'row' | 'row-reverse';
-declare type JustifySelfProperty = Globals | SelfPosition | 'auto' | 'baseline' | 'left' | 'normal' | 'right' | 'stretch' | 'auto' | 'baseline' | 'left' | 'normal' | 'right' | 'stretch';
-declare 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;
-    flexDirection?: FlexDirectionProperty;
-    direction?: FlexDirectionProperty;
-    flex?: number | string;
-    flexGrow?: number | string;
-    grow?: number | string;
-    flexShrink?: number | string;
-    shrink?: number | string;
-    flexBasis?: number | string;
-    basis?: number | string;
-    justifySelf?: JustifySelfProperty;
-    alignSelf?: AlignSelfProperty;
-    order?: GlobalsNumber;
-}
-export declare const flex: {
-    alignItems: string;
-    alignContent: string;
-    display: string;
-    justifyItems: string;
-    justifyContent: string;
-    flexWrap: string;
-    wrap: string;
-    flexDirection: string;
-    direction: string;
-    flex: string;
-    flexGrow: string;
-    grow: string;
-    flexShrink: string;
-    shrink: string;
-    flexBasis: string;
-    basis: string;
-    justifySelf: string;
-    alignSelf: string;
-    order: string;
-};
-export {};
-//# sourceMappingURL=flex.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../../../../../pagination/lib/Pagination/common/utils/flex.ts"],"names":[],"mappings":"AACA,aAAK,OAAO,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC3E,aAAK,aAAa,GAAG,MAAM,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC1F,aAAK,YAAY,GACb,QAAQ,GACR,KAAK,GACL,UAAU,GACV,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,OAAO,CAAC;AACZ,aAAK,mBAAmB,GAAG,cAAc,GAAG,eAAe,GAAG,cAAc,GAAG,SAAS,CAAC;AACzF,aAAK,eAAe,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,YAAY,GAAG,OAAO,CAAC;AAC9E,aAAK,kBAAkB,GAAG,OAAO,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AACrF,aAAK,oBAAoB,GAAG,OAAO,GAAG,mBAAmB,GAAG,eAAe,GAAG,UAAU,GAAG,QAAQ,CAAC;AACpG,aAAK,oBAAoB,GACrB,OAAO,GACP,YAAY,GACZ,UAAU,GACV,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,SAAS,CAAC;AACd,aAAK,sBAAsB,GACvB,OAAO,GACP,mBAAmB,GACnB,eAAe,GACf,MAAM,GACN,QAAQ,GACR,OAAO,CAAC;AACZ,aAAK,gBAAgB,GACjB,cAAc,GACd,SAAS,GACT,SAAS,GACT,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,MAAM,GACN,cAAc,CAAC;AAEnB,aAAK,qBAAqB,GACtB,cAAc,GACd,SAAS,GACT,SAAS,GACT,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,gBAAgB,GAChB,KAAK,GACL,aAAa,CAAC;AAClB,aAAK,mBAAmB,GACpB,OAAO,GACP,YAAY,GACZ,MAAM,GACN,UAAU,GACV,MAAM,GACN,QAAQ,GACR,OAAO,GACP,SAAS,GACT,MAAM,GACN,UAAU,GACV,MAAM,GACN,QAAQ,GACR,OAAO,GACP,SAAS,CAAC;AACd,aAAK,iBAAiB,GAAG,OAAO,GAAG,YAAY,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC7F,MAAM,WAAW,SAAS;IACxB,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IACjC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;CAoBhB,CAAC"}

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

@@ -1,21 +0,0 @@
-export var 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/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';