maritime-ui 0.1.3

package/dist/index.d.ts

@@ -0,0 +1,37 @@
+import { FC } from 'react';
+import { JSX } from 'react';
+import { MouseEvent as MouseEvent_2 } from 'react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+
+export declare const Badge: ({ type, title, icon }: Props) => JSX.Element;
+
+export declare type BadgeType = 'default' | 'success' | 'warning' | 'info' | 'warning-with-icon' | 'success-with-icon' | 'info-with-icon' | 'danger' | 'primary' | 'azure' | 'pink' | 'purple';
+
+export declare const Button: FC<ButtonProps>;
+
+declare type ButtonProps = {
+    buttonStyle?: string;
+    buttonSize?: 'small' | 'medium' | 'large' | 'huge';
+    buttonColor?: 'primary' | 'secondary' | 'danger' | 'tertiary' | 'success';
+    buttonFill?: 'solid' | 'bordered' | 'link';
+    type?: 'button' | 'submit' | 'reset';
+    text?: ReactNode;
+    loading?: boolean;
+    loadingText?: ReactNode;
+    success?: boolean;
+    successText?: ReactNode;
+    onClickFunc?: (e: MouseEvent_2<HTMLElement>) => void;
+    disabled?: boolean;
+    Icon?: FC;
+    iconPosition?: 'left' | 'right';
+    additionalClassName?: string;
+};
+
+declare type Props = {
+    type: BadgeType;
+    title: string;
+    icon?: ReactElement;
+};
+
+export { }

package/dist/maritime-ui.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react");function x(t){var i,r,n="";if(typeof t=="string"||typeof t=="number")n+=t;else if(typeof t=="object")if(Array.isArray(t)){var l=t.length;for(i=0;i<l;i++)t[i]&&(r=x(t[i]))&&(n&&(n+=" "),n+=r)}else for(r in t)t[r]&&(n&&(n+=" "),n+=r);return n}function u(){for(var t,i,r=0,n="",l=arguments.length;r<l;r++)(t=arguments[r])&&(i=x(t))&&(n&&(n+=" "),n+=i);return n}const S=()=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",viewBox:"0 0 24 24",children:e.jsx("path",{fill:"#fff",fillRule:"evenodd",d:"M20.707 5.293a1 1 0 010 1.414l-11 11a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 15.586 19.293 5.293a1 1 0 011.414 0z",clipRule:"evenodd"})}),N={"spinner-circular-white":"_spinner-circular-white_l3ar3_1"},B=()=>e.jsx("div",{className:N["spinner-circular-white"],children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"64",height:"64",fill:"none",color:"#ffffff",viewBox:"0 0 200 200",children:[e.jsxs("defs",{children:[e.jsxs("linearGradient",{id:"spinner-secondHalf1",children:[e.jsx("stop",{offset:"0%",stopColor:"currentColor",stopOpacity:"0"}),e.jsx("stop",{offset:"100%",stopColor:"currentColor",stopOpacity:"0.1"})]}),e.jsxs("linearGradient",{id:"spinner-firstHalf1",children:[e.jsx("stop",{offset:"0%",stopColor:"currentColor"}),e.jsx("stop",{offset:"100%",stopColor:"currentColor",stopOpacity:"0.1"})]})]}),e.jsxs("g",{strokeWidth:"8",children:[e.jsx("path",{stroke:"url(#spinner-secondHalf1)",d:"M4 100a96 96 0 01192 0"}),e.jsx("path",{stroke:"url(#spinner-firstHalf1)",d:"M196 100a96 96 0 01-192 0"}),e.jsx("path",{stroke:"currentColor",strokeLinecap:"round",d:"M4 100a96 96 0 010-2"})]})]})}),$="_spinner_lkgy1_36",M="_success_lkgy1_48",H="_animate_lkgy1_56",O="_medium_lkgy1_66",z="_active_lkgy1_78",L="_bordered_lkgy1_96",R="_small_lkgy1_100",q="_large_lkgy1_120",A="_huge_lkgy1_125",E="_link_lkgy1_155",G="_primary_lkgy1_177",W="_loading_lkgy1_180",D="_solid_lkgy1_186",I="_tertiary_lkgy1_242",J="_danger_lkgy1_279",K="_secondary_lkgy1_307",s={"button-wrapper":"_button-wrapper_lkgy1_1","button-text-wrapper":"_button-text-wrapper_lkgy1_15","button-icon":"_button-icon_lkgy1_21",spinner:$,success:M,animate:H,"temp-icon-exist":"_temp-icon-exist_lkgy1_59","temp-icon-active":"_temp-icon-active_lkgy1_62",medium:O,"temp-icon":"_temp-icon_lkgy1_59",active:z,bordered:L,small:R,"single-icon":"_single-icon_lkgy1_105",large:q,huge:A,"icon-left":"_icon-left_lkgy1_130","no-text":"_no-text_lkgy1_140",link:E,"icon-right":"_icon-right_lkgy1_163",primary:G,loading:W,solid:D,tertiary:I,danger:J,secondary:K},P=({buttonStyle:t,buttonSize:i="large",buttonColor:r="primary",buttonFill:n="solid",type:l="button",text:c="",loading:o=!1,loadingText:_,success:f=!1,successText:p,onClickFunc:j,disabled:v=!1,Icon:m,iconPosition:y="left",additionalClassName:h=""})=>{const[g,k]=d.useState(!1),[a,b]=d.useState(!1);return d.useEffect(()=>{b(o)},[o]),d.useEffect(()=>{if(k(f),f){const C=setTimeout(()=>{k(!1)},2e3);return()=>clearTimeout(C)}},[a,f]),e.jsx("button",{type:l,onClick:j,className:u(s["button-wrapper"],t,{[s[i]]:i,[s[r]]:r,[s[n]]:n,[s.loading]:o||a,[s[`icon-${y}`]]:m&&y&&c,[h]:h,[s["single-icon"]]:!c,[s["temp-icon-exist"]]:!!p||!!_,[s["temp-icon-active"]]:o||a||g}),disabled:v,children:e.jsxs("div",{className:s["button-text-wrapper"],children:[_&&e.jsx("div",{className:u(s["temp-icon"],{[s.active]:o||a}),children:e.jsx(B,{})}),p&&e.jsx("div",{className:u(s["temp-icon"],{[s.active]:g&&!o&&!a}),children:e.jsx(S,{})}),m&&!o&&!g&&e.jsx("div",{className:u(s["button-icon"],{[s["no-text"]]:!c||c===""}),children:e.jsx(m,{})}),c&&e.jsx("div",{className:s["button-text"],children:(o||a)&&_?_:g&&p?p:c})]})})},Q="_success_1miog_23",U="_warning_1miog_27",V="_info_1miog_31",X="_danger_1miog_56",Y="_primary_1miog_60",Z="_azure_1miog_64",F="_pink_1miog_68",T="_purple_1miog_72",w={"badge-wrapper":"_badge-wrapper_1miog_1",default:"_default_1miog_19",success:Q,warning:U,info:V,"warning-with-icon":"_warning-with-icon_1miog_35","info-with-icon":"_info-with-icon_1miog_42","success-with-icon":"_success-with-icon_1miog_49",danger:X,primary:Y,azure:Z,pink:F,purple:T},ee=({type:t,title:i,icon:r})=>e.jsx("div",{className:w["badge-wrapper"],children:e.jsxs("span",{className:w[t],children:[r,i]})});exports.Badge=ee;exports.Button=P;

package/dist/maritime-ui.js

@@ -0,0 +1,187 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { useState as w, useEffect as v } from "react";
+function C(t) {
+  var o, i, r = "";
+  if (typeof t == "string" || typeof t == "number") r += t;
+  else if (typeof t == "object") if (Array.isArray(t)) {
+    var _ = t.length;
+    for (o = 0; o < _; o++) t[o] && (i = C(t[o])) && (r && (r += " "), r += i);
+  } else for (i in t) t[i] && (r && (r += " "), r += i);
+  return r;
+}
+function m() {
+  for (var t, o, i = 0, r = "", _ = arguments.length; i < _; i++) (t = arguments[i]) && (o = C(t)) && (r && (r += " "), r += o);
+  return r;
+}
+const B = () => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    children: /* @__PURE__ */ e(
+      "path",
+      {
+        fill: "#fff",
+        fillRule: "evenodd",
+        d: "M20.707 5.293a1 1 0 010 1.414l-11 11a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 15.586 19.293 5.293a1 1 0 011.414 0z",
+        clipRule: "evenodd"
+      }
+    )
+  }
+), H = {
+  "spinner-circular-white": "_spinner-circular-white_l3ar3_1"
+}, M = () => /* @__PURE__ */ e("div", { className: H["spinner-circular-white"], children: /* @__PURE__ */ c(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "64",
+    height: "64",
+    fill: "none",
+    color: "#ffffff",
+    viewBox: "0 0 200 200",
+    children: [
+      /* @__PURE__ */ c("defs", { children: [
+        /* @__PURE__ */ c("linearGradient", { id: "spinner-secondHalf1", children: [
+          /* @__PURE__ */ e("stop", { offset: "0%", stopColor: "currentColor", stopOpacity: "0" }),
+          /* @__PURE__ */ e("stop", { offset: "100%", stopColor: "currentColor", stopOpacity: "0.1" })
+        ] }),
+        /* @__PURE__ */ c("linearGradient", { id: "spinner-firstHalf1", children: [
+          /* @__PURE__ */ e("stop", { offset: "0%", stopColor: "currentColor" }),
+          /* @__PURE__ */ e("stop", { offset: "100%", stopColor: "currentColor", stopOpacity: "0.1" })
+        ] })
+      ] }),
+      /* @__PURE__ */ c("g", { strokeWidth: "8", children: [
+        /* @__PURE__ */ e("path", { stroke: "url(#spinner-secondHalf1)", d: "M4 100a96 96 0 01192 0" }),
+        /* @__PURE__ */ e("path", { stroke: "url(#spinner-firstHalf1)", d: "M196 100a96 96 0 01-192 0" }),
+        /* @__PURE__ */ e("path", { stroke: "currentColor", strokeLinecap: "round", d: "M4 100a96 96 0 010-2" })
+      ] })
+    ]
+  }
+) }), j = "_spinner_lkgy1_36", z = "_success_lkgy1_48", L = "_animate_lkgy1_56", O = "_medium_lkgy1_66", A = "_active_lkgy1_78", G = "_bordered_lkgy1_96", R = "_small_lkgy1_100", W = "_large_lkgy1_120", E = "_huge_lkgy1_125", q = "_link_lkgy1_155", D = "_primary_lkgy1_177", I = "_loading_lkgy1_180", J = "_solid_lkgy1_186", K = "_tertiary_lkgy1_242", Q = "_danger_lkgy1_279", U = "_secondary_lkgy1_307", n = {
+  "button-wrapper": "_button-wrapper_lkgy1_1",
+  "button-text-wrapper": "_button-text-wrapper_lkgy1_15",
+  "button-icon": "_button-icon_lkgy1_21",
+  spinner: j,
+  success: z,
+  animate: L,
+  "temp-icon-exist": "_temp-icon-exist_lkgy1_59",
+  "temp-icon-active": "_temp-icon-active_lkgy1_62",
+  medium: O,
+  "temp-icon": "_temp-icon_lkgy1_59",
+  active: A,
+  bordered: G,
+  small: R,
+  "single-icon": "_single-icon_lkgy1_105",
+  large: W,
+  huge: E,
+  "icon-left": "_icon-left_lkgy1_130",
+  "no-text": "_no-text_lkgy1_140",
+  link: q,
+  "icon-right": "_icon-right_lkgy1_163",
+  primary: D,
+  loading: I,
+  solid: J,
+  tertiary: K,
+  danger: Q,
+  secondary: U
+}, re = ({
+  buttonStyle: t,
+  buttonSize: o = "large",
+  buttonColor: i = "primary",
+  buttonFill: r = "solid",
+  type: _ = "button",
+  text: l = "",
+  loading: s = !1,
+  loadingText: p,
+  success: f = !1,
+  successText: g,
+  onClickFunc: N,
+  disabled: x = !1,
+  Icon: u,
+  iconPosition: y = "left",
+  additionalClassName: h = ""
+}) => {
+  const [d, k] = w(!1), [a, S] = w(!1);
+  return v(() => {
+    S(s);
+  }, [s]), v(() => {
+    if (k(f), f) {
+      const $ = setTimeout(() => {
+        k(!1);
+      }, 2e3);
+      return () => clearTimeout($);
+    }
+  }, [a, f]), /* @__PURE__ */ e(
+    "button",
+    {
+      type: _,
+      onClick: N,
+      className: m(n["button-wrapper"], t, {
+        [n[o]]: o,
+        [n[i]]: i,
+        [n[r]]: r,
+        [n.loading]: s || a,
+        [n[`icon-${y}`]]: u && y && l,
+        [h]: h,
+        [n["single-icon"]]: !l,
+        [n["temp-icon-exist"]]: !!g || !!p,
+        [n["temp-icon-active"]]: s || a || d
+      }),
+      disabled: x,
+      children: /* @__PURE__ */ c("div", { className: n["button-text-wrapper"], children: [
+        p && /* @__PURE__ */ e(
+          "div",
+          {
+            className: m(n["temp-icon"], {
+              [n.active]: s || a
+            }),
+            children: /* @__PURE__ */ e(M, {})
+          }
+        ),
+        g && /* @__PURE__ */ e(
+          "div",
+          {
+            className: m(n["temp-icon"], {
+              [n.active]: d && !s && !a
+            }),
+            children: /* @__PURE__ */ e(B, {})
+          }
+        ),
+        u && !s && !d && /* @__PURE__ */ e(
+          "div",
+          {
+            className: m(n["button-icon"], {
+              [n["no-text"]]: !l || l === ""
+            }),
+            children: /* @__PURE__ */ e(u, {})
+          }
+        ),
+        l && /* @__PURE__ */ e("div", { className: n["button-text"], children: (s || a) && p ? p : d && g ? g : l })
+      ] })
+    }
+  );
+}, V = "_success_1miog_23", X = "_warning_1miog_27", Y = "_info_1miog_31", Z = "_danger_1miog_56", F = "_primary_1miog_60", P = "_azure_1miog_64", T = "_pink_1miog_68", ee = "_purple_1miog_72", b = {
+  "badge-wrapper": "_badge-wrapper_1miog_1",
+  default: "_default_1miog_19",
+  success: V,
+  warning: X,
+  info: Y,
+  "warning-with-icon": "_warning-with-icon_1miog_35",
+  "info-with-icon": "_info-with-icon_1miog_42",
+  "success-with-icon": "_success-with-icon_1miog_49",
+  danger: Z,
+  primary: F,
+  azure: P,
+  pink: T,
+  purple: ee
+}, ie = ({ type: t, title: o, icon: i }) => /* @__PURE__ */ e("div", { className: b["badge-wrapper"], children: /* @__PURE__ */ c("span", { className: b[t], children: [
+  i,
+  o
+] }) });
+export {
+  ie as Badge,
+  re as Button
+};

package/dist/style.css

@@ -0,0 +1 @@
+._spinner-circular-white_l3ar3_1{display:inline-block;animation:_spinning_l3ar3_1 2s linear infinite;transform-origin:32px 32px}@keyframes _spinning_l3ar3_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._button-wrapper_lkgy1_1{padding:4px 16px;font-size:13px;font-weight:700;line-height:18px;border-radius:4px;border:none;display:inline-flex;justify-content:center;align-items:center;letter-spacing:.25px;min-height:32px;transition:all .4s ease-in-out}._button-wrapper_lkgy1_1 ._button-text-wrapper_lkgy1_15{width:100%;display:flex;align-items:center;justify-content:center}._button-wrapper_lkgy1_1 ._button-text-wrapper_lkgy1_15 ._button-icon_lkgy1_21{display:inline-flex;flex-shrink:0;position:relative}._button-wrapper_lkgy1_1 ._button-text-wrapper_lkgy1_15 ._button-icon_lkgy1_21:after{content:"";position:absolute;top:0;right:0;height:100%;width:100%;z-index:-1;transition:background-color .4s ease-in-out}._button-wrapper_lkgy1_1 ._button-text-wrapper_lkgy1_15 ._button-icon_lkgy1_21._spinner_lkgy1_36{margin-right:10px}._button-wrapper_lkgy1_1 ._button-text-wrapper_lkgy1_15 ._button-icon_lkgy1_21._spinner_lkgy1_36>div{display:inline-flex;transform-origin:12px 12px}._button-wrapper_lkgy1_1 ._button-text-wrapper_lkgy1_15 ._button-icon_lkgy1_21._spinner_lkgy1_36>div svg{width:24px;height:24px;color:#fff}._button-wrapper_lkgy1_1 ._button-text-wrapper_lkgy1_15 ._button-icon_lkgy1_21._success_lkgy1_48{margin-right:10px;position:relative}._button-wrapper_lkgy1_1 ._button-text-wrapper_lkgy1_15 ._button-icon_lkgy1_21._success_lkgy1_48:after{z-index:1;transition:width .4s ease-in-out,background-color .4s ease-in-out}._button-wrapper_lkgy1_1 ._button-text-wrapper_lkgy1_15 ._button-icon_lkgy1_21._success_lkgy1_48._animate_lkgy1_56:after{width:0}._button-wrapper_lkgy1_1._temp-icon-exist_lkgy1_59{position:relative}._button-wrapper_lkgy1_1._temp-icon-exist_lkgy1_59._temp-icon-active_lkgy1_62{padding-left:44px;pointer-events:none}._button-wrapper_lkgy1_1._temp-icon-exist_lkgy1_59._temp-icon-active_lkgy1_62._medium_lkgy1_66{padding-left:40px}._button-wrapper_lkgy1_1._temp-icon-exist_lkgy1_59 ._temp-icon_lkgy1_59{width:18px;height:18px;position:absolute;top:50%;transform:translateY(-50%);left:12px;transition:all .16s ease-in-out}._button-wrapper_lkgy1_1._temp-icon-exist_lkgy1_59 ._temp-icon_lkgy1_59:not(._active_lkgy1_78){visibility:hidden;opacity:0}._button-wrapper_lkgy1_1._temp-icon-exist_lkgy1_59 ._temp-icon_lkgy1_59._active_lkgy1_78{transition-delay:.2s}._button-wrapper_lkgy1_1._temp-icon-exist_lkgy1_59 ._temp-icon_lkgy1_59>div{transform-origin:9px 9px}._button-wrapper_lkgy1_1._temp-icon-exist_lkgy1_59 ._temp-icon_lkgy1_59>div svg{width:18px;height:18px}._button-wrapper_lkgy1_1._temp-icon-exist_lkgy1_59 ._temp-icon_lkgy1_59 svg{width:100%;height:100%}._button-wrapper_lkgy1_1._bordered_lkgy1_96{padding-right:12px;padding-left:12px}._button-wrapper_lkgy1_1._small_lkgy1_100{padding:5px 24px;border-radius:4px;min-height:24px}._button-wrapper_lkgy1_1._small_lkgy1_100._single-icon_lkgy1_105{width:24px;height:24px;min-height:24px}._button-wrapper_lkgy1_1._medium_lkgy1_66{padding:5px 24px;border-radius:6px;min-height:32px}._button-wrapper_lkgy1_1._medium_lkgy1_66._single-icon_lkgy1_105{width:32px;height:32px;min-height:32px}._button-wrapper_lkgy1_1._large_lkgy1_120{padding:5px 32px;border-radius:6px;min-height:48px}._button-wrapper_lkgy1_1._huge_lkgy1_125{padding:5px 32px;border-radius:6px;min-height:56px}._button-wrapper_lkgy1_1._icon-left_lkgy1_130{padding-left:12px}._button-wrapper_lkgy1_1._icon-left_lkgy1_130._medium_lkgy1_66{padding-left:16px}._button-wrapper_lkgy1_1._icon-left_lkgy1_130 ._button-text-wrapper_lkgy1_15 ._button-icon_lkgy1_21{margin-right:8px;margin-left:0}._button-wrapper_lkgy1_1._icon-left_lkgy1_130 ._button-text-wrapper_lkgy1_15 ._button-icon_lkgy1_21._no-text_lkgy1_140{margin-right:0}._button-wrapper_lkgy1_1._single-icon_lkgy1_105{display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:4px;color:transparent;background-color:transparent}._button-wrapper_lkgy1_1._single-icon_lkgy1_105 ._button-text-wrapper_lkgy1_15 ._button-icon_lkgy1_21{margin:0}._button-wrapper_lkgy1_1._link_lkgy1_155{padding:1px;min-height:0}._button-wrapper_lkgy1_1:active:not(:disabled){transform:scale(.98);transition:transform .15s ease-in-out,background-color .4s ease-in-out}._button-wrapper_lkgy1_1._icon-right_lkgy1_163{padding-left:12px}._button-wrapper_lkgy1_1._icon-right_lkgy1_163._medium_lkgy1_66{padding-right:16px}._button-wrapper_lkgy1_1._icon-right_lkgy1_163 ._button-text-wrapper_lkgy1_15 ._button-icon_lkgy1_21{order:2;margin-right:0;margin-left:8px}._button-wrapper_lkgy1_1._icon-right_lkgy1_163 ._button-text-wrapper_lkgy1_15 ._button-icon_lkgy1_21._no-text_lkgy1_140{margin-left:0}._button-wrapper_lkgy1_1._primary_lkgy1_177 ._button-text-wrapper_lkgy1_15 ._button-icon_lkgy1_21:after{background-color:#365eed}._button-wrapper_lkgy1_1._primary_lkgy1_177:hover:not(:disabled):not(._loading_lkgy1_180){background:#1b3cce}._button-wrapper_lkgy1_1._primary_lkgy1_177:hover:not(:disabled) ._button-text-wrapper_lkgy1_15 ._button-icon_lkgy1_21:after{background-color:#1b3cce}._button-wrapper_lkgy1_1._primary_lkgy1_177._solid_lkgy1_186{background:#365eed;color:#fff}._button-wrapper_lkgy1_1._primary_lkgy1_177._solid_lkgy1_186:hover{background:#1b3cce}._button-wrapper_lkgy1_1._primary_lkgy1_177._solid_lkgy1_186:disabled{background:#b3b3bc}._button-wrapper_lkgy1_1._primary_lkgy1_177._solid_lkgy1_186:disabled:hover{background:#b3b3bc;cursor:not-allowed}._button-wrapper_lkgy1_1._primary_lkgy1_177._link_lkgy1_155{color:#365eed;background-color:transparent}._button-wrapper_lkgy1_1._primary_lkgy1_177._link_lkgy1_155 ._button-text-wrapper_lkgy1_15 ._button-icon_lkgy1_21:after{background-color:transparent;width:0}._button-wrapper_lkgy1_1._primary_lkgy1_177._link_lkgy1_155:hover:not(:disabled){color:#1b3cce;background-color:transparent}._button-wrapper_lkgy1_1._primary_lkgy1_177._link_lkgy1_155:disabled{color:#dedee1;cursor:not-allowed;background-color:transparent}._button-wrapper_lkgy1_1._primary_lkgy1_177._link_lkgy1_155:disabled svg path{stroke:#dedee1}._button-wrapper_lkgy1_1._success_lkgy1_48:hover:not(:disabled):not(._loading_lkgy1_180){background:#08711d}._button-wrapper_lkgy1_1._success_lkgy1_48._solid_lkgy1_186{background:#0f860f;color:#fff}._button-wrapper_lkgy1_1._success_lkgy1_48._solid_lkgy1_186._loading_lkgy1_180{background:#0f860f}._button-wrapper_lkgy1_1._success_lkgy1_48._solid_lkgy1_186:hover{background:#08711d}._button-wrapper_lkgy1_1._success_lkgy1_48._solid_lkgy1_186:disabled{background:#dedee1;color:#9e9ea9}._button-wrapper_lkgy1_1._success_lkgy1_48._solid_lkgy1_186:disabled:hover{background:#dedee1;color:#9e9ea9;cursor:not-allowed}._button-wrapper_lkgy1_1._tertiary_lkgy1_242._solid_lkgy1_186{background:#ececee;color:#000}._button-wrapper_lkgy1_1._tertiary_lkgy1_242._solid_lkgy1_186:hover:not(:disabled):not(._loading_lkgy1_180){background:#b3b3bc}._button-wrapper_lkgy1_1._tertiary_lkgy1_242._solid_lkgy1_186._loading_lkgy1_180{background:#ececee}._button-wrapper_lkgy1_1._tertiary_lkgy1_242._solid_lkgy1_186:disabled{background:#b3b3bc}._button-wrapper_lkgy1_1._tertiary_lkgy1_242._solid_lkgy1_186:disabled:hover{background:#b3b3bc;cursor:not-allowed}._button-wrapper_lkgy1_1._tertiary_lkgy1_242._bordered_lkgy1_96{border:2px solid #DEDEE1;background:transparent;color:#18181b}._button-wrapper_lkgy1_1._tertiary_lkgy1_242._bordered_lkgy1_96:hover:not(:disabled):not(._loading_lkgy1_180){border-color:#b3b3bc}._button-wrapper_lkgy1_1._tertiary_lkgy1_242._bordered_lkgy1_96:active{border-color:#b3b3bc}._button-wrapper_lkgy1_1._tertiary_lkgy1_242._bordered_lkgy1_96:disabled{color:#b3b3bc}._button-wrapper_lkgy1_1._tertiary_lkgy1_242._bordered_lkgy1_96:disabled:hover{cursor:not-allowed}._button-wrapper_lkgy1_1._tertiary_lkgy1_242._bordered_lkgy1_96:disabled svg path{stroke:#b3b3bc}._button-wrapper_lkgy1_1._danger_lkgy1_279:hover:not(:disabled){background-color:#8f1100}._button-wrapper_lkgy1_1._danger_lkgy1_279._solid_lkgy1_186{background:#d71a00;color:#fff}._button-wrapper_lkgy1_1._danger_lkgy1_279._solid_lkgy1_186:active{background:#8f1100}._button-wrapper_lkgy1_1._danger_lkgy1_279._solid_lkgy1_186:disabled{color:#9e9ea9;background:#e4e4e7}._button-wrapper_lkgy1_1._danger_lkgy1_279._solid_lkgy1_186:disabled:hover{cursor:not-allowed}._button-wrapper_lkgy1_1._danger_lkgy1_279._link_lkgy1_155,._button-wrapper_lkgy1_1._danger_lkgy1_279._link_lkgy1_155:hover{color:#ff371c;background-color:transparent}._button-wrapper_lkgy1_1._danger_lkgy1_279._link_lkgy1_155:disabled{color:#ff371c}._button-wrapper_lkgy1_1._secondary_lkgy1_307._solid_lkgy1_186{background:#18181b;color:#fff}._button-wrapper_lkgy1_1._secondary_lkgy1_307._solid_lkgy1_186:hover:not(:disabled){background:#3a3a41}._button-wrapper_lkgy1_1._secondary_lkgy1_307._solid_lkgy1_186:disabled{background-color:#e4e4e7;color:#9e9ea9;cursor:not-allowed}._badge-wrapper_1miog_1 span{font-size:11px;font-weight:700;line-height:18px;display:inline-block;padding:1px 6px;border-radius:4px;white-space:nowrap;text-transform:lowercase;letter-spacing:.25px}@media (max-width: 599px){._badge-wrapper_1miog_1 span{font-size:12px;padding:1px 5px;text-wrap:unset}}._badge-wrapper_1miog_1 span._default_1miog_19{background-color:#ececee;color:#6a6a77}._badge-wrapper_1miog_1 span._success_1miog_23{background-color:#ddf2e1;color:#0f860f}._badge-wrapper_1miog_1 span._warning_1miog_27{background-color:#fff9cc;color:#eaad00}._badge-wrapper_1miog_1 span._info_1miog_31{background-color:#e2ecfe;color:#365eed}._badge-wrapper_1miog_1 span._warning-with-icon_1miog_35{display:inline-flex;align-items:center;gap:5px;background-color:#fff9cc;color:#eaad00}._badge-wrapper_1miog_1 span._info-with-icon_1miog_42{display:inline-flex;align-items:center;gap:5px;background-color:#e2ecfe;color:#365eed}._badge-wrapper_1miog_1 span._success-with-icon_1miog_49{display:inline-flex;align-items:center;gap:5px;background-color:#ddf2e1;color:#0f860f}._badge-wrapper_1miog_1 span._danger_1miog_56{background:#fce8f1;color:#ff371c}._badge-wrapper_1miog_1 span._primary_1miog_60{background-color:#b6cffc;color:#365eed}._badge-wrapper_1miog_1 span._azure_1miog_64{background-color:#94fff9;color:#00c3e7}._badge-wrapper_1miog_1 span._pink_1miog_68{background-color:#ffeaf3;color:#ff3087}._badge-wrapper_1miog_1 span._purple_1miog_72{background-color:#dcc9fd;color:#803cf2}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "maritime-ui",
+  "version": "0.1.3",
+  "description": "Common UI components and util functions",
+  "type": "module",
+  "main": "./dist/maritime-ui.cjs",
+  "module": "./dist/maritime-ui.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/maritime-ui.js",
+      "require": "./dist/maritime-ui.cjs"
+    },
+    "./styles": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc --noEmit && vite build",
+    "typecheck": "tsc --noEmit",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^5.2.1",
+    "@storybook/addon-a11y": "^10.4.2",
+    "@storybook/addon-docs": "^10.4.2",
+    "@storybook/addon-mcp": "^0.6.0",
+    "@storybook/addon-vitest": "^10.4.2",
+    "@storybook/react-vite": "^10.4.2",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^5.1.1",
+    "@vitest/browser-playwright": "^4.1.8",
+    "@vitest/coverage-v8": "^4.1.8",
+    "playwright": "^1.60.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "sass": "^1.93.3",
+    "storybook": "^10.4.2",
+    "typescript": "^5.4.0",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^4.5.0",
+    "vitest": "^4.1.8"
+  },
+  "author": "nikoberetic",
+  "license": "ISC",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nikoberetic/maritime-ui-package.git"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1"
+  }
+}