@blockle/blocks-react 2.6.8 → 2.7.1

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/form/Textarea/Textarea.d.ts +9 -4
  2. package/dist/components/form/Textarea/Textarea.d.ts.map +1 -1
  3. package/dist/components/form/Textarea/Textarea.js +2 -2
  4. package/dist/components/layout/Grid/Grid.css.js +1 -1
  5. package/dist/components/layout/Grid/Grid.d.ts +1 -4
  6. package/dist/components/layout/Grid/Grid.d.ts.map +1 -1
  7. package/dist/components/layout/Grid/Grid.js +5 -8
  8. package/dist/components/layout/Inline/Inline.d.ts +2 -3
  9. package/dist/components/layout/Inline/Inline.d.ts.map +1 -1
  10. package/dist/components/layout/Stack/Stack.d.ts +2 -3
  11. package/dist/components/layout/Stack/Stack.d.ts.map +1 -1
  12. package/dist/components/typography/Text/Text.d.ts +1 -1
  13. package/dist/components/typography/Text/Text.d.ts.map +1 -1
  14. package/package.json +1 -1
package/dist/components/form/Textarea/Textarea.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { HTMLElementProps } from '@blockle/blocks-core';
1
+ import { Atoms, HTMLElementProps } from '@blockle/blocks-core';
2
2
  export type TextareaProps = {
3
3
  value?: string;
4
4
  /**
@@ -6,10 +6,15 @@ export type TextareaProps = {
6
6
  */
7
7
  grow?: boolean;
8
8
  /**
9
- * The maximum height the textarea can grow to when `grow` is true.
9
+ * The maximum block size the container can grow to when `grow` is true.
10
+ * The container stops at this limit and scrolls, while the `<textarea>`
11
+ * itself keeps growing inside it.
10
12
  */
11
- maxHeight?: string | number;
12
- containerProps?: HTMLElementProps<HTMLDivElement>;
13
+ maxBlockSize?: string | number;
14
+ /**
15
+ * Props for the wrapper element. Accepts the same atoms as `Box`.
16
+ */
17
+ containerProps?: Omit<HTMLElementProps<HTMLDivElement>, keyof Atoms> & Atoms;
13
18
  } & HTMLElementProps<HTMLTextAreaElement>;
14
19
  export declare const Textarea: React.FC<TextareaProps>;
15
20
  //# sourceMappingURL=Textarea.d.ts.map
package/dist/components/form/Textarea/Textarea.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Textarea/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAMzE,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;CAEnD,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;AAE1C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2C5C,CAAC"}
1
+ {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Textarea/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,KAAK,EAEV,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAM9B,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B;;OAEG;IACH,cAAc,CAAC,EAAE,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,KAAK,CAAC;CAE9E,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;AAE1C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2C5C,CAAC"}
package/dist/components/form/Textarea/Textarea.js CHANGED
@@ -8,7 +8,7 @@ const Textarea = ({
8
8
  ref,
9
9
  value,
10
10
  grow,
11
- maxHeight,
11
+ maxBlockSize,
12
12
  containerProps,
13
13
  ...restProps
14
14
  }) => {
@@ -29,7 +29,7 @@ const Textarea = ({
29
29
  {
30
30
  className: classnames(containerClassName, containerClassNameFromProps),
31
31
  style: {
32
- maxHeight: grow ? maxHeight : void 0,
32
+ maxHeight: grow ? maxBlockSize : void 0,
33
33
  ...containerStyleFromProps
34
34
  },
35
35
  ...containerRestProps,
package/dist/components/layout/Grid/Grid.css.js CHANGED
@@ -3,7 +3,7 @@ import { createResponsiveStyles, layers } from "@blockle/blocks-core";
3
3
  import { style } from "@vanilla-extract/css";
4
4
  setFileScope("src/components/layout/Grid/Grid.css.ts", "@blockle/blocks-react");
5
5
  const grid = style({
6
- gridTemplateColumns: "repeat(12, 1fr)"
6
+ gridTemplateColumns: "repeat(12, minmax(0, 1fr))"
7
7
  });
8
8
  const responsiveColSpanStyles = createResponsiveStyles(
9
9
  [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
package/dist/components/layout/Grid/Grid.d.ts CHANGED
@@ -1,9 +1,6 @@
1
1
  import { Atoms, HTMLElementProps } from '@blockle/blocks-core';
2
2
  export type GridProps = {
3
3
  children?: React.ReactNode;
4
- columnGap?: Atoms['columnGap'];
5
- gap?: Atoms['gap'];
6
- rowGap?: Atoms['rowGap'];
7
- } & HTMLElementProps<HTMLDivElement>;
4
+ } & Omit<Atoms, 'flexDirection'> & Omit<HTMLElementProps<HTMLDivElement>, keyof Atoms>;
8
5
  export declare const Grid: React.FC<GridProps>;
9
6
  //# sourceMappingURL=Grid.d.ts.map
package/dist/components/layout/Grid/Grid.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAKpE,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/B,GAAG,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;CAC1B,GAAG,gBAAgB,CAAC,cAAc,CAAC,CAAC;AAErC,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmBpC,CAAC"}
1
+ {"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,KAAK,EAEV,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAK9B,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,EAAE,eAAe,CAAC,GAC9B,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,MAAM,KAAK,CAAC,CAAC;AAEtD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAepC,CAAC"}
package/dist/components/layout/Grid/Grid.js CHANGED
@@ -1,21 +1,18 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
+ import { classnames } from "@blockle/blocks-core";
2
3
  import { Box } from "../Box/Box.js";
3
4
  import { grid } from "./Grid.css.js";
4
5
  const Grid = ({
5
6
  children,
6
- columnGap,
7
- gap,
8
- rowGap,
7
+ display = "grid",
8
+ className,
9
9
  ...restProps
10
10
  }) => {
11
11
  return /* @__PURE__ */ jsx(
12
12
  Box,
13
13
  {
14
- display: "grid",
15
- className: grid,
16
- gap,
17
- rowGap,
18
- columnGap,
14
+ display,
15
+ className: classnames(grid, className),
19
16
  ...restProps,
20
17
  children
21
18
  }
package/dist/components/layout/Inline/Inline.d.ts CHANGED
@@ -1,13 +1,12 @@
1
- import { AlignItemsMap, Atoms, JustifyContentMap, MarginAtoms, PaddingAtoms } from '@blockle/blocks-core';
1
+ import { AlignItemsMap, Atoms, JustifyContentMap } from '@blockle/blocks-core';
2
2
  export type InlineProps = {
3
3
  alignX?: keyof JustifyContentMap;
4
4
  alignY?: keyof AlignItemsMap;
5
5
  tag?: 'div' | 'ul' | 'ol' | 'nav';
6
6
  children: React.ReactNode;
7
7
  className?: string;
8
- display?: Atoms['display'];
9
8
  gap: Atoms['gap'];
10
9
  style?: React.CSSProperties;
11
- } & MarginAtoms & PaddingAtoms;
10
+ } & Omit<Atoms, 'flexDirection' | 'gap'>;
12
11
  export declare const Inline: React.FC<InlineProps>;
13
12
  //# sourceMappingURL=Inline.d.ts.map
package/dist/components/layout/Inline/Inline.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,KAAK,EAEV,KAAK,iBAAiB,EAEtB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAI9B,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,MAAM,iBAAiB,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;IAC7B,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3B,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,GAAG,WAAW,GACb,YAAY,CAAC;AAEf,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuBxC,CAAC"}
1
+ {"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,KAAK,EAEV,KAAK,iBAAiB,EAEvB,MAAM,sBAAsB,CAAC;AAI9B,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,MAAM,iBAAiB,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;IAC7B,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,GAAG,IAAI,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,CAAC;AAEzC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuBxC,CAAC"}
package/dist/components/layout/Stack/Stack.d.ts CHANGED
@@ -1,10 +1,9 @@
1
- import { AlignItemsMap, Atoms, MarginAtoms, PaddingAtoms } from '@blockle/blocks-core';
1
+ import { AlignItemsMap, Atoms } from '@blockle/blocks-core';
2
2
  export type StackProps = {
3
3
  alignX?: keyof AlignItemsMap;
4
4
  tag?: 'div' | 'section' | 'ul' | 'ol';
5
5
  children: React.ReactNode;
6
6
  className?: string;
7
- display?: Atoms['display'];
8
7
  gap: Atoms['gap'];
9
8
  style?: React.CSSProperties;
10
9
  role?: React.AriaRole;
@@ -12,6 +11,6 @@ export type StackProps = {
12
11
  * Start prop is only valid when tag="ol"
13
12
  */
14
13
  start?: number;
15
- } & MarginAtoms & PaddingAtoms;
14
+ } & Omit<Atoms, 'flexDirection' | 'gap'>;
16
15
  export declare const Stack: React.FC<StackProps>;
17
16
  //# sourceMappingURL=Stack.d.ts.map
package/dist/components/layout/Stack/Stack.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,KAAK,EAEV,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAI9B,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;IAC7B,GAAG,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3B,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,WAAW,GACb,YAAY,CAAC;AAEf,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAwBtC,CAAC"}
1
+ {"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,KAAK,EAEX,MAAM,sBAAsB,CAAC;AAI9B,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;IAC7B,GAAG,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,CAAC;AAEzC,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAwBtC,CAAC"}
package/dist/components/typography/Text/Text.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { HTMLElementProps, MarginAtoms, PaddingAtoms, TextAtoms } from '@blockle/blocks-core';
2
2
  import { default as React } from 'react';
3
- type Tags = 'del' | 'em' | 'ins' | 'label' | 'p' | 's' | 'small' | 'span' | 'strong' | 'sub' | 'sup';
3
+ type Tags = 'cite' | 'code' | 'del' | 'em' | 'ins' | 'kbd' | 'label' | 'mark' | 'p' | 'q' | 's' | 'small' | 'span' | 'strong' | 'sub' | 'sup';
4
4
  export type TextProps<Tag extends Tags = 'span'> = {
5
5
  asChild?: boolean;
6
6
  children: React.ReactNode;
package/dist/components/typography/Text/Text.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,IAAI,GACL,KAAK,GACL,IAAI,GACJ,KAAK,GACL,OAAO,GACP,GAAG,GACH,GAAG,GACH,OAAO,GACP,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,CAAC;AAEV,MAAM,MAAM,SAAS,CAAC,GAAG,SAAS,IAAI,GAAG,MAAM,IAAI;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5C,GAAG,CAAC,EAAE,GAAG,CAAC;CACX,GAAG,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,GAC7D,SAAS,GACT,WAAW,GACX,YAAY,CAAC;AAEf,eAAO,MAAM,IAAI,GAAI,CAAC,SAAS,IAAI,GAAG,MAAM,EAAE,0DAO3C,SAAS,CAAC,CAAC,CAAC,4CAad,CAAC"}
1
+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,IAAI,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,IAAI,GACJ,KAAK,GACL,KAAK,GACL,OAAO,GACP,MAAM,GACN,GAAG,GACH,GAAG,GACH,GAAG,GACH,OAAO,GACP,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,CAAC;AAEV,MAAM,MAAM,SAAS,CAAC,GAAG,SAAS,IAAI,GAAG,MAAM,IAAI;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5C,GAAG,CAAC,EAAE,GAAG,CAAC;CACX,GAAG,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,GAC7D,SAAS,GACT,WAAW,GACX,YAAY,CAAC;AAEf,eAAO,MAAM,IAAI,GAAI,CAAC,SAAS,IAAI,GAAG,MAAM,EAAE,0DAO3C,SAAS,CAAC,CAAC,CAAC,4CAad,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blockle/blocks-react",
3
- "version": "2.6.8",
3
+ "version": "2.7.1",
4
4
  "description": "React hooks and components for Blockle",
5
5
  "type": "module",
6
6
  "exports": {