@vkontakte/vkui 5.2.4 → 5.3.1

package/docs/assets/assets/vkui-logo-dark.svg

@@ -0,0 +1,5 @@
+<svg width="45" height="24" viewBox="0 0 45 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 11.52C0 6.09 0 3.374 1.687 1.687C3.374 0 6.09 0 11.52 0H12.48C17.91 0 20.626 0 22.313 1.687C24 3.374 24 6.09 24 11.52V12.48C24 17.91 24 20.626 22.313 22.313C20.626 24 17.91 24 12.48 24H11.52C6.09 24 3.374 24 1.687 22.313C0 20.626 0 17.91 0 12.48V11.52Z" fill="#0077FF"/>
+<path d="M12.77 17.29C7.3 17.29 4.18 13.54 4.05 7.3H6.79C6.88 11.88 8.9 13.82 10.5 14.22V7.3H13.08V11.25C14.66 11.08 16.32 9.28 16.88 7.3H19.46C19.03 9.74 17.23 11.54 15.95 12.28C17.23 12.88 19.28 14.45 20.06 17.29H17.22C16.61 15.39 15.09 13.92 13.08 13.72V17.29H12.77Z" fill="white"/>
+<path d="M33.595 18.21C34.2481 18.2092 34.8897 18.0384 35.4568 17.7143C36.0238 17.3903 36.4967 16.9242 36.829 16.362L37.312 18H39.118V7.08H36.703V13.4C36.703 14.955 35.674 16.047 34.267 16.047C32.881 16.047 31.915 14.955 31.915 13.401V7.08H29.5V13.674C29.5 16.299 31.264 18.21 33.595 18.21ZM43.371 5.526C44.232 5.526 44.862 4.916 44.862 4.056C44.862 3.195 44.232 2.565 43.372 2.565C42.489 2.565 41.859 3.195 41.859 4.055C41.859 4.917 42.489 5.526 43.371 5.526ZM44.568 18V7.08H42.153V18H44.568Z" fill="black"/>
+</svg>

package/docs/assets/assets/vkui-logo-light.svg

@@ -0,0 +1,5 @@
+<svg width="45" height="24" viewBox="0 0 45 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 11.52C0 6.09 0 3.374 1.687 1.687C3.374 0 6.09 0 11.52 0H12.48C17.91 0 20.626 0 22.313 1.687C24 3.374 24 6.09 24 11.52V12.48C24 17.91 24 20.626 22.313 22.313C20.626 24 17.91 24 12.48 24H11.52C6.09 24 3.374 24 1.687 22.313C0 20.626 0 17.91 0 12.48V11.52Z" fill="#0077FF"/>
+<path d="M12.77 17.29C7.3 17.29 4.18 13.54 4.05 7.3H6.79C6.88 11.88 8.9 13.82 10.5 14.22V7.3H13.08V11.25C14.66 11.08 16.32 9.28 16.88 7.3H19.46C19.03 9.74 17.23 11.54 15.95 12.28C17.23 12.88 19.28 14.45 20.06 17.29H17.22C16.61 15.39 15.09 13.92 13.08 13.72V17.29H12.77Z" fill="white"/>
+<path d="M33.595 18.21C34.2481 18.2092 34.8897 18.0384 35.4568 17.7143C36.0238 17.3903 36.4967 16.9242 36.829 16.362L37.312 18H39.118V7.08H36.703V13.4C36.703 14.955 35.674 16.047 34.267 16.047C32.881 16.047 31.915 14.955 31.915 13.401V7.08H29.5V13.674C29.5 16.299 31.264 18.21 33.595 18.21ZM43.371 5.526C44.232 5.526 44.862 4.916 44.862 4.056C44.862 3.195 44.232 2.565 43.372 2.565C42.489 2.565 41.859 3.195 41.859 4.055C41.859 4.917 42.489 5.526 43.371 5.526ZM44.568 18V7.08H42.153V18H44.568Z" fill="#E1E3E6"/>
+</svg>

package/package.json

@@ -1,13 +1,14 @@
 {
   "private": false,
-  "version": "5.2.4",
+  "version": "5.3.1",
   "name": "@vkontakte/vkui",
   "description": "VKUI library",
   "main": "dist/cjs/index.js",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
   "files": [
-    "./dist"
+    "./dist",
+    "./docs/assets"
   ],
   "sideEffects": [
     "./dist/lib/polyfills.js",
@@ -27,34 +28,32 @@
   "bugs": "https://github.com/VKCOM/VKUI/issues",
   "homepage": "https://vkcom.github.io/VKUI/",
   "scripts": {
-    "prepublishOnly": "yarn copy-essensial-files && yarn build",
+    "prepublishOnly": "yarn copy-essensial-files && yarn copy-docs-assets && yarn build",
     "copy-essensial-files": "cp ../../LICENSE . && cp ../../README.md .",
+    "copy-docs-assets": "mkdir -p docs/assets && cp -r ../../docs/assets/ docs/assets/",
     "package:version": "echo $npm_package_version",
-    "size": "yarn clear && concurrently 'yarn:babel' 'yarn:postcss' && size-limit",
-    "size:ci": "yarn install --frozen-lockfile --ignore-scripts && concurrently 'yarn:babel' 'yarn:postcss'",
-    "dev": "yarn clear && concurrently 'yarn:tsc-dev' 'yarn:babel-dev' 'yarn:postcss-dev'",
-    "dev-all": "yarn clear && concurrently 'yarn:tsc-dev' 'yarn:babel-dev' 'yarn:babel-cjs-dev' 'yarn:postcss-dev'",
-    "dev-cjs": "yarn clear && concurrently 'yarn:babel-cjs-dev' 'yarn:postcss-dev'",
+    "size": "yarn clear && yarn build:no-types && size-limit",
+    "size:ci": "yarn install --frozen-lockfile --ignore-scripts && yarn build:no-types",
     "build": "yarn build:types && yarn build:no-types",
     "build:types": "yarn tsc && yarn tsc-cjs && yarn tsc-cssm",
-    "build:no-types": "concurrently 'yarn:babel' 'yarn:babel-cssm' 'yarn:babel-cjs' 'yarn:postcss'",
+    "build:no-types": "concurrently 'yarn:swc-es6' 'yarn:swc-cjs' 'yarn:swc-cssm' 'yarn:postcss'",
     "clear": "shx rm -rf dist/*",
     "postcss": "cross-env NODE_ENV=production concurrently 'yarn:postcss-bundle' 'yarn:postcss-modules'",
-    "postcss-dev": "concurrently 'yarn:postcss-bundle --watch' 'yarn:postcss-modules --watch'",
     "postcss-bundle": "webpack --config webpack.styles.config.js",
     "postcss-modules": "postcss './src/**/*.css' --base ./src --dir ./dist/cssm",
-    "babel": "cross-env NODE_ENV=production yarn babel-base --out-dir dist/ --source-maps",
-    "babel-dev": "yarn babel-base --out-dir dist/ --watch",
-    "babel-base": "babel src/ --extensions .tsx,.jsx,.ts,.js",
-    "babel-cssm": "cross-env BABEL_KEEP_CSS=1 NODE_ENV=production yarn babel-base --out-dir dist/cssm --source-maps",
-    "babel-cjs-dev": "yarn babel-base --config-file ./babel.cjs.config.js --out-dir dist/cjs/ --watch",
-    "babel-cjs": "cross-env NODE_ENV=production yarn babel-base --config-file ./babel.cjs.config.js --out-dir dist/cjs/ --source-maps",
+    "swc-base": "cross-env NODE_ENV=production swc src/ --config-file package.swcrc --extensions .tsx,.jsx,.ts,.js",
+    "swc-es6": "yarn swc-base -d dist -s",
+    "swc-cjs": "yarn swc-base -d dist/cjs -s -C module.type=commonjs",
+    "swc-cssm": "yarn swc-base -d dist/cssm -s --config-file cssm.swcrc",
     "tsc": "cross-env NODE_ENV=production tsc --emitDeclarationOnly --declaration -p tsconfig.dist.json",
-    "tsc-dev": "tsc --emitDeclarationOnly --declaration --outDir dist/ --watch --preserveWatchOutput",
     "tsc-cssm": "cross-env NODE_ENV=production tsc --emitDeclarationOnly --declaration --outDir dist/cssm/ -p tsconfig.dist.json",
     "tsc-cjs": "cross-env NODE_ENV=production tsc --emitDeclarationOnly --declaration --outDir dist/cjs/ -p tsconfig.dist.json",
     "test": "jest",
-    "test:ci": "yarn test --ci --silent --outputFile ../../test-results.json --json --coverage --coverageReporters='json' --coverageDirectory='../../.nyc_output'"
+    "test:ci": "yarn test --ci --silent --outputFile ../../test-results.json --json --coverage --coverageReporters='json' --coverageDirectory='../../.nyc_output'",
+    "test:a11y": "jest -c jest.config.a11y.js",
+    "test:a11y:ci": "yarn test:a11y --ci --silent --outputFile ../../a11y-results.json --json --coverage --coverageReporters='json' --coverageDirectory='../../.nyc_a11y_output'",
+    "storybook": "cross-env SANDBOX=\\.storybook start-storybook -p 6006",
+    "build-storybook": "cross-env SANDBOX=\\.storybook FROM_STORYBOOK=1 build-storybook"
   },
   "peerDependencies": {
     "@vkontakte/icons": "^2.1.1",
@@ -63,9 +62,9 @@
     "react-dom": "^17.0.0 || ^18.1.0"
   },
   "dependencies": {
-    "@babel/runtime": "7.20.13",
     "@floating-ui/react-dom": "1.3.0",
-    "@vkontakte/vkjs": "0.31.0",
+    "@swc/helpers": "^0.4.14",
+    "@vkontakte/vkjs": "0.32.0",
     "dayjs": "1.11.7",
     "mitt": "3.0.0"
   },

package/dist/cssm/components/InputLike/InputLikeDivider.module.css

@@ -1 +0,0 @@
-.vkuiInputLikeDivider{color:#818c99;color:var(--vkui--color_text_secondary);letter-spacing:1px!important}

package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.module.css

@@ -1 +0,0 @@
-.vkuiPanelHeaderBack--vkcom.vkuiPanelHeaderBack--has-label{padding-right:11px}@media (min-width:768px){.vkuiPanelHeaderBack--ios.vkuiPanelHeaderBack--has-label:not(.vkuiPanelHeaderBack--sizeX-compact){padding-right:8px}}

package/dist/cssm/lib/polyfills.js

@@ -1,93 +0,0 @@
-/* eslint-disable */
-import { canUseDOM } from './dom';
-if (canUseDOM) {
-  var ElementProto = Element.prototype;
-
-  // Element.prototype.matches
-  if (!ElementProto.matches) {
-    ElementProto.matches = ElementProto.matchesSelector || ElementProto.webkitMatchesSelector || ElementProto.mozMatchesSelector || ElementProto.msMatchesSelector;
-  }
-
-  // Element.prototype.closest
-  if (!ElementProto.closest) {
-    ElementProto.closest = function (css) {
-      var node = this;
-      while (node) {
-        if (node.matches(css)) {
-          return node;
-        } else {
-          node = node.parentElement;
-        }
-      }
-      return null;
-    };
-  }
-}
-
-// Array.prototype.includes
-if (!Array.prototype.includes) {
-  Object.defineProperty(Array.prototype, 'includes', {
-    value: function value(searchElement, fromIndex) {
-      if (this == null) {
-        throw new TypeError('"this" is null or not defined');
-      }
-      var o = Object(this);
-      var len = o.length >>> 0;
-      if (len === 0) {
-        return false;
-      }
-      var n = fromIndex | 0;
-      var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);
-      function sameValueZero(x, y) {
-        return x === y || typeof x === 'number' && typeof y === 'number' && isNaN(x) && isNaN(y);
-      }
-      while (k < len) {
-        if (sameValueZero(o[k], searchElement)) {
-          return true;
-        }
-        k++;
-      }
-      return false;
-    }
-  });
-}
-
-// Array.prototype.find
-if (!Array.prototype.find) {
-  Object.defineProperty(Array.prototype, 'find', {
-    value: function value(callback) {
-      if (this === null) {
-        throw new TypeError('Array.prototype.find called on null or undefined');
-      } else if (typeof callback !== 'function') {
-        throw new TypeError('callback must be a function');
-      }
-      var list = Object(this);
-      var length = list.length >>> 0;
-      var thisArg = arguments[1];
-      for (var i = 0; i < length; i++) {
-        var element = list[i];
-        if (callback.call(thisArg, element, i, list)) {
-          return element;
-        }
-      }
-    }
-  });
-}
-
-// String.prototype.padStart
-if (!String.prototype.padStart) {
-  String.prototype.padStart = function padStart(targetLength, padString) {
-    targetLength = targetLength >> 0;
-    padString = String(padString || ' ');
-    if (this.length > targetLength) {
-      return String(this);
-    } else {
-      targetLength = targetLength - this.length;
-      if (targetLength > padString.length) {
-        padString += padString.repeat(targetLength / padString.length);
-      }
-      return padString.slice(0, targetLength) + String(this);
-    }
-  };
-}
-//# sourceMappingURL=polyfills.js.map

package/dist/cssm/lib/polyfills.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"polyfills.js","names":["canUseDOM","ElementProto","Element","prototype","matches","matchesSelector","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","closest","css","node","parentElement","Array","includes","Object","defineProperty","value","searchElement","fromIndex","TypeError","o","len","length","n","k","Math","max","abs","sameValueZero","x","y","isNaN","find","callback","list","thisArg","arguments","i","element","call","String","padStart","targetLength","padString","repeat","slice"],"sources":["../../../src/lib/polyfills.ts"],"sourcesContent":["/* eslint-disable */\nimport { canUseDOM } from './dom';\n\nexport type MatchesMethod = (css: string) => boolean;\n\nexport interface OldElement extends Element {\n  matchesSelector?: MatchesMethod;\n  mozMatchesSelector?: MatchesMethod;\n  msMatchesSelector?: MatchesMethod;\n}\n\nif (canUseDOM) {\n  const ElementProto = Element.prototype;\n\n  // Element.prototype.matches\n  if (!ElementProto.matches) {\n    ElementProto.matches =\n      (ElementProto as OldElement).matchesSelector ||\n      ElementProto.webkitMatchesSelector ||\n      (ElementProto as OldElement).mozMatchesSelector ||\n      (ElementProto as OldElement).msMatchesSelector;\n  }\n\n  // Element.prototype.closest\n  if (!ElementProto.closest) {\n    ElementProto.closest = function (css: string): Element | null {\n      let node: Element | null = this;\n      while (node) {\n        if (node.matches(css)) {\n          return node;\n        } else {\n          node = node.parentElement;\n        }\n      }\n      return null;\n    };\n  }\n}\n\n// Array.prototype.includes\nif (!Array.prototype.includes) {\n  Object.defineProperty(Array.prototype, 'includes', {\n    value: function (searchElement: any, fromIndex: number) {\n      if (this == null) {\n        throw new TypeError('\"this\" is null or not defined');\n      }\n      const o = Object(this);\n      const len = o.length >>> 0;\n      if (len === 0) {\n        return false;\n      }\n      const n = fromIndex | 0;\n      let k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n      function sameValueZero(x: any, y: any) {\n        return x === y || (typeof x === 'number' && typeof y === 'number' && isNaN(x) && isNaN(y));\n      }\n      while (k < len) {\n        if (sameValueZero(o[k], searchElement)) {\n          return true;\n        }\n        k++;\n      }\n      return false;\n    },\n  });\n}\n\n// Array.prototype.find\nif (!Array.prototype.find) {\n  Object.defineProperty(Array.prototype, 'find', {\n    value: function (callback: Parameters<Array<any>['find']>[0]) {\n      if (this === null) {\n        throw new TypeError('Array.prototype.find called on null or undefined');\n      } else if (typeof callback !== 'function') {\n        throw new TypeError('callback must be a function');\n      }\n\n      let list = Object(this);\n      let length = list.length >>> 0;\n      let thisArg = arguments[1];\n\n      for (let i = 0; i < length; i++) {\n        let element = list[i];\n        if (callback.call(thisArg, element, i, list)) {\n          return element;\n        }\n      }\n    },\n  });\n}\n\n// String.prototype.padStart\nif (!String.prototype.padStart) {\n  String.prototype.padStart = function padStart(targetLength, padString) {\n    targetLength = targetLength >> 0;\n    padString = String(padString || ' ');\n    if (this.length > targetLength) {\n      return String(this);\n    } else {\n      targetLength = targetLength - this.length;\n      if (targetLength > padString.length) {\n        padString += padString.repeat(targetLength / padString.length);\n      }\n      return padString.slice(0, targetLength) + String(this);\n    }\n  };\n}\n"],"mappings":"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"}