@bitrise/bitkit-v2 0.3.205 → 0.3.206
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/atoms/ImageCropper/ImageCropper.d.ts +10 -10
- package/dist/components/BitkitAccordion/BitkitAccordion.js.map +1 -1
- package/dist/components/BitkitCalendar/components/CalendarFooter.js.map +1 -1
- package/dist/components/BitkitCalendar/components/CalendarNextTrigger.js.map +1 -1
- package/dist/components/BitkitCalendar/components/CalendarPrevTrigger.js.map +1 -1
- package/dist/components/BitkitCalendar/components/CalendarSelect.js.map +1 -1
- package/dist/components/BitkitCalendar/components/CalendarTrigger.js.map +1 -1
- package/dist/components/BitkitCodeSnippet/BitkitCodeSnippet.js.map +1 -1
- package/dist/components/BitkitCollapsible/BitkitCollapsible.js.map +1 -1
- package/dist/components/BitkitCombobox/BitkitCombobox.d.ts +11 -1
- package/dist/components/BitkitCombobox/BitkitCombobox.js +4 -7
- package/dist/components/BitkitCombobox/BitkitCombobox.js.map +1 -1
- package/dist/components/BitkitDataWidget/BitkitDataWidget.d.ts +10 -0
- package/dist/components/BitkitDataWidget/BitkitDataWidget.js +45 -0
- package/dist/components/BitkitDataWidget/BitkitDataWidget.js.map +1 -0
- package/dist/components/BitkitDialog/BitkitDialog.d.ts +19 -6
- package/dist/components/BitkitDialog/BitkitDialog.js +22 -5
- package/dist/components/BitkitDialog/BitkitDialog.js.map +1 -1
- package/dist/components/BitkitDialog/BitkitDialogBody.d.ts +1 -1
- package/dist/components/BitkitDialog/BitkitDialogBody.js +15 -4
- package/dist/components/BitkitDialog/BitkitDialogBody.js.map +1 -1
- package/dist/components/BitkitDialog/BitkitDialogContent.d.ts +4 -2
- package/dist/components/BitkitDialog/BitkitDialogContent.js +29 -18
- package/dist/components/BitkitDialog/BitkitDialogContent.js.map +1 -1
- package/dist/components/BitkitDialog/BitkitDialogHeader.d.ts +9 -0
- package/dist/components/BitkitDialog/BitkitDialogHeader.js +8 -0
- package/dist/components/BitkitDialog/BitkitDialogHeader.js.map +1 -0
- package/dist/components/BitkitDialog/BitkitDialogStep.d.ts +11 -0
- package/dist/components/BitkitDialog/BitkitDialogStep.js +26 -0
- package/dist/components/BitkitDialog/BitkitDialogStep.js.map +1 -0
- package/dist/components/BitkitDialog/BitkitDialogStepContext.d.ts +5 -0
- package/dist/components/BitkitDialog/BitkitDialogStepContext.js +7 -0
- package/dist/components/BitkitDialog/BitkitDialogStepContext.js.map +1 -0
- package/dist/components/BitkitDraggableCard/BitkitDraggableCard.js.map +1 -1
- package/dist/components/BitkitExpandableCard/BitkitExpandableCard.js.map +1 -1
- package/dist/components/BitkitGroupHeading/BitkitGroupHeading.js.map +1 -1
- package/dist/components/BitkitInlineLoading/BitkitInlineLoading.js.map +1 -1
- package/dist/components/BitkitLabel/BitkitLabel.js +3 -3
- package/dist/components/BitkitLabel/BitkitLabel.js.map +1 -1
- package/dist/components/BitkitLabeledData/BitkitLabeledData.js +24 -17
- package/dist/components/BitkitLabeledData/BitkitLabeledData.js.map +1 -1
- package/dist/components/BitkitList/BitkitList.d.ts +21 -0
- package/dist/components/BitkitList/BitkitList.js +107 -0
- package/dist/components/BitkitList/BitkitList.js.map +1 -0
- package/dist/components/BitkitList/index.d.ts +2 -0
- package/dist/components/BitkitMarkdown/BitkitMarkdown.js +11 -17
- package/dist/components/BitkitMarkdown/BitkitMarkdown.js.map +1 -1
- package/dist/components/BitkitMarkdownCard/BitkitMarkdownCard.js.map +1 -1
- package/dist/components/BitkitMultiselect/BitkitMultiselect.d.ts +13 -1
- package/dist/components/BitkitMultiselect/BitkitMultiselect.js +3 -6
- package/dist/components/BitkitMultiselect/BitkitMultiselect.js.map +1 -1
- package/dist/components/BitkitMultiselectMenu/BitkitMultiselectMenu.d.ts +5 -1
- package/dist/components/BitkitMultiselectMenu/BitkitMultiselectMenu.js +5 -3
- package/dist/components/BitkitMultiselectMenu/BitkitMultiselectMenu.js.map +1 -1
- package/dist/components/BitkitNativeSelect/BitkitNativeSelect.js.map +1 -1
- package/dist/components/BitkitNoteCard/BitkitNoteCard.js.map +1 -1
- package/dist/components/BitkitOverflowContent/BitkitOverflowContent.js +2 -2
- package/dist/components/BitkitOverflowContent/BitkitOverflowContent.js.map +1 -1
- package/dist/components/BitkitPageFooter/BitkitPageFooter.js.map +1 -1
- package/dist/components/BitkitPagination/BitkitPagination.js.map +1 -1
- package/dist/components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.js.map +1 -1
- package/dist/components/BitkitRibbon/BitkitRibbon.js.map +1 -1
- package/dist/components/BitkitSearchInput/BitkitSearchInput.js +2 -1
- package/dist/components/BitkitSearchInput/BitkitSearchInput.js.map +1 -1
- package/dist/components/BitkitSectionHeading/BitkitSectionHeading.js +1 -1
- package/dist/components/BitkitSectionHeading/BitkitSectionHeading.js.map +1 -1
- package/dist/components/BitkitSelect/BitkitSelect.d.ts +12 -1
- package/dist/components/BitkitSelect/BitkitSelect.js +3 -6
- package/dist/components/BitkitSelect/BitkitSelect.js.map +1 -1
- package/dist/components/BitkitSelectMenu/BitkitSelectMenu.d.ts +14 -11
- package/dist/components/BitkitSelectMenu/BitkitSelectMenu.js.map +1 -1
- package/dist/components/BitkitSelectMenu/SelectMenuShell.d.ts +1 -1
- package/dist/components/BitkitSelectMenu/SelectMenuShell.js +13 -13
- package/dist/components/BitkitSelectMenu/SelectMenuShell.js.map +1 -1
- package/dist/components/BitkitSettingsCard/BitkitSettingsCard.js.map +1 -1
- package/dist/components/BitkitSidebar/BitkitSidebar.js.map +1 -1
- package/dist/components/BitkitSplitButton/BitkitSplitButton.js.map +1 -1
- package/dist/components/BitkitSteps/BitkitSteps.js +3 -3
- package/dist/components/BitkitSteps/BitkitSteps.js.map +1 -1
- package/dist/components/BitkitStepsCard/BitkitStepsCard.js.map +1 -1
- package/dist/components/BitkitSwitch/BitkitSwitch.d.ts +3 -0
- package/dist/components/BitkitSwitch/BitkitSwitch.js +105 -0
- package/dist/components/BitkitSwitch/BitkitSwitch.js.map +1 -0
- package/dist/components/BitkitSwitch/BitkitSwitch.types.d.ts +21 -0
- package/dist/components/{BitkitToggle/BitkitToggle.utils.d.ts → BitkitSwitch/BitkitSwitch.utils.d.ts} +1 -1
- package/dist/components/{BitkitToggle/BitkitToggle.utils.js → BitkitSwitch/BitkitSwitch.utils.js} +2 -2
- package/dist/components/{BitkitToggle/BitkitToggle.utils.js.map → BitkitSwitch/BitkitSwitch.utils.js.map} +1 -1
- package/dist/components/BitkitSwitch/components/BitkitSwitchHelperText.d.ts +3 -0
- package/dist/components/{BitkitToggle/components/BitkitToggleHelperText.js → BitkitSwitch/components/BitkitSwitchHelperText.js} +5 -5
- package/dist/components/BitkitSwitch/components/BitkitSwitchHelperText.js.map +1 -0
- package/dist/components/BitkitSwitch/components/BitkitSwitchLabel.d.ts +3 -0
- package/dist/components/{BitkitToggle/components/BitkitToggleLabel.js → BitkitSwitch/components/BitkitSwitchLabel.js} +4 -4
- package/dist/components/BitkitSwitch/components/BitkitSwitchLabel.js.map +1 -0
- package/dist/components/BitkitSwitch/components/BitkitSwitchReadOnly.d.ts +4 -0
- package/dist/components/{BitkitToggle/components/BitkitToggleReadOnly.js → BitkitSwitch/components/BitkitSwitchReadOnly.js} +4 -4
- package/dist/components/{BitkitToggle/components/BitkitToggleReadOnly.js.map → BitkitSwitch/components/BitkitSwitchReadOnly.js.map} +1 -1
- package/dist/components/BitkitSwitch/components/BitkitSwitchValueText.d.ts +3 -0
- package/dist/components/{BitkitToggle/components/BitkitToggleValueText.js → BitkitSwitch/components/BitkitSwitchValueText.js} +7 -7
- package/dist/components/BitkitSwitch/components/BitkitSwitchValueText.js.map +1 -0
- package/dist/components/BitkitSwitch/index.d.ts +2 -0
- package/dist/components/BitkitTag/BitkitTag.js +1 -1
- package/dist/components/BitkitTag/BitkitTag.js.map +1 -1
- package/dist/components/BitkitTagsInput/BitkitTagsInput.d.ts +1 -0
- package/dist/components/BitkitTagsInput/BitkitTagsInput.js +5 -2
- package/dist/components/BitkitTagsInput/BitkitTagsInput.js.map +1 -1
- package/dist/components/BitkitTreeView/BitkitTreeView.js.map +1 -1
- package/dist/components/index.d.ts +5 -4
- package/dist/main.js +8 -7
- package/dist/theme/common/ComboboxAndSelect.common.js +2 -1
- package/dist/theme/common/ComboboxAndSelect.common.js.map +1 -1
- package/dist/theme/common/InputAndTextarea.common.d.ts +7 -0
- package/dist/theme/common/InputAndTextarea.common.js +8 -1
- package/dist/theme/common/InputAndTextarea.common.js.map +1 -1
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/recipes/Button.recipe.js.map +1 -1
- package/dist/theme/recipes/Input.recipe.js +6 -2
- package/dist/theme/recipes/Input.recipe.js.map +1 -1
- package/dist/theme/recipes/SelectableTag.recipe.js +1 -1
- package/dist/theme/recipes/SelectableTag.recipe.js.map +1 -1
- package/dist/theme/recipes/ToggleButton.recipe.js +20 -2
- package/dist/theme/recipes/ToggleButton.recipe.js.map +1 -1
- package/dist/theme/semantic-tokens/semanticColors.js +14 -9
- package/dist/theme/semantic-tokens/semanticColors.js.map +1 -1
- package/dist/theme/slot-recipes/Combobox.recipe.js +14 -4
- package/dist/theme/slot-recipes/Combobox.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/DataWidget.recipe.d.ts +2 -0
- package/dist/theme/slot-recipes/DataWidget.recipe.js +65 -0
- package/dist/theme/slot-recipes/DataWidget.recipe.js.map +1 -0
- package/dist/theme/slot-recipes/Dialog.recipe.d.ts +13 -4
- package/dist/theme/slot-recipes/Dialog.recipe.js +40 -7
- package/dist/theme/slot-recipes/Dialog.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/GroupHeading.recipe.js +1 -1
- package/dist/theme/slot-recipes/GroupHeading.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/MarkdownCard.recipe.d.ts +3 -3
- package/dist/theme/slot-recipes/MarkdownCard.recipe.js +4 -3
- package/dist/theme/slot-recipes/MarkdownCard.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/NoteCard.recipe.js +14 -4
- package/dist/theme/slot-recipes/NoteCard.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Select.recipe.js +28 -11
- package/dist/theme/slot-recipes/Select.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/StepCard.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Switch.recipe.d.ts +3 -3
- package/dist/theme/slot-recipes/Switch.recipe.js +12 -12
- package/dist/theme/slot-recipes/Switch.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/TagsInput.recipe.d.ts +9 -4
- package/dist/theme/slot-recipes/TagsInput.recipe.js +18 -5
- package/dist/theme/slot-recipes/TagsInput.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/TreeView.recipe.d.ts +1 -0
- package/dist/theme/slot-recipes/TreeView.recipe.js +4 -1
- package/dist/theme/slot-recipes/TreeView.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/index.js +2 -0
- package/dist/theme/slot-recipes/index.js.map +1 -1
- package/dist/theme/text-styles.js.map +1 -1
- package/package.json +6 -6
- package/dist/components/BitkitExplainerList/BitkitExplainerList.d.ts +0 -14
- package/dist/components/BitkitExplainerList/BitkitExplainerList.js +0 -54
- package/dist/components/BitkitExplainerList/BitkitExplainerList.js.map +0 -1
- package/dist/components/BitkitOrderedList/BitkitOrderedList.d.ts +0 -13
- package/dist/components/BitkitOrderedList/BitkitOrderedList.js +0 -30
- package/dist/components/BitkitOrderedList/BitkitOrderedList.js.map +0 -1
- package/dist/components/BitkitToggle/BitkitToggle.d.ts +0 -3
- package/dist/components/BitkitToggle/BitkitToggle.js +0 -123
- package/dist/components/BitkitToggle/BitkitToggle.js.map +0 -1
- package/dist/components/BitkitToggle/BitkitToggle.types.d.ts +0 -22
- package/dist/components/BitkitToggle/components/BitkitToggleHelperText.d.ts +0 -3
- package/dist/components/BitkitToggle/components/BitkitToggleHelperText.js.map +0 -1
- package/dist/components/BitkitToggle/components/BitkitToggleLabel.d.ts +0 -3
- package/dist/components/BitkitToggle/components/BitkitToggleLabel.js.map +0 -1
- package/dist/components/BitkitToggle/components/BitkitToggleReadOnly.d.ts +0 -4
- package/dist/components/BitkitToggle/components/BitkitToggleValueText.d.ts +0 -3
- package/dist/components/BitkitToggle/components/BitkitToggleValueText.js.map +0 -1
- package/dist/components/BitkitToggle/index.d.ts +0 -2
- package/dist/components/BitkitUnorderedList/BitkitUnorderedList.d.ts +0 -16
- package/dist/components/BitkitUnorderedList/BitkitUnorderedList.js +0 -52
- package/dist/components/BitkitUnorderedList/BitkitUnorderedList.js.map +0 -1
- package/dist/theme/slot-recipes/Combobox.recipe.d.ts +0 -11
|
@@ -207,7 +207,10 @@ var treeViewSlotRecipe = defineSlotRecipe({
|
|
|
207
207
|
height: "1",
|
|
208
208
|
background: "border/minimal"
|
|
209
209
|
},
|
|
210
|
-
"& > svg": {
|
|
210
|
+
"& > svg": {
|
|
211
|
+
color: "icon/secondary",
|
|
212
|
+
marginBlockStart: rem(9)
|
|
213
|
+
},
|
|
211
214
|
_selected: { "&::after": {
|
|
212
215
|
content: "\"\"",
|
|
213
216
|
position: "absolute",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeView.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/TreeView.recipe.ts"],"sourcesContent":["import { treeViewAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst baseItemStyle = {\n display: 'flex',\n alignItems: 'flex-start',\n gap: 'var(--tree-item-gap)',\n cursor: 'pointer',\n userSelect: 'none',\n position: 'relative',\n '--tree-depth': 'calc(var(--depth) - 1)',\n '--tree-indentation-offset': 'calc(var(--tree-indentation) * var(--tree-depth))',\n '--tree-icon-offset': 'calc(var(--tree-icon-size) * var(--tree-depth) * 0.5)',\n '--tree-offset': 'calc(var(--tree-padding-inline-start) + var(--tree-indentation-offset) + var(--tree-icon-offset))',\n paddingInlineStart: 'var(--tree-offset)',\n focusVisibleRing: 'inside',\n focusRingWidth: '2px',\n _hover: {\n background: 'background/secondary',\n _active: {\n background: 'background/tertiary',\n },\n },\n _active: {\n background: 'background/tertiary',\n },\n _selected: {\n background: 'background/selected',\n _hover: {\n background: 'background/selected-hover',\n _active: {\n background: 'background/selected-hover',\n },\n },\n _active: {\n background: 'background/selected-hover',\n },\n },\n _disabled: {\n opacity: 0.4,\n cursor: 'not-allowed',\n },\n} as const;\n\nconst baseTextStyle = {\n flex: 1,\n minWidth: 0,\n display: 'flex',\n flexDirection: 'column',\n} as const;\n\nconst treeViewSlotRecipe = defineSlotRecipe({\n className: 'bitkit-tree-view',\n slots: [...treeViewAnatomy.keys(), 'actionGroup', 'suffixGroup', 'secondaryText'],\n base: {\n root: {\n width: 'full',\n display: 'flex',\n flexDirection: 'column',\n },\n tree: {\n display: 'flex',\n flexDirection: 'column',\n textStyle: 'body/md/regular',\n color: 'text/body',\n '--tree-item-gap': 'spacing.8',\n '--tree-indentation': 'spacing.16',\n '--tree-padding-inline-start': 'spacing.8',\n '--tree-icon-size': 'spacing.16',\n _icon: {\n boxSize: 'var(--tree-icon-size)',\n },\n },\n label: {\n fontWeight: 'medium',\n textStyle: 'body/sm/regular',\n },\n branch: {\n position: 'relative',\n },\n branchContent: {\n position: 'relative',\n overflow: 'hidden',\n _open: {\n animationName: 'expand-height, fade-in',\n animationDuration: 'moderate',\n },\n _closed: {\n animationName: 'collapse-height, fade-out',\n animationDuration: 'moderate',\n },\n },\n branchIndicator: {\n display: 'flex',\n justifyContent: 'center',\n color: 'icon/secondary',\n },\n branchTrigger: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n branchControl: {\n ...baseItemStyle,\n },\n item: {\n ...baseItemStyle,\n },\n branchText: baseTextStyle,\n itemText: baseTextStyle,\n branchIndentGuide: {},\n itemIndicator: {},\n nodeCheckbox: {\n display: 'inline-flex',\n },\n suffixGroup: {\n display: 'flex',\n gap: '8',\n alignItems: 'center',\n justifyContent: 'flex-end',\n color: 'text/secondary',\n '[data-selected] > &, [data-state=\"open\"] > &': {\n color: 'text/primary',\n },\n paddingInlineStart: '16',\n flexShrink: 0,\n _groupHover: {\n display: 'none',\n },\n },\n actionGroup: {\n display: 'none',\n alignItems: 'center',\n justifyContent: 'flex-end',\n paddingInlineStart: '16',\n flexShrink: 0,\n _groupHover: {\n display: 'flex',\n },\n },\n secondaryText: {\n textStyle: 'body/sm/regular',\n color: 'text/secondary',\n },\n },\n variants: {\n variant: {\n files: {\n branchControl: {\n borderRadius: '4',\n paddingInlineEnd: '16',\n '& > svg': {\n marginBlockStart: '8',\n },\n '& > .badge': {\n marginBlockStart: '6',\n },\n },\n item: {\n borderRadius: '4',\n paddingInlineEnd: '16',\n '& > svg': {\n marginBlockStart: '8',\n },\n '& > .badge': {\n marginBlockStart: '6',\n },\n },\n branchIndicator: {\n alignItems: 'flex-start',\n marginBlockStart: '8',\n alignSelf: 'stretch',\n position: 'relative',\n _open: {\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n insetBlockStart: '16',\n insetBlockEnd: 0,\n insetInlineStart: '50%',\n width: '1',\n background: 'border/regular',\n },\n },\n },\n branchText: {\n paddingBlock: '6',\n },\n itemText: {\n paddingBlock: '6',\n },\n suffixGroup: {\n height: rem(31),\n '& > span': {\n marginBlockEnd: '-1',\n },\n },\n branchIndentGuide: {\n height: '100%',\n width: '1',\n background: 'border/regular',\n position: 'absolute',\n insetBlockStart: 0,\n '--tree-depth': 'calc(var(--depth) - 1)',\n '--tree-indentation-offset': 'calc(var(--tree-indentation) * var(--tree-depth))',\n '--tree-offset': 'calc(var(--tree-padding-inline-start) + var(--tree-indentation-offset))',\n '--tree-icon-offset': 'calc(var(--tree-icon-size) * 0.5 * var(--depth))',\n insetInlineStart: 'calc(var(--tree-offset) + var(--tree-icon-offset))',\n zIndex: 1,\n },\n },\n navigation: {\n branchControl: {\n borderRadius: 0,\n paddingInlineEnd: '16',\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n insetBlockStart: 0,\n insetInlineStart: 'var(--tree-offset)',\n insetInlineEnd: 0,\n height: '1',\n background: 'border/minimal',\n },\n _selected: {\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n insetBlock: 0,\n insetInlineEnd: 0,\n width: '4',\n background: 'border/selected',\n borderRadius: '0 2px 2px 0',\n },\n },\n },\n item: {\n borderRadius: 0,\n paddingInlineEnd: '16',\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n insetBlockStart: 0,\n insetInlineStart: 'var(--tree-offset)',\n insetInlineEnd: 0,\n height: '1',\n background: 'border/minimal',\n },\n '& > svg': {\n marginBlockStart: rem(9),\n },\n _selected: {\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n insetBlock: 0,\n insetInlineEnd: 0,\n width: '4',\n background: 'border/selected',\n borderRadius: '0 2px 2px 0',\n },\n },\n },\n branchIndicator: {\n marginBlockStart: '8',\n transformOrigin: 'center',\n transitionDuration: 'normal',\n transitionProperty: 'transform',\n transitionTimingFunction: 'default',\n _open: {\n transform: 'rotate(90deg)',\n },\n },\n branchText: {\n paddingBlock: '8',\n gap: '4',\n _open: {\n textStyle: 'body/md/semibold',\n color: 'text/primary',\n },\n },\n itemText: {\n paddingBlock: '8',\n },\n suffixGroup: {\n height: rem(35),\n '& > span': {\n marginBlockEnd: '-1',\n },\n },\n branchIndentGuide: {\n display: 'none',\n },\n },\n },\n },\n defaultVariants: {\n variant: 'files',\n },\n});\n\nexport default treeViewSlotRecipe;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TreeView.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/TreeView.recipe.ts"],"sourcesContent":["import { treeViewAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst baseItemStyle = {\n display: 'flex',\n alignItems: 'flex-start',\n gap: 'var(--tree-item-gap)',\n cursor: 'pointer',\n userSelect: 'none',\n position: 'relative',\n '--tree-depth': 'calc(var(--depth) - 1)',\n '--tree-indentation-offset': 'calc(var(--tree-indentation) * var(--tree-depth))',\n '--tree-icon-offset': 'calc(var(--tree-icon-size) * var(--tree-depth) * 0.5)',\n '--tree-offset': 'calc(var(--tree-padding-inline-start) + var(--tree-indentation-offset) + var(--tree-icon-offset))',\n paddingInlineStart: 'var(--tree-offset)',\n focusVisibleRing: 'inside',\n focusRingWidth: '2px',\n _hover: {\n background: 'background/secondary',\n _active: {\n background: 'background/tertiary',\n },\n },\n _active: {\n background: 'background/tertiary',\n },\n _selected: {\n background: 'background/selected',\n _hover: {\n background: 'background/selected-hover',\n _active: {\n background: 'background/selected-hover',\n },\n },\n _active: {\n background: 'background/selected-hover',\n },\n },\n _disabled: {\n opacity: 0.4,\n cursor: 'not-allowed',\n },\n} as const;\n\nconst baseTextStyle = {\n flex: 1,\n minWidth: 0,\n display: 'flex',\n flexDirection: 'column',\n} as const;\n\nconst treeViewSlotRecipe = defineSlotRecipe({\n className: 'bitkit-tree-view',\n slots: [...treeViewAnatomy.keys(), 'actionGroup', 'suffixGroup', 'secondaryText'],\n base: {\n root: {\n width: 'full',\n display: 'flex',\n flexDirection: 'column',\n },\n tree: {\n display: 'flex',\n flexDirection: 'column',\n textStyle: 'body/md/regular',\n color: 'text/body',\n '--tree-item-gap': 'spacing.8',\n '--tree-indentation': 'spacing.16',\n '--tree-padding-inline-start': 'spacing.8',\n '--tree-icon-size': 'spacing.16',\n _icon: {\n boxSize: 'var(--tree-icon-size)',\n },\n },\n label: {\n fontWeight: 'medium',\n textStyle: 'body/sm/regular',\n },\n branch: {\n position: 'relative',\n },\n branchContent: {\n position: 'relative',\n overflow: 'hidden',\n _open: {\n animationName: 'expand-height, fade-in',\n animationDuration: 'moderate',\n },\n _closed: {\n animationName: 'collapse-height, fade-out',\n animationDuration: 'moderate',\n },\n },\n branchIndicator: {\n display: 'flex',\n justifyContent: 'center',\n color: 'icon/secondary',\n },\n branchTrigger: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n branchControl: {\n ...baseItemStyle,\n },\n item: {\n ...baseItemStyle,\n },\n branchText: baseTextStyle,\n itemText: baseTextStyle,\n branchIndentGuide: {},\n itemIndicator: {},\n nodeCheckbox: {\n display: 'inline-flex',\n },\n suffixGroup: {\n display: 'flex',\n gap: '8',\n alignItems: 'center',\n justifyContent: 'flex-end',\n color: 'text/secondary',\n '[data-selected] > &, [data-state=\"open\"] > &': {\n color: 'text/primary',\n },\n paddingInlineStart: '16',\n flexShrink: 0,\n _groupHover: {\n display: 'none',\n },\n },\n actionGroup: {\n display: 'none',\n alignItems: 'center',\n justifyContent: 'flex-end',\n paddingInlineStart: '16',\n flexShrink: 0,\n _groupHover: {\n display: 'flex',\n },\n },\n secondaryText: {\n textStyle: 'body/sm/regular',\n color: 'text/secondary',\n },\n },\n variants: {\n variant: {\n files: {\n branchControl: {\n borderRadius: '4',\n paddingInlineEnd: '16',\n '& > svg': {\n marginBlockStart: '8',\n },\n '& > .badge': {\n marginBlockStart: '6',\n },\n },\n item: {\n borderRadius: '4',\n paddingInlineEnd: '16',\n '& > svg': {\n marginBlockStart: '8',\n },\n '& > .badge': {\n marginBlockStart: '6',\n },\n },\n branchIndicator: {\n alignItems: 'flex-start',\n marginBlockStart: '8',\n alignSelf: 'stretch',\n position: 'relative',\n _open: {\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n insetBlockStart: '16',\n insetBlockEnd: 0,\n insetInlineStart: '50%',\n width: '1',\n background: 'border/regular',\n },\n },\n },\n branchText: {\n paddingBlock: '6',\n },\n itemText: {\n paddingBlock: '6',\n },\n suffixGroup: {\n height: rem(31),\n '& > span': {\n marginBlockEnd: '-1',\n },\n },\n branchIndentGuide: {\n height: '100%',\n width: '1',\n background: 'border/regular',\n position: 'absolute',\n insetBlockStart: 0,\n '--tree-depth': 'calc(var(--depth) - 1)',\n '--tree-indentation-offset': 'calc(var(--tree-indentation) * var(--tree-depth))',\n '--tree-offset': 'calc(var(--tree-padding-inline-start) + var(--tree-indentation-offset))',\n '--tree-icon-offset': 'calc(var(--tree-icon-size) * 0.5 * var(--depth))',\n insetInlineStart: 'calc(var(--tree-offset) + var(--tree-icon-offset))',\n zIndex: 1,\n },\n },\n navigation: {\n branchControl: {\n borderRadius: 0,\n paddingInlineEnd: '16',\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n insetBlockStart: 0,\n insetInlineStart: 'var(--tree-offset)',\n insetInlineEnd: 0,\n height: '1',\n background: 'border/minimal',\n },\n _selected: {\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n insetBlock: 0,\n insetInlineEnd: 0,\n width: '4',\n background: 'border/selected',\n borderRadius: '0 2px 2px 0',\n },\n },\n },\n item: {\n borderRadius: 0,\n paddingInlineEnd: '16',\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n insetBlockStart: 0,\n insetInlineStart: 'var(--tree-offset)',\n insetInlineEnd: 0,\n height: '1',\n background: 'border/minimal',\n },\n // Direct-child selector (not Chakra's _icon) — the item also hosts nested SVGs in\n // suffix/action/expand slots, and _icon's `:where(svg, [role=img])` would recolor\n // and push those down too.\n '& > svg': {\n color: 'icon/secondary',\n marginBlockStart: rem(9),\n },\n _selected: {\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n insetBlock: 0,\n insetInlineEnd: 0,\n width: '4',\n background: 'border/selected',\n borderRadius: '0 2px 2px 0',\n },\n },\n },\n branchIndicator: {\n marginBlockStart: '8',\n transformOrigin: 'center',\n transitionDuration: 'normal',\n transitionProperty: 'transform',\n transitionTimingFunction: 'default',\n _open: {\n transform: 'rotate(90deg)',\n },\n },\n branchText: {\n paddingBlock: '8',\n gap: '4',\n _open: {\n textStyle: 'body/md/semibold',\n color: 'text/primary',\n },\n },\n itemText: {\n paddingBlock: '8',\n },\n suffixGroup: {\n height: rem(35),\n '& > span': {\n marginBlockEnd: '-1',\n },\n },\n branchIndentGuide: {\n display: 'none',\n },\n },\n },\n },\n defaultVariants: {\n variant: 'files',\n },\n});\n\nexport default treeViewSlotRecipe;\n"],"mappings":"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"}
|
|
@@ -9,6 +9,7 @@ import checkboxSlotRecipe from "./Checkbox.recipe.js";
|
|
|
9
9
|
import codeSnippetSlotRecipe from "./CodeSnippet.recipe.js";
|
|
10
10
|
import collapsibleSlotRecipe from "./Collapsible.recipe.js";
|
|
11
11
|
import comboboxSlotRecipe from "./Combobox.recipe.js";
|
|
12
|
+
import dataWidgetSlotRecipe from "./DataWidget.recipe.js";
|
|
12
13
|
import datePickerSlotRecipe from "./DatePicker.recipe.js";
|
|
13
14
|
import { selectSlotRecipe } from "./Select.recipe.js";
|
|
14
15
|
import datePickerSelectSlotRecipe from "./DatePickerSelect.recipe.js";
|
|
@@ -65,6 +66,7 @@ var slotRecipes = {
|
|
|
65
66
|
codeSnippet: codeSnippetSlotRecipe,
|
|
66
67
|
collapsible: collapsibleSlotRecipe,
|
|
67
68
|
combobox: comboboxSlotRecipe,
|
|
69
|
+
dataWidget: dataWidgetSlotRecipe,
|
|
68
70
|
datePicker: datePickerSlotRecipe,
|
|
69
71
|
datePickerSelect: datePickerSelectSlotRecipe,
|
|
70
72
|
dialog: dialogSlotRecipe,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport draggableCardSlotRecipe from './DraggableCard.recipe.ts';\nimport drawerSlotRecipe from './Drawer.recipe.ts';\nimport emptyStateSlotRecipe from './EmptyState.recipe';\nimport expandableCardSlotRecipe from './ExpandableCard.recipe.ts';\nimport fieldSlotRecipe from './Field.recipe';\nimport fieldsetSlotRecipe from './Fieldset.recipe.ts';\nimport fileUploadSlotRecipe from './FileUpload.recipe.ts';\nimport groupHeadingSlotRecipe from './GroupHeading.recipe.ts';\nimport imageCropperSlotRecipe from './ImageCropper.recipe.ts';\nimport inlineLoadingSlotRecipe from './InlineLoading.recipe.ts';\nimport labeledDataSlotRecipe from './LabeledData.recipe.ts';\nimport listSlotRecipe from './List.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport multiselectSlotRecipe from './Multiselect.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport overflowContentSlotRecipe from './OverflowContent.recipe.ts';\nimport pageFooterSlotRecipe from './PageFooter.recipe.ts';\nimport paginationSlotRecipe from './Pagination.recipe.ts';\nimport paginationLoadMoreSlotRecipe from './PaginationLoadMore.recipe.ts';\nimport radioGroupSlotRecipe from './RadioGroup.recipe.ts';\nimport ribbonSlotRecipe from './Ribbon.recipe.ts';\nimport sectionHeadingSlotRecipe from './SectionHeading.recipe.ts';\nimport segmentGroupSlotRecipe from './SegmentGroup.recipe.ts';\nimport { selectSlotRecipe } from './Select.recipe.ts';\nimport settingsCardSlotRecipe from './SettingsCard.recipe.ts';\nimport sidebarSlotRecipe from './Sidebar.recipe.ts';\nimport splitButtonSlotRecipe from './SplitButton.recipe.ts';\nimport statSlotRecipe from './Stat.recipe.ts';\nimport stepCardSlotRecipe from './StepCard.recipe.ts';\nimport stepsSlotRecipe from './Steps.recipe.ts';\nimport switchSlotRecipe from './Switch.recipe';\nimport tableSlotRecipe from './Table.recipe.ts';\nimport tabsSlotRecipe from './Tabs.recipe';\nimport tagSlotRecipe from './Tag.recipe.ts';\nimport tagsInputSlotRecipe from './TagsInput.recipe.ts';\nimport toastSlotRecipe from './Toast.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\nimport treeViewSlotRecipe from './TreeView.recipe.ts';\n\nconst slotRecipes = {\n accordion: accordionSlotRecipe,\n actionBar: actionBarSlotRecipe,\n alert: alertSlotRecipe,\n avatar: avatarSlotRecipe,\n breadcrumb: breadcrumbSlotRecipe,\n card: cardSlotRecipe,\n checkbox: checkboxSlotRecipe,\n codeSnippet: codeSnippetSlotRecipe,\n collapsible: collapsibleSlotRecipe,\n combobox: comboboxSlotRecipe,\n datePicker: datePickerSlotRecipe,\n datePickerSelect: datePickerSelectSlotRecipe,\n dialog: dialogSlotRecipe,\n draggableCard: draggableCardSlotRecipe,\n drawer: drawerSlotRecipe,\n emptyState: emptyStateSlotRecipe,\n expandableCard: expandableCardSlotRecipe,\n field: fieldSlotRecipe,\n groupHeading: groupHeadingSlotRecipe,\n fieldset: fieldsetSlotRecipe,\n fileUpload: fileUploadSlotRecipe,\n imageCropper: imageCropperSlotRecipe,\n inlineLoading: inlineLoadingSlotRecipe,\n list: listSlotRecipe,\n markdown: markdownSlotRecipe,\n markdownCard: markdownCardSlotRecipe,\n menu: menuSlotRecipe,\n multiselect: multiselectSlotRecipe,\n noteCard: noteCardSlotRecipe,\n nativeSelect: nativeSelectSlotRecipe,\n numberInput: numberInputSlotRecipe,\n overflowContent: overflowContentSlotRecipe,\n pageFooter: pageFooterSlotRecipe,\n pagination: paginationSlotRecipe,\n paginationLoadMore: paginationLoadMoreSlotRecipe,\n radioGroup: radioGroupSlotRecipe,\n ribbon: ribbonSlotRecipe,\n sectionHeading: sectionHeadingSlotRecipe,\n labeledData: labeledDataSlotRecipe,\n segmentGroup: segmentGroupSlotRecipe,\n sidebar: sidebarSlotRecipe,\n select: selectSlotRecipe,\n settingsCard: settingsCardSlotRecipe,\n splitButton: splitButtonSlotRecipe,\n stat: statSlotRecipe,\n stepsCard: stepCardSlotRecipe,\n steps: stepsSlotRecipe,\n switch: switchSlotRecipe,\n table: tableSlotRecipe,\n tabs: tabsSlotRecipe,\n tag: tagSlotRecipe,\n tagsInput: tagsInputSlotRecipe,\n toast: toastSlotRecipe,\n tooltip: tooltipSlotRecipe,\n treeView: treeViewSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport dataWidgetSlotRecipe from './DataWidget.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport draggableCardSlotRecipe from './DraggableCard.recipe.ts';\nimport drawerSlotRecipe from './Drawer.recipe.ts';\nimport emptyStateSlotRecipe from './EmptyState.recipe';\nimport expandableCardSlotRecipe from './ExpandableCard.recipe.ts';\nimport fieldSlotRecipe from './Field.recipe';\nimport fieldsetSlotRecipe from './Fieldset.recipe.ts';\nimport fileUploadSlotRecipe from './FileUpload.recipe.ts';\nimport groupHeadingSlotRecipe from './GroupHeading.recipe.ts';\nimport imageCropperSlotRecipe from './ImageCropper.recipe.ts';\nimport inlineLoadingSlotRecipe from './InlineLoading.recipe.ts';\nimport labeledDataSlotRecipe from './LabeledData.recipe.ts';\nimport listSlotRecipe from './List.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport multiselectSlotRecipe from './Multiselect.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport overflowContentSlotRecipe from './OverflowContent.recipe.ts';\nimport pageFooterSlotRecipe from './PageFooter.recipe.ts';\nimport paginationSlotRecipe from './Pagination.recipe.ts';\nimport paginationLoadMoreSlotRecipe from './PaginationLoadMore.recipe.ts';\nimport radioGroupSlotRecipe from './RadioGroup.recipe.ts';\nimport ribbonSlotRecipe from './Ribbon.recipe.ts';\nimport sectionHeadingSlotRecipe from './SectionHeading.recipe.ts';\nimport segmentGroupSlotRecipe from './SegmentGroup.recipe.ts';\nimport { selectSlotRecipe } from './Select.recipe.ts';\nimport settingsCardSlotRecipe from './SettingsCard.recipe.ts';\nimport sidebarSlotRecipe from './Sidebar.recipe.ts';\nimport splitButtonSlotRecipe from './SplitButton.recipe.ts';\nimport statSlotRecipe from './Stat.recipe.ts';\nimport stepCardSlotRecipe from './StepCard.recipe.ts';\nimport stepsSlotRecipe from './Steps.recipe.ts';\nimport switchSlotRecipe from './Switch.recipe';\nimport tableSlotRecipe from './Table.recipe.ts';\nimport tabsSlotRecipe from './Tabs.recipe';\nimport tagSlotRecipe from './Tag.recipe.ts';\nimport tagsInputSlotRecipe from './TagsInput.recipe.ts';\nimport toastSlotRecipe from './Toast.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\nimport treeViewSlotRecipe from './TreeView.recipe.ts';\n\nconst slotRecipes = {\n accordion: accordionSlotRecipe,\n actionBar: actionBarSlotRecipe,\n alert: alertSlotRecipe,\n avatar: avatarSlotRecipe,\n breadcrumb: breadcrumbSlotRecipe,\n card: cardSlotRecipe,\n checkbox: checkboxSlotRecipe,\n codeSnippet: codeSnippetSlotRecipe,\n collapsible: collapsibleSlotRecipe,\n combobox: comboboxSlotRecipe,\n dataWidget: dataWidgetSlotRecipe,\n datePicker: datePickerSlotRecipe,\n datePickerSelect: datePickerSelectSlotRecipe,\n dialog: dialogSlotRecipe,\n draggableCard: draggableCardSlotRecipe,\n drawer: drawerSlotRecipe,\n emptyState: emptyStateSlotRecipe,\n expandableCard: expandableCardSlotRecipe,\n field: fieldSlotRecipe,\n groupHeading: groupHeadingSlotRecipe,\n fieldset: fieldsetSlotRecipe,\n fileUpload: fileUploadSlotRecipe,\n imageCropper: imageCropperSlotRecipe,\n inlineLoading: inlineLoadingSlotRecipe,\n list: listSlotRecipe,\n markdown: markdownSlotRecipe,\n markdownCard: markdownCardSlotRecipe,\n menu: menuSlotRecipe,\n multiselect: multiselectSlotRecipe,\n noteCard: noteCardSlotRecipe,\n nativeSelect: nativeSelectSlotRecipe,\n numberInput: numberInputSlotRecipe,\n overflowContent: overflowContentSlotRecipe,\n pageFooter: pageFooterSlotRecipe,\n pagination: paginationSlotRecipe,\n paginationLoadMore: paginationLoadMoreSlotRecipe,\n radioGroup: radioGroupSlotRecipe,\n ribbon: ribbonSlotRecipe,\n sectionHeading: sectionHeadingSlotRecipe,\n labeledData: labeledDataSlotRecipe,\n segmentGroup: segmentGroupSlotRecipe,\n sidebar: sidebarSlotRecipe,\n select: selectSlotRecipe,\n settingsCard: settingsCardSlotRecipe,\n splitButton: splitButtonSlotRecipe,\n stat: statSlotRecipe,\n stepsCard: stepCardSlotRecipe,\n steps: stepsSlotRecipe,\n switch: switchSlotRecipe,\n table: tableSlotRecipe,\n tabs: tabsSlotRecipe,\n tag: tagSlotRecipe,\n tagsInput: tagsInputSlotRecipe,\n toast: toastSlotRecipe,\n tooltip: tooltipSlotRecipe,\n treeView: treeViewSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAe;CACf,MAAM;CACN,UAAU;CACV,cAAc;CACd,MAAM;CACN,aAAa;CACb,UAAU;CACV,cAAc;CACd,aAAa;CACb,iBAAiB;CACjB,YAAY;CACZ,YAAY;CACZ,oBAAoB;CACpB,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,aAAa;CACb,cAAc;CACd,SAAS;CACT,QAAQ;CACR,cAAc;CACd,aAAa;CACb,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,MAAM;CACN,KAAK;CACL,WAAW;CACX,OAAO;CACP,SAAS;CACT,UAAU;CACX"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-styles.js","names":[],"sources":["../../lib/theme/text-styles.ts"],"sourcesContent":["import { defineTextStyles } from '@chakra-ui/react/styled-system';\n\nconst basicTextStyles = {\n 'mono/code-2': {\n value: {\n fontFamily: 'mono',\n fontSize: '0.75rem',\n lineHeight: '1rem',\n letterSpacing: '-0.009375rem',\n fontWeight: '400',\n },\n },\n 'mono/code-3': {\n value: {\n fontFamily: 'mono',\n fontSize: '0.875rem',\n lineHeight: '1.25rem',\n letterSpacing: '-0.009375rem',\n fontWeight: '400',\n },\n },\n 'sans/size-1/normal': {\n value: {\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n fontWeight: '400',\n },\n },\n 'sans/size-1/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n },\n },\n 'sans/size-1/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n },\n },\n 'sans/size-1/uppercase-bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n textTransform: 'uppercase',\n },\n },\n 'sans/size-2/normal': {\n value: {\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n fontWeight: '400',\n },\n },\n 'sans/size-2/normal-underline': {\n value: {\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n textDecoration: 'underline',\n fontWeight: '400',\n },\n },\n 'sans/size-2/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n },\n },\n 'sans/size-2/semibold-underline': {\n value: {\n fontWeight: '600',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n textDecoration: 'underline',\n },\n },\n 'sans/size-2/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n },\n },\n 'sans/size-2/uppercase-normal': {\n value: {\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n letterSpacing: '0.009375rem',\n textTransform: 'uppercase',\n },\n },\n 'sans/size-2/uppercase-semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n letterSpacing: '0.009375rem',\n textTransform: 'uppercase',\n },\n },\n 'sans/size-3/normal': {\n value: {\n lineHeight: '1.5rem',\n fontSize: '1rem',\n fontWeight: '400',\n },\n },\n 'sans/size-3/normal-underline': {\n value: {\n lineHeight: '1.5rem',\n fontSize: '1rem',\n textDecoration: 'underline',\n fontWeight: '400',\n },\n },\n 'sans/size-3/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.5rem',\n fontSize: '1rem',\n },\n },\n 'sans/size-3/semibold-underline': {\n value: {\n fontWeight: '600',\n lineHeight: '1.5rem',\n fontSize: '1rem',\n textDecoration: 'underline',\n },\n },\n 'sans/size-3/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1.5rem',\n fontSize: '1rem',\n },\n },\n 'sans/size-4/normal': {\n value: {\n lineHeight: '1.75rem',\n fontSize: '1.1875rem',\n fontWeight: '400',\n },\n },\n 'sans/size-4/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.75rem',\n fontSize: '1.1875rem',\n },\n },\n 'sans/size-4/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1.75rem',\n fontSize: '1.1875rem',\n },\n },\n 'sans/size-5/normal': {\n value: {\n lineHeight: '2.25rem',\n fontSize: '1.5rem',\n fontWeight: '400',\n },\n },\n 'sans/size-5/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '2.25rem',\n fontSize: '1.5rem',\n },\n },\n 'sans/size-5/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '2.25rem',\n fontSize: '1.5rem',\n },\n },\n 'sans/size-6/normal': {\n value: {\n lineHeight: '2.5rem',\n fontSize: '1.875rem',\n fontWeight: '400',\n },\n },\n 'sans/size-6/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '2.5rem',\n fontSize: '1.875rem',\n },\n },\n 'sans/size-6/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '2.5rem',\n fontSize: '1.875rem',\n },\n },\n 'sans/size-7/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '3rem',\n fontSize: '2.25rem',\n },\n },\n 'sans/size-7/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '3rem',\n fontSize: '2.25rem',\n },\n },\n 'sans/size-8/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '3.75rem',\n fontSize: '3rem',\n },\n },\n 'sans/size-8/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '3.75rem',\n fontSize: '3rem',\n },\n },\n};\n\nexport const dataObject = {\n ...basicTextStyles,\n 'display/lg': basicTextStyles['sans/size-8/bold'],\n 'display/sm': basicTextStyles['sans/size-7/bold'],\n 'heading/h1': basicTextStyles['sans/size-6/bold'],\n 'heading/h2': basicTextStyles['sans/size-5/bold'],\n 'heading/h3': basicTextStyles['sans/size-4/bold'],\n 'heading/h4': basicTextStyles['sans/size-3/bold'],\n 'heading/h5': basicTextStyles['sans/size-2/bold'],\n 'heading/h6': basicTextStyles['sans/size-1/uppercase-bold'],\n 'heading/mobile/h1': basicTextStyles['sans/size-5/bold'],\n 'heading/mobile/h2': basicTextStyles['sans/size-4/bold'],\n 'heading/mobile/h3': basicTextStyles['sans/size-3/bold'],\n 'body/sm/regular': basicTextStyles['sans/size-1/normal'],\n 'body/sm/semibold': basicTextStyles['sans/size-1/semibold'],\n 'body/md/regular': basicTextStyles['sans/size-2/normal'],\n 'body/md/semibold': basicTextStyles['sans/size-2/semibold'],\n 'body/md/underline': basicTextStyles['sans/size-2/normal-underline'],\n 'body/lg/regular': basicTextStyles['sans/size-3/normal'],\n 'body/lg/semibold': basicTextStyles['sans/size-3/semibold'],\n 'body/lg/underline': basicTextStyles['sans/size-3/normal-underline'],\n 'body/xl/regular': basicTextStyles['sans/size-4/normal'],\n 'body/xl/semibold': basicTextStyles['sans/size-4/semibold'],\n 'body/2xl/regular': basicTextStyles['sans/size-5/normal'],\n 'body/2xl/semibold': basicTextStyles['sans/size-5/semibold'],\n 'body/3xl/regular': basicTextStyles['sans/size-6/normal'],\n 'body/3xl/semibold': basicTextStyles['sans/size-6/semibold'],\n 'code/md': basicTextStyles['mono/code-2'],\n 'code/lg': basicTextStyles['mono/code-3'],\n 'comp/button/sm': basicTextStyles['sans/size-2/semibold'],\n 'comp/button/md': basicTextStyles['sans/size-2/semibold'],\n 'comp/button/lg': basicTextStyles['sans/size-3/semibold'],\n 'comp/notification/title': basicTextStyles['sans/size-3/semibold'],\n 'comp/notification/message': basicTextStyles['sans/size-2/normal'],\n 'comp/notification/message-link': basicTextStyles['sans/size-2/normal-underline'],\n 'comp/notification/button': basicTextStyles['sans/size-2/normal'],\n 'comp/input/label': basicTextStyles['sans/size-2/semibold'],\n 'comp/input/helperText': basicTextStyles['sans/size-1/normal'],\n 'comp/link/md': basicTextStyles['sans/size-2/normal'],\n 'comp/link/md-hover': basicTextStyles['sans/size-2/normal-underline'],\n 'comp/link/lg': basicTextStyles['sans/size-3/normal'],\n 'comp/link/lg-hover': basicTextStyles['sans/size-3/normal-underline'],\n 'comp/data/sm': basicTextStyles['sans/size-3/normal'],\n 'comp/data/md': basicTextStyles['sans/size-5/semibold'],\n 'comp/data/lg': basicTextStyles['sans/size-6/semibold'],\n 'comp/tabs/line': basicTextStyles['sans/size-3/bold'],\n 'comp/tabs/contained': basicTextStyles['sans/size-3/bold'],\n 'comp/tabs/contained-secondary': basicTextStyles['sans/size-2/normal'],\n 'comp/tag/sm': basicTextStyles['sans/size-1/normal'],\n 'comp/tag/md': basicTextStyles['sans/size-2/normal'],\n 'comp/badge/sm': basicTextStyles['sans/size-1/uppercase-bold'],\n 'comp/dialog/title': basicTextStyles['sans/size-5/bold'],\n 'comp/dialog/label': basicTextStyles['sans/size-2/uppercase-semibold'],\n 'comp/avatar/24': basicTextStyles['sans/size-1/bold'],\n 'comp/avatar/32': basicTextStyles['sans/size-3/bold'],\n 'comp/avatar/40': basicTextStyles['sans/size-4/bold'],\n 'comp/avatar/48': basicTextStyles['sans/size-5/bold'],\n 'comp/avatar/64': basicTextStyles['sans/size-6/bold'],\n 'comp/avatar/128': basicTextStyles['sans/size-8/bold'],\n};\n\nconst textStyles = defineTextStyles(dataObject);\n\nexport default textStyles;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"text-styles.js","names":[],"sources":["../../lib/theme/text-styles.ts"],"sourcesContent":["import { defineTextStyles } from '@chakra-ui/react/styled-system';\n\nconst basicTextStyles = {\n 'mono/code-2': {\n value: {\n fontFamily: 'mono',\n fontSize: '0.75rem',\n lineHeight: '1rem',\n letterSpacing: '-0.009375rem',\n fontWeight: '400',\n },\n },\n 'mono/code-3': {\n value: {\n fontFamily: 'mono',\n fontSize: '0.875rem',\n lineHeight: '1.25rem',\n letterSpacing: '-0.009375rem',\n fontWeight: '400',\n },\n },\n 'sans/size-1/normal': {\n value: {\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n fontWeight: '400',\n },\n },\n 'sans/size-1/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n },\n },\n 'sans/size-1/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n },\n },\n 'sans/size-1/uppercase-bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1rem',\n fontSize: '0.75rem',\n letterSpacing: '0.009375rem',\n textTransform: 'uppercase',\n },\n },\n 'sans/size-2/normal': {\n value: {\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n fontWeight: '400',\n },\n },\n 'sans/size-2/normal-underline': {\n value: {\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n textDecoration: 'underline',\n fontWeight: '400',\n },\n },\n 'sans/size-2/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n },\n },\n 'sans/size-2/semibold-underline': {\n value: {\n fontWeight: '600',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n textDecoration: 'underline',\n },\n },\n 'sans/size-2/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n },\n },\n 'sans/size-2/uppercase-normal': {\n value: {\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n letterSpacing: '0.009375rem',\n textTransform: 'uppercase',\n },\n },\n 'sans/size-2/uppercase-semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.25rem',\n fontSize: '0.875rem',\n letterSpacing: '0.009375rem',\n textTransform: 'uppercase',\n },\n },\n 'sans/size-3/normal': {\n value: {\n lineHeight: '1.5rem',\n fontSize: '1rem',\n fontWeight: '400',\n },\n },\n 'sans/size-3/normal-underline': {\n value: {\n lineHeight: '1.5rem',\n fontSize: '1rem',\n textDecoration: 'underline',\n fontWeight: '400',\n },\n },\n 'sans/size-3/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.5rem',\n fontSize: '1rem',\n },\n },\n 'sans/size-3/semibold-underline': {\n value: {\n fontWeight: '600',\n lineHeight: '1.5rem',\n fontSize: '1rem',\n textDecoration: 'underline',\n },\n },\n 'sans/size-3/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1.5rem',\n fontSize: '1rem',\n },\n },\n 'sans/size-4/normal': {\n value: {\n lineHeight: '1.75rem',\n fontSize: '1.1875rem',\n fontWeight: '400',\n },\n },\n 'sans/size-4/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '1.75rem',\n fontSize: '1.1875rem',\n },\n },\n 'sans/size-4/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '1.75rem',\n fontSize: '1.1875rem',\n },\n },\n 'sans/size-5/normal': {\n value: {\n lineHeight: '2.25rem',\n fontSize: '1.5rem',\n fontWeight: '400',\n },\n },\n 'sans/size-5/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '2.25rem',\n fontSize: '1.5rem',\n },\n },\n 'sans/size-5/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '2.25rem',\n fontSize: '1.5rem',\n },\n },\n 'sans/size-6/normal': {\n value: {\n lineHeight: '2.5rem',\n fontSize: '1.875rem',\n fontWeight: '400',\n },\n },\n 'sans/size-6/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '2.5rem',\n fontSize: '1.875rem',\n },\n },\n 'sans/size-6/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '2.5rem',\n fontSize: '1.875rem',\n },\n },\n 'sans/size-7/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '3rem',\n fontSize: '2.25rem',\n },\n },\n 'sans/size-7/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '3rem',\n fontSize: '2.25rem',\n },\n },\n 'sans/size-8/semibold': {\n value: {\n fontWeight: '600',\n lineHeight: '3.75rem',\n fontSize: '3rem',\n },\n },\n 'sans/size-8/bold': {\n value: {\n fontWeight: '700',\n lineHeight: '3.75rem',\n fontSize: '3rem',\n },\n },\n};\n\nexport const dataObject = {\n ...basicTextStyles,\n 'display/lg': basicTextStyles['sans/size-8/bold'],\n 'display/sm': basicTextStyles['sans/size-7/bold'],\n 'heading/h1': basicTextStyles['sans/size-6/bold'],\n 'heading/h2': basicTextStyles['sans/size-5/bold'],\n 'heading/h3': basicTextStyles['sans/size-4/bold'],\n 'heading/h4': basicTextStyles['sans/size-3/bold'],\n 'heading/h5': basicTextStyles['sans/size-2/bold'],\n 'heading/h6': basicTextStyles['sans/size-1/uppercase-bold'],\n 'heading/mobile/h1': basicTextStyles['sans/size-5/bold'],\n 'heading/mobile/h2': basicTextStyles['sans/size-4/bold'],\n 'heading/mobile/h3': basicTextStyles['sans/size-3/bold'],\n 'body/sm/regular': basicTextStyles['sans/size-1/normal'],\n 'body/sm/semibold': basicTextStyles['sans/size-1/semibold'],\n 'body/md/regular': basicTextStyles['sans/size-2/normal'],\n 'body/md/semibold': basicTextStyles['sans/size-2/semibold'],\n 'body/md/underline': basicTextStyles['sans/size-2/normal-underline'],\n 'body/lg/regular': basicTextStyles['sans/size-3/normal'],\n 'body/lg/semibold': basicTextStyles['sans/size-3/semibold'],\n 'body/lg/underline': basicTextStyles['sans/size-3/normal-underline'],\n 'body/xl/regular': basicTextStyles['sans/size-4/normal'],\n 'body/xl/semibold': basicTextStyles['sans/size-4/semibold'],\n 'body/2xl/regular': basicTextStyles['sans/size-5/normal'],\n 'body/2xl/semibold': basicTextStyles['sans/size-5/semibold'],\n 'body/3xl/regular': basicTextStyles['sans/size-6/normal'],\n 'body/3xl/semibold': basicTextStyles['sans/size-6/semibold'],\n 'code/md': basicTextStyles['mono/code-2'],\n 'code/lg': basicTextStyles['mono/code-3'],\n 'comp/button/sm': basicTextStyles['sans/size-2/semibold'],\n 'comp/button/md': basicTextStyles['sans/size-2/semibold'],\n 'comp/button/lg': basicTextStyles['sans/size-3/semibold'],\n 'comp/notification/title': basicTextStyles['sans/size-3/semibold'],\n 'comp/notification/message': basicTextStyles['sans/size-2/normal'],\n 'comp/notification/message-link': basicTextStyles['sans/size-2/normal-underline'],\n 'comp/notification/button': basicTextStyles['sans/size-2/normal'],\n 'comp/input/label': basicTextStyles['sans/size-2/semibold'],\n 'comp/input/helperText': basicTextStyles['sans/size-1/normal'],\n 'comp/link/md': basicTextStyles['sans/size-2/normal'],\n 'comp/link/md-hover': basicTextStyles['sans/size-2/normal-underline'],\n 'comp/link/lg': basicTextStyles['sans/size-3/normal'],\n 'comp/link/lg-hover': basicTextStyles['sans/size-3/normal-underline'],\n 'comp/data/sm': basicTextStyles['sans/size-3/normal'],\n 'comp/data/md': basicTextStyles['sans/size-5/semibold'],\n 'comp/data/lg': basicTextStyles['sans/size-6/semibold'],\n 'comp/tabs/line': basicTextStyles['sans/size-3/bold'],\n 'comp/tabs/contained': basicTextStyles['sans/size-3/bold'],\n 'comp/tabs/contained-secondary': basicTextStyles['sans/size-2/normal'],\n 'comp/tag/sm': basicTextStyles['sans/size-1/normal'],\n 'comp/tag/md': basicTextStyles['sans/size-2/normal'],\n 'comp/badge/sm': basicTextStyles['sans/size-1/uppercase-bold'],\n 'comp/dialog/title': basicTextStyles['sans/size-5/bold'],\n 'comp/dialog/label': basicTextStyles['sans/size-2/uppercase-semibold'],\n 'comp/avatar/24': basicTextStyles['sans/size-1/bold'],\n 'comp/avatar/32': basicTextStyles['sans/size-3/bold'],\n 'comp/avatar/40': basicTextStyles['sans/size-4/bold'],\n 'comp/avatar/48': basicTextStyles['sans/size-5/bold'],\n 'comp/avatar/64': basicTextStyles['sans/size-6/bold'],\n 'comp/avatar/128': basicTextStyles['sans/size-8/bold'],\n};\n\nconst textStyles = defineTextStyles(dataObject);\n\nexport default textStyles;\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bitrise/bitkit-v2",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.3.
|
|
4
|
+
"version": "0.3.206",
|
|
5
5
|
"description": "Bitrise Design System Components built with Chakra UI V3",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"react",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
},
|
|
56
56
|
"devDependencies": {
|
|
57
57
|
"@bitrise/eslint-plugin": "^4.1.0",
|
|
58
|
-
"@chakra-ui/cli": "^3.
|
|
58
|
+
"@chakra-ui/cli": "^3.35.0",
|
|
59
59
|
"@figma-export/cli": "^6.4.0",
|
|
60
60
|
"@figma-export/output-components-as-svg": "^6.4.0",
|
|
61
61
|
"@figma-export/transform-svg-with-svgo": "^6.4.0",
|
|
@@ -68,19 +68,19 @@
|
|
|
68
68
|
"@types/react": "^18.3.28",
|
|
69
69
|
"@types/react-dom": "^18.3.7",
|
|
70
70
|
"@vitejs/plugin-react": "^6.0.1",
|
|
71
|
-
"es-toolkit": "^1.
|
|
71
|
+
"es-toolkit": "^1.46.0",
|
|
72
72
|
"react": "^18.3.1",
|
|
73
73
|
"react-dom": "^18.3.1",
|
|
74
|
-
"release-it": "^20.0.
|
|
74
|
+
"release-it": "^20.0.1",
|
|
75
75
|
"storybook": "10.3.5",
|
|
76
76
|
"tsx": "^4.21.0",
|
|
77
77
|
"typescript": "^6.0.3",
|
|
78
|
-
"vite": "^8.0.
|
|
78
|
+
"vite": "^8.0.10",
|
|
79
79
|
"vite-plugin-dts": "^4.5.4",
|
|
80
80
|
"vite-plugin-svgr": "^5.2.0"
|
|
81
81
|
},
|
|
82
82
|
"dependencies": {
|
|
83
|
-
"@chakra-ui/react": "^3.
|
|
83
|
+
"@chakra-ui/react": "^3.35.0",
|
|
84
84
|
"@emotion/react": "^11.14.0",
|
|
85
85
|
"@emotion/styled": "^11.14.1",
|
|
86
86
|
"@fontsource-variable/figtree": "^5.2.10",
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ListRootProps } from '@chakra-ui/react/list';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
export interface BitkitExplainerListProps extends Omit<ListRootProps, 'colorPalette'> {
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
colorPalette?: 'neutral' | 'purple';
|
|
6
|
-
}
|
|
7
|
-
export interface BitkitExplainerListItemProps {
|
|
8
|
-
children: ReactNode;
|
|
9
|
-
helperText?: string;
|
|
10
|
-
}
|
|
11
|
-
declare const _default: import('react').ForwardRefExoticComponent<BitkitExplainerListProps & import('react').RefAttributes<HTMLOListElement>> & {
|
|
12
|
-
Item: import('react').ForwardRefExoticComponent<BitkitExplainerListItemProps & import('react').RefAttributes<HTMLLIElement>>;
|
|
13
|
-
};
|
|
14
|
-
export default _default;
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { Box } from "@chakra-ui/react/box";
|
|
2
|
-
import { Text } from "@chakra-ui/react/text";
|
|
3
|
-
import { forwardRef } from "react";
|
|
4
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
-
import { List } from "@chakra-ui/react/list";
|
|
6
|
-
//#region lib/components/BitkitExplainerList/BitkitExplainerList.tsx
|
|
7
|
-
var BitkitExplainerList = forwardRef((props, ref) => {
|
|
8
|
-
const { children, colorPalette = "neutral", size = "lg", ...rest } = props;
|
|
9
|
-
return /* @__PURE__ */ jsx(List.Root, {
|
|
10
|
-
ref,
|
|
11
|
-
as: "ol",
|
|
12
|
-
colorPalette,
|
|
13
|
-
counterReset: "explainer-list",
|
|
14
|
-
size,
|
|
15
|
-
...rest,
|
|
16
|
-
children
|
|
17
|
-
});
|
|
18
|
-
});
|
|
19
|
-
BitkitExplainerList.displayName = "BitkitExplainerList";
|
|
20
|
-
var BitkitExplainerListItem = forwardRef((props, ref) => {
|
|
21
|
-
const { children, helperText } = props;
|
|
22
|
-
return /* @__PURE__ */ jsxs(List.Item, {
|
|
23
|
-
ref,
|
|
24
|
-
counterIncrement: "explainer-list",
|
|
25
|
-
gap: helperText ? "12" : "6",
|
|
26
|
-
marginBlockEnd: helperText ? "8" : void 0,
|
|
27
|
-
children: [/* @__PURE__ */ jsx(List.Indicator, {
|
|
28
|
-
_before: { content: "counter(explainer-list)" },
|
|
29
|
-
background: "colorPalette.subtle",
|
|
30
|
-
borderRadius: "50%",
|
|
31
|
-
color: "colorPalette.strong",
|
|
32
|
-
height: helperText ? "24" : "20",
|
|
33
|
-
overflow: "hidden",
|
|
34
|
-
textStyle: "comp/badge/sm",
|
|
35
|
-
width: helperText ? "24" : "20"
|
|
36
|
-
}), helperText ? /* @__PURE__ */ jsxs(Box, {
|
|
37
|
-
display: "flex",
|
|
38
|
-
flex: "1",
|
|
39
|
-
flexDirection: "column",
|
|
40
|
-
minWidth: "0",
|
|
41
|
-
children: [children, /* @__PURE__ */ jsx(Text, {
|
|
42
|
-
color: "text/secondary",
|
|
43
|
-
textStyle: "body/md/regular",
|
|
44
|
-
children: helperText
|
|
45
|
-
})]
|
|
46
|
-
}) : children]
|
|
47
|
-
});
|
|
48
|
-
});
|
|
49
|
-
BitkitExplainerListItem.displayName = "BitkitExplainerListItem";
|
|
50
|
-
var BitkitExplainerList_default = Object.assign(BitkitExplainerList, { Item: BitkitExplainerListItem });
|
|
51
|
-
//#endregion
|
|
52
|
-
export { BitkitExplainerList_default as default };
|
|
53
|
-
|
|
54
|
-
//# sourceMappingURL=BitkitExplainerList.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitExplainerList.js","names":[],"sources":["../../../lib/components/BitkitExplainerList/BitkitExplainerList.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { List, type ListRootProps } from '@chakra-ui/react/list';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\n// ----- BitkitExplainerList -----\n\nexport interface BitkitExplainerListProps extends Omit<ListRootProps, 'colorPalette'> {\n children: ReactNode;\n colorPalette?: 'neutral' | 'purple';\n}\n\nconst BitkitExplainerList = forwardRef<HTMLOListElement, BitkitExplainerListProps>((props, ref) => {\n const { children, colorPalette = 'neutral', size = 'lg', ...rest } = props;\n\n return (\n <List.Root ref={ref} as=\"ol\" colorPalette={colorPalette} counterReset=\"explainer-list\" size={size} {...rest}>\n {children}\n </List.Root>\n );\n});\n\nBitkitExplainerList.displayName = 'BitkitExplainerList';\n\n// ----- BitkitExplainerList.Item -----\n\nexport interface BitkitExplainerListItemProps {\n children: ReactNode;\n helperText?: string;\n}\n\nconst BitkitExplainerListItem = forwardRef<HTMLLIElement, BitkitExplainerListItemProps>((props, ref) => {\n const { children, helperText } = props;\n\n return (\n <List.Item\n ref={ref}\n counterIncrement=\"explainer-list\"\n gap={helperText ? '12' : '6'}\n marginBlockEnd={helperText ? '8' : undefined}\n >\n <List.Indicator\n _before={{ content: 'counter(explainer-list)' }}\n background=\"colorPalette.subtle\"\n borderRadius=\"50%\"\n color=\"colorPalette.strong\"\n height={helperText ? '24' : '20'}\n overflow=\"hidden\"\n textStyle=\"comp/badge/sm\"\n width={helperText ? '24' : '20'}\n />\n {helperText ? (\n <Box display=\"flex\" flex=\"1\" flexDirection=\"column\" minWidth=\"0\">\n {children}\n <Text color=\"text/secondary\" textStyle=\"body/md/regular\">\n {helperText}\n </Text>\n </Box>\n ) : (\n children\n )}\n </List.Item>\n );\n});\n\nBitkitExplainerListItem.displayName = 'BitkitExplainerListItem';\n\nexport default Object.assign(BitkitExplainerList, { Item: BitkitExplainerListItem });\n"],"mappings":";;;;;;AAYA,IAAM,sBAAsB,YAAwD,OAAO,QAAQ;CACjG,MAAM,EAAE,UAAU,eAAe,WAAW,OAAO,MAAM,GAAG,SAAS;AAErE,QACE,oBAAC,KAAK,MAAN;EAAgB;EAAK,IAAG;EAAmB;EAAc,cAAa;EAAuB;EAAM,GAAI;EACpG;EACS,CAAA;EAEd;AAEF,oBAAoB,cAAc;AASlC,IAAM,0BAA0B,YAAyD,OAAO,QAAQ;CACtG,MAAM,EAAE,UAAU,eAAe;AAEjC,QACE,qBAAC,KAAK,MAAN;EACO;EACL,kBAAiB;EACjB,KAAK,aAAa,OAAO;EACzB,gBAAgB,aAAa,MAAM,KAAA;YAJrC,CAME,oBAAC,KAAK,WAAN;GACE,SAAS,EAAE,SAAS,2BAA2B;GAC/C,YAAW;GACX,cAAa;GACb,OAAM;GACN,QAAQ,aAAa,OAAO;GAC5B,UAAS;GACT,WAAU;GACV,OAAO,aAAa,OAAO;GAC3B,CAAA,EACD,aACC,qBAAC,KAAD;GAAK,SAAQ;GAAO,MAAK;GAAI,eAAc;GAAS,UAAS;aAA7D,CACG,UACD,oBAAC,MAAD;IAAM,OAAM;IAAiB,WAAU;cACpC;IACI,CAAA,CACH;OAEN,SAEQ;;EAEd;AAEF,wBAAwB,cAAc;AAEtC,IAAA,8BAAe,OAAO,OAAO,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ListRootProps } from '@chakra-ui/react/list';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
export interface BitkitOrderedListProps extends ListRootProps {
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
size?: 'lg' | 'md';
|
|
6
|
-
}
|
|
7
|
-
export interface BitkitOrderedListItemProps {
|
|
8
|
-
children: ReactNode;
|
|
9
|
-
}
|
|
10
|
-
declare const _default: import('react').ForwardRefExoticComponent<BitkitOrderedListProps & import('react').RefAttributes<HTMLOListElement>> & {
|
|
11
|
-
Item: import('react').ForwardRefExoticComponent<BitkitOrderedListItemProps & import('react').RefAttributes<HTMLLIElement>>;
|
|
12
|
-
};
|
|
13
|
-
export default _default;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { forwardRef } from "react";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { List } from "@chakra-ui/react/list";
|
|
4
|
-
//#region lib/components/BitkitOrderedList/BitkitOrderedList.tsx
|
|
5
|
-
var BitkitOrderedList = forwardRef((props, ref) => {
|
|
6
|
-
const { children, size = "lg", ...rest } = props;
|
|
7
|
-
return /* @__PURE__ */ jsx(List.Root, {
|
|
8
|
-
ref,
|
|
9
|
-
as: "ol",
|
|
10
|
-
counterReset: "ordered-list",
|
|
11
|
-
size,
|
|
12
|
-
...rest,
|
|
13
|
-
children
|
|
14
|
-
});
|
|
15
|
-
});
|
|
16
|
-
BitkitOrderedList.displayName = "BitkitOrderedList";
|
|
17
|
-
var BitkitOrderedListItem = forwardRef((props, ref) => {
|
|
18
|
-
const { children } = props;
|
|
19
|
-
return /* @__PURE__ */ jsxs(List.Item, {
|
|
20
|
-
ref,
|
|
21
|
-
counterIncrement: "ordered-list",
|
|
22
|
-
children: [/* @__PURE__ */ jsx(List.Indicator, { _before: { content: "counter(ordered-list) \".\"" } }), children]
|
|
23
|
-
});
|
|
24
|
-
});
|
|
25
|
-
BitkitOrderedListItem.displayName = "BitkitOrderedListItem";
|
|
26
|
-
var BitkitOrderedList_default = Object.assign(BitkitOrderedList, { Item: BitkitOrderedListItem });
|
|
27
|
-
//#endregion
|
|
28
|
-
export { BitkitOrderedList_default as default };
|
|
29
|
-
|
|
30
|
-
//# sourceMappingURL=BitkitOrderedList.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitOrderedList.js","names":[],"sources":["../../../lib/components/BitkitOrderedList/BitkitOrderedList.tsx"],"sourcesContent":["import { List, type ListRootProps } from '@chakra-ui/react/list';\nimport { forwardRef, type ReactNode } from 'react';\n\n// ----- BitkitOrderedList -----\n\nexport interface BitkitOrderedListProps extends ListRootProps {\n children: ReactNode;\n size?: 'lg' | 'md';\n}\n\nconst BitkitOrderedList = forwardRef<HTMLOListElement, BitkitOrderedListProps>((props, ref) => {\n const { children, size = 'lg', ...rest } = props;\n\n return (\n <List.Root ref={ref} as=\"ol\" counterReset=\"ordered-list\" size={size} {...rest}>\n {children}\n </List.Root>\n );\n});\n\nBitkitOrderedList.displayName = 'BitkitOrderedList';\n\n// ----- BitkitOrderedList.Item -----\n\nexport interface BitkitOrderedListItemProps {\n children: ReactNode;\n}\n\nconst BitkitOrderedListItem = forwardRef<HTMLLIElement, BitkitOrderedListItemProps>((props, ref) => {\n const { children } = props;\n return (\n <List.Item ref={ref} counterIncrement=\"ordered-list\">\n <List.Indicator _before={{ content: 'counter(ordered-list) \".\"' }} />\n {children}\n </List.Item>\n );\n});\n\nBitkitOrderedListItem.displayName = 'BitkitOrderedListItem';\n\nexport default Object.assign(BitkitOrderedList, { Item: BitkitOrderedListItem });\n"],"mappings":";;;;AAUA,IAAM,oBAAoB,YAAsD,OAAO,QAAQ;CAC7F,MAAM,EAAE,UAAU,OAAO,MAAM,GAAG,SAAS;AAE3C,QACE,oBAAC,KAAK,MAAN;EAAgB;EAAK,IAAG;EAAK,cAAa;EAAqB;EAAM,GAAI;EACtE;EACS,CAAA;EAEd;AAEF,kBAAkB,cAAc;AAQhC,IAAM,wBAAwB,YAAuD,OAAO,QAAQ;CAClG,MAAM,EAAE,aAAa;AACrB,QACE,qBAAC,KAAK,MAAN;EAAgB;EAAK,kBAAiB;YAAtC,CACE,oBAAC,KAAK,WAAN,EAAgB,SAAS,EAAE,SAAS,+BAA6B,EAAI,CAAA,EACpE,SACS;;EAEd;AAEF,sBAAsB,cAAc;AAEpC,IAAA,4BAAe,OAAO,OAAO,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
import IconCheck from "../../icons/IconCheck.js";
|
|
2
|
-
import IconCross from "../../icons/IconCross.js";
|
|
3
|
-
import BitkitToggleHelperText from "./components/BitkitToggleHelperText.js";
|
|
4
|
-
import BitkitToggleLabel from "./components/BitkitToggleLabel.js";
|
|
5
|
-
import BitkitToggleReadOnly from "./components/BitkitToggleReadOnly.js";
|
|
6
|
-
import BitkitToggleValueText from "./components/BitkitToggleValueText.js";
|
|
7
|
-
import { Box } from "@chakra-ui/react/box";
|
|
8
|
-
import { useSlotRecipe } from "@chakra-ui/react/styled-system";
|
|
9
|
-
import { forwardRef } from "react";
|
|
10
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
11
|
-
import { Skeleton } from "@chakra-ui/react/skeleton";
|
|
12
|
-
import { Switch } from "@chakra-ui/react/switch";
|
|
13
|
-
//#region lib/components/BitkitToggle/BitkitToggle.tsx
|
|
14
|
-
var BitkitToggleDynamicLabel = forwardRef((props, ref) => {
|
|
15
|
-
const { label, optional, tooltip, helperText, valueText, size = "md", state = "default", ...rest } = props;
|
|
16
|
-
const styles = useSlotRecipe({ key: "switch" })({ size });
|
|
17
|
-
return /* @__PURE__ */ jsxs(Switch.Root, {
|
|
18
|
-
gap: "4",
|
|
19
|
-
size,
|
|
20
|
-
required: !optional,
|
|
21
|
-
flexDirection: "column",
|
|
22
|
-
alignItems: "flex-start",
|
|
23
|
-
readOnly: state === "readOnly",
|
|
24
|
-
disabled: state === "disabled" || state === "disabledInput" || state === "skeleton",
|
|
25
|
-
...rest,
|
|
26
|
-
children: [
|
|
27
|
-
/* @__PURE__ */ jsx(Switch.HiddenInput, { ref }),
|
|
28
|
-
/* @__PURE__ */ jsx(BitkitToggleLabel, {
|
|
29
|
-
label,
|
|
30
|
-
state,
|
|
31
|
-
tooltip,
|
|
32
|
-
optional
|
|
33
|
-
}),
|
|
34
|
-
/* @__PURE__ */ jsxs(Box, {
|
|
35
|
-
css: styles.root,
|
|
36
|
-
children: [/* @__PURE__ */ jsx(BitkitToggleReadOnly, {
|
|
37
|
-
state,
|
|
38
|
-
children: /* @__PURE__ */ jsx(Skeleton, {
|
|
39
|
-
loading: state === "skeleton",
|
|
40
|
-
borderRadius: "12",
|
|
41
|
-
height: size === "sm" ? "16" : "24",
|
|
42
|
-
children: /* @__PURE__ */ jsxs(Switch.Control, { children: [/* @__PURE__ */ jsx(Switch.Thumb, {}), /* @__PURE__ */ jsx(Switch.Indicator, {
|
|
43
|
-
fallback: /* @__PURE__ */ jsx(IconCross, { size: size === "sm" ? "16" : "24" }),
|
|
44
|
-
children: /* @__PURE__ */ jsx(IconCheck, { size: size === "sm" ? "16" : "24" })
|
|
45
|
-
})] })
|
|
46
|
-
})
|
|
47
|
-
}), /* @__PURE__ */ jsx(BitkitToggleValueText, {
|
|
48
|
-
size,
|
|
49
|
-
state,
|
|
50
|
-
valueText
|
|
51
|
-
})]
|
|
52
|
-
}),
|
|
53
|
-
/* @__PURE__ */ jsx(BitkitToggleHelperText, {
|
|
54
|
-
state,
|
|
55
|
-
helperText
|
|
56
|
-
})
|
|
57
|
-
]
|
|
58
|
-
});
|
|
59
|
-
});
|
|
60
|
-
BitkitToggleDynamicLabel.displayName = "BitkitToggleDynamicLabel";
|
|
61
|
-
var BitkitToggleFixedLabel = forwardRef((props, ref) => {
|
|
62
|
-
const { label, optional, tooltip, helperText, size = "sm", state = "default", ...rest } = props;
|
|
63
|
-
const styles = useSlotRecipe({ key: "switch" })({ size });
|
|
64
|
-
return /* @__PURE__ */ jsxs(Switch.Root, {
|
|
65
|
-
size,
|
|
66
|
-
display: "flex",
|
|
67
|
-
required: !optional,
|
|
68
|
-
justifyContent: "space-between",
|
|
69
|
-
readOnly: state === "readOnly",
|
|
70
|
-
disabled: state === "disabled" || state === "disabledInput" || state === "skeleton",
|
|
71
|
-
...rest,
|
|
72
|
-
children: [
|
|
73
|
-
/* @__PURE__ */ jsx(Switch.HiddenInput, { ref }),
|
|
74
|
-
(label || helperText) && /* @__PURE__ */ jsxs(Box, {
|
|
75
|
-
display: "flex",
|
|
76
|
-
flexDirection: "column",
|
|
77
|
-
gap: "4",
|
|
78
|
-
mr: "24",
|
|
79
|
-
children: [/* @__PURE__ */ jsx(BitkitToggleLabel, {
|
|
80
|
-
label,
|
|
81
|
-
state,
|
|
82
|
-
tooltip,
|
|
83
|
-
optional
|
|
84
|
-
}), /* @__PURE__ */ jsx(BitkitToggleHelperText, {
|
|
85
|
-
state,
|
|
86
|
-
helperText
|
|
87
|
-
})]
|
|
88
|
-
}),
|
|
89
|
-
/* @__PURE__ */ jsx(Box, {
|
|
90
|
-
css: styles.root,
|
|
91
|
-
children: /* @__PURE__ */ jsx(BitkitToggleReadOnly, {
|
|
92
|
-
state,
|
|
93
|
-
children: /* @__PURE__ */ jsx(Skeleton, {
|
|
94
|
-
loading: state === "skeleton",
|
|
95
|
-
borderRadius: "12",
|
|
96
|
-
height: size === "sm" ? "16" : "24",
|
|
97
|
-
children: /* @__PURE__ */ jsxs(Switch.Control, { children: [/* @__PURE__ */ jsx(Switch.Thumb, {}), /* @__PURE__ */ jsx(Switch.Indicator, {
|
|
98
|
-
fallback: /* @__PURE__ */ jsx(IconCross, { size: size === "sm" ? "16" : "24" }),
|
|
99
|
-
children: /* @__PURE__ */ jsx(IconCheck, { size: size === "sm" ? "16" : "24" })
|
|
100
|
-
})] })
|
|
101
|
-
})
|
|
102
|
-
})
|
|
103
|
-
})
|
|
104
|
-
]
|
|
105
|
-
});
|
|
106
|
-
});
|
|
107
|
-
BitkitToggleFixedLabel.displayName = "BitkitToggleFixedLabel";
|
|
108
|
-
var BitkitToggle = forwardRef((props, ref) => {
|
|
109
|
-
const { variant, ...rest } = props;
|
|
110
|
-
if (variant === "dynamic-label" || variant === void 0) return /* @__PURE__ */ jsx(BitkitToggleDynamicLabel, {
|
|
111
|
-
ref,
|
|
112
|
-
...rest
|
|
113
|
-
});
|
|
114
|
-
return /* @__PURE__ */ jsx(BitkitToggleFixedLabel, {
|
|
115
|
-
ref,
|
|
116
|
-
...rest
|
|
117
|
-
});
|
|
118
|
-
});
|
|
119
|
-
BitkitToggle.displayName = "BitkitToggle";
|
|
120
|
-
//#endregion
|
|
121
|
-
export { BitkitToggle as default };
|
|
122
|
-
|
|
123
|
-
//# sourceMappingURL=BitkitToggle.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitToggle.js","names":[],"sources":["../../../lib/components/BitkitToggle/BitkitToggle.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Switch } from '@chakra-ui/react/switch';\nimport { forwardRef } from 'react';\n\nimport { IconCheck, IconCross } from '../../icons';\nimport type {\n BitkitToggleDynamicLabelProps,\n BitkitToggleFixedLabelProps,\n BitkitToggleProps,\n} from './BitkitToggle.types';\nimport BitkitToggleHelperText from './components/BitkitToggleHelperText';\nimport BitkitToggleLabel from './components/BitkitToggleLabel';\nimport BitkitToggleReadOnly from './components/BitkitToggleReadOnly';\nimport BitkitToggleValueText from './components/BitkitToggleValueText';\n\nconst BitkitToggleDynamicLabel = forwardRef<HTMLInputElement, Omit<BitkitToggleDynamicLabelProps, 'variant'>>(\n (props, ref) => {\n const { label, optional, tooltip, helperText, valueText, size = 'md', state = 'default', ...rest } = props;\n\n const recipe = useSlotRecipe({ key: 'switch' });\n const styles = recipe({ size });\n\n return (\n <Switch.Root\n gap=\"4\"\n size={size}\n required={!optional}\n flexDirection=\"column\"\n alignItems=\"flex-start\"\n readOnly={state === 'readOnly'}\n disabled={state === 'disabled' || state === 'disabledInput' || state === 'skeleton'}\n {...rest}\n >\n <Switch.HiddenInput ref={ref} />\n <BitkitToggleLabel label={label} state={state} tooltip={tooltip} optional={optional} />\n <Box css={styles.root}>\n <BitkitToggleReadOnly state={state}>\n <Skeleton loading={state === 'skeleton'} borderRadius=\"12\" height={size === 'sm' ? '16' : '24'}>\n <Switch.Control>\n <Switch.Thumb />\n <Switch.Indicator fallback={<IconCross size={size === 'sm' ? '16' : '24'} />}>\n {<IconCheck size={size === 'sm' ? '16' : '24'} />}\n </Switch.Indicator>\n </Switch.Control>\n </Skeleton>\n </BitkitToggleReadOnly>\n <BitkitToggleValueText size={size} state={state} valueText={valueText} />\n </Box>\n <BitkitToggleHelperText state={state} helperText={helperText} />\n </Switch.Root>\n );\n },\n);\n\nBitkitToggleDynamicLabel.displayName = 'BitkitToggleDynamicLabel';\n\nconst BitkitToggleFixedLabel = forwardRef<HTMLInputElement, BitkitToggleFixedLabelProps>((props, ref) => {\n const { label, optional, tooltip, helperText, size = 'sm', state = 'default', ...rest } = props;\n\n const recipe = useSlotRecipe({ key: 'switch' });\n const styles = recipe({ size });\n\n return (\n <Switch.Root\n size={size}\n display=\"flex\"\n required={!optional}\n justifyContent=\"space-between\"\n readOnly={state === 'readOnly'}\n disabled={state === 'disabled' || state === 'disabledInput' || state === 'skeleton'}\n {...rest}\n >\n <Switch.HiddenInput ref={ref} />\n\n {(label || helperText) && (\n <Box display=\"flex\" flexDirection=\"column\" gap=\"4\" mr=\"24\">\n <BitkitToggleLabel label={label} state={state} tooltip={tooltip} optional={optional} />\n <BitkitToggleHelperText state={state} helperText={helperText} />\n </Box>\n )}\n\n <Box css={styles.root}>\n <BitkitToggleReadOnly state={state}>\n <Skeleton loading={state === 'skeleton'} borderRadius=\"12\" height={size === 'sm' ? '16' : '24'}>\n <Switch.Control>\n <Switch.Thumb />\n <Switch.Indicator fallback={<IconCross size={size === 'sm' ? '16' : '24'} />}>\n {<IconCheck size={size === 'sm' ? '16' : '24'} />}\n </Switch.Indicator>\n </Switch.Control>\n </Skeleton>\n </BitkitToggleReadOnly>\n </Box>\n </Switch.Root>\n );\n});\n\nBitkitToggleFixedLabel.displayName = 'BitkitToggleFixedLabel';\n\nconst BitkitToggle = forwardRef<HTMLInputElement, BitkitToggleProps>((props, ref) => {\n const { variant, ...rest } = props;\n\n if (variant === 'dynamic-label' || variant === undefined) {\n return <BitkitToggleDynamicLabel ref={ref} {...rest} />;\n }\n\n return <BitkitToggleFixedLabel ref={ref} {...rest} />;\n});\n\nBitkitToggle.displayName = 'BitkitToggle';\n\nexport default BitkitToggle;\n"],"mappings":"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"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { SwitchRootProps } from '@chakra-ui/react/switch';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
export type OnOff = {
|
|
4
|
-
on: ReactNode;
|
|
5
|
-
off: ReactNode;
|
|
6
|
-
};
|
|
7
|
-
export interface BitkitToggleDynamicLabelProps extends Omit<SwitchRootProps, 'disabled' | 'readOnly' | 'required'> {
|
|
8
|
-
variant?: 'dynamic-label';
|
|
9
|
-
tooltip?: string;
|
|
10
|
-
optional?: boolean;
|
|
11
|
-
valueText?: ReactNode | OnOff;
|
|
12
|
-
helperText?: ReactNode | OnOff;
|
|
13
|
-
state?: 'default' | 'disabled' | 'disabledInput' | 'readOnly' | 'skeleton';
|
|
14
|
-
}
|
|
15
|
-
export interface BitkitToggleFixedLabelProps extends Omit<SwitchRootProps, 'disabled' | 'readOnly' | 'required'> {
|
|
16
|
-
variant?: 'fixed-label';
|
|
17
|
-
tooltip?: string;
|
|
18
|
-
optional?: boolean;
|
|
19
|
-
helperText?: ReactNode | OnOff;
|
|
20
|
-
state?: 'default' | 'disabled' | 'disabledInput' | 'readOnly' | 'skeleton';
|
|
21
|
-
}
|
|
22
|
-
export type BitkitToggleProps = BitkitToggleDynamicLabelProps | BitkitToggleFixedLabelProps;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitToggleHelperText.js","names":[],"sources":["../../../../lib/components/BitkitToggle/components/BitkitToggleHelperText.tsx"],"sourcesContent":["import { Skeleton } from '@chakra-ui/react/skeleton';\nimport { useSwitchContext } from '@chakra-ui/react/switch';\nimport { Text } from '@chakra-ui/react/text';\n\nimport type { BitkitToggleProps } from '../BitkitToggle.types';\nimport { isOnOff } from '../BitkitToggle.utils';\n\nconst BitkitToggleHelperText = ({ state, helperText }: Pick<BitkitToggleProps, 'state' | 'helperText'>) => {\n const { checked, disabled } = useSwitchContext();\n\n if (state === 'skeleton') {\n return <Skeleton height=\"12\" width=\"128\" my=\"2\" />;\n }\n\n if (!helperText) {\n return null;\n }\n\n const shouldShowAsDisabled = disabled && state !== 'disabledInput';\n\n const props = {\n textStyle: 'comp/input/helperText',\n color: shouldShowAsDisabled ? 'text/disabled' : 'input/text/helper',\n };\n\n if (!isOnOff(helperText)) {\n return <Text {...props}>{helperText}</Text>;\n }\n\n return <Text {...props}>{checked ? helperText.on : helperText.off}</Text>;\n};\n\nexport default BitkitToggleHelperText;\n"],"mappings":";;;;;;AAOA,IAAM,0BAA0B,EAAE,OAAO,iBAAkE;CACzG,MAAM,EAAE,SAAS,aAAa,kBAAkB;AAEhD,KAAI,UAAU,WACZ,QAAO,oBAAC,UAAD;EAAU,QAAO;EAAK,OAAM;EAAM,IAAG;EAAM,CAAA;AAGpD,KAAI,CAAC,WACH,QAAO;CAKT,MAAM,QAAQ;EACZ,WAAW;EACX,OAJ2B,YAAY,UAAU,kBAInB,kBAAkB;EACjD;AAED,KAAI,CAAC,QAAQ,WAAW,CACtB,QAAO,oBAAC,MAAD;EAAM,GAAI;YAAQ;EAAkB,CAAA;AAG7C,QAAO,oBAAC,MAAD;EAAM,GAAI;YAAQ,UAAU,WAAW,KAAK,WAAW;EAAW,CAAA"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { BitkitToggleProps } from '../BitkitToggle.types';
|
|
2
|
-
declare const BitkitToggleLabel: ({ label, state, tooltip, optional, }: Pick<BitkitToggleProps, "label" | "state" | "tooltip" | "optional">) => import("react/jsx-runtime").JSX.Element | null;
|
|
3
|
-
export default BitkitToggleLabel;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitToggleLabel.js","names":[],"sources":["../../../../lib/components/BitkitToggle/components/BitkitToggleLabel.tsx"],"sourcesContent":["import { Flex } from '@chakra-ui/react/flex';\nimport { useSwitchContext } from '@chakra-ui/react/switch';\nimport { Text } from '@chakra-ui/react/text';\n\nimport { IconInfoCircle } from '../../../icons';\nimport BitkitTooltip from '../../BitkitTooltip/BitkitTooltip';\nimport type { BitkitToggleProps } from '../BitkitToggle.types';\n\nconst BitkitToggleLabel = ({\n label,\n state,\n tooltip,\n optional,\n}: Pick<BitkitToggleProps, 'label' | 'state' | 'tooltip' | 'optional'>) => {\n const { disabled } = useSwitchContext();\n\n if (!label) {\n return null;\n }\n\n const shouldShowAsDisabled = disabled && state !== 'disabledInput' && state !== 'skeleton';\n\n return (\n <Flex gap=\"4\" alignItems=\"center\">\n <Text as=\"span\" textStyle=\"body/md/semibold\" color={shouldShowAsDisabled ? 'text/disabled' : 'text/body'}>\n {label}\n </Text>\n\n {!!optional && (\n <Text\n as=\"span\"\n textStyle=\"body/md/regular\"\n color={shouldShowAsDisabled ? 'text/disabled' : 'input/text/helper'}\n >\n (optional)\n </Text>\n )}\n\n {!!tooltip && (\n <BitkitTooltip text={tooltip}>\n <IconInfoCircle size=\"16\" color=\"icon/tertiary\" />\n </BitkitTooltip>\n )}\n </Flex>\n );\n};\n\nexport default BitkitToggleLabel;\n"],"mappings":";;;;;;;AAQA,IAAM,qBAAqB,EACzB,OACA,OACA,SACA,eACyE;CACzE,MAAM,EAAE,aAAa,kBAAkB;AAEvC,KAAI,CAAC,MACH,QAAO;CAGT,MAAM,uBAAuB,YAAY,UAAU,mBAAmB,UAAU;AAEhF,QACE,qBAAC,MAAD;EAAM,KAAI;EAAI,YAAW;YAAzB;GACE,oBAAC,MAAD;IAAM,IAAG;IAAO,WAAU;IAAmB,OAAO,uBAAuB,kBAAkB;cAC1F;IACI,CAAA;GAEN,CAAC,CAAC,YACD,oBAAC,MAAD;IACE,IAAG;IACH,WAAU;IACV,OAAO,uBAAuB,kBAAkB;cACjD;IAEM,CAAA;GAGR,CAAC,CAAC,WACD,oBAAC,eAAD;IAAe,MAAM;cACnB,oBAAC,gBAAD;KAAgB,MAAK;KAAK,OAAM;KAAkB,CAAA;IACpC,CAAA;GAEb"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { BitkitToggleProps } from '../BitkitToggle.types';
|
|
2
|
-
type Props = Pick<BitkitToggleProps, 'state' | 'children'>;
|
|
3
|
-
declare const BitkitToggleReadOnly: ({ state, children }: Props) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
|
|
4
|
-
export default BitkitToggleReadOnly;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { BitkitToggleDynamicLabelProps } from '../BitkitToggle.types';
|
|
2
|
-
declare const BitkitToggleValueText: ({ size, state, valueText, }: Pick<BitkitToggleDynamicLabelProps, "size" | "state" | "valueText">) => import("react/jsx-runtime").JSX.Element | null;
|
|
3
|
-
export default BitkitToggleValueText;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitToggleValueText.js","names":[],"sources":["../../../../lib/components/BitkitToggle/components/BitkitToggleValueText.tsx"],"sourcesContent":["import { Skeleton } from '@chakra-ui/react/skeleton';\nimport { Switch, useSwitchContext } from '@chakra-ui/react/switch';\n\nimport type { BitkitToggleDynamicLabelProps } from '../BitkitToggle.types';\nimport { isOnOff } from '../BitkitToggle.utils';\n\nconst BitkitToggleValueText = ({\n size,\n state,\n valueText,\n}: Pick<BitkitToggleDynamicLabelProps, 'size' | 'state' | 'valueText'>) => {\n const { checked } = useSwitchContext();\n\n if (state === 'skeleton') {\n return <Skeleton height={size === 'sm' ? '12' : '16'} width={size === 'sm' ? '64' : '128'} />;\n }\n\n if (!valueText) {\n return null;\n }\n\n if (!isOnOff(valueText)) {\n return <Switch.Label>{valueText}</Switch.Label>;\n }\n\n return <Switch.Label>{checked ? valueText.on : valueText.off}</Switch.Label>;\n};\n\nexport default BitkitToggleValueText;\n"],"mappings":";;;;;AAMA,IAAM,yBAAyB,EAC7B,MACA,OACA,gBACyE;CACzE,MAAM,EAAE,YAAY,kBAAkB;AAEtC,KAAI,UAAU,WACZ,QAAO,oBAAC,UAAD;EAAU,QAAQ,SAAS,OAAO,OAAO;EAAM,OAAO,SAAS,OAAO,OAAO;EAAS,CAAA;AAG/F,KAAI,CAAC,UACH,QAAO;AAGT,KAAI,CAAC,QAAQ,UAAU,CACrB,QAAO,oBAAC,OAAO,OAAR,EAAA,UAAe,WAAyB,CAAA;AAGjD,QAAO,oBAAC,OAAO,OAAR,EAAA,UAAe,UAAU,UAAU,KAAK,UAAU,KAAmB,CAAA"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { ListRootProps } from '@chakra-ui/react/list';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
import { BitkitIconComponent } from '../../icons';
|
|
4
|
-
export interface BitkitUnorderedListProps extends ListRootProps {
|
|
5
|
-
children: ReactNode;
|
|
6
|
-
size?: 'lg' | 'md';
|
|
7
|
-
}
|
|
8
|
-
export interface BitkitUnorderedListItemProps {
|
|
9
|
-
children: ReactNode;
|
|
10
|
-
icon?: BitkitIconComponent;
|
|
11
|
-
iconColor?: string;
|
|
12
|
-
}
|
|
13
|
-
declare const _default: import('react').ForwardRefExoticComponent<BitkitUnorderedListProps & import('react').RefAttributes<HTMLUListElement>> & {
|
|
14
|
-
Item: import('react').ForwardRefExoticComponent<BitkitUnorderedListItemProps & import('react').RefAttributes<HTMLLIElement>>;
|
|
15
|
-
};
|
|
16
|
-
export default _default;
|