@via-profit/ui-kit 0.5.0 → 0.6.0

package/Surface/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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)
@@ -43,9 +53,8 @@ const SurfaceHeader_1 = __importDefault(require("./SurfaceHeader"));
 const SurfaceSubheader_1 = __importDefault(require("./SurfaceSubheader"));
 const SurfaceContent_1 = __importDefault(require("./SurfaceContent"));
 const SurfaceFooter_1 = __importDefault(require("./SurfaceFooter"));
-const useThemeProps_1 = __importDefault(require("../ThemeProvider/useThemeProps"));
 const Surface = (props, ref) => {
-    const _a = (0, useThemeProps_1.default)('Surface', props), { children, header, subheader, footer, inline, noPadding, rounded, overrides } = _a, nativeProps = __rest(_a, ["children", "header", "subheader", "footer", "inline", "noPadding", "rounded", "overrides"]);
+    const { children, header, subheader, footer, inline, noPadding, rounded, overrides } = props, nativeProps = __rest(props, ["children", "header", "subheader", "footer", "inline", "noPadding", "rounded", "overrides"]);
     const hasFooter = typeof footer !== 'undefined' && footer !== null;
     const hasHeader = typeof header !== 'undefined' && header !== null;
     const hasSubheader = typeof subheader !== 'undefined' && subheader !== null;

package/Swiper/Swiper.d.ts

@@ -50,32 +50,32 @@ export type SwiperProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>
     readonly overrides?: SwiperOverrides;
 };
 export declare const Swiper: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
-    readonly dragThreshold?: number | undefined;
-    readonly snap?: boolean | undefined;
-    readonly draggable?: boolean | undefined;
-    readonly initialIndex?: number | undefined;
-    readonly infinite?: boolean | undefined;
-    readonly onSlideChange?: ((realIndex: number) => void) | undefined;
-    readonly autoplay?: boolean | undefined;
-    readonly autoplayInterval?: number | undefined;
-    readonly pauseOnHover?: boolean | undefined;
-    readonly threshold?: number | undefined;
-    readonly resistance?: boolean | undefined;
-    readonly slidesPerView?: number | undefined;
+    readonly dragThreshold?: number;
+    readonly snap?: boolean;
+    readonly draggable?: boolean;
+    readonly initialIndex?: number;
+    readonly infinite?: boolean;
+    readonly onSlideChange?: (realIndex: number) => void;
+    readonly autoplay?: boolean;
+    readonly autoplayInterval?: number;
+    readonly pauseOnHover?: boolean;
+    readonly threshold?: number;
+    readonly resistance?: boolean;
+    readonly slidesPerView?: number;
     /**
      * Arrow keys switch the slides when the swiper is focused\
      * **Default:** `true`
      */
-    readonly keyboardControl?: boolean | undefined;
+    readonly keyboardControl?: boolean;
     /**
      * The label of the slide for screen readers\
      * **Default:** `(index, total) => \`${index + 1} / ${total}\``
      */
-    readonly slideLabel?: ((index: number, total: number) => string) | undefined;
+    readonly slideLabel?: (index: number, total: number) => string;
     /**
      * The slides: `<SwiperSlide>` elements. `null`, `false` and other non-elements are skipped
      */
     readonly children?: React.ReactNode;
-    readonly overrides?: SwiperOverrides | undefined;
+    readonly overrides?: SwiperOverrides;
 } & React.RefAttributes<SwiperRef>>;
 export default Swiper;

package/Swiper/Swiper.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
@@ -46,11 +56,10 @@ const SwiperContainer_1 = __importDefault(require("./SwiperContainer"));
 const SwiperWrapper_1 = __importDefault(require("./SwiperWrapper"));
 const SwiperTrack_1 = __importDefault(require("./SwiperTrack"));
 const SwiperSlidesRenderer_1 = __importDefault(require("./SwiperSlidesRenderer"));
-const useThemeProps_1 = __importDefault(require("../ThemeProvider/useThemeProps"));
 __exportStar(require("./SwiperSlide"), exports);
 const defaultSlideLabel = (index, total) => `${index + 1} / ${total}`;
 exports.Swiper = React.forwardRef((props, ref) => {
-    const _a = (0, useThemeProps_1.default)('Swiper', props), { children, dragThreshold = 240, snap = true, draggable = true, overrides, initialIndex = 0, infinite = false, onSlideChange, autoplay = false, autoplayInterval = 3000, pauseOnHover = true, threshold = 20, resistance = true, slidesPerView = 1, keyboardControl = true, slideLabel = defaultSlideLabel } = _a, restProps = __rest(_a, ["children", "dragThreshold", "snap", "draggable", "overrides", "initialIndex", "infinite", "onSlideChange", "autoplay", "autoplayInterval", "pauseOnHover", "threshold", "resistance", "slidesPerView", "keyboardControl", "slideLabel"]);
+    const { children, dragThreshold = 240, snap = true, draggable = true, overrides, initialIndex = 0, infinite = false, onSlideChange, autoplay = false, autoplayInterval = 3000, pauseOnHover = true, threshold = 20, resistance = true, slidesPerView = 1, keyboardControl = true, slideLabel = defaultSlideLabel } = props, restProps = __rest(props, ["children", "dragThreshold", "snap", "draggable", "overrides", "initialIndex", "infinite", "onSlideChange", "autoplay", "autoplayInterval", "pauseOnHover", "threshold", "resistance", "slidesPerView", "keyboardControl", "slideLabel"]);
     // #region Slides
     const slides = React.useMemo(() => {
         // toArray skips null/false and keeps the user keys (prefixed), so the slides are not remounted

package/Swiper/SwiperContainer.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 export type SwiperContainerProps = React.HTMLAttributes<HTMLDivElement>;
 export declare const SwiperContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default SwiperContainer;

package/Swiper/SwiperSlide.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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)

package/Swiper/SwiperSlidesRenderer.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 // React 19 supports the boolean `inert`, React 18 passes only the string value to the DOM

package/Swiper/SwiperTrack.d.ts

@@ -16,11 +16,11 @@ export declare const SwiperTrack: React.ForwardRefExoticComponent<React.HTMLAttr
     readonly index: number;
     readonly offset: number;
     readonly dragging: boolean;
-    readonly disableAnimation?: boolean | undefined;
+    readonly disableAnimation?: boolean;
     /**
      * The long decelerating transition after a free swipe (snap=false)
      */
-    readonly momentum?: boolean | undefined;
+    readonly momentum?: boolean;
     readonly slidesPerView: number;
 } & React.RefAttributes<HTMLDivElement>>;
 export default SwiperTrack;

package/Swiper/SwiperTrack.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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)

package/Swiper/SwiperWrapper.d.ts

@@ -4,8 +4,8 @@ export type SwiperWrapperProps = React.HTMLAttributes<HTMLDivElement> & {
     readonly slidesPerView: number;
 };
 export declare const StyledWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
     $draggable: boolean;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/Swiper/SwiperWrapper.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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)

package/Switch/SwitchAsterisk.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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)

package/Switch/SwitchContainer.d.ts

@@ -16,11 +16,11 @@ declare const _default: React.ForwardRefExoticComponent<React.LabelHTMLAttribute
      * This property changes position of switch and its label.
      * Default: `end`
      */
-    readonly labelPosition?: "bottom" | "top" | "end" | "start" | undefined;
+    readonly labelPosition?: "start" | "end" | "top" | "bottom";
     /**
      * if `true` switch state can not be changed
      * Default: false;
      */
-    readonly disabled?: boolean | undefined;
+    readonly disabled?: boolean;
 } & React.RefAttributes<HTMLLabelElement>>;
 export default _default;

package/Switch/SwitchDot.d.ts

@@ -12,6 +12,6 @@ declare const _default: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
      * This prop allows you to provide switch state and control it. This property overrides internal component state
      */
     readonly checked: boolean;
-    readonly color?: string | undefined;
+    readonly color?: SwitchProps["color"];
 } & React.RefAttributes<HTMLSpanElement>>;
 export default _default;

package/Switch/SwitchDot.js

@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const styled_1 = __importDefault(require("@emotion/styled"));
 const useSwitchColor_1 = __importDefault(require("./useSwitchColor"));
+const tokens_1 = require("../ThemeProvider/tokens");
 const ToggleContainer = styled_1.default.span `
   display: inline-flex;
   align-items: center;
@@ -41,10 +42,7 @@ const Dot = styled_1.default.span `
   width: 1.4rem;
   height: 1.4rem;
   border-radius: 50%;
-  box-shadow:
-    rgba(0, 0, 0, 0.2) 0px 2px 1px -1px,
-    rgba(0, 0, 0, 0.14) 0px 1px 1px 0px,
-    rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
+  box-shadow: ${({ theme }) => (0, tokens_1.elevation)(theme, 'control')};
   background-color: ${({ $color, $checked, theme }) => {
     switch (true) {
         case $checked:

package/Switch/SwitchErrorText.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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)

package/Switch/SwitchTrack.d.ts

@@ -12,6 +12,6 @@ declare const _default: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
      * This prop allows you to provide switch state and control it. This property overrides internal component state
      */
     readonly checked: boolean;
-    readonly color?: string | undefined;
+    readonly color?: SwitchProps["color"];
 } & React.RefAttributes<HTMLSpanElement>>;
 export default _default;

package/Switch/index.d.ts

@@ -92,12 +92,12 @@ declare const _default: React.ForwardRefExoticComponent<Omit<SwitchToggleWrapper
     /**
      * If true then `errorText` value will be displayed under the Switch element
      */
-    readonly error?: boolean | undefined;
+    readonly error?: boolean;
     /**
      * If is true then the asterisk will be displayed in label\
      * If is ReactNode then ReactNode will be displayed in label
      */
-    readonly requiredAsterisk?: React.ReactNode;
+    readonly requiredAsterisk?: boolean | React.ReactNode;
     /**
      * Text or ReactNode to show in error element\
      * Will be displaed only if `error` property is tru
@@ -107,32 +107,32 @@ declare const _default: React.ForwardRefExoticComponent<Omit<SwitchToggleWrapper
      * This prop allows you to provide switch state and control it. This property overrides internal component state
      * Default: undefined
      */
-    readonly checked?: boolean | undefined;
+    readonly checked?: boolean;
     /**
      * This prop allows you to control switch component. Function will be executed when user click a switch
      * This prop overrides internal comonent control function
      * Default: undefined
      */
-    readonly onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
+    readonly onChange?: React.InputHTMLAttributes<HTMLInputElement>["onChange"];
     /**
      * if `true` switch state can not be changed
      * Default: false;
      */
-    readonly disabled?: boolean | undefined;
+    readonly disabled?: boolean;
     /**
      * if `true` switch would be turned on by default
      * Default: false;
      */
-    readonly defaultChecked?: boolean | undefined;
+    readonly defaultChecked?: boolean;
     /**
      * You can pass the primary, default, secondary name of the colors or your specified color value
      */
-    readonly color?: string | undefined;
+    readonly color?: "default" | "primary" | "secondary" | string;
     /**
      * This property changes position of switch and its label.
      * Default: `end`
      */
-    readonly labelPosition?: "bottom" | "top" | "end" | "start" | undefined;
-    readonly overrides?: SwitchOverrides | undefined;
+    readonly labelPosition?: "start" | "end" | "top" | "bottom";
+    readonly overrides?: SwitchOverrides;
 } & React.RefAttributes<HTMLInputElement>>;
 export default _default;

package/Switch/index.js

@@ -23,9 +23,8 @@ const SwitchTrack_1 = __importDefault(require("./SwitchTrack"));
 const SwitchWrapper_1 = __importDefault(require("./SwitchWrapper"));
 const SwitchErrorText_1 = __importDefault(require("./SwitchErrorText"));
 const SwitchAsterisk_1 = __importDefault(require("./SwitchAsterisk"));
-const useThemeProps_1 = __importDefault(require("../ThemeProvider/useThemeProps"));
 const Switch = (props, ref) => {
-    const _a = (0, useThemeProps_1.default)('Switch', props), { checked, onChange, defaultChecked, overrides, disabled, labelPosition, children, color, name, error, errorText, requiredAsterisk } = _a, nativeProps = __rest(_a, ["checked", "onChange", "defaultChecked", "overrides", "disabled", "labelPosition", "children", "color", "name", "error", "errorText", "requiredAsterisk"]);
+    const { checked, onChange, defaultChecked, overrides, disabled, labelPosition, children, color, name, error, errorText, requiredAsterisk } = props, nativeProps = __rest(props, ["checked", "onChange", "defaultChecked", "overrides", "disabled", "labelPosition", "children", "color", "name", "error", "errorText", "requiredAsterisk"]);
     const [internalChecked, setInternalChecked] = react_1.default.useState(typeof defaultChecked !== 'undefined' ? defaultChecked : false);
     const overridesMap = react_1.default.useMemo(() => ({
         TextWrapper: (overrides === null || overrides === void 0 ? void 0 : overrides.TextWrapper) || SwitchTextWrapper_1.default,

package/Switch/useSwitchColor.d.ts

@@ -3,5 +3,5 @@ import type { SwitchProps } from './index';
 /**
  * Resolves the `color` property of the Switch to the Color instance
  */
-declare const useSwitchColor: (color: SwitchProps['color']) => Color;
+declare const useSwitchColor: (color: SwitchProps["color"]) => Color;
 export default useSwitchColor;

package/Table/Table.d.ts

@@ -9,6 +9,6 @@ declare const _default: React.ForwardRefExoticComponent<React.TableHTMLAttribute
     /**
      * The table takes the full width of the parent
      */
-    readonly fullWidth?: boolean | undefined;
+    readonly fullWidth?: boolean;
 } & React.RefAttributes<HTMLTableElement>>;
 export default _default;

package/Table/Table.js

@@ -31,7 +31,7 @@ const StyledTable = styled_1.default.table `
   overflow: hidden;
   background: ${({ theme }) => theme.color.surface.toString()};
   color: ${({ theme }) => theme.color.textPrimary.toString()};
-  box-shadow: ${({ theme }) => (0, tokens_1.elevation)(theme, 'surface', `0 0.5em 2em -0.8em ${theme.color.surface.darken(100).alpha(0.4).toString()}`)};
+  box-shadow: ${({ theme }) => (0, tokens_1.elevation)(theme, 'surface')};
   border-radius: ${({ theme }) => theme.shape.radiusFactor}em;
   font-size: 1em;
   ${({ $fullWidth }) => $fullWidth &&

package/Table/TableCaption.js

@@ -16,9 +16,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const styled_1 = __importDefault(require("@emotion/styled"));
+const tokens_1 = require("../ThemeProvider/tokens");
 const StyledTableCaption = styled_1.default.caption `
   text-align: start;
-  padding: 0.8em;
+  padding: ${({ theme }) => {
+    const { y, x } = (0, tokens_1.themePadding)(theme, 'item', 1.2);
+    return `${y} ${x}`;
+}};
   font-size: 1.2em;
   font-weight: 700;
 `;

package/Table/TableCell.js

@@ -16,10 +16,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const styled_1 = __importDefault(require("@emotion/styled"));
+const tokens_1 = require("../ThemeProvider/tokens");
 const StyledTableCell = styled_1.default.td `
   vertical-align: inherit;
-  padding: 0.8em;
-  border-bottom: 0.1em solid ${({ theme }) => theme.color.surface.darken(20).toString()};
+  padding: ${({ theme }) => {
+    const { y, x } = (0, tokens_1.themePadding)(theme, 'item');
+    return `${y} ${x}`;
+}};
+  border-bottom: ${tokens_1.BORDER_WIDTH} solid ${({ theme }) => theme.color.surface.darken(20).toString()};
 `;
 const TableCell = (props, ref) => {
     const { children } = props, nativeProps = __rest(props, ["children"]);

package/Table/TableFooter.js

@@ -16,6 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const styled_1 = __importDefault(require("@emotion/styled"));
+const tokens_1 = require("../ThemeProvider/tokens");
 const StyledTableFooter = styled_1.default.tfoot `
   vertical-align: middle;
 
@@ -27,7 +28,7 @@ const StyledTableFooter = styled_1.default.tfoot `
 
   & > tr:first-of-type > th,
   & > tr:first-of-type > td {
-    border-top: 0.1em solid ${({ theme }) => theme.color.surface.darken(30).toString()};
+    border-top: ${tokens_1.BORDER_WIDTH} solid ${({ theme }) => theme.color.surface.darken(30).toString()};
   }
 `;
 const TableFooter = (props, ref) => {

package/Table/TableHeaderCell.js

@@ -16,16 +16,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const styled_1 = __importDefault(require("@emotion/styled"));
+const tokens_1 = require("../ThemeProvider/tokens");
 /**
  * The column header inside `<TableHeader>` or the row header (`scope="row"`) inside `<TableBody>`.
  * The role (columnheader/rowheader) is implied by the position, so no explicit role
  */
 const StyledTableHeaderCell = styled_1.default.th `
   vertical-align: inherit;
-  padding: 0.8em;
+  padding: ${({ theme }) => {
+    const { y, x } = (0, tokens_1.themePadding)(theme, 'item');
+    return `${y} ${x}`;
+}};
   text-align: start;
   font-weight: 600;
-  border-bottom: 0.1em solid ${({ theme }) => theme.color.surface.darken(20).toString()};
+  border-bottom: ${tokens_1.BORDER_WIDTH} solid ${({ theme }) => theme.color.surface.darken(20).toString()};
 `;
 const TableHeaderCell = (props, ref) => {
     const { children } = props, nativeProps = __rest(props, ["children"]);

package/Tabs/Tab.js

@@ -28,7 +28,10 @@ const StyledTab = styled_1.default.button `
   flex-shrink: 0;
   box-sizing: border-box;
   margin: 0;
-  padding: 0.75em 1.1em;
+  padding: ${({ theme }) => {
+    const { y, x } = (0, tokens_1.themePadding)(theme, 'item');
+    return `${y} ${x}`;
+}};
   border: 0;
   background: none;
   font: inherit;

package/Tabs/TabPanel.d.ts

@@ -21,6 +21,6 @@ declare const _default: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
      * By default the hidden panel is unmounted
      * Default: false
      */
-    readonly keepMounted?: boolean | undefined;
+    readonly keepMounted?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 export default _default;