@uni-design-system/uni-react 0.0.3

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-text-row.component.js","sourceRoot":"","sources":["../../../../src/components/icon-text-row/icon-text-row.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAqB,QAAQ,EAA6B,MAAM,6BAA6B,CAAC;AAErG,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAYjF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,MAAM,EACd,IAAI,EACJ,QAAQ,GAAG,cAAc,EACzB,QAAQ,GACS,EAAe,EAAE;IAClC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,EAAE,cAAc,QAAQ,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC;IAC9F,MAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,CAAC;IACtC,MAAM,cAAc,GAAG,SAAS,CAAC,UAAU,IAAI,UAAU,CAAC;IAC1D,MAAM,UAAU,GAAG,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtE,SAAS,OAAO;QACd,OAAO,CACL,6BAAK,KAAK,kCAAO,GAAG,KAAE,SAAS,EAAE,cAAc;YAC7C,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,GAAI,CACjF,CACP,CAAC;IACJ,CAAC;IAED,SAAS,OAAO;QACd,OAAO,CACL,6BAAK,KAAK,kCAAO,MAAM,KAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU;YACxE,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,IAC7C,IAAI,IAAI,QAAQ,CACZ,CACH,CACP,CAAC;IACJ,CAAC;IAED,SAAS,SAAS;QAChB,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,6BAAK,KAAK,oBAAO,MAAM,IAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IACnE,CAAC;IAED,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC1C,6BAAK,KAAK,kCAAO,GAAG,GAAK,WAAW;QAClC,oBAAC,SAAS,OAAG;QACb,oBAAC,OAAO,OAAG;QACX,oBAAC,OAAO,OAAG;QACX,oBAAC,SAAS,OAAG,CACT,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,KAAK,kCAAO,GAAG,GAAK,WAAW;QAClC,oBAAC,OAAO,OAAG;QACX,oBAAC,OAAO,OAAG,CACP,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './button';
+export * from './card';

package/dist/esm/components/index.js

@@ -0,0 +1,3 @@
+export * from './button';
+export * from './card';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC"}

package/dist/esm/components/modal/index.d.ts

@@ -0,0 +1 @@
+export * from './modal.component';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/esm/components/modal/modal-close-button.component.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+import { ButtonProps } from '../button';
+export declare const ModalCloseButton: ({ ...rest }: PropsWithChildren<ButtonProps>) => JSX.Element;

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

@@ -0,0 +1,24 @@
+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;
+};
+import React from 'react';
+import { Button } from '../button';
+export const ModalCloseButton = (_a) => {
+    var rest = __rest(_a, []);
+    const style = {
+        position: 'absolute',
+        top: '8px',
+        right: '8px',
+        padding: '8px',
+    };
+    return React.createElement(Button, Object.assign({ useRipple: false, buttonType: "icon", iconName: "xMark", style: style }, rest));
+};
+//# sourceMappingURL=modal-close-button.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal-close-button.component.js","sourceRoot":"","sources":["../../../../src/components/modal/modal-close-button.component.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAEhD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAA2C,EAAe,EAAE;QAAvD,IAAI,cAAT,EAAW,CAAF;IACxC,MAAM,KAAK,GAAkB;QAC3B,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,KAAK;KACf,CAAC;IAEF,OAAO,oBAAC,MAAM,kBAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,IAAM,IAAI,EAAI,CAAC;AACjG,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+type ModalSize = 'sm' | 'md' | 'lg';
+export interface ModalProps {
+    size: ModalSize;
+    children: ReactNode;
+    isOpen: boolean;
+}
+export interface ModalOverlayProps {
+    children?: React.ReactNode;
+    fadeDuration?: number;
+}
+export declare const Modal: ({ children, isOpen, size }: ModalProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Card } from '../card';
+import { Overlay } from '../../core';
+const ModalSizes = {
+    sm: 260,
+    md: 320,
+    lg: 500,
+};
+export const Modal = ({ children, isOpen, size = 'lg' }) => {
+    return (React.createElement(React.Fragment, null,
+        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/modal/modal.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.component.js","sourceRoot":"","sources":["../../../../src/components/modal/modal.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAIrC,MAAM,UAAU,GAA8B;IAC5C,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;CACR,CAAC;AAaF,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,GAAG,IAAI,EAAc,EAAE,EAAE;IACrE,OAAO,CACL;QACE,oBAAC,OAAO,IAAC,MAAM,EAAE,MAAM;YACrB,oBAAC,IAAI,IAAC,UAAU,EAAC,YAAY,EAAC,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAC,UAAU,EAAC,SAAS,EAAC,OAAO,IACzF,QAAQ,CACJ,CACC,CACT,CACJ,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Size } from '@uni-design-system/uni-core';
+export interface SwitchProps {
+    size: Size;
+    on?: boolean;
+    onChange?: (on: boolean) => void;
+}
+export declare const Switch: ({ size, on, onChange }: SwitchProps) => JSX.Element;

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

@@ -0,0 +1,39 @@
+import { motion } from 'framer-motion';
+import React, { useState } from 'react';
+import { RoleHues } from '@uni-design-system/uni-core';
+import { SwitchConfigs } from './switch.config';
+export const Switch = ({ size = 'sm', on = false, onChange }) => {
+    const [isOn, setIsOn] = useState(on);
+    const successColor = `hsl(${RoleHues.success.default}, 32%, 50%)`;
+    const toggleSwitch = () => {
+        setIsOn(!isOn);
+        onChange && onChange(!isOn);
+    };
+    const spring = {
+        type: 'spring',
+        stiffness: 700,
+        damping: 30,
+    };
+    const config = SwitchConfigs[size];
+    const handleDiameter = config.radius * 2;
+    const switchWidth = config.radius * 4;
+    const switchStyle = {
+        cursor: 'pointer',
+        display: 'flex',
+        justifyContent: isOn ? 'flex-end' : 'flex-start',
+        backgroundColor: isOn ? successColor : 'rgba(0, 0, 0, 0.4)',
+        width: switchWidth,
+        height: handleDiameter,
+        padding: config.padding,
+        borderRadius: config.radius + config.padding,
+    };
+    const handleStyle = {
+        width: handleDiameter,
+        height: handleDiameter,
+        backgroundColor: 'white',
+        borderRadius: config.radius,
+    };
+    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.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.component.js","sourceRoot":"","sources":["../../../../src/components/switch/switch.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAc,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAQ,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAQhD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAe,EAAE,EAAE;IAC3E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAErC,MAAM,YAAY,GAAG,OAAO,QAAQ,CAAC,OAAO,CAAC,OAAO,aAAa,CAAC;IAElE,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;QACf,QAAQ,IAAI,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,MAAM,GAAe;QACzB,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,GAAG;QACd,OAAO,EAAE,EAAE;KACZ,CAAC;IAEF,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEnC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IACzC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IAEtC,MAAM,WAAW,GAAkB;QACjC,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;QAChD,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAoB;QAC3D,KAAK,EAAE,WAAW;QAClB,MAAM,EAAE,cAAc;QACtB,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,YAAY,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO;KAC7C,CAAC;IAEF,MAAM,WAAW,GAAkB;QACjC,KAAK,EAAE,cAAc;QACrB,MAAM,EAAE,cAAc;QACtB,eAAe,EAAE,OAAO;QACxB,YAAY,EAAE,MAAM,CAAC,MAAM;KAC5B,CAAC;IAEF,OAAO,CACL,6BAAK,KAAK,EAAE,WAAW,EAAE,SAAS,EAAC,QAAQ,eAAY,IAAI,EAAE,OAAO,EAAE,YAAY;QAChF,oBAAC,MAAM,CAAC,GAAG,IAAC,KAAK,EAAE,WAAW,EAAE,SAAS,EAAC,QAAQ,EAAC,MAAM,QAAC,UAAU,EAAE,MAAM,GAAI,CAC5E,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/switch/switch.config.d.ts

@@ -0,0 +1,5 @@
+import { Size } from '@uni-design-system/uni-core';
+export declare const SwitchConfigs: Record<Size, {
+    radius: number;
+    padding: number;
+}>;

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

@@ -0,0 +1,23 @@
+export const SwitchConfigs = {
+    xs: {
+        radius: 6,
+        padding: 2,
+    },
+    sm: {
+        radius: 8,
+        padding: 2,
+    },
+    md: {
+        radius: 10,
+        padding: 3,
+    },
+    lg: {
+        radius: 12,
+        padding: 4,
+    },
+    xl: {
+        radius: 14,
+        padding: 5,
+    },
+};
+//# sourceMappingURL=switch.config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.config.js","sourceRoot":"","sources":["../../../../src/components/switch/switch.config.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAsD;IAC9E,EAAE,EAAE;QACF,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;KACX;IACD,EAAE,EAAE;QACF,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;KACX;IACD,EAAE,EAAE;QACF,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,CAAC;KACX;IACD,EAAE,EAAE;QACF,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,CAAC;KACX;IACD,EAAE,EAAE;QACF,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,CAAC;KACX;CACF,CAAC"}

package/dist/esm/core/background/background.component.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { Property } from 'csstype';
+interface BackgroundProps {
+    children?: ReactNode;
+    image?: Property.BackgroundImage | undefined;
+    gradiant?: Property.BackgroundImage | undefined;
+}
+export declare const Background: ({ children, image, gradiant }: BackgroundProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { useTheme } from '../theme';
+export const Background = ({ children, image, gradiant }) => {
+    const theme = useTheme();
+    const style = BackgroundStyle({ theme, image, gradiant });
+    return React.createElement("div", { style: style }, children);
+};
+function BackgroundStyle({ image, gradiant, theme }) {
+    return {
+        backgroundColor: theme.colors.background,
+        backgroundImage: image || gradiant,
+    };
+}
+//# sourceMappingURL=background.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"background.component.js","sourceRoot":"","sources":["../../../../src/core/background/background.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAUpC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAmB,EAAe,EAAE;IACxF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,KAAK,GAAG,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE1D,OAAO,6BAAK,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAO,CAAC;AAC7C,CAAC,CAAC;AAEF,SAAS,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAsC;IACrF,OAAO;QACL,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;QACxC,eAAe,EAAE,KAAK,IAAI,QAAQ;KACnC,CAAC;AACJ,CAAC"}

package/dist/esm/core/border/border.style.d.ts

@@ -0,0 +1,3 @@
+import { Border, Theme } from '@uni-design-system/uni-core';
+import { CSSProperties } from 'react';
+export declare function BorderStyle(border: Border | undefined, theme: Theme): CSSProperties;

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

@@ -0,0 +1,27 @@
+import { getValue } from '@uni-design-system/uni-core';
+export function BorderStyle(border, theme) {
+    if (!border)
+        return {};
+    const borderTopColor = extractColor(theme, border, 'colorTop');
+    const borderBottomColor = extractColor(theme, border, 'colorBottom');
+    const borderLeftColor = extractColor(theme, border, 'colorLeft');
+    const borderRightColor = extractColor(theme, border, 'colorRight');
+    const borderTopWidth = getValue(border, 'widthTop', 'width');
+    const borderBottomWidth = getValue(border, 'widthBottom', 'width');
+    const borderLeftWidth = getValue(border, 'widthLeft', 'width');
+    const borderRightWidth = getValue(border, 'widthRight', 'width');
+    return {
+        borderTopColor,
+        borderBottomColor,
+        borderLeftColor,
+        borderRightColor,
+        borderTopWidth,
+        borderBottomWidth,
+        borderLeftWidth,
+        borderRightWidth,
+    };
+}
+function extractColor(theme, border, key) {
+    return theme.colors[getValue(border, key, 'color')];
+}
+//# sourceMappingURL=border.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"border.style.js","sourceRoot":"","sources":["../../../../src/core/border/border.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,QAAQ,EAAS,MAAM,6BAA6B,CAAC;AAGlF,MAAM,UAAU,WAAW,CAAC,MAA0B,EAAE,KAAY;IAClE,IAAI,CAAC,MAAM;QAAE,OAAO,EAAE,CAAC;IAEvB,MAAM,cAAc,GAAG,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;IAC/D,MAAM,iBAAiB,GAAG,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC;IACrE,MAAM,eAAe,GAAG,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;IACjE,MAAM,gBAAgB,GAAG,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;IACnE,MAAM,cAAc,GAAG,QAAQ,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;IAC7D,MAAM,iBAAiB,GAAG,QAAQ,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;IACnE,MAAM,eAAe,GAAG,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;IAC/D,MAAM,gBAAgB,GAAG,QAAQ,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC;IAEjE,OAAO;QACL,cAAc;QACd,iBAAiB;QACjB,eAAe;QACf,gBAAgB;QAChB,cAAc;QACd,iBAAiB;QACjB,eAAe;QACf,gBAAgB;KACjB,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,KAAY,EAAE,MAAc,EAAE,GAAW;IAC7D,OAAO,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE,OAAO,CAAe,CAAC,CAAC;AACpE,CAAC"}

package/dist/esm/core/border/index.d.ts

@@ -0,0 +1 @@
+export * from './border.style';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/border/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/esm/core/container/container.component.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface ContainerProps {
+    children: ReactNode;
+    style: CSSProperties;
+}
+export default function Container({ children, style, ...rest }: ContainerProps): JSX.Element;

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

@@ -0,0 +1,17 @@
+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;
+};
+import React from 'react';
+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/container.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.component.js","sourceRoot":"","sources":["../../../../src/core/container/container.component.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAOtD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAA4C;QAA5C,EAAE,QAAQ,EAAE,KAAK,OAA2B,EAAtB,IAAI,cAA1B,qBAA4B,CAAF;IAE1D,OAAO,CACL,2CAAK,KAAK,EAAE,KAAK,IAAM,IAAI,GACxB,QAAQ,CACL,CACP,CAAA;AACH,CAAC"}

package/dist/esm/core/container/index.d.ts

@@ -0,0 +1 @@
+export * from './container.component';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/container/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/esm/core/filter/filter.argTypes.d.ts

@@ -0,0 +1,155 @@
+export declare const filterArgTypes: {
+    blur: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    brightness: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    contrast: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    grayscale: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    'hue-rotate': {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    invert: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    opacity: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    saturate: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    sepia: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+};

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

@@ -0,0 +1,102 @@
+// https://www.w3schools.com/csSref/css3_pr_filter.php
+export const filterArgTypes = {
+    blur: {
+        control: { type: 'range', min: 0, max: 100, step: 1 },
+        table: {
+            type: { summary: 'number' },
+            defaultValue: { summary: '0' },
+        },
+        description: 'Applies a blur effect to the image. A larger value will create more blur.\n' +
+            '\n' +
+            'If no value is specified, 0 is used.',
+    },
+    brightness: {
+        control: { type: 'range', min: 0, max: 100, step: 1 },
+        table: {
+            type: { summary: 'number' },
+            defaultValue: { summary: '0' },
+        },
+        description: 'Adjusts the brightness of the image.\n' +
+            '\n' +
+            '0% will make the image completely black.\n' +
+            '100% (1) is default and represents the original image.\n' +
+            'Values over 100% will provide brighter results.',
+    },
+    contrast: {
+        control: { type: 'range', min: 0, max: 100, step: 1 },
+        table: {
+            type: { summary: 'number' },
+            defaultValue: { summary: '0' },
+        },
+        description: 'Adjusts the contrast of the image.\n' +
+            '\n' +
+            '0% will make the image completely black.\n' +
+            '100% (1) is default, and represents the original image.\n' +
+            'Values over 100% will provide results with more contrast.',
+    },
+    grayscale: {
+        control: { type: 'range', min: 0, max: 100, step: 1 },
+        table: {
+            type: { summary: 'number' },
+            defaultValue: { summary: '0' },
+        },
+        description: 'Converts the image to grayscale.\n' +
+            '\n' +
+            '0% (0) is default and represents the original image.\n' +
+            '100% will make the image completely gray (used for black and white images).',
+    },
+    'hue-rotate': {
+        control: { type: 'range', min: 0, max: 360, step: 1 },
+        table: {
+            type: { summary: 'number' },
+            defaultValue: { summary: '0' },
+        },
+        description: 'Applies a hue rotation on the image. The value defines the number of degrees around the color circle the image samples will be adjusted. 0deg is default, and represents the original image.',
+    },
+    invert: {
+        control: { type: 'range', min: 0, max: 100, step: 1 },
+        table: {
+            type: { summary: 'number' },
+            defaultValue: { summary: '0' },
+        },
+        description: 'Inverts the samples in the image.\n' +
+            '\n' +
+            '0% (0) is default and represents the original image.\n' +
+            '100% will make the image completely inverted.',
+    },
+    opacity: {
+        control: { type: 'range', min: 0, max: 1, step: 0.01 },
+        table: {
+            type: { summary: 'number' },
+            defaultValue: { summary: '1' },
+        },
+        description: 'Sets the opacity level for the image. The opacity-level describes the transparency-level, where:\n' +
+            '\n' +
+            '0% is completely transparent.\n' +
+            '100% (1) is default and represents the original image (no transparency).',
+    },
+    saturate: {
+        control: { type: 'range', min: 0, max: 100, step: 1 },
+        table: {
+            type: { summary: 'number' },
+            defaultValue: { summary: '0' },
+        },
+        description: 'Saturates the image.\n' +
+            '\n' +
+            '0% (0) will make the image completely un-saturated.\n' +
+            '100% is default and represents the original image.\n' +
+            'Values over 100% provides super-saturated results.',
+    },
+    sepia: {
+        control: { type: 'range', min: 0, max: 100, step: 1 },
+        table: {
+            type: { summary: 'number' },
+            defaultValue: { summary: '0' },
+        },
+        description: 'Converts the image to sepia.\n' +
+            '\n' +
+            '0% (0) is default and represents the original image.\n' +
+            '100% will make the image completely sepia.',
+    },
+};
+//# sourceMappingURL=filter.argTypes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter.argTypes.js","sourceRoot":"","sources":["../../../../src/core/filter/filter.argTypes.ts"],"names":[],"mappings":"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"}

package/dist/esm/core/filter/filter.component.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+import { FilterProps } from './filter.model';
+export declare const Filter: (filterProps: PropsWithChildren<FilterProps>) => JSX.Element;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import Container from '../container/container.component';
+import { FilterStyle } from './filter.style';
+export const Filter = (filterProps) => {
+    const { children } = filterProps;
+    const style = FilterStyle(filterProps);
+    return React.createElement(Container, { style: style }, children);
+};
+//# sourceMappingURL=filter.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter.component.js","sourceRoot":"","sources":["../../../../src/core/filter/filter.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,WAA2C,EAAE,EAAE;IACpE,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC;IACjC,MAAM,KAAK,GAAG,WAAW,CAAC,WAAW,CAAC,CAAC;IAEvC,OAAO,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAa,CAAC;AACzD,CAAC,CAAC"}

package/dist/esm/core/filter/filter.config.d.ts

@@ -0,0 +1,3 @@
+import { FilterConfig } from './filter.model';
+import { FilterType } from './filter.types';
+export declare const FilterConfigs: Record<FilterType, FilterConfig>;