Librería de componentes multi-marca para el ecosistema Nave. Construida con React, Design Tokens y una arquitectura que permite escalar experiencias visuales consistentes en todas las marcas.
Multi-marca
Un solo set de componentes que se adapta a cualquier marca del ecosistema mediante Design Tokens.
React & React Native
Componentes disponibles para web y mobile con la misma API y tokens compartidos.
Design Tokens
Colores, tipografía, espaciados y radios definidos en un esquema JSON estandarizado por marca.
Agregá la librería a tu proyecto:
1npm install nave-ui-libraryImportá los estilos globales, el ThemeProvider y los componentes que necesites:
1import 'nave-ui-library/styles.css'2import { ThemeProvider, Button, Input } from 'nave-ui-library/react'3 4export default function App() {5 return (6 <ThemeProvider channelId="nave">7 <div className="p-8 space-y-4">8 <Button variant="primary">Confirmar</Button>9 <Input placeholder="Ingresá tu email" />10 </div>11 </ThemeProvider>12 )13}El ThemeProvider inyecta los tokens de la marca seleccionada a todos los componentes hijos. Podés usar channelId o pasar un objeto theme custom.
React (Web)
Next.js, Vite, CRA
React Native
Expo, CLI, NativeWind
Seleccioná una marca para ver cómo se reconfigura todo el sistema visual en tiempo real. Los mismos componentes, distinta identidad.
Marca activa: Nave
El sistema utiliza Design Tokens como capa de abstracción entre la identidad de marca y los componentes. Al cambiar de marca, se intercambian los tokens sin modificar el código de los componentes.
Colores, tipografía, espaciados y radios se definen por marca en un esquema JSON.
Cada componente consume los tokens activos automáticamente vía ThemeProvider.
Esquema JSON del tema activo. Estos valores alimentan todos los componentes.
1{2 "meta": {3 "theme": "default-v-4.0.1"4 },5 "foundations": {6 "colors": {7 "brand": {8 "50": "#F6F2FD",9 "100": "#E6DCFA",10 "200": "#F4F0FF",11 "300": "#A78BFA",12 "500": "#652BDF",13 "700": "#3C168E",14 "900": "#1E0A52"15 },16 "neutral": {17 "0": "#FFFFFF",18 "50": "#F9FAFB",19 "100": "#F3F4F6",20 "125": "#F0F0F0",21 "150": "#E2E5E9",22 "175": "#ECEAF3",23 "200": "#E5E7EB",24 "225": "#EEF2F7",25 "300": "#D1D5DB",26 "350": "#C3C7D1",27 "400": "#9CA3AF",28 "450": "#A3AAB8",29 "500": "#6B7280",30 "550": "#9DA5B5",31 "575": "#838CA0",32 "600": "#4B5563",33 "650": "#6E7991",34 "700": "#374151",35 "750": "#3A3F4B",36 "800": "#1F2937",37 "850": "#020303",38 "900": "#111827",39 "950": "#F9F9FA"40 },41 "feedback": {42 "success": {43 "50": "#F2FDF8",44 "500": "#16A34A",45 "700": "#128751"46 },47 "warning": {48 "50": "#FEFAF0",49 "100": "#FEF3C7",50 "500": "#F59E0B",51 "700": "#C26E04"52 },53 "error": {54 "50": "#FEEEEB",55 "100": "#FEF2F2",56 "500": "#DC2626",57 "600": "#FB3131",58 "700": "#C2040C",59 "800": "#FECFCD"60 },61 "info": {62 "50": "#F0F5FE",63 "500": "#2563EB",64 "700": "#0465C2"65 }66 }67 },68 "typography": {69 "fontFamily": {70 "base": "\"Inter\", Arial, Helvetica, sans-serif"71 },72 "size": {73 "10": "10px",74 "12": "12px",75 "13": "13px",76 "14": "14px",77 "16": "16px",78 "18": "18px",79 "20": "20px",80 "24": "24px",81 "30": "30px",82 "32": "32px"83 },84 "weight": {85 "400": 400,86 "500": 500,87 "550": 550,88 "600": 600,89 "700": 70090 },91 "lineHeight": {92 "130": "130%",93 "tight": "1.2",94 "normal": "1.4",95 "relaxed": "1.6"96 },97 "letterSpacing": {98 "normal": "0",99 "tight": "-0.02em",100 "tighter": "-0.04em"101 }102 },103 "spacing": {104 "0": "0px",105 "1": "4px",106 "2": "8px",107 "3": "12px",108 "4": "16px",109 "5": "20px",110 "6": "24px",111 "7": "28px",112 "8": "32px",113 "9": "36px",114 "10": "40px",115 "11": "44px",116 "12": "48px",117 "13": "52px",118 "14": "56px",119 "16": "64px",120 "18": "72px",121 "28": "112px",122 "60": "240px",123 "0.5": "2px",124 "1.25": "5px",125 "1.5": "6px",126 "1.75": "7px",127 "2.5": "10px",128 "4.5": "18px",129 "6.5": "26px",130 "8.5": "34px"131 },132 "maxWidth": {133 "compact": "360px",134 "full": "1184px",135 "container": "1440px",136 "dashboardMain": "767px",137 "dashboardRight": "337px",138 "dashboardAccred": "347px",139 "sidebar": "240px",140 "dropdown": "12rem"141 },142 "radius": {143 "none": "0px",144 "xs": "2px",145 "sm": "6px",146 "md": "8px",147 "lg": "12px",148 "xl": "16px",149 "2xl": "18px",150 "full": "9999px"151 },152 "shadow": {153 "none": "none",154 "xs": "0 1px 2px rgba(0,0,0,0.04)",155 "sm": "0 1px 3px rgba(0,0,0,0.08)",156 "md": "0 4px 12px rgba(0,0,0,0.1)",157 "lg": "0 8px 24px rgba(0,0,0,0.12)",158 "focus": "0px 0px 0px 4px",159 "focusSm": "0px 0px 0px 2px",160 "dropdown": "0px 2px 4px -1px rgba(0,0,0,0.06), 0px 4px 6px -1px rgba(0,0,0,0.1)",161 "drawer": "0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 6px 12px -4px rgba(0, 0, 0, 0.1)"162 },163 "border": {164 "width": {165 "0": "0",166 "1": "1px",167 "2": "2px",168 "4": "4px"169 }170 },171 "motion": {172 "duration": {173 "fast": "120ms",174 "normal": "200ms",175 "slow": "300ms"176 },177 "easing": {178 "in": "ease-in",179 "out": "ease-out",180 "inOut": "ease-in-out",181 "standard": "cubic-bezier(0.2, 0, 0, 1)"182 }183 },184 "opacity": {185 "disabled": 0.4,186 "muted": 0.7,187 "overlay": 0.5188 },189 "zIndex": {190 "base": 1,191 "dropdown": 1000,192 "modal": 1100,193 "overlay": 1200,194 "toast": 1300,195 "tooltip": 1400196 },197 "other": {198 "backdropBlur": "4px",199 "chartHeight": 260,200 "chartCategoryGap": "16%",201 "chartCurveType": "monotone",202 "fontFamilyInherit": "inherit",203 "fontStyleNormal": "normal",204 "overlayBackground": "rgba(0,0,0,{foundations.opacity.overlay})",205 "cursor": {206 "grab": "grab",207 "grabbing": "grabbing"208 },209 "borderStyle": {210 "dashed": "dashed"211 },212 "scrollBehavior": "smooth",213 "maxHeight": "80vh",214 "transparent": "transparent",215 "auto": "auto"216 }217 },218 "semanticTokens": {219 "text": {220 "primary": "{foundations.colors.neutral.900}",221 "secondary": "{foundations.colors.neutral.700}",222 "muted": "{foundations.colors.neutral.500}",223 "inverse": "{foundations.colors.neutral.0}"224 },225 "surface": {226 "default": "{foundations.colors.neutral.0}",227 "muted": "{foundations.colors.neutral.50}",228 "hover": "{foundations.colors.neutral.100}",229 "selected": "{foundations.colors.brand.50}"230 },231 "border": {232 "default": "{foundations.colors.neutral.200}",233 "focus": "{foundations.colors.brand.500}",234 "subtle": "{foundations.colors.neutral.100}"235 },236 "action": {237 "primary": "{foundations.colors.brand.500}",238 "primaryHover": "{foundations.colors.brand.700}",239 "secondary": "{foundations.colors.neutral.100}",240 "disabled": "{foundations.colors.neutral.300}"241 },242 "feedback": {243 "success": {244 "bg": "{foundations.colors.feedback.success.50}",245 "text": "{foundations.colors.feedback.success.700}",246 "border": "{foundations.colors.feedback.success.500}",247 "iconBg": "{semanticTokens.surface.muted}",248 "action": "{semanticTokens.text.primary}"249 },250 "error": {251 "bg": "{foundations.colors.feedback.error.50}",252 "text": "{foundations.colors.feedback.error.700}",253 "border": "{foundations.colors.feedback.error.500}"254 },255 "warning": {256 "bg": "{foundations.colors.feedback.warning.50}",257 "text": "{foundations.colors.feedback.warning.700}",258 "border": "{foundations.colors.feedback.warning.500}"259 },260 "info": {261 "bg": "{foundations.colors.feedback.info.50}",262 "text": "{foundations.colors.feedback.info.700}",263 "border": "{foundations.colors.feedback.info.500}"264 }265 },266 "state": {267 "disabled": {268 "bg": "{foundations.colors.neutral.200}",269 "text": "{foundations.colors.neutral.400}",270 "border": "{foundations.colors.neutral.300}"271 }272 }273 },274 "components": {275 "button": {276 "base": {277 "radius": "{foundations.radius.md}",278 "fontFamily": "{foundations.typography.fontFamily.base}",279 "fontWeight": "{foundations.typography.weight.400}",280 "lineHeight": "{foundations.typography.lineHeight.130}",281 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",282 "transition": "{foundations.motion.duration.fast}",283 "display": "inline-flex",284 "alignItems": "center",285 "justifyContent": "center",286 "gap": "{foundations.spacing.2}",287 "outline": "none"288 },289 "sizes": {290 "small": {291 "height": "{foundations.spacing.9}",292 "paddingX": "{foundations.spacing.[\"2.5\"]}",293 "fontSize": "{foundations.typography.size.14}",294 "fontWeight": "{foundations.typography.weight.550}",295 "iconSize": "{foundations.typography.size.16}"296 },297 "medium": {298 "height": "{foundations.spacing.10}",299 "paddingX": "{foundations.spacing.3}",300 "fontSize": "{foundations.typography.size.14}",301 "fontWeight": "{foundations.typography.weight.550}",302 "iconSize": "{foundations.typography.size.16}"303 },304 "large": {305 "height": "{foundations.spacing.11}",306 "paddingX": "{foundations.spacing.4}",307 "fontSize": "{foundations.typography.size.16}",308 "fontWeight": "{foundations.typography.weight.550}",309 "iconSize": "{foundations.typography.size.20}"310 }311 },312 "variants": {313 "primary": {314 "background": "{foundations.colors.brand.500}",315 "color": "{foundations.colors.neutral.0}",316 "hover": {317 "background": "{foundations.colors.brand.700}"318 },319 "focus": {320 "boxShadow": "{foundations.shadow.focus} {foundations.colors.brand.500}"321 },322 "disabled": {323 "background": "{foundations.colors.neutral.150}",324 "color": "{foundations.colors.neutral.450}"325 },326 "loading": {327 "background": "{foundations.colors.brand.500}",328 "color": "{foundations.colors.neutral.0}"329 }330 },331 "secondary": {332 "background": "{foundations.colors.neutral.0}",333 "color": "{foundations.colors.brand.500}",334 "border": "{foundations.border.width.1} solid {foundations.colors.brand.100}",335 "hover": {336 "background": "{foundations.colors.brand.100}",337 "color": "{foundations.colors.brand.700}"338 },339 "focus": {340 "boxShadow": "{foundations.shadow.focus} {foundations.colors.brand.500}"341 },342 "disabled": {343 "background": "{foundations.other.transparent}",344 "color": "{foundations.colors.neutral.450}",345 "border": "{foundations.colors.neutral.150}"346 },347 "loading": {348 "background": "{foundations.colors.neutral.0}",349 "color": "{foundations.colors.brand.500}",350 "border": "{foundations.colors.brand.100}"351 }352 },353 "tertiary": {354 "background": "{foundations.other.transparent}",355 "color": "{foundations.colors.brand.500}",356 "hover": {357 "background": "{foundations.other.transparent}",358 "color": "{foundations.colors.brand.700}"359 },360 "focus": {361 "boxShadow": "{foundations.shadow.focus} {foundations.colors.brand.500}",362 "color": "{foundations.colors.brand.500}"363 },364 "disabled": {365 "color": "{foundations.colors.neutral.450}",366 "background": "{foundations.other.transparent}"367 },368 "loading": {369 "color": "{foundations.colors.brand.500}",370 "background": "{foundations.other.transparent}"371 }372 },373 "neutral": {374 "background": "{foundations.colors.neutral.0}",375 "color": "{foundations.colors.neutral.850}",376 "border": "{foundations.border.width.1} solid {foundations.colors.neutral.150}",377 "hover": {378 "background": "{foundations.colors.neutral.100}",379 "color": "{foundations.colors.neutral.850}"380 },381 "focus": {382 "boxShadow": "{foundations.shadow.focus} {foundations.colors.neutral.500}",383 "color": "{foundations.colors.neutral.500}"384 },385 "disabled": {386 "color": "{foundations.colors.neutral.450}",387 "background": "{foundations.colors.neutral.0}"388 }389 }390 },391 "tones": {392 "brand": {393 "variants": {394 "primary": {395 "background": "{foundations.colors.brand.500}",396 "color": "{foundations.colors.neutral.0}",397 "hover": {398 "background": "{foundations.colors.brand.700}"399 },400 "focus": {401 "boxShadow": "{foundations.shadow.focus} {foundations.colors.brand.500}"402 },403 "loading": {404 "background": "{foundations.colors.brand.500}",405 "color": "{foundations.colors.neutral.0}"406 },407 "disabled": {408 "background": "{foundations.colors.neutral.150}",409 "color": "{foundations.colors.neutral.450}"410 }411 },412 "secondary": {413 "background": "{foundations.colors.neutral.0}",414 "color": "{foundations.colors.brand.500}",415 "border": "{foundations.border.width.1} solid {foundations.colors.brand.100}",416 "hover": {417 "background": "{foundations.colors.brand.100}",418 "color": "{foundations.colors.brand.700}"419 },420 "focus": {421 "boxShadow": "{foundations.shadow.focus} {foundations.colors.brand.500}"422 },423 "loading": {424 "background": "{foundations.colors.neutral.0}",425 "color": "{foundations.colors.brand.500}",426 "border": "{foundations.colors.brand.100}"427 },428 "disabled": {429 "background": "{foundations.other.transparent}",430 "color": "{foundations.colors.neutral.450}",431 "border": "{foundations.colors.neutral.150}"432 }433 },434 "tertiary": {435 "background": "{foundations.other.transparent}",436 "color": "{foundations.colors.brand.500}",437 "hover": {438 "background": "{foundations.other.transparent}",439 "color": "{foundations.colors.brand.700}"440 },441 "focus": {442 "boxShadow": "{foundations.shadow.focus} {foundations.colors.brand.500}"443 },444 "loading": {445 "color": "{foundations.colors.brand.500}",446 "background": "{foundations.other.transparent}"447 },448 "disabled": {449 "color": "{foundations.colors.neutral.450}",450 "background": "{foundations.other.transparent}"451 }452 }453 }454 },455 "neutral": {456 "variants": {457 "primary": {458 "background": "{foundations.colors.neutral.850}",459 "color": "{foundations.colors.neutral.0}",460 "hover": {461 "background": "{foundations.colors.neutral.750}"462 },463 "focus": {464 "boxShadow": "{foundations.shadow.focus} {foundations.colors.neutral.500}"465 },466 "loading": {467 "background": "{foundations.colors.neutral.850}",468 "color": "{foundations.colors.neutral.0}"469 },470 "disabled": {471 "background": "{foundations.colors.neutral.150}",472 "color": "{foundations.colors.neutral.450}"473 }474 },475 "secondary": {476 "background": "{foundations.colors.neutral.0}",477 "color": "{foundations.colors.neutral.850}",478 "border": "{foundations.border.width.1} solid {foundations.colors.neutral.350}",479 "hover": {480 "background": "{foundations.colors.neutral.100}",481 "color": "{foundations.colors.neutral.850}"482 },483 "focus": {484 "boxShadow": "{foundations.shadow.focus} {foundations.colors.neutral.500}"485 },486 "loading": {487 "background": "{foundations.colors.neutral.0}",488 "color": "{foundations.colors.neutral.850}",489 "border": "{foundations.colors.neutral.350}"490 },491 "disabled": {492 "background": "{foundations.other.transparent}",493 "color": "{foundations.colors.neutral.450}",494 "border": "{foundations.colors.neutral.150}"495 }496 },497 "tertiary": {498 "background": "{foundations.other.transparent}",499 "color": "{foundations.colors.neutral.750}",500 "hover": {501 "background": "{foundations.other.transparent}",502 "color": "{foundations.colors.neutral.850}"503 },504 "focus": {505 "boxShadow": "{foundations.shadow.focus} {foundations.colors.neutral.500}"506 },507 "loading": {508 "color": "{foundations.colors.neutral.750}",509 "background": "{foundations.other.transparent}"510 },511 "disabled": {512 "color": "{foundations.colors.neutral.450}",513 "background": "{foundations.other.transparent}"514 }515 }516 }517 },518 "destructive": {519 "variants": {520 "primary": {521 "background": "{foundations.colors.feedback.error.700}",522 "color": "{foundations.colors.neutral.0}",523 "hover": {524 "background": "{foundations.colors.feedback.error.500}"525 },526 "focus": {527 "boxShadow": "{foundations.shadow.focus} {foundations.colors.feedback.error.500}"528 },529 "loading": {530 "background": "{foundations.colors.feedback.error.700}",531 "color": "{foundations.colors.neutral.0}"532 },533 "disabled": {534 "background": "{foundations.colors.neutral.150}",535 "color": "{foundations.colors.neutral.450}"536 }537 },538 "secondary": {539 "background": "{foundations.colors.neutral.0}",540 "color": "{foundations.colors.feedback.error.700}",541 "border": "{foundations.border.width.1} solid {foundations.colors.feedback.error.700}",542 "hover": {543 "background": "{foundations.colors.feedback.error.50}",544 "color": "{foundations.colors.feedback.error.700}"545 },546 "focus": {547 "boxShadow": "{foundations.shadow.focus} {foundations.colors.feedback.error.500}"548 },549 "loading": {550 "background": "{foundations.colors.neutral.0}",551 "color": "{foundations.colors.feedback.error.700}",552 "border": "{foundations.colors.feedback.error.700}"553 },554 "disabled": {555 "background": "{foundations.other.transparent}",556 "color": "{foundations.colors.neutral.450}",557 "border": "{foundations.colors.neutral.150}"558 }559 },560 "tertiary": {561 "background": "{foundations.other.transparent}",562 "color": "{foundations.colors.feedback.error.700}",563 "hover": {564 "background": "{foundations.other.transparent}",565 "color": "{foundations.colors.feedback.error.500}"566 },567 "focus": {568 "boxShadow": "{foundations.shadow.focus} {foundations.colors.feedback.error.500}"569 },570 "loading": {571 "color": "{foundations.colors.feedback.error.700}",572 "background": "{foundations.other.transparent}"573 },574 "disabled": {575 "color": "{foundations.colors.neutral.450}",576 "background": "{foundations.other.transparent}"577 }578 }579 }580 }581 }582 },583 "label": {584 "base": {585 "fontSize": "{foundations.typography.size.14}",586 "color": "{semanticTokens.text.primary}",587 "padding": "{foundations.spacing.2} {foundations.spacing.3}",588 "fontWeight": "{foundations.typography.weight.500}",589 "fontFamily": "{foundations.typography.fontFamily.base}",590 "lineHeight": "{foundations.typography.lineHeight.130}",591 "letterSpacing": "{foundations.typography.letterSpacing.tighter}"592 }593 },594 "input": {595 "base": {596 "fontFamily": "{foundations.typography.fontFamily.base}",597 "lineHeight": "{foundations.typography.lineHeight.130}",598 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",599 "background": "{foundations.colors.neutral.0}",600 "boxShadow": "{foundations.shadow.xs}",601 "color": "{foundations.colors.neutral.850}",602 "border": "{foundations.border.width.1} solid {foundations.colors.neutral.150}",603 "radius": "{foundations.radius.md}",604 "hover": {605 "color": "{foundations.colors.neutral.850}",606 "background": "{foundations.colors.neutral.0}",607 "border": "{foundations.border.width.1} solid {foundations.colors.neutral.350}"608 },609 "focus": {610 "border": "{foundations.border.width.1} solid {foundations.colors.brand.500}",611 "boxShadow": "{foundations.shadow.focusSm} {foundations.colors.brand.100}",612 "color": "{foundations.colors.neutral.850}"613 },614 "filled": {615 "color": "{foundations.colors.neutral.850}",616 "background": "{foundations.colors.neutral.950}",617 "boxShadow": "{foundations.shadow.xs}"618 },619 "disabled": {620 "background": "{foundations.colors.neutral.150}",621 "color": "{foundations.colors.neutral.550}",622 "border": "{foundations.border.width.1} solid {foundations.colors.neutral.350}",623 "boxShadow": "{foundations.shadow.xs}"624 },625 "error": {626 "background": "{foundations.colors.neutral.0}",627 "border": "{foundations.border.width.1} solid {foundations.colors.feedback.error.600}",628 "color": "{foundations.colors.feedback.error.600}",629 "boxShadow": "{foundations.shadow.xs}",630 "filled": {631 "border": "{foundations.border.width.1} solid {foundations.colors.feedback.error.600}",632 "color": "{foundations.colors.neutral.850}",633 "boxShadow": "{foundations.shadow.xs}"634 },635 "focus": {636 "border": "{foundations.border.width.1} solid {foundations.colors.feedback.error.600}",637 "boxShadow": "{foundations.shadow.focusSm} {foundations.colors.feedback.error.800}",638 "color": "{foundations.colors.neutral.850}"639 },640 "hover": {641 "border": "{foundations.border.width.1} solid {foundations.colors.feedback.error.700}",642 "boxShadow": "{foundations.shadow.focusSm} {foundations.colors.feedback.error.800}",643 "color": "{foundations.colors.neutral.850}"644 }645 }646 },647 "sizes": {648 "medium": {649 "height": "{foundations.spacing.11}",650 "padding": "{foundations.spacing.3}",651 "labelFontSize": "{foundations.typography.size.14}",652 "inputFontSize": "{foundations.typography.size.16}",653 "helperFontSize": "{foundations.typography.size.14}",654 "labelFontWeight": "{foundations.typography.weight.550}",655 "inputFontWeight": "{foundations.typography.weight.400}",656 "helperFontWeight": "{foundations.typography.weight.400}",657 "labelColor": "{foundations.colors.neutral.850}",658 "helperColor": "{foundations.colors.neutral.650}",659 "iconSize": "{foundations.typography.size.16}"660 },661 "small": {662 "height": "{foundations.spacing.8}",663 "padding": "{foundations.spacing.3} {foundations.spacing.[\"2.5\"]}",664 "labelFontSize": "{foundations.typography.size.14}",665 "inputFontSize": "{foundations.typography.size.14}",666 "helperFontSize": "{foundations.typography.size.14}",667 "labelFontWeight": "{foundations.typography.weight.550}",668 "inputFontWeight": "{foundations.typography.weight.400}",669 "helperFontWeight": "{foundations.typography.weight.400}",670 "labelColor": "{foundations.colors.neutral.850}",671 "helperColor": "{foundations.colors.neutral.650}",672 "iconSize": "{foundations.typography.size.16}"673 }674 }675 },676 "emptyState": {677 "base": {678 "fontFamily": "{foundations.typography.fontFamily.base}",679 "lineHeight": "{foundations.typography.lineHeight.130}",680 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",681 "container": {682 "background": "{foundations.other.transparent}",683 "paddingY": "{foundations.spacing.6}",684 "paddingX": "{foundations.spacing.5}",685 "gap": "{foundations.spacing.6}"686 },687 "content": {688 "gap": "{foundations.spacing.5}"689 },690 "icon": {691 "color": "{foundations.colors.neutral.650}",692 "containerPadding": "{foundations.spacing.3}"693 },694 "text": {695 "gap": "{foundations.spacing[\"1.5\"]}"696 },697 "title": {698 "color": "{foundations.colors.neutral.850}",699 "fontWeight": "{foundations.typography.weight.550}"700 },701 "description": {702 "color": "{foundations.colors.neutral.650}",703 "fontWeight": "{foundations.typography.weight.400}"704 },705 "actions": {706 "gap": "{foundations.spacing.2}"707 }708 },709 "sizes": {710 "medium": {711 "minWidth": "280px",712 "maxWidth": "400px",713 "iconSize": "{foundations.spacing.6}",714 "titleSize": "{foundations.typography.size.16}",715 "descriptionSize": "{foundations.typography.size.16}"716 },717 "small": {718 "minWidth": "280px",719 "maxWidth": "360px",720 "iconSize": "{foundations.spacing.4}",721 "titleSize": "{foundations.typography.size.14}",722 "descriptionSize": "{foundations.typography.size.14}"723 }724 }725 },726 "fileUpload": {727 "base": {728 "fontFamily": "{foundations.typography.fontFamily.base}",729 "lineHeight": "{foundations.typography.lineHeight.130}",730 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",731 "container": {732 "background": "{foundations.other.transparent}",733 "padding": "{foundations.spacing.6}"734 },735 "dropzone": {736 "radius": "{foundations.radius.xl}",737 "borderStyle": "{foundations.other.borderStyle.dashed}",738 "borderWidth": "{foundations.border.width.1}",739 "borderColor": "{semanticTokens.border.default}",740 "paddingX": "{foundations.spacing.10}",741 "paddingY": "{foundations.spacing.14}",742 "gap": "{foundations.spacing.4}"743 },744 "icon": {745 "size": "{foundations.typography.size.30}",746 "color": "{foundations.colors.neutral.650}",747 "wrapperSize": "{foundations.spacing.12}",748 "wrapperRadius": "{foundations.spacing.6}",749 "wrapperBg": "{foundations.colors.neutral.125}"750 },751 "title": {752 "color": "{foundations.colors.neutral.850}",753 "fontSize": "{foundations.typography.size.16}",754 "fontWeight": "{foundations.typography.weight.550}"755 },756 "description": {757 "color": "{foundations.colors.neutral.650}",758 "fontSize": "{foundations.typography.size.14}",759 "fontWeight": "{foundations.typography.weight.400}"760 },761 "actions": {762 "gap": "{foundations.spacing.2}"763 }764 }765 },766 "select": {767 "base": {768 "fontFamily": "{foundations.typography.fontFamily.base}",769 "lineHeight": "{foundations.typography.lineHeight.130}",770 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",771 "background": "{foundations.colors.neutral.0}",772 "boxShadow": "{foundations.shadow.xs}",773 "color": "{foundations.colors.neutral.850}",774 "border": "{foundations.border.width.1} solid {foundations.colors.neutral.150}",775 "radius": "{foundations.radius.md}",776 "hover": {777 "color": "{foundations.colors.neutral.850}",778 "background": "{foundations.colors.neutral.0}",779 "border": "{foundations.border.width.1} solid {foundations.colors.neutral.350}"780 },781 "focus": {782 "border": "{foundations.border.width.1} solid {foundations.colors.brand.500}",783 "boxShadow": "{foundations.shadow.focusSm} {foundations.colors.brand.100}",784 "color": "{foundations.colors.neutral.850}"785 },786 "filled": {787 "color": "{foundations.colors.neutral.850}",788 "background": "{foundations.colors.neutral.950}",789 "boxShadow": "{foundations.shadow.xs}"790 },791 "disabled": {792 "background": "{foundations.colors.neutral.150}",793 "color": "{foundations.colors.neutral.550}",794 "border": "{foundations.border.width.1} solid {foundations.colors.neutral.350}",795 "boxShadow": "{foundations.shadow.xs}"796 },797 "error": {798 "background": "{foundations.colors.neutral.0}",799 "border": "{foundations.border.width.1} solid {foundations.colors.feedback.error.600}",800 "color": "{foundations.colors.feedback.error.600}",801 "boxShadow": "{foundations.shadow.xs}",802 "filled": {803 "border": "{foundations.border.width.1} solid {foundations.colors.feedback.error.600}",804 "color": "{foundations.colors.neutral.850}",805 "boxShadow": "{foundations.shadow.xs}"806 },807 "focus": {808 "border": "{foundations.border.width.1} solid {foundations.colors.feedback.error.600}",809 "boxShadow": "{foundations.shadow.focusSm} {foundations.colors.feedback.error.800}",810 "color": "{foundations.colors.neutral.850}"811 },812 "hover": {813 "border": "{foundations.border.width.1} solid {foundations.colors.feedback.error.700}",814 "boxShadow": "{foundations.shadow.focusSm} {foundations.colors.feedback.error.800}",815 "color": "{foundations.colors.neutral.850}"816 }817 }818 },819 "sizes": {820 "medium": {821 "height": "{foundations.spacing.11}",822 "padding": "{foundations.spacing.3}",823 "labelFontSize": "{foundations.typography.size.14}",824 "inputFontSize": "{foundations.typography.size.16}",825 "helperFontSize": "{foundations.typography.size.14}",826 "labelFontWeight": "{foundations.typography.weight.550}",827 "inputFontWeight": "{foundations.typography.weight.400}",828 "helperFontWeight": "{foundations.typography.weight.400}",829 "labelColor": "{foundations.colors.neutral.850}",830 "helperColor": "{foundations.colors.neutral.650}",831 "iconSize": "{foundations.typography.size.16}"832 },833 "small": {834 "height": "{foundations.spacing.8}",835 "padding": "{foundations.spacing.3} {foundations.spacing.[\"2.5\"]}",836 "labelFontSize": "{foundations.typography.size.14}",837 "inputFontSize": "{foundations.typography.size.14}",838 "helperFontSize": "{foundations.typography.size.14}",839 "labelFontWeight": "{foundations.typography.weight.550}",840 "inputFontWeight": "{foundations.typography.weight.400}",841 "helperFontWeight": "{foundations.typography.weight.400}",842 "labelColor": "{foundations.colors.neutral.850}",843 "helperColor": "{foundations.colors.neutral.650}",844 "iconSize": "{foundations.typography.size.16}"845 }846 }847 },848 "tooltip": {849 "background": "{foundations.colors.neutral.850}",850 "color": "{foundations.colors.neutral.0}",851 "radius": "{foundations.radius.sm}",852 "maxWidth": "300px",853 "minHeight": "30px",854 "gap": "{foundations.spacing.1}",855 "paddingX": "{foundations.spacing.3}",856 "paddingY": "{foundations.spacing[\"1.5\"]}",857 "fontSize": "{foundations.typography.size.14}",858 "fontWeight": "{foundations.typography.weight.400}",859 "lineHeight": "18px",860 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",861 "fontFamily": "{foundations.typography.fontFamily.base}",862 "textAlign": "left",863 "caretColor": "{foundations.colors.neutral.850}",864 "caretSize": "{foundations.spacing[\"1.5\"]}",865 "zIndex": "{foundations.zIndex.tooltip}"866 },867 "accordion": {868 "base": {869 "fontFamily": "{foundations.typography.fontFamily.base}",870 "lineHeight": "{foundations.typography.lineHeight.130}",871 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",872 "radius": "{foundations.radius.sm}",873 "borderWidth": "{foundations.border.width.1}",874 "borderColor": "{foundations.colors.neutral.150}",875 "background": "{foundations.colors.neutral.0}",876 "transition": "{foundations.motion.duration.fast}",877 "text": {878 "title": "{foundations.colors.neutral.850}",879 "content": "{foundations.colors.neutral.750}",880 "icon": "{foundations.colors.neutral.650}"881 },882 "states": {883 "default": {884 "background": "{foundations.colors.neutral.0}",885 "borderColor": "{foundations.other.transparent}",886 "text": "{foundations.colors.neutral.850}"887 },888 "hover": {889 "text": "{foundations.colors.brand.500}",890 "icon": "{foundations.colors.brand.500}"891 },892 "focus": {893 "borderColor": "{foundations.colors.brand.500}",894 "ring": "{foundations.shadow.focus} {foundations.colors.brand.500}"895 }896 }897 },898 "sizes": {899 "small": {900 "trigger": {901 "paddingY": "{foundations.spacing.3}",902 "fontSize": "{foundations.typography.size.14}"903 },904 "content": {905 "fontSize": "{foundations.typography.size.14}",906 "paddingTop": "{foundations.spacing.2}",907 "paddingBottom": "{foundations.spacing.3}"908 },909 "icon": {910 "size": "{foundations.typography.size.14}"911 }912 },913 "medium": {914 "trigger": {915 "paddingY": "{foundations.spacing.4}",916 "fontSize": "{foundations.typography.size.16}"917 },918 "content": {919 "fontSize": "{foundations.typography.size.16}",920 "paddingTop": "{foundations.spacing.3}",921 "paddingBottom": "{foundations.spacing.4}"922 },923 "icon": {924 "size": "{foundations.typography.size.16}"925 }926 }927 }928 },929 "checkbox": {930 "base": {931 "fontWeight": "{foundations.typography.weight.400}",932 "gap": "{foundations.spacing.3}",933 "textGap": "{foundations.spacing.1}",934 "fontFamily": "{foundations.typography.fontFamily.base}",935 "lineHeight": "{foundations.typography.lineHeight.130}",936 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",937 "track": {938 "radius": "{foundations.radius.sm}",939 "background": "{semanticTokens.surface.muted}",940 "border": "{semanticTokens.border.default}",941 "focusBorder": "{semanticTokens.border.focus}"942 },943 "checked": {944 "background": "{foundations.colors.brand.500}",945 "backgroundHover": "{foundations.colors.brand.700}"946 },947 "disabled": {948 "background": "{foundations.colors.neutral.150}",949 "border": "{foundations.colors.neutral.150}",950 "text": "{foundations.colors.neutral.450}"951 },952 "thumb": {953 "color": "{semanticTokens.surface.default}"954 },955 "motion": {956 "duration": "{foundations.motion.duration.fast}"957 }958 },959 "sizes": {960 "regular": {961 "control": "{foundations.spacing.6}",962 "labelFontSize": "{foundations.typography.size.16}",963 "descriptionFontSize": "{foundations.typography.size.14}",964 "labelFontWeight": "{foundations.typography.weight.400}",965 "descriptionFontWeight": "{foundations.typography.weight.400}",966 "labelColor": "{foundations.colors.neutral.850}",967 "descriptionColor": "{foundations.colors.neutral.650}",968 "icon": "{foundations.typography.size.16}"969 },970 "small": {971 "control": "{foundations.spacing.5}",972 "labelFontSize": "{foundations.typography.size.14}",973 "descriptionFontSize": "{foundations.typography.size.12}",974 "labelFontWeight": "{foundations.typography.weight.400}",975 "descriptionFontWeight": "{foundations.typography.weight.400}",976 "labelColor": "{foundations.colors.neutral.850}",977 "descriptionColor": "{foundations.colors.neutral.650}",978 "icon": "{foundations.typography.size.14}"979 }980 }981 },982 "badge": {983 "base": {984 "fontWeight": "{foundations.typography.weight.550}",985 "fontFamily": "{foundations.typography.fontFamily.base}",986 "lineHeight": "{foundations.typography.lineHeight.130}",987 "letterSpacing": "{foundations.typography.letterSpacing.tighter}"988 },989 "sizes": {990 "small": {991 "height": "20px",992 "fontSize": "{foundations.typography.size.12}",993 "padding": "{foundations.spacing.[\"0.5\"]} {foundations.spacing.2}"994 },995 "medium": {996 "height": "24px",997 "fontSize": "{foundations.typography.size.14}",998 "padding": "3px {foundations.spacing.[\"2.5\"]}"999 },1000 "large": {1001 "height": "28px",1002 "fontSize": "{foundations.typography.size.16}",1003 "padding": "3.5px {foundations.spacing.3}"1004 }1005 },1006 "shapes": {1007 "rounded": {1008 "radius": "{foundations.radius.full}"1009 },1010 "square": {1011 "radius": "{foundations.radius.md}"1012 }1013 },1014 "tones": {1015 "success": {1016 "background": "{foundations.colors.feedback.success.50}",1017 "color": "{foundations.colors.feedback.success.700}"1018 },1019 "warning": {1020 "background": "{foundations.colors.feedback.warning.50}",1021 "color": "{foundations.colors.feedback.warning.700}"1022 },1023 "error": {1024 "background": "{foundations.colors.feedback.error.50}",1025 "color": "{foundations.colors.feedback.error.700}"1026 },1027 "info": {1028 "background": "{foundations.colors.feedback.info.50}",1029 "color": "{foundations.colors.feedback.info.700}"1030 },1031 "neutral": {1032 "background": "{foundations.colors.neutral.950}",1033 "color": "{foundations.colors.neutral.750}",1034 "border": "{foundations.colors.neutral.150}"1035 },1036 "brand": {1037 "background": "{foundations.colors.brand.50}",1038 "color": "{foundations.colors.brand.500}"1039 }1040 }1041 },1042 "banner": {1043 "base": {1044 "radius": "{foundations.radius.lg}",1045 "paddingX": "{foundations.spacing.4}",1046 "paddingY": "{foundations.spacing.4}"1047 },1048 "sizes": {1049 "full": {1050 "maxWidth": "{foundations.maxWidth.full}"1051 },1052 "compact": {1053 "maxWidth": "{foundations.maxWidth.compact}"1054 }1055 },1056 "tones": {1057 "success": {1058 "background": "{foundations.colors.feedback.success.50}",1059 "border": "{foundations.colors.feedback.success.700}",1060 "text": "{semanticTokens.text.primary}",1061 "iconBg": "{semanticTokens.feedback.success.iconBg}",1062 "iconColor": "{foundations.colors.feedback.success.700}",1063 "action": "{semanticTokens.feedback.success.action}"1064 },1065 "warning": {1066 "background": "{foundations.colors.feedback.warning.50}",1067 "border": "{foundations.colors.feedback.warning.700}",1068 "text": "{semanticTokens.text.primary}",1069 "iconBg": "{semanticTokens.surface.muted}",1070 "iconColor": "{foundations.colors.feedback.warning.700}",1071 "action": "{semanticTokens.text.primary}"1072 },1073 "error": {1074 "background": "{foundations.colors.feedback.error.50}",1075 "border": "{foundations.colors.feedback.error.700}",1076 "text": "{semanticTokens.text.primary}",1077 "iconBg": "{semanticTokens.surface.muted}",1078 "iconColor": "{foundations.colors.feedback.error.700}",1079 "action": "{semanticTokens.text.primary}"1080 },1081 "info": {1082 "background": "{foundations.colors.feedback.info.50}",1083 "border": "{foundations.colors.feedback.info.700}",1084 "text": "{semanticTokens.text.primary}",1085 "iconBg": "{semanticTokens.surface.muted}",1086 "iconColor": "{foundations.colors.feedback.info.700}",1087 "action": "{semanticTokens.text.primary}"1088 },1089 "neutral": {1090 "background": "{foundations.colors.neutral.950}",1091 "border": "{foundations.colors.neutral.150}",1092 "text": "{semanticTokens.text.primary}",1093 "iconBg": "{semanticTokens.surface.muted}",1094 "iconColor": "{foundations.colors.neutral.750}",1095 "action": "{semanticTokens.text.primary}"1096 },1097 "brand": {1098 "background": "{foundations.colors.brand.50}",1099 "color": "{foundations.colors.brand.500}",1100 "text": "{semanticTokens.text.primary}",1101 "iconBg": "{semanticTokens.surface.muted}",1102 "iconColor": "{foundations.colors.brand.500}",1103 "action": "{semanticTokens.text.primary}"1104 }1105 }1106 },1107 "promoBanner": {1108 "base": {1109 "title": {1110 "color": "{foundations.colors.neutral.0}",1111 "fontFamily": "{foundations.typography.fontFamily.base}",1112 "fontWeight": "{foundations.typography.weight.550}",1113 "fontSize": "{foundations.typography.size.16}",1114 "lineHeight": "{foundations.typography.lineHeight.130}",1115 "letterSpacing": "{foundations.typography.letterSpacing.tighter}"1116 },1117 "description": {1118 "color": "{foundations.colors.neutral.0}",1119 "fontFamily": "{foundations.typography.fontFamily.base}",1120 "fontWeight": "{foundations.typography.weight.400}",1121 "fontSize": "{foundations.typography.size.12}",1122 "lineHeight": "{foundations.typography.lineHeight.130}",1123 "letterSpacing": "{foundations.typography.letterSpacing.tighter}"1124 }1125 },1126 "primary": {1127 "background": "{semanticTokens.action.primary}",1128 "color": "{semanticTokens.text.inverse}",1129 "linkColor": "{semanticTokens.text.inverse}",1130 "linkUnderline": true,1131 "borderRadius": "{foundations.radius.xl}",1132 "padding": "{foundations.spacing.3} {foundations.spacing.4}",1133 "imageBg": "{foundations.colors.neutral.200}",1134 "imageRadius": "10px"1135 },1136 "secondary": {1137 "background": "{foundations.colors.brand.100}",1138 "color": "{semanticTokens.text.primary}",1139 "linkColor": "{foundations.colors.brand.500}",1140 "linkUnderline": false,1141 "borderRadius": "{foundations.radius.xl}",1142 "padding": "{foundations.spacing.3} {foundations.spacing.4}",1143 "imageBg": "{foundations.colors.neutral.200}",1144 "imageRadius": "10px"1145 },1146 "tertiary": {1147 "background": "{foundations.colors.feedback.warning.50}",1148 "color": "{semanticTokens.text.primary}",1149 "linkColor": "{foundations.colors.feedback.warning.500}",1150 "linkUnderline": true,1151 "borderRadius": "{foundations.radius.xl}",1152 "padding": "{foundations.spacing.3} {foundations.spacing.4}",1153 "imageBg": "{foundations.colors.feedback.warning.100}",1154 "imageRadius": "10px"1155 }1156 },1157 "alert": {1158 "base": {1159 "radius": "{foundations.radius.lg}",1160 "fontFamily": "{foundations.typography.fontFamily.base}",1161 "lineHeight": "{foundations.typography.lineHeight.130}",1162 "letterSpacing": "{foundations.typography.letterSpacing.tighter}"1163 },1164 "sizes": {1165 "inline": {1166 "maxWidth": "343px",1167 "minHeight": "56px",1168 "paddingX": "{foundations.spacing.4}",1169 "paddingY": "{foundations.spacing.3}",1170 "gap": "{foundations.spacing.3}",1171 "titleMaxLines": 2,1172 "descriptionMaxLines": 41173 },1174 "full-width": {1175 "maxWidth": "{foundations.maxWidth.full}",1176 "minHeight": "76px",1177 "paddingX": "{foundations.spacing.6}",1178 "paddingY": "{foundations.spacing.4}",1179 "gap": "{foundations.spacing.3}",1180 "titleMaxLines": 1,1181 "descriptionMaxLines": 11182 },1183 "stacked": {1184 "maxWidth": "343px",1185 "minHeight": "82px",1186 "paddingX": "{foundations.spacing.4}",1187 "paddingY": "{foundations.spacing.3}",1188 "gap": "{foundations.spacing.2}",1189 "titleMaxLines": 1,1190 "descriptionMaxLines": 41191 }1192 },1193 "title": {1194 "color": "{foundations.colors.neutral.850}",1195 "fontSize": "{foundations.typography.size.14}",1196 "fontWeight": "{foundations.typography.weight.550}",1197 "fontFamily": "{foundations.typography.fontFamily.base}"1198 },1199 "description": {1200 "color": "{foundations.colors.neutral.750}",1201 "fontSize": "{foundations.typography.size.12}",1202 "fontWeight": "{foundations.typography.weight.400}",1203 "fontFamily": "{foundations.typography.fontFamily.base}"1204 },1205 "cta": {1206 "fontSize": "{foundations.typography.size.12}",1207 "fontWeight": "{foundations.typography.weight.550}",1208 "fontFamily": "{foundations.typography.fontFamily.base}"1209 },1210 "icon": {1211 "containerSize": "{foundations.spacing.8}",1212 "containerRadius": "{foundations.radius.md}"1213 },1214 "close": {1215 "iconSize": "{foundations.typography.size.18}"1216 },1217 "tones": {1218 "success": {1219 "background": "{foundations.colors.feedback.success.50}",1220 "border": "{foundations.colors.feedback.success.700}",1221 "text": "{semanticTokens.text.primary}",1222 "iconBg": "{semanticTokens.feedback.success.iconBg}",1223 "iconColor": "{foundations.colors.feedback.success.700}",1224 "action": "{semanticTokens.feedback.success.action}"1225 },1226 "warning": {1227 "background": "{foundations.colors.feedback.warning.50}",1228 "border": "{foundations.colors.feedback.warning.700}",1229 "text": "{semanticTokens.text.primary}",1230 "iconBg": "{semanticTokens.surface.muted}",1231 "iconColor": "{foundations.colors.feedback.warning.700}",1232 "action": "{semanticTokens.text.primary}"1233 },1234 "error": {1235 "background": "{foundations.colors.feedback.error.50}",1236 "border": "{foundations.colors.feedback.error.700}",1237 "text": "{semanticTokens.text.primary}",1238 "iconBg": "{semanticTokens.surface.muted}",1239 "iconColor": "{foundations.colors.feedback.error.700}",1240 "action": "{semanticTokens.text.primary}"1241 },1242 "info": {1243 "background": "{foundations.colors.feedback.info.50}",1244 "border": "{foundations.colors.feedback.info.700}",1245 "text": "{semanticTokens.text.primary}",1246 "iconBg": "{semanticTokens.surface.muted}",1247 "iconColor": "{foundations.colors.feedback.info.700}",1248 "action": "{semanticTokens.text.primary}"1249 }1250 }1251 },1252 "avatar": {1253 "sizes": {1254 "sm": {1255 "size": "{foundations.spacing.8}",1256 "fontSize": "{foundations.typography.size.12}"1257 },1258 "md": {1259 "size": "{foundations.spacing.9}",1260 "fontSize": "{foundations.typography.size.14}"1261 },1262 "lg": {1263 "size": "{foundations.spacing.11}",1264 "fontSize": "{foundations.typography.size.14}"1265 }1266 },1267 "base": {1268 "fontFamily": "{foundations.typography.fontFamily.base}",1269 "lineHeight": "{foundations.typography.lineHeight.130}",1270 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",1271 "fallback": {1272 "background": "{foundations.colors.neutral.950}",1273 "color": "{foundations.colors.neutral.850}",1274 "fontWeight": "{foundations.typography.weight.550}",1275 "fontFamily": "{foundations.typography.fontFamily.base}",1276 "lineHeight": "{foundations.typography.lineHeight.130}",1277 "letterSpacing": "{foundations.typography.letterSpacing.tighter}"1278 }1279 },1280 "shapes": {1281 "radius": "{foundations.radius.full}"1282 }1283 },1284 "radio": {1285 "base": {1286 "fontWeight": "{foundations.typography.weight.400}",1287 "fontFamily": "{foundations.typography.fontFamily.base}",1288 "lineHeight": "{foundations.typography.lineHeight.130}",1289 "gap": "{foundations.spacing.3}",1290 "textGap": "{foundations.spacing.1}",1291 "outer": {1292 "radius": "{foundations.radius.full}",1293 "background": "{foundations.colors.neutral.0}",1294 "border": "{foundations.colors.neutral.150}",1295 "hoverBorder": "{foundations.colors.neutral.350}",1296 "focusBorder": "{semanticTokens.border.focus}"1297 },1298 "checked": {1299 "background": "{foundations.colors.brand.500}",1300 "backgroundHover": "{foundations.colors.brand.700}"1301 },1302 "disabled": {1303 "background": "{foundations.colors.neutral.150}",1304 "border": "{foundations.colors.neutral.350}",1305 "dot": "{foundations.colors.neutral.450}",1306 "text": "{foundations.colors.neutral.450}"1307 },1308 "motion": {1309 "duration": "{foundations.motion.duration.fast}"1310 }1311 },1312 "sizes": {1313 "regular": {1314 "outer": {1315 "size": "{foundations.spacing.5}"1316 },1317 "dot": {1318 "size": "{foundations.spacing.3}"1319 },1320 "labelFontSize": "{foundations.typography.size.16}",1321 "descriptionFontSize": "{foundations.typography.size.14}",1322 "labelFontWeight": "{foundations.typography.weight.400}",1323 "descriptionFontWeight": "{foundations.typography.weight.400}",1324 "labelColor": "{foundations.colors.neutral.850}",1325 "descriptionColor": "{foundations.colors.neutral.650}"1326 },1327 "small": {1328 "outer": {1329 "size": "{foundations.spacing.4}"1330 },1331 "dot": {1332 "size": "{foundations.spacing.2}"1333 },1334 "labelFontSize": "{foundations.typography.size.14}",1335 "descriptionFontSize": "{foundations.typography.size.12}",1336 "labelFontWeight": "{foundations.typography.weight.400}",1337 "descriptionFontWeight": "{foundations.typography.weight.400}",1338 "labelColor": "{foundations.colors.neutral.850}",1339 "descriptionColor": "{foundations.colors.neutral.650}"1340 }1341 }1342 },1343 "switch": {1344 "base": {1345 "fontWeight": "{foundations.typography.weight.400}",1346 "gap": "{foundations.spacing.3}",1347 "textGap": "{foundations.spacing.1}",1348 "background": "{foundations.colors.neutral.350}",1349 "fontFamily": "{foundations.typography.fontFamily.base}",1350 "lineHeight": "{foundations.typography.lineHeight.130}",1351 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",1352 "track": {1353 "offBackground": "{foundations.colors.neutral.150}",1354 "offBackgroundHover": "{foundations.colors.neutral.450}",1355 "onBackground": "{foundations.colors.brand.500}",1356 "onBackgroundHover": "{foundations.colors.brand.700}"1357 },1358 "disabled": {1359 "track": "{foundations.colors.neutral.450}",1360 "handle": "{foundations.colors.neutral.575}",1361 "background": "{foundations.colors.neutral.150}",1362 "text": "{foundations.colors.neutral.450}"1363 },1364 "motion": {1365 "duration": "{foundations.motion.duration.fast}"1366 }1367 },1368 "sizes": {1369 "regular": {1370 "track": {1371 "width": "{foundations.spacing.[\"8.5\"]}",1372 "height": "{foundations.spacing.5}"1373 },1374 "handle": {1375 "size": "{foundations.spacing.4}",1376 "translate": "{foundations.spacing.[\"1.75\"]}"1377 },1378 "labelFontSize": "{foundations.typography.size.16}",1379 "descriptionFontSize": "{foundations.typography.size.14}",1380 "labelFontWeight": "{foundations.typography.weight.400}",1381 "descriptionFontWeight": "{foundations.typography.weight.400}",1382 "labelColor": "{foundations.colors.neutral.850}",1383 "descriptionColor": "{foundations.colors.neutral.650}"1384 },1385 "small": {1386 "track": {1387 "width": "{foundations.spacing.[\"6.5\"]}",1388 "height": "{foundations.spacing.4}"1389 },1390 "handle": {1391 "size": "{foundations.spacing.3}",1392 "translate": "{foundations.spacing.[\"1.25\"]}"1393 },1394 "labelFontSize": "{foundations.typography.size.12}",1395 "descriptionFontSize": "{foundations.typography.size.12}",1396 "labelFontWeight": "{foundations.typography.weight.400}",1397 "descriptionFontWeight": "{foundations.typography.weight.400}",1398 "labelColor": "{foundations.colors.neutral.850}",1399 "descriptionColor": "{foundations.colors.neutral.650}"1400 }1401 }1402 },1403 "dropdown": {1404 "background": "{foundations.colors.neutral.0}",1405 "color": "{foundations.colors.neutral.850}",1406 "border": "{foundations.border.width.1} solid {foundations.colors.neutral.150}",1407 "radius": "{foundations.radius.md}",1408 "shadow": "{foundations.shadow.dropdown}",1409 "paddingX": "{foundations.spacing.2}",1410 "paddingY": "{foundations.spacing.1}",1411 "minWidth": "{foundations.maxWidth.dropdown}",1412 "fontSize": "{foundations.typography.size.14}",1413 "fontWeight": "{foundations.typography.weight.400}",1414 "lineHeight": "{foundations.typography.lineHeight.normal}",1415 "fontFamily": "{foundations.typography.fontFamily.base}",1416 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",1417 "animation": {1418 "duration": "{foundations.motion.duration.fast}",1419 "easing": "{foundations.motion.easing.out}"1420 },1421 "item": {1422 "height": "{foundations.spacing.9}",1423 "gap": "{foundations.spacing.1}",1424 "color": "{foundations.colors.neutral.850}",1425 "background": "{foundations.colors.neutral.0}",1426 "hoverBackground": "{foundations.colors.neutral.950}",1427 "activeBackground": "{foundations.colors.neutral.150}",1428 "disabledOpacity": "{foundations.opacity.disabled}",1429 "borderRadius": "{foundations.radius.md}",1430 "iconSize": "{foundations.typography.size.13}",1431 "iconColor": "{foundations.colors.brand.500}",1432 "fontSize": "{foundations.typography.size.14}",1433 "fontWeight": "{foundations.typography.weight.400}"1434 },1435 "section": {1436 "labelColor": "{foundations.colors.neutral.650}",1437 "separatorColor": "{foundations.colors.neutral.150}"1438 }1439 },1440 "separator": {1441 "base": {1442 "orientation": {1443 "vertical": {1444 "width": "{foundations.border.width.1}",1445 "height": "{foundations.spacing.[\"4.5\"]}"1446 },1447 "horizontal": {1448 "width": "100%",1449 "height": "{foundations.border.width.1}"1450 }1451 },1452 "color": "{foundations.colors.neutral.150}",1453 "opacity": "1"1454 }1455 },1456 "alertDialog": {1457 "base": {1458 "overlay": {1459 "background": "{foundations.other.overlayBackground}"1460 },1461 "content": {1462 "background": "{foundations.colors.neutral.0}",1463 "radius": "{foundations.radius.2xl}",1464 "borderColor": "{foundations.colors.neutral.150}",1465 "width": "clamp(360px, calc(100dvw - 32px), 512px)",1466 "maxWidth": "512px",1467 "maxHeight": "calc(100dvh - 64px)",1468 "padding": "{foundations.spacing.6}",1469 "gap": "{foundations.spacing.6}"1470 },1471 "header": {1472 "gap": "{foundations.spacing.4}"1473 },1474 "footer": {1475 "gap": "{foundations.spacing.2}"1476 },1477 "title": {1478 "color": "{foundations.colors.neutral.850}",1479 "fontSize": "{foundations.typography.size.18}",1480 "fontFamily": "{foundations.typography.fontFamily.base}",1481 "lineHeight": "{foundations.typography.lineHeight.130}",1482 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",1483 "fontWeight": "{foundations.typography.weight.550}"1484 },1485 "description": {1486 "color": "{foundations.colors.neutral.650}",1487 "fontSize": "{foundations.typography.size.16}",1488 "fontFamily": "{foundations.typography.fontFamily.base}",1489 "lineHeight": "{foundations.typography.lineHeight.130}",1490 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",1491 "fontWeight": "{foundations.typography.weight.400}"1492 },1493 "sizes": {1494 "regular": {1495 "padding": "{foundations.spacing.6}",1496 "gap": "{foundations.spacing.6}",1497 "headerGap": "{foundations.spacing.4}",1498 "footerGap": "{foundations.spacing.2}"1499 }1500 }1501 }1502 },1503 "card": {1504 "backgroundColor": "{semanticTokens.surface.default}",1505 "borderColor": "{semanticTokens.border.default}",1506 "color": "{foundations.colors.neutral.900}",1507 "borderRadius": "{foundations.radius.lg}",1508 "padding": "{foundations.spacing.4}",1509 "title": {1510 "fontSize": "{foundations.typography.size.18}",1511 "fontWeight": "{foundations.typography.weight.550}",1512 "lineHeight": "{foundations.typography.lineHeight.tight}",1513 "letterSpacing": "{foundations.typography.letterSpacing.tighter}"1514 },1515 "variants": {1516 "primary": {1517 "backgroundColor": "{foundations.colors.neutral.0}",1518 "borderColor": "{foundations.colors.neutral.200}"1519 },1520 "secondary": {1521 "backgroundColor": "{foundations.colors.neutral.50}",1522 "borderColor": "{foundations.other.transparent}"1523 },1524 "tertiary": {1525 "backgroundColor": "{foundations.colors.neutral.0}",1526 "borderColor": "{foundations.colors.brand.500}"1527 }1528 }1529 },1530 "moduleBox": {1531 "lineHeight": "{foundations.typography.lineHeight.tight}",1532 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",1533 "fontFamily": "{foundations.typography.fontFamily.base}",1534 "backgroundColor": "{semanticTokens.surface.default}",1535 "borderColor": "{semanticTokens.border.default}",1536 "borderRadius": "{foundations.radius.lg}",1537 "padding": "{foundations.spacing.6}",1538 "gap": "{foundations.spacing.6}",1539 "header": {1540 "gap": "{foundations.spacing.3}"1541 },1542 "slot": {1543 "minHeight": "{foundations.spacing.28}",1544 "background": "{foundations.colors.neutral.175}",1545 "border": "{foundations.colors.brand.500}",1546 "borderRadius": "{foundations.radius.none}",1547 "padding": "{foundations.spacing.6}",1548 "color": "{foundations.colors.neutral.750}"1549 },1550 "footer": {1551 "gap": "{foundations.spacing.3}"1552 },1553 "title": {1554 "fontWeight": "{foundations.typography.weight.550}",1555 "fontStyle": "{foundations.other.fontStyleNormal}",1556 "fontSize": "{foundations.typography.size.18}",1557 "color": "{foundations.colors.neutral.850}"1558 }1559 },1560 "charts": {1561 "backgroundColor": "{foundations.other.transparent}",1562 "borderColor": "{foundations.other.transparent}",1563 "borderRadius": "{foundations.radius.lg}",1564 "padding": "{foundations.spacing.0}",1565 "height": "{foundations.other.chartHeight}",1566 "fontFamily": "{foundations.typography.fontFamily.base}",1567 "lineHeight": "{foundations.typography.lineHeight.130}",1568 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",1569 "title": {1570 "color": "{semanticTokens.text.primary}",1571 "fontSize": "{foundations.typography.size.16}",1572 "fontWeight": "{foundations.typography.weight.550}"1573 },1574 "subtitle": {1575 "color": "{semanticTokens.text.muted}",1576 "fontSize": "{foundations.typography.size.14}",1577 "fontWeight": "{foundations.typography.weight.400}"1578 },1579 "grid": {1580 "color": "{semanticTokens.border.default}",1581 "dasharray": "{foundations.border.width.0}"1582 },1583 "axis": {1584 "lineColor": "{semanticTokens.border.default}",1585 "labelColor": "{semanticTokens.text.muted}",1586 "fontSize": "{foundations.typography.size.12}"1587 },1588 "baseline": {1589 "color": "{semanticTokens.border.default}",1590 "strokeWidth": "{foundations.border.width.1}",1591 "dasharray": "{foundations.border.width.0}"1592 },1593 "legend": {1594 "color": "{semanticTokens.text.secondary}",1595 "fontSize": "{foundations.typography.size.14}",1596 "fontWeight": "{foundations.typography.weight.500}",1597 "dotSize": "{foundations.typography.size.10}",1598 "gap": "{foundations.spacing.4}"1599 },1600 "tooltip": {1601 "background": "{semanticTokens.surface.default}",1602 "borderColor": "{semanticTokens.border.default}",1603 "radius": "{foundations.radius.md}",1604 "titleColor": "{semanticTokens.text.secondary}",1605 "valueColor": "{semanticTokens.text.primary}",1606 "titleFontSize": "{foundations.typography.size.12}",1607 "titleFontWeight": "{foundations.typography.weight.550}",1608 "valueFontSize": "{foundations.typography.size.14}",1609 "valueFontWeight": "{foundations.typography.weight.600}"1610 },1611 "bar": {1612 "radius": "{foundations.spacing.[\"2.5\"]}",1613 "gap": "{foundations.spacing.2}",1614 "categoryGap": "{foundations.other.chartCategoryGap}",1615 "maxBarSize": "{foundations.spacing.14}"1616 },1617 "line": {1618 "stroke": "{semanticTokens.action.primary}",1619 "strokeWidth": "{foundations.border.width.2}",1620 "curveType": "{foundations.other.chartCurveType}",1621 "activeDotRadius": "{foundations.spacing.1}"1622 },1623 "pie": {1624 "strokeColor": "{semanticTokens.surface.default}",1625 "strokeWidth": "{foundations.border.width.2}",1626 "paddingAngle": "{foundations.spacing.0}",1627 "innerRadius": "{foundations.spacing.0}",1628 "outerRadius": "{foundations.spacing.18}"1629 },1630 "donut": {1631 "innerRadius": "{foundations.spacing.13}",1632 "outerRadius": "{foundations.spacing.18}",1633 "centerValueColor": "{semanticTokens.text.secondary}",1634 "centerValueSize": "{foundations.typography.size.24}",1635 "centerValueWeight": "{foundations.typography.weight.600}",1636 "centerLabelColor": "{semanticTokens.text.muted}",1637 "centerLabelSize": "{foundations.typography.size.12}",1638 "centerLabelWeight": "{foundations.typography.weight.500}"1639 },1640 "emptyState": {1641 "color": "{semanticTokens.text.muted}",1642 "fontSize": "{foundations.typography.size.14}",1643 "fontWeight": "{foundations.typography.weight.400}",1644 "lineHeight": "{foundations.typography.lineHeight.130}",1645 "letterSpacing": "{foundations.typography.letterSpacing.tighter}"1646 }1647 },1648 "integrationCard": {1649 "backgroundColor": "{foundations.colors.neutral.950}",1650 "borderColor": "{foundations.colors.neutral.200}",1651 "borderRadius": "{foundations.radius.xl}",1652 "title": {1653 "color": "{foundations.colors.neutral.900}",1654 "fontSize": "{foundations.typography.size.16}",1655 "fontWeight": "{foundations.typography.weight.550}"1656 },1657 "description": {1658 "color": "{foundations.colors.neutral.500}",1659 "fontSize": "{foundations.typography.size.14}"1660 },1661 "link": {1662 "color": "{foundations.colors.brand.500}",1663 "fontSize": "{foundations.typography.size.14}",1664 "fontWeight": "{foundations.typography.weight.550}"1665 },1666 "variants": {1667 "default": {1668 "borderColor": "{foundations.colors.neutral.200}"1669 },1670 "subtle": {1671 "borderColor": "{foundations.colors.neutral.225}"1672 },1673 "none": {1674 "borderColor": "{foundations.other.transparent}"1675 }1676 }1677 },1678 "dragslider": {1679 "gap": "{foundations.spacing.4}",1680 "cursorGrab": "{foundations.other.cursor.grab}",1681 "cursorGrabbing": "{foundations.other.cursor.grabbing}",1682 "scrollBehavior": "{foundations.other.scrollBehavior}"1683 },1684 "calendar": {1685 "base": {1686 "background": "{semanticTokens.surface.default}",1687 "radius": "{foundations.radius.md}",1688 "text": "{semanticTokens.text.primary}",1689 "fontFamily": "{foundations.typography.fontFamily.base}",1690 "lineHeight": "{foundations.typography.lineHeight.130}",1691 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",1692 "muted": "{semanticTokens.text.muted}",1693 "border": "{semanticTokens.border.default}",1694 "item": {1695 "size": "{foundations.spacing.8}",1696 "radius": "{foundations.radius.sm}",1697 "default": {1698 "color": "{semanticTokens.text.primary}",1699 "background": "{foundations.other.transparent}"1700 },1701 "hover": {1702 "background": "{foundations.colors.neutral.150}",1703 "color": "{semanticTokens.text.primary}"1704 },1705 "current": {1706 "background": "{foundations.colors.neutral.150}",1707 "color": "{semanticTokens.text.primary}"1708 },1709 "active": {1710 "background": "{foundations.colors.brand.500}",1711 "color": "{semanticTokens.text.inverse}"1712 }1713 }1714 }1715 },1716 "popover": {1717 "background": "{foundations.colors.neutral.0}",1718 "color": "{foundations.colors.neutral.850}",1719 "border": "{foundations.colors.neutral.150}",1720 "radius": "{foundations.radius.lg}",1721 "shadow": "{foundations.shadow.dropdown}",1722 "padding": "{foundations.spacing.3}",1723 "fontSize": "{foundations.typography.size.16}",1724 "fontWeight": "{foundations.typography.weight.400}",1725 "lineHeight": "{foundations.typography.lineHeight.normal}",1726 "fontFamily": "{foundations.typography.fontFamily.base}",1727 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",1728 "header": {1729 "fontSize": "{foundations.typography.size.16}",1730 "fontWeight": "{foundations.typography.weight.400}",1731 "color": "{foundations.colors.neutral.850}"1732 },1733 "description": {1734 "fontSize": "{foundations.typography.size.14}",1735 "fontWeight": "{foundations.typography.weight.400}",1736 "color": "{foundations.colors.neutral.650}"1737 },1738 "divider": {1739 "color": "{foundations.colors.neutral.150}"1740 },1741 "motion": {1742 "duration": "{foundations.motion.duration.normal}",1743 "easing": "{foundations.motion.easing.out}"1744 },1745 "zIndex": "{foundations.zIndex.dropdown}"1746 },1747 "pagination": {1748 "base": {1749 "radius": "{foundations.radius.md}",1750 "gap": "{foundations.spacing.2}",1751 "fontFamily": "{foundations.typography.fontFamily.base}",1752 "lineHeight": "{foundations.typography.lineHeight.130}",1753 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",1754 "pageNumber": {1755 "fontSize": "{foundations.typography.size.14}",1756 "fontWeight": "{foundations.typography.weight.500}",1757 "color": "{semanticTokens.text.primary}"1758 },1759 "icon": {1760 "size": "{foundations.typography.size.16}",1761 "color": "{foundations.colors.neutral.500}"1762 },1763 "item": {1764 "default": {1765 "background": "{semanticTokens.surface.default}",1766 "border": "{semanticTokens.border.default}",1767 "color": "{semanticTokens.text.primary}"1768 },1769 "hover": {1770 "background": "{foundations.colors.brand.100}",1771 "border": "{semanticTokens.border.default}"1772 },1773 "active": {1774 "background": "{foundations.colors.brand.200}",1775 "text": "{semanticTokens.action.primary}",1776 "border": "{foundations.other.transparent}"1777 },1778 "focus": {1779 "border": "{semanticTokens.border.focus}"1780 },1781 "disabled": {1782 "background": "{foundations.colors.neutral.0}",1783 "text": "{foundations.colors.neutral.400}",1784 "opacity": "{foundations.opacity.overlay}"1785 }1786 }1787 }1788 },1789 "tabs": {1790 "base": {1791 "fontFamily": "{foundations.typography.fontFamily.base}",1792 "lineHeight": "{foundations.typography.lineHeight.130}",1793 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",1794 "tabsList": {1795 "background": "{foundations.colors.neutral.150}",1796 "color": "{foundations.colors.neutral.750}",1797 "radius": "{foundations.radius.sm}"1798 },1799 "tabsTrigger": {1800 "color": "{foundations.colors.neutral.750}",1801 "hover": {1802 "background": "{foundations.colors.neutral.950}",1803 "color": "{foundations.colors.neutral.850}"1804 },1805 "active": {1806 "background": "{foundations.colors.neutral.0}",1807 "color": "{foundations.colors.neutral.850}"1808 },1809 "disabled": {1810 "background": "{foundations.colors.neutral.0}",1811 "color": "{foundations.colors.neutral.550}",1812 "opacity": "{foundations.opacity.overlay}"1813 }1814 },1815 "tabsFocusRing": {1816 "innerColor": "{foundations.colors.neutral.0}",1817 "outerColor": "{foundations.colors.brand.500}",1818 "innerSize": "{foundations.border.width.2}",1819 "outerSize": "{foundations.border.width.4}"1820 }1821 },1822 "sizes": {1823 "medium": {1824 "fontSize": "{foundations.typography.size.14}",1825 "fontWeight": "{foundations.typography.weight.500}"1826 },1827 "small": {1828 "fontSize": "{foundations.typography.size.12}",1829 "fontWeight": "{foundations.typography.weight.500}"1830 }1831 }1832 },1833 "table": {1834 "base": {1835 "background": "{semanticTokens.surface.default}",1836 "border": "{semanticTokens.border.default}",1837 "radius": "{foundations.radius.md}",1838 "shadow": "{foundations.shadow.md}",1839 "headerBackground": "{foundations.colors.neutral.950}",1840 "headerTextColor": "{foundations.colors.neutral.650}",1841 "headerFontSize": "{foundations.typography.size.12}",1842 "headerFontWeight": "{foundations.typography.weight.600}",1843 "rowHoverBackground": "{semanticTokens.surface.hover}",1844 "rowSelectedBackground": "{foundations.colors.brand.200}",1845 "cellTextColor": "{semanticTokens.text.primary}",1846 "cellFontSize": "{foundations.typography.size.14}",1847 "descriptionColor": "{foundations.colors.neutral.650}",1848 "descriptionFontSize": "{foundations.typography.size.12}",1849 "descriptionFontWeight": "{foundations.typography.weight.400}",1850 "fontFamily": "{foundations.typography.fontFamily.base}",1851 "lineHeight": "{foundations.typography.lineHeight.130}",1852 "letterSpacing": "{foundations.typography.letterSpacing.tighter}"1853 }1854 },1855 "breadcrumb": {1856 "base": {1857 "gap": "{foundations.spacing.2}",1858 "maxLabelLength": "24",1859 "fontFamily": "{foundations.typography.fontFamily.base}",1860 "lineHeight": "{foundations.typography.lineHeight.130}",1861 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",1862 "link": {1863 "default": {1864 "color": "{foundations.colors.brand.500}",1865 "fontWeight": "{foundations.typography.weight.600}"1866 },1867 "hover": {1868 "color": "{foundations.colors.brand.700}",1869 "textDecoration": "underline"1870 }1871 },1872 "page": {1873 "color": "{foundations.colors.neutral.650}",1874 "fontWeight": "{foundations.typography.weight.550}"1875 },1876 "separator": {1877 "color": "{foundations.colors.neutral.400}",1878 "size": "{foundations.typography.size.14}"1879 }1880 },1881 "sizes": {1882 "medium": {1883 "fontSize": "{foundations.typography.size.14}",1884 "gap": "{foundations.spacing.2}",1885 "itemMinHeight": "{foundations.typography.size.20}"1886 },1887 "small": {1888 "fontSize": "{foundations.typography.size.12}",1889 "gap": "{foundations.spacing.2}",1890 "itemMinHeight": "{foundations.typography.size.18}"1891 }1892 }1893 },1894 "loader": {1895 "base": {1896 "fontFamily": "{foundations.typography.fontFamily.base}",1897 "lineHeight": "{foundations.typography.lineHeight.130}",1898 "letterSpacing": "{foundations.typography.letterSpacing.tighter}"1899 },1900 "sizes": {1901 "small": {1902 "spinnerSize": "{foundations.typography.size.16}",1903 "minWidth": "200px",1904 "maxWidth": "360px",1905 "minHeight": "200px",1906 "paddingX": "{foundations.spacing.4}",1907 "paddingY": "{foundations.spacing.4}",1908 "contentGap": "{foundations.spacing.4}",1909 "textGap": "{foundations.spacing.1}",1910 "labelFontWeight": "{foundations.typography.weight.550}",1911 "descriptionFontWeight": "{foundations.typography.weight.400}",1912 "labelFontSize": "{foundations.typography.size.16}",1913 "descriptionFontSize": "{foundations.typography.size.12}",1914 "labelColor": "{foundations.colors.neutral.850}",1915 "descriptionColor": "{foundations.colors.neutral.650}"1916 },1917 "medium": {1918 "spinnerSize": "{foundations.typography.size.20}",1919 "minWidth": "280px",1920 "maxWidth": "400px",1921 "minHeight": "280px",1922 "paddingX": "{foundations.spacing.5}",1923 "paddingY": "{foundations.spacing.5}",1924 "contentGap": "{foundations.spacing.5}",1925 "textGap": "{foundations.spacing[\"1.5\"]}",1926 "labelFontWeight": "{foundations.typography.weight.550}",1927 "descriptionFontWeight": "{foundations.typography.weight.400}",1928 "labelFontSize": "{foundations.typography.size.18}",1929 "descriptionFontSize": "{foundations.typography.size.14}",1930 "labelColor": "{foundations.colors.neutral.850}",1931 "descriptionColor": "{foundations.colors.neutral.650}"1932 },1933 "large": {1934 "spinnerSize": "{foundations.typography.size.24}",1935 "minWidth": "280px",1936 "maxWidth": "400px",1937 "minHeight": "280px",1938 "paddingX": "{foundations.spacing.6}",1939 "paddingY": "{foundations.spacing.6}",1940 "contentGap": "{foundations.spacing.5}",1941 "textGap": "{foundations.spacing[\"1.5\"]}",1942 "labelFontWeight": "{foundations.typography.weight.550}",1943 "descriptionFontWeight": "{foundations.typography.weight.400}",1944 "labelFontSize": "{foundations.typography.size.18}",1945 "descriptionFontSize": "{foundations.typography.size.14}",1946 "labelColor": "{foundations.colors.neutral.850}",1947 "descriptionColor": "{foundations.colors.neutral.650}"1948 },1949 "extraLarge": {1950 "spinnerSize": "{foundations.typography.size.32}",1951 "minWidth": "280px",1952 "maxWidth": "400px",1953 "minHeight": "280px",1954 "paddingX": "{foundations.spacing.8}",1955 "paddingY": "{foundations.spacing.8}",1956 "contentGap": "{foundations.spacing.5}",1957 "textGap": "{foundations.spacing[\"1.5\"]}",1958 "labelFontWeight": "{foundations.typography.weight.550}",1959 "descriptionFontWeight": "{foundations.typography.weight.400}",1960 "labelFontSize": "{foundations.typography.size.18}",1961 "descriptionFontSize": "{foundations.typography.size.14}",1962 "labelColor": "{foundations.colors.neutral.850}",1963 "descriptionColor": "{foundations.colors.neutral.650}"1964 }1965 },1966 "variants": {1967 "default": {1968 "color": "{foundations.colors.brand.500}"1969 },1970 "primary": {1971 "color": "{foundations.colors.brand.500}"1972 }1973 }1974 },1975 "progress": {1976 "base": {1977 "labelColor": "{semanticTokens.text.primary}",1978 "labelFontSize": "{foundations.typography.size.14}",1979 "labelFontWeight": "{foundations.typography.weight.550}",1980 "descriptionColor": "{semanticTokens.text.muted}",1981 "descriptionFontSize": "{foundations.typography.size.12}",1982 "descriptionFontWeight": "{foundations.typography.weight.400}",1983 "gap": "{foundations.spacing.[\"1.5\"]}",1984 "fontFamily": "{foundations.typography.fontFamily.base}",1985 "lineHeight": "{foundations.typography.lineHeight.130}",1986 "letterSpacing": "{foundations.typography.letterSpacing.tighter}"1987 },1988 "track": {1989 "height": "{foundations.spacing.[\"1.5\"]}",1990 "radius": "{foundations.radius.full}",1991 "background": "{semanticTokens.surface.muted}"1992 },1993 "indicator": {1994 "background": "{semanticTokens.action.primary}"1995 },1996 "motion": {1997 "duration": "{foundations.motion.duration.normal}",1998 "easing": "{foundations.motion.easing.standard}"1999 }2000 },2001 "sidebar": {2002 "base": {2003 "container": {2004 "background": "{semanticTokens.surface.default}",2005 "border": "{semanticTokens.border.default}",2006 "width": "{foundations.maxWidth.sidebar}",2007 "collapsedWidth": "{foundations.spacing.16}",2008 "padding": "{foundations.spacing.2}"2009 },2010 "header": {2011 "minHeight": "{foundations.spacing.14}",2012 "titleColor": "{semanticTokens.text.muted}",2013 "titleFontSize": "{foundations.typography.size.14}",2014 "titleFontWeight": "{foundations.typography.weight.500}",2015 "titleFontFamily": "{foundations.typography.fontFamily.base}",2016 "titleLineHeight": "{foundations.typography.lineHeight.130}",2017 "titleLetterSpacing": "{foundations.typography.letterSpacing.tighter}"2018 },2019 "item": {2020 "radius": "{foundations.radius.md}",2021 "height": "{foundations.spacing.9}",2022 "paddingX": "{foundations.spacing.2}",2023 "gap": "{foundations.spacing.3}",2024 "fontSize": "{foundations.typography.size.14}",2025 "fontWeight": "{foundations.typography.weight.500}",2026 "fontFamily": "{foundations.typography.fontFamily.base}",2027 "lineHeight": "{foundations.typography.lineHeight.130}",2028 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",2029 "color": "{semanticTokens.text.muted}",2030 "hover": {2031 "background": "{semanticTokens.surface.hover}",2032 "color": "{semanticTokens.text.primary}"2033 },2034 "active": {2035 "background": "{foundations.colors.brand.200}",2036 "color": "{semanticTokens.action.primary}"2037 }2038 },2039 "section": {2040 "titleColor": "{foundations.colors.neutral.400}",2041 "titleFontSize": "{foundations.typography.size.10}",2042 "titleFontFamily": "{foundations.typography.fontFamily.base}",2043 "titleLineHeight": "{foundations.typography.lineHeight.130}",2044 "titleLetterSpacing": "{foundations.typography.letterSpacing.tighter}",2045 "gap": "{foundations.spacing.4}"2046 },2047 "toggle": {2048 "color": "{foundations.colors.neutral.400}",2049 "hoverColor": "{foundations.colors.neutral.500}"2050 },2051 "motion": {2052 "duration": "{foundations.motion.duration.normal}"2053 }2054 }2055 },2056 "tour": {2057 "backgroundColor": "{semanticTokens.surface.default}",2058 "borderColor": "{semanticTokens.border.default}",2059 "borderRadius": "{foundations.radius.lg}",2060 "padding": "{foundations.spacing.4}",2061 "gap": "{foundations.spacing.3}",2062 "shadow": "{foundations.shadow.md}",2063 "step": {2064 "fontFamily": "{foundations.typography.fontFamily.base}",2065 "fontWeight": "{foundations.typography.weight.550}",2066 "fontStyle": "{foundations.other.fontStyleNormal}",2067 "fontSize": "{foundations.typography.size.14}",2068 "lineHeight": "{foundations.typography.lineHeight.130}",2069 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",2070 "color": "{foundations.colors.neutral.650}"2071 },2072 "title": {2073 "fontFamily": "{foundations.typography.fontFamily.base}",2074 "fontWeight": "{foundations.typography.weight.550}",2075 "fontStyle": "{foundations.other.fontStyleNormal}",2076 "fontSize": "{foundations.typography.size.16}",2077 "lineHeight": "{foundations.typography.lineHeight.130}",2078 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",2079 "color": "{foundations.colors.neutral.850}"2080 },2081 "description": {2082 "fontFamily": "{foundations.typography.fontFamily.base}",2083 "fontWeight": "{foundations.typography.weight.400}",2084 "fontStyle": "{foundations.other.fontStyleNormal}",2085 "fontSize": "{foundations.typography.size.14}",2086 "lineHeight": "{foundations.typography.lineHeight.130}",2087 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",2088 "color": "{foundations.colors.neutral.650}"2089 },2090 "actions": {2091 "gap": "{foundations.spacing.2}"2092 },2093 "arrow": {2094 "size": "{foundations.typography.size.12}",2095 "background": "{semanticTokens.surface.default}",2096 "borderColor": "{semanticTokens.border.default}"2097 }2098 },2099 "header": {2100 "container": {2101 "gapDesktop": "{foundations.spacing.3}",2102 "gapMobile": "{foundations.spacing.2}",2103 "minHeightDesktop": "{foundations.spacing.12}",2104 "minHeightMobile": "59px"2105 },2106 "title": {2107 "color": "{foundations.colors.neutral.850}",2108 "fontSizeDesktop": "{foundations.typography.size.24}",2109 "fontSizeMobile": "{foundations.typography.size.18}",2110 "fontWeight": "{foundations.typography.weight.550}",2111 "fontFamily": "{foundations.typography.fontFamily.base}",2112 "lineHeight": "{foundations.typography.lineHeight.130}",2113 "letterSpacing": "{foundations.typography.letterSpacing.tighter}"2114 },2115 "description": {2116 "color": "{foundations.colors.neutral.650}",2117 "fontSizeDesktop": "{foundations.typography.size.16}",2118 "fontSizeMobile": "{foundations.typography.size.14}",2119 "fontWeight": "{foundations.typography.weight.400}",2120 "fontFamily": "{foundations.typography.fontFamily.base}",2121 "lineHeight": "{foundations.typography.lineHeight.130}",2122 "letterSpacing": "{foundations.typography.letterSpacing.tighter}"2123 }2124 },2125 "navbar": {2126 "container": {2127 "height": "{foundations.spacing.16}",2128 "background": "{foundations.colors.neutral.0}",2129 "border": "{foundations.colors.neutral.150}",2130 "radius": "{foundations.radius.md}",2131 "iconColor": "{foundations.colors.neutral.550}"2132 },2133 "expanded": {2134 "background": "{foundations.colors.neutral.0}"2135 },2136 "content": {2137 "maxWidth": "{foundations.maxWidth.container}",2138 "paddingX": "{foundations.spacing.5}",2139 "gap": "{foundations.spacing.4}"2140 },2141 "start": {2142 "gap": "{foundations.spacing.4}"2143 },2144 "end": {2145 "gap": "{foundations.spacing.2}"2146 },2147 "logo": {2148 "gap": "{foundations.spacing.2}"2149 },2150 "merchant": {2151 "color": "{foundations.colors.neutral.850}",2152 "fontSize": "{foundations.typography.size.14}",2153 "fontWeight": "{foundations.typography.weight.550}",2154 "fontFamily": "{foundations.typography.fontFamily.base}",2155 "lineHeight": "{foundations.typography.lineHeight.130}",2156 "letterSpacing": "{foundations.typography.letterSpacing.tighter}",2157 "gap": "{foundations.spacing.5}",2158 "triggerGap": "{foundations.spacing.1}",2159 "paddingX": "{foundations.spacing.4}",2160 "paddingY": "{foundations.spacing[\"2.5\"]}"2161 },2162 "action": {2163 "gap": "{foundations.spacing.3}"2164 },2165 "user": {2166 "nameColor": "{foundations.colors.neutral.850}",2167 "roleColor": "{foundations.colors.neutral.650}",2168 "roleFontSize": "{foundations.typography.size.12}",2169 "nameFontSize": "{foundations.typography.size.12}",2170 "nameFontWeight": "{foundations.typography.weight.550}",2171 "roleFontWeight": "{foundations.typography.weight.400}",2172 "nameFontFamily": "{foundations.typography.fontFamily.base}",2173 "roleFontFamily": "{foundations.typography.fontFamily.base}",2174 "nameLineHeight": "{foundations.typography.lineHeight.130}",2175 "roleLineHeight": "{foundations.typography.lineHeight.130}",2176 "nameLetterSpacing": "{foundations.typography.letterSpacing.tighter}",2177 "roleLetterSpacing": "{foundations.typography.letterSpacing.tighter}",2178 "gap": "{foundations.spacing.2}",2179 "paddingX": "{foundations.spacing[\"2.5\"]}",2180 "paddingY": "{foundations.spacing[\"2.5\"]}",2181 "triggerHover": "{foundations.colors.neutral.950}",2182 "focusColor": "{foundations.colors.brand.500}"2183 },2184 "motion": {2185 "duration": "{foundations.motion.duration.fast}"2186 }2187 },2188 "drawer": {2189 "base": {2190 "overlay": {2191 "background": "{foundations.other.overlayBackground}",2192 "opacity": "{foundations.opacity.disabled}",2193 "backdropBlur": "{foundations.other.backdropBlur}"2194 },2195 "content": {2196 "background": "{foundations.colors.neutral.0}",2197 "radius": "{foundations.radius.xs}",2198 "borderColor": "{foundations.colors.neutral.150}",2199 "color": "{semanticTokens.text.primary}",2200 "borderWidth": "{foundations.border.width.1}",2201 "shadow": "{foundations.shadow.drawer}",2202 "padding": "{foundations.spacing.6}",2203 "maxHeight": "{foundations.other.maxHeight}"2204 },2205 "header": {2206 "gap": "{foundations.spacing.2}"2207 },2208 "footer": {2209 "paddingTop": "{foundations.spacing.4}",2210 "gap": "{foundations.spacing.2}",2211 "align": "end"2212 },2213 "title": {2214 "color": "{foundations.colors.neutral.850}",2215 "fontSize": "{foundations.typography.size.24}",2216 "fontFamily": "{foundations.typography.fontFamily.base}",2217 "lineHeight": "{foundations.typography.lineHeight.130}",2218 "letterSpacing": "{foundations.typography.letterSpacing.tighter}"2219 },2220 "description": {2221 "color": "{foundations.colors.neutral.650}",2222 "fontSize": "{foundations.typography.size.16}",2223 "fontFamily": "{foundations.typography.fontFamily.base}",2224 "lineHeight": "{foundations.typography.lineHeight.130}",2225 "letterSpacing": "{foundations.typography.letterSpacing.tighter}"2226 },2227 "close": {2228 "size": "{foundations.typography.size.12}",2229 "color": "{foundations.colors.neutral.850}"2230 }2231 }2232 },2233 "icon": {2234 "base": {2235 "color": "{semanticTokens.action.primary}"2236 },2237 "sizes": {2238 "xs": "{foundations.typography.size.12}",2239 "sm": "{foundations.typography.size.16}",2240 "md": "{foundations.typography.size.20}",2241 "lg": "{foundations.typography.size.24}",2242 "xl": "{foundations.typography.size.32}"2243 },2244 "variants": {2245 "default": {2246 "color": "{semanticTokens.action.primary}"2247 },2248 "muted": {2249 "color": "{semanticTokens.text.muted}"2250 },2251 "danger": {2252 "color": "{foundations.colors.feedback.error.500}"2253 },2254 "success": {2255 "color": "{foundations.colors.feedback.success.500}"2256 }2257 }2258 }2259 }2260}