@de-kit/st-ui 0.1.0 → 0.1.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 (44) hide show
  1. package/README.md +8 -8
  2. package/dist/components/button/button.cjs +2 -4
  3. package/dist/components/button/button.cjs.map +1 -1
  4. package/dist/components/button/button.js +2 -2
  5. package/dist/components/button/button.js.map +1 -1
  6. package/dist/components/button/button.scss +93 -0
  7. package/dist/components/checkbox/checkbox.cjs +4 -6
  8. package/dist/components/checkbox/checkbox.cjs.map +1 -1
  9. package/dist/components/checkbox/checkbox.js +4 -4
  10. package/dist/components/checkbox/checkbox.js.map +1 -1
  11. package/dist/components/checkbox/{checkbox.module.scss → checkbox.scss} +11 -13
  12. package/dist/components/input/input.cjs +2 -4
  13. package/dist/components/input/input.cjs.map +1 -1
  14. package/dist/components/input/input.js +2 -2
  15. package/dist/components/input/input.js.map +1 -1
  16. package/dist/components/input/{input.module.scss → input.scss} +11 -13
  17. package/dist/components/radio/radio.cjs +4 -6
  18. package/dist/components/radio/radio.cjs.map +1 -1
  19. package/dist/components/radio/radio.js +4 -4
  20. package/dist/components/radio/radio.js.map +1 -1
  21. package/dist/components/radio/{radio.module.scss → radio.scss} +14 -13
  22. package/dist/components/spinner/spinner.cjs +2 -4
  23. package/dist/components/spinner/spinner.cjs.map +1 -1
  24. package/dist/components/spinner/spinner.js +2 -2
  25. package/dist/components/spinner/spinner.js.map +1 -1
  26. package/dist/components/spinner/{spinner.module.scss → spinner.scss} +3 -3
  27. package/dist/components/textarea/textarea.cjs +4 -6
  28. package/dist/components/textarea/textarea.cjs.map +1 -1
  29. package/dist/components/textarea/textarea.js +4 -4
  30. package/dist/components/textarea/textarea.js.map +1 -1
  31. package/dist/components/textarea/textarea.scss +58 -0
  32. package/dist/index.cjs +1 -0
  33. package/dist/index.js +1 -0
  34. package/dist/lib/cn.cjs +2 -2
  35. package/dist/lib/cn.cjs.map +1 -1
  36. package/dist/lib/cn.js +2 -2
  37. package/dist/lib/cn.js.map +1 -1
  38. package/dist/styles/global.scss +17 -17
  39. package/dist/styles/mixins.scss +22 -24
  40. package/dist/styles/vars.scss +31 -34
  41. package/package.json +2 -2
  42. package/dist/_virtual/_rolldown/runtime.cjs +0 -22
  43. package/dist/components/button/button.module.scss +0 -95
  44. package/dist/components/textarea/textarea.module.scss +0 -60
package/dist/components/button/button.module.scss DELETED
@@ -1,95 +0,0 @@
1
- @import '../../styles/vars.scss';
2
-
3
- .button {
4
- box-sizing: border-box;
5
- width: fit-content;
6
- display: flex;
7
- align-items: center;
8
- padding: 10px 18px;
9
- border-radius: 30px;
10
- font-size: 14px;
11
- line-height: 20px;
12
- background-color: $colorBlack;
13
- color: $colorWhite;
14
- fill: $colorWhite;
15
- font-weight: bold;
16
- font-family: $mainFontName;
17
- border: 2px solid $colorBlack;
18
- flex-shrink: 0;
19
- cursor: pointer;
20
- transition: none;
21
- gap: 5px;
22
- text-decoration: none;
23
-
24
- &.active,
25
- &.disabled,
26
- &:active,
27
- &:disabled {
28
- background-color: $colorGray;
29
- color: $colorGrayIcon;
30
- fill: $colorGrayIcon;
31
- border-color: $colorGray;
32
- }
33
-
34
- &.disabled,
35
- &:disabled {
36
- cursor: default;
37
- pointer-events: none;
38
- user-select: none;
39
- }
40
- }
41
-
42
- .outline {
43
- background-color: transparent;
44
- color: $colorBlack;
45
- fill: $colorBlack;
46
- max-height: 40px;
47
- border: 2px solid $colorBlack;
48
-
49
- &:disabled {
50
- background-color: transparent;
51
- border: 2px solid $colorBlack;
52
- }
53
- }
54
-
55
- .fullWidth {
56
- width: 100%;
57
- text-align: center;
58
- justify-content: center;
59
- }
60
-
61
- .withIcon {
62
- padding: 8px 18px 8px 14px;
63
- gap: 5px;
64
- text-align: left;
65
-
66
- .icon {
67
- flex-shrink: 0;
68
- }
69
- }
70
-
71
- .link {
72
- border: none;
73
- background-color: transparent;
74
- color: $colorBlack;
75
- fill: $colorBlack;
76
- border-radius: 0;
77
- padding: 0;
78
-
79
- &:active,
80
- &:disabled {
81
- background-color: transparent;
82
- color: rgba(0, 0, 0, 0.5);
83
- fill: rgba(0, 0, 0, 0.5);
84
- }
85
- }
86
-
87
- .disabled {
88
- background-color: $colorGray;
89
- color: $colorGrayIcon;
90
- fill: $colorGrayIcon;
91
- border-color: $colorGray;
92
- cursor: default;
93
- pointer-events: none;
94
- user-select: none;
95
- }
package/dist/components/textarea/textarea.module.scss DELETED
@@ -1,60 +0,0 @@
1
- @import '../../styles/vars.scss';
2
-
3
- .wrap {
4
- position: relative;
5
- }
6
-
7
- .textarea {
8
- box-sizing: border-box;
9
- width: 100%;
10
- min-height: 160px;
11
- display: flex;
12
- align-items: center;
13
- padding: 10px 15px;
14
- font-size: 14px;
15
- line-height: 20px;
16
- background-color: transparent;
17
- color: $colorBlack;
18
- border-radius: $borderRadius;
19
- resize: none;
20
- font-family: $mainFontName;
21
- border: 1px solid $borderInputColor;
22
- outline: 1px solid transparent;
23
- transition:
24
- background 0.3s,
25
- border-color 0.3s,
26
- box-shadow 0.2s;
27
-
28
- &:focus {
29
- border-color: $colorBlack;
30
- outline: 1px solid $colorBlack;
31
- }
32
-
33
- &:disabled {
34
- background-color: $colorGray;
35
- border-color: $colorGray;
36
- color: rgba($colorBlack, 0.5);
37
- fill: $colorGrayIcon;
38
- }
39
-
40
- &--recommended {
41
- background-color: $inputRecomendBg;
42
- }
43
-
44
- &--error {
45
- border-color: $inputErrorBorder;
46
- }
47
-
48
- @media (min-width: $tabletWidth) {
49
- min-height: 80px;
50
- }
51
- }
52
-
53
- .counter {
54
- display: block;
55
- margin-top: 5px;
56
- font-size: 11px;
57
- line-height: 20px;
58
- color: rgba($colorBlack, 0.5);
59
- text-align: left;
60
- }