@lablup/ui-common 0.1.0-alpha.8 → 0.2.0-alpha.15

package/dist/ui-common.css

@@ -0,0 +1,51 @@
+@layer reset, theme, base, astryx-base, astryx-theme, ui-common, components, utilities;
+/**
+ * @lablup/ui-common/ui-common.css
+ *
+ * ui-common's global stylesheet, in `@layer ui-common`. Component styles do
+ * not live here: each component imports its own stylesheet. This file holds
+ * only rules that have no component to hang on.
+ *
+ * The build puts the layer order statement (scripts/layer-order.mjs) at the
+ * top of this and every other shipped stylesheet, since a component's sheet
+ * usually reaches the page before the app's own statement does:
+ *
+ *   @layer reset, theme, base, astryx-base, astryx-theme, ui-common,
+ *     components, utilities;
+ *
+ * `ui-common` sits after Astryx's layers, so ui-common's composite styles beat
+ * Astryx's base and theme rules for the primitives they wrap, and before
+ * `components`, so your own component styles beat ui-common.
+ *
+ * Rules read Astryx tokens only.
+ */
+@layer ui-common {
+  /*
+   * Scrollbar. A scrollbar is painted on a box no component owns, so a themed
+   * bar needs a global rule. Carried over from the 0.1 `styles/base.css`.
+   * Firefox reads the two inherited properties on the root; WebKit and Blink
+   * read the pseudo-elements.
+   */
+  :root {
+    scrollbar-width: thin;
+    scrollbar-color: var(--color-border-emphasized) transparent;
+  }
+
+  ::-webkit-scrollbar {
+    width: 0.5rem;
+    height: 0.5rem;
+  }
+
+  ::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background-color: var(--color-border-emphasized);
+    border-radius: var(--radius-full);
+  }
+
+  ::-webkit-scrollbar-thumb:hover {
+    background-color: var(--color-text-secondary);
+  }
+}

package/exports.customs.json

@@ -0,0 +1,62 @@
+[
+  {
+    "name": "AlertModal",
+    "source": "components/AlertModal/index.ts",
+    "subpath": "AlertModal"
+  },
+  { "name": "BoardItemTitle", "source": "components/BoardItemTitle/index.ts" },
+  { "name": "BooleanToken", "source": "components/BooleanToken/index.ts" },
+  { "name": "BulkEditFormItem", "source": "components/BulkEditFormItem/index.ts" },
+  { "name": "BulkErrorModal", "source": "components/BulkErrorModal/index.ts" },
+  { "name": "ColorPicker", "source": "components/ColorPicker/index.ts" },
+  {
+    "name": "ComplexSelector",
+    "source": "forks/ComplexSelector/index.ts",
+    "subpath": "ComplexSelector",
+    "fork": "@astryxdesign/core/ComplexSelector"
+  },
+  { "name": "ConfirmPopover", "source": "components/ConfirmPopover/index.ts" },
+  { "name": "CountBadge", "source": "components/CountBadge/index.ts" },
+  { "name": "CountdownBorder", "source": "components/CountdownBorder/index.ts" },
+  { "name": "DataGrid", "source": "components/DataGrid/index.ts" },
+  { "name": "DeleteConfirmModal", "source": "components/DeleteConfirmModal/index.ts" },
+  { "name": "DigitPopIn", "source": "components/DigitPopIn/index.ts" },
+  { "name": "DividedRow", "source": "components/DividedRow/index.ts" },
+  { "name": "DoubleBadge", "source": "components/DoubleBadge/index.ts" },
+  { "name": "DoubleToken", "source": "components/DoubleToken/index.ts" },
+  {
+    "name": "Drawer",
+    "source": "forks/Drawer/index.ts",
+    "fork": "@astryxdesign/lab"
+  },
+  { "name": "ErrorState", "source": "components/ErrorState/index.ts" },
+  { "name": "Form", "source": "components/Form/index.ts", "subpath": "Form" },
+  { "name": "IconWithTooltip", "source": "components/IconWithTooltip/index.ts" },
+  { "name": "ImageWithFallback", "source": "components/ImageWithFallback/index.ts" },
+  { "name": "ListBanner", "source": "components/ListBanner/index.ts" },
+  { "name": "Modal", "source": "components/Modal/index.ts", "subpath": "Modal" },
+  { "name": "NotificationItem", "source": "components/NotificationItem/index.ts" },
+  { "name": "NotificationStack", "source": "components/NotificationStack/index.ts" },
+  { "name": "OverlayScrollbar", "source": "components/OverlayScrollbar/index.ts" },
+  { "name": "PageHeader", "source": "components/PageHeader/index.ts" },
+  { "name": "PageLayout", "source": "components/PageLayout/index.ts" },
+  { "name": "PagedSelector", "source": "components/PagedSelector/index.ts" },
+  { "name": "ProgressWithLabel", "source": "components/ProgressWithLabel/index.ts" },
+  { "name": "SelectionLabel", "source": "components/SelectionLabel/index.ts" },
+  { "name": "Skeleton composites", "source": "components/Skeleton/index.ts" },
+  { "name": "SmoothHeight", "source": "components/SmoothHeight/index.ts" },
+  { "name": "StatCard", "source": "components/StatCard/index.ts" },
+  { "name": "Statistic", "source": "components/Statistic/index.ts" },
+  { "name": "StepNumberInput", "source": "components/StepNumberInput/index.ts" },
+  { "name": "TextHighlighter", "source": "components/TextHighlighter/index.ts" },
+  { "name": "TokenList", "source": "components/TokenList/index.ts" },
+  { "name": "TokenRow", "source": "components/TokenRow/index.ts" },
+  {
+    "name": "Tour",
+    "source": "forks/Tour/index.ts",
+    "fork": "@astryxdesign/lab"
+  },
+  { "name": "UncontrolledInput", "source": "components/UncontrolledInput/index.ts" },
+  { "name": "UnitGrid", "source": "components/UnitGrid/index.ts" },
+  { "name": "usePrefersReducedMotion", "source": "hooks/index.ts" }
+]

package/exports.exclude.json

@@ -0,0 +1,47 @@
+[
+  {
+    "name": "AlertDialog",
+    "replacedBy": "AlertModal",
+    "reason": "Dialog-based surfaces go through Modal's level stack; a raw AlertDialog bypasses it."
+  },
+  {
+    "name": "ComplexSelector",
+    "replacedBy": "ComplexSelector",
+    "reason": "Adds hasClear and onClear, a clear button as Selector has (facebook/astryx#6362)."
+  },
+  {
+    "name": "lab",
+    "exports": ["Drawer", "DrawerProps"],
+    "replacedBy": "Drawer",
+    "reason": "An Escape from a layer opened inside the drawer, or one that ends an IME composition, no longer closes it; aria-modal passes through."
+  },
+  {
+    "name": "lab",
+    "exports": [
+      "Tour",
+      "TourProps",
+      "TourStep",
+      "TourStepProps",
+      "useTour",
+      "UseTourReturn",
+      "TourDismissSource"
+    ],
+    "replacedBy": "Tour",
+    "reason": "A step's highlight is promoted into the top layer once, so under StrictMode the spotlight dim no longer covers the callout."
+  },
+  {
+    "name": "Dialog",
+    "replacedBy": "Modal",
+    "reason": "ui-common ships Modal as the one dialog surface. Hiding Dialog keeps consumers from building a second, differently behaved dialog."
+  },
+  {
+    "name": "docs.mjs",
+    "replacedBy": null,
+    "reason": "Documentation data for the Astryx CLI, not runtime API. The CLI reads it from @astryxdesign/core directly."
+  },
+  {
+    "name": "groups.doc.mjs",
+    "replacedBy": null,
+    "reason": "Documentation data for the Astryx CLI, not runtime API. The CLI reads it from @astryxdesign/core directly."
+  }
+]