@hearthscale/app-ui 0.2.1 → 0.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/CLASSES.md +2 -1
  2. package/dist/editor.js +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/ui.css +14 -4
  5. package/package.json +1 -1
package/dist/CLASSES.md CHANGED
@@ -50,6 +50,7 @@ capability variant retains `.hs-model-capabilities` / `.hs-model-capability`.
50
50
  | `hs-app-surface` | an app's own tab in a row: the shell's chat of a conversation or the enable card; an app's view lays its `hs-sidebar-column` beside its chat in it |
51
51
  | `hs-page` | a page of the shell's own in a tab: its navigation, a hairline, and `hs-page-main` |
52
52
  | `hs-page-main` | a page's own column: Settings', the documentation's, the Marketplace's or the account's; `data-crowded` while the documentation's column reaches under its Ask press |
53
+ | `hs-scrim` | an overlay whose dim covers the whole window, the rail and the caption bar included, under its card; the overlay sets the fill in `--scrim-fill` |
53
54
  | `hs-window-notice`, `hs-window-notice-text` | a stopped platform's card over the inner window, and its sentence |
54
55
  | `hs-window-wrap` | the inner window's box beside the rail |
55
56
  | `hs-window-tiles` | the workspace's box, which the requests and notices of the window lie over |
@@ -62,7 +63,7 @@ capability variant retains `.hs-model-capabilities` / `.hs-model-capability`.
62
63
  | `hs-view-bar`, `hs-view-bar-head` | the host's bar of a result's view, under its result and in its modal: the app's mark and name, then the presses that move the view; `data-mode` is `inline` or `modal` |
63
64
  | `hs-view-home` | the element a result's view renders into, which moves between its place, its tab and its modal and adds no box |
64
65
  | `hs-view-modal-plate` | the plate of a result's view the person moved over the chat, inset from the tile's edges |
65
- | `hs-ask-float` | a request floating over the inner window, over the soft scrim |
66
+ | `hs-ask-float` | the requests floating over the inner window, with `hs-scrim`, or over one tab, dimming that tab alone |
66
67
  | `hs-slot-layer`, `hs-slot`, `hs-slot-part` | the layer over a view that fills its tab, `data-animate` while its parts glide to new places; one slot the view reserved, anchored by its insets, `data-kind` its kind (`chat`, `composer`, `cards`, `terminal`, `model`) and `data-slot` its id; the part the shell draws there |
67
68
  | `hs-url`, `hs-urlin`, `hs-urlgo`, `hs-urlph` | a browser's address field and its parts |
68
69
  | `hs-scroll` | a scroll container with the shell's scrollbar |
package/dist/editor.js CHANGED
@@ -39,7 +39,7 @@ function RichTextEditor({ content, onChange, label, placeholder, editable = true
39
39
  immediatelyRender: true,
40
40
  shouldRerenderOnTransaction: false,
41
41
  extensions: [
42
- StarterKit.configure({ link: { openOnClick: false } }),
42
+ StarterKit.configure({ link: { openOnClick: false, autolink: false } }),
43
43
  TaskList,
44
44
  TaskItem.configure({ nested: true }),
45
45
  ModelText,
package/dist/index.js CHANGED
@@ -545,7 +545,7 @@ function HelpTip({ text, onOpen }) {
545
545
  return onOpen ? _jsx13("button", { type: "button", className: "hs-help-button", onClick: onOpen, ...hover, children: inner }) : _jsx13("span", { className: "hs-help-mark", ...hover, children: inner });
546
546
  }
547
547
  function SettingsSearch({ value, placeholder, onChange }) {
548
- return _jsxs7("label", { className: "hs-url hs-settings-search", children: [_jsx13(SearchGlyph, { size: 12 }), _jsx13("input", { className: "hs-in hs-urlin", "aria-label": placeholder, placeholder, value, onChange: (e) => onChange(e.target.value) }), _jsx13("span", { "aria-hidden": "true", className: "hs-urlph hs-ph-icon", children: placeholder })] });
548
+ return _jsxs7("label", { className: "hs-url hs-settings-search", children: [_jsx13(SearchGlyph, { size: 12 }), _jsx13("input", { className: "hs-in hs-urlin", "aria-label": placeholder, placeholder, spellCheck: false, value, onChange: (e) => onChange(e.target.value) }), _jsx13("span", { "aria-hidden": "true", className: "hs-urlph hs-ph-icon", children: placeholder })] });
549
549
  }
550
550
  function SettingsSelect({ value, options, onPick, minWidth = 180, menuHeight, menuWidth, placeholder, disabled, label }) {
551
551
  const [anchor, setAnchor] = useState2(null);
package/dist/ui.css CHANGED
@@ -703,6 +703,13 @@
703
703
  display: flex;
704
704
  flex-direction: column;
705
705
  }
706
+ .hs-scrim::before {
707
+ content: '';
708
+ position: fixed;
709
+ inset: 0;
710
+ z-index: -1;
711
+ background: var(--scrim-fill);
712
+ }
706
713
  .hs-window-notice {
707
714
  position: absolute;
708
715
  inset: 0;
@@ -710,7 +717,7 @@
710
717
  display: grid;
711
718
  place-items: center;
712
719
  padding: var(--pad-row-x);
713
- background: var(--scrim-soft);
720
+ --scrim-fill: var(--scrim-soft);
714
721
  }
715
722
  .hs-window-notice .hs-card {
716
723
  max-width: calc(var(--space) * 105);
@@ -1915,7 +1922,10 @@
1915
1922
  display: grid;
1916
1923
  place-items: center;
1917
1924
  padding: calc(var(--space) * 6);
1918
- background: var(--scrim-soft);
1925
+ --scrim-fill: var(--scrim-soft);
1926
+ }
1927
+ .hs-ask-float:not(.hs-scrim) {
1928
+ background: var(--scrim-fill);
1919
1929
  }
1920
1930
  .hs-ask[data-placement='floating'] {
1921
1931
  width: min(calc(var(--space) * 140), 100%);
@@ -3825,7 +3835,7 @@
3825
3835
  z-index: 80;
3826
3836
  display: grid;
3827
3837
  place-items: center;
3828
- background: var(--scrim-walk);
3838
+ --scrim-fill: var(--scrim-walk);
3829
3839
  }
3830
3840
  .hs-walk[data-host='window'] {
3831
3841
  position: relative;
@@ -5573,7 +5583,7 @@
5573
5583
  display: flex;
5574
5584
  align-items: center;
5575
5585
  justify-content: center;
5576
- background: var(--scrim-dialog);
5586
+ --scrim-fill: var(--scrim-dialog);
5577
5587
  }
5578
5588
  .hs-modal {
5579
5589
  position: relative;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hearthscale/app-ui",
3
- "version": "0.2.1",
3
+ "version": "0.2.3",
4
4
  "description": "The UI kit of a Hearthscale app's view: the design system's tokens, hs-* classes and React parts, and the whole Remix Icon set.",
5
5
  "license": "MIT",
6
6
  "homepage": "https://hearthscale.com/docs/developers/views/kit",