@maelstrom-futurism/input 0.7.4-beta.4 → 0.7.4-beta.8

package/dist/Input.d.ts

@@ -17,6 +17,10 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
      * The label to display above the input.  Leave blank to hide.
      */
     label?: string;
+    /**
+     * Help text is displayed below the field to help users determine how the field is used
+     */
+    helpText?: string;
     /**
      * Text to use as a placeholder
      */

package/dist/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../src/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAMtD,MAAM,MAAM,OAAO,GACb,QAAQ,GACR,UAAU,CAAC;AAEjB,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAE3E;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,IAAI,EAAE,sBAAsB,CAAC;IAE7B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAE1D,YAAY,CAAC,EAAE,GAAG,CAAC;CACtB;AAED,QAAA,MAAM,KAAK,4EAoBT,CAAC;AAIH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../src/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAMtD,MAAM,MAAM,OAAO,GACb,QAAQ,GACR,UAAU,CAAC;AAEjB,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAE3E;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,IAAI,EAAE,sBAAsB,CAAC;IAE7B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAE1D,YAAY,CAAC,EAAE,GAAG,CAAC;CACtB;AAED,QAAA,MAAM,KAAK,4EAuBT,CAAC;AAIH,eAAe,KAAK,CAAC"}

package/dist/Input.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import React from "react";
 import { useTheme } from "@maelstrom-futurism/core";
-import { fcContainer, materialStyledInput, normalStyledInput } from "./styles";
-const Input = React.forwardRef(({ variant = "normal", type, name, label, ...rest }, ref) => {
+import { outsideContainer, fcContainer, materialStyledInput, normalStyledInput, helpText as helpTextCss } from "./styles";
+const Input = React.forwardRef(({ variant = "normal", type, name, label, helpText, ...rest }, ref) => {
     const theme = useTheme();
     const isMaterial = variant === "material";
     const additionalStyles = isMaterial ? materialStyledInput(theme) : normalStyledInput(theme);
-    return (_jsxs("div", { css: [fcContainer, additionalStyles], children: [_jsx("input", { id: name, name: name, type: type, ref: ref, placeholder: " ", ...rest }), label && _jsx("label", { htmlFor: name, children: label }), isMaterial && _jsx("span", { className: "underline" })] }));
+    return (_jsxs("div", { css: outsideContainer, children: [_jsxs("div", { css: [fcContainer, additionalStyles], children: [_jsx("input", { id: name, name: name, type: type, ref: ref, placeholder: " ", ...rest }), label && _jsx("label", { htmlFor: name, children: label }), isMaterial && _jsx("span", { className: "underline" })] }), helpText && _jsx("span", { css: helpTextCss, children: helpText })] }));
 });
 export default Input;
 //# sourceMappingURL=Input.js.map

package/dist/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../src/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA8D/E,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,OAAO,GAAG,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,EAAc,EAAE,GAAS,EAAE,EAAE;IACzG,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,UAAU,GAAG,OAAO,KAAK,UAAU,CAAC;IAE1C,MAAM,gBAAgB,GAAG,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAE3F,OAAO,CACL,eAAK,GAAG,EAAE,CAAC,WAAW,EAAE,gBAAgB,CAAC,aACrC,gBACM,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,WAAW,EAAC,GAAG,KACX,IAAI,GACZ,EACD,KAAK,IAAI,gBAAO,OAAO,EAAE,IAAI,YAAG,KAAK,GAAS,EAC9C,UAAU,IAAI,eAAM,SAAS,EAAC,WAAW,GAAG,IAC3C,CACP,CAAC;AACN,CAAC,CAAC,CAAC;AAIH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../src/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,UAAU,CAAC;AAmE1H,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,OAAO,GAAG,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAc,EAAE,GAAS,EAAE,EAAE;IACnH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,UAAU,GAAG,OAAO,KAAK,UAAU,CAAC;IAE1C,MAAM,gBAAgB,GAAG,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAE3F,OAAO,CACH,eAAK,GAAG,EAAE,gBAAgB,aACtB,eAAK,GAAG,EAAE,CAAC,WAAW,EAAE,gBAAgB,CAAC,aACrC,gBACI,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,WAAW,EAAC,GAAG,KACX,IAAI,GACV,EACD,KAAK,IAAI,gBAAO,OAAO,EAAE,IAAI,YAAG,KAAK,GAAS,EAC9C,UAAU,IAAI,eAAM,SAAS,EAAC,WAAW,GAAG,IAC3C,EACL,QAAQ,IAAI,eAAM,GAAG,EAAE,WAAW,YAAG,QAAQ,GAAQ,IACpD,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AAIH,eAAe,KAAK,CAAC"}

package/dist/styles.d.ts

@@ -1,5 +1,7 @@
 import { Theme } from '@maelstrom-futurism/core';
+export declare const outsideContainer: import("@emotion/react").SerializedStyles;
 export declare const fcContainer: import("@emotion/react").SerializedStyles;
+export declare const helpText: import("@emotion/react").SerializedStyles;
 export declare const materialStyledInput: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const normalStyledInput: (theme: Theme) => import("@emotion/react").SerializedStyles;
 //# sourceMappingURL=styles.d.ts.map

package/dist/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAKjD,eAAO,MAAM,WAAW,2CAGvB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO,KAAK,8CAuD/C,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,8CA8C7C,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAKjD,eAAO,MAAM,gBAAgB,2CAE5B,CAAC;AAEF,eAAO,MAAM,WAAW,2CAGvB,CAAC;AAEF,eAAO,MAAM,QAAQ,2CAMpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO,KAAK,8CAuD/C,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,8CA8C7C,CAAC"}

package/dist/styles.js

@@ -1,9 +1,19 @@
 import { css } from '@emotion/react';
 const EASE_FUNCTION = 'cubic-bezier(.65, .05, .36, 1)';
+export const outsideContainer = css `
+    background-color: inherit;
+`;
 export const fcContainer = css `
     position: relative;
     margin-top: 14px;
 `;
+export const helpText = css `
+    position: relative;
+    display: block;
+    padding: 2px 0 2px 12px;
+    font-size: 0.9em;
+    opacity: 0.7;
+`;
 export const materialStyledInput = (theme) => css `
     input {
         color: ${theme.color("textColor")};

package/dist/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAIrC,MAAM,aAAa,GAAG,gCAAgC,CAAC;AAEvD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;CAG7B,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,GAAG,CAAA;;iBAEvC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;;;;mCAIN,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;;;qBAGtC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC;0BACb,aAAa;;;;;;;;;;;;0BAYb,aAAa;;;;;;;;;;;;;;;;;;qCAkBF,aAAa;mCACf,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;;;;;;;;mCAQxB,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;;;;iBAI1C,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC;;CAEtC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,GAAG,CAAA;;;;iBAIrC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;;6BAEZ,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;;;;qBAIhC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC;0BACb,aAAa;;;;;;;;;;;;;0BAab,aAAa;;;;;;;;;;;;;;6BAcV,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC;;;6BAGtB,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;;;iBAGpC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC;;CAEtC,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAIrC,MAAM,aAAa,GAAG,gCAAgC,CAAC;AAEvD,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;CAElC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;CAG7B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;;;;;CAM1B,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,GAAG,CAAA;;iBAEvC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;;;;mCAIN,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;;;qBAGtC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC;0BACb,aAAa;;;;;;;;;;;;0BAYb,aAAa;;;;;;;;;;;;;;;;;;qCAkBF,aAAa;mCACf,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;;;;;;;;mCAQxB,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;;;;iBAI1C,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC;;CAEtC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,GAAG,CAAA;;;;iBAIrC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;;6BAEZ,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;;;;qBAIhC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC;0BACb,aAAa;;;;;;;;;;;;;0BAab,aAAa;;;;;;;;;;;;;;6BAcV,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC;;;6BAGtB,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;;;iBAGpC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC;;CAEtC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maelstrom-futurism/input",
-  "version": "0.7.4-beta.4",
+  "version": "0.7.4-beta.8",
   "description": "Re-usable input components of MF",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -37,11 +37,11 @@
   },
   "homepage": "https://github.com/DawsonG/maelstrom-futurism#readme",
   "dependencies": {
-    "@maelstrom-futurism/core": "^0.7.4-beta.4"
+    "@maelstrom-futurism/core": "^0.7.4-beta.8"
   },
   "peerDependencies": {
     "@emotion/react": ">= 11.10.5",
     "react": ">= 18.0.0"
   },
-  "gitHead": "f04972a70d3b1c17e03ccb9eba4e41e5f591415f"
+  "gitHead": "8ec034fa52a53c140d6bc59276834be44998eb8c"
 }