@uni-design-system/uni-react 0.0.6 → 0.0.8

package/dist/cjs/core/icon/icon.component.js

@@ -15,4 +15,3 @@ function Icon({ name, color = 'on-surface', height = 24, width = 24 }) {
     return react_1.default.createElement(Icon, { width: width, height: height, color: colors[color] });
 }
 exports.Icon = Icon;
-//# sourceMappingURL=icon.component.js.map

package/dist/cjs/core/icon/index.js

@@ -19,4 +19,3 @@ var outline_1 = require("@uni-design-system/uni-react-icons/dist/esm/heroicons/2
 Object.defineProperty(exports, "IconDictionary", { enumerable: true, get: function () { return outline_1.IconDictionary; } });
 Object.defineProperty(exports, "IconKeys", { enumerable: true, get: function () { return outline_1.IconKeys; } });
 __exportStar(require("./icon.component"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/core/image/image.argTypes.js

@@ -17,4 +17,3 @@ exports.imageArgTypes = Object.assign({ url: {
     }, width: {
         control: { type: 'number' },
     } }, filter_argTypes_1.filterArgTypes);
-//# sourceMappingURL=image.argTypes.js.map

package/dist/cjs/core/image/image.component.js

@@ -22,4 +22,3 @@ const Image = (_a) => {
     return url ? react_1.default.createElement("img", { src: url, alt: alt, style: (0, image_style_1.ImageStyle)(Object.assign({ fit, opacity, height, width }, rest)) }) : null;
 };
 exports.Image = Image;
-//# sourceMappingURL=image.component.js.map

package/dist/cjs/core/image/image.model.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=image.model.js.map

package/dist/cjs/core/image/image.style.js

@@ -20,4 +20,3 @@ const ImageStyle = (props) => {
     return Object.assign(Object.assign(Object.assign({}, objectFit), { width: (width && `${width}px`) || '100vw', height: (height && `${height}px`) || '100vh', opacity }), filter);
 };
 exports.ImageStyle = ImageStyle;
-//# sourceMappingURL=image.style.js.map

package/dist/cjs/core/image/image.types.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=image.types.js.map

package/dist/cjs/core/index.d.ts

@@ -8,4 +8,4 @@ export * from './padding';
 export * from './shadow';
 export * from './text';
 export * from './overlay';
-export * from './ripple';
+export * from './hooks';

package/dist/cjs/core/index.js

@@ -24,5 +24,4 @@ __exportStar(require("./padding"), exports);
 __exportStar(require("./shadow"), exports);
 __exportStar(require("./text"), exports);
 __exportStar(require("./overlay"), exports);
-__exportStar(require("./ripple"), exports);
-//# sourceMappingURL=index.js.map
+__exportStar(require("./hooks"), exports);

package/dist/cjs/core/layout/index.js

@@ -16,4 +16,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./layout.hook"), exports);
 __exportStar(require("./layout.provider"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/core/layout/layout.context.js

@@ -9,4 +9,3 @@ if (process.env.NODE_ENV !== 'production') {
     LayoutContext.displayName = 'LayoutContext';
 }
 exports.default = LayoutContext;
-//# sourceMappingURL=layout.context.js.map

package/dist/cjs/core/layout/layout.hook.js

@@ -13,4 +13,3 @@ function useLayout() {
     return { orientation, deviceSize };
 }
 exports.default = useLayout;
-//# sourceMappingURL=layout.hook.js.map

package/dist/cjs/core/layout/layout.provider.js

@@ -23,4 +23,3 @@ const LayoutProvider = ({ children }) => {
     return (react_1.default.createElement(layout_context_1.default.Provider, { value: { height, width } }, children));
 };
 exports.LayoutProvider = LayoutProvider;
-//# sourceMappingURL=layout.provider.js.map

package/dist/cjs/core/overlay/index.js

@@ -16,4 +16,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./overlay.component"), exports);
 __exportStar(require("./overlay.model"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/core/overlay/overlay.component.js

@@ -15,4 +15,3 @@ const Overlay = (props) => {
     return (react_1.default.createElement(framer_motion_1.AnimatePresence, null, isOpen && (react_1.default.createElement(framer_motion_1.motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: fadeDuration }, style: overlayStyle }, props.children))));
 };
 exports.Overlay = Overlay;
-//# sourceMappingURL=overlay.component.js.map

package/dist/cjs/core/overlay/overlay.config.js

@@ -18,4 +18,3 @@ const OverlayStyle = (theme, { hueRotateDeg = 0, hueDeg = 0, saturation = 0, lig
     };
 };
 exports.OverlayStyle = OverlayStyle;
-//# sourceMappingURL=overlay.config.js.map

package/dist/cjs/core/overlay/overlay.model.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=overlay.model.js.map

package/dist/cjs/core/padding/index.js

@@ -15,4 +15,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./padding.style"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/core/padding/padding.style.js

@@ -32,4 +32,3 @@ function Padding(size, apply) {
     return PaddingMap[apply];
 }
 exports.Padding = Padding;
-//# sourceMappingURL=padding.style.js.map

package/dist/cjs/core/shadow/index.js

@@ -15,4 +15,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./shadow.style"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/core/shadow/shadow.style.js

@@ -6,4 +6,3 @@ function BoxShadow(elevation) {
     return uni_core_1.ShadowCssMap[elevation];
 }
 exports.BoxShadow = BoxShadow;
-//# sourceMappingURL=shadow.style.js.map

package/dist/cjs/core/text/index.js

@@ -15,4 +15,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./text.component"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/core/text/text.component.js

@@ -28,4 +28,3 @@ function Style(theme, textAlign, role, color) {
         fontWeight: uni_core_1.FontWeightMap[fontWeight],
     };
 }
-//# sourceMappingURL=text.component.js.map

package/dist/cjs/core/theme/index.js

@@ -16,4 +16,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./theme.hook"), exports);
 __exportStar(require("./theme.provider"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/core/theme/theme.context.js

@@ -9,4 +9,3 @@ if (process.env.NODE_ENV !== 'production') {
     ThemeContext.displayName = 'ThemeContext';
 }
 exports.default = ThemeContext;
-//# sourceMappingURL=theme.context.js.map

package/dist/cjs/core/theme/theme.hook.js

@@ -18,4 +18,3 @@ function useTheme() {
     return theme || uni_core_1.BaseTheme;
 }
 exports.useTheme = useTheme;
-//# sourceMappingURL=theme.hook.js.map

package/dist/cjs/core/theme/theme.provider.js

@@ -77,4 +77,3 @@ exports.ThemeProvider = ThemeProvider;
     );
   };
 }*/
-//# sourceMappingURL=theme.provider.js.map

package/dist/cjs/core/transition/collapse/collapse.component.js

@@ -77,4 +77,3 @@ exports.Collapse = (0, react_2.forwardRef)((props, ref) => {
     return (react_1.default.createElement(framer_motion_1.AnimatePresence, { initial: false, custom: custom }, show && (react_1.default.createElement(framer_motion_1.motion.div, Object.assign({ ref: ref }, rest, { className: (0, transition_utils_1.cx)('chakra-collapse', className), style: Object.assign({ overflow: 'hidden', display: 'block' }, style), custom: custom, variants: variants, initial: unmountOnExit ? 'exit' : false, animate: animate, exit: "exit" })))));
 });
 exports.Collapse.displayName = 'Collapse';
-//# sourceMappingURL=collapse.component.js.map

package/dist/cjs/core/transition/collapse/index.js

@@ -15,4 +15,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./collapse.component"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/core/transition/fade/fade.argTypes.js

@@ -6,4 +6,3 @@ exports.fadeArgTypes = {
     transitionEnd: {},
     delay: {},
 };
-//# sourceMappingURL=fade.argTypes.js.map

package/dist/cjs/core/transition/fade/fade.component.js

@@ -51,4 +51,3 @@ exports.Fade = (0, react_2.forwardRef)(function Fade(props, ref) {
     return (react_1.default.createElement(framer_motion_1.AnimatePresence, { custom: custom }, show && react_1.default.createElement(framer_motion_1.motion.div, Object.assign({ ref: ref, className: 'fade', custom: custom }, exports.fadeConfig, { animate: animate }, rest))));
 });
 exports.Fade.displayName = 'Fade';
-//# sourceMappingURL=fade.component.js.map

package/dist/cjs/core/transition/fade/index.js

@@ -15,4 +15,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./fade.component"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/core/transition/index.js

@@ -17,4 +17,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./collapse"), exports);
 __exportStar(require("./fade"), exports);
 __exportStar(require("./slide"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/core/transition/slide/index.js

@@ -15,4 +15,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./slide.component"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/core/transition/slide/slide.component.js

@@ -52,4 +52,3 @@ exports.Slide = (0, react_2.forwardRef)(function Slide(props, ref) {
     return (react_1.default.createElement(framer_motion_1.AnimatePresence, { custom: custom }, show && (react_1.default.createElement(framer_motion_1.motion.div, Object.assign({}, rest, { ref: ref, initial: "exit", className: (0, transition_utils_1.cx)('chakra-slide', className), animate: animate, exit: "exit", custom: custom, variants: variants, style: computedStyle }, motionProps)))));
 });
 exports.Slide.displayName = 'Slide';
-//# sourceMappingURL=slide.component.js.map

package/dist/cjs/core/transition/transition.argTypes.js

@@ -11,4 +11,3 @@ exports.transitionArgTypes = {
         description: 'The amount of time (in seconds) for the fade transition to complete.',
     },
 };
-//# sourceMappingURL=transition.argTypes.js.map

package/dist/cjs/core/transition/transition.utils.js

@@ -97,4 +97,3 @@ const warn = (options) => {
     }
 };
 exports.warn = warn;
-//# sourceMappingURL=transition.utils.js.map

package/dist/cjs/index.js

@@ -16,4 +16,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./core"), exports);
 __exportStar(require("./components"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/layouts/parallax-hero/parallax-hero.component.js

@@ -13,4 +13,3 @@ const ParallaxHero = ({ layers, children }) => {
         react_1.default.createElement("div", null, children)));
 };
 exports.ParallaxHero = ParallaxHero;
-//# sourceMappingURL=parallax-hero.component.js.map

package/dist/cjs/layouts/parallax-hero/parallax-hero.model.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=parallax-hero.model.js.map

package/dist/cjs/tools/color-picker/color-picker.component.js

@@ -136,4 +136,3 @@ const ColorPicker = ({ imageUrl, imageWidth, imageHeight, sampleSize = 41 }) =>
         react_1.default.createElement(color_swatch_component_1.ColorSwatch, { rgba: averageColor }, "Average Color")));
 };
 exports.ColorPicker = ColorPicker;
-//# sourceMappingURL=color-picker.component.js.map

package/dist/cjs/tools/color-swatch/color-swatch.component.js

@@ -36,4 +36,3 @@ function ColorSwatch({ rgba, children, cardType = 'elevated', elevation, width,
         react_1.default.createElement(core_1.Text, { role: "title-small" }, HSLColor)));
 }
 exports.ColorSwatch = ColorSwatch;
-//# sourceMappingURL=color-swatch.component.js.map

package/dist/esm/components/button/button.component.d.ts

@@ -5,10 +5,11 @@ export interface ButtonProps {
     text?: string;
     children?: ReactNode;
     buttonType?: ButtonType;
+    active?: boolean;
     disabled?: boolean;
     iconName?: IconName;
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    useRipple?: boolean;
+    disableRipple?: boolean;
     style?: CSSProperties;
 }
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Button: ({ text, children, buttonType, disabled, iconName, onClick, disableRipple, style: userStyle, ...rest }: ButtonProps) => JSX.Element;

package/dist/esm/components/button/button.component.js

@@ -9,21 +9,23 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { forwardRef, useEffect, useState } from 'react';
-import { createRipple, BoxShadow, Text, useTheme } from '../../core';
-import { IconTextRow } from '../icon-text-row/icon-text-row.component';
+import React, { useEffect, useState } from 'react';
+import { BoxShadow, Text, useTheme } from '../../core';
+import { IconTextRow } from '../icon-text-row';
 import useLayout from '../../core/layout/layout.hook';
-export const Button = forwardRef((_a, ref) => {
-    var { text, children, buttonType = 'filled', disabled = false, iconName, onClick, useRipple = true, style: userStyle } = _a, rest = __rest(_a, ["text", "children", "buttonType", "disabled", "iconName", "onClick", "useRipple", "style"]);
+import useRipple from '../../core/hooks/use-ripple';
+export const Button = (_a) => {
+    var { text, children, buttonType = 'filled', disabled = false, iconName, onClick, disableRipple = false, style: userStyle } = _a, rest = __rest(_a, ["text", "children", "buttonType", "disabled", "iconName", "onClick", "disableRipple", "style"]);
     const { deviceSize } = useLayout();
     const theme = useTheme();
+    const [ref, createRipple] = useRipple({ disabled: disableRipple || buttonType === 'elevated' });
     const buttonProps = theme.buttons[buttonType];
     const getOnColorToken = (color) => `on-${color}`;
     const defaultContentColor = getOnColorToken(buttonProps.color);
     const [hover, setHover] = useState(false);
     const [click, setClick] = useState(false);
     const [contentColor, setContentColor] = useState(defaultContentColor);
-    const style = Style(theme, buttonType, deviceSize, hover, disabled, click, useRipple);
+    const style = Style(theme, buttonType, deviceSize, hover, disabled, click);
     useEffect(() => {
         setContentColor(getOnColorToken(disabled ? 'inverse-on-surface' : buttonProps.color));
     }, [disabled]);
@@ -33,17 +35,14 @@ export const Button = forwardRef((_a, ref) => {
         }, 250);
     }, [click]);
     const handleClick = (event) => {
-        useRipple && createRipple(event);
         setClick(true);
         onClick && onClick(event);
     };
-    return (React.createElement("button", Object.assign({ onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), onClick: handleClick, disabled: disabled, style: Object.assign(Object.assign({}, style), userStyle), ref: ref }, rest), iconName ? (React.createElement(IconTextRow, { iconName: iconName, color: contentColor, textRole: "button" }, text || children)) : (React.createElement(Text, { align: "center", role: "button", color: contentColor }, text || children))));
-});
-Button.displayName = 'Button';
-function Style(theme, buttonType, size = 'md', hover, disabled, click, useRipple) {
+    return (React.createElement("button", Object.assign({ onMouseDown: createRipple, onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), onClick: handleClick, disabled: disabled, style: Object.assign(Object.assign({}, style), userStyle), ref: ref }, rest), iconName ? (React.createElement(IconTextRow, { iconName: iconName, color: contentColor, textRole: "button" }, text || children)) : (React.createElement(Text, { align: "center", role: "button", color: contentColor }, text || children))));
+};
+function Style(theme, buttonType, size = 'md', hover, disabled, click) {
     const { color, horizontalPadding, verticalPadding, borderColor, borderWidth, borderRadius, contentColor } = theme.buttons[buttonType];
     const styles = {
-        position: useRipple ? 'relative' : undefined,
         overflow: 'hidden',
         transition: 'all 0.3s cubic-bezier(.25,.8,.25,1)',
         cursor: 'pointer',
@@ -72,4 +71,3 @@ function Style(theme, buttonType, size = 'md', hover, disabled, click, useRipple
     }
     return styles;
 }
-//# sourceMappingURL=button.component.js.map

package/dist/esm/components/button/index.js

@@ -1,2 +1 @@
 export * from './button.component';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/card/card.component.js

@@ -14,4 +14,3 @@ export function Card({ children, cardType, elevation, colorToken = 'primary-cont
     }
     return (React.createElement(motion.div, { style: style, initial: { y: 36, opacity: 0 }, animate: { y: 0, opacity: 1 }, exit: { y: 36, opacity: 0 }, transition: { duration: 0.2 } }, children));
 }
-//# sourceMappingURL=card.component.js.map

package/dist/esm/components/card/index.js

@@ -1,2 +1 @@
 export * from './card.component';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/draggable/SortableList/components/DragHandle/dragHandle.component.js

@@ -15,8 +15,7 @@ import { Button } from '../../../../button';
 import { useDndContext } from '@dnd-kit/core';
 export const DragHandle = (_a) => {
     var rest = __rest(_a, []);
-    const { attributes, listeners, ref } = useContext(SortableItemContext);
+    const { attributes, listeners } = useContext(SortableItemContext);
     const dndContext = useDndContext();
-    return (React.createElement(Button, Object.assign({ style: { cursor: dndContext.activatorEvent ? 'grabbing' : 'grab' }, iconName: "bars3", buttonType: "icon" }, attributes, listeners, { ref: ref }, rest)));
+    return (React.createElement(Button, Object.assign({ style: { cursor: dndContext.activatorEvent ? 'grabbing' : 'grab' }, iconName: "bars3", buttonType: "icon" }, attributes, listeners, rest)));
 };
-//# sourceMappingURL=dragHandle.component.js.map

package/dist/esm/components/draggable/SortableList/components/DragHandle/index.js

@@ -1,2 +1 @@
 export { DragHandle } from './dragHandle.component';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/draggable/SortableList/components/SortableItem/index.js

@@ -1,2 +1 @@
 export { SortableItem } from './sortableItem.component';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/draggable/SortableList/components/SortableItem/sortableItem.component.js

@@ -15,4 +15,3 @@ export const SortableItem = ({ children, id, style: userStyle, onRemove, }) => {
     return (React.createElement(SortableItemContext.Provider, { value: context },
         React.createElement("li", { className: "SortableItem", ref: setNodeRef, style: style }, children)));
 };
-//# sourceMappingURL=sortableItem.component.js.map

package/dist/esm/components/draggable/SortableList/components/SortableItem/sortableItem.context.js

@@ -4,4 +4,3 @@ export const SortableItemContext = createContext({
     listeners: undefined,
     ref() { },
 });
-//# sourceMappingURL=sortableItem.context.js.map

package/dist/esm/components/draggable/SortableList/components/SortableOverlay/index.js

@@ -1,2 +1 @@
 export { SortableOverlay } from './sortableOverlay.component';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/draggable/SortableList/components/SortableOverlay/sortableOverlay.component.js

@@ -10,4 +10,3 @@ const dropAnimationConfig = {
     }),
 };
 export const SortableOverlay = ({ children }) => (React.createElement(DragOverlay, { dropAnimation: dropAnimationConfig }, children));
-//# sourceMappingURL=sortableOverlay.component.js.map

package/dist/esm/components/draggable/SortableList/components/index.js

@@ -1,4 +1,3 @@
 export { DragHandle } from './DragHandle';
 export { SortableItem } from './SortableItem';
 export { SortableOverlay } from './SortableOverlay';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/draggable/SortableList/index.js

@@ -1,3 +1,2 @@
 export * from './sortableList.component';
 export * from './components';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/draggable/SortableList/mockData.js

@@ -48,4 +48,3 @@ export const findManyChannelStatus = [
         name: 'Archived',
     },
 ];
-//# sourceMappingURL=mockData.js.map

package/dist/esm/components/draggable/SortableList/sortableList.component.js

@@ -28,4 +28,3 @@ export const SortableList = ({ items, onChange, renderItem, style: userStyle, })
             React.createElement("ul", { style: style }, items.map((item, index) => (React.createElement(React.Fragment, { key: item.id }, renderItem(item, index)))))),
         React.createElement(SortableOverlay, null, activeItem ? renderItem(activeItem) : null)));
 };
-//# sourceMappingURL=sortableList.component.js.map

package/dist/esm/components/draggable/index.js

@@ -1,2 +1 @@
 export * from './SortableList';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/draggable/utilities/createRange.js

@@ -2,4 +2,3 @@ const defaultInitializer = (index) => index;
 export function createRange(length, initializer = defaultInitializer) {
     return [...new Array(length)].map((_, index) => initializer(index));
 }
-//# sourceMappingURL=createRange.js.map

package/dist/esm/components/draggable/utilities/index.js

@@ -1,2 +1 @@
 export { createRange } from './createRange';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/forms/index.js

@@ -1,2 +1 @@
 export * from './text-input';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/forms/text-input/index.js

@@ -1,2 +1 @@
 export * from './text-input.component';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/forms/text-input/text-input.component.js

@@ -3,4 +3,3 @@ export const TextInput = ({ value, onChange }) => {
     return (React.createElement("div", null,
         React.createElement("input", { type: "text", value: value, onChange: onChange })));
 };
-//# sourceMappingURL=text-input.component.js.map

package/dist/esm/components/forms/utils/validations.js

@@ -50,4 +50,3 @@ export const validations = {
         },
     },
 };
-//# sourceMappingURL=validations.js.map

package/dist/esm/components/icon-text-row/icon-text-row.component.js

@@ -26,4 +26,3 @@ export const IconTextRow = ({ iconName, color, align = 'left', text, textRole =
         React.createElement(RowText, null),
         React.createElement(RowIcon, null)));
 };
-//# sourceMappingURL=icon-text-row.component.js.map

package/dist/esm/components/icon-text-row/index.js

@@ -1,2 +1 @@
 export * from './icon-text-row.component';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/index.js

@@ -5,4 +5,3 @@ export * from './forms';
 export * from './icon-text-row';
 export * from './modal';
 export * from './switch';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/modal/index.js

@@ -1,2 +1 @@
 export * from './modal.component';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/modal/modal-close-button.component.js

@@ -19,6 +19,5 @@ export const ModalCloseButton = (_a) => {
         right: '8px',
         padding: '8px',
     };
-    return React.createElement(Button, Object.assign({ useRipple: false, buttonType: "icon", iconName: "xMark", style: style }, rest));
+    return React.createElement(Button, Object.assign({ buttonType: "icon", iconName: "xMark", style: style }, rest));
 };
-//# sourceMappingURL=modal-close-button.component.js.map

package/dist/esm/components/modal/modal.component.js

@@ -11,4 +11,3 @@ export const Modal = ({ children, isOpen, size = 'lg' }) => {
         React.createElement(Overlay, { isOpen: isOpen },
             React.createElement(Card, { colorToken: "background", width: ModalSizes[size], cardType: "elevated", elevation: "modal" }, children))));
 };
-//# sourceMappingURL=modal.component.js.map

package/dist/esm/components/switch/index.js

@@ -1,2 +1 @@
 export * from './switch.component';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/switch/switch.component.js

@@ -36,4 +36,3 @@ export const Switch = ({ size = 'sm', on = false, onChange }) => {
     return (React.createElement("div", { style: switchStyle, className: "switch", "data-isOn": isOn, onClick: toggleSwitch },
         React.createElement(motion.div, { style: handleStyle, className: "handle", layout: true, transition: spring })));
 };
-//# sourceMappingURL=switch.component.js.map

package/dist/esm/components/switch/switch.config.js

@@ -20,4 +20,3 @@ export const SwitchConfigs = {
         padding: 5,
     },
 };
-//# sourceMappingURL=switch.config.js.map

package/dist/esm/core/background/background.component.js

@@ -11,4 +11,3 @@ function BackgroundStyle({ image, gradiant, theme }) {
         backgroundImage: image || gradiant,
     };
 }
-//# sourceMappingURL=background.component.js.map

package/dist/esm/core/border/border.style.js

@@ -24,4 +24,3 @@ export function BorderStyle(border, theme) {
 function extractColor(theme, border, key) {
     return theme.colors[getValue(border, key, 'color')];
 }
-//# sourceMappingURL=border.style.js.map

package/dist/esm/core/border/index.js

@@ -1,2 +1 @@
 export * from './border.style';
-//# sourceMappingURL=index.js.map

package/dist/esm/core/container/container.component.js

@@ -14,4 +14,3 @@ export default function Container(_a) {
     var { children, style } = _a, rest = __rest(_a, ["children", "style"]);
     return (React.createElement("div", Object.assign({ style: style }, rest), children));
 }
-//# sourceMappingURL=container.component.js.map

package/dist/esm/core/container/index.js

@@ -1,2 +1 @@
 export * from './container.component';
-//# sourceMappingURL=index.js.map

package/dist/esm/core/filter/filter.argTypes.js

@@ -99,4 +99,3 @@ export const filterArgTypes = {
             '100% will make the image completely sepia.',
     },
 };
-//# sourceMappingURL=filter.argTypes.js.map

package/dist/esm/core/filter/filter.component.js

@@ -6,4 +6,3 @@ export const Filter = (filterProps) => {
     const style = FilterStyle(filterProps);
     return React.createElement(Container, { style: style }, children);
 };
-//# sourceMappingURL=filter.component.js.map

package/dist/esm/core/filter/filter.config.js

@@ -63,4 +63,3 @@ export const FilterConfigs = {
         rangeHigh: 100,
     },
 };
-//# sourceMappingURL=filter.config.js.map

package/dist/esm/core/filter/filter.model.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=filter.model.js.map

package/dist/esm/core/filter/filter.style.js

@@ -15,4 +15,3 @@ export const FilterStyle = (filterSettings) => {
     console.log(filterArray);
     return { filter: filterArray.join(' ') };
 };
-//# sourceMappingURL=filter.style.js.map

package/dist/esm/core/filter/filter.types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=filter.types.js.map

package/dist/esm/core/filter/index.js

@@ -2,4 +2,3 @@ export * from './filter.component';
 export * from './filter.config';
 export * from './filter.model';
 export * from './filter.types';
-//# sourceMappingURL=index.js.map

package/dist/esm/core/flex/flex.component.js

@@ -20,18 +20,8 @@ import { forwardRef } from 'react';
  * @see Docs
  */
 export const Flex = forwardRef((props, ref) => {
-    const { direction, align, justify, wrap, basis, grow, shrink } = props, rest = __rest(props, ["direction", "align", "justify", "wrap", "basis", "grow", "shrink"]);
-    const styles = {
-        display: 'flex',
-        flexDirection: direction,
-        alignItems: align,
-        justifyContent: justify,
-        flexWrap: wrap,
-        flexBasis: basis,
-        flexGrow: grow,
-        flexShrink: shrink,
-    };
+    const { direction, align, justify, wrap, basis, grow, shrink, style } = props, rest = __rest(props, ["direction", "align", "justify", "wrap", "basis", "grow", "shrink", "style"]);
+    const styles = Object.assign({ display: 'flex', flexDirection: direction, alignItems: align, justifyContent: justify, flexWrap: wrap, flexBasis: basis, flexGrow: grow, flexShrink: shrink }, style);
     return React.createElement("div", Object.assign({ ref: ref, style: styles }, rest));
 });
 Flex.displayName = 'Flex';
-//# sourceMappingURL=flex.component.js.map