@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.
Files changed (176) hide show
  1. package/dist/atoms/ImageCropper/ImageCropper.d.ts +10 -10
  2. package/dist/components/BitkitAccordion/BitkitAccordion.js.map +1 -1
  3. package/dist/components/BitkitCalendar/components/CalendarFooter.js.map +1 -1
  4. package/dist/components/BitkitCalendar/components/CalendarNextTrigger.js.map +1 -1
  5. package/dist/components/BitkitCalendar/components/CalendarPrevTrigger.js.map +1 -1
  6. package/dist/components/BitkitCalendar/components/CalendarSelect.js.map +1 -1
  7. package/dist/components/BitkitCalendar/components/CalendarTrigger.js.map +1 -1
  8. package/dist/components/BitkitCodeSnippet/BitkitCodeSnippet.js.map +1 -1
  9. package/dist/components/BitkitCollapsible/BitkitCollapsible.js.map +1 -1
  10. package/dist/components/BitkitCombobox/BitkitCombobox.d.ts +11 -1
  11. package/dist/components/BitkitCombobox/BitkitCombobox.js +4 -7
  12. package/dist/components/BitkitCombobox/BitkitCombobox.js.map +1 -1
  13. package/dist/components/BitkitDataWidget/BitkitDataWidget.d.ts +10 -0
  14. package/dist/components/BitkitDataWidget/BitkitDataWidget.js +45 -0
  15. package/dist/components/BitkitDataWidget/BitkitDataWidget.js.map +1 -0
  16. package/dist/components/BitkitDialog/BitkitDialog.d.ts +19 -6
  17. package/dist/components/BitkitDialog/BitkitDialog.js +22 -5
  18. package/dist/components/BitkitDialog/BitkitDialog.js.map +1 -1
  19. package/dist/components/BitkitDialog/BitkitDialogBody.d.ts +1 -1
  20. package/dist/components/BitkitDialog/BitkitDialogBody.js +15 -4
  21. package/dist/components/BitkitDialog/BitkitDialogBody.js.map +1 -1
  22. package/dist/components/BitkitDialog/BitkitDialogContent.d.ts +4 -2
  23. package/dist/components/BitkitDialog/BitkitDialogContent.js +29 -18
  24. package/dist/components/BitkitDialog/BitkitDialogContent.js.map +1 -1
  25. package/dist/components/BitkitDialog/BitkitDialogHeader.d.ts +9 -0
  26. package/dist/components/BitkitDialog/BitkitDialogHeader.js +8 -0
  27. package/dist/components/BitkitDialog/BitkitDialogHeader.js.map +1 -0
  28. package/dist/components/BitkitDialog/BitkitDialogStep.d.ts +11 -0
  29. package/dist/components/BitkitDialog/BitkitDialogStep.js +26 -0
  30. package/dist/components/BitkitDialog/BitkitDialogStep.js.map +1 -0
  31. package/dist/components/BitkitDialog/BitkitDialogStepContext.d.ts +5 -0
  32. package/dist/components/BitkitDialog/BitkitDialogStepContext.js +7 -0
  33. package/dist/components/BitkitDialog/BitkitDialogStepContext.js.map +1 -0
  34. package/dist/components/BitkitDraggableCard/BitkitDraggableCard.js.map +1 -1
  35. package/dist/components/BitkitExpandableCard/BitkitExpandableCard.js.map +1 -1
  36. package/dist/components/BitkitGroupHeading/BitkitGroupHeading.js.map +1 -1
  37. package/dist/components/BitkitInlineLoading/BitkitInlineLoading.js.map +1 -1
  38. package/dist/components/BitkitLabel/BitkitLabel.js +3 -3
  39. package/dist/components/BitkitLabel/BitkitLabel.js.map +1 -1
  40. package/dist/components/BitkitLabeledData/BitkitLabeledData.js +24 -17
  41. package/dist/components/BitkitLabeledData/BitkitLabeledData.js.map +1 -1
  42. package/dist/components/BitkitList/BitkitList.d.ts +21 -0
  43. package/dist/components/BitkitList/BitkitList.js +107 -0
  44. package/dist/components/BitkitList/BitkitList.js.map +1 -0
  45. package/dist/components/BitkitList/index.d.ts +2 -0
  46. package/dist/components/BitkitMarkdown/BitkitMarkdown.js +11 -17
  47. package/dist/components/BitkitMarkdown/BitkitMarkdown.js.map +1 -1
  48. package/dist/components/BitkitMarkdownCard/BitkitMarkdownCard.js.map +1 -1
  49. package/dist/components/BitkitMultiselect/BitkitMultiselect.d.ts +13 -1
  50. package/dist/components/BitkitMultiselect/BitkitMultiselect.js +3 -6
  51. package/dist/components/BitkitMultiselect/BitkitMultiselect.js.map +1 -1
  52. package/dist/components/BitkitMultiselectMenu/BitkitMultiselectMenu.d.ts +5 -1
  53. package/dist/components/BitkitMultiselectMenu/BitkitMultiselectMenu.js +5 -3
  54. package/dist/components/BitkitMultiselectMenu/BitkitMultiselectMenu.js.map +1 -1
  55. package/dist/components/BitkitNativeSelect/BitkitNativeSelect.js.map +1 -1
  56. package/dist/components/BitkitNoteCard/BitkitNoteCard.js.map +1 -1
  57. package/dist/components/BitkitOverflowContent/BitkitOverflowContent.js +2 -2
  58. package/dist/components/BitkitOverflowContent/BitkitOverflowContent.js.map +1 -1
  59. package/dist/components/BitkitPageFooter/BitkitPageFooter.js.map +1 -1
  60. package/dist/components/BitkitPagination/BitkitPagination.js.map +1 -1
  61. package/dist/components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.js.map +1 -1
  62. package/dist/components/BitkitRibbon/BitkitRibbon.js.map +1 -1
  63. package/dist/components/BitkitSearchInput/BitkitSearchInput.js +2 -1
  64. package/dist/components/BitkitSearchInput/BitkitSearchInput.js.map +1 -1
  65. package/dist/components/BitkitSectionHeading/BitkitSectionHeading.js +1 -1
  66. package/dist/components/BitkitSectionHeading/BitkitSectionHeading.js.map +1 -1
  67. package/dist/components/BitkitSelect/BitkitSelect.d.ts +12 -1
  68. package/dist/components/BitkitSelect/BitkitSelect.js +3 -6
  69. package/dist/components/BitkitSelect/BitkitSelect.js.map +1 -1
  70. package/dist/components/BitkitSelectMenu/BitkitSelectMenu.d.ts +14 -11
  71. package/dist/components/BitkitSelectMenu/BitkitSelectMenu.js.map +1 -1
  72. package/dist/components/BitkitSelectMenu/SelectMenuShell.d.ts +1 -1
  73. package/dist/components/BitkitSelectMenu/SelectMenuShell.js +13 -13
  74. package/dist/components/BitkitSelectMenu/SelectMenuShell.js.map +1 -1
  75. package/dist/components/BitkitSettingsCard/BitkitSettingsCard.js.map +1 -1
  76. package/dist/components/BitkitSidebar/BitkitSidebar.js.map +1 -1
  77. package/dist/components/BitkitSplitButton/BitkitSplitButton.js.map +1 -1
  78. package/dist/components/BitkitSteps/BitkitSteps.js +3 -3
  79. package/dist/components/BitkitSteps/BitkitSteps.js.map +1 -1
  80. package/dist/components/BitkitStepsCard/BitkitStepsCard.js.map +1 -1
  81. package/dist/components/BitkitSwitch/BitkitSwitch.d.ts +3 -0
  82. package/dist/components/BitkitSwitch/BitkitSwitch.js +105 -0
  83. package/dist/components/BitkitSwitch/BitkitSwitch.js.map +1 -0
  84. package/dist/components/BitkitSwitch/BitkitSwitch.types.d.ts +21 -0
  85. package/dist/components/{BitkitToggle/BitkitToggle.utils.d.ts → BitkitSwitch/BitkitSwitch.utils.d.ts} +1 -1
  86. package/dist/components/{BitkitToggle/BitkitToggle.utils.js → BitkitSwitch/BitkitSwitch.utils.js} +2 -2
  87. package/dist/components/{BitkitToggle/BitkitToggle.utils.js.map → BitkitSwitch/BitkitSwitch.utils.js.map} +1 -1
  88. package/dist/components/BitkitSwitch/components/BitkitSwitchHelperText.d.ts +3 -0
  89. package/dist/components/{BitkitToggle/components/BitkitToggleHelperText.js → BitkitSwitch/components/BitkitSwitchHelperText.js} +5 -5
  90. package/dist/components/BitkitSwitch/components/BitkitSwitchHelperText.js.map +1 -0
  91. package/dist/components/BitkitSwitch/components/BitkitSwitchLabel.d.ts +3 -0
  92. package/dist/components/{BitkitToggle/components/BitkitToggleLabel.js → BitkitSwitch/components/BitkitSwitchLabel.js} +4 -4
  93. package/dist/components/BitkitSwitch/components/BitkitSwitchLabel.js.map +1 -0
  94. package/dist/components/BitkitSwitch/components/BitkitSwitchReadOnly.d.ts +4 -0
  95. package/dist/components/{BitkitToggle/components/BitkitToggleReadOnly.js → BitkitSwitch/components/BitkitSwitchReadOnly.js} +4 -4
  96. package/dist/components/{BitkitToggle/components/BitkitToggleReadOnly.js.map → BitkitSwitch/components/BitkitSwitchReadOnly.js.map} +1 -1
  97. package/dist/components/BitkitSwitch/components/BitkitSwitchValueText.d.ts +3 -0
  98. package/dist/components/{BitkitToggle/components/BitkitToggleValueText.js → BitkitSwitch/components/BitkitSwitchValueText.js} +7 -7
  99. package/dist/components/BitkitSwitch/components/BitkitSwitchValueText.js.map +1 -0
  100. package/dist/components/BitkitSwitch/index.d.ts +2 -0
  101. package/dist/components/BitkitTag/BitkitTag.js +1 -1
  102. package/dist/components/BitkitTag/BitkitTag.js.map +1 -1
  103. package/dist/components/BitkitTagsInput/BitkitTagsInput.d.ts +1 -0
  104. package/dist/components/BitkitTagsInput/BitkitTagsInput.js +5 -2
  105. package/dist/components/BitkitTagsInput/BitkitTagsInput.js.map +1 -1
  106. package/dist/components/BitkitTreeView/BitkitTreeView.js.map +1 -1
  107. package/dist/components/index.d.ts +5 -4
  108. package/dist/main.js +8 -7
  109. package/dist/theme/common/ComboboxAndSelect.common.js +2 -1
  110. package/dist/theme/common/ComboboxAndSelect.common.js.map +1 -1
  111. package/dist/theme/common/InputAndTextarea.common.d.ts +7 -0
  112. package/dist/theme/common/InputAndTextarea.common.js +8 -1
  113. package/dist/theme/common/InputAndTextarea.common.js.map +1 -1
  114. package/dist/theme/index.js.map +1 -1
  115. package/dist/theme/recipes/Button.recipe.js.map +1 -1
  116. package/dist/theme/recipes/Input.recipe.js +6 -2
  117. package/dist/theme/recipes/Input.recipe.js.map +1 -1
  118. package/dist/theme/recipes/SelectableTag.recipe.js +1 -1
  119. package/dist/theme/recipes/SelectableTag.recipe.js.map +1 -1
  120. package/dist/theme/recipes/ToggleButton.recipe.js +20 -2
  121. package/dist/theme/recipes/ToggleButton.recipe.js.map +1 -1
  122. package/dist/theme/semantic-tokens/semanticColors.js +14 -9
  123. package/dist/theme/semantic-tokens/semanticColors.js.map +1 -1
  124. package/dist/theme/slot-recipes/Combobox.recipe.js +14 -4
  125. package/dist/theme/slot-recipes/Combobox.recipe.js.map +1 -1
  126. package/dist/theme/slot-recipes/DataWidget.recipe.d.ts +2 -0
  127. package/dist/theme/slot-recipes/DataWidget.recipe.js +65 -0
  128. package/dist/theme/slot-recipes/DataWidget.recipe.js.map +1 -0
  129. package/dist/theme/slot-recipes/Dialog.recipe.d.ts +13 -4
  130. package/dist/theme/slot-recipes/Dialog.recipe.js +40 -7
  131. package/dist/theme/slot-recipes/Dialog.recipe.js.map +1 -1
  132. package/dist/theme/slot-recipes/GroupHeading.recipe.js +1 -1
  133. package/dist/theme/slot-recipes/GroupHeading.recipe.js.map +1 -1
  134. package/dist/theme/slot-recipes/MarkdownCard.recipe.d.ts +3 -3
  135. package/dist/theme/slot-recipes/MarkdownCard.recipe.js +4 -3
  136. package/dist/theme/slot-recipes/MarkdownCard.recipe.js.map +1 -1
  137. package/dist/theme/slot-recipes/NoteCard.recipe.js +14 -4
  138. package/dist/theme/slot-recipes/NoteCard.recipe.js.map +1 -1
  139. package/dist/theme/slot-recipes/Select.recipe.js +28 -11
  140. package/dist/theme/slot-recipes/Select.recipe.js.map +1 -1
  141. package/dist/theme/slot-recipes/StepCard.recipe.js.map +1 -1
  142. package/dist/theme/slot-recipes/Switch.recipe.d.ts +3 -3
  143. package/dist/theme/slot-recipes/Switch.recipe.js +12 -12
  144. package/dist/theme/slot-recipes/Switch.recipe.js.map +1 -1
  145. package/dist/theme/slot-recipes/TagsInput.recipe.d.ts +9 -4
  146. package/dist/theme/slot-recipes/TagsInput.recipe.js +18 -5
  147. package/dist/theme/slot-recipes/TagsInput.recipe.js.map +1 -1
  148. package/dist/theme/slot-recipes/TreeView.recipe.d.ts +1 -0
  149. package/dist/theme/slot-recipes/TreeView.recipe.js +4 -1
  150. package/dist/theme/slot-recipes/TreeView.recipe.js.map +1 -1
  151. package/dist/theme/slot-recipes/index.js +2 -0
  152. package/dist/theme/slot-recipes/index.js.map +1 -1
  153. package/dist/theme/text-styles.js.map +1 -1
  154. package/package.json +6 -6
  155. package/dist/components/BitkitExplainerList/BitkitExplainerList.d.ts +0 -14
  156. package/dist/components/BitkitExplainerList/BitkitExplainerList.js +0 -54
  157. package/dist/components/BitkitExplainerList/BitkitExplainerList.js.map +0 -1
  158. package/dist/components/BitkitOrderedList/BitkitOrderedList.d.ts +0 -13
  159. package/dist/components/BitkitOrderedList/BitkitOrderedList.js +0 -30
  160. package/dist/components/BitkitOrderedList/BitkitOrderedList.js.map +0 -1
  161. package/dist/components/BitkitToggle/BitkitToggle.d.ts +0 -3
  162. package/dist/components/BitkitToggle/BitkitToggle.js +0 -123
  163. package/dist/components/BitkitToggle/BitkitToggle.js.map +0 -1
  164. package/dist/components/BitkitToggle/BitkitToggle.types.d.ts +0 -22
  165. package/dist/components/BitkitToggle/components/BitkitToggleHelperText.d.ts +0 -3
  166. package/dist/components/BitkitToggle/components/BitkitToggleHelperText.js.map +0 -1
  167. package/dist/components/BitkitToggle/components/BitkitToggleLabel.d.ts +0 -3
  168. package/dist/components/BitkitToggle/components/BitkitToggleLabel.js.map +0 -1
  169. package/dist/components/BitkitToggle/components/BitkitToggleReadOnly.d.ts +0 -4
  170. package/dist/components/BitkitToggle/components/BitkitToggleValueText.d.ts +0 -3
  171. package/dist/components/BitkitToggle/components/BitkitToggleValueText.js.map +0 -1
  172. package/dist/components/BitkitToggle/index.d.ts +0 -2
  173. package/dist/components/BitkitUnorderedList/BitkitUnorderedList.d.ts +0 -16
  174. package/dist/components/BitkitUnorderedList/BitkitUnorderedList.js +0 -52
  175. package/dist/components/BitkitUnorderedList/BitkitUnorderedList.js.map +0 -1
  176. 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": { marginBlockStart: rem(9) },
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,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,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
+ {"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":";;AAEA,IAAM,kBAAkB;CACtB,eAAe,EACb,OAAO;EACL,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACb,EACF;CACD,eAAe,EACb,OAAO;EACL,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACb,EACF;CACD,sBAAsB,EACpB,OAAO;EACL,YAAY;EACZ,UAAU;EACV,eAAe;EACf,YAAY;EACb,EACF;CACD,wBAAwB,EACtB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACV,eAAe;EAChB,EACF;CACD,oBAAoB,EAClB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACV,eAAe;EAChB,EACF;CACD,8BAA8B,EAC5B,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACV,eAAe;EACf,eAAe;EAChB,EACF;CACD,sBAAsB,EACpB,OAAO;EACL,YAAY;EACZ,UAAU;EACV,YAAY;EACb,EACF;CACD,gCAAgC,EAC9B,OAAO;EACL,YAAY;EACZ,UAAU;EACV,gBAAgB;EAChB,YAAY;EACb,EACF;CACD,wBAAwB,EACtB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACX,EACF;CACD,kCAAkC,EAChC,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACV,gBAAgB;EACjB,EACF;CACD,oBAAoB,EAClB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACX,EACF;CACD,gCAAgC,EAC9B,OAAO;EACL,YAAY;EACZ,UAAU;EACV,eAAe;EACf,eAAe;EAChB,EACF;CACD,kCAAkC,EAChC,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACV,eAAe;EACf,eAAe;EAChB,EACF;CACD,sBAAsB,EACpB,OAAO;EACL,YAAY;EACZ,UAAU;EACV,YAAY;EACb,EACF;CACD,gCAAgC,EAC9B,OAAO;EACL,YAAY;EACZ,UAAU;EACV,gBAAgB;EAChB,YAAY;EACb,EACF;CACD,wBAAwB,EACtB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACX,EACF;CACD,kCAAkC,EAChC,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACV,gBAAgB;EACjB,EACF;CACD,oBAAoB,EAClB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACX,EACF;CACD,sBAAsB,EACpB,OAAO;EACL,YAAY;EACZ,UAAU;EACV,YAAY;EACb,EACF;CACD,wBAAwB,EACtB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACX,EACF;CACD,oBAAoB,EAClB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACX,EACF;CACD,sBAAsB,EACpB,OAAO;EACL,YAAY;EACZ,UAAU;EACV,YAAY;EACb,EACF;CACD,wBAAwB,EACtB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACX,EACF;CACD,oBAAoB,EAClB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACX,EACF;CACD,sBAAsB,EACpB,OAAO;EACL,YAAY;EACZ,UAAU;EACV,YAAY;EACb,EACF;CACD,wBAAwB,EACtB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACX,EACF;CACD,oBAAoB,EAClB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACX,EACF;CACD,wBAAwB,EACtB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACX,EACF;CACD,oBAAoB,EAClB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACX,EACF;CACD,wBAAwB,EACtB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACX,EACF;CACD,oBAAoB,EAClB,OAAO;EACL,YAAY;EACZ,YAAY;EACZ,UAAU;EACX,EACF;CACF;AA+DD,IAAM,aAAa,iBAAiB;CA5DlC,GAAG;CACH,cAAc,gBAAgB;CAC9B,cAAc,gBAAgB;CAC9B,cAAc,gBAAgB;CAC9B,cAAc,gBAAgB;CAC9B,cAAc,gBAAgB;CAC9B,cAAc,gBAAgB;CAC9B,cAAc,gBAAgB;CAC9B,cAAc,gBAAgB;CAC9B,qBAAqB,gBAAgB;CACrC,qBAAqB,gBAAgB;CACrC,qBAAqB,gBAAgB;CACrC,mBAAmB,gBAAgB;CACnC,oBAAoB,gBAAgB;CACpC,mBAAmB,gBAAgB;CACnC,oBAAoB,gBAAgB;CACpC,qBAAqB,gBAAgB;CACrC,mBAAmB,gBAAgB;CACnC,oBAAoB,gBAAgB;CACpC,qBAAqB,gBAAgB;CACrC,mBAAmB,gBAAgB;CACnC,oBAAoB,gBAAgB;CACpC,oBAAoB,gBAAgB;CACpC,qBAAqB,gBAAgB;CACrC,oBAAoB,gBAAgB;CACpC,qBAAqB,gBAAgB;CACrC,WAAW,gBAAgB;CAC3B,WAAW,gBAAgB;CAC3B,kBAAkB,gBAAgB;CAClC,kBAAkB,gBAAgB;CAClC,kBAAkB,gBAAgB;CAClC,2BAA2B,gBAAgB;CAC3C,6BAA6B,gBAAgB;CAC7C,kCAAkC,gBAAgB;CAClD,4BAA4B,gBAAgB;CAC5C,oBAAoB,gBAAgB;CACpC,yBAAyB,gBAAgB;CACzC,gBAAgB,gBAAgB;CAChC,sBAAsB,gBAAgB;CACtC,gBAAgB,gBAAgB;CAChC,sBAAsB,gBAAgB;CACtC,gBAAgB,gBAAgB;CAChC,gBAAgB,gBAAgB;CAChC,gBAAgB,gBAAgB;CAChC,kBAAkB,gBAAgB;CAClC,uBAAuB,gBAAgB;CACvC,iCAAiC,gBAAgB;CACjD,eAAe,gBAAgB;CAC/B,eAAe,gBAAgB;CAC/B,iBAAiB,gBAAgB;CACjC,qBAAqB,gBAAgB;CACrC,qBAAqB,gBAAgB;CACrC,kBAAkB,gBAAgB;CAClC,kBAAkB,gBAAgB;CAClC,kBAAkB,gBAAgB;CAClC,kBAAkB,gBAAgB;CAClC,kBAAkB,gBAAgB;CAClC,mBAAmB,gBAAgB;CAGD,CAAW"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrise/bitkit-v2",
3
3
  "private": false,
4
- "version": "0.3.205",
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.34.0",
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.45.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.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.9",
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.34.0",
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,3 +0,0 @@
1
- import { BitkitToggleProps } from './BitkitToggle.types';
2
- declare const BitkitToggle: import('react').ForwardRefExoticComponent<BitkitToggleProps & import('react').RefAttributes<HTMLInputElement>>;
3
- export default BitkitToggle;
@@ -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,3 +0,0 @@
1
- import { BitkitToggleProps } from '../BitkitToggle.types';
2
- declare const BitkitToggleHelperText: ({ state, helperText }: Pick<BitkitToggleProps, "state" | "helperText">) => import("react/jsx-runtime").JSX.Element | null;
3
- export default BitkitToggleHelperText;
@@ -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,2 +0,0 @@
1
- export { default } from './BitkitToggle';
2
- export type { BitkitToggleProps } from './BitkitToggle.types';
@@ -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;