@longline/aqua-ui 1.0.319 → 1.0.321

package/containers/Form/Field.d.ts

@@ -34,10 +34,10 @@ interface IFieldProps {
      */
     forceupdate?: boolean;
     /**
-     * If true, display an asterisk for required fields.
+     * If true, suppress the asterisk for required fields.
      * @default false
      */
-    asterisk?: boolean;
+    noAsterisk?: boolean;
     /**
      * If true, apply ghost state to Field and the control in it.
      * @default false

package/containers/Form/Field.js

@@ -143,13 +143,13 @@ var Field = function (props) {
     };
     var getLabel = function () {
         return props.label &&
-            React.createElement(Label, { required: !!props.rules && !!props.rules.required, asterisk: props.asterisk, disabled: props.disabled }, props.label);
+            React.createElement(Label, { required: !!props.rules && !!props.rules.required, noAsterisk: props.noAsterisk, ghost: ghost, disabled: props.disabled }, props.label);
     };
     var getHintOrError = function () {
         if (hasError && validation)
-            return React.createElement(Hint, { ghost: ghost, error: true }, validation);
+            return React.createElement(Hint, { error: true }, validation);
         if (props.hint)
-            return React.createElement(Hint, { optional: props.rules !== null && props.rules !== undefined && !props.rules.required, ghost: ghost }, props.hint);
+            return React.createElement(Hint, null, props.hint);
         return null;
     };
     var dirty = form ? form.dirty : !pristine;

package/containers/Form/elements/Hint.d.ts

@@ -4,14 +4,6 @@ interface IFormHintProps {
     className?: string;
     /** @ignore */
     children?: React.ReactNode;
-    /**
-     * Is the field optional?
-     */
-    optional?: boolean;
-    /**
-     * Is the field ghosted?
-     */
-    ghost?: boolean;
     /**
      * Is this an error message?
      */

package/containers/Form/elements/Hint.js

@@ -5,11 +5,8 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 import * as React from 'react';
 import styled from 'styled-components';
 var HintBase = function (props) {
-    return React.createElement("div", { tabIndex: -1, className: props.className },
-        props.optional && React.createElement(Optional, null, "Optional:"),
-        props.children);
+    return React.createElement("div", { tabIndex: -1, className: props.className }, props.children);
 };
-var Optional = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n"], ["\n"])));
-var Hint = styled(HintBase)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font: ", ";\n  color: ", ";\n  user-select: none;\n  // Hints don't wrap and are ellipsized:\n  white-space: nowrap;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  ", " {\n    color: ", ";\n    margin-right: 0.25em;\n  }\n"], ["\n  font: ", ";\n  color: ", ";\n  user-select: none;\n  // Hints don't wrap and are ellipsized:\n  white-space: nowrap;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  ", " {\n    color: ", ";\n    margin-right: 0.25em;\n  }\n"])), function (p) { return p.theme.font.bodySmall; }, function (p) { return p.error ? p.theme.colors.negative : p.theme.colors.font; }, Optional, function (p) { return p.ghost ? 'inherit' : p.theme.colors.primary[1]; });
+var Hint = styled(HintBase)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font: ", ";\n  color: ", ";\n  user-select: none;\n  // Hints don't wrap and are ellipsized:\n  white-space: nowrap;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n"], ["\n  font: ", ";\n  color: ", ";\n  user-select: none;\n  // Hints don't wrap and are ellipsized:\n  white-space: nowrap;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n"])), function (p) { return p.theme.font.bodySmall; }, function (p) { return p.error ? p.theme.colors.negative : p.theme.colors.font; });
 export { Hint };
-var templateObject_1, templateObject_2;
+var templateObject_1;

package/containers/Form/elements/Label.d.ts

@@ -14,9 +14,14 @@ interface ILabelProps {
      */
     required?: boolean;
     /**
-     * If true, show an asterisk for required fields.
+     * If true, suppress the asterisk for required fields.
+     * @default false
+     */
+    noAsterisk?: boolean;
+    /**
+     * Is the field ghosted?
      */
-    asterisk?: boolean;
+    ghost?: boolean;
 }
 declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<ILabelProps, never>> & string & Omit<(props: ILabelProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;
 export { Label };

package/containers/Form/elements/Label.js

@@ -8,7 +8,7 @@ var Required = styled.span(templateObject_1 || (templateObject_1 = __makeTemplat
 var LabelBase = function (props) {
     return React.createElement("label", { tabIndex: -1, className: props.className },
         props.children,
-        props.required && props.asterisk == true && !props.disabled && React.createElement(Required, null, "*"));
+        props.required && !props.ghost && !props.noAsterisk && !props.disabled && React.createElement(Required, null, "*"));
 };
 var Label = styled(LabelBase)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  // Position:\n  position: relative;\n  display: block;\n  margin-right: 1em;\n\n  // Appearance:\n  font: ", ";\n  text-transform: uppercase;\n  color: ", ";\n\n  // Content:\n  white-space: nowrap;\n  overflow-x: hidden;\n  overflow-y: hidden;\n  text-overflow: ellipsis;\n"], ["\n  // Position:\n  position: relative;\n  display: block;\n  margin-right: 1em;\n\n  // Appearance:\n  font: ", ";\n  text-transform: uppercase;\n  color: ", ";\n\n  // Content:\n  white-space: nowrap;\n  overflow-x: hidden;\n  overflow-y: hidden;\n  text-overflow: ellipsis;\n"])), function (p) { return p.theme.font.labelCaps; }, function (p) { return p.theme.colors.font; });
 export { Label };

package/controls/ListButton/ListButton.js

@@ -42,7 +42,7 @@ var ListButtonBase = function (props) {
         blurToClose: false
     });
     var _b = usePopper(buttonRef.current, paneRef.current, {
-        placement: 'top-start',
+        placement: props.placement,
         modifiers: [
             {
                 name: 'offset',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@longline/aqua-ui",
-  "version": "1.0.319",
+  "version": "1.0.321",
   "description": "AquaUI",
   "author": "Alexander van Oostenrijk / Longline Environment",
   "license": "Commercial",