react-restyle-components 0.2.74 → 0.2.75

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.
Files changed (14) hide show
  1. package/lib/package.json +1 -1
  2. package/lib/src/core-components/index.d.ts +0 -2
  3. package/lib/src/core-components/index.d.ts.map +1 -1
  4. package/lib/src/core-components/index.js +0 -2
  5. package/lib/src/core-components/molecules/modal/modal.component.d.ts.map +1 -1
  6. package/lib/src/core-components/molecules/modal/modal.component.js +4 -2
  7. package/lib/src/tc.module.css +0 -6
  8. package/package.json +1 -1
  9. package/lib/src/core-components/atoms/grid/grid.component.d.ts +0 -8
  10. package/lib/src/core-components/atoms/grid/grid.component.d.ts.map +0 -1
  11. package/lib/src/core-components/atoms/grid/grid.component.js +0 -4
  12. package/lib/src/core-components/atoms/list/list.component.d.ts +0 -14
  13. package/lib/src/core-components/atoms/list/list.component.d.ts.map +0 -1
  14. package/lib/src/core-components/atoms/list/list.component.js +0 -16
package/lib/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-restyle-components",
3
- "version": "0.2.73",
3
+ "version": "0.2.75",
4
4
  "private": false,
5
5
  "description": "Easy use restyle components",
6
6
  "author": {
package/lib/src/core-components/index.d.ts CHANGED
@@ -14,8 +14,6 @@ export * from './atoms/timer/timer.component';
14
14
  export * from './atoms/tooltip/tooltip.component';
15
15
  export * from './atoms/icons/icons.component';
16
16
  export * from './atoms/tabs/tabs.component';
17
- export * from './atoms/grid/grid.component';
18
- export * from './atoms/list/list.component';
19
17
  export * from './atoms/pdf/pdf-images.components';
20
18
  export * from './atoms/pdf/pdf-table.components';
21
19
  export * from './atoms/pdf/pdf-typography.components';
package/lib/src/core-components/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,6BAA6B,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,kDAAkD,CAAC;AACjE,cAAc,sCAAsC,CAAC;AACrD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iDAAiD,CAAC;AAChE,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AAExD,cAAc,+DAA+D,CAAC;AAC9E,cAAc,iJAAiJ,CAAC;AAChK,cAAc,6IAA6I,CAAC;AAC5J,cAAc,iDAAiD,CAAC;AAChE,cAAc,uEAAuE,CAAC;AACtF,cAAc,mCAAmC,CAAC;AAClD,cAAc,mDAAmD,CAAC;AAClE,cAAc,uCAAuC,CAAC;AACtD,cAAc,qEAAqE,CAAC;AACpF,cAAc,iDAAiD,CAAC;AAChE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,6FAA6F,CAAC;AAE5G,OAAO,EAAC,IAAI,EAAC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,6BAA6B,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,kDAAkD,CAAC;AACjE,cAAc,sCAAsC,CAAC;AACrD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iDAAiD,CAAC;AAChE,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AAExD,cAAc,+DAA+D,CAAC;AAC9E,cAAc,iJAAiJ,CAAC;AAChK,cAAc,6IAA6I,CAAC;AAC5J,cAAc,iDAAiD,CAAC;AAChE,cAAc,uEAAuE,CAAC;AACtF,cAAc,mCAAmC,CAAC;AAClD,cAAc,mDAAmD,CAAC;AAClE,cAAc,uCAAuC,CAAC;AACtD,cAAc,qEAAqE,CAAC;AACpF,cAAc,iDAAiD,CAAC;AAChE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,6FAA6F,CAAC;AAE5G,OAAO,EAAC,IAAI,EAAC,CAAC"}
package/lib/src/core-components/index.js CHANGED
@@ -14,8 +14,6 @@ export * from './atoms/timer/timer.component';
14
14
  export * from './atoms/tooltip/tooltip.component';
15
15
  export * from './atoms/icons/icons.component';
16
16
  export * from './atoms/tabs/tabs.component';
17
- export * from './atoms/grid/grid.component';
18
- export * from './atoms/list/list.component';
19
17
  export * from './atoms/pdf/pdf-images.components';
20
18
  export * from './atoms/pdf/pdf-table.components';
21
19
  export * from './atoms/pdf/pdf-typography.components';
package/lib/src/core-components/molecules/modal/modal.component.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"modal.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/molecules/modal/modal.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK,wDAMf,UAAU,4CAyCZ,CAAC"}
1
+ {"version":3,"file":"modal.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/molecules/modal/modal.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK,wDAMf,UAAU,4CAyHZ,CAAC"}
package/lib/src/core-components/molecules/modal/modal.component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
2
  import React, { useEffect } from 'react';
3
+ import s from '../../../tc.module.css';
4
+ import { cn } from '../../../core-utils';
3
5
  export const Modal = ({ visible, title = '', onClose, isAutoClose = false, children, }) => {
4
6
  const [showModal, setShowModal] = React.useState(visible);
5
7
  useEffect(() => {
@@ -10,8 +12,8 @@ export const Modal = ({ visible, title = '', onClose, isAutoClose = false, child
10
12
  }, 1000);
11
13
  }
12
14
  }, [visible]);
13
- return (_jsx(_Fragment, { children: showModal && (_jsxs(_Fragment, { children: [_jsx("div", { className: "justify-center items-center overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none", children: _jsx("div", { className: "relative w-auto my-5 mx-auto max-w-7xl", children: _jsxs("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col bg-white outline-none focus:outline-none", children: [_jsxs("div", { className: "flex items-start justify-between p-2 border-b border-solid border-gray-300 rounded-t", children: [_jsx("h3", { className: "text-xl font-semibold", children: title }), _jsx("button", { className: "p-1 border-0 text-black opacity-1 ml-6 float-right text-3xl leading-none font-semibold outline-none focus:outline-none", onClick: () => {
15
+ return (_jsx(_Fragment, { children: showModal && (_jsxs(_Fragment, { children: [_jsx("div", { className: cn(s['flex'], s['justify-center'], s['items-center'], s['overflow-x-hidden'], s['overflow-y-auto'], s['fixed'], s['inset-0'], s['z-50'], s['outline-none'], s['focus:outline-none']), children: _jsx("div", { className: cn(s['relative'], s['w-auto'], s['my-5'], s['mx-auto'], s['max-w-7xl']), children: _jsxs("div", { className: cn(s['border-0'], s['rounded-lg'], s['shadow-lg'], s['relative'], s['flex'], s['flex-col'], s['bg-white'], s['outline-none'], s['focus:outline-none']), children: [_jsxs("div", { className: cn(s['flex'], s['items-start'], s['justify-between'], s['p-2'], s['border-b'], s['border-solid'], s['border-gray-300'], s['rounded-t']), children: [_jsx("h3", { className: cn(s['text-xl'], s['font-semibold']), children: title }), _jsx("button", { className: cn(s['p-1'], s['border-0'], s['text-black'], s['opacity-1'], s['ml-6'], s['float-right'], s['text-3xl'], s['leading-none'], s['font-semibold'], s['outline-none'], s['focus:outline-none']), onClick: () => {
14
16
  onClose && onClose();
15
17
  setShowModal(false);
16
- }, children: _jsx("span", { className: " text-black h-6 w-6 text-2xl block outline-none focus:outline-none", children: "\u00D7" }) })] }), _jsx("div", { className: "flex p-2 w-auto h-auto ", children: children })] }) }) }), _jsx("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })] })) }));
18
+ }, children: _jsx("span", { className: cn(s['text-black'], s['h-6'], s['w-6'], s['text-2xl'], s['block'], s['outline-none'], s['focus:outline-none']), children: "\u00D7" }) })] }), _jsx("div", { className: cn(s['flex'], s['p-2'], s['w-auto'], s['h-auto']), children: children })] }) }) }), _jsx("div", { className: cn(s['opacity-25'], s['fixed'], s['inset-0'], s['z-40'], s['bg-black']) })] })) }));
17
19
  };
package/lib/src/tc.module.css CHANGED
@@ -45,7 +45,6 @@
45
45
  } .inline-block { display: inline-block;
46
46
  } .flex { display: flex;
47
47
  } .table { display: table;
48
- } .grid { display: grid;
49
48
  } .hidden { display: none;
50
49
  } .h-0\.5 { height: 0.125rem;
51
50
  } .h-10 { height: 2.5rem;
@@ -67,7 +66,6 @@
67
66
  } .min-w-80 { min-width: 20rem;
68
67
  } .max-w-7xl { max-width: 80rem;
69
68
  } .max-w-full { max-width: 100%;
70
- } .flex-1 { flex: 1 1 0%;
71
69
  } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
72
70
  } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
73
71
  } .translate-x-1\/2 { --tw-translate-x: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -90,7 +88,6 @@
90
88
  } .justify-between { justify-content: space-between;
91
89
  } .gap-1 { gap: 0.25rem;
92
90
  } .gap-2 { gap: 0.5rem;
93
- } .gap-3 { gap: 0.75rem;
94
91
  } .gap-4 { gap: 1rem;
95
92
  } .space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
96
93
  } .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
@@ -229,10 +226,7 @@
229
226
  } .dark\:hover\:bg-gray-600:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity));
230
227
  } .dark\:focus\:ring-blue-600:focus:is(.dark *) { --tw-ring-opacity: 1; --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity));
231
228
  } @media (min-width: 0px) and (max-width: 767px) { .sm\:block { display: block;
232
- } .sm\:inline-block { display: inline-block;
233
229
  } .sm\:px-8 { padding-left: 2rem; padding-right: 2rem;
234
230
  } .sm\:text-base { font-size: 1rem; line-height: 1.5rem;
235
231
  }
236
- } @media (min-width: 1280px) { .xl\:grid { display: grid;
237
- }
238
232
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-restyle-components",
3
- "version": "0.2.74",
3
+ "version": "0.2.75",
4
4
  "private": false,
5
5
  "description": "Easy use restyle components",
6
6
  "author": {
package/lib/src/core-components/atoms/grid/grid.component.d.ts DELETED
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- interface GridProps {
3
- cols?: number;
4
- children?: React.ReactNode;
5
- }
6
- export declare const Grid: React.FunctionComponent<GridProps>;
7
- export {};
8
- //# sourceMappingURL=grid.component.d.ts.map
package/lib/src/core-components/atoms/grid/grid.component.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"grid.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/grid/grid.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAInD,CAAC"}
package/lib/src/core-components/atoms/grid/grid.component.js DELETED
@@ -1,4 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import s from '../../../tc.module.css';
3
- import { cn } from '../../../core-utils';
4
- export const Grid = (props) => (_jsx("div", { className: cn(s[`xl:grid`], s[`sm:inline-block`], s[`grid-cols-${props.cols || 1}`], s[`gap-3`]), children: props.children }));
package/lib/src/core-components/atoms/list/list.component.d.ts DELETED
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- interface ListProps {
3
- direction?: 'row' | 'col';
4
- space?: number;
5
- padding?: boolean;
6
- background?: boolean;
7
- align?: 'start' | 'between' | 'center' | 'end';
8
- justify?: 'start' | 'end' | 'center' | 'stretch';
9
- fill?: boolean;
10
- children?: React.ReactNode;
11
- }
12
- export declare const List: React.FunctionComponent<ListProps>;
13
- export {};
14
- //# sourceMappingURL=list.component.d.ts.map
package/lib/src/core-components/atoms/list/list.component.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"list.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/list/list.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,SAAS;IACjB,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CA+BnD,CAAC"}
package/lib/src/core-components/atoms/list/list.component.js DELETED
@@ -1,16 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import s from '../../../tc.module.css';
3
- import { cn } from '../../../core-utils';
4
- export const List = (props) => {
5
- const spacingClass = props.space
6
- ? `space-${props.direction === 'col' ? 'y' : 'x'}-${props.space}`
7
- : '';
8
- const paddingClass = props.padding ? `p-${props.space}` : '';
9
- const backgroundClass = props.background ? 'bg-gray-100' : '';
10
- const alignClass = props.align ? `justify-${props.align}` : '';
11
- const justifyClass = props.justify
12
- ? `items-${props.justify}`
13
- : 'items-center';
14
- const fillClass = props.fill ? 'flex-1' : '';
15
- return (_jsx("span", { className: cn(s.flex, `flex-${props.direction || 'row'}`, spacingClass, paddingClass, backgroundClass, alignClass, fillClass, justifyClass), children: props.children }));
16
- };