@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.
- package/README.md +9 -12
- package/dist/design-system.css +1 -1
- package/dist/index.js +31 -31
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +6279 -6176
- package/dist/index.mjs.map +1 -1
- package/dist/src/components/organisms/OnboardingArtwork/OnboardingArtwork.d.ts +31 -0
- package/dist/src/components/organisms/OnboardingArtwork/OnboardingArtwork.stories.d.ts +16 -0
- package/dist/src/components/organisms/OnboardingArtwork/index.d.ts +2 -0
- package/dist/src/components/templates/OnboardingTemplate/OnboardingTemplate.d.ts +1 -1
- package/dist/src/components/templates/OnboardingTemplate/OnboardingTemplate.stories.d.ts +1 -0
- package/package.json +4 -4
|
@@ -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;
|
|
@@ -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
|
*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dynamic-mockups/design-system",
|
|
3
|
-
"version": "0.1
|
|
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": "
|
|
19
|
+
"url": "https://dynamicmockups.com"
|
|
20
20
|
},
|
|
21
21
|
"bugs": {
|
|
22
|
-
"url": "https://
|
|
22
|
+
"url": "https://dynamicmockups.com"
|
|
23
23
|
},
|
|
24
|
-
"homepage": "https://
|
|
24
|
+
"homepage": "https://dynamicmockups.com",
|
|
25
25
|
"exports": {
|
|
26
26
|
".": {
|
|
27
27
|
"types": "./dist/index.d.ts",
|