@dynamic-mockups/design-system 0.1.2 → 0.2.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.
@@ -0,0 +1,31 @@
1
+ /**
2
+ * OnboardingArtwork Component
3
+ * Full-screen artwork display with gradient background and grid pattern
4
+ */
5
+ import React from "react";
6
+ import "./OnboardingArtwork.scss";
7
+ export interface OnboardingArtworkProps {
8
+ /**
9
+ * Background gradient start color
10
+ * @default "#0292ff"
11
+ */
12
+ gradientStart?: string;
13
+ /**
14
+ * Background gradient end color
15
+ * @default "#cae8ff"
16
+ */
17
+ gradientEnd?: string;
18
+ /**
19
+ * Grid pattern image source
20
+ */
21
+ gridImageSrc?: string;
22
+ /**
23
+ * Main artwork image source
24
+ */
25
+ artworkImageSrc?: string;
26
+ /**
27
+ * Custom className
28
+ */
29
+ className?: string;
30
+ }
31
+ export declare const OnboardingArtwork: React.ForwardRefExoticComponent<OnboardingArtworkProps & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * OnboardingArtwork Stories
3
+ */
4
+ import type { StoryObj } from "@storybook/react-vite";
5
+ declare const meta: {
6
+ title: string;
7
+ component: import("react").ForwardRefExoticComponent<import("./OnboardingArtwork").OnboardingArtworkProps & import("react").RefAttributes<HTMLDivElement>>;
8
+ parameters: {
9
+ layout: string;
10
+ };
11
+ tags: string[];
12
+ };
13
+ export default meta;
14
+ type Story = StoryObj<typeof meta>;
15
+ export declare const Default: Story;
16
+ export declare const CustomColors: Story;
@@ -0,0 +1,2 @@
1
+ export { OnboardingArtwork } from "./OnboardingArtwork";
2
+ export type { OnboardingArtworkProps } from "./OnboardingArtwork";
@@ -16,7 +16,7 @@ export interface OnboardingTemplateProps {
16
16
  /**
17
17
  * Template variation type
18
18
  */
19
- variation: "radio" | "checkbox-no-icon" | "checkbox-with-icon" | "buttons-plus-radio" | "know-your-customer" | "launcher" | "artwork";
19
+ variation: "radio" | "checkbox-no-icon" | "checkbox-with-icon" | "buttons-plus-radio" | "know-your-customer" | "launcher" | "artwork" | "split-screen";
20
20
  /**
21
21
  * Current step (1-based)
22
22
  */
@@ -24,3 +24,4 @@ export declare const Variation5_NoSelection: Story;
24
24
  export declare const Variation5_PartialSelection: Story;
25
25
  export declare const Variation6_Launcher: Story;
26
26
  export declare const Variation7_Artwork: Story;
27
+ export declare const Variation8_SplitScreen: Story;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dynamic-mockups/design-system",
3
- "version": "0.1.2",
3
+ "version": "0.2.1",
4
4
  "description": "A professional, scalable design system built with React 18, TypeScript, Radix UI, and Storybook",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -16,12 +16,12 @@
16
16
  },
17
17
  "repository": {
18
18
  "type": "git",
19
- "url": "git@gitlab.designcopilot.io:design-copilot/design-system.git"
19
+ "url": "https://dynamicmockups.com"
20
20
  },
21
21
  "bugs": {
22
- "url": "https://gitlab.designcopilot.io/design-copilot/design-system/-/issues"
22
+ "url": "https://dynamicmockups.com"
23
23
  },
24
- "homepage": "https://gitlab.designcopilot.io/design-copilot/design-system#readme",
24
+ "homepage": "https://dynamicmockups.com",
25
25
  "exports": {
26
26
  ".": {
27
27
  "types": "./dist/index.d.ts",