@harjs/react-ui 1.1.11 → 1.1.12

package/dist/assets/css/components/form/input/addon.css

@@ -17,7 +17,7 @@
         position: relative;
         background-color: transparent;
         padding: 0 !important;
-        /* margin-inline: -1px; */
+        margin-left: -1px;
         z-index: 10;
       }
 
@@ -98,6 +98,10 @@
           border-top-left-radius: var(--radius-0) !important;
           border-bottom-left-radius: var(--radius-0) !important;
         }
+
+        button {
+          border-right: none;
+        }
       }
 
       &.n-first {

package/dist/assets/css/components/form/input/color.addon.css

@@ -7,6 +7,10 @@
           background-color: var(--blue-100);
           border: var(--stroke-1) solid var(--blue-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -16,6 +20,10 @@
         &:has(input, select, button, textarea) {
           background-color: var(--blue-100);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -26,6 +34,10 @@
           background-color: transparent;
           border: var(--stroke-1) solid var(--blue-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -36,6 +48,10 @@
           background-color: transparent;
           border: var(--stroke-1) dashed var(--blue-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -46,6 +62,10 @@
           background-color: transparent;
           border: var(--stroke-1) solid transparent;
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
   }
@@ -58,6 +78,10 @@
           background-color: var(--purple-100);
           border: var(--stroke-1) solid var(--purple-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -67,6 +91,10 @@
         &:has(input, select, button, textarea) {
           background-color: var(--purple-100);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -77,6 +105,10 @@
           background-color: transparent;
           border: var(--stroke-1) solid var(--purple-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -87,6 +119,10 @@
           background-color: transparent;
           border: var(--stroke-1) dashed var(--purple-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -97,6 +133,10 @@
           background-color: transparent;
           border: var(--stroke-1) solid transparent;
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
   }
@@ -109,6 +149,10 @@
           background-color: var(--pink-100);
           border: var(--stroke-1) solid var(--pink-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -118,6 +162,10 @@
         &:has(input, select, button, textarea) {
           background-color: var(--pink-100);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -128,6 +176,10 @@
           background-color: transparent;
           border: var(--stroke-1) solid var(--pink-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -138,6 +190,10 @@
           background-color: transparent;
           border: var(--stroke-1) dashed var(--pink-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -148,6 +204,10 @@
           background-color: transparent;
           border: var(--stroke-1) solid transparent;
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
   }
@@ -160,6 +220,10 @@
           background-color: var(--red-100);
           border: var(--stroke-1) solid var(--red-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -169,6 +233,10 @@
         &:has(input, select, button, textarea) {
           background-color: var(--red-100);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -179,6 +247,10 @@
           background-color: transparent;
           border: var(--stroke-1) solid var(--red-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -189,6 +261,10 @@
           background-color: transparent;
           border: var(--stroke-1) dashed var(--red-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -199,6 +275,10 @@
           background-color: transparent;
           border: var(--stroke-1) solid transparent;
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
   }
@@ -211,6 +291,10 @@
           background-color: var(--orange-100);
           border: var(--stroke-1) solid var(--orange-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -220,6 +304,10 @@
         &:has(input, select, button, textarea) {
           background-color: var(--orange-100);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -230,6 +318,10 @@
           background-color: transparent;
           border: var(--stroke-1) solid var(--orange-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -240,6 +332,10 @@
           background-color: transparent;
           border: var(--stroke-1) dashed var(--orange-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -250,6 +346,10 @@
           background-color: transparent;
           border: var(--stroke-1) solid transparent;
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
   }
@@ -262,6 +362,10 @@
           background-color: var(--yellow-100);
           border: var(--stroke-1) solid var(--yellow-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -271,6 +375,10 @@
         &:has(input, select, button, textarea) {
           background-color: var(--yellow-100);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -281,6 +389,10 @@
           background-color: transparent;
           border: var(--stroke-1) solid var(--yellow-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -291,6 +403,10 @@
           background-color: transparent;
           border: var(--stroke-1) dashed var(--yellow-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -301,6 +417,10 @@
           background-color: transparent;
           border: var(--stroke-1) solid transparent;
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
   }
@@ -313,6 +433,10 @@
           background-color: var(--green-100);
           border: var(--stroke-1) solid var(--green-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -322,6 +446,10 @@
         &:has(input, select, button, textarea) {
           background-color: var(--green-100);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -332,6 +460,10 @@
           background-color: transparent;
           border: var(--stroke-1) solid var(--green-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -342,6 +474,10 @@
           background-color: transparent;
           border: var(--stroke-1) dashed var(--green-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -352,6 +488,10 @@
           background-color: transparent;
           border: var(--stroke-1) solid transparent;
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
   }
@@ -364,6 +504,10 @@
           background-color: var(--teal-100);
           border: var(--stroke-1) solid var(--teal-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -373,6 +517,10 @@
         &:has(input, select, button, textarea) {
           background-color: var(--teal-100);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -383,6 +531,10 @@
           background-color: transparent;
           border: var(--stroke-1) solid var(--teal-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -393,6 +545,10 @@
           background-color: transparent;
           border: var(--stroke-1) dashed var(--teal-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -403,6 +559,10 @@
           background-color: transparent;
           border: var(--stroke-1) solid transparent;
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
   }
@@ -415,6 +575,10 @@
           background-color: var(--cyan-100);
           border: var(--stroke-1) solid var(--cyan-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -424,6 +588,10 @@
         &:has(input, select, button, textarea) {
           background-color: var(--cyan-100);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -434,6 +602,10 @@
           background-color: transparent;
           border: var(--stroke-1) solid var(--cyan-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -444,6 +616,10 @@
           background-color: transparent;
           border: var(--stroke-1) dashed var(--cyan-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -454,6 +630,10 @@
           background-color: transparent;
           border: var(--stroke-1) solid transparent;
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
   }
@@ -466,6 +646,10 @@
           background-color: var(--gray-100);
           border: var(--stroke-1) solid var(--gray-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -475,6 +659,10 @@
         &:has(input, select, button, textarea) {
           background-color: var(--gray-100);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -485,6 +673,10 @@
           background-color: transparent;
           border: var(--stroke-1) solid var(--gray-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -495,6 +687,10 @@
           background-color: transparent;
           border: var(--stroke-1) dashed var(--gray-300);
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
 
@@ -505,6 +701,10 @@
           background-color: transparent;
           border: var(--stroke-1) solid transparent;
         }
+
+        &:has(.har-select, .har-input) {
+          border: none !important;
+        }
       }
     }
   }

package/dist/assets/css/components/form/input/templates/color.addon.template.css

@@ -6,6 +6,10 @@
         background-color: var(--__COLOR__-100);
         border: var(--stroke-1) solid var(--__COLOR__-300);
       }
+
+      &:has(.har-select, .har-input) {
+        border: none !important;
+      }
     }
   }
 
@@ -15,6 +19,10 @@
       &:has(input, select, button, textarea) {
         background-color: var(--__COLOR__-100);
       }
+
+      &:has(.har-select, .har-input) {
+        border: none !important;
+      }
     }
   }
 
@@ -25,6 +33,10 @@
         background-color: transparent;
         border: var(--stroke-1) solid var(--__COLOR__-300);
       }
+
+      &:has(.har-select, .har-input) {
+        border: none !important;
+      }
     }
   }
 
@@ -35,6 +47,10 @@
         background-color: transparent;
         border: var(--stroke-1) dashed var(--__COLOR__-300);
       }
+
+      &:has(.har-select, .har-input) {
+        border: none !important;
+      }
     }
   }
 
@@ -45,6 +61,10 @@
         background-color: transparent;
         border: var(--stroke-1) solid transparent;
       }
+
+      &:has(.har-select, .har-input) {
+        border: none !important;
+      }
     }
   }
 }

package/dist/components/form/select/index.js

@@ -284,8 +284,8 @@ const Select = ({ variant = "outlined", status, color = "gray", border = { radiu
                         } }))),
                 React.createElement(Input.AddonAfter, null,
                     React.createElement(Button, { variant: "borderless", color: color, border: border, size: size, shape: "square", icon: {
-                            element: optionsOpen ? (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "var(--black-100)", viewBox: "0 0 256 256" },
-                                React.createElement("path", { d: "M212.24,164.24a6,6,0,0,1-8.48,0L128,88.49,52.24,164.24a6,6,0,0,1-8.48-8.48l80-80a6,6,0,0,1,8.48,0l80,80A6,6,0,0,1,212.24,164.24Z" }))) : (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "var(--black-100)", viewBox: "0 0 256 256" },
+                            element: optionsOpen ? (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "var(--black-50)", viewBox: "0 0 256 256" },
+                                React.createElement("path", { d: "M212.24,164.24a6,6,0,0,1-8.48,0L128,88.49,52.24,164.24a6,6,0,0,1-8.48-8.48l80-80a6,6,0,0,1,8.48,0l80,80A6,6,0,0,1,212.24,164.24Z" }))) : (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "var(--black-50)", viewBox: "0 0 256 256" },
                                 React.createElement("path", { d: "M212.24,100.24l-80,80a6,6,0,0,1-8.48,0l-80-80a6,6,0,0,1,8.48-8.48L128,167.51l75.76-75.75a6,6,0,0,1,8.48,8.48Z" }))),
                         }, onClick: (event) => {
                             if (disabled)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@harjs/react-ui",
-  "version": "1.1.11",
+  "version": "1.1.12",
   "publishConfig": {
     "access": "public"
   },