@pismo/marola 2.1.0 → 2.1.2

package/dist/components/Icon/types.d.ts

@@ -2,4 +2,4 @@
  * This file is automatically generated. Any changes will be lost.
  * run "yarn generate-icon-types" or "yarn build" to regenerate it.
  */
-export type IconName = 'arrow-down-arrow-up' | 'arrow-down-z-a' | 'arrow-left' | 'arrow-right' | 'arrow-right-to-arc' | 'arrow-up-right-from-square' | 'arrows-rotate' | 'badge-check' | 'bell' | 'building-columns' | 'calendar' | 'calendar-days' | 'check-double' | 'chevron-down' | 'chevron-right' | 'chevron-up' | 'chevrons-right' | 'circle' | 'circle-arrow-right' | 'circle-check' | 'circle-check-outline' | 'circle-exclamation' | 'circle-exclamation-outline' | 'circle-info' | 'circle-minus' | 'circle-x' | 'circle-xmark' | 'circle-xmark-outline' | 'clock' | 'clock-rotate-left' | 'coin' | 'coins' | 'copy' | 'credit-card' | 'credit-card-blank' | 'credit-card-front' | 'download' | 'ellipsis-vertical' | 'empty-img' | 'empty-set' | 'eye' | 'eye-slash' | 'filter-list' | 'folder-magnifying-glass' | 'grid-horizontal' | 'grip-dots-vertical' | 'headphones-simple' | 'house-blank' | 'list' | 'loader' | 'lock-keyhole' | 'lock-keyhole-open' | 'logo' | 'magnifying-glass' | 'map-location-dot' | 'map-pin' | 'mobile-screen-button' | 'money-bill-transfer' | 'money-bill-trend-up' | 'money-bills' | 'notes-medical' | 'paste' | 'pen-to-square' | 'percent' | 'piggy-bank' | 'rectangle-history' | 'rectangle-history-circle-user' | 'rotate' | 'server' | 'sidebar' | 'squirrel' | 'stethoscope' | 'timer' | 'trash' | 'trash-can' | 'upload' | 'user' | 'user-gear' | 'user-group' | 'user-tie' | 'user-tie-hair' | 'user-vneck' | 'users' | 'wallet' | 'warehouse-full' | 'xmark';
+export type IconName = 'arrow-down-arrow-up' | 'arrow-down-z-a' | 'arrow-left' | 'arrow-right' | 'arrow-right-to-arc' | 'arrow-up-right-from-square' | 'arrows-rotate' | 'badge-check' | 'bell' | 'building-columns' | 'calendar-days' | 'check-double' | 'chevron-down' | 'chevron-right' | 'chevron-up' | 'chevrons-right' | 'circle' | 'circle-arrow-right' | 'circle-check' | 'circle-check-outline' | 'circle-exclamation' | 'circle-exclamation-outline' | 'circle-info' | 'circle-minus' | 'circle-x' | 'circle-xmark' | 'circle-xmark-outline' | 'clock' | 'clock-rotate-left' | 'coin' | 'coins' | 'copy' | 'credit-card' | 'credit-card-blank' | 'credit-card-front' | 'download' | 'ellipsis-vertical' | 'empty-img' | 'empty-set' | 'eye' | 'eye-slash' | 'filter-list' | 'folder-magnifying-glass' | 'grid-horizontal' | 'grip-dots-vertical' | 'headphones-simple' | 'house-blank' | 'list' | 'loader' | 'lock-keyhole' | 'lock-keyhole-open' | 'logo' | 'magnifying-glass' | 'map-location-dot' | 'map-pin' | 'mobile-screen-button' | 'money-bill-transfer' | 'money-bill-trend-up' | 'money-bills' | 'notes-medical' | 'paste' | 'pen-to-square' | 'percent' | 'piggy-bank' | 'rectangle-history' | 'rectangle-history-circle-user' | 'rotate' | 'server' | 'sidebar' | 'squirrel' | 'stethoscope' | 'timer' | 'trash' | 'trash-can' | 'upload' | 'user' | 'user-gear' | 'user-group' | 'user-tie' | 'user-tie-hair' | 'user-vneck' | 'users' | 'wallet' | 'warehouse-full' | 'xmark';

package/dist/components/TransactionRow/TransactionRow.js

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Avatar as d } from "../Avatar/Avatar.js";
-import { Icon as l } from "../Icon/Icon.js";
+import { Avatar as l } from "../Avatar/Avatar.js";
+import { Icon as h } from "../Icon/Icon.js";
 import { Typography as r } from "../Typography/Typography.js";
 import '../../assets/TransactionRow.css';const f = "_container_1zn5j_1", n = {
   container: f,
@@ -11,33 +11,33 @@ import '../../assets/TransactionRow.css';const f = "_container_1zn5j_1", n = {
   "info-section--item": "_info-section--item_1zn5j_29",
   "info-section--right": "_info-section--right_1zn5j_36"
 }, j = ({
-  dateTime: h,
-  category: v,
-  name: c,
+  dateTime: v,
+  category: c,
+  name: o,
   type: m,
-  installments: o,
-  amount: t,
+  installments: t,
+  amount: s,
   month: g,
-  icon: s,
+  icon: d,
   onClick: e,
   isPendingTransaction: _
 }) => _ ? /* @__PURE__ */ i("div", { className: n.container, children: /* @__PURE__ */ a("div", { className: n["container-pending"], onClick: () => e == null ? void 0 : e(), children: [
-  /* @__PURE__ */ i(d, { type: "icon", children: /* @__PURE__ */ i(l, { icon: s || "clock" }) }),
-  /* @__PURE__ */ i("div", { className: n["info-section"], children: /* @__PURE__ */ i("div", { className: n["info-section--item"], children: /* @__PURE__ */ i(r, { color: "var(--gray-95)", variant: "base", children: c }) }) }),
-  /* @__PURE__ */ i("div", { className: n["container-pending--right"], children: /* @__PURE__ */ i(r, { bold: !0, color: "var(--gray-95)", variant: "base", children: t }) })
+  /* @__PURE__ */ i(l, { type: "icon", children: /* @__PURE__ */ i(h, { icon: d || "clock" }) }),
+  /* @__PURE__ */ i("div", { className: n["info-section"], children: /* @__PURE__ */ i("div", { className: n["info-section--item"], children: /* @__PURE__ */ i(r, { color: "var(--gray-95)", variant: "base", children: o }) }) }),
+  /* @__PURE__ */ i("div", { className: n["container-pending--right"], children: /* @__PURE__ */ i(r, { bold: !0, color: "var(--gray-95)", variant: "base", children: s }) })
 ] }) }) : /* @__PURE__ */ i("div", { className: n.container, children: /* @__PURE__ */ a("div", { onClick: () => e == null ? void 0 : e(), className: n["container-grid"], children: [
   /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(r, { color: "var(--gray-95)", variant: "base", children: g }) }),
-  /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(r, { color: "var(--gray-95)", variant: "base", children: h }) }),
-  /* @__PURE__ */ i(d, { type: "icon", children: /* @__PURE__ */ i(l, { icon: s || "coin" }) }),
+  /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(r, { color: "var(--gray-95)", variant: "base", children: v }) }),
+  /* @__PURE__ */ i(l, { type: "icon", children: /* @__PURE__ */ i(h, { icon: d || "coin" }) }),
   /* @__PURE__ */ a("div", { className: n["info-section"], children: [
-    /* @__PURE__ */ i("div", { className: n["info-section--item"], children: /* @__PURE__ */ i(r, { color: "var(--gray-95)", variant: "base", children: c }) }),
-    /* @__PURE__ */ i("div", { className: n["info-section--item"], children: /* @__PURE__ */ i(r, { color: "var(--gray-95)", variant: "base", children: v }) })
+    /* @__PURE__ */ i("div", { className: n["info-section--item"], children: /* @__PURE__ */ i(r, { color: "var(--gray-95)", variant: "base", children: o }) }),
+    c && /* @__PURE__ */ i("div", { className: n["info-section--item"], children: /* @__PURE__ */ i(r, { color: "var(--gray-95)", variant: "base", children: c }) })
   ] }),
   /* @__PURE__ */ a("div", { className: n["info-section--right"], children: [
-    o && /* @__PURE__ */ i("div", { className: n["info-section--item"], children: /* @__PURE__ */ i(r, { color: "var(--gray-95)", variant: "base", children: o }) }),
+    t && /* @__PURE__ */ i("div", { className: n["info-section--item"], children: /* @__PURE__ */ i(r, { color: "var(--gray-95)", variant: "base", children: t }) }),
     /* @__PURE__ */ i("div", { className: n["info-section--item"], children: /* @__PURE__ */ i(r, { color: "var(--gray-95)", variant: "base", children: m }) })
   ] }),
-  /* @__PURE__ */ i("div", { className: n["info-section--right"], children: /* @__PURE__ */ i(r, { bold: !0, variant: "base", children: t }) })
+  /* @__PURE__ */ i("div", { className: n["info-section--right"], children: /* @__PURE__ */ i(r, { bold: !0, variant: "base", children: s }) })
 ] }) });
 export {
   j as TransactionRow

package/dist/components/TransactionRow/TransactionRow.stories.d.ts

@@ -23,6 +23,7 @@ type Story = StoryObj<typeof meta>;
 export declare const Simple: Story;
 export declare const WithMonth: Story;
 export declare const WithInstallments: Story;
+export declare const WithoutCategory: Story;
 export declare const WithTwoCurrencies: Story;
 export declare const WithLargeAmount: Story;
 export declare const IsPending: Story;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -25,7 +25,6 @@
     "prepublishOnly": "npm run build",
     "test": "yarn test:unit",
     "test:unit": "vitest run",
-    "test:unit:visual": "vitest-preview",
     "test:unit:watch": "vitest",
     "test:e2e": "echo \"no test implemented\"",
     "coverage": "vitest run --coverage",
@@ -45,17 +44,17 @@
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
     "@ianvs/prettier-plugin-sort-imports": "^4.2.1",
-    "@storybook/addon-a11y": "^8.3.4",
-    "@storybook/addon-essentials": "^8.3.4",
-    "@storybook/addon-interactions": "^8.3.4",
-    "@storybook/addon-links": "^8.3.4",
-    "@storybook/blocks": "^8.3.4",
-    "@storybook/manager-api": "^8.3.4",
-    "@storybook/preview-api": "^8.3.4",
-    "@storybook/react": "^8.3.4",
-    "@storybook/react-vite": "^8.3.4",
-    "@storybook/test": "^8.3.4",
-    "@storybook/theming": "^8.3.4",
+    "@storybook/addon-a11y": "^8.6.14",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-links": "^8.6.14",
+    "@storybook/blocks": "^8.6.14",
+    "@storybook/manager-api": "^8.6.14",
+    "@storybook/preview-api": "^8.6.14",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.6.14",
+    "@storybook/test": "^8.6.14",
+    "@storybook/theming": "^8.6.14",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^15.0.5",
     "@types/node": "^20.12.2",
@@ -83,22 +82,38 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "sass": "^1.72.0",
-    "storybook": "^8.3.4",
+    "storybook": "^8.6.14",
     "stylelint": "^16.3.1",
     "stylelint-config-recess-order": "^5.0.0",
     "stylelint-config-standard-scss": "^13.1.0",
     "stylelint-prettier": "^5.0.0",
     "typescript": "^5.2.2",
-    "vite": "^6.2.3",
+    "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.3",
     "vite-plugin-lib-inject-css": "^2.2.1",
     "vite-plugin-svgr": "^4.3.0",
-    "vitest": "^3.0.9",
-    "vitest-preview": "^0.0.1"
+    "vitest": "^3.1.4"
   },
   "dependencies": {
     "@base-ui-components/react": "^1.0.0-alpha.6",
     "@mui/base": "^5.0.0-beta.40",
     "@mui/material": "^5.15.15"
+  },
+  "resolutions": {
+    "@babel/helpers": "^7.27.1",
+    "body-parser": "^2.2.0",
+    "braces": "^3.0.3",
+    "cookie": "^1.0.2",
+    "cross-spawn": "^7.0.6",
+    "esbuild": "^0.25.3",
+    "express": "^5.1.0",
+    "micromatch": "^4.0.8",
+    "nanoid": "^3.3.11",
+    "path-to-regexp": "^0.1.12",
+    "rollup": "^4.40.1",
+    "send": "^1.2.0",
+    "serve-static": "^2.2.0",
+    "vite": "^6.3.5",
+    "ws": "^8.18.1"
   }
 }

package/dist/DatePicker.module-CmT9Zbbu.js

@@ -1,45 +0,0 @@
-import './assets/DatePicker.css';const e = "_header_57qu7_158", _ = "_calendar_57qu7_104", a = "_weekdayNames_57qu7_186", t = "_days_57qu7_187", n = "_weekdayName_57qu7_186", d = "_day_57qu7_187", o = "_disabled_57qu7_209", r = "_selected_57qu7_209", u = "_faded_57qu7_218", c = "_months_57qu7_256", s = "_years_57qu7_257", q = "_month_57qu7_124", y = "_year_57qu7_257", l = "_rotate_57qu7_337", h = {
-  "input-container": "_input-container_57qu7_85",
-  "datepicker-input": "_datepicker-input_57qu7_98",
-  "calendar-icon": "_calendar-icon_57qu7_104",
-  "datepicker-container": "_datepicker-container_57qu7_108",
-  "range-mode": "_range-mode_57qu7_121",
-  "month-header": "_month-header_57qu7_124",
-  "month-header-row": "_month-header-row_57qu7_135",
-  "nav-button": "_nav-button_57qu7_147",
-  header: e,
-  calendar: _,
-  weekdayNames: a,
-  days: t,
-  weekdayName: n,
-  day: d,
-  disabled: o,
-  selected: r,
-  "range-start": "_range-start_57qu7_209",
-  "range-end": "_range-end_57qu7_209",
-  "range-selected": "_range-selected_57qu7_209",
-  faded: u,
-  months: c,
-  years: s,
-  month: q,
-  year: y,
-  "today-footer": "_today-footer_57qu7_296",
-  "today-button": "_today-button_57qu7_302",
-  rotate: l,
-  "current-day": "_current-day_57qu7_341",
-  "hovered-range": "_hovered-range_57qu7_346",
-  "hovered-date": "_hovered-date_57qu7_351",
-  "would-be-end-date": "_would-be-end-date_57qu7_357",
-  "would-be-start-date": "_would-be-start-date_57qu7_363",
-  "dual-calendar-container": "_dual-calendar-container_57qu7_370",
-  "navigator-input": "_navigator-input_57qu7_381",
-  "nav-month-button": "_nav-month-button_57qu7_410",
-  "nav-year-button": "_nav-year-button_57qu7_411",
-  "auto-width": "_auto-width_57qu7_419",
-  "month-selector": "_month-selector_57qu7_424",
-  "year-selector": "_year-selector_57qu7_425",
-  "nav-calendar-static": "_nav-calendar-static_57qu7_457"
-};
-export {
-  h as s
-};