@gobolt/genesis 0.3.26 → 0.3.28

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

@@ -1,263 +0,0 @@
-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;
-    fontFamily: string;
-    lineHeight: string;
-    body1: FontStyle;
-    body2: FontStyle;
-};
-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;
-    active: ColorShades;
-    checked?: string;
-    default?: string;
-    border?: string;
-    onsurface: string;
-    generic?: string;
-    disabled?: string;
-    surface?: string;
-    hover?: string;
-    pressed?: string;
-    focus?: string;
-    info?: string;
-    success?: string;
-    error?: string;
-    empty?: string;
-};
-type ColorState = {
-    active: ColorLayer;
-    hover: ColorLayer;
-    pressed: ColorLayer;
-    focussed: ColorLayer;
-    disabled: ColorLayer;
-    link: ColorLayer;
-    surface: ColorLayer;
-    success: ColorLayer;
-    error: ColorLayer;
-    onsurface: ColorLayer;
-    warning: ColorLayer;
-    generic?: ColorLayer;
-    hollow?: ColorLayer;
-    info?: ColorLayer;
-    utility?: ColorLayer;
-    icon?: ColorLayer;
-    default?: ColorLayer;
-    selected?: ColorLayer;
-    border?: ColorLayer;
-    tertiary?: string;
-    copy?: string;
-    "copy-dark"?: string;
-    "border-light"?: string;
-    primary?: string;
-    progress?: ColorLayer;
-};
-export type ColorMode = {
-    primary: ColorState;
-    secondary: ColorState;
-    tertiary: ColorState;
-    destructive: ColorState;
-    success: ColorState;
-    warning: ColorState;
-    danger: ColorState;
-    info: ColorState;
-    onsurface: ColorState;
-    surface: ColorState;
-    inputs: ColorState;
-    interactive: ColorState;
-    status: ColorState;
-    brandon: 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";
-type Button = {
-    padding: {
-        verPadding: number;
-        horPadding: number;
-    };
-    gap: number;
-    radius: number;
-};
-type Input = {
-    suffixPrefixHorPadding: number;
-    suffixPrefixVerPadding: number;
-};
-type Badge = {
-    "ver-padding": number;
-    "left-padding": number;
-    "right-padding": number;
-    radius: number;
-};
-type CommonContainer = {
-    "ver-padding": number;
-    "hor-padding": number;
-    radius: number;
-    gap: number;
-};
-type Popover = CommonContainer;
-type Row = CommonContainer;
-type TableCell = {
-    surface: string;
-    hover: string;
-    pressed: string;
-};
-export type Components = {
-    button: Button;
-    utilityButton: Button;
-    iconButton: Button;
-    input: Input;
-    row: Row;
-    badge: Badge;
-    popover: Popover;
-    tableCell: TableCell;
-};
-type Motion = {
-    instant: string;
-    veryfast: string;
-    fast: string;
-    medium: string;
-    slow: string;
-};
-type Shadows = {
-    general: {
-        "1": string;
-        "2": string;
-        "3": string;
-    };
-    actions: {
-        "1": string;
-        "2": string;
-    };
-    inputs: {
-        "1": string;
-    };
-};
-interface ConvenienceFunctions {
-    getStatusColor: (colors: ColorMode, status: string) => string;
-}
-export interface BaseTokens extends ConvenienceFunctions {
-    breakpoints: Breakpoints;
-    sizing: Sizing;
-    borderRadius: BorderRadius;
-    typography: Typography;
-    allColors: AllColors;
-    components: Components;
-    motion: Motion;
-    shadows: Shadows;
-}
-export interface GenesisTheme extends BaseTokens {
-    colors: ColorMode;
-    mode: Mode;
-}
-export {};

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

@@ -1,6 +0,0 @@
-export var BreakpointLabel;
-(function (BreakpointLabel) {
-    BreakpointLabel["Narrow"] = "narrow";
-    BreakpointLabel["Medium"] = "medium";
-    BreakpointLabel["Wide"] = "wide";
-})(BreakpointLabel || (BreakpointLabel = {}));

package/dist/styles/theme/index.js

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

package/dist/test/setup.d.ts

@@ -1,6 +0,0 @@
-import { RenderResult } from "@testing-library/react";
-import "@testing-library/jest-dom/vitest";
-import "jest-styled-components";
-import "./setup.types";
-export declare const customRender: (ui: React.ReactElement) => RenderResult;
-export * from "@testing-library/react";

package/dist/test/setup.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from "@testing-library/react";
-import { GenesisProvider } from "@gobolt/genesis/providers";
-import "@testing-library/jest-dom/vitest";
-import "jest-styled-components";
-import "./setup.types";
-// Mock window.computedStyle
-Object.defineProperty(window, "getComputedStyle", {
-    value: function () { return ({
-        getPropertyValue: function () { return ""; },
-        paddingLeft: "0",
-        paddingRight: "0",
-        borderBottomWidth: "0",
-        borderTopWidth: "0",
-    }); },
-});
-// Add matchMedia mock
-Object.defineProperty(window, "matchMedia", {
-    writable: true,
-    value: vi.fn().mockImplementation(function (query) { return ({
-        matches: false,
-        media: query,
-        onchange: null,
-        addListener: vi.fn(),
-        removeListener: vi.fn(),
-        addEventListener: vi.fn(),
-        removeEventListener: vi.fn(),
-        dispatchEvent: vi.fn(),
-    }); }),
-});
-// Mock window dimensions
-Object.defineProperty(window, "innerWidth", {
-    writable: true,
-    value: 1920, // Default to wide breakpoint
-});
-// Prevent resize event listener issues in tests
-var originalAddEventListener = window.addEventListener;
-window.addEventListener = function (type, listener, options) {
-    if (type === "resize") {
-        return; // Skip resize event listeners in tests
-    }
-    return originalAddEventListener.call(window, type, listener, options);
-};
-// Mock ResizeObserver
-global.ResizeObserver = vi.fn().mockImplementation(function () { return ({
-    observe: vi.fn(),
-    unobserve: vi.fn(),
-    disconnect: vi.fn(),
-}); });
-export var customRender = function (ui) {
-    return render(_jsx(GenesisProvider, { isDarkMode: false, children: ui }));
-};
-export * from "@testing-library/react";

package/dist/test/setup.types.d.ts

@@ -1,7 +0,0 @@
-import "@testing-library/jest-dom";
-declare global {
-    namespace Vi {
-        interface JestAssertion<T = any> extends jest.Matchers<void, T>, jest.Matchers<void, T>, jest.JestMatchers<T> {
-        }
-    }
-}

package/dist/test/setup.types.js

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/types/events.d.ts

@@ -1,22 +0,0 @@
-export interface BaseEventPayload {
-    value: string;
-}
-export interface TableEventPayload {
-    title?: string;
-    item?: unknown;
-    value?: string | number;
-}
-export interface ActionEvent<T = Record<string, unknown>> {
-    event?: string;
-    payload: T;
-    type?: string;
-}
-export interface FilterChangeEvent {
-    id: string;
-    label: string;
-    type: string;
-    value: string;
-    onChange: (event: ActionEvent) => void;
-}
-export interface InputEvent extends ActionEvent<BaseEventPayload> {
-}

package/dist/types/events.js

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

package/dist/utils/icon-util.js

@@ -1,119 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { STATE } from "@gobolt/genesis/constants";
-var iconSize = 18;
-// check circle filled & outline
-import { FaCircleCheck } from "react-icons/fa6";
-import { HiOutlineCheckCircle } from "react-icons/hi";
-// info circle filled & outline
-import { PiInfoFill, PiInfo } from "react-icons/pi";
-// error circle filled & outline
-import { HiXCircle } from "react-icons/hi";
-import { HiOutlineXCircle } from "react-icons/hi";
-// warning circle filled & outline
-import { HiExclamationCircle } from "react-icons/hi";
-import { HiOutlineExclamationCircle } from "react-icons/hi";
-// minus circle filled & outline
-import { HiMinusCircle } from "react-icons/hi";
-import { HiOutlineMinusCircle } from "react-icons/hi";
-// clock circle filled & outline
-import { HiClock } from "react-icons/hi";
-import { HiOutlineClock } from "react-icons/hi";
-import { HiOutlineGlobe } from "react-icons/hi";
-import { TbFiles } from "react-icons/tb";
-import { LuTag } from "react-icons/lu";
-export var getIcon = function (name) {
-    switch (name.toLowerCase()) {
-        case "orders": {
-            return _jsx(LuTag, {});
-        }
-        case "warehouse": {
-            return _jsx(HiOutlineGlobe, {});
-        }
-        case "availability": {
-            return _jsx(TbFiles, {});
-        }
-        default: {
-            return null;
-        }
-    }
-};
-export var getIconColor = function (state, theme) {
-    switch (state) {
-        case STATE.error: {
-            return theme.colors.status.error.onsurface;
-        }
-        case STATE.success: {
-            return theme.colors.status.success.onsurface;
-        }
-        case STATE.warning: {
-            return theme.colors.status.warning.default;
-        }
-        case STATE.removed: {
-            return theme.colors.status.generic.default;
-        }
-        case STATE.progress: {
-            return theme.colors.timebox.evening.default;
-        }
-        case STATE.info:
-        default: {
-            return theme.colors.status.info.onsurface;
-        }
-    }
-};
-export var getBadgeStateIcon = function (state, color, isFilled, hasIcon, customIcon) {
-    if (isFilled === void 0) { isFilled = true; }
-    if (hasIcon === void 0) { hasIcon = true; }
-    if (customIcon === void 0) { customIcon = null; }
-    if (!state || !hasIcon) {
-        return null;
-    }
-    if (customIcon) {
-        return customIcon;
-    }
-    if (!isFilled) {
-        switch (state) {
-            // isFilled is false
-            case STATE.warning: {
-                return _jsx(HiOutlineExclamationCircle, { size: iconSize, style: { color: color } });
-            }
-            case STATE.error: {
-                return _jsx(HiOutlineXCircle, { size: iconSize, style: { color: color } });
-            }
-            case STATE.success: {
-                return _jsx(HiOutlineCheckCircle, { size: iconSize, style: { color: color } });
-            }
-            case STATE.progress: {
-                return _jsx(HiOutlineClock, { size: iconSize, style: { color: color } });
-            }
-            case STATE.removed: {
-                return _jsx(HiOutlineMinusCircle, { size: iconSize, style: { color: color } });
-            }
-            case STATE.info:
-            default: {
-                return _jsx(PiInfo, { size: iconSize, style: { color: color } });
-            }
-        }
-    }
-    switch (state) {
-        // isFilled is true
-        case STATE.warning: {
-            return _jsx(HiExclamationCircle, { size: iconSize, style: { color: color } });
-        }
-        case STATE.error: {
-            return _jsx(HiXCircle, { size: iconSize, style: { color: color } });
-        }
-        case STATE.success: {
-            return _jsx(FaCircleCheck, { size: iconSize, style: { color: color } });
-        }
-        case STATE.progress: {
-            return _jsx(HiClock, { size: iconSize, style: { color: color } });
-        }
-        case STATE.removed: {
-            return _jsx(HiMinusCircle, { size: iconSize, style: { color: color } });
-        }
-        case STATE.info:
-        default: {
-            return _jsx(PiInfoFill, { size: iconSize, style: { color: color } });
-        }
-    }
-};

package/dist/utils/styled.d.ts

@@ -1 +0,0 @@
-export { default, createGlobalStyle, useTheme, ThemeProvider, css, } from "styled-components";

package/dist/utils/styled.js

@@ -1,44 +0,0 @@
-/*
-Warning: this was a failed attempt to create a universal styled-components library.
-When importing styled-components into a non React Native app, it will throw an error!
-
-Even when React Native was setup as an optional peer dependency; it's not actually working.
-Now it's seems like a better idea to create a separate Genesis package for React Native styled-components which is basically only the theme provider.
-*/
-/*
-import * as styledComponents from "styled-components";
-
-// Platform detection
-const isReactNative =
-  typeof navigator !== "undefined" && navigator.product === "ReactNative";
-
-// Set up platform-specific styled
-let platformStyled;
-if (isReactNative) {
-  try {
-    platformStyled = require("styled-components/native");
-  } catch (e) {
-    console.warn(
-      "Failed to load styled-components/native, falling back to web"
-    );
-    platformStyled = styledComponents;
-  }
-} else {
-  platformStyled = styledComponents;
-}
-
-// Export named exports
-export const styled = platformStyled.default;
-export const ThemeProvider = platformStyled.ThemeProvider;
-export const useTheme = platformStyled.useTheme;
-export const css = platformStyled.css;
-
-// Add createGlobalStyle (web only)
-export const createGlobalStyle = isReactNative
-  ? () => null
-  : styledComponents.createGlobalStyle;
-
-// Export default too for backwards compatibility
-export default styled;
-*/
-export { default, createGlobalStyle, useTheme, ThemeProvider, css, } from "styled-components";