@riverbankcms/sdk 0.153.0 → 0.154.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.
- package/dist/{EventEmbeddedCheckoutStep-veN-QiAE.mjs → EventEmbeddedCheckoutStep-ba9npQtb.mjs} +1 -1
- package/dist/{PreviewEditorSidebar-jI_4DTZY.mjs → PreviewEditorSidebar-C7FiaxlF.mjs} +194 -22
- package/dist/{PreviewEditorUI-ORkVZhfu.mjs → PreviewEditorUI-DFst50q1.mjs} +20 -44
- package/dist/{SdkPreviewModeRuntime-DaNqevI1.mjs → SdkPreviewModeRuntime-BUNV_YHZ.mjs} +49 -32
- package/dist/{SiteChromeCustomizeContext-CgNuBHC0.mjs → SiteChromeCustomizeContext-DEj7qppF.mjs} +3558 -2321
- package/dist/{ThemedButton-X2UxhW6F.mjs → ThemedButton-C8kzu0hY.mjs} +400 -81
- package/dist/_dts/ai/src/contracts/proposals.d.ts +364 -130
- package/dist/_dts/ai/src/contracts/siteStyleProposalSchemas.d.ts +1035 -477
- package/dist/_dts/api/src/billing.d.ts +2 -0
- package/dist/_dts/api/src/billingEndpointDefinitions.d.ts +78 -0
- package/dist/_dts/api/src/bookingAdjustments.d.ts +3 -2
- package/dist/_dts/api/src/bookingOperations.d.ts +7 -2
- package/dist/_dts/api/src/bookingPeople.d.ts +19 -0
- package/dist/_dts/api/src/bookingPeopleEndpointDefinitions.d.ts +8 -0
- package/dist/_dts/api/src/bookingRecords.d.ts +4 -106
- package/dist/_dts/api/src/bookings.d.ts +2 -3
- package/dist/_dts/api/src/contentRuntime.d.ts +1 -0
- package/dist/_dts/api/src/endpoints.d.ts +88 -43
- package/dist/_dts/api/src/index.d.ts +4 -2
- package/dist/_dts/api/src/indexCoreTypes.d.ts +1 -0
- package/dist/_dts/api/src/moneyPayments.d.ts +116 -0
- package/dist/_dts/api/src/onboarding/surfaceData.d.ts +2 -0
- package/dist/_dts/api/src/sdk-event-upsert.d.ts +2 -2
- package/dist/_dts/api/src/sdkThemeWire.d.ts +162 -103
- package/dist/_dts/api/src/sitePlatformEndpoints.d.ts +18 -0
- package/dist/_dts/api/src/siteRuntimeEndpoints.d.ts +17 -16
- package/dist/_dts/api/src/siteSettings.d.ts +1 -0
- package/dist/_dts/api/src/stripeConnectSetup.d.ts +90 -0
- package/dist/_dts/api/src/types.d.ts +11 -31
- package/dist/_dts/api/src/wholeSeriesRuns.d.ts +2 -4
- package/dist/_dts/blocks/src/client/site-chrome.d.ts +1 -1
- package/dist/_dts/blocks/src/contracts/proof-block-islands.d.ts +8 -96
- package/dist/_dts/blocks/src/primitives/content/components/RichText.d.ts +1 -1
- package/dist/_dts/blocks/src/primitives/content/primitives.d.ts +4 -1
- package/dist/_dts/blocks/src/primitives/layout/Section.d.ts +1 -0
- package/dist/_dts/blocks/src/system/blocks/events/event-calendar.d.ts +1 -1
- package/dist/_dts/blocks/src/system/blocks/events/eventSelectionFields.d.ts +1 -1
- package/dist/_dts/blocks/src/system/blocks/events/shared/fields.d.ts +0 -4
- package/dist/_dts/blocks/src/system/blocks/events/shared/index.d.ts +0 -1
- package/dist/_dts/blocks/src/system/blocks/events/shared/schemas.d.ts +4 -4
- package/dist/_dts/blocks/src/system/blocks/form.d.ts +10 -0
- package/dist/_dts/blocks/src/system/blocks/image-gallery/fields.d.ts +1 -0
- package/dist/_dts/blocks/src/system/blocks/image-gallery.d.ts +6 -1
- package/dist/_dts/blocks/src/system/blocks/location-map.d.ts +1 -1
- package/dist/_dts/blocks/src/system/blocks/media-text.d.ts +47 -45
- package/dist/_dts/blocks/src/system/blocks/newsletter-signup.d.ts +12 -0
- package/dist/_dts/blocks/src/system/blocks/site-footer-runtime-layout.d.ts +23 -0
- package/dist/_dts/blocks/src/system/blocks/site-footer-runtime-profile.d.ts +20 -0
- package/dist/_dts/blocks/src/system/blocks/site-footer-runtime.d.ts +17 -16
- package/dist/_dts/blocks/src/system/blocks/site-footer.d.ts +1 -1
- package/dist/_dts/blocks/src/system/customize/facets.d.ts +75 -9
- package/dist/_dts/blocks/src/system/manifest/schema.d.ts +24 -24
- package/dist/_dts/blocks/src/system/node/fragments/index.d.ts +1 -0
- package/dist/_dts/blocks/src/system/node/fragments/lookSlot.d.ts +1 -1
- package/dist/_dts/blocks/src/system/node/fragments/responsiveTwoColumn.d.ts +3 -1
- package/dist/_dts/blocks/src/system/node/fragments/sectionHead.d.ts +15 -0
- package/dist/_dts/blocks/src/system/runtime/components/registry.client.d.ts +18 -198
- package/dist/_dts/blocks/src/system/runtime/components/runtime-backed-blocks.d.ts +9 -99
- package/dist/_dts/blocks/src/system/runtime/lookSurfaces.d.ts +16 -4
- package/dist/_dts/blocks/src/system/runtime/nodes/basic.d.ts +2 -1
- package/dist/_dts/blocks/src/system/runtime/nodes/event-details/lookPresentation.d.ts +10 -4
- package/dist/_dts/blocks/src/system/runtime/nodes/event-details/presentation.d.ts +1 -1
- package/dist/_dts/blocks/src/system/runtime/nodes/events/domain/dates.d.ts +1 -1
- package/dist/_dts/blocks/src/system/runtime/nodes/events/shared/eventCollectionContract.d.ts +29 -17
- package/dist/_dts/blocks/src/system/runtime/nodes/form.fields.d.ts +5 -2
- package/dist/_dts/blocks/src/system/runtime/nodes/form.interactive.d.ts +11 -79
- package/dist/_dts/blocks/src/system/runtime/nodes/form.parts.d.ts +7 -0
- package/dist/_dts/blocks/src/system/runtime/nodes/form.server.d.ts +2 -13
- package/dist/_dts/blocks/src/system/runtime/nodes/newsletter-form.interactive.d.ts +8 -72
- package/dist/_dts/blocks/src/system/runtime/nodes/newsletter-form.parts.d.ts +6 -6
- package/dist/_dts/blocks/src/system/runtime/nodes/newsletter-form.types.d.ts +3 -2
- package/dist/_dts/blocks/src/system/runtime/nodes/shared/contract-schemas.d.ts +2 -2
- package/dist/_dts/blocks/src/system/transforms/registry/_utils/surfaceForegroundStyles.d.ts +3 -0
- package/dist/_dts/blocks/src/system/transforms/registry/footerArrangement.d.ts +6 -0
- package/dist/_dts/blocks/src/system/transforms/registry/layout.d.ts +0 -11
- package/dist/_dts/blocks/src/system/transforms/typed.d.ts +1 -10
- package/dist/_dts/commerce/src/purchase/orderConfirmationPlanning.d.ts +1 -0
- package/dist/_dts/content-editor/src/FooterComposerOverview.d.ts +5 -2
- package/dist/_dts/content-editor/src/FooterComposerPanel.d.ts +1 -1
- package/dist/_dts/content-editor/src/FooterNavigationLayoutControl.d.ts +6 -3
- package/dist/_dts/content-editor/src/controller/editorLeaseParticipation.d.ts +1 -1
- package/dist/_dts/content-editor/src/footerComposer.d.ts +2 -1
- package/dist/_dts/content-editor/src/footerComposerPanelTypes.d.ts +3 -1
- package/dist/_dts/content-editor/src/footerNavigationLayoutState.d.ts +56 -0
- package/dist/_dts/content-editor/src/footerPreviewRuntime.d.ts +2 -1
- package/dist/_dts/content-editor/src/useFooterComposerState.d.ts +3 -4
- package/dist/_dts/content-editor/src/useFooterNavigationLayout.d.ts +11 -8
- package/dist/_dts/core/src/booking-refunds.d.ts +2 -0
- package/dist/_dts/core/src/date-display.d.ts +85 -0
- package/dist/_dts/core/src/date-time-formatter.d.ts +2 -0
- package/dist/_dts/core/src/footer-arrangement.d.ts +8 -1
- package/dist/_dts/core/src/footer-composition-types.d.ts +6 -1
- package/dist/_dts/core/src/footer-composition.d.ts +1 -1
- package/dist/_dts/core/src/footer-navigation-layout.d.ts +3 -0
- package/dist/_dts/core/src/index.d.ts +2 -0
- package/dist/_dts/core/src/mailing-list-setup.d.ts +3 -0
- package/dist/_dts/core/src/mailing-list-submission.d.ts +6 -1
- package/dist/_dts/core/src/public-profile.d.ts +3 -1
- package/dist/_dts/core/src/scheduled-date-time.d.ts +69 -0
- package/dist/_dts/db/src/generated/supabase/database.types.d.ts +50 -9
- package/dist/_dts/db/src/schemas/forms.d.ts +16 -16
- package/dist/_dts/preview-next/src/client/blocks/ArrangementBlockToolbar.d.ts +2 -1
- package/dist/_dts/preview-next/src/client/preview/PreviewShell.d.ts +1 -0
- package/dist/_dts/preview-next/src/client/preview/PreviewShellLayout.d.ts +1 -0
- package/dist/_dts/preview-next/src/client/preview/SiteChromeCustomizeContext.d.ts +4 -1
- package/dist/_dts/preview-next/src/client/preview/siteChromeSavePlan.d.ts +27 -5
- package/dist/_dts/preview-next/src/client/preview/siteStylePreviewPlanner.d.ts +2 -0
- package/dist/_dts/preview-next/src/client/preview/useConfirmedPreferenceRecord.d.ts +12 -0
- package/dist/_dts/preview-next/src/client/preview/usePersistedFooterPreferences.d.ts +26 -0
- package/dist/_dts/preview-next/src/client/preview/usePersistedHeaderPreferences.d.ts +40 -2
- package/dist/_dts/sdk/src/config/validation.d.ts +3 -3
- package/dist/_dts/sdk/src/contracts/system-block-content.d.ts +4 -46
- package/dist/_dts/sdk/src/date-time/index.d.ts +2 -68
- package/dist/_dts/sdk/src/public-api/contracts.d.ts +1 -0
- package/dist/_dts/sdk/src/rendering/islands/types.d.ts +1 -1
- package/dist/_dts/sdk/src/version.d.ts +1 -1
- package/dist/_dts/theme-core/src/buttons/buttonColourContract.d.ts +2 -0
- package/dist/_dts/theme-core/src/buttons/resolveButtonColourStates.d.ts +2 -0
- package/dist/_dts/theme-core/src/buttons/styles/recipes/lanternRecipes.d.ts +60 -0
- package/dist/_dts/theme-core/src/buttons/styles/registry.d.ts +57 -0
- package/dist/_dts/theme-core/src/buttons/styles/selection.d.ts +10 -1
- package/dist/_dts/theme-core/src/buttons/types.d.ts +358 -46
- package/dist/_dts/theme-core/src/buttons/typography.d.ts +24 -0
- package/dist/_dts/theme-core/src/cards/types.d.ts +8 -8
- package/dist/_dts/theme-core/src/footer/effectiveNavLinkStyle.d.ts +1 -1
- package/dist/_dts/theme-core/src/footer/generateFooterCss.d.ts +4 -1
- package/dist/_dts/theme-core/src/footer/mode.d.ts +2 -11
- package/dist/_dts/theme-core/src/generated/containerResponsiveThemeCss.d.ts +1 -1
- package/dist/_dts/theme-core/src/mock-themes/all.d.ts +234 -147
- package/dist/_dts/theme-core/src/navigation/types.d.ts +4 -4
- package/dist/_dts/theme-core/src/schema.d.ts +300 -192
- package/dist/_dts/theme-core/src/site-styles/appearancePresetTypes.d.ts +23 -7
- package/dist/_dts/theme-core/src/site-styles/backgroundAppearance.d.ts +2 -2
- package/dist/_dts/theme-core/src/site-styles/compilationPlan.d.ts +4 -6
- package/dist/_dts/theme-core/src/site-styles/compileFooterAgainstRow.d.ts +121 -0
- package/dist/_dts/theme-core/src/site-styles/curatedSiteStyles.d.ts +25 -0
- package/dist/_dts/theme-core/src/site-styles/footerLookDefaults.d.ts +45 -0
- package/dist/_dts/theme-core/src/site-styles/footerLookRecipe.d.ts +50 -0
- package/dist/_dts/theme-core/src/site-styles/footerLooks.d.ts +9 -35
- package/dist/_dts/theme-core/src/site-styles/footerPreferences.d.ts +29 -0
- package/dist/_dts/theme-core/src/site-styles/headerPreferencesPersistence.d.ts +2 -3
- package/dist/_dts/theme-core/src/site-styles/index.d.ts +4 -0
- package/dist/_dts/theme-core/src/site-styles/lookResolution.d.ts +2 -2
- package/dist/_dts/theme-core/src/site-styles/previewCompiler.d.ts +1 -1
- package/dist/_dts/theme-core/src/site-styles/siteChromeBackgrounds.d.ts +8 -0
- package/dist/_dts/theme-core/src/site-styles/themeParity.d.ts +1 -1
- package/dist/_dts/theme-core/src/site-styles/tokenRecipes.d.ts +1 -1
- package/dist/_dts/ui/src/card.d.ts +1 -1
- package/dist/client/{BookingMailingListNote-DrchYW1m.mjs → BookingMailingListNote-CNoSqFtf.mjs} +2 -2
- package/dist/client/{CardListItem-CC_GVmF6.mjs → CardListItem-BkTkqBkh.mjs} +3 -3
- package/dist/client/{CheckboxChoice-Dq30m3DO.mjs → CheckboxChoice-CHJpsty4.mjs} +1 -1
- package/dist/client/{DemoBookingPortalAccess-ojwbVUmx.mjs → DemoBookingPortalAccess-C7KQKFNt.mjs} +2 -2
- package/dist/client/{EventCombined.client-DyN0v0Xk.mjs → EventCombined.client-BgeYMjHJ.mjs} +5 -5
- package/dist/client/{EventEmbeddedCheckoutStep-CgfpKc3n.mjs → EventEmbeddedCheckoutStep-BTc_lTkM.mjs} +2 -2
- package/dist/client/{EventListing.client-CuOuvYMz.mjs → EventListing.client-ChRs9Hl2.mjs} +2 -2
- package/dist/client/{LeafletStaticMap-B0WhRr3j.mjs → LeafletStaticMap-C_dNQgd0.mjs} +1 -1
- package/dist/client/{RichText-C1fIXBzA.mjs → RichText-BI9bzbjo.mjs} +75 -42
- package/dist/client/{ThemedButton-B7HFqFBg.mjs → ThemedButton-wl3Z3wkH.mjs} +1 -1
- package/dist/client/{accordion-DCDVWSye.mjs → accordion-6Yz8Wd83.mjs} +1 -1
- package/dist/client/{bookingForm-BJ3C4GlM.mjs → bookingForm-i_pKIGiY.mjs} +8 -8
- package/dist/client/bookings.mjs +12565 -11839
- package/dist/client/{carousel-BSCBhfHY.mjs → carousel-DNqd_PjC.mjs} +2 -2
- package/dist/client/{carousel.client-GEtOGsxo.mjs → carousel.client-BUgjPbb6.mjs} +1 -1
- package/dist/client/{cart-Yv-aAtck.mjs → cart-D8OBHuF4.mjs} +3 -3
- package/dist/client/{checkout-B9xDkl30.mjs → checkout-F3-9IGLU.mjs} +3 -3
- package/dist/client/client.mjs +6109 -4778
- package/dist/client/{context-BOGe3rIA.mjs → context-Dg4ZrxDD.mjs} +1 -1
- package/dist/client/{eventCalendar-D6M0T9hs.mjs → eventCalendar-BUc7YIBM.mjs} +8 -8
- package/dist/client/{eventCombined-NM4UFBq8.mjs → eventCombined-BwfShk2a.mjs} +4 -4
- package/dist/client/{eventDetails-f_FhV4O8.mjs → eventDetails-BMOVC3go.mjs} +3 -3
- package/dist/client/{eventListing-WLkfAROh.mjs → eventListing-BwE9PM-t.mjs} +4 -4
- package/dist/client/{eventRegistration-D3ejfLvW.mjs → eventRegistration-CCWPYDc7.mjs} +9 -9
- package/dist/client/{form-D5Or2Jyu.mjs → form-CXFr0Gd5.mjs} +115 -51
- package/dist/client/{headerSection-hWgnv27V.mjs → headerSection-BX8qw8kH.mjs} +3 -3
- package/dist/client/hooks.mjs +2041 -1193
- package/dist/client/{locationMap-Di1K0O2S.mjs → locationMap-B3La71m0.mjs} +3 -3
- package/dist/client/{media-D29-F1u_.mjs → media-B1Cbv721.mjs} +1 -1
- package/dist/client/{newsletterForm-CwxcwTNO.mjs → newsletterForm-DnGyR0x7.mjs} +50 -14
- package/dist/client/{productDetail-BLSnhPdA.mjs → productDetail-BVgTqvkb.mjs} +3 -3
- package/dist/client/{productList-oGytONOX.mjs → productList-CcO7kUQw.mjs} +3 -3
- package/dist/client/{propsDecoder-lf_dTeZS.mjs → propsDecoder-B1OeWavE.mjs} +706 -229
- package/dist/client/rendering/client.mjs +11868 -11098
- package/dist/client/rendering/islands.mjs +17 -17
- package/dist/client/rendering.mjs +6058 -4676
- package/dist/client/{routeIslandApiConfig-Bc_WVPS8.mjs → routeIslandApiConfig-Dl4vglJm.mjs} +1 -1
- package/dist/client/{shop-BQ3bR7fA.mjs → shop-P72nX5Fs.mjs} +7 -7
- package/dist/client/{shop-commerce-DDPll6ZC.mjs → shop-commerce-Bt7uraDx.mjs} +8 -8
- package/dist/client/{shop-commerce-store-DO-e1pTe.mjs → shop-commerce-store-C1-mxSye.mjs} +1 -1
- package/dist/client/{shopShared-BylM9jh1.mjs → shopShared-Db-cRGu3.mjs} +4 -4
- package/dist/client/{useDiscountCodeUi-B1Puub2v.mjs → useDiscountCodeUi-jvAiUoUX.mjs} +1 -1
- package/dist/client/{useEventPagination-BBhkmQaT.mjs → useEventPagination-BdWpCniq.mjs} +6 -6
- package/dist/preview-next/before-render.mjs +133 -51
- package/dist/preview-next/client/runtime.mjs +3 -3
- package/dist/preview-next/editor-chrome.css +5 -2
- package/dist/preview-next/keepAlive.mjs +133 -51
- package/dist/preview-next/middleware.mjs +133 -51
- package/dist/{sdk-runtime-DWCvhJGu.mjs → sdk-runtime-DLhjF2Nw.mjs} +1 -1
- package/dist/server/components.mjs +11284 -10014
- package/dist/server/config-validation.mjs +2016 -1188
- package/dist/server/config.mjs +2016 -1188
- package/dist/server/data.mjs +2041 -1193
- package/dist/server/date-time.mjs +258 -116
- package/dist/server/index.mjs +134 -52
- package/dist/server/next.mjs +10571 -9350
- package/dist/server/page-converter.mjs +1629 -941
- package/dist/server/prebuild.mjs +1 -1
- package/dist/server/rendering/server.mjs +11156 -9872
- package/dist/server/rendering.mjs +11284 -10014
- package/dist/server/routing.mjs +2204 -1283
- package/dist/server/server.mjs +2369 -1570
- package/dist/server/theme-bridge.mjs +838 -124
- package/dist/server/theme.mjs +348 -64
- package/dist/{spinner-BYM-Y81w.mjs → spinner-MTooKfck.mjs} +1 -1
- package/dist/styles/index.css +254 -1
- package/package.json +1 -1
- package/dist/_dts/blocks/src/system/blocks/events/shared/layout.d.ts +0 -12
|
@@ -5,7 +5,7 @@ export declare const mockThemes: {
|
|
|
5
5
|
axes: {
|
|
6
6
|
tone: "bold" | "minimal" | "classic";
|
|
7
7
|
energy: "calm" | "vibrant";
|
|
8
|
-
density: "
|
|
8
|
+
density: "compact" | "regular" | "airy";
|
|
9
9
|
mediaBias: "mixed" | "text" | "media";
|
|
10
10
|
conversionBias: "low" | "high" | "med";
|
|
11
11
|
motion: "standard" | "subtle" | "expressive";
|
|
@@ -190,7 +190,7 @@ export declare const mockThemes: {
|
|
|
190
190
|
letterSpacing: "normal" | "wide" | "wider" | "widest";
|
|
191
191
|
gradient: boolean;
|
|
192
192
|
brandDisplay?: "auto" | "logo-only" | "logo-plus-title" | "title-only" | undefined;
|
|
193
|
-
size?: "display" | "auto" | "
|
|
193
|
+
size?: "display" | "auto" | "compact" | "standard" | "generous" | undefined;
|
|
194
194
|
accommodation?: "title-only" | "inline-logo-only" | "inline-wordmark" | "inline-mark-with-title" | "logo-plate" | "centered-badge" | "popout-badge" | "centered-masthead" | "hero-badge" | undefined;
|
|
195
195
|
} | undefined;
|
|
196
196
|
logoText?: {
|
|
@@ -200,7 +200,7 @@ export declare const mockThemes: {
|
|
|
200
200
|
} | undefined;
|
|
201
201
|
navLinkStyle?: {
|
|
202
202
|
colorToken: string;
|
|
203
|
-
padding: "none" | "
|
|
203
|
+
padding: "none" | "compact" | "default";
|
|
204
204
|
borderRadius: "none" | "full" | "md" | "sm";
|
|
205
205
|
typography: "heading" | "body";
|
|
206
206
|
fontWeight: "bold" | "medium" | "regular" | "semibold";
|
|
@@ -210,7 +210,7 @@ export declare const mockThemes: {
|
|
|
210
210
|
letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
|
|
211
211
|
contrastTreatment?: "none" | "soft-glow" | undefined;
|
|
212
212
|
hoverColorToken?: string | null | undefined;
|
|
213
|
-
paddingX?: "none" | "
|
|
213
|
+
paddingX?: "none" | "compact" | "default" | "tight" | "relaxed" | "spacious" | undefined;
|
|
214
214
|
effects?: {
|
|
215
215
|
base?: {
|
|
216
216
|
effectId: string;
|
|
@@ -231,7 +231,7 @@ export declare const mockThemes: {
|
|
|
231
231
|
} | undefined;
|
|
232
232
|
name?: string | undefined;
|
|
233
233
|
} | undefined;
|
|
234
|
-
ctaGap?: "none" | "
|
|
234
|
+
ctaGap?: "none" | "compact" | "default" | "tight" | "relaxed" | "spacious" | undefined;
|
|
235
235
|
ctaTreatment?: "default" | "primary" | "secondary" | "outline" | "ghost" | "inverted" | undefined;
|
|
236
236
|
ctaVariant?: string | undefined;
|
|
237
237
|
dropdownStyle?: {
|
|
@@ -249,7 +249,7 @@ export declare const mockThemes: {
|
|
|
249
249
|
} | undefined;
|
|
250
250
|
};
|
|
251
251
|
footer: {
|
|
252
|
-
variant: "split" | "
|
|
252
|
+
variant: "split" | "simple" | "centred";
|
|
253
253
|
maxWidth: "full" | "container";
|
|
254
254
|
background: {
|
|
255
255
|
type: "image" | "color" | "gradient";
|
|
@@ -270,12 +270,10 @@ export declare const mockThemes: {
|
|
|
270
270
|
};
|
|
271
271
|
navStyle: "scale" | "solid" | "underline" | "minimal" | "underline-grow" | "capsule" | "frosted";
|
|
272
272
|
navWeight: "bold" | "medium" | "regular" | "semibold";
|
|
273
|
-
mode?: "none" | "default" | "blocks" | "default+blocks" | undefined;
|
|
274
|
-
showLogoText?: boolean | undefined;
|
|
275
273
|
navColor?: string | null | undefined;
|
|
276
274
|
navLinkStyle?: {
|
|
277
275
|
colorToken: string;
|
|
278
|
-
padding: "none" | "
|
|
276
|
+
padding: "none" | "compact" | "default";
|
|
279
277
|
borderRadius: "none" | "full" | "md" | "sm";
|
|
280
278
|
typography: "heading" | "body";
|
|
281
279
|
fontWeight: "bold" | "medium" | "regular" | "semibold";
|
|
@@ -285,7 +283,7 @@ export declare const mockThemes: {
|
|
|
285
283
|
letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
|
|
286
284
|
contrastTreatment?: "none" | "soft-glow" | undefined;
|
|
287
285
|
hoverColorToken?: string | null | undefined;
|
|
288
|
-
paddingX?: "none" | "
|
|
286
|
+
paddingX?: "none" | "compact" | "default" | "tight" | "relaxed" | "spacious" | undefined;
|
|
289
287
|
effects?: {
|
|
290
288
|
base?: {
|
|
291
289
|
effectId: string;
|
|
@@ -314,18 +312,11 @@ export declare const mockThemes: {
|
|
|
314
312
|
} | undefined;
|
|
315
313
|
navLayout?: {
|
|
316
314
|
layout?: "stack" | "inline-wrap" | "inline" | undefined;
|
|
317
|
-
align?: "center" | "start" | "end" | "space-between" | undefined;
|
|
318
|
-
gapX?: "none" | "default" | "tight" | "relaxed" | "compact" | "spacious" | undefined;
|
|
319
|
-
gapY?: "none" | "default" | "tight" | "relaxed" | "compact" | "spacious" | undefined;
|
|
320
|
-
columns?: number | undefined;
|
|
321
315
|
} | undefined;
|
|
322
316
|
logo?: {
|
|
323
|
-
showLogo: boolean;
|
|
324
|
-
showLogoText?: boolean | undefined;
|
|
325
|
-
placement?: "left" | "right" | "above" | "below" | undefined;
|
|
326
317
|
size?: "md" | "lg" | "xl" | "sm" | undefined;
|
|
327
318
|
maxHeight?: "md" | "lg" | "xl" | "sm" | undefined;
|
|
328
|
-
align?: "
|
|
319
|
+
align?: "start" | "end" | "center" | undefined;
|
|
329
320
|
} | undefined;
|
|
330
321
|
bottomBar?: {
|
|
331
322
|
enabled?: boolean | undefined;
|
|
@@ -349,8 +340,8 @@ export declare const mockThemes: {
|
|
|
349
340
|
} | undefined;
|
|
350
341
|
textColor?: string | null | undefined;
|
|
351
342
|
textAlign?: "left" | "right" | "center" | undefined;
|
|
352
|
-
paddingY?: "none" | "
|
|
353
|
-
paddingX?: "none" | "
|
|
343
|
+
paddingY?: "none" | "compact" | "default" | "tight" | "relaxed" | "spacious" | undefined;
|
|
344
|
+
paddingX?: "none" | "compact" | "default" | "tight" | "relaxed" | "spacious" | undefined;
|
|
354
345
|
borderTop?: {
|
|
355
346
|
colorToken?: string | null | undefined;
|
|
356
347
|
width?: "none" | "medium" | "thin" | "thick" | undefined;
|
|
@@ -367,9 +358,9 @@ export declare const mockThemes: {
|
|
|
367
358
|
} | undefined;
|
|
368
359
|
layout?: {
|
|
369
360
|
containerPadding?: {
|
|
370
|
-
mobile?: "
|
|
371
|
-
tablet?: "
|
|
372
|
-
desktop?: "
|
|
361
|
+
mobile?: "compact" | "default" | "tight" | "relaxed" | undefined;
|
|
362
|
+
tablet?: "compact" | "default" | "tight" | "relaxed" | undefined;
|
|
363
|
+
desktop?: "compact" | "default" | "tight" | "relaxed" | undefined;
|
|
373
364
|
} | undefined;
|
|
374
365
|
} | undefined;
|
|
375
366
|
hero?: {
|
|
@@ -408,16 +399,16 @@ export declare const mockThemes: {
|
|
|
408
399
|
global: {
|
|
409
400
|
cornerStyle: "square" | "rounded" | "pill";
|
|
410
401
|
textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
|
|
411
|
-
fontWeight: 500 | 600 | 700 | 800;
|
|
402
|
+
fontWeight: 500 | 400 | 600 | 700 | 800;
|
|
412
403
|
hoverTransform: "none" | "scale" | "lift" | "press";
|
|
413
404
|
hoverColor: "none";
|
|
414
405
|
cornerRadius?: number | undefined;
|
|
415
406
|
shadow?: "none" | "medium" | "low" | "high" | undefined;
|
|
416
407
|
typography?: "heading" | "body" | undefined;
|
|
417
408
|
fontSize?: string | undefined;
|
|
418
|
-
letterSpacing?: "normal" | "tight" | "loose" | undefined;
|
|
409
|
+
letterSpacing?: "normal" | "tight" | "loose" | "wide" | "slight" | undefined;
|
|
419
410
|
italic?: boolean | undefined;
|
|
420
|
-
paddingPreset?: "
|
|
411
|
+
paddingPreset?: "compact" | "default" | "spacious" | undefined;
|
|
421
412
|
gradientStyle?: "linear" | "radial" | "conic" | undefined;
|
|
422
413
|
gradientAngle?: number | undefined;
|
|
423
414
|
gradientSharpness?: "medium" | "hard" | "smooth" | undefined;
|
|
@@ -425,7 +416,7 @@ export declare const mockThemes: {
|
|
|
425
416
|
} | {
|
|
426
417
|
cornerStyle: "square" | "rounded" | "pill";
|
|
427
418
|
textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
|
|
428
|
-
fontWeight: 500 | 600 | 700 | 800;
|
|
419
|
+
fontWeight: 500 | 400 | 600 | 700 | 800;
|
|
429
420
|
hoverTransform: "none" | "scale" | "lift" | "press";
|
|
430
421
|
hoverColor: "token";
|
|
431
422
|
hoverColorToken: import("../buttons").OpaqueButtonColourToken;
|
|
@@ -433,9 +424,9 @@ export declare const mockThemes: {
|
|
|
433
424
|
shadow?: "none" | "medium" | "low" | "high" | undefined;
|
|
434
425
|
typography?: "heading" | "body" | undefined;
|
|
435
426
|
fontSize?: string | undefined;
|
|
436
|
-
letterSpacing?: "normal" | "tight" | "loose" | undefined;
|
|
427
|
+
letterSpacing?: "normal" | "tight" | "loose" | "wide" | "slight" | undefined;
|
|
437
428
|
italic?: boolean | undefined;
|
|
438
|
-
paddingPreset?: "
|
|
429
|
+
paddingPreset?: "compact" | "default" | "spacious" | undefined;
|
|
439
430
|
gradientStyle?: "linear" | "radial" | "conic" | undefined;
|
|
440
431
|
gradientAngle?: number | undefined;
|
|
441
432
|
gradientSharpness?: "medium" | "hard" | "smooth" | undefined;
|
|
@@ -483,25 +474,29 @@ export declare const mockThemes: {
|
|
|
483
474
|
sm: {
|
|
484
475
|
padding: string;
|
|
485
476
|
fontSize?: string | undefined;
|
|
477
|
+
borderRadius?: string | undefined;
|
|
486
478
|
};
|
|
487
479
|
md: {
|
|
488
480
|
padding: string;
|
|
489
481
|
fontSize?: string | undefined;
|
|
482
|
+
borderRadius?: string | undefined;
|
|
490
483
|
};
|
|
491
484
|
lg: {
|
|
492
485
|
padding: string;
|
|
493
486
|
fontSize?: string | undefined;
|
|
487
|
+
borderRadius?: string | undefined;
|
|
494
488
|
};
|
|
495
489
|
xl: {
|
|
496
490
|
padding: string;
|
|
497
491
|
fontSize?: string | undefined;
|
|
492
|
+
borderRadius?: string | undefined;
|
|
498
493
|
};
|
|
499
494
|
};
|
|
500
495
|
typography: {
|
|
501
|
-
fontWeight: 500 | 600 | 700 | 800;
|
|
496
|
+
fontWeight: 500 | 400 | 600 | 700 | 800;
|
|
502
497
|
typography: "heading" | "body";
|
|
503
498
|
fontSize: string | null;
|
|
504
|
-
letterSpacing: "heading" | "normal" | "tight" | "loose" | null;
|
|
499
|
+
letterSpacing: "heading" | "normal" | "tight" | "loose" | "wide" | "slight" | null;
|
|
505
500
|
italic: boolean;
|
|
506
501
|
textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
|
|
507
502
|
};
|
|
@@ -555,7 +550,7 @@ export declare const mockThemes: {
|
|
|
555
550
|
} | {
|
|
556
551
|
effectId: "lift";
|
|
557
552
|
options?: {
|
|
558
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
553
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
559
554
|
} | undefined;
|
|
560
555
|
} | {
|
|
561
556
|
effectId: "press-down";
|
|
@@ -590,6 +585,7 @@ export declare const mockThemes: {
|
|
|
590
585
|
position: "bottom" | "bottom-right";
|
|
591
586
|
colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
|
|
592
587
|
};
|
|
588
|
+
transform?: "none" | undefined;
|
|
593
589
|
contextualHover?: {
|
|
594
590
|
kind: "shade-shift";
|
|
595
591
|
seedToken: import("../buttons").OpaqueButtonColourToken;
|
|
@@ -622,25 +618,29 @@ export declare const mockThemes: {
|
|
|
622
618
|
sm: {
|
|
623
619
|
padding: string;
|
|
624
620
|
fontSize?: string | undefined;
|
|
621
|
+
borderRadius?: string | undefined;
|
|
625
622
|
};
|
|
626
623
|
md: {
|
|
627
624
|
padding: string;
|
|
628
625
|
fontSize?: string | undefined;
|
|
626
|
+
borderRadius?: string | undefined;
|
|
629
627
|
};
|
|
630
628
|
lg: {
|
|
631
629
|
padding: string;
|
|
632
630
|
fontSize?: string | undefined;
|
|
631
|
+
borderRadius?: string | undefined;
|
|
633
632
|
};
|
|
634
633
|
xl: {
|
|
635
634
|
padding: string;
|
|
636
635
|
fontSize?: string | undefined;
|
|
636
|
+
borderRadius?: string | undefined;
|
|
637
637
|
};
|
|
638
638
|
};
|
|
639
639
|
typography: {
|
|
640
|
-
fontWeight: 500 | 600 | 700 | 800;
|
|
640
|
+
fontWeight: 500 | 400 | 600 | 700 | 800;
|
|
641
641
|
typography: "heading" | "body";
|
|
642
642
|
fontSize: string | null;
|
|
643
|
-
letterSpacing: "heading" | "normal" | "tight" | "loose" | null;
|
|
643
|
+
letterSpacing: "heading" | "normal" | "tight" | "loose" | "wide" | "slight" | null;
|
|
644
644
|
italic: boolean;
|
|
645
645
|
textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
|
|
646
646
|
};
|
|
@@ -694,7 +694,7 @@ export declare const mockThemes: {
|
|
|
694
694
|
} | {
|
|
695
695
|
effectId: "lift";
|
|
696
696
|
options?: {
|
|
697
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
697
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
698
698
|
} | undefined;
|
|
699
699
|
} | {
|
|
700
700
|
effectId: "press-down";
|
|
@@ -729,6 +729,7 @@ export declare const mockThemes: {
|
|
|
729
729
|
position: "bottom" | "bottom-right";
|
|
730
730
|
colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
|
|
731
731
|
};
|
|
732
|
+
transform?: "none" | undefined;
|
|
732
733
|
contextualHover?: {
|
|
733
734
|
kind: "shade-shift";
|
|
734
735
|
seedToken: import("../buttons").OpaqueButtonColourToken;
|
|
@@ -761,25 +762,29 @@ export declare const mockThemes: {
|
|
|
761
762
|
sm: {
|
|
762
763
|
padding: string;
|
|
763
764
|
fontSize?: string | undefined;
|
|
765
|
+
borderRadius?: string | undefined;
|
|
764
766
|
};
|
|
765
767
|
md: {
|
|
766
768
|
padding: string;
|
|
767
769
|
fontSize?: string | undefined;
|
|
770
|
+
borderRadius?: string | undefined;
|
|
768
771
|
};
|
|
769
772
|
lg: {
|
|
770
773
|
padding: string;
|
|
771
774
|
fontSize?: string | undefined;
|
|
775
|
+
borderRadius?: string | undefined;
|
|
772
776
|
};
|
|
773
777
|
xl: {
|
|
774
778
|
padding: string;
|
|
775
779
|
fontSize?: string | undefined;
|
|
780
|
+
borderRadius?: string | undefined;
|
|
776
781
|
};
|
|
777
782
|
};
|
|
778
783
|
typography: {
|
|
779
|
-
fontWeight: 500 | 600 | 700 | 800;
|
|
784
|
+
fontWeight: 500 | 400 | 600 | 700 | 800;
|
|
780
785
|
typography: "heading" | "body";
|
|
781
786
|
fontSize: string | null;
|
|
782
|
-
letterSpacing: "heading" | "normal" | "tight" | "loose" | null;
|
|
787
|
+
letterSpacing: "heading" | "normal" | "tight" | "loose" | "wide" | "slight" | null;
|
|
783
788
|
italic: boolean;
|
|
784
789
|
textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
|
|
785
790
|
};
|
|
@@ -833,7 +838,7 @@ export declare const mockThemes: {
|
|
|
833
838
|
} | {
|
|
834
839
|
effectId: "lift";
|
|
835
840
|
options?: {
|
|
836
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
841
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
837
842
|
} | undefined;
|
|
838
843
|
} | {
|
|
839
844
|
effectId: "press-down";
|
|
@@ -863,12 +868,18 @@ export declare const mockThemes: {
|
|
|
863
868
|
} | undefined;
|
|
864
869
|
})[];
|
|
865
870
|
shadow: "focus-indicator";
|
|
871
|
+
transform?: "none" | undefined;
|
|
866
872
|
contextualHover?: {
|
|
867
873
|
kind: "shade-shift";
|
|
868
874
|
seedToken: import("../buttons").OpaqueButtonColourToken;
|
|
869
875
|
fallbackDirection: "lighter" | "darker";
|
|
870
876
|
preferredToken?: import("../buttons").OpaqueButtonColourToken | undefined;
|
|
871
877
|
} | undefined;
|
|
878
|
+
indicator?: {
|
|
879
|
+
kind: "surface-ink";
|
|
880
|
+
width: 2 | 3;
|
|
881
|
+
offset: 3 | 4;
|
|
882
|
+
} | undefined;
|
|
872
883
|
};
|
|
873
884
|
active: {
|
|
874
885
|
background: {
|
|
@@ -895,25 +906,29 @@ export declare const mockThemes: {
|
|
|
895
906
|
sm: {
|
|
896
907
|
padding: string;
|
|
897
908
|
fontSize?: string | undefined;
|
|
909
|
+
borderRadius?: string | undefined;
|
|
898
910
|
};
|
|
899
911
|
md: {
|
|
900
912
|
padding: string;
|
|
901
913
|
fontSize?: string | undefined;
|
|
914
|
+
borderRadius?: string | undefined;
|
|
902
915
|
};
|
|
903
916
|
lg: {
|
|
904
917
|
padding: string;
|
|
905
918
|
fontSize?: string | undefined;
|
|
919
|
+
borderRadius?: string | undefined;
|
|
906
920
|
};
|
|
907
921
|
xl: {
|
|
908
922
|
padding: string;
|
|
909
923
|
fontSize?: string | undefined;
|
|
924
|
+
borderRadius?: string | undefined;
|
|
910
925
|
};
|
|
911
926
|
};
|
|
912
927
|
typography: {
|
|
913
|
-
fontWeight: 500 | 600 | 700 | 800;
|
|
928
|
+
fontWeight: 500 | 400 | 600 | 700 | 800;
|
|
914
929
|
typography: "heading" | "body";
|
|
915
930
|
fontSize: string | null;
|
|
916
|
-
letterSpacing: "heading" | "normal" | "tight" | "loose" | null;
|
|
931
|
+
letterSpacing: "heading" | "normal" | "tight" | "loose" | "wide" | "slight" | null;
|
|
917
932
|
italic: boolean;
|
|
918
933
|
textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
|
|
919
934
|
};
|
|
@@ -967,7 +982,7 @@ export declare const mockThemes: {
|
|
|
967
982
|
} | {
|
|
968
983
|
effectId: "lift";
|
|
969
984
|
options?: {
|
|
970
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
985
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
971
986
|
} | undefined;
|
|
972
987
|
} | {
|
|
973
988
|
effectId: "press-down";
|
|
@@ -1002,6 +1017,7 @@ export declare const mockThemes: {
|
|
|
1002
1017
|
position: "bottom" | "bottom-right";
|
|
1003
1018
|
colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
|
|
1004
1019
|
};
|
|
1020
|
+
transform?: "none" | undefined;
|
|
1005
1021
|
contextualHover?: {
|
|
1006
1022
|
kind: "shade-shift";
|
|
1007
1023
|
seedToken: import("../buttons").OpaqueButtonColourToken;
|
|
@@ -1034,25 +1050,29 @@ export declare const mockThemes: {
|
|
|
1034
1050
|
sm: {
|
|
1035
1051
|
padding: string;
|
|
1036
1052
|
fontSize?: string | undefined;
|
|
1053
|
+
borderRadius?: string | undefined;
|
|
1037
1054
|
};
|
|
1038
1055
|
md: {
|
|
1039
1056
|
padding: string;
|
|
1040
1057
|
fontSize?: string | undefined;
|
|
1058
|
+
borderRadius?: string | undefined;
|
|
1041
1059
|
};
|
|
1042
1060
|
lg: {
|
|
1043
1061
|
padding: string;
|
|
1044
1062
|
fontSize?: string | undefined;
|
|
1063
|
+
borderRadius?: string | undefined;
|
|
1045
1064
|
};
|
|
1046
1065
|
xl: {
|
|
1047
1066
|
padding: string;
|
|
1048
1067
|
fontSize?: string | undefined;
|
|
1068
|
+
borderRadius?: string | undefined;
|
|
1049
1069
|
};
|
|
1050
1070
|
};
|
|
1051
1071
|
typography: {
|
|
1052
|
-
fontWeight: 500 | 600 | 700 | 800;
|
|
1072
|
+
fontWeight: 500 | 400 | 600 | 700 | 800;
|
|
1053
1073
|
typography: "heading" | "body";
|
|
1054
1074
|
fontSize: string | null;
|
|
1055
|
-
letterSpacing: "heading" | "normal" | "tight" | "loose" | null;
|
|
1075
|
+
letterSpacing: "heading" | "normal" | "tight" | "loose" | "wide" | "slight" | null;
|
|
1056
1076
|
italic: boolean;
|
|
1057
1077
|
textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
|
|
1058
1078
|
};
|
|
@@ -1106,7 +1126,7 @@ export declare const mockThemes: {
|
|
|
1106
1126
|
} | {
|
|
1107
1127
|
effectId: "lift";
|
|
1108
1128
|
options?: {
|
|
1109
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
1129
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
1110
1130
|
} | undefined;
|
|
1111
1131
|
} | {
|
|
1112
1132
|
effectId: "press-down";
|
|
@@ -1141,6 +1161,7 @@ export declare const mockThemes: {
|
|
|
1141
1161
|
position: "bottom" | "bottom-right";
|
|
1142
1162
|
colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
|
|
1143
1163
|
};
|
|
1164
|
+
transform?: "none" | undefined;
|
|
1144
1165
|
contextualHover?: {
|
|
1145
1166
|
kind: "shade-shift";
|
|
1146
1167
|
seedToken: import("../buttons").OpaqueButtonColourToken;
|
|
@@ -1220,7 +1241,7 @@ export declare const mockThemes: {
|
|
|
1220
1241
|
} | {
|
|
1221
1242
|
effectId: "lift";
|
|
1222
1243
|
options?: {
|
|
1223
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
1244
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
1224
1245
|
} | undefined;
|
|
1225
1246
|
} | {
|
|
1226
1247
|
effectId: "press-down";
|
|
@@ -1299,7 +1320,7 @@ export declare const mockThemes: {
|
|
|
1299
1320
|
} | {
|
|
1300
1321
|
effectId: "lift";
|
|
1301
1322
|
options?: {
|
|
1302
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
1323
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
1303
1324
|
} | undefined;
|
|
1304
1325
|
} | {
|
|
1305
1326
|
effectId: "press-down";
|
|
@@ -1378,7 +1399,7 @@ export declare const mockThemes: {
|
|
|
1378
1399
|
} | {
|
|
1379
1400
|
effectId: "lift";
|
|
1380
1401
|
options?: {
|
|
1381
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
1402
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
1382
1403
|
} | undefined;
|
|
1383
1404
|
} | {
|
|
1384
1405
|
effectId: "press-down";
|
|
@@ -1457,7 +1478,7 @@ export declare const mockThemes: {
|
|
|
1457
1478
|
} | {
|
|
1458
1479
|
effectId: "lift";
|
|
1459
1480
|
options?: {
|
|
1460
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
1481
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
1461
1482
|
} | undefined;
|
|
1462
1483
|
} | {
|
|
1463
1484
|
effectId: "press-down";
|
|
@@ -1491,18 +1512,22 @@ export declare const mockThemes: {
|
|
|
1491
1512
|
sm?: {
|
|
1492
1513
|
padding: string;
|
|
1493
1514
|
fontSize?: string | undefined;
|
|
1515
|
+
borderRadius?: string | undefined;
|
|
1494
1516
|
} | undefined;
|
|
1495
1517
|
md?: {
|
|
1496
1518
|
padding: string;
|
|
1497
1519
|
fontSize?: string | undefined;
|
|
1520
|
+
borderRadius?: string | undefined;
|
|
1498
1521
|
} | undefined;
|
|
1499
1522
|
lg?: {
|
|
1500
1523
|
padding: string;
|
|
1501
1524
|
fontSize?: string | undefined;
|
|
1525
|
+
borderRadius?: string | undefined;
|
|
1502
1526
|
} | undefined;
|
|
1503
1527
|
xl?: {
|
|
1504
1528
|
padding: string;
|
|
1505
1529
|
fontSize?: string | undefined;
|
|
1530
|
+
borderRadius?: string | undefined;
|
|
1506
1531
|
} | undefined;
|
|
1507
1532
|
} | undefined;
|
|
1508
1533
|
affordance?: {
|
|
@@ -1513,18 +1538,22 @@ export declare const mockThemes: {
|
|
|
1513
1538
|
sm: {
|
|
1514
1539
|
padding: string;
|
|
1515
1540
|
fontSize?: string | undefined;
|
|
1541
|
+
borderRadius?: string | undefined;
|
|
1516
1542
|
};
|
|
1517
1543
|
md: {
|
|
1518
1544
|
padding: string;
|
|
1519
1545
|
fontSize?: string | undefined;
|
|
1546
|
+
borderRadius?: string | undefined;
|
|
1520
1547
|
};
|
|
1521
1548
|
lg: {
|
|
1522
1549
|
padding: string;
|
|
1523
1550
|
fontSize?: string | undefined;
|
|
1551
|
+
borderRadius?: string | undefined;
|
|
1524
1552
|
};
|
|
1525
1553
|
xl: {
|
|
1526
1554
|
padding: string;
|
|
1527
1555
|
fontSize?: string | undefined;
|
|
1556
|
+
borderRadius?: string | undefined;
|
|
1528
1557
|
};
|
|
1529
1558
|
} | undefined;
|
|
1530
1559
|
surfacePolicy?: {
|
|
@@ -1668,7 +1697,7 @@ export declare const mockThemes: {
|
|
|
1668
1697
|
shape: "soft" | "square" | "rounded" | "pill";
|
|
1669
1698
|
border: "underline" | "subtle" | "defined";
|
|
1670
1699
|
focus: "underline" | "ring" | "glow";
|
|
1671
|
-
label: "
|
|
1700
|
+
label: "inside" | "above";
|
|
1672
1701
|
} | undefined;
|
|
1673
1702
|
blockCustomVars?: Record<string, Record<string, string>> | undefined;
|
|
1674
1703
|
blockOverrides?: Record<string, {
|
|
@@ -2312,7 +2341,7 @@ export declare const mockThemes: {
|
|
|
2312
2341
|
axes: {
|
|
2313
2342
|
tone: "bold" | "minimal" | "classic";
|
|
2314
2343
|
energy: "calm" | "vibrant";
|
|
2315
|
-
density: "
|
|
2344
|
+
density: "compact" | "regular" | "airy";
|
|
2316
2345
|
mediaBias: "mixed" | "text" | "media";
|
|
2317
2346
|
conversionBias: "low" | "high" | "med";
|
|
2318
2347
|
motion: "standard" | "subtle" | "expressive";
|
|
@@ -2497,7 +2526,7 @@ export declare const mockThemes: {
|
|
|
2497
2526
|
letterSpacing: "normal" | "wide" | "wider" | "widest";
|
|
2498
2527
|
gradient: boolean;
|
|
2499
2528
|
brandDisplay?: "auto" | "logo-only" | "logo-plus-title" | "title-only" | undefined;
|
|
2500
|
-
size?: "display" | "auto" | "
|
|
2529
|
+
size?: "display" | "auto" | "compact" | "standard" | "generous" | undefined;
|
|
2501
2530
|
accommodation?: "title-only" | "inline-logo-only" | "inline-wordmark" | "inline-mark-with-title" | "logo-plate" | "centered-badge" | "popout-badge" | "centered-masthead" | "hero-badge" | undefined;
|
|
2502
2531
|
} | undefined;
|
|
2503
2532
|
logoText?: {
|
|
@@ -2507,7 +2536,7 @@ export declare const mockThemes: {
|
|
|
2507
2536
|
} | undefined;
|
|
2508
2537
|
navLinkStyle?: {
|
|
2509
2538
|
colorToken: string;
|
|
2510
|
-
padding: "none" | "
|
|
2539
|
+
padding: "none" | "compact" | "default";
|
|
2511
2540
|
borderRadius: "none" | "full" | "md" | "sm";
|
|
2512
2541
|
typography: "heading" | "body";
|
|
2513
2542
|
fontWeight: "bold" | "medium" | "regular" | "semibold";
|
|
@@ -2517,7 +2546,7 @@ export declare const mockThemes: {
|
|
|
2517
2546
|
letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
|
|
2518
2547
|
contrastTreatment?: "none" | "soft-glow" | undefined;
|
|
2519
2548
|
hoverColorToken?: string | null | undefined;
|
|
2520
|
-
paddingX?: "none" | "
|
|
2549
|
+
paddingX?: "none" | "compact" | "default" | "tight" | "relaxed" | "spacious" | undefined;
|
|
2521
2550
|
effects?: {
|
|
2522
2551
|
base?: {
|
|
2523
2552
|
effectId: string;
|
|
@@ -2538,7 +2567,7 @@ export declare const mockThemes: {
|
|
|
2538
2567
|
} | undefined;
|
|
2539
2568
|
name?: string | undefined;
|
|
2540
2569
|
} | undefined;
|
|
2541
|
-
ctaGap?: "none" | "
|
|
2570
|
+
ctaGap?: "none" | "compact" | "default" | "tight" | "relaxed" | "spacious" | undefined;
|
|
2542
2571
|
ctaTreatment?: "default" | "primary" | "secondary" | "outline" | "ghost" | "inverted" | undefined;
|
|
2543
2572
|
ctaVariant?: string | undefined;
|
|
2544
2573
|
dropdownStyle?: {
|
|
@@ -2556,7 +2585,7 @@ export declare const mockThemes: {
|
|
|
2556
2585
|
} | undefined;
|
|
2557
2586
|
};
|
|
2558
2587
|
footer: {
|
|
2559
|
-
variant: "split" | "
|
|
2588
|
+
variant: "split" | "simple" | "centred";
|
|
2560
2589
|
maxWidth: "full" | "container";
|
|
2561
2590
|
background: {
|
|
2562
2591
|
type: "image" | "color" | "gradient";
|
|
@@ -2577,12 +2606,10 @@ export declare const mockThemes: {
|
|
|
2577
2606
|
};
|
|
2578
2607
|
navStyle: "scale" | "solid" | "underline" | "minimal" | "underline-grow" | "capsule" | "frosted";
|
|
2579
2608
|
navWeight: "bold" | "medium" | "regular" | "semibold";
|
|
2580
|
-
mode?: "none" | "default" | "blocks" | "default+blocks" | undefined;
|
|
2581
|
-
showLogoText?: boolean | undefined;
|
|
2582
2609
|
navColor?: string | null | undefined;
|
|
2583
2610
|
navLinkStyle?: {
|
|
2584
2611
|
colorToken: string;
|
|
2585
|
-
padding: "none" | "
|
|
2612
|
+
padding: "none" | "compact" | "default";
|
|
2586
2613
|
borderRadius: "none" | "full" | "md" | "sm";
|
|
2587
2614
|
typography: "heading" | "body";
|
|
2588
2615
|
fontWeight: "bold" | "medium" | "regular" | "semibold";
|
|
@@ -2592,7 +2619,7 @@ export declare const mockThemes: {
|
|
|
2592
2619
|
letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
|
|
2593
2620
|
contrastTreatment?: "none" | "soft-glow" | undefined;
|
|
2594
2621
|
hoverColorToken?: string | null | undefined;
|
|
2595
|
-
paddingX?: "none" | "
|
|
2622
|
+
paddingX?: "none" | "compact" | "default" | "tight" | "relaxed" | "spacious" | undefined;
|
|
2596
2623
|
effects?: {
|
|
2597
2624
|
base?: {
|
|
2598
2625
|
effectId: string;
|
|
@@ -2621,18 +2648,11 @@ export declare const mockThemes: {
|
|
|
2621
2648
|
} | undefined;
|
|
2622
2649
|
navLayout?: {
|
|
2623
2650
|
layout?: "stack" | "inline-wrap" | "inline" | undefined;
|
|
2624
|
-
align?: "center" | "start" | "end" | "space-between" | undefined;
|
|
2625
|
-
gapX?: "none" | "default" | "tight" | "relaxed" | "compact" | "spacious" | undefined;
|
|
2626
|
-
gapY?: "none" | "default" | "tight" | "relaxed" | "compact" | "spacious" | undefined;
|
|
2627
|
-
columns?: number | undefined;
|
|
2628
2651
|
} | undefined;
|
|
2629
2652
|
logo?: {
|
|
2630
|
-
showLogo: boolean;
|
|
2631
|
-
showLogoText?: boolean | undefined;
|
|
2632
|
-
placement?: "left" | "right" | "above" | "below" | undefined;
|
|
2633
2653
|
size?: "md" | "lg" | "xl" | "sm" | undefined;
|
|
2634
2654
|
maxHeight?: "md" | "lg" | "xl" | "sm" | undefined;
|
|
2635
|
-
align?: "
|
|
2655
|
+
align?: "start" | "end" | "center" | undefined;
|
|
2636
2656
|
} | undefined;
|
|
2637
2657
|
bottomBar?: {
|
|
2638
2658
|
enabled?: boolean | undefined;
|
|
@@ -2656,8 +2676,8 @@ export declare const mockThemes: {
|
|
|
2656
2676
|
} | undefined;
|
|
2657
2677
|
textColor?: string | null | undefined;
|
|
2658
2678
|
textAlign?: "left" | "right" | "center" | undefined;
|
|
2659
|
-
paddingY?: "none" | "
|
|
2660
|
-
paddingX?: "none" | "
|
|
2679
|
+
paddingY?: "none" | "compact" | "default" | "tight" | "relaxed" | "spacious" | undefined;
|
|
2680
|
+
paddingX?: "none" | "compact" | "default" | "tight" | "relaxed" | "spacious" | undefined;
|
|
2661
2681
|
borderTop?: {
|
|
2662
2682
|
colorToken?: string | null | undefined;
|
|
2663
2683
|
width?: "none" | "medium" | "thin" | "thick" | undefined;
|
|
@@ -2674,9 +2694,9 @@ export declare const mockThemes: {
|
|
|
2674
2694
|
} | undefined;
|
|
2675
2695
|
layout?: {
|
|
2676
2696
|
containerPadding?: {
|
|
2677
|
-
mobile?: "
|
|
2678
|
-
tablet?: "
|
|
2679
|
-
desktop?: "
|
|
2697
|
+
mobile?: "compact" | "default" | "tight" | "relaxed" | undefined;
|
|
2698
|
+
tablet?: "compact" | "default" | "tight" | "relaxed" | undefined;
|
|
2699
|
+
desktop?: "compact" | "default" | "tight" | "relaxed" | undefined;
|
|
2680
2700
|
} | undefined;
|
|
2681
2701
|
} | undefined;
|
|
2682
2702
|
hero?: {
|
|
@@ -2715,16 +2735,16 @@ export declare const mockThemes: {
|
|
|
2715
2735
|
global: {
|
|
2716
2736
|
cornerStyle: "square" | "rounded" | "pill";
|
|
2717
2737
|
textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
|
|
2718
|
-
fontWeight: 500 | 600 | 700 | 800;
|
|
2738
|
+
fontWeight: 500 | 400 | 600 | 700 | 800;
|
|
2719
2739
|
hoverTransform: "none" | "scale" | "lift" | "press";
|
|
2720
2740
|
hoverColor: "none";
|
|
2721
2741
|
cornerRadius?: number | undefined;
|
|
2722
2742
|
shadow?: "none" | "medium" | "low" | "high" | undefined;
|
|
2723
2743
|
typography?: "heading" | "body" | undefined;
|
|
2724
2744
|
fontSize?: string | undefined;
|
|
2725
|
-
letterSpacing?: "normal" | "tight" | "loose" | undefined;
|
|
2745
|
+
letterSpacing?: "normal" | "tight" | "loose" | "wide" | "slight" | undefined;
|
|
2726
2746
|
italic?: boolean | undefined;
|
|
2727
|
-
paddingPreset?: "
|
|
2747
|
+
paddingPreset?: "compact" | "default" | "spacious" | undefined;
|
|
2728
2748
|
gradientStyle?: "linear" | "radial" | "conic" | undefined;
|
|
2729
2749
|
gradientAngle?: number | undefined;
|
|
2730
2750
|
gradientSharpness?: "medium" | "hard" | "smooth" | undefined;
|
|
@@ -2732,7 +2752,7 @@ export declare const mockThemes: {
|
|
|
2732
2752
|
} | {
|
|
2733
2753
|
cornerStyle: "square" | "rounded" | "pill";
|
|
2734
2754
|
textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
|
|
2735
|
-
fontWeight: 500 | 600 | 700 | 800;
|
|
2755
|
+
fontWeight: 500 | 400 | 600 | 700 | 800;
|
|
2736
2756
|
hoverTransform: "none" | "scale" | "lift" | "press";
|
|
2737
2757
|
hoverColor: "token";
|
|
2738
2758
|
hoverColorToken: import("../buttons").OpaqueButtonColourToken;
|
|
@@ -2740,9 +2760,9 @@ export declare const mockThemes: {
|
|
|
2740
2760
|
shadow?: "none" | "medium" | "low" | "high" | undefined;
|
|
2741
2761
|
typography?: "heading" | "body" | undefined;
|
|
2742
2762
|
fontSize?: string | undefined;
|
|
2743
|
-
letterSpacing?: "normal" | "tight" | "loose" | undefined;
|
|
2763
|
+
letterSpacing?: "normal" | "tight" | "loose" | "wide" | "slight" | undefined;
|
|
2744
2764
|
italic?: boolean | undefined;
|
|
2745
|
-
paddingPreset?: "
|
|
2765
|
+
paddingPreset?: "compact" | "default" | "spacious" | undefined;
|
|
2746
2766
|
gradientStyle?: "linear" | "radial" | "conic" | undefined;
|
|
2747
2767
|
gradientAngle?: number | undefined;
|
|
2748
2768
|
gradientSharpness?: "medium" | "hard" | "smooth" | undefined;
|
|
@@ -2790,25 +2810,29 @@ export declare const mockThemes: {
|
|
|
2790
2810
|
sm: {
|
|
2791
2811
|
padding: string;
|
|
2792
2812
|
fontSize?: string | undefined;
|
|
2813
|
+
borderRadius?: string | undefined;
|
|
2793
2814
|
};
|
|
2794
2815
|
md: {
|
|
2795
2816
|
padding: string;
|
|
2796
2817
|
fontSize?: string | undefined;
|
|
2818
|
+
borderRadius?: string | undefined;
|
|
2797
2819
|
};
|
|
2798
2820
|
lg: {
|
|
2799
2821
|
padding: string;
|
|
2800
2822
|
fontSize?: string | undefined;
|
|
2823
|
+
borderRadius?: string | undefined;
|
|
2801
2824
|
};
|
|
2802
2825
|
xl: {
|
|
2803
2826
|
padding: string;
|
|
2804
2827
|
fontSize?: string | undefined;
|
|
2828
|
+
borderRadius?: string | undefined;
|
|
2805
2829
|
};
|
|
2806
2830
|
};
|
|
2807
2831
|
typography: {
|
|
2808
|
-
fontWeight: 500 | 600 | 700 | 800;
|
|
2832
|
+
fontWeight: 500 | 400 | 600 | 700 | 800;
|
|
2809
2833
|
typography: "heading" | "body";
|
|
2810
2834
|
fontSize: string | null;
|
|
2811
|
-
letterSpacing: "heading" | "normal" | "tight" | "loose" | null;
|
|
2835
|
+
letterSpacing: "heading" | "normal" | "tight" | "loose" | "wide" | "slight" | null;
|
|
2812
2836
|
italic: boolean;
|
|
2813
2837
|
textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
|
|
2814
2838
|
};
|
|
@@ -2862,7 +2886,7 @@ export declare const mockThemes: {
|
|
|
2862
2886
|
} | {
|
|
2863
2887
|
effectId: "lift";
|
|
2864
2888
|
options?: {
|
|
2865
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
2889
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
2866
2890
|
} | undefined;
|
|
2867
2891
|
} | {
|
|
2868
2892
|
effectId: "press-down";
|
|
@@ -2897,6 +2921,7 @@ export declare const mockThemes: {
|
|
|
2897
2921
|
position: "bottom" | "bottom-right";
|
|
2898
2922
|
colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
|
|
2899
2923
|
};
|
|
2924
|
+
transform?: "none" | undefined;
|
|
2900
2925
|
contextualHover?: {
|
|
2901
2926
|
kind: "shade-shift";
|
|
2902
2927
|
seedToken: import("../buttons").OpaqueButtonColourToken;
|
|
@@ -2929,25 +2954,29 @@ export declare const mockThemes: {
|
|
|
2929
2954
|
sm: {
|
|
2930
2955
|
padding: string;
|
|
2931
2956
|
fontSize?: string | undefined;
|
|
2957
|
+
borderRadius?: string | undefined;
|
|
2932
2958
|
};
|
|
2933
2959
|
md: {
|
|
2934
2960
|
padding: string;
|
|
2935
2961
|
fontSize?: string | undefined;
|
|
2962
|
+
borderRadius?: string | undefined;
|
|
2936
2963
|
};
|
|
2937
2964
|
lg: {
|
|
2938
2965
|
padding: string;
|
|
2939
2966
|
fontSize?: string | undefined;
|
|
2967
|
+
borderRadius?: string | undefined;
|
|
2940
2968
|
};
|
|
2941
2969
|
xl: {
|
|
2942
2970
|
padding: string;
|
|
2943
2971
|
fontSize?: string | undefined;
|
|
2972
|
+
borderRadius?: string | undefined;
|
|
2944
2973
|
};
|
|
2945
2974
|
};
|
|
2946
2975
|
typography: {
|
|
2947
|
-
fontWeight: 500 | 600 | 700 | 800;
|
|
2976
|
+
fontWeight: 500 | 400 | 600 | 700 | 800;
|
|
2948
2977
|
typography: "heading" | "body";
|
|
2949
2978
|
fontSize: string | null;
|
|
2950
|
-
letterSpacing: "heading" | "normal" | "tight" | "loose" | null;
|
|
2979
|
+
letterSpacing: "heading" | "normal" | "tight" | "loose" | "wide" | "slight" | null;
|
|
2951
2980
|
italic: boolean;
|
|
2952
2981
|
textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
|
|
2953
2982
|
};
|
|
@@ -3001,7 +3030,7 @@ export declare const mockThemes: {
|
|
|
3001
3030
|
} | {
|
|
3002
3031
|
effectId: "lift";
|
|
3003
3032
|
options?: {
|
|
3004
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
3033
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
3005
3034
|
} | undefined;
|
|
3006
3035
|
} | {
|
|
3007
3036
|
effectId: "press-down";
|
|
@@ -3036,6 +3065,7 @@ export declare const mockThemes: {
|
|
|
3036
3065
|
position: "bottom" | "bottom-right";
|
|
3037
3066
|
colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
|
|
3038
3067
|
};
|
|
3068
|
+
transform?: "none" | undefined;
|
|
3039
3069
|
contextualHover?: {
|
|
3040
3070
|
kind: "shade-shift";
|
|
3041
3071
|
seedToken: import("../buttons").OpaqueButtonColourToken;
|
|
@@ -3068,25 +3098,29 @@ export declare const mockThemes: {
|
|
|
3068
3098
|
sm: {
|
|
3069
3099
|
padding: string;
|
|
3070
3100
|
fontSize?: string | undefined;
|
|
3101
|
+
borderRadius?: string | undefined;
|
|
3071
3102
|
};
|
|
3072
3103
|
md: {
|
|
3073
3104
|
padding: string;
|
|
3074
3105
|
fontSize?: string | undefined;
|
|
3106
|
+
borderRadius?: string | undefined;
|
|
3075
3107
|
};
|
|
3076
3108
|
lg: {
|
|
3077
3109
|
padding: string;
|
|
3078
3110
|
fontSize?: string | undefined;
|
|
3111
|
+
borderRadius?: string | undefined;
|
|
3079
3112
|
};
|
|
3080
3113
|
xl: {
|
|
3081
3114
|
padding: string;
|
|
3082
3115
|
fontSize?: string | undefined;
|
|
3116
|
+
borderRadius?: string | undefined;
|
|
3083
3117
|
};
|
|
3084
3118
|
};
|
|
3085
3119
|
typography: {
|
|
3086
|
-
fontWeight: 500 | 600 | 700 | 800;
|
|
3120
|
+
fontWeight: 500 | 400 | 600 | 700 | 800;
|
|
3087
3121
|
typography: "heading" | "body";
|
|
3088
3122
|
fontSize: string | null;
|
|
3089
|
-
letterSpacing: "heading" | "normal" | "tight" | "loose" | null;
|
|
3123
|
+
letterSpacing: "heading" | "normal" | "tight" | "loose" | "wide" | "slight" | null;
|
|
3090
3124
|
italic: boolean;
|
|
3091
3125
|
textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
|
|
3092
3126
|
};
|
|
@@ -3140,7 +3174,7 @@ export declare const mockThemes: {
|
|
|
3140
3174
|
} | {
|
|
3141
3175
|
effectId: "lift";
|
|
3142
3176
|
options?: {
|
|
3143
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
3177
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
3144
3178
|
} | undefined;
|
|
3145
3179
|
} | {
|
|
3146
3180
|
effectId: "press-down";
|
|
@@ -3170,12 +3204,18 @@ export declare const mockThemes: {
|
|
|
3170
3204
|
} | undefined;
|
|
3171
3205
|
})[];
|
|
3172
3206
|
shadow: "focus-indicator";
|
|
3207
|
+
transform?: "none" | undefined;
|
|
3173
3208
|
contextualHover?: {
|
|
3174
3209
|
kind: "shade-shift";
|
|
3175
3210
|
seedToken: import("../buttons").OpaqueButtonColourToken;
|
|
3176
3211
|
fallbackDirection: "lighter" | "darker";
|
|
3177
3212
|
preferredToken?: import("../buttons").OpaqueButtonColourToken | undefined;
|
|
3178
3213
|
} | undefined;
|
|
3214
|
+
indicator?: {
|
|
3215
|
+
kind: "surface-ink";
|
|
3216
|
+
width: 2 | 3;
|
|
3217
|
+
offset: 3 | 4;
|
|
3218
|
+
} | undefined;
|
|
3179
3219
|
};
|
|
3180
3220
|
active: {
|
|
3181
3221
|
background: {
|
|
@@ -3202,25 +3242,29 @@ export declare const mockThemes: {
|
|
|
3202
3242
|
sm: {
|
|
3203
3243
|
padding: string;
|
|
3204
3244
|
fontSize?: string | undefined;
|
|
3245
|
+
borderRadius?: string | undefined;
|
|
3205
3246
|
};
|
|
3206
3247
|
md: {
|
|
3207
3248
|
padding: string;
|
|
3208
3249
|
fontSize?: string | undefined;
|
|
3250
|
+
borderRadius?: string | undefined;
|
|
3209
3251
|
};
|
|
3210
3252
|
lg: {
|
|
3211
3253
|
padding: string;
|
|
3212
3254
|
fontSize?: string | undefined;
|
|
3255
|
+
borderRadius?: string | undefined;
|
|
3213
3256
|
};
|
|
3214
3257
|
xl: {
|
|
3215
3258
|
padding: string;
|
|
3216
3259
|
fontSize?: string | undefined;
|
|
3260
|
+
borderRadius?: string | undefined;
|
|
3217
3261
|
};
|
|
3218
3262
|
};
|
|
3219
3263
|
typography: {
|
|
3220
|
-
fontWeight: 500 | 600 | 700 | 800;
|
|
3264
|
+
fontWeight: 500 | 400 | 600 | 700 | 800;
|
|
3221
3265
|
typography: "heading" | "body";
|
|
3222
3266
|
fontSize: string | null;
|
|
3223
|
-
letterSpacing: "heading" | "normal" | "tight" | "loose" | null;
|
|
3267
|
+
letterSpacing: "heading" | "normal" | "tight" | "loose" | "wide" | "slight" | null;
|
|
3224
3268
|
italic: boolean;
|
|
3225
3269
|
textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
|
|
3226
3270
|
};
|
|
@@ -3274,7 +3318,7 @@ export declare const mockThemes: {
|
|
|
3274
3318
|
} | {
|
|
3275
3319
|
effectId: "lift";
|
|
3276
3320
|
options?: {
|
|
3277
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
3321
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
3278
3322
|
} | undefined;
|
|
3279
3323
|
} | {
|
|
3280
3324
|
effectId: "press-down";
|
|
@@ -3309,6 +3353,7 @@ export declare const mockThemes: {
|
|
|
3309
3353
|
position: "bottom" | "bottom-right";
|
|
3310
3354
|
colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
|
|
3311
3355
|
};
|
|
3356
|
+
transform?: "none" | undefined;
|
|
3312
3357
|
contextualHover?: {
|
|
3313
3358
|
kind: "shade-shift";
|
|
3314
3359
|
seedToken: import("../buttons").OpaqueButtonColourToken;
|
|
@@ -3341,25 +3386,29 @@ export declare const mockThemes: {
|
|
|
3341
3386
|
sm: {
|
|
3342
3387
|
padding: string;
|
|
3343
3388
|
fontSize?: string | undefined;
|
|
3389
|
+
borderRadius?: string | undefined;
|
|
3344
3390
|
};
|
|
3345
3391
|
md: {
|
|
3346
3392
|
padding: string;
|
|
3347
3393
|
fontSize?: string | undefined;
|
|
3394
|
+
borderRadius?: string | undefined;
|
|
3348
3395
|
};
|
|
3349
3396
|
lg: {
|
|
3350
3397
|
padding: string;
|
|
3351
3398
|
fontSize?: string | undefined;
|
|
3399
|
+
borderRadius?: string | undefined;
|
|
3352
3400
|
};
|
|
3353
3401
|
xl: {
|
|
3354
3402
|
padding: string;
|
|
3355
3403
|
fontSize?: string | undefined;
|
|
3404
|
+
borderRadius?: string | undefined;
|
|
3356
3405
|
};
|
|
3357
3406
|
};
|
|
3358
3407
|
typography: {
|
|
3359
|
-
fontWeight: 500 | 600 | 700 | 800;
|
|
3408
|
+
fontWeight: 500 | 400 | 600 | 700 | 800;
|
|
3360
3409
|
typography: "heading" | "body";
|
|
3361
3410
|
fontSize: string | null;
|
|
3362
|
-
letterSpacing: "heading" | "normal" | "tight" | "loose" | null;
|
|
3411
|
+
letterSpacing: "heading" | "normal" | "tight" | "loose" | "wide" | "slight" | null;
|
|
3363
3412
|
italic: boolean;
|
|
3364
3413
|
textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
|
|
3365
3414
|
};
|
|
@@ -3413,7 +3462,7 @@ export declare const mockThemes: {
|
|
|
3413
3462
|
} | {
|
|
3414
3463
|
effectId: "lift";
|
|
3415
3464
|
options?: {
|
|
3416
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
3465
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
3417
3466
|
} | undefined;
|
|
3418
3467
|
} | {
|
|
3419
3468
|
effectId: "press-down";
|
|
@@ -3448,6 +3497,7 @@ export declare const mockThemes: {
|
|
|
3448
3497
|
position: "bottom" | "bottom-right";
|
|
3449
3498
|
colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
|
|
3450
3499
|
};
|
|
3500
|
+
transform?: "none" | undefined;
|
|
3451
3501
|
contextualHover?: {
|
|
3452
3502
|
kind: "shade-shift";
|
|
3453
3503
|
seedToken: import("../buttons").OpaqueButtonColourToken;
|
|
@@ -3527,7 +3577,7 @@ export declare const mockThemes: {
|
|
|
3527
3577
|
} | {
|
|
3528
3578
|
effectId: "lift";
|
|
3529
3579
|
options?: {
|
|
3530
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
3580
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
3531
3581
|
} | undefined;
|
|
3532
3582
|
} | {
|
|
3533
3583
|
effectId: "press-down";
|
|
@@ -3606,7 +3656,7 @@ export declare const mockThemes: {
|
|
|
3606
3656
|
} | {
|
|
3607
3657
|
effectId: "lift";
|
|
3608
3658
|
options?: {
|
|
3609
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
3659
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
3610
3660
|
} | undefined;
|
|
3611
3661
|
} | {
|
|
3612
3662
|
effectId: "press-down";
|
|
@@ -3685,7 +3735,7 @@ export declare const mockThemes: {
|
|
|
3685
3735
|
} | {
|
|
3686
3736
|
effectId: "lift";
|
|
3687
3737
|
options?: {
|
|
3688
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
3738
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
3689
3739
|
} | undefined;
|
|
3690
3740
|
} | {
|
|
3691
3741
|
effectId: "press-down";
|
|
@@ -3764,7 +3814,7 @@ export declare const mockThemes: {
|
|
|
3764
3814
|
} | {
|
|
3765
3815
|
effectId: "lift";
|
|
3766
3816
|
options?: {
|
|
3767
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
3817
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
3768
3818
|
} | undefined;
|
|
3769
3819
|
} | {
|
|
3770
3820
|
effectId: "press-down";
|
|
@@ -3798,18 +3848,22 @@ export declare const mockThemes: {
|
|
|
3798
3848
|
sm?: {
|
|
3799
3849
|
padding: string;
|
|
3800
3850
|
fontSize?: string | undefined;
|
|
3851
|
+
borderRadius?: string | undefined;
|
|
3801
3852
|
} | undefined;
|
|
3802
3853
|
md?: {
|
|
3803
3854
|
padding: string;
|
|
3804
3855
|
fontSize?: string | undefined;
|
|
3856
|
+
borderRadius?: string | undefined;
|
|
3805
3857
|
} | undefined;
|
|
3806
3858
|
lg?: {
|
|
3807
3859
|
padding: string;
|
|
3808
3860
|
fontSize?: string | undefined;
|
|
3861
|
+
borderRadius?: string | undefined;
|
|
3809
3862
|
} | undefined;
|
|
3810
3863
|
xl?: {
|
|
3811
3864
|
padding: string;
|
|
3812
3865
|
fontSize?: string | undefined;
|
|
3866
|
+
borderRadius?: string | undefined;
|
|
3813
3867
|
} | undefined;
|
|
3814
3868
|
} | undefined;
|
|
3815
3869
|
affordance?: {
|
|
@@ -3820,18 +3874,22 @@ export declare const mockThemes: {
|
|
|
3820
3874
|
sm: {
|
|
3821
3875
|
padding: string;
|
|
3822
3876
|
fontSize?: string | undefined;
|
|
3877
|
+
borderRadius?: string | undefined;
|
|
3823
3878
|
};
|
|
3824
3879
|
md: {
|
|
3825
3880
|
padding: string;
|
|
3826
3881
|
fontSize?: string | undefined;
|
|
3882
|
+
borderRadius?: string | undefined;
|
|
3827
3883
|
};
|
|
3828
3884
|
lg: {
|
|
3829
3885
|
padding: string;
|
|
3830
3886
|
fontSize?: string | undefined;
|
|
3887
|
+
borderRadius?: string | undefined;
|
|
3831
3888
|
};
|
|
3832
3889
|
xl: {
|
|
3833
3890
|
padding: string;
|
|
3834
3891
|
fontSize?: string | undefined;
|
|
3892
|
+
borderRadius?: string | undefined;
|
|
3835
3893
|
};
|
|
3836
3894
|
} | undefined;
|
|
3837
3895
|
surfacePolicy?: {
|
|
@@ -3975,7 +4033,7 @@ export declare const mockThemes: {
|
|
|
3975
4033
|
shape: "soft" | "square" | "rounded" | "pill";
|
|
3976
4034
|
border: "underline" | "subtle" | "defined";
|
|
3977
4035
|
focus: "underline" | "ring" | "glow";
|
|
3978
|
-
label: "
|
|
4036
|
+
label: "inside" | "above";
|
|
3979
4037
|
} | undefined;
|
|
3980
4038
|
blockCustomVars?: Record<string, Record<string, string>> | undefined;
|
|
3981
4039
|
blockOverrides?: Record<string, {
|
|
@@ -4619,7 +4677,7 @@ export declare const mockThemes: {
|
|
|
4619
4677
|
axes: {
|
|
4620
4678
|
tone: "bold" | "minimal" | "classic";
|
|
4621
4679
|
energy: "calm" | "vibrant";
|
|
4622
|
-
density: "
|
|
4680
|
+
density: "compact" | "regular" | "airy";
|
|
4623
4681
|
mediaBias: "mixed" | "text" | "media";
|
|
4624
4682
|
conversionBias: "low" | "high" | "med";
|
|
4625
4683
|
motion: "standard" | "subtle" | "expressive";
|
|
@@ -4804,7 +4862,7 @@ export declare const mockThemes: {
|
|
|
4804
4862
|
letterSpacing: "normal" | "wide" | "wider" | "widest";
|
|
4805
4863
|
gradient: boolean;
|
|
4806
4864
|
brandDisplay?: "auto" | "logo-only" | "logo-plus-title" | "title-only" | undefined;
|
|
4807
|
-
size?: "display" | "auto" | "
|
|
4865
|
+
size?: "display" | "auto" | "compact" | "standard" | "generous" | undefined;
|
|
4808
4866
|
accommodation?: "title-only" | "inline-logo-only" | "inline-wordmark" | "inline-mark-with-title" | "logo-plate" | "centered-badge" | "popout-badge" | "centered-masthead" | "hero-badge" | undefined;
|
|
4809
4867
|
} | undefined;
|
|
4810
4868
|
logoText?: {
|
|
@@ -4814,7 +4872,7 @@ export declare const mockThemes: {
|
|
|
4814
4872
|
} | undefined;
|
|
4815
4873
|
navLinkStyle?: {
|
|
4816
4874
|
colorToken: string;
|
|
4817
|
-
padding: "none" | "
|
|
4875
|
+
padding: "none" | "compact" | "default";
|
|
4818
4876
|
borderRadius: "none" | "full" | "md" | "sm";
|
|
4819
4877
|
typography: "heading" | "body";
|
|
4820
4878
|
fontWeight: "bold" | "medium" | "regular" | "semibold";
|
|
@@ -4824,7 +4882,7 @@ export declare const mockThemes: {
|
|
|
4824
4882
|
letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
|
|
4825
4883
|
contrastTreatment?: "none" | "soft-glow" | undefined;
|
|
4826
4884
|
hoverColorToken?: string | null | undefined;
|
|
4827
|
-
paddingX?: "none" | "
|
|
4885
|
+
paddingX?: "none" | "compact" | "default" | "tight" | "relaxed" | "spacious" | undefined;
|
|
4828
4886
|
effects?: {
|
|
4829
4887
|
base?: {
|
|
4830
4888
|
effectId: string;
|
|
@@ -4845,7 +4903,7 @@ export declare const mockThemes: {
|
|
|
4845
4903
|
} | undefined;
|
|
4846
4904
|
name?: string | undefined;
|
|
4847
4905
|
} | undefined;
|
|
4848
|
-
ctaGap?: "none" | "
|
|
4906
|
+
ctaGap?: "none" | "compact" | "default" | "tight" | "relaxed" | "spacious" | undefined;
|
|
4849
4907
|
ctaTreatment?: "default" | "primary" | "secondary" | "outline" | "ghost" | "inverted" | undefined;
|
|
4850
4908
|
ctaVariant?: string | undefined;
|
|
4851
4909
|
dropdownStyle?: {
|
|
@@ -4863,7 +4921,7 @@ export declare const mockThemes: {
|
|
|
4863
4921
|
} | undefined;
|
|
4864
4922
|
};
|
|
4865
4923
|
footer: {
|
|
4866
|
-
variant: "split" | "
|
|
4924
|
+
variant: "split" | "simple" | "centred";
|
|
4867
4925
|
maxWidth: "full" | "container";
|
|
4868
4926
|
background: {
|
|
4869
4927
|
type: "image" | "color" | "gradient";
|
|
@@ -4884,12 +4942,10 @@ export declare const mockThemes: {
|
|
|
4884
4942
|
};
|
|
4885
4943
|
navStyle: "scale" | "solid" | "underline" | "minimal" | "underline-grow" | "capsule" | "frosted";
|
|
4886
4944
|
navWeight: "bold" | "medium" | "regular" | "semibold";
|
|
4887
|
-
mode?: "none" | "default" | "blocks" | "default+blocks" | undefined;
|
|
4888
|
-
showLogoText?: boolean | undefined;
|
|
4889
4945
|
navColor?: string | null | undefined;
|
|
4890
4946
|
navLinkStyle?: {
|
|
4891
4947
|
colorToken: string;
|
|
4892
|
-
padding: "none" | "
|
|
4948
|
+
padding: "none" | "compact" | "default";
|
|
4893
4949
|
borderRadius: "none" | "full" | "md" | "sm";
|
|
4894
4950
|
typography: "heading" | "body";
|
|
4895
4951
|
fontWeight: "bold" | "medium" | "regular" | "semibold";
|
|
@@ -4899,7 +4955,7 @@ export declare const mockThemes: {
|
|
|
4899
4955
|
letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
|
|
4900
4956
|
contrastTreatment?: "none" | "soft-glow" | undefined;
|
|
4901
4957
|
hoverColorToken?: string | null | undefined;
|
|
4902
|
-
paddingX?: "none" | "
|
|
4958
|
+
paddingX?: "none" | "compact" | "default" | "tight" | "relaxed" | "spacious" | undefined;
|
|
4903
4959
|
effects?: {
|
|
4904
4960
|
base?: {
|
|
4905
4961
|
effectId: string;
|
|
@@ -4928,18 +4984,11 @@ export declare const mockThemes: {
|
|
|
4928
4984
|
} | undefined;
|
|
4929
4985
|
navLayout?: {
|
|
4930
4986
|
layout?: "stack" | "inline-wrap" | "inline" | undefined;
|
|
4931
|
-
align?: "center" | "start" | "end" | "space-between" | undefined;
|
|
4932
|
-
gapX?: "none" | "default" | "tight" | "relaxed" | "compact" | "spacious" | undefined;
|
|
4933
|
-
gapY?: "none" | "default" | "tight" | "relaxed" | "compact" | "spacious" | undefined;
|
|
4934
|
-
columns?: number | undefined;
|
|
4935
4987
|
} | undefined;
|
|
4936
4988
|
logo?: {
|
|
4937
|
-
showLogo: boolean;
|
|
4938
|
-
showLogoText?: boolean | undefined;
|
|
4939
|
-
placement?: "left" | "right" | "above" | "below" | undefined;
|
|
4940
4989
|
size?: "md" | "lg" | "xl" | "sm" | undefined;
|
|
4941
4990
|
maxHeight?: "md" | "lg" | "xl" | "sm" | undefined;
|
|
4942
|
-
align?: "
|
|
4991
|
+
align?: "start" | "end" | "center" | undefined;
|
|
4943
4992
|
} | undefined;
|
|
4944
4993
|
bottomBar?: {
|
|
4945
4994
|
enabled?: boolean | undefined;
|
|
@@ -4963,8 +5012,8 @@ export declare const mockThemes: {
|
|
|
4963
5012
|
} | undefined;
|
|
4964
5013
|
textColor?: string | null | undefined;
|
|
4965
5014
|
textAlign?: "left" | "right" | "center" | undefined;
|
|
4966
|
-
paddingY?: "none" | "
|
|
4967
|
-
paddingX?: "none" | "
|
|
5015
|
+
paddingY?: "none" | "compact" | "default" | "tight" | "relaxed" | "spacious" | undefined;
|
|
5016
|
+
paddingX?: "none" | "compact" | "default" | "tight" | "relaxed" | "spacious" | undefined;
|
|
4968
5017
|
borderTop?: {
|
|
4969
5018
|
colorToken?: string | null | undefined;
|
|
4970
5019
|
width?: "none" | "medium" | "thin" | "thick" | undefined;
|
|
@@ -4981,9 +5030,9 @@ export declare const mockThemes: {
|
|
|
4981
5030
|
} | undefined;
|
|
4982
5031
|
layout?: {
|
|
4983
5032
|
containerPadding?: {
|
|
4984
|
-
mobile?: "
|
|
4985
|
-
tablet?: "
|
|
4986
|
-
desktop?: "
|
|
5033
|
+
mobile?: "compact" | "default" | "tight" | "relaxed" | undefined;
|
|
5034
|
+
tablet?: "compact" | "default" | "tight" | "relaxed" | undefined;
|
|
5035
|
+
desktop?: "compact" | "default" | "tight" | "relaxed" | undefined;
|
|
4987
5036
|
} | undefined;
|
|
4988
5037
|
} | undefined;
|
|
4989
5038
|
hero?: {
|
|
@@ -5022,16 +5071,16 @@ export declare const mockThemes: {
|
|
|
5022
5071
|
global: {
|
|
5023
5072
|
cornerStyle: "square" | "rounded" | "pill";
|
|
5024
5073
|
textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
|
|
5025
|
-
fontWeight: 500 | 600 | 700 | 800;
|
|
5074
|
+
fontWeight: 500 | 400 | 600 | 700 | 800;
|
|
5026
5075
|
hoverTransform: "none" | "scale" | "lift" | "press";
|
|
5027
5076
|
hoverColor: "none";
|
|
5028
5077
|
cornerRadius?: number | undefined;
|
|
5029
5078
|
shadow?: "none" | "medium" | "low" | "high" | undefined;
|
|
5030
5079
|
typography?: "heading" | "body" | undefined;
|
|
5031
5080
|
fontSize?: string | undefined;
|
|
5032
|
-
letterSpacing?: "normal" | "tight" | "loose" | undefined;
|
|
5081
|
+
letterSpacing?: "normal" | "tight" | "loose" | "wide" | "slight" | undefined;
|
|
5033
5082
|
italic?: boolean | undefined;
|
|
5034
|
-
paddingPreset?: "
|
|
5083
|
+
paddingPreset?: "compact" | "default" | "spacious" | undefined;
|
|
5035
5084
|
gradientStyle?: "linear" | "radial" | "conic" | undefined;
|
|
5036
5085
|
gradientAngle?: number | undefined;
|
|
5037
5086
|
gradientSharpness?: "medium" | "hard" | "smooth" | undefined;
|
|
@@ -5039,7 +5088,7 @@ export declare const mockThemes: {
|
|
|
5039
5088
|
} | {
|
|
5040
5089
|
cornerStyle: "square" | "rounded" | "pill";
|
|
5041
5090
|
textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
|
|
5042
|
-
fontWeight: 500 | 600 | 700 | 800;
|
|
5091
|
+
fontWeight: 500 | 400 | 600 | 700 | 800;
|
|
5043
5092
|
hoverTransform: "none" | "scale" | "lift" | "press";
|
|
5044
5093
|
hoverColor: "token";
|
|
5045
5094
|
hoverColorToken: import("../buttons").OpaqueButtonColourToken;
|
|
@@ -5047,9 +5096,9 @@ export declare const mockThemes: {
|
|
|
5047
5096
|
shadow?: "none" | "medium" | "low" | "high" | undefined;
|
|
5048
5097
|
typography?: "heading" | "body" | undefined;
|
|
5049
5098
|
fontSize?: string | undefined;
|
|
5050
|
-
letterSpacing?: "normal" | "tight" | "loose" | undefined;
|
|
5099
|
+
letterSpacing?: "normal" | "tight" | "loose" | "wide" | "slight" | undefined;
|
|
5051
5100
|
italic?: boolean | undefined;
|
|
5052
|
-
paddingPreset?: "
|
|
5101
|
+
paddingPreset?: "compact" | "default" | "spacious" | undefined;
|
|
5053
5102
|
gradientStyle?: "linear" | "radial" | "conic" | undefined;
|
|
5054
5103
|
gradientAngle?: number | undefined;
|
|
5055
5104
|
gradientSharpness?: "medium" | "hard" | "smooth" | undefined;
|
|
@@ -5097,25 +5146,29 @@ export declare const mockThemes: {
|
|
|
5097
5146
|
sm: {
|
|
5098
5147
|
padding: string;
|
|
5099
5148
|
fontSize?: string | undefined;
|
|
5149
|
+
borderRadius?: string | undefined;
|
|
5100
5150
|
};
|
|
5101
5151
|
md: {
|
|
5102
5152
|
padding: string;
|
|
5103
5153
|
fontSize?: string | undefined;
|
|
5154
|
+
borderRadius?: string | undefined;
|
|
5104
5155
|
};
|
|
5105
5156
|
lg: {
|
|
5106
5157
|
padding: string;
|
|
5107
5158
|
fontSize?: string | undefined;
|
|
5159
|
+
borderRadius?: string | undefined;
|
|
5108
5160
|
};
|
|
5109
5161
|
xl: {
|
|
5110
5162
|
padding: string;
|
|
5111
5163
|
fontSize?: string | undefined;
|
|
5164
|
+
borderRadius?: string | undefined;
|
|
5112
5165
|
};
|
|
5113
5166
|
};
|
|
5114
5167
|
typography: {
|
|
5115
|
-
fontWeight: 500 | 600 | 700 | 800;
|
|
5168
|
+
fontWeight: 500 | 400 | 600 | 700 | 800;
|
|
5116
5169
|
typography: "heading" | "body";
|
|
5117
5170
|
fontSize: string | null;
|
|
5118
|
-
letterSpacing: "heading" | "normal" | "tight" | "loose" | null;
|
|
5171
|
+
letterSpacing: "heading" | "normal" | "tight" | "loose" | "wide" | "slight" | null;
|
|
5119
5172
|
italic: boolean;
|
|
5120
5173
|
textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
|
|
5121
5174
|
};
|
|
@@ -5169,7 +5222,7 @@ export declare const mockThemes: {
|
|
|
5169
5222
|
} | {
|
|
5170
5223
|
effectId: "lift";
|
|
5171
5224
|
options?: {
|
|
5172
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
5225
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
5173
5226
|
} | undefined;
|
|
5174
5227
|
} | {
|
|
5175
5228
|
effectId: "press-down";
|
|
@@ -5204,6 +5257,7 @@ export declare const mockThemes: {
|
|
|
5204
5257
|
position: "bottom" | "bottom-right";
|
|
5205
5258
|
colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
|
|
5206
5259
|
};
|
|
5260
|
+
transform?: "none" | undefined;
|
|
5207
5261
|
contextualHover?: {
|
|
5208
5262
|
kind: "shade-shift";
|
|
5209
5263
|
seedToken: import("../buttons").OpaqueButtonColourToken;
|
|
@@ -5236,25 +5290,29 @@ export declare const mockThemes: {
|
|
|
5236
5290
|
sm: {
|
|
5237
5291
|
padding: string;
|
|
5238
5292
|
fontSize?: string | undefined;
|
|
5293
|
+
borderRadius?: string | undefined;
|
|
5239
5294
|
};
|
|
5240
5295
|
md: {
|
|
5241
5296
|
padding: string;
|
|
5242
5297
|
fontSize?: string | undefined;
|
|
5298
|
+
borderRadius?: string | undefined;
|
|
5243
5299
|
};
|
|
5244
5300
|
lg: {
|
|
5245
5301
|
padding: string;
|
|
5246
5302
|
fontSize?: string | undefined;
|
|
5303
|
+
borderRadius?: string | undefined;
|
|
5247
5304
|
};
|
|
5248
5305
|
xl: {
|
|
5249
5306
|
padding: string;
|
|
5250
5307
|
fontSize?: string | undefined;
|
|
5308
|
+
borderRadius?: string | undefined;
|
|
5251
5309
|
};
|
|
5252
5310
|
};
|
|
5253
5311
|
typography: {
|
|
5254
|
-
fontWeight: 500 | 600 | 700 | 800;
|
|
5312
|
+
fontWeight: 500 | 400 | 600 | 700 | 800;
|
|
5255
5313
|
typography: "heading" | "body";
|
|
5256
5314
|
fontSize: string | null;
|
|
5257
|
-
letterSpacing: "heading" | "normal" | "tight" | "loose" | null;
|
|
5315
|
+
letterSpacing: "heading" | "normal" | "tight" | "loose" | "wide" | "slight" | null;
|
|
5258
5316
|
italic: boolean;
|
|
5259
5317
|
textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
|
|
5260
5318
|
};
|
|
@@ -5308,7 +5366,7 @@ export declare const mockThemes: {
|
|
|
5308
5366
|
} | {
|
|
5309
5367
|
effectId: "lift";
|
|
5310
5368
|
options?: {
|
|
5311
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
5369
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
5312
5370
|
} | undefined;
|
|
5313
5371
|
} | {
|
|
5314
5372
|
effectId: "press-down";
|
|
@@ -5343,6 +5401,7 @@ export declare const mockThemes: {
|
|
|
5343
5401
|
position: "bottom" | "bottom-right";
|
|
5344
5402
|
colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
|
|
5345
5403
|
};
|
|
5404
|
+
transform?: "none" | undefined;
|
|
5346
5405
|
contextualHover?: {
|
|
5347
5406
|
kind: "shade-shift";
|
|
5348
5407
|
seedToken: import("../buttons").OpaqueButtonColourToken;
|
|
@@ -5375,25 +5434,29 @@ export declare const mockThemes: {
|
|
|
5375
5434
|
sm: {
|
|
5376
5435
|
padding: string;
|
|
5377
5436
|
fontSize?: string | undefined;
|
|
5437
|
+
borderRadius?: string | undefined;
|
|
5378
5438
|
};
|
|
5379
5439
|
md: {
|
|
5380
5440
|
padding: string;
|
|
5381
5441
|
fontSize?: string | undefined;
|
|
5442
|
+
borderRadius?: string | undefined;
|
|
5382
5443
|
};
|
|
5383
5444
|
lg: {
|
|
5384
5445
|
padding: string;
|
|
5385
5446
|
fontSize?: string | undefined;
|
|
5447
|
+
borderRadius?: string | undefined;
|
|
5386
5448
|
};
|
|
5387
5449
|
xl: {
|
|
5388
5450
|
padding: string;
|
|
5389
5451
|
fontSize?: string | undefined;
|
|
5452
|
+
borderRadius?: string | undefined;
|
|
5390
5453
|
};
|
|
5391
5454
|
};
|
|
5392
5455
|
typography: {
|
|
5393
|
-
fontWeight: 500 | 600 | 700 | 800;
|
|
5456
|
+
fontWeight: 500 | 400 | 600 | 700 | 800;
|
|
5394
5457
|
typography: "heading" | "body";
|
|
5395
5458
|
fontSize: string | null;
|
|
5396
|
-
letterSpacing: "heading" | "normal" | "tight" | "loose" | null;
|
|
5459
|
+
letterSpacing: "heading" | "normal" | "tight" | "loose" | "wide" | "slight" | null;
|
|
5397
5460
|
italic: boolean;
|
|
5398
5461
|
textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
|
|
5399
5462
|
};
|
|
@@ -5447,7 +5510,7 @@ export declare const mockThemes: {
|
|
|
5447
5510
|
} | {
|
|
5448
5511
|
effectId: "lift";
|
|
5449
5512
|
options?: {
|
|
5450
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
5513
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
5451
5514
|
} | undefined;
|
|
5452
5515
|
} | {
|
|
5453
5516
|
effectId: "press-down";
|
|
@@ -5477,12 +5540,18 @@ export declare const mockThemes: {
|
|
|
5477
5540
|
} | undefined;
|
|
5478
5541
|
})[];
|
|
5479
5542
|
shadow: "focus-indicator";
|
|
5543
|
+
transform?: "none" | undefined;
|
|
5480
5544
|
contextualHover?: {
|
|
5481
5545
|
kind: "shade-shift";
|
|
5482
5546
|
seedToken: import("../buttons").OpaqueButtonColourToken;
|
|
5483
5547
|
fallbackDirection: "lighter" | "darker";
|
|
5484
5548
|
preferredToken?: import("../buttons").OpaqueButtonColourToken | undefined;
|
|
5485
5549
|
} | undefined;
|
|
5550
|
+
indicator?: {
|
|
5551
|
+
kind: "surface-ink";
|
|
5552
|
+
width: 2 | 3;
|
|
5553
|
+
offset: 3 | 4;
|
|
5554
|
+
} | undefined;
|
|
5486
5555
|
};
|
|
5487
5556
|
active: {
|
|
5488
5557
|
background: {
|
|
@@ -5509,25 +5578,29 @@ export declare const mockThemes: {
|
|
|
5509
5578
|
sm: {
|
|
5510
5579
|
padding: string;
|
|
5511
5580
|
fontSize?: string | undefined;
|
|
5581
|
+
borderRadius?: string | undefined;
|
|
5512
5582
|
};
|
|
5513
5583
|
md: {
|
|
5514
5584
|
padding: string;
|
|
5515
5585
|
fontSize?: string | undefined;
|
|
5586
|
+
borderRadius?: string | undefined;
|
|
5516
5587
|
};
|
|
5517
5588
|
lg: {
|
|
5518
5589
|
padding: string;
|
|
5519
5590
|
fontSize?: string | undefined;
|
|
5591
|
+
borderRadius?: string | undefined;
|
|
5520
5592
|
};
|
|
5521
5593
|
xl: {
|
|
5522
5594
|
padding: string;
|
|
5523
5595
|
fontSize?: string | undefined;
|
|
5596
|
+
borderRadius?: string | undefined;
|
|
5524
5597
|
};
|
|
5525
5598
|
};
|
|
5526
5599
|
typography: {
|
|
5527
|
-
fontWeight: 500 | 600 | 700 | 800;
|
|
5600
|
+
fontWeight: 500 | 400 | 600 | 700 | 800;
|
|
5528
5601
|
typography: "heading" | "body";
|
|
5529
5602
|
fontSize: string | null;
|
|
5530
|
-
letterSpacing: "heading" | "normal" | "tight" | "loose" | null;
|
|
5603
|
+
letterSpacing: "heading" | "normal" | "tight" | "loose" | "wide" | "slight" | null;
|
|
5531
5604
|
italic: boolean;
|
|
5532
5605
|
textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
|
|
5533
5606
|
};
|
|
@@ -5581,7 +5654,7 @@ export declare const mockThemes: {
|
|
|
5581
5654
|
} | {
|
|
5582
5655
|
effectId: "lift";
|
|
5583
5656
|
options?: {
|
|
5584
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
5657
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
5585
5658
|
} | undefined;
|
|
5586
5659
|
} | {
|
|
5587
5660
|
effectId: "press-down";
|
|
@@ -5616,6 +5689,7 @@ export declare const mockThemes: {
|
|
|
5616
5689
|
position: "bottom" | "bottom-right";
|
|
5617
5690
|
colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
|
|
5618
5691
|
};
|
|
5692
|
+
transform?: "none" | undefined;
|
|
5619
5693
|
contextualHover?: {
|
|
5620
5694
|
kind: "shade-shift";
|
|
5621
5695
|
seedToken: import("../buttons").OpaqueButtonColourToken;
|
|
@@ -5648,25 +5722,29 @@ export declare const mockThemes: {
|
|
|
5648
5722
|
sm: {
|
|
5649
5723
|
padding: string;
|
|
5650
5724
|
fontSize?: string | undefined;
|
|
5725
|
+
borderRadius?: string | undefined;
|
|
5651
5726
|
};
|
|
5652
5727
|
md: {
|
|
5653
5728
|
padding: string;
|
|
5654
5729
|
fontSize?: string | undefined;
|
|
5730
|
+
borderRadius?: string | undefined;
|
|
5655
5731
|
};
|
|
5656
5732
|
lg: {
|
|
5657
5733
|
padding: string;
|
|
5658
5734
|
fontSize?: string | undefined;
|
|
5735
|
+
borderRadius?: string | undefined;
|
|
5659
5736
|
};
|
|
5660
5737
|
xl: {
|
|
5661
5738
|
padding: string;
|
|
5662
5739
|
fontSize?: string | undefined;
|
|
5740
|
+
borderRadius?: string | undefined;
|
|
5663
5741
|
};
|
|
5664
5742
|
};
|
|
5665
5743
|
typography: {
|
|
5666
|
-
fontWeight: 500 | 600 | 700 | 800;
|
|
5744
|
+
fontWeight: 500 | 400 | 600 | 700 | 800;
|
|
5667
5745
|
typography: "heading" | "body";
|
|
5668
5746
|
fontSize: string | null;
|
|
5669
|
-
letterSpacing: "heading" | "normal" | "tight" | "loose" | null;
|
|
5747
|
+
letterSpacing: "heading" | "normal" | "tight" | "loose" | "wide" | "slight" | null;
|
|
5670
5748
|
italic: boolean;
|
|
5671
5749
|
textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
|
|
5672
5750
|
};
|
|
@@ -5720,7 +5798,7 @@ export declare const mockThemes: {
|
|
|
5720
5798
|
} | {
|
|
5721
5799
|
effectId: "lift";
|
|
5722
5800
|
options?: {
|
|
5723
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
5801
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
5724
5802
|
} | undefined;
|
|
5725
5803
|
} | {
|
|
5726
5804
|
effectId: "press-down";
|
|
@@ -5755,6 +5833,7 @@ export declare const mockThemes: {
|
|
|
5755
5833
|
position: "bottom" | "bottom-right";
|
|
5756
5834
|
colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
|
|
5757
5835
|
};
|
|
5836
|
+
transform?: "none" | undefined;
|
|
5758
5837
|
contextualHover?: {
|
|
5759
5838
|
kind: "shade-shift";
|
|
5760
5839
|
seedToken: import("../buttons").OpaqueButtonColourToken;
|
|
@@ -5834,7 +5913,7 @@ export declare const mockThemes: {
|
|
|
5834
5913
|
} | {
|
|
5835
5914
|
effectId: "lift";
|
|
5836
5915
|
options?: {
|
|
5837
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
5916
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
5838
5917
|
} | undefined;
|
|
5839
5918
|
} | {
|
|
5840
5919
|
effectId: "press-down";
|
|
@@ -5913,7 +5992,7 @@ export declare const mockThemes: {
|
|
|
5913
5992
|
} | {
|
|
5914
5993
|
effectId: "lift";
|
|
5915
5994
|
options?: {
|
|
5916
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
5995
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
5917
5996
|
} | undefined;
|
|
5918
5997
|
} | {
|
|
5919
5998
|
effectId: "press-down";
|
|
@@ -5992,7 +6071,7 @@ export declare const mockThemes: {
|
|
|
5992
6071
|
} | {
|
|
5993
6072
|
effectId: "lift";
|
|
5994
6073
|
options?: {
|
|
5995
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
6074
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
5996
6075
|
} | undefined;
|
|
5997
6076
|
} | {
|
|
5998
6077
|
effectId: "press-down";
|
|
@@ -6071,7 +6150,7 @@ export declare const mockThemes: {
|
|
|
6071
6150
|
} | {
|
|
6072
6151
|
effectId: "lift";
|
|
6073
6152
|
options?: {
|
|
6074
|
-
amount?: "1" | "0.25" | "0.5" | undefined;
|
|
6153
|
+
amount?: "1" | "0.125" | "0.25" | "0.5" | undefined;
|
|
6075
6154
|
} | undefined;
|
|
6076
6155
|
} | {
|
|
6077
6156
|
effectId: "press-down";
|
|
@@ -6105,18 +6184,22 @@ export declare const mockThemes: {
|
|
|
6105
6184
|
sm?: {
|
|
6106
6185
|
padding: string;
|
|
6107
6186
|
fontSize?: string | undefined;
|
|
6187
|
+
borderRadius?: string | undefined;
|
|
6108
6188
|
} | undefined;
|
|
6109
6189
|
md?: {
|
|
6110
6190
|
padding: string;
|
|
6111
6191
|
fontSize?: string | undefined;
|
|
6192
|
+
borderRadius?: string | undefined;
|
|
6112
6193
|
} | undefined;
|
|
6113
6194
|
lg?: {
|
|
6114
6195
|
padding: string;
|
|
6115
6196
|
fontSize?: string | undefined;
|
|
6197
|
+
borderRadius?: string | undefined;
|
|
6116
6198
|
} | undefined;
|
|
6117
6199
|
xl?: {
|
|
6118
6200
|
padding: string;
|
|
6119
6201
|
fontSize?: string | undefined;
|
|
6202
|
+
borderRadius?: string | undefined;
|
|
6120
6203
|
} | undefined;
|
|
6121
6204
|
} | undefined;
|
|
6122
6205
|
affordance?: {
|
|
@@ -6127,18 +6210,22 @@ export declare const mockThemes: {
|
|
|
6127
6210
|
sm: {
|
|
6128
6211
|
padding: string;
|
|
6129
6212
|
fontSize?: string | undefined;
|
|
6213
|
+
borderRadius?: string | undefined;
|
|
6130
6214
|
};
|
|
6131
6215
|
md: {
|
|
6132
6216
|
padding: string;
|
|
6133
6217
|
fontSize?: string | undefined;
|
|
6218
|
+
borderRadius?: string | undefined;
|
|
6134
6219
|
};
|
|
6135
6220
|
lg: {
|
|
6136
6221
|
padding: string;
|
|
6137
6222
|
fontSize?: string | undefined;
|
|
6223
|
+
borderRadius?: string | undefined;
|
|
6138
6224
|
};
|
|
6139
6225
|
xl: {
|
|
6140
6226
|
padding: string;
|
|
6141
6227
|
fontSize?: string | undefined;
|
|
6228
|
+
borderRadius?: string | undefined;
|
|
6142
6229
|
};
|
|
6143
6230
|
} | undefined;
|
|
6144
6231
|
surfacePolicy?: {
|
|
@@ -6282,7 +6369,7 @@ export declare const mockThemes: {
|
|
|
6282
6369
|
shape: "soft" | "square" | "rounded" | "pill";
|
|
6283
6370
|
border: "underline" | "subtle" | "defined";
|
|
6284
6371
|
focus: "underline" | "ring" | "glow";
|
|
6285
|
-
label: "
|
|
6372
|
+
label: "inside" | "above";
|
|
6286
6373
|
} | undefined;
|
|
6287
6374
|
blockCustomVars?: Record<string, Record<string, string>> | undefined;
|
|
6288
6375
|
blockOverrides?: Record<string, {
|