@a-type/ui 6.1.44 → 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 (9) hide show
  1. package/dist/components/forms/Field.module.css +3 -0
  2. package/dist/components/textArea/TextArea.module.css +2 -0
  3. package/dist/components/textArea/TextArea.stories.d.ts +1 -0
  4. package/dist/components/textArea/TextArea.stories.js +6 -0
  5. package/dist/components/textArea/TextArea.stories.js.map +1 -1
  6. package/package.json +1 -1
  7. package/src/components/forms/Field.module.css +3 -0
  8. package/src/components/textArea/TextArea.module.css +2 -0
  9. 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/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.44",
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/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
+ };