@planningcenter/tapestry 0.5.0-rc.6 → 0.5.0-rc.8

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 +3 -3
  2. package/react-types/index.d.ts +20 -9
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@planningcenter/tapestry",
3
- "version": "0.5.0-rc.6",
3
+ "version": "0.5.0-rc.8",
4
4
  "type": "module",
5
5
  "repository": {
6
6
  "type": "git",
@@ -80,7 +80,7 @@
80
80
  "shadow-dom-testing-library": "^1.11.3",
81
81
  "storybook": "^8.2.9",
82
82
  "style-dictionary": "^4.2.0",
83
- "tapestry-wc": "^0.5.0-rc.6",
83
+ "tapestry-wc": "^0.5.0-rc.8",
84
84
  "typescript": "^5.5.3",
85
85
  "vitest": "^3.0.0"
86
86
  },
@@ -101,5 +101,5 @@
101
101
  }
102
102
  }
103
103
  },
104
- "gitHead": "0d3f80b69798b4896d3eeb245a105c507878538d"
104
+ "gitHead": "27301e7d6621d35c13c63fbb3a5c5f387aa571bf"
105
105
  }
package/react-types/index.d.ts CHANGED
@@ -18,8 +18,9 @@ declare global {
18
18
  * @slot actions - Additional content (typically actions) that complements the primary slot.
19
19
  * @slot navigation - For page header with navigation, this slot is for the nav.
20
20
  * @cssprop --tds-page-header-background-color - Background color of the header.
21
+ * @cssprop --tds-page-header-background-color-inactive - Background color of inactive headers.
21
22
  * @cssprop --tds-page-header-color - Color of any meta text.
22
- * @cssprop --tds-page-header-headline - Color of the page header h1.
23
+ * @cssprop --tds-page-header-headline-color - Color of the page header h1.
23
24
  * @cssprop --tds-page-header-padding-x - Horizontal padding of the header.
24
25
  * @cssprop --tds-page-header-padding-y - Vertical padding of the header.
25
26
  */
@@ -40,15 +41,25 @@ declare global {
40
41
  /**
41
42
  * Individual navigation item for the page header contained within a `tds-page-header-nav` component.
42
43
  * @slot (default) - The content of the tab. Accepts text, or if required a button or anchor element.
43
- * @cssprop --tds-page-header-nav-item-background-color-disabled - {var(--t-fill-color-neutral-080)} - Background color for the disabled tab.
44
+ * @cssprop --tds-page-header-nav-item-background-color - {var(--t-fill-color-transparency-light-060)} - Background color for the tab.
45
+ * @cssprop --tds-page-header-nav-item-background-color-active - {var(--t-fill-color-neutral-060)} - Background color for the tab on active.
46
+ * @cssprop --tds-page-header-nav-item-background-color-disabled - {var(--t-fill-color-neutral-080)} - Background color for the tab on disabled.
44
47
  * @cssprop --tds-page-header-nav-item-background-color-hover - {var(--t-fill-color-neutral-080)} - Background color for the tab on hover.
45
- * @cssprop --tds-page-header-nav-item-background-color-selected - {var(--t-fill-color-neutral-100)} - Background color for the active tab.
46
- * @cssprop --tds-page-header-nav-item-color - {var(--t-text-color-default-secondary)} - Default color for the tab.
47
- * @cssprop --tds-page-header-nav-item-color-disabled - {var(--t-text-color-default-disabled)} - Color for the disabled tab.
48
- * @cssprop --tds-page-header-nav-item-color-hover - {var(--t-text-color-interaction-primary)} - Color for the tab on hover.
49
- * @cssprop --tds-page-header-nav-item-color-selected - {var(--t-text-color-default-primary)} - Color for the active tab.
50
- * @cssprop --tds-page-header-nav-item-padding-x - {12px} - Horizontal padding for the tab.
51
- * @cssprop --tds-page-header-nav-item-padding-y - {0} - Vertical padding for the tab.
48
+ * @cssprop --tds-page-header-nav-item-background-color-selected - {var(--t-fill-color-neutral-100)} - Background color for the tab on selected.
49
+ * @cssprop --tds-page-header-nav-item-border-bottom-color - {var(--t-border-color-default-base)} - Border bottom color for the tab.
50
+ * @cssprop --tds-page-header-nav-item-border-bottom-color-selected - {var(--tds-page-header-nav-item-background-color-selected)} - Border bottom color for the tab on selected.
51
+ * @cssprop --tds-page-header-nav-item-border-color - {var(--tds-page-header-nav-item-background-color)} - Border color for the tab.
52
+ * @cssprop --tds-page-header-nav-item-border-color-active - {var(--tds-page-header-nav-item-background-color-hover)} - Border color for the tab on active.
53
+ * @cssprop --tds-page-header-nav-item-border-color-disabled - {var(--tds-page-header-nav-item-background-color-disabled)} - Border color for the tab on disabled.
54
+ * @cssprop --tds-page-header-nav-item-border-color-hover - {var(--tds-page-header-nav-item-background-color-hover)} - Border color for the tab on hover.
55
+ * @cssprop --tds-page-header-nav-item-border-color-selected - {var(--t-border-color-default-base)} - Border color for the tab on selected.
56
+ * @cssprop --tds-page-header-nav-item-border-width - {0} - Border width for the tab.
57
+ * @cssprop --tds-page-header-nav-item-color - {var(--t-text-color-default-primary)} - Text color for the tab.
58
+ * @cssprop --tds-page-header-nav-item-color-disabled - {var(--t-text-color-default-disabled)} - Text color for the tab on disabled.
59
+ * @cssprop --tds-page-header-nav-item-color-hover - {var(--tds-page-header-nav-item-color)} - Text color for the tab on hover.
60
+ * @cssprop --tds-page-header-nav-item-color-selected - {var(--t-text-color-default-primary)} - Text color for the tab on selected.
61
+ * @cssprop --tds-page-header-nav-item-padding-x - {var(--t-spacing-1)} - Horizontal padding for the tab.
62
+ * @cssprop --tds-page-header-nav-item-padding-y - {var(--t-spacing-1)} - Vertical padding for the tab.
52
63
  */
53
64
  "tds-page-header-nav-item": {
54
65
  /**