@ilo-org/twig 0.16.3 → 0.17.1

package/apps/storybook/assets.js

@@ -1,10 +0,0 @@
-/**
- * What does this even do?
- */
-
-// eslint-disable-next-line
-function requireAll(r) {
-  r.keys().forEach(r);
-}
-
-// requireAll(require.context('wsdesignsystem', true, /\.(svg|png|webp|jpg|jpeg|gif|woff|woff2)$/));

package/apps/storybook/config/prefix.yml

@@ -1 +0,0 @@
-prefix: ilo

package/apps/storybook/main.js

@@ -1,27 +0,0 @@
-const wingsuitCore = require("@wingsuit-designsystem/core");
-
-module.exports = {
-  addons: [
-    "@storybook/addon-docs",
-    "@storybook/addon-viewport",
-    "@storybook/addon-controls",
-    "@storybook/addon-links",
-    "@storybook/addon-backgrounds",
-    "@storybook/addon-postcss",
-    "storybook-addon-rtl-direction",
-  ],
-  staticDirs: [
-    {
-      from: "../../node_modules/@ilo-org/brand-assets/dist/assets/",
-      to: "/brand-assets",
-    },
-    { from: "../../node_modules/@ilo-org/fonts/font-css", to: "/fonts" },
-  ],
-  webpackFinal: (config) => {
-    const final = wingsuitCore.getAppPack(
-      wingsuitCore.resolveConfig("storybook"),
-      [config]
-    );
-    return final;
-  },
-};

package/apps/storybook/manager-head.html

@@ -1,65 +0,0 @@
-<!-- .storybook/manager-head.html -->
-<style>
-  @import url("/fonts/fonts-google.css");
-  @import url("https://fonts.googleapis.com/css2?family=Fira+Code&display=swap");
-</style>
-
-<!-- Canonical URL -->
-
-<link href="https://twig.ui.ilo.org" rel="canonical" />
-
-<!-- Favicon -->
-<link rel="icon" href="/images/favicon.ico" type="image/x-icon" />
-
-<style>
-  :root {
-    --ilo-white: #fff;
-    --ilo-dark-blue: #230050;
-    --ilo-light-blue: #ffcd2d;
-    --ilo-turquoise: #05d2d2;
-    --ilo-purple: #960a55;
-    --ilo-light-blue: rgba(235, 245, 253, 1);
-  }
-
-  body {
-    font-family: "Noto Sans", sans-serif;
-  }
-
-  a[id*="overview"] > svg {
-    color: var(--ilo-purple);
-    font-family: "Overpass", sans-serif;
-  }
-
-  a:not[id*="overview"] > svg {
-    color: var(--ilo-turquoise);
-  }
-
-  /* Remount component */
-  button[title="Remount component"]:hover,
-  button[title="Zoom in"]:hover,
-  button[title="Zoom out"]:hover,
-  button[title="Reset zoom"]:hover,
-  button[title="Change the background of the preview"]:hover,
-  button[title="Apply a grid to the preview"]:hover,
-  button[title="Change the size of the preview"]:hover,
-  button[title="Enable measure"]:hover,
-  button[title="Apply outlines to the preview"]:hover,
-  button[title="Vision simulator"]:hover,
-  button[title="Go full screen [F]"]:hover,
-  a[title="Open canvas in new tab"]:hover,
-  button[title="Copy canvas link"]:hover {
-    color: var(--ilo-dark-blue);
-    background-color: var(--ilo-light-blue);
-  }
-
-  button.sto-1qova3h,
-  button.sto-4f61h0,
-  button[title="Rotate viewport"]:hover {
-    color: var(--ilo-light-blue);
-  }
-
-  button.tabbutton:active,
-  button.tabbutton:focus {
-    border-bottom-color: var(--ilo-light-blue);
-  }
-</style>

package/apps/storybook/manager.js

@@ -1,7 +0,0 @@
-// .storybook/manager.js
-import { addons } from "@storybook/addons";
-import theme from "./theme";
-
-addons.setConfig({
-  theme: theme,
-});

package/apps/storybook/patterns/colors.stories.mdx

@@ -1,23 +0,0 @@
-import {
-  Meta,
-  ColorPalette,
-  ColorItem,
-  Subtitle,
-} from "@storybook/addon-docs/blocks";
-const colors = require("../../../src/tokens/exports/_colors.scss");
-
-<Meta
-  title="Tokens/Colors"
-  parameters={{ viewMode: "docs", previewTabs: { canvas: { hidden: true } } }}
-/>
-
-# Colors
-
-<Subtitle>ILO Brand Colors</Subtitle>
-<ColorPalette>
-  {Object.keys(colors).map((key) => {
-    const color = typeof colors[key] === "string" ? [colors[key]] : colors[key];
-    const title = `.${key}`;
-    return <ColorItem key={key} title={title} colors={color} />;
-  })}
-</ColorPalette>

package/apps/storybook/patterns/intro.stories.mdx

@@ -1,184 +0,0 @@
-import { Meta, Canvas } from "@storybook/addon-docs/blocks";
-import { Badge } from "@storybook/components";
-import { getStorybook, storiesOf } from "@storybook/react";
-import LinkTo from "@storybook/addon-links/react";
-
-<Meta
-  title="Getting Started"
-  parameters={{ viewMode: "docs", previewTabs: { canvas: { hidden: true } } }}
-/>
-
-<div style={{ paddingTop: "40px", color: "inherit" }}>
-  <h1
-    style={{
-      fontFamily: "Overpass",
-      fontSize: "45.56px",
-      fontWeight: "700",
-      marginBottom: "40px",
-    }}
-  >
-    Getting Started
-  </h1>
-</div>
-
-Welcome to the ILO Design System Twig component library. This resource is crafted to assist developers in creating accessible, user-friendly websites for Drupal that with the International Labour Organization's Visual Identity. The library offers a variety of easy-to-use components tailored for these popular platforms, ensuring both compliance with web accessibility standards and a cohesive visual style. Components are responsive and are ready-made for RTL layouts.
-
-## Requirements
-
-The Design System comprises a series of packages that you can install from the [npm](https://www.npmjs.com/) registry directly into your custom theme. As such, you'll need to have `npm` or similar package manager (`yarn` or `pnpm`) installed in your environment.
-
-## Installation
-
-You will want to install the latest versions of both `@ilo-org/twig` and `@ilo-org/styles`. The first includes all of the Twig and JavaScript files that you'll need to use the component, whereas the second includes the stylesheets that you'll need to render them.
-
-In the root of your custom theme, run the following command:
-
-`$ npm i @ilo-org/twig @ilo-org/styles`
-
-⚠️ Note that the two libraries are versioned separately so you'll want to make sure that you're always using the latest versions of both to ensure they're both in sync. You should see an installation warning if you try to install incompatible versions.
-
-## Usage
-
-Now that you have installed the component library, you'll need to expose them so that you can integrate them into your templates.
-
-### Bundle JavaScript
-
-You'll want to start by moving the components' JavaScript to a distribution folder where you can serve it as static assets. The easiest way to do this is with a JavaScript bundler like [Rollup.js](https://rollupjs.org/). Here's a sample configuration to illustrate.
-
-```js
-import { nodeResolve } from "@rollup/plugin-node-resolve";
-import commonjs from "@rollup/plugin-commonjs";
-import { globSync } from "glob";
-
-const designSystemEntries = globSync(
-  "node_modules/@ilo-org/twig/dist/components/**"
-);
-
-export default () => {
-  return designSystemEntries.map((entry) => {
-    return {
-      input: entry,
-      output: {
-        dir: "dist/js",
-        compact: true,
-        format: "umd",
-        name: entry.match(/([^\/]+)\.js$/)[1],
-      },
-      plugins: [nodeResolve(), commonjs()],
-    };
-  });
-};
-```
-
-This will output all of the Components JavaScript files into a `dist/js` directory so you'll have a list of both the component JavaScript and the `Drupal.behavior` declarations that you'll need to attach them to components.
-
-```tree
-📦js
- ┣ 📜accordion.behavior.js
- ┣ 📜accordion.js
- ┣ 📜breadcrumb.behavior.js
- ┣ 📜breadcrumb.js
- ┣ 📜callout.behavior.js
- ┣ 📜callout.js
- ...
-```
-
-### Bundle CSS
-
-The CSS files are available in the 'dist/css' subdirectories:
-
-```tree
-📦css
- ┣ 📂00-base
- ┃ ┣ 📜base.css
- ┣ 📂01-paragraphs
- ┃ ┣ 📜paragraphs.css
- ┃ ┗ 📜breadcrumb.css
- ┣ 📂02-templates
- ┃ ┣ 📜maintenance-page.css
- ...
-```
-
-### Populating the theme.libraries.yml file
-
-The theme.libraries.yml should first include the base CSS file:
-
-```yaml
-base:
-  css:
-    theme:
-      dist/css/00-base/base.css: {}
-      node_modules/@ilo-org/styles/css/global.css: {}
-      node_modules/@ilo-org/styles/css/components/container.css: {}
-```
-
-Then, for each component, you have to declare the CSS file in the theme.libraries.yml file. For example, for the breadcrumb component:
-
-```yaml
-breadcrumb:
-  css:
-    theme:
-      dist/css/01-paragraphs/breadcrumb.css: {}
-```
-
-With the 'dist' directory in your theme, you have to declare the components in the theme.libraries.yml file. For example, for the breadcrumb component:
-
-```yaml
-breadcrumb:
-  css:
-    theme:
-      dist/css/01-paragraphs/breadcrumb.css: {}
-  embeds:
-    js:
-      dist/js/embeds.js: { defer: true }
-```
-
-The documentation for the theme.libraries.yml file is available [here](https://www.drupal.org/docs/8/creating-custom-modules/adding-stylesheets-css-and-javascript-js-to-a-drupal-8-module).
-
-In the template file of the component, you have to declare the component in the Twig file. For example, for the breadcrumb component:
-
-```twig
-{{ attach_library('ilo/breadcrumb') }}
-
-{% include '@ilo-org/twig/breadcrumb/breadcrumb.twig' with {
-  home: breadcrumb_home,
-  links: breadcrumb_links,
-} %}
-```
-
-A helper function in your theme.theme file to aggregate all .behavior.js files:
-
-```php
-/**
-* Implements hook_library_info_build().
-*
-* Generate libraries for all components if they don't already exist.
-* The library name will mapped be the name of the source CSS / JS file,
-* e.g. site_header.css will be mapped to `{THEME}/site_header`.
-*
-*/
-function theme_library_info_build() {
-  // Define libraries based on the components.
-  $extensions = ['css'];
-  $directory = 'themes/custom/ilo/node_modules/@ilo-org/styles/css/components';
-  $css = 'node_modules/@ilo-org/styles/css/components';
-  $js = 'dist/js';
-  $extensions = array_map('preg_quote', $extensions);
-  $extensions = implode('|', $extensions);
-  $file_scan = \Drupal::service('file_system')->scanDirectory($directory, "/{$extensions}$/");
-  $libraries = [];
-  foreach ($file_scan as $file) {
-    $libraries[$file->name]['css'] = [
-      'component' => [
-        $css . '/' . $file->name . '.css' => [],
-      ],
-    ];
-  if (file_exists('themes/custom/ilo/' . $js . '/' . $file->name . '.behavior.js')) {
-    $libraries[$file->name]['js'] = [
-      $js . '/' . $file->name . '.behavior.js' => [],
-    ];
-  }
-
-  return $libraries;
-}
-```

package/apps/storybook/patterns/typeset.stories.mdx

@@ -1,32 +0,0 @@
-import { Meta, Subtitle } from "@storybook/addon-docs/blocks";
-import { Typeset } from "@wingsuit-designsystem/storybook";
-const fontFamilies = require("../../../src/tokens/exports/_font-families.scss");
-const fontHeadingSizes = require("../../../src/tokens/exports/_font-sizes-heading.scss");
-
-<Meta
-  title="Tokens/Typography"
-  parameters={{ viewMode: "docs", previewTabs: { canvas: { hidden: true } } }}
-/>
-
-# Typography
-
-<Subtitle>Typefaces and font sizes</Subtitle>
-
-## Headings (h1-h6)
-
-<div>
-  {Object.keys(fontFamilies).map((key) => {
-    return (
-      <div key={key}>
-        <Subtitle>
-          <b>{key} Font Family:</b> {fontFamilies[key]}
-        </Subtitle>
-        <Typeset
-          fontFamily={fontFamilies[key]}
-          classNamePrefix="."
-          fontSizes={fontHeadingSizes}
-        />
-      </div>
-    );
-  })}
-</div>

package/apps/storybook/patterns/welcome.stories.mdx

@@ -1,62 +0,0 @@
-import { Meta, Canvas } from "@storybook/addon-docs/blocks";
-import { Badge } from "@storybook/components";
-import { getStorybook, storiesOf } from "@storybook/react";
-import LinkTo from "@storybook/addon-links/react";
-
-<Meta
-  title="Welcome"
-  parameters={{ viewMode: "docs", previewTabs: { canvas: { hidden: true } } }}
-/>
-
-# ILO Design System
-
-## Twig Component Library
-
-<div>
-  <a
-    class="ilo--button ilo--button--large ilo--button--primary optionalclass"
-    href="/docs/introduction--page"
-    target="true"
-    rel="noopener noreferrer"
-    style={{ margin: "1rem 20px 0 0" }}
-  >
-    <span class="link__label">Get started</span>
-  </a>
-  <a
-    class="ilo--button ilo--button--large ilo--button--tertiary optionalclass"
-    href="https://brand.ilo.org/designsystem"
-    target="true"
-    rel="noopener noreferrer"
-   style={{ margin: "1rem 20px 0 0" }}
-  >
-    <span class="link__label">Design Docs</span>
-  </a>
-    <a
-    class="ilo--button ilo--button--large ilo--button--tertiary optionalclass"
-    href="https://www.figma.com/file/RRxsfLNxjoypKrfJg1EwJf/ILO-Components-Library?type=design&node-id=34%3A1554&mode=design&t=mMJCQdfOgEz1AsYP-1"
-    target="true"
-    rel="noopener noreferrer"
-   style={{ margin: "1rem 20px 0 0" }}
-  >
-    <span class="link__label">Figma</span>
-  </a>
-  <a
-    class="ilo--button ilo--button--large ilo--button--tertiary optionalclass"
-    href="https://github.com/international-labour-organization/designsystem"
-    target="true"
-    rel="noopener noreferrer"
-    style={{ margin: "1rem 20px 0 0" }}
-  >
-    <span class="link__label">Follow on Github</span>
-  </a>
-
-  <a
-    class="ilo--button ilo--button--large ilo--button--tertiary optionalclass"
-    href="https://react.ui.ilo.org"
-    target="true"
-    rel="noopener noreferrer"
-    style={{ margin: "1rem 0 0" }}
-  >
-    <span class="link__label">ILO Design System for React</span>
-  </a>
-</div>

package/apps/storybook/preview-body.html

@@ -1,4 +0,0 @@
-<!--  .storybook/preview-body.html -->
-<body class="wingsuit-body font-sans">
-  <div id="root" class="wingsuit-root"></div>
-</body>

package/apps/storybook/preview-head.html

@@ -1,5 +0,0 @@
-<style>
-  body {
-    font-size: 16px;
-  }
-</style>

package/apps/storybook/preview.js

@@ -1,36 +0,0 @@
-import { configure, initJsBehaviors } from "@wingsuit-designsystem/storybook";
-import { addParameters } from "@storybook/react";
-import "./styles.scss";
-
-const namespaces = require("../../src/namespaces");
-
-initJsBehaviors("Drupal");
-
-addParameters({
-  viewMode: "docs",
-  previewTabs: {
-    "storybook/docs/panel": {
-      index: 1,
-      title: "Documentation",
-    },
-    canvas: { title: "Canvas", hidden: false },
-  },
-  options: {
-    storySort: {
-      method: "alphabetical",
-      order: ["Welcome", "Intro", "Tokens", ["Colors", "Typography"]],
-      locales: "en-US",
-    },
-  },
-});
-
-configure(
-  module,
-  [
-    require.context("./patterns", true, /\.stories(\.jsx|\.js|\.mdx)$/),
-    require.context("wspatterns", true, /\.stories(\.jsx|\.js|\.mdx)$/),
-  ],
-  require.context("./config", false, /\.json|\.ya?ml$/),
-  require.context("wspatterns", true, /\.twig$/),
-  namespaces
-);

package/apps/storybook/styles.scss

@@ -1,25 +0,0 @@
-@import "@ilo-org/themes/build/scss/tokens";
-@import "@ilo-org/styles/scss/monorepo";
-
-h1,
-h2,
-h3,
-h4,
-h5 {
-  font-family: "Overpass", sans-serif !important;
-}
-
-button[title="Zoom in"]:hover,
-button[title="Zoom out"]:hover,
-button[title="Reset zoom"]:hover {
-  color: $brand-ilo-dark-blue;
-  background-color: $brand-ilo-light-blue;
-}
-
-a[class*="ilo--button"] {
-  color: $brand-ilo-dark-blue;
-
-  &:hover {
-    color: $brand-ilo-blue;
-  }
-}

package/apps/storybook/theme.js

@@ -1,46 +0,0 @@
-// .storybook/YourTheme.js
-
-import { create } from "@storybook/theming";
-import ilo_logo from "@ilo-org/brand-assets/dist/assets/logo_en_horizontal_blue.svg";
-import brandColors from "@ilo-org/themes/tokens/brand/base.json";
-
-const { brand } = brandColors;
-
-export default create({
-  base: "light",
-  brandTitle: "ILO Design System for Twig",
-  brandUrl: "https://www.ilo.org/",
-  brandImage: ilo_logo,
-  brandTarget: "_self",
-
-  colorPrimary: brand["ilo-dark-blue"].value,
-  colorSecondary: brand["ilo-blue"].value,
-
-  // UI
-  appBg: brand["ilo-light-blue"].value,
-  appContentBg: brand["ilo-white"].value,
-  appBorderColor: brand["ilo-grey-ui"].value,
-  appBorderRadius: 0,
-
-  fontBase: "'Noto Sans', sans-serif",
-  fontCode: "'Fira Code', monospace",
-
-  // Text colors
-  textColor: brand["ilo-dark-blue"].value,
-  textInverseColor: brand["ilo-white"].value,
-  textMutedColor: brand["ilo-grey-accessible"].value,
-
-  // Toolbar default and active colors
-  barTextColor: brand["ilo-white"].value,
-  barSelectedColor: brand["ilo-yellow"].value,
-  barBg: brand["ilo-dark-blue"].value,
-
-  buttonBg: brand["ilo-white"].value,
-  buttonBorder: brand["ilo-grey-ui"].value,
-  booleanBg: brand["ilo-light-blue"].value,
-  booleanSelectedBg: brand["ilo-white"].value,
-  inputBg: brand["ilo-light-blue"].value,
-  inputBorder: brand["ilo-grey-ui"].value,
-  inputTextColor: brand["ilo-dark-blue"].value,
-  inputBorderRadius: 3,
-});

package/babel.config.js

@@ -1,16 +0,0 @@
-module.exports = {
-  presets: [
-    [
-      "@babel/preset-env",
-      {
-        useBuiltIns: "entry",
-        corejs: 3,
-      },
-    ],
-  ],
-  env: {
-    test: {
-      presets: [["@babel/preset-env"]],
-    },
-  },
-};

package/images/add.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M18 11H13V6H11V11H6V13H11V18H13V13H18V11Z"/></svg>

package/images/arrow.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12 16.7791L4 8.77914L5.45455 7.2207L12 13.7662L18.5455 7.2207L20 8.77914L12 16.7791Z"/></svg>

package/images/arrowleft.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="m7.9 12.5-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z"/></svg>

package/images/arrowright.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M8.63792 19.9964L7.6499 19.0082L14.6571 11.9999L7.6499 4.99159L8.63792 4.00342L16.1426 11.5023C16.2083 11.5675 16.2604 11.645 16.296 11.7304C16.3316 11.8158 16.3499 11.9074 16.3499 11.9999C16.3499 12.0924 16.3316 12.184 16.296 12.2694C16.2604 12.3548 16.2083 12.4324 16.1426 12.4975L8.63792 19.9964Z"/></svg>

package/images/breadcrumbdivider.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 8 16"><path fill="currentColor" d="M1.73149 16L0.613281 15.1855L5.83848 8L0.613281 0.814495L1.73149 0L7.25349 7.59275C7.33987 7.71097 7.38643 7.85359 7.38643 8C7.38643 8.14641 7.33987 8.28903 7.25349 8.40725L1.73149 16Z"/></svg>

package/images/breadcrumbdividerrtl.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 16"><path fill="currentColor" d="M0.7,8.4C0.7,8.3,0.6,8.1,0.6,8s0-0.3,0.1-0.4L6.3,0l1.1,0.8L2.2,8l5.2,7.2L6.3,16L0.7,8.4z"/></svg>

package/images/burger.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="currentColor" d="M24 8H17.3333 14.6667 8V10.6667H14.6667 17.3333 24V8zM24 14.667H17.3333 14.6667 8V17.3337H14.6667 17.3333 24V14.667zM24 21.333H17.3333 14.6667 8V23.9997H14.6667 17.3333 24V21.333z"/></svg>

package/images/checkmark.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 13 10"><path fill="currentColor" d="M4.375 6.25L1.875 3.75L0 5.625L4.375 10L12.5 1.875L10.625 0L4.375 6.25Z"/></svg>

package/images/close.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M16.9497 15.5356L13.4142 12L16.9497 8.46451L15.5355 7.05029L12 10.5858L8.46446 7.05029L7.05025 8.46451L10.5858 12L7.05025 15.5356L8.46446 16.9498L12 13.4143L15.5355 16.9498L16.9497 15.5356Z"/></svg>

package/images/copyright.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12"><path fill="currentColor" d="M6 0C4.81331 0 3.65328 0.351894 2.66658 1.01118C1.67989 1.67047 0.910851 2.60754 0.456725 3.7039C0.00259969 4.80026 -0.11622 6.00666 0.115291 7.17054C0.346802 8.33443 0.918247 9.40353 1.75736 10.2426C2.59648 11.0818 3.66558 11.6532 4.82946 11.8847C5.99335 12.1162 7.19975 11.9974 8.2961 11.5433C9.39246 11.0892 10.3295 10.3201 10.9888 9.33342C11.6481 8.34673 12 7.18669 12 6C12 4.4087 11.3679 2.88258 10.2426 1.75736C9.11743 0.632141 7.5913 0 6 0ZM6 10.5C5.10999 10.5 4.23996 10.2361 3.49994 9.74161C2.75992 9.24715 2.18314 8.54434 1.84254 7.72208C1.50195 6.89981 1.41284 5.99501 1.58647 5.12209C1.7601 4.24918 2.18869 3.44736 2.81802 2.81802C3.44736 2.18868 4.24918 1.7601 5.1221 1.58647C5.99501 1.41283 6.89981 1.50195 7.72208 1.84254C8.54435 2.18314 9.24715 2.75991 9.74162 3.49993C10.2361 4.23996 10.5 5.10998 10.5 6C10.5 7.19347 10.0259 8.33807 9.18198 9.18198C8.33807 10.0259 7.19348 10.5 6 10.5Z"/><path fill="currentColor" d="M6.1575 4.50004C6.37549 4.49168 6.59209 4.53809 6.7875 4.63504L7.455 4.97254L8.13 3.63754L7.5 3.29254C7.08256 3.08844 6.62202 2.9881 6.1575 3.00004C4.44 3.00004 3.375 4.14754 3.375 6.00004C3.375 7.85254 4.44 9.00004 6.1575 9.00004C6.62202 9.01198 7.08256 8.91164 7.5 8.70754L8.1675 8.36254L7.4925 7.02754L6.825 7.36504C6.62959 7.46199 6.41299 7.5084 6.195 7.50004C5.775 7.50004 4.875 7.50004 4.875 6.00004C4.875 4.50004 5.775 4.50004 6.1575 4.50004Z"/></svg>

package/images/doublearrow.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 16"><path fill="currentColor" d="M17.2791 8L9.27914 16L7.7207 14.5455L14.2662 8L7.7207 1.45455L9.27914 0L17.2791 8Z"/><path fill="currentColor" d="M10.2791 8L2.27914 16L0.720703 14.5455L7.26616 8L0.720703 1.45455L2.27914 0L10.2791 8Z"/></svg>

package/images/elipsis.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 4"><path fill="currentColor" d="M2 4C3.10457 4 4 3.10457 4 2 4 .89543 3.10457 0 2 0 .89543 0 0 .89543 0 2 0 3.10457.89543 4 2 4zM8 4C9.10457 4 10 3.10457 10 2 10 .89543 9.10457 0 8 0 6.89543 0 6 .89543 6 2 6 3.10457 6.89543 4 8 4zM14 4C15.1046 4 16 3.10457 16 2 16 .89543 15.1046 0 14 0 12.8954 0 12 .89543 12 2 12 3.10457 12.8954 4 14 4z"/></svg>

package/images/equilateraltriangle.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 11"><path fill="currentColor" d="M6.00007 10.8462L12 0L0 0L6.00007 10.8462Z"/></svg>

package/images/error.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M11.31 0H4.69L0 4.69V11.31L4.69 16H11.31L16 11.31V4.69L11.31 0ZM8 12C7.75279 12.0015 7.51378 11.9114 7.32911 11.747C7.14443 11.5827 7.02719 11.3557 7 11.11V11C6.9985 10.7528 7.08863 10.5138 7.25298 10.3291C7.41734 10.1444 7.64428 10.0272 7.89 10H8C8.24721 9.9985 8.48622 10.0886 8.67089 10.253C8.85557 10.4173 8.97281 10.6443 9 10.89V11C9.0015 11.2472 8.91137 11.4862 8.74701 11.6709C8.58266 11.8556 8.35572 11.9728 8.11 12H8ZM9 9H7V4H9V9Z"/></svg>

package/images/facebook.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M15.9999 8.02727C15.9989 6.4988 15.56 5.00262 14.7352 3.71579C13.9104 2.42896 12.7343 1.40534 11.3459 0.766059C9.95758 0.126781 8.41516 -0.101394 6.90119 0.108536C5.38721 0.318466 3.96507 0.957714 2.80304 1.95063C1.64102 2.94355 0.787752 4.24858 0.344223 5.71127C-0.0993054 7.17397 -0.114533 8.73312 0.300343 10.2042C0.715219 11.6753 1.54283 12.9967 2.68524 14.0121C3.82766 15.0276 5.23704 15.6945 6.74663 15.9339V10.3406H4.74664V8.02727H6.74663V6.26727C6.74663 4.26727 7.94662 3.15393 9.77328 3.15393C10.3719 3.16359 10.9691 3.21707 11.5599 3.31393V5.31393H10.5533C10.4026 5.29332 10.2494 5.30269 10.1024 5.34152C9.95536 5.38035 9.81748 5.44787 9.69666 5.54019C9.57584 5.63251 9.47446 5.74781 9.39837 5.87945C9.32228 6.0111 9.27297 6.15649 9.25328 6.30727C9.24653 6.39158 9.24653 6.47629 9.25328 6.5606V8.0606H11.4666L11.1133 10.3739H9.24661V15.9673C11.1354 15.6693 12.855 14.7047 14.0939 13.2481C15.3327 11.7915 16.0089 9.93941 15.9999 8.02727Z"/></svg>

package/images/flickr.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 16"><path d="M16.25 0H1.65C1.25 0 0.95 0.3 0.95 0.7V15.4C0.95 15.7 1.25 16 1.65 16H16.35C16.75 16 17.05 15.7 17.05 15.3V0.7C16.95 0.3 16.65 0 16.25 0ZM5.45 10C4.05 10 2.95 8.9 2.95 7.5C2.95 6.1 4.05 5 5.45 5C6.85 5 7.95 6.1 7.95 7.5C7.95 8.9 6.85 10 5.45 10ZM12.45 10C11.05 10 9.95 8.9 9.95 7.5C9.95 6.1 11.05 5 12.45 5C13.85 5 14.95 6.1 14.95 7.5C14.95 8.9 13.85 10 12.45 10Z"/></svg>

package/images/footertriangle.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 409.5 236"><path fill="currentColor" d="M409.5 236c-1.7-.6-3.5-1.1-5.1-2-5.3-2.9-10.5-5.9-15.7-9-4.8-2.8-9.5-5.8-14.3-8.7-4.3-2.6-8.5-5.1-12.9-7.5-4.9-2.7-10-5.2-14.9-8-3.8-2.2-7.4-4.8-11.2-7.1-5.7-3.3-11.6-6.4-17.3-9.7-3.9-2.2-7.6-4.6-11.5-6.9-4-2.3-8.1-4.4-12-6.7-3.8-2.2-7.5-4.5-11.3-6.7-2.4-1.4-4.9-2.5-7.3-3.9-2.8-1.6-5.5-3.3-8.2-4.9-3.8-2.3-7.5-4.6-11.4-6.8-3.9-2.3-7.9-4.5-11.9-6.8-6.1-3.5-12.2-6.8-18.2-10.4-4.8-2.8-9.4-5.8-14.2-8.5-4.8-2.8-9.8-5.3-14.6-8.1-3.6-2.1-7.2-4.3-10.8-6.4-5.9-3.5-11.8-6.9-17.7-10.3-4.8-2.8-9.6-5.7-14.4-8.5-3.8-2.2-7.8-4.4-11.6-6.6-3-1.7-5.9-3.6-8.9-5.4-3-1.8-6.2-3.4-9.2-5.1-3.9-2.2-7.8-4.4-11.6-6.6-4.1-2.4-8.1-4.8-12.2-7.2-5.8-3.4-11.5-6.9-17.3-10.2-4.9-2.8-9.9-5.4-14.7-8.2-3.7-2.1-7.3-4.5-11-6.6-4.9-2.9-9.8-5.6-14.7-8.4-4.7-2.7-9.4-5.6-14.2-8.3-5-2.9-10-5.7-15-8.6C10.3 5.6 6.6 3.3 2.8 1 2 .5 1 .3 0 0h409.5v236z"/></svg>

package/images/fullscreen.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M14.2721 5L16.6865 7.41373 13.8228 10.2774 14.7226 11.1772 17.5863 8.31355 20 10.7273V5H14.2721zM14.7226 12.8228L13.8228 13.7226 16.6865 16.5863 14.2727 19H20V13.2721L17.5863 15.6865 14.7226 12.8228zM11.2774 12.8228L8.41373 15.6865 6 13.2727V19H11.7279L9.31355 16.5863 12.1772 13.7226 11.2774 12.8228zM11.7273 5H6V10.7279L8.41373 8.31355 11.2774 11.1772 12.1772 10.2774 9.31355 7.41373 11.7273 5z"/></svg>

package/images/global.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1.08687 7.46667H3.21031C3.2851 5.53749 3.76315 3.78006 4.51995 2.45566C4.65969 2.21111 4.81092 1.97841 4.97289 1.76064C2.81175 2.81109 1.27822 4.9513 1.08687 7.46667ZM8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0ZM7.46667 1.1413C6.74082 1.34466 6.03016 1.96273 5.44607 2.98488C4.79279 4.12812 4.35217 5.69751 4.27783 7.46667H7.46667V1.1413ZM7.46667 8.53333H4.27783C4.35217 10.3025 4.79279 11.8719 5.44607 13.0151C6.03016 14.0373 6.74082 14.6553 7.46667 14.8587V8.53333ZM4.97289 14.2394C4.81093 14.0216 4.65969 13.7889 4.51995 13.5443C3.76315 12.2199 3.2851 10.4625 3.21031 8.53333H1.08687C1.27822 11.0487 2.81176 13.1889 4.97289 14.2394ZM8.53333 14.8587V8.53333H11.7222C11.6478 10.3025 11.2072 11.8719 10.5539 13.0151C9.96984 14.0373 9.25918 14.6553 8.53333 14.8587ZM11.7222 7.46667H8.53333V1.1413C9.25918 1.34466 9.96984 1.96273 10.5539 2.98488C11.2072 4.12812 11.6478 5.69751 11.7222 7.46667ZM12.7897 7.46667C12.7149 5.53749 12.2369 3.78006 11.4801 2.45566C11.3403 2.21111 11.1891 1.97841 11.0271 1.76064C13.1883 2.81109 14.7218 4.95129 14.9131 7.46667H12.7897ZM12.7897 8.53333C12.7149 10.4625 12.2369 12.2199 11.4801 13.5443C11.3403 13.7889 11.1891 14.0216 11.0271 14.2394C13.1883 13.1889 14.7218 11.0487 14.9131 8.53333H12.7897Z" clip-rule="evenodd"/></svg>

package/images/halfsquaretriangle.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M24.0007 24L0 0V24H24.0007Z"/></svg>

package/images/home.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M15.3877 5.71677L8.43113 0.151551C8.30832 0.0545014 8.15636 0.00170898 7.99983 0.00170898C7.8433 0.00170898 7.69134 0.0545014 7.56853 0.151551L0.612004 5.71677C0.530019 5.78155 0.463681 5.86397 0.417917 5.95791C0.372153 6.05185 0.348138 6.15489 0.347656 6.25938V15.3029C0.347656 15.4874 0.420948 15.6643 0.551408 15.7948C0.681868 15.9252 0.85881 15.9985 1.04331 15.9985H5.91287V10.4333H10.0868V15.9985H14.9564C15.1409 15.9985 15.3178 15.9252 15.4483 15.7948C15.5787 15.6643 15.652 15.4874 15.652 15.3029V6.25938C15.6515 6.15489 15.6275 6.05185 15.5817 5.95791C15.536 5.86397 15.4696 5.78155 15.3877 5.71677Z"/></svg>