@planningcenter/tapestry 3.0.0-rc.4 → 3.0.0-rc.5

package/dist/tokens-deprecated.css.map

@@ -1 +1 @@
-{"version":3,"sources":["tokens-alias-deprecated.css"],"names":[],"mappings":"AAIA;EACE,6CAA8C;EAC9C,iDAAkD;EAClD,uDAAwD;EACxD,0EAA2E;EAC3E,oEAAqE;EACrE,sEAAuE;EACvE,gEAAiE;EACjE,sEAAuE;EACvE,sEAAuE;EACvE,kEAAmE;EACnE,4CAA6C;EAC7C,+CAAgD;EAChD,8CAA+C;EAC/C,2CAA4C;EAC5C,kEAAmE;EACnE,4FAA6F;EAC7F,gGAAiG;EACjG,kGAAmG;EACnG,sGAAuG;EACvG,wEAAyE;EACzE,oGAAqG;EACrG,wGAAyG;EACzG,0GAA2G;EAC3G,8GAA+G;EAC/G,4DAA6D;EAC7D,0DAA2D;EAC3D,2DAA4D;EAC5D,2DAA4D;EAC5D,+DAAgE;EAChE,0DAA2D;EAC3D,2DAA4D;EAC5D,gEAAiE;EACjE,0FAA2F;EAC3F,8FAA+F;EAC/F,gGAAiG;EACjG,oGAAqG;EACrG,mDAAoD;EACpD,wDAAyD;EACzD,4DAA6D;EAC7D,8DAA+D;EAC/D,sDAAuD;EACvD,gEAAiE;EACjE,0DAA2D;EAC3D,gDAAiD;EACjD,8CAA+C;EAC/C,kFAAmF;EACnF,sFAAuF;EACvF,kFAAmF;EACnF,4FAA6F;EAC7F,gGAAiG;EACjG,4FAA6F;EAC7F,oFAAqF;EACrF,wFAAyF;EACzF,4GAA6G;EAC7G,oFAAqF;EACrF,kEAAmE;EACnE,0DAA2D;EAC3D,kEAAmE;EACnE,mEAAoE;EACpE,oEAAqE;EACrE,0DAA2D;EAC3D,kDAAmD;EACnD,4DAA6D;EAC7D,4DAA6D;EAC7D,kDAAmD;EACnD,8DAA+D;EAC/D,oEAAqE;EACrE,kEAAmE;EACnE,wEAAyE;EACzE,wEAAyE;EACzE,wEAAyE;EACzE,4DAA6D;EAC7D,4DAA6D;EAC7D,4DAA6D;EAC7D,kEAAmE;EACnE,kDAAmD;EACnD,8DAA+D;EAC/D,kEAAmE;AACrE","file":"tokens-deprecated.css","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n  --t-border-size-default: var(--t-border-width);\n  --t-border-size-thick: var(--t-border-width-thick);\n  --t-font-weight-semi-bold: var(--t-font-weight-semibold);\n  --t-icon-color-status-neutral-dark: var(--t-icon-color-status-neutral-bold);\n  --t-icon-color-status-info-secondary: var(--t-icon-color-status-info);\n  --t-fill-color-status-neutral-solid: var(--t-fill-color-status-neutral);\n  --t-fill-color-status-info-solid: var(--t-fill-color-status-info);\n  --t-fill-color-status-success-solid: var(--t-fill-color-status-success);\n  --t-fill-color-status-warning-solid: var(--t-fill-color-status-warning);\n  --t-fill-color-status-error-solid: var(--t-fill-color-status-error);\n  --t-fill-color-alert-info: hsl(204, 94%, 49%);\n  --t-fill-color-alert-success: hsl(122, 60%, 41%);\n  --t-fill-color-alert-warning: hsl(43, 96%, 58%);\n  --t-fill-color-alert-error: hsl(4, 77%, 59%);\n  --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);\n  --t-fill-color-button-neutral-outline-dim-default: var(--t-fill-color-button-neutral-outline);\n  --t-fill-color-button-neutral-outline-dim-hover: var(--t-fill-color-button-neutral-outline-hover);\n  --t-fill-color-button-neutral-outline-dim-active: var(--t-fill-color-button-neutral-outline-active);\n  --t-fill-color-button-neutral-outline-dim-disabled: var(--t-fill-color-button-neutral-outline-disabled);\n  --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 98%);\n  --t-fill-color-button-interaction-outline-dim-default: var(--t-fill-color-button-interaction-outline);\n  --t-fill-color-button-interaction-outline-dim-hover: var(--t-fill-color-button-interaction-outline-hover);\n  --t-fill-color-button-interaction-outline-dim-active: var(--t-fill-color-button-interaction-outline-active);\n  --t-fill-color-button-interaction-outline-dim-disabled: var(--t-fill-color-button-interaction-outline-disabled);\n  --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);\n  --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);\n  --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);\n  --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 81%);\n  --t-fill-color-button-create-ghost-default: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);\n  --t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);\n  --t-fill-color-button-create-ghost-disabled: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-delete-outline-dim-default: var(--t-fill-color-button-delete-outline);\n  --t-fill-color-button-delete-outline-dim-hover: var(--t-fill-color-button-delete-outline-hover);\n  --t-fill-color-button-delete-outline-dim-active: var(--t-fill-color-button-delete-outline-active);\n  --t-fill-color-button-delete-outline-dim-disabled: var(--t-fill-color-button-delete-outline-disabled);\n  --t-border-color-default-base: var(--t-border-color);\n  --t-border-color-default-dark: var(--t-border-color-dark);\n  --t-border-color-default-darker: var(--t-border-color-darker);\n  --t-border-color-default-darkest: var(--t-border-color-darkest);\n  --t-border-color-default-dim: var(--t-border-color-dim);\n  --t-border-color-default-disabled: var(--t-border-color-disabled);\n  --t-border-color-default-white: var(--t-border-color-white);\n  --t-border-radius-default: var(--t-border-radius);\n  --t-border-width-default: var(--t-border-width);\n  --t-fill-color-button-delete-ghost-default: var(--t-fill-color-button-delete-ghost);\n  --t-fill-color-button-delete-outline-default: var(--t-fill-color-button-delete-outline);\n  --t-fill-color-button-delete-solid-default: var(--t-fill-color-button-delete-solid);\n  --t-fill-color-button-interaction-ghost-default: var(--t-fill-color-button-interaction-ghost);\n  --t-fill-color-button-interaction-outline-default: var(--t-fill-color-button-interaction-outline);\n  --t-fill-color-button-interaction-solid-default: var(--t-fill-color-button-interaction-solid);\n  --t-fill-color-button-neutral-ghost-default: var(--t-fill-color-button-neutral-ghost);\n  --t-fill-color-button-neutral-outline-default: var(--t-fill-color-button-neutral-outline);\n  --t-fill-color-button-neutral-responsive-header-default: var(--t-fill-color-button-neutral-responsive-header);\n  --t-fill-color-button-neutral-solid-default: var(--t-fill-color-button-neutral-solid);\n  --t-fill-color-button-pill-default: var(--t-fill-color-button-pill);\n  --t-fill-color-control-primary: var(--t-fill-color-control);\n  --t-fill-color-interaction-default: var(--t-fill-color-interaction);\n  --t-fill-color-product-staff-base: var(--t-fill-color-product-staff);\n  --t-fill-color-status-error-primary: var(--t-fill-color-status-error);\n  --t-fill-color-tooltip-primary: var(--t-fill-color-tooltip);\n  --t-icon-color-default-dim: var(--t-icon-color-dim);\n  --t-icon-color-default-disabled: var(--t-icon-color-disabled);\n  --t-icon-color-default-inverted: var(--t-icon-color-inverted);\n  --t-icon-color-default-primary: var(--t-icon-color);\n  --t-icon-color-default-secondary: var(--t-icon-color-secondary);\n  --t-icon-color-status-error-primary: var(--t-icon-color-status-error);\n  --t-icon-color-status-info-primary: var(--t-icon-color-status-info);\n  --t-icon-color-status-neutral-primary: var(--t-icon-color-status-neutral);\n  --t-icon-color-status-success-primary: var(--t-icon-color-status-success);\n  --t-icon-color-status-warning-primary: var(--t-icon-color-status-warning);\n  --t-text-color-default-disabled: var(--t-text-color-disabled);\n  --t-text-color-default-headline: var(--t-text-color-headline);\n  --t-text-color-default-inverted: var(--t-text-color-inverted);\n  --t-text-color-default-placeholder: var(--t-text-color-placeholder);\n  --t-text-color-default-primary: var(--t-text-color);\n  --t-text-color-default-secondary: var(--t-text-color-secondary);\n  --t-text-color-interaction-primary: var(--t-text-color-interaction);\n}\n"]}
+{"version":3,"sources":["tokens-alias-deprecated.css","tokens-dark-deprecated.css","tokens-system-dark-deprecated.css"],"names":[],"mappings":"AAIA;EACE,6CAA8C;EAC9C,iDAAkD;EAClD,uDAAwD;EACxD,0EAA2E;EAC3E,oEAAqE;EACrE,sEAAuE;EACvE,gEAAiE;EACjE,sEAAuE;EACvE,sEAAuE;EACvE,kEAAmE;EACnE,4CAA6C;EAC7C,+CAAgD;EAChD,8CAA+C;EAC/C,2CAA4C;EAC5C,kEAAmE;EACnE,4FAA6F;EAC7F,gGAAiG;EACjG,kGAAmG;EACnG,sGAAuG;EACvG,wEAAyE;EACzE,oGAAqG;EACrG,wGAAyG;EACzG,0GAA2G;EAC3G,8GAA+G;EAC/G,4DAA6D;EAC7D,0DAA2D;EAC3D,2DAA4D;EAC5D,2DAA4D;EAC5D,+DAAgE;EAChE,0DAA2D;EAC3D,2DAA4D;EAC5D,gEAAiE;EACjE,0FAA2F;EAC3F,8FAA+F;EAC/F,gGAAiG;EACjG,oGAAqG;EACrG,mDAAoD;EACpD,wDAAyD;EACzD,4DAA6D;EAC7D,8DAA+D;EAC/D,sDAAuD;EACvD,gEAAiE;EACjE,0DAA2D;EAC3D,gDAAiD;EACjD,8CAA+C;EAC/C,kFAAmF;EACnF,sFAAuF;EACvF,kFAAmF;EACnF,4FAA6F;EAC7F,gGAAiG;EACjG,4FAA6F;EAC7F,oFAAqF;EACrF,wFAAyF;EACzF,4GAA6G;EAC7G,oFAAqF;EACrF,kEAAmE;EACnE,0DAA2D;EAC3D,kEAAmE;EACnE,mEAAoE;EACpE,oEAAqE;EACrE,0DAA2D;EAC3D,kDAAmD;EACnD,4DAA6D;EAC7D,4DAA6D;EAC7D,kDAAmD;EACnD,8DAA+D;EAC/D,oEAAqE;EACrE,kEAAmE;EACnE,wEAAyE;EACzE,wEAAyE;EACzE,wEAAyE;EACzE,4DAA6D;EAC7D,4DAA6D;EAC7D,4DAA6D;EAC7D,kEAAmE;EACnE,kDAAmD;EACnD,8DAA+D;EAC/D,kEAAmE;AACrE;;AC/EA;EACE,mEAAoE;EACpE,yEAA0E;EAC1E,0DAA2D;EAC3D,wDAAyD;EACzD,yDAA0D;EAC1D,2DAA4D;EAC5D,6DAA8D;EAC9D,8DAA+D;AACjE;;ACTA;AACA;EACE,mEAAoE;EACpE,yEAA0E;EAC1E,0DAA2D;EAC3D,wDAAyD;EACzD,yDAA0D;EAC1D,2DAA4D;EAC5D,6DAA8D;EAC9D,8DAA+D;AACjE;AACA","file":"tokens-deprecated.css","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n  --t-border-size-default: var(--t-border-width);\n  --t-border-size-thick: var(--t-border-width-thick);\n  --t-font-weight-semi-bold: var(--t-font-weight-semibold);\n  --t-icon-color-status-neutral-dark: var(--t-icon-color-status-neutral-bold);\n  --t-icon-color-status-info-secondary: var(--t-icon-color-status-info);\n  --t-fill-color-status-neutral-solid: var(--t-fill-color-status-neutral);\n  --t-fill-color-status-info-solid: var(--t-fill-color-status-info);\n  --t-fill-color-status-success-solid: var(--t-fill-color-status-success);\n  --t-fill-color-status-warning-solid: var(--t-fill-color-status-warning);\n  --t-fill-color-status-error-solid: var(--t-fill-color-status-error);\n  --t-fill-color-alert-info: hsl(204, 94%, 49%);\n  --t-fill-color-alert-success: hsl(122, 60%, 41%);\n  --t-fill-color-alert-warning: hsl(43, 96%, 58%);\n  --t-fill-color-alert-error: hsl(4, 77%, 59%);\n  --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);\n  --t-fill-color-button-neutral-outline-dim-default: var(--t-fill-color-button-neutral-outline);\n  --t-fill-color-button-neutral-outline-dim-hover: var(--t-fill-color-button-neutral-outline-hover);\n  --t-fill-color-button-neutral-outline-dim-active: var(--t-fill-color-button-neutral-outline-active);\n  --t-fill-color-button-neutral-outline-dim-disabled: var(--t-fill-color-button-neutral-outline-disabled);\n  --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 98%);\n  --t-fill-color-button-interaction-outline-dim-default: var(--t-fill-color-button-interaction-outline);\n  --t-fill-color-button-interaction-outline-dim-hover: var(--t-fill-color-button-interaction-outline-hover);\n  --t-fill-color-button-interaction-outline-dim-active: var(--t-fill-color-button-interaction-outline-active);\n  --t-fill-color-button-interaction-outline-dim-disabled: var(--t-fill-color-button-interaction-outline-disabled);\n  --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);\n  --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);\n  --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);\n  --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 81%);\n  --t-fill-color-button-create-ghost-default: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);\n  --t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);\n  --t-fill-color-button-create-ghost-disabled: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-delete-outline-dim-default: var(--t-fill-color-button-delete-outline);\n  --t-fill-color-button-delete-outline-dim-hover: var(--t-fill-color-button-delete-outline-hover);\n  --t-fill-color-button-delete-outline-dim-active: var(--t-fill-color-button-delete-outline-active);\n  --t-fill-color-button-delete-outline-dim-disabled: var(--t-fill-color-button-delete-outline-disabled);\n  --t-border-color-default-base: var(--t-border-color);\n  --t-border-color-default-dark: var(--t-border-color-dark);\n  --t-border-color-default-darker: var(--t-border-color-darker);\n  --t-border-color-default-darkest: var(--t-border-color-darkest);\n  --t-border-color-default-dim: var(--t-border-color-dim);\n  --t-border-color-default-disabled: var(--t-border-color-disabled);\n  --t-border-color-default-white: var(--t-border-color-white);\n  --t-border-radius-default: var(--t-border-radius);\n  --t-border-width-default: var(--t-border-width);\n  --t-fill-color-button-delete-ghost-default: var(--t-fill-color-button-delete-ghost);\n  --t-fill-color-button-delete-outline-default: var(--t-fill-color-button-delete-outline);\n  --t-fill-color-button-delete-solid-default: var(--t-fill-color-button-delete-solid);\n  --t-fill-color-button-interaction-ghost-default: var(--t-fill-color-button-interaction-ghost);\n  --t-fill-color-button-interaction-outline-default: var(--t-fill-color-button-interaction-outline);\n  --t-fill-color-button-interaction-solid-default: var(--t-fill-color-button-interaction-solid);\n  --t-fill-color-button-neutral-ghost-default: var(--t-fill-color-button-neutral-ghost);\n  --t-fill-color-button-neutral-outline-default: var(--t-fill-color-button-neutral-outline);\n  --t-fill-color-button-neutral-responsive-header-default: var(--t-fill-color-button-neutral-responsive-header);\n  --t-fill-color-button-neutral-solid-default: var(--t-fill-color-button-neutral-solid);\n  --t-fill-color-button-pill-default: var(--t-fill-color-button-pill);\n  --t-fill-color-control-primary: var(--t-fill-color-control);\n  --t-fill-color-interaction-default: var(--t-fill-color-interaction);\n  --t-fill-color-product-staff-base: var(--t-fill-color-product-staff);\n  --t-fill-color-status-error-primary: var(--t-fill-color-status-error);\n  --t-fill-color-tooltip-primary: var(--t-fill-color-tooltip);\n  --t-icon-color-default-dim: var(--t-icon-color-dim);\n  --t-icon-color-default-disabled: var(--t-icon-color-disabled);\n  --t-icon-color-default-inverted: var(--t-icon-color-inverted);\n  --t-icon-color-default-primary: var(--t-icon-color);\n  --t-icon-color-default-secondary: var(--t-icon-color-secondary);\n  --t-icon-color-status-error-primary: var(--t-icon-color-status-error);\n  --t-icon-color-status-info-primary: var(--t-icon-color-status-info);\n  --t-icon-color-status-neutral-primary: var(--t-icon-color-status-neutral);\n  --t-icon-color-status-success-primary: var(--t-icon-color-status-success);\n  --t-icon-color-status-warning-primary: var(--t-icon-color-status-warning);\n  --t-text-color-default-disabled: var(--t-text-color-disabled);\n  --t-text-color-default-headline: var(--t-text-color-headline);\n  --t-text-color-default-inverted: var(--t-text-color-inverted);\n  --t-text-color-default-placeholder: var(--t-text-color-placeholder);\n  --t-text-color-default-primary: var(--t-text-color);\n  --t-text-color-default-secondary: var(--t-text-color-secondary);\n  --t-text-color-interaction-primary: var(--t-text-color-interaction);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root[data-color-mode=\"dark\"] {\n  --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 100%);\n  --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 100%);\n  --t-fill-color-button-create-solid-default: hsl(0, 0%, 25%);\n  --t-fill-color-button-create-solid-hover: hsl(0, 0%, 25%);\n  --t-fill-color-button-create-solid-active: hsl(0, 0%, 25%);\n  --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 25%);\n  --t-fill-color-button-create-ghost-hover: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-create-ghost-active: hsla(0, 0%, 100%, 0);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n@media (prefers-color-scheme: dark) {\n:root[data-color-mode=\"system\"] {\n  --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 100%);\n  --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 100%);\n  --t-fill-color-button-create-solid-default: hsl(0, 0%, 25%);\n  --t-fill-color-button-create-solid-hover: hsl(0, 0%, 25%);\n  --t-fill-color-button-create-solid-active: hsl(0, 0%, 25%);\n  --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 25%);\n  --t-fill-color-button-create-ghost-hover: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-create-ghost-active: hsla(0, 0%, 100%, 0);\n}\n}\n"]}

package/dist/tokens-deprecated.d.ts

@@ -1,2 +1,4 @@
 import "./tokens/css/tokens-alias-deprecated.css";
+import "./tokens/css/tokens-dark-deprecated.css";
+import "./tokens/css/tokens-system-dark-deprecated.css";
 //# sourceMappingURL=tokens-deprecated.d.ts.map

package/dist/tokens-deprecated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens-deprecated.d.ts","sourceRoot":"","sources":["../src/tokens-deprecated.ts"],"names":[],"mappings":"AAAA,OAAO,0CAA0C,CAAA"}
+{"version":3,"file":"tokens-deprecated.d.ts","sourceRoot":"","sources":["../src/tokens-deprecated.ts"],"names":[],"mappings":"AAAA,OAAO,0CAA0C,CAAA;AACjD,OAAO,yCAAyC,CAAA;AAChD,OAAO,gDAAgD,CAAA"}

package/dist/unstable.css

@@ -1118,6 +1118,30 @@
   --t-text-color-interaction-primary:var(--t-text-color-interaction);
 }
 
+:root[data-color-mode="dark"]{
+  --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 100%);
+  --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 100%);
+  --t-fill-color-button-create-solid-default:hsl(0, 0%, 25%);
+  --t-fill-color-button-create-solid-hover:hsl(0, 0%, 25%);
+  --t-fill-color-button-create-solid-active:hsl(0, 0%, 25%);
+  --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 25%);
+  --t-fill-color-button-create-ghost-hover:hsla(0, 0%, 100%, 0);
+  --t-fill-color-button-create-ghost-active:hsla(0, 0%, 100%, 0);
+}
+
+@media (prefers-color-scheme: dark){
+:root[data-color-mode="system"]{
+  --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 100%);
+  --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 100%);
+  --t-fill-color-button-create-solid-default:hsl(0, 0%, 25%);
+  --t-fill-color-button-create-solid-hover:hsl(0, 0%, 25%);
+  --t-fill-color-button-create-solid-active:hsl(0, 0%, 25%);
+  --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 25%);
+  --t-fill-color-button-create-ghost-hover:hsla(0, 0%, 100%, 0);
+  --t-fill-color-button-create-ghost-active:hsla(0, 0%, 100%, 0);
+}
+}
+
 @layer t-critical{
   tds-page-header:not(.hydrated){
     display:none;