@7shifts/sous-chef 4.8.0 → 4.9.0

package/dist/media/ShortcutKey/ShortcutKey.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+type Props = {
+    /**
+     * 1, 2, or 3 key values. Use a named special key ('command', 'shift', 'escape', etc.)
+     * or a single character string for alphanumeric keys ('Z', '1', '/').
+     * Maximum of 3 keys.
+     */
+    keys: [string] | [string, string] | [string, string, string];
+    /** Override the default data-testid */
+    testId?: string;
+};
+/**
+ * ShortcutKey is a display-only component that communicates a keyboard shortcut
+ * associated with an action, tool, or command. It supports 1–3 key combinations.
+ *
+ * Use named special keys (e.g. 'command', 'shift', 'escape', 'arrow-left') or
+ * a single character for alphanumeric keys ('Z', '1', '/').
+ *
+ * Should always appear in context alongside the action it triggers — never standalone.
+ */
+declare const ShortcutKey: ({ keys, testId }: Props) => React.JSX.Element;
+export default ShortcutKey;

package/dist/media/ShortcutKey/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ShortcutKey';

package/dist/media/index.d.ts

@@ -2,4 +2,5 @@ import Badge from './Badge';
 import Avatar from './Avatar';
 import Chip from './Chip';
 import Pill from './Pill';
-export { Badge, Avatar, Chip, Pill };
+import ShortcutKey from './ShortcutKey';
+export { Badge, Avatar, Chip, Pill, ShortcutKey };

package/dist/tests/visual.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Use the `visualTest` story parameter to control snapshot behaviour.
+ *
+ * @example — click a trigger before snapshotting (e.g. open a modal):
+ * export const OpenModal: Story = {
+ *   parameters: {
+ *     visualTest: {
+ *       clickToOpen: 'button',   // Playwright locator string; first match is clicked
+ *     },
+ *   },
+ * };
+ *
+ * @example — other supported options:
+ * parameters: {
+ *   visualTest: {
+ *     delay: 500,           // ms to wait before snapshotting (e.g. after an animation)
+ *     diffThreshold: 0.005, // override the default 0.1% pixel-diff tolerance
+ *     modes: true,          // also snapshot at mobile viewport (320px wide)
+ *   },
+ * },
+ */
+export type VisualTestParameters = {
+    clickToOpen?: string;
+    delay?: number;
+    diffThreshold?: number;
+    modes?: boolean;
+};

package/dist/typography/Text/constants.d.ts

@@ -8,6 +8,8 @@ export declare const TEXT_TYPES: {
     H5: "h5";
     INSIGHT: "insight";
     SPAN: "span";
+    PARAGRAPH: "paragraph";
+    TAGLINE: "tagline";
 };
 export declare const FONT_EMPHASIS: {
     BOLD: "bold";

package/dist/typography/Text/types.d.ts

@@ -1,3 +1,3 @@
-export type TextType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'body' | 'insight' | 'caption' | 'span';
+export type TextType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'body' | 'insight' | 'caption' | 'span' | 'paragraph' | 'tagline';
 export type Emphasis = 'bold' | 'italic' | 'underline' | 'dotted-underline' | 'monospace' | 'strikethrough';
 export type Alignment = 'left' | 'right' | 'center' | 'justify';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@7shifts/sous-chef",
-    "version": "4.8.0",
+    "version": "4.9.0",
     "description": "7shifts component library",
     "author": "7shifts",
     "license": "MIT",
@@ -34,12 +34,12 @@
         "test:unit": "jest --runInBand",
         "test:unit:coverage": "jest --coverage",
         "test:watch": "jest --watch",
-        "test:visual": "chromatic --project-token=9226d55e4d56 --exit-zero-on-changes --build-script-name=storybook:chromatic:build --only-changed --exitOnceUploaded",
+        "test:visual": "storybook build -o .storybook/dist && (lsof -ti:6007 | xargs kill -9 2>/dev/null || true) && concurrently -k --success command-1 \"http-server .storybook/dist -p 6007 -q\" \"wait-on http://localhost:6007 && test-storybook --url http://localhost:6007 --index-json\"",
+        "test:visual:update": "storybook build -o .storybook/dist && (lsof -ti:6007 | xargs kill -9 2>/dev/null || true) && concurrently -k --success command-1 \"http-server .storybook/dist -p 6007 -q\" \"wait-on http://localhost:6007 && test-storybook --url http://localhost:6007 --index-json --updateSnapshot\"",
+        "test:visual:dev": "test-storybook --url http://localhost:6006 --index-json",
         "start": "yarn storybook",
         "storybook": "storybook dev -p 6006 --loglevel info",
-        "storybook:chromatic": "storybook dev -p 6006",
-        "storybook:chromatic:build": "storybook build -o ./.storybook/dist --webpack-stats-json",
-        "storybook:build": "storybook build -o ./.storybook/dist --loglevel info --webpack-stats-json",
+        "storybook:build": "storybook build -o ./.storybook/dist --loglevel info",
         "new:component": "node ./scripts/new-component.js",
         "changeset": "changeset",
         "version": "changeset version",
@@ -75,7 +75,13 @@
         "@typescript-eslint/parser": "^6.11.0",
         "@vitejs/plugin-react": "^4.7.0",
         "babel-jest": "^29.7.0",
-        "chromatic": "^13.3.4",
+        "@playwright/test": "^1.54.0",
+        "@storybook/test-runner": "^0.24.4",
+        "@types/jest-image-snapshot": "^6.4.0",
+        "concurrently": "^9.1.0",
+        "http-server": "^14.1.1",
+        "jest-image-snapshot": "^6.5.2",
+        "wait-on": "^8.0.1",
         "cross-env": "^7.0.3",
         "eslint": "^8.53.0",
         "eslint-config-prettier": "^9.0.0",
@@ -107,7 +113,6 @@
         "ts-jest": "^29.1.2",
         "typescript": "^5.3.2",
         "vite": "^6.4.1",
-        "vite-plugin-turbosnap": "^1.0.3",
         "yup": "^0.32.9"
     },
     "files": [