@pocketprep/ui-kit 3.5.0 → 3.5.2

package/lib/styles/_breakpoints.scss

@@ -8,23 +8,17 @@ $teddy-bear: 319;
 @mixin breakpoint($point) {
     @if $point == 'polar-bear' {
         @media (max-width: ($polar-bear + 'px')) { @content; }
-    }
-    @else if $point == 'grizzly-bear' {
+    } @else if $point == 'grizzly-bear' {
         @media (max-width: ($grizzly-bear + 'px')) { @content; }
-    }
-    @else if $point == 'brown-bear' {
+    } @else if $point == 'brown-bear' {
         @media (max-width: ($brown-bear + 'px')) { @content; }
-    }
-    @else if $point == 'black-bear' {
+    } @else if $point == 'black-bear' {
         @media (max-width: ($black-bear + 'px')) { @content; }
-    }
-    @else if $point == 'koala-bear' {
+    } @else if $point == 'koala-bear' {
         @media (max-width: ($koala-bear + 'px')) { @content; }
-    }
-    @else if $point == 'teddy-bear' {
+    } @else if $point == 'teddy-bear' {
         @media (max-width: ($teddy-bear + 'px')) { @content; }
-    }
-    @else {
+    } @else {
         @media (max-width: $point) { @content; }
     }
 }

package/lib/styles/_colors.scss

@@ -98,6 +98,5 @@ $electric-violet: #d819eb;
 $aqua-oasis: #bce6dc;
 $peacock-green: #056c50;
 $green-hint: #e7f9f5;
-
 $victoria-green: #00664a;
 $london-rain: #064fc1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pocketprep/ui-kit",
-  "version": "3.5.0",
+  "version": "3.5.2",
   "description": "Pocket Prep UI Kit",
   "author": "pocketprep",
   "scripts": {
@@ -8,7 +8,7 @@
     "build": "run-p type-check build-only",
     "build-only": "vite build && vite build --config vite.config.docs.ts",
     "preview": "vite preview --config vite.config.docs.ts",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --ignore-path .gitignore && stylelint '**/*.{scss,vue}'",
+    "lint": "eslint . && stylelint '**/*.{scss,vue}'",
     "type-check": "vue-tsc --noEmit -p tsconfig.cypress-ct.json --composite false",
     "test:e2e": "start-server-and-test preview :4173 'cypress run --e2e'",
     "test:e2e:dev": "start-server-and-test 'vite dev --port 4173' :4173 'cypress open --e2e'",
@@ -25,8 +25,8 @@
   "files": [
     "lib",
     "dist",
-    ".eslintrc.cjs",
-    "stylelint.config.cjs",
+    "eslint.config.ts",
+    "stylelint.config.js",
     "index.d.ts"
   ],
   "exports": {
@@ -41,8 +41,8 @@
       }
     },
     "./styles": {
-      "import": "./dist/style.css",
-      "require": "./dist/style.css"
+      "import": "./dist/@pocketprep/ui-kit.css",
+      "require": "./dist/@pocketprep/ui-kit.css"
     },
     "./pocketprep.scss": {
       "import": "./lib/pocketprep.scss",
@@ -67,6 +67,10 @@
     "./colors": {
       "import": "./lib/styles/_colors.scss",
       "require": "./lib/styles/_colors.scss"
+    },
+    "./eslint.config": {
+      "import": "./eslint.config.ts",
+      "require": "./eslint.config.ts"
     }
   },
   "dependencies": {
@@ -74,29 +78,34 @@
     "litepicker": "2.0.12",
     "resize-observer": "1.0.4",
     "vue": "3.5.13",
-    "vue-facing-decorator": "2.1.20",
-    "vue-router": "4.2.5"
+    "vue-facing-decorator": "3.0.4",
+    "vue-router": "4.5.0"
   },
   "devDependencies": {
-    "@pocketprep/types": "1.14.20",
-    "@tsconfig/node16": "1.0.3",
-    "@types/node": "16.18.25",
-    "@vitejs/plugin-vue": "4.6.2",
-    "@vue/eslint-config-typescript": "11.0.2",
-    "@vue/tsconfig": "0.3.2",
-    "cypress": "12.0.2",
-    "eslint": "8.34.0",
-    "eslint-plugin-cypress": "2.12.1",
-    "eslint-plugin-vue": "9.32.0",
-    "npm-run-all": "4.1.5",
-    "postcss-html": "1.5.0",
-    "sass": "1.58.3",
-    "stylelint": "15.10.3",
-    "stylelint-config-recommended-scss": "9.0.1",
-    "stylelint-config-recommended-vue": "1.4.0",
-    "typescript": "5.0.4",
-    "vite": "4.3.4",
-    "vue-tsc": "1.6.3",
+    "@pocketprep/types": "1.14.43",
+    "@stylistic/eslint-plugin-ts": "4.2.0",
+    "@tsconfig/node22": "22.0.0",
+    "@types/node": "22.13.10",
+    "@vitejs/plugin-vue": "5.2.3",
+    "@vue/eslint-config-typescript": "14.5.0",
+    "@vue/tsconfig": "0.7.0",
+    "cypress": "14.2.0",
+    "eslint": "9.22.0",
+    "eslint-plugin-cypress": "4.2.0",
+    "eslint-plugin-vue": "10.0.0",
+    "jiti": "2.4.2",
+    "npm-run-all2": "7.0.2",
+    "postcss-html": "1.8.0",
+    "sass": "1.86.0",
+    "start-server-and-test": "2.0.11",
+    "stylelint": "16.16.0",
+    "stylelint-config-recommended-scss": "14.1.0",
+    "stylelint-config-recommended-vue": "1.6.0",
+    "stylelint-config-standard-scss": "14.0.0",
+    "typescript": "5.8.2",
+    "vite": "6.2.2",
+    "vite-plugin-vue-devtools": "7.7.2",
+    "vue-tsc": "2.2.8",
     "yorkie": "2.0.0"
   },
   "bugs": {

package/stylelint.config.js

@@ -0,0 +1,38 @@
+/** @type {import('stylelint').Config} */
+export default {
+    'extends': [
+        'stylelint-config-standard-scss',
+        'stylelint-config-recommended-vue',
+    ],
+    'rules': {
+        'at-rule-no-unknown': null,
+        'selector-pseudo-class-no-unknown': [
+            true,
+            {
+                'ignorePseudoClasses': [ 'export', 'deep' ],
+            },
+        ],
+        'selector-pseudo-element-no-unknown': null,
+        'selector-type-no-unknown': null,
+        'selector-class-pattern': null,
+        'no-descending-specificity': null,
+        'property-no-unknown': null,
+        'alpha-value-notation': 'number',
+        'scss/at-import-no-partial-leading-underscore': null,
+        'scss/no-global-function-names': null,
+        'declaration-property-value-no-unknown': null,
+        'scss/declaration-property-value-no-unknown': true,
+        'shorthand-property-no-redundant-values': null,
+        'scss/at-else-closing-brace-newline-after': null,
+        'scss/dollar-variable-colon-space-after': null,
+        'scss/at-if-closing-brace-newline-after': null,
+        'scss/at-else-closing-brace-space-after': null,
+        'scss/at-if-closing-brace-space-after': null,
+        'color-function-notation': null,
+        'length-zero-no-unit': null,
+        'declaration-block-no-redundant-longhand-properties': null,
+        'rule-empty-line-before': null,
+        'media-feature-range-notation': null,
+        'declaration-property-value-no-unknown': null,
+    },
+}

package/.eslintrc.cjs

@@ -1,74 +0,0 @@
-module.exports = {
-    root: true,
-    globals: {
-        NodeJS: 'readonly',
-    },
-    env: {
-        node: true,
-    },
-    extends: [
-        'plugin:@typescript-eslint/recommended',
-        'plugin:vue/vue3-essential',
-        'eslint:recommended',
-        '@vue/eslint-config-typescript',
-    ],
-    ignorePatterns: [ 'docs' ],
-    rules: {
-        'quotes': [ 'error', 'single' ],
-        'comma-dangle': [ 'error', {
-            'arrays': 'always-multiline',
-            'objects': 'always-multiline',
-            'imports': 'always-multiline',
-            'exports': 'always-multiline',
-            'functions': 'never',
-        }],
-        'semi': [ 'error', 'never' ],
-        'no-console': 'warn',
-        'max-len': [ 'error', { 'code': 120 }],
-        'brace-style': 'error',
-        'keyword-spacing': [ 'error', { 'before': true, 'after': true }],
-        'object-curly-spacing': [ 'error', 'always' ],
-        'array-bracket-spacing': [ 'error', 'always', { 'objectsInArrays': false, 'arraysInArrays': false }],
-        'space-in-parens': [ 'error', 'never' ],
-        'space-before-function-paren': [ 'error', 'always' ],
-        'space-infix-ops': [ 'error', { 'int32Hint': true }],
-        'prefer-const': 'error',
-        'no-shadow': 'error',
-        'vue/html-indent': [ 'error', 4 ],
-        'vue/max-attributes-per-line': [ 'error', { 'singleline': 2 }],
-        'vue/no-v-html': 'off',
-        'vue/component-name-in-template-casing': [ 'error', 'PascalCase', {
-            'registeredComponentsOnly': false,
-        }],
-        'vue/multi-word-component-names': 'off',
-        'indent': 'off',
-        'no-unused-vars': 'off', // We use @typescript-eslint/no-unused-vars instead
-        'no-template-curly-in-string' : 'error',
-        'array-callback-return': [ 'error', { 'allowImplicit': true }],
-        'block-scoped-var': 'error',
-        'dot-location': [ 'error', 'property' ],
-        'eqeqeq': 'error',
-        'no-implicit-globals': [ 'error', { 'lexicalBindings': true }],
-        '@typescript-eslint/indent': [ 'error', 4 ],
-        '@typescript-eslint/member-delimiter-style': [ 'error', { 'multiline': { delimiter: 'none' } }],
-        '@typescript-eslint/no-angle-bracket-type-assertion': 'off',
-        '@typescript-eslint/explicit-function-return-type': 'off',
-        '@typescript-eslint/explicit-member-accessibility': 'off',
-        '@typescript-eslint/no-var-requires': 'off',
-        '@typescript-eslint/explicit-module-boundary-types': 'off',
-    },
-    overrides: [
-        {
-            files: [
-                '**/__tests__/*.{cy,spec}.{js,ts,jsx,tsx}',
-                'cypress/e2e/**/*.{cy,spec}.{js,ts,jsx,tsx}',
-            ],
-            'extends': [
-                'plugin:cypress/recommended',
-            ],
-        },
-    ],
-    parserOptions: {
-        ecmaVersion: 'latest',
-    },
-}