@carbon/vue 2.34.1 → 2.37.0
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/CHANGELOG.md +29 -0
- package/README.md +25 -18
- package/dist/carbon-vue.common.js +1359 -1008
- package/dist/carbon-vue.common.js.map +1 -1
- package/dist/carbon-vue.umd.js +1359 -1008
- package/dist/carbon-vue.umd.js.map +1 -1
- package/dist/carbon-vue.umd.min.js +3 -3
- package/dist/carbon-vue.umd.min.js.map +1 -1
- package/package.json +4 -4
- package/src/components/cv-accordion/cv-accordion-item.vue +4 -0
- package/src/components/cv-accordion/cv-accordion-skeleton.vue +17 -1
- package/src/components/cv-accordion/cv-accordion.vue +18 -1
- package/src/components/cv-button/button-mixin.js +12 -7
- package/src/components/cv-button/cv-button-set.vue +4 -1
- package/src/components/cv-button/cv-icon-button.vue +1 -1
- package/src/components/cv-code-snippet/_cv-code-snippet-inline.vue +13 -7
- package/src/components/cv-code-snippet/_cv-code-snippet-multiline.vue +13 -7
- package/src/components/cv-code-snippet/_cv-code-snippet-oneline.vue +10 -11
- package/src/components/cv-code-snippet/cv-code-snippet.vue +17 -1
- package/src/components/cv-combo-box/cv-combo-box.vue +1 -1
- package/src/components/cv-content-switcher/cv-content-switcher.vue +20 -3
- package/src/components/cv-data-table/cv-data-table.vue +11 -3
- package/src/components/cv-date-picker/cv-date-picker.vue +2 -2
- package/src/components/cv-dropdown/cv-dropdown.vue +1 -1
- package/src/components/cv-loading/cv-loading.vue +5 -1
- package/src/components/cv-modal/cv-modal.vue +31 -0
- package/src/components/cv-multi-select/cv-multi-select.vue +8 -9
- package/src/components/cv-number-input/cv-number-input.vue +1 -1
- package/src/components/cv-search/cv-search.vue +1 -1
- package/src/components/cv-select/cv-select.vue +1 -1
- package/src/components/cv-slider/cv-slider.vue +1 -1
- package/src/components/cv-tabs/cv-tabs.vue +9 -1
- package/src/components/cv-text-area/cv-text-area.vue +1 -1
- package/src/components/cv-text-input/cv-text-input.vue +1 -2
- package/src/components/cv-tile/cv-tile.vue +1 -1
- package/src/components/cv-time-picker/cv-time-picker.vue +2 -2
- package/src/components/cv-tooltip/cv-definition-tooltip.vue +1 -1
- package/src/components/cv-tooltip/cv-interactive-tooltip.vue +7 -0
- package/src/components/cv-ui-shell/cv-side-nav-link.vue +10 -2
- package/src/directives/clickout.js +21 -9
- package/src/mixins/theme-mixin.js +14 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,34 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 2.37.0
|
|
4
|
+
|
|
5
|
+
fix: CvDatePicker use of range plugin
|
|
6
|
+
fix: CvMultiSelect hiding first option alternately on expand
|
|
7
|
+
feat: add show and hide events to CvTooltip
|
|
8
|
+
|
|
9
|
+
## 2.36.0
|
|
10
|
+
|
|
11
|
+
fix: use check slot patter in side nav
|
|
12
|
+
fix: cv-tabs fail during focus event
|
|
13
|
+
fix cv-data-table listener called after navigation
|
|
14
|
+
chore: update dependency
|
|
15
|
+
|
|
16
|
+
## 2.36.0-canary.0
|
|
17
|
+
|
|
18
|
+
fix: transition end after modal hidden
|
|
19
|
+
feat: add left right to tooltip direction
|
|
20
|
+
fix: data table listener called after navigation
|
|
21
|
+
fix: tab listener when called after nav
|
|
22
|
+
fix: use check slot pattern for side nav icons
|
|
23
|
+
|
|
24
|
+
## 2.35.0
|
|
25
|
+
|
|
26
|
+
feat: 10 23 1 update (#1058) - adds numerous minor changes to bring the library up to Carbon v10.23.1
|
|
27
|
+
chore: listen for click out only post blur (#1061)
|
|
28
|
+
chore: Content tune the first usage steps (#1055)
|
|
29
|
+
feat: Add after hidden modal event (#1069)
|
|
30
|
+
fix: cv-button default color error issue (#1076)
|
|
31
|
+
|
|
3
32
|
## 2.34.1
|
|
4
33
|
|
|
5
34
|
chore: add tests for cv-code-snippet, cv-toolbar, cv-structured-list
|
package/README.md
CHANGED
|
@@ -10,27 +10,35 @@
|
|
|
10
10
|
<img src="/docs/AtCarbonVue2.png" alt="@carbon/vue">
|
|
11
11
|
</div>
|
|
12
12
|
|
|
13
|
-
|
|
13
|
+
## Carbon Vue library - A Carbon Community Project
|
|
14
|
+
|
|
15
|
+
The [library](http://vue.carbondesignsystem.com/) provides front-end developers & engineers a collection of reusable Vue components to build websites and user interfaces. Adopting the library enables developers to use consistent markup, styles, and behavior in prototype and production work.
|
|
16
|
+
|
|
17
|
+
## Community Contributions Needed
|
|
18
|
+
|
|
19
|
+
As a community project contributions are not only welcome, but essential for the maintenance and growth of this project.
|
|
20
|
+
|
|
21
|
+
## Changelog
|
|
14
22
|
|
|
15
23
|
See [CHANGELOG.md](CHANGELOG.md)
|
|
16
24
|
|
|
17
25
|
## Current Components
|
|
18
26
|
|
|
19
|
-
View available Vue.js components [here](http://vue.carbondesignsystem.com). Usage information is available when you click the blue
|
|
27
|
+
View available Vue.js components [here](http://vue.carbondesignsystem.com). Usage information is available when you click the blue `?` icon in the top right corner of the selected component.
|
|
20
28
|
|
|
21
29
|
See [component status pages](https://www.carbondesignsystem.com/component-status) for the status of each component.
|
|
22
30
|
|
|
23
|
-
|
|
31
|
+
## Development
|
|
24
32
|
|
|
25
33
|
Please refer to the [Contribution Guidelines](../../.github/CONTRIBUTING.md) before starting any work.
|
|
26
34
|
|
|
27
35
|
## Contributing
|
|
28
36
|
|
|
29
|
-
Fork, create branch, submit
|
|
37
|
+
Fork this repository, create a new branch, and submit a pull request to this repository. The PR will be used as part of a review process.
|
|
30
38
|
|
|
31
|
-
|
|
39
|
+
## Usage
|
|
32
40
|
|
|
33
|
-
|
|
41
|
+
### General
|
|
34
42
|
|
|
35
43
|
The components do not import any of the carbon styles themselves. Use the SCSS or CSS from carbon-components to provide the styling.
|
|
36
44
|
|
|
@@ -39,17 +47,18 @@ The components do not import any of the carbon styles themselves. Use the SCSS o
|
|
|
39
47
|
- If you prefer to build the SCSS, in the `<style>` tag of your top-level component you can include the styles wholesale: `@import "~carbon-components/scss/globals/scss/styles.scss";`
|
|
40
48
|
- Check out the [Carbon Design System developers](https://www.carbondesignsystem.com/getting-started/developers/vanilla) page for information on including individual component styles into your project.
|
|
41
49
|
|
|
42
|
-
|
|
50
|
+
### List of Available Components
|
|
43
51
|
|
|
44
|
-
View available Vue
|
|
52
|
+
View the available Carbon Vue components [here](http://vue.carbondesignsystem.com). Usage information is in the notes tab.
|
|
45
53
|
|
|
46
|
-
|
|
54
|
+
## Getting Started
|
|
47
55
|
|
|
48
|
-
|
|
56
|
+
### Quick Start (Vue CLI)
|
|
49
57
|
|
|
50
|
-
Assuming we're starting with a new Vue CLI
|
|
58
|
+
Assuming we're starting with a new project through the [Vue CLI](https://cli.vuejs.org/) (not with the plain Vue Webpack template, which might not work):
|
|
51
59
|
|
|
52
60
|
```sh
|
|
61
|
+
> vue create newprojectname
|
|
53
62
|
Vue CLI v3.7.0
|
|
54
63
|
? Please pick a preset: Manually select features
|
|
55
64
|
? Check the features needed for your project: Babel, CSS Pre-processors
|
|
@@ -68,7 +77,7 @@ $ yarn add @carbon/vue
|
|
|
68
77
|
Or npm
|
|
69
78
|
|
|
70
79
|
```sh
|
|
71
|
-
$ npm install @carbon/vue
|
|
80
|
+
$ npm install --save @carbon/vue
|
|
72
81
|
```
|
|
73
82
|
|
|
74
83
|
In src/main.js add the following to include the carbon styles and components.
|
|
@@ -150,20 +159,18 @@ Or npm
|
|
|
150
159
|
$ npm serve
|
|
151
160
|
```
|
|
152
161
|
|
|
153
|
-
## Longer start
|
|
154
|
-
|
|
155
162
|
### Install
|
|
156
163
|
|
|
157
|
-
Run the following command using [
|
|
164
|
+
Run the following command using [Yarn](https://yarnpkg.com/en/):
|
|
158
165
|
|
|
159
166
|
```bash
|
|
160
|
-
|
|
167
|
+
yarn add @carbon/vue
|
|
161
168
|
```
|
|
162
169
|
|
|
163
|
-
If you prefer [
|
|
170
|
+
If you prefer [npm](https://www.npmjs.com/), use the following command instead:
|
|
164
171
|
|
|
165
172
|
```bash
|
|
166
|
-
|
|
173
|
+
npm install --save @carbon/vue
|
|
167
174
|
```
|
|
168
175
|
|
|
169
176
|
NOTE: [current-script-polyfill](https://www.npmjs.com/package/current-script-polyfill) is required for older browsers (_e.g._ IE11)
|