@learningpool/ui 1.6.3 → 1.6.6

package/.storybook/manager.js

@@ -1,34 +0,0 @@
-// .storybook/manager.js
-
-import { addons } from '@storybook/addons';
-import learningpoolTheme from './learningpoolTheme';
-
-addons.setConfig({
-  isFullscreen: false,
-  showNav: true,
-  showPanel: true,
-  panelPosition: 'bottom',
-  enableShortcuts: true,
-  isToolshown: true,
-  theme: learningpoolTheme,
-  selectedPanel: undefined,
-  initialActive: 'sidebar',
-  sidebar: {
-    showRoots: false,
-    collapsedRoots: [
-      'Getting Started',
-      'Guidelines',
-      'Components',
-      'Templates',
-      'Pages',
-      'other'
-    ],
-  },
-  toolbar: {
-    title: { hidden: false, },
-    zoom: { hidden: false, },
-    eject: { hidden: false, },
-    copy: { hidden: false, },
-    fullscreen: { hidden: false, },
-  },
-});

package/.storybook/preview-head.html

@@ -1,212 +0,0 @@
-<link
-  rel="stylesheet"
-  href="https://fonts.googleapis.com/icon?family=Material+Icons"
-/>
-<style type="text/css">
-  @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
-
-  /* @font-face {
-    font-weight: 400 700;
-    font-family: 'AudiType';
-    font-style: normal;
-    font-stretch: 100% 130%;
-    src: url('https://assets.audi.com/audi-fonts/1/AudiTypeVF.woff2')
-      format('woff2-variations');
-    font-display: swap;
-  } */
-
-  .sb-show-main {
-    margin: 0;
-    /* padding: 0.5em !important; */
-  }
-
-  .sbdocs-p,
-  .sbdocs-li,
-  .sbdocs-ul,
-  .sbdocs-ol,
-  .sbdocs-table,
-  .sbdocs-h1,
-  .sbdocs-h2,
-  .sbdocs-h3,
-  .sbdocs-h4,
-  .sbdocs-h5,
-  .sbdocs-h6,
-  .sbdocs-title {
-    color: #333 !important;
-    -webkit-font-smoothing: antialiased !important;
-  }
-
-  .sbdocs-p,
-  .sbdocs-li,
-  .sbdocs-ul,
-  .sbdocs-ol,
-  .sbdocs-table {
-    font-weight: 400 !important;
-    font-size: 16px !important;
-    /* font-family: AudiType, sans-serif !important; */
-    font-style: normal !important;
-    font-stretch: 105% !important;
-    line-height: 26px !important;
-  }
-
-  .sbdocs > strong,
-  .sbdocs-table th {
-    font-weight: 700 !important;
-    /* font-family: AudiType, sans-serif !important; */
-    font-style: normal !important;
-    font-stretch: 105% !important;
-  }
-
-  .sbdocs-a {
-    padding-bottom: 0.06125em !important;
-    color: #003366 !important;
-    font-weight: 700 !important;
-    font-size: inherit !important;
-    font-style: normal !important;
-    font-stretch: 105.25% !important;
-    line-height: inherit !important;
-    border-bottom: 1px solid #003366 !important;
-    transition: color 0.3s linear, border 0.3s linear !important;
-  }
-
-  .sbdocs-p,
-  .sbdocs-li,
-  .sbdocs-ul,
-  .sbdocs-ol {
-    margin-bottom: 0.5rem;
-  }
-
-  .sbdocs-h1,
-  .sbdocs-h2,
-  .sbdocs-h3,
-  .sbdocs-h4,
-  .sbdocs-h5,
-  .sbdocs-h6,
-  .sbdocs-title {
-    margin: 1.1em 0 0 0 !important;
-    padding: 0 !important;
-
-    font-weight: 700 !important;
-    /* font-family: AudiType, sans-serif !important; */
-    font-stretch: 130% !important;
-
-    letter-spacing: -0.015em;
-
-    border-bottom: none !important;
-  }
-
-  /* Fixed Headlines */
-
-  /* Order 1 */
-  .sbdocs-h1,
-  .sbdocs-title {
-    margin-top: 0 !important;
-
-    font-size: 40px !important;
-    line-height: 60px !important;
-  }
-
-  /* Order 2 */
-  .sbdocs-h2 {
-    font-size: 32px !important;
-    line-height: 48px !important;
-  }
-
-  /* Order 3 */
-  .sbdocs-h3 {
-    font-size: 24px !important;
-    line-height: 36px !important;
-  }
-
-  /* Order 4 */
-  .sbdocs-h4,
-  .sbdocs-h5,
-  .sbdocs-h6 {
-    font-size: 18px !important;
-    line-height: 28px !important;
-  }
-
-  .tabbutton {
-    font-size: 16px !important;
-    /* font-family: AudiType, sans-serif; */
-    font-stretch: 105%;
-    line-height: normal !important;
-    font-weight: normal !important;
-
-    border-bottom-width: 2px !important;
-    border-top-width: 2px !important;
-  }
-
-  /* .subheading {
-    font-size: 14px !important;
-    color: #003366 !important;
-    letter-spacing: 2px !important;
-  } */
-
-
-  .sbdocs-section-container {
-    display: flex;
-    flex-direction: row;
-    align-items: flex-start;
-    margin-bottom: 50px !important;
-  }
-
-  .sbdocs-section-img {
-    max-width: 200px !important;
-    width: 100%;
-    height: auto;
-    margin-right: 25px;
-    flex: 1;
-  }
-
-  .sbdocs-section-text {
-    display: flex;
-    flex-direction: column;
-    flex-basis: 75%;
-  }
-
-  .sbdocs-section-container a {
-    border-bottom: 0 !important;
-  }
-
-  .sbdocs-edit-link {
-    float: right;
-  }
-
-  /*
-   * Hide the "stories" heading.
-   * We just visually hide it, but don't remove it from the DOM
-   * to preseve the heading hierarchy for screen readers.
-   */
-   .sbdocs-content #stories {
-    clip: rect(0 0 0 0);
-    clip-path: inset(50%);
-    height: 1px;
-    width: 1px;
-    overflow: hidden;
-    position: absolute;
-    white-space: nowrap;
-  }
-
-  /* Hide the docblock-argstable section on the All Stories and Examples pages */
-  .sbdocs-content div[id*="all-stories--default"] + div .docblock-argstable,
-  .sbdocs-content div[id*="all-stories--default"] + div.docblock-emptyblock,
-  .sbdocs-content div[id*="examples--default"] + div .docblock-argstable,
-  .sbdocs-content div[id*="examples--default"] + div.docblock-emptyblock  {
-    display: none;
-  }
-
-  /* Style the avatars list */
-  .sbdocs-content .sbdocs-avatar-list {
-    border-bottom: none !important;
-  }
-
-  .sbdocs-content .sbdocs-avatar {
-    background-color: grey;
-    border-radius: 50%;
-    margin: 0.25rem 0.25rem 0.25rem 0;
-    max-width: 70px;
-    width: 70px;
-  }
-
-</style>

package/.storybook/preview.js

@@ -1,120 +0,0 @@
-// .storybook/preview.js
-
-import learningpoolTheme from './learningpoolTheme'
-import { withTests } from '@storybook/addon-jest'
-
-import results from '../.jest-test-results.json'
-
-// @TODO: Pull from Design Tokens when module is available
-const customViewports = {
-  small: {
-    name: 'S (600px)',
-    styles: {
-      height: '100%',
-      width: '600px',
-    },
-  },
-  medium: {
-    name: 'M (900px)',
-    styles: {
-      height: '100%',
-      width: '900px',
-    },
-  },
-  large: {
-    name: 'L (1200px)',
-    styles: {
-      height: '100%',
-      width: '1200px',
-    },
-  },
-  extraLarge: {
-    name: 'XL (1536px)',
-    styles: {
-      height: '100%',
-      width: '1536px',
-    },
-  },
-};
-
-export const decorators = [
-  withTests({
-    results,
-  }),
-]
-
-// or global addParameters
-export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
-    },
-  },
-  docs: {
-    theme: learningpoolTheme,
-  },
-  layout: 'centered',
-  options: {
-    storySort: {
-      method: 'alphabetical',
-      order: [
-        'Introduction',
-        'Getting Started', [
-          '*'
-        ],
-        'Guidelines', [
-          'Accessibility', ['Overview', 'Principles', 'Assistive Technology', 'Heirarchy', 'Typography', 'Color and Contrast', 'Writing', 'Imagery', 'Sound and Motion', '*'],
-        ],
-        'Components', [
-          'Inputs', [
-            'Autocomplete', ['Overview', 'Accessibility', 'Properties', '*'],
-            'Button', ['Overview', 'Accessibility', 'Properties', '*'],
-            'Checkbox', ['Overview', 'Accessibility', 'Properties', '*'],
-            'Radio', ['Overview', 'Accessibility', 'Properties', '*'],
-            'Select', ['Overview', 'Accessibility', 'Properties', '*'],
-            'Slider', ['Overview', 'Accessibility', 'Properties', '*'],
-            'Switch', ['Overview', 'Accessibility', 'Properties', '*'],
-            'TextField', ['Overview', 'Accessibility', 'Properties', '*'],
-            'ToggleButton', ['Overview', 'Accessibility', 'Properties', '*'],
-          ],
-          'Data Display', [
-            'Avatar', ['Overview', 'Accessibility', 'Properties', '*'],
-            'Chip', ['Overview', 'Accessibility', 'Properties', '*'],
-            'List', ['Overview', 'Accessibility', 'Properties', '*'],
-            'Tooltip', ['Overview', 'Accessibility', 'Properties', '*'],
-          ],
-          'Feedback', [
-            'Alert', ['Overview', 'Accessibility', 'Properties', '*'],
-          ],
-          'Landmarks', [
-            'Header', ['Overview', 'Accessibility', 'Properties', '*'],
-          ],
-          'Navigation', [
-            'Drawer', ['Overview', 'Accessibility', 'Properties', '*'],
-            'Vertical Navigation', ['Overview', 'Accessibility', 'Properties', '*'],
-            'Mobile Navigation', ['Overview', 'Accessibility', 'Properties', '*'],
-          ]
-        ],
-        'Templates', [
-          'Button', ['Overview', 'Accessibility', 'Properties', '*'],
-        ],
-        'Pages', [
-          'Button', ['Overview', 'Accessibility', 'Properties', '*'],
-        ],
-        'Experimental', [
-          'Button', ['Overview', 'Accessibility', 'Properties', '*'],
-        ],
-        'Roadmap',
-        'Contact Us',
-        '*',
-        'WIP'
-      ],
-      locales: ''
-    },
-  },
-  viewport: {
-    viewports: customViewports,
-  },
-};

package/.storybook/storybook-sort.js

@@ -1,54 +0,0 @@
-export const storySort = options => (a, b) => {
-    // Debug.
-    // console.log({a, b});
-
-    // If the two stories have the same story kind, then use the default
-    // ordering, which is the order they are defined in the story file.
-    if (a[1].kind === b[1].kind) {
-      return 0;
-    }
-
-    const storyKindA = a[1].kind.split('/');
-    const storyKindB = b[1].kind.split('/');
-    let depth = 0;
-    let nameA, nameB, indexA, indexB, index;
-    let ordering = options.order || [];
-
-    while (true) {
-      nameA = storyKindA[depth] ? storyKindA[depth] : '';
-      nameB = storyKindB[depth] ? storyKindB[depth] : '';
-
-      if (nameA === nameB) {
-        // If a nested array is provided for a name, use it for ordering.
-        index = ordering.indexOf(nameA);
-        if (index !== -1 && Array.isArray(ordering[index + 1])) {
-          ordering = ordering[index + 1];
-        }
-
-        // We'll need to look at the next part of the name.
-        depth++;
-        continue;
-      }
-      else {
-        // Look for the names in the given `ordering` array.
-        indexA = ordering.indexOf(nameA);
-        indexB = ordering.indexOf(nameB);
-
-        // If at least one of the names is found, sort by the `ordering` array.
-        if (indexA !== -1 || indexB !== -1) {
-          // If one of the names is not found in `ordering`, list it last.
-          if (indexA === -1) {
-            indexA = ordering.length;
-          }
-          if (indexB === -1) {
-            indexB = ordering.length;
-          }
-
-          return indexA - indexB;
-        }
-      }
-
-      // Otherwise, use alphabetical order.
-      return nameA.localeCompare(nameB);
-    }
-  };

package/CHANGELOG.md

@@ -1,20 +0,0 @@
-## [1.6.3](https://github.com/HT2-Labs/design-system/compare/v1.6.2...v1.6.3) (2023-02-09)
-
-
-### Bug Fixes
-
-* **AppSwitcher:** Uses 'customName' for applications (if set) [HOME-1121] ([#150](https://github.com/HT2-Labs/design-system/issues/150)) ([5b84774](https://github.com/HT2-Labs/design-system/commit/5b84774f34ffe5bbcc67a9bc92f85419f089340b))
-
-## [1.6.2](https://github.com/HT2-Labs/design-system/compare/v1.6.1...v1.6.2) (2023-02-07)
-
-
-### Bug Fixes
-
-* **VerticalNavigatioin:** - Fix overflow of long flyoutmenu items [DS-605] ([#149](https://github.com/HT2-Labs/design-system/issues/149)) ([bd1f88b](https://github.com/HT2-Labs/design-system/commit/bd1f88b36067af093ccf1dc8deb0deb061b34a82))
-
-## [1.6.1](https://github.com/HT2-Labs/design-system/compare/v1.6.0...v1.6.1) (2023-02-07)
-
-
-### Bug Fixes
-
-* **AnimationLibrary:** Swapping out framer-motion to react-spring [DS-604] ([#144](https://github.com/HT2-Labs/design-system/issues/144)) ([8b95ade](https://github.com/HT2-Labs/design-system/commit/8b95ade36dca5ba9351d87086a0ff360331fd3ed))

package/amplify.yml

@@ -1,16 +0,0 @@
-version: 1
-frontend:
-  phases:
-    preBuild:
-      commands:
-        - npm install
-    build:
-      commands:
-        - npm run build
-  artifacts:
-    baseDirectory: /storybook-static
-    files:
-      - '**/*'
-  cache:
-    paths:
-      - node_modules/**/*

package/babel.config.json

@@ -1,14 +0,0 @@
-{
-  "presets": [
-    ["@babel/preset-env", {
-        "modules": "commonjs",
-        "targets": {
-          "node": "current"
-        }
-      }
-    ],
-    "@babel/preset-react",
-    "@babel/preset-typescript"
-  ],
-  "plugins": []
- }

package/dist/components/navigation/VerticalNavigation/VerticalNavigationAvatarStyles.js

@@ -1,31 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { Avatar, Button, ListItemButton, Typography } from '../../../index';
-import { Drawer } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import { animated } from '@react-spring/web';
-export var StyledSwipeableAvatar = styled(Drawer)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .MuiPaper-root {\n    color: ", ";\n    height: 100vh;\n    border: none;\n    z-index: 1;\n  }\n"], ["\n  .MuiPaper-root {\n    color: ", ";\n    height: 100vh;\n    border: none;\n    z-index: 1;\n  }\n"])), function (props) { return props.theme.palette.mode === 'dark'
-    ? props.theme.palette.primary.contrastText
-    : props.theme.palette.text.primary; });
-export var StyledBox = styled(animated.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  display: flex;\n  flex-direction: column;\n  font-family: ", ";\n  height: 100%;\n  justify-content: flex-start;\n  overflow: auto;\n  padding: 15vh ", ";\n  position: relative;\n"], ["\n  align-items: center;\n  background-color: ", ";\n  display: flex;\n  flex-direction: column;\n  font-family: ", ";\n  height: 100%;\n  justify-content: flex-start;\n  overflow: auto;\n  padding: 15vh ", ";\n  position: relative;\n"])), function (props) { return props.theme.palette.mode === 'dark'
-    ? props.theme.palette.primary.dark
-    : '#E6EAF0'; }, function (props) { return props.theme.typography.fontFamily; }, function (props) { return props.theme.spacing(2); });
-export var StyledBoxProfile = styled(animated.div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 2rem;\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 2rem;\n"])));
-export var StyledBoxProfileEdit = styled(animated.div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-export var StyledAvatarName = styled(Typography)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 1.75rem;\n"], ["\n  color: ", ";\n  font-size: 1.75rem;\n"])), function (props) { return props.theme.palette.mode === 'dark'
-    ? props.theme.palette.primary.contrastText
-    : props.theme.palette.text.primary; });
-export var StyledOutlineButton = styled(Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  border-color: ", ";\n  color: ", ";\n"], ["\n  border-color: ", ";\n  color: ", ";\n"])), function (props) { return props.theme.palette.mode === 'dark'
-    ? props.theme.palette.primary.contrastText
-    : props.theme.palette.primary.main; }, function (props) { return props.theme.palette.mode === 'dark'
-    ? props.theme.palette.primary.contrastText
-    : props.theme.palette.primary.main; });
-export var StyledAvatar = styled(Avatar)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  background-color: ", ";\n  color: ", ";\n  font-size: 0.85rem;\n"], ["\n  background-color: ", ";\n  color: ", ";\n  font-size: 0.85rem;\n"])), function (props) { return props.theme.palette.mode === 'dark'
-    ? props.theme.palette.primary.contrastText
-    : props.theme.palette.primary.main; }, function (props) { return props.theme.palette.mode === 'dark'
-    ? props.theme.palette.primary.main
-    : props.theme.palette.primary.contrastText; });
-export var StyledListItemButton = styled(ListItemButton)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  border-radius: 50px;\n  white-space: normal;\n"], ["\n  border-radius: 50px;\n  white-space: normal;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

package/dist/lang/en-us.d.ts

@@ -1,6 +0,0 @@
-export const defaultMessages: {
-    'your-apps': string;
-    'back-to': string;
-    'select-an-organisation': string;
-    search: string;
-};

package/dist/lang/en-us.js

@@ -1,6 +0,0 @@
-export var defaultMessages = {
-    'your-apps': 'Your Stream suite apps',
-    'back-to': 'Back',
-    'select-an-organisation': 'Select an organisation',
-    search: 'Search'
-};

package/dist/package.json

@@ -1,41 +0,0 @@
-{
-  "name": "@learningpool/ui",
-  "author": "Learning Pool",
-  "description": "UI library for use on modern Learning Pool projects, built on top of MUI.",
-  "license": "MIT",
-  "keywords": [
-    "learning-pool",
-    "react",
-    "components",
-    "ui"
-  ],
-  "version": "1.6.2",
-  "private": false,
-  "main": "index.js",
-  "module": "index.js",
-  "dependencies": {
-    "@emotion/react": "^11.7.1",
-    "@emotion/styled": "^11.6.0",
-    "@learningpool/design-tokens": "^1.1.0-beta.7",
-    "@mui/icons-material": "^5.8.4",
-    "@mui/material": "^5.8.5",
-    "@mui/x-data-grid": "^5.12.3",
-    "@react-spring/web": "^9.6.1",
-    "@types/jest": "^27.4.0",
-    "@types/node": "^16.11.45",
-    "@types/react": "^17.0.48",
-    "@types/react-dom": "^17.0.18",
-    "@typescript-eslint/parser": "^5.31.0",
-    "anysort": "^2.0.0",
-    "eslint-plugin-n": "^15.2.4",
-    "focus-trap-react": "^8.11.0",
-    "jwt-decode": "^3.1.2",
-    "query-string": "^7.1.1",
-    "tss-react": "^3.3.6",
-    "typescript": "^4.6.2",
-    "web-vitals": "^2.1.4"
-  },
-  "publishConfig": {
-    "access": "public"
-  }
-}

package/jest.config.ts

@@ -1,11 +0,0 @@
-import type { Config } from '@jest/types'
-
-const config: Config.InitialOptions = {
-  setupFilesAfterEnv: ['./jest.setup.ts'],
-  collectCoverageFrom: ['./src/lib/**/*.{ts,tsx}'],
-  collectCoverage: true,
-  testEnvironment: 'jsdom',
-  transformIgnorePatterns: [] // @TODO: check knock on effects from adding
-}
-
-export default config

package/jest.setup.ts

@@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';

package/license

@@ -1,7 +0,0 @@
-Copyright (c) 2022 Learningpool.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/merge.js

@@ -1,27 +0,0 @@
-const fs = require('fs')
-const _ = require('lodash')
-
-const localPackageJson = require('./package.json')
-
-const hardDeps = [
-  'react',
-  'react-dom',
-  '@testing-library/react',
-  '@testing-library/jest',
-  '@testing-library/jest-dom',
-  '@testing-library/user-event',
-  'react-scripts'
-]
-
-delete localPackageJson.browserslist
-delete localPackageJson.devDependencies
-delete localPackageJson.scripts
-
-localPackageJson.main = 'index.js'
-localPackageJson.module = 'index.js'
-
-const dependencies = _.omit(localPackageJson.dependencies, hardDeps)
-
-localPackageJson.dependencies = dependencies
-
-fs.writeFileSync('./dist/package.json', JSON.stringify(localPackageJson, null, 2))

package/public/assets/atoms.svg

@@ -1,5 +0,0 @@
-<svg width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="200" cy="200.25" r="72.5" stroke="#6F9EFF" stroke-width="5"/>
-<circle cx="200" cy="200.25" r="41" fill="#2570EE"/>
-<circle cx="234" cy="136.25" r="14" fill="#2570EE"/>
-</svg>

package/public/assets/automation.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 58.84 51.92"><defs><style>.cls-1,.cls-2{fill:#87b900;}.cls-2{opacity:.7;}</style></defs><g id="Layer_1-2"><g><path class="cls-2" d="M47.96,20.32h0l10.88,31.6h-10.88l-7.4-23.13c-1.51-4.71,2.53-9.33,7.4-8.47Z"/><path class="cls-2" d="M34.34,34.74h0l8.05,17.18-10.71-1.89-3.39-10.38c-1.18-3.63,2.74-6.81,6.05-4.9Z"/><path class="cls-2" d="M16.38,44.04h0c-.91-1.09-2.62,.05-1.96,1.31l.59,1.13,9.42,5.44-8.04-7.88Z"/><path class="cls-1" d="M58.84,0h0V51.92h-10.88V10.88C47.96,4.87,52.83,0,58.84,0Z"/><path class="cls-1" d="M45.26,19.13h0V51.22h-10.88V30.01c0-6,4.87-10.88,10.88-10.88Z" transform="translate(6.71 -6.38) rotate(10)"/><path class="cls-1" d="M30.11,30.7h0v19.83h-10.88v-8.96c0-6,4.87-10.88,10.88-10.88Z" transform="translate(23.61 -6.89) rotate(30)"/><path class="cls-1" d="M13.63,37.69h0v12.26H2.75v-1.38c0-6,4.87-10.88,10.88-10.88Z" transform="translate(36.49 9.38) rotate(50)"/></g></g></svg>

package/public/assets/flux/icon-dark.svg

@@ -1,6 +0,0 @@
-<svg width="612" height="567" viewBox="0 0 612 567" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M430.89 83.09C424.18 66.96 414.29 52.15 401.52 39.44C388.75 26.72 373.89 16.87 357.69 10.19C357.12 9.95 356.54 9.71999 355.97 9.48999C351.3 7.62999 346.51 6.04 341.63 4.72C330.19 1.62 318.24 0.02 306.04 0C293.85 0.02 281.9 1.62 270.46 4.72C265.58 6.04 260.79 7.62999 256.12 9.48999C255.55 9.71999 254.97 9.94 254.4 10.19C238.2 16.86 223.34 26.72 210.57 39.44C197.8 52.16 187.91 66.96 181.2 83.09C174.49 99.22 170.98 116.66 170.98 134.63L170.87 193.75C170.87 202.36 180.19 207.75 187.65 203.44L247.04 169.14C252.58 165.94 255.99 160.03 255.99 153.64L256.1 134.63C256.1 134.49 256.1 134.35 256.12 134.21C256.14 130.92 256.49 127.7 257.13 124.59C257.79 121.35 258.78 118.21 260.04 115.24C262.57 109.27 266.24 103.9 270.77 99.39C275.28 94.88 280.68 91.22 286.67 88.7C292.63 86.21 299.16 84.82 306.04 84.8C312.92 84.82 319.45 86.21 325.41 88.7C331.4 91.23 336.8 94.88 341.31 99.39C345.84 103.9 349.51 109.27 352.04 115.24C353.29 118.22 354.29 121.35 354.95 124.59C355.59 127.69 355.94 130.91 355.96 134.2C355.98 134.34 355.98 134.48 355.98 134.62L355.87 153.63C355.87 160.02 359.28 165.93 364.82 169.13L424.21 203.43C431.67 207.74 440.99 202.35 440.99 193.74L441.1 134.62C441.1 116.64 437.58 99.21 430.88 83.08L430.89 83.09Z" fill="#003366"/>
-<path d="M393.72 291.95V372.57C393.72 378.97 390.31 384.88 384.77 388.07L314.95 428.37C309.41 431.57 302.59 431.57 297.05 428.37L227.23 388.06C221.69 384.86 218.28 378.95 218.28 372.56V291.94C218.28 285.54 221.69 279.64 227.23 276.44L297.05 236.13C302.59 232.93 309.41 232.93 314.95 236.13L384.77 276.44C390.31 279.64 393.72 285.55 393.72 291.94V291.95Z" fill="#003366"/>
-<path d="M456.38 565.21C473.66 567.8 491.44 566.97 508.93 562.61C526.41 558.24 542.53 550.61 556.61 540.19C557.12 539.82 557.61 539.45 558.1 539.07C562.11 536.04 565.94 532.75 569.59 529.26C578.16 521.06 585.7 511.66 592.01 501.23C598.29 490.78 603.09 479.72 606.35 468.32C607.74 463.46 608.85 458.54 609.67 453.58C609.77 452.97 609.88 452.36 609.96 451.74C612.61 434.42 611.85 416.61 607.55 399.11C603.26 381.61 595.69 365.49 585.34 351.42C574.99 337.35 561.88 325.33 546.49 316.04L495.92 285.41C488.55 280.96 479.12 286.17 478.96 294.78L477.65 363.35C477.53 369.74 480.83 375.72 486.3 379.02L502.52 388.93C502.64 389 502.76 389.07 502.87 389.16C505.68 390.88 508.26 392.84 510.58 394.99C513.01 397.23 515.18 399.7 517.09 402.31C520.9 407.56 523.6 413.48 525.12 419.69C526.65 425.88 527 432.4 526.06 438.83C525.12 445.22 522.94 451.53 519.4 457.43C515.83 463.31 511.26 468.18 506.06 472C500.8 475.83 494.88 478.56 488.69 480.09C482.49 481.64 476 482.01 469.57 481.09C466.37 480.63 463.17 479.86 460.06 478.75C457.07 477.7 454.13 476.33 451.31 474.65C451.18 474.59 451.06 474.52 450.94 474.45L434.72 464.54C429.24 461.24 422.42 461.11 416.82 464.2L356.77 497.34C349.23 501.5 349.02 512.27 356.4 516.71L406.97 547.34C422.36 556.62 439.11 562.62 456.39 565.21H456.38Z" fill="#003366"/>
-<path d="M155.62 565.21C138.34 567.8 120.56 566.97 103.07 562.61C85.5899 558.24 69.4699 550.61 55.3899 540.19C54.8799 539.82 54.3899 539.45 53.8999 539.07C49.8899 536.04 46.0599 532.75 42.4099 529.26C33.8399 521.06 26.2999 511.66 19.9899 501.23C13.7099 490.78 8.90992 479.72 5.64992 468.32C4.25992 463.46 3.14993 458.54 2.32993 453.58C2.22993 452.97 2.11992 452.36 2.03992 451.74C-0.610076 434.42 0.149927 416.61 4.44993 399.11C8.73993 381.61 16.3099 365.49 26.6599 351.42C37.0099 337.35 50.1199 325.33 65.5099 316.04L116.08 285.41C123.45 280.96 132.88 286.17 133.04 294.78L134.35 363.35C134.47 369.74 131.17 375.72 125.7 379.02L109.48 388.93C109.36 389 109.24 389.07 109.13 389.16C106.32 390.88 103.74 392.84 101.42 394.99C98.9899 397.23 96.8199 399.7 94.9099 402.31C91.0999 407.56 88.3999 413.48 86.8799 419.69C85.3499 425.88 84.9999 432.4 85.9399 438.83C86.8799 445.22 89.0599 451.53 92.5999 457.43C96.1699 463.31 100.74 468.18 105.94 472C111.2 475.83 117.12 478.56 123.31 480.09C129.51 481.64 136 482.01 142.43 481.09C145.63 480.63 148.83 479.86 151.94 478.75C154.93 477.7 157.87 476.33 160.69 474.65C160.82 474.59 160.94 474.52 161.06 474.45L177.28 464.54C182.76 461.24 189.58 461.11 195.18 464.2L255.23 497.34C262.77 501.5 262.98 512.27 255.6 516.71L205.03 547.34C189.64 556.62 172.89 562.62 155.61 565.21H155.62Z" fill="#003366"/>
-</svg>