@inntechcorp/it-design 2.0.88 → 2.0.89

package/dist/{output-Co64jyKL.css → output-DOIezTPH.css}

@@ -127,6 +127,32 @@
   transition: height 150ms ease-out;
 }
 
+.option {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  min-width: max-content;
+  padding: 10px 30px 10px 15px;
+}
+.option:not(:last-child) {
+  margin-bottom: 1px;
+}
+.option:hover {
+  background-color: rgba(29, 38, 73, 0.5019607843);
+}
+
+.selected .single, .selected .option span {
+  color: #ffffff;
+}
+
+.single, .option span {
+  color: rgba(255, 255, 255, 0.6666666667);
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 12px;
+  white-space: nowrap;
+}
+
 .arrow {
   transition: all 0.25s ease-out;
   margin-left: auto;
@@ -156,32 +182,6 @@
   align-items: center;
 }
 
-.option {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  min-width: max-content;
-  padding: 10px 30px 10px 15px;
-}
-.option:not(:last-child) {
-  margin-bottom: 1px;
-}
-.option:hover {
-  background-color: rgba(29, 38, 73, 0.5019607843);
-}
-
-.selected .single, .selected .option span {
-  color: #ffffff;
-}
-
-.single, .option span {
-  color: rgba(255, 255, 255, 0.6666666667);
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 12px;
-  white-space: nowrap;
-}
-
 .container {
   display: flex;
   align-items: center;

package/dist/select/option/Option.d.ts

@@ -9,6 +9,7 @@ type OptionsProps = {
     value?: string;
     mode?: string;
     checked?: false;
+    autoScroll?: false;
     onChange?: (value: string, checked: boolean, children: ChildrenProps) => null;
     children?: ChildrenProps;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inntechcorp/it-design",
-  "version": "2.0.88",
+  "version": "2.0.89",
   "description": "All in one Design library for desktop applications.",
   "author": "Inn.Tech",
   "license": "ISC",

package/dist/output-DCvuWNga.css

@@ -1,241 +0,0 @@
-.defaultInput {
-  height: 100%;
-}
-
-.floatingInput {
-  font-size: 13px;
-  color: rgba(0, 0, 0, 0.8509803922);
-  caret-color: rgba(0, 0, 0, 0.8509803922);
-}
-
-/* --------------------------------- */
-.floatingInput::placeholder {
-  color: rgba(0, 0, 0, 0);
-}
-
-.floatingInput:disabled:not(.floatingInput[data-locked=true]) {
-  opacity: 0.5;
-}
-
-.floatingInput:disabled :not(.floatingInput[data-locked=true]) {
-  opacity: 0.5;
-}
-
-.floatingLabel {
-  display: block;
-  position: relative;
-  max-height: 0;
-  font-weight: 500;
-  pointer-events: none;
-  font-size: 16px;
-}
-
-.floatingLabel::before {
-  color: rgba(0, 0, 0, 0.6);
-  content: attr(data-content);
-  display: inline-block;
-  filter: blur(0);
-  backface-visibility: hidden;
-  transform-origin: left top;
-  transition: transform 0.2s ease-out;
-  position: relative;
-}
-
-.floatingInput:placeholder-shown + .floatingLabel::before {
-  transform: translate3d(0, -32px, 0) scale3d(0.8, 0.8, 1);
-  font-smooth: always;
-  -webkit-font-smoothing: antialiased;
-}
-
-.floatingLabel::before,
-.floatingInput:focus + .floatingLabel::before {
-  transform: translate3d(0, -40px, 0) scale3d(0.8, 0.8, 1);
-}
-
-.floatingInput:focus + .floatingLabel::before {
-  color: rgba(0, 0, 0, 0.6);
-}
-
-.floatingInputinput:-webkit-autofill, .floatingInputinput:-webkit-autofill:focus, .floatingInputinput:-webkit-autofill:hover {
-  -webkit-text-fill-color: #3496fa !important;
-  -webkit-box-shadow: 0 0 0 30px #151d3d inset !important;
-}
-
-.arrow {
-  transition: all 0.25s ease-out;
-  margin-left: auto;
-  transform: rotate(0deg);
-  width: 20px;
-  height: 20px;
-  fill: rgba(255, 255, 255, 0.6);
-}
-
-.arrowNormal {
-  margin-left: auto;
-  transform: rotate(-90deg);
-}
-
-.arrowOpen {
-  transform: rotate(-180deg);
-  fill: #ffffff;
-}
-
-.icon {
-  margin-right: 8px;
-  height: 22px;
-  width: 22px;
-  color: rgba(255, 255, 255, 0.6);
-  font-size: 22px;
-  display: flex;
-  align-items: center;
-}
-
-.menu {
-  background-color: #050A20;
-  border-radius: 0 5px 5px 5px;
-  overflow: hidden;
-  position: absolute;
-  z-index: 2;
-  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.25);
-  transform-origin: 50% 1%;
-  transform-box: fill-box;
-  transition-timing-function: cubic-bezier(0.75, -0.5, 0, 1.25);
-}
-.menu ul {
-  min-width: max-content;
-}
-
-.bodyWrapper {
-  height: 300px;
-}
-
-.bodyWrapperLong {
-  height: 300px;
-}
-
-.bottom {
-  top: 100%;
-}
-
-.left {
-  left: 0;
-}
-
-/* -------------------------------- */
-.menuEnter {
-  opacity: 0;
-  height: 50px;
-}
-
-.menuEnterActive {
-  opacity: 1;
-  height: 300px;
-  transition: height 150ms ease-out;
-}
-
-.menuExit {
-  opacity: 1;
-}
-
-.menuExitActive {
-  opacity: 0;
-  height: 300px;
-  transition: height 150ms ease-out;
-}
-
-/* -------------------------------- */
-.menuEnterActiveLong {
-  opacity: 1;
-  height: 300px;
-  transition: height 150ms ease-out;
-}
-
-.menuExitActiveLong {
-  opacity: 0;
-  height: 300px;
-  transition: height 150ms ease-out;
-}
-
-.option {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  min-width: max-content;
-  padding: 10px 30px 10px 15px;
-}
-.option:not(:last-child) {
-  margin-bottom: 1px;
-}
-.option:hover {
-  background-color: rgba(29, 38, 73, 0.5019607843);
-}
-
-.selected .single, .selected .option span {
-  color: #ffffff;
-}
-
-.single, .option span {
-  color: rgba(255, 255, 255, 0.6666666667);
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 12px;
-  white-space: nowrap;
-}
-
-.container {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  user-select: none;
-}
-
-.label {
-  display: flex;
-  align-items: center;
-  position: relative;
-}
-.label span {
-  font-size: 12px;
-  font-weight: 400;
-  color: rgba(255, 255, 255, 0.6);
-  line-height: 1.2;
-  margin-left: 10px;
-}
-
-.checkmark {
-  height: 20px;
-  width: 20px;
-  border-radius: 6px;
-  background-color: #1D2649;
-  transition: background-color 0.25sn ease-out;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.checkmark svg {
-  fill: #ffffff;
-  visibility: hidden;
-}
-
-.check {
-  background-color: #3396FB;
-}
-.check svg {
-  visibility: visible;
-  animation: bounce 0.5s;
-}
-
-@keyframes bounce {
-  0% {
-    transform: scale(0.2) rotate(4deg);
-  }
-  50% {
-    transform: scale(1.2) rotate(-2deg);
-  }
-  75% {
-    transform: scale(0.9) rotate(1deg);
-  }
-  100% {
-    transform: scale(1) rotate(0deg);
-  }
-}