aha-components 1.8.1 → 1.8.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Input.esm.js +1 -1
- package/dist/Input.esm.js.map +1 -1
- package/dist/Input.js +1 -1
- package/dist/Input.js.map +1 -1
- package/dist/Pagination.esm.js +1 -1
- package/dist/Pagination.esm.js.map +1 -1
- package/dist/Pagination.js +1 -1
- package/dist/Pagination.js.map +1 -1
- package/dist/Table.esm.js +1 -1
- package/dist/Table.esm.js.map +1 -1
- package/dist/Table.js +1 -1
- package/dist/Table.js.map +1 -1
- package/dist/Textarea.esm.js +1 -1
- package/dist/Textarea.esm.js.map +1 -1
- package/dist/Textarea.js +1 -1
- package/dist/Textarea.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.stories 2.d.ts +12 -0
- package/dist/components/Checkbox/index 2.d.ts +12 -0
- package/dist/components/DatePicker/DatePicker.stories 2.d.ts +25 -0
- package/dist/components/DatePicker/index 2.d.ts +96 -0
- package/dist/components/Drawer/Drawer.stories 2.d.ts +9 -0
- package/dist/components/Drawer/index 2.d.ts +58 -0
- package/dist/components/Form/Form.stories 2.d.ts +15 -0
- package/dist/components/Form/FormContext 2.d.ts +41 -0
- package/dist/components/Form/FormItem 2.d.ts +58 -0
- package/dist/components/Form/index 2.d.ts +85 -0
- package/dist/components/Input/Input.stories 2.d.ts +16 -0
- package/dist/components/Input/Input.stories.d.ts +7 -4
- package/dist/components/Input/InputGroup.d.ts +25 -0
- package/dist/components/Input/InputTags.d.ts +17 -0
- package/dist/components/Input/index 2.d.ts +41 -0
- package/dist/components/Input/index.d.ts +7 -18
- package/dist/components/Loading/Loading.stories 2.d.ts +11 -0
- package/dist/components/Loading/index 2.d.ts +10 -0
- package/dist/components/MenuList/MenuList.stories 2.d.ts +17 -0
- package/dist/components/MenuList/MenuList.test 2.d.ts +1 -0
- package/dist/components/MenuList/index 2.d.ts +85 -0
- package/dist/components/Pagination/Pagination.stories 2.d.ts +16 -0
- package/dist/components/Pagination/index 2.d.ts +27 -0
- package/dist/components/Popover/Popover.stories 2.d.ts +11 -0
- package/dist/components/Popover/index 2.d.ts +31 -0
- package/dist/components/Progress/Progress.stories 2.d.ts +18 -0
- package/dist/components/Progress/Progress.test 2.d.ts +1 -0
- package/dist/components/Progress/index 2.d.ts +33 -0
- package/dist/components/Radio/Radio.stories 2.d.ts +10 -0
- package/dist/components/Radio/index 2.d.ts +13 -0
- package/dist/components/Select/Select.stories 2.d.ts +17 -0
- package/dist/components/Select/index 2.d.ts +74 -0
- package/dist/components/Switch/Switch.stories 2.d.ts +14 -0
- package/dist/components/Switch/index 2.d.ts +27 -0
- package/dist/components/Tab/Tab.stories 2.d.ts +19 -0
- package/dist/components/Tab/index 2.d.ts +26 -0
- package/dist/components/Table/Table.stories 2.d.ts +21 -0
- package/dist/components/Table/index 2.d.ts +167 -0
- package/dist/components/Textarea/Textarea.stories 2.d.ts +15 -0
- package/dist/components/Textarea/Textarea.stories.d.ts +3 -6
- package/dist/components/Textarea/TextareaTags.d.ts +8 -0
- package/dist/components/Textarea/index 2.d.ts +38 -0
- package/dist/components/Textarea/index.d.ts +6 -17
- package/dist/components/Tooltip/Tooltip.stories 2.d.ts +20 -0
- package/dist/components/Tooltip/index 2.d.ts +35 -0
- package/dist/icons/index 2.d.ts +33 -0
- package/dist/index.css +962 -1
- package/dist/index.d.ts +54 -36
- package/dist/index.esm.css +962 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/stories/DesignTokens.stories 2.d.ts +5 -0
- package/dist/theme/Theme.stories 2.d.ts +10 -0
- package/dist/theme/ThemeContext 2.d.ts +11 -0
- package/dist/theme/utils 2.d.ts +10 -0
- package/dist/tokens.d.ts +2 -0
- package/package.json +1 -1
- package/dist/AlertComponent.esm.js +0 -2
- package/dist/AlertComponent.esm.js.map +0 -1
- package/dist/AlertComponent.js +0 -2
- package/dist/AlertComponent.js.map +0 -1
- package/dist/Card.esm.js +0 -2
- package/dist/Card.esm.js.map +0 -1
- package/dist/Card.js +0 -2
- package/dist/Card.js.map +0 -1
- package/dist/TestComponent.esm.js +0 -2
- package/dist/TestComponent.esm.js.map +0 -1
- package/dist/TestComponent.js +0 -2
- package/dist/TestComponent.js.map +0 -1
- package/dist/Toast.css +0 -1
- package/dist/Toast.esm.css +0 -1
- package/dist/components/AlertComponent/index.d.ts +0 -9
- package/dist/components/Card/index.d.ts +0 -10
- package/dist/components/TestComponent/index.d.ts +0 -7
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { ThemeProvider } from './ThemeContext';
|
|
3
|
+
declare const meta: Meta<typeof ThemeProvider>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof ThemeProvider>;
|
|
6
|
+
export declare const DefaultTheme: Story;
|
|
7
|
+
export declare const BlueTheme: Story;
|
|
8
|
+
export declare const GreenTheme: Story;
|
|
9
|
+
export declare const PurpleTheme: Story;
|
|
10
|
+
export declare const TableWithTheme: Story;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface ThemeConfig {
|
|
3
|
+
primaryColor?: string;
|
|
4
|
+
}
|
|
5
|
+
export interface ThemeProviderProps {
|
|
6
|
+
theme?: ThemeConfig;
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare const ThemeProvider: React.FC<ThemeProviderProps>;
|
|
10
|
+
export declare const useTheme: () => ThemeConfig;
|
|
11
|
+
export declare const getDefaultPrimaryColor: () => string;
|
package/dist/tokens.d.ts
CHANGED
|
@@ -638,6 +638,7 @@ export declare const focusRing: {
|
|
|
638
638
|
readonly shadowSm: "0px 1px 3px 0px #0a0d121a, 0px 1px 2px 0px #0a0d121a, 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--color-brand-500)";
|
|
639
639
|
readonly error: "0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--color-error-500)";
|
|
640
640
|
readonly errorShadowXs: "0px 1px 2px 0px #0a0d120d, 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--color-error-500)";
|
|
641
|
+
readonly errorShadowXsSkeuomorphic: "inset 0px 0px 0px 1px #0a0d122e, inset 0px -2px 0px 0px #0a0d120d, 0px 1px 2px 0px #0a0d120d, 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--color-error-500)";
|
|
641
642
|
};
|
|
642
643
|
export declare const backdropBlur: {
|
|
643
644
|
readonly sm: "blur(8px)";
|
|
@@ -1259,6 +1260,7 @@ declare const tokens: {
|
|
|
1259
1260
|
readonly shadowSm: "0px 1px 3px 0px #0a0d121a, 0px 1px 2px 0px #0a0d121a, 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--color-brand-500)";
|
|
1260
1261
|
readonly error: "0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--color-error-500)";
|
|
1261
1262
|
readonly errorShadowXs: "0px 1px 2px 0px #0a0d120d, 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--color-error-500)";
|
|
1263
|
+
readonly errorShadowXsSkeuomorphic: "inset 0px 0px 0px 1px #0a0d122e, inset 0px -2px 0px 0px #0a0d120d, 0px 1px 2px 0px #0a0d120d, 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--color-error-500)";
|
|
1262
1264
|
};
|
|
1263
1265
|
readonly backdropBlur: {
|
|
1264
1266
|
readonly sm: "blur(8px)";
|
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";var o=function(o){var t=o.children,n=o.variant,l=void 0===n?"info":n,a=o.className,c=void 0===a?"":a,i=o.onClose,d="".concat("border rounded-md p-4 relative"," ").concat({success:"bg-green-50 border-green-200 text-green-800",error:"bg-red-50 border-red-200 text-red-800",warning:"bg-yellow-50 border-yellow-200 text-yellow-800",info:"bg-blue-50 border-blue-200 text-blue-800"}[l]," ").concat(c);return e("div",{className:d,children:r("div",{className:"flex",children:[e("div",{className:"flex-1",children:t}),i&&e("button",{onClick:i,className:"ml-3 text-current hover:opacity-70 transition-opacity",children:"✕"})]})})};export{o as default};
|
|
2
|
-
//# sourceMappingURL=AlertComponent.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AlertComponent.esm.js","sources":["../src/components/AlertComponent/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface AlertComponentProps {\n children: React.ReactNode;\n variant?: 'success' | 'error' | 'warning' | 'info';\n className?: string;\n onClose?: () => void;\n}\n\nconst AlertComponent: React.FC<AlertComponentProps> = ({\n children,\n variant = 'info',\n className = '',\n onClose,\n}) => {\n const variantClasses = {\n success: 'bg-green-50 border-green-200 text-green-800',\n error: 'bg-red-50 border-red-200 text-red-800',\n warning: 'bg-yellow-50 border-yellow-200 text-yellow-800',\n info: 'bg-blue-50 border-blue-200 text-blue-800',\n };\n\n const baseClasses = 'border rounded-md p-4 relative';\n const classes = `${baseClasses} ${variantClasses[variant]} ${className}`;\n\n return (\n <div className={classes}>\n <div className=\"flex\">\n <div className=\"flex-1\">{children}</div>\n {onClose && (\n <button\n onClick={onClose}\n className=\"ml-3 text-current hover:opacity-70 transition-opacity\"\n >\n ✕\n </button>\n )}\n </div>\n </div>\n );\n};\n\nexport default AlertComponent;\n"],"names":["AlertComponent","_a","children","_b","variant","_c","className","onClose","classes","concat","success","error","warning","info","_jsx","_jsxs","onClick"],"mappings":"kDASM,IAAAA,EAAgD,SAACC,GACrD,IAAAC,aACAC,EAAAF,EAAAG,QAAAA,aAAU,OAAMD,EAChBE,EAAAJ,EAAAK,UAAAA,OAAS,IAAAD,EAAG,GAAEA,EACdE,EAAON,EAAAM,QAUDC,EAAU,GAAGC,OADC,iCACc,KAAAA,OARX,CACrBC,QAAS,8CACTC,MAAO,wCACPC,QAAS,iDACTC,KAAM,4CAIyCT,GAAQ,KAAAK,OAAIH,GAE7D,OACEQ,EAAA,MAAA,CAAKR,UAAWE,EACdN,SAAAa,EAAA,MAAA,CAAKT,UAAU,OACbJ,SAAA,CAAAY,EAAA,MAAA,CAAKR,UAAU,SAAUJ,SAAAA,IACxBK,GACCO,EACE,SAAA,CAAAE,QAAST,EACTD,UAAU,wDAGHJ,SAAA,UAKnB"}
|
package/dist/AlertComponent.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime");module.exports=function(r){var t=r.children,o=r.variant,n=void 0===o?"info":o,l=r.className,c=void 0===l?"":l,i=r.onClose,s="".concat("border rounded-md p-4 relative"," ").concat({success:"bg-green-50 border-green-200 text-green-800",error:"bg-red-50 border-red-200 text-red-800",warning:"bg-yellow-50 border-yellow-200 text-yellow-800",info:"bg-blue-50 border-blue-200 text-blue-800"}[n]," ").concat(c);return e.jsx("div",{className:s,children:e.jsxs("div",{className:"flex",children:[e.jsx("div",{className:"flex-1",children:t}),i&&e.jsx("button",{onClick:i,className:"ml-3 text-current hover:opacity-70 transition-opacity",children:"✕"})]})})};
|
|
2
|
-
//# sourceMappingURL=AlertComponent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AlertComponent.js","sources":["../src/components/AlertComponent/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface AlertComponentProps {\n children: React.ReactNode;\n variant?: 'success' | 'error' | 'warning' | 'info';\n className?: string;\n onClose?: () => void;\n}\n\nconst AlertComponent: React.FC<AlertComponentProps> = ({\n children,\n variant = 'info',\n className = '',\n onClose,\n}) => {\n const variantClasses = {\n success: 'bg-green-50 border-green-200 text-green-800',\n error: 'bg-red-50 border-red-200 text-red-800',\n warning: 'bg-yellow-50 border-yellow-200 text-yellow-800',\n info: 'bg-blue-50 border-blue-200 text-blue-800',\n };\n\n const baseClasses = 'border rounded-md p-4 relative';\n const classes = `${baseClasses} ${variantClasses[variant]} ${className}`;\n\n return (\n <div className={classes}>\n <div className=\"flex\">\n <div className=\"flex-1\">{children}</div>\n {onClose && (\n <button\n onClick={onClose}\n className=\"ml-3 text-current hover:opacity-70 transition-opacity\"\n >\n ✕\n </button>\n )}\n </div>\n </div>\n );\n};\n\nexport default AlertComponent;\n"],"names":["_a","children","_b","variant","_c","className","onClose","classes","concat","success","error","warning","info","_jsx","_jsxs","onClick"],"mappings":"+DASsD,SAACA,GACrD,IAAAC,aACAC,EAAAF,EAAAG,QAAAA,aAAU,OAAMD,EAChBE,EAAAJ,EAAAK,UAAAA,OAAS,IAAAD,EAAG,GAAEA,EACdE,EAAON,EAAAM,QAUDC,EAAU,GAAGC,OADC,iCACc,KAAAA,OARX,CACrBC,QAAS,8CACTC,MAAO,wCACPC,QAAS,iDACTC,KAAM,4CAIyCT,GAAQ,KAAAK,OAAIH,GAE7D,OACEQ,EAAAA,IAAA,MAAA,CAAKR,UAAWE,EACdN,SAAAa,OAAA,MAAA,CAAKT,UAAU,OACbJ,SAAA,CAAAY,EAAAA,IAAA,MAAA,CAAKR,UAAU,SAAUJ,SAAAA,IACxBK,GACCO,EAAAA,IACE,SAAA,CAAAE,QAAST,EACTD,UAAU,wDAGHJ,SAAA,UAKnB"}
|
package/dist/Card.esm.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{jsxs as r,jsx as e}from"react/jsx-runtime";var a=function(a){var t=a.children,o=a.title,c=a.subtitle,s=a.className,d=void 0===s?"":s,i=a.onClick,l=i?"cursor-pointer":"",n="".concat("bg-white border border-gray-200 rounded-lg shadow-sm hover:shadow-md transition-shadow"," ").concat(l," ").concat(d);return r("div",{className:n,onClick:i,children:[(o||c)&&r("div",{className:"px-6 py-4 border-b border-gray-200",children:[o&&e("h3",{className:"text-lg font-semibold text-gray-900",children:o}),c&&e("p",{className:"mt-1 text-sm text-gray-600",children:c})]}),e("div",{className:"px-6 py-4",children:t})]})};export{a as default};
|
|
2
|
-
//# sourceMappingURL=Card.esm.js.map
|
package/dist/Card.esm.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Card.esm.js","sources":["../src/components/Card/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface CardProps {\n children: React.ReactNode;\n title?: string;\n subtitle?: string;\n className?: string;\n onClick?: () => void;\n}\n\nconst Card: React.FC<CardProps> = ({\n children,\n title,\n subtitle,\n className = '',\n onClick,\n}) => {\n const baseClasses = 'bg-white border border-gray-200 rounded-lg shadow-sm hover:shadow-md transition-shadow';\n const clickableClasses = onClick ? 'cursor-pointer' : '';\n const classes = `${baseClasses} ${clickableClasses} ${className}`;\n \n return (\n <div className={classes} onClick={onClick}>\n {(title || subtitle) && (\n <div className=\"px-6 py-4 border-b border-gray-200\">\n {title && <h3 className=\"text-lg font-semibold text-gray-900\">{title}</h3>}\n {subtitle && <p className=\"mt-1 text-sm text-gray-600\">{subtitle}</p>}\n </div>\n )}\n <div className=\"px-6 py-4\">\n {children}\n </div>\n </div>\n );\n};\n\nexport default Card; "],"names":["Card","_a","children","title","subtitle","_b","className","onClick","clickableClasses","classes","concat","_jsxs","_jsx"],"mappings":"kDAUM,IAAAA,EAA4B,SAACC,GACjC,IAAAC,aACAC,EAAKF,EAAAE,MACLC,EAAQH,EAAAG,SACRC,EAAcJ,EAAAK,UAAdA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAAON,EAAAM,QAGDC,EAAmBD,EAAU,iBAAmB,GAChDE,EAAU,GAAGC,OAFC,qGAEcF,EAAgB,KAAAE,OAAIJ,GAEtD,OACEK,EAAK,MAAA,CAAAL,UAAWG,EAASF,QAASA,EAAOL,SAAA,EACrCC,GAASC,IACTO,EAAK,MAAA,CAAAL,UAAU,qCAAoCJ,SAAA,CAChDC,GAASS,EAAI,KAAA,CAAAN,UAAU,sCAAqCJ,SAAEC,IAC9DC,GAAYQ,EAAG,IAAA,CAAAN,UAAU,6BAA8BJ,SAAAE,OAG5DQ,EAAA,MAAA,CAAKN,UAAU,YAAWJ,SACvBA,MAIT"}
|
package/dist/Card.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime");module.exports=function(r){var s=r.children,t=r.title,a=r.subtitle,c=r.className,i=void 0===c?"":c,o=r.onClick,d=o?"cursor-pointer":"",l="".concat("bg-white border border-gray-200 rounded-lg shadow-sm hover:shadow-md transition-shadow"," ").concat(d," ").concat(i);return e.jsxs("div",{className:l,onClick:o,children:[(t||a)&&e.jsxs("div",{className:"px-6 py-4 border-b border-gray-200",children:[t&&e.jsx("h3",{className:"text-lg font-semibold text-gray-900",children:t}),a&&e.jsx("p",{className:"mt-1 text-sm text-gray-600",children:a})]}),e.jsx("div",{className:"px-6 py-4",children:s})]})};
|
|
2
|
-
//# sourceMappingURL=Card.js.map
|
package/dist/Card.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sources":["../src/components/Card/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface CardProps {\n children: React.ReactNode;\n title?: string;\n subtitle?: string;\n className?: string;\n onClick?: () => void;\n}\n\nconst Card: React.FC<CardProps> = ({\n children,\n title,\n subtitle,\n className = '',\n onClick,\n}) => {\n const baseClasses = 'bg-white border border-gray-200 rounded-lg shadow-sm hover:shadow-md transition-shadow';\n const clickableClasses = onClick ? 'cursor-pointer' : '';\n const classes = `${baseClasses} ${clickableClasses} ${className}`;\n \n return (\n <div className={classes} onClick={onClick}>\n {(title || subtitle) && (\n <div className=\"px-6 py-4 border-b border-gray-200\">\n {title && <h3 className=\"text-lg font-semibold text-gray-900\">{title}</h3>}\n {subtitle && <p className=\"mt-1 text-sm text-gray-600\">{subtitle}</p>}\n </div>\n )}\n <div className=\"px-6 py-4\">\n {children}\n </div>\n </div>\n );\n};\n\nexport default Card; "],"names":["_a","children","title","subtitle","_b","className","onClick","clickableClasses","classes","concat","_jsxs","jsxs","_jsx","jsx"],"mappings":"+DAUkC,SAACA,GACjC,IAAAC,aACAC,EAAKF,EAAAE,MACLC,EAAQH,EAAAG,SACRC,EAAcJ,EAAAK,UAAdA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAAON,EAAAM,QAGDC,EAAmBD,EAAU,iBAAmB,GAChDE,EAAU,GAAGC,OAFC,qGAEcF,EAAgB,KAAAE,OAAIJ,GAEtD,OACEK,EAAKC,KAAA,MAAA,CAAAN,UAAWG,EAASF,QAASA,EAAOL,SAAA,EACrCC,GAASC,IACTO,EAAAA,KAAK,MAAA,CAAAL,UAAU,qCAAoCJ,SAAA,CAChDC,GAASU,EAAIC,IAAA,KAAA,CAAAR,UAAU,sCAAqCJ,SAAEC,IAC9DC,GAAYS,EAAGC,IAAA,IAAA,CAAAR,UAAU,6BAA8BJ,SAAAE,OAG5DS,EAAAA,IAAA,MAAA,CAAKP,UAAU,YAAWJ,SACvBA,MAIT"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TestComponent.esm.js","sources":["../src/components/TestComponent/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface TestComponentProps {\n children?: React.ReactNode;\n className?: string;\n // TODO: 添加更多属性\n}\n\nconst TestComponent: React.FC<TestComponentProps> = ({\n children,\n className = '',\n}) => {\n return (\n <div className={`testcomponent-component ${className}`}>\n {children}\n </div>\n );\n};\n\nexport default TestComponent;\n"],"names":["TestComponent","_a","children","_b","className","_jsx","concat"],"mappings":"wCAQM,IAAAA,EAA8C,SAACC,GACnD,IAAAC,aACAC,EAAAF,EAAAG,UAEA,OACEC,EAAK,MAAA,CAAAD,UAAW,2BAAAE,YAHT,IAAAH,EAAG,GAAEA,GAITD,SAAAA,GAGP"}
|
package/dist/TestComponent.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TestComponent.js","sources":["../src/components/TestComponent/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface TestComponentProps {\n children?: React.ReactNode;\n className?: string;\n // TODO: 添加更多属性\n}\n\nconst TestComponent: React.FC<TestComponentProps> = ({\n children,\n className = '',\n}) => {\n return (\n <div className={`testcomponent-component ${className}`}>\n {children}\n </div>\n );\n};\n\nexport default TestComponent;\n"],"names":["_a","children","_b","className","_jsx","concat"],"mappings":"+DAQoD,SAACA,GACnD,IAAAC,aACAC,EAAAF,EAAAG,UAAAA,OAAS,IAAAD,EAAG,GAAEA,EAEd,OACEE,MAAK,MAAA,CAAAD,UAAW,2BAAAE,OAA2BF,GACxCF,SAAAA,GAGP"}
|
package/dist/Toast.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.aha-toast-container{pointer-events:none;position:fixed;z-index:9999}.aha-toast-item{background:#fff;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);max-width:380px;opacity:0;overflow:hidden;pointer-events:auto;position:relative;scale:.95;transform:translateY(8px);transition:all .3s ease-out}.aha-toast-item.visible{opacity:1;scale:1;transform:translateY(0)}.aha-toast-item.exiting{opacity:0;scale:.95;transform:translateY(8px)}.aha-toast-content{align-items:flex-start;color:#fff;display:flex;padding:16px}.aha-toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:8px;width:24px}.aha-toast-message{flex:1;min-width:0;padding-right:20px}.aha-toast-text{color:#f0fdf4;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;justify-content:flex-start;line-height:24px;width:100%}.aha-toast-action{margin-top:12px}.aha-toast-close{align-items:center;background:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;position:absolute;right:16px;top:14px;transition:all .2s;width:20px}.aha-toast-close:hover{background:hsla(0,0%,100%,.1)}.aha-toast-success{background-color:#096}.aha-toast-error{background-color:#e7000b}.aha-toast-info{background-color:#1447e6}.aha-toast-question{background-color:#1c1917}.aha-toast-top-left{left:16px;top:16px}.aha-toast-top-right{right:16px;top:16px}.aha-toast-bottom-left{bottom:16px;left:16px}.aha-toast-bottom-right{bottom:16px;right:16px}@media (max-width:640px){.aha-toast-item{margin:0 16px;max-width:calc(100vw - 32px)}.aha-toast-top-left,.aha-toast-top-right{top:8px}.aha-toast-bottom-left,.aha-toast-bottom-right{bottom:8px}}
|
package/dist/Toast.esm.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.aha-toast-container{pointer-events:none;position:fixed;z-index:9999}.aha-toast-item{background:#fff;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);max-width:380px;opacity:0;overflow:hidden;pointer-events:auto;position:relative;scale:.95;transform:translateY(8px);transition:all .3s ease-out}.aha-toast-item.visible{opacity:1;scale:1;transform:translateY(0)}.aha-toast-item.exiting{opacity:0;scale:.95;transform:translateY(8px)}.aha-toast-content{align-items:flex-start;color:#fff;display:flex;padding:16px}.aha-toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:8px;width:24px}.aha-toast-message{flex:1;min-width:0;padding-right:20px}.aha-toast-text{color:#f0fdf4;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;justify-content:flex-start;line-height:24px;width:100%}.aha-toast-action{margin-top:12px}.aha-toast-close{align-items:center;background:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;position:absolute;right:16px;top:14px;transition:all .2s;width:20px}.aha-toast-close:hover{background:hsla(0,0%,100%,.1)}.aha-toast-success{background-color:#096}.aha-toast-error{background-color:#e7000b}.aha-toast-info{background-color:#1447e6}.aha-toast-question{background-color:#1c1917}.aha-toast-top-left{left:16px;top:16px}.aha-toast-top-right{right:16px;top:16px}.aha-toast-bottom-left{bottom:16px;left:16px}.aha-toast-bottom-right{bottom:16px;right:16px}@media (max-width:640px){.aha-toast-item{margin:0 16px;max-width:calc(100vw - 32px)}.aha-toast-top-left,.aha-toast-top-right{top:8px}.aha-toast-bottom-left,.aha-toast-bottom-right{bottom:8px}}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface AlertComponentProps {
|
|
3
|
-
children: React.ReactNode;
|
|
4
|
-
variant?: 'success' | 'error' | 'warning' | 'info';
|
|
5
|
-
className?: string;
|
|
6
|
-
onClose?: () => void;
|
|
7
|
-
}
|
|
8
|
-
declare const AlertComponent: React.FC<AlertComponentProps>;
|
|
9
|
-
export default AlertComponent;
|