@finmars/ui 1.0.3 → 1.0.4

package/dist/finmars-ui.css

@@ -1 +1 @@
-.finmars-button[data-v-66f97398]{text-transform:none;font-weight:600;border-radius:100px;display:inline-block;position:relative;cursor:pointer;min-height:36px;min-width:88px;line-height:36px;vertical-align:middle;align-items:center;text-align:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;border:0;padding:0 6px;margin:6px 8px;background:transparent;color:currentColor;white-space:nowrap;font-weight:500;font-size:14px;font-style:inherit;font-variant:inherit;font-family:inherit;text-decoration:none;overflow:hidden;transition:box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1)}.finmars-button.fm-raised[data-v-66f97398]{box-shadow:0 1px 3px 1px #00000026;box-shadow:0 1px 2px #0000004d}.finmars-button.signed-button[data-v-66f97398]{border-radius:initial}.finmars-button.fm-raised[data-v-66f97398]{color:var(--secondary-color);background-color:var(--outline-background-color)}.finmars-button.fm-primary.fm-raised[data-v-66f97398]{padding:0 15px;color:var(--on-primary-color);background-color:var(--primary-color);box-shadow:0 2px 5px #00000042}.finmars-button.fm-primary.fm-raised[data-v-66f97398]:not([disabled]):hover{opacity:.5;background-color:var(--primary-color)}.finmars-button.fm-primary.fm-raised:not([disabled]).md-focused[data-v-66f97398]{opacity:.5;background-color:var(--primary-color)}.finmars-button.fm-primary[data-v-66f97398]{color:var(--primary-color)}.finmars-button.outline-button[data-v-66f97398]{min-width:auto;max-height:36px;background-color:var(--outline-background-color);color:var(--primary-color);border:1px solid var(--outline-color)}.finmars-button.outline-button[data-v-66f97398]:not([disabled]):hover{opacity:.8}.finmars-button.outline-button span.material-icons[data-v-66f97398]{color:var(--primary-color)}.finmars-button.outline-button ng-md-icon svg[data-v-66f97398]{fill:var(--primary-color)}.finmars-button.align-button[data-v-66f97398]{background-color:var(--page-background-color);color:var(--secondary-color)}.finmars-button.align-button[data-v-66f97398]:hover{color:var(--primary-color)}.finmars-button.align-button.active[data-v-66f97398]{color:var(--primary-color);background-color:#f05a221a}button.fm-raised.md-warn.finmars-button[data-v-66f97398]{fill:var(--color-error)}.classifier-select-dialog-view[data-v-66f97398]{width:500px}.icon-btn-basics[data-v-66f97398]{background-color:transparent;border:none}.finmars-button.link-button[data-v-66f97398]{background-color:transparent;color:var(--primary-color);font-weight:500}.finmars-button.link-button[data-v-66f97398]:not([disabled]):hover{background-color:var(--state-active-background-color)}.icon-button-small[data-v-66f97398]{min-width:2px;margin:2px;height:32px;min-height:32px;box-sizing:border-box;font-size:12px;padding:0 8px;line-height:40px;color:var(--secondary-color)}.icon-button-small .material-icons[data-v-66f97398]{font-size:20px;line-height:1.5}.icon-button-small[data-v-66f97398]:not([disabled]):hover{background:var(--state-active-background-color);opacity:.8}.finmars-button.md-default-theme.fm-raised[data-v-66f97398]:not([disabled]):hover,.finmars-button.fm-raised[data-v-66f97398]:not([disabled]):hover{background-color:var(--state-active-background-color);opacity:.8}
+.finmars-button[data-v-66f97398]{text-transform:none;font-weight:600;border-radius:100px;display:inline-block;position:relative;cursor:pointer;min-height:36px;min-width:88px;line-height:36px;vertical-align:middle;align-items:center;text-align:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;border:0;padding:0 6px;margin:6px 8px;background:transparent;color:currentColor;white-space:nowrap;font-weight:500;font-size:14px;font-style:inherit;font-variant:inherit;font-family:inherit;text-decoration:none;overflow:hidden;transition:box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1)}.finmars-button.fm-raised[data-v-66f97398]{box-shadow:0 1px 3px 1px #00000026;box-shadow:0 1px 2px #0000004d}.finmars-button.signed-button[data-v-66f97398]{border-radius:initial}.finmars-button.fm-raised[data-v-66f97398]{color:var(--secondary-color);background-color:var(--outline-background-color)}.finmars-button.fm-primary.fm-raised[data-v-66f97398]{padding:0 15px;color:var(--on-primary-color);background-color:var(--primary-color);box-shadow:0 2px 5px #00000042}.finmars-button.fm-primary.fm-raised[data-v-66f97398]:not([disabled]):hover{opacity:.5;background-color:var(--primary-color)}.finmars-button.fm-primary.fm-raised:not([disabled]).md-focused[data-v-66f97398]{opacity:.5;background-color:var(--primary-color)}.finmars-button.fm-primary[data-v-66f97398]{color:var(--primary-color)}.finmars-button.outline-button[data-v-66f97398]{min-width:auto;max-height:36px;background-color:var(--outline-background-color);color:var(--primary-color);border:1px solid var(--outline-color)}.finmars-button.outline-button[data-v-66f97398]:not([disabled]):hover{opacity:.8}.finmars-button.outline-button span.material-icons[data-v-66f97398]{color:var(--primary-color)}.finmars-button.outline-button ng-md-icon svg[data-v-66f97398]{fill:var(--primary-color)}.finmars-button.align-button[data-v-66f97398]{background-color:var(--page-background-color);color:var(--secondary-color)}.finmars-button.align-button[data-v-66f97398]:hover{color:var(--primary-color)}.finmars-button.align-button.active[data-v-66f97398]{color:var(--primary-color);background-color:#f05a221a}button.fm-raised.md-warn.finmars-button[data-v-66f97398]{fill:var(--color-error)}.classifier-select-dialog-view[data-v-66f97398]{width:500px}.icon-btn-basics[data-v-66f97398]{background-color:transparent;border:none}.finmars-button.link-button[data-v-66f97398]{background-color:transparent;color:var(--primary-color);font-weight:500}.finmars-button.link-button[data-v-66f97398]:not([disabled]):hover{background-color:var(--state-active-background-color)}.icon-button-small[data-v-66f97398]{min-width:2px;margin:2px;height:32px;min-height:32px;box-sizing:border-box;font-size:12px;padding:0 8px;line-height:40px;color:var(--secondary-color)}.icon-button-small .material-icons[data-v-66f97398]{font-size:20px;line-height:1.5}.icon-button-small[data-v-66f97398]:not([disabled]):hover{background:var(--state-active-background-color);opacity:.8}.finmars-button.md-default-theme.fm-raised[data-v-66f97398]:not([disabled]):hover,.finmars-button.fm-raised[data-v-66f97398]:not([disabled]):hover{background-color:var(--state-active-background-color);opacity:.8}.finmars-card[data-v-8bb198ee]{border:1px solid var(--table-border-color);border-radius:8px;margin:.5rem;background:var(--card-background-color);box-shadow:0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f}.finmars-card-header[data-v-b3a54d83],.finmars-card-content[data-v-ac4feb68],.finmars-card-footer[data-v-512039df]{padding:.5rem}

package/dist/finmars-ui.es.js

@@ -1,24 +1,72 @@
-import { reactive as s, openBlock as a, createElementBlock as c, mergeProps as p, renderSlot as u } from "vue";
-const f = (t, e) => {
-  const r = t.__vccOpts || t;
-  for (const [n, o] of e)
-    r[n] = o;
-  return r;
-}, i = {
+import { reactive as i, openBlock as o, createElementBlock as d, mergeProps as _, renderSlot as n } from "vue";
+const c = (e, t) => {
+  const s = e.__vccOpts || e;
+  for (const [r, a] of t)
+    s[r] = a;
+  return s;
+}, u = {
   name: "finmars-button",
   props: {},
-  setup(t, { emit: e }) {
-    t = s(t);
+  setup(e, { emit: t }) {
+    e = i(e);
   }
 };
-function m(t, e, r, n, o, d) {
-  return a(), c("button", p({
-    class: ["finmars-button", t.$attrs.class]
-  }, t.$attrs), [
-    u(t.$slots, "default", {}, void 0, !0)
+function $(e, t, s, r, a, f) {
+  return o(), d("button", _({
+    class: ["finmars-button", e.$attrs.class]
+  }, e.$attrs), [
+    n(e.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const _ = /* @__PURE__ */ f(i, [["render", m], ["__scopeId", "data-v-66f97398"]]);
+const E = /* @__PURE__ */ c(u, [["render", $], ["__scopeId", "data-v-66f97398"]]), m = {}, p = { class: "finmars-card" };
+function l(e, t) {
+  return o(), d("div", p, [
+    n(e.$slots, "header", {}, void 0, !0),
+    n(e.$slots, "default", {}, void 0, !0),
+    n(e.$slots, "footer", {}, void 0, !0)
+  ]);
+}
+const H = /* @__PURE__ */ c(m, [["render", l], ["__scopeId", "data-v-8bb198ee"]]), h = {
+  name: "finmars-card-header",
+  props: {},
+  setup(e, { emit: t }) {
+    e = i(e);
+  }
+}, v = { class: "finmars-card-header" };
+function b(e, t, s, r, a, f) {
+  return o(), d("div", v, [
+    n(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const O = /* @__PURE__ */ c(h, [["render", b], ["__scopeId", "data-v-b3a54d83"]]), F = {
+  name: "finmars-card-content",
+  props: {},
+  setup(e, { emit: t }) {
+    e = i(e);
+  }
+}, C = { class: "finmars-card-content" };
+function I(e, t, s, r, a, f) {
+  return o(), d("div", C, [
+    n(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const P = /* @__PURE__ */ c(F, [["render", I], ["__scopeId", "data-v-ac4feb68"]]), k = {
+  name: "finmars-card-footer",
+  props: {},
+  setup(e, { emit: t }) {
+    e = i(e);
+  }
+}, B = { class: "finmars-card-footer" };
+function g(e, t, s, r, a, f) {
+  return o(), d("div", B, [
+    n(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const S = /* @__PURE__ */ c(k, [["render", g], ["__scopeId", "data-v-512039df"]]);
 export {
-  _ as FinmarsButton
+  E as FinmarsButton,
+  H as FinmarsCard,
+  P as FinmarsCardContent,
+  S as FinmarsCardFooter,
+  O as FinmarsCardHeader
 };

package/dist/finmars-ui.umd.js

@@ -1 +1 @@
-(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.FinmarsUI={},n.Vue))})(this,function(n,e){"use strict";const f=(t,o)=>{const s=t.__vccOpts||t;for(const[r,i]of o)s[r]=i;return s},u={name:"finmars-button",props:{},setup(t,{emit:o}){t=e.reactive(t)}};function a(t,o,s,r,i,d){return e.openBlock(),e.createElementBlock("button",e.mergeProps({class:["finmars-button",t.$attrs.class]},t.$attrs),[e.renderSlot(t.$slots,"default",{},void 0,!0)],16)}const c=f(u,[["render",a],["__scopeId","data-v-66f97398"]]);n.FinmarsButton=c,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
+(function(t,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(t=typeof globalThis<"u"?globalThis:t||self,n(t.FinmarsUI={},t.Vue))})(this,function(t,n){"use strict";const o=(e,r)=>{const s=e.__vccOpts||e;for(const[a,d]of r)s[a]=d;return s},i={name:"finmars-button",props:{},setup(e,{emit:r}){e=n.reactive(e)}};function f(e,r,s,a,d,c){return n.openBlock(),n.createElementBlock("button",n.mergeProps({class:["finmars-button",e.$attrs.class]},e.$attrs),[n.renderSlot(e.$slots,"default",{},void 0,!0)],16)}const l=o(i,[["render",f],["__scopeId","data-v-66f97398"]]),_={},m={class:"finmars-card"};function p(e,r){return n.openBlock(),n.createElementBlock("div",m,[n.renderSlot(e.$slots,"header",{},void 0,!0),n.renderSlot(e.$slots,"default",{},void 0,!0),n.renderSlot(e.$slots,"footer",{},void 0,!0)])}const $=o(_,[["render",p],["__scopeId","data-v-8bb198ee"]]),u={name:"finmars-card-header",props:{},setup(e,{emit:r}){e=n.reactive(e)}},h={class:"finmars-card-header"};function F(e,r,s,a,d,c){return n.openBlock(),n.createElementBlock("div",h,[n.renderSlot(e.$slots,"default",{},void 0,!0)])}const B=o(u,[["render",F],["__scopeId","data-v-b3a54d83"]]),k={name:"finmars-card-content",props:{},setup(e,{emit:r}){e=n.reactive(e)}},C={class:"finmars-card-content"};function b(e,r,s,a,d,c){return n.openBlock(),n.createElementBlock("div",C,[n.renderSlot(e.$slots,"default",{},void 0,!0)])}const S=o(k,[["render",b],["__scopeId","data-v-ac4feb68"]]),I={name:"finmars-card-footer",props:{},setup(e,{emit:r}){e=n.reactive(e)}},y={class:"finmars-card-footer"};function E(e,r,s,a,d,c){return n.openBlock(),n.createElementBlock("div",y,[n.renderSlot(e.$slots,"default",{},void 0,!0)])}const g=o(I,[["render",E],["__scopeId","data-v-512039df"]]);t.FinmarsButton=l,t.FinmarsCard=$,t.FinmarsCardContent=S,t.FinmarsCardFooter=g,t.FinmarsCardHeader=B,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finmars/ui",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -26,7 +26,9 @@
     "@storybook/addon-links": "^8.0.9",
     "@storybook/addon-toolbars": "^8.0.9",
     "@storybook/blocks": "^8.0.9",
+    "@storybook/manager-api": "^8.0.9",
     "@storybook/test": "^8.0.9",
+    "@storybook/theming": "^8.0.9",
     "@storybook/vue3": "^8.0.9",
     "@storybook/vue3-vite": "^8.0.9",
     "sass": "^1.75.0",