@cobre-npm/ds-v3 0.27.0 → 0.29.0

package/dist/tokens/_components.scss

@@ -204,6 +204,33 @@
   --cobre-tabs-disabled-radius: 0px;
 }
 
+  /**
+   * Switch
+   */
+
+   :root {
+    --cobre-switch-bg: var(--cobre-primary-40);
+    --cobre-switch-point-bg: var(--cobre-white);
+    --cobre-switch-hover-bg: var(--cobre-primary-60);
+    --cobre-switch-border-hover-color: var(--cobre-primary-60);
+    --cobre-switch-shadow: 0 0 8px rgba(99, 97, 95, 0.5);
+    --cobre-switch-border-color: var(--cobre-primary-40);
+
+    --cobre-switch-checked-bg: var(--cobre-secondary-50);
+    --cobre-switch-point-checked-bg: var(--cobre-white);
+    --cobre-switch-checked-disabled-bg: var(--cobre-secondary-30);
+    --cobre-switch-checked-disabled-border-color: var(--cobre-secondary-30);
+    --cobre-switch-checked-hover-bg: var(--cobre-secondary-70);
+    --cobre-switch-checked-border-hover-color: var(--cobre-secondary-70);
+    --cobre-switch-checked-shadow: 0 0 8px rgba(31, 93, 93, 0.5);
+    --cobre-switch-checked-border-color: var(--cobre-secondary-50);
+
+    --cobre-switch-disabled-bg: var(--cobre-primary-20);
+    --cobre-switch-point-disabled-bg: var(--cobre-white);
+    --cobre-switch-disabled-label-color: var(--cobre-primary-40);
+    --cobre-switch-disabled-border-color: var(--cobre-primary-20);
+  }
+
 /**
  * ACTION LIST
  */

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

@@ -0,0 +1,32 @@
+interface Props {
+    modelValue: any;
+    disabled?: boolean;
+    id?: string;
+    label?: string;
+    description?: string;
+}
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    changed: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {}>>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -18,6 +18,7 @@ export { default as CobreToastAlert } from './atoms/CobreToastAlert/CobreToastAl
 export { default as CobreTruncateTooltipText } from './atoms/CobreTruncateTooltipText/CobreTruncateTooltipText.vue';
 export { default as CobreUploader } from './atoms/CobreUploader/CobreUploader.vue';
 export { default as CobreAlert } from './atoms/CobreAlert/CobreAlert.vue';
+export { default as CobreSwitch } from './atoms/CobreSwitch/CobreSwitch.vue';
 export { default as CobreAccountButton } from './molecules/CobreAccountButton/CobreAccountButton.vue';
 export { default as CobreAccountInfoField } from './molecules/CobreAccountInfoFiled/CobreAccountInfoField.vue';
 export { default as CobreActionList } from './molecules/CobreActionList/CobreActionList.vue';

package/package.json

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