@usefragments/ui 1.0.2 → 1.2.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/README.md +16 -16
- package/dist/assets/fragments-wordmark.cjs +30 -0
- package/dist/assets/fragments-wordmark.d.ts +13 -0
- package/dist/assets/fragments-wordmark.d.ts.map +1 -0
- package/dist/assets/fragments-wordmark.js +30 -0
- package/dist/assets/ui.css +3234 -3116
- package/dist/components/Accordion/Accordion.module.scss.cjs +8 -8
- package/dist/components/Accordion/Accordion.module.scss.js +8 -8
- package/dist/components/Accordion/index.cjs +22 -10
- package/dist/components/Accordion/index.d.ts.map +1 -1
- package/dist/components/Accordion/index.js +22 -10
- package/dist/components/Alert/Alert.module.scss.cjs +13 -13
- package/dist/components/Alert/Alert.module.scss.js +13 -13
- package/dist/components/AppShell/AppShell.module.scss.cjs +22 -10
- package/dist/components/AppShell/AppShell.module.scss.js +22 -10
- package/dist/components/AppShell/index.cjs +1 -1
- package/dist/components/AppShell/index.js +1 -1
- package/dist/components/Avatar/Avatar.module.scss.cjs +13 -13
- package/dist/components/Avatar/Avatar.module.scss.js +13 -13
- package/dist/components/Badge/Badge.module.scss.cjs +16 -16
- package/dist/components/Badge/Badge.module.scss.js +16 -16
- package/dist/components/BentoGrid/BentoGrid.module.scss.cjs +14 -14
- package/dist/components/BentoGrid/BentoGrid.module.scss.js +14 -14
- package/dist/components/Box/Box.module.scss.cjs +152 -152
- package/dist/components/Box/Box.module.scss.js +152 -152
- package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.cjs +8 -8
- package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.js +8 -8
- package/dist/components/Button/Button.module.scss.cjs +13 -13
- package/dist/components/Button/Button.module.scss.js +13 -13
- package/dist/components/Card/Card.module.scss.cjs +17 -17
- package/dist/components/Card/Card.module.scss.js +17 -17
- package/dist/components/Card/index.d.ts +3 -3
- package/dist/components/Card/index.d.ts.map +1 -1
- package/dist/components/Chart/Chart.module.scss.cjs +15 -15
- package/dist/components/Chart/Chart.module.scss.js +15 -15
- package/dist/components/Checkbox/Checkbox.module.scss.cjs +11 -11
- package/dist/components/Checkbox/Checkbox.module.scss.js +11 -11
- package/dist/components/Chip/Chip.module.scss.cjs +15 -15
- package/dist/components/Chip/Chip.module.scss.js +15 -15
- package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +21 -21
- package/dist/components/CodeBlock/CodeBlock.module.scss.js +21 -21
- package/dist/components/Collapsible/Collapsible.module.scss.cjs +10 -10
- package/dist/components/Collapsible/Collapsible.module.scss.js +10 -10
- package/dist/components/ColorPicker/ColorPicker.module.scss.cjs +14 -14
- package/dist/components/ColorPicker/ColorPicker.module.scss.js +14 -14
- package/dist/components/Combobox/Combobox.module.scss.cjs +23 -23
- package/dist/components/Combobox/Combobox.module.scss.js +23 -23
- package/dist/components/Combobox/index.cjs +106 -9
- package/dist/components/Combobox/index.d.ts.map +1 -1
- package/dist/components/Combobox/index.js +106 -9
- package/dist/components/Command/Command.module.scss.cjs +11 -11
- package/dist/components/Command/Command.module.scss.js +11 -11
- package/dist/components/ConversationList/ConversationList.module.scss.cjs +10 -10
- package/dist/components/ConversationList/ConversationList.module.scss.js +10 -10
- package/dist/components/DataTable/DataTable.module.scss.cjs +37 -34
- package/dist/components/DataTable/DataTable.module.scss.js +37 -34
- package/dist/components/DataTable/index.d.ts +3 -1
- package/dist/components/DataTable/index.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.module.scss.cjs +33 -33
- package/dist/components/DatePicker/DatePicker.module.scss.js +33 -33
- package/dist/components/DatePicker/index.d.ts +1 -1
- package/dist/components/DatePicker/index.d.ts.map +1 -1
- package/dist/components/Dialog/Dialog.module.scss.cjs +14 -14
- package/dist/components/Dialog/Dialog.module.scss.js +14 -14
- package/dist/components/Drawer/Drawer.module.scss.cjs +28 -28
- package/dist/components/Drawer/Drawer.module.scss.js +28 -28
- package/dist/components/Drawer/index.cjs +20 -3
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.js +20 -3
- package/dist/components/Editor/Editor.module.scss.cjs +17 -17
- package/dist/components/Editor/Editor.module.scss.js +17 -17
- package/dist/components/EmptyState/EmptyState.module.scss.cjs +8 -8
- package/dist/components/EmptyState/EmptyState.module.scss.js +8 -8
- package/dist/components/Field/Field.module.scss.cjs +4 -4
- package/dist/components/Field/Field.module.scss.js +4 -4
- package/dist/components/Field/index.cjs +10 -9
- package/dist/components/Field/index.d.ts +7 -7
- package/dist/components/Field/index.d.ts.map +1 -1
- package/dist/components/Field/index.js +10 -9
- package/dist/components/Fieldset/Fieldset.module.scss.cjs +3 -3
- package/dist/components/Fieldset/Fieldset.module.scss.js +3 -3
- package/dist/components/Header/Header.module.scss.cjs +44 -29
- package/dist/components/Header/Header.module.scss.js +44 -29
- package/dist/components/Header/index.cjs +56 -3
- package/dist/components/Header/index.d.ts +25 -3
- package/dist/components/Header/index.d.ts.map +1 -1
- package/dist/components/Header/index.js +56 -3
- package/dist/components/Icon/Icon.module.scss.cjs +8 -8
- package/dist/components/Icon/Icon.module.scss.js +8 -8
- package/dist/components/IconButton/IconButton.module.scss.cjs +8 -8
- package/dist/components/IconButton/IconButton.module.scss.js +8 -8
- package/dist/components/Image/Image.module.scss.cjs +27 -27
- package/dist/components/Image/Image.module.scss.js +27 -27
- package/dist/components/Input/Input.module.scss.cjs +19 -19
- package/dist/components/Input/Input.module.scss.js +19 -19
- package/dist/components/Link/Link.module.scss.cjs +10 -10
- package/dist/components/Link/Link.module.scss.js +10 -10
- package/dist/components/List/List.module.scss.cjs +19 -19
- package/dist/components/List/List.module.scss.js +19 -19
- package/dist/components/Listbox/Listbox.module.scss.cjs +8 -8
- package/dist/components/Listbox/Listbox.module.scss.js +8 -8
- package/dist/components/Loading/Loading.module.scss.cjs +30 -30
- package/dist/components/Loading/Loading.module.scss.js +30 -30
- package/dist/components/Main/Main.module.scss.cjs +26 -0
- package/dist/components/Main/Main.module.scss.js +26 -0
- package/dist/components/Main/index.cjs +128 -0
- package/dist/components/Main/index.d.ts +22 -0
- package/dist/components/Main/index.d.ts.map +1 -0
- package/dist/components/Main/index.js +111 -0
- package/dist/components/Markdown/Markdown.module.scss.cjs +1 -1
- package/dist/components/Markdown/Markdown.module.scss.js +1 -1
- package/dist/components/Menu/Menu.module.scss.cjs +14 -14
- package/dist/components/Menu/Menu.module.scss.js +14 -14
- package/dist/components/Message/Message.module.scss.cjs +18 -18
- package/dist/components/Message/Message.module.scss.js +18 -18
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.cjs +28 -28
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.js +28 -28
- package/dist/components/Pagination/Pagination.module.scss.cjs +7 -7
- package/dist/components/Pagination/Pagination.module.scss.js +7 -7
- package/dist/components/Popover/Popover.module.scss.cjs +10 -10
- package/dist/components/Popover/Popover.module.scss.js +10 -10
- package/dist/components/Popover/index.cjs +27 -2
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/Popover/index.js +27 -2
- package/dist/components/Progress/Progress.module.scss.cjs +25 -25
- package/dist/components/Progress/Progress.module.scss.js +25 -25
- package/dist/components/Prompt/Prompt.module.scss.cjs +18 -18
- package/dist/components/Prompt/Prompt.module.scss.js +18 -18
- package/dist/components/RadioGroup/RadioGroup.module.scss.cjs +17 -17
- package/dist/components/RadioGroup/RadioGroup.module.scss.js +17 -17
- package/dist/components/RadioGroup/index.cjs +2 -0
- package/dist/components/RadioGroup/index.d.ts +2 -0
- package/dist/components/RadioGroup/index.d.ts.map +1 -1
- package/dist/components/RadioGroup/index.js +2 -0
- package/dist/components/ScrollArea/ScrollArea.module.scss.cjs +10 -10
- package/dist/components/ScrollArea/ScrollArea.module.scss.js +10 -10
- package/dist/components/Select/Select.module.scss.cjs +17 -17
- package/dist/components/Select/Select.module.scss.js +17 -17
- package/dist/components/Separator/Separator.module.scss.cjs +10 -10
- package/dist/components/Separator/Separator.module.scss.js +10 -10
- package/dist/components/Sidebar/Sidebar.module.scss.cjs +42 -42
- package/dist/components/Sidebar/Sidebar.module.scss.js +42 -42
- package/dist/components/Skeleton/Skeleton.module.scss.cjs +38 -38
- package/dist/components/Skeleton/Skeleton.module.scss.js +38 -38
- package/dist/components/Slider/Slider.module.scss.cjs +12 -12
- package/dist/components/Slider/Slider.module.scss.js +12 -12
- package/dist/components/Table/Table.module.scss.cjs +19 -19
- package/dist/components/Table/Table.module.scss.js +19 -19
- package/dist/components/TableOfContents/TableOfContents.module.scss.cjs +15 -15
- package/dist/components/TableOfContents/TableOfContents.module.scss.js +15 -15
- package/dist/components/TableOfContents/index.cjs +22 -42
- package/dist/components/TableOfContents/index.d.ts +3 -3
- package/dist/components/TableOfContents/index.d.ts.map +1 -1
- package/dist/components/TableOfContents/index.js +22 -42
- package/dist/components/Tabs/Tabs.module.scss.cjs +12 -12
- package/dist/components/Tabs/Tabs.module.scss.js +12 -12
- package/dist/components/Text/Text.module.scss.cjs +51 -51
- package/dist/components/Text/Text.module.scss.js +51 -51
- package/dist/components/Textarea/Textarea.module.scss.cjs +23 -23
- package/dist/components/Textarea/Textarea.module.scss.js +23 -23
- package/dist/components/Theme/ThemeToggle.module.scss.cjs +6 -6
- package/dist/components/Theme/ThemeToggle.module.scss.js +6 -6
- package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.cjs +13 -13
- package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.js +13 -13
- package/dist/components/Toast/Toast.module.scss.cjs +21 -21
- package/dist/components/Toast/Toast.module.scss.js +21 -21
- package/dist/components/Toggle/Toggle.module.scss.cjs +13 -13
- package/dist/components/Toggle/Toggle.module.scss.js +13 -13
- package/dist/components/ToggleGroup/ToggleGroup.module.scss.cjs +17 -17
- package/dist/components/ToggleGroup/ToggleGroup.module.scss.js +17 -17
- package/dist/components/Tooltip/Tooltip.module.scss.cjs +3 -3
- package/dist/components/Tooltip/Tooltip.module.scss.js +3 -3
- package/dist/data-table.cjs +58 -41
- package/dist/data-table.js +59 -41
- package/dist/datepicker.cjs +32 -72
- package/dist/datepicker.js +32 -72
- package/dist/index.cjs +89 -85
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -0
- package/fragments.json +1 -1
- package/package.json +9 -8
- package/src/assets/fragments-wordmark.tsx +47 -0
- package/src/components/Accordion/index.tsx +13 -3
- package/src/components/Alert/Alert.module.scss +15 -2
- package/src/components/AppShell/AppShell.module.scss +73 -15
- package/src/components/AppShell/index.tsx +1 -1
- package/src/components/Button/Button.module.scss +19 -20
- package/src/components/Card/Card.module.scss +3 -3
- package/src/components/Card/index.tsx +3 -3
- package/src/components/Checkbox/Checkbox.contract.json +5 -24
- package/src/components/Checkbox/Checkbox.module.scss +4 -2
- package/src/components/Chip/Chip.contract.json +11 -28
- package/src/components/Chip/Chip.module.scss +21 -45
- package/src/components/CodeBlock/CodeBlock.module.scss +2 -7
- package/src/components/Combobox/Combobox.contract.json +6 -24
- package/src/components/Combobox/Combobox.module.scss +3 -2
- package/src/components/Combobox/index.tsx +132 -6
- package/src/components/DataTable/DataTable.contract.json +16 -23
- package/src/components/DataTable/DataTable.module.scss +31 -8
- package/src/components/DataTable/index.tsx +25 -4
- package/src/components/DatePicker/index.tsx +32 -84
- package/src/components/Drawer/index.tsx +38 -12
- package/src/components/Field/index.tsx +35 -35
- package/src/components/Header/Header.contract.json +41 -1
- package/src/components/Header/Header.module.scss +40 -0
- package/src/components/Header/index.tsx +88 -2
- package/src/components/IconButton/IconButton.contract.json +120 -0
- package/src/components/Listbox/Listbox.module.scss +5 -4
- package/src/components/Main/Main.contract.json +79 -0
- package/src/components/Main/Main.module.scss +31 -0
- package/src/components/Main/index.tsx +124 -0
- package/src/components/Menu/Menu.module.scss +8 -10
- package/src/components/Popover/index.tsx +34 -2
- package/src/components/RadioGroup/RadioGroup.contract.json +13 -27
- package/src/components/RadioGroup/index.tsx +4 -0
- package/src/components/Select/Select.module.scss +13 -12
- package/src/components/Table/Table.module.scss +22 -5
- package/src/components/TableOfContents/TableOfContents.contract.json +6 -16
- package/src/components/TableOfContents/TableOfContents.module.scss +20 -14
- package/src/components/TableOfContents/index.tsx +27 -38
- package/src/components/Toast/Toast.module.scss +15 -2
- package/src/components/ToggleGroup/ToggleGroup.module.scss +4 -1
- package/src/index.ts +4 -0
- package/src/styles/globals.scss +13 -10
- package/src/tokens/_component-properties.scss +26 -0
- package/src/tokens/_computed.scss +22 -4
- package/src/tokens/_derive.scss +55 -6
- package/src/tokens/_palettes.scss +24 -0
- package/src/tokens/_seeds.scss +20 -12
- package/src/tokens/_variables.scss +110 -63
- package/dist/components/Cloud/DashboardLayoutPrototypes.shared.d.ts +0 -33
- package/dist/components/Cloud/DashboardLayoutPrototypes.shared.d.ts.map +0 -1
- package/dist/components/Cloud/DashboardLayoutPrototypes.shell.d.ts +0 -11
- package/dist/components/Cloud/DashboardLayoutPrototypes.shell.d.ts.map +0 -1
- package/dist/components/Cloud/PullRequestsPrototypes.content.d.ts +0 -5
- package/dist/components/Cloud/PullRequestsPrototypes.content.d.ts.map +0 -1
- package/dist/components/Cloud/PullRequestsPrototypes.detail-panels.d.ts +0 -4
- package/dist/components/Cloud/PullRequestsPrototypes.detail-panels.d.ts.map +0 -1
- package/dist/components/Cloud/PullRequestsPrototypes.detail.d.ts +0 -3
- package/dist/components/Cloud/PullRequestsPrototypes.detail.d.ts.map +0 -1
- package/dist/components/Cloud/PullRequestsPrototypes.id-data.d.ts +0 -86
- package/dist/components/Cloud/PullRequestsPrototypes.id-data.d.ts.map +0 -1
- package/dist/components/Cloud/PullRequestsPrototypes.id-page.d.ts +0 -2
- package/dist/components/Cloud/PullRequestsPrototypes.id-page.d.ts.map +0 -1
- package/src/components/Accordion/Accordion.stories.tsx +0 -106
- package/src/components/Alert/Alert.stories.tsx +0 -119
- package/src/components/AppShell/AppShell.stories.tsx +0 -156
- package/src/components/Avatar/Avatar.stories.tsx +0 -74
- package/src/components/Badge/Badge.stories.tsx +0 -92
- package/src/components/BentoGrid/BentoGrid.stories.tsx +0 -98
- package/src/components/Box/Box.stories.tsx +0 -150
- package/src/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -87
- package/src/components/Button/Button.stories.tsx +0 -103
- package/src/components/ButtonGroup/ButtonGroup.stories.tsx +0 -97
- package/src/components/Card/Card.stories.tsx +0 -144
- package/src/components/Chart/Chart.stories.tsx +0 -119
- package/src/components/Checkbox/Checkbox.stories.tsx +0 -68
- package/src/components/Chip/Chip.stories.tsx +0 -70
- package/src/components/Cloud/CloudGovernanceShell.module.scss +0 -88
- package/src/components/Cloud/CloudGovernanceShell.stories.tsx +0 -446
- package/src/components/Cloud/ControlSizing.module.scss +0 -49
- package/src/components/Cloud/ControlSizing.stories.tsx +0 -238
- package/src/components/Cloud/DashboardLayoutPrototypes.module.scss +0 -462
- package/src/components/Cloud/DashboardLayoutPrototypes.shared.tsx +0 -375
- package/src/components/Cloud/DashboardLayoutPrototypes.shell.tsx +0 -147
- package/src/components/Cloud/DashboardLayoutPrototypes.stories.tsx +0 -328
- package/src/components/Cloud/PullRequestsPrototypes.content.tsx +0 -283
- package/src/components/Cloud/PullRequestsPrototypes.detail-panels.tsx +0 -381
- package/src/components/Cloud/PullRequestsPrototypes.detail.tsx +0 -204
- package/src/components/Cloud/PullRequestsPrototypes.id-data.ts +0 -395
- package/src/components/Cloud/PullRequestsPrototypes.id-page.tsx +0 -349
- package/src/components/Cloud/PullRequestsPrototypes.stories.tsx +0 -81
- package/src/components/CodeBlock/CodeBlock.stories.tsx +0 -147
- package/src/components/Collapsible/Collapsible.stories.tsx +0 -94
- package/src/components/ColorPicker/ColorPicker.stories.tsx +0 -74
- package/src/components/Combobox/Combobox.stories.tsx +0 -133
- package/src/components/Command/Command.stories.tsx +0 -102
- package/src/components/ConversationList/ConversationList.stories.tsx +0 -93
- package/src/components/DataTable/DataTable.stories.tsx +0 -129
- package/src/components/DatePicker/DatePicker.stories.tsx +0 -129
- package/src/components/Dialog/Dialog.stories.tsx +0 -154
- package/src/components/Drawer/Drawer.stories.tsx +0 -144
- package/src/components/Editor/Editor.stories.tsx +0 -99
- package/src/components/EmptyState/EmptyState.stories.tsx +0 -97
- package/src/components/Field/Field.stories.tsx +0 -109
- package/src/components/Fieldset/Fieldset.stories.tsx +0 -116
- package/src/components/Form/Form.stories.tsx +0 -142
- package/src/components/Grid/Grid.stories.tsx +0 -125
- package/src/components/Header/Header.stories.tsx +0 -133
- package/src/components/Icon/Icon.stories.tsx +0 -80
- package/src/components/IconButton/IconButton.stories.tsx +0 -78
- package/src/components/Image/Image.stories.tsx +0 -109
- package/src/components/Input/Input.stories.tsx +0 -104
- package/src/components/Link/Link.stories.tsx +0 -67
- package/src/components/List/List.stories.tsx +0 -95
- package/src/components/Listbox/Listbox.stories.tsx +0 -81
- package/src/components/Loading/Loading.stories.tsx +0 -69
- package/src/components/Markdown/Markdown.stories.tsx +0 -75
- package/src/components/Menu/Menu.stories.tsx +0 -113
- package/src/components/Message/Message.stories.tsx +0 -85
- package/src/components/NavigationMenu/NavigationMenu.stories.tsx +0 -161
- package/src/components/Pagination/Pagination.stories.tsx +0 -81
- package/src/components/Popover/Popover.stories.tsx +0 -152
- package/src/components/Progress/Progress.stories.tsx +0 -64
- package/src/components/Prompt/Prompt.stories.tsx +0 -93
- package/src/components/RadioGroup/RadioGroup.stories.tsx +0 -107
- package/src/components/ScrollArea/ScrollArea.stories.tsx +0 -97
- package/src/components/Select/Select.stories.tsx +0 -127
- package/src/components/Separator/Separator.stories.tsx +0 -84
- package/src/components/Sidebar/Sidebar.stories.tsx +0 -122
- package/src/components/Skeleton/Skeleton.stories.tsx +0 -80
- package/src/components/Slider/Slider.stories.tsx +0 -73
- package/src/components/Stack/Stack.stories.tsx +0 -73
- package/src/components/Switch/Switch.stories.tsx +0 -59
- package/src/components/Table/Table.stories.tsx +0 -219
- package/src/components/TableOfContents/TableOfContents.stories.tsx +0 -120
- package/src/components/Tabs/Tabs.stories.tsx +0 -136
- package/src/components/Text/Text.stories.tsx +0 -133
- package/src/components/Textarea/Textarea.stories.tsx +0 -107
- package/src/components/Theme/Theme.stories.tsx +0 -95
- package/src/components/ThinkingIndicator/ThinkingIndicator.stories.tsx +0 -85
- package/src/components/Toast/Toast.stories.tsx +0 -91
- package/src/components/ToggleGroup/ToggleGroup.stories.tsx +0 -114
- package/src/components/Tooltip/Tooltip.stories.tsx +0 -95
- package/src/components/VisuallyHidden/VisuallyHidden.stories.tsx +0 -78
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
const root = "
|
|
2
|
-
const mobile = "
|
|
3
|
-
const positionRight = "
|
|
4
|
-
const collapsed = "
|
|
5
|
-
const header = "
|
|
6
|
-
const nav = "
|
|
7
|
-
const footer = "
|
|
8
|
-
const sectionLabel = "
|
|
9
|
-
const itemLabel = "
|
|
10
|
-
const itemBadge = "
|
|
11
|
-
const itemChevron = "
|
|
12
|
-
const item = "
|
|
13
|
-
const itemIcon = "
|
|
14
|
-
const collapseToggle = "
|
|
15
|
-
const collapsedNoIcons = "
|
|
16
|
-
const offcanvasCollapsed = "
|
|
17
|
-
const collapseToggleFloating = "
|
|
18
|
-
const rail = "
|
|
19
|
-
const navScrollArea = "
|
|
20
|
-
const section = "
|
|
21
|
-
const sectionHeader = "
|
|
22
|
-
const sectionTrigger = "
|
|
23
|
-
const sectionActionWrapper = "
|
|
24
|
-
const sectionAction = "
|
|
25
|
-
const sectionList = "
|
|
26
|
-
const submenu = "
|
|
27
|
-
const sectionCollapsible = "
|
|
28
|
-
const itemWrapper = "
|
|
29
|
-
const subItemWrapper = "
|
|
30
|
-
const submenuWrapper = "
|
|
31
|
-
const itemDisabled = "
|
|
32
|
-
const itemActive = "
|
|
33
|
-
const subItemDisabled = "
|
|
34
|
-
const itemExpanded = "
|
|
35
|
-
const subItem = "
|
|
36
|
-
const subItemActive = "
|
|
37
|
-
const trigger = "
|
|
38
|
-
const overlay = "
|
|
39
|
-
const railCollapsed = "
|
|
40
|
-
const menuSkeleton = "
|
|
41
|
-
const skeletonItem = "
|
|
42
|
-
const skeletonLabel = "
|
|
1
|
+
const root = "_root_1h5ez_1";
|
|
2
|
+
const mobile = "_mobile_1h5ez_34";
|
|
3
|
+
const positionRight = "_positionRight_1h5ez_40";
|
|
4
|
+
const collapsed = "_collapsed_1h5ez_45";
|
|
5
|
+
const header = "_header_1h5ez_48";
|
|
6
|
+
const nav = "_nav_1h5ez_49";
|
|
7
|
+
const footer = "_footer_1h5ez_50";
|
|
8
|
+
const sectionLabel = "_sectionLabel_1h5ez_57";
|
|
9
|
+
const itemLabel = "_itemLabel_1h5ez_68";
|
|
10
|
+
const itemBadge = "_itemBadge_1h5ez_69";
|
|
11
|
+
const itemChevron = "_itemChevron_1h5ez_70";
|
|
12
|
+
const item = "_item_1h5ez_68";
|
|
13
|
+
const itemIcon = "_itemIcon_1h5ez_78";
|
|
14
|
+
const collapseToggle = "_collapseToggle_1h5ez_81";
|
|
15
|
+
const collapsedNoIcons = "_collapsedNoIcons_1h5ez_85";
|
|
16
|
+
const offcanvasCollapsed = "_offcanvasCollapsed_1h5ez_88";
|
|
17
|
+
const collapseToggleFloating = "_collapseToggleFloating_1h5ez_94";
|
|
18
|
+
const rail = "_rail_1h5ez_108";
|
|
19
|
+
const navScrollArea = "_navScrollArea_1h5ez_149";
|
|
20
|
+
const section = "_section_1h5ez_57";
|
|
21
|
+
const sectionHeader = "_sectionHeader_1h5ez_158";
|
|
22
|
+
const sectionTrigger = "_sectionTrigger_1h5ez_166";
|
|
23
|
+
const sectionActionWrapper = "_sectionActionWrapper_1h5ez_188";
|
|
24
|
+
const sectionAction = "_sectionAction_1h5ez_188";
|
|
25
|
+
const sectionList = "_sectionList_1h5ez_234";
|
|
26
|
+
const submenu = "_submenu_1h5ez_235";
|
|
27
|
+
const sectionCollapsible = "_sectionCollapsible_1h5ez_244";
|
|
28
|
+
const itemWrapper = "_itemWrapper_1h5ez_270";
|
|
29
|
+
const subItemWrapper = "_subItemWrapper_1h5ez_271";
|
|
30
|
+
const submenuWrapper = "_submenuWrapper_1h5ez_272";
|
|
31
|
+
const itemDisabled = "_itemDisabled_1h5ez_327";
|
|
32
|
+
const itemActive = "_itemActive_1h5ez_336";
|
|
33
|
+
const subItemDisabled = "_subItemDisabled_1h5ez_363";
|
|
34
|
+
const itemExpanded = "_itemExpanded_1h5ez_419";
|
|
35
|
+
const subItem = "_subItem_1h5ez_271";
|
|
36
|
+
const subItemActive = "_subItemActive_1h5ez_496";
|
|
37
|
+
const trigger = "_trigger_1h5ez_514";
|
|
38
|
+
const overlay = "_overlay_1h5ez_555";
|
|
39
|
+
const railCollapsed = "_railCollapsed_1h5ez_675";
|
|
40
|
+
const menuSkeleton = "_menuSkeleton_1h5ez_679";
|
|
41
|
+
const skeletonItem = "_skeletonItem_1h5ez_686";
|
|
42
|
+
const skeletonLabel = "_skeletonLabel_1h5ez_694";
|
|
43
43
|
const styles = {
|
|
44
44
|
root,
|
|
45
45
|
mobile,
|
|
@@ -1,65 +1,65 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const skeleton = "
|
|
4
|
-
const skeletonPulse = "_skeleton-
|
|
5
|
-
const fill = "
|
|
6
|
-
const text = "
|
|
7
|
-
const heading = "
|
|
8
|
-
const avatar = "
|
|
9
|
-
const avatarSm = "_avatar-
|
|
10
|
-
const avatarMd = "_avatar-
|
|
11
|
-
const avatarLg = "_avatar-
|
|
12
|
-
const button = "
|
|
13
|
-
const buttonSm = "_button-
|
|
14
|
-
const buttonMd = "_button-
|
|
15
|
-
const buttonLg = "_button-
|
|
16
|
-
const input = "
|
|
17
|
-
const radiusNone = "_radius-
|
|
18
|
-
const radiusSm = "_radius-
|
|
19
|
-
const radiusMd = "_radius-
|
|
20
|
-
const radiusLg = "_radius-
|
|
21
|
-
const radiusFull = "_radius-
|
|
22
|
-
const textContainer = "
|
|
23
|
-
const gapSm = "_gap-
|
|
24
|
-
const gapMd = "_gap-
|
|
25
|
-
const textLine = "
|
|
3
|
+
const skeleton = "_skeleton_1x5gx_9";
|
|
4
|
+
const skeletonPulse = "_skeleton-pulse_1x5gx_1";
|
|
5
|
+
const fill = "_fill_1x5gx_20";
|
|
6
|
+
const text = "_text_1x5gx_25";
|
|
7
|
+
const heading = "_heading_1x5gx_31";
|
|
8
|
+
const avatar = "_avatar_1x5gx_37";
|
|
9
|
+
const avatarSm = "_avatar-sm_1x5gx_41";
|
|
10
|
+
const avatarMd = "_avatar-md_1x5gx_46";
|
|
11
|
+
const avatarLg = "_avatar-lg_1x5gx_51";
|
|
12
|
+
const button = "_button_1x5gx_56";
|
|
13
|
+
const buttonSm = "_button-sm_1x5gx_60";
|
|
14
|
+
const buttonMd = "_button-md_1x5gx_65";
|
|
15
|
+
const buttonLg = "_button-lg_1x5gx_70";
|
|
16
|
+
const input = "_input_1x5gx_75";
|
|
17
|
+
const radiusNone = "_radius-none_1x5gx_81";
|
|
18
|
+
const radiusSm = "_radius-sm_1x5gx_85";
|
|
19
|
+
const radiusMd = "_radius-md_1x5gx_89";
|
|
20
|
+
const radiusLg = "_radius-lg_1x5gx_93";
|
|
21
|
+
const radiusFull = "_radius-full_1x5gx_97";
|
|
22
|
+
const textContainer = "_textContainer_1x5gx_101";
|
|
23
|
+
const gapSm = "_gap-sm_1x5gx_107";
|
|
24
|
+
const gapMd = "_gap-md_1x5gx_111";
|
|
25
|
+
const textLine = "_textLine_1x5gx_115";
|
|
26
26
|
const styles = {
|
|
27
27
|
skeleton,
|
|
28
|
-
"skeleton-pulse": "_skeleton-
|
|
28
|
+
"skeleton-pulse": "_skeleton-pulse_1x5gx_1",
|
|
29
29
|
skeletonPulse,
|
|
30
|
-
"static": "
|
|
30
|
+
"static": "_static_1x5gx_16",
|
|
31
31
|
fill,
|
|
32
32
|
text,
|
|
33
33
|
heading,
|
|
34
34
|
avatar,
|
|
35
|
-
"avatar-sm": "_avatar-
|
|
35
|
+
"avatar-sm": "_avatar-sm_1x5gx_41",
|
|
36
36
|
avatarSm,
|
|
37
|
-
"avatar-md": "_avatar-
|
|
37
|
+
"avatar-md": "_avatar-md_1x5gx_46",
|
|
38
38
|
avatarMd,
|
|
39
|
-
"avatar-lg": "_avatar-
|
|
39
|
+
"avatar-lg": "_avatar-lg_1x5gx_51",
|
|
40
40
|
avatarLg,
|
|
41
41
|
button,
|
|
42
|
-
"button-sm": "_button-
|
|
42
|
+
"button-sm": "_button-sm_1x5gx_60",
|
|
43
43
|
buttonSm,
|
|
44
|
-
"button-md": "_button-
|
|
44
|
+
"button-md": "_button-md_1x5gx_65",
|
|
45
45
|
buttonMd,
|
|
46
|
-
"button-lg": "_button-
|
|
46
|
+
"button-lg": "_button-lg_1x5gx_70",
|
|
47
47
|
buttonLg,
|
|
48
48
|
input,
|
|
49
|
-
"radius-none": "_radius-
|
|
49
|
+
"radius-none": "_radius-none_1x5gx_81",
|
|
50
50
|
radiusNone,
|
|
51
|
-
"radius-sm": "_radius-
|
|
51
|
+
"radius-sm": "_radius-sm_1x5gx_85",
|
|
52
52
|
radiusSm,
|
|
53
|
-
"radius-md": "_radius-
|
|
53
|
+
"radius-md": "_radius-md_1x5gx_89",
|
|
54
54
|
radiusMd,
|
|
55
|
-
"radius-lg": "_radius-
|
|
55
|
+
"radius-lg": "_radius-lg_1x5gx_93",
|
|
56
56
|
radiusLg,
|
|
57
|
-
"radius-full": "_radius-
|
|
57
|
+
"radius-full": "_radius-full_1x5gx_97",
|
|
58
58
|
radiusFull,
|
|
59
59
|
textContainer,
|
|
60
|
-
"gap-sm": "_gap-
|
|
60
|
+
"gap-sm": "_gap-sm_1x5gx_107",
|
|
61
61
|
gapSm,
|
|
62
|
-
"gap-md": "_gap-
|
|
62
|
+
"gap-md": "_gap-md_1x5gx_111",
|
|
63
63
|
gapMd,
|
|
64
64
|
textLine
|
|
65
65
|
};
|
|
@@ -1,63 +1,63 @@
|
|
|
1
|
-
const skeleton = "
|
|
2
|
-
const skeletonPulse = "_skeleton-
|
|
3
|
-
const fill = "
|
|
4
|
-
const text = "
|
|
5
|
-
const heading = "
|
|
6
|
-
const avatar = "
|
|
7
|
-
const avatarSm = "_avatar-
|
|
8
|
-
const avatarMd = "_avatar-
|
|
9
|
-
const avatarLg = "_avatar-
|
|
10
|
-
const button = "
|
|
11
|
-
const buttonSm = "_button-
|
|
12
|
-
const buttonMd = "_button-
|
|
13
|
-
const buttonLg = "_button-
|
|
14
|
-
const input = "
|
|
15
|
-
const radiusNone = "_radius-
|
|
16
|
-
const radiusSm = "_radius-
|
|
17
|
-
const radiusMd = "_radius-
|
|
18
|
-
const radiusLg = "_radius-
|
|
19
|
-
const radiusFull = "_radius-
|
|
20
|
-
const textContainer = "
|
|
21
|
-
const gapSm = "_gap-
|
|
22
|
-
const gapMd = "_gap-
|
|
23
|
-
const textLine = "
|
|
1
|
+
const skeleton = "_skeleton_1x5gx_9";
|
|
2
|
+
const skeletonPulse = "_skeleton-pulse_1x5gx_1";
|
|
3
|
+
const fill = "_fill_1x5gx_20";
|
|
4
|
+
const text = "_text_1x5gx_25";
|
|
5
|
+
const heading = "_heading_1x5gx_31";
|
|
6
|
+
const avatar = "_avatar_1x5gx_37";
|
|
7
|
+
const avatarSm = "_avatar-sm_1x5gx_41";
|
|
8
|
+
const avatarMd = "_avatar-md_1x5gx_46";
|
|
9
|
+
const avatarLg = "_avatar-lg_1x5gx_51";
|
|
10
|
+
const button = "_button_1x5gx_56";
|
|
11
|
+
const buttonSm = "_button-sm_1x5gx_60";
|
|
12
|
+
const buttonMd = "_button-md_1x5gx_65";
|
|
13
|
+
const buttonLg = "_button-lg_1x5gx_70";
|
|
14
|
+
const input = "_input_1x5gx_75";
|
|
15
|
+
const radiusNone = "_radius-none_1x5gx_81";
|
|
16
|
+
const radiusSm = "_radius-sm_1x5gx_85";
|
|
17
|
+
const radiusMd = "_radius-md_1x5gx_89";
|
|
18
|
+
const radiusLg = "_radius-lg_1x5gx_93";
|
|
19
|
+
const radiusFull = "_radius-full_1x5gx_97";
|
|
20
|
+
const textContainer = "_textContainer_1x5gx_101";
|
|
21
|
+
const gapSm = "_gap-sm_1x5gx_107";
|
|
22
|
+
const gapMd = "_gap-md_1x5gx_111";
|
|
23
|
+
const textLine = "_textLine_1x5gx_115";
|
|
24
24
|
const styles = {
|
|
25
25
|
skeleton,
|
|
26
|
-
"skeleton-pulse": "_skeleton-
|
|
26
|
+
"skeleton-pulse": "_skeleton-pulse_1x5gx_1",
|
|
27
27
|
skeletonPulse,
|
|
28
|
-
"static": "
|
|
28
|
+
"static": "_static_1x5gx_16",
|
|
29
29
|
fill,
|
|
30
30
|
text,
|
|
31
31
|
heading,
|
|
32
32
|
avatar,
|
|
33
|
-
"avatar-sm": "_avatar-
|
|
33
|
+
"avatar-sm": "_avatar-sm_1x5gx_41",
|
|
34
34
|
avatarSm,
|
|
35
|
-
"avatar-md": "_avatar-
|
|
35
|
+
"avatar-md": "_avatar-md_1x5gx_46",
|
|
36
36
|
avatarMd,
|
|
37
|
-
"avatar-lg": "_avatar-
|
|
37
|
+
"avatar-lg": "_avatar-lg_1x5gx_51",
|
|
38
38
|
avatarLg,
|
|
39
39
|
button,
|
|
40
|
-
"button-sm": "_button-
|
|
40
|
+
"button-sm": "_button-sm_1x5gx_60",
|
|
41
41
|
buttonSm,
|
|
42
|
-
"button-md": "_button-
|
|
42
|
+
"button-md": "_button-md_1x5gx_65",
|
|
43
43
|
buttonMd,
|
|
44
|
-
"button-lg": "_button-
|
|
44
|
+
"button-lg": "_button-lg_1x5gx_70",
|
|
45
45
|
buttonLg,
|
|
46
46
|
input,
|
|
47
|
-
"radius-none": "_radius-
|
|
47
|
+
"radius-none": "_radius-none_1x5gx_81",
|
|
48
48
|
radiusNone,
|
|
49
|
-
"radius-sm": "_radius-
|
|
49
|
+
"radius-sm": "_radius-sm_1x5gx_85",
|
|
50
50
|
radiusSm,
|
|
51
|
-
"radius-md": "_radius-
|
|
51
|
+
"radius-md": "_radius-md_1x5gx_89",
|
|
52
52
|
radiusMd,
|
|
53
|
-
"radius-lg": "_radius-
|
|
53
|
+
"radius-lg": "_radius-lg_1x5gx_93",
|
|
54
54
|
radiusLg,
|
|
55
|
-
"radius-full": "_radius-
|
|
55
|
+
"radius-full": "_radius-full_1x5gx_97",
|
|
56
56
|
radiusFull,
|
|
57
57
|
textContainer,
|
|
58
|
-
"gap-sm": "_gap-
|
|
58
|
+
"gap-sm": "_gap-sm_1x5gx_107",
|
|
59
59
|
gapSm,
|
|
60
|
-
"gap-md": "_gap-
|
|
60
|
+
"gap-md": "_gap-md_1x5gx_111",
|
|
61
61
|
gapMd,
|
|
62
62
|
textLine
|
|
63
63
|
};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const wrapper = "
|
|
4
|
-
const header = "
|
|
5
|
-
const label = "
|
|
6
|
-
const value = "
|
|
7
|
-
const root = "
|
|
8
|
-
const control = "
|
|
9
|
-
const track = "
|
|
10
|
-
const indicator = "
|
|
11
|
-
const thumb = "
|
|
12
|
-
const helper = "
|
|
13
|
-
const helperError = "
|
|
14
|
-
const dragValueBubble = "
|
|
3
|
+
const wrapper = "_wrapper_1wpsc_1";
|
|
4
|
+
const header = "_header_1wpsc_6";
|
|
5
|
+
const label = "_label_1wpsc_13";
|
|
6
|
+
const value = "_value_1wpsc_20";
|
|
7
|
+
const root = "_root_1wpsc_28";
|
|
8
|
+
const control = "_control_1wpsc_32";
|
|
9
|
+
const track = "_track_1wpsc_38";
|
|
10
|
+
const indicator = "_indicator_1wpsc_52";
|
|
11
|
+
const thumb = "_thumb_1wpsc_59";
|
|
12
|
+
const helper = "_helper_1wpsc_88";
|
|
13
|
+
const helperError = "_helperError_1wpsc_95";
|
|
14
|
+
const dragValueBubble = "_dragValueBubble_1wpsc_99";
|
|
15
15
|
const styles = {
|
|
16
16
|
wrapper,
|
|
17
17
|
header,
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
const wrapper = "
|
|
2
|
-
const header = "
|
|
3
|
-
const label = "
|
|
4
|
-
const value = "
|
|
5
|
-
const root = "
|
|
6
|
-
const control = "
|
|
7
|
-
const track = "
|
|
8
|
-
const indicator = "
|
|
9
|
-
const thumb = "
|
|
10
|
-
const helper = "
|
|
11
|
-
const helperError = "
|
|
12
|
-
const dragValueBubble = "
|
|
1
|
+
const wrapper = "_wrapper_1wpsc_1";
|
|
2
|
+
const header = "_header_1wpsc_6";
|
|
3
|
+
const label = "_label_1wpsc_13";
|
|
4
|
+
const value = "_value_1wpsc_20";
|
|
5
|
+
const root = "_root_1wpsc_28";
|
|
6
|
+
const control = "_control_1wpsc_32";
|
|
7
|
+
const track = "_track_1wpsc_38";
|
|
8
|
+
const indicator = "_indicator_1wpsc_52";
|
|
9
|
+
const thumb = "_thumb_1wpsc_59";
|
|
10
|
+
const helper = "_helper_1wpsc_88";
|
|
11
|
+
const helperError = "_helperError_1wpsc_95";
|
|
12
|
+
const dragValueBubble = "_dragValueBubble_1wpsc_99";
|
|
13
13
|
const styles = {
|
|
14
14
|
wrapper,
|
|
15
15
|
header,
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const wrapper = "
|
|
4
|
-
const table = "
|
|
5
|
-
const caption = "
|
|
6
|
-
const captionHidden = "
|
|
7
|
-
const sm = "
|
|
8
|
-
const th = "
|
|
9
|
-
const td = "
|
|
10
|
-
const md = "
|
|
11
|
-
const compact = "
|
|
12
|
-
const tabular = "
|
|
13
|
-
const thead = "
|
|
14
|
-
const headerContent = "
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
const
|
|
20
|
-
const bordered = "
|
|
3
|
+
const wrapper = "_wrapper_1talf_1";
|
|
4
|
+
const table = "_table_1talf_6";
|
|
5
|
+
const caption = "_caption_1talf_14";
|
|
6
|
+
const captionHidden = "_captionHidden_1talf_23";
|
|
7
|
+
const sm = "_sm_1talf_35";
|
|
8
|
+
const th = "_th_1talf_35";
|
|
9
|
+
const td = "_td_1talf_36";
|
|
10
|
+
const md = "_md_1talf_41";
|
|
11
|
+
const compact = "_compact_1talf_47";
|
|
12
|
+
const tabular = "_tabular_1talf_62";
|
|
13
|
+
const thead = "_thead_1talf_66";
|
|
14
|
+
const headerContent = "_headerContent_1talf_89";
|
|
15
|
+
const tbody = "_tbody_1talf_95";
|
|
16
|
+
const row = "_row_1talf_100";
|
|
17
|
+
const selected = "_selected_1talf_117";
|
|
18
|
+
const tfoot = "_tfoot_1talf_137";
|
|
19
|
+
const striped = "_striped_1talf_145";
|
|
20
|
+
const bordered = "_bordered_1talf_153";
|
|
21
21
|
const styles = {
|
|
22
22
|
wrapper,
|
|
23
23
|
table,
|
|
@@ -31,11 +31,11 @@ const styles = {
|
|
|
31
31
|
tabular,
|
|
32
32
|
thead,
|
|
33
33
|
headerContent,
|
|
34
|
+
tbody,
|
|
34
35
|
row,
|
|
35
36
|
selected,
|
|
36
37
|
tfoot,
|
|
37
38
|
striped,
|
|
38
|
-
tbody,
|
|
39
39
|
bordered
|
|
40
40
|
};
|
|
41
41
|
exports.bordered = bordered;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
const wrapper = "
|
|
2
|
-
const table = "
|
|
3
|
-
const caption = "
|
|
4
|
-
const captionHidden = "
|
|
5
|
-
const sm = "
|
|
6
|
-
const th = "
|
|
7
|
-
const td = "
|
|
8
|
-
const md = "
|
|
9
|
-
const compact = "
|
|
10
|
-
const tabular = "
|
|
11
|
-
const thead = "
|
|
12
|
-
const headerContent = "
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const bordered = "
|
|
1
|
+
const wrapper = "_wrapper_1talf_1";
|
|
2
|
+
const table = "_table_1talf_6";
|
|
3
|
+
const caption = "_caption_1talf_14";
|
|
4
|
+
const captionHidden = "_captionHidden_1talf_23";
|
|
5
|
+
const sm = "_sm_1talf_35";
|
|
6
|
+
const th = "_th_1talf_35";
|
|
7
|
+
const td = "_td_1talf_36";
|
|
8
|
+
const md = "_md_1talf_41";
|
|
9
|
+
const compact = "_compact_1talf_47";
|
|
10
|
+
const tabular = "_tabular_1talf_62";
|
|
11
|
+
const thead = "_thead_1talf_66";
|
|
12
|
+
const headerContent = "_headerContent_1talf_89";
|
|
13
|
+
const tbody = "_tbody_1talf_95";
|
|
14
|
+
const row = "_row_1talf_100";
|
|
15
|
+
const selected = "_selected_1talf_117";
|
|
16
|
+
const tfoot = "_tfoot_1talf_137";
|
|
17
|
+
const striped = "_striped_1talf_145";
|
|
18
|
+
const bordered = "_bordered_1talf_153";
|
|
19
19
|
const styles = {
|
|
20
20
|
wrapper,
|
|
21
21
|
table,
|
|
@@ -29,11 +29,11 @@ const styles = {
|
|
|
29
29
|
tabular,
|
|
30
30
|
thead,
|
|
31
31
|
headerContent,
|
|
32
|
+
tbody,
|
|
32
33
|
row,
|
|
33
34
|
selected,
|
|
34
35
|
tfoot,
|
|
35
36
|
striped,
|
|
36
|
-
tbody,
|
|
37
37
|
bordered
|
|
38
38
|
};
|
|
39
39
|
export {
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const root = "
|
|
4
|
-
const title = "
|
|
5
|
-
const list = "
|
|
6
|
-
const item = "
|
|
7
|
-
const groupHeaderRow = "
|
|
8
|
-
const link = "
|
|
9
|
-
const linkLabel = "
|
|
10
|
-
const leading = "
|
|
11
|
-
const trailing = "
|
|
12
|
-
const active = "
|
|
13
|
-
const groupHeader = "
|
|
14
|
-
const groupHeaderInteractive = "
|
|
15
|
-
const groupHeaderActive = "
|
|
16
|
-
const groupChevron = "
|
|
17
|
-
const groupLabel = "
|
|
3
|
+
const root = "_root_1bf9l_1";
|
|
4
|
+
const title = "_title_1bf9l_13";
|
|
5
|
+
const list = "_list_1bf9l_18";
|
|
6
|
+
const item = "_item_1bf9l_28";
|
|
7
|
+
const groupHeaderRow = "_groupHeaderRow_1bf9l_29";
|
|
8
|
+
const link = "_link_1bf9l_122";
|
|
9
|
+
const linkLabel = "_linkLabel_1bf9l_149";
|
|
10
|
+
const leading = "_leading_1bf9l_157";
|
|
11
|
+
const trailing = "_trailing_1bf9l_158";
|
|
12
|
+
const active = "_active_1bf9l_170";
|
|
13
|
+
const groupHeader = "_groupHeader_1bf9l_29";
|
|
14
|
+
const groupHeaderInteractive = "_groupHeaderInteractive_1bf9l_195";
|
|
15
|
+
const groupHeaderActive = "_groupHeaderActive_1bf9l_208";
|
|
16
|
+
const groupChevron = "_groupChevron_1bf9l_212";
|
|
17
|
+
const groupLabel = "_groupLabel_1bf9l_230";
|
|
18
18
|
const styles = {
|
|
19
19
|
root,
|
|
20
20
|
title,
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
const root = "
|
|
2
|
-
const title = "
|
|
3
|
-
const list = "
|
|
4
|
-
const item = "
|
|
5
|
-
const groupHeaderRow = "
|
|
6
|
-
const link = "
|
|
7
|
-
const linkLabel = "
|
|
8
|
-
const leading = "
|
|
9
|
-
const trailing = "
|
|
10
|
-
const active = "
|
|
11
|
-
const groupHeader = "
|
|
12
|
-
const groupHeaderInteractive = "
|
|
13
|
-
const groupHeaderActive = "
|
|
14
|
-
const groupChevron = "
|
|
15
|
-
const groupLabel = "
|
|
1
|
+
const root = "_root_1bf9l_1";
|
|
2
|
+
const title = "_title_1bf9l_13";
|
|
3
|
+
const list = "_list_1bf9l_18";
|
|
4
|
+
const item = "_item_1bf9l_28";
|
|
5
|
+
const groupHeaderRow = "_groupHeaderRow_1bf9l_29";
|
|
6
|
+
const link = "_link_1bf9l_122";
|
|
7
|
+
const linkLabel = "_linkLabel_1bf9l_149";
|
|
8
|
+
const leading = "_leading_1bf9l_157";
|
|
9
|
+
const trailing = "_trailing_1bf9l_158";
|
|
10
|
+
const active = "_active_1bf9l_170";
|
|
11
|
+
const groupHeader = "_groupHeader_1bf9l_29";
|
|
12
|
+
const groupHeaderInteractive = "_groupHeaderInteractive_1bf9l_195";
|
|
13
|
+
const groupHeaderActive = "_groupHeaderActive_1bf9l_208";
|
|
14
|
+
const groupChevron = "_groupChevron_1bf9l_212";
|
|
15
|
+
const groupLabel = "_groupLabel_1bf9l_230";
|
|
16
16
|
const styles = {
|
|
17
17
|
root,
|
|
18
18
|
title,
|
|
@@ -65,11 +65,7 @@ function TableOfContentsItem({
|
|
|
65
65
|
}) {
|
|
66
66
|
const { depth } = React__namespace.useContext(TocContext);
|
|
67
67
|
const effectiveDepth = depth > 0 ? depth : indent ? 1 : 0;
|
|
68
|
-
const linkClasses = [
|
|
69
|
-
TableOfContents_module.default.link,
|
|
70
|
-
active && TableOfContents_module.default.active,
|
|
71
|
-
className
|
|
72
|
-
].filter(Boolean).join(" ");
|
|
68
|
+
const linkClasses = [TableOfContents_module.default.link, active && TableOfContents_module.default.active, className].filter(Boolean).join(" ");
|
|
73
69
|
const handleClick = (e) => {
|
|
74
70
|
onClick == null ? void 0 : onClick(e);
|
|
75
71
|
if (e.defaultPrevented) return;
|
|
@@ -80,29 +76,21 @@ function TableOfContentsItem({
|
|
|
80
76
|
window.history.replaceState(null, "", `#${id}`);
|
|
81
77
|
}
|
|
82
78
|
};
|
|
83
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
84
|
-
"
|
|
79
|
+
return /* @__PURE__ */ jsxRuntime.jsx("li", { className: TableOfContents_module.default.item, "data-depth": effectiveDepth, "data-active": active || void 0, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
80
|
+
"a",
|
|
85
81
|
{
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
"aria-current": active ? "location" : void 0,
|
|
97
|
-
children: [
|
|
98
|
-
leading != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: TableOfContents_module.default.leading, children: leading }),
|
|
99
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: TableOfContents_module.default.linkLabel, children }),
|
|
100
|
-
trailing != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: TableOfContents_module.default.trailing, children: trailing })
|
|
101
|
-
]
|
|
102
|
-
}
|
|
103
|
-
)
|
|
82
|
+
...htmlProps,
|
|
83
|
+
href: `#${id}`,
|
|
84
|
+
className: linkClasses,
|
|
85
|
+
onClick: handleClick,
|
|
86
|
+
"aria-current": active ? "location" : void 0,
|
|
87
|
+
children: [
|
|
88
|
+
leading != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: TableOfContents_module.default.leading, children: leading }),
|
|
89
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: TableOfContents_module.default.linkLabel, children }),
|
|
90
|
+
trailing != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: TableOfContents_module.default.trailing, children: trailing })
|
|
91
|
+
]
|
|
104
92
|
}
|
|
105
|
-
);
|
|
93
|
+
) });
|
|
106
94
|
}
|
|
107
95
|
function useControlledOpen(controlled, defaultValue, onChange) {
|
|
108
96
|
const [internal, setInternal] = React__namespace.useState(defaultValue);
|
|
@@ -145,24 +133,16 @@ function TableOfContentsGroup({
|
|
|
145
133
|
trailing != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: TableOfContents_module.default.trailing, children: trailing })
|
|
146
134
|
] });
|
|
147
135
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
148
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
149
|
-
"
|
|
136
|
+
/* @__PURE__ */ jsxRuntime.jsx("li", { className: TableOfContents_module.default.groupHeaderRow, "data-depth": depth, "data-active": active || void 0, children: isToggleable ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
137
|
+
"button",
|
|
150
138
|
{
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
{
|
|
157
|
-
type: "button",
|
|
158
|
-
className: headerClasses,
|
|
159
|
-
onClick: () => setOpen(!open),
|
|
160
|
-
"aria-expanded": isOpen,
|
|
161
|
-
children: headerContent
|
|
162
|
-
}
|
|
163
|
-
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headerClasses, children: headerContent })
|
|
139
|
+
type: "button",
|
|
140
|
+
className: headerClasses,
|
|
141
|
+
onClick: () => setOpen(!open),
|
|
142
|
+
"aria-expanded": isOpen,
|
|
143
|
+
children: headerContent
|
|
164
144
|
}
|
|
165
|
-
),
|
|
145
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headerClasses, children: headerContent }) }),
|
|
166
146
|
isOpen && /* @__PURE__ */ jsxRuntime.jsx(TocContext.Provider, { value: { depth: depth + 1 }, children })
|
|
167
147
|
] });
|
|
168
148
|
}
|