Fresh breath

.changeset/eight-horses-judge.md

@@ -0,0 +1,5 @@
+---
+'@soramitsu-ui/theme': minor
+---
+
+**build!**: drop JS part of the library, keep only Sass and fonts

.changeset/fair-penguins-beg.md

@@ -0,0 +1,5 @@
+---
+'@soramitsu-ui/ui': minor
+---
+
+**build**: set `type: module` in package json; update exports; rollup `.d.ts` with `rollup-plugin-dts`

.changeset/fuzzy-pens-tickle.md

@@ -0,0 +1,5 @@
+---
+'@soramitsu-ui/ui': patch
+---
+
+**refactor**(`SDatePicker`): remove redundant constant binary expression

.changeset/gentle-impalas-love.md

@@ -0,0 +1,5 @@
+---
+'@soramitsu-ui/theme': patch
+---
+
+**docs**: fix "Sora" import in TL;DR example

.changeset/great-mangos-rescue.md

@@ -0,0 +1,5 @@
+---
+'@soramitsu-ui/icons': patch
+---
+
+**docs**: update README

.changeset/khaki-cats-cheat.md

@@ -0,0 +1,5 @@
+---
+'@soramitsu-ui/ui': patch
+---
+
+**fix**(`SModalCard`): set `title="Close"` for close button, pass a11y check

.changeset/mighty-hats-retire.md

@@ -0,0 +1,5 @@
+---
+'@soramitsu-ui/ui': patch
+---
+
+**fix**(`SPagination`): compare `pageButton` correctly

.changeset/nervous-cooks-sleep.md

@@ -0,0 +1,5 @@
+---
+'@soramitsu-ui/vite-plugin-svg': minor
+---
+
+**refactor!**: bump major version of `svgo`; specify `vite@4` as a peer dependency; specify `exports` field; bundle package in both CJS and ESM formats; update README

.changeset/old-ants-argue.md

@@ -0,0 +1,5 @@
+---
+'@soramitsu-ui/ui': patch
+---
+
+**fix**: specify `type-fest` as a prod dependency

.changeset/short-melons-think.md

@@ -0,0 +1,7 @@
+---
+'@soramitsu-ui/vite-plugin-svg': minor
+'@soramitsu-ui/theme': minor
+'@soramitsu-ui/ui': minor
+---
+
+**chore**: update dependencies; specify them as `^x.y`

.eslintignore

@@ -1,5 +1,5 @@
 node_modules
 dist
-dist-ts
+ts-build
 storybook-static
 /packages/ui/test/after-build/esm-tree-shaken-dist

.eslintrc.js

@@ -21,6 +21,14 @@ module.exports = {
 
     // make possible `/// <reference...`
     'spaced-comment': ['error', 'always', { markers: ['/'] }],
+
+    '@typescript-eslint/consistent-type-definitions': 'off',
+
+    // FIXME
+    'vue/require-default-prop': 'off',
+
+    // FIXME
+    'vuejs-accessibility/no-static-element-interactions': 'off',
   },
   overrides: [
     {

.gitignore

@@ -4,6 +4,6 @@ dist
 dist-ssr
 *.local
 versus.md
-dist-ts
 tsconfig.tsbuildinfo
-yarn-error.log
+yarn-error.log
+.idea

.npmrc

@@ -0,0 +1 @@
+dedupe-peer-dependents=true

README.md

@@ -94,7 +94,7 @@ yarn sb:build
     Info: 'info',
   } as const
 
-  type Status = typeof Status[keyof typeof Status]
+  type Status = (typeof Status)[keyof typeof Status]
   ```
 
 - There is no need to create folders for every type of subsidiary entities, e.g. composables, utilities, etc.,

package.json

@@ -1,46 +1,47 @@
 {
   "private": true,
+  "packageManager": "pnpm@7.29.0",
+  "engines": {
+    "node": ">=16",
+    "pnpm": ">=7.29"
+  },
   "license": "Apache-2.0",
-  "workspaces": [
-    "packages/*"
-  ],
   "scripts": {
-    "sb:serve": "yarn --cwd packages/ui sb:serve",
-    "sb:build": "yarn --cwd packages/ui sb:build",
+    "sb:serve": "pnpm --filter ui sb:serve",
+    "sb:build": "pnpm --filter ui sb:build",
     "test:all": "run-s lint:check test:theme:unit build:vite-plugin-svg test:ui:unit build:theme test:ui:cy build:ui:only-vite test:ui:after-build",
-    "test:theme:unit": "yarn --cwd packages/theme test",
-    "test:ui:unit": "yarn --cwd packages/ui test:unit",
-    "test:ui:cy": "yarn --cwd packages/ui cy:ci:component",
-    "test:ui:after-build": "yarn --cwd packages/ui test:after-build",
-    "build": "run-s build:theme build:vite-plugin-svg build:ui",
-    "build:theme": "yarn --cwd packages/theme build",
-    "build:vite-plugin-svg": "yarn --cwd packages/vite-plugin-svg build",
-    "build:ui": "yarn --cwd packages/ui build",
-    "build:ui:only-vite": "yarn --cwd packages/ui build:vite",
+    "test:theme:unit": "pnpm --filter theme test",
+    "test:ui:unit": "pnpm --filter ui test:unit",
+    "test:ui:cy": "pnpm --filter ui cy:ci:component",
+    "test:ui:after-build": "pnpm --filter ui test:after-build",
+    "build": "run-s build:vite-plugin-svg build:ui",
+    "build:vite-plugin-svg": "pnpm --filter vite-plugin-svg build",
+    "build:ui": "pnpm --filter ui build",
+    "build:ui:only-vite": "pnpm --filter ui build:vite",
     "lint:check": "run-s lint:es lint:format:check",
     "lint:es": "eslint .",
-    "lint:es:fix": "yarn lint:es --fix",
+    "lint:es:fix": "pnpm lint:es --fix",
     "lint:format:base": "prettier-eslint \"**/*.{ts,js,vue,md,css,scss,sass}\"",
-    "lint:format:check": "yarn lint:format:base --list-different",
-    "lint:format:fix": "yarn lint:format:base --write",
-    "publish-workspaces": "lerna publish from-package"
+    "lint:format:check": "pnpm lint:format:base --list-different",
+    "lint:format:fix": "pnpm lint:format:base --write",
+    "publish-workspaces": "pnpm publish -r"
   },
   "devDependencies": {
     "@changesets/cli": "^2.17.0",
-    "@types/node": "^17.0.14",
+    "@types/node": "^18.14.6",
     "@typescript-eslint/eslint-plugin": "^5.12.1",
     "@typescript-eslint/parser": "^5.12.1",
-    "esbuild-jest": "^0.5.0",
+    "del-cli": "^5.0.0",
     "eslint": "^8.16.0",
     "eslint-config-alloy": "^4.5.1",
     "eslint-plugin-cypress": "^2.12.1",
     "eslint-plugin-vue": "^9.0.1",
-    "eslint-plugin-vuejs-accessibility": "^1.1.1",
-    "lerna": "^4.0.0",
+    "eslint-plugin-vuejs-accessibility": "^2.1.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.6.2",
     "prettier-eslint": "^15.0.0",
-    "prettier-eslint-cli": "^6.0.1",
-    "typescript": "4.6.4"
+    "prettier-eslint-cli": "^7.1.0",
+    "typescript": "5.0.1-rc",
+    "vitest": "^0.29.2"
   }
 }

packages/icons/README.md

@@ -1,12 +1,12 @@
 # icons
 
-For now it contains only old icons exported as raw SVGs. You probably should use bundler to use this package.
+For now, it contains only old icons exported as raw SVGs. You probably should use a bundler to use this package.
 
 ## Usage example
 
 **Vite:**
 
-Setup [vite-svg-loader](https://www.npmjs.com/package/vite-svg-loader) plugin.
+Setup [vite-svg-loader](https://www.npmjs.com/package/vite-svg-loader) or [`@soramitsu/vite-plugin-svg`](../vite-plugin-svg/README.md) plugin.
 
 **Webpack:**
 

packages/icons/package.json

@@ -1,8 +1,4 @@
 {
   "name": "@soramitsu-ui/icons",
-  "version": "0.1.0",
-  "license": "Apache-2.0",
-  "publishConfig": {
-    "access": "public"
-  }
+  "version": "0.1.0"
 }

packages/theme/README.md

@@ -7,7 +7,7 @@ This package contains the core part of Soramitsu's Design System - it's **tokens
 Quick setup with Sass:
 
 ```scss
-@use '@soramitsu-ui/fonts/Sora';
+@use '@soramitsu-ui/theme/fonts/Sora';
 @use '@soramitsu-ui/theme/sass' as theme;
 
 @include theme.typography-preset-default;

packages/theme/package.json

@@ -1,53 +1,18 @@
 {
   "name": "@soramitsu-ui/theme",
   "version": "0.3.0",
-  "main": "dist/lib.cjs.js",
-  "module": "dist/lib.esm.js",
-  "types": "dist/lib.d.ts",
   "exports": {
-    ".": {
-      "import": "./dist/lib.esm.js",
-      "require": "./dist/lib.cjs.js"
-    },
     "./sass": "./src/sass/lib.scss",
     "./sass/*": "./src/sass/*",
     "./fonts/Sora": "./src/fonts/Sora/index.css"
   },
-  "license": "Apache-2.0",
-  "publishConfig": {
-    "access": "public"
-  },
   "files": [
-    "dist",
-    "src/sass",
-    "src/fonts/Sora"
+    "src"
   ],
   "scripts": {
-    "clean": "del dist dist-ts",
-    "build": "run-s clean build:tsc build:rollup",
-    "build:tsc": "tsc --outDir dist-ts",
-    "build:rollup": "rollup -c",
-    "test": "run-p test:main test:exports",
-    "test:main": "jest",
-    "test:exports": "jest -c jest-exports.config.js"
-  },
-  "dependencies": {
-    "windicss": "^3.1.7"
+    "test": "vitest"
   },
   "devDependencies": {
-    "@types/jest": "^27.0.2",
-    "@types/node": "^17.0.14",
-    "del-cli": "^4.0.1",
-    "esbuild-jest": "^0.5.0",
-    "jest": "^27.3.1",
-    "jest-environment-node-single-context": "^27.3.0",
-    "jest-resolver-enhanced": "^1.0.1",
-    "npm-run-all": "^4.1.5",
-    "rollup": "^2.58.3",
-    "rollup-plugin-dts": "^4.0.0",
-    "sass": "^1.49.0",
-    "sucrase": "^3.20.3",
-    "type-fest": "^2.18.1",
-    "typescript": "4.7.4"
+    "sass": "^1.49.0"
   }
 }

packages/theme/src/sass/__tests__/sass-interface.spec.ts

@@ -1,3 +1,4 @@
+import { describe, test, expect } from 'vitest'
 import sass from 'sass'
 import path from 'path'