@linzjs/lui 12.2.0-roll-up-3.6 → 13.0.0

package/dist/needs-revision/LuiHtml.stories.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { BADGE } from '@geometricpanda/storybook-addon-badges';
+import '../scss/base.scss';
+import './design-system.scss';
+import './html/HTML.story.scss';
+declare const _default: {
+    title: string;
+    parameters: {
+        badges: BADGE[];
+    };
+};
+export default _default;
+export declare const LuiAccordion: () => JSX.Element;
+export declare const LuiAnimations: () => JSX.Element;
+export declare const LuiTabs: () => JSX.Element;
+export declare const LuiButtons: () => JSX.Element;
+export declare const LuiComponentLab: {
+    (): JSX.Element;
+    parameters: {
+        badges: BADGE[];
+    };
+};
+export declare const LuiFeatureMessaging: () => JSX.Element;
+export declare const LuiForms: () => JSX.Element;
+export declare const LuiLayouts: () => JSX.Element;
+export declare const LuiHeaderFooter: () => JSX.Element;
+export declare const LuiMessaging: () => JSX.Element;
+export declare const LuiModals: () => JSX.Element;
+export declare const LuiPageExamples: () => JSX.Element;
+export declare const LuiTables: () => JSX.Element;
+export declare const LuiTooltips: Story<{}>;

package/dist/scss/Components/ContextMenu/context-menu.scss

@@ -1,3 +1,6 @@
+@use "../../Foundation/Variables/ColorVars.scss" as colors;
+@use '../../Foundation/Variables/FontVars.scss' as fonts;
+
 /**
  * Here is where we can override the styles of react-menu
  */
@@ -5,3 +8,15 @@
 //.lui-menu .rc-menu__item {
 //  color: green;
 //}
+
+.lui-menu {
+  z-index: 900;
+  color: colors.$base-type-color;
+  @include fonts.font-light;
+
+  a[role="menuitem"] {
+    text-decoration: none;
+    color: colors.$base-type-color;
+    @include fonts.font-light;
+  }
+}

package/dist/scss/Components/Menu/menu.scss

@@ -16,18 +16,6 @@
   }
 }
 
-.lui-menu.rc-menu {
-  z-index: 900;
-  color: colors.$base-type-color;
-  @include fonts.font-light;
-
-  a[role='menuitem'] {
-    text-decoration: none;
-    color: colors.$base-type-color;
-    @include fonts.font-light;
-  }
-}
-
 body.lui-menu-drawer-open {
   overflow-y: hidden;
 }

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "12.2.0-roll-up-3.6",
+  "version": "13.0.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -14,14 +14,16 @@
   ],
   "scripts": {
     "build:sass": "sass src/scss/base.scss dist/lui.css",
-    "build": "rollup -c && npm run build:sass",
+    "start": "tsdx watch",
+    "build": "tsdx build && npm run build:sass",
+    "tsdx-test": "tsdx test --passWithNoTests --runInBand --detectOpenHandles",
     "test": "jest --runInBand --detectOpenHandles",
-    "test:watch": "jest --passWithNoTests --watch",
-    "test:clear": "jest --clearCache",
-    "lint": "eslint ./src/**/*.{ts,tsx} --max-warnings 0",
-    "lint:fix": "eslint ./src/**/*.{ts,tsx} --fix",
+    "test:watch": "tsdx test --passWithNoTests --watch",
+    "test:clear": "tsdx test --clearCache",
+    "lint": "tsdx lint",
+    "lint:fix": "tsdx lint --fix",
+    "prepare": "tsdx build && npm run build:sass",
     "size": "size-limit",
-    "prepare": "npm run build",
     "analyze": "size-limit --why",
     "storybook": "npm-run-all watch-storybook",
     "build-storybook": "build-storybook --static-dir ./src/assets",
@@ -40,7 +42,7 @@
   },
   "husky": {
     "hooks": {
-      "pre-commit": "npm run lint"
+      "pre-commit": "tsdx lint"
     }
   },
   "name": "@linzjs/lui",
@@ -71,10 +73,9 @@
     }
   ],
   "devDependencies": {
+    "@babel/core": "^7.12.3",
     "@geometricpanda/storybook-addon-badges": "^0.2.1",
-    "@rollup/plugin-commonjs": "^17.1.0",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^11.2.1",
+    "@rollup/plugin-image": "^2.0.5",
     "@semantic-release/changelog": "^5.0.1",
     "@semantic-release/git": "^9.0.0",
     "@size-limit/preset-small-lib": "^4.7.0",
@@ -101,12 +102,12 @@
     "@types/sass": "^1.16.0",
     "@types/uuid": "^8.3.1",
     "@types/yup": "0.29.0",
+    "babel-loader": "^8.1.0",
     "chromatic": "^4.0.3",
     "conventional-changelog-conventionalcommits": "^4.6.1",
     "css-loader": "^3.6.0",
     "esbuild": "^0.13.8",
     "esbuild-jest": "^0.5.0",
-    "eslint-config-react-app": "^7.0.0",
     "fetch-mock": "^9.11.0",
     "html-loader": "^1.1.0",
     "husky": "^4.3.0",
@@ -114,17 +115,15 @@
     "jest-canvas-mock": "2.2.0",
     "msw": "^0.22.2",
     "npm-run-all": "^4.1.5",
+    "prettier": "^2.0.5",
     "pretty-quick": "^3.1.1",
     "react": "^16.8.3",
     "react-dom": "^16.8.3",
     "react-helmet": "^6.1.0",
     "react-is": "^17.0.1",
-    "rollup": "^2.56.3",
-    "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^3.1.8",
+    "rollup-plugin-execute": "^1.1.1",
+    "rollup-plugin-styles": "^3.14.1",
     "rollup-plugin-svg": "^2.0.0",
-    "rollup-plugin-typescript2": "^0.29.0",
     "sass": "^1.43.4",
     "sass-loader": "^8.0.2",
     "semantic-release": "^17.4.2",
@@ -133,20 +132,20 @@
     "stylelint-config-standard": "^22.0.0",
     "stylelint-scss": "^3.20.1",
     "stylelint-suitcss": "^4.0.0",
+    "tsdx": "^0.14.1",
     "typescript": "^3.9.7",
     "whatwg-fetch": "^3.4.1",
-    "yup": "^0.29.0",
-    "@linzjs/style": "^3.6.0"
+    "yup": "^0.29.0"
   },
   "dependencies": {
     "@fontsource/open-sans": "^4.5.1",
-    "@szhsin/react-menu": "^1.8.0",
+    "@szhsin/react-menu": "^2.3.3",
     "camelcase": "^6.0.0",
     "clsx": "^1.1.0",
     "formik": "^2.1.4",
-    "lottie-react": "^2.1.0",
+    "lottie-web": "^5.8.1",
     "react-modal": "^3.11.2",
-    "react-query": "2.26.3",
+    "react-query": "^2.26.3",
     "react-select": "^5.1.0",
     "resolve-url-loader": "^3.1.2",
     "svgstore": "^3.0.0-2",