@stainless-api/ui-primitives 0.1.0-beta.23 → 0.1.0-beta.24

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { n as AccordionProps, t as Accordion } from "./Accordion-Cj5GURin.js";
 import { n as ButtonProps, r as ButtonVariant, t as Button } from "./Button-CxQtPObH.js";
 import { n as CalloutProps, r as CalloutVariant, t as Callout } from "./Callout-DlwbfFHm.js";
-import * as react0 from "react";
+import * as react3 from "react";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime21 from "react/jsx-runtime";
 
@@ -74,14 +74,14 @@ declare namespace Dropdown {
     value: string;
     isExternalLink?: boolean;
     isSelected?: boolean;
-  } & react0.ClassAttributes<HTMLAnchorElement> & react0.AnchorHTMLAttributes<HTMLAnchorElement> & {
+  } & react3.ClassAttributes<HTMLAnchorElement> & react3.AnchorHTMLAttributes<HTMLAnchorElement> & {
     href: string;
   }) | ({
     children?: React.ReactNode;
     value: string;
     isExternalLink?: boolean;
     isSelected?: boolean;
-  } & react0.ClassAttributes<HTMLButtonElement> & react0.ButtonHTMLAttributes<HTMLButtonElement> & {
+  } & react3.ClassAttributes<HTMLButtonElement> & react3.ButtonHTMLAttributes<HTMLButtonElement> & {
     href?: never;
   })) => react_jsx_runtime21.JSX.Element;
   var MenuItemText: ({
@@ -131,14 +131,14 @@ declare namespace DropdownButton {
     value: string;
     isExternalLink?: boolean;
     isSelected?: boolean;
-  } & react0.ClassAttributes<HTMLAnchorElement> & react0.AnchorHTMLAttributes<HTMLAnchorElement> & {
+  } & react3.ClassAttributes<HTMLAnchorElement> & react3.AnchorHTMLAttributes<HTMLAnchorElement> & {
     href: string;
   }) | ({
     children?: React.ReactNode;
     value: string;
     isExternalLink?: boolean;
     isSelected?: boolean;
-  } & react0.ClassAttributes<HTMLButtonElement> & react0.ButtonHTMLAttributes<HTMLButtonElement> & {
+  } & react3.ClassAttributes<HTMLButtonElement> & react3.ButtonHTMLAttributes<HTMLButtonElement> & {
     href?: never;
   })) => react_jsx_runtime21.JSX.Element;
   var MenuItemText: ({

package/dist/styles.css

@@ -276,62 +276,67 @@ body {
     color: initial;
   }
 
-  :where(p:not(.stl-ui-not-prose *)) {
+  :where(p:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose p) {
     margin-top: 16px;
   }
 
-  :where(strong:not(.stl-ui-not-prose *)) {
+  :where(strong:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose strong) {
     color: var(--stl-ui-foreground);
   }
 
-  :where(aside:not(.stl-ui-not-prose *)) {
+  :where(aside:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose aside) {
     color: var(--stl-ui-foreground);
   }
 
-  :where(h1, h2, h3, h4, h5, h6):where(:not(.stl-ui-not-prose *)) {
+  :where(h1, h2, h3, h4, h5, h6):where(:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose *) {
     color: var(--stl-ui-foreground);
     font-weight: 500;
     line-height: var(--stl-ui-typography-line-height-headings);
   }
 
-  :where(h1:not(.stl-ui-not-prose *)) {
+  :where(h1:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose h1) {
     /* Heading 1/Medium */
     font-size: var(--stl-ui-typography-text-h1);
     letter-spacing: -0.03em;
-
     margin-top: 64px;
   }
 
-  :where(h2:not(.stl-ui-not-prose *)) {
+  :where(h2:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose h2) {
     /* Heading 2/Medium */
     font-size: var(--stl-ui-typography-text-h2);
     letter-spacing: -0.03em;
-
     margin-top: 48px;
   }
 
-  :where(h3:not(.stl-ui-not-prose *)) {
+  :where(h3:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose h3) {
     /* Heading 3/Medium */
     font-size: var(--stl-ui-typography-text-h3);
     letter-spacing: -0.02em;
     margin-top: 40px;
   }
 
-  :where(h4:not(.stl-ui-not-prose *)) {
+  :where(h4:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose h4) {
     /* Heading 4/Medium */
     font-size: var(--stl-ui-typography-text-h4);
     letter-spacing: -0.02em;
     margin-top: 32px;
   }
 
-  :where(h5:not(.stl-ui-not-prose *)) {
+  :where(h5:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose h5) {
     /* Heading 5/Medium */
     font-size: var(--stl-ui-typography-text-h5);
     letter-spacing: -0.02em;
     margin-top: 24px;
   }
 
-  :where(li:not(.stl-ui-not-prose *)) {
+  /* For the first element below stl-ui-prose, do not apply a margin-top */
+  :where(*):where(:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose *) {
+    &:first-child {
+      margin-top: 0;
+    }
+  }
+
+  :where(li:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose li) {
     &:where(:not(:last-child)) {
       margin-bottom: 8px;
     }
@@ -351,16 +356,19 @@ body {
   }
 
   :where(ol, ul) {
-    &:not(.stl-ui-not-prose *) {
+    &:where(:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose *) {
       padding-left: 26px;
     }
   }
 
-  :where(ol, ul, aside, img, figure, details):where(:not(.stl-ui-not-prose *)) {
+  :where(ol, ul, aside, img, figure, details):where(
+    :not(.stl-ui-not-prose *),
+    .stl-ui-not-prose .stl-ui-prose *
+  ) {
     margin-top: 16px;
   }
 
-  :where(:not(pre) > code):where(:not(.stl-ui-not-prose *)) {
+  :where(:not(pre) > code):where(:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose *) {
     color: var(--stl-ui-foreground);
     font-feature-settings:
       'ss01' on,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stainless-api/ui-primitives",
-  "version": "0.1.0-beta.23",
+  "version": "0.1.0-beta.24",
   "publishConfig": {
     "access": "public"
   },