@frame-kit/tokens 0.1.15 → 0.1.17
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 +2 -0
- package/index.d.ts +2 -0
- package/index.js +2 -0
- package/package.json +1 -1
- package/scss/tokens.base.scss +6 -0
package/base.css
CHANGED
|
@@ -898,6 +898,8 @@
|
|
|
898
898
|
--fk-dialog-close-color: var(--fk-color-muted);
|
|
899
899
|
--fk-dialog-close-color-hover: var(--fk-color-text);
|
|
900
900
|
/* ---------- Wizard Dialog ---------- */
|
|
901
|
+
--fk-wizard-dialog-top-offset: -1rem;
|
|
902
|
+
--fk-wizard-dialog-header-padding: 0;
|
|
901
903
|
--fk-wizard-dialog-stepper-gap: var(--fk-rhythm-2);
|
|
902
904
|
--fk-wizard-dialog-stepper-padding: 0 0 0.75rem;
|
|
903
905
|
--fk-wizard-dialog-step-color: var(--fk-form-hint-color);
|
package/index.d.ts
CHANGED
|
@@ -761,6 +761,8 @@ export type FkTokenName =
|
|
|
761
761
|
| '--fk-dialog-close-size'
|
|
762
762
|
| '--fk-dialog-close-color'
|
|
763
763
|
| '--fk-dialog-close-color-hover'
|
|
764
|
+
| '--fk-wizard-dialog-top-offset'
|
|
765
|
+
| '--fk-wizard-dialog-header-padding'
|
|
764
766
|
| '--fk-wizard-dialog-stepper-gap'
|
|
765
767
|
| '--fk-wizard-dialog-stepper-padding'
|
|
766
768
|
| '--fk-wizard-dialog-step-color'
|
package/index.js
CHANGED
|
@@ -761,6 +761,8 @@ export const tokens = {
|
|
|
761
761
|
'--fk-dialog-close-size': "2rem",
|
|
762
762
|
'--fk-dialog-close-color': "var(--fk-color-muted)",
|
|
763
763
|
'--fk-dialog-close-color-hover': "var(--fk-color-text)",
|
|
764
|
+
'--fk-wizard-dialog-top-offset': "-1rem",
|
|
765
|
+
'--fk-wizard-dialog-header-padding': "0",
|
|
764
766
|
'--fk-wizard-dialog-stepper-gap': "var(--fk-rhythm-2)",
|
|
765
767
|
'--fk-wizard-dialog-stepper-padding': "0 0 0.75rem",
|
|
766
768
|
'--fk-wizard-dialog-step-color': "var(--fk-form-hint-color)",
|
package/package.json
CHANGED
package/scss/tokens.base.scss
CHANGED
|
@@ -1018,6 +1018,12 @@
|
|
|
1018
1018
|
--fk-dialog-close-color-hover: var(--fk-color-text);
|
|
1019
1019
|
|
|
1020
1020
|
/* ---------- Wizard Dialog ---------- */
|
|
1021
|
+
// Pulls the wizard container up to tuck under the stock dialog title bar.
|
|
1022
|
+
// Set to 0 when a custom header replaces the title bar (header: null).
|
|
1023
|
+
--fk-wizard-dialog-top-offset: -1rem;
|
|
1024
|
+
// Region for an optional consumer-supplied header above the stepper.
|
|
1025
|
+
// Defaults to 0 — a custom header component owns its own internal padding.
|
|
1026
|
+
--fk-wizard-dialog-header-padding: 0;
|
|
1021
1027
|
--fk-wizard-dialog-stepper-gap: var(--fk-rhythm-2);
|
|
1022
1028
|
--fk-wizard-dialog-stepper-padding: 0 0 0.75rem;
|
|
1023
1029
|
--fk-wizard-dialog-step-color: var(--fk-form-hint-color);
|