@servicetitan/anvil2 1.45.1 → 1.45.2
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/CHANGELOG.md +22 -0
- package/dist/{Calendar-Dq_of5A3.js → Calendar-BK861SAW.js} +1173 -166
- package/dist/Calendar-BK861SAW.js.map +1 -0
- package/dist/Calendar.css +83 -47
- package/dist/Calendar.js +1 -1
- package/dist/{Checkbox-BiOzGpgJ.js → Checkbox-CYNjFdtO.js} +2 -2
- package/dist/{Checkbox-BiOzGpgJ.js.map → Checkbox-CYNjFdtO.js.map} +1 -1
- package/dist/{Checkbox-3y2d9mBd.js → Checkbox-ZphVb1l0.js} +2 -2
- package/dist/{Checkbox-3y2d9mBd.js.map → Checkbox-ZphVb1l0.js.map} +1 -1
- package/dist/Checkbox.js +2 -2
- package/dist/Combobox.js +1 -1
- package/dist/{DateField-B2mnasH5.js → DateField-DnasO2rB.js} +4 -4
- package/dist/{DateField-B2mnasH5.js.map → DateField-DnasO2rB.js.map} +1 -1
- package/dist/DateField.js +1 -1
- package/dist/{DateFieldRange-DPbyzuHb.js → DateFieldRange-Ba-8T-Nz.js} +31 -25
- package/dist/DateFieldRange-Ba-8T-Nz.js.map +1 -0
- package/dist/DateFieldRange.js +1 -1
- package/dist/{DateFieldSingle-CfAJDcx9.js → DateFieldSingle-BBu5Hi9c.js} +26 -26
- package/dist/DateFieldSingle-BBu5Hi9c.js.map +1 -0
- package/dist/DateFieldSingle.js +1 -1
- package/dist/{DateFieldYearless-ydxcsmRV.js → DateFieldYearless-Ba7HiTiI.js} +2 -2
- package/dist/{DateFieldYearless-ydxcsmRV.js.map → DateFieldYearless-Ba7HiTiI.js.map} +1 -1
- package/dist/DateFieldYearless.js +1 -1
- package/dist/{DaysOfTheWeek-BYvE9QK5.js → DaysOfTheWeek-BYSYZySH.js} +2 -2
- package/dist/{DaysOfTheWeek-BYvE9QK5.js.map → DaysOfTheWeek-BYSYZySH.js.map} +1 -1
- package/dist/DaysOfTheWeek.js +1 -1
- package/dist/{Dialog-DpH2Qvbd.js → Dialog-CgkrvrQu.js} +2 -2
- package/dist/{Dialog-DpH2Qvbd.js.map → Dialog-CgkrvrQu.js.map} +1 -1
- package/dist/Dialog.js +1 -1
- package/dist/{Drawer-DI_k6W2k.js → Drawer-CM4ZbAro.js} +2 -2
- package/dist/{Drawer-DI_k6W2k.js.map → Drawer-CM4ZbAro.js.map} +1 -1
- package/dist/Drawer.js +1 -1
- package/dist/{FieldLabel-BfnCXung.js → FieldLabel-BsbTTyom.js} +3 -14
- package/dist/FieldLabel-BsbTTyom.js.map +1 -0
- package/dist/FieldLabel.js +1 -1
- package/dist/{InputMask-O_qi1p_3.js → InputMask-_F139qFu.js} +2 -2
- package/dist/{InputMask-O_qi1p_3.js.map → InputMask-_F139qFu.js.map} +1 -1
- package/dist/InputMask.js +1 -1
- package/dist/{ListView-jR2ZkBB7.js → ListView-DEAMQopB.js} +2 -2
- package/dist/{ListView-jR2ZkBB7.js.map → ListView-DEAMQopB.js.map} +1 -1
- package/dist/ListView.js +1 -1
- package/dist/{NumberField-1_gRsWT4.js → NumberField-CkZZrkYC.js} +5 -5
- package/dist/{NumberField-1_gRsWT4.js.map → NumberField-CkZZrkYC.js.map} +1 -1
- package/dist/NumberField.js +1 -1
- package/dist/{Page-CY6QRlvb.js → Page-cKXkjMmd.js} +2 -2
- package/dist/{Page-CY6QRlvb.js.map → Page-cKXkjMmd.js.map} +1 -1
- package/dist/Page.js +1 -1
- package/dist/{ProgressBar-BnXuQ6Bx.js → ProgressBar-DXcXZEJ2.js} +2 -2
- package/dist/{ProgressBar-BnXuQ6Bx.js.map → ProgressBar-DXcXZEJ2.js.map} +1 -1
- package/dist/ProgressBar.js +1 -1
- package/dist/{Radio-CwmRUIzo.js → Radio-C89VCMXd.js} +2 -2
- package/dist/{Radio-CwmRUIzo.js.map → Radio-C89VCMXd.js.map} +1 -1
- package/dist/Radio.js +2 -2
- package/dist/{RadioGroup-BNCWIHOG.js → RadioGroup-C_4buUtG.js} +2 -2
- package/dist/{RadioGroup-BNCWIHOG.js.map → RadioGroup-C_4buUtG.js.map} +1 -1
- package/dist/{SelectCard-DOGCG0zr.js → SelectCard-BWh8Yp7T.js} +3 -3
- package/dist/{SelectCard-DOGCG0zr.js.map → SelectCard-BWh8Yp7T.js.map} +1 -1
- package/dist/SelectCard.js +1 -1
- package/dist/{SelectTrigger-BMo0e-F7.js → SelectTrigger-f1hvRrSC.js} +2 -2
- package/dist/{SelectTrigger-BMo0e-F7.js.map → SelectTrigger-f1hvRrSC.js.map} +1 -1
- package/dist/SelectTrigger.js +1 -1
- package/dist/{SelectTriggerBase-BMMxnXrw.js → SelectTriggerBase-DP9fmRSo.js} +2 -2
- package/dist/{SelectTriggerBase-BMMxnXrw.js.map → SelectTriggerBase-DP9fmRSo.js.map} +1 -1
- package/dist/{TextField-CwgE_JJU.js → TextField-BiHxlzE3.js} +2 -2
- package/dist/{TextField-CwgE_JJU.js.map → TextField-BiHxlzE3.js.map} +1 -1
- package/dist/{TextField-DlsZEkS0.js → TextField-D8fow9j7.js} +2 -2
- package/dist/{TextField-DlsZEkS0.js.map → TextField-D8fow9j7.js.map} +1 -1
- package/dist/TextField.js +1 -1
- package/dist/{Textarea-DU-SpoDL.js → Textarea-BdVJJlbP.js} +2 -2
- package/dist/{Textarea-DU-SpoDL.js.map → Textarea-BdVJJlbP.js.map} +1 -1
- package/dist/Textarea.js +1 -1
- package/dist/{TimeField-CfhyRfX9.js → TimeField-CmbErrsZ.js} +2 -2
- package/dist/{TimeField-CfhyRfX9.js.map → TimeField-CmbErrsZ.js.map} +1 -1
- package/dist/TimeField.js +1 -1
- package/dist/Toast.js +2 -2
- package/dist/{Toaster-BgjT0p8b.js → Toaster-9cpG_tWR.js} +2 -2
- package/dist/{Toaster-BgjT0p8b.js.map → Toaster-9cpG_tWR.js.map} +1 -1
- package/dist/{Toaster-CfC9wod0.js → Toaster-B7zUwJOt.js} +2 -2
- package/dist/{Toaster-CfC9wod0.js.map → Toaster-B7zUwJOt.js.map} +1 -1
- package/dist/components/DateFieldRange/DateFieldRange.d.ts +2 -2
- package/dist/components/DateFieldRange/internal/useDateFieldRangeState.d.ts +2 -7
- package/dist/components/DateFieldSingle/DateFieldSingle.d.ts +2 -2
- package/dist/components/DateFieldSingle/internal/useDateFieldSingleState.d.ts +2 -7
- package/dist/components/NumberField/NumberField.d.ts +4 -4
- package/dist/index.js +26 -26
- package/dist/internal/components/YearSelector/YearSelector.d.ts +67 -0
- package/dist/internal/components/YearSelector/index.d.ts +1 -0
- package/dist/internal/components/YearSelector/internal/YearItem.d.ts +10 -0
- package/dist/internal/components/YearSelector/internal/useYearSelectorKeys.d.ts +19 -0
- package/dist/internal/hooks/useFocusWithin/useFocusWithin.d.ts +11 -16
- package/dist/types/PassThroughProps.d.ts +4 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/{useDateFieldOrchestration-Cqa7dxtr.js → useDateFieldOrchestration-DPLftOxu.js} +2 -2
- package/dist/{useDateFieldOrchestration-Cqa7dxtr.js.map → useDateFieldOrchestration-DPLftOxu.js.map} +1 -1
- package/dist/useFocusWithin-BhhgRXdZ.js +32 -0
- package/dist/useFocusWithin-BhhgRXdZ.js.map +1 -0
- package/dist/{useInfiniteCombobox-BN2uGhBh.js → useInfiniteCombobox-BaYWUxjg.js} +2 -2
- package/dist/{useInfiniteCombobox-BN2uGhBh.js.map → useInfiniteCombobox-BaYWUxjg.js.map} +1 -1
- package/package.json +2 -1
- package/dist/Calendar-Dq_of5A3.js.map +0 -1
- package/dist/DateFieldRange-DPbyzuHb.js.map +0 -1
- package/dist/DateFieldSingle-CfAJDcx9.js.map +0 -1
- package/dist/FieldLabel-BfnCXung.js.map +0 -1
- package/dist/components/Calendar/internal/CalendarYearSelection.d.ts +0 -25
- package/dist/useFocusWithin-BhU7hoAD.js +0 -56
- package/dist/useFocusWithin-BhU7hoAD.js.map +0 -1
package/dist/Calendar.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@layer starter, reset, base, state, application;
|
|
2
2
|
@layer reset {
|
|
3
|
-
.
|
|
3
|
+
._calendar_m3fpt_2 {
|
|
4
4
|
all: unset;
|
|
5
5
|
font-family: var(--font-family-base, "Nunito Sans", sans-serif);
|
|
6
6
|
font-size: 100%;
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
box-sizing: border-box;
|
|
14
14
|
display: inline-flex;
|
|
15
15
|
}
|
|
16
|
-
.
|
|
16
|
+
._calendar_m3fpt_2 ._header_m3fpt_15 {
|
|
17
17
|
all: unset;
|
|
18
18
|
font-family: var(--font-family-base, "Nunito Sans", sans-serif);
|
|
19
19
|
font-size: 100%;
|
|
@@ -28,43 +28,43 @@
|
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
@layer base {
|
|
31
|
-
.
|
|
31
|
+
._calendar_m3fpt_2 {
|
|
32
32
|
flex-direction: column;
|
|
33
33
|
gap: 1rem;
|
|
34
34
|
}
|
|
35
|
-
.
|
|
35
|
+
._calendar_m3fpt_2 ._header_m3fpt_15 {
|
|
36
36
|
display: flex;
|
|
37
37
|
width: 100%;
|
|
38
38
|
justify-content: space-between;
|
|
39
39
|
align-items: center;
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
._calendar_m3fpt_2 ._header_m3fpt_15 ._heading_m3fpt_40 {
|
|
42
42
|
font-size: 0.875rem;
|
|
43
43
|
padding-inline-start: 0.75rem;
|
|
44
44
|
padding-inline-end: 0.75rem;
|
|
45
45
|
font-weight: 600;
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
._calendar_m3fpt_2 ._header_m3fpt_15 ._controller_m3fpt_46 {
|
|
48
48
|
display: flex;
|
|
49
49
|
justify-content: space-between;
|
|
50
50
|
align-items: center;
|
|
51
51
|
padding-inline-start: 0.25rem;
|
|
52
52
|
padding-inline-end: 0.25rem;
|
|
53
53
|
}
|
|
54
|
-
.
|
|
54
|
+
._calendar_m3fpt_2 ._spacer_m3fpt_53 {
|
|
55
55
|
height: 1rem;
|
|
56
56
|
}
|
|
57
|
-
.
|
|
57
|
+
._calendar_m3fpt_2 ._day-grid_m3fpt_56 {
|
|
58
58
|
min-height: 15.25rem;
|
|
59
59
|
min-width: 17.875rem;
|
|
60
|
-
animation:
|
|
60
|
+
animation: _fadein_m3fpt_1 0.5s;
|
|
61
61
|
}
|
|
62
|
-
.
|
|
62
|
+
._calendar_m3fpt_2 ._day-grid_m3fpt_56 td {
|
|
63
63
|
padding-block: 0.25rem;
|
|
64
64
|
padding-inline: 0.25rem;
|
|
65
65
|
position: relative;
|
|
66
66
|
}
|
|
67
|
-
.
|
|
67
|
+
._calendar_m3fpt_2 ._day-grid_m3fpt_56 ._cell_m3fpt_66 {
|
|
68
68
|
all: unset;
|
|
69
69
|
min-width: 2.125rem;
|
|
70
70
|
min-height: 2.125rem;
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
z-index: 1;
|
|
82
82
|
transition: outline 100ms cubic-bezier(0, 0, 0.4, 1), background-color 200ms cubic-bezier(0, 0, 0.4, 1);
|
|
83
83
|
}
|
|
84
|
-
.
|
|
84
|
+
._calendar_m3fpt_2 ._day-grid_m3fpt_56 ._cell_m3fpt_66::before {
|
|
85
85
|
z-index: -1;
|
|
86
86
|
position: absolute;
|
|
87
87
|
width: 100%;
|
|
@@ -97,13 +97,13 @@
|
|
|
97
97
|
pointer-events: none;
|
|
98
98
|
border-radius: inherit;
|
|
99
99
|
}
|
|
100
|
-
.
|
|
100
|
+
._calendar_m3fpt_2 ._day-grid_m3fpt_56 ._cell_m3fpt_66._overflow_m3fpt_97 {
|
|
101
101
|
display: none;
|
|
102
102
|
}
|
|
103
|
-
.
|
|
103
|
+
._calendar_m3fpt_2 ._day-grid_m3fpt_56 ._cell_m3fpt_66:has(._content_m3fpt_100) {
|
|
104
104
|
cursor: pointer;
|
|
105
105
|
}
|
|
106
|
-
.
|
|
106
|
+
._calendar_m3fpt_2 ._weekday_m3fpt_103 {
|
|
107
107
|
justify-content: center;
|
|
108
108
|
align-items: flex-start;
|
|
109
109
|
font-weight: 700;
|
|
@@ -115,28 +115,28 @@
|
|
|
115
115
|
padding-inline-start: 0;
|
|
116
116
|
padding-inline-end: 0;
|
|
117
117
|
}
|
|
118
|
-
.
|
|
119
|
-
.
|
|
118
|
+
._calendar_m3fpt_2 ._month-selection_m3fpt_115 ._selection-checkbox_m3fpt_115,
|
|
119
|
+
._calendar_m3fpt_2 ._year-selection_m3fpt_116 ._selection-checkbox_m3fpt_115 {
|
|
120
120
|
width: 100%;
|
|
121
121
|
}
|
|
122
|
-
.
|
|
123
|
-
.
|
|
124
|
-
.
|
|
125
|
-
.
|
|
122
|
+
._calendar_m3fpt_2 ._month-selection_m3fpt_115 ._selection-checkbox_m3fpt_115 > label,
|
|
123
|
+
._calendar_m3fpt_2 ._month-selection_m3fpt_115 ._selection-checkbox_m3fpt_115 > label > span,
|
|
124
|
+
._calendar_m3fpt_2 ._year-selection_m3fpt_116 ._selection-checkbox_m3fpt_115 > label,
|
|
125
|
+
._calendar_m3fpt_2 ._year-selection_m3fpt_116 ._selection-checkbox_m3fpt_115 > label > span {
|
|
126
126
|
width: 100%;
|
|
127
127
|
}
|
|
128
|
-
.
|
|
129
|
-
.
|
|
128
|
+
._calendar_m3fpt_2 ._month-selection_m3fpt_115 ._selection-card_m3fpt_125,
|
|
129
|
+
._calendar_m3fpt_2 ._year-selection_m3fpt_116 ._selection-card_m3fpt_125 {
|
|
130
130
|
width: 100%;
|
|
131
131
|
justify-content: center;
|
|
132
132
|
}
|
|
133
|
-
.
|
|
133
|
+
._calendar_m3fpt_2 ._year-selection_m3fpt_116 {
|
|
134
134
|
max-height: 20rem;
|
|
135
135
|
overflow-y: auto;
|
|
136
136
|
padding-inline: 0.25rem;
|
|
137
137
|
}
|
|
138
138
|
}
|
|
139
|
-
@keyframes
|
|
139
|
+
@keyframes _fadein_m3fpt_1 {
|
|
140
140
|
from {
|
|
141
141
|
opacity: 0;
|
|
142
142
|
}
|
|
@@ -145,41 +145,41 @@
|
|
|
145
145
|
}
|
|
146
146
|
}
|
|
147
147
|
@layer state {
|
|
148
|
-
.
|
|
148
|
+
._calendar_m3fpt_2 ._cell_m3fpt_66:focus-visible[tabindex="0"] {
|
|
149
149
|
outline: 0.125rem solid var(--focus-ring-color, #0265DC);
|
|
150
150
|
}
|
|
151
|
-
.
|
|
151
|
+
._calendar_m3fpt_2 ._cell_m3fpt_66:disabled:not(._range-first_m3fpt_148):not(._range-last_m3fpt_148):not(._range_m3fpt_148) {
|
|
152
152
|
cursor: not-allowed;
|
|
153
153
|
opacity: 0.6;
|
|
154
154
|
color: var(--foreground-color-subdued, #737475);
|
|
155
155
|
border-radius: 0;
|
|
156
156
|
}
|
|
157
|
-
.
|
|
157
|
+
._calendar_m3fpt_2 ._cell_m3fpt_66:hover:not(:disabled)::before {
|
|
158
158
|
content: "";
|
|
159
159
|
background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
|
|
160
160
|
}
|
|
161
|
-
.
|
|
161
|
+
._calendar_m3fpt_2 ._cell_m3fpt_66._selected_m3fpt_158 {
|
|
162
162
|
background-color: var(--background-color-primary, #0265DC);
|
|
163
163
|
color: var(--foreground-color-on-primary, #ffffff);
|
|
164
164
|
}
|
|
165
|
-
.
|
|
165
|
+
._calendar_m3fpt_2 ._cell_m3fpt_66._selected_m3fpt_158:hover:not(:disabled)::before {
|
|
166
166
|
content: "";
|
|
167
167
|
background-color: var(--overlay-color-hover-on-primary, rgba(20, 20, 20, 0.2));
|
|
168
168
|
}
|
|
169
|
-
.
|
|
169
|
+
._calendar_m3fpt_2 ._cell_m3fpt_66._is-unavailable_m3fpt_166 {
|
|
170
170
|
background-color: transparent;
|
|
171
171
|
}
|
|
172
|
-
.
|
|
172
|
+
._calendar_m3fpt_2 ._cell_m3fpt_66._is-unavailable_m3fpt_166:disabled {
|
|
173
173
|
cursor: not-allowed;
|
|
174
174
|
opacity: 0.6;
|
|
175
175
|
color: var(--foreground-color-subdued, #737475);
|
|
176
176
|
border-radius: 0;
|
|
177
177
|
}
|
|
178
|
-
.
|
|
178
|
+
._calendar_m3fpt_2 ._cell_m3fpt_66._range-first_m3fpt_148:not(._range-last_m3fpt_148) {
|
|
179
179
|
border-start-end-radius: 0;
|
|
180
180
|
border-end-end-radius: 0;
|
|
181
181
|
}
|
|
182
|
-
.
|
|
182
|
+
._calendar_m3fpt_2 ._cell_m3fpt_66._range-first_m3fpt_148:not(._range-last_m3fpt_148)::after {
|
|
183
183
|
position: absolute;
|
|
184
184
|
content: "";
|
|
185
185
|
width: 0.3125rem;
|
|
@@ -189,15 +189,15 @@
|
|
|
189
189
|
background-color: var(--background-color-primary-subdued, #E0F2FF);
|
|
190
190
|
z-index: -1;
|
|
191
191
|
}
|
|
192
|
-
.
|
|
192
|
+
._calendar_m3fpt_2 ._cell_m3fpt_66._range-first_m3fpt_148:not(._range-last_m3fpt_148):disabled {
|
|
193
193
|
opacity: 0.2;
|
|
194
194
|
cursor: not-allowed;
|
|
195
195
|
}
|
|
196
|
-
.
|
|
196
|
+
._calendar_m3fpt_2 ._cell_m3fpt_66._range-last_m3fpt_148:not(._range-first_m3fpt_148) {
|
|
197
197
|
border-end-start-radius: 0;
|
|
198
198
|
border-start-start-radius: 0;
|
|
199
199
|
}
|
|
200
|
-
.
|
|
200
|
+
._calendar_m3fpt_2 ._cell_m3fpt_66._range-last_m3fpt_148:not(._range-first_m3fpt_148)::after {
|
|
201
201
|
position: absolute;
|
|
202
202
|
content: "";
|
|
203
203
|
width: 0.3125rem;
|
|
@@ -207,28 +207,28 @@
|
|
|
207
207
|
background-color: var(--background-color-primary-subdued, #E0F2FF);
|
|
208
208
|
z-index: -1;
|
|
209
209
|
}
|
|
210
|
-
.
|
|
210
|
+
._calendar_m3fpt_2 ._cell_m3fpt_66._range-last_m3fpt_148:not(._range-first_m3fpt_148):disabled {
|
|
211
211
|
opacity: 0.2;
|
|
212
212
|
cursor: not-allowed;
|
|
213
213
|
}
|
|
214
|
-
.
|
|
214
|
+
._calendar_m3fpt_2 ._cell_m3fpt_66._range_m3fpt_148:not(._is-unavailable_m3fpt_166) {
|
|
215
215
|
background-color: transparent;
|
|
216
216
|
color: var(--foreground-color-primary, #0265DC);
|
|
217
217
|
}
|
|
218
|
-
.
|
|
218
|
+
._calendar_m3fpt_2 ._cell_m3fpt_66._range_m3fpt_148:not(._is-unavailable_m3fpt_166):disabled {
|
|
219
219
|
opacity: 0.2;
|
|
220
220
|
cursor: not-allowed;
|
|
221
221
|
}
|
|
222
|
-
.
|
|
222
|
+
._calendar_m3fpt_2 ._cell_m3fpt_66._range_m3fpt_148:not(._is-unavailable_m3fpt_166):hover:not(:disabled):before {
|
|
223
223
|
content: "";
|
|
224
224
|
background-color: var(--overlay-color-hover-primary, rgba(2, 101, 220, 0.1019607843));
|
|
225
225
|
border-radius: 0;
|
|
226
226
|
}
|
|
227
|
-
.
|
|
227
|
+
._calendar_m3fpt_2 ._cell_m3fpt_66._range_m3fpt_148:not(._is-unavailable_m3fpt_166):hover:not(:disabled)._hover-last_m3fpt_224:before {
|
|
228
228
|
border-start-end-radius: 0.375rem;
|
|
229
229
|
border-end-end-radius: 0.375rem;
|
|
230
230
|
}
|
|
231
|
-
.
|
|
231
|
+
._calendar_m3fpt_2 ._range-fill_m3fpt_228 {
|
|
232
232
|
position: absolute;
|
|
233
233
|
content: "";
|
|
234
234
|
width: calc(100% + 0.125rem);
|
|
@@ -238,20 +238,56 @@
|
|
|
238
238
|
background-color: var(--background-color-primary-subdued, #E0F2FF);
|
|
239
239
|
z-index: 0;
|
|
240
240
|
}
|
|
241
|
-
.
|
|
241
|
+
._calendar_m3fpt_2 ._range-fill_m3fpt_228._range-disabled_m3fpt_238 {
|
|
242
242
|
opacity: 0.2;
|
|
243
243
|
}
|
|
244
|
-
.
|
|
244
|
+
._calendar_m3fpt_2 ._range-fill_m3fpt_228._hover-last_m3fpt_224 {
|
|
245
245
|
width: calc(100% - 0.1875rem);
|
|
246
246
|
border-start-end-radius: 0.375rem;
|
|
247
247
|
border-end-end-radius: 0.375rem;
|
|
248
248
|
}
|
|
249
|
-
[dir=rtl] .
|
|
249
|
+
[dir=rtl] ._calendar_m3fpt_2 ._header_m3fpt_15 ._controller_m3fpt_46 ._controller-button_m3fpt_246 {
|
|
250
250
|
rotate: 180deg;
|
|
251
251
|
}
|
|
252
252
|
}
|
|
253
253
|
@layer application {
|
|
254
|
-
.
|
|
254
|
+
._calendar_m3fpt_2 ._header_m3fpt_15 ._controller_m3fpt_46 ._controller-button_m3fpt_246 {
|
|
255
255
|
color: inherit;
|
|
256
256
|
}
|
|
257
|
+
._calendar_m3fpt_2 ._year-selector_m3fpt_254 {
|
|
258
|
+
margin-inline: -0.5rem;
|
|
259
|
+
}
|
|
260
|
+
}@layer starter, reset, base, state, application;
|
|
261
|
+
@layer base {
|
|
262
|
+
._year-selector_1pxps_2 {
|
|
263
|
+
overflow: auto;
|
|
264
|
+
width: 100%;
|
|
265
|
+
padding-inline: 0.5rem;
|
|
266
|
+
box-sizing: border-box;
|
|
267
|
+
height: 40dvh;
|
|
268
|
+
}
|
|
269
|
+
._year-selector_1pxps_2 ._year-grid_1pxps_9 {
|
|
270
|
+
position: absolute;
|
|
271
|
+
top: 0;
|
|
272
|
+
left: 0;
|
|
273
|
+
display: grid;
|
|
274
|
+
gap: 0.75rem;
|
|
275
|
+
}
|
|
276
|
+
}
|
|
277
|
+
@layer application {
|
|
278
|
+
._year-selector_1pxps_2 * {
|
|
279
|
+
width: 100%;
|
|
280
|
+
min-width: 0;
|
|
281
|
+
max-width: none;
|
|
282
|
+
text-align: center;
|
|
283
|
+
justify-content: center;
|
|
284
|
+
display: flex;
|
|
285
|
+
}
|
|
286
|
+
._year-item_1pxps_26 {
|
|
287
|
+
height: 58px;
|
|
288
|
+
}
|
|
289
|
+
._year-selector_1pxps_2:focus-visible:not(:disabled) ._year-item_1pxps_26._pseudo-focused_1pxps_29 {
|
|
290
|
+
outline: 0.25rem solid var(--focus-ring-color, #0265DC);
|
|
291
|
+
outline-offset: 0.125rem;
|
|
292
|
+
}
|
|
257
293
|
}
|
package/dist/Calendar.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { C as Calendar, f as CalendarMonth, e as CalendarMonthButton, d as CalendarNext, a as CalendarNow, c as CalendarPrev, b as CalendarYearButton, C as default } from './Calendar-
|
|
1
|
+
export { C as Calendar, f as CalendarMonth, e as CalendarMonthButton, d as CalendarNext, a as CalendarNow, c as CalendarPrev, b as CalendarYearButton, C as default } from './Calendar-BK861SAW.js';
|
|
2
2
|
//# sourceMappingURL=Calendar.js.map
|
|
@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
2
2
|
import { forwardRef, useState, useId } from 'react';
|
|
3
3
|
import { c as checkboxStyles, S as SvgIndeterminateCheckBox, a as SvgCheckBox, b as SvgCheckBoxOutlineBlank } from './indeterminate_check_box-Bg24oeHy.js';
|
|
4
4
|
import { c as cx } from './index-tZvMCc77.js';
|
|
5
|
-
import { F as FieldLabel } from './FieldLabel-
|
|
5
|
+
import { F as FieldLabel } from './FieldLabel-BsbTTyom.js';
|
|
6
6
|
import { S as SrOnly } from './SrOnly-CTsYSuby.js';
|
|
7
7
|
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
|
|
8
8
|
import { I as Icon } from './Icon-D8SPKeO4.js';
|
|
@@ -208,4 +208,4 @@ CheckboxElement.displayName = "Checkbox";
|
|
|
208
208
|
const Checkbox = CheckboxElement;
|
|
209
209
|
|
|
210
210
|
export { CheckboxGroup as C, Checkbox as a };
|
|
211
|
-
//# sourceMappingURL=Checkbox-
|
|
211
|
+
//# sourceMappingURL=Checkbox-CYNjFdtO.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox-BiOzGpgJ.js","sources":["../src/components/Checkbox/CheckboxGroup.tsx","../src/components/Checkbox/internal/Checkbox.tsx"],"sourcesContent":["import {\n forwardRef,\n ComponentPropsWithoutRef,\n ReactElement,\n FocusEventHandler,\n useState,\n} from \"react\";\nimport styles from \"./Checkbox.module.scss\";\nimport cx from \"classnames\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { FieldLabel } from \"../FieldLabel\";\nimport { SrOnly } from \"../SrOnly\";\nimport { FieldLabelProps } from \"../../internal/types\";\n\n/**\n * Props for the CheckboxGroup component\n * @extends ComponentPropsWithoutRef<\"fieldset\">\n * @extends LayoutUtilProps\n * @extends Omit<FieldLabelProps, \"labelProps\">\n */\nexport type CheckboxGroupProps = ComponentPropsWithoutRef<\"fieldset\"> &\n LayoutUtilProps &\n Omit<FieldLabelProps, \"labelProps\"> & {\n /**\n * required flag for label\n * @accessibility This does not enforce error when nothing is selected.\n * @default false\n */\n required?: boolean;\n\n /**\n * legend for the fieldset\n */\n legend: string | ReactElement;\n };\n\n/**\n * CheckboxGroup component for grouping related checkboxes together.\n *\n * Features:\n * - Groups multiple checkboxes with a common legend\n * - Supports required field indication\n * - Optional helper text and descriptions\n * - Full accessibility support with fieldset/legend\n * - Focus management for keyboard navigation\n * - Layout utility props for positioning and spacing\n * - Flexible layout direction (row/column)\n * - Screen reader support with hidden labels\n *\n * @example\n * <CheckboxGroup legend=\"Select your interests\" required>\n * <Checkbox label=\"Technology\" />\n * <Checkbox label=\"Sports\" />\n * <Checkbox label=\"Music\" />\n * </CheckboxGroup>\n */\nexport const CheckboxGroup = forwardRef<\n HTMLFieldSetElement,\n CheckboxGroupProps\n>((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n\n const {\n className,\n children,\n legend,\n moreInfo,\n onBlur,\n onFocus,\n required,\n style,\n ...rest\n } = componentProps;\n\n const checkboxGroupClassNames = cx(styles[\"checkbox-group\"], className);\n const [openInfo, setOpenInfo] = useState<boolean>(false);\n\n const styleCombined = {\n ...style,\n ...layoutStyles,\n alignItems:\n layoutStyles?.alignItems ??\n (layoutStyles?.flexDirection === \"row\" ? \"flex-start\" : undefined),\n };\n\n const focusHandler: FocusEventHandler<HTMLFieldSetElement> = (e) => {\n onFocus?.(e);\n setOpenInfo(true);\n };\n\n const blurHandler: FocusEventHandler<HTMLFieldSetElement> = (e) => {\n onBlur?.(e);\n setOpenInfo(false);\n };\n\n const labelClassNames = cx(styles[\"label\"], {\n [styles[\"direction-row\"]]: layoutStyles?.flexDirection === \"row\",\n });\n\n return (\n <fieldset\n role=\"group\"\n data-anv=\"checkbox-group\"\n className={checkboxGroupClassNames}\n ref={ref}\n style={styleCombined}\n onFocus={focusHandler}\n onBlur={blurHandler}\n {...rest}\n >\n <legend className={styles[\"legend\"]}>\n {legend}\n {required && \", required\"}\n {moreInfo && <SrOnly>{moreInfo}</SrOnly>}\n </legend>\n <FieldLabel\n aria-hidden\n moreInfo={moreInfo}\n required={required}\n openMoreInfo={openInfo}\n className={labelClassNames}\n >\n {legend}\n </FieldLabel>\n <div\n className={styles[\"children\"]}\n style={{\n flexDirection: layoutStyles?.flexDirection,\n gap: layoutStyles?.gap,\n }}\n >\n {children}\n </div>\n </fieldset>\n );\n});\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n","import {\n forwardRef,\n ChangeEvent,\n ComponentPropsWithoutRef,\n ReactElement,\n MouseEvent,\n useId,\n} from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"../../Icon\";\nimport CheckboxOutline from \"@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg\";\nimport CheckboxChecked from \"@servicetitan/hammer-icon/mdi/round/check_box.svg\";\nimport CheckboxIndeterminate from \"@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg\";\n\nimport styles from \"../Checkbox.module.scss\";\nimport { Svg, LayoutUtilProps } from \"../../../types\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { Helper, HelperProps } from \"../../../internal/components\";\nimport { CheckboxState } from \"../types\";\n\nexport type { CheckboxState };\n\n/**\n * Props for the Checkbox component\n * @extends LayoutUtilProps\n * @extends Omit<ComponentPropsWithoutRef<\"input\">, \"onChange\" | \"onClick\" | \"indeterminate\">\n */\nexport type CheckboxProps = LayoutUtilProps &\n Omit<\n ComponentPropsWithoutRef<\"input\">,\n \"onChange\" | \"onClick\" | \"indeterminate\"\n > & {\n /**\n * Controlled state\n * @default false\n */\n checked?: boolean;\n\n /**\n * Uncontrolled state\n * @default false\n */\n defaultChecked?: boolean;\n\n /**\n * Indeterminate state of the checkbox\n * @accessibility Applies aria-checked=\"mixed\"\n * @default false\n */\n indeterminate?: boolean;\n\n /**\n * Callback when checkbox is changed\n */\n onChange?: (\n e?: ChangeEvent<HTMLInputElement>,\n state?: CheckboxState,\n ) => void;\n\n /**\n * Callback when checkbox is clicked\n */\n onClick?: (e?: MouseEvent<HTMLInputElement>, state?: CheckboxState) => void;\n\n /**\n * label for checkbox\n * @accessibility This should either be a string or have text content inside for accessibility\n */\n label?: string | ReactElement;\n\n /**\n * Error state for the checkbox\n * @accessibility Applies aria-invalid=\"true\"\n * @default false\n */\n error?: boolean;\n\n /**\n * Icon overrides\n */\n icons?: {\n checked?: Svg;\n indeterminate?: Svg;\n unchecked?: Svg;\n };\n\n description?: HelperProps[\"description\"];\n\n /**\n * When `true`, hides the checkbox for visual users.\n * @default false\n */\n hideCheckbox?: boolean;\n };\n\nconst CheckboxElement = forwardRef<HTMLInputElement, CheckboxProps>(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n indeterminate,\n onChange,\n onClick,\n value,\n className,\n disabled,\n error,\n icons,\n checked: checkedProp,\n defaultChecked,\n label,\n style,\n required,\n description,\n hideCheckbox = false,\n ...rest\n } = componentProps;\n const {\n checked: checkedIcon = CheckboxChecked,\n indeterminate: indeterminateIcon = CheckboxIndeterminate,\n unchecked: uncheckedIcon = CheckboxOutline,\n } = { ...icons };\n\n const isControlled = typeof checkedProp !== \"undefined\";\n\n const onChangeHandler = (e: ChangeEvent<HTMLInputElement>) => {\n onChange?.(e, { value, checked: checkedProp ?? e.target.checked });\n };\n\n const onClickHandler = (e: MouseEvent<HTMLInputElement>) => {\n onClick?.(e, {\n value,\n checked: checkedProp ?? (e.target as HTMLInputElement).checked,\n });\n };\n\n const helperUid = useId();\n\n const wrapperClassNames = cx(\n styles[\"wrapper\"],\n { [styles[\"focus\"]]: hideCheckbox },\n className,\n );\n\n const checkboxClassNames = cx(styles[\"checkbox\"], {\n [styles[\"error\"]]: error,\n });\n\n const styleCombined = {\n ...style,\n ...layoutStyles,\n };\n\n return (\n <div\n className={wrapperClassNames}\n style={styleCombined}\n data-anv=\"checkbox\"\n >\n <label className={checkboxClassNames}>\n <input\n type=\"checkbox\"\n disabled={disabled}\n value={value}\n onChange={onChangeHandler}\n onClick={onClickHandler}\n aria-checked={\n indeterminate ? \"mixed\" : (checkedProp ?? defaultChecked)\n }\n checked={isControlled ? checkedProp : undefined}\n defaultChecked={defaultChecked}\n aria-invalid={error}\n aria-describedby={description ? helperUid : undefined}\n ref={ref}\n {...rest}\n />\n\n <span\n className={cx(styles[\"icon-wrapper\"], {\n [styles[\"sr-only\"]]: hideCheckbox,\n })}\n aria-hidden\n >\n <Icon\n size=\"large\"\n svg={indeterminateIcon}\n className={styles[\"icon-indeterminate\"]}\n />\n\n <Icon\n size=\"large\"\n svg={checkedIcon}\n className={styles[\"icon-checked\"]}\n />\n\n <Icon\n size=\"large\"\n svg={uncheckedIcon}\n className={styles[\"icon-unchecked\"]}\n />\n </span>\n\n <span className={cx({ [styles[\"focus-label\"]]: hideCheckbox })}>\n {label}\n\n {required && (\n <span aria-hidden className={styles[\"required-asterisk\"]}>\n *\n </span>\n )}\n </span>\n </label>\n\n {description ? (\n <div className={styles[\"helper-wrapper\"]}>\n <Helper id={helperUid} description={description} />\n </div>\n ) : null}\n </div>\n );\n },\n);\n\nCheckboxElement.displayName = \"Checkbox\";\n\n/**\n * Checkbox component for selecting one or more options from a list.\n *\n * Features:\n * - Controlled and uncontrolled state management\n * - Indeterminate state for partial selections\n * - Customizable icons for different states\n * - Error state with accessibility support\n * - Optional helper text and descriptions\n * - Hide checkbox option for visual-only interactions\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n *\n * @example\n * <Checkbox\n * label=\"Accept terms and conditions\"\n * onChange={(e, state) => console.log('Checked:', state.checked)}\n * required\n * />\n */\nexport const Checkbox = CheckboxElement;\n"],"names":["styles","CheckboxChecked","CheckboxIndeterminate","CheckboxOutline"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Checkbox-CYNjFdtO.js","sources":["../src/components/Checkbox/CheckboxGroup.tsx","../src/components/Checkbox/internal/Checkbox.tsx"],"sourcesContent":["import {\n forwardRef,\n ComponentPropsWithoutRef,\n ReactElement,\n FocusEventHandler,\n useState,\n} from \"react\";\nimport styles from \"./Checkbox.module.scss\";\nimport cx from \"classnames\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { FieldLabel } from \"../FieldLabel\";\nimport { SrOnly } from \"../SrOnly\";\nimport { FieldLabelProps } from \"../../internal/types\";\n\n/**\n * Props for the CheckboxGroup component\n * @extends ComponentPropsWithoutRef<\"fieldset\">\n * @extends LayoutUtilProps\n * @extends Omit<FieldLabelProps, \"labelProps\">\n */\nexport type CheckboxGroupProps = ComponentPropsWithoutRef<\"fieldset\"> &\n LayoutUtilProps &\n Omit<FieldLabelProps, \"labelProps\"> & {\n /**\n * required flag for label\n * @accessibility This does not enforce error when nothing is selected.\n * @default false\n */\n required?: boolean;\n\n /**\n * legend for the fieldset\n */\n legend: string | ReactElement;\n };\n\n/**\n * CheckboxGroup component for grouping related checkboxes together.\n *\n * Features:\n * - Groups multiple checkboxes with a common legend\n * - Supports required field indication\n * - Optional helper text and descriptions\n * - Full accessibility support with fieldset/legend\n * - Focus management for keyboard navigation\n * - Layout utility props for positioning and spacing\n * - Flexible layout direction (row/column)\n * - Screen reader support with hidden labels\n *\n * @example\n * <CheckboxGroup legend=\"Select your interests\" required>\n * <Checkbox label=\"Technology\" />\n * <Checkbox label=\"Sports\" />\n * <Checkbox label=\"Music\" />\n * </CheckboxGroup>\n */\nexport const CheckboxGroup = forwardRef<\n HTMLFieldSetElement,\n CheckboxGroupProps\n>((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n\n const {\n className,\n children,\n legend,\n moreInfo,\n onBlur,\n onFocus,\n required,\n style,\n ...rest\n } = componentProps;\n\n const checkboxGroupClassNames = cx(styles[\"checkbox-group\"], className);\n const [openInfo, setOpenInfo] = useState<boolean>(false);\n\n const styleCombined = {\n ...style,\n ...layoutStyles,\n alignItems:\n layoutStyles?.alignItems ??\n (layoutStyles?.flexDirection === \"row\" ? \"flex-start\" : undefined),\n };\n\n const focusHandler: FocusEventHandler<HTMLFieldSetElement> = (e) => {\n onFocus?.(e);\n setOpenInfo(true);\n };\n\n const blurHandler: FocusEventHandler<HTMLFieldSetElement> = (e) => {\n onBlur?.(e);\n setOpenInfo(false);\n };\n\n const labelClassNames = cx(styles[\"label\"], {\n [styles[\"direction-row\"]]: layoutStyles?.flexDirection === \"row\",\n });\n\n return (\n <fieldset\n role=\"group\"\n data-anv=\"checkbox-group\"\n className={checkboxGroupClassNames}\n ref={ref}\n style={styleCombined}\n onFocus={focusHandler}\n onBlur={blurHandler}\n {...rest}\n >\n <legend className={styles[\"legend\"]}>\n {legend}\n {required && \", required\"}\n {moreInfo && <SrOnly>{moreInfo}</SrOnly>}\n </legend>\n <FieldLabel\n aria-hidden\n moreInfo={moreInfo}\n required={required}\n openMoreInfo={openInfo}\n className={labelClassNames}\n >\n {legend}\n </FieldLabel>\n <div\n className={styles[\"children\"]}\n style={{\n flexDirection: layoutStyles?.flexDirection,\n gap: layoutStyles?.gap,\n }}\n >\n {children}\n </div>\n </fieldset>\n );\n});\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n","import {\n forwardRef,\n ChangeEvent,\n ComponentPropsWithoutRef,\n ReactElement,\n MouseEvent,\n useId,\n} from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"../../Icon\";\nimport CheckboxOutline from \"@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg\";\nimport CheckboxChecked from \"@servicetitan/hammer-icon/mdi/round/check_box.svg\";\nimport CheckboxIndeterminate from \"@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg\";\n\nimport styles from \"../Checkbox.module.scss\";\nimport { Svg, LayoutUtilProps } from \"../../../types\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { Helper, HelperProps } from \"../../../internal/components\";\nimport { CheckboxState } from \"../types\";\n\nexport type { CheckboxState };\n\n/**\n * Props for the Checkbox component\n * @extends LayoutUtilProps\n * @extends Omit<ComponentPropsWithoutRef<\"input\">, \"onChange\" | \"onClick\" | \"indeterminate\">\n */\nexport type CheckboxProps = LayoutUtilProps &\n Omit<\n ComponentPropsWithoutRef<\"input\">,\n \"onChange\" | \"onClick\" | \"indeterminate\"\n > & {\n /**\n * Controlled state\n * @default false\n */\n checked?: boolean;\n\n /**\n * Uncontrolled state\n * @default false\n */\n defaultChecked?: boolean;\n\n /**\n * Indeterminate state of the checkbox\n * @accessibility Applies aria-checked=\"mixed\"\n * @default false\n */\n indeterminate?: boolean;\n\n /**\n * Callback when checkbox is changed\n */\n onChange?: (\n e?: ChangeEvent<HTMLInputElement>,\n state?: CheckboxState,\n ) => void;\n\n /**\n * Callback when checkbox is clicked\n */\n onClick?: (e?: MouseEvent<HTMLInputElement>, state?: CheckboxState) => void;\n\n /**\n * label for checkbox\n * @accessibility This should either be a string or have text content inside for accessibility\n */\n label?: string | ReactElement;\n\n /**\n * Error state for the checkbox\n * @accessibility Applies aria-invalid=\"true\"\n * @default false\n */\n error?: boolean;\n\n /**\n * Icon overrides\n */\n icons?: {\n checked?: Svg;\n indeterminate?: Svg;\n unchecked?: Svg;\n };\n\n description?: HelperProps[\"description\"];\n\n /**\n * When `true`, hides the checkbox for visual users.\n * @default false\n */\n hideCheckbox?: boolean;\n };\n\nconst CheckboxElement = forwardRef<HTMLInputElement, CheckboxProps>(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n indeterminate,\n onChange,\n onClick,\n value,\n className,\n disabled,\n error,\n icons,\n checked: checkedProp,\n defaultChecked,\n label,\n style,\n required,\n description,\n hideCheckbox = false,\n ...rest\n } = componentProps;\n const {\n checked: checkedIcon = CheckboxChecked,\n indeterminate: indeterminateIcon = CheckboxIndeterminate,\n unchecked: uncheckedIcon = CheckboxOutline,\n } = { ...icons };\n\n const isControlled = typeof checkedProp !== \"undefined\";\n\n const onChangeHandler = (e: ChangeEvent<HTMLInputElement>) => {\n onChange?.(e, { value, checked: checkedProp ?? e.target.checked });\n };\n\n const onClickHandler = (e: MouseEvent<HTMLInputElement>) => {\n onClick?.(e, {\n value,\n checked: checkedProp ?? (e.target as HTMLInputElement).checked,\n });\n };\n\n const helperUid = useId();\n\n const wrapperClassNames = cx(\n styles[\"wrapper\"],\n { [styles[\"focus\"]]: hideCheckbox },\n className,\n );\n\n const checkboxClassNames = cx(styles[\"checkbox\"], {\n [styles[\"error\"]]: error,\n });\n\n const styleCombined = {\n ...style,\n ...layoutStyles,\n };\n\n return (\n <div\n className={wrapperClassNames}\n style={styleCombined}\n data-anv=\"checkbox\"\n >\n <label className={checkboxClassNames}>\n <input\n type=\"checkbox\"\n disabled={disabled}\n value={value}\n onChange={onChangeHandler}\n onClick={onClickHandler}\n aria-checked={\n indeterminate ? \"mixed\" : (checkedProp ?? defaultChecked)\n }\n checked={isControlled ? checkedProp : undefined}\n defaultChecked={defaultChecked}\n aria-invalid={error}\n aria-describedby={description ? helperUid : undefined}\n ref={ref}\n {...rest}\n />\n\n <span\n className={cx(styles[\"icon-wrapper\"], {\n [styles[\"sr-only\"]]: hideCheckbox,\n })}\n aria-hidden\n >\n <Icon\n size=\"large\"\n svg={indeterminateIcon}\n className={styles[\"icon-indeterminate\"]}\n />\n\n <Icon\n size=\"large\"\n svg={checkedIcon}\n className={styles[\"icon-checked\"]}\n />\n\n <Icon\n size=\"large\"\n svg={uncheckedIcon}\n className={styles[\"icon-unchecked\"]}\n />\n </span>\n\n <span className={cx({ [styles[\"focus-label\"]]: hideCheckbox })}>\n {label}\n\n {required && (\n <span aria-hidden className={styles[\"required-asterisk\"]}>\n *\n </span>\n )}\n </span>\n </label>\n\n {description ? (\n <div className={styles[\"helper-wrapper\"]}>\n <Helper id={helperUid} description={description} />\n </div>\n ) : null}\n </div>\n );\n },\n);\n\nCheckboxElement.displayName = \"Checkbox\";\n\n/**\n * Checkbox component for selecting one or more options from a list.\n *\n * Features:\n * - Controlled and uncontrolled state management\n * - Indeterminate state for partial selections\n * - Customizable icons for different states\n * - Error state with accessibility support\n * - Optional helper text and descriptions\n * - Hide checkbox option for visual-only interactions\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n *\n * @example\n * <Checkbox\n * label=\"Accept terms and conditions\"\n * onChange={(e, state) => console.log('Checked:', state.checked)}\n * required\n * />\n */\nexport const Checkbox = CheckboxElement;\n"],"names":["styles","CheckboxChecked","CheckboxIndeterminate","CheckboxOutline"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
|
-
import { C as CheckboxGroup, a as Checkbox$1 } from './Checkbox-
|
|
3
|
+
import { C as CheckboxGroup, a as Checkbox$1 } from './Checkbox-CYNjFdtO.js';
|
|
4
4
|
import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
|
|
5
5
|
import { useTrackingId } from './useTrackingId.js';
|
|
6
6
|
|
|
@@ -47,4 +47,4 @@ const Checkbox = Object.assign(CheckboxElement, {
|
|
|
47
47
|
});
|
|
48
48
|
|
|
49
49
|
export { Checkbox as C };
|
|
50
|
-
//# sourceMappingURL=Checkbox-
|
|
50
|
+
//# sourceMappingURL=Checkbox-ZphVb1l0.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox-
|
|
1
|
+
{"version":3,"file":"Checkbox-ZphVb1l0.js","sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, Ref } from \"react\";\nimport {\n CheckboxProps as CoreCheckboxProps,\n Checkbox as CoreCheckbox,\n} from \"./internal/Checkbox\";\nimport { CheckboxGroup } from \"./CheckboxGroup\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types\";\nimport { childrenToString } from \"../../internal/functions\";\n\n/**\n * Props for the Checkbox component\n * @property {boolean} [checked] - Controlled state\n * @property {boolean} [defaultChecked] - Uncontrolled state\n * @property {boolean} [indeterminate] - Indeterminate state of the checkbox\n * @property {boolean} [error] - Error state for the checkbox\n * @property {string | ReactElement} [label] - Label for checkbox\n * @property {string} [description] - Helper text description\n * @property {Object} [icons] - Icon overrides for different states\n * @property {(e?: ChangeEvent<HTMLInputElement>, state?: CheckboxState) => void} [onChange] - Change callback\n * @property {(e?: MouseEvent<HTMLInputElement>, state?: CheckboxState) => void} [onClick] - Click callback\n * @extends Omit<CoreCheckboxProps, \"hideCheckbox\">\n * @extends DataTrackingId\n */\nexport type CheckboxProps = Omit<CoreCheckboxProps, \"hideCheckbox\"> &\n DataTrackingId;\n\nconst CheckboxElement = forwardRef(\n (props: CheckboxProps, ref: Ref<HTMLInputElement>) => {\n const data = {\n label: childrenToString(props.label),\n ariaLabel: props[\"aria-label\"],\n ariaLabelledBy: props[\"aria-labelledby\"],\n value: props.value,\n };\n\n const trackingId = useTrackingId({\n name: \"Checkbox\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return <CoreCheckbox ref={ref} data-tracking-id={trackingId} {...props} />;\n },\n);\nCheckboxElement.displayName = CoreCheckbox.displayName;\n\n/**\n * Checkbox component for selecting one or more options from a list.\n *\n * Features:\n * - Controlled and uncontrolled state management\n * - Indeterminate state for partial selections\n * - Customizable icons for different states\n * - Error state with accessibility support\n * - Optional helper text and descriptions\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Checkbox\n * label=\"Accept terms and conditions\"\n * onChange={(e, state) => console.log('Checked:', state.checked)}\n * required\n * />\n */\nexport const Checkbox = Object.assign(CheckboxElement, {\n /**\n * CheckboxGroup component for grouping related checkboxes together.\n *\n * Features:\n * - Groups multiple checkboxes with a common legend\n * - Supports required field indication\n * - Optional helper text and descriptions\n * - Full accessibility support with fieldset/legend\n * - Focus management for keyboard navigation\n * - Layout utility props for positioning and spacing\n * - Flexible layout direction (row/column)\n * - Screen reader support with hidden labels\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <CheckboxGroup legend=\"Select your interests\" required>\n * <Checkbox label=\"Technology\" />\n * <Checkbox label=\"Sports\" />\n * <Checkbox label=\"Music\" />\n * </CheckboxGroup>\n */\n Group: CheckboxGroup,\n});\n"],"names":["CoreCheckbox"],"mappings":";;;;;;AA2BA,MAAM,eAAkB,GAAA,UAAA;AAAA,EACtB,CAAC,OAAsB,GAA+B,KAAA;AACpD,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,KAAA,EAAO,gBAAiB,CAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MACnC,SAAA,EAAW,MAAM,YAAY,CAAA;AAAA,MAC7B,cAAA,EAAgB,MAAM,iBAAiB,CAAA;AAAA,MACvC,OAAO,KAAM,CAAA;AAAA,KACf;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,UAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BAAQA,UAAa,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAE5E,CAAA;AACA,eAAA,CAAgB,cAAcA,UAAa,CAAA,WAAA;AAuB9B,MAAA,QAAA,GAAW,MAAO,CAAA,MAAA,CAAO,eAAiB,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBrD,KAAO,EAAA;AACT,CAAC;;;;"}
|
package/dist/Checkbox.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { C as Checkbox, C as default } from './Checkbox-
|
|
2
|
-
export { C as CheckboxGroup } from './Checkbox-
|
|
1
|
+
export { C as Checkbox, C as default } from './Checkbox-ZphVb1l0.js';
|
|
2
|
+
export { C as CheckboxGroup } from './Checkbox-CYNjFdtO.js';
|
|
3
3
|
//# sourceMappingURL=Checkbox.js.map
|
package/dist/Combobox.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { C as Combobox, c as ComboboxContent, a as ComboboxElement, i as ComboboxEmpty, e as ComboboxItem, f as ComboboxItemAddNew, d as ComboboxList, g as ComboboxSearchField, b as ComboboxSelect, h as ComboboxSelectTrigger, C as default, u as useInfiniteCombobox } from './useInfiniteCombobox-
|
|
1
|
+
export { C as Combobox, c as ComboboxContent, a as ComboboxElement, i as ComboboxEmpty, e as ComboboxItem, f as ComboboxItemAddNew, d as ComboboxList, g as ComboboxSearchField, b as ComboboxSelect, h as ComboboxSelectTrigger, C as default, u as useInfiniteCombobox } from './useInfiniteCombobox-BaYWUxjg.js';
|
|
2
2
|
//# sourceMappingURL=Combobox.js.map
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import { forwardRef, useState, useRef, useMemo, useEffect } from 'react';
|
|
3
|
-
import { D as DateTime, i as isValidDate, t as toDateString, C as Calendar } from './Calendar-
|
|
4
|
-
import { I as InputMask } from './InputMask-
|
|
3
|
+
import { D as DateTime, i as isValidDate, t as toDateString, C as Calendar } from './Calendar-BK861SAW.js';
|
|
4
|
+
import { I as InputMask } from './InputMask-_F139qFu.js';
|
|
5
5
|
import { I as Icon } from './Icon-D8SPKeO4.js';
|
|
6
6
|
import { S as SvgEvent } from './event-BEJFimi3.js';
|
|
7
7
|
import { e as PopoverLegacy, P as Popover } from './Popover-r26xMIfm.js';
|
|
8
8
|
import { u as usePopoverCloseDelayWorkaround } from './usePopoverCloseDelayWorkaround-BZcjPkvT.js';
|
|
9
|
-
import { T as TextField } from './TextField-
|
|
9
|
+
import { T as TextField } from './TextField-D8fow9j7.js';
|
|
10
10
|
import { u as useMergeRefs, s as supportsPopover } from './DrawerContext-DboTgTmo.js';
|
|
11
11
|
import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
|
|
12
12
|
import { useTrackingId } from './useTrackingId.js';
|
|
@@ -1136,4 +1136,4 @@ const DateField = forwardRef(
|
|
|
1136
1136
|
DateField.displayName = "DateField";
|
|
1137
1137
|
|
|
1138
1138
|
export { DateField as D };
|
|
1139
|
-
//# sourceMappingURL=DateField-
|
|
1139
|
+
//# sourceMappingURL=DateField-DnasO2rB.js.map
|