@axenstudio/axen-form 0.1.8 → 0.1.10

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.
package/dist/index.cjs CHANGED
@@ -1,5 +1,8 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ ;/* empty css */
4
+ ;/* empty css */
5
+ ;/* empty css */
3
6
  const types = require("./types.cjs");
4
7
  const dateUtils = require("./core/dateUtils.cjs");
5
8
  const formStore = require("./core/formStore.cjs");
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -1,3 +1,6 @@
1
+ /* empty css */
2
+ /* empty css */
3
+ /* empty css */
1
4
  import { isFieldGroup } from "./types.js";
2
5
  import { formatDateLocale, formatDateTimeLocale, formatTimeLocale, getDefaultLocale, toISODateString, toISODateTimeLocalString, toISOTimeString } from "./core/dateUtils.js";
3
6
  import { createFormStore } from "./core/formStore.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@axenstudio/axen-form",
3
- "version": "0.1.8",
3
+ "version": "0.1.10",
4
4
  "description": "Lightweight, config-driven, enterprise-grade React form library. Zero UI dependency. CSS Modules. A11y-aware.",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
@@ -15,6 +15,10 @@
15
15
  "./tokens": "./dist/tokens/tokens.css",
16
16
  "./themes": "./dist/tokens/themes.css",
17
17
  "./reset": "./dist/tokens/reset.css",
18
+ "./react/gridCell.module.css": "./dist/react/gridCell.module.css",
19
+ "./fields/fieldBase.module.css": "./dist/fields/fieldBase.module.css",
20
+ "./axen-form.css": "./dist/axen-form.css",
21
+ "./dist/axen-form.css": "./dist/axen-form.css",
18
22
  "./adapters/yup": {
19
23
  "types": "./dist/adapters/yupAdapter.d.ts",
20
24
  "import": "./dist/adapters/yupAdapter.js",
@@ -1,168 +0,0 @@
1
- ._inputWrap_1hzxx_1 {
2
- position: relative;
3
- display: flex;
4
- align-items: center;
5
- }
6
-
7
- ._spinner_1hzxx_7 {
8
- position: absolute;
9
- right: 0.75rem;
10
- width: 16px;
11
- height: 16px;
12
- border: 2px solid var(--axen-color-border);
13
- border-top-color: var(--axen-color-primary);
14
- border-radius: 50%;
15
- animation: _spin_1hzxx_7 0.6s linear infinite;
16
- }
17
-
18
- @keyframes _spin_1hzxx_7 {
19
- to {
20
- transform: rotate(360deg);
21
- }
22
- }
23
-
24
- @media (prefers-reduced-motion: reduce) {
25
- ._spinner_1hzxx_7 {
26
- animation: none;
27
- opacity: 0.6;
28
- }
29
- }
30
-
31
- /* ── Dropdown ────────────────────────────────── */
32
- ._dropdown_1hzxx_32 {
33
- position: absolute;
34
- z-index: var(--axen-z-dropdown);
35
- width: 100%;
36
- max-height: 240px;
37
- margin: 0;
38
- padding: var(--axen-space-xs) 0;
39
- list-style: none;
40
- overflow-y: auto;
41
- background: var(--axen-color-bg);
42
- border: var(--axen-border-width) solid var(--axen-color-border);
43
- border-top: none;
44
- border-radius: 0 0 var(--axen-border-radius) var(--axen-border-radius);
45
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
46
- }
47
-
48
- ._option_1hzxx_48 {
49
- display: flex;
50
- align-items: center;
51
- padding: var(--axen-space-sm) var(--axen-field-padding-x);
52
- font-size: var(--axen-font-size-md);
53
- color: var(--axen-color-text);
54
- cursor: pointer;
55
- min-height: var(--axen-field-min-height);
56
- transition: background-color var(--axen-transition-fast);
57
- }
58
-
59
- ._option_1hzxx_48:hover {
60
- background-color: var(--axen-color-bg-hover);
61
- }
62
-
63
- ._optionActive_1hzxx_63 {
64
- background-color: var(--axen-color-primary-light);
65
- }
66
-
67
- ._optionDisabled_1hzxx_67 {
68
- color: var(--axen-color-text-disabled);
69
- cursor: not-allowed;
70
- }
71
-
72
- ._noResults_1hzxx_72 {
73
- padding: var(--axen-space-sm) var(--axen-field-padding-x);
74
- font-size: var(--axen-font-size-sm);
75
- color: var(--axen-color-text-secondary);
76
- border: var(--axen-border-width) solid var(--axen-color-border);
77
- border-top: none;
78
- border-radius: 0 0 var(--axen-border-radius) var(--axen-border-radius);
79
- background: var(--axen-color-bg);
80
- }
81
-
82
- /* ── Chip (used by multi) ────────────────────── */
83
- ._chipWrap_1hzxx_83 {
84
- display: flex;
85
- flex-wrap: wrap;
86
- gap: var(--axen-space-xs);
87
- padding: var(--axen-space-xs);
88
- }
89
-
90
- ._chip_1hzxx_83 {
91
- display: inline-flex;
92
- align-items: center;
93
- gap: var(--axen-space-xs);
94
- padding: 2px 8px;
95
- font-size: var(--axen-font-size-xs);
96
- color: var(--axen-color-text);
97
- background-color: var(--axen-color-primary-light);
98
- border-radius: var(--axen-border-radius-pill);
99
- max-width: 100%;
100
- white-space: nowrap;
101
- overflow: hidden;
102
- text-overflow: ellipsis;
103
- }
104
-
105
- ._chipRemove_1hzxx_105 {
106
- display: inline-flex;
107
- align-items: center;
108
- justify-content: center;
109
- width: 16px;
110
- height: 16px;
111
- padding: 0;
112
- border: none;
113
- background: transparent;
114
- cursor: pointer;
115
- font-size: 12px;
116
- color: var(--axen-color-text-secondary);
117
- border-radius: 50%;
118
- flex-shrink: 0;
119
- }
120
-
121
- ._chipRemove_1hzxx_105:hover {
122
- background: rgba(0, 0, 0, 0.08);
123
- color: var(--axen-color-text);
124
- }
125
-
126
- ._chipRemove_1hzxx_105:focus-visible {
127
- outline: var(--axen-focus-ring-width) solid var(--axen-focus-ring-color);
128
- }
129
-
130
- /* ── Ghost text (predict) ────────────────────── */
131
- ._predictWrap_1hzxx_131 {
132
- position: relative;
133
- display: flex;
134
- align-items: center;
135
- }
136
-
137
- ._ghostText_1hzxx_137 {
138
- position: absolute;
139
- left: var(--axen-field-padding-x);
140
- top: 50%;
141
- transform: translateY(-50%);
142
- color: var(--axen-color-text-disabled);
143
- font-family: var(--axen-font-family);
144
- font-size: var(--axen-font-size-md);
145
- pointer-events: none;
146
- white-space: nowrap;
147
- overflow: hidden;
148
- }
149
-
150
- ._ghostHidden_1hzxx_150 {
151
- visibility: hidden;
152
- position: absolute;
153
- white-space: pre;
154
- font-family: var(--axen-font-family);
155
- font-size: var(--axen-font-size-md);
156
- }
157
-
158
- /* ── Mobile adjustments ──────────────────────── */
159
- @media (max-width: 599px) {
160
- ._dropdown_1hzxx_32 {
161
- max-height: 200px;
162
- }
163
-
164
- ._option_1hzxx_48 {
165
- min-height: 48px;
166
- padding: var(--axen-space-sm) var(--axen-space-md);
167
- }
168
- }
@@ -1,29 +0,0 @@
1
- ._checkboxLabel_1labl_1 {
2
- cursor: pointer;
3
- }
4
-
5
- ._checkbox_1labl_1 {
6
- width: 20px;
7
- height: 20px;
8
- margin: 0;
9
- cursor: pointer;
10
- accent-color: var(--axen-color-primary);
11
- border-radius: var(--axen-border-radius-sm);
12
- }
13
-
14
- ._checkbox_1labl_1:focus-visible {
15
- outline: var(--axen-focus-ring-width) solid var(--axen-focus-ring-color);
16
- outline-offset: var(--axen-focus-ring-offset);
17
- }
18
-
19
- ._checkbox_1labl_1:disabled {
20
- cursor: not-allowed;
21
- }
22
-
23
- /* Mobile: larger touch target */
24
- @media (max-width: 599px) {
25
- ._checkbox_1labl_1 {
26
- width: 24px;
27
- height: 24px;
28
- }
29
- }
@@ -1,33 +0,0 @@
1
- ._colorWrap_or7ln_1 {
2
- display: flex;
3
- align-items: center;
4
- gap: var(--axen-space-sm);
5
- min-height: var(--axen-field-min-height);
6
- }
7
-
8
- ._colorInput_or7ln_8 {
9
- width: 44px;
10
- height: 44px;
11
- padding: 2px;
12
- border: var(--axen-border-width) solid var(--axen-color-border);
13
- border-radius: var(--axen-border-radius);
14
- cursor: pointer;
15
- background: none;
16
- }
17
-
18
- ._colorInput_or7ln_8:focus-visible {
19
- outline: var(--axen-focus-ring-width) solid var(--axen-focus-ring-color);
20
- outline-offset: var(--axen-focus-ring-offset);
21
- }
22
-
23
- ._colorInput_or7ln_8:disabled {
24
- opacity: 0.5;
25
- cursor: not-allowed;
26
- }
27
-
28
- ._colorValue_or7ln_28 {
29
- font-size: var(--axen-font-size-sm);
30
- font-family: monospace;
31
- color: var(--axen-color-text-secondary);
32
- text-transform: uppercase;
33
- }
@@ -1,41 +0,0 @@
1
- ._inputWrap_1nxa7_1 {
2
- position: relative;
3
- display: flex;
4
- align-items: center;
5
- }
6
-
7
- ._passwordInput_1nxa7_7 {
8
- padding-right: 2.5rem;
9
- }
10
-
11
- ._toggle_1nxa7_11 {
12
- position: absolute;
13
- right: 0.5rem;
14
- display: flex;
15
- align-items: center;
16
- justify-content: center;
17
- width: 2rem;
18
- height: 2rem;
19
- padding: 0;
20
- border: none;
21
- background: transparent;
22
- cursor: pointer;
23
- color: var(--axen-color-text-secondary);
24
- font-size: var(--axen-font-size-lg);
25
- border-radius: var(--axen-border-radius-sm);
26
- transition: color var(--axen-transition-fast);
27
- }
28
-
29
- ._toggle_1nxa7_11:hover:not(:disabled) {
30
- color: var(--axen-color-text);
31
- }
32
-
33
- ._toggle_1nxa7_11:focus-visible {
34
- outline: var(--axen-focus-ring-width) solid var(--axen-focus-ring-color);
35
- outline-offset: var(--axen-focus-ring-offset);
36
- }
37
-
38
- ._toggle_1nxa7_11:disabled {
39
- cursor: not-allowed;
40
- opacity: 0.5;
41
- }
@@ -1,34 +0,0 @@
1
- ._radioGroup_1nz5i_1 {
2
- display: flex;
3
- flex-direction: column;
4
- gap: var(--axen-space-xs);
5
- }
6
-
7
- ._radioLabel_1nz5i_7 {
8
- cursor: pointer;
9
- }
10
-
11
- ._radio_1nz5i_1 {
12
- width: 20px;
13
- height: 20px;
14
- margin: 0;
15
- cursor: pointer;
16
- accent-color: var(--axen-color-primary);
17
- }
18
-
19
- ._radio_1nz5i_1:focus-visible {
20
- outline: var(--axen-focus-ring-width) solid var(--axen-focus-ring-color);
21
- outline-offset: var(--axen-focus-ring-offset);
22
- }
23
-
24
- ._radio_1nz5i_1:disabled {
25
- cursor: not-allowed;
26
- }
27
-
28
- /* Mobile: larger touch target */
29
- @media (max-width: 599px) {
30
- ._radio_1nz5i_1 {
31
- width: 24px;
32
- height: 24px;
33
- }
34
- }
@@ -1,76 +0,0 @@
1
- ._sliderWrap_84w8t_1 {
2
- display: flex;
3
- align-items: center;
4
- gap: var(--axen-space-md);
5
- min-height: var(--axen-field-min-height);
6
- }
7
-
8
- ._slider_84w8t_1 {
9
- flex: 1;
10
- height: 6px;
11
- appearance: none;
12
- background: var(--axen-color-border);
13
- border-radius: var(--axen-border-radius-pill);
14
- outline: none;
15
- cursor: pointer;
16
- transition: background var(--axen-transition-fast);
17
- }
18
-
19
- ._slider_84w8t_1::-webkit-slider-thumb {
20
- appearance: none;
21
- width: 20px;
22
- height: 20px;
23
- border-radius: 50%;
24
- background: var(--axen-color-primary);
25
- border: 2px solid var(--axen-color-bg);
26
- box-shadow: var(--axen-shadow-sm);
27
- cursor: pointer;
28
- transition:
29
- background var(--axen-transition-fast),
30
- transform var(--axen-transition-fast);
31
- }
32
-
33
- ._slider_84w8t_1::-webkit-slider-thumb:hover {
34
- background: var(--axen-color-primary-hover);
35
- transform: scale(1.15);
36
- }
37
-
38
- ._slider_84w8t_1:focus-visible::-webkit-slider-thumb {
39
- box-shadow: var(--axen-shadow-focus);
40
- }
41
-
42
- ._slider_84w8t_1::-moz-range-thumb {
43
- width: 20px;
44
- height: 20px;
45
- border-radius: 50%;
46
- background: var(--axen-color-primary);
47
- border: 2px solid var(--axen-color-bg);
48
- box-shadow: var(--axen-shadow-sm);
49
- cursor: pointer;
50
- }
51
-
52
- ._slider_84w8t_1:disabled {
53
- opacity: 0.5;
54
- cursor: not-allowed;
55
- }
56
-
57
- ._output_84w8t_57 {
58
- min-width: 2.5em;
59
- text-align: center;
60
- font-size: var(--axen-font-size-sm);
61
- font-weight: var(--axen-font-weight-medium);
62
- color: var(--axen-color-text);
63
- }
64
-
65
- /* Touch target for mobile */
66
- @media (max-width: 599px) {
67
- ._slider_84w8t_1::-webkit-slider-thumb {
68
- width: 28px;
69
- height: 28px;
70
- }
71
-
72
- ._slider_84w8t_1::-moz-range-thumb {
73
- width: 28px;
74
- height: 28px;
75
- }
76
- }
@@ -1,79 +0,0 @@
1
- ._switchLabel_1itxk_1 {
2
- cursor: pointer;
3
- }
4
-
5
- ._switchTrack_1itxk_5 {
6
- position: relative;
7
- display: inline-flex;
8
- align-items: center;
9
- width: 44px;
10
- height: 24px;
11
- background-color: var(--axen-color-border);
12
- border-radius: var(--axen-border-radius-pill);
13
- transition: background-color var(--axen-transition-fast);
14
- flex-shrink: 0;
15
- }
16
-
17
- ._switchInput_1itxk_17 {
18
- position: absolute;
19
- width: 100%;
20
- height: 100%;
21
- margin: 0;
22
- padding: 0;
23
- opacity: 0;
24
- cursor: pointer;
25
- }
26
-
27
- ._switchInput_1itxk_17:checked + ._switchThumb_1itxk_27 {
28
- transform: translateX(20px);
29
- }
30
-
31
- ._switchInput_1itxk_17:checked ~ ._switchThumb_1itxk_27 {
32
- transform: translateX(20px);
33
- }
34
-
35
- ._switchTrack_1itxk_5:has(._switchInput_1itxk_17:checked) {
36
- background-color: var(--axen-color-primary);
37
- }
38
-
39
- ._switchInput_1itxk_17:focus-visible ~ ._switchThumb_1itxk_27 {
40
- box-shadow: var(--axen-shadow-focus);
41
- }
42
-
43
- ._switchInput_1itxk_17:disabled {
44
- cursor: not-allowed;
45
- }
46
-
47
- ._switchTrack_1itxk_5:has(._switchInput_1itxk_17:disabled) {
48
- opacity: 0.5;
49
- cursor: not-allowed;
50
- }
51
-
52
- ._switchThumb_1itxk_27 {
53
- position: absolute;
54
- left: 2px;
55
- width: 20px;
56
- height: 20px;
57
- background-color: var(--axen-color-bg);
58
- border-radius: 50%;
59
- box-shadow: var(--axen-shadow-sm);
60
- transition: transform var(--axen-transition-fast);
61
- pointer-events: none;
62
- }
63
-
64
- /* Mobile: larger touch target */
65
- @media (max-width: 599px) {
66
- ._switchTrack_1itxk_5 {
67
- width: 52px;
68
- height: 28px;
69
- }
70
-
71
- ._switchThumb_1itxk_27 {
72
- width: 24px;
73
- height: 24px;
74
- }
75
-
76
- ._switchInput_1itxk_17:checked ~ ._switchThumb_1itxk_27 {
77
- transform: translateX(24px);
78
- }
79
- }