npm - @apple-pie/slice - Versions diffs - 0.1.57 → 0.1.59 - Mend

@apple-pie/slice 0.1.57 → 0.1.59

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 (314) hide show

package/dist/types/components/Button/Button.d.ts CHANGED Viewed

@@ -17,7 +17,7 @@ export declare const Button: React.NamedExoticComponent<Omit<React.ButtonHTMLAtt
     round?: boolean;
     tooltip?: string;
     iconSize?: number;
-    borderRadius?: number;
+    borderRadius?: number | string;
     iconColor?: string;
     backgroundColor?: string;
     backgroundColorDisabled?: string;
@@ -56,7 +56,7 @@ export declare const Button: React.NamedExoticComponent<Omit<React.ButtonHTMLAtt
     round?: boolean;
     tooltip?: string;
     iconSize?: number;
-    borderRadius?: number;
+    borderRadius?: number | string;
     iconColor?: string;
     backgroundColor?: string;
     backgroundColorDisabled?: string;

package/dist/types/components/Button/_types.d.ts CHANGED Viewed

@@ -17,7 +17,7 @@ type ButtonBaseProps = {
     round?: boolean;
     tooltip?: string;
     iconSize?: number;
-    borderRadius?: number;
+    borderRadius?: number | string;
     iconColor?: string;
     backgroundColor?: string;
     backgroundColorDisabled?: string;

package/dist/types/components/Chip/_types.d.ts CHANGED Viewed

@@ -21,7 +21,7 @@ type ChipBaseProps = {
     borderColor?: string;
     borderColorHover?: string;
     borderColorDisabled?: string;
-    borderRadius?: number;
+    borderRadius?: number | string;
     gap?: number;
     paddingTop?: number;
     paddingTops?: number;

package/dist/types/components/DivInput/_types.d.ts CHANGED Viewed

@@ -16,8 +16,8 @@ type DivInputBaseProps = {
     textAlign?: 'left' | 'center' | 'right';
     clamp?: number;
     padding?: string;
-    borderRadius?: number;
-    radius?: number;
+    borderRadius?: number | string;
+    radius?: number | string;
     backgroundColor?: string;
 };
 export type DivInputProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof DivInputBaseProps> & DivInputBaseProps;

package/dist/types/components/DraggablePanel/DrggablePanel.d.ts CHANGED Viewed

@@ -46,7 +46,7 @@ export declare const DraggablePanel: React.MemoExoticComponent<(props: Draggable
 export type DragHandleProps = {
     width?: number;
     height?: number;
-    radius?: number;
+    radius?: number | string;
     stroke?: number;
     strokeColor?: string;
     color?: string;

package/dist/types/components/DropDown/_types.d.ts CHANGED Viewed

@@ -13,7 +13,7 @@ type DropDownBaseProps<T = string> = {
     selectedValue?: T;
     valueKey?: string;
     placeholder?: boolean;
-    borderRadius?: number;
+    borderRadius?: number | string;
     borderStyle?: 'bottom' | 'box' | 'none';
     validate?: boolean;
     iconColor?: string;

package/dist/types/components/FlexDiv/FlexDiv.d.ts CHANGED Viewed

@@ -27,7 +27,7 @@ export declare const FlexDiv: React.NamedExoticComponent<Omit<React.HTMLAttribut
     transition?: import("motion-dom").Transition;
     variants?: any;
     gap?: number;
-    borderRadius?: number;
+    borderRadius?: number | string;
     scrollHandle?: string;
     scrollHandleHover?: string;
 }> & {
@@ -58,7 +58,7 @@ export declare const FlexDiv: React.NamedExoticComponent<Omit<React.HTMLAttribut
     transition?: import("motion-dom").Transition;
     variants?: any;
     gap?: number;
-    borderRadius?: number;
+    borderRadius?: number | string;
     scrollHandle?: string;
     scrollHandleHover?: string;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/FlexDiv/_types.d.ts CHANGED Viewed

@@ -138,7 +138,7 @@ type FlexDivBaseProps = {
     transition?: Transition;
     variants?: any;
     gap?: number;
-    borderRadius?: number;
+    borderRadius?: number | string;
     scrollHandle?: string;
     scrollHandleHover?: string;
 };

package/dist/types/components/Icon/_types.d.ts CHANGED Viewed

@@ -43,6 +43,7 @@ export declare const SliceIcons: {
         readonly inbox: "inbox";
         readonly like: "like";
         readonly unlike: "unlike";
+        readonly at: "@";
     };
     readonly media: {
         readonly camera: "camera";

package/dist/types/components/IconButton/_types.d.ts CHANGED Viewed

@@ -75,7 +75,7 @@ type IconButtonBaseProps = {
     initial?: string;
     animate?: string;
     exit?: string;
-    borderRadius?: number;
+    borderRadius?: number | string;
     onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     onToolTip?: (tip: ToolTip | null) => void;
     buttonSize?: 's' | 'm' | 'l' | 'xl';

package/dist/types/components/Label/_types.d.ts CHANGED Viewed

@@ -15,7 +15,7 @@ type LabelBaseProps = {
     borderWidth?: number;
     borderSize?: number;
     borderColor?: string;
-    borderRadius?: number;
+    borderRadius?: number | string;
     padding?: number | string;
     textColor?: string;
     textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';

package/dist/types/components/PromptInput/PromptInput.d.ts CHANGED Viewed

@@ -14,7 +14,7 @@ export declare const PromptInput: React.NamedExoticComponent<Omit<React.HTMLAttr
     borderColor?: string | number;
     borderColorOn?: string | number;
     borderAnimate?: boolean;
-    borderRadius?: number;
+    borderRadius?: number | string;
     placeholder?: string;
     placeholderWorking?: string;
     focused?: boolean;
@@ -48,7 +48,7 @@ export declare const PromptInput: React.NamedExoticComponent<Omit<React.HTMLAttr
     borderColor?: string | number;
     borderColorOn?: string | number;
     borderAnimate?: boolean;
-    borderRadius?: number;
+    borderRadius?: number | string;
     placeholder?: string;
     placeholderWorking?: string;
     focused?: boolean;

package/dist/types/components/PromptInput/_types.d.ts CHANGED Viewed

@@ -14,7 +14,7 @@ type BasePromptProps = {
     borderColor?: string | number;
     borderColorOn?: string | number;
     borderAnimate?: boolean;
-    borderRadius?: number;
+    borderRadius?: number | string;
     placeholder?: string;
     placeholderWorking?: string;
     focused?: boolean;

package/dist/types/components/Spacer/_types.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import type React from 'react';
+import type { SpacingGrid } from '../../theme/spacing/_types';
 type SpacerBaseProps = {
-    size?: number;
+    size?: keyof SpacingGrid;
 };
 export type SpacerProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof SpacerBaseProps> & SpacerBaseProps;
 export {};

package/dist/types/components/TextArea/_types.d.ts CHANGED Viewed

@@ -19,7 +19,7 @@ type TextAreaBaseProps = {
     };
     sendSize?: number;
     backgroundColor?: string;
-    borderRadius?: number;
+    borderRadius?: number | string;
     returnSubmits?: boolean;
     textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
     disabled?: boolean;

package/dist/types/components/Tip/_types.d.ts CHANGED Viewed

@@ -17,8 +17,8 @@ type ToolTipBaseProps = {
     border?: boolean;
     borderColor?: string;
     padding?: number | string;
-    borderRadius?: number;
-    radius?: number;
+    borderRadius?: number | string;
+    radius?: number | string;
     coords?: {
         x: number;
         y: number;

package/dist/types/theme/index.d.ts CHANGED Viewed

@@ -4,6 +4,8 @@ export type { Type } from './type/types';
 export type { Corners } from './corners/types';
 export type { Elevations } from './elevations/_types';
 export type { SliceMotion } from './motion/_types';
+export type { SpacingGrid } from './spacing/_types';
 export { light, dark } from './colors/colors';
 export { elevations, elevations as Elevation } from './elevations/elevations';
 export { motion } from './motion/motion';
+export { spacing } from './spacing/spacing';

package/dist/types/theme/spacing/_types.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+export type SpacingGrid = {
+    xxs: number;
+    xs: number;
+    s: number;
+    m: number;
+    l: number;
+    xl: number;
+    xxl: number;
+    h: number;
+};

package/dist/types/theme/spacing/spacing.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { SpacingGrid } from './_types';
2	+ export declare const spacing: SpacingGrid;

package/dist/types/theme/themes.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import type { Colors, CoreColors } from './colors/types';
 import type { Corners } from './corners/types';
 import type { Elevations } from './elevations/_types';
 import type { SliceMotion } from './motion/_types';
+import type { SpacingGrid } from './spacing/_types';
 import type { Type } from './type/types';
 export type SliceTheme = {
     name: string;
@@ -10,6 +11,7 @@ export type SliceTheme = {
     type: Type;
     corners: Corners;
     elevations: Elevations;
+    spacing: SpacingGrid;
     motion: SliceMotion;
 };
 export declare const lightTheme: SliceTheme;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@apple-pie/slice",
-	"version": "0.1.57",
+	"version": "0.1.59",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.mjs",
 	"exports": {
@@ -100,12 +100,13 @@
 	"files": ["dist", "README.md", "scripts/copy-assets.mjs"],
 	"sideEffects": ["**/*.css"],
 	"scripts": {
-		"lint": "biome format --write . && biome check .",
-		"lint:fix": "biome format --write . && biome check --write .",
-		"lint:ci": "biome ci .",
+		"lint": "biome format --write . && biome check . && npm run typecheck",
+		"lint:fix": "biome format --write . && biome check --write . && npm run typecheck",
+		"lint:ci": "biome ci . && npm run typecheck",
+		"typecheck": "tsc --noEmit -p tsconfig.json",
 		"format": "biome format --write .",
-		"test": "vitest",
-		"test:ui": "vitest --ui",
+		"test": "vitest --project unit --project storybook",
+		"test:ui": "vitest --ui --project unit --project storybook",
 		"benchmark": "vitest run --project benchmarks benchmarks/run-with-report.bench.ts",
 		"benchmark:raw": "vitest bench --project benchmarks --run",
 		"benchmark:watch": "vitest bench --project benchmarks",
@@ -137,12 +138,12 @@
 		"@rollup/plugin-terser": "^1.0.0",
 		"@rollup/plugin-typescript": "^12.1.2",
 		"@rollup/plugin-url": "^8.0.2",
-		"@storybook/addon-a11y": "^10.2.12",
-		"@storybook/addon-docs": "^10.2.13",
-		"@storybook/addon-onboarding": "^10.2.9",
-		"@storybook/addon-vitest": "^10.2.12",
-		"@storybook/react": "^10.2.9",
-		"@storybook/react-vite": "^10.2.9",
+		"@storybook/addon-a11y": "^10.6.3",
+		"@storybook/addon-docs": "^10.6.3",
+		"@storybook/addon-onboarding": "^10.6.3",
+		"@storybook/addon-vitest": "^10.6.3",
+		"@storybook/react": "^10.6.3",
+		"@storybook/react-vite": "^10.6.3",
 		"@svgr/rollup": "^8.1.0",
 		"@testing-library/react": "^16.3.2",
 		"@testing-library/user-event": "^14.6.1",
@@ -150,16 +151,16 @@
 		"@types/react": "^19.0.7",
 		"@types/react-dom": "^19.0.3",
 		"@vitejs/plugin-react": "^4.3.4",
-		"@vitest/browser-playwright": "^4.0.18",
-		"@vitest/coverage-v8": "^4.0.18",
-		"@vitest/ui": "^4.0.18",
+		"@vitest/browser-playwright": "^4.1.12",
+		"@vitest/coverage-v8": "^4.1.12",
+		"@vitest/ui": "^4.1.12",
 		"fake-indexeddb": "^6.2.5",
-		"happy-dom": "^20.7.0",
+		"happy-dom": "^21.0.4",
 		"jsdom": "^28.1.0",
 		"playwright": "^1.58.2",
 		"postcss-custom-media": "^11.0.6",
 		"postcss-import": "^16.1.1",
-		"postcss-nested": "^6.2.0",
+		"postcss-nested": "^9.0.0",
 		"rollup": "^4.32.0",
 		"rollup-plugin-json": "^4.0.0",
 		"rollup-plugin-peer-deps-external": "^2.2.4",
@@ -167,14 +168,19 @@
 		"rollup-plugin-strip-code": "^0.2.8",
 		"rollup-plugin-visualizer": "^7.0.1",
 		"rollup-preserve-directives": "^1.1.3",
-		"storybook": "^10.2.9",
+		"storybook": "^10.6.3",
 		"tsx": "^4.21.0",
 		"typescript": "^5.7.3",
 		"vite": "^6.0.11",
 		"vite-plugin-svgr": "^4.3.0",
-		"vitest": "^4.0.18",
+		"vitest": "^4.1.12",
 		"zustand": "^5.0.0"
 	},
+	"overrides": {
+		"rollup-plugin-postcss": {
+			"postcss-selector-parser": "^7.1.6"
+		}
+	},
 	"peerDependencies": {
 		"motion": "^11.0.0 || ^12.0.0",
 		"react": "^18.0.0 || ^19.0.0",

package/dist/cjs/chunks/Spacer-ByFg1uI8.js DELETED Viewed

@@ -1,19 +0,0 @@
-'use client';
-"use strict";
-var tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react");
-const Spacer = React.memo(props => {
-    const {size: size = 8} = props, divAttributes = tslib_es6.__rest(props, [ "size" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), spacerStyle = React.useMemo(() => ({
-        height: size,
-        minHeight: size,
-        maxHeight: size
-    }), [ size ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "";
-    return jsxRuntime.jsx("div", Object.assign({
-        id: divId,
-        className: divClass.trim(),
-        style: Object.assign(Object.assign({}, divStyle), spacerStyle)
-    }, rest));
-});
-exports.Spacer = Spacer;

package/dist/esm/chunks/Spacer-Dw1R_QS-.mjs DELETED Viewed

@@ -1,21 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
-import { jsx } from "react/jsx-runtime";
-import React, { useMemo } from "react";
-const Spacer = React.memo(props => {
-    const {size: size = 8} = props, divAttributes = __rest(props, [ "size" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), spacerStyle = useMemo(() => ({
-        height: size,
-        minHeight: size,
-        maxHeight: size
-    }), [ size ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "";
-    return jsx("div", Object.assign({
-        id: divId,
-        className: divClass.trim(),
-        style: Object.assign(Object.assign({}, divStyle), spacerStyle)
-    }, rest));
-});
-export { Spacer as S };