@planningcenter/tapestry-tokens 0.0.1 → 3.0.0-rc.26

package/{src → dist}/css/components/banner.css

@@ -4,21 +4,21 @@
 
 .t-banner {
   --t-banner-font-size: var(--t-font-size-md);
-  --t-banner-font-color: var(--t-text-color-default-primary);
+  --t-banner-font-color: var(--t-text-color);
   --t-banner-background-color: var(--t-fill-color-status-neutral-ghost);
   --t-banner-spacing: var(--t-spacing-2);
   --t-banner-border-radius: var(--t-border-radius-md);
-  --t-banner-title-font-color: var(--t-text-color-default-headline);
+  --t-banner-title-font-color: var(--t-text-color-headline);
   --t-banner-title-font-size: var(--t-font-size-md);
-  --t-banner-title-font-weight: var(--t-font-weight-semi-bold);
+  --t-banner-title-font-weight: var(--t-font-weight-semibold);
   --t-banner-icon-fill-color: hsla(0, 0%, 0%, 0);
   --t-banner-background-color-info: var(--t-fill-color-status-info-ghost);
-  --t-banner-icon-fill-color-info: var(--t-icon-color-status-info-primary);
+  --t-banner-icon-fill-color-info: var(--t-icon-color-status-info);
   --t-banner-background-color-warning: var(--t-fill-color-status-warning-ghost);
-  --t-banner-icon-fill-color-warning: var(--t-icon-color-status-warning-primary);
+  --t-banner-icon-fill-color-warning: var(--t-icon-color-status-warning);
   --t-banner-background-color-error: var(--t-fill-color-status-error-ghost);
-  --t-banner-icon-fill-color-error: var(--t-icon-color-status-error-primary);
+  --t-banner-icon-fill-color-error: var(--t-icon-color-status-error);
   --t-banner-background-color-success: var(--t-fill-color-status-success-ghost);
-  --t-banner-icon-fill-color-success: var(--t-icon-color-status-success-primary);
-  --t-banner-link-font-color-hover: var(--t-text-color-default-headline);
+  --t-banner-icon-fill-color-success: var(--t-icon-color-status-success);
+  --t-banner-link-font-color-hover: var(--t-text-color-headline);
 }

package/dist/css/product-tokens/accounts.css

@@ -0,0 +1,17 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --t-fill-color-product-current-010: var(--t-fill-color-product-accounts-010);
+  --t-fill-color-product-current-020: var(--t-fill-color-product-accounts-020);
+  --t-fill-color-product-current-030: var(--t-fill-color-product-accounts-030);
+  --t-fill-color-product-current-040: var(--t-fill-color-product-accounts-040);
+  --t-fill-color-product-current-050: var(--t-fill-color-product-accounts-050);
+  --t-fill-color-product-current-060: var(--t-fill-color-product-accounts-060);
+  --t-fill-color-product-current-070: var(--t-fill-color-product-accounts-070);
+  --t-fill-color-product-current-080: var(--t-fill-color-product-accounts-080);
+  --t-fill-color-product-current-gradient-brand: var(--t-fill-color-product-accounts-gradient-brand);
+  --t-fill-color-product-current-gradient-page: var(--t-fill-color-product-accounts-gradient-page);
+  --t-fill-color-product-current-gradient-tint: var(--t-fill-color-product-accounts-gradient-tint);
+}

package/dist/css/product-tokens/calendar.css

@@ -0,0 +1,17 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --t-fill-color-product-current-010: var(--t-fill-color-product-calendar-010);
+  --t-fill-color-product-current-020: var(--t-fill-color-product-calendar-020);
+  --t-fill-color-product-current-030: var(--t-fill-color-product-calendar-030);
+  --t-fill-color-product-current-040: var(--t-fill-color-product-calendar-040);
+  --t-fill-color-product-current-050: var(--t-fill-color-product-calendar-050);
+  --t-fill-color-product-current-060: var(--t-fill-color-product-calendar-060);
+  --t-fill-color-product-current-070: var(--t-fill-color-product-calendar-070);
+  --t-fill-color-product-current-080: var(--t-fill-color-product-calendar-080);
+  --t-fill-color-product-current-gradient-brand: var(--t-fill-color-product-calendar-gradient-brand);
+  --t-fill-color-product-current-gradient-page: var(--t-fill-color-product-calendar-gradient-page);
+  --t-fill-color-product-current-gradient-tint: var(--t-fill-color-product-calendar-gradient-tint);
+}

package/dist/css/product-tokens/checkins.css

@@ -0,0 +1,17 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --t-fill-color-product-current-010: var(--t-fill-color-product-checkins-010);
+  --t-fill-color-product-current-020: var(--t-fill-color-product-checkins-020);
+  --t-fill-color-product-current-030: var(--t-fill-color-product-checkins-030);
+  --t-fill-color-product-current-040: var(--t-fill-color-product-checkins-040);
+  --t-fill-color-product-current-050: var(--t-fill-color-product-checkins-050);
+  --t-fill-color-product-current-060: var(--t-fill-color-product-checkins-060);
+  --t-fill-color-product-current-070: var(--t-fill-color-product-checkins-070);
+  --t-fill-color-product-current-080: var(--t-fill-color-product-checkins-080);
+  --t-fill-color-product-current-gradient-brand: var(--t-fill-color-product-checkins-gradient-brand);
+  --t-fill-color-product-current-gradient-page: var(--t-fill-color-product-checkins-gradient-page);
+  --t-fill-color-product-current-gradient-tint: var(--t-fill-color-product-checkins-gradient-tint);
+}

package/dist/css/product-tokens/giving.css

@@ -0,0 +1,17 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --t-fill-color-product-current-010: var(--t-fill-color-product-giving-010);
+  --t-fill-color-product-current-020: var(--t-fill-color-product-giving-020);
+  --t-fill-color-product-current-030: var(--t-fill-color-product-giving-030);
+  --t-fill-color-product-current-040: var(--t-fill-color-product-giving-040);
+  --t-fill-color-product-current-050: var(--t-fill-color-product-giving-050);
+  --t-fill-color-product-current-060: var(--t-fill-color-product-giving-060);
+  --t-fill-color-product-current-070: var(--t-fill-color-product-giving-070);
+  --t-fill-color-product-current-080: var(--t-fill-color-product-giving-080);
+  --t-fill-color-product-current-gradient-brand: var(--t-fill-color-product-giving-gradient-brand);
+  --t-fill-color-product-current-gradient-page: var(--t-fill-color-product-giving-gradient-page);
+  --t-fill-color-product-current-gradient-tint: var(--t-fill-color-product-giving-gradient-tint);
+}

package/dist/css/product-tokens/groups.css

@@ -0,0 +1,17 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --t-fill-color-product-current-010: var(--t-fill-color-product-groups-010);
+  --t-fill-color-product-current-020: var(--t-fill-color-product-groups-020);
+  --t-fill-color-product-current-030: var(--t-fill-color-product-groups-030);
+  --t-fill-color-product-current-040: var(--t-fill-color-product-groups-040);
+  --t-fill-color-product-current-050: var(--t-fill-color-product-groups-050);
+  --t-fill-color-product-current-060: var(--t-fill-color-product-groups-060);
+  --t-fill-color-product-current-070: var(--t-fill-color-product-groups-070);
+  --t-fill-color-product-current-080: var(--t-fill-color-product-groups-080);
+  --t-fill-color-product-current-gradient-brand: var(--t-fill-color-product-groups-gradient-brand);
+  --t-fill-color-product-current-gradient-page: var(--t-fill-color-product-groups-gradient-page);
+  --t-fill-color-product-current-gradient-tint: var(--t-fill-color-product-groups-gradient-tint);
+}

package/dist/css/product-tokens/home.css

@@ -0,0 +1,16 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --t-fill-color-product-current-010: var(--t-fill-color-product-home-010);
+  --t-fill-color-product-current-020: var(--t-fill-color-product-home-020);
+  --t-fill-color-product-current-030: var(--t-fill-color-product-home-030);
+  --t-fill-color-product-current-040: var(--t-fill-color-product-home-040);
+  --t-fill-color-product-current-050: var(--t-fill-color-product-home-050);
+  --t-fill-color-product-current-060: var(--t-fill-color-product-home-060);
+  --t-fill-color-product-current-070: var(--t-fill-color-product-home-070);
+  --t-fill-color-product-current-080: var(--t-fill-color-product-home-080);
+  --t-fill-color-product-current-gradient-page: var(--t-fill-color-product-home-gradient-page);
+  --t-fill-color-product-current-gradient-tint: var(--t-fill-color-product-home-gradient-tint);
+}

package/dist/css/product-tokens/people.css

@@ -0,0 +1,17 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --t-fill-color-product-current-010: var(--t-fill-color-product-people-010);
+  --t-fill-color-product-current-020: var(--t-fill-color-product-people-020);
+  --t-fill-color-product-current-030: var(--t-fill-color-product-people-030);
+  --t-fill-color-product-current-040: var(--t-fill-color-product-people-040);
+  --t-fill-color-product-current-050: var(--t-fill-color-product-people-050);
+  --t-fill-color-product-current-060: var(--t-fill-color-product-people-060);
+  --t-fill-color-product-current-070: var(--t-fill-color-product-people-070);
+  --t-fill-color-product-current-080: var(--t-fill-color-product-people-080);
+  --t-fill-color-product-current-gradient-brand: var(--t-fill-color-product-people-gradient-brand);
+  --t-fill-color-product-current-gradient-page: var(--t-fill-color-product-people-gradient-page);
+  --t-fill-color-product-current-gradient-tint: var(--t-fill-color-product-people-gradient-tint);
+}

package/dist/css/product-tokens/publishing.css

@@ -0,0 +1,17 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --t-fill-color-product-current-010: var(--t-fill-color-product-publishing-010);
+  --t-fill-color-product-current-020: var(--t-fill-color-product-publishing-020);
+  --t-fill-color-product-current-030: var(--t-fill-color-product-publishing-030);
+  --t-fill-color-product-current-040: var(--t-fill-color-product-publishing-040);
+  --t-fill-color-product-current-050: var(--t-fill-color-product-publishing-050);
+  --t-fill-color-product-current-060: var(--t-fill-color-product-publishing-060);
+  --t-fill-color-product-current-070: var(--t-fill-color-product-publishing-070);
+  --t-fill-color-product-current-080: var(--t-fill-color-product-publishing-080);
+  --t-fill-color-product-current-gradient-brand: var(--t-fill-color-product-publishing-gradient-brand);
+  --t-fill-color-product-current-gradient-page: var(--t-fill-color-product-publishing-gradient-page);
+  --t-fill-color-product-current-gradient-tint: var(--t-fill-color-product-publishing-gradient-tint);
+}

package/dist/css/product-tokens/registrations.css

@@ -0,0 +1,17 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --t-fill-color-product-current-010: var(--t-fill-color-product-registrations-010);
+  --t-fill-color-product-current-020: var(--t-fill-color-product-registrations-020);
+  --t-fill-color-product-current-030: var(--t-fill-color-product-registrations-030);
+  --t-fill-color-product-current-040: var(--t-fill-color-product-registrations-040);
+  --t-fill-color-product-current-050: var(--t-fill-color-product-registrations-050);
+  --t-fill-color-product-current-060: var(--t-fill-color-product-registrations-060);
+  --t-fill-color-product-current-070: var(--t-fill-color-product-registrations-070);
+  --t-fill-color-product-current-080: var(--t-fill-color-product-registrations-080);
+  --t-fill-color-product-current-gradient-brand: var(--t-fill-color-product-registrations-gradient-brand);
+  --t-fill-color-product-current-gradient-page: var(--t-fill-color-product-registrations-gradient-page);
+  --t-fill-color-product-current-gradient-tint: var(--t-fill-color-product-registrations-gradient-tint);
+}

package/dist/css/product-tokens/services.css

@@ -0,0 +1,17 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --t-fill-color-product-current-010: var(--t-fill-color-product-services-010);
+  --t-fill-color-product-current-020: var(--t-fill-color-product-services-020);
+  --t-fill-color-product-current-030: var(--t-fill-color-product-services-030);
+  --t-fill-color-product-current-040: var(--t-fill-color-product-services-040);
+  --t-fill-color-product-current-050: var(--t-fill-color-product-services-050);
+  --t-fill-color-product-current-060: var(--t-fill-color-product-services-060);
+  --t-fill-color-product-current-070: var(--t-fill-color-product-services-070);
+  --t-fill-color-product-current-080: var(--t-fill-color-product-services-080);
+  --t-fill-color-product-current-gradient-brand: var(--t-fill-color-product-services-gradient-brand);
+  --t-fill-color-product-current-gradient-page: var(--t-fill-color-product-services-gradient-page);
+  --t-fill-color-product-current-gradient-tint: var(--t-fill-color-product-services-gradient-tint);
+}

package/dist/css/tokens-alias-deprecated-removed-segments.css

@@ -0,0 +1,48 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --t-border-color-default-base: var(--t-border-color);
+  --t-border-color-default-dark: var(--t-border-color-dark);
+  --t-border-color-default-darker: var(--t-border-color-darker);
+  --t-border-color-default-darkest: var(--t-border-color-darkest);
+  --t-border-color-default-dim: var(--t-border-color-dim);
+  --t-border-color-default-disabled: var(--t-border-color-disabled);
+  --t-border-color-default-white: var(--t-border-color-white);
+  --t-border-radius-default: var(--t-border-radius);
+  --t-border-width-default: var(--t-border-width);
+  --t-fill-color-button-delete-ghost-default: var(--t-fill-color-button-delete-ghost);
+  --t-fill-color-button-delete-outline-default: var(--t-fill-color-button-delete-outline);
+  --t-fill-color-button-delete-solid-default: var(--t-fill-color-button-delete-solid);
+  --t-fill-color-button-interaction-ghost-default: var(--t-fill-color-button-interaction-ghost);
+  --t-fill-color-button-interaction-outline-default: var(--t-fill-color-button-interaction-outline);
+  --t-fill-color-button-interaction-solid-default: var(--t-fill-color-button-interaction-solid);
+  --t-fill-color-button-neutral-ghost-default: var(--t-fill-color-button-neutral-ghost);
+  --t-fill-color-button-neutral-outline-default: var(--t-fill-color-button-neutral-outline);
+  --t-fill-color-button-neutral-responsive-header-default: var(--t-fill-color-button-neutral-responsive-header);
+  --t-fill-color-button-neutral-solid-default: var(--t-fill-color-button-neutral-solid);
+  --t-fill-color-button-pill-default: var(--t-fill-color-button-pill);
+  --t-fill-color-control-primary: var(--t-fill-color-control);
+  --t-fill-color-interaction-default: var(--t-fill-color-interaction);
+  --t-fill-color-product-staff-base: var(--t-fill-color-product-staff);
+  --t-fill-color-status-error-primary: var(--t-fill-color-status-error);
+  --t-fill-color-tooltip-primary: var(--t-fill-color-tooltip);
+  --t-icon-color-default-dim: var(--t-icon-color-dim);
+  --t-icon-color-default-disabled: var(--t-icon-color-disabled);
+  --t-icon-color-default-inverted: var(--t-icon-color-inverted);
+  --t-icon-color-default-primary: var(--t-icon-color);
+  --t-icon-color-default-secondary: var(--t-icon-color-secondary);
+  --t-icon-color-status-error-primary: var(--t-icon-color-status-error);
+  --t-icon-color-status-info-primary: var(--t-icon-color-status-info);
+  --t-icon-color-status-neutral-primary: var(--t-icon-color-status-neutral);
+  --t-icon-color-status-success-primary: var(--t-icon-color-status-success);
+  --t-icon-color-status-warning-primary: var(--t-icon-color-status-warning);
+  --t-text-color-default-disabled: var(--t-text-color-disabled);
+  --t-text-color-default-headline: var(--t-text-color-headline);
+  --t-text-color-default-inverted: var(--t-text-color-inverted);
+  --t-text-color-default-placeholder: var(--t-text-color-placeholder);
+  --t-text-color-default-primary: var(--t-text-color);
+  --t-text-color-default-secondary: var(--t-text-color-secondary);
+  --t-text-color-interaction-primary: var(--t-text-color-interaction);
+}

package/dist/css/tokens-alias-deprecated.css

@@ -0,0 +1,42 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --t-border-size-default: var(--t-border-width);
+  --t-border-size-thick: var(--t-border-width-thick);
+  --t-font-weight-semi-bold: var(--t-font-weight-semibold);
+  --t-icon-color-status-neutral-dark: var(--t-icon-color-status-neutral-bold);
+  --t-icon-color-status-info-secondary: var(--t-icon-color-status-info);
+  --t-fill-color-status-neutral-solid: var(--t-fill-color-status-neutral);
+  --t-fill-color-status-info-solid: var(--t-fill-color-status-info);
+  --t-fill-color-status-success-solid: var(--t-fill-color-status-success);
+  --t-fill-color-status-warning-solid: var(--t-fill-color-status-warning);
+  --t-fill-color-status-error-solid: var(--t-fill-color-status-error);
+  --t-fill-color-alert-info: hsl(204, 94%, 49%);
+  --t-fill-color-alert-success: hsl(122, 60%, 41%);
+  --t-fill-color-alert-warning: hsl(43, 96%, 58%);
+  --t-fill-color-alert-error: hsl(4, 77%, 59%);
+  --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);
+  --t-fill-color-button-neutral-outline-dim-default: var(--t-fill-color-button-neutral-outline);
+  --t-fill-color-button-neutral-outline-dim-hover: var(--t-fill-color-button-neutral-outline-hover);
+  --t-fill-color-button-neutral-outline-dim-active: var(--t-fill-color-button-neutral-outline-active);
+  --t-fill-color-button-neutral-outline-dim-disabled: var(--t-fill-color-button-neutral-outline-disabled);
+  --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 98%);
+  --t-fill-color-button-interaction-outline-dim-default: var(--t-fill-color-button-interaction-outline);
+  --t-fill-color-button-interaction-outline-dim-hover: var(--t-fill-color-button-interaction-outline-hover);
+  --t-fill-color-button-interaction-outline-dim-active: var(--t-fill-color-button-interaction-outline-active);
+  --t-fill-color-button-interaction-outline-dim-disabled: var(--t-fill-color-button-interaction-outline-disabled);
+  --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);
+  --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);
+  --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);
+  --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 81%);
+  --t-fill-color-button-create-ghost-default: hsla(0, 0%, 100%, 0);
+  --t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);
+  --t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);
+  --t-fill-color-button-create-ghost-disabled: hsla(0, 0%, 100%, 0);
+  --t-fill-color-button-delete-outline-dim-default: var(--t-fill-color-button-delete-outline);
+  --t-fill-color-button-delete-outline-dim-hover: var(--t-fill-color-button-delete-outline-hover);
+  --t-fill-color-button-delete-outline-dim-active: var(--t-fill-color-button-delete-outline-active);
+  --t-fill-color-button-delete-outline-dim-disabled: var(--t-fill-color-button-delete-outline-disabled);
+}