@panphora/bevel 0.1.0

package/examples/components/reference/fable/coverage.json

@@ -0,0 +1,414 @@
+{
+  "seat": "fable",
+  "phase": "static",
+  "components": [
+    {
+      "id": "modal",
+      "states": [
+        "form",
+        "prompt",
+        "confirm",
+        "long"
+      ],
+      "source": "astra selection, Fable refinement",
+      "file": "components/modal.html",
+      "behavior": "static",
+      "feedback": "But use the diagonal close svg that we use in themodal in clay.js/hyperclay.js"
+    },
+    {
+      "id": "popover-menu",
+      "states": [
+        "open",
+        "closed"
+      ],
+      "source": "astra selection, Fable refinement",
+      "file": "components/popover-menu.html",
+      "behavior": "static",
+      "feedback": ""
+    },
+    {
+      "id": "drawer",
+      "states": [
+        "open",
+        "long",
+        "closed"
+      ],
+      "source": "astra selection, Fable refinement",
+      "file": "components/drawer.html",
+      "behavior": "static",
+      "feedback": "But again use the diagonal close svg that we use in themodal in clay.js/hyperclay.js"
+    },
+    {
+      "id": "popconfirm",
+      "states": [
+        "open",
+        "confirmed",
+        "closed"
+      ],
+      "source": "parent selection, Fable refinement",
+      "file": "components/popconfirm.html",
+      "behavior": "static",
+      "feedback": "Yes parent, but I do want the nub pointing to the item the dialog is referring to. Can use floating-ui library."
+    },
+    {
+      "id": "combobox",
+      "states": [
+        "open",
+        "closed",
+        "filtered",
+        "empty"
+      ],
+      "source": "parent selection, Fable refinement",
+      "file": "components/combobox.html",
+      "behavior": "static",
+      "feedback": ""
+    },
+    {
+      "id": "multi-select-picker",
+      "states": [
+        "selected",
+        "open",
+        "empty"
+      ],
+      "source": "parent selection, Fable refinement",
+      "file": "components/multi-select-picker.html",
+      "behavior": "static",
+      "feedback": ""
+    },
+    {
+      "id": "selectable-cards",
+      "states": [
+        "radio",
+        "checkbox"
+      ],
+      "source": "astra selection, Fable refinement",
+      "file": "components/selectable-cards.html",
+      "behavior": "static",
+      "feedback": ""
+    },
+    {
+      "id": "upload-dropzone",
+      "states": [
+        "empty",
+        "queue",
+        "error",
+        "crop"
+      ],
+      "source": "parent selection, Fable refinement",
+      "file": "components/upload-dropzone.html",
+      "behavior": "static",
+      "feedback": ""
+    },
+    {
+      "id": "inline-edit",
+      "states": [
+        "resting",
+        "editing",
+        "error",
+        "saved"
+      ],
+      "source": "astra selection, Fable refinement",
+      "file": "components/inline-edit.html",
+      "behavior": "static",
+      "feedback": "Should probably use hyper/richclay/ library here"
+    },
+    {
+      "id": "settings-rows",
+      "states": [
+        "default",
+        "disabled"
+      ],
+      "source": "astra selection, Fable refinement",
+      "file": "components/settings-rows.html",
+      "behavior": "static",
+      "feedback": "In general I like the higher contrast"
+    },
+    {
+      "id": "form-error-summary",
+      "states": [
+        "errors",
+        "corrected"
+      ],
+      "source": "astra selection, Fable refinement",
+      "file": "components/form-error-summary.html",
+      "behavior": "static",
+      "feedback": "Again, in general I like the higher contrast of not having a container and all the noise that comes from a container"
+    },
+    {
+      "id": "split-button",
+      "states": [
+        "line",
+        "inset",
+        "line-open",
+        "inset-open",
+        "disabled"
+      ],
+      "source": "parent selection, Fable refinement",
+      "file": "components/split-button.html",
+      "behavior": "static",
+      "feedback": "Yes, but it's not great yet. The two part button should share the same color (the gray instead of white) and the left button should not have it's right side bevel, so it looks mostly flush -- it should just have a single dark line between the left and right button or maybe a slight inset bevel, I would like to see both"
+    },
+    {
+      "id": "sidebar-nav",
+      "states": [
+        "expanded",
+        "compact"
+      ],
+      "source": "parent selection, Fable refinement",
+      "file": "components/sidebar-nav.html",
+      "behavior": "static",
+      "feedback": "But bring the identity footer from Astra and move the collapse icon to the top right of the sidebar and have it be a left arrow icon."
+    },
+    {
+      "id": "app-toolbar",
+      "states": [
+        "default",
+        "overflow"
+      ],
+      "source": "astra selection, Fable refinement",
+      "file": "components/app-toolbar.html",
+      "behavior": "static",
+      "feedback": "But use icons instead of text and never use white buttons here, only the darker gray/blue secondary ones"
+    },
+    {
+      "id": "breadcrumbs",
+      "states": [
+        "short",
+        "long"
+      ],
+      "source": "astra selection, Fable refinement",
+      "file": "components/breadcrumbs.html",
+      "behavior": "static",
+      "feedback": ""
+    },
+    {
+      "id": "pagination",
+      "states": [
+        "first",
+        "middle",
+        "last"
+      ],
+      "source": "astra selection, Fable refinement",
+      "file": "components/pagination.html",
+      "behavior": "static",
+      "feedback": ""
+    },
+    {
+      "id": "tree-view",
+      "states": [
+        "expanded",
+        "empty"
+      ],
+      "source": "parent selection, Fable refinement",
+      "file": "components/tree-view.html",
+      "behavior": "static",
+      "feedback": "Yes but add the thinner height/line height on selected item from Astra (keep the same relative distance as parent between the items, but use margin instead of padding/line-height)  and the left gold border on the selected item"
+    },
+    {
+      "id": "wizard-shell",
+      "states": [
+        "current",
+        "error",
+        "complete"
+      ],
+      "source": "astra selection, Fable refinement",
+      "file": "components/wizard-shell.html",
+      "behavior": "static",
+      "feedback": "In general I like the higher contrast, but I do like this from the parent, let's try to incorporate it: the numbers are clearer inside their squares and the selected square being high contrast against its bg is nice"
+    },
+    {
+      "id": "toast-stack",
+      "states": [
+        "stack",
+        "success",
+        "error"
+      ],
+      "source": "parent selection, Fable refinement",
+      "file": "components/toast-stack.html",
+      "behavior": "static",
+      "feedback": ""
+    },
+    {
+      "id": "persistent-action-banner",
+      "states": [
+        "offline",
+        "resolved"
+      ],
+      "source": "parent selection, Fable refinement",
+      "file": "components/persistent-action-banner.html",
+      "behavior": "static",
+      "feedback": "But let's use the left border highlight from Astra instead of the top border -- we should be consistent"
+    },
+    {
+      "id": "save-status-indicator",
+      "states": [
+        "saved"
+      ],
+      "source": "fable iteration",
+      "file": "components/save-status-indicator.html",
+      "behavior": "static",
+      "feedback": "It doesnt really need to capture all states. The only interesting state is saved. Look at the htmlfile skill and the \"Saved\" indicator there. It's just a small rounded notice in the bottom right of the page. Its bg coloring could use some work, but it's nice and out of the way like a little toast chip."
+    },
+    {
+      "id": "code-block",
+      "states": [
+        "default",
+        "wrapped"
+      ],
+      "source": "astra selection, Fable refinement",
+      "file": "components/code-block.html",
+      "behavior": "static",
+      "feedback": "In general I like the higher contrast"
+    },
+    {
+      "id": "diff-view",
+      "states": [
+        "unified",
+        "split"
+      ],
+      "source": "parent selection, Fable refinement",
+      "file": "components/diff-view.html",
+      "behavior": "static",
+      "feedback": ""
+    },
+    {
+      "id": "activity-feed",
+      "states": [
+        "recent",
+        "expanded"
+      ],
+      "source": "astra selection, Fable refinement",
+      "file": "components/activity-feed.html",
+      "behavior": "static",
+      "feedback": "In general I like the higher contrast and fewer containers"
+    },
+    {
+      "id": "stat-tiles",
+      "states": [
+        "default",
+        "zero"
+      ],
+      "source": "astra selection, Fable refinement",
+      "file": "components/stat-tiles.html",
+      "behavior": "static",
+      "feedback": "In general I like the higher contrast and fewer containers"
+    },
+    {
+      "id": "avatar-group",
+      "states": [
+        "group",
+        "fallback"
+      ],
+      "source": "parent selection, Fable refinement",
+      "file": "components/avatar-group.html",
+      "behavior": "static",
+      "feedback": ""
+    },
+    {
+      "id": "small-charts",
+      "states": [
+        "bars",
+        "line",
+        "spark"
+      ],
+      "source": "astra selection, Fable refinement",
+      "file": "components/small-charts.html",
+      "behavior": "static",
+      "feedback": "In general I like the higher contrast and fewer containers"
+    },
+    {
+      "id": "filter-builder",
+      "states": [
+        "applied",
+        "empty"
+      ],
+      "source": "astra selection, Fable refinement",
+      "file": "components/filter-builder.html",
+      "behavior": "static",
+      "feedback": "Much stronger. The spacing, the colors, the layout."
+    },
+    {
+      "id": "column-manager",
+      "states": [
+        "default",
+        "reordered"
+      ],
+      "source": "astra selection, Fable refinement",
+      "file": "components/column-manager.html",
+      "behavior": "static",
+      "feedback": ""
+    },
+    {
+      "id": "editable-grid-cells",
+      "states": [
+        "idle",
+        "editing",
+        "error"
+      ],
+      "source": "astra selection, Fable refinement",
+      "file": "components/editable-grid-cells.html",
+      "behavior": "static",
+      "feedback": "In general I like the higher contrast and fewer containers"
+    },
+    {
+      "id": "split-panes",
+      "states": [
+        "list-detail",
+        "editor-preview"
+      ],
+      "source": "parent selection, Fable refinement",
+      "file": "components/split-panes.html",
+      "behavior": "static",
+      "feedback": ""
+    },
+    {
+      "id": "rich-text-toolbar",
+      "states": [
+        "toolbar",
+        "menu",
+        "link",
+        "floating"
+      ],
+      "source": "astra selection, Fable refinement",
+      "file": "components/rich-text-toolbar.html",
+      "behavior": "static",
+      "feedback": ""
+    },
+    {
+      "id": "kanban-board",
+      "states": [
+        "default",
+        "empty",
+        "selected"
+      ],
+      "source": "fable iteration",
+      "file": "components/kanban-board.html",
+      "behavior": "static",
+      "feedback": "The current iterations look a bit bland and uninspired, I think we need a full bells and whistles independent bake off for this"
+    }
+  ],
+  "contexts": [
+    {
+      "id": "context-hypercms",
+      "states": [
+        "default",
+        "error"
+      ],
+      "source": "astra selection, Fable refinement",
+      "file": "components/context-hypercms.html",
+      "behavior": "static",
+      "feedback": ""
+    },
+    {
+      "id": "context-quickcrop",
+      "states": [
+        "locked",
+        "free"
+      ],
+      "source": "parent selection, Fable refinement",
+      "file": "components/context-quickcrop.html",
+      "behavior": "static",
+      "feedback": ""
+    }
+  ]
+}