@a-type/ui 6.0.22 → 6.0.23

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 (50) hide show
  1. package/dist/components/forms/CheckboxField.d.ts +3 -1
  2. package/dist/components/forms/CheckboxField.js +5 -6
  3. package/dist/components/forms/CheckboxField.js.map +1 -1
  4. package/dist/components/forms/EmojiField.d.ts +3 -1
  5. package/dist/components/forms/EmojiField.js +10 -11
  6. package/dist/components/forms/EmojiField.js.map +1 -1
  7. package/dist/components/forms/Field.d.ts +16 -0
  8. package/dist/components/forms/Field.js +37 -0
  9. package/dist/components/forms/Field.js.map +1 -0
  10. package/dist/components/forms/Field.module.css +51 -0
  11. package/dist/components/forms/Form.module.css +1 -1
  12. package/dist/components/forms/FormikForm.d.ts +2 -2
  13. package/dist/components/forms/FormikForm.stories.d.ts +2 -2
  14. package/dist/components/forms/FormikForm.stories.js +1 -1
  15. package/dist/components/forms/FormikForm.stories.js.map +1 -1
  16. package/dist/components/forms/NumberStepperField.d.ts +3 -1
  17. package/dist/components/forms/NumberStepperField.js +6 -9
  18. package/dist/components/forms/NumberStepperField.js.map +1 -1
  19. package/dist/components/forms/SwitchField.d.ts +3 -1
  20. package/dist/components/forms/SwitchField.js +5 -6
  21. package/dist/components/forms/SwitchField.js.map +1 -1
  22. package/dist/components/forms/TextField.d.ts +7 -5
  23. package/dist/components/forms/TextField.js +5 -7
  24. package/dist/components/forms/TextField.js.map +1 -1
  25. package/dist/components/forms/ToggleGroupField.d.ts +3 -1
  26. package/dist/components/forms/ToggleGroupField.js +10 -11
  27. package/dist/components/forms/ToggleGroupField.js.map +1 -1
  28. package/dist/components/forms/index.d.ts +1 -1
  29. package/dist/components/forms/index.js +1 -1
  30. package/dist/components/forms/index.js.map +1 -1
  31. package/dist/components/switch/Switch.module.css +1 -1
  32. package/package.json +1 -1
  33. package/src/components/forms/CheckboxField.tsx +23 -15
  34. package/src/components/forms/EmojiField.tsx +50 -33
  35. package/src/components/forms/Field.module.css +51 -0
  36. package/src/components/forms/Field.tsx +43 -0
  37. package/src/components/forms/Form.module.css +1 -1
  38. package/src/components/forms/FormikForm.stories.tsx +25 -5
  39. package/src/components/forms/NumberStepperField.tsx +24 -17
  40. package/src/components/forms/SwitchField.tsx +23 -15
  41. package/src/components/forms/TextField.tsx +49 -25
  42. package/src/components/forms/ToggleGroupField.tsx +29 -19
  43. package/src/components/forms/index.tsx +1 -1
  44. package/src/components/switch/Switch.module.css +1 -1
  45. package/dist/components/forms/FieldLabel.d.ts +0 -2
  46. package/dist/components/forms/FieldLabel.js +0 -5
  47. package/dist/components/forms/FieldLabel.js.map +0 -1
  48. package/dist/components/forms/FieldLabel.module.css +0 -20
  49. package/src/components/forms/FieldLabel.module.css +0 -20
  50. package/src/components/forms/FieldLabel.tsx +0 -9
package/dist/components/forms/FieldLabel.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export declare const FieldLabel: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>>;
2
- export declare const HorizontalFieldLabel: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>>;
package/dist/components/forms/FieldLabel.js DELETED
@@ -1,5 +0,0 @@
1
- import { withClassName } from '../../hooks.js';
2
- import cls from './FieldLabel.module.css';
3
- export const FieldLabel = withClassName('label', cls.fieldLabel);
4
- export const HorizontalFieldLabel = withClassName('label', cls.horizontalFieldLabel);
5
- //# sourceMappingURL=FieldLabel.js.map
package/dist/components/forms/FieldLabel.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"FieldLabel.js","sourceRoot":"","sources":["../../../src/components/forms/FieldLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,GAAG,MAAM,yBAAyB,CAAC;AAE1C,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC;AAEjE,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAChD,OAAO,EACP,GAAG,CAAC,oBAAoB,CACxB,CAAC"}
package/dist/components/forms/FieldLabel.module.css DELETED
@@ -1,20 +0,0 @@
1
- .fieldLabel {
2
- display: inline-flex;
3
- flex-direction: column;
4
- @apply --mx-fg(var(--m-color-neutral-ink));
5
- margin-inline-start: var(--m-space-md);
6
- gap: var(--m-space-xs);
7
- font-size: var(--m-prose-ambient-size);
8
- line-height: var(--m-prose-ambient-lineHeight);
9
- font-weight: bold;
10
- }
11
-
12
- .horizontalFieldLabel {
13
- display: inline-flex;
14
- flex-direction: row;
15
- @apply --mx-fg(var(--m-color-neutral-ink));
16
- gap: var(--m-space-sm);
17
- font-size: var(--m-prose-ambient-size);
18
- line-height: var(--m-prose-ambient-lineHeight);
19
- margin-block-start: var(--m-space-sm);
20
- }
package/src/components/forms/FieldLabel.module.css DELETED
@@ -1,20 +0,0 @@
1
- .fieldLabel {
2
- display: inline-flex;
3
- flex-direction: column;
4
- @apply --mx-fg(var(--m-color-neutral-ink));
5
- margin-inline-start: var(--m-space-md);
6
- gap: var(--m-space-xs);
7
- font-size: var(--m-prose-ambient-size);
8
- line-height: var(--m-prose-ambient-lineHeight);
9
- font-weight: bold;
10
- }
11
-
12
- .horizontalFieldLabel {
13
- display: inline-flex;
14
- flex-direction: row;
15
- @apply --mx-fg(var(--m-color-neutral-ink));
16
- gap: var(--m-space-sm);
17
- font-size: var(--m-prose-ambient-size);
18
- line-height: var(--m-prose-ambient-lineHeight);
19
- margin-block-start: var(--m-space-sm);
20
- }
package/src/components/forms/FieldLabel.tsx DELETED
@@ -1,9 +0,0 @@
1
- import { withClassName } from '../../hooks.js';
2
- import cls from './FieldLabel.module.css';
3
-
4
- export const FieldLabel = withClassName('label', cls.fieldLabel);
5
-
6
- export const HorizontalFieldLabel = withClassName(
7
- 'label',
8
- cls.horizontalFieldLabel,
9
- );