@rovula/ui 0.0.4 → 0.0.5
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/cjs/bundle.css +1207 -0
- package/dist/cjs/bundle.js +2 -0
- package/dist/cjs/bundle.js.map +1 -0
- package/dist/cjs/types/components/Button/Button.d.ts +15 -0
- package/dist/cjs/types/components/Button/Button.styles.d.ts +7 -0
- package/dist/cjs/types/components/Button/Buttons.stories.d.ts +375 -0
- package/dist/cjs/types/components/Text/Text.d.ts +12 -0
- package/dist/cjs/types/components/Text/Text.stories.d.ts +35 -0
- package/dist/cjs/types/index.d.ts +7 -0
- package/dist/components/Button/Button.js +31 -0
- package/dist/components/Button/Button.styles.js +90 -0
- package/dist/components/Button/Buttons.stories.js +66 -0
- package/dist/components/Form/Form.js +106 -0
- package/dist/components/Form/Text.js +6 -0
- package/dist/components/Form/TextInput.js +6 -0
- package/dist/components/Table/Table.js +6 -0
- package/dist/components/Tabs/Tabs.js +8 -0
- package/dist/components/Text/Text.js +6 -0
- package/dist/components/Text/Text.stories.js +73 -0
- package/dist/esm/bundle.css +1207 -0
- package/dist/esm/bundle.js +2 -0
- package/dist/esm/bundle.js.map +1 -0
- package/dist/esm/types/components/Button/Button.d.ts +15 -0
- package/dist/esm/types/components/Button/Button.styles.d.ts +7 -0
- package/dist/esm/types/components/Button/Buttons.stories.d.ts +375 -0
- package/dist/esm/types/components/Form/Form.d.ts +12 -0
- package/dist/esm/types/components/Form/Text.d.ts +9 -0
- package/dist/esm/types/components/Form/TextInput.d.ts +11 -0
- package/dist/esm/types/components/Table/Table.d.ts +11 -0
- package/dist/esm/types/components/Tabs/Tabs.d.ts +11 -0
- package/dist/esm/types/components/Text/Text.d.ts +12 -0
- package/dist/esm/types/components/Text/Text.stories.d.ts +35 -0
- package/dist/esm/types/index.d.ts +7 -0
- package/dist/esm/types/utils/datetime.d.ts +9 -0
- package/dist/index.d.ts +67 -0
- package/dist/index.js +12 -0
- package/dist/src/theme/global.css +1485 -0
- package/dist/theme/global.css +136 -0
- package/dist/theme/main-preset.js +159 -0
- package/dist/theme/plugins/utilities/typography.js +69 -0
- package/dist/theme/presets/colors.js +140 -0
- package/dist/utils/datetime.js +30 -0
- package/package.json +41 -10
- package/src/components/Button/Button.styles.ts +98 -0
- package/src/components/Button/Button.tsx +48 -18
- package/src/components/Button/Buttons.stories.tsx +120 -0
- package/src/components/Text/Text.stories.tsx +112 -0
- package/src/components/Text/Text.tsx +59 -0
- package/src/index.ts +21 -0
- package/src/stories/Typography.mdx +160 -0
- package/src/theme/global.css +136 -0
- package/src/theme/main-preset.js +159 -0
- package/src/theme/plugins/utilities/typography.js +69 -0
- package/src/theme/presets/colors.js +140 -0
- package/dist/main.d.ts +0 -7
- package/dist/main.js +0 -25
- package/dist/src/components/Button/Button.d.ts +0 -12
- package/dist/src/components/Button/Button.js +0 -10
- package/dist/src/components/Form/Form.js +0 -91
- package/dist/src/components/Form/Text.js +0 -10
- package/dist/src/components/Form/TextInput.js +0 -10
- package/dist/src/components/Table/Table.js +0 -13
- package/dist/src/components/Tabs/Tabs.js +0 -33
- package/dist/src/style.css +0 -3
- package/dist/src/utils/datetime.js +0 -37
- package/src/style.css +0 -3
- /package/dist/{src → cjs/types}/components/Form/Form.d.ts +0 -0
- /package/dist/{src → cjs/types}/components/Form/Text.d.ts +0 -0
- /package/dist/{src → cjs/types}/components/Form/TextInput.d.ts +0 -0
- /package/dist/{src → cjs/types}/components/Table/Table.d.ts +0 -0
- /package/dist/{src → cjs/types}/components/Tabs/Tabs.d.ts +0 -0
- /package/dist/{src → cjs/types}/utils/datetime.d.ts +0 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var r=require("react/jsx-runtime"),e=require("tailwind-merge"),t=require("class-variance-authority"),n=require("react"),a=function(){return a=Object.assign||function(r){for(var e,t=1,n=arguments.length;t<n;t++)for(var a in e=arguments[t])Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r},a.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var o=t.cva(["gap-2 font-bold text-white hover:bg-opacity-90 active:scale-[98%]"],{variants:{color:{primary:"bg-primary border-primary text-primary hover:bg-primary-80",secondary:"border-secondary bg-secondary-100 text-secondary-foreground hover:bg-secondary-120",tertiary:"border-tertiary-120 bg-tertiary-120 text-tertiary-120 hover:bg-tertiary-100",success:"border-success bg-success text-success hover:bg-success-120",info:"border-info bg-info text-info hover:bg-info-100",warning:"border-warning bg-warning text-warning hover:bg-warning-100 hover:border-warning-100",error:"border-error bg-error text-error hover:bg-error-120 hover:border-error-120"},size:{sm:"px-3 py-1 text-sm rounded-[--btn-rounded-sm]",md:"px-4 py-2 text-sm rounded-[--btn-rounded-md]",lg:"px-6 py-4 text-base rounded-[--btn-rounded-lg]"},variant:{solid:"border",outline:"border bg-transparent hover:bg-opacity-20",flat:"bg-transparent hover:bg-opacity-20",link:"bg-transparent underline underline-offset-4 hover:bg-transparent hover:text-opacity-80"},disabled:{true:"pointer-events-none border-transparent bg-secondary-110 text-secondary-130"},fullwidth:{true:"w-full"}},compoundVariants:[{variant:["flat","link"],disabled:!0,class:"border-transparent bg-transparent"},{variant:"solid",color:"primary",class:"text-primary-foreground"},{variant:"solid",color:"secondary",class:"text-secondary-foreground"},{variant:"solid",disabled:!0,color:"secondary",class:"text-white"},{variant:"solid",color:"tertiary",class:"text-tertiary-foreground"},{variant:"solid",color:"success",class:"text-success-foreground"},{variant:"solid",color:"info",class:"text-info-foreground"},{variant:"solid",color:"warning",class:"text-warning-foreground"},{variant:"solid",color:"error",class:"text-error-foreground"}],defaultVariants:{size:"md",color:"primary",variant:"solid",fullwidth:!0}}),s=function(r){return String(r).length>10?r/1e3:r},i=function(r){var e=new Date(r);return e.setHours(0,0,0,0),e},d=function(r){var e=new Date(r);return e.setHours(23,59,59,999),e};exports.Button=function(t){var n=t.size,s=void 0===n?"md":n,i=t.color,d=void 0===i?"primary":i,c=t.variant,l=void 0===c?"solid":c,u=t.title,b=t.children,p=t.startIcon,v=t.endIcon,g=t.disabled,f=void 0!==g&&g,y=t.fullwidth,x=void 0!==y&&y,h=t.isLoading,m=void 0!==h&&h,w=t.className,j=function(r,e){var t={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&e.indexOf(n)<0&&(t[n]=r[n]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(r);a<n.length;a++)e.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(r,n[a])&&(t[n[a]]=r[n[a]])}return t}(t,["size","color","variant","title","children","startIcon","endIcon","disabled","fullwidth","isLoading","className"]),O=f||m;return r.jsx("button",a({type:"button"},j,{"aria-disabled":O||void 0,tabIndex:O?-1:0,className:e.twMerge(o({size:s,color:d,variant:l,disabled:f,fullwidth:x}),w),disabled:O,children:r.jsxs(r.Fragment,{children:[p,b||u,v]})}))},exports.Table=function(e){var t=e.columns,n=e.data;return r.jsxs("table",{className:"table",children:[r.jsx("thead",{children:r.jsx("tr",{children:t.map((function(e,t){return r.jsx("th",{children:e.header},t)}))})}),r.jsx("tbody",{children:n.map((function(e,n){return r.jsx("tr",{children:t.map((function(t,n){return r.jsx("td",{children:e[t.accessor]},n)}))},n)}))})]})},exports.Tabs=function(e){var t=e.tabs,a=e.initialTab,o=void 0===a?0:a,s=n.useState(o),i=s[0],d=s[1];return r.jsxs("div",{className:"tabs",children:[r.jsx("div",{className:"tab-buttons",children:t.map((function(e,t){return r.jsx("button",{className:t===i?"active":"",onClick:function(){return d(t)},children:e.label},t)}))}),r.jsx("div",{className:"tab-content",children:t[i].content})]})},exports.Text=function(e){var t=e.variant,n=void 0===t?"body1":t,a=e.tag,o=void 0===a?"p":a,s=e.children,i=e.className,d=e.color,c=e.style;return r.jsx(o,{className:"typography-".concat(n," text-").concat(d," ").concat(i),style:c,children:s})},exports.TextInput=function(e){var t=e.value,n=e.onChange,a=e.placeholder,o=void 0===a?"":a,s=e.type,i=void 0===s?"text":s,d=e.disabled,c=void 0!==d&&d,l=e.className,u=void 0===l?"":l;return r.jsx("input",{className:"text-input ".concat(u),type:i,value:t,onChange:n,placeholder:o,disabled:c})},exports.getEndDateOfDay=d,exports.getStartDateOfDay=i,exports.getStartEndTimestampOfDay=function(){var r=i(new Date);return{startTime:r,endTime:d(r)}},exports.getTimestampUTC=function(r){var e=Date.UTC(r.getFullYear(),r.getMonth(),r.getDate(),r.getHours(),r.getMinutes(),r.getSeconds());return s(e)},exports.resloveTimestamp=s;
|
|
2
|
+
//# sourceMappingURL=bundle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bundle.js","sources":["../../node_modules/tslib/tslib.es6.js","../../src/components/Button/Button.styles.ts","../../src/utils/datetime.ts","../../src/components/Button/Button.tsx","../../src/components/Table/Table.tsx","../../src/components/Tabs/Tabs.tsx","../../src/components/Text/Text.tsx","../../src/components/Form/TextInput.tsx"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n var _, done = false;\r\n for (var i = decorators.length - 1; i >= 0; i--) {\r\n var context = {};\r\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n if (kind === \"accessor\") {\r\n if (result === void 0) continue;\r\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n if (_ = accept(result.get)) descriptor.get = _;\r\n if (_ = accept(result.set)) descriptor.set = _;\r\n if (_ = accept(result.init)) initializers.unshift(_);\r\n }\r\n else if (_ = accept(result)) {\r\n if (kind === \"field\") initializers.unshift(_);\r\n else descriptor[key] = _;\r\n }\r\n }\r\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n var useValue = arguments.length > 2;\r\n for (var i = 0; i < initializers.length; i++) {\r\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n }\r\n return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n if (value !== null && value !== void 0) {\r\n if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n var dispose;\r\n if (async) {\r\n if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n dispose = value[Symbol.asyncDispose];\r\n }\r\n if (dispose === void 0) {\r\n if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n dispose = value[Symbol.dispose];\r\n }\r\n if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n env.stack.push({ value: value, dispose: dispose, async: async });\r\n }\r\n else if (async) {\r\n env.stack.push({ async: true });\r\n }\r\n return value;\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n var e = new Error(message);\r\n return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n function fail(e) {\r\n env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n env.hasError = true;\r\n }\r\n function next() {\r\n while (env.stack.length) {\r\n var rec = env.stack.pop();\r\n try {\r\n var result = rec.dispose && rec.dispose.call(rec.value);\r\n if (rec.async) return Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n }\r\n catch (e) {\r\n fail(e);\r\n }\r\n }\r\n if (env.hasError) throw env.error;\r\n }\r\n return next();\r\n}\r\n\r\nexport default {\r\n __extends: __extends,\r\n __assign: __assign,\r\n __rest: __rest,\r\n __decorate: __decorate,\r\n __param: __param,\r\n __metadata: __metadata,\r\n __awaiter: __awaiter,\r\n __generator: __generator,\r\n __createBinding: __createBinding,\r\n __exportStar: __exportStar,\r\n __values: __values,\r\n __read: __read,\r\n __spread: __spread,\r\n __spreadArrays: __spreadArrays,\r\n __spreadArray: __spreadArray,\r\n __await: __await,\r\n __asyncGenerator: __asyncGenerator,\r\n __asyncDelegator: __asyncDelegator,\r\n __asyncValues: __asyncValues,\r\n __makeTemplateObject: __makeTemplateObject,\r\n __importStar: __importStar,\r\n __importDefault: __importDefault,\r\n __classPrivateFieldGet: __classPrivateFieldGet,\r\n __classPrivateFieldSet: __classPrivateFieldSet,\r\n __classPrivateFieldIn: __classPrivateFieldIn,\r\n __addDisposableResource: __addDisposableResource,\r\n __disposeResources: __disposeResources,\r\n};\r\n","import { cva } from \"class-variance-authority\";\nexport var buttonCva = cva([\n // \"inline-flex items-center justify-center align-middle no-underline transition-colors ease-in-out duration-300\",\n // \"font-sans appearance-none select-none rounded-sm border font-medium tracking-[.02857em]\",\n // \"aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:cursor-not-allowed\",\n \"gap-2 font-bold text-white hover:bg-opacity-90 active:scale-[98%]\",\n], {\n variants: {\n color: {\n primary: \"bg-primary border-primary text-primary hover:bg-primary-80\",\n secondary: \"border-secondary bg-secondary-100 text-secondary-foreground hover:bg-secondary-120\",\n tertiary: \"border-tertiary-120 bg-tertiary-120 text-tertiary-120 hover:bg-tertiary-100\",\n success: \"border-success bg-success text-success hover:bg-success-120\",\n info: \"border-info bg-info text-info hover:bg-info-100\",\n warning: \"border-warning bg-warning text-warning hover:bg-warning-100 hover:border-warning-100\",\n error: \"border-error bg-error text-error hover:bg-error-120 hover:border-error-120\",\n },\n size: {\n sm: \"px-3 py-1 text-sm rounded-[--btn-rounded-sm]\",\n md: \"px-4 py-2 text-sm rounded-[--btn-rounded-md]\",\n lg: \"px-6 py-4 text-base rounded-[--btn-rounded-lg]\",\n },\n variant: {\n solid: \"border\",\n outline: \"border bg-transparent hover:bg-opacity-20\",\n flat: \"bg-transparent hover:bg-opacity-20\",\n link: \"bg-transparent underline underline-offset-4 hover:bg-transparent hover:text-opacity-80\",\n },\n disabled: {\n true: \"pointer-events-none border-transparent bg-secondary-110 text-secondary-130\",\n },\n fullwidth: {\n true: \"w-full\",\n },\n },\n compoundVariants: [\n {\n variant: [\"flat\", \"link\"],\n disabled: true,\n class: \"border-transparent bg-transparent\",\n },\n {\n variant: \"solid\",\n color: \"primary\",\n class: \"text-primary-foreground\",\n },\n {\n variant: \"solid\",\n color: \"secondary\",\n class: \"text-secondary-foreground\",\n },\n {\n variant: \"solid\",\n disabled: true,\n color: \"secondary\",\n class: \"text-white\",\n },\n {\n variant: \"solid\",\n color: \"tertiary\",\n class: \"text-tertiary-foreground\",\n },\n {\n variant: \"solid\",\n color: \"success\",\n class: \"text-success-foreground\",\n },\n {\n variant: \"solid\",\n color: \"info\",\n class: \"text-info-foreground\",\n },\n {\n variant: \"solid\",\n color: \"warning\",\n class: \"text-warning-foreground\",\n },\n {\n variant: \"solid\",\n color: \"error\",\n class: \"text-error-foreground\",\n },\n ],\n defaultVariants: {\n size: \"md\",\n color: \"primary\",\n variant: \"solid\",\n fullwidth: true,\n },\n});\n","var resloveTimestamp = function (timestamp) {\n if (String(timestamp).length > 10)\n return timestamp / 1000;\n return timestamp;\n};\n// Set the time to the start of the day (00:00:00)\nvar getStartDateOfDay = function (date) {\n var startDate = new Date(date);\n startDate.setHours(0, 0, 0, 0);\n return startDate;\n};\n// Set the time to the end of the day (23:59:59.999)\nvar getEndDateOfDay = function (date) {\n var startDate = new Date(date);\n startDate.setHours(23, 59, 59, 999);\n return startDate;\n};\nvar getStartEndTimestampOfDay = function () {\n var startTime = getStartDateOfDay(new Date());\n var endTime = getEndDateOfDay(startTime);\n return {\n startTime: startTime,\n endTime: endTime,\n };\n};\nvar getTimestampUTC = function (date) {\n var dateUtc = Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds());\n return resloveTimestamp(dateUtc);\n};\nexport { resloveTimestamp, getStartDateOfDay, getEndDateOfDay, getStartEndTimestampOfDay, getTimestampUTC, };\n","import { __assign, __rest } from \"tslib\";\nimport { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from \"react/jsx-runtime\";\nimport { twMerge } from \"tailwind-merge\";\nimport { buttonCva } from \"./Button.styles\";\nvar Button = function (_a) {\n var _b = _a.size, size = _b === void 0 ? \"md\" : _b, _c = _a.color, color = _c === void 0 ? \"primary\" : _c, _d = _a.variant, variant = _d === void 0 ? \"solid\" : _d, title = _a.title, children = _a.children, startIcon = _a.startIcon, endIcon = _a.endIcon, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.fullwidth, fullwidth = _f === void 0 ? false : _f, _g = _a.isLoading, isLoading = _g === void 0 ? false : _g, className = _a.className, props = __rest(_a, [\"size\", \"color\", \"variant\", \"title\", \"children\", \"startIcon\", \"endIcon\", \"disabled\", \"fullwidth\", \"isLoading\", \"className\"]);\n var isDisabled = disabled || isLoading;\n return (_jsx(\"button\", __assign({ type: \"button\" }, props, { \"aria-disabled\": isDisabled || undefined, tabIndex: isDisabled ? -1 : 0, className: twMerge(buttonCva({ size: size, color: color, variant: variant, disabled: disabled, fullwidth: fullwidth }), className), disabled: isDisabled, children: _jsxs(_Fragment, { children: [startIcon, children || title, endIcon] }) })));\n};\nexport default Button;\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nvar Table = function (_a) {\n var columns = _a.columns, data = _a.data;\n return (_jsxs(\"table\", { className: \"table\", children: [_jsx(\"thead\", { children: _jsx(\"tr\", { children: columns.map(function (column, index) { return (_jsx(\"th\", { children: column.header }, index)); }) }) }), _jsx(\"tbody\", { children: data.map(function (row, rowIndex) { return (_jsx(\"tr\", { children: columns.map(function (column, colIndex) { return (_jsx(\"td\", { children: row[column.accessor] }, colIndex)); }) }, rowIndex)); }) })] }));\n};\nexport default Table;\n","import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState } from \"react\";\nvar Tabs = function (_a) {\n var tabs = _a.tabs, _b = _a.initialTab, initialTab = _b === void 0 ? 0 : _b;\n var _c = useState(initialTab), activeTab = _c[0], setActiveTab = _c[1];\n return (_jsxs(\"div\", { className: \"tabs\", children: [_jsx(\"div\", { className: \"tab-buttons\", children: tabs.map(function (tab, index) { return (_jsx(\"button\", { className: index === activeTab ? \"active\" : \"\", onClick: function () { return setActiveTab(index); }, children: tab.label }, index)); }) }), _jsx(\"div\", { className: \"tab-content\", children: tabs[activeTab].content })] }));\n};\nexport default Tabs;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nvar Text = function (_a) {\n var _b = _a.variant, variant = _b === void 0 ? \"body1\" : _b, _c = _a.tag, Tag = _c === void 0 ? \"p\" : _c, children = _a.children, className = _a.className, color = _a.color, style = _a.style;\n return (_jsx(Tag, { className: \"typography-\".concat(variant, \" text-\").concat(color, \" \").concat(className), style: style, children: children }));\n};\nexport default Text;\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nvar TextInput = function (_a) {\n var value = _a.value, onChange = _a.onChange, _b = _a.placeholder, placeholder = _b === void 0 ? '' : _b, _c = _a.type, type = _c === void 0 ? 'text' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? '' : _e;\n return (_jsx(\"input\", { className: \"text-input \".concat(className), type: type, value: value, onChange: onChange, placeholder: placeholder, disabled: disabled }));\n};\nexport default TextInput;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","SuppressedError","buttonCva","cva","variants","color","primary","secondary","tertiary","success","info","warning","error","size","sm","md","lg","variant","solid","outline","flat","link","disabled","true","fullwidth","compoundVariants","class","defaultVariants","resloveTimestamp","timestamp","String","getStartDateOfDay","date","startDate","Date","setHours","getEndDateOfDay","_a","_b","_c","_d","title","children","startIcon","endIcon","_e","_f","_g","isLoading","className","props","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","__rest","isDisabled","_jsx","jsx","type","undefined","tabIndex","twMerge","_jsxs","jsxs","_Fragment","columns","data","map","column","index","header","row","rowIndex","colIndex","accessor","tabs","initialTab","useState","activeTab","setActiveTab","tab","onClick","label","content","tag","Tag","style","concat","value","onChange","placeholder","startTime","endTime","dateUtc","UTC","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React, { FC, ReactElement } from "react";
|
|
2
|
+
type ButtonProps = {
|
|
3
|
+
title?: string;
|
|
4
|
+
size?: "sm" | "md" | "lg";
|
|
5
|
+
color?: "primary" | "secondary" | "success" | "tertiary" | "info" | "warning" | "error";
|
|
6
|
+
variant?: "solid" | "outline" | "flat" | "link";
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
isLoading?: boolean;
|
|
9
|
+
fullwidth?: boolean;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
startIcon?: ReactElement;
|
|
12
|
+
endIcon?: ReactElement;
|
|
13
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
14
|
+
declare const Button: FC<ButtonProps>;
|
|
15
|
+
export default Button;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const buttonCva: (props?: ({
|
|
2
|
+
color?: "primary" | "secondary" | "tertiary" | "success" | "info" | "warning" | "error" | null | undefined;
|
|
3
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
4
|
+
variant?: "solid" | "outline" | "flat" | "link" | null | undefined;
|
|
5
|
+
disabled?: boolean | null | undefined;
|
|
6
|
+
fullwidth?: boolean | null | undefined;
|
|
7
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
@@ -0,0 +1,375 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: React.FC<{
|
|
5
|
+
title?: string | undefined;
|
|
6
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
7
|
+
color?: "primary" | "secondary" | "tertiary" | "success" | "info" | "warning" | "error" | undefined;
|
|
8
|
+
variant?: "solid" | "outline" | "flat" | "link" | undefined;
|
|
9
|
+
disabled?: boolean | undefined;
|
|
10
|
+
isLoading?: boolean | undefined;
|
|
11
|
+
fullwidth?: boolean | undefined;
|
|
12
|
+
children?: React.ReactNode;
|
|
13
|
+
startIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
14
|
+
endIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
15
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement>>;
|
|
16
|
+
tags: string[];
|
|
17
|
+
parameters: {
|
|
18
|
+
layout: string;
|
|
19
|
+
};
|
|
20
|
+
decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
21
|
+
title?: string | undefined;
|
|
22
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
23
|
+
color?: "primary" | "secondary" | "tertiary" | "success" | "info" | "warning" | "error" | undefined;
|
|
24
|
+
variant?: "solid" | "outline" | "flat" | "link" | undefined;
|
|
25
|
+
disabled?: boolean | undefined;
|
|
26
|
+
isLoading?: boolean | undefined;
|
|
27
|
+
fullwidth?: boolean | undefined;
|
|
28
|
+
children?: React.ReactNode;
|
|
29
|
+
startIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
30
|
+
endIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
31
|
+
form?: string | undefined;
|
|
32
|
+
formAction?: string | undefined;
|
|
33
|
+
formEncType?: string | undefined;
|
|
34
|
+
formMethod?: string | undefined;
|
|
35
|
+
formNoValidate?: boolean | undefined;
|
|
36
|
+
formTarget?: string | undefined;
|
|
37
|
+
name?: string | undefined;
|
|
38
|
+
type?: "button" | "submit" | "reset" | undefined;
|
|
39
|
+
value?: string | number | readonly string[] | undefined;
|
|
40
|
+
defaultChecked?: boolean | undefined;
|
|
41
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
42
|
+
suppressContentEditableWarning?: boolean | undefined;
|
|
43
|
+
suppressHydrationWarning?: boolean | undefined;
|
|
44
|
+
accessKey?: string | undefined;
|
|
45
|
+
autoFocus?: boolean | undefined;
|
|
46
|
+
className?: string | undefined;
|
|
47
|
+
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
48
|
+
contextMenu?: string | undefined;
|
|
49
|
+
dir?: string | undefined;
|
|
50
|
+
draggable?: (boolean | "true" | "false") | undefined;
|
|
51
|
+
hidden?: boolean | undefined;
|
|
52
|
+
id?: string | undefined;
|
|
53
|
+
lang?: string | undefined;
|
|
54
|
+
nonce?: string | undefined;
|
|
55
|
+
slot?: string | undefined;
|
|
56
|
+
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
57
|
+
style?: React.CSSProperties | undefined;
|
|
58
|
+
tabIndex?: number | undefined;
|
|
59
|
+
translate?: "yes" | "no" | undefined;
|
|
60
|
+
radioGroup?: string | undefined;
|
|
61
|
+
role?: React.AriaRole | undefined;
|
|
62
|
+
about?: string | undefined;
|
|
63
|
+
content?: string | undefined;
|
|
64
|
+
datatype?: string | undefined;
|
|
65
|
+
inlist?: any;
|
|
66
|
+
prefix?: string | undefined;
|
|
67
|
+
property?: string | undefined;
|
|
68
|
+
rel?: string | undefined;
|
|
69
|
+
resource?: string | undefined;
|
|
70
|
+
rev?: string | undefined;
|
|
71
|
+
typeof?: string | undefined;
|
|
72
|
+
vocab?: string | undefined;
|
|
73
|
+
autoCapitalize?: string | undefined;
|
|
74
|
+
autoCorrect?: string | undefined;
|
|
75
|
+
autoSave?: string | undefined;
|
|
76
|
+
itemProp?: string | undefined;
|
|
77
|
+
itemScope?: boolean | undefined;
|
|
78
|
+
itemType?: string | undefined;
|
|
79
|
+
itemID?: string | undefined;
|
|
80
|
+
itemRef?: string | undefined;
|
|
81
|
+
results?: number | undefined;
|
|
82
|
+
security?: string | undefined;
|
|
83
|
+
unselectable?: "on" | "off" | undefined;
|
|
84
|
+
inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
85
|
+
is?: string | undefined;
|
|
86
|
+
"aria-activedescendant"?: string | undefined;
|
|
87
|
+
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
88
|
+
"aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
|
|
89
|
+
"aria-braillelabel"?: string | undefined;
|
|
90
|
+
"aria-brailleroledescription"?: string | undefined;
|
|
91
|
+
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
92
|
+
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
93
|
+
"aria-colcount"?: number | undefined;
|
|
94
|
+
"aria-colindex"?: number | undefined;
|
|
95
|
+
"aria-colindextext"?: string | undefined;
|
|
96
|
+
"aria-colspan"?: number | undefined;
|
|
97
|
+
"aria-controls"?: string | undefined;
|
|
98
|
+
"aria-current"?: boolean | "true" | "false" | "date" | "time" | "page" | "step" | "location" | undefined;
|
|
99
|
+
"aria-describedby"?: string | undefined;
|
|
100
|
+
"aria-description"?: string | undefined;
|
|
101
|
+
"aria-details"?: string | undefined;
|
|
102
|
+
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
103
|
+
"aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
|
|
104
|
+
"aria-errormessage"?: string | undefined;
|
|
105
|
+
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
106
|
+
"aria-flowto"?: string | undefined;
|
|
107
|
+
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
108
|
+
"aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
|
|
109
|
+
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
110
|
+
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
111
|
+
"aria-keyshortcuts"?: string | undefined;
|
|
112
|
+
"aria-label"?: string | undefined;
|
|
113
|
+
"aria-labelledby"?: string | undefined;
|
|
114
|
+
"aria-level"?: number | undefined;
|
|
115
|
+
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
116
|
+
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
117
|
+
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
118
|
+
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
119
|
+
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
120
|
+
"aria-owns"?: string | undefined;
|
|
121
|
+
"aria-placeholder"?: string | undefined;
|
|
122
|
+
"aria-posinset"?: number | undefined;
|
|
123
|
+
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
124
|
+
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
125
|
+
"aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
126
|
+
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
127
|
+
"aria-roledescription"?: string | undefined;
|
|
128
|
+
"aria-rowcount"?: number | undefined;
|
|
129
|
+
"aria-rowindex"?: number | undefined;
|
|
130
|
+
"aria-rowindextext"?: string | undefined;
|
|
131
|
+
"aria-rowspan"?: number | undefined;
|
|
132
|
+
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
133
|
+
"aria-setsize"?: number | undefined;
|
|
134
|
+
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
135
|
+
"aria-valuemax"?: number | undefined;
|
|
136
|
+
"aria-valuemin"?: number | undefined;
|
|
137
|
+
"aria-valuenow"?: number | undefined;
|
|
138
|
+
"aria-valuetext"?: string | undefined;
|
|
139
|
+
dangerouslySetInnerHTML?: {
|
|
140
|
+
__html: string | TrustedHTML;
|
|
141
|
+
} | undefined;
|
|
142
|
+
onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
143
|
+
onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
144
|
+
onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
145
|
+
onCutCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
146
|
+
onPaste?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
147
|
+
onPasteCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
148
|
+
onCompositionEnd?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
|
|
149
|
+
onCompositionEndCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
|
|
150
|
+
onCompositionStart?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
|
|
151
|
+
onCompositionStartCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
|
|
152
|
+
onCompositionUpdate?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
|
|
153
|
+
onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
|
|
154
|
+
onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;
|
|
155
|
+
onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
|
|
156
|
+
onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
|
|
157
|
+
onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
|
|
158
|
+
onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
159
|
+
onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
160
|
+
onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
161
|
+
onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
162
|
+
onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
163
|
+
onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
164
|
+
onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
165
|
+
onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
166
|
+
onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
167
|
+
onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
168
|
+
onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
169
|
+
onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
170
|
+
onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
171
|
+
onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
172
|
+
onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
173
|
+
onErrorCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
174
|
+
onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
|
|
175
|
+
onKeyDownCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
|
|
176
|
+
onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
|
|
177
|
+
onKeyPressCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
|
|
178
|
+
onKeyUp?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
|
|
179
|
+
onKeyUpCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
|
|
180
|
+
onAbort?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
181
|
+
onAbortCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
182
|
+
onCanPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
183
|
+
onCanPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
184
|
+
onCanPlayThrough?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
185
|
+
onCanPlayThroughCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
186
|
+
onDurationChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
187
|
+
onDurationChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
188
|
+
onEmptied?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
189
|
+
onEmptiedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
190
|
+
onEncrypted?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
191
|
+
onEncryptedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
192
|
+
onEnded?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
193
|
+
onEndedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
194
|
+
onLoadedData?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
195
|
+
onLoadedDataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
196
|
+
onLoadedMetadata?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
197
|
+
onLoadedMetadataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
198
|
+
onLoadStart?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
199
|
+
onLoadStartCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
200
|
+
onPause?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
201
|
+
onPauseCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
202
|
+
onPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
203
|
+
onPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
204
|
+
onPlaying?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
205
|
+
onPlayingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
206
|
+
onProgress?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
207
|
+
onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
208
|
+
onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
209
|
+
onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
210
|
+
onResize?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
211
|
+
onResizeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
212
|
+
onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
213
|
+
onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
214
|
+
onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
215
|
+
onSeekingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
216
|
+
onStalled?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
217
|
+
onStalledCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
218
|
+
onSuspend?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
219
|
+
onSuspendCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
220
|
+
onTimeUpdate?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
221
|
+
onTimeUpdateCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
222
|
+
onVolumeChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
223
|
+
onVolumeChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
224
|
+
onWaiting?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
225
|
+
onWaitingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
226
|
+
onAuxClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
227
|
+
onAuxClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
228
|
+
onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
229
|
+
onClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
230
|
+
onContextMenu?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
231
|
+
onContextMenuCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
232
|
+
onDoubleClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
233
|
+
onDoubleClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
234
|
+
onDrag?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
235
|
+
onDragCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
236
|
+
onDragEnd?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
237
|
+
onDragEndCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
238
|
+
onDragEnter?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
239
|
+
onDragEnterCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
240
|
+
onDragExit?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
241
|
+
onDragExitCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
242
|
+
onDragLeave?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
243
|
+
onDragLeaveCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
244
|
+
onDragOver?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
245
|
+
onDragOverCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
246
|
+
onDragStart?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
247
|
+
onDragStartCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
248
|
+
onDrop?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
249
|
+
onDropCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
|
|
250
|
+
onMouseDown?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
251
|
+
onMouseDownCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
252
|
+
onMouseEnter?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
253
|
+
onMouseLeave?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
254
|
+
onMouseMove?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
255
|
+
onMouseMoveCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
256
|
+
onMouseOut?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
257
|
+
onMouseOutCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
258
|
+
onMouseOver?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
259
|
+
onMouseOverCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
260
|
+
onMouseUp?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
261
|
+
onMouseUpCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
262
|
+
onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
263
|
+
onSelectCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
264
|
+
onTouchCancel?: React.TouchEventHandler<HTMLButtonElement> | undefined;
|
|
265
|
+
onTouchCancelCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
|
|
266
|
+
onTouchEnd?: React.TouchEventHandler<HTMLButtonElement> | undefined;
|
|
267
|
+
onTouchEndCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
|
|
268
|
+
onTouchMove?: React.TouchEventHandler<HTMLButtonElement> | undefined;
|
|
269
|
+
onTouchMoveCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
|
|
270
|
+
onTouchStart?: React.TouchEventHandler<HTMLButtonElement> | undefined;
|
|
271
|
+
onTouchStartCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
|
|
272
|
+
onPointerDown?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
273
|
+
onPointerDownCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
274
|
+
onPointerMove?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
275
|
+
onPointerMoveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
276
|
+
onPointerUp?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
277
|
+
onPointerUpCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
278
|
+
onPointerCancel?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
279
|
+
onPointerCancelCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
280
|
+
onPointerEnter?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
281
|
+
onPointerLeave?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
282
|
+
onPointerOver?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
283
|
+
onPointerOverCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
284
|
+
onPointerOut?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
285
|
+
onPointerOutCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
286
|
+
onGotPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
287
|
+
onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
288
|
+
onLostPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
289
|
+
onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
|
|
290
|
+
onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
|
|
291
|
+
onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
|
|
292
|
+
onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
|
|
293
|
+
onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
|
|
294
|
+
onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
|
|
295
|
+
onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
|
|
296
|
+
onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
|
|
297
|
+
onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
|
|
298
|
+
onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
|
|
299
|
+
onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
|
|
300
|
+
onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
301
|
+
onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
302
|
+
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
303
|
+
};
|
|
304
|
+
export default meta;
|
|
305
|
+
export declare const Solid: {
|
|
306
|
+
args: {
|
|
307
|
+
title: string;
|
|
308
|
+
};
|
|
309
|
+
render: (args: {
|
|
310
|
+
title?: string | undefined;
|
|
311
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
312
|
+
color?: "primary" | "secondary" | "tertiary" | "success" | "info" | "warning" | "error" | undefined;
|
|
313
|
+
variant?: "solid" | "outline" | "flat" | "link" | undefined;
|
|
314
|
+
disabled?: boolean | undefined;
|
|
315
|
+
isLoading?: boolean | undefined;
|
|
316
|
+
fullwidth?: boolean | undefined;
|
|
317
|
+
children?: React.ReactNode;
|
|
318
|
+
startIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
319
|
+
endIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
320
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
|
|
321
|
+
};
|
|
322
|
+
export declare const Outline: {
|
|
323
|
+
args: {
|
|
324
|
+
title: string;
|
|
325
|
+
variant: "outline";
|
|
326
|
+
};
|
|
327
|
+
render: (args: {
|
|
328
|
+
title?: string | undefined;
|
|
329
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
330
|
+
color?: "primary" | "secondary" | "tertiary" | "success" | "info" | "warning" | "error" | undefined;
|
|
331
|
+
variant?: "solid" | "outline" | "flat" | "link" | undefined;
|
|
332
|
+
disabled?: boolean | undefined;
|
|
333
|
+
isLoading?: boolean | undefined;
|
|
334
|
+
fullwidth?: boolean | undefined;
|
|
335
|
+
children?: React.ReactNode;
|
|
336
|
+
startIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
337
|
+
endIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
338
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
|
|
339
|
+
};
|
|
340
|
+
export declare const Flat: {
|
|
341
|
+
args: {
|
|
342
|
+
title: string;
|
|
343
|
+
variant: "flat";
|
|
344
|
+
};
|
|
345
|
+
render: (args: {
|
|
346
|
+
title?: string | undefined;
|
|
347
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
348
|
+
color?: "primary" | "secondary" | "tertiary" | "success" | "info" | "warning" | "error" | undefined;
|
|
349
|
+
variant?: "solid" | "outline" | "flat" | "link" | undefined;
|
|
350
|
+
disabled?: boolean | undefined;
|
|
351
|
+
isLoading?: boolean | undefined;
|
|
352
|
+
fullwidth?: boolean | undefined;
|
|
353
|
+
children?: React.ReactNode;
|
|
354
|
+
startIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
355
|
+
endIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
356
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
|
|
357
|
+
};
|
|
358
|
+
export declare const Link: {
|
|
359
|
+
args: {
|
|
360
|
+
title: string;
|
|
361
|
+
variant: "link";
|
|
362
|
+
};
|
|
363
|
+
render: (args: {
|
|
364
|
+
title?: string | undefined;
|
|
365
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
366
|
+
color?: "primary" | "secondary" | "tertiary" | "success" | "info" | "warning" | "error" | undefined;
|
|
367
|
+
variant?: "solid" | "outline" | "flat" | "link" | undefined;
|
|
368
|
+
disabled?: boolean | undefined;
|
|
369
|
+
isLoading?: boolean | undefined;
|
|
370
|
+
fullwidth?: boolean | undefined;
|
|
371
|
+
children?: React.ReactNode;
|
|
372
|
+
startIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
373
|
+
endIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
374
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
|
|
375
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React, { FC } from "react";
|
|
2
|
+
type TextProps = {
|
|
3
|
+
variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitile1" | "subtitile2" | "subtitile3" | "subtitile4" | "subtitile5" | "subtitile6" | "body1" | "body2" | "body3" | "body4" | "small1" | "small2" | "small3" | "label1" | "label2";
|
|
4
|
+
color?: "primary" | "secondary" | "success" | "tertiary" | "info" | "warning" | "error";
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
className?: string;
|
|
7
|
+
tag?: keyof JSX.IntrinsicElements;
|
|
8
|
+
style?: React.CSSProperties;
|
|
9
|
+
id?: string;
|
|
10
|
+
};
|
|
11
|
+
declare const Text: FC<TextProps>;
|
|
12
|
+
export default Text;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: React.FC<{
|
|
5
|
+
variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitile1" | "subtitile2" | "subtitile3" | "subtitile4" | "subtitile5" | "subtitile6" | "body1" | "body2" | "body3" | "body4" | "small1" | "small2" | "small3" | "label1" | "label2" | undefined;
|
|
6
|
+
color?: "primary" | "secondary" | "tertiary" | "success" | "info" | "warning" | "error" | undefined;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
className?: string | undefined;
|
|
9
|
+
tag?: keyof JSX.IntrinsicElements | undefined;
|
|
10
|
+
style?: React.CSSProperties | undefined;
|
|
11
|
+
id?: string | undefined;
|
|
12
|
+
}>;
|
|
13
|
+
tags: string[];
|
|
14
|
+
parameters: {
|
|
15
|
+
layout: string;
|
|
16
|
+
};
|
|
17
|
+
decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
18
|
+
variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitile1" | "subtitile2" | "subtitile3" | "subtitile4" | "subtitile5" | "subtitile6" | "body1" | "body2" | "body3" | "body4" | "small1" | "small2" | "small3" | "label1" | "label2" | undefined;
|
|
19
|
+
color?: "primary" | "secondary" | "tertiary" | "success" | "info" | "warning" | "error" | undefined;
|
|
20
|
+
children?: React.ReactNode;
|
|
21
|
+
className?: string | undefined;
|
|
22
|
+
tag?: keyof JSX.IntrinsicElements | undefined;
|
|
23
|
+
style?: React.CSSProperties | undefined;
|
|
24
|
+
id?: string | undefined;
|
|
25
|
+
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
26
|
+
};
|
|
27
|
+
export default meta;
|
|
28
|
+
export declare const Default: {
|
|
29
|
+
args: {};
|
|
30
|
+
render: (args: {}) => import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
};
|
|
32
|
+
export declare const Color: {
|
|
33
|
+
args: {};
|
|
34
|
+
render: (args: {}) => import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import "./theme/global.css";
|
|
2
|
+
export { default as Button } from "./components/Button/Button";
|
|
3
|
+
export { default as Table } from "./components/Table/Table";
|
|
4
|
+
export { default as TextInput } from "./components/Form/TextInput";
|
|
5
|
+
export { default as Text } from "./components/Text/Text";
|
|
6
|
+
export { default as Tabs } from "./components/Tabs/Tabs";
|
|
7
|
+
export { resloveTimestamp, getStartDateOfDay, getEndDateOfDay, getStartEndTimestampOfDay, getTimestampUTC, } from "./utils/datetime";
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
+
import { twMerge } from "tailwind-merge";
|
|
25
|
+
import { buttonCva } from "./Button.styles";
|
|
26
|
+
var Button = function (_a) {
|
|
27
|
+
var _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.color, color = _c === void 0 ? "primary" : _c, _d = _a.variant, variant = _d === void 0 ? "solid" : _d, title = _a.title, children = _a.children, startIcon = _a.startIcon, endIcon = _a.endIcon, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.fullwidth, fullwidth = _f === void 0 ? false : _f, _g = _a.isLoading, isLoading = _g === void 0 ? false : _g, className = _a.className, props = __rest(_a, ["size", "color", "variant", "title", "children", "startIcon", "endIcon", "disabled", "fullwidth", "isLoading", "className"]);
|
|
28
|
+
var isDisabled = disabled || isLoading;
|
|
29
|
+
return (_jsx("button", __assign({ type: "button" }, props, { "aria-disabled": isDisabled || undefined, tabIndex: isDisabled ? -1 : 0, className: twMerge(buttonCva({ size: size, color: color, variant: variant, disabled: disabled, fullwidth: fullwidth }), className), disabled: isDisabled, children: _jsxs(_Fragment, { children: [startIcon, children || title, endIcon] }) })));
|
|
30
|
+
};
|
|
31
|
+
export default Button;
|