@custmaz/layout-icons 0.1.0 → 0.1.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 (7) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/index.js +10 -9
  3. package/dist/index.mjs +10 -9
  4. package/package.json +1 -1
  5. package/src/createIcon.tsx +1 -0
  6. package/src/icons/Grid.tsx +6 -6
  7. package/src/icons/Grid3x3.tsx +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # Changelog
2
2
 
3
+ ## 0.1.1
4
+
5
+ ### Fixed
6
+ - Fix extra inline spacing affecting SVG icon alignment
7
+ - Align Grid and Grid3x3 icons with the rest of the icon set
8
+
9
+ ### Internal
10
+ - Apply consistent SVG display behavior across all icons
11
+
3
12
  ## 0.1.0
4
13
 
5
14
  Initial release.
package/dist/index.js CHANGED
@@ -53,6 +53,7 @@ function createIcon(name, render) {
53
53
  width: size,
54
54
  height: size,
55
55
  viewBox: "0 0 24 24",
56
+ style: { display: "block", verticalAlign: "middle" },
56
57
  fill: variant === "filled" ? "currentColor" : "none",
57
58
  stroke: variant === "outline" ? "currentColor" : "none",
58
59
  strokeWidth: variant === "outline" ? strokeWidth : void 0,
@@ -108,17 +109,17 @@ var import_jsx_runtime2 = require("react/jsx-runtime");
108
109
  var Grid = createIcon("Grid", ({ radius }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: grid({
109
110
  rows: 2,
110
111
  cols: 2,
111
- startX: 2,
112
- startY: 2,
113
- cellSize: 7,
114
- gap: 1.5,
112
+ startX: 3,
113
+ startY: 3,
114
+ cellSize: 8,
115
+ gap: 2,
115
116
  render: (x, y, row, col) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
116
117
  "rect",
117
118
  {
118
119
  x,
119
120
  y,
120
- width: 7,
121
- height: 7,
121
+ width: 8,
122
+ height: 8,
122
123
  rx: radius
123
124
  },
124
125
  `${row}-${col}`
@@ -130,10 +131,10 @@ var import_jsx_runtime3 = require("react/jsx-runtime");
130
131
  var Grid3x3 = createIcon("Grid3x3", ({ radius }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: grid({
131
132
  rows: 3,
132
133
  cols: 3,
133
- startX: 2,
134
- startY: 2,
134
+ startX: 2.5,
135
+ startY: 2.5,
135
136
  cellSize: 5,
136
- gap: 1.5,
137
+ gap: 2,
137
138
  render: (x, y, row, col) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
138
139
  "rect",
139
140
  {
package/dist/index.mjs CHANGED
@@ -17,6 +17,7 @@ function createIcon(name, render) {
17
17
  width: size,
18
18
  height: size,
19
19
  viewBox: "0 0 24 24",
20
+ style: { display: "block", verticalAlign: "middle" },
20
21
  fill: variant === "filled" ? "currentColor" : "none",
21
22
  stroke: variant === "outline" ? "currentColor" : "none",
22
23
  strokeWidth: variant === "outline" ? strokeWidth : void 0,
@@ -72,17 +73,17 @@ import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
72
73
  var Grid = createIcon("Grid", ({ radius }) => /* @__PURE__ */ jsx2(Fragment, { children: grid({
73
74
  rows: 2,
74
75
  cols: 2,
75
- startX: 2,
76
- startY: 2,
77
- cellSize: 7,
78
- gap: 1.5,
76
+ startX: 3,
77
+ startY: 3,
78
+ cellSize: 8,
79
+ gap: 2,
79
80
  render: (x, y, row, col) => /* @__PURE__ */ jsx2(
80
81
  "rect",
81
82
  {
82
83
  x,
83
84
  y,
84
- width: 7,
85
- height: 7,
85
+ width: 8,
86
+ height: 8,
86
87
  rx: radius
87
88
  },
88
89
  `${row}-${col}`
@@ -94,10 +95,10 @@ import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
94
95
  var Grid3x3 = createIcon("Grid3x3", ({ radius }) => /* @__PURE__ */ jsx3(Fragment2, { children: grid({
95
96
  rows: 3,
96
97
  cols: 3,
97
- startX: 2,
98
- startY: 2,
98
+ startX: 2.5,
99
+ startY: 2.5,
99
100
  cellSize: 5,
100
- gap: 1.5,
101
+ gap: 2,
101
102
  render: (x, y, row, col) => /* @__PURE__ */ jsx3(
102
103
  "rect",
103
104
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@custmaz/layout-icons",
3
- "version": "0.1.0",
3
+ "version": "0.1.1",
4
4
  "description": "A small set of layout-focused SVG icons for React, designed for UI structure and composition.",
5
5
  "license": "MIT",
6
6
  "repository": {
package/src/createIcon.tsx CHANGED
@@ -24,6 +24,7 @@ export function createIcon(
24
24
  width={size}
25
25
  height={size}
26
26
  viewBox="0 0 24 24"
27
+ style={{ display: "block", verticalAlign: "middle" }}
27
28
  fill={variant === "filled" ? "currentColor" : "none"}
28
29
  stroke={variant === "outline" ? "currentColor" : "none"}
29
30
  strokeWidth={variant === "outline" ? strokeWidth : undefined}
package/src/icons/Grid.tsx CHANGED
@@ -6,17 +6,17 @@ export const Grid = createIcon("Grid", ({ radius }) => (
6
6
  {grid({
7
7
  rows: 2,
8
8
  cols: 2,
9
- startX: 2,
10
- startY: 2,
11
- cellSize: 7,
12
- gap: 1.5,
9
+ startX: 3,
10
+ startY: 3,
11
+ cellSize: 8,
12
+ gap: 2,
13
13
  render: (x, y, row, col) => (
14
14
  <rect
15
15
  key={`${row}-${col}`}
16
16
  x={x}
17
17
  y={y}
18
- width={7}
19
- height={7}
18
+ width={8}
19
+ height={8}
20
20
  rx={radius}
21
21
  />
22
22
  ),
package/src/icons/Grid3x3.tsx CHANGED
@@ -6,10 +6,10 @@ export const Grid3x3 = createIcon("Grid3x3", ({ radius }) => (
6
6
  {grid({
7
7
  rows: 3,
8
8
  cols: 3,
9
- startX: 2,
10
- startY: 2,
9
+ startX: 2.5,
10
+ startY: 2.5,
11
11
  cellSize: 5,
12
- gap: 1.5,
12
+ gap: 2,
13
13
  render: (x, y, row, col) => (
14
14
  <rect
15
15
  key={`${row}-${col}`}