@mrshmllw/smores-react 2.6.1 → 2.7.1

package/dist/fields/components/Placeholder.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import styled from 'styled-components';
+import { Box } from '../../Box';
+import { theme } from '../../theme';
+export const Placeholder = () => {
+    return (React.createElement(Wrapper, null,
+        React.createElement(Svg, { xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement(Line, { x1: "0", y1: "0", x2: "100%", y2: "100%" }),
+            React.createElement(Line, { x1: "100%", y1: "0", x2: "0", y2: "100%" }))));
+};
+const Wrapper = styled(Box) `
+  background-color: ${theme.colors.background};
+  border: 2px solid ${theme.colors.outline};
+  height: 40px;
+  width: auto;
+`;
+const Svg = styled.svg `
+  width: 100%;
+  height: 100%;
+`;
+const Line = styled.line `
+  stroke-width: 2px;
+  stroke: ${theme.colors.outline};
+`;
+//# sourceMappingURL=Placeholder.js.map

package/dist/fields/components/Placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Placeholder.js","sourceRoot":"","sources":["../../../src/fields/components/Placeholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,OAAO,CACL,oBAAC,OAAO;QACN,oBAAC,GAAG,IAAC,KAAK,EAAC,4BAA4B;YACrC,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,GAAG;YAC1C,oBAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,GAAG,CACtC,CACE,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;sBACL,KAAK,CAAC,MAAM,CAAC,UAAU;sBACvB,KAAK,CAAC,MAAM,CAAC,OAAO;;;CAGzC,CAAA;AAED,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGrB,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;;YAEZ,KAAK,CAAC,MAAM,CAAC,OAAO;CAC/B,CAAA"}

package/dist/index.d.ts

@@ -21,6 +21,7 @@ export * from './Modal';
 export * from './NumberInput';
 export * from './Pagination';
 export * from './RadioButton';
+export * from './RadioGroup';
 export * from './Row';
 export * from './SearchInput';
 export * from './SupportMessage';
@@ -30,6 +31,6 @@ export * from './Textarea';
 export * from './TextInput';
 export * from './theme';
 export * from './Toggle';
-export * from './Fieldset';
+export * from './fields/Fieldset';
 export * from './fontStyle';
 export { MarginProps, PaddingProps } from './utils/space';

package/dist/index.js

@@ -21,6 +21,7 @@ export * from './Modal';
 export * from './NumberInput';
 export * from './Pagination';
 export * from './RadioButton';
+export * from './RadioGroup';
 export * from './Row';
 export * from './SearchInput';
 export * from './SupportMessage';
@@ -30,6 +31,6 @@ export * from './Textarea';
 export * from './TextInput';
 export * from './theme';
 export * from './Toggle';
-export * from './Fieldset';
+export * from './fields/Fieldset';
 export * from './fontStyle';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,4BAA4B,CAAA;AAC1C,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,4BAA4B,CAAA;AAC1C,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA"}

package/dist/utils/visuallyHidden.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Hide element visually but still have it accessible for assitive device
+ * @link https://www.a11yproject.com/posts/how-to-hide-content/
+ */
+export declare const visuallyHidden = "\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n";

package/dist/utils/visuallyHidden.js

@@ -0,0 +1,14 @@
+/**
+ * Hide element visually but still have it accessible for assitive device
+ * @link https://www.a11yproject.com/posts/how-to-hide-content/
+ */
+export const visuallyHidden = `
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+`;
+//# sourceMappingURL=visuallyHidden.js.map

package/dist/utils/visuallyHidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visuallyHidden.js","sourceRoot":"","sources":["../../src/utils/visuallyHidden.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;;;;;;;;CAQ7B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrshmllw/smores-react",
-  "version": "2.6.1",
+  "version": "2.7.1",
   "main": "./dist/index.js",
   "description": "Collection of React components used by Marshmallow Technology",
   "keywords": [
@@ -41,7 +41,7 @@
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^8.0.0",
-    "@types/jest": "^28.1.1",
+    "@types/jest": "^29.0.0",
     "@types/node": "^18.0.0",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.9",
@@ -51,16 +51,16 @@
     "@typescript-eslint/eslint-plugin": "^5.31.0",
     "@typescript-eslint/parser": "^5.31.0",
     "babel-eslint": "^10.1.0",
-    "babel-jest": "^28.0.3",
+    "babel-jest": "^29.0.2",
     "babel-loader": "^8.1.0",
     "eslint": "^7.9.0",
     "eslint-config-prettier": "^8.2.0",
-    "eslint-plugin-jest": "^26.5.3",
+    "eslint-plugin-jest": "^27.0.1",
     "eslint-plugin-react": "^7.29.2",
     "eslint-plugin-react-hooks": "^4.1.2",
     "husky": "^8.0.1",
-    "jest": "^28.0.3",
-    "jest-environment-jsdom": "^28.1.0",
+    "jest": "^29.0.2",
+    "jest-environment-jsdom": "^29.0.2",
     "jest-styled-components": "^7.0.3",
     "lint-staged": "^13.0.0",
     "prettier": "^2.1.2",