@planningcenter/tapestry-tokens 2.7.1-qa-513.0 → 2.8.0-rc.11

package/dist/ts/react-native-tokens.js

@@ -99,9 +99,9 @@ export const reactNativeTokens = {
     "--t-icon-color-status-neutral": { light: "hsl(0, 0%, 42%)", dark: "hsl(0, 0%, 54%)" },
     "--t-icon-color-status-neutral-secondary": { light: "hsl(0, 0%, 58%)", dark: "hsl(0, 0%, 38%)" },
     "--t-icon-color-status-neutral-bold": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 80%)" },
-    "--t-icon-color-status-neutral-dark": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 24%)" },
+    "--t-icon-color-status-neutral-dark": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 80%)" },
     "--t-icon-color-status-info": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 68%, 55%)" },
-    "--t-icon-color-status-info-secondary": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 40%)" },
+    "--t-icon-color-status-info-secondary": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 68%, 55%)" },
     "--t-icon-color-status-success": { light: "hsl(96, 57%, 33%)", dark: "hsl(96, 57%, 33%)" },
     "--t-icon-color-status-success-secondary": { light: "hsl(97, 57%, 40%)", dark: "hsl(97, 57%, 40%)" },
     "--t-icon-color-status-warning": { light: "hsl(42, 84%, 49%)", dark: "hsl(42, 84%, 49%)" },
@@ -125,17 +125,17 @@ export const reactNativeTokens = {
     "--t-fill-color-control-neutral-off": { light: "hsl(0, 0%, 58%)", dark: "hsl(0, 0%, 32%)" },
     "--t-fill-color-control-neutral-on": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 50%)" },
     "--t-fill-color-control": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 35%)" },
-    "--t-fill-color-control-secondary": { light: "hsl(97, 57%, 40%)", dark: "hsl(97, 57%, 40%)" },
     "--t-fill-color-control-error": { light: "hsl(8, 60%, 47%)", dark: "hsl(8, 60%, 47%)" },
+    "--t-fill-color-control-secondary": { light: "hsl(97, 57%, 40%)", dark: "hsl(97, 57%, 40%)" },
     "--t-fill-color-control-disabled": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 20%)" },
     "--t-fill-color-status-neutral": { light: "hsl(0, 0%, 42%)", dark: "hsl(0, 0%, 24%)" },
     "--t-fill-color-status-neutral-ghost": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 18%)" },
     "--t-fill-color-status-neutral-dim": { light: "hsl(0, 0%, 97%)", dark: "hsl(0, 0%, 15%)" },
-    "--t-fill-color-status-neutral-solid": { light: "hsl(0, 0%, 42%)", dark: "hsl(0, 0%, 42%)" },
+    "--t-fill-color-status-neutral-solid": { light: "hsl(0, 0%, 42%)", dark: "hsl(0, 0%, 24%)" },
     "--t-fill-color-status-info": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 35%)" },
     "--t-fill-color-status-info-ghost": { light: "hsl(203, 94%, 94%)", dark: "hsl(204, 32%, 15%)" },
     "--t-fill-color-status-info-dim": { light: "hsl(204, 100%, 97%)", dark: "hsl(206, 22%, 15%)" },
-    "--t-fill-color-status-info-solid": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 40%)" },
+    "--t-fill-color-status-info-solid": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 35%)" },
     "--t-fill-color-status-success": { light: "hsl(96, 57%, 33%)", dark: "hsl(96, 57%, 33%)" },
     "--t-fill-color-status-success-ghost": { light: "hsl(97, 57%, 90%)", dark: "hsl(125, 17%, 15%)" },
     "--t-fill-color-status-success-dim": { light: "hsl(96, 60%, 95%)", dark: "hsl(120, 12%, 14%)" },
@@ -334,14 +334,14 @@ export const reactNativeTokens = {
     "--t-fill-color-button-neutral-ghost-active": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 19%)" },
     "--t-fill-color-button-neutral-ghost-disabled": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 0%, 0)" },
     "--t-fill-color-button-neutral-ghost-disabled-solid": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 100%)" },
-    "--t-fill-color-button-neutral-responsive-header": { light: "hsla(0, 0%, 0%, 0.1)", dark: "hsla(0, 0%, 0%, 0.1)" },
-    "--t-fill-color-button-neutral-responsive-header-hover": { light: "hsla(0, 0%, 0%, 0.2)", dark: "hsla(0, 0%, 0%, 0.2)" },
-    "--t-fill-color-button-neutral-responsive-header-active": { light: "hsla(0, 0%, 0%, 0.3)", dark: "hsla(0, 0%, 0%, 0.3)" },
+    "--t-fill-color-button-neutral-responsive-header": { light: "hsla(0, 0%, 0%, 0.1)", dark: "hsla(0, 0%, 100%, 0.1)" },
+    "--t-fill-color-button-neutral-responsive-header-hover": { light: "hsla(0, 0%, 0%, 0.2)", dark: "hsla(0, 0%, 100%, 0.2)" },
+    "--t-fill-color-button-neutral-responsive-header-active": { light: "hsla(0, 0%, 0%, 0.3)", dark: "hsla(0, 0%, 100%, 0.3)" },
     "--t-fill-color-button-neutral-responsive-header-disabled": { light: "hsla(0, 0%, 0%, 0.05)", dark: "hsla(0, 0%, 100%, 0.05)" },
-    "--t-fill-color-button-neutral-outline-dim-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 100%, 0)" },
-    "--t-fill-color-button-neutral-outline-dim-hover": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 95%)" },
-    "--t-fill-color-button-neutral-outline-dim-active": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 93%)" },
-    "--t-fill-color-button-neutral-outline-dim-disabled": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 98%)" },
+    "--t-fill-color-button-neutral-outline-dim-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsl(0, 0%, 15%)" },
+    "--t-fill-color-button-neutral-outline-dim-hover": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 17%)" },
+    "--t-fill-color-button-neutral-outline-dim-active": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 19%)" },
+    "--t-fill-color-button-neutral-outline-dim-disabled": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 12%)" },
     "--t-fill-color-button-neutral-outline-dim-disabled-solid": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 100%)" },
     "--t-fill-color-button-interaction-solid": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 35%)" },
     "--t-fill-color-button-interaction-solid-hover": { light: "hsl(204, 100%, 35%)", dark: "hsl(204, 100%, 40%)" },
@@ -355,10 +355,10 @@ export const reactNativeTokens = {
     "--t-fill-color-button-interaction-ghost-hover": { light: "hsl(204, 100%, 97%)", dark: "hsl(204, 32%, 15%)" },
     "--t-fill-color-button-interaction-ghost-active": { light: "hsl(203, 94%, 94%)", dark: "hsl(204, 39%, 17%)" },
     "--t-fill-color-button-interaction-ghost-disabled": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 0%, 0)" },
-    "--t-fill-color-button-interaction-outline-dim-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 100%, 0)" },
-    "--t-fill-color-button-interaction-outline-dim-hover": { light: "hsl(204, 100%, 97%)", dark: "hsl(204, 100%, 97%)" },
-    "--t-fill-color-button-interaction-outline-dim-active": { light: "hsl(203, 94%, 94%)", dark: "hsl(203, 94%, 94%)" },
-    "--t-fill-color-button-interaction-outline-dim-disabled": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 98%)" },
+    "--t-fill-color-button-interaction-outline-dim-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsl(204, 32%, 15%)" },
+    "--t-fill-color-button-interaction-outline-dim-hover": { light: "hsl(204, 100%, 97%)", dark: "hsl(204, 39%, 17%)" },
+    "--t-fill-color-button-interaction-outline-dim-active": { light: "hsl(203, 94%, 94%)", dark: "hsl(205, 45%, 18%)" },
+    "--t-fill-color-button-interaction-outline-dim-disabled": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 12%)" },
     "--t-fill-color-button-create-solid-default": { light: "hsl(96, 57%, 33%)", dark: "hsl(0, 0%, 25%)" },
     "--t-fill-color-button-create-solid-hover": { light: "hsl(97, 57%, 28%)", dark: "hsl(0, 0%, 25%)" },
     "--t-fill-color-button-create-solid-active": { light: "hsl(97, 57%, 23%)", dark: "hsl(0, 0%, 25%)" },
@@ -379,10 +379,10 @@ export const reactNativeTokens = {
     "--t-fill-color-button-delete-ghost-hover": { light: "hsl(7, 60%, 97%)", dark: "hsl(8, 20%, 16%)" },
     "--t-fill-color-button-delete-ghost-active": { light: "hsl(9, 59%, 93%)", dark: "hsl(9, 24%, 17%)" },
     "--t-fill-color-button-delete-ghost-disabled": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 0%, 0)" },
-    "--t-fill-color-button-delete-outline-dim-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 100%, 0)" },
-    "--t-fill-color-button-delete-outline-dim-hover": { light: "hsl(7, 60%, 97%)", dark: "hsl(7, 60%, 97%)" },
-    "--t-fill-color-button-delete-outline-dim-active": { light: "hsl(9, 59%, 93%)", dark: "hsl(9, 59%, 93%)" },
-    "--t-fill-color-button-delete-outline-dim-disabled": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 98%)" },
+    "--t-fill-color-button-delete-outline-dim-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsl(8, 20%, 16%)" },
+    "--t-fill-color-button-delete-outline-dim-hover": { light: "hsl(7, 60%, 97%)", dark: "hsl(9, 24%, 17%)" },
+    "--t-fill-color-button-delete-outline-dim-active": { light: "hsl(9, 59%, 93%)", dark: "hsl(9, 29%, 19%)" },
+    "--t-fill-color-button-delete-outline-dim-disabled": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 12%)" },
     "--t-fill-color-button-pill": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 18%)" },
     "--t-fill-color-button-pill-hover": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 21%)" },
     "--t-fill-color-button-pill-active": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 21%)" },
@@ -439,24 +439,24 @@ export const reactNativeTokens = {
     "--t-border-color-control-error": { light: "hsl(8, 60%, 47%)", dark: "hsl(8, 60%, 47%)" },
     "--t-border-color-control-disabled": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 24%)" },
     "--t-shadow-overflow-color": { light: "hsla(0, 0%, 0%, 0.07)", dark: "hsla(0, 0%, 0%, 0.6)" },
-    "--t-form-background-color": { light: "hsl(0, 0%, 100%)", dark: "hsl(0, 0%, 100%)" },
-    "--t-form-background-color-disabled": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 95%)" },
-    "--t-form-background-color-error": { light: "hsl(0, 0%, 100%)", dark: "hsl(0, 0%, 100%)" },
-    "--t-form-background-color-readonly": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 95%)" },
-    "--t-form-border-color": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 88%)" },
-    "--t-form-border-color-disabled": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 88%)" },
+    "--t-form-background-color": { light: "hsl(0, 0%, 100%)", dark: "hsl(0, 0%, 10%)" },
+    "--t-form-background-color-disabled": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 17%)" },
+    "--t-form-background-color-error": { light: "hsl(0, 0%, 100%)", dark: "hsl(0, 0%, 10%)" },
+    "--t-form-background-color-readonly": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 17%)" },
+    "--t-form-border-color": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 21%)" },
+    "--t-form-border-color-disabled": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 21%)" },
     "--t-form-border-color-error": { light: "hsl(8, 60%, 47%)", dark: "hsl(8, 60%, 47%)" },
-    "--t-form-border-color-focus": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 40%)" },
-    "--t-form-border-color-hover": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 81%)" },
+    "--t-form-border-color-focus": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 35%)" },
+    "--t-form-border-color-hover": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 25%)" },
     "--t-form-border-color-readonly": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 100%, 0)" },
     "--t-form-border-radius": 4,
     "--t-form-border-width": 1,
-    "--t-form-font-color": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 24%)" },
-    "--t-form-font-color-disabled": { light: "hsl(0, 0%, 68%)", dark: "hsl(0, 0%, 68%)" },
-    "--t-form-font-color-error": { light: "hsl(8, 60%, 45%)", dark: "hsl(8, 60%, 45%)" },
-    "--t-form-font-color-readonly": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 24%)" },
-    "--t-form-picker-icon-color": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 24%)" },
-    "--t-form-placeholder-color": { light: "hsl(0, 0%, 58%)", dark: "hsl(0, 0%, 58%)" },
+    "--t-form-font-color": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 80%)" },
+    "--t-form-font-color-disabled": { light: "hsl(0, 0%, 68%)", dark: "hsl(0, 0%, 32%)" },
+    "--t-form-font-color-error": { light: "hsl(8, 60%, 45%)", dark: "hsl(8, 61%, 61%)" },
+    "--t-form-font-color-readonly": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 80%)" },
+    "--t-form-picker-icon-color": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 80%)" },
+    "--t-form-placeholder-color": { light: "hsl(0, 0%, 58%)", dark: "hsl(0, 0%, 38%)" },
     "--t-border-color-default-base": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 21%)" },
     "--t-border-color-default-dark": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 25%)" },
     "--t-border-color-default-darker": { light: "hsl(0, 0%, 68%)", dark: "hsl(0, 0%, 33%)" },
@@ -474,7 +474,7 @@ export const reactNativeTokens = {
     "--t-fill-color-button-interaction-solid-default": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 35%)" },
     "--t-fill-color-button-neutral-ghost-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 0%, 0)" },
     "--t-fill-color-button-neutral-outline-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsl(0, 0%, 15%)" },
-    "--t-fill-color-button-neutral-responsive-header-default": { light: "hsla(0, 0%, 0%, 0.1)", dark: "hsla(0, 0%, 0%, 0.1)" },
+    "--t-fill-color-button-neutral-responsive-header-default": { light: "hsla(0, 0%, 0%, 0.1)", dark: "hsla(0, 0%, 100%, 0.1)" },
     "--t-fill-color-button-neutral-solid-default": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 19%)" },
     "--t-fill-color-button-pill-default": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 18%)" },
     "--t-fill-color-control-primary": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 35%)" },

package/dist/ts/tokens.d.ts

@@ -125,8 +125,8 @@ export declare const tokens: {
     "--t-fill-color-control-neutral-off": "hsl(0, 0%, 58%)";
     "--t-fill-color-control-neutral-on": "hsl(0, 0%, 24%)";
     "--t-fill-color-control": "hsl(204, 100%, 40%)";
-    "--t-fill-color-control-secondary": "hsl(97, 57%, 40%)";
     "--t-fill-color-control-error": "hsl(8, 60%, 47%)";
+    "--t-fill-color-control-secondary": "hsl(97, 57%, 40%)";
     "--t-fill-color-control-disabled": "hsl(0, 0%, 81%)";
     "--t-fill-color-status-neutral": "hsl(0, 0%, 42%)";
     "--t-fill-color-status-neutral-ghost": "hsl(0, 0%, 93%)";

package/dist/ts/tokens.js

@@ -125,8 +125,8 @@ export const tokens = {
     "--t-fill-color-control-neutral-off": "hsl(0, 0%, 58%)",
     "--t-fill-color-control-neutral-on": "hsl(0, 0%, 24%)",
     "--t-fill-color-control": "hsl(204, 100%, 40%)",
-    "--t-fill-color-control-secondary": "hsl(97, 57%, 40%)",
     "--t-fill-color-control-error": "hsl(8, 60%, 47%)",
+    "--t-fill-color-control-secondary": "hsl(97, 57%, 40%)",
     "--t-fill-color-control-disabled": "hsl(0, 0%, 81%)",
     "--t-fill-color-status-neutral": "hsl(0, 0%, 42%)",
     "--t-fill-color-status-neutral-ghost": "hsl(0, 0%, 93%)",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/tapestry-tokens",
-  "version": "2.7.1-qa-513.0",
+  "version": "2.8.0-rc.11",
   "type": "module",
   "repository": {
     "type": "git",
@@ -50,5 +50,5 @@
     "typescript": "^5.5.3",
     "vitest": "^3.0.0"
   },
-  "gitHead": "99523ff01a0b24f7ecaf6a22b9da40e2594880ef"
+  "gitHead": "4f6c7689fbcbdb7dd23a95705aac0b35771ecf9e"
 }