@a-type/ui 6.1.43 → 6.1.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/components/forms/Field.module.css +3 -0
  2. package/dist/components/forms/FormikForm.d.ts +2 -0
  3. package/dist/components/forms/FormikForm.js +2 -0
  4. package/dist/components/forms/FormikForm.js.map +1 -1
  5. package/dist/components/forms/FormikForm.stories.d.ts +1 -0
  6. package/dist/components/textArea/TextArea.module.css +2 -0
  7. package/dist/components/textArea/TextArea.stories.d.ts +1 -0
  8. package/dist/components/textArea/TextArea.stories.js +6 -0
  9. package/dist/components/textArea/TextArea.stories.js.map +1 -1
  10. package/package.json +1 -1
  11. package/src/components/forms/Field.module.css +3 -0
  12. package/src/components/forms/FormikForm.tsx +3 -0
  13. package/src/components/textArea/TextArea.module.css +2 -0
  14. package/src/components/textArea/TextArea.stories.tsx +7 -0
package/dist/components/forms/Field.module.css CHANGED
@@ -1,6 +1,8 @@
1
1
  @layer components {.root {
2
2
  display: grid;
3
3
  grid-template-areas: 'label' 'control' 'description' 'error';
4
+ grid-template-columns: 1fr;
5
+ grid-template-rows: auto 1fr auto auto;
4
6
  justify-content: start;
5
7
  border: none;
6
8
  padding: 0;
@@ -11,6 +13,7 @@
11
13
  align-items: center;
12
14
  grid-template-areas: 'control label' 'description description' 'error error';
13
15
  grid-template-columns: auto 1fr;
16
+ grid-template-rows: auto auto auto;
14
17
  &[data-reverse] {
15
18
  grid-template-areas: 'label control' 'description description' 'error error';
16
19
  grid-template-columns: auto 1fr;
package/dist/components/forms/FormikForm.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { FormikConfig, FormikValues } from 'formik';
2
2
  import { CheckboxField } from './CheckboxField.js';
3
3
  import { EmojiField } from './EmojiField.js';
4
+ import { FormError } from './FormError.js';
4
5
  import { NumberStepperField } from './NumberStepperField.js';
5
6
  import { SubmitButton } from './SubmitButton.js';
6
7
  import { SwitchField } from './SwitchField.js';
@@ -22,4 +23,5 @@ export declare const FormikForm: typeof FormikFormRoot & {
22
23
  Item: import("react").FunctionComponent<import("@base-ui/react").Toggle.Props<string> & import("react").RefAttributes<HTMLButtonElement>>;
23
24
  };
24
25
  EmojiField: typeof EmojiField;
26
+ Error: typeof FormError;
25
27
  };
package/dist/components/forms/FormikForm.js CHANGED
@@ -15,6 +15,7 @@ import { useCallback } from 'react';
15
15
  import { CheckboxField } from './CheckboxField.js';
16
16
  import { EmojiField } from './EmojiField.js';
17
17
  import { Form } from './Form.js';
18
+ import { FormError } from './FormError.js';
18
19
  import { NumberStepperField } from './NumberStepperField.js';
19
20
  import { SubmitButton } from './SubmitButton.js';
20
21
  import { SwitchField } from './SwitchField.js';
@@ -46,5 +47,6 @@ export const FormikForm = Object.assign(FormikFormRoot, {
46
47
  SwitchField,
47
48
  ToggleGroupField,
48
49
  EmojiField,
50
+ Error: FormError,
49
51
  });
50
52
  //# sourceMappingURL=FormikForm.js.map
package/dist/components/forms/FormikForm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormikForm.js","sourceRoot":"","sources":["../../../src/components/forms/FormikForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAA6C,MAAM,QAAQ,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAQzD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,UAAU,cAAc,CAA8B,EAMlC;QANkC,EAC3D,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,OAEiB,EADtB,KAAK,cALmD,8CAM3D,CADQ;IAER,MAAM,eAAe,GAAG,WAAW,CAClC,KAAK,EAAE,MAAc,EAAE,GAA0B,EAAE,EAAE;QACpD,IAAI,CAAC;YACJ,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACxB,OAAO,MAAM,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAM,EAAE,GAAG,CAAC,CAAA,CAAC;QACtC,CAAC;gBAAS,CAAC;YACV,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACpC,OAAO,CACN,KAAC,MAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cAClD,CAAC,MAAM,EAAE,EAAE,CAAC,CACZ,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,YACtC,QAAQ,CAAC,MAAM,CAAC,GACX,CACP,IACO,CACT,CAAC;IACH,CAAC;IAED,OAAO,CACN,KAAC,MAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cACnD,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,YACtC,QAAQ,GACH,IACC,CACT,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACvD,SAAS;IACT,aAAa;IACb,kBAAkB;IAClB,YAAY;IACZ,aAAa;IACb,WAAW;IACX,gBAAgB;IAChB,UAAU;CACV,CAAC,CAAC"}
1
+ {"version":3,"file":"FormikForm.js","sourceRoot":"","sources":["../../../src/components/forms/FormikForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAA6C,MAAM,QAAQ,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAQzD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,UAAU,cAAc,CAA8B,EAMlC;QANkC,EAC3D,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,OAEiB,EADtB,KAAK,cALmD,8CAM3D,CADQ;IAER,MAAM,eAAe,GAAG,WAAW,CAClC,KAAK,EAAE,MAAc,EAAE,GAA0B,EAAE,EAAE;QACpD,IAAI,CAAC;YACJ,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACxB,OAAO,MAAM,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAM,EAAE,GAAG,CAAC,CAAA,CAAC;QACtC,CAAC;gBAAS,CAAC;YACV,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACpC,OAAO,CACN,KAAC,MAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cAClD,CAAC,MAAM,EAAE,EAAE,CAAC,CACZ,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,YACtC,QAAQ,CAAC,MAAM,CAAC,GACX,CACP,IACO,CACT,CAAC;IACH,CAAC;IAED,OAAO,CACN,KAAC,MAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cACnD,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,YACtC,QAAQ,GACH,IACC,CACT,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACvD,SAAS;IACT,aAAa;IACb,kBAAkB;IAClB,YAAY;IACZ,aAAa;IACb,WAAW;IACX,gBAAgB;IAChB,UAAU;IAEV,KAAK,EAAE,SAAS;CAChB,CAAC,CAAC"}
package/dist/components/forms/FormikForm.stories.d.ts CHANGED
@@ -18,6 +18,7 @@ declare const meta: {
18
18
  Item: import("react").FunctionComponent<import("@base-ui/react").Toggle.Props<string> & import("react").RefAttributes<HTMLButtonElement>>;
19
19
  };
20
20
  EmojiField: typeof EmojiField;
21
+ Error: typeof import("./FormError.js").FormError;
21
22
  };
22
23
  argTypes: {};
23
24
  parameters: {
package/dist/components/textArea/TextArea.module.css CHANGED
@@ -4,8 +4,10 @@
4
4
  @apply --mx-fg(inherit);
5
5
 
6
6
  resize: vertical;
7
+ min-height: 100%;
7
8
  &[data-auto-size='true'] {
8
9
  resize: none;
10
+ height: auto;
9
11
  }
10
12
  }
11
13
 
package/dist/components/textArea/TextArea.stories.d.ts CHANGED
@@ -21,3 +21,4 @@ export declare const Default: Story;
21
21
  export declare const Tall: Story;
22
22
  export declare const Controlled: Story;
23
23
  export declare const ControlledFromOnChange: Story;
24
+ export declare const Sized: Story;
package/dist/components/textArea/TextArea.stories.js CHANGED
@@ -35,4 +35,10 @@ export const ControlledFromOnChange = {
35
35
  }, autoSize: true }));
36
36
  },
37
37
  };
38
+ export const Sized = {
39
+ args: {
40
+ style: { height: 400 },
41
+ placeholder: 'This text area has a fixed height of 400px',
42
+ },
43
+ };
38
44
  //# sourceMappingURL=TextArea.stories.js.map
package/dist/components/textArea/TextArea.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../src/components/textArea/TextArea.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC+B,CAAC;AAElC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,IAAI;KACd;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IAC1B,IAAI,EAAE;QACL,KAAK,EACJ,mFAAmF;QACpF,QAAQ,EAAE,IAAI;KACd;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAChC,MAAM;QACL,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;QACpD,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,SAAG,CAAC;IACrE,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAU;IAC5C,MAAM;QACL,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;QACpD,OAAO,CACN,KAAC,QAAQ,IACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE;gBAChB,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC,EACD,QAAQ,SACP,CACF,CAAC;IACH,CAAC;CACD,CAAC"}
1
+ {"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../src/components/textArea/TextArea.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC+B,CAAC;AAElC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,IAAI;KACd;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IAC1B,IAAI,EAAE;QACL,KAAK,EACJ,mFAAmF;QACpF,QAAQ,EAAE,IAAI;KACd;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAChC,MAAM;QACL,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;QACpD,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,SAAG,CAAC;IACrE,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAU;IAC5C,MAAM;QACL,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;QACpD,OAAO,CACN,KAAC,QAAQ,IACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE;gBAChB,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC,EACD,QAAQ,SACP,CACF,CAAC;IACH,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC3B,IAAI,EAAE;QACL,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;QACtB,WAAW,EAAE,4CAA4C;KACzD;CACD,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a-type/ui",
3
- "version": "6.1.43",
3
+ "version": "6.1.45",
4
4
  "type": "module",
5
5
  "repository": {
6
6
  "url": "https://github.com/a-type/ui"
package/src/components/forms/Field.module.css CHANGED
@@ -1,6 +1,8 @@
1
1
  .root {
2
2
  display: grid;
3
3
  grid-template-areas: 'label' 'control' 'description' 'error';
4
+ grid-template-columns: 1fr;
5
+ grid-template-rows: auto 1fr auto auto;
4
6
  justify-content: start;
5
7
  border: none;
6
8
  padding: 0;
@@ -11,6 +13,7 @@
11
13
  align-items: center;
12
14
  grid-template-areas: 'control label' 'description description' 'error error';
13
15
  grid-template-columns: auto 1fr;
16
+ grid-template-rows: auto auto auto;
14
17
  &[data-reverse] {
15
18
  grid-template-areas: 'label control' 'description description' 'error error';
16
19
  grid-template-columns: auto 1fr;
package/src/components/forms/FormikForm.tsx CHANGED
@@ -3,6 +3,7 @@ import { useCallback } from 'react';
3
3
  import { CheckboxField } from './CheckboxField.js';
4
4
  import { EmojiField } from './EmojiField.js';
5
5
  import { Form } from './Form.js';
6
+ import { FormError } from './FormError.js';
6
7
  import { NumberStepperField } from './NumberStepperField.js';
7
8
  import { SubmitButton } from './SubmitButton.js';
8
9
  import { SwitchField } from './SwitchField.js';
@@ -66,4 +67,6 @@ export const FormikForm = Object.assign(FormikFormRoot, {
66
67
  SwitchField,
67
68
  ToggleGroupField,
68
69
  EmojiField,
70
+
71
+ Error: FormError,
69
72
  });
package/src/components/textArea/TextArea.module.css CHANGED
@@ -4,8 +4,10 @@
4
4
  @apply --mx-fg(inherit);
5
5
 
6
6
  resize: vertical;
7
+ min-height: 100%;
7
8
  &[data-auto-size='true'] {
8
9
  resize: none;
10
+ height: auto;
9
11
  }
10
12
  }
11
13
 
package/src/components/textArea/TextArea.stories.tsx CHANGED
@@ -50,3 +50,10 @@ export const ControlledFromOnChange: Story = {
50
50
  );
51
51
  },
52
52
  };
53
+
54
+ export const Sized: Story = {
55
+ args: {
56
+ style: { height: 400 },
57
+ placeholder: 'This text area has a fixed height of 400px',
58
+ },
59
+ };