@butternutbox/pawprint-native 0.15.2 → 0.16.0

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.
@@ -7,12 +7,12 @@
7
7
  CJS Build start
8
8
  ESM Build start
9
9
  DTS Build start
10
- ESM dist/index.js 502.93 KB
10
+ ESM dist/index.js 503.59 KB
11
11
  ESM dist/index.js.map 1.02 MB
12
- ESM ⚡️ Build success in 7939ms
13
- CJS dist/index.cjs 532.57 KB
12
+ ESM ⚡️ Build success in 7722ms
13
+ CJS dist/index.cjs 533.23 KB
14
14
  CJS dist/index.cjs.map 1.02 MB
15
- CJS ⚡️ Build success in 7939ms
16
- DTS ⚡️ Build success in 22135ms
17
- DTS dist/index.d.cts 98.88 KB
18
- DTS dist/index.d.ts 98.88 KB
15
+ CJS ⚡️ Build success in 7724ms
16
+ DTS ⚡️ Build success in 22713ms
17
+ DTS dist/index.d.cts 99.79 KB
18
+ DTS dist/index.d.ts 99.79 KB
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @butternutbox/pawprint-native
2
2
 
3
+ ## 0.16.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 12b7c84: add alignment prop for illustration
8
+
3
9
  ## 0.15.2
4
10
 
5
11
  ### Patch Changes
package/dist/index.cjs CHANGED
@@ -1325,32 +1325,60 @@ var IconButton = React66__default.default.forwardRef(
1325
1325
  );
1326
1326
  IconButton.displayName = "IconButton";
1327
1327
  var parseTokenValue11 = (value) => parseFloat(value);
1328
- var StyledRoot2 = styled51__default.default(reactNative.View)(({ illustrationHeight }) => ({
1329
- alignItems: "center",
1330
- justifyContent: "center",
1331
- flexShrink: 0,
1332
- height: illustrationHeight
1333
- }));
1328
+ var StyledRoot2 = styled51__default.default(reactNative.View)(({ illustrationHeight, flexboxProps }) => {
1329
+ var _a, _b;
1330
+ return {
1331
+ alignItems: (_a = flexboxProps.align) != null ? _a : "center",
1332
+ justifyContent: (_b = flexboxProps.justify) != null ? _b : "center",
1333
+ flexDirection: flexboxProps.flexDirection,
1334
+ flexWrap: flexboxProps.flexWrap,
1335
+ alignContent: flexboxProps.alignContent,
1336
+ alignSelf: flexboxProps.alignSelf,
1337
+ flexShrink: 0,
1338
+ height: illustrationHeight
1339
+ };
1340
+ });
1334
1341
  var Illustration = React66__default.default.forwardRef(
1335
1342
  (_a, ref) => {
1336
1343
  var _b = _a, {
1337
1344
  illustration: IllustrationComponent,
1338
1345
  size = "sm",
1346
+ align,
1347
+ justify,
1348
+ flexDirection,
1349
+ flexWrap,
1350
+ alignContent,
1351
+ alignSelf,
1339
1352
  "aria-label": ariaLabel
1340
1353
  } = _b, rest = __objRest(_b, [
1341
1354
  "illustration",
1342
1355
  "size",
1356
+ "align",
1357
+ "justify",
1358
+ "flexDirection",
1359
+ "flexWrap",
1360
+ "alignContent",
1361
+ "alignSelf",
1343
1362
  "aria-label"
1344
1363
  ]);
1345
1364
  const theme2 = react.useTheme();
1346
1365
  const dimension = parseTokenValue11(
1347
1366
  theme2.tokens.components.illustrations.sizing.illustrations[size]
1348
1367
  );
1368
+ const flexboxProps = {
1369
+ align,
1370
+ justify,
1371
+ flexDirection,
1372
+ flexWrap,
1373
+ alignContent,
1374
+ alignSelf
1375
+ };
1349
1376
  return /* @__PURE__ */ jsxRuntime.jsx(
1350
1377
  StyledRoot2,
1351
1378
  __spreadProps(__spreadValues({
1352
1379
  ref,
1353
1380
  illustrationHeight: dimension,
1381
+ flexboxProps,
1354
1382
  accessibilityRole: ariaLabel ? "image" : void 0,
1355
1383
  accessibilityLabel: ariaLabel,
1356
1384
  accessible: !!ariaLabel