@carbon/web-components 2.0.0-beta.0 → 2.0.0-beta.1
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/custom-elements.json +5128 -3232
- package/es/components/breadcrumb/breadcrumb-skeleton.d.ts.map +1 -1
- package/es/components/breadcrumb/breadcrumb-skeleton.js.map +1 -1
- package/es/components/button/button-set.d.ts +2 -2
- package/es/components/button/button-set.d.ts.map +1 -1
- package/es/components/button/button-set.js +4 -4
- package/es/components/button/button-set.js.map +1 -1
- package/es/components/button/button-skeleton.d.ts +3 -3
- package/es/components/button/button-skeleton.d.ts.map +1 -1
- package/es/components/button/button-skeleton.js +6 -6
- package/es/components/button/button-skeleton.js.map +1 -1
- package/es/components/button/button.css.js +1 -1
- package/es/components/button/button.d.ts +5 -5
- package/es/components/button/button.d.ts.map +1 -1
- package/es/components/button/button.js +6 -6
- package/es/components/button/button.js.map +1 -1
- package/es/components/button/button.rtl.css.js +1 -1
- package/es/components/{tooltip/tooltip-footer.d.ts → checkbox/checkbox-skeleton.d.ts} +4 -4
- package/es/components/checkbox/checkbox-skeleton.d.ts.map +1 -0
- package/es/components/{tooltip/tooltip-footer.js → checkbox/checkbox-skeleton.js} +15 -9
- package/es/components/checkbox/checkbox-skeleton.js.map +1 -0
- package/es/components/checkbox/checkbox.css.js +1 -1
- package/es/components/checkbox/checkbox.d.ts +21 -8
- package/es/components/checkbox/checkbox.d.ts.map +1 -1
- package/es/components/checkbox/checkbox.js +65 -17
- package/es/components/checkbox/checkbox.js.map +1 -1
- package/es/components/checkbox/checkbox.rtl.css.js +1 -1
- package/es/components/checkbox/index.d.ts +2 -1
- package/es/components/checkbox/index.d.ts.map +1 -1
- package/es/components/checkbox/index.js +2 -1
- package/es/components/checkbox/index.js.map +1 -1
- package/es/components/code-snippet/code-snippet.d.ts +0 -8
- package/es/components/code-snippet/code-snippet.d.ts.map +1 -1
- package/es/components/code-snippet/code-snippet.js +20 -56
- package/es/components/code-snippet/code-snippet.js.map +1 -1
- package/es/components/combo-box/combo-box-item.d.ts +3 -3
- package/es/components/combo-box/combo-box-item.d.ts.map +1 -1
- package/es/components/combo-box/combo-box-item.js +6 -6
- package/es/components/combo-box/combo-box-item.js.map +1 -1
- package/es/components/combo-box/combo-box.css.js +1 -1
- package/es/components/combo-box/combo-box.d.ts +11 -11
- package/es/components/combo-box/combo-box.d.ts.map +1 -1
- package/es/components/combo-box/combo-box.js +40 -19
- package/es/components/combo-box/combo-box.js.map +1 -1
- package/es/components/combo-box/combo-box.rtl.css.js +1 -1
- package/es/components/content-switcher/content-switcher.css.js +1 -1
- package/es/components/content-switcher/content-switcher.rtl.css.js +1 -1
- package/es/components/copy/copy.d.ts +49 -0
- package/es/components/copy/copy.d.ts.map +1 -0
- package/es/components/copy/copy.js +183 -0
- package/es/components/copy/copy.js.map +1 -0
- package/es/components/copy-button/copy-button.css.js +1 -1
- package/es/components/copy-button/copy-button.d.ts +8 -53
- package/es/components/copy-button/copy-button.d.ts.map +1 -1
- package/es/components/copy-button/copy-button.js +22 -150
- package/es/components/copy-button/copy-button.js.map +1 -1
- package/es/components/copy-button/copy-button.rtl.css.js +1 -1
- package/es/components/data-table/data-table.css.js +1 -1
- package/es/components/data-table/data-table.rtl.css.js +1 -1
- package/es/components/data-table/table-header-cell.d.ts.map +1 -1
- package/es/components/data-table/table-header-cell.js +2 -2
- package/es/components/data-table/table-header-cell.js.map +1 -1
- package/es/components/data-table/table-toolbar-search.d.ts +3 -3
- package/es/components/data-table/table-toolbar-search.d.ts.map +1 -1
- package/es/components/data-table/table-toolbar-search.js +3 -3
- package/es/components/data-table/table-toolbar-search.js.map +1 -1
- package/es/components/date-picker/date-picker-input-skeleton.d.ts +2 -2
- package/es/components/date-picker/date-picker-input-skeleton.d.ts.map +1 -1
- package/es/components/date-picker/date-picker-input-skeleton.js +4 -4
- package/es/components/date-picker/date-picker-input-skeleton.js.map +1 -1
- package/es/components/date-picker/date-picker-input.d.ts +38 -352
- package/es/components/date-picker/date-picker-input.d.ts.map +1 -1
- package/es/components/date-picker/date-picker-input.js +138 -97
- package/es/components/date-picker/date-picker-input.js.map +1 -1
- package/es/components/date-picker/date-picker.css.js +1 -1
- package/es/components/date-picker/date-picker.d.ts +23 -3
- package/es/components/date-picker/date-picker.d.ts.map +1 -1
- package/es/components/date-picker/date-picker.js +100 -24
- package/es/components/date-picker/date-picker.js.map +1 -1
- package/es/components/date-picker/date-picker.rtl.css.js +1 -1
- package/es/components/date-picker/defs.d.ts +1 -14
- package/es/components/date-picker/defs.d.ts.map +1 -1
- package/es/components/date-picker/defs.js +1 -10
- package/es/components/date-picker/defs.js.map +1 -1
- package/es/components/date-picker/fix-events-plugin.d.ts +6 -6
- package/es/components/date-picker/fix-events-plugin.d.ts.map +1 -1
- package/es/components/date-picker/fix-events-plugin.js +7 -7
- package/es/components/date-picker/fix-events-plugin.js.map +1 -1
- package/es/components/date-picker/focus-plugin.d.ts +9 -9
- package/es/components/date-picker/focus-plugin.d.ts.map +1 -1
- package/es/components/date-picker/focus-plugin.js +16 -16
- package/es/components/date-picker/focus-plugin.js.map +1 -1
- package/es/components/date-picker/shadow-dom-events-plugin.d.ts +2 -2
- package/es/components/date-picker/shadow-dom-events-plugin.d.ts.map +1 -1
- package/es/components/date-picker/shadow-dom-events-plugin.js +4 -4
- package/es/components/date-picker/shadow-dom-events-plugin.js.map +1 -1
- package/es/components/date-picker/state-handshake-plugin.d.ts +2 -2
- package/es/components/date-picker/state-handshake-plugin.d.ts.map +1 -1
- package/es/components/date-picker/state-handshake-plugin.js.map +1 -1
- package/es/components/dropdown/defs.d.ts +16 -3
- package/es/components/dropdown/defs.d.ts.map +1 -1
- package/es/components/dropdown/defs.js +11 -2
- package/es/components/dropdown/defs.js.map +1 -1
- package/es/components/dropdown/dropdown-item.d.ts +2 -2
- package/es/components/dropdown/dropdown-item.d.ts.map +1 -1
- package/es/components/dropdown/dropdown-item.js +4 -4
- package/es/components/dropdown/dropdown-item.js.map +1 -1
- package/es/components/dropdown/dropdown-skeleton.d.ts +2 -2
- package/es/components/dropdown/dropdown-skeleton.d.ts.map +1 -1
- package/es/components/dropdown/dropdown-skeleton.js +4 -4
- package/es/components/dropdown/dropdown-skeleton.js.map +1 -1
- package/es/components/dropdown/dropdown.css.js +1 -1
- package/es/components/dropdown/dropdown.d.ts +45 -20
- package/es/components/dropdown/dropdown.d.ts.map +1 -1
- package/es/components/dropdown/dropdown.js +156 -65
- package/es/components/dropdown/dropdown.js.map +1 -1
- package/es/components/dropdown/dropdown.rtl.css.js +1 -1
- package/es/components/file-uploader/file-uploader.css.js +1 -1
- package/es/components/file-uploader/file-uploader.rtl.css.js +1 -1
- package/es/components/icon-button/defs.d.ts +64 -0
- package/es/components/icon-button/defs.d.ts.map +1 -0
- package/es/components/icon-button/defs.js +34 -0
- package/es/components/icon-button/defs.js.map +1 -0
- package/es/components/icon-button/icon-button.css.js +12 -0
- package/es/components/icon-button/icon-button.d.ts +50 -0
- package/es/components/icon-button/icon-button.d.ts.map +1 -0
- package/es/components/icon-button/icon-button.js +176 -0
- package/es/components/icon-button/icon-button.js.map +1 -0
- package/es/components/icon-button/icon-button.rtl.css.js +12 -0
- package/es/components/icon-button/index.d.ts +11 -0
- package/es/components/icon-button/index.d.ts.map +1 -0
- package/es/components/icon-button/index.js +11 -0
- package/es/components/icon-button/index.js.map +1 -0
- package/es/components/inline-loading/inline-loading.d.ts +6 -2
- package/es/components/inline-loading/inline-loading.d.ts.map +1 -1
- package/es/components/inline-loading/inline-loading.js +20 -5
- package/es/components/inline-loading/inline-loading.js.map +1 -1
- package/es/components/input/defs.d.ts +1 -1
- package/es/components/input/defs.d.ts.map +1 -1
- package/es/components/input/defs.js +1 -1
- package/es/components/input/defs.js.map +1 -1
- package/es/components/input/input.d.ts +31 -7
- package/es/components/input/input.d.ts.map +1 -1
- package/es/components/input/input.js +88 -11
- package/es/components/input/input.js.map +1 -1
- package/es/components/layer/layer.css.js +1 -1
- package/es/components/layer/layer.rtl.css.js +1 -1
- package/es/components/list/list.css.js +1 -1
- package/es/components/list/list.rtl.css.js +1 -1
- package/es/components/list/ordered-list.d.ts +3 -3
- package/es/components/list/ordered-list.d.ts.map +1 -1
- package/es/components/list/ordered-list.js +6 -6
- package/es/components/list/ordered-list.js.map +1 -1
- package/es/components/list/unordered-list.d.ts +2 -2
- package/es/components/list/unordered-list.d.ts.map +1 -1
- package/es/components/list/unordered-list.js +5 -5
- package/es/components/list/unordered-list.js.map +1 -1
- package/es/components/loading/loading.css.js +1 -1
- package/es/components/loading/loading.d.ts +2 -2
- package/es/components/loading/loading.d.ts.map +1 -1
- package/es/components/loading/loading.js +4 -4
- package/es/components/loading/loading.js.map +1 -1
- package/es/components/loading/loading.rtl.css.js +1 -1
- package/es/components/modal/modal-footer-button.d.ts +3 -3
- package/es/components/modal/modal-footer-button.d.ts.map +1 -1
- package/es/components/modal/modal-footer-button.js +6 -6
- package/es/components/modal/modal-footer-button.js.map +1 -1
- package/es/components/modal/modal-footer.d.ts.map +1 -1
- package/es/components/modal/modal-footer.js +1 -1
- package/es/components/modal/modal-footer.js.map +1 -1
- package/es/components/modal/modal.css.js +1 -1
- package/es/components/modal/modal.d.ts.map +1 -1
- package/es/components/modal/modal.js +2 -2
- package/es/components/modal/modal.js.map +1 -1
- package/es/components/modal/modal.rtl.css.js +1 -1
- package/es/components/multi-select/multi-select-item.d.ts +3 -3
- package/es/components/multi-select/multi-select-item.d.ts.map +1 -1
- package/es/components/multi-select/multi-select-item.js +6 -6
- package/es/components/multi-select/multi-select-item.js.map +1 -1
- package/es/components/multi-select/multi-select.css.js +1 -1
- package/es/components/multi-select/multi-select.d.ts +9 -9
- package/es/components/multi-select/multi-select.d.ts.map +1 -1
- package/es/components/multi-select/multi-select.js +17 -17
- package/es/components/multi-select/multi-select.js.map +1 -1
- package/es/components/multi-select/multi-select.rtl.css.js +1 -1
- package/es/components/notification/actionable-notification-button.d.ts +21 -0
- package/es/components/notification/actionable-notification-button.d.ts.map +1 -0
- package/es/components/notification/actionable-notification-button.js +56 -0
- package/es/components/notification/actionable-notification-button.js.map +1 -0
- package/es/components/notification/actionable-notification.css.js +12 -0
- package/es/components/notification/actionable-notification.d.ts +370 -0
- package/es/components/notification/actionable-notification.d.ts.map +1 -0
- package/es/components/notification/actionable-notification.js +281 -0
- package/es/components/notification/actionable-notification.js.map +1 -0
- package/es/components/notification/actionable-notification.rtl.css.js +12 -0
- package/es/components/notification/defs.d.ts +17 -1
- package/es/components/notification/defs.d.ts.map +1 -1
- package/es/components/notification/defs.js +3 -0
- package/es/components/notification/defs.js.map +1 -1
- package/es/components/notification/index.d.ts +2 -0
- package/es/components/notification/index.d.ts.map +1 -1
- package/es/components/notification/index.js +2 -0
- package/es/components/notification/index.js.map +1 -1
- package/es/components/notification/inline-notification.css.js +1 -1
- package/es/components/notification/inline-notification.d.ts +8 -8
- package/es/components/notification/inline-notification.d.ts.map +1 -1
- package/es/components/notification/inline-notification.js +23 -18
- package/es/components/notification/inline-notification.js.map +1 -1
- package/es/components/notification/inline-notification.rtl.css.js +1 -1
- package/es/components/notification/toast-notification.css.js +1 -1
- package/es/components/notification/toast-notification.d.ts +4 -4
- package/es/components/notification/toast-notification.d.ts.map +1 -1
- package/es/components/notification/toast-notification.js +7 -7
- package/es/components/notification/toast-notification.js.map +1 -1
- package/es/components/notification/toast-notification.rtl.css.js +1 -1
- package/es/components/number-input/index.d.ts +2 -1
- package/es/components/number-input/index.d.ts.map +1 -1
- package/es/components/number-input/index.js +2 -1
- package/es/components/number-input/index.js.map +1 -1
- package/es/components/number-input/number-input-skeleton.d.ts +2 -2
- package/es/components/number-input/number-input-skeleton.d.ts.map +1 -1
- package/es/components/number-input/number-input-skeleton.js +4 -4
- package/es/components/number-input/number-input-skeleton.js.map +1 -1
- package/es/components/number-input/number-input.css.js +1 -1
- package/es/components/number-input/number-input.d.ts +12 -25
- package/es/components/number-input/number-input.d.ts.map +1 -1
- package/es/components/number-input/number-input.js +85 -106
- package/es/components/number-input/number-input.js.map +1 -1
- package/es/components/number-input/number-input.rtl.css.js +1 -1
- package/es/components/pagination/pagination.css.js +1 -1
- package/es/components/pagination/pagination.rtl.css.js +1 -1
- package/es/components/popover/defs.d.ts +63 -0
- package/es/components/popover/defs.d.ts.map +1 -0
- package/es/components/popover/defs.js +28 -0
- package/es/components/popover/defs.js.map +1 -0
- package/es/components/popover/index.d.ts +12 -0
- package/es/components/popover/index.d.ts.map +1 -0
- package/es/components/popover/index.js +12 -0
- package/es/components/popover/index.js.map +1 -0
- package/es/components/popover/popover-content.d.ts +45 -0
- package/es/components/popover/popover-content.d.ts.map +1 -0
- package/es/components/popover/popover-content.js +141 -0
- package/es/components/popover/popover-content.js.map +1 -0
- package/es/components/popover/popover.css.js +12 -0
- package/es/components/popover/popover.d.ts +54 -0
- package/es/components/popover/popover.d.ts.map +1 -0
- package/es/components/popover/popover.js +201 -0
- package/es/components/popover/popover.js.map +1 -0
- package/es/components/popover/popover.rtl.css.js +12 -0
- package/es/components/progress-indicator/progress-indicator.css.js +1 -1
- package/es/components/progress-indicator/progress-indicator.rtl.css.js +1 -1
- package/es/components/radio-button/radio-button.css.js +1 -1
- package/es/components/radio-button/radio-button.rtl.css.js +1 -1
- package/es/components/search/search-skeleton.d.ts +3 -3
- package/es/components/search/search-skeleton.d.ts.map +1 -1
- package/es/components/search/search-skeleton.js +6 -6
- package/es/components/search/search-skeleton.js.map +1 -1
- package/es/components/search/search.css.js +1 -1
- package/es/components/search/search.d.ts +361 -19
- package/es/components/search/search.d.ts.map +1 -1
- package/es/components/search/search.js +136 -29
- package/es/components/search/search.js.map +1 -1
- package/es/components/search/search.rtl.css.js +1 -1
- package/es/components/select/index.d.ts +2 -1
- package/es/components/select/index.d.ts.map +1 -1
- package/es/components/select/index.js +2 -1
- package/es/components/select/index.js.map +1 -1
- package/es/components/select/select-item-group.d.ts +2 -2
- package/es/components/select/select-item-group.d.ts.map +1 -1
- package/es/components/select/select-item-group.js +4 -4
- package/es/components/select/select-item-group.js.map +1 -1
- package/es/components/select/select-item.d.ts +2 -2
- package/es/components/select/select-item.d.ts.map +1 -1
- package/es/components/select/select-item.js +4 -4
- package/es/components/select/select-item.js.map +1 -1
- package/es/components/select/select-skeleton.d.ts +23 -0
- package/es/components/select/select-skeleton.d.ts.map +1 -0
- package/es/components/select/select-skeleton.js +72 -0
- package/es/components/select/select-skeleton.js.map +1 -0
- package/es/components/select/select.css.js +1 -1
- package/es/components/select/select.d.ts +29 -331
- package/es/components/select/select.d.ts.map +1 -1
- package/es/components/select/select.js +151 -74
- package/es/components/select/select.js.map +1 -1
- package/es/components/select/select.rtl.css.js +1 -1
- package/es/components/skeleton-placeholder/skeleton-placeholder.d.ts +2 -2
- package/es/components/skeleton-placeholder/skeleton-placeholder.d.ts.map +1 -1
- package/es/components/skeleton-placeholder/skeleton-placeholder.js +4 -4
- package/es/components/skeleton-placeholder/skeleton-placeholder.js.map +1 -1
- package/es/components/skeleton-text/defs.d.ts +2 -6
- package/es/components/skeleton-text/defs.d.ts.map +1 -1
- package/es/components/skeleton-text/defs.js +1 -2
- package/es/components/skeleton-text/defs.js.map +1 -1
- package/es/components/skeleton-text/skeleton-text.css.js +1 -1
- package/es/components/skeleton-text/skeleton-text.d.ts +2 -2
- package/es/components/skeleton-text/skeleton-text.d.ts.map +1 -1
- package/es/components/skeleton-text/skeleton-text.js +4 -4
- package/es/components/skeleton-text/skeleton-text.js.map +1 -1
- package/es/components/skeleton-text/skeleton-text.rtl.css.js +1 -1
- package/es/components/slider/slider-input.d.ts +11 -9
- package/es/components/slider/slider-input.d.ts.map +1 -1
- package/es/components/slider/slider-input.js +36 -18
- package/es/components/slider/slider-input.js.map +1 -1
- package/es/components/slider/slider-skeleton.d.ts +2 -2
- package/es/components/slider/slider-skeleton.d.ts.map +1 -1
- package/es/components/slider/slider-skeleton.js +4 -4
- package/es/components/slider/slider-skeleton.js.map +1 -1
- package/es/components/slider/slider.css.js +1 -1
- package/es/components/slider/slider.d.ts +38 -20
- package/es/components/slider/slider.d.ts.map +1 -1
- package/es/components/slider/slider.js +119 -54
- package/es/components/slider/slider.js.map +1 -1
- package/es/components/slider/slider.rtl.css.js +1 -1
- package/es/components/structured-list/structured-list.css.js +1 -1
- package/es/components/structured-list/structured-list.rtl.css.js +1 -1
- package/es/components/tabs/tabs.css.js +1 -1
- package/es/components/tabs/tabs.rtl.css.js +1 -1
- package/es/components/text-input/defs.d.ts +44 -0
- package/es/components/text-input/defs.d.ts.map +1 -0
- package/es/components/text-input/defs.js +36 -0
- package/es/components/text-input/defs.js.map +1 -0
- package/es/components/text-input/index.d.ts +12 -0
- package/es/components/text-input/index.d.ts.map +1 -0
- package/es/components/text-input/index.js +12 -0
- package/es/components/text-input/index.js.map +1 -0
- package/es/components/text-input/text-input-skeleton.d.ts +23 -0
- package/es/components/text-input/text-input-skeleton.d.ts.map +1 -0
- package/es/components/text-input/text-input-skeleton.js +72 -0
- package/es/components/text-input/text-input-skeleton.js.map +1 -0
- package/es/components/text-input/text-input.css.js +12 -0
- package/es/components/text-input/text-input.d.ts +786 -0
- package/es/components/text-input/text-input.d.ts.map +1 -0
- package/es/components/text-input/text-input.js +657 -0
- package/es/components/text-input/text-input.js.map +1 -0
- package/es/components/text-input/text-input.rtl.css.js +12 -0
- package/es/components/textarea/textarea-skeleton.d.ts +2 -2
- package/es/components/textarea/textarea-skeleton.d.ts.map +1 -1
- package/es/components/textarea/textarea-skeleton.js +4 -4
- package/es/components/textarea/textarea-skeleton.js.map +1 -1
- package/es/components/textarea/textarea.css.js +1 -1
- package/es/components/textarea/textarea.d.ts +6 -681
- package/es/components/textarea/textarea.d.ts.map +1 -1
- package/es/components/textarea/textarea.js +63 -197
- package/es/components/textarea/textarea.js.map +1 -1
- package/es/components/textarea/textarea.rtl.css.js +1 -1
- package/es/components/tile/expandable-tile.d.ts.map +1 -1
- package/es/components/tile/expandable-tile.js +4 -0
- package/es/components/tile/expandable-tile.js.map +1 -1
- package/es/components/tile/tile.css.js +1 -1
- package/es/components/tile/tile.rtl.css.js +1 -1
- package/es/components/toggle-tip/toggletip.d.ts +2 -2
- package/es/components/toggle-tip/toggletip.d.ts.map +1 -1
- package/es/components/toggle-tip/toggletip.js +2 -2
- package/es/components/toggle-tip/toggletip.js.map +1 -1
- package/es/components/tooltip/index.d.ts +1 -3
- package/es/components/tooltip/index.d.ts.map +1 -1
- package/es/components/tooltip/index.js +1 -3
- package/es/components/tooltip/index.js.map +1 -1
- package/es/components/tooltip/tooltip-content.d.ts +20 -0
- package/es/components/tooltip/tooltip-content.d.ts.map +1 -0
- package/es/components/tooltip/tooltip-content.js +62 -0
- package/es/components/tooltip/tooltip-content.js.map +1 -0
- package/es/components/tooltip/tooltip.css.js +1 -1
- package/es/components/tooltip/tooltip.d.ts +36 -25
- package/es/components/tooltip/tooltip.d.ts.map +1 -1
- package/es/components/tooltip/tooltip.js +111 -124
- package/es/components/tooltip/tooltip.js.map +1 -1
- package/es/components/tooltip/tooltip.rtl.css.js +1 -1
- package/es/components-react/button/button-set.js +1 -1
- package/es/components-react/button/button-skeleton.d.ts +2 -2
- package/es/components-react/button/button-skeleton.js +1 -1
- package/es/components-react/button/button.d.ts +2 -2
- package/es/components-react/button/button.js +1 -1
- package/es/components-react/checkbox/checkbox-skeleton.d.ts +15 -0
- package/es/components-react/checkbox/checkbox-skeleton.js +21 -0
- package/es/components-react/checkbox/checkbox.d.ts +2 -2
- package/es/components-react/combo-box/combo-box-item.d.ts +2 -2
- package/es/components-react/combo-box/combo-box.d.ts +2 -2
- package/es/components-react/combo-box/combo-box.js +1 -5
- package/es/components-react/copy/copy.d.ts +14 -0
- package/es/components-react/copy/copy.js +23 -0
- package/es/components-react/copy-button/copy-button.d.ts +2 -2
- package/es/components-react/date-picker/date-picker-input-skeleton.d.ts +2 -2
- package/es/components-react/date-picker/date-picker-input.d.ts +2 -2
- package/es/components-react/date-picker/date-picker-input.js +0 -1
- package/es/components-react/date-picker/date-picker.d.ts +2 -2
- package/es/components-react/dropdown/dropdown-item.d.ts +2 -2
- package/es/components-react/dropdown/dropdown-skeleton.d.ts +2 -2
- package/es/components-react/dropdown/dropdown.d.ts +2 -2
- package/es/components-react/dropdown/dropdown.js +1 -1
- package/es/components-react/icon-button/defs.js +9 -0
- package/es/components-react/{tooltip/tooltip-body.d.ts → icon-button/icon-button.d.ts} +3 -3
- package/es/components-react/icon-button/icon-button.js +24 -0
- package/es/components-react/{slider/defs.js → icon-button/index.js} +0 -1
- package/es/components-react/inline-loading/inline-loading.d.ts +2 -2
- package/es/components-react/input/input.d.ts +2 -2
- package/es/components-react/list/ordered-list.d.ts +2 -2
- package/es/components-react/list/unordered-list.d.ts +2 -2
- package/es/components-react/loading/loading.d.ts +2 -2
- package/es/components-react/modal/modal-footer-button.d.ts +2 -2
- package/es/components-react/multi-select/multi-select-item.d.ts +2 -2
- package/es/components-react/multi-select/multi-select.d.ts +2 -2
- package/es/components-react/multi-select/multi-select.js +1 -5
- package/es/components-react/notification/actionable-notification-button.d.ts +15 -0
- package/es/components-react/notification/actionable-notification-button.js +23 -0
- package/es/components-react/notification/actionable-notification.d.ts +14 -0
- package/es/components-react/notification/actionable-notification.js +23 -0
- package/es/components-react/notification/inline-notification.d.ts +2 -2
- package/es/components-react/notification/toast-notification.d.ts +2 -2
- package/es/components-react/number-input/number-input-skeleton.d.ts +2 -2
- package/es/components-react/number-input/number-input.d.ts +3 -3
- package/es/components-react/number-input/number-input.js +3 -6
- package/es/components-react/popover/defs.d.ts +14 -0
- package/es/components-react/{tooltip → popover}/defs.js +1 -1
- package/es/components-react/popover/index.d.ts +14 -0
- package/es/components-react/popover/index.js +8 -0
- package/es/components-react/popover/popover-content.d.ts +15 -0
- package/es/components-react/popover/popover-content.js +21 -0
- package/es/components-react/{tooltip/tooltip-footer.d.ts → popover/popover.d.ts} +2 -2
- package/es/components-react/{tooltip/tooltip-footer.js → popover/popover.js} +2 -2
- package/es/components-react/search/search-skeleton.d.ts +2 -2
- package/es/components-react/search/search.d.ts +2 -2
- package/es/components-react/search/search.js +0 -1
- package/es/components-react/select/select-item-group.d.ts +2 -2
- package/es/components-react/select/select-item.d.ts +2 -2
- package/es/components-react/select/select-skeleton.d.ts +15 -0
- package/es/components-react/select/select-skeleton.js +21 -0
- package/es/components-react/select/select.d.ts +2 -2
- package/es/components-react/select/select.js +0 -1
- package/es/components-react/skeleton-placeholder/skeleton-placeholder.d.ts +2 -2
- package/es/components-react/skeleton-text/skeleton-text.d.ts +2 -2
- package/es/components-react/slider/slider-input.d.ts +2 -2
- package/es/components-react/slider/slider-input.js +0 -1
- package/es/components-react/slider/slider-skeleton.d.ts +2 -2
- package/es/components-react/slider/slider.d.ts +2 -2
- package/es/components-react/text-input/defs.d.ts +14 -0
- package/es/components-react/text-input/defs.js +9 -0
- package/es/components-react/text-input/index.d.ts +14 -0
- package/es/components-react/text-input/index.js +8 -0
- package/es/components-react/text-input/text-input-skeleton.d.ts +15 -0
- package/es/components-react/text-input/text-input-skeleton.js +21 -0
- package/es/components-react/text-input/text-input.d.ts +15 -0
- package/es/components-react/text-input/text-input.js +22 -0
- package/es/components-react/textarea/textarea-skeleton.d.ts +2 -2
- package/es/components-react/textarea/textarea.d.ts +4 -5
- package/es/components-react/textarea/textarea.js +4 -3
- package/es/components-react/tooltip/tooltip-content.d.ts +14 -0
- package/es/components-react/tooltip/{tooltip-body.js → tooltip-content.js} +4 -4
- package/es/components-react/tooltip/tooltip.d.ts +4 -5
- package/es/components-react/tooltip/tooltip.js +4 -2
- package/es/globals/settings.d.ts.map +1 -1
- package/es/globals/settings.js +1 -1
- package/es/globals/settings.js.map +1 -1
- package/es/globals/wrappers/createReactCustomElementType.d.ts +3 -3
- package/es/globals/wrappers/createReactCustomElementType.d.ts.map +1 -1
- package/es/globals/wrappers/createReactCustomElementType.js +3 -3
- package/es/globals/wrappers/createReactCustomElementType.js.map +1 -1
- package/es/icons/add/16.js +1 -1
- package/es/icons/arrows/16.js +1 -1
- package/es/icons/arrows--vertical/16.js +1 -1
- package/es/icons/caret--down/16.js +1 -1
- package/es/icons/caret--up/16.js +1 -1
- package/es/icons/information/16.js +1 -1
- package/es/icons/information--filled/20.js +1 -1
- package/es/icons/information--square--filled/20.js +1 -1
- package/es/icons/subtract/16.js +1 -1
- package/es/icons/warning--alt--filled/16.js +1 -1
- package/es/icons/warning--alt--filled/20.js +1 -1
- package/es/index.d.ts +110 -108
- package/es/index.d.ts.map +1 -1
- package/es/index.js +110 -108
- package/es/index.js.map +1 -1
- package/lib/components/date-picker/defs.js +2 -11
- package/lib/components/date-picker/defs.js.map +1 -1
- package/lib/components/dropdown/defs.js +12 -3
- package/lib/components/dropdown/defs.js.map +1 -1
- package/lib/components/icon-button/defs.js +40 -0
- package/lib/components/icon-button/defs.js.map +1 -0
- package/lib/components/input/defs.js +1 -1
- package/lib/components/input/defs.js.map +1 -1
- package/lib/components/notification/defs.js +3 -0
- package/lib/components/notification/defs.js.map +1 -1
- package/lib/components/popover/defs.js +34 -0
- package/lib/components/popover/defs.js.map +1 -0
- package/lib/components/skeleton-text/defs.js +1 -2
- package/lib/components/skeleton-text/defs.js.map +1 -1
- package/lib/components/text-input/defs.js +47 -0
- package/lib/components/text-input/defs.js.map +1 -0
- package/lib/components-react-node/button/button-set.js +1 -1
- package/lib/components-react-node/button/button-skeleton.js +1 -1
- package/lib/components-react-node/button/button.js +1 -1
- package/lib/components-react-node/{tooltip/tooltip-body.js → checkbox/checkbox-skeleton.js} +3 -4
- package/lib/components-react-node/combo-box/combo-box.js +2 -8
- package/lib/components-react-node/copy/copy.js +37 -0
- package/lib/components-react-node/date-picker/date-picker-input.js +0 -6
- package/lib/components-react-node/dropdown/dropdown.js +2 -2
- package/lib/components-react-node/icon-button/defs.js +24 -0
- package/lib/components-react-node/icon-button/icon-button.js +50 -0
- package/lib/components-react-node/icon-button/index.js +9 -0
- package/lib/components-react-node/multi-select/multi-select.js +0 -6
- package/lib/components-react-node/notification/actionable-notification-button.js +37 -0
- package/lib/components-react-node/notification/actionable-notification.js +37 -0
- package/lib/components-react-node/number-input/number-input.js +3 -9
- package/lib/components-react-node/{slider → popover}/defs.js +1 -1
- package/lib/components-react-node/popover/index.js +9 -0
- package/lib/components-react-node/popover/popover-content.js +36 -0
- package/lib/components-react-node/{tooltip/tooltip-footer.js → popover/popover.js} +1 -1
- package/lib/components-react-node/search/search.js +0 -7
- package/lib/components-react-node/select/select-skeleton.js +36 -0
- package/lib/components-react-node/select/select.js +0 -7
- package/lib/components-react-node/slider/slider-input.js +0 -7
- package/lib/components-react-node/{tooltip → text-input}/defs.js +1 -1
- package/lib/components-react-node/text-input/index.js +9 -0
- package/lib/components-react-node/text-input/text-input-skeleton.js +36 -0
- package/lib/components-react-node/text-input/text-input.js +55 -0
- package/lib/components-react-node/textarea/textarea.js +3 -9
- package/lib/components-react-node/tooltip/tooltip-content.js +37 -0
- package/lib/components-react-node/tooltip/tooltip.js +3 -2
- package/lib/globals/settings.js +1 -1
- package/lib/globals/settings.js.map +1 -1
- package/lib/globals/wrappers/createReactCustomElementType.js +3 -3
- package/lib/globals/wrappers/createReactCustomElementType.js.map +1 -1
- package/package.json +5 -5
- package/scss/components/button/button.scss +5 -5
- package/scss/components/checkbox/checkbox.scss +9 -1
- package/scss/components/combo-box/combo-box.scss +51 -42
- package/scss/components/copy-button/copy-button.scss +20 -0
- package/scss/components/date-picker/date-picker.scss +28 -14
- package/scss/components/dropdown/dropdown.scss +87 -34
- package/scss/components/icon-button/icon-button.scss +14 -0
- package/scss/components/layer/layer.scss +0 -6
- package/scss/components/list/list.scss +0 -5
- package/scss/components/loading/loading.scss +1 -0
- package/scss/components/modal/modal.scss +2 -2
- package/scss/components/notification/actionable-notification.scss +170 -0
- package/scss/components/notification/inline-notification.scss +26 -0
- package/scss/components/notification/toast-notification.scss +26 -0
- package/scss/components/number-input/number-input.scss +13 -0
- package/scss/components/popover/popover.scss +122 -0
- package/scss/components/search/search.scss +54 -21
- package/scss/components/select/select.scss +20 -4
- package/scss/components/skeleton-text/skeleton-text.scss +4 -0
- package/scss/components/slider/slider.scss +9 -1
- package/scss/components/text-input/text-input.scss +38 -0
- package/scss/components/textarea/textarea.scss +7 -0
- package/scss/components/tile/tile.scss +4 -0
- package/scss/components/tooltip/tooltip.scss +5 -135
- package/es/components/slider/defs.d.ts +0 -11
- package/es/components/slider/defs.d.ts.map +0 -1
- package/es/components/slider/defs.js +0 -11
- package/es/components/slider/defs.js.map +0 -1
- package/es/components/tooltip/defs.d.ts +0 -84
- package/es/components/tooltip/defs.d.ts.map +0 -1
- package/es/components/tooltip/defs.js +0 -39
- package/es/components/tooltip/defs.js.map +0 -1
- package/es/components/tooltip/tooltip-body.d.ts +0 -40
- package/es/components/tooltip/tooltip-body.d.ts.map +0 -1
- package/es/components/tooltip/tooltip-body.js +0 -175
- package/es/components/tooltip/tooltip-body.js.map +0 -1
- package/es/components/tooltip/tooltip-footer.d.ts.map +0 -1
- package/es/components/tooltip/tooltip-footer.js.map +0 -1
- package/lib/components/slider/defs.js +0 -21
- package/lib/components/slider/defs.js.map +0 -1
- package/lib/components/tooltip/defs.js +0 -45
- package/lib/components/tooltip/defs.js.map +0 -1
- /package/es/components-react/{slider → icon-button}/defs.d.ts +0 -0
- /package/es/components-react/{tooltip/defs.d.ts → icon-button/index.d.ts} +0 -0
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
*/
|
|
9
9
|
import { css } from 'lit';
|
|
10
10
|
export default css([
|
|
11
|
-
'@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--tooltip,:host(cds-tooltip-body){--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff)}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds--definition-term{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.cds--definition-term *,.cds--definition-term ::after,.cds--definition-term ::before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe);border-bottom-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-bottom-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:11rem;padding:.5rem 1rem}.cds--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.cds--popover--drop-shadow .cds--popover{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;top:0;left:0;bottom:0;right:0;filter:var(--cds-popover-drop-shadow, none);pointer-events:none}.cds--popover-content{position:absolute;z-index:6000;display:none;width:-moz-max-content;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));pointer-events:auto}.cds--popover--open .cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:""}.cds--popover--open .cds--popover-content::before{display:block}.cds--popover-caret{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color,var(--cds-layer));will-change:transform}.cds--popover--open.cds--popover--caret .cds--popover-caret{display:block}.cds--popover--bottom .cds--popover-content{bottom:0;right:50%;transform:translate(50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left .cds--popover-content{bottom:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-right .cds--popover-content{left:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(100% + var(--cds-popover-offset,0))))}.cds--popover--bottom .cds--popover-content::before,.cds--popover--bottom-left .cds--popover-content::before,.cds--popover--bottom-right .cds--popover-content::before{top:0;left:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom .cds--popover-caret,.cds--popover--bottom-left .cds--popover-caret,.cds--popover--bottom-right .cds--popover-caret{bottom:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);transform:translate(50%,var(--cds-popover-offset,0))}.cds--popover--top .cds--popover-content{top:0;right:50%;transform:translate(50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left .cds--popover-content{top:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-right .cds--popover-content{top:0;left:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(-100% - var(--cds-popover-offset,0))))}.cds--popover--top .cds--popover-content::before,.cds--popover--top-left .cds--popover-content::before,.cds--popover--top-right .cds--popover-content::before{left:0;bottom:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top .cds--popover-caret,.cds--popover--top-left .cds--popover-caret,.cds--popover--top-right .cds--popover-caret{top:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);transform:translate(50%,calc(-1 * var(--cds-popover-offset,0)))}.cds--popover--right .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),50%)}.cds--popover--right-top .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) * -1 - 16px)))}.cds--popover--right-bottom .cds--popover-content{bottom:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) + 16px)))}.cds--popover--right .cds--popover-content::before,.cds--popover--right-bottom .cds--popover-content::before,.cds--popover--right-top .cds--popover-content::before{top:0;bottom:0;right:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--right .cds--popover-caret,.cds--popover--right-bottom .cds--popover-caret,.cds--popover--right-top .cds--popover-caret{top:50%;right:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(-1*(var(--cds-popover-offset,0) - 100%)),-50%)}.cds--popover--left .cds--popover-content{top:50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + .1px)),-50%)}.cds--popover--left-top .cds--popover-content{top:-50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom .cds--popover-content{left:100%;bottom:-50%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(.5 * var(--cds-popover-offset,0) - 16px))}.cds--popover--left .cds--popover-content::before,.cds--popover--left-bottom .cds--popover-content::before,.cds--popover--left-top .cds--popover-content::before{top:0;left:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--left .cds--popover-caret,.cds--popover--left-bottom .cds--popover-caret,.cds--popover--left-top .cds--popover-caret{top:50%;left:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + 100%)),-50%)}.cds--popover--tab-tip .cds--popover-content{border-radius:0}.cds--popover--tab-tip__button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button ::after,.cds--popover--tab-tip__button ::before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after{position:absolute;z-index:6001;bottom:0;width:100%;height:2px;background:var(--cds-layer);content:""}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}:host(cds-tooltip) .sb-tooltip-trigger{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--cds-border-subtle)}:host(cds-tooltip) .sb-tooltip-trigger *,:host(cds-tooltip) .sb-tooltip-trigger ::after,:host(cds-tooltip) .sb-tooltip-trigger ::before{box-sizing:inherit}:host(cds-tooltip) .sb-tooltip-trigger::-moz-focus-inner{border:0}:host(cds-tooltip) .sb-tooltip-trigger svg{fill:var(--cds-background-inverse,#393939)}:host(cds-tooltip-body) ::slotted(cds-tooltip-footer){display:flex;justify-content:space-between;align-items:center;margin-top:1rem}:host(cds-tooltip-body) ::slotted(p){font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);text-align:right}:host(cds-tooltip-body[direction=top]){margin-bottom:.5rem}:host(cds-tooltip-body[direction=top]) .cds--tooltip__caret{top:auto;bottom:rem(-6px);transform:rotate(-180deg)}:host(cds-tooltip-body[direction=right]){margin-right:.5rem}:host(cds-tooltip-body[direction=right]) .cds--tooltip__caret{left:auto;right:calc(-6.875px + 1px);transform:rotate(-270deg) translate(-25%,-50%)}:host(cds-tooltip-body[direction=bottom]){margin-top:.5rem}:host(cds-tooltip-body[direction=left]){margin-left:.5rem}:host(cds-tooltip-body[direction=left]) .cds--tooltip__caret{left:calc(-6.875px + 1px);right:auto;transform:rotate(-90deg) translate(25%,-50%)}:host(cds-tooltip-body[direction=bottom][alignment=start]) .cds--tooltip__caret,:host(cds-tooltip-body[direction=top][alignment=start]) .cds--tooltip__caret{margin-right:rem(17px)}:host(cds-tooltip-body[direction=bottom][alignment=end]) .cds--tooltip__caret,:host(cds-tooltip-body[direction=top][alignment=end]) .cds--tooltip__caret{margin-left:rem(17px)}:host(cds-tooltip-body[direction=left]) .cds--tooltip__caret,:host(cds-tooltip-body[direction=right]) .cds--tooltip__caret{top:50%}:host(cds-tooltip-body[direction=left][alignment=start]) .cds--tooltip__caret,:host(cds-tooltip-body[direction=right][alignment=start]) .cds--tooltip__caret{top:calc(6.875px + rem(17px))}:host(cds-tooltip-body[direction=left][alignment=end]) .cds--tooltip__caret,:host(cds-tooltip-body[direction=right][alignment=end]) .cds--tooltip__caret{top:auto;bottom:rem(17px)}:host(cds-tooltip-icon){outline:0}:host(cds-tooltip-icon) .cds--tooltip__trigger:focus ::slotted(svg),:host(cds-tooltip-icon) :host(cds-tooltip:focus) ::slotted(svg){outline:1px solid var(--cds-focus,#0f62fe)}',
|
|
11
|
+
'@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover,.cds--popover--high-contrast :host(cds-popover-content),.cds--popover--high-contrast :host(cds-popover[highContrast]) ::slotted(cds-popover-content),.cds--popover--high-contrast :host(cds-popover[highContrast]) ::slotted(cds-tooltip-content),.cds--popover--high-contrast :host(cds-tooltip-content),.cds--popover--high-contrast :host(cds-tooltip[highContrast]) ::slotted(cds-popover-content),.cds--popover--high-contrast :host(cds-tooltip[highContrast]) ::slotted(cds-tooltip-content),:host(cds-popover[highContrast]) .cds--popover--high-contrast ::slotted(cds-popover-content),:host(cds-popover[highContrast]) .cds--popover--high-contrast ::slotted(cds-tooltip-content),:host(cds-tooltip[highContrast]) .cds--popover--high-contrast ::slotted(cds-popover-content),:host(cds-tooltip[highContrast]) .cds--popover--high-contrast ::slotted(cds-tooltip-content){--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.cds--popover--drop-shadow .cds--popover,.cds--popover--drop-shadow :host(cds-popover-content),.cds--popover--drop-shadow :host(cds-popover[highContrast]) ::slotted(cds-popover-content),.cds--popover--drop-shadow :host(cds-popover[highContrast]) ::slotted(cds-tooltip-content),.cds--popover--drop-shadow :host(cds-tooltip-content),.cds--popover--drop-shadow :host(cds-tooltip[highContrast]) ::slotted(cds-popover-content),.cds--popover--drop-shadow :host(cds-tooltip[highContrast]) ::slotted(cds-tooltip-content),:host(cds-popover[highContrast]) .cds--popover--drop-shadow ::slotted(cds-popover-content),:host(cds-popover[highContrast]) .cds--popover--drop-shadow ::slotted(cds-tooltip-content),:host(cds-tooltip[highContrast]) .cds--popover--drop-shadow ::slotted(cds-popover-content),:host(cds-tooltip[highContrast]) .cds--popover--drop-shadow ::slotted(cds-tooltip-content){--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover,:host(cds-popover-content),:host(cds-popover[highContrast]) ::slotted(cds-popover-content),:host(cds-popover[highContrast]) ::slotted(cds-tooltip-content),:host(cds-tooltip-content),:host(cds-tooltip[highContrast]) ::slotted(cds-popover-content),:host(cds-tooltip[highContrast]) ::slotted(cds-tooltip-content){position:absolute;z-index:6000;top:0;left:0;bottom:0;right:0;filter:var(--cds-popover-drop-shadow, none);pointer-events:none}.cds--popover-content{position:absolute;z-index:6000;display:none;width:-moz-max-content;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));pointer-events:auto}.cds--popover--open .cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:""}.cds--popover--open .cds--popover-content::before{display:block}.cds--popover-caret{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color,var(--cds-layer));will-change:transform}.cds--popover--open.cds--popover--caret .cds--popover-caret{display:block}.cds--popover--bottom .cds--popover-content,:host(cds-popover-content[align=bottom]) .cds--popover-content,:host(cds-tooltip-content[align=bottom]) .cds--popover-content{bottom:0;right:50%;transform:translate(50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left .cds--popover-content,:host(cds-popover-content[align=bottom-left]) .cds--popover-content,:host(cds-tooltip-content[align=bottom-left]) .cds--popover-content{bottom:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-right .cds--popover-content,:host(cds-popover-content[align=bottom-right]) .cds--popover-content,:host(cds-tooltip-content[align=bottom-right]) .cds--popover-content{left:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(100% + var(--cds-popover-offset,0))))}.cds--popover--bottom .cds--popover-content::before,.cds--popover--bottom-left .cds--popover-content::before,.cds--popover--bottom-right .cds--popover-content::before,:host(cds-popover-content[align=bottom-left]) .cds--popover-content::before,:host(cds-popover-content[align=bottom-right]) .cds--popover-content::before,:host(cds-popover-content[align=bottom]) .cds--popover-content::before,:host(cds-tooltip-content[align=bottom-left]) .cds--popover-content::before,:host(cds-tooltip-content[align=bottom-right]) .cds--popover-content::before,:host(cds-tooltip-content[align=bottom]) .cds--popover-content::before{top:0;left:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom .cds--popover-caret,.cds--popover--bottom-left .cds--popover-caret,.cds--popover--bottom-right .cds--popover-caret,:host(cds-popover-content[align=bottom-left]) .cds--popover-caret,:host(cds-popover-content[align=bottom-right]) .cds--popover-caret,:host(cds-popover-content[align=bottom]) .cds--popover-caret,:host(cds-tooltip-content[align=bottom-left]) .cds--popover-caret,:host(cds-tooltip-content[align=bottom-right]) .cds--popover-caret,:host(cds-tooltip-content[align=bottom]) .cds--popover-caret{bottom:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);transform:translate(50%,var(--cds-popover-offset,0))}.cds--popover--top .cds--popover-content,:host(cds-popover-content[align=top]) .cds--popover-content,:host(cds-tooltip-content[align=top]) .cds--popover-content{top:0;right:50%;transform:translate(50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left .cds--popover-content,:host(cds-popover-content[align=top-left]) .cds--popover-content,:host(cds-tooltip-content[align=top-left]) .cds--popover-content{top:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-right .cds--popover-content,:host(cds-popover-content[align=top-right]) .cds--popover-content,:host(cds-tooltip-content[align=top-right]) .cds--popover-content{top:0;left:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(-100% - var(--cds-popover-offset,0))))}.cds--popover--top .cds--popover-content::before,.cds--popover--top-left .cds--popover-content::before,.cds--popover--top-right .cds--popover-content::before,:host(cds-popover-content[align=top-left]) .cds--popover-content::before,:host(cds-popover-content[align=top-right]) .cds--popover-content::before,:host(cds-popover-content[align=top]) .cds--popover-content::before,:host(cds-tooltip-content[align=top-left]) .cds--popover-content::before,:host(cds-tooltip-content[align=top-right]) .cds--popover-content::before,:host(cds-tooltip-content[align=top]) .cds--popover-content::before{left:0;bottom:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top .cds--popover-caret,.cds--popover--top-left .cds--popover-caret,.cds--popover--top-right .cds--popover-caret,:host(cds-popover-content[align=top-left]) .cds--popover-caret,:host(cds-popover-content[align=top-right]) .cds--popover-caret,:host(cds-popover-content[align=top]) .cds--popover-caret,:host(cds-tooltip-content[align=top-left]) .cds--popover-caret,:host(cds-tooltip-content[align=top-right]) .cds--popover-caret,:host(cds-tooltip-content[align=top]) .cds--popover-caret{top:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);transform:translate(50%,calc(-1 * var(--cds-popover-offset,0)))}.cds--popover--right .cds--popover-content,:host(cds-popover-content[align=right]) .cds--popover-content,:host(cds-tooltip-content[align=right]) .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),50%)}.cds--popover--right-top .cds--popover-content,:host(cds-popover-content[align=right-top]) .cds--popover-content,:host(cds-tooltip-content[align=right-top]) .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) * -1 - 16px)))}.cds--popover--right-bottom .cds--popover-content,:host(cds-popover-content[align=right-bottom]) .cds--popover-content,:host(cds-tooltip-content[align=right-bottom]) .cds--popover-content{bottom:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) + 16px)))}.cds--popover--right .cds--popover-content::before,.cds--popover--right-bottom .cds--popover-content::before,.cds--popover--right-top .cds--popover-content::before,:host(cds-popover-content[align=right-bottom]) .cds--popover-content::before,:host(cds-popover-content[align=right-top]) .cds--popover-content::before,:host(cds-popover-content[align=right]) .cds--popover-content::before,:host(cds-tooltip-content[align=right-bottom]) .cds--popover-content::before,:host(cds-tooltip-content[align=right-top]) .cds--popover-content::before,:host(cds-tooltip-content[align=right]) .cds--popover-content::before{top:0;bottom:0;right:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--right .cds--popover-caret,.cds--popover--right-bottom .cds--popover-caret,.cds--popover--right-top .cds--popover-caret,:host(cds-popover-content[align=right-bottom]) .cds--popover-caret,:host(cds-popover-content[align=right-top]) .cds--popover-caret,:host(cds-popover-content[align=right]) .cds--popover-caret,:host(cds-tooltip-content[align=right-bottom]) .cds--popover-caret,:host(cds-tooltip-content[align=right-top]) .cds--popover-caret,:host(cds-tooltip-content[align=right]) .cds--popover-caret{top:50%;right:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(-1*(var(--cds-popover-offset,0) - 100%)),-50%)}.cds--popover--left .cds--popover-content,:host(cds-popover-content[align=left]) .cds--popover-content,:host(cds-tooltip-content[align=left]) .cds--popover-content{top:50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + .1px)),-50%)}.cds--popover--left-top .cds--popover-content,:host(cds-popover-content[align=left-top]) .cds--popover-content,:host(cds-tooltip-content[align=left-top]) .cds--popover-content{top:-50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom .cds--popover-content,:host(cds-popover-content[align=left-bottom]) .cds--popover-content,:host(cds-tooltip-content[align=left-bottom]) .cds--popover-content{left:100%;bottom:-50%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(.5 * var(--cds-popover-offset,0) - 16px))}.cds--popover--left .cds--popover-content::before,.cds--popover--left-bottom .cds--popover-content::before,.cds--popover--left-top .cds--popover-content::before,:host(cds-popover-content[align=left-bottom]) .cds--popover-content::before,:host(cds-popover-content[align=left-top]) .cds--popover-content::before,:host(cds-popover-content[align=left]) .cds--popover-content::before,:host(cds-tooltip-content[align=left-bottom]) .cds--popover-content::before,:host(cds-tooltip-content[align=left-top]) .cds--popover-content::before,:host(cds-tooltip-content[align=left]) .cds--popover-content::before{top:0;left:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--left .cds--popover-caret,.cds--popover--left-bottom .cds--popover-caret,.cds--popover--left-top .cds--popover-caret,:host(cds-popover-content[align=left-bottom]) .cds--popover-caret,:host(cds-popover-content[align=left-top]) .cds--popover-caret,:host(cds-popover-content[align=left]) .cds--popover-caret,:host(cds-tooltip-content[align=left-bottom]) .cds--popover-caret,:host(cds-tooltip-content[align=left-top]) .cds--popover-caret,:host(cds-tooltip-content[align=left]) .cds--popover-caret{top:50%;left:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + 100%)),-50%)}.cds--popover--tab-tip .cds--popover-content{border-radius:0}.cds--popover--tab-tip__button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button ::after,.cds--popover--tab-tip__button ::before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after{position:absolute;z-index:6001;bottom:0;width:100%;height:2px;background:var(--cds-layer);content:""}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}:host(cds-popover[tabTip][open]) ::slotted(.cds--popover--tab-tip__button){background:var(--cds-layer)!important;box-shadow:0 2px 2px rgba(0,0,0,.2)}:host(cds-popover-content[open]) .cds--popover-content,:host(cds-tooltip-content[open]) .cds--popover-content{display:block}:host(cds-popover-content[open][tabTip]) .cds--popover-content,:host(cds-tooltip-content[open][tabTip]) .cds--popover-content{border-radius:0;background:var(--cds-layer)}:host(cds-popover-content[open][caret]) .cds--popover-caret,:host(cds-tooltip-content[open][caret]) .cds--popover-caret{display:block}:host(cds-popover-content[dropShadow]){--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content,:host(prefix-tooltip-content) ::slotted(.cds-tooltip-content){font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff)}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content,.cds--icon-tooltip :host(prefix-tooltip-content) ::slotted(.cds-tooltip-content),:host(prefix-tooltip-content) .cds--icon-tooltip ::slotted(.cds-tooltip-content){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds--definition-term{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.cds--definition-term *,.cds--definition-term ::after,.cds--definition-term ::before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe);border-bottom-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-bottom-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:11rem;padding:.5rem 1rem}',
|
|
12
12
|
]);
|
|
@@ -14,7 +14,7 @@ var prefix = settings.prefix;
|
|
|
14
14
|
export var descriptor = {};
|
|
15
15
|
export var propTypes = {};
|
|
16
16
|
const Component = createReactCustomElementType(
|
|
17
|
-
''.concat(prefix, '-
|
|
17
|
+
''.concat(prefix, '-button-set'),
|
|
18
18
|
descriptor
|
|
19
19
|
);
|
|
20
20
|
Component.propTypes = propTypes;
|
|
@@ -10,5 +10,5 @@ import { Component } from 'react';
|
|
|
10
10
|
import { ComponentProps as ParentComponentProps } from './button';
|
|
11
11
|
export interface ComponentProps extends ParentComponentProps {}
|
|
12
12
|
/*[object Object]*/
|
|
13
|
-
declare class
|
|
14
|
-
export default
|
|
13
|
+
declare class CDSButtonSkeleton extends Component<ComponentProps> {}
|
|
14
|
+
export default CDSButtonSkeleton;
|
|
@@ -16,7 +16,7 @@ var prefix = settings.prefix;
|
|
|
16
16
|
export var descriptor = Object.assign({}, parentDescriptor, {});
|
|
17
17
|
export var propTypes = Object.assign({}, parentPropTypes, {});
|
|
18
18
|
const Component = createReactCustomElementType(
|
|
19
|
-
''.concat(prefix, '-
|
|
19
|
+
''.concat(prefix, '-button-skeleton'),
|
|
20
20
|
descriptor
|
|
21
21
|
);
|
|
22
22
|
Component.propTypes = propTypes;
|
|
@@ -11,5 +11,5 @@ export interface ComponentProps {
|
|
|
11
11
|
[prop: string]: unknown;
|
|
12
12
|
}
|
|
13
13
|
/*[object Object]*/
|
|
14
|
-
declare class
|
|
15
|
-
export default
|
|
14
|
+
declare class CDSButton extends Component<ComponentProps> {}
|
|
15
|
+
export default CDSButton;
|
|
@@ -21,7 +21,7 @@ var prefix = settings.prefix;
|
|
|
21
21
|
export var descriptor = {};
|
|
22
22
|
export var propTypes = {};
|
|
23
23
|
const Component = createReactCustomElementType(
|
|
24
|
-
''.concat(prefix, '-
|
|
24
|
+
''.concat(prefix, '-button'),
|
|
25
25
|
descriptor
|
|
26
26
|
);
|
|
27
27
|
Component.propTypes = propTypes;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2019, 2020
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
import { Component } from 'react';
|
|
10
|
+
export interface ComponentProps {
|
|
11
|
+
[prop: string]: unknown;
|
|
12
|
+
}
|
|
13
|
+
/*[object Object]*/
|
|
14
|
+
declare class CDSCheckboxSkeleton extends Component<ComponentProps> {}
|
|
15
|
+
export default CDSCheckboxSkeleton;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2019, 2020
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
export { default as CustomElement } from '../../components/checkbox/checkbox-skeleton.js';
|
|
10
|
+
import createReactCustomElementType from '../../globals/wrappers/createReactCustomElementType.js';
|
|
11
|
+
import PropTypes from 'prop-types';
|
|
12
|
+
import settings from 'carbon-components/es/globals/js/settings.js';
|
|
13
|
+
var prefix = settings.prefix;
|
|
14
|
+
export var descriptor = {};
|
|
15
|
+
export var propTypes = {};
|
|
16
|
+
const Component = createReactCustomElementType(
|
|
17
|
+
''.concat(prefix, '-checkbox-skeleton'),
|
|
18
|
+
descriptor
|
|
19
|
+
);
|
|
20
|
+
Component.propTypes = propTypes;
|
|
21
|
+
export default Component;
|
|
@@ -15,5 +15,5 @@ export interface ComponentProps {
|
|
|
15
15
|
[prop: string]: unknown;
|
|
16
16
|
}
|
|
17
17
|
/*[object Object]*/
|
|
18
|
-
declare class
|
|
19
|
-
export default
|
|
18
|
+
declare class CDSCheckbox extends Component<ComponentProps> {}
|
|
19
|
+
export default CDSCheckbox;
|
|
@@ -10,5 +10,5 @@ import { Component } from 'react';
|
|
|
10
10
|
import { ComponentProps as ParentComponentProps } from '../dropdown/dropdown-item';
|
|
11
11
|
export interface ComponentProps extends ParentComponentProps {}
|
|
12
12
|
/*[object Object]*/
|
|
13
|
-
declare class
|
|
14
|
-
export default
|
|
13
|
+
declare class CDSComboBoxItem extends Component<ComponentProps> {}
|
|
14
|
+
export default CDSComboBoxItem;
|
|
@@ -29,5 +29,5 @@ export interface ComponentProps extends ParentComponentProps {
|
|
|
29
29
|
onSelect?: (event: CustomEvent) => void;
|
|
30
30
|
}
|
|
31
31
|
/*[object Object]*/
|
|
32
|
-
declare class
|
|
33
|
-
export default
|
|
32
|
+
declare class CDSComboBox extends Component<ComponentProps> {}
|
|
33
|
+
export default CDSComboBox;
|
|
@@ -6,11 +6,7 @@
|
|
|
6
6
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
8
8
|
*/
|
|
9
|
-
export {
|
|
10
|
-
DROPDOWN_COLOR_SCHEME,
|
|
11
|
-
DROPDOWN_SIZE,
|
|
12
|
-
DROPDOWN_TYPE,
|
|
13
|
-
} from '../dropdown/dropdown.js';
|
|
9
|
+
export { DROPDOWN_DIRECTION, DROPDOWN_SIZE } from '../dropdown/dropdown.js';
|
|
14
10
|
import { descriptor as parentDescriptor } from '../dropdown/dropdown.js';
|
|
15
11
|
import { propTypes as parentPropTypes } from '../dropdown/dropdown.js';
|
|
16
12
|
export { default as CustomElement } from '../../components/combo-box/combo-box.js';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2019, 2020
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
import { Component } from 'react';
|
|
10
|
+
import { ComponentProps as ParentComponentProps } from '../icon-button/icon-button';
|
|
11
|
+
export interface ComponentProps extends ParentComponentProps {}
|
|
12
|
+
/*[object Object]*/
|
|
13
|
+
declare class CDSCopy extends Component<ComponentProps> {}
|
|
14
|
+
export default CDSCopy;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2019, 2020
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
import { descriptor as parentDescriptor } from '../icon-button/icon-button.js';
|
|
10
|
+
import { propTypes as parentPropTypes } from '../icon-button/icon-button.js';
|
|
11
|
+
export { default as CustomElement } from '../../components/copy/copy.js';
|
|
12
|
+
import createReactCustomElementType from '../../globals/wrappers/createReactCustomElementType.js';
|
|
13
|
+
import PropTypes from 'prop-types';
|
|
14
|
+
import settings from 'carbon-components/es/globals/js/settings.js';
|
|
15
|
+
var prefix = settings.prefix;
|
|
16
|
+
export var descriptor = Object.assign({}, parentDescriptor, {});
|
|
17
|
+
export var propTypes = Object.assign({}, parentPropTypes, {});
|
|
18
|
+
const Component = createReactCustomElementType(
|
|
19
|
+
''.concat(prefix, '-copy'),
|
|
20
|
+
descriptor
|
|
21
|
+
);
|
|
22
|
+
Component.propTypes = propTypes;
|
|
23
|
+
export default Component;
|
|
@@ -11,5 +11,5 @@ export interface ComponentProps {
|
|
|
11
11
|
[prop: string]: unknown;
|
|
12
12
|
}
|
|
13
13
|
/*[object Object]*/
|
|
14
|
-
declare class
|
|
15
|
-
export default
|
|
14
|
+
declare class CDSCopyButton extends Component<ComponentProps> {}
|
|
15
|
+
export default CDSCopyButton;
|
|
@@ -11,5 +11,5 @@ export interface ComponentProps {
|
|
|
11
11
|
[prop: string]: unknown;
|
|
12
12
|
}
|
|
13
13
|
/*[object Object]*/
|
|
14
|
-
declare class
|
|
15
|
-
export default
|
|
14
|
+
declare class CDSDatePickerInputSkeleton extends Component<ComponentProps> {}
|
|
15
|
+
export default CDSDatePickerInputSkeleton;
|
|
@@ -11,5 +11,5 @@ export interface ComponentProps {
|
|
|
11
11
|
[prop: string]: unknown;
|
|
12
12
|
}
|
|
13
13
|
/*[object Object]*/
|
|
14
|
-
declare class
|
|
15
|
-
export default
|
|
14
|
+
declare class CDSDatePickerInput extends Component<ComponentProps> {}
|
|
15
|
+
export default CDSDatePickerInput;
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
export {
|
|
10
10
|
DATE_PICKER_INPUT_COLOR_SCHEME,
|
|
11
11
|
DATE_PICKER_INPUT_KIND,
|
|
12
|
-
DATE_PICKER_INPUT_SIZE_HORIZONTAL,
|
|
13
12
|
} from '././defs.js';
|
|
14
13
|
export { default as CustomElement } from '../../components/date-picker/date-picker-input.js';
|
|
15
14
|
import createReactCustomElementType from '../../globals/wrappers/createReactCustomElementType.js';
|
|
@@ -19,5 +19,5 @@ export interface ComponentProps {
|
|
|
19
19
|
[prop: string]: unknown;
|
|
20
20
|
}
|
|
21
21
|
/*[object Object]*/
|
|
22
|
-
declare class
|
|
23
|
-
export default
|
|
22
|
+
declare class CDSDatePicker extends Component<ComponentProps> {}
|
|
23
|
+
export default CDSDatePicker;
|
|
@@ -11,5 +11,5 @@ export interface ComponentProps {
|
|
|
11
11
|
[prop: string]: unknown;
|
|
12
12
|
}
|
|
13
13
|
/*[object Object]*/
|
|
14
|
-
declare class
|
|
15
|
-
export default
|
|
14
|
+
declare class CDSDropdownItem extends Component<ComponentProps> {}
|
|
15
|
+
export default CDSDropdownItem;
|
|
@@ -11,5 +11,5 @@ export interface ComponentProps {
|
|
|
11
11
|
[prop: string]: unknown;
|
|
12
12
|
}
|
|
13
13
|
/*[object Object]*/
|
|
14
|
-
declare class
|
|
15
|
-
export default
|
|
14
|
+
declare class CDSDropdownSkeleton extends Component<ComponentProps> {}
|
|
15
|
+
export default CDSDropdownSkeleton;
|
|
@@ -29,5 +29,5 @@ export interface ComponentProps {
|
|
|
29
29
|
[prop: string]: unknown;
|
|
30
30
|
}
|
|
31
31
|
/*[object Object]*/
|
|
32
|
-
declare class
|
|
33
|
-
export default
|
|
32
|
+
declare class CDSDropdown extends Component<ComponentProps> {}
|
|
33
|
+
export default CDSDropdown;
|
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
8
8
|
*/
|
|
9
9
|
import { Component } from 'react';
|
|
10
|
-
import { ComponentProps as ParentComponentProps } from '../
|
|
10
|
+
import { ComponentProps as ParentComponentProps } from '../button/button';
|
|
11
11
|
export interface ComponentProps extends ParentComponentProps {}
|
|
12
12
|
/*[object Object]*/
|
|
13
|
-
declare class
|
|
14
|
-
export default
|
|
13
|
+
declare class CDSIconButton extends Component<ComponentProps> {}
|
|
14
|
+
export default CDSIconButton;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2019, 2020
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
export { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT } from '././defs.js';
|
|
10
|
+
import { descriptor as parentDescriptor } from '../button/button.js';
|
|
11
|
+
import { propTypes as parentPropTypes } from '../button/button.js';
|
|
12
|
+
export { default as CustomElement } from '../../components/icon-button/icon-button.js';
|
|
13
|
+
import createReactCustomElementType from '../../globals/wrappers/createReactCustomElementType.js';
|
|
14
|
+
import PropTypes from 'prop-types';
|
|
15
|
+
import settings from 'carbon-components/es/globals/js/settings.js';
|
|
16
|
+
var prefix = settings.prefix;
|
|
17
|
+
export var descriptor = Object.assign({}, parentDescriptor, {});
|
|
18
|
+
export var propTypes = Object.assign({}, parentPropTypes, {});
|
|
19
|
+
const Component = createReactCustomElementType(
|
|
20
|
+
''.concat(prefix, '-icon-button'),
|
|
21
|
+
descriptor
|
|
22
|
+
);
|
|
23
|
+
Component.propTypes = propTypes;
|
|
24
|
+
export default Component;
|
|
@@ -11,5 +11,5 @@ export interface ComponentProps {
|
|
|
11
11
|
[prop: string]: unknown;
|
|
12
12
|
}
|
|
13
13
|
/*[object Object]*/
|
|
14
|
-
declare class
|
|
15
|
-
export default
|
|
14
|
+
declare class CDSInlineLoading extends Component<ComponentProps> {}
|
|
15
|
+
export default CDSInlineLoading;
|
|
@@ -11,5 +11,5 @@ export interface ComponentProps {
|
|
|
11
11
|
[prop: string]: unknown;
|
|
12
12
|
}
|
|
13
13
|
/*[object Object]*/
|
|
14
|
-
declare class
|
|
15
|
-
export default
|
|
14
|
+
declare class CDSInput extends Component<ComponentProps> {}
|
|
15
|
+
export default CDSInput;
|
|
@@ -10,5 +10,5 @@ import { Component } from 'react';
|
|
|
10
10
|
import { ComponentProps as ParentComponentProps } from './unordered-list';
|
|
11
11
|
export interface ComponentProps extends ParentComponentProps {}
|
|
12
12
|
/*[object Object]*/
|
|
13
|
-
declare class
|
|
14
|
-
export default
|
|
13
|
+
declare class CDSOrderedList extends Component<ComponentProps> {}
|
|
14
|
+
export default CDSOrderedList;
|
|
@@ -11,5 +11,5 @@ export interface ComponentProps {
|
|
|
11
11
|
[prop: string]: unknown;
|
|
12
12
|
}
|
|
13
13
|
/*[object Object]*/
|
|
14
|
-
declare class
|
|
15
|
-
export default
|
|
14
|
+
declare class CDSUnorderedList extends Component<ComponentProps> {}
|
|
15
|
+
export default CDSUnorderedList;
|
|
@@ -11,5 +11,5 @@ export interface ComponentProps {
|
|
|
11
11
|
[prop: string]: unknown;
|
|
12
12
|
}
|
|
13
13
|
/*[object Object]*/
|
|
14
|
-
declare class
|
|
15
|
-
export default
|
|
14
|
+
declare class CDSLoading extends Component<ComponentProps> {}
|
|
15
|
+
export default CDSLoading;
|
|
@@ -10,5 +10,5 @@ import { Component } from 'react';
|
|
|
10
10
|
import { ComponentProps as ParentComponentProps } from '../button/button';
|
|
11
11
|
export interface ComponentProps extends ParentComponentProps {}
|
|
12
12
|
/*[object Object]*/
|
|
13
|
-
declare class
|
|
14
|
-
export default
|
|
13
|
+
declare class CDSModalFooterButton extends Component<ComponentProps> {}
|
|
14
|
+
export default CDSModalFooterButton;
|
|
@@ -10,5 +10,5 @@ import { Component } from 'react';
|
|
|
10
10
|
import { ComponentProps as ParentComponentProps } from '../dropdown/dropdown-item';
|
|
11
11
|
export interface ComponentProps extends ParentComponentProps {}
|
|
12
12
|
/*[object Object]*/
|
|
13
|
-
declare class
|
|
14
|
-
export default
|
|
13
|
+
declare class CDSMultiSelectItem extends Component<ComponentProps> {}
|
|
14
|
+
export default CDSMultiSelectItem;
|
|
@@ -29,5 +29,5 @@ export interface ComponentProps extends ParentComponentProps {
|
|
|
29
29
|
onSelect?: (event: CustomEvent) => void;
|
|
30
30
|
}
|
|
31
31
|
/*[object Object]*/
|
|
32
|
-
declare class
|
|
33
|
-
export default
|
|
32
|
+
declare class CDSMultiSelect extends Component<ComponentProps> {}
|
|
33
|
+
export default CDSMultiSelect;
|
|
@@ -6,11 +6,7 @@
|
|
|
6
6
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
8
8
|
*/
|
|
9
|
-
export {
|
|
10
|
-
DROPDOWN_COLOR_SCHEME,
|
|
11
|
-
DROPDOWN_SIZE,
|
|
12
|
-
DROPDOWN_TYPE,
|
|
13
|
-
} from '../dropdown/dropdown.js';
|
|
9
|
+
export { DROPDOWN_SIZE, DROPDOWN_TYPE } from '../dropdown/dropdown.js';
|
|
14
10
|
import { descriptor as parentDescriptor } from '../dropdown/dropdown.js';
|
|
15
11
|
import { propTypes as parentPropTypes } from '../dropdown/dropdown.js';
|
|
16
12
|
export { default as CustomElement } from '../../components/multi-select/multi-select.js';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2019, 2020
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
import { Component } from 'react';
|
|
10
|
+
import { ComponentProps as ParentComponentProps } from '../button/button';
|
|
11
|
+
export interface ComponentProps extends ParentComponentProps {}
|
|
12
|
+
/*[object Object]*/
|
|
13
|
+
declare class CDSActionableNotificationButton
|
|
14
|
+
extends Component<ComponentProps> {}
|
|
15
|
+
export default CDSActionableNotificationButton;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2019, 2020
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
import { descriptor as parentDescriptor } from '../button/button.js';
|
|
10
|
+
import { propTypes as parentPropTypes } from '../button/button.js';
|
|
11
|
+
export { default as CustomElement } from '../../components/notification/actionable-notification-button.js';
|
|
12
|
+
import createReactCustomElementType from '../../globals/wrappers/createReactCustomElementType.js';
|
|
13
|
+
import PropTypes from 'prop-types';
|
|
14
|
+
import settings from 'carbon-components/es/globals/js/settings.js';
|
|
15
|
+
var prefix = settings.prefix;
|
|
16
|
+
export var descriptor = Object.assign({}, parentDescriptor, {});
|
|
17
|
+
export var propTypes = Object.assign({}, parentPropTypes, {});
|
|
18
|
+
const Component = createReactCustomElementType(
|
|
19
|
+
''.concat(prefix, '-actionable-notification-button'),
|
|
20
|
+
descriptor
|
|
21
|
+
);
|
|
22
|
+
Component.propTypes = propTypes;
|
|
23
|
+
export default Component;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2019, 2020
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
import { Component } from 'react';
|
|
10
|
+
import { ComponentProps as ParentComponentProps } from './inline-notification';
|
|
11
|
+
export interface ComponentProps extends ParentComponentProps {}
|
|
12
|
+
/*[object Object]*/
|
|
13
|
+
declare class CDSActionableNotification extends Component<ComponentProps> {}
|
|
14
|
+
export default CDSActionableNotification;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2019, 2020
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
import { descriptor as parentDescriptor } from '././inline-notification.js';
|
|
10
|
+
import { propTypes as parentPropTypes } from '././inline-notification.js';
|
|
11
|
+
export { default as CustomElement } from '../../components/notification/actionable-notification.js';
|
|
12
|
+
import createReactCustomElementType from '../../globals/wrappers/createReactCustomElementType.js';
|
|
13
|
+
import PropTypes from 'prop-types';
|
|
14
|
+
import settings from 'carbon-components/es/globals/js/settings.js';
|
|
15
|
+
var prefix = settings.prefix;
|
|
16
|
+
export var descriptor = Object.assign({}, parentDescriptor, {});
|
|
17
|
+
export var propTypes = Object.assign({}, parentPropTypes, {});
|
|
18
|
+
const Component = createReactCustomElementType(
|
|
19
|
+
''.concat(prefix, '-actionable-notification'),
|
|
20
|
+
descriptor
|
|
21
|
+
);
|
|
22
|
+
Component.propTypes = propTypes;
|
|
23
|
+
export default Component;
|
|
@@ -20,5 +20,5 @@ export interface ComponentProps {
|
|
|
20
20
|
[prop: string]: unknown;
|
|
21
21
|
}
|
|
22
22
|
/*[object Object]*/
|
|
23
|
-
declare class
|
|
24
|
-
export default
|
|
23
|
+
declare class CDSInlineNotification extends Component<ComponentProps> {}
|
|
24
|
+
export default CDSInlineNotification;
|
|
@@ -10,5 +10,5 @@ import { Component } from 'react';
|
|
|
10
10
|
import { ComponentProps as ParentComponentProps } from './inline-notification';
|
|
11
11
|
export interface ComponentProps extends ParentComponentProps {}
|
|
12
12
|
/*[object Object]*/
|
|
13
|
-
declare class
|
|
14
|
-
export default
|
|
13
|
+
declare class CDSToastNotification extends Component<ComponentProps> {}
|
|
14
|
+
export default CDSToastNotification;
|
|
@@ -11,5 +11,5 @@ export interface ComponentProps {
|
|
|
11
11
|
[prop: string]: unknown;
|
|
12
12
|
}
|
|
13
13
|
/*[object Object]*/
|
|
14
|
-
declare class
|
|
15
|
-
export default
|
|
14
|
+
declare class CDSNumberInputSkeleton extends Component<ComponentProps> {}
|
|
15
|
+
export default CDSNumberInputSkeleton;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
8
8
|
*/
|
|
9
9
|
import { Component } from 'react';
|
|
10
|
-
import { ComponentProps as ParentComponentProps } from '../input/input';
|
|
10
|
+
import { ComponentProps as ParentComponentProps } from '../text-input/text-input';
|
|
11
11
|
export interface ComponentProps extends ParentComponentProps {
|
|
12
12
|
/**
|
|
13
13
|
* The event handler for the custom event fired after the value is changed upon a user gesture.
|
|
@@ -15,5 +15,5 @@ export interface ComponentProps extends ParentComponentProps {
|
|
|
15
15
|
onInput?: (event: CustomEvent) => void;
|
|
16
16
|
}
|
|
17
17
|
/*[object Object]*/
|
|
18
|
-
declare class
|
|
19
|
-
export default
|
|
18
|
+
declare class CDSNumberInput extends Component<ComponentProps> {}
|
|
19
|
+
export default CDSNumberInput;
|
|
@@ -6,12 +6,9 @@
|
|
|
6
6
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
8
8
|
*/
|
|
9
|
-
export {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
} from '././defs.js';
|
|
13
|
-
import { descriptor as parentDescriptor } from '../input/input.js';
|
|
14
|
-
import { propTypes as parentPropTypes } from '../input/input.js';
|
|
9
|
+
export { NUMBER_INPUT_VALIDATION_STATUS } from '././defs.js';
|
|
10
|
+
import { descriptor as parentDescriptor } from '../text-input/text-input.js';
|
|
11
|
+
import { propTypes as parentPropTypes } from '../text-input/text-input.js';
|
|
15
12
|
export { default as CustomElement } from '../../components/number-input/number-input.js';
|
|
16
13
|
import createReactCustomElementType from '../../globals/wrappers/createReactCustomElementType.js';
|
|
17
14
|
import PropTypes from 'prop-types';
|