@optiaxiom/proteus 0.1.19 → 0.1.20

package/dist/esm/proteus-document/ProteusDocumentShell.js

@@ -113,6 +113,7 @@ function ProteusDocumentShell({
                   element.title && /* @__PURE__ */ jsxs(
                     Group,
                     {
+                      alignItems: element.titleIcon ? "start" : void 0,
                       bg: element.titleIcon ? "bg.page" : "transparent",
                       gap: "12",
                       p: element.titleIcon ? "12" : void 0,

package/dist/esm/proteus-question/ProteusQuestion.js

@@ -1,13 +1,12 @@
 "use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { IconNorth } from '@optiaxiom/icons';
+import { IconArrowRightAlt, IconEdit } from '@optiaxiom/icons';
 import { Group, Text, Button, Box, Checkbox } from '@optiaxiom/react';
 import { InlineInput } from '@optiaxiom/react/unstable';
 import * as RovingFocus from '@radix-ui/react-roving-focus';
 import { useState, useCallback, useRef, useEffect } from 'react';
 import { IconAngleLeft } from '../icons/IconAngleLeft.js';
 import { IconAngleRight } from '../icons/IconAngleRight.js';
-import { IconPencil } from '../icons/IconPencil.js';
 import { IconX } from '../icons/IconX.js';
 import { useProteusDocumentContext } from '../proteus-document/ProteusDocumentContext.js';
 import { question, choiceGroup, choice, addon } from './ProteusQuestion-css.js';
@@ -209,7 +208,7 @@ A: ${value2 || "[Not specified]"}`
                       tabIndex: 0,
                       ...choice({ cursor: "pointer" }),
                       children: /* @__PURE__ */ jsxs(Group, { gap: "12", children: [
-                        /* @__PURE__ */ jsx(Box, { ...addon(), children: type === "single_select" ? index + 1 : /* @__PURE__ */ jsx(
+                        type === "single_select" ? /* @__PURE__ */ jsx(Box, { ...addon(), children: index + 1 }) : /* @__PURE__ */ jsx(
                           Checkbox,
                           {
                             checked,
@@ -217,9 +216,19 @@ A: ${value2 || "[Not specified]"}`
                             pointerEvents: "none",
                             tabIndex: -1
                           }
-                        ) }),
+                        ),
                         /* @__PURE__ */ jsx(Group, { flex: "1", flexDirection: "column", gap: "2", children: /* @__PURE__ */ jsx(Text, { children: option }) }),
-                        type === "single_select" && checked && /* @__PURE__ */ jsx(Box, { asChild: true, color: "fg.tertiary", ml: "auto", children: /* @__PURE__ */ jsx(IconNorth, {}) })
+                        type === "single_select" && checked && /* @__PURE__ */ jsx(
+                          Box,
+                          {
+                            asChild: true,
+                            color: "fg.tertiary",
+                            h: "24",
+                            ml: "auto",
+                            w: "24",
+                            children: /* @__PURE__ */ jsx(IconArrowRightAlt, {})
+                          }
+                        )
                       ] })
                     }
                   ) }, option);
@@ -232,7 +241,7 @@ A: ${value2 || "[Not specified]"}`
                     role: "group",
                     ...choice({ cursor: "text" }),
                     children: /* @__PURE__ */ jsxs(Group, { gap: "12", children: [
-                      /* @__PURE__ */ jsx(Box, { ...addon({ cursor: "pointer" }), children: type === "single_select" ? /* @__PURE__ */ jsx(IconPencil, {}) : /* @__PURE__ */ jsx(
+                      type === "single_select" ? /* @__PURE__ */ jsx(Box, { ...addon({ cursor: "pointer" }), children: /* @__PURE__ */ jsx(IconEdit, {}) }) : /* @__PURE__ */ jsx(
                         Checkbox,
                         {
                           checked: otherChecked,
@@ -240,7 +249,7 @@ A: ${value2 || "[Not specified]"}`
                           pointerEvents: "none",
                           tabIndex: -1
                         }
-                      ) }),
+                      ),
                       /* @__PURE__ */ jsx(RovingFocus.Item, { asChild: true, children: /* @__PURE__ */ jsx(
                         Group,
                         {
@@ -292,9 +301,9 @@ A: ${value2 || "[Not specified]"}`
                       type === "single_select" && /* @__PURE__ */ jsx(
                         Button,
                         {
-                          appearance: otherValue ? "primary" : "default",
+                          appearance: otherValue ? "primary-opal" : "default",
                           "aria-label": otherValue && (isLast ? "Submit" : "Next"),
-                          icon: otherValue && /* @__PURE__ */ jsx(IconNorth, {}),
+                          icon: otherValue && /* @__PURE__ */ jsx(IconArrowRightAlt, {}),
                           ml: "auto",
                           onClick: (event) => {
                             event.preventDefault();
@@ -342,10 +351,10 @@ A: ${value2 || "[Not specified]"}`
               /* @__PURE__ */ jsx(
                 Button,
                 {
-                  appearance: valid ? "primary" : "default",
+                  appearance: valid ? "primary-opal" : "default",
                   "aria-label": isLast ? "Submit" : "Next",
                   disabled: !valid,
-                  icon: /* @__PURE__ */ jsx(IconNorth, {}),
+                  icon: /* @__PURE__ */ jsx(IconArrowRightAlt, {}),
                   onClick: (event) => {
                     event.preventDefault();
                     onSubmit();

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.1.19",
+  "version": "0.1.20",
   "files": [
     "dist/**",
     "LICENSE"

package/dist/esm/icons/IconPencil.js

@@ -1,20 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { withIcon } from './withIcon.js';
-
-const IconPencil = withIcon(
-  {
-    name: "IconPencil",
-    viewBox: "0 0 640 640"
-  },
-  // <!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M100.4 417.2C104.5 402.6 112.2 389.3 123 378.5L304.2 197.3L338.1 163.4C354.7 180 389.4 214.7 442.1 267.4L476 301.3L442.1 335.2L260.9 516.4C250.2 527.1 236.8 534.9 222.2 539L94.4 574.6C86.1 576.9 77.1 574.6 71 568.4C64.9 562.2 62.6 553.3 64.9 545L100.4 417.2zM156 413.5C151.6 418.2 148.4 423.9 146.7 430.1L122.6 517L209.5 492.9C215.9 491.1 221.7 487.8 226.5 483.2L155.9 413.5zM510 267.4C493.4 250.8 458.7 216.1 406 163.4L372 129.5C398.5 103 413.4 88.1 416.9 84.6C430.4 71 448.8 63.4 468 63.4C487.2 63.4 505.6 71 519.1 84.6L554.8 120.3C568.4 133.9 576 152.3 576 171.4C576 190.5 568.4 209 554.8 222.5C551.3 226 536.4 240.9 509.9 267.4z",
-      fill: "currentColor"
-    }
-  )
-);
-
-export { IconPencil };