boreal-ui 0.0.45 → 0.0.47
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/core/boreal-ui.css +0 -429
- package/dist/next/{Accordion-BPWTEHym.cjs → Accordion-BvcUpiD3.cjs} +50 -50
- package/dist/next/{Accordion-BPWTEHym.cjs.map → Accordion-BvcUpiD3.cjs.map} +1 -1
- package/dist/next/{Accordion-DY243Bq9.js → Accordion-CFb5G7Ql.js} +50 -50
- package/dist/next/{Accordion-DY243Bq9.js.map → Accordion-CFb5G7Ql.js.map} +1 -1
- package/dist/next/Accordion.cjs.js +1 -1
- package/dist/next/Accordion.js +1 -1
- package/dist/next/{Breadcrumbs-BcXj2PgR.cjs → Breadcrumbs-D5wEf2-N.cjs} +3 -2
- package/dist/next/{Breadcrumbs-BcXj2PgR.cjs.map → Breadcrumbs-D5wEf2-N.cjs.map} +1 -1
- package/dist/next/{Breadcrumbs-BPWmV24h.js → Breadcrumbs-DZpS-GOj.js} +3 -2
- package/dist/next/{Breadcrumbs-BPWmV24h.js.map → Breadcrumbs-DZpS-GOj.js.map} +1 -1
- package/dist/next/Breadcrumbs.cjs.js +1 -1
- package/dist/next/Breadcrumbs.js +1 -1
- package/dist/next/{Button-uZ3xTOOt.js → Button-CQUqfv7B.js} +46 -46
- package/dist/next/{Button-uZ3xTOOt.js.map → Button-CQUqfv7B.js.map} +1 -1
- package/dist/next/{Button-B1Fh4G0_.cjs → Button-Cyq8lKKp.cjs} +46 -46
- package/dist/next/{Button-B1Fh4G0_.cjs.map → Button-Cyq8lKKp.cjs.map} +1 -1
- package/dist/next/Button.cjs.js +1 -1
- package/dist/next/Button.js +1 -1
- package/dist/next/{Card-B_qtwaqj.js → Card-CtUR7xR3.js} +64 -63
- package/dist/next/{Card-B_qtwaqj.js.map → Card-CtUR7xR3.js.map} +1 -1
- package/dist/next/{Card-CqXJPdqV.cjs → Card-D2vuSJt0.cjs} +64 -63
- package/dist/next/{Card-CqXJPdqV.cjs.map → Card-D2vuSJt0.cjs.map} +1 -1
- package/dist/next/Card.cjs.js +1 -1
- package/dist/next/Card.js +1 -1
- package/dist/next/CheckBox.cjs.js +1 -1
- package/dist/next/CheckBox.js +1 -1
- package/dist/next/{Checkbox-Ch7osD3y.cjs → Checkbox-SXo9UmNY.cjs} +44 -44
- package/dist/next/{Checkbox-Ch7osD3y.cjs.map → Checkbox-SXo9UmNY.cjs.map} +1 -1
- package/dist/next/{Checkbox-BJ0rBZLF.js → Checkbox-dANi8BjQ.js} +44 -44
- package/dist/next/{Checkbox-BJ0rBZLF.js.map → Checkbox-dANi8BjQ.js.map} +1 -1
- package/dist/next/{Chip-BB3Awc2g.js → Chip-B3bTVcNN.js} +51 -50
- package/dist/next/{Chip-BB3Awc2g.js.map → Chip-B3bTVcNN.js.map} +1 -1
- package/dist/next/{Chip-DzFaUPed.cjs → Chip-BYWlOMgj.cjs} +51 -50
- package/dist/next/{Chip-DzFaUPed.cjs.map → Chip-BYWlOMgj.cjs.map} +1 -1
- package/dist/next/Chip.cjs.js +1 -1
- package/dist/next/Chip.js +1 -1
- package/dist/next/{CircularProgress-Cp2pGFmc.cjs → CircularProgress-6fmyMX4y.cjs} +37 -37
- package/dist/next/{CircularProgress-Cp2pGFmc.cjs.map → CircularProgress-6fmyMX4y.cjs.map} +1 -1
- package/dist/next/{CircularProgress-BUqdguII.js → CircularProgress-CdvDDYyr.js} +37 -37
- package/dist/next/{CircularProgress-BUqdguII.js.map → CircularProgress-CdvDDYyr.js.map} +1 -1
- package/dist/next/CircularProgress.cjs.js +1 -1
- package/dist/next/CircularProgress.js +1 -1
- package/dist/next/{ColorPicker-BHtO2mbU.cjs → ColorPicker-DUYMHTpF.cjs} +38 -38
- package/dist/next/{ColorPicker-BHtO2mbU.cjs.map → ColorPicker-DUYMHTpF.cjs.map} +1 -1
- package/dist/next/{ColorPicker-ChWOekWP.js → ColorPicker-DhQJXU30.js} +38 -38
- package/dist/next/{ColorPicker-ChWOekWP.js.map → ColorPicker-DhQJXU30.js.map} +1 -1
- package/dist/next/ColorPicker.cjs.js +1 -1
- package/dist/next/ColorPicker.js +1 -1
- package/dist/next/{CommandPalette-DEf12Et3.js → CommandPalette-Bzqc18YQ.js} +43 -42
- package/dist/next/{CommandPalette-DEf12Et3.js.map → CommandPalette-Bzqc18YQ.js.map} +1 -1
- package/dist/next/{CommandPalette-BT9X_yL0.cjs → CommandPalette-GmgyP8kF.cjs} +43 -42
- package/dist/next/{CommandPalette-BT9X_yL0.cjs.map → CommandPalette-GmgyP8kF.cjs.map} +1 -1
- package/dist/next/CommandPalette.cjs.js +1 -1
- package/dist/next/CommandPalette.js +1 -1
- package/dist/next/{DataTable-CnvOkZrU.js → DataTable-BoXblTGY.js} +40 -40
- package/dist/next/{DataTable-CnvOkZrU.js.map → DataTable-BoXblTGY.js.map} +1 -1
- package/dist/next/{DataTable-DQ1QRyZw.cjs → DataTable-Cy3GLZ1j.cjs} +40 -40
- package/dist/next/{DataTable-DQ1QRyZw.cjs.map → DataTable-Cy3GLZ1j.cjs.map} +1 -1
- package/dist/next/DataTable.cjs.js +1 -1
- package/dist/next/DataTable.js +1 -1
- package/dist/next/{DateTimePicker-2M4AJJXm.cjs → DateTimePicker-DYXQLrAL.cjs} +46 -46
- package/dist/next/{DateTimePicker-2M4AJJXm.cjs.map → DateTimePicker-DYXQLrAL.cjs.map} +1 -1
- package/dist/next/{DateTimePicker-IvBWNgkK.js → DateTimePicker-i4QztkDP.js} +46 -46
- package/dist/next/{DateTimePicker-IvBWNgkK.js.map → DateTimePicker-i4QztkDP.js.map} +1 -1
- package/dist/next/DateTimePicker.cjs.js +1 -1
- package/dist/next/DateTimePicker.js +1 -1
- package/dist/next/{Divider-ByDYa4v6.cjs → Divider-BAAb-2rY.cjs} +28 -28
- package/dist/next/{Divider-ByDYa4v6.cjs.map → Divider-BAAb-2rY.cjs.map} +1 -1
- package/dist/next/{Divider-BCCzNbAE.js → Divider-O6G6kig_.js} +28 -28
- package/dist/next/{Divider-BCCzNbAE.js.map → Divider-O6G6kig_.js.map} +1 -1
- package/dist/next/Divider.cjs.js +1 -1
- package/dist/next/Divider.js +1 -1
- package/dist/next/{Dropdown-DEdk2QjS.cjs → Dropdown-BnuZW883.cjs} +2 -1
- package/dist/next/{Dropdown-DEdk2QjS.cjs.map → Dropdown-BnuZW883.cjs.map} +1 -1
- package/dist/next/{Dropdown-qdxH-NQR.js → Dropdown-Czc7qKPn.js} +2 -1
- package/dist/next/{Dropdown-qdxH-NQR.js.map → Dropdown-Czc7qKPn.js.map} +1 -1
- package/dist/next/Dropdown.cjs.js +1 -1
- package/dist/next/Dropdown.js +1 -1
- package/dist/next/{EmptyState-CXyx1WlG.cjs → EmptyState-CU6_e2Yr.cjs} +3 -2
- package/dist/next/{EmptyState-CXyx1WlG.cjs.map → EmptyState-CU6_e2Yr.cjs.map} +1 -1
- package/dist/next/{EmptyState-BNzFHAk3.js → EmptyState-Cbj1OIeQ.js} +3 -2
- package/dist/next/{EmptyState-BNzFHAk3.js.map → EmptyState-Cbj1OIeQ.js.map} +1 -1
- package/dist/next/EmptyState.cjs.js +1 -1
- package/dist/next/EmptyState.js +1 -1
- package/dist/next/{FileUpload-DBSXPL55.js → FileUpload-CNxWsESt.js} +52 -51
- package/dist/next/{FileUpload-DBSXPL55.js.map → FileUpload-CNxWsESt.js.map} +1 -1
- package/dist/next/{FileUpload-DwlqapHn.cjs → FileUpload-D43mGC5b.cjs} +52 -51
- package/dist/next/{FileUpload-DwlqapHn.cjs.map → FileUpload-D43mGC5b.cjs.map} +1 -1
- package/dist/next/FileUpload.cjs.js +1 -1
- package/dist/next/FileUpload.js +1 -1
- package/dist/next/{Footer-CP_PaLon.js → Footer-CJ19dLJ4.js} +41 -40
- package/dist/next/{Footer-CP_PaLon.js.map → Footer-CJ19dLJ4.js.map} +1 -1
- package/dist/next/{Footer-BxrsmJyY.cjs → Footer-haPH23Rz.cjs} +41 -40
- package/dist/next/{Footer-BxrsmJyY.cjs.map → Footer-haPH23Rz.cjs.map} +1 -1
- package/dist/next/Footer.cjs.js +1 -1
- package/dist/next/Footer.js +1 -1
- package/dist/next/{FormGroup-QfUhtyhx.js → FormGroup-B_b5tAwN.js} +30 -30
- package/dist/next/{FormGroup-QfUhtyhx.js.map → FormGroup-B_b5tAwN.js.map} +1 -1
- package/dist/next/{FormGroup-U3EwnB0M.cjs → FormGroup-mHF2j4h8.cjs} +30 -30
- package/dist/next/{FormGroup-U3EwnB0M.cjs.map → FormGroup-mHF2j4h8.cjs.map} +1 -1
- package/dist/next/FormGroup.cjs.js +1 -1
- package/dist/next/FormGroup.js +1 -1
- package/dist/next/MessagePopUp.cjs.js +1 -1
- package/dist/next/MessagePopUp.js +1 -1
- package/dist/next/{MessagePopup-N2n3NvgX.js → MessagePopup-BHMymhHd.js} +3 -2
- package/dist/next/{MessagePopup-N2n3NvgX.js.map → MessagePopup-BHMymhHd.js.map} +1 -1
- package/dist/next/{MessagePopup-PB3e2lTg.cjs → MessagePopup-C08ktRPS.cjs} +3 -2
- package/dist/next/{MessagePopup-PB3e2lTg.cjs.map → MessagePopup-C08ktRPS.cjs.map} +1 -1
- package/dist/next/{MetricBox-C3B6Bkcb.cjs → MetricBox-BDC6UsP1.cjs} +47 -47
- package/dist/next/{MetricBox-C3B6Bkcb.cjs.map → MetricBox-BDC6UsP1.cjs.map} +1 -1
- package/dist/next/{MetricBox-BjdAzOrZ.js → MetricBox-Cc5g8SBy.js} +47 -47
- package/dist/next/{MetricBox-BjdAzOrZ.js.map → MetricBox-Cc5g8SBy.js.map} +1 -1
- package/dist/next/MetricBox.cjs.js +1 -1
- package/dist/next/MetricBox.js +1 -1
- package/dist/next/{Modal-QTq5IcKa.js → Modal-B2ilLCoi.js} +2 -1
- package/dist/next/{Modal-QTq5IcKa.js.map → Modal-B2ilLCoi.js.map} +1 -1
- package/dist/next/{Modal-DHTrvNfc.cjs → Modal-CVKVAEdd.cjs} +2 -1
- package/dist/next/{Modal-DHTrvNfc.cjs.map → Modal-CVKVAEdd.cjs.map} +1 -1
- package/dist/next/Modal.cjs.js +1 -1
- package/dist/next/Modal.js +1 -1
- package/dist/next/{NavBar-v_ckzQIo.js → NavBar-BZPUPeLz.js} +37 -37
- package/dist/next/{NavBar-v_ckzQIo.js.map → NavBar-BZPUPeLz.js.map} +1 -1
- package/dist/next/{NavBar-Ds_02bAe.cjs → NavBar-DYUpzh7o.cjs} +37 -37
- package/dist/next/{NavBar-Ds_02bAe.cjs.map → NavBar-DYUpzh7o.cjs.map} +1 -1
- package/dist/next/NavBar.cjs.js +1 -1
- package/dist/next/NavBar.js +1 -1
- package/dist/next/{NotificationCenter-DxK09uJd.js → NotificationCenter-C00Gj6Xv.js} +43 -42
- package/dist/next/{NotificationCenter-DxK09uJd.js.map → NotificationCenter-C00Gj6Xv.js.map} +1 -1
- package/dist/next/{NotificationCenter-DbYxpoy6.cjs → NotificationCenter-ClijzbwL.cjs} +43 -42
- package/dist/next/{NotificationCenter-DbYxpoy6.cjs.map → NotificationCenter-ClijzbwL.cjs.map} +1 -1
- package/dist/next/NotificationCenter.cjs.js +1 -1
- package/dist/next/NotificationCenter.js +1 -1
- package/dist/next/{Pager-BU5RjNwR.cjs → Pager-C1rpRIOe.cjs} +3 -2
- package/dist/next/{Pager-BU5RjNwR.cjs.map → Pager-C1rpRIOe.cjs.map} +1 -1
- package/dist/next/{Pager-CtzyTqIl.js → Pager-DzEFxEIM.js} +3 -2
- package/dist/next/{Pager-CtzyTqIl.js.map → Pager-DzEFxEIM.js.map} +1 -1
- package/dist/next/Pager.cjs.js +1 -1
- package/dist/next/Pager.js +1 -1
- package/dist/next/{PopOver-CmPp9PkL.js → PopOver-DFjt5BfD.js} +40 -40
- package/dist/next/{PopOver-CmPp9PkL.js.map → PopOver-DFjt5BfD.js.map} +1 -1
- package/dist/next/{PopOver-ixERZLpM.cjs → PopOver-J5eO0UOr.cjs} +40 -40
- package/dist/next/{PopOver-ixERZLpM.cjs.map → PopOver-J5eO0UOr.cjs.map} +1 -1
- package/dist/next/PopOver.cjs.js +1 -1
- package/dist/next/PopOver.js +1 -1
- package/dist/next/{ProgressBar-BoU2HJv3.js → ProgressBar-hpSJQWrn.js} +42 -42
- package/dist/next/{ProgressBar-BoU2HJv3.js.map → ProgressBar-hpSJQWrn.js.map} +1 -1
- package/dist/next/{ProgressBar-C6zKbiq5.cjs → ProgressBar-lOd0cGdF.cjs} +42 -42
- package/dist/next/{ProgressBar-C6zKbiq5.cjs.map → ProgressBar-lOd0cGdF.cjs.map} +1 -1
- package/dist/next/ProgressBar.cjs.js +1 -1
- package/dist/next/ProgressBar.js +1 -1
- package/dist/next/{RadioButton-BCu934Uo.cjs → RadioButton-DkeBXAsO.cjs} +38 -38
- package/dist/next/{RadioButton-BCu934Uo.cjs.map → RadioButton-DkeBXAsO.cjs.map} +1 -1
- package/dist/next/{RadioButton-C14Rsx9o.js → RadioButton-UlG9lzwh.js} +38 -38
- package/dist/next/{RadioButton-C14Rsx9o.js.map → RadioButton-UlG9lzwh.js.map} +1 -1
- package/dist/next/RadioButton.cjs.js +1 -1
- package/dist/next/RadioButton.js +1 -1
- package/dist/next/{Rating-aheV3uZJ.js → Rating-BhZSzD7o.js} +34 -34
- package/dist/next/{Rating-aheV3uZJ.js.map → Rating-BhZSzD7o.js.map} +1 -1
- package/dist/next/{Rating-C9BgQANc.cjs → Rating-BuPujSZA.cjs} +34 -34
- package/dist/next/{Rating-C9BgQANc.cjs.map → Rating-BuPujSZA.cjs.map} +1 -1
- package/dist/next/Rating.cjs.js +1 -1
- package/dist/next/Rating.js +1 -1
- package/dist/next/{Skeleton-Dmz7m0dj.cjs → Skeleton-Cp1BE2Ac.cjs} +26 -26
- package/dist/next/{Skeleton-Dmz7m0dj.cjs.map → Skeleton-Cp1BE2Ac.cjs.map} +1 -1
- package/dist/next/{Skeleton-D8C29p3K.js → Skeleton-KKJc191y.js} +26 -26
- package/dist/next/{Skeleton-D8C29p3K.js.map → Skeleton-KKJc191y.js.map} +1 -1
- package/dist/next/Skeleton.cjs.js +1 -1
- package/dist/next/Skeleton.js +1 -1
- package/dist/next/{Slider-DQM9nV1P.cjs → Slider-BK-N-zXi.cjs} +43 -43
- package/dist/next/{Slider-DQM9nV1P.cjs.map → Slider-BK-N-zXi.cjs.map} +1 -1
- package/dist/next/{Slider-BOAgWYkH.js → Slider-BvcM4-MS.js} +43 -43
- package/dist/next/{Slider-BOAgWYkH.js.map → Slider-BvcM4-MS.js.map} +1 -1
- package/dist/next/Slider.cjs.js +1 -1
- package/dist/next/Slider.js +1 -1
- package/dist/next/{Spinner-BFAOf4tt.js → Spinner-Dh8iu4p8.js} +37 -37
- package/dist/next/{Spinner-BFAOf4tt.js.map → Spinner-Dh8iu4p8.js.map} +1 -1
- package/dist/next/{Spinner-0GZngKjG.cjs → Spinner-DqTR9rvk.cjs} +37 -37
- package/dist/next/{Spinner-0GZngKjG.cjs.map → Spinner-DqTR9rvk.cjs.map} +1 -1
- package/dist/next/Spinner.cjs.js +1 -1
- package/dist/next/Spinner.js +1 -1
- package/dist/next/{Stepper-XZSIlydV.cjs → Stepper-RjdxxcS6.cjs} +40 -39
- package/dist/next/{Stepper-XZSIlydV.cjs.map → Stepper-RjdxxcS6.cjs.map} +1 -1
- package/dist/next/{Stepper-B03bz8wT.js → Stepper-nRipbdpR.js} +40 -39
- package/dist/next/{Stepper-B03bz8wT.js.map → Stepper-nRipbdpR.js.map} +1 -1
- package/dist/next/Stepper.cjs.js +1 -1
- package/dist/next/Stepper.js +1 -1
- package/dist/next/{Tabs-D8Efg8wn.cjs → Tabs-BgKvtbgg.cjs} +44 -44
- package/dist/next/{Tabs-D8Efg8wn.cjs.map → Tabs-BgKvtbgg.cjs.map} +1 -1
- package/dist/next/{Tabs-DmrS_FUa.js → Tabs-D90stLbD.js} +44 -44
- package/dist/next/{Tabs-DmrS_FUa.js.map → Tabs-D90stLbD.js.map} +1 -1
- package/dist/next/Tabs.cjs.js +1 -1
- package/dist/next/Tabs.js +1 -1
- package/dist/next/{TagInput-Bfjg9pZQ.cjs → TagInput-C7ohFpQN.cjs} +48 -47
- package/dist/next/{TagInput-Bfjg9pZQ.cjs.map → TagInput-C7ohFpQN.cjs.map} +1 -1
- package/dist/next/{TagInput-CtYKwhEi.js → TagInput-I9GEOn4z.js} +48 -47
- package/dist/next/{TagInput-CtYKwhEi.js.map → TagInput-I9GEOn4z.js.map} +1 -1
- package/dist/next/TagInput.cjs.js +1 -1
- package/dist/next/TagInput.js +1 -1
- package/dist/next/{TextInput-Z2izAjJj.cjs → TextInput-C1TUvbWx.cjs} +2 -1
- package/dist/next/{TextInput-Z2izAjJj.cjs.map → TextInput-C1TUvbWx.cjs.map} +1 -1
- package/dist/next/{TextInput-ChmIMzj2.js → TextInput-CyGkgvS3.js} +2 -1
- package/dist/next/{TextInput-ChmIMzj2.js.map → TextInput-CyGkgvS3.js.map} +1 -1
- package/dist/next/TextInput.cjs.js +1 -1
- package/dist/next/TextInput.js +1 -1
- package/dist/next/{Toolbar-C45B_I44.cjs → Toolbar-B043HxPz.cjs} +34 -34
- package/dist/next/{Toolbar-C45B_I44.cjs.map → Toolbar-B043HxPz.cjs.map} +1 -1
- package/dist/next/{Toolbar-Dq1qqx4P.js → Toolbar-DJ2eWNqF.js} +34 -34
- package/dist/next/{Toolbar-Dq1qqx4P.js.map → Toolbar-DJ2eWNqF.js.map} +1 -1
- package/dist/next/Toolbar.cjs.js +1 -1
- package/dist/next/Toolbar.js +1 -1
- package/dist/next/{Tooltip-BXd5FXXv.cjs → Tooltip-BAv_JHBJ.cjs} +39 -39
- package/dist/next/{Tooltip-BXd5FXXv.cjs.map → Tooltip-BAv_JHBJ.cjs.map} +1 -1
- package/dist/next/{Tooltip-BHIA1zE1.js → Tooltip-BCtlhs_A.js} +39 -39
- package/dist/next/{Tooltip-BHIA1zE1.js.map → Tooltip-BCtlhs_A.js.map} +1 -1
- package/dist/next/Tooltip.cjs.js +1 -1
- package/dist/next/Tooltip.js +1 -1
- package/dist/next/boreal-ui.css +3032 -2836
- package/dist/next/index.cjs.js +60 -59
- package/dist/next/index.cjs.js.map +1 -1
- package/dist/next/index.js +60 -59
- package/dist/next/index.js.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/index.next.d.ts +1 -0
- package/dist/types/index.next.d.ts.map +1 -1
- package/package.json +5 -5
- package/dist/next/style.css +0 -521
|
@@ -4,32 +4,32 @@ import { useMemo } from "react";
|
|
|
4
4
|
import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
|
|
5
5
|
import { c as capitalize } from "./capitalize-C0TSQSPh.js";
|
|
6
6
|
import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
|
|
7
|
-
const noScroll = "
|
|
8
|
-
const errorMessage = "
|
|
9
|
-
const loadingContainer = "
|
|
10
|
-
const hideScrollbar = "
|
|
11
|
-
const sr_only = "
|
|
12
|
-
const toolbar = "
|
|
13
|
-
const primary = "
|
|
14
|
-
const secondary = "
|
|
15
|
-
const tertiary = "
|
|
16
|
-
const quaternary = "
|
|
17
|
-
const clear = "
|
|
18
|
-
const section = "
|
|
19
|
-
const title = "
|
|
20
|
-
const avatarWrapper = "
|
|
21
|
-
const roundNone = "
|
|
22
|
-
const roundSmall = "
|
|
23
|
-
const roundMedium = "
|
|
24
|
-
const roundLarge = "
|
|
25
|
-
const roundFull = "
|
|
26
|
-
const shadowNone = "
|
|
27
|
-
const shadowLight = "
|
|
28
|
-
const shadowMedium = "
|
|
29
|
-
const shadowStrong = "
|
|
30
|
-
const shadowIntense = "
|
|
31
|
-
const spin = "
|
|
32
|
-
const pulse = "
|
|
7
|
+
const noScroll = "_noScroll_1rk4i_108";
|
|
8
|
+
const errorMessage = "_errorMessage_1rk4i_109";
|
|
9
|
+
const loadingContainer = "_loadingContainer_1rk4i_110";
|
|
10
|
+
const hideScrollbar = "_hideScrollbar_1rk4i_102";
|
|
11
|
+
const sr_only = "_sr_only_1rk4i_111";
|
|
12
|
+
const toolbar = "_toolbar_1rk4i_529";
|
|
13
|
+
const primary = "_primary_1rk4i_552";
|
|
14
|
+
const secondary = "_secondary_1rk4i_556";
|
|
15
|
+
const tertiary = "_tertiary_1rk4i_560";
|
|
16
|
+
const quaternary = "_quaternary_1rk4i_564";
|
|
17
|
+
const clear = "_clear_1rk4i_568";
|
|
18
|
+
const section = "_section_1rk4i_573";
|
|
19
|
+
const title = "_title_1rk4i_601";
|
|
20
|
+
const avatarWrapper = "_avatarWrapper_1rk4i_613";
|
|
21
|
+
const roundNone = "_roundNone_1rk4i_623";
|
|
22
|
+
const roundSmall = "_roundSmall_1rk4i_628";
|
|
23
|
+
const roundMedium = "_roundMedium_1rk4i_633";
|
|
24
|
+
const roundLarge = "_roundLarge_1rk4i_638";
|
|
25
|
+
const roundFull = "_roundFull_1rk4i_643";
|
|
26
|
+
const shadowNone = "_shadowNone_1rk4i_648";
|
|
27
|
+
const shadowLight = "_shadowLight_1rk4i_652";
|
|
28
|
+
const shadowMedium = "_shadowMedium_1rk4i_656";
|
|
29
|
+
const shadowStrong = "_shadowStrong_1rk4i_660";
|
|
30
|
+
const shadowIntense = "_shadowIntense_1rk4i_664";
|
|
31
|
+
const spin = "_spin_1rk4i_1";
|
|
32
|
+
const pulse = "_pulse_1rk4i_1";
|
|
33
33
|
const styles = {
|
|
34
34
|
noScroll,
|
|
35
35
|
errorMessage,
|
|
@@ -55,15 +55,15 @@ const styles = {
|
|
|
55
55
|
shadowMedium,
|
|
56
56
|
shadowStrong,
|
|
57
57
|
shadowIntense,
|
|
58
|
-
"fade-in": "_fade-
|
|
59
|
-
"slide-up": "_slide-
|
|
60
|
-
"spin-3d": "_spin-
|
|
58
|
+
"fade-in": "_fade-in_1rk4i_1",
|
|
59
|
+
"slide-up": "_slide-up_1rk4i_1",
|
|
60
|
+
"spin-3d": "_spin-3d_1rk4i_1",
|
|
61
61
|
spin,
|
|
62
62
|
pulse,
|
|
63
|
-
"fade-in-up": "_fade-in-
|
|
64
|
-
"progress-grow": "_progress-
|
|
65
|
-
"indeterminate-move": "_indeterminate-
|
|
66
|
-
"skeleton-loading": "_skeleton-
|
|
63
|
+
"fade-in-up": "_fade-in-up_1rk4i_1",
|
|
64
|
+
"progress-grow": "_progress-grow_1rk4i_1",
|
|
65
|
+
"indeterminate-move": "_indeterminate-move_1rk4i_1",
|
|
66
|
+
"skeleton-loading": "_skeleton-loading_1rk4i_1"
|
|
67
67
|
};
|
|
68
68
|
const ToolbarBase = ({
|
|
69
69
|
title: title2,
|
|
@@ -168,4 +168,4 @@ Toolbar.displayName = "Toolbar";
|
|
|
168
168
|
export {
|
|
169
169
|
Toolbar as T
|
|
170
170
|
};
|
|
171
|
-
//# sourceMappingURL=Toolbar-
|
|
171
|
+
//# sourceMappingURL=Toolbar-DJ2eWNqF.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar-
|
|
1
|
+
{"version":3,"file":"Toolbar-DJ2eWNqF.js","sources":["../../src/components/Toolbar/ToolbarBase.tsx","../../src/components/Toolbar/next/Toolbar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToolbarBaseProps } from \"./Toolbar.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst ToolbarBase: React.FC<ToolbarBaseProps> = ({\r\n title,\r\n left,\r\n center,\r\n right,\r\n avatar,\r\n theme = getDefaultTheme(),\r\n shadow = getDefaultShadow(),\r\n rounding = getDefaultRounding(),\r\n className = \"\",\r\n \"data-testid\": testId = \"toolbar\",\r\n AvatarComponent,\r\n classMap,\r\n ariaLabel = \"Toolbar\",\r\n headingLevel = 1,\r\n}): JSX.Element => {\r\n const safeHeading = Math.min(6, Math.max(1, headingLevel));\r\n const TitleTag = `h${safeHeading}` as keyof JSX.IntrinsicElements;\r\n\r\n const toolbarClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.toolbar,\r\n classMap[theme],\r\n className,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, theme, className, shadow, rounding]\r\n );\r\n\r\n const avatarAriaHidden =\r\n avatar && !avatar.name && !avatar.onClick ? true : undefined;\r\n\r\n return (\r\n <div\r\n className={toolbarClass}\r\n role=\"toolbar\"\r\n aria-orientation=\"horizontal\"\r\n aria-label={ariaLabel}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={classMap.section}\r\n role=\"group\"\r\n aria-label=\"Toolbar left section\"\r\n data-testid={`${testId}-left`}\r\n >\r\n {left}\r\n </div>\r\n\r\n <div\r\n className={classMap.section}\r\n role=\"group\"\r\n aria-label=\"Toolbar center section\"\r\n data-testid={`${testId}-center`}\r\n >\r\n {title && (\r\n <TitleTag className={classMap.title} data-testid={`${testId}-title`}>\r\n {title}\r\n </TitleTag>\r\n )}\r\n {center}\r\n </div>\r\n\r\n <div\r\n className={classMap.section}\r\n role=\"group\"\r\n aria-label=\"Toolbar right section\"\r\n data-testid={`${testId}-right`}\r\n >\r\n {right}\r\n {avatar && (\r\n <div\r\n className={classMap.avatarWrapper}\r\n data-testid={`${testId}-avatar`}\r\n >\r\n <AvatarComponent\r\n name={avatar.name}\r\n src={avatar.src}\r\n size={avatar.size || \"medium\"}\r\n shape={avatar.shape || \"circle\"}\r\n theme={avatar.theme}\r\n outline={avatar.outline}\r\n onClick={avatar.onClick}\r\n aria-hidden={avatarAriaHidden}\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nToolbarBase.displayName = \"ToolbarBase\";\r\nexport default ToolbarBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Toolbar.module.scss\";\r\nimport Avatar from \"../../Avatar/next/Avatar\";\r\nimport ToolbarBase from \"../ToolbarBase\";\r\nimport { ToolbarProps } from \"../Toolbar.types\";\r\n\r\nconst Toolbar: React.FC<ToolbarProps> = (props) => (\r\n <ToolbarBase {...props} AvatarComponent={Avatar} classMap={styles} />\r\n);\r\nToolbar.displayName = \"Toolbar\";\r\nexport default Toolbar;\r\n"],"names":["title"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,cAA0C,CAAC;AAAA,EAC/C,OAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,gBAAA;AAAA,EACR,SAAS,iBAAA;AAAA,EACT,WAAW,mBAAA;AAAA,EACX,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe;AACjB,MAAmB;AACjB,QAAM,cAAc,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,YAAY,CAAC;AACzD,QAAM,WAAW,IAAI,WAAW;AAEhC,QAAM,eAAe;AAAA,IACnB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd;AAAA,MACA,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,OAAO,WAAW,QAAQ,QAAQ;AAAA,EAAA;AAG/C,QAAM,mBACJ,UAAU,CAAC,OAAO,QAAQ,CAAC,OAAO,UAAU,OAAO;AAErD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,oBAAiB;AAAA,MACjB,cAAY;AAAA,MACZ,eAAa;AAAA,MAEb,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,cAAAA,UACC,oBAAC,YAAS,WAAW,SAAS,OAAO,eAAa,GAAG,MAAM,UACxD,UAAAA,OAAA,CACH;AAAA,cAED;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,cAAA;AAAA,cACA,UACC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM;AAAA,kBAEtB,UAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAM,OAAO;AAAA,sBACb,KAAK,OAAO;AAAA,sBACZ,MAAM,OAAO,QAAQ;AAAA,sBACrB,OAAO,OAAO,SAAS;AAAA,sBACvB,OAAO,OAAO;AAAA,sBACd,SAAS,OAAO;AAAA,sBAChB,SAAS,OAAO;AAAA,sBAChB,eAAa;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACf;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,YAAY,cAAc;AChG1B,MAAM,UAAkC,CAAC,UACvC,oBAAC,aAAA,EAAa,GAAG,OAAO,iBAAiB,QAAQ,UAAU,OAAA,CAAQ;AAErE,QAAQ,cAAc;"}
|
package/dist/next/Toolbar.cjs.js
CHANGED
package/dist/next/Toolbar.js
CHANGED
|
@@ -4,37 +4,37 @@ const React = require("react");
|
|
|
4
4
|
const classNames = require("./classNames-BcWMx052.cjs");
|
|
5
5
|
const capitalize = require("./capitalize-DoV-nOmN.cjs");
|
|
6
6
|
const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
|
|
7
|
-
const noScroll = "
|
|
8
|
-
const errorMessage = "
|
|
9
|
-
const loadingContainer = "
|
|
10
|
-
const hideScrollbar = "
|
|
11
|
-
const sr_only = "
|
|
12
|
-
const container = "
|
|
13
|
-
const tooltip = "
|
|
14
|
-
const top = "
|
|
15
|
-
const bottom = "
|
|
16
|
-
const left = "
|
|
17
|
-
const right = "
|
|
18
|
-
const primary = "
|
|
19
|
-
const secondary = "
|
|
20
|
-
const tertiary = "
|
|
21
|
-
const quaternary = "
|
|
22
|
-
const clear = "
|
|
23
|
-
const success = "
|
|
24
|
-
const error = "
|
|
25
|
-
const warning = "
|
|
26
|
-
const roundNone = "
|
|
27
|
-
const roundSmall = "
|
|
28
|
-
const roundMedium = "
|
|
29
|
-
const roundLarge = "
|
|
30
|
-
const roundFull = "
|
|
31
|
-
const shadowNone = "
|
|
32
|
-
const shadowLight = "
|
|
33
|
-
const shadowMedium = "
|
|
34
|
-
const shadowStrong = "
|
|
35
|
-
const shadowIntense = "
|
|
36
|
-
const spin = "
|
|
37
|
-
const pulse = "
|
|
7
|
+
const noScroll = "_noScroll_keaf1_108";
|
|
8
|
+
const errorMessage = "_errorMessage_keaf1_109";
|
|
9
|
+
const loadingContainer = "_loadingContainer_keaf1_110";
|
|
10
|
+
const hideScrollbar = "_hideScrollbar_keaf1_102";
|
|
11
|
+
const sr_only = "_sr_only_keaf1_111";
|
|
12
|
+
const container = "_container_keaf1_529";
|
|
13
|
+
const tooltip = "_tooltip_keaf1_533";
|
|
14
|
+
const top = "_top_keaf1_576";
|
|
15
|
+
const bottom = "_bottom_keaf1_588";
|
|
16
|
+
const left = "_left_keaf1_600";
|
|
17
|
+
const right = "_right_keaf1_612";
|
|
18
|
+
const primary = "_primary_keaf1_624";
|
|
19
|
+
const secondary = "_secondary_keaf1_639";
|
|
20
|
+
const tertiary = "_tertiary_keaf1_662";
|
|
21
|
+
const quaternary = "_quaternary_keaf1_681";
|
|
22
|
+
const clear = "_clear_keaf1_700";
|
|
23
|
+
const success = "_success_keaf1_719";
|
|
24
|
+
const error = "_error_keaf1_109";
|
|
25
|
+
const warning = "_warning_keaf1_757";
|
|
26
|
+
const roundNone = "_roundNone_keaf1_785";
|
|
27
|
+
const roundSmall = "_roundSmall_keaf1_789";
|
|
28
|
+
const roundMedium = "_roundMedium_keaf1_793";
|
|
29
|
+
const roundLarge = "_roundLarge_keaf1_797";
|
|
30
|
+
const roundFull = "_roundFull_keaf1_801";
|
|
31
|
+
const shadowNone = "_shadowNone_keaf1_805";
|
|
32
|
+
const shadowLight = "_shadowLight_keaf1_809";
|
|
33
|
+
const shadowMedium = "_shadowMedium_keaf1_813";
|
|
34
|
+
const shadowStrong = "_shadowStrong_keaf1_817";
|
|
35
|
+
const shadowIntense = "_shadowIntense_keaf1_821";
|
|
36
|
+
const spin = "_spin_keaf1_1";
|
|
37
|
+
const pulse = "_pulse_keaf1_1";
|
|
38
38
|
const styles = {
|
|
39
39
|
noScroll,
|
|
40
40
|
errorMessage,
|
|
@@ -65,15 +65,15 @@ const styles = {
|
|
|
65
65
|
shadowMedium,
|
|
66
66
|
shadowStrong,
|
|
67
67
|
shadowIntense,
|
|
68
|
-
"fade-in": "_fade-
|
|
69
|
-
"slide-up": "_slide-
|
|
70
|
-
"spin-3d": "_spin-
|
|
68
|
+
"fade-in": "_fade-in_keaf1_1",
|
|
69
|
+
"slide-up": "_slide-up_keaf1_1",
|
|
70
|
+
"spin-3d": "_spin-3d_keaf1_1",
|
|
71
71
|
spin,
|
|
72
72
|
pulse,
|
|
73
|
-
"fade-in-up": "_fade-in-
|
|
74
|
-
"progress-grow": "_progress-
|
|
75
|
-
"indeterminate-move": "_indeterminate-
|
|
76
|
-
"skeleton-loading": "_skeleton-
|
|
73
|
+
"fade-in-up": "_fade-in-up_keaf1_1",
|
|
74
|
+
"progress-grow": "_progress-grow_keaf1_1",
|
|
75
|
+
"indeterminate-move": "_indeterminate-move_keaf1_1",
|
|
76
|
+
"skeleton-loading": "_skeleton-loading_keaf1_1"
|
|
77
77
|
};
|
|
78
78
|
const TooltipBase = React.forwardRef(function TooltipBase2({
|
|
79
79
|
content,
|
|
@@ -160,4 +160,4 @@ TooltipBase.displayName = "TooltipBase";
|
|
|
160
160
|
const Tooltip = React.forwardRef((props, ref) => /* @__PURE__ */ require$$2.jsx(TooltipBase, { ...props, ref, classMap: styles }));
|
|
161
161
|
Tooltip.displayName = "Tooltip";
|
|
162
162
|
exports.Tooltip = Tooltip;
|
|
163
|
-
//# sourceMappingURL=Tooltip-
|
|
163
|
+
//# sourceMappingURL=Tooltip-BAv_JHBJ.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip-
|
|
1
|
+
{"version":3,"file":"Tooltip-BAv_JHBJ.cjs","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/next/Tooltip.tsx"],"sourcesContent":["import React, {\r\n forwardRef,\r\n useEffect,\r\n useId,\r\n useMemo,\r\n useState,\r\n isValidElement,\r\n cloneElement,\r\n} from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TooltipProps } from \"./Tooltip.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TooltipBase = forwardRef<\r\n HTMLDivElement,\r\n TooltipProps & { classMap: Record<string, string> }\r\n>(function TooltipBase(\r\n {\r\n content,\r\n position = \"top\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n children,\r\n className = \"\",\r\n \"data-testid\": testId = \"tooltip\",\r\n classMap,\r\n ...rest\r\n },\r\n ref\r\n) {\r\n const tooltipId = useId();\r\n const [visible, setVisible] = useState(false);\r\n\r\n const show = () => setVisible(true);\r\n const hide = () => setVisible(false);\r\n\r\n useEffect(() => {\r\n if (!visible) return;\r\n const onKey = (e: KeyboardEvent) => {\r\n if (e.key === \"Escape\") hide();\r\n };\r\n document.addEventListener(\"keydown\", onKey);\r\n return () => document.removeEventListener(\"keydown\", onKey);\r\n }, [visible]);\r\n\r\n const toolTipClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.tooltip,\r\n classMap[position],\r\n classMap[theme],\r\n classMap[state],\r\n visible && classMap.visible,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, position, theme, state, visible, shadow, rounding]\r\n );\r\n\r\n const triggerProps = {\r\n onMouseEnter: show,\r\n onMouseLeave: hide,\r\n onFocus: show,\r\n onBlur: hide,\r\n \"aria-describedby\": visible ? tooltipId : undefined,\r\n \"data-testid\": `${testId}-trigger`,\r\n } as const;\r\n\r\n let trigger: React.ReactNode;\r\n\r\n if (isValidElement(children)) {\r\n const isNaturallyFocusable =\r\n React.isValidElement(children) &&\r\n typeof children.type === \"string\" &&\r\n [\"a\", \"button\", \"input\", \"textarea\", \"select\"].includes(children.type);\r\n\r\n const existingTabIndex = (\r\n children.props as React.HTMLAttributes<HTMLElement>\r\n ).tabIndex;\r\n const maybeTabIndex =\r\n isNaturallyFocusable || existingTabIndex !== undefined\r\n ? {}\r\n : { tabIndex: 0 };\r\n\r\n trigger = cloneElement(children as React.ReactElement, {\r\n ...triggerProps,\r\n ...maybeTabIndex,\r\n });\r\n } else {\r\n trigger = (\r\n <span tabIndex={0} {...triggerProps} className={classMap.triggerWrapper}>\r\n {children}\r\n </span>\r\n );\r\n }\r\n\r\n return (\r\n <div\r\n className={combineClassNames(classMap.container, className)}\r\n data-testid={`${testId}-container`}\r\n >\r\n {trigger}\r\n\r\n <div\r\n ref={ref}\r\n id={tooltipId}\r\n className={toolTipClassName}\r\n role=\"tooltip\"\r\n aria-hidden={!visible}\r\n data-testid={testId}\r\n {...rest}\r\n >\r\n {content}\r\n </div>\r\n </div>\r\n );\r\n});\r\n\r\nTooltipBase.displayName = \"TooltipBase\";\r\nexport default TooltipBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport styles from \"./Tooltip.module.scss\";\r\nimport TooltipBase from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n <TooltipBase {...props} ref={ref} classMap={styles} />\r\n));\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n\r\nexport default Tooltip;\r\n"],"names":["forwardRef","TooltipBase","getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useState","useEffect","useMemo","combineClassNames","capitalize","isValidElement","cloneElement","jsx","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,cAAcA,MAAAA,WAGlB,SAASC,aACT;AAAA,EACE;AAAA,EACA,WAAW;AAAA,EACX,QAAQC,kBAAAA,gBAAA;AAAA,EACR,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,YAAYC,MAAAA,MAAA;AAClB,QAAM,CAAC,SAAS,UAAU,IAAIC,MAAAA,SAAS,KAAK;AAE5C,QAAM,OAAO,MAAM,WAAW,IAAI;AAClC,QAAM,OAAO,MAAM,WAAW,KAAK;AAEnCC,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,QAAS;AACd,UAAM,QAAQ,CAAC,MAAqB;AAClC,UAAI,EAAE,QAAQ,SAAU,MAAA;AAAA,IAC1B;AACA,aAAS,iBAAiB,WAAW,KAAK;AAC1C,WAAO,MAAM,SAAS,oBAAoB,WAAW,KAAK;AAAA,EAC5D,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,mBAAmBC,MAAAA;AAAAA,IACvB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,QAAQ;AAAA,MACjB,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,WAAW,SAAS;AAAA,MACpB,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,UAAU,OAAO,OAAO,SAAS,QAAQ,QAAQ;AAAA,EAAA;AAG9D,QAAM,eAAe;AAAA,IACnB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,oBAAoB,UAAU,YAAY;AAAA,IAC1C,eAAe,GAAG,MAAM;AAAA,EAAA;AAG1B,MAAI;AAEJ,MAAIC,MAAAA,eAAe,QAAQ,GAAG;AAC5B,UAAM,uBACJ,MAAM,eAAe,QAAQ,KAC7B,OAAO,SAAS,SAAS,YACzB,CAAC,KAAK,UAAU,SAAS,YAAY,QAAQ,EAAE,SAAS,SAAS,IAAI;AAEvE,UAAM,mBACJ,SAAS,MACT;AACF,UAAM,gBACJ,wBAAwB,qBAAqB,SACzC,KACA,EAAE,UAAU,EAAA;AAElB,cAAUC,MAAAA,aAAa,UAAgC;AAAA,MACrD,GAAG;AAAA,MACH,GAAG;AAAA,IAAA,CACJ;AAAA,EACH,OAAO;AACL,cACEC,2BAAAA,IAAC,UAAK,UAAU,GAAI,GAAG,cAAc,WAAW,SAAS,gBACtD,SAAA,CACH;AAAA,EAEJ;AAEA,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWL,WAAAA,kBAAkB,SAAS,WAAW,SAAS;AAAA,MAC1D,eAAa,GAAG,MAAM;AAAA,MAErB,UAAA;AAAA,QAAA;AAAA,QAEDI,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,IAAI;AAAA,YACJ,WAAW;AAAA,YACX,MAAK;AAAA,YACL,eAAa,CAAC;AAAA,YACd,eAAa;AAAA,YACZ,GAAG;AAAA,YAEH,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAED,YAAY,cAAc;ACtH1B,MAAM,UAAUb,MAAAA,WAAyC,CAAC,OAAO,QAC/Da,2BAAAA,IAAC,aAAA,EAAa,GAAG,OAAO,KAAU,UAAU,OAAA,CAAQ,CACrD;AAED,QAAQ,cAAc;;"}
|
|
@@ -3,37 +3,37 @@ import React, { forwardRef, useId, useState, useEffect, useMemo, isValidElement,
|
|
|
3
3
|
import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
|
|
4
4
|
import { c as capitalize } from "./capitalize-C0TSQSPh.js";
|
|
5
5
|
import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
|
|
6
|
-
const noScroll = "
|
|
7
|
-
const errorMessage = "
|
|
8
|
-
const loadingContainer = "
|
|
9
|
-
const hideScrollbar = "
|
|
10
|
-
const sr_only = "
|
|
11
|
-
const container = "
|
|
12
|
-
const tooltip = "
|
|
13
|
-
const top = "
|
|
14
|
-
const bottom = "
|
|
15
|
-
const left = "
|
|
16
|
-
const right = "
|
|
17
|
-
const primary = "
|
|
18
|
-
const secondary = "
|
|
19
|
-
const tertiary = "
|
|
20
|
-
const quaternary = "
|
|
21
|
-
const clear = "
|
|
22
|
-
const success = "
|
|
23
|
-
const error = "
|
|
24
|
-
const warning = "
|
|
25
|
-
const roundNone = "
|
|
26
|
-
const roundSmall = "
|
|
27
|
-
const roundMedium = "
|
|
28
|
-
const roundLarge = "
|
|
29
|
-
const roundFull = "
|
|
30
|
-
const shadowNone = "
|
|
31
|
-
const shadowLight = "
|
|
32
|
-
const shadowMedium = "
|
|
33
|
-
const shadowStrong = "
|
|
34
|
-
const shadowIntense = "
|
|
35
|
-
const spin = "
|
|
36
|
-
const pulse = "
|
|
6
|
+
const noScroll = "_noScroll_keaf1_108";
|
|
7
|
+
const errorMessage = "_errorMessage_keaf1_109";
|
|
8
|
+
const loadingContainer = "_loadingContainer_keaf1_110";
|
|
9
|
+
const hideScrollbar = "_hideScrollbar_keaf1_102";
|
|
10
|
+
const sr_only = "_sr_only_keaf1_111";
|
|
11
|
+
const container = "_container_keaf1_529";
|
|
12
|
+
const tooltip = "_tooltip_keaf1_533";
|
|
13
|
+
const top = "_top_keaf1_576";
|
|
14
|
+
const bottom = "_bottom_keaf1_588";
|
|
15
|
+
const left = "_left_keaf1_600";
|
|
16
|
+
const right = "_right_keaf1_612";
|
|
17
|
+
const primary = "_primary_keaf1_624";
|
|
18
|
+
const secondary = "_secondary_keaf1_639";
|
|
19
|
+
const tertiary = "_tertiary_keaf1_662";
|
|
20
|
+
const quaternary = "_quaternary_keaf1_681";
|
|
21
|
+
const clear = "_clear_keaf1_700";
|
|
22
|
+
const success = "_success_keaf1_719";
|
|
23
|
+
const error = "_error_keaf1_109";
|
|
24
|
+
const warning = "_warning_keaf1_757";
|
|
25
|
+
const roundNone = "_roundNone_keaf1_785";
|
|
26
|
+
const roundSmall = "_roundSmall_keaf1_789";
|
|
27
|
+
const roundMedium = "_roundMedium_keaf1_793";
|
|
28
|
+
const roundLarge = "_roundLarge_keaf1_797";
|
|
29
|
+
const roundFull = "_roundFull_keaf1_801";
|
|
30
|
+
const shadowNone = "_shadowNone_keaf1_805";
|
|
31
|
+
const shadowLight = "_shadowLight_keaf1_809";
|
|
32
|
+
const shadowMedium = "_shadowMedium_keaf1_813";
|
|
33
|
+
const shadowStrong = "_shadowStrong_keaf1_817";
|
|
34
|
+
const shadowIntense = "_shadowIntense_keaf1_821";
|
|
35
|
+
const spin = "_spin_keaf1_1";
|
|
36
|
+
const pulse = "_pulse_keaf1_1";
|
|
37
37
|
const styles = {
|
|
38
38
|
noScroll,
|
|
39
39
|
errorMessage,
|
|
@@ -64,15 +64,15 @@ const styles = {
|
|
|
64
64
|
shadowMedium,
|
|
65
65
|
shadowStrong,
|
|
66
66
|
shadowIntense,
|
|
67
|
-
"fade-in": "_fade-
|
|
68
|
-
"slide-up": "_slide-
|
|
69
|
-
"spin-3d": "_spin-
|
|
67
|
+
"fade-in": "_fade-in_keaf1_1",
|
|
68
|
+
"slide-up": "_slide-up_keaf1_1",
|
|
69
|
+
"spin-3d": "_spin-3d_keaf1_1",
|
|
70
70
|
spin,
|
|
71
71
|
pulse,
|
|
72
|
-
"fade-in-up": "_fade-in-
|
|
73
|
-
"progress-grow": "_progress-
|
|
74
|
-
"indeterminate-move": "_indeterminate-
|
|
75
|
-
"skeleton-loading": "_skeleton-
|
|
72
|
+
"fade-in-up": "_fade-in-up_keaf1_1",
|
|
73
|
+
"progress-grow": "_progress-grow_keaf1_1",
|
|
74
|
+
"indeterminate-move": "_indeterminate-move_keaf1_1",
|
|
75
|
+
"skeleton-loading": "_skeleton-loading_keaf1_1"
|
|
76
76
|
};
|
|
77
77
|
const TooltipBase = forwardRef(function TooltipBase2({
|
|
78
78
|
content,
|
|
@@ -161,4 +161,4 @@ Tooltip.displayName = "Tooltip";
|
|
|
161
161
|
export {
|
|
162
162
|
Tooltip as T
|
|
163
163
|
};
|
|
164
|
-
//# sourceMappingURL=Tooltip-
|
|
164
|
+
//# sourceMappingURL=Tooltip-BCtlhs_A.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip-
|
|
1
|
+
{"version":3,"file":"Tooltip-BCtlhs_A.js","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/next/Tooltip.tsx"],"sourcesContent":["import React, {\r\n forwardRef,\r\n useEffect,\r\n useId,\r\n useMemo,\r\n useState,\r\n isValidElement,\r\n cloneElement,\r\n} from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TooltipProps } from \"./Tooltip.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TooltipBase = forwardRef<\r\n HTMLDivElement,\r\n TooltipProps & { classMap: Record<string, string> }\r\n>(function TooltipBase(\r\n {\r\n content,\r\n position = \"top\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n children,\r\n className = \"\",\r\n \"data-testid\": testId = \"tooltip\",\r\n classMap,\r\n ...rest\r\n },\r\n ref\r\n) {\r\n const tooltipId = useId();\r\n const [visible, setVisible] = useState(false);\r\n\r\n const show = () => setVisible(true);\r\n const hide = () => setVisible(false);\r\n\r\n useEffect(() => {\r\n if (!visible) return;\r\n const onKey = (e: KeyboardEvent) => {\r\n if (e.key === \"Escape\") hide();\r\n };\r\n document.addEventListener(\"keydown\", onKey);\r\n return () => document.removeEventListener(\"keydown\", onKey);\r\n }, [visible]);\r\n\r\n const toolTipClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.tooltip,\r\n classMap[position],\r\n classMap[theme],\r\n classMap[state],\r\n visible && classMap.visible,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, position, theme, state, visible, shadow, rounding]\r\n );\r\n\r\n const triggerProps = {\r\n onMouseEnter: show,\r\n onMouseLeave: hide,\r\n onFocus: show,\r\n onBlur: hide,\r\n \"aria-describedby\": visible ? tooltipId : undefined,\r\n \"data-testid\": `${testId}-trigger`,\r\n } as const;\r\n\r\n let trigger: React.ReactNode;\r\n\r\n if (isValidElement(children)) {\r\n const isNaturallyFocusable =\r\n React.isValidElement(children) &&\r\n typeof children.type === \"string\" &&\r\n [\"a\", \"button\", \"input\", \"textarea\", \"select\"].includes(children.type);\r\n\r\n const existingTabIndex = (\r\n children.props as React.HTMLAttributes<HTMLElement>\r\n ).tabIndex;\r\n const maybeTabIndex =\r\n isNaturallyFocusable || existingTabIndex !== undefined\r\n ? {}\r\n : { tabIndex: 0 };\r\n\r\n trigger = cloneElement(children as React.ReactElement, {\r\n ...triggerProps,\r\n ...maybeTabIndex,\r\n });\r\n } else {\r\n trigger = (\r\n <span tabIndex={0} {...triggerProps} className={classMap.triggerWrapper}>\r\n {children}\r\n </span>\r\n );\r\n }\r\n\r\n return (\r\n <div\r\n className={combineClassNames(classMap.container, className)}\r\n data-testid={`${testId}-container`}\r\n >\r\n {trigger}\r\n\r\n <div\r\n ref={ref}\r\n id={tooltipId}\r\n className={toolTipClassName}\r\n role=\"tooltip\"\r\n aria-hidden={!visible}\r\n data-testid={testId}\r\n {...rest}\r\n >\r\n {content}\r\n </div>\r\n </div>\r\n );\r\n});\r\n\r\nTooltipBase.displayName = \"TooltipBase\";\r\nexport default TooltipBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport styles from \"./Tooltip.module.scss\";\r\nimport TooltipBase from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n <TooltipBase {...props} ref={ref} classMap={styles} />\r\n));\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n\r\nexport default Tooltip;\r\n"],"names":["TooltipBase"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,cAAc,WAGlB,SAASA,aACT;AAAA,EACE;AAAA,EACA,WAAW;AAAA,EACX,QAAQ,gBAAA;AAAA,EACR,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,YAAY,MAAA;AAClB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,OAAO,MAAM,WAAW,IAAI;AAClC,QAAM,OAAO,MAAM,WAAW,KAAK;AAEnC,YAAU,MAAM;AACd,QAAI,CAAC,QAAS;AACd,UAAM,QAAQ,CAAC,MAAqB;AAClC,UAAI,EAAE,QAAQ,SAAU,MAAA;AAAA,IAC1B;AACA,aAAS,iBAAiB,WAAW,KAAK;AAC1C,WAAO,MAAM,SAAS,oBAAoB,WAAW,KAAK;AAAA,EAC5D,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,mBAAmB;AAAA,IACvB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,QAAQ;AAAA,MACjB,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,WAAW,SAAS;AAAA,MACpB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,UAAU,OAAO,OAAO,SAAS,QAAQ,QAAQ;AAAA,EAAA;AAG9D,QAAM,eAAe;AAAA,IACnB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,oBAAoB,UAAU,YAAY;AAAA,IAC1C,eAAe,GAAG,MAAM;AAAA,EAAA;AAG1B,MAAI;AAEJ,MAAI,eAAe,QAAQ,GAAG;AAC5B,UAAM,uBACJ,MAAM,eAAe,QAAQ,KAC7B,OAAO,SAAS,SAAS,YACzB,CAAC,KAAK,UAAU,SAAS,YAAY,QAAQ,EAAE,SAAS,SAAS,IAAI;AAEvE,UAAM,mBACJ,SAAS,MACT;AACF,UAAM,gBACJ,wBAAwB,qBAAqB,SACzC,KACA,EAAE,UAAU,EAAA;AAElB,cAAU,aAAa,UAAgC;AAAA,MACrD,GAAG;AAAA,MACH,GAAG;AAAA,IAAA,CACJ;AAAA,EACH,OAAO;AACL,cACE,oBAAC,UAAK,UAAU,GAAI,GAAG,cAAc,WAAW,SAAS,gBACtD,SAAA,CACH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,kBAAkB,SAAS,WAAW,SAAS;AAAA,MAC1D,eAAa,GAAG,MAAM;AAAA,MAErB,UAAA;AAAA,QAAA;AAAA,QAED;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,IAAI;AAAA,YACJ,WAAW;AAAA,YACX,MAAK;AAAA,YACL,eAAa,CAAC;AAAA,YACd,eAAa;AAAA,YACZ,GAAG;AAAA,YAEH,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAED,YAAY,cAAc;ACtH1B,MAAM,UAAU,WAAyC,CAAC,OAAO,QAC/D,oBAAC,aAAA,EAAa,GAAG,OAAO,KAAU,UAAU,OAAA,CAAQ,CACrD;AAED,QAAQ,cAAc;"}
|
package/dist/next/Tooltip.cjs.js
CHANGED
package/dist/next/Tooltip.js
CHANGED