@planningcenter/tapestry-tokens 0.0.1 → 2.7.0

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 (45) hide show
  1. package/dist/compose/TapestryDarkTokens.kt +196 -0
  2. package/dist/compose/TapestryTokens.kt +383 -0
  3. package/{src → dist}/css/components/banner.css +8 -8
  4. package/dist/css/product-tokens/accounts.css +17 -0
  5. package/dist/css/product-tokens/calendar.css +17 -0
  6. package/dist/css/product-tokens/checkins.css +17 -0
  7. package/dist/css/product-tokens/giving.css +17 -0
  8. package/dist/css/product-tokens/groups.css +17 -0
  9. package/dist/css/product-tokens/home.css +16 -0
  10. package/dist/css/product-tokens/people.css +17 -0
  11. package/dist/css/product-tokens/publishing.css +17 -0
  12. package/dist/css/product-tokens/registrations.css +17 -0
  13. package/dist/css/product-tokens/services.css +17 -0
  14. package/dist/css/tokens-alias-deprecated-removed-segments.css +48 -0
  15. package/dist/css/tokens-alias-deprecated.css +42 -0
  16. package/dist/css/tokens-alias.css +427 -0
  17. package/dist/css/tokens-dark-deprecated.css +14 -0
  18. package/dist/css/tokens-dark.css +226 -0
  19. package/dist/css/tokens-system-dark-deprecated.css +16 -0
  20. package/dist/css/tokens-system-dark.css +228 -0
  21. package/dist/js/tokens-deprecated.json +326 -0
  22. package/dist/js/tokens.json +2004 -0
  23. package/dist/swiftui/TapestryDarkTokens.swift +198 -0
  24. package/dist/swiftui/TapestryTokens.swift +382 -0
  25. package/dist/ts/react-native-tokens.d.ts +1959 -0
  26. package/dist/ts/react-native-tokens.d.ts.map +1 -0
  27. package/dist/ts/react-native-tokens.js +502 -0
  28. package/dist/ts/tokens.d.ts +505 -0
  29. package/dist/ts/tokens.d.ts.map +1 -0
  30. package/dist/ts/tokens.js +504 -0
  31. package/package.json +44 -17
  32. package/CHANGELOG.md +0 -0
  33. package/rollup.config.mjs +0 -12
  34. package/src/componentNames.js +0 -10
  35. package/src/css/tokens-alias-deprecated.css +0 -42
  36. package/src/css/tokens-alias.css +0 -334
  37. package/src/css/tokens.css +0 -2
  38. package/src/index.ts +0 -11
  39. package/src/json/alias.json +0 -1628
  40. package/src/json/components.json +0 -84
  41. package/src/json/primitives.json +0 -946
  42. package/src/style-dictionary.build.js +0 -367
  43. package/src/style-dictionary.config.js +0 -67
  44. package/src/ts/tokens.ts +0 -371
  45. package/tsconfig.build.json +0 -11
package/dist/css/product-tokens/calendar.css ADDED
@@ -0,0 +1,17 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --t-fill-color-product-current-010: var(--t-fill-color-product-calendar-010);
7
+ --t-fill-color-product-current-020: var(--t-fill-color-product-calendar-020);
8
+ --t-fill-color-product-current-030: var(--t-fill-color-product-calendar-030);
9
+ --t-fill-color-product-current-040: var(--t-fill-color-product-calendar-040);
10
+ --t-fill-color-product-current-050: var(--t-fill-color-product-calendar-050);
11
+ --t-fill-color-product-current-060: var(--t-fill-color-product-calendar-060);
12
+ --t-fill-color-product-current-070: var(--t-fill-color-product-calendar-070);
13
+ --t-fill-color-product-current-080: var(--t-fill-color-product-calendar-080);
14
+ --t-fill-color-product-current-gradient-brand: var(--t-fill-color-product-calendar-gradient-brand);
15
+ --t-fill-color-product-current-gradient-page: var(--t-fill-color-product-calendar-gradient-page);
16
+ --t-fill-color-product-current-gradient-tint: var(--t-fill-color-product-calendar-gradient-tint);
17
+ }
package/dist/css/product-tokens/checkins.css ADDED
@@ -0,0 +1,17 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --t-fill-color-product-current-010: var(--t-fill-color-product-checkins-010);
7
+ --t-fill-color-product-current-020: var(--t-fill-color-product-checkins-020);
8
+ --t-fill-color-product-current-030: var(--t-fill-color-product-checkins-030);
9
+ --t-fill-color-product-current-040: var(--t-fill-color-product-checkins-040);
10
+ --t-fill-color-product-current-050: var(--t-fill-color-product-checkins-050);
11
+ --t-fill-color-product-current-060: var(--t-fill-color-product-checkins-060);
12
+ --t-fill-color-product-current-070: var(--t-fill-color-product-checkins-070);
13
+ --t-fill-color-product-current-080: var(--t-fill-color-product-checkins-080);
14
+ --t-fill-color-product-current-gradient-brand: var(--t-fill-color-product-checkins-gradient-brand);
15
+ --t-fill-color-product-current-gradient-page: var(--t-fill-color-product-checkins-gradient-page);
16
+ --t-fill-color-product-current-gradient-tint: var(--t-fill-color-product-checkins-gradient-tint);
17
+ }
package/dist/css/product-tokens/giving.css ADDED
@@ -0,0 +1,17 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --t-fill-color-product-current-010: var(--t-fill-color-product-giving-010);
7
+ --t-fill-color-product-current-020: var(--t-fill-color-product-giving-020);
8
+ --t-fill-color-product-current-030: var(--t-fill-color-product-giving-030);
9
+ --t-fill-color-product-current-040: var(--t-fill-color-product-giving-040);
10
+ --t-fill-color-product-current-050: var(--t-fill-color-product-giving-050);
11
+ --t-fill-color-product-current-060: var(--t-fill-color-product-giving-060);
12
+ --t-fill-color-product-current-070: var(--t-fill-color-product-giving-070);
13
+ --t-fill-color-product-current-080: var(--t-fill-color-product-giving-080);
14
+ --t-fill-color-product-current-gradient-brand: var(--t-fill-color-product-giving-gradient-brand);
15
+ --t-fill-color-product-current-gradient-page: var(--t-fill-color-product-giving-gradient-page);
16
+ --t-fill-color-product-current-gradient-tint: var(--t-fill-color-product-giving-gradient-tint);
17
+ }
package/dist/css/product-tokens/groups.css ADDED
@@ -0,0 +1,17 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --t-fill-color-product-current-010: var(--t-fill-color-product-groups-010);
7
+ --t-fill-color-product-current-020: var(--t-fill-color-product-groups-020);
8
+ --t-fill-color-product-current-030: var(--t-fill-color-product-groups-030);
9
+ --t-fill-color-product-current-040: var(--t-fill-color-product-groups-040);
10
+ --t-fill-color-product-current-050: var(--t-fill-color-product-groups-050);
11
+ --t-fill-color-product-current-060: var(--t-fill-color-product-groups-060);
12
+ --t-fill-color-product-current-070: var(--t-fill-color-product-groups-070);
13
+ --t-fill-color-product-current-080: var(--t-fill-color-product-groups-080);
14
+ --t-fill-color-product-current-gradient-brand: var(--t-fill-color-product-groups-gradient-brand);
15
+ --t-fill-color-product-current-gradient-page: var(--t-fill-color-product-groups-gradient-page);
16
+ --t-fill-color-product-current-gradient-tint: var(--t-fill-color-product-groups-gradient-tint);
17
+ }
package/dist/css/product-tokens/home.css ADDED
@@ -0,0 +1,16 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --t-fill-color-product-current-010: var(--t-fill-color-product-home-010);
7
+ --t-fill-color-product-current-020: var(--t-fill-color-product-home-020);
8
+ --t-fill-color-product-current-030: var(--t-fill-color-product-home-030);
9
+ --t-fill-color-product-current-040: var(--t-fill-color-product-home-040);
10
+ --t-fill-color-product-current-050: var(--t-fill-color-product-home-050);
11
+ --t-fill-color-product-current-060: var(--t-fill-color-product-home-060);
12
+ --t-fill-color-product-current-070: var(--t-fill-color-product-home-070);
13
+ --t-fill-color-product-current-080: var(--t-fill-color-product-home-080);
14
+ --t-fill-color-product-current-gradient-page: var(--t-fill-color-product-home-gradient-page);
15
+ --t-fill-color-product-current-gradient-tint: var(--t-fill-color-product-home-gradient-tint);
16
+ }
package/dist/css/product-tokens/people.css ADDED
@@ -0,0 +1,17 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --t-fill-color-product-current-010: var(--t-fill-color-product-people-010);
7
+ --t-fill-color-product-current-020: var(--t-fill-color-product-people-020);
8
+ --t-fill-color-product-current-030: var(--t-fill-color-product-people-030);
9
+ --t-fill-color-product-current-040: var(--t-fill-color-product-people-040);
10
+ --t-fill-color-product-current-050: var(--t-fill-color-product-people-050);
11
+ --t-fill-color-product-current-060: var(--t-fill-color-product-people-060);
12
+ --t-fill-color-product-current-070: var(--t-fill-color-product-people-070);
13
+ --t-fill-color-product-current-080: var(--t-fill-color-product-people-080);
14
+ --t-fill-color-product-current-gradient-brand: var(--t-fill-color-product-people-gradient-brand);
15
+ --t-fill-color-product-current-gradient-page: var(--t-fill-color-product-people-gradient-page);
16
+ --t-fill-color-product-current-gradient-tint: var(--t-fill-color-product-people-gradient-tint);
17
+ }
package/dist/css/product-tokens/publishing.css ADDED
@@ -0,0 +1,17 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --t-fill-color-product-current-010: var(--t-fill-color-product-publishing-010);
7
+ --t-fill-color-product-current-020: var(--t-fill-color-product-publishing-020);
8
+ --t-fill-color-product-current-030: var(--t-fill-color-product-publishing-030);
9
+ --t-fill-color-product-current-040: var(--t-fill-color-product-publishing-040);
10
+ --t-fill-color-product-current-050: var(--t-fill-color-product-publishing-050);
11
+ --t-fill-color-product-current-060: var(--t-fill-color-product-publishing-060);
12
+ --t-fill-color-product-current-070: var(--t-fill-color-product-publishing-070);
13
+ --t-fill-color-product-current-080: var(--t-fill-color-product-publishing-080);
14
+ --t-fill-color-product-current-gradient-brand: var(--t-fill-color-product-publishing-gradient-brand);
15
+ --t-fill-color-product-current-gradient-page: var(--t-fill-color-product-publishing-gradient-page);
16
+ --t-fill-color-product-current-gradient-tint: var(--t-fill-color-product-publishing-gradient-tint);
17
+ }
package/dist/css/product-tokens/registrations.css ADDED
@@ -0,0 +1,17 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --t-fill-color-product-current-010: var(--t-fill-color-product-registrations-010);
7
+ --t-fill-color-product-current-020: var(--t-fill-color-product-registrations-020);
8
+ --t-fill-color-product-current-030: var(--t-fill-color-product-registrations-030);
9
+ --t-fill-color-product-current-040: var(--t-fill-color-product-registrations-040);
10
+ --t-fill-color-product-current-050: var(--t-fill-color-product-registrations-050);
11
+ --t-fill-color-product-current-060: var(--t-fill-color-product-registrations-060);
12
+ --t-fill-color-product-current-070: var(--t-fill-color-product-registrations-070);
13
+ --t-fill-color-product-current-080: var(--t-fill-color-product-registrations-080);
14
+ --t-fill-color-product-current-gradient-brand: var(--t-fill-color-product-registrations-gradient-brand);
15
+ --t-fill-color-product-current-gradient-page: var(--t-fill-color-product-registrations-gradient-page);
16
+ --t-fill-color-product-current-gradient-tint: var(--t-fill-color-product-registrations-gradient-tint);
17
+ }
package/dist/css/product-tokens/services.css ADDED
@@ -0,0 +1,17 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --t-fill-color-product-current-010: var(--t-fill-color-product-services-010);
7
+ --t-fill-color-product-current-020: var(--t-fill-color-product-services-020);
8
+ --t-fill-color-product-current-030: var(--t-fill-color-product-services-030);
9
+ --t-fill-color-product-current-040: var(--t-fill-color-product-services-040);
10
+ --t-fill-color-product-current-050: var(--t-fill-color-product-services-050);
11
+ --t-fill-color-product-current-060: var(--t-fill-color-product-services-060);
12
+ --t-fill-color-product-current-070: var(--t-fill-color-product-services-070);
13
+ --t-fill-color-product-current-080: var(--t-fill-color-product-services-080);
14
+ --t-fill-color-product-current-gradient-brand: var(--t-fill-color-product-services-gradient-brand);
15
+ --t-fill-color-product-current-gradient-page: var(--t-fill-color-product-services-gradient-page);
16
+ --t-fill-color-product-current-gradient-tint: var(--t-fill-color-product-services-gradient-tint);
17
+ }
package/dist/css/tokens-alias-deprecated-removed-segments.css ADDED
@@ -0,0 +1,48 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --t-border-color-default-base: var(--t-border-color);
7
+ --t-border-color-default-dark: var(--t-border-color-dark);
8
+ --t-border-color-default-darker: var(--t-border-color-darker);
9
+ --t-border-color-default-darkest: var(--t-border-color-darkest);
10
+ --t-border-color-default-dim: var(--t-border-color-dim);
11
+ --t-border-color-default-disabled: var(--t-border-color-disabled);
12
+ --t-border-color-default-white: var(--t-border-color-white);
13
+ --t-border-radius-default: var(--t-border-radius);
14
+ --t-border-width-default: var(--t-border-width);
15
+ --t-fill-color-button-delete-ghost-default: var(--t-fill-color-button-delete-ghost);
16
+ --t-fill-color-button-delete-outline-default: var(--t-fill-color-button-delete-outline);
17
+ --t-fill-color-button-delete-solid-default: var(--t-fill-color-button-delete-solid);
18
+ --t-fill-color-button-interaction-ghost-default: var(--t-fill-color-button-interaction-ghost);
19
+ --t-fill-color-button-interaction-outline-default: var(--t-fill-color-button-interaction-outline);
20
+ --t-fill-color-button-interaction-solid-default: var(--t-fill-color-button-interaction-solid);
21
+ --t-fill-color-button-neutral-ghost-default: var(--t-fill-color-button-neutral-ghost);
22
+ --t-fill-color-button-neutral-outline-default: var(--t-fill-color-button-neutral-outline);
23
+ --t-fill-color-button-neutral-responsive-header-default: var(--t-fill-color-button-neutral-responsive-header);
24
+ --t-fill-color-button-neutral-solid-default: var(--t-fill-color-button-neutral-solid);
25
+ --t-fill-color-button-pill-default: var(--t-fill-color-button-pill);
26
+ --t-fill-color-control-primary: var(--t-fill-color-control);
27
+ --t-fill-color-interaction-default: var(--t-fill-color-interaction);
28
+ --t-fill-color-product-staff-base: var(--t-fill-color-product-staff);
29
+ --t-fill-color-status-error-primary: var(--t-fill-color-status-error);
30
+ --t-fill-color-tooltip-primary: var(--t-fill-color-tooltip);
31
+ --t-icon-color-default-dim: var(--t-icon-color-dim);
32
+ --t-icon-color-default-disabled: var(--t-icon-color-disabled);
33
+ --t-icon-color-default-inverted: var(--t-icon-color-inverted);
34
+ --t-icon-color-default-primary: var(--t-icon-color);
35
+ --t-icon-color-default-secondary: var(--t-icon-color-secondary);
36
+ --t-icon-color-status-error-primary: var(--t-icon-color-status-error);
37
+ --t-icon-color-status-info-primary: var(--t-icon-color-status-info);
38
+ --t-icon-color-status-neutral-primary: var(--t-icon-color-status-neutral);
39
+ --t-icon-color-status-success-primary: var(--t-icon-color-status-success);
40
+ --t-icon-color-status-warning-primary: var(--t-icon-color-status-warning);
41
+ --t-text-color-default-disabled: var(--t-text-color-disabled);
42
+ --t-text-color-default-headline: var(--t-text-color-headline);
43
+ --t-text-color-default-inverted: var(--t-text-color-inverted);
44
+ --t-text-color-default-placeholder: var(--t-text-color-placeholder);
45
+ --t-text-color-default-primary: var(--t-text-color);
46
+ --t-text-color-default-secondary: var(--t-text-color-secondary);
47
+ --t-text-color-interaction-primary: var(--t-text-color-interaction);
48
+ }
package/dist/css/tokens-alias-deprecated.css ADDED
@@ -0,0 +1,42 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --t-border-size-default: var(--t-border-width);
7
+ --t-border-size-thick: var(--t-border-width-thick);
8
+ --t-font-weight-semi-bold: var(--t-font-weight-semibold);
9
+ --t-icon-color-status-neutral-dark: var(--t-icon-color-status-neutral-bold);
10
+ --t-icon-color-status-info-secondary: var(--t-icon-color-status-info);
11
+ --t-fill-color-status-neutral-solid: var(--t-fill-color-status-neutral);
12
+ --t-fill-color-status-info-solid: var(--t-fill-color-status-info);
13
+ --t-fill-color-status-success-solid: var(--t-fill-color-status-success);
14
+ --t-fill-color-status-warning-solid: var(--t-fill-color-status-warning);
15
+ --t-fill-color-status-error-solid: var(--t-fill-color-status-error);
16
+ --t-fill-color-alert-info: hsl(204, 94%, 49%);
17
+ --t-fill-color-alert-success: hsl(122, 60%, 41%);
18
+ --t-fill-color-alert-warning: hsl(43, 96%, 58%);
19
+ --t-fill-color-alert-error: hsl(4, 77%, 59%);
20
+ --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);
21
+ --t-fill-color-button-neutral-outline-dim-default: var(--t-fill-color-button-neutral-outline);
22
+ --t-fill-color-button-neutral-outline-dim-hover: var(--t-fill-color-button-neutral-outline-hover);
23
+ --t-fill-color-button-neutral-outline-dim-active: var(--t-fill-color-button-neutral-outline-active);
24
+ --t-fill-color-button-neutral-outline-dim-disabled: var(--t-fill-color-button-neutral-outline-disabled);
25
+ --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 98%);
26
+ --t-fill-color-button-interaction-outline-dim-default: var(--t-fill-color-button-interaction-outline);
27
+ --t-fill-color-button-interaction-outline-dim-hover: var(--t-fill-color-button-interaction-outline-hover);
28
+ --t-fill-color-button-interaction-outline-dim-active: var(--t-fill-color-button-interaction-outline-active);
29
+ --t-fill-color-button-interaction-outline-dim-disabled: var(--t-fill-color-button-interaction-outline-disabled);
30
+ --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);
31
+ --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);
32
+ --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);
33
+ --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 81%);
34
+ --t-fill-color-button-create-ghost-default: hsla(0, 0%, 100%, 0);
35
+ --t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);
36
+ --t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);
37
+ --t-fill-color-button-create-ghost-disabled: hsla(0, 0%, 100%, 0);
38
+ --t-fill-color-button-delete-outline-dim-default: var(--t-fill-color-button-delete-outline);
39
+ --t-fill-color-button-delete-outline-dim-hover: var(--t-fill-color-button-delete-outline-hover);
40
+ --t-fill-color-button-delete-outline-dim-active: var(--t-fill-color-button-delete-outline-active);
41
+ --t-fill-color-button-delete-outline-dim-disabled: var(--t-fill-color-button-delete-outline-disabled);
42
+ }