indicator-ui 0.0.31 → 0.0.33

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 (18) hide show
  1. package/dist/index.css +28 -27
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +5 -104
  4. package/dist/index.js.map +1 -1
  5. package/dist/scss/ui/CheckboxMark/styles/mixins/base.scss +3 -2
  6. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/checked.scss +2 -2
  7. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/correct.scss +4 -4
  8. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/disabled.scss +2 -2
  9. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/error.scss +2 -2
  10. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/incorrect.scss +4 -4
  11. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/indeterminate.scss +2 -2
  12. package/dist/types/src/types/index.d.ts +0 -1
  13. package/dist/types/src/ui/FormBuilder/lib/index.d.ts +0 -2
  14. package/dist/types/src/ui/FormBuilder/schemes/index.d.ts +8 -29
  15. package/package.json +1 -1
  16. package/dist/types/src/types/HelperType.d.ts +0 -1
  17. package/dist/types/src/ui/FormBuilder/lib/blockComponent.d.ts +0 -5
  18. package/dist/types/src/ui/FormBuilder/lib/customFieldWrapperComponent.d.ts +0 -5
package/dist/scss/ui/CheckboxMark/styles/mixins/base.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  @mixin checkbox-mark-base-hover() {
4
4
  background-color: var(--blue-dark-50);
5
- box-shadow: 0 0 0 1px var(--blue-dark-200);
5
+ border: 1px solid var(--blue-dark-200);
6
6
  }
7
7
 
8
8
  @mixin checkbox-mark-base() {
@@ -10,7 +10,8 @@
10
10
  height: 20px;
11
11
 
12
12
  background-color: var(--base-white);
13
- box-shadow: 0 0 0 1px var(--gray-300);
13
+ border: 1px solid var(--gray-300);
14
+ box-sizing: border-box;
14
15
  cursor: pointer;
15
16
  overflow: hidden;
16
17
 
package/dist/scss/ui/CheckboxMark/styles/mixins/properties/checked.scss CHANGED
@@ -1,12 +1,12 @@
1
1
  @use '../../../../../styles' as *;
2
2
 
3
3
  @mixin checked-hover() {
4
- box-shadow: 0 0 0 1px var(--blue-dark-400);
4
+ border: 1px solid var(--blue-dark-400);
5
5
  }
6
6
 
7
7
  @mixin checked() {
8
8
  background-color: var(--blue-dark-50);
9
- box-shadow: 0 0 0 1px var(--blue-dark-200);
9
+ border: 1px solid var(--blue-dark-200);
10
10
 
11
11
  @include modify-svg($stroke: var(--blue-dark-500));
12
12
 
package/dist/scss/ui/CheckboxMark/styles/mixins/properties/correct.scss CHANGED
@@ -2,17 +2,17 @@
2
2
 
3
3
  @mixin correct-checked-hover() {
4
4
  background-color: var(--blue-dark-600);
5
- box-shadow: none;
5
+ border: none;
6
6
  }
7
7
 
8
8
  @mixin correct-disabled-hover() {
9
9
  background-color: var(--gray-300);
10
- box-shadow: none;
10
+ border: none;
11
11
  }
12
12
 
13
13
  @mixin correct-checked() {
14
14
  background-color: var(--blue-dark-500);
15
- box-shadow: none;
15
+ border: none;
16
16
  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));
17
17
  @include modify-svg($stroke: var(--base-white));
18
18
 
@@ -27,7 +27,7 @@
27
27
 
28
28
  @mixin correct-disabled() {
29
29
  background-color: var(--gray-300);
30
- box-shadow: none;
30
+ border: none;
31
31
  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));
32
32
  @include modify-svg($stroke: var(--base-white));
33
33
 
package/dist/scss/ui/CheckboxMark/styles/mixins/properties/disabled.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  @mixin disabled-hover() {
4
4
  background-color: var(--gray-100);
5
- box-shadow: 0 0 0 1px var(--gray-300);
5
+ border: 1px solid var(--gray-300);
6
6
 
7
7
  @include modify-svg($stroke: var(--gray-300));
8
8
  @include fnt-flex($color: var(--gray-300));
@@ -12,7 +12,7 @@
12
12
  cursor: default;
13
13
 
14
14
  background-color: var(--gray-100);
15
- box-shadow: 0 0 0 1px var(--gray-300);
15
+ border: 1px solid var(--gray-300);
16
16
 
17
17
  &:after {
18
18
  background-color: var(--gray-300);
package/dist/scss/ui/CheckboxMark/styles/mixins/properties/error.scss CHANGED
@@ -2,12 +2,12 @@
2
2
 
3
3
  @mixin error-hover() {
4
4
  background-color: var(--error-50);
5
- box-shadow: 0 0 0 1px var(--error-400);
5
+ border: 1px solid var(--error-400);
6
6
  }
7
7
 
8
8
  @mixin error() {
9
9
  background-color: var(--error-50);
10
- box-shadow: 0 0 0 1px var(--error-200);
10
+ border: 1px solid var(--error-200);
11
11
 
12
12
  @include modify-svg($stroke: var(--error-500));
13
13
  @include fnt-flex($color: var(--error-500));
package/dist/scss/ui/CheckboxMark/styles/mixins/properties/incorrect.scss CHANGED
@@ -2,17 +2,17 @@
2
2
 
3
3
  @mixin incorrect-checked-hover() {
4
4
  background-color: var(--error-600);
5
- box-shadow: none;
5
+ border: none;
6
6
  }
7
7
 
8
8
  @mixin incorrect-disabled-hover() {
9
9
  background-color: var(--gray-300);
10
- box-shadow: none;
10
+ border: none;
11
11
  }
12
12
 
13
13
  @mixin incorrect-checked() {
14
14
  background-color: var(--error-500);
15
- box-shadow: none;
15
+ border: none;
16
16
  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));
17
17
  @include modify-svg($stroke: var(--base-white));
18
18
 
@@ -27,7 +27,7 @@
27
27
 
28
28
  @mixin incorrect-disabled() {
29
29
  background-color: var(--gray-300);
30
- box-shadow: none;
30
+ border: none;
31
31
  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--base-white));
32
32
  @include modify-svg($stroke: var(--base-white));
33
33
 
package/dist/scss/ui/CheckboxMark/styles/mixins/properties/indeterminate.scss CHANGED
@@ -1,12 +1,12 @@
1
1
  @use '../../../../../styles' as *;
2
2
 
3
3
  @mixin indeterminate-hover() {
4
- box-shadow: 0 0 0 1px var(--blue-dark-400);
4
+ border: 1px solid var(--blue-dark-400);
5
5
  }
6
6
 
7
7
  @mixin indeterminate() {
8
8
  background-color: var(--blue-dark-50);
9
- box-shadow: 0 0 0 1px var(--blue-dark-200);
9
+ border: 1px solid var(--blue-dark-200);
10
10
 
11
11
  @include modify-svg($stroke: var(--blue-dark-500));
12
12
  @include fnt($size: 14, $line-height: 14, $weight: 500, $color: var(--blue-dark-500));
package/dist/types/src/types/index.d.ts CHANGED
@@ -1,2 +1 @@
1
- export * from './HelperType';
2
1
  export * from './DictDeepActionsTypes';
package/dist/types/src/ui/FormBuilder/lib/index.d.ts CHANGED
@@ -2,7 +2,5 @@ export { default as inputFieldComponent } from './inputFieldComponent';
2
2
  export { default as reactNodeComponent } from './reactNodeComponent';
3
3
  export { default as formWrapperComponent } from './formWrapperComponent';
4
4
  export { default as arrayFieldComponent } from './arrayFieldComponent';
5
- export { default as blockComponent } from "./blockComponent";
6
- export { default as customFieldWrapperComponent } from "./customFieldWrapperComponent";
7
5
  export { default as blockWrapperComponent } from "./blockWrapperComponent";
8
6
  export { default as formBuilder } from './formBuilder';
package/dist/types/src/ui/FormBuilder/schemes/index.d.ts CHANGED
@@ -1,26 +1,5 @@
1
1
  import React, { ReactElement, ReactNode } from "react";
2
- import { Overwrite } from "../../../../../types";
3
- import { InputFieldPropsType, InputFieldWrapperPropsType } from "../../../ui";
4
- export type BLOCK_SCHEMA = {
5
- type: 'block';
6
- props?: Overwrite<React.HTMLProps<HTMLDivElement>, {
7
- children?: FORM_BUILDER_SCHEMA;
8
- }>;
9
- };
10
- export type ADDITION_PROPS = {
11
- type: 'addition_props';
12
- props: {
13
- className?: {
14
- [key: string]: string;
15
- };
16
- };
17
- };
18
- export type CUSTOM_FIELD_WRAPPER_SCHEMA = {
19
- type: 'custom_field_wrapper';
20
- props: Overwrite<InputFieldWrapperPropsType, {
21
- children?: FORM_BUILDER_SCHEMA;
22
- }>;
23
- };
2
+ import { InputFieldPropsType } from "../../../ui";
24
3
  export type InputFieldValidationFunObjectReturnType = {
25
4
  status: boolean;
26
5
  message: string;
@@ -51,24 +30,24 @@ export type REACT_NODE_SCHEMA = {
51
30
  export type FORM_WRAPPER_SCHEMA = {
52
31
  type: 'form_wrapper';
53
32
  form_wrapper?: ReactElement;
54
- props: Overwrite<React.HTMLProps<HTMLDivElement>, {
33
+ props: Omit<React.HTMLProps<HTMLDivElement>, 'name' | 'children'> & {
55
34
  name?: string;
56
35
  children?: FORM_BUILDER_SCHEMA;
57
- }>;
36
+ };
58
37
  };
59
38
  export type ARRAY_FIELDS_SCHEMA = {
60
39
  type: 'array_fields';
61
40
  array_comp?: ReactElement;
62
- props: Overwrite<React.HTMLProps<HTMLDivElement>, {
41
+ props: Omit<React.HTMLProps<HTMLDivElement>, 'name' | 'children'> & {
63
42
  name: string;
64
43
  children?: FORM_BUILDER_SCHEMA;
65
- }>;
44
+ };
66
45
  };
67
46
  export type BLOCK_WRAPPER_SCHEMA<T = HTMLDivElement> = {
68
47
  type: 'block_wrapper';
69
48
  block_wrapper?: ReactElement;
70
- props?: Overwrite<React.HTMLProps<T>, {
49
+ props?: Omit<React.HTMLProps<T>, 'children'> & {
71
50
  children?: FORM_BUILDER_SCHEMA;
72
- }>;
51
+ };
73
52
  };
74
- export type FORM_BUILDER_SCHEMA = (FORM_WRAPPER_SCHEMA | REACT_NODE_SCHEMA | INPUT_FIELD_SCHEMA | BLOCK_SCHEMA | ADDITION_PROPS | CUSTOM_FIELD_WRAPPER_SCHEMA | ARRAY_FIELDS_SCHEMA | BLOCK_WRAPPER_SCHEMA)[];
53
+ export type FORM_BUILDER_SCHEMA = (FORM_WRAPPER_SCHEMA | REACT_NODE_SCHEMA | INPUT_FIELD_SCHEMA | ARRAY_FIELDS_SCHEMA | BLOCK_WRAPPER_SCHEMA)[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "indicator-ui",
3
- "version": "0.0.31",
3
+ "version": "0.0.33",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/types/src/index.d.ts",
6
6
  "style": "dist/index.css",
package/dist/types/src/types/HelperType.d.ts DELETED
@@ -1 +0,0 @@
1
- export type Overwrite<T, U> = Pick<T, Exclude<keyof T, keyof U>> & U;
package/dist/types/src/ui/FormBuilder/lib/blockComponent.d.ts DELETED
@@ -1,5 +0,0 @@
1
- import { Key, ReactElement } from "react";
2
- import { BLOCK_SCHEMA } from "../schemes";
3
- import { AdditionPropsType } from "../types";
4
- declare const blockComponent: (schema: BLOCK_SCHEMA, key: Key, additionProps: AdditionPropsType) => ReactElement;
5
- export default blockComponent;
package/dist/types/src/ui/FormBuilder/lib/customFieldWrapperComponent.d.ts DELETED
@@ -1,5 +0,0 @@
1
- import { Key, ReactElement } from "react";
2
- import { CUSTOM_FIELD_WRAPPER_SCHEMA } from "../schemes";
3
- import { AdditionPropsType } from "../types";
4
- declare const customFieldWrapperComponent: (schema: CUSTOM_FIELD_WRAPPER_SCHEMA, key: Key, additionProps: AdditionPropsType) => ReactElement;
5
- export default customFieldWrapperComponent;