@blockle/blocks 0.15.2 → 0.15.3

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/index.cjs CHANGED
@@ -49,7 +49,7 @@ const Progress = react.forwardRef(function Progress2({ className, indeterminate,
49
49
  children: /* @__PURE__ */ jsxRuntime.jsx(
50
50
  styles_components_display_Divider_Divider_cjs.Box,
51
51
  {
52
- className: styles_components_display_Divider_Divider_cjs.classnames(barClassName),
52
+ className: barClassName,
53
53
  backgroundColor: "currentColor",
54
54
  inlineSize: "full",
55
55
  blockSize: "full",
package/dist/index.mjs CHANGED
@@ -51,7 +51,7 @@ const Progress = forwardRef(function Progress2({ className, indeterminate, max =
51
51
  children: /* @__PURE__ */ jsx(
52
52
  Box,
53
53
  {
54
- className: classnames(barClassName),
54
+ className: barClassName,
55
55
  backgroundColor: "currentColor",
56
56
  inlineSize: "full",
57
57
  blockSize: "full",
@@ -608,14 +608,14 @@ type DividerProps = {
608
608
  declare const Divider: React.FC<DividerProps>;
609
609
 
610
610
  type ProgressProps = {
611
- /**
612
- * The value of the progress bar, between 0 and max=100.
613
- */
614
611
  'aria-labelledby'?: string;
615
612
  className?: string;
616
613
  indeterminate?: boolean;
617
614
  max?: number;
618
615
  style?: React.CSSProperties;
616
+ /**
617
+ * The value of the progress bar, between 0 and max=100.
618
+ */
619
619
  value?: number;
620
620
  };
621
621
  declare const Progress: react.ForwardRefExoticComponent<ProgressProps & react.RefAttributes<HTMLProgressElement>>;
@@ -9,7 +9,7 @@ const Input = react.forwardRef(function Input2({ className, name, type = "text",
9
9
  const inputClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("input", { input: true });
10
10
  return /* @__PURE__ */ jsxRuntime.jsx(styles_components_display_Divider_Divider_cjs.Box, { children: /* @__PURE__ */ jsxRuntime.jsxs(styles_components_display_Divider_Divider_cjs.Box, { display: "flex", alignItems: "center", className: styles_components_display_Divider_Divider_cjs.classnames(containerClassName, className), children: [
11
11
  startSlot,
12
- /* @__PURE__ */ jsxRuntime.jsx(styles_components_display_Divider_Divider_cjs.Box, { asChild: true, width: "full", overflow: "hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
12
+ /* @__PURE__ */ jsxRuntime.jsx(
13
13
  "input",
14
14
  {
15
15
  id,
@@ -20,7 +20,7 @@ const Input = react.forwardRef(function Input2({ className, name, type = "text",
20
20
  className: styles_components_display_Divider_Divider_cjs.classnames(styles_components_form_Input_input_css_cjs.input, inputClassName),
21
21
  ...restProps
22
22
  }
23
- ) }),
23
+ ),
24
24
  endSlot
25
25
  ] }) });
26
26
  });
@@ -8,7 +8,7 @@ const Input = forwardRef(function Input2({ className, name, type = "text", start
8
8
  const inputClassName = useComponentStyles("input", { input: true });
9
9
  return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", className: classnames(containerClassName, className), children: [
10
10
  startSlot,
11
- /* @__PURE__ */ jsx(Box, { asChild: true, width: "full", overflow: "hidden", children: /* @__PURE__ */ jsx(
11
+ /* @__PURE__ */ jsx(
12
12
  "input",
13
13
  {
14
14
  id,
@@ -19,7 +19,7 @@ const Input = forwardRef(function Input2({ className, name, type = "text", start
19
19
  className: classnames(input, inputClassName),
20
20
  ...restProps
21
21
  }
22
- ) }),
22
+ ),
23
23
  endSlot
24
24
  ] }) });
25
25
  });
@@ -7,6 +7,7 @@ const input = css.style({
7
7
  "@layer": {
8
8
  [styles_lib_css_layers_layers_css_cjs.blocksLayer]: {
9
9
  appearance: "none",
10
+ width: "100%",
10
11
  selectors: {
11
12
  "&:-webkit-autofill": {
12
13
  transitionDelay: "9999s"
@@ -6,6 +6,7 @@ const input = style({
6
6
  "@layer": {
7
7
  [blocksLayer]: {
8
8
  appearance: "none",
9
+ width: "100%",
9
10
  selectors: {
10
11
  "&:-webkit-autofill": {
11
12
  transitionDelay: "9999s"
@@ -31,7 +31,7 @@ const BlocksProvider = ({
31
31
  {
32
32
  ref,
33
33
  className: styles_components_display_Divider_Divider_cjs.classnames(theme.vars, styles_lib_css_atoms_sprinkles_css_cjs.atoms({ fontFamily: "primary" }), className),
34
- "aria-hidden": ariaHidden,
34
+ "aria-hidden": ariaHidden ? true : void 0,
35
35
  ...restProps,
36
36
  children
37
37
  }
@@ -30,7 +30,7 @@ const BlocksProvider = ({
30
30
  {
31
31
  ref,
32
32
  className: classnames(theme.vars, atoms({ fontFamily: "primary" }), className),
33
- "aria-hidden": ariaHidden,
33
+ "aria-hidden": ariaHidden ? true : void 0,
34
34
  ...restProps,
35
35
  children
36
36
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blockle/blocks",
3
- "version": "0.15.2",
3
+ "version": "0.15.3",
4
4
  "description": "Blocks design system",
5
5
  "repository": "git@github.com:Blockle/blocks.git",
6
6
  "license": "MIT",