@indico-data/design-system 1.0.50 → 1.0.52

package/.eslintrc.js

@@ -8,6 +8,11 @@ module.exports = {
     'plugin:@typescript-eslint/recommended',
     'plugin:react/recommended',
   ],
+  settings: {
+    react: {
+      version: 'detect',
+    },
+  },
   overrides: [
     {
       env: {

package/lib/components/Icon/Icon.stories.d.ts

@@ -15,7 +15,7 @@ declare const meta: {
         name: {
             control: {
                 type: string;
-                options: ("checkbox" | "ellipsis" | "help" | "pointer" | "text" | "zoom-in" | "zoom-out" | "reset" | "menu" | "search" | "split" | "indico-o-white" | "account" | "address" | "api-doc" | "arrow-dots" | "arrow-down" | "arrow-up-circle" | "arrows-cursor" | "bookmark" | "bookmarks" | "bookmark-saved" | "branch" | "check-circle" | "circle-help" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "classification-document" | "classification-image" | "classification-page" | "classify-and-unbundle" | "clipboard" | "coffee-1" | "coffee-2" | "coffee-fail" | "coffeecup" | "coffeesteam" | "cog" | "collection" | "compare" | "company-name" | "confidence-bar-1" | "confidence-bar-2" | "confidence-bar-3" | "confidence-bar-4" | "confidence-bars" | "configure" | "choose-library" | "crowdlabel" | "currency" | "dashboard" | "data-and-access" | "database" | "date" | "draggable" | "droplet" | "edit" | "education" | "elmos-fire" | "email" | "enterprise" | "exclamation-circle-stroke" | "extraction" | "eye" | "file" | "fileHappy" | "filter" | "filter-outline" | "folder" | "form" | "gallery" | "find-documents" | "graphiql" | "grid-view" | "happy" | "help-solid" | "highlight" | "highlight-outline" | "indico-logo-white" | "indico-o" | "info" | "kabob" | "key" | "label" | "layout-complex" | "layout-simple" | "list-view" | "libraries" | "location" | "logout" | "lock" | "model-import" | "model-starter" | "moon" | "moonbow" | "no-collections" | "no-libraries" | "no_results" | "no-format" | "object-detection" | "organizations" | "output" | "page-thumbnail" | "pay-as-you-go" | "person" | "phone" | "pin" | "plus" | "popup" | "price" | "preview-view" | "radio-button" | "recruiter" | "regex" | "reject" | "repair" | "research" | "retrain" | "sad" | "search-thin" | "shrug" | "signature" | "sort-down" | "step-forward" | "sun" | "surround" | "surround-outline" | "thumbs-down" | "thumbs-up" | "time" | "trash" | "unlock" | "upload" | "url" | "user" | "wand" | "warning" | "warning-stroke" | "workflows" | "x-close" | "fa-dot-circle" | "fa-file" | "fa-file-alt" | "fa-file-pdf" | "fa-file-word" | "fa-check-square" | "fa-square" | "fa-angle-double-left" | "fa-arrow-circle-right" | "fa-arrow-down" | "fa-arrow-left" | "fa-arrow-right" | "fa-arrow-up" | "fa-ban" | "fa-caret-down" | "fa-caret-up" | "fa-chart-bar" | "fa-check" | "fa-check-circle" | "fa-circle-notch" | "fa-clipboard" | "fa-clock" | "fa-clone" | "fa-cloud" | "fa-cog" | "fa-cogs" | "fa-coins" | "fa-cube" | "fa-cut" | "fa-download" | "fa-exclamation-circle" | "fa-exclamation-triangle" | "fa-external-link-alt" | "fa-eye-dropper" | "fa-file-download" | "fa-file-export" | "fa-file-upload" | "fa-filter" | "fa-ghost" | "fa-hat-wizard" | "fa-info-circle" | "fa-key" | "fa-keyboard" | "fa-layer-group" | "fa-pencil-alt" | "fa-plus" | "fa-plus-square" | "fa-question-circle" | "fa-robot" | "fa-search" | "fa-sign-out-alt" | "fa-sliders-h" | "fa-sync-alt" | "fa-tag" | "fa-times" | "fa-times-circle" | "fa-tint" | "fa-toggle-off" | "fa-toggle-on" | "fa-trash" | "fa-trash-alt" | "fa-undo" | "fa-user" | "fa-users" | "fa-mouse-pointer" | "fa-step-forward" | "fa-search-minus" | "fa-search-plus" | "fa-table" | "fa-image" | "fa-link" | "fa-list")[];
+                options: ("checkbox" | "ellipsis" | "help" | "pointer" | "text" | "zoom-in" | "zoom-out" | "reset" | "menu" | "search" | "split" | "indico-o-white" | "account" | "address" | "api-doc" | "arrow-dots" | "arrow-down" | "arrow-up-circle" | "arrows-cursor" | "bookmark" | "bookmarks" | "bookmark-saved" | "branch" | "check-circle" | "circle-help" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "classification-document" | "classification-image" | "classification-page" | "classify-and-unbundle" | "clipboard" | "coffee-1" | "coffee-2" | "coffee-fail" | "coffeecup" | "coffeesteam" | "cog" | "collection" | "compare" | "company-name" | "confidence-bar-1" | "confidence-bar-2" | "confidence-bar-3" | "confidence-bar-4" | "confidence-bars" | "configure" | "choose-library" | "crowdlabel" | "currency" | "dashboard" | "data-and-access" | "database" | "document" | "date" | "draggable" | "droplet" | "edit" | "education" | "elmos-fire" | "email" | "enterprise" | "exclamation-circle-stroke" | "extraction" | "eye" | "file" | "fileHappy" | "filter" | "filter-outline" | "folder" | "form" | "gallery" | "find-documents" | "graphiql" | "grid-view" | "happy" | "help-solid" | "highlight" | "highlight-outline" | "indico-logo-white" | "indico-o" | "info" | "kabob" | "key" | "label" | "layout-complex" | "layout-simple" | "list-view" | "libraries" | "location" | "logout" | "lock" | "model-import" | "model-starter" | "moon" | "moonbow" | "no-collections" | "no-libraries" | "no_results" | "no-format" | "object-detection" | "organizations" | "output" | "page-thumbnail" | "pay-as-you-go" | "person" | "phone" | "pin" | "plus" | "popup" | "price" | "preview-view" | "radio-button" | "recruiter" | "regex" | "reject" | "repair" | "research" | "retrain" | "sad" | "search-thin" | "shrug" | "signature" | "sort-down" | "step-forward" | "sun" | "surround" | "surround-outline" | "thumbs-down" | "thumbs-up" | "time" | "trash" | "unlock" | "upload" | "url" | "user" | "wand" | "warning" | "warning-stroke" | "workflows" | "x-close" | "fa-dot-circle" | "fa-file" | "fa-file-alt" | "fa-file-pdf" | "fa-file-word" | "fa-check-square" | "fa-square" | "fa-angle-double-left" | "fa-arrow-circle-right" | "fa-arrow-down" | "fa-arrow-left" | "fa-arrow-right" | "fa-arrow-up" | "fa-ban" | "fa-caret-down" | "fa-caret-up" | "fa-chart-bar" | "fa-check" | "fa-check-circle" | "fa-circle-notch" | "fa-clipboard" | "fa-clock" | "fa-clone" | "fa-cloud" | "fa-cog" | "fa-cogs" | "fa-coins" | "fa-cube" | "fa-cut" | "fa-download" | "fa-exclamation-circle" | "fa-exclamation-triangle" | "fa-external-link-alt" | "fa-eye-dropper" | "fa-file-download" | "fa-file-export" | "fa-file-upload" | "fa-filter" | "fa-ghost" | "fa-hat-wizard" | "fa-info-circle" | "fa-key" | "fa-keyboard" | "fa-layer-group" | "fa-pencil-alt" | "fa-plus" | "fa-plus-square" | "fa-question-circle" | "fa-robot" | "fa-search" | "fa-sign-out-alt" | "fa-sliders-h" | "fa-sync-alt" | "fa-tag" | "fa-times" | "fa-times-circle" | "fa-tint" | "fa-toggle-off" | "fa-toggle-on" | "fa-trash" | "fa-trash-alt" | "fa-undo" | "fa-user" | "fa-users" | "fa-mouse-pointer" | "fa-step-forward" | "fa-search-minus" | "fa-search-plus" | "fa-table" | "fa-image" | "fa-link" | "fa-list")[];
             };
         };
     };
@@ -26,7 +26,7 @@ declare const meta: {
         'data-testid'?: string | undefined;
         ariaLabel?: string | undefined;
         fill?: string | undefined;
-        name: "checkbox" | "ellipsis" | "help" | "pointer" | "text" | "zoom-in" | "zoom-out" | "reset" | "menu" | "search" | "split" | "indico-o-white" | "account" | "address" | "api-doc" | "arrow-dots" | "arrow-down" | "arrow-up-circle" | "arrows-cursor" | "bookmark" | "bookmarks" | "bookmark-saved" | "branch" | "check-circle" | "circle-help" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "classification-document" | "classification-image" | "classification-page" | "classify-and-unbundle" | "clipboard" | "coffee-1" | "coffee-2" | "coffee-fail" | "coffeecup" | "coffeesteam" | "cog" | "collection" | "compare" | "company-name" | "confidence-bar-1" | "confidence-bar-2" | "confidence-bar-3" | "confidence-bar-4" | "confidence-bars" | "configure" | "choose-library" | "crowdlabel" | "currency" | "dashboard" | "data-and-access" | "database" | "date" | "draggable" | "droplet" | "edit" | "education" | "elmos-fire" | "email" | "enterprise" | "exclamation-circle-stroke" | "extraction" | "eye" | "file" | "fileHappy" | "filter" | "filter-outline" | "folder" | "form" | "gallery" | "find-documents" | "graphiql" | "grid-view" | "happy" | "help-solid" | "highlight" | "highlight-outline" | "indico-logo-white" | "indico-o" | "info" | "kabob" | "key" | "label" | "layout-complex" | "layout-simple" | "list-view" | "libraries" | "location" | "logout" | "lock" | "model-import" | "model-starter" | "moon" | "moonbow" | "no-collections" | "no-libraries" | "no_results" | "no-format" | "object-detection" | "organizations" | "output" | "page-thumbnail" | "pay-as-you-go" | "person" | "phone" | "pin" | "plus" | "popup" | "price" | "preview-view" | "radio-button" | "recruiter" | "regex" | "reject" | "repair" | "research" | "retrain" | "sad" | "search-thin" | "shrug" | "signature" | "sort-down" | "step-forward" | "sun" | "surround" | "surround-outline" | "thumbs-down" | "thumbs-up" | "time" | "trash" | "unlock" | "upload" | "url" | "user" | "wand" | "warning" | "warning-stroke" | "workflows" | "x-close" | "fa-dot-circle" | "fa-file" | "fa-file-alt" | "fa-file-pdf" | "fa-file-word" | "fa-check-square" | "fa-square" | "fa-angle-double-left" | "fa-arrow-circle-right" | "fa-arrow-down" | "fa-arrow-left" | "fa-arrow-right" | "fa-arrow-up" | "fa-ban" | "fa-caret-down" | "fa-caret-up" | "fa-chart-bar" | "fa-check" | "fa-check-circle" | "fa-circle-notch" | "fa-clipboard" | "fa-clock" | "fa-clone" | "fa-cloud" | "fa-cog" | "fa-cogs" | "fa-coins" | "fa-cube" | "fa-cut" | "fa-download" | "fa-exclamation-circle" | "fa-exclamation-triangle" | "fa-external-link-alt" | "fa-eye-dropper" | "fa-file-download" | "fa-file-export" | "fa-file-upload" | "fa-filter" | "fa-ghost" | "fa-hat-wizard" | "fa-info-circle" | "fa-key" | "fa-keyboard" | "fa-layer-group" | "fa-pencil-alt" | "fa-plus" | "fa-plus-square" | "fa-question-circle" | "fa-robot" | "fa-search" | "fa-sign-out-alt" | "fa-sliders-h" | "fa-sync-alt" | "fa-tag" | "fa-times" | "fa-times-circle" | "fa-tint" | "fa-toggle-off" | "fa-toggle-on" | "fa-trash" | "fa-trash-alt" | "fa-undo" | "fa-user" | "fa-users" | "fa-mouse-pointer" | "fa-step-forward" | "fa-search-minus" | "fa-search-plus" | "fa-table" | "fa-image" | "fa-link" | "fa-list";
+        name: "checkbox" | "ellipsis" | "help" | "pointer" | "text" | "zoom-in" | "zoom-out" | "reset" | "menu" | "search" | "split" | "indico-o-white" | "account" | "address" | "api-doc" | "arrow-dots" | "arrow-down" | "arrow-up-circle" | "arrows-cursor" | "bookmark" | "bookmarks" | "bookmark-saved" | "branch" | "check-circle" | "circle-help" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "classification-document" | "classification-image" | "classification-page" | "classify-and-unbundle" | "clipboard" | "coffee-1" | "coffee-2" | "coffee-fail" | "coffeecup" | "coffeesteam" | "cog" | "collection" | "compare" | "company-name" | "confidence-bar-1" | "confidence-bar-2" | "confidence-bar-3" | "confidence-bar-4" | "confidence-bars" | "configure" | "choose-library" | "crowdlabel" | "currency" | "dashboard" | "data-and-access" | "database" | "document" | "date" | "draggable" | "droplet" | "edit" | "education" | "elmos-fire" | "email" | "enterprise" | "exclamation-circle-stroke" | "extraction" | "eye" | "file" | "fileHappy" | "filter" | "filter-outline" | "folder" | "form" | "gallery" | "find-documents" | "graphiql" | "grid-view" | "happy" | "help-solid" | "highlight" | "highlight-outline" | "indico-logo-white" | "indico-o" | "info" | "kabob" | "key" | "label" | "layout-complex" | "layout-simple" | "list-view" | "libraries" | "location" | "logout" | "lock" | "model-import" | "model-starter" | "moon" | "moonbow" | "no-collections" | "no-libraries" | "no_results" | "no-format" | "object-detection" | "organizations" | "output" | "page-thumbnail" | "pay-as-you-go" | "person" | "phone" | "pin" | "plus" | "popup" | "price" | "preview-view" | "radio-button" | "recruiter" | "regex" | "reject" | "repair" | "research" | "retrain" | "sad" | "search-thin" | "shrug" | "signature" | "sort-down" | "step-forward" | "sun" | "surround" | "surround-outline" | "thumbs-down" | "thumbs-up" | "time" | "trash" | "unlock" | "upload" | "url" | "user" | "wand" | "warning" | "warning-stroke" | "workflows" | "x-close" | "fa-dot-circle" | "fa-file" | "fa-file-alt" | "fa-file-pdf" | "fa-file-word" | "fa-check-square" | "fa-square" | "fa-angle-double-left" | "fa-arrow-circle-right" | "fa-arrow-down" | "fa-arrow-left" | "fa-arrow-right" | "fa-arrow-up" | "fa-ban" | "fa-caret-down" | "fa-caret-up" | "fa-chart-bar" | "fa-check" | "fa-check-circle" | "fa-circle-notch" | "fa-clipboard" | "fa-clock" | "fa-clone" | "fa-cloud" | "fa-cog" | "fa-cogs" | "fa-coins" | "fa-cube" | "fa-cut" | "fa-download" | "fa-exclamation-circle" | "fa-exclamation-triangle" | "fa-external-link-alt" | "fa-eye-dropper" | "fa-file-download" | "fa-file-export" | "fa-file-upload" | "fa-filter" | "fa-ghost" | "fa-hat-wizard" | "fa-info-circle" | "fa-key" | "fa-keyboard" | "fa-layer-group" | "fa-pencil-alt" | "fa-plus" | "fa-plus-square" | "fa-question-circle" | "fa-robot" | "fa-search" | "fa-sign-out-alt" | "fa-sliders-h" | "fa-sync-alt" | "fa-tag" | "fa-times" | "fa-times-circle" | "fa-tint" | "fa-toggle-off" | "fa-toggle-on" | "fa-trash" | "fa-trash-alt" | "fa-undo" | "fa-user" | "fa-users" | "fa-mouse-pointer" | "fa-step-forward" | "fa-search-minus" | "fa-search-plus" | "fa-table" | "fa-image" | "fa-link" | "fa-list";
         size?: [string | number] | [string | number, string | number] | undefined;
         style?: any;
         onClick?: (() => void) | undefined;

package/lib/components/Icon/indicons.d.ts

@@ -45,6 +45,7 @@ declare const indicons: {
     dashboard: import("react/jsx-runtime").JSX.Element;
     'data-and-access': import("react/jsx-runtime").JSX.Element;
     database: import("react/jsx-runtime").JSX.Element;
+    document: import("react/jsx-runtime").JSX.Element;
     date: import("react/jsx-runtime").JSX.Element;
     draggable: import("react/jsx-runtime").JSX.Element;
     droplet: import("react/jsx-runtime").JSX.Element;

package/lib/components/dropdowns/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type ComboboxProps = {
     'aria-label'?: string;
     'aria-labelledby'?: string;

package/lib/components/inputs/RadioButtons/RadioButtons.d.ts

@@ -9,6 +9,7 @@ type Props = {
     labelColor: string;
     hoverAndSelectedColor: string;
     focusRingColor: string;
+    value: string;
 } & RadioGroupProps & PermafrostComponent;
 /**
  * Renders a group of radio buttons.

package/lib/index.d.ts

@@ -132,6 +132,7 @@ declare const indicons: {
     dashboard: react_jsx_runtime.JSX.Element;
     'data-and-access': react_jsx_runtime.JSX.Element;
     database: react_jsx_runtime.JSX.Element;
+    document: react_jsx_runtime.JSX.Element;
     date: react_jsx_runtime.JSX.Element;
     draggable: react_jsx_runtime.JSX.Element;
     droplet: react_jsx_runtime.JSX.Element;
@@ -364,6 +365,7 @@ declare const allColors: {
     readonly flamingo: "#f861b6";
     readonly flirt: "#910870";
     readonly forestGreen: "#1f7f1f";
+    readonly frostedOver: "#DCEAFD";
     readonly geraldine: "#fe9486";
     readonly grannysmith: "#92e959";
     readonly green: "#4caf50";
@@ -747,6 +749,7 @@ type Props$c = {
     labelColor: string;
     hoverAndSelectedColor: string;
     focusRingColor: string;
+    value: string;
 } & RadioGroupProps$1 & PermafrostComponent;
 /**
  * Renders a group of radio buttons.

package/lib/index.esm.js

@@ -178,6 +178,7 @@ const allColors = {
     flamingo: '#f861b6',
     flirt: '#910870',
     forestGreen: '#1f7f1f',
+    frostedOver: '#DCEAFD',
     geraldine: '#fe9486',
     grannysmith: '#92e959',
     green: '#4caf50',
@@ -8128,6 +8129,7 @@ const indicons = {
     dashboard: (jsx("svg", { viewBox: "0 0 100 100", fill: "currentColor", children: jsx("path", { d: "M99.8 56.9c0 13.7-5.5 26.1-14.4 35.1 0 0-1 1-2.2 1-.7 0-1.5-.3-2.1-.9l-7.4-7.4c-1.2-1.1-1.2-3 0-4.2 1.1-1.2 3-1.2 4.2 0l2.4 2.4c5.4-6.3 8.9-14.3 9.5-23.1H86c-1.7 0-3-1.3-3-3s1.3-3 3-3h3.7c-.3-5-1.7-9.7-3.8-14 2.4-2.9 4.8-5.8 7-8.5 4.4 7.4 7 16.1 6.9 25.6zM22.1 80.7L19.8 83c-5.4-6.3-9-14.3-9.6-23h3.7c1.7 0 3-1.3 3-3s-1.3-3-3-3h-3.8c.6-8.8 4.1-16.8 9.5-23.1l2.4 2.4c.6.6 1.4.9 2.1.9.7 0 1.5-.3 2.1-.9 1.2-1.2 1.2-3.1 0-4.2l-2.4-2.4c6.3-5.4 14.3-9 23-9.6v3.7c0 1.7 1.3 3 3 3s3-1.3 3-3V17c4.8.3 9.4 1.6 13.6 3.4 2.8-2.4 5.6-4.8 8.3-7.1C67.4 9.2 59 6.8 50 6.8c-27.6 0-50 22.4-50 50 0 13.7 5.5 26.1 14.4 35.1.7.7 1.7 1.3 2.4 1.3s1.5-.3 2.1-.9l7.4-7.4c1.2-1.2 1.2-3.1 0-4.2-1.2-1.2-3.1-1.2-4.2 0zm63.7-60.4c-.9-.9-2.3-1.1-3.4-.4l-.1.1c-9.7 8.3-23.4 20-29.9 25.3-.7-.2-1.6-.3-2.4-.3-6.6 0-12 5.4-12 12s5.4 12 12 12 12-5.4 12-12c0-1.1-.2-2.1-.4-3.1 5.3-6.7 16.5-20.4 24.6-30.2.7-1 .6-2.4-.4-3.4z" }) })),
     'data-and-access': (jsx("svg", { viewBox: "0 0 100 100", fill: "currentColor", children: jsx("path", { d: "M90.8 51H49V10.1c-1-.1-2-.1-3-.1C21.1 10 1 30.1 1 55s20.1 45 45 45 45-20.1 45-45c0-1.3-.1-2.7-.2-4zM46 90c-19.3 0-35-15.7-35-35 0-16.9 12-31 28-34.3V61h41.5C77.6 77.4 63.3 90 46 90zM57 .1V43h42.9C98.9 19.7 80.3 1.1 57 .1zM67 33V12.1c9.7 3.5 17.3 11.2 20.9 20.9H67z" }) })),
     database: (jsx("svg", { viewBox: "0 0 448 512", fill: "currentColor", children: jsx("path", { d: "M448 73.143v45.714C448 159.143 347.667 192 224 192S0 159.143 0 118.857V73.143C0 32.857 100.333 0 224 0s224 32.857 224 73.143zM448 176v102.857C448 319.143 347.667 352 224 352S0 319.143 0 278.857V176c48.125 33.143 136.208 48.572 224 48.572S399.874 209.143 448 176zm0 160v102.857C448 479.143 347.667 512 224 512S0 479.143 0 438.857V336c48.125 33.143 136.208 48.572 224 48.572S399.874 369.143 448 336z" }) })),
+    document: (jsx("svg", { viewBox: "0 0 24 24", children: jsx("path", { d: "M15.6.3q-.45-.3-.9-.3H3.9c-.8 0-1.5.9-1.5 1.7v20.6c0 .8.7 1.7 1.5 1.7H20c.8 0 1.5-.9 1.5-1.7V6.8c0-.3-.1-.6-.3-.8zm4.1 21.8H4.3V1.9h10.1V6c0 .7.5 1.2 1.2 1.2h4.1z" }) })),
     date: (jsx("svg", { viewBox: "0 0 50 50", fill: "currentColor", children: jsx("path", { d: "m24 28.15q-0.75 0-1.25-0.525t-0.5-1.225q0-0.75 0.5-1.275t1.25-0.525 1.25 0.525 0.5 1.275q0 0.7-0.5 1.225t-1.25 0.525zm-8 0q-0.75 0-1.25-0.525t-0.5-1.225q0-0.75 0.5-1.275t1.25-0.525 1.25 0.525 0.5 1.275q0 0.7-0.5 1.225t-1.25 0.525zm16 0q-0.75 0-1.25-0.525t-0.5-1.225q0-0.75 0.5-1.275t1.25-0.525 1.25 0.525 0.5 1.275q0 0.7-0.5 1.225t-1.25 0.525zm-8 7.85q-0.75 0-1.25-0.525t-0.5-1.225q0-0.75 0.5-1.275t1.25-0.525 1.25 0.525 0.5 1.275q0 0.7-0.5 1.225t-1.25 0.525zm-8 0q-0.75 0-1.25-0.525t-0.5-1.225q0-0.75 0.5-1.275t1.25-0.525 1.25 0.525 0.5 1.275q0 0.7-0.5 1.225t-1.25 0.525zm16 0q-0.75 0-1.25-0.525t-0.5-1.225q0-0.75 0.5-1.275t1.25-0.525 1.25 0.525 0.5 1.275q0 0.7-0.5 1.225t-1.25 0.525zm-22.1 7q-1.2 0-2.05-0.85t-0.85-2.05v-28.95q0-1.15 0.85-2.025t2.05-0.875h3.7v-3.5h2.5v3.5h15.9v-3.5h2.45v3.5h3.65q1.2 0 2.05 0.875t0.85 2.025v28.95q0 1.2-0.85 2.05t-2.05 0.85zm0-2.25h28.2q0.25 0 0.45-0.2t0.2-0.45v-19.85h-29.5v19.85q0 0.25 0.2 0.45t0.45 0.2zm-0.65-22.75h29.5v-6.85q0-0.25-0.2-0.425t-0.45-0.175h-28.2q-0.25 0-0.45 0.175t-0.2 0.425zm0 0v-6.85q0-0.25 0-0.425t0-0.175 0 0.175 0 0.425v6.85z" }) })),
     draggable: (jsx("svg", { viewBox: "0 0 322 514", fill: "currentColor", children: jsx("path", { d: "m88 352c22.1 0 40 17.9 40 40v48c0 22.1-17.9 40-40 40h-48c-22.09 0-40-17.9-40-40v-48c0-22.1 17.91-40 40-40h48zm192 0c22.1 0 40 17.9 40 40v48c0 22.1-17.9 40-40 40h-48c-22.1 0-40-17.9-40-40v-48c0-22.1 17.9-40 40-40h48zm-240-32c-22.09 0-40-17.9-40-40v-48c0-22.1 17.91-40 40-40h48c22.1 0 40 17.9 40 40v48c0 22.1-17.9 40-40 40h-48zm240-128c22.1 0 40 17.9 40 40v48c0 22.1-17.9 40-40 40h-48c-22.1 0-40-17.9-40-40v-48c0-22.1 17.9-40 40-40h48zm-240-32c-22.09 0-40-17.9-40-40v-48c0-22.09 17.91-40 40-40h48c22.1 0 40 17.91 40 40v48c0 22.1-17.9 40-40 40h-48zm240-128c22.1 0 40 17.91 40 40v48c0 22.1-17.9 40-40 40h-48c-22.1 0-40-17.9-40-40v-48c0-22.09 17.9-40 40-40h48z" }) })),
     droplet: (jsx("svg", { viewBox: "0 0 100 100", fill: "currentColor", children: jsx("path", { d: "M53.5 1.9C52.7.7 51.4 0 50 0s-2.7.7-3.5 1.9c-3.1 4.8-30.1 47.6-30.1 64.6C16.5 85 31.5 100 50 100s33.5-15 33.5-33.5c0-17-27-59.8-30-64.6zm-3.4 83.9c-2.3 0-4.1-1.8-4.1-4.1s1.8-4.1 4.1-4.1c6.5 0 11.8-5.3 11.8-11.8 0-2.3 1.8-4.1 4.1-4.1s4.1 1.8 4.1 4.1c0 11-9 20-20 20z" }) })),
@@ -8209,7 +8211,7 @@ const indicons = {
     sun: (jsx("svg", { viewBox: "0 0 100 100", fill: "currentColor", children: jsx("path", { d: "M49.8 23.8c-14.6 0-26.4 11.7-26.4 26.4s11.7 26.4 26.4 26.4 26.4-11.7 26.4-26.4-11.8-26.4-26.4-26.4zM50 16c-2.2 0-4-1.8-4-4V4c0-2.2 1.8-4 4-4s4 1.8 4 4v8c0 2.2-1.8 4-4 4zm-17 4.6c-1.9 1.1-4.4.4-5.5-1.5l-4-6.9c-1.1-1.9-.4-4.4 1.5-5.5 1.9-1.1 4.4-.4 5.5 1.5l4 6.9c1.1 1.9.4 4.4-1.5 5.5zM20.6 33c-1.1 1.9-3.6 2.6-5.5 1.5l-6.9-4c-1.9-1.1-2.6-3.6-1.5-5.5s3.6-2.6 5.5-1.5l6.9 4c1.9 1.1 2.6 3.6 1.5 5.5zM16 50c0 2.2-1.8 4-4 4H4c-2.2 0-4-1.8-4-4s1.8-4 4-4h8c2.2 0 4 1.8 4 4zm4.6 17c1.1 1.9.4 4.4-1.5 5.5l-6.9 4c-1.9 1.1-4.4.4-5.5-1.5-1.1-1.9-.4-4.4 1.5-5.5l6.9-4c1.9-1.1 4.4-.4 5.5 1.5zM33 79.4c1.9 1.1 2.6 3.6 1.5 5.5l-4 6.9c-1.1 1.9-3.6 2.6-5.5 1.5s-2.6-3.6-1.5-5.5l4-6.9c1.1-1.9 3.6-2.6 5.5-1.5zM50 84c2.2 0 4 1.8 4 4v8c0 2.2-1.8 4-4 4s-4-1.8-4-4v-8c0-2.2 1.8-4 4-4zm17-4.6c1.9-1.1 4.4-.4 5.5 1.5l4 6.9c1.1 1.9.4 4.4-1.5 5.5-1.9 1.1-4.4.4-5.5-1.5l-4-6.9c-1.1-1.9-.4-4.4 1.5-5.5zM79.4 67c1.1-1.9 3.6-2.6 5.5-1.5l6.9 4c1.9 1.1 2.6 3.6 1.5 5.5s-3.6 2.6-5.5 1.5l-6.9-4c-1.9-1.1-2.6-3.6-1.5-5.5zM84 50c0-2.2 1.8-4 4-4h8c2.2 0 4 1.8 4 4s-1.8 4-4 4h-8c-2.2 0-4-1.8-4-4zm-4.6-17c-1.1-1.9-.4-4.4 1.5-5.5l6.9-4c1.9-1.1 4.4-.4 5.5 1.5 1.1 1.9.4 4.4-1.5 5.5l-6.9 4c-1.9 1.1-4.4.4-5.5-1.5zM67 20.6c-1.9-1.1-2.6-3.6-1.5-5.5l4-6.9c1.1-1.9 3.6-2.6 5.5-1.5s2.6 3.6 1.5 5.5l-4 6.9c-1.1 1.9-3.6 2.6-5.5 1.5z" }) })),
     surround: (jsx("svg", { viewBox: "0 0 100 100", fill: "currentColor", children: jsx("path", { d: "M100 25V6.2c0-3.5-2.8-6.2-6.2-6.2H75c-3.5 0-6.2 2.8-6.2 6.2H31.2C31.2 2.8 28.5 0 25 0H6.2C2.8 0 0 2.8 0 6.2V25c0 3.5 2.8 6.2 6.2 6.2v37.5C2.8 68.8 0 71.5 0 75v18.8c0 3.5 2.8 6.2 6.2 6.2H25c3.5 0 6.2-2.8 6.2-6.2h37.5c0 3.5 2.8 6.2 6.2 6.2h18.8c3.5 0 6.2-2.8 6.2-6.2V75c0-3.5-2.8-6.2-6.2-6.2V31.2c3.5 0 6.3-2.7 6.3-6.2zM81.2 12.5h6.2v6.2h-6.2v-6.2zm-68.7 0h6.2v6.2h-6.2v-6.2zm6.3 75h-6.2v-6.2h6.2v6.2zm68.7 0h-6.2v-6.2h6.2v6.2zm-6.3-18.7H75c-3.5 0-6.2 2.8-6.2 6.2v6.2H31.2V75c0-3.5-2.8-6.2-6.2-6.2h-6.2V31.2H25c3.5 0 6.2-2.8 6.2-6.2v-6.2h37.5V25c0 3.5 2.8 6.2 6.2 6.2h6.2v37.6z" }) })),
     'surround-outline': (jsx("svg", { viewBox: "0 0 100 100", fill: "currentColor", children: jsx("path", { d: "M89.3,71.9V28.1c6.2-1.6,10.7-7.1,10.7-13.8C100,6.4,93.6,0,85.7,0\n\tc-6.6,0-12.2,4.6-13.8,10.7H28.1C26.5,4.6,20.9,0,14.3,0C6.4,0,0,6.4,0,14.3c0,6.6,4.6,12.2,10.7,13.8v43.9C4.6,73.5,0,79.1,0,85.7\n\tC0,93.6,6.4,100,14.3,100c6.6,0,12.2-4.6,13.8-10.7h43.9c1.6,6.2,7.1,10.7,13.8,10.7c7.9,0,14.3-6.4,14.3-14.3\n\tC100,79.1,95.4,73.5,89.3,71.9z M71.9,82.1H28.1c-1.3-5-5.2-8.9-10.2-10.2V28.1c5-1.3,8.9-5.2,10.2-10.2h43.9\n\tc1.3,5,5.2,8.9,10.2,10.2v43.9C77.1,73.2,73.2,77.1,71.9,82.1z M85.7,7.1c3.9,0,7.1,3.2,7.1,7.1s-3.2,7.1-7.1,7.1\n\tc-3.9,0-7.1-3.2-7.1-7.1S81.8,7.1,85.7,7.1z M7.1,14.3c0-3.9,3.2-7.1,7.1-7.1s7.1,3.2,7.1,7.1s-3.2,7.1-7.1,7.1S7.1,18.2,7.1,14.3z\n\t M14.3,92.9c-3.9,0-7.1-3.2-7.1-7.1s3.2-7.1,7.1-7.1s7.1,3.2,7.1,7.1S18.2,92.9,14.3,92.9z M85.7,92.9c-3.9,0-7.1-3.2-7.1-7.1\n\ts3.2-7.1,7.1-7.1c3.9,0,7.1,3.2,7.1,7.1S89.6,92.9,85.7,92.9z" }) })),
-    text: (jsx("svg", { viewBox: "0 0 102 102", fill: "currentColor", children: jsx("g", { transform: "translate(1 1)", children: jsx("path", { d: "M25.4,90.3V23.4H0V9.7h64.5v13.7H39.1v66.9H25.4z M70.6,90.3V49.2H54.8V35.5H100v13.7H84.3v41.2H70.6z" }) }) })),
+    text: (jsx("svg", { viewBox: "0 0 24 24", children: jsx("path", { d: "M16 4V2H0v2h7v18h2V4zM24.2 9h-10v2h4v11h2V11h4z" }) })),
     'thumbs-down': (jsx("svg", { viewBox: "0 0 100 100", fill: "currentColor", children: jsx("path", { d: "M3.5 2.3h15c2 0 3.5 1.9 3.5 3.8v45.3c0 1.9-1.6 3.8-3.5 3.8h-15c-2 0-3.5-1.9-3.5-3.8V6.1c0-1.9 1.6-3.8 3.5-3.8zM100 57.6v-1.5c0-3.8-3.2-6.8-7-6.8h-2.5c3.6-.3 6.5-3.5 6.5-7.2v-1.5c0-3.8-3.2-7.3-7-7.3h-3c3.9 0 7-2.9 7-6.7v-1.5c0-3.8-3.2-6.8-7-6.8h-3c3.9 0 7-3.4 7-7.2V9.6c0-3.8-3.2-7.3-7-7.3H40.2c-6.1 0-12.1 6.2-12.1 12.3v38c0 3.9 20.5 40 20.5 40 2.1 4.6 7.6 6.7 12.2 4.6l1.2-.5c4.6-2.1 7.3-7.7 6-12.6l-5.4-19.7H93c3.8-.1 7-3 7-6.8z" }) })),
     'thumbs-up': (jsx("svg", { viewBox: "0 0 100 100", fill: "currentColor", children: jsx("path", { d: "M0 94.2V48.8C0 46.9 1.6 45 3.5 45h15c2 0 3.5 1.9 3.5 3.8v45.3c0 1.9-1.6 3.8-3.5 3.8h-15C1.6 98 0 96.1 0 94.2zM93 36H62.7L68 16.3c1.3-4.9-1.4-10.6-6-12.6l-1.2-.5c-4.6-2.1-10.1 0-12.2 4.6 0 0-20.5 36.1-20.5 40v38c0 6.1 5.9 12.3 12.1 12.3h43.7c3.9 0 7-3.4 7-7.3v-1.5c0-3.8-3.2-7.2-7-7.2h3c3.9 0 7-2.9 7-6.8v-1.5c0-3.8-3.2-6.7-7-6.7h3c3.9 0 7-3.4 7-7.3v-1.5c0-3.7-2.9-6.9-6.5-7.2H93c3.9 0 7-2.9 7-6.8v-1.5c0-3.9-3.2-6.8-7-6.8z" }) })),
     time: (jsx("svg", { viewBox: "0 0 50 50", fill: "currentColor", children: jsx("path", { d: "m31.5 33.25 1.7-1.7-7.95-8v-10.05h-2.25v10.95zm-7.5 9.75q-3.9 0-7.375-1.5t-6.05-4.075-4.075-6.05-1.5-7.375 1.5-7.375 4.075-6.05 6.05-4.075 7.375-1.5 7.375 1.5 6.05 4.075 4.075 6.05 1.5 7.375-1.5 7.375-4.075 6.05-6.05 4.075-7.375 1.5zm0-19zm0 16.75q6.9 0 11.825-4.925t4.925-11.825-4.925-11.825-11.825-4.925-11.825 4.925-4.925 11.825 4.925 11.825 11.825 4.925z" }) })),
@@ -13671,10 +13673,10 @@ function RadioGroup$1(props) {
         isReadOnly: isReadOnly || false,
         lastFocusedValue,
         name: name || '',
-        selectedValue: value,
-        setLastFocusedValue,
-        setSelectedValue: onChange,
         defaultValue,
+        value,
+        setLastFocusedValue,
+        onChange: onChange ? (value) => onChange(value) : undefined,
     };
     const state = $a54cdc5c1942b639$export$bca9d026f8e704eb(radioGroupState);
     const { radioGroupProps, labelProps } = $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state);
@@ -13696,8 +13698,7 @@ function Radio$1(props) {
         isSelected = isVisuallySelected(state.selectedValue);
     }
     else {
-        // @ts-ignore
-        isSelected = state.selectedValue === props.value || (state === null || state === void 0 ? void 0 : state.defaultValue) === props.value;
+        isSelected = state.selectedValue === props.value;
     }
     return (jsxs("label", { className: classNames(className, {
             disabled: isDisabled || state.isDisabled,
@@ -13785,8 +13786,8 @@ const StyledRadioGroup = styled(RadioGroup$1) `
  */
 function RadioGroup(_a) {
     var { children } = _a, props = __rest(_a, ["children"]);
-    const { color, hideFocusRing, labelColor, hoverAndSelectedColor, focusRingColor } = props;
-    return (jsx(StyledRadioGroup, Object.assign({}, props, { hideFocusRing: true, "data-cy": props['data-cy'], color: color, labelColor: labelColor, hoverAndSelectedColor: hoverAndSelectedColor, focusRingColor: focusRingColor, children: children })));
+    const { value, color, hideFocusRing, labelColor, hoverAndSelectedColor, focusRingColor } = props;
+    return (jsx(StyledRadioGroup, Object.assign({}, props, { hideFocusRing: hideFocusRing, "data-cy": props['data-cy'], color: color, labelColor: labelColor, hoverAndSelectedColor: hoverAndSelectedColor, focusRingColor: focusRingColor, value: value, children: children })));
 }
 /**
  * A single radio button and its label.