@mindlogic-ai/logician-ui 4.0.0-alpha.13 → 4.0.0-alpha.15
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 +18 -12
- package/dist/components/Button/Button.styles.js.map +1 -1
- package/dist/components/Button/Button.styles.mjs +18 -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/components/Tag/Tag.styles.js +5 -5
- package/dist/components/Tag/Tag.styles.js.map +1 -1
- package/dist/components/Tag/Tag.styles.mjs +5 -5
- package/dist/components/Tag/Tag.styles.mjs.map +1 -1
- 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 +18 -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/components/Tag/Tag.styles.ts +5 -5
- 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,CA6VlC,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,15 @@ 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. `lighter` sits well below `outline`'s `.main` border, so
|
|
45
|
+
// soft stays the quieter of the two bordered variants; it also equals the
|
|
46
|
+
// hover/active fill, so the border melts into the fill on interaction.
|
|
47
|
+
borderColor: 'primary.lighter',
|
|
44
48
|
bgColor: 'primary.extralight', // #E8EEFB
|
|
45
49
|
color: 'primary.dark', // #0D317D
|
|
46
50
|
_hover: {
|
|
47
|
-
borderColor: '
|
|
51
|
+
borderColor: 'primary.lighter',
|
|
48
52
|
bgColor: 'primary.lighter', // #B9CBF3
|
|
49
53
|
},
|
|
50
54
|
_active: {
|
|
@@ -95,11 +99,11 @@ const buttonColorPaletteStyles = {
|
|
|
95
99
|
},
|
|
96
100
|
},
|
|
97
101
|
soft: {
|
|
98
|
-
borderColor: '
|
|
102
|
+
borderColor: 'secondary.lighter',
|
|
99
103
|
bgColor: 'secondary.extralight', // #F4E8FB
|
|
100
104
|
color: 'secondary.dark', // #570D7D
|
|
101
105
|
_hover: {
|
|
102
|
-
borderColor: '
|
|
106
|
+
borderColor: 'secondary.lighter',
|
|
103
107
|
bgColor: 'secondary.lighter', // #DEB9F3
|
|
104
108
|
},
|
|
105
109
|
_active: {
|
|
@@ -150,11 +154,11 @@ const buttonColorPaletteStyles = {
|
|
|
150
154
|
},
|
|
151
155
|
},
|
|
152
156
|
soft: {
|
|
153
|
-
borderColor: '
|
|
157
|
+
borderColor: 'danger.lighter',
|
|
154
158
|
bgColor: 'danger.extralight', // #FBE8E9
|
|
155
159
|
color: 'danger.dark', // #7D0D14
|
|
156
160
|
_hover: {
|
|
157
|
-
borderColor: '
|
|
161
|
+
borderColor: 'danger.lighter',
|
|
158
162
|
bgColor: 'danger.lighter', // #F3B9BD
|
|
159
163
|
},
|
|
160
164
|
_active: {
|
|
@@ -205,11 +209,11 @@ const buttonColorPaletteStyles = {
|
|
|
205
209
|
},
|
|
206
210
|
},
|
|
207
211
|
soft: {
|
|
208
|
-
borderColor: '
|
|
212
|
+
borderColor: 'success.lighter',
|
|
209
213
|
bgColor: 'success.extralight', // #E9FBE8
|
|
210
214
|
color: 'success.dark', // #147D0D
|
|
211
215
|
_hover: {
|
|
212
|
-
borderColor: '
|
|
216
|
+
borderColor: 'success.lighter',
|
|
213
217
|
bgColor: 'success.lighter', // #BDF3B9
|
|
214
218
|
},
|
|
215
219
|
_active: {
|
|
@@ -263,11 +267,11 @@ const buttonColorPaletteStyles = {
|
|
|
263
267
|
},
|
|
264
268
|
},
|
|
265
269
|
soft: {
|
|
266
|
-
borderColor: '
|
|
270
|
+
borderColor: 'warning.lighter',
|
|
267
271
|
bgColor: 'warning.extralight', // #FBF6E8
|
|
268
272
|
color: 'warning.dark', // #7D610D
|
|
269
273
|
_hover: {
|
|
270
|
-
borderColor: '
|
|
274
|
+
borderColor: 'warning.lighter',
|
|
271
275
|
bgColor: 'warning.lighter', // #F3E4B9
|
|
272
276
|
},
|
|
273
277
|
_active: {
|
|
@@ -318,14 +322,16 @@ const buttonColorPaletteStyles = {
|
|
|
318
322
|
},
|
|
319
323
|
},
|
|
320
324
|
soft: {
|
|
321
|
-
|
|
325
|
+
// `border.default` (not a gray tint) so the neutral hairline stays visible
|
|
326
|
+
// in dark mode, where `border.subtle` collapses into the fill.
|
|
327
|
+
borderColor: 'border.default', // gray.300 / gray.1100 (_dark)
|
|
322
328
|
// Neutral fills flip with the mode (light values preserved: bg.subtle →
|
|
323
329
|
// gray.50, bg.muted → gray.100). Without this the surface stayed light in
|
|
324
330
|
// dark mode while the fg.default text flipped to light = invisible.
|
|
325
331
|
bgColor: 'bg.subtle', // gray.50 / gray.1300 (_dark)
|
|
326
332
|
color: 'fg.default',
|
|
327
333
|
_hover: {
|
|
328
|
-
borderColor: '
|
|
334
|
+
borderColor: 'border.default',
|
|
329
335
|
bgColor: 'bg.muted', // gray.100 / gray.1200 (_dark)
|
|
330
336
|
},
|
|
331
337
|
_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,15 @@ 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. `lighter` sits well below `outline`'s `.main` border, so
|
|
43
|
+
// soft stays the quieter of the two bordered variants; it also equals the
|
|
44
|
+
// hover/active fill, so the border melts into the fill on interaction.
|
|
45
|
+
borderColor: 'primary.lighter',
|
|
42
46
|
bgColor: 'primary.extralight', // #E8EEFB
|
|
43
47
|
color: 'primary.dark', // #0D317D
|
|
44
48
|
_hover: {
|
|
45
|
-
borderColor: '
|
|
49
|
+
borderColor: 'primary.lighter',
|
|
46
50
|
bgColor: 'primary.lighter', // #B9CBF3
|
|
47
51
|
},
|
|
48
52
|
_active: {
|
|
@@ -93,11 +97,11 @@ const buttonColorPaletteStyles = {
|
|
|
93
97
|
},
|
|
94
98
|
},
|
|
95
99
|
soft: {
|
|
96
|
-
borderColor: '
|
|
100
|
+
borderColor: 'secondary.lighter',
|
|
97
101
|
bgColor: 'secondary.extralight', // #F4E8FB
|
|
98
102
|
color: 'secondary.dark', // #570D7D
|
|
99
103
|
_hover: {
|
|
100
|
-
borderColor: '
|
|
104
|
+
borderColor: 'secondary.lighter',
|
|
101
105
|
bgColor: 'secondary.lighter', // #DEB9F3
|
|
102
106
|
},
|
|
103
107
|
_active: {
|
|
@@ -148,11 +152,11 @@ const buttonColorPaletteStyles = {
|
|
|
148
152
|
},
|
|
149
153
|
},
|
|
150
154
|
soft: {
|
|
151
|
-
borderColor: '
|
|
155
|
+
borderColor: 'danger.lighter',
|
|
152
156
|
bgColor: 'danger.extralight', // #FBE8E9
|
|
153
157
|
color: 'danger.dark', // #7D0D14
|
|
154
158
|
_hover: {
|
|
155
|
-
borderColor: '
|
|
159
|
+
borderColor: 'danger.lighter',
|
|
156
160
|
bgColor: 'danger.lighter', // #F3B9BD
|
|
157
161
|
},
|
|
158
162
|
_active: {
|
|
@@ -203,11 +207,11 @@ const buttonColorPaletteStyles = {
|
|
|
203
207
|
},
|
|
204
208
|
},
|
|
205
209
|
soft: {
|
|
206
|
-
borderColor: '
|
|
210
|
+
borderColor: 'success.lighter',
|
|
207
211
|
bgColor: 'success.extralight', // #E9FBE8
|
|
208
212
|
color: 'success.dark', // #147D0D
|
|
209
213
|
_hover: {
|
|
210
|
-
borderColor: '
|
|
214
|
+
borderColor: 'success.lighter',
|
|
211
215
|
bgColor: 'success.lighter', // #BDF3B9
|
|
212
216
|
},
|
|
213
217
|
_active: {
|
|
@@ -261,11 +265,11 @@ const buttonColorPaletteStyles = {
|
|
|
261
265
|
},
|
|
262
266
|
},
|
|
263
267
|
soft: {
|
|
264
|
-
borderColor: '
|
|
268
|
+
borderColor: 'warning.lighter',
|
|
265
269
|
bgColor: 'warning.extralight', // #FBF6E8
|
|
266
270
|
color: 'warning.dark', // #7D610D
|
|
267
271
|
_hover: {
|
|
268
|
-
borderColor: '
|
|
272
|
+
borderColor: 'warning.lighter',
|
|
269
273
|
bgColor: 'warning.lighter', // #F3E4B9
|
|
270
274
|
},
|
|
271
275
|
_active: {
|
|
@@ -316,14 +320,16 @@ const buttonColorPaletteStyles = {
|
|
|
316
320
|
},
|
|
317
321
|
},
|
|
318
322
|
soft: {
|
|
319
|
-
|
|
323
|
+
// `border.default` (not a gray tint) so the neutral hairline stays visible
|
|
324
|
+
// in dark mode, where `border.subtle` collapses into the fill.
|
|
325
|
+
borderColor: 'border.default', // gray.300 / gray.1100 (_dark)
|
|
320
326
|
// Neutral fills flip with the mode (light values preserved: bg.subtle →
|
|
321
327
|
// gray.50, bg.muted → gray.100). Without this the surface stayed light in
|
|
322
328
|
// dark mode while the fg.default text flipped to light = invisible.
|
|
323
329
|
bgColor: 'bg.subtle', // gray.50 / gray.1300 (_dark)
|
|
324
330
|
color: 'fg.default',
|
|
325
331
|
_hover: {
|
|
326
|
-
borderColor: '
|
|
332
|
+
borderColor: 'border.default',
|
|
327
333
|
bgColor: 'bg.muted', // gray.100 / gray.1200 (_dark)
|
|
328
334
|
},
|
|
329
335
|
_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"}
|