@planningcenter/tapestry-react 4.11.5 → 4.11.6-rc.1
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.
- package/dist/Button/Button.d.ts.map +1 -1
- package/dist/Button/Button.js +1 -1
- package/dist/Checkbox/Checkbox.js +1 -1
- package/dist/Dialog/Dialog.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +1 -1
- package/dist/Field/Field.d.ts.map +1 -1
- package/dist/Field/Field.js +1 -1
- package/dist/Icon/Status.d.ts.map +1 -1
- package/dist/Icon/Status.js +1 -1
- package/dist/Logo/logos/api.js +1 -1
- package/dist/Logo/logos/calendar.d.ts.map +1 -1
- package/dist/Logo/logos/calendar.js +1 -1
- package/dist/Logo/logos/check-ins.d.ts.map +1 -1
- package/dist/Logo/logos/check-ins.js +1 -1
- package/dist/Logo/logos/church-center.d.ts.map +1 -1
- package/dist/Logo/logos/church-center.js +1 -1
- package/dist/Logo/logos/giving.d.ts.map +1 -1
- package/dist/Logo/logos/giving.js +1 -1
- package/dist/Logo/logos/groups.d.ts.map +1 -1
- package/dist/Logo/logos/groups.js +1 -1
- package/dist/Logo/logos/headcounts.d.ts.map +1 -1
- package/dist/Logo/logos/headcounts.js +1 -1
- package/dist/Logo/logos/home.d.ts.map +1 -1
- package/dist/Logo/logos/home.js +1 -1
- package/dist/Logo/logos/login.js +1 -1
- package/dist/Logo/logos/music-stand.js +1 -1
- package/dist/Logo/logos/people.d.ts.map +1 -1
- package/dist/Logo/logos/people.js +1 -1
- package/dist/Logo/logos/planning-center.js +1 -1
- package/dist/Logo/logos/publishing.d.ts.map +1 -1
- package/dist/Logo/logos/publishing.js +1 -1
- package/dist/Logo/logos/registrations.js +1 -1
- package/dist/Logo/logos/services.d.ts.map +1 -1
- package/dist/Logo/logos/services.js +1 -1
- package/dist/Pagination/Pagination.d.ts.map +1 -1
- package/dist/Pagination/Pagination.js +1 -1
- package/dist/Radio/Radio.d.ts.map +1 -1
- package/dist/Radio/Radio.js +1 -1
- package/dist/Sortable/SortableEmpty.d.ts.map +1 -1
- package/dist/Sortable/SortableEmpty.js +1 -1
- package/dist/Sortable/SortableItem.d.ts.map +1 -1
- package/dist/Sortable/SortableItem.js +1 -1
- package/dist/Sortable/SortableList.d.ts.map +1 -1
- package/dist/Sortable/SortableList.js +1 -1
- package/dist/Table/BodyRow.js +1 -1
- package/dist/Table/NavigationArrow.d.ts.map +1 -1
- package/dist/Table/NavigationArrow.js +1 -1
- package/dist/Table/Table.js +1 -1
- package/dist/Table/TableContainer.js +1 -1
- package/dist/TimeField/TimeField.js +1 -1
- package/dist/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
- package/dist/ToggleSwitch/ToggleSwitch.js +1 -1
- package/dist/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/Tooltip/Tooltip.js +1 -1
- package/dist/designTokens/index.d.ts +29 -25
- package/dist/designTokens/index.d.ts.map +1 -1
- package/dist/designTokens/index.js +1 -1
- package/dist/system/button-themes.d.ts +285 -40
- package/dist/system/button-themes.d.ts.map +1 -1
- package/dist/system/button-themes.js +1 -1
- package/dist/system/colors/colors.d.ts +61 -57
- package/dist/system/colors/colors.d.ts.map +1 -1
- package/dist/system/colors/colors.js +1 -1
- package/dist/system/default-theme.d.ts +304 -53
- package/dist/system/default-theme.d.ts.map +1 -1
- package/dist/system/default-theme.js +1 -1
- package/dist/system/utils.d.ts +1 -1
- package/dist/system/utils.d.ts.map +1 -1
- package/dist/system/utils.js +1 -1
- package/package.json +2 -2
|
@@ -1,22 +1,26 @@
|
|
|
1
1
|
export declare const palette: {
|
|
2
2
|
apps: {
|
|
3
|
-
calendar: "
|
|
4
|
-
'check-ins': "
|
|
5
|
-
giving: "
|
|
6
|
-
groups: "
|
|
7
|
-
home: "
|
|
3
|
+
calendar: "var(--t-fill-color-product-calendar-050)";
|
|
4
|
+
'check-ins': "var(--t-fill-color-product-checkins-050)";
|
|
5
|
+
giving: "var(--t-fill-color-product-giving-050)";
|
|
6
|
+
groups: "var(--t-fill-color-product-groups-050)";
|
|
7
|
+
home: "var(--t-fill-color-product-home-050)";
|
|
8
8
|
'music-stand': string;
|
|
9
9
|
pco: string;
|
|
10
|
-
people: "
|
|
10
|
+
people: "var(--t-fill-color-product-people-050)";
|
|
11
11
|
'planning-center': string;
|
|
12
12
|
projector: string;
|
|
13
|
-
registrations: "
|
|
14
|
-
services: "
|
|
13
|
+
registrations: "var(--t-fill-color-product-registrations-050)";
|
|
14
|
+
services: "var(--t-fill-color-product-services-050)";
|
|
15
15
|
};
|
|
16
16
|
background: {
|
|
17
|
-
background: "
|
|
18
|
-
backgroundSecondary: "
|
|
19
|
-
backgroundTertiary: "
|
|
17
|
+
background: "var(--t-surface-color-card)";
|
|
18
|
+
backgroundSecondary: "var(--t-surface-color-canvas)";
|
|
19
|
+
backgroundTertiary: "var(--t-fill-color-neutral-070)";
|
|
20
|
+
};
|
|
21
|
+
static: {
|
|
22
|
+
staticDark: "hsl(0, 0%, 24%)";
|
|
23
|
+
staticLight: "hsl(0, 0%, 100%)";
|
|
20
24
|
};
|
|
21
25
|
blue: string[];
|
|
22
26
|
dark: string[];
|
|
@@ -30,37 +34,37 @@ export declare const palette: {
|
|
|
30
34
|
wednesday: string;
|
|
31
35
|
};
|
|
32
36
|
error: {
|
|
33
|
-
base: "
|
|
34
|
-
dark: "
|
|
35
|
-
darker: "
|
|
37
|
+
base: "var(--t-fill-color-button-delete-solid-default)";
|
|
38
|
+
dark: "var(--t-fill-color-button-delete-solid-hover)";
|
|
39
|
+
darker: "var(--t-fill-color-button-delete-solid-active)";
|
|
36
40
|
light: string;
|
|
37
|
-
lighter: "
|
|
38
|
-
lightest: "
|
|
41
|
+
lighter: "var(--t-fill-color-status-error-ghost)";
|
|
42
|
+
lightest: "var(--t-fill-color-status-error-dim)";
|
|
39
43
|
};
|
|
40
44
|
foreground: {
|
|
41
|
-
foreground: "
|
|
42
|
-
foregroundSecondary: "
|
|
45
|
+
foreground: "var(--t-text-color-default-primary)";
|
|
46
|
+
foregroundSecondary: "var(--t-text-color-default-secondary)";
|
|
43
47
|
foregroundTertiary: string;
|
|
44
48
|
};
|
|
45
49
|
green: string[];
|
|
46
|
-
grey: ("
|
|
50
|
+
grey: ("var(--t-fill-color-neutral-070)" | "var(--t-fill-color-neutral-030)" | "var(--t-fill-color-neutral-040)" | "var(--t-fill-color-neutral-010)" | "var(--t-fill-color-neutral-020)" | "var(--t-fill-color-neutral-050)" | "var(--t-fill-color-neutral-060)" | "var(--t-fill-color-neutral-080)" | "var(--t-fill-color-neutral-090)" | "var(--t-fill-color-neutral-025)")[];
|
|
47
51
|
highlight: {
|
|
48
|
-
highlight: "
|
|
49
|
-
highlightSecondary: "
|
|
52
|
+
highlight: "var(--t-fill-color-neutral-070)";
|
|
53
|
+
highlightSecondary: "var(--t-fill-color-neutral-060)";
|
|
50
54
|
};
|
|
51
55
|
interaction: {
|
|
52
|
-
base: "
|
|
53
|
-
dark: "
|
|
54
|
-
darker: "
|
|
56
|
+
base: "var(--t-fill-color-interaction-default)";
|
|
57
|
+
dark: "var(--t-fill-color-interaction-hover)";
|
|
58
|
+
darker: "var(--t-fill-color-interaction-active)";
|
|
55
59
|
darkest: string;
|
|
56
60
|
light: string;
|
|
57
61
|
lighter: string;
|
|
58
|
-
lightest: "
|
|
62
|
+
lightest: "var(--t-fill-color-interaction-disabled)";
|
|
59
63
|
};
|
|
60
64
|
light: string[];
|
|
61
65
|
link: {
|
|
62
|
-
linkBackground: "
|
|
63
|
-
linkForeground:
|
|
66
|
+
linkBackground: "var(--t-fill-color-neutral-090)";
|
|
67
|
+
linkForeground: "var(--t-text-color-interaction-primary)";
|
|
64
68
|
};
|
|
65
69
|
primary: {
|
|
66
70
|
base: string;
|
|
@@ -73,70 +77,70 @@ export declare const palette: {
|
|
|
73
77
|
};
|
|
74
78
|
red: string[];
|
|
75
79
|
separator: {
|
|
76
|
-
separator: "
|
|
80
|
+
separator: "var(--t-fill-color-neutral-040)";
|
|
77
81
|
separatorFocus: string;
|
|
78
|
-
separatorFocusSecondary: "
|
|
79
|
-
separatorHover: "
|
|
80
|
-
separatorSecondary: "
|
|
81
|
-
separatorTertiary: "
|
|
82
|
+
separatorFocusSecondary: "var(--t-fill-color-neutral-050)";
|
|
83
|
+
separatorHover: "var(--t-fill-color-neutral-040)";
|
|
84
|
+
separatorSecondary: "var(--t-fill-color-neutral-050)";
|
|
85
|
+
separatorTertiary: "var(--t-fill-color-neutral-050)";
|
|
82
86
|
};
|
|
83
87
|
success: {
|
|
84
|
-
base: "
|
|
85
|
-
dark: "
|
|
88
|
+
base: "var(--t-fill-color-status-success-solid)";
|
|
89
|
+
dark: "var(--t-text-color-status-success)";
|
|
86
90
|
darker: string;
|
|
87
|
-
light: "
|
|
88
|
-
lighter: "
|
|
89
|
-
lightest: "
|
|
91
|
+
light: "var(--t-border-color-control-success)";
|
|
92
|
+
lighter: "var(--t-fill-color-status-success-ghost)";
|
|
93
|
+
lightest: "var(--t-fill-color-status-success-dim)";
|
|
90
94
|
};
|
|
91
95
|
surface: {
|
|
92
|
-
surface: "
|
|
93
|
-
surfaceSecondary: "
|
|
94
|
-
surfaceTertiary: "
|
|
96
|
+
surface: "var(--t-surface-color-card)";
|
|
97
|
+
surfaceSecondary: "var(--t-surface-color-canvas)";
|
|
98
|
+
surfaceTertiary: "var(--t-fill-color-neutral-070)";
|
|
95
99
|
};
|
|
96
100
|
tapestry: {
|
|
97
101
|
create: {
|
|
98
|
-
create35: "
|
|
102
|
+
create35: "var(--t-fill-color-control-secondary)";
|
|
99
103
|
};
|
|
100
104
|
grays: {
|
|
101
105
|
light: {
|
|
102
|
-
neutral62: "
|
|
103
|
-
neutral81: "
|
|
106
|
+
neutral62: "var(--t-fill-color-neutral-030)";
|
|
107
|
+
neutral81: "var(--t-fill-color-neutral-040)";
|
|
104
108
|
};
|
|
105
109
|
};
|
|
106
|
-
interaction66: "
|
|
110
|
+
interaction66: "var(--t-fill-color-control-primary)";
|
|
107
111
|
};
|
|
108
112
|
warning: {
|
|
109
|
-
base: "
|
|
110
|
-
dark: "
|
|
111
|
-
darker: "
|
|
113
|
+
base: "var(--t-fill-color-status-warning-solid)";
|
|
114
|
+
dark: "var(--t-fill-color-status-warning-solid)";
|
|
115
|
+
darker: "var(--t-icon-color-status-warning-primary)";
|
|
112
116
|
light: string;
|
|
113
|
-
lighter: "
|
|
114
|
-
lightest: "
|
|
117
|
+
lighter: "var(--t-fill-color-status-warning-ghost)";
|
|
118
|
+
lightest: "var(--t-fill-color-status-warning-dim)";
|
|
115
119
|
};
|
|
116
120
|
yellow: string[];
|
|
117
121
|
};
|
|
118
122
|
export declare const colors: Partial<import("../../types").Colors> & Record<string, string | [string, string, string, string, string, string, string, string, string, string]> & {
|
|
119
123
|
create: {
|
|
120
|
-
create35: "
|
|
124
|
+
create35: "var(--t-fill-color-control-secondary)";
|
|
121
125
|
};
|
|
122
126
|
grays: {
|
|
123
127
|
light: {
|
|
124
|
-
neutral62: "
|
|
125
|
-
neutral81: "
|
|
128
|
+
neutral62: "var(--t-fill-color-neutral-030)";
|
|
129
|
+
neutral81: "var(--t-fill-color-neutral-040)";
|
|
126
130
|
};
|
|
127
131
|
};
|
|
128
|
-
interaction66: "
|
|
132
|
+
interaction66: "var(--t-fill-color-control-primary)";
|
|
129
133
|
};
|
|
130
134
|
export declare function getColor(key: string): string | [string, string, string, string, string, string, string, string, string, string] | (Partial<import("../../types").Colors> & Record<string, string | [string, string, string, string, string, string, string, string, string, string]> & {
|
|
131
135
|
create: {
|
|
132
|
-
create35: "
|
|
136
|
+
create35: "var(--t-fill-color-control-secondary)";
|
|
133
137
|
};
|
|
134
138
|
grays: {
|
|
135
139
|
light: {
|
|
136
|
-
neutral62: "
|
|
137
|
-
neutral81: "
|
|
140
|
+
neutral62: "var(--t-fill-color-neutral-030)";
|
|
141
|
+
neutral81: "var(--t-fill-color-neutral-040)";
|
|
138
142
|
};
|
|
139
143
|
};
|
|
140
|
-
interaction66: "
|
|
144
|
+
interaction66: "var(--t-fill-color-control-primary)";
|
|
141
145
|
});
|
|
142
146
|
//# sourceMappingURL=colors.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/system/colors/colors.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,OAAO
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/system/colors/colors.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiNnB,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;CACF,CAAA;AAEjB,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM;;;;;;;;;;;GAEnC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{computedToken as
|
|
1
|
+
import{token as l,computedToken as r}from"@planningcenter/tapestry";import{flattenPalette as t}from"./utils.js";var o={create:{create35:l("--t-fill-color-control-secondary")},grays:{light:{neutral62:l("--t-fill-color-neutral-030"),neutral81:l("--t-fill-color-neutral-040")}},interaction66:l("--t-fill-color-control-primary")},a={apps:{calendar:l("--t-fill-color-product-calendar-050"),"check-ins":l("--t-fill-color-product-checkins-050"),giving:l("--t-fill-color-product-giving-050"),groups:l("--t-fill-color-product-groups-050"),home:l("--t-fill-color-product-home-050"),"music-stand":"#4984c4",pco:"#3565cf",people:l("--t-fill-color-product-people-050"),"planning-center":"#2266f7",projector:"#f19900",registrations:l("--t-fill-color-product-registrations-050"),services:l("--t-fill-color-product-services-050")},background:{background:l("--t-surface-color-card"),backgroundSecondary:l("--t-surface-color-canvas"),backgroundTertiary:l("--t-fill-color-neutral-070")},static:{staticDark:r("--t-text-color-default-primary"),staticLight:r("--t-text-color-default-inverted")},blue:["hsl(197, 56%, 92%)","hsl(197, 56%, 88%)","hsl(197, 56%, 72%)","hsl(197, 56%, 64%)","hsl(197, 56%, 52%)","hsl(197, 56%, 44%)","hsl(197, 56%, 40%)","hsl(197, 56%, 32%)","hsl(197, 56%, 24%)","hsl(197, 56%, 20%)"],dark:["hsla(0,0%,0%,0.04)","hsla(0,0%,0%,0.08)",l("--t-fill-color-transparency-dark-010"),l("--t-fill-color-transparency-dark-020"),l("--t-fill-color-transparency-dark-020"),l("--t-fill-color-transparency-dark-030"),l("--t-fill-color-transparency-dark-040"),l("--t-fill-color-transparency-dark-050"),l("--t-fill-color-transparency-dark-060"),l("--t-fill-color-transparency-dark-070")],days:{friday:"#F69688",monday:"#789FF8",saturday:"#66BEEB",sunday:"#7DC156",thursday:"#FA7EA4",tuesday:"#A193FD",wednesday:"#D18CF6"},error:{base:l("--t-fill-color-button-delete-solid-default"),dark:l("--t-fill-color-button-delete-solid-hover"),darker:l("--t-fill-color-button-delete-solid-active"),light:"hsl(8, 60%, 85%)",lighter:l("--t-fill-color-status-error-ghost"),lightest:l("--t-fill-color-status-error-dim")},foreground:{foreground:l("--t-text-color-default-primary"),foregroundSecondary:l("--t-text-color-default-secondary"),foregroundTertiary:"hsl(0, 0%, 58%)"},green:["hsl(96, 24%, 92%)","hsl(96, 30%, 84%)","hsl(96, 32%, 76%)","hsl(96, 34%, 72%)","hsl(96, 36%, 64%)","hsl(96, 40%, 58%)","hsl(96, 44%, 50%)","hsl(96, 48%, 40%)","hsl(96, 52%, 30%)","hsl(96, 60%, 20%)"],grey:[l("--t-fill-color-neutral-090"),l("--t-fill-color-neutral-080"),l("--t-fill-color-neutral-070"),l("--t-fill-color-neutral-060"),l("--t-fill-color-neutral-050"),l("--t-fill-color-neutral-040"),l("--t-fill-color-neutral-030"),l("--t-fill-color-neutral-025"),l("--t-fill-color-neutral-020"),l("--t-fill-color-neutral-010")],highlight:{highlight:l("--t-fill-color-neutral-070"),highlightSecondary:l("--t-fill-color-neutral-060")},interaction:{base:l("--t-fill-color-interaction-default"),dark:l("--t-fill-color-interaction-hover"),darker:l("--t-fill-color-interaction-active"),darkest:"hsl(221, 90%, 31%)",light:"hsl(221, 91%, 70%)",lighter:"hsl(0, 0%, 81%);",lightest:l("--t-fill-color-interaction-disabled")},light:[l("--t-fill-color-transparency-light-010"),l("--t-fill-color-transparency-light-020"),l("--t-fill-color-transparency-light-030"),l("--t-fill-color-transparency-light-040"),l("--t-fill-color-transparency-light-050"),l("--t-fill-color-transparency-light-060"),l("--t-fill-color-transparency-light-070"),l("--t-fill-color-transparency-light-080"),l("--t-fill-color-transparency-light-090"),"hsla(0,0%,100%,0.96)"],link:{linkBackground:l("--t-fill-color-neutral-090"),linkForeground:l("--t-text-color-interaction-primary")},primary:{base:"hsl(88, 44%, 40%)",dark:"hsl(88, 46%, 36%)",darker:"hsl(88, 52%, 32%)",darkest:"hsl(88, 72%, 20%)",light:"hsl(88, 40%, 54%)",lighter:"hsl(88, 32%, 86%)",lightest:"hsl(88, 24%, 92%)"},red:["hsl(8, 73%, 96%)","hsl(8, 74%, 92%)","hsl(8, 75%, 88%)","hsl(8, 76%, 68%)","hsl(8, 77%, 60%)","hsl(8, 78%, 56%)","hsl(8, 79%, 52%)","hsl(8, 80%, 48%)","hsl(8, 81%, 40%)","hsl(8, 82%, 30%)"],separator:{separator:l("--t-fill-color-neutral-040"),separatorFocus:"primary",separatorFocusSecondary:l("--t-fill-color-neutral-050"),separatorHover:l("--t-fill-color-neutral-040"),separatorSecondary:l("--t-fill-color-neutral-050"),separatorTertiary:l("--t-fill-color-neutral-050")},success:{base:l("--t-fill-color-status-success-solid"),dark:l("--t-text-color-status-success"),darker:"hsl(86, 91%, 23%)",light:l("--t-border-color-control-success"),lighter:l("--t-fill-color-status-success-ghost"),lightest:l("--t-fill-color-status-success-dim")},surface:{surface:l("--t-surface-color-card"),surfaceSecondary:l("--t-surface-color-canvas"),surfaceTertiary:l("--t-fill-color-neutral-070")},tapestry:o,warning:{base:l("--t-fill-color-status-warning-solid"),dark:l("--t-fill-color-status-warning-solid"),darker:l("--t-icon-color-status-warning-primary"),light:"hsl(42, 87%, 90%)",lighter:l("--t-fill-color-status-warning-ghost"),lightest:l("--t-fill-color-status-warning-dim")},yellow:["hsl(50, 89%, 90%)","hsl(50, 90%, 86%)","hsl(50, 91%, 74%)","hsl(50, 92%, 68%)","hsl(50, 93%, 62%)","hsl(50, 94%, 56%)","hsl(50, 95%, 48%)","hsl(50, 96%, 40%)","hsl(50, 97%, 32%)","hsl(50, 98%, 26%)"]},s=t(a);function e(l){return l?s[l]:s}export{s as colors,e as getColor,a as palette};
|
|
2
2
|
//# sourceMappingURL=colors.js.map
|