@vcita/design-system 1.20.17 → 1.20.19-beta-VCITA2-8823-VcCopyButton-196c8d

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 (63) hide show
  1. package/README.md +3 -1
  2. package/config/locales/ds.en.yml +4 -1
  3. package/dist/@vcita/design-system.esm.js +1 -1
  4. package/dist/@vcita/design-system.ssr.js +1 -1
  5. package/dist/{VcHeaderDropdown-b3b66051.js → VcHeaderDropdown-d3e2f3ce.js} +12 -11
  6. package/dist/{VcHeaderDropdown-a8c6a0e7.js → VcHeaderDropdown-e9f1346d.js} +6 -5
  7. package/dist/{entry-64e6faf1.js → entry-234a18d0.js} +779 -501
  8. package/dist/{entry-67408ab9.js → entry-a0208d19.js} +784 -492
  9. package/dist/index-a579cb0d.js +1 -0
  10. package/dist/index-fd4f32ca.js +2 -0
  11. package/dist/{vue2-pdf-embed-8e734454.js → vue2-pdf-embed-23049c8c.js} +1 -1
  12. package/dist/{vue2-pdf-embed-74936f79.js → vue2-pdf-embed-c7968974.js} +2 -2
  13. package/init/SvgIcons.js +2 -1
  14. package/package.json +1 -1
  15. package/src/components/VcAiButton/VcAiButton.spec.js +8 -4
  16. package/src/components/VcAiButton/VcAiButton.stories.js +160 -35
  17. package/src/components/VcAiButton/VcAiButton.vue +64 -12
  18. package/src/components/VcAlert/VcAlert.vue +3 -3
  19. package/src/components/VcButton/VcButton.spec.js +24 -0
  20. package/src/components/VcButton/VcButton.stories.js +2 -2
  21. package/src/components/VcButton/VcButton.vue +5 -6
  22. package/src/components/VcCheckbox/VcCheckbox.stories.js +4 -0
  23. package/src/components/VcCheckbox/VcCheckbox.vue +11 -2
  24. package/src/components/VcCopyButton/VcCopyButton.spec.js +93 -0
  25. package/src/components/VcCopyButton/VcCopyButton.stories.js +66 -0
  26. package/src/components/VcCopyButton/VcCopyButton.vue +127 -0
  27. package/src/components/VcGroupedItems/VcGroupedItems.spec.js +35 -0
  28. package/src/components/VcGroupedItems/VcGroupedItems.stories.js +3 -0
  29. package/src/components/VcGroupedItems/VcGroupedItems.vue +13 -1
  30. package/src/components/VcTruncatedText/VcTruncatedText.vue +5 -0
  31. package/src/components/index.js +1 -0
  32. package/src/components/page/elements/VcPageHeader.vue +1 -1
  33. package/src/components/table/elements/VcColumnHeader/VcHeaderDropdown.vue +1 -1
  34. package/src/components/table/elements/VcDataTable/VcDataTable.stories.js +3 -1
  35. package/src/components/table/elements/VcDataTable/VcDataTable.vue +1 -0
  36. package/src/components/table/elements/VcTableItem/VcTableItem.spec.js +32 -16
  37. package/src/components/table/elements/VcTableItem/VcTableItem.stories.js +23 -0
  38. package/src/components/table/elements/VcTableItem/VcTableItem.vue +52 -11
  39. package/utils/copyToClipboard.js +12 -0
  40. package/config/storybook/main.js +0 -4
  41. package/dist/index-36f9e56d.js +0 -2
  42. package/dist/index-f1650847.js +0 -1
  43. package/src/components/VcImageLabel/VcImageLabel.mdx +0 -77
  44. package/src/components/VcImageLabel/VcImageLabel.spec.js +0 -113
  45. package/src/components/VcImageLabel/VcImageLabel.stories.js +0 -141
  46. package/src/components/VcImageLabel/VcImageLabel.vue +0 -111
  47. package/src/directives/overrideVuetifyLtr.js +0 -11
  48. package/src/stories/VcImageLabelDocs.mdx +0 -77
  49. package/src/stories/assets/accessibility.png +0 -0
  50. package/src/stories/assets/accessibility.svg +0 -5
  51. package/src/stories/assets/addon-library.png +0 -0
  52. package/src/stories/assets/assets.png +0 -0
  53. package/src/stories/assets/context.png +0 -0
  54. package/src/stories/assets/discord.svg +0 -15
  55. package/src/stories/assets/docs.png +0 -0
  56. package/src/stories/assets/figma-plugin.png +0 -0
  57. package/src/stories/assets/github.svg +0 -3
  58. package/src/stories/assets/share.png +0 -0
  59. package/src/stories/assets/styling.png +0 -0
  60. package/src/stories/assets/testing.png +0 -0
  61. package/src/stories/assets/theming.png +0 -0
  62. package/src/stories/assets/tutorials.svg +0 -12
  63. package/src/stories/assets/youtube.svg +0 -4
package/README.md CHANGED
@@ -208,11 +208,13 @@ this.$vuetify.theme.themes.light.secondary = {
208
208
  }
209
209
  ```
210
210
 
211
- ### Localization
211
+ ### Localization and RTL support
212
212
 
213
213
  There are a few components that contain localized strings.
214
214
  For example, the wizard and modal components.
215
215
 
216
+ Note that when working in RTL mode, the components rely on setting both the CSS `direction` property and the HTML `dir=rtl` attribute.
217
+
216
218
  ##### Initialization
217
219
 
218
220
  ```
@@ -63,4 +63,7 @@ en:
63
63
  item:
64
64
  add_tag_button: '+ Click to add'
65
65
  phone_field:
66
- country_code: "+{country_code}"
66
+ country_code: "+{country_code}"
67
+ copy_button:
68
+ copy: Copy
69
+ copied: Copied
@@ -1,2 +1,2 @@
1
- export { b2 as default } from '../entry-67408ab9.js';
1
+ export { b3 as default } from '../entry-a0208d19.js';
2
2
  import 'vuetify/lib';
@@ -1 +1 @@
1
- 'use strict';Object.defineProperty(exports,'__esModule',{value:true});var entry=require('../entry-64e6faf1.js');require('vuetify/lib');exports["default"]=entry.b2;
1
+ 'use strict';Object.defineProperty(exports,'__esModule',{value:true});var entry=require('../entry-234a18d0.js');require('vuetify/lib');exports["default"]=entry.b3;
@@ -1,10 +1,10 @@
1
- 'use strict';require('vuetify/lib');var entry=require('./entry-64e6faf1.js');var script = {
1
+ 'use strict';require('vuetify/lib');var entry=require('./entry-234a18d0.js');var script = {
2
2
  name: 'VcHeaderDropdown',
3
3
  components: {
4
4
  VcLayout: entry.V,
5
- VcGroupedItems: entry.ak,
6
- VcDropdown: entry.aj,
7
- VcIcon: entry.E
5
+ VcGroupedItems: entry.al,
6
+ VcDropdown: entry.ak,
7
+ VcIcon: entry.F
8
8
  },
9
9
  props: {
10
10
  /**
@@ -118,7 +118,8 @@ var __vue_render__ = function __vue_render__() {
118
118
  }, [_vm._v(" "), _c('VcGroupedItems', {
119
119
  attrs: {
120
120
  "item-groups": _vm.options,
121
- "selected": _vm.selectedOptionId
121
+ "selected": _vm.selectedOptionId,
122
+ "selected-state-design": "highlighted"
122
123
  },
123
124
  on: {
124
125
  "change": function change($event) {
@@ -142,8 +143,8 @@ var __vue_staticRenderFns__ = [];
142
143
 
143
144
  var __vue_inject_styles__ = function __vue_inject_styles__(inject) {
144
145
  if (!inject) return;
145
- inject("data-v-45665220_0", {
146
- source: ".VcHeaderDropdown__icon-wrapper[data-v-45665220]{height:var(--size-value4);width:var(--size-value4);flex-grow:0;cursor:pointer}.VcHeaderDropdown__group-label[data-v-45665220]{color:var(--gray-darken-3);font-size:var(--font-size-xs-small);font-weight:var(--font-weight-large);padding:var(--size-value4) var(--size-value4) var(--size-value2)}",
146
+ inject("data-v-41098370_0", {
147
+ source: ".VcHeaderDropdown__icon-wrapper[data-v-41098370]{height:var(--size-value4);width:var(--size-value4);flex-grow:0;cursor:pointer}.VcHeaderDropdown__group-label[data-v-41098370]{color:var(--gray-darken-3);font-size:var(--font-size-xs-small);font-weight:var(--font-weight-large);padding:var(--size-value4) var(--size-value4) var(--size-value2)}",
147
148
  map: undefined,
148
149
  media: undefined
149
150
  });
@@ -151,16 +152,16 @@ var __vue_inject_styles__ = function __vue_inject_styles__(inject) {
151
152
  /* scoped */
152
153
 
153
154
 
154
- var __vue_scope_id__ = "data-v-45665220";
155
+ var __vue_scope_id__ = "data-v-41098370";
155
156
  /* module identifier */
156
157
 
157
- var __vue_module_identifier__ = "data-v-45665220";
158
+ var __vue_module_identifier__ = "data-v-41098370";
158
159
  /* functional template */
159
160
 
160
161
  var __vue_is_functional_template__ = false;
161
162
  /* style inject shadow dom */
162
163
 
163
- var __vue_component__ = /*#__PURE__*/entry.a_({
164
+ var __vue_component__ = /*#__PURE__*/entry.a$({
164
165
  render: __vue_render__,
165
166
  staticRenderFns: __vue_staticRenderFns__
166
- }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, entry.a$, undefined);exports["default"]=__vue_component__;
167
+ }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, entry.b0, undefined);exports["default"]=__vue_component__;
@@ -1,5 +1,5 @@
1
1
  import 'vuetify/lib';
2
- import { V as VcLayout, ak as VcGroupedItems, aj as VcDropdown, E as VcIcon, a_ as normalizeComponent, a$ as createInjector } from './entry-67408ab9.js';
2
+ import { V as VcLayout, al as VcGroupedItems, ak as VcDropdown, F as VcIcon, a$ as normalizeComponent, b0 as createInjector } from './entry-a0208d19.js';
3
3
 
4
4
  var script = {
5
5
  name: 'VcHeaderDropdown',
@@ -125,7 +125,8 @@ var __vue_render__ = function () {
125
125
  }, [_vm._v(" "), _c('VcGroupedItems', {
126
126
  attrs: {
127
127
  "item-groups": _vm.options,
128
- "selected": _vm.selectedOptionId
128
+ "selected": _vm.selectedOptionId,
129
+ "selected-state-design": "highlighted"
129
130
  },
130
131
  on: {
131
132
  "change": function ($event) {
@@ -149,8 +150,8 @@ var __vue_staticRenderFns__ = [];
149
150
 
150
151
  const __vue_inject_styles__ = function (inject) {
151
152
  if (!inject) return;
152
- inject("data-v-45665220_0", {
153
- source: ".VcHeaderDropdown__icon-wrapper[data-v-45665220]{height:var(--size-value4);width:var(--size-value4);flex-grow:0;cursor:pointer}.VcHeaderDropdown__group-label[data-v-45665220]{color:var(--gray-darken-3);font-size:var(--font-size-xs-small);font-weight:var(--font-weight-large);padding:var(--size-value4) var(--size-value4) var(--size-value2)}",
153
+ inject("data-v-41098370_0", {
154
+ source: ".VcHeaderDropdown__icon-wrapper[data-v-41098370]{height:var(--size-value4);width:var(--size-value4);flex-grow:0;cursor:pointer}.VcHeaderDropdown__group-label[data-v-41098370]{color:var(--gray-darken-3);font-size:var(--font-size-xs-small);font-weight:var(--font-weight-large);padding:var(--size-value4) var(--size-value4) var(--size-value2)}",
154
155
  map: undefined,
155
156
  media: undefined
156
157
  });
@@ -158,7 +159,7 @@ const __vue_inject_styles__ = function (inject) {
158
159
  /* scoped */
159
160
 
160
161
 
161
- const __vue_scope_id__ = "data-v-45665220";
162
+ const __vue_scope_id__ = "data-v-41098370";
162
163
  /* module identifier */
163
164
 
164
165
  const __vue_module_identifier__ = undefined;