cx 26.4.0 → 26.4.2

package/src/widgets/icons/search.svg

@@ -1,107 +1,107 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   height="32"
-   width="32"
-   id="svg4136"
-   version="1.1"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="search.svg">
-  <metadata
-     id="metadata4144">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs4142" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1856"
-     inkscape:window-height="1057"
-     id="namedview4140"
-     showgrid="false"
-     inkscape:zoom="13.875"
-     inkscape:cx="38.784843"
-     inkscape:cy="27.242283"
-     inkscape:window-x="3056"
-     inkscape:window-y="439"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1" />
-  <g
-     inkscape:groupmode="layer"
-     id="layer1"
-     inkscape:label="Layer 1">
-    <path
-       d="m 25.594512,22.036214 -5.259265,-5.074718 c 0.750769,-1.182754 1.205963,-2.560917 1.205963,-4.051117 0,-4.319104 -3.631083,-7.8221422 -8.106606,-7.8221422 -4.4761755,0 -8.106604,3.5030382 -8.106604,7.8221422 0,4.318476 3.6304285,7.822144 8.106604,7.822144 1.544393,0 2.972676,-0.439221 4.198441,-1.1611 l 5.259266,5.072173 c 0.369441,0.356478 0.981659,0.353931 1.3511,0 l 1.351101,-1.303691 c 0.369442,-0.356478 0.369442,-0.947213 0,-1.303691 z M 13.434604,18.125143 c -2.98456,0 -5.404403,-2.334931 -5.404403,-5.214764 0,-2.87983 2.419843,-5.21476 5.404403,-5.21476 2.984561,0 5.404404,2.33493 5.404404,5.21476 0,2.879833 -2.419843,5.214764 -5.404404,5.214764 z"
-       id="path4138"
-       inkscape:connector-curvature="0" />
-  </g>
-  <g
-     inkscape:groupmode="layer"
-     id="layer2"
-     inkscape:label="Base"
-     style="display:none"
-     sodipodi:insensitive="true">
-    <circle
-       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.0501454;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       id="path4140"
-       cx="16"
-       cy="16"
-       r="12" />
-    <rect
-       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.05017764;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       id="rect4142-8"
-       width="12"
-       height="28"
-       x="10"
-       y="2" />
-    <rect
-       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.05017611;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       id="rect4144-4"
-       width="28"
-       height="12"
-       x="2"
-       y="10" />
-    <rect
-       y="8"
-       x="4"
-       height="15.999999"
-       width="24"
-       id="rect4146"
-       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.05017379;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    <rect
-       y="6.0250883"
-       x="6.0250883"
-       height="19.949823"
-       width="19.949823"
-       id="rect4148-8"
-       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.05017426;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    <rect
-       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.04999999;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       id="rect4150"
-       width="16"
-       height="24"
-       x="8"
-       y="4" />
-  </g>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="32"
+   width="32"
+   id="svg4136"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="search.svg">
+  <metadata
+     id="metadata4144">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs4142" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1856"
+     inkscape:window-height="1057"
+     id="namedview4140"
+     showgrid="false"
+     inkscape:zoom="13.875"
+     inkscape:cx="38.784843"
+     inkscape:cy="27.242283"
+     inkscape:window-x="3056"
+     inkscape:window-y="439"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="Layer 1">
+    <path
+       d="m 25.594512,22.036214 -5.259265,-5.074718 c 0.750769,-1.182754 1.205963,-2.560917 1.205963,-4.051117 0,-4.319104 -3.631083,-7.8221422 -8.106606,-7.8221422 -4.4761755,0 -8.106604,3.5030382 -8.106604,7.8221422 0,4.318476 3.6304285,7.822144 8.106604,7.822144 1.544393,0 2.972676,-0.439221 4.198441,-1.1611 l 5.259266,5.072173 c 0.369441,0.356478 0.981659,0.353931 1.3511,0 l 1.351101,-1.303691 c 0.369442,-0.356478 0.369442,-0.947213 0,-1.303691 z M 13.434604,18.125143 c -2.98456,0 -5.404403,-2.334931 -5.404403,-5.214764 0,-2.87983 2.419843,-5.21476 5.404403,-5.21476 2.984561,0 5.404404,2.33493 5.404404,5.21476 0,2.879833 -2.419843,5.214764 -5.404404,5.214764 z"
+       id="path4138"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Base"
+     style="display:none"
+     sodipodi:insensitive="true">
+    <circle
+       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.0501454;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path4140"
+       cx="16"
+       cy="16"
+       r="12" />
+    <rect
+       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.05017764;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4142-8"
+       width="12"
+       height="28"
+       x="10"
+       y="2" />
+    <rect
+       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.05017611;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4144-4"
+       width="28"
+       height="12"
+       x="2"
+       y="10" />
+    <rect
+       y="8"
+       x="4"
+       height="15.999999"
+       width="24"
+       id="rect4146"
+       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.05017379;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="6.0250883"
+       x="6.0250883"
+       height="19.949823"
+       width="19.949823"
+       id="rect4148-8"
+       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.05017426;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.04999999;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4150"
+       width="16"
+       height="24"
+       x="8"
+       y="4" />
+  </g>
+</svg>

package/src/widgets/icons/search.tsx

@@ -1,14 +1,14 @@
-/** @jsxImportSource react */
-import {VDOM} from '../../ui/Widget';
-import {registerIcon} from './registry';
-
-export default registerIcon('search', ({ key, ...props }: any) => {
-   return <svg
-      key={key}
-      {...props}
-      viewBox="0 0 32 32">
-      <path fill="currentColor"
-            d="M25.595 22.036l-5.26-5.075c.75-1.18 1.206-2.56 1.206-4.05 0-4.32-3.63-7.82-8.103-7.82-4.477 0-8.107 3.503-8.107 7.82 0 4.32 3.63 7.825 8.106 7.825 1.544 0 2.972-.44 4.198-1.162l5.26 5.074c.37.356.98.354 1.35 0l1.352-1.304c.37-.357.37-.947 0-1.304zm-12.16-3.91c-2.985 0-5.405-2.336-5.405-5.216 0-2.88 2.42-5.214 5.405-5.214 2.984 0 5.404 2.335 5.404 5.214 0 2.88-2.42 5.215-5.407 5.215z" />
-   </svg>
-}, true);
-
+/** @jsxImportSource react */
+import {VDOM} from '../../ui/Widget';
+import {registerIcon} from './registry';
+
+export default registerIcon('search', ({ key, ...props }: any) => {
+   return <svg
+      key={key}
+      {...props}
+      viewBox="0 0 32 32">
+      <path fill="currentColor"
+            d="M25.595 22.036l-5.26-5.075c.75-1.18 1.206-2.56 1.206-4.05 0-4.32-3.63-7.82-8.103-7.82-4.477 0-8.107 3.503-8.107 7.82 0 4.32 3.63 7.825 8.106 7.825 1.544 0 2.972-.44 4.198-1.162l5.26 5.074c.37.356.98.354 1.35 0l1.352-1.304c.37-.357.37-.947 0-1.304zm-12.16-3.91c-2.985 0-5.405-2.336-5.405-5.216 0-2.88 2.42-5.214 5.405-5.214 2.984 0 5.404 2.335 5.404 5.214 0 2.88-2.42 5.215-5.407 5.215z" />
+   </svg>
+}, true);
+

package/src/widgets/icons/sort-asc.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-
-150 bytes - 80.39% saving
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+
+150 bytes - 80.39% saving
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M10.5 5.8l-3-3-3 3 .707.708L7 4.688v8.312h1V4.69l1.793 1.817z" fill="#898989"/></svg>

package/src/widgets/icons/sort-asc.tsx

@@ -1,15 +1,15 @@
-/** @jsxImportSource react */
-import {VDOM} from '../../ui/Widget';
-import {registerIcon} from './registry';
-
-export default registerIcon('sort-asc', ({ key, ...props }: any) => {
-   return <svg
-      key={key}
-      {...props}
-      viewBox="0 0 16 16">
-      <path fill="currentColor"
-         d="M10.5 5.8l-3-3-3 3 .707.708L7 4.688v8.312h1V4.69l1.793 1.817z"
-      />
-   </svg>
-}, true);
-
+/** @jsxImportSource react */
+import {VDOM} from '../../ui/Widget';
+import {registerIcon} from './registry';
+
+export default registerIcon('sort-asc', ({ key, ...props }: any) => {
+   return <svg
+      key={key}
+      {...props}
+      viewBox="0 0 16 16">
+      <path fill="currentColor"
+         d="M10.5 5.8l-3-3-3 3 .707.708L7 4.688v8.312h1V4.69l1.793 1.817z"
+      />
+   </svg>
+}, true);
+

package/src/widgets/icons/square.tsx

@@ -1,22 +1,22 @@
-/** @jsxImportSource react */
-import { VDOM } from "../../ui/Widget";
-import { registerIcon } from "./registry";
-
-export default registerIcon(
-  "square",
-  ({ key, ...props }: any) => {
-    return (
-      <svg key={key} {...props} viewBox="0 0 64 64">
-        <rect
-          x="12"
-          y="12"
-          width="40"
-          height="40"
-          fill="currentColor"
-          shapeRendering="crispEdges"
-        />
-      </svg>
-    );
-  },
-  true,
-);
+/** @jsxImportSource react */
+import { VDOM } from "../../ui/Widget";
+import { registerIcon } from "./registry";
+
+export default registerIcon(
+  "square",
+  ({ key, ...props }: any) => {
+    return (
+      <svg key={key} {...props} viewBox="0 0 64 64">
+        <rect
+          x="12"
+          y="12"
+          width="40"
+          height="40"
+          fill="currentColor"
+          shapeRendering="crispEdges"
+        />
+      </svg>
+    );
+  },
+  true,
+);

package/src/widgets/index.d.ts

@@ -1,55 +1,55 @@
-import { Widget } from "../ui/Widget";
-import { Text } from "../ui/Text";
-import { StaticText } from "../ui/StaticText";
-import { PureContainer } from "../ui/PureContainer";
-import { Content } from "../ui/layout/Content";
-import { ContentPlaceholder } from "../ui/layout/ContentPlaceholder";
-import { ContentResolver } from "../ui/ContentResolver";
-import { Rescope } from "../ui/Rescope";
-import { Repeater } from "../ui/Repeater";
-import { IsolatedScope } from "../ui/IsolatedScope";
-import { DetachedScope } from "../ui/DetachedScope";
-import { Restate, PrivateStore } from "../ui/Restate";
-import { DataProxy } from "../ui/DataProxy";
-
-//re-export widgets defined in ui namespace
-export {
-   Widget,
-   StaticText,
-   Text,
-   PureContainer,
-   Content,
-   ContentPlaceholder,
-   ContentResolver,
-   Rescope,
-   Repeater,
-   IsolatedScope,
-   DetachedScope,
-   Restate,
-   PrivateStore,
-   DataProxy,
-};
-
-export * from "./cx";
-export * from "./HtmlElement";
-export * from "./Button";
-export * from "./DocumentTitle";
-export * from "./List";
-export * from "./Sandbox";
-export * from "./CxCredit";
-export * from "./Heading";
-export * from "./Section";
-export * from "./FlexBox";
-export * from "./Icon";
-export * from "./ProgressBar";
-export * from "./Resizer";
-export * from "./HighlightedSearchText";
-export * from "./autoFocus";
-
-export * from "./overlay/index";
-export * from "./nav/index";
-export * from "./form/index";
-export * from "./grid/index";
-export * from "./drag-drop/index";
-
-export * from "./enableAllInternalDependencies";
+import { Widget } from "../ui/Widget";
+import { Text } from "../ui/Text";
+import { StaticText } from "../ui/StaticText";
+import { PureContainer } from "../ui/PureContainer";
+import { Content } from "../ui/layout/Content";
+import { ContentPlaceholder } from "../ui/layout/ContentPlaceholder";
+import { ContentResolver } from "../ui/ContentResolver";
+import { Rescope } from "../ui/Rescope";
+import { Repeater } from "../ui/Repeater";
+import { IsolatedScope } from "../ui/IsolatedScope";
+import { DetachedScope } from "../ui/DetachedScope";
+import { Restate, PrivateStore } from "../ui/Restate";
+import { DataProxy } from "../ui/DataProxy";
+
+//re-export widgets defined in ui namespace
+export {
+   Widget,
+   StaticText,
+   Text,
+   PureContainer,
+   Content,
+   ContentPlaceholder,
+   ContentResolver,
+   Rescope,
+   Repeater,
+   IsolatedScope,
+   DetachedScope,
+   Restate,
+   PrivateStore,
+   DataProxy,
+};
+
+export * from "./cx";
+export * from "./HtmlElement";
+export * from "./Button";
+export * from "./DocumentTitle";
+export * from "./List";
+export * from "./Sandbox";
+export * from "./CxCredit";
+export * from "./Heading";
+export * from "./Section";
+export * from "./FlexBox";
+export * from "./Icon";
+export * from "./ProgressBar";
+export * from "./Resizer";
+export * from "./HighlightedSearchText";
+export * from "./autoFocus";
+
+export * from "./overlay/index";
+export * from "./nav/index";
+export * from "./form/index";
+export * from "./grid/index";
+export * from "./drag-drop/index";
+
+export * from "./enableAllInternalDependencies";

package/src/widgets/index.scss

@@ -1,16 +1,16 @@
-@use "animations";
-@use "Button";
-@use "List";
-@use "CxCredit";
-@use "Section";
-@use "Heading";
-@use "FlexBox";
-@use "Icon";
-@use "form/index";
-@use "nav/index" as *;
-@use "overlay/index" as *;
-@use "grid/index" as *;
-@use "drag-drop/index" as *;
-@use "ProgressBar";
-@use "Resizer";
-@use "HighlightedSearchText";
+@use "animations";
+@use "Button";
+@use "List";
+@use "CxCredit";
+@use "Section";
+@use "Heading";
+@use "FlexBox";
+@use "Icon";
+@use "form/index";
+@use "nav/index" as *;
+@use "overlay/index" as *;
+@use "grid/index" as *;
+@use "drag-drop/index" as *;
+@use "ProgressBar";
+@use "Resizer";
+@use "HighlightedSearchText";

package/src/widgets/lists.scss

@@ -1,42 +1,42 @@
-//Lists
-$cx-list: (
-   default: (
-      -webkit-overflow-scrolling: touch,
-   ),
-   hover: (),
-   focus: (
-      outline: none,
-   ),
-);
-
-$cx-list-item: (
-   default: (),
-   hover: (
-      background-color: rgba(128, 128, 128, 0.1),
-      outline: none,
-      cursor: pointer,
-   ),
-   cursor: (
-      background-color: rgba(123, 190, 255, 0.15),
-      outline: none,
-   ),
-   selected: (
-      background-color: rgba(123, 190, 255, 0.4),
-   ),
-   selected-hover: (
-      background-color: rgba(123, 190, 255, 0.2),
-   ),
-   selected-cursor: (
-      background-color: rgba(123, 190, 255, 0.3),
-      outline: none,
-   ),
-   disabled: (
-      cursor: default,
-      opacity: 0.5,
-      pointer-events: none,
-   ),
-   active: (
-      //causes flickering
-      //background: rgba(123,190,255, 0.7),
-   ),
-) !default;
+//Lists
+$cx-list: (
+   default: (
+      -webkit-overflow-scrolling: touch,
+   ),
+   hover: (),
+   focus: (
+      outline: none,
+   ),
+);
+
+$cx-list-item: (
+   default: (),
+   hover: (
+      background-color: rgba(128, 128, 128, 0.1),
+      outline: none,
+      cursor: pointer,
+   ),
+   cursor: (
+      background-color: rgba(123, 190, 255, 0.15),
+      outline: none,
+   ),
+   selected: (
+      background-color: rgba(123, 190, 255, 0.4),
+   ),
+   selected-hover: (
+      background-color: rgba(123, 190, 255, 0.2),
+   ),
+   selected-cursor: (
+      background-color: rgba(123, 190, 255, 0.3),
+      outline: none,
+   ),
+   disabled: (
+      cursor: default,
+      opacity: 0.5,
+      pointer-events: none,
+   ),
+   active: (
+      //causes flickering
+      //background: rgba(123,190,255, 0.7),
+   ),
+) !default;