npm - indicator-ui - Versions diffs - 0.0.94 → 0.0.96 - Mend

indicator-ui 0.0.94 → 0.0.96

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 (44) hide show

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

@@ -1,7 +1,8 @@
 @use '../../../../../styles' as *;
 @mixin largeButton {
-  padding: 12px;
+  // С учетом border
+  padding: 11px;
   .icon {
     @include modify-svg() {

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

@@ -1,7 +1,8 @@
 @use '../../../../../styles' as *;
 @mixin mediumButton {
-  padding: 10px;
+  // С учетом border
+  padding: 9px;
   .icon {
     @include modify-svg() {

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

@@ -3,6 +3,7 @@
 @mixin primaryButton {
   border-radius: 8px;
   background-color: var(--blue-dark-500);
+  border: 1px solid transparent;
   box-shadow: 0 1px 2px 0 #1018280D;
   .icon {

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

@@ -3,7 +3,8 @@
 @mixin secondaryColorButton {
   border-radius: 8px;
   background-color: var(--base-white);
-  box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--blue-dark-200);
+  border: 1px solid var(--blue-dark-200);
+  box-shadow: 0 1px 2px 0 #1018280D;
   .icon {
     @include modify-svg($stroke: var(--blue-dark-500));
@@ -15,7 +16,7 @@
   &:hover {
     background-color: var(--blue-dark-50);
-    box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--blue-dark-300);
+    border: 1px solid var(--blue-dark-300);
   }
   //&:focus {

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

@@ -3,7 +3,8 @@
 @mixin secondaryGrayButton {
   border-radius: 8px;
   background-color: var(--base-white);
-  box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);
+  box-shadow: 0 1px 2px 0 #1018280D;
+  border: 1px solid var(--gray-300);
   .icon {
     @include modify-svg($stroke: var(--gray-700));
@@ -15,7 +16,7 @@
   &:hover {
     background-color: var(--gray-50);
-    box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--gray-300);
+    border: 1px solid var(--gray-300);
     .text {
       color: var(--gray-800);

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

@@ -1,7 +1,8 @@
 @use '../../../../../styles' as *;
 @mixin smallButton {
-  padding: 10px;
+  // С учетом border
+  padding: 9px;
   .icon {
     @include modify-svg() {

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

@@ -3,6 +3,7 @@
 @mixin tabActiveButton {
   border-radius: 6px;
   background-color: var(--base-white);
+  border: 1px solid transparent;
   box-shadow: 0 1px 2px 0 #1018280D;
   .icon {

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

@@ -3,6 +3,7 @@
 @mixin tabButton {
   border-radius: 6px;
   background-color: var(--gray-100);
+  border: 1px solid transparent;
   box-shadow: 0 1px 2px 0 #1018280D;
   .icon {

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

@@ -1,6 +1,7 @@
 @use '../../../../../styles' as *;
 @mixin tertiaryColorButton {
+  border: 1px solid transparent;
   .icon {
     @include modify-svg($stroke: var(--blue-dark-500));
   }

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

@@ -1,6 +1,7 @@
 @use '../../../../../styles' as *;
 @mixin tertiaryGrayButton {
+  border: 1px solid transparent;
   .icon {
     @include modify-svg($stroke: var(--gray-700));
   }

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

@@ -1,6 +1,7 @@
 @use '../../../../../styles' as *;
 @mixin tertiaryWhiteButton {
+  border: 1px solid transparent;
   .icon {
     @include modify-svg($stroke: var(--blue-dark-100));
   }

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

@@ -1,7 +1,8 @@
 @use '../../../../../styles' as *;
 @mixin ultraButton {
-  padding: 18px;
+  // С учетом border
+  padding: 17px;
   .icon {
     @include modify-svg() {

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

@@ -3,10 +3,11 @@
 @mixin warningPrimaryButton {
   border-radius: 8px;
   background-color: var(--error-500);
+  border: 1px solid transparent;
   box-shadow: 0 1px 2px 0 #1018280D;
   &:hover {
-    background-color: var(--error-600);
+    border: 1px solid var(--error-600);
   }
   //&:focus {

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

@@ -1,7 +1,8 @@
 @use '../../../../../styles' as *;
 @mixin warningSecondaryColorButton {
-  box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--error-200);
+  border: 1px solid var(--error-200);
+  box-shadow: 0 1px 2px 0 #1018280D;
   .icon {
     @include modify-svg($stroke: var(--error-500));
@@ -13,7 +14,7 @@
   &:hover {
     background-color: var(--error-50);
-    box-shadow: 0 1px 2px 0 #1018280D, 0 0 0 1px var(--error-400);
+    border: 1px solid var(--error-400);
   }
   //&:focus {

package/dist/scss/ui/InputFields/FlexField/styles/mixins/flexField.scss CHANGED Viewed

@@ -6,7 +6,8 @@
     height: fit-content;
     min-width: 0;
-    padding: 10px 12px;
+    // С учетом border
+    padding: 9px 11px;
     border-radius: 8px;
     gap: 12px;
     background-color: var(--base-white);

package/dist/scss/ui/InputFields/TextareaField/styles/mixin/textareaField.scss CHANGED Viewed

@@ -8,7 +8,8 @@
     resize: none;
     border-radius: 8px;
-    padding: 10px 12px;
+    // С учетом border
+    padding: 9px 11px;
     background-color: var(--base-white);
     border: 1px solid var(--gray-300);

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

@@ -4,7 +4,7 @@
   width: fit-content;
   height: fit-content;
   cursor: pointer;
-  transition: all ease-out 0.2s;
+  transition: all ease-out 200ms;
   @include modify-flex(row, center, center);
   @include modify-svg() {
     flex: none;

package/dist/scss/ui/MicroButton/styles/mixins/micro-button.scss CHANGED Viewed

@@ -5,26 +5,6 @@
   .button {
     @include base-button.base-micro-button();
-    &.size14 {
-      @include properties.size-14();
-    }
-    &.size16 {
-      @include properties.size-16();
-    }
-    &.size20 {
-      @include properties.size-20();
-    }
-    &.size24 {
-      @include properties.size-24();
-    }
-    &.size28 {
-      @include properties.size-28();
-    }
     &.light {
       @include properties.light();
     }
@@ -65,5 +45,25 @@
     &.blueLight {
       @include properties.blue-light();
     }
+    &.size14 {
+      @include properties.size-14();
+    }
+    &.size16 {
+      @include properties.size-16();
+    }
+    &.size20 {
+      @include properties.size-20();
+    }
+    &.size24 {
+      @include properties.size-24();
+    }
+    &.size28 {
+      @include properties.size-28();
+    }
   }
 }

package/dist/scss/ui/MicroButton/styles/mixins/properties/blue-light.scss CHANGED Viewed

@@ -2,6 +2,7 @@
 @mixin blue-light() {
   background: none;
+  border: 1px solid transparent;
   @include modify-svg($stroke: var(--blue-dark-50));
   &:hover {

package/dist/scss/ui/MicroButton/styles/mixins/properties/color-hover.scss CHANGED Viewed

@@ -2,6 +2,7 @@
 @mixin color-hover() {
   background: none;
+  border: 1px solid transparent;
   @include modify-svg($stroke: var(--blue-dark-400));
   &:hover {

package/dist/scss/ui/MicroButton/styles/mixins/properties/color.scss CHANGED Viewed

@@ -2,6 +2,7 @@
 @mixin color() {
   background: none;
+  border: 1px solid transparent;
   @include modify-svg($stroke: var(--blue-dark-500));
   &:hover {

package/dist/scss/ui/MicroButton/styles/mixins/properties/dark.scss CHANGED Viewed

@@ -2,6 +2,7 @@
 @mixin dark() {
   background-color: #0C111D80;
+  border: 1px solid transparent;
   @include modify-svg($stroke: var(--base-white));
   &:hover {

package/dist/scss/ui/MicroButton/styles/mixins/properties/gray.scss CHANGED Viewed

@@ -1,7 +1,8 @@
 @use '../../../../../styles' as *;
 @mixin gray() {
-  background: none;
+  background-color: transparent;
+  border: 1px solid transparent;
   @include modify-svg($stroke: var(--gray-500));
   &:hover {

package/dist/scss/ui/MicroButton/styles/mixins/properties/light.scss CHANGED Viewed

@@ -2,11 +2,11 @@
 @mixin light() {
   background: none;
+  border: 1px solid transparent;
   @include modify-svg($stroke: var(--gray-400));
   &:hover {
     background-color: var(--gray-200);
     @include modify-svg($stroke: var(--gray-600));
   }
 }

package/dist/scss/ui/MicroButton/styles/mixins/properties/red-hover.scss CHANGED Viewed

@@ -2,6 +2,7 @@
 @mixin red-hover() {
   background: none;
+  border: 1px solid transparent;
   @include modify-svg($stroke: var(--error-400));
   &:hover {

package/dist/scss/ui/MicroButton/styles/mixins/properties/size-14.scss CHANGED Viewed

@@ -2,7 +2,8 @@
 @mixin size-14() {
   border-radius: 3px;
-  padding: 2px;
+  // 2 - 1 для учета border
+  padding: 1px;
   @include modify-svg() {
     width: 10px;

package/dist/scss/ui/MicroButton/styles/mixins/properties/size-16.scss CHANGED Viewed

@@ -2,7 +2,8 @@
 @mixin size-16() {
   border-radius: 3px;
-  padding: 2px;
+  // 2 - 1 для учета border
+  padding: 1px;
   @include modify-svg() {
     width: 12px;

package/dist/scss/ui/MicroButton/styles/mixins/properties/size-20.scss CHANGED Viewed

@@ -2,7 +2,8 @@
 @mixin size-20() {
   border-radius: 3px;
-  padding: 3px;
+  // 3 - 1 для учета border
+  padding: 2px;
   @include modify-svg() {
     width: 14px;

package/dist/scss/ui/MicroButton/styles/mixins/properties/size-24.scss CHANGED Viewed

@@ -2,7 +2,8 @@
 @mixin size-24() {
   border-radius: 4px;
-  padding: 4px;
+  // 4 - 1 для учета border
+  padding: 3px;
   @include modify-svg() {
     width: 16px;

package/dist/scss/ui/MicroButton/styles/mixins/properties/size-28.scss CHANGED Viewed

@@ -2,7 +2,8 @@
 @mixin size-28() {
   border-radius: 4px;
-  padding: 4px;
+  // 4 - 1 для учета border
+  padding: 3px;
   @include modify-svg() {
     width: 20px;

package/dist/scss/ui/Tag/styles/properties/active.scss ADDED Viewed

@@ -0,0 +1,16 @@
+@use '../../../../styles' as *;
+@mixin active() {
+  border: 1px solid var(--blue-dark-200);
+  background-color: var(--blue-dark-50);
+  &:hover {
+    border: 1px solid var(--blue-dark-300);
+    background-color: var(--blue-dark-100);
+  }
+}
+@mixin active-hover() {
+  border: 1px solid var(--blue-dark-300);
+  background-color: var(--blue-dark-100);
+}

package/dist/scss/ui/Tag/styles/properties/base.scss ADDED Viewed

@@ -0,0 +1,30 @@
+@use '../../../../styles' as *;
+@mixin base() {
+  width: fit-content;
+  height: fit-content;
+  gap: 3px;
+  border-radius: 6px;
+  border: 1px solid var(--gray-300);
+  background-color: var(--base-white);
+  transition: background-color ease-out 300ms;
+  cursor: default;
+  @include modify-flex($align-items: center);
+  .main {
+    flex-wrap: nowrap;
+    @include modify-flex($align-items: center);
+  }
+  .label {
+    @include fnt-flex($color: var(--gray-700));
+  }
+  .dotIcon {
+    flex: none;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background-color: var(--success-500);
+  }
+}

package/dist/scss/ui/Tag/styles/properties/clicked.scss ADDED Viewed

@@ -0,0 +1,3 @@
+@mixin clicked() {
+  cursor: pointer;
+}

package/dist/scss/ui/Tag/styles/properties/hover.scss ADDED Viewed

@@ -0,0 +1,5 @@
+@use '../../../../styles' as *;
+@mixin hover() {
+  background-color: var(--gray-50);
+}

package/dist/scss/ui/Tag/styles/properties/index.scss ADDED Viewed

@@ -0,0 +1,7 @@
+@forward "large";
+@forward "small";
+@forward "medium";
+@forward "active";
+@forward "clicked";
+@forward "base";
+@forward "hover";

package/dist/scss/ui/Tag/styles/properties/large.scss ADDED Viewed

@@ -0,0 +1,19 @@
+@use '../../../../styles' as *;
+@mixin large() {
+  // С учетом border
+  padding: 3px 9px;
+  @include fnt-flex($size: 14, $line-height: 20, $weight: 500);
+  .main {
+    gap: 6px;
+  }
+  &.isAction {
+    padding-right: 4px;
+  }
+  &.isCheckbox {
+    padding-left: 5px;
+  }
+}

package/dist/scss/ui/Tag/styles/properties/medium.scss ADDED Viewed

@@ -0,0 +1,19 @@
+@use '../../../../styles' as *;
+@mixin medium() {
+  // С учетом border
+  padding: 1px 8px;
+  @include fnt-flex($size: 14, $line-height: 20, $weight: 500);
+  .main {
+    gap: 5px;
+  }
+  &.isAction {
+    padding-right: 4px;
+  }
+  &.isCheckbox {
+    padding-left: 4px;
+  }
+}

package/dist/scss/ui/Tag/styles/properties/small.scss ADDED Viewed

@@ -0,0 +1,19 @@
+@use '../../../../styles' as *;
+@mixin small() {
+  // С учетом border
+  padding: 2px 7px;
+  @include fnt-flex($size: 12, $line-height: 18, $weight: 500);
+  .main {
+    gap: 4px;
+  }
+  &.isAction {
+    padding-right: 4px;
+  }
+  &.isCheckbox {
+    padding-left: 5px;
+  }
+}

package/dist/types/src/ui/FormBuilder/lib/formBuilder.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import { FORM_BUILDER_SCHEMA } from "../schemes";
 import { AdditionPropsType } from "../types";
-declare const formBuilder: (schema: FORM_BUILDER_SCHEMA, additionProps: AdditionPropsType) => (string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode>>)[];
+declare const formBuilder: (schema: FORM_BUILDER_SCHEMA, additionProps: AdditionPropsType) => import("react").ReactNode[];
 export default formBuilder;

package/package.json CHANGED Viewed

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