diff --git a/.eslintrc.cjs b/.eslintrc.cjs index 81b84cf03..60952ce12 100644 --- a/.eslintrc.cjs +++ b/.eslintrc.cjs @@ -42,6 +42,7 @@ module.exports = { rules: { 'default-param-last': 'off', '@typescript-eslint/default-param-last': 'error', + 'no-console': 'warn', 'no-empty-function': 'off', '@typescript-eslint/no-empty-function': 'warn', 'no-implied-eval': 'off', diff --git a/.prettierignore b/.prettierignore index f0911782d..fc6f3e81c 100644 --- a/.prettierignore +++ b/.prettierignore @@ -1,5 +1,5 @@ *.hbs -*.mdx +*.md .cache .github cspell.json diff --git a/cspell.json b/cspell.json index d8cbe9ee4..2a58e0f80 100644 --- a/cspell.json +++ b/cspell.json @@ -141,6 +141,8 @@ "scroller", "Segoe", "semibold", + "Shortcode", + "Shortcodes", "sitedir", "slotchange", "smartquotes", diff --git a/custom-elements-manifest.config.js b/custom-elements-manifest.js similarity index 80% rename from custom-elements-manifest.config.js rename to custom-elements-manifest.js index 5f1d028b0..d978204c8 100644 --- a/custom-elements-manifest.config.js +++ b/custom-elements-manifest.js @@ -4,17 +4,11 @@ import { customElementVsCodePlugin } from 'custom-element-vs-code-integration'; import { customElementVuejsPlugin } from 'custom-element-vuejs-integration'; import { parse } from 'comment-parser'; import { pascalCase } from 'pascal-case'; -import commandLineArgs from 'command-line-args'; import fs from 'fs'; const packageData = JSON.parse(fs.readFileSync('./package.json', 'utf8')); const { name, description, version, author, homepage, license } = packageData; - -const { outdir } = commandLineArgs([ - { name: 'litelement', type: String }, - { name: 'analyze', defaultOption: true }, - { name: 'outdir', type: String } -]); +const outdir = 'dist'; function noDash(string) { return string.replace(/^\s?-/, '').trim(); @@ -29,8 +23,10 @@ function replace(string, terms) { } export default { - globs: ['src/components/**/*.component.ts'], + globs: ['src/components/**/*.ts'], exclude: ['**/*.styles.ts', '**/*.test.ts'], + litelement: true, + outdir, plugins: [ // Append package data { @@ -40,35 +36,6 @@ export default { } }, - // Infer tag names because we no longer use @customElement decorators. - { - name: 'wa-infer-tag-names', - analyzePhase({ ts, node, moduleDoc }) { - switch (node.kind) { - case ts.SyntaxKind.ClassDeclaration: { - const className = node.name.getText(); - const classDoc = moduleDoc?.declarations?.find(declaration => declaration.name === className); - - const importPath = moduleDoc.path; - - // This is kind of a best guess at components. "thing.component.ts" - if (!importPath.endsWith('.component.ts')) { - return; - } - - const tagNameWithoutPrefix = path.basename(importPath, '.component.ts'); - const tagName = 'wa-' + tagNameWithoutPrefix; - - classDoc.tagNameWithoutPrefix = tagNameWithoutPrefix; - classDoc.tagName = tagName; - - // This used to be set to true by @customElement - classDoc.customElement = true; - } - } - } - }, - // Parse custom jsDoc tags { name: 'wa-custom-tags', @@ -175,7 +142,7 @@ export default { // const terms = [ { from: /^src\//, to: '' }, // Strip the src/ prefix - { from: /\.component.(t|j)sx?$/, to: '.js' } // Convert .ts to .js + { from: /\.(t|j)sx?$/, to: '.js' } // Convert .ts to .js ]; mod.path = replace(mod.path, terms); @@ -224,7 +191,7 @@ export default { customElementVuejsPlugin({ outdir: './dist/types/vue', fileName: 'index.d.ts', - componentTypePath: (_, tag) => `../../components/${tag.replace('wa-', '')}/${tag.replace('wa-', '')}.component.js` + componentTypePath: (_, tag) => `../../components/${tag.replace('wa-', '')}/${tag.replace('wa-', '')}.js` }) ] }; diff --git a/docs/.eleventy.js b/docs/.eleventy.js new file mode 100644 index 000000000..b414f72d5 --- /dev/null +++ b/docs/.eleventy.js @@ -0,0 +1,126 @@ +import { parse } from 'path'; +import { markdown } from './_utils/markdown.js'; +import { anchorHeadingsPlugin } from './_utils/anchor-headings.js'; +import { codeExamplesPlugin } from './_utils/code-examples.js'; +import { copyCodePlugin } from './_utils/copy-code.js'; +import { currentLink } from './_utils/current-link.js'; +import { highlightCodePlugin } from './_utils/highlight-code.js'; +import { formatCodePlugin } from './_utils/format-code.js'; +import { replaceTextPlugin } from './_utils/replace-text.js'; +import { searchPlugin } from './_utils/search.js'; +import { readFile } from 'fs/promises'; +import { outlinePlugin } from './_utils/outline.js'; +import { getComponents } from './_utils/manifest.js'; +import process from 'process'; + +const packageData = JSON.parse(await readFile('./package.json', 'utf-8')); +const isDeveloping = process.argv.includes('--develop'); + +export default function (eleventyConfig) { + // Add template data + eleventyConfig.addGlobalData('package', packageData); + + // Template filters - {{ content | filter }} + eleventyConfig.addFilter('inlineMarkdown', content => markdown.renderInline(content)); + eleventyConfig.addFilter('markdown', content => markdown.render(content)); + eleventyConfig.addFilter('stripExtension', string => parse(string).name); + eleventyConfig.addFilter('stripPrefix', content => content.replace(/^wa-/, '')); + eleventyConfig.addFilter('trimPipes', content => { + // Trims whitespace and pipes from the start and end of a string. Useful for CEM types, which can be pipe-delimited. + // With Prettier 3, this means a leading pipe will exist be present when the line wraps. + return typeof content === 'string' ? content.replace(/^(\s|\|)/g, '').replace(/(\s|\|)$/g, '') : content; + }); + + // Shortcodes - {% shortCode arg1, arg2 %} + eleventyConfig.addShortcode('cdnUrl', location => { + return ( + `https://cdn.jsdelivr.net/npm/@shoelace-style/webawesome@${packageData.version}/` + location.replace(/^\//, '') + ); + }); + + // Helpers + eleventyConfig.addNunjucksGlobal('getComponent', tagName => { + const component = getComponents().find(c => c.tagName === tagName); + + if (!component) { + throw new Error( + `Unable to find "<${tagName}>". Make sure the file name is the same as the tag name (without prefix).` + ); + } + return component; + }); + + // Use our own markdown instance + eleventyConfig.setLibrary('md', markdown); + + // Add anchors to headings + eleventyConfig.addPlugin(anchorHeadingsPlugin({ container: '#content' })); + + // Add an outline to the page + eleventyConfig.addPlugin( + outlinePlugin({ + container: '#content', + target: '.outline-links', + selector: 'h2, h3', + ifEmpty: doc => { + doc.querySelector('#outline')?.remove(); + } + }) + ); + + // Add current link classes + eleventyConfig.addPlugin(currentLink()); + + // Add code examples for `` blocks + eleventyConfig.addPlugin(codeExamplesPlugin()); + + // Highlight code blocks with Prism + eleventyConfig.addPlugin(highlightCodePlugin()); + + // Add copy code buttons to code blocks + eleventyConfig.addPlugin(copyCodePlugin()); + + // Various text replacements + eleventyConfig.addPlugin( + replaceTextPlugin([ + // Replace [issue:1234] with a link to the issue on GitHub + { + replace: /\[pr:([0-9]+)\]/gs, + replaceWith: '#$1' + }, + // Replace [pr:1234] with a link to the pull request on GitHub + { + replace: /\[issue:([0-9]+)\]/gs, + replaceWith: '#$1' + }, + // Replace [discuss:1234] with a link to the discussion on GitHub + { + replace: /\[discuss:([0-9]+)\]/gs, + replaceWith: '#$1' + } + ]) + ); + + // Build the search index + eleventyConfig.addPlugin( + searchPlugin({ + filename: '', + selectorsToIgnore: ['code.example'], + getContent: doc => doc.querySelector('#content')?.textContent ?? '' + }) + ); + + // Production-only plugins + if (!isDeveloping) { + // Run Prettier on each file (prod only because it can be slow) + eleventyConfig.addPlugin(formatCodePlugin()); + } + + return { + dir: { + includes: '_includes', + layouts: '_layouts' + }, + templateFormats: ['njk', 'md'] + }; +} diff --git a/docs/.vscode/extensions.json b/docs/.vscode/extensions.json deleted file mode 100644 index 22a15055d..000000000 --- a/docs/.vscode/extensions.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "recommendations": ["astro-build.astro-vscode"], - "unwantedRecommendations": [] -} diff --git a/docs/.vscode/launch.json b/docs/.vscode/launch.json deleted file mode 100644 index d64220976..000000000 --- a/docs/.vscode/launch.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "version": "0.2.0", - "configurations": [ - { - "command": "./node_modules/.bin/astro dev", - "name": "Development server", - "request": "launch", - "type": "node-terminal" - } - ] -} diff --git a/docs/404.md b/docs/404.md new file mode 100644 index 000000000..82e759a75 --- /dev/null +++ b/docs/404.md @@ -0,0 +1,11 @@ +--- +title: Not Found +description: Sorry, I couldn't find that. +layout: page +permalink: 404.html +noindex: true +--- + +

{{ description }}

+ +

Have you tried searching?

diff --git a/docs/_includes/base.njk b/docs/_includes/base.njk new file mode 100644 index 000000000..3384e5a5d --- /dev/null +++ b/docs/_includes/base.njk @@ -0,0 +1,96 @@ + + + + + + + + {% if noindex %}{% endif %} + + {{ title }} + + + + + {# Scripts #} + + + + + + + + {# Web Awesome #} + + + + + {# Docs styles #} + + + {# Set the theme to prevent flashing #} + + + + + +
+ {# Nav toggle #} + + + + + {# Logo #} + + + +
+ + {# Sidebar #} + {% if hasSidebar %} + + {% endif %} + + {# Outline #} + {% if hasOutline %} + + {% endif %} + + {# Main #} +
+ {# Expandable outline #} + + + {% block beforeContent %}{% endblock %} + + {% block content %} +

{{ title }}

+ + {{ content | safe }} + {% endblock %} + + {% block afterContent %}{% endblock %} +
+ + {% include 'search.njk' %} + + + + diff --git a/docs/_includes/logo-simple.njk b/docs/_includes/logo-simple.njk new file mode 100644 index 000000000..d9b058bc1 --- /dev/null +++ b/docs/_includes/logo-simple.njk @@ -0,0 +1 @@ + diff --git a/docs/src/components/Logo.astro b/docs/_includes/logo.njk similarity index 99% rename from docs/src/components/Logo.astro rename to docs/_includes/logo.njk index d0fd4be1b..a4d891f64 100644 --- a/docs/src/components/Logo.astro +++ b/docs/_includes/logo.njk @@ -1,4 +1 @@ ---- ---- - diff --git a/docs/_includes/search.njk b/docs/_includes/search.njk new file mode 100644 index 000000000..66bfd26f6 --- /dev/null +++ b/docs/_includes/search.njk @@ -0,0 +1,61 @@ + +
+ {# Header #} +
+
+ + + +
+
+ + {# Body #} +
+
    +
    + + No results +
    +
    + + {# Footer #} +
    + + + + Navigate + + + + Enter + Select + + + Esc Close +
    +
    +     diff --git a/docs/_includes/sidebar.njk b/docs/_includes/sidebar.njk new file mode 100644 index 000000000..5de2bf1c1 --- /dev/null +++ b/docs/_includes/sidebar.njk @@ -0,0 +1,231 @@ +{# Getting started #} +

    Getting Started

    + + +{# Experimental #} +

    Experimental

    + + + +{# Resources #} +

    Resources

    + + +{# Components #} +

    Components

    + diff --git a/docs/_layouts/component.njk b/docs/_layouts/component.njk new file mode 100644 index 000000000..045f4515e --- /dev/null +++ b/docs/_layouts/component.njk @@ -0,0 +1,296 @@ +{% set hasSidebar = true %} +{% set hasOutline = true %} +{% set component = getComponent('wa-' + page.fileSlug) %} +{% set description = component.summary %} + +{% extends '../_includes/base.njk' %} + +{# Component header #} +{% block beforeContent %} +

    {{ title }}

    +
    + <{{ component.tagName }}> + Since {{ component.since }} + + {{ component.status }} + +
    +

    + {{ component.summary }} +

    +{% endblock %} + +{# Content #} +{% block content %} + {{ content | safe }} +{% endblock %} + +{# Component API #} +{% block afterContent %} + {# Slots #} + {% if component.slots.length %} +

    Slots

    + +
    + + + + + + + + + {% for slot in component.slots %} + + + + + {% endfor %} + +
    NameDescription
    + {% if slot.name %} + {{ slot.name }} + {% else %} + (default) + {% endif %} + {{ slot.description | inlineMarkdown | safe }}
    +
    + {% endif %} + + {# Properties #} + {% if component.properties.length %} +

    Properties

    + +
    + + + + + + + + + + + + + {% for prop in component.properties %} + + + + + + + + + {% endfor %} + +
    NameAttributeDescriptionReflectsTypeDefault
    + {{ prop.name }} + + {% if prop.attribute %} + {{ prop.attribute }} + {% endif %} + + {{ prop.description | inlineMarkdown | safe }} + + {% if prop.reflects %} + + {% endif %} + + {% if prop.type.text %} + {{ prop.type.text | trimPipes | inlineMarkdown | safe }} + {% endif %} + + {% if prop.default %} + {{ prop.default | inlineMarkdown | safe }} + {% endif %} +
    +
    + {% endif %} + + {# Methods #} + {% if component.methods.length %} +

    Methods

    +
    + + + + + + + + + + {% for method in component.methods %} + + + + + + {% endfor %} + +
    NameDescriptionArguments
    {{ method.name }}(){{ method.description | inlineMarkdown | safe }} + {% if method.parameters.length %} + + {% for param in method.parameters %} + {{ param.name }}: {{ param.type.text | trimPipes }}{% if not loop.last %},{% endif %} + {% endfor %} + + {% endif %} +
    +
    + {% endif %} + + {# States #} + {% if component.states.length %} +

    States

    +
    + + + + + + + + + + {% for state in component.states %} + + + + + + {% endfor %} + +
    NameDescriptionCSS selector
    {{ state.name }}{{ state.description | inlineMarkdown | safe }}[data-state-{{ state.name }}]
    +
    + {% endif %} + + {# Events #} + {% if component.events.length %} +

    Events

    + +
    + + + + + + + + + {% for event in component.events %} + + + + + {% endfor %} + +
    NameDescription
    {{ event.name }}{{ event.description | inlineMarkdown | safe }}
    +
    + {% endif %} + + {# Custom Properties #} + {% if component.cssProperties.length %} +

    CSS custom properties

    + +
    + + + + + + + + + + {% for cssProperty in component.cssProperties %} + + + + + + {% endfor %} + +
    NameDescriptionDefault
    {{ cssProperty.name }}{{ cssProperty.description | inlineMarkdown | safe }} + {% if cssProperty.default %} + {{ cssProperty.default }} + {% endif %} +
    +
    + {% endif %} + + {# CSS Parts #} + {% if component.cssParts.length %} +

    CSS parts

    + +
    + + + + + + + + + + {% for cssPart in component.cssParts %} + + + + + + {% endfor %} + +
    NameDescriptionCSS selector
    {{ cssPart.name }}{{ cssPart.description | inlineMarkdown | safe }}::part({{ cssPart.name }})
    +
    + {% endif %} + + {# Dependencies #} + {% if component.dependencies.length %} +

    Dependencies

    +

    + This component automatically imports the following elements. Subdependencies, if any exist, will also be included in this list. +

    + + + {% endif %} + + {# Importing #} +

    Importing

    +

    + The autoloader is the recommended way to import components. If you prefer to do it manually, use one of the following code snippets. +

    + + + CDN + npm + React + +

    + To manually import this component from the CDN, use the following code. +

    + 
    import '{% cdnUrl component.path %}';
    +     + +

    + To manually import this component from npm, use the following code. +

    + 
    import '@shoelace-style/webawesome/{{ component.path }}';
    +     + +

    + To manually import this component from React, use the following code. +

    + 
    import '@shoelace-style/webawesome/react/{{ component.tagName | stripPrefix }}';
    +     +     +{% endblock %} diff --git a/docs/_layouts/docs.njk b/docs/_layouts/docs.njk new file mode 100644 index 000000000..d02506a63 --- /dev/null +++ b/docs/_layouts/docs.njk @@ -0,0 +1,5 @@ +{% set hasSidebar = true %} +{% set hasOutline = true %} +{% set section = 'docs' %} + +{% extends "../_includes/base.njk" %} diff --git a/docs/_layouts/page.njk b/docs/_layouts/page.njk new file mode 100644 index 000000000..a55a02c21 --- /dev/null +++ b/docs/_layouts/page.njk @@ -0,0 +1,4 @@ +{% set hasSidebar = true %} +{% set hasOutline = false %} + +{% extends "../_includes/base.njk" %} diff --git a/docs/_utils/anchor-headings.js b/docs/_utils/anchor-headings.js new file mode 100644 index 000000000..fc3eb6498 --- /dev/null +++ b/docs/_utils/anchor-headings.js @@ -0,0 +1,78 @@ +import { parse } from 'node-html-parser'; +import { v4 as uuid } from 'uuid'; +import slugify from 'slugify'; + +function createId(text) { + let slug = slugify(String(text), { + remove: /[^\w|\s]/g, + lower: true + }); + + // ids must start with a letter + if (!/^[a-z]/i.test(slug)) { + slug = `wa_${slug}`; + } + + return slug; +} + +/** + * Eleventy plugin to add anchors to headings to content. + */ +export function anchorHeadingsPlugin(options = {}) { + options = { + container: 'body', + headingSelector: 'h2, h3, h4, h5, h6', + anchorLabel: 'Jump to heading', + ...options + }; + + return function (eleventyConfig) { + eleventyConfig.addTransform('anchor-headings', content => { + const doc = parse(content); + const container = doc.querySelector(options.container); + + if (!container) { + return content; + } + + // Look for headings + container.querySelectorAll(options.headingSelector).forEach(heading => { + const hasAnchor = heading.querySelector('a'); + const clone = parse(heading.outerHTML); + + // Create a clone of the heading so we can remove [data-no-anchor] elements from the text content + clone.querySelectorAll('[data-no-anchor]').forEach(el => el.remove()); + + const slug = createId(clone.textContent ?? '') ?? uuid().slice(-12); + let id = slug; + let suffix = 0; + + // Make sure the slug is unique in the document + while (doc.getElementById(id) !== null) { + id = `${slug}-${++suffix}`; + } + + if (hasAnchor || !id) { + return; + } + + // Create the anchor + const anchor = parse(` + + + + + `); + anchor.querySelector('.wa-visually-hidden').textContent = options.anchorLabel; + + // Update the heading + heading.setAttribute('id', id); + heading.classList.add('anchor-heading'); + heading.appendChild(anchor); + }); + + return doc.toString(); + }); + }; +} diff --git a/docs/_utils/code-examples.js b/docs/_utils/code-examples.js new file mode 100644 index 000000000..82090839a --- /dev/null +++ b/docs/_utils/code-examples.js @@ -0,0 +1,96 @@ +import { parse } from 'node-html-parser'; +import { v4 as uuid } from 'uuid'; + +/** + * Eleventy plugin to turn `` blocks into live examples. + */ +export function codeExamplesPlugin(options = {}) { + options = { + container: 'body', + ...options + }; + + return function (eleventyConfig) { + eleventyConfig.addTransform('code-examples', content => { + const doc = parse(content, { blockTextElements: { code: true } }); + const container = doc.querySelector(options.container); + + if (!container) { + return content; + } + + // Look for external links + container.querySelectorAll('code.example').forEach(code => { + const pre = code.closest('pre'); + const adjacentPre = pre.nextElementSibling?.localName === 'pre' ? pre.nextElementSibling : null; + const adjacentCode = adjacentPre?.querySelector('code.react') ? adjacentPre.querySelector('code') : null; + const hasButtons = !code.classList.contains('no-buttons'); + const isOpen = code.classList.contains('open') || !hasButtons; + const noEdit = code.classList.contains('no-edit'); + const id = `code-example-${uuid().slice(-12)}`; + let preview = pre.textContent; + + // Run preview scripts as modules to prevent collisions + const root = parse(preview, { blockTextElements: { script: true } }); + root.querySelectorAll('script').forEach(script => script.setAttribute('type', 'module')); + preview = root.toString(); + + const codeExample = parse(` +
    +
    + ${preview} +
    +
    + + HTML + React + + + ${pre.outerHTML} + + + + ${adjacentCode ? adjacentPre.outerHTML : ''} + + +
    + ${ + hasButtons + ? ` +
    + + + ${ + noEdit + ? '' + : ` + + ` + } + + ` + : '' + } +
    +
    + `); + + pre.replaceWith(codeExample); + adjacentPre?.remove(); + }); + + return doc.toString(); + }); + }; +} diff --git a/docs/_utils/copy-code.js b/docs/_utils/copy-code.js new file mode 100644 index 000000000..0355f7370 --- /dev/null +++ b/docs/_utils/copy-code.js @@ -0,0 +1,32 @@ +import { parse } from 'node-html-parser'; + +/** + * Eleventy plugin to add copy buttons to code blocks. + */ +export function copyCodePlugin(options = {}) { + options = { + container: 'body', + ...options + }; + + return function (eleventyConfig) { + eleventyConfig.addTransform('copy-code', content => { + const doc = parse(content, { blockTextElements: { code: true } }); + const container = doc.querySelector(options.container); + + if (!container) { + return content; + } + + // Look for code blocks + container.querySelectorAll('pre > code').forEach(code => { + const pre = code.closest('pre'); + + // Add a copy button (we set the copy data at runtime to reduce page bloat) + pre.innerHTML = `` + pre.innerHTML; + }); + + return doc.toString(); + }); + }; +} diff --git a/docs/_utils/current-link.js b/docs/_utils/current-link.js new file mode 100644 index 000000000..4568d58ac --- /dev/null +++ b/docs/_utils/current-link.js @@ -0,0 +1,53 @@ +import { parse } from 'node-html-parser'; + +function normalize(pathname) { + pathname = pathname.trim(); + + // Must start with a slash + if (!pathname.startsWith('/')) { + pathname = `/${pathname}`; + } + + // Must not end in a slash + if (pathname.endsWith('/')) { + pathname = pathname.slice(0, -1); + } + + // Convert /index.html to / + if (pathname.endsWith('/index.html')) { + pathname = pathname.slice(0, -10); + } + + return pathname; +} + +/** + * Eleventy plugin to decorate current links with a custom class. + */ +export function currentLink(options = {}) { + options = { + container: 'body', + className: 'current', + ...options + }; + + return function (eleventyConfig) { + eleventyConfig.addTransform('current-link', function (content) { + const doc = parse(content); + const container = doc.querySelector(options.container); + + if (!container) { + return content; + } + + // Compare the href attribute to 11ty's page URL + container.querySelectorAll('a[href]').forEach(a => { + if (normalize(a.getAttribute('href')) === normalize(this.page.url)) { + a.classList.add(options.className); + } + }); + + return doc.toString(); + }); + }; +} diff --git a/docs/_utils/format-code.js b/docs/_utils/format-code.js new file mode 100644 index 000000000..ea047624e --- /dev/null +++ b/docs/_utils/format-code.js @@ -0,0 +1,32 @@ +import { format } from 'prettier'; +import defaultOptions from '../../prettier.config.js'; + +/** + * Formats a string of code using Prettier. + * + * @param {string} code - The code to format. + * @param {*} options - Prettier options. Defaults are taken from the project's root config. See this page for more + * info: https://prettier.io/docs/en/options.html + */ +export async function formatCode(string, options) { + return await format(string, { + ...defaultOptions, + ...options + }); +} + +/** + * Eleventy plugin to format page HTML using Prettier. + */ +export function formatCodePlugin(options = {}) { + options = { + parser: 'html', + ...options + }; + + return function (eleventyConfig) { + eleventyConfig.addTransform('format-code', content => { + return formatCode(content, options); + }); + }; +} diff --git a/docs/_utils/highlight-code.js b/docs/_utils/highlight-code.js new file mode 100644 index 000000000..08303f1ba --- /dev/null +++ b/docs/_utils/highlight-code.js @@ -0,0 +1,72 @@ +/* eslint sort-imports-es6-autofix/sort-imports-es6: 0 */ +import { parse } from 'node-html-parser'; +import Prism from 'prismjs'; +import 'prismjs/plugins/custom-class/prism-custom-class.js'; +import PrismLoader from 'prismjs/components/index.js'; + +PrismLoader('diff'); +PrismLoader.silent = true; +Prism.plugins.customClass.prefix('code-'); + +/** + * Highlights a string of code using the specified language. + * + * @param {string} code - The code to highlight. + * @param {string} language - The language the code is written in. For available languages, refer to this page: + * https://prismjs.com/#supported-languages + */ +export function highlightCode(code, language = 'plain') { + const alias = language.replace(/^diff-/, ''); + const isDiff = /^diff-/i.test(language); + + if (!Prism.languages[alias]) { + PrismLoader(alias); + if (!Prism.languages[alias]) { + throw new Error(`Unsupported language for code highlighting: "${language}"`); + } + } + + if (isDiff) { + Prism.languages[language] = Prism.languages.diff; + } + + return Prism.highlight(code, Prism.languages[language], language); +} + +/** + * Eleventy plugin to highlight code blocks with the `language-*` attribute using Prism.js. Unlike most plugins, this + * works on the entire document — not just markdown content. + */ +export function highlightCodePlugin(options = {}) { + options = { + container: 'body', + ...options + }; + + return function (eleventyConfig) { + eleventyConfig.addTransform('highlight-code', content => { + const doc = parse(content, { blockTextElements: { code: true } }); + const container = doc.querySelector(options.container); + + if (!container) { + return content; + } + + // Look for and highlight each one + container.querySelectorAll('code[class*="language-"]').forEach(code => { + const langClass = [...code.classList.values()].find(val => val.startsWith('language-')); + const lang = langClass ? langClass.replace(/^language-/, '') : 'plain'; + + try { + code.innerHTML = highlightCode(code.textContent ?? '', lang); + } catch (err) { + if (!options.ignoreMissingLangs) { + throw new Error(err.message); + } + } + }); + + return doc.toString(); + }); + }; +} diff --git a/docs/_utils/manifest.js b/docs/_utils/manifest.js new file mode 100644 index 000000000..5ba3847f3 --- /dev/null +++ b/docs/_utils/manifest.js @@ -0,0 +1,71 @@ +import { fileURLToPath } from 'url'; +import { dirname, resolve } from 'path'; +import { readFileSync } from 'fs'; + +const __dirname = dirname(fileURLToPath(import.meta.url)); + +const manifest = JSON.parse(readFileSync(resolve(__dirname, '../../dist/custom-elements.json'), 'utf-8')); +/** + * @returns Fetches components from custom-elements.json and returns them in more sane format. + */ +export function getComponents() { + const components = []; + + manifest.modules?.forEach(module => { + module.declarations?.forEach(declaration => { + if (declaration.customElement) { + // Generate the dist path based on the src path and attach it to the component + declaration.path = module.path.replace(/^src\//, 'dist/').replace(/\.ts$/, '.js'); + + // Remove private members and those that lack a description + const members = declaration.members?.filter(member => member.description && member.privacy !== 'private'); + const methods = members?.filter(prop => prop.kind === 'method' && prop.privacy !== 'private'); + const properties = members?.filter(prop => { + // Look for a corresponding attribute + const attribute = declaration.attributes?.find(attr => attr.fieldName === prop.name); + if (attribute) { + prop.attribute = attribute.name || attribute.fieldName; + } + + return prop.kind === 'field' && prop.privacy !== 'private'; + }); + components.push({ + ...declaration, + methods, + properties + }); + } + }); + }); + + // Build dependency graphs + components.forEach(component => { + const dependencies = []; + + // Recursively fetch sub-dependencies + function getDependencies(tag) { + const cmp = components.find(c => c.tagName === tag); + if (!cmp || !Array.isArray(component.dependencies)) { + return; + } + + cmp.dependencies?.forEach(dependentTag => { + if (!dependencies.includes(dependentTag)) { + dependencies.push(dependentTag); + } + getDependencies(dependentTag); + }); + } + + getDependencies(component.tagName); + + component.dependencies = dependencies.sort(); + }); + + // Sort by name + return components.sort((a, b) => { + if (a.name < b.name) return -1; + if (a.name > b.name) return 1; + return 0; + }); +} diff --git a/docs/_utils/markdown.js b/docs/_utils/markdown.js new file mode 100644 index 000000000..c478836af --- /dev/null +++ b/docs/_utils/markdown.js @@ -0,0 +1,63 @@ +import MarkdownIt from 'markdown-it'; +import markdownItAttrs from 'markdown-it-attrs'; +import markdownItContainer from 'markdown-it-container'; +import markdownItIns from 'markdown-it-ins'; +import markdownItKbd from 'markdown-it-kbd'; +import markdownItMark from 'markdown-it-mark'; + +/** + * A custom Markdown It instance with added features. + */ +export const markdown = MarkdownIt({ + html: true, + xhtmlOut: false, + breaks: false, + langPrefix: 'language-', + linkify: false, + typographer: false +}); + +markdown.use(markdownItIns); +markdown.use(markdownItKbd); +markdown.use(markdownItMark); + +['info', 'warning'].forEach(type => { + markdown.use(markdownItContainer, type, { + render: function (tokens, idx) { + const variant = type === 'warning' ? 'warning' : 'info'; + const icon = type === 'warning' ? 'triangle-exclamation' : 'circle-info'; + if (tokens[idx].nesting === 1) { + return ` +
    + +
    + `; + } + return '
    \n'; + } + }); +}); + +markdown.use(markdownItContainer, 'aside', { + render: function (tokens, idx) { + if (tokens[idx].nesting === 1) { + return `\n'; + } +}); + +markdown.use(markdownItContainer, 'details', { + validate: params => params.trim().match(/^details\s+(.*)$/), + render: (tokens, idx) => { + const m = tokens[idx].info.trim().match(/^details\s+(.*)$/); + if (tokens[idx].nesting === 1) { + return `
    \n${markdown.utils.escapeHtml(m[1])}\n`; + } + return '
    \n'; + } +}); + +markdown.use(markdownItAttrs, { + allowedAttributes: ['id', 'class', 'data'] +}); diff --git a/docs/_utils/outline.js b/docs/_utils/outline.js new file mode 100644 index 000000000..3b829f01d --- /dev/null +++ b/docs/_utils/outline.js @@ -0,0 +1,69 @@ +import { parse } from 'node-html-parser'; + +/** + * Eleventy plugin to add an outline (table of contents) to the page. Headings must have an id, otherwise they won't be + * included in the outline. An unordered list containing links will be appended to the target element. + * + * If no headings are found for the outline, the `ifEmpty()` function will be called with a `node-html-parser` object as + * the first argument. This can be used to toggle classes or remove elements when the outline is empty. + * + * See the `node-html-parser` docs for more details: https://www.npmjs.com/package/node-html-parser + */ +export function outlinePlugin(options = {}) { + options = { + container: 'body', + target: '.outline', + selector: 'h2,h3', + ifEmpty: () => null, + ...options + }; + + return function (eleventyConfig) { + eleventyConfig.addTransform('outline', content => { + const doc = parse(content); + const container = doc.querySelector(options.container); + const ul = parse('
      '); + let numLinks = 0; + + if (!container) { + return content; + } + + container.querySelectorAll(options.selector).forEach(heading => { + const id = heading.getAttribute('id'); + const level = heading.tagName.slice(1); + const clone = parse(heading.outerHTML); + + if (heading.closest('[data-no-outline]')) { + return; + } + + // Create a clone of the heading so we can remove links and [data-no-outline] elements from the text content + clone.querySelectorAll('a').forEach(a => a.remove()); + clone.querySelectorAll('[data-no-outline]').forEach(el => el.remove()); + + // Generate the link + const li = parse(`
      • `); + const a = li.querySelector('a'); + a.setAttribute('href', `#${encodeURIComponent(id)}`); + a.textContent = clone.textContent.trim().replace(/#$/, ''); + + // Add it to the list + ul.firstChild.appendChild(li); + numLinks++; + }); + + if (numLinks > 0) { + // Append the list to all matching targets + doc.querySelectorAll(options.target).forEach(target => { + target.appendChild(parse(ul.outerHTML)); + }); + } else { + // Remove if empty + options.ifEmpty(doc); + } + + return doc.toString(); + }); + }; +} diff --git a/docs/_utils/replace-text.js b/docs/_utils/replace-text.js new file mode 100644 index 000000000..882d43fbb --- /dev/null +++ b/docs/_utils/replace-text.js @@ -0,0 +1,19 @@ +/** + * Eleventy plugin to replace arbitrary text in the page's HTML. + * + * @param replacement - The terms to replace and what to replace them with. This must be an object (or an array of + * objects) containing a `replace` key that's a string or RegExp and a `replaceWith` key that's a string. + */ +export function replaceTextPlugin(replacements = []) { + replacements = Array.isArray(replacements) ? replacements : [replacements]; + + return function (eleventyConfig) { + eleventyConfig.addTransform('replace-text', function (content) { + replacements.forEach(replacement => { + content = content.replace(replacement.replace, replacement.replaceWith); + }); + + return content; + }); + }; +} diff --git a/docs/_utils/search.js b/docs/_utils/search.js new file mode 100644 index 000000000..6b07b8a57 --- /dev/null +++ b/docs/_utils/search.js @@ -0,0 +1,76 @@ +/* eslint-disable no-invalid-this */ +import { dirname, join } from 'path'; +import { mkdir, writeFile } from 'fs/promises'; +import { parse } from 'node-html-parser'; +import lunr from 'lunr'; + +function collapseWhitespace(string) { + return string.replace(/\s+/g, ' '); +} + +/** + * Eleventy plugin to build a Lunr search index. + */ +export function searchPlugin(options = {}) { + options = { + filename: '', + selectorsToIgnore: [], + getTitle: doc => doc.querySelector('title')?.textContent ?? '', + getDescription: doc => doc.querySelector('meta[name="description"]')?.getAttribute('content') ?? '', + getHeadings: doc => [...doc.querySelectorAll('h1, h2, h3, h4, h5, h6')].map(heading => heading.textContent ?? ''), + getContent: doc => doc.querySelector('body')?.textContent ?? '', + ...options + }; + + return function (eleventyConfig) { + const pagesToIndex = []; + + eleventyConfig.addTransform('search', function (content) { + const doc = parse(content, { + blockTextElements: { + script: false, + noscript: false, + style: false, + pre: false, + code: false + } + }); + + // Remove content that shouldn't be searchable to reduce the index size + options.selectorsToIgnore.forEach(selector => { + doc.querySelectorAll(selector).forEach(el => el.remove()); + }); + + pagesToIndex.push({ + title: collapseWhitespace(options.getTitle(doc)), + description: collapseWhitespace(options.getDescription(doc)), + headings: options.getHeadings(doc).map(collapseWhitespace), + content: collapseWhitespace(options.getContent(doc)), + url: this.page.url === '/' ? '/' : this.page.url.replace(/\/$/, '') + }); + + return content; + }); + + eleventyConfig.on('eleventy.after', async ({ dir }) => { + const outputFilename = join(dir.output, 'search.json'); + const map = []; + const searchIndex = lunr(async function () { + let index = 0; + + this.ref('id'); + this.field('t', { boost: 20 }); + this.field('h', { boost: 10 }); + this.field('c'); + + for (const page of pagesToIndex) { + this.add({ id: index, t: page.title, h: page.headings, c: page.content }); + map[index] = { title: page.title, description: page.description, url: page.url }; + index++; + } + await mkdir(dirname(outputFilename), { recursive: true }); + await writeFile(outputFilename, JSON.stringify({ searchIndex, map }), 'utf-8'); + }); + }); + }; +} diff --git a/docs/public/assets/examples/carousel/field.jpg b/docs/assets/examples/carousel/field.jpg similarity index 100% rename from docs/public/assets/examples/carousel/field.jpg rename to docs/assets/examples/carousel/field.jpg diff --git a/docs/public/assets/examples/carousel/mountains.jpg b/docs/assets/examples/carousel/mountains.jpg similarity index 100% rename from docs/public/assets/examples/carousel/mountains.jpg rename to docs/assets/examples/carousel/mountains.jpg diff --git a/docs/public/assets/examples/carousel/sunset.jpg b/docs/assets/examples/carousel/sunset.jpg similarity index 100% rename from docs/public/assets/examples/carousel/sunset.jpg rename to docs/assets/examples/carousel/sunset.jpg diff --git a/docs/public/assets/examples/carousel/valley.jpg b/docs/assets/examples/carousel/valley.jpg similarity index 100% rename from docs/public/assets/examples/carousel/valley.jpg rename to docs/assets/examples/carousel/valley.jpg diff --git a/docs/public/assets/examples/carousel/waterfall.jpg b/docs/assets/examples/carousel/waterfall.jpg similarity index 100% rename from docs/public/assets/examples/carousel/waterfall.jpg rename to docs/assets/examples/carousel/waterfall.jpg diff --git a/docs/public/assets/examples/include.html b/docs/assets/examples/include.html similarity index 100% rename from docs/public/assets/examples/include.html rename to docs/assets/examples/include.html diff --git a/docs/assets/icons/bootstrap/arrow-down.svg b/docs/assets/icons/bootstrap/arrow-down.svg new file mode 100644 index 000000000..f66f74bad --- /dev/null +++ b/docs/assets/icons/bootstrap/arrow-down.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/arrow-rotate-left.svg b/docs/assets/icons/bootstrap/arrow-rotate-left.svg new file mode 100644 index 000000000..3d9ff62ef --- /dev/null +++ b/docs/assets/icons/bootstrap/arrow-rotate-left.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/at.svg b/docs/assets/icons/bootstrap/at.svg new file mode 100644 index 000000000..3cab29e84 --- /dev/null +++ b/docs/assets/icons/bootstrap/at.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/backpack.svg b/docs/assets/icons/bootstrap/backpack.svg new file mode 100644 index 000000000..819aa29de --- /dev/null +++ b/docs/assets/icons/bootstrap/backpack.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/bag-shopping.svg b/docs/assets/icons/bootstrap/bag-shopping.svg new file mode 100644 index 000000000..acd028733 --- /dev/null +++ b/docs/assets/icons/bootstrap/bag-shopping.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/block-quote.svg b/docs/assets/icons/bootstrap/block-quote.svg new file mode 100644 index 000000000..f8b6b2d8b --- /dev/null +++ b/docs/assets/icons/bootstrap/block-quote.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/bold.svg b/docs/assets/icons/bootstrap/bold.svg new file mode 100644 index 000000000..0814a2e4a --- /dev/null +++ b/docs/assets/icons/bootstrap/bold.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/book-open.svg b/docs/assets/icons/bootstrap/book-open.svg new file mode 100644 index 000000000..302acf09e --- /dev/null +++ b/docs/assets/icons/bootstrap/book-open.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/bookmark.svg b/docs/assets/icons/bootstrap/bookmark.svg new file mode 100644 index 000000000..a21b14b0c --- /dev/null +++ b/docs/assets/icons/bootstrap/bookmark.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/boombox.svg b/docs/assets/icons/bootstrap/boombox.svg new file mode 100644 index 000000000..35af8072a --- /dev/null +++ b/docs/assets/icons/bootstrap/boombox.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/bug.svg b/docs/assets/icons/bootstrap/bug.svg new file mode 100644 index 000000000..296ef3247 --- /dev/null +++ b/docs/assets/icons/bootstrap/bug.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/calendar.svg b/docs/assets/icons/bootstrap/calendar.svg new file mode 100644 index 000000000..d32ebe7ea --- /dev/null +++ b/docs/assets/icons/bootstrap/calendar.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/car.svg b/docs/assets/icons/bootstrap/car.svg new file mode 100644 index 000000000..890e4cf4c --- /dev/null +++ b/docs/assets/icons/bootstrap/car.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/cart-shopping.svg b/docs/assets/icons/bootstrap/cart-shopping.svg new file mode 100644 index 000000000..0e0f96cea --- /dev/null +++ b/docs/assets/icons/bootstrap/cart-shopping.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/check.svg b/docs/assets/icons/bootstrap/check.svg new file mode 100644 index 000000000..63a8a3df9 --- /dev/null +++ b/docs/assets/icons/bootstrap/check.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/chevron-down.svg b/docs/assets/icons/bootstrap/chevron-down.svg new file mode 100644 index 000000000..a2819073a --- /dev/null +++ b/docs/assets/icons/bootstrap/chevron-down.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/chevron-up.svg b/docs/assets/icons/bootstrap/chevron-up.svg new file mode 100644 index 000000000..4f3c7a015 --- /dev/null +++ b/docs/assets/icons/bootstrap/chevron-up.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/circle-info.svg b/docs/assets/icons/bootstrap/circle-info.svg new file mode 100644 index 000000000..e2b50eb5f --- /dev/null +++ b/docs/assets/icons/bootstrap/circle-info.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/circle-plus.svg b/docs/assets/icons/bootstrap/circle-plus.svg new file mode 100644 index 000000000..283237356 --- /dev/null +++ b/docs/assets/icons/bootstrap/circle-plus.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/clock.svg b/docs/assets/icons/bootstrap/clock.svg new file mode 100644 index 000000000..31c3c64cd --- /dev/null +++ b/docs/assets/icons/bootstrap/clock.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/code.svg b/docs/assets/icons/bootstrap/code.svg new file mode 100644 index 000000000..c0760e979 --- /dev/null +++ b/docs/assets/icons/bootstrap/code.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/credit-card.svg b/docs/assets/icons/bootstrap/credit-card.svg new file mode 100644 index 000000000..406233dd5 --- /dev/null +++ b/docs/assets/icons/bootstrap/credit-card.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/ellipsis.svg b/docs/assets/icons/bootstrap/ellipsis.svg new file mode 100644 index 000000000..4706f52a9 --- /dev/null +++ b/docs/assets/icons/bootstrap/ellipsis.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/envelope.svg b/docs/assets/icons/bootstrap/envelope.svg new file mode 100644 index 000000000..78bf1ded1 --- /dev/null +++ b/docs/assets/icons/bootstrap/envelope.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/face-smile.svg b/docs/assets/icons/bootstrap/face-smile.svg new file mode 100644 index 000000000..bba78dabd --- /dev/null +++ b/docs/assets/icons/bootstrap/face-smile.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/flag.svg b/docs/assets/icons/bootstrap/flag.svg new file mode 100644 index 000000000..f8b6daba0 --- /dev/null +++ b/docs/assets/icons/bootstrap/flag.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/font-case.svg b/docs/assets/icons/bootstrap/font-case.svg new file mode 100644 index 000000000..8c1fde12c --- /dev/null +++ b/docs/assets/icons/bootstrap/font-case.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/gamepad-modern.svg b/docs/assets/icons/bootstrap/gamepad-modern.svg new file mode 100644 index 000000000..b7ceedb0d --- /dev/null +++ b/docs/assets/icons/bootstrap/gamepad-modern.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/globe.svg b/docs/assets/icons/bootstrap/globe.svg new file mode 100644 index 000000000..835ff663f --- /dev/null +++ b/docs/assets/icons/bootstrap/globe.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/italic.svg b/docs/assets/icons/bootstrap/italic.svg new file mode 100644 index 000000000..3ac6b09f0 --- /dev/null +++ b/docs/assets/icons/bootstrap/italic.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/keyboard.svg b/docs/assets/icons/bootstrap/keyboard.svg new file mode 100644 index 000000000..8ba49b623 --- /dev/null +++ b/docs/assets/icons/bootstrap/keyboard.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/landmark.svg b/docs/assets/icons/bootstrap/landmark.svg new file mode 100644 index 000000000..2e7f4f07a --- /dev/null +++ b/docs/assets/icons/bootstrap/landmark.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/link.svg b/docs/assets/icons/bootstrap/link.svg new file mode 100644 index 000000000..823e4cd69 --- /dev/null +++ b/docs/assets/icons/bootstrap/link.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/list-ol.svg b/docs/assets/icons/bootstrap/list-ol.svg new file mode 100644 index 000000000..d111f7301 --- /dev/null +++ b/docs/assets/icons/bootstrap/list-ol.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/list.svg b/docs/assets/icons/bootstrap/list.svg new file mode 100644 index 000000000..f1cc202ca --- /dev/null +++ b/docs/assets/icons/bootstrap/list.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/location-dot.svg b/docs/assets/icons/bootstrap/location-dot.svg new file mode 100644 index 000000000..20e18ba1f --- /dev/null +++ b/docs/assets/icons/bootstrap/location-dot.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/lock.svg b/docs/assets/icons/bootstrap/lock.svg new file mode 100644 index 000000000..9c730b792 --- /dev/null +++ b/docs/assets/icons/bootstrap/lock.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/magnifying-glass.svg b/docs/assets/icons/bootstrap/magnifying-glass.svg new file mode 100644 index 000000000..331805416 --- /dev/null +++ b/docs/assets/icons/bootstrap/magnifying-glass.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/microphone.svg b/docs/assets/icons/bootstrap/microphone.svg new file mode 100644 index 000000000..f07bf14d4 --- /dev/null +++ b/docs/assets/icons/bootstrap/microphone.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/minus.svg b/docs/assets/icons/bootstrap/minus.svg new file mode 100644 index 000000000..454aa7d0c --- /dev/null +++ b/docs/assets/icons/bootstrap/minus.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/mug-hot.svg b/docs/assets/icons/bootstrap/mug-hot.svg new file mode 100644 index 000000000..a6f7e899c --- /dev/null +++ b/docs/assets/icons/bootstrap/mug-hot.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/music.svg b/docs/assets/icons/bootstrap/music.svg new file mode 100644 index 000000000..9eb1506ff --- /dev/null +++ b/docs/assets/icons/bootstrap/music.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/palette.svg b/docs/assets/icons/bootstrap/palette.svg new file mode 100644 index 000000000..1cd490fd3 --- /dev/null +++ b/docs/assets/icons/bootstrap/palette.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/paper-plane-top.svg b/docs/assets/icons/bootstrap/paper-plane-top.svg new file mode 100644 index 000000000..8db355ea0 --- /dev/null +++ b/docs/assets/icons/bootstrap/paper-plane-top.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/plus.svg b/docs/assets/icons/bootstrap/plus.svg new file mode 100644 index 000000000..531e86cd0 --- /dev/null +++ b/docs/assets/icons/bootstrap/plus.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/sparkles.svg b/docs/assets/icons/bootstrap/sparkles.svg new file mode 100644 index 000000000..b6fb4f25d --- /dev/null +++ b/docs/assets/icons/bootstrap/sparkles.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/star.svg b/docs/assets/icons/bootstrap/star.svg new file mode 100644 index 000000000..de09c4aa5 --- /dev/null +++ b/docs/assets/icons/bootstrap/star.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/strikethrough.svg b/docs/assets/icons/bootstrap/strikethrough.svg new file mode 100644 index 000000000..c64eba34a --- /dev/null +++ b/docs/assets/icons/bootstrap/strikethrough.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/terminal.svg b/docs/assets/icons/bootstrap/terminal.svg new file mode 100644 index 000000000..44aef959f --- /dev/null +++ b/docs/assets/icons/bootstrap/terminal.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/trophy.svg b/docs/assets/icons/bootstrap/trophy.svg new file mode 100644 index 000000000..ae1395782 --- /dev/null +++ b/docs/assets/icons/bootstrap/trophy.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/user.svg b/docs/assets/icons/bootstrap/user.svg new file mode 100644 index 000000000..98ea060fe --- /dev/null +++ b/docs/assets/icons/bootstrap/user.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/video.svg b/docs/assets/icons/bootstrap/video.svg new file mode 100644 index 000000000..a042d1aa2 --- /dev/null +++ b/docs/assets/icons/bootstrap/video.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/bootstrap/xmark.svg b/docs/assets/icons/bootstrap/xmark.svg new file mode 100644 index 000000000..b689cbb4d --- /dev/null +++ b/docs/assets/icons/bootstrap/xmark.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/docs/assets/icons/chunk/3-squares-horizontal.svg b/docs/assets/icons/chunk/3-squares-horizontal.svg new file mode 100644 index 000000000..f423a3c2a --- /dev/null +++ b/docs/assets/icons/chunk/3-squares-horizontal.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/3-squares-vertical.svg b/docs/assets/icons/chunk/3-squares-vertical.svg new file mode 100644 index 000000000..fc5446223 --- /dev/null +++ b/docs/assets/icons/chunk/3-squares-vertical.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/a.svg b/docs/assets/icons/chunk/a.svg new file mode 100644 index 000000000..7527b18ff --- /dev/null +++ b/docs/assets/icons/chunk/a.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/accessibility.svg b/docs/assets/icons/chunk/accessibility.svg new file mode 100644 index 000000000..1bfcc38fe --- /dev/null +++ b/docs/assets/icons/chunk/accessibility.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/activity.svg b/docs/assets/icons/chunk/activity.svg new file mode 100644 index 000000000..ab228b45a --- /dev/null +++ b/docs/assets/icons/chunk/activity.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/address-card.svg b/docs/assets/icons/chunk/address-card.svg new file mode 100644 index 000000000..7aa64d272 --- /dev/null +++ b/docs/assets/icons/chunk/address-card.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/alarm-clock.svg b/docs/assets/icons/chunk/alarm-clock.svg new file mode 100644 index 000000000..0564a012d --- /dev/null +++ b/docs/assets/icons/chunk/alarm-clock.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/alien.svg b/docs/assets/icons/chunk/alien.svg new file mode 100644 index 000000000..33c9808b3 --- /dev/null +++ b/docs/assets/icons/chunk/alien.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/align-bottom.svg b/docs/assets/icons/chunk/align-bottom.svg new file mode 100644 index 000000000..796d63c1a --- /dev/null +++ b/docs/assets/icons/chunk/align-bottom.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/align-center-horizontal.svg b/docs/assets/icons/chunk/align-center-horizontal.svg new file mode 100644 index 000000000..580e9ced3 --- /dev/null +++ b/docs/assets/icons/chunk/align-center-horizontal.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/align-center-vertical.svg b/docs/assets/icons/chunk/align-center-vertical.svg new file mode 100644 index 000000000..796dcf4c2 --- /dev/null +++ b/docs/assets/icons/chunk/align-center-vertical.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/align-left.svg b/docs/assets/icons/chunk/align-left.svg new file mode 100644 index 000000000..91590e362 --- /dev/null +++ b/docs/assets/icons/chunk/align-left.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/align-right.svg b/docs/assets/icons/chunk/align-right.svg new file mode 100644 index 000000000..d1b5246bd --- /dev/null +++ b/docs/assets/icons/chunk/align-right.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/align-text-center.svg b/docs/assets/icons/chunk/align-text-center.svg new file mode 100644 index 000000000..3fa6dd4f9 --- /dev/null +++ b/docs/assets/icons/chunk/align-text-center.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/align-text-left.svg b/docs/assets/icons/chunk/align-text-left.svg new file mode 100644 index 000000000..4b67716b5 --- /dev/null +++ b/docs/assets/icons/chunk/align-text-left.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/align-text-right.svg b/docs/assets/icons/chunk/align-text-right.svg new file mode 100644 index 000000000..df1a961bb --- /dev/null +++ b/docs/assets/icons/chunk/align-text-right.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/align-top.svg b/docs/assets/icons/chunk/align-top.svg new file mode 100644 index 000000000..226116761 --- /dev/null +++ b/docs/assets/icons/chunk/align-top.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/anchor.svg b/docs/assets/icons/chunk/anchor.svg new file mode 100644 index 000000000..c9db5ac0c --- /dev/null +++ b/docs/assets/icons/chunk/anchor.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/angles-down.svg b/docs/assets/icons/chunk/angles-down.svg new file mode 100644 index 000000000..4c306dbe9 --- /dev/null +++ b/docs/assets/icons/chunk/angles-down.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/angles-left.svg b/docs/assets/icons/chunk/angles-left.svg new file mode 100644 index 000000000..43a096843 --- /dev/null +++ b/docs/assets/icons/chunk/angles-left.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/angles-right.svg b/docs/assets/icons/chunk/angles-right.svg new file mode 100644 index 000000000..9303b62f4 --- /dev/null +++ b/docs/assets/icons/chunk/angles-right.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/angles-up.svg b/docs/assets/icons/chunk/angles-up.svg new file mode 100644 index 000000000..1530d9310 --- /dev/null +++ b/docs/assets/icons/chunk/angles-up.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/aperture.svg b/docs/assets/icons/chunk/aperture.svg new file mode 100644 index 000000000..eb1a428b0 --- /dev/null +++ b/docs/assets/icons/chunk/aperture.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/aquarius.svg b/docs/assets/icons/chunk/aquarius.svg new file mode 100644 index 000000000..dd8710964 --- /dev/null +++ b/docs/assets/icons/chunk/aquarius.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/archive-box.svg b/docs/assets/icons/chunk/archive-box.svg new file mode 100644 index 000000000..b988499fe --- /dev/null +++ b/docs/assets/icons/chunk/archive-box.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/aries.svg b/docs/assets/icons/chunk/aries.svg new file mode 100644 index 000000000..e18930d84 --- /dev/null +++ b/docs/assets/icons/chunk/aries.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-down-from-line.svg b/docs/assets/icons/chunk/arrow-down-from-line.svg new file mode 100644 index 000000000..0ff47bcfd --- /dev/null +++ b/docs/assets/icons/chunk/arrow-down-from-line.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/arrow-down-left.svg b/docs/assets/icons/chunk/arrow-down-left.svg new file mode 100644 index 000000000..665fe6805 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-down-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-down-right.svg b/docs/assets/icons/chunk/arrow-down-right.svg new file mode 100644 index 000000000..db40df205 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-down-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-down-short-wide.svg b/docs/assets/icons/chunk/arrow-down-short-wide.svg new file mode 100644 index 000000000..552dc1cd0 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-down-short-wide.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/arrow-down-to-bracket.svg b/docs/assets/icons/chunk/arrow-down-to-bracket.svg new file mode 100644 index 000000000..f7effff48 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-down-to-bracket.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/arrow-down-to-line.svg b/docs/assets/icons/chunk/arrow-down-to-line.svg new file mode 100644 index 000000000..a2f3ce2c0 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-down-to-line.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/arrow-down-wide-short.svg b/docs/assets/icons/chunk/arrow-down-wide-short.svg new file mode 100644 index 000000000..448bee5c8 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-down-wide-short.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/arrow-down.svg b/docs/assets/icons/chunk/arrow-down.svg new file mode 100644 index 000000000..9ed4080ee --- /dev/null +++ b/docs/assets/icons/chunk/arrow-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-left-arrow-right.svg b/docs/assets/icons/chunk/arrow-left-arrow-right.svg new file mode 100644 index 000000000..76eb088f3 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-left-arrow-right.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/arrow-left-from-line.svg b/docs/assets/icons/chunk/arrow-left-from-line.svg new file mode 100644 index 000000000..e51919e90 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-left-from-line.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/arrow-left-to-line.svg b/docs/assets/icons/chunk/arrow-left-to-line.svg new file mode 100644 index 000000000..08cd7b77f --- /dev/null +++ b/docs/assets/icons/chunk/arrow-left-to-line.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/arrow-left.svg b/docs/assets/icons/chunk/arrow-left.svg new file mode 100644 index 000000000..e9cfd7e68 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-right-from-bracket.svg b/docs/assets/icons/chunk/arrow-right-from-bracket.svg new file mode 100644 index 000000000..85edb97be --- /dev/null +++ b/docs/assets/icons/chunk/arrow-right-from-bracket.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/arrow-right-from-line.svg b/docs/assets/icons/chunk/arrow-right-from-line.svg new file mode 100644 index 000000000..fdaf65fc5 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-right-from-line.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/arrow-right-to-bracket.svg b/docs/assets/icons/chunk/arrow-right-to-bracket.svg new file mode 100644 index 000000000..6abf0bd7e --- /dev/null +++ b/docs/assets/icons/chunk/arrow-right-to-bracket.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/arrow-right-to-line.svg b/docs/assets/icons/chunk/arrow-right-to-line.svg new file mode 100644 index 000000000..d328d329d --- /dev/null +++ b/docs/assets/icons/chunk/arrow-right-to-line.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/arrow-right.svg b/docs/assets/icons/chunk/arrow-right.svg new file mode 100644 index 000000000..4afdcb356 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-rotate-left.svg b/docs/assets/icons/chunk/arrow-rotate-left.svg new file mode 100644 index 000000000..4d6c39ec1 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-rotate-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-rotate-right.svg b/docs/assets/icons/chunk/arrow-rotate-right.svg new file mode 100644 index 000000000..ca93d0ce4 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-rotate-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-trend-down.svg b/docs/assets/icons/chunk/arrow-trend-down.svg new file mode 100644 index 000000000..f8457fdd6 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-trend-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-trend-up.svg b/docs/assets/icons/chunk/arrow-trend-up.svg new file mode 100644 index 000000000..b0884aece --- /dev/null +++ b/docs/assets/icons/chunk/arrow-trend-up.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-turn-down-left.svg b/docs/assets/icons/chunk/arrow-turn-down-left.svg new file mode 100644 index 000000000..e9aeffa56 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-turn-down-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-turn-down-right.svg b/docs/assets/icons/chunk/arrow-turn-down-right.svg new file mode 100644 index 000000000..fad689b8a --- /dev/null +++ b/docs/assets/icons/chunk/arrow-turn-down-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-turn-left-down.svg b/docs/assets/icons/chunk/arrow-turn-left-down.svg new file mode 100644 index 000000000..e73788a1d --- /dev/null +++ b/docs/assets/icons/chunk/arrow-turn-left-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-turn-left-up.svg b/docs/assets/icons/chunk/arrow-turn-left-up.svg new file mode 100644 index 000000000..ee9da182e --- /dev/null +++ b/docs/assets/icons/chunk/arrow-turn-left-up.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-turn-right-down.svg b/docs/assets/icons/chunk/arrow-turn-right-down.svg new file mode 100644 index 000000000..a532e1984 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-turn-right-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-turn-right-up.svg b/docs/assets/icons/chunk/arrow-turn-right-up.svg new file mode 100644 index 000000000..2287fe4c1 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-turn-right-up.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-turn-up-left.svg b/docs/assets/icons/chunk/arrow-turn-up-left.svg new file mode 100644 index 000000000..984b42cec --- /dev/null +++ b/docs/assets/icons/chunk/arrow-turn-up-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-turn-up-right.svg b/docs/assets/icons/chunk/arrow-turn-up-right.svg new file mode 100644 index 000000000..541345bcc --- /dev/null +++ b/docs/assets/icons/chunk/arrow-turn-up-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-u-down-left.svg b/docs/assets/icons/chunk/arrow-u-down-left.svg new file mode 100644 index 000000000..a8f751911 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-u-down-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-u-down-right.svg b/docs/assets/icons/chunk/arrow-u-down-right.svg new file mode 100644 index 000000000..af3c78ea9 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-u-down-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-u-left-down.svg b/docs/assets/icons/chunk/arrow-u-left-down.svg new file mode 100644 index 000000000..a6351a32b --- /dev/null +++ b/docs/assets/icons/chunk/arrow-u-left-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-u-left-up.svg b/docs/assets/icons/chunk/arrow-u-left-up.svg new file mode 100644 index 000000000..b46de1465 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-u-left-up.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-u-right-down.svg b/docs/assets/icons/chunk/arrow-u-right-down.svg new file mode 100644 index 000000000..7eee64879 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-u-right-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-u-right-up.svg b/docs/assets/icons/chunk/arrow-u-right-up.svg new file mode 100644 index 000000000..dd5b95815 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-u-right-up.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-u-up-left.svg b/docs/assets/icons/chunk/arrow-u-up-left.svg new file mode 100644 index 000000000..4d5272a49 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-u-up-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-u-up-right.svg b/docs/assets/icons/chunk/arrow-u-up-right.svg new file mode 100644 index 000000000..4463f92ca --- /dev/null +++ b/docs/assets/icons/chunk/arrow-u-up-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-up-arrow-down.svg b/docs/assets/icons/chunk/arrow-up-arrow-down.svg new file mode 100644 index 000000000..e89d04925 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-up-arrow-down.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/arrow-up-from-bracket.svg b/docs/assets/icons/chunk/arrow-up-from-bracket.svg new file mode 100644 index 000000000..13e402236 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-up-from-bracket.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/arrow-up-from-line.svg b/docs/assets/icons/chunk/arrow-up-from-line.svg new file mode 100644 index 000000000..4c107cc94 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-up-from-line.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/arrow-up-left.svg b/docs/assets/icons/chunk/arrow-up-left.svg new file mode 100644 index 000000000..e36556657 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-up-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-up-right-from-square.svg b/docs/assets/icons/chunk/arrow-up-right-from-square.svg new file mode 100644 index 000000000..56520f523 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-up-right-from-square.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/arrow-up-right.svg b/docs/assets/icons/chunk/arrow-up-right.svg new file mode 100644 index 000000000..a5c94f78a --- /dev/null +++ b/docs/assets/icons/chunk/arrow-up-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrow-up-short-wide.svg b/docs/assets/icons/chunk/arrow-up-short-wide.svg new file mode 100644 index 000000000..4b8c7ed6a --- /dev/null +++ b/docs/assets/icons/chunk/arrow-up-short-wide.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/arrow-up-to-line.svg b/docs/assets/icons/chunk/arrow-up-to-line.svg new file mode 100644 index 000000000..fa635ac2a --- /dev/null +++ b/docs/assets/icons/chunk/arrow-up-to-line.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/arrow-up-wide-short.svg b/docs/assets/icons/chunk/arrow-up-wide-short.svg new file mode 100644 index 000000000..0e905d662 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-up-wide-short.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/arrow-up.svg b/docs/assets/icons/chunk/arrow-up.svg new file mode 100644 index 000000000..52bed5cc2 --- /dev/null +++ b/docs/assets/icons/chunk/arrow-up.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrows-left-right.svg b/docs/assets/icons/chunk/arrows-left-right.svg new file mode 100644 index 000000000..e1ff08983 --- /dev/null +++ b/docs/assets/icons/chunk/arrows-left-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/arrows-repeat.svg b/docs/assets/icons/chunk/arrows-repeat.svg new file mode 100644 index 000000000..c9a1454f5 --- /dev/null +++ b/docs/assets/icons/chunk/arrows-repeat.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/arrows-rotate-clockwise.svg b/docs/assets/icons/chunk/arrows-rotate-clockwise.svg new file mode 100644 index 000000000..1906c91be --- /dev/null +++ b/docs/assets/icons/chunk/arrows-rotate-clockwise.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/arrows-rotate-counter-clockwise.svg b/docs/assets/icons/chunk/arrows-rotate-counter-clockwise.svg new file mode 100644 index 000000000..6c4206ce0 --- /dev/null +++ b/docs/assets/icons/chunk/arrows-rotate-counter-clockwise.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/arrows-up-down.svg b/docs/assets/icons/chunk/arrows-up-down.svg new file mode 100644 index 000000000..c7cb50b99 --- /dev/null +++ b/docs/assets/icons/chunk/arrows-up-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/at.svg b/docs/assets/icons/chunk/at.svg new file mode 100644 index 000000000..503d437a8 --- /dev/null +++ b/docs/assets/icons/chunk/at.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/axe.svg b/docs/assets/icons/chunk/axe.svg new file mode 100644 index 000000000..e0b44d201 --- /dev/null +++ b/docs/assets/icons/chunk/axe.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/b.svg b/docs/assets/icons/chunk/b.svg new file mode 100644 index 000000000..6f9c7f3ca --- /dev/null +++ b/docs/assets/icons/chunk/b.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/badge-check.svg b/docs/assets/icons/chunk/badge-check.svg new file mode 100644 index 000000000..6cf7dd334 --- /dev/null +++ b/docs/assets/icons/chunk/badge-check.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/badge.svg b/docs/assets/icons/chunk/badge.svg new file mode 100644 index 000000000..7368b69f3 --- /dev/null +++ b/docs/assets/icons/chunk/badge.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/bag-shopping.svg b/docs/assets/icons/chunk/bag-shopping.svg new file mode 100644 index 000000000..7400af717 --- /dev/null +++ b/docs/assets/icons/chunk/bag-shopping.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/ban.svg b/docs/assets/icons/chunk/ban.svg new file mode 100644 index 000000000..aafd4536e --- /dev/null +++ b/docs/assets/icons/chunk/ban.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/baseball-bat.svg b/docs/assets/icons/chunk/baseball-bat.svg new file mode 100644 index 000000000..ff5cac89f --- /dev/null +++ b/docs/assets/icons/chunk/baseball-bat.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/baseball.svg b/docs/assets/icons/chunk/baseball.svg new file mode 100644 index 000000000..59deae8a5 --- /dev/null +++ b/docs/assets/icons/chunk/baseball.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/basket-shopping.svg b/docs/assets/icons/chunk/basket-shopping.svg new file mode 100644 index 000000000..df4168f11 --- /dev/null +++ b/docs/assets/icons/chunk/basket-shopping.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/basketball.svg b/docs/assets/icons/chunk/basketball.svg new file mode 100644 index 000000000..60cf51aa4 --- /dev/null +++ b/docs/assets/icons/chunk/basketball.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/battery-charge.svg b/docs/assets/icons/chunk/battery-charge.svg new file mode 100644 index 000000000..b1764f774 --- /dev/null +++ b/docs/assets/icons/chunk/battery-charge.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/battery-empty.svg b/docs/assets/icons/chunk/battery-empty.svg new file mode 100644 index 000000000..a319a57db --- /dev/null +++ b/docs/assets/icons/chunk/battery-empty.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/battery-full.svg b/docs/assets/icons/chunk/battery-full.svg new file mode 100644 index 000000000..a7e4e636a --- /dev/null +++ b/docs/assets/icons/chunk/battery-full.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/battery-half.svg b/docs/assets/icons/chunk/battery-half.svg new file mode 100644 index 000000000..235775189 --- /dev/null +++ b/docs/assets/icons/chunk/battery-half.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/battery-slash.svg b/docs/assets/icons/chunk/battery-slash.svg new file mode 100644 index 000000000..eb1200128 --- /dev/null +++ b/docs/assets/icons/chunk/battery-slash.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/bed.svg b/docs/assets/icons/chunk/bed.svg new file mode 100644 index 000000000..02e1f4858 --- /dev/null +++ b/docs/assets/icons/chunk/bed.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/bee.svg b/docs/assets/icons/chunk/bee.svg new file mode 100644 index 000000000..bcea59c9f --- /dev/null +++ b/docs/assets/icons/chunk/bee.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/bell-slash.svg b/docs/assets/icons/chunk/bell-slash.svg new file mode 100644 index 000000000..229900f27 --- /dev/null +++ b/docs/assets/icons/chunk/bell-slash.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/bell.svg b/docs/assets/icons/chunk/bell.svg new file mode 100644 index 000000000..94f82604d --- /dev/null +++ b/docs/assets/icons/chunk/bell.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/bicycle.svg b/docs/assets/icons/chunk/bicycle.svg new file mode 100644 index 000000000..9d94d47e6 --- /dev/null +++ b/docs/assets/icons/chunk/bicycle.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/bishop.svg b/docs/assets/icons/chunk/bishop.svg new file mode 100644 index 000000000..ce2c36cbe --- /dev/null +++ b/docs/assets/icons/chunk/bishop.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/block-quote.svg b/docs/assets/icons/chunk/block-quote.svg new file mode 100644 index 000000000..21b4939a5 --- /dev/null +++ b/docs/assets/icons/chunk/block-quote.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/docs/assets/icons/chunk/bluetooth.svg b/docs/assets/icons/chunk/bluetooth.svg new file mode 100644 index 000000000..d0f26ed7f --- /dev/null +++ b/docs/assets/icons/chunk/bluetooth.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/bold.svg b/docs/assets/icons/chunk/bold.svg new file mode 100644 index 000000000..790fb2af4 --- /dev/null +++ b/docs/assets/icons/chunk/bold.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/bolt.svg b/docs/assets/icons/chunk/bolt.svg new file mode 100644 index 000000000..f1af5b65a --- /dev/null +++ b/docs/assets/icons/chunk/bolt.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/bomb.svg b/docs/assets/icons/chunk/bomb.svg new file mode 100644 index 000000000..0d5c82260 --- /dev/null +++ b/docs/assets/icons/chunk/bomb.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/bone.svg b/docs/assets/icons/chunk/bone.svg new file mode 100644 index 000000000..02d9df007 --- /dev/null +++ b/docs/assets/icons/chunk/bone.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/book-open.svg b/docs/assets/icons/chunk/book-open.svg new file mode 100644 index 000000000..f2f04aaf4 --- /dev/null +++ b/docs/assets/icons/chunk/book-open.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/book.svg b/docs/assets/icons/chunk/book.svg new file mode 100644 index 000000000..bf748d455 --- /dev/null +++ b/docs/assets/icons/chunk/book.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/bookmark-plus.svg b/docs/assets/icons/chunk/bookmark-plus.svg new file mode 100644 index 000000000..08114d381 --- /dev/null +++ b/docs/assets/icons/chunk/bookmark-plus.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/bookmark.svg b/docs/assets/icons/chunk/bookmark.svg new file mode 100644 index 000000000..1ae0c1ad9 --- /dev/null +++ b/docs/assets/icons/chunk/bookmark.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/books.svg b/docs/assets/icons/chunk/books.svg new file mode 100644 index 000000000..c4d55d7e3 --- /dev/null +++ b/docs/assets/icons/chunk/books.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/bottle.svg b/docs/assets/icons/chunk/bottle.svg new file mode 100644 index 000000000..c04abe2ed --- /dev/null +++ b/docs/assets/icons/chunk/bottle.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/bow-and-arrow.svg b/docs/assets/icons/chunk/bow-and-arrow.svg new file mode 100644 index 000000000..4f1efdfc1 --- /dev/null +++ b/docs/assets/icons/chunk/bow-and-arrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/bowl.svg b/docs/assets/icons/chunk/bowl.svg new file mode 100644 index 000000000..85991e0a8 --- /dev/null +++ b/docs/assets/icons/chunk/bowl.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/box.svg b/docs/assets/icons/chunk/box.svg new file mode 100644 index 000000000..53c88256c --- /dev/null +++ b/docs/assets/icons/chunk/box.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/bridge.svg b/docs/assets/icons/chunk/bridge.svg new file mode 100644 index 000000000..4392478f1 --- /dev/null +++ b/docs/assets/icons/chunk/bridge.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/british-pound.svg b/docs/assets/icons/chunk/british-pound.svg new file mode 100644 index 000000000..6303975ec --- /dev/null +++ b/docs/assets/icons/chunk/british-pound.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/brush.svg b/docs/assets/icons/chunk/brush.svg new file mode 100644 index 000000000..718dc9d21 --- /dev/null +++ b/docs/assets/icons/chunk/brush.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/bug.svg b/docs/assets/icons/chunk/bug.svg new file mode 100644 index 000000000..cd908e3b5 --- /dev/null +++ b/docs/assets/icons/chunk/bug.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/building.svg b/docs/assets/icons/chunk/building.svg new file mode 100644 index 000000000..d4a48ddf2 --- /dev/null +++ b/docs/assets/icons/chunk/building.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/docs/assets/icons/chunk/burger.svg b/docs/assets/icons/chunk/burger.svg new file mode 100644 index 000000000..bf080b7a3 --- /dev/null +++ b/docs/assets/icons/chunk/burger.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/bus.svg b/docs/assets/icons/chunk/bus.svg new file mode 100644 index 000000000..88d966a2d --- /dev/null +++ b/docs/assets/icons/chunk/bus.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/butterfly.svg b/docs/assets/icons/chunk/butterfly.svg new file mode 100644 index 000000000..5aed69378 --- /dev/null +++ b/docs/assets/icons/chunk/butterfly.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/c.svg b/docs/assets/icons/chunk/c.svg new file mode 100644 index 000000000..b6632ccca --- /dev/null +++ b/docs/assets/icons/chunk/c.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/cake-slice.svg b/docs/assets/icons/chunk/cake-slice.svg new file mode 100644 index 000000000..b07900767 --- /dev/null +++ b/docs/assets/icons/chunk/cake-slice.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/cake.svg b/docs/assets/icons/chunk/cake.svg new file mode 100644 index 000000000..06800575a --- /dev/null +++ b/docs/assets/icons/chunk/cake.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/calendar.svg b/docs/assets/icons/chunk/calendar.svg new file mode 100644 index 000000000..f1f5ef64e --- /dev/null +++ b/docs/assets/icons/chunk/calendar.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/camera-slash.svg b/docs/assets/icons/chunk/camera-slash.svg new file mode 100644 index 000000000..2c2d9f003 --- /dev/null +++ b/docs/assets/icons/chunk/camera-slash.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/camera.svg b/docs/assets/icons/chunk/camera.svg new file mode 100644 index 000000000..bcc4ac453 --- /dev/null +++ b/docs/assets/icons/chunk/camera.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/cancer.svg b/docs/assets/icons/chunk/cancer.svg new file mode 100644 index 000000000..d8ae1fe2a --- /dev/null +++ b/docs/assets/icons/chunk/cancer.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/capricorn.svg b/docs/assets/icons/chunk/capricorn.svg new file mode 100644 index 000000000..abcb39427 --- /dev/null +++ b/docs/assets/icons/chunk/capricorn.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/car.svg b/docs/assets/icons/chunk/car.svg new file mode 100644 index 000000000..defc564fa --- /dev/null +++ b/docs/assets/icons/chunk/car.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/caret-down.svg b/docs/assets/icons/chunk/caret-down.svg new file mode 100644 index 000000000..84c595cc4 --- /dev/null +++ b/docs/assets/icons/chunk/caret-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/caret-left.svg b/docs/assets/icons/chunk/caret-left.svg new file mode 100644 index 000000000..9219d0cfe --- /dev/null +++ b/docs/assets/icons/chunk/caret-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/caret-right.svg b/docs/assets/icons/chunk/caret-right.svg new file mode 100644 index 000000000..47977aded --- /dev/null +++ b/docs/assets/icons/chunk/caret-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/caret-up.svg b/docs/assets/icons/chunk/caret-up.svg new file mode 100644 index 000000000..101b06f89 --- /dev/null +++ b/docs/assets/icons/chunk/caret-up.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/castle.svg b/docs/assets/icons/chunk/castle.svg new file mode 100644 index 000000000..ef2401c66 --- /dev/null +++ b/docs/assets/icons/chunk/castle.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/cat.svg b/docs/assets/icons/chunk/cat.svg new file mode 100644 index 000000000..541ce97fe --- /dev/null +++ b/docs/assets/icons/chunk/cat.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/chair.svg b/docs/assets/icons/chunk/chair.svg new file mode 100644 index 000000000..e30bad3d1 --- /dev/null +++ b/docs/assets/icons/chunk/chair.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/chart-bar.svg b/docs/assets/icons/chunk/chart-bar.svg new file mode 100644 index 000000000..a9bd799ef --- /dev/null +++ b/docs/assets/icons/chunk/chart-bar.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/chart-line.svg b/docs/assets/icons/chunk/chart-line.svg new file mode 100644 index 000000000..35c59db57 --- /dev/null +++ b/docs/assets/icons/chunk/chart-line.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/chart-pie.svg b/docs/assets/icons/chunk/chart-pie.svg new file mode 100644 index 000000000..c70a5102d --- /dev/null +++ b/docs/assets/icons/chunk/chart-pie.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/check.svg b/docs/assets/icons/chunk/check.svg new file mode 100644 index 000000000..08e910548 --- /dev/null +++ b/docs/assets/icons/chunk/check.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/chevron-down.svg b/docs/assets/icons/chunk/chevron-down.svg new file mode 100644 index 000000000..b2ec1334e --- /dev/null +++ b/docs/assets/icons/chunk/chevron-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/chevron-left.svg b/docs/assets/icons/chunk/chevron-left.svg new file mode 100644 index 000000000..7b4d969dd --- /dev/null +++ b/docs/assets/icons/chunk/chevron-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/chevron-right.svg b/docs/assets/icons/chunk/chevron-right.svg new file mode 100644 index 000000000..f57c629fa --- /dev/null +++ b/docs/assets/icons/chunk/chevron-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/chevron-up.svg b/docs/assets/icons/chunk/chevron-up.svg new file mode 100644 index 000000000..63753c821 --- /dev/null +++ b/docs/assets/icons/chunk/chevron-up.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/circle-3-dots-horizontal.svg b/docs/assets/icons/chunk/circle-3-dots-horizontal.svg new file mode 100644 index 000000000..0902e5298 --- /dev/null +++ b/docs/assets/icons/chunk/circle-3-dots-horizontal.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/circle-3-dots-vertical.svg b/docs/assets/icons/chunk/circle-3-dots-vertical.svg new file mode 100644 index 000000000..233fb84b6 --- /dev/null +++ b/docs/assets/icons/chunk/circle-3-dots-vertical.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/circle-arrow-down-left.svg b/docs/assets/icons/chunk/circle-arrow-down-left.svg new file mode 100644 index 000000000..faae427b7 --- /dev/null +++ b/docs/assets/icons/chunk/circle-arrow-down-left.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-arrow-down-right.svg b/docs/assets/icons/chunk/circle-arrow-down-right.svg new file mode 100644 index 000000000..d23119f29 --- /dev/null +++ b/docs/assets/icons/chunk/circle-arrow-down-right.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-arrow-down.svg b/docs/assets/icons/chunk/circle-arrow-down.svg new file mode 100644 index 000000000..a9b10963b --- /dev/null +++ b/docs/assets/icons/chunk/circle-arrow-down.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-arrow-left.svg b/docs/assets/icons/chunk/circle-arrow-left.svg new file mode 100644 index 000000000..cc87e9758 --- /dev/null +++ b/docs/assets/icons/chunk/circle-arrow-left.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-arrow-right.svg b/docs/assets/icons/chunk/circle-arrow-right.svg new file mode 100644 index 000000000..cdb7a933f --- /dev/null +++ b/docs/assets/icons/chunk/circle-arrow-right.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-arrow-up-left.svg b/docs/assets/icons/chunk/circle-arrow-up-left.svg new file mode 100644 index 000000000..d629b2251 --- /dev/null +++ b/docs/assets/icons/chunk/circle-arrow-up-left.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-arrow-up-right.svg b/docs/assets/icons/chunk/circle-arrow-up-right.svg new file mode 100644 index 000000000..968482305 --- /dev/null +++ b/docs/assets/icons/chunk/circle-arrow-up-right.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-arrow-up.svg b/docs/assets/icons/chunk/circle-arrow-up.svg new file mode 100644 index 000000000..76c684653 --- /dev/null +++ b/docs/assets/icons/chunk/circle-arrow-up.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-check.svg b/docs/assets/icons/chunk/circle-check.svg new file mode 100644 index 000000000..3c1bfb4ad --- /dev/null +++ b/docs/assets/icons/chunk/circle-check.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-equals.svg b/docs/assets/icons/chunk/circle-equals.svg new file mode 100644 index 000000000..7724c5cbe --- /dev/null +++ b/docs/assets/icons/chunk/circle-equals.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/circle-exclamation.svg b/docs/assets/icons/chunk/circle-exclamation.svg new file mode 100644 index 000000000..05bfc6fcb --- /dev/null +++ b/docs/assets/icons/chunk/circle-exclamation.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/circle-half.svg b/docs/assets/icons/chunk/circle-half.svg new file mode 100644 index 000000000..3cc41214c --- /dev/null +++ b/docs/assets/icons/chunk/circle-half.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/circle-info.svg b/docs/assets/icons/chunk/circle-info.svg new file mode 100644 index 000000000..d542d1f46 --- /dev/null +++ b/docs/assets/icons/chunk/circle-info.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/circle-minus.svg b/docs/assets/icons/chunk/circle-minus.svg new file mode 100644 index 000000000..2bbd9af11 --- /dev/null +++ b/docs/assets/icons/chunk/circle-minus.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-number-0.svg b/docs/assets/icons/chunk/circle-number-0.svg new file mode 100644 index 000000000..9aadb2327 --- /dev/null +++ b/docs/assets/icons/chunk/circle-number-0.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-number-1.svg b/docs/assets/icons/chunk/circle-number-1.svg new file mode 100644 index 000000000..457b18b2f --- /dev/null +++ b/docs/assets/icons/chunk/circle-number-1.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-number-2.svg b/docs/assets/icons/chunk/circle-number-2.svg new file mode 100644 index 000000000..653bb4dff --- /dev/null +++ b/docs/assets/icons/chunk/circle-number-2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-number-3.svg b/docs/assets/icons/chunk/circle-number-3.svg new file mode 100644 index 000000000..6e255e1fe --- /dev/null +++ b/docs/assets/icons/chunk/circle-number-3.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-number-4.svg b/docs/assets/icons/chunk/circle-number-4.svg new file mode 100644 index 000000000..18c27af70 --- /dev/null +++ b/docs/assets/icons/chunk/circle-number-4.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-number-5.svg b/docs/assets/icons/chunk/circle-number-5.svg new file mode 100644 index 000000000..f1d72073b --- /dev/null +++ b/docs/assets/icons/chunk/circle-number-5.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-number-6.svg b/docs/assets/icons/chunk/circle-number-6.svg new file mode 100644 index 000000000..468d8e6ca --- /dev/null +++ b/docs/assets/icons/chunk/circle-number-6.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-number-7.svg b/docs/assets/icons/chunk/circle-number-7.svg new file mode 100644 index 000000000..f568c6f7b --- /dev/null +++ b/docs/assets/icons/chunk/circle-number-7.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-number-8.svg b/docs/assets/icons/chunk/circle-number-8.svg new file mode 100644 index 000000000..56514c34b --- /dev/null +++ b/docs/assets/icons/chunk/circle-number-8.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-number-9.svg b/docs/assets/icons/chunk/circle-number-9.svg new file mode 100644 index 000000000..baddc21c9 --- /dev/null +++ b/docs/assets/icons/chunk/circle-number-9.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-pause.svg b/docs/assets/icons/chunk/circle-pause.svg new file mode 100644 index 000000000..8e65c7c41 --- /dev/null +++ b/docs/assets/icons/chunk/circle-pause.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/circle-play.svg b/docs/assets/icons/chunk/circle-play.svg new file mode 100644 index 000000000..f18f05d4b --- /dev/null +++ b/docs/assets/icons/chunk/circle-play.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-plus.svg b/docs/assets/icons/chunk/circle-plus.svg new file mode 100644 index 000000000..1e970c94e --- /dev/null +++ b/docs/assets/icons/chunk/circle-plus.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-question.svg b/docs/assets/icons/chunk/circle-question.svg new file mode 100644 index 000000000..5ddde7e64 --- /dev/null +++ b/docs/assets/icons/chunk/circle-question.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/circle-stop.svg b/docs/assets/icons/chunk/circle-stop.svg new file mode 100644 index 000000000..b15f6c3e6 --- /dev/null +++ b/docs/assets/icons/chunk/circle-stop.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-user.svg b/docs/assets/icons/chunk/circle-user.svg new file mode 100644 index 000000000..872dc1fd4 --- /dev/null +++ b/docs/assets/icons/chunk/circle-user.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle-x.svg b/docs/assets/icons/chunk/circle-x.svg new file mode 100644 index 000000000..5374c9e56 --- /dev/null +++ b/docs/assets/icons/chunk/circle-x.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/circle.svg b/docs/assets/icons/chunk/circle.svg new file mode 100644 index 000000000..51876408a --- /dev/null +++ b/docs/assets/icons/chunk/circle.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/citrus-slice.svg b/docs/assets/icons/chunk/citrus-slice.svg new file mode 100644 index 000000000..b70007529 --- /dev/null +++ b/docs/assets/icons/chunk/citrus-slice.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/city.svg b/docs/assets/icons/chunk/city.svg new file mode 100644 index 000000000..51bc3fba7 --- /dev/null +++ b/docs/assets/icons/chunk/city.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/docs/assets/icons/chunk/clipboard.svg b/docs/assets/icons/chunk/clipboard.svg new file mode 100644 index 000000000..aaf6f1be5 --- /dev/null +++ b/docs/assets/icons/chunk/clipboard.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/clock.svg b/docs/assets/icons/chunk/clock.svg new file mode 100644 index 000000000..1951e5589 --- /dev/null +++ b/docs/assets/icons/chunk/clock.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/closed-captioning.svg b/docs/assets/icons/chunk/closed-captioning.svg new file mode 100644 index 000000000..66c7783b4 --- /dev/null +++ b/docs/assets/icons/chunk/closed-captioning.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/clothes-hanger.svg b/docs/assets/icons/chunk/clothes-hanger.svg new file mode 100644 index 000000000..f48cf76fe --- /dev/null +++ b/docs/assets/icons/chunk/clothes-hanger.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/cloud-arrow-down.svg b/docs/assets/icons/chunk/cloud-arrow-down.svg new file mode 100644 index 000000000..72257c1b0 --- /dev/null +++ b/docs/assets/icons/chunk/cloud-arrow-down.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/cloud-arrow-up.svg b/docs/assets/icons/chunk/cloud-arrow-up.svg new file mode 100644 index 000000000..30d12e767 --- /dev/null +++ b/docs/assets/icons/chunk/cloud-arrow-up.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/cloud-fog.svg b/docs/assets/icons/chunk/cloud-fog.svg new file mode 100644 index 000000000..2d50e32f9 --- /dev/null +++ b/docs/assets/icons/chunk/cloud-fog.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/cloud-lightning.svg b/docs/assets/icons/chunk/cloud-lightning.svg new file mode 100644 index 000000000..3c39dcea5 --- /dev/null +++ b/docs/assets/icons/chunk/cloud-lightning.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/cloud-rain.svg b/docs/assets/icons/chunk/cloud-rain.svg new file mode 100644 index 000000000..720f70d57 --- /dev/null +++ b/docs/assets/icons/chunk/cloud-rain.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/cloud-snow.svg b/docs/assets/icons/chunk/cloud-snow.svg new file mode 100644 index 000000000..8761a588f --- /dev/null +++ b/docs/assets/icons/chunk/cloud-snow.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/docs/assets/icons/chunk/cloud.svg b/docs/assets/icons/chunk/cloud.svg new file mode 100644 index 000000000..3d93af021 --- /dev/null +++ b/docs/assets/icons/chunk/cloud.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/club.svg b/docs/assets/icons/chunk/club.svg new file mode 100644 index 000000000..dcb7b0bfb --- /dev/null +++ b/docs/assets/icons/chunk/club.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/cocktail.svg b/docs/assets/icons/chunk/cocktail.svg new file mode 100644 index 000000000..aab8d62be --- /dev/null +++ b/docs/assets/icons/chunk/cocktail.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/code-block.svg b/docs/assets/icons/chunk/code-block.svg new file mode 100644 index 000000000..c7dc60099 --- /dev/null +++ b/docs/assets/icons/chunk/code-block.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/code.svg b/docs/assets/icons/chunk/code.svg new file mode 100644 index 000000000..d0ffcf4a5 --- /dev/null +++ b/docs/assets/icons/chunk/code.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/cog.svg b/docs/assets/icons/chunk/cog.svg new file mode 100644 index 000000000..71b33ebf9 --- /dev/null +++ b/docs/assets/icons/chunk/cog.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/coin.svg b/docs/assets/icons/chunk/coin.svg new file mode 100644 index 000000000..ef724f5af --- /dev/null +++ b/docs/assets/icons/chunk/coin.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/columns.svg b/docs/assets/icons/chunk/columns.svg new file mode 100644 index 000000000..3cbcaf331 --- /dev/null +++ b/docs/assets/icons/chunk/columns.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/command.svg b/docs/assets/icons/chunk/command.svg new file mode 100644 index 000000000..4894248e8 --- /dev/null +++ b/docs/assets/icons/chunk/command.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/comment-dots.svg b/docs/assets/icons/chunk/comment-dots.svg new file mode 100644 index 000000000..a219cc22b --- /dev/null +++ b/docs/assets/icons/chunk/comment-dots.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/comment.svg b/docs/assets/icons/chunk/comment.svg new file mode 100644 index 000000000..9f80f26d6 --- /dev/null +++ b/docs/assets/icons/chunk/comment.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/comments-slash.svg b/docs/assets/icons/chunk/comments-slash.svg new file mode 100644 index 000000000..e43a41186 --- /dev/null +++ b/docs/assets/icons/chunk/comments-slash.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/comments.svg b/docs/assets/icons/chunk/comments.svg new file mode 100644 index 000000000..618a05eff --- /dev/null +++ b/docs/assets/icons/chunk/comments.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/compact-disc.svg b/docs/assets/icons/chunk/compact-disc.svg new file mode 100644 index 000000000..e0f73c601 --- /dev/null +++ b/docs/assets/icons/chunk/compact-disc.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/compass-drafting.svg b/docs/assets/icons/chunk/compass-drafting.svg new file mode 100644 index 000000000..d0a1ccd1b --- /dev/null +++ b/docs/assets/icons/chunk/compass-drafting.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/compass.svg b/docs/assets/icons/chunk/compass.svg new file mode 100644 index 000000000..1e8b2ea0c --- /dev/null +++ b/docs/assets/icons/chunk/compass.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/component.svg b/docs/assets/icons/chunk/component.svg new file mode 100644 index 000000000..dc0e62325 --- /dev/null +++ b/docs/assets/icons/chunk/component.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/copy.svg b/docs/assets/icons/chunk/copy.svg new file mode 100644 index 000000000..bb85abf79 --- /dev/null +++ b/docs/assets/icons/chunk/copy.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/copyright.svg b/docs/assets/icons/chunk/copyright.svg new file mode 100644 index 000000000..2e5052629 --- /dev/null +++ b/docs/assets/icons/chunk/copyright.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/credit-card.svg b/docs/assets/icons/chunk/credit-card.svg new file mode 100644 index 000000000..0f3659124 --- /dev/null +++ b/docs/assets/icons/chunk/credit-card.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/crop.svg b/docs/assets/icons/chunk/crop.svg new file mode 100644 index 000000000..167f4aa7e --- /dev/null +++ b/docs/assets/icons/chunk/crop.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/crosshairs.svg b/docs/assets/icons/chunk/crosshairs.svg new file mode 100644 index 000000000..259cc740b --- /dev/null +++ b/docs/assets/icons/chunk/crosshairs.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/crown.svg b/docs/assets/icons/chunk/crown.svg new file mode 100644 index 000000000..70bb8cd36 --- /dev/null +++ b/docs/assets/icons/chunk/crown.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/cube.svg b/docs/assets/icons/chunk/cube.svg new file mode 100644 index 000000000..e003ca67a --- /dev/null +++ b/docs/assets/icons/chunk/cube.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/cupcake.svg b/docs/assets/icons/chunk/cupcake.svg new file mode 100644 index 000000000..49ff76d8b --- /dev/null +++ b/docs/assets/icons/chunk/cupcake.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/curling-stone.svg b/docs/assets/icons/chunk/curling-stone.svg new file mode 100644 index 000000000..df8a9b5cb --- /dev/null +++ b/docs/assets/icons/chunk/curling-stone.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/cursor-click.svg b/docs/assets/icons/chunk/cursor-click.svg new file mode 100644 index 000000000..344731f66 --- /dev/null +++ b/docs/assets/icons/chunk/cursor-click.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/cursor.svg b/docs/assets/icons/chunk/cursor.svg new file mode 100644 index 000000000..a8dfb61aa --- /dev/null +++ b/docs/assets/icons/chunk/cursor.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/d-pad.svg b/docs/assets/icons/chunk/d-pad.svg new file mode 100644 index 000000000..e97e7d616 --- /dev/null +++ b/docs/assets/icons/chunk/d-pad.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/d.svg b/docs/assets/icons/chunk/d.svg new file mode 100644 index 000000000..0839dd87e --- /dev/null +++ b/docs/assets/icons/chunk/d.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/database.svg b/docs/assets/icons/chunk/database.svg new file mode 100644 index 000000000..efa2c9345 --- /dev/null +++ b/docs/assets/icons/chunk/database.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/delete.svg b/docs/assets/icons/chunk/delete.svg new file mode 100644 index 000000000..cb1ccbcd9 --- /dev/null +++ b/docs/assets/icons/chunk/delete.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/desktop.svg b/docs/assets/icons/chunk/desktop.svg new file mode 100644 index 000000000..877e4e815 --- /dev/null +++ b/docs/assets/icons/chunk/desktop.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/diamond-exclamation.svg b/docs/assets/icons/chunk/diamond-exclamation.svg new file mode 100644 index 000000000..b622115b2 --- /dev/null +++ b/docs/assets/icons/chunk/diamond-exclamation.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/diamond-half.svg b/docs/assets/icons/chunk/diamond-half.svg new file mode 100644 index 000000000..7b7547ba5 --- /dev/null +++ b/docs/assets/icons/chunk/diamond-half.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/diamond-shape.svg b/docs/assets/icons/chunk/diamond-shape.svg new file mode 100644 index 000000000..ce9d4c141 --- /dev/null +++ b/docs/assets/icons/chunk/diamond-shape.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/diamond.svg b/docs/assets/icons/chunk/diamond.svg new file mode 100644 index 000000000..75683a509 --- /dev/null +++ b/docs/assets/icons/chunk/diamond.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/dice.svg b/docs/assets/icons/chunk/dice.svg new file mode 100644 index 000000000..3cddea8ef --- /dev/null +++ b/docs/assets/icons/chunk/dice.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/die-1.svg b/docs/assets/icons/chunk/die-1.svg new file mode 100644 index 000000000..9b692ed22 --- /dev/null +++ b/docs/assets/icons/chunk/die-1.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/die-2.svg b/docs/assets/icons/chunk/die-2.svg new file mode 100644 index 000000000..41101adc1 --- /dev/null +++ b/docs/assets/icons/chunk/die-2.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/die-3.svg b/docs/assets/icons/chunk/die-3.svg new file mode 100644 index 000000000..5dba13861 --- /dev/null +++ b/docs/assets/icons/chunk/die-3.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/die-4.svg b/docs/assets/icons/chunk/die-4.svg new file mode 100644 index 000000000..e3a143ad8 --- /dev/null +++ b/docs/assets/icons/chunk/die-4.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/docs/assets/icons/chunk/die-5.svg b/docs/assets/icons/chunk/die-5.svg new file mode 100644 index 000000000..7acb3a62d --- /dev/null +++ b/docs/assets/icons/chunk/die-5.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/docs/assets/icons/chunk/die-6.svg b/docs/assets/icons/chunk/die-6.svg new file mode 100644 index 000000000..6b6ae5b93 --- /dev/null +++ b/docs/assets/icons/chunk/die-6.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/docs/assets/icons/chunk/dna.svg b/docs/assets/icons/chunk/dna.svg new file mode 100644 index 000000000..8f5b903c5 --- /dev/null +++ b/docs/assets/icons/chunk/dna.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/dog.svg b/docs/assets/icons/chunk/dog.svg new file mode 100644 index 000000000..f22522030 --- /dev/null +++ b/docs/assets/icons/chunk/dog.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/dollar.svg b/docs/assets/icons/chunk/dollar.svg new file mode 100644 index 000000000..2b2473a9d --- /dev/null +++ b/docs/assets/icons/chunk/dollar.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/door-open.svg b/docs/assets/icons/chunk/door-open.svg new file mode 100644 index 000000000..ad9c438b1 --- /dev/null +++ b/docs/assets/icons/chunk/door-open.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/door.svg b/docs/assets/icons/chunk/door.svg new file mode 100644 index 000000000..92971efd5 --- /dev/null +++ b/docs/assets/icons/chunk/door.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/droplet.svg b/docs/assets/icons/chunk/droplet.svg new file mode 100644 index 000000000..d6b1d7251 --- /dev/null +++ b/docs/assets/icons/chunk/droplet.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/e.svg b/docs/assets/icons/chunk/e.svg new file mode 100644 index 000000000..1d3764348 --- /dev/null +++ b/docs/assets/icons/chunk/e.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/ear-slash.svg b/docs/assets/icons/chunk/ear-slash.svg new file mode 100644 index 000000000..6e6b87b6c --- /dev/null +++ b/docs/assets/icons/chunk/ear-slash.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/ear.svg b/docs/assets/icons/chunk/ear.svg new file mode 100644 index 000000000..b1779aefe --- /dev/null +++ b/docs/assets/icons/chunk/ear.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/eject.svg b/docs/assets/icons/chunk/eject.svg new file mode 100644 index 000000000..780709350 --- /dev/null +++ b/docs/assets/icons/chunk/eject.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/ellipsis-outline.svg b/docs/assets/icons/chunk/ellipsis-outline.svg new file mode 100644 index 000000000..c303cf8e1 --- /dev/null +++ b/docs/assets/icons/chunk/ellipsis-outline.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/ellipsis-vertical.svg b/docs/assets/icons/chunk/ellipsis-vertical.svg new file mode 100644 index 000000000..1bfeabb0a --- /dev/null +++ b/docs/assets/icons/chunk/ellipsis-vertical.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/ellipsis.svg b/docs/assets/icons/chunk/ellipsis.svg new file mode 100644 index 000000000..f423a3c2a --- /dev/null +++ b/docs/assets/icons/chunk/ellipsis.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/envelope.svg b/docs/assets/icons/chunk/envelope.svg new file mode 100644 index 000000000..27d2ee8b5 --- /dev/null +++ b/docs/assets/icons/chunk/envelope.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/equals.svg b/docs/assets/icons/chunk/equals.svg new file mode 100644 index 000000000..d5993e1ce --- /dev/null +++ b/docs/assets/icons/chunk/equals.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/euro.svg b/docs/assets/icons/chunk/euro.svg new file mode 100644 index 000000000..dd844317c --- /dev/null +++ b/docs/assets/icons/chunk/euro.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/exclude.svg b/docs/assets/icons/chunk/exclude.svg new file mode 100644 index 000000000..032d32c2d --- /dev/null +++ b/docs/assets/icons/chunk/exclude.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/eye-dropper.svg b/docs/assets/icons/chunk/eye-dropper.svg new file mode 100644 index 000000000..c00ed75f0 --- /dev/null +++ b/docs/assets/icons/chunk/eye-dropper.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/eye-slash.svg b/docs/assets/icons/chunk/eye-slash.svg new file mode 100644 index 000000000..71ff30ef6 --- /dev/null +++ b/docs/assets/icons/chunk/eye-slash.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/eye.svg b/docs/assets/icons/chunk/eye.svg new file mode 100644 index 000000000..773461b20 --- /dev/null +++ b/docs/assets/icons/chunk/eye.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/f.svg b/docs/assets/icons/chunk/f.svg new file mode 100644 index 000000000..08b2ee8e8 --- /dev/null +++ b/docs/assets/icons/chunk/f.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/face-angry.svg b/docs/assets/icons/chunk/face-angry.svg new file mode 100644 index 000000000..44847276b --- /dev/null +++ b/docs/assets/icons/chunk/face-angry.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/face-cry.svg b/docs/assets/icons/chunk/face-cry.svg new file mode 100644 index 000000000..cfe97cafe --- /dev/null +++ b/docs/assets/icons/chunk/face-cry.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/face-id.svg b/docs/assets/icons/chunk/face-id.svg new file mode 100644 index 000000000..8109d2378 --- /dev/null +++ b/docs/assets/icons/chunk/face-id.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/docs/assets/icons/chunk/face-laugh.svg b/docs/assets/icons/chunk/face-laugh.svg new file mode 100644 index 000000000..eec22c807 --- /dev/null +++ b/docs/assets/icons/chunk/face-laugh.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/face-meh.svg b/docs/assets/icons/chunk/face-meh.svg new file mode 100644 index 000000000..171212996 --- /dev/null +++ b/docs/assets/icons/chunk/face-meh.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/face-melt.svg b/docs/assets/icons/chunk/face-melt.svg new file mode 100644 index 000000000..d1b7a2843 --- /dev/null +++ b/docs/assets/icons/chunk/face-melt.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/face-no-mouth.svg b/docs/assets/icons/chunk/face-no-mouth.svg new file mode 100644 index 000000000..e3d2c7006 --- /dev/null +++ b/docs/assets/icons/chunk/face-no-mouth.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/face-open-mouth.svg b/docs/assets/icons/chunk/face-open-mouth.svg new file mode 100644 index 000000000..3129a25d1 --- /dev/null +++ b/docs/assets/icons/chunk/face-open-mouth.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/face-sad.svg b/docs/assets/icons/chunk/face-sad.svg new file mode 100644 index 000000000..8d0b2c6d8 --- /dev/null +++ b/docs/assets/icons/chunk/face-sad.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/face-smile.svg b/docs/assets/icons/chunk/face-smile.svg new file mode 100644 index 000000000..252f1012d --- /dev/null +++ b/docs/assets/icons/chunk/face-smile.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/factory.svg b/docs/assets/icons/chunk/factory.svg new file mode 100644 index 000000000..551aecd50 --- /dev/null +++ b/docs/assets/icons/chunk/factory.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/fast-forward.svg b/docs/assets/icons/chunk/fast-forward.svg new file mode 100644 index 000000000..bea799ec2 --- /dev/null +++ b/docs/assets/icons/chunk/fast-forward.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/file.svg b/docs/assets/icons/chunk/file.svg new file mode 100644 index 000000000..2b4496a11 --- /dev/null +++ b/docs/assets/icons/chunk/file.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/files.svg b/docs/assets/icons/chunk/files.svg new file mode 100644 index 000000000..ef80dda09 --- /dev/null +++ b/docs/assets/icons/chunk/files.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/film.svg b/docs/assets/icons/chunk/film.svg new file mode 100644 index 000000000..4ce07a055 --- /dev/null +++ b/docs/assets/icons/chunk/film.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/filter.svg b/docs/assets/icons/chunk/filter.svg new file mode 100644 index 000000000..cafd86124 --- /dev/null +++ b/docs/assets/icons/chunk/filter.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/fire.svg b/docs/assets/icons/chunk/fire.svg new file mode 100644 index 000000000..b22abfbf3 --- /dev/null +++ b/docs/assets/icons/chunk/fire.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/fireplace.svg b/docs/assets/icons/chunk/fireplace.svg new file mode 100644 index 000000000..d521f12fe --- /dev/null +++ b/docs/assets/icons/chunk/fireplace.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/fish.svg b/docs/assets/icons/chunk/fish.svg new file mode 100644 index 000000000..50203c493 --- /dev/null +++ b/docs/assets/icons/chunk/fish.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/flag.svg b/docs/assets/icons/chunk/flag.svg new file mode 100644 index 000000000..6de094998 --- /dev/null +++ b/docs/assets/icons/chunk/flag.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/floppy-disk.svg b/docs/assets/icons/chunk/floppy-disk.svg new file mode 100644 index 000000000..e3aaf5707 --- /dev/null +++ b/docs/assets/icons/chunk/floppy-disk.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/flower.svg b/docs/assets/icons/chunk/flower.svg new file mode 100644 index 000000000..26a869b95 --- /dev/null +++ b/docs/assets/icons/chunk/flower.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/folder-open.svg b/docs/assets/icons/chunk/folder-open.svg new file mode 100644 index 000000000..b30b405e3 --- /dev/null +++ b/docs/assets/icons/chunk/folder-open.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/folder.svg b/docs/assets/icons/chunk/folder.svg new file mode 100644 index 000000000..341fa18de --- /dev/null +++ b/docs/assets/icons/chunk/folder.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/folders.svg b/docs/assets/icons/chunk/folders.svg new file mode 100644 index 000000000..c1d34bc07 --- /dev/null +++ b/docs/assets/icons/chunk/folders.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/font-case.svg b/docs/assets/icons/chunk/font-case.svg new file mode 100644 index 000000000..d87773482 --- /dev/null +++ b/docs/assets/icons/chunk/font-case.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/football.svg b/docs/assets/icons/chunk/football.svg new file mode 100644 index 000000000..5f3f31c95 --- /dev/null +++ b/docs/assets/icons/chunk/football.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/frame.svg b/docs/assets/icons/chunk/frame.svg new file mode 100644 index 000000000..a703440ba --- /dev/null +++ b/docs/assets/icons/chunk/frame.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/g.svg b/docs/assets/icons/chunk/g.svg new file mode 100644 index 000000000..24aeb1f1f --- /dev/null +++ b/docs/assets/icons/chunk/g.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/game-controller.svg b/docs/assets/icons/chunk/game-controller.svg new file mode 100644 index 000000000..fb6b77491 --- /dev/null +++ b/docs/assets/icons/chunk/game-controller.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/gauge-high.svg b/docs/assets/icons/chunk/gauge-high.svg new file mode 100644 index 000000000..f25157a05 --- /dev/null +++ b/docs/assets/icons/chunk/gauge-high.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/docs/assets/icons/chunk/gauge-low.svg b/docs/assets/icons/chunk/gauge-low.svg new file mode 100644 index 000000000..b1bd2211c --- /dev/null +++ b/docs/assets/icons/chunk/gauge-low.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/docs/assets/icons/chunk/gauge-medium.svg b/docs/assets/icons/chunk/gauge-medium.svg new file mode 100644 index 000000000..9a4bcfb13 --- /dev/null +++ b/docs/assets/icons/chunk/gauge-medium.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/docs/assets/icons/chunk/gem.svg b/docs/assets/icons/chunk/gem.svg new file mode 100644 index 000000000..e58dbf7f5 --- /dev/null +++ b/docs/assets/icons/chunk/gem.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/gemini.svg b/docs/assets/icons/chunk/gemini.svg new file mode 100644 index 000000000..f9a02d425 --- /dev/null +++ b/docs/assets/icons/chunk/gemini.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/ghost.svg b/docs/assets/icons/chunk/ghost.svg new file mode 100644 index 000000000..3bee8ba5b --- /dev/null +++ b/docs/assets/icons/chunk/ghost.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/gift.svg b/docs/assets/icons/chunk/gift.svg new file mode 100644 index 000000000..ddda6ffd4 --- /dev/null +++ b/docs/assets/icons/chunk/gift.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/git-branch.svg b/docs/assets/icons/chunk/git-branch.svg new file mode 100644 index 000000000..ab65d4e75 --- /dev/null +++ b/docs/assets/icons/chunk/git-branch.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/git-commit.svg b/docs/assets/icons/chunk/git-commit.svg new file mode 100644 index 000000000..d8d966685 --- /dev/null +++ b/docs/assets/icons/chunk/git-commit.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/git-compare.svg b/docs/assets/icons/chunk/git-compare.svg new file mode 100644 index 000000000..e5a794664 --- /dev/null +++ b/docs/assets/icons/chunk/git-compare.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/git-fork.svg b/docs/assets/icons/chunk/git-fork.svg new file mode 100644 index 000000000..d0606f510 --- /dev/null +++ b/docs/assets/icons/chunk/git-fork.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/git-merge.svg b/docs/assets/icons/chunk/git-merge.svg new file mode 100644 index 000000000..8e722e480 --- /dev/null +++ b/docs/assets/icons/chunk/git-merge.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/globe.svg b/docs/assets/icons/chunk/globe.svg new file mode 100644 index 000000000..1f67a6713 --- /dev/null +++ b/docs/assets/icons/chunk/globe.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/grid-masonry.svg b/docs/assets/icons/chunk/grid-masonry.svg new file mode 100644 index 000000000..4ce6e2e1a --- /dev/null +++ b/docs/assets/icons/chunk/grid-masonry.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/grid.svg b/docs/assets/icons/chunk/grid.svg new file mode 100644 index 000000000..1cbb4203a --- /dev/null +++ b/docs/assets/icons/chunk/grid.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/grip-horizontal.svg b/docs/assets/icons/chunk/grip-horizontal.svg new file mode 100644 index 000000000..9ece0b86f --- /dev/null +++ b/docs/assets/icons/chunk/grip-horizontal.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/docs/assets/icons/chunk/grip-vertical.svg b/docs/assets/icons/chunk/grip-vertical.svg new file mode 100644 index 000000000..f09c1e6b1 --- /dev/null +++ b/docs/assets/icons/chunk/grip-vertical.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/docs/assets/icons/chunk/group.svg b/docs/assets/icons/chunk/group.svg new file mode 100644 index 000000000..3f0c1346f --- /dev/null +++ b/docs/assets/icons/chunk/group.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/docs/assets/icons/chunk/h.svg b/docs/assets/icons/chunk/h.svg new file mode 100644 index 000000000..14e164dc2 --- /dev/null +++ b/docs/assets/icons/chunk/h.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/hand-tap.svg b/docs/assets/icons/chunk/hand-tap.svg new file mode 100644 index 000000000..dc0621470 --- /dev/null +++ b/docs/assets/icons/chunk/hand-tap.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/hand.svg b/docs/assets/icons/chunk/hand.svg new file mode 100644 index 000000000..c903b738b --- /dev/null +++ b/docs/assets/icons/chunk/hand.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/head-side.svg b/docs/assets/icons/chunk/head-side.svg new file mode 100644 index 000000000..f4d2a5c96 --- /dev/null +++ b/docs/assets/icons/chunk/head-side.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/headphones.svg b/docs/assets/icons/chunk/headphones.svg new file mode 100644 index 000000000..193ac20a2 --- /dev/null +++ b/docs/assets/icons/chunk/headphones.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/heart-broken.svg b/docs/assets/icons/chunk/heart-broken.svg new file mode 100644 index 000000000..0978fefee --- /dev/null +++ b/docs/assets/icons/chunk/heart-broken.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/heart-half.svg b/docs/assets/icons/chunk/heart-half.svg new file mode 100644 index 000000000..9b8743f5f --- /dev/null +++ b/docs/assets/icons/chunk/heart-half.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/heart.svg b/docs/assets/icons/chunk/heart.svg new file mode 100644 index 000000000..ee68a73fc --- /dev/null +++ b/docs/assets/icons/chunk/heart.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/hexagon.svg b/docs/assets/icons/chunk/hexagon.svg new file mode 100644 index 000000000..efb24c54e --- /dev/null +++ b/docs/assets/icons/chunk/hexagon.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/home-1.svg b/docs/assets/icons/chunk/home-1.svg new file mode 100644 index 000000000..15b187434 --- /dev/null +++ b/docs/assets/icons/chunk/home-1.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/home.svg b/docs/assets/icons/chunk/home.svg new file mode 100644 index 000000000..d7b248600 --- /dev/null +++ b/docs/assets/icons/chunk/home.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/hospital.svg b/docs/assets/icons/chunk/hospital.svg new file mode 100644 index 000000000..56ed8033b --- /dev/null +++ b/docs/assets/icons/chunk/hospital.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/hourglass-empty.svg b/docs/assets/icons/chunk/hourglass-empty.svg new file mode 100644 index 000000000..90f74b3c3 --- /dev/null +++ b/docs/assets/icons/chunk/hourglass-empty.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/hourglass-half-bottom.svg b/docs/assets/icons/chunk/hourglass-half-bottom.svg new file mode 100644 index 000000000..44e5b9dc3 --- /dev/null +++ b/docs/assets/icons/chunk/hourglass-half-bottom.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/hourglass-half-top.svg b/docs/assets/icons/chunk/hourglass-half-top.svg new file mode 100644 index 000000000..c88b7bea6 --- /dev/null +++ b/docs/assets/icons/chunk/hourglass-half-top.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/i-cursor.svg b/docs/assets/icons/chunk/i-cursor.svg new file mode 100644 index 000000000..b694e9b22 --- /dev/null +++ b/docs/assets/icons/chunk/i-cursor.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/i.svg b/docs/assets/icons/chunk/i.svg new file mode 100644 index 000000000..6855ebfae --- /dev/null +++ b/docs/assets/icons/chunk/i.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/ice-cream.svg b/docs/assets/icons/chunk/ice-cream.svg new file mode 100644 index 000000000..1819f11e9 --- /dev/null +++ b/docs/assets/icons/chunk/ice-cream.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/image.svg b/docs/assets/icons/chunk/image.svg new file mode 100644 index 000000000..eff7ac45c --- /dev/null +++ b/docs/assets/icons/chunk/image.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/images.svg b/docs/assets/icons/chunk/images.svg new file mode 100644 index 000000000..34d8d9f8c --- /dev/null +++ b/docs/assets/icons/chunk/images.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/inbox.svg b/docs/assets/icons/chunk/inbox.svg new file mode 100644 index 000000000..081a4b332 --- /dev/null +++ b/docs/assets/icons/chunk/inbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/indent.svg b/docs/assets/icons/chunk/indent.svg new file mode 100644 index 000000000..90fa9ab24 --- /dev/null +++ b/docs/assets/icons/chunk/indent.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/docs/assets/icons/chunk/intersect.svg b/docs/assets/icons/chunk/intersect.svg new file mode 100644 index 000000000..5d790fe6c --- /dev/null +++ b/docs/assets/icons/chunk/intersect.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/italic.svg b/docs/assets/icons/chunk/italic.svg new file mode 100644 index 000000000..6011e4dde --- /dev/null +++ b/docs/assets/icons/chunk/italic.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/j.svg b/docs/assets/icons/chunk/j.svg new file mode 100644 index 000000000..663f82969 --- /dev/null +++ b/docs/assets/icons/chunk/j.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/jersey.svg b/docs/assets/icons/chunk/jersey.svg new file mode 100644 index 000000000..fb2010136 --- /dev/null +++ b/docs/assets/icons/chunk/jersey.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/joystick.svg b/docs/assets/icons/chunk/joystick.svg new file mode 100644 index 000000000..c2af6d2f3 --- /dev/null +++ b/docs/assets/icons/chunk/joystick.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/k.svg b/docs/assets/icons/chunk/k.svg new file mode 100644 index 000000000..5c425d11a --- /dev/null +++ b/docs/assets/icons/chunk/k.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/key.svg b/docs/assets/icons/chunk/key.svg new file mode 100644 index 000000000..6861020f7 --- /dev/null +++ b/docs/assets/icons/chunk/key.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/keyboard.svg b/docs/assets/icons/chunk/keyboard.svg new file mode 100644 index 000000000..899e86533 --- /dev/null +++ b/docs/assets/icons/chunk/keyboard.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/king.svg b/docs/assets/icons/chunk/king.svg new file mode 100644 index 000000000..de63b026d --- /dev/null +++ b/docs/assets/icons/chunk/king.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/knight.svg b/docs/assets/icons/chunk/knight.svg new file mode 100644 index 000000000..2ce0cefab --- /dev/null +++ b/docs/assets/icons/chunk/knight.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/l.svg b/docs/assets/icons/chunk/l.svg new file mode 100644 index 000000000..9a9b47070 --- /dev/null +++ b/docs/assets/icons/chunk/l.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/ladder.svg b/docs/assets/icons/chunk/ladder.svg new file mode 100644 index 000000000..53c390eff --- /dev/null +++ b/docs/assets/icons/chunk/ladder.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/lamp.svg b/docs/assets/icons/chunk/lamp.svg new file mode 100644 index 000000000..cb2708343 --- /dev/null +++ b/docs/assets/icons/chunk/lamp.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/landmark.svg b/docs/assets/icons/chunk/landmark.svg new file mode 100644 index 000000000..26981f4be --- /dev/null +++ b/docs/assets/icons/chunk/landmark.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/language.svg b/docs/assets/icons/chunk/language.svg new file mode 100644 index 000000000..b506ee18e --- /dev/null +++ b/docs/assets/icons/chunk/language.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/laptop.svg b/docs/assets/icons/chunk/laptop.svg new file mode 100644 index 000000000..d976c326d --- /dev/null +++ b/docs/assets/icons/chunk/laptop.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/laundry-machine.svg b/docs/assets/icons/chunk/laundry-machine.svg new file mode 100644 index 000000000..beeb1d677 --- /dev/null +++ b/docs/assets/icons/chunk/laundry-machine.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/layers.svg b/docs/assets/icons/chunk/layers.svg new file mode 100644 index 000000000..6c98a69dd --- /dev/null +++ b/docs/assets/icons/chunk/layers.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/leaf.svg b/docs/assets/icons/chunk/leaf.svg new file mode 100644 index 000000000..bd1c6513c --- /dev/null +++ b/docs/assets/icons/chunk/leaf.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/leo.svg b/docs/assets/icons/chunk/leo.svg new file mode 100644 index 000000000..a32bd23e2 --- /dev/null +++ b/docs/assets/icons/chunk/leo.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/libra.svg b/docs/assets/icons/chunk/libra.svg new file mode 100644 index 000000000..dbd6ac0ea --- /dev/null +++ b/docs/assets/icons/chunk/libra.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/life-ring.svg b/docs/assets/icons/chunk/life-ring.svg new file mode 100644 index 000000000..2e8178293 --- /dev/null +++ b/docs/assets/icons/chunk/life-ring.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/lightbulb.svg b/docs/assets/icons/chunk/lightbulb.svg new file mode 100644 index 000000000..6bcc8a87b --- /dev/null +++ b/docs/assets/icons/chunk/lightbulb.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/lines-magnifying-glass.svg b/docs/assets/icons/chunk/lines-magnifying-glass.svg new file mode 100644 index 000000000..d504bc216 --- /dev/null +++ b/docs/assets/icons/chunk/lines-magnifying-glass.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/docs/assets/icons/chunk/lines.svg b/docs/assets/icons/chunk/lines.svg new file mode 100644 index 000000000..046f016f1 --- /dev/null +++ b/docs/assets/icons/chunk/lines.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/link.svg b/docs/assets/icons/chunk/link.svg new file mode 100644 index 000000000..1efe4894f --- /dev/null +++ b/docs/assets/icons/chunk/link.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/list-ol.svg b/docs/assets/icons/chunk/list-ol.svg new file mode 100644 index 000000000..3add9b63f --- /dev/null +++ b/docs/assets/icons/chunk/list-ol.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/docs/assets/icons/chunk/list.svg b/docs/assets/icons/chunk/list.svg new file mode 100644 index 000000000..abc9d566e --- /dev/null +++ b/docs/assets/icons/chunk/list.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/docs/assets/icons/chunk/location-arrow-slash.svg b/docs/assets/icons/chunk/location-arrow-slash.svg new file mode 100644 index 000000000..e3bbf1076 --- /dev/null +++ b/docs/assets/icons/chunk/location-arrow-slash.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/location-arrow.svg b/docs/assets/icons/chunk/location-arrow.svg new file mode 100644 index 000000000..d3c0a98b0 --- /dev/null +++ b/docs/assets/icons/chunk/location-arrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/location-dot.svg b/docs/assets/icons/chunk/location-dot.svg new file mode 100644 index 000000000..1ca065253 --- /dev/null +++ b/docs/assets/icons/chunk/location-dot.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/location-target.svg b/docs/assets/icons/chunk/location-target.svg new file mode 100644 index 000000000..e7bc7eedd --- /dev/null +++ b/docs/assets/icons/chunk/location-target.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/lock-open.svg b/docs/assets/icons/chunk/lock-open.svg new file mode 100644 index 000000000..62dd250d5 --- /dev/null +++ b/docs/assets/icons/chunk/lock-open.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/lock.svg b/docs/assets/icons/chunk/lock.svg new file mode 100644 index 000000000..d13ab4c94 --- /dev/null +++ b/docs/assets/icons/chunk/lock.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/m.svg b/docs/assets/icons/chunk/m.svg new file mode 100644 index 000000000..47cee9e4e --- /dev/null +++ b/docs/assets/icons/chunk/m.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/magnet.svg b/docs/assets/icons/chunk/magnet.svg new file mode 100644 index 000000000..9682f6ef4 --- /dev/null +++ b/docs/assets/icons/chunk/magnet.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/magnifying-glass.svg b/docs/assets/icons/chunk/magnifying-glass.svg new file mode 100644 index 000000000..98d4cc24b --- /dev/null +++ b/docs/assets/icons/chunk/magnifying-glass.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/mailbox-flag-up.svg b/docs/assets/icons/chunk/mailbox-flag-up.svg new file mode 100644 index 000000000..4abfcb9e2 --- /dev/null +++ b/docs/assets/icons/chunk/mailbox-flag-up.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/map.svg b/docs/assets/icons/chunk/map.svg new file mode 100644 index 000000000..0831e46e4 --- /dev/null +++ b/docs/assets/icons/chunk/map.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/maximize.svg b/docs/assets/icons/chunk/maximize.svg new file mode 100644 index 000000000..d714c5ddc --- /dev/null +++ b/docs/assets/icons/chunk/maximize.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/meeple.svg b/docs/assets/icons/chunk/meeple.svg new file mode 100644 index 000000000..b9963c282 --- /dev/null +++ b/docs/assets/icons/chunk/meeple.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/megaphone.svg b/docs/assets/icons/chunk/megaphone.svg new file mode 100644 index 000000000..e2ac87f8e --- /dev/null +++ b/docs/assets/icons/chunk/megaphone.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/meteor.svg b/docs/assets/icons/chunk/meteor.svg new file mode 100644 index 000000000..2ad51d783 --- /dev/null +++ b/docs/assets/icons/chunk/meteor.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/microchip.svg b/docs/assets/icons/chunk/microchip.svg new file mode 100644 index 000000000..23e680952 --- /dev/null +++ b/docs/assets/icons/chunk/microchip.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/microphone-slash.svg b/docs/assets/icons/chunk/microphone-slash.svg new file mode 100644 index 000000000..02378d9fa --- /dev/null +++ b/docs/assets/icons/chunk/microphone-slash.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/microphone.svg b/docs/assets/icons/chunk/microphone.svg new file mode 100644 index 000000000..1738dac28 --- /dev/null +++ b/docs/assets/icons/chunk/microphone.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/minimize.svg b/docs/assets/icons/chunk/minimize.svg new file mode 100644 index 000000000..15b5e1d6f --- /dev/null +++ b/docs/assets/icons/chunk/minimize.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/minus.svg b/docs/assets/icons/chunk/minus.svg new file mode 100644 index 000000000..2a491be96 --- /dev/null +++ b/docs/assets/icons/chunk/minus.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/mobile.svg b/docs/assets/icons/chunk/mobile.svg new file mode 100644 index 000000000..58bcacd82 --- /dev/null +++ b/docs/assets/icons/chunk/mobile.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/money.svg b/docs/assets/icons/chunk/money.svg new file mode 100644 index 000000000..6232c3552 --- /dev/null +++ b/docs/assets/icons/chunk/money.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/moon-cloud.svg b/docs/assets/icons/chunk/moon-cloud.svg new file mode 100644 index 000000000..ddcca0d22 --- /dev/null +++ b/docs/assets/icons/chunk/moon-cloud.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/moon-fog.svg b/docs/assets/icons/chunk/moon-fog.svg new file mode 100644 index 000000000..934e2a2a1 --- /dev/null +++ b/docs/assets/icons/chunk/moon-fog.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/moon.svg b/docs/assets/icons/chunk/moon.svg new file mode 100644 index 000000000..2db505b34 --- /dev/null +++ b/docs/assets/icons/chunk/moon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/mortarboard.svg b/docs/assets/icons/chunk/mortarboard.svg new file mode 100644 index 000000000..f86c35014 --- /dev/null +++ b/docs/assets/icons/chunk/mortarboard.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/mountains.svg b/docs/assets/icons/chunk/mountains.svg new file mode 100644 index 000000000..be3ec3cd9 --- /dev/null +++ b/docs/assets/icons/chunk/mountains.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/mouse.svg b/docs/assets/icons/chunk/mouse.svg new file mode 100644 index 000000000..84734b372 --- /dev/null +++ b/docs/assets/icons/chunk/mouse.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/mug-hot.svg b/docs/assets/icons/chunk/mug-hot.svg new file mode 100644 index 000000000..22d8a1485 --- /dev/null +++ b/docs/assets/icons/chunk/mug-hot.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/mug.svg b/docs/assets/icons/chunk/mug.svg new file mode 100644 index 000000000..22d8a1485 --- /dev/null +++ b/docs/assets/icons/chunk/mug.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/museum.svg b/docs/assets/icons/chunk/museum.svg new file mode 100644 index 000000000..26981f4be --- /dev/null +++ b/docs/assets/icons/chunk/museum.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/music.svg b/docs/assets/icons/chunk/music.svg new file mode 100644 index 000000000..7fa55aa67 --- /dev/null +++ b/docs/assets/icons/chunk/music.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/n.svg b/docs/assets/icons/chunk/n.svg new file mode 100644 index 000000000..13685836d --- /dev/null +++ b/docs/assets/icons/chunk/n.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/newspaper.svg b/docs/assets/icons/chunk/newspaper.svg new file mode 100644 index 000000000..e769705c6 --- /dev/null +++ b/docs/assets/icons/chunk/newspaper.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/number-0-alt.svg b/docs/assets/icons/chunk/number-0-alt.svg new file mode 100644 index 000000000..1792ce311 --- /dev/null +++ b/docs/assets/icons/chunk/number-0-alt.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/number-0.svg b/docs/assets/icons/chunk/number-0.svg new file mode 100644 index 000000000..d7ad283c6 --- /dev/null +++ b/docs/assets/icons/chunk/number-0.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/number-1-alt.svg b/docs/assets/icons/chunk/number-1-alt.svg new file mode 100644 index 000000000..799f6d8de --- /dev/null +++ b/docs/assets/icons/chunk/number-1-alt.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/number-1.svg b/docs/assets/icons/chunk/number-1.svg new file mode 100644 index 000000000..bf4c7c333 --- /dev/null +++ b/docs/assets/icons/chunk/number-1.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/number-2-alt.svg b/docs/assets/icons/chunk/number-2-alt.svg new file mode 100644 index 000000000..51d058030 --- /dev/null +++ b/docs/assets/icons/chunk/number-2-alt.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/number-2.svg b/docs/assets/icons/chunk/number-2.svg new file mode 100644 index 000000000..e25bb8419 --- /dev/null +++ b/docs/assets/icons/chunk/number-2.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/number-3-alt.svg b/docs/assets/icons/chunk/number-3-alt.svg new file mode 100644 index 000000000..d1d8e9a8f --- /dev/null +++ b/docs/assets/icons/chunk/number-3-alt.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/number-3.svg b/docs/assets/icons/chunk/number-3.svg new file mode 100644 index 000000000..ef8dc46eb --- /dev/null +++ b/docs/assets/icons/chunk/number-3.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/number-4-alt.svg b/docs/assets/icons/chunk/number-4-alt.svg new file mode 100644 index 000000000..327b520de --- /dev/null +++ b/docs/assets/icons/chunk/number-4-alt.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/number-4.svg b/docs/assets/icons/chunk/number-4.svg new file mode 100644 index 000000000..e54d33daa --- /dev/null +++ b/docs/assets/icons/chunk/number-4.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/number-5-alt.svg b/docs/assets/icons/chunk/number-5-alt.svg new file mode 100644 index 000000000..018381203 --- /dev/null +++ b/docs/assets/icons/chunk/number-5-alt.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/number-5.svg b/docs/assets/icons/chunk/number-5.svg new file mode 100644 index 000000000..e5c5ea3b0 --- /dev/null +++ b/docs/assets/icons/chunk/number-5.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/number-6-alt.svg b/docs/assets/icons/chunk/number-6-alt.svg new file mode 100644 index 000000000..1fe01ff10 --- /dev/null +++ b/docs/assets/icons/chunk/number-6-alt.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/number-6.svg b/docs/assets/icons/chunk/number-6.svg new file mode 100644 index 000000000..8ae7fd14b --- /dev/null +++ b/docs/assets/icons/chunk/number-6.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/number-7-alt.svg b/docs/assets/icons/chunk/number-7-alt.svg new file mode 100644 index 000000000..bc4e205af --- /dev/null +++ b/docs/assets/icons/chunk/number-7-alt.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/number-7.svg b/docs/assets/icons/chunk/number-7.svg new file mode 100644 index 000000000..e433f47b9 --- /dev/null +++ b/docs/assets/icons/chunk/number-7.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/number-8-alt.svg b/docs/assets/icons/chunk/number-8-alt.svg new file mode 100644 index 000000000..9634c808e --- /dev/null +++ b/docs/assets/icons/chunk/number-8-alt.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/number-8.svg b/docs/assets/icons/chunk/number-8.svg new file mode 100644 index 000000000..3527f4ff5 --- /dev/null +++ b/docs/assets/icons/chunk/number-8.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/number-9-alt.svg b/docs/assets/icons/chunk/number-9-alt.svg new file mode 100644 index 000000000..3f3b53c95 --- /dev/null +++ b/docs/assets/icons/chunk/number-9-alt.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/number-9.svg b/docs/assets/icons/chunk/number-9.svg new file mode 100644 index 000000000..afea8e7b4 --- /dev/null +++ b/docs/assets/icons/chunk/number-9.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/nut.svg b/docs/assets/icons/chunk/nut.svg new file mode 100644 index 000000000..57eb2ffab --- /dev/null +++ b/docs/assets/icons/chunk/nut.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/o.svg b/docs/assets/icons/chunk/o.svg new file mode 100644 index 000000000..51876408a --- /dev/null +++ b/docs/assets/icons/chunk/o.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/octagon-exclamation.svg b/docs/assets/icons/chunk/octagon-exclamation.svg new file mode 100644 index 000000000..a8c17a9fe --- /dev/null +++ b/docs/assets/icons/chunk/octagon-exclamation.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/octagon.svg b/docs/assets/icons/chunk/octagon.svg new file mode 100644 index 000000000..7755a3778 --- /dev/null +++ b/docs/assets/icons/chunk/octagon.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/option.svg b/docs/assets/icons/chunk/option.svg new file mode 100644 index 000000000..f00fa8372 --- /dev/null +++ b/docs/assets/icons/chunk/option.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/outdent.svg b/docs/assets/icons/chunk/outdent.svg new file mode 100644 index 000000000..f3cec3219 --- /dev/null +++ b/docs/assets/icons/chunk/outdent.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/docs/assets/icons/chunk/outlet.svg b/docs/assets/icons/chunk/outlet.svg new file mode 100644 index 000000000..2814c9f9e --- /dev/null +++ b/docs/assets/icons/chunk/outlet.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/p.svg b/docs/assets/icons/chunk/p.svg new file mode 100644 index 000000000..8946207da --- /dev/null +++ b/docs/assets/icons/chunk/p.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/paint-bucket.svg b/docs/assets/icons/chunk/paint-bucket.svg new file mode 100644 index 000000000..b43dab130 --- /dev/null +++ b/docs/assets/icons/chunk/paint-bucket.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/paint-roller.svg b/docs/assets/icons/chunk/paint-roller.svg new file mode 100644 index 000000000..1c9f3a7d9 --- /dev/null +++ b/docs/assets/icons/chunk/paint-roller.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/painting.svg b/docs/assets/icons/chunk/painting.svg new file mode 100644 index 000000000..7cbb2519f --- /dev/null +++ b/docs/assets/icons/chunk/painting.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/palette.svg b/docs/assets/icons/chunk/palette.svg new file mode 100644 index 000000000..76e0f4cec --- /dev/null +++ b/docs/assets/icons/chunk/palette.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/docs/assets/icons/chunk/pants.svg b/docs/assets/icons/chunk/pants.svg new file mode 100644 index 000000000..2e5f18631 --- /dev/null +++ b/docs/assets/icons/chunk/pants.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/paper-plane-top.svg b/docs/assets/icons/chunk/paper-plane-top.svg new file mode 100644 index 000000000..815f6758f --- /dev/null +++ b/docs/assets/icons/chunk/paper-plane-top.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/paperclip.svg b/docs/assets/icons/chunk/paperclip.svg new file mode 100644 index 000000000..3ce71a135 --- /dev/null +++ b/docs/assets/icons/chunk/paperclip.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/pause.svg b/docs/assets/icons/chunk/pause.svg new file mode 100644 index 000000000..e64c98636 --- /dev/null +++ b/docs/assets/icons/chunk/pause.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/paw.svg b/docs/assets/icons/chunk/paw.svg new file mode 100644 index 000000000..4cd8c5967 --- /dev/null +++ b/docs/assets/icons/chunk/paw.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/docs/assets/icons/chunk/pawn.svg b/docs/assets/icons/chunk/pawn.svg new file mode 100644 index 000000000..d65fcdb35 --- /dev/null +++ b/docs/assets/icons/chunk/pawn.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/pen-nib.svg b/docs/assets/icons/chunk/pen-nib.svg new file mode 100644 index 000000000..f447b67d4 --- /dev/null +++ b/docs/assets/icons/chunk/pen-nib.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/pencil-square.svg b/docs/assets/icons/chunk/pencil-square.svg new file mode 100644 index 000000000..0e1f12a83 --- /dev/null +++ b/docs/assets/icons/chunk/pencil-square.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/pencil.svg b/docs/assets/icons/chunk/pencil.svg new file mode 100644 index 000000000..42bed1187 --- /dev/null +++ b/docs/assets/icons/chunk/pencil.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/percent.svg b/docs/assets/icons/chunk/percent.svg new file mode 100644 index 000000000..b3b13efa3 --- /dev/null +++ b/docs/assets/icons/chunk/percent.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/phone-slash.svg b/docs/assets/icons/chunk/phone-slash.svg new file mode 100644 index 000000000..16bf0a955 --- /dev/null +++ b/docs/assets/icons/chunk/phone-slash.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/phone.svg b/docs/assets/icons/chunk/phone.svg new file mode 100644 index 000000000..61968c391 --- /dev/null +++ b/docs/assets/icons/chunk/phone.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/pills.svg b/docs/assets/icons/chunk/pills.svg new file mode 100644 index 000000000..ae6a3e583 --- /dev/null +++ b/docs/assets/icons/chunk/pills.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/pisces.svg b/docs/assets/icons/chunk/pisces.svg new file mode 100644 index 000000000..1d27c6039 --- /dev/null +++ b/docs/assets/icons/chunk/pisces.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/pizza.svg b/docs/assets/icons/chunk/pizza.svg new file mode 100644 index 000000000..140965248 --- /dev/null +++ b/docs/assets/icons/chunk/pizza.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/plane.svg b/docs/assets/icons/chunk/plane.svg new file mode 100644 index 000000000..6ac041944 --- /dev/null +++ b/docs/assets/icons/chunk/plane.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/planet.svg b/docs/assets/icons/chunk/planet.svg new file mode 100644 index 000000000..29c65182a --- /dev/null +++ b/docs/assets/icons/chunk/planet.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/play-pause.svg b/docs/assets/icons/chunk/play-pause.svg new file mode 100644 index 000000000..d0c231ad7 --- /dev/null +++ b/docs/assets/icons/chunk/play-pause.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/play.svg b/docs/assets/icons/chunk/play.svg new file mode 100644 index 000000000..7ad5e848e --- /dev/null +++ b/docs/assets/icons/chunk/play.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/playing-card.svg b/docs/assets/icons/chunk/playing-card.svg new file mode 100644 index 000000000..867b320e2 --- /dev/null +++ b/docs/assets/icons/chunk/playing-card.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/plug.svg b/docs/assets/icons/chunk/plug.svg new file mode 100644 index 000000000..897df311e --- /dev/null +++ b/docs/assets/icons/chunk/plug.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/plus.svg b/docs/assets/icons/chunk/plus.svg new file mode 100644 index 000000000..03e5c0596 --- /dev/null +++ b/docs/assets/icons/chunk/plus.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/point-down.svg b/docs/assets/icons/chunk/point-down.svg new file mode 100644 index 000000000..08718f881 --- /dev/null +++ b/docs/assets/icons/chunk/point-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/point-left.svg b/docs/assets/icons/chunk/point-left.svg new file mode 100644 index 000000000..72d91f058 --- /dev/null +++ b/docs/assets/icons/chunk/point-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/point-right.svg b/docs/assets/icons/chunk/point-right.svg new file mode 100644 index 000000000..6db9afe62 --- /dev/null +++ b/docs/assets/icons/chunk/point-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/point-up.svg b/docs/assets/icons/chunk/point-up.svg new file mode 100644 index 000000000..6deec44ae --- /dev/null +++ b/docs/assets/icons/chunk/point-up.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/poop.svg b/docs/assets/icons/chunk/poop.svg new file mode 100644 index 000000000..4b86cc359 --- /dev/null +++ b/docs/assets/icons/chunk/poop.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/potion-empty.svg b/docs/assets/icons/chunk/potion-empty.svg new file mode 100644 index 000000000..8a579190f --- /dev/null +++ b/docs/assets/icons/chunk/potion-empty.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/potion-full.svg b/docs/assets/icons/chunk/potion-full.svg new file mode 100644 index 000000000..797bcb5dc --- /dev/null +++ b/docs/assets/icons/chunk/potion-full.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/potion-half.svg b/docs/assets/icons/chunk/potion-half.svg new file mode 100644 index 000000000..b35b75300 --- /dev/null +++ b/docs/assets/icons/chunk/potion-half.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/power.svg b/docs/assets/icons/chunk/power.svg new file mode 100644 index 000000000..9e2c6f594 --- /dev/null +++ b/docs/assets/icons/chunk/power.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/printer.svg b/docs/assets/icons/chunk/printer.svg new file mode 100644 index 000000000..947fde8d8 --- /dev/null +++ b/docs/assets/icons/chunk/printer.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/q.svg b/docs/assets/icons/chunk/q.svg new file mode 100644 index 000000000..efeb24a83 --- /dev/null +++ b/docs/assets/icons/chunk/q.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/queen.svg b/docs/assets/icons/chunk/queen.svg new file mode 100644 index 000000000..d26cf4fc0 --- /dev/null +++ b/docs/assets/icons/chunk/queen.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/question-mark.svg b/docs/assets/icons/chunk/question-mark.svg new file mode 100644 index 000000000..ee1286ccd --- /dev/null +++ b/docs/assets/icons/chunk/question-mark.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/quote-left.svg b/docs/assets/icons/chunk/quote-left.svg new file mode 100644 index 000000000..68d8b98f0 --- /dev/null +++ b/docs/assets/icons/chunk/quote-left.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/quote-right.svg b/docs/assets/icons/chunk/quote-right.svg new file mode 100644 index 000000000..3c31f99ca --- /dev/null +++ b/docs/assets/icons/chunk/quote-right.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/r.svg b/docs/assets/icons/chunk/r.svg new file mode 100644 index 000000000..4d367e559 --- /dev/null +++ b/docs/assets/icons/chunk/r.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/radar.svg b/docs/assets/icons/chunk/radar.svg new file mode 100644 index 000000000..765c9d294 --- /dev/null +++ b/docs/assets/icons/chunk/radar.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/radioactive.svg b/docs/assets/icons/chunk/radioactive.svg new file mode 100644 index 000000000..7071245d4 --- /dev/null +++ b/docs/assets/icons/chunk/radioactive.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/rainbow-cloud.svg b/docs/assets/icons/chunk/rainbow-cloud.svg new file mode 100644 index 000000000..75a110394 --- /dev/null +++ b/docs/assets/icons/chunk/rainbow-cloud.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/rainbow.svg b/docs/assets/icons/chunk/rainbow.svg new file mode 100644 index 000000000..04513a584 --- /dev/null +++ b/docs/assets/icons/chunk/rainbow.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/receipt.svg b/docs/assets/icons/chunk/receipt.svg new file mode 100644 index 000000000..36b2e0621 --- /dev/null +++ b/docs/assets/icons/chunk/receipt.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/recycle.svg b/docs/assets/icons/chunk/recycle.svg new file mode 100644 index 000000000..ad1cfda27 --- /dev/null +++ b/docs/assets/icons/chunk/recycle.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/reflect-horizontal.svg b/docs/assets/icons/chunk/reflect-horizontal.svg new file mode 100644 index 000000000..55ae85dc9 --- /dev/null +++ b/docs/assets/icons/chunk/reflect-horizontal.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/reflect-vertical.svg b/docs/assets/icons/chunk/reflect-vertical.svg new file mode 100644 index 000000000..ce51d721c --- /dev/null +++ b/docs/assets/icons/chunk/reflect-vertical.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/rewind.svg b/docs/assets/icons/chunk/rewind.svg new file mode 100644 index 000000000..aca7aec36 --- /dev/null +++ b/docs/assets/icons/chunk/rewind.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/robot.svg b/docs/assets/icons/chunk/robot.svg new file mode 100644 index 000000000..3ec6238fa --- /dev/null +++ b/docs/assets/icons/chunk/robot.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/rocket.svg b/docs/assets/icons/chunk/rocket.svg new file mode 100644 index 000000000..284658d36 --- /dev/null +++ b/docs/assets/icons/chunk/rocket.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/rook.svg b/docs/assets/icons/chunk/rook.svg new file mode 100644 index 000000000..c48d95574 --- /dev/null +++ b/docs/assets/icons/chunk/rook.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/route.svg b/docs/assets/icons/chunk/route.svg new file mode 100644 index 000000000..1ec979fd9 --- /dev/null +++ b/docs/assets/icons/chunk/route.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/rows.svg b/docs/assets/icons/chunk/rows.svg new file mode 100644 index 000000000..d76789216 --- /dev/null +++ b/docs/assets/icons/chunk/rows.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/rss.svg b/docs/assets/icons/chunk/rss.svg new file mode 100644 index 000000000..9e7ce85c9 --- /dev/null +++ b/docs/assets/icons/chunk/rss.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/ruler.svg b/docs/assets/icons/chunk/ruler.svg new file mode 100644 index 000000000..2d9b28cd4 --- /dev/null +++ b/docs/assets/icons/chunk/ruler.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/s.svg b/docs/assets/icons/chunk/s.svg new file mode 100644 index 000000000..1f801455e --- /dev/null +++ b/docs/assets/icons/chunk/s.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/sagittarius.svg b/docs/assets/icons/chunk/sagittarius.svg new file mode 100644 index 000000000..4d9a96297 --- /dev/null +++ b/docs/assets/icons/chunk/sagittarius.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/scissors.svg b/docs/assets/icons/chunk/scissors.svg new file mode 100644 index 000000000..cf8ef99c7 --- /dev/null +++ b/docs/assets/icons/chunk/scissors.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/scooter.svg b/docs/assets/icons/chunk/scooter.svg new file mode 100644 index 000000000..bdd812e8d --- /dev/null +++ b/docs/assets/icons/chunk/scooter.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/scorpio.svg b/docs/assets/icons/chunk/scorpio.svg new file mode 100644 index 000000000..1c2a6d486 --- /dev/null +++ b/docs/assets/icons/chunk/scorpio.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/screencast.svg b/docs/assets/icons/chunk/screencast.svg new file mode 100644 index 000000000..32aef5f4a --- /dev/null +++ b/docs/assets/icons/chunk/screencast.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/screw.svg b/docs/assets/icons/chunk/screw.svg new file mode 100644 index 000000000..81a08cdc6 --- /dev/null +++ b/docs/assets/icons/chunk/screw.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/screwdriver.svg b/docs/assets/icons/chunk/screwdriver.svg new file mode 100644 index 000000000..f8371488a --- /dev/null +++ b/docs/assets/icons/chunk/screwdriver.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/scribble.svg b/docs/assets/icons/chunk/scribble.svg new file mode 100644 index 000000000..f1a329bfd --- /dev/null +++ b/docs/assets/icons/chunk/scribble.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/server.svg b/docs/assets/icons/chunk/server.svg new file mode 100644 index 000000000..699e3c9f0 --- /dev/null +++ b/docs/assets/icons/chunk/server.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/share-nodes.svg b/docs/assets/icons/chunk/share-nodes.svg new file mode 100644 index 000000000..c73c0c3b3 --- /dev/null +++ b/docs/assets/icons/chunk/share-nodes.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/shield-check.svg b/docs/assets/icons/chunk/shield-check.svg new file mode 100644 index 000000000..0cd20ae6b --- /dev/null +++ b/docs/assets/icons/chunk/shield-check.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/shield-half.svg b/docs/assets/icons/chunk/shield-half.svg new file mode 100644 index 000000000..37e118755 --- /dev/null +++ b/docs/assets/icons/chunk/shield-half.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/shield.svg b/docs/assets/icons/chunk/shield.svg new file mode 100644 index 000000000..ffa74ae83 --- /dev/null +++ b/docs/assets/icons/chunk/shield.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/shift.svg b/docs/assets/icons/chunk/shift.svg new file mode 100644 index 000000000..a23d3ca05 --- /dev/null +++ b/docs/assets/icons/chunk/shift.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/ship.svg b/docs/assets/icons/chunk/ship.svg new file mode 100644 index 000000000..4965ea800 --- /dev/null +++ b/docs/assets/icons/chunk/ship.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/shirt.svg b/docs/assets/icons/chunk/shirt.svg new file mode 100644 index 000000000..4983cb1de --- /dev/null +++ b/docs/assets/icons/chunk/shirt.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/shoe.svg b/docs/assets/icons/chunk/shoe.svg new file mode 100644 index 000000000..8d8d36e24 --- /dev/null +++ b/docs/assets/icons/chunk/shoe.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/shop.svg b/docs/assets/icons/chunk/shop.svg new file mode 100644 index 000000000..db536e6dd --- /dev/null +++ b/docs/assets/icons/chunk/shop.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/shopping-cart.svg b/docs/assets/icons/chunk/shopping-cart.svg new file mode 100644 index 000000000..efd094b07 --- /dev/null +++ b/docs/assets/icons/chunk/shopping-cart.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/shuffle.svg b/docs/assets/icons/chunk/shuffle.svg new file mode 100644 index 000000000..68c7e64aa --- /dev/null +++ b/docs/assets/icons/chunk/shuffle.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/sidebar-left.svg b/docs/assets/icons/chunk/sidebar-left.svg new file mode 100644 index 000000000..a82c0ab6a --- /dev/null +++ b/docs/assets/icons/chunk/sidebar-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/sidebar-right.svg b/docs/assets/icons/chunk/sidebar-right.svg new file mode 100644 index 000000000..73d0154eb --- /dev/null +++ b/docs/assets/icons/chunk/sidebar-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/signal-fair.svg b/docs/assets/icons/chunk/signal-fair.svg new file mode 100644 index 000000000..81123c48a --- /dev/null +++ b/docs/assets/icons/chunk/signal-fair.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/signal-good.svg b/docs/assets/icons/chunk/signal-good.svg new file mode 100644 index 000000000..f70cca704 --- /dev/null +++ b/docs/assets/icons/chunk/signal-good.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/signal-slash.svg b/docs/assets/icons/chunk/signal-slash.svg new file mode 100644 index 000000000..84407d449 --- /dev/null +++ b/docs/assets/icons/chunk/signal-slash.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/signal-weak.svg b/docs/assets/icons/chunk/signal-weak.svg new file mode 100644 index 000000000..88e7cf779 --- /dev/null +++ b/docs/assets/icons/chunk/signal-weak.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/signal.svg b/docs/assets/icons/chunk/signal.svg new file mode 100644 index 000000000..5455551aa --- /dev/null +++ b/docs/assets/icons/chunk/signal.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/signpost.svg b/docs/assets/icons/chunk/signpost.svg new file mode 100644 index 000000000..c7d0c6d3b --- /dev/null +++ b/docs/assets/icons/chunk/signpost.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/sink.svg b/docs/assets/icons/chunk/sink.svg new file mode 100644 index 000000000..1d5a5dfeb --- /dev/null +++ b/docs/assets/icons/chunk/sink.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/skip-backward.svg b/docs/assets/icons/chunk/skip-backward.svg new file mode 100644 index 000000000..8a8bea845 --- /dev/null +++ b/docs/assets/icons/chunk/skip-backward.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/skip-forward.svg b/docs/assets/icons/chunk/skip-forward.svg new file mode 100644 index 000000000..e233169b9 --- /dev/null +++ b/docs/assets/icons/chunk/skip-forward.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/skull.svg b/docs/assets/icons/chunk/skull.svg new file mode 100644 index 000000000..c01b275ad --- /dev/null +++ b/docs/assets/icons/chunk/skull.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/sliders.svg b/docs/assets/icons/chunk/sliders.svg new file mode 100644 index 000000000..d91f75550 --- /dev/null +++ b/docs/assets/icons/chunk/sliders.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/smartwatch.svg b/docs/assets/icons/chunk/smartwatch.svg new file mode 100644 index 000000000..f90e0c729 --- /dev/null +++ b/docs/assets/icons/chunk/smartwatch.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/snow.svg b/docs/assets/icons/chunk/snow.svg new file mode 100644 index 000000000..e6d976046 --- /dev/null +++ b/docs/assets/icons/chunk/snow.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/soccer.svg b/docs/assets/icons/chunk/soccer.svg new file mode 100644 index 000000000..546de014b --- /dev/null +++ b/docs/assets/icons/chunk/soccer.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/soda.svg b/docs/assets/icons/chunk/soda.svg new file mode 100644 index 000000000..51b96551c --- /dev/null +++ b/docs/assets/icons/chunk/soda.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/sort.svg b/docs/assets/icons/chunk/sort.svg new file mode 100644 index 000000000..dbb6199e9 --- /dev/null +++ b/docs/assets/icons/chunk/sort.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/spade.svg b/docs/assets/icons/chunk/spade.svg new file mode 100644 index 000000000..9dcb6a6ff --- /dev/null +++ b/docs/assets/icons/chunk/spade.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/sparkles.svg b/docs/assets/icons/chunk/sparkles.svg new file mode 100644 index 000000000..2438870ad --- /dev/null +++ b/docs/assets/icons/chunk/sparkles.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/docs/assets/icons/chunk/square-checkmark.svg b/docs/assets/icons/chunk/square-checkmark.svg new file mode 100644 index 000000000..c7d18de4a --- /dev/null +++ b/docs/assets/icons/chunk/square-checkmark.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/square-equals.svg b/docs/assets/icons/chunk/square-equals.svg new file mode 100644 index 000000000..b1ecceb3d --- /dev/null +++ b/docs/assets/icons/chunk/square-equals.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/square-minus.svg b/docs/assets/icons/chunk/square-minus.svg new file mode 100644 index 000000000..1988ec148 --- /dev/null +++ b/docs/assets/icons/chunk/square-minus.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/square-plus.svg b/docs/assets/icons/chunk/square-plus.svg new file mode 100644 index 000000000..c8ae47181 --- /dev/null +++ b/docs/assets/icons/chunk/square-plus.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/square-user.svg b/docs/assets/icons/chunk/square-user.svg new file mode 100644 index 000000000..978ae1b13 --- /dev/null +++ b/docs/assets/icons/chunk/square-user.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/square.svg b/docs/assets/icons/chunk/square.svg new file mode 100644 index 000000000..a22001bbd --- /dev/null +++ b/docs/assets/icons/chunk/square.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/star-half.svg b/docs/assets/icons/chunk/star-half.svg new file mode 100644 index 000000000..8c53d984c --- /dev/null +++ b/docs/assets/icons/chunk/star-half.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/star-outline.svg b/docs/assets/icons/chunk/star-outline.svg new file mode 100644 index 000000000..59b1027a4 --- /dev/null +++ b/docs/assets/icons/chunk/star-outline.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/star.svg b/docs/assets/icons/chunk/star.svg new file mode 100644 index 000000000..c81cfaaf7 --- /dev/null +++ b/docs/assets/icons/chunk/star.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/sticky-note.svg b/docs/assets/icons/chunk/sticky-note.svg new file mode 100644 index 000000000..a6d3ff7a0 --- /dev/null +++ b/docs/assets/icons/chunk/sticky-note.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/stop.svg b/docs/assets/icons/chunk/stop.svg new file mode 100644 index 000000000..a22001bbd --- /dev/null +++ b/docs/assets/icons/chunk/stop.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/stopwatch.svg b/docs/assets/icons/chunk/stopwatch.svg new file mode 100644 index 000000000..9e548c6f0 --- /dev/null +++ b/docs/assets/icons/chunk/stopwatch.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/strikethrough.svg b/docs/assets/icons/chunk/strikethrough.svg new file mode 100644 index 000000000..61270da27 --- /dev/null +++ b/docs/assets/icons/chunk/strikethrough.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/subtract.svg b/docs/assets/icons/chunk/subtract.svg new file mode 100644 index 000000000..b53effa88 --- /dev/null +++ b/docs/assets/icons/chunk/subtract.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/suitcase.svg b/docs/assets/icons/chunk/suitcase.svg new file mode 100644 index 000000000..fe0690e0e --- /dev/null +++ b/docs/assets/icons/chunk/suitcase.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/sun-cloud.svg b/docs/assets/icons/chunk/sun-cloud.svg new file mode 100644 index 000000000..13ed2d24f --- /dev/null +++ b/docs/assets/icons/chunk/sun-cloud.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/docs/assets/icons/chunk/sun-fog.svg b/docs/assets/icons/chunk/sun-fog.svg new file mode 100644 index 000000000..188992616 --- /dev/null +++ b/docs/assets/icons/chunk/sun-fog.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/docs/assets/icons/chunk/sun.svg b/docs/assets/icons/chunk/sun.svg new file mode 100644 index 000000000..dca921ce0 --- /dev/null +++ b/docs/assets/icons/chunk/sun.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/docs/assets/icons/chunk/sunglasses.svg b/docs/assets/icons/chunk/sunglasses.svg new file mode 100644 index 000000000..900fe4eb3 --- /dev/null +++ b/docs/assets/icons/chunk/sunglasses.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/swatches.svg b/docs/assets/icons/chunk/swatches.svg new file mode 100644 index 000000000..290a615a2 --- /dev/null +++ b/docs/assets/icons/chunk/swatches.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/sword.svg b/docs/assets/icons/chunk/sword.svg new file mode 100644 index 000000000..25d799a0e --- /dev/null +++ b/docs/assets/icons/chunk/sword.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/swords-crossed.svg b/docs/assets/icons/chunk/swords-crossed.svg new file mode 100644 index 000000000..f732f8cb4 --- /dev/null +++ b/docs/assets/icons/chunk/swords-crossed.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/t.svg b/docs/assets/icons/chunk/t.svg new file mode 100644 index 000000000..be52fb5d3 --- /dev/null +++ b/docs/assets/icons/chunk/t.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/table.svg b/docs/assets/icons/chunk/table.svg new file mode 100644 index 000000000..c5b7673d6 --- /dev/null +++ b/docs/assets/icons/chunk/table.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/tag.svg b/docs/assets/icons/chunk/tag.svg new file mode 100644 index 000000000..040ee9f51 --- /dev/null +++ b/docs/assets/icons/chunk/tag.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/target-arrow.svg b/docs/assets/icons/chunk/target-arrow.svg new file mode 100644 index 000000000..a9d4787d1 --- /dev/null +++ b/docs/assets/icons/chunk/target-arrow.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/target.svg b/docs/assets/icons/chunk/target.svg new file mode 100644 index 000000000..71c9933fd --- /dev/null +++ b/docs/assets/icons/chunk/target.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/taurus.svg b/docs/assets/icons/chunk/taurus.svg new file mode 100644 index 000000000..836b52995 --- /dev/null +++ b/docs/assets/icons/chunk/taurus.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/temperature-high.svg b/docs/assets/icons/chunk/temperature-high.svg new file mode 100644 index 000000000..fb9dd5f8f --- /dev/null +++ b/docs/assets/icons/chunk/temperature-high.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/docs/assets/icons/chunk/temperature-low.svg b/docs/assets/icons/chunk/temperature-low.svg new file mode 100644 index 000000000..bbba4ce0f --- /dev/null +++ b/docs/assets/icons/chunk/temperature-low.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/docs/assets/icons/chunk/temperature-medium.svg b/docs/assets/icons/chunk/temperature-medium.svg new file mode 100644 index 000000000..e2a3379e2 --- /dev/null +++ b/docs/assets/icons/chunk/temperature-medium.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/docs/assets/icons/chunk/tennis-ball.svg b/docs/assets/icons/chunk/tennis-ball.svg new file mode 100644 index 000000000..83b0b39b2 --- /dev/null +++ b/docs/assets/icons/chunk/tennis-ball.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/terminal.svg b/docs/assets/icons/chunk/terminal.svg new file mode 100644 index 000000000..bd35ad99b --- /dev/null +++ b/docs/assets/icons/chunk/terminal.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/text.svg b/docs/assets/icons/chunk/text.svg new file mode 100644 index 000000000..ae732114f --- /dev/null +++ b/docs/assets/icons/chunk/text.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/thumbs-down.svg b/docs/assets/icons/chunk/thumbs-down.svg new file mode 100644 index 000000000..896f55676 --- /dev/null +++ b/docs/assets/icons/chunk/thumbs-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/thumbs-up.svg b/docs/assets/icons/chunk/thumbs-up.svg new file mode 100644 index 000000000..fb43e57ad --- /dev/null +++ b/docs/assets/icons/chunk/thumbs-up.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/thumbtack.svg b/docs/assets/icons/chunk/thumbtack.svg new file mode 100644 index 000000000..6abb25bcd --- /dev/null +++ b/docs/assets/icons/chunk/thumbtack.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/ticket.svg b/docs/assets/icons/chunk/ticket.svg new file mode 100644 index 000000000..0fe9f4bb2 --- /dev/null +++ b/docs/assets/icons/chunk/ticket.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/toggle-circle-left.svg b/docs/assets/icons/chunk/toggle-circle-left.svg new file mode 100644 index 000000000..4fb7bd393 --- /dev/null +++ b/docs/assets/icons/chunk/toggle-circle-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/toggle-circle-right.svg b/docs/assets/icons/chunk/toggle-circle-right.svg new file mode 100644 index 000000000..f160f9e94 --- /dev/null +++ b/docs/assets/icons/chunk/toggle-circle-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/toolbox.svg b/docs/assets/icons/chunk/toolbox.svg new file mode 100644 index 000000000..11d1d528e --- /dev/null +++ b/docs/assets/icons/chunk/toolbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/traffic-cone.svg b/docs/assets/icons/chunk/traffic-cone.svg new file mode 100644 index 000000000..3cd340263 --- /dev/null +++ b/docs/assets/icons/chunk/traffic-cone.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/traffic-light.svg b/docs/assets/icons/chunk/traffic-light.svg new file mode 100644 index 000000000..65b358ee7 --- /dev/null +++ b/docs/assets/icons/chunk/traffic-light.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/train.svg b/docs/assets/icons/chunk/train.svg new file mode 100644 index 000000000..c1e4ab2d5 --- /dev/null +++ b/docs/assets/icons/chunk/train.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/trash.svg b/docs/assets/icons/chunk/trash.svg new file mode 100644 index 000000000..503b87a1f --- /dev/null +++ b/docs/assets/icons/chunk/trash.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/tree-evergreen.svg b/docs/assets/icons/chunk/tree-evergreen.svg new file mode 100644 index 000000000..43a66fd09 --- /dev/null +++ b/docs/assets/icons/chunk/tree-evergreen.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/tree.svg b/docs/assets/icons/chunk/tree.svg new file mode 100644 index 000000000..6615b96d4 --- /dev/null +++ b/docs/assets/icons/chunk/tree.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/triangle-exclamation.svg b/docs/assets/icons/chunk/triangle-exclamation.svg new file mode 100644 index 000000000..fd97d1c01 --- /dev/null +++ b/docs/assets/icons/chunk/triangle-exclamation.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/triangle.svg b/docs/assets/icons/chunk/triangle.svg new file mode 100644 index 000000000..81743a56d --- /dev/null +++ b/docs/assets/icons/chunk/triangle.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/trophy.svg b/docs/assets/icons/chunk/trophy.svg new file mode 100644 index 000000000..b9e73654e --- /dev/null +++ b/docs/assets/icons/chunk/trophy.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/truck.svg b/docs/assets/icons/chunk/truck.svg new file mode 100644 index 000000000..ce7e0ca01 --- /dev/null +++ b/docs/assets/icons/chunk/truck.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/tv-retro.svg b/docs/assets/icons/chunk/tv-retro.svg new file mode 100644 index 000000000..c24b0e570 --- /dev/null +++ b/docs/assets/icons/chunk/tv-retro.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/tv.svg b/docs/assets/icons/chunk/tv.svg new file mode 100644 index 000000000..9bfd04eda --- /dev/null +++ b/docs/assets/icons/chunk/tv.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/u.svg b/docs/assets/icons/chunk/u.svg new file mode 100644 index 000000000..61589a998 --- /dev/null +++ b/docs/assets/icons/chunk/u.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/umbrella.svg b/docs/assets/icons/chunk/umbrella.svg new file mode 100644 index 000000000..3b55633bc --- /dev/null +++ b/docs/assets/icons/chunk/umbrella.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/underline.svg b/docs/assets/icons/chunk/underline.svg new file mode 100644 index 000000000..a9f328a76 --- /dev/null +++ b/docs/assets/icons/chunk/underline.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/unite.svg b/docs/assets/icons/chunk/unite.svg new file mode 100644 index 000000000..722b3447d --- /dev/null +++ b/docs/assets/icons/chunk/unite.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/user.svg b/docs/assets/icons/chunk/user.svg new file mode 100644 index 000000000..b56d73820 --- /dev/null +++ b/docs/assets/icons/chunk/user.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/users.svg b/docs/assets/icons/chunk/users.svg new file mode 100644 index 000000000..5724b5d50 --- /dev/null +++ b/docs/assets/icons/chunk/users.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/utensils.svg b/docs/assets/icons/chunk/utensils.svg new file mode 100644 index 000000000..2eb9b4165 --- /dev/null +++ b/docs/assets/icons/chunk/utensils.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/v.svg b/docs/assets/icons/chunk/v.svg new file mode 100644 index 000000000..b8ef2bb74 --- /dev/null +++ b/docs/assets/icons/chunk/v.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/video-camera-slash.svg b/docs/assets/icons/chunk/video-camera-slash.svg new file mode 100644 index 000000000..9fae388d1 --- /dev/null +++ b/docs/assets/icons/chunk/video-camera-slash.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/video-camera.svg b/docs/assets/icons/chunk/video-camera.svg new file mode 100644 index 000000000..1e5f84d4c --- /dev/null +++ b/docs/assets/icons/chunk/video-camera.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/video.svg b/docs/assets/icons/chunk/video.svg new file mode 100644 index 000000000..88bd892e3 --- /dev/null +++ b/docs/assets/icons/chunk/video.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/virgo.svg b/docs/assets/icons/chunk/virgo.svg new file mode 100644 index 000000000..945494530 --- /dev/null +++ b/docs/assets/icons/chunk/virgo.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/volume-high.svg b/docs/assets/icons/chunk/volume-high.svg new file mode 100644 index 000000000..af50ff9bc --- /dev/null +++ b/docs/assets/icons/chunk/volume-high.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/volume-low.svg b/docs/assets/icons/chunk/volume-low.svg new file mode 100644 index 000000000..7b8ed6f87 --- /dev/null +++ b/docs/assets/icons/chunk/volume-low.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/volume-none.svg b/docs/assets/icons/chunk/volume-none.svg new file mode 100644 index 000000000..b6744b9aa --- /dev/null +++ b/docs/assets/icons/chunk/volume-none.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/volume-slash.svg b/docs/assets/icons/chunk/volume-slash.svg new file mode 100644 index 000000000..65e739947 --- /dev/null +++ b/docs/assets/icons/chunk/volume-slash.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/volume-x.svg b/docs/assets/icons/chunk/volume-x.svg new file mode 100644 index 000000000..bf3aedf70 --- /dev/null +++ b/docs/assets/icons/chunk/volume-x.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/vr.svg b/docs/assets/icons/chunk/vr.svg new file mode 100644 index 000000000..0991982bc --- /dev/null +++ b/docs/assets/icons/chunk/vr.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/w.svg b/docs/assets/icons/chunk/w.svg new file mode 100644 index 000000000..fb40f5e39 --- /dev/null +++ b/docs/assets/icons/chunk/w.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/walk.svg b/docs/assets/icons/chunk/walk.svg new file mode 100644 index 000000000..d827176cd --- /dev/null +++ b/docs/assets/icons/chunk/walk.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/wallet.svg b/docs/assets/icons/chunk/wallet.svg new file mode 100644 index 000000000..a158d7893 --- /dev/null +++ b/docs/assets/icons/chunk/wallet.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/wand-with-sparkles.svg b/docs/assets/icons/chunk/wand-with-sparkles.svg new file mode 100644 index 000000000..f5ebe3cc7 --- /dev/null +++ b/docs/assets/icons/chunk/wand-with-sparkles.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/chunk/watch.svg b/docs/assets/icons/chunk/watch.svg new file mode 100644 index 000000000..5f057fa59 --- /dev/null +++ b/docs/assets/icons/chunk/watch.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/water.svg b/docs/assets/icons/chunk/water.svg new file mode 100644 index 000000000..7b3e824f5 --- /dev/null +++ b/docs/assets/icons/chunk/water.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/wheelchair.svg b/docs/assets/icons/chunk/wheelchair.svg new file mode 100644 index 000000000..8fdbb02d4 --- /dev/null +++ b/docs/assets/icons/chunk/wheelchair.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/wifi-low.svg b/docs/assets/icons/chunk/wifi-low.svg new file mode 100644 index 000000000..fb5e977fa --- /dev/null +++ b/docs/assets/icons/chunk/wifi-low.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/wifi-medium.svg b/docs/assets/icons/chunk/wifi-medium.svg new file mode 100644 index 000000000..205f6d4a8 --- /dev/null +++ b/docs/assets/icons/chunk/wifi-medium.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/wifi-slash.svg b/docs/assets/icons/chunk/wifi-slash.svg new file mode 100644 index 000000000..b68aa14d6 --- /dev/null +++ b/docs/assets/icons/chunk/wifi-slash.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/wifi.svg b/docs/assets/icons/chunk/wifi.svg new file mode 100644 index 000000000..df1e15657 --- /dev/null +++ b/docs/assets/icons/chunk/wifi.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/chunk/wind.svg b/docs/assets/icons/chunk/wind.svg new file mode 100644 index 000000000..7d50a0c97 --- /dev/null +++ b/docs/assets/icons/chunk/wind.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/window.svg b/docs/assets/icons/chunk/window.svg new file mode 100644 index 000000000..118ab7c0a --- /dev/null +++ b/docs/assets/icons/chunk/window.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/wine-glass.svg b/docs/assets/icons/chunk/wine-glass.svg new file mode 100644 index 000000000..ec5ebc1eb --- /dev/null +++ b/docs/assets/icons/chunk/wine-glass.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/wrench.svg b/docs/assets/icons/chunk/wrench.svg new file mode 100644 index 000000000..25ec0708a --- /dev/null +++ b/docs/assets/icons/chunk/wrench.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/x.svg b/docs/assets/icons/chunk/x.svg new file mode 100644 index 000000000..a8f9155c1 --- /dev/null +++ b/docs/assets/icons/chunk/x.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/xmark.svg b/docs/assets/icons/chunk/xmark.svg new file mode 100644 index 000000000..43fc7fb34 --- /dev/null +++ b/docs/assets/icons/chunk/xmark.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/y.svg b/docs/assets/icons/chunk/y.svg new file mode 100644 index 000000000..b1da7a3be --- /dev/null +++ b/docs/assets/icons/chunk/y.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/z.svg b/docs/assets/icons/chunk/z.svg new file mode 100644 index 000000000..c3ada38d1 --- /dev/null +++ b/docs/assets/icons/chunk/z.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/chunk/zoom-in.svg b/docs/assets/icons/chunk/zoom-in.svg new file mode 100644 index 000000000..725b33ad9 --- /dev/null +++ b/docs/assets/icons/chunk/zoom-in.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/chunk/zoom-out.svg b/docs/assets/icons/chunk/zoom-out.svg new file mode 100644 index 000000000..997520de1 --- /dev/null +++ b/docs/assets/icons/chunk/zoom-out.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/jelly/arrow-down.svg b/docs/assets/icons/jelly/arrow-down.svg new file mode 100644 index 000000000..1b1ceb2f3 --- /dev/null +++ b/docs/assets/icons/jelly/arrow-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/arrow-rotate-left.svg b/docs/assets/icons/jelly/arrow-rotate-left.svg new file mode 100644 index 000000000..aaa5a6e53 --- /dev/null +++ b/docs/assets/icons/jelly/arrow-rotate-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/at.svg b/docs/assets/icons/jelly/at.svg new file mode 100644 index 000000000..2df017fa7 --- /dev/null +++ b/docs/assets/icons/jelly/at.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/bag-shopping.svg b/docs/assets/icons/jelly/bag-shopping.svg new file mode 100644 index 000000000..d2aef9680 --- /dev/null +++ b/docs/assets/icons/jelly/bag-shopping.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/jelly/block-quote.svg b/docs/assets/icons/jelly/block-quote.svg new file mode 100644 index 000000000..f5e2c4185 --- /dev/null +++ b/docs/assets/icons/jelly/block-quote.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/jelly/bold.svg b/docs/assets/icons/jelly/bold.svg new file mode 100644 index 000000000..1cc6b0f73 --- /dev/null +++ b/docs/assets/icons/jelly/bold.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/book-open.svg b/docs/assets/icons/jelly/book-open.svg new file mode 100644 index 000000000..e90604a47 --- /dev/null +++ b/docs/assets/icons/jelly/book-open.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/bookmark.svg b/docs/assets/icons/jelly/bookmark.svg new file mode 100644 index 000000000..1fc488507 --- /dev/null +++ b/docs/assets/icons/jelly/bookmark.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/bug.svg b/docs/assets/icons/jelly/bug.svg new file mode 100644 index 000000000..69be1867a --- /dev/null +++ b/docs/assets/icons/jelly/bug.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/docs/assets/icons/jelly/calendar.svg b/docs/assets/icons/jelly/calendar.svg new file mode 100644 index 000000000..a03e6e6df --- /dev/null +++ b/docs/assets/icons/jelly/calendar.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/jelly/car.svg b/docs/assets/icons/jelly/car.svg new file mode 100644 index 000000000..a0f69e4ae --- /dev/null +++ b/docs/assets/icons/jelly/car.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/cart-shopping.svg b/docs/assets/icons/jelly/cart-shopping.svg new file mode 100644 index 000000000..5cbd980df --- /dev/null +++ b/docs/assets/icons/jelly/cart-shopping.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/jelly/check.svg b/docs/assets/icons/jelly/check.svg new file mode 100644 index 000000000..16604c25a --- /dev/null +++ b/docs/assets/icons/jelly/check.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/chevron-down.svg b/docs/assets/icons/jelly/chevron-down.svg new file mode 100644 index 000000000..06a76ed32 --- /dev/null +++ b/docs/assets/icons/jelly/chevron-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/chevron-up.svg b/docs/assets/icons/jelly/chevron-up.svg new file mode 100644 index 000000000..aff240387 --- /dev/null +++ b/docs/assets/icons/jelly/chevron-up.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/circle-info.svg b/docs/assets/icons/jelly/circle-info.svg new file mode 100644 index 000000000..8b85a50c7 --- /dev/null +++ b/docs/assets/icons/jelly/circle-info.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/circle-plus.svg b/docs/assets/icons/jelly/circle-plus.svg new file mode 100644 index 000000000..2964f71a4 --- /dev/null +++ b/docs/assets/icons/jelly/circle-plus.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/jelly/clock.svg b/docs/assets/icons/jelly/clock.svg new file mode 100644 index 000000000..c7994213b --- /dev/null +++ b/docs/assets/icons/jelly/clock.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/code.svg b/docs/assets/icons/jelly/code.svg new file mode 100644 index 000000000..7b03edf1d --- /dev/null +++ b/docs/assets/icons/jelly/code.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/jelly/credit-card.svg b/docs/assets/icons/jelly/credit-card.svg new file mode 100644 index 000000000..0814f75b8 --- /dev/null +++ b/docs/assets/icons/jelly/credit-card.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/jelly/crown.svg b/docs/assets/icons/jelly/crown.svg new file mode 100644 index 000000000..0798764ee --- /dev/null +++ b/docs/assets/icons/jelly/crown.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/ellipsis.svg b/docs/assets/icons/jelly/ellipsis.svg new file mode 100644 index 000000000..ef6690775 --- /dev/null +++ b/docs/assets/icons/jelly/ellipsis.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/jelly/envelope.svg b/docs/assets/icons/jelly/envelope.svg new file mode 100644 index 000000000..1c11091d1 --- /dev/null +++ b/docs/assets/icons/jelly/envelope.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/jelly/face-smile-solid.svg b/docs/assets/icons/jelly/face-smile-solid.svg new file mode 100644 index 000000000..08ac0beda --- /dev/null +++ b/docs/assets/icons/jelly/face-smile-solid.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/face-smile.svg b/docs/assets/icons/jelly/face-smile.svg new file mode 100644 index 000000000..4eb70d1fe --- /dev/null +++ b/docs/assets/icons/jelly/face-smile.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/jelly/flag.svg b/docs/assets/icons/jelly/flag.svg new file mode 100644 index 000000000..b991f5413 --- /dev/null +++ b/docs/assets/icons/jelly/flag.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/font-case.svg b/docs/assets/icons/jelly/font-case.svg new file mode 100644 index 000000000..5a78e41e2 --- /dev/null +++ b/docs/assets/icons/jelly/font-case.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/jelly/globe.svg b/docs/assets/icons/jelly/globe.svg new file mode 100644 index 000000000..7fa78853b --- /dev/null +++ b/docs/assets/icons/jelly/globe.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/docs/assets/icons/jelly/italic.svg b/docs/assets/icons/jelly/italic.svg new file mode 100644 index 000000000..92162e6d6 --- /dev/null +++ b/docs/assets/icons/jelly/italic.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/landmark.svg b/docs/assets/icons/jelly/landmark.svg new file mode 100644 index 000000000..f3822ff8d --- /dev/null +++ b/docs/assets/icons/jelly/landmark.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/jelly/leaf.svg b/docs/assets/icons/jelly/leaf.svg new file mode 100644 index 000000000..97706a032 --- /dev/null +++ b/docs/assets/icons/jelly/leaf.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/link.svg b/docs/assets/icons/jelly/link.svg new file mode 100644 index 000000000..f22a4d068 --- /dev/null +++ b/docs/assets/icons/jelly/link.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/jelly/list-ol.svg b/docs/assets/icons/jelly/list-ol.svg new file mode 100644 index 000000000..319714ebf --- /dev/null +++ b/docs/assets/icons/jelly/list-ol.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/docs/assets/icons/jelly/list.svg b/docs/assets/icons/jelly/list.svg new file mode 100644 index 000000000..bb45b09c7 --- /dev/null +++ b/docs/assets/icons/jelly/list.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/docs/assets/icons/jelly/location-dot.svg b/docs/assets/icons/jelly/location-dot.svg new file mode 100644 index 000000000..f5ad5ae04 --- /dev/null +++ b/docs/assets/icons/jelly/location-dot.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/lock.svg b/docs/assets/icons/jelly/lock.svg new file mode 100644 index 000000000..b1fa78487 --- /dev/null +++ b/docs/assets/icons/jelly/lock.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/magnifying-glass.svg b/docs/assets/icons/jelly/magnifying-glass.svg new file mode 100644 index 000000000..dd5ede919 --- /dev/null +++ b/docs/assets/icons/jelly/magnifying-glass.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/jelly/microphone.svg b/docs/assets/icons/jelly/microphone.svg new file mode 100644 index 000000000..bd9142ca9 --- /dev/null +++ b/docs/assets/icons/jelly/microphone.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/jelly/minus.svg b/docs/assets/icons/jelly/minus.svg new file mode 100644 index 000000000..ea99e8a92 --- /dev/null +++ b/docs/assets/icons/jelly/minus.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/mug-hot.svg b/docs/assets/icons/jelly/mug-hot.svg new file mode 100644 index 000000000..ecb530d2c --- /dev/null +++ b/docs/assets/icons/jelly/mug-hot.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/jelly/music.svg b/docs/assets/icons/jelly/music.svg new file mode 100644 index 000000000..81540ce20 --- /dev/null +++ b/docs/assets/icons/jelly/music.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/palette.svg b/docs/assets/icons/jelly/palette.svg new file mode 100644 index 000000000..04b77bd25 --- /dev/null +++ b/docs/assets/icons/jelly/palette.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/paper-plane-top.svg b/docs/assets/icons/jelly/paper-plane-top.svg new file mode 100644 index 000000000..63856ae1b --- /dev/null +++ b/docs/assets/icons/jelly/paper-plane-top.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/plus.svg b/docs/assets/icons/jelly/plus.svg new file mode 100644 index 000000000..b70a40b09 --- /dev/null +++ b/docs/assets/icons/jelly/plus.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/shirt.svg b/docs/assets/icons/jelly/shirt.svg new file mode 100644 index 000000000..5abd3cd2e --- /dev/null +++ b/docs/assets/icons/jelly/shirt.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/sparkles.svg b/docs/assets/icons/jelly/sparkles.svg new file mode 100644 index 000000000..01983ddad --- /dev/null +++ b/docs/assets/icons/jelly/sparkles.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/docs/assets/icons/jelly/star.svg b/docs/assets/icons/jelly/star.svg new file mode 100644 index 000000000..11cfebc07 --- /dev/null +++ b/docs/assets/icons/jelly/star.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/strikethrough.svg b/docs/assets/icons/jelly/strikethrough.svg new file mode 100644 index 000000000..ff615ebfb --- /dev/null +++ b/docs/assets/icons/jelly/strikethrough.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/jelly/terminal.svg b/docs/assets/icons/jelly/terminal.svg new file mode 100644 index 000000000..48a5c785a --- /dev/null +++ b/docs/assets/icons/jelly/terminal.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/jelly/trophy.svg b/docs/assets/icons/jelly/trophy.svg new file mode 100644 index 000000000..c69ec0373 --- /dev/null +++ b/docs/assets/icons/jelly/trophy.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/jelly/user.svg b/docs/assets/icons/jelly/user.svg new file mode 100644 index 000000000..7ca7ef086 --- /dev/null +++ b/docs/assets/icons/jelly/user.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/jelly/video.svg b/docs/assets/icons/jelly/video.svg new file mode 100644 index 000000000..998243032 --- /dev/null +++ b/docs/assets/icons/jelly/video.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/jelly/xmark.svg b/docs/assets/icons/jelly/xmark.svg new file mode 100644 index 000000000..ad3eba049 --- /dev/null +++ b/docs/assets/icons/jelly/xmark.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/arrow-down.svg b/docs/assets/icons/utility/arrow-down.svg new file mode 100644 index 000000000..a597125f8 --- /dev/null +++ b/docs/assets/icons/utility/arrow-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/arrow-rotate-left.svg b/docs/assets/icons/utility/arrow-rotate-left.svg new file mode 100644 index 000000000..9e813407b --- /dev/null +++ b/docs/assets/icons/utility/arrow-rotate-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/at.svg b/docs/assets/icons/utility/at.svg new file mode 100644 index 000000000..2219ff1a5 --- /dev/null +++ b/docs/assets/icons/utility/at.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/bag-shopping.svg b/docs/assets/icons/utility/bag-shopping.svg new file mode 100644 index 000000000..91732a5c9 --- /dev/null +++ b/docs/assets/icons/utility/bag-shopping.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/block-quote.svg b/docs/assets/icons/utility/block-quote.svg new file mode 100644 index 000000000..a34232ee6 --- /dev/null +++ b/docs/assets/icons/utility/block-quote.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/utility/bold.svg b/docs/assets/icons/utility/bold.svg new file mode 100644 index 000000000..b76ca9d5c --- /dev/null +++ b/docs/assets/icons/utility/bold.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/book-open.svg b/docs/assets/icons/utility/book-open.svg new file mode 100644 index 000000000..b6098a772 --- /dev/null +++ b/docs/assets/icons/utility/book-open.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/bookmark.svg b/docs/assets/icons/utility/bookmark.svg new file mode 100644 index 000000000..20ce8f9c8 --- /dev/null +++ b/docs/assets/icons/utility/bookmark.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/bug.svg b/docs/assets/icons/utility/bug.svg new file mode 100644 index 000000000..db8de876d --- /dev/null +++ b/docs/assets/icons/utility/bug.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/calendar.svg b/docs/assets/icons/utility/calendar.svg new file mode 100644 index 000000000..b21940c56 --- /dev/null +++ b/docs/assets/icons/utility/calendar.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/car.svg b/docs/assets/icons/utility/car.svg new file mode 100644 index 000000000..8a3d50647 --- /dev/null +++ b/docs/assets/icons/utility/car.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/utility/cart-shopping.svg b/docs/assets/icons/utility/cart-shopping.svg new file mode 100644 index 000000000..0b14a4650 --- /dev/null +++ b/docs/assets/icons/utility/cart-shopping.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/utility/check.svg b/docs/assets/icons/utility/check.svg new file mode 100644 index 000000000..b1f0c1056 --- /dev/null +++ b/docs/assets/icons/utility/check.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/chevron-down.svg b/docs/assets/icons/utility/chevron-down.svg new file mode 100644 index 000000000..371998e8b --- /dev/null +++ b/docs/assets/icons/utility/chevron-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/chevron-up.svg b/docs/assets/icons/utility/chevron-up.svg new file mode 100644 index 000000000..854fa9111 --- /dev/null +++ b/docs/assets/icons/utility/chevron-up.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/circle-info.svg b/docs/assets/icons/utility/circle-info.svg new file mode 100644 index 000000000..0e47d8fe4 --- /dev/null +++ b/docs/assets/icons/utility/circle-info.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/utility/circle-plus.svg b/docs/assets/icons/utility/circle-plus.svg new file mode 100644 index 000000000..8aa9864fe --- /dev/null +++ b/docs/assets/icons/utility/circle-plus.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/utility/clock.svg b/docs/assets/icons/utility/clock.svg new file mode 100644 index 000000000..ad7bc3ac9 --- /dev/null +++ b/docs/assets/icons/utility/clock.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/utility/code.svg b/docs/assets/icons/utility/code.svg new file mode 100644 index 000000000..213836e07 --- /dev/null +++ b/docs/assets/icons/utility/code.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/utility/credit-card.svg b/docs/assets/icons/utility/credit-card.svg new file mode 100644 index 000000000..50760e76c --- /dev/null +++ b/docs/assets/icons/utility/credit-card.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/crown.svg b/docs/assets/icons/utility/crown.svg new file mode 100644 index 000000000..e896d1890 --- /dev/null +++ b/docs/assets/icons/utility/crown.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/ellipsis.svg b/docs/assets/icons/utility/ellipsis.svg new file mode 100644 index 000000000..6f8c02eab --- /dev/null +++ b/docs/assets/icons/utility/ellipsis.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/utility/envelope.svg b/docs/assets/icons/utility/envelope.svg new file mode 100644 index 000000000..423012218 --- /dev/null +++ b/docs/assets/icons/utility/envelope.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/face-smile.svg b/docs/assets/icons/utility/face-smile.svg new file mode 100644 index 000000000..013171e42 --- /dev/null +++ b/docs/assets/icons/utility/face-smile.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/utility/flag.svg b/docs/assets/icons/utility/flag.svg new file mode 100644 index 000000000..fe702aa98 --- /dev/null +++ b/docs/assets/icons/utility/flag.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/font-case.svg b/docs/assets/icons/utility/font-case.svg new file mode 100644 index 000000000..e1ed6d905 --- /dev/null +++ b/docs/assets/icons/utility/font-case.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/utility/globe.svg b/docs/assets/icons/utility/globe.svg new file mode 100644 index 000000000..907f62b26 --- /dev/null +++ b/docs/assets/icons/utility/globe.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/italic.svg b/docs/assets/icons/utility/italic.svg new file mode 100644 index 000000000..078c6087e --- /dev/null +++ b/docs/assets/icons/utility/italic.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/keyboard.svg b/docs/assets/icons/utility/keyboard.svg new file mode 100644 index 000000000..6a26bf21f --- /dev/null +++ b/docs/assets/icons/utility/keyboard.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/landmark.svg b/docs/assets/icons/utility/landmark.svg new file mode 100644 index 000000000..b61b388e5 --- /dev/null +++ b/docs/assets/icons/utility/landmark.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/utility/leaf.svg b/docs/assets/icons/utility/leaf.svg new file mode 100644 index 000000000..2d3af58d6 --- /dev/null +++ b/docs/assets/icons/utility/leaf.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/link.svg b/docs/assets/icons/utility/link.svg new file mode 100644 index 000000000..9537360f3 --- /dev/null +++ b/docs/assets/icons/utility/link.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/utility/list-ol.svg b/docs/assets/icons/utility/list-ol.svg new file mode 100644 index 000000000..edcb79a76 --- /dev/null +++ b/docs/assets/icons/utility/list-ol.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/docs/assets/icons/utility/list.svg b/docs/assets/icons/utility/list.svg new file mode 100644 index 000000000..581276981 --- /dev/null +++ b/docs/assets/icons/utility/list.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/docs/assets/icons/utility/location-dot.svg b/docs/assets/icons/utility/location-dot.svg new file mode 100644 index 000000000..0157e45e2 --- /dev/null +++ b/docs/assets/icons/utility/location-dot.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/utility/lock.svg b/docs/assets/icons/utility/lock.svg new file mode 100644 index 000000000..1e97d9853 --- /dev/null +++ b/docs/assets/icons/utility/lock.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/magnifying-glass.svg b/docs/assets/icons/utility/magnifying-glass.svg new file mode 100644 index 000000000..8df7a242c --- /dev/null +++ b/docs/assets/icons/utility/magnifying-glass.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/microphone.svg b/docs/assets/icons/utility/microphone.svg new file mode 100644 index 000000000..06ad70f7a --- /dev/null +++ b/docs/assets/icons/utility/microphone.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/utility/minus.svg b/docs/assets/icons/utility/minus.svg new file mode 100644 index 000000000..978cbcc09 --- /dev/null +++ b/docs/assets/icons/utility/minus.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/mug-hot.svg b/docs/assets/icons/utility/mug-hot.svg new file mode 100644 index 000000000..d65f48ad4 --- /dev/null +++ b/docs/assets/icons/utility/mug-hot.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/utility/music.svg b/docs/assets/icons/utility/music.svg new file mode 100644 index 000000000..624301207 --- /dev/null +++ b/docs/assets/icons/utility/music.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/palette.svg b/docs/assets/icons/utility/palette.svg new file mode 100644 index 000000000..a5b90c424 --- /dev/null +++ b/docs/assets/icons/utility/palette.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/assets/icons/utility/paper-plane-top.svg b/docs/assets/icons/utility/paper-plane-top.svg new file mode 100644 index 000000000..f75b2687d --- /dev/null +++ b/docs/assets/icons/utility/paper-plane-top.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/plus.svg b/docs/assets/icons/utility/plus.svg new file mode 100644 index 000000000..ce2ac7f8b --- /dev/null +++ b/docs/assets/icons/utility/plus.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/shirt.svg b/docs/assets/icons/utility/shirt.svg new file mode 100644 index 000000000..f329ad89b --- /dev/null +++ b/docs/assets/icons/utility/shirt.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/sparkles.svg b/docs/assets/icons/utility/sparkles.svg new file mode 100644 index 000000000..c16b21f32 --- /dev/null +++ b/docs/assets/icons/utility/sparkles.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/utility/star.svg b/docs/assets/icons/utility/star.svg new file mode 100644 index 000000000..d8a438527 --- /dev/null +++ b/docs/assets/icons/utility/star.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/strikethrough.svg b/docs/assets/icons/utility/strikethrough.svg new file mode 100644 index 000000000..d73c6d588 --- /dev/null +++ b/docs/assets/icons/utility/strikethrough.svg @@ -0,0 +1,4 @@ + + + + diff --git a/docs/assets/icons/utility/terminal.svg b/docs/assets/icons/utility/terminal.svg new file mode 100644 index 000000000..fe0551873 --- /dev/null +++ b/docs/assets/icons/utility/terminal.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/assets/icons/utility/trophy.svg b/docs/assets/icons/utility/trophy.svg new file mode 100644 index 000000000..ebf8d8a9a --- /dev/null +++ b/docs/assets/icons/utility/trophy.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/user.svg b/docs/assets/icons/utility/user.svg new file mode 100644 index 000000000..c2fdf9d40 --- /dev/null +++ b/docs/assets/icons/utility/user.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/docs/assets/icons/utility/video.svg b/docs/assets/icons/utility/video.svg new file mode 100644 index 000000000..641f84d90 --- /dev/null +++ b/docs/assets/icons/utility/video.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/icons/utility/xmark.svg b/docs/assets/icons/utility/xmark.svg new file mode 100644 index 000000000..43612d2f9 --- /dev/null +++ b/docs/assets/icons/utility/xmark.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/public/assets/images/awesome.svg b/docs/assets/images/awesome.svg similarity index 100% rename from docs/public/assets/images/awesome.svg rename to docs/assets/images/awesome.svg diff --git a/docs/public/assets/images/chrome.png b/docs/assets/images/chrome.png similarity index 100% rename from docs/public/assets/images/chrome.png rename to docs/assets/images/chrome.png diff --git a/docs/public/assets/images/edge.png b/docs/assets/images/edge.png similarity index 100% rename from docs/public/assets/images/edge.png rename to docs/assets/images/edge.png diff --git a/docs/public/assets/images/firefox.png b/docs/assets/images/firefox.png similarity index 100% rename from docs/public/assets/images/firefox.png rename to docs/assets/images/firefox.png diff --git a/docs/assets/images/kitchen-sink/active/blog_feature.jpg b/docs/assets/images/kitchen-sink/active/blog_feature.jpg new file mode 100644 index 000000000..a9ac54c17 Binary files /dev/null and b/docs/assets/images/kitchen-sink/active/blog_feature.jpg differ diff --git a/docs/assets/images/kitchen-sink/active/carousel-1.jpg b/docs/assets/images/kitchen-sink/active/carousel-1.jpg new file mode 100644 index 000000000..463939fe9 Binary files /dev/null and b/docs/assets/images/kitchen-sink/active/carousel-1.jpg differ diff --git a/docs/assets/images/kitchen-sink/active/carousel-2.jpg b/docs/assets/images/kitchen-sink/active/carousel-2.jpg new file mode 100644 index 000000000..e73cd9ab1 Binary files /dev/null and b/docs/assets/images/kitchen-sink/active/carousel-2.jpg differ diff --git a/docs/assets/images/kitchen-sink/active/carousel-3.jpg b/docs/assets/images/kitchen-sink/active/carousel-3.jpg new file mode 100644 index 000000000..fb90c7581 Binary files /dev/null and b/docs/assets/images/kitchen-sink/active/carousel-3.jpg differ diff --git a/docs/assets/images/kitchen-sink/active/hero.png b/docs/assets/images/kitchen-sink/active/hero.png new file mode 100644 index 000000000..320b1e9fe Binary files /dev/null and b/docs/assets/images/kitchen-sink/active/hero.png differ diff --git a/docs/assets/images/kitchen-sink/active/keymaker.jpg b/docs/assets/images/kitchen-sink/active/keymaker.jpg new file mode 100644 index 000000000..48d82f41f Binary files /dev/null and b/docs/assets/images/kitchen-sink/active/keymaker.jpg differ diff --git a/docs/assets/images/kitchen-sink/active/morpheus.jpg b/docs/assets/images/kitchen-sink/active/morpheus.jpg new file mode 100644 index 000000000..ffac66724 Binary files /dev/null and b/docs/assets/images/kitchen-sink/active/morpheus.jpg differ diff --git a/docs/assets/images/kitchen-sink/active/seraph.jpg b/docs/assets/images/kitchen-sink/active/seraph.jpg new file mode 100644 index 000000000..d3621d541 Binary files /dev/null and b/docs/assets/images/kitchen-sink/active/seraph.jpg differ diff --git a/docs/assets/images/kitchen-sink/avatar-baudrillard.jpg b/docs/assets/images/kitchen-sink/avatar-baudrillard.jpg new file mode 100644 index 000000000..4f02df052 Binary files /dev/null and b/docs/assets/images/kitchen-sink/avatar-baudrillard.jpg differ diff --git a/docs/assets/images/kitchen-sink/avatar-chad.jpg b/docs/assets/images/kitchen-sink/avatar-chad.jpg new file mode 100644 index 000000000..ac0665822 Binary files /dev/null and b/docs/assets/images/kitchen-sink/avatar-chad.jpg differ diff --git a/docs/assets/images/kitchen-sink/avatar-char.jpg b/docs/assets/images/kitchen-sink/avatar-char.jpg new file mode 100644 index 000000000..1e8bd0e34 Binary files /dev/null and b/docs/assets/images/kitchen-sink/avatar-char.jpg differ diff --git a/docs/assets/images/kitchen-sink/avatar-dara.jpg b/docs/assets/images/kitchen-sink/avatar-dara.jpg new file mode 100644 index 000000000..f9adbe946 Binary files /dev/null and b/docs/assets/images/kitchen-sink/avatar-dara.jpg differ diff --git a/docs/assets/images/kitchen-sink/avatar-debbie.jpg b/docs/assets/images/kitchen-sink/avatar-debbie.jpg new file mode 100644 index 000000000..25e5dd212 Binary files /dev/null and b/docs/assets/images/kitchen-sink/avatar-debbie.jpg differ diff --git a/docs/assets/images/kitchen-sink/brutalist/blog_feature.jpg b/docs/assets/images/kitchen-sink/brutalist/blog_feature.jpg new file mode 100644 index 000000000..c82b26983 Binary files /dev/null and b/docs/assets/images/kitchen-sink/brutalist/blog_feature.jpg differ diff --git a/docs/assets/images/kitchen-sink/brutalist/carousel-1.jpg b/docs/assets/images/kitchen-sink/brutalist/carousel-1.jpg new file mode 100644 index 000000000..1f4ec964a Binary files /dev/null and b/docs/assets/images/kitchen-sink/brutalist/carousel-1.jpg differ diff --git a/docs/assets/images/kitchen-sink/brutalist/carousel-2.jpg b/docs/assets/images/kitchen-sink/brutalist/carousel-2.jpg new file mode 100644 index 000000000..a7e46b910 Binary files /dev/null and b/docs/assets/images/kitchen-sink/brutalist/carousel-2.jpg differ diff --git a/docs/assets/images/kitchen-sink/brutalist/carousel-3.jpg b/docs/assets/images/kitchen-sink/brutalist/carousel-3.jpg new file mode 100644 index 000000000..56965d574 Binary files /dev/null and b/docs/assets/images/kitchen-sink/brutalist/carousel-3.jpg differ diff --git a/docs/assets/images/kitchen-sink/brutalist/hero.png b/docs/assets/images/kitchen-sink/brutalist/hero.png new file mode 100644 index 000000000..03a949958 Binary files /dev/null and b/docs/assets/images/kitchen-sink/brutalist/hero.png differ diff --git a/docs/assets/images/kitchen-sink/brutalist/keymaker.jpg b/docs/assets/images/kitchen-sink/brutalist/keymaker.jpg new file mode 100644 index 000000000..ae53c462d Binary files /dev/null and b/docs/assets/images/kitchen-sink/brutalist/keymaker.jpg differ diff --git a/docs/assets/images/kitchen-sink/brutalist/morpheus.jpg b/docs/assets/images/kitchen-sink/brutalist/morpheus.jpg new file mode 100644 index 000000000..2f62e742a Binary files /dev/null and b/docs/assets/images/kitchen-sink/brutalist/morpheus.jpg differ diff --git a/docs/assets/images/kitchen-sink/brutalist/seraph.jpg b/docs/assets/images/kitchen-sink/brutalist/seraph.jpg new file mode 100644 index 000000000..ff554cad8 Binary files /dev/null and b/docs/assets/images/kitchen-sink/brutalist/seraph.jpg differ diff --git a/docs/assets/images/kitchen-sink/classic/blog_feature.jpg b/docs/assets/images/kitchen-sink/classic/blog_feature.jpg new file mode 100644 index 000000000..4ac75a175 Binary files /dev/null and b/docs/assets/images/kitchen-sink/classic/blog_feature.jpg differ diff --git a/docs/assets/images/kitchen-sink/classic/carousel-1.jpg b/docs/assets/images/kitchen-sink/classic/carousel-1.jpg new file mode 100644 index 000000000..46d3cab2c Binary files /dev/null and b/docs/assets/images/kitchen-sink/classic/carousel-1.jpg differ diff --git a/docs/assets/images/kitchen-sink/classic/carousel-2.jpg b/docs/assets/images/kitchen-sink/classic/carousel-2.jpg new file mode 100644 index 000000000..24e9b8221 Binary files /dev/null and b/docs/assets/images/kitchen-sink/classic/carousel-2.jpg differ diff --git a/docs/assets/images/kitchen-sink/classic/carousel-3.jpg b/docs/assets/images/kitchen-sink/classic/carousel-3.jpg new file mode 100644 index 000000000..7a18de126 Binary files /dev/null and b/docs/assets/images/kitchen-sink/classic/carousel-3.jpg differ diff --git a/docs/assets/images/kitchen-sink/classic/hero.png b/docs/assets/images/kitchen-sink/classic/hero.png new file mode 100644 index 000000000..56b16db2f Binary files /dev/null and b/docs/assets/images/kitchen-sink/classic/hero.png differ diff --git a/docs/assets/images/kitchen-sink/classic/keymaker.jpg b/docs/assets/images/kitchen-sink/classic/keymaker.jpg new file mode 100644 index 000000000..481346671 Binary files /dev/null and b/docs/assets/images/kitchen-sink/classic/keymaker.jpg differ diff --git a/docs/assets/images/kitchen-sink/classic/morpheus.jpg b/docs/assets/images/kitchen-sink/classic/morpheus.jpg new file mode 100644 index 000000000..792044afe Binary files /dev/null and b/docs/assets/images/kitchen-sink/classic/morpheus.jpg differ diff --git a/docs/assets/images/kitchen-sink/classic/seraph.jpg b/docs/assets/images/kitchen-sink/classic/seraph.jpg new file mode 100644 index 000000000..9ed8522a4 Binary files /dev/null and b/docs/assets/images/kitchen-sink/classic/seraph.jpg differ diff --git a/docs/assets/images/kitchen-sink/default/blog_feature.jpg b/docs/assets/images/kitchen-sink/default/blog_feature.jpg new file mode 100644 index 000000000..1aad316ea Binary files /dev/null and b/docs/assets/images/kitchen-sink/default/blog_feature.jpg differ diff --git a/docs/assets/images/kitchen-sink/default/carousel-1.jpg b/docs/assets/images/kitchen-sink/default/carousel-1.jpg new file mode 100644 index 000000000..8decaeb73 Binary files /dev/null and b/docs/assets/images/kitchen-sink/default/carousel-1.jpg differ diff --git a/docs/assets/images/kitchen-sink/default/carousel-2.jpg b/docs/assets/images/kitchen-sink/default/carousel-2.jpg new file mode 100644 index 000000000..b4d8734c3 Binary files /dev/null and b/docs/assets/images/kitchen-sink/default/carousel-2.jpg differ diff --git a/docs/assets/images/kitchen-sink/default/carousel-3.jpg b/docs/assets/images/kitchen-sink/default/carousel-3.jpg new file mode 100644 index 000000000..394f3c262 Binary files /dev/null and b/docs/assets/images/kitchen-sink/default/carousel-3.jpg differ diff --git a/docs/assets/images/kitchen-sink/default/hero.png b/docs/assets/images/kitchen-sink/default/hero.png new file mode 100644 index 000000000..84c16940a Binary files /dev/null and b/docs/assets/images/kitchen-sink/default/hero.png differ diff --git a/docs/assets/images/kitchen-sink/default/keymaker.jpg b/docs/assets/images/kitchen-sink/default/keymaker.jpg new file mode 100644 index 000000000..6eea8641e Binary files /dev/null and b/docs/assets/images/kitchen-sink/default/keymaker.jpg differ diff --git a/docs/assets/images/kitchen-sink/default/morpheus.jpg b/docs/assets/images/kitchen-sink/default/morpheus.jpg new file mode 100644 index 000000000..18e0039cf Binary files /dev/null and b/docs/assets/images/kitchen-sink/default/morpheus.jpg differ diff --git a/docs/assets/images/kitchen-sink/default/seraph.jpg b/docs/assets/images/kitchen-sink/default/seraph.jpg new file mode 100644 index 000000000..752d2c157 Binary files /dev/null and b/docs/assets/images/kitchen-sink/default/seraph.jpg differ diff --git a/docs/assets/images/kitchen-sink/fa/blog_feature.jpg b/docs/assets/images/kitchen-sink/fa/blog_feature.jpg new file mode 100644 index 000000000..12862e93b Binary files /dev/null and b/docs/assets/images/kitchen-sink/fa/blog_feature.jpg differ diff --git a/docs/assets/images/kitchen-sink/fa/carousel-1.jpg b/docs/assets/images/kitchen-sink/fa/carousel-1.jpg new file mode 100644 index 000000000..f955ac446 Binary files /dev/null and b/docs/assets/images/kitchen-sink/fa/carousel-1.jpg differ diff --git a/docs/assets/images/kitchen-sink/fa/carousel-2.jpg b/docs/assets/images/kitchen-sink/fa/carousel-2.jpg new file mode 100644 index 000000000..b339cbbb2 Binary files /dev/null and b/docs/assets/images/kitchen-sink/fa/carousel-2.jpg differ diff --git a/docs/assets/images/kitchen-sink/fa/carousel-3.jpg b/docs/assets/images/kitchen-sink/fa/carousel-3.jpg new file mode 100644 index 000000000..6154cd416 Binary files /dev/null and b/docs/assets/images/kitchen-sink/fa/carousel-3.jpg differ diff --git a/docs/assets/images/kitchen-sink/fa/hero.png b/docs/assets/images/kitchen-sink/fa/hero.png new file mode 100644 index 000000000..88cb041df Binary files /dev/null and b/docs/assets/images/kitchen-sink/fa/hero.png differ diff --git a/docs/assets/images/kitchen-sink/fa/keymaker.jpg b/docs/assets/images/kitchen-sink/fa/keymaker.jpg new file mode 100644 index 000000000..1f3d01172 Binary files /dev/null and b/docs/assets/images/kitchen-sink/fa/keymaker.jpg differ diff --git a/docs/assets/images/kitchen-sink/fa/morpheus.jpg b/docs/assets/images/kitchen-sink/fa/morpheus.jpg new file mode 100644 index 000000000..439ffdcc3 Binary files /dev/null and b/docs/assets/images/kitchen-sink/fa/morpheus.jpg differ diff --git a/docs/assets/images/kitchen-sink/fa/seraph.jpg b/docs/assets/images/kitchen-sink/fa/seraph.jpg new file mode 100644 index 000000000..42468444f Binary files /dev/null and b/docs/assets/images/kitchen-sink/fa/seraph.jpg differ diff --git a/docs/assets/images/kitchen-sink/glassy/blog_feature.jpg b/docs/assets/images/kitchen-sink/glassy/blog_feature.jpg new file mode 100644 index 000000000..215fe77a9 Binary files /dev/null and b/docs/assets/images/kitchen-sink/glassy/blog_feature.jpg differ diff --git a/docs/assets/images/kitchen-sink/glassy/carousel-1.jpg b/docs/assets/images/kitchen-sink/glassy/carousel-1.jpg new file mode 100644 index 000000000..2801be570 Binary files /dev/null and b/docs/assets/images/kitchen-sink/glassy/carousel-1.jpg differ diff --git a/docs/assets/images/kitchen-sink/glassy/carousel-2.jpg b/docs/assets/images/kitchen-sink/glassy/carousel-2.jpg new file mode 100644 index 000000000..ef7d71b6a Binary files /dev/null and b/docs/assets/images/kitchen-sink/glassy/carousel-2.jpg differ diff --git a/docs/assets/images/kitchen-sink/glassy/carousel-3.jpg b/docs/assets/images/kitchen-sink/glassy/carousel-3.jpg new file mode 100644 index 000000000..34dd22102 Binary files /dev/null and b/docs/assets/images/kitchen-sink/glassy/carousel-3.jpg differ diff --git a/docs/assets/images/kitchen-sink/glassy/hero.jpg b/docs/assets/images/kitchen-sink/glassy/hero.jpg new file mode 100644 index 000000000..d59cc3f37 Binary files /dev/null and b/docs/assets/images/kitchen-sink/glassy/hero.jpg differ diff --git a/docs/assets/images/kitchen-sink/glassy/keymaker.jpg b/docs/assets/images/kitchen-sink/glassy/keymaker.jpg new file mode 100644 index 000000000..ed087524c Binary files /dev/null and b/docs/assets/images/kitchen-sink/glassy/keymaker.jpg differ diff --git a/docs/assets/images/kitchen-sink/glassy/morpheus.jpg b/docs/assets/images/kitchen-sink/glassy/morpheus.jpg new file mode 100644 index 000000000..907dfe78d Binary files /dev/null and b/docs/assets/images/kitchen-sink/glassy/morpheus.jpg differ diff --git a/docs/assets/images/kitchen-sink/glassy/seraph.jpg b/docs/assets/images/kitchen-sink/glassy/seraph.jpg new file mode 100644 index 000000000..cd301b602 Binary files /dev/null and b/docs/assets/images/kitchen-sink/glassy/seraph.jpg differ diff --git a/docs/assets/images/kitchen-sink/migration/blog_feature.jpg b/docs/assets/images/kitchen-sink/migration/blog_feature.jpg new file mode 100644 index 000000000..f0a777330 Binary files /dev/null and b/docs/assets/images/kitchen-sink/migration/blog_feature.jpg differ diff --git a/docs/assets/images/kitchen-sink/migration/carousel-1.jpg b/docs/assets/images/kitchen-sink/migration/carousel-1.jpg new file mode 100644 index 000000000..23bf3294a Binary files /dev/null and b/docs/assets/images/kitchen-sink/migration/carousel-1.jpg differ diff --git a/docs/assets/images/kitchen-sink/migration/carousel-2.jpg b/docs/assets/images/kitchen-sink/migration/carousel-2.jpg new file mode 100644 index 000000000..ca604dacc Binary files /dev/null and b/docs/assets/images/kitchen-sink/migration/carousel-2.jpg differ diff --git a/docs/assets/images/kitchen-sink/migration/carousel-3.jpg b/docs/assets/images/kitchen-sink/migration/carousel-3.jpg new file mode 100644 index 000000000..146104697 Binary files /dev/null and b/docs/assets/images/kitchen-sink/migration/carousel-3.jpg differ diff --git a/docs/assets/images/kitchen-sink/migration/keymaker.jpg b/docs/assets/images/kitchen-sink/migration/keymaker.jpg new file mode 100644 index 000000000..058cbf5ab Binary files /dev/null and b/docs/assets/images/kitchen-sink/migration/keymaker.jpg differ diff --git a/docs/assets/images/kitchen-sink/migration/morpheus.jpg b/docs/assets/images/kitchen-sink/migration/morpheus.jpg new file mode 100644 index 000000000..b05188c45 Binary files /dev/null and b/docs/assets/images/kitchen-sink/migration/morpheus.jpg differ diff --git a/docs/assets/images/kitchen-sink/migration/seraph.jpg b/docs/assets/images/kitchen-sink/migration/seraph.jpg new file mode 100644 index 000000000..e962eccd1 Binary files /dev/null and b/docs/assets/images/kitchen-sink/migration/seraph.jpg differ diff --git a/docs/assets/images/kitchen-sink/playful/blog_feature.jpg b/docs/assets/images/kitchen-sink/playful/blog_feature.jpg new file mode 100644 index 000000000..1b7d46da8 Binary files /dev/null and b/docs/assets/images/kitchen-sink/playful/blog_feature.jpg differ diff --git a/docs/assets/images/kitchen-sink/playful/carousel-1.jpg b/docs/assets/images/kitchen-sink/playful/carousel-1.jpg new file mode 100644 index 000000000..caee2d5b0 Binary files /dev/null and b/docs/assets/images/kitchen-sink/playful/carousel-1.jpg differ diff --git a/docs/assets/images/kitchen-sink/playful/carousel-2.jpg b/docs/assets/images/kitchen-sink/playful/carousel-2.jpg new file mode 100644 index 000000000..7a43a7890 Binary files /dev/null and b/docs/assets/images/kitchen-sink/playful/carousel-2.jpg differ diff --git a/docs/assets/images/kitchen-sink/playful/carousel-3.jpg b/docs/assets/images/kitchen-sink/playful/carousel-3.jpg new file mode 100644 index 000000000..58bde4114 Binary files /dev/null and b/docs/assets/images/kitchen-sink/playful/carousel-3.jpg differ diff --git a/docs/assets/images/kitchen-sink/playful/hero.png b/docs/assets/images/kitchen-sink/playful/hero.png new file mode 100644 index 000000000..92494c3cd Binary files /dev/null and b/docs/assets/images/kitchen-sink/playful/hero.png differ diff --git a/docs/assets/images/kitchen-sink/playful/keymaker.jpg b/docs/assets/images/kitchen-sink/playful/keymaker.jpg new file mode 100644 index 000000000..c510a4779 Binary files /dev/null and b/docs/assets/images/kitchen-sink/playful/keymaker.jpg differ diff --git a/docs/assets/images/kitchen-sink/playful/morpheus.jpg b/docs/assets/images/kitchen-sink/playful/morpheus.jpg new file mode 100644 index 000000000..f75fa9320 Binary files /dev/null and b/docs/assets/images/kitchen-sink/playful/morpheus.jpg differ diff --git a/docs/assets/images/kitchen-sink/playful/seraph.jpg b/docs/assets/images/kitchen-sink/playful/seraph.jpg new file mode 100644 index 000000000..78bdeab59 Binary files /dev/null and b/docs/assets/images/kitchen-sink/playful/seraph.jpg differ diff --git a/docs/assets/images/kitchen-sink/premium/blog_feature.jpg b/docs/assets/images/kitchen-sink/premium/blog_feature.jpg new file mode 100644 index 000000000..c19319193 Binary files /dev/null and b/docs/assets/images/kitchen-sink/premium/blog_feature.jpg differ diff --git a/docs/assets/images/kitchen-sink/premium/carousel-1.jpg b/docs/assets/images/kitchen-sink/premium/carousel-1.jpg new file mode 100644 index 000000000..ab60f5024 Binary files /dev/null and b/docs/assets/images/kitchen-sink/premium/carousel-1.jpg differ diff --git a/docs/assets/images/kitchen-sink/premium/carousel-2.jpg b/docs/assets/images/kitchen-sink/premium/carousel-2.jpg new file mode 100644 index 000000000..930233dd5 Binary files /dev/null and b/docs/assets/images/kitchen-sink/premium/carousel-2.jpg differ diff --git a/docs/assets/images/kitchen-sink/premium/carousel-3.jpg b/docs/assets/images/kitchen-sink/premium/carousel-3.jpg new file mode 100644 index 000000000..a348f4015 Binary files /dev/null and b/docs/assets/images/kitchen-sink/premium/carousel-3.jpg differ diff --git a/docs/assets/images/kitchen-sink/premium/hero.png b/docs/assets/images/kitchen-sink/premium/hero.png new file mode 100644 index 000000000..4d4959e93 Binary files /dev/null and b/docs/assets/images/kitchen-sink/premium/hero.png differ diff --git a/docs/assets/images/kitchen-sink/premium/keymaker.jpg b/docs/assets/images/kitchen-sink/premium/keymaker.jpg new file mode 100644 index 000000000..d118a316d Binary files /dev/null and b/docs/assets/images/kitchen-sink/premium/keymaker.jpg differ diff --git a/docs/assets/images/kitchen-sink/premium/morpheus.jpg b/docs/assets/images/kitchen-sink/premium/morpheus.jpg new file mode 100644 index 000000000..fffaf0dd4 Binary files /dev/null and b/docs/assets/images/kitchen-sink/premium/morpheus.jpg differ diff --git a/docs/assets/images/kitchen-sink/premium/seraph.jpg b/docs/assets/images/kitchen-sink/premium/seraph.jpg new file mode 100644 index 000000000..c49c7f398 Binary files /dev/null and b/docs/assets/images/kitchen-sink/premium/seraph.jpg differ diff --git a/docs/assets/images/logo-simple.svg b/docs/assets/images/logo-simple.svg new file mode 100644 index 000000000..d9b058bc1 --- /dev/null +++ b/docs/assets/images/logo-simple.svg @@ -0,0 +1 @@ + diff --git a/docs/public/assets/images/logo.svg b/docs/assets/images/logo.svg similarity index 100% rename from docs/public/assets/images/logo.svg rename to docs/assets/images/logo.svg diff --git a/docs/public/assets/images/opera.png b/docs/assets/images/opera.png similarity index 100% rename from docs/public/assets/images/opera.png rename to docs/assets/images/opera.png diff --git a/docs/public/assets/images/safari.png b/docs/assets/images/safari.png similarity index 100% rename from docs/public/assets/images/safari.png rename to docs/assets/images/safari.png diff --git a/docs/public/assets/images/shoe.svg b/docs/assets/images/shoe.svg similarity index 100% rename from docs/public/assets/images/shoe.svg rename to docs/assets/images/shoe.svg diff --git a/docs/public/assets/images/tie.webp b/docs/assets/images/tie.webp similarity index 100% rename from docs/public/assets/images/tie.webp rename to docs/assets/images/tie.webp diff --git a/docs/public/assets/images/walk.gif b/docs/assets/images/walk.gif similarity index 100% rename from docs/public/assets/images/walk.gif rename to docs/assets/images/walk.gif diff --git a/docs/assets/images/webawesome-logo.svg b/docs/assets/images/webawesome-logo.svg new file mode 100644 index 000000000..ca05b787c --- /dev/null +++ b/docs/assets/images/webawesome-logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/assets/images/webawesome-wordmark.svg b/docs/assets/images/webawesome-wordmark.svg new file mode 100644 index 000000000..949f42e14 --- /dev/null +++ b/docs/assets/images/webawesome-wordmark.svg @@ -0,0 +1 @@ + diff --git a/docs/assets/scripts/code-examples.js b/docs/assets/scripts/code-examples.js new file mode 100644 index 000000000..34f67c694 --- /dev/null +++ b/docs/assets/scripts/code-examples.js @@ -0,0 +1,57 @@ +document.addEventListener('click', event => { + const toggle = event.target?.closest('.code-example-toggle'); + const pen = event.target?.closest('.code-example-pen'); + + // Toggle source + if (toggle) { + const codeExample = toggle.closest('.code-example'); + const isOpen = !codeExample.classList.contains('open'); + + toggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false'); + codeExample.classList.toggle('open', isOpen); + } + + // Edit in CodePen + if (pen) { + const codeExample = pen.closest('.code-example'); + const code = codeExample.querySelector('code'); + const version = document.documentElement.dataset.version; + const html = + `` + + `\n\n` + + `${code.textContent}`; + const css = 'body {\n font: 16px sans-serif;\n padding: 1rem;\n}\n'; + const js = ''; + + const form = document.createElement('form'); + form.action = 'https://codepen.io/pen/define'; + form.method = 'POST'; + form.target = '_blank'; + + const data = { + title: '', + description: '', + tags: ['webawesome'], + editors: '1000', + head: '', + html_classes: '', + css_external: '', + js_external: '', + js_module: true, + js_pre_processor: 'none', + html, + css, + js + }; + + const input = document.createElement('input'); + input.type = 'hidden'; + input.name = 'data'; + input.value = JSON.stringify(data); + form.append(input); + + document.documentElement.append(form); + form.submit(); + form.remove(); + } +}); diff --git a/docs/assets/scripts/copy-code.js b/docs/assets/scripts/copy-code.js new file mode 100644 index 000000000..ff8f82a6e --- /dev/null +++ b/docs/assets/scripts/copy-code.js @@ -0,0 +1,15 @@ +function setCopyValue() { + document.querySelectorAll('.copy-button').forEach(copyButton => { + const pre = copyButton.closest('pre'); + const code = pre?.querySelector('code'); + + if (code) { + copyButton.value = code.textContent; + } + }); +} + +// Set data for all copy buttons when the page loads +setCopyValue(); + +document.addEventListener('turbo:load', setCopyValue); diff --git a/docs/assets/scripts/outline.js b/docs/assets/scripts/outline.js new file mode 100644 index 000000000..522b23cb4 --- /dev/null +++ b/docs/assets/scripts/outline.js @@ -0,0 +1,50 @@ +const getLinks = () => [...document.querySelectorAll('#outline-standard a')]; +const linkTargets = new WeakMap(); +const visibleTargets = new WeakSet(); +const observer = new IntersectionObserver(handleIntersect, { rootMargin: '0px 0px' }); + +function handleIntersect(entries) { + entries.forEach(entry => { + // Remember which targets are visible + if (entry.isIntersecting) { + visibleTargets.add(entry.target); + } else { + visibleTargets.delete(entry.target); + } + }); + + updateLinks(); +} + +function updateLinks() { + const links = getLinks(); + // Find the first visible target and activate the respective link + links.find(link => { + const target = linkTargets.get(link); + + if (target && visibleTargets.has(target)) { + links.forEach(el => el.classList.toggle('current', el === link)); + return true; + } + + return false; + }); +} + +// Observe link targets +function observeLinks() { + getLinks().forEach(link => { + const hash = link.hash.slice(1); + const target = hash ? document.querySelector(`#content #${hash}`) : null; + + if (target) { + linkTargets.set(link, target); + observer.observe(target); + } + }); +} + +observeLinks(); + +document.addEventListener('turbo:load', updateLinks); +document.addEventListener('turbo:load', observeLinks); diff --git a/docs/assets/scripts/scroll.js b/docs/assets/scripts/scroll.js new file mode 100644 index 000000000..6591af482 --- /dev/null +++ b/docs/assets/scripts/scroll.js @@ -0,0 +1,32 @@ +// Smooth links +document.addEventListener('click', event => { + const link = event.target.closest('a'); + const id = (link?.hash ?? '').substr(1); + + if (!link || link.getAttribute('data-smooth-link') === 'off') { + return; + } + + if (id) { + const target = document.getElementById(id); + const headerHeight = document.querySelector('wa-page > header').clientHeight; + + if (target) { + event.preventDefault(); + window.scroll({ + top: target.offsetTop - headerHeight, + behavior: 'smooth' + }); + history.pushState(undefined, undefined, `#${id}`); + } + } +}); + +// Scroll classes +function updateScrollClass() { + document.body.classList.toggle('scrolled-down', window.scrollY >= 10); +} + +window.addEventListener('scroll', updateScrollClass); +window.addEventListener('turbo:render', updateScrollClass); +updateScrollClass(); diff --git a/docs/assets/scripts/search.js b/docs/assets/scripts/search.js new file mode 100644 index 000000000..8ffe500ae --- /dev/null +++ b/docs/assets/scripts/search.js @@ -0,0 +1,193 @@ +// Search data +const res = await Promise.all([import('https://cdn.jsdelivr.net/npm/lunr/+esm'), fetch('/search.json')]); +const lunr = res[0].default; +const searchData = await res[1].json(); +const searchIndex = lunr.Index.load(searchData.searchIndex); +const map = searchData.map; +const searchDebounce = 100; +const icons = { + component: 'puzzle-piece', + document: 'file', + home: 'house', + theme: 'palette' +}; +let searchTimeout; + +// We're using Turbo, so references to these elements aren't guaranteed to remain intact +function getElements() { + return { + dialog: document.getElementById('site-search'), + input: document.getElementById('site-search-input'), + results: document.getElementById('site-search-listbox') + }; +} + +// Show the search dialog when slash (or CMD+K) is pressed and focus is not inside a form element +document.addEventListener('keydown', event => { + if ( + (event.key === '/' || (event.key === 'k' && (event.metaKey || event.ctrlKey))) && + !event.composedPath().some(el => ['input', 'textarea'].includes(el?.tagName?.toLowerCase())) + ) { + event.preventDefault(); + show(); + } +}); + +// Show the search dialog when clicking on elements with the `data-search` attribute +document.addEventListener('click', event => { + const searchButton = event.target.closest('[data-search]'); + if (searchButton) { + show(); + } +}); + +function show() { + const { dialog, input, results } = getElements(); + + input.addEventListener('input', handleInput); + results.addEventListener('click', handleSelection); + dialog.addEventListener('keydown', handleKeyDown); + dialog.addEventListener('wa-hide', hide, { once: true }); + dialog.open = true; +} + +function hide() { + const { dialog, input, results } = getElements(); + + input.removeEventListener('input', handleInput); + results.removeEventListener('click', handleSelection); + dialog.removeEventListener('keydown', handleKeyDown); + dialog.open = false; +} + +function handleInput() { + const { input } = getElements(); + + clearTimeout(searchTimeout); + searchTimeout = setTimeout(() => updateResults(input.value), searchDebounce); +} + +function handleClear() { + const { input } = getElements(); + + input.value = ''; + input.focus(); + updateResults(); +} + +function handleKeyDown(event) { + const { input, results } = getElements(); + + // Handle keyboard selections + if (['ArrowDown', 'ArrowUp', 'Home', 'End', 'Enter'].includes(event.key)) { + event.preventDefault(); + + const currentEl = results.querySelector('[data-selected="true"]'); + const items = [...results.querySelectorAll('li')]; + const index = items.indexOf(currentEl); + let nextEl; + + if (items.length === 0) { + return; + } + + switch (event.key) { + case 'ArrowUp': + nextEl = items[Math.max(0, index - 1)]; + break; + case 'ArrowDown': + nextEl = items[Math.min(items.length - 1, index + 1)]; + break; + case 'Home': + nextEl = items[0]; + break; + case 'End': + nextEl = items[items.length - 1]; + break; + case 'Enter': + currentEl?.querySelector('a')?.click(); + break; + } + + // Update the selected item + items.forEach(item => { + if (item === nextEl) { + input.setAttribute('aria-activedescendant', item.id); + item.setAttribute('data-selected', 'true'); + nextEl.scrollIntoView({ block: 'nearest' }); + } else { + item.setAttribute('data-selected', 'false'); + } + }); + } +} + +function handleSelection(event) { + const link = event.target.closest('a'); + + if (link) { + event.preventDefault(); + hide(); + location.href = link.href; + } +} + +// Queries the search index and updates the results +async function updateResults(query = '') { + const { dialog, input, results } = getElements(); + + try { + const hasQuery = query.length > 0; + const searchTokens = query + .split(' ') + .map((term, index, arr) => `${term}${index === arr.length - 1 ? `* ${term}~1` : '~1'}`) + .join(' '); + const matches = hasQuery ? searchIndex.search(`${query} ${searchTokens}`) : []; + const hasResults = hasQuery && matches.length > 0; + + dialog.classList.toggle('has-results', hasQuery && hasResults); + dialog.classList.toggle('no-results', hasQuery && !hasResults); + + input.setAttribute('aria-activedescendant', ''); + results.innerHTML = ''; + + matches.forEach((match, index) => { + const page = map[match.ref]; + const li = document.createElement('li'); + const a = document.createElement('a'); + const displayTitle = page.title ?? ''; + const displayDescription = page.description ?? ''; + const displayUrl = page.url.replace(/^\//, ''); + let icon = icons.document; + + li.classList.add('site-search-result'); + li.setAttribute('role', 'option'); + li.setAttribute('id', `search-result-item-${match.ref}`); + li.setAttribute('data-selected', index === 0 ? 'true' : 'false'); + + if (page.url === '/') icon = icons.home; + if (page.url.startsWith('/docs/components')) icon = icons.component; + if (page.url.startsWith('/docs/theme') || page.url.startsWith('/docs/restyle')) icon = icons.theme; + + a.href = page.url; + a.innerHTML = ` + +
      +
      +
      +
      +
      + `; + a.querySelector('.site-search-result-title').textContent = displayTitle; + a.querySelector('.site-search-result-description').textContent = displayDescription; + a.querySelector('.site-search-result-url').textContent = displayUrl; + + li.appendChild(a); + results.appendChild(li); + }); + } catch { + // Ignore query errors as the user types + } +} diff --git a/docs/assets/scripts/turbo.js b/docs/assets/scripts/turbo.js new file mode 100644 index 000000000..e6d08c837 --- /dev/null +++ b/docs/assets/scripts/turbo.js @@ -0,0 +1,35 @@ +import 'https://cdn.jsdelivr.net/npm/@hotwired/turbo@7.3.0/+esm'; + +if (!window.___turboScrollPositions___) { + window.___turboScrollPositions___ = {}; +} + +const positions = window.___turboScrollPositions___; + +function saveScrollPosition() { + document.querySelectorAll('[data-remember-scroll]').forEach(el => { + if (el.id) { + positions[el.id] = { + top: el.scrollTop, + left: el.scrollLeft + }; + } else { + console.warn(`Can't save scroll position for elements without an id.`, el); + } + }); +} + +function restoreScrollPosition(event) { + const el = event.detail?.newBody || document; + + el.querySelectorAll('[data-remember-scroll]').forEach(el => { + if (positions[el.id]) { + el.scrollTop = positions[el.id].top; + el.scrollLeft = positions[el.id].left; + } + }); +} + +window.addEventListener('turbo:before-cache', saveScrollPosition); +window.addEventListener('turbo:before-render', restoreScrollPosition); +window.addEventListener('turbo:render', restoreScrollPosition); diff --git a/docs/assets/styles/code-examples.css b/docs/assets/styles/code-examples.css new file mode 100644 index 000000000..bee752cfb --- /dev/null +++ b/docs/assets/styles/code-examples.css @@ -0,0 +1,89 @@ +.code-example { + border: var(--wa-border-style) var(--wa-panel-border-width) var(--wa-color-neutral-border-subtle); + border-radius: var(--wa-corners-m); + color: var(--wa-color-text-normal); + margin-block-end: var(--wa-flow-spacing); +} + +.code-example-preview { + padding: 2rem; + border-bottom: var(--wa-border-style) var(--wa-panel-border-width) var(--wa-color-neutral-border-subtle); + + > :first-child { + margin-block-start: 0; + } + + > :last-child { + margin-block-end: 0; + } +} + +.code-example-source { + border-bottom: var(--wa-border-style) var(--wa-panel-border-width) var(--wa-color-neutral-border-subtle); +} + +.code-example:not(.open) .code-example-source { + display: none; +} + +.code-example.open .code-example-toggle wa-icon { + rotate: 180deg; +} + +.code-example-source pre { + border-radius: 0; + margin: 0; + + code { + background: transparent; + } +} + +.code-example-source:not(:has(+ .code-example-buttons)) { + border-bottom: none; + + pre { + border-bottom-right-radius: var(--wa-corners-m); + border-bottom-left-radius: var(--wa-corners-m); + } +} + +.code-example-buttons { + display: flex; + align-items: stretch; + + button { + all: unset; + flex: 1 0 auto; + font-size: 0.875rem; + color: var(--wa-color-text-quiet); + border-left: var(--wa-border-style) var(--wa-panel-border-width) var(--wa-color-neutral-border-subtle); + text-align: center; + padding: 0.5rem; + cursor: pointer; + + &:first-of-type { + border-left: none; + border-bottom-left-radius: var(--wa-corners-m); + } + + &:last-of-type { + border-bottom-right-radius: var(--wa-corners-m); + } + + &:focus-visible { + outline: var(--wa-focus-ring); + } + } + + .code-example-pen { + flex: 0 0 100px; + white-space: nowrap; + } + + wa-icon { + width: 1em; + height: 1em; + vertical-align: -2px; + } +} diff --git a/docs/assets/styles/code-highlighter.css b/docs/assets/styles/code-highlighter.css new file mode 100644 index 000000000..a8ec07ddb --- /dev/null +++ b/docs/assets/styles/code-highlighter.css @@ -0,0 +1,55 @@ +.code-comment, +.code-prolog, +.code-doctype, +.code-cdata, +.code-operator, +.code-punctuation { + color: var(--wa-color-base-50); +} + +.code-namespace { + opacity: 0.7; +} + +.code-property, +.code-keyword, +.code-tag, +.code-url { + color: #7c3aed; /* violet */ +} + +.code-symbol, +.code-deleted, +.code-important { + color: var(--wa-color-red-40); +} + +.code-boolean, +.code-constant, +.code-selector, +.code-attr-name, +.code-string, +.code-char, +.code-builtin, +.code-inserted { + color: var(--wa-color-green-40); +} + +.code-atrule, +.code-attr-value, +.code-number, +.code-variable, +.code-function, +.code-class-name, +.code-regex { + color: var(--wa-color-yellow-40); +} + +.code-important, +.code-bold { + font-weight: bold; +} + +.code-italic { + font-style: italic; +} diff --git a/docs/assets/styles/copy-code.css b/docs/assets/styles/copy-code.css new file mode 100644 index 000000000..4ce4ab4e5 --- /dev/null +++ b/docs/assets/styles/copy-code.css @@ -0,0 +1,28 @@ +.copy-button { + position: absolute; + top: 0.25rem; + right: 0.25rem; + font-family: var(--wa-font-family-body); + color: var(--wa-color-neutral-text-on-fill); + background-color: var(--wa-color-neutral-fill-subtle); + border-radius: var(--wa-corners-s); + padding: 0.25rem; + + &:hover { + background-color: var(--wa-color-neutral-fill-highlight); + } + + &:focus-visible { + outline: var(--wa-focus-ring); + } +} + +@media (hover: hover) { + .copy-button:not(:focus-within) { + opacity: 0; + } + + pre:hover > .copy-button { + opacity: 1; + } +} diff --git a/docs/assets/styles/docs.css b/docs/assets/styles/docs.css new file mode 100644 index 000000000..fc93d5243 --- /dev/null +++ b/docs/assets/styles/docs.css @@ -0,0 +1,133 @@ +@import 'code-examples.css'; +@import 'code-highlighter.css'; +@import 'copy-code.css'; +@import 'outline.css'; +@import 'search.css'; + +wa-page[view='desktop'] [data-toggle-nav] { + display: none; +} + +/* Header */ +wa-page::part(header) { + background-color: var(--wa-color-surface-default); + border-bottom: var(--wa-border-style) var(--wa-panel-border-width) var(--wa-color-neutral-border-subtle); +} + +wa-page > header { + flex: 1 1 auto; + display: flex; + align-items: center; + max-width: 1200px; + height: 60px; + padding-inline: 2rem; + + svg { + width: auto; + max-height: 26px; + } +} + +/* Navigation sidebar */ +wa-page[view='desktop']::part(navigation) { + border-right: var(--wa-border-style) var(--wa-panel-border-width) var(--wa-color-neutral-border-subtle); +} + +wa-page[view='desktop'] > #sidebar { + min-width: 320px; + padding: 2rem; +} + +#sidebar, +#outline { + h2 { + font-size: 1.125rem; + margin-block-end: 0.5rem; + } +} + +#sidebar nav { + padding-bottom: 1rem; +} + +/* Main content */ +wa-page > main { + max-width: 80ch; + padding: 2rem; + margin-inline: auto; +} + +/* Current link */ +#sidebar, +#outline { + .current { + font-weight: var(--wa-font-weight-heavy); + text-decoration-style: solid; + } +} + +/* Anchor headings */ +.anchor-heading a { + visibility: hidden; + text-decoration: none; +} + +@media (hover: hover) { + .anchor-heading:hover a { + visibility: visible; + padding: 0 0.125em; + } +} + +/* Callouts */ +.callout { + display: flex; + gap: 1rem; + border: var(--wa-border-style) var(--wa-border-width-m); + border-radius: var(--wa-corners-m); + padding: 1rem; + margin-block-end: var(--wa-flow-spacing); + + :first-child { + margin-block-start: 0; + } + + :last-child { + margin-block-end: 0; + } +} + +.callout-icon { + flex: 0 0 auto; + font-size: 1.5rem; +} + +.callout-content { + flex: 1 1 auto; +} + +.callout-info { + background-color: var(--wa-color-brand-fill-subtle); + border-color: var(--wa-color-brand-border-subtle); + + .callout-icon { + color: var(--wa-color-brand-text-on-fill); + } + + code { + background-color: var(--wa-color-brand-fill-highlight); + } +} + +.callout-warning { + background-color: var(--wa-color-warning-fill-subtle); + border-color: var(--wa-color-warning-border-subtle); + + .callout-icon { + color: var(--wa-color-warning-text-on-fill); + } + + code { + background-color: var(--wa-color-warning-fill-highlight); + } +} diff --git a/docs/assets/styles/outline.css b/docs/assets/styles/outline.css new file mode 100644 index 000000000..6f9b7afce --- /dev/null +++ b/docs/assets/styles/outline.css @@ -0,0 +1,44 @@ +#outline { + order: 2; + padding-inline-end: 2rem; + margin-block: 2rem; +} + +#outline h2 > a { + font-weight: inherit; + color: inherit; +} + +#outline > nav { + position: sticky; + top: calc(var(--docs-header-height) + 3.5rem); +} + +#outline-expandable { + display: none; +} + +#outline-expandable ul { + columns: 2; + column-gap: 2rem; + padding-inline: 1rem; +} + +#outline [data-level='3'] { + margin-inline-start: 1rem; +} + +@media screen and (max-width: 1299px) { + #outline { + padding-block: 0.25rem; + margin-block-end: -1rem; + } + + #outline-standard { + display: none; + } + + #outline-expandable { + display: block; + } +} diff --git a/docs/assets/styles/search.css b/docs/assets/styles/search.css index 45305c4ea..6c9e2b4c4 100644 --- a/docs/assets/styles/search.css +++ b/docs/assets/styles/search.css @@ -1,344 +1,259 @@ -/* Search plugin */ -:root { - --docs-search-box-background: var(--wa-form-controls-background); - --docs-search-box-border-width: var(--wa-form-controls-border-width); - --docs-search-box-border-color: var(--wa-form-controls-resting-color); - --docs-search-box-color: var(--wa-form-controls-placeholder-color); +#site-search { + --width: 38rem; - --docs-search-dialog-background: var(--wa-color-surface-raised); - --docs-search-border-width: var(--wa-border-width-s); - --docs-search-border-color: var(--wa-color-surface-border); - --docs-search-text-color: var(--wa-color-text-normal); - --docs-search-text-color-muted: var(--wa-color-text-quiet); - --docs-search-font-weight-normal: var(--wa-font-weight-normal); - --docs-search-font-weight-semibold: var(--wa-font-weight-medium); - --docs-search-border-radius: calc(2 * var(--wa-corners-s)); + &::part(panel) { + position: absolute; + top: 0; + border-radius: var(--wa-corners-m); + padding: 0; + margin: 10rem auto; + overflow: hidden; + } - --docs-search-accent-color: var(--wa-color-brand-text-on-surface); - --docs-search-icon-color: var(--wa-color-neutral-spot); - --docs-search-icon-color-active: color-mix(in lch, var(--wa-color-neutral-spot), 8% black); - --docs-search-shadow: var(--wa-shadow-level-3); - --docs-search-result-background-hover: var(--wa-color-neutral-fill-highlight); - --docs-search-result-color-hover: var(--wa-color-neutral-text-on-fill); - --docs-search-result-background-active: var(--wa-color-brand-spot); - --docs-search-result-color-active: var(--wa-color-brand-text-on-spot); - --docs-search-focus-ring: var(--wa-focus-ring); - --docs-search-overlay-background: rgb(0 0 0 / 0.33); -} + &::part(body) { + padding: 0; + } -body.search-visible { - padding-right: var(--docs-search-scroll-lock-size) !important; - overflow: hidden !important; -} - -/* Search box */ -.search-box { - flex: 1 1 auto; - display: flex; - align-items: center; - width: 100%; - border: none; - border-radius: 9999px; - background: var(--docs-search-box-background); - border: solid var(--docs-search-box-border-width) var(--docs-search-box-border-color); - font: inherit; - color: var(--docs-search-box-color); - padding: 0.75rem 1rem; - margin: var(--wa-space-l) 0; - cursor: pointer; -} - -.search-box span { - flex: 1 1 auto; - width: 1rem; - height: 1rem; - text-align: left; - line-height: 1; - margin: 0 0.75rem; -} - -.search-box:focus { - outline: none; -} - -.search-box:focus-visible { - outline: var(--docs-search-focus-ring); -} - -/* Site search */ -.search { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 9999; -} - -.search[hidden] { - display: none; -} - -.search__overlay { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: var(--docs-search-overlay-background); - z-index: -1; -} - -.search__dialog { - width: 100%; - height: 100%; - max-width: none; - max-height: none; - background: transparent; - border: none; - padding: 0; - margin: 0; -} - -.search__dialog:focus { - outline: none; -} - -.search__dialog::backdrop { - display: none; -} - -/* Fixes an iOS Safari 16.4 bug that draws the parent element's border radius incorrectly when showing/hiding results */ -.search__header { - background-color: var(--docs-search-dialog-background); - border-radius: var(--docs-search-border-radius); -} - -.search--has-results .search__header { - border-top-left-radius: var(--docs-search-border-radius); - border-top-right-radius: var(--docs-search-border-radius); - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -.search__content { - display: flex; - flex-direction: column; - width: 100%; - max-width: 500px; - max-height: calc(100vh - 20rem); - background-color: var(--docs-search-dialog-background); - border-radius: var(--docs-search-border-radius); - box-shadow: var(--docs-search-shadow); - padding: 0; - margin: 10rem auto; -} - -@media screen and (max-width: 900px) { - .search__content { - max-width: calc(100% - 2rem); - max-height: calc(90svh); - margin: 4vh 1rem; + &::part(footer) { + justify-content: center; + gap: 0.5rem; } } -.search__input-wrapper { +#site-search-container { + display: flex; + flex-direction: column; + max-height: calc(100vh - 20rem); +} + +@media screen and (max-width: 900px) { + #site-search::part(panel) { + max-width: calc(100% - 2rem); + margin-block: 1rem; + } + + #site-search-container { + max-height: calc(100dvh - 2rem); + } +} + +/* Header */ +header { + flex: 0 0 auto; + align-items: middle; + /* Fixes an iOS Safari 16.4 bug that draws the parent element's border radius incorrectly when showing/hiding results */ + border-radius: var(--wa-corners-l); +} + +#site-search.has-results header { + border-start-start-radius: var(--wa-corners-l); + border-start-end-radius: var(--wa-corners-l); + border-end-start-radius: 0; + border-end-end-radius: 0; +} + +#site-search-input-wrapper { display: flex; align-items: center; + margin-block-end: 0.5rem; } -.search__input-wrapper wa-icon { - width: 1.5rem; - height: 1.5rem; - flex: 0 0 auto; - color: var(--docs-search-icon-color); - margin: 0 1.5rem; -} - -.search__clear-button { - display: flex; - background: none; - border: none; - font: inherit; - padding: 0; - margin: 0; - cursor: pointer; -} - -.search__clear-button[hidden] { - display: none; -} - -.search__clear-button:active wa-icon { - color: var(--docs-search-icon-color-active); -} - -.search__input { +#site-search-input { flex: 1 1 auto; min-width: 0; border: none; font: inherit; font-size: 1.5rem; - font-weight: var(--docs-search-font-weight-normal); - color: var(--docs-search-text-color); background: transparent; - padding: 1rem 0; + padding: 1rem 1rem 0.5rem 1rem; margin: 0; + + &::placeholder { + color: var(--wa-color-text-quiet); + } + + &:focus, + &:focus-visible { + outline: none; + } } -.search__input::placeholder { - color: var(--docs-search-text-color-muted); -} - -.search__input::-webkit-search-decoration, -.search__input::-webkit-search-cancel-button, -.search__input::-webkit-search-results-button, -.search__input::-webkit-search-results-decoration { +#site-search-input::-webkit-search-decoration, +#site-search-input::-webkit-search-cancel-button, +#site-search-input::-webkit-search-results-button, +#site-search-input::-webkit-search-results-decoration { display: none; } -.search__input:focus, -.search__input:focus-visible { - outline: none; +#site-search-input:focus, +#site-search-input:focus-visible { + --wa-focus-ring: 0; } -.search__body { +#site-search-body { flex: 1 1 auto; - overflow: auto; + overflow-x: hidden; + overflow-y: auto; } -.search--has-results .search__body { - border-top: solid var(--docs-search-border-width) var(--docs-search-border-color); +#site-search.has-results, +#site-search.no-results { + #site-search-body { + border-top: var(--wa-border-style) var(--wa-border-width-m) var(--wa-color-neutral-border-subtle); + } } -.search__results { - display: none; - line-height: 1.2; +/* Results */ +#site-search-listbox { + line-height: 1.4; list-style: none; - padding: 0.5rem 0; - margin: 0; -} - -.search--has-results .search__results { - display: block; -} - -.search__results a { - display: block; - text-decoration: none; - padding: 0.5rem 1.5rem; -} - -.search__results a:focus-visible { - outline: var(--docs-search-focus-ring); -} - -.search__results li a:hover, -.search__results li a:hover small { - background-color: var(--docs-search-result-background-hover); - color: var(--docs-search-result-color-hover); -} - -.search__results li[data-selected='true'] a, -.search__results li[data-selected='true'] a * { - outline: none; - background-color: var(--docs-search-result-background-active); - color: var(--docs-search-result-color-active); -} - -.search__results h3 { - font-weight: var(--docs-search-font-weight-semibold); - margin: 0; -} - -.search__results small { - display: block; - color: var(--docs-search-text-color-muted); -} - -.search__result { padding: 0; margin: 0; + + a { + display: flex; + gap: 1.5rem; + align-items: center; + text-decoration: none; + padding: 0.5rem 1.5rem; + } + + a:focus-visible { + outline: var(--wa-focus-ring); + outline-offset: -2px; + } + + @media (hover: hover) { + li a:hover, + li a:hover small { + background-color: var(--wa-color-neutral-fill-highlight); + } + } + + li[data-selected='true'] a, + li[data-selected='true'] a * { + outline: none; + background-color: var(--wa-color-brand-spot); + color: var(--wa-color-brand-text-on-spot); + } + + h3 { + font-weight: var(--wa-font-weight-medium); + margin: 0; + } + + small { + display: block; + color: var(--wa-color-text-quiet); + } } -.search__result a { - display: flex; - align-items: center; - gap: 1rem; -} - -.search__result-icon { - flex: 0 0 auto; - display: flex; - color: var(--docs-search-text-color-muted); -} - -.search__result-icon wa-icon { - font-size: 1.5rem; -} - -.search__result__details { - width: calc(100% - 3rem); -} - -.search__result-title, -.search__result-description, -.search__result-url { - max-width: 400px; - line-height: 1.3; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.search__result-title { - font-size: 1.2rem; - font-weight: var(--docs-search-font-weight-semibold); - color: var(--docs-search-accent-color); -} - -.search__result-description { - font-size: 0.875rem; - color: var(--docs-search-text-color); -} - -.search__result-url { - font-size: 0.875rem; - color: var(--docs-search-text-color-muted); -} - -.search__empty { - display: none; - border-top: solid var(--docs-search-border-width) var(--docs-search-border-color); - text-align: center; - color: var(--docs-search-text-color-muted); - padding: 2rem; -} - -.search--no-results .search__empty { +#site-search.has-results #site-search-results { display: block; } -.search__footer { +/* Search results */ +.site-search-result { + padding: 0; + margin: 0; + + .site-search-result-icon { + flex: 0 0 auto; + display: flex; + width: 1.75rem; + justify-content: center; + + wa-icon { + font-size: 1.75rem; + color: var(--wa-color-neutral-spot); + } + } + + .site-search-result-title, + .site-search-result-description, + .site-search-result-url { + max-width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + + .site-search-result-details { + max-width: calc(100% - 4rem); + } + + .site-search-result-title { + font-size: 1.25rem; + font-weight: var(--wa-font-weight-medium); + color: var(--wa-color-brand-text-on-fill); + } + + .site-search-result-description { + font-size: 0.875rem; + color: var(--wa-color-text-normal); + } + + .site-search-result-url { + font-size: 0.875rem; + color: var(--wa-color-text-quiet); + } +} + +/* Empty state */ +#site-search-empty { + display: none; + text-align: center; + font-size: 0.875rem; + color: var(--wa-color-text-quiet); + padding: 3rem 2rem; + + wa-icon { + display: block; + width: 2rem; + height: 2rem; + margin-inline: auto; + margin-block-end: 0.5rem; + } +} + +#site-search.no-results #site-search-empty { + display: block; +} + +/* Footer */ +#site-search footer { + flex: 0 0 auto; display: flex; justify-content: center; gap: 2rem; - border-top: solid var(--docs-search-border-width) var(--docs-search-border-color); - border-bottom-left-radius: inherit; - border-bottom-right-radius: inherit; + color: var(--wa-color-text-quiet); + border-top: var(--wa-border-style) var(--wa-border-width-m) var(--wa-color-neutral-border-subtle); + border-bottom-left-radius: var(--wa-corners-m); + border-bottom-right-radius: var(--wa-corners-m); padding: 1rem; -} -.search__footer small { - color: var(--docs-search-text-color-muted); -} + kbd { + display: inline-flex; + height: 1.35rem; + justify-content: center; + align-items: center; -.search__footer small kbd:last-of-type { - margin-right: 0.25rem; -} + &:last-of-type { + margin-inline-end: 0.25rem; + } -@media screen and (max-width: 900px) { - .search__footer { - display: none; + > svg { + width: 1em; + height: 1em; + } + } +} + +@keyframes show-search-backdrop { + from { + opacity: 0; + } + to { + opacity: 1; } } diff --git a/docs/astro.config.mjs b/docs/astro.config.mjs deleted file mode 100644 index 3867a2b11..000000000 --- a/docs/astro.config.mjs +++ /dev/null @@ -1,147 +0,0 @@ -import { defineConfig } from 'astro/config'; -import starlight from '@astrojs/starlight'; -import * as url from 'node:url'; -import * as path from 'node:path'; -// const __filename = url.fileURLToPath(import.meta.url); -const __dirname = url.fileURLToPath(new URL('.', import.meta.url)); - -import FullReload from 'vite-plugin-full-reload'; - -import { customElementsManifest } from './src/js/cem.js'; -import { RemarkPluginFindAndReplace } from 'remark-plugin-find-and-replace'; -import rehypeExternalLinks from 'rehype-external-links'; -import remarkCodeHighlighter from './src/plugins/prism'; -import GithubAutolink from './src/plugins/github-autolink.ts'; - -const version = customElementsManifest().package.version; -const cdndir = 'cdn'; -const npmdir = 'dist'; - -function remarkFrontmatterPlugin() { - // All remark and rehype plugins return a separate function - return function (tree, file) { - const frontmatter = file.data.astro.frontmatter; - - frontmatter.npmdir = npmdir; - frontmatter.cdndir = cdndir; - frontmatter.version = version; - }; -} - -// https://astro.build/config -export default defineConfig({ - server: { - open: true, - port: 4000, - host: true - }, - vite: { - server: { - watch: { - ignored: ['./public/pagefind/**/*.*'] // HERE - } - }, - plugins: [ - FullReload([ - path.relative(__dirname, '../dist/custom-elements.json') - // path.relative(__dirname, './public/**/*.*') - ]) - ] - }, - outDir: '../_site', - site: 'https://shoelace.style', - markdown: { - syntaxHighlight: 'prism', - remarkPlugins: [ - remarkFrontmatterPlugin, - RemarkPluginFindAndReplace({ - replacements: [ - { pattern: '%VERSION%', replacement: version }, - { pattern: '%CDNDIR%', replacement: cdndir }, - { pattern: '%NPMDIR%', replacement: npmdir } - ] - }), - GithubAutolink, - remarkCodeHighlighter - ], - rehypePlugins: [ - () => - rehypeExternalLinks({ - rel: ['nofollow', 'noopener', 'noreferrer'], - target: ['_blank'], - properties: { - class: 'external-link' - } - }) - ] - }, - integrations: [ - starlight({ - expressiveCode: false, - title: 'Web Awesome', - social: { - github: 'https://github.com/shoelace-style/shoelace', - twitter: 'https://twitter.com/shoelace_style' - }, - sidebar: [ - { - label: 'Experimental', - autogenerate: { directory: 'experimental' } - }, - { - label: 'Getting Started', - autogenerate: { directory: 'getting-started' } - }, - { - label: 'Frameworks', - autogenerate: { directory: 'frameworks' } - }, - { - label: 'Resources', - autogenerate: { directory: 'resources' }, - items: [ - { - label: 'Community', - link: '/resources/community' - }, - { - label: 'Help & Support', - link: 'https://github.com/shoelace-style/shoelace/discussions' - }, - { - label: 'Accessibility', - link: '/resources/accessibility' - }, - { - label: 'Contributing', - link: '/resources/contributing' - }, - { - label: 'Changelog', - link: '/resources/changelog' - } - ] - }, - { - label: 'Components', - autogenerate: { directory: 'components' } - }, - { - label: 'Design Tokens', - autogenerate: { directory: 'tokens' } - }, - { - label: 'Tutorials', - autogenerate: { directory: 'tutorials' } - } - ], - // Component overrides - components: { - // Override the default `Head` component. - Head: './src/components/overrides/Head.astro', - TableOfContents: './src/components/overrides/TableOfContents.astro', - Search: './src/components/overrides/Search.astro' - } - }) - ] -}); diff --git a/docs/src/content/docs/components/alert.md b/docs/docs/components/alert.md similarity index 97% rename from docs/src/content/docs/components/alert.md rename to docs/docs/components/alert.md index 41cb4acb0..63e6d8fb6 100644 --- a/docs/src/content/docs/components/alert.md +++ b/docs/docs/components/alert.md @@ -1,17 +1,18 @@ --- title: Alert description: Alerts are used to display important messages inline or as toast notifications. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- -```html:preview +```html {.example} This is a standard alert. You can customize its content and even the icon. ``` -```jsx:react +{% raw %} +```jsx {.react} import WaAlert from '@shoelace-style/shoelace/dist/react/alert'; import WaIcon from '@shoelace-style/shoelace/dist/react/icon'; @@ -22,8 +23,9 @@ const App = () => ( ); ``` +{% endraw %} -:::caution +:::warning Alerts will not be visible if the `open` attribute is not present. ::: @@ -33,7 +35,7 @@ Alerts will not be visible if the `open` attribute is not present. Set the `variant` attribute to change the alert's variant. -```html:preview +```html {.example} This is super informative
      @@ -73,7 +75,8 @@ Set the `variant` attribute to change the alert's variant.       ``` -```jsx:react +{% raw %} +```jsx {.react} import WaAlert from '@shoelace-style/shoelace/dist/react/alert'; import WaIcon from '@shoelace-style/shoelace/dist/react/icon'; @@ -124,12 +127,13 @@ const App = () => ( ); ``` +{% endraw %} ### Closable Add the `closable` attribute to show a close button that will hide the alert. -```html:preview +```html {.example} You can close this alert any time! @@ -143,7 +147,8 @@ Add the `closable` attribute to show a close button that will hide the alert. ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaAlert from '@shoelace-style/shoelace/dist/react/alert'; import WaIcon from '@shoelace-style/shoelace/dist/react/icon'; @@ -164,16 +169,18 @@ const App = () => { ); }; ``` +{% endraw %} ### Without Icons Icons are optional. Simply omit the `icon` slot if you don't want them. -```html:preview +```html {.example} Nothing fancy here, just a simple alert. ``` -```jsx:react +{% raw %} +```jsx {.react} import WaAlert from '@shoelace-style/shoelace/dist/react/alert'; const App = () => ( @@ -182,12 +189,13 @@ const App = () => ( ); ``` +{% endraw %} ### Duration Set the `duration` attribute to automatically hide an alert after a period of time. This is useful for alerts that don't require acknowledgement. -```html:preview +```html {.example}
      Show Alert @@ -212,7 +220,8 @@ Set the `duration` attribute to automatically hide an alert after a period of ti ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaAlert from '@shoelace-style/shoelace/dist/react/alert'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; @@ -245,6 +254,7 @@ const App = () => { ); }; ``` +{% endraw %} ### Toast Notifications @@ -252,7 +262,7 @@ To display an alert as a toast notification, or "toast", create the alert and ca You should always use the `closable` attribute so users can dismiss the notification. It's also common to set a reasonable `duration` when the notification doesn't require acknowledgement. -```html:preview +```html {.example}
      Brand Success @@ -303,7 +313,8 @@ You should always use the `closable` attribute so users can dismiss the notifica ``` -```jsx:react +{% raw %} +```jsx {.react} import { useRef } from 'react'; import WaAlert from '@shoelace-style/shoelace/dist/react/alert'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; @@ -380,12 +391,13 @@ const App = () => { ); }; ``` +{% endraw %} ### Creating Toasts Imperatively For convenience, you can create a utility that emits toast notifications with a function call rather than composing them in your HTML. To do this, generate the alert with JavaScript, append it to the body, and call the `toast()` method as shown in the example below. -```html:preview +```html {.example}
      Create Toast
      @@ -437,6 +449,6 @@ By default, the toast stack is positioned at the top-right of the viewport. You } ``` -:::tip +:::info By design, it is not possible to show toasts in more than one stack simultaneously. Such behavior is confusing and makes for a poor user experience. ::: diff --git a/docs/src/content/docs/components/animated-image.md b/docs/docs/components/animated-image.md similarity index 91% rename from docs/src/content/docs/components/animated-image.md rename to docs/docs/components/animated-image.md index c7b8381cf..6cc22b616 100644 --- a/docs/src/content/docs/components/animated-image.md +++ b/docs/docs/components/animated-image.md @@ -1,17 +1,18 @@ --- title: Animated Image description: A component for displaying animated GIFs and WEBPs that play and pause on interaction. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaAnimatedImage from '@shoelace-style/shoelace/dist/react/animated-image'; const App = () => ( @@ -21,8 +22,9 @@ const App = () => ( /> ); ``` +{% endraw %} -:::tip +:::info This component uses `` to draw freeze frames, so images are subject to [cross-origin restrictions](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image). ::: @@ -32,26 +34,28 @@ This component uses `` to draw freeze frames, so images are subject to [ Both GIF and WEBP images are supported. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaAnimatedImage from '@shoelace-style/shoelace/dist/react/animated-image'; const App = () => ( ); ``` +{% endraw %} ### Setting a Width and Height To set a custom size, apply a width and/or height to the host element. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaAnimatedImage from '@shoelace-style/shoelace/dist/react/animated-image'; const App = () => ( @@ -71,12 +76,13 @@ const App = () => ( /> ); ``` +{% endraw %} ### Customizing the Control Box You can change the appearance and location of the control box by targeting the `control-box` part in your styles. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaAnimatedImage from '@shoelace-style/shoelace/dist/react/animated-image'; const css = ` @@ -123,3 +130,4 @@ const App = () => ( ); ``` +{% endraw %} diff --git a/docs/src/content/docs/components/animation.md b/docs/docs/components/animation.md similarity index 96% rename from docs/src/content/docs/components/animation.md rename to docs/docs/components/animation.md index 66d109a91..31208969b 100644 --- a/docs/src/content/docs/components/animation.md +++ b/docs/docs/components/animation.md @@ -1,12 +1,12 @@ --- title: Animation description: Animate elements declaratively with nearly 100 baked-in presets, or roll your own with custom keyframes. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- To animate an element, wrap it in `` and set an animation `name`. The animation will not start until you add the `play` attribute. Refer to the [properties table](#properties) for a list of all animation options. -```html:preview +```html {.example}
      @@ -25,7 +25,8 @@ To animate an element, wrap it in `` and set an animation `name`. ``` -```jsx:react +{% raw %} +```jsx {.react} import WaAnimation from '@shoelace-style/shoelace/dist/react/animation'; const css = ` @@ -59,8 +60,9 @@ const App = () => ( ); ``` +{% endraw %} -:::tip +:::info The animation will only be applied to the first child element found in ``. ::: @@ -70,7 +72,7 @@ The animation will only be applied to the first child element found in `
      @@ -134,15 +136,17 @@ This example demonstrates all of the baked-in animations and easings. Animations ``` -```jsx:react +{% raw %} +```jsx {.react} ``` +{% endraw %} ### Using Intersection Observer Use an [Intersection Observer](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) to control the animation when an element enters or exits the viewport. For example, scroll the box below in and out of your screen. The animation stops when the box exits the viewport and restarts each time it enters the viewport. -```html:preview +```html {.example}
      @@ -175,7 +179,8 @@ Use an [Intersection Observer](https://developer.mozilla.org/en-US/docs/Web/API/ ``` -```jsx:react +{% raw %} +```jsx {.react} import { useEffect, useRef, useState } from 'react'; import WaAnimation from '@shoelace-style/shoelace/dist/react/animation'; @@ -224,12 +229,13 @@ const App = () => { ); }; ``` +{% endraw %} ### Custom Keyframe Formats Supply your own [keyframe formats](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Keyframe_Formats) to build custom animations. -```html:preview +```html {.example}
      @@ -265,7 +271,8 @@ Supply your own [keyframe formats](https://developer.mozilla.org/en-US/docs/Web/ ``` -```jsx:react +{% raw %} +```jsx {.react} import WaAnimation from '@shoelace-style/shoelace/dist/react/animation'; const css = ` @@ -308,12 +315,13 @@ const App = () => ( ); ``` +{% endraw %} ### Playing Animations on Demand Animations won't play until you apply the `play` attribute. You can omit it initially, then apply it on demand such as after a user interaction. In this example, the button will animate once every time the button is clicked. -```html:preview +```html {.example}
      Click me @@ -331,7 +339,8 @@ Animations won't play until you apply the `play` attribute. You can omit it init ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaAnimation from '@shoelace-style/shoelace/dist/react/animation'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; @@ -350,3 +359,4 @@ const App = () => { ); }; ``` +{% endraw %} diff --git a/docs/src/content/docs/components/avatar.md b/docs/docs/components/avatar.md similarity index 94% rename from docs/src/content/docs/components/avatar.md rename to docs/docs/components/avatar.md index 54adf623f..3cf9fd84b 100644 --- a/docs/src/content/docs/components/avatar.md +++ b/docs/docs/components/avatar.md @@ -1,20 +1,22 @@ --- title: Avatar description: Avatars are used to represent a person or object. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- By default, a generic icon will be shown. You can personalize avatars by adding custom icons, initials, and images. You should always provide a `label` for assistive devices. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaAvatar from '@shoelace-style/shoelace/dist/react/avatar'; const App = () => ; ``` +{% endraw %} ## Examples @@ -23,7 +25,7 @@ const App = () => ; To use an image for the avatar, set the `image` and `label` attributes. This will take priority and be shown over initials and icons. Avatar images can be lazily loaded by setting the `loading` attribute to `lazy`. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaAvatar from '@shoelace-style/shoelace/dist/react/avatar'; const App = () => ( @@ -50,26 +53,29 @@ const App = () => ( /> ); ``` +{% endraw %} ### Initials When you don't have an image to use, you can set the `initials` attribute to show something more personalized than an icon. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaAvatar from '@shoelace-style/shoelace/dist/react/avatar'; const App = () => ; ``` +{% endraw %} ### Custom Icons When no image or initials are set, an icon will be shown. The default avatar shows a generic "user" icon, but you can customize this with the `icon` slot. -```html:preview +```html {.example} @@ -83,7 +89,8 @@ When no image or initials are set, an icon will be shown. The default avatar sho ``` -```jsx:react +{% raw %} +```jsx {.react} import WaAvatar from '@shoelace-style/shoelace/dist/react/avatar'; import WaIcon from '@shoelace-style/shoelace/dist/react/icon'; @@ -103,18 +110,20 @@ const App = () => ( ); ``` +{% endraw %} ### Shapes Avatars can be shaped using the `shape` attribute. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaAvatar from '@shoelace-style/shoelace/dist/react/avatar'; import WaIcon from '@shoelace-style/shoelace/dist/react/icon'; @@ -126,12 +135,13 @@ const App = () => ( ); ``` +{% endraw %} ### Avatar Groups You can group avatars with a few lines of CSS. -```html:preview +```html {.example}
      ``` -```jsx:react +{% raw %} +```jsx {.react} import WaAvatar from '@shoelace-style/shoelace/dist/react/avatar'; import WaIcon from '@shoelace-style/shoelace/dist/react/icon'; @@ -207,3 +218,4 @@ const App = () => ( ); ``` +{% endraw %} diff --git a/docs/src/content/docs/components/badge.md b/docs/docs/components/badge.md similarity index 93% rename from docs/src/content/docs/components/badge.md rename to docs/docs/components/badge.md index fde18079d..4a8f90f62 100644 --- a/docs/src/content/docs/components/badge.md +++ b/docs/docs/components/badge.md @@ -1,18 +1,20 @@ --- title: Badge description: Badges are used to draw attention and display statuses or counts. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- -```html:preview +```html {.example} Badge ``` -```jsx:react +{% raw %} +```jsx {.react} import WaBadge from '@shoelace-style/shoelace/dist/react/badge'; const App = () => Badge; ``` +{% endraw %} ## Examples @@ -20,7 +22,7 @@ const App = () => Badge; Set the `variant` attribute to change the badge's variant. -```html:preview +```html {.example} Brand Success Neutral @@ -28,7 +30,8 @@ Set the `variant` attribute to change the badge's variant. Danger ``` -```jsx:react +{% raw %} +```jsx {.react} import WaBadge from '@shoelace-style/shoelace/dist/react/badge'; const App = () => ( @@ -41,12 +44,13 @@ const App = () => ( ); ``` +{% endraw %} ### Pill Badges Use the `pill` attribute to give badges rounded edges. -```html:preview +```html {.example} Brand Success Neutral @@ -54,7 +58,8 @@ Use the `pill` attribute to give badges rounded edges. Danger ``` -```jsx:react +{% raw %} +```jsx {.react} import WaBadge from '@shoelace-style/shoelace/dist/react/badge'; const App = () => ( @@ -77,12 +82,13 @@ const App = () => ( ); ``` +{% endraw %} ### Pulsating Badges Use the `pulse` attribute to draw attention to the badge with a subtle animation. -```html:preview +```html {.example}
      1 1 @@ -98,7 +104,8 @@ Use the `pulse` attribute to draw attention to the badge with a subtle animation ``` -```jsx:react +{% raw %} +```jsx {.react} import WaBadge from '@shoelace-style/shoelace/dist/react/badge'; const css = ` @@ -131,12 +138,13 @@ const App = () => ( ); ``` +{% endraw %} ### With Buttons One of the most common use cases for badges is attaching them to buttons. To make this easier, badges will be automatically positioned at the top-right when they're a child of a button. -```html:preview +```html {.example} Requests 30 @@ -153,7 +161,8 @@ One of the most common use cases for badges is attaching them to buttons. To mak ``` -```jsx:react +{% raw %} +```jsx {.react} import WaBadge from '@shoelace-style/shoelace/dist/react/badge'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; @@ -180,12 +189,13 @@ const App = () => ( ); ``` +{% endraw %} ### With Menu Items When including badges in menu items, use the `suffix` slot to make sure they're aligned correctly. -```html:preview +```html {.example} Messages Comments 4 @@ -193,7 +203,8 @@ When including badges in menu items, use the `suffix` slot to make sure they're ``` -```jsx:react +{% raw %} +```jsx {.react} import WaBadge from '@shoelace-style/shoelace/dist/react/badge'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaMenu from '@shoelace-style/shoelace/dist/react/menu'; @@ -220,3 +231,4 @@ const App = () => ( ); ``` +{% endraw %} diff --git a/docs/src/content/docs/components/breadcrumb-item.md b/docs/docs/components/breadcrumb-item.md similarity index 91% rename from docs/src/content/docs/components/breadcrumb-item.md rename to docs/docs/components/breadcrumb-item.md index c86347171..522a5ba46 100644 --- a/docs/src/content/docs/components/breadcrumb-item.md +++ b/docs/docs/components/breadcrumb-item.md @@ -1,10 +1,10 @@ --- title: Breadcrumb Item description: Breadcrumb Items are used inside breadcrumbs to represent different links. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- -```html:preview +```html {.example} @@ -15,7 +15,8 @@ layout: ../../../layouts/ComponentLayout.astro ``` -```jsx:react +{% raw %} +```jsx {.react} import WaBreadcrumb from '@shoelace-style/shoelace/dist/react/breadcrumb'; import WaBreadcrumbItem from '@shoelace-style/shoelace/dist/react/breadcrumb-item'; import WaIcon from '@shoelace-style/shoelace/dist/react/icon'; @@ -31,7 +32,8 @@ const App = () => ( ); ``` +{% endraw %} -:::tip +:::info Additional demonstrations can be found in the [breadcrumb examples](/components/breadcrumb). ::: diff --git a/docs/src/content/docs/components/breadcrumb.md b/docs/docs/components/breadcrumb.md similarity index 95% rename from docs/src/content/docs/components/breadcrumb.md rename to docs/docs/components/breadcrumb.md index de36a25d8..a47f2bf30 100644 --- a/docs/src/content/docs/components/breadcrumb.md +++ b/docs/docs/components/breadcrumb.md @@ -1,12 +1,12 @@ --- title: Breadcrumb description: Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- Breadcrumbs are usually placed before a page's main content with the current page shown last to indicate the user's position in the navigation. -```html:preview +```html {.example} Catalog Clothing @@ -15,7 +15,8 @@ Breadcrumbs are usually placed before a page's main content with the current pag ``` -```jsx:react +{% raw %} +```jsx {.react} import WaBreadcrumb from '@shoelace-style/shoelace/dist/react/breadcrumb'; import WaBreadcrumbItem from '@shoelace-style/shoelace/dist/react/breadcrumb-item'; @@ -28,6 +29,7 @@ const App = () => ( ); ``` +{% endraw %} ## Examples @@ -37,7 +39,7 @@ By default, breadcrumb items are rendered as buttons so you can use them to navi For websites, you'll probably want to use links instead. You can make any breadcrumb item a link by applying an `href` attribute to it. Now, when the user activates it, they'll be taken to the corresponding page — no event listeners required. -```html:preview +```html {.example} Homepage @@ -49,7 +51,8 @@ For websites, you'll probably want to use links instead. You can make any breadc ``` -```jsx:react +{% raw %} +```jsx {.react} import WaBreadcrumb from '@shoelace-style/shoelace/dist/react/breadcrumb'; import WaBreadcrumbItem from '@shoelace-style/shoelace/dist/react/breadcrumb-item'; @@ -65,12 +68,13 @@ const App = () => ( ); ``` +{% endraw %} ### Custom Separators Use the `separator` slot to change the separator that goes between breadcrumb items. Icons work well, but you can also use text or an image. -```html:preview +```html {.example} First @@ -97,7 +101,8 @@ Use the `separator` slot to change the separator that goes between breadcrumb it ``` -```jsx:react +{% raw %} +```jsx {.react} import '@shoelace-style/shoelace/dist/components/icon/icon.js'; import WaBreadcrumb from '@shoelace-style/shoelace/dist/react/breadcrumb'; import WaBreadcrumbItem from '@shoelace-style/shoelace/dist/react/breadcrumb-item'; @@ -131,12 +136,13 @@ const App = () => ( ); ``` +{% endraw %} ### Prefixes Use the `prefix` slot to add content before any breadcrumb item. -```html:preview +```html {.example} @@ -147,7 +153,8 @@ Use the `prefix` slot to add content before any breadcrumb item. ``` -```jsx:react +{% raw %} +```jsx {.react} import WaBreadcrumb from '@shoelace-style/shoelace/dist/react/breadcrumb'; import WaBreadcrumbItem from '@shoelace-style/shoelace/dist/react/breadcrumb-item'; import WaIcon from '@shoelace-style/shoelace/dist/react/icon'; @@ -163,12 +170,13 @@ const App = () => ( ); ``` +{% endraw %} ### Suffixes Use the `suffix` slot to add content after any breadcrumb item. -```html:preview +```html {.example} Documents Policies @@ -179,7 +187,8 @@ Use the `suffix` slot to add content after any breadcrumb item. ``` -```jsx:react +{% raw %} +```jsx {.react} import WaBreadcrumb from '@shoelace-style/shoelace/dist/react/breadcrumb'; import WaBreadcrumbItem from '@shoelace-style/shoelace/dist/react/breadcrumb-item'; import WaIcon from '@shoelace-style/shoelace/dist/react/icon'; @@ -195,12 +204,13 @@ const App = () => ( ); ``` +{% endraw %} ### With Dropdowns Dropdown menus can be placed in a prefix or suffix slot to provide additional options. -```html:preview +```html {.example} Homepage Our Services @@ -221,7 +231,8 @@ Dropdown menus can be placed in a prefix or suffix slot to provide additional op ``` -```jsx:react +{% raw %} +```jsx {.react} import { WaBreadcrumb, WaBreadcrumbItem, @@ -255,3 +266,4 @@ const App = () => ( ); ``` +{% endraw %} diff --git a/docs/src/content/docs/components/button-group.md b/docs/docs/components/button-group.md similarity index 96% rename from docs/src/content/docs/components/button-group.md rename to docs/docs/components/button-group.md index 8303fdda9..9839b8008 100644 --- a/docs/src/content/docs/components/button-group.md +++ b/docs/docs/components/button-group.md @@ -1,10 +1,10 @@ --- title: Button Group description: Button groups can be used to group related buttons into sections. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- -```html:preview +```html {.example} Left Center @@ -12,7 +12,8 @@ layout: ../../../layouts/ComponentLayout.astro ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaButtonGroup from '@shoelace-style/shoelace/dist/react/button-group'; @@ -24,6 +25,7 @@ const App = () => ( ); ``` +{% endraw %} ## Examples @@ -31,7 +33,7 @@ const App = () => ( All button sizes are supported, but avoid mixing sizes within the same button group. -```html:preview +```html {.example} Left Center @@ -55,7 +57,8 @@ All button sizes are supported, but avoid mixing sizes within the same button gr ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaButtonGroup from '@shoelace-style/shoelace/dist/react/button-group'; @@ -87,12 +90,13 @@ const App = () => ( ); ``` +{% endraw %} ### Theme Buttons Theme buttons are supported through the button's `variant` attribute. -```html:preview +```html {.example} Left Center @@ -132,7 +136,8 @@ Theme buttons are supported through the button's `variant` attribute. ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaButtonGroup from '@shoelace-style/shoelace/dist/react/button-group'; @@ -182,12 +187,13 @@ const App = () => ( ); ``` +{% endraw %} ### Pill Buttons Pill buttons are supported through the button's `pill` attribute. -```html:preview +```html {.example} Left Center @@ -211,7 +217,8 @@ Pill buttons are supported through the button's `pill` attribute. ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaButtonGroup from '@shoelace-style/shoelace/dist/react/button-group'; @@ -261,12 +268,13 @@ const App = () => ( ); ``` +{% endraw %} ### Dropdowns in Button Groups Dropdowns can be placed inside button groups as long as the trigger is an `` element. -```html:preview +```html {.example} Button Button @@ -281,7 +289,8 @@ Dropdowns can be placed inside button groups as long as the trigger is an ` ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaButtonGroup from '@shoelace-style/shoelace/dist/react/button-group'; import WaDropdown from '@shoelace-style/shoelace/dist/react/dropdown'; @@ -305,12 +314,13 @@ const App = () => ( ); ``` +{% endraw %} ### Split Buttons Create a split button using a button and a dropdown. Use a [visually hidden](/components/visually-hidden) label to ensure the dropdown is accessible to users with assistive devices. -```html:preview +```html {.example} Save @@ -326,7 +336,8 @@ Create a split button using a button and a dropdown. Use a [visually hidden](/co ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaButtonGroup from '@shoelace-style/shoelace/dist/react/button-group'; import WaDropdown from '@shoelace-style/shoelace/dist/react/dropdown'; @@ -347,12 +358,13 @@ const App = () => ( ); ``` +{% endraw %} ### Tooltips in Button Groups Buttons can be wrapped in tooltips to provide more detail when the user interacts with them. -```html:preview +```html {.example} Left @@ -368,7 +380,8 @@ Buttons can be wrapped in tooltips to provide more detail when the user interact ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaButtonGroup from '@shoelace-style/shoelace/dist/react/button-group'; import WaTooltip from '@shoelace-style/shoelace/dist/react/tooltip'; @@ -391,12 +404,13 @@ const App = () => ( ); ``` +{% endraw %} ### Toolbar Example Create interactive toolbars with button groups. -```html:preview +```html {.example}
      @@ -439,7 +453,8 @@ Create interactive toolbars with button groups. ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaButtonGroup from '@shoelace-style/shoelace/dist/react/button-group'; import WaIcon from '@shoelace-style/shoelace/dist/react/icon'; @@ -508,3 +523,4 @@ const App = () => ( ); ``` +{% endraw %} diff --git a/docs/src/content/docs/components/button.md b/docs/docs/components/button.md similarity index 94% rename from docs/src/content/docs/components/button.md rename to docs/docs/components/button.md index 699285f20..b6c84cd64 100644 --- a/docs/src/content/docs/components/button.md +++ b/docs/docs/components/button.md @@ -1,18 +1,20 @@ --- title: Button description: Buttons represent actions that are available to the user. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- -```html:preview +```html {.example} Button ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; const App = () => Button; ``` +{% endraw %} ## Examples @@ -20,7 +22,7 @@ const App = () => Button; Use the `variant` attribute to set the button's variant. -```html:preview +```html {.example} Brand Success Neutral @@ -28,7 +30,8 @@ Use the `variant` attribute to set the button's variant. Danger ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; const App = () => ( @@ -41,18 +44,20 @@ const App = () => ( ); ``` +{% endraw %} ### Sizes Use the `size` attribute to change a button's size. -```html:preview +```html {.example} Small Medium Large ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; const App = () => ( @@ -63,12 +68,13 @@ const App = () => ( ); ``` +{% endraw %} ### Outline Buttons Use the `outline` attribute to draw outlined buttons with transparent backgrounds. -```html:preview +```html {.example} Brand Success Neutral @@ -76,7 +82,8 @@ Use the `outline` attribute to draw outlined buttons with transparent background Danger ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; const App = () => ( @@ -99,18 +106,20 @@ const App = () => ( ); ``` +{% endraw %} ### Pill Buttons Use the `pill` attribute to give buttons rounded edges. -```html:preview +```html {.example} Small Medium Large ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; const App = () => ( @@ -127,18 +136,20 @@ const App = () => ( ); ``` +{% endraw %} ### Text Buttons Use the `text` variant to create text buttons that share the same size as regular buttons but don't have backgrounds or borders. -```html:preview +```html {.example} Text Text Text ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; const App = () => ( @@ -155,19 +166,21 @@ const App = () => ( ); ``` +{% endraw %} ### Link Buttons It's often helpful to have a button that works like a link. This is possible by setting the `href` attribute, which will make the component render an `` under the hood. This gives you all the default link behavior the browser provides (e.g. [[CMD/CTRL/SHIFT]] + [[CLICK]]) and exposes the `target` and `download` attributes. -```html:preview +```html {.example} Link New Window Download Disabled ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; const App = () => ( @@ -185,8 +198,9 @@ const App = () => ( ); ``` +{% endraw %} -:::tip +:::info When a `target` is set, the link will receive `rel="noreferrer noopener"` for [security reasons](https://mathiasbynens.github.io/rel-noopener/). ::: @@ -194,13 +208,14 @@ When a `target` is set, the link will receive `rel="noreferrer noopener"` for [s As expected, buttons can be given a custom width by setting the `width` attribute. This is useful for making buttons span the full width of their container on smaller screens. -```html:preview +```html {.example} Small Medium Large ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; const App = () => ( @@ -217,12 +232,13 @@ const App = () => ( ); ``` +{% endraw %} ### Prefix and Suffix Icons Use the `prefix` and `suffix` slots to add icons. -```html:preview +```html {.example} Settings @@ -276,7 +292,8 @@ Use the `prefix` and `suffix` slots to add icons. ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaIcon from '@shoelace-style/shoelace/dist/react/icon'; @@ -338,18 +355,20 @@ const App = () => ( ); ``` +{% endraw %} ### Caret Use the `caret` attribute to add a dropdown indicator when a button will trigger a dropdown, menu, or popover. -```html:preview +```html {.example} Small Medium Large ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; const App = () => ( @@ -366,12 +385,13 @@ const App = () => ( ); ``` +{% endraw %} ### Loading Use the `loading` attribute to make a button busy. The width will remain the same as before, preventing adjacent elements from moving around. -```html:preview +```html {.example} Brand Success Neutral @@ -379,7 +399,8 @@ Use the `loading` attribute to make a button busy. The width will remain the sam Danger ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; const App = () => ( @@ -402,12 +423,13 @@ const App = () => ( ); ``` +{% endraw %} ### Disabled Use the `disabled` attribute to disable a button. -```html:preview +```html {.example} Brand Success Neutral @@ -415,7 +437,8 @@ Use the `disabled` attribute to disable a button. Danger ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; const App = () => ( @@ -442,12 +465,13 @@ const App = () => ( ); ``` +{% endraw %} ### Styling Buttons This example demonstrates how to style buttons using a custom class. This is the recommended approach if you need to add additional variations. To customize an existing variation, modify the selector to target the button's `variant` attribute instead of a class (e.g. `wa-button[variant="brand"]`). -```html:preview +```html {.example} Pink Button ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaCard from '@shoelace-style/shoelace/dist/react/card'; import WaRating from '@shoelace-style/shoelace/dist/react/rating'; @@ -85,6 +86,7 @@ const App = () => ( ); ``` +{% endraw %} ## Examples @@ -92,7 +94,7 @@ const App = () => ( Basic cards aren't very exciting, but they can display any content you want them to. -```html:preview +```html {.example} This is just a basic card. No image, no header, and no footer. Just your content. @@ -104,7 +106,8 @@ Basic cards aren't very exciting, but they can display any content you want them ``` -```jsx:react +{% raw %} +```jsx {.react} import WaCard from '@shoelace-style/shoelace/dist/react/card'; const css = ` @@ -123,12 +126,13 @@ const App = () => ( ); ``` +{% endraw %} ### Card with Header Headers can be used to display titles and more. -```html:preview +```html {.example}
      Header Title @@ -159,7 +163,8 @@ Headers can be used to display titles and more. ``` -```jsx:react +{% raw %} +```jsx {.react} import WaCard from '@shoelace-style/shoelace/dist/react/card'; import WaIconButton from '@shoelace-style/shoelace/dist/react/icon-button'; @@ -197,12 +202,13 @@ const App = () => ( ); ``` +{% endraw %} ### Card with Footer Footers can be used to display actions, summaries, or other relevant content. -```html:preview +```html {.example} This card has a footer. You can put all sorts of things in it! @@ -225,7 +231,8 @@ Footers can be used to display actions, summaries, or other relevant content. ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaCard from '@shoelace-style/shoelace/dist/react/card'; import WaRating from '@shoelace-style/shoelace/dist/react/rating'; @@ -258,12 +265,13 @@ const App = () => ( ); ``` +{% endraw %} ### Images Cards accept an `image` slot. The image is displayed atop the card and stretches to fit. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaCard from '@shoelace-style/shoelace/dist/react/card'; const css = ` @@ -304,3 +313,4 @@ const App = () => ( ); ``` +{% endraw %} diff --git a/docs/src/content/docs/components/carousel-item.md b/docs/docs/components/carousel-item.md similarity index 96% rename from docs/src/content/docs/components/carousel-item.md rename to docs/docs/components/carousel-item.md index 05ea36154..88c1b4613 100644 --- a/docs/src/content/docs/components/carousel-item.md +++ b/docs/docs/components/carousel-item.md @@ -1,10 +1,10 @@ --- title: Carousel Item description: A carousel item represent a slide within a carousel. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaCarousel from '@shoelace-style/shoelace/dist/react/carousel'; import WaCarouselItem from '@shoelace-style/shoelace/dist/react/carousel-item'; @@ -78,7 +79,8 @@ const App = () => ( ); ``` +{% endraw %} -:::tip +:::info Additional demonstrations can be found in the [carousel examples](/components/carousel). ::: diff --git a/docs/src/content/docs/components/carousel.md b/docs/docs/components/carousel.md similarity index 98% rename from docs/src/content/docs/components/carousel.md rename to docs/docs/components/carousel.md index b8144306a..2138ce778 100644 --- a/docs/src/content/docs/components/carousel.md +++ b/docs/docs/components/carousel.md @@ -1,10 +1,10 @@ --- title: Carousel description: Carousels display an arbitrary number of content slides along a horizontal or vertical axis. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaCarousel from '@shoelace-style/shoelace/dist/react/carousel'; import WaCarouselItem from '@shoelace-style/shoelace/dist/react/carousel-item'; @@ -80,6 +81,7 @@ const App = () => ( ); ``` +{% endraw %} ## Examples @@ -87,7 +89,7 @@ const App = () => ( Use the `pagination` attribute to show the total number of slides and the current slide as a set of interactive dots. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaCarousel from '@shoelace-style/shoelace/dist/react/carousel'; import WaCarouselItem from '@shoelace-style/shoelace/dist/react/carousel-item'; @@ -161,12 +164,13 @@ const App = () => ( ); ``` +{% endraw %} ### Navigation Use the `navigation` attribute to show previous and next buttons. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaCarousel from '@shoelace-style/shoelace/dist/react/carousel'; import WaCarouselItem from '@shoelace-style/shoelace/dist/react/carousel-item'; @@ -240,12 +245,13 @@ const App = () => ( ); ``` +{% endraw %} ### Looping By default, the carousel will not advanced beyond the first and last slides. You can change this behavior and force the carousel to "wrap" with the `loop` attribute. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaCarousel from '@shoelace-style/shoelace/dist/react/carousel'; import WaCarouselItem from '@shoelace-style/shoelace/dist/react/carousel-item'; @@ -319,12 +326,13 @@ const App = () => ( ); ``` +{% endraw %} ### Autoplay The carousel will automatically advance when the `autoplay` attribute is used. To change how long a slide is shown before advancing, set `autoplay-interval` to the desired number of milliseconds. For best results, use the `loop` attribute when autoplay is enabled. Note that autoplay will pause while the user interacts with the carousel. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaCarousel from '@shoelace-style/shoelace/dist/react/carousel'; import WaCarouselItem from '@shoelace-style/shoelace/dist/react/carousel-item'; @@ -398,6 +407,7 @@ const App = () => ( ); ``` +{% endraw %} ### Mouse Dragging @@ -405,7 +415,7 @@ The carousel uses [scroll snap](https://developer.mozilla.org/en-US/docs/Web/CSS This example is best demonstrated using a mouse. Try clicking and dragging the slide to move it. Then toggle the switch and try again. -```html:preview +```html {.example}
      @@ -456,7 +466,8 @@ This example is best demonstrated using a mouse. Try clicking and dragging the s ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaCarousel from '@shoelace-style/shoelace/dist/react/carousel'; import WaCarouselItem from '@shoelace-style/shoelace/dist/react/carousel-item'; @@ -510,12 +521,13 @@ const App = () => { ); }; ``` +{% endraw %} ### Multiple Slides Per View The `slides-per-page` attribute makes it possible to display multiple slides at a time. You can also use the `slides-per-move` attribute to advance more than once slide at a time, if desired. -```html:preview +```html {.example} Slide 1 Slide 2 @@ -526,7 +538,8 @@ The `slides-per-page` attribute makes it possible to display multiple slides at ``` -```jsx:react +{% raw %} +```jsx {.react} import WaCarousel from '@shoelace-style/shoelace/dist/react/carousel'; import WaCarouselItem from '@shoelace-style/shoelace/dist/react/carousel-item'; @@ -541,12 +554,13 @@ const App = () => ( ); ``` +{% endraw %} ### Adding and Removing Slides The content of the carousel can be changed by adding or removing carousel items. The carousel will update itself automatically. -```html:preview +```html {.example} Slide 1 Slide 2 @@ -614,7 +628,8 @@ The content of the carousel can be changed by adding or removing carousel items. ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaCarousel from '@shoelace-style/shoelace/dist/react/carousel'; import WaCarouselItem from '@shoelace-style/shoelace/dist/react/carousel-item'; @@ -672,12 +687,13 @@ const App = () => { ); }; ``` +{% endraw %} ### Vertical Scrolling Setting the `orientation` attribute to `vertical` will render the carousel in a vertical layout. If the content of your slides vary in height, you will need to set amn explicit `height` or `max-height` on the carousel using CSS. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaCarousel from '@shoelace-style/shoelace/dist/react/carousel'; import WaCarouselItem from '@shoelace-style/shoelace/dist/react/carousel-item'; @@ -791,12 +808,13 @@ const App = () => ( ); ``` +{% endraw %} ### Aspect Ratio Use the `--aspect-ratio` custom property to customize the size of the carousel's viewport from the default value of 16/9. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaCarousel from '@shoelace-style/shoelace/dist/react/carousel'; import WaCarouselItem from '@shoelace-style/shoelace/dist/react/carousel-item'; @@ -914,12 +933,13 @@ const App = () => { ); }; ``` +{% endraw %} ### Scroll Hint Use the `--scroll-hint` custom property to add inline padding in horizontal carousels and block padding in vertical carousels. This will make the closest slides slightly visible, hinting that there are more items in the carousel. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaCarousel from '@shoelace-style/shoelace/dist/react/carousel'; import WaCarouselItem from '@shoelace-style/shoelace/dist/react/carousel-item'; @@ -998,12 +1019,13 @@ const App = () => ( ); ``` +{% endraw %} ### Gallery Example The carousel has a robust API that makes it possible to extend and customize. This example syncs the active slide with a set of thumbnails, effectively creating a gallery-style carousel. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import { useRef } from 'react'; import WaCarousel from '@shoelace-style/shoelace/dist/react/carousel'; import WaCarouselItem from '@shoelace-style/shoelace/dist/react/carousel-item'; @@ -1240,3 +1263,4 @@ const App = () => { ); }; ``` +{% endraw %} diff --git a/docs/src/content/docs/components/checkbox.md b/docs/docs/components/checkbox.md similarity index 90% rename from docs/src/content/docs/components/checkbox.md rename to docs/docs/components/checkbox.md index c2e208fde..8b0ea536f 100644 --- a/docs/src/content/docs/components/checkbox.md +++ b/docs/docs/components/checkbox.md @@ -1,20 +1,22 @@ --- title: Checkbox description: Checkboxes allow the user to toggle an option on or off. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- -```html:preview +```html {.example} Checkbox ``` -```jsx:react +{% raw %} +```jsx {.react} import WaCheckbox from '@shoelace-style/shoelace/dist/react/checkbox'; const App = () => Checkbox; ``` +{% endraw %} -:::tip +:::info This component works with standard `
      ` elements. Please refer to the section on [form controls](/getting-started/form-controls) to learn more about form submission and client-side validation. ::: @@ -24,49 +26,55 @@ This component works with standard `` elements. Please refer to the sectio Use the `checked` attribute to activate the checkbox. -```html:preview +```html {.example} Checked ``` -```jsx:react +{% raw %} +```jsx {.react} import WaCheckbox from '@shoelace-style/shoelace/dist/react/checkbox'; const App = () => Checked; ``` +{% endraw %} ### Indeterminate Use the `indeterminate` attribute to make the checkbox indeterminate. -```html:preview +```html {.example} Indeterminate ``` -```jsx:react +{% raw %} +```jsx {.react} import WaCheckbox from '@shoelace-style/shoelace/dist/react/checkbox'; const App = () => Indeterminate; ``` +{% endraw %} ### Disabled Use the `disabled` attribute to disable the checkbox. -```html:preview +```html {.example} Disabled ``` -```jsx:react +{% raw %} +```jsx {.react} import WaCheckbox from '@shoelace-style/shoelace/dist/react/checkbox'; const App = () => Disabled; ``` +{% endraw %} ### Sizes Use the `size` attribute to change a checkbox's size. -```html:preview +```html {.example} Small
      Medium @@ -74,7 +82,8 @@ Use the `size` attribute to change a checkbox's size. Large ``` -```jsx:react +{% raw %} +```jsx {.react} import WaCheckbox from '@shoelace-style/shoelace/dist/react/checkbox'; const App = () => ( @@ -87,16 +96,18 @@ const App = () => ( ); ``` +{% endraw %} ### Help Text Add descriptive help text to a switch with the `help-text` attribute. For help texts that contain HTML, use the `help-text` slot instead. -```html:preview +```html {.example} Label ``` -````jsx:react +{% raw %} +```jsx {.react} import WaCheckbox from '@shoelace-style/shoelace/dist/react/checkbox'; const App = () => Label; @@ -104,7 +115,10 @@ const App = () => Check me
      @@ -136,7 +150,8 @@ Use the `setCustomValidity()` method to set a custom validation message. This wi ```` -```jsx:react +{% raw %} +```jsx {.react} import { useEffect, useRef } from 'react'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaCheckbox from '@shoelace-style/shoelace/dist/react/checkbox'; @@ -171,3 +186,4 @@ const App = () => { ); }; ``` +{% endraw %} diff --git a/docs/src/content/docs/components/color-picker.md b/docs/docs/components/color-picker.md similarity index 90% rename from docs/src/content/docs/components/color-picker.md rename to docs/docs/components/color-picker.md index 4ea60cfba..149c2b765 100644 --- a/docs/src/content/docs/components/color-picker.md +++ b/docs/docs/components/color-picker.md @@ -1,20 +1,22 @@ --- title: Color Picker description: Color pickers allow the user to select a color. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaColorPicker from '@shoelace-style/shoelace/dist/react/color-picker'; const App = () => ; ``` +{% endraw %} -:::tip +:::info This component works with standard `` elements. Please refer to the section on [form controls](/getting-started/form-controls) to learn more about form submission and client-side validation. ::: @@ -24,29 +26,33 @@ This component works with standard `` elements. Please refer to the sectio Use the `value` attribute to set an initial value for the color picker. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaColorPicker from '@shoelace-style/shoelace/dist/react/color-picker'; const App = () => ; ``` +{% endraw %} ### Opacity Use the `opacity` attribute to enable the opacity slider. When this is enabled, the value will be displayed as HEXA, RGBA, HSLA, or HSVA based on `format`. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaColorPicker from '@shoelace-style/shoelace/dist/react/color-picker'; const App = () => ; ``` +{% endraw %} ### Formats @@ -54,14 +60,15 @@ Set the color picker's format with the `format` attribute. Valid options include To prevent users from toggling the format themselves, add the `no-format-toggle` attribute. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaColorPicker from '@shoelace-style/shoelace/dist/react/color-picker'; const App = () => ( @@ -73,12 +80,13 @@ const App = () => ( ); ``` +{% endraw %} ### Swatches Use the `swatches` attribute to add convenient presets to the color picker. Any format the color picker can parse is acceptable (including CSS color names), but each value must be separated by a semicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaColorPicker from '@shoelace-style/shoelace/dist/react/color-picker'; const App = () => ( @@ -123,17 +134,20 @@ const App = () => ( ); ``` +{% endraw %} ### Inline The color picker can be rendered inline instead of in a dropdown using the `inline` attribute. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaColorPicker from '@shoelace-style/shoelace/dist/react/color-picker'; const App = () => ; ``` +{% endraw %} diff --git a/docs/src/content/docs/components/copy-button.md b/docs/docs/components/copy-button.md similarity index 93% rename from docs/src/content/docs/components/copy-button.md rename to docs/docs/components/copy-button.md index 352d7492d..cabdf7853 100644 --- a/docs/src/content/docs/components/copy-button.md +++ b/docs/docs/components/copy-button.md @@ -1,20 +1,22 @@ --- title: Copy Button description: Copies data to the clipboard when the user clicks the button. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import { WaCopyButton } from '@shoelace-style/shoelace/dist/react/copy-button'; const App = () => ( ); ``` +{% endraw %} ## Examples @@ -22,7 +24,7 @@ const App = () => ( Copy Buttons display feedback in a tooltip. You can customize the labels using the `copy-label`, `success-label`, and `error-label` attributes. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import { WaCopyButton } from '@shoelace-style/shoelace/dist/react/copy-button'; const App = () => ( @@ -43,12 +46,13 @@ const App = () => ( /> ); ``` +{% endraw %} ### Custom Icons Use the `copy-icon`, `success-icon`, and `error-icon` slots to customize the icons that get displayed for each state. You can use [``](/components/icon) or your own images. -```html:preview +```html {.example} @@ -56,7 +60,8 @@ Use the `copy-icon`, `success-icon`, and `error-icon` slots to customize the ico ``` -```jsx:react +{% raw %} +```jsx {.react} import { WaCopyButton } from '@shoelace-style/shoelace/dist/react/copy-button'; import { WaIcon } from '@shoelace-style/shoelace/dist/react/icon'; @@ -70,6 +75,7 @@ const App = () => ( ); ``` +{% endraw %} ### Copying Values From Other Elements @@ -79,7 +85,7 @@ When using the `from` attribute, the element's [`textContent`](https://developer To copy data from an attribute, use `from="id[attr]"` where `id` is the id of the target element and `attr` is the name of the attribute you'd like to copy. To copy data from a property, use `from="id.prop"` where `id` is the id of the target element and `prop` is the name of the property you'd like to copy. -```html:preview +```html {.example} +1 (234) 456-7890 @@ -97,7 +103,8 @@ To copy data from an attribute, use `from="id[attr]"` where `id` is the id of th ``` -```jsx:react +{% raw %} +```jsx {.react} import { WaCopyButton } from '@shoelace-style/shoelace/dist/react/copy-button'; import { WaInput } from '@shoelace-style/shoelace/dist/react/input'; @@ -121,6 +128,7 @@ const App = () => ( ); ``` +{% endraw %} ### Handling Errors @@ -128,55 +136,61 @@ A copy error will occur if the value is an empty string, if the `from` attribute This example demonstrates what happens when a copy error occurs. You can customize the error label and icon using the `error-label` attribute and the `error-icon` slot, respectively. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import { WaCopyButton } from '@shoelace-style/shoelace/dist/react/copy-button'; const App = () => ( ); ``` +{% endraw %} ### Disabled Copy buttons can be disabled by adding the `disabled` attribute. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import { WaCopyButton } from '@shoelace-style/shoelace/dist/react/copy-button'; const App = () => ( ); ``` +{% endraw %} ### Changing Feedback Duration A success indicator is briefly shown after copying. You can customize the length of time the indicator is shown using the `feedback-duration` attribute. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import { WaCopyButton } from '@shoelace-style/shoelace/dist/react/copy-button'; const App = () => ( ); ``` +{% endraw %} ### Custom Styles You can customize the button to your liking with CSS. -```html:preview +```html {.example} @@ -214,7 +228,8 @@ You can customize the button to your liking with CSS. ``` -```jsx:react +{% raw %} +```jsx {.react} import { WaCopyButton } from '@shoelace-style/shoelace/dist/react/copy-button'; const css = ` @@ -255,3 +270,4 @@ const App = () => ( ); ``` +{% endraw %} diff --git a/docs/src/content/docs/components/details.md b/docs/docs/components/details.md similarity index 95% rename from docs/src/content/docs/components/details.md rename to docs/docs/components/details.md index 7e03bad70..04022454c 100644 --- a/docs/src/content/docs/components/details.md +++ b/docs/docs/components/details.md @@ -1,19 +1,20 @@ --- title: Details description: Details show a brief summary and expand to show additional content. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- -```html:preview +```html {.example} Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. ``` -```jsx:react +{% raw %} +```jsx {.react} import WaDetails from '@shoelace-style/shoelace/dist/react/details'; const App = () => ( @@ -23,6 +24,7 @@ const App = () => ( ); ``` +{% endraw %} ## Examples @@ -30,14 +32,15 @@ const App = () => ( Use the `disable` attribute to prevent the details from expanding. -```html:preview +```html {.example} Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. ``` -```jsx:react +{% raw %} +```jsx {.react} import WaDetails from '@shoelace-style/shoelace/dist/react/details'; const App = () => ( @@ -47,12 +50,13 @@ const App = () => ( ); ``` +{% endraw %} ### Customizing the Summary Icon Use the `expand-icon` and `collapse-icon` slots to change the expand and collapse icons, respectively. To disable the animation, override the `rotate` property on the `summary-icon` part as shown below. -```html:preview +```html {.example} @@ -69,7 +73,8 @@ Use the `expand-icon` and `collapse-icon` slots to change the expand and collaps ``` -```jsx:react +{% raw %} +```jsx {.react} import WaDetails from '@shoelace-style/shoelace/dist/react/details'; import WaIcon from '@shoelace-style/shoelace/dist/react/icon'; @@ -94,12 +99,13 @@ const App = () => ( ); ``` +{% endraw %} ### Grouping Details Details are designed to function independently, but you can simulate a group or "accordion" where only one is shown at a time by listening for the `wa-show` event. -```html:preview +```html {.example}
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna diff --git a/docs/src/content/docs/components/dialog.md b/docs/docs/components/dialog.md similarity index 96% rename from docs/src/content/docs/components/dialog.md rename to docs/docs/components/dialog.md index d31dee2cd..ce942e211 100644 --- a/docs/src/content/docs/components/dialog.md +++ b/docs/docs/components/dialog.md @@ -1,12 +1,12 @@ --- title: Dialog description: 'Dialogs, sometimes called "modals", appear above the page and require the user''s immediate attention.' -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- -```html:preview +```html {.example} Lorem ipsum dolor sit amet, consectetur adipiscing elit. Close @@ -24,7 +24,8 @@ layout: ../../../layouts/ComponentLayout.astro ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDialog from '@shoelace-style/shoelace/dist/react/dialog'; @@ -46,6 +47,7 @@ const App = () => { ); }; ``` +{% endraw %} ## Examples @@ -53,7 +55,7 @@ const App = () => { Use the `--width` custom property to set the dialog's width. -```html:preview +```html {.example} Lorem ipsum dolor sit amet, consectetur adipiscing elit. Close @@ -71,7 +73,8 @@ Use the `--width` custom property to set the dialog's width. ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDialog from '@shoelace-style/shoelace/dist/react/dialog'; @@ -93,12 +96,13 @@ const App = () => { ); }; ``` +{% endraw %} ### Scrolling By design, a dialog's height will never exceed that of the viewport. As such, dialogs will not scroll with the page ensuring the header and footer are always accessible to the user. -```html:preview +```html {.example}

      Scroll down and give it a try! 👇

      @@ -118,7 +122,8 @@ By design, a dialog's height will never exceed that of the viewport. As such, di ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDialog from '@shoelace-style/shoelace/dist/react/dialog'; @@ -149,12 +154,13 @@ const App = () => { ); }; ``` +{% endraw %} ### Header Actions The header shows a functional close button by default. You can use the `header-actions` slot to add additional [icon buttons](/components/icon-button) if needed. -```html:preview +```html {.example} Lorem ipsum dolor sit amet, consectetur adipiscing elit. @@ -175,7 +181,8 @@ The header shows a functional close button by default. You can use the `header-a ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDialog from '@shoelace-style/shoelace/dist/react/dialog'; @@ -204,6 +211,7 @@ const App = () => { ); }; ``` +{% endraw %} ### Preventing the Dialog from Closing @@ -213,7 +221,7 @@ To keep the dialog open in such cases, you can cancel the `wa-request-close` eve You can use `event.detail.source` to determine what triggered the request to close. This example prevents the dialog from closing when the overlay is clicked, but allows the close button or [[Escape]] to dismiss it. -```html:preview +```html {.example} This dialog will not close when you click on the overlay. Close @@ -238,7 +246,8 @@ You can use `event.detail.source` to determine what triggered the request to clo ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDialog from '@shoelace-style/shoelace/dist/react/dialog'; @@ -267,12 +276,13 @@ const App = () => { ); }; ``` +{% endraw %} ### Customizing Initial Focus By default, the dialog's panel will gain focus when opened. This allows a subsequent tab press to focus on the first tabbable element in the dialog. If you want a different element to have focus, add the `autofocus` attribute to it as shown below. -```html:preview +```html {.example} Close @@ -291,7 +301,8 @@ By default, the dialog's panel will gain focus when opened. This allows a subseq ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDialog from '@shoelace-style/shoelace/dist/react/dialog'; @@ -314,7 +325,8 @@ const App = () => { ); }; ``` +{% endraw %} -:::tip +:::info You can further customize initial focus behavior by canceling the `wa-initial-focus` event and setting focus yourself inside the event handler. ::: diff --git a/docs/src/content/docs/components/divider.md b/docs/docs/components/divider.md similarity index 89% rename from docs/src/content/docs/components/divider.md rename to docs/docs/components/divider.md index caac024e3..a22de549f 100644 --- a/docs/src/content/docs/components/divider.md +++ b/docs/docs/components/divider.md @@ -1,18 +1,20 @@ --- title: Divider description: Dividers are used to visually separate or group elements. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaDivider from '@shoelace-style/shoelace/dist/react/divider'; const App = () => ; ``` +{% endraw %} ## Examples @@ -20,35 +22,39 @@ const App = () => ; Use the `--width` custom property to change the width of the divider. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaDivider from '@shoelace-style/shoelace/dist/react/divider'; const App = () => ; ``` +{% endraw %} ### Color Use the `--color` custom property to change the color of the divider. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaDivider from '@shoelace-style/shoelace/dist/react/divider'; const App = () => ; ``` +{% endraw %} ### Spacing Use the `--spacing` custom property to change the amount of space between the divider and it's neighboring elements. -```html:preview +```html {.example}
      Above @@ -60,7 +66,7 @@ Use the `--spacing` custom property to change the amount of space between the di Add the `vertical` attribute to draw the divider in a vertical orientation. The divider will span the full height of its container. Vertical dividers work especially well inside of a flex container. -```html:preview +```html {.example}
      First @@ -70,7 +76,8 @@ Add the `vertical` attribute to draw the divider in a vertical orientation. The
      ``` -```jsx:react +{% raw %} +```jsx {.react} import WaDivider from '@shoelace-style/shoelace/dist/react/divider'; const App = () => ( @@ -89,12 +96,13 @@ const App = () => (
      ); ``` +{% endraw %} ### Menu Dividers Use dividers in [menus](/components/menu) to visually group menu items. -```html:preview +```html {.example} Option 1 Option 2 @@ -106,7 +114,8 @@ Use dividers in [menus](/components/menu) to visually group menu items. ``` -```jsx:react +{% raw %} +```jsx {.react} import WaDivider from '@shoelace-style/shoelace/dist/react/divider'; import WaMenu from '@shoelace-style/shoelace/dist/react/menu'; import WaMenuItem from '@shoelace-style/shoelace/dist/react/menu-item'; @@ -123,3 +132,4 @@ const App = () => ( ); ``` +{% endraw %} diff --git a/docs/src/content/docs/components/drawer.md b/docs/docs/components/drawer.md similarity index 96% rename from docs/src/content/docs/components/drawer.md rename to docs/docs/components/drawer.md index 07f20b922..23d847616 100644 --- a/docs/src/content/docs/components/drawer.md +++ b/docs/docs/components/drawer.md @@ -1,12 +1,12 @@ --- title: Drawer description: Drawers slide in from a container to expose additional options and information. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- -```html:preview +```html {.example} Lorem ipsum dolor sit amet, consectetur adipiscing elit. Close @@ -24,7 +24,8 @@ layout: ../../../layouts/ComponentLayout.astro ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDrawer from '@shoelace-style/shoelace/dist/react/drawer'; @@ -46,6 +47,7 @@ const App = () => { ); }; ``` +{% endraw %} ## Examples @@ -53,7 +55,7 @@ const App = () => { By default, drawers slide in from the end. To make the drawer slide in from the start, set the `placement` attribute to `start`. -```html:preview +```html {.example} This drawer slides in from the start. Close @@ -71,7 +73,8 @@ By default, drawers slide in from the end. To make the drawer slide in from the ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDrawer from '@shoelace-style/shoelace/dist/react/drawer'; @@ -93,12 +96,13 @@ const App = () => { ); }; ``` +{% endraw %} ### Slide in From Top To make the drawer slide in from the top, set the `placement` attribute to `top`. -```html:preview +```html {.example} This drawer slides in from the top. Close @@ -116,7 +120,8 @@ To make the drawer slide in from the top, set the `placement` attribute to `top` ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDrawer from '@shoelace-style/shoelace/dist/react/drawer'; @@ -138,12 +143,13 @@ const App = () => { ); }; ``` +{% endraw %} ### Slide in From Bottom To make the drawer slide in from the bottom, set the `placement` attribute to `bottom`. -```html:preview +```html {.example} This drawer slides in from the bottom. Close @@ -161,7 +167,8 @@ To make the drawer slide in from the bottom, set the `placement` attribute to `b ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDrawer from '@shoelace-style/shoelace/dist/react/drawer'; @@ -183,6 +190,7 @@ const App = () => { ); }; ``` +{% endraw %} ### Contained to an Element @@ -190,7 +198,7 @@ By default, drawers slide out of their [containing block](https://developer.mozi Unlike normal drawers, contained drawers are not modal. This means they do not show an overlay, they do not trap focus, and they are not dismissible with [[Escape]]. This is intentional to allow users to interact with elements outside of the drawer. -```html:preview +```html {.example}
      @@ -214,7 +222,8 @@ Unlike normal drawers, contained drawers are not modal. This means they do not s ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDrawer from '@shoelace-style/shoelace/dist/react/drawer'; @@ -255,12 +264,13 @@ const App = () => { ); }; ``` +{% endraw %} ### Custom Size Use the `--size` custom property to set the drawer's size. This will be applied to the drawer's width or height depending on its `placement`. -```html:preview +```html {.example} This drawer is always 50% of the viewport. Close @@ -278,7 +288,8 @@ Use the `--size` custom property to set the drawer's size. This will be applied ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDrawer from '@shoelace-style/shoelace/dist/react/drawer'; @@ -300,12 +311,13 @@ const App = () => { ); }; ``` +{% endraw %} ### Scrolling By design, a drawer's height will never exceed 100% of its container. As such, drawers will not scroll with the page to ensure the header and footer are always accessible to the user. -```html:preview +```html {.example}

      Scroll down and give it a try! 👇

      @@ -325,7 +337,8 @@ By design, a drawer's height will never exceed 100% of its container. As such, d ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDrawer from '@shoelace-style/shoelace/dist/react/drawer'; @@ -355,12 +368,13 @@ const App = () => { ); }; ``` +{% endraw %} ### Header Actions The header shows a functional close button by default. You can use the `header-actions` slot to add additional [icon buttons](/components/icon-button) if needed. -```html:preview +```html {.example} Lorem ipsum dolor sit amet, consectetur adipiscing elit. @@ -381,7 +395,8 @@ The header shows a functional close button by default. You can use the `header-a ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDrawer from '@shoelace-style/shoelace/dist/react/drawer'; @@ -405,6 +420,7 @@ const App = () => { ); }; ``` +{% endraw %} ### Preventing the Drawer from Closing @@ -414,7 +430,7 @@ To keep the drawer open in such cases, you can cancel the `wa-request-close` eve You can use `event.detail.source` to determine what triggered the request to close. This example prevents the drawer from closing when the overlay is clicked, but allows the close button or [[Escape]] to dismiss it. -```html:preview +```html {.example} This drawer will not close when you click on the overlay. Close @@ -439,7 +455,8 @@ You can use `event.detail.source` to determine what triggered the request to clo ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDrawer from '@shoelace-style/shoelace/dist/react/drawer'; @@ -468,12 +485,13 @@ const App = () => { ); }; ``` +{% endraw %} ### Customizing Initial Focus By default, the drawer's panel will gain focus when opened. This allows a subsequent tab press to focus on the first tabbable element in the drawer. If you want a different element to have focus, add the `autofocus` attribute to it as shown below. -```html:preview +```html {.example} Close @@ -492,7 +510,8 @@ By default, the drawer's panel will gain focus when opened. This allows a subseq ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDrawer from '@shoelace-style/shoelace/dist/react/drawer'; @@ -515,7 +534,8 @@ const App = () => { ); }; ``` +{% endraw %} -:::tip +:::info You can further customize initial focus behavior by canceling the `wa-initial-focus` event and setting focus yourself inside the event handler. ::: diff --git a/docs/src/content/docs/components/dropdown.md b/docs/docs/components/dropdown.md similarity index 96% rename from docs/src/content/docs/components/dropdown.md rename to docs/docs/components/dropdown.md index 107c44221..fa4313251 100644 --- a/docs/src/content/docs/components/dropdown.md +++ b/docs/docs/components/dropdown.md @@ -1,14 +1,14 @@ --- title: Dropdown description: 'Dropdowns expose additional content that "drops down" in a panel.' -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- Dropdowns consist of a trigger and a panel. By default, activating the trigger will expose the panel and interacting outside of the panel will close it. Dropdowns are designed to work well with [menus](/components/menu) to provide a list of options the user can select from. However, dropdowns can also be used in lower-level applications (e.g. [color picker](/components/color-picker)). The API gives you complete control over showing, hiding, and positioning the panel. -```html:preview +```html {.example} Dropdown @@ -31,7 +31,8 @@ Dropdowns are designed to work well with [menus](/components/menu) to provide a ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDivider from '@shoelace-style/shoelace/dist/react/divider'; import WaDropdown from '@shoelace-style/shoelace/dist/react/dropdown'; @@ -66,6 +67,7 @@ const App = () => ( ); ``` +{% endraw %} ## Examples @@ -73,7 +75,7 @@ const App = () => ( When dropdowns are used with [menus](/components/menu), you can listen for the [`wa-select`](/components/menu#events) event to determine which menu item was selected. The menu item element will be exposed in `event.detail.item`. You can set `value` props to make it easier to identify commands. -```html:preview +```html {.example}
      Edit @@ -96,7 +98,8 @@ When dropdowns are used with [menus](/components/menu), you can listen for the [ ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDropdown from '@shoelace-style/shoelace/dist/react/dropdown'; import WaMenu from '@shoelace-style/shoelace/dist/react/menu'; @@ -122,10 +125,11 @@ const App = () => { ); }; ``` +{% endraw %} Alternatively, you can listen for the `click` event on individual menu items. Note that, using this approach, disabled menu items will still emit a `click` event. -```html:preview +```html {.example}
      Edit @@ -149,7 +153,8 @@ Alternatively, you can listen for the `click` event on individual menu items. No ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDropdown from '@shoelace-style/shoelace/dist/react/dropdown'; import WaMenu from '@shoelace-style/shoelace/dist/react/menu'; @@ -182,12 +187,13 @@ const App = () => { ); }; ``` +{% endraw %} ### Placement The preferred placement of the dropdown can be set with the `placement` attribute. Note that the actual position may vary to ensure the panel remains in the viewport. -```html:preview +```html {.example} Edit @@ -201,7 +207,8 @@ The preferred placement of the dropdown can be set with the `placement` attribut ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDivider from '@shoelace-style/shoelace/dist/react/divider'; import WaDropdown from '@shoelace-style/shoelace/dist/react/dropdown'; @@ -224,12 +231,13 @@ const App = () => ( ); ``` +{% endraw %} ### Distance The distance from the panel to the trigger can be customized using the `distance` attribute. This value is specified in pixels. -```html:preview +```html {.example} Edit @@ -243,7 +251,8 @@ The distance from the panel to the trigger can be customized using the `distance ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDivider from '@shoelace-style/shoelace/dist/react/divider'; import WaDropdown from '@shoelace-style/shoelace/dist/react/dropdown'; @@ -266,12 +275,13 @@ const App = () => ( ); ``` +{% endraw %} ### Skidding The offset of the panel along the trigger can be customized using the `skidding` attribute. This value is specified in pixels. -```html:preview +```html {.example} Edit @@ -285,7 +295,8 @@ The offset of the panel along the trigger can be customized using the `skidding` ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDivider from '@shoelace-style/shoelace/dist/react/divider'; import WaDropdown from '@shoelace-style/shoelace/dist/react/dropdown'; @@ -308,12 +319,13 @@ const App = () => ( ); ``` +{% endraw %} ### Submenus To create a submenu, nest an `` element in a [menu item](/components/menu-item). -```html:preview +```html {.example} Edit @@ -345,7 +357,8 @@ To create a submenu, nest an `` element in a [menu item] ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDivider from '@shoelace-style/shoelace/dist/react/divider'; import WaDropdown from '@shoelace-style/shoelace/dist/react/dropdown'; @@ -394,8 +407,9 @@ const App = () => ( ); ``` +{% endraw %} -:::caution +:::warning As a UX best practice, avoid using more than one level of submenu when possible. ::: @@ -403,7 +417,7 @@ As a UX best practice, avoid using more than one level of submenu when possible. Dropdown panels will be clipped if they're inside a container that has `overflow: auto|hidden`. The `hoist` attribute forces the panel to use a fixed positioning strategy, allowing it to break out of the container. In this case, the panel will be positioned relative to its [containing block](https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#Identifying_the_containing_block), which is usually the viewport unless an ancestor uses a `transform`, `perspective`, or `filter`. [Refer to this page](https://developer.mozilla.org/en-US/docs/Web/CSS/position#fixed) for more details. -```html:preview +```html {.example}
      No Hoist @@ -434,7 +448,8 @@ Dropdown panels will be clipped if they're inside a container that has `overflow ``` -```jsx:react +{% raw %} +```jsx {.react} import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaDivider from '@shoelace-style/shoelace/dist/react/divider'; import WaDropdown from '@shoelace-style/shoelace/dist/react/dropdown'; @@ -479,3 +494,4 @@ const App = () => ( ); ``` +{% endraw %} diff --git a/docs/src/content/docs/components/format-bytes.md b/docs/docs/components/format-bytes.md similarity index 92% rename from docs/src/content/docs/components/format-bytes.md rename to docs/docs/components/format-bytes.md index bda552edb..aab293ff6 100644 --- a/docs/src/content/docs/components/format-bytes.md +++ b/docs/docs/components/format-bytes.md @@ -1,10 +1,10 @@ --- title: Format Bytes description: Formats a number as a human readable bytes value. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- -```html:preview +```html {.example}
      The file is in size.

      @@ -19,7 +19,8 @@ layout: ../../../layouts/ComponentLayout.astro ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaButton from '@shoelace-style/shoelace/dist/react/button'; import WaFormatBytes from '@shoelace-style/shoelace/dist/react/format-bytes'; @@ -44,6 +45,7 @@ const App = () => { ); }; ``` +{% endraw %} ## Examples @@ -51,14 +53,15 @@ const App = () => { Set the `value` attribute to a number to get the value in bytes. -```html:preview +```html {.example}


      ``` -```jsx:react +{% raw %} +```jsx {.react} import WaFormatBytes from '@shoelace-style/shoelace/dist/react/format-bytes'; const App = () => ( @@ -73,19 +76,21 @@ const App = () => ( ); ``` +{% endraw %} ### Formatting Bits To get the value in bits, set the `unit` attribute to `bit`. -```html:preview +```html {.example}


      ``` -```jsx:react +{% raw %} +```jsx {.react} import WaFormatBytes from '@shoelace-style/shoelace/dist/react/format-bytes'; const App = () => ( @@ -100,19 +105,21 @@ const App = () => ( ); ``` +{% endraw %} ### Localization Use the `lang` attribute to set the number formatting locale. -```html:preview +```html {.example}


      ``` -```jsx:react +{% raw %} +```jsx {.react} import WaFormatBytes from '@shoelace-style/shoelace/dist/react/format-bytes'; const App = () => ( @@ -127,3 +134,4 @@ const App = () => ( ); ``` +{% endraw %} diff --git a/docs/src/content/docs/components/format-date.md b/docs/docs/components/format-date.md similarity index 93% rename from docs/src/content/docs/components/format-date.md rename to docs/docs/components/format-date.md index d5b96f269..f371e0d2e 100644 --- a/docs/src/content/docs/components/format-date.md +++ b/docs/docs/components/format-date.md @@ -1,25 +1,27 @@ --- title: Format Date description: Formats a date/time using the specified locale and options. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- Localization is handled by the browser's [`Intl.DateTimeFormat` API](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat). No language packs are required. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaFormatDate from '@shoelace-style/shoelace/dist/react/format-date'; const App = () => ; ``` +{% endraw %} The `date` attribute determines the date/time to use when formatting. It must be a string that [`Date.parse()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse) can interpret or a [`Date`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date) object set via JavaScript. If omitted, the current date/time will be assumed. -:::tip +:::info When using strings, avoid ambiguous dates such as `03/04/2020` which can be interpreted as March 4 or April 3 depending on the user's browser and locale. Instead, always use a valid [ISO 8601 date time string](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse#Date_Time_String_Format) to ensure the date will be parsed properly by all clients. ::: @@ -29,7 +31,7 @@ When using strings, avoid ambiguous dates such as `03/04/2020` which can be inte Formatting options are based on those found in the [`Intl.DateTimeFormat` API](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat). When formatting options are provided, the date/time will be formatted according to those values. When no formatting options are provided, a localized, numeric date will be displayed instead. -```html:preview +```html {.example}
      @@ -49,7 +51,8 @@ Formatting options are based on those found in the [`Intl.DateTimeFormat` API](h ``` -```jsx:react +{% raw %} +```jsx {.react} import WaFormatDate from '@shoelace-style/shoelace/dist/react/format-date'; const App = () => ( @@ -79,17 +82,19 @@ const App = () => ( ); ``` +{% endraw %} ### Hour Formatting By default, the browser will determine whether to use 12-hour or 24-hour time. To force one or the other, set the `hour-format` attribute to `12` or `24`. -```html:preview +```html {.example}
      ``` -```jsx:react +{% raw %} +```jsx {.react} import WaFormatDate from '@shoelace-style/shoelace/dist/react/format-date'; const App = () => ( @@ -100,18 +105,20 @@ const App = () => ( ); ``` +{% endraw %} ### Localization Use the `lang` attribute to set the date/time formatting locale. -```html:preview +```html {.example} English:
      French:
      Russian: ``` -```jsx:react +{% raw %} +```jsx {.react} import WaFormatDate from '@shoelace-style/shoelace/dist/react/format-date'; const App = () => ( @@ -124,3 +131,4 @@ const App = () => ( ); ``` +{% endraw %} diff --git a/docs/src/content/docs/components/format-number.md b/docs/docs/components/format-number.md similarity index 94% rename from docs/src/content/docs/components/format-number.md rename to docs/docs/components/format-number.md index 8d854439d..60fe75339 100644 --- a/docs/src/content/docs/components/format-number.md +++ b/docs/docs/components/format-number.md @@ -1,12 +1,12 @@ --- title: Format Number description: Formats a number using the specified locale and options. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- Localization is handled by the browser's [`Intl.NumberFormat` API](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat). No language packs are required. -```html:preview +```html {.example}


      @@ -22,7 +22,8 @@ Localization is handled by the browser's [`Intl.NumberFormat` API](https://devel ``` -```jsx:react +{% raw %} +```jsx {.react} import { useState } from 'react'; import WaFormatNumber from '@shoelace-style/shoelace/dist/react/format-number'; import WaInput from '@shoelace-style/shoelace/dist/react/input'; @@ -46,6 +47,7 @@ const App = () => { ); }; ``` +{% endraw %} ## Examples @@ -53,7 +55,7 @@ const App = () => { To get the value as a percent, set the `type` attribute to `percent`. -```html:preview +```html {.example}


      @@ -61,7 +63,8 @@ To get the value as a percent, set the `type` attribute to `percent`. ``` -```jsx:react +{% raw %} +```jsx {.react} import WaFormatNumber from '@shoelace-style/shoelace/dist/react/format-number'; const App = () => ( @@ -78,18 +81,20 @@ const App = () => ( ); ``` +{% endraw %} ### Localization Use the `lang` attribute to set the number formatting locale. -```html:preview +```html {.example} English:
      German:
      Russian: ``` -```jsx:react +{% raw %} +```jsx {.react} import WaFormatNumber from '@shoelace-style/shoelace/dist/react/format-number'; const App = () => ( @@ -102,12 +107,13 @@ const App = () => ( ); ``` +{% endraw %} ### Currency To format a number as a monetary value, set the `type` attribute to `currency` and set the `currency` attribute to the desired ISO 4217 currency code. You should also specify `lang` to ensure the the number is formatted correctly for the target locale. -```html:preview +```html {.example}


      @@ -115,7 +121,8 @@ To format a number as a monetary value, set the `type` attribute to `currency` a ``` -```jsx:react +{% raw %} +```jsx {.react} import WaFormatNumber from '@shoelace-style/shoelace/dist/react/format-number'; const App = () => ( @@ -132,3 +139,4 @@ const App = () => ( ); ``` +{% endraw %} diff --git a/docs/src/content/docs/components/icon-button.md b/docs/docs/components/icon-button.md similarity index 91% rename from docs/src/content/docs/components/icon-button.md rename to docs/docs/components/icon-button.md index 32de6b9db..2e526c9ed 100644 --- a/docs/src/content/docs/components/icon-button.md +++ b/docs/docs/components/icon-button.md @@ -1,20 +1,22 @@ --- title: Icon Button description: Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- For a full list of icons that come bundled with Web Awesome, refer to the [icon component](/components/icon). -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaIconButton from '@shoelace-style/shoelace/dist/react/icon-button'; const App = () => ; ``` +{% endraw %} ## Examples @@ -22,13 +24,14 @@ const App = () => ; Icon buttons inherit their parent element's `font-size`. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaIconButton from '@shoelace-style/shoelace/dist/react/icon-button'; const App = () => ( @@ -39,12 +42,13 @@ const App = () => ( ); ``` +{% endraw %} ### Colors Icon buttons are designed to have a uniform appearance, so their color is not inherited. However, you can still customize them by styling the `base` part. -```html:preview +```html {.example}
      @@ -67,7 +71,8 @@ Icon buttons are designed to have a uniform appearance, so their color is not in ``` -```jsx:react +{% raw %} +```jsx {.react} import WaIconButton from '@shoelace-style/shoelace/dist/react/icon-button'; const css = ` @@ -97,32 +102,36 @@ const App = () => ( ); ``` +{% endraw %} ### Link Buttons Use the `href` attribute to convert the button to a link. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaIconButton from '@shoelace-style/shoelace/dist/react/icon-button'; const App = () => ; ``` +{% endraw %} ### Icon Button with Tooltip Wrap a tooltip around an icon button to provide contextual information to the user. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaIconButton from '@shoelace-style/shoelace/dist/react/icon-button'; import WaTooltip from '@shoelace-style/shoelace/dist/react/tooltip'; @@ -132,17 +141,20 @@ const App = () => ( ); ``` +{% endraw %} ### Disabled Use the `disabled` attribute to disable the icon button. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaIconButton from '@shoelace-style/shoelace/dist/react/icon-button'; const App = () => ; ``` +{% endraw %} diff --git a/docs/src/content/docs/components/icon.md b/docs/docs/components/icon.md similarity index 98% rename from docs/src/content/docs/components/icon.md rename to docs/docs/components/icon.md index 24e9f2dd2..657ba8017 100644 --- a/docs/src/content/docs/components/icon.md +++ b/docs/docs/components/icon.md @@ -1,12 +1,12 @@ --- title: Icon description: Icons are symbols that can be used to represent various options within an application. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- Web Awesome comes bundled with over 1,500 icons courtesy of the [Bootstrap Icons](https://icons.getbootstrap.com/) project. These icons are part of the `default` icon library. If you prefer, you can register [custom icon libraries](#icon-libraries) as well. -:::tip +:::info Depending on how you're loading Web Awesome, you may need to copy icon assets and/or [set the base path](/getting-started/installation/#setting-the-base-path) so Web Awesome knows where to load them from. Otherwise, icons may not appear and you'll see 404 Not Found errors in the dev console. ::: @@ -27,7 +27,7 @@ TODO - show how to use FA pro via `data-webawesome-kit="..."` Icons inherit their color from the current text color. Thus, you can set the `color` property on the `` element or an ancestor to change the color. -```html:preview +```html {.example}
      @@ -54,7 +54,8 @@ Icons inherit their color from the current text color. Thus, you can set the `co
      ``` -```jsx:react +{% raw %} +```jsx {.react} import WaIcon from '@shoelace-style/shoelace/dist/react/icon'; const App = () => ( @@ -86,12 +87,13 @@ const App = () => ( ); ``` +{% endraw %} ### Sizing Icons are sized relative to the current font size. To change their size, set the `font-size` property on the icon itself or on a parent element as shown below. -```html:preview +```html {.example}
      @@ -112,7 +114,8 @@ Icons are sized relative to the current font size. To change their size, set the
      ``` -```jsx:react +{% raw %} +```jsx {.react} import WaIcon from '@shoelace-style/shoelace/dist/react/icon'; const App = () => ( @@ -136,34 +139,39 @@ const App = () => (
      ); ``` +{% endraw %} ### Labels For non-decorative icons, use the `label` attribute to announce it to assistive devices. -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaIcon from '@shoelace-style/shoelace/dist/react/icon'; const App = () => ; ``` +{% endraw %} ### Custom Icons Custom icons can be loaded individually with the `src` attribute. Only SVGs on a local or CORS-enabled endpoint are supported. If you're using more than one custom icon, it might make sense to register a [custom icon library](#icon-libraries). -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaIcon from '@shoelace-style/shoelace/dist/react/icon'; const App = () => ; ``` +{% endraw %} ## Icon Libraries @@ -205,7 +213,7 @@ This will register the [Boxicons](https://boxicons.com/) library using the jsDel Icons in this library are licensed under the [Creative Commons 4.0 License](https://github.com/atisawd/boxicons#license). -```html:preview +```html {.example} ``` -```jsx:react +{% raw %} +```jsx {.react} import WaMenu from '@shoelace-style/shoelace/dist/react/menu'; import WaMenuItem from '@shoelace-style/shoelace/dist/react/menu-item'; @@ -247,3 +258,4 @@ const App = () => { ); }; ``` +{% endraw %} diff --git a/docs/src/content/docs/components/menu-label.md b/docs/docs/components/menu-label.md similarity index 94% rename from docs/src/content/docs/components/menu-label.md rename to docs/docs/components/menu-label.md index 610243bf1..4ad281ee4 100644 --- a/docs/src/content/docs/components/menu-label.md +++ b/docs/docs/components/menu-label.md @@ -1,10 +1,10 @@ --- title: Menu Label description: Menu labels are used to describe a group of menu items. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- -```html:preview +```html {.example} Fruits Apple @@ -18,7 +18,8 @@ layout: ../../../layouts/ComponentLayout.astro ``` -```jsx:react +{% raw %} +```jsx {.react} import WaDivider from '@shoelace-style/shoelace/dist/react/divider'; import WaMenu from '@shoelace-style/shoelace/dist/react/menu'; import WaMenuLabel from '@shoelace-style/shoelace/dist/react/menu-label'; @@ -38,3 +39,4 @@ const App = () => ( ); ``` +{% endraw %} diff --git a/docs/src/content/docs/components/menu.md b/docs/docs/components/menu.md similarity index 95% rename from docs/src/content/docs/components/menu.md rename to docs/docs/components/menu.md index 45b268627..f4bcf4526 100644 --- a/docs/src/content/docs/components/menu.md +++ b/docs/docs/components/menu.md @@ -1,12 +1,12 @@ --- title: Menu description: Menus provide a list of options for the user to choose from. -layout: ../../../layouts/ComponentLayout.astro +layout: component.njk --- You can use [menu items](/components/menu-item), [menu labels](/components/menu-label), and [dividers](/components/divider) to compose a menu. Menus support keyboard interactions, including type-to-select an option. -```html:preview +```html {.example} Undo Redo @@ -18,7 +18,8 @@ You can use [menu items](/components/menu-item), [menu labels](/components/menu- ``` -```jsx:react +{% raw %} +```jsx {.react} import WaDivider from '@shoelace-style/shoelace/dist/react/divider'; import WaMenu from '@shoelace-style/shoelace/dist/react/menu'; import WaMenuItem from '@shoelace-style/shoelace/dist/react/menu-item'; @@ -35,8 +36,9 @@ const App = () => ( ); ``` +{% endraw %} -:::tip +:::info Menus are intended for system menus (dropdown menus, select menus, context menus, etc.). They should not be mistaken for navigation menus which serve a different purpose and have a different semantic meaning. If you're building navigation, use `