@mich8060/unified-design-system 0.2.20 → 0.2.22

package/dist/tokens/tokens.css

@@ -1,4 +1,4 @@
-:root {
+*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}:root {
   --system-color-black: #111111;
   --system-color-white: #ffffff;
   --system-color-transparent: rgba(255, 255, 255, 0.0099999998);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mich8060/unified-design-system",
   "private": false,
-  "version": "0.2.20",
+  "version": "0.2.22",
   "type": "module",
   "license": "MIT",
   "publishConfig": {
@@ -114,12 +114,6 @@
       "require": "./dist/components/Calendar/Calendar.cjs",
       "default": "./dist/components/Calendar/Calendar.js"
     },
-    "./Card": {
-      "types": "./dist/design-system/components/Card/Card.d.ts",
-      "import": "./dist/components/Card/Card.js",
-      "require": "./dist/components/Card/Card.cjs",
-      "default": "./dist/components/Card/Card.js"
-    },
     "./Checkbox": {
       "types": "./dist/design-system/components/Checkbox/Checkbox.d.ts",
       "import": "./dist/components/Checkbox/Checkbox.js",
@@ -312,12 +306,6 @@
       "require": "./dist/components/Tabs/Tabs.cjs",
       "default": "./dist/components/Tabs/Tabs.js"
     },
-    "./charts-bizcharts": {
-      "types": "./dist/design-system/charts/index.d.ts",
-      "import": "./dist/charts-bizcharts/index.js",
-      "require": "./dist/charts-bizcharts/index.cjs",
-      "default": "./dist/charts-bizcharts/index.js"
-    },
     "./Tag": {
       "types": "./dist/design-system/components/Tag/Tag.d.ts",
       "import": "./dist/components/Tag/Tag.js",
@@ -445,7 +433,10 @@
     "README.md",
     "LICENSE"
   ],
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "scripts": {
     "dev": "vite --configLoader native",
     "dev:preact": "UDS_USE_PREACT_COMPAT=1 vite --configLoader native",
@@ -480,7 +471,6 @@
     "sass:watch": "sass --watch src/design-system:src/design-system"
   },
   "dependencies": {
-    "bizcharts": "^4.1.23",
     "prismjs": "^1.30.0"
   },
   "peerDependencies": {

package/dist/charts/BizChartsAdapters.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),r=require("bizcharts"),l={width:"100%"};function p({data:o,xField:e="x",yField:n="y",seriesField:s,height:a=320,autoFit:i=!0,className:h,style:u}){return t.jsxs(r.Chart,{data:o,autoFit:i,height:a,className:h,style:{...l,...u},children:[t.jsx(r.Tooltip,{shared:!0}),t.jsx(r.Legend,{}),t.jsx(r.Line,{position:`${e}*${n}`,color:s}),t.jsx(r.Point,{position:`${e}*${n}`,color:s})]})}const d=c.memo(p);function S({data:o,xField:e="x",yField:n="y",seriesField:s,height:a=320,autoFit:i=!0,className:h,style:u}){return t.jsxs(r.Chart,{data:o,autoFit:i,height:a,className:h,style:{...l,...u},children:[t.jsx(r.Tooltip,{shared:!0}),t.jsx(r.Legend,{}),t.jsx(r.Interval,{position:`${e}*${n}`,color:s})]})}const D=c.memo(S);function m({data:o,angleField:e="value",colorField:n="type",height:s=320,autoFit:a=!0,className:i,style:h}){return t.jsxs(r.Chart,{data:o,autoFit:a,height:s,className:i,style:{...l,...h},children:[t.jsx(r.Coordinate,{type:"theta",radius:.85}),t.jsx(r.Tooltip,{showTitle:!1}),t.jsx(r.Legend,{}),t.jsx(r.Interval,{position:e,color:n,adjust:"stack"})]})}const U=c.memo(m);function y({data:o,angleField:e="value",colorField:n="type",height:s=320,autoFit:a=!0,className:i,style:h}){return t.jsxs(r.Chart,{data:o,autoFit:a,height:s,className:i,style:{...l,...h},children:[t.jsx(r.Coordinate,{type:"theta",radius:.85,innerRadius:.62}),t.jsx(r.Tooltip,{showTitle:!1}),t.jsx(r.Legend,{}),t.jsx(r.Interval,{position:e,color:n,adjust:"stack"})]})}const $=c.memo(y);function g({data:o,xField:e="x",yField:n="y",colorField:s,sizeField:a,height:i=320,autoFit:h=!0,className:u,style:j}){const x=`${e}*${n}`;return t.jsxs(r.Chart,{data:o,autoFit:h,height:i,className:u,style:{...l,...j},children:[t.jsx(r.Tooltip,{shared:!0}),t.jsx(r.Legend,{}),t.jsx(r.Point,{position:x,color:s,size:a,shape:"circle"})]})}const C=c.memo(g);function f(o){return t.jsx(C,{...o})}function L({data:o,xField:e="x",yField:n="y",seriesField:s,height:a=320,autoFit:i=!0,className:h,style:u}){return t.jsxs(r.Chart,{data:o,autoFit:i,height:a,className:h,style:{...l,...u},children:[t.jsx(r.Coordinate,{type:"polar",radius:.8}),t.jsx(r.Tooltip,{shared:!0}),t.jsx(r.Legend,{}),t.jsx(r.Line,{position:`${e}*${n}`,color:s}),t.jsx(r.Point,{position:`${e}*${n}`,color:s})]})}const P=c.memo(L);function T({data:o,xField:e="x",yField:n="y",seriesField:s,height:a=320,autoFit:i=!0,className:h,style:u}){return t.jsxs(r.Chart,{data:o,autoFit:i,height:a,className:h,style:{...l,...u},children:[t.jsx(r.Coordinate,{type:"polar",radius:.8}),t.jsx(r.Tooltip,{shared:!0}),t.jsx(r.Legend,{}),t.jsx(r.Polygon,{position:`${e}*${n}`,color:s})]})}const b=c.memo(T);exports.UDSBarChart=D;exports.UDSBubbleChart=f;exports.UDSDoughnutChart=$;exports.UDSLineChart=d;exports.UDSPieChart=U;exports.UDSPolarAreaChart=b;exports.UDSRadarChart=P;exports.UDSScatterChart=C;

package/dist/charts/BizChartsAdapters.js

@@ -1 +0,0 @@
-import{jsx as t,jsxs as c}from"react/jsx-runtime";import{memo as h}from"react";import{Chart as l,Tooltip as p,Legend as C,Interval as S,Coordinate as y,Line as m,Point as D,Polygon as $}from"bizcharts";const d={width:"100%"};function x({data:r,xField:o="x",yField:n="y",seriesField:e,height:a=320,autoFit:i=!0,className:s,style:u}){return c(l,{data:r,autoFit:i,height:a,className:s,style:{...d,...u},children:[t(p,{shared:!0}),t(C,{}),t(m,{position:`${o}*${n}`,color:e}),t(D,{position:`${o}*${n}`,color:e})]})}const k=h(x);function P({data:r,xField:o="x",yField:n="y",seriesField:e,height:a=320,autoFit:i=!0,className:s,style:u}){return c(l,{data:r,autoFit:i,height:a,className:s,style:{...d,...u},children:[t(p,{shared:!0}),t(C,{}),t(S,{position:`${o}*${n}`,color:e})]})}const A=h(P);function g({data:r,angleField:o="value",colorField:n="type",height:e=320,autoFit:a=!0,className:i,style:s}){return c(l,{data:r,autoFit:a,height:e,className:i,style:{...d,...s},children:[t(y,{type:"theta",radius:.85}),t(p,{showTitle:!1}),t(C,{}),t(S,{position:o,color:n,adjust:"stack"})]})}const z=h(g);function j({data:r,angleField:o="value",colorField:n="type",height:e=320,autoFit:a=!0,className:i,style:s}){return c(l,{data:r,autoFit:a,height:e,className:i,style:{...d,...s},children:[t(y,{type:"theta",radius:.85,innerRadius:.62}),t(p,{showTitle:!1}),t(C,{}),t(S,{position:o,color:n,adjust:"stack"})]})}const I=h(j);function L({data:r,xField:o="x",yField:n="y",colorField:e,sizeField:a,height:i=320,autoFit:s=!0,className:u,style:U}){const f=`${o}*${n}`;return c(l,{data:r,autoFit:s,height:i,className:u,style:{...d,...U},children:[t(p,{shared:!0}),t(C,{}),t(D,{position:f,color:e,size:a,shape:"circle"})]})}const v=h(L);function q(r){return t(v,{...r})}function w({data:r,xField:o="x",yField:n="y",seriesField:e,height:a=320,autoFit:i=!0,className:s,style:u}){return c(l,{data:r,autoFit:i,height:a,className:s,style:{...d,...u},children:[t(y,{type:"polar",radius:.8}),t(p,{shared:!0}),t(C,{}),t(m,{position:`${o}*${n}`,color:e}),t(D,{position:`${o}*${n}`,color:e})]})}const E=h(w);function B({data:r,xField:o="x",yField:n="y",seriesField:e,height:a=320,autoFit:i=!0,className:s,style:u}){return c(l,{data:r,autoFit:i,height:a,className:s,style:{...d,...u},children:[t(y,{type:"polar",radius:.8}),t(p,{shared:!0}),t(C,{}),t($,{position:`${o}*${n}`,color:e})]})}const G=h(B);export{A as UDSBarChart,q as UDSBubbleChart,I as UDSDoughnutChart,k as UDSLineChart,z as UDSPieChart,G as UDSPolarAreaChart,E as UDSRadarChart,v as UDSScatterChart};

package/dist/charts-bizcharts/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../charts/BizChartsAdapters.cjs");exports.UDSBarChart=r.UDSBarChart;exports.UDSBubbleChart=r.UDSBubbleChart;exports.UDSDoughnutChart=r.UDSDoughnutChart;exports.UDSLineChart=r.UDSLineChart;exports.UDSPieChart=r.UDSPieChart;exports.UDSPolarAreaChart=r.UDSPolarAreaChart;exports.UDSRadarChart=r.UDSRadarChart;exports.UDSScatterChart=r.UDSScatterChart;

package/dist/charts-bizcharts/index.js

@@ -1 +0,0 @@
-import{UDSBarChart as t,UDSBubbleChart as h,UDSDoughnutChart as D,UDSLineChart as S,UDSPieChart as C,UDSPolarAreaChart as U,UDSRadarChart as e,UDSScatterChart as o}from"../charts/BizChartsAdapters.js";export{t as UDSBarChart,h as UDSBubbleChart,D as UDSDoughnutChart,S as UDSLineChart,C as UDSPieChart,U as UDSPolarAreaChart,e as UDSRadarChart,o as UDSScatterChart};

package/dist/components/Card/Card.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("react-router-dom");;/* empty css             */function d({to:r,title:s,description:c,icon:i,className:a=""}){return e.jsxs(t.Link,{className:`card ${a}`.trim(),to:r,children:[e.jsx("div",{className:"card__icon",children:i}),e.jsxs("div",{className:"card__content",children:[e.jsx("h2",{className:"card__title",children:s}),e.jsx("p",{className:"card__description",children:c})]})]})}exports.default=d;

package/dist/components/Card/Card.js

@@ -1 +0,0 @@
-import{jsxs as c,jsx as r}from"react/jsx-runtime";import{Link as n}from"react-router-dom";/* empty css          */function o({to:a,title:i,description:e,icon:d,className:s=""}){return c(n,{className:`card ${s}`.trim(),to:a,children:[r("div",{className:"card__icon",children:d}),c("div",{className:"card__content",children:[r("h2",{className:"card__title",children:i}),r("p",{className:"card__description",children:e})]})]})}export{o as default};

package/dist/design-system/charts/BizChartsAdapters.d.ts

@@ -1,40 +0,0 @@
-import { type CSSProperties } from "react";
-type ChartDatum = Record<string, string | number>;
-interface BaseChartProps {
-    data: ChartDatum[];
-    height?: number;
-    autoFit?: boolean;
-    className?: string;
-    style?: CSSProperties;
-}
-interface CartesianChartProps extends BaseChartProps {
-    xField?: string;
-    yField?: string;
-    seriesField?: string;
-}
-interface PieChartProps extends BaseChartProps {
-    angleField?: string;
-    colorField?: string;
-}
-interface ScatterChartProps extends BaseChartProps {
-    xField?: string;
-    yField?: string;
-    colorField?: string;
-    sizeField?: string;
-}
-declare function UDSLineChartComponent({ data, xField, yField, seriesField, height, autoFit, className, style, }: CartesianChartProps): import("react/jsx-runtime").JSX.Element;
-export declare const UDSLineChart: import("react").MemoExoticComponent<typeof UDSLineChartComponent>;
-declare function UDSBarChartComponent({ data, xField, yField, seriesField, height, autoFit, className, style, }: CartesianChartProps): import("react/jsx-runtime").JSX.Element;
-export declare const UDSBarChart: import("react").MemoExoticComponent<typeof UDSBarChartComponent>;
-declare function UDSPieChartComponent({ data, angleField, colorField, height, autoFit, className, style, }: PieChartProps): import("react/jsx-runtime").JSX.Element;
-export declare const UDSPieChart: import("react").MemoExoticComponent<typeof UDSPieChartComponent>;
-declare function UDSDoughnutChartComponent({ data, angleField, colorField, height, autoFit, className, style, }: PieChartProps): import("react/jsx-runtime").JSX.Element;
-export declare const UDSDoughnutChart: import("react").MemoExoticComponent<typeof UDSDoughnutChartComponent>;
-declare function UDSScatterChartComponent({ data, xField, yField, colorField, sizeField, height, autoFit, className, style, }: ScatterChartProps): import("react/jsx-runtime").JSX.Element;
-export declare const UDSScatterChart: import("react").MemoExoticComponent<typeof UDSScatterChartComponent>;
-export declare function UDSBubbleChart(props: ScatterChartProps): import("react/jsx-runtime").JSX.Element;
-declare function UDSRadarChartComponent({ data, xField, yField, seriesField, height, autoFit, className, style, }: CartesianChartProps): import("react/jsx-runtime").JSX.Element;
-export declare const UDSRadarChart: import("react").MemoExoticComponent<typeof UDSRadarChartComponent>;
-declare function UDSPolarAreaChartComponent({ data, xField, yField, seriesField, height, autoFit, className, style, }: CartesianChartProps): import("react/jsx-runtime").JSX.Element;
-export declare const UDSPolarAreaChart: import("react").MemoExoticComponent<typeof UDSPolarAreaChartComponent>;
-export {};

package/dist/design-system/charts/index.d.ts

@@ -1 +0,0 @@
-export { UDSBarChart, UDSBubbleChart, UDSDoughnutChart, UDSLineChart, UDSPieChart, UDSPolarAreaChart, UDSRadarChart, UDSScatterChart, } from "./BizChartsAdapters";

package/dist/design-system/components/Card/Card.d.ts

@@ -1,13 +0,0 @@
-import "./_card.scss";
-import type { CardProps } from "./Card.types";
-/**
- * Card component for navigation items on the overview page
- *
- * @param {Object} props
- * @param {string} props.to - The route path to navigate to
- * @param {string} props.title - The card title
- * @param {string} props.description - The card description
- * @param {React.ReactNode} props.icon - The SVG icon to display
- * @param {string} [props.className] - Additional CSS classes
- */
-export default function Card({ to, title, description, icon, className }: CardProps): import("react/jsx-runtime").JSX.Element;

package/dist/design-system/components/Card/Card.types.d.ts

@@ -1,8 +0,0 @@
-import type { HTMLAttributes, ReactNode } from "react";
-export interface CardProps extends HTMLAttributes<HTMLDivElement> {
-    to?: unknown;
-    title?: unknown;
-    description?: unknown;
-    icon?: string | ReactNode;
-    className?: string;
-}

package/dist/design-system/components/Card/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from "./Card";
-export { default as Card } from "./Card";
-export type { CardProps } from "./Card.types";