@hashicorp/mds-react 0.9.1 → 0.9.2
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/components/accordion/index.d.ts +1 -1
- package/components/accordion/item/index.d.ts +1 -1
- package/components/alert/icon.d.ts +2 -2
- package/components/alert/index.d.ts +6 -6
- package/components/badge/index.d.ts +1 -1
- package/components/badge-count/index.d.ts +1 -1
- package/components/breadcrumbs/index.d.ts +2 -2
- package/components/breadcrumbs/item/index.d.ts +1 -1
- package/components/breadcrumbs/truncation-button/index.d.ts +1 -1
- package/components/breadcrumbs/types/index.d.ts +1 -1
- package/components/button/index.d.ts +2 -2
- package/components/card/card-thumbnail/index.d.ts +1 -1
- package/components/card/index.d.ts +2 -2
- package/components/card/types.d.ts +3 -3
- package/components/code-block/code-lines/index.d.ts +8 -1
- package/components/code-block/code-lines/utils/split-html-into-lines.d.ts +1 -1
- package/components/code-block/code-lines/utils/split-jsx-into-lines.d.ts +1 -1
- package/components/code-block/hidden-copy-content/index.d.ts +3 -3
- package/components/code-block/index.d.ts +1 -1
- package/components/combo-box-primitive/index.d.ts +0 -1
- package/components/dialog-primitive/index.d.ts +1 -1
- package/components/disclosure-primitive/index.d.ts +2 -1
- package/components/disclosure-primitive/use-disclosure-primitive.d.ts +2 -2
- package/components/dismiss-button/index.d.ts +0 -1
- package/components/dropdown/index.d.ts +6 -6
- package/components/dropdown/list-item/custom.d.ts +1 -1
- package/components/dropdown/list-item/index.d.ts +4 -4
- package/components/dropdown/list-item/interactive.d.ts +1 -1
- package/components/dropdown/list-item/separator.d.ts +1 -1
- package/components/dropdown/list-item/title.d.ts +1 -1
- package/components/dropdown/toggle-button/index.d.ts +2 -2
- package/components/flight-icon/index.d.ts +2 -2
- package/components/form/checkbox/index.d.ts +1 -1
- package/components/form/error/index.d.ts +1 -1
- package/components/form/field/index.d.ts +1 -1
- package/components/form/fieldset/index.d.ts +1 -1
- package/components/form/file-input/index.d.ts +1 -1
- package/components/form/helper-text/index.d.ts +1 -1
- package/components/form/label/index.d.ts +1 -1
- package/components/form/legend/index.d.ts +1 -1
- package/components/form/radio/index.d.ts +1 -1
- package/components/form/radio-card/group.d.ts +1 -1
- package/components/form/radio-card/index.d.ts +2 -2
- package/components/form/select/index.d.ts +1 -1
- package/components/form/super-select/index.d.ts +2 -2
- package/components/form/text-input/index.d.ts +1 -1
- package/components/form/textarea/index.d.ts +1 -1
- package/components/form/toggle/index.d.ts +1 -1
- package/components/hds/wrappers/tooltip.d.ts +4 -3
- package/components/icon-tile/index.d.ts +1 -1
- package/components/index.js +73 -115
- package/components/index.js.map +1 -1
- package/components/inline-link/index.d.ts +1 -1
- package/components/interactive/index.d.ts +4 -3
- package/components/legacy-button/index.d.ts +3 -3
- package/components/legacy-button/types.d.ts +1 -1
- package/components/legacy-button/utils.d.ts +1 -1
- package/components/menu-primitive/index.d.ts +1 -1
- package/components/menu-primitive/use-menu-primitive.d.ts +2 -2
- package/components/modal/index.d.ts +1 -1
- package/components/modal/use-modal.d.ts +2 -2
- package/components/separator/index.d.ts +1 -1
- package/components/standalone-link/index.d.ts +2 -2
- package/components/table/index.d.ts +5 -5
- package/components/table/td.d.ts +2 -2
- package/components/table/th.d.ts +2 -2
- package/components/table/tr.d.ts +1 -1
- package/components/tabs/index.d.ts +3 -3
- package/components/tabs/tab-panel.d.ts +1 -1
- package/components/tabs/tab.d.ts +2 -2
- package/components/tabs/use-tabs-context.d.ts +2 -2
- package/components/text/index.d.ts +6 -6
- package/components/visualizations/bar-chart/horizontal-chart/index.d.ts +0 -1
- package/components/visualizations/bar-chart/index.d.ts +1 -1
- package/components/visualizations/donut-chart/components/arc-tooltip/index.d.ts +2 -2
- package/components/visualizations/donut-chart/components/external-arc-label/index.d.ts +2 -2
- package/components/visualizations/donut-chart/components/internal-arc-label/index.d.ts +2 -2
- package/components/visualizations/donut-chart/index.d.ts +1 -1
- package/index-B9mPJh9w.js +579 -0
- package/index-B9mPJh9w.js.map +1 -0
- package/index-BHBlMMNF.js +16 -0
- package/index-BHBlMMNF.js.map +1 -0
- package/index-C4GBbW3N.js +3567 -0
- package/index-C4GBbW3N.js.map +1 -0
- package/{utils/mds-context/index.js → index-DBjAbGt7.js} +19 -20
- package/index-DBjAbGt7.js.map +1 -0
- package/index-WkGIywHj.js +767 -0
- package/index-WkGIywHj.js.map +1 -0
- package/index.js +100 -153
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/patterns/card/newsroom-card/index.d.ts +1 -1
- package/patterns/card/partner-card/index.d.ts +2 -2
- package/patterns/card/person-card/index.d.ts +1 -1
- package/patterns/card/primitives.d.ts +5 -5
- package/patterns/card/promo-card/index.d.ts +1 -1
- package/patterns/card/resource-card/index.d.ts +1 -1
- package/patterns/card/thumbnails/index.d.ts +1 -1
- package/patterns/card/types.d.ts +6 -6
- package/patterns/card/unified-card/index.d.ts +1 -1
- package/patterns/copy-button/clipboard.d.ts +1 -1
- package/patterns/copy-button/index.d.ts +1 -1
- package/patterns/index.js +22 -32
- package/patterns/index.js.map +1 -1
- package/patterns/layout/index.d.ts +20 -20
- package/patterns/product-logo/index.d.ts +15 -15
- package/patterns/related-content/index.d.ts +1 -1
- package/patterns/related-content/types.d.ts +1 -1
- package/style.css +1 -0
- package/use-screen-size-BOnkX_K-.js +9 -0
- package/use-screen-size-BOnkX_K-.js.map +1 -0
- package/utils/i18n/index.d.ts +1 -1
- package/utils/index.js +7 -7
- package/utils/make-normalizer/index.d.ts +6 -6
- package/utils/mds-context/index.d.ts +1 -1
- package/assets/style-DD7hNwDr.css +0 -1
- package/components/accordion/index.js +0 -9
- package/components/accordion/index.js.map +0 -1
- package/components/accordion/item/button.js +0 -44
- package/components/accordion/item/button.js.map +0 -1
- package/components/accordion/item/index.js +0 -59
- package/components/accordion/item/index.js.map +0 -1
- package/components/accordion/style.module.scss.js +0 -24
- package/components/accordion/style.module.scss.js.map +0 -1
- package/components/alert/alert.module.scss.js +0 -29
- package/components/alert/alert.module.scss.js.map +0 -1
- package/components/alert/icon.js +0 -34
- package/components/alert/icon.js.map +0 -1
- package/components/alert/index.js +0 -97
- package/components/alert/index.js.map +0 -1
- package/components/badge/index.js +0 -53
- package/components/badge/index.js.map +0 -1
- package/components/badge/style.module.scss.js +0 -22
- package/components/badge/style.module.scss.js.map +0 -1
- package/components/badge-count/index.js +0 -29
- package/components/badge-count/index.js.map +0 -1
- package/components/badge-count/style.module.scss.js +0 -15
- package/components/badge-count/style.module.scss.js.map +0 -1
- package/components/breadcrumbs/index.js +0 -38
- package/components/breadcrumbs/index.js.map +0 -1
- package/components/breadcrumbs/item/index.js +0 -32
- package/components/breadcrumbs/item/index.js.map +0 -1
- package/components/breadcrumbs/style.module.scss.js +0 -27
- package/components/breadcrumbs/style.module.scss.js.map +0 -1
- package/components/breadcrumbs/truncation-button/index.js +0 -25
- package/components/breadcrumbs/truncation-button/index.js.map +0 -1
- package/components/button/index.js +0 -119
- package/components/button/index.js.map +0 -1
- package/components/button/styles.module.scss.js +0 -32
- package/components/button/styles.module.scss.js.map +0 -1
- package/components/card/card-thumbnail/card-thumbnail.module.css.js +0 -8
- package/components/card/card-thumbnail/card-thumbnail.module.css.js.map +0 -1
- package/components/card/card-thumbnail/index.js +0 -23
- package/components/card/card-thumbnail/index.js.map +0 -1
- package/components/card/index.js +0 -157
- package/components/card/index.js.map +0 -1
- package/components/card/styles.module.css.js +0 -29
- package/components/card/styles.module.css.js.map +0 -1
- package/components/code-block/code-block.module.scss.js +0 -34
- package/components/code-block/code-block.module.scss.js.map +0 -1
- package/components/code-block/code-lines/index.js +0 -59
- package/components/code-block/code-lines/index.js.map +0 -1
- package/components/code-block/code-lines/utils/split-html-into-lines.js +0 -19
- package/components/code-block/code-lines/utils/split-html-into-lines.js.map +0 -1
- package/components/code-block/code-lines/utils/split-jsx-into-lines.js +0 -31
- package/components/code-block/code-lines/utils/split-jsx-into-lines.js.map +0 -1
- package/components/code-block/hidden-copy-content/index.js +0 -13
- package/components/code-block/hidden-copy-content/index.js.map +0 -1
- package/components/code-block/index.js +0 -88
- package/components/code-block/index.js.map +0 -1
- package/components/code-block/utils/parse-highlighted-lines.js +0 -39
- package/components/code-block/utils/parse-highlighted-lines.js.map +0 -1
- package/components/code-block/utils/process-snippet.js +0 -20
- package/components/code-block/utils/process-snippet.js.map +0 -1
- package/components/code-block/utils/shellwords.js +0 -33
- package/components/code-block/utils/shellwords.js.map +0 -1
- package/components/combo-box-primitive/index.js +0 -302
- package/components/combo-box-primitive/index.js.map +0 -1
- package/components/dialog-primitive/dialog.module.scss.js +0 -12
- package/components/dialog-primitive/dialog.module.scss.js.map +0 -1
- package/components/dialog-primitive/index.js +0 -15
- package/components/dialog-primitive/index.js.map +0 -1
- package/components/disclosure-primitive/index.js +0 -57
- package/components/disclosure-primitive/index.js.map +0 -1
- package/components/disclosure-primitive/styles.module.css.js +0 -7
- package/components/disclosure-primitive/styles.module.css.js.map +0 -1
- package/components/disclosure-primitive/use-disclosure-primitive.js +0 -17
- package/components/disclosure-primitive/use-disclosure-primitive.js.map +0 -1
- package/components/dismiss-button/index.js +0 -22
- package/components/dismiss-button/index.js.map +0 -1
- package/components/dismiss-button/styles.module.scss.js +0 -7
- package/components/dismiss-button/styles.module.scss.js.map +0 -1
- package/components/dropdown/index.js +0 -79
- package/components/dropdown/index.js.map +0 -1
- package/components/dropdown/list-item/custom.js +0 -9
- package/components/dropdown/list-item/custom.js.map +0 -1
- package/components/dropdown/list-item/index.js +0 -14
- package/components/dropdown/list-item/index.js.map +0 -1
- package/components/dropdown/list-item/interactive.js +0 -49
- package/components/dropdown/list-item/interactive.js.map +0 -1
- package/components/dropdown/list-item/separator.js +0 -17
- package/components/dropdown/list-item/separator.js.map +0 -1
- package/components/dropdown/list-item/styles.module.css.js +0 -26
- package/components/dropdown/list-item/styles.module.css.js.map +0 -1
- package/components/dropdown/list-item/title.js +0 -9
- package/components/dropdown/list-item/title.js.map +0 -1
- package/components/dropdown/styles.module.css.js +0 -24
- package/components/dropdown/styles.module.css.js.map +0 -1
- package/components/dropdown/toggle-button/index.js +0 -54
- package/components/dropdown/toggle-button/index.js.map +0 -1
- package/components/dropdown/toggle-button/styles.module.scss.js +0 -14
- package/components/dropdown/toggle-button/styles.module.scss.js.map +0 -1
- package/components/flight-icon/flight-icon.module.css.js +0 -12
- package/components/flight-icon/flight-icon.module.css.js.map +0 -1
- package/components/flight-icon/index.js +0 -58
- package/components/flight-icon/index.js.map +0 -1
- package/components/form/checkbox/form-checkbox.module.css.js +0 -8
- package/components/form/checkbox/form-checkbox.module.css.js.map +0 -1
- package/components/form/checkbox/index.js +0 -109
- package/components/form/checkbox/index.js.map +0 -1
- package/components/form/error/form-error.module.css.js +0 -14
- package/components/form/error/form-error.module.css.js.map +0 -1
- package/components/form/error/index.js +0 -22
- package/components/form/error/index.js.map +0 -1
- package/components/form/field/form-field.module.css.js +0 -17
- package/components/form/field/form-field.module.css.js.map +0 -1
- package/components/form/field/index.js +0 -46
- package/components/form/field/index.js.map +0 -1
- package/components/form/fieldset/form-fieldset.module.css.js +0 -19
- package/components/form/fieldset/form-fieldset.module.css.js.map +0 -1
- package/components/form/fieldset/index.js +0 -65
- package/components/form/fieldset/index.js.map +0 -1
- package/components/form/file-input/form-file-input.module.scss.js +0 -7
- package/components/form/file-input/form-file-input.module.scss.js.map +0 -1
- package/components/form/file-input/index.js +0 -68
- package/components/form/file-input/index.js.map +0 -1
- package/components/form/helper-text/form-helper-text.module.css.js +0 -7
- package/components/form/helper-text/form-helper-text.module.css.js.map +0 -1
- package/components/form/helper-text/index.js +0 -22
- package/components/form/helper-text/index.js.map +0 -1
- package/components/form/indicator/form-indicator.module.css.js +0 -8
- package/components/form/indicator/form-indicator.module.css.js.map +0 -1
- package/components/form/indicator/index.js +0 -23
- package/components/form/indicator/index.js.map +0 -1
- package/components/form/label/form-label.module.css.js +0 -10
- package/components/form/label/form-label.module.css.js.map +0 -1
- package/components/form/label/index.js +0 -33
- package/components/form/label/index.js.map +0 -1
- package/components/form/legend/form-legend.module.css.js +0 -10
- package/components/form/legend/form-legend.module.css.js.map +0 -1
- package/components/form/legend/index.js +0 -19
- package/components/form/legend/index.js.map +0 -1
- package/components/form/radio/form-radio.module.scss.js +0 -8
- package/components/form/radio/form-radio.module.scss.js.map +0 -1
- package/components/form/radio/index.js +0 -100
- package/components/form/radio/index.js.map +0 -1
- package/components/form/radio-card/description.js +0 -10
- package/components/form/radio-card/description.js.map +0 -1
- package/components/form/radio-card/form-radio-card.module.css.js +0 -30
- package/components/form/radio-card/form-radio-card.module.css.js.map +0 -1
- package/components/form/radio-card/group.js +0 -31
- package/components/form/radio-card/group.js.map +0 -1
- package/components/form/radio-card/index.js +0 -67
- package/components/form/radio-card/index.js.map +0 -1
- package/components/form/radio-card/label.js +0 -10
- package/components/form/radio-card/label.js.map +0 -1
- package/components/form/select/form-select.module.css.js +0 -14
- package/components/form/select/form-select.module.css.js.map +0 -1
- package/components/form/select/index.js +0 -79
- package/components/form/select/index.js.map +0 -1
- package/components/form/super-select/form-super-select.module.css.js +0 -22
- package/components/form/super-select/form-super-select.module.css.js.map +0 -1
- package/components/form/super-select/index.js +0 -170
- package/components/form/super-select/index.js.map +0 -1
- package/components/form/text-input/index.js +0 -91
- package/components/form/text-input/index.js.map +0 -1
- package/components/form/text-input/styles.module.css.js +0 -15
- package/components/form/text-input/styles.module.css.js.map +0 -1
- package/components/form/textarea/form-textarea.module.css.js +0 -14
- package/components/form/textarea/form-textarea.module.css.js.map +0 -1
- package/components/form/textarea/index.js +0 -74
- package/components/form/textarea/index.js.map +0 -1
- package/components/form/toggle/form-toggle.module.scss.js +0 -12
- package/components/form/toggle/form-toggle.module.scss.js.map +0 -1
- package/components/form/toggle/index.js +0 -102
- package/components/form/toggle/index.js.map +0 -1
- package/components/hds/wrappers/tooltip.js +0 -51
- package/components/hds/wrappers/tooltip.js.map +0 -1
- package/components/icon-tile/index.js +0 -50
- package/components/icon-tile/index.js.map +0 -1
- package/components/icon-tile/style.module.scss.js +0 -29
- package/components/icon-tile/style.module.scss.js.map +0 -1
- package/components/inline-link/index.js +0 -33
- package/components/inline-link/index.js.map +0 -1
- package/components/inline-link/inline-link.module.css.js +0 -11
- package/components/inline-link/inline-link.module.css.js.map +0 -1
- package/components/interactive/index.js +0 -59
- package/components/interactive/index.js.map +0 -1
- package/components/legacy-button/index.js +0 -65
- package/components/legacy-button/index.js.map +0 -1
- package/components/legacy-button/utils.js +0 -39
- package/components/legacy-button/utils.js.map +0 -1
- package/components/menu-primitive/index.js +0 -68
- package/components/menu-primitive/index.js.map +0 -1
- package/components/menu-primitive/styles.module.css.js +0 -12
- package/components/menu-primitive/styles.module.css.js.map +0 -1
- package/components/menu-primitive/use-menu-primitive.js +0 -17
- package/components/menu-primitive/use-menu-primitive.js.map +0 -1
- package/components/modal/index.js +0 -61
- package/components/modal/index.js.map +0 -1
- package/components/modal/modal.module.css.js +0 -8
- package/components/modal/modal.module.css.js.map +0 -1
- package/components/modal/use-modal.js +0 -17
- package/components/modal/use-modal.js.map +0 -1
- package/components/separator/index.js +0 -15
- package/components/separator/index.js.map +0 -1
- package/components/separator/separator.module.css.js +0 -10
- package/components/separator/separator.module.css.js.map +0 -1
- package/components/standalone-link/index.js +0 -54
- package/components/standalone-link/index.js.map +0 -1
- package/components/standalone-link/styles.module.scss.js +0 -17
- package/components/standalone-link/styles.module.scss.js.map +0 -1
- package/components/table/index.js +0 -52
- package/components/table/index.js.map +0 -1
- package/components/table/table.module.scss.js +0 -33
- package/components/table/table.module.scss.js.map +0 -1
- package/components/table/td.js +0 -28
- package/components/table/td.js.map +0 -1
- package/components/table/th-button-tooltip.js +0 -24
- package/components/table/th-button-tooltip.js.map +0 -1
- package/components/table/th.js +0 -43
- package/components/table/th.js.map +0 -1
- package/components/table/tr.js +0 -9
- package/components/table/tr.js.map +0 -1
- package/components/table/utils.js +0 -28
- package/components/table/utils.js.map +0 -1
- package/components/tabs/index.js +0 -117
- package/components/tabs/index.js.map +0 -1
- package/components/tabs/tab-panel.js +0 -35
- package/components/tabs/tab-panel.js.map +0 -1
- package/components/tabs/tab.js +0 -70
- package/components/tabs/tab.js.map +0 -1
- package/components/tabs/tabs.module.scss.js +0 -22
- package/components/tabs/tabs.module.scss.js.map +0 -1
- package/components/tabs/use-tabs-context.js +0 -16
- package/components/tabs/use-tabs-context.js.map +0 -1
- package/components/text/index.js +0 -112
- package/components/text/index.js.map +0 -1
- package/components/text/style.module.scss.js +0 -9
- package/components/text/style.module.scss.js.map +0 -1
- package/components/visualizations/bar-chart/horizontal-chart/dataset-value/index.js +0 -62
- package/components/visualizations/bar-chart/horizontal-chart/dataset-value/index.js.map +0 -1
- package/components/visualizations/bar-chart/horizontal-chart/dataset-value/style.module.css.js +0 -20
- package/components/visualizations/bar-chart/horizontal-chart/dataset-value/style.module.css.js.map +0 -1
- package/components/visualizations/bar-chart/horizontal-chart/index.js +0 -104
- package/components/visualizations/bar-chart/horizontal-chart/index.js.map +0 -1
- package/components/visualizations/bar-chart/horizontal-chart/legend/index.js +0 -13
- package/components/visualizations/bar-chart/horizontal-chart/legend/index.js.map +0 -1
- package/components/visualizations/bar-chart/horizontal-chart/legend/style.module.css.js +0 -14
- package/components/visualizations/bar-chart/horizontal-chart/legend/style.module.css.js.map +0 -1
- package/components/visualizations/bar-chart/horizontal-chart/style.module.css.js +0 -28
- package/components/visualizations/bar-chart/horizontal-chart/style.module.css.js.map +0 -1
- package/components/visualizations/bar-chart/index.js +0 -37
- package/components/visualizations/bar-chart/index.js.map +0 -1
- package/components/visualizations/bar-chart/style.module.css.js +0 -12
- package/components/visualizations/bar-chart/style.module.css.js.map +0 -1
- package/components/visualizations/donut-chart/components/arc-tooltip/index.js +0 -14
- package/components/visualizations/donut-chart/components/arc-tooltip/index.js.map +0 -1
- package/components/visualizations/donut-chart/components/arc-tooltip/styles.module.css.js +0 -10
- package/components/visualizations/donut-chart/components/arc-tooltip/styles.module.css.js.map +0 -1
- package/components/visualizations/donut-chart/components/external-arc-label/index.js +0 -58
- package/components/visualizations/donut-chart/components/external-arc-label/index.js.map +0 -1
- package/components/visualizations/donut-chart/components/external-arc-label/styles.module.css.js +0 -16
- package/components/visualizations/donut-chart/components/external-arc-label/styles.module.css.js.map +0 -1
- package/components/visualizations/donut-chart/components/internal-arc-label/index.js +0 -42
- package/components/visualizations/donut-chart/components/internal-arc-label/index.js.map +0 -1
- package/components/visualizations/donut-chart/components/internal-arc-label/styles.module.css.js +0 -14
- package/components/visualizations/donut-chart/components/internal-arc-label/styles.module.css.js.map +0 -1
- package/components/visualizations/donut-chart/index.js +0 -90
- package/components/visualizations/donut-chart/index.js.map +0 -1
- package/components/visualizations/donut-chart/styles.module.css.js +0 -20
- package/components/visualizations/donut-chart/styles.module.css.js.map +0 -1
- package/hooks/use-media-query/index.js +0 -16
- package/hooks/use-media-query/index.js.map +0 -1
- package/patterns/card/newsroom-card/index.js +0 -26
- package/patterns/card/newsroom-card/index.js.map +0 -1
- package/patterns/card/newsroom-card/style.module.css.js +0 -8
- package/patterns/card/newsroom-card/style.module.css.js.map +0 -1
- package/patterns/card/partner-card/index.js +0 -42
- package/patterns/card/partner-card/index.js.map +0 -1
- package/patterns/card/partner-card/style.module.css.js +0 -12
- package/patterns/card/partner-card/style.module.css.js.map +0 -1
- package/patterns/card/person-card/index.js +0 -52
- package/patterns/card/person-card/index.js.map +0 -1
- package/patterns/card/person-card/style.module.css.js +0 -12
- package/patterns/card/person-card/style.module.css.js.map +0 -1
- package/patterns/card/primitives.js +0 -77
- package/patterns/card/primitives.js.map +0 -1
- package/patterns/card/promo-card/index.js +0 -36
- package/patterns/card/promo-card/index.js.map +0 -1
- package/patterns/card/resource-card/index.js +0 -26
- package/patterns/card/resource-card/index.js.map +0 -1
- package/patterns/card/style.module.css.js +0 -30
- package/patterns/card/style.module.css.js.map +0 -1
- package/patterns/card/thumbnails/index.js +0 -25
- package/patterns/card/thumbnails/index.js.map +0 -1
- package/patterns/card/unified-card/index.js +0 -37
- package/patterns/card/unified-card/index.js.map +0 -1
- package/patterns/copy-button/clipboard.js +0 -78
- package/patterns/copy-button/clipboard.js.map +0 -1
- package/patterns/copy-button/index.js +0 -57
- package/patterns/copy-button/index.js.map +0 -1
- package/patterns/copy-button/style.module.css.js +0 -13
- package/patterns/copy-button/style.module.css.js.map +0 -1
- package/patterns/layout/index.js +0 -47
- package/patterns/layout/index.js.map +0 -1
- package/patterns/layout/layout.module.css.js +0 -20
- package/patterns/layout/layout.module.css.js.map +0 -1
- package/patterns/product-badge/index.js +0 -22
- package/patterns/product-badge/index.js.map +0 -1
- package/patterns/product-badge/style.module.css.js +0 -8
- package/patterns/product-badge/style.module.css.js.map +0 -1
- package/patterns/product-logo/index.js +0 -130
- package/patterns/product-logo/index.js.map +0 -1
- package/patterns/product-logo/product-logo.module.css.js +0 -13
- package/patterns/product-logo/product-logo.module.css.js.map +0 -1
- package/patterns/related-content/index.js +0 -65
- package/patterns/related-content/index.js.map +0 -1
- package/patterns/related-content/style.module.css.js +0 -22
- package/patterns/related-content/style.module.css.js.map +0 -1
- package/utils/get-contrast-yiq.js +0 -13
- package/utils/get-contrast-yiq.js.map +0 -1
- package/utils/hooks/use-screen-size.js +0 -10
- package/utils/hooks/use-screen-size.js.map +0 -1
- package/utils/i18n/constants/index.js +0 -98
- package/utils/i18n/constants/index.js.map +0 -1
- package/utils/i18n/helpers/locale-provider.js +0 -9
- package/utils/i18n/helpers/locale-provider.js.map +0 -1
- package/utils/i18n/helpers/to-smart-sentence-case.js +0 -12
- package/utils/i18n/helpers/to-smart-sentence-case.js.map +0 -1
- package/utils/i18n/helpers/to-smart-title-case.js +0 -10
- package/utils/i18n/helpers/to-smart-title-case.js.map +0 -1
- package/utils/i18n/helpers/use-locale.js +0 -14
- package/utils/i18n/helpers/use-locale.js.map +0 -1
- package/utils/i18n/index.js +0 -41
- package/utils/i18n/index.js.map +0 -1
- package/utils/i18n/index2.js +0 -33
- package/utils/i18n/index2.js.map +0 -1
- package/utils/make-normalizer/index.js +0 -34
- package/utils/make-normalizer/index.js.map +0 -1
- package/utils/mds-context/index.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/visualizations/bar-chart/horizontal-chart/index.tsx"],"sourcesContent":["'use client'\n\nimport { useMemo, useState } from 'react'\nimport classNames from 'classnames'\nimport Balancer from 'react-wrap-balancer'\nimport DatasetValue from './dataset-value'\nimport Legend from './legend'\nimport { useMediaQuery } from '@web/hooks/use-media-query'\nimport { MDSButton } from '../../../legacy-button'\nimport { Text } from '../../../../components/text'\nimport s from './style.module.css'\n\ninterface Dataset {\n\tlabel: string\n\tvalues: Array<{\n\t\tvalue: number\n\t\tcolor: string\n\t}>\n\ttotal?: number\n}\n\ninterface Category {\n\tlabel: string\n\tcolor: string\n}\n\nexport interface HorizontalBarChartProps {\n\t/**\n\t * Passing more than one category causes\n\t * the Key to be displayed.\n\t *\n\t * If no categories are passed, the default\n\t * color is Blue.\n\t */\n\tcategories?: Array<Category>\n\t/**\n\t * All group.values.length must be equal\n\t * to the length of the number of groups\n\t * passed. If no groups are passed, each\n\t * group.values.length must equal one.\n\t */\n\tdatasets: Array<Dataset>\n\t/**\n\t * The total number of groups to display\n\t * initially before the user hits the\n\t * \"Show all\" button. Default unlimited.\n\t * */\n\tmaxInitialDatasets?: number\n\t/**\n\t * If true, values in each `group` will\n\t * be stacked together to form a single\n\t * bar.\n\t */\n\tstacked?: boolean\n}\n\nexport default function HorizontalBarChart({\n\tcategories,\n\tdatasets,\n\t// Default this to virtually unlimited\n\tmaxInitialDatasets = 999,\n\tstacked = false,\n}: HorizontalBarChartProps): JSX.Element {\n\t/**\n\t * If screen width is higher than 560px,\n\t * and this is a stacked bar chart,\n\t * we can stack the bars\n\t */\n\tconst isStackable = useMediaQuery('(min-width: 560px)')\n\tconst initialClipped = datasets.length > maxInitialDatasets\n\t/**\n\t * If true, the chart only shows datasets\n\t * up to `maxInitialDatasets`.\n\t */\n\tconst [isClipped, setIsClipped] = useState(initialClipped)\n\n\tconst datasetsToDisplay = useMemo(() => {\n\t\treturn isClipped ? datasets.slice(0, maxInitialDatasets) : datasets\n\t}, [isClipped, datasets, maxInitialDatasets])\n\n\t/**\n\t * Calculate the largest value to calculate % widths\n\t *\n\t * We make this calculation on `datasets`, rather than\n\t * `datasetsToDisplay` to prevent any resizing after\n\t * 'Show All' is clicked\n\t */\n\tconst highestValue = useMemo(() => {\n\t\tlet valueToReturn = 0\n\t\tdatasets.forEach((dataset) => {\n\t\t\tif (stacked) {\n\t\t\t\t/**\n\t\t\t\t * If we're using a stacked bar chart, we want to add\n\t\t\t\t * up the dataset values to calculate our `valueToReturn`,\n\t\t\t\t * as these will be presented together.\n\t\t\t\t *\n\t\t\t\t * The largest stack will be 100% width.\n\t\t\t\t *\n\t\t\t\t * P.S.: The `color` key in this variable's `.reduce()`\n\t\t\t\t * calculation is just here for proper TS typing;\n\t\t\t\t * `color` isn't otherwise used or necessary for\n\t\t\t\t * `summedObj`.\n\t\t\t\t */\n\t\t\t\tconst valueSum = getDatasetTotal(dataset.values)\n\n\t\t\t\t/**\n\t\t\t\t * If the bars are stackable (i.e. we're above 560px screen width)\n\t\t\t\t * then we use the valueSum calculated above to determine the\n\t\t\t\t * highestValue to return.\n\t\t\t\t *\n\t\t\t\t * Otherwise, we want the chart to behave like the unstacked\n\t\t\t\t * bar chart, so we use the same logic unstacked charts do for\n\t\t\t\t * determining highestValue.\n\t\t\t\t */\n\t\t\t\tif (isStackable) {\n\t\t\t\t\tif (valueSum > valueToReturn) {\n\t\t\t\t\t\tvalueToReturn = valueSum\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tdataset.values.forEach(({ value }) => {\n\t\t\t\t\t\tif (value > valueToReturn) {\n\t\t\t\t\t\t\tvalueToReturn = value\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t/**\n\t\t\t\t * In the event that we don't have a stacked bar chart,\n\t\t\t\t * we simply want to find the highest value out of all\n\t\t\t\t * of our values that is set (as that will be 100% width)\n\t\t\t\t */\n\t\t\t\tdataset.values.forEach(({ value }) => {\n\t\t\t\t\tif (value > valueToReturn) {\n\t\t\t\t\t\tvalueToReturn = value\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\n\t\treturn valueToReturn\n\t}, [datasets, isStackable])\n\n\treturn (\n\t\t<div className={s.barChart}>\n\t\t\t<div className={s.chart}>\n\t\t\t\t{datasetsToDisplay.map((dataset) => (\n\t\t\t\t\t<div className={s.dataset} key={dataset.label}>\n\t\t\t\t\t\t<div className={s.datasetLabel}>\n\t\t\t\t\t\t\t<Balancer>{dataset.label}</Balancer>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={classNames(s.datasetValues, {\n\t\t\t\t\t\t\t\t[s.datasetValuesStacked]: stacked,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{dataset.values.map(({ value, color }, barIndex) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<DatasetValue\n\t\t\t\t\t\t\t\t\t\tkey={`dataset-${dataset.label}-${value}-${barIndex}`}\n\t\t\t\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\t\t\t\thighestValue={highestValue}\n\t\t\t\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t\t\t\t\tstackable={stacked}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t{stacked ? (\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<Text.Body size=\"200\" tag=\"p\" className={s.datasetTotal}>\n\t\t\t\t\t\t\t\t\t\t<span className={s.datasetTotalText}>Total:</span>\n\t\t\t\t\t\t\t\t\t\t<span className={s.datasetTotalPercent}>\n\t\t\t\t\t\t\t\t\t\t\t{dataset.total || getDatasetTotal(dataset.values)}%\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</Text.Body>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t\t{initialClipped &&\n\t\t\t\t(isClipped ? (\n\t\t\t\t\t<MDSButton\n\t\t\t\t\t\tclassName={s.showAllButton}\n\t\t\t\t\t\ttitle=\"Show all\"\n\t\t\t\t\t\ttheme={{\n\t\t\t\t\t\t\tbrand: 'neutral',\n\t\t\t\t\t\t\tvariant: 'secondary',\n\t\t\t\t\t\t\tbackground: 'light',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={() => setIsClipped(false)}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<MDSButton\n\t\t\t\t\t\tclassName={s.showAllButton}\n\t\t\t\t\t\ttitle=\"Show less\"\n\t\t\t\t\t\ttheme={{\n\t\t\t\t\t\t\tbrand: 'neutral',\n\t\t\t\t\t\t\tvariant: 'secondary',\n\t\t\t\t\t\t\tbackground: 'light',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={() => setIsClipped(true)}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t{categories && categories.length > 1 && (\n\t\t\t\t<Legend className={s.legend} keys={categories} />\n\t\t\t)}\n\t\t</div>\n\t)\n}\n\nfunction getDatasetTotal(values: Dataset['values']): number {\n\tconst totalObj = values.reduce(\n\t\t(a, b) => {\n\t\t\treturn { value: a.value + b.value, color: '' }\n\t\t},\n\t\t{\n\t\t\tvalue: 0,\n\t\t\tcolor: '',\n\t\t}\n\t)\n\n\treturn totalObj.value\n}\n"],"names":["HorizontalBarChart","categories","datasets","maxInitialDatasets","stacked","isStackable","useMediaQuery","initialClipped","isClipped","setIsClipped","useState","datasetsToDisplay","useMemo","highestValue","dataset","getDatasetTotal","valueSum","valueToReturn","value","jsxs","s","jsx","Balancer","classNames","color","barIndex","DatasetValue","Text","MDSButton","Legend","values","a","b"],"mappings":"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"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { jsx as s, jsxs as n } from "react/jsx-runtime";
|
|
2
|
-
import c from "classnames";
|
|
3
|
-
import e from "./style.module.css.js";
|
|
4
|
-
function t({ keys: r, className: m }) {
|
|
5
|
-
return /* @__PURE__ */ s("div", { className: c(e.legend, m), children: /* @__PURE__ */ s("div", { className: e.keyWrapper, children: r.map(({ label: a, color: d }) => /* @__PURE__ */ n("div", { className: e.key, children: [
|
|
6
|
-
/* @__PURE__ */ s("div", { className: e.dot, style: { background: d } }),
|
|
7
|
-
/* @__PURE__ */ s("span", { className: e.name, children: a })
|
|
8
|
-
] }, a)) }) });
|
|
9
|
-
}
|
|
10
|
-
export {
|
|
11
|
-
t as default
|
|
12
|
-
};
|
|
13
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../src/components/visualizations/bar-chart/horizontal-chart/legend/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport s from './style.module.css'\n\ninterface Key {\n\tlabel: string\n\tcolor: string\n}\n\ninterface LegendProps {\n\tclassName?: string\n\tkeys: Array<Key>\n}\n\nexport default function Legend({ keys, className }: LegendProps) {\n\treturn (\n\t\t<div className={classNames(s.legend, className)}>\n\t\t\t<div className={s.keyWrapper}>\n\t\t\t\t{keys.map(({ label, color }: Key) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div className={s.key} key={label}>\n\t\t\t\t\t\t\t<div className={s.dot} style={{ background: color }} />\n\t\t\t\t\t\t\t<span className={s.name}>{label}</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":["Legend","keys","className","classNames","s","jsx","label","color","jsxs"],"mappings":";;;AAaA,SAAwBA,EAAO,EAAE,MAAAC,GAAM,WAAAC,KAA0B;AAChE,2BACE,OAAA,EAAI,WAAWC,EAAWC,EAAE,QAAQF,CAAS,GAC7C,UAAA,gBAAAG,EAAC,SAAI,WAAWD,EAAE,YAChB,UAAAH,EAAK,IAAI,CAAC,EAAE,OAAAK,GAAO,OAAAC,QAElB,gBAAAC,EAAC,OAAA,EAAI,WAAWJ,EAAE,KACjB,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAE,KAAK,OAAO,EAAE,YAAYG,KAAS;AAAA,IACrD,gBAAAF,EAAC,QAAA,EAAK,WAAWD,EAAE,MAAO,UAAAE,EAAA,CAAM;AAAA,EAAA,EAAA,GAFLA,CAG5B,CAED,GACF,GACD;AAEF;"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
const e = "keyWrapper__g36GJ", a = "key__EbmRa", o = "dot__S1lki", t = "name__L7cad mds-typography-body-200", p = {
|
|
2
|
-
keyWrapper: e,
|
|
3
|
-
key: a,
|
|
4
|
-
dot: o,
|
|
5
|
-
name: t
|
|
6
|
-
};
|
|
7
|
-
export {
|
|
8
|
-
p as default,
|
|
9
|
-
o as dot,
|
|
10
|
-
a as key,
|
|
11
|
-
e as keyWrapper,
|
|
12
|
-
t as name
|
|
13
|
-
};
|
|
14
|
-
//# sourceMappingURL=style.module.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
const t = "barChart__uC3IV", a = "chart__uI9kg", e = "dataset__13eXi", s = "datasetLabel__HjzY7 mds-typography-body-200", o = "datasetValues__HZ-9o", d = "datasetValuesStacked__og5RC", l = "datasetTotal__0BJyu", _ = "datasetTotalText__-0bYa", c = "datasetTotalPercent__vCmWD", n = "showAllButton__bY4-d", r = "legend__-b7yq", u = {
|
|
2
|
-
barChart: t,
|
|
3
|
-
chart: a,
|
|
4
|
-
dataset: e,
|
|
5
|
-
datasetLabel: s,
|
|
6
|
-
datasetValues: o,
|
|
7
|
-
datasetValuesStacked: d,
|
|
8
|
-
datasetTotal: l,
|
|
9
|
-
datasetTotalText: _,
|
|
10
|
-
datasetTotalPercent: c,
|
|
11
|
-
showAllButton: n,
|
|
12
|
-
legend: r
|
|
13
|
-
};
|
|
14
|
-
export {
|
|
15
|
-
t as barChart,
|
|
16
|
-
a as chart,
|
|
17
|
-
e as dataset,
|
|
18
|
-
s as datasetLabel,
|
|
19
|
-
l as datasetTotal,
|
|
20
|
-
c as datasetTotalPercent,
|
|
21
|
-
_ as datasetTotalText,
|
|
22
|
-
o as datasetValues,
|
|
23
|
-
d as datasetValuesStacked,
|
|
24
|
-
u as default,
|
|
25
|
-
r as legend,
|
|
26
|
-
n as showAllButton
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=style.module.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as a, jsxs as n } from "react/jsx-runtime";
|
|
3
|
-
import c from "./horizontal-chart/index.js";
|
|
4
|
-
import { useTabsContext as m } from "../../tabs/use-tabs-context.js";
|
|
5
|
-
import { Tabs as s } from "../../tabs/index.js";
|
|
6
|
-
import h from "classnames";
|
|
7
|
-
import i from "./style.module.css.js";
|
|
8
|
-
const p = ({ data: e }) => /* @__PURE__ */ a("div", { className: i.root, children: e.length > 1 ? /* @__PURE__ */ n(s.Provider, { size: "large", children: [
|
|
9
|
-
/* @__PURE__ */ a(s.TabList, { children: e.map((r, t) => /* @__PURE__ */ a(s.Tab, { className: i.tab, children: r.name }, t)) }),
|
|
10
|
-
/* @__PURE__ */ a(b, { data: e })
|
|
11
|
-
] }) : /* @__PURE__ */ a(l, { data: e }) });
|
|
12
|
-
p.displayName = "BarChart";
|
|
13
|
-
const b = ({ data: e }) => {
|
|
14
|
-
const { selectedTabIndex: r, tabIds: t } = m(), o = t[r];
|
|
15
|
-
return /* @__PURE__ */ a(l, { tabId: o, data: e, chartIndex: r });
|
|
16
|
-
}, l = ({ tabId: e, data: r, chartIndex: t = 0 }) => {
|
|
17
|
-
const o = r[t].name;
|
|
18
|
-
return /* @__PURE__ */ n(
|
|
19
|
-
"figure",
|
|
20
|
-
{
|
|
21
|
-
className: h(i.chartContainer, r.length > 1 && i.multiple),
|
|
22
|
-
id: o.toLowerCase(),
|
|
23
|
-
role: "tabpanel",
|
|
24
|
-
tabIndex: 0,
|
|
25
|
-
"aria-label": e ? void 0 : o,
|
|
26
|
-
"aria-labelledby": e || void 0,
|
|
27
|
-
children: [
|
|
28
|
-
/* @__PURE__ */ a(c, { ...r[t] }),
|
|
29
|
-
/* @__PURE__ */ a("div", { className: i.chart, children: r[t].caption && /* @__PURE__ */ a("figcaption", { className: i.caption, children: r[t].caption }) })
|
|
30
|
-
]
|
|
31
|
-
}
|
|
32
|
-
);
|
|
33
|
-
};
|
|
34
|
-
export {
|
|
35
|
-
p as BarChart
|
|
36
|
-
};
|
|
37
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/visualizations/bar-chart/index.tsx"],"sourcesContent":["'use client'\n\nimport HorizontalBarChart, {\n\ttype HorizontalBarChartProps,\n} from './horizontal-chart'\nimport { useTabsContext } from '../../tabs/use-tabs-context'\nimport { Tabs } from '../../tabs'\nimport classNames from 'classnames'\nimport s from './style.module.css'\n\ninterface HorizontalBarChart extends HorizontalBarChartProps {\n\tname: string\n\tcaption: string\n}\n\nexport interface BarChartProps {\n\tdata: HorizontalBarChart[]\n}\n\nexport const BarChart = ({ data }: BarChartProps) => {\n\treturn (\n\t\t<div className={s.root}>\n\t\t\t{data.length > 1 ? (\n\t\t\t\t<Tabs.Provider size=\"large\">\n\t\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t\t{data.map((chart, i) => (\n\t\t\t\t\t\t\t<Tabs.Tab key={i} className={s.tab}>\n\t\t\t\t\t\t\t\t{chart.name}\n\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t\t<BarChartPanelWithTabCtx data={data} />\n\t\t\t\t</Tabs.Provider>\n\t\t\t) : (\n\t\t\t\t<BarChartPanel data={data} />\n\t\t\t)}\n\t\t</div>\n\t)\n}\n\nBarChart.displayName = 'BarChart'\n\nconst BarChartPanelWithTabCtx = ({ data }: { data: BarChartProps['data'] }) => {\n\tconst { selectedTabIndex, tabIds } = useTabsContext()\n\n\tconst tabId = tabIds[selectedTabIndex]\n\n\treturn (\n\t\t<BarChartPanel tabId={tabId} data={data} chartIndex={selectedTabIndex} />\n\t)\n}\n\ninterface BarChartPanelProps {\n\ttabId?: string\n\tdata: BarChartProps['data']\n\tchartIndex?: number\n}\n\nconst BarChartPanel = ({ tabId, data, chartIndex = 0 }: BarChartPanelProps) => {\n\tconst chartName = data[chartIndex].name\n\n\treturn (\n\t\t<figure\n\t\t\tclassName={classNames(s.chartContainer, data.length > 1 && s.multiple)}\n\t\t\tid={chartName.toLowerCase()}\n\t\t\trole=\"tabpanel\"\n\t\t\ttabIndex={0}\n\t\t\taria-label={tabId ? undefined : chartName}\n\t\t\taria-labelledby={tabId || undefined}\n\t\t>\n\t\t\t<HorizontalBarChart {...data[chartIndex]} />\n\t\t\t<div className={s.chart}>\n\t\t\t\t{data[chartIndex].caption && (\n\t\t\t\t\t<figcaption className={s.caption}>\n\t\t\t\t\t\t{data[chartIndex].caption}\n\t\t\t\t\t</figcaption>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</figure>\n\t)\n}\n"],"names":["BarChart","data","jsx","jsxs","Tabs","chart","i","s","BarChartPanelWithTabCtx","BarChartPanel","selectedTabIndex","useTabsContext","tabId","tabIds","chartIndex","classNames","chartName","HorizontalBarChart"],"mappings":";;;;;;;AAoBC,MAAAA,IAAA,CAAA,EAAA,MAAAC,EACC,MAGI,gBAAAC,EAAK,OAAA,EAAL,mBACM,UAAYD,EAAA,SAAA,IACX,gBAAAE,EAAYC,EAAA,UAAa,EAC7B,MAAA,mBACF;AAAA,EAGF,gBAAAF,EAACE,EAAA,SAAA,EAAA,YAAwB,IAAY,CAAAC,GAAAC,MAAA,gBAAAJ,EAAAE,EAAA,KAAA,EAAA,WAAAG,EAAA,KAAA,UAAAF,EAAA,KAAA,GAAAC,CAAA,CAAA,EAAA,CAAA;AAAA,EACtC,gBAAAJ,EAAAM,GAEe,EAAA,MAAAP,EAEjB,CAAA;AAEF,EAAA,CAAA,IAAA,gBAAAC,EAAAO,GAAA,EAAA,MAAAR,EAAA,CAAA,EAAA,CAAA;AAIAD;AACC,MAAAQ,OAA0B,MAAAP;AAE1B,QAAM,EAAA,kBAAAS,iBAA+BC,EAAA,GAErCC,IAAAC,EAAAH,CACE;AAEH,SAAA,gBAAAR,EAAAO,GAAA,EAAA,OAAAG,GAAA,MAAAX,GAAA,YAAAS,EAAA,CAAA;AAQA,GACCD,IAAkB,CAAA,EAAK,OAAAG,GAAA,MAAAX,GAAY,YAAAa,IAAA,EAAA,MAAA;AAEnC,cACCA,CAAA,EAAA;AAAA,SAAC,gBAAAX;AAAA,IAAA;AAAA,IAAA;AAAA,MAEA,WAAIY,oBAAsBd,EAAA,SAAA,KAAAM,EAAA,QAAA;AAAA,MAC1B,IAAAS,EAAK,YAAA;AAAA,MACL,MAAA;AAAA,MACA;MACA,cAAAJ,IAAiB,SAASI;AAAA,MAE1B,mBAAAJ,KAAA;AAAA,MAAA,UAAA;AAAA,0BACCK,GAAe,EAAE,GAAAhB,GAChB,EAAA,CAAA;AAAA,QAKF,gBAAAC,EAAA,OAAA,EAAA,WAAAK,EAAA,OAAA,UAAAN,EAAAa,CAAA,EAAA,WAAA,gBAAAZ,EAAA,cAAA,EAAA,WAAAK,EAAA,SAAA,UAAAN,EAAAa,CAAA,EAAA,QAAA,CAAA,EAAA,CAAA;AAAA,MAAA;AAAA,IACD;AAAA,EAEF;;"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
const t = "chartContainer__6A5KV", n = "multiple__rU9qF", a = "caption__F3uLb", o = {
|
|
2
|
-
chartContainer: t,
|
|
3
|
-
multiple: n,
|
|
4
|
-
caption: a
|
|
5
|
-
};
|
|
6
|
-
export {
|
|
7
|
-
a as caption,
|
|
8
|
-
t as chartContainer,
|
|
9
|
-
o as default,
|
|
10
|
-
n as multiple
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=style.module.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { jsx as a, jsxs as e } from "react/jsx-runtime";
|
|
2
|
-
import l from "./styles.module.css.js";
|
|
3
|
-
const i = (r) => /* @__PURE__ */ a("div", { className: l.container, children: /* @__PURE__ */ e("div", { className: l.label, children: [
|
|
4
|
-
r.datum.label,
|
|
5
|
-
": ",
|
|
6
|
-
/* @__PURE__ */ e("strong", { children: [
|
|
7
|
-
r.datum.value,
|
|
8
|
-
"%"
|
|
9
|
-
] })
|
|
10
|
-
] }) });
|
|
11
|
-
export {
|
|
12
|
-
i as renderArcTooltip
|
|
13
|
-
};
|
|
14
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../src/components/visualizations/donut-chart/components/arc-tooltip/index.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport type { DefaultRawDatum, PieTooltipProps } from '@nivo/pie'\nimport s from './styles.module.css'\n\nexport const renderArcTooltip: FC<PieTooltipProps<DefaultRawDatum>> = (d) => (\n\t<div className={s.container}>\n\t\t<div className={s.label}>\n\t\t\t{d.datum.label}: <strong>{d.datum.value}%</strong>\n\t\t</div>\n\t</div>\n)\n"],"names":["renderArcTooltip","d","jsx","s","jsxs"],"mappings":";;AAIO,MAAMA,IAAyD,CAACC,MACtE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAE,WACjB,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAE,OAChB,UAAA;AAAA,EAAAF,EAAE,MAAM;AAAA,EAAM;AAAA,oBAAG,UAAA,EAAQ,UAAA;AAAA,IAAAA,EAAE,MAAM;AAAA,IAAM;AAAA,EAAA,EAAA,CAAC;AAAA,EAAA,CAC1C,EAAA,CACD;"}
|
package/components/visualizations/donut-chart/components/arc-tooltip/styles.module.css.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as r, jsx as t } from "react/jsx-runtime";
|
|
3
|
-
import { useRef as a, useState as h, useEffect as m } from "react";
|
|
4
|
-
import { animated as s } from "@react-spring/web";
|
|
5
|
-
import n from "./styles.module.css.js";
|
|
6
|
-
const l = 180, g = (e) => {
|
|
7
|
-
const i = a(null), [o, c] = h(0);
|
|
8
|
-
return m(() => {
|
|
9
|
-
i.current && c(i.current.offsetHeight);
|
|
10
|
-
}, []), /* @__PURE__ */ r(s.g, { opacity: e.style.opacity, children: [
|
|
11
|
-
/* @__PURE__ */ t(
|
|
12
|
-
s.path,
|
|
13
|
-
{
|
|
14
|
-
fill: "none",
|
|
15
|
-
d: e.style.path,
|
|
16
|
-
stroke: e.style.linkColor,
|
|
17
|
-
strokeWidth: e.style.thickness
|
|
18
|
-
}
|
|
19
|
-
),
|
|
20
|
-
/* @__PURE__ */ t(
|
|
21
|
-
s.g,
|
|
22
|
-
{
|
|
23
|
-
transform: e.style.textPosition,
|
|
24
|
-
textAnchor: e.style.textAnchor,
|
|
25
|
-
className: n.containerWrapper,
|
|
26
|
-
children: /* @__PURE__ */ t(
|
|
27
|
-
"g",
|
|
28
|
-
{
|
|
29
|
-
className: n.container,
|
|
30
|
-
style: {
|
|
31
|
-
"--container-width": `${l}px`,
|
|
32
|
-
"--container-height": `${o}px`
|
|
33
|
-
},
|
|
34
|
-
children: /* @__PURE__ */ t(
|
|
35
|
-
"foreignObject",
|
|
36
|
-
{
|
|
37
|
-
dominantBaseline: "central",
|
|
38
|
-
width: l,
|
|
39
|
-
height: o,
|
|
40
|
-
children: /* @__PURE__ */ r("div", { ref: i, className: n.lockup, children: [
|
|
41
|
-
/* @__PURE__ */ r("div", { className: n.value, children: [
|
|
42
|
-
e.datum.value,
|
|
43
|
-
"%"
|
|
44
|
-
] }),
|
|
45
|
-
/* @__PURE__ */ t("div", { className: n.label, children: e.datum.label })
|
|
46
|
-
] })
|
|
47
|
-
}
|
|
48
|
-
)
|
|
49
|
-
}
|
|
50
|
-
)
|
|
51
|
-
}
|
|
52
|
-
)
|
|
53
|
-
] });
|
|
54
|
-
};
|
|
55
|
-
export {
|
|
56
|
-
g as useRenderArcLinkLabelComponent
|
|
57
|
-
};
|
|
58
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../src/components/visualizations/donut-chart/components/external-arc-label/index.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef, useState } from 'react'\nimport { animated } from '@react-spring/web'\nimport type { ComputedDatum, DefaultRawDatum } from '@nivo/pie'\nimport type { ArcLinkLabelComponent } from '@nivo/arcs'\nimport s from './styles.module.css'\n\nconst FOREIGN_OBJECT_WIDTH = 180\n\nexport const useRenderArcLinkLabelComponent: typeof ArcLinkLabelComponent<\n\tComputedDatum<DefaultRawDatum>\n> = (d) => {\n\tconst lockupRef = useRef<HTMLDivElement>(null)\n\tconst [foreignObjectHeight, setForeignObjectHeight] = useState(0)\n\n\tuseEffect(() => {\n\t\tif (lockupRef.current) {\n\t\t\tsetForeignObjectHeight(lockupRef.current.offsetHeight)\n\t\t}\n\t}, [])\n\n\treturn (\n\t\t<animated.g opacity={d.style.opacity}>\n\t\t\t<animated.path\n\t\t\t\tfill=\"none\"\n\t\t\t\td={d.style.path}\n\t\t\t\tstroke={d.style.linkColor}\n\t\t\t\tstrokeWidth={d.style.thickness}\n\t\t\t/>\n\t\t\t<animated.g\n\t\t\t\ttransform={d.style.textPosition}\n\t\t\t\ttextAnchor={d.style.textAnchor}\n\t\t\t\tclassName={s.containerWrapper}\n\t\t\t>\n\t\t\t\t<g\n\t\t\t\t\tclassName={s.container}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t['--container-width' as string]: `${FOREIGN_OBJECT_WIDTH}px`,\n\t\t\t\t\t\t['--container-height' as string]: `${foreignObjectHeight}px`,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<foreignObject\n\t\t\t\t\t\tdominantBaseline=\"central\"\n\t\t\t\t\t\twidth={FOREIGN_OBJECT_WIDTH}\n\t\t\t\t\t\theight={foreignObjectHeight}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div ref={lockupRef} className={s.lockup}>\n\t\t\t\t\t\t\t<div className={s.value}>{d.datum.value}%</div>\n\t\t\t\t\t\t\t<div className={s.label}>{d.datum.label}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</foreignObject>\n\t\t\t\t</g>\n\t\t\t</animated.g>\n\t\t</animated.g>\n\t)\n}\n"],"names":["FOREIGN_OBJECT_WIDTH","d","lockupRef","useRef","foreignObjectHeight","setForeignObjectHeight","useState","useEffect","jsxs","animated","jsx","s"],"mappings":";;;;;AAUO,MAAMA,IAAA,SAGiC,CAAAC,MAAA;AAC7C,QAAMC,IAACC,EAAA,IAAqB,GAE5B,CAAAC,GAAgBC,CAAA,IAAAC,EAAA,CAAA;AACf,SAAAC,EAAI,MAAU;AACb,iBACDF,EAAAH,EAAA,QAAA,YAAA;AAAA,EAGD,QAEE,gBAAAM,EAAAC,EAAA,GAAA,EAAA,SAAAR,EAAA,MAAA,SAAA,UAAA;AAAA,IAAU,gBAAAS;AAAA,MAATD,EAAA;AAAA,MAAA;AAAA,QAEA,MAAK;AAAA,QACL,WAAU;AAAA,QACV,QAAAR,EAAA;QAAqB,aAAAA,EAAA,MAAA;AAAA,MACtB;AAAA,IAAA;AAAA,IACU,gBAAAS;AAAA,MAATD,EAAA;AAAA,MAAA;AAAA,QAEA,WAAAR,QAAc;AAAA,QACd,YAAWA,EAAE,MAAA;AAAA,QAEb;QAAA,UAAC,gBAAAS;AAAA,UAAA;AAAA,UAAA;AAAA,YAEA,WAAOC,EAAA;AAAA,YAAA;cAEL,qBAA8B,GAAGX,CAAsB;AAAA,cACzD,sBAAA,GAAAI,CAAA;AAAA,YAEA;AAAA,YAAA,UAAC,gBAAAM;AAAA,cAAA;AAAA,cAAA;AAAA,gBAEA,kBAAO;AAAA,gBACP;gBAEA;gBACC,UAAC,gBAAAF,EAAA,OAAI,EAAA,KAAaN,GAAQ,WAAAS,EAAA,QAAA,UAAA;AAAA,kBAAQ,gBAAAH,EAAA,OAAA,EAAA,WAAAG,EAAA,OAAA,UAAA;AAAA,oBAAMV,EAAA,MAAA;AAAA;kBAAC,EAAA,CAAA;AAAA,kBAE1C,gBAAAS,EAAA,OAAA,EAAA,WAAAC,EAAA,OAAA,UAAAV,EAAA,MAAA,MAAA,CAAA;AAAA,gBAAA,EAAA,CAAA;AAAA,cAAA;AAAA,YACD;AAAA,UAAA;AAAA,QACD;AAAA,MAAA;AAAA;EAIJ,EAAA,CAAA;;"}
|
package/components/visualizations/donut-chart/components/external-arc-label/styles.module.css.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
const a = "containerWrapper__L6jJb", n = "container__0ahUu", e = "lockup__7l75G", o = "value__AL9Ol", c = "label__oG0LT", l = {
|
|
2
|
-
containerWrapper: a,
|
|
3
|
-
container: n,
|
|
4
|
-
lockup: e,
|
|
5
|
-
value: o,
|
|
6
|
-
label: c
|
|
7
|
-
};
|
|
8
|
-
export {
|
|
9
|
-
n as container,
|
|
10
|
-
a as containerWrapper,
|
|
11
|
-
l as default,
|
|
12
|
-
c as label,
|
|
13
|
-
e as lockup,
|
|
14
|
-
o as value
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=styles.module.css.js.map
|
package/components/visualizations/donut-chart/components/external-arc-label/styles.module.css.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as s, Fragment as h, jsx as e } from "react/jsx-runtime";
|
|
3
|
-
import { useRef as g, useState as c, useEffect as d } from "react";
|
|
4
|
-
import { animated as a } from "@react-spring/web";
|
|
5
|
-
import p from "classnames";
|
|
6
|
-
import o from "./styles.module.css.js";
|
|
7
|
-
import { getContrastYIQ as u, hexToRgb as b } from "../../../../../utils/get-contrast-yiq.js";
|
|
8
|
-
const C = (t) => {
|
|
9
|
-
const r = g(null), [i, l] = c(0), [n, m] = c(0);
|
|
10
|
-
d(() => {
|
|
11
|
-
r.current && (l(r.current.offsetWidth), m(r.current.offsetHeight));
|
|
12
|
-
}, []);
|
|
13
|
-
const f = u(b(t.datum.color));
|
|
14
|
-
return /* @__PURE__ */ s(h, { children: [
|
|
15
|
-
/* @__PURE__ */ e("path", {}),
|
|
16
|
-
/* @__PURE__ */ e(a.g, { transform: t.style.transform, opacity: t.style.progress, children: /* @__PURE__ */ e(
|
|
17
|
-
"g",
|
|
18
|
-
{
|
|
19
|
-
className: o.container,
|
|
20
|
-
style: {
|
|
21
|
-
"--container-width": `${i}px`,
|
|
22
|
-
"--container-height": `${n}px`
|
|
23
|
-
},
|
|
24
|
-
children: /* @__PURE__ */ e(
|
|
25
|
-
a.foreignObject,
|
|
26
|
-
{
|
|
27
|
-
width: i,
|
|
28
|
-
height: n,
|
|
29
|
-
children: /* @__PURE__ */ e("div", { className: p(o.label, o[f]), children: /* @__PURE__ */ s("div", { ref: r, children: [
|
|
30
|
-
t.datum.value,
|
|
31
|
-
"%"
|
|
32
|
-
] }) })
|
|
33
|
-
}
|
|
34
|
-
)
|
|
35
|
-
}
|
|
36
|
-
) })
|
|
37
|
-
] });
|
|
38
|
-
};
|
|
39
|
-
export {
|
|
40
|
-
C as useRenderArcLabelComponent
|
|
41
|
-
};
|
|
42
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../src/components/visualizations/donut-chart/components/internal-arc-label/index.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef, useState } from 'react'\nimport { animated } from '@react-spring/web'\nimport type { ComputedDatum, DefaultRawDatum } from '@nivo/pie'\nimport type { ArcLabelComponent } from '@nivo/arcs'\nimport classNames from 'classnames'\nimport s from './styles.module.css'\nimport { getContrastYIQ, hexToRgb } from '../../../../../utils/get-contrast-yiq'\n\nexport const useRenderArcLabelComponent: typeof ArcLabelComponent<\n\tComputedDatum<DefaultRawDatum>\n> = (d) => {\n\tconst labelRef = useRef<HTMLDivElement>(null)\n\tconst [foreignObjectWidth, setForeignObjectWidth] = useState(0)\n\tconst [foreignObjectHeight, setForeignObjectHeight] = useState(0)\n\n\tuseEffect(() => {\n\t\tif (labelRef.current) {\n\t\t\tsetForeignObjectWidth(labelRef.current.offsetWidth)\n\t\t\tsetForeignObjectHeight(labelRef.current.offsetHeight)\n\t\t}\n\t}, [])\n\n\tconst textColor = getContrastYIQ(hexToRgb(d.datum.color))\n\treturn (\n\t\t<>\n\t\t\t<path />\n\t\t\t<animated.g transform={d.style.transform} opacity={d.style.progress}>\n\t\t\t\t<g\n\t\t\t\t\tclassName={s.container}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t['--container-width' as string]: `${foreignObjectWidth}px`,\n\t\t\t\t\t\t['--container-height' as string]: `${foreignObjectHeight}px`,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<animated.foreignObject\n\t\t\t\t\t\twidth={foreignObjectWidth}\n\t\t\t\t\t\theight={foreignObjectHeight}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={classNames(s.label, s[textColor])}>\n\t\t\t\t\t\t\t<div ref={labelRef}>{d.datum.value}%</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</animated.foreignObject>\n\t\t\t\t</g>\n\t\t\t</animated.g>\n\t\t</>\n\t)\n}\n"],"names":["d","labelRef","useRef","foreignObjectWidth","setForeignObjectWidth","useState","foreignObjectHeight","setForeignObjectHeight","useEffect","jsxs","Fragment","jsx","animated","s","classNames","textColor"],"mappings":";;;;;;;AAaC,UAA4C,CAAAA,MAAA;AAC5C,QAAMC,IAACC,EAAA,IAAoB,GACrB,CAACC,GAAAC,CAAqB,IAAsBC,EAAI,IAEtD,CAAAC,GAAgBC,CAAA,IAAAF,EAAA,CAAA;AACf,EAAAG,EAAI,MAAS;AACZ,kBACAJ,EAAAH,EAAuB,sBACxBM,EAAAN,EAAA,QAAA,YAAA;AAAA,EAGD,GAAA,CAAA,CAAA;AACA,wBAEE,KAAA,CAAA;AAAA,SAAC,gBAAAQ,EAAAC,GAAK,EAAA,UAAA;AAAA,IACN,gBAAAC,EAAC,QAAA,CAAS,CAAA;AAAA,IACR,gBAAAA,EAAAC,EAAA,GAAA,EAAA,WAAAZ,EAAA,MAAA,WAAA,SAAAA,EAAA,MAAA,UAAA,UAAA,gBAAAW;AAAA,MAAA;AAAA,MAAA;AAAA,QAEA,WAAOE,EAAA;AAAA,QAAA;UAEL,qBAA8B,GAAGV,CAAG;AAAA,UACtC,sBAAA,GAAAG,CAAA;AAAA,QAEA;AAAA,QAAA,UAAU,gBAAAK;AAAA,UAATC,EAAA;AAAA,UAAA;AAAA,YAEA;YAEA,QAAAN;AAAA,YACsB,UAAQ,gBAAAK,EAAA,OAAA,EAAA,WAAAG,EAAAD,EAAA,OAAAA,EAAAE,CAAA,CAAA,GAAA,UAAA,gBAAAN,EAAA,OAAA,EAAA,KAAAR,GAAA,UAAA;AAAA,cAAMD,EAAA,MAAA;AAAA,cAAA;AAAA,YACpC,EAAA,CAAA,EAAA,CAAA;AAAA,UAAA;AAAA,QACD;AAAA,MACD;AAAA,MAEF,CAAA;AAAA,EAEF,EAAA,CAAA;;"}
|
package/components/visualizations/donut-chart/components/internal-arc-label/styles.module.css.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
const t = "container__zNSm3", a = "label__lanZz", l = "light__cA0lL", n = "dark__tX3sL", c = {
|
|
2
|
-
container: t,
|
|
3
|
-
label: a,
|
|
4
|
-
light: l,
|
|
5
|
-
dark: n
|
|
6
|
-
};
|
|
7
|
-
export {
|
|
8
|
-
t as container,
|
|
9
|
-
n as dark,
|
|
10
|
-
c as default,
|
|
11
|
-
a as label,
|
|
12
|
-
l as light
|
|
13
|
-
};
|
|
14
|
-
//# sourceMappingURL=styles.module.css.js.map
|
package/components/visualizations/donut-chart/components/internal-arc-label/styles.module.css.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as i, jsx as t } from "react/jsx-runtime";
|
|
3
|
-
import { useState as b } from "react";
|
|
4
|
-
import { ResponsivePie as g } from "@nivo/pie";
|
|
5
|
-
import f from "use-resize-observer";
|
|
6
|
-
import m from "classnames";
|
|
7
|
-
import { Tabs as c } from "../../tabs/index.js";
|
|
8
|
-
import { useTabsContext as L } from "../../tabs/use-tabs-context.js";
|
|
9
|
-
import o from "./styles.module.css.js";
|
|
10
|
-
import { renderArcTooltip as h } from "./components/arc-tooltip/index.js";
|
|
11
|
-
import { useRenderArcLinkLabelComponent as d } from "./components/external-arc-label/index.js";
|
|
12
|
-
import { useRenderArcLabelComponent as k } from "./components/internal-arc-label/index.js";
|
|
13
|
-
const C = (e) => e > 4 ? 24 : 16, A = (e) => e === "xsmall" ? { top: 10, right: 0, bottom: 10, left: 0 } : e === "small" ? { top: 10, right: 40, bottom: 20, left: 40 } : { top: 80, right: 210, bottom: 84, left: 210 }, N = ({ data: e }) => e.length > 1 ? /* @__PURE__ */ i(c.Provider, { size: "large", children: [
|
|
14
|
-
/* @__PURE__ */ t(c.TabList, { children: e.map((r, a) => /* @__PURE__ */ t(c.Tab, { className: o.tab, children: r.groupName }, a)) }),
|
|
15
|
-
/* @__PURE__ */ t(D, { data: e })
|
|
16
|
-
] }) : /* @__PURE__ */ t(p, { data: e });
|
|
17
|
-
N.displayName = "DonutChart";
|
|
18
|
-
const D = ({ data: e }) => {
|
|
19
|
-
const { selectedTabIndex: r, tabIds: a } = L(), n = a[r];
|
|
20
|
-
return /* @__PURE__ */ t(p, { tabId: n, data: e, groupIndex: r });
|
|
21
|
-
}, p = ({
|
|
22
|
-
tabId: e,
|
|
23
|
-
data: r,
|
|
24
|
-
groupIndex: a = 0
|
|
25
|
-
}) => {
|
|
26
|
-
const [n, s] = b("regular"), { ref: u } = f({
|
|
27
|
-
onResize: ({ width: l }) => {
|
|
28
|
-
l && l < 360 ? s("xsmall") : l && l < 600 ? s("small") : s("regular");
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
return /* @__PURE__ */ i(
|
|
32
|
-
"figure",
|
|
33
|
-
{
|
|
34
|
-
className: m(
|
|
35
|
-
o["chart-container"],
|
|
36
|
-
r.length > 1 && o.multiple
|
|
37
|
-
),
|
|
38
|
-
id: r[a].groupId,
|
|
39
|
-
role: "tabpanel",
|
|
40
|
-
tabIndex: 0,
|
|
41
|
-
"aria-label": e ? void 0 : r[a].groupName,
|
|
42
|
-
"aria-labelledby": e || void 0,
|
|
43
|
-
children: [
|
|
44
|
-
/* @__PURE__ */ i("div", { className: m(o.chart, o[n]), ref: u, children: [
|
|
45
|
-
/* @__PURE__ */ t(
|
|
46
|
-
g,
|
|
47
|
-
{
|
|
48
|
-
data: r[a].groupData,
|
|
49
|
-
margin: A(n),
|
|
50
|
-
enableArcLabels: n !== "regular",
|
|
51
|
-
enableArcLinkLabels: n === "regular",
|
|
52
|
-
arcLabelsComponent: k,
|
|
53
|
-
arcLinkLabelComponent: d,
|
|
54
|
-
arcLinkLabelsSkipAngle: C(
|
|
55
|
-
r[a].groupData.length
|
|
56
|
-
),
|
|
57
|
-
tooltip: h,
|
|
58
|
-
"aria-hidden": "true",
|
|
59
|
-
colors: { datum: "data.color" },
|
|
60
|
-
innerRadius: 0.5,
|
|
61
|
-
padAngle: 1,
|
|
62
|
-
cornerRadius: 8,
|
|
63
|
-
activeOuterRadiusOffset: 4,
|
|
64
|
-
arcLinkLabelsThickness: 1,
|
|
65
|
-
arcLinkLabelsOffset: 4,
|
|
66
|
-
arcLinkLabelsDiagonalLength: 28,
|
|
67
|
-
arcLinkLabelsStraightLength: 24,
|
|
68
|
-
arcLabelsSkipAngle: 16
|
|
69
|
-
}
|
|
70
|
-
),
|
|
71
|
-
r[a].groupCaption && /* @__PURE__ */ t("figcaption", { children: r[a].groupCaption })
|
|
72
|
-
] }),
|
|
73
|
-
n !== "regular" && /* @__PURE__ */ t("ul", { className: o.legend, "aria-hidden": "true", children: r[a].groupData.map((l) => /* @__PURE__ */ i("li", { children: [
|
|
74
|
-
/* @__PURE__ */ t(
|
|
75
|
-
"span",
|
|
76
|
-
{
|
|
77
|
-
className: o["legend-dot"],
|
|
78
|
-
style: { background: l.color }
|
|
79
|
-
}
|
|
80
|
-
),
|
|
81
|
-
l.label
|
|
82
|
-
] }, l.id)) })
|
|
83
|
-
]
|
|
84
|
-
}
|
|
85
|
-
);
|
|
86
|
-
};
|
|
87
|
-
export {
|
|
88
|
-
N as DonutChart
|
|
89
|
-
};
|
|
90
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/visualizations/donut-chart/index.tsx"],"sourcesContent":["'use client'\n\nimport { useState } from 'react'\nimport { ResponsivePie } from '@nivo/pie'\nimport type { DonutChartData, DonutChartProps, DonutChartSize } from './types'\nimport useResizeObserver from 'use-resize-observer'\nimport classNames from 'classnames'\nimport { Tabs } from '../../tabs'\nimport {\n\trenderArcTooltip,\n\tuseRenderArcLabelComponent,\n\tuseRenderArcLinkLabelComponent,\n} from './components'\nimport { useTabsContext } from '../../tabs/use-tabs-context'\nimport s from './styles.module.css'\n\nconst getArcLinkLabelsSkipAngle = (count: number): number => {\n\tif (count > 4) {\n\t\treturn 24\n\t}\n\n\treturn 16\n}\n\nconst getMargins = (\n\tsize: DonutChartSize\n): {\n\ttop?: number\n\tright?: number\n\tbottom?: number\n\tleft?: number\n} => {\n\tif (size === 'xsmall') {\n\t\treturn { top: 10, right: 0, bottom: 10, left: 0 }\n\t} else if (size === 'small') {\n\t\treturn { top: 10, right: 40, bottom: 20, left: 40 }\n\t} else {\n\t\treturn { top: 80, right: 210, bottom: 84, left: 210 }\n\t}\n}\n\nexport const DonutChart = ({ data }: DonutChartProps) =>\n\tdata.length > 1 ? (\n\t\t<Tabs.Provider size=\"large\">\n\t\t\t<Tabs.TabList>\n\t\t\t\t{data.map((group, i) => (\n\t\t\t\t\t<Tabs.Tab key={i} className={s.tab}>\n\t\t\t\t\t\t{group.groupName}\n\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t))}\n\t\t\t</Tabs.TabList>\n\t\t\t<DonutChartPanelWithTabCtx data={data} />\n\t\t</Tabs.Provider>\n\t) : (\n\t\t<DonutChartPanel data={data} />\n\t)\n\nDonutChart.displayName = 'DonutChart'\n\nconst DonutChartPanelWithTabCtx = ({ data }: { data: DonutChartData[] }) => {\n\tconst { selectedTabIndex, tabIds } = useTabsContext()\n\n\tconst tabId = tabIds[selectedTabIndex]\n\n\treturn (\n\t\t<DonutChartPanel tabId={tabId} data={data} groupIndex={selectedTabIndex} />\n\t)\n}\n\nexport interface DonutChartPanelProps {\n\ttabId?: string\n\tdata: DonutChartData[]\n\tgroupIndex?: number\n}\n\nconst DonutChartPanel = ({\n\ttabId,\n\tdata,\n\tgroupIndex = 0,\n}: DonutChartPanelProps) => {\n\tconst [size, setSize] = useState<DonutChartSize>('regular')\n\tconst { ref } = useResizeObserver<HTMLDivElement>({\n\t\tonResize: ({ width }) => {\n\t\t\tif (width && width < 360) {\n\t\t\t\tsetSize('xsmall')\n\t\t\t} else if (width && width < 600) {\n\t\t\t\tsetSize('small')\n\t\t\t} else {\n\t\t\t\tsetSize('regular')\n\t\t\t}\n\t\t},\n\t})\n\n\treturn (\n\t\t<figure\n\t\t\tclassName={classNames(\n\t\t\t\ts['chart-container'],\n\t\t\t\tdata.length > 1 && s.multiple\n\t\t\t)}\n\t\t\tid={data[groupIndex].groupId}\n\t\t\trole=\"tabpanel\"\n\t\t\ttabIndex={0}\n\t\t\taria-label={tabId ? undefined : data[groupIndex].groupName}\n\t\t\taria-labelledby={tabId || undefined}\n\t\t>\n\t\t\t<div className={classNames(s.chart, s[size])} ref={ref}>\n\t\t\t\t<ResponsivePie\n\t\t\t\t\tdata={data[groupIndex].groupData}\n\t\t\t\t\tmargin={getMargins(size)}\n\t\t\t\t\tenableArcLabels={size !== 'regular'}\n\t\t\t\t\tenableArcLinkLabels={size === 'regular'}\n\t\t\t\t\tarcLabelsComponent={useRenderArcLabelComponent}\n\t\t\t\t\tarcLinkLabelComponent={useRenderArcLinkLabelComponent}\n\t\t\t\t\tarcLinkLabelsSkipAngle={getArcLinkLabelsSkipAngle(\n\t\t\t\t\t\tdata[groupIndex].groupData.length\n\t\t\t\t\t)}\n\t\t\t\t\ttooltip={renderArcTooltip}\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tcolors={{ datum: 'data.color' }}\n\t\t\t\t\tinnerRadius={0.5}\n\t\t\t\t\tpadAngle={1}\n\t\t\t\t\tcornerRadius={8}\n\t\t\t\t\tactiveOuterRadiusOffset={4}\n\t\t\t\t\tarcLinkLabelsThickness={1}\n\t\t\t\t\tarcLinkLabelsOffset={4}\n\t\t\t\t\tarcLinkLabelsDiagonalLength={28}\n\t\t\t\t\tarcLinkLabelsStraightLength={24}\n\t\t\t\t\tarcLabelsSkipAngle={16}\n\t\t\t\t/>\n\t\t\t\t{data[groupIndex].groupCaption && (\n\t\t\t\t\t<figcaption>{data[groupIndex].groupCaption}</figcaption>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{size !== 'regular' && (\n\t\t\t\t<ul className={s.legend} aria-hidden=\"true\">\n\t\t\t\t\t{data[groupIndex].groupData.map((record) => (\n\t\t\t\t\t\t<li key={record.id}>\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={s['legend-dot']}\n\t\t\t\t\t\t\t\tstyle={{ background: record.color }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{record.label}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t))}\n\t\t\t\t</ul>\n\t\t\t)}\n\t\t</figure>\n\t)\n}\n"],"names":["getArcLinkLabelsSkipAngle","count","getMargins","size","DonutChart","data","jsxs","Tabs","jsx","group","i","s","DonutChartPanelWithTabCtx","DonutChartPanel","selectedTabIndex","useTabsContext","tabId","tabIds","groupIndex","setSize","useResizeObserver","width","classNames","ref","ResponsivePie","useRenderArcLabelComponent","renderArcTooltip","record"],"mappings":"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"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
const l = "multiple__wNVrv", e = "chart__e2uI3", t = "regular__ZEuW4", a = "small__mxvr9", r = "xsmall__XrerL", n = "legend__t7i7f", _ = {
|
|
2
|
-
"chart-container": "chart-container__uF6xN",
|
|
3
|
-
multiple: l,
|
|
4
|
-
chart: e,
|
|
5
|
-
regular: t,
|
|
6
|
-
small: a,
|
|
7
|
-
xsmall: r,
|
|
8
|
-
legend: n,
|
|
9
|
-
"legend-dot": "legend-dot__1ramU"
|
|
10
|
-
};
|
|
11
|
-
export {
|
|
12
|
-
e as chart,
|
|
13
|
-
_ as default,
|
|
14
|
-
n as legend,
|
|
15
|
-
l as multiple,
|
|
16
|
-
t as regular,
|
|
17
|
-
a as small,
|
|
18
|
-
r as xsmall
|
|
19
|
-
};
|
|
20
|
-
//# sourceMappingURL=styles.module.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { useState as r, useEffect as i } from "react";
|
|
2
|
-
function o(s) {
|
|
3
|
-
const [t, n] = r(!1);
|
|
4
|
-
return i(() => {
|
|
5
|
-
const e = window.matchMedia(s);
|
|
6
|
-
e.matches !== t && n(e.matches);
|
|
7
|
-
const a = (c) => {
|
|
8
|
-
n(c.matches);
|
|
9
|
-
};
|
|
10
|
-
return e.addEventListener("change", a), () => e.removeEventListener("change", a);
|
|
11
|
-
}, [t, s]), t;
|
|
12
|
-
}
|
|
13
|
-
export {
|
|
14
|
-
o as useMediaQuery
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../hooks/use-media-query/index.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\n\nfunction useMediaQuery(query: string) {\n\tconst [matches, setMatches] = useState(false)\n\n\tuseEffect(() => {\n\t\tconst media = window.matchMedia(query)\n\t\tif (media.matches !== matches) {\n\t\t\tsetMatches(media.matches)\n\t\t}\n\n\t\tconst listener = (event: MediaQueryListEvent) => {\n\t\t\tsetMatches(event.matches)\n\t\t}\n\n\t\tmedia.addEventListener('change', listener)\n\t\treturn () => media.removeEventListener('change', listener)\n\t}, [matches, query])\n\n\treturn matches\n}\n\nexport { useMediaQuery }\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event"],"mappings":";AAEA,SAASA,EAAcC,GAAe;AACrC,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACf,UAAMC,IAAQ,OAAO,WAAWL,CAAK;AACrC,IAAIK,EAAM,YAAYJ,KACrBC,EAAWG,EAAM,OAAO;AAGzB,UAAMC,IAAW,CAACC,MAA+B;AAChD,MAAAL,EAAWK,EAAM,OAAO;AAAA,IACzB;AAEA,WAAAF,EAAM,iBAAiB,UAAUC,CAAQ,GAClC,MAAMD,EAAM,oBAAoB,UAAUC,CAAQ;AAAA,EAC1D,GAAG,CAACL,GAASD,CAAK,CAAC,GAEZC;AACR;"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { UnifiedCard as d } from "../unified-card/index.js";
|
|
3
|
-
import i from "./style.module.css.js";
|
|
4
|
-
const f = ({
|
|
5
|
-
heading: r,
|
|
6
|
-
date: o,
|
|
7
|
-
category: m,
|
|
8
|
-
link: a,
|
|
9
|
-
thumbnail: e,
|
|
10
|
-
withArrow: s = !1
|
|
11
|
-
}) => /* @__PURE__ */ t(
|
|
12
|
-
d,
|
|
13
|
-
{
|
|
14
|
-
heading: r,
|
|
15
|
-
meta: [o, m],
|
|
16
|
-
link: a,
|
|
17
|
-
thumbnail: e,
|
|
18
|
-
withArrow: s,
|
|
19
|
-
className: i.newsroomCard
|
|
20
|
-
}
|
|
21
|
-
);
|
|
22
|
-
f.displayName = "NewsroomCard";
|
|
23
|
-
export {
|
|
24
|
-
f as NewsroomCard
|
|
25
|
-
};
|
|
26
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/patterns/card/newsroom-card/index.tsx"],"sourcesContent":["import type { ThumbnailProps } from '../types'\nimport { UnifiedCard } from '../unified-card'\nimport s from './style.module.css'\n\ninterface NewsroomCardProps {\n\theading: string\n\tdate: string\n\tcategory: string\n\tlink: string\n\tthumbnail?: ThumbnailProps\n\twithArrow?: boolean\n}\n\nconst NewsroomCard = ({\n\theading,\n\tdate,\n\tcategory,\n\tlink,\n\tthumbnail,\n\twithArrow = false,\n}: NewsroomCardProps) => {\n\treturn (\n\t\t<UnifiedCard\n\t\t\theading={heading}\n\t\t\tmeta={[date, category]}\n\t\t\tlink={link}\n\t\t\tthumbnail={thumbnail}\n\t\t\twithArrow={withArrow}\n\t\t\tclassName={s.newsroomCard}\n\t\t/>\n\t)\n}\n\nNewsroomCard.displayName = 'NewsroomCard'\n\nexport type { NewsroomCardProps }\nexport { NewsroomCard }\n"],"names":["NewsroomCard","heading","date","category","link","thumbnail","withArrow","jsx","UnifiedCard","s"],"mappings":";;;AAaA,MAAMA,IAAe,CAAC;AAAA,EACrB,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC,IAAY;AACb,MAEE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACA,SAAAP;AAAA,IACA,MAAM,CAACC,GAAMC,CAAQ;AAAA,IACrB,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAWG,EAAE;AAAA,EAAA;AAAA;AAKhBT,EAAa,cAAc;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as l, jsx as r } from "react/jsx-runtime";
|
|
3
|
-
import { useMDSImage as C } from "../../../utils/mds-context/index.js";
|
|
4
|
-
import { Badge as P } from "../../../components/badge/index.js";
|
|
5
|
-
import { Text as u } from "../../../components/text/index.js";
|
|
6
|
-
import { CardPrimitives as t } from "../primitives.js";
|
|
7
|
-
import o from "./style.module.css.js";
|
|
8
|
-
const N = ({
|
|
9
|
-
heading: n,
|
|
10
|
-
description: m,
|
|
11
|
-
meta: d,
|
|
12
|
-
link: c,
|
|
13
|
-
productBadges: e,
|
|
14
|
-
competencyBadges: a,
|
|
15
|
-
logo: i,
|
|
16
|
-
className: h
|
|
17
|
-
}) => {
|
|
18
|
-
const f = C(), p = e && e.length > 0, s = a && a.length > 0;
|
|
19
|
-
return /* @__PURE__ */ l(
|
|
20
|
-
t.Root,
|
|
21
|
-
{
|
|
22
|
-
link: c,
|
|
23
|
-
withArrow: !1,
|
|
24
|
-
isExternal: !1,
|
|
25
|
-
className: h,
|
|
26
|
-
"aria-label": n,
|
|
27
|
-
children: [
|
|
28
|
-
/* @__PURE__ */ r("div", { className: o.logoContainer, children: /* @__PURE__ */ r(f, { ...i, alt: i.alt, className: o.logo }) }),
|
|
29
|
-
/* @__PURE__ */ l(t.Content, { children: [
|
|
30
|
-
/* @__PURE__ */ r(t.Meta, { items: d }),
|
|
31
|
-
/* @__PURE__ */ r(u.Body, { tag: "p", size: "200", className: o.description, children: m }),
|
|
32
|
-
p || s ? /* @__PURE__ */ r(t.ProductBadges, { badges: e || [], children: s && a.map((g, x) => /* @__PURE__ */ r(P, { text: g, icon: "dot" }, x)) }) : null
|
|
33
|
-
] })
|
|
34
|
-
]
|
|
35
|
-
}
|
|
36
|
-
);
|
|
37
|
-
};
|
|
38
|
-
N.displayName = "PartnerCard";
|
|
39
|
-
export {
|
|
40
|
-
N as PartnerCard
|
|
41
|
-
};
|
|
42
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/patterns/card/partner-card/index.tsx"],"sourcesContent":["'use client'\n\nimport type { MDSImageProps } from '../../../utils/mds-context'\nimport { useMDSImage } from '../../../utils/mds-context'\nimport { Badge } from '../../../components/badge'\nimport { Text } from '../../../components/text'\nimport { CardPrimitives } from '../primitives'\nimport type { CardPatternProps } from '../types'\nimport s from './style.module.css'\n\ninterface PartnerCardProps {\n\theading: string\n\tdescription: string\n\tmeta: string[]\n\tlink: string\n\tproductBadges?: CardPatternProps['productBadges']\n\tcompetencyBadges?: string[]\n\tlogo: MDSImageProps\n\tclassName?: string\n}\n\nconst PartnerCard = ({\n\theading,\n\tdescription,\n\tmeta,\n\tlink,\n\tproductBadges,\n\tcompetencyBadges,\n\tlogo,\n\tclassName,\n}: PartnerCardProps) => {\n\tconst Image = useMDSImage()\n\n\tconst hasProductBadges = productBadges && productBadges.length > 0\n\tconst hasCompetencyBadges = competencyBadges && competencyBadges.length > 0\n\n\treturn (\n\t\t<CardPrimitives.Root\n\t\t\tlink={link}\n\t\t\twithArrow={false}\n\t\t\tisExternal={false}\n\t\t\tclassName={className}\n\t\t\taria-label={heading}\n\t\t>\n\t\t\t<div className={s.logoContainer}>\n\t\t\t\t<Image {...logo} alt={logo.alt} className={s.logo} />\n\t\t\t</div>\n\t\t\t<CardPrimitives.Content>\n\t\t\t\t<CardPrimitives.Meta items={meta} />\n\t\t\t\t<Text.Body tag=\"p\" size=\"200\" className={s.description}>\n\t\t\t\t\t{description}\n\t\t\t\t</Text.Body>\n\t\t\t\t{hasProductBadges || hasCompetencyBadges ? (\n\t\t\t\t\t<CardPrimitives.ProductBadges badges={productBadges || []}>\n\t\t\t\t\t\t{hasCompetencyBadges &&\n\t\t\t\t\t\t\tcompetencyBadges.map((competencyBadge, stableIdx) => (\n\t\t\t\t\t\t\t\t<Badge key={stableIdx} text={competencyBadge} icon=\"dot\" />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t</CardPrimitives.ProductBadges>\n\t\t\t\t) : null}\n\t\t\t</CardPrimitives.Content>\n\t\t</CardPrimitives.Root>\n\t)\n}\n\nPartnerCard.displayName = 'PartnerCard'\n\nexport type { PartnerCardProps }\nexport { PartnerCard }\n"],"names":["PartnerCard","heading","description","meta","link","productBadges","competencyBadges","logo","className","Image","hasProductBadges","jsxs","CardPrimitives","jsx","s","Text","hasCompetencyBadges","competencyBadge","stableIdx","Badge"],"mappings":";;;;;;;AAqBqB,MACpBA,IAAA,CAAA;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,MAAAC;AAAA,EACD,WAAAC;AACC,MAAA;AAEA,QAAMC,MAAmB,GACnBC,IAAAL,KAAsBA,EAAoB,SAAiB,OAGhEC,KAAAA,EAAA,SAAA;AAAA,SAAgB,gBAAAK;AAAA,IAAfC,EAAA;AAAA,IAAA;AAAA,MAEA,MAAAR;AAAA,MACA;MACA,YAAA;AAAA,MACA,WAAAI;AAAA,MAEA,cAAAP;AAAA,MAAA,UAAA;AAAA,QAGA,gBAAAY,EAAA,OAAC,EAAA,4BACA,UAAA,gBAAAA,EAAAJ,GAAA,EAAA,GAAAF,GAAA,KAAAA,EAAA,KAAA,WAAAO,EAAA,KAAA,CAAA,EAAA,CAAA;AAAA,QAAA,gBAAAH,EAAAC,EAAC,SAAoB,EAAA,UAAO;AAAA,UAC5B,gBAAAC,EAACD,EAAU,MAAI,EAAI,OAAKT,EAAA,CAAM;AAAA,UAG7B,gBAAAU,EAAoBE,EAAA,MAAA,EAAA,KAAA,KAAA,MAAA,OAAA,WACnBD,EAAA,aAAe,UAAfZ,EAAqC,CAAA;AAAA,UAMnCQ,KACLM,IAAA,gBAAAH,EAAAD,EAAA,eAAA,EAAA,QAAAP,KAAA,CAAA,GAAA,UAAAW,KAAAV,EAAA,IAAA,CAAAW,GAAAC,MAAA,gBAAAL,EAAAM,GAAA,EAAA,MAAAF,GAAA,MAAA,MAAA,GAAAC,CAAA,CAAA,EAAA,CAAA,IAAA;AAAA,QAAA,EAAA,CAAA;AAAA,MAAA;AAAA,IACD;AAAA,EAEF;AAEA;;"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
const o = "description__-1CDK", n = "logoContainer__9VUWm", t = "logo__E1-po", i = {
|
|
2
|
-
description: o,
|
|
3
|
-
logoContainer: n,
|
|
4
|
-
logo: t
|
|
5
|
-
};
|
|
6
|
-
export {
|
|
7
|
-
i as default,
|
|
8
|
-
o as description,
|
|
9
|
-
t as logo,
|
|
10
|
-
n as logoContainer
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=style.module.css.js.map
|