@stcn52/pro 0.0.0-stage → 0.2.0

package/docs/qa/p2-scroll-navigation-checks.json

@@ -0,0 +1,198 @@
+[
+  {
+    "width": 1280,
+    "theme": "light",
+    "story": "affix--default",
+    "containerTop": 24,
+    "error": false,
+    "fixedTop": 32,
+    "focus": "Affix scroller",
+    "overflow": false,
+    "themeApplied": "light"
+  },
+  {
+    "width": 1280,
+    "theme": "light",
+    "story": "anchor--default",
+    "active": "Verification",
+    "error": false,
+    "focus": null,
+    "overflow": false,
+    "themeApplied": "light"
+  },
+  {
+    "width": 1280,
+    "theme": "light",
+    "story": "floatbutton--default",
+    "error": false,
+    "focus": "Quick actions",
+    "overflow": false,
+    "themeApplied": "light"
+  },
+  {
+    "width": 1280,
+    "theme": "light",
+    "story": "floatbutton--back-to-top",
+    "backTopScroll": 35,
+    "error": false,
+    "focus": null,
+    "overflow": false,
+    "themeApplied": "light"
+  },
+  {
+    "width": 1280,
+    "theme": "light",
+    "story": "floatbutton--rtl",
+    "error": false,
+    "focus": null,
+    "overflow": false,
+    "themeApplied": "light"
+  },
+  {
+    "width": 1280,
+    "theme": "dark",
+    "story": "affix--default",
+    "containerTop": 24,
+    "error": false,
+    "fixedTop": 32,
+    "focus": "Affix scroller",
+    "overflow": false,
+    "themeApplied": "dark"
+  },
+  {
+    "width": 1280,
+    "theme": "dark",
+    "story": "anchor--default",
+    "active": "Verification",
+    "error": false,
+    "focus": null,
+    "overflow": false,
+    "themeApplied": "dark"
+  },
+  {
+    "width": 1280,
+    "theme": "dark",
+    "story": "floatbutton--default",
+    "error": false,
+    "focus": "Quick actions",
+    "overflow": false,
+    "themeApplied": "dark"
+  },
+  {
+    "width": 1280,
+    "theme": "dark",
+    "story": "floatbutton--back-to-top",
+    "backTopScroll": 32,
+    "error": false,
+    "focus": null,
+    "overflow": false,
+    "themeApplied": "dark"
+  },
+  {
+    "width": 1280,
+    "theme": "dark",
+    "story": "floatbutton--rtl",
+    "error": false,
+    "focus": null,
+    "overflow": false,
+    "themeApplied": "dark"
+  },
+  {
+    "width": 390,
+    "theme": "light",
+    "story": "affix--default",
+    "containerTop": 24,
+    "error": false,
+    "fixedTop": 32,
+    "focus": "Affix scroller",
+    "overflow": false,
+    "themeApplied": "light"
+  },
+  {
+    "width": 390,
+    "theme": "light",
+    "story": "anchor--default",
+    "active": "Verification",
+    "error": false,
+    "focus": null,
+    "overflow": false,
+    "themeApplied": "light"
+  },
+  {
+    "width": 390,
+    "theme": "light",
+    "story": "floatbutton--default",
+    "error": false,
+    "focus": "Quick actions",
+    "overflow": false,
+    "themeApplied": "light"
+  },
+  {
+    "width": 390,
+    "theme": "light",
+    "story": "floatbutton--back-to-top",
+    "backTopScroll": 29.5,
+    "error": false,
+    "focus": null,
+    "overflow": false,
+    "themeApplied": "light"
+  },
+  {
+    "width": 390,
+    "theme": "light",
+    "story": "floatbutton--rtl",
+    "error": false,
+    "focus": null,
+    "overflow": false,
+    "themeApplied": "light"
+  },
+  {
+    "width": 390,
+    "theme": "dark",
+    "story": "affix--default",
+    "containerTop": 24,
+    "error": false,
+    "fixedTop": 32,
+    "focus": "Affix scroller",
+    "overflow": false,
+    "themeApplied": "dark"
+  },
+  {
+    "width": 390,
+    "theme": "dark",
+    "story": "anchor--default",
+    "active": "Verification",
+    "error": false,
+    "focus": null,
+    "overflow": false,
+    "themeApplied": "dark"
+  },
+  {
+    "width": 390,
+    "theme": "dark",
+    "story": "floatbutton--default",
+    "error": false,
+    "focus": "Quick actions",
+    "overflow": false,
+    "themeApplied": "dark"
+  },
+  {
+    "width": 390,
+    "theme": "dark",
+    "story": "floatbutton--back-to-top",
+    "backTopScroll": 34.5,
+    "error": false,
+    "focus": null,
+    "overflow": false,
+    "themeApplied": "dark"
+  },
+  {
+    "width": 390,
+    "theme": "dark",
+    "story": "floatbutton--rtl",
+    "error": false,
+    "focus": null,
+    "overflow": false,
+    "themeApplied": "dark"
+  }
+]

package/docs/qa/p2-selection-bar-checks.json

@@ -0,0 +1,302 @@
+[
+  {
+    "story": "overlay",
+    "width": 1280,
+    "theme": "light",
+    "appliedTheme": "light",
+    "bars": [
+      {
+        "disabledButtons": 1,
+        "height": 44,
+        "scrollWidth": 1185,
+        "width": 1185
+      }
+    ],
+    "pageWidth": 1265,
+    "scrollWidth": 1265
+  },
+  {
+    "story": "inline",
+    "width": 1280,
+    "theme": "light",
+    "appliedTheme": "light",
+    "bars": [
+      {
+        "disabledButtons": 1,
+        "height": 47,
+        "scrollWidth": 1185,
+        "width": 1185
+      }
+    ],
+    "pageWidth": 1265,
+    "scrollWidth": 1265
+  },
+  {
+    "story": "disabled-overrides",
+    "width": 1280,
+    "theme": "light",
+    "appliedTheme": "light",
+    "bars": [
+      {
+        "disabledButtons": 4,
+        "height": 47,
+        "scrollWidth": 1185,
+        "width": 1185
+      },
+      {
+        "disabledButtons": 1,
+        "height": 47,
+        "scrollWidth": 1185,
+        "width": 1185
+      }
+    ],
+    "pageWidth": 1265,
+    "scrollWidth": 1265
+  },
+  {
+    "story": "async-flow",
+    "width": 1280,
+    "theme": "light",
+    "appliedTheme": "light",
+    "bars": [
+      {
+        "disabledButtons": 0,
+        "height": 47,
+        "scrollWidth": 1185,
+        "width": 1185
+      }
+    ],
+    "pageWidth": 1265,
+    "scrollWidth": 1265
+  },
+  {
+    "story": "overlay",
+    "width": 1280,
+    "theme": "dark",
+    "appliedTheme": "dark",
+    "bars": [
+      {
+        "disabledButtons": 1,
+        "height": 44,
+        "scrollWidth": 1185,
+        "width": 1185
+      }
+    ],
+    "pageWidth": 1265,
+    "scrollWidth": 1265
+  },
+  {
+    "story": "inline",
+    "width": 1280,
+    "theme": "dark",
+    "appliedTheme": "dark",
+    "bars": [
+      {
+        "disabledButtons": 1,
+        "height": 47,
+        "scrollWidth": 1185,
+        "width": 1185
+      }
+    ],
+    "pageWidth": 1265,
+    "scrollWidth": 1265
+  },
+  {
+    "story": "disabled-overrides",
+    "width": 1280,
+    "theme": "dark",
+    "appliedTheme": "dark",
+    "bars": [
+      {
+        "disabledButtons": 4,
+        "height": 47,
+        "scrollWidth": 1185,
+        "width": 1185
+      },
+      {
+        "disabledButtons": 1,
+        "height": 47,
+        "scrollWidth": 1185,
+        "width": 1185
+      }
+    ],
+    "pageWidth": 1265,
+    "scrollWidth": 1265
+  },
+  {
+    "story": "async-flow",
+    "width": 1280,
+    "theme": "dark",
+    "appliedTheme": "dark",
+    "bars": [
+      {
+        "disabledButtons": 0,
+        "height": 47,
+        "scrollWidth": 1185,
+        "width": 1185
+      }
+    ],
+    "pageWidth": 1265,
+    "scrollWidth": 1265
+  },
+  {
+    "story": "overlay",
+    "width": 390,
+    "theme": "light",
+    "appliedTheme": "light",
+    "bars": [
+      {
+        "disabledButtons": 1,
+        "height": 44,
+        "scrollWidth": 697,
+        "width": 295
+      }
+    ],
+    "pageWidth": 375,
+    "scrollWidth": 375
+  },
+  {
+    "story": "inline",
+    "width": 390,
+    "theme": "light",
+    "appliedTheme": "light",
+    "bars": [
+      {
+        "disabledButtons": 1,
+        "height": 183,
+        "scrollWidth": 295,
+        "width": 295
+      }
+    ],
+    "pageWidth": 375,
+    "scrollWidth": 375
+  },
+  {
+    "story": "disabled-overrides",
+    "width": 390,
+    "theme": "light",
+    "appliedTheme": "light",
+    "bars": [
+      {
+        "disabledButtons": 4,
+        "height": 183,
+        "scrollWidth": 295,
+        "width": 295
+      },
+      {
+        "disabledButtons": 1,
+        "height": 183,
+        "scrollWidth": 295,
+        "width": 295
+      }
+    ],
+    "pageWidth": 375,
+    "scrollWidth": 375
+  },
+  {
+    "story": "async-flow",
+    "width": 390,
+    "theme": "light",
+    "appliedTheme": "light",
+    "bars": [
+      {
+        "disabledButtons": 0,
+        "height": 81,
+        "scrollWidth": 295,
+        "width": 295
+      }
+    ],
+    "pageWidth": 375,
+    "scrollWidth": 375
+  },
+  {
+    "story": "overlay",
+    "width": 390,
+    "theme": "dark",
+    "appliedTheme": "dark",
+    "bars": [
+      {
+        "disabledButtons": 1,
+        "height": 44,
+        "scrollWidth": 697,
+        "width": 295
+      }
+    ],
+    "pageWidth": 375,
+    "scrollWidth": 375
+  },
+  {
+    "story": "inline",
+    "width": 390,
+    "theme": "dark",
+    "appliedTheme": "dark",
+    "bars": [
+      {
+        "disabledButtons": 1,
+        "height": 183,
+        "scrollWidth": 295,
+        "width": 295
+      }
+    ],
+    "pageWidth": 375,
+    "scrollWidth": 375
+  },
+  {
+    "story": "disabled-overrides",
+    "width": 390,
+    "theme": "dark",
+    "appliedTheme": "dark",
+    "bars": [
+      {
+        "disabledButtons": 4,
+        "height": 183,
+        "scrollWidth": 295,
+        "width": 295
+      },
+      {
+        "disabledButtons": 1,
+        "height": 183,
+        "scrollWidth": 295,
+        "width": 295
+      }
+    ],
+    "pageWidth": 375,
+    "scrollWidth": 375
+  },
+  {
+    "story": "async-flow",
+    "width": 390,
+    "theme": "dark",
+    "appliedTheme": "dark",
+    "bars": [
+      {
+        "disabledButtons": 0,
+        "height": 81,
+        "scrollWidth": 295,
+        "width": 295
+      }
+    ],
+    "pageWidth": 375,
+    "scrollWidth": 375
+  },
+  {
+    "interaction": "pending",
+    "busy": "true",
+    "count": "3 selected",
+    "disabledCommands": 2
+  },
+  {
+    "interaction": "rejection retains selection",
+    "busy": "false",
+    "count": "3 selected",
+    "error": "Action failed. Try again.",
+    "externalFocus": "\n    \n  \n\n\n\n  \n    \n      \n      \n      \n      \n    \n    \n      \n    \n  \n  \n    \n      \n        Name\n        Description\n        Default\n        Control \n      \n    \n    \n      \n        propertyName*\n        \n          This is a short description\n          \n            summary\n          \n        \n        \n          defaultValue\n        \n        Set string\n      \n      \n        propertyName*\n        \n          This is a short description\n          \n            summary\n          \n        \n        \n          defaultValue\n        \n        Set string\n      \n      \n        propertyName*\n        \n          This is a short description\n          \n            summary\n          \n        \n        \n          defaultValue\n        \n        Set string\n      \n    \n  \n\n\n\n  \n    No Preview\n    Sorry, but you either have no stories or none are selected somehow.\n    \n      Please check the Storybook config.\n      Try reloading the page.\n    \n    \n      If the problem persists, check the browser console, or the terminal you've run Storybook from.\n    \n  \n\n\n\n  \n    \n    \n      The component failed to render properly, likely due to a configuration issue in Storybook.\n      Here are some common causes and how you can address them:\n    \n    \n      \n        Missing Context/Providers: You can use decorators to supply specific\n        contexts or providers, which are sometimes necessary for components to render correctly. For\n        detailed instructions on using decorators, please visit the\n        Decorators documentation.\n      \n      \n        Misconfigured Webpack or Vite: Verify that Storybook picks up all necessary\n        settings for loaders, plugins, and other relevant parameters. You can find step-by-step\n        guides for configuring\n        Webpack or\n        Vite\n        with Storybook.\n      \n      \n        Missing Environment Variables: Your Storybook may require specific\n        environment variables to function as intended. You can set up custom environment variables\n        as outlined in the\n        Environment Variables documentation.\n      \n    \n    \n  \n\n\n    3 selectedAction failed. Try again.Update statusCancelResolve requestReject requestNo success reported\n    \n    \n      function __onViteAppLoadingError(event) {\n        const hostname = globalThis.location.hostname;\n        if (hostname !== 'localhost' && globalThis.CONFIG_TYPE === 'DEVELOPMENT') {\n          const message = `Failed to load the Storybook preview file 'vite-app.js':\n\n      It looks like you're visiting the Storybook development server on another hostname than localhost: '${hostname}', but you haven't configured the necessary security features to support this.\n      Please re-run your Storybook development server with the '--host ${hostname}' flag, or manually configure your Vite allowedHosts configuration with viteFinal.\n\n      See:`;\n          const docs = [\n            'https://storybook.js.org/docs/api/cli-options#dev',\n            'https://storybook.js.org/docs/api/main-config/main-config-vite-final',\n            'https://vite.dev/config/server-options.html#server-allowedhosts',\n          ];\n          console.error(`${message}\\n${docs.map((doc) => `- ${doc}`).join('\\n')}`);\n\n          document.getElementById('storybook-root').innerHTML =\n            `<p style=\"color: red; max-width: 70ch\">${message.replaceAll(\n              '\\n',\n              '<br/>'\n            )}<ul>${docs.map((doc) => `<li><a href='${doc}' target='_blank'>${doc}</a></li>`).join('')}</ul></p>`;\n          return;\n        }\n      }\n    \n  \n\n\n            #storybook-highlights-menu {\n              position: absolute;\n              z-index: 2147483647;\n              width: 300px;\n              padding: 0px;\n              margin: 15px 0 0 0;\n              transform: translateX(-50%);\n              font-family: \"Nunito Sans\", -apple-system, \".SFNSText-Regular\", \"San Francisco\", BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n              font-size: 12px;\n              background: white;\n              border: none;\n              border-radius: 6px;\n              box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 5px 15px 0 rgba(0, 0, 0, 0.1);\n              color: #2E3438;\n            }\n            #storybook-highlights-menu ul {\n              list-style: none;\n              margin: 0;\n              padding: 0;\n            }\n            #storybook-highlights-menu > ul {\n              max-height: 300px;\n              overflow-y: auto;\n              padding: 4px 0;\n            }\n            #storybook-highlights-menu li {\n              padding: 0 4px;\n              margin: 0;\n            }\n            #storybook-highlights-menu li > :not(ul) {\n              display: flex;\n              padding: 8px;\n              margin: 0;\n              align-items: center;\n              gap: 8px;\n              border-radius: 4px;\n            }\n            #storybook-highlights-menu button {\n              width: 100%;\n              border: 0;\n              background: transparent;\n              color: inherit;\n              text-align: left;\n              font-family: inherit;\n              font-size: inherit;\n            }\n            #storybook-highlights-menu button:focus-visible {\n              outline-color: #029CFD;\n            }\n            #storybook-highlights-menu button:hover {\n              background: rgba(2, 156, 253, 0.07);\n              color: #029CFD;\n              cursor: pointer;\n            }\n            #storybook-highlights-menu li code {\n              white-space: nowrap;\n              overflow: hidden;\n              text-overflow: ellipsis;\n              line-height: 16px;\n              font-size: 11px;\n            }\n            #storybook-highlights-menu li svg {\n              flex-shrink: 0;\n              margin: 1px;\n              color: #73828C;\n            }\n            #storybook-highlights-menu li > button:hover svg, #storybook-highlights-menu li > button:focus-visible svg {\n              color: #029CFD;\n            }\n            #storybook-highlights-menu .element-list li svg {\n              display: none;\n            }\n            #storybook-highlights-menu li.selectable svg, #storybook-highlights-menu li.selected svg {\n              display: block;\n            }\n            #storybook-highlights-menu .menu-list {\n              border-top: 1px solid rgba(38, 85, 115, 0.15);\n            }\n            #storybook-highlights-menu .menu-list > li:not(:last-child) {\n              padding-bottom: 4px;\n              margin-bottom: 4px;\n              border-bottom: 1px solid rgba(38, 85, 115, 0.15);\n            }\n            #storybook-highlights-menu .menu-items, #storybook-highlights-menu .menu-items li {\n              padding: 0;\n            }\n            #storybook-highlights-menu .menu-item {\n              display: flex;\n            }\n            #storybook-highlights-menu .menu-item-content {\n              display: flex;\n              flex-direction: column;\n              flex-grow: 1;\n            }\n          \n  \n    \n      \n    \n    \n      \n    \n    \n      \n    \n    \n      \n    \n    \n      \n    \n    \n      \n    \n    \n      \n    \n  \n"
+  },
+  {
+    "interaction": "successful retry clears and reports",
+    "busy": "false",
+    "count": "0 selected",
+    "error": null,
+    "message": "Sorry, but you either have no stories or none are selected somehow."
+  }
+]