npm - @chenhui996/gg-ui - Versions diffs - 0.0.12-beta.0 → 0.1.0-beta.1 - Mend

@chenhui996/gg-ui 0.0.12-beta.0 → 0.1.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (181) hide show

package/gz-ui-lib/styles/themes/buttonGradient.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import { CSSProperties } from 'react';
+import { ThemeConfig } from 'antd/es/config-provider/context';
+export declare const goldDarkButtonGradientClassName = "gz-button-gold-dark-gradient";
+type CSSVariableProperties = CSSProperties & Record<`--${string}`, string | number | undefined>;
+type ButtonGradientTokens = {
+    primaryGradientStart?: string;
+    primaryGradientEnd?: string;
+    primaryGradientStartHover?: string;
+    primaryGradientEndHover?: string;
+    primaryGradientStartActive?: string;
+    primaryGradientEndActive?: string;
+    primaryText?: string;
+    primaryTextHover?: string;
+    primaryTextActive?: string;
+};
+export declare const isGoldDarkMode: (mode: string) => mode is "goldDark" | "gold-dark";
+export declare const getButtonGradientTokens: (themeConfig: ThemeConfig) => ButtonGradientTokens;
+export declare const hasPrimarySolidGradientTokens: (tokens: ButtonGradientTokens) => boolean;
+export declare const getButtonGradientStyleVars: (tokens: ButtonGradientTokens) => CSSVariableProperties;
+export {};

package/gz-ui-lib/styles/themes/themeConfig.d.ts CHANGED Viewed

@@ -1,3 +1,273 @@
 import { ThemeConfig } from 'antd/es/config-provider/context';
-export declare const getThemeConfig: (mode: "light" | "dark") => ThemeConfig;
+import { blueDarkThemeTokens } from '../../../guozhi-design-tokens/blue-theme/dark-mode/blueDarkThemeTokens';
+import { blueLightThemeTokens } from '../../../guozhi-design-tokens/blue-theme/light-mode/blueLightThemeTokens';
+import { goldDarkThemeTokens } from '../../../guozhi-design-tokens/gold-theme/dark-mode/goldDarkThemeTokens';
+import { goldLightThemeTokens } from '../../../guozhi-design-tokens/gold-theme/light-mode/goldLightThemeTokens';
+export type GZThemeName = "gold" | "blue";
+export type GZThemeVariant = "light" | "dark";
+export type GZThemeSelection = `${GZThemeName}-${GZThemeVariant}`;
+export type GZThemeMode = GZThemeSelection | "goldDark" | "goldLight" | "blueDark" | "blueLight" | "light" | "dark";
+export declare const defaultThemeMode: GZThemeSelection;
+export declare const getThemeConfig: (mode: GZThemeMode) => ThemeConfig;
 export declare const defaultThemeConfig: ThemeConfig;
+export declare const goldDarkThemeConfig: ThemeConfig;
+export declare const goldLightThemeConfig: ThemeConfig;
+export declare const blueDarkThemeConfig: ThemeConfig;
+export declare const blueLightThemeConfig: ThemeConfig;
+export declare const goldDarkThemeCustomTokens: {
+    responsive: {
+        "Desktop SM": {
+            device: number;
+            deviceMin: number;
+            deviceMax: number;
+            hideOnDesktop: number;
+            hideOnDesktopSM: number;
+            hideOnTablet: number;
+            hideOnMobile: number;
+            onlyDesktop: number;
+            onlyDesktopSM: number;
+            onlyTablet: number;
+            onlyMobile: number;
+            gutter: number;
+            pageOffset: number;
+        };
+        Desktop: {
+            device: number;
+            deviceMin: number;
+            deviceMax: number;
+            hideOnDesktop: number;
+            hideOnDesktopSM: number;
+            hideOnTablet: number;
+            hideOnMobile: number;
+            onlyDesktop: number;
+            onlyDesktopSM: number;
+            onlyTablet: number;
+            onlyMobile: number;
+            gutter: number;
+            pageOffset: number;
+        };
+        Mobile: {
+            device: number;
+            deviceMin: number;
+            deviceMax: number;
+            hideOnDesktop: number;
+            hideOnDesktopSM: number;
+            hideOnTablet: number;
+            hideOnMobile: number;
+            onlyDesktop: number;
+            onlyDesktopSM: number;
+            onlyTablet: number;
+            onlyMobile: number;
+            gutter: number;
+            pageOffset: number;
+        };
+        Tablet: {
+            device: number;
+            deviceMin: number;
+            deviceMax: number;
+            hideOnDesktop: number;
+            hideOnDesktopSM: number;
+            hideOnTablet: number;
+            hideOnMobile: number;
+            onlyDesktop: number;
+            onlyDesktopSM: number;
+            onlyTablet: number;
+            onlyMobile: number;
+            gutter: number;
+            pageOffset: number;
+        };
+    };
+};
+export declare const goldLightThemeCustomTokens: {
+    responsive: {
+        "Desktop SM": {
+            device: number;
+            deviceMin: number;
+            deviceMax: number;
+            hideOnDesktop: number;
+            hideOnDesktopSM: number;
+            hideOnTablet: number;
+            hideOnMobile: number;
+            onlyDesktop: number;
+            onlyDesktopSM: number;
+            onlyTablet: number;
+            onlyMobile: number;
+            gutter: number;
+            pageOffset: number;
+        };
+        Desktop: {
+            device: number;
+            deviceMin: number;
+            deviceMax: number;
+            hideOnDesktop: number;
+            hideOnDesktopSM: number;
+            hideOnTablet: number;
+            hideOnMobile: number;
+            onlyDesktop: number;
+            onlyDesktopSM: number;
+            onlyTablet: number;
+            onlyMobile: number;
+            gutter: number;
+            pageOffset: number;
+        };
+        Mobile: {
+            device: number;
+            deviceMin: number;
+            deviceMax: number;
+            hideOnDesktop: number;
+            hideOnDesktopSM: number;
+            hideOnTablet: number;
+            hideOnMobile: number;
+            onlyDesktop: number;
+            onlyDesktopSM: number;
+            onlyTablet: number;
+            onlyMobile: number;
+            gutter: number;
+            pageOffset: number;
+        };
+        Tablet: {
+            device: number;
+            deviceMin: number;
+            deviceMax: number;
+            hideOnDesktop: number;
+            hideOnDesktopSM: number;
+            hideOnTablet: number;
+            hideOnMobile: number;
+            onlyDesktop: number;
+            onlyDesktopSM: number;
+            onlyTablet: number;
+            onlyMobile: number;
+            gutter: number;
+            pageOffset: number;
+        };
+    };
+};
+export declare const blueDarkThemeCustomTokens: {
+    responsive: {
+        "Desktop SM": {
+            device: number;
+            deviceMin: number;
+            deviceMax: number;
+            hideOnDesktop: number;
+            hideOnDesktopSM: number;
+            hideOnTablet: number;
+            hideOnMobile: number;
+            onlyDesktop: number;
+            onlyDesktopSM: number;
+            onlyTablet: number;
+            onlyMobile: number;
+            gutter: number;
+            pageOffset: number;
+        };
+        Desktop: {
+            device: number;
+            deviceMin: number;
+            deviceMax: number;
+            hideOnDesktop: number;
+            hideOnDesktopSM: number;
+            hideOnTablet: number;
+            hideOnMobile: number;
+            onlyDesktop: number;
+            onlyDesktopSM: number;
+            onlyTablet: number;
+            onlyMobile: number;
+            gutter: number;
+            pageOffset: number;
+        };
+        Mobile: {
+            device: number;
+            deviceMin: number;
+            deviceMax: number;
+            hideOnDesktop: number;
+            hideOnDesktopSM: number;
+            hideOnTablet: number;
+            hideOnMobile: number;
+            onlyDesktop: number;
+            onlyDesktopSM: number;
+            onlyTablet: number;
+            onlyMobile: number;
+            gutter: number;
+            pageOffset: number;
+        };
+        Tablet: {
+            device: number;
+            deviceMin: number;
+            deviceMax: number;
+            hideOnDesktop: number;
+            hideOnDesktopSM: number;
+            hideOnTablet: number;
+            hideOnMobile: number;
+            onlyDesktop: number;
+            onlyDesktopSM: number;
+            onlyTablet: number;
+            onlyMobile: number;
+            gutter: number;
+            pageOffset: number;
+        };
+    };
+};
+export declare const blueLightThemeCustomTokens: {
+    responsive: {
+        "Desktop SM": {
+            device: number;
+            deviceMin: number;
+            deviceMax: number;
+            hideOnDesktop: number;
+            hideOnDesktopSM: number;
+            hideOnTablet: number;
+            hideOnMobile: number;
+            onlyDesktop: number;
+            onlyDesktopSM: number;
+            onlyTablet: number;
+            onlyMobile: number;
+            gutter: number;
+            pageOffset: number;
+        };
+        Desktop: {
+            device: number;
+            deviceMin: number;
+            deviceMax: number;
+            hideOnDesktop: number;
+            hideOnDesktopSM: number;
+            hideOnTablet: number;
+            hideOnMobile: number;
+            onlyDesktop: number;
+            onlyDesktopSM: number;
+            onlyTablet: number;
+            onlyMobile: number;
+            gutter: number;
+            pageOffset: number;
+        };
+        Mobile: {
+            device: number;
+            deviceMin: number;
+            deviceMax: number;
+            hideOnDesktop: number;
+            hideOnDesktopSM: number;
+            hideOnTablet: number;
+            hideOnMobile: number;
+            onlyDesktop: number;
+            onlyDesktopSM: number;
+            onlyTablet: number;
+            onlyMobile: number;
+            gutter: number;
+            pageOffset: number;
+        };
+        Tablet: {
+            device: number;
+            deviceMin: number;
+            deviceMax: number;
+            hideOnDesktop: number;
+            hideOnDesktopSM: number;
+            hideOnTablet: number;
+            hideOnMobile: number;
+            onlyDesktop: number;
+            onlyDesktopSM: number;
+            onlyTablet: number;
+            onlyMobile: number;
+            gutter: number;
+            pageOffset: number;
+        };
+    };
+};
+export { blueDarkThemeTokens, blueLightThemeTokens, goldDarkThemeTokens, goldLightThemeTokens, };

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@chenhui996/gg-ui",
   "private": false,
-  "version": "0.0.12-beta.0",
+  "version": "0.1.0-beta.1",
   "type": "module",
   "files": [
     "gz-ui-lib"
@@ -28,7 +28,11 @@
     "preview": "vite preview",
     "dev": "dumi dev",
     "docs:build": "dumi build",
-    "tokens:transform": "node scripts/transformFullTokens.js"
+    "tokens:transform": "node scripts/transformFullTokens.js",
+    "tokens:transform:gold-dark": "node scripts/transformFullTokens.js --source guozhi-design-tokens-origin/gold-theme --output guozhi-design-tokens/gold-theme/dark-mode --mode Dark --name goldDarkTheme",
+    "tokens:transform:gold-light": "node scripts/transformFullTokens.js --source guozhi-design-tokens-origin/gold-theme --output guozhi-design-tokens/gold-theme/light-mode --mode Light --name goldLightTheme",
+    "tokens:transform:blue-dark": "node scripts/transformFullTokens.js --source guozhi-design-tokens-origin/blue-theme --output guozhi-design-tokens/blue-theme/dark-mode --mode Dark --name blueDarkTheme",
+    "tokens:transform:blue-light": "node scripts/transformFullTokens.js --source guozhi-design-tokens-origin/blue-theme --output guozhi-design-tokens/blue-theme/light-mode --mode Light --name blueLightTheme"
   },
   "dependencies": {
     "@ant-design/happy-work-theme": "^2.0.0",

package/gz-ui-lib/components/alert/demo/action.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/alert/demo/banner.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/alert/demo/basic.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/alert/demo/closable.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/alert/demo/description.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/alert/demo/error-boundary.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/alert/demo/icon.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/alert/demo/loop-banner.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/alert/demo/smooth-closed.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/alert/demo/style.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/drawer/demo/basic-right.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/drawer/demo/closable-placement.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/drawer/demo/extra.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/drawer/demo/form-in-drawer.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/drawer/demo/loading.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/drawer/demo/mask.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/drawer/demo/multi-level-drawer.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/drawer/demo/placement.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/drawer/demo/render-in-current.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/drawer/demo/resizable.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/drawer/demo/size.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/drawer/demo/user-profile.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/flex/demo/align.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/flex/demo/basic.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/flex/demo/combination.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/flex/demo/gap.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/flex/demo/wrap.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const Demo: React.FC;
-export default Demo;

package/gz-ui-lib/components/form/demo/advanced-search.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/form/demo/basic.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/form/demo/col-24-debug.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/form/demo/complex-form-control.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/form/demo/component-token.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/form/demo/control-hooks.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/form/demo/custom-feedback-icons.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/form/demo/customized-form-controls.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const App: React.FC;
-export default App;

package/gz-ui-lib/components/form/demo/disabled.d.ts DELETED Viewed

@@ -1,6 +0,0 @@
-/**
- * title: 表单禁用
- * description: 设置表单组件禁用，仅对 antd 组件有效。
- */
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;