docs: Documentation update

n8design · Feb 21, 2024 · 5089d90 · 5089d90
1 parent 94dd8a6
commit 5089d90
Show file tree

Hide file tree

Showing 348 changed files with 2,139 additions and 15,836 deletions.
diff --git a/docs/htwoo-core/css/htwoo.min.css b/docs/htwoo-core/css/htwoo.min.css
diff --git a/docs/htwoo-core/css/style.css b/docs/htwoo-core/css/style.css
diff --git a/docs/htwoo-core/css/style.prod.css b/docs/htwoo-core/css/style.prod.css
diff --git a/docs/htwoo-core/patterns/atoms-avatar-avatar-16/atoms-avatar-avatar-16.rendered.html b/docs/htwoo-core/patterns/atoms-avatar-avatar-16/atoms-avatar-avatar-16.rendered.html
@@ -4,10 +4,10 @@
     <title>hTWOo UI Framework - Fluent UI</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
-    <link rel="stylesheet" href="../../css/style.css?1703087620293" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1703087620293" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1708550073879" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1708550073879" media="all" />
     <link rel="stylesheet" href="../../js/prismjs/prism.css" media="all" />
-    <link rel="stylesheet" href="../../styleguide/css/pattern-lab-overrides.css?1703087620293" media="all" />
+    <link rel="stylesheet" href="../../styleguide/css/pattern-lab-overrides.css?1708550073879" media="all" />
      <base target="_top">
     <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 
@@ -59,10 +59,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1703087620293">
+<script id="pl-js-polyfill-insert-1708550073879">
   (function() {
     if (self != top) {
-      var cb = '1703087620293';
+      var cb = '1708550073879';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -75,7 +75,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1703087620293" nomodule>
+<script id="pl-js-insert-1708550073879" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 

diff --git a/docs/htwoo-core/patterns/atoms-avatar-avatar-24/atoms-avatar-avatar-24.rendered.html b/docs/htwoo-core/patterns/atoms-avatar-avatar-24/atoms-avatar-avatar-24.rendered.html
@@ -4,10 +4,10 @@
     <title>hTWOo UI Framework - Fluent UI</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
-    <link rel="stylesheet" href="../../css/style.css?1703087620293" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1703087620293" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1708550073879" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1708550073879" media="all" />
     <link rel="stylesheet" href="../../js/prismjs/prism.css" media="all" />
-    <link rel="stylesheet" href="../../styleguide/css/pattern-lab-overrides.css?1703087620293" media="all" />
+    <link rel="stylesheet" href="../../styleguide/css/pattern-lab-overrides.css?1708550073879" media="all" />
      <base target="_top">
     <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 
@@ -59,10 +59,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1703087620293">
+<script id="pl-js-polyfill-insert-1708550073879">
   (function() {
     if (self != top) {
-      var cb = '1703087620293';
+      var cb = '1708550073879';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -75,7 +75,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1703087620293" nomodule>
+<script id="pl-js-insert-1708550073879" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 

diff --git a/docs/htwoo-core/patterns/atoms-avatar-avatar-32/atoms-avatar-avatar-32.rendered.html b/docs/htwoo-core/patterns/atoms-avatar-avatar-32/atoms-avatar-avatar-32.rendered.html
@@ -4,10 +4,10 @@
     <title>hTWOo UI Framework - Fluent UI</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
-    <link rel="stylesheet" href="../../css/style.css?1703087620293" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1703087620293" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1708550073879" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1708550073879" media="all" />
     <link rel="stylesheet" href="../../js/prismjs/prism.css" media="all" />
-    <link rel="stylesheet" href="../../styleguide/css/pattern-lab-overrides.css?1703087620293" media="all" />
+    <link rel="stylesheet" href="../../styleguide/css/pattern-lab-overrides.css?1708550073879" media="all" />
      <base target="_top">
     <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 
@@ -59,10 +59,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1703087620293">
+<script id="pl-js-polyfill-insert-1708550073879">
   (function() {
     if (self != top) {
-      var cb = '1703087620293';
+      var cb = '1708550073879';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -75,7 +75,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1703087620293" nomodule>
+<script id="pl-js-insert-1708550073879" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 

diff --git a/docs/htwoo-core/patterns/atoms-avatar-avatar-40/atoms-avatar-avatar-40.rendered.html b/docs/htwoo-core/patterns/atoms-avatar-avatar-40/atoms-avatar-avatar-40.rendered.html
@@ -4,10 +4,10 @@
     <title>hTWOo UI Framework - Fluent UI</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
-    <link rel="stylesheet" href="../../css/style.css?1703087620293" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1703087620293" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1708550073879" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1708550073879" media="all" />
     <link rel="stylesheet" href="../../js/prismjs/prism.css" media="all" />
-    <link rel="stylesheet" href="../../styleguide/css/pattern-lab-overrides.css?1703087620293" media="all" />
+    <link rel="stylesheet" href="../../styleguide/css/pattern-lab-overrides.css?1708550073879" media="all" />
      <base target="_top">
     <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 
@@ -59,10 +59,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1703087620293">
+<script id="pl-js-polyfill-insert-1708550073879">
   (function() {
     if (self != top) {
-      var cb = '1703087620293';
+      var cb = '1708550073879';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -75,7 +75,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1703087620293" nomodule>
+<script id="pl-js-insert-1708550073879" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 

diff --git a/docs/htwoo-core/patterns/atoms-avatar-avatar-48/atoms-avatar-avatar-48.rendered.html b/docs/htwoo-core/patterns/atoms-avatar-avatar-48/atoms-avatar-avatar-48.rendered.html
@@ -4,10 +4,10 @@
     <title>hTWOo UI Framework - Fluent UI</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
-    <link rel="stylesheet" href="../../css/style.css?1703087620293" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1703087620293" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1708550073879" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1708550073879" media="all" />
     <link rel="stylesheet" href="../../js/prismjs/prism.css" media="all" />
-    <link rel="stylesheet" href="../../styleguide/css/pattern-lab-overrides.css?1703087620293" media="all" />
+    <link rel="stylesheet" href="../../styleguide/css/pattern-lab-overrides.css?1708550073879" media="all" />
      <base target="_top">
     <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 
@@ -59,10 +59,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1703087620293">
+<script id="pl-js-polyfill-insert-1708550073879">
   (function() {
     if (self != top) {
-      var cb = '1703087620293';
+      var cb = '1708550073879';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -75,7 +75,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1703087620293" nomodule>
+<script id="pl-js-insert-1708550073879" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 

diff --git a/docs/htwoo-core/patterns/atoms-avatar-avatar-64/atoms-avatar-avatar-64.rendered.html b/docs/htwoo-core/patterns/atoms-avatar-avatar-64/atoms-avatar-avatar-64.rendered.html
@@ -4,10 +4,10 @@
     <title>hTWOo UI Framework - Fluent UI</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
-    <link rel="stylesheet" href="../../css/style.css?1703087620293" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1703087620293" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1708550073879" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1708550073879" media="all" />
     <link rel="stylesheet" href="../../js/prismjs/prism.css" media="all" />
-    <link rel="stylesheet" href="../../styleguide/css/pattern-lab-overrides.css?1703087620293" media="all" />
+    <link rel="stylesheet" href="../../styleguide/css/pattern-lab-overrides.css?1708550073879" media="all" />
      <base target="_top">
     <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 
@@ -59,10 +59,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1703087620293">
+<script id="pl-js-polyfill-insert-1708550073879">
   (function() {
     if (self != top) {
-      var cb = '1703087620293';
+      var cb = '1708550073879';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -75,7 +75,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1703087620293" nomodule>
+<script id="pl-js-insert-1708550073879" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 

diff --git a/docs/htwoo-core/patterns/atoms-avatar-avatar-72/atoms-avatar-avatar-72.rendered.html b/docs/htwoo-core/patterns/atoms-avatar-avatar-72/atoms-avatar-avatar-72.rendered.html
@@ -4,10 +4,10 @@
     <title>hTWOo UI Framework - Fluent UI</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
-    <link rel="stylesheet" href="../../css/style.css?1703087620293" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1703087620293" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1708550073879" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1708550073879" media="all" />
     <link rel="stylesheet" href="../../js/prismjs/prism.css" media="all" />
-    <link rel="stylesheet" href="../../styleguide/css/pattern-lab-overrides.css?1703087620293" media="all" />
+    <link rel="stylesheet" href="../../styleguide/css/pattern-lab-overrides.css?1708550073879" media="all" />
      <base target="_top">
     <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 
@@ -59,10 +59,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1703087620293">
+<script id="pl-js-polyfill-insert-1708550073879">
   (function() {
     if (self != top) {
-      var cb = '1703087620293';
+      var cb = '1708550073879';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -75,7 +75,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1703087620293" nomodule>
+<script id="pl-js-insert-1708550073879" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 

diff --git a/docs/htwoo-core/patterns/atoms-avatar-avatar-96/atoms-avatar-avatar-96.rendered.html b/docs/htwoo-core/patterns/atoms-avatar-avatar-96/atoms-avatar-avatar-96.rendered.html
@@ -4,10 +4,10 @@
     <title>hTWOo UI Framework - Fluent UI</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
-    <link rel="stylesheet" href="../../css/style.css?1703087620293" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1703087620293" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1708550073879" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1708550073879" media="all" />
     <link rel="stylesheet" href="../../js/prismjs/prism.css" media="all" />
-    <link rel="stylesheet" href="../../styleguide/css/pattern-lab-overrides.css?1703087620293" media="all" />
+    <link rel="stylesheet" href="../../styleguide/css/pattern-lab-overrides.css?1708550073879" media="all" />
      <base target="_top">
     <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 
@@ -59,10 +59,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1703087620293">
+<script id="pl-js-polyfill-insert-1708550073879">
   (function() {
     if (self != top) {
-      var cb = '1703087620293';
+      var cb = '1708550073879';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -75,7 +75,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1703087620293" nomodule>
+<script id="pl-js-insert-1708550073879" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 

diff --git a/docs/htwoo-core/patterns/atoms-avatar-avatar/atoms-avatar-avatar.rendered.html b/docs/htwoo-core/patterns/atoms-avatar-avatar/atoms-avatar-avatar.rendered.html
@@ -4,10 +4,10 @@
     <title>hTWOo UI Framework - Fluent UI</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
-    <link rel="stylesheet" href="../../css/style.css?1703087620293" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1703087620293" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1708550073879" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1708550073879" media="all" />
     <link rel="stylesheet" href="../../js/prismjs/prism.css" media="all" />
-    <link rel="stylesheet" href="../../styleguide/css/pattern-lab-overrides.css?1703087620293" media="all" />
+    <link rel="stylesheet" href="../../styleguide/css/pattern-lab-overrides.css?1708550073879" media="all" />
      <base target="_top">
     <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 
@@ -59,10 +59,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1703087620293">
+<script id="pl-js-polyfill-insert-1708550073879">
   (function() {
     if (self != top) {
-      var cb = '1703087620293';
+      var cb = '1708550073879';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -75,7 +75,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1703087620293" nomodule>
+<script id="pl-js-insert-1708550073879" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 

diff --git a/docs/htwoo-core/patterns/atoms-avatar-presence-all/atoms-avatar-presence-all.rendered.html b/docs/htwoo-core/patterns/atoms-avatar-presence-all/atoms-avatar-presence-all.rendered.html
@@ -4,10 +4,10 @@
     <title>hTWOo UI Framework - Fluent UI</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
-    <link rel="stylesheet" href="../../css/style.css?1703087620293" media="all" />
-    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1703087620293" media="all" />
+    <link rel="stylesheet" href="../../css/style.css?1708550073879" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1708550073879" media="all" />
     <link rel="stylesheet" href="../../js/prismjs/prism.css" media="all" />
-    <link rel="stylesheet" href="../../styleguide/css/pattern-lab-overrides.css?1703087620293" media="all" />
+    <link rel="stylesheet" href="../../styleguide/css/pattern-lab-overrides.css?1708550073879" media="all" />
      <base target="_top">
     <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 
@@ -57,10 +57,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1703087620293">
+<script id="pl-js-polyfill-insert-1708550073879">
   (function() {
     if (self != top) {
-      var cb = '1703087620293';
+      var cb = '1708550073879';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -73,7 +73,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1703087620293" nomodule>
+<script id="pl-js-insert-1708550073879" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);