@mindlogic-ai/logician-ui 4.0.0-alpha.13 → 4.0.0-alpha.14
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/components/Button/Button.styles.d.ts.map +1 -1
- package/dist/components/Button/Button.styles.js +17 -12
- package/dist/components/Button/Button.styles.js.map +1 -1
- package/dist/components/Button/Button.styles.mjs +17 -12
- package/dist/components/Button/Button.styles.mjs.map +1 -1
- package/dist/components/Card/Card.styles.d.ts +4 -0
- package/dist/components/Card/Card.styles.d.ts.map +1 -1
- package/dist/components/Card/Card.styles.js +8 -0
- package/dist/components/Card/Card.styles.js.map +1 -1
- package/dist/components/Card/Card.styles.mjs +8 -0
- package/dist/components/Card/Card.styles.mjs.map +1 -1
- package/dist/components/Card/Card.types.d.ts +1 -1
- package/dist/components/Card/Card.types.d.ts.map +1 -1
- package/dist/components/Form/FieldError/FieldError.d.ts +15 -0
- package/dist/components/Form/FieldError/FieldError.d.ts.map +1 -0
- package/dist/components/Form/FieldError/FieldError.js +22 -0
- package/dist/components/Form/FieldError/FieldError.js.map +1 -0
- package/dist/components/Form/FieldError/FieldError.mjs +20 -0
- package/dist/components/Form/FieldError/FieldError.mjs.map +1 -0
- package/dist/components/Form/FieldError/index.d.ts +3 -0
- package/dist/components/Form/FieldError/index.d.ts.map +1 -0
- package/dist/components/Form/FieldHelp/FieldHelp.d.ts +14 -0
- package/dist/components/Form/FieldHelp/FieldHelp.d.ts.map +1 -0
- package/dist/components/Form/FieldHelp/FieldHelp.js +19 -0
- package/dist/components/Form/FieldHelp/FieldHelp.js.map +1 -0
- package/dist/components/Form/FieldHelp/FieldHelp.mjs +17 -0
- package/dist/components/Form/FieldHelp/FieldHelp.mjs.map +1 -0
- package/dist/components/Form/FieldHelp/index.d.ts +3 -0
- package/dist/components/Form/FieldHelp/index.d.ts.map +1 -0
- package/dist/components/Form/FieldLabel/FieldLabel.d.ts +12 -0
- package/dist/components/Form/FieldLabel/FieldLabel.d.ts.map +1 -0
- package/dist/components/Form/FieldLabel/FieldLabel.js +32 -0
- package/dist/components/Form/FieldLabel/FieldLabel.js.map +1 -0
- package/dist/components/Form/FieldLabel/FieldLabel.mjs +30 -0
- package/dist/components/Form/FieldLabel/FieldLabel.mjs.map +1 -0
- package/dist/components/Form/FieldLabel/FieldLabel.types.d.ts +21 -0
- package/dist/components/Form/FieldLabel/FieldLabel.types.d.ts.map +1 -0
- package/dist/components/Form/FieldLabel/index.d.ts +3 -0
- package/dist/components/Form/FieldLabel/index.d.ts.map +1 -0
- package/dist/components/Form/FieldRow/FieldRow.d.ts +15 -0
- package/dist/components/Form/FieldRow/FieldRow.d.ts.map +1 -0
- package/dist/components/Form/FieldRow/FieldRow.js +27 -0
- package/dist/components/Form/FieldRow/FieldRow.js.map +1 -0
- package/dist/components/Form/FieldRow/FieldRow.mjs +25 -0
- package/dist/components/Form/FieldRow/FieldRow.mjs.map +1 -0
- package/dist/components/Form/FieldRow/FieldRow.types.d.ts +27 -0
- package/dist/components/Form/FieldRow/FieldRow.types.d.ts.map +1 -0
- package/dist/components/Form/FieldRow/index.d.ts +3 -0
- package/dist/components/Form/FieldRow/index.d.ts.map +1 -0
- package/dist/components/Form/FormFooter/FormFooter.d.ts +11 -0
- package/dist/components/Form/FormFooter/FormFooter.d.ts.map +1 -0
- package/dist/components/Form/FormFooter/FormFooter.js +20 -0
- package/dist/components/Form/FormFooter/FormFooter.js.map +1 -0
- package/dist/components/Form/FormFooter/FormFooter.mjs +18 -0
- package/dist/components/Form/FormFooter/FormFooter.mjs.map +1 -0
- package/dist/components/Form/FormFooter/FormFooter.types.d.ts +23 -0
- package/dist/components/Form/FormFooter/FormFooter.types.d.ts.map +1 -0
- package/dist/components/Form/FormFooter/index.d.ts +3 -0
- package/dist/components/Form/FormFooter/index.d.ts.map +1 -0
- package/dist/components/Form/FormModalFooter/FormModalFooter.d.ts +19 -0
- package/dist/components/Form/FormModalFooter/FormModalFooter.d.ts.map +1 -0
- package/dist/components/Form/FormModalFooter/FormModalFooter.js +42 -0
- package/dist/components/Form/FormModalFooter/FormModalFooter.js.map +1 -0
- package/dist/components/Form/FormModalFooter/FormModalFooter.mjs +40 -0
- package/dist/components/Form/FormModalFooter/FormModalFooter.mjs.map +1 -0
- package/dist/components/Form/FormModalFooter/FormModalFooter.types.d.ts +49 -0
- package/dist/components/Form/FormModalFooter/FormModalFooter.types.d.ts.map +1 -0
- package/dist/components/Form/FormModalFooter/index.d.ts +3 -0
- package/dist/components/Form/FormModalFooter/index.d.ts.map +1 -0
- package/dist/components/Form/FormScrollArea/FormScrollArea.d.ts +14 -0
- package/dist/components/Form/FormScrollArea/FormScrollArea.d.ts.map +1 -0
- package/dist/components/Form/FormScrollArea/FormScrollArea.js +18 -0
- package/dist/components/Form/FormScrollArea/FormScrollArea.js.map +1 -0
- package/dist/components/Form/FormScrollArea/FormScrollArea.mjs +16 -0
- package/dist/components/Form/FormScrollArea/FormScrollArea.mjs.map +1 -0
- package/dist/components/Form/FormScrollArea/index.d.ts +2 -0
- package/dist/components/Form/FormScrollArea/index.d.ts.map +1 -0
- package/dist/components/Form/FormSection/CollapsibleFormSection.d.ts +10 -0
- package/dist/components/Form/FormSection/CollapsibleFormSection.d.ts.map +1 -0
- package/dist/components/Form/FormSection/CollapsibleFormSection.js +43 -0
- package/dist/components/Form/FormSection/CollapsibleFormSection.js.map +1 -0
- package/dist/components/Form/FormSection/CollapsibleFormSection.mjs +41 -0
- package/dist/components/Form/FormSection/CollapsibleFormSection.mjs.map +1 -0
- package/dist/components/Form/FormSection/FlatFormSection.d.ts +6 -0
- package/dist/components/Form/FormSection/FlatFormSection.d.ts.map +1 -0
- package/dist/components/Form/FormSection/FlatFormSection.js +12 -0
- package/dist/components/Form/FormSection/FlatFormSection.js.map +1 -0
- package/dist/components/Form/FormSection/FlatFormSection.mjs +10 -0
- package/dist/components/Form/FormSection/FlatFormSection.mjs.map +1 -0
- package/dist/components/Form/FormSection/FormSection.d.ts +13 -0
- package/dist/components/Form/FormSection/FormSection.d.ts.map +1 -0
- package/dist/components/Form/FormSection/FormSection.js +21 -0
- package/dist/components/Form/FormSection/FormSection.js.map +1 -0
- package/dist/components/Form/FormSection/FormSection.mjs +19 -0
- package/dist/components/Form/FormSection/FormSection.mjs.map +1 -0
- package/dist/components/Form/FormSection/FormSection.types.d.ts +34 -0
- package/dist/components/Form/FormSection/FormSection.types.d.ts.map +1 -0
- package/dist/components/Form/FormSection/index.d.ts +3 -0
- package/dist/components/Form/FormSection/index.d.ts.map +1 -0
- package/dist/components/Form/FormSectionHeader/FormSectionHeader.d.ts +13 -0
- package/dist/components/Form/FormSectionHeader/FormSectionHeader.d.ts.map +1 -0
- package/dist/components/Form/FormSectionHeader/FormSectionHeader.js +30 -0
- package/dist/components/Form/FormSectionHeader/FormSectionHeader.js.map +1 -0
- package/dist/components/Form/FormSectionHeader/FormSectionHeader.mjs +28 -0
- package/dist/components/Form/FormSectionHeader/FormSectionHeader.mjs.map +1 -0
- package/dist/components/Form/FormSectionHeader/FormSectionHeader.types.d.ts +17 -0
- package/dist/components/Form/FormSectionHeader/FormSectionHeader.types.d.ts.map +1 -0
- package/dist/components/Form/FormSectionHeader/index.d.ts +3 -0
- package/dist/components/Form/FormSectionHeader/index.d.ts.map +1 -0
- package/dist/components/Form/index.d.ts +18 -0
- package/dist/components/Form/index.d.ts.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +18 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +9 -0
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/Button/Button.styles.ts +17 -12
- package/src/components/Card/Card.stories.tsx +7 -0
- package/src/components/Card/Card.styles.ts +8 -0
- package/src/components/Card/Card.types.ts +1 -1
- package/src/components/Form/FieldError/FieldError.test.tsx +33 -0
- package/src/components/Form/FieldError/FieldError.tsx +20 -0
- package/src/components/Form/FieldError/index.ts +2 -0
- package/src/components/Form/FieldHelp/FieldHelp.tsx +18 -0
- package/src/components/Form/FieldHelp/index.ts +2 -0
- package/src/components/Form/FieldLabel/FieldLabel.tsx +46 -0
- package/src/components/Form/FieldLabel/FieldLabel.types.ts +21 -0
- package/src/components/Form/FieldLabel/index.ts +2 -0
- package/src/components/Form/FieldRow/FieldRow.stories.tsx +85 -0
- package/src/components/Form/FieldRow/FieldRow.test.tsx +89 -0
- package/src/components/Form/FieldRow/FieldRow.tsx +46 -0
- package/src/components/Form/FieldRow/FieldRow.types.ts +32 -0
- package/src/components/Form/FieldRow/index.ts +2 -0
- package/src/components/Form/FormFooter/FormFooter.stories.tsx +70 -0
- package/src/components/Form/FormFooter/FormFooter.test.tsx +67 -0
- package/src/components/Form/FormFooter/FormFooter.tsx +46 -0
- package/src/components/Form/FormFooter/FormFooter.types.ts +23 -0
- package/src/components/Form/FormFooter/index.ts +2 -0
- package/src/components/Form/FormModalFooter/FormModalFooter.stories.tsx +64 -0
- package/src/components/Form/FormModalFooter/FormModalFooter.test.tsx +155 -0
- package/src/components/Form/FormModalFooter/FormModalFooter.tsx +83 -0
- package/src/components/Form/FormModalFooter/FormModalFooter.types.ts +53 -0
- package/src/components/Form/FormModalFooter/index.ts +2 -0
- package/src/components/Form/FormScrollArea/FormScrollArea.tsx +27 -0
- package/src/components/Form/FormScrollArea/index.ts +1 -0
- package/src/components/Form/FormSection/CollapsibleFormSection.tsx +35 -0
- package/src/components/Form/FormSection/FlatFormSection.tsx +41 -0
- package/src/components/Form/FormSection/FormSection.stories.tsx +115 -0
- package/src/components/Form/FormSection/FormSection.test.tsx +89 -0
- package/src/components/Form/FormSection/FormSection.tsx +33 -0
- package/src/components/Form/FormSection/FormSection.types.ts +34 -0
- package/src/components/Form/FormSection/index.ts +2 -0
- package/src/components/Form/FormSectionHeader/FormSectionHeader.stories.tsx +53 -0
- package/src/components/Form/FormSectionHeader/FormSectionHeader.test.tsx +74 -0
- package/src/components/Form/FormSectionHeader/FormSectionHeader.tsx +48 -0
- package/src/components/Form/FormSectionHeader/FormSectionHeader.types.ts +17 -0
- package/src/components/Form/FormSectionHeader/index.ts +2 -0
- package/src/components/Form/index.ts +17 -0
- package/src/index.ts +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEnE,KAAK,UAAU,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAC3C,kBAAkB,EAClB,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEnE,KAAK,UAAU,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAC3C,kBAAkB,EAClB,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CA4VlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAC1B,eAAc,kBAA8B,EAC5C,UAAS,aAAuB,KAC/B,UAEF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,kBAAkB,EAOnD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,sBAAsB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,uBAAuB,+EAA2B,CAAC;AAEhE;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,aAAa,EAKzC,CAAC"}
|
|
@@ -40,11 +40,14 @@ const buttonColorPaletteStyles = {
|
|
|
40
40
|
},
|
|
41
41
|
},
|
|
42
42
|
soft: {
|
|
43
|
-
|
|
43
|
+
// Same-hue hairline so soft reads as a defined control on white, not a
|
|
44
|
+
// floating fill. `light` sits well below `outline`'s `.main` border, so
|
|
45
|
+
// soft stays the quieter of the two bordered variants.
|
|
46
|
+
borderColor: 'primary.light',
|
|
44
47
|
bgColor: 'primary.extralight', // #E8EEFB
|
|
45
48
|
color: 'primary.dark', // #0D317D
|
|
46
49
|
_hover: {
|
|
47
|
-
borderColor: '
|
|
50
|
+
borderColor: 'primary.light',
|
|
48
51
|
bgColor: 'primary.lighter', // #B9CBF3
|
|
49
52
|
},
|
|
50
53
|
_active: {
|
|
@@ -95,11 +98,11 @@ const buttonColorPaletteStyles = {
|
|
|
95
98
|
},
|
|
96
99
|
},
|
|
97
100
|
soft: {
|
|
98
|
-
borderColor: '
|
|
101
|
+
borderColor: 'secondary.light',
|
|
99
102
|
bgColor: 'secondary.extralight', // #F4E8FB
|
|
100
103
|
color: 'secondary.dark', // #570D7D
|
|
101
104
|
_hover: {
|
|
102
|
-
borderColor: '
|
|
105
|
+
borderColor: 'secondary.light',
|
|
103
106
|
bgColor: 'secondary.lighter', // #DEB9F3
|
|
104
107
|
},
|
|
105
108
|
_active: {
|
|
@@ -150,11 +153,11 @@ const buttonColorPaletteStyles = {
|
|
|
150
153
|
},
|
|
151
154
|
},
|
|
152
155
|
soft: {
|
|
153
|
-
borderColor: '
|
|
156
|
+
borderColor: 'danger.light',
|
|
154
157
|
bgColor: 'danger.extralight', // #FBE8E9
|
|
155
158
|
color: 'danger.dark', // #7D0D14
|
|
156
159
|
_hover: {
|
|
157
|
-
borderColor: '
|
|
160
|
+
borderColor: 'danger.light',
|
|
158
161
|
bgColor: 'danger.lighter', // #F3B9BD
|
|
159
162
|
},
|
|
160
163
|
_active: {
|
|
@@ -205,11 +208,11 @@ const buttonColorPaletteStyles = {
|
|
|
205
208
|
},
|
|
206
209
|
},
|
|
207
210
|
soft: {
|
|
208
|
-
borderColor: '
|
|
211
|
+
borderColor: 'success.light',
|
|
209
212
|
bgColor: 'success.extralight', // #E9FBE8
|
|
210
213
|
color: 'success.dark', // #147D0D
|
|
211
214
|
_hover: {
|
|
212
|
-
borderColor: '
|
|
215
|
+
borderColor: 'success.light',
|
|
213
216
|
bgColor: 'success.lighter', // #BDF3B9
|
|
214
217
|
},
|
|
215
218
|
_active: {
|
|
@@ -263,11 +266,11 @@ const buttonColorPaletteStyles = {
|
|
|
263
266
|
},
|
|
264
267
|
},
|
|
265
268
|
soft: {
|
|
266
|
-
borderColor: '
|
|
269
|
+
borderColor: 'warning.light',
|
|
267
270
|
bgColor: 'warning.extralight', // #FBF6E8
|
|
268
271
|
color: 'warning.dark', // #7D610D
|
|
269
272
|
_hover: {
|
|
270
|
-
borderColor: '
|
|
273
|
+
borderColor: 'warning.light',
|
|
271
274
|
bgColor: 'warning.lighter', // #F3E4B9
|
|
272
275
|
},
|
|
273
276
|
_active: {
|
|
@@ -318,14 +321,16 @@ const buttonColorPaletteStyles = {
|
|
|
318
321
|
},
|
|
319
322
|
},
|
|
320
323
|
soft: {
|
|
321
|
-
|
|
324
|
+
// `border.default` (not a gray tint) so the neutral hairline stays visible
|
|
325
|
+
// in dark mode, where `border.subtle` collapses into the fill.
|
|
326
|
+
borderColor: 'border.default', // gray.300 / gray.1100 (_dark)
|
|
322
327
|
// Neutral fills flip with the mode (light values preserved: bg.subtle →
|
|
323
328
|
// gray.50, bg.muted → gray.100). Without this the surface stayed light in
|
|
324
329
|
// dark mode while the fg.default text flipped to light = invisible.
|
|
325
330
|
bgColor: 'bg.subtle', // gray.50 / gray.1300 (_dark)
|
|
326
331
|
color: 'fg.default',
|
|
327
332
|
_hover: {
|
|
328
|
-
borderColor: '
|
|
333
|
+
borderColor: 'border.default',
|
|
329
334
|
bgColor: 'bg.muted', // gray.100 / gray.1200 (_dark)
|
|
330
335
|
},
|
|
331
336
|
_active: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAMA;;;;;;;;;;;;;;;;;;;AAmBG;AACI,MAAM,wBAAwB,GAGjC;AACF;;AAEG;AACH,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE;AACL,YAAA,WAAW,EAAE,UAAU;AACvB,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,UAAU;AACvB,gBAAA,OAAO,EAAE,UAAU;AACpB,aAAA;AACD,YAAA,OAAO,EAAE;AACP,gBAAA,OAAO,EAAE,UAAU;AACnB,gBAAA,SAAS,EAAE,aAAa;AACzB,aAAA;AACF,SAAA;AACD,QAAA,IAAI,EAAE
|
|
1
|
+
{"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -38,11 +38,14 @@ const buttonColorPaletteStyles = {
|
|
|
38
38
|
},
|
|
39
39
|
},
|
|
40
40
|
soft: {
|
|
41
|
-
|
|
41
|
+
// Same-hue hairline so soft reads as a defined control on white, not a
|
|
42
|
+
// floating fill. `light` sits well below `outline`'s `.main` border, so
|
|
43
|
+
// soft stays the quieter of the two bordered variants.
|
|
44
|
+
borderColor: 'primary.light',
|
|
42
45
|
bgColor: 'primary.extralight', // #E8EEFB
|
|
43
46
|
color: 'primary.dark', // #0D317D
|
|
44
47
|
_hover: {
|
|
45
|
-
borderColor: '
|
|
48
|
+
borderColor: 'primary.light',
|
|
46
49
|
bgColor: 'primary.lighter', // #B9CBF3
|
|
47
50
|
},
|
|
48
51
|
_active: {
|
|
@@ -93,11 +96,11 @@ const buttonColorPaletteStyles = {
|
|
|
93
96
|
},
|
|
94
97
|
},
|
|
95
98
|
soft: {
|
|
96
|
-
borderColor: '
|
|
99
|
+
borderColor: 'secondary.light',
|
|
97
100
|
bgColor: 'secondary.extralight', // #F4E8FB
|
|
98
101
|
color: 'secondary.dark', // #570D7D
|
|
99
102
|
_hover: {
|
|
100
|
-
borderColor: '
|
|
103
|
+
borderColor: 'secondary.light',
|
|
101
104
|
bgColor: 'secondary.lighter', // #DEB9F3
|
|
102
105
|
},
|
|
103
106
|
_active: {
|
|
@@ -148,11 +151,11 @@ const buttonColorPaletteStyles = {
|
|
|
148
151
|
},
|
|
149
152
|
},
|
|
150
153
|
soft: {
|
|
151
|
-
borderColor: '
|
|
154
|
+
borderColor: 'danger.light',
|
|
152
155
|
bgColor: 'danger.extralight', // #FBE8E9
|
|
153
156
|
color: 'danger.dark', // #7D0D14
|
|
154
157
|
_hover: {
|
|
155
|
-
borderColor: '
|
|
158
|
+
borderColor: 'danger.light',
|
|
156
159
|
bgColor: 'danger.lighter', // #F3B9BD
|
|
157
160
|
},
|
|
158
161
|
_active: {
|
|
@@ -203,11 +206,11 @@ const buttonColorPaletteStyles = {
|
|
|
203
206
|
},
|
|
204
207
|
},
|
|
205
208
|
soft: {
|
|
206
|
-
borderColor: '
|
|
209
|
+
borderColor: 'success.light',
|
|
207
210
|
bgColor: 'success.extralight', // #E9FBE8
|
|
208
211
|
color: 'success.dark', // #147D0D
|
|
209
212
|
_hover: {
|
|
210
|
-
borderColor: '
|
|
213
|
+
borderColor: 'success.light',
|
|
211
214
|
bgColor: 'success.lighter', // #BDF3B9
|
|
212
215
|
},
|
|
213
216
|
_active: {
|
|
@@ -261,11 +264,11 @@ const buttonColorPaletteStyles = {
|
|
|
261
264
|
},
|
|
262
265
|
},
|
|
263
266
|
soft: {
|
|
264
|
-
borderColor: '
|
|
267
|
+
borderColor: 'warning.light',
|
|
265
268
|
bgColor: 'warning.extralight', // #FBF6E8
|
|
266
269
|
color: 'warning.dark', // #7D610D
|
|
267
270
|
_hover: {
|
|
268
|
-
borderColor: '
|
|
271
|
+
borderColor: 'warning.light',
|
|
269
272
|
bgColor: 'warning.lighter', // #F3E4B9
|
|
270
273
|
},
|
|
271
274
|
_active: {
|
|
@@ -316,14 +319,16 @@ const buttonColorPaletteStyles = {
|
|
|
316
319
|
},
|
|
317
320
|
},
|
|
318
321
|
soft: {
|
|
319
|
-
|
|
322
|
+
// `border.default` (not a gray tint) so the neutral hairline stays visible
|
|
323
|
+
// in dark mode, where `border.subtle` collapses into the fill.
|
|
324
|
+
borderColor: 'border.default', // gray.300 / gray.1100 (_dark)
|
|
320
325
|
// Neutral fills flip with the mode (light values preserved: bg.subtle →
|
|
321
326
|
// gray.50, bg.muted → gray.100). Without this the surface stayed light in
|
|
322
327
|
// dark mode while the fg.default text flipped to light = invisible.
|
|
323
328
|
bgColor: 'bg.subtle', // gray.50 / gray.1300 (_dark)
|
|
324
329
|
color: 'fg.default',
|
|
325
330
|
_hover: {
|
|
326
|
-
borderColor: '
|
|
331
|
+
borderColor: 'border.default',
|
|
327
332
|
bgColor: 'bg.muted', // gray.100 / gray.1200 (_dark)
|
|
328
333
|
},
|
|
329
334
|
_active: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styles.mjs","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAMA;;;;;;;;;;;;;;;;;;;AAmBG;AACI,MAAM,wBAAwB,GAGjC;AACF;;AAEG;AACH,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE;AACL,YAAA,WAAW,EAAE,UAAU;AACvB,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,MAAM,EAAE;AACN,gBAAA,WAAW,EAAE,UAAU;AACvB,gBAAA,OAAO,EAAE,UAAU;AACpB,aAAA;AACD,YAAA,OAAO,EAAE;AACP,gBAAA,OAAO,EAAE,UAAU;AACnB,gBAAA,SAAS,EAAE,aAAa;AACzB,aAAA;AACF,SAAA;AACD,QAAA,IAAI,EAAE
|
|
1
|
+
{"version":3,"file":"Button.styles.mjs","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,eAAe;;;;;CAK3B,CAAC;AAEF,eAAO,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,eAAe;;;;;CAK3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;CAezB,CAAC"}
|
|
@@ -17,6 +17,14 @@ const variantStyles = {
|
|
|
17
17
|
border: '1px solid',
|
|
18
18
|
borderColor: 'primary.light',
|
|
19
19
|
},
|
|
20
|
+
// Soft resting elevation — a gentle shadow does the separating, so the border
|
|
21
|
+
// can soften to `border.subtle` (which alone would be too faint, especially in
|
|
22
|
+
// dark mode). Use for standalone content cards that should read as raised
|
|
23
|
+
// objects rather than flat framed boxes.
|
|
24
|
+
elevated: {
|
|
25
|
+
boxShadow: 'sm',
|
|
26
|
+
borderColor: 'border.subtle',
|
|
27
|
+
},
|
|
20
28
|
};
|
|
21
29
|
|
|
22
30
|
exports.clickableStyles = clickableStyles;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.styles.js","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;AAEG;AAEI,MAAM,eAAe,GAAG;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,IAAI;AAChB,KAAA;;AAGI,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,kGAAkG;AACtG,QAAA,MAAM,EAAE,WAAW;AACnB,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;;;;;"}
|
|
1
|
+
{"version":3,"file":"Card.styles.js","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;AAEG;AAEI,MAAM,eAAe,GAAG;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,IAAI;AAChB,KAAA;;AAGI,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,kGAAkG;AACtG,QAAA,MAAM,EAAE,WAAW;AACnB,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;;;;AAKD,IAAA,QAAQ,EAAE;AACR,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;;;;;"}
|
|
@@ -15,6 +15,14 @@ const variantStyles = {
|
|
|
15
15
|
border: '1px solid',
|
|
16
16
|
borderColor: 'primary.light',
|
|
17
17
|
},
|
|
18
|
+
// Soft resting elevation — a gentle shadow does the separating, so the border
|
|
19
|
+
// can soften to `border.subtle` (which alone would be too faint, especially in
|
|
20
|
+
// dark mode). Use for standalone content cards that should read as raised
|
|
21
|
+
// objects rather than flat framed boxes.
|
|
22
|
+
elevated: {
|
|
23
|
+
boxShadow: 'sm',
|
|
24
|
+
borderColor: 'border.subtle',
|
|
25
|
+
},
|
|
18
26
|
};
|
|
19
27
|
|
|
20
28
|
export { clickableStyles, variantStyles };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.styles.mjs","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;;AAEG;AAEI,MAAM,eAAe,GAAG;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,IAAI;AAChB,KAAA;;AAGI,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,kGAAkG;AACtG,QAAA,MAAM,EAAE,WAAW;AACnB,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;;;;"}
|
|
1
|
+
{"version":3,"file":"Card.styles.mjs","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;;AAEG;AAEI,MAAM,eAAe,GAAG;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,IAAI;AAChB,KAAA;;AAGI,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,kGAAkG;AACtG,QAAA,MAAM,EAAE,WAAW;AACnB,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;;;;AAKD,IAAA,QAAQ,EAAE;AACR,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CardRootProps as ChakraCardRootProps } from '@chakra-ui/react';
|
|
2
|
-
export type CardVariant = 'default' | 'gradient';
|
|
2
|
+
export type CardVariant = 'default' | 'gradient' | 'elevated';
|
|
3
3
|
export type CardProps = ChakraCardRootProps & {
|
|
4
4
|
clickable?: boolean;
|
|
5
5
|
variant?: CardVariant;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAExE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAExE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAE9D,MAAM,MAAM,SAAS,GAAG,mBAAmB,GAAG;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface FieldErrorProps {
|
|
3
|
+
/** Error message. Renders nothing when empty, so it is safe to mount always. */
|
|
4
|
+
children?: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Field-level error message. Renders through Chakra's `Field.ErrorText`, so it
|
|
8
|
+
* shows only when the enclosing `FormControl`/`Field.Root` is `invalid`, and is
|
|
9
|
+
* wired to the control via `aria-describedby` + `aria-invalid` automatically.
|
|
10
|
+
* Use it inside a `FieldRow` (which flips the field to invalid when an `error`
|
|
11
|
+
* is set) — it replaces the hand-rolled `<Subtext color="danger.main">` error
|
|
12
|
+
* rows scattered across the app.
|
|
13
|
+
*/
|
|
14
|
+
export declare const FieldError: ({ children }: FieldErrorProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
//# sourceMappingURL=FieldError.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldError.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FieldError/FieldError.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,WAAW,eAAe;IAC9B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,GAAI,cAAc,eAAe,4CAGvD,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var react = require('@chakra-ui/react');
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Field-level error message. Renders through Chakra's `Field.ErrorText`, so it
|
|
9
|
+
* shows only when the enclosing `FormControl`/`Field.Root` is `invalid`, and is
|
|
10
|
+
* wired to the control via `aria-describedby` + `aria-invalid` automatically.
|
|
11
|
+
* Use it inside a `FieldRow` (which flips the field to invalid when an `error`
|
|
12
|
+
* is set) — it replaces the hand-rolled `<Subtext color="danger.main">` error
|
|
13
|
+
* rows scattered across the app.
|
|
14
|
+
*/
|
|
15
|
+
const FieldError = ({ children }) => {
|
|
16
|
+
if (children == null || children === false || children === '')
|
|
17
|
+
return null;
|
|
18
|
+
return jsxRuntime.jsx(react.Field.ErrorText, { color: "danger.main", children: children });
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
exports.FieldError = FieldError;
|
|
22
|
+
//# sourceMappingURL=FieldError.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldError.js","sources":["../../../../src/components/Form/FieldError/FieldError.tsx"],"sourcesContent":[null],"names":["_jsx","Field"],"mappings":";;;;;;AAQA;;;;;;;AAOG;MACU,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAmB,KAAI;IAC1D,IAAI,QAAQ,IAAI,IAAI,IAAI,QAAQ,KAAK,KAAK,IAAI,QAAQ,KAAK,EAAE;AAAE,QAAA,OAAO,IAAI;IAC1E,OAAOA,cAAA,CAACC,WAAK,CAAC,SAAS,EAAA,EAAC,KAAK,EAAC,aAAa,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAmB;AAC1E;;;;"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { Field } from '@chakra-ui/react';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Field-level error message. Renders through Chakra's `Field.ErrorText`, so it
|
|
7
|
+
* shows only when the enclosing `FormControl`/`Field.Root` is `invalid`, and is
|
|
8
|
+
* wired to the control via `aria-describedby` + `aria-invalid` automatically.
|
|
9
|
+
* Use it inside a `FieldRow` (which flips the field to invalid when an `error`
|
|
10
|
+
* is set) — it replaces the hand-rolled `<Subtext color="danger.main">` error
|
|
11
|
+
* rows scattered across the app.
|
|
12
|
+
*/
|
|
13
|
+
const FieldError = ({ children }) => {
|
|
14
|
+
if (children == null || children === false || children === '')
|
|
15
|
+
return null;
|
|
16
|
+
return jsx(Field.ErrorText, { color: "danger.main", children: children });
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
export { FieldError };
|
|
20
|
+
//# sourceMappingURL=FieldError.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldError.mjs","sources":["../../../../src/components/Form/FieldError/FieldError.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAQA;;;;;;;AAOG;MACU,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAmB,KAAI;IAC1D,IAAI,QAAQ,IAAI,IAAI,IAAI,QAAQ,KAAK,KAAK,IAAI,QAAQ,KAAK,EAAE;AAAE,QAAA,OAAO,IAAI;IAC1E,OAAOA,GAAA,CAAC,KAAK,CAAC,SAAS,EAAA,EAAC,KAAK,EAAC,aAAa,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAmB;AAC1E;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FieldError/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface FieldHelpProps {
|
|
3
|
+
/** Helper text rendered under the control. */
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Inline helper text under a form control. Renders through Chakra's
|
|
8
|
+
* `Field.HelperText`, so it is associated with the control via
|
|
9
|
+
* `aria-describedby` when used inside a `FieldRow`/`FormControl`. For a hover
|
|
10
|
+
* info-popover instead of always-visible text, pass a logician `InfoSprinkle`
|
|
11
|
+
* into the `FieldRow` `endAdornment` slot.
|
|
12
|
+
*/
|
|
13
|
+
export declare const FieldHelp: ({ children }: FieldHelpProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
//# sourceMappingURL=FieldHelp.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldHelp.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FieldHelp/FieldHelp.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,WAAW,cAAc;IAC7B,8CAA8C;IAC9C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,GAAI,cAAc,cAAc,4CAErD,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var react = require('@chakra-ui/react');
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Inline helper text under a form control. Renders through Chakra's
|
|
9
|
+
* `Field.HelperText`, so it is associated with the control via
|
|
10
|
+
* `aria-describedby` when used inside a `FieldRow`/`FormControl`. For a hover
|
|
11
|
+
* info-popover instead of always-visible text, pass a logician `InfoSprinkle`
|
|
12
|
+
* into the `FieldRow` `endAdornment` slot.
|
|
13
|
+
*/
|
|
14
|
+
const FieldHelp = ({ children }) => {
|
|
15
|
+
return jsxRuntime.jsx(react.Field.HelperText, { children: children });
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
exports.FieldHelp = FieldHelp;
|
|
19
|
+
//# sourceMappingURL=FieldHelp.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldHelp.js","sources":["../../../../src/components/Form/FieldHelp/FieldHelp.tsx"],"sourcesContent":[null],"names":["_jsx","Field"],"mappings":";;;;;;AAQA;;;;;;AAMG;MACU,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAkB,KAAI;AACxD,IAAA,OAAOA,eAACC,WAAK,CAAC,UAAU,EAAA,EAAA,QAAA,EAAE,QAAQ,GAAoB;AACxD;;;;"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { Field } from '@chakra-ui/react';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Inline helper text under a form control. Renders through Chakra's
|
|
7
|
+
* `Field.HelperText`, so it is associated with the control via
|
|
8
|
+
* `aria-describedby` when used inside a `FieldRow`/`FormControl`. For a hover
|
|
9
|
+
* info-popover instead of always-visible text, pass a logician `InfoSprinkle`
|
|
10
|
+
* into the `FieldRow` `endAdornment` slot.
|
|
11
|
+
*/
|
|
12
|
+
const FieldHelp = ({ children }) => {
|
|
13
|
+
return jsx(Field.HelperText, { children: children });
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
export { FieldHelp };
|
|
17
|
+
//# sourceMappingURL=FieldHelp.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldHelp.mjs","sources":["../../../../src/components/Form/FieldHelp/FieldHelp.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAQA;;;;;;AAMG;MACU,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAkB,KAAI;AACxD,IAAA,OAAOA,IAAC,KAAK,CAAC,UAAU,EAAA,EAAA,QAAA,EAAE,QAAQ,GAAoB;AACxD;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FieldHelp/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { FieldLabelProps } from './FieldLabel.types';
|
|
2
|
+
/**
|
|
3
|
+
* Label row for a form field: a semibold heading, an optional description, and
|
|
4
|
+
* an `endAdornment` slot on the right (count badge, action button, info-sprinkle
|
|
5
|
+
* trigger). The required asterisk is supplied automatically by the enclosing
|
|
6
|
+
* `Field` context when the field is `required` (see `FieldRow`).
|
|
7
|
+
*
|
|
8
|
+
* Presentational — pair it with `FieldRow` (or any logician `FormControl`) so
|
|
9
|
+
* the heading is programmatically associated with its control.
|
|
10
|
+
*/
|
|
11
|
+
export declare const FieldLabel: ({ heading, description, endAdornment, mb, htmlFor, }: FieldLabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
//# sourceMappingURL=FieldLabel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FieldLabel/FieldLabel.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,GAAI,sDAMxB,eAAe,4CAuBjB,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var react = require('@chakra-ui/react');
|
|
6
|
+
var FormLabel = require('../../FormLabel/FormLabel.js');
|
|
7
|
+
require('../../Typography/H1.js');
|
|
8
|
+
require('../../Typography/H2.js');
|
|
9
|
+
require('../../Typography/H3.js');
|
|
10
|
+
require('../../Typography/H4.js');
|
|
11
|
+
require('../../Typography/H5.js');
|
|
12
|
+
require('../../Typography/Link.js');
|
|
13
|
+
require('../../Typography/Overline.js');
|
|
14
|
+
var Subtext = require('../../Typography/Subtext.js');
|
|
15
|
+
require('../../Typography/Subtitle.js');
|
|
16
|
+
require('../../Typography/Text.js');
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* Label row for a form field: a semibold heading, an optional description, and
|
|
20
|
+
* an `endAdornment` slot on the right (count badge, action button, info-sprinkle
|
|
21
|
+
* trigger). The required asterisk is supplied automatically by the enclosing
|
|
22
|
+
* `Field` context when the field is `required` (see `FieldRow`).
|
|
23
|
+
*
|
|
24
|
+
* Presentational — pair it with `FieldRow` (or any logician `FormControl`) so
|
|
25
|
+
* the heading is programmatically associated with its control.
|
|
26
|
+
*/
|
|
27
|
+
const FieldLabel = ({ heading, description, endAdornment, mb = 0, htmlFor, }) => {
|
|
28
|
+
return (jsxRuntime.jsxs(react.Flex, { align: "center", justify: "space-between", gap: 2, mb: mb, w: "100%", children: [jsxRuntime.jsxs(react.Box, { children: [heading != null && (jsxRuntime.jsx(FormLabel.FormLabel, { mb: 0, fontWeight: "semibold", color: "fg.default", htmlFor: htmlFor, children: heading })), description && (jsxRuntime.jsx(Subtext.Subtext, { fontWeight: "normal", color: "fg.muted", children: description }))] }), endAdornment] }));
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
exports.FieldLabel = FieldLabel;
|
|
32
|
+
//# sourceMappingURL=FieldLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldLabel.js","sources":["../../../../src/components/Form/FieldLabel/FieldLabel.tsx"],"sourcesContent":[null],"names":["_jsxs","Flex","Box","_jsx","FormLabel","Subtext"],"mappings":";;;;;;;;;;;;;;;;;AAOA;;;;;;;;AAQG;AACI,MAAM,UAAU,GAAG,CAAC,EACzB,OAAO,EACP,WAAW,EACX,YAAY,EACZ,EAAE,GAAG,CAAC,EACN,OAAO,GACS,KAAI;AACpB,IAAA,QACEA,eAAA,CAACC,UAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,eAAe,EAAC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,MAAM,EAAA,QAAA,EAAA,CACnED,eAAA,CAACE,SAAG,EAAA,EAAA,QAAA,EAAA,CACD,OAAO,IAAI,IAAI,KACdC,cAAA,CAACC,mBAAS,EAAA,EACR,EAAE,EAAE,CAAC,EACL,UAAU,EAAC,UAAU,EACrB,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,OAAO,YAEf,OAAO,EAAA,CACE,CACb,EACA,WAAW,KACVD,cAAA,CAACE,eAAO,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,UAAU,EAAA,QAAA,EAC1C,WAAW,GACJ,CACX,CAAA,EAAA,CACG,EACL,YAAY,CAAA,EAAA,CACR;AAEX;;;;"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { Flex, Box } from '@chakra-ui/react';
|
|
4
|
+
import { FormLabel } from '../../FormLabel/FormLabel.mjs';
|
|
5
|
+
import '../../Typography/H1.mjs';
|
|
6
|
+
import '../../Typography/H2.mjs';
|
|
7
|
+
import '../../Typography/H3.mjs';
|
|
8
|
+
import '../../Typography/H4.mjs';
|
|
9
|
+
import '../../Typography/H5.mjs';
|
|
10
|
+
import '../../Typography/Link.mjs';
|
|
11
|
+
import '../../Typography/Overline.mjs';
|
|
12
|
+
import { Subtext } from '../../Typography/Subtext.mjs';
|
|
13
|
+
import '../../Typography/Subtitle.mjs';
|
|
14
|
+
import '../../Typography/Text.mjs';
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* Label row for a form field: a semibold heading, an optional description, and
|
|
18
|
+
* an `endAdornment` slot on the right (count badge, action button, info-sprinkle
|
|
19
|
+
* trigger). The required asterisk is supplied automatically by the enclosing
|
|
20
|
+
* `Field` context when the field is `required` (see `FieldRow`).
|
|
21
|
+
*
|
|
22
|
+
* Presentational — pair it with `FieldRow` (or any logician `FormControl`) so
|
|
23
|
+
* the heading is programmatically associated with its control.
|
|
24
|
+
*/
|
|
25
|
+
const FieldLabel = ({ heading, description, endAdornment, mb = 0, htmlFor, }) => {
|
|
26
|
+
return (jsxs(Flex, { align: "center", justify: "space-between", gap: 2, mb: mb, w: "100%", children: [jsxs(Box, { children: [heading != null && (jsx(FormLabel, { mb: 0, fontWeight: "semibold", color: "fg.default", htmlFor: htmlFor, children: heading })), description && (jsx(Subtext, { fontWeight: "normal", color: "fg.muted", children: description }))] }), endAdornment] }));
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
export { FieldLabel };
|
|
30
|
+
//# sourceMappingURL=FieldLabel.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldLabel.mjs","sources":["../../../../src/components/Form/FieldLabel/FieldLabel.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;AAOA;;;;;;;;AAQG;AACI,MAAM,UAAU,GAAG,CAAC,EACzB,OAAO,EACP,WAAW,EACX,YAAY,EACZ,EAAE,GAAG,CAAC,EACN,OAAO,GACS,KAAI;AACpB,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,eAAe,EAAC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAC,MAAM,EAAA,QAAA,EAAA,CACnEA,IAAA,CAAC,GAAG,EAAA,EAAA,QAAA,EAAA,CACD,OAAO,IAAI,IAAI,KACdC,GAAA,CAAC,SAAS,EAAA,EACR,EAAE,EAAE,CAAC,EACL,UAAU,EAAC,UAAU,EACrB,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,OAAO,YAEf,OAAO,EAAA,CACE,CACb,EACA,WAAW,KACVA,GAAA,CAAC,OAAO,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,UAAU,EAAA,QAAA,EAC1C,WAAW,GACJ,CACX,CAAA,EAAA,CACG,EACL,YAAY,CAAA,EAAA,CACR;AAEX;;;;"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface FieldLabelProps {
|
|
3
|
+
/** Label heading. */
|
|
4
|
+
heading: ReactNode;
|
|
5
|
+
/** Secondary description rendered under the heading. */
|
|
6
|
+
description?: ReactNode;
|
|
7
|
+
/**
|
|
8
|
+
* Inline element rendered to the right of the heading row (e.g. button, count
|
|
9
|
+
* badge, info-sprinkle popover trigger).
|
|
10
|
+
*/
|
|
11
|
+
endAdornment?: ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* Associates the label with a control by id. Normally supplied by the
|
|
14
|
+
* enclosing `Field` context (via `FieldRow`/`FormControl`); pass it explicitly
|
|
15
|
+
* only when using `FieldLabel` outside that context.
|
|
16
|
+
*/
|
|
17
|
+
htmlFor?: string;
|
|
18
|
+
/** Bottom margin in spacing units. */
|
|
19
|
+
mb?: number;
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=FieldLabel.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldLabel.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FieldLabel/FieldLabel.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,eAAe;IAC9B,qBAAqB;IACrB,OAAO,EAAE,SAAS,CAAC;IACnB,wDAAwD;IACxD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FieldLabel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}
|