@aurodesignsystem-dev/auro-formkit 0.0.0-pr1451.2 → 0.0.0-pr1451.21

package/custom-elements.json

@@ -2,6 +2,250 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "components/bibtemplate/src/auro-bibtemplate.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `auro-bibtemplate` element provides users a template for creating modal dialog elements.",
+          "name": "AuroBibtemplate",
+          "slots": [
+            {
+              "description": "The default slot for the main content.",
+              "name": "default"
+            },
+            {
+              "description": "Slot for the header content.",
+              "name": "header"
+            },
+            {
+              "description": "Slot for the subheader content.",
+              "name": "subheader"
+            },
+            {
+              "description": "Slot for the footer content.",
+              "name": "footer"
+            },
+            {
+              "description": "Slot for the close button aria-label.",
+              "name": "ariaLabel.close"
+            }
+          ],
+          "members": [
+            {
+              "kind": "method",
+              "name": "register",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "name",
+                  "default": "\"auro-bibtemplate\"",
+                  "description": "The name of element that you want to register to.",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "This will register this element with the browser."
+            },
+            {
+              "kind": "method",
+              "name": "preventBodyScroll",
+              "parameters": [
+                {
+                  "name": "event",
+                  "description": "The touchmove event.",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "Prevents scrolling of the body when touching empty areas of the component.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "focusCloseButton",
+              "description": "Focuses the close button inside the bibtemplate's shadow DOM.\nUsed by parent components to set initial focus when the fullscreen dialog opens.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onCloseButtonClick"
+            },
+            {
+              "kind": "method",
+              "name": "exposeCssParts",
+              "description": "Exposes CSS parts for styling from parent components.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "large",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "large",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "iconTag",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "headerTag",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "buttonTag",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "isFullscreen",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "isFullscreen",
+              "reflects": true
+            }
+          ],
+          "events": [
+            {
+              "name": "close-click",
+              "type": {
+                "text": "Event"
+              }
+            },
+            {
+              "name": "auro-bibtemplate-connected",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "isFullscreen",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "isFullscreen"
+            },
+            {
+              "name": "large",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "large"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "auro-bibtemplate",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AuroBibtemplate",
+          "declaration": {
+            "name": "AuroBibtemplate",
+            "module": "components/bibtemplate/src/auro-bibtemplate.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/bibtemplate/src/buttonVersion.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "12.3.2",
+            "module": "components/bibtemplate/src/buttonVersion.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/bibtemplate/src/headerVersion.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "5.0.1",
+            "module": "components/bibtemplate/src/headerVersion.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/bibtemplate/src/iconVersion.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "9.1.2",
+            "module": "components/bibtemplate/src/iconVersion.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/bibtemplate/src/index.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AuroBibtemplate",
+          "declaration": {
+            "name": "AuroBibtemplate",
+            "module": "components/bibtemplate/src/index.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/bibtemplate/src/registered.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "components/checkbox/src/auro-checkbox-group.js",
@@ -573,7 +817,8 @@
                 "text": "string"
               },
               "description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
-              "attribute": "id"
+              "attribute": "id",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -844,250 +1089,6 @@
       "declarations": [],
       "exports": []
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/bibtemplate/src/auro-bibtemplate.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The `auro-bibtemplate` element provides users a template for creating modal dialog elements.",
-          "name": "AuroBibtemplate",
-          "slots": [
-            {
-              "description": "The default slot for the main content.",
-              "name": "default"
-            },
-            {
-              "description": "Slot for the header content.",
-              "name": "header"
-            },
-            {
-              "description": "Slot for the subheader content.",
-              "name": "subheader"
-            },
-            {
-              "description": "Slot for the footer content.",
-              "name": "footer"
-            },
-            {
-              "description": "Slot for the close button aria-label.",
-              "name": "ariaLabel.close"
-            }
-          ],
-          "members": [
-            {
-              "kind": "method",
-              "name": "register",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "name",
-                  "default": "\"auro-bibtemplate\"",
-                  "description": "The name of element that you want to register to.",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "This will register this element with the browser."
-            },
-            {
-              "kind": "method",
-              "name": "preventBodyScroll",
-              "parameters": [
-                {
-                  "name": "event",
-                  "description": "The touchmove event.",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "description": "Prevents scrolling of the body when touching empty areas of the component.",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "focusCloseButton",
-              "description": "Focuses the close button inside the bibtemplate's shadow DOM.\nUsed by parent components to set initial focus when the fullscreen dialog opens.",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "onCloseButtonClick"
-            },
-            {
-              "kind": "method",
-              "name": "exposeCssParts",
-              "description": "Exposes CSS parts for styling from parent components.",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "large",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "large",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "iconTag",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "headerTag",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "buttonTag",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "isFullscreen",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "isFullscreen",
-              "reflects": true
-            }
-          ],
-          "events": [
-            {
-              "name": "close-click",
-              "type": {
-                "text": "Event"
-              }
-            },
-            {
-              "name": "auro-bibtemplate-connected",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "isFullscreen",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "isFullscreen"
-            },
-            {
-              "name": "large",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "large"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "auro-bibtemplate",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AuroBibtemplate",
-          "declaration": {
-            "name": "AuroBibtemplate",
-            "module": "components/bibtemplate/src/auro-bibtemplate.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/bibtemplate/src/buttonVersion.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "12.3.2",
-            "module": "components/bibtemplate/src/buttonVersion.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/bibtemplate/src/headerVersion.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "5.0.1",
-            "module": "components/bibtemplate/src/headerVersion.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/bibtemplate/src/iconVersion.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "9.1.2",
-            "module": "components/bibtemplate/src/iconVersion.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/bibtemplate/src/index.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AuroBibtemplate",
-          "declaration": {
-            "name": "AuroBibtemplate",
-            "module": "components/bibtemplate/src/index.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/bibtemplate/src/registered.js",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "components/combobox/src/auro-combobox.js",
@@ -11154,6 +11155,7 @@
               },
               "description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
               "attribute": "id",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "BaseInput",
                 "module": "components/input/src/base-input.js"
@@ -12947,7 +12949,8 @@
                 "text": "string"
               },
               "description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
-              "attribute": "id"
+              "attribute": "id",
+              "reflects": true
             },
             {
               "kind": "field",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurodesignsystem-dev/auro-formkit",
-  "version": "0.0.0-pr1451.2",
+  "version": "0.0.0-pr1451.21",
   "description": "A collection of web components used to build forms.",
   "homepage": "https://github.com/AlaskaAirlines/auro-formkit#readme",
   "bugs": {
@@ -59,7 +59,7 @@
     "prepare": "husky",
     "sass": "turbo run sass",
     "storybook": "npm run analyze && storybook dev -p 6006",
-    "sweep": "find ./components ./packages -type d -name 'dist' -exec rm -rf {} + && find ./ -type d -name '.turbo' -exec rm -rf {} + && find ./components ./packages -not -path '*/node_modules/*' -type f \\( -name '*.css' -o -name '*-css.js' \\) -delete",
+    "sweep": "find ./components ./packages -type d -name 'dist' -exec rm -rf {} + && find ./ -type d -name '.turbo' -exec rm -rf {} + && find ./components ./packages -not -path '*/node_modules/*' -type f -name '*-css.js' -delete && find ./components -path '*/demo/*.md' -delete && find ./components -path '*/demo/*.min.js' -delete && find ./components -path '*/demo/*.min.css' -delete",
     "test": "npm run test:wtr && npm run test:frameworks",
     "test:local": "npm run test:wtr; npm run test:frameworks; npm run test:dashboard",
     "test:dashboard": "node test/coverage/generate-dashboard.mjs",
@@ -97,7 +97,7 @@
     "@aurodesignsystem/typescript": "*",
     "@aurodesignsystem/utils": "*",
     "@aurodesignsystem/version": "*",
-    "@aurodesignsystem/webcorestylesheets": "^10.1.4",
+    "@aurodesignsystem/webcorestylesheets": "npm:@aurodesignsystem-dev/webcorestylesheets@^0.0.0-pr280.8",
     "@chromatic-com/storybook": "^5.1.2",
     "@commitlint/cli": "^20.5.0",
     "@commitlint/config-conventional": "^20.5.0",

package/components/combobox/demo/install.html

@@ -1,94 +0,0 @@
-<!--
-  Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
-  See LICENSE in the project root for license information.
-
-  HTML in this document is standardized and NOT to be edited.
-  All demo code should be added/edited in ./demo/install.md
-
-  ----------------------- DO NOT EDIT -----------------------------
-
--->
-
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Auro Web Component Demo | auro-combobox | Install</title>
-
-    <!-- highlight.js Stylesheet -->
-    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/github.min.css"/>
-
-    <!-- Legacy reference is still needed to support auro-combobox's use of legacy token values at this time -->
-    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/legacy/auro-classic/CSSCustomProperties.css"/>
-
-    <!-- Design Token Alaska Theme -->
-    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/themes/alaska/CSSCustomProperties--alaska.min.css"/>
-
-    <!-- Webcore Stylesheet Alaska Theme -->
-    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/themes/alaska.global.min.css" />
-
-    <!-- Demo Specific Styles -->
-    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/demoWrapper.css" />
-    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/elementDemoStyles.css" />
-    <link rel="stylesheet" type="text/css" href="./styles.css" />
-  </head>
-  <body class="auro-markdown">
-    <main></main>
-
-    <!-- If additional elements are needed for the demo, add them here. -->
-    <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/+esm" type="module"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-header@latest/+esm" type="module"></script>
-
-    <script type="module">
-      import {unified} from 'https://esm.sh/unified';
-      import remarkParse from 'https://esm.sh/remark-parse';
-      import remarkGfm from 'https://esm.sh/remark-gfm';
-      import remarkRehype from 'https://esm.sh/remark-rehype';
-      import rehypeRaw from 'https://esm.sh/rehype-raw';
-      import rehypeHighlight from 'https://esm.sh/rehype-highlight';
-      import rehypeStringify from 'https://esm.sh/rehype-stringify';
-
-      const response = await fetch('./install.md');
-      const text = await response.text();
-      const result = await unified()
-        .use(remarkParse)
-        .use(remarkGfm)
-        .use(remarkRehype, { allowDangerousHtml: true })
-        .use(rehypeRaw)
-        .use(rehypeHighlight)
-        .use(rehypeStringify)
-        .process(text);
-
-      document.querySelector('main').innerHTML = String(result);
-      addCopyButtons();
-
-      function addCopyButtons() {
-        document.querySelectorAll('pre code[class*="language-"], pre code[class*="hljs"]').forEach((code) => {
-          const pre = code.parentElement;
-          const wrapper = document.createElement('div');
-          wrapper.className = 'pre-wrapper';
-          pre.parentNode.insertBefore(wrapper, pre);
-          wrapper.appendChild(pre);
-          const btn = document.createElement('button');
-          btn.className = 'copy-btn';
-          btn.textContent = 'Copy';
-          btn.addEventListener('click', () => {
-            const raw = code.textContent;
-            const text = raw.replace(/\u200B/g, '').replace(/^\n+/, '').replace(/\n+$/, '\n').replace(/^\$ /, '');
-            navigator.clipboard.writeText(text).then(() => {
-              btn.textContent = 'Copied!';
-              setTimeout(() => { btn.textContent = 'Copy'; }, 1500);
-            });
-          });
-          wrapper.appendChild(btn);
-        });
-      }
-    </script>
-    <script src="./install.min.js" data-demo-script="true" type="module"></script>
-    <script type="module" data-demo-script="true">
-      import { initExamples } from "./install.min.js"
-      initExamples();
-    </script>
-  </body>
-</html>