react-restyle-components 0.1.44 → 0.1.45

package/lib/esm/core-components/molecules/css-multiline-input/css-multiline-input.test.js

@@ -1,11 +1,13 @@
 /* eslint-disable testing-library/await-async-query */
 /* eslint-disable testing-library/prefer-screen-queries */
 /* eslint-disable testing-library/render-result-naming-convention */
-import React from 'react';
-import { render } from '@core-utils';
-import { CSSMultiline } from './css-multiline-input.component';
-it('render CSSMultiline correctly', () => {
-    const result = render(React.createElement(CSSMultiline, { onChange: () => { } }));
-    expect(result).toMatchSnapshot();
+import React from "react";
+import { render } from "@core-utils";
+import { CSSMultiline } from "./css-multiline-input.component";
+it("render CSSMultiline correctly", () => {
+  const result = render(
+    React.createElement(CSSMultiline, { onChange: () => {} }),
+  );
+  expect(result).toMatchSnapshot();
 });
-//# sourceMappingURL=css-multiline-input.test.js.map
+//# sourceMappingURL=css-multiline-input.test.js.map

package/lib/esm/core-components/molecules/css-multiline-input/css-properties.js

@@ -1,162 +1,162 @@
 /* eslint-disable no-sparse-arrays */
 export const properties = [
-    {
-        alignContent: [
-            'flex-start',
-            'flex-end',
-            'center',
-            'stretch',
-            'space-between',
-            'space-around',
-        ],
-    },
-    { alignItems: ['flex-start', 'flex-end', 'center', 'stretch', 'baseline'] },
-    {
-        alignSelf: [
-            'auto',
-            'flex-start',
-            'flex-end',
-            'center',
-            'baseline',
-            'stretch',
-        ],
-    },
-    { flex: ['number', 'string'] },
-    { flexDirection: ['row', 'row-reverse', 'column', 'column-reverse'] },
-    { flexWrap: ['nowrap', 'wrap', 'wrap-reverse'] },
-    { flexFlow: ['number'] },
-    { flexGrow: ['number'] },
-    { flexShrink: ['number'] },
-    { flexBasis: ['number', 'string'] },
-    {
-        justifyContent: [
-            ,
-            'flex-start',
-            'flex-end',
-            'center',
-            'space-around',
-            'space-between',
-            'space-evenly',
-        ],
-    },
-    { gap: ['number', 'string'] },
-    { rowGap: ['number'] },
-    { columnGap: ['number'] },
-    // Layout
-    { aspectRatio: ['number', 'string'] },
-    { bottom: ['number', 'string'] },
-    { display: ['flex', 'none'] },
-    { left: ['number', 'string'] },
-    { position: ['absolute', 'relative'] },
-    { right: ['number', 'string'] },
-    { top: ['number', 'string'] },
-    { overflow: ['hidden'] },
-    { zIndex: ['number', 'string'] },
-    // Dimension
-    { height: ['number', 'string'] },
-    { maxHeight: ['number', 'string'] },
-    { maxWidth: ['number', 'string'] },
-    { minHeight: ['number', 'string'] },
-    { minWidth: ['number', 'string'] },
-    { width: ['number', 'string'] },
-    // Color
-    { backgroundColor: ['string'] },
-    { color: ['string'] },
-    { opacity: ['number'] },
-    // Text
-    { fontSize: ['number', 'string'] },
-    { fontFamily: ['string'] },
-    { fontStyle: ['string', 'normal'] },
-    {
-        fontWeight: [
-            ,
-            'number',
-            'thin',
-            'hairline',
-            'ultralight',
-            'extralight',
-            'light',
-            'normal',
-            'medium',
-            'semibold',
-            'demibold',
-            'bold',
-            'ultrabold',
-            'extrabold',
-            'heavy',
-            'black',
-        ],
-    },
-    { letterSpacing: ['number', 'string'] },
-    { lineHeight: ['number', 'string'] },
-    { maxLines: ['number'] },
-    { textAlign: ['left', 'right', 'center', 'justify'] },
-    {
-        textDecoration: [
-            ,
-            'line-through',
-            'underline',
-            'none',
-            'line-through underline',
-            'underline line-through',
-        ],
-    },
-    { textDecorationColor: ['string'] },
-    { textDecorationStyle: ['dashed', 'dotted', 'solid', 'string'] },
-    { textIndent: ['any'] },
-    { textOverflow: ['ellipsis'] },
-    { textTransform: ['capitalize', 'lowercase', 'uppercase'] },
-    { verticalAlign: ['sub', 'super'] },
-    // Sizing/positioning
-    { objectFit: ['string'] },
-    { objectPosition: ['number', 'string'] },
-    { objectPositionX: ['number', 'string'] },
-    { objectPositionY: ['number', 'string'] },
-    // Margin/padding
-    { margin: ['number', 'string'] },
-    { marginHorizontal: ['number', 'string'] },
-    { marginVertical: ['number', 'string'] },
-    { marginTop: ['number', 'string'] },
-    { marginRight: ['number', 'string'] },
-    { marginBottom: ['number', 'string'] },
-    { marginLeft: ['number', 'string'] },
-    { padding: ['number', 'string'] },
-    { paddingHorizontal: ['number', 'string'] },
-    { paddingVertical: ['number', 'string'] },
-    { paddingTop: ['number', 'string'] },
-    { paddingRight: ['number', 'string'] },
-    { paddingBottom: ['number', 'string'] },
-    { paddingLeft: ['number', 'string'] },
-    // Transformations
-    { transform: ['string'] },
-    { transformOrigin: ['number', 'string'] },
-    { transformOriginX: ['number', 'string'] },
-    { transformOriginY: ['number', 'string'] },
-    // Borders
-    { border: ['number', 'string'] },
-    { borderWidth: ['number', 'string'] },
-    { borderColor: ['string'] },
-    { borderStyle: ['dashed', 'dotted', 'solid'] },
-    { borderTop: ['number', 'string'] },
-    { borderTopColor: ['string'] },
-    { borderTopStyle: ['dashed', 'dotted', 'solid'] },
-    { borderTopWidth: ['number', 'string'] },
-    { borderRight: ['number', 'string'] },
-    { borderRightColor: ['string'] },
-    { borderRightStyle: ['dashed', 'dotted', 'solid'] },
-    { borderRightWidth: ['number', 'string'] },
-    { borderBottom: ['number', 'string'] },
-    { borderBottomColor: ['string'] },
-    { borderBottomStyle: ['dashed', 'dotted', 'solid'] },
-    { borderBottomWidth: ['number', 'string'] },
-    { borderLeft: ['number', 'string'] },
-    { borderLeftColor: ['string'] },
-    { borderLeftStyle: ['dashed', 'dotted', 'solid'] },
-    { borderLeftWidth: ['number', 'string'] },
-    { borderTopLeftRadius: ['number', 'string'] },
-    { borderTopRightRadius: ['number', 'string'] },
-    { borderBottomRightRadius: ['number', 'string'] },
-    { borderBottomLeftRadius: ['number', 'string'] },
-    { borderRadius: ['number', 'string'] },
+  {
+    alignContent: [
+      "flex-start",
+      "flex-end",
+      "center",
+      "stretch",
+      "space-between",
+      "space-around",
+    ],
+  },
+  { alignItems: ["flex-start", "flex-end", "center", "stretch", "baseline"] },
+  {
+    alignSelf: [
+      "auto",
+      "flex-start",
+      "flex-end",
+      "center",
+      "baseline",
+      "stretch",
+    ],
+  },
+  { flex: ["number", "string"] },
+  { flexDirection: ["row", "row-reverse", "column", "column-reverse"] },
+  { flexWrap: ["nowrap", "wrap", "wrap-reverse"] },
+  { flexFlow: ["number"] },
+  { flexGrow: ["number"] },
+  { flexShrink: ["number"] },
+  { flexBasis: ["number", "string"] },
+  {
+    justifyContent: [
+      ,
+      "flex-start",
+      "flex-end",
+      "center",
+      "space-around",
+      "space-between",
+      "space-evenly",
+    ],
+  },
+  { gap: ["number", "string"] },
+  { rowGap: ["number"] },
+  { columnGap: ["number"] },
+  // Layout
+  { aspectRatio: ["number", "string"] },
+  { bottom: ["number", "string"] },
+  { display: ["flex", "none"] },
+  { left: ["number", "string"] },
+  { position: ["absolute", "relative"] },
+  { right: ["number", "string"] },
+  { top: ["number", "string"] },
+  { overflow: ["hidden"] },
+  { zIndex: ["number", "string"] },
+  // Dimension
+  { height: ["number", "string"] },
+  { maxHeight: ["number", "string"] },
+  { maxWidth: ["number", "string"] },
+  { minHeight: ["number", "string"] },
+  { minWidth: ["number", "string"] },
+  { width: ["number", "string"] },
+  // Color
+  { backgroundColor: ["string"] },
+  { color: ["string"] },
+  { opacity: ["number"] },
+  // Text
+  { fontSize: ["number", "string"] },
+  { fontFamily: ["string"] },
+  { fontStyle: ["string", "normal"] },
+  {
+    fontWeight: [
+      ,
+      "number",
+      "thin",
+      "hairline",
+      "ultralight",
+      "extralight",
+      "light",
+      "normal",
+      "medium",
+      "semibold",
+      "demibold",
+      "bold",
+      "ultrabold",
+      "extrabold",
+      "heavy",
+      "black",
+    ],
+  },
+  { letterSpacing: ["number", "string"] },
+  { lineHeight: ["number", "string"] },
+  { maxLines: ["number"] },
+  { textAlign: ["left", "right", "center", "justify"] },
+  {
+    textDecoration: [
+      ,
+      "line-through",
+      "underline",
+      "none",
+      "line-through underline",
+      "underline line-through",
+    ],
+  },
+  { textDecorationColor: ["string"] },
+  { textDecorationStyle: ["dashed", "dotted", "solid", "string"] },
+  { textIndent: ["any"] },
+  { textOverflow: ["ellipsis"] },
+  { textTransform: ["capitalize", "lowercase", "uppercase"] },
+  { verticalAlign: ["sub", "super"] },
+  // Sizing/positioning
+  { objectFit: ["string"] },
+  { objectPosition: ["number", "string"] },
+  { objectPositionX: ["number", "string"] },
+  { objectPositionY: ["number", "string"] },
+  // Margin/padding
+  { margin: ["number", "string"] },
+  { marginHorizontal: ["number", "string"] },
+  { marginVertical: ["number", "string"] },
+  { marginTop: ["number", "string"] },
+  { marginRight: ["number", "string"] },
+  { marginBottom: ["number", "string"] },
+  { marginLeft: ["number", "string"] },
+  { padding: ["number", "string"] },
+  { paddingHorizontal: ["number", "string"] },
+  { paddingVertical: ["number", "string"] },
+  { paddingTop: ["number", "string"] },
+  { paddingRight: ["number", "string"] },
+  { paddingBottom: ["number", "string"] },
+  { paddingLeft: ["number", "string"] },
+  // Transformations
+  { transform: ["string"] },
+  { transformOrigin: ["number", "string"] },
+  { transformOriginX: ["number", "string"] },
+  { transformOriginY: ["number", "string"] },
+  // Borders
+  { border: ["number", "string"] },
+  { borderWidth: ["number", "string"] },
+  { borderColor: ["string"] },
+  { borderStyle: ["dashed", "dotted", "solid"] },
+  { borderTop: ["number", "string"] },
+  { borderTopColor: ["string"] },
+  { borderTopStyle: ["dashed", "dotted", "solid"] },
+  { borderTopWidth: ["number", "string"] },
+  { borderRight: ["number", "string"] },
+  { borderRightColor: ["string"] },
+  { borderRightStyle: ["dashed", "dotted", "solid"] },
+  { borderRightWidth: ["number", "string"] },
+  { borderBottom: ["number", "string"] },
+  { borderBottomColor: ["string"] },
+  { borderBottomStyle: ["dashed", "dotted", "solid"] },
+  { borderBottomWidth: ["number", "string"] },
+  { borderLeft: ["number", "string"] },
+  { borderLeftColor: ["string"] },
+  { borderLeftStyle: ["dashed", "dotted", "solid"] },
+  { borderLeftWidth: ["number", "string"] },
+  { borderTopLeftRadius: ["number", "string"] },
+  { borderTopRightRadius: ["number", "string"] },
+  { borderBottomRightRadius: ["number", "string"] },
+  { borderBottomLeftRadius: ["number", "string"] },
+  { borderRadius: ["number", "string"] },
 ];
-//# sourceMappingURL=css-properties.js.map
+//# sourceMappingURL=css-properties.js.map

package/lib/esm/core-utils/index.js

@@ -1,2 +1,2 @@
-export * from './unit-test.utils';
-//# sourceMappingURL=index.js.map
+export * from "./unit-test.utils";
+//# sourceMappingURL=index.js.map

package/lib/esm/core-utils/unit-test.utils.js

@@ -1,10 +1,10 @@
-import React from 'react';
-import { render as renderComponent } from '@testing-library/react';
+import React from "react";
+import { render as renderComponent } from "@testing-library/react";
 const Providers = ({ children }) => {
-    return React.createElement("div", null, children);
+  return React.createElement("div", null, children);
 };
 const render = (Component) => {
-    return renderComponent(Component, { wrapper: Providers });
+  return renderComponent(Component, { wrapper: Providers });
 };
 export { render, Providers };
-//# sourceMappingURL=unit-test.utils.js.map
+//# sourceMappingURL=unit-test.utils.js.map

package/lib/esm/index.js

@@ -1,2 +1,2 @@
-export * from './core-components';
-//# sourceMappingURL=index.js.map
+export * from "./core-components";
+//# sourceMappingURL=index.js.map

package/lib/esm/library/assets/svg/index.js

@@ -1,12 +1,21 @@
-import UnCheckbox from '../../../library/assets/svg/unCheckbox.svg';
-import CheckedBox from '../../../library/assets/svg/checkedBox.svg';
-import DatePickerSvg from '../../../library/assets/svg/datePicker.svg';
-import CheckedRadio from '../../../library/assets/svg/checkedRadio.svg';
-import UncheckRadio from '../../../library/assets/svg/uncheckRadio.svg';
-import TimerSVG from '../../../library/assets/svg/timer.svg';
-import UpArrow from '../../../library/assets/svg/UpArrow.svg';
-import DownArrow from '../../../library/assets/svg/DownArrow.svg';
-export { UnCheckbox, CheckedBox, DatePickerSvg, CheckedRadio, UncheckRadio, TimerSVG, UpArrow, DownArrow, };
+import UnCheckbox from "../../../library/assets/svg/unCheckbox.svg";
+import CheckedBox from "../../../library/assets/svg/checkedBox.svg";
+import DatePickerSvg from "../../../library/assets/svg/datePicker.svg";
+import CheckedRadio from "../../../library/assets/svg/checkedRadio.svg";
+import UncheckRadio from "../../../library/assets/svg/uncheckRadio.svg";
+import TimerSVG from "../../../library/assets/svg/timer.svg";
+import UpArrow from "../../../library/assets/svg/UpArrow.svg";
+import DownArrow from "../../../library/assets/svg/DownArrow.svg";
+export {
+  UnCheckbox,
+  CheckedBox,
+  DatePickerSvg,
+  CheckedRadio,
+  UncheckRadio,
+  TimerSVG,
+  UpArrow,
+  DownArrow,
+};
 // import {ReactComponent as UnCheckbox} from '../../../library/assets/svg/unCheckbox.svg';
 // import {ReactComponent as CheckedBox} from '../../../library/assets/svg/checkedBox.svg';
 // import {ReactComponent as DatePickerSvg} from '../../../library/assets/svg/datePicker.svg';
@@ -25,4 +34,4 @@ export { UnCheckbox, CheckedBox, DatePickerSvg, CheckedRadio, UncheckRadio, Time
 //   UpArrow,
 //   DownArrow,
 // };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/esm/reportWebVitals.js

@@ -1,3 +1,3 @@
 // import {ReportHandler} from 'web-vitals';
 export {};
-//# sourceMappingURL=reportWebVitals.js.map
+//# sourceMappingURL=reportWebVitals.js.map

package/lib/esm/setupTests.js

@@ -2,5 +2,5 @@
 // allows you to do things like:
 // expect(element).toHaveTextContent(/react/i)
 // learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';
-//# sourceMappingURL=setupTests.js.map
+import "@testing-library/jest-dom";
+//# sourceMappingURL=setupTests.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-restyle-components",
-  "version": "0.1.44",
+  "version": "0.1.45",
   "private": false,
   "description": "Easy use restyle components",
   "main": "lib/cjs/index.js",
@@ -112,6 +112,8 @@
     "@svgr/webpack": "^8.1.0",
     "autoprefixer": "^10.4.19",
     "craco-alias": "^3.0.1",
+    "style-loader": "^4.0.0",
+    "css-loader": "^7.1.2",
     "eslint-plugin-storybook": "^0.8.0",
     "gh-pages": "^3.2.3",
     "husky": "^7.0.4",