@sio-group/form-react 0.4.2 → 0.4.3

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 (19) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/index.cjs +187 -322
  3. package/dist/index.d.cts +2 -98
  4. package/dist/index.d.ts +2 -98
  5. package/dist/index.js +170 -293
  6. package/dist/styles/index.css +0 -287
  7. package/dist/styles/index.css.map +1 -1
  8. package/package.json +1 -1
  9. package/src/components/Fields/Input/DateInput/index.tsx +1 -1
  10. package/src/components/Fields/Input/FileInput/index.tsx +1 -1
  11. package/src/components/Fields/Input/NumberInput/index.tsx +1 -1
  12. package/src/components/Fields/InputWrapper/index.tsx +1 -1
  13. package/src/components/Form.tsx +2 -1
  14. package/src/index.ts +0 -2
  15. package/src/types/form-config.d.ts +1 -1
  16. package/dist/styles/components/button.css +0 -244
  17. package/dist/styles/components/button.css.map +0 -1
  18. package/dist/styles/components/link.css +0 -113
  19. package/dist/styles/components/link.css.map +0 -1
package/dist/styles/components/link.css DELETED
@@ -1,113 +0,0 @@
1
- @keyframes spin {
2
- from {
3
- transform: rotate(0deg);
4
- }
5
- to {
6
- transform: rotate(360deg);
7
- }
8
- }
9
- :root {
10
- --sio-color-white: #ffffff;
11
- --sio-color-black: #000000;
12
- --sio-color-gray: #655f5d;
13
- --sio-color-light-gray: #c6c6c6;
14
- --sio-color-primary: #3B82F6;
15
- --sio-color-success: #10B981;
16
- --sio-color-error: #EF4444;
17
- --sio-color-warning: #F59E0B;
18
- --sio-color-info: #06B6D4;
19
- --sio-color-primary-rgb: 59, 130, 246;
20
- --sio-color-error-rgb: 239, 68, 68;
21
- --sio-form-label: var(--sio-color-primary);
22
- --sio-form-border: var(--sio-color-light-gray);
23
- --sio-form-bg: var(--sio-color-white);
24
- --sio-btn-primary-bg: var(--sio-color-primary);
25
- --sio-btn-primary-border: var(--sio-color-primary);
26
- --sio-btn-primary-text: var(--sio-color-white);
27
- --sio-btn-secondary-bg: transparent;
28
- --sio-btn-secondary-border: var(--sio-color-primary);
29
- --sio-btn-secondary-text: var(--sio-color-primary);
30
- --sio-btn-link-bg: transparent;
31
- --sio-btn-link-border: transparent;
32
- --sio-btn-link-text: var(--sio-color-primary);
33
- }
34
-
35
- :where(.btn--link) {
36
- --sio-btn-bg: var(--sio-btn-link-bg);
37
- --sio-btn-border: var(--sio-btn-link-border);
38
- --sio-btn-text: var(--sio-btn-link-text);
39
- --sio-btn-bg-hover: var(--sio-btn-bg);
40
- --sio-btn-border-hover: var(--sio-btn-border);
41
- --sio-btn-text-hover: color-mix(in srgb, var(--sio-btn-text) 85%, black);
42
- --sio-btn-bg-disabled: var(--sio-btn-bg);
43
- --sio-btn-border-disabled: var(--sio-btn-border);
44
- --sio-btn-text-disabled: color-mix(in srgb, var(--sio-btn-text) 40%, white);
45
- }
46
-
47
- :where(.link) {
48
- display: inline;
49
- user-select: none;
50
- transition: all 0.3s ease-in;
51
- text-decoration: underline;
52
- }
53
-
54
- :where(.link:hover),
55
- :where(.link:active),
56
- :where(.link:focus),
57
- :where(.link.link--active) {
58
- background: var(--sio-btn-bg-hover, var(--sio-btn-bg));
59
- border-color: var(--sio-btn-border-hover, var(--sio-btn-border));
60
- color: var(--sio-btn-text-hover, var(--sio-btn-text));
61
- }
62
-
63
- :where(.link:disabled),
64
- :where(.link.link--disabled) {
65
- cursor: not-allowed;
66
- background: var(--sio-btn-bg-disabled, var(--sio-btn-bg));
67
- border-color: var(--sio-btn-border-disabled, var(--sio-btn-border));
68
- color: var(--sio-btn-text-disabled, var(--sio-btn-text));
69
- }
70
-
71
- :where(.link--success) {
72
- --sio-btn-bg: transparent;
73
- --sio-btn-border: transparent;
74
- --sio-btn-text: var(--sio-color-success);
75
- }
76
-
77
- :where(.link--error) {
78
- --sio-btn-bg: transparent;
79
- --sio-btn-border: transparent;
80
- --sio-btn-text: var(--sio-color-error);
81
- }
82
-
83
- :where(.link--warning) {
84
- --sio-btn-bg: transparent;
85
- --sio-btn-border: transparent;
86
- --sio-btn-text: var(--sio-color-warning);
87
- }
88
-
89
- :where(.link--info) {
90
- --sio-btn-bg: transparent;
91
- --sio-btn-border: transparent;
92
- --sio-btn-text: var(--sio-color-info);
93
- }
94
-
95
- :where(.link--block) {
96
- display: block;
97
- width: 100%;
98
- }
99
-
100
- :where(.link--lg) {
101
- font-size: 1.1em;
102
- }
103
-
104
- :where(.link--sm) {
105
- font-size: 0.7em;
106
- }
107
-
108
- :where(.link--loading) {
109
- position: relative;
110
- cursor: wait !important;
111
- }
112
-
113
- /*# sourceMappingURL=link.css.map */
package/dist/styles/components/link.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/assets/scss/utilities/_mixins.scss","../../../src/assets/scss/tokens/_colors.scss","../../../src/assets/scss/components/link.scss"],"names":[],"mappings":"AAEA;EACE;IAAO;;EACP;IAAK;;;ACcP;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AC5CF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;;AAGF;AAAA;EAEE;EAEA;EACA;EACA;;;AAIA;EACE;EACA;EACA;;;AAHF;EACE;EACA;EACA;;;AAHF;EACE;EACA;EACA;;;AAHF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA","file":"link.css"}