@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.
- package/dist/es6/lib/docs.js +2801 -17
- package/dist/es6/lib/specs.js +1549 -615
- package/dist/es6/lib/stackblitzFiles/packageJSONFile.js +5 -5
- package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts +5 -5
- package/dist/es6/utils/parseSpecFile.d.ts.map +1 -1
- package/dist/es6/utils/parseSpecFile.js +27 -6
- package/dist/mdx/16.0-UPGRADE-GUIDE.mdx +148 -3
- package/dist/mdx/react/common/mdx/Theming.mdx +75 -431
- package/dist/mdx/react/common/mdx/examples/SimplifiedSanaSetup.tsx +35 -0
- package/dist/mdx/react/common/mdx/examples/ThemingBrandScope.tsx +29 -0
- package/package.json +6 -6
- package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/CommentBoxWithCharLimit.d.ts +0 -2
- package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/CommentBoxWithCharLimit.d.ts.map +0 -1
- package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/CommentBoxWithCharLimit.js +0 -31
- package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/FilterListWithLiveStatus.d.ts +0 -2
- package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/FilterListWithLiveStatus.d.ts.map +0 -1
- package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/FilterListWithLiveStatus.js +0 -43
- package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/HiddenLiveRegion.d.ts +0 -2
- package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/HiddenLiveRegion.d.ts.map +0 -1
- package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/HiddenLiveRegion.js +0 -27
- package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/IconButtonsWithLiveBadges.d.ts +0 -2
- package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/IconButtonsWithLiveBadges.d.ts.map +0 -1
- package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/IconButtonsWithLiveBadges.js +0 -56
- package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/TextInputWithLiveError.d.ts +0 -2
- package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/TextInputWithLiveError.d.ts.map +0 -1
- package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/TextInputWithLiveError.js +0 -19
- package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/VisibleLiveRegion.d.ts +0 -2
- package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/VisibleLiveRegion.d.ts.map +0 -1
- package/dist/es6/mdx/accessibility/examples/AriaLiveRegions/VisibleLiveRegion.js +0 -35
- package/dist/es6/mdx/accessibility/examples/GlobalHeader.d.ts +0 -8
- package/dist/es6/mdx/accessibility/examples/GlobalHeader.d.ts.map +0 -1
- package/dist/es6/mdx/accessibility/examples/GlobalHeader.js +0 -149
- package/dist/es6/mdx/accessibility/examples/PageStructure/BreadcrumbNavRegion.d.ts +0 -2
- package/dist/es6/mdx/accessibility/examples/PageStructure/BreadcrumbNavRegion.d.ts.map +0 -1
- package/dist/es6/mdx/accessibility/examples/PageStructure/BreadcrumbNavRegion.js +0 -12
- package/dist/es6/mdx/accessibility/examples/PageStructure/FullPageDemo.d.ts +0 -2
- package/dist/es6/mdx/accessibility/examples/PageStructure/FullPageDemo.d.ts.map +0 -1
- package/dist/es6/mdx/accessibility/examples/PageStructure/FullPageDemo.js +0 -46
- package/dist/es6/mdx/accessibility/examples/PageStructure/LandmarkRegions.d.ts +0 -2
- package/dist/es6/mdx/accessibility/examples/PageStructure/LandmarkRegions.d.ts.map +0 -1
- package/dist/es6/mdx/accessibility/examples/PageStructure/LandmarkRegions.js +0 -28
- package/dist/es6/mdx/accessibility/examples/Popups/InlinePopupNoPortal.d.ts +0 -2
- package/dist/es6/mdx/accessibility/examples/Popups/InlinePopupNoPortal.d.ts.map +0 -1
- package/dist/es6/mdx/accessibility/examples/Popups/InlinePopupNoPortal.js +0 -62
- package/dist/es6/mdx/accessibility/examples/Popups/InlinePortalPopup.d.ts +0 -7
- package/dist/es6/mdx/accessibility/examples/Popups/InlinePortalPopup.d.ts.map +0 -1
- package/dist/es6/mdx/accessibility/examples/Popups/InlinePortalPopup.js +0 -65
- package/dist/es6/mdx/accessibility/examples/Popups/PopupAriaOwns.d.ts +0 -7
- package/dist/es6/mdx/accessibility/examples/Popups/PopupAriaOwns.d.ts.map +0 -1
- package/dist/es6/mdx/accessibility/examples/Popups/PopupAriaOwns.js +0 -46
- package/dist/es6/mdx/accessibility/examples/SidePanelWithNavigation.d.ts +0 -3
- package/dist/es6/mdx/accessibility/examples/SidePanelWithNavigation.d.ts.map +0 -1
- package/dist/es6/mdx/accessibility/examples/SidePanelWithNavigation.js +0 -100
- package/dist/es6/mdx/accessibility/examples/SidePanelWithOverlay.d.ts +0 -2
- package/dist/es6/mdx/accessibility/examples/SidePanelWithOverlay.d.ts.map +0 -1
- package/dist/es6/mdx/accessibility/examples/SidePanelWithOverlay.js +0 -30
- package/dist/es6/mdx/accessibility/examples/Table/WithColumnHeaderFilters.d.ts +0 -2
- package/dist/es6/mdx/accessibility/examples/Table/WithColumnHeaderFilters.d.ts.map +0 -1
- package/dist/es6/mdx/accessibility/examples/Table/WithColumnHeaderFilters.js +0 -101
- package/dist/es6/mdx/accessibility/examples/Table/WithExpandableRows.d.ts +0 -2
- package/dist/es6/mdx/accessibility/examples/Table/WithExpandableRows.d.ts.map +0 -1
- package/dist/es6/mdx/accessibility/examples/Table/WithExpandableRows.js +0 -115
- package/dist/es6/mdx/accessibility/examples/Table/WithFormFields.d.ts +0 -2
- package/dist/es6/mdx/accessibility/examples/Table/WithFormFields.d.ts.map +0 -1
- package/dist/es6/mdx/accessibility/examples/Table/WithFormFields.js +0 -79
- package/dist/es6/mdx/accessibility/examples/Table/WithSelectableRows.d.ts +0 -2
- package/dist/es6/mdx/accessibility/examples/Table/WithSelectableRows.d.ts.map +0 -1
- package/dist/es6/mdx/accessibility/examples/Table/WithSelectableRows.js +0 -89
- package/dist/es6/mdx/accessibility/examples/Table/WithSortableColumnHeaders.d.ts +0 -2
- package/dist/es6/mdx/accessibility/examples/Table/WithSortableColumnHeaders.d.ts.map +0 -1
- package/dist/es6/mdx/accessibility/examples/Table/WithSortableColumnHeaders.js +0 -114
- package/dist/es6/mdx/installBlock.d.ts +0 -6
- package/dist/es6/mdx/installBlock.d.ts.map +0 -1
- package/dist/es6/mdx/installBlock.js +0 -35
- package/dist/es6/mdx/style-props/examples/Background.d.ts +0 -2
- package/dist/es6/mdx/style-props/examples/Background.d.ts.map +0 -1
- package/dist/es6/mdx/style-props/examples/Background.js +0 -13
- package/dist/es6/mdx/style-props/examples/Border.d.ts +0 -2
- package/dist/es6/mdx/style-props/examples/Border.d.ts.map +0 -1
- package/dist/es6/mdx/style-props/examples/Border.js +0 -11
- package/dist/es6/mdx/style-props/examples/Color.d.ts +0 -2
- package/dist/es6/mdx/style-props/examples/Color.d.ts.map +0 -1
- package/dist/es6/mdx/style-props/examples/Color.js +0 -10
- package/dist/es6/mdx/style-props/examples/Depth.d.ts +0 -2
- package/dist/es6/mdx/style-props/examples/Depth.d.ts.map +0 -1
- package/dist/es6/mdx/style-props/examples/Depth.js +0 -11
- package/dist/es6/mdx/style-props/examples/Flex.d.ts +0 -2
- package/dist/es6/mdx/style-props/examples/Flex.d.ts.map +0 -1
- package/dist/es6/mdx/style-props/examples/Flex.js +0 -9
- package/dist/es6/mdx/style-props/examples/FlexItem.d.ts +0 -2
- package/dist/es6/mdx/style-props/examples/FlexItem.d.ts.map +0 -1
- package/dist/es6/mdx/style-props/examples/FlexItem.js +0 -9
- package/dist/es6/mdx/style-props/examples/Grid.d.ts +0 -2
- package/dist/es6/mdx/style-props/examples/Grid.d.ts.map +0 -1
- package/dist/es6/mdx/style-props/examples/Grid.js +0 -7
- package/dist/es6/mdx/style-props/examples/GridItem.d.ts +0 -2
- package/dist/es6/mdx/style-props/examples/GridItem.d.ts.map +0 -1
- package/dist/es6/mdx/style-props/examples/GridItem.js +0 -7
- package/dist/es6/mdx/style-props/examples/Layout.d.ts +0 -2
- package/dist/es6/mdx/style-props/examples/Layout.d.ts.map +0 -1
- package/dist/es6/mdx/style-props/examples/Layout.js +0 -10
- package/dist/es6/mdx/style-props/examples/Other.d.ts +0 -2
- package/dist/es6/mdx/style-props/examples/Other.d.ts.map +0 -1
- package/dist/es6/mdx/style-props/examples/Other.js +0 -11
- package/dist/es6/mdx/style-props/examples/Position.d.ts +0 -2
- package/dist/es6/mdx/style-props/examples/Position.d.ts.map +0 -1
- package/dist/es6/mdx/style-props/examples/Position.js +0 -12
- package/dist/es6/mdx/style-props/examples/Space.d.ts +0 -2
- package/dist/es6/mdx/style-props/examples/Space.d.ts.map +0 -1
- package/dist/es6/mdx/style-props/examples/Space.js +0 -9
- package/dist/es6/mdx/style-props/examples/Text.d.ts +0 -2
- package/dist/es6/mdx/style-props/examples/Text.d.ts.map +0 -1
- package/dist/es6/mdx/style-props/examples/Text.js +0 -3
- package/dist/es6/mdx/tokens/StorybookInformationHighlight/index.d.ts +0 -2
- package/dist/es6/mdx/tokens/StorybookInformationHighlight/index.d.ts.map +0 -1
- package/dist/es6/mdx/tokens/StorybookInformationHighlight/index.js +0 -6
- package/dist/es6/mdx/versionsTable.d.ts +0 -2
- package/dist/es6/mdx/versionsTable.d.ts.map +0 -1
- package/dist/es6/mdx/versionsTable.js +0 -60
- package/dist/es6/mdx/welcomePage.d.ts +0 -2
- package/dist/es6/mdx/welcomePage.d.ts.map +0 -1
- package/dist/es6/mdx/welcomePage.js +0 -57
package/dist/es6/lib/docs.js
CHANGED
|
@@ -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": "
|
|
227294
|
-
"value": "
|
|
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": "
|
|
227404
|
-
"value": "
|
|
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#
|
|
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": "
|
|
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
|
-
"
|
|
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": "
|
|
230949
|
-
"required":
|
|
233305
|
+
"name": "brand",
|
|
233306
|
+
"required": false,
|
|
230950
233307
|
"type": {
|
|
230951
|
-
"kind": "
|
|
230952
|
-
"
|
|
230953
|
-
|
|
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": "
|
|
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": "
|
|
437158
|
-
"value": "
|
|
439941
|
+
"name": "CanvasProviderTheme",
|
|
439942
|
+
"value": "CanvasProviderTheme"
|
|
437159
439943
|
},
|
|
437160
439944
|
"description": "",
|
|
437161
439945
|
"declarations": [
|