@butternutbox/pawprint-native 1.1.1 → 1.1.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/.turbo/turbo-build.log +8 -8
- package/CHANGELOG.md +14 -0
- package/dist/index.cjs +8 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +0 -4
- package/dist/index.d.ts +0 -4
- package/dist/index.js +8 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/Illustration/Illustration.tsx +0 -4
- package/src/components/molecules/SegmentedControl/SegmentedControl.tsx +12 -2
package/dist/index.d.cts
CHANGED
|
@@ -443,17 +443,13 @@ type IllustrationProps = IllustrationOwnProps & Omit<ViewProps, keyof Illustrati
|
|
|
443
443
|
* ```
|
|
444
444
|
*
|
|
445
445
|
* @param illustration - **(required)** Illustration component
|
|
446
|
-
<<<<<<< Updated upstream
|
|
447
446
|
* @param size - *(optional)* Size variant: sm (default), lg, xl, xxl, xxxl
|
|
448
|
-
=======
|
|
449
|
-
* @param size - *(optional)* Size variant: sm (default), lg, xl
|
|
450
447
|
* @param align - *(optional)* Flexbox alignItems (default: center)
|
|
451
448
|
* @param justify - *(optional)* Flexbox justifyContent (default: center)
|
|
452
449
|
* @param flexDirection - *(optional)* Flexbox flex direction
|
|
453
450
|
* @param flexWrap - *(optional)* Flexbox wrap
|
|
454
451
|
* @param alignContent - *(optional)* Flexbox alignContent
|
|
455
452
|
* @param alignSelf - *(optional)* Flexbox alignSelf
|
|
456
|
-
>>>>>>> Stashed changes
|
|
457
453
|
* @param aria-label - *(optional)* Accessible label
|
|
458
454
|
*/
|
|
459
455
|
declare const Illustration: React.ForwardRefExoticComponent<{
|
package/dist/index.d.ts
CHANGED
|
@@ -443,17 +443,13 @@ type IllustrationProps = IllustrationOwnProps & Omit<ViewProps, keyof Illustrati
|
|
|
443
443
|
* ```
|
|
444
444
|
*
|
|
445
445
|
* @param illustration - **(required)** Illustration component
|
|
446
|
-
<<<<<<< Updated upstream
|
|
447
446
|
* @param size - *(optional)* Size variant: sm (default), lg, xl, xxl, xxxl
|
|
448
|
-
=======
|
|
449
|
-
* @param size - *(optional)* Size variant: sm (default), lg, xl
|
|
450
447
|
* @param align - *(optional)* Flexbox alignItems (default: center)
|
|
451
448
|
* @param justify - *(optional)* Flexbox justifyContent (default: center)
|
|
452
449
|
* @param flexDirection - *(optional)* Flexbox flex direction
|
|
453
450
|
* @param flexWrap - *(optional)* Flexbox wrap
|
|
454
451
|
* @param alignContent - *(optional)* Flexbox alignContent
|
|
455
452
|
* @param alignSelf - *(optional)* Flexbox alignSelf
|
|
456
|
-
>>>>>>> Stashed changes
|
|
457
453
|
* @param aria-label - *(optional)* Accessible label
|
|
458
454
|
*/
|
|
459
455
|
declare const Illustration: React.ForwardRefExoticComponent<{
|
package/dist/index.js
CHANGED
|
@@ -8361,8 +8361,9 @@ var StyledSegmentItem = styled51(Pressable)(
|
|
|
8361
8361
|
opacity: itemOpacity
|
|
8362
8362
|
}, itemFlex !== void 0 ? { flex: itemFlex } : { flexShrink: 0 })
|
|
8363
8363
|
);
|
|
8364
|
-
var StyledIntrinsicClip = styled51(View)(({ clipBorderRadius, clipBgColor, clipWidth }) => __spreadValues({
|
|
8364
|
+
var StyledIntrinsicClip = styled51(View)(({ clipBorderRadius, clipBgColor, clipHeight, clipWidth }) => __spreadValues({
|
|
8365
8365
|
overflow: "hidden",
|
|
8366
|
+
height: clipHeight,
|
|
8366
8367
|
borderRadius: clipBorderRadius,
|
|
8367
8368
|
backgroundColor: clipBgColor,
|
|
8368
8369
|
alignSelf: "flex-start",
|
|
@@ -8492,10 +8493,12 @@ SegmentedControlItem.displayName = "SegmentedControl.Item";
|
|
|
8492
8493
|
var IntrinsicTrack = (_a) => {
|
|
8493
8494
|
var _b = _a, {
|
|
8494
8495
|
containerProps,
|
|
8496
|
+
trackHeight,
|
|
8495
8497
|
renderItems,
|
|
8496
8498
|
forwardedRef
|
|
8497
8499
|
} = _b, rest = __objRest(_b, [
|
|
8498
8500
|
"containerProps",
|
|
8501
|
+
"trackHeight",
|
|
8499
8502
|
"renderItems",
|
|
8500
8503
|
"forwardedRef"
|
|
8501
8504
|
]);
|
|
@@ -8528,6 +8531,7 @@ var IntrinsicTrack = (_a) => {
|
|
|
8528
8531
|
{
|
|
8529
8532
|
clipBorderRadius: containerProps.containerBorderRadius,
|
|
8530
8533
|
clipBgColor: containerProps.containerBgColor,
|
|
8534
|
+
clipHeight: trackHeight,
|
|
8531
8535
|
clipWidth: containerWidth > 0 && contentWidth > 0 ? Math.min(contentWidth, containerWidth) : void 0,
|
|
8532
8536
|
children: /* @__PURE__ */ jsx(
|
|
8533
8537
|
ScrollView,
|
|
@@ -8619,7 +8623,7 @@ var SegmentedControlRoot = React66.forwardRef(
|
|
|
8619
8623
|
]);
|
|
8620
8624
|
var _a2, _b2;
|
|
8621
8625
|
const theme2 = useTheme();
|
|
8622
|
-
const { spacing, borderRadius, colour } = theme2.tokens.components.segmentedControl;
|
|
8626
|
+
const { spacing, borderRadius, colour, controlItem } = theme2.tokens.components.segmentedControl;
|
|
8623
8627
|
const { dimensions: dimensions3 } = theme2.tokens.semantics;
|
|
8624
8628
|
const optionsFirstValue = (_a2 = options == null ? void 0 : options[0]) == null ? void 0 : _a2.value;
|
|
8625
8629
|
const childrenArray = React66.Children.toArray(children);
|
|
@@ -8686,11 +8690,13 @@ var SegmentedControlRoot = React66.forwardRef(
|
|
|
8686
8690
|
scrollIndicatorPaddingOuter: parseTokenValue44(dimensions3.spacing["2xl"]),
|
|
8687
8691
|
scrollIndicatorPaddingInner: parseTokenValue44(dimensions3.spacing.sm)
|
|
8688
8692
|
};
|
|
8693
|
+
const trackHeight = parseTokenValue44(controlItem.size.small.height) + parseTokenValue44(spacing.verticalPadding) * 2;
|
|
8689
8694
|
if (layout === "intrinsic") {
|
|
8690
8695
|
return /* @__PURE__ */ jsx(
|
|
8691
8696
|
IntrinsicTrack,
|
|
8692
8697
|
__spreadValues({
|
|
8693
8698
|
containerProps,
|
|
8699
|
+
trackHeight,
|
|
8694
8700
|
renderItems,
|
|
8695
8701
|
forwardedRef: ref
|
|
8696
8702
|
}, rest)
|