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

package/tokens/index.ts

@@ -33,7 +33,7 @@ import {type,
 } from './lib/type';
 import {CSSProperties} from './lib/types';
 
-const canvas = {
+export const canvas = {
   buttonColors,
   chartingColorOffsets,
   chartingColors,
@@ -63,17 +63,15 @@ export {
   fontFamily,
   monoFontFamily,
   BrandingColor,
-  CanvasDepth,
-  CanvasDepthValues,
-  CSSProperties,
 };
-export default canvas;
 
 export type {
   CanvasBorderRadius,
   CanvasBorderRadiusKeys,
   CanvasBorderRadiusValues,
   CanvasColor,
+  CanvasDepth,
+  CanvasDepthValues,
   CanvasSpace,
   CanvasSpaceKeys,
   CanvasSpaceValues,
@@ -83,4 +81,5 @@ export type {
   CanvasTypeProperties,
   CanvasTypeVariants,
   CanvasTypeHierarchy,
+  CSSProperties,
 }

package/tokens/lib/colors.types.ts

@@ -27,11 +27,8 @@ export enum BrandingColor {
   BlackPepper = 'blackPepper',
 }
 
-// See https://stackoverflow.com/questions/51465182/typescript-remove-index-signature-using-mapped-types/51956054
-type KnownKeys<T> = {
-  [K in keyof T]: string extends K ? never : number extends K ? never : K;
-} extends {[_ in keyof T]: infer U}
-  ? U
-  : never;
+type RemoveIndex<T> = {
+  [ K in keyof T as string extends K ? never : number extends K ? never : K ] : T[K]
+};
 
-export type CanvasColor = KnownKeys<typeof colors>;
+export type CanvasColor = keyof RemoveIndex<typeof colors>;

package/tokens/lib/depth.ts

@@ -29,7 +29,7 @@ export type CanvasDepth = {
    * ```
    */
   1: {
-    boxShadow: '0px 1px 4px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.16)';
+    boxShadow: '0px 1px 4px rgba(31, 38, 46, 0.12), 0px 2px 8px rgba(31, 38, 46, 0.08)';
   };
   /**
    * ### Depth 2
@@ -45,7 +45,7 @@ export type CanvasDepth = {
    * ```
    */
   2: {
-    boxShadow: '0px 2px 8px rgba(0, 0, 0, 0.2), 0px 4px 16px rgba(0, 0, 0, 0.16)';
+    boxShadow: '0px 2px 8px rgba(31, 38, 46, 0.12), 0px 4px 16px rgba(31, 38, 46, 0.08)';
   };
   /**
    * ### Depth 3
@@ -61,12 +61,11 @@ export type CanvasDepth = {
    * ```
    */
   3: {
-    boxShadow: '0px 3px 12px rgba(0, 0, 0, 0.2), 0px 6px 24px rgba(0, 0, 0, 0.16)';
+    boxShadow: '0px 3px 12px rgba(31, 38, 46, 0.12), 0px 6px 24px rgba(31, 38, 46, 0.08)';
   };
   /**
    * ### Depth 4
    *
-   *
    * @example
    * ```ts
    * import { depth } from '@workday/canvas-kit-react/tokens';
@@ -77,7 +76,7 @@ export type CanvasDepth = {
    * ```
    */
   4: {
-    boxShadow: '0px 4px 16px rgba(0, 0, 0, 0.2), 0px 8px 32px rgba(0, 0, 0, 0.16)';
+    boxShadow: '0px 4px 16px rgba(31, 38, 46, 0.12), 0px 8px 32px rgba(31, 38, 46, 0.08)';
   };
   /**
    * ### Depth 5
@@ -93,7 +92,7 @@ export type CanvasDepth = {
    * ```
    */
   5: {
-    boxShadow: '0px 5px 20px rgba(0, 0, 0, 0.2), 0px 10px 40px rgba(0, 0, 0, 0.16)';
+    boxShadow: '0px 5px 20px rgba(31, 38, 46, 0.12), 0px 10px 40px rgba(31, 38, 46, 0.08)';
   };
   /**
    * ### Depth 6
@@ -109,7 +108,7 @@ export type CanvasDepth = {
    * ```
    */
   6: {
-    boxShadow: '0px 6px 24px rgba(0, 0, 0, 0.2), 0px 12px 48px rgba(0, 0, 0, 0.16)';
+    boxShadow: '0px 6px 24px rgba(31, 38, 46, 0.12), 0px 12px 48px rgba(31, 38, 46, 0.08)';
   };
 };
 
@@ -143,21 +142,21 @@ export const depth: CanvasDepth = {
     boxShadow: 'none',
   },
   1: {
-    boxShadow: '0px 1px 4px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.16)',
+    boxShadow: '0px 1px 4px rgba(31, 38, 46, 0.12), 0px 2px 8px rgba(31, 38, 46, 0.08)',
   },
   2: {
-    boxShadow: '0px 2px 8px rgba(0, 0, 0, 0.2), 0px 4px 16px rgba(0, 0, 0, 0.16)',
+    boxShadow: '0px 2px 8px rgba(31, 38, 46, 0.12), 0px 4px 16px rgba(31, 38, 46, 0.08)',
   },
   3: {
-    boxShadow: '0px 3px 12px rgba(0, 0, 0, 0.2), 0px 6px 24px rgba(0, 0, 0, 0.16)',
+    boxShadow: '0px 3px 12px rgba(31, 38, 46, 0.12), 0px 6px 24px rgba(31, 38, 46, 0.08)',
   },
   4: {
-    boxShadow: '0px 4px 16px rgba(0, 0, 0, 0.2), 0px 8px 32px rgba(0, 0, 0, 0.16)',
+    boxShadow: '0px 4px 16px rgba(31, 38, 46, 0.12), 0px 8px 32px rgba(31, 38, 46, 0.08)',
   },
   5: {
-    boxShadow: '0px 5px 20px rgba(0, 0, 0, 0.2), 0px 10px 40px rgba(0, 0, 0, 0.16)',
+    boxShadow: '0px 5px 20px rgba(31, 38, 46, 0.12), 0px 10px 40px rgba(31, 38, 46, 0.08)',
   },
   6: {
-    boxShadow: '0px 6px 24px rgba(0, 0, 0, 0.2), 0px 12px 48px rgba(0, 0, 0, 0.16)',
+    boxShadow: '0px 6px 24px rgba(31, 38, 46, 0.12), 0px 12px 48px rgba(31, 38, 46, 0.08)',
   },
 };

package/tokens/lib/radius.ts

@@ -28,5 +28,3 @@ export const borderRadius: CanvasBorderRadius = {
   l: '8px',
   circle: '999px',
 };
-
-export default borderRadius;

package/tokens/lib/type/fontFamilies.ts

@@ -1,9 +1,10 @@
-import get from 'lodash/get';
+// prettier-ignore
+//@ts-ignore
+const canvasObject = typeof window !== 'undefined' && window.workday && window.workday.canvas && window.workday.canvas;
 
-const inheritFont: boolean =
-  typeof window !== 'undefined' && get(window, 'window.workday.canvas.inheritFontFamily');
+const inheritFont: boolean = typeof canvasObject !== 'undefined' && canvasObject.inheritFontFamily;
 const inheritMonoFont: boolean | string =
-  typeof window !== 'undefined' && get(window, 'window.workday.canvas.inheritMonoFontFamily');
+  typeof canvasObject !== 'undefined' && canvasObject.inheritMonoFontFamily;
 
 export const fontFamily = inheritFont
   ? 'inherit'

package/tokens/lib/type/index.ts

@@ -14,7 +14,7 @@ export type {
 
 
 /** ### Canvas Type Properties
- * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+ * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
  *
  * ---
  * The type properties provide precise control and are only intended to be used when the type hierarchy tokens are not well-suited for the task.
@@ -35,7 +35,7 @@ const properties: CanvasTypeProperties = {
 
 /**
  * ### Canvas Type Tokens
- * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+ * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
  *
  * ---
  * Type tokens are separated into three sections:
@@ -52,7 +52,7 @@ export const type: CanvasType = {
 
 type CanvasTypeProperties = {
   /** ### Font Family Tokens
-   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
    *
    * ---
    * There are two font family tokens:
@@ -74,7 +74,7 @@ type CanvasTypeProperties = {
    */
   fontFamilies: CanvasFontFamilies;
   /** ### Font Size Tokens
-   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
    *
    * ---
    * There are twelve font size tokens. Here's a quick reference:
@@ -104,7 +104,7 @@ type CanvasTypeProperties = {
    */
   fontSizes: CanvasFontSizes;
   /** ### Font Weight Tokens
-   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
    *
    * ---
    * There are three font-weight tokens:
@@ -131,7 +131,7 @@ type CanvasTypeProperties = {
 
 export type CanvasType = {
   /** ### Canvas Type Hierarchy
-   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
    *
    * ---
    * The hierarchy is organized into four levels, which correspond to levels defined in Figma.
@@ -162,7 +162,7 @@ export type CanvasType = {
    */
   levels: CanvasTypeHierarchy;
   /** ### Canvas Type Properties
-   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
    *
    * ---
    * Type properties are organized in three parts:
@@ -178,7 +178,7 @@ export type CanvasType = {
    */
   properties: CanvasTypeProperties;
   /** ### Canvas Type Variants
-   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+   * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
    *
    * ---
    * There are three type variants:

package/tooltip/index.ts

@@ -1,6 +1,3 @@
-import {Tooltip} from './lib/Tooltip';
-
-export default Tooltip;
 export * from './lib/Tooltip';
 export * from './lib/OverflowTooltip';
 export * from './lib/TooltipContainer';

package/tooltip/lib/OverflowTooltip.tsx

@@ -20,7 +20,6 @@ export const findOverflowElement = (element: Element): Element | null => {
   ) {
     return element;
   } else if (element.children) {
-    // `children` is not defined for SVGElement in IE11
     for (let i = 0; i < element.children.length; i++) {
       const overflowElement = findOverflowElement(element.children[i]);
       if (overflowElement) {
@@ -40,8 +39,7 @@ export const findEllipsisElement = (element: Element): Element | null => {
   const style = getComputedStyle(element);
   if (style.textOverflow === 'ellipsis' || Number(style.webkitLineClamp) > 0) {
     return element;
-  } else if (element.children) {
-    // `children` is not defined for SVGElement in IE11
+  } else {
     for (let i = 0; i < element.children.length; i++) {
       const overflowElement = findEllipsisElement(element.children[i]);
       if (overflowElement) {
@@ -50,7 +48,6 @@ export const findEllipsisElement = (element: Element): Element | null => {
     }
     return null;
   }
-  return null;
 };
 
 const isOverflowed = (element: Element) => {

package/tooltip/lib/Tooltip.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import innerText from 'react-innertext';
 
 import {getTransformFromPlacement, Placement, Popper} from '@workday/canvas-kit-react/popup';
-import {mergeCallback} from '@workday/canvas-kit-react/common';
+import {createComponent, mergeCallback} from '@workday/canvas-kit-react/common';
 
 import {TooltipContainer} from './TooltipContainer';
 import {useTooltip} from './useTooltip';
@@ -69,42 +69,45 @@ function mergeCallbacks<T extends {[key: string]: any}>(
   }, {} as {[key: string]: any});
 }
 
-export const Tooltip = ({
-  type = 'label',
-  placement = 'top',
-  title,
-  children,
-  showDelay = 300,
-  hideDelay = 100,
-  ...elemProps
-}: TooltipProps) => {
-  const titleText = innerText(title);
-  const {targetProps, popperProps, tooltipProps} = useTooltip({
-    type,
-    titleText,
-    showDelay,
-    hideDelay,
-  });
+export const Tooltip = createComponent('div')({
+  displayName: 'Tooltip',
+  Component({
+    type = 'label',
+    placement = 'top',
+    title,
+    children,
+    showDelay = 300,
+    hideDelay = 100,
+    ...elemProps
+  }: TooltipProps) {
+    const titleText = innerText(title);
+    const {targetProps, popperProps, tooltipProps} = useTooltip({
+      type,
+      titleText,
+      showDelay,
+      hideDelay,
+    });
 
-  return (
-    <React.Fragment>
-      {React.cloneElement(children, {
-        ...targetProps,
-        ...mergeCallbacks(children.props, targetProps),
-        ...(type === 'muted' && children.props['aria-label']
-          ? {'aria-label': children.props['aria-label']}
-          : {}),
-      })}
-      <Popper placement={placement} {...popperProps}>
-        {({placement}) => {
-          const transformOrigin = getTransformFromPlacement(placement);
-          return (
-            <TooltipContainer transformOrigin={transformOrigin} {...elemProps} {...tooltipProps}>
-              {title}
-            </TooltipContainer>
-          );
-        }}
-      </Popper>
-    </React.Fragment>
-  );
-};
+    return (
+      <React.Fragment>
+        {React.cloneElement(children, {
+          ...targetProps,
+          ...mergeCallbacks(children.props, targetProps),
+          ...(type === 'muted' && children.props['aria-label']
+            ? {'aria-label': children.props['aria-label']}
+            : {}),
+        })}
+        <Popper placement={placement} {...popperProps}>
+          {({placement}) => {
+            const transformOrigin = getTransformFromPlacement(placement);
+            return (
+              <TooltipContainer transformOrigin={transformOrigin} {...elemProps} {...tooltipProps}>
+                {title}
+              </TooltipContainer>
+            );
+          }}
+        </Popper>
+      </React.Fragment>
+    );
+  },
+});

package/tooltip/lib/TooltipContainer.tsx

@@ -78,6 +78,12 @@ export const TooltipContainer = styled('div')<TooltipContainerProps>(
       },
     },
 
+    // Hide tooltip when the reference element is either clipped or fully hidden
+    '[data-popper-reference-hidden] &': {
+      visibility: 'hidden',
+      pointerEvents: 'none',
+    },
+
     // Fix offsets based on placement
     '[data-popper-placement="top-start"] &, [data-popper-placement="bottom-start"] &': {
       left: -spaceNumbers.xxxs,

package/tooltip/lib/useTooltip.tsx

@@ -4,6 +4,7 @@ import {
   useAlwaysCloseOnOutsideClick,
   usePopupModel,
   useCloseOnFullscreenExit,
+  useCloseOnTargetHidden,
 } from '@workday/canvas-kit-react/popup';
 import {useUniqueId} from '@workday/canvas-kit-react/common';
 
@@ -128,22 +129,30 @@ export function useTooltip<T extends Element = Element>({
   useCloseOnEscape(popupModel);
   useAlwaysCloseOnOutsideClick(popupModel);
   useCloseOnFullscreenExit(popupModel);
+  useCloseOnTargetHidden(popupModel);
 
   const visible = popupModel.state.visibility !== 'hidden';
 
+  const targetProps = {
+    // extra description of the target element for assistive technology
+    'aria-describedby': type === 'describe' && visible ? id : undefined,
+    // This will replace the accessible name of the target element
+    'aria-label': type === 'label' ? titleText : undefined,
+    onMouseEnter: onOpenFromTarget,
+    onMouseLeave: onHide,
+    onMouseDown,
+    onFocus,
+    onBlur: onHide,
+  };
+
+  // remove `aria-describedby` if undefined to not override what's provided
+  if (targetProps['aria-describedby'] === undefined) {
+    delete targetProps['aria-describedby'];
+  }
+
   return {
     /** Mix these properties into the target element. **Must be an Element** */
-    targetProps: {
-      // extra description of the target element for assistive technology
-      'aria-describedby': type === 'describe' && visible ? id : undefined,
-      // This will replace the accessible name of the target element
-      'aria-label': type === 'label' ? titleText : undefined,
-      onMouseEnter: onOpenFromTarget,
-      onMouseLeave: onHide,
-      onMouseDown,
-      onFocus,
-      onBlur: onHide,
-    },
+    targetProps,
     /** Mix these properties into the `Popper` component */
     popperProps: {
       open: visible,

package/dist/commonjs/common/lib/utils/StaticStates.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
-import { CSSProperties } from '@workday/canvas-kit-react/tokens';
-export declare const convertToStaticStates: (obj?: CSSProperties | undefined) => CSSProperties | undefined;
-export declare const StaticStates: React.FC<{
-    theme?: PartialEmotionCanvasTheme;
-} & React.HTMLAttributes<HTMLElement>>;
-//# sourceMappingURL=StaticStates.d.ts.map

package/dist/commonjs/common/lib/utils/StaticStates.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StaticStates.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/StaticStates.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,yBAAyB,EAC1B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAE/D,eAAO,MAAM,qBAAqB,uCAA0B,aAAa,GAAG,SAoB3E,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,yBAAyB,CAAA;CAAC,GAAG,KAAK,CAAC,cAAc,CAC5F,WAAW,CACZ,CASA,CAAC"}

package/dist/commonjs/common/lib/utils/StaticStates.js

@@ -1,73 +0,0 @@
-"use strict";
-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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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;
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StaticStates = exports.convertToStaticStates = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var convertToStaticStates = function (obj) {
-    if (!obj) {
-        return obj;
-    }
-    return Object.keys(obj).reduce(function (result, key) {
-        var _a;
-        var newKey = key
-            .replace(/^:/, '&:') // handle shorthand like ":focus"
-            .replace(/,(\s+):/g, ',$1&:') // handle selectors like ":focus, :hover"
-            .replace(/:(focus|hover|active)/g, '.$1');
-        // Remove any selectors that use data-whatinput. Leaving them in would cause focus rings to disappear when the user clicks with a mouse.
-        if (/data-whatinput/.test(key)) {
-            return result;
-        }
-        var value = typeof obj[key] === 'object' ? exports.convertToStaticStates(obj[key]) : obj[key];
-        var newObj = __assign(__assign({}, result), (_a = {}, _a[newKey] = value, _a));
-        return newObj;
-    }, {});
-};
-exports.convertToStaticStates = convertToStaticStates;
-var StaticStates = function (_a) {
-    var children = _a.children, theme = _a.theme, elemProps = __rest(_a, ["children", "theme"]);
-    var localTheme = common_1.useTheme(theme);
-    localTheme._staticStates = true;
-    return (React.createElement(common_1.CanvasProvider, __assign({ theme: localTheme }, elemProps), children));
-};
-exports.StaticStates = StaticStates;

package/dist/commonjs/layout/lib/Column.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-export interface ColumnProps {
-    /**
-     * The children of the Column (cannot be empty).
-     */
-    children?: React.ReactNode;
-    /**
-     * The left and right padding of the Column (inherits from Layout prop).
-     * @default 12
-     */
-    spacing?: number;
-    /**
-     * The size of the 12-column grid.
-     */
-    columns?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-    /**
-     * The width of the columns. This will take precedence over `columns`.
-     */
-    width?: number | string;
-}
-export default class Column extends React.Component<ColumnProps> {
-    render(): JSX.Element;
-}
-//# sourceMappingURL=Column.d.ts.map

package/dist/commonjs/layout/lib/Column.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Column.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC3D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAsCD,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACvD,MAAM;CASd"}

package/dist/commonjs/layout/lib/Column.js

@@ -1,105 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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;
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var styled_1 = __importDefault(require("@emotion/styled"));
-var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
-var ColumnContainer = styled_1.default('div', {
-    shouldForwardProp: function (prop) { return is_prop_valid_1.default(prop) && prop !== 'spacing'; },
-})({
-    '&:first-of-type': {
-        paddingLeft: 0,
-    },
-    '&:last-child': {
-        paddingRight: 0,
-    },
-}, function (_a) {
-    var spacing = _a.spacing;
-    if (spacing === 0) {
-        return;
-    }
-    return { padding: "0 " + spacing + "px" };
-}, function (_a) {
-    var columns = _a.columns, width = _a.width, spacing = _a.spacing;
-    if (width) {
-        return { width: width };
-    }
-    if (columns) {
-        if (columns === 12) {
-            return { width: "100%" };
-        }
-        else {
-            var compensation = ((12 - columns) / 12) * ((spacing || 0) * 2);
-            return { width: "calc(" + (columns / 12) * 100 + "% - " + compensation + "px)" };
-        }
-    }
-    return { flex: 1 };
-});
-var Column = /** @class */ (function (_super) {
-    __extends(Column, _super);
-    function Column() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Column.prototype.render = function () {
-        var _a = this.props, children = _a.children, spacing = _a.spacing, columns = _a.columns, width = _a.width, elemProps = __rest(_a, ["children", "spacing", "columns", "width"]);
-        return (React.createElement(ColumnContainer, __assign({ spacing: spacing, columns: columns, width: width }, elemProps), children));
-    };
-    return Column;
-}(React.Component));
-exports.default = Column;