@antscorp/antsomi-ui 1.3.5-beta.595 → 1.3.5-beta.597

package/es/components/icons/ExpandMoreIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const ExpandMoreIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/ExpandMoreIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ExpandMoreIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M16.5938 8.57812L18 9.98438L12 15.9844L6 9.98438L7.40625 8.57812L12 13.1719L16.5938 8.57812Z", fill: "currentColor" })));
+});

package/es/components/icons/index.d.ts

@@ -238,3 +238,4 @@ export { WebIcon } from './WebIcon';
 export { WebhookIcon } from './WebhookIcon';
 export { WidgetIcon } from './WidgetIcon';
 export { WritingAIAssitantIcon } from './WritingAIAssitantIcon';
+export { ExpandMoreIcon } from './ExpandMoreIcon';

package/es/components/icons/index.js

@@ -238,3 +238,4 @@ export { WebIcon } from './WebIcon';
 export { WebhookIcon } from './WebhookIcon';
 export { WidgetIcon } from './WidgetIcon';
 export { WritingAIAssitantIcon } from './WritingAIAssitantIcon';
+export { ExpandMoreIcon } from './ExpandMoreIcon';

package/es/components/molecules/AccountSelection/styled.js

@@ -40,6 +40,7 @@ export const AccountSelectionStyled = styled.div `
   li {
     display: flex;
     justify-content: space-between;
+    align-items: center;
     padding: 5px 10px;
     margin-bottom: 6px;
     cursor: pointer;

package/es/providers/ConfigProvider/GlobalStyle.js

@@ -191,14 +191,34 @@ export const GlobalStyle = () => {
 
       // NOTE: Just hot fix for easy looking
       .antsomi-btn-primary.antsomi-btn-compact-item.antsomi-btn-compact-first-item {
-        padding-right: 4px !important;
+        padding-right: 6px !important;
       }
       .antsomi-btn-compact-item.antsomi-btn-primary.antsomi-btn-compact-last-item {
         width: fit-content;
-        padding: 0px !important;
-        padding-right: 4px !important;
+        //padding: 0px !important;
+        padding: 0px 4px !important;
         &::before {
-          width: 0px !important;
+          content: '';
+          position: absolute;
+          left: 0px;
+          background-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.blue5} !important;
+          top: auto !important;
+          height: 80% !important;
+          width: 1px !important;
+        }
+
+        &:disabled {
+          &::before {
+            background-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw4} !important;
+          }
+        }
+
+        &:not(:disabled) {
+          &:hover {
+            &:: before {
+              opacity: 0;
+            }
+          }
         }
       }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.595",
+  "version": "1.3.5-beta.597",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",