@skalar-saas/design-system 0.1.73 → 0.1.74
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/design-system.css +1 -1
- package/dist/index.js +19 -19
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1629 -1611
- package/dist/index.mjs.map +1 -1
- package/dist/shared/ui/Dropdown/Dropdown.d.ts +4 -1
- package/dist/shared/ui/TextArea/TextArea.d.ts +3 -1
- package/package.json +11 -10
|
@@ -2,6 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { DropMenuItemProps } from '../DropMenu/DropMenu';
|
|
3
3
|
type DropdownVariant = 'default' | 'danger' | 'outlined';
|
|
4
4
|
type DropdownSize = 'sm' | 'md';
|
|
5
|
+
type HintIconVariant = 'Bold' | 'Outline' | 'TwoTone' | 'Bulk' | 'Broken';
|
|
5
6
|
/**
|
|
6
7
|
* Defines the shape for a single item in the dropdown list (extends DropMenuItemProps).
|
|
7
8
|
*/
|
|
@@ -23,6 +24,8 @@ export interface DropdownProps {
|
|
|
23
24
|
label?: string;
|
|
24
25
|
/** Helper text or an error message displayed below the dropdown. */
|
|
25
26
|
hint?: string;
|
|
27
|
+
/** Icon variant for the hint icon (defaults to Outline). */
|
|
28
|
+
hintIconVariant?: HintIconVariant;
|
|
26
29
|
/** An array of items to populate the dropdown. */
|
|
27
30
|
items: DropdownItemProps[];
|
|
28
31
|
/** A string for the initial, unselected option. */
|
|
@@ -62,5 +65,5 @@ export interface DropdownProps {
|
|
|
62
65
|
* @param {(id: string) => void} onChange - Callback fired when an item is selected.
|
|
63
66
|
* @returns {JSX.Element} The rendered Dropdown element.
|
|
64
67
|
*/
|
|
65
|
-
export declare const Dropdown: ({ variant, size, menuSize, label, hint, items, disabled, placeholder, className, value, onChange, id, customHeight, customRadius, customPlaceholderColor, customBackgroundColor, leadingIcon, showLeadingIcon, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
68
|
+
export declare const Dropdown: ({ variant, size, menuSize, label, hint, items, disabled, placeholder, className, value, onChange, id, customHeight, customRadius, customPlaceholderColor, customBackgroundColor, leadingIcon, showLeadingIcon, hintIconVariant, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
66
69
|
export {};
|
|
@@ -2,11 +2,13 @@ import React from 'react';
|
|
|
2
2
|
type TextAreaVariant = 'default' | 'danger';
|
|
3
3
|
type TextAreaResize = 'none' | 'vertical' | 'horizontal' | 'both';
|
|
4
4
|
type TextAreaSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
type HintIconVariant = 'Bold' | 'Outline' | 'TwoTone' | 'Bulk' | 'Broken';
|
|
5
6
|
export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
6
7
|
variant?: TextAreaVariant;
|
|
7
8
|
size?: TextAreaSize;
|
|
8
9
|
label?: string;
|
|
9
10
|
hint?: string;
|
|
11
|
+
hintIconVariant?: HintIconVariant;
|
|
10
12
|
resize?: TextAreaResize;
|
|
11
13
|
customFontWeight?: number;
|
|
12
14
|
customBackground?: string;
|
|
@@ -26,5 +28,5 @@ export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextArea
|
|
|
26
28
|
* @param {boolean} [disabled] - If true, the textarea will be non-interactive.
|
|
27
29
|
* @returns {JSX.Element} The rendered TextArea element.
|
|
28
30
|
*/
|
|
29
|
-
export declare const TextArea: ({ variant, size, label, hint, disabled, resize, className, customFontWeight, customBackground, ...props }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
export declare const TextArea: ({ variant, size, label, hint, hintIconVariant, disabled, resize, className, customFontWeight, customBackground, ...props }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
|
|
30
32
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skalar-saas/design-system",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.74",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Skalar Design System - UI component library",
|
|
6
6
|
"author": "Skalar Team",
|
|
@@ -9,6 +9,15 @@
|
|
|
9
9
|
"type": "git",
|
|
10
10
|
"url": "https://github.com/skalar-saas/skalar-design-system.git"
|
|
11
11
|
},
|
|
12
|
+
"scripts": {
|
|
13
|
+
"build": "vite build && tsc --project tsconfig.build.json --skipLibCheck",
|
|
14
|
+
"lint": "eslint",
|
|
15
|
+
"test:storybook": "vitest run --project=storybook",
|
|
16
|
+
"storybook": "storybook dev -p 6006",
|
|
17
|
+
"build-storybook": "storybook build",
|
|
18
|
+
"chromatic": "npx chromatic --project-token=chpt_29fd0416e5da6c0"
|
|
19
|
+
},
|
|
20
|
+
"packageManager": "pnpm@10.20.0",
|
|
12
21
|
"main": "./dist/index.js",
|
|
13
22
|
"module": "./dist/index.mjs",
|
|
14
23
|
"types": "./dist/index.d.ts",
|
|
@@ -99,13 +108,5 @@
|
|
|
99
108
|
},
|
|
100
109
|
"dependencies": {
|
|
101
110
|
"react-markdown": "^10.1.0"
|
|
102
|
-
},
|
|
103
|
-
"scripts": {
|
|
104
|
-
"build": "vite build && tsc --project tsconfig.build.json --skipLibCheck",
|
|
105
|
-
"lint": "eslint",
|
|
106
|
-
"test:storybook": "vitest run --project=storybook",
|
|
107
|
-
"storybook": "storybook dev -p 6006",
|
|
108
|
-
"build-storybook": "storybook build",
|
|
109
|
-
"chromatic": "npx chromatic --project-token=chpt_29fd0416e5da6c0"
|
|
110
111
|
}
|
|
111
|
-
}
|
|
112
|
+
}
|