@commonsku/styles 1.16.1 → 1.16.3
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/index.d.ts +7 -6
- package/dist/index.es.js +23 -19
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +22 -18
- package/dist/index.js.map +1 -1
- package/dist/styles/Button.d.ts +1 -1
- package/dist/styles/Button.d.ts.map +1 -1
- package/dist/styles/Dropdown.d.ts +5 -4
- package/dist/styles/Dropdown.d.ts.map +1 -1
- package/dist/styles/Tabs.d.ts +3 -3
- package/dist/styles/Tabs.d.ts.map +1 -1
- package/package.json +2 -2
package/dist/styles/Button.d.ts
CHANGED
|
@@ -51,7 +51,7 @@ export declare const sizes: {
|
|
|
51
51
|
export declare type TSize = keyof typeof sizes;
|
|
52
52
|
export declare type ButtonPreset = 'edit' | 'delete' | 'add' | 'remove' | 'close' | 'drag';
|
|
53
53
|
export declare type ButtonVariant = 'primary' | 'secondary' | 'cta' | 'error' | 'disabled' | 'text' | 'primary-light' | 'text-error';
|
|
54
|
-
declare type ButtonProps = {
|
|
54
|
+
export declare type ButtonProps = {
|
|
55
55
|
secondary?: boolean;
|
|
56
56
|
cta?: boolean;
|
|
57
57
|
size?: TSize;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAgB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAY,UAAU,EAAE,MAAM,SAAS,CAAC;AAwB/C,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDjB,CAAC;AACF,oBAAY,KAAK,GAAG,MAAM,OAAO,KAAK,CAAC;AAEvC,oBAAY,YAAY,GAAG,MAAM,GAC/B,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,OAAO,GACP,MAAM,CACP;AAED,oBAAY,aAAa,GAAG,SAAS,GACjC,WAAW,GACX,KAAK,GACL,OAAO,GACP,UAAU,GACV,MAAM,GACN,eAAe,GACf,YAAY,CAAA;AAKhB,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAgB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAY,UAAU,EAAE,MAAM,SAAS,CAAC;AAwB/C,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDjB,CAAC;AACF,oBAAY,KAAK,GAAG,MAAM,OAAO,KAAK,CAAC;AAEvC,oBAAY,YAAY,GAAG,MAAM,GAC/B,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,OAAO,GACP,MAAM,CACP;AAED,oBAAY,aAAa,GAAG,SAAS,GACjC,WAAW,GACX,KAAK,GACL,OAAO,GACP,UAAU,GACV,MAAM,GACN,eAAe,GACf,YAAY,CAAA;AAKhB,oBAAY,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB,GAAG,gBAAgB,GAAG,UAAU,CAAC;AA2KlC,QAAA,MAAM,MAAM;;;;;yCAqCX,CAAC;AAEF,eAAO,MAAM,YAAY,+FASxB,CAAC;AAuCF,aAAK,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAAC;AAC3D,oBAAY,WAAW,GAAG,CAAC,CAAC,KAAK,EAAE,aAAa,KAAK,KAAK,CAAC,YAAY,CAAC,CAAC;AACzE,oBAAY,eAAe,GAAG,KAAK,CAAC,iBAAiB,CAAC,WAAW,GAAG;IAClE,IAAI,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IACvD,SAAS,CAAC,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAC,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACnD,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AACnD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;2FAkErB,CAAC;AAkDH,OAAO,EAAC,MAAM,EAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
1
|
+
import React, { ReactNode, MouseEventHandler } from 'react';
|
|
2
2
|
import { CSSObject } from 'styled-components';
|
|
3
|
-
import { ButtonVariant, TSize } from './Button';
|
|
3
|
+
import { ButtonVariant, ButtonProps, TSize } from './Button';
|
|
4
4
|
export declare const StyledDropdown: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
5
|
declare type DropdownContentProps = {
|
|
6
6
|
primary?: boolean;
|
|
@@ -16,7 +16,7 @@ declare type DropdownItemProps = {
|
|
|
16
16
|
export declare const DropdownItem: import("styled-components").StyledComponent<"div", any, DropdownItemProps, never>;
|
|
17
17
|
export declare const DropDownContent: import("styled-components").StyledComponent<"div", any, DropdownContentProps, never>;
|
|
18
18
|
export declare type TDropdownItem = {
|
|
19
|
-
onClick?:
|
|
19
|
+
onClick?: MouseEventHandler<HTMLDivElement>;
|
|
20
20
|
props?: {
|
|
21
21
|
[key: string]: any;
|
|
22
22
|
underlined?: boolean;
|
|
@@ -31,11 +31,12 @@ export declare type DropdownProps = {
|
|
|
31
31
|
size?: TSize;
|
|
32
32
|
style?: CSSObject;
|
|
33
33
|
buttonVariant?: ButtonVariant;
|
|
34
|
+
buttonProps?: ButtonProps;
|
|
34
35
|
width?: string | number;
|
|
35
36
|
bordered?: boolean;
|
|
36
37
|
hideOnMouseLeave?: boolean;
|
|
37
38
|
onToggleMenu?: (value: boolean) => void;
|
|
38
39
|
};
|
|
39
|
-
export declare const Dropdown: ({ items, children, underlined, primary, text, icon, openMenu, onToggleMenu, mouseLeaveCallback, size, style, buttonVariant, width, bordered, hideOnMouseLeave, ...props }: React.PropsWithChildren<DropdownProps & DropdownContentProps>) => JSX.Element;
|
|
40
|
+
export declare const Dropdown: ({ items, children, underlined, primary, text, icon, openMenu, onToggleMenu, mouseLeaveCallback, size, style, buttonVariant, buttonProps, width, bordered, hideOnMouseLeave, ...props }: React.PropsWithChildren<DropdownProps & DropdownContentProps>) => JSX.Element;
|
|
40
41
|
export {};
|
|
41
42
|
//# sourceMappingURL=Dropdown.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Dropdown.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Dropdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA4C,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACtG,OAAe,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAU,aAAa,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIrE,eAAO,MAAM,cAAc,oEAK1B,CAAC;AAEF,aAAK,oBAAoB,GAAG;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAA;AAED,aAAK,iBAAiB,GAAG;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAA;AAED,eAAO,MAAM,YAAY,mFAmBxB,CAAC;AAEF,eAAO,MAAM,eAAe,sFAmC3B,CAAC;AAEF,oBAAY,aAAa,GAAG;IACxB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE;QACJ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;QACnB,UAAU,CAAC,EAAC,OAAO,CAAC;KACvB,CAAC;IACF,OAAO,EAAE,SAAS,GAAC,MAAM,GAAC,GAAG,CAAC;CACjC,CAAC;AACF,oBAAY,aAAa,GAAG;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,GAAG,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3C,CAAC;AAeF,eAAO,MAAM,QAAQ,2LAkBlB,MAAM,iBAAiB,CAAC,aAAa,GAAG,oBAAoB,CAAC,gBA8E/D,CAAA"}
|
package/dist/styles/Tabs.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { Component } from 'react';
|
|
1
|
+
import React, { Component, MouseEvent } from 'react';
|
|
2
2
|
import { SharedStyleTypes } from './SharedStyles';
|
|
3
3
|
declare const tabSizes: {
|
|
4
4
|
small: import("styled-components").FlattenSimpleInterpolation;
|
|
@@ -13,9 +13,9 @@ declare const Tab: import("styled-components").StyledComponent<"li", any, {
|
|
|
13
13
|
variant?: "primary" | "secondary" | undefined;
|
|
14
14
|
} & SharedStyleTypes, never>;
|
|
15
15
|
export declare type TTab = {
|
|
16
|
-
label: string;
|
|
16
|
+
label: string | React.ReactNode;
|
|
17
17
|
content: React.ReactNode;
|
|
18
|
-
onClick?:
|
|
18
|
+
onClick?: (e?: MouseEvent<HTMLLIElement>) => void;
|
|
19
19
|
};
|
|
20
20
|
export declare type TabsProps = {
|
|
21
21
|
tabs: TTab[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAgB,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAG/D,QAAA,MAAM,QAAQ;;;CAWb,CAAC;AAEF,QAAA,MAAM,MAAM;;4BAUX,CAAA;AAOD,QAAA,MAAM,GAAG;;;;4BAkBR,CAAA;AAgCD,oBAAY,IAAI,GAAG;IAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;CAAC,CAAC;AAClI,oBAAY,SAAS,GAAG;IAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAA;CAAE,CAAC;AACpH,aAAK,SAAS,GAAG;IAAC,gBAAgB,EAAE,MAAM,CAAA;CAAC,CAAC;AAE5C,cAAM,IAAK,SAAQ,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;gBACpC,KAAK,EAAE,SAAS;IAO5B,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,QAAQ,SAAE,GAAG,IAAI,GAAG,IAAI;IAO7C,iBAAiB;IAUjB,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,SAAS,CAAC;IAkBjF,MAAM;CAoBP;AAED,OAAO,EAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commonsku/styles",
|
|
3
|
-
"version": "1.16.
|
|
3
|
+
"version": "1.16.3",
|
|
4
4
|
"description": "Common React components by commonsku",
|
|
5
5
|
"author": "commonsku",
|
|
6
6
|
"license": "ISC",
|
|
@@ -35,7 +35,6 @@
|
|
|
35
35
|
"lodash": "^4.17.15",
|
|
36
36
|
"react": "^16.12.0 || ^17.0.0 || ^18.0.0",
|
|
37
37
|
"react-animations": "^1.0.0",
|
|
38
|
-
"react-datepicker": "^3.3.0 || ^4.3.0",
|
|
39
38
|
"react-dom": "^16.12.0 || ^17.0.0 || ^18.0.0",
|
|
40
39
|
"styled-components": "^5.1.0"
|
|
41
40
|
},
|
|
@@ -60,6 +59,7 @@
|
|
|
60
59
|
"namor": "^2.0.2",
|
|
61
60
|
"react-beautiful-dnd": "^13.1.0",
|
|
62
61
|
"react-code-blocks": "0.0.9-0",
|
|
62
|
+
"react-datepicker": "4.3.0",
|
|
63
63
|
"react-dropzone": "^10.2.2",
|
|
64
64
|
"react-select": "^5.0.0",
|
|
65
65
|
"react-scroll-into-view": "^1.12.0",
|