@industry-theme/theme-editor-panel 0.1.4 → 0.2.0
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.
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/mocks/panelContext.d.ts.map +1 -1
- package/dist/panels/ThemeEditorPanel.d.ts +2 -2
- package/dist/panels/ThemeEditorPanel.d.ts.map +1 -1
- package/dist/panels.bundle.js +105 -95
- package/dist/panels.bundle.js.map +1 -1
- package/dist/types/index.d.ts +11 -0
- package/dist/types/index.d.ts.map +1 -1
- package/package.json +9 -9
- package/dist/panels/ThemeEditorPanel.stories.d.ts +0 -60
- package/dist/panels/ThemeEditorPanel.stories.d.ts.map +0 -1
package/dist/types/index.d.ts
CHANGED
|
@@ -4,4 +4,15 @@
|
|
|
4
4
|
* Re-exports core types from @principal-ade/panel-framework-core
|
|
5
5
|
*/
|
|
6
6
|
export type { DataSlice, WorkspaceMetadata, RepositoryMetadata, FileTreeSource, ActiveFileSlice, PanelEventType, PanelEvent, PanelEventEmitter, PanelActions, PanelContextValue, PanelComponentProps, PanelMetadata, PanelLifecycleHooks, PanelDefinition, PanelModule, PanelRegistryEntry, PanelLoader, PanelRegistryConfig, PanelTool, PanelToolsMetadata, JsonSchema, PanelEventCallTemplate, } from '@principal-ade/panel-framework-core';
|
|
7
|
+
import type { PanelActions as CorePanelActions, PanelComponentProps as CorePanelComponentProps } from '@principal-ade/panel-framework-core';
|
|
8
|
+
/**
|
|
9
|
+
* Empty context for ThemeEditorPanel
|
|
10
|
+
* This panel doesn't use any data slices - it only uses the useTheme hook
|
|
11
|
+
*/
|
|
12
|
+
export interface ThemeEditorPanelContext {
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Typed props for ThemeEditorPanel
|
|
16
|
+
*/
|
|
17
|
+
export type ThemeEditorPanelPropsTyped = CorePanelComponentProps<CorePanelActions, ThemeEditorPanelContext>;
|
|
7
18
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,YAAY,EAEV,SAAS,EACT,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,eAAe,EAGf,cAAc,EACd,UAAU,EACV,iBAAiB,EAGjB,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EAGnB,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,WAAW,EAGX,kBAAkB,EAClB,WAAW,EACX,mBAAmB,EAGnB,SAAS,EACT,kBAAkB,EAClB,UAAU,EACV,sBAAsB,GACvB,MAAM,qCAAqC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,YAAY,EAEV,SAAS,EACT,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,eAAe,EAGf,cAAc,EACd,UAAU,EACV,iBAAiB,EAGjB,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EAGnB,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,WAAW,EAGX,kBAAkB,EAClB,WAAW,EACX,mBAAmB,EAGnB,SAAS,EACT,kBAAkB,EAClB,UAAU,EACV,sBAAsB,GACvB,MAAM,qCAAqC,CAAC;AAE7C,OAAO,KAAK,EACV,YAAY,IAAI,gBAAgB,EAChC,mBAAmB,IAAI,uBAAuB,EAC/C,MAAM,qCAAqC,CAAC;AAE7C;;;GAGG;AACH,MAAM,WAAW,uBAAuB;CAAG;AAE3C;;GAEG;AACH,MAAM,MAAM,0BAA0B,GAAG,uBAAuB,CAC9D,gBAAgB,EAChB,uBAAuB,CACxB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@industry-theme/theme-editor-panel",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.0",
|
|
4
4
|
"description": "Theme editor panel for customizing the Industry theme appearance and styling",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/panels.bundle.js",
|
|
@@ -43,18 +43,14 @@
|
|
|
43
43
|
"build-storybook": "storybook build"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|
|
46
|
+
"@principal-ade/industry-theme": ">=0.1.8",
|
|
47
|
+
"@principal-ade/panel-framework-core": ">=0.5.1",
|
|
48
|
+
"@principal-ade/panel-layouts": ">=0.4.0",
|
|
49
|
+
"@principal-ade/utcp-panel-event": ">=0.1.0",
|
|
46
50
|
"react": ">=19.0.0",
|
|
47
51
|
"react-dom": ">=19.0.0"
|
|
48
52
|
},
|
|
49
|
-
"peerDependenciesMeta": {
|
|
50
|
-
"@principal-ade/panel-framework-core": {
|
|
51
|
-
"optional": true
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
53
|
"dependencies": {
|
|
55
|
-
"@principal-ade/industry-theme": "^0.1.3",
|
|
56
|
-
"@principal-ade/panel-framework-core": "^0.1.5",
|
|
57
|
-
"@principal-ade/utcp-panel-event": "^0.1.0",
|
|
58
54
|
"clsx": "^2.1.1",
|
|
59
55
|
"lucide-react": "^0.552.0",
|
|
60
56
|
"react-colorful": "^5.6.1"
|
|
@@ -62,6 +58,10 @@
|
|
|
62
58
|
"devDependencies": {
|
|
63
59
|
"@chromatic-com/storybook": "^4.1.3",
|
|
64
60
|
"@eslint/js": "^9.32.0",
|
|
61
|
+
"@principal-ade/industry-theme": "0.1.8",
|
|
62
|
+
"@principal-ade/panel-framework-core": "0.5.1",
|
|
63
|
+
"@principal-ade/panel-layouts": "0.4.0",
|
|
64
|
+
"@principal-ade/utcp-panel-event": "^0.1.0",
|
|
65
65
|
"@storybook/addon-docs": "10.1.2",
|
|
66
66
|
"@storybook/addon-links": "10.1.2",
|
|
67
67
|
"@storybook/addon-onboarding": "10.1.2",
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/react';
|
|
2
|
-
/**
|
|
3
|
-
* ThemeEditorPanel allows users to customize the Industry theme colors.
|
|
4
|
-
* It provides an interactive interface for modifying theme colors across
|
|
5
|
-
* different categories including primary, background, text, UI, and status colors.
|
|
6
|
-
*/
|
|
7
|
-
declare const meta: {
|
|
8
|
-
title: string;
|
|
9
|
-
component: import("react").FC<import("@principal-ade/panel-framework-core").PanelComponentProps>;
|
|
10
|
-
parameters: {
|
|
11
|
-
layout: string;
|
|
12
|
-
docs: {
|
|
13
|
-
description: {
|
|
14
|
-
component: string;
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
tags: string[];
|
|
19
|
-
decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
20
|
-
context: import("@principal-ade/panel-framework-core").PanelContextValue;
|
|
21
|
-
actions: import("@principal-ade/panel-framework-core").PanelActions;
|
|
22
|
-
events: import("@principal-ade/panel-framework-core").PanelEventEmitter;
|
|
23
|
-
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
24
|
-
args: {
|
|
25
|
-
context: import("@principal-ade/panel-framework-core").PanelContextValue;
|
|
26
|
-
actions: import("@principal-ade/panel-framework-core").PanelActions;
|
|
27
|
-
events: import("@principal-ade/panel-framework-core").PanelEventEmitter;
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
export default meta;
|
|
31
|
-
type Story = StoryObj<typeof meta>;
|
|
32
|
-
/**
|
|
33
|
-
* Default theme editor view with all color categories
|
|
34
|
-
*/
|
|
35
|
-
export declare const Default: Story;
|
|
36
|
-
/**
|
|
37
|
-
* Theme editor in a light theme context
|
|
38
|
-
*/
|
|
39
|
-
export declare const LightTheme: Story;
|
|
40
|
-
/**
|
|
41
|
-
* Compact view - ideal for smaller viewports
|
|
42
|
-
*/
|
|
43
|
-
export declare const CompactView: Story;
|
|
44
|
-
/**
|
|
45
|
-
* Full height view - typical panel layout
|
|
46
|
-
*/
|
|
47
|
-
export declare const FullHeight: Story;
|
|
48
|
-
/**
|
|
49
|
-
* Theme editor with custom repository context
|
|
50
|
-
*/
|
|
51
|
-
export declare const WithRepository: Story;
|
|
52
|
-
/**
|
|
53
|
-
* Workspace-only context (no repository)
|
|
54
|
-
*/
|
|
55
|
-
export declare const WorkspaceOnly: Story;
|
|
56
|
-
/**
|
|
57
|
-
* Interactive demo with custom action handlers
|
|
58
|
-
*/
|
|
59
|
-
export declare const Interactive: Story;
|
|
60
|
-
//# sourceMappingURL=ThemeEditorPanel.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeEditorPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/ThemeEditorPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASvD;;;;GAIG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;CAyB+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAsB5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC"}
|