@elliemae/ds-controlled-form 2.4.2-rc.12 → 2.4.2-rc.13

package/esm/toggle/styles.js

@@ -31,7 +31,7 @@ const StyledLabel = /*#__PURE__*/styled.div.withConfig({
     width,
     size
   } = _ref5;
-  return "calc(".concat(width, "px + ").concat(margin[size], ")");
+  return `calc(${width}px + ${margin[size]})`;
 }, _ref6 => {
   let {
     size
@@ -54,7 +54,7 @@ const StyledVisibleContent = /*#__PURE__*/styled.label.withConfig({
   let {
     size
   } = _ref9;
-  return "calc(".concat(labelHeight[size], " - 4px)");
+  return `calc(${labelHeight[size]} - 4px)`;
 }, _ref10 => {
   let {
     theme,
@@ -64,7 +64,9 @@ const StyledVisibleContent = /*#__PURE__*/styled.label.withConfig({
     readOnly,
     active
   } = _ref10;
-  return size === 's' ? "1px solid ".concat(handleBorderColor(checked, disabled, readOnly, active, theme)) : "\n    2px solid ".concat(handleBorderColor(checked, disabled, readOnly, active, theme), "\n    ");
+  return size === 's' ? `1px solid ${handleBorderColor(checked, disabled, readOnly, active, theme)}` : `
+    2px solid ${handleBorderColor(checked, disabled, readOnly, active, theme)}
+    `;
 }, _ref11 => {
   let {
     theme,
@@ -129,13 +131,13 @@ const StyledText = /*#__PURE__*/styled.div.withConfig({
     isLongerTextRendering,
     checked
   } = _ref20;
-  return isLongerTextRendering && checked ? "margin-left: 6px;" : undefined;
+  return isLongerTextRendering && checked ? `margin-left: 6px;` : undefined;
 }, _ref21 => {
   let {
     isLongerTextRendering,
     checked
   } = _ref21;
-  return isLongerTextRendering && !checked ? "margin-left: 4px;" : undefined;
+  return isLongerTextRendering && !checked ? `margin-left: 4px;` : undefined;
 });
 const StyledInput = /*#__PURE__*/styled.input.withConfig({
   componentId: "sc-yhh3ee-5"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-controlled-form",
-  "version": "2.4.2-rc.12",
+  "version": "2.4.2-rc.13",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Controllers",
   "module": "./esm/index.js",
@@ -896,20 +896,20 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.4.2-rc.12",
-    "@elliemae/ds-circular-progress-indicator": "2.4.2-rc.12",
-    "@elliemae/ds-controlled-form": "2.4.2-rc.12",
-    "@elliemae/ds-form": "2.4.2-rc.12",
-    "@elliemae/ds-form-layout-blocks": "2.4.2-rc.12",
-    "@elliemae/ds-grid": "2.4.2-rc.12",
-    "@elliemae/ds-icon": "2.4.2-rc.12",
-    "@elliemae/ds-icons": "2.4.2-rc.12",
-    "@elliemae/ds-pills": "2.4.2-rc.12",
-    "@elliemae/ds-popperjs": "2.4.2-rc.12",
-    "@elliemae/ds-props-helpers": "2.4.2-rc.12",
-    "@elliemae/ds-system": "2.4.2-rc.12",
-    "@elliemae/ds-tooltip": "2.4.2-rc.12",
-    "@elliemae/ds-truncated-tooltip-text": "2.4.2-rc.12",
+    "@elliemae/ds-button": "2.4.2-rc.13",
+    "@elliemae/ds-circular-progress-indicator": "2.4.2-rc.13",
+    "@elliemae/ds-controlled-form": "2.4.2-rc.13",
+    "@elliemae/ds-form": "2.4.2-rc.13",
+    "@elliemae/ds-form-layout-blocks": "2.4.2-rc.13",
+    "@elliemae/ds-grid": "2.4.2-rc.13",
+    "@elliemae/ds-icon": "2.4.2-rc.13",
+    "@elliemae/ds-icons": "2.4.2-rc.13",
+    "@elliemae/ds-pills": "2.4.2-rc.13",
+    "@elliemae/ds-popperjs": "2.4.2-rc.13",
+    "@elliemae/ds-props-helpers": "2.4.2-rc.13",
+    "@elliemae/ds-system": "2.4.2-rc.13",
+    "@elliemae/ds-tooltip": "2.4.2-rc.13",
+    "@elliemae/ds-truncated-tooltip-text": "2.4.2-rc.13",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "react-popper": "~2.2.5",

package/types/text-input/config/useInputText.d.ts

@@ -53,7 +53,7 @@ export declare const useInputText: (props: DSInputTextT.Props) => {
         tabIndex: number;
         translate: "yes" | "no";
         radioGroup: string;
-        role: "separator" | "option" | (string & {}) | "article" | "button" | "dialog" | "figure" | "form" | "img" | "link" | "main" | "menu" | "menuitem" | "table" | "switch" | "search" | "alert" | "alertdialog" | "application" | "banner" | "cell" | "checkbox" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "directory" | "document" | "feed" | "grid" | "gridcell" | "group" | "heading" | "list" | "listbox" | "listitem" | "log" | "marquee" | "math" | "menubar" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "none" | "note" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "searchbox" | "slider" | "spinbutton" | "status" | "tab" | "tablist" | "tabpanel" | "term" | "textbox" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem";
+        role: "separator" | "option" | (string & {}) | "article" | "button" | "dialog" | "figure" | "form" | "img" | "link" | "main" | "menu" | "menuitem" | "table" | "switch" | "alert" | "alertdialog" | "application" | "banner" | "cell" | "checkbox" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "directory" | "document" | "feed" | "grid" | "gridcell" | "group" | "heading" | "list" | "listbox" | "listitem" | "log" | "marquee" | "math" | "menubar" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "none" | "note" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "search" | "searchbox" | "slider" | "spinbutton" | "status" | "tab" | "tablist" | "tabpanel" | "term" | "textbox" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem";
         about: string;
         datatype: string;
         inlist: any;
@@ -74,7 +74,7 @@ export declare const useInputText: (props: DSInputTextT.Props) => {
         results: number;
         security: string;
         unselectable: "on" | "off";
-        inputMode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
+        inputMode: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
         is: string;
         'aria-activedescendant': string;
         'aria-atomic': boolean | "true" | "false";
@@ -420,7 +420,7 @@ export declare const useInputText: (props: DSInputTextT.Props) => {
         overflow: (string & {}) | "hidden" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "auto" | "scroll" | "-moz-hidden-unscrollable" | "clip" | "visible" | import("@xstyled/system").ThemeProp<import("csstype").Property.Overflow, import("@xstyled/system").Theme>;
         overflowX: "hidden" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "auto" | "scroll" | "-moz-hidden-unscrollable" | "clip" | "visible" | import("@xstyled/system").ThemeProp<import("csstype").Property.OverflowX, import("@xstyled/system").Theme>;
         overflowY: "hidden" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "auto" | "scroll" | "-moz-hidden-unscrollable" | "clip" | "visible" | import("@xstyled/system").ThemeProp<import("csstype").Property.OverflowY, import("@xstyled/system").Theme>;
-        position: "fixed" | "inherit" | "absolute" | "-moz-initial" | "initial" | "revert" | "unset" | "-webkit-sticky" | "relative" | "static" | "sticky" | import("@xstyled/system").ThemeProp<import("csstype").Property.Position, import("@xstyled/system").Theme>;
+        position: "inherit" | "absolute" | "-moz-initial" | "initial" | "revert" | "unset" | "fixed" | "-webkit-sticky" | "relative" | "static" | "sticky" | import("@xstyled/system").ThemeProp<import("csstype").Property.Position, import("@xstyled/system").Theme>;
         zIndex: string | (string & {}) | (number & {}) | import("@xstyled/system").ThemeProp<string | (string & {}) | (number & {}), import("@xstyled/system").Theme>;
         top: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
         right: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;