@sragatiping/cuboid 0.1.3 → 0.1.5
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/components/ApiResponseViewer/ApiResponseViewer.d.ts +2 -1
- package/dist/components/CodeBlock/CodeBlock.d.ts +1 -1
- package/dist/components/CodeBlock/CodeSurface.d.ts +1 -1
- package/dist/components/CodeBlock/CodeViewingDocs.d.ts +3 -2
- package/dist/components/CodeBlock/JsonCodeView.d.ts +2 -1
- package/dist/components/CodeSnippet/CodeSnippet.d.ts +1 -1
- package/dist/components/DataGrid/DataGrid.d.ts +1 -1
- package/dist/components/Graph/GraphCanvas.d.ts +1 -1
- package/dist/components/Graph/GraphCard.d.ts +1 -1
- package/dist/components/Graph/GraphHandle.d.ts +2 -2
- package/dist/components/Graph/GraphRow.d.ts +1 -1
- package/dist/components/JsonGraph/JsonCardTitle.d.ts +1 -1
- package/dist/components/JsonGraph/JsonFieldRow.d.ts +2 -2
- package/dist/components/JsonGraph/JsonInputHandle.d.ts +2 -1
- package/dist/components/JsonGraph/JsonObjectRow.d.ts +1 -1
- package/dist/components/JsonViewer/JsonViewer.d.ts +2 -1
- package/dist/components/core/ActionMenu/ActionMenu.d.ts +1 -1
- package/dist/components/core/ActionMenu/ActionMenuItem.d.ts +1 -1
- package/dist/components/core/ActionMenu/ActionMenuList.d.ts +3 -3
- package/dist/components/core/Breadcrumb/BreadcrumbLink.d.ts +1 -1
- package/dist/components/core/Breadcrumb/Breadcrumbs.d.ts +2 -1
- package/dist/components/core/Button/Button.d.ts +1 -1
- package/dist/components/core/Callout/Callout.d.ts +1 -1
- package/dist/components/core/Container/Container.d.ts +1 -1
- package/dist/components/core/Divider/Divider.d.ts +1 -1
- package/dist/components/core/Highlight/Highlight.d.ts +1 -1
- package/dist/components/core/Icon/Icon.d.ts +3 -3
- package/dist/components/core/IconButton/IconButton.d.ts +1 -1
- package/dist/components/core/Link/Link.d.ts +1 -1
- package/dist/components/core/Pill/Pill.d.ts +2 -1
- package/dist/components/core/Popover/Popover.d.ts +1 -1
- package/dist/components/core/ResizeHandle/ResizeHandle.d.ts +2 -1
- package/dist/components/core/Sheet/Sheet.d.ts +2 -2
- package/dist/components/core/Sidebar/Sidebar.d.ts +5 -5
- package/dist/components/core/SiteHeader/SiteHeader.d.ts +2 -2
- package/dist/components/core/SplitLayout/SplitLayout.d.ts +2 -2
- package/dist/components/core/Text/Text.d.ts +1 -1
- package/dist/components/core/Tooltip/Tooltip.d.ts +1 -1
- package/dist/globalColor-BecSaRw9.mjs +1736 -0
- package/dist/globalColor-BecSaRw9.mjs.map +1 -0
- package/dist/globalColor-DO1bmuFH.js +2 -0
- package/dist/globalColor-DO1bmuFH.js.map +1 -0
- package/dist/index.cjs.js +3 -3
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +2491 -4177
- package/dist/index.es.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/theme/ThemeContext.d.ts +1 -1
- package/dist/theme/foundationTokens.d.ts +7 -0
- package/dist/theme/foundationTypes.d.ts +36 -0
- package/dist/theme/output/theme.json.d.ts +30 -3
- package/dist/theme/types.d.ts +16 -1
- package/dist/tokens.cjs.js +2 -0
- package/dist/tokens.cjs.js.map +1 -0
- package/dist/tokens.d.ts +10 -0
- package/dist/tokens.es.js +55 -0
- package/dist/tokens.es.js.map +1 -0
- package/package.json +6 -1
- package/src/theme/output/components.css +1 -0
- package/src/theme/output/theme.css +18 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"globalColor-BecSaRw9.mjs","sources":["../src/theme/defaultTheme.ts","../src/theme/globalColor.ts"],"sourcesContent":["import type { ThemeTokens } from \"./types\";\nimport themeGenerated from \"./output/theme.json\";\nimport baseGenerated from \"./output/base.json\";\n\n// ── Primitive palette ────────────────────────────────────────────────────────\n// Generated from tokens/base/light.json via `npm run tokens:theme`.\nconst base = baseGenerated as ThemeTokens[\"colors\"][\"base\"];\n\nconst generatedFunctional = themeGenerated.colors.functional;\n\nconst buttonPrimary = themeGenerated.buttonPrimary;\nconst buttonSecondary = themeGenerated.buttonSecondary;\nconst buttonGhost = themeGenerated.buttonGhost;\nconst buttonDanger = themeGenerated.buttonDanger;\nconst buttonRounded = themeGenerated.buttonRounded;\nconst iconButtonColors = themeGenerated.iconButton;\nconst linkColors = themeGenerated.linkColors;\nconst highlightColors = themeGenerated.highlightColors;\nconst breadcrumbColors = themeGenerated.breadcrumbColors;\nconst siteHeaderColors = themeGenerated.siteHeaderColors;\nconst overlayColors = themeGenerated.overlayColors;\nconst sheetColors = themeGenerated.sheetColors;\nconst sidebarColors = themeGenerated.sidebarColors;\nconst popoverColors = themeGenerated.popoverColors;\nconst actionMenuColors = themeGenerated.actionMenuColors;\nconst pillColors = themeGenerated.pillColors;\nconst tooltipColors = themeGenerated.tooltipColors;\nconst globalColors = themeGenerated.globalColors;\nconst generatedSizes = themeGenerated.sizes;\nconst generatedShadows = themeGenerated.shadows;\nconst generatedTypography = themeGenerated.typography as ThemeTokens[\"typography\"];\n\nexport const defaultTheme: ThemeTokens = {\n // ── Colors ─────────────────────────────────────────────────────────────────\n colors: {\n base,\n\n // Functional tokens — components reference these, never the base scale directly\n functional: {\n background: generatedFunctional.background,\n foreground: generatedFunctional.foreground,\n border: generatedFunctional.border,\n\n syntax: generatedFunctional.syntax,\n\n button: {\n primary: buttonPrimary,\n secondary: buttonSecondary,\n ghost: buttonGhost,\n danger: buttonDanger,\n rounded: buttonRounded,\n },\n\n iconButton: iconButtonColors,\n\n link: linkColors,\n\n highlight: highlightColors,\n\n breadcrumb: breadcrumbColors,\n\n siteHeader: siteHeaderColors,\n\n overlay: overlayColors,\n\n sheet: sheetColors,\n\n sidebar: sidebarColors,\n\n popover: popoverColors,\n\n actionMenu: actionMenuColors,\n\n pill: pillColors,\n\n tooltip: tooltipColors,\n },\n\n global: globalColors,\n },\n\n // ── Typography ──────────────────────────────────────────────────────────────\n typography: generatedTypography,\n\n // ── Sizes ───────────────────────────────────────────────────────────────────\n sizes: generatedSizes,\n\n // ── Shadows ─────────────────────────────────────────────────────────────────\n shadows: generatedShadows,\n};\n","import type { GlobalColors } from \"./types\";\n\n/**\n * Dot-path into `ThemeTokens.colors.global` (from `tokens/functional/colors/globals.json`).\n *\n * App-facing color props use global tokens — not `colors.functional.*` component recipes.\n * Component-only tokens (button, pill, highlight, sheet, …) stay internal to those components.\n *\n * @example \"canvas.inset\" | \"text.muted\" | \"bg.gray.light.02\" | \"fg.blue.3\" | \"primary\"\n */\nexport type GlobalColorPath = string;\n\nfunction isPlainObject(value: unknown): value is Record<string, unknown> {\n return value !== null && typeof value === \"object\" && !Array.isArray(value);\n}\n\n/** Resolve a global dot-path to a CSS color, or `undefined` when not found. */\nexport function resolveGlobalColor(\n path: GlobalColorPath,\n global: GlobalColors\n): string | undefined {\n const parts = path.split(\".\");\n let cur: unknown = global;\n\n for (const part of parts) {\n if (!isPlainObject(cur)) return undefined;\n cur = cur[part];\n }\n\n return typeof cur === \"string\" ? cur : undefined;\n}\n\n/**\n * Resolve a global path, with optional per-component legacy aliases, or treat as raw CSS.\n */\nexport function resolveGlobalColorOrCss(\n path: GlobalColorPath,\n global: GlobalColors,\n aliases?: Record<string, GlobalColorPath>\n): string {\n const normalized = aliases?.[path] ?? path;\n return resolveGlobalColor(normalized, global) ?? normalized;\n}\n\n/** Common global paths for docs / Storybook controls (not exhaustive). */\nexport const GLOBAL_COLOR_PATH_EXAMPLES = {\n canvas: [\"canvas.default\", \"canvas.inset\", \"canvas.subtle\", \"canvas.insetStrong\"],\n text: [\"text.default\", \"text.muted\", \"text.subtle\", \"text.contrast\"],\n bg: [\"bg.gray.light.01\", \"bg.gray.light.02\", \"bg.gray.dark.07\"],\n border: [\"border.gray.1\", \"border.gray.2\", \"border.grayAlpha.2\"],\n fg: [\"fg.neutral.default\", \"fg.blue.contrast\", \"fg.green.contrast\"],\n semantic: [\n \"primary\",\n \"success.default\",\n \"warning.default\",\n \"error.default\",\n \"info.default\",\n ],\n} as const;\n"],"names":["base","baseGenerated","generatedFunctional","themeGenerated","buttonPrimary","buttonSecondary","buttonGhost","buttonDanger","buttonRounded","iconButtonColors","linkColors","highlightColors","breadcrumbColors","siteHeaderColors","overlayColors","sheetColors","sidebarColors","popoverColors","actionMenuColors","pillColors","tooltipColors","globalColors","generatedSizes","generatedShadows","generatedTypography","defaultTheme","isPlainObject","value","resolveGlobalColor","path","global","parts","cur","part","resolveGlobalColorOrCss","aliases","normalized","GLOBAL_COLOR_PATH_EXAMPLES"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const a={fontFamily:{base:"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",mono:"'Mona Sans Mono', monospace"},fontSize:{xs:"0.75rem",sm:"0.875rem",md:"1.25rem",lg:"1.5rem",xl:"2rem",xxl:"2rem"},fontWeight:{regular:400,medium:500,semibold:600,bold:700},lineHeight:{tight:1.25,normal:1.5,relaxed:1.75},text:{display:{fontSize:"2rem",fontWeight:600,lineHeight:1.25},titleLarge:{fontSize:"2rem",fontWeight:600,lineHeight:1.25},titleMedium:{fontSize:"1.25rem",fontWeight:600,lineHeight:1.25},titleSmall:{fontSize:"0.875rem",fontWeight:600,lineHeight:1.5},subtitle:{fontSize:"1.25rem",fontWeight:400,lineHeight:1.5},subheadXs:{fontSize:"0.625rem",fontWeight:600,lineHeight:1.2},subheadSm:{fontSize:"0.75rem",fontWeight:600,lineHeight:1.3333},subheadMd:{fontSize:"0.875rem",fontWeight:600,lineHeight:1.4286},bodyLarge:{fontSize:"1.25rem",fontWeight:400,lineHeight:1.75},bodyMedium:{fontSize:"0.875rem",fontWeight:400,lineHeight:1.5},bodyStrong:{fontSize:"0.875rem",fontWeight:600,lineHeight:1.5},bodySmall:{fontSize:"0.75rem",fontWeight:400,lineHeight:1.5},caption:{fontSize:"0.75rem",fontWeight:400,lineHeight:1.25},codeBlock:{fontSize:"0.75rem",fontWeight:400,lineHeight:1.25,fontFamily:"'Mona Sans Mono', monospace"},inlineCode:{fontSize:"0.875em",fontWeight:400,lineHeight:1.5,fontFamily:"'Mona Sans Mono', monospace"}},button:{extraSmall:{fontSize:"0.75rem",lineHeight:"0.875rem"},small:{fontSize:"0.875rem",lineHeight:"1rem"},medium:{fontSize:"0.875rem",lineHeight:"1.25rem"},large:{fontSize:"1rem",lineHeight:"1.5rem"}}},i={functional:{background:{default:"#FFFFFF",muted:"#F9F9F8",inset:"#F4F4F2",emphasis:"#474746",disabled:"#F4F4F2",transparent:"transparent",inverse:"#474746",neutral:{muted:"#EFEEEA",emphasis:"#6F6F6D"}},foreground:{default:"#6F6F6D",muted:"#888783",onEmphasis:"#FFFFFF",disabled:"#D8D7D4",link:"#525252",white:"#FFFFFF",neutral:"#6F6F6D"},border:{default:"#E2E1DD",muted:"rgba(58,58,57,0.1)",emphasis:"#D8D7D4",disabled:"#EFEEEA",transparent:"transparent",translucent:"rgba(58,58,57,0.08)",neutral:{muted:"#EFEEEA",emphasis:"#D8D7D4"}},syntax:{comment:"#888783",key:"#6F6F6D",constant:"#3a80f9 ",constantOtherReferenceLink:"#0a3069",entity:"#d22799",entityTag:"#d22799",keyword:"#EF6262",string:"#EF6262",stringRegexp:"#A2D794",variable:"#FF8635",brackethighlighterAngle:"#ABA9A5",brackethighlighterUnmatched:"#F99090",carriageReturnBg:"#FBC4C4",carriageReturnText:"#FFFFFF",invalidIllegalText:"#FFFFFF",invalidIllegalBg:"#F99090",markupBold:"#525252",markupItalic:"#525252",markupHeading:"#09B2B5",markupList:"#A2D794",markupInsertedBg:"#F0F9EF",markupInsertedText:"#A2D794",markupDeletedBg:"#FFF6F5",markupDeletedText:"#F99090",markupChangedBg:"#FEE8D8",markupChangedText:"#FF8635",nullLiteral:"#E2E1DD",booleanLiteral:"#9035BD",numberLiteral:"#3a80f9 ",bracket:"#E01280",bracketNested:"#9035BD",stringUrl:"#6565FA",stringEmail:"#6565FA",stringUuid:"#D8D7D4",rowHoverBg:"#F9F9F8",collapsedRowBg:"#FFFFFF",watchMark:"#518ff8",watchMarkHover:"#518ff8",watchRowBg:"#F4F8FF"}}},g={space:{1:"0.0625rem",2:"0.125rem",3:"0.1875rem",4:"0.25rem",5:"0.3125rem",6:"0.375rem",8:"0.5rem",10:"0.625rem",12:"0.75rem"},stack:{gap:{none:"0",xxs:"0.25rem",xs:"0.5rem",sm:"0.75rem",md:"1rem",lg:"1.5rem",xl:"2rem",xxl:"3rem"},padding:{none:"0",xxs:"0.25rem",xs:"0.5rem",sm:"0.75rem",md:"1rem",lg:"1.5rem",xl:"2rem",xxl:"3rem"}},layout:{pageMaxWidth:"56rem",contentMaxWidth:"40rem",sectionLabelWidth:"clamp(6.5rem, 25%, 10rem)",pagePaddingInline:"1.25rem"},container:{panelMinWidth:"15rem",sheetWidthSm:"20rem",sheetWidthMd:"25rem",sheetWidthLg:"35rem",sidebarWidthSm:"15rem",sidebarWidthMd:"17rem",sidebarWidthLg:"20rem",sidebarMinWidth:"12.5rem",sidebarMaxWidth:"30rem",tooltipMaxWidth:"15rem",tooltipMaxWidthSingleLine:"7.5rem",popoverMinWidth:"10rem",popoverMaxWidth:"20rem"},highlight:{paddingInline:"0.125rem",paddingBlock:"0",borderRadius:"0.125rem"},borderRadius:{sm:"0.25rem",md:"0.5rem",lg:"1rem",xl:"1.5rem",full:"624.9375rem"},borderWidth:{thin:"max(1px, 0.0625rem)",thick:"max(2px, 0.125rem)"},breakpoints:{md:"48rem",lg:"63.25rem"},control:{extraSmall:{size:"1.5rem",borderRadius:"0.375rem",gap:"0.5rem",paddingBlock:"0.375rem",paddingInline:{condensed:"0.5rem",normal:"0.75rem",spacious:"1.5rem"}},small:{size:"1.75rem",borderRadius:"0.375rem",gap:"0.5rem",paddingBlock:"0.375rem",paddingInline:{condensed:"0.5rem",normal:"0.75rem",spacious:"1.5rem"}},medium:{size:"2rem",borderRadius:"0.5rem",gap:"0.75rem",paddingBlock:"0.5rem",paddingInline:{condensed:"0.75rem",normal:"1rem",spacious:"1.5rem"}},large:{size:"2.5rem",borderRadius:"0.5rem",gap:"1rem",paddingBlock:"0.75rem",paddingInline:{condensed:"1rem",normal:"1.25rem",spacious:"1.5rem"}}},tooltip:{gap:"0.125rem",borderRadius:"0.25rem",paddingInline:"0.375rem",paddingBlock:"0.125rem",maxWidth:"15rem",maxWidthSingleLine:"7.5rem",boxShadow:"0 1px 2px rgba(68, 68, 69, 0.08)"},pill:{paddingInline:"0.375rem",paddingBlock:"0.1875rem",borderRadius:"0.25rem",gap:"0.25rem",height:"1.25rem"},icon:{xs:"1rem",sm:"1.125rem",md:"1.25rem",lg:"1.5rem"},iconButton:{extraSmall:{size:"1.5rem",borderRadius:"0.375rem",icon:"1.125rem"},small:{size:"1.75rem",borderRadius:"0.375rem",icon:"1.25rem"},medium:{size:"2rem",borderRadius:"0.5rem",icon:"1.25rem"},large:{size:"2.5rem",borderRadius:"0.5rem",icon:"1.5rem"}},breadcrumb:{gap:"0.125rem",itemPaddingInline:"0.5rem",itemPaddingBlock:"0.125rem",itemBorderRadius:"0.5rem",separatorWidth:"0.625rem"},siteHeader:{height:"3rem",paddingInlineStart:"1rem",paddingInlineEnd:"0.5rem",paddingBlock:"0.5rem",leadingGap:"0.25rem",trailingGap:"0.5rem",dividerHeight:"0.9375rem",dividerWidth:"0.0625rem"},sheet:{width:{sm:"20rem",md:"25rem",lg:"35rem"},minWidth:"15rem",maxWidth:"90vw",maxHeight:"90vh",padding:"1rem",bottomCornerRadius:"1rem"},sidebar:{width:{sm:"15rem",md:"17rem",lg:"20rem"},widthMinimized:"5.6rem",minWidth:"12.5rem",maxWidth:"30rem",padding:"0.5rem",footerPadding:"0.5rem"},popover:{gap:"0.25rem",borderRadius:"0.5rem",minWidth:"10rem",maxWidth:"20rem"},actionMenu:{item:{minHeight:"1.875rem",paddingInline:"0.75rem",paddingBlock:"0.3125rem",borderRadius:"0.375rem",slotGap:"1rem",subtextGap:"0.25rem",iconSize:"1.25rem",subtextIconSize:"1rem"},list:{paddingInline:"0.25rem",paddingBlock:"0.5rem",itemGap:"0.25rem",sectionGap:"0.5rem"},section:{paddingInline:"0.75rem",paddingBlock:"0.125rem"},header:{paddingInline:"1rem",paddingBlockStart:"0.75rem",paddingBlockEnd:"1rem"},footer:{padding:"1rem"}},resizeHandle:{hitArea:"0.5rem"},zIndex:{base:"0",raised:"1",sticky:"200",dropdown:"300",overlay:"400",sheet:"500",dialog:"600",popover:"700",tooltip:"800",toast:"900",max:"9999"}},n={bgColor:{rest:"#3A3A39",hover:"#2D2D2D",pressed:"#222221",disabled:"#EFEEEA"},borderColor:{rest:"#474746",hover:"#474746",pressed:"#474746",disabled:"#EFEEEA"},fgColor:{rest:"#FFFFFF",hover:"#FFFFFF",pressed:"#FFFFFF",disabled:"#D8D7D4"}},s={bgColor:{rest:"#FFFFFF",hover:"#F9F9F8",pressed:"#EFEEEA",disabled:"#F4F4F2"},borderColor:{rest:"#D8D7D4",hover:"#D8D7D4",pressed:"#D8D7D4",disabled:"#EFEEEA"},fgColor:{rest:"#6F6F6D",hover:"#6F6F6D",pressed:"#ABA9A5",disabled:"#D8D7D4"}},b={bgColor:{rest:"#ffffff00",hover:"#F9F9F8",pressed:"#F9F9F8",disabled:"#ffffff00"},borderColor:{rest:"#ffffff00",hover:"#ffffff00",pressed:"#ffffff00",disabled:"#ffffff00"},fgColor:{rest:"#888783",hover:"#888783",pressed:"#6F6F6D",disabled:"#D8D7D4"}},C={bgColor:{rest:"#E74646",hover:"#DA2222",pressed:"#DA2222",disabled:"#EFEEEA"},borderColor:{rest:"#DA2222",hover:"#DA2222",pressed:"#DA2222",disabled:"#EFEEEA"},fgColor:{rest:"#FFFFFF",hover:"#FFFFFF",pressed:"#FFFFFF",disabled:"#D8D7D4"}},m={bgColor:{rest:"#EFEEEA",hover:"#E2E1DD",pressed:"#EFEEEA",disabled:"#F4F4F2"},borderColor:{rest:"#ffffff00",hover:"#ffffff00",pressed:"#ffffff00",disabled:"#ffffff00"},fgColor:{rest:"#6F6F6D",hover:"#6F6F6D",pressed:"#ABA9A5",disabled:"#D8D7D4"}},D={inline:{rest:"#525252",hover:"#ABA9A5"},standalone:{rest:"#525252",hover:"#ABA9A5"}},E={none:{bgColor:"#ffffff00",fgColor:"#ABA9A5"},neutral:{bgColor:"#F4F4F2",fgColor:"#888783"},green:{bgColor:"#F0F9EF",fgColor:"#888783"},blue:{bgColor:"#EEF4FF",fgColor:"#888783"},yellow:{bgColor:"#FFF0CD",fgColor:"#888783"},orange:{bgColor:"#FEE8D8",fgColor:"#888783"},red:{bgColor:"#FFD9D5",fgColor:"#888783"}},c={blue:{bold:{filled:{bgColor:"#3a80f9 ",borderColor:"#ffffff00",fgColor:"#FFFFFF"},bordered:{bgColor:"#3a80f9 ",borderColor:"#1d5ece",fgColor:"#FFFFFF"}},extraBold:{filled:{bgColor:"#1d5ece",borderColor:"#ffffff00",fgColor:"#FFFFFF"},bordered:{bgColor:"#236ae5 ",borderColor:"#1d5ece",fgColor:"#FFFFFF"}},extralight:{filled:{bgColor:"#EEF4FF",borderColor:"#ffffff00",fgColor:"#1d5ece"},bordered:{bgColor:"#EAF2FF",borderColor:"#C4DAFF",fgColor:"#1d5ece"}},light:{filled:{bgColor:"#DFEAFD",borderColor:"#ffffff00",fgColor:"#1d5ece"},bordered:{bgColor:"#DFEAFD",borderColor:"#518ff8",fgColor:"#1d5ece"}}},gray:{bold:{filled:{bgColor:"#888783",borderColor:"#ffffff00",fgColor:"#FFFFFF"},bordered:{bgColor:"#6F6F6D",borderColor:"#474746",fgColor:"#FFFFFF"}},extraBold:{filled:{bgColor:"#474746",borderColor:"#ffffff00",fgColor:"#FFFFFF"},bordered:{bgColor:"#474746",borderColor:"#474746",fgColor:"#FFFFFF"}},extralight:{filled:{bgColor:"#FFFFFF",borderColor:"#ffffff00",fgColor:"#6F6F6D"},bordered:{bgColor:"#FFFFFF",borderColor:"#D8D7D4",fgColor:"#6F6F6D"}},light:{filled:{bgColor:"#F4F4F2",borderColor:"#ffffff00",fgColor:"#6F6F6D"},bordered:{bgColor:"#F4F4F2",borderColor:"#D8D7D4",fgColor:"#6F6F6D"}}},green:{bold:{filled:{bgColor:"#6EBF57",borderColor:"#ffffff00",fgColor:"#FFFFFF"},bordered:{bgColor:"#6EBF57",borderColor:"#3f8d2a",fgColor:"#FFFFFF"}},extraBold:{filled:{bgColor:"#3f8d2a",borderColor:"#ffffff00",fgColor:"#FFFFFF"},bordered:{bgColor:"#5ca647",borderColor:"#3f8d2a",fgColor:"#FFFFFF"}},extralight:{filled:{bgColor:"#E6F4E4",borderColor:"#ffffff00",fgColor:"#3f8d2a"},bordered:{bgColor:"#E6F4E4",borderColor:"#BAE3AF",fgColor:"#3f8d2a"}},light:{filled:{bgColor:"#E2F1DE",borderColor:"#ffffff00",fgColor:"#3f8d2a"},bordered:{bgColor:"#DCF1D5",borderColor:"#6EBF57",fgColor:"#3f8d2a"}}},indigo:{bold:{filled:{bgColor:"#8686FF",borderColor:"#ffffff00",fgColor:"#FFFFFF"},bordered:{bgColor:"#8686FF",borderColor:"#5454e1",fgColor:"#FFFFFF"}},extraBold:{filled:{bgColor:"#5454e1",borderColor:"#ffffff00",fgColor:"#FFFFFF"},bordered:{bgColor:"#6565FA",borderColor:"#5454e1",fgColor:"#FFFFFF"}},extralight:{filled:{bgColor:"#F7F7FC",borderColor:"#ffffff00",fgColor:"#5454e1"},bordered:{bgColor:"#F4F4FF",borderColor:"#C1C1FF",fgColor:"#5454e1"}},light:{filled:{bgColor:"#E8E8FF",borderColor:"#ffffff00",fgColor:"#5454e1"},bordered:{bgColor:"#E8E8FF",borderColor:"#9D9DFF",fgColor:"#5454e1"}}},lime:{bold:{filled:{bgColor:"#779204",borderColor:"#ffffff00",fgColor:"#FFFFFF"},bordered:{bgColor:"#779204",borderColor:"#4F6201",fgColor:"#FFFFFF"}},extraBold:{filled:{bgColor:"#4F6201",borderColor:"#ffffff00",fgColor:"#FFFFFF"},bordered:{bgColor:"#536601",borderColor:"#4F6201",fgColor:"#FFFFFF"}},extralight:{filled:{bgColor:"#F1F6F2",borderColor:"#ffffff00",fgColor:"#536601"},bordered:{bgColor:"#F4F7E6",borderColor:"#D5E68C",fgColor:"#4F6201"}},light:{filled:{bgColor:"#ECF6C2",borderColor:"#ffffff00",fgColor:"#4F6201"},bordered:{bgColor:"#D5E68C",borderColor:"#779204",fgColor:"#4F6201"}}},mag:{bold:{filled:{bgColor:"#E63BAD",borderColor:"#ffffff00",fgColor:"#FFFFFF"},bordered:{bgColor:"#EB3CB2",borderColor:"#c9178d",fgColor:"#FFFFFF"}},extraBold:{filled:{bgColor:"#c9178d",borderColor:"#ffffff00",fgColor:"#FFFFFF"},bordered:{bgColor:"#d22799",borderColor:"#c9178d",fgColor:"#FFFFFF"}},extralight:{filled:{bgColor:"#FDD8F1",borderColor:"#ffffff00",fgColor:"#c9178d"},bordered:{bgColor:"#FDD8F1",borderColor:"#FFB5E6",fgColor:"#c9178d"}},light:{filled:{bgColor:"#FFC2EA",borderColor:"#ffffff00",fgColor:"#c9178d"},bordered:{bgColor:"#FDD8F1",borderColor:"#FF9ADD",fgColor:"#c9178d"}}},orange:{bold:{filled:{bgColor:"#F2711B",borderColor:"#ffffff00",fgColor:"#FFFFFF"},bordered:{bgColor:"#F2711B",borderColor:"#BD4B04",fgColor:"#FFFFFF"}},extraBold:{filled:{bgColor:"#BD4B04",borderColor:"#ffffff00",fgColor:"#FFFFFF"},bordered:{bgColor:"#C85700",borderColor:"#BD4B04",fgColor:"#FFFFFF"}},extralight:{filled:{bgColor:"#FFEFE6",borderColor:"#ffffff00",fgColor:"#BD4B04"},bordered:{bgColor:"#FEE8D8",borderColor:"#FF9B61",fgColor:"#BD4B04"}},light:{filled:{bgColor:"#FFDDC5",borderColor:"#ffffff00",fgColor:"#BD4B04"},bordered:{bgColor:"#FFDDC5",borderColor:"#F2711B",fgColor:"#BD4B04"}}},purple:{bold:{filled:{bgColor:"#9035BD",borderColor:"#ffffff00",fgColor:"#FFFFFF"},bordered:{bgColor:"#9035BD",borderColor:"#5B2589",fgColor:"#FFFFFF"}},extraBold:{filled:{bgColor:"#5B2589",borderColor:"#ffffff00",fgColor:"#FFFFFF"},bordered:{bgColor:"#6F2EA8",borderColor:"#5B2589",fgColor:"#FFFFFF"}},extralight:{filled:{bgColor:"#faf5fd",borderColor:"#ffffff00",fgColor:"#5B2589"},bordered:{bgColor:"#ECDAFA",borderColor:"#D7A7F7",fgColor:"#5B2589"}},light:{filled:{bgColor:"#ECD2FA",borderColor:"#ffffff00",fgColor:"#5B2589"},bordered:{bgColor:"#E3C1F6",borderColor:"#A854D2",fgColor:"#5B2589"}}},red:{bold:{filled:{bgColor:"#EF6262",borderColor:"#ffffff00",fgColor:"#FFFFFF"},bordered:{bgColor:"#EF6262",borderColor:"#DA2222",fgColor:"#FFFFFF"}},extraBold:{filled:{bgColor:"#DA2222",borderColor:"#ffffff00",fgColor:"#FFFFFF"},bordered:{bgColor:"#E74646",borderColor:"#DA2222",fgColor:"#FFFFFF"}},extralight:{filled:{bgColor:"#FCEDEB",borderColor:"#ffffff00",fgColor:"#DA2222"},bordered:{bgColor:"#FFE6E2",borderColor:"#FFD9D5",fgColor:"#DA2222"}},light:{filled:{bgColor:"#FFE6E2",borderColor:"#ffffff00",fgColor:"#DA2222"},bordered:{bgColor:"#FFD9D5",borderColor:"#F99090",fgColor:"#DA2222"}}},teal:{bold:{filled:{bgColor:"#2E98AD",borderColor:"#ffffff00",fgColor:"#FFFFFF"},bordered:{bgColor:"#1B899E",borderColor:"#07596A",fgColor:"#FFFFFF"}},extraBold:{filled:{bgColor:"#177E93",borderColor:"#ffffff00",fgColor:"#FFFFFF"},bordered:{bgColor:"#177E93",borderColor:"#07596A",fgColor:"#FFFFFF"}},extralight:{filled:{bgColor:"#F0FBFF",borderColor:"#ffffff00",fgColor:"#1B899E"},bordered:{bgColor:"#E2F7FF",borderColor:"#82E2EF",fgColor:"#1B899E"}},light:{filled:{bgColor:"#B2E8F0",borderColor:"#ffffff00",fgColor:"#1B899E"},bordered:{bgColor:"#B2E8F0",borderColor:"#2E98AD",fgColor:"#1B899E"}}},yellow:{bold:{filled:{bgColor:"#D99904",borderColor:"#ffffff00",fgColor:"#FFFFFF"},bordered:{bgColor:"#CF9202",borderColor:"#B57C02",fgColor:"#FFFFFF"}},extraBold:{filled:{bgColor:"#B57C02",borderColor:"#ffffff00",fgColor:"#FFFFFF"},bordered:{bgColor:"#CF9202",borderColor:"#B57C02",fgColor:"#FFFFFF"}},extralight:{filled:{bgColor:"#FFFBF0",borderColor:"#ffffff00",fgColor:"#B57C02"},bordered:{bgColor:"#FBF2D8",borderColor:"#FCE6AE",fgColor:"#B57C02"}},light:{filled:{bgColor:"#FFF0CD",borderColor:"#ffffff00",fgColor:"#B57C02"},bordered:{bgColor:"#FCE6AE",borderColor:"#E3A703",fgColor:"#B57C02"}}}},h={background:"#222221",border:"#ffffff00",foreground:"#FFFFFF"},p={ghost:{unselected:{bgColor:{rest:"#ffffff00",hover:"#EFEEEA",pressed:"#EFEEEA",disabled:"#ffffff00"},borderColor:{rest:"#ffffff00",hover:"#ffffff00",pressed:"#ffffff00",disabled:"#ffffff00"},fgColor:{rest:"#6F6F6D",hover:"#6F6F6D",pressed:"#6F6F6D",disabled:"#D8D7D4"}},selected:{bgColor:{rest:"#DFEAFD",hover:"#CBDEFF",pressed:"#DFEAFD",disabled:"#F4F4F2"},borderColor:{rest:"#ffffff00",hover:"#ffffff00",pressed:"#ffffff00",disabled:"#ffffff00"},fgColor:{rest:"#1d5ece",hover:"#1d5ece",pressed:"#1d5ece",disabled:"#D8D7D4"}}},outlined:{unselected:{bgColor:{rest:"#FFFFFF",hover:"#F9F9F8",pressed:"#EFEEEA",disabled:"#EFEEEA"},borderColor:{rest:"#D8D7D4",hover:"#D8D7D4",pressed:"#D8D7D4",disabled:"#E2E1DD"},fgColor:{rest:"#6F6F6D",hover:"#6F6F6D",pressed:"#6F6F6D",disabled:"#D8D7D4"}},selected:{bgColor:{rest:"#EAF2FF",hover:"#C4DAFF",pressed:"#CBDEFF",disabled:"#F4F4F2"},borderColor:{rest:"#236ae5 ",hover:"#3a80f9 ",pressed:"#1d5ece",disabled:"#EFEEEA"},fgColor:{rest:"#1d5ece",hover:"#1d5ece",pressed:"#1d5ece",disabled:"#D8D7D4"}}}},u={link:{fgColor:{rest:"#888783",hover:"#888783",active:"#474746"},bgColor:{rest:"#ffffff00",hover:"#F4F4F2",active:"#ffffff00"}},separator:{fgColor:"#888783"}},B={background:"#FFFFFF",border:"#ffffff00",divider:"#ABA9A5"},A={modal:"rgba(58,58,57,0.2)",sheet:"rgba(53,53,51,0.03)",none:"#ffffff00"},x={background:"#FFFFFF"},v={background:"#FFFFFF",border:"#EFEEEA"},k={background:"#FFFFFF"},y={item:{bgColor:{rest:"#FFFFFF",hover:"#F9F9F8",pressed:"#F4F4F2",disabled:"#F4F4F2",selected:{rest:"#F4F4F2",pressed:"#EFEEEA"}},fgColor:{rest:"#888783",pressed:"#474746",disabled:"#ABA9A5",selected:"#474746",subtext:"#888783"}},section:{fgColor:"#474746"},divider:{fgColor:"#EFEEEA"}},S={popover:"0 0 0 1px rgba(42, 28, 0, 0.07), 0 20px 24px 0 rgba(25, 25, 25, 0.05), 0 5px 8px 0 rgba(25, 25, 25, 0.03)",popoverElevated:"0 0 0 1px rgba(42, 28, 0, 0.10), 0 24px 32px 0 rgba(25, 25, 25, 0.08), 0 8px 12px 0 rgba(25, 25, 25, 0.05)",sheet:"0 0 0 1px rgba(42, 28, 0, 0.07), 0 20px 24px 0 rgba(25, 25, 25, 0.05), 0 5px 8px 0 rgba(25, 25, 25, 0.03)",tooltip:"0 1px 2px rgba(68, 68, 69, 0.08)"},W={primary:"#2D2D2D",black:"#474746",white:"#FFFFFF",focus:"#3a80f9 ",success:{default:"#3f8d2a",muted:"#6EBF57"},warning:{default:"#FFB404",muted:"#D99904"},error:{default:"#DA2222",muted:"#EF6262"},info:{default:"#1d5ece",muted:"#3a80f9 "},fg:{neutral:{inverted:"#FFFFFF",disabled:"#D8D7D4",subtle:"#ABA9A5",muted:"#888783",default:"#6F6F6D",contrast:"#474746"},link:{extraDark:"#474746",default:"#525252",hover:"#ABA9A5"},green:{muted:"#6EBF57",contrast:"#3f8d2a"},teal:{muted:"#1B899E",contrast:"#1B899E"},yellow:{muted:"#D99904",contrast:"#B57C02"},orange:{muted:"#D95903",contrast:"#BD4B04"},red:{muted:"#EF6262",contrast:"#DA2222"},magenta:{muted:"#EB3CB2",contrast:"#c9178d"},indigo:{muted:"#8686FF",contrast:"#5454e1"},blue:{muted:"#3a80f9 ",contrast:"#1d5ece"},purple:{muted:"#9035BD",contrast:"#5B2589"},lime:{muted:"#536601",contrast:"#4F6201"}},text:{inverted:"#FFFFFF",disabled:"#D8D7D4",subtle:"#ABA9A5",muted:"#888783",default:"#6F6F6D",contrast:"#474746"},canvas:{default:"#FFFFFF",modal:"#FFFFFF",inset:"#F4F4F2",insetStrong:"#EFEEEA",subtle:"#F9F9F8",transparent:"#ffffff00",overlay:{modal:"rgba(58,58,57,0.2)",sheet:"rgba(53,53,51,0.03)"}},border:{gray:{1:"#EFEEEA",2:"#E2E1DD",3:"#D8D7D4"},grayAlpha:{0:"rgba(58,58,57,0)",1:"rgba(58,58,57,0.08)",2:"rgba(58,58,57,0.1)",3:"rgba(58,58,57,0.15)",4:"rgba(58,58,57,0.2)"}},bg:{gray:{light:{"01":"#FFFFFF","02":"#F9F9F8","03":"#F4F4F2","04":"#EFEEEA","05":"#E2E1DD","06":"#D8D7D4"},dark:{"04":"#888783","05":"#6F6F6D","06":"#525252","07":"#474746"}}},syntax:{comment:"#888783",key:"#6F6F6D",constant:"#3a80f9 ",constantOtherReferenceLink:"#0a3069",entity:"#d22799",entityTag:"#d22799",keyword:"#EF6262",string:"#EF6262",stringRegexp:"#A2D794",variable:"#FF8635",brackethighlighterAngle:"#ABA9A5",brackethighlighterUnmatched:"#F99090",carriageReturnBg:"#FBC4C4",carriageReturnText:"#FFFFFF",invalidIllegalText:"#FFFFFF",invalidIllegalBg:"#F99090",markupBold:"#525252",markupItalic:"#525252",markupHeading:"#09B2B5",markupList:"#A2D794",markupInsertedBg:"#F0F9EF",markupInsertedText:"#A2D794",markupDeletedBg:"#FFF6F5",markupDeletedText:"#F99090",markupChangedBg:"#FEE8D8",markupChangedText:"#FF8635",nullLiteral:"#E2E1DD",booleanLiteral:"#9035BD",numberLiteral:"#3a80f9 ",bracket:"#E01280",bracketNested:"#9035BD",stringUrl:"#6565FA",stringEmail:"#6565FA",stringUuid:"#D8D7D4",rowHoverBg:"#F9F9F8",collapsedRowBg:"#FFFFFF",watchMark:"#518ff8",watchMarkHover:"#518ff8",watchRowBg:"#F4F8FF"}},o={typography:a,colors:i,sizes:g,buttonPrimary:n,buttonSecondary:s,buttonGhost:b,buttonDanger:C,buttonRounded:m,linkColors:D,highlightColors:E,pillColors:c,tooltipColors:h,iconButton:p,breadcrumbColors:u,siteHeaderColors:B,overlayColors:A,sheetColors:x,sidebarColors:v,popoverColors:k,actionMenuColors:y,shadows:S,globalColors:W},z={0:"#000000"},H={0:"#ffffff"},w={0:"#FFFFFF",1:"#F9F9F8",2:"#F4F4F2",3:"#EFEEEA",4:"#E2E1DD",5:"#D8D7D4",6:"#ABA9A5",7:"#888783",8:"#6F6F6D",9:"#525252",10:"#474746",11:"#3A3A39",12:"#2D2D2D",13:"#222221"},M={0:"rgba(58,58,57,0)",1:"rgba(58,58,57,0.08)",2:"rgba(58,58,57,0.1)",3:"rgba(58,58,57,0.15)",4:"rgba(58,58,57,0.2)"},R={sheet:"rgba(53,53,51,0.03)"},I={0:"#F0F9EF",1:"#E6F4E4",2:"#E2F1DE",3:"#DCF1D5",4:"#CCEEC2",5:"#BAE3AF",6:"#A2D794",7:"#87C875",8:"#6EBF57",9:"#5ca647",10:"#3f8d2a"},L={0:"#faf5fd",1:"#ECDAFA",2:"#ECD2FA",3:"#E3C1F6",4:"#D9B2FA",5:"#D7A7F7",6:"#D385EF",7:"#A854D2",8:"#9035BD",9:"#6F2EA8",10:"#5B2589"},G={0:"#F7F7FC",1:"#F4F4FF",2:"#E8E8FF",3:"#E2E2FF",4:"#D4D4FF",5:"#C1C1FF",6:"#AFAFFF",7:"#9D9DFF",8:"#8686FF",9:"#6565FA",10:"#5454e1"},T={0:"#F4F8FF",1:"#EEF4FF",2:"#EAF2FF",3:"#DFEAFD",4:"#CBDEFF",5:"#C4DAFF",6:"#BCD4FF",7:"#518ff8",8:"#3a80f9 ",9:"#236ae5 ",10:"#1d5ece"},$={0:"#fbf0f9",1:"#FDD8F1",2:"#FFC2EA",3:"#FFB5E6",4:"#FFA2E0",5:"#FF9ADD",6:"#FF83D6",7:"#E63BAD",8:"#EB3CB2",9:"#d22799",10:"#c9178d"},P={0:"#FFFBF0",1:"#FBF2D8",2:"#FFF0CD",3:"#FCE6AE",4:"#FAD98E",5:"#FFCD44",6:"#FFB404",7:"#E3A703",8:"#D99904",9:"#CF9202",10:"#B57C02"},O={0:"#FFF6F5",1:"#FCEDEB",2:"#FFE6E2",3:"#FFD9D5",4:"#FDCEC8",5:"#FBC4C4",6:"#FEB1B1",7:"#F99090",8:"#EF6262",9:"#E74646",10:"#DA2222"},U={0:"#FFEFE6",1:"#FEE8D8",2:"#FFDDC5",3:"#FFD4B3",4:"#FFBA86",5:"#FF9B61",6:"#FF8635",7:"#F2711B",8:"#D95903",9:"#C85700",10:"#BD4B04"},_={0:"#FAF9FF",1:"#ECEBFF",2:"#D7CFF7",3:"#BDB7F7",4:"#C09EFE",5:"#B792FC",6:"#9E70F5",7:"#8950F3",8:"#8C53F4",9:"#8143F6",10:"#7530F5"},j={0:"#F0FBFF",1:"#E2F7FF",2:"#C9F0F7",3:"#B2E8F0",4:"#A1E9F1",5:"#82E2EF",6:"#46B0C8",7:"#2E98AD",8:"#1B899E",9:"#177E93",10:"#07596A"},X={0:"#F1F6F2",1:"#F4F7E6",2:"#ECF6C2",3:"#D5E68C",4:"#C5DE59",5:"#B2CD36",6:"#98B61A",7:"#779204",8:"#6B8402",9:"#536601",10:"#4F6201"},N={black:z,white:H,gray:w,grayAlpha:M,overlay:R,green:I,purple:L,indigo:G,blue:T,mag:$,yellow:P,red:O,orange:U,violet:_,teal:j,lime:X},q=N,l=o.colors.functional,J=o.buttonPrimary,K=o.buttonSecondary,Q=o.buttonGhost,V=o.buttonDanger,Y=o.buttonRounded,Z=o.iconButton,oo=o.linkColors,ro=o.highlightColors,eo=o.breadcrumbColors,Fo=o.siteHeaderColors,lo=o.overlayColors,fo=o.sheetColors,to=o.sidebarColors,ao=o.popoverColors,io=o.actionMenuColors,go=o.pillColors,no=o.tooltipColors,so=o.globalColors,bo=o.sizes,Co=o.shadows,mo=o.typography,Do={colors:{base:q,functional:{background:l.background,foreground:l.foreground,border:l.border,syntax:l.syntax,button:{primary:J,secondary:K,ghost:Q,danger:V,rounded:Y},iconButton:Z,link:oo,highlight:ro,breadcrumb:eo,siteHeader:Fo,overlay:lo,sheet:fo,sidebar:to,popover:ao,actionMenu:io,pill:go,tooltip:no},global:so},typography:mo,sizes:bo,shadows:Co};function Eo(r){return r!==null&&typeof r=="object"&&!Array.isArray(r)}function f(r,d){const F=r.split(".");let e=d;for(const t of F){if(!Eo(e))return;e=e[t]}return typeof e=="string"?e:void 0}function co(r,d,F){const e=(F==null?void 0:F[r])??r;return f(e,d)??e}const ho={canvas:["canvas.default","canvas.inset","canvas.subtle","canvas.insetStrong"],text:["text.default","text.muted","text.subtle","text.contrast"],bg:["bg.gray.light.01","bg.gray.light.02","bg.gray.dark.07"],border:["border.gray.1","border.gray.2","border.grayAlpha.2"],fg:["fg.neutral.default","fg.blue.contrast","fg.green.contrast"],semantic:["primary","success.default","warning.default","error.default","info.default"]};exports.GLOBAL_COLOR_PATH_EXAMPLES=ho;exports.defaultTheme=Do;exports.resolveGlobalColor=f;exports.resolveGlobalColorOrCss=co;
|
|
2
|
+
//# sourceMappingURL=globalColor-DO1bmuFH.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"globalColor-DO1bmuFH.js","sources":["../src/theme/defaultTheme.ts","../src/theme/globalColor.ts"],"sourcesContent":["import type { ThemeTokens } from \"./types\";\nimport themeGenerated from \"./output/theme.json\";\nimport baseGenerated from \"./output/base.json\";\n\n// ── Primitive palette ────────────────────────────────────────────────────────\n// Generated from tokens/base/light.json via `npm run tokens:theme`.\nconst base = baseGenerated as ThemeTokens[\"colors\"][\"base\"];\n\nconst generatedFunctional = themeGenerated.colors.functional;\n\nconst buttonPrimary = themeGenerated.buttonPrimary;\nconst buttonSecondary = themeGenerated.buttonSecondary;\nconst buttonGhost = themeGenerated.buttonGhost;\nconst buttonDanger = themeGenerated.buttonDanger;\nconst buttonRounded = themeGenerated.buttonRounded;\nconst iconButtonColors = themeGenerated.iconButton;\nconst linkColors = themeGenerated.linkColors;\nconst highlightColors = themeGenerated.highlightColors;\nconst breadcrumbColors = themeGenerated.breadcrumbColors;\nconst siteHeaderColors = themeGenerated.siteHeaderColors;\nconst overlayColors = themeGenerated.overlayColors;\nconst sheetColors = themeGenerated.sheetColors;\nconst sidebarColors = themeGenerated.sidebarColors;\nconst popoverColors = themeGenerated.popoverColors;\nconst actionMenuColors = themeGenerated.actionMenuColors;\nconst pillColors = themeGenerated.pillColors;\nconst tooltipColors = themeGenerated.tooltipColors;\nconst globalColors = themeGenerated.globalColors;\nconst generatedSizes = themeGenerated.sizes;\nconst generatedShadows = themeGenerated.shadows;\nconst generatedTypography = themeGenerated.typography as ThemeTokens[\"typography\"];\n\nexport const defaultTheme: ThemeTokens = {\n // ── Colors ─────────────────────────────────────────────────────────────────\n colors: {\n base,\n\n // Functional tokens — components reference these, never the base scale directly\n functional: {\n background: generatedFunctional.background,\n foreground: generatedFunctional.foreground,\n border: generatedFunctional.border,\n\n syntax: generatedFunctional.syntax,\n\n button: {\n primary: buttonPrimary,\n secondary: buttonSecondary,\n ghost: buttonGhost,\n danger: buttonDanger,\n rounded: buttonRounded,\n },\n\n iconButton: iconButtonColors,\n\n link: linkColors,\n\n highlight: highlightColors,\n\n breadcrumb: breadcrumbColors,\n\n siteHeader: siteHeaderColors,\n\n overlay: overlayColors,\n\n sheet: sheetColors,\n\n sidebar: sidebarColors,\n\n popover: popoverColors,\n\n actionMenu: actionMenuColors,\n\n pill: pillColors,\n\n tooltip: tooltipColors,\n },\n\n global: globalColors,\n },\n\n // ── Typography ──────────────────────────────────────────────────────────────\n typography: generatedTypography,\n\n // ── Sizes ───────────────────────────────────────────────────────────────────\n sizes: generatedSizes,\n\n // ── Shadows ─────────────────────────────────────────────────────────────────\n shadows: generatedShadows,\n};\n","import type { GlobalColors } from \"./types\";\n\n/**\n * Dot-path into `ThemeTokens.colors.global` (from `tokens/functional/colors/globals.json`).\n *\n * App-facing color props use global tokens — not `colors.functional.*` component recipes.\n * Component-only tokens (button, pill, highlight, sheet, …) stay internal to those components.\n *\n * @example \"canvas.inset\" | \"text.muted\" | \"bg.gray.light.02\" | \"fg.blue.3\" | \"primary\"\n */\nexport type GlobalColorPath = string;\n\nfunction isPlainObject(value: unknown): value is Record<string, unknown> {\n return value !== null && typeof value === \"object\" && !Array.isArray(value);\n}\n\n/** Resolve a global dot-path to a CSS color, or `undefined` when not found. */\nexport function resolveGlobalColor(\n path: GlobalColorPath,\n global: GlobalColors\n): string | undefined {\n const parts = path.split(\".\");\n let cur: unknown = global;\n\n for (const part of parts) {\n if (!isPlainObject(cur)) return undefined;\n cur = cur[part];\n }\n\n return typeof cur === \"string\" ? cur : undefined;\n}\n\n/**\n * Resolve a global path, with optional per-component legacy aliases, or treat as raw CSS.\n */\nexport function resolveGlobalColorOrCss(\n path: GlobalColorPath,\n global: GlobalColors,\n aliases?: Record<string, GlobalColorPath>\n): string {\n const normalized = aliases?.[path] ?? path;\n return resolveGlobalColor(normalized, global) ?? normalized;\n}\n\n/** Common global paths for docs / Storybook controls (not exhaustive). */\nexport const GLOBAL_COLOR_PATH_EXAMPLES = {\n canvas: [\"canvas.default\", \"canvas.inset\", \"canvas.subtle\", \"canvas.insetStrong\"],\n text: [\"text.default\", \"text.muted\", \"text.subtle\", \"text.contrast\"],\n bg: [\"bg.gray.light.01\", \"bg.gray.light.02\", \"bg.gray.dark.07\"],\n border: [\"border.gray.1\", \"border.gray.2\", \"border.grayAlpha.2\"],\n fg: [\"fg.neutral.default\", \"fg.blue.contrast\", \"fg.green.contrast\"],\n semantic: [\n \"primary\",\n \"success.default\",\n \"warning.default\",\n \"error.default\",\n \"info.default\",\n ],\n} as const;\n"],"names":["base","baseGenerated","generatedFunctional","themeGenerated","buttonPrimary","buttonSecondary","buttonGhost","buttonDanger","buttonRounded","iconButtonColors","linkColors","highlightColors","breadcrumbColors","siteHeaderColors","overlayColors","sheetColors","sidebarColors","popoverColors","actionMenuColors","pillColors","tooltipColors","globalColors","generatedSizes","generatedShadows","generatedTypography","defaultTheme","isPlainObject","value","resolveGlobalColor","path","global","parts","cur","part","resolveGlobalColorOrCss","aliases","normalized","GLOBAL_COLOR_PATH_EXAMPLES"],"mappings":"q5qBAMMA,EAAOC,EAEPC,EAAsBC,EAAe,OAAO,WAE5CC,EAAgBD,EAAe,cAC/BE,EAAkBF,EAAe,gBACjCG,EAAcH,EAAe,YAC7BI,EAAeJ,EAAe,aAC9BK,EAAgBL,EAAe,cAC/BM,EAAmBN,EAAe,WAClCO,GAAaP,EAAe,WAC5BQ,GAAkBR,EAAe,gBACjCS,GAAmBT,EAAe,iBAClCU,GAAmBV,EAAe,iBAClCW,GAAgBX,EAAe,cAC/BY,GAAcZ,EAAe,YAC7Ba,GAAgBb,EAAe,cAC/Bc,GAAgBd,EAAe,cAC/Be,GAAmBf,EAAe,iBAClCgB,GAAahB,EAAe,WAC5BiB,GAAgBjB,EAAe,cAC/BkB,GAAelB,EAAe,aAC9BmB,GAAiBnB,EAAe,MAChCoB,GAAmBpB,EAAe,QAClCqB,GAAsBrB,EAAe,WAE9BsB,GAA4B,CAEvC,OAAQ,CACN,KAAAzB,EAGA,WAAY,CACV,WAAYE,EAAoB,WAChC,WAAYA,EAAoB,WAChC,OAAQA,EAAoB,OAE5B,OAAQA,EAAoB,OAE5B,OAAQ,CACN,QAASE,EACT,UAAWC,EACX,MAAOC,EACP,OAAQC,EACR,QAASC,CAAA,EAGX,WAAYC,EAEZ,KAAMC,GAEN,UAAWC,GAEX,WAAYC,GAEZ,WAAYC,GAEZ,QAASC,GAET,MAAOC,GAEP,QAASC,GAET,QAASC,GAET,WAAYC,GAEZ,KAAMC,GAEN,QAASC,EAAA,EAGX,OAAQC,EAAA,EAIV,WAAYG,GAGZ,MAAOF,GAGP,QAASC,EACX,EC7EA,SAASG,GAAcC,EAAkD,CACvE,OAAOA,IAAU,MAAQ,OAAOA,GAAU,UAAY,CAAC,MAAM,QAAQA,CAAK,CAC5E,CAGO,SAASC,EACdC,EACAC,EACoB,CACpB,MAAMC,EAAQF,EAAK,MAAM,GAAG,EAC5B,IAAIG,EAAeF,EAEnB,UAAWG,KAAQF,EAAO,CACxB,GAAI,CAACL,GAAcM,CAAG,EAAG,OACzBA,EAAMA,EAAIC,CAAI,CAChB,CAEA,OAAO,OAAOD,GAAQ,SAAWA,EAAM,MACzC,CAKO,SAASE,GACdL,EACAC,EACAK,EACQ,CACR,MAAMC,GAAaD,GAAA,YAAAA,EAAUN,KAASA,EACtC,OAAOD,EAAmBQ,EAAYN,CAAM,GAAKM,CACnD,CAGO,MAAMC,GAA6B,CACxC,OAAQ,CAAC,iBAAkB,eAAgB,gBAAiB,oBAAoB,EAChF,KAAM,CAAC,eAAgB,aAAc,cAAe,eAAe,EACnE,GAAI,CAAC,mBAAoB,mBAAoB,iBAAiB,EAC9D,OAAQ,CAAC,gBAAiB,gBAAiB,oBAAoB,EAC/D,GAAI,CAAC,qBAAsB,mBAAoB,mBAAmB,EAClE,SAAU,CACR,UACA,kBACA,kBACA,gBACA,cAAA,CAEJ"}
|