@kong/icons 0.0.2-pr.1.dd23261.0 → 0.0.2-pr.7.742a879.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong/icons",
-  "version": "0.0.2-pr.1.dd23261.0",
+  "version": "0.0.2-pr.7.742a879.0",
   "description": "Kong Icon Library",
   "license": "Apache-2.0",
   "type": "module",
@@ -27,17 +27,17 @@
     "build:components": "rimraf './dist' && yarn generate && yarn typecheck && vite build && rimraf ./dist/style.css && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json'",
     "build:visualize": "BUILD_VISUALIZER=true rimraf ./dist && yarn generate && vite build -m production",
     "generate": "ts-node -P './scripts/tsconfig.json' './scripts/generate.ts' && yarn fix:generated",
-    "update:component-list": "ts-node -P './scripts/tsconfig.json' && yarn fix:generated",
+    "update-component-list": "ts-node -P './scripts/tsconfig.json' './scripts/component-list.ts' && yarn fix:generated",
     "dev": "USE_SANDBOX=true vite",
     "test": "FORCE_COLOR=1 vitest run",
     "test:open": "vitest --ui",
     "typecheck": "vue-tsc -p './tsconfig.build.json' --noEmit",
     "lint": "eslint '**/*.{js,ts,vue}'",
     "lint:fix": "eslint '**/*.{js,ts,vue}' --fix",
-    "lint:fix:generated": "eslint './src/components/*.vue' './src/component-list.ts' './src/temp-generated-component-list.ts' --fix",
+    "lint:fix:generated": "eslint './src/components/**/*.{ts,vue}' './src/component-list.ts' './src/temp-generated-component-list.ts' --fix",
     "stylelint": "stylelint './src/**/*.{css,scss,vue}'",
     "stylelint:fix": "stylelint './src/**/*.{css,scss,vue}' --fix",
-    "stylelint:fix:generated": "stylelint './src/components/*.vue' --fix",
+    "stylelint:fix:generated": "stylelint './src/components/**/*.vue' --fix",
     "fix:generated": "yarn lint:fix:generated && yarn stylelint:fix:generated",
     "semantic-release": "semantic-release",
     "commit": "cz"
@@ -54,7 +54,6 @@
     "@types/jsdom": "^21.1.1",
     "@types/node": "^20.4.0",
     "@types/node-emoji": "^2.1.0",
-    "@types/uuid": "^9.0.2",
     "@typescript-eslint/eslint-plugin": "^5.61.0",
     "@typescript-eslint/parser": "^5.61.0",
     "@vitejs/plugin-vue": "^4.2.3",
@@ -74,6 +73,7 @@
     "jsdom": "^22.1.0",
     "node-emoji": "^2.1.0",
     "picocolors": "^1.0.0",
+    "postcss": "^8.4.26",
     "postcss-html": "^1.5.0",
     "rimraf": "^5.0.1",
     "rollup-plugin-visualizer": "^5.9.2",
@@ -87,8 +87,7 @@
     "ts-node": "^10.9.1",
     "tsc-alias": "^1.8.7",
     "typescript": "^5.1.6",
-    "uuid": "^9.0.0",
-    "vite": "^4.4.1",
+    "vite": "^4.4.2",
     "vitest": "^0.33.0",
     "vue": "^3.3.4",
     "vue-router": "^4.2.4",
@@ -145,11 +144,11 @@
     ]
   },
   "engines": {
-    "node": ">=16.19.0"
+    "node": ">=v16.19.1"
   },
   "volta": {
     "node": "18.16.1",
-    "yarn": "1.22.17"
+    "yarn": "1.22.19"
   },
   "config": {
     "commitizen": {

package/dist/types/components/EuropeanUnionIcon.vue.d.ts

@@ -1,85 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    /** The SVG accessible name element */
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /** The icon size */
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: false;
-        default: number;
-        validator: (sizeValue: number) => boolean;
-    };
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /** The SVG accessible name element */
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /** The icon size */
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: false;
-        default: number;
-        validator: (sizeValue: number) => boolean;
-    };
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}>>, {
-    color: string;
-    display: string;
-    title: string;
-    size: string | number;
-    tag: string;
-    decorative: boolean;
-}, {}>;
-export default _default;

package/dist/types/components/UnitedStatesIcon.vue.d.ts

@@ -1,85 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    /** The SVG accessible name element */
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /** The icon size */
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: false;
-        default: number;
-        validator: (sizeValue: number) => boolean;
-    };
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /** The SVG accessible name element */
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /** The icon size */
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: false;
-        default: number;
-        validator: (sizeValue: number) => boolean;
-    };
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    tag: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}>>, {
-    color: string;
-    display: string;
-    title: string;
-    size: string | number;
-    tag: string;
-    decorative: boolean;
-}, {}>;
-export default _default;