@ballistix.digital/react-components 0.4.45 → 0.4.46

package/dist/index.d.ts

@@ -101,7 +101,7 @@ type TProps$b = {
     children: ReactElement | ReactElement[];
     label: string | ReactElement;
     type?: 'button' | 'compact';
-    direction?: 'left' | 'right';
+    direction?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
     styles?: TDropdownElementStyles;
 };
 declare const DropdownElement: {

package/dist/index.esm.js

@@ -436,7 +436,7 @@ var styles$g = {
 };
 
 var Container$3 = function (props) {
-    var children = props.children, label = props.label, _a = props.type, type = _a === void 0 ? 'button' : _a, _b = props.direction, direction = _b === void 0 ? 'left' : _b, stylesOverrides = props.styles;
+    var children = props.children, label = props.label, _a = props.type, type = _a === void 0 ? 'button' : _a, _b = props.direction, direction = _b === void 0 ? 'bottom-left' : _b, stylesOverrides = props.styles;
     var handleGenerateStyle = function () {
         var result = deepCopyObject(styles$f.base);
         var keys = calculateNestedKeys(styles$f.base);
@@ -462,18 +462,26 @@ var base$e = {
 };
 var button = {};
 var compact = {};
-var left$1 = {
+var bottomLeft = {
     items: 'origin-top-right right-0',
 };
-var right$1 = {
+var bottomRight = {
     items: 'origin-top-left left-0',
 };
+var topLeft = {
+    items: 'origin-bottom-right right-0 bottom-0',
+};
+var topRight = {
+    items: 'origin-bottom-left left-0 bottom-0',
+};
 var styles$f = {
     base: base$e,
     button: button,
     compact: compact,
-    left: left$1,
-    right: right$1,
+    'bottom-left': bottomLeft,
+    'bottom-right': bottomRight,
+    'top-left': topLeft,
+    'top-right': topRight,
 };
 
 var IconElement = function (props) {