@cobre-npm/ds-v3 0.121.1 → 0.123.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/molecules/CobreModal/CobreModal.vue.d.ts

@@ -3,6 +3,7 @@ interface Props {
     hasCloseButton?: boolean;
     theme?: 'dark' | 'light';
     overflow?: 'auto' | 'visible' | 'hidden';
+    flushContent?: boolean;
 }
 declare var __VLS_12: {};
 type __VLS_Slots = {} & {
@@ -20,6 +21,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {
     theme: "dark" | "light";
     hasCloseButton: boolean;
     overflow: "auto" | "visible" | "hidden";
+    flushContent: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 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.121.1",
+  "version": "0.123.0",
   "type": "module",
   "files": [
     "dist"