@cobre-npm/ds-v3 0.122.0 → 0.124.0

package/dist/tokens/_components.scss

@@ -481,6 +481,15 @@
   --cobre-btn-v3-ghost-warning-disabled-color: var(--cobre-red-40);
   --cobre-btn-v3-ghost-warning-disabled-border: none;
 
+  // Ghost Light
+  --cobre-btn-v3-ghost-light-color: var(--cobre-white);
+  --cobre-btn-v3-ghost-light-hover-color: var(--cobre-primary-20);
+  --cobre-btn-v3-ghost-light-active-color: var(--cobre-primary-40);
+  --cobre-btn-v3-ghost-light-focus-color: var(--cobre-primary-5);
+  --cobre-btn-v3-ghost-light-focus-border: var(--cobre-border-stroke-L) solid var(--cobre-secondary-50);
+  --cobre-btn-v3-ghost-light-focus-box-shadow: 0 0 0 0.25rem var(--cobre-primary-50);
+  --cobre-btn-v3-ghost-light-disabled-color: var(--cobre-primary-60);
+
   // Link
   --cobre-btn-v3-link-bg: transparent;
   --cobre-btn-v3-link-color: var(--cobre-secondary-50);

package/dist/types/components/atoms/CobreButton/CobreButton.vue.d.ts

@@ -1,10 +1,14 @@
-import { ButtonThemes } from '../../../types/button.types';
+import { ButtonThemes, ButtonColors } from '../../../types/button.types';
 type Sizes = 'big' | 'medium' | 'small' | 'auto';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     theme: {
         type: () => ButtonThemes;
         default: string;
     };
+    color: {
+        type: () => ButtonColors;
+        default: string;
+    };
     size: {
         type: () => Sizes;
         default: string;
@@ -34,6 +38,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     size: import("vue").Ref<Sizes, Sizes>;
     label: import("vue").Ref<string, string>;
     theme: import("vue").Ref<ButtonThemes, ButtonThemes>;
+    color: import("vue").Ref<ButtonColors, ButtonColors>;
     isLoading: import("vue").Ref<boolean, boolean>;
     isInline: import("vue").Ref<boolean, boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -41,6 +46,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: () => ButtonThemes;
         default: string;
     };
+    color: {
+        type: () => ButtonColors;
+        default: string;
+    };
     size: {
         type: () => Sizes;
         default: string;
@@ -66,6 +75,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     size: Sizes;
     label: string;
     theme: ButtonThemes;
+    color: ButtonColors;
     isLoading: boolean;
     isInline: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/components/index.d.ts

@@ -60,6 +60,8 @@ export { default as CobreBalanceCard } from './molecules/CobreBalanceCard/CobreB
 export { default as CobreCardIcon } from './molecules/CobreCardIcon/CobreCardIcon.vue';
 export { default as CobreInputDatePicker } from './molecules/CobreInputDatePicker/CobreInputDatePicker.vue';
 export { default as CobreEntityIdCopyButton } from './molecules/CobreEntityIdCopyButton/CobreEntityIdCopyButton.vue';
+export { default as CobreTourTooltip } from './molecules/CobreTourTooltip/CobreTourTooltip.vue';
+export type { TourStep } from './molecules/CobreTourTooltip/CobreTourTooltip.vue';
 export { default as CobreAccountOptionSelect } from './molecules/CobreAccountOptionSelect/CobreAccountOptionSelect.vue';
 export type { CobreSelectableItem } from './molecules/CobreAccountOptionSelect/CobreAccountOptionSelect.vue';
 export { default as CobreMultiOptionsFilter } from './molecules/CobreMultiOptionsFilter/CobreMultiOptionsFilter.vue';

package/dist/types/components/molecules/CobreTourTooltip/CobreTourTooltip.vue.d.ts

@@ -0,0 +1,27 @@
+export interface TourStep {
+    title: string;
+    description: string;
+    targetId?: string;
+    arrowSide?: 'right' | 'left' | 'top' | 'bottom';
+    offsetY?: number;
+}
+interface Props {
+    steps: TourStep[];
+    prevLabel?: string;
+    nextLabel?: string;
+    finishLabel?: string;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    navigate: (from: number, to: number) => any;
+    dismiss: (stepIndex: number) => any;
+    finish: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onNavigate?: ((from: number, to: number) => any) | undefined;
+    onDismiss?: ((stepIndex: number) => any) | undefined;
+    onFinish?: (() => any) | undefined;
+}>, {
+    prevLabel: string;
+    nextLabel: string;
+    finishLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/types/button.types.d.ts

@@ -1 +1,2 @@
 export type ButtonThemes = 'primary' | 'secondary' | 'ghost' | 'ghost-small' | 'ghost-teal' | 'ghost-warning' | 'link' | 'single' | 'filter' | 'secondary-cloudy' | 'secondary-cloudy-warning' | 'icon' | 'icon-cloudy' | 'toolbar' | 'primary-warning' | 'chip';
+export type ButtonColors = 'default' | 'light';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cobre-npm/ds-v3",
-  "version": "0.122.0",
+  "version": "0.124.0",
   "type": "module",
   "files": [
     "dist"