dt-shared-front 1.0.0 → 1.0.1

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 (34) hide show
  1. package/dist/components/button/button.d.ts +21 -0
  2. package/{src/components/button/index.ts → dist/components/button/index.d.ts} +0 -0
  3. package/dist/components/checkbox/checkbox.d.ts +10 -0
  4. package/{src/components/checkbox/index.ts → dist/components/checkbox/index.d.ts} +0 -0
  5. package/dist/components/dropdown/dropdown.d.ts +5 -0
  6. package/{src/components/dropdown/index.ts → dist/components/dropdown/index.d.ts} +0 -0
  7. package/{src/components/input/index.ts → dist/components/input/index.d.ts} +0 -0
  8. package/dist/components/input/input.d.ts +21 -0
  9. package/{src/components/link/index.ts → dist/components/link/index.d.ts} +0 -0
  10. package/dist/components/link/link.d.ts +12 -0
  11. package/{src/components/menu/index.ts → dist/components/menu/index.d.ts} +0 -0
  12. package/dist/components/menu/menu.d.ts +5 -0
  13. package/{src/components/text/index.ts → dist/components/text/index.d.ts} +0 -0
  14. package/dist/components/text/text.d.ts +13 -0
  15. package/{src/index.ts → dist/index.d.ts} +0 -0
  16. package/dist/index.js +2 -0
  17. package/dist/index.js.map +1 -0
  18. package/package.json +3 -3
  19. package/src/components/button/button.module.scss +0 -166
  20. package/src/components/button/button.tsx +0 -79
  21. package/src/components/checkbox/checkbox.module.scss +0 -82
  22. package/src/components/checkbox/checkbox.tsx +0 -36
  23. package/src/components/dropdown/dropdown.tsx +0 -9
  24. package/src/components/icon/icons/button-loader.svg +0 -18
  25. package/src/components/icon/icons/clear.svg +0 -3
  26. package/src/components/icon/icons/input-loader.svg +0 -18
  27. package/src/components/input/input.module.scss +0 -178
  28. package/src/components/input/input.tsx +0 -138
  29. package/src/components/link/link.module.scss +0 -26
  30. package/src/components/link/link.tsx +0 -40
  31. package/src/components/menu/menu.tsx +0 -8
  32. package/src/components/text/text.module.scss +0 -28
  33. package/src/components/text/text.tsx +0 -31
  34. package/src/styles/_components.scss +0 -111
package/src/components/text/text.tsx DELETED
@@ -1,31 +0,0 @@
1
- import { useMemo } from 'react';
2
- import classnames from 'classnames';
3
-
4
- import styles from './text.module.scss';
5
- import React from 'react';
6
-
7
- export enum ETextSize {
8
- small = 'small',
9
- medium = 'medium',
10
- large = 'large',
11
- }
12
-
13
- interface ITextProps {
14
- size?: ETextSize;
15
- children?: any;
16
- bold?: boolean;
17
- addition?: boolean;
18
- }
19
-
20
- export const Text = ({ children, size = ETextSize.medium, bold, addition }: ITextProps) => {
21
- const classNames = useMemo(
22
- () =>
23
- classnames(styles.text, styles[`text__${size}`], {
24
- [styles.textAddition]: addition,
25
- [styles.textBold]: bold,
26
- }),
27
- [size]
28
- );
29
-
30
- return <div className={classNames}>{children}</div>;
31
- };
package/src/styles/_components.scss DELETED
@@ -1,111 +0,0 @@
1
- :root {
2
- //Font sizes
3
- --size-text-xs: 10px;
4
- --size-text-s: 12px;
5
- --size-text-m: 14px;
6
- --size-text-l: 16px;
7
- --size-text-xl: 20px;
8
-
9
- --size-header-s: 18px;
10
- --size-header-m: 24px;
11
- --size-header-l: 28px;
12
- --size-header-xl: 36px;
13
-
14
- //Colors
15
- --color-default: #8F07CF;
16
- --color-secondary: #FEE833;
17
- --color-tertiary: #FB8A29;
18
- --color-pink: #CB11AB;
19
-
20
- --color-resolve: #00A611;
21
- --color-reject: #FF4444;
22
- --color-other: #1e90ff;
23
- --color-danger: #ff773c;
24
- --color-link: #4682b4;
25
-
26
- --color-f8: #F8F8F8;
27
- --color-d5: #d5d5d5;
28
- --color-b6: #b6b6b6;
29
- --color-8b: #8b8b8b;
30
- --color-64: #646464;
31
-
32
- //Button
33
- --color-button-default-text: #FFFFFF;
34
- --color-button-default: #8F07CF;
35
- --color-button-default--active: #7E06B6;
36
- --color-button-default--hover: #A008E8;
37
- --color-button-default--disabled: #d5d5d5;
38
-
39
- --color-button-secondary-text: #000000;
40
- --color-button-secondary: #FEE833;
41
- --color-button-secondary--active: darken(#FEE833, 5%);
42
- --color-button-secondary--hover: lighten(#FEE833, 5%);
43
- --color-button-secondary--disabled: #d5d5d5;
44
-
45
- --color-button-tertiary-text: #8B8B8B;
46
- --color-button-tertiary: #F8F8F8;
47
- --color-button-tertiary--active: #F8F8F8;
48
- --color-button-tertiary--hover: #F8F8F8;
49
- --color-button-tertiary--disabled: #d5d5d5;
50
-
51
- //Icon
52
- --color-icon-default: #000000;
53
- --color-icon-default--active: #CB11AB;
54
- --color-icon-default--hover: #CB11AB;
55
-
56
-
57
- //Input
58
- --color-input-filled: #F8F8F8;
59
- --color-input-filled-placeholder: #646464;
60
- --color-input-filled-text: #000000;
61
- --color-input-filled-text--disabled: #000000;
62
-
63
- --color-input-filled--hover: #F8F8F8;
64
- --color-input-filled--focus: #F8F8F8;
65
- --color-input-filled--disabled: #646464;
66
-
67
- --color-input: #ffffff;
68
- --color-input--disabled: #f5f5f5;
69
-
70
-
71
- --backdrop-blur: none;
72
- --box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
73
-
74
- --color-font: #000000;
75
- --color-font-inverse: #ffffff;
76
- --color-font-addition: #8b8b8b;
77
- --color-font--disabled: #b6b6b6;
78
-
79
- --color-text: #000000;
80
- --color-text--hover: #000000;
81
- --color-text--active: #000000;
82
-
83
- --color-background: #ffffff;
84
- --color-background--hover: #f5f5f5;
85
-
86
-
87
- --color-element: #f5f5f5;
88
- --color-element--active: #d5d5d5;
89
- --color-element--hover: #f5f5f5;
90
-
91
- --color-tab: #f5f5f5;
92
- --color-tab--hover: #d5d5d5;
93
-
94
- --color-border: #d5d5d5;
95
- --color-border--active: #b6b6b6;
96
- --color-border--hover: #b6b6b6;
97
- --color-border--disabled: #d5d5d5;
98
-
99
- --color-placeholder: #b6b6b6;
100
-
101
- --color-icon-grey: #b6b6b6;
102
- --color-icon-grey--hover: #8b8b8b;
103
-
104
- --color-scroll: rgba(0, 0, 0, 0.15);
105
-
106
- --color-bg: #FFFFFF;
107
-
108
- --color-toast-reject: #fe3d3eee;
109
- --color-toast-resolve: #56b661ee;
110
-
111
- }