@planningcenter/tapestry 0.5.0 → 0.5.1-rc.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 (2) hide show
  1. package/package.json +19 -26
  2. package/react-types/index.d.ts +2 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@planningcenter/tapestry",
3
- "version": "0.5.0",
3
+ "version": "0.5.1-rc.1",
4
4
  "type": "module",
5
5
  "repository": {
6
6
  "type": "git",
@@ -15,8 +15,8 @@
15
15
  "build:tokens": "node ./src/tokens/style-dictionary.build.js",
16
16
  "storybook": "storybook dev -p 6006",
17
17
  "test": "vitest run",
18
- "test:visual": "yarn build:storybook && yarn loki test --reactUri file:./storybook-static",
19
- "test:visual:update": "yarn loki update --reactUri file:./storybook-static"
18
+ "test:visual": "npx concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"yarn storybook --quiet\" \"npx wait-on tcp:127.0.0.1:6006 && yarn test-storybook\"",
19
+ "test:visual:update": "npx concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"yarn storybook --quiet\" \"npx wait-on tcp:127.0.0.1:6006 && yarn test-storybook -u\""
20
20
  },
21
21
  "peerDependencies": {
22
22
  "react": "^17 || ^18 || ^19",
@@ -39,30 +39,34 @@
39
39
  "@rollup/plugin-commonjs": "^26.0.1",
40
40
  "@rollup/plugin-node-resolve": "^15.2.3",
41
41
  "@rollup/plugin-typescript": "^11.1.6",
42
- "@storybook/addon-a11y": "^8.2.9",
43
- "@storybook/addon-docs": "^8.3.3",
44
- "@storybook/addon-essentials": "^8.2.9",
45
- "@storybook/addon-interactions": "^8.2.9",
42
+ "@storybook/addon-a11y": "^8.6.12",
43
+ "@storybook/addon-docs": "^8.6.12",
44
+ "@storybook/addon-essentials": "^8.6.12",
45
+ "@storybook/addon-interactions": "^8.6.12",
46
46
  "@storybook/addon-links": "^8.2.9",
47
47
  "@storybook/addon-onboarding": "^8.2.9",
48
48
  "@storybook/blocks": "^8.2.9",
49
- "@storybook/cli": "^8.2.9",
49
+ "@storybook/cli": "^8.6.12",
50
50
  "@storybook/manager-api": "^8.3.3",
51
- "@storybook/react": "^8.2.9",
52
- "@storybook/react-vite": "^8.2.9",
53
- "@storybook/test": "^8.2.9",
51
+ "@storybook/react": "^8.6.12",
52
+ "@storybook/react-vite": "^8.6.12",
53
+ "@storybook/test": "^8.6.12",
54
+ "@storybook/test-runner": "^0.22.0",
54
55
  "@storybook/theming": "^8.3.3",
56
+ "@storybook/web-components-vite": "^8.6.12",
55
57
  "@testing-library/dom": "^10.4.0",
56
58
  "@testing-library/jest-dom": "^6.5.0",
57
59
  "@testing-library/react": "^16.0.1",
58
60
  "@testing-library/user-event": "^14.5.2",
61
+ "@types/jest-image-snapshot": "^6.4.0",
59
62
  "@types/postcss-import": "^14.0.3",
60
63
  "@types/react": "^18.3.3",
61
64
  "@types/react-dom": "^18.3.0",
62
65
  "@vitejs/plugin-react-swc": "^3.5.0",
63
66
  "@whitespace/storybook-addon-html": "^6.1.1",
67
+ "jest-image-snapshot": "^6.4.0",
64
68
  "jsdom": "^25.0.0",
65
- "loki": "^0.35.1",
69
+ "playwright": "^1.51.1",
66
70
  "postcss": "^8.4.38",
67
71
  "postcss-combine-duplicated-selectors": "^10.0.3",
68
72
  "postcss-import": "^16.1.0",
@@ -78,9 +82,9 @@
78
82
  "rollup-plugin-postcss": "^4.0.2",
79
83
  "rollup-plugin-rename-node-modules": "^1.3.1",
80
84
  "shadow-dom-testing-library": "^1.11.3",
81
- "storybook": "^8.2.9",
85
+ "storybook": "^8.6.12",
82
86
  "style-dictionary": "^4.2.0",
83
- "tapestry-wc": "^0.5.0",
87
+ "tapestry-wc": "^0.5.1-rc.1",
84
88
  "typescript": "^5.5.3",
85
89
  "vitest": "^3.0.0"
86
90
  },
@@ -90,16 +94,5 @@
90
94
  "classnames": "^2.5.1",
91
95
  "lodash": "^4.17.21"
92
96
  },
93
- "loki": {
94
- "configurations": {
95
- "chrome.laptop": {
96
- "target": "chrome.docker",
97
- "width": 1366,
98
- "height": 768,
99
- "deviceScaleFactor": 1,
100
- "mobile": false
101
- }
102
- }
103
- },
104
- "gitHead": "c998a2413912a643dd42baef1349fbaff00116f2"
97
+ "gitHead": "e0e2f9aa9a0e9c9ae20457f6c31badd0b980c4c7"
105
98
  }
package/react-types/index.d.ts CHANGED
@@ -40,12 +40,14 @@ declare global {
40
40
  /**
41
41
  * A container for page header nav.
42
42
  * @slot (default) - Used for instances of tds-page-header-nav-item
43
+ * @parent tds-page-header
43
44
  */
44
45
  "tds-page-header-nav": {
45
46
  } & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>
46
47
  /**
47
48
  * Individual navigation item for the page header contained within a `tds-page-header-nav` component.
48
49
  * @slot (default) - The content of the tab. Accepts text, or if required a button or anchor element.
50
+ * @parent tds-page-header
49
51
  * @cssprop --tds-page-header-nav-item-background-color - {var(--t-fill-color-transparency-light-060)} - Background color for the tab.
50
52
  * @cssprop --tds-page-header-nav-item-background-color-active - {var(--t-fill-color-neutral-060)} - Background color for the tab on active.
51
53
  * @cssprop --tds-page-header-nav-item-background-color-disabled - {var(--t-fill-color-neutral-080)} - Background color for the tab on disabled.