@frame-kit/tokens 0.1.19 → 0.1.20
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/base.css +4 -0
- package/index.d.ts +3 -0
- package/index.js +3 -0
- package/package.json +1 -1
- package/scss/tokens.base.scss +4 -0
package/base.css
CHANGED
|
@@ -1061,6 +1061,9 @@
|
|
|
1061
1061
|
--fk-onboarding-guide-accent: var(--fk-color-text);
|
|
1062
1062
|
--fk-onboarding-guide-accent-contrast: var(--fk-color-surface);
|
|
1063
1063
|
--fk-onboarding-guide-complete: var(--fk-color-success);
|
|
1064
|
+
/* In-flight step state (e.g. an invite awaiting acceptance). */
|
|
1065
|
+
--fk-onboarding-guide-pending: var(--fk-color-warning);
|
|
1066
|
+
--fk-onboarding-guide-pending-strong: var(--fk-color-warning-strong);
|
|
1064
1067
|
--fk-onboarding-guide-surface: var(--fk-color-surface);
|
|
1065
1068
|
--fk-onboarding-guide-surface-muted: var(--fk-color-surface-muted);
|
|
1066
1069
|
--fk-onboarding-guide-border: var(--fk-color-border);
|
|
@@ -1075,6 +1078,7 @@
|
|
|
1075
1078
|
--fk-onboarding-guide-shadow:
|
|
1076
1079
|
0 24px 54px -18px rgba(15, 23, 42, 0.28),
|
|
1077
1080
|
0 8px 20px -8px rgba(15, 23, 42, 0.16);
|
|
1081
|
+
--fk-onboarding-guide-font-body: var(--fk-font-family-base);
|
|
1078
1082
|
--fk-onboarding-guide-font-display: var(--fk-font-family-display);
|
|
1079
1083
|
--fk-onboarding-guide-font-mono: var(--fk-font-family-mono);
|
|
1080
1084
|
/* ---------- Search Bar Layout (patterns) ---------- */
|
package/index.d.ts
CHANGED
|
@@ -904,6 +904,8 @@ export type FkTokenName =
|
|
|
904
904
|
| '--fk-onboarding-guide-accent'
|
|
905
905
|
| '--fk-onboarding-guide-accent-contrast'
|
|
906
906
|
| '--fk-onboarding-guide-complete'
|
|
907
|
+
| '--fk-onboarding-guide-pending'
|
|
908
|
+
| '--fk-onboarding-guide-pending-strong'
|
|
907
909
|
| '--fk-onboarding-guide-surface'
|
|
908
910
|
| '--fk-onboarding-guide-surface-muted'
|
|
909
911
|
| '--fk-onboarding-guide-border'
|
|
@@ -916,6 +918,7 @@ export type FkTokenName =
|
|
|
916
918
|
| '--fk-onboarding-guide-radius-sm'
|
|
917
919
|
| '--fk-onboarding-guide-z'
|
|
918
920
|
| '--fk-onboarding-guide-shadow'
|
|
921
|
+
| '--fk-onboarding-guide-font-body'
|
|
919
922
|
| '--fk-onboarding-guide-font-display'
|
|
920
923
|
| '--fk-onboarding-guide-font-mono'
|
|
921
924
|
| '--fk-search-bar-layout-gap'
|
package/index.js
CHANGED
|
@@ -904,6 +904,8 @@ export const tokens = {
|
|
|
904
904
|
'--fk-onboarding-guide-accent': "var(--fk-color-text)",
|
|
905
905
|
'--fk-onboarding-guide-accent-contrast': "var(--fk-color-surface)",
|
|
906
906
|
'--fk-onboarding-guide-complete': "var(--fk-color-success)",
|
|
907
|
+
'--fk-onboarding-guide-pending': "var(--fk-color-warning)",
|
|
908
|
+
'--fk-onboarding-guide-pending-strong': "var(--fk-color-warning-strong)",
|
|
907
909
|
'--fk-onboarding-guide-surface': "var(--fk-color-surface)",
|
|
908
910
|
'--fk-onboarding-guide-surface-muted': "var(--fk-color-surface-muted)",
|
|
909
911
|
'--fk-onboarding-guide-border': "var(--fk-color-border)",
|
|
@@ -916,6 +918,7 @@ export const tokens = {
|
|
|
916
918
|
'--fk-onboarding-guide-radius-sm': "var(--fk-radius-md)",
|
|
917
919
|
'--fk-onboarding-guide-z': "60",
|
|
918
920
|
'--fk-onboarding-guide-shadow': "0 24px 54px -18px rgba(15, 23, 42, 0.28),\n 0 8px 20px -8px rgba(15, 23, 42, 0.16)",
|
|
921
|
+
'--fk-onboarding-guide-font-body': "var(--fk-font-family-base)",
|
|
919
922
|
'--fk-onboarding-guide-font-display': "var(--fk-font-family-display)",
|
|
920
923
|
'--fk-onboarding-guide-font-mono': "var(--fk-font-family-mono)",
|
|
921
924
|
'--fk-search-bar-layout-gap': "var(--fk-rhythm-3)",
|
package/package.json
CHANGED
package/scss/tokens.base.scss
CHANGED
|
@@ -1210,6 +1210,9 @@
|
|
|
1210
1210
|
--fk-onboarding-guide-accent: var(--fk-color-text);
|
|
1211
1211
|
--fk-onboarding-guide-accent-contrast: var(--fk-color-surface);
|
|
1212
1212
|
--fk-onboarding-guide-complete: var(--fk-color-success);
|
|
1213
|
+
/* In-flight step state (e.g. an invite awaiting acceptance). */
|
|
1214
|
+
--fk-onboarding-guide-pending: var(--fk-color-warning);
|
|
1215
|
+
--fk-onboarding-guide-pending-strong: var(--fk-color-warning-strong);
|
|
1213
1216
|
|
|
1214
1217
|
--fk-onboarding-guide-surface: var(--fk-color-surface);
|
|
1215
1218
|
--fk-onboarding-guide-surface-muted: var(--fk-color-surface-muted);
|
|
@@ -1227,6 +1230,7 @@
|
|
|
1227
1230
|
0 24px 54px -18px rgba(15, 23, 42, 0.28),
|
|
1228
1231
|
0 8px 20px -8px rgba(15, 23, 42, 0.16);
|
|
1229
1232
|
|
|
1233
|
+
--fk-onboarding-guide-font-body: var(--fk-font-family-base);
|
|
1230
1234
|
--fk-onboarding-guide-font-display: var(--fk-font-family-display);
|
|
1231
1235
|
--fk-onboarding-guide-font-mono: var(--fk-font-family-mono);
|
|
1232
1236
|
|