@team-monolith/cds 0.2.11 → 0.3.0

package/dist/patterns/SegmentedControl/SegmentedControlGroupPropsContext.js

@@ -1,5 +0,0 @@
-import { createContext } from "react";
-export var SegmentedControlGroupPropsContext = createContext({
-    value: undefined,
-    size: "medium",
-});

package/dist/patterns/SegmentedControl/SegmentedControlSquareButton.d.ts

@@ -1,8 +0,0 @@
-import { SquareButtonProps } from "../../components/SquareButton";
-export interface SegmentedControlSquareButtonProps extends Omit<SquareButtonProps, "color" | "size"> {
-    value: string;
-}
-/**
- * [피그마](https://www.figma.com/file/PnQp3tPxiCjgsPZfLUaUL1/Codle-PD-Kit---Patterns?node-id=181%3A89883)
- */
-export declare function SegmentedControlSquareButton(props: SegmentedControlSquareButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/patterns/SegmentedControl/SegmentedControlSquareButton.js

@@ -1,45 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 { jsx as _jsx } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import styled from "@emotion/styled";
-import { useContext } from "react";
-import SquareButton from "../../components/SquareButton";
-import shadows from "../../foundation/shadows";
-import { SegmentedControlGroupPropsContext } from "./SegmentedControlGroupPropsContext";
-/**
- * [피그마](https://www.figma.com/file/PnQp3tPxiCjgsPZfLUaUL1/Codle-PD-Kit---Patterns?node-id=181%3A89883)
- */
-export function SegmentedControlSquareButton(props) {
-    var context = useContext(SegmentedControlGroupPropsContext);
-    var isActive = context.multiSelect
-        ? context.value.includes(props.value)
-        : context.value === props.value;
-    return (_jsx(StyledSquareButton, __assign({}, props, { isActive: isActive, color: isActive ? "primary" : "icon", size: context.size, fullWidth: context.fullWidth, onClick: function () {
-            var _a;
-            if (context.onClick) {
-                context.onClick(props.value);
-                (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props);
-            }
-        } })));
-}
-var StyledSquareButton = styled(SquareButton, {
-    shouldForwardProp: function (prop) { return prop !== "isActive"; },
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  flex-grow: 1;\n  button {\n    ", "\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  flex-grow: 1;\n  button {\n    ", "\n  }\n"])), function (_a) {
-    var isActive = _a.isActive;
-    return isActive && "box-shadow: ".concat(shadows.shadow04, ";");
-});
-var templateObject_1;

package/dist/patterns/SegmentedControl/index.d.ts

@@ -1,3 +0,0 @@
-export * from './SegmentedControlGroup';
-export * from './SegmentedControlButton';
-export * from './SegmentedControlSquareButton';

package/dist/patterns/SegmentedControl/index.js

@@ -1,3 +0,0 @@
-export * from './SegmentedControlGroup';
-export * from './SegmentedControlButton';
-export * from './SegmentedControlSquareButton';

package/dist/patterns/Table/Table.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-export type TableSize = "large" | "medium" | "small";
-export interface TableProps {
-    className?: string;
-    component?: React.ElementType;
-    /** Table의 내용입니다. 일반적으로 `TableHead`와 `TableBody`로 구성됩니다. */
-    children?: React.ReactNode;
-    /** Table Row 사이즈 */
-    size: TableSize;
-    /** fullWidth 여부 */
-    fullWidth?: boolean;
-    /** `true`일 때 상호작용이 불가하며, 글자가 회색 처리됩니다. */
-    disabled?: boolean;
-}
-/**
- * [피그마](https://www.figma.com/file/PnQp3tPxiCjgsPZfLUaUL1/Codle-PD-Kit---Patterns?type=design&node-id=181-91732&t=07ngLzGHuU3xxg4S-0)
- */
-export default function Table(props: TableProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/patterns/Table/Table.js

@@ -1,33 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 { jsx as _jsx } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { css, useTheme } from "@emotion/react";
-import { RESET_TABLE } from "../../utils/reset";
-import TablePropsContext from "./TablePropsContext";
-/**
- * [피그마](https://www.figma.com/file/PnQp3tPxiCjgsPZfLUaUL1/Codle-PD-Kit---Patterns?type=design&node-id=181-91732&t=07ngLzGHuU3xxg4S-0)
- */
-export default function Table(props) {
-    var className = props.className, _a = props.component, Component = _a === void 0 ? "table" : _a, children = props.children, size = props.size, disabled = props.disabled, fullWidth = props.fullWidth;
-    var theme = useTheme();
-    return (_jsx(Component, __assign({ className: className, css: [
-            RESET_TABLE,
-            css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          border-collapse: separate;\n\n          background: ", ";\n          border: 1px solid ", ";\n          color: ", ";\n          border-radius: 4px;\n        "], ["\n          border-collapse: separate;\n\n          background: ", ";\n          border: 1px solid ", ";\n          color: ", ";\n          border-radius: 4px;\n        "])), theme.color.background.neutralBase, theme.color.background.neutralAlt, theme.color.foreground.neutralBase),
-            fullWidth && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            width: 100%;\n          "], ["\n            width: 100%;\n          "]))),
-        ] }, { children: _jsx(TablePropsContext.Provider, __assign({ value: { size: size, disabled: disabled } }, { children: children })) })));
-}
-var templateObject_1, templateObject_2;

package/dist/patterns/Table/TableBody.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-export interface TableBodyProps {
-    className?: string;
-    component?: React.ElementType;
-    /** Table의 내용입니다. 일반적으로 TableRow로 구성됩니다. */
-    children?: React.ReactNode;
-}
-export default function TableBody(props: TableBodyProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/patterns/Table/TableBody.js

@@ -1,26 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 { jsx as _jsx } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { css } from "@emotion/react";
-import TableVariantContext from "./TableVariantContext";
-export default function TableBody(props) {
-    var className = props.className, _a = props.component, Component = _a === void 0 ? "tbody" : _a, children = props.children;
-    return (_jsx(Component, __assign({ className: className, css: [
-            css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          display: table-row-group;\n        "], ["\n          display: table-row-group;\n        "]))),
-        ] }, { children: _jsx(TableVariantContext.Provider, __assign({ value: { variant: "body" } }, { children: children })) })));
-}
-var templateObject_1;

package/dist/patterns/Table/TableCell.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-export interface TableCellProps {
-    className?: string;
-    component?: React.ElementType;
-    colSpan?: number;
-    sort?: "asc" | "desc" | "none";
-    isFilterActive?: boolean;
-    onClick?: () => void;
-    onSortClick?: React.MouseEventHandler<HTMLButtonElement>;
-    onFilterClick?: React.MouseEventHandler<HTMLButtonElement>;
-    filterButttonRef?: React.MutableRefObject<HTMLButtonElement | null>;
-    /** Cell의 내용입니다. */
-    children?: React.ReactNode;
-}
-export default function TableCell(props: TableCellProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/patterns/Table/TableCell.js

@@ -1,78 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { css, useTheme } from "@emotion/react";
-import React, { useContext } from "react";
-import TableVariantContext from "./TableVariantContext";
-import TablePropsContext from "./TablePropsContext";
-import { ArrowDownFillIcon, ArrowUpFillIcon, ExpandUpDownIcon, } from "../../icons/arrows";
-import styled from "@emotion/styled";
-import { RESET_BUTTON } from "../../utils/reset";
-import { FilterFillIcon } from "../../icons/system";
-var SIZE_TO_STYLES = function (size) {
-    return ({
-        small: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      padding: 8px 8px;\n    "], ["\n      padding: 8px 8px;\n    "]))),
-        medium: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      padding: 12px 8px;\n    "], ["\n      padding: 12px 8px;\n    "]))),
-        large: css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      padding: 16px 8px;\n    "], ["\n      padding: 16px 8px;\n    "]))),
-    }[size]);
-};
-export default function TableCell(props) {
-    var className = props.className, Component = props.component, children = props.children, sort = props.sort, colSpan = props.colSpan, isFilterActive = props.isFilterActive, onFilterClick = props.onFilterClick, onClick = props.onClick, onSortClick = props.onSortClick, filterButttonRef = props.filterButttonRef;
-    // variant 값에 따라 th 태그로 그릴지, td 태그로 그릴지를 결정합니다.
-    var variant = useContext(TableVariantContext).variant;
-    var Element = (Component !== null && Component !== void 0 ? Component : variant === "head") ? "th" : "td";
-    var _a = useContext(TablePropsContext), size = _a.size, disabled = _a.disabled;
-    var theme = useTheme();
-    if (variant === "body") {
-        return (_jsx(Element, __assign({ colSpan: colSpan, className: className, onClick: onClick, css: [
-                SIZE_TO_STYLES(size !== null && size !== void 0 ? size : "medium"),
-                css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n            font-style: normal;\n            font-weight: 400;\n            font-size: 16px;\n            line-height: 24px;\n          "], ["\n            font-style: normal;\n            font-weight: 400;\n            font-size: 16px;\n            line-height: 24px;\n          "]))),
-                css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n            display: table-cell;\n            text-align: initial;\n\n            &:first-of-type {\n              padding-left: 16px;\n            }\n\n            &:last-of-type {\n              padding-right: 16px;\n            }\n          "], ["\n            display: table-cell;\n            text-align: initial;\n\n            &:first-of-type {\n              padding-left: 16px;\n            }\n\n            &:last-of-type {\n              padding-right: 16px;\n            }\n          "]))),
-            ] }, { children: children })));
-    }
-    return (_jsx(Element, __assign({ colSpan: colSpan, className: className, onClick: onClick, css: [
-            SIZE_TO_STYLES(size !== null && size !== void 0 ? size : "medium"),
-            Element === "th"
-                ? css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n              background: ", ";\n              font-style: normal;\n              font-weight: 500;\n              font-size: 14px;\n              line-height: 16px;\n            "], ["\n              background: ", ";\n              font-style: normal;\n              font-weight: 500;\n              font-size: 14px;\n              line-height: 16px;\n            "])), theme.color.background.neutralAlt) : css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n              font-style: normal;\n              font-weight: 400;\n              font-size: 16px;\n              line-height: 24px;\n            "], ["\n              font-style: normal;\n              font-weight: 400;\n              font-size: 16px;\n              line-height: 24px;\n            "]))),
-            css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n          display: table-cell;\n          text-align: initial;\n\n          &:first-of-type {\n            padding-left: 16px;\n          }\n\n          &:last-of-type {\n            padding-right: 16px;\n          }\n        "], ["\n          display: table-cell;\n          text-align: initial;\n\n          &:first-of-type {\n            padding-left: 16px;\n          }\n\n          &:last-of-type {\n            padding-right: 16px;\n          }\n        "]))),
-        ] }, { children: _jsxs(Cell, { children: [children, _jsxs(Buttons, { children: [sort && (_jsx(SortButton, { sort: sort, onSortClick: onSortClick, disabled: disabled })), isFilterActive !== undefined && (_jsx(FilterButton, { isFilterActive: isFilterActive !== null && isFilterActive !== void 0 ? isFilterActive : false, onFilterClick: onFilterClick, ref: filterButttonRef, disabled: disabled }))] })] }) })));
-}
-var Cell = styled.span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));
-var Buttons = styled.span(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  gap: 4px;\n"], ["\n  display: flex;\n  gap: 4px;\n"])));
-var SortButton = function (props) {
-    var sortIcon = _jsx(_Fragment, {});
-    switch (props.sort) {
-        case "asc":
-            sortIcon = _jsx(ArrowDownFillIcon, {});
-            break;
-        case "desc":
-            sortIcon = _jsx(ArrowUpFillIcon, {});
-            break;
-        case "none":
-            sortIcon = _jsx(ExpandUpDownIcon, {});
-            break;
-    }
-    return (_jsx("button", __assign({ disabled: props.disabled, onClick: props.onSortClick, css: css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        ", "\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 6px;\n\n        cursor: pointer;\n\n        svg {\n          width: 12px;\n          height: 12px;\n        }\n      "], ["\n        ", "\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 6px;\n\n        cursor: pointer;\n\n        svg {\n          width: 12px;\n          height: 12px;\n        }\n      "])), RESET_BUTTON) }, { children: sortIcon })));
-};
-var FilterButton = React.forwardRef(function (props, ref) {
-    var theme = useTheme();
-    return (_jsx("button", __assign({ ref: ref, disabled: props.disabled, onClick: props.onFilterClick, css: [
-            css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n          ", "\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          padding: 6px;\n\n          cursor: pointer;\n\n          svg {\n            width: 12px;\n            height: 12px;\n          }\n        "], ["\n          ", "\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          padding: 6px;\n\n          cursor: pointer;\n\n          svg {\n            width: 12px;\n            height: 12px;\n          }\n        "])), RESET_BUTTON),
-            props.isFilterActive && css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n            color: ", ";\n          "], ["\n            color: ", ";\n          "])), theme.color.foreground.primary),
-        ] }, { children: _jsx(FilterFillIcon, {}) })));
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;

package/dist/patterns/Table/TableHead.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-export interface TableHeadProps {
-    className?: string;
-    component?: React.ElementType;
-    /** Table의 내용입니다. 일반적으로 TableRow로 구성됩니다. */
-    children?: React.ReactNode;
-}
-export default function TableHead(props: TableHeadProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/patterns/Table/TableHead.js

@@ -1,26 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 { jsx as _jsx } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { css } from "@emotion/react";
-import TableVariantContext from "./TableVariantContext";
-export default function TableHead(props) {
-    var className = props.className, _a = props.component, Component = _a === void 0 ? "thead" : _a, children = props.children;
-    return (_jsx(Component, __assign({ className: className, css: [
-            css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          display: table-header-group;\n        "], ["\n          display: table-header-group;\n        "]))),
-        ] }, { children: _jsx(TableVariantContext.Provider, __assign({ value: { variant: "head" } }, { children: children })) })));
-}
-var templateObject_1;

package/dist/patterns/Table/TablePropsContext.d.ts

@@ -1,7 +0,0 @@
-import * as React from "react";
-import { TableSize } from "./Table";
-declare const TablePropsContext: React.Context<{
-    size?: TableSize | undefined;
-    disabled?: boolean | undefined;
-}>;
-export default TablePropsContext;

package/dist/patterns/Table/TablePropsContext.js

@@ -1,3 +0,0 @@
-import * as React from "react";
-var TablePropsContext = React.createContext({});
-export default TablePropsContext;

package/dist/patterns/Table/TableRow.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-export interface TableRowProps {
-    className?: string;
-    component?: React.ElementType;
-    /** Table의 내용입니다. 일반적으로 TableCell로 구성됩니다. */
-    children?: React.ReactNode;
-    /** `true`일 때 기본적으로 적용되는 hover 배경색이 비활성화됩니다.  */
-    disableHover?: boolean;
-    /** 이 행이 선택되었음을 결정하는 속성. `true`일때 배경색이 활성화됩니다. */
-    isSelected?: boolean;
-    /** 행을 클릭할 때 호출되는 함수 */
-    onClick?: (event: any) => void;
-}
-export default function TableRow(props: TableRowProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/patterns/Table/TableRow.js

@@ -1,34 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 { jsx as _jsx } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { css, useTheme } from "@emotion/react";
-import { useContext } from "react";
-import { HOVER } from "../../utils/hover";
-import TablePropsContext from "./TablePropsContext";
-export default function TableRow(props) {
-    var className = props.className, _a = props.component, Component = _a === void 0 ? "tr" : _a, isSelected = props.isSelected, disableHover = props.disableHover, children = props.children, onClick = props.onClick;
-    var theme = useTheme();
-    var disabled = useContext(TablePropsContext).disabled;
-    return (_jsx(Component, __assign({ className: className, onClick: disabled ? undefined : onClick, css: [
-            css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          display: table-row;\n          &:not(:first-of-type) {\n            td {\n              border-top: 1px solid ", ";\n            }\n          }\n        "], ["\n          display: table-row;\n          &:not(:first-of-type) {\n            td {\n              border-top: 1px solid ", ";\n            }\n          }\n        "])), theme.color.background.neutralAlt),
-            isSelected && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            background: ", ";\n          "], ["\n            background: ", ";\n          "])), theme.color.container.primaryContainer),
-            disabled
-                ? css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n              color: ", ";\n            "], ["\n              color: ", ";\n            "])), theme.color.foreground.neutralBaseDisabled) : css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n              ", "\n              ", "\n            "], ["\n              ", "\n              ", "\n            "])), !disableHover &&
-                HOVER(css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n                  background: ", ";\n                "], ["\n                  background: ", ";\n                "])), theme.color.container.primaryContainer)), onClick && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n                cursor: pointer;\n              "], ["\n                cursor: pointer;\n              "])))),
-        ] }, { children: children })));
-}
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/patterns/Table/TableVariantContext.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-interface TableVariantContextProps {
-    variant?: "head" | "body";
-}
-declare const TableVariantContext: React.Context<TableVariantContextProps>;
-export default TableVariantContext;

package/dist/patterns/Table/TableVariantContext.js

@@ -1,3 +0,0 @@
-import * as React from "react";
-var TableVariantContext = React.createContext({});
-export default TableVariantContext;

package/dist/patterns/Table/index.d.ts

@@ -1,7 +0,0 @@
-import Table, { TableSize, TableProps } from "./Table";
-import TableHead, { TableHeadProps } from "./TableHead";
-import TableBody, { TableBodyProps } from "./TableBody";
-import TableRow, { TableRowProps } from "./TableRow";
-import TableCell, { TableCellProps } from "./TableCell";
-export { Table, TableHead, TableBody, TableRow, TableCell };
-export type { TableSize, TableProps, TableHeadProps, TableBodyProps, TableRowProps, TableCellProps, };

package/dist/patterns/Table/index.js

@@ -1,6 +0,0 @@
-import Table from "./Table";
-import TableHead from "./TableHead";
-import TableBody from "./TableBody";
-import TableRow from "./TableRow";
-import TableCell from "./TableCell";
-export { Table, TableHead, TableBody, TableRow, TableCell };

package/dist/svg.d.ts

@@ -1,10 +0,0 @@
-declare module "*.svg" {
-  import * as React from "react";
-
-  export const ReactComponent: React.FunctionComponent<
-    React.SVGProps<SVGSVGElement> & { title?: string }
-  >;
-
-  const src: string;
-  export default src;
-}

package/dist/utils/hover.d.ts

@@ -1,3 +0,0 @@
-import { CSSInterpolation } from "@emotion/serialize";
-export declare function HOVER(style: CSSInterpolation): import("@emotion/utils").SerializedStyles;
-export declare function FOCUS(style: CSSInterpolation): import("@emotion/utils").SerializedStyles;

package/dist/utils/hover.js

@@ -1,14 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { css } from "@emotion/react";
-// https://choi-jinwoo.github.io/post/development/css-media-hover/
-export function HOVER(style) {
-    // -ms-high-contrast: none is for IE11 support.
-    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    @media (hover: hover), (-ms-high-contrast: none) {\n      &:hover {\n        ", "\n      }\n    }\n  "], ["\n    @media (hover: hover), (-ms-high-contrast: none) {\n      &:hover {\n        ", "\n      }\n    }\n  "])), style);
-}
-export function FOCUS(style) {
-    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    @media (hover: hover), (-ms-high-contrast: none) {\n      &:focus {\n        ", "\n      }\n    }\n  "], ["\n    @media (hover: hover), (-ms-high-contrast: none) {\n      &:focus {\n        ", "\n      }\n    }\n  "])), style);
-}
-var templateObject_1, templateObject_2;

package/dist/utils/reset.d.ts

@@ -1,2 +0,0 @@
-export declare const RESET_BUTTON: import("@emotion/utils").SerializedStyles;
-export declare const RESET_TABLE: import("@emotion/utils").SerializedStyles;

package/dist/utils/reset.js

@@ -1,8 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { css } from "@emotion/react";
-export var RESET_BUTTON = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  border: none;\n  background: none;\n  font: inherit;\n  text-align: inherit;\n"], ["\n  display: inline-block;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  border: none;\n  background: none;\n  font: inherit;\n  text-align: inherit;\n"])));
-export var RESET_TABLE = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 0;\n  border: 0;\n  border-spacing: 0px;\n  border-collapse: collapse;\n"], ["\n  padding: 0;\n  border: 0;\n  border-spacing: 0px;\n  border-collapse: collapse;\n"])));
-var templateObject_1, templateObject_2;

package/dist/utils/zIndex.d.ts

@@ -1,3 +0,0 @@
-export declare const ZINDEX: {
-    inputBase: number;
-};

package/dist/utils/zIndex.js

@@ -1,3 +0,0 @@
-export var ZINDEX = {
-    inputBase: 1, // https://github.com/mui/material-ui/blob/master/packages/mui-material/src/internal/SwitchBase.js#L35
-};