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
|
@@ -5,6 +5,7 @@ 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, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
|
|
7
7
|
import { C as CloseIcon } from "./CloseIcon-C3eQm4EK.js";
|
|
8
|
+
/* empty css */
|
|
8
9
|
import { I as IconButton } from "./IconButton-BTUFKRZt.js";
|
|
9
10
|
const ChipBase = ({
|
|
10
11
|
id,
|
|
@@ -108,48 +109,48 @@ const ChipBase = ({
|
|
|
108
109
|
return chipElement;
|
|
109
110
|
};
|
|
110
111
|
ChipBase.displayName = "ChipBase";
|
|
111
|
-
const noScroll = "
|
|
112
|
-
const errorMessage = "
|
|
113
|
-
const loadingContainer = "
|
|
114
|
-
const hideScrollbar = "
|
|
115
|
-
const sr_only = "
|
|
116
|
-
const chip = "
|
|
117
|
-
const roundNone = "
|
|
118
|
-
const roundSmall = "
|
|
119
|
-
const roundMedium = "
|
|
120
|
-
const roundLarge = "
|
|
121
|
-
const roundFull = "
|
|
122
|
-
const shadowNone = "
|
|
123
|
-
const shadowLight = "
|
|
124
|
-
const shadowMedium = "
|
|
125
|
-
const shadowStrong = "
|
|
126
|
-
const shadowIntense = "
|
|
127
|
-
const fixed = "
|
|
128
|
-
const fadeout = "
|
|
129
|
-
const topCenter = "
|
|
130
|
-
const bottomCenter = "
|
|
131
|
-
const topLeft = "
|
|
132
|
-
const topRight = "
|
|
133
|
-
const bottomLeft = "
|
|
134
|
-
const bottomRight = "
|
|
135
|
-
const primary = "
|
|
136
|
-
const secondary = "
|
|
137
|
-
const tertiary = "
|
|
138
|
-
const quaternary = "
|
|
139
|
-
const clear = "
|
|
140
|
-
const success = "
|
|
141
|
-
const error = "
|
|
142
|
-
const warning = "
|
|
143
|
-
const icon = "
|
|
144
|
-
const message = "
|
|
145
|
-
const icon_inner = "
|
|
146
|
-
const xs = "
|
|
147
|
-
const small = "
|
|
148
|
-
const medium = "
|
|
149
|
-
const large = "
|
|
150
|
-
const xl = "
|
|
151
|
-
const spin = "
|
|
152
|
-
const pulse = "
|
|
112
|
+
const noScroll = "_noScroll_1yed5_108";
|
|
113
|
+
const errorMessage = "_errorMessage_1yed5_109";
|
|
114
|
+
const loadingContainer = "_loadingContainer_1yed5_110";
|
|
115
|
+
const hideScrollbar = "_hideScrollbar_1yed5_102";
|
|
116
|
+
const sr_only = "_sr_only_1yed5_111";
|
|
117
|
+
const chip = "_chip_1yed5_529";
|
|
118
|
+
const roundNone = "_roundNone_1yed5_556";
|
|
119
|
+
const roundSmall = "_roundSmall_1yed5_559";
|
|
120
|
+
const roundMedium = "_roundMedium_1yed5_562";
|
|
121
|
+
const roundLarge = "_roundLarge_1yed5_565";
|
|
122
|
+
const roundFull = "_roundFull_1yed5_568";
|
|
123
|
+
const shadowNone = "_shadowNone_1yed5_571";
|
|
124
|
+
const shadowLight = "_shadowLight_1yed5_574";
|
|
125
|
+
const shadowMedium = "_shadowMedium_1yed5_577";
|
|
126
|
+
const shadowStrong = "_shadowStrong_1yed5_580";
|
|
127
|
+
const shadowIntense = "_shadowIntense_1yed5_583";
|
|
128
|
+
const fixed = "_fixed_1yed5_591";
|
|
129
|
+
const fadeout = "_fadeout_1yed5_597";
|
|
130
|
+
const topCenter = "_topCenter_1yed5_602";
|
|
131
|
+
const bottomCenter = "_bottomCenter_1yed5_606";
|
|
132
|
+
const topLeft = "_topLeft_1yed5_610";
|
|
133
|
+
const topRight = "_topRight_1yed5_616";
|
|
134
|
+
const bottomLeft = "_bottomLeft_1yed5_623";
|
|
135
|
+
const bottomRight = "_bottomRight_1yed5_629";
|
|
136
|
+
const primary = "_primary_1yed5_636";
|
|
137
|
+
const secondary = "_secondary_1yed5_646";
|
|
138
|
+
const tertiary = "_tertiary_1yed5_656";
|
|
139
|
+
const quaternary = "_quaternary_1yed5_666";
|
|
140
|
+
const clear = "_clear_1yed5_676";
|
|
141
|
+
const success = "_success_1yed5_686";
|
|
142
|
+
const error = "_error_1yed5_109";
|
|
143
|
+
const warning = "_warning_1yed5_706";
|
|
144
|
+
const icon = "_icon_1yed5_716";
|
|
145
|
+
const message = "_message_1yed5_733";
|
|
146
|
+
const icon_inner = "_icon_inner_1yed5_748";
|
|
147
|
+
const xs = "_xs_1yed5_753";
|
|
148
|
+
const small = "_small_1yed5_781";
|
|
149
|
+
const medium = "_medium_1yed5_809";
|
|
150
|
+
const large = "_large_1yed5_836";
|
|
151
|
+
const xl = "_xl_1yed5_863";
|
|
152
|
+
const spin = "_spin_1yed5_1";
|
|
153
|
+
const pulse = "_pulse_1yed5_1";
|
|
153
154
|
const styles = {
|
|
154
155
|
noScroll,
|
|
155
156
|
errorMessage,
|
|
@@ -157,7 +158,7 @@ const styles = {
|
|
|
157
158
|
hideScrollbar,
|
|
158
159
|
sr_only,
|
|
159
160
|
chip,
|
|
160
|
-
"fade-in": "_fade-
|
|
161
|
+
"fade-in": "_fade-in_1yed5_1",
|
|
161
162
|
roundNone,
|
|
162
163
|
roundSmall,
|
|
163
164
|
roundMedium,
|
|
@@ -192,14 +193,14 @@ const styles = {
|
|
|
192
193
|
medium,
|
|
193
194
|
large,
|
|
194
195
|
xl,
|
|
195
|
-
"slide-up": "_slide-
|
|
196
|
-
"spin-3d": "_spin-
|
|
196
|
+
"slide-up": "_slide-up_1yed5_1",
|
|
197
|
+
"spin-3d": "_spin-3d_1yed5_1",
|
|
197
198
|
spin,
|
|
198
199
|
pulse,
|
|
199
|
-
"fade-in-up": "_fade-in-
|
|
200
|
-
"progress-grow": "_progress-
|
|
201
|
-
"indeterminate-move": "_indeterminate-
|
|
202
|
-
"skeleton-loading": "_skeleton-
|
|
200
|
+
"fade-in-up": "_fade-in-up_1yed5_1",
|
|
201
|
+
"progress-grow": "_progress-grow_1yed5_1",
|
|
202
|
+
"indeterminate-move": "_indeterminate-move_1yed5_1",
|
|
203
|
+
"skeleton-loading": "_skeleton-loading_1yed5_1"
|
|
203
204
|
};
|
|
204
205
|
const Chip = (props) => /* @__PURE__ */ jsx(
|
|
205
206
|
ChipBase,
|
|
@@ -214,4 +215,4 @@ Chip.displayName = "Chip";
|
|
|
214
215
|
export {
|
|
215
216
|
Chip as C
|
|
216
217
|
};
|
|
217
|
-
//# sourceMappingURL=Chip-
|
|
218
|
+
//# sourceMappingURL=Chip-B3bTVcNN.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip-
|
|
1
|
+
{"version":3,"file":"Chip-B3bTVcNN.js","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/next/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { ChipBaseProps } from \"./Chip.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst ChipBase: React.FC<ChipBaseProps> = ({\r\n id,\r\n message,\r\n visible,\r\n onClose,\r\n icon: Icon,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n position = \"topCenter\",\r\n usePortal = true,\r\n className = \"\",\r\n autoClose = true,\r\n duration = 3000,\r\n closeIcon: CloseIcon,\r\n IconButtonComponent,\r\n classMap,\r\n stackIndex,\r\n \"data-testid\": testId = \"chip\",\r\n}) => {\r\n const [closing, setClosing] = useState(false);\r\n\r\n const handleClose = useCallback(() => {\r\n setClosing(true);\r\n setTimeout(() => onClose?.(), 300);\r\n }, [onClose]);\r\n\r\n useEffect(() => {\r\n if (autoClose && visible) {\r\n const timer = setTimeout(() => handleClose(), duration);\r\n return () => clearTimeout(timer);\r\n }\r\n }, [autoClose, duration, visible, handleClose]);\r\n\r\n useEffect(() => {\r\n if (visible) setClosing(false);\r\n }, [visible]);\r\n\r\n useEffect(() => {\r\n if (!visible) return;\r\n const onKey = (e: globalThis.KeyboardEvent) => {\r\n if (e.key === \"Escape\") handleClose();\r\n };\r\n window.addEventListener(\"keydown\", onKey);\r\n return () => window.removeEventListener(\"keydown\", onKey);\r\n }, [visible, handleClose]);\r\n\r\n if (!visible && !closing) return null;\r\n\r\n const chipClassName = combineClassNames(\r\n classMap.chip,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n classMap[position],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n closing && classMap.fadeout,\r\n usePortal && classMap.fixed,\r\n className\r\n );\r\n\r\n const portalEl =\r\n typeof window !== \"undefined\"\r\n ? document.getElementById(\"widget-portal\")\r\n : null;\r\n\r\n const chipElement = (\r\n <div\r\n key={id}\r\n className={chipClassName}\r\n role=\"alert\"\r\n aria-live=\"assertive\"\r\n aria-atomic=\"true\"\r\n data-testid={testId}\r\n style={stackIndex != null ? { zIndex: stackIndex } : undefined}\r\n >\r\n {Icon && (\r\n <span\r\n className={classMap.icon}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <Icon className={classMap.inner_icon} />\r\n </span>\r\n )}\r\n <span className={classMap.message} id={`${testId}-message`}>\r\n {message}\r\n </span>\r\n\r\n <IconButtonComponent\r\n icon={CloseIcon}\r\n size={size}\r\n theme=\"clear\"\r\n ariaLabel=\"Close notification\"\r\n aria-controls={`${testId}-message`}\r\n className={classMap.close}\r\n onClick={handleClose}\r\n shadow=\"none\"\r\n data-testid={`${testId}-chip-close`}\r\n />\r\n </div>\r\n );\r\n\r\n if (usePortal && portalEl) {\r\n return createPortal(chipElement, portalEl);\r\n }\r\n\r\n return chipElement;\r\n};\r\n\r\nChipBase.displayName = \"ChipBase\";\r\nexport default ChipBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ChipBase from \"../ChipBase\";\r\nimport { CloseIcon } from \"@/Icons\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport styles from \"./Chip.module.scss\";\r\nimport { ChipProps } from \"../Chip.types\";\r\n\r\nconst Chip: React.FC<ChipProps> = (props) => (\r\n <ChipBase\r\n {...props}\r\n classMap={styles}\r\n IconButtonComponent={IconButton}\r\n closeIcon={CloseIcon}\r\n />\r\n);\r\nChip.displayName = \"Chip\";\r\nexport default Chip;\r\n"],"names":["message","CloseIcon"],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ const classNames = require("./classNames-BcWMx052.cjs");
|
|
|
6
6
|
const capitalize = require("./capitalize-DoV-nOmN.cjs");
|
|
7
7
|
const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
|
|
8
8
|
const CloseIcon = require("./CloseIcon-7hy4qJ9o.cjs");
|
|
9
|
+
;/* empty css */
|
|
9
10
|
const IconButton = require("./IconButton-2l-_HOMB.cjs");
|
|
10
11
|
const ChipBase = ({
|
|
11
12
|
id,
|
|
@@ -109,48 +110,48 @@ const ChipBase = ({
|
|
|
109
110
|
return chipElement;
|
|
110
111
|
};
|
|
111
112
|
ChipBase.displayName = "ChipBase";
|
|
112
|
-
const noScroll = "
|
|
113
|
-
const errorMessage = "
|
|
114
|
-
const loadingContainer = "
|
|
115
|
-
const hideScrollbar = "
|
|
116
|
-
const sr_only = "
|
|
117
|
-
const chip = "
|
|
118
|
-
const roundNone = "
|
|
119
|
-
const roundSmall = "
|
|
120
|
-
const roundMedium = "
|
|
121
|
-
const roundLarge = "
|
|
122
|
-
const roundFull = "
|
|
123
|
-
const shadowNone = "
|
|
124
|
-
const shadowLight = "
|
|
125
|
-
const shadowMedium = "
|
|
126
|
-
const shadowStrong = "
|
|
127
|
-
const shadowIntense = "
|
|
128
|
-
const fixed = "
|
|
129
|
-
const fadeout = "
|
|
130
|
-
const topCenter = "
|
|
131
|
-
const bottomCenter = "
|
|
132
|
-
const topLeft = "
|
|
133
|
-
const topRight = "
|
|
134
|
-
const bottomLeft = "
|
|
135
|
-
const bottomRight = "
|
|
136
|
-
const primary = "
|
|
137
|
-
const secondary = "
|
|
138
|
-
const tertiary = "
|
|
139
|
-
const quaternary = "
|
|
140
|
-
const clear = "
|
|
141
|
-
const success = "
|
|
142
|
-
const error = "
|
|
143
|
-
const warning = "
|
|
144
|
-
const icon = "
|
|
145
|
-
const message = "
|
|
146
|
-
const icon_inner = "
|
|
147
|
-
const xs = "
|
|
148
|
-
const small = "
|
|
149
|
-
const medium = "
|
|
150
|
-
const large = "
|
|
151
|
-
const xl = "
|
|
152
|
-
const spin = "
|
|
153
|
-
const pulse = "
|
|
113
|
+
const noScroll = "_noScroll_1yed5_108";
|
|
114
|
+
const errorMessage = "_errorMessage_1yed5_109";
|
|
115
|
+
const loadingContainer = "_loadingContainer_1yed5_110";
|
|
116
|
+
const hideScrollbar = "_hideScrollbar_1yed5_102";
|
|
117
|
+
const sr_only = "_sr_only_1yed5_111";
|
|
118
|
+
const chip = "_chip_1yed5_529";
|
|
119
|
+
const roundNone = "_roundNone_1yed5_556";
|
|
120
|
+
const roundSmall = "_roundSmall_1yed5_559";
|
|
121
|
+
const roundMedium = "_roundMedium_1yed5_562";
|
|
122
|
+
const roundLarge = "_roundLarge_1yed5_565";
|
|
123
|
+
const roundFull = "_roundFull_1yed5_568";
|
|
124
|
+
const shadowNone = "_shadowNone_1yed5_571";
|
|
125
|
+
const shadowLight = "_shadowLight_1yed5_574";
|
|
126
|
+
const shadowMedium = "_shadowMedium_1yed5_577";
|
|
127
|
+
const shadowStrong = "_shadowStrong_1yed5_580";
|
|
128
|
+
const shadowIntense = "_shadowIntense_1yed5_583";
|
|
129
|
+
const fixed = "_fixed_1yed5_591";
|
|
130
|
+
const fadeout = "_fadeout_1yed5_597";
|
|
131
|
+
const topCenter = "_topCenter_1yed5_602";
|
|
132
|
+
const bottomCenter = "_bottomCenter_1yed5_606";
|
|
133
|
+
const topLeft = "_topLeft_1yed5_610";
|
|
134
|
+
const topRight = "_topRight_1yed5_616";
|
|
135
|
+
const bottomLeft = "_bottomLeft_1yed5_623";
|
|
136
|
+
const bottomRight = "_bottomRight_1yed5_629";
|
|
137
|
+
const primary = "_primary_1yed5_636";
|
|
138
|
+
const secondary = "_secondary_1yed5_646";
|
|
139
|
+
const tertiary = "_tertiary_1yed5_656";
|
|
140
|
+
const quaternary = "_quaternary_1yed5_666";
|
|
141
|
+
const clear = "_clear_1yed5_676";
|
|
142
|
+
const success = "_success_1yed5_686";
|
|
143
|
+
const error = "_error_1yed5_109";
|
|
144
|
+
const warning = "_warning_1yed5_706";
|
|
145
|
+
const icon = "_icon_1yed5_716";
|
|
146
|
+
const message = "_message_1yed5_733";
|
|
147
|
+
const icon_inner = "_icon_inner_1yed5_748";
|
|
148
|
+
const xs = "_xs_1yed5_753";
|
|
149
|
+
const small = "_small_1yed5_781";
|
|
150
|
+
const medium = "_medium_1yed5_809";
|
|
151
|
+
const large = "_large_1yed5_836";
|
|
152
|
+
const xl = "_xl_1yed5_863";
|
|
153
|
+
const spin = "_spin_1yed5_1";
|
|
154
|
+
const pulse = "_pulse_1yed5_1";
|
|
154
155
|
const styles = {
|
|
155
156
|
noScroll,
|
|
156
157
|
errorMessage,
|
|
@@ -158,7 +159,7 @@ const styles = {
|
|
|
158
159
|
hideScrollbar,
|
|
159
160
|
sr_only,
|
|
160
161
|
chip,
|
|
161
|
-
"fade-in": "_fade-
|
|
162
|
+
"fade-in": "_fade-in_1yed5_1",
|
|
162
163
|
roundNone,
|
|
163
164
|
roundSmall,
|
|
164
165
|
roundMedium,
|
|
@@ -193,14 +194,14 @@ const styles = {
|
|
|
193
194
|
medium,
|
|
194
195
|
large,
|
|
195
196
|
xl,
|
|
196
|
-
"slide-up": "_slide-
|
|
197
|
-
"spin-3d": "_spin-
|
|
197
|
+
"slide-up": "_slide-up_1yed5_1",
|
|
198
|
+
"spin-3d": "_spin-3d_1yed5_1",
|
|
198
199
|
spin,
|
|
199
200
|
pulse,
|
|
200
|
-
"fade-in-up": "_fade-in-
|
|
201
|
-
"progress-grow": "_progress-
|
|
202
|
-
"indeterminate-move": "_indeterminate-
|
|
203
|
-
"skeleton-loading": "_skeleton-
|
|
201
|
+
"fade-in-up": "_fade-in-up_1yed5_1",
|
|
202
|
+
"progress-grow": "_progress-grow_1yed5_1",
|
|
203
|
+
"indeterminate-move": "_indeterminate-move_1yed5_1",
|
|
204
|
+
"skeleton-loading": "_skeleton-loading_1yed5_1"
|
|
204
205
|
};
|
|
205
206
|
const Chip = (props) => /* @__PURE__ */ require$$2.jsx(
|
|
206
207
|
ChipBase,
|
|
@@ -213,4 +214,4 @@ const Chip = (props) => /* @__PURE__ */ require$$2.jsx(
|
|
|
213
214
|
);
|
|
214
215
|
Chip.displayName = "Chip";
|
|
215
216
|
exports.Chip = Chip;
|
|
216
|
-
//# sourceMappingURL=Chip-
|
|
217
|
+
//# sourceMappingURL=Chip-BYWlOMgj.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip-
|
|
1
|
+
{"version":3,"file":"Chip-BYWlOMgj.cjs","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/next/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { ChipBaseProps } from \"./Chip.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst ChipBase: React.FC<ChipBaseProps> = ({\r\n id,\r\n message,\r\n visible,\r\n onClose,\r\n icon: Icon,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n position = \"topCenter\",\r\n usePortal = true,\r\n className = \"\",\r\n autoClose = true,\r\n duration = 3000,\r\n closeIcon: CloseIcon,\r\n IconButtonComponent,\r\n classMap,\r\n stackIndex,\r\n \"data-testid\": testId = \"chip\",\r\n}) => {\r\n const [closing, setClosing] = useState(false);\r\n\r\n const handleClose = useCallback(() => {\r\n setClosing(true);\r\n setTimeout(() => onClose?.(), 300);\r\n }, [onClose]);\r\n\r\n useEffect(() => {\r\n if (autoClose && visible) {\r\n const timer = setTimeout(() => handleClose(), duration);\r\n return () => clearTimeout(timer);\r\n }\r\n }, [autoClose, duration, visible, handleClose]);\r\n\r\n useEffect(() => {\r\n if (visible) setClosing(false);\r\n }, [visible]);\r\n\r\n useEffect(() => {\r\n if (!visible) return;\r\n const onKey = (e: globalThis.KeyboardEvent) => {\r\n if (e.key === \"Escape\") handleClose();\r\n };\r\n window.addEventListener(\"keydown\", onKey);\r\n return () => window.removeEventListener(\"keydown\", onKey);\r\n }, [visible, handleClose]);\r\n\r\n if (!visible && !closing) return null;\r\n\r\n const chipClassName = combineClassNames(\r\n classMap.chip,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n classMap[position],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n closing && classMap.fadeout,\r\n usePortal && classMap.fixed,\r\n className\r\n );\r\n\r\n const portalEl =\r\n typeof window !== \"undefined\"\r\n ? document.getElementById(\"widget-portal\")\r\n : null;\r\n\r\n const chipElement = (\r\n <div\r\n key={id}\r\n className={chipClassName}\r\n role=\"alert\"\r\n aria-live=\"assertive\"\r\n aria-atomic=\"true\"\r\n data-testid={testId}\r\n style={stackIndex != null ? { zIndex: stackIndex } : undefined}\r\n >\r\n {Icon && (\r\n <span\r\n className={classMap.icon}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <Icon className={classMap.inner_icon} />\r\n </span>\r\n )}\r\n <span className={classMap.message} id={`${testId}-message`}>\r\n {message}\r\n </span>\r\n\r\n <IconButtonComponent\r\n icon={CloseIcon}\r\n size={size}\r\n theme=\"clear\"\r\n ariaLabel=\"Close notification\"\r\n aria-controls={`${testId}-message`}\r\n className={classMap.close}\r\n onClick={handleClose}\r\n shadow=\"none\"\r\n data-testid={`${testId}-chip-close`}\r\n />\r\n </div>\r\n );\r\n\r\n if (usePortal && portalEl) {\r\n return createPortal(chipElement, portalEl);\r\n }\r\n\r\n return chipElement;\r\n};\r\n\r\nChipBase.displayName = \"ChipBase\";\r\nexport default ChipBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ChipBase from \"../ChipBase\";\r\nimport { CloseIcon } from \"@/Icons\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport styles from \"./Chip.module.scss\";\r\nimport { ChipProps } from \"../Chip.types\";\r\n\r\nconst Chip: React.FC<ChipProps> = (props) => (\r\n <ChipBase\r\n {...props}\r\n classMap={styles}\r\n IconButtonComponent={IconButton}\r\n closeIcon={CloseIcon}\r\n />\r\n);\r\nChip.displayName = \"Chip\";\r\nexport default Chip;\r\n"],"names":["message","getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","CloseIcon","useState","useCallback","useEffect","combineClassNames","capitalize","jsxs","jsx","createPortal","IconButton"],"mappings":";;;;;;;;;;AAYA,MAAM,WAAoC,CAAC;AAAA,EACzC;AAAA,EACA,SAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,OAAOC,kBAAAA,eAAA;AAAA,EACP,QAAQC,kBAAAA,gBAAA;AAAA,EACR,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAWC;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,CAAC,SAAS,UAAU,IAAIC,MAAAA,SAAS,KAAK;AAE5C,QAAM,cAAcC,MAAAA,YAAY,MAAM;AACpC,eAAW,IAAI;AACf,eAAW,MAAM,sCAAa,GAAG;AAAA,EACnC,GAAG,CAAC,OAAO,CAAC;AAEZC,QAAAA,UAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,YAAM,QAAQ,WAAW,MAAM,YAAA,GAAe,QAAQ;AACtD,aAAO,MAAM,aAAa,KAAK;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,WAAW,UAAU,SAAS,WAAW,CAAC;AAE9CA,QAAAA,UAAU,MAAM;AACd,QAAI,oBAAoB,KAAK;AAAA,EAC/B,GAAG,CAAC,OAAO,CAAC;AAEZA,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,QAAS;AACd,UAAM,QAAQ,CAAC,MAAgC;AAC7C,UAAI,EAAE,QAAQ,SAAU,aAAA;AAAA,IAC1B;AACA,WAAO,iBAAiB,WAAW,KAAK;AACxC,WAAO,MAAM,OAAO,oBAAoB,WAAW,KAAK;AAAA,EAC1D,GAAG,CAAC,SAAS,WAAW,CAAC;AAEzB,MAAI,CAAC,WAAW,CAAC,QAAS,QAAO;AAEjC,QAAM,gBAAgBC,WAAAA;AAAAA,IACpB,SAAS;AAAA,IACT,SAAS,KAAK;AAAA,IACd,SAAS,KAAK;AAAA,IACd,SAAS,IAAI;AAAA,IACb,SAAS,QAAQ;AAAA,IACjB,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,IACnD,WAAW,SAAS;AAAA,IACpB,aAAa,SAAS;AAAA,IACtB;AAAA,EAAA;AAGF,QAAM,WACJ,OAAO,WAAW,cACd,SAAS,eAAe,eAAe,IACvC;AAEN,QAAM,cACJC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,eAAa;AAAA,MACb,OAAO,cAAc,OAAO,EAAE,QAAQ,eAAe;AAAA,MAEpD,UAAA;AAAA,QAAA,QACCC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,eAAY;AAAA,YACZ,eAAa,GAAG,MAAM;AAAA,YAEtB,UAAAA,2BAAAA,IAAC,MAAA,EAAK,WAAW,SAAS,WAAA,CAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAG1CA,2BAAAA,IAAC,UAAK,WAAW,SAAS,SAAS,IAAI,GAAG,MAAM,YAC7C,UAAAZ,SAAA,CACH;AAAA,QAEAY,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAMP;AAAA,YACN;AAAA,YACA,OAAM;AAAA,YACN,WAAU;AAAA,YACV,iBAAe,GAAG,MAAM;AAAA,YACxB,WAAW,SAAS;AAAA,YACpB,SAAS;AAAA,YACT,QAAO;AAAA,YACP,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACxB;AAAA,IAAA;AAAA,IA/BK;AAAA,EAAA;AAmCT,MAAI,aAAa,UAAU;AACzB,WAAOQ,SAAAA,aAAa,aAAa,QAAQ;AAAA,EAC3C;AAEA,SAAO;AACT;AAEA,SAAS,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpHvB,MAAM,OAA4B,CAAC,UACjCD,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAG;AAAA,IACJ,UAAU;AAAA,IACV,qBAAqBE,WAAAA;AAAAA,IACrB,WAAWT,UAAAA;AAAAA,EAAA;AACb;AAEF,KAAK,cAAc;;"}
|
package/dist/next/Chip.cjs.js
CHANGED
package/dist/next/Chip.js
CHANGED
|
@@ -85,35 +85,35 @@ const CircularProgressBase = ({
|
|
|
85
85
|
);
|
|
86
86
|
};
|
|
87
87
|
CircularProgressBase.displayName = "CircularProgressBase";
|
|
88
|
-
const noScroll = "
|
|
89
|
-
const errorMessage = "
|
|
90
|
-
const loadingContainer = "
|
|
91
|
-
const hideScrollbar = "
|
|
92
|
-
const sr_only = "
|
|
93
|
-
const circular_progress = "
|
|
94
|
-
const circle_border = "
|
|
95
|
-
const inner_circle = "
|
|
96
|
-
const primary = "
|
|
97
|
-
const secondary = "
|
|
98
|
-
const tertiary = "
|
|
99
|
-
const quaternary = "
|
|
100
|
-
const clear = "
|
|
101
|
-
const success = "
|
|
102
|
-
const error = "
|
|
103
|
-
const warning = "
|
|
104
|
-
const shadowNone = "
|
|
105
|
-
const shadowLight = "
|
|
106
|
-
const shadowMedium = "
|
|
107
|
-
const shadowStrong = "
|
|
108
|
-
const shadowIntense = "
|
|
109
|
-
const xs = "
|
|
110
|
-
const rating_text = "
|
|
111
|
-
const small = "
|
|
112
|
-
const medium = "
|
|
113
|
-
const large = "
|
|
114
|
-
const xl = "
|
|
115
|
-
const spin = "
|
|
116
|
-
const pulse = "
|
|
88
|
+
const noScroll = "_noScroll_8wn1u_108";
|
|
89
|
+
const errorMessage = "_errorMessage_8wn1u_109";
|
|
90
|
+
const loadingContainer = "_loadingContainer_8wn1u_110";
|
|
91
|
+
const hideScrollbar = "_hideScrollbar_8wn1u_102";
|
|
92
|
+
const sr_only = "_sr_only_8wn1u_111";
|
|
93
|
+
const circular_progress = "_circular_progress_8wn1u_529";
|
|
94
|
+
const circle_border = "_circle_border_8wn1u_534";
|
|
95
|
+
const inner_circle = "_inner_circle_8wn1u_547";
|
|
96
|
+
const primary = "_primary_8wn1u_569";
|
|
97
|
+
const secondary = "_secondary_8wn1u_572";
|
|
98
|
+
const tertiary = "_tertiary_8wn1u_575";
|
|
99
|
+
const quaternary = "_quaternary_8wn1u_578";
|
|
100
|
+
const clear = "_clear_8wn1u_581";
|
|
101
|
+
const success = "_success_8wn1u_584";
|
|
102
|
+
const error = "_error_8wn1u_109";
|
|
103
|
+
const warning = "_warning_8wn1u_590";
|
|
104
|
+
const shadowNone = "_shadowNone_8wn1u_594";
|
|
105
|
+
const shadowLight = "_shadowLight_8wn1u_598";
|
|
106
|
+
const shadowMedium = "_shadowMedium_8wn1u_602";
|
|
107
|
+
const shadowStrong = "_shadowStrong_8wn1u_606";
|
|
108
|
+
const shadowIntense = "_shadowIntense_8wn1u_610";
|
|
109
|
+
const xs = "_xs_8wn1u_614";
|
|
110
|
+
const rating_text = "_rating_text_8wn1u_630";
|
|
111
|
+
const small = "_small_8wn1u_649";
|
|
112
|
+
const medium = "_medium_8wn1u_684";
|
|
113
|
+
const large = "_large_8wn1u_719";
|
|
114
|
+
const xl = "_xl_8wn1u_754";
|
|
115
|
+
const spin = "_spin_8wn1u_1";
|
|
116
|
+
const pulse = "_pulse_8wn1u_1";
|
|
117
117
|
const styles = {
|
|
118
118
|
noScroll,
|
|
119
119
|
errorMessage,
|
|
@@ -142,17 +142,17 @@ const styles = {
|
|
|
142
142
|
medium,
|
|
143
143
|
large,
|
|
144
144
|
xl,
|
|
145
|
-
"fade-in": "_fade-
|
|
146
|
-
"slide-up": "_slide-
|
|
147
|
-
"spin-3d": "_spin-
|
|
145
|
+
"fade-in": "_fade-in_8wn1u_1",
|
|
146
|
+
"slide-up": "_slide-up_8wn1u_1",
|
|
147
|
+
"spin-3d": "_spin-3d_8wn1u_1",
|
|
148
148
|
spin,
|
|
149
149
|
pulse,
|
|
150
|
-
"fade-in-up": "_fade-in-
|
|
151
|
-
"progress-grow": "_progress-
|
|
152
|
-
"indeterminate-move": "_indeterminate-
|
|
153
|
-
"skeleton-loading": "_skeleton-
|
|
150
|
+
"fade-in-up": "_fade-in-up_8wn1u_1",
|
|
151
|
+
"progress-grow": "_progress-grow_8wn1u_1",
|
|
152
|
+
"indeterminate-move": "_indeterminate-move_8wn1u_1",
|
|
153
|
+
"skeleton-loading": "_skeleton-loading_8wn1u_1"
|
|
154
154
|
};
|
|
155
155
|
const CircularProgress = (props) => /* @__PURE__ */ require$$2.jsx(CircularProgressBase, { ...props, classMap: styles });
|
|
156
156
|
CircularProgress.displayName = "CircularProgress";
|
|
157
157
|
exports.CircularProgress = CircularProgress;
|
|
158
|
-
//# sourceMappingURL=CircularProgress-
|
|
158
|
+
//# sourceMappingURL=CircularProgress-6fmyMX4y.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CircularProgress-
|
|
1
|
+
{"version":3,"file":"CircularProgress-6fmyMX4y.cjs","sources":["../../src/components/CircularProgress/CircularProgressBase.tsx","../../src/components/CircularProgress/next/CircularProgress.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\r\nimport type { CircularProgressBaseProps } from \"./CircularProgress.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst getColor = (percent: number): string => {\r\n if (percent <= 0) return \"var(--background-color)\";\r\n if (percent <= 40) return \"var(--error-color)\";\r\n if (percent <= 70) return \"var(--warning-color)\";\r\n return \"var(--success-color)\";\r\n};\r\n\r\nconst CircularProgressBase: React.FC<CircularProgressBaseProps> = ({\r\n rating,\r\n min = 0,\r\n max = 100,\r\n label = \"Progress\",\r\n shadow = getDefaultShadow(),\r\n showRaw = false,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n className = \"\",\r\n classMap,\r\n \"data-testid\": testId = \"circular-progress\",\r\n}) => {\r\n const range = Math.max(0, max - min);\r\n const clamped = Math.min(max, Math.max(min, rating));\r\n const percent = range === 0 ? 0 : ((clamped - min) / range) * 100;\r\n\r\n const [displayPercent, setDisplayPercent] = useState(0);\r\n useEffect(() => {\r\n setDisplayPercent(Math.round(percent));\r\n }, [percent]);\r\n\r\n const progressColor =\r\n state && classMap[state] ? undefined : getColor(percent);\r\n\r\n const angle = Math.min(360, (percent / 100) * 360);\r\n\r\n const combinedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.circular_progress,\r\n classMap[theme],\r\n classMap[size],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n className\r\n ),\r\n [classMap, theme, size, state, shadow, className]\r\n );\r\n\r\n const valueText = showRaw ? `${clamped}/${max}` : `${displayPercent}%`;\r\n\r\n return (\r\n <div\r\n className={combinedClassName}\r\n role=\"progressbar\"\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n aria-valuenow={clamped}\r\n aria-valuetext={valueText}\r\n aria-label={label}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={combineClassNames(\r\n classMap.circle_border,\r\n state && classMap[`state_${state}`]\r\n )}\r\n style={\r\n progressColor\r\n ? {\r\n background: `conic-gradient(\r\n ${progressColor} 0deg,\r\n ${progressColor} ${angle}deg,\r\n transparent ${angle}deg 360deg\r\n )`,\r\n }\r\n : undefined\r\n }\r\n >\r\n <div className={classMap.inner_circle}>\r\n <span\r\n className={classMap.rating_text}\r\n aria-live=\"polite\"\r\n aria-atomic=\"true\"\r\n >\r\n {valueText}\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nCircularProgressBase.displayName = \"CircularProgressBase\";\r\nexport default CircularProgressBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CircularProgressBase from \"../CircularProgressBase\";\r\nimport styles from \"./CircularProgress.module.scss\";\r\nimport { CircularProgressProps } from \"../CircularProgress.types\";\r\n\r\nconst CircularProgress: React.FC<CircularProgressProps> = (props) => (\r\n <CircularProgressBase {...props} classMap={styles} />\r\n);\r\nCircularProgress.displayName = \"CircularProgress\";\r\nexport default CircularProgress;\r\n"],"names":["getDefaultShadow","getDefaultSize","getDefaultTheme","useState","useEffect","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;AAUA,MAAM,WAAW,CAAC,YAA4B;AAC5C,MAAI,WAAW,EAAG,QAAO;AACzB,MAAI,WAAW,GAAI,QAAO;AAC1B,MAAI,WAAW,GAAI,QAAO;AAC1B,SAAO;AACT;AAEA,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAASA,kBAAAA,iBAAA;AAAA,EACT,UAAU;AAAA,EACV,OAAOC,kBAAAA,eAAA;AAAA,EACP,QAAQC,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,QAAQ,KAAK,IAAI,GAAG,MAAM,GAAG;AACnC,QAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC;AACnD,QAAM,UAAU,UAAU,IAAI,KAAM,UAAU,OAAO,QAAS;AAE9D,QAAM,CAAC,gBAAgB,iBAAiB,IAAIC,MAAAA,SAAS,CAAC;AACtDC,QAAAA,UAAU,MAAM;AACd,sBAAkB,KAAK,MAAM,OAAO,CAAC;AAAA,EACvC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,gBACJ,SAAS,SAAS,KAAK,IAAI,SAAY,SAAS,OAAO;AAEzD,QAAM,QAAQ,KAAK,IAAI,KAAM,UAAU,MAAO,GAAG;AAEjD,QAAM,oBAAoBC,MAAAA;AAAAA,IACxB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,MAAM,OAAO,QAAQ,SAAS;AAAA,EAAA;AAGlD,QAAM,YAAY,UAAU,GAAG,OAAO,IAAI,GAAG,KAAK,GAAG,cAAc;AAEnE,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,kBAAgB;AAAA,MAChB,cAAY;AAAA,MACZ,eAAa;AAAA,MAEb,UAAAA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWF,WAAAA;AAAAA,YACT,SAAS;AAAA,YACT,SAAS,SAAS,SAAS,KAAK,EAAE;AAAA,UAAA;AAAA,UAEpC,OACE,gBACI;AAAA,YACE,YAAY;AAAA,oBACR,aAAa;AAAA,oBACb,aAAa,IAAI,KAAK;AAAA,gCACV,KAAK;AAAA;AAAA,UAAA,IAGvB;AAAA,UAGN,UAAAE,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAS,cACvB,UAAAA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,aAAU;AAAA,cACV,eAAY;AAAA,cAEX,UAAA;AAAA,YAAA;AAAA,UAAA,EACH,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEA,qBAAqB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/FnC,MAAM,mBAAoD,CAAC,UACzDA,+BAAC,wBAAsB,GAAG,OAAO,UAAU,OAAA,CAAQ;AAErD,iBAAiB,cAAc;;"}
|
|
@@ -84,35 +84,35 @@ const CircularProgressBase = ({
|
|
|
84
84
|
);
|
|
85
85
|
};
|
|
86
86
|
CircularProgressBase.displayName = "CircularProgressBase";
|
|
87
|
-
const noScroll = "
|
|
88
|
-
const errorMessage = "
|
|
89
|
-
const loadingContainer = "
|
|
90
|
-
const hideScrollbar = "
|
|
91
|
-
const sr_only = "
|
|
92
|
-
const circular_progress = "
|
|
93
|
-
const circle_border = "
|
|
94
|
-
const inner_circle = "
|
|
95
|
-
const primary = "
|
|
96
|
-
const secondary = "
|
|
97
|
-
const tertiary = "
|
|
98
|
-
const quaternary = "
|
|
99
|
-
const clear = "
|
|
100
|
-
const success = "
|
|
101
|
-
const error = "
|
|
102
|
-
const warning = "
|
|
103
|
-
const shadowNone = "
|
|
104
|
-
const shadowLight = "
|
|
105
|
-
const shadowMedium = "
|
|
106
|
-
const shadowStrong = "
|
|
107
|
-
const shadowIntense = "
|
|
108
|
-
const xs = "
|
|
109
|
-
const rating_text = "
|
|
110
|
-
const small = "
|
|
111
|
-
const medium = "
|
|
112
|
-
const large = "
|
|
113
|
-
const xl = "
|
|
114
|
-
const spin = "
|
|
115
|
-
const pulse = "
|
|
87
|
+
const noScroll = "_noScroll_8wn1u_108";
|
|
88
|
+
const errorMessage = "_errorMessage_8wn1u_109";
|
|
89
|
+
const loadingContainer = "_loadingContainer_8wn1u_110";
|
|
90
|
+
const hideScrollbar = "_hideScrollbar_8wn1u_102";
|
|
91
|
+
const sr_only = "_sr_only_8wn1u_111";
|
|
92
|
+
const circular_progress = "_circular_progress_8wn1u_529";
|
|
93
|
+
const circle_border = "_circle_border_8wn1u_534";
|
|
94
|
+
const inner_circle = "_inner_circle_8wn1u_547";
|
|
95
|
+
const primary = "_primary_8wn1u_569";
|
|
96
|
+
const secondary = "_secondary_8wn1u_572";
|
|
97
|
+
const tertiary = "_tertiary_8wn1u_575";
|
|
98
|
+
const quaternary = "_quaternary_8wn1u_578";
|
|
99
|
+
const clear = "_clear_8wn1u_581";
|
|
100
|
+
const success = "_success_8wn1u_584";
|
|
101
|
+
const error = "_error_8wn1u_109";
|
|
102
|
+
const warning = "_warning_8wn1u_590";
|
|
103
|
+
const shadowNone = "_shadowNone_8wn1u_594";
|
|
104
|
+
const shadowLight = "_shadowLight_8wn1u_598";
|
|
105
|
+
const shadowMedium = "_shadowMedium_8wn1u_602";
|
|
106
|
+
const shadowStrong = "_shadowStrong_8wn1u_606";
|
|
107
|
+
const shadowIntense = "_shadowIntense_8wn1u_610";
|
|
108
|
+
const xs = "_xs_8wn1u_614";
|
|
109
|
+
const rating_text = "_rating_text_8wn1u_630";
|
|
110
|
+
const small = "_small_8wn1u_649";
|
|
111
|
+
const medium = "_medium_8wn1u_684";
|
|
112
|
+
const large = "_large_8wn1u_719";
|
|
113
|
+
const xl = "_xl_8wn1u_754";
|
|
114
|
+
const spin = "_spin_8wn1u_1";
|
|
115
|
+
const pulse = "_pulse_8wn1u_1";
|
|
116
116
|
const styles = {
|
|
117
117
|
noScroll,
|
|
118
118
|
errorMessage,
|
|
@@ -141,19 +141,19 @@ const styles = {
|
|
|
141
141
|
medium,
|
|
142
142
|
large,
|
|
143
143
|
xl,
|
|
144
|
-
"fade-in": "_fade-
|
|
145
|
-
"slide-up": "_slide-
|
|
146
|
-
"spin-3d": "_spin-
|
|
144
|
+
"fade-in": "_fade-in_8wn1u_1",
|
|
145
|
+
"slide-up": "_slide-up_8wn1u_1",
|
|
146
|
+
"spin-3d": "_spin-3d_8wn1u_1",
|
|
147
147
|
spin,
|
|
148
148
|
pulse,
|
|
149
|
-
"fade-in-up": "_fade-in-
|
|
150
|
-
"progress-grow": "_progress-
|
|
151
|
-
"indeterminate-move": "_indeterminate-
|
|
152
|
-
"skeleton-loading": "_skeleton-
|
|
149
|
+
"fade-in-up": "_fade-in-up_8wn1u_1",
|
|
150
|
+
"progress-grow": "_progress-grow_8wn1u_1",
|
|
151
|
+
"indeterminate-move": "_indeterminate-move_8wn1u_1",
|
|
152
|
+
"skeleton-loading": "_skeleton-loading_8wn1u_1"
|
|
153
153
|
};
|
|
154
154
|
const CircularProgress = (props) => /* @__PURE__ */ jsx(CircularProgressBase, { ...props, classMap: styles });
|
|
155
155
|
CircularProgress.displayName = "CircularProgress";
|
|
156
156
|
export {
|
|
157
157
|
CircularProgress as C
|
|
158
158
|
};
|
|
159
|
-
//# sourceMappingURL=CircularProgress-
|
|
159
|
+
//# sourceMappingURL=CircularProgress-CdvDDYyr.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CircularProgress-
|
|
1
|
+
{"version":3,"file":"CircularProgress-CdvDDYyr.js","sources":["../../src/components/CircularProgress/CircularProgressBase.tsx","../../src/components/CircularProgress/next/CircularProgress.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\r\nimport type { CircularProgressBaseProps } from \"./CircularProgress.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst getColor = (percent: number): string => {\r\n if (percent <= 0) return \"var(--background-color)\";\r\n if (percent <= 40) return \"var(--error-color)\";\r\n if (percent <= 70) return \"var(--warning-color)\";\r\n return \"var(--success-color)\";\r\n};\r\n\r\nconst CircularProgressBase: React.FC<CircularProgressBaseProps> = ({\r\n rating,\r\n min = 0,\r\n max = 100,\r\n label = \"Progress\",\r\n shadow = getDefaultShadow(),\r\n showRaw = false,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n className = \"\",\r\n classMap,\r\n \"data-testid\": testId = \"circular-progress\",\r\n}) => {\r\n const range = Math.max(0, max - min);\r\n const clamped = Math.min(max, Math.max(min, rating));\r\n const percent = range === 0 ? 0 : ((clamped - min) / range) * 100;\r\n\r\n const [displayPercent, setDisplayPercent] = useState(0);\r\n useEffect(() => {\r\n setDisplayPercent(Math.round(percent));\r\n }, [percent]);\r\n\r\n const progressColor =\r\n state && classMap[state] ? undefined : getColor(percent);\r\n\r\n const angle = Math.min(360, (percent / 100) * 360);\r\n\r\n const combinedClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.circular_progress,\r\n classMap[theme],\r\n classMap[size],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n className\r\n ),\r\n [classMap, theme, size, state, shadow, className]\r\n );\r\n\r\n const valueText = showRaw ? `${clamped}/${max}` : `${displayPercent}%`;\r\n\r\n return (\r\n <div\r\n className={combinedClassName}\r\n role=\"progressbar\"\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n aria-valuenow={clamped}\r\n aria-valuetext={valueText}\r\n aria-label={label}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={combineClassNames(\r\n classMap.circle_border,\r\n state && classMap[`state_${state}`]\r\n )}\r\n style={\r\n progressColor\r\n ? {\r\n background: `conic-gradient(\r\n ${progressColor} 0deg,\r\n ${progressColor} ${angle}deg,\r\n transparent ${angle}deg 360deg\r\n )`,\r\n }\r\n : undefined\r\n }\r\n >\r\n <div className={classMap.inner_circle}>\r\n <span\r\n className={classMap.rating_text}\r\n aria-live=\"polite\"\r\n aria-atomic=\"true\"\r\n >\r\n {valueText}\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nCircularProgressBase.displayName = \"CircularProgressBase\";\r\nexport default CircularProgressBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CircularProgressBase from \"../CircularProgressBase\";\r\nimport styles from \"./CircularProgress.module.scss\";\r\nimport { CircularProgressProps } from \"../CircularProgress.types\";\r\n\r\nconst CircularProgress: React.FC<CircularProgressProps> = (props) => (\r\n <CircularProgressBase {...props} classMap={styles} />\r\n);\r\nCircularProgress.displayName = \"CircularProgress\";\r\nexport default CircularProgress;\r\n"],"names":[],"mappings":";;;;;AAUA,MAAM,WAAW,CAAC,YAA4B;AAC5C,MAAI,WAAW,EAAG,QAAO;AACzB,MAAI,WAAW,GAAI,QAAO;AAC1B,MAAI,WAAW,GAAI,QAAO;AAC1B,SAAO;AACT;AAEA,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS,iBAAA;AAAA,EACT,UAAU;AAAA,EACV,OAAO,eAAA;AAAA,EACP,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,QAAQ,KAAK,IAAI,GAAG,MAAM,GAAG;AACnC,QAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC;AACnD,QAAM,UAAU,UAAU,IAAI,KAAM,UAAU,OAAO,QAAS;AAE9D,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,CAAC;AACtD,YAAU,MAAM;AACd,sBAAkB,KAAK,MAAM,OAAO,CAAC;AAAA,EACvC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,gBACJ,SAAS,SAAS,KAAK,IAAI,SAAY,SAAS,OAAO;AAEzD,QAAM,QAAQ,KAAK,IAAI,KAAM,UAAU,MAAO,GAAG;AAEjD,QAAM,oBAAoB;AAAA,IACxB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,MAAM,OAAO,QAAQ,SAAS;AAAA,EAAA;AAGlD,QAAM,YAAY,UAAU,GAAG,OAAO,IAAI,GAAG,KAAK,GAAG,cAAc;AAEnE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,kBAAgB;AAAA,MAChB,cAAY;AAAA,MACZ,eAAa;AAAA,MAEb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,YACT,SAAS;AAAA,YACT,SAAS,SAAS,SAAS,KAAK,EAAE;AAAA,UAAA;AAAA,UAEpC,OACE,gBACI;AAAA,YACE,YAAY;AAAA,oBACR,aAAa;AAAA,oBACb,aAAa,IAAI,KAAK;AAAA,gCACV,KAAK;AAAA;AAAA,UAAA,IAGvB;AAAA,UAGN,UAAA,oBAAC,OAAA,EAAI,WAAW,SAAS,cACvB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,SAAS;AAAA,cACpB,aAAU;AAAA,cACV,eAAY;AAAA,cAEX,UAAA;AAAA,YAAA;AAAA,UAAA,EACH,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEA,qBAAqB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/FnC,MAAM,mBAAoD,CAAC,UACzD,oBAAC,wBAAsB,GAAG,OAAO,UAAU,OAAA,CAAQ;AAErD,iBAAiB,cAAc;"}
|