npm - indicator-ui - Versions diffs - 0.0.98 → 0.0.100 - Mend

indicator-ui 0.0.98 → 0.0.100

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (24) hide show

package/dist/scss/ui/Buttons/styles/mixins/button.scss CHANGED Viewed

@@ -76,5 +76,9 @@
         @include properties.warningSecondaryColorButton;
       }
     }
+    &:disabled, &.disabled {
+      cursor: default;
+    }
   }
 }

package/dist/scss/ui/Buttons/styles/mixins/properties/link-black.scss CHANGED Viewed

@@ -25,5 +25,15 @@
   &:disabled, &.disabled {
     opacity: 0.5;
+    &:hover {
+      .text {
+        color: var(--gray-700);
+      }
+      .icon {
+        @include modify-svg($stroke: var(--gray-700));
+      }
+    }
   }
 }

package/dist/scss/ui/Buttons/styles/mixins/properties/link-color.scss CHANGED Viewed

@@ -25,5 +25,15 @@
   &:disabled, &.disabled {
     opacity: 0.5;
+    &:hover {
+      .text {
+        color: var(--blue-dark-500);
+      }
+      .icon {
+        @include modify-svg($stroke: var(--blue-dark-500));
+      }
+    }
   }
 }

package/dist/scss/ui/Buttons/styles/mixins/properties/link-gray.scss CHANGED Viewed

@@ -25,5 +25,15 @@
   &:disabled, &.disabled {
     opacity: 0.5;
+    &:hover {
+      .text {
+        color: var(--gray-400);
+      }
+      .icon {
+        @include modify-svg($stroke: var(--gray-400));
+      }
+    }
   }
 }

package/dist/scss/ui/Buttons/styles/mixins/properties/primary.scss CHANGED Viewed

@@ -25,5 +25,9 @@
   &:disabled, &.disabled {
     opacity: 0.3;
+    &:hover {
+      background-color: var(--blue-dark-500);
+    }
   }
 }

package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-color.scss CHANGED Viewed

@@ -25,5 +25,11 @@
   &:disabled, &.disabled {
     opacity: 0.5;
+    &:hover {
+      background-color: var(--base-white);
+      border: 1px solid var(--blue-dark-200);
+    }
   }
 }

package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-gray.scss CHANGED Viewed

@@ -29,5 +29,14 @@
   &:disabled, &.disabled {
     opacity: 0.5;
+    &:hover {
+      background-color: var(--base-white);
+      border: 1px solid var(--gray-300);
+      .text {
+        color: var(--gray-700);
+      }
+    }
   }
 }

package/dist/scss/ui/Buttons/styles/mixins/properties/tab-active.scss CHANGED Viewed

@@ -26,5 +26,15 @@
   &:disabled, &.disabled {
     opacity: 0.5;
+    &:hover {
+      .icon {
+        @include modify-svg($stroke: var(--gray-700));
+      }
+      .text {
+        color: var(--gray-700);
+      }
+    }
   }
 }

package/dist/scss/ui/Buttons/styles/mixins/properties/tab.scss CHANGED Viewed

@@ -28,5 +28,17 @@
   &:disabled, &.disabled {
     opacity: 0.5;
+    &:hover {
+      background-color: var(--gray-100);
+      .icon {
+        @include modify-svg($stroke: var(--gray-500));
+      }
+      .text {
+        color: var(--gray-500);
+      }
+    }
   }
 }

package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-color.scss CHANGED Viewed

@@ -22,5 +22,16 @@
   &:disabled, &.disabled {
     opacity: 0.5;
+    &:hover {
+      .text {
+        @include fnt-flex($weight: 400, $color: var(--blue-dark-500));
+      }
+      .icon {
+        @include modify-svg($stroke: var(--blue-dark-500));
+      }
+    }
   }
 }

package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-gray.scss CHANGED Viewed

@@ -23,5 +23,15 @@
   &:disabled, &.disabled {
     opacity: 0.5;
+    &:hover {
+      .text {
+        color: var(--gray-700);
+      }
+      .icon {
+        @include modify-svg($stroke: var(--gray-700));
+      }
+    }
   }
 }

package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-white.scss CHANGED Viewed

@@ -22,5 +22,16 @@
   &:disabled, &.disabled {
     opacity: 0.5;
+    &:hover {
+      .text {
+        color: var(--blue-dark-100);
+      }
+      .icon {
+        @include modify-svg($stroke: var(--blue-dark-100));
+      }
+    }
   }
 }

package/dist/scss/ui/Buttons/styles/mixins/properties/warning-primary.scss CHANGED Viewed

@@ -16,5 +16,9 @@
   &:disabled, &.disabled {
     opacity: 0.3;
+    &:hover {
+      border: 1px solid var(--error-500);
+    }
   }
 }

package/dist/scss/ui/Buttons/styles/mixins/properties/warning-secondary-color.scss CHANGED Viewed

@@ -2,6 +2,7 @@
 @mixin warningSecondaryColorButton {
   border: 1px solid var(--error-200);
+  background-color: var(--base-white);
   box-shadow: 0 1px 2px 0 #1018280D;
   .icon {
@@ -23,5 +24,10 @@
   &:disabled, &.disabled {
     opacity: 0.5;
+    &:hover {
+      background-color: var(--base-white);
+      border: 1px solid var(--error-200f);
+    }
   }
 }

package/dist/scss/ui/ToggleBase/styles/mixins/base-button.scss CHANGED Viewed

@@ -2,6 +2,7 @@
 @mixin base-button() {
   flex: none;
+  border: 1px solid transparent;
   border-radius: 50%;
   background-color: var(--base-white);
   box-shadow: 0 1px 2px 0 #1018280F, 0 1px 3px 0 #1018281A;

package/dist/scss/ui/ToggleBase/styles/mixins/base.scss CHANGED Viewed

@@ -2,7 +2,8 @@
 @mixin base() {
   border-radius: 12px;
-  padding: 2px;
+  padding: 1px;
+  border: 1px solid transparent;
   background-color: var(--gray-300);
   @include modify-flex($align-items: center);
 }

package/dist/scss/ui/ToggleBase/styles/mixins/large.scss CHANGED Viewed

@@ -4,6 +4,6 @@
 }
 @mixin large-button() {
-  width: 20px;
-  height: 20px;
+  width: 19px;
+  height: 19px;
 }

package/dist/scss/ui/ToggleBase/styles/mixins/medium.scss CHANGED Viewed

@@ -4,6 +4,6 @@
 }
 @mixin medium-button() {
-  width: 16px;
-  height: 16px;
+  width: 15px;
+  height: 15px;
 }

package/dist/types/src/ui/CheckboxMark/ui/CheckboxMark.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from "react";
 import { CheckboxMarkPropsType } from "../types";
-export declare const CheckboxMark: React.ForwardRefExoticComponent<CheckboxMarkPropsType & React.RefAttributes<HTMLButtonElement | HTMLSpanElement>>;
+export declare const CheckboxMark: React.ForwardRefExoticComponent<CheckboxMarkPropsType & React.RefAttributes<HTMLSpanElement | HTMLButtonElement>>;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "indicator-ui",
-  "version": "0.0.98",
+  "version": "0.0.100",
   "main": "dist/index.js",
   "types": "dist/types/src/index.d.ts",
   "style": "dist/index.css",