@workday/canvas-kit-docs 16.0.0-alpha.0499-next.0 → 16.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (122) hide show
  1. package/dist/es6/lib/docs.js +2801 -17
  2. package/dist/es6/lib/specs.js +1549 -615
  3. package/dist/es6/lib/stackblitzFiles/packageJSONFile.js +5 -5
  4. package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts +5 -5
  5. package/dist/es6/utils/parseSpecFile.d.ts.map +1 -1
  6. package/dist/es6/utils/parseSpecFile.js +27 -6
  7. package/dist/mdx/16.0-UPGRADE-GUIDE.mdx +148 -3
  8. package/dist/mdx/react/common/mdx/Theming.mdx +75 -431
  9. package/dist/mdx/react/common/mdx/examples/SimplifiedSanaSetup.tsx +35 -0
  10. package/dist/mdx/react/common/mdx/examples/ThemingBrandScope.tsx +29 -0
  11. package/package.json +6 -6
  12. package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/CommentBoxWithCharLimit.d.ts +0 -2
  13. package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/CommentBoxWithCharLimit.d.ts.map +0 -1
  14. package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/CommentBoxWithCharLimit.js +0 -31
  15. package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/FilterListWithLiveStatus.d.ts +0 -2
  16. package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/FilterListWithLiveStatus.d.ts.map +0 -1
  17. package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/FilterListWithLiveStatus.js +0 -43
  18. package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/HiddenLiveRegion.d.ts +0 -2
  19. package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/HiddenLiveRegion.d.ts.map +0 -1
  20. package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/HiddenLiveRegion.js +0 -27
  21. package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/IconButtonsWithLiveBadges.d.ts +0 -2
  22. package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/IconButtonsWithLiveBadges.d.ts.map +0 -1
  23. package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/IconButtonsWithLiveBadges.js +0 -56
  24. package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/TextInputWithLiveError.d.ts +0 -2
  25. package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/TextInputWithLiveError.d.ts.map +0 -1
  26. package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/TextInputWithLiveError.js +0 -19
  27. package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/VisibleLiveRegion.d.ts +0 -2
  28. package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/VisibleLiveRegion.d.ts.map +0 -1
  29. package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/VisibleLiveRegion.js +0 -35
  30. package/dist/es6/mdx/accessibility/examples/GlobalHeader.d.ts +0 -8
  31. package/dist/es6/mdx/accessibility/examples/GlobalHeader.d.ts.map +0 -1
  32. package/dist/es6/mdx/accessibility/examples/GlobalHeader.js +0 -149
  33. package/dist/es6/mdx/accessibility/examples/PageStructure/BreadcrumbNavRegion.d.ts +0 -2
  34. package/dist/es6/mdx/accessibility/examples/PageStructure/BreadcrumbNavRegion.d.ts.map +0 -1
  35. package/dist/es6/mdx/accessibility/examples/PageStructure/BreadcrumbNavRegion.js +0 -12
  36. package/dist/es6/mdx/accessibility/examples/PageStructure/FullPageDemo.d.ts +0 -2
  37. package/dist/es6/mdx/accessibility/examples/PageStructure/FullPageDemo.d.ts.map +0 -1
  38. package/dist/es6/mdx/accessibility/examples/PageStructure/FullPageDemo.js +0 -46
  39. package/dist/es6/mdx/accessibility/examples/PageStructure/LandmarkRegions.d.ts +0 -2
  40. package/dist/es6/mdx/accessibility/examples/PageStructure/LandmarkRegions.d.ts.map +0 -1
  41. package/dist/es6/mdx/accessibility/examples/PageStructure/LandmarkRegions.js +0 -28
  42. package/dist/es6/mdx/accessibility/examples/Popups/InlinePopupNoPortal.d.ts +0 -2
  43. package/dist/es6/mdx/accessibility/examples/Popups/InlinePopupNoPortal.d.ts.map +0 -1
  44. package/dist/es6/mdx/accessibility/examples/Popups/InlinePopupNoPortal.js +0 -62
  45. package/dist/es6/mdx/accessibility/examples/Popups/InlinePortalPopup.d.ts +0 -7
  46. package/dist/es6/mdx/accessibility/examples/Popups/InlinePortalPopup.d.ts.map +0 -1
  47. package/dist/es6/mdx/accessibility/examples/Popups/InlinePortalPopup.js +0 -65
  48. package/dist/es6/mdx/accessibility/examples/Popups/PopupAriaOwns.d.ts +0 -7
  49. package/dist/es6/mdx/accessibility/examples/Popups/PopupAriaOwns.d.ts.map +0 -1
  50. package/dist/es6/mdx/accessibility/examples/Popups/PopupAriaOwns.js +0 -46
  51. package/dist/es6/mdx/accessibility/examples/SidePanelWithNavigation.d.ts +0 -3
  52. package/dist/es6/mdx/accessibility/examples/SidePanelWithNavigation.d.ts.map +0 -1
  53. package/dist/es6/mdx/accessibility/examples/SidePanelWithNavigation.js +0 -100
  54. package/dist/es6/mdx/accessibility/examples/SidePanelWithOverlay.d.ts +0 -2
  55. package/dist/es6/mdx/accessibility/examples/SidePanelWithOverlay.d.ts.map +0 -1
  56. package/dist/es6/mdx/accessibility/examples/SidePanelWithOverlay.js +0 -30
  57. package/dist/es6/mdx/accessibility/examples/Table/WithColumnHeaderFilters.d.ts +0 -2
  58. package/dist/es6/mdx/accessibility/examples/Table/WithColumnHeaderFilters.d.ts.map +0 -1
  59. package/dist/es6/mdx/accessibility/examples/Table/WithColumnHeaderFilters.js +0 -101
  60. package/dist/es6/mdx/accessibility/examples/Table/WithExpandableRows.d.ts +0 -2
  61. package/dist/es6/mdx/accessibility/examples/Table/WithExpandableRows.d.ts.map +0 -1
  62. package/dist/es6/mdx/accessibility/examples/Table/WithExpandableRows.js +0 -115
  63. package/dist/es6/mdx/accessibility/examples/Table/WithFormFields.d.ts +0 -2
  64. package/dist/es6/mdx/accessibility/examples/Table/WithFormFields.d.ts.map +0 -1
  65. package/dist/es6/mdx/accessibility/examples/Table/WithFormFields.js +0 -79
  66. package/dist/es6/mdx/accessibility/examples/Table/WithSelectableRows.d.ts +0 -2
  67. package/dist/es6/mdx/accessibility/examples/Table/WithSelectableRows.d.ts.map +0 -1
  68. package/dist/es6/mdx/accessibility/examples/Table/WithSelectableRows.js +0 -89
  69. package/dist/es6/mdx/accessibility/examples/Table/WithSortableColumnHeaders.d.ts +0 -2
  70. package/dist/es6/mdx/accessibility/examples/Table/WithSortableColumnHeaders.d.ts.map +0 -1
  71. package/dist/es6/mdx/accessibility/examples/Table/WithSortableColumnHeaders.js +0 -114
  72. package/dist/es6/mdx/installBlock.d.ts +0 -6
  73. package/dist/es6/mdx/installBlock.d.ts.map +0 -1
  74. package/dist/es6/mdx/installBlock.js +0 -35
  75. package/dist/es6/mdx/style-props/examples/Background.d.ts +0 -2
  76. package/dist/es6/mdx/style-props/examples/Background.d.ts.map +0 -1
  77. package/dist/es6/mdx/style-props/examples/Background.js +0 -13
  78. package/dist/es6/mdx/style-props/examples/Border.d.ts +0 -2
  79. package/dist/es6/mdx/style-props/examples/Border.d.ts.map +0 -1
  80. package/dist/es6/mdx/style-props/examples/Border.js +0 -11
  81. package/dist/es6/mdx/style-props/examples/Color.d.ts +0 -2
  82. package/dist/es6/mdx/style-props/examples/Color.d.ts.map +0 -1
  83. package/dist/es6/mdx/style-props/examples/Color.js +0 -10
  84. package/dist/es6/mdx/style-props/examples/Depth.d.ts +0 -2
  85. package/dist/es6/mdx/style-props/examples/Depth.d.ts.map +0 -1
  86. package/dist/es6/mdx/style-props/examples/Depth.js +0 -11
  87. package/dist/es6/mdx/style-props/examples/Flex.d.ts +0 -2
  88. package/dist/es6/mdx/style-props/examples/Flex.d.ts.map +0 -1
  89. package/dist/es6/mdx/style-props/examples/Flex.js +0 -9
  90. package/dist/es6/mdx/style-props/examples/FlexItem.d.ts +0 -2
  91. package/dist/es6/mdx/style-props/examples/FlexItem.d.ts.map +0 -1
  92. package/dist/es6/mdx/style-props/examples/FlexItem.js +0 -9
  93. package/dist/es6/mdx/style-props/examples/Grid.d.ts +0 -2
  94. package/dist/es6/mdx/style-props/examples/Grid.d.ts.map +0 -1
  95. package/dist/es6/mdx/style-props/examples/Grid.js +0 -7
  96. package/dist/es6/mdx/style-props/examples/GridItem.d.ts +0 -2
  97. package/dist/es6/mdx/style-props/examples/GridItem.d.ts.map +0 -1
  98. package/dist/es6/mdx/style-props/examples/GridItem.js +0 -7
  99. package/dist/es6/mdx/style-props/examples/Layout.d.ts +0 -2
  100. package/dist/es6/mdx/style-props/examples/Layout.d.ts.map +0 -1
  101. package/dist/es6/mdx/style-props/examples/Layout.js +0 -10
  102. package/dist/es6/mdx/style-props/examples/Other.d.ts +0 -2
  103. package/dist/es6/mdx/style-props/examples/Other.d.ts.map +0 -1
  104. package/dist/es6/mdx/style-props/examples/Other.js +0 -11
  105. package/dist/es6/mdx/style-props/examples/Position.d.ts +0 -2
  106. package/dist/es6/mdx/style-props/examples/Position.d.ts.map +0 -1
  107. package/dist/es6/mdx/style-props/examples/Position.js +0 -12
  108. package/dist/es6/mdx/style-props/examples/Space.d.ts +0 -2
  109. package/dist/es6/mdx/style-props/examples/Space.d.ts.map +0 -1
  110. package/dist/es6/mdx/style-props/examples/Space.js +0 -9
  111. package/dist/es6/mdx/style-props/examples/Text.d.ts +0 -2
  112. package/dist/es6/mdx/style-props/examples/Text.d.ts.map +0 -1
  113. package/dist/es6/mdx/style-props/examples/Text.js +0 -3
  114. package/dist/es6/mdx/tokens/StorybookInformationHighlight/index.d.ts +0 -2
  115. package/dist/es6/mdx/tokens/StorybookInformationHighlight/index.d.ts.map +0 -1
  116. package/dist/es6/mdx/tokens/StorybookInformationHighlight/index.js +0 -6
  117. package/dist/es6/mdx/versionsTable.d.ts +0 -2
  118. package/dist/es6/mdx/versionsTable.d.ts.map +0 -1
  119. package/dist/es6/mdx/versionsTable.js +0 -60
  120. package/dist/es6/mdx/welcomePage.d.ts +0 -2
  121. package/dist/es6/mdx/welcomePage.d.ts.map +0 -1
  122. package/dist/es6/mdx/welcomePage.js +0 -57
@@ -227236,6 +227236,22 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
227236
227236
  }
227237
227237
  }
227238
227238
  },
227239
+ {
227240
+ "name": "CanvasBrandStyleContext",
227241
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/CanvasProvider.tsx",
227242
+ "description": "Context for providing brand CSS variables to popup containers.\nThis carries the resolved CSS variable style map from CanvasProvider\nto usePopupStack for proper popup theming, regardless of whether\na numerical or legacy theme is used.",
227243
+ "declarations": [
227244
+ {
227245
+ "name": "CanvasBrandStyleContext",
227246
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/CanvasProvider.tsx"
227247
+ }
227248
+ ],
227249
+ "tags": {},
227250
+ "type": {
227251
+ "kind": "object",
227252
+ "properties": []
227253
+ }
227254
+ },
227239
227255
  {
227240
227256
  "name": "CanvasProviderProps",
227241
227257
  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/CanvasProvider.tsx",
@@ -227268,6 +227284,171 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
227268
227284
  "value": "string"
227269
227285
  }
227270
227286
  },
227287
+ {
227288
+ "name": "canvasThemeToCssVars",
227289
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/CanvasProvider.tsx",
227290
+ "description": "Pure function — safe to call outside React hooks (e.g. usePopupStack).",
227291
+ "declarations": [
227292
+ {
227293
+ "name": "canvasThemeToCssVars",
227294
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/CanvasProvider.tsx"
227295
+ }
227296
+ ],
227297
+ "tags": {},
227298
+ "type": {
227299
+ "kind": "function",
227300
+ "parameters": [
227301
+ {
227302
+ "kind": "parameter",
227303
+ "name": "theme",
227304
+ "type": {
227305
+ "kind": "union",
227306
+ "value": [
227307
+ {
227308
+ "kind": "symbol",
227309
+ "name": "CanvasProviderTheme",
227310
+ "value": "CanvasProviderTheme"
227311
+ },
227312
+ {
227313
+ "kind": "primitive",
227314
+ "value": "undefined"
227315
+ }
227316
+ ]
227317
+ },
227318
+ "required": false,
227319
+ "rest": false,
227320
+ "description": "",
227321
+ "declarations": [
227322
+ {
227323
+ "name": "theme",
227324
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/CanvasProvider.tsx"
227325
+ }
227326
+ ],
227327
+ "tags": {}
227328
+ },
227329
+ {
227330
+ "kind": "parameter",
227331
+ "name": "elemProps",
227332
+ "type": {
227333
+ "kind": "symbol",
227334
+ "name": "React.HTMLAttributes",
227335
+ "typeParameters": [
227336
+ {
227337
+ "kind": "symbol",
227338
+ "name": "HTMLElement",
227339
+ "value": "HTMLElement"
227340
+ }
227341
+ ],
227342
+ "value": "HTMLAttributes<T>"
227343
+ },
227344
+ "required": true,
227345
+ "rest": false,
227346
+ "description": "",
227347
+ "declarations": [
227348
+ {
227349
+ "name": "elemProps",
227350
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/CanvasProvider.tsx"
227351
+ }
227352
+ ],
227353
+ "tags": {}
227354
+ },
227355
+ {
227356
+ "kind": "parameter",
227357
+ "name": "options",
227358
+ "type": {
227359
+ "kind": "object",
227360
+ "properties": [
227361
+ {
227362
+ "kind": "property",
227363
+ "name": "themeScope",
227364
+ "required": false,
227365
+ "type": {
227366
+ "kind": "symbol",
227367
+ "name": "CanvasThemingScope",
227368
+ "value": "CanvasThemingScope"
227369
+ },
227370
+ "description": "",
227371
+ "declarations": [
227372
+ {
227373
+ "name": "themeScope",
227374
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/CanvasProvider.tsx"
227375
+ }
227376
+ ],
227377
+ "tags": {}
227378
+ },
227379
+ {
227380
+ "kind": "property",
227381
+ "name": "filledSemanticTheme",
227382
+ "required": false,
227383
+ "type": {
227384
+ "kind": "symbol",
227385
+ "name": "EmotionCanvasTheme",
227386
+ "value": "EmotionCanvasTheme"
227387
+ },
227388
+ "description": "",
227389
+ "declarations": [
227390
+ {
227391
+ "name": "filledSemanticTheme",
227392
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/CanvasProvider.tsx"
227393
+ }
227394
+ ],
227395
+ "tags": {}
227396
+ }
227397
+ ]
227398
+ },
227399
+ "required": false,
227400
+ "rest": false,
227401
+ "description": "",
227402
+ "declarations": [
227403
+ {
227404
+ "name": "options",
227405
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/CanvasProvider.tsx"
227406
+ }
227407
+ ],
227408
+ "tags": {}
227409
+ }
227410
+ ],
227411
+ "members": [],
227412
+ "returnType": {
227413
+ "kind": "object",
227414
+ "properties": [
227415
+ {
227416
+ "kind": "property",
227417
+ "name": "className",
227418
+ "type": {
227419
+ "kind": "primitive",
227420
+ "value": "string"
227421
+ },
227422
+ "description": "",
227423
+ "declarations": [
227424
+ {
227425
+ "name": "className",
227426
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/CanvasProvider.tsx"
227427
+ }
227428
+ ],
227429
+ "tags": {}
227430
+ },
227431
+ {
227432
+ "kind": "property",
227433
+ "name": "style",
227434
+ "type": {
227435
+ "kind": "external",
227436
+ "name": "CSSProperties",
227437
+ "url": "https://emotion.sh/docs/object-styles"
227438
+ },
227439
+ "description": "",
227440
+ "declarations": [
227441
+ {
227442
+ "name": "style",
227443
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/CanvasProvider.tsx"
227444
+ }
227445
+ ],
227446
+ "tags": {}
227447
+ }
227448
+ ]
227449
+ }
227450
+ }
227451
+ },
227271
227452
  {
227272
227453
  "name": "useCanvasThemeToCssVars",
227273
227454
  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/CanvasProvider.tsx",
@@ -227290,8 +227471,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
227290
227471
  "value": [
227291
227472
  {
227292
227473
  "kind": "symbol",
227293
- "name": "PartialEmotionCanvasTheme",
227294
- "value": "PartialEmotionCanvasTheme"
227474
+ "name": "CanvasProviderTheme",
227475
+ "value": "CanvasProviderTheme"
227295
227476
  },
227296
227477
  {
227297
227478
  "kind": "primitive",
@@ -227337,6 +227518,25 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
227337
227518
  }
227338
227519
  ],
227339
227520
  "tags": {}
227521
+ },
227522
+ {
227523
+ "kind": "parameter",
227524
+ "name": "themeScope",
227525
+ "type": {
227526
+ "kind": "symbol",
227527
+ "name": "CanvasThemingScope",
227528
+ "value": "CanvasThemingScope"
227529
+ },
227530
+ "required": false,
227531
+ "rest": false,
227532
+ "description": "",
227533
+ "declarations": [
227534
+ {
227535
+ "name": "themeScope",
227536
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/CanvasProvider.tsx"
227537
+ }
227538
+ ],
227539
+ "tags": {}
227340
227540
  }
227341
227541
  ],
227342
227542
  "members": [],
@@ -227400,10 +227600,10 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
227400
227600
  "required": false,
227401
227601
  "type": {
227402
227602
  "kind": "symbol",
227403
- "name": "PartialEmotionCanvasTheme",
227404
- "value": "PartialEmotionCanvasTheme"
227603
+ "name": "CanvasProviderTheme",
227604
+ "value": "CanvasProviderTheme"
227405
227605
  },
227406
- "description": "⚠️ Only use this prop if you intent to to theme a part of your application that is different from global theming.\nFor more information, view our [Theming Docs](https://workday.github.io/canvas-kit/?path=/docs/features-theming-overview--docs#global-vs-scoped-theming).\n\nWhile we support theme overrides, we advise to use global theming via CSS Variables.",
227606
+ "description": "⚠️ Only use this prop if you intent to to theme a part of your application that is different from global theming.\nFor more information, view our [Theming Docs](https://workday.github.io/canvas-kit/?path=/docs/features-theming-overview--docs#scoped-theming).\n\nWhile we support theme overrides, we advise to use global theming via CSS Variables.",
227407
227607
  "declarations": [
227408
227608
  {
227409
227609
  "name": "theme",
@@ -227411,6 +227611,30 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
227411
227611
  }
227412
227612
  ],
227413
227613
  "tags": {}
227614
+ },
227615
+ {
227616
+ "kind": "property",
227617
+ "name": "themeScope",
227618
+ "required": false,
227619
+ "type": {
227620
+ "kind": "symbol",
227621
+ "name": "CanvasThemingScope",
227622
+ "value": "CanvasThemingScope"
227623
+ },
227624
+ "description": "How partial theme input expands. Default `'brand'`.\n\n**Numerical `brand` shape:** `'brand'` applies the `primary['600']` shortcut\n(PrimaryButton + selected states). `'full'` writes each ramp key literally with\nno shortcuts. Other `brand.*` keys always map 1:1 to CSS variables.\n\n**Legacy `canvas.palette` shape:** `'brand'` = primary.main shortcut only.\n`'full'` = auto-generated ramps + broad `system.color.brand.*` forwarding.",
227625
+ "declarations": [
227626
+ {
227627
+ "name": "themeScope",
227628
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/CanvasProvider.tsx"
227629
+ }
227630
+ ],
227631
+ "tags": {
227632
+ "default": "'brand'"
227633
+ },
227634
+ "defaultValue": {
227635
+ "kind": "string",
227636
+ "value": "brand"
227637
+ }
227414
227638
  }
227415
227639
  ]
227416
227640
  }
@@ -229302,6 +229526,1797 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
229302
229526
  }
229303
229527
  }
229304
229528
  },
229529
+ {
229530
+ "name": "hasExplicitSemanticPalette",
229531
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts",
229532
+ "description": "True when a semantic theme intentionally passes a non-empty `canvas.palette`.",
229533
+ "declarations": [
229534
+ {
229535
+ "name": "hasExplicitSemanticPalette",
229536
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
229537
+ }
229538
+ ],
229539
+ "tags": {},
229540
+ "type": {
229541
+ "kind": "function",
229542
+ "parameters": [
229543
+ {
229544
+ "kind": "parameter",
229545
+ "name": "theme",
229546
+ "type": {
229547
+ "kind": "symbol",
229548
+ "name": "CanvasProviderTheme",
229549
+ "value": "CanvasProviderTheme"
229550
+ },
229551
+ "required": true,
229552
+ "rest": false,
229553
+ "description": "",
229554
+ "declarations": [
229555
+ {
229556
+ "name": "theme",
229557
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
229558
+ }
229559
+ ],
229560
+ "tags": {}
229561
+ }
229562
+ ],
229563
+ "members": [],
229564
+ "returnType": {
229565
+ "kind": "unknown",
229566
+ "value": "unknown",
229567
+ "text": "theme is PartialEmotionCanvasTheme"
229568
+ }
229569
+ }
229570
+ },
229571
+ {
229572
+ "name": "BRAND_SCOPE_PRIMARY_BUNDLE",
229573
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts",
229574
+ "description": "Tokens that change when a consumer sets only their primary brand color.",
229575
+ "declarations": [
229576
+ {
229577
+ "name": "BRAND_SCOPE_PRIMARY_BUNDLE",
229578
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
229579
+ }
229580
+ ],
229581
+ "tags": {},
229582
+ "type": {
229583
+ "kind": "object",
229584
+ "properties": [
229585
+ {
229586
+ "kind": "property",
229587
+ "name": "action",
229588
+ "defaultValue": {
229589
+ "kind": "tuple",
229590
+ "value": [
229591
+ {
229592
+ "kind": "string",
229593
+ "value": "base"
229594
+ },
229595
+ {
229596
+ "kind": "string",
229597
+ "value": "dark"
229598
+ },
229599
+ {
229600
+ "kind": "string",
229601
+ "value": "darkest"
229602
+ },
229603
+ {
229604
+ "kind": "string",
229605
+ "value": "accent"
229606
+ }
229607
+ ]
229608
+ },
229609
+ "type": {
229610
+ "kind": "union",
229611
+ "value": [
229612
+ {
229613
+ "kind": "string",
229614
+ "value": "base"
229615
+ },
229616
+ {
229617
+ "kind": "string",
229618
+ "value": "dark"
229619
+ },
229620
+ {
229621
+ "kind": "string",
229622
+ "value": "darkest"
229623
+ },
229624
+ {
229625
+ "kind": "string",
229626
+ "value": "accent"
229627
+ }
229628
+ ]
229629
+ },
229630
+ "required": true,
229631
+ "description": "",
229632
+ "declarations": [
229633
+ {
229634
+ "name": "action",
229635
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
229636
+ }
229637
+ ],
229638
+ "tags": {}
229639
+ },
229640
+ {
229641
+ "kind": "property",
229642
+ "name": "accent",
229643
+ "defaultValue": {
229644
+ "kind": "tuple",
229645
+ "value": [
229646
+ {
229647
+ "kind": "string",
229648
+ "value": "primary"
229649
+ },
229650
+ {
229651
+ "kind": "string",
229652
+ "value": "action"
229653
+ }
229654
+ ]
229655
+ },
229656
+ "type": {
229657
+ "kind": "union",
229658
+ "value": [
229659
+ {
229660
+ "kind": "string",
229661
+ "value": "primary"
229662
+ },
229663
+ {
229664
+ "kind": "string",
229665
+ "value": "action"
229666
+ }
229667
+ ]
229668
+ },
229669
+ "required": true,
229670
+ "description": "",
229671
+ "declarations": [
229672
+ {
229673
+ "name": "accent",
229674
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
229675
+ }
229676
+ ],
229677
+ "tags": {}
229678
+ },
229679
+ {
229680
+ "kind": "property",
229681
+ "name": "selected",
229682
+ "defaultValue": {
229683
+ "kind": "object",
229684
+ "properties": [
229685
+ {
229686
+ "kind": "property",
229687
+ "name": "fg",
229688
+ "defaultValue": {
229689
+ "kind": "property",
229690
+ "name": "selected",
229691
+ "type": {
229692
+ "kind": "string",
229693
+ "value": "--cnvs-sys-color-brand-fg-selected"
229694
+ }
229695
+ },
229696
+ "type": {
229697
+ "kind": "string",
229698
+ "value": "--cnvs-sys-color-brand-fg-selected"
229699
+ },
229700
+ "required": true,
229701
+ "description": "",
229702
+ "declarations": [
229703
+ {
229704
+ "name": "fg",
229705
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
229706
+ }
229707
+ ],
229708
+ "tags": {}
229709
+ },
229710
+ {
229711
+ "kind": "property",
229712
+ "name": "surface",
229713
+ "defaultValue": {
229714
+ "kind": "property",
229715
+ "name": "selected",
229716
+ "type": {
229717
+ "kind": "string",
229718
+ "value": "--cnvs-sys-color-brand-surface-selected"
229719
+ }
229720
+ },
229721
+ "type": {
229722
+ "kind": "string",
229723
+ "value": "--cnvs-sys-color-brand-surface-selected"
229724
+ },
229725
+ "required": true,
229726
+ "description": "",
229727
+ "declarations": [
229728
+ {
229729
+ "name": "surface",
229730
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
229731
+ }
229732
+ ],
229733
+ "tags": {}
229734
+ }
229735
+ ]
229736
+ },
229737
+ "type": {
229738
+ "kind": "object",
229739
+ "properties": [
229740
+ {
229741
+ "kind": "property",
229742
+ "name": "fg",
229743
+ "defaultValue": {
229744
+ "kind": "property",
229745
+ "name": "selected",
229746
+ "type": {
229747
+ "kind": "string",
229748
+ "value": "--cnvs-sys-color-brand-fg-selected"
229749
+ }
229750
+ },
229751
+ "type": {
229752
+ "kind": "string",
229753
+ "value": "--cnvs-sys-color-brand-fg-selected"
229754
+ },
229755
+ "required": true,
229756
+ "description": "",
229757
+ "declarations": [
229758
+ {
229759
+ "name": "fg",
229760
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
229761
+ }
229762
+ ],
229763
+ "tags": {}
229764
+ },
229765
+ {
229766
+ "kind": "property",
229767
+ "name": "surface",
229768
+ "defaultValue": {
229769
+ "kind": "property",
229770
+ "name": "selected",
229771
+ "type": {
229772
+ "kind": "string",
229773
+ "value": "--cnvs-sys-color-brand-surface-selected"
229774
+ }
229775
+ },
229776
+ "type": {
229777
+ "kind": "string",
229778
+ "value": "--cnvs-sys-color-brand-surface-selected"
229779
+ },
229780
+ "required": true,
229781
+ "description": "",
229782
+ "declarations": [
229783
+ {
229784
+ "name": "surface",
229785
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
229786
+ }
229787
+ ],
229788
+ "tags": {}
229789
+ }
229790
+ ]
229791
+ },
229792
+ "required": true,
229793
+ "description": "",
229794
+ "declarations": [
229795
+ {
229796
+ "name": "selected",
229797
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
229798
+ }
229799
+ ],
229800
+ "tags": {}
229801
+ }
229802
+ ]
229803
+ }
229804
+ },
229805
+ {
229806
+ "name": "BRAND_SCOPE_INDEPENDENT",
229807
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts",
229808
+ "description": "Independently brandable tokens — writable when explicitly provided,\nbut NEVER derived from primary.main / brand.primary.600.",
229809
+ "declarations": [
229810
+ {
229811
+ "name": "BRAND_SCOPE_INDEPENDENT",
229812
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
229813
+ }
229814
+ ],
229815
+ "tags": {},
229816
+ "type": {
229817
+ "kind": "object",
229818
+ "properties": [
229819
+ {
229820
+ "kind": "property",
229821
+ "name": "focus",
229822
+ "defaultValue": {
229823
+ "kind": "object",
229824
+ "properties": [
229825
+ {
229826
+ "kind": "property",
229827
+ "name": "primary",
229828
+ "defaultValue": {
229829
+ "kind": "property",
229830
+ "name": "primary",
229831
+ "type": {
229832
+ "kind": "string",
229833
+ "value": "--cnvs-sys-color-brand-focus-primary"
229834
+ }
229835
+ },
229836
+ "type": {
229837
+ "kind": "string",
229838
+ "value": "--cnvs-sys-color-brand-focus-primary"
229839
+ },
229840
+ "required": true,
229841
+ "description": "",
229842
+ "declarations": [
229843
+ {
229844
+ "name": "primary",
229845
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
229846
+ }
229847
+ ],
229848
+ "tags": {}
229849
+ },
229850
+ {
229851
+ "kind": "property",
229852
+ "name": "brandToken",
229853
+ "defaultValue": {
229854
+ "kind": "property",
229855
+ "name": "primary500",
229856
+ "type": {
229857
+ "kind": "string",
229858
+ "value": "--cnvs-brand-primary-500"
229859
+ }
229860
+ },
229861
+ "type": {
229862
+ "kind": "string",
229863
+ "value": "--cnvs-brand-primary-500"
229864
+ },
229865
+ "required": true,
229866
+ "description": "",
229867
+ "declarations": [
229868
+ {
229869
+ "name": "brandToken",
229870
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
229871
+ }
229872
+ ],
229873
+ "tags": {}
229874
+ },
229875
+ {
229876
+ "kind": "property",
229877
+ "name": "semanticKey",
229878
+ "defaultValue": {
229879
+ "kind": "string",
229880
+ "value": "focusOutline"
229881
+ },
229882
+ "type": {
229883
+ "kind": "string",
229884
+ "value": "focusOutline"
229885
+ },
229886
+ "required": true,
229887
+ "description": "",
229888
+ "declarations": [
229889
+ {
229890
+ "name": "semanticKey",
229891
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
229892
+ }
229893
+ ],
229894
+ "tags": {}
229895
+ }
229896
+ ]
229897
+ },
229898
+ "type": {
229899
+ "kind": "object",
229900
+ "properties": [
229901
+ {
229902
+ "kind": "property",
229903
+ "name": "primary",
229904
+ "defaultValue": {
229905
+ "kind": "property",
229906
+ "name": "primary",
229907
+ "type": {
229908
+ "kind": "string",
229909
+ "value": "--cnvs-sys-color-brand-focus-primary"
229910
+ }
229911
+ },
229912
+ "type": {
229913
+ "kind": "string",
229914
+ "value": "--cnvs-sys-color-brand-focus-primary"
229915
+ },
229916
+ "required": true,
229917
+ "description": "",
229918
+ "declarations": [
229919
+ {
229920
+ "name": "primary",
229921
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
229922
+ }
229923
+ ],
229924
+ "tags": {}
229925
+ },
229926
+ {
229927
+ "kind": "property",
229928
+ "name": "brandToken",
229929
+ "defaultValue": {
229930
+ "kind": "property",
229931
+ "name": "primary500",
229932
+ "type": {
229933
+ "kind": "string",
229934
+ "value": "--cnvs-brand-primary-500"
229935
+ }
229936
+ },
229937
+ "type": {
229938
+ "kind": "string",
229939
+ "value": "--cnvs-brand-primary-500"
229940
+ },
229941
+ "required": true,
229942
+ "description": "",
229943
+ "declarations": [
229944
+ {
229945
+ "name": "brandToken",
229946
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
229947
+ }
229948
+ ],
229949
+ "tags": {}
229950
+ },
229951
+ {
229952
+ "kind": "property",
229953
+ "name": "semanticKey",
229954
+ "defaultValue": {
229955
+ "kind": "string",
229956
+ "value": "focusOutline"
229957
+ },
229958
+ "type": {
229959
+ "kind": "string",
229960
+ "value": "focusOutline"
229961
+ },
229962
+ "required": true,
229963
+ "description": "",
229964
+ "declarations": [
229965
+ {
229966
+ "name": "semanticKey",
229967
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
229968
+ }
229969
+ ],
229970
+ "tags": {}
229971
+ }
229972
+ ]
229973
+ },
229974
+ "required": true,
229975
+ "description": "",
229976
+ "declarations": [
229977
+ {
229978
+ "name": "focus",
229979
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
229980
+ }
229981
+ ],
229982
+ "tags": {}
229983
+ },
229984
+ {
229985
+ "kind": "property",
229986
+ "name": "border",
229987
+ "defaultValue": {
229988
+ "kind": "object",
229989
+ "properties": [
229990
+ {
229991
+ "kind": "property",
229992
+ "name": "primary",
229993
+ "defaultValue": {
229994
+ "kind": "property",
229995
+ "name": "primary",
229996
+ "type": {
229997
+ "kind": "string",
229998
+ "value": "--cnvs-sys-color-brand-border-primary"
229999
+ }
230000
+ },
230001
+ "type": {
230002
+ "kind": "string",
230003
+ "value": "--cnvs-sys-color-brand-border-primary"
230004
+ },
230005
+ "required": true,
230006
+ "description": "",
230007
+ "declarations": [
230008
+ {
230009
+ "name": "primary",
230010
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230011
+ }
230012
+ ],
230013
+ "tags": {}
230014
+ },
230015
+ {
230016
+ "kind": "property",
230017
+ "name": "brandToken",
230018
+ "defaultValue": {
230019
+ "kind": "property",
230020
+ "name": "primary500",
230021
+ "type": {
230022
+ "kind": "string",
230023
+ "value": "--cnvs-brand-primary-500"
230024
+ }
230025
+ },
230026
+ "type": {
230027
+ "kind": "string",
230028
+ "value": "--cnvs-brand-primary-500"
230029
+ },
230030
+ "required": true,
230031
+ "description": "",
230032
+ "declarations": [
230033
+ {
230034
+ "name": "brandToken",
230035
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230036
+ }
230037
+ ],
230038
+ "tags": {}
230039
+ },
230040
+ {
230041
+ "kind": "property",
230042
+ "name": "semanticKey",
230043
+ "defaultValue": {
230044
+ "kind": "string",
230045
+ "value": "focusOutline"
230046
+ },
230047
+ "type": {
230048
+ "kind": "string",
230049
+ "value": "focusOutline"
230050
+ },
230051
+ "required": true,
230052
+ "description": "",
230053
+ "declarations": [
230054
+ {
230055
+ "name": "semanticKey",
230056
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230057
+ }
230058
+ ],
230059
+ "tags": {}
230060
+ }
230061
+ ]
230062
+ },
230063
+ "type": {
230064
+ "kind": "object",
230065
+ "properties": [
230066
+ {
230067
+ "kind": "property",
230068
+ "name": "primary",
230069
+ "defaultValue": {
230070
+ "kind": "property",
230071
+ "name": "primary",
230072
+ "type": {
230073
+ "kind": "string",
230074
+ "value": "--cnvs-sys-color-brand-border-primary"
230075
+ }
230076
+ },
230077
+ "type": {
230078
+ "kind": "string",
230079
+ "value": "--cnvs-sys-color-brand-border-primary"
230080
+ },
230081
+ "required": true,
230082
+ "description": "",
230083
+ "declarations": [
230084
+ {
230085
+ "name": "primary",
230086
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230087
+ }
230088
+ ],
230089
+ "tags": {}
230090
+ },
230091
+ {
230092
+ "kind": "property",
230093
+ "name": "brandToken",
230094
+ "defaultValue": {
230095
+ "kind": "property",
230096
+ "name": "primary500",
230097
+ "type": {
230098
+ "kind": "string",
230099
+ "value": "--cnvs-brand-primary-500"
230100
+ }
230101
+ },
230102
+ "type": {
230103
+ "kind": "string",
230104
+ "value": "--cnvs-brand-primary-500"
230105
+ },
230106
+ "required": true,
230107
+ "description": "",
230108
+ "declarations": [
230109
+ {
230110
+ "name": "brandToken",
230111
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230112
+ }
230113
+ ],
230114
+ "tags": {}
230115
+ },
230116
+ {
230117
+ "kind": "property",
230118
+ "name": "semanticKey",
230119
+ "defaultValue": {
230120
+ "kind": "string",
230121
+ "value": "focusOutline"
230122
+ },
230123
+ "type": {
230124
+ "kind": "string",
230125
+ "value": "focusOutline"
230126
+ },
230127
+ "required": true,
230128
+ "description": "",
230129
+ "declarations": [
230130
+ {
230131
+ "name": "semanticKey",
230132
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230133
+ }
230134
+ ],
230135
+ "tags": {}
230136
+ }
230137
+ ]
230138
+ },
230139
+ "required": true,
230140
+ "description": "",
230141
+ "declarations": [
230142
+ {
230143
+ "name": "border",
230144
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230145
+ }
230146
+ ],
230147
+ "tags": {}
230148
+ }
230149
+ ]
230150
+ }
230151
+ },
230152
+ {
230153
+ "name": "writeNumericalBrandRamp",
230154
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts",
230155
+ "description": "Maps a numerical brand ramp onto `brand.<color><rampKey>` CSS variables.",
230156
+ "declarations": [
230157
+ {
230158
+ "name": "writeNumericalBrandRamp",
230159
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230160
+ }
230161
+ ],
230162
+ "tags": {},
230163
+ "type": {
230164
+ "kind": "function",
230165
+ "parameters": [
230166
+ {
230167
+ "kind": "parameter",
230168
+ "name": "color",
230169
+ "type": {
230170
+ "kind": "union",
230171
+ "value": [
230172
+ {
230173
+ "kind": "symbol",
230174
+ "name": "BrandColor",
230175
+ "value": "BrandColor"
230176
+ },
230177
+ {
230178
+ "kind": "string",
230179
+ "value": "action"
230180
+ }
230181
+ ]
230182
+ },
230183
+ "required": true,
230184
+ "rest": false,
230185
+ "description": "",
230186
+ "declarations": [
230187
+ {
230188
+ "name": "color",
230189
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230190
+ }
230191
+ ],
230192
+ "tags": {}
230193
+ },
230194
+ {
230195
+ "kind": "parameter",
230196
+ "name": "ramp",
230197
+ "type": {
230198
+ "kind": "union",
230199
+ "value": [
230200
+ {
230201
+ "kind": "symbol",
230202
+ "name": "CanvasBrandRamp",
230203
+ "value": "Partial<Record<\"25\" | \"50\" | \"100\" | \"200\" | \"300\" | \"400\" | \"500\" | \"600\" | \"700\" | \"800\" | \"900\" | \"950\" | \"975\" | \"A25\" | \"A50\" | \"A100\" | \"A200\", string>>"
230204
+ },
230205
+ {
230206
+ "kind": "symbol",
230207
+ "name": "CanvasNeutralBrandRamp",
230208
+ "value": "CanvasNeutralBrandRamp"
230209
+ },
230210
+ {
230211
+ "kind": "symbol",
230212
+ "name": "CanvasActionBrandRamp",
230213
+ "value": "Partial<Record<\"accent\" | \"dark\" | \"light\" | \"lighter\" | \"base\" | \"darkest\" | \"lightest\" | \"darker\", string>>"
230214
+ },
230215
+ {
230216
+ "kind": "primitive",
230217
+ "value": "undefined"
230218
+ }
230219
+ ]
230220
+ },
230221
+ "required": false,
230222
+ "rest": false,
230223
+ "description": "",
230224
+ "declarations": [
230225
+ {
230226
+ "name": "ramp",
230227
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230228
+ }
230229
+ ],
230230
+ "tags": {}
230231
+ },
230232
+ {
230233
+ "kind": "parameter",
230234
+ "name": "style",
230235
+ "type": {
230236
+ "kind": "symbol",
230237
+ "name": "React.CSSProperties",
230238
+ "value": "CSSProperties"
230239
+ },
230240
+ "required": true,
230241
+ "rest": false,
230242
+ "description": "",
230243
+ "declarations": [
230244
+ {
230245
+ "name": "style",
230246
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230247
+ }
230248
+ ],
230249
+ "tags": {}
230250
+ },
230251
+ {
230252
+ "kind": "parameter",
230253
+ "name": "options",
230254
+ "type": {
230255
+ "kind": "object",
230256
+ "properties": [
230257
+ {
230258
+ "kind": "property",
230259
+ "name": "skipKeys",
230260
+ "required": false,
230261
+ "type": {
230262
+ "kind": "symbol",
230263
+ "name": "Set",
230264
+ "typeParameters": [
230265
+ {
230266
+ "kind": "primitive",
230267
+ "value": "string"
230268
+ }
230269
+ ],
230270
+ "value": "Set<T>"
230271
+ },
230272
+ "description": "",
230273
+ "declarations": [
230274
+ {
230275
+ "name": "skipKeys",
230276
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230277
+ }
230278
+ ],
230279
+ "tags": {}
230280
+ }
230281
+ ]
230282
+ },
230283
+ "required": false,
230284
+ "rest": false,
230285
+ "description": "",
230286
+ "declarations": [
230287
+ {
230288
+ "name": "options",
230289
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230290
+ }
230291
+ ],
230292
+ "tags": {}
230293
+ }
230294
+ ],
230295
+ "members": [],
230296
+ "returnType": {
230297
+ "kind": "primitive",
230298
+ "value": "void"
230299
+ }
230300
+ }
230301
+ },
230302
+ {
230303
+ "name": "applyPrimaryBrandBundle",
230304
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts",
230305
+ "description": "Called when consumer sets only `primary.main` or `brand.primary['600']`.",
230306
+ "declarations": [
230307
+ {
230308
+ "name": "applyPrimaryBrandBundle",
230309
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230310
+ }
230311
+ ],
230312
+ "tags": {},
230313
+ "type": {
230314
+ "kind": "function",
230315
+ "parameters": [
230316
+ {
230317
+ "kind": "parameter",
230318
+ "name": "primaryColor",
230319
+ "type": {
230320
+ "kind": "primitive",
230321
+ "value": "string"
230322
+ },
230323
+ "required": true,
230324
+ "rest": false,
230325
+ "description": "",
230326
+ "declarations": [
230327
+ {
230328
+ "name": "primaryColor",
230329
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230330
+ }
230331
+ ],
230332
+ "tags": {}
230333
+ },
230334
+ {
230335
+ "kind": "parameter",
230336
+ "name": "style",
230337
+ "type": {
230338
+ "kind": "symbol",
230339
+ "name": "React.CSSProperties",
230340
+ "value": "CSSProperties"
230341
+ },
230342
+ "required": true,
230343
+ "rest": false,
230344
+ "description": "",
230345
+ "declarations": [
230346
+ {
230347
+ "name": "style",
230348
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230349
+ }
230350
+ ],
230351
+ "tags": {}
230352
+ }
230353
+ ],
230354
+ "members": [],
230355
+ "returnType": {
230356
+ "kind": "primitive",
230357
+ "value": "void"
230358
+ }
230359
+ }
230360
+ },
230361
+ {
230362
+ "name": "applyCriticalBrandBundle",
230363
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts",
230364
+ "description": "Called when consumer sets only `error.main` or `brand.critical['600']`.",
230365
+ "declarations": [
230366
+ {
230367
+ "name": "applyCriticalBrandBundle",
230368
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230369
+ }
230370
+ ],
230371
+ "tags": {},
230372
+ "type": {
230373
+ "kind": "function",
230374
+ "parameters": [
230375
+ {
230376
+ "kind": "parameter",
230377
+ "name": "criticalColor",
230378
+ "type": {
230379
+ "kind": "primitive",
230380
+ "value": "string"
230381
+ },
230382
+ "required": true,
230383
+ "rest": false,
230384
+ "description": "",
230385
+ "declarations": [
230386
+ {
230387
+ "name": "criticalColor",
230388
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230389
+ }
230390
+ ],
230391
+ "tags": {}
230392
+ },
230393
+ {
230394
+ "kind": "parameter",
230395
+ "name": "style",
230396
+ "type": {
230397
+ "kind": "symbol",
230398
+ "name": "React.CSSProperties",
230399
+ "value": "CSSProperties"
230400
+ },
230401
+ "required": true,
230402
+ "rest": false,
230403
+ "description": "",
230404
+ "declarations": [
230405
+ {
230406
+ "name": "style",
230407
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230408
+ }
230409
+ ],
230410
+ "tags": {}
230411
+ }
230412
+ ],
230413
+ "members": [],
230414
+ "returnType": {
230415
+ "kind": "primitive",
230416
+ "value": "void"
230417
+ }
230418
+ }
230419
+ },
230420
+ {
230421
+ "name": "applyCautionBrandBundle",
230422
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts",
230423
+ "description": "Called when consumer sets only `alert.main` or `brand.caution['400']`.",
230424
+ "declarations": [
230425
+ {
230426
+ "name": "applyCautionBrandBundle",
230427
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230428
+ }
230429
+ ],
230430
+ "tags": {},
230431
+ "type": {
230432
+ "kind": "function",
230433
+ "parameters": [
230434
+ {
230435
+ "kind": "parameter",
230436
+ "name": "cautionColor",
230437
+ "type": {
230438
+ "kind": "primitive",
230439
+ "value": "string"
230440
+ },
230441
+ "required": true,
230442
+ "rest": false,
230443
+ "description": "",
230444
+ "declarations": [
230445
+ {
230446
+ "name": "cautionColor",
230447
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230448
+ }
230449
+ ],
230450
+ "tags": {}
230451
+ },
230452
+ {
230453
+ "kind": "parameter",
230454
+ "name": "style",
230455
+ "type": {
230456
+ "kind": "symbol",
230457
+ "name": "React.CSSProperties",
230458
+ "value": "CSSProperties"
230459
+ },
230460
+ "required": true,
230461
+ "rest": false,
230462
+ "description": "",
230463
+ "declarations": [
230464
+ {
230465
+ "name": "style",
230466
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230467
+ }
230468
+ ],
230469
+ "tags": {}
230470
+ }
230471
+ ],
230472
+ "members": [],
230473
+ "returnType": {
230474
+ "kind": "primitive",
230475
+ "value": "void"
230476
+ }
230477
+ }
230478
+ },
230479
+ {
230480
+ "name": "applyPositiveBrandBundle",
230481
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts",
230482
+ "description": "Called when consumer sets only `success.main` or `brand.positive['600']`.",
230483
+ "declarations": [
230484
+ {
230485
+ "name": "applyPositiveBrandBundle",
230486
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230487
+ }
230488
+ ],
230489
+ "tags": {},
230490
+ "type": {
230491
+ "kind": "function",
230492
+ "parameters": [
230493
+ {
230494
+ "kind": "parameter",
230495
+ "name": "positiveColor",
230496
+ "type": {
230497
+ "kind": "primitive",
230498
+ "value": "string"
230499
+ },
230500
+ "required": true,
230501
+ "rest": false,
230502
+ "description": "",
230503
+ "declarations": [
230504
+ {
230505
+ "name": "positiveColor",
230506
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230507
+ }
230508
+ ],
230509
+ "tags": {}
230510
+ },
230511
+ {
230512
+ "kind": "parameter",
230513
+ "name": "style",
230514
+ "type": {
230515
+ "kind": "symbol",
230516
+ "name": "React.CSSProperties",
230517
+ "value": "CSSProperties"
230518
+ },
230519
+ "required": true,
230520
+ "rest": false,
230521
+ "description": "",
230522
+ "declarations": [
230523
+ {
230524
+ "name": "style",
230525
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230526
+ }
230527
+ ],
230528
+ "tags": {}
230529
+ }
230530
+ ],
230531
+ "members": [],
230532
+ "returnType": {
230533
+ "kind": "primitive",
230534
+ "value": "void"
230535
+ }
230536
+ }
230537
+ },
230538
+ {
230539
+ "name": "applyNeutralBrandBundle",
230540
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts",
230541
+ "description": "Called when consumer sets only `neutral.main` or `brand.neutral['600']`.",
230542
+ "declarations": [
230543
+ {
230544
+ "name": "applyNeutralBrandBundle",
230545
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230546
+ }
230547
+ ],
230548
+ "tags": {},
230549
+ "type": {
230550
+ "kind": "function",
230551
+ "parameters": [
230552
+ {
230553
+ "kind": "parameter",
230554
+ "name": "neutralColor",
230555
+ "type": {
230556
+ "kind": "primitive",
230557
+ "value": "string"
230558
+ },
230559
+ "required": true,
230560
+ "rest": false,
230561
+ "description": "",
230562
+ "declarations": [
230563
+ {
230564
+ "name": "neutralColor",
230565
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230566
+ }
230567
+ ],
230568
+ "tags": {}
230569
+ },
230570
+ {
230571
+ "kind": "parameter",
230572
+ "name": "style",
230573
+ "type": {
230574
+ "kind": "symbol",
230575
+ "name": "React.CSSProperties",
230576
+ "value": "CSSProperties"
230577
+ },
230578
+ "required": true,
230579
+ "rest": false,
230580
+ "description": "",
230581
+ "declarations": [
230582
+ {
230583
+ "name": "style",
230584
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230585
+ }
230586
+ ],
230587
+ "tags": {}
230588
+ }
230589
+ ],
230590
+ "members": [],
230591
+ "returnType": {
230592
+ "kind": "primitive",
230593
+ "value": "void"
230594
+ }
230595
+ }
230596
+ },
230597
+ {
230598
+ "name": "writeSelectedShortcuts",
230599
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts",
230600
+ "description": "Writes first-class selected shortcuts from numerical theme input.",
230601
+ "declarations": [
230602
+ {
230603
+ "name": "writeSelectedShortcuts",
230604
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230605
+ }
230606
+ ],
230607
+ "tags": {},
230608
+ "type": {
230609
+ "kind": "function",
230610
+ "parameters": [
230611
+ {
230612
+ "kind": "parameter",
230613
+ "name": "selected",
230614
+ "type": {
230615
+ "kind": "union",
230616
+ "value": [
230617
+ {
230618
+ "kind": "union",
230619
+ "value": [
230620
+ {
230621
+ "kind": "object",
230622
+ "properties": [
230623
+ {
230624
+ "kind": "property",
230625
+ "name": "fg",
230626
+ "required": false,
230627
+ "type": {
230628
+ "kind": "union",
230629
+ "value": [
230630
+ {
230631
+ "kind": "primitive",
230632
+ "value": "string"
230633
+ },
230634
+ {
230635
+ "kind": "primitive",
230636
+ "value": "undefined"
230637
+ }
230638
+ ]
230639
+ },
230640
+ "description": "",
230641
+ "tags": {},
230642
+ "declarations": []
230643
+ },
230644
+ {
230645
+ "kind": "property",
230646
+ "name": "surface",
230647
+ "required": false,
230648
+ "type": {
230649
+ "kind": "union",
230650
+ "value": [
230651
+ {
230652
+ "kind": "primitive",
230653
+ "value": "string"
230654
+ },
230655
+ {
230656
+ "kind": "primitive",
230657
+ "value": "undefined"
230658
+ }
230659
+ ]
230660
+ },
230661
+ "description": "",
230662
+ "tags": {},
230663
+ "declarations": []
230664
+ }
230665
+ ]
230666
+ },
230667
+ {
230668
+ "kind": "primitive",
230669
+ "value": "undefined"
230670
+ }
230671
+ ]
230672
+ },
230673
+ {
230674
+ "kind": "primitive",
230675
+ "value": "undefined"
230676
+ }
230677
+ ]
230678
+ },
230679
+ "required": false,
230680
+ "rest": false,
230681
+ "description": "",
230682
+ "declarations": [
230683
+ {
230684
+ "name": "selected",
230685
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230686
+ }
230687
+ ],
230688
+ "tags": {}
230689
+ },
230690
+ {
230691
+ "kind": "parameter",
230692
+ "name": "style",
230693
+ "type": {
230694
+ "kind": "symbol",
230695
+ "name": "React.CSSProperties",
230696
+ "value": "CSSProperties"
230697
+ },
230698
+ "required": true,
230699
+ "rest": false,
230700
+ "description": "",
230701
+ "declarations": [
230702
+ {
230703
+ "name": "style",
230704
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230705
+ }
230706
+ ],
230707
+ "tags": {}
230708
+ }
230709
+ ],
230710
+ "members": [],
230711
+ "returnType": {
230712
+ "kind": "primitive",
230713
+ "value": "void"
230714
+ }
230715
+ }
230716
+ },
230717
+ {
230718
+ "name": "writeIndependentBrandTokens",
230719
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts",
230720
+ "description": "Writes focus/border from explicit common or brand.primary.500 input — never from primary.main.",
230721
+ "declarations": [
230722
+ {
230723
+ "name": "writeIndependentBrandTokens",
230724
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230725
+ }
230726
+ ],
230727
+ "tags": {},
230728
+ "type": {
230729
+ "kind": "function",
230730
+ "parameters": [
230731
+ {
230732
+ "kind": "parameter",
230733
+ "name": "theme",
230734
+ "type": {
230735
+ "kind": "union",
230736
+ "value": [
230737
+ {
230738
+ "kind": "symbol",
230739
+ "name": "CanvasProviderTheme",
230740
+ "value": "CanvasProviderTheme"
230741
+ },
230742
+ {
230743
+ "kind": "primitive",
230744
+ "value": "undefined"
230745
+ }
230746
+ ]
230747
+ },
230748
+ "required": false,
230749
+ "rest": false,
230750
+ "description": "",
230751
+ "declarations": [
230752
+ {
230753
+ "name": "theme",
230754
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230755
+ }
230756
+ ],
230757
+ "tags": {}
230758
+ },
230759
+ {
230760
+ "kind": "parameter",
230761
+ "name": "style",
230762
+ "type": {
230763
+ "kind": "symbol",
230764
+ "name": "React.CSSProperties",
230765
+ "value": "CSSProperties"
230766
+ },
230767
+ "required": true,
230768
+ "rest": false,
230769
+ "description": "",
230770
+ "declarations": [
230771
+ {
230772
+ "name": "style",
230773
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230774
+ }
230775
+ ],
230776
+ "tags": {}
230777
+ }
230778
+ ],
230779
+ "members": [],
230780
+ "returnType": {
230781
+ "kind": "primitive",
230782
+ "value": "void"
230783
+ }
230784
+ }
230785
+ },
230786
+ {
230787
+ "name": "writeSystemBrandOverrides",
230788
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts",
230789
+ "description": "Walks nested system override object and sets matching system CSS vars.",
230790
+ "declarations": [
230791
+ {
230792
+ "name": "writeSystemBrandOverrides",
230793
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230794
+ }
230795
+ ],
230796
+ "tags": {},
230797
+ "type": {
230798
+ "kind": "function",
230799
+ "parameters": [
230800
+ {
230801
+ "kind": "parameter",
230802
+ "name": "systemOverrides",
230803
+ "type": {
230804
+ "kind": "union",
230805
+ "value": [
230806
+ {
230807
+ "kind": "object",
230808
+ "properties": [
230809
+ {
230810
+ "kind": "property",
230811
+ "name": "color",
230812
+ "required": false,
230813
+ "type": {
230814
+ "kind": "object",
230815
+ "properties": [
230816
+ {
230817
+ "kind": "property",
230818
+ "name": "brand",
230819
+ "required": false,
230820
+ "type": {
230821
+ "kind": "external",
230822
+ "name": "Record",
230823
+ "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
230824
+ "typeParameters": [
230825
+ {
230826
+ "kind": "primitive",
230827
+ "value": "string"
230828
+ },
230829
+ {
230830
+ "kind": "primitive",
230831
+ "value": "unknown"
230832
+ }
230833
+ ]
230834
+ },
230835
+ "description": "",
230836
+ "declarations": [
230837
+ {
230838
+ "name": "brand",
230839
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230840
+ }
230841
+ ],
230842
+ "tags": {}
230843
+ }
230844
+ ]
230845
+ },
230846
+ "description": "",
230847
+ "declarations": [
230848
+ {
230849
+ "name": "color",
230850
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230851
+ }
230852
+ ],
230853
+ "tags": {}
230854
+ }
230855
+ ]
230856
+ },
230857
+ {
230858
+ "kind": "primitive",
230859
+ "value": "undefined"
230860
+ }
230861
+ ]
230862
+ },
230863
+ "required": false,
230864
+ "rest": false,
230865
+ "description": "",
230866
+ "declarations": [
230867
+ {
230868
+ "name": "systemOverrides",
230869
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230870
+ }
230871
+ ],
230872
+ "tags": {}
230873
+ },
230874
+ {
230875
+ "kind": "parameter",
230876
+ "name": "style",
230877
+ "type": {
230878
+ "kind": "symbol",
230879
+ "name": "React.CSSProperties",
230880
+ "value": "CSSProperties"
230881
+ },
230882
+ "required": true,
230883
+ "rest": false,
230884
+ "description": "",
230885
+ "declarations": [
230886
+ {
230887
+ "name": "style",
230888
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230889
+ }
230890
+ ],
230891
+ "tags": {}
230892
+ }
230893
+ ],
230894
+ "members": [],
230895
+ "returnType": {
230896
+ "kind": "primitive",
230897
+ "value": "void"
230898
+ }
230899
+ }
230900
+ },
230901
+ {
230902
+ "name": "writeSemanticTheme",
230903
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts",
230904
+ "description": "Full-scope semantic writer — filled palette compared against defaults unless `writeAll`.",
230905
+ "declarations": [
230906
+ {
230907
+ "name": "writeSemanticTheme",
230908
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
230909
+ }
230910
+ ],
230911
+ "tags": {},
230912
+ "type": {
230913
+ "kind": "function",
230914
+ "parameters": [
230915
+ {
230916
+ "kind": "parameter",
230917
+ "name": "palette",
230918
+ "type": {
230919
+ "kind": "object",
230920
+ "properties": [
230921
+ {
230922
+ "kind": "property",
230923
+ "name": "common",
230924
+ "required": true,
230925
+ "type": {
230926
+ "kind": "object",
230927
+ "properties": [
230928
+ {
230929
+ "kind": "property",
230930
+ "name": "focusOutline",
230931
+ "required": true,
230932
+ "type": {
230933
+ "kind": "primitive",
230934
+ "value": "string"
230935
+ },
230936
+ "description": "",
230937
+ "declarations": [
230938
+ {
230939
+ "name": "focusOutline",
230940
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
230941
+ }
230942
+ ],
230943
+ "tags": {}
230944
+ },
230945
+ {
230946
+ "kind": "property",
230947
+ "name": "alertInner",
230948
+ "required": true,
230949
+ "type": {
230950
+ "kind": "primitive",
230951
+ "value": "string"
230952
+ },
230953
+ "description": "",
230954
+ "declarations": [
230955
+ {
230956
+ "name": "alertInner",
230957
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
230958
+ }
230959
+ ],
230960
+ "tags": {}
230961
+ },
230962
+ {
230963
+ "kind": "property",
230964
+ "name": "alertOuter",
230965
+ "required": true,
230966
+ "type": {
230967
+ "kind": "primitive",
230968
+ "value": "string"
230969
+ },
230970
+ "description": "",
230971
+ "declarations": [
230972
+ {
230973
+ "name": "alertOuter",
230974
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
230975
+ }
230976
+ ],
230977
+ "tags": {}
230978
+ },
230979
+ {
230980
+ "kind": "property",
230981
+ "name": "errorInner",
230982
+ "required": true,
230983
+ "type": {
230984
+ "kind": "primitive",
230985
+ "value": "string"
230986
+ },
230987
+ "description": "",
230988
+ "declarations": [
230989
+ {
230990
+ "name": "errorInner",
230991
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
230992
+ }
230993
+ ],
230994
+ "tags": {}
230995
+ }
230996
+ ]
230997
+ },
230998
+ "description": "",
230999
+ "declarations": [
231000
+ {
231001
+ "name": "common",
231002
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
231003
+ }
231004
+ ],
231005
+ "tags": {}
231006
+ },
231007
+ {
231008
+ "kind": "property",
231009
+ "name": "primary",
231010
+ "required": true,
231011
+ "type": {
231012
+ "kind": "symbol",
231013
+ "name": "CanvasThemePalette",
231014
+ "value": "CanvasThemePalette"
231015
+ },
231016
+ "description": "",
231017
+ "declarations": [
231018
+ {
231019
+ "name": "primary",
231020
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
231021
+ }
231022
+ ],
231023
+ "tags": {}
231024
+ },
231025
+ {
231026
+ "kind": "property",
231027
+ "name": "error",
231028
+ "required": true,
231029
+ "type": {
231030
+ "kind": "symbol",
231031
+ "name": "CanvasThemePalette",
231032
+ "value": "CanvasThemePalette"
231033
+ },
231034
+ "description": "",
231035
+ "declarations": [
231036
+ {
231037
+ "name": "error",
231038
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
231039
+ }
231040
+ ],
231041
+ "tags": {}
231042
+ },
231043
+ {
231044
+ "kind": "property",
231045
+ "name": "alert",
231046
+ "required": true,
231047
+ "type": {
231048
+ "kind": "symbol",
231049
+ "name": "CanvasThemePalette",
231050
+ "value": "CanvasThemePalette"
231051
+ },
231052
+ "description": "",
231053
+ "declarations": [
231054
+ {
231055
+ "name": "alert",
231056
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
231057
+ }
231058
+ ],
231059
+ "tags": {}
231060
+ },
231061
+ {
231062
+ "kind": "property",
231063
+ "name": "success",
231064
+ "required": true,
231065
+ "type": {
231066
+ "kind": "symbol",
231067
+ "name": "CanvasThemePalette",
231068
+ "value": "CanvasThemePalette"
231069
+ },
231070
+ "description": "",
231071
+ "declarations": [
231072
+ {
231073
+ "name": "success",
231074
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
231075
+ }
231076
+ ],
231077
+ "tags": {}
231078
+ },
231079
+ {
231080
+ "kind": "property",
231081
+ "name": "neutral",
231082
+ "required": true,
231083
+ "type": {
231084
+ "kind": "symbol",
231085
+ "name": "CanvasThemePalette",
231086
+ "value": "CanvasThemePalette"
231087
+ },
231088
+ "description": "",
231089
+ "declarations": [
231090
+ {
231091
+ "name": "neutral",
231092
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
231093
+ }
231094
+ ],
231095
+ "tags": {}
231096
+ }
231097
+ ]
231098
+ },
231099
+ "required": true,
231100
+ "rest": false,
231101
+ "description": "",
231102
+ "declarations": [
231103
+ {
231104
+ "name": "palette",
231105
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
231106
+ }
231107
+ ],
231108
+ "tags": {}
231109
+ },
231110
+ {
231111
+ "kind": "parameter",
231112
+ "name": "style",
231113
+ "type": {
231114
+ "kind": "symbol",
231115
+ "name": "React.CSSProperties",
231116
+ "value": "CSSProperties"
231117
+ },
231118
+ "required": true,
231119
+ "rest": false,
231120
+ "description": "",
231121
+ "declarations": [
231122
+ {
231123
+ "name": "style",
231124
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
231125
+ }
231126
+ ],
231127
+ "tags": {}
231128
+ },
231129
+ {
231130
+ "kind": "parameter",
231131
+ "name": "options",
231132
+ "type": {
231133
+ "kind": "object",
231134
+ "properties": [
231135
+ {
231136
+ "kind": "property",
231137
+ "name": "writeAll",
231138
+ "required": false,
231139
+ "type": {
231140
+ "kind": "primitive",
231141
+ "value": "boolean"
231142
+ },
231143
+ "description": "",
231144
+ "declarations": [
231145
+ {
231146
+ "name": "writeAll",
231147
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
231148
+ }
231149
+ ],
231150
+ "tags": {}
231151
+ }
231152
+ ]
231153
+ },
231154
+ "required": false,
231155
+ "rest": false,
231156
+ "description": "",
231157
+ "declarations": [
231158
+ {
231159
+ "name": "options",
231160
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
231161
+ }
231162
+ ],
231163
+ "tags": {}
231164
+ }
231165
+ ],
231166
+ "members": [],
231167
+ "returnType": {
231168
+ "kind": "primitive",
231169
+ "value": "void"
231170
+ }
231171
+ }
231172
+ },
231173
+ {
231174
+ "name": "writeNumericalTheme",
231175
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts",
231176
+ "description": "Writes numerical theme — brand scope applies per-family shortcuts; remaining keys write 1:1.",
231177
+ "declarations": [
231178
+ {
231179
+ "name": "writeNumericalTheme",
231180
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
231181
+ }
231182
+ ],
231183
+ "tags": {},
231184
+ "type": {
231185
+ "kind": "function",
231186
+ "parameters": [
231187
+ {
231188
+ "kind": "parameter",
231189
+ "name": "theme",
231190
+ "type": {
231191
+ "kind": "symbol",
231192
+ "name": "CanvasNumericalBrandTheme",
231193
+ "value": "CanvasNumericalBrandTheme"
231194
+ },
231195
+ "required": true,
231196
+ "rest": false,
231197
+ "description": "",
231198
+ "declarations": [
231199
+ {
231200
+ "name": "theme",
231201
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
231202
+ }
231203
+ ],
231204
+ "tags": {}
231205
+ },
231206
+ {
231207
+ "kind": "parameter",
231208
+ "name": "style",
231209
+ "type": {
231210
+ "kind": "symbol",
231211
+ "name": "React.CSSProperties",
231212
+ "value": "CSSProperties"
231213
+ },
231214
+ "required": true,
231215
+ "rest": false,
231216
+ "description": "",
231217
+ "declarations": [
231218
+ {
231219
+ "name": "style",
231220
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
231221
+ }
231222
+ ],
231223
+ "tags": {}
231224
+ },
231225
+ {
231226
+ "kind": "parameter",
231227
+ "name": "scope",
231228
+ "type": {
231229
+ "kind": "union",
231230
+ "value": [
231231
+ {
231232
+ "kind": "string",
231233
+ "value": "brand"
231234
+ },
231235
+ {
231236
+ "kind": "string",
231237
+ "value": "full"
231238
+ }
231239
+ ]
231240
+ },
231241
+ "required": true,
231242
+ "rest": false,
231243
+ "description": "",
231244
+ "declarations": [
231245
+ {
231246
+ "name": "scope",
231247
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
231248
+ }
231249
+ ],
231250
+ "tags": {}
231251
+ }
231252
+ ],
231253
+ "members": [],
231254
+ "returnType": {
231255
+ "kind": "primitive",
231256
+ "value": "void"
231257
+ }
231258
+ }
231259
+ },
231260
+ {
231261
+ "name": "writeBrandScopeSemantic",
231262
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts",
231263
+ "description": "Brand-scope semantic path — reads raw input only, not useTheme-filled palette.",
231264
+ "declarations": [
231265
+ {
231266
+ "name": "writeBrandScopeSemantic",
231267
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
231268
+ }
231269
+ ],
231270
+ "tags": {},
231271
+ "type": {
231272
+ "kind": "function",
231273
+ "parameters": [
231274
+ {
231275
+ "kind": "parameter",
231276
+ "name": "theme",
231277
+ "type": {
231278
+ "kind": "symbol",
231279
+ "name": "PartialEmotionCanvasTheme",
231280
+ "value": "PartialEmotionCanvasTheme"
231281
+ },
231282
+ "required": true,
231283
+ "rest": false,
231284
+ "description": "",
231285
+ "declarations": [
231286
+ {
231287
+ "name": "theme",
231288
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
231289
+ }
231290
+ ],
231291
+ "tags": {}
231292
+ },
231293
+ {
231294
+ "kind": "parameter",
231295
+ "name": "style",
231296
+ "type": {
231297
+ "kind": "symbol",
231298
+ "name": "React.CSSProperties",
231299
+ "value": "CSSProperties"
231300
+ },
231301
+ "required": true,
231302
+ "rest": false,
231303
+ "description": "",
231304
+ "declarations": [
231305
+ {
231306
+ "name": "style",
231307
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/brandScope.ts"
231308
+ }
231309
+ ],
231310
+ "tags": {}
231311
+ }
231312
+ ],
231313
+ "members": [],
231314
+ "returnType": {
231315
+ "kind": "primitive",
231316
+ "value": "void"
231317
+ }
231318
+ }
231319
+ },
229305
231320
  {
229306
231321
  "name": "BreakpointKey",
229307
231322
  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/breakpoints.ts",
@@ -229996,6 +232011,42 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
229996
232011
  }
229997
232012
  }
229998
232013
  },
232014
+ {
232015
+ "name": "sanaCanvasNumericalTheme",
232016
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/sanaTheme.ts",
232017
+ "description": "Sana Canvas brand tokens for scoped `CanvasProvider` / popup forwarding.\nValues are `var()` references to Sana brand variables — not merged from `defaultCanvasTheme`.",
232018
+ "declarations": [
232019
+ {
232020
+ "name": "sanaCanvasNumericalTheme",
232021
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/sanaTheme.ts"
232022
+ }
232023
+ ],
232024
+ "tags": {},
232025
+ "type": {
232026
+ "kind": "symbol",
232027
+ "name": "CanvasNumericalBrandTheme",
232028
+ "value": "CanvasNumericalBrandTheme"
232029
+ }
232030
+ },
232031
+ {
232032
+ "name": "sanaCanvasProviderTheme",
232033
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/sanaTheme.ts",
232034
+ "description": "Pass to root `CanvasProvider` to forward Sana brand CSS variables onto popup containers\n(menus, selects, modals, tooltips).\n\n**When to use it**\n- **Required** when you cannot set `data-theme=\"sana-canvas\"` on `<html>` (embedded apps,\n microfrontends, third-party shells). Popups portal to `document.body` and will not inherit\n a nested `data-theme` — this preset copies Sana brand vars onto the popup stack container.\n- Also useful in tests without global Sana CSS, or custom popup hosts outside normal cascade.\n\n**When you can skip it**\n- Prefer setting `data-theme=\"sana-canvas\"` on `<html>` with Sana CSS imported. Popups then\n inherit brand variables from the document and no `theme` prop is needed.",
232035
+ "declarations": [
232036
+ {
232037
+ "name": "sanaCanvasProviderTheme",
232038
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/sanaTheme.ts"
232039
+ }
232040
+ ],
232041
+ "tags": {
232042
+ "example": "```tsx\n// Preferred — control <html>\nimport '@workday/canvas-tokens-web/css/sana/_variables.css';\n// <html data-theme=\"sana-canvas\">\n<CanvasProvider><App /></CanvasProvider>\n\n// No access to <html> — required for popup parity\n<CanvasProvider theme={sanaCanvasProviderTheme}><App /></CanvasProvider>\n```"
232043
+ },
232044
+ "type": {
232045
+ "kind": "symbol",
232046
+ "name": "sanaCanvasNumericalTheme",
232047
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/sanaTheme.ts"
232048
+ }
232049
+ },
229999
232050
  {
230000
232051
  "name": "filterOutProps",
230001
232052
  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/styled.ts",
@@ -230928,42 +232979,775 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
230928
232979
  }
230929
232980
  },
230930
232981
  {
230931
- "name": "EmotionCanvasTheme",
232982
+ "name": "EmotionCanvasTheme",
232983
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts",
232984
+ "description": "",
232985
+ "declarations": [
232986
+ {
232987
+ "name": "EmotionCanvasTheme",
232988
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
232989
+ }
232990
+ ],
232991
+ "tags": {
232992
+ "deprecated": "⚠️ `EmotionCanvasTheme` is deprecated. In previous versions of Canvas Kit, we allowed teams to pass a theme object, this supported [Emotion's theming](https://emotion.sh/docs/theming). Now that we're shifting to a global theming approach based on CSS variables, we advise to no longer using the theme prop. For more information, view our [Theming Docs](https://workday.github.io/canvas-kit/?path=/docs/features-theming-overview--docs#-preferred-approach-v14)."
232993
+ },
232994
+ "type": {
232995
+ "kind": "object",
232996
+ "properties": [
232997
+ {
232998
+ "kind": "property",
232999
+ "name": "canvas",
233000
+ "required": true,
233001
+ "type": {
233002
+ "kind": "symbol",
233003
+ "name": "CanvasTheme",
233004
+ "value": "CanvasTheme"
233005
+ },
233006
+ "description": "",
233007
+ "declarations": [
233008
+ {
233009
+ "name": "canvas",
233010
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233011
+ }
233012
+ ],
233013
+ "tags": {}
233014
+ }
233015
+ ]
233016
+ }
233017
+ },
233018
+ {
233019
+ "name": "CanvasBrandRamp",
230932
233020
  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts",
230933
- "description": "",
233021
+ "description": "Numerical brand ramp keys. Each key maps 1:1 to a `--cnvs-brand-{family}-{key}` CSS variable.\n\nCommon keys:\n- `'600'` — main accent / button fill / default brand fg\n- `'700'` — strong fg / selected text (when not using `selected.fg`)\n- `'500'` — focus rings and border primary (independent of `'600'`)\n- `'A50'` — selected surface tint (when not using `selected.surface`)\n- `'25'` / `'A25'` — subtle brand surfaces\n\nNeutral-only Sana steps (`'150'`, `'850'`, `'A150'`) live on {@link CanvasNeutralBrandRamp }.",
230934
233022
  "declarations": [
230935
233023
  {
230936
- "name": "EmotionCanvasTheme",
233024
+ "name": "CanvasBrandRamp",
233025
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233026
+ }
233027
+ ],
233028
+ "tags": {},
233029
+ "type": {
233030
+ "kind": "type",
233031
+ "typeParameters": [],
233032
+ "value": {
233033
+ "kind": "symbol",
233034
+ "name": "Partial",
233035
+ "typeParameters": [
233036
+ {
233037
+ "kind": "external",
233038
+ "name": "Record",
233039
+ "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
233040
+ "typeParameters": [
233041
+ {
233042
+ "kind": "union",
233043
+ "value": [
233044
+ {
233045
+ "kind": "string",
233046
+ "value": "25"
233047
+ },
233048
+ {
233049
+ "kind": "string",
233050
+ "value": "50"
233051
+ },
233052
+ {
233053
+ "kind": "string",
233054
+ "value": "100"
233055
+ },
233056
+ {
233057
+ "kind": "string",
233058
+ "value": "200"
233059
+ },
233060
+ {
233061
+ "kind": "string",
233062
+ "value": "300"
233063
+ },
233064
+ {
233065
+ "kind": "string",
233066
+ "value": "400"
233067
+ },
233068
+ {
233069
+ "kind": "string",
233070
+ "value": "500"
233071
+ },
233072
+ {
233073
+ "kind": "string",
233074
+ "value": "600"
233075
+ },
233076
+ {
233077
+ "kind": "string",
233078
+ "value": "700"
233079
+ },
233080
+ {
233081
+ "kind": "string",
233082
+ "value": "800"
233083
+ },
233084
+ {
233085
+ "kind": "string",
233086
+ "value": "900"
233087
+ },
233088
+ {
233089
+ "kind": "string",
233090
+ "value": "950"
233091
+ },
233092
+ {
233093
+ "kind": "string",
233094
+ "value": "975"
233095
+ },
233096
+ {
233097
+ "kind": "string",
233098
+ "value": "A25"
233099
+ },
233100
+ {
233101
+ "kind": "string",
233102
+ "value": "A50"
233103
+ },
233104
+ {
233105
+ "kind": "string",
233106
+ "value": "A100"
233107
+ },
233108
+ {
233109
+ "kind": "string",
233110
+ "value": "A200"
233111
+ }
233112
+ ]
233113
+ },
233114
+ {
233115
+ "kind": "primitive",
233116
+ "value": "string"
233117
+ }
233118
+ ]
233119
+ }
233120
+ ],
233121
+ "value": "Partial<T>"
233122
+ }
233123
+ }
233124
+ },
233125
+ {
233126
+ "name": "CanvasNeutralBrandRamp",
233127
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts",
233128
+ "description": "Neutral brand ramp — includes Sana-only steps (`150` / `850` / `A150`) that are not\nexported for primary/critical/caution/positive families.",
233129
+ "declarations": [
233130
+ {
233131
+ "name": "CanvasNeutralBrandRamp",
233132
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233133
+ }
233134
+ ],
233135
+ "tags": {},
233136
+ "type": {
233137
+ "kind": "type",
233138
+ "typeParameters": [],
233139
+ "value": {
233140
+ "kind": "intersection",
233141
+ "value": [
233142
+ {
233143
+ "kind": "symbol",
233144
+ "name": "CanvasBrandRamp",
233145
+ "value": "Partial<Record<\"25\" | \"50\" | \"100\" | \"200\" | \"300\" | \"400\" | \"500\" | \"600\" | \"700\" | \"800\" | \"900\" | \"950\" | \"975\" | \"A25\" | \"A50\" | \"A100\" | \"A200\", string>>"
233146
+ },
233147
+ {
233148
+ "kind": "symbol",
233149
+ "name": "Partial",
233150
+ "typeParameters": [
233151
+ {
233152
+ "kind": "external",
233153
+ "name": "Record",
233154
+ "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
233155
+ "typeParameters": [
233156
+ {
233157
+ "kind": "union",
233158
+ "value": [
233159
+ {
233160
+ "kind": "string",
233161
+ "value": "150"
233162
+ },
233163
+ {
233164
+ "kind": "string",
233165
+ "value": "850"
233166
+ },
233167
+ {
233168
+ "kind": "string",
233169
+ "value": "A150"
233170
+ }
233171
+ ]
233172
+ },
233173
+ {
233174
+ "kind": "primitive",
233175
+ "value": "string"
233176
+ }
233177
+ ]
233178
+ }
233179
+ ],
233180
+ "value": "Partial<T>"
233181
+ }
233182
+ ]
233183
+ }
233184
+ }
233185
+ },
233186
+ {
233187
+ "name": "CanvasActionBrandRamp",
233188
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts",
233189
+ "description": "Semantic keys for `brand.action.*` CSS variables (PrimaryButton, etc.).",
233190
+ "declarations": [
233191
+ {
233192
+ "name": "CanvasActionBrandRamp",
233193
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233194
+ }
233195
+ ],
233196
+ "tags": {},
233197
+ "type": {
233198
+ "kind": "type",
233199
+ "typeParameters": [],
233200
+ "value": {
233201
+ "kind": "symbol",
233202
+ "name": "Partial",
233203
+ "typeParameters": [
233204
+ {
233205
+ "kind": "external",
233206
+ "name": "Record",
233207
+ "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
233208
+ "typeParameters": [
233209
+ {
233210
+ "kind": "union",
233211
+ "value": [
233212
+ {
233213
+ "kind": "string",
233214
+ "value": "base"
233215
+ },
233216
+ {
233217
+ "kind": "string",
233218
+ "value": "lightest"
233219
+ },
233220
+ {
233221
+ "kind": "string",
233222
+ "value": "lighter"
233223
+ },
233224
+ {
233225
+ "kind": "string",
233226
+ "value": "light"
233227
+ },
233228
+ {
233229
+ "kind": "string",
233230
+ "value": "dark"
233231
+ },
233232
+ {
233233
+ "kind": "string",
233234
+ "value": "darkest"
233235
+ },
233236
+ {
233237
+ "kind": "string",
233238
+ "value": "darker"
233239
+ },
233240
+ {
233241
+ "kind": "string",
233242
+ "value": "accent"
233243
+ }
233244
+ ]
233245
+ },
233246
+ {
233247
+ "kind": "primitive",
233248
+ "value": "string"
233249
+ }
233250
+ ]
233251
+ }
233252
+ ],
233253
+ "value": "Partial<T>"
233254
+ }
233255
+ }
233256
+ },
233257
+ {
233258
+ "name": "CanvasThemingScope",
233259
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts",
233260
+ "description": "Controls how partial theme input is expanded.\n\n- `'brand'` (default): predictable, design-aligned behavior. Setting only\n `brand.primary['600']` themes PrimaryButton and selected list/menu\n states. Other keys write only their CSS variable — no auto-generated ramps.\n- `'full'`: legacy behavior for the deprecated `canvas.palette` shape — auto-fills\n lightest→darkest via `shiftColor` and forwards to many `system.color.brand.*`\n tokens. On the numerical `brand` shape, `'full'` disables the primary shortcut\n and writes each ramp key literally.",
233261
+ "declarations": [
233262
+ {
233263
+ "name": "CanvasThemingScope",
233264
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233265
+ }
233266
+ ],
233267
+ "tags": {},
233268
+ "type": {
233269
+ "kind": "type",
233270
+ "typeParameters": [],
233271
+ "value": {
233272
+ "kind": "union",
233273
+ "value": [
233274
+ {
233275
+ "kind": "string",
233276
+ "value": "brand"
233277
+ },
233278
+ {
233279
+ "kind": "string",
233280
+ "value": "full"
233281
+ }
233282
+ ]
233283
+ }
233284
+ }
233285
+ },
233286
+ {
233287
+ "name": "CanvasNumericalBrandTheme",
233288
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts",
233289
+ "description": "Preferred theme input for `CanvasProvider`. Each value maps directly to brand CSS\nvariables unless noted as a shortcut below.",
233290
+ "declarations": [
233291
+ {
233292
+ "name": "CanvasNumericalBrandTheme",
230937
233293
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
230938
233294
  }
230939
233295
  ],
230940
233296
  "tags": {
230941
- "deprecated": "⚠️ `EmotionCanvasTheme` is deprecated. In previous versions of Canvas Kit, we allowed teams to pass a theme object, this supported [Emotion's theming](https://emotion.sh/docs/theming). Now that we're shifting to a global theming approach based on CSS variables, we advise to no longer using the theme prop. For more information, view our [Theming Docs](https://workday.github.io/canvas-kit/?path=/docs/features-theming-overview--docs#-preferred-approach-v14)."
233297
+ "example": "Minimal brand buttons + selected states only\n```tsx\n<CanvasProvider theme={{brand: {primary: {'600': base.magenta600}}}} />\n```\nExplicit focus independent of primary\n```tsx\n<CanvasProvider theme={{\nbrand: {primary: {'600': base.red600, '500': base.blue500}},\nselected: {fg: base.red700, surface: base.redA50},\n}} />\n```",
233298
+ "see": "sanaCanvasProviderTheme\n \nwhen `<html>` is unavailable and popups need Sana brand forwarding"
230942
233299
  },
230943
233300
  "type": {
230944
233301
  "kind": "object",
230945
233302
  "properties": [
230946
233303
  {
230947
233304
  "kind": "property",
230948
- "name": "canvas",
230949
- "required": true,
233305
+ "name": "brand",
233306
+ "required": false,
230950
233307
  "type": {
230951
- "kind": "symbol",
230952
- "name": "CanvasTheme",
230953
- "value": "CanvasTheme"
233308
+ "kind": "object",
233309
+ "properties": [
233310
+ {
233311
+ "kind": "property",
233312
+ "name": "primary",
233313
+ "required": false,
233314
+ "type": {
233315
+ "kind": "symbol",
233316
+ "name": "CanvasBrandRamp",
233317
+ "value": "Partial<Record<\"25\" | \"50\" | \"100\" | \"200\" | \"300\" | \"400\" | \"500\" | \"600\" | \"700\" | \"800\" | \"900\" | \"950\" | \"975\" | \"A25\" | \"A50\" | \"A100\" | \"A200\", string>>"
233318
+ },
233319
+ "description": "Primary brand ramp (`--cnvs-brand-primary-*`).\n\n**Shortcut (brand scope only):** when `'600'` is the only key under `primary`,\nalso sets:\n- `PrimaryButton` — `brand.action.base`, `accent.primary`, `accent.action`\n- Selected `Menu.Item` — `system.color.brand.fg.selected`, `surface.selected`\n\nDoes **not** set focus rings — use `'500'` or `canvas.palette.common.focusOutline`.\n\n| Key | CSS variable | Typical consumers |\n|-----|--------------|-------------------|\n| `'600'` | `--cnvs-brand-primary-600` | PrimaryButton, brand links, accent.primary |\n| `'700'` | `--cnvs-brand-primary-700` | Strong primary fg, selected text |\n| `'500'` | `--cnvs-brand-primary-500` | Focus rings, border primary |\n| `'A50'` | `--cnvs-brand-primary-A50` | Selected/hover surfaces |",
233320
+ "declarations": [
233321
+ {
233322
+ "name": "primary",
233323
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233324
+ }
233325
+ ],
233326
+ "tags": {}
233327
+ },
233328
+ {
233329
+ "kind": "property",
233330
+ "name": "action",
233331
+ "required": false,
233332
+ "type": {
233333
+ "kind": "symbol",
233334
+ "name": "CanvasActionBrandRamp",
233335
+ "value": "Partial<Record<\"accent\" | \"dark\" | \"light\" | \"lighter\" | \"base\" | \"darkest\" | \"lightest\" | \"darker\", string>>"
233336
+ },
233337
+ "description": "Button-specific ramp (`--cnvs-brand-action-*`). PrimaryButton reads\nthese **before** `brand.primary`.\n\n| Key | Typical consumers |\n|-----|-------------------|\n| `base` | PrimaryButton background |\n| `dark` / `darkest` | PrimaryButton hover / pressed |\n| `accent` | PrimaryButton label color |",
233338
+ "declarations": [
233339
+ {
233340
+ "name": "action",
233341
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233342
+ }
233343
+ ],
233344
+ "tags": {}
233345
+ },
233346
+ {
233347
+ "kind": "property",
233348
+ "name": "critical",
233349
+ "required": false,
233350
+ "type": {
233351
+ "kind": "symbol",
233352
+ "name": "CanvasBrandRamp",
233353
+ "value": "Partial<Record<\"25\" | \"50\" | \"100\" | \"200\" | \"300\" | \"400\" | \"500\" | \"600\" | \"700\" | \"800\" | \"900\" | \"950\" | \"975\" | \"A25\" | \"A50\" | \"A100\" | \"A200\", string>>"
233354
+ },
233355
+ "description": "Critical/error ramp (`--cnvs-brand-critical-*`).\n\n| Key | Typical consumers |\n|-----|-------------------|\n| `'600'` | TextInput error, DeleteButton, critical fg |\n| `'500'` | Critical focus ring, error border |\n| `'A25'` / `'A50'` | Error surface tints |",
233356
+ "declarations": [
233357
+ {
233358
+ "name": "critical",
233359
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233360
+ }
233361
+ ],
233362
+ "tags": {}
233363
+ },
233364
+ {
233365
+ "kind": "property",
233366
+ "name": "caution",
233367
+ "required": false,
233368
+ "type": {
233369
+ "kind": "symbol",
233370
+ "name": "CanvasBrandRamp",
233371
+ "value": "Partial<Record<\"25\" | \"50\" | \"100\" | \"200\" | \"300\" | \"400\" | \"500\" | \"600\" | \"700\" | \"800\" | \"900\" | \"950\" | \"975\" | \"A25\" | \"A50\" | \"A100\" | \"A200\", string>>"
233372
+ },
233373
+ "description": "Caution/warning ramp (`--cnvs-brand-caution-*`).\n\n| Key | Typical consumers |\n|-----|-------------------|\n| `'400'` | Caution accent, TextInput caution |\n| `'500'` | Caution focus outer, caution border |\n| `'A25'` / `'A50'` | Caution surface tints |",
233374
+ "declarations": [
233375
+ {
233376
+ "name": "caution",
233377
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233378
+ }
233379
+ ],
233380
+ "tags": {}
233381
+ },
233382
+ {
233383
+ "kind": "property",
233384
+ "name": "positive",
233385
+ "required": false,
233386
+ "type": {
233387
+ "kind": "symbol",
233388
+ "name": "CanvasBrandRamp",
233389
+ "value": "Partial<Record<\"25\" | \"50\" | \"100\" | \"200\" | \"300\" | \"400\" | \"500\" | \"600\" | \"700\" | \"800\" | \"900\" | \"950\" | \"975\" | \"A25\" | \"A50\" | \"A100\" | \"A200\", string>>"
233390
+ },
233391
+ "description": "Positive/success ramp (`--cnvs-brand-positive-*`).\n\n| Key | Typical consumers |\n|-----|-------------------|\n| `'600'` | Checkbox/Radio checked, success fg |\n| `'A25'` / `'A50'` | Success surface tints |",
233392
+ "declarations": [
233393
+ {
233394
+ "name": "positive",
233395
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233396
+ }
233397
+ ],
233398
+ "tags": {}
233399
+ },
233400
+ {
233401
+ "kind": "property",
233402
+ "name": "neutral",
233403
+ "required": false,
233404
+ "type": {
233405
+ "kind": "symbol",
233406
+ "name": "CanvasNeutralBrandRamp",
233407
+ "value": "CanvasNeutralBrandRamp"
233408
+ },
233409
+ "description": "Neutral brand ramp (`--cnvs-brand-neutral-*`). Sana Canvas uses `base.neutral*`\ninstead of legacy `base.slate*` — see {@link sanaCanvasNumericalTheme}.\n\nAffects brand-neutral text, borders, and surfaces where components reference\n`brand.neutral.*` or `system.color.brand` tokens tied to neutral.",
233410
+ "declarations": [
233411
+ {
233412
+ "name": "neutral",
233413
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233414
+ }
233415
+ ],
233416
+ "tags": {}
233417
+ }
233418
+ ]
230954
233419
  },
230955
233420
  "description": "",
230956
233421
  "declarations": [
230957
233422
  {
230958
- "name": "canvas",
233423
+ "name": "brand",
230959
233424
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
230960
233425
  }
230961
233426
  ],
230962
233427
  "tags": {}
233428
+ },
233429
+ {
233430
+ "kind": "property",
233431
+ "name": "selected",
233432
+ "required": false,
233433
+ "type": {
233434
+ "kind": "object",
233435
+ "properties": [
233436
+ {
233437
+ "kind": "property",
233438
+ "name": "fg",
233439
+ "required": false,
233440
+ "type": {
233441
+ "kind": "primitive",
233442
+ "value": "string"
233443
+ },
233444
+ "description": "Selected text/icon color",
233445
+ "declarations": [
233446
+ {
233447
+ "name": "fg",
233448
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233449
+ }
233450
+ ],
233451
+ "tags": {}
233452
+ },
233453
+ {
233454
+ "kind": "property",
233455
+ "name": "surface",
233456
+ "required": false,
233457
+ "type": {
233458
+ "kind": "primitive",
233459
+ "value": "string"
233460
+ },
233461
+ "description": "Selected row/chip background",
233462
+ "declarations": [
233463
+ {
233464
+ "name": "surface",
233465
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233466
+ }
233467
+ ],
233468
+ "tags": {}
233469
+ }
233470
+ ]
233471
+ },
233472
+ "description": "Selected-state shortcuts. Prefer these over indirect `brand.primary['700']` /\n`brand.primary.A50` when customizing list/menu selection.\n\n| Key | CSS variable | Typical consumers |\n|-----|--------------|-------------------|\n| `fg` | `--cnvs-sys-color-brand-fg-selected` | Menu.Item, SegmentedControl selected text |\n| `surface` | `--cnvs-sys-color-brand-surface-selected` | Menu.Item, list selected background |",
233473
+ "declarations": [
233474
+ {
233475
+ "name": "selected",
233476
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233477
+ }
233478
+ ],
233479
+ "tags": {}
233480
+ },
233481
+ {
233482
+ "kind": "property",
233483
+ "name": "system",
233484
+ "required": false,
233485
+ "type": {
233486
+ "kind": "object",
233487
+ "properties": [
233488
+ {
233489
+ "kind": "property",
233490
+ "name": "color",
233491
+ "required": false,
233492
+ "type": {
233493
+ "kind": "object",
233494
+ "properties": [
233495
+ {
233496
+ "kind": "property",
233497
+ "name": "brand",
233498
+ "required": false,
233499
+ "type": {
233500
+ "kind": "external",
233501
+ "name": "Record",
233502
+ "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
233503
+ "typeParameters": [
233504
+ {
233505
+ "kind": "primitive",
233506
+ "value": "string"
233507
+ },
233508
+ {
233509
+ "kind": "primitive",
233510
+ "value": "unknown"
233511
+ }
233512
+ ]
233513
+ },
233514
+ "description": "",
233515
+ "declarations": [
233516
+ {
233517
+ "name": "brand",
233518
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233519
+ }
233520
+ ],
233521
+ "tags": {}
233522
+ }
233523
+ ]
233524
+ },
233525
+ "description": "",
233526
+ "declarations": [
233527
+ {
233528
+ "name": "color",
233529
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233530
+ }
233531
+ ],
233532
+ "tags": {}
233533
+ }
233534
+ ]
233535
+ },
233536
+ "description": "Escape hatch for `system.color.brand.*` tokens not covered by `brand` ramps.\nKeys mirror the token path, e.g. `{color: {brand: {focus: {primary: '#00f'}}}}`.",
233537
+ "declarations": [
233538
+ {
233539
+ "name": "system",
233540
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233541
+ }
233542
+ ],
233543
+ "tags": {}
233544
+ },
233545
+ {
233546
+ "kind": "property",
233547
+ "name": "direction",
233548
+ "required": false,
233549
+ "type": {
233550
+ "kind": "symbol",
233551
+ "name": "ContentDirection",
233552
+ "value": "ContentDirection"
233553
+ },
233554
+ "description": "Text direction for the provider subtree.",
233555
+ "declarations": [
233556
+ {
233557
+ "name": "direction",
233558
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233559
+ }
233560
+ ],
233561
+ "tags": {}
233562
+ },
233563
+ {
233564
+ "kind": "property",
233565
+ "name": "themeScope",
233566
+ "required": false,
233567
+ "type": {
233568
+ "kind": "symbol",
233569
+ "name": "CanvasThemingScope",
233570
+ "value": "CanvasThemingScope"
233571
+ },
233572
+ "description": "",
233573
+ "declarations": [
233574
+ {
233575
+ "name": "themeScope",
233576
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233577
+ }
233578
+ ],
233579
+ "tags": {
233580
+ "default": "'brand'",
233581
+ "see": "CanvasThemingScope"
233582
+ }
230963
233583
  }
230964
233584
  ]
230965
233585
  }
230966
233586
  },
233587
+ {
233588
+ "name": "CanvasProviderTheme",
233589
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts",
233590
+ "description": "Theme input accepted by {@link CanvasProvider}.\n- Numerical `brand` shape (preferred)\n- Deprecated `canvas.palette` shape (legacy)",
233591
+ "declarations": [
233592
+ {
233593
+ "name": "CanvasProviderTheme",
233594
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233595
+ }
233596
+ ],
233597
+ "tags": {},
233598
+ "type": {
233599
+ "kind": "type",
233600
+ "typeParameters": [],
233601
+ "value": {
233602
+ "kind": "union",
233603
+ "value": [
233604
+ {
233605
+ "kind": "parenthesis",
233606
+ "value": {
233607
+ "kind": "intersection",
233608
+ "value": [
233609
+ {
233610
+ "kind": "symbol",
233611
+ "name": "PartialEmotionCanvasTheme",
233612
+ "value": "PartialEmotionCanvasTheme"
233613
+ },
233614
+ {
233615
+ "kind": "object",
233616
+ "properties": [
233617
+ {
233618
+ "kind": "property",
233619
+ "name": "themeScope",
233620
+ "required": false,
233621
+ "type": {
233622
+ "kind": "symbol",
233623
+ "name": "CanvasThemingScope",
233624
+ "value": "CanvasThemingScope"
233625
+ },
233626
+ "description": "",
233627
+ "declarations": [
233628
+ {
233629
+ "name": "themeScope",
233630
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233631
+ }
233632
+ ],
233633
+ "tags": {}
233634
+ }
233635
+ ]
233636
+ }
233637
+ ]
233638
+ }
233639
+ },
233640
+ {
233641
+ "kind": "symbol",
233642
+ "name": "CanvasNumericalBrandTheme",
233643
+ "value": "CanvasNumericalBrandTheme"
233644
+ }
233645
+ ]
233646
+ }
233647
+ }
233648
+ },
233649
+ {
233650
+ "name": "isNumericalTheme",
233651
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts",
233652
+ "description": "",
233653
+ "declarations": [
233654
+ {
233655
+ "name": "isNumericalTheme",
233656
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233657
+ }
233658
+ ],
233659
+ "tags": {},
233660
+ "type": {
233661
+ "kind": "function",
233662
+ "parameters": [
233663
+ {
233664
+ "kind": "parameter",
233665
+ "name": "theme",
233666
+ "type": {
233667
+ "kind": "union",
233668
+ "value": [
233669
+ {
233670
+ "kind": "symbol",
233671
+ "name": "CanvasProviderTheme",
233672
+ "value": "CanvasProviderTheme"
233673
+ },
233674
+ {
233675
+ "kind": "primitive",
233676
+ "value": "undefined"
233677
+ }
233678
+ ]
233679
+ },
233680
+ "required": false,
233681
+ "rest": false,
233682
+ "description": "",
233683
+ "declarations": [
233684
+ {
233685
+ "name": "theme",
233686
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233687
+ }
233688
+ ],
233689
+ "tags": {}
233690
+ }
233691
+ ],
233692
+ "members": [],
233693
+ "returnType": {
233694
+ "kind": "unknown",
233695
+ "value": "unknown",
233696
+ "text": "theme is CanvasNumericalBrandTheme"
233697
+ }
233698
+ }
233699
+ },
233700
+ {
233701
+ "name": "resolveThemingScope",
233702
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts",
233703
+ "description": "",
233704
+ "declarations": [
233705
+ {
233706
+ "name": "resolveThemingScope",
233707
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233708
+ }
233709
+ ],
233710
+ "tags": {},
233711
+ "type": {
233712
+ "kind": "function",
233713
+ "parameters": [
233714
+ {
233715
+ "kind": "parameter",
233716
+ "name": "theme",
233717
+ "type": {
233718
+ "kind": "union",
233719
+ "value": [
233720
+ {
233721
+ "kind": "symbol",
233722
+ "name": "CanvasProviderTheme",
233723
+ "value": "CanvasProviderTheme"
233724
+ },
233725
+ {
233726
+ "kind": "primitive",
233727
+ "value": "undefined"
233728
+ }
233729
+ ]
233730
+ },
233731
+ "required": false,
233732
+ "rest": false,
233733
+ "description": "",
233734
+ "declarations": [
233735
+ {
233736
+ "name": "theme",
233737
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
233738
+ }
233739
+ ],
233740
+ "tags": {}
233741
+ }
233742
+ ],
233743
+ "members": [],
233744
+ "returnType": {
233745
+ "kind": "symbol",
233746
+ "name": "CanvasThemingScope",
233747
+ "value": "CanvasThemingScope"
233748
+ }
233749
+ }
233750
+ },
230967
233751
  {
230968
233752
  "name": "useIsRTL",
230969
233753
  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/useIsRTL.ts",
@@ -437154,8 +439938,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
437154
439938
  "required": false,
437155
439939
  "type": {
437156
439940
  "kind": "symbol",
437157
- "name": "PartialEmotionCanvasTheme",
437158
- "value": "PartialEmotionCanvasTheme"
439941
+ "name": "CanvasProviderTheme",
439942
+ "value": "CanvasProviderTheme"
437159
439943
  },
437160
439944
  "description": "",
437161
439945
  "declarations": [