@gobolt/genesis 0.0.7

package/dist/styles/theme/genesis-theme.types.d.ts

@@ -0,0 +1,162 @@
+export declare enum BreakpointLabel {
+    Narrow = "narrow",
+    Medium = "medium",
+    Wide = "wide"
+}
+export type Breakpoints = {
+    [key in BreakpointLabel]: number;
+};
+export type Sizing = {
+    Size1: number;
+    Size2: number;
+    Size3: number;
+    Size4: number;
+    Size5: number;
+    Size6: number;
+    Size7: number;
+    Size8: number;
+    Size10: number;
+    Size12: number;
+    Size13: number;
+    Size14: number;
+    Size16: number;
+    Size18: number;
+    Size20: number;
+    Size24: number;
+    Size27: number;
+    Size28: number;
+    Size30: number;
+    Size32: number;
+    Size34: number;
+    Size35: number;
+    Size39: number;
+    Size43: number;
+    Size50: number;
+    Size64: number;
+    Size05: number;
+    Size15: number;
+    Size025: number;
+    Size25: number;
+};
+type BorderRadius = {
+    BorderRadiusNone: number;
+    BorderRadiusXs: number;
+    BorderRadiusSm: number;
+    BorderRadiusMd: number;
+    BorderRadiusLg: number;
+    BorderRadiusXl: number;
+    BorderRadiusXxl: number;
+    BorderRadiusXxxl: number;
+    BorderRadiusRounded: number;
+};
+type FontStyle = {
+    fontSize: string;
+    lineHeight: string;
+    fontWeight: number;
+};
+export type TypographySize = {
+    display1: FontStyle;
+    display2: FontStyle;
+    display3: FontStyle;
+    heading1: FontStyle;
+    heading2: FontStyle;
+    heading3: FontStyle;
+    subHeading1: FontStyle;
+    subHeading2: FontStyle;
+    subHeading3: FontStyle;
+    body1: FontStyle;
+    body2: FontStyle;
+    body3: FontStyle;
+    body4: FontStyle;
+    body5: FontStyle;
+    message: FontStyle;
+    overline: FontStyle;
+    label: FontStyle;
+    link1: FontStyle;
+    link2: FontStyle;
+    link3: FontStyle;
+    digits1: FontStyle;
+    digits2: FontStyle;
+    digits3: FontStyle;
+};
+export type Typography = {
+    wide: TypographySize;
+    medium: TypographySize;
+    narrow: TypographySize;
+};
+export type ColorShades = {
+    100?: string;
+    200?: string;
+    300?: string;
+    400?: string;
+    500?: string;
+    600?: string;
+    700?: string;
+    800?: string;
+    900?: string;
+    black?: string;
+    white?: string;
+};
+type ColorLayer = {
+    textColor: string;
+    backgroundColor: string;
+    borderColor: string;
+    ringColor?: string;
+};
+type ColorState = {
+    active: ColorLayer;
+    hover: ColorLayer;
+    pressed: ColorLayer;
+    focussed: ColorLayer;
+    disabled: ColorLayer;
+};
+export type ColorMode = {
+    primary: ColorState;
+    secondary: ColorState;
+    tertiary: ColorState;
+};
+export type ColorModes = {
+    light: ColorMode;
+    dark: ColorMode;
+};
+export type ColorGroup = "red" | "orange" | "yellow" | "green" | "blue" | "purple" | "sky" | "gray";
+type AllColors = {
+    red: ColorShades;
+    orange: ColorShades;
+    yellow: ColorShades;
+    green: ColorShades;
+    blue: ColorShades;
+    purple: ColorShades;
+    sky: ColorShades;
+    gray: ColorShades;
+};
+type Mode = "light" | "dark";
+export type GenesisTheme = {
+    breakpoints: Breakpoints;
+    sizing: Sizing;
+    borderRadius: BorderRadius;
+    typography: Typography;
+    allColors: AllColors;
+    colors: ColorMode;
+    mode: Mode;
+};
+type Button = {
+    padding: {
+        verPadding: number;
+        horPadding: number;
+    };
+    gap: number;
+    radius: number;
+};
+type Components = {
+    button: Button;
+};
+export type BaseTokens = {
+    breakpoints: Breakpoints;
+    sizing: Sizing;
+    borderRadius: BorderRadius;
+    typography: Typography;
+    allColors: AllColors;
+    components: Components;
+};
+export {};

package/dist/styles/theme/genesis-theme.types.js

@@ -0,0 +1,4 @@
+var d = /* @__PURE__ */ ((r) => (r.Narrow = "narrow", r.Medium = "medium", r.Wide = "wide", r))(d || {});
+export {
+  d as BreakpointLabel
+};

package/dist/styles/theme/global-styles.d.ts

@@ -0,0 +1 @@
+export declare const GlobalStyles: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & object>;

package/dist/styles/theme/global-styles.js

@@ -0,0 +1,35 @@
+import { f as a } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+const e = a`
+  h1, h2, h3, h4, h5, h6 {
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    font-weight: 700;
+    @media (max-width: ${({ theme: o }) => o.breakpoints.narrow}) {
+      color: ${({ theme: o }) => o.typography.narrow.heading1.color};
+    }
+    @media (max-width: ${({ theme: o }) => o.breakpoints.medium}) {
+      color: ${({ theme: o }) => o.typography.medium.heading1.color};
+    }
+    @media (min-width: ${({ theme: o }) => o.breakpoints.wide}) {
+      color: ${({ theme: o }) => o.typography.wide.heading1.color};
+    }
+  },
+  body {
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    @media (max-width: ${({ theme: o }) => o.breakpoints.narrow}) {
+      background: ${({ theme: o }) => o.typography.narrow.body1.background};
+      color: ${({ theme: o }) => o.typography.narrow.body1.color};
+    }
+    @media (max-width: ${({ theme: o }) => o.breakpoints.medium}) {
+      background: ${({ theme: o }) => o.typography.medium.body1.background};
+      color: ${({ theme: o }) => o.typography.medium.body1.color};
+    }
+    @media (min-width: ${({ theme: o }) => o.breakpoints.wide}) {
+      background: ${({ theme: o }) => o.typography.wide.body1.background};
+      color: ${({ theme: o }) => o.typography.wide.body1.color};
+    }
+    transition: background 0.2s ease-in, color 0.2s ease-in;
+  }
+`;
+export {
+  e as GlobalStyles
+};

package/dist/styles/theme/index.d.ts

@@ -0,0 +1 @@
+export * from './genesis-theme';

package/dist/styles/theme/index.js

@@ -0,0 +1,9 @@
+import { TypographySizeKey as o, baseTokens as r, breakpoints as a, darkTheme as h, lightTheme as p, sizing as s } from "./genesis-theme.js";
+export {
+  o as TypographySizeKey,
+  r as baseTokens,
+  a as breakpoints,
+  h as darkTheme,
+  p as lightTheme,
+  s as sizing
+};

package/dist/test/setup.d.ts

@@ -0,0 +1,5 @@
+import { RenderResult } from '@testing-library/react';
+import { ReactElement } from 'react';
+
+declare const customRender: (ui: ReactElement) => RenderResult;
+export { customRender };

package/dist/test/setup.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import { a as e } from "../setup-CMYVZCPF.js";
+import "../providers/GenesisProvider.js";
+import "../providers/ThemeProvider.js";
+export {
+  e as customRender
+};

package/dist/useVariants-CEpw6Ww6.js

@@ -0,0 +1,29 @@
+import { c as f, C as g, V as m } from "./index-BWys7dkb.js";
+import * as u from "react";
+import { V } from "./context-CZsFJmh6.js";
+function b(n, e, a) {
+  return f({
+    [`${n}-status-success`]: e === "success",
+    [`${n}-status-warning`]: e === "warning",
+    [`${n}-status-error`]: e === "error",
+    [`${n}-status-validating`]: e === "validating",
+    [`${n}-has-feedback`]: a
+  });
+}
+const v = (n, e) => e || n, p = function(n, e) {
+  let a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : void 0;
+  var s, r;
+  const {
+    variant: d,
+    [n]: o
+  } = u.useContext(g), i = u.useContext(V), c = o == null ? void 0 : o.variant;
+  let t;
+  typeof e < "u" ? t = e : a === !1 ? t = "borderless" : t = (r = (s = i ?? c) !== null && s !== void 0 ? s : d) !== null && r !== void 0 ? r : "outlined";
+  const l = m.includes(t);
+  return [t, l];
+};
+export {
+  b as a,
+  v as g,
+  p as u
+};

package/dist/utils/getAppointmentColor.d.ts

@@ -0,0 +1,4 @@
+import { Fulfillment, Storage } from '@secondcloset/types';
+
+declare const getAppointmentColor: (kind: "type" | "status", data: Fulfillment.ShipmentActionType | Fulfillment.AppointmentStatus | Storage.AppointmentStatus) => string;
+export default getAppointmentColor;

package/dist/utils/getAppointmentColor.js

@@ -0,0 +1,91 @@
+const d = {
+  red: "#da4453",
+  green: "#8cc152",
+  orange: "#f90",
+  mint: "#37bc9b",
+  yellow: "#f6bb42",
+  skyBlue: "#3bafda",
+  oceanBlue: "#4A89DC",
+  purple: "#ac92ec",
+  pink: "#ffc0cb",
+  navy: "#001f3f"
+}, {
+  red: s,
+  green: u,
+  orange: r,
+  mint: c,
+  yellow: t,
+  skyBlue: l,
+  oceanBlue: n,
+  purple: e,
+  pink: i,
+  navy: p
+} = d, f = (o, a) => {
+  if (o === "type")
+    switch (a) {
+      case "pick_up":
+      case "inventory_pick_up":
+        return r;
+      case "drop_off":
+        return l;
+      case "immediate_pick_up":
+        return n;
+      case "return":
+        return e;
+      case "retrieve":
+        return t;
+      case "immediate_retrieve":
+        return c;
+      case "return_to_sender":
+      case "reverse_logistics":
+        return u;
+      case "cross_dock_delivery":
+      case "delivery":
+        return p;
+      default:
+        return i;
+    }
+  else
+    switch (a) {
+      case "request_received":
+        return t;
+      case "confirmed":
+      case "shipment_created":
+        return u;
+      case "fulfillment":
+        return r;
+      case "ready":
+        return r;
+      case "loaded":
+        return e;
+      case "cancelled":
+        return s;
+      case "scheduled":
+        return l;
+      case "fulfilled":
+        return e;
+      case "on_the_way":
+        return n;
+      case "active":
+        return i;
+      case "done":
+        return t;
+      case "staging":
+        return e;
+      case "completed":
+        return n;
+      case "started":
+        return c;
+      case "arrived":
+        return c;
+      case "incomplete":
+      case "failed":
+      case "no_show":
+        return s;
+      default:
+        return "black";
+    }
+};
+export {
+  f as default
+};

package/dist/utils/isAllEnglishString.d.ts

@@ -0,0 +1 @@
+export declare const isAllEnglishString: (str: string | undefined) => boolean;

package/dist/utils/isAllEnglishString.js

@@ -0,0 +1,8 @@
+const i = (t) => {
+  if (typeof t != "string" || !t || !t.trim()) return !1;
+  const e = /[\x00-\x80]+/;
+  return t.split("").every((n) => e.test(n));
+};
+export {
+  i as isAllEnglishString
+};

package/dist/utils/isAllEnglishString.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/isAllEnglishString.test.js

@@ -0,0 +1,8 @@
+import { isAllEnglishString as i } from "./isAllEnglishString.js";
+describe("isAllEnglishString", () => {
+  test("English string", () => {
+    expect(i("this is an english string")).toEqual(!0);
+  }), test("French string", () => {
+    expect(i("string en français")).toEqual(!1);
+  });
+});

package/dist/utils/parseAddress.d.ts

@@ -0,0 +1,3 @@
+import { Fulfillment } from '@secondcloset/types';
+
+export declare const parseAddress: ({ address, address_line_1, address_line_2, city, postal_code, province, country, }: Partial<Fulfillment.CustomerAddress>) => string;

package/dist/utils/parseAddress.js

@@ -0,0 +1,19 @@
+const s = ({
+  address: r,
+  address_line_1: o,
+  address_line_2: t,
+  city: e,
+  postal_code: i,
+  province: n,
+  country: p
+}) => [
+  o || r,
+  t,
+  e,
+  n,
+  i,
+  p
+].filter(Boolean).join(", ").trim();
+export {
+  s as parseAddress
+};

package/dist/vite-env.d.js

@@ -0,0 +1 @@
+

package/package.json

@@ -0,0 +1,115 @@
+{
+  "name": "@gobolt/genesis",
+  "version": "0.0.7",
+  "description": "genesis design system",
+  "author": "gobolt",
+  "license": "MIT",
+  "repository": "SecondCloset/genesis",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/lib/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --extendedDiagnostics --p ./tsconfig-build.json && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build",
+    "start": "storybook dev -p 6006",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "test": "vitest run",
+    "coverage": "vitest run --coverage",
+    "generate": "tsx ./lab/generate/generate-component",
+    "generate:story": "tsx ./lab/generate/generate-story",
+    "test:watch": "vitest"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@changesets/cli": "^2.27.8",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-typescript": "^12.1.1",
+    "@storybook/addon-essentials": "^8.5.0",
+    "@storybook/addon-interactions": "^8.5.0",
+    "@storybook/addon-links": "^8.5.0",
+    "@storybook/addon-mdx-gfm": "^8.5.0",
+    "@storybook/blocks": "^8.5.0",
+    "@storybook/react": "^8.5.0",
+    "@storybook/react-vite": "^8.5.0",
+    "@storybook/test": "^8.5.0",
+    "@storybook/test-runner": "^0.19.1",
+    "@types/jest": "^29.5.11",
+    "@types/react": "^18.2.37",
+    "@types/react-dom": "^18.2.15",
+    "@typescript-eslint/eslint-plugin": "^6.10.0",
+    "@typescript-eslint/parser": "^6.10.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "@vitest/browser": "^2.0.2",
+    "eslint": "^8.57.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.4",
+    "eslint-plugin-storybook": "^0.8.0",
+    "glob": "^10.3.10",
+    "jest": "^29.7.0",
+    "jsdom": "^23.0.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rollup-plugin-dts": "^6.1.1",
+    "storybook": "8.5.0",
+    "tsx": "^4.19.2",
+    "typescript": "^5.2.2",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.6.4",
+    "vite-plugin-lib-inject-css": "^1.3.0",
+    "vitest": "^2.1.8"
+  },
+  "dependencies": {
+    "@ant-design/icons": "^5.5.2",
+    "@fontsource/inter": "^5.1.1",
+    "@mdx-js/react": "^3.0.1",
+    "@secondcloset/types": "^3.4.6",
+    "@storybook/addon-a11y": "^8.5.0",
+    "@storybook/addon-docs": "^8.5.0",
+    "@storybook/addon-styling": "^1.3.7",
+    "@testing-library/jest-dom": "^6.1.5",
+    "@testing-library/react": "^14.1.2",
+    "@testing-library/user-event": "^14.6.0",
+    "antd": "^5.23.1",
+    "clsx": "^1.1.0",
+    "date-fns": "^3.6.0",
+    "react-error-boundary": "^4.0.11",
+    "rollup-plugin-css-only": "^4.5.2",
+    "styled-components": "^6.1.14",
+    "vite-plugin-css-injected-by-js": "^3.3.0",
+    "vite-tsconfig-paths": "^5.1.4"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "rollup",
+    "react",
+    "react component",
+    "rollup react",
+    "component",
+    "example react component",
+    "example rollup react component"
+  ],
+  "bugs": {
+    "url": "https://github.com/SecondCloset/genesis/issues"
+  },
+  "homepage": "https://github.com/SecondCloset/genesis#readme"
+}