@coorpacademy/components 10.1.1 → 10.1.5
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/es/atom/button/index.js +3 -1
- package/es/atom/button/index.js.map +1 -1
- package/es/atom/button-link/index.js +108 -0
- package/es/atom/button-link/index.js.map +1 -0
- package/es/atom/button-link/style.css +97 -0
- package/es/atom/button-link/test/fixtures/button-dangerous-no-icon.js +10 -0
- package/es/atom/button-link/test/fixtures/button-dangerous-no-icon.js.map +1 -0
- package/es/atom/button-link/test/fixtures/button-primary-icon-left.js +14 -0
- package/es/atom/button-link/test/fixtures/button-primary-icon-left.js.map +1 -0
- package/es/atom/button-link/test/fixtures/button-primary-no-icon.js +10 -0
- package/es/atom/button-link/test/fixtures/button-primary-no-icon.js.map +1 -0
- package/es/atom/button-link/test/fixtures/button-secondary-no-icon-disabled.js +11 -0
- package/es/atom/button-link/test/fixtures/button-secondary-no-icon-disabled.js.map +1 -0
- package/es/atom/button-link/test/fixtures/button-tertiary-icon-left.js +14 -0
- package/es/atom/button-link/test/fixtures/button-tertiary-icon-left.js.map +1 -0
- package/es/atom/button-link/test/fixtures/icon-button.js +13 -0
- package/es/atom/button-link/test/fixtures/icon-button.js.map +1 -0
- package/es/atom/button-link/test/fixtures/link-primary-disabled-icon-right.js +17 -0
- package/es/atom/button-link/test/fixtures/link-primary-disabled-icon-right.js.map +1 -0
- package/es/atom/button-link/test/fixtures/link-secondary-icon-right.js +20 -0
- package/es/atom/button-link/test/fixtures/link-secondary-icon-right.js.map +1 -0
- package/es/atom/button-link/test/fixtures/link-tertiary-no-icon.js +16 -0
- package/es/atom/button-link/test/fixtures/link-tertiary-no-icon.js.map +1 -0
- package/es/atom/button-link/test/fixtures/link-text-icon-right-target-blank.js +17 -0
- package/es/atom/button-link/test/fixtures/link-text-icon-right-target-blank.js.map +1 -0
- package/es/atom/button-link/test/fixtures/link-text-no-icon-download.js +13 -0
- package/es/atom/button-link/test/fixtures/link-text-no-icon-download.js.map +1 -0
- package/es/atom/chips/index.js +8 -4
- package/es/atom/chips/index.js.map +1 -1
- package/es/atom/chips/style.css +17 -2
- package/es/atom/chips/test/fixtures/long-text.js +9 -0
- package/es/atom/chips/test/fixtures/long-text.js.map +1 -0
- package/es/atom/content-badge/index.js +4 -4
- package/es/atom/content-badge/index.js.map +1 -1
- package/es/atom/input-search/index.js +65 -0
- package/es/atom/input-search/index.js.map +1 -0
- package/es/atom/input-search/style.css +202 -0
- package/es/{molecule/search → atom/input-search}/test/change.js +0 -0
- package/es/atom/input-search/test/change.js.map +1 -0
- package/es/atom/input-search/test/fixtures/coorpmanager-with-value.js +14 -0
- package/es/atom/input-search/test/fixtures/coorpmanager-with-value.js.map +1 -0
- package/es/atom/input-search/test/fixtures/coorpmanager.js +13 -0
- package/es/atom/input-search/test/fixtures/coorpmanager.js.map +1 -0
- package/es/{molecule/search → atom/input-search}/test/fixtures/default.js +0 -0
- package/es/atom/input-search/test/fixtures/default.js.map +1 -0
- package/es/{molecule/search → atom/input-search}/test/fixtures/with-value.js +0 -0
- package/es/atom/input-search/test/fixtures/with-value.js.map +1 -0
- package/es/atom/input-text/index.js +1 -1
- package/es/atom/input-text/index.js.map +1 -1
- package/es/atom/input-text/style.css +22 -13
- package/es/atom/input-textarea/index.js +36 -11
- package/es/atom/input-textarea/index.js.map +1 -1
- package/es/atom/input-textarea/style.css +265 -0
- package/es/atom/input-textarea/test/fixtures/cm-default.js +17 -0
- package/es/atom/input-textarea/test/fixtures/cm-default.js.map +1 -0
- package/es/atom/input-textarea/test/fixtures/cm-empty.js +17 -0
- package/es/atom/input-textarea/test/fixtures/cm-empty.js.map +1 -0
- package/es/atom/tag/index.js +27 -0
- package/es/atom/tag/index.js.map +1 -0
- package/es/atom/tag/style.css +38 -0
- package/es/atom/tag/test/fixtures/archived.js +7 -0
- package/es/atom/tag/test/fixtures/archived.js.map +1 -0
- package/es/atom/tag/test/fixtures/default.js +7 -0
- package/es/atom/tag/test/fixtures/default.js.map +1 -0
- package/es/atom/tag/test/fixtures/published.js +7 -0
- package/es/atom/tag/test/fixtures/published.js.map +1 -0
- package/es/atom/tag/test/fixtures/revision.js +7 -0
- package/es/atom/tag/test/fixtures/revision.js.map +1 -0
- package/es/molecule/banner/index.js +46 -0
- package/es/molecule/banner/index.js.map +1 -0
- package/es/molecule/banner/style.css +63 -0
- package/es/molecule/banner/test/fixtures/default.js +11 -0
- package/es/molecule/banner/test/fixtures/default.js.map +1 -0
- package/es/molecule/banner/test/fixtures/error-banner.js +7 -0
- package/es/molecule/banner/test/fixtures/error-banner.js.map +1 -0
- package/es/molecule/brand-form-group/test/fixtures/cm-default.js +51 -0
- package/es/molecule/brand-form-group/test/fixtures/cm-default.js.map +1 -0
- package/es/molecule/brand-form-group/test/fixtures/default.js +12 -3
- package/es/molecule/brand-form-group/test/fixtures/default.js.map +1 -1
- package/es/molecule/card/index.js +16 -5
- package/es/molecule/card/index.js.map +1 -1
- package/es/molecule/card/selectable.css +71 -0
- package/es/molecule/card/selectable.js +32 -0
- package/es/molecule/card/selectable.js.map +1 -0
- package/es/molecule/card/test/fixtures/default.js +1 -0
- package/es/molecule/card/test/fixtures/default.js.map +1 -1
- package/es/molecule/card/test/fixtures/selectable-false.js +16 -0
- package/es/molecule/card/test/fixtures/selectable-false.js.map +1 -0
- package/es/molecule/card/test/fixtures/selectable-true.js +17 -0
- package/es/molecule/card/test/fixtures/selectable-true.js.map +1 -0
- package/es/molecule/card-content/index.js +13 -3
- package/es/molecule/card-content/index.js.map +1 -1
- package/es/molecule/card-content/style.css +13 -3
- package/es/molecule/cm-popin/index.js +82 -0
- package/es/molecule/cm-popin/index.js.map +1 -0
- package/es/molecule/cm-popin/style.css +115 -0
- package/es/molecule/cm-popin/test/fixtures/dangerous.js +19 -0
- package/es/molecule/cm-popin/test/fixtures/dangerous.js.map +1 -0
- package/es/molecule/cm-popin/test/fixtures/default.js +19 -0
- package/es/molecule/cm-popin/test/fixtures/default.js.map +1 -0
- package/es/molecule/cm-popin/test/fixtures/warning-with-close.js +20 -0
- package/es/molecule/cm-popin/test/fixtures/warning-with-close.js.map +1 -0
- package/es/molecule/cockpit-popin/test/fixtures.js +17 -0
- package/es/molecule/cockpit-popin/test/fixtures.js.map +1 -0
- package/es/molecule/feedback/test/fixtures.js +2 -0
- package/es/molecule/feedback/test/fixtures.js.map +1 -1
- package/es/molecule/search-form/index.js +1 -1
- package/es/molecule/search-form/index.js.map +1 -1
- package/es/molecule/select-multiple/index.js +113 -146
- package/es/molecule/select-multiple/index.js.map +1 -1
- package/es/molecule/select-multiple/test/index.js +20 -79
- package/es/molecule/select-multiple/test/index.js.map +1 -1
- package/es/molecule/wizard-summary/index.js +60 -25
- package/es/molecule/wizard-summary/index.js.map +1 -1
- package/es/molecule/wizard-summary/style.css +100 -20
- package/es/molecule/wizard-summary/test/fixtures/default.js +11 -4
- package/es/molecule/wizard-summary/test/fixtures/default.js.map +1 -1
- package/es/molecule/wizard-summary/test/fixtures/one-section.js +2 -1
- package/es/molecule/wizard-summary/test/fixtures/one-section.js.map +1 -1
- package/es/molecule/wizard-summary/test/fixtures/tablet-closed.js +118 -0
- package/es/molecule/wizard-summary/test/fixtures/tablet-closed.js.map +1 -0
- package/es/molecule/wizard-summary/test/fixtures/three-sections.js +2 -1
- package/es/molecule/wizard-summary/test/fixtures/three-sections.js.map +1 -1
- package/es/molecule/wizard-summary/test/fixtures/two-sections.js +2 -1
- package/es/molecule/wizard-summary/test/fixtures/two-sections.js.map +1 -1
- package/es/organism/brand-table/index.js +1 -1
- package/es/organism/brand-table/index.js.map +1 -1
- package/es/organism/mooc-header/index.js +1 -1
- package/es/organism/mooc-header/index.js.map +1 -1
- package/es/organism/mooc-header/test/fixtures/default.js +1 -1
- package/es/organism/mooc-header/test/fixtures/default.js.map +1 -1
- package/es/organism/mooc-header/test/fixtures/logged-with-battle-notifications.js +1 -1
- package/es/organism/mooc-header/test/fixtures/logged-with-battle-notifications.js.map +1 -1
- package/es/organism/search-and-chips-results/index.js +91 -0
- package/es/organism/search-and-chips-results/index.js.map +1 -0
- package/es/organism/search-and-chips-results/style.css +57 -0
- package/es/organism/search-and-chips-results/test/fixtures/default.js +46 -0
- package/es/organism/search-and-chips-results/test/fixtures/default.js.map +1 -0
- package/es/organism/search-and-chips-results/test/fixtures/empty.js +23 -0
- package/es/organism/search-and-chips-results/test/fixtures/empty.js.map +1 -0
- package/es/organism/search-and-chips-results/test/fixtures/filtered.js +26 -0
- package/es/organism/search-and-chips-results/test/fixtures/filtered.js.map +1 -0
- package/es/organism/search-and-chips-results/test/fixtures/sorted-selected.js +49 -0
- package/es/organism/search-and-chips-results/test/fixtures/sorted-selected.js.map +1 -0
- package/es/organism/search-and-chips-results/test/fixtures/unsorted-selected.js +49 -0
- package/es/organism/search-and-chips-results/test/fixtures/unsorted-selected.js.map +1 -0
- package/es/template/app-player/popin-end/test/fixtures.js +2 -0
- package/es/template/app-player/popin-end/test/fixtures.js.map +1 -1
- package/es/template/back-office/brand-list/index.js +6 -2
- package/es/template/back-office/brand-list/index.js.map +1 -1
- package/es/template/back-office/brand-list/style.css +1 -0
- package/es/variables/colors.css +7 -3
- package/lib/atom/button/index.js +3 -1
- package/lib/atom/button/index.js.map +1 -1
- package/lib/atom/button-link/index.js +125 -0
- package/lib/atom/button-link/index.js.map +1 -0
- package/lib/atom/button-link/style.css +97 -0
- package/lib/atom/button-link/test/fixtures/button-dangerous-no-icon.js +15 -0
- package/lib/atom/button-link/test/fixtures/button-dangerous-no-icon.js.map +1 -0
- package/lib/atom/button-link/test/fixtures/button-primary-icon-left.js +19 -0
- package/lib/atom/button-link/test/fixtures/button-primary-icon-left.js.map +1 -0
- package/lib/atom/button-link/test/fixtures/button-primary-no-icon.js +15 -0
- package/lib/atom/button-link/test/fixtures/button-primary-no-icon.js.map +1 -0
- package/lib/atom/button-link/test/fixtures/button-secondary-no-icon-disabled.js +16 -0
- package/lib/atom/button-link/test/fixtures/button-secondary-no-icon-disabled.js.map +1 -0
- package/lib/atom/button-link/test/fixtures/button-tertiary-icon-left.js +19 -0
- package/lib/atom/button-link/test/fixtures/button-tertiary-icon-left.js.map +1 -0
- package/lib/atom/button-link/test/fixtures/icon-button.js +18 -0
- package/lib/atom/button-link/test/fixtures/icon-button.js.map +1 -0
- package/lib/atom/button-link/test/fixtures/link-primary-disabled-icon-right.js +22 -0
- package/lib/atom/button-link/test/fixtures/link-primary-disabled-icon-right.js.map +1 -0
- package/lib/atom/button-link/test/fixtures/link-secondary-icon-right.js +25 -0
- package/lib/atom/button-link/test/fixtures/link-secondary-icon-right.js.map +1 -0
- package/lib/atom/button-link/test/fixtures/link-tertiary-no-icon.js +21 -0
- package/lib/atom/button-link/test/fixtures/link-tertiary-no-icon.js.map +1 -0
- package/lib/atom/button-link/test/fixtures/link-text-icon-right-target-blank.js +22 -0
- package/lib/atom/button-link/test/fixtures/link-text-icon-right-target-blank.js.map +1 -0
- package/lib/atom/button-link/test/fixtures/link-text-no-icon-download.js +18 -0
- package/lib/atom/button-link/test/fixtures/link-text-no-icon-download.js.map +1 -0
- package/lib/atom/chips/index.js +8 -4
- package/lib/atom/chips/index.js.map +1 -1
- package/lib/atom/chips/style.css +17 -2
- package/lib/atom/chips/test/fixtures/long-text.js +14 -0
- package/lib/atom/chips/test/fixtures/long-text.js.map +1 -0
- package/lib/atom/content-badge/index.js +4 -4
- package/lib/atom/content-badge/index.js.map +1 -1
- package/lib/{molecule/search → atom/input-search}/index.js +29 -18
- package/lib/atom/input-search/index.js.map +1 -0
- package/lib/atom/input-search/style.css +202 -0
- package/lib/{molecule/search → atom/input-search}/test/change.js +0 -0
- package/lib/atom/input-search/test/change.js.map +1 -0
- package/lib/atom/input-search/test/fixtures/coorpmanager-with-value.js +19 -0
- package/lib/atom/input-search/test/fixtures/coorpmanager-with-value.js.map +1 -0
- package/lib/atom/input-search/test/fixtures/coorpmanager.js +18 -0
- package/lib/atom/input-search/test/fixtures/coorpmanager.js.map +1 -0
- package/lib/{molecule/search → atom/input-search}/test/fixtures/default.js +0 -0
- package/lib/atom/input-search/test/fixtures/default.js.map +1 -0
- package/lib/{molecule/search → atom/input-search}/test/fixtures/with-value.js +0 -0
- package/lib/atom/input-search/test/fixtures/with-value.js.map +1 -0
- package/lib/atom/input-text/index.js +1 -1
- package/lib/atom/input-text/index.js.map +1 -1
- package/lib/atom/input-text/style.css +22 -13
- package/lib/atom/input-textarea/index.js +38 -11
- package/lib/atom/input-textarea/index.js.map +1 -1
- package/lib/atom/input-textarea/style.css +265 -0
- package/lib/atom/input-textarea/test/fixtures/cm-default.js +22 -0
- package/lib/atom/input-textarea/test/fixtures/cm-default.js.map +1 -0
- package/lib/atom/input-textarea/test/fixtures/cm-empty.js +22 -0
- package/lib/atom/input-textarea/test/fixtures/cm-empty.js.map +1 -0
- package/lib/atom/tag/index.js +39 -0
- package/lib/atom/tag/index.js.map +1 -0
- package/lib/atom/tag/style.css +38 -0
- package/lib/atom/tag/test/fixtures/archived.js +12 -0
- package/lib/atom/tag/test/fixtures/archived.js.map +1 -0
- package/lib/atom/tag/test/fixtures/default.js +12 -0
- package/lib/atom/tag/test/fixtures/default.js.map +1 -0
- package/lib/atom/tag/test/fixtures/published.js +12 -0
- package/lib/atom/tag/test/fixtures/published.js.map +1 -0
- package/lib/atom/tag/test/fixtures/revision.js +12 -0
- package/lib/atom/tag/test/fixtures/revision.js.map +1 -0
- package/lib/molecule/banner/index.js +59 -0
- package/lib/molecule/banner/index.js.map +1 -0
- package/lib/molecule/banner/style.css +63 -0
- package/lib/molecule/banner/test/fixtures/default.js +16 -0
- package/lib/molecule/banner/test/fixtures/default.js.map +1 -0
- package/lib/molecule/banner/test/fixtures/error-banner.js +12 -0
- package/lib/molecule/banner/test/fixtures/error-banner.js.map +1 -0
- package/lib/molecule/brand-form-group/test/fixtures/cm-default.js +56 -0
- package/lib/molecule/brand-form-group/test/fixtures/cm-default.js.map +1 -0
- package/lib/molecule/brand-form-group/test/fixtures/default.js +12 -3
- package/lib/molecule/brand-form-group/test/fixtures/default.js.map +1 -1
- package/lib/molecule/card/index.js +17 -5
- package/lib/molecule/card/index.js.map +1 -1
- package/lib/molecule/card/selectable.css +71 -0
- package/lib/molecule/card/selectable.js +45 -0
- package/lib/molecule/card/selectable.js.map +1 -0
- package/lib/molecule/card/test/fixtures/default.js +1 -0
- package/lib/molecule/card/test/fixtures/default.js.map +1 -1
- package/lib/molecule/card/test/fixtures/selectable-false.js +26 -0
- package/lib/molecule/card/test/fixtures/selectable-false.js.map +1 -0
- package/lib/molecule/card/test/fixtures/selectable-true.js +27 -0
- package/lib/molecule/card/test/fixtures/selectable-true.js.map +1 -0
- package/lib/molecule/card-content/index.js +14 -3
- package/lib/molecule/card-content/index.js.map +1 -1
- package/lib/molecule/card-content/style.css +13 -3
- package/lib/molecule/cm-popin/index.js +94 -0
- package/lib/molecule/cm-popin/index.js.map +1 -0
- package/lib/molecule/cm-popin/style.css +115 -0
- package/lib/molecule/cm-popin/test/fixtures/dangerous.js +24 -0
- package/lib/molecule/cm-popin/test/fixtures/dangerous.js.map +1 -0
- package/lib/molecule/cm-popin/test/fixtures/default.js +24 -0
- package/lib/molecule/cm-popin/test/fixtures/default.js.map +1 -0
- package/lib/molecule/cm-popin/test/fixtures/warning-with-close.js +25 -0
- package/lib/molecule/cm-popin/test/fixtures/warning-with-close.js.map +1 -0
- package/lib/molecule/cockpit-popin/test/fixtures.js +28 -0
- package/lib/molecule/cockpit-popin/test/fixtures.js.map +1 -0
- package/lib/molecule/feedback/test/fixtures.js +3 -0
- package/lib/molecule/feedback/test/fixtures.js.map +1 -1
- package/lib/molecule/search-form/index.js +3 -3
- package/lib/molecule/search-form/index.js.map +1 -1
- package/lib/molecule/select-multiple/index.js +117 -143
- package/lib/molecule/select-multiple/index.js.map +1 -1
- package/lib/molecule/select-multiple/test/index.js +25 -79
- package/lib/molecule/select-multiple/test/index.js.map +1 -1
- package/lib/molecule/wizard-summary/index.js +59 -23
- package/lib/molecule/wizard-summary/index.js.map +1 -1
- package/lib/molecule/wizard-summary/style.css +100 -20
- package/lib/molecule/wizard-summary/test/fixtures/default.js +11 -4
- package/lib/molecule/wizard-summary/test/fixtures/default.js.map +1 -1
- package/lib/molecule/wizard-summary/test/fixtures/one-section.js +2 -1
- package/lib/molecule/wizard-summary/test/fixtures/one-section.js.map +1 -1
- package/lib/molecule/wizard-summary/test/fixtures/tablet-closed.js +123 -0
- package/lib/molecule/wizard-summary/test/fixtures/tablet-closed.js.map +1 -0
- package/lib/molecule/wizard-summary/test/fixtures/three-sections.js +2 -1
- package/lib/molecule/wizard-summary/test/fixtures/three-sections.js.map +1 -1
- package/lib/molecule/wizard-summary/test/fixtures/two-sections.js +2 -1
- package/lib/molecule/wizard-summary/test/fixtures/two-sections.js.map +1 -1
- package/lib/organism/brand-table/index.js +3 -3
- package/lib/organism/brand-table/index.js.map +1 -1
- package/lib/organism/mooc-header/index.js +2 -2
- package/lib/organism/mooc-header/index.js.map +1 -1
- package/lib/organism/mooc-header/test/fixtures/default.js +1 -1
- package/lib/organism/mooc-header/test/fixtures/default.js.map +1 -1
- package/lib/organism/mooc-header/test/fixtures/logged-with-battle-notifications.js +1 -1
- package/lib/organism/mooc-header/test/fixtures/logged-with-battle-notifications.js.map +1 -1
- package/lib/organism/search-and-chips-results/index.js +104 -0
- package/lib/organism/search-and-chips-results/index.js.map +1 -0
- package/lib/organism/search-and-chips-results/style.css +57 -0
- package/lib/organism/search-and-chips-results/test/fixtures/default.js +51 -0
- package/lib/organism/search-and-chips-results/test/fixtures/default.js.map +1 -0
- package/lib/organism/search-and-chips-results/test/fixtures/empty.js +28 -0
- package/lib/organism/search-and-chips-results/test/fixtures/empty.js.map +1 -0
- package/lib/organism/search-and-chips-results/test/fixtures/filtered.js +31 -0
- package/lib/organism/search-and-chips-results/test/fixtures/filtered.js.map +1 -0
- package/lib/organism/search-and-chips-results/test/fixtures/sorted-selected.js +54 -0
- package/lib/organism/search-and-chips-results/test/fixtures/sorted-selected.js.map +1 -0
- package/lib/organism/search-and-chips-results/test/fixtures/unsorted-selected.js +54 -0
- package/lib/organism/search-and-chips-results/test/fixtures/unsorted-selected.js.map +1 -0
- package/lib/template/app-player/popin-end/test/fixtures.js +3 -0
- package/lib/template/app-player/popin-end/test/fixtures.js.map +1 -1
- package/lib/template/back-office/brand-list/index.js +7 -3
- package/lib/template/back-office/brand-list/index.js.map +1 -1
- package/lib/template/back-office/brand-list/style.css +1 -0
- package/lib/variables/colors.css +7 -3
- package/package.json +3 -3
- package/es/atom/chips/test/fixtures.js +0 -15
- package/es/atom/chips/test/fixtures.js.map +0 -1
- package/es/atom/content-badge/test/fixtures.js +0 -27
- package/es/atom/content-badge/test/fixtures.js.map +0 -1
- package/es/atom/wizard-steps/test/fixtures.js +0 -17
- package/es/atom/wizard-steps/test/fixtures.js.map +0 -1
- package/es/molecule/search/index.js +0 -57
- package/es/molecule/search/index.js.map +0 -1
- package/es/molecule/search/style.css +0 -86
- package/es/molecule/search/test/change.js.map +0 -1
- package/es/molecule/search/test/fixtures/default.js.map +0 -1
- package/es/molecule/search/test/fixtures/with-value.js.map +0 -1
- package/es/molecule/vertical-tabs/test/fixtures.js +0 -15
- package/es/molecule/vertical-tabs/test/fixtures.js.map +0 -1
- package/es/molecule/wizard-summary/test/fixtures.js +0 -19
- package/es/molecule/wizard-summary/test/fixtures.js.map +0 -1
- package/lib/atom/chips/test/fixtures.js +0 -25
- package/lib/atom/chips/test/fixtures.js.map +0 -1
- package/lib/atom/content-badge/test/fixtures.js +0 -43
- package/lib/atom/content-badge/test/fixtures.js.map +0 -1
- package/lib/atom/wizard-steps/test/fixtures.js +0 -28
- package/lib/atom/wizard-steps/test/fixtures.js.map +0 -1
- package/lib/molecule/search/index.js.map +0 -1
- package/lib/molecule/search/style.css +0 -86
- package/lib/molecule/search/test/change.js.map +0 -1
- package/lib/molecule/search/test/fixtures/default.js.map +0 -1
- package/lib/molecule/search/test/fixtures/with-value.js.map +0 -1
- package/lib/molecule/vertical-tabs/test/fixtures.js +0 -25
- package/lib/molecule/vertical-tabs/test/fixtures.js.map +0 -1
- package/lib/molecule/wizard-summary/test/fixtures.js +0 -31
- package/lib/molecule/wizard-summary/test/fixtures.js.map +0 -1
package/es/atom/button/index.js
CHANGED
|
@@ -82,6 +82,7 @@ ButtonContent.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
82
82
|
const Button = props => {
|
|
83
83
|
const {
|
|
84
84
|
className,
|
|
85
|
+
buttonContentClassName,
|
|
85
86
|
isLinkDisabled,
|
|
86
87
|
type = 'submit',
|
|
87
88
|
children,
|
|
@@ -92,7 +93,7 @@ const Button = props => {
|
|
|
92
93
|
className: cNames
|
|
93
94
|
}, /*#__PURE__*/React.createElement(ButtonContent, _extends({}, props, {
|
|
94
95
|
type: type,
|
|
95
|
-
className: cssStyle.buttonContent,
|
|
96
|
+
className: buttonContentClassName ? buttonContentClassName : cssStyle.buttonContent,
|
|
96
97
|
style: _extends({}, style)
|
|
97
98
|
}), children));
|
|
98
99
|
};
|
|
@@ -109,6 +110,7 @@ Button.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
109
110
|
onClick: PropTypes.func,
|
|
110
111
|
children: PropTypes.node,
|
|
111
112
|
className: PropTypes.string,
|
|
113
|
+
buttonContentClassName: PropTypes.string,
|
|
112
114
|
style: PropTypes.shape({}),
|
|
113
115
|
'data-name': PropTypes.string
|
|
114
116
|
} : {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/atom/button/index.js"],"names":["React","PropTypes","classnames","ColorPropType","Link","cssStyle","ButtonContent","props","color","submitValue","disabled","download","href","target","onClick","className","button","children","type","style","dataName","anchorClassName","disabledAnchor","anchorOnClick","anchorHref","inputClassName","buttonDisabled","propTypes","string","bool","oneOf","func","node","shape","Button","isLinkDisabled","cNames","buttonContent"],"mappings":"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
|
|
1
|
+
{"version":3,"sources":["../../../src/atom/button/index.js"],"names":["React","PropTypes","classnames","ColorPropType","Link","cssStyle","ButtonContent","props","color","submitValue","disabled","download","href","target","onClick","className","button","children","type","style","dataName","anchorClassName","disabledAnchor","anchorOnClick","anchorHref","inputClassName","buttonDisabled","propTypes","string","bool","oneOf","func","node","shape","Button","buttonContentClassName","isLinkDisabled","cNames","buttonContent"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {ColorPropType} from '../../util/proptypes';\nimport Link from '../link';\nimport cssStyle from './style.css';\n\nconst ButtonContent = props => {\n const {\n color,\n submitValue,\n disabled,\n download,\n href,\n target,\n onClick,\n className = cssStyle.button,\n children,\n type,\n style,\n 'data-name': dataName\n } = props;\n const anchorClassName = (disabled && `${className} ${cssStyle.disabledAnchor}`) || className;\n const anchorOnClick = (disabled && null) || onClick;\n const anchorHref = (disabled && null) || href;\n const inputClassName = (disabled && `${className} ${cssStyle.buttonDisabled}`) || className;\n\n switch (type) {\n case 'link':\n return (\n <Link\n data-name={dataName}\n href={anchorHref}\n download={download}\n onClick={anchorOnClick}\n target={target}\n className={anchorClassName}\n style={style}\n >\n {submitValue || children || 'submit'}\n </Link>\n );\n\n case 'a':\n return (\n <a\n data-name={dataName}\n href={anchorHref}\n target={target}\n className={anchorClassName}\n onClick={anchorOnClick}\n style={style}\n >\n {submitValue || children}\n </a>\n );\n\n default:\n return (\n <input\n data-name={dataName}\n type={type}\n value={submitValue}\n disabled={disabled}\n onClick={onClick}\n className={inputClassName}\n style={{\n color,\n ...style\n }}\n />\n );\n }\n};\n\nButtonContent.propTypes = {\n color: ColorPropType,\n submitValue: PropTypes.string,\n disabled: PropTypes.bool,\n href: PropTypes.string,\n download: PropTypes.bool,\n target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n type: PropTypes.string,\n onClick: PropTypes.func,\n children: PropTypes.node,\n className: PropTypes.string,\n style: PropTypes.shape({}),\n 'data-name': PropTypes.string\n};\n\nconst Button = props => {\n const {\n className,\n buttonContentClassName,\n isLinkDisabled,\n type = 'submit',\n children,\n style\n } = props;\n const cNames =\n (isLinkDisabled && classnames([cssStyle.disabledAnchor, className])) ||\n classnames([cssStyle.button, className]);\n return (\n <div className={cNames}>\n <ButtonContent\n {...props}\n type={type}\n className={buttonContentClassName ? buttonContentClassName : cssStyle.buttonContent}\n style={{\n ...style\n }}\n >\n {children}\n </ButtonContent>\n </div>\n );\n};\n\nButton.propTypes = {\n color: ColorPropType,\n submitValue: PropTypes.string,\n disabled: PropTypes.bool,\n isLinkDisabled: PropTypes.bool,\n href: PropTypes.string,\n download: PropTypes.bool,\n target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n type: PropTypes.string,\n onClick: PropTypes.func,\n children: PropTypes.node,\n className: PropTypes.string,\n buttonContentClassName: PropTypes.string,\n style: PropTypes.shape({}),\n 'data-name': PropTypes.string\n};\n\nexport default Button;\n"],"file":"index.js"}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import _getOr from "lodash/fp/getOr";
|
|
2
|
+
|
|
3
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
|
+
|
|
5
|
+
import React, { useMemo } from 'react';
|
|
6
|
+
import PropTypes from 'prop-types';
|
|
7
|
+
import classnames from 'classnames';
|
|
8
|
+
import { NovaSolidRemoveAddAddCircle1 as AddIcon, NovaCompositionNavigationArrowLeft as ChevronLeftIcon, NovaCompositionNavigationArrowRight as ChevronRightIcon, NovaCompositionCoorpacademyEye as EyeIcon, NovaCompositionCoorpacademyAnalytics as AnalyticsIcon, NovaCompositionCoorpacademyNext as CloseIcon, NovaSolidComputersSdCard as SaveIcon, NovaSolidContentEditionPencilWrite as EditIcon } from '@coorpacademy/nova-icons';
|
|
9
|
+
import Link from '../link';
|
|
10
|
+
import style from './style.css';
|
|
11
|
+
const ICONS = {
|
|
12
|
+
add: AddIcon,
|
|
13
|
+
analytics: AnalyticsIcon,
|
|
14
|
+
'chevron-left': ChevronLeftIcon,
|
|
15
|
+
'chevron-right': ChevronRightIcon,
|
|
16
|
+
close: CloseIcon,
|
|
17
|
+
edit: EditIcon,
|
|
18
|
+
save: SaveIcon,
|
|
19
|
+
see: EyeIcon
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
const getButtonContent = (icon, label) => {
|
|
23
|
+
const {
|
|
24
|
+
type,
|
|
25
|
+
position
|
|
26
|
+
} = icon;
|
|
27
|
+
|
|
28
|
+
const Icon = _getOr(null, type, ICONS);
|
|
29
|
+
|
|
30
|
+
if (!Icon) {
|
|
31
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
32
|
+
className: style.buttonContent
|
|
33
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
34
|
+
className: style.label
|
|
35
|
+
}, label));
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
if (position === 'center' && Icon) {
|
|
39
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
40
|
+
className: style.buttonContent
|
|
41
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
42
|
+
className: style.icon
|
|
43
|
+
}));
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
47
|
+
className: style.buttonContent
|
|
48
|
+
}, position === 'left' ? /*#__PURE__*/React.createElement(Icon, {
|
|
49
|
+
className: style.icon
|
|
50
|
+
}) : null, /*#__PURE__*/React.createElement("span", {
|
|
51
|
+
className: style.label
|
|
52
|
+
}, label), position === 'right' ? /*#__PURE__*/React.createElement(Icon, {
|
|
53
|
+
className: style.icon
|
|
54
|
+
}) : null);
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
const ButtonLink = props => {
|
|
58
|
+
const {
|
|
59
|
+
type,
|
|
60
|
+
label,
|
|
61
|
+
disabled,
|
|
62
|
+
icon = {},
|
|
63
|
+
'data-name': dataName,
|
|
64
|
+
'aria-label': ariaLabel,
|
|
65
|
+
link,
|
|
66
|
+
onClick
|
|
67
|
+
} = props;
|
|
68
|
+
const contentView = getButtonContent(icon, label);
|
|
69
|
+
const styleButton = classnames(style.button, type === 'primary' && style.primary, type === 'secondary' && style.secondary, type === 'tertiary' && style.tertiary, type === 'text' && style.text, type === 'dangerous' && style.dangerous, link && style.link, disabled && style.disabled);
|
|
70
|
+
|
|
71
|
+
if (link) {
|
|
72
|
+
return /*#__PURE__*/React.createElement(Link, _extends({}, link, {
|
|
73
|
+
className: styleButton,
|
|
74
|
+
"data-name": dataName,
|
|
75
|
+
"aria-label": ariaLabel || label,
|
|
76
|
+
title: ariaLabel || label
|
|
77
|
+
}), contentView);
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
const handleOnClick = useMemo(() => () => onClick(), [onClick]);
|
|
81
|
+
return /*#__PURE__*/React.createElement("button", {
|
|
82
|
+
type: "button",
|
|
83
|
+
"aria-label": ariaLabel || label,
|
|
84
|
+
title: ariaLabel || label,
|
|
85
|
+
className: styleButton,
|
|
86
|
+
onClick: handleOnClick
|
|
87
|
+
}, contentView);
|
|
88
|
+
};
|
|
89
|
+
|
|
90
|
+
ButtonLink.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
91
|
+
type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),
|
|
92
|
+
label: PropTypes.string,
|
|
93
|
+
'aria-label': PropTypes.string,
|
|
94
|
+
'data-name': PropTypes.string,
|
|
95
|
+
icon: PropTypes.shape({
|
|
96
|
+
position: PropTypes.oneOf(['right', 'left', 'center']),
|
|
97
|
+
type: PropTypes.string
|
|
98
|
+
}),
|
|
99
|
+
onClick: PropTypes.func,
|
|
100
|
+
link: PropTypes.shape({
|
|
101
|
+
href: PropTypes.string,
|
|
102
|
+
download: PropTypes.bool,
|
|
103
|
+
target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])
|
|
104
|
+
}),
|
|
105
|
+
disabled: PropTypes.bool
|
|
106
|
+
} : {};
|
|
107
|
+
export default ButtonLink;
|
|
108
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/atom/button-link/index.js"],"names":["React","useMemo","PropTypes","classnames","NovaSolidRemoveAddAddCircle1","AddIcon","NovaCompositionNavigationArrowLeft","ChevronLeftIcon","NovaCompositionNavigationArrowRight","ChevronRightIcon","NovaCompositionCoorpacademyEye","EyeIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaCompositionCoorpacademyNext","CloseIcon","NovaSolidComputersSdCard","SaveIcon","NovaSolidContentEditionPencilWrite","EditIcon","Link","style","ICONS","add","analytics","close","edit","save","see","getButtonContent","icon","label","type","position","Icon","buttonContent","ButtonLink","props","disabled","dataName","ariaLabel","link","onClick","contentView","styleButton","button","primary","secondary","tertiary","text","dangerous","handleOnClick","propTypes","oneOf","string","shape","func","href","download","bool","target"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n NovaSolidRemoveAddAddCircle1 as AddIcon,\n NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n NovaCompositionNavigationArrowRight as ChevronRightIcon,\n NovaCompositionCoorpacademyEye as EyeIcon,\n NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n NovaCompositionCoorpacademyNext as CloseIcon,\n NovaSolidComputersSdCard as SaveIcon,\n NovaSolidContentEditionPencilWrite as EditIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../link';\nimport style from './style.css';\n\nconst ICONS = {\n add: AddIcon,\n analytics: AnalyticsIcon,\n 'chevron-left': ChevronLeftIcon,\n 'chevron-right': ChevronRightIcon,\n close: CloseIcon,\n edit: EditIcon,\n save: SaveIcon,\n see: EyeIcon\n};\n\nconst getButtonContent = (icon, label) => {\n const {type, position} = icon;\n const Icon = getOr(null, type, ICONS);\n\n if (!Icon) {\n return (\n <div className={style.buttonContent}>\n <span className={style.label}>{label}</span>\n </div>\n );\n }\n\n if (position === 'center' && Icon) {\n return (\n <div className={style.buttonContent}>\n <Icon className={style.icon} />\n </div>\n );\n }\n\n return (\n <div className={style.buttonContent}>\n {position === 'left' ? <Icon className={style.icon} /> : null}\n <span className={style.label}>{label}</span>\n {position === 'right' ? <Icon className={style.icon} /> : null}\n </div>\n );\n};\n\nconst ButtonLink = props => {\n const {\n type,\n label,\n disabled,\n icon = {},\n 'data-name': dataName,\n 'aria-label': ariaLabel,\n link,\n onClick\n } = props;\n const contentView = getButtonContent(icon, label);\n const styleButton = classnames(\n style.button,\n type === 'primary' && style.primary,\n type === 'secondary' && style.secondary,\n type === 'tertiary' && style.tertiary,\n type === 'text' && style.text,\n type === 'dangerous' && style.dangerous,\n link && style.link,\n disabled && style.disabled\n );\n\n if (link) {\n return (\n <Link\n {...link}\n className={styleButton}\n data-name={dataName}\n aria-label={ariaLabel || label}\n title={ariaLabel || label}\n >\n {contentView}\n </Link>\n );\n }\n\n const handleOnClick = useMemo(() => () => onClick(), [onClick]);\n return (\n <button\n type=\"button\"\n aria-label={ariaLabel || label}\n title={ariaLabel || label}\n className={styleButton}\n onClick={handleOnClick}\n >\n {contentView}\n </button>\n );\n};\n\nButtonLink.propTypes = {\n type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n label: PropTypes.string,\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.oneOf(['right', 'left', 'center']),\n type: PropTypes.string\n }),\n onClick: PropTypes.func,\n link: PropTypes.shape({\n href: PropTypes.string,\n download: PropTypes.bool,\n target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n }),\n disabled: PropTypes.bool\n};\n\nexport default ButtonLink;\n"],"file":"index.js"}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
@value colors: "../../variables/colors.css";
|
|
2
|
+
@value cm_primary_blue from colors;
|
|
3
|
+
@value cm_blue_600 from colors;
|
|
4
|
+
@value cm_grey_50 from colors;
|
|
5
|
+
@value cm_grey_100 from colors;
|
|
6
|
+
@value cm_grey_200 from colors;
|
|
7
|
+
@value cm_grey_900 from colors;
|
|
8
|
+
@value cm_negative_100 from colors;
|
|
9
|
+
@value cm_negative_200 from colors;
|
|
10
|
+
@value white from colors;
|
|
11
|
+
|
|
12
|
+
.button {
|
|
13
|
+
width: 100%;
|
|
14
|
+
height: 44px;
|
|
15
|
+
border-radius: 7px;
|
|
16
|
+
font-family: Gilroy;
|
|
17
|
+
font-size: 14px;
|
|
18
|
+
font-weight: bold;
|
|
19
|
+
display: flex;
|
|
20
|
+
justify-content: center;
|
|
21
|
+
align-items: center;
|
|
22
|
+
cursor: pointer;
|
|
23
|
+
border: none;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.disabled {
|
|
27
|
+
opacity: 0.1;
|
|
28
|
+
pointer-events: none;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.buttonContent {
|
|
32
|
+
display: flex;
|
|
33
|
+
justify-content: center;
|
|
34
|
+
align-items: center;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.link {
|
|
38
|
+
color: inherit;
|
|
39
|
+
text-decoration: none;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.icon {
|
|
43
|
+
width: 12px;
|
|
44
|
+
height: 12px;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.label {
|
|
48
|
+
margin: 0 8px 0 8px;
|
|
49
|
+
display: block;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.primary {
|
|
53
|
+
background-color: cm_primary_blue;
|
|
54
|
+
color: white;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.primary:hover {
|
|
58
|
+
background-color: cm_blue_600;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.secondary {
|
|
62
|
+
background-color: cm_grey_100;
|
|
63
|
+
color: cm_grey_900;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.secondary:hover {
|
|
67
|
+
background-color: cm_grey_200;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.tertiary {
|
|
71
|
+
background-color: cm_grey_50;
|
|
72
|
+
color: cm_grey_900;
|
|
73
|
+
border-radius: 0px;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.tertiary:hover {
|
|
77
|
+
background-color: cm_grey_100;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.dangerous {
|
|
81
|
+
background-color: cm_negative_100;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.dangerous:hover {
|
|
85
|
+
background-color: cm_negative_200;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.text {
|
|
89
|
+
background: transparent;
|
|
90
|
+
color: cm_grey_900;
|
|
91
|
+
border-radius: 0px;
|
|
92
|
+
height: auto;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.text:hover {
|
|
96
|
+
color: cm_primary_blue;
|
|
97
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/button-dangerous-no-icon.js"],"names":["props","type","label","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,WADD;AAELC,IAAAA,KAAK,EAAE,QAFF;AAGL,kBAAc,aAHT;AAIL,iBAAa,gBAJR;AAKLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AALV;AADM,CAAf","sourcesContent":["export default {\n props: {\n type: 'dangerous',\n label: 'Delete',\n 'aria-label': 'aria button',\n 'data-name': 'default-button',\n onClick: () => console.log('click')\n }\n};\n"],"file":"button-dangerous-no-icon.js"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
props: {
|
|
3
|
+
type: 'primary',
|
|
4
|
+
label: 'See my platform',
|
|
5
|
+
'aria-label': 'aria button',
|
|
6
|
+
'data-name': 'default-button',
|
|
7
|
+
icon: {
|
|
8
|
+
position: 'left',
|
|
9
|
+
type: 'chevron-left'
|
|
10
|
+
},
|
|
11
|
+
onClick: () => console.log('click')
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=button-primary-icon-left.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/button-primary-icon-left.js"],"names":["props","type","label","icon","position","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,SADD;AAELC,IAAAA,KAAK,EAAE,iBAFF;AAGL,kBAAc,aAHT;AAIL,iBAAa,gBAJR;AAKLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,MADN;AAEJH,MAAAA,IAAI,EAAE;AAFF,KALD;AASLI,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AATV;AADM,CAAf","sourcesContent":["export default {\n props: {\n type: 'primary',\n label: 'See my platform',\n 'aria-label': 'aria button',\n 'data-name': 'default-button',\n icon: {\n position: 'left',\n type: 'chevron-left'\n },\n onClick: () => console.log('click')\n }\n};\n"],"file":"button-primary-icon-left.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/button-primary-no-icon.js"],"names":["props","type","label","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,SADD;AAELC,IAAAA,KAAK,EAAE,iBAFF;AAGL,kBAAc,aAHT;AAIL,iBAAa,gBAJR;AAKLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AALV;AADM,CAAf","sourcesContent":["export default {\n props: {\n type: 'primary',\n label: 'See my platform',\n 'aria-label': 'aria button',\n 'data-name': 'default-button',\n onClick: () => console.log('click')\n }\n};\n"],"file":"button-primary-no-icon.js"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
props: {
|
|
3
|
+
type: 'secondary',
|
|
4
|
+
label: 'See my platform',
|
|
5
|
+
'aria-label': 'aria button',
|
|
6
|
+
'data-name': 'default-button',
|
|
7
|
+
onClick: () => console.log('click'),
|
|
8
|
+
disabled: true
|
|
9
|
+
}
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=button-secondary-no-icon-disabled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/button-secondary-no-icon-disabled.js"],"names":["props","type","label","onClick","console","log","disabled"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,WADD;AAELC,IAAAA,KAAK,EAAE,iBAFF;AAGL,kBAAc,aAHT;AAIL,iBAAa,gBAJR;AAKLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CALV;AAMLC,IAAAA,QAAQ,EAAE;AANL;AADM,CAAf","sourcesContent":["export default {\n props: {\n type: 'secondary',\n label: 'See my platform',\n 'aria-label': 'aria button',\n 'data-name': 'default-button',\n onClick: () => console.log('click'),\n disabled: true\n }\n};\n"],"file":"button-secondary-no-icon-disabled.js"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
props: {
|
|
3
|
+
type: 'tertiary',
|
|
4
|
+
label: 'Button',
|
|
5
|
+
'aria-label': 'aria button',
|
|
6
|
+
'data-name': 'default-button',
|
|
7
|
+
icon: {
|
|
8
|
+
position: 'left',
|
|
9
|
+
type: 'see'
|
|
10
|
+
},
|
|
11
|
+
onClick: () => console.log('click')
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=button-tertiary-icon-left.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/button-tertiary-icon-left.js"],"names":["props","type","label","icon","position","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,UADD;AAELC,IAAAA,KAAK,EAAE,QAFF;AAGL,kBAAc,aAHT;AAIL,iBAAa,gBAJR;AAKLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,MADN;AAEJH,MAAAA,IAAI,EAAE;AAFF,KALD;AASLI,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AATV;AADM,CAAf","sourcesContent":["export default {\n props: {\n type: 'tertiary',\n label: 'Button',\n 'aria-label': 'aria button',\n 'data-name': 'default-button',\n icon: {\n position: 'left',\n type: 'see'\n },\n onClick: () => console.log('click')\n }\n};\n"],"file":"button-tertiary-icon-left.js"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
props: {
|
|
3
|
+
type: 'secondary',
|
|
4
|
+
'data-name': 'default-button',
|
|
5
|
+
'aria-label': 'aria button',
|
|
6
|
+
icon: {
|
|
7
|
+
position: 'center',
|
|
8
|
+
type: 'close'
|
|
9
|
+
},
|
|
10
|
+
onClick: () => console.log('click')
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=icon-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/icon-button.js"],"names":["props","type","icon","position","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,WADD;AAEL,iBAAa,gBAFR;AAGL,kBAAc,aAHT;AAILC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,QADN;AAEJF,MAAAA,IAAI,EAAE;AAFF,KAJD;AAQLG,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AARV;AADM,CAAf","sourcesContent":["export default {\n props: {\n type: 'secondary',\n 'data-name': 'default-button',\n 'aria-label': 'aria button',\n icon: {\n position: 'center',\n type: 'close'\n },\n onClick: () => console.log('click')\n }\n};\n"],"file":"icon-button.js"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
props: {
|
|
3
|
+
type: 'primary',
|
|
4
|
+
disabled: true,
|
|
5
|
+
label: 'Global Analytics',
|
|
6
|
+
'aria-label': 'aria button',
|
|
7
|
+
'data-name': 'default-button',
|
|
8
|
+
icon: {
|
|
9
|
+
position: 'right',
|
|
10
|
+
type: 'analytics'
|
|
11
|
+
},
|
|
12
|
+
link: {
|
|
13
|
+
href: 'https://www.google.com'
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=link-primary-disabled-icon-right.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/link-primary-disabled-icon-right.js"],"names":["props","type","disabled","label","icon","position","link","href"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,SADD;AAELC,IAAAA,QAAQ,EAAE,IAFL;AAGLC,IAAAA,KAAK,EAAE,kBAHF;AAIL,kBAAc,aAJT;AAKL,iBAAa,gBALR;AAMLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,OADN;AAEJJ,MAAAA,IAAI,EAAE;AAFF,KAND;AAULK,IAAAA,IAAI,EAAE;AACJC,MAAAA,IAAI,EAAE;AADF;AAVD;AADM,CAAf","sourcesContent":["export default {\n props: {\n type: 'primary',\n disabled: true,\n label: 'Global Analytics',\n 'aria-label': 'aria button',\n 'data-name': 'default-button',\n icon: {\n position: 'right',\n type: 'analytics'\n },\n link: {\n href: 'https://www.google.com'\n }\n }\n};\n"],"file":"link-primary-disabled-icon-right.js"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
props: {
|
|
3
|
+
type: 'secondary',
|
|
4
|
+
label: 'Global Analytics',
|
|
5
|
+
'data-name': 'default-button',
|
|
6
|
+
'aria-label': 'aria button',
|
|
7
|
+
icon: {
|
|
8
|
+
position: 'right',
|
|
9
|
+
type: 'analytics'
|
|
10
|
+
},
|
|
11
|
+
onClick: () => {
|
|
12
|
+
console.log('Click on link');
|
|
13
|
+
return;
|
|
14
|
+
},
|
|
15
|
+
link: {
|
|
16
|
+
href: 'https://www.google.com'
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=link-secondary-icon-right.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/link-secondary-icon-right.js"],"names":["props","type","label","icon","position","onClick","console","log","link","href"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,WADD;AAELC,IAAAA,KAAK,EAAE,kBAFF;AAGL,iBAAa,gBAHR;AAIL,kBAAc,aAJT;AAKLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,OADN;AAEJH,MAAAA,IAAI,EAAE;AAFF,KALD;AASLI,IAAAA,OAAO,EAAE,MAAM;AACbC,MAAAA,OAAO,CAACC,GAAR,CAAY,eAAZ;AACA;AACD,KAZI;AAaLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,IAAI,EAAE;AADF;AAbD;AADM,CAAf","sourcesContent":["export default {\n props: {\n type: 'secondary',\n label: 'Global Analytics',\n 'data-name': 'default-button',\n 'aria-label': 'aria button',\n icon: {\n position: 'right',\n type: 'analytics'\n },\n onClick: () => {\n console.log('Click on link');\n return;\n },\n link: {\n href: 'https://www.google.com'\n }\n }\n};\n"],"file":"link-secondary-icon-right.js"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
props: {
|
|
3
|
+
type: 'tertiary',
|
|
4
|
+
label: 'Go to google',
|
|
5
|
+
'data-name': 'default-button',
|
|
6
|
+
'aria-label': 'aria button',
|
|
7
|
+
onClick: () => {
|
|
8
|
+
console.log('Click on link');
|
|
9
|
+
return;
|
|
10
|
+
},
|
|
11
|
+
link: {
|
|
12
|
+
href: 'https://www.google.com'
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=link-tertiary-no-icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/link-tertiary-no-icon.js"],"names":["props","type","label","onClick","console","log","link","href"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,UADD;AAELC,IAAAA,KAAK,EAAE,cAFF;AAGL,iBAAa,gBAHR;AAIL,kBAAc,aAJT;AAKLC,IAAAA,OAAO,EAAE,MAAM;AACbC,MAAAA,OAAO,CAACC,GAAR,CAAY,eAAZ;AACA;AACD,KARI;AASLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,IAAI,EAAE;AADF;AATD;AADM,CAAf","sourcesContent":["export default {\n props: {\n type: 'tertiary',\n label: 'Go to google',\n 'data-name': 'default-button',\n 'aria-label': 'aria button',\n onClick: () => {\n console.log('Click on link');\n return;\n },\n link: {\n href: 'https://www.google.com'\n }\n }\n};\n"],"file":"link-tertiary-no-icon.js"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
props: {
|
|
3
|
+
type: 'text',
|
|
4
|
+
label: 'Button',
|
|
5
|
+
'data-name': 'default-button',
|
|
6
|
+
'aria-label': 'aria button',
|
|
7
|
+
icon: {
|
|
8
|
+
position: 'right',
|
|
9
|
+
type: 'chevron-left'
|
|
10
|
+
},
|
|
11
|
+
link: {
|
|
12
|
+
href: 'http://www.google.com',
|
|
13
|
+
target: '_blank'
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=link-text-icon-right-target-blank.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/link-text-icon-right-target-blank.js"],"names":["props","type","label","icon","position","link","href","target"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,MADD;AAELC,IAAAA,KAAK,EAAE,QAFF;AAGL,iBAAa,gBAHR;AAIL,kBAAc,aAJT;AAKLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,OADN;AAEJH,MAAAA,IAAI,EAAE;AAFF,KALD;AASLI,IAAAA,IAAI,EAAE;AACJC,MAAAA,IAAI,EAAE,uBADF;AAEJC,MAAAA,MAAM,EAAE;AAFJ;AATD;AADM,CAAf","sourcesContent":["export default {\n props: {\n type: 'text',\n label: 'Button',\n 'data-name': 'default-button',\n 'aria-label': 'aria button',\n icon: {\n position: 'right',\n type: 'chevron-left'\n },\n link: {\n href: 'http://www.google.com',\n target: '_blank'\n }\n }\n};\n"],"file":"link-text-icon-right-target-blank.js"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
props: {
|
|
3
|
+
type: 'text',
|
|
4
|
+
label: 'Download',
|
|
5
|
+
'data-name': 'default-button',
|
|
6
|
+
'aria-label': 'aria button',
|
|
7
|
+
link: {
|
|
8
|
+
href: 'https://setup.coorpacademy.com/assets/templates/import-users-template.xlsx',
|
|
9
|
+
download: true
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=link-text-no-icon-download.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/link-text-no-icon-download.js"],"names":["props","type","label","link","href","download"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,MADD;AAELC,IAAAA,KAAK,EAAE,UAFF;AAGL,iBAAa,gBAHR;AAIL,kBAAc,aAJT;AAKLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,IAAI,EAAE,4EADF;AAEJC,MAAAA,QAAQ,EAAE;AAFN;AALD;AADM,CAAf","sourcesContent":["export default {\n props: {\n type: 'text',\n label: 'Download',\n 'data-name': 'default-button',\n 'aria-label': 'aria button',\n link: {\n href: 'https://setup.coorpacademy.com/assets/templates/import-users-template.xlsx',\n download: true\n }\n }\n};\n"],"file":"link-text-no-icon-download.js"}
|
package/es/atom/chips/index.js
CHANGED
|
@@ -8,18 +8,22 @@ const Chips = props => {
|
|
|
8
8
|
const {
|
|
9
9
|
text,
|
|
10
10
|
information,
|
|
11
|
-
selected,
|
|
11
|
+
selected = false,
|
|
12
12
|
onClick
|
|
13
13
|
} = props;
|
|
14
14
|
const handleClick = useMemo(() => () => onClick(), [onClick]);
|
|
15
15
|
return /*#__PURE__*/React.createElement("div", {
|
|
16
16
|
className: classnames(style.container, selected ? style.selected : style.unselected),
|
|
17
|
-
onClick: handleClick
|
|
17
|
+
onClick: handleClick,
|
|
18
|
+
"aria-label": `${text} ${information}`
|
|
18
19
|
}, /*#__PURE__*/React.createElement("div", {
|
|
20
|
+
className: style.textZone,
|
|
21
|
+
title: text
|
|
22
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
19
23
|
className: style.text
|
|
20
|
-
}, text), /*#__PURE__*/React.createElement("
|
|
24
|
+
}, text), /*#__PURE__*/React.createElement("span", {
|
|
21
25
|
className: style.information
|
|
22
|
-
}, information), selected ? /*#__PURE__*/React.createElement(SelectedIcon, {
|
|
26
|
+
}, information)), selected ? /*#__PURE__*/React.createElement(SelectedIcon, {
|
|
23
27
|
className: style.selectedIconWrapper
|
|
24
28
|
}) : /*#__PURE__*/React.createElement(AddIcon, {
|
|
25
29
|
className: style.unselectedIconWrapper
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/atom/chips/index.js"],"names":["React","useMemo","PropTypes","classnames","NovaSolidRemoveAddAddCircle1","AddIcon","NovaSolidStatusCheckCircle2","SelectedIcon","style","Chips","props","text","information","selected","onClick","handleClick","container","unselected","selectedIconWrapper","unselectedIconWrapper","propTypes","string","bool","func"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,4BAA4B,IAAIC,OADlC,EAEEC,2BAA2B,IAAIC,YAFjC,QAGO,0BAHP;AAIA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAK,GAAGC,KAAK,IAAI;AACrB,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,WAAP;AAAoBC,IAAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/atom/chips/index.js"],"names":["React","useMemo","PropTypes","classnames","NovaSolidRemoveAddAddCircle1","AddIcon","NovaSolidStatusCheckCircle2","SelectedIcon","style","Chips","props","text","information","selected","onClick","handleClick","container","unselected","textZone","selectedIconWrapper","unselectedIconWrapper","propTypes","string","bool","func"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,4BAA4B,IAAIC,OADlC,EAEEC,2BAA2B,IAAIC,YAFjC,QAGO,0BAHP;AAIA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAK,GAAGC,KAAK,IAAI;AACrB,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,WAAP;AAAoBC,IAAAA,QAAQ,GAAG,KAA/B;AAAsCC,IAAAA;AAAtC,MAAiDJ,KAAvD;AAEA,QAAMK,WAAW,GAAGd,OAAO,CAAC,MAAM,MAAMa,OAAO,EAApB,EAAwB,CAACA,OAAD,CAAxB,CAA3B;AAEA,sBACE;AACE,IAAA,SAAS,EAAEX,UAAU,CAACK,KAAK,CAACQ,SAAP,EAAkBH,QAAQ,GAAGL,KAAK,CAACK,QAAT,GAAoBL,KAAK,CAACS,UAApD,CADvB;AAEE,IAAA,OAAO,EAAEF,WAFX;AAGE,kBAAa,GAAEJ,IAAK,IAAGC,WAAY;AAHrC,kBAKE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACU,QAAtB;AAAgC,IAAA,KAAK,EAAEP;AAAvC,kBACE;AAAM,IAAA,SAAS,EAAEH,KAAK,CAACG;AAAvB,KAA8BA,IAA9B,CADF,eAEE;AAAM,IAAA,SAAS,EAAEH,KAAK,CAACI;AAAvB,KAAqCA,WAArC,CAFF,CALF,EASGC,QAAQ,gBACP,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAEL,KAAK,CAACW;AAA/B,IADO,gBAGP,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAEX,KAAK,CAACY;AAA1B,IAZJ,CADF;AAiBD,CAtBD;;AAwBAX,KAAK,CAACY,SAAN,2CAAkB;AAChBV,EAAAA,IAAI,EAAET,SAAS,CAACoB,MADA;AAEhBV,EAAAA,WAAW,EAAEV,SAAS,CAACoB,MAFP;AAGhBT,EAAAA,QAAQ,EAAEX,SAAS,CAACqB,IAHJ;AAIhBT,EAAAA,OAAO,EAAEZ,SAAS,CAACsB;AAJH,CAAlB;AAOA,eAAef,KAAf","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n NovaSolidRemoveAddAddCircle1 as AddIcon,\n NovaSolidStatusCheckCircle2 as SelectedIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Chips = props => {\n const {text, information, selected = false, onClick} = props;\n\n const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n return (\n <div\n className={classnames(style.container, selected ? style.selected : style.unselected)}\n onClick={handleClick}\n aria-label={`${text} ${information}`}\n >\n <div className={style.textZone} title={text}>\n <span className={style.text}>{text}</span>\n <span className={style.information}>{information}</span>\n </div>\n {selected ? (\n <SelectedIcon className={style.selectedIconWrapper} />\n ) : (\n <AddIcon className={style.unselectedIconWrapper} />\n )}\n </div>\n );\n};\n\nChips.propTypes = {\n text: PropTypes.string,\n information: PropTypes.string,\n selected: PropTypes.bool,\n onClick: PropTypes.func\n};\n\nexport default Chips;\n"],"file":"index.js"}
|
package/es/atom/chips/style.css
CHANGED
|
@@ -7,11 +7,15 @@
|
|
|
7
7
|
@value white from colors;
|
|
8
8
|
|
|
9
9
|
.container {
|
|
10
|
-
width:
|
|
11
|
-
height:
|
|
10
|
+
width: 100%;
|
|
11
|
+
height: 52px;
|
|
12
12
|
border-radius: 10px;
|
|
13
13
|
padding: 10px 16px;
|
|
14
14
|
position: relative;
|
|
15
|
+
display: flex;
|
|
16
|
+
align-items: center;
|
|
17
|
+
box-sizing: border-box;
|
|
18
|
+
cursor: pointer;
|
|
15
19
|
}
|
|
16
20
|
|
|
17
21
|
.selected {
|
|
@@ -30,12 +34,22 @@
|
|
|
30
34
|
background-color: cm_grey_200;
|
|
31
35
|
}
|
|
32
36
|
|
|
37
|
+
.textZone {
|
|
38
|
+
flex: 1 1 100%;
|
|
39
|
+
padding-right: 32px;
|
|
40
|
+
width: calc(100% - 32px);
|
|
41
|
+
}
|
|
42
|
+
|
|
33
43
|
.text {
|
|
34
44
|
font-family: 'Gilroy';
|
|
35
45
|
font-style: normal;
|
|
36
46
|
font-weight: 600;
|
|
37
47
|
font-size: 14px;
|
|
38
48
|
color: cm_grey_700;
|
|
49
|
+
text-overflow: ellipsis;
|
|
50
|
+
white-space: nowrap;
|
|
51
|
+
overflow: hidden;
|
|
52
|
+
display: block;
|
|
39
53
|
}
|
|
40
54
|
|
|
41
55
|
.information {
|
|
@@ -45,6 +59,7 @@
|
|
|
45
59
|
font-size: 10px;
|
|
46
60
|
opacity: 0.4;
|
|
47
61
|
color: cm_grey_700;
|
|
62
|
+
display: block;
|
|
48
63
|
}
|
|
49
64
|
|
|
50
65
|
.icon{
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
props: {
|
|
3
|
+
text: 'Population Human resourses filiale Singapour and lots and lots of text that should be cut somewhere because the chip item it should not take all the width of the component and and ellipsis should be shown.',
|
|
4
|
+
information: '345 users',
|
|
5
|
+
select: false,
|
|
6
|
+
onClick: () => console.log('click')
|
|
7
|
+
}
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=long-text.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/atom/chips/test/fixtures/long-text.js"],"names":["props","text","information","select","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EACF,+MAFG;AAGLC,IAAAA,WAAW,EAAE,WAHR;AAILC,IAAAA,MAAM,EAAE,KAJH;AAKLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AALV;AADM,CAAf","sourcesContent":["export default {\n props: {\n text:\n 'Population Human resourses filiale Singapour and lots and lots of text that should be cut somewhere because the chip item it should not take all the width of the component and and ellipsis should be shown.',\n information: '345 users',\n select: false,\n onClick: () => console.log('click')\n }\n};\n"],"file":"long-text.js"}
|