@carbon/vue 1.0.0 → 1.1.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.
Files changed (59) hide show
  1. package/CHANGELOG.md +192 -0
  2. package/README.md +9 -156
  3. package/dist/carbon-data-viz-vue.common.js +6 -6
  4. package/dist/carbon-data-viz-vue.common.js.map +1 -1
  5. package/dist/carbon-data-viz-vue.css +1 -1
  6. package/dist/carbon-data-viz-vue.umd.js +6 -6
  7. package/dist/carbon-data-viz-vue.umd.js.map +1 -1
  8. package/dist/carbon-data-viz-vue.umd.min.js.map +1 -1
  9. package/dist/carbon-vue.common.js +8807 -4866
  10. package/dist/carbon-vue.common.js.map +1 -1
  11. package/dist/carbon-vue.umd.js +8807 -4866
  12. package/dist/carbon-vue.umd.js.map +1 -1
  13. package/dist/carbon-vue.umd.min.js +4 -4
  14. package/dist/carbon-vue.umd.min.js.map +1 -1
  15. package/dist/demo.html +2 -2
  16. package/package.json +21 -8
  17. package/src/_internal/_feature-flags.js +42 -0
  18. package/src/components/cv-accordion/_cv-accordion-item-skeleton.vue +10 -0
  19. package/src/components/cv-accordion/cv-accordion-item.vue +6 -0
  20. package/src/components/cv-button/cv-button.vue +32 -3
  21. package/src/components/cv-checkbox/_cv-checkbox-inner-form-item.vue +1 -1
  22. package/src/components/cv-checkbox/_cv-checkbox-inner.vue +1 -0
  23. package/src/components/cv-checkbox/cv-checkbox-skeleton.vue +13 -0
  24. package/src/components/cv-code-snippet/_cv-code-snippet-multiline.vue +10 -0
  25. package/src/components/cv-code-snippet/_cv-code-snippet-oneline.vue +10 -0
  26. package/src/components/cv-code-snippet/cv-code-snippet-skeleton.vue +29 -0
  27. package/src/components/cv-code-snippet/cv-code-snippet.vue +1 -1
  28. package/src/components/cv-content-switcher/cv-content-switcher-button.vue +28 -1
  29. package/src/components/cv-content-switcher/cv-content-switcher.vue +1 -1
  30. package/src/components/cv-data-table/cv-data-table.vue +54 -18
  31. package/src/components/cv-date-picker/_cv-date-picker-inner-c10.vue +220 -0
  32. package/src/components/cv-date-picker/_cv-date-picker-inner.vue +231 -0
  33. package/src/components/cv-date-picker/cv-date-picker.vue +17 -216
  34. package/src/components/cv-dropdown/_cv-dropdown-inner-c10.vue +201 -0
  35. package/src/components/cv-dropdown/_cv-dropdown-inner-form-item.vue +22 -0
  36. package/src/components/cv-dropdown/_cv-dropdown-inner.vue +213 -0
  37. package/src/components/cv-dropdown/cv-dropdown-item.vue +4 -0
  38. package/src/components/cv-dropdown/cv-dropdown-skeleton.vue +18 -0
  39. package/src/components/cv-dropdown/cv-dropdown.vue +20 -167
  40. package/src/components/cv-file-uploader/cv-file-uploader-skeleton.vue +22 -0
  41. package/src/components/cv-file-uploader/cv-file-uploader.vue +48 -8
  42. package/src/components/cv-inline-loader/cv-inline-loader.vue +42 -0
  43. package/src/components/cv-inline-notification/cv-inline-notification.vue +25 -7
  44. package/src/components/cv-loading/cv-loading.vue +18 -1
  45. package/src/components/cv-modal/cv-modal.vue +17 -6
  46. package/src/components/cv-number-input/cv-number-input.vue +9 -2
  47. package/src/components/cv-overflow-menu/cv-overflow-menu.vue +17 -15
  48. package/src/components/cv-pagination/cv-pagination.vue +2 -2
  49. package/src/components/cv-radio-button/cv-radio-button.vue +1 -0
  50. package/src/components/cv-slider/cv-slider.vue +6 -6
  51. package/src/components/cv-structured-list/_cv-structured-list-item-selectable.vue +1 -0
  52. package/src/components/cv-tabs/cv-tabs.vue +22 -11
  53. package/src/components/cv-text-input/cv-text-input.vue +70 -0
  54. package/src/components/cv-toast-notification/cv-toast-notification.vue +35 -0
  55. package/src/components/cv-tooltip/cv-interactive-tooltip.vue +4 -4
  56. package/src/data-viz/cv-bar-graph/cv-bar-graph.vue +7 -4
  57. package/src/data-viz/cv-gauge/cv-gauge.vue +1 -1
  58. package/src/data-viz/cv-pie-chart/cv-pie-chart.vue +8 -7
  59. package/src/components/cv-data-table/_cv-data-table-temp.vue +0 -669
package/dist/carbon-data-viz-vue.css CHANGED
@@ -1 +1 @@
1
- .cv-bar-graph{display:inline-block;position:relative}.cv-bar-graph,.cv-bar-graph__svg{vertical-align:top}.cv-bar-graph--empty .cv-bar-graph__svg{opacity:.3}.cv-bar-graph__root,.cv-bar-graph__x-axis,.cv-bar-graph__y-axis{font-family:ibm-plex-sans}.cv-bar-graph__x-axis .tick line,.cv-bar-graph__y-axis .tick line{stroke:#5a6872}.cv-bar-graph__x-axis .tick text,.cv-bar-graph__y-axis .tick text{fill:#5a6872;font-size:10px;font-weight:400}.cv-bar-graph__y-axis{stroke-dasharray:4}.cv-bar-graph__y-axis path{display:none}.cv-bar-graph__x-axis-label,.cv-bar-graph__y-axis-label{fill:#5a6872;font-size:10px;font-weight:700;text-anchor:middle;dominant-baseline:middle}.cv-bar-graph__empty-content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;text-align:center}.cv-bar-graph__empty-content,.cv-bar-graph__key{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute}.cv-bar-graph__key{right:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 10px;border-left:1px solid #5a6872;color:#5a6872}.cv-bar-graph--empty .cv-bar-graph__key{opacity:.3}.cv-bar-graph__key-title{margin-bottom:10px;font-size:12px;font-weight:600}.cv-bar-graph__key-entry{margin:5px 0;font-size:10px}.cv-bar-graph__key-entry-swatch{display:inline-block;width:10px;height:10px;margin-right:4px;vertical-align:middle}.cv-bar-graph__tooltip{display:none;position:absolute;padding:.25rem .5rem;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);border:1px solid #dfe3e6;font-weight:700;background-color:#fff;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.1);box-shadow:0 4px 8px 0 rgba(0,0,0,.1);pointer-events:none}.cv-bar-graph__tooltip:after{content:"";position:absolute;top:100%;left:50%;width:0;height:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff}.cv-gauge__container{position:relative;width:220px}.cv-gauge__text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:right}.cv-gauge__amount{opacity:0;font-size:30px;font-weight:300}.cv-gauge__total{opacity:0;font-size:14px}.cv-gauge__amount,.cv-gauge__total{margin:0}.bx--graph-header{font-weight:300;font-size:24px}.cv-pie-chart__container{display:inline-block;position:relative}.cv-pie-chart__tooltip{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%}.cv-pie-chart__tooltip p{text-align:center}.cv-pie-chart__tooltip .cv-pie-chart__amount{font-size:29px;line-height:1;font-weight:300}.cv-pie-chart__tooltip .cv-pie-chart__item{font-weight:400;font-size:14px;color:#5a6872}
1
+ .cv-bar-graph{display:inline-block;position:relative}.cv-bar-graph,.cv-bar-graph__svg{vertical-align:top}.cv-bar-graph--empty .cv-bar-graph__svg{opacity:.3}.cv-bar-graph__root,.cv-bar-graph__x-axis,.cv-bar-graph__y-axis{font-family:ibm-plex-sans}.cv-bar-graph__x-axis .tick line,.cv-bar-graph__y-axis .tick line{stroke:#5a6872}.cv-bar-graph__x-axis .tick text,.cv-bar-graph__y-axis .tick text{fill:#5a6872;font-size:10px;font-weight:400}.cv-bar-graph__y-axis{stroke-dasharray:4}.cv-bar-graph__y-axis path{display:none}.cv-bar-graph__x-axis-label,.cv-bar-graph__y-axis-label{fill:#5a6872;font-size:10px;font-weight:700;text-anchor:middle;dominant-baseline:middle}.cv-bar-graph__empty-content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;text-align:center}.cv-bar-graph__empty-content,.cv-bar-graph__key{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute}.cv-bar-graph__key{right:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 10px;border-left:1px solid #5a6872;color:#5a6872}.cv-bar-graph--empty .cv-bar-graph__key{opacity:.3}.cv-bar-graph__key-title{margin-bottom:10px;font-size:12px;font-weight:600}.cv-bar-graph__key-entry{margin:5px 0;font-size:10px}.cv-bar-graph__key-entry-swatch{display:inline-block;width:10px;height:10px;margin-right:4px;vertical-align:middle}.cv-bar-graph__tooltip{display:none;position:absolute;padding:.25rem .5rem;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);border:1px solid #dfe3e6;background-color:#fff;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.1);box-shadow:0 4px 8px 0 rgba(0,0,0,.1);font-weight:700;pointer-events:none}.cv-bar-graph__tooltip:after{content:"";position:absolute;top:100%;left:50%;width:0;height:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-top:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.cv-gauge__container{position:relative;width:220px}.cv-gauge__text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:right}.cv-gauge__amount{opacity:0;font-size:30px;font-weight:300}.cv-gauge__total{opacity:0;font-size:14px}.cv-gauge__amount,.cv-gauge__total{margin:0}.bx--graph-header{font-size:24px;font-weight:300}.cv-pie-chart__container{display:inline-block;position:relative}.cv-pie-chart__tooltip{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:50%;left:50%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.cv-pie-chart__tooltip p{text-align:center}.cv-pie-chart__tooltip .cv-pie-chart__amount{font-size:29px;font-weight:300;line-height:1}.cv-pie-chart__tooltip .cv-pie-chart__item{color:#5a6872;font-size:14px;font-weight:400}
package/dist/carbon-data-viz-vue.umd.js CHANGED
@@ -1578,12 +1578,12 @@ $exports.store = store;
1578
1578
  "use strict";
1579
1579
  __webpack_require__.r(__webpack_exports__);
1580
1580
 
1581
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e69c6b9e-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/data-viz/cv-gauge/cv-gauge.vue?vue&type=template&id=1f9b935c&
1581
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"64a18538-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/data-viz/cv-gauge/cv-gauge.vue?vue&type=template&id=e4b71be0&
1582
1582
  var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cv-gauge"},[_c('h1',{staticClass:"bx--graph-header"},[_vm._v(_vm._s(_vm.header))]),_c('div',{staticClass:"cv-gauge__container"},[_c('svg'),_vm._m(0)])])}
1583
1583
  var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cv-gauge__text"},[_c('p',{staticClass:"cv-gauge__amount"}),_c('p',{staticClass:"cv-gauge__total"})])}]
1584
1584
 
1585
1585
 
1586
- // CONCATENATED MODULE: ./src/data-viz/cv-gauge/cv-gauge.vue?vue&type=template&id=1f9b935c&
1586
+ // CONCATENATED MODULE: ./src/data-viz/cv-gauge/cv-gauge.vue?vue&type=template&id=e4b71be0&
1587
1587
 
1588
1588
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
1589
1589
  var es6_function_name = __webpack_require__("7f7f");
@@ -18438,12 +18438,12 @@ if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef
18438
18438
  "use strict";
18439
18439
  __webpack_require__.r(__webpack_exports__);
18440
18440
 
18441
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e69c6b9e-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/data-viz/cv-bar-graph/cv-bar-graph.vue?vue&type=template&id=4c81c568&
18441
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"64a18538-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/data-viz/cv-bar-graph/cv-bar-graph.vue?vue&type=template&id=1741cacb&
18442
18442
  var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cv-bar-graph",class:{ 'cv-bar-graph--empty': _vm.noData }},[_c('svg',{ref:"svg",staticClass:"cv-bar-graph__svg"},[_c('g',{ref:"root",staticClass:"cv-bar-graph__root"},[_c('g',{ref:"xAxis",staticClass:"cv-bar-graph__x-axis"},[_c('text',{ref:"xAxisLabel",staticClass:"cv-bar-graph__x-axis-label"})]),_c('g',{ref:"yAxis",staticClass:"cv-bar-graph__y-axis"},[_c('text',{ref:"yAxisLabel",staticClass:"cv-bar-graph__y-axis-label"})])])]),(_vm.keyLabels)?_c('div',{ref:"key",staticClass:"cv-bar-graph__key"},[_c('span',{staticClass:"cv-bar-graph__key-title"},[_vm._v("Key")]),_vm._l((_vm.keyLabels),function(keyLabel,i){return _c('div',{key:keyLabel,staticClass:"cv-bar-graph__key-entry"},[_c('div',{staticClass:"cv-bar-graph__key-entry-swatch",style:({ background: _vm.colors(i) })}),_vm._v("\n "+_vm._s(keyLabel)+"\n ")])})],2):_vm._e(),_c('div',{ref:"emptyContent",staticClass:"cv-bar-graph__empty-content"},[_c('div',{staticClass:"cv-bar-graph__empty-content-inner"},[_vm._t("emptyContent",[_vm._v(_vm._s(_vm.emptyText))])],2)]),_c('div',{ref:"tooltip",staticClass:"cv-bar-graph__tooltip"})])}
18443
18443
  var staticRenderFns = []
18444
18444
 
18445
18445
 
18446
- // CONCATENATED MODULE: ./src/data-viz/cv-bar-graph/cv-bar-graph.vue?vue&type=template&id=4c81c568&
18446
+ // CONCATENATED MODULE: ./src/data-viz/cv-bar-graph/cv-bar-graph.vue?vue&type=template&id=1741cacb&
18447
18447
 
18448
18448
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
18449
18449
  var es6_function_name = __webpack_require__("7f7f");
@@ -22155,12 +22155,12 @@ module.exports = __webpack_require__("584a").Array.isArray;
22155
22155
  "use strict";
22156
22156
  __webpack_require__.r(__webpack_exports__);
22157
22157
 
22158
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e69c6b9e-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/data-viz/cv-pie-chart/cv-pie-chart.vue?vue&type=template&id=4c1cef89&
22158
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"64a18538-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/data-viz/cv-pie-chart/cv-pie-chart.vue?vue&type=template&id=5acae14c&
22159
22159
  var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cv-pie-chart"},[_c('h2',{staticClass:"bx--graph-header"},[_vm._v(_vm._s(_vm.header))]),_c('div',{staticClass:"cv-pie-chart__container"},[_c('svg',{attrs:{"width":_vm.width,"height":_vm.height}},[_c('g')]),_vm._m(0)])])}
22160
22160
  var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cv-pie-chart__tooltip"},[_c('p',{staticClass:"cv-pie-chart__amount"}),_c('p',{staticClass:"cv-pie-chart__item"})])}]
22161
22161
 
22162
22162
 
22163
- // CONCATENATED MODULE: ./src/data-viz/cv-pie-chart/cv-pie-chart.vue?vue&type=template&id=4c1cef89&
22163
+ // CONCATENATED MODULE: ./src/data-viz/cv-pie-chart/cv-pie-chart.vue?vue&type=template&id=5acae14c&
22164
22164
 
22165
22165
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
22166
22166
  var es6_function_name = __webpack_require__("7f7f");