@agility/plenum-ui 1.2.9 → 1.3.0

package/lib/components/Button/Button.d.ts

@@ -34,6 +34,7 @@ export interface ButtonProps {
      * If button should be of type submit
      */
     isSubmit?: boolean;
+    isWidthFull?: boolean;
 }
 /**
  * Primary UI component for user interaction

package/lib/index.esm.js

@@ -7050,8 +7050,8 @@ function Loader(_a) {
  * Primary UI component for user interaction
  */
 var Button = function (_a) {
-    var _b = _a.type, type = _b === void 0 ? "primary" : _b, _c = _a.size, size = _c === void 0 ? "base" : _c, onClick = _a.onClick, label = _a.label, isDisabled = _a.isDisabled, icon = _a.icon, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d, _e = _a.isSubmit, isSubmit = _e === void 0 ? false : _e;
-    var btnStyles = cn("inline-flex space-x-2 items-center justify-center border transition-all shadow-sm rounded-md", { "text-sm px-4 py-2": size === "sm" }, { "text-base px-5 py-2": size === "base" }, { "text-lg px-5 py-2": size === "lg" }, { "opacity-50 cursor-auto": isDisabled }, { "text-white bg-purple-600 hover:bg-purple-700": type === "primary" }, {
+    var _b = _a.type, type = _b === void 0 ? "primary" : _b, _c = _a.size, size = _c === void 0 ? "base" : _c, onClick = _a.onClick, label = _a.label, isDisabled = _a.isDisabled, icon = _a.icon, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d, _e = _a.isSubmit, isSubmit = _e === void 0 ? false : _e, _f = _a.isWidthFull, isWidthFull = _f === void 0 ? false : _f;
+    var btnStyles = cn("inline-flex space-x-2 items-center justify-center border transition-all shadow-sm rounded-md", { "w-full": isWidthFull === true }, { "text-sm px-4 py-2": size === "sm" }, { "text-base px-5 py-2": size === "base" }, { "text-lg px-5 py-2": size === "lg" }, { "opacity-50 cursor-auto": isDisabled }, { "text-white bg-purple-600 hover:bg-purple-700": type === "primary" }, {
         "text-purple-700 bg-purple-100 hover:text-purple-700 hover:bg-purple-200": type === "secondary"
     }, {
         "text-gray-700 bg-white hover:text-gray-700 hover:bg-gray-50 border-gray-300": type === "alternative"
@@ -12576,7 +12576,7 @@ var TextInputSelect = function (_a) {
             React__default.createElement("div", { className: "relative flex-grow focus-within:z-20" },
                 prefix && (React__default.createElement("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3" },
                     React__default.createElement("span", { className: "text-gray-500 sm:text-sm" }, prefix))),
-                React__default.createElement(_BaseField, { onFocus: handleInputFocus, onBlur: handleInputBlur, onChange: onChange, onValueChange: setValue, ref: inputRef, type: type, name: name, id: id, inputStyles: "w-full border-gray-300 focus:border-purple-500 focus:outline-none focus:ring-1 focus:ring-purple-500 sm:text-sm \n                        ".concat(selectLocation === "right" ? "rounded-l-md" : "rounded-r-md", " \n                        ").concat(isError ? "border-red-500" : "", " \n                        ").concat(prefix ? "pl-7" : "", " "), isDisabled: isDisabled, defaultValue: defaultValue, value: value, maxLength: maxLength, placeholder: placeholder })),
+                React__default.createElement(_BaseField, { onFocus: handleInputFocus, onBlur: handleInputBlur, onChange: onChange, onValueChange: setValue, ref: inputRef, type: type, name: name, id: id, inputStyles: "w-full border-gray-300 focus:border-purple-500 focus:outline-none focus:ring-1 focus:ring-purple-500 sm:text-sm \n\t\t\t\t\t\t".concat(selectLocation === "right" ? "rounded-l-md" : "rounded-r-md", " \n\t\t\t\t\t\t").concat(isError ? "border-red-500" : "", " \n\t\t\t\t\t\t").concat(prefix ? "pl-7" : "", " "), isDisabled: isDisabled, defaultValue: defaultValue, value: value, maxLength: maxLength, placeholder: placeholder })),
             (inputOptions === null || inputOptions === void 0 ? void 0 : inputOptions.length) && selectLocation === "right" && (React__default.createElement(InputSelect, { inputOptions: inputOptions, align: "right", onSelectOption: onSelectOption }))),
         React__default.createElement("div", { className: "flex flex-row space-x-3" },
             React__default.createElement("div", { className: "grow" }, message && React__default.createElement("span", { className: discriptionStyles }, message)),

package/lib/index.js

@@ -7076,8 +7076,8 @@ function Loader(_a) {
  * Primary UI component for user interaction
  */
 var Button = function (_a) {
-    var _b = _a.type, type = _b === void 0 ? "primary" : _b, _c = _a.size, size = _c === void 0 ? "base" : _c, onClick = _a.onClick, label = _a.label, isDisabled = _a.isDisabled, icon = _a.icon, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d, _e = _a.isSubmit, isSubmit = _e === void 0 ? false : _e;
-    var btnStyles = cn("inline-flex space-x-2 items-center justify-center border transition-all shadow-sm rounded-md", { "text-sm px-4 py-2": size === "sm" }, { "text-base px-5 py-2": size === "base" }, { "text-lg px-5 py-2": size === "lg" }, { "opacity-50 cursor-auto": isDisabled }, { "text-white bg-purple-600 hover:bg-purple-700": type === "primary" }, {
+    var _b = _a.type, type = _b === void 0 ? "primary" : _b, _c = _a.size, size = _c === void 0 ? "base" : _c, onClick = _a.onClick, label = _a.label, isDisabled = _a.isDisabled, icon = _a.icon, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d, _e = _a.isSubmit, isSubmit = _e === void 0 ? false : _e, _f = _a.isWidthFull, isWidthFull = _f === void 0 ? false : _f;
+    var btnStyles = cn("inline-flex space-x-2 items-center justify-center border transition-all shadow-sm rounded-md", { "w-full": isWidthFull === true }, { "text-sm px-4 py-2": size === "sm" }, { "text-base px-5 py-2": size === "base" }, { "text-lg px-5 py-2": size === "lg" }, { "opacity-50 cursor-auto": isDisabled }, { "text-white bg-purple-600 hover:bg-purple-700": type === "primary" }, {
         "text-purple-700 bg-purple-100 hover:text-purple-700 hover:bg-purple-200": type === "secondary"
     }, {
         "text-gray-700 bg-white hover:text-gray-700 hover:bg-gray-50 border-gray-300": type === "alternative"
@@ -12602,7 +12602,7 @@ var TextInputSelect = function (_a) {
             React__default["default"].createElement("div", { className: "relative flex-grow focus-within:z-20" },
                 prefix && (React__default["default"].createElement("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3" },
                     React__default["default"].createElement("span", { className: "text-gray-500 sm:text-sm" }, prefix))),
-                React__default["default"].createElement(_BaseField, { onFocus: handleInputFocus, onBlur: handleInputBlur, onChange: onChange, onValueChange: setValue, ref: inputRef, type: type, name: name, id: id, inputStyles: "w-full border-gray-300 focus:border-purple-500 focus:outline-none focus:ring-1 focus:ring-purple-500 sm:text-sm \n                        ".concat(selectLocation === "right" ? "rounded-l-md" : "rounded-r-md", " \n                        ").concat(isError ? "border-red-500" : "", " \n                        ").concat(prefix ? "pl-7" : "", " "), isDisabled: isDisabled, defaultValue: defaultValue, value: value, maxLength: maxLength, placeholder: placeholder })),
+                React__default["default"].createElement(_BaseField, { onFocus: handleInputFocus, onBlur: handleInputBlur, onChange: onChange, onValueChange: setValue, ref: inputRef, type: type, name: name, id: id, inputStyles: "w-full border-gray-300 focus:border-purple-500 focus:outline-none focus:ring-1 focus:ring-purple-500 sm:text-sm \n\t\t\t\t\t\t".concat(selectLocation === "right" ? "rounded-l-md" : "rounded-r-md", " \n\t\t\t\t\t\t").concat(isError ? "border-red-500" : "", " \n\t\t\t\t\t\t").concat(prefix ? "pl-7" : "", " "), isDisabled: isDisabled, defaultValue: defaultValue, value: value, maxLength: maxLength, placeholder: placeholder })),
             (inputOptions === null || inputOptions === void 0 ? void 0 : inputOptions.length) && selectLocation === "right" && (React__default["default"].createElement(InputSelect, { inputOptions: inputOptions, align: "right", onSelectOption: onSelectOption }))),
         React__default["default"].createElement("div", { className: "flex flex-row space-x-3" },
             React__default["default"].createElement("div", { className: "grow" }, message && React__default["default"].createElement("span", { className: discriptionStyles }, message)),

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@agility/plenum-ui",
-	"version": "1.2.9",
+	"version": "1.3.0",
 	"description": "Components that are part of the Agility CMS design system.",
 	"main": "lib/index.js",
 	"module": "lib/index.esm.js",