@drdex0101/water-design-system 1.0.1

package/dist/water-design-system.umd.js

@@ -0,0 +1,22 @@
+(function(t,T){typeof exports=="object"&&typeof module<"u"?T(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],T):(t=typeof globalThis<"u"?globalThis:t||self,T(t.WaterDesignSystem={},t.React))})(this,function(t,T){"use strict";var j={exports:{}},F={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var U;function ge(){if(U)return F;U=1;var s=Symbol.for("react.transitional.element"),_=Symbol.for("react.fragment");function O(P,h,y){var z=null;if(y!==void 0&&(z=""+y),h.key!==void 0&&(z=""+h.key),"key"in h){y={};for(var A in h)A!=="key"&&(y[A]=h[A])}else y=h;return h=y.ref,{$$typeof:s,type:P,key:z,ref:h!==void 0?h:null,props:y}}return F.Fragment=_,F.jsx=O,F.jsxs=O,F}var W={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var V;function he(){return V||(V=1,process.env.NODE_ENV!=="production"&&function(){function s(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ct?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case L:return"Fragment";case et:return"Profiler";case Ke:return"StrictMode";case rt:return"Suspense";case it:return"SuspenseList";case lt:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case Qe:return"Portal";case nt:return e.displayName||"Context";case tt:return(e._context.displayName||"Context")+".Consumer";case ot:var n=e.render;return e=e.displayName,e||(e=n.displayName||n.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case at:return n=e.displayName||null,n!==null?n:s(e.type)||"Memo";case B:n=e._payload,e=e._init;try{return s(e(n))}catch{}}return null}function _(e){return""+e}function O(e){try{_(e);var n=!1}catch{n=!0}if(n){n=console;var l=n.error,f=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return l.call(n,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",f),_(e)}}function P(e){if(e===L)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===B)return"<...>";try{var n=s(e);return n?"<"+n+">":"<...>"}catch{return"<...>"}}function h(){var e=D.A;return e===null?null:e.getOwner()}function y(){return Error("react-stack-top-frame")}function z(e){if(fe.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function A(e,n){function l(){de||(de=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",n))}l.isReactWarning=!0,Object.defineProperty(e,"key",{get:l,configurable:!0})}function Ze(){var e=s(this.type);return se[e]||(se[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function xe(e,n,l,f,H,I){var d=l.ref;return e={$$typeof:ce,type:e,key:n,props:l,_owner:f},(d!==void 0?d:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:Ze}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:H}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:I}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function ie(e,n,l,f,H,I){var d=n.children;if(d!==void 0)if(f)if(ft(d)){for(f=0;f<d.length;f++)ae(d[f]);Object.freeze&&Object.freeze(d)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else ae(d);if(fe.call(n,"key")){d=s(e);var v=Object.keys(n).filter(function(dt){return dt!=="key"});f=0<v.length?"{key: someKey, "+v.join(": ..., ")+": ...}":"{key: someKey}",be[d+f]||(v=0<v.length?"{"+v.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,f,d,v,d),be[d+f]=!0)}if(d=null,l!==void 0&&(O(l),d=""+l),z(n)&&(O(n.key),d=""+n.key),"key"in n){l={};for(var $ in n)$!=="key"&&(l[$]=n[$])}else l=n;return d&&A(l,typeof e=="function"?e.displayName||e.name||"Unknown":e),xe(e,d,l,h(),H,I)}function ae(e){le(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===B&&(e._payload.status==="fulfilled"?le(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function le(e){return typeof e=="object"&&e!==null&&e.$$typeof===ce}var M=T,ce=Symbol.for("react.transitional.element"),Qe=Symbol.for("react.portal"),L=Symbol.for("react.fragment"),Ke=Symbol.for("react.strict_mode"),et=Symbol.for("react.profiler"),tt=Symbol.for("react.consumer"),nt=Symbol.for("react.context"),ot=Symbol.for("react.forward_ref"),rt=Symbol.for("react.suspense"),it=Symbol.for("react.suspense_list"),at=Symbol.for("react.memo"),B=Symbol.for("react.lazy"),lt=Symbol.for("react.activity"),ct=Symbol.for("react.client.reference"),D=M.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,fe=Object.prototype.hasOwnProperty,ft=Array.isArray,Y=console.createTask?console.createTask:function(){return null};M={react_stack_bottom_frame:function(e){return e()}};var de,se={},ue=M.react_stack_bottom_frame.bind(M,y)(),me=Y(P(y)),be={};W.Fragment=L,W.jsx=function(e,n,l){var f=1e4>D.recentlyCreatedOwnerStacks++;return ie(e,n,l,!1,f?Error("react-stack-top-frame"):ue,f?Y(P(e)):me)},W.jsxs=function(e,n,l){var f=1e4>D.recentlyCreatedOwnerStacks++;return ie(e,n,l,!0,f?Error("react-stack-top-frame"):ue,f?Y(P(e)):me)}}()),W}process.env.NODE_ENV==="production"?j.exports=ge():j.exports=he();var ye=j.exports;const S={50:"#fdecec",100:"#fac5c5",200:"#f8a9a9",300:"#f48282",400:"#f26969",500:"#ef4444",600:"#d93e3e",700:"#aa3030",800:"#832525",900:"#641d1d"},k={50:"#fdf1e6",100:"#f8d4b0",200:"#f4bf8a",300:"#efa154",400:"#ec8f33",500:"#e77300",600:"#d26900",700:"#a45200",800:"#7f3f00",900:"#613000"},p={50:"#fef7e6",100:"#fae7b0",200:"#f8db8a",300:"#f5cb54",400:"#f3c133",500:"#f0b100",600:"#daa100",700:"#aa7e00",800:"#846100",900:"#654a00"},g={50:"#e7f7ed",100:"#b3e6c6",200:"#8fd9aa",300:"#5cc884",400:"#3cbd6c",500:"#0bad47",600:"#0a9d41",700:"#087b32",800:"#065f27",900:"#05491e"},C={50:"#e6fdfe",100:"#b1f7fc",200:"#8bf4fb",300:"#55eef9",400:"#35ebf8",500:"#02e6f6",600:"#02d1e0",700:"#01a3af",800:"#017f87",900:"#016167"},q={50:"#e6f8f6",100:"#b0ebe4",200:"#8ae1d7",300:"#55d3c4",400:"#34cab9",500:"#01bda7",600:"#01ac98",700:"#018677",800:"#01685c",900:"#004f46"},u={50:"#eaf5ff",100:"#bee1ff",200:"#9fd2ff",300:"#73bdff",400:"#58b1ff",500:"#2e9dff",600:"#2a8fe8",700:"#216fb5",800:"#19568c",900:"#13426b"},c={50:"#eff0f2",100:"#cfd1d5",200:"#b7bac1",300:"#969ba5",400:"#828894",500:"#636a79",600:"#5a606e",700:"#464b56",800:"#363a43",900:"#2a2d33"},w={50:"#fcfdfd",100:"#f7f8f9",200:"#f3f4f6",300:"#eeeff2",400:"#eaecef",500:"#e5e7eb",600:"#d0d2d6",700:"#a3a4a7",800:"#7e7f81",900:"#606163"},G={50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827"},J={50:"#e8f4f7",100:"#c6e4eb",200:"#a3d4df",300:"#81c4d3",400:"#5eb4c7",500:"#3ca4bb",600:"#358fa3",700:"#2d7a8b",800:"#256573",900:"#1e505b"},R="#ffffff",N="#000000",Se={red:S,orange:k,yellow:p,green:g,cyan:C,teal:q,brandblue:u,slate:c,lightgrey:w,grey:G,deepocean:J,white:R,black:N},X=u,Z=c,x=g,Q=p,K=S,ee=C,pe={primary:X,neutral:Z,success:x,warning:Q,error:K,info:ee},m={light:{default:R,secondary:w[100],tertiary:w[200],overlay:c[900],disabled:w[300],success:g[50],error:S[50],warning:p[50],brand:u[500],brandSubtle:u[50],accent:k[500],accent2:k[500]},dark:{default:c[900],secondary:c[800],tertiary:c[700],overlay:N,disabled:c[700],success:g[900],error:S[900],warning:p[900],brand:u[500],brandSubtle:u[900],accent:k[500],accent2:k[500]}},b={light:{primary:c[900],secondary:c[600],tertiary:c[500],disabled:c[400],placeholder:c[400],success:g[600],error:S[600],warning:p[700],link:u[500],brand:u[500],onBrand:R,pokerCall:g[500],pokerRaise:k[500]},dark:{primary:R,secondary:c[300],tertiary:c[400],disabled:c[500],placeholder:c[500],success:g[400],error:S[400],warning:p[400],link:u[400],brand:u[400],onBrand:R,pokerCall:g[400],pokerRaise:k[400]}},E={light:{primary:c[300],subtle:c[200],focus:u[500],success:g[500],error:S[500],warning:p[500]},dark:{primary:c[600],subtle:c[700],focus:u[400],success:g[400],error:S[400],warning:p[400]}},ke={background:m,text:b,border:E},Ee=m.light.default,Re=m.light.secondary,_e=m.light.tertiary,ve=m.light.overlay,Te=m.light.disabled,Fe=m.light.success,We=m.light.error,we=m.light.warning,te=m.light.brand,Oe=m.light.brandSubtle,Pe=m.light.accent,ze=b.light.primary,Ae=b.light.secondary,Me=b.light.tertiary,He=b.light.disabled,je=b.light.placeholder,Ce=b.light.success,Ne=b.light.error,Le=b.light.warning,Be=b.light.link,De=b.light.brand,ne=b.light.onBrand,Ye=E.light.primary,Ie=E.light.subtle,$e=E.light.focus,Ue=E.light.success,Ve=E.light.error,qe=E.light.warning,o={main:"'Inter', 'Noto Sans TC', -apple-system, BlinkMacSystemFont, Roboto, sans-serif",mono:"'SF Mono', 'Fira Code', 'Fira Mono', Menlo, Consolas, monospace"},r={regular:400,medium:500,semibold:600,bold:700},i={tight:1.2,normal:1.5},a={mobile:{display:28,h1:24,h2:20,bodyLg:16,bodyMd:14,bodySm:12,caption:10,poker:8},desktop:{display:40,h1:32,h2:24,bodyLg:18,bodyMd:16,bodySm:14,caption:12,poker:10}},oe={display:{fontSize:a.mobile.display,fontWeight:r.semibold,lineHeight:i.normal,fontFamily:o.main},h1:{fontSize:a.mobile.h1,fontWeight:r.semibold,lineHeight:i.normal,fontFamily:o.main},h2:{fontSize:a.mobile.h2,fontWeight:r.semibold,lineHeight:i.normal,fontFamily:o.main},bodyLgBold:{fontSize:a.mobile.bodyLg,fontWeight:r.bold,lineHeight:i.tight,fontFamily:o.main},bodyLgMedium:{fontSize:a.mobile.bodyLg,fontWeight:r.medium,lineHeight:i.tight,fontFamily:o.main},bodyLgRegular:{fontSize:a.mobile.bodyLg,fontWeight:r.regular,lineHeight:i.normal,fontFamily:o.main},bodyMdSemiBold:{fontSize:a.mobile.bodyMd,fontWeight:r.semibold,lineHeight:i.tight,fontFamily:o.main},bodyMdMedium:{fontSize:a.mobile.bodyMd,fontWeight:r.medium,lineHeight:i.tight,fontFamily:o.main},bodyMdRegular:{fontSize:a.mobile.bodyMd,fontWeight:r.regular,lineHeight:i.normal,fontFamily:o.main},bodySmSemiBold:{fontSize:a.mobile.bodySm,fontWeight:r.semibold,lineHeight:i.tight,fontFamily:o.main},bodySmMedium:{fontSize:a.mobile.bodySm,fontWeight:r.medium,lineHeight:i.tight,fontFamily:o.main},bodySmRegular:{fontSize:a.mobile.bodySm,fontWeight:r.regular,lineHeight:i.tight,fontFamily:o.main},captionSemiBold:{fontSize:a.mobile.caption,fontWeight:r.semibold,lineHeight:i.tight,fontFamily:o.main},captionMedium:{fontSize:a.mobile.caption,fontWeight:r.medium,lineHeight:i.tight,fontFamily:o.main},captionRegular:{fontSize:a.mobile.caption,fontWeight:r.regular,lineHeight:i.tight,fontFamily:o.main},pokerMedium:{fontSize:a.mobile.poker,fontWeight:r.medium,lineHeight:i.tight,fontFamily:o.main}},re={display:{fontSize:a.desktop.display,fontWeight:r.semibold,lineHeight:i.normal,fontFamily:o.main},h1:{fontSize:a.desktop.h1,fontWeight:r.semibold,lineHeight:i.normal,fontFamily:o.main},h2:{fontSize:a.desktop.h2,fontWeight:r.semibold,lineHeight:i.normal,fontFamily:o.main},bodyLgBold:{fontSize:a.desktop.bodyLg,fontWeight:r.bold,lineHeight:i.tight,fontFamily:o.main},bodyLgMedium:{fontSize:a.desktop.bodyLg,fontWeight:r.medium,lineHeight:i.tight,fontFamily:o.main},bodyLgRegular:{fontSize:a.desktop.bodyLg,fontWeight:r.regular,lineHeight:i.normal,fontFamily:o.main},bodyMdSemiBold:{fontSize:a.desktop.bodyMd,fontWeight:r.semibold,lineHeight:i.tight,fontFamily:o.main},bodyMdMedium:{fontSize:a.desktop.bodyMd,fontWeight:r.medium,lineHeight:i.tight,fontFamily:o.main},bodyMdRegular:{fontSize:a.desktop.bodyMd,fontWeight:r.regular,lineHeight:i.normal,fontFamily:o.main},bodySmSemiBold:{fontSize:a.desktop.bodySm,fontWeight:r.semibold,lineHeight:i.tight,fontFamily:o.main},bodySmMedium:{fontSize:a.desktop.bodySm,fontWeight:r.medium,lineHeight:i.tight,fontFamily:o.main},bodySmRegular:{fontSize:a.desktop.bodySm,fontWeight:r.regular,lineHeight:i.tight,fontFamily:o.main},captionSemiBold:{fontSize:a.desktop.caption,fontWeight:r.semibold,lineHeight:i.tight,fontFamily:o.main},captionMedium:{fontSize:a.desktop.caption,fontWeight:r.medium,lineHeight:i.tight,fontFamily:o.main},captionRegular:{fontSize:a.desktop.caption,fontWeight:r.regular,lineHeight:i.tight,fontFamily:o.main},pokerMedium:{fontSize:a.desktop.poker,fontWeight:r.medium,lineHeight:i.tight,fontFamily:o.main}},Ge={fontFamily:o,fontWeight:r,lineHeight:i,fontSize:a,mobile:oe,desktop:re},Je=s=>({fontSize:`${s.fontSize}px`,fontWeight:s.fontWeight,lineHeight:s.lineHeight,fontFamily:s.fontFamily}),Xe=({label:s,..._})=>ye.jsx("button",{style:{padding:"10px 20px",backgroundColor:te,color:ne,border:"none",borderRadius:"4px",cursor:"pointer"},..._,children:s});t.Button=Xe,t.background=m,t.bgAccent=Pe,t.bgBrand=te,t.bgBrandSubtle=Oe,t.bgDefault=Ee,t.bgDisabled=Te,t.bgError=We,t.bgOverlay=ve,t.bgSecondary=Re,t.bgSuccess=Fe,t.bgTertiary=_e,t.bgWarning=we,t.black=N,t.border=E,t.borderError=Ve,t.borderFocus=$e,t.borderPrimary=Ye,t.borderSubtle=Ie,t.borderSuccess=Ue,t.borderWarning=qe,t.brandblue=u,t.colors=pe,t.cyan=C,t.deepocean=J,t.error=K,t.fontFamily=o,t.fontSize=a,t.fontWeight=r,t.getTypographyStyles=Je,t.green=g,t.grey=G,t.info=ee,t.lightgrey=w,t.lineHeight=i,t.neutral=Z,t.orange=k,t.primary=X,t.primitiveColors=Se,t.red=S,t.semanticColors=ke,t.slate=c,t.success=x,t.teal=q,t.text=b,t.textBrand=De,t.textDisabled=He,t.textError=Ne,t.textLink=Be,t.textOnBrand=ne,t.textPlaceholder=je,t.textPrimary=ze,t.textSecondary=Ae,t.textSuccess=Ce,t.textTertiary=Me,t.textWarning=Le,t.typography=Ge,t.typographyDesktop=re,t.typographyMobile=oe,t.warning=Q,t.white=R,t.yellow=p,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@drdex0101/water-design-system",
+  "version": "1.0.1",
+  "description": "A design system library for Water project",
+  "main": "./dist/water-design-system.umd.js",
+  "module": "./dist/water-design-system.es.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jacky-water/water-design-system.git"
+  },
+  "keywords": [
+    "design-system",
+    "react",
+    "typescript",
+    "water"
+  ],
+  "author": "jacky-water",
+  "license": "MIT",
+  "type": "module",
+  "bugs": {
+    "url": "https://github.com/jacky-water/water-design-system/issues"
+  },
+  "homepage": "https://github.com/jacky-water/water-design-system#readme",
+  "devDependencies": {
+    "@types/react": "^19.2.8",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^4.2.1",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "typescript": "^5.3.3",
+    "vite": "^5.1.4",
+    "vite-plugin-dts": "^3.7.3"
+  },
+  "peerDependencies": {
+    "react": ">=16",
+    "react-dom": ">=16"
+  },
+  "dependencies": {
+    "react-router-dom": "^7.12.0"
+  }
+}