Skip to content

Commit

Permalink
Merge pull request #35 from teamshares/sara-switch-checkbox
Browse files Browse the repository at this point in the history
New Shoelace release 2.1.0
  • Loading branch information
slhinyc authored May 6, 2024
2 parents 6074cfc + f77a382 commit 44ae748
Show file tree
Hide file tree
Showing 55 changed files with 2,836 additions and 588 deletions.
2 changes: 1 addition & 1 deletion docs/_includes/component.njk
Original file line number Diff line number Diff line change
Expand Up @@ -77,7 +77,7 @@
{# Guidelines #}
{% if
guidelines %}
<h2>Usage guidelines</h2>
<h2>Usage Guidelines</h2>
<div id="guidelines-content">{{ guidelines | markdown | safe }}</div>
{% endif %}
{# Importing #}
Expand Down
2 changes: 1 addition & 1 deletion docs/_includes/default.njk
Original file line number Diff line number Diff line change
Expand Up @@ -166,7 +166,7 @@
<div class="content__toc">
<ul>
<li class="top">
<a href="#">On this page</a>
<a href="#">{{ meta.title }}</a>
</li>
</ul>
</div>
Expand Down
301 changes: 226 additions & 75 deletions docs/_includes/sidebar.njk
Original file line number Diff line number Diff line change
Expand Up @@ -2,38 +2,72 @@
<li>
<h2>Getting Started</h2>
<ul>
<li><a href="/">Overview</a></li>
<li><a href="/getting-started/installation">Installation</a></li>
<li><a href="/getting-started/usage">Usage</a></li>
<li><a href="/teamshares/contributing">Contributing</a></li>
<li><a href="/teamshares/changelog">Changelog</a></li>
<li>
<a href="/">Overview</a>
</li>
<li>
<a href="/getting-started/installation">Installation</a>
</li>
<li>
<a href="/getting-started/usage">Usage</a>
</li>
<li>
<a href="/teamshares/contributing">Contributing</a>
</li>
<li>
<a href="/teamshares/changelog">Changelog</a>
</li>
</ul>
</li>
<li>
<h2>Tutorials</h2>
<ul>
<li><a href="/teamshares/recipes/protips">Protips</a></li>
<li><a href="/teamshares/view-components/wrapping">View Components</a></li>
<li><a href="/getting-started/form-controls">Form Controls</a></li>
<li><a href="/teamshares/recipes/rails-ujs">Rails UJS</a></li>
<li><a href="/teamshares/recipes/cypress">Cypress</a></li>
<li>
<a href="/teamshares/recipes/protips">Protips</a>
</li>
<li>
<a href="/teamshares/view-components/wrapping">View Components</a>
</li>
<li>
<a href="/getting-started/form-controls">Form Controls</a>
</li>
<li>
<a href="/teamshares/recipes/rails-ujs">Rails UJS</a>
</li>
<li>
<a href="/teamshares/recipes/cypress">Cypress</a>
</li>
</ul>
</li>
<li>
<h2>Teamshares Brand</h2>
<ul>
<li><a href="/teamshares/logo-assets">Logo & Brand Assets</a></li>
<li><a href="/teamshares/content">Content Guidelines</a></li>
<li>
<a href="/teamshares/logo-assets">Logo &amp; Brand Assets</a>
</li>
<li>
<a href="/teamshares/content">Content Guidelines</a>
</li>
</ul>
</li>
<li>
<h2>Styles</h2>
<ul>
<li><a href="/tokens/ts-colors">Colors</a></li>
<li><a href="/tokens/ts-typography">Typography</a></li>
<li><a href="/tokens/ts-spacing">Spacing</a></li>
<li><a href="/tokens/ts-elevation">Elevation</a></li>
<li><a href="/tokens/ts-border-radius">Border Radius</a></li>
<li>
<a href="/tokens/ts-colors">Colors</a>
</li>
<li>
<a href="/tokens/ts-typography">Typography</a>
</li>
<li>
<a href="/tokens/ts-spacing">Spacing</a>
</li>
<li>
<a href="/tokens/ts-elevation">Elevation</a>
</li>
<li>
<a href="/tokens/ts-border-radius">Border Radius</a>
</li>
</ul>
</li>
{#
Expand All @@ -53,74 +87,191 @@
<li>
<h2>Core Components</h2>
<ul>
<li><a href="/components/alert">Alert</a></li>
<li><a href="/components/avatar">Avatar</a></li>
<li><a href="/components/badge">Badge</a></li>
<li><a href="/components/breadcrumb">Breadcrumb</a></li>
<li><a href="/components/breadcrumb-item">Breadcrumb Item</a></li>
<li><a href="/components/button">Button</a></li>
<li><a href="/components/button-group">Button Group</a></li>
<li><a href="/components/card">Card</a></li>
<li><a href="/components/checkbox">Checkbox</a></li>
<li><a href="/components/details">Details (Collapsible Card)</a></li>
<li><a href="/components/dialog">Dialog (Modal)</a></li>
<li><a href="/components/divider">Divider</a></li>
<li><a href="/components/drawer">Drawer</a></li>
<li><a href="/components/dropdown">Dropdown</a></li>
<li><a href="/components/icon">Icon</a></li>
<li><a href="/components/icon-button">Icon Button</a></li>
<li><a href="/components/input">Input</a></li>
<li><a href="/components/menu">Menu</a></li>
<li><a href="/components/menu-item">Menu Item</a></li>
<li><a href="/components/menu-label">Menu Label</a></li>
<li><a href="/components/option">Option</a></li>
<li><a href="/components/progress-bar">Progress Bar</a></li>
<li><a href="/components/radio">Radio</a></li>
<li><a href="/components/radio-button">Radio Button</a></li>
<li><a href="/components/radio-group">Radio Group</a></li>
<li><a href="/components/progress-ring">Progress Ring</a></li>
<li><a href="/components/range">Range</a></li>
<li><a href="/components/rating">Rating</a></li>
<li><a href="/components/select">Select</a></li>
<li><a href="/components/skeleton">Skeleton</a></li>
<li><a href="/components/spinner">Spinner</a></li>
<li><a href="/components/split-panel">Split Panel</a></li>
<li><a href="/components/switch">Switch</a></li>
<li><a href="/components/tab-group">Tab Group</a></li>
<li><a href="/components/tab">Tab</a></li>
<li><a href="/components/tab-panel">Tab Panel</a></li>
<li><a href="/components/tag">Tag</a></li>
<li><a href="/components/textarea">Textarea</a></li>
<li><a href="/components/tooltip">Tooltip</a></li>
<li>
<a href="/components/alert">Alert</a>
</li>
<li>
<a href="/components/avatar">Avatar</a>
</li>
<li>
<a href="/components/badge">Badge</a>
</li>
<li>
<a href="/components/breadcrumb">Breadcrumb</a>
</li>
<li>
<a href="/components/breadcrumb-item">Breadcrumb Item</a>
</li>
<li>
<a href="/components/button">Button</a>
</li>
<li>
<a href="/components/button-group">Button Group</a>
</li>
<li>
<a href="/components/card">Card</a>
</li>
<li>
<a href="/components/checkbox">Checkbox</a>
</li>
<li>
<a href="/components/checkbox-group">Checkbox Group</a>
</li>
<li>
<a href="/components/details">Details (Collapsible Card)</a>
</li>
<li>
<a href="/components/dialog">Dialog (Modal)</a>
</li>
<li>
<a href="/components/divider">Divider</a>
</li>
<li>
<a href="/components/drawer">Drawer</a>
</li>
<li>
<a href="/components/dropdown">Dropdown</a>
</li>
<li>
<a href="/components/icon">Icon</a>
</li>
<li>
<a href="/components/icon-button">Icon Button</a>
</li>
<li>
<a href="/components/input">Input</a>
</li>
<li>
<a href="/components/menu">Menu</a>
</li>
<li>
<a href="/components/menu-item">Menu Item</a>
</li>
<li>
<a href="/components/menu-label">Menu Label</a>
</li>
<li>
<a href="/components/option">Option</a>
</li>
<li>
<a href="/components/progress-bar">Progress Bar</a>
</li>
<li>
<a href="/components/progress-ring">Progress Ring</a>
</li>
<li>
<a href="/components/radio">Radio (Radio Button)</a>
</li>
<li>
<a href="/components/radio-button">Radio Button (Segmented Control)</a>
</li>
<li>
<a href="/components/radio-group">Radio Group</a>
</li>
<li>
<a href="/components/range">Range</a>
</li>
<li>
<a href="/components/rating">Rating</a>
</li>
<li>
<a href="/components/select">Select</a>
</li>
<li>
<a href="/components/skeleton">Skeleton</a>
</li>
<li>
<a href="/components/spinner">Spinner</a>
</li>
<li>
<a href="/components/split-panel">Split Panel</a>
</li>
<li>
<a href="/components/switch">Switch</a>
</li>
<li>
<a href="/components/tab-group">Tab Group</a>
</li>
<li>
<a href="/components/tab">Tab</a>
</li>
<li>
<a href="/components/tab-panel">Tab Panel</a>
</li>
<li>
<a href="/components/tag">Tag</a>
</li>
<li>
<a href="/components/textarea">Textarea</a>
</li>
<li>
<a href="/components/tooltip">Tooltip</a>
</li>
</ul>
</li>
<li>
<h2>Auxiliary Components</h2>
<ul>
<li><a href="/components/carousel">Carousel</a></li>
<li><a href="/components/carousel-item">Carousel Item</a></li>
<li><a href="/components/copy-button">Copy Button</a></li>
<li>
<a href="/components/carousel">Carousel</a>
</li>
<li>
<a href="/components/carousel-item">Carousel Item</a>
</li>
<li>
<a href="/components/copy-button">Copy Button</a>
</li>
<!-- <li><a href="/vendor/data-grid">Data Grid</a></li> -->
<li><a href="/components/image-comparer">Image Comparer</a></li>
<li><a href="/components/qr-code">QR Code</a></li>
<li><a href="/components/tree">Tree</a></li>
<li><a href="/components/tree-item">Tree Item</a></li>
<li>
<a href="/components/image-comparer">Image Comparer</a>
</li>
<li>
<a href="/components/qr-code">QR Code</a>
</li>
<li>
<a href="/components/tree">Tree</a>
</li>
<li>
<a href="/components/tree-item">Tree Item</a>
</li>
</ul>
</li>
<li>
<h2>Utilities</h2>
<ul>
<li><a href="/components/animated-image">Animated Image</a></li>
<li><a href="/components/animation">Animation</a></li>
<li><a href="/components/format-bytes">Format Bytes</a></li>
<li><a href="/components/format-date">Format Date</a></li>
<li><a href="/components/format-number">Format Number</a></li>
<li><a href="/components/include">Include</a></li>
<li><a href="/components/mutation-observer">Mutation Observer</a></li>
<li><a href="/components/popup">Popup</a></li>
<li><a href="/components/relative-time">Relative Time</a></li>
<li><a href="/components/resize-observer">Resize Observer</a></li>
<li><a href="/components/visually-hidden">Visually Hidden</a></li>
<li>
<a href="/components/animated-image">Animated Image</a>
</li>
<li>
<a href="/components/animation">Animation</a>
</li>
<li>
<a href="/components/format-bytes">Format Bytes</a>
</li>
<li>
<a href="/components/format-date">Format Date</a>
</li>
<li>
<a href="/components/format-number">Format Number</a>
</li>
<li>
<a href="/components/include">Include</a>
</li>
<li>
<a href="/components/mutation-observer">Mutation Observer</a>
</li>
<li>
<a href="/components/popup">Popup</a>
</li>
<li>
<a href="/components/relative-time">Relative Time</a>
</li>
<li>
<a href="/components/resize-observer">Resize Observer</a>
</li>
<li>
<a href="/components/visually-hidden">Visually Hidden</a>
</li>
</ul>
</li>
</ul>
</ul>
Binary file added docs/assets/images/confirm-dialog-DO-2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/assets/images/confirm-dialog-DO.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/assets/images/confirm-dialog-DONT-2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/assets/images/confirm-dialog-DONT.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 44ae748

Please sign in to comment.