@aloudata/aloudata-design 1.0.4 → 1.0.5

package/dist/Checkbox/style/index.less

@@ -114,7 +114,9 @@
 
   .ant-checkbox:hover .ant-checkbox-inner {
     border-color: @B40;
-    box-shadow: @shadow-primary;
+    // box-shadow: @shadow-primary;
+    box-shadow: none;
+    background-color: none;
   }
 }
 
@@ -122,6 +124,7 @@
   .ald-checkbox.ant-checkbox-disabled[class]
   .ant-checkbox-inner:hover {
   box-shadow: unset;
+  background-color: none;
   border-radius: 2px;
 }
 
@@ -129,6 +132,7 @@
   .ant-checkbox-disabled.ant-checkbox:hover
   .ant-checkbox-inner {
   box-shadow: unset;
+  background-color: none;
   border: 1px solid @BG60;
 }
 
@@ -140,6 +144,7 @@
 
   .ant-checkbox:hover .ant-checkbox-inner {
     border-color: @B40;
+    background-color: none;
   }
 }
 

package/dist/DoubleCircleIcon/index.d.ts

@@ -5,6 +5,6 @@ declare const DoubleCircleIcon: (props: {
     size?: number | undefined;
     innerColor?: string | undefined;
     children: React.ReactNode;
-    type?: "error" | "success" | "warning" | "info" | undefined;
+    type?: "warning" | "error" | "success" | "info" | undefined;
 }) => JSX.Element;
 export default DoubleCircleIcon;

package/dist/Dropdown/style/index.less

@@ -73,6 +73,6 @@
     min-width: @Dropdown-menu-minWidth;
     margin: 0;
     padding: 4px;
-    border-radius: 8px;
+    border-radius: 2px;
   }
 }

package/dist/Input/style/index.less

@@ -68,6 +68,7 @@
   &:hover,
   &-focused {
     border-color: @input-active-border-color;
+    box-shadow: none;
     // box-shadow: @input-box-shadow-active;
   }
 
@@ -244,11 +245,13 @@
   }
 
   &.ant-input-group-compact>*:first-child{
+    border-radius: 0 !important;
     border-start-start-radius: @input-border-radius-large !important;
     border-end-start-radius: @input-border-radius-large !important;
   }
 
   &.ant-input-group-compact>*:last-child{
+    border-radius: 0 !important;
     border-inline-end-width: 1px;
     border-start-end-radius:  @input-border-radius-large !important;
     border-end-end-radius:  @input-border-radius-large !important;
@@ -278,11 +281,13 @@
   }
 
   &.ant-input-group-compact>*:first-child{
+    border-radius: 0 !important;
     border-start-start-radius: @input-border-radius-middle !important;
     border-end-start-radius: @input-border-radius-middle !important;
   }
 
   &.ant-input-group-compact>*:last-child{
+    border-radius: 0 !important;
     border-inline-end-width: 1px;
     border-start-end-radius:  @input-border-radius-middle !important;
     border-end-end-radius:  @input-border-radius-middle !important;
@@ -312,11 +317,13 @@
   }
 
   &.ant-input-group-compact>*:first-child{
+    border-radius: 0 !important;
     border-start-start-radius: @input-border-radius-small !important;
     border-end-start-radius: @input-border-radius-small !important;
   }
 
   &.ant-input-group-compact>*:last-child{
+    border-radius: 0 !important;
     border-inline-end-width: 1px;
     border-start-end-radius:  @input-border-radius-small !important;
     border-end-end-radius:  @input-border-radius-small !important;
@@ -510,3 +517,24 @@ textarea.ald-input-textarea,
     }
   }
 }
+
+.ant-input-group.ant-input-group-compact{
+  &> {
+    .ald-select,.ald-input,.ant-input,.ant-input-number{
+      &:hover{
+        position: relative;
+        z-index: 2;
+      }
+    }
+  }
+
+  &>.ald-select.ald-select-open{
+    position: relative;
+    z-index: 1;
+  }
+
+  .ant-input-number.ant-input-number-focused{
+    position: relative;
+    z-index: 1; 
+  }
+}

package/dist/InputNumber/index.js

@@ -20,9 +20,9 @@ export default function InputNumber(props) {
   var getClassName = function getClassName() {
     var _classnames;
 
-    return classnames(className, 'ald-inputNumber', (_classnames = {
-      'ald-inputNumber-disabled': disabled
-    }, _defineProperty(_classnames, "ald-inputNumber-large", size === 'large'), _defineProperty(_classnames, "ald-inputNumber-small", size === 'small'), _defineProperty(_classnames, "ald-inputNumber-middle", size !== 'large' && size !== 'small'), _classnames));
+    return classnames(className, 'ald-input-number', (_classnames = {
+      'ald-input-number-disabled': disabled
+    }, _defineProperty(_classnames, "ald-input-number-large", size === 'large'), _defineProperty(_classnames, "ald-input-number-small", size === 'small'), _defineProperty(_classnames, "ald-input-number-middle", size !== 'large' && size !== 'small'), _classnames));
   };
 
   return /*#__PURE__*/React.createElement(AntInputNumber, _extends({}, rest, {

package/dist/InputNumber/style/index.less

@@ -38,7 +38,7 @@
 @inputNumber-addon-border-color: @BG60;
 @inputNumber-addon-disable-color: @NL40;
 
-.ald-inputNumber {
+.ald-input-number {
   &.ant-input-number {
     height: @inputNumber-height-middle;
     // overflow: hidden;
@@ -99,7 +99,7 @@
       }
     }
 
-    &.ald-inputNumber-large {
+    &.ald-input-number-large {
       height: @inputNumber-height-large;
       font-size: @inputNumber-font-size-large;
       border-radius:  @inputNumber-border-radius-large ;
@@ -113,7 +113,7 @@
       }
     }
 
-    &.ald-inputNumber-middle {
+    &.ald-input-number-middle {
       height: @inputNumber-height-middle;
       font-size: @inputNumber-font-size-middle;
       border-radius:  @inputNumber-border-radius-middle ;
@@ -127,7 +127,7 @@
       }
     }
 
-    &.ald-inputNumber-small {
+    &.ald-input-number-small {
       height: @inputNumber-height-small;
       font-size: @inputNumber-font-size-small;
       border-radius: @inputNumber-border-radius-small;
@@ -154,11 +154,11 @@
       }
     }
 
-    &:hover:not(.ald-inputNumber-disabled),
+    &:hover:not(.ald-input-number-disabled),
     &-focused {
       background-color: @inputNumber-active-bg-color;
       border-color: @inputNumber-active-border-color;
-      box-shadow: @shadow-primary;
+      box-shadow:none;
     }
   }
 
@@ -170,7 +170,7 @@
     border-color: @inputNumber-border-color;
     box-shadow: none;
 
-    &.ald-inputNumber-large {
+    &.ald-input-number-large {
       font-size: @inputNumber-font-size-large;
       border-radius: @inputNumber-border-radius-large;
 
@@ -192,7 +192,7 @@
       }
     }
 
-    &.ald-inputNumber-middle {
+    &.ald-input-number-middle {
       font-size: @inputNumber-font-size-middle;
       border-radius: @inputNumber-border-radius-middle;
 
@@ -210,7 +210,7 @@
       }
     }
 
-    &.ald-inputNumber-small {
+    &.ald-input-number-small {
       font-size: @inputNumber-font-size-small;
       border-radius: @inputNumber-border-radius-small;
 
@@ -252,7 +252,7 @@
         }
       }
 
-      .ald-inputNumber {
+      .ald-input-number {
         position: relative;
         z-index: 2;
         margin: 0;
@@ -260,7 +260,7 @@
       }
     }
 
-    &.ald-inputNumber-disabled {
+    &.ald-input-number-disabled {
       .ant-input-number-wrapper .ant-input-number-group-addon {
         color: @inputNumber-addon-disable-color;
       }

package/dist/Menu/index.js

@@ -58,7 +58,7 @@ export default function Menu(props) {
       size: 16
     })
   }, otherProps, {
-    items: addPopupOffset(items) || [],
+    items: addPopupOffset(items),
     theme: "light"
   }));
 }

package/dist/Menu/style/dropdown.less

@@ -3,7 +3,7 @@
 .dropdown-menu-content {
   background: @BG100;
   border: 1px solid @BG70;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: @shadow-L;
   padding: 4px 0;
 
@@ -44,6 +44,10 @@
   .ant-dropdown-menu-sub {
     .dropdown-menu-content();
   }
+
+  &.ant-dropdown-menu-submenu-popup {
+    min-width: 168px;
+  }
 }
 
 .ant-dropdown-menu-submenu-expand-icon {

package/dist/Radio/components/Group/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IRadioGroupProps } from '../../interface/radioGroup';
-export declare const RadioGroupContext: React.Context<Omit<IRadioGroupProps, "className" | "children"> & {
+export declare const RadioGroupContext: React.Context<Omit<IRadioGroupProps, "children" | "className"> & {
     sliderRef?: React.RefObject<HTMLDivElement> | undefined;
 }>;
 export default function RadioGroup(props: IRadioGroupProps): JSX.Element;

package/dist/Switch/style/index.less

@@ -15,11 +15,15 @@
   font-size: 0;
 
   .ald-switch-btn {
-    background: @NL90;
+    background: @BG60;
 
     &:focus {
       box-shadow: none;
     }
+
+    &:hover {
+      background: @BG60;
+    }
   }
 
   .ald-switch-text {
@@ -32,7 +36,11 @@
 
   &.ald-switch-checked {
     .ald-switch-btn {
-      background-color: @B60;
+      background-color: @B40;
+
+      &:hover{
+        background-color: @B40;
+      }
     }
   }
 

package/dist/style/mixins/index.less

@@ -6,3 +6,7 @@
   font-style: @font-style;
   line-height: @line-height;
 }
+
+* :focus-visible{
+  outline: none;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "",
   "license": "MIT",
   "module": "dist/index.js",