@local-logic/design-system 0.7.6

package/README.md

@@ -0,0 +1,7 @@
+# @local-logic/design-system
+
+This UI library is a package used by the @local-logic team for the use in local logic projects
+
+## Icons
+
+Icons for the design system can be found [here](https://drive.google.com/drive/folders/1mEPGKQA4Mlf-Xlzv7QzV2JXmjGr4IDE1?usp=sharing)

package/dist/CaretDown-qK3_eXZo.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.29289 11.2929C5.68342 10.9024 6.31658 10.9024 6.70711 11.2929L16 20.5858L25.2929 11.2929C25.6834 10.9024 26.3166 10.9024 26.7071 11.2929C27.0976 11.6834 27.0976 12.3166 26.7071 12.7071L16.7071 22.7071C16.3166 23.0976 15.6834 23.0976 15.2929 22.7071L5.29289 12.7071C4.90237 12.3166 4.90237 11.6834 5.29289 11.2929Z", fill: "currentColor" }));
+export {
+  l as default
+};

package/dist/CaretUp-BwXusn0Y.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.2929 9.29289C15.6834 8.90237 16.3166 8.90237 16.7071 9.29289L26.7071 19.2929C27.0976 19.6834 27.0976 20.3166 26.7071 20.7071C26.3166 21.0976 25.6834 21.0976 25.2929 20.7071L16 11.4142L6.70711 20.7071C6.31658 21.0976 5.68342 21.0976 5.29289 20.7071C4.90237 20.3166 4.90237 19.6834 5.29289 19.2929L15.2929 9.29289Z", fill: "currentColor" }));
+export {
+  l as default
+};

package/dist/icons/assets/arrows/index.d.ts

@@ -0,0 +1,3 @@
+export declare const CaretUp: import('react').LazyExoticComponent<import('react').ComponentType<any>>;
+export declare const CaretDown: import('react').LazyExoticComponent<import('react').ComponentType<any>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/assets/arrows/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/icons/assets/arrows/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,yEAA4C,CAAC;AACjE,eAAO,MAAM,SAAS,yEAA8C,CAAC"}

package/dist/icons/assets/index.d.ts

@@ -0,0 +1,2 @@
+export * from './arrows';
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/assets/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/assets/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/icons/components/Icon/index.d.ts

@@ -0,0 +1,18 @@
+import { default as React, HTMLAttributes } from 'react';
+
+import * as icons from "../../assets";
+export type IconName = keyof typeof icons;
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    icon: IconName;
+    className?: string;
+    rotate?: number;
+}
+/**
+ *
+ * @param icon string key icon name
+ * @param className string classes for styling
+ * @param rotate optional number rotation of the icon
+ * @returns Icon react component
+ */
+export declare const Icon: ({ icon, className, rotate, ...rest }: Props) => React.JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/components/Icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/icons/components/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAEjE,OAAO,KAAK,KAAK,MAAM,cAAc,CAAC;AAEtC,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC;AAE1C,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3D,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,yCAA0C,KAAK,6BAuB/D,CAAC"}

package/dist/icons/components/StorybookIconList/index.d.ts

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+import { IconName } from '../../index';
+import { Props as IconProps } from '../Icon';
+
+export declare const argTypes: {
+    icons: {
+        control: boolean;
+        disable: boolean;
+    };
+    title: {
+        control: boolean;
+        disable: boolean;
+    };
+    size: {
+        options: string[];
+        control: {
+            type: string;
+        };
+    };
+    background: {
+        options: string[];
+        control: {
+            type: string;
+        };
+    };
+};
+export declare const defaultArgs: {
+    size: string;
+    background: string;
+};
+export declare const StorybookIconList: ({ icons, args }: {
+    icons: IconName[];
+    args: IconProps;
+}) => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/components/StorybookIconList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/icons/components/StorybookIconList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,SAAS,CAAC;AAG7C,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;CAiBpB,CAAC;AAEF,eAAO,MAAM,WAAW;;;CAGvB,CAAA;AAED,eAAO,MAAM,iBAAiB,oBAAqB;IACjD,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;CACjB,sBAuCA,CAAA"}

package/dist/icons/components/StorybookIconList/index.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/react';
+import { Icon, IconName } from '../../index';
+
+declare const _default: Meta<typeof Icon>;
+export default _default;
+export declare const Arrows: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, {
+    title: string;
+    icons: IconName[];
+    size: string;
+    background: string;
+}>;
+//# sourceMappingURL=index.stories.d.ts.map

package/dist/icons/components/StorybookIconList/index.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../../../src/icons/components/StorybookIconList/index.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;wBAQ/C,IAAI,CAAC,OAAO,IAAI,CAAC;AAJtB,wBAIuB;AAcvB,eAAO,MAAM,MAAM;WAXV,MAAM;WACN,QAAQ,EAAE;UACX,MAAM;gBACA,MAAM;EAQmB,CAAC"}

package/dist/icons/components/StorybookIconList/lists/arrows.d.ts

@@ -0,0 +1,4 @@
+import { IconName } from '../../../index';
+
+export declare const icons: IconName[];
+//# sourceMappingURL=arrows.d.ts.map

package/dist/icons/components/StorybookIconList/lists/arrows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrows.d.ts","sourceRoot":"","sources":["../../../../../src/icons/components/StorybookIconList/lists/arrows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,eAAO,MAAM,KAAK,EAAE,QAAQ,EAA6B,CAAC"}

package/dist/icons/components/StorybookIconList/styles.d.ts

@@ -0,0 +1,8 @@
+export declare const header = "mb-5 py-3 border-b border-gray-100";
+export declare const title = "text-lg font-semibold";
+export declare const link = "text-blue-600 hover:text-blue-900 transition-colors";
+export declare const container = "grid grid-cols-4 sm:grid-cols-6 md:grid-cols-8 lg:grid-cols-10 xl:grid-cols-12 gap-4";
+export declare const listItem = "\n  p-4 bg-white rounded-lg flex flex-col items-center justify-between shadow-md cursor-pointer group hover:bg-gray-100 transition-colors border border-gray-100\n  data-[copied=true]:bg-green-100 data-[copied=true]:hover:bg-green-200 data-[copied=true]:border-green-100 data-[copied=true]:hover:border-green-200\n";
+export declare const icon = "mb-2";
+export declare const name = "text-[12px] w-full truncate text-ellipsis overflow-hidden text-center";
+//# sourceMappingURL=styles.d.ts.map

package/dist/icons/components/StorybookIconList/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/icons/components/StorybookIconList/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,uCAAuC,CAAC;AAC3D,eAAO,MAAM,KAAK,0BAA0B,CAAC;AAC7C,eAAO,MAAM,IAAI,wDAAwD,CAAC;AAC1E,eAAO,MAAM,SAAS,yFAAyF,CAAC;AAChH,eAAO,MAAM,QAAQ,8TAGpB,CAAC;AACF,eAAO,MAAM,IAAI,SAAS,CAAC;AAC3B,eAAO,MAAM,IAAI,0EAA0E,CAAC"}

package/dist/icons/index.d.ts

@@ -0,0 +1,3 @@
+export { Icon } from './components/Icon';
+export type { IconName } from './components/Icon';
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,YAAY,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/icons/index.js

@@ -0,0 +1,31 @@
+import { jsx as t } from "react/jsx-runtime";
+import { lazy as s, useMemo as i, Suspense as c } from "react";
+function l(e) {
+  return s(async () => await e());
+}
+const m = l(async () => import("../CaretUp-BwXusn0Y.js")), u = l(async () => import("../CaretDown-qK3_eXZo.js")), y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CaretDown: u,
+  CaretUp: m
+}, Symbol.toStringTag, { value: "Module" })), d = ({ icon: e, className: n, rotate: r, ...a }) => {
+  const o = i(() => y[e], [e]);
+  return o ? /* @__PURE__ */ t(
+    "div",
+    {
+      className: n,
+      "aria-label": e,
+      role: "img",
+      style: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        transform: r ? `rotate(${r}deg)` : void 0
+      },
+      ...a,
+      children: /* @__PURE__ */ t(c, { fallback: null, children: /* @__PURE__ */ t(o, { style: { width: "100%", height: "100%" } }) })
+    }
+  ) : null;
+};
+export {
+  d as Icon
+};

package/dist/icons/utils/lazy.d.ts

@@ -0,0 +1,2 @@
+export declare function lazy(importFn: Function): import('react').LazyExoticComponent<import('react').ComponentType<any>>;
+//# sourceMappingURL=lazy.d.ts.map

package/dist/icons/utils/lazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy.d.ts","sourceRoot":"","sources":["../../../src/icons/utils/lazy.ts"],"names":[],"mappings":"AAGA,wBAAgB,IAAI,CAAC,QAAQ,EAAE,QAAQ,2EAMtC"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './icons';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/package.json

@@ -0,0 +1,97 @@
+{
+  "name": "@local-logic/design-system",
+  "version": "0.7.6",
+  "author": "Local Logic",
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "ISC",
+  "type": "module",
+  "main": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js"
+    },
+    "./icons": {
+      "import": "./dist/icons/index.js"
+    },
+    "./tailwind.config.cjs": "./tailwind.config.cjs",
+    "./postcss.config.cjs": "./postcss.config.cjs",
+    "./style.css": "./dist/style.css"
+  },
+  "typesVersions": {
+    "*": {
+      "types": [
+        "./dist/index.d.ts"
+      ],
+      "icons": [
+        "./dist/icons/index.d.ts"
+      ]
+    }
+  },
+  "sideEffects": false,
+  "files": [
+    "./dist/**/*",
+    "tailwind.config.js",
+    "postcss.config.js"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "build:staging": "vite build --mode=staging",
+    "stats": "STATS=1 vite build",
+    "size": "yarn run build && size-limit",
+    "lint": "TIMING=1 eslint --ext .js,.jsx,.ts,.tsx .",
+    "check-types": "tsc --project ./tsconfig.json --noEmit",
+    "prepublishOnly": "yarn run build",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
+    "storybook": "storybook dev -p 6007",
+    "build-storybook": "storybook build",
+    "locale-invalidate": "txjs-cli invalidate"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@local-logic/eslint-config": "*",
+    "@storybook/addon-actions": "^8.1.5",
+    "@storybook/addon-essentials": "^8.1.5",
+    "@storybook/addon-interactions": "^8.1.5",
+    "@storybook/addon-links": "^8.1.5",
+    "@storybook/addon-themes": "^8.1.5",
+    "@storybook/blocks": "^8.1.5",
+    "@storybook/builder-vite": "^8.1.5",
+    "@storybook/react": "^8.1.5",
+    "@storybook/react-vite": "^8.1.5",
+    "@storybook/testing-library": "^0.2.2",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.7.1",
+    "@typescript-eslint/parser": "^7.7.1",
+    "@vitejs/plugin-react": "^4.2.1",
+    "autoprefixer": "^10.4.19",
+    "eslint": "^8.57.0",
+    "eslint-plugin-html": "^8.1.1",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-storybook": "^0.8.0",
+    "jestconfig": "*",
+    "postcss": "^8.4.38",
+    "prettier": "^3.3.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup-plugin-visualizer": "^5.12.0",
+    "storybook": "^8.0.9",
+    "tailwindcss": "^3.4.3",
+    "tsconfig": "*",
+    "tsconfig-paths-webpack-plugin": "^4.1.0",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.12",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-svgr": "^4.2.0",
+    "vitest": "^1.6.0"
+  },
+  "dependencies": {
+    "glob": "^10.4.1"
+  }
+}