@uniformdev/design-system 19.57.0 → 19.58.0

package/dist/esm/index.js

@@ -2,7 +2,7 @@ import "./chunk-6NI3O2RY.js";
 
 // src/styles/Theme.tsx
 import { Fragment, jsx as jsx2, jsxs } from "@emotion/react/jsx-runtime";
-var Theme = ({ disableReset = false }) => {
+var Theme = ({ disableReset = false, disableGlobalReset = false }) => {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx2(
       "link",
@@ -68,7 +68,7 @@ var Theme = ({ disableReset = false }) => {
           --tertiary-action-hover: var(--gray-600);
           --tertiary-action-active: var(--gray-50);
           --tertiary-action-disabled: var(--gray-400);
-          
+
           /* accent dark */
           --accent-dark: var(--purple-rain-500);
           --accent-dark-hover: var(--purple-rain-400);
@@ -193,64 +193,72 @@ var Theme = ({ disableReset = false }) => {
           --duration-fast: 0.25s;
           --duration-xfast: 0.15s;
         }
-
-        html,
-        body {
-          color: var(--brand-secondary-1);
-          font-family: var(--ff-base);
-          scroll-behavior: smooth;
-          font-weight: var(--fw-regular);
-          line-height: 1.5;
+    `
         }
+      }
+    ),
+    disableGlobalReset ? null : /* @__PURE__ */ jsx2(
+      "style",
+      {
+        dangerouslySetInnerHTML: {
+          __html: `
+html,
+body {
+  color: var(--brand-secondary-1);
+  font-family: var(--ff-base);
+  scroll-behavior: smooth;
+  font-weight: var(--fw-regular);
+  line-height: 1.5;
+}
 
-        li {
-          line-height: 1.5rem;
-        }
+li {
+  line-height: 1.5rem;
+}
 
-        a, button {
-          cursor: pointer;
-        }
+a, button {
+  cursor: pointer;
+}
 
-        fieldset {
-          border: 0;
-          padding: 0;
-          margin: 0;
-          min-width: 0;
-        }
+fieldset {
+  border: 0;
+  padding: 0;
+  margin: 0;
+  min-width: 0;
+}
 
-        legend {
-          margin: 0;
-          padding: 0;
-        }
+legend {
+  margin: 0;
+  padding: 0;
+}
 
-        button, input, optgroup, select, textarea {
-          font-family: inherit;
-          font-size: inherit;
-          color: inherit;
-          line-height: 1.25rem;
-        }
+button, input, optgroup, select, textarea {
+  font-family: inherit;
+  font-size: inherit;
+  color: inherit;
+  line-height: 1.25rem;
+}
 
-        [role=button], button {
-          cursor: pointer;
-        }
+[role=button], button {
+  cursor: pointer;
+}
 
-        audio, canvas, embed, iframe, img, object, svg, video {
-          display: block;
-          vertical-align: middle;
-        }
+audio, canvas, embed, iframe, img, object, svg, video {
+  display: block;
+  vertical-align: middle;
+}
 
-        pre {
-          white-space: pre;
-        }
+pre {
+  white-space: pre;
+}
 
-        *:where(ul, ol) {
-          all: unset;
-        }
+*:where(ul, ol) {
+  all: unset;
+}
 
-        ul, ol {
-          list-style: none;
-        }
-    `
+ul, ol {
+  list-style: none;
+}
+          `
         }
       }
     )
@@ -11654,6 +11662,7 @@ var Menu = ({
       BaseMenu,
       {
         ...menuState,
+        "data-auto-resize-opt-in": true,
         focusable: false,
         "aria-label": menuLabel,
         ...!isRendered ? { unstable_popoverStyles: { position: "absolute", opacity: "0" } } : void 0,

package/dist/index.d.mts

@@ -1,10 +1,10 @@
+import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
 import * as React$1 from 'react';
 import React__default, { RefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, CSSProperties, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
 import { GroupBase } from 'react-select';
 export { ActionMeta, FormatOptionLabelContext, FormatOptionLabelMeta, GetOptionLabel, GetOptionValue, GroupBase, GroupHeadingProps, GroupProps, MenuListProps, MenuPlacement, MultiValue, MultiValueGenericProps, MultiValueProps, MultiValueRemoveProps, OnChangeValue, OptionContext, OptionProps, Options, OptionsOrGroups } from 'react-select';
 import * as _emotion_react from '@emotion/react';
 import { SerializedStyles } from '@emotion/react';
-import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
 import { LottieComponentProps } from 'lottie-react';
 import { ButtonProps as ButtonProps$1 } from 'reakit/Button';
 import { MenuProps as MenuProps$1, MenuItemHTMLProps } from 'reakit';
@@ -27,15 +27,20 @@ export { richTextBuiltInElements, richTextBuiltInFormats } from '@uniformdev/ric
 
 /** @todo: line 144 onwards will be brought into a title, paragraph, list and link components */
 type ThemeProps = {
-    /** sets whether to disable a provided reset stylesheet or not
+    /**
+     * Sets whether to disable a provided "modern-normalizer" reset stylesheet
      * @default false
      */
     disableReset?: boolean;
+    /**
+     * Sets whether to disable global Uniform reset styles
+     */
+    disableGlobalReset?: boolean;
 };
 /**
  * Uniform CSS Variables, font provider and optional reset stylesheet
  * @example <Theme disableReset={true} /> */
-declare const Theme: React__default.ElementType;
+declare const Theme: ({ disableReset, disableGlobalReset }: ThemeProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 /** Breakpoint label values */
 type BreakpointSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';

package/dist/index.d.ts

@@ -1,10 +1,10 @@
+import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
 import * as React$1 from 'react';
 import React__default, { RefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, CSSProperties, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
 import { GroupBase } from 'react-select';
 export { ActionMeta, FormatOptionLabelContext, FormatOptionLabelMeta, GetOptionLabel, GetOptionValue, GroupBase, GroupHeadingProps, GroupProps, MenuListProps, MenuPlacement, MultiValue, MultiValueGenericProps, MultiValueProps, MultiValueRemoveProps, OnChangeValue, OptionContext, OptionProps, Options, OptionsOrGroups } from 'react-select';
 import * as _emotion_react from '@emotion/react';
 import { SerializedStyles } from '@emotion/react';
-import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
 import { LottieComponentProps } from 'lottie-react';
 import { ButtonProps as ButtonProps$1 } from 'reakit/Button';
 import { MenuProps as MenuProps$1, MenuItemHTMLProps } from 'reakit';
@@ -27,15 +27,20 @@ export { richTextBuiltInElements, richTextBuiltInFormats } from '@uniformdev/ric
 
 /** @todo: line 144 onwards will be brought into a title, paragraph, list and link components */
 type ThemeProps = {
-    /** sets whether to disable a provided reset stylesheet or not
+    /**
+     * Sets whether to disable a provided "modern-normalizer" reset stylesheet
      * @default false
      */
     disableReset?: boolean;
+    /**
+     * Sets whether to disable global Uniform reset styles
+     */
+    disableGlobalReset?: boolean;
 };
 /**
  * Uniform CSS Variables, font provider and optional reset stylesheet
  * @example <Theme disableReset={true} /> */
-declare const Theme: React__default.ElementType;
+declare const Theme: ({ disableReset, disableGlobalReset }: ThemeProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 /** Breakpoint label values */
 type BreakpointSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';

package/dist/index.js

@@ -1570,7 +1570,7 @@ init_emotion_jsx_shim();
 // src/styles/Theme.tsx
 init_emotion_jsx_shim();
 var import_jsx_runtime = require("@emotion/react/jsx-runtime");
-var Theme = ({ disableReset = false }) => {
+var Theme = ({ disableReset = false, disableGlobalReset = false }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "link",
@@ -1636,7 +1636,7 @@ var Theme = ({ disableReset = false }) => {
           --tertiary-action-hover: var(--gray-600);
           --tertiary-action-active: var(--gray-50);
           --tertiary-action-disabled: var(--gray-400);
-          
+
           /* accent dark */
           --accent-dark: var(--purple-rain-500);
           --accent-dark-hover: var(--purple-rain-400);
@@ -1761,64 +1761,72 @@ var Theme = ({ disableReset = false }) => {
           --duration-fast: 0.25s;
           --duration-xfast: 0.15s;
         }
-
-        html,
-        body {
-          color: var(--brand-secondary-1);
-          font-family: var(--ff-base);
-          scroll-behavior: smooth;
-          font-weight: var(--fw-regular);
-          line-height: 1.5;
+    `
         }
+      }
+    ),
+    disableGlobalReset ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "style",
+      {
+        dangerouslySetInnerHTML: {
+          __html: `
+html,
+body {
+  color: var(--brand-secondary-1);
+  font-family: var(--ff-base);
+  scroll-behavior: smooth;
+  font-weight: var(--fw-regular);
+  line-height: 1.5;
+}
 
-        li {
-          line-height: 1.5rem;
-        }
+li {
+  line-height: 1.5rem;
+}
 
-        a, button {
-          cursor: pointer;
-        }
+a, button {
+  cursor: pointer;
+}
 
-        fieldset {
-          border: 0;
-          padding: 0;
-          margin: 0;
-          min-width: 0;
-        }
+fieldset {
+  border: 0;
+  padding: 0;
+  margin: 0;
+  min-width: 0;
+}
 
-        legend {
-          margin: 0;
-          padding: 0;
-        }
+legend {
+  margin: 0;
+  padding: 0;
+}
 
-        button, input, optgroup, select, textarea {
-          font-family: inherit;
-          font-size: inherit;
-          color: inherit;
-          line-height: 1.25rem;
-        }
+button, input, optgroup, select, textarea {
+  font-family: inherit;
+  font-size: inherit;
+  color: inherit;
+  line-height: 1.25rem;
+}
 
-        [role=button], button {
-          cursor: pointer;
-        }
+[role=button], button {
+  cursor: pointer;
+}
 
-        audio, canvas, embed, iframe, img, object, svg, video {
-          display: block;
-          vertical-align: middle;
-        }
+audio, canvas, embed, iframe, img, object, svg, video {
+  display: block;
+  vertical-align: middle;
+}
 
-        pre {
-          white-space: pre;
-        }
+pre {
+  white-space: pre;
+}
 
-        *:where(ul, ol) {
-          all: unset;
-        }
+*:where(ul, ol) {
+  all: unset;
+}
 
-        ul, ol {
-          list-style: none;
-        }
-    `
+ul, ol {
+  list-style: none;
+}
+          `
         }
       }
     )
@@ -13293,6 +13301,7 @@ var Menu = ({
       import_Menu.Menu,
       {
         ...menuState,
+        "data-auto-resize-opt-in": true,
         focusable: false,
         "aria-label": menuLabel,
         ...!isRendered ? { unstable_popoverStyles: { position: "absolute", opacity: "0" } } : void 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "19.57.0",
+  "version": "19.58.0",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -24,8 +24,8 @@
     "@storybook/react": "6.5.16",
     "@types/react": "18.2.21",
     "@types/react-dom": "18.2.7",
-    "@uniformdev/canvas": "^19.57.0",
-    "@uniformdev/richtext": "^19.57.0",
+    "@uniformdev/canvas": "^19.58.0",
+    "@uniformdev/richtext": "^19.58.0",
     "autoprefixer": "10.4.15",
     "hygen": "6.2.11",
     "postcss": "8.4.28",
@@ -44,7 +44,7 @@
     "@lexical/rich-text": "^0.12.0",
     "@lexical/selection": "^0.12.0",
     "@lexical/utils": "^0.12.0",
-    "@monaco-editor/react": "4.5.1",
+    "@monaco-editor/react": "4.5.2",
     "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v4.10.1/react-icons-all-files-4.10.1.tgz",
     "fast-equals": "^5.0.1",
     "lexical": "^0.12.0",
@@ -67,5 +67,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "34b8d4a74f9029d507640eb8ef52d7bcf7e6d552"
+  "gitHead": "1e355c1405dc744f333cbce45766965c160c535c"
 }