agnostic-svelte - npm Package Compare versions

Comparing version 1.0.11 to 1.1.2-1

package.json

 {
   "name": "agnostic-svelte",
-  "version": "1.0.11",
+  "version": "1.1.2-1",
   "description": "AgnosticUI (svelte)",
@@ -23,92 +23,126 @@ "author": "Rob Levin <[e-mail]>",
   ],
-  "svelte": "dist/index.js",
-  "module": "dist/index.mjs",
-  "main": "dist/index.js",
-  "unpkg": "dist/index.min.js",
-  "files": [
-    "src/**/*.{css,js,jsx,svelte,ts,tsx}",
-    "dist/**/*.{css,js,jsx,svelte,ts,tsx}"
-  ],
-  "sideEffects": false,
-  "scripts": {
-    "cp:css": "cp ./src/css/*.css ./dist",
-    "build": "rm -rf ./dist && rollup -c && yarn cp:css",
-    "build:watch": "rm -rf ./dist && mkdir ./dist && yarn cp:css && rollup -cw",
-    "prepublishOnly": "npm run build",
-    "syncStyles": "node copystyles.js && yarn cp:css",
-    "format": "yarn run prettier --write './src/**/*.{js,svelte,md,html,json}'",
-    "prelint": "yarn run format",
-    "lint": "eslint './src/**/*.{js,svelte}'",
-    "lint:fix": "eslint --fix './src/**/*.{js,svelte}'",
-    "pretest": "yarn run lint",
-    "test": "jest",
-    "test:watch": "jest --watchAll",
-    "storybook": "yarn lint && yarn syncStyles && start-storybook -p 6006 -s public",
-    "build-storybook": "yarn lint && yarn syncStyles && build-storybook --docs -o docs"
-  },
   "devDependencies": {
-    "@babel/core": "^7.11.4",
-    "@rollup/plugin-commonjs": "^14.0.0",
-    "@rollup/plugin-node-resolve": "^8.0.0",
-    "@storybook/addon-a11y": "^6.3.8",
-    "@storybook/addon-actions": "^6.0.18",
-    "@storybook/addon-essentials": "^6.0.18",
-    "@storybook/addon-links": "^6.0.18",
-    "@storybook/addon-storyshots": "^6.0.20",
-    "@storybook/addon-storysource": "^6.0.21",
-    "@storybook/addons": "^6.0.18",
-    "@storybook/svelte": "^6.0.18",
-    "@storybook/theming": "^6.0.18",
-    "@testing-library/jest-dom": "^5.11.4",
-    "@testing-library/svelte": "^3.0.0",
-    "babel-loader": "^8.1.0",
-    "eslint": "^7.16.0",
-    "eslint-config-prettier": "^7.1.0",
-    "eslint-plugin-svelte3": "^3.0.0",
-    "is-arrayish": "^0.3.2",
-    "jest": "^26.4.2",
-    "jest-transform-svelte": "^2.1.1",
-    "postcss": "^8.3.8",
-    "prettier": "^2.2.1",
-    "prettier-plugin-svelte": "^1.4.2",
-    "react-is": "^16.13.1",
-    "rollup": "^2.3.4",
-    "rollup-plugin-livereload": "^1.0.0",
-    "rollup-plugin-postcss": "^4.0.1",
-    "rollup-plugin-svelte": "^6.0.0",
-    "rollup-plugin-terser": "^7.0.0",
-    "svelte-jester": "^1.1.5",
-    "svelte-loader": "^2.13.6"
+    "@babel/core": "^7.16.7",
+    "@storybook/addon-a11y": "^6.4.14",
+    "@storybook/addon-actions": "^6.5.0-alpha.10",
+    "@storybook/addon-essentials": "^6.5.0-alpha.10",
+    "@storybook/addon-links": "^6.5.0-alpha.10",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/addon-storysource": "^6.4.14",
+    "@storybook/addon-svelte-csf": "^1.1.0",
+    "@storybook/svelte": "^6.5.0-alpha.10",
+    "@sveltejs/adapter-auto": "next",
+    "@sveltejs/kit": "next",
+    "autoprefixer": "^10.4.2",
+    "babel-loader": "^8.2.3",
+    "eslint": "^8.7.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-svelte3": "^3.4.0",
+    "postcss": "^8.4.5",
+    "prettier": "^2.5.1",
+    "prettier-plugin-svelte": "^2.6.0",
+    "svelte": "^3.46.0",
+    "svelte-loader": "^3.1.2",
+    "svelte-preprocess": "^4.10.1",
+    "svelte2tsx": "^0.4.14",
+    "typescript": "^4.5.5"
   },
+  "type": "module",
   "dependencies": {
-    "agnostic-helpers": "^1.0.1-1",
-    "sirv-cli": "^1.0.0",
-    "svelte": "3.39.0"
+    "agnostic-helpers": "^1.0.2",
+    "svelte-a11y-dialog": "^0.1.5"
   },
-  "jest": {
-    "transform": {
-      "^.+\\.js$": "babel-jest",
-      "^.+\\.svelte$": "svelte-jester"
-    },
-    "transformIgnorePatterns": [
-      "node_modules/(?!(@storybook/svelte)/)"
-    ],
-    "moduleFileExtensions": [
-      "js",
-      "svelte",
-      "json"
-    ],
-    "moduleNameMapper": {
-      "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js",
-      "\\.(css|scss|stylesheet)$": "<rootDir>/__mocks__/styleMock.js"
-    },
-    "setupFilesAfterEnv": [
-      "@testing-library/jest-dom/extend-expect"
-    ],
-    "testPathIgnorePatterns": [
-      "/node_modules/",
-      "/build/",
-      "/storybook-static/"
-    ]
-  }
-}
+  "exports": {
+    "./package.json": "./package.json",
+    "./.DS_Store": "./.DS_Store",
+    "./components/.DS_Store": "./components/.DS_Store",
+    "./components/Alert/Alert.stories": "./components/Alert/Alert.stories.js",
+    "./components/Alert/Alert.svelte": "./components/Alert/Alert.svelte",
+    "./components/Alert/AlertSlots.svelte": "./components/Alert/AlertSlots.svelte",
+    "./components/Avatar/Avatar.stories": "./components/Avatar/Avatar.stories.js",
+    "./components/Avatar/Avatar.svelte": "./components/Avatar/Avatar.svelte",
+    "./components/Avatar/AvatarGroup.stories": "./components/Avatar/AvatarGroup.stories.js",
+    "./components/Avatar/AvatarGroup.svelte": "./components/Avatar/AvatarGroup.svelte",
+    "./components/Avatar/AvatarGroupSlots.svelte": "./components/Avatar/AvatarGroupSlots.svelte",
+    "./components/Avatar/AvatarSampleSvg.svelte": "./components/Avatar/AvatarSampleSvg.svelte",
+    "./components/Avatar/AvatarSvgExample.svelte": "./components/Avatar/AvatarSvgExample.svelte",
+    "./components/Avatar/AvatarWithSvg.stories": "./components/Avatar/AvatarWithSvg.stories.js",
+    "./components/Breadcrumb/.DS_Store": "./components/Breadcrumb/.DS_Store",
+    "./components/Breadcrumb/Breadcrumb.stories": "./components/Breadcrumb/Breadcrumb.stories.js",
+    "./components/Breadcrumb/Breadcrumb.svelte": "./components/Breadcrumb/Breadcrumb.svelte",
+    "./components/Button/Button.stories": "./components/Button/Button.stories.js",
+    "./components/Button/Button.svelte": "./components/Button/Button.svelte",
+    "./components/Button/Button.test": "./components/Button/Button.test.js",
+    "./components/Button/ButtonGroup.stories": "./components/Button/ButtonGroup.stories.js",
+    "./components/Button/ButtonGroup.svelte": "./components/Button/ButtonGroup.svelte",
+    "./components/Button/ButtonGroupTests.svelte": "./components/Button/ButtonGroupTests.svelte",
+    "./components/Button/ButtonIcon.stories": "./components/Button/ButtonIcon.stories.js",
+    "./components/Button/ButtonIconTest.svelte": "./components/Button/ButtonIconTest.svelte",
+    "./components/Button/ButtonSlot.svelte": "./components/Button/ButtonSlot.svelte",
+    "./components/Card/Card.stories": "./components/Card/Card.stories.js",
+    "./components/Card/Card.svelte": "./components/Card/Card.svelte",
+    "./components/Card/CardExample.svelte": "./components/Card/CardExample.svelte",
+    "./components/ChoiceInput/ChoiceInput.stories": "./components/ChoiceInput/ChoiceInput.stories.js",
+    "./components/ChoiceInput/ChoiceInput.svelte": "./components/ChoiceInput/ChoiceInput.svelte",
+    "./components/Close/Close.stories": "./components/Close/Close.stories.js",
+    "./components/Close/Close.svelte": "./components/Close/Close.svelte",
+    "./components/Dialog/Dialog.svelte": "./components/Dialog/Dialog.svelte",
+    "./components/Disclose/Disclose.stories": "./components/Disclose/Disclose.stories.js",
+    "./components/Disclose/Disclose.svelte": "./components/Disclose/Disclose.svelte",
+    "./components/Disclose/DiscloseSlots.svelte": "./components/Disclose/DiscloseSlots.svelte",
+    "./components/Divider/Divider.stories": "./components/Divider/Divider.stories.js",
+    "./components/Divider/Divider.svelte": "./components/Divider/Divider.svelte",
+    "./components/Divider/DividerExample.svelte": "./components/Divider/DividerExample.svelte",
+    "./components/Divider/DividerVerticalExample.svelte": "./components/Divider/DividerVerticalExample.svelte",
+    "./components/EmptyState/EmptyState.stories": "./components/EmptyState/EmptyState.stories.js",
+    "./components/EmptyState/EmptyState.svelte": "./components/EmptyState/EmptyState.svelte",
+    "./components/EmptyState/EmptyStateExample.svelte": "./components/EmptyState/EmptyStateExample.svelte",
+    "./components/Header/Header.stories": "./components/Header/Header.stories.js",
+    "./components/Header/Header.svelte": "./components/Header/Header.svelte",
+    "./components/Header/HeaderExample.svelte": "./components/Header/HeaderExample.svelte",
+    "./components/Header/HeaderNav.svelte": "./components/Header/HeaderNav.svelte",
+    "./components/Header/HeaderNavItem.svelte": "./components/Header/HeaderNavItem.svelte",
+    "./components/Icon/Icon.stories": "./components/Icon/Icon.stories.js",
+    "./components/Icon/Icon.svelte": "./components/Icon/Icon.svelte",
+    "./components/Icon/IconSlot.svelte": "./components/Icon/IconSlot.svelte",
+    "./components/Input/Input.stories": "./components/Input/Input.stories.js",
+    "./components/Input/Input.svelte": "./components/Input/Input.svelte",
+    "./components/Input/InputAddonItem.svelte": "./components/Input/InputAddonItem.svelte",
+    "./components/Input/InputAddons.stories": "./components/Input/InputAddons.stories.js",
+    "./components/Input/InputAddonsExample.svelte": "./components/Input/InputAddonsExample.svelte",
+    "./components/Loader/Loader.stories": "./components/Loader/Loader.stories.js",
+    "./components/Loader/Loader.svelte": "./components/Loader/Loader.svelte",
+    "./components/Pagination/Pagination.stories": "./components/Pagination/Pagination.stories.js",
+    "./components/Pagination/Pagination.svelte": "./components/Pagination/Pagination.svelte",
+    "./components/Pagination/PaginationExample.svelte": "./components/Pagination/PaginationExample.svelte",
+    "./components/Progress/Progress.stories": "./components/Progress/Progress.stories.js",
+    "./components/Progress/Progress.svelte": "./components/Progress/Progress.svelte",
+    "./components/Select/Select.stories": "./components/Select/Select.stories.js",
+    "./components/Select/Select.svelte": "./components/Select/Select.svelte",
+    "./components/Spinner/Spinner.stories": "./components/Spinner/Spinner.stories.js",
+    "./components/Spinner/Spinner.svelte": "./components/Spinner/Spinner.svelte",
+    "./components/Switch/Switch.stories": "./components/Switch/Switch.stories.js",
+    "./components/Switch/Switch.svelte": "./components/Switch/Switch.svelte",
+    "./components/Table/Table.stories": "./components/Table/Table.stories.js",
+    "./components/Table/Table.svelte": "./components/Table/Table.svelte",
+    "./components/Table/TableCustomRenderComponent.svelte": "./components/Table/TableCustomRenderComponent.svelte",
+    "./components/Tabs/TabButtonCustom.svelte": "./components/Tabs/TabButtonCustom.svelte",
+    "./components/Tabs/TabPanel1.svelte": "./components/Tabs/TabPanel1.svelte",
+    "./components/Tabs/TabPanel2.svelte": "./components/Tabs/TabPanel2.svelte",
+    "./components/Tabs/TabPanel3.svelte": "./components/Tabs/TabPanel3.svelte",
+    "./components/Tabs/TabPanel4.svelte": "./components/Tabs/TabPanel4.svelte",
+    "./components/Tabs/TabPanel5.svelte": "./components/Tabs/TabPanel5.svelte",
+    "./components/Tabs/Tabs.stories": "./components/Tabs/Tabs.stories.js",
+    "./components/Tabs/Tabs.svelte": "./components/Tabs/Tabs.svelte",
+    "./components/Tag/Tag.stories": "./components/Tag/Tag.stories.js",
+    "./components/Tag/Tag.svelte": "./components/Tag/Tag.svelte",
+    "./components/Tag/TagSlots.svelte": "./components/Tag/TagSlots.svelte",
+    "./css/common.min.css": "./css/common.min.css",
+    "./css/common.properties.min.css": "./css/common.properties.min.css",
+    "./css/common.resets.min.css": "./css/common.resets.min.css",
+    "./css/common.utilities.min.css": "./css/common.utilities.min.css",
+    ".": "./index.js",
+    "./storybook-helpers/FontDecorator.svelte": "./storybook-helpers/FontDecorator.svelte"
+  },
+  "svelte": "./index.js"
+}

README.md

 # AgnosticUI Svelte
 
-# At time of writing, Svelte version 3.43.0 has a bug that prevents successful running of a built library; [see the bug](https://github.com/sveltejs/svelte/issues/6584). As such, I'm locking Svelte to 3.39.0 until that gets resolved.
-
 This is the [Svelte version](https://github.com/AgnosticUI/agnosticui/tree/master/agnostic-svelte) of [AgnosticUI](https://github.com/AgnosticUI/agnosticui).
 
+_As earlier versions of Svelte caused binding issues in several of AgnosticUI's components, we've upgraded the library using the latest [Svelte-Kit](https://kit.svelte.dev) and requires `"svelte": "^3.46.0"` and later._
+
+[AgnosticUI Docs](https://www.agnosticui.com/)
+
 ## Npm install
@@ -11,8 +13,8 @@
 - In your project's `public/index.html` ensure sure you've included the `bundle.css`
-- In your `src/App.svelte` import `agnostic-svelte/dist/common.min.css` before any `agnostic-svelte` components; it will look something like:
+- In your `src/App.svelte` import `agnostic-svelte/css/common.min.css` before any `agnostic-svelte` components; it will look something like:
 
 ```svelte
 <script>
-	import 'agnostic-svelte/dist/common.min.css';
-	import { Button, } from 'agnostic-svelte';
+	import 'agnostic-svelte/css/common.min.css';
+	import { Button } from 'agnostic-svelte';
 </script>
@@ -23,17 +25,1 @@ <!-- In your html section you can now use the agnostic-svelte component -->
 A complete kitchen sink example is located in `./examples/src/App.svelte`
-
-### Static docs
-
-You can also view the static Storybook docs that get distributed in the agnostic-svelte package with:
-```shell
-open ./node_modules/agnostic-svelte/docs/index.html
-```
-
-## Local Development
-
-If you've cloned this repo (as opposed to npm / yarn installing), you can run the agnostic-svelte Storybook
-examples with the following from one directory higher `path/to/agnosticui` (not `agnosticui/agnostic-svelte`!)
-
-```
-yarn && yarn start:svelte
-```

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Dependency count

2

decreased by-33.33%

Dev dependency count

24

decreased by-25%

Number of package files

171

increased by76.29%

Is type module

Yes

Worsened metrics

Total package byte prevSize

329170

decreased by-54.06%

Lines of code

3841

decreased by-55.91%

Number of low quality alerts

2

increased by100%

Number of lines in readme file

24

decreased by-36.84%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Addedsvelte-a11y-dialog@^0.1.5

• + Addeda11y-dialog@7.5.3(transitive)

• + Addedfocusable-selectors@0.4.0(transitive)

• + Addedsvelte@3.59.2(transitive)

• + Addedsvelte-a11y-dialog@0.1.5(transitive)

• - Removedsirv-cli@^1.0.0

• - Removedsvelte@3.39.0

• - Removed@polka/url@1.0.0-next.28(transitive)

• - Removedconsole-clear@1.1.1(transitive)

• - Removedget-port@3.2.0(transitive)

• - Removedkleur@3.0.3(transitive)

• - Removedlocal-access@1.1.0(transitive)

• - Removedmri@1.2.0(transitive)

• - Removedmrmime@1.0.1(transitive)

• - Removedsade@1.8.1(transitive)

• - Removedsemiver@1.1.0(transitive)

• - Removedsirv@1.0.19(transitive)

• - Removedsirv-cli@1.0.14(transitive)

• - Removedsvelte@3.39.0(transitive)

• - Removedtinydate@1.3.0(transitive)

• - Removedtotalist@1.1.0(transitive)

• Updatedagnostic-helpers@^1.0.2