@vcita/design-system 1.5.18 → 1.5.20

package/CHANGELOG.md

@@ -0,0 +1,539 @@
+
+# Change log
+All notable changes to this project will be documented in this file.
+
+Format based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+### Unreleased changes
+
+### v1.5.20(2023-05-11)
+- VcBadge - Add optional size, fix error in storybook
+- VcBottomNav - css fix
+
+### v1.5.19(2023-05-04)
+- VcBottomNav - css fix
+- VcTopMenuBar - move event from icon to actionableText title
+- VcCard - add ripple and set default to false
+
+### v1.5.18(2023-04-24)
+- VcInputPopover - add title description
+- VcInputBottomSheet - add title description
+
+### v1.5.17(2023-04-23)
+- VcBottomNav - css fixes - margins & icons color
+- VcMenuItem - css fixes
+- VcMenuItemsGroup - css fixes
+
+### v1.5.16(2023-04-16)
+- VcTooltip - add maxWidth prop
+- VcCheckbox - add tooltip slot
+
+### v1.5.15(2023-04-02)
+- VcBadge - added standalone option and flavor
+
+### v1.5.14(2023-03-30)
+- VcActionList - added custom action title slot
+
+### v1.5.13(2023-03-30)
+- VcTopMenuBar - Fix badge location
+- VcTopMenuBar - Fix logo height
+- VcAlert - add 'app' type
+- VcAlert - add inline action
+- VcActionList - removed conditional rendering from icon
+
+### v1.5.12(2023-03-29)
+- vcMenuItem - add badge option to sub items
+
+### v1.5.11(2023-03-27)
+- VcListEntity - fix width of text
+- VcTopMenuBar - Add badge support to main buttons
+- VcTopMenuBar - fix RTL arrow direction related bug
+
+### v1.5.10(2023-03-21)
+- VcTopMenuBar - fix bug to align items to the start
+- VcTopMenuBar - change height to 59px
+- VcTopMenuBar - change icon to 20px and button to 32px
+- VcProfileIndication - add option to hide the right arrow 
+
+### v1.5.9(2023-03-19)
+- VcTopMenuBar - fix bug to close bottom menu when item clicked
+- VcTopMenuBar - fix bug to get branding colors
+
+### v1.5.8(2023-03-19)
+- VcCheckbox - add error state, fix indeterminate state
+- vcBottomNav - allow no selected tabs, fixed issue with label size when dynamic slot present
+
+### v1.5.7(2023-03-07)
+- VcSelectField - fix click outside not working in mobile
+
+### v1.5.6(2023-03-02)
+- VcTopMenuBar - alignment fix 
+
+### v1.5.5(2023-03-01)
+- VcPoweredBy - alignment fix
+- VcMenuItemsGroup - added named slots
+- VcTopMenuBar - emitted actions changed
+
+### v1.5.4(2023-02-28)
+- VcTextArea - bug fix
+
+### v1.5.3(2023-02-26)
+- VcProfileIndication
+- VcPoweredBy
+- VcMenuItemsGroup - css bug fix
+
+### v1.5.3(2023-02-26)
+- VcTopMenuBar - top menu bar component for mobile
+- VcLoader - add a linear mode
+- VcLoader - change the default color to 'secondary'
+
+### v1.5.2(2023-02-21)
+- VcGalleryList - to pass binded item
+
+### v1.5.1(2023-02-20)
+- make additional-colors available
+- VcMenuItemsGroup - change location in storybook components hierarchy
+
+### v1.5.0(2023-02-19)
+- VcMenuItemsGroup - added new component
+- VcMenuItem - added data to event & small css additions
+
+### v1.4.2(2023-02-19)
+- manage avatar colors in additional-colors.scss
+
+### v1.4.1(2023-02-15)
+- VcPageHeader - fix bug with 'buttons' slot not showing
+
+### v1.4.0(2023-02-12)
+- VcPageHeader - the save button will not appear by default, add ability to control the button icon
+- VcChip - avatar margin fix
+- VcAccordion - adjust style and add option to gap and grey background
+- VcActionList - data-qa for items added
+- VcBottomNav - add component
+- VcGroupItems - change spaces between group to gap and not margin
+- design fixes
+
+### v1.3.20(2023-01-30)
+- VcPageHeader - edit mode
+- VcPageHeader - subtitle appended link added
+- VcActionList - added append slot within menu
+- VcUpsellBlock - fix bug - support long text on dialog buttons
+
+### v1.3.18(2023-01-25)
+- VcFilterPanel - fix css for rtl
+
+### v1.3.17(2023-01-22)
+- VcPageHeader - ui update for buttonLabel
+
+### v1.3.16(2023-01-19)
+- VcWizard - support bubbling error event in a content step
+
+### v1.3.15(2023-01-16)
+- VcPageHeader - add buttonPrependIcon prop
+- VcMenuItem - added
+
+### v1.3.14(2023-01-10)
+- VcPageHeader - chip added
+- VcPageHeader - button added
+
+### v1.3.13(2023-01-09)
+- VcSelectField - Optionally use icomoon icons
+- VcChipList - variable number of rows, variable item height, optional item 'close'
+- VcChip - optionally displays avatar
+- VcFilterPanel - add header/scrolling content/footer structure
+- VcActionBar - migrate component
+- VcTabs - when in limited height container, header is sticky, and only the content scrolls
+- VcEntityList - add component
+- VcAccordion - add item data to slot
+- VcLayout - add ability to use ref
+- VcDropdown - add white background
+
+### v1.3.12(2023-01-01)
+- VcActionList - offset-y
+- VcSelectField - Optionally prepend icons to labels, click-outside implemented, arrow rotation
+
+### v1.3.11(2022-12-26)
+- VcChip - support for the color blind, by showing the invalid icon for every invalid chip
+
+### v1.3.10(2022-12-18)
+- VcUpsellBlock - fix bug - support long text on the main button
+- VcRadioGroup - fix radio with tooltip with custom content
+
+### v1.3.9(2022-12-12)
+- VcModalHeader - modify close icon in header
+- VcChip - thin design
+- VcAccordion - added new component
+- VcColorPicker - css fix
+
+### v1.3.8(2022-11-27)
+- Resolve click-outside collision with vuetify directive by the same name
+
+### v1.3.7(2022-11-22)
+- VcGalleryItem - brought back selected/disabled functionality
+
+### v1.3.6(2022-11-21)
+- VcGalleryItem - emit previewItem computed property
+- VcGalleryList - pass description property
+
+### v1.3.5(2022-11-21)
+- VcColorPicker - bug fix
+- Dropdown - fix overflow-x bug
+- VcModalHeader - default title will be one line max, longer text will get ellipsis
+
+### v1.3.4(2022-11-17)
+- VcLink - can get any icon
+- VcCheckbox - fix bug with redundant margin
+- VcCheckbox - add white bg to the unselected checkbox
+- VcGalleryItem - design updated
+- VcGalleryList - design updated
+- VcMenu - added
+- VcDropdown - added
+- VcGroupedItems - added
+- VcSideNav - uses VcGroupedItems
+- fix bug in translation mechanism - add fallback to English
+- VcColorPicker - added
+
+### v1.3.3(2022-11-13)
+- VcRadioGroup - add support for horizontal layout
+- VcTooltip - add support for close delay
+- VcBottomActions - emit close event on click outside
+- VcTextField - add autofocus support
+- VcTextField - add keydown.enter support
+- VcFilterPanel - add header variant
+- VcActionList - added header to
+
+- ### v1.3.2(2022-11-06)
+- VcGalleryItem - fix ui on small desktop
+- VcChip - added 'selected' state
+
+### v1.3.1(2022-10-30)
+- VcGalleryItem - add 'selected' indication
+- VcGalleryItem - add ability to disable
+- VcRadio and VcRadioGroup - add ability to disable
+
+### v1.3.0(2022-10-25)
+- Adding SideNav layout
+- Adding centered layout
+- Adding VcPageHeader
+- Adding VcBreadcrumbs
+- Ability to disable VcLink
+- modal container can show close button on flavor input
+- upsell dialog fix dimension issue
+
+### v1.2.3 (2022-10-03)
+- VcMiniBanner - added new component
+- VcSearchPicker - removed redundant event emission from pointer
+- VcGalleryItem - added new component
+- VcGalleryList - added new component
+
+### v1.2.2 (2022-09-19)
+- VcTextField - fix alignment
+- VcSideNav
+- VcIcon - fix color prop
+
+### v1.2.1 (2022-09-08)
+- VcDocItem - added fileSize prop, event object added to emit
+- SvgIcons - added viewBox attribute on doc_Sheet
+
+### v1.2.0 (2022-09-08)
+- VcChipList - added new component
+- VcChip - added slot
+
+### v1.1.10 (2022-09-07)
+- VcTabs - fix scrollbar issue
+
+### v1.1.9 (2022-09-07)
+- Adding VcTabs component
+
+### v1.1.8 (2022-09-05)
+- VcInputModal - added closeOnEsc prop, passed to VcModalContainer 
+- VcModalContainer - added closeOnEsc prop, passed to VcModalWrapper
+- VcModalWrapper - added closeOnEsc prop, used as condition for esc keydown event
+- VcSearchPicker - use secondary brand hues
+- VcSearchPicker - keep menu open if focusing the text input
+
+### v1.1.7 (2022-09-04)
+- VcDocItem - added svg as an image type
+- VcSearchPicker - caret and pointer color
+- VcSearchPicker - add menu custom class name prop
+- VcSearchPicker - use brand colors
+
+### v1.1.6 (2022-08-28)
+- VcDocItem - added 'xlsx' as a spreadsheet format
+- VcDocItem - added max width
+- VcSearchPicker - add background color to input
+
+### v1.1.5 (2022-08-24)
+- VcDraggableList - remove hover from mobile
+
+### v1.1.4 (2022-08-21)
+- Adding composition and slots examples
+- VcModalFooter - added disabled option to VcButton
+
+### v1.1.3 (2022-08-21)
+- VcDraggableList - add story with slot and fix icon size
+
+### v1.1.2 (2022-08-16)
+- VcModalHeader - add right button icon
+- VcList
+- VcBaseListItem
+- VcMobilePicker - new mobile picker pattern based on VcList
+- VcTextField - add appendIcon and readonly properties + CSS
+- VcInputModal - add showFooter + CSS
+- VcModalContainer - remove the auto height on the VcModalContainerContent class
+- VcDraggableList - added component
+- VcTextField - fix label alignment
+- VcWizard - add dynamic step names and description
+- VcTextField - add google address autocomplete
+- VcAvatar - fix image path prop
+
+### 1.1.1 (2022-08-11)
+- Update translations
+
+### 1.1.0 (2022-08-08)
+- VcDocItem - implemented uploaded and corrupted states
+- VcStepperContent - add link color under the description
+- VcWizard - BREAKING CHANGE: v-model current-step fixes
+- VcSearchPicker - added component
+
+### 1.0.7 (2022-07-26)
+- VcEmptyState - change color for button ghost
+
+### 1.0.6 BREAKING CHANGES (2022-07-24)
+- Split variables.scss into vuetify-variables.scss and variables.scss
+- Consuming project changes required
+
+### 0.6.27 (2022-07-17)
+- VcButton - add ghost mode. fix storybook props inherit
+- VcEmptyState - add ability to choose ghost mode btn
+- VcDocItem - added document formats
+- VcAutoComplete, VcTextArea, VcTextField - remove branding color when not needed
+
+### 0.6.26 (2022-07-03)
+- VcDocItem - component added to ds
+- VcTimeSince
+- VcSwitch - add option to show label before switch
+- Translations with parameters
+
+### 0.6.25 (2022-06-23)
+- VcInputPopover - add click outside will not close the popover support
+
+### 0.6.24 (2022-06-14)
+- VcInputBottomSheet - add switch support
+
+### 0.6.23 (2022-06-13)
+- VcWizard - css fix
+
+### 0.6.22 (2022-05-31)
+- VcRadioGroup - fix tooltip slots
+
+### 0.6.21 (2022-05-16)
+- VcRadioGroup - create
+- VcRadio - create
+- VcTooltip - add slots and fallback icon as an activator
+
+### 0.6.20 (2022-05-16)
+- VcStepperContent fix height
+- VcInputPopover - add toggle to header
+
+### 0.6.19 (2022-05-10)
+- VcSegmentedControl added
+
+### 0.6.18 (2022-05-02)
+- VcListbox - add validator 
+
+### 0.6.17 (2022-04-27)
+- VcListbox - improve CSS 
+
+### 0.6.16 (2022-04-27)
+- VcListbox - add a search bar option
+
+### 0.6.15 (2022-04-25)
+- VcTooltip - opacity 100%
+- VcDropzone - fix active styles
+- VcSelectField - add error-messages, add tooltip nudge
+- VcTextField - add tooltip nudge
+- VcLink - add click action
+- VcSwitch - fix clickable icons
+- VcSearchBar
+
+### 0.6.14 (2022-03-21)
+- VcDropzone - component added
+- VcTextField - add prefix and error-messages
+- VcConfirmModal - fix for rtl button position
+
+### 0.6.13 (2022-03-14)
+- Updated localization files
+
+### 0.6.12 (2022-03-14)
+- VcSelectField - fix border colors for some variations
+
+### 0.6.11 (2022-03-13)
+- VcListbox - small fix for distinguishing data qa on the list
+
+### 0.6.10 (2022-03-06)
+- VcModalContainer - fix for overflow-x scroll
+
+### 0.6.9 (2022-03-02)
+- VcButton - fix for button flavor
+
+### 0.6.8 (2022-03-02)
+- VcTextArea - add fixed-height state
+- VcPopover - fix corners radius 
+- VcUpsellBlock - background overflow bug fix
+- VcLink - add target as prop
+- VcModalContainer - add xl size
+
+### 0.6.7 (2022-03-01)
+- VcButton - fix for color flavor
+
+### 0.6.6 (2022-03-01)
+- VcAvatar - support the 0 color id
+- VcBanner - fix background to be branded
+
+### 0.6.4 (2022-02-28)
+- VcButton - add flavor prop
+- VcBanner - Change component design
+
+### 0.6.3 (2022-02-23)
+- VcListbox - performance improve
+
+### 0.6.2 (2022-02-22)
+- VcListbox - minor fix
+
+### 0.6.1 (2022-02-21)
+- VcTextField - add tooltip, placeholder
+- VcUpsellBlock - css fixes
+
+### 0.6.0 (2022-02-20)
+- VcModalHeader - add no close button new style
+- VcPopover - add white background color
+- VcActionList - fix icon size
+- VcListbox - fix clicking not responding on the edges of the labels
+- VcListbox - use v-list-item-group to get the full "checked" array
+- VcListbox - tooltip option for a disabled item
+- VcUpsellBlock
+
+### 0.5.0 (2022-02-15)
+- VcButton - add outlined and prepend default icon.
+- VcBottomSheet
+- VcInputBottomSheet
+- VcModalHeader - add close button option
+- VcLink - add cursor pointer
+- VcModalHeader - add description
+- VcPopover
+- VcInputPopover
+- VcBadge - update parameters, add test, enrich the story book 
+- VcWizard fix content height
+- VcExpansionCard fix color
+
+
+### 0.4.0 (2022-02-08)
+- Added VcBadge component
+- fix icon name in VcActionList
+- add parameters to VcTextArea
+- add button the ability to be link
+- VcLink - add secondary
+- VcLink - add prepend icon
+- VcLink - change text context to label
+- SvgIcons - rename chevron_left to chevron_right
+- SvgIcons - add trash, copy, chevron_left
+
+### 0.3.17 (2022-02-06)
+- VcLink - add secondary
+- VcLink - add prepend icon
+- VcLink - change text context to label
+- SvgIcons - rename chevron_left to chevron_right
+- SvgIcons - add trash, copy, chevron_left
+
+### 0.3.16 (2022-01-31)
+- Center image in VcImage
+- bug fix in VcBanner
+- Bug fix in VcImage
+- VcChip
+- fix expansion card content slot to have padding
+- text-area auto grow
+
+### 0.3.15 (2022-01-24)
+- rename wizard event to move forward
+- move breakpoint from mixin to wizard component
+- modify expansion card content slot to have padding
+
+### 0.3.14 (2022-01-24)
+- add the ability to use image path or object in all relevant places
+- add VcImage to facilitate use of different types of images and SVGs
+- add title to wizard stepsBar
+
+### 0.3.12 (2022-01-18)
+- add animation to shadow for hover on card
+- fix border radius on action list
+- fix v-model value in VcListEntity and VcExpansionCard
+- added boolean useOffset prop on VcInputModal, VcNoticeModal, VcConfirmProminentModal
+- VcChecklistItem
+- VcListbox
+- Add option to disable the tooltip on VcTooltip
+- Add option to show the avatar on black & white
+- Add option to remove the avatar border
+
+### 0.2.10 (2022-01-13)
+- small fixes on VcActions
+- add icon option for switch component
+- VcExpansionCard
+- VcListEntity
+
+### 0.2.9 (2022-01-12)
+- update design on list item
+- add loading option for confirm modal
+
+### 0.2.4 (2022-01-05)
+- adding svg images to vue object
+- move VcSvg to global components
+
+### 0.2.3 (2022-01-03)
+- bug fix related to $ds
+
+### 0.2.2 (2022-01-03)
+- VcStepsBar
+- VcMobileWizardProgress
+- VcProgressCircular
+- Separate init of i18n for easier unit testing in consuming project
+
+### 0.2.1 (2021-12-29)
+- adding mastercard and visa to icon
+
+### 0.2.0 (2021-12-29)
+- Adding VcEmptyState
+- Adding VcLink
+- Adding VcFocusArea
+- Migrate the VcListItem component from FG
+- Migrate the VcGroupHeader component from FG
+- Adding VcEmptyState
+- Adding VcLink
+- update for VcButton - added pill (rounded) prop
+- Migrate VcFilterPanel component from FG
+- Migrate VcInfiniteScroll component from FG
+- Add translation utility
+- update VcToast
+
+### 0.1.5 (2021-12-07)
+- update for VcAlert - added inline state
+- update for VcCard - update all design and add test and story
+- simplify the process of adding svg icons
+- Migrate the VcCheckbox component from FG
+- add disabled css for VcButton
+
+## 0.1.4 (2021-11-28)
+- VcConfirmModal - added support for loader in modal buttons
+- VcConfirmModal, VcModalContainer, VcModalWrapper - added support to add or remove the offset class
+
+## 0.1.2 (2021-11-21)
+### Added components
+- VcActionsList
+- VcBottomActions 
+- VcActions - A wrapper for VcActionsList and VcBottomActions that chooses which one to display, depending if it is used in desktop or mobile
+- VcTooltip
+- VcIconWithTooltip
+
+### Added utilities
+- util/colorUtil.js - utility functions commonly used for setting the theme

package/dist/@vcita/design-system.esm.js

@@ -7820,6 +7820,7 @@ var __vue_component__$14 = __vue_component__$13;
 //
 //
 //
+//
 var script$D = {
   components: {
     VCard: VCard
@@ -7863,6 +7864,7 @@ var __vue_render__$C = function () {
     attrs: {
       "tile": "",
       "outlined": !_vm.elevation,
+      "ripple": false,
       "data-qa": _vm.dataQa
     },
     on: {
@@ -7886,8 +7888,8 @@ var __vue_staticRenderFns__$C = [];
 
 const __vue_inject_styles__$D = function (inject) {
   if (!inject) return;
-  inject("data-v-11425092_0", {
-    source: ".VcCard[data-v-11425092]{position:relative;padding:16px 24px;border:1px solid var(--gray-lighten-1);box-sizing:border-box;box-shadow:none;overflow:hidden;transition:box-shadow .4s}.VcCard.elevation[data-v-11425092]{border:0;box-shadow:var(--shadow-2)}.VcCard.elevation[data-v-11425092]:hover{box-shadow:var(--shadow-5)}.VcCard.dash[data-v-11425092]{border-top:0}.VcCard__dash[data-v-11425092]{position:absolute;top:0;left:-5px;width:110%;border:0;height:5px}",
+  inject("data-v-0e97d29a_0", {
+    source: ".VcCard[data-v-0e97d29a]{position:relative;padding:16px 24px;border:1px solid var(--gray-lighten-1);box-sizing:border-box;box-shadow:none;overflow:hidden;transition:box-shadow .4s}.VcCard.elevation[data-v-0e97d29a]{border:0;box-shadow:var(--shadow-2)}.VcCard.elevation[data-v-0e97d29a]:hover{box-shadow:var(--shadow-5)}.VcCard.dash[data-v-0e97d29a]{border-top:0}.VcCard__dash[data-v-0e97d29a]{position:absolute;top:0;left:-5px;width:110%;border:0;height:5px}",
     map: undefined,
     media: undefined
   });
@@ -7895,7 +7897,7 @@ const __vue_inject_styles__$D = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$D = "data-v-11425092";
+const __vue_scope_id__$D = "data-v-0e97d29a";
 /* module identifier */
 
 const __vue_module_identifier__$D = undefined;
@@ -9067,6 +9069,7 @@ var __vue_component__$S = __vue_component__$R;
 //
 //
 //
+//
 var script$u = {
   name: 'VcBadge',
   components: {
@@ -9104,6 +9107,11 @@ var script$u = {
       type: String,
       default: 'red',
       validator: type => ["neutral", "orange", "red", "blue", "green"].includes(type)
+    },
+    size: {
+      type: String,
+      default: 'md',
+      validator: prop => ['sm', 'md'].includes(prop)
     }
   }
 };
@@ -9125,6 +9133,7 @@ var __vue_render__$t = function () {
       "data-qa": _vm.dataQa
     }
   }, [_c('v-badge', {
+    class: "" + _vm.size,
     attrs: {
       "color": "var(--" + this.flavor + ")",
       "overlap": "",
@@ -9144,8 +9153,8 @@ var __vue_staticRenderFns__$t = [];
 
 const __vue_inject_styles__$u = function (inject) {
   if (!inject) return;
-  inject("data-v-225b0119_0", {
-    source: "[data-v-225b0119] .v-icon__component{height:12px;width:12px}",
+  inject("data-v-7c238f66_0", {
+    source: "[data-v-7c238f66] .v-icon__component{height:12px;width:12px}.sm[data-v-7c238f66]  .v-badge__badge{font-size:11px;height:16px;min-width:16px}",
     map: undefined,
     media: undefined
   });
@@ -9153,7 +9162,7 @@ const __vue_inject_styles__$u = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$u = "data-v-225b0119";
+const __vue_scope_id__$u = "data-v-7c238f66";
 /* module identifier */
 
 const __vue_module_identifier__$u = undefined;
@@ -19832,8 +19841,8 @@ var __vue_staticRenderFns__$4 = [];
 
 const __vue_inject_styles__$4 = function (inject) {
   if (!inject) return;
-  inject("data-v-9f890f16_0", {
-    source: ".VcBottomNav[data-v-9f890f16]{box-shadow:var(--bottom-nav-shadow)}.VcBottomNav--tab[data-v-9f890f16]{text-transform:initial;padding:0;min-width:0;flex-grow:1;flex-basis:20%}@media screen and (min-width:960px){.VcBottomNav--tab[data-v-9f890f16]{max-width:96px}}.VcBottomNav--item[data-v-9f890f16]{margin:0 var(--size-value2);margin-top:1px}.VcBottomNav--skeleton[data-v-9f890f16]{margin-top:var(--size-value1)}@media screen and (min-width:960px){.VcBottomNav--skeleton[data-v-9f890f16]{margin-inline-start:var(--size-value2)}}.VcBottomNav--active[data-v-9f890f16]{color:var(--v-secondary-base)}.VcBottomNav--label[data-v-9f890f16]{font-size:var(--font-size-xs-small);font-weight:var(--font-weight-medium2);line-height:var(--size-value3)}@media screen and (min-width:960px){.VcBottomNav--label[data-v-9f890f16]{margin-inline-start:var(--size-value2)}}[data-v-9f890f16] .v-skeleton-loader__list-item{height:unset}[data-v-9f890f16] .v-tabs-slider-wrapper{bottom:unset}[data-v-9f890f16] .v-slide-group__next,[data-v-9f890f16] .v-slide-group__prev{display:none!important}[data-v-9f890f16] .v-tab:focus::before{opacity:0!important}",
+  inject("data-v-0d1678e8_0", {
+    source: ".VcBottomNav[data-v-0d1678e8]{box-shadow:var(--bottom-nav-shadow)}.VcBottomNav--tab[data-v-0d1678e8]{text-transform:initial;padding:0;min-width:0;flex-grow:1;flex-basis:20%}@media screen and (min-width:960px){.VcBottomNav--tab[data-v-0d1678e8]{max-width:96px}}.VcBottomNav--item[data-v-0d1678e8]{margin:0 var(--size-value2);margin-top:1px}.VcBottomNav--skeleton[data-v-0d1678e8]{margin-top:var(--size-value1)}@media screen and (min-width:960px){.VcBottomNav--skeleton[data-v-0d1678e8]{margin-inline-start:var(--size-value2)}}.VcBottomNav--active[data-v-0d1678e8]{color:var(--v-secondary-base)}.VcBottomNav--label[data-v-0d1678e8]{font-size:var(--font-size-xs-small);font-weight:var(--font-weight-medium2);line-height:var(--size-value3);letter-spacing:.33px}@media screen and (min-width:960px){.VcBottomNav--label[data-v-0d1678e8]{margin-inline-start:var(--size-value2)}}[data-v-0d1678e8] .v-skeleton-loader__list-item{height:unset}[data-v-0d1678e8] .v-tabs-slider-wrapper{bottom:unset}[data-v-0d1678e8] .v-slide-group__next,[data-v-0d1678e8] .v-slide-group__prev{display:none!important}[data-v-0d1678e8] .v-tab:focus::before{opacity:0!important}",
     map: undefined,
     media: undefined
   });
@@ -19841,7 +19850,7 @@ const __vue_inject_styles__$4 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$4 = "data-v-9f890f16";
+const __vue_scope_id__$4 = "data-v-0d1678e8";
 /* module identifier */
 
 const __vue_module_identifier__$4 = undefined;
@@ -20100,6 +20109,11 @@ var __vue_render__$3 = function () {
     staticClass: "topmenu-title title-only",
     attrs: {
       "data-qa": _vm.dataQa + "-topMenuTitle"
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.$emit('onTextActionableButtonClicked');
+      }
     }
   }, [_vm._v("\n      " + _vm._s(_vm.title) + "\n\n      "), _c('VcButton', {
     attrs: {
@@ -20107,11 +20121,6 @@ var __vue_render__$3 = function () {
       "small": "",
       "data-qa": _vm.dataQa + "-textActionableButton"
     },
-    on: {
-      "click": function ($event) {
-        return _vm.$emit('onTextActionableButtonClicked');
-      }
-    },
     scopedSlots: _vm._u([{
       key: "prepend",
       fn: function () {
@@ -20275,8 +20284,8 @@ var __vue_staticRenderFns__$3 = [];
 
 const __vue_inject_styles__$3 = function (inject) {
   if (!inject) return;
-  inject("data-v-1880cb9b_0", {
-    source: ".topmenu-container[data-v-1880cb9b]{padding:var(--size-value2) var(--size-value3);background-color:var(--v-primary-base);height:var(--vc-top-bar-height)}.avatar-wrapper[data-v-1880cb9b]{padding:var(--size-value1)}.title-wrapper[data-v-1880cb9b]{padding-left:var(--size-value2);color:#fff;text-align:start}.shrinked-wrapper[data-v-1880cb9b]{flex-grow:0;flex-shrink:0}.button-wrapper[data-v-1880cb9b]{padding-left:var(--size-value2);flex-grow:0;flex-shrink:0;text-align:start}.topmenu-subtitle[data-v-1880cb9b]{font-size:var(--font-size-xx-small);font-weight:var(--font-weight-medium2);line-height:var(--size-value3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.topmenu-title[data-v-1880cb9b]{font-weight:var(--font-weight-xl);line-height:var(--size-value7);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.title-with-subtitle[data-v-1880cb9b]{font-size:var(--font-size-medium0)}.title-only[data-v-1880cb9b]{font-size:var(--font-size-medium1)}[data-v-1880cb9b] .top-bar-image-logo.VcImage{height:var(--size-value8)}.menu-item-text[data-v-1880cb9b]{vertical-align:bottom;padding-left:var(--size-value1);font-size:var(--font-size-x-small);font-weight:var(--font-weight-large)}.menu-list[data-v-1880cb9b]{text-align:start}",
+  inject("data-v-2960e732_0", {
+    source: ".topmenu-container[data-v-2960e732]{padding:var(--size-value2) var(--size-value3);background-color:var(--v-primary-base);height:var(--vc-top-bar-height)}.avatar-wrapper[data-v-2960e732]{padding:var(--size-value1)}.title-wrapper[data-v-2960e732]{padding-left:var(--size-value2);color:#fff;text-align:start}.shrinked-wrapper[data-v-2960e732]{flex-grow:0;flex-shrink:0}.button-wrapper[data-v-2960e732]{padding-left:var(--size-value2);flex-grow:0;flex-shrink:0;text-align:start}.topmenu-subtitle[data-v-2960e732]{font-size:var(--font-size-xx-small);font-weight:var(--font-weight-medium2);line-height:var(--size-value3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.topmenu-title[data-v-2960e732]{font-weight:var(--font-weight-xl);line-height:var(--size-value7);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.title-with-subtitle[data-v-2960e732]{font-size:var(--font-size-medium0)}.title-only[data-v-2960e732]{font-size:var(--font-size-medium1)}[data-v-2960e732] .top-bar-image-logo.VcImage{height:var(--size-value8)}.menu-item-text[data-v-2960e732]{vertical-align:bottom;padding-left:var(--size-value1);font-size:var(--font-size-x-small);font-weight:var(--font-weight-large)}.menu-list[data-v-2960e732]{text-align:start}",
     map: undefined,
     media: undefined
   });
@@ -20284,7 +20293,7 @@ const __vue_inject_styles__$3 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$3 = "data-v-1880cb9b";
+const __vue_scope_id__$3 = "data-v-2960e732";
 /* module identifier */
 
 const __vue_module_identifier__$3 = undefined;