@engie-group/fluid-design-system-vue - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

dist/components/icon/NjIcon.vue.d.ts

 import tokens from "@engie-group/fluid-design-tokens/lib/json/tokens.json";
+declare type IconColor = "primary" | "inverse" | "grey" | "brand" | "teal" | "pink" | "orange" | "red" | "green" | "ultramarine" | "yellow" | "purple";
 declare type IconSize = keyof typeof tokens.size.icon;
@@ -11,7 +12,4 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     size?: IconSize;
-    /**
-     * Enable the disabled variant of the icon.
-     * Note: It has no semantic meaning and is only visual.
-     */
-    disabled?: boolean;
+    /** Color variant of the icon. */
+    variant?: IconColor;
 }>, {
@@ -27,7 +25,4 @@ size: string;
     size?: IconSize;
-    /**
-     * Enable the disabled variant of the icon.
-     * Note: It has no semantic meaning and is only visual.
-     */
-    disabled?: boolean;
+    /** Color variant of the icon. */
+    variant?: IconColor;
 }>, {
@@ -34,0 +29,0 @@ size: string;

package.json

 {
   "name": "@engie-group/fluid-design-system-vue",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
@@ -28,2 +28,3 @@ "description": "Fluid Design System Vue",
     "test:check": "vitest",
+    "test:update": "vitest -u",
     "test:cov": "vitest --coverage",
@@ -33,4 +34,4 @@ "lint": "eslint ."
   "dependencies": {
-    "@engie-group/fluid-design-system": "^5.0.0-rc.1",
-    "@engie-group/fluid-design-tokens": "^5.0.0-rc.1"
+    "@engie-group/fluid-design-system": "^5.0.0-rc.2",
+    "@engie-group/fluid-design-tokens": "^5.0.0-rc.2"
   },
@@ -41,3 +42,2 @@ "peerDependencies": {
   "devDependencies": {
-    "vue": "3.2.37",
     "@babel/core": "7.19.3",
@@ -58,6 +58,7 @@ "@typescript-eslint/eslint-plugin": "5.40.0",
     "vite": "3.1.0",
+    "vite-plugin-css-injected-by-js": "2.1.0",
     "vitest": "0.24.1",
+    "vue": "3.2.37",
     "vue-loader": "16.8.3",
-    "vue-tsc": "0.40.4",
-    "vite-plugin-css-injected-by-js": "2.1.0"
+    "vue-tsc": "0.40.4"
   },
@@ -70,3 +71,4 @@ "files": [
   "module": "./dist/fluid-design-system-vue.js",
-  "types": "./dist/main.d.ts"
+  "types": "./dist/main.d.ts",
+  "gitHead": "15c140502f155387791a6f74ec70bad850f24d9a"
 }

src/components/icon/NjIcon.test.ts

 import { mount } from '@vue/test-utils';
 import { describe, expect, it } from 'vitest';
-import tokens from '@engie-group/fluid-design-tokens/lib/json/tokens.json';
 
@@ -19,21 +18,6 @@ import NjIcon from './NjIcon.vue';
   it('renders all sizes correctly', () => {
-    const sizes = Object.keys(tokens.size.icon);
-
-    for (const size of sizes) {
-      const wrapper = mount(NjIcon, {
-        props: {
-          name: 'add',
-          size,
-        },
-      });
-
-      expect(wrapper.element).toMatchSnapshot();
-    }
-  });
-
-  it('renders disabled correctly', () => {
     const wrapper = mount(NjIcon, {
       props: {
         name: 'add',
-        disabled: true,
+        size: 'lg',
       },
@@ -40,0 +24,0 @@ });

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of package files

16

increased by6.67%

Worsened metrics

Total package byte prevSize

1594039

decreased by-0.09%

Lines of code

6483

decreased by-1.14%

Dependency changes

• Updated@engie-group/fluid-design-system@^5.0.0-rc.2

• Updated@engie-group/fluid-design-tokens@^5.0.0-rc.2