@synerise/ds-button 1.5.18 → 1.5.20
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/CHANGELOG.md +8 -0
- package/dist/Creator/Creator.styles.d.ts +23 -1
- package/package.json +6 -9
- package/dist/Button.figma.d.ts +0 -1
- package/dist/Button.figma.js +0 -56
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [1.5.20](https://github.com/synerise/synerise-design/compare/@synerise/ds-button@1.5.19...@synerise/ds-button@1.5.20) (2026-04-10)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @synerise/ds-button
|
|
9
|
+
|
|
10
|
+
## [1.5.19](https://github.com/synerise/synerise-design/compare/@synerise/ds-button@1.5.18...@synerise/ds-button@1.5.19) (2026-04-01)
|
|
11
|
+
|
|
12
|
+
**Note:** Version bump only for package @synerise/ds-button
|
|
13
|
+
|
|
6
14
|
## [1.5.18](https://github.com/synerise/synerise-design/compare/@synerise/ds-button@1.5.17...@synerise/ds-button@1.5.18) (2026-03-24)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @synerise/ds-button
|
|
@@ -6,5 +6,27 @@ type StyledCreatorProps = {
|
|
|
6
6
|
status?: string;
|
|
7
7
|
labelAlign: 'left' | 'center';
|
|
8
8
|
};
|
|
9
|
-
export declare const Creator: import('styled-components').StyledComponent<React.ForwardRefExoticComponent<
|
|
9
|
+
export declare const Creator: import('styled-components').StyledComponent<React.ForwardRefExoticComponent<Omit<Partial<{
|
|
10
|
+
href: string;
|
|
11
|
+
target?: string;
|
|
12
|
+
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
13
|
+
} & import('antd/lib/button/button').BaseButtonProps & Omit<React.AnchorHTMLAttributes<any>, "type" | "onClick"> & {
|
|
14
|
+
htmlType?: import('antd/lib/button/button').ButtonHTMLType;
|
|
15
|
+
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
16
|
+
} & Omit<React.ButtonHTMLAttributes<any>, "type" | "onClick">>, "ghost" | "type"> & {
|
|
17
|
+
type?: import('@synerise/ds-utils').LiteralStringUnion<import('../Button.types').ButtonType>;
|
|
18
|
+
mode?: import('@synerise/ds-utils').LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
|
|
19
|
+
color?: import('@synerise/ds-utils').LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
|
|
20
|
+
groupVariant?: import('@synerise/ds-utils').LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
|
|
21
|
+
justifyContent?: import('csstype').JustifyContentProperty;
|
|
22
|
+
loading?: boolean | {
|
|
23
|
+
delay?: number;
|
|
24
|
+
};
|
|
25
|
+
onClick?: (event: React.MouseEvent<HTMLElement>) => void;
|
|
26
|
+
iconColor?: import('@synerise/ds-utils').LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
|
|
27
|
+
error?: boolean;
|
|
28
|
+
readOnly?: boolean;
|
|
29
|
+
tagProps?: import('@synerise/ds-tag').TagProps;
|
|
30
|
+
tooltipProps?: import('@synerise/ds-tooltip').TooltipProps;
|
|
31
|
+
} & StyledCreatorProps & React.RefAttributes<HTMLButtonElement>>, any, StyledCreatorProps, never>;
|
|
10
32
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-button",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.20",
|
|
4
4
|
"description": "Button UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "synerise/synerise-design",
|
|
@@ -18,9 +18,6 @@
|
|
|
18
18
|
"scripts": {
|
|
19
19
|
"build": "vite build",
|
|
20
20
|
"build:watch": "vite build --watch",
|
|
21
|
-
"build:css": "node ../../../scripts/style/less.js",
|
|
22
|
-
"build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
|
|
23
|
-
"defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
|
|
24
21
|
"pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
|
|
25
22
|
"prepublish": "pnpm run build",
|
|
26
23
|
"test": "vitest run",
|
|
@@ -35,10 +32,10 @@
|
|
|
35
32
|
],
|
|
36
33
|
"types": "dist/index.d.ts",
|
|
37
34
|
"dependencies": {
|
|
38
|
-
"@synerise/ds-icon": "^1.15.
|
|
39
|
-
"@synerise/ds-tag": "^1.4.
|
|
40
|
-
"@synerise/ds-tooltip": "^1.4.
|
|
41
|
-
"@synerise/ds-utils": "^1.
|
|
35
|
+
"@synerise/ds-icon": "^1.15.3",
|
|
36
|
+
"@synerise/ds-tag": "^1.4.20",
|
|
37
|
+
"@synerise/ds-tooltip": "^1.4.12",
|
|
38
|
+
"@synerise/ds-utils": "^1.8.0",
|
|
42
39
|
"classnames": "^2.5.1",
|
|
43
40
|
"csstype": "^2.6.9"
|
|
44
41
|
},
|
|
@@ -49,5 +46,5 @@
|
|
|
49
46
|
"styled-components": "^5.3.3",
|
|
50
47
|
"vitest": "4"
|
|
51
48
|
},
|
|
52
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "ce3c6d75efe8573a2b274853636f959b75a6cd32"
|
|
53
50
|
}
|
package/dist/Button.figma.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
package/dist/Button.figma.js
DELETED
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import figma from "@figma/code-connect";
|
|
3
|
-
import Button from "./Button.js";
|
|
4
|
-
import { ButtonMode } from "./Button.types.js";
|
|
5
|
-
const FIGMA_URL = "https://www.figma.com/design/fsSZONXpVvtrDsCgtu01Jb/Synerise-Design-System?node-id=139:4694&m=dev";
|
|
6
|
-
const typeMapping = figma.enum("Variant", {
|
|
7
|
-
Primary: "primary",
|
|
8
|
-
Secondary: "secondary",
|
|
9
|
-
Tertiary: "tertiary",
|
|
10
|
-
"Tetriary White": "tertiary-white",
|
|
11
|
-
"Ghost Primary": "ghost-primary",
|
|
12
|
-
"Ghost Secondary": "ghost",
|
|
13
|
-
"Ghost Secondary White": "ghost-white"
|
|
14
|
-
});
|
|
15
|
-
const modeMapping = figma.enum("Content Type", {
|
|
16
|
-
Simple: void 0,
|
|
17
|
-
"Icon left": ButtonMode.ICON_LABEL,
|
|
18
|
-
"Icon right": ButtonMode.LABEL_ICON,
|
|
19
|
-
"Icon solo": ButtonMode.SINGLE_ICON,
|
|
20
|
-
"2 icons": ButtonMode.TWO_ICONS,
|
|
21
|
-
Split: ButtonMode.SPLIT
|
|
22
|
-
});
|
|
23
|
-
const sizeMapping = figma.enum("Size", {
|
|
24
|
-
Normal: void 0,
|
|
25
|
-
Large: "large"
|
|
26
|
-
});
|
|
27
|
-
const baseProps = {
|
|
28
|
-
type: typeMapping,
|
|
29
|
-
mode: modeMapping,
|
|
30
|
-
size: sizeMapping,
|
|
31
|
-
label: figma.string("✏️Text")
|
|
32
|
-
};
|
|
33
|
-
figma.connect(Button, FIGMA_URL, {
|
|
34
|
-
variant: {
|
|
35
|
-
State: "Default"
|
|
36
|
-
},
|
|
37
|
-
props: baseProps,
|
|
38
|
-
example: ({
|
|
39
|
-
type,
|
|
40
|
-
mode,
|
|
41
|
-
size,
|
|
42
|
-
label
|
|
43
|
-
}) => /* @__PURE__ */ jsx(Button, { type, mode, size, children: label })
|
|
44
|
-
});
|
|
45
|
-
figma.connect(Button, FIGMA_URL, {
|
|
46
|
-
variant: {
|
|
47
|
-
State: "Disabled"
|
|
48
|
-
},
|
|
49
|
-
props: baseProps,
|
|
50
|
-
example: ({
|
|
51
|
-
type,
|
|
52
|
-
mode,
|
|
53
|
-
size,
|
|
54
|
-
label
|
|
55
|
-
}) => /* @__PURE__ */ jsx(Button, { type, mode, size, disabled: true, children: label })
|
|
56
|
-
});
|