boreal-ui 0.0.47 → 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 -0
- package/dist/core/index.cjs.js +1 -1
- package/dist/core/index.js +1 -1
- package/dist/next/{Accordion-CFb5G7Ql.js → Accordion-CrUmV-HM.js} +50 -50
- package/dist/next/{Accordion-CFb5G7Ql.js.map → Accordion-CrUmV-HM.js.map} +1 -1
- package/dist/next/{Accordion-BvcUpiD3.cjs → Accordion-ugkSb5dI.cjs} +50 -50
- package/dist/next/{Accordion-BvcUpiD3.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-D5wEf2-N.cjs → Breadcrumbs-CrKRsQf3.cjs} +2 -2
- package/dist/next/{Breadcrumbs-D5wEf2-N.cjs.map → Breadcrumbs-CrKRsQf3.cjs.map} +1 -1
- package/dist/next/{Breadcrumbs-DZpS-GOj.js → Breadcrumbs-ZK64MIGd.js} +2 -2
- package/dist/next/{Breadcrumbs-DZpS-GOj.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-Cyq8lKKp.cjs → Button-BI0LErYM.cjs} +46 -46
- package/dist/next/{Button-Cyq8lKKp.cjs.map → Button-BI0LErYM.cjs.map} +1 -1
- package/dist/next/{Button-CQUqfv7B.js → Button-qs4m4zx0.js} +46 -46
- package/dist/next/{Button-CQUqfv7B.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-D2vuSJt0.cjs → Card-09MMj3o2.cjs} +114 -69
- package/dist/next/Card-09MMj3o2.cjs.map +1 -0
- package/dist/next/{Card-CtUR7xR3.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-dANi8BjQ.js → Checkbox-DBidsakA.js} +44 -44
- package/dist/next/{Checkbox-dANi8BjQ.js.map → Checkbox-DBidsakA.js.map} +1 -1
- package/dist/next/{Checkbox-SXo9UmNY.cjs → Checkbox-hA321207.cjs} +44 -44
- package/dist/next/{Checkbox-SXo9UmNY.cjs.map → Checkbox-hA321207.cjs.map} +1 -1
- package/dist/next/{Chip-BYWlOMgj.cjs → Chip-BWTBVAIE.cjs} +50 -50
- package/dist/next/{Chip-BYWlOMgj.cjs.map → Chip-BWTBVAIE.cjs.map} +1 -1
- package/dist/next/{Chip-B3bTVcNN.js → Chip-D2mvW5L7.js} +50 -50
- package/dist/next/{Chip-B3bTVcNN.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-6fmyMX4y.cjs → CircularProgress-BegWxawm.cjs} +37 -37
- package/dist/next/{CircularProgress-6fmyMX4y.cjs.map → CircularProgress-BegWxawm.cjs.map} +1 -1
- package/dist/next/{CircularProgress-CdvDDYyr.js → CircularProgress-wBHZUhul.js} +37 -37
- package/dist/next/{CircularProgress-CdvDDYyr.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-DhQJXU30.js → ColorPicker-Dd9iz-i8.js} +38 -38
- package/dist/next/{ColorPicker-DhQJXU30.js.map → ColorPicker-Dd9iz-i8.js.map} +1 -1
- package/dist/next/{ColorPicker-DUYMHTpF.cjs → ColorPicker-Tla92spe.cjs} +38 -38
- package/dist/next/{ColorPicker-DUYMHTpF.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-GmgyP8kF.cjs → CommandPalette-BO6R9zQs.cjs} +41 -41
- package/dist/next/{CommandPalette-GmgyP8kF.cjs.map → CommandPalette-BO6R9zQs.cjs.map} +1 -1
- package/dist/next/{CommandPalette-Bzqc18YQ.js → CommandPalette-CN0BiN0R.js} +41 -41
- package/dist/next/{CommandPalette-Bzqc18YQ.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-Cy3GLZ1j.cjs → DataTable-CUJXAkHe.cjs} +40 -40
- package/dist/next/{DataTable-Cy3GLZ1j.cjs.map → DataTable-CUJXAkHe.cjs.map} +1 -1
- package/dist/next/{DataTable-BoXblTGY.js → DataTable-mMStogSP.js} +40 -40
- package/dist/next/{DataTable-BoXblTGY.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-i4QztkDP.js → DateTimePicker-CphfYmZ8.js} +46 -46
- package/dist/next/{DateTimePicker-i4QztkDP.js.map → DateTimePicker-CphfYmZ8.js.map} +1 -1
- package/dist/next/{DateTimePicker-DYXQLrAL.cjs → DateTimePicker-DwS2xQNw.cjs} +46 -46
- package/dist/next/{DateTimePicker-DYXQLrAL.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-BAAb-2rY.cjs → Divider-cx8e80sS.cjs} +28 -28
- package/dist/next/{Divider-BAAb-2rY.cjs.map → Divider-cx8e80sS.cjs.map} +1 -1
- package/dist/next/{Divider-O6G6kig_.js → Divider-kiaQzYbi.js} +28 -28
- package/dist/next/{Divider-O6G6kig_.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-CU6_e2Yr.cjs → EmptyState-Bb90F-ej.cjs} +2 -2
- package/dist/next/{EmptyState-CU6_e2Yr.cjs.map → EmptyState-Bb90F-ej.cjs.map} +1 -1
- package/dist/next/{EmptyState-Cbj1OIeQ.js → EmptyState-Brd4N36F.js} +2 -2
- package/dist/next/{EmptyState-Cbj1OIeQ.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-CNxWsESt.js → FileUpload-BMMpH1El.js} +51 -51
- package/dist/next/{FileUpload-CNxWsESt.js.map → FileUpload-BMMpH1El.js.map} +1 -1
- package/dist/next/{FileUpload-D43mGC5b.cjs → FileUpload-Drm5_xEx.cjs} +51 -51
- package/dist/next/{FileUpload-D43mGC5b.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-CJ19dLJ4.js → Footer-B6_LG958.js} +40 -40
- package/dist/next/{Footer-CJ19dLJ4.js.map → Footer-B6_LG958.js.map} +1 -1
- package/dist/next/{Footer-haPH23Rz.cjs → Footer-EF2-ryvY.cjs} +40 -40
- package/dist/next/{Footer-haPH23Rz.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-mHF2j4h8.cjs → FormGroup-Bg2QlTu7.cjs} +30 -30
- package/dist/next/{FormGroup-mHF2j4h8.cjs.map → FormGroup-Bg2QlTu7.cjs.map} +1 -1
- package/dist/next/{FormGroup-B_b5tAwN.js → FormGroup-DmQChKxA.js} +30 -30
- package/dist/next/{FormGroup-B_b5tAwN.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-C08ktRPS.cjs → MessagePopup-DsquzWSn.cjs} +2 -2
- package/dist/next/{MessagePopup-C08ktRPS.cjs.map → MessagePopup-DsquzWSn.cjs.map} +1 -1
- package/dist/next/{MessagePopup-BHMymhHd.js → MessagePopup-WUBGyJ_F.js} +2 -2
- package/dist/next/{MessagePopup-BHMymhHd.js.map → MessagePopup-WUBGyJ_F.js.map} +1 -1
- package/dist/next/{MetricBox-Cc5g8SBy.js → MetricBox-C5KGkv7l.js} +47 -47
- package/dist/next/{MetricBox-Cc5g8SBy.js.map → MetricBox-C5KGkv7l.js.map} +1 -1
- package/dist/next/{MetricBox-BDC6UsP1.cjs → MetricBox-D8eBxQ59.cjs} +47 -47
- package/dist/next/{MetricBox-BDC6UsP1.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-BZPUPeLz.js → NavBar-CmvgkEZt.js} +37 -37
- package/dist/next/{NavBar-BZPUPeLz.js.map → NavBar-CmvgkEZt.js.map} +1 -1
- package/dist/next/{NavBar-DYUpzh7o.cjs → NavBar-DVEf0iJH.cjs} +37 -37
- package/dist/next/{NavBar-DYUpzh7o.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-ClijzbwL.cjs → NotificationCenter-CtL6rozQ.cjs} +42 -42
- package/dist/next/{NotificationCenter-ClijzbwL.cjs.map → NotificationCenter-CtL6rozQ.cjs.map} +1 -1
- package/dist/next/{NotificationCenter-C00Gj6Xv.js → NotificationCenter-CtM10CVj.js} +42 -42
- package/dist/next/{NotificationCenter-C00Gj6Xv.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-C1rpRIOe.cjs → Pager-Bxxewb8I.cjs} +2 -2
- package/dist/next/{Pager-C1rpRIOe.cjs.map → Pager-Bxxewb8I.cjs.map} +1 -1
- package/dist/next/{Pager-DzEFxEIM.js → Pager-D0Mw7o7v.js} +2 -2
- package/dist/next/{Pager-DzEFxEIM.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-J5eO0UOr.cjs → PopOver-gQfgHe9e.cjs} +40 -40
- package/dist/next/{PopOver-J5eO0UOr.cjs.map → PopOver-gQfgHe9e.cjs.map} +1 -1
- package/dist/next/{PopOver-DFjt5BfD.js → PopOver-qSTx5y8g.js} +40 -40
- package/dist/next/{PopOver-DFjt5BfD.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-lOd0cGdF.cjs → ProgressBar-BMuv0kis.cjs} +42 -42
- package/dist/next/{ProgressBar-lOd0cGdF.cjs.map → ProgressBar-BMuv0kis.cjs.map} +1 -1
- package/dist/next/{ProgressBar-hpSJQWrn.js → ProgressBar-DuaWQouO.js} +42 -42
- package/dist/next/{ProgressBar-hpSJQWrn.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-UlG9lzwh.js → RadioButton-CEvIACkL.js} +38 -38
- package/dist/next/{RadioButton-UlG9lzwh.js.map → RadioButton-CEvIACkL.js.map} +1 -1
- package/dist/next/{RadioButton-DkeBXAsO.cjs → RadioButton-D6oyNmVU.cjs} +38 -38
- package/dist/next/{RadioButton-DkeBXAsO.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-BuPujSZA.cjs → Rating-BbqxsFU9.cjs} +34 -34
- package/dist/next/{Rating-BuPujSZA.cjs.map → Rating-BbqxsFU9.cjs.map} +1 -1
- package/dist/next/{Rating-BhZSzD7o.js → Rating-umLbRaAb.js} +34 -34
- package/dist/next/{Rating-BhZSzD7o.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-Cp1BE2Ac.cjs → Skeleton-C6wW8eyR.cjs} +26 -26
- package/dist/next/{Skeleton-Cp1BE2Ac.cjs.map → Skeleton-C6wW8eyR.cjs.map} +1 -1
- package/dist/next/{Skeleton-KKJc191y.js → Skeleton-DC4LJ059.js} +26 -26
- package/dist/next/{Skeleton-KKJc191y.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-BK-N-zXi.cjs → Slider-g41Qvh6s.cjs} +43 -43
- package/dist/next/{Slider-BK-N-zXi.cjs.map → Slider-g41Qvh6s.cjs.map} +1 -1
- package/dist/next/{Slider-BvcM4-MS.js → Slider-wAbg8hOH.js} +43 -43
- package/dist/next/{Slider-BvcM4-MS.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-Dh8iu4p8.js → Spinner-D3OQ29U9.js} +37 -37
- package/dist/next/{Spinner-Dh8iu4p8.js.map → Spinner-D3OQ29U9.js.map} +1 -1
- package/dist/next/{Spinner-DqTR9rvk.cjs → Spinner-Y53Z6fwK.cjs} +37 -37
- package/dist/next/{Spinner-DqTR9rvk.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-nRipbdpR.js → Stepper-BvA_ZAho.js} +39 -39
- package/dist/next/{Stepper-nRipbdpR.js.map → Stepper-BvA_ZAho.js.map} +1 -1
- package/dist/next/{Stepper-RjdxxcS6.cjs → Stepper-D6X70Sr6.cjs} +39 -39
- package/dist/next/{Stepper-RjdxxcS6.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-D90stLbD.js → Tabs-Bur4oYVF.js} +44 -44
- package/dist/next/{Tabs-D90stLbD.js.map → Tabs-Bur4oYVF.js.map} +1 -1
- package/dist/next/{Tabs-BgKvtbgg.cjs → Tabs-D-5VRbfh.cjs} +44 -44
- package/dist/next/{Tabs-BgKvtbgg.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-I9GEOn4z.js → TagInput-DKzxPiwU.js} +46 -46
- package/dist/next/{TagInput-I9GEOn4z.js.map → TagInput-DKzxPiwU.js.map} +1 -1
- package/dist/next/{TagInput-C7ohFpQN.cjs → TagInput-DfNJiPKh.cjs} +46 -46
- package/dist/next/{TagInput-C7ohFpQN.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-B043HxPz.cjs → Toolbar-PwnuYGDR.cjs} +34 -34
- package/dist/next/{Toolbar-B043HxPz.cjs.map → Toolbar-PwnuYGDR.cjs.map} +1 -1
- package/dist/next/{Toolbar-DJ2eWNqF.js → Toolbar-wbusnAUV.js} +34 -34
- package/dist/next/{Toolbar-DJ2eWNqF.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-BAv_JHBJ.cjs → Tooltip-DPFnMhUd.cjs} +39 -39
- package/dist/next/{Tooltip-BAv_JHBJ.cjs.map → Tooltip-DPFnMhUd.cjs.map} +1 -1
- package/dist/next/{Tooltip-BCtlhs_A.js → Tooltip-_GVlUXAq.js} +39 -39
- package/dist/next/{Tooltip-BCtlhs_A.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 -2410
- 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-CtUR7xR3.js.map +0 -1
- package/dist/next/Card-D2vuSJt0.cjs.map +0 -1
|
@@ -140,32 +140,32 @@ const BaseRating = ({
|
|
|
140
140
|
] });
|
|
141
141
|
};
|
|
142
142
|
BaseRating.displayName = "BaseRating";
|
|
143
|
-
const noScroll = "
|
|
144
|
-
const errorMessage = "
|
|
145
|
-
const loadingContainer = "
|
|
146
|
-
const hideScrollbar = "
|
|
147
|
-
const sr_only = "
|
|
148
|
-
const container = "
|
|
149
|
-
const wrapper = "
|
|
150
|
-
const xs = "
|
|
151
|
-
const small = "
|
|
152
|
-
const medium = "
|
|
153
|
-
const large = "
|
|
154
|
-
const xl = "
|
|
155
|
-
const label = "
|
|
156
|
-
const star = "
|
|
157
|
-
const active = "
|
|
158
|
-
const interactive = "
|
|
159
|
-
const primary = "
|
|
160
|
-
const secondary = "
|
|
161
|
-
const tertiary = "
|
|
162
|
-
const quaternary = "
|
|
163
|
-
const clear = "
|
|
164
|
-
const success = "
|
|
165
|
-
const error = "
|
|
166
|
-
const warning = "
|
|
167
|
-
const spin = "
|
|
168
|
-
const pulse = "
|
|
143
|
+
const noScroll = "_noScroll_yzj67_108";
|
|
144
|
+
const errorMessage = "_errorMessage_yzj67_109";
|
|
145
|
+
const loadingContainer = "_loadingContainer_yzj67_110";
|
|
146
|
+
const hideScrollbar = "_hideScrollbar_yzj67_102";
|
|
147
|
+
const sr_only = "_sr_only_yzj67_111";
|
|
148
|
+
const container = "_container_yzj67_552";
|
|
149
|
+
const wrapper = "_wrapper_yzj67_568";
|
|
150
|
+
const xs = "_xs_yzj67_583";
|
|
151
|
+
const small = "_small_yzj67_591";
|
|
152
|
+
const medium = "_medium_yzj67_599";
|
|
153
|
+
const large = "_large_yzj67_607";
|
|
154
|
+
const xl = "_xl_yzj67_615";
|
|
155
|
+
const label = "_label_yzj67_624";
|
|
156
|
+
const star = "_star_yzj67_643";
|
|
157
|
+
const active = "_active_yzj67_664";
|
|
158
|
+
const interactive = "_interactive_yzj67_668";
|
|
159
|
+
const primary = "_primary_yzj67_689";
|
|
160
|
+
const secondary = "_secondary_yzj67_693";
|
|
161
|
+
const tertiary = "_tertiary_yzj67_697";
|
|
162
|
+
const quaternary = "_quaternary_yzj67_701";
|
|
163
|
+
const clear = "_clear_yzj67_705";
|
|
164
|
+
const success = "_success_yzj67_709";
|
|
165
|
+
const error = "_error_yzj67_109";
|
|
166
|
+
const warning = "_warning_yzj67_717";
|
|
167
|
+
const spin = "_spin_yzj67_1";
|
|
168
|
+
const pulse = "_pulse_yzj67_1";
|
|
169
169
|
const styles = {
|
|
170
170
|
noScroll,
|
|
171
171
|
errorMessage,
|
|
@@ -191,19 +191,19 @@ const styles = {
|
|
|
191
191
|
success,
|
|
192
192
|
error,
|
|
193
193
|
warning,
|
|
194
|
-
"fade-in": "_fade-
|
|
195
|
-
"slide-up": "_slide-
|
|
196
|
-
"spin-3d": "_spin-
|
|
194
|
+
"fade-in": "_fade-in_yzj67_1",
|
|
195
|
+
"slide-up": "_slide-up_yzj67_1",
|
|
196
|
+
"spin-3d": "_spin-3d_yzj67_1",
|
|
197
197
|
spin,
|
|
198
198
|
pulse,
|
|
199
|
-
"fade-in-up": "_fade-in-
|
|
200
|
-
"progress-grow": "_progress-
|
|
201
|
-
"indeterminate-move": "_indeterminate-
|
|
202
|
-
"skeleton-loading": "_skeleton-
|
|
199
|
+
"fade-in-up": "_fade-in-up_yzj67_1",
|
|
200
|
+
"progress-grow": "_progress-grow_yzj67_1",
|
|
201
|
+
"indeterminate-move": "_indeterminate-move_yzj67_1",
|
|
202
|
+
"skeleton-loading": "_skeleton-loading_yzj67_1"
|
|
203
203
|
};
|
|
204
204
|
const Rating = (props) => {
|
|
205
205
|
return /* @__PURE__ */ require$$2.jsx(BaseRating, { ...props, classMap: styles });
|
|
206
206
|
};
|
|
207
207
|
Rating.displayName = "Rating";
|
|
208
208
|
exports.Rating = Rating;
|
|
209
|
-
//# sourceMappingURL=Rating-
|
|
209
|
+
//# sourceMappingURL=Rating-BbqxsFU9.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rating-
|
|
1
|
+
{"version":3,"file":"Rating-BbqxsFU9.cjs","sources":["../../src/Icons/StarIcon.tsx","../../src/components/Rating/RatingBase.tsx","../../src/components/Rating/next/Rating.tsx"],"sourcesContent":["const StarIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n strokeWidth=\"1.5\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M8.58737 8.23597L11.1849 3.00376C11.5183 2.33208 12.4817 2.33208 12.8151 3.00376L15.4126 8.23597L21.2215 9.08017C21.9668 9.18848 22.2638 10.0994 21.7243 10.6219L17.5217 14.6918L18.5135 20.4414C18.6409 21.1798 17.8614 21.7428 17.1945 21.3941L12 18.678L6.80547 21.3941C6.1386 21.7428 5.35909 21.1798 5.48645 20.4414L6.47825 14.6918L2.27575 10.6219C1.73617 10.0994 2.03322 9.18848 2.77852 9.08017L8.58737 8.23597Z\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default StarIcon;\r\n","import React, { useState, KeyboardEvent, useMemo, useId } from \"react\";\r\nimport { StarIcon } from \"../../Icons\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseRatingProps } from \"./Rating.types\";\r\n\r\nconst BaseRating: React.FC<BaseRatingProps> = ({\r\n value,\r\n onChange,\r\n max = 5,\r\n size = getDefaultSize(),\r\n interactive = true,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n className = \"\",\r\n label,\r\n \"data-testid\": testId = \"rating\",\r\n classMap,\r\n}) => {\r\n const uid = useId();\r\n const safeMax = Math.max(1, Math.floor(max || 1));\r\n const clampedValue = Math.min(safeMax, Math.max(0, Math.floor(value || 0)));\r\n const [hover, setHover] = useState<number | null>(null);\r\n\r\n const labelId = label ? `${uid}-label` : undefined;\r\n const groupProps = label\r\n ? { \"aria-labelledby\": labelId }\r\n : { \"aria-label\": \"Rating\" };\r\n\r\n const handleClick = (index: number) => {\r\n if (interactive && onChange) onChange(index + 1);\r\n };\r\n\r\n const handleKeyDown = (\r\n event: KeyboardEvent<HTMLSpanElement>,\r\n index: number\r\n ) => {\r\n if (!interactive) return;\r\n\r\n const commit = (v: number) => onChange?.(v);\r\n\r\n switch (event.key) {\r\n case \"Enter\":\r\n case \" \":\r\n event.preventDefault();\r\n commit(index + 1);\r\n break;\r\n case \"ArrowRight\":\r\n case \"ArrowUp\": {\r\n event.preventDefault();\r\n const next = Math.min(safeMax, clampedValue + 1) || 1;\r\n commit(next);\r\n break;\r\n }\r\n case \"ArrowLeft\":\r\n case \"ArrowDown\": {\r\n event.preventDefault();\r\n const prev = Math.max(1, clampedValue - 1);\r\n commit(prev);\r\n break;\r\n }\r\n case \"Home\":\r\n event.preventDefault();\r\n commit(1);\r\n break;\r\n case \"End\":\r\n event.preventDefault();\r\n commit(safeMax);\r\n break;\r\n }\r\n };\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n interactive && classMap.interactive,\r\n className\r\n ),\r\n [classMap, theme, state, size, interactive, className]\r\n );\r\n\r\n return (\r\n <div className={classMap.container || \"\"}>\r\n {label && (\r\n <span\r\n id={labelId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </span>\r\n )}\r\n\r\n <div\r\n className={wrapperClass}\r\n role=\"radiogroup\"\r\n {...groupProps}\r\n aria-disabled={!interactive || undefined}\r\n data-testid={testId}\r\n >\r\n {Array.from({ length: safeMax }).map((_, index) => {\r\n const active = index < (hover ?? clampedValue);\r\n const isChecked = clampedValue === index + 1;\r\n const isTabbable =\r\n interactive && (isChecked || (clampedValue === 0 && index === 0));\r\n\r\n return (\r\n <span\r\n key={index}\r\n className={combineClassNames(\r\n classMap.star,\r\n active && classMap.active\r\n )}\r\n onClick={() => handleClick(index)}\r\n onMouseEnter={() => interactive && setHover(index)}\r\n onMouseLeave={() => interactive && setHover(null)}\r\n onKeyDown={(e) => handleKeyDown(e, index)}\r\n role=\"radio\"\r\n aria-checked={!!isChecked}\r\n tabIndex={isTabbable ? 0 : -1}\r\n aria-label={`${index + 1} out of ${safeMax} stars`}\r\n data-testid={`${testId}-star-${index + 1}`}\r\n >\r\n <StarIcon aria-hidden=\"true\" />\r\n </span>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nBaseRating.displayName = \"BaseRating\";\r\nexport default BaseRating;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseRating from \"../RatingBase\";\r\nimport styles from \"./Rating.module.scss\";\r\nimport { RatingProps } from \"../Rating.types\";\r\n\r\nconst Rating: React.FC<RatingProps> = (props) => {\r\n return <BaseRating {...props} classMap={styles} />;\r\n};\r\nRating.displayName = \"Rating\";\r\nexport default Rating;\r\n"],"names":["jsx","getDefaultSize","interactive","getDefaultTheme","label","useId","useState","useMemo","combineClassNames","jsxs","active"],"mappings":"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"}
|
|
@@ -139,32 +139,32 @@ const BaseRating = ({
|
|
|
139
139
|
] });
|
|
140
140
|
};
|
|
141
141
|
BaseRating.displayName = "BaseRating";
|
|
142
|
-
const noScroll = "
|
|
143
|
-
const errorMessage = "
|
|
144
|
-
const loadingContainer = "
|
|
145
|
-
const hideScrollbar = "
|
|
146
|
-
const sr_only = "
|
|
147
|
-
const container = "
|
|
148
|
-
const wrapper = "
|
|
149
|
-
const xs = "
|
|
150
|
-
const small = "
|
|
151
|
-
const medium = "
|
|
152
|
-
const large = "
|
|
153
|
-
const xl = "
|
|
154
|
-
const label = "
|
|
155
|
-
const star = "
|
|
156
|
-
const active = "
|
|
157
|
-
const interactive = "
|
|
158
|
-
const primary = "
|
|
159
|
-
const secondary = "
|
|
160
|
-
const tertiary = "
|
|
161
|
-
const quaternary = "
|
|
162
|
-
const clear = "
|
|
163
|
-
const success = "
|
|
164
|
-
const error = "
|
|
165
|
-
const warning = "
|
|
166
|
-
const spin = "
|
|
167
|
-
const pulse = "
|
|
142
|
+
const noScroll = "_noScroll_yzj67_108";
|
|
143
|
+
const errorMessage = "_errorMessage_yzj67_109";
|
|
144
|
+
const loadingContainer = "_loadingContainer_yzj67_110";
|
|
145
|
+
const hideScrollbar = "_hideScrollbar_yzj67_102";
|
|
146
|
+
const sr_only = "_sr_only_yzj67_111";
|
|
147
|
+
const container = "_container_yzj67_552";
|
|
148
|
+
const wrapper = "_wrapper_yzj67_568";
|
|
149
|
+
const xs = "_xs_yzj67_583";
|
|
150
|
+
const small = "_small_yzj67_591";
|
|
151
|
+
const medium = "_medium_yzj67_599";
|
|
152
|
+
const large = "_large_yzj67_607";
|
|
153
|
+
const xl = "_xl_yzj67_615";
|
|
154
|
+
const label = "_label_yzj67_624";
|
|
155
|
+
const star = "_star_yzj67_643";
|
|
156
|
+
const active = "_active_yzj67_664";
|
|
157
|
+
const interactive = "_interactive_yzj67_668";
|
|
158
|
+
const primary = "_primary_yzj67_689";
|
|
159
|
+
const secondary = "_secondary_yzj67_693";
|
|
160
|
+
const tertiary = "_tertiary_yzj67_697";
|
|
161
|
+
const quaternary = "_quaternary_yzj67_701";
|
|
162
|
+
const clear = "_clear_yzj67_705";
|
|
163
|
+
const success = "_success_yzj67_709";
|
|
164
|
+
const error = "_error_yzj67_109";
|
|
165
|
+
const warning = "_warning_yzj67_717";
|
|
166
|
+
const spin = "_spin_yzj67_1";
|
|
167
|
+
const pulse = "_pulse_yzj67_1";
|
|
168
168
|
const styles = {
|
|
169
169
|
noScroll,
|
|
170
170
|
errorMessage,
|
|
@@ -190,15 +190,15 @@ const styles = {
|
|
|
190
190
|
success,
|
|
191
191
|
error,
|
|
192
192
|
warning,
|
|
193
|
-
"fade-in": "_fade-
|
|
194
|
-
"slide-up": "_slide-
|
|
195
|
-
"spin-3d": "_spin-
|
|
193
|
+
"fade-in": "_fade-in_yzj67_1",
|
|
194
|
+
"slide-up": "_slide-up_yzj67_1",
|
|
195
|
+
"spin-3d": "_spin-3d_yzj67_1",
|
|
196
196
|
spin,
|
|
197
197
|
pulse,
|
|
198
|
-
"fade-in-up": "_fade-in-
|
|
199
|
-
"progress-grow": "_progress-
|
|
200
|
-
"indeterminate-move": "_indeterminate-
|
|
201
|
-
"skeleton-loading": "_skeleton-
|
|
198
|
+
"fade-in-up": "_fade-in-up_yzj67_1",
|
|
199
|
+
"progress-grow": "_progress-grow_yzj67_1",
|
|
200
|
+
"indeterminate-move": "_indeterminate-move_yzj67_1",
|
|
201
|
+
"skeleton-loading": "_skeleton-loading_yzj67_1"
|
|
202
202
|
};
|
|
203
203
|
const Rating = (props) => {
|
|
204
204
|
return /* @__PURE__ */ jsx(BaseRating, { ...props, classMap: styles });
|
|
@@ -207,4 +207,4 @@ Rating.displayName = "Rating";
|
|
|
207
207
|
export {
|
|
208
208
|
Rating as R
|
|
209
209
|
};
|
|
210
|
-
//# sourceMappingURL=Rating-
|
|
210
|
+
//# sourceMappingURL=Rating-umLbRaAb.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rating-
|
|
1
|
+
{"version":3,"file":"Rating-umLbRaAb.js","sources":["../../src/Icons/StarIcon.tsx","../../src/components/Rating/RatingBase.tsx","../../src/components/Rating/next/Rating.tsx"],"sourcesContent":["const StarIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n strokeWidth=\"1.5\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M8.58737 8.23597L11.1849 3.00376C11.5183 2.33208 12.4817 2.33208 12.8151 3.00376L15.4126 8.23597L21.2215 9.08017C21.9668 9.18848 22.2638 10.0994 21.7243 10.6219L17.5217 14.6918L18.5135 20.4414C18.6409 21.1798 17.8614 21.7428 17.1945 21.3941L12 18.678L6.80547 21.3941C6.1386 21.7428 5.35909 21.1798 5.48645 20.4414L6.47825 14.6918L2.27575 10.6219C1.73617 10.0994 2.03322 9.18848 2.77852 9.08017L8.58737 8.23597Z\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"1.5\"\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default StarIcon;\r\n","import React, { useState, KeyboardEvent, useMemo, useId } from \"react\";\r\nimport { StarIcon } from \"../../Icons\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseRatingProps } from \"./Rating.types\";\r\n\r\nconst BaseRating: React.FC<BaseRatingProps> = ({\r\n value,\r\n onChange,\r\n max = 5,\r\n size = getDefaultSize(),\r\n interactive = true,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n className = \"\",\r\n label,\r\n \"data-testid\": testId = \"rating\",\r\n classMap,\r\n}) => {\r\n const uid = useId();\r\n const safeMax = Math.max(1, Math.floor(max || 1));\r\n const clampedValue = Math.min(safeMax, Math.max(0, Math.floor(value || 0)));\r\n const [hover, setHover] = useState<number | null>(null);\r\n\r\n const labelId = label ? `${uid}-label` : undefined;\r\n const groupProps = label\r\n ? { \"aria-labelledby\": labelId }\r\n : { \"aria-label\": \"Rating\" };\r\n\r\n const handleClick = (index: number) => {\r\n if (interactive && onChange) onChange(index + 1);\r\n };\r\n\r\n const handleKeyDown = (\r\n event: KeyboardEvent<HTMLSpanElement>,\r\n index: number\r\n ) => {\r\n if (!interactive) return;\r\n\r\n const commit = (v: number) => onChange?.(v);\r\n\r\n switch (event.key) {\r\n case \"Enter\":\r\n case \" \":\r\n event.preventDefault();\r\n commit(index + 1);\r\n break;\r\n case \"ArrowRight\":\r\n case \"ArrowUp\": {\r\n event.preventDefault();\r\n const next = Math.min(safeMax, clampedValue + 1) || 1;\r\n commit(next);\r\n break;\r\n }\r\n case \"ArrowLeft\":\r\n case \"ArrowDown\": {\r\n event.preventDefault();\r\n const prev = Math.max(1, clampedValue - 1);\r\n commit(prev);\r\n break;\r\n }\r\n case \"Home\":\r\n event.preventDefault();\r\n commit(1);\r\n break;\r\n case \"End\":\r\n event.preventDefault();\r\n commit(safeMax);\r\n break;\r\n }\r\n };\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n interactive && classMap.interactive,\r\n className\r\n ),\r\n [classMap, theme, state, size, interactive, className]\r\n );\r\n\r\n return (\r\n <div className={classMap.container || \"\"}>\r\n {label && (\r\n <span\r\n id={labelId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </span>\r\n )}\r\n\r\n <div\r\n className={wrapperClass}\r\n role=\"radiogroup\"\r\n {...groupProps}\r\n aria-disabled={!interactive || undefined}\r\n data-testid={testId}\r\n >\r\n {Array.from({ length: safeMax }).map((_, index) => {\r\n const active = index < (hover ?? clampedValue);\r\n const isChecked = clampedValue === index + 1;\r\n const isTabbable =\r\n interactive && (isChecked || (clampedValue === 0 && index === 0));\r\n\r\n return (\r\n <span\r\n key={index}\r\n className={combineClassNames(\r\n classMap.star,\r\n active && classMap.active\r\n )}\r\n onClick={() => handleClick(index)}\r\n onMouseEnter={() => interactive && setHover(index)}\r\n onMouseLeave={() => interactive && setHover(null)}\r\n onKeyDown={(e) => handleKeyDown(e, index)}\r\n role=\"radio\"\r\n aria-checked={!!isChecked}\r\n tabIndex={isTabbable ? 0 : -1}\r\n aria-label={`${index + 1} out of ${safeMax} stars`}\r\n data-testid={`${testId}-star-${index + 1}`}\r\n >\r\n <StarIcon aria-hidden=\"true\" />\r\n </span>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nBaseRating.displayName = \"BaseRating\";\r\nexport default BaseRating;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseRating from \"../RatingBase\";\r\nimport styles from \"./Rating.module.scss\";\r\nimport { RatingProps } from \"../Rating.types\";\r\n\r\nconst Rating: React.FC<RatingProps> = (props) => {\r\n return <BaseRating {...props} classMap={styles} />;\r\n};\r\nRating.displayName = \"Rating\";\r\nexport default Rating;\r\n"],"names":["interactive","label","active"],"mappings":"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"}
|
package/dist/next/Rating.cjs.js
CHANGED
package/dist/next/Rating.js
CHANGED
|
@@ -4,24 +4,24 @@ const React = require("react");
|
|
|
4
4
|
const classNames = require("./classNames-BcWMx052.cjs");
|
|
5
5
|
const capitalize = require("./capitalize-DoV-nOmN.cjs");
|
|
6
6
|
const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
|
|
7
|
-
const noScroll = "
|
|
8
|
-
const errorMessage = "
|
|
9
|
-
const loadingContainer = "
|
|
10
|
-
const hideScrollbar = "
|
|
11
|
-
const sr_only = "
|
|
12
|
-
const skeletonLoader = "
|
|
13
|
-
const roundNone = "
|
|
14
|
-
const roundSmall = "
|
|
15
|
-
const roundMedium = "
|
|
16
|
-
const roundLarge = "
|
|
17
|
-
const roundFull = "
|
|
18
|
-
const shadowNone = "
|
|
19
|
-
const shadowLight = "
|
|
20
|
-
const shadowMedium = "
|
|
21
|
-
const shadowStrong = "
|
|
22
|
-
const shadowIntense = "
|
|
23
|
-
const spin = "
|
|
24
|
-
const pulse = "
|
|
7
|
+
const noScroll = "_noScroll_10glo_108";
|
|
8
|
+
const errorMessage = "_errorMessage_10glo_109";
|
|
9
|
+
const loadingContainer = "_loadingContainer_10glo_110";
|
|
10
|
+
const hideScrollbar = "_hideScrollbar_10glo_102";
|
|
11
|
+
const sr_only = "_sr_only_10glo_111";
|
|
12
|
+
const skeletonLoader = "_skeletonLoader_10glo_552";
|
|
13
|
+
const roundNone = "_roundNone_10glo_581";
|
|
14
|
+
const roundSmall = "_roundSmall_10glo_585";
|
|
15
|
+
const roundMedium = "_roundMedium_10glo_589";
|
|
16
|
+
const roundLarge = "_roundLarge_10glo_593";
|
|
17
|
+
const roundFull = "_roundFull_10glo_597";
|
|
18
|
+
const shadowNone = "_shadowNone_10glo_601";
|
|
19
|
+
const shadowLight = "_shadowLight_10glo_605";
|
|
20
|
+
const shadowMedium = "_shadowMedium_10glo_609";
|
|
21
|
+
const shadowStrong = "_shadowStrong_10glo_613";
|
|
22
|
+
const shadowIntense = "_shadowIntense_10glo_617";
|
|
23
|
+
const spin = "_spin_10glo_1";
|
|
24
|
+
const pulse = "_pulse_10glo_1";
|
|
25
25
|
const styles = {
|
|
26
26
|
noScroll,
|
|
27
27
|
errorMessage,
|
|
@@ -29,7 +29,7 @@ const styles = {
|
|
|
29
29
|
hideScrollbar,
|
|
30
30
|
sr_only,
|
|
31
31
|
skeletonLoader,
|
|
32
|
-
"skeleton-loading": "_skeleton-
|
|
32
|
+
"skeleton-loading": "_skeleton-loading_10glo_1",
|
|
33
33
|
roundNone,
|
|
34
34
|
roundSmall,
|
|
35
35
|
roundMedium,
|
|
@@ -40,14 +40,14 @@ const styles = {
|
|
|
40
40
|
shadowMedium,
|
|
41
41
|
shadowStrong,
|
|
42
42
|
shadowIntense,
|
|
43
|
-
"fade-in": "_fade-
|
|
44
|
-
"slide-up": "_slide-
|
|
45
|
-
"spin-3d": "_spin-
|
|
43
|
+
"fade-in": "_fade-in_10glo_1",
|
|
44
|
+
"slide-up": "_slide-up_10glo_1",
|
|
45
|
+
"spin-3d": "_spin-3d_10glo_1",
|
|
46
46
|
spin,
|
|
47
47
|
pulse,
|
|
48
|
-
"fade-in-up": "_fade-in-
|
|
49
|
-
"progress-grow": "_progress-
|
|
50
|
-
"indeterminate-move": "_indeterminate-
|
|
48
|
+
"fade-in-up": "_fade-in-up_10glo_1",
|
|
49
|
+
"progress-grow": "_progress-grow_10glo_1",
|
|
50
|
+
"indeterminate-move": "_indeterminate-move_10glo_1"
|
|
51
51
|
};
|
|
52
52
|
const SkeletonBase = ({
|
|
53
53
|
width = "100%",
|
|
@@ -114,4 +114,4 @@ const SkeletonLoader = (props) => {
|
|
|
114
114
|
};
|
|
115
115
|
SkeletonLoader.displayName = "SkeletonLoader";
|
|
116
116
|
exports.SkeletonLoader = SkeletonLoader;
|
|
117
|
-
//# sourceMappingURL=Skeleton-
|
|
117
|
+
//# sourceMappingURL=Skeleton-C6wW8eyR.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton-
|
|
1
|
+
{"version":3,"file":"Skeleton-C6wW8eyR.cjs","sources":["../../src/components/Skeleton/SkeletonBase.tsx","../../src/components/Skeleton/next/Skeleton.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\nimport { ExtraProps, SkeletonBaseProps } from \"./Skeleton.types\";\r\n\r\nconst SkeletonBase: React.FC<SkeletonBaseProps & ExtraProps> = ({\r\n width = \"100%\",\r\n height = \"100%\",\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n className = \"\",\r\n label = \"Loading content...\",\r\n announce = true,\r\n animate = true,\r\n as: Tag = \"div\",\r\n \"data-testid\": testId = \"skeleton-loader\",\r\n classMap,\r\n ...rest\r\n}) => {\r\n const descriptionId = `${testId}-desc`;\r\n\r\n const skeletonClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.skeleton,\r\n animate && classMap.animated,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className\r\n ),\r\n [classMap, animate, shadow, rounding, className, announce]\r\n );\r\n\r\n const ariaProps = announce\r\n ? {\r\n role: \"status\" as const,\r\n \"aria-busy\": true,\r\n \"aria-live\": \"polite\" as const,\r\n \"aria-relevant\": \"additions text\" as const,\r\n \"aria-describedby\": descriptionId,\r\n }\r\n : { \"aria-hidden\": true as const };\r\n\r\n return (\r\n <Tag\r\n className={skeletonClasses}\r\n style={{ width, height }}\r\n data-testid={testId}\r\n {...ariaProps}\r\n {...rest}\r\n >\r\n {announce && (\r\n <span\r\n id={descriptionId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {label}\r\n </span>\r\n )}\r\n </Tag>\r\n );\r\n};\r\n\r\nSkeletonBase.displayName = \"SkeletonBase\";\r\nexport default SkeletonBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Skeleton.module.scss\";\r\nimport SkeletonBase from \"../SkeletonBase\";\r\nimport { SkeletonProps } from \"../Skeleton.types\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nconst SkeletonLoader: React.FC<SkeletonProps> = (props) => {\r\n return (\r\n <SkeletonBase\r\n {...props}\r\n className={combineClassNames(styles.skeletonLoader, props.className)}\r\n classMap={styles}\r\n />\r\n );\r\n};\r\nSkeletonLoader.displayName = \"SkeletonLoader\";\r\nexport default SkeletonLoader;\r\n"],"names":["getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,eAAyD,CAAC;AAAA,EAC9D,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAWA,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,IAAI,MAAM;AAAA,EACV,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,gBAAgB,GAAG,MAAM;AAE/B,QAAM,kBAAkBC,MAAAA;AAAAA,IACtB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,WAAW,SAAS;AAAA,MACpB,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,SAAS,QAAQ,UAAU,WAAW,QAAQ;AAAA,EAAA;AAG3D,QAAM,YAAY,WACd;AAAA,IACE,MAAM;AAAA,IACN,aAAa;AAAA,IACb,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,oBAAoB;AAAA,EAAA,IAEtB,EAAE,eAAe,KAAA;AAErB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO,EAAE,OAAO,OAAA;AAAA,MAChB,eAAa;AAAA,MACZ,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,UAAA,YACCA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAIR;AAEA,aAAa,cAAc;AC5D3B,MAAM,iBAA0C,CAAC,UAAU;AACzD,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAWF,WAAAA,kBAAkB,OAAO,gBAAgB,MAAM,SAAS;AAAA,MACnE,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AACA,eAAe,cAAc;;"}
|
|
@@ -3,24 +3,24 @@ import { useMemo } from "react";
|
|
|
3
3
|
import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
|
|
4
4
|
import { c as capitalize } from "./capitalize-C0TSQSPh.js";
|
|
5
5
|
import { a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
|
|
6
|
-
const noScroll = "
|
|
7
|
-
const errorMessage = "
|
|
8
|
-
const loadingContainer = "
|
|
9
|
-
const hideScrollbar = "
|
|
10
|
-
const sr_only = "
|
|
11
|
-
const skeletonLoader = "
|
|
12
|
-
const roundNone = "
|
|
13
|
-
const roundSmall = "
|
|
14
|
-
const roundMedium = "
|
|
15
|
-
const roundLarge = "
|
|
16
|
-
const roundFull = "
|
|
17
|
-
const shadowNone = "
|
|
18
|
-
const shadowLight = "
|
|
19
|
-
const shadowMedium = "
|
|
20
|
-
const shadowStrong = "
|
|
21
|
-
const shadowIntense = "
|
|
22
|
-
const spin = "
|
|
23
|
-
const pulse = "
|
|
6
|
+
const noScroll = "_noScroll_10glo_108";
|
|
7
|
+
const errorMessage = "_errorMessage_10glo_109";
|
|
8
|
+
const loadingContainer = "_loadingContainer_10glo_110";
|
|
9
|
+
const hideScrollbar = "_hideScrollbar_10glo_102";
|
|
10
|
+
const sr_only = "_sr_only_10glo_111";
|
|
11
|
+
const skeletonLoader = "_skeletonLoader_10glo_552";
|
|
12
|
+
const roundNone = "_roundNone_10glo_581";
|
|
13
|
+
const roundSmall = "_roundSmall_10glo_585";
|
|
14
|
+
const roundMedium = "_roundMedium_10glo_589";
|
|
15
|
+
const roundLarge = "_roundLarge_10glo_593";
|
|
16
|
+
const roundFull = "_roundFull_10glo_597";
|
|
17
|
+
const shadowNone = "_shadowNone_10glo_601";
|
|
18
|
+
const shadowLight = "_shadowLight_10glo_605";
|
|
19
|
+
const shadowMedium = "_shadowMedium_10glo_609";
|
|
20
|
+
const shadowStrong = "_shadowStrong_10glo_613";
|
|
21
|
+
const shadowIntense = "_shadowIntense_10glo_617";
|
|
22
|
+
const spin = "_spin_10glo_1";
|
|
23
|
+
const pulse = "_pulse_10glo_1";
|
|
24
24
|
const styles = {
|
|
25
25
|
noScroll,
|
|
26
26
|
errorMessage,
|
|
@@ -28,7 +28,7 @@ const styles = {
|
|
|
28
28
|
hideScrollbar,
|
|
29
29
|
sr_only,
|
|
30
30
|
skeletonLoader,
|
|
31
|
-
"skeleton-loading": "_skeleton-
|
|
31
|
+
"skeleton-loading": "_skeleton-loading_10glo_1",
|
|
32
32
|
roundNone,
|
|
33
33
|
roundSmall,
|
|
34
34
|
roundMedium,
|
|
@@ -39,14 +39,14 @@ const styles = {
|
|
|
39
39
|
shadowMedium,
|
|
40
40
|
shadowStrong,
|
|
41
41
|
shadowIntense,
|
|
42
|
-
"fade-in": "_fade-
|
|
43
|
-
"slide-up": "_slide-
|
|
44
|
-
"spin-3d": "_spin-
|
|
42
|
+
"fade-in": "_fade-in_10glo_1",
|
|
43
|
+
"slide-up": "_slide-up_10glo_1",
|
|
44
|
+
"spin-3d": "_spin-3d_10glo_1",
|
|
45
45
|
spin,
|
|
46
46
|
pulse,
|
|
47
|
-
"fade-in-up": "_fade-in-
|
|
48
|
-
"progress-grow": "_progress-
|
|
49
|
-
"indeterminate-move": "_indeterminate-
|
|
47
|
+
"fade-in-up": "_fade-in-up_10glo_1",
|
|
48
|
+
"progress-grow": "_progress-grow_10glo_1",
|
|
49
|
+
"indeterminate-move": "_indeterminate-move_10glo_1"
|
|
50
50
|
};
|
|
51
51
|
const SkeletonBase = ({
|
|
52
52
|
width = "100%",
|
|
@@ -115,4 +115,4 @@ SkeletonLoader.displayName = "SkeletonLoader";
|
|
|
115
115
|
export {
|
|
116
116
|
SkeletonLoader as S
|
|
117
117
|
};
|
|
118
|
-
//# sourceMappingURL=Skeleton-
|
|
118
|
+
//# sourceMappingURL=Skeleton-DC4LJ059.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton-
|
|
1
|
+
{"version":3,"file":"Skeleton-DC4LJ059.js","sources":["../../src/components/Skeleton/SkeletonBase.tsx","../../src/components/Skeleton/next/Skeleton.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\nimport { ExtraProps, SkeletonBaseProps } from \"./Skeleton.types\";\r\n\r\nconst SkeletonBase: React.FC<SkeletonBaseProps & ExtraProps> = ({\r\n width = \"100%\",\r\n height = \"100%\",\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n className = \"\",\r\n label = \"Loading content...\",\r\n announce = true,\r\n animate = true,\r\n as: Tag = \"div\",\r\n \"data-testid\": testId = \"skeleton-loader\",\r\n classMap,\r\n ...rest\r\n}) => {\r\n const descriptionId = `${testId}-desc`;\r\n\r\n const skeletonClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.skeleton,\r\n animate && classMap.animated,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className\r\n ),\r\n [classMap, animate, shadow, rounding, className, announce]\r\n );\r\n\r\n const ariaProps = announce\r\n ? {\r\n role: \"status\" as const,\r\n \"aria-busy\": true,\r\n \"aria-live\": \"polite\" as const,\r\n \"aria-relevant\": \"additions text\" as const,\r\n \"aria-describedby\": descriptionId,\r\n }\r\n : { \"aria-hidden\": true as const };\r\n\r\n return (\r\n <Tag\r\n className={skeletonClasses}\r\n style={{ width, height }}\r\n data-testid={testId}\r\n {...ariaProps}\r\n {...rest}\r\n >\r\n {announce && (\r\n <span\r\n id={descriptionId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {label}\r\n </span>\r\n )}\r\n </Tag>\r\n );\r\n};\r\n\r\nSkeletonBase.displayName = \"SkeletonBase\";\r\nexport default SkeletonBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Skeleton.module.scss\";\r\nimport SkeletonBase from \"../SkeletonBase\";\r\nimport { SkeletonProps } from \"../Skeleton.types\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nconst SkeletonLoader: React.FC<SkeletonProps> = (props) => {\r\n return (\r\n <SkeletonBase\r\n {...props}\r\n className={combineClassNames(styles.skeletonLoader, props.className)}\r\n classMap={styles}\r\n />\r\n );\r\n};\r\nSkeletonLoader.displayName = \"SkeletonLoader\";\r\nexport default SkeletonLoader;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,eAAyD,CAAC;AAAA,EAC9D,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,IAAI,MAAM;AAAA,EACV,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,gBAAgB,GAAG,MAAM;AAE/B,QAAM,kBAAkB;AAAA,IACtB,MACE;AAAA,MACE,SAAS;AAAA,MACT,WAAW,SAAS;AAAA,MACpB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,SAAS,QAAQ,UAAU,WAAW,QAAQ;AAAA,EAAA;AAG3D,QAAM,YAAY,WACd;AAAA,IACE,MAAM;AAAA,IACN,aAAa;AAAA,IACb,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,oBAAoB;AAAA,EAAA,IAEtB,EAAE,eAAe,KAAA;AAErB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO,EAAE,OAAO,OAAA;AAAA,MAChB,eAAa;AAAA,MACZ,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,UAAA,YACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAIR;AAEA,aAAa,cAAc;AC5D3B,MAAM,iBAA0C,CAAC,UAAU;AACzD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,kBAAkB,OAAO,gBAAgB,MAAM,SAAS;AAAA,MACnE,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AACA,eAAe,cAAc;"}
|
package/dist/next/Skeleton.js
CHANGED
|
@@ -4,41 +4,41 @@ const React = require("react");
|
|
|
4
4
|
const classNames = require("./classNames-BcWMx052.cjs");
|
|
5
5
|
const capitalize = require("./capitalize-DoV-nOmN.cjs");
|
|
6
6
|
const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
|
|
7
|
-
const noScroll = "
|
|
8
|
-
const errorMessage = "
|
|
9
|
-
const loadingContainer = "
|
|
10
|
-
const hideScrollbar = "
|
|
11
|
-
const sr_only = "
|
|
12
|
-
const container = "
|
|
13
|
-
const label = "
|
|
14
|
-
const wrapper = "
|
|
15
|
-
const slider = "
|
|
16
|
-
const roundNone = "
|
|
17
|
-
const roundSmall = "
|
|
18
|
-
const roundMedium = "
|
|
19
|
-
const roundLarge = "
|
|
20
|
-
const roundFull = "
|
|
21
|
-
const shadowNone = "
|
|
22
|
-
const shadowLight = "
|
|
23
|
-
const shadowMedium = "
|
|
24
|
-
const shadowStrong = "
|
|
25
|
-
const shadowIntense = "
|
|
26
|
-
const value = "
|
|
27
|
-
const primary = "
|
|
28
|
-
const secondary = "
|
|
29
|
-
const tertiary = "
|
|
30
|
-
const quaternary = "
|
|
31
|
-
const clear = "
|
|
32
|
-
const success = "
|
|
33
|
-
const error = "
|
|
34
|
-
const warning = "
|
|
35
|
-
const xs = "
|
|
36
|
-
const small = "
|
|
37
|
-
const medium = "
|
|
38
|
-
const large = "
|
|
39
|
-
const xl = "
|
|
40
|
-
const spin = "
|
|
41
|
-
const pulse = "
|
|
7
|
+
const noScroll = "_noScroll_nugj6_108";
|
|
8
|
+
const errorMessage = "_errorMessage_nugj6_109";
|
|
9
|
+
const loadingContainer = "_loadingContainer_nugj6_110";
|
|
10
|
+
const hideScrollbar = "_hideScrollbar_nugj6_102";
|
|
11
|
+
const sr_only = "_sr_only_nugj6_111";
|
|
12
|
+
const container = "_container_nugj6_552";
|
|
13
|
+
const label = "_label_nugj6_568";
|
|
14
|
+
const wrapper = "_wrapper_nugj6_583";
|
|
15
|
+
const slider = "_slider_nugj6_600";
|
|
16
|
+
const roundNone = "_roundNone_nugj6_640";
|
|
17
|
+
const roundSmall = "_roundSmall_nugj6_644";
|
|
18
|
+
const roundMedium = "_roundMedium_nugj6_648";
|
|
19
|
+
const roundLarge = "_roundLarge_nugj6_652";
|
|
20
|
+
const roundFull = "_roundFull_nugj6_656";
|
|
21
|
+
const shadowNone = "_shadowNone_nugj6_660";
|
|
22
|
+
const shadowLight = "_shadowLight_nugj6_664";
|
|
23
|
+
const shadowMedium = "_shadowMedium_nugj6_668";
|
|
24
|
+
const shadowStrong = "_shadowStrong_nugj6_672";
|
|
25
|
+
const shadowIntense = "_shadowIntense_nugj6_676";
|
|
26
|
+
const value = "_value_nugj6_680";
|
|
27
|
+
const primary = "_primary_nugj6_697";
|
|
28
|
+
const secondary = "_secondary_nugj6_707";
|
|
29
|
+
const tertiary = "_tertiary_nugj6_717";
|
|
30
|
+
const quaternary = "_quaternary_nugj6_727";
|
|
31
|
+
const clear = "_clear_nugj6_737";
|
|
32
|
+
const success = "_success_nugj6_747";
|
|
33
|
+
const error = "_error_nugj6_109";
|
|
34
|
+
const warning = "_warning_nugj6_767";
|
|
35
|
+
const xs = "_xs_nugj6_781";
|
|
36
|
+
const small = "_small_nugj6_816";
|
|
37
|
+
const medium = "_medium_nugj6_851";
|
|
38
|
+
const large = "_large_nugj6_886";
|
|
39
|
+
const xl = "_xl_nugj6_921";
|
|
40
|
+
const spin = "_spin_nugj6_1";
|
|
41
|
+
const pulse = "_pulse_nugj6_1";
|
|
42
42
|
const styles = {
|
|
43
43
|
noScroll,
|
|
44
44
|
errorMessage,
|
|
@@ -73,15 +73,15 @@ const styles = {
|
|
|
73
73
|
medium,
|
|
74
74
|
large,
|
|
75
75
|
xl,
|
|
76
|
-
"fade-in": "_fade-
|
|
77
|
-
"slide-up": "_slide-
|
|
78
|
-
"spin-3d": "_spin-
|
|
76
|
+
"fade-in": "_fade-in_nugj6_1",
|
|
77
|
+
"slide-up": "_slide-up_nugj6_1",
|
|
78
|
+
"spin-3d": "_spin-3d_nugj6_1",
|
|
79
79
|
spin,
|
|
80
80
|
pulse,
|
|
81
|
-
"fade-in-up": "_fade-in-
|
|
82
|
-
"progress-grow": "_progress-
|
|
83
|
-
"indeterminate-move": "_indeterminate-
|
|
84
|
-
"skeleton-loading": "_skeleton-
|
|
81
|
+
"fade-in-up": "_fade-in-up_nugj6_1",
|
|
82
|
+
"progress-grow": "_progress-grow_nugj6_1",
|
|
83
|
+
"indeterminate-move": "_indeterminate-move_nugj6_1",
|
|
84
|
+
"skeleton-loading": "_skeleton-loading_nugj6_1"
|
|
85
85
|
};
|
|
86
86
|
const SliderBase = ({
|
|
87
87
|
value: value2,
|
|
@@ -170,4 +170,4 @@ const Slider = (props) => {
|
|
|
170
170
|
};
|
|
171
171
|
Slider.displayName = "Slider";
|
|
172
172
|
exports.Slider = Slider;
|
|
173
|
-
//# sourceMappingURL=Slider-
|
|
173
|
+
//# sourceMappingURL=Slider-g41Qvh6s.cjs.map
|