@atlaskit/navigation-system 9.4.2 → 10.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/CHANGELOG.md +36 -0
- package/constellation/layout/code.mdx +2 -1
- package/constellation/layout/usage.mdx +7 -7
- package/dist/cjs/components/skip-links/skip-link.js +0 -1
- package/dist/cjs/ui/page-layout/root.compiled.css +1 -0
- package/dist/cjs/ui/page-layout/root.js +8 -3
- package/dist/cjs/ui/top-nav-items/nav-logo/custom-logo.js +0 -1
- package/dist/es2019/components/skip-links/skip-link.js +0 -1
- package/dist/es2019/ui/page-layout/root.compiled.css +1 -0
- package/dist/es2019/ui/page-layout/root.js +8 -3
- package/dist/es2019/ui/top-nav-items/nav-logo/custom-logo.js +0 -1
- package/dist/esm/components/skip-links/skip-link.js +0 -1
- package/dist/esm/ui/page-layout/root.compiled.css +1 -0
- package/dist/esm/ui/page-layout/root.js +8 -3
- package/dist/esm/ui/top-nav-items/nav-logo/custom-logo.js +0 -1
- package/experimental/ribbon/package.json +1 -8
- package/fhs-rollout/package.json +1 -8
- package/layout/aside/package.json +1 -8
- package/layout/banner/package.json +1 -8
- package/layout/main/package.json +1 -8
- package/layout/panel/package.json +1 -8
- package/layout/panel-splitter/package.json +1 -8
- package/layout/root/package.json +1 -8
- package/layout/side-nav/package.json +1 -8
- package/layout/skip-links/package.json +1 -8
- package/layout/top-nav/package.json +1 -8
- package/legacy/css-variables/package.json +1 -8
- package/package.json +42 -50
- package/theming/color-utils/parse-hex/package.json +1 -8
- package/theming/color-utils/parse-hsl/package.json +1 -8
- package/theming/color-utils/parse-rgb/package.json +1 -8
- package/theming/color-utils/parse-user-color/package.json +1 -8
- package/theming/top-nav-button/package.json +1 -8
- package/theming/use-has-custom-theme/package.json +1 -8
- package/theming/use-legacy-search-theme/package.json +1 -8
- package/top-nav-items/create-button/package.json +1 -8
- package/top-nav-items/custom-title/package.json +1 -8
- package/top-nav-items/help/package.json +1 -8
- package/top-nav-items/log-in/package.json +1 -8
- package/top-nav-items/notifications/package.json +1 -8
- package/top-nav-items/package.json +1 -8
- package/top-nav-items/profile/package.json +1 -8
- package/top-nav-items/settings/package.json +1 -8
- package/dist/types-ts4.5/components/badge-container.d.ts +0 -32
- package/dist/types-ts4.5/components/list-item.d.ts +0 -27
- package/dist/types-ts4.5/components/list.d.ts +0 -28
- package/dist/types-ts4.5/components/skip-links/focus-element.d.ts +0 -4
- package/dist/types-ts4.5/components/skip-links/skip-link.d.ts +0 -19
- package/dist/types-ts4.5/components/skip-links/skip-links-container.d.ts +0 -18
- package/dist/types-ts4.5/components/skip-links/skip-links-popup.d.ts +0 -11
- package/dist/types-ts4.5/context/skip-links/skip-links-context.d.ts +0 -9
- package/dist/types-ts4.5/context/skip-links/skip-links-provider.d.ts +0 -13
- package/dist/types-ts4.5/context/skip-links/types.d.ts +0 -44
- package/dist/types-ts4.5/context/skip-links/use-skip-link-internal.d.ts +0 -10
- package/dist/types-ts4.5/context/skip-links/use-skip-link.d.ts +0 -18
- package/dist/types-ts4.5/context/top-nav-start/top-nav-start-attach-ref.d.ts +0 -1
- package/dist/types-ts4.5/context/top-nav-start/top-nav-start-context-provider.d.ts +0 -17
- package/dist/types-ts4.5/context/top-nav-start/top-nav-start-element.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/experimental/ribbon.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/fhs-rollout.d.ts +0 -3
- package/dist/types-ts4.5/entry-points/layout/aside.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/layout/banner.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/layout/main.d.ts +0 -3
- package/dist/types-ts4.5/entry-points/layout/panel-splitter.d.ts +0 -3
- package/dist/types-ts4.5/entry-points/layout/panel.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/layout/root.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/layout/side-nav.d.ts +0 -8
- package/dist/types-ts4.5/entry-points/layout/skip-links.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/layout/top-nav.d.ts +0 -4
- package/dist/types-ts4.5/entry-points/legacy/css-variables.d.ts +0 -12
- package/dist/types-ts4.5/entry-points/theming/color-utils/parse-hex.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/theming/color-utils/parse-hsl.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/theming/color-utils/parse-rgb.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/theming/color-utils/parse-user-color.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/theming/top-nav-button.d.ts +0 -4
- package/dist/types-ts4.5/entry-points/theming/use-has-custom-theme.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/theming/use-legacy-search-theme.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/top-nav-items/create-button.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/top-nav-items/custom-title.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/top-nav-items/help.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/top-nav-items/index.d.ts +0 -14
- package/dist/types-ts4.5/entry-points/top-nav-items/log-in.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/top-nav-items/notifications.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/top-nav-items/profile.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/top-nav-items/settings.d.ts +0 -1
- package/dist/types-ts4.5/index.d.ts +0 -34
- package/dist/types-ts4.5/ui/fhs-rollout/is-custom-is-fhs-enabled-context.d.ts +0 -7
- package/dist/types-ts4.5/ui/fhs-rollout/is-fhs-enabled-context.d.ts +0 -8
- package/dist/types-ts4.5/ui/fhs-rollout/is-fhs-enabled-provider.d.ts +0 -10
- package/dist/types-ts4.5/ui/fhs-rollout/types.d.ts +0 -1
- package/dist/types-ts4.5/ui/fhs-rollout/use-is-fhs-enabled.d.ts +0 -6
- package/dist/types-ts4.5/ui/page-layout/aside.d.ts +0 -29
- package/dist/types-ts4.5/ui/page-layout/banner.d.ts +0 -24
- package/dist/types-ts4.5/ui/page-layout/constants.d.ts +0 -50
- package/dist/types-ts4.5/ui/page-layout/dangerously-hoist-css-var-to-document-root.d.ts +0 -8
- package/dist/types-ts4.5/ui/page-layout/hoist-css-var-to-local-grid.d.ts +0 -13
- package/dist/types-ts4.5/ui/page-layout/hoist-slot-sizes-context.d.ts +0 -5
- package/dist/types-ts4.5/ui/page-layout/main/main-sticky-header.d.ts +0 -23
- package/dist/types-ts4.5/ui/page-layout/main/main.d.ts +0 -16
- package/dist/types-ts4.5/ui/page-layout/panel-splitter/convert-resize-bound-to-pixels.d.ts +0 -7
- package/dist/types-ts4.5/ui/page-layout/panel-splitter/get-percentage-within-pixel-bounds.d.ts +0 -18
- package/dist/types-ts4.5/ui/page-layout/panel-splitter/get-pixel-width.d.ts +0 -4
- package/dist/types-ts4.5/ui/page-layout/panel-splitter/get-width-from-drag-location.d.ts +0 -8
- package/dist/types-ts4.5/ui/page-layout/panel-splitter/is-panel-splitter-drag-data.d.ts +0 -9
- package/dist/types-ts4.5/ui/page-layout/panel-splitter/keyboard-resize-manager.d.ts +0 -15
- package/dist/types-ts4.5/ui/page-layout/panel-splitter/on-double-click-context.d.ts +0 -8
- package/dist/types-ts4.5/ui/page-layout/panel-splitter/panel-splitter-context.d.ts +0 -64
- package/dist/types-ts4.5/ui/page-layout/panel-splitter/panel-splitter-drag-symbol.d.ts +0 -1
- package/dist/types-ts4.5/ui/page-layout/panel-splitter/panel-splitter.d.ts +0 -52
- package/dist/types-ts4.5/ui/page-layout/panel-splitter/provider.d.ts +0 -28
- package/dist/types-ts4.5/ui/page-layout/panel-splitter/side-nav-panel-splitter.d.ts +0 -38
- package/dist/types-ts4.5/ui/page-layout/panel-splitter/types.d.ts +0 -23
- package/dist/types-ts4.5/ui/page-layout/panel.d.ts +0 -40
- package/dist/types-ts4.5/ui/page-layout/ribbon.d.ts +0 -11
- package/dist/types-ts4.5/ui/page-layout/root.d.ts +0 -71
- package/dist/types-ts4.5/ui/page-layout/side-nav/flyout-close-delay-ms.d.ts +0 -5
- package/dist/types-ts4.5/ui/page-layout/side-nav/is-side-nav-shortcut-enabled-context.d.ts +0 -8
- package/dist/types-ts4.5/ui/page-layout/side-nav/is-side-nav-shortcut-enabled-provider.d.ts +0 -5
- package/dist/types-ts4.5/ui/page-layout/side-nav/set-side-nav-visibility-state.d.ts +0 -3
- package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-content.d.ts +0 -24
- package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-element-provider.d.ts +0 -4
- package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-footer.d.ts +0 -19
- package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-header.d.ts +0 -14
- package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-ref-context.d.ts +0 -2
- package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-toggle-button-attach-ref.d.ts +0 -1
- package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-toggle-button-element.d.ts +0 -5
- package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-toggle-tooltip-keyboard-shortcut.d.ts +0 -6
- package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-visibility-state.d.ts +0 -6
- package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav.d.ts +0 -93
- package/dist/types-ts4.5/ui/page-layout/side-nav/toggle-button-provider.d.ts +0 -17
- package/dist/types-ts4.5/ui/page-layout/side-nav/toggle-button.d.ts +0 -52
- package/dist/types-ts4.5/ui/page-layout/side-nav/types.d.ts +0 -61
- package/dist/types-ts4.5/ui/page-layout/side-nav/use-expand-side-nav.d.ts +0 -16
- package/dist/types-ts4.5/ui/page-layout/side-nav/use-is-side-nav-shortcut-enabled.d.ts +0 -5
- package/dist/types-ts4.5/ui/page-layout/side-nav/use-side-nav-ref.d.ts +0 -7
- package/dist/types-ts4.5/ui/page-layout/side-nav/use-side-nav-toggle-keyboard-shortcut.d.ts +0 -6
- package/dist/types-ts4.5/ui/page-layout/side-nav/use-side-nav-visibility-callbacks.d.ts +0 -16
- package/dist/types-ts4.5/ui/page-layout/side-nav/use-side-nav-visibility.d.ts +0 -20
- package/dist/types-ts4.5/ui/page-layout/side-nav/use-toggle-side-nav.d.ts +0 -16
- package/dist/types-ts4.5/ui/page-layout/side-nav/visibility-provider.d.ts +0 -8
- package/dist/types-ts4.5/ui/page-layout/top-nav/top-nav-end.d.ts +0 -29
- package/dist/types-ts4.5/ui/page-layout/top-nav/top-nav-middle.d.ts +0 -24
- package/dist/types-ts4.5/ui/page-layout/top-nav/top-nav-start.d.ts +0 -32
- package/dist/types-ts4.5/ui/page-layout/top-nav/top-nav.d.ts +0 -29
- package/dist/types-ts4.5/ui/page-layout/types.d.ts +0 -20
- package/dist/types-ts4.5/ui/page-layout/use-layout-id.d.ts +0 -12
- package/dist/types-ts4.5/ui/page-layout/use-resizing-width-css-var-on-root-element.d.ts +0 -9
- package/dist/types-ts4.5/ui/page-layout/use-safe-default-width.d.ts +0 -17
- package/dist/types-ts4.5/ui/page-layout/use-skip-link-id.d.ts +0 -5
- package/dist/types-ts4.5/ui/top-nav-items/app-switcher.d.ts +0 -32
- package/dist/types-ts4.5/ui/top-nav-items/chat-button.d.ts +0 -25
- package/dist/types-ts4.5/ui/top-nav-items/create-button.d.ts +0 -30
- package/dist/types-ts4.5/ui/top-nav-items/custom-title.d.ts +0 -23
- package/dist/types-ts4.5/ui/top-nav-items/end-item.d.ts +0 -80
- package/dist/types-ts4.5/ui/top-nav-items/help.d.ts +0 -19
- package/dist/types-ts4.5/ui/top-nav-items/icon-renderer.d.ts +0 -17
- package/dist/types-ts4.5/ui/top-nav-items/log-in.d.ts +0 -36
- package/dist/types-ts4.5/ui/top-nav-items/nav-logo/app-logo.d.ts +0 -37
- package/dist/types-ts4.5/ui/top-nav-items/nav-logo/custom-logo.d.ts +0 -36
- package/dist/types-ts4.5/ui/top-nav-items/nav-logo/logo-renderer.d.ts +0 -11
- package/dist/types-ts4.5/ui/top-nav-items/notifications.d.ts +0 -16
- package/dist/types-ts4.5/ui/top-nav-items/profile.d.ts +0 -15
- package/dist/types-ts4.5/ui/top-nav-items/search.d.ts +0 -38
- package/dist/types-ts4.5/ui/top-nav-items/settings.d.ts +0 -11
- package/dist/types-ts4.5/ui/top-nav-items/themed/button.d.ts +0 -7
- package/dist/types-ts4.5/ui/top-nav-items/themed/color-utils/formats/hex.d.ts +0 -9
- package/dist/types-ts4.5/ui/top-nav-items/themed/color-utils/formats/hsl.d.ts +0 -7
- package/dist/types-ts4.5/ui/top-nav-items/themed/color-utils/formats/rgb.d.ts +0 -7
- package/dist/types-ts4.5/ui/top-nav-items/themed/color-utils/index.d.ts +0 -21
- package/dist/types-ts4.5/ui/top-nav-items/themed/color-utils/parse-user-color.d.ts +0 -13
- package/dist/types-ts4.5/ui/top-nav-items/themed/color-utils/types.d.ts +0 -17
- package/dist/types-ts4.5/ui/top-nav-items/themed/get-custom-theme-styles.d.ts +0 -22
- package/dist/types-ts4.5/ui/top-nav-items/themed/get-primitives-spread-props.d.ts +0 -16
- package/dist/types-ts4.5/ui/top-nav-items/themed/has-custom-theme-context.d.ts +0 -8
- package/dist/types-ts4.5/ui/top-nav-items/themed/has-default-background-color-context.d.ts +0 -5
- package/dist/types-ts4.5/ui/top-nav-items/themed/icon-button.d.ts +0 -7
- package/dist/types-ts4.5/ui/top-nav-items/themed/link-button.d.ts +0 -3
- package/dist/types-ts4.5/ui/top-nav-items/themed/link-icon-button.d.ts +0 -7
- package/dist/types-ts4.5/ui/top-nav-items/themed/palette-rgba.d.ts +0 -14
- package/dist/types-ts4.5/ui/top-nav-items/themed/palette.d.ts +0 -42
- package/dist/types-ts4.5/ui/top-nav-items/themed/search.d.ts +0 -55
- package/dist/types-ts4.5/ui/top-nav-items/themed/themed-anchor.d.ts +0 -32
- package/dist/types-ts4.5/ui/top-nav-items/themed/themed-button.d.ts +0 -10
- package/dist/types-ts4.5/ui/top-nav-items/themed/themed-icon-button.d.ts +0 -10
- package/dist/types-ts4.5/ui/top-nav-items/themed/themed-link-button.d.ts +0 -16
- package/dist/types-ts4.5/ui/top-nav-items/themed/themed-link-icon-button.d.ts +0 -13
- package/dist/types-ts4.5/ui/top-nav-items/themed/themed-pressable.d.ts +0 -18
- package/dist/types-ts4.5/ui/top-nav-items/themed/types.d.ts +0 -54
- package/dist/types-ts4.5/ui/top-nav-items/themed/use-custom-theme-new.d.ts +0 -20
- package/dist/types-ts4.5/ui/top-nav-items/themed/use-custom-theme.d.ts +0 -12
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* __Chat button__
|
|
4
|
-
*
|
|
5
|
-
* The chat button for the top navigation.
|
|
6
|
-
* TODO: check if this is still needed and remove. Jira doesn't use it - there's a separate button for ConversationAssistant
|
|
7
|
-
*/
|
|
8
|
-
export declare const ChatButton: ({ children, onClick, isSelected, interactionName, }: {
|
|
9
|
-
/**
|
|
10
|
-
* Text content to be rendered in the button.
|
|
11
|
-
*/
|
|
12
|
-
children: React.ReactNode;
|
|
13
|
-
/**
|
|
14
|
-
* Handler called on click.
|
|
15
|
-
*/
|
|
16
|
-
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
17
|
-
/**
|
|
18
|
-
* Indicates that the button is selected.
|
|
19
|
-
*/
|
|
20
|
-
isSelected?: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
|
|
23
|
-
*/
|
|
24
|
-
interactionName?: string;
|
|
25
|
-
}) => React.JSX.Element;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
3
|
-
type CreateButtonProps = {
|
|
4
|
-
/**
|
|
5
|
-
* The content of the button.
|
|
6
|
-
*/
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
/**
|
|
9
|
-
* Handler called on click. You can use the second argument to fire Atlaskit analytics events on custom channels.
|
|
10
|
-
* They could then be routed to GASv3 analytics. See the pressable or anchor primitive code examples for
|
|
11
|
-
* information on [firing Atlaskit analytics events](https://atlassian.design/components/primitives/pressable/examples#atlaskit-analytics)
|
|
12
|
-
* or [routing these to GASv3 analytics](https://atlassian.design/components/primitives/pressable/examples#gasv3-analytics).
|
|
13
|
-
*/
|
|
14
|
-
onClick?: (e: React.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
|
|
15
|
-
/**
|
|
16
|
-
* A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
|
|
17
|
-
*/
|
|
18
|
-
testId?: string;
|
|
19
|
-
/**
|
|
20
|
-
* An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
|
|
21
|
-
*/
|
|
22
|
-
interactionName?: string;
|
|
23
|
-
};
|
|
24
|
-
/**
|
|
25
|
-
* __Create button__
|
|
26
|
-
*
|
|
27
|
-
* The create button for the top navigation.
|
|
28
|
-
*/
|
|
29
|
-
export declare const CreateButton: React.ForwardRefExoticComponent<React.PropsWithoutRef<CreateButtonProps> & React.RefAttributes<HTMLButtonElement>>;
|
|
30
|
-
export {};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { type ReactNode } from 'react';
|
|
6
|
-
type CustomTitleProps = {
|
|
7
|
-
/**
|
|
8
|
-
* The custom title value to display.
|
|
9
|
-
*/
|
|
10
|
-
children: ReactNode;
|
|
11
|
-
/**
|
|
12
|
-
* A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
|
|
13
|
-
*/
|
|
14
|
-
testId?: string;
|
|
15
|
-
};
|
|
16
|
-
/**
|
|
17
|
-
* __Custom title__
|
|
18
|
-
*
|
|
19
|
-
* A custom site title to be displayed in the top navigation, to the right of the logo.
|
|
20
|
-
* It is hidden on smaller viewports.
|
|
21
|
-
*/
|
|
22
|
-
export declare const CustomTitle: React.ForwardRefExoticComponent<React.PropsWithoutRef<CustomTitleProps> & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
-
export {};
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
3
|
-
import { type IconButtonProps } from '@atlaskit/button/new';
|
|
4
|
-
import type { TriggerProps } from '@atlaskit/popup/types';
|
|
5
|
-
import type { TooltipProps } from '@atlaskit/tooltip';
|
|
6
|
-
export interface EndItemProps extends Partial<Pick<TriggerProps, 'aria-controls' | 'aria-expanded' | 'aria-haspopup'>> {
|
|
7
|
-
/**
|
|
8
|
-
* Provide an accessible label, often used by screen readers.
|
|
9
|
-
*/
|
|
10
|
-
label: React.ReactNode;
|
|
11
|
-
/**
|
|
12
|
-
* Places an icon within the button.
|
|
13
|
-
*/
|
|
14
|
-
icon: IconButtonProps['icon'];
|
|
15
|
-
/**
|
|
16
|
-
* Handler called on click. You can use the second argument to fire Atlaskit analytics events on custom channels.
|
|
17
|
-
* They could then be routed to GASv3 analytics. See the pressable or anchor primitive code examples for
|
|
18
|
-
* information on [firing Atlaskit analytics events](https://atlassian.design/components/primitives/pressable/examples#atlaskit-analytics)
|
|
19
|
-
* or [routing these to GASv3 analytics](https://atlassian.design/components/primitives/pressable/examples#gasv3-analytics).
|
|
20
|
-
*/
|
|
21
|
-
onClick?: (e: React.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
|
|
22
|
-
/**
|
|
23
|
-
* Called when the mouse enters the element container.
|
|
24
|
-
* Allows preloading popup components
|
|
25
|
-
*/
|
|
26
|
-
onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
|
|
27
|
-
/**
|
|
28
|
-
* Indicates that the button is selected.
|
|
29
|
-
*/
|
|
30
|
-
isSelected?: boolean;
|
|
31
|
-
/**
|
|
32
|
-
* A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
|
|
33
|
-
*/
|
|
34
|
-
testId?: string;
|
|
35
|
-
/**
|
|
36
|
-
* An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
|
|
37
|
-
*/
|
|
38
|
-
interactionName?: string;
|
|
39
|
-
/**
|
|
40
|
-
* Can be used to disable the default `listitem` role.
|
|
41
|
-
*
|
|
42
|
-
* This is intended for when the item is a popup trigger,
|
|
43
|
-
* and requires you to render your own `<MenuListItem>` to wrap the action.
|
|
44
|
-
*
|
|
45
|
-
* @default true
|
|
46
|
-
*
|
|
47
|
-
* @example
|
|
48
|
-
* ```tsx
|
|
49
|
-
* <TopNavEnd>
|
|
50
|
-
* <MenuListItem>
|
|
51
|
-
* <DropdownMenu
|
|
52
|
-
* shouldRenderToParent
|
|
53
|
-
* trigger={({ triggerRef, ...props }) => (
|
|
54
|
-
* <Profile {...props} ref={triggerRef} label="Profile" isListItem={false} />
|
|
55
|
-
* )}
|
|
56
|
-
* >
|
|
57
|
-
* <DropdownItemGroup>
|
|
58
|
-
* <DropdownItem>Account</DropdownItem>
|
|
59
|
-
* </DropdownItemGroup>
|
|
60
|
-
* </DropdownMenu>
|
|
61
|
-
* </MenuListItem>
|
|
62
|
-
* </TopNavEnd>
|
|
63
|
-
* ```
|
|
64
|
-
*/
|
|
65
|
-
isListItem?: boolean;
|
|
66
|
-
/**
|
|
67
|
-
* Display a keyboard shortcut in the tooltip.
|
|
68
|
-
*
|
|
69
|
-
* Keys will be displayed as individual keyboard key segments after the tooltip content.
|
|
70
|
-
*/
|
|
71
|
-
shortcut?: TooltipProps['shortcut'];
|
|
72
|
-
}
|
|
73
|
-
/**
|
|
74
|
-
* __EndItem__
|
|
75
|
-
*
|
|
76
|
-
* An icon button for the `TopNavEnd` layout area of the top navigation. Used for adding custom actions that are not already provided.
|
|
77
|
-
*
|
|
78
|
-
* For common actions, like `Notifications`, `Help`, `Profile`, `Settings`, use the provided components as appropriate.
|
|
79
|
-
*/
|
|
80
|
-
export declare const EndItem: React.ForwardRefExoticComponent<React.PropsWithoutRef<EndItemProps> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
*/
|
|
4
|
-
import React, { type ComponentType } from 'react';
|
|
5
|
-
import { type EndItemProps } from './end-item';
|
|
6
|
-
interface HelpProps extends Omit<EndItemProps, 'icon' | 'aria-controls' | 'aria-expanded' | 'aria-haspopup'> {
|
|
7
|
-
/**
|
|
8
|
-
* The component to render as the badge.
|
|
9
|
-
* You are recommended to use the Badge component from `@atlaskit/badge`.
|
|
10
|
-
*/
|
|
11
|
-
badge?: ComponentType;
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* __Help__
|
|
15
|
-
*
|
|
16
|
-
* The trigger button for the help menu in the top navigation bar.
|
|
17
|
-
*/
|
|
18
|
-
export declare const Help: React.ForwardRefExoticComponent<React.PropsWithoutRef<HelpProps> & React.RefAttributes<HTMLButtonElement>>;
|
|
19
|
-
export {};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type IconProp } from '@atlaskit/button/new';
|
|
3
|
-
/**
|
|
4
|
-
* __Icon renderer__
|
|
5
|
-
*
|
|
6
|
-
* Used to support render props with icons.
|
|
7
|
-
*
|
|
8
|
-
* This is copied from @atlaskit/button to render IconButtons. Some IconButton's DOM element
|
|
9
|
-
* will be re-created during SSR -> SPA hydration without using this, which delays TTVC. As
|
|
10
|
-
* IconRenderer is already used in @atlaskit/button to mitigate this issue, add it here to
|
|
11
|
-
* mitigate the same issue for IconButtons in navigation-system, especially for ThemedIconButton.
|
|
12
|
-
*
|
|
13
|
-
*/
|
|
14
|
-
declare const IconRenderer: ({ icon: Icon }: {
|
|
15
|
-
icon: IconProp;
|
|
16
|
-
}) => React.JSX.Element;
|
|
17
|
-
export default IconRenderer;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
3
|
-
import type { AnchorProps } from '@atlaskit/primitives/anchor';
|
|
4
|
-
interface LogInProps extends Pick<AnchorProps, 'href'> {
|
|
5
|
-
/**
|
|
6
|
-
* Provide an accessible label, often used by screen readers.
|
|
7
|
-
*/
|
|
8
|
-
label: React.ReactNode;
|
|
9
|
-
/**
|
|
10
|
-
* Handler called on click. You can use the second argument to fire Atlaskit analytics events on custom channels.
|
|
11
|
-
* They could then be routed to GASv3 analytics. See the pressable or anchor primitive code examples for
|
|
12
|
-
* information on [firing Atlaskit analytics events](https://atlassian.design/components/primitives/pressable/examples#atlaskit-analytics)
|
|
13
|
-
* or [routing these to GASv3 analytics](https://atlassian.design/components/primitives/pressable/examples#gasv3-analytics).
|
|
14
|
-
*/
|
|
15
|
-
onClick?: (e: React.MouseEvent<HTMLAnchorElement>, analyticsEvent: UIAnalyticsEvent) => void;
|
|
16
|
-
/**
|
|
17
|
-
* Called when the mouse enters the element container.
|
|
18
|
-
* Allows preloading popup components
|
|
19
|
-
*/
|
|
20
|
-
onMouseEnter?: React.MouseEventHandler<HTMLAnchorElement>;
|
|
21
|
-
/**
|
|
22
|
-
* A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
|
|
23
|
-
*/
|
|
24
|
-
testId?: string;
|
|
25
|
-
/**
|
|
26
|
-
* An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
|
|
27
|
-
*/
|
|
28
|
-
interactionName?: string;
|
|
29
|
-
}
|
|
30
|
-
/**
|
|
31
|
-
* __Log in__
|
|
32
|
-
*
|
|
33
|
-
* The Log in button for the top navigation.
|
|
34
|
-
*/
|
|
35
|
-
export declare const LogIn: React.ForwardRefExoticComponent<React.PropsWithoutRef<LogInProps> & React.RefAttributes<HTMLAnchorElement>>;
|
|
36
|
-
export {};
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import type { LogoProps } from '@atlaskit/logo';
|
|
7
|
-
/**
|
|
8
|
-
* __App logo__
|
|
9
|
-
*
|
|
10
|
-
* The app logo for the top navigation.
|
|
11
|
-
*
|
|
12
|
-
* To provide a responsive experience, label text will render next to an icon at larger viewports.
|
|
13
|
-
*/
|
|
14
|
-
export declare const AppLogo: ({ name, label, href, icon, onClick, }: {
|
|
15
|
-
/**
|
|
16
|
-
* The name of the app. Will be displayed next to the logo in wider viewports, and is used as an accessible label at smaller viewports.
|
|
17
|
-
*/
|
|
18
|
-
name: string;
|
|
19
|
-
/**
|
|
20
|
-
* Provide an accessible label, often used by screen readers.
|
|
21
|
-
* This label should include the name of the app, and if applicable,
|
|
22
|
-
* the location the user will navigate to on click.
|
|
23
|
-
*/
|
|
24
|
-
label: string;
|
|
25
|
-
/**
|
|
26
|
-
* The URL to navigate to when the element is clicked.
|
|
27
|
-
*/
|
|
28
|
-
href: string;
|
|
29
|
-
/**
|
|
30
|
-
* The icon to render.
|
|
31
|
-
*/
|
|
32
|
-
icon: (props: LogoProps) => JSX.Element;
|
|
33
|
-
/**
|
|
34
|
-
* Handler called on click.
|
|
35
|
-
*/
|
|
36
|
-
onClick?: React.MouseEventHandler<HTMLAnchorElement>;
|
|
37
|
-
}) => JSX.Element;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import type { LogoProps } from '@atlaskit/logo';
|
|
7
|
-
/**
|
|
8
|
-
* __Custom logo__
|
|
9
|
-
*
|
|
10
|
-
* Custom logo for the top navigation.
|
|
11
|
-
*
|
|
12
|
-
* To provide a responsive experience, it requires both a logo and an icon component.
|
|
13
|
-
* The logo component will be used for large viewports, and the icon component will be used for small viewports.
|
|
14
|
-
*/
|
|
15
|
-
export declare const CustomLogo: ({ href, logo, icon, onClick, label, }: {
|
|
16
|
-
/**
|
|
17
|
-
* Provide an accessible label, often used by screen readers.
|
|
18
|
-
*/
|
|
19
|
-
label: string;
|
|
20
|
-
/**
|
|
21
|
-
* The URL to navigate to when the element is clicked.
|
|
22
|
-
*/
|
|
23
|
-
href: string;
|
|
24
|
-
/**
|
|
25
|
-
* The logo component to render. It will be used for large viewports.
|
|
26
|
-
*/
|
|
27
|
-
logo: (props: LogoProps) => JSX.Element;
|
|
28
|
-
/**
|
|
29
|
-
* The icon component to render. It will be used for small viewports.
|
|
30
|
-
*/
|
|
31
|
-
icon: (props: LogoProps) => JSX.Element;
|
|
32
|
-
/**
|
|
33
|
-
* Handler called on click.
|
|
34
|
-
*/
|
|
35
|
-
onClick?: React.MouseEventHandler<HTMLAnchorElement>;
|
|
36
|
-
}) => JSX.Element;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import type { LogoProps } from '@atlaskit/logo';
|
|
6
|
-
export declare const themedLogoIcon = "--ds-top-bar-logo-icon";
|
|
7
|
-
export declare const themedLogoText = "--ds-top-bar-logo-text";
|
|
8
|
-
export declare function LogoRenderer({ logoOrIcon: LogoOrIcon, shouldUseNewLogoDesign, }: {
|
|
9
|
-
logoOrIcon: (props: LogoProps) => JSX.Element;
|
|
10
|
-
shouldUseNewLogoDesign?: boolean;
|
|
11
|
-
}): JSX.Element;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React, { type ComponentType } from 'react';
|
|
2
|
-
import { type EndItemProps } from './end-item';
|
|
3
|
-
interface NotificationsProps extends Omit<EndItemProps, 'icon'> {
|
|
4
|
-
/**
|
|
5
|
-
* The component to render as the badge.
|
|
6
|
-
* You are recommended to use the Badge component from `@atlaskit/badge`.
|
|
7
|
-
*/
|
|
8
|
-
badge: ComponentType;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* __Notifications__
|
|
12
|
-
*
|
|
13
|
-
* The trigger button for the notifications menu in the top navigation bar.
|
|
14
|
-
*/
|
|
15
|
-
export declare const Notifications: React.ForwardRefExoticComponent<React.PropsWithoutRef<NotificationsProps> & React.RefAttributes<HTMLButtonElement>>;
|
|
16
|
-
export {};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type EndItemProps } from './end-item';
|
|
3
|
-
interface ProfileProps extends Omit<EndItemProps, 'icon'> {
|
|
4
|
-
/**
|
|
5
|
-
* The URL of the image to display in the avatar.
|
|
6
|
-
*/
|
|
7
|
-
src?: string;
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* __Profile__
|
|
11
|
-
*
|
|
12
|
-
* The Profile button for the top navigation.
|
|
13
|
-
*/
|
|
14
|
-
export declare const Profile: React.ForwardRefExoticComponent<React.PropsWithoutRef<ProfileProps> & React.RefAttributes<HTMLButtonElement>>;
|
|
15
|
-
export {};
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import type { NewIconProps } from '@atlaskit/icon';
|
|
7
|
-
type SearchProps = {
|
|
8
|
-
/**
|
|
9
|
-
* Provide an accessible label, often used by screen readers.
|
|
10
|
-
*/
|
|
11
|
-
label: React.ReactNode;
|
|
12
|
-
/**
|
|
13
|
-
* The icon component to render before the search input.
|
|
14
|
-
*/
|
|
15
|
-
iconBefore?: React.ComponentType<NewIconProps & {
|
|
16
|
-
spacing: 'spacious';
|
|
17
|
-
}>;
|
|
18
|
-
/**
|
|
19
|
-
* The component to render after the search input.
|
|
20
|
-
*/
|
|
21
|
-
elemAfter?: React.ReactNode;
|
|
22
|
-
/**
|
|
23
|
-
* Handler called on click.
|
|
24
|
-
*/
|
|
25
|
-
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
26
|
-
/**
|
|
27
|
-
* An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
|
|
28
|
-
*/
|
|
29
|
-
interactionName?: string;
|
|
30
|
-
'aria-haspopup'?: React.AriaAttributes['aria-haspopup'];
|
|
31
|
-
};
|
|
32
|
-
/**
|
|
33
|
-
* __Search__
|
|
34
|
-
*
|
|
35
|
-
* The search element for the top navigation.
|
|
36
|
-
*/
|
|
37
|
-
export declare const Search: (props: SearchProps) => JSX.Element;
|
|
38
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type EndItemProps } from './end-item';
|
|
3
|
-
interface SettingsProps extends Omit<EndItemProps, 'icon'> {
|
|
4
|
-
}
|
|
5
|
-
/**
|
|
6
|
-
* __Settings__
|
|
7
|
-
*
|
|
8
|
-
* The Settings button for the top navigation.
|
|
9
|
-
*/
|
|
10
|
-
export declare const Settings: React.ForwardRefExoticComponent<React.PropsWithoutRef<SettingsProps> & React.RefAttributes<HTMLButtonElement>>;
|
|
11
|
-
export {};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type ThemedButtonProps } from './themed-button';
|
|
3
|
-
type IconButtonMigrationProps = {
|
|
4
|
-
isTooltipDisabled?: boolean;
|
|
5
|
-
};
|
|
6
|
-
export declare const Button: React.ForwardRefExoticComponent<React.PropsWithoutRef<ThemedButtonProps & IconButtonMigrationProps> & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
-
export {};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import type { RGB, RGBA } from './types';
|
|
2
|
-
export declare function isLight(color: RGB): boolean;
|
|
3
|
-
export type ColorMode = 'light' | 'dark';
|
|
4
|
-
export declare function getColorMode(backgroundColor: RGB): ColorMode;
|
|
5
|
-
export declare function getTextColor(backgroundColor: RGB): {
|
|
6
|
-
hex: string;
|
|
7
|
-
rgb: RGB;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* Simple alpha compositing as defined in
|
|
11
|
-
* https://www.w3.org/TR/compositing-1/#simplealphacompositing
|
|
12
|
-
*
|
|
13
|
-
* This is the standard approach for alpha blending using the
|
|
14
|
-
* Porter-Duff 'source over' compositing operator.
|
|
15
|
-
*
|
|
16
|
-
* This has been simplified to assume the background has no transparency.
|
|
17
|
-
*/
|
|
18
|
-
export declare function simpleAlphaComposite({ background, foreground, }: {
|
|
19
|
-
background: RGB;
|
|
20
|
-
foreground: RGBA;
|
|
21
|
-
}): RGB;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { RGB } from './types';
|
|
2
|
-
/**
|
|
3
|
-
* Attempts to parse a CSS color string into a standard RGB format.
|
|
4
|
-
*
|
|
5
|
-
* Supported formats:
|
|
6
|
-
*
|
|
7
|
-
* - Hex
|
|
8
|
-
* - RGB
|
|
9
|
-
* - HSL
|
|
10
|
-
*
|
|
11
|
-
* Returns `null` on failure.
|
|
12
|
-
*/
|
|
13
|
-
export declare function parseUserColor(color: string): RGB | null;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import type React from 'react';
|
|
2
|
-
import type { RGB } from './color-utils/types';
|
|
3
|
-
/**
|
|
4
|
-
* Expects colors to be passed as `RGB` objects.
|
|
5
|
-
*
|
|
6
|
-
* Allows `string` for hex strings only, for backwards compatibility.
|
|
7
|
-
* This will likely be removed in the future.
|
|
8
|
-
*
|
|
9
|
-
* Allows `null` for ergonomic reasons, because our color parsing utilities can return
|
|
10
|
-
* `null` if they cannot parse a color string.
|
|
11
|
-
*/
|
|
12
|
-
export type CustomTheme = {
|
|
13
|
-
backgroundColor: string | RGB | null;
|
|
14
|
-
highlightColor: string | RGB | null;
|
|
15
|
-
};
|
|
16
|
-
/**
|
|
17
|
-
* Provides a `style` prop value for the `TopNav` that defines required CSS variables.
|
|
18
|
-
*
|
|
19
|
-
* If a provided `backgroundColor` or `highlightColor` cannot be parsed,
|
|
20
|
-
* then `null` will be returned.
|
|
21
|
-
*/
|
|
22
|
-
export declare function getCustomThemeStyles({ backgroundColor, highlightColor, }: CustomTheme): React.CSSProperties | null;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Props from primitives that we explicitly ignore and remove from spread props,
|
|
3
|
-
* because they apply styles.
|
|
4
|
-
*
|
|
5
|
-
* `css` / `className` are not here because primitives don't support them.
|
|
6
|
-
*
|
|
7
|
-
* See `packages/design-system/primitives/src/components/anchor.tsx` and `packages/design-system/primitives/src/components/pressable.tsx`
|
|
8
|
-
* for where these are defined. These shouldn't change very often as the direction is `xcss` over individual props.
|
|
9
|
-
*/
|
|
10
|
-
export type IgnoredPrimitiveProps = 'style' | 'xcss' | 'backgroundColor' | 'padding' | 'paddingBlock' | 'paddingBlockStart' | 'paddingBlockEnd' | 'paddingInline' | 'paddingInlineStart' | 'paddingInlineEnd';
|
|
11
|
-
/**
|
|
12
|
-
* Returns the spread props to pass through to underlying primitive components.
|
|
13
|
-
*
|
|
14
|
-
* It removes the props which apply styles.
|
|
15
|
-
*/
|
|
16
|
-
export declare function getPrimitiveSpreadProps<Props extends Record<string, unknown>>({ style, xcss, backgroundColor, padding, paddingBlock, paddingBlockStart, paddingBlockEnd, paddingInline, paddingInlineStart, paddingInlineEnd, ...props }: Props): Omit<Props, IgnoredPrimitiveProps>;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Context to let components know if a custom theme is being applied.
|
|
3
|
-
*/
|
|
4
|
-
export declare const HasCustomThemeContext: import('react').Context<boolean>;
|
|
5
|
-
/**
|
|
6
|
-
* Returns whether a custom theme is being applied.
|
|
7
|
-
*/
|
|
8
|
-
export declare function useHasCustomTheme(): boolean;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type ThemedIconButtonProps } from './themed-icon-button';
|
|
3
|
-
type IconButtonMigrationProps = {
|
|
4
|
-
isTooltipDisabled?: boolean;
|
|
5
|
-
};
|
|
6
|
-
export declare const IconButton: React.ForwardRefExoticComponent<React.PropsWithoutRef<ThemedIconButtonProps & IconButtonMigrationProps> & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
-
export {};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type ThemedLinkIconButtonProps } from './themed-link-icon-button';
|
|
3
|
-
type IconButtonMigrationProps = {
|
|
4
|
-
isTooltipDisabled?: boolean;
|
|
5
|
-
};
|
|
6
|
-
export declare const LinkIconButton: React.ForwardRefExoticComponent<React.PropsWithoutRef<ThemedLinkIconButtonProps & IconButtonMigrationProps> & React.RefAttributes<HTMLAnchorElement>>;
|
|
7
|
-
export {};
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
export declare const palette: {
|
|
2
|
-
'DarkNeutral-100': string;
|
|
3
|
-
'DarkNeutral-100A': string;
|
|
4
|
-
DarkNeutral0: string;
|
|
5
|
-
DarkNeutral100: string;
|
|
6
|
-
DarkNeutral100A: string;
|
|
7
|
-
DarkNeutral200: string;
|
|
8
|
-
DarkNeutral200A: string;
|
|
9
|
-
DarkNeutral250: string;
|
|
10
|
-
DarkNeutral250A: string;
|
|
11
|
-
DarkNeutral300: string;
|
|
12
|
-
DarkNeutral300A: string;
|
|
13
|
-
DarkNeutral350: string;
|
|
14
|
-
DarkNeutral350A: string;
|
|
15
|
-
DarkNeutral400: string;
|
|
16
|
-
DarkNeutral400A: string;
|
|
17
|
-
DarkNeutral500: string;
|
|
18
|
-
DarkNeutral500A: string;
|
|
19
|
-
DarkNeutral600: string;
|
|
20
|
-
DarkNeutral700: string;
|
|
21
|
-
DarkNeutral800: string;
|
|
22
|
-
DarkNeutral900: string;
|
|
23
|
-
DarkNeutral1000: string;
|
|
24
|
-
DarkNeutral1100: string;
|
|
25
|
-
Neutral0: string;
|
|
26
|
-
Neutral100: string;
|
|
27
|
-
Neutral100A: string;
|
|
28
|
-
Neutral200: string;
|
|
29
|
-
Neutral200A: string;
|
|
30
|
-
Neutral300: string;
|
|
31
|
-
Neutral300A: string;
|
|
32
|
-
Neutral400: string;
|
|
33
|
-
Neutral400A: string;
|
|
34
|
-
Neutral500: string;
|
|
35
|
-
Neutral500A: string;
|
|
36
|
-
Neutral600: string;
|
|
37
|
-
Neutral700: string;
|
|
38
|
-
Neutral800: string;
|
|
39
|
-
Neutral900: string;
|
|
40
|
-
Neutral1000: string;
|
|
41
|
-
Neutral1100: string;
|
|
42
|
-
};
|