boreal-ui 0.0.46 → 0.0.48
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/{Card-CbGHr_tX.js → Card-BzpcEKgi.js} +52 -7
- package/dist/core/Card-BzpcEKgi.js.map +1 -0
- package/dist/core/{Card-De2epy0R.cjs → Card-D6SI33n_.cjs} +52 -7
- package/dist/core/Card-D6SI33n_.cjs.map +1 -0
- package/dist/core/Card.cjs.js +1 -1
- package/dist/core/Card.js +1 -1
- package/dist/core/boreal-ui.css +897 -429
- package/dist/core/index.cjs.js +1 -1
- package/dist/core/index.js +1 -1
- package/dist/next/{Accordion-DY243Bq9.js → Accordion-CrUmV-HM.js} +50 -50
- package/dist/next/{Accordion-DY243Bq9.js.map → Accordion-CrUmV-HM.js.map} +1 -1
- package/dist/next/{Accordion-BPWTEHym.cjs → Accordion-ugkSb5dI.cjs} +50 -50
- package/dist/next/{Accordion-BPWTEHym.cjs.map → Accordion-ugkSb5dI.cjs.map} +1 -1
- package/dist/next/Accordion.cjs.js +1 -1
- package/dist/next/Accordion.js +1 -1
- package/dist/next/{Breadcrumbs-DsGClIKb.cjs → Breadcrumbs-CrKRsQf3.cjs} +2 -2
- package/dist/next/{Breadcrumbs-DsGClIKb.cjs.map → Breadcrumbs-CrKRsQf3.cjs.map} +1 -1
- package/dist/next/{Breadcrumbs-BbvkRUhf.js → Breadcrumbs-ZK64MIGd.js} +2 -2
- package/dist/next/{Breadcrumbs-BbvkRUhf.js.map → Breadcrumbs-ZK64MIGd.js.map} +1 -1
- package/dist/next/Breadcrumbs.cjs.js +1 -1
- package/dist/next/Breadcrumbs.js +1 -1
- package/dist/next/{Button-B1Fh4G0_.cjs → Button-BI0LErYM.cjs} +46 -46
- package/dist/next/{Button-B1Fh4G0_.cjs.map → Button-BI0LErYM.cjs.map} +1 -1
- package/dist/next/{Button-uZ3xTOOt.js → Button-qs4m4zx0.js} +46 -46
- package/dist/next/{Button-uZ3xTOOt.js.map → Button-qs4m4zx0.js.map} +1 -1
- package/dist/next/Button.cjs.js +1 -1
- package/dist/next/Button.js +1 -1
- package/dist/next/{Card-DtBEZZKo.cjs → Card-09MMj3o2.cjs} +114 -69
- package/dist/next/Card-09MMj3o2.cjs.map +1 -0
- package/dist/next/{Card-CBUZ2myq.js → Card-Btw1d4gS.js} +114 -69
- package/dist/next/Card-Btw1d4gS.js.map +1 -0
- 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-BJ0rBZLF.js → Checkbox-DBidsakA.js} +44 -44
- package/dist/next/{Checkbox-BJ0rBZLF.js.map → Checkbox-DBidsakA.js.map} +1 -1
- package/dist/next/{Checkbox-Ch7osD3y.cjs → Checkbox-hA321207.cjs} +44 -44
- package/dist/next/{Checkbox-Ch7osD3y.cjs.map → Checkbox-hA321207.cjs.map} +1 -1
- package/dist/next/{Chip-DRR-cqkp.cjs → Chip-BWTBVAIE.cjs} +50 -50
- package/dist/next/{Chip-DRR-cqkp.cjs.map → Chip-BWTBVAIE.cjs.map} +1 -1
- package/dist/next/{Chip-Be5EUH1C.js → Chip-D2mvW5L7.js} +50 -50
- package/dist/next/{Chip-Be5EUH1C.js.map → Chip-D2mvW5L7.js.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-BegWxawm.cjs} +37 -37
- package/dist/next/{CircularProgress-Cp2pGFmc.cjs.map → CircularProgress-BegWxawm.cjs.map} +1 -1
- package/dist/next/{CircularProgress-BUqdguII.js → CircularProgress-wBHZUhul.js} +37 -37
- package/dist/next/{CircularProgress-BUqdguII.js.map → CircularProgress-wBHZUhul.js.map} +1 -1
- package/dist/next/CircularProgress.cjs.js +1 -1
- package/dist/next/CircularProgress.js +1 -1
- package/dist/next/{ColorPicker-ChWOekWP.js → ColorPicker-Dd9iz-i8.js} +38 -38
- package/dist/next/{ColorPicker-ChWOekWP.js.map → ColorPicker-Dd9iz-i8.js.map} +1 -1
- package/dist/next/{ColorPicker-BHtO2mbU.cjs → ColorPicker-Tla92spe.cjs} +38 -38
- package/dist/next/{ColorPicker-BHtO2mbU.cjs.map → ColorPicker-Tla92spe.cjs.map} +1 -1
- package/dist/next/ColorPicker.cjs.js +1 -1
- package/dist/next/ColorPicker.js +1 -1
- package/dist/next/{CommandPalette-BjVJ7Nbm.cjs → CommandPalette-BO6R9zQs.cjs} +41 -41
- package/dist/next/{CommandPalette-BjVJ7Nbm.cjs.map → CommandPalette-BO6R9zQs.cjs.map} +1 -1
- package/dist/next/{CommandPalette--heYmAFP.js → CommandPalette-CN0BiN0R.js} +41 -41
- package/dist/next/{CommandPalette--heYmAFP.js.map → CommandPalette-CN0BiN0R.js.map} +1 -1
- package/dist/next/CommandPalette.cjs.js +1 -1
- package/dist/next/CommandPalette.js +1 -1
- package/dist/next/{DataTable-DQ1QRyZw.cjs → DataTable-CUJXAkHe.cjs} +40 -40
- package/dist/next/{DataTable-DQ1QRyZw.cjs.map → DataTable-CUJXAkHe.cjs.map} +1 -1
- package/dist/next/{DataTable-CnvOkZrU.js → DataTable-mMStogSP.js} +40 -40
- package/dist/next/{DataTable-CnvOkZrU.js.map → DataTable-mMStogSP.js.map} +1 -1
- package/dist/next/DataTable.cjs.js +1 -1
- package/dist/next/DataTable.js +1 -1
- package/dist/next/{DateTimePicker-IvBWNgkK.js → DateTimePicker-CphfYmZ8.js} +46 -46
- package/dist/next/{DateTimePicker-IvBWNgkK.js.map → DateTimePicker-CphfYmZ8.js.map} +1 -1
- package/dist/next/{DateTimePicker-2M4AJJXm.cjs → DateTimePicker-DwS2xQNw.cjs} +46 -46
- package/dist/next/{DateTimePicker-2M4AJJXm.cjs.map → DateTimePicker-DwS2xQNw.cjs.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-cx8e80sS.cjs} +28 -28
- package/dist/next/{Divider-ByDYa4v6.cjs.map → Divider-cx8e80sS.cjs.map} +1 -1
- package/dist/next/{Divider-BCCzNbAE.js → Divider-kiaQzYbi.js} +28 -28
- package/dist/next/{Divider-BCCzNbAE.js.map → Divider-kiaQzYbi.js.map} +1 -1
- package/dist/next/Divider.cjs.js +1 -1
- package/dist/next/Divider.js +1 -1
- package/dist/next/{EmptyState-BXPBiWSB.cjs → EmptyState-Bb90F-ej.cjs} +2 -2
- package/dist/next/{EmptyState-BXPBiWSB.cjs.map → EmptyState-Bb90F-ej.cjs.map} +1 -1
- package/dist/next/{EmptyState-BIDMx4a4.js → EmptyState-Brd4N36F.js} +2 -2
- package/dist/next/{EmptyState-BIDMx4a4.js.map → EmptyState-Brd4N36F.js.map} +1 -1
- package/dist/next/EmptyState.cjs.js +1 -1
- package/dist/next/EmptyState.js +1 -1
- package/dist/next/{FileUpload-DFhiesLM.js → FileUpload-BMMpH1El.js} +51 -51
- package/dist/next/{FileUpload-DFhiesLM.js.map → FileUpload-BMMpH1El.js.map} +1 -1
- package/dist/next/{FileUpload-CM6236DE.cjs → FileUpload-Drm5_xEx.cjs} +51 -51
- package/dist/next/{FileUpload-CM6236DE.cjs.map → FileUpload-Drm5_xEx.cjs.map} +1 -1
- package/dist/next/FileUpload.cjs.js +1 -1
- package/dist/next/FileUpload.js +1 -1
- package/dist/next/{Footer-tvOL2tDS.js → Footer-B6_LG958.js} +40 -40
- package/dist/next/{Footer-tvOL2tDS.js.map → Footer-B6_LG958.js.map} +1 -1
- package/dist/next/{Footer-BuPAIf5A.cjs → Footer-EF2-ryvY.cjs} +40 -40
- package/dist/next/{Footer-BuPAIf5A.cjs.map → Footer-EF2-ryvY.cjs.map} +1 -1
- package/dist/next/Footer.cjs.js +1 -1
- package/dist/next/Footer.js +1 -1
- package/dist/next/{FormGroup-U3EwnB0M.cjs → FormGroup-Bg2QlTu7.cjs} +30 -30
- package/dist/next/{FormGroup-U3EwnB0M.cjs.map → FormGroup-Bg2QlTu7.cjs.map} +1 -1
- package/dist/next/{FormGroup-QfUhtyhx.js → FormGroup-DmQChKxA.js} +30 -30
- package/dist/next/{FormGroup-QfUhtyhx.js.map → FormGroup-DmQChKxA.js.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-CqLFabp5.cjs → MessagePopup-DsquzWSn.cjs} +2 -2
- package/dist/next/{MessagePopup-CqLFabp5.cjs.map → MessagePopup-DsquzWSn.cjs.map} +1 -1
- package/dist/next/{MessagePopup-fyidnJOS.js → MessagePopup-WUBGyJ_F.js} +2 -2
- package/dist/next/{MessagePopup-fyidnJOS.js.map → MessagePopup-WUBGyJ_F.js.map} +1 -1
- package/dist/next/{MetricBox-BjdAzOrZ.js → MetricBox-C5KGkv7l.js} +47 -47
- package/dist/next/{MetricBox-BjdAzOrZ.js.map → MetricBox-C5KGkv7l.js.map} +1 -1
- package/dist/next/{MetricBox-C3B6Bkcb.cjs → MetricBox-D8eBxQ59.cjs} +47 -47
- package/dist/next/{MetricBox-C3B6Bkcb.cjs.map → MetricBox-D8eBxQ59.cjs.map} +1 -1
- package/dist/next/MetricBox.cjs.js +1 -1
- package/dist/next/MetricBox.js +1 -1
- package/dist/next/{NavBar-v_ckzQIo.js → NavBar-CmvgkEZt.js} +37 -37
- package/dist/next/{NavBar-v_ckzQIo.js.map → NavBar-CmvgkEZt.js.map} +1 -1
- package/dist/next/{NavBar-Ds_02bAe.cjs → NavBar-DVEf0iJH.cjs} +37 -37
- package/dist/next/{NavBar-Ds_02bAe.cjs.map → NavBar-DVEf0iJH.cjs.map} +1 -1
- package/dist/next/NavBar.cjs.js +1 -1
- package/dist/next/NavBar.js +1 -1
- package/dist/next/{NotificationCenter-5m57ahdP.cjs → NotificationCenter-CtL6rozQ.cjs} +42 -42
- package/dist/next/{NotificationCenter-5m57ahdP.cjs.map → NotificationCenter-CtL6rozQ.cjs.map} +1 -1
- package/dist/next/{NotificationCenter-CUTBk_oe.js → NotificationCenter-CtM10CVj.js} +42 -42
- package/dist/next/{NotificationCenter-CUTBk_oe.js.map → NotificationCenter-CtM10CVj.js.map} +1 -1
- package/dist/next/NotificationCenter.cjs.js +1 -1
- package/dist/next/NotificationCenter.js +1 -1
- package/dist/next/{Pager-sZUYcImi.cjs → Pager-Bxxewb8I.cjs} +2 -2
- package/dist/next/{Pager-sZUYcImi.cjs.map → Pager-Bxxewb8I.cjs.map} +1 -1
- package/dist/next/{Pager-Cug0N3GP.js → Pager-D0Mw7o7v.js} +2 -2
- package/dist/next/{Pager-Cug0N3GP.js.map → Pager-D0Mw7o7v.js.map} +1 -1
- package/dist/next/Pager.cjs.js +1 -1
- package/dist/next/Pager.js +1 -1
- package/dist/next/{PopOver-ixERZLpM.cjs → PopOver-gQfgHe9e.cjs} +40 -40
- package/dist/next/{PopOver-ixERZLpM.cjs.map → PopOver-gQfgHe9e.cjs.map} +1 -1
- package/dist/next/{PopOver-CmPp9PkL.js → PopOver-qSTx5y8g.js} +40 -40
- package/dist/next/{PopOver-CmPp9PkL.js.map → PopOver-qSTx5y8g.js.map} +1 -1
- package/dist/next/PopOver.cjs.js +1 -1
- package/dist/next/PopOver.js +1 -1
- package/dist/next/{ProgressBar-C6zKbiq5.cjs → ProgressBar-BMuv0kis.cjs} +42 -42
- package/dist/next/{ProgressBar-C6zKbiq5.cjs.map → ProgressBar-BMuv0kis.cjs.map} +1 -1
- package/dist/next/{ProgressBar-BoU2HJv3.js → ProgressBar-DuaWQouO.js} +42 -42
- package/dist/next/{ProgressBar-BoU2HJv3.js.map → ProgressBar-DuaWQouO.js.map} +1 -1
- package/dist/next/ProgressBar.cjs.js +1 -1
- package/dist/next/ProgressBar.js +1 -1
- package/dist/next/{RadioButton-C14Rsx9o.js → RadioButton-CEvIACkL.js} +38 -38
- package/dist/next/{RadioButton-C14Rsx9o.js.map → RadioButton-CEvIACkL.js.map} +1 -1
- package/dist/next/{RadioButton-BCu934Uo.cjs → RadioButton-D6oyNmVU.cjs} +38 -38
- package/dist/next/{RadioButton-BCu934Uo.cjs.map → RadioButton-D6oyNmVU.cjs.map} +1 -1
- package/dist/next/RadioButton.cjs.js +1 -1
- package/dist/next/RadioButton.js +1 -1
- package/dist/next/{Rating-C9BgQANc.cjs → Rating-BbqxsFU9.cjs} +34 -34
- package/dist/next/{Rating-C9BgQANc.cjs.map → Rating-BbqxsFU9.cjs.map} +1 -1
- package/dist/next/{Rating-aheV3uZJ.js → Rating-umLbRaAb.js} +34 -34
- package/dist/next/{Rating-aheV3uZJ.js.map → Rating-umLbRaAb.js.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-C6wW8eyR.cjs} +26 -26
- package/dist/next/{Skeleton-Dmz7m0dj.cjs.map → Skeleton-C6wW8eyR.cjs.map} +1 -1
- package/dist/next/{Skeleton-D8C29p3K.js → Skeleton-DC4LJ059.js} +26 -26
- package/dist/next/{Skeleton-D8C29p3K.js.map → Skeleton-DC4LJ059.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-g41Qvh6s.cjs} +43 -43
- package/dist/next/{Slider-DQM9nV1P.cjs.map → Slider-g41Qvh6s.cjs.map} +1 -1
- package/dist/next/{Slider-BOAgWYkH.js → Slider-wAbg8hOH.js} +43 -43
- package/dist/next/{Slider-BOAgWYkH.js.map → Slider-wAbg8hOH.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-D3OQ29U9.js} +37 -37
- package/dist/next/{Spinner-BFAOf4tt.js.map → Spinner-D3OQ29U9.js.map} +1 -1
- package/dist/next/{Spinner-0GZngKjG.cjs → Spinner-Y53Z6fwK.cjs} +37 -37
- package/dist/next/{Spinner-0GZngKjG.cjs.map → Spinner-Y53Z6fwK.cjs.map} +1 -1
- package/dist/next/Spinner.cjs.js +1 -1
- package/dist/next/Spinner.js +1 -1
- package/dist/next/{Stepper-DY95eGPo.js → Stepper-BvA_ZAho.js} +39 -39
- package/dist/next/{Stepper-DY95eGPo.js.map → Stepper-BvA_ZAho.js.map} +1 -1
- package/dist/next/{Stepper-CfWc5rhd.cjs → Stepper-D6X70Sr6.cjs} +39 -39
- package/dist/next/{Stepper-CfWc5rhd.cjs.map → Stepper-D6X70Sr6.cjs.map} +1 -1
- package/dist/next/Stepper.cjs.js +1 -1
- package/dist/next/Stepper.js +1 -1
- package/dist/next/{Tabs-DmrS_FUa.js → Tabs-Bur4oYVF.js} +44 -44
- package/dist/next/{Tabs-DmrS_FUa.js.map → Tabs-Bur4oYVF.js.map} +1 -1
- package/dist/next/{Tabs-D8Efg8wn.cjs → Tabs-D-5VRbfh.cjs} +44 -44
- package/dist/next/{Tabs-D8Efg8wn.cjs.map → Tabs-D-5VRbfh.cjs.map} +1 -1
- package/dist/next/Tabs.cjs.js +1 -1
- package/dist/next/Tabs.js +1 -1
- package/dist/next/{TagInput-CUK5umXl.js → TagInput-DKzxPiwU.js} +46 -46
- package/dist/next/{TagInput-CUK5umXl.js.map → TagInput-DKzxPiwU.js.map} +1 -1
- package/dist/next/{TagInput-B3SUHn0c.cjs → TagInput-DfNJiPKh.cjs} +46 -46
- package/dist/next/{TagInput-B3SUHn0c.cjs.map → TagInput-DfNJiPKh.cjs.map} +1 -1
- package/dist/next/TagInput.cjs.js +1 -1
- package/dist/next/TagInput.js +1 -1
- package/dist/next/{Toolbar-C45B_I44.cjs → Toolbar-PwnuYGDR.cjs} +34 -34
- package/dist/next/{Toolbar-C45B_I44.cjs.map → Toolbar-PwnuYGDR.cjs.map} +1 -1
- package/dist/next/{Toolbar-Dq1qqx4P.js → Toolbar-wbusnAUV.js} +34 -34
- package/dist/next/{Toolbar-Dq1qqx4P.js.map → Toolbar-wbusnAUV.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-DPFnMhUd.cjs} +39 -39
- package/dist/next/{Tooltip-BXd5FXXv.cjs.map → Tooltip-DPFnMhUd.cjs.map} +1 -1
- package/dist/next/{Tooltip-BHIA1zE1.js → Tooltip-_GVlUXAq.js} +39 -39
- package/dist/next/{Tooltip-BHIA1zE1.js.map → Tooltip-_GVlUXAq.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 +3123 -2751
- package/dist/next/index.cjs.js +56 -56
- package/dist/next/index.js +56 -56
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/Card/Card.types.d.ts +2 -1
- package/dist/types/components/Card/Card.types.d.ts.map +1 -1
- package/dist/types/components/Card/CardBase.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/core/Card-CbGHr_tX.js.map +0 -1
- package/dist/core/Card-De2epy0R.cjs.map +0 -1
- package/dist/next/Card-CBUZ2myq.js.map +0 -1
- package/dist/next/Card-DtBEZZKo.cjs.map +0 -1
|
@@ -110,48 +110,48 @@ const ChipBase = ({
|
|
|
110
110
|
return chipElement;
|
|
111
111
|
};
|
|
112
112
|
ChipBase.displayName = "ChipBase";
|
|
113
|
-
const noScroll = "
|
|
114
|
-
const errorMessage = "
|
|
115
|
-
const loadingContainer = "
|
|
116
|
-
const hideScrollbar = "
|
|
117
|
-
const sr_only = "
|
|
118
|
-
const chip = "
|
|
119
|
-
const roundNone = "
|
|
120
|
-
const roundSmall = "
|
|
121
|
-
const roundMedium = "
|
|
122
|
-
const roundLarge = "
|
|
123
|
-
const roundFull = "
|
|
124
|
-
const shadowNone = "
|
|
125
|
-
const shadowLight = "
|
|
126
|
-
const shadowMedium = "
|
|
127
|
-
const shadowStrong = "
|
|
128
|
-
const shadowIntense = "
|
|
129
|
-
const fixed = "
|
|
130
|
-
const fadeout = "
|
|
131
|
-
const topCenter = "
|
|
132
|
-
const bottomCenter = "
|
|
133
|
-
const topLeft = "
|
|
134
|
-
const topRight = "
|
|
135
|
-
const bottomLeft = "
|
|
136
|
-
const bottomRight = "
|
|
137
|
-
const primary = "
|
|
138
|
-
const secondary = "
|
|
139
|
-
const tertiary = "
|
|
140
|
-
const quaternary = "
|
|
141
|
-
const clear = "
|
|
142
|
-
const success = "
|
|
143
|
-
const error = "
|
|
144
|
-
const warning = "
|
|
145
|
-
const icon = "
|
|
146
|
-
const message = "
|
|
147
|
-
const icon_inner = "
|
|
148
|
-
const xs = "
|
|
149
|
-
const small = "
|
|
150
|
-
const medium = "
|
|
151
|
-
const large = "
|
|
152
|
-
const xl = "
|
|
153
|
-
const spin = "
|
|
154
|
-
const pulse = "
|
|
113
|
+
const noScroll = "_noScroll_112g5_108";
|
|
114
|
+
const errorMessage = "_errorMessage_112g5_109";
|
|
115
|
+
const loadingContainer = "_loadingContainer_112g5_110";
|
|
116
|
+
const hideScrollbar = "_hideScrollbar_112g5_102";
|
|
117
|
+
const sr_only = "_sr_only_112g5_111";
|
|
118
|
+
const chip = "_chip_112g5_552";
|
|
119
|
+
const roundNone = "_roundNone_112g5_579";
|
|
120
|
+
const roundSmall = "_roundSmall_112g5_582";
|
|
121
|
+
const roundMedium = "_roundMedium_112g5_585";
|
|
122
|
+
const roundLarge = "_roundLarge_112g5_588";
|
|
123
|
+
const roundFull = "_roundFull_112g5_591";
|
|
124
|
+
const shadowNone = "_shadowNone_112g5_594";
|
|
125
|
+
const shadowLight = "_shadowLight_112g5_597";
|
|
126
|
+
const shadowMedium = "_shadowMedium_112g5_600";
|
|
127
|
+
const shadowStrong = "_shadowStrong_112g5_603";
|
|
128
|
+
const shadowIntense = "_shadowIntense_112g5_606";
|
|
129
|
+
const fixed = "_fixed_112g5_614";
|
|
130
|
+
const fadeout = "_fadeout_112g5_620";
|
|
131
|
+
const topCenter = "_topCenter_112g5_625";
|
|
132
|
+
const bottomCenter = "_bottomCenter_112g5_629";
|
|
133
|
+
const topLeft = "_topLeft_112g5_633";
|
|
134
|
+
const topRight = "_topRight_112g5_639";
|
|
135
|
+
const bottomLeft = "_bottomLeft_112g5_646";
|
|
136
|
+
const bottomRight = "_bottomRight_112g5_652";
|
|
137
|
+
const primary = "_primary_112g5_659";
|
|
138
|
+
const secondary = "_secondary_112g5_669";
|
|
139
|
+
const tertiary = "_tertiary_112g5_679";
|
|
140
|
+
const quaternary = "_quaternary_112g5_689";
|
|
141
|
+
const clear = "_clear_112g5_699";
|
|
142
|
+
const success = "_success_112g5_709";
|
|
143
|
+
const error = "_error_112g5_109";
|
|
144
|
+
const warning = "_warning_112g5_729";
|
|
145
|
+
const icon = "_icon_112g5_739";
|
|
146
|
+
const message = "_message_112g5_756";
|
|
147
|
+
const icon_inner = "_icon_inner_112g5_771";
|
|
148
|
+
const xs = "_xs_112g5_776";
|
|
149
|
+
const small = "_small_112g5_804";
|
|
150
|
+
const medium = "_medium_112g5_832";
|
|
151
|
+
const large = "_large_112g5_859";
|
|
152
|
+
const xl = "_xl_112g5_886";
|
|
153
|
+
const spin = "_spin_112g5_1";
|
|
154
|
+
const pulse = "_pulse_112g5_1";
|
|
155
155
|
const styles = {
|
|
156
156
|
noScroll,
|
|
157
157
|
errorMessage,
|
|
@@ -159,7 +159,7 @@ const styles = {
|
|
|
159
159
|
hideScrollbar,
|
|
160
160
|
sr_only,
|
|
161
161
|
chip,
|
|
162
|
-
"fade-in": "_fade-
|
|
162
|
+
"fade-in": "_fade-in_112g5_1",
|
|
163
163
|
roundNone,
|
|
164
164
|
roundSmall,
|
|
165
165
|
roundMedium,
|
|
@@ -194,14 +194,14 @@ const styles = {
|
|
|
194
194
|
medium,
|
|
195
195
|
large,
|
|
196
196
|
xl,
|
|
197
|
-
"slide-up": "_slide-
|
|
198
|
-
"spin-3d": "_spin-
|
|
197
|
+
"slide-up": "_slide-up_112g5_1",
|
|
198
|
+
"spin-3d": "_spin-3d_112g5_1",
|
|
199
199
|
spin,
|
|
200
200
|
pulse,
|
|
201
|
-
"fade-in-up": "_fade-in-
|
|
202
|
-
"progress-grow": "_progress-
|
|
203
|
-
"indeterminate-move": "_indeterminate-
|
|
204
|
-
"skeleton-loading": "_skeleton-
|
|
201
|
+
"fade-in-up": "_fade-in-up_112g5_1",
|
|
202
|
+
"progress-grow": "_progress-grow_112g5_1",
|
|
203
|
+
"indeterminate-move": "_indeterminate-move_112g5_1",
|
|
204
|
+
"skeleton-loading": "_skeleton-loading_112g5_1"
|
|
205
205
|
};
|
|
206
206
|
const Chip = (props) => /* @__PURE__ */ require$$2.jsx(
|
|
207
207
|
ChipBase,
|
|
@@ -214,4 +214,4 @@ const Chip = (props) => /* @__PURE__ */ require$$2.jsx(
|
|
|
214
214
|
);
|
|
215
215
|
Chip.displayName = "Chip";
|
|
216
216
|
exports.Chip = Chip;
|
|
217
|
-
//# sourceMappingURL=Chip-
|
|
217
|
+
//# sourceMappingURL=Chip-BWTBVAIE.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip-
|
|
1
|
+
{"version":3,"file":"Chip-BWTBVAIE.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":"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"}
|
|
@@ -109,48 +109,48 @@ const ChipBase = ({
|
|
|
109
109
|
return chipElement;
|
|
110
110
|
};
|
|
111
111
|
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 = "
|
|
112
|
+
const noScroll = "_noScroll_112g5_108";
|
|
113
|
+
const errorMessage = "_errorMessage_112g5_109";
|
|
114
|
+
const loadingContainer = "_loadingContainer_112g5_110";
|
|
115
|
+
const hideScrollbar = "_hideScrollbar_112g5_102";
|
|
116
|
+
const sr_only = "_sr_only_112g5_111";
|
|
117
|
+
const chip = "_chip_112g5_552";
|
|
118
|
+
const roundNone = "_roundNone_112g5_579";
|
|
119
|
+
const roundSmall = "_roundSmall_112g5_582";
|
|
120
|
+
const roundMedium = "_roundMedium_112g5_585";
|
|
121
|
+
const roundLarge = "_roundLarge_112g5_588";
|
|
122
|
+
const roundFull = "_roundFull_112g5_591";
|
|
123
|
+
const shadowNone = "_shadowNone_112g5_594";
|
|
124
|
+
const shadowLight = "_shadowLight_112g5_597";
|
|
125
|
+
const shadowMedium = "_shadowMedium_112g5_600";
|
|
126
|
+
const shadowStrong = "_shadowStrong_112g5_603";
|
|
127
|
+
const shadowIntense = "_shadowIntense_112g5_606";
|
|
128
|
+
const fixed = "_fixed_112g5_614";
|
|
129
|
+
const fadeout = "_fadeout_112g5_620";
|
|
130
|
+
const topCenter = "_topCenter_112g5_625";
|
|
131
|
+
const bottomCenter = "_bottomCenter_112g5_629";
|
|
132
|
+
const topLeft = "_topLeft_112g5_633";
|
|
133
|
+
const topRight = "_topRight_112g5_639";
|
|
134
|
+
const bottomLeft = "_bottomLeft_112g5_646";
|
|
135
|
+
const bottomRight = "_bottomRight_112g5_652";
|
|
136
|
+
const primary = "_primary_112g5_659";
|
|
137
|
+
const secondary = "_secondary_112g5_669";
|
|
138
|
+
const tertiary = "_tertiary_112g5_679";
|
|
139
|
+
const quaternary = "_quaternary_112g5_689";
|
|
140
|
+
const clear = "_clear_112g5_699";
|
|
141
|
+
const success = "_success_112g5_709";
|
|
142
|
+
const error = "_error_112g5_109";
|
|
143
|
+
const warning = "_warning_112g5_729";
|
|
144
|
+
const icon = "_icon_112g5_739";
|
|
145
|
+
const message = "_message_112g5_756";
|
|
146
|
+
const icon_inner = "_icon_inner_112g5_771";
|
|
147
|
+
const xs = "_xs_112g5_776";
|
|
148
|
+
const small = "_small_112g5_804";
|
|
149
|
+
const medium = "_medium_112g5_832";
|
|
150
|
+
const large = "_large_112g5_859";
|
|
151
|
+
const xl = "_xl_112g5_886";
|
|
152
|
+
const spin = "_spin_112g5_1";
|
|
153
|
+
const pulse = "_pulse_112g5_1";
|
|
154
154
|
const styles = {
|
|
155
155
|
noScroll,
|
|
156
156
|
errorMessage,
|
|
@@ -158,7 +158,7 @@ const styles = {
|
|
|
158
158
|
hideScrollbar,
|
|
159
159
|
sr_only,
|
|
160
160
|
chip,
|
|
161
|
-
"fade-in": "_fade-
|
|
161
|
+
"fade-in": "_fade-in_112g5_1",
|
|
162
162
|
roundNone,
|
|
163
163
|
roundSmall,
|
|
164
164
|
roundMedium,
|
|
@@ -193,14 +193,14 @@ const styles = {
|
|
|
193
193
|
medium,
|
|
194
194
|
large,
|
|
195
195
|
xl,
|
|
196
|
-
"slide-up": "_slide-
|
|
197
|
-
"spin-3d": "_spin-
|
|
196
|
+
"slide-up": "_slide-up_112g5_1",
|
|
197
|
+
"spin-3d": "_spin-3d_112g5_1",
|
|
198
198
|
spin,
|
|
199
199
|
pulse,
|
|
200
|
-
"fade-in-up": "_fade-in-
|
|
201
|
-
"progress-grow": "_progress-
|
|
202
|
-
"indeterminate-move": "_indeterminate-
|
|
203
|
-
"skeleton-loading": "_skeleton-
|
|
200
|
+
"fade-in-up": "_fade-in-up_112g5_1",
|
|
201
|
+
"progress-grow": "_progress-grow_112g5_1",
|
|
202
|
+
"indeterminate-move": "_indeterminate-move_112g5_1",
|
|
203
|
+
"skeleton-loading": "_skeleton-loading_112g5_1"
|
|
204
204
|
};
|
|
205
205
|
const Chip = (props) => /* @__PURE__ */ jsx(
|
|
206
206
|
ChipBase,
|
|
@@ -215,4 +215,4 @@ Chip.displayName = "Chip";
|
|
|
215
215
|
export {
|
|
216
216
|
Chip as C
|
|
217
217
|
};
|
|
218
|
-
//# sourceMappingURL=Chip-
|
|
218
|
+
//# sourceMappingURL=Chip-D2mvW5L7.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip-
|
|
1
|
+
{"version":3,"file":"Chip-D2mvW5L7.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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"}
|
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_1obk4_108";
|
|
89
|
+
const errorMessage = "_errorMessage_1obk4_109";
|
|
90
|
+
const loadingContainer = "_loadingContainer_1obk4_110";
|
|
91
|
+
const hideScrollbar = "_hideScrollbar_1obk4_102";
|
|
92
|
+
const sr_only = "_sr_only_1obk4_111";
|
|
93
|
+
const circular_progress = "_circular_progress_1obk4_552";
|
|
94
|
+
const circle_border = "_circle_border_1obk4_557";
|
|
95
|
+
const inner_circle = "_inner_circle_1obk4_570";
|
|
96
|
+
const primary = "_primary_1obk4_592";
|
|
97
|
+
const secondary = "_secondary_1obk4_595";
|
|
98
|
+
const tertiary = "_tertiary_1obk4_598";
|
|
99
|
+
const quaternary = "_quaternary_1obk4_601";
|
|
100
|
+
const clear = "_clear_1obk4_604";
|
|
101
|
+
const success = "_success_1obk4_607";
|
|
102
|
+
const error = "_error_1obk4_109";
|
|
103
|
+
const warning = "_warning_1obk4_613";
|
|
104
|
+
const shadowNone = "_shadowNone_1obk4_617";
|
|
105
|
+
const shadowLight = "_shadowLight_1obk4_621";
|
|
106
|
+
const shadowMedium = "_shadowMedium_1obk4_625";
|
|
107
|
+
const shadowStrong = "_shadowStrong_1obk4_629";
|
|
108
|
+
const shadowIntense = "_shadowIntense_1obk4_633";
|
|
109
|
+
const xs = "_xs_1obk4_637";
|
|
110
|
+
const rating_text = "_rating_text_1obk4_653";
|
|
111
|
+
const small = "_small_1obk4_672";
|
|
112
|
+
const medium = "_medium_1obk4_707";
|
|
113
|
+
const large = "_large_1obk4_742";
|
|
114
|
+
const xl = "_xl_1obk4_777";
|
|
115
|
+
const spin = "_spin_1obk4_1";
|
|
116
|
+
const pulse = "_pulse_1obk4_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_1obk4_1",
|
|
146
|
+
"slide-up": "_slide-up_1obk4_1",
|
|
147
|
+
"spin-3d": "_spin-3d_1obk4_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_1obk4_1",
|
|
151
|
+
"progress-grow": "_progress-grow_1obk4_1",
|
|
152
|
+
"indeterminate-move": "_indeterminate-move_1obk4_1",
|
|
153
|
+
"skeleton-loading": "_skeleton-loading_1obk4_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-BegWxawm.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CircularProgress-
|
|
1
|
+
{"version":3,"file":"CircularProgress-BegWxawm.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_1obk4_108";
|
|
88
|
+
const errorMessage = "_errorMessage_1obk4_109";
|
|
89
|
+
const loadingContainer = "_loadingContainer_1obk4_110";
|
|
90
|
+
const hideScrollbar = "_hideScrollbar_1obk4_102";
|
|
91
|
+
const sr_only = "_sr_only_1obk4_111";
|
|
92
|
+
const circular_progress = "_circular_progress_1obk4_552";
|
|
93
|
+
const circle_border = "_circle_border_1obk4_557";
|
|
94
|
+
const inner_circle = "_inner_circle_1obk4_570";
|
|
95
|
+
const primary = "_primary_1obk4_592";
|
|
96
|
+
const secondary = "_secondary_1obk4_595";
|
|
97
|
+
const tertiary = "_tertiary_1obk4_598";
|
|
98
|
+
const quaternary = "_quaternary_1obk4_601";
|
|
99
|
+
const clear = "_clear_1obk4_604";
|
|
100
|
+
const success = "_success_1obk4_607";
|
|
101
|
+
const error = "_error_1obk4_109";
|
|
102
|
+
const warning = "_warning_1obk4_613";
|
|
103
|
+
const shadowNone = "_shadowNone_1obk4_617";
|
|
104
|
+
const shadowLight = "_shadowLight_1obk4_621";
|
|
105
|
+
const shadowMedium = "_shadowMedium_1obk4_625";
|
|
106
|
+
const shadowStrong = "_shadowStrong_1obk4_629";
|
|
107
|
+
const shadowIntense = "_shadowIntense_1obk4_633";
|
|
108
|
+
const xs = "_xs_1obk4_637";
|
|
109
|
+
const rating_text = "_rating_text_1obk4_653";
|
|
110
|
+
const small = "_small_1obk4_672";
|
|
111
|
+
const medium = "_medium_1obk4_707";
|
|
112
|
+
const large = "_large_1obk4_742";
|
|
113
|
+
const xl = "_xl_1obk4_777";
|
|
114
|
+
const spin = "_spin_1obk4_1";
|
|
115
|
+
const pulse = "_pulse_1obk4_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_1obk4_1",
|
|
145
|
+
"slide-up": "_slide-up_1obk4_1",
|
|
146
|
+
"spin-3d": "_spin-3d_1obk4_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_1obk4_1",
|
|
150
|
+
"progress-grow": "_progress-grow_1obk4_1",
|
|
151
|
+
"indeterminate-move": "_indeterminate-move_1obk4_1",
|
|
152
|
+
"skeleton-loading": "_skeleton-loading_1obk4_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-wBHZUhul.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CircularProgress-
|
|
1
|
+
{"version":3,"file":"CircularProgress-wBHZUhul.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;"}
|