@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.
@@ -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.1.4",
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"}