react-ui-suite 1.1.8 → 1.1.10

package/dist/{Dialog-ZY5E3VZ4.css → Dialog-AAZFX5QB.css}

@@ -19,15 +19,14 @@
   justify-content: flex-end;
 }
 
-.rui-dialog__card {
-  width: min(640px, 92vw);
-  border-radius: 1.5rem;
-  border-width: 1px;
-  border-color: rgb(226 232 240 / 1);
-  background-color: rgb(255 255 255 / 0.95);
-  padding: 1.5rem;
-  box-shadow: 0 0 0 0px #fff, 0 0 0 calc(1px + 0px) rgb(59 130 246 / 0.5), 0 0 #0000;
-}
+.rui-dialog__card {
+  width: min(640px, 92vw);
+  border-radius: 1.5rem;
+  border: 1px solid var(--rui-color-border);
+  background-color: rgb(255 255 255 / 0.95);
+  padding: 1.5rem;
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
+}
 
 .rui-dialog__card--floating {
   pointer-events: auto;
@@ -41,10 +40,9 @@
   cursor: grabbing;
 }
 
-.rui-dialog__card:is([data-theme="dark"] *) {
-  border-color: rgb(63 63 70 / 0.6);
-  background-color: rgb(24 24 27 / 0.95);
-}
+.rui-dialog__card:is([data-theme="dark"] *) {
+  background-color: rgb(24 24 27 / 0.95);
+}
 
 .rui-dialog__header {
   display: flex;
@@ -53,22 +51,9 @@
   gap: 0.75rem;
 }
 
-.rui-dialog__eyebrow {
-  margin: 0px;
-  font-size: 0.75rem;
-  line-height: 1rem;
-  text-transform: uppercase;
-  letter-spacing: 0.3em;
-  color: rgb(100 116 139 / 1);
-}
-
-.rui-dialog__eyebrow:is([data-theme="dark"] *) {
-  color: rgb(161 161 170 / 1);
-}
-
-.rui-dialog__title {
-  margin: 0px;
-  font-size: 1.25rem;
+.rui-dialog__title {
+  margin: 0px;
+  font-size: 1.25rem;
   line-height: 1.75rem;
   color: rgb(15 23 42 / 1);
 }

package/dist/{TabGroup-7GEU6J3L.css → TabGroup-SZROL6VQ.css}

@@ -4,6 +4,7 @@
     height: 100%;
     position: relative;
     --rui-tab-border: 1px;
+    --rui-tab-panel-radius: 15px;
     --rui-tab-radius: 10px;
     --rui-tab-min-main: 32px;
 }
@@ -254,6 +255,7 @@
 .rui-tab-group__panel {
     padding: 5px;
     flex: 1;
+    border: var(--rui-tab-border) solid var(--rui-color-border);
     background-color: var(--rui-color-surface);
     min-width: 0;
     min-height: 0;
@@ -277,3 +279,55 @@
 [data-theme="dark"] .rui-tab-group__panel {
   background-color: var(--rui-color-surface-muted);
 }
+
+.rui-tab-group[data-position="top"] .rui-tab-group__panel {
+  border-bottom-left-radius: var(--rui-tab-panel-radius);
+  border-bottom-right-radius: var(--rui-tab-panel-radius);
+}
+
+.rui-tab-group[data-position="bottom"] .rui-tab-group__panel {
+  border-top-left-radius: var(--rui-tab-panel-radius);
+  border-top-right-radius: var(--rui-tab-panel-radius);
+}
+
+.rui-tab-group[data-position="left"] .rui-tab-group__panel {
+  border-top-right-radius: var(--rui-tab-panel-radius);
+  border-bottom-right-radius: var(--rui-tab-panel-radius);
+}
+
+.rui-tab-group[data-position="right"] .rui-tab-group__panel {
+  border-top-left-radius: var(--rui-tab-panel-radius);
+  border-bottom-left-radius: var(--rui-tab-panel-radius);
+}
+
+.rui-tab-group[data-position="top"][data-fill="partial"]:not([data-align="start"]) .rui-tab-group__panel {
+  border-top-left-radius: var(--rui-tab-panel-radius);
+}
+
+.rui-tab-group[data-position="top"][data-fill="partial"]:not([data-align="end"]) .rui-tab-group__panel {
+  border-top-right-radius: var(--rui-tab-panel-radius);
+}
+
+.rui-tab-group[data-position="bottom"][data-fill="partial"]:not([data-align="start"]) .rui-tab-group__panel {
+  border-bottom-left-radius: var(--rui-tab-panel-radius);
+}
+
+.rui-tab-group[data-position="bottom"][data-fill="partial"]:not([data-align="end"]) .rui-tab-group__panel {
+  border-bottom-right-radius: var(--rui-tab-panel-radius);
+}
+
+.rui-tab-group[data-position="left"][data-fill="partial"]:not([data-align="start"]) .rui-tab-group__panel {
+  border-top-left-radius: var(--rui-tab-panel-radius);
+}
+
+.rui-tab-group[data-position="left"][data-fill="partial"]:not([data-align="end"]) .rui-tab-group__panel {
+  border-bottom-left-radius: var(--rui-tab-panel-radius);
+}
+
+.rui-tab-group[data-position="right"][data-fill="partial"]:not([data-align="start"]) .rui-tab-group__panel {
+  border-top-right-radius: var(--rui-tab-panel-radius);
+}
+
+.rui-tab-group[data-position="right"][data-fill="partial"]:not([data-align="end"]) .rui-tab-group__panel {
+  border-bottom-right-radius: var(--rui-tab-panel-radius);
+}

package/dist/index.js

@@ -2566,7 +2566,7 @@ var DatePicker = React12.forwardRef(function DatePicker2({
 import * as React13 from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import clsx14 from "clsx";
-import "./Dialog-ZY5E3VZ4.css";
+import "./Dialog-AAZFX5QB.css";
 import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function Dialog({
   open,
@@ -2731,7 +2731,6 @@ function Dialog({
       children: [
         /* @__PURE__ */ jsxs13("div", { className: "rui-dialog__header", children: [
           /* @__PURE__ */ jsxs13("div", { children: [
-            /* @__PURE__ */ jsx15("p", { className: "rui-dialog__eyebrow", children: "Dialog" }),
             /* @__PURE__ */ jsx15("h2", { id: titleId, className: "rui-dialog__title", children: title }),
             description ? /* @__PURE__ */ jsx15("p", { id: descriptionId, className: "rui-dialog__description", children: description }) : null
           ] }),
@@ -4025,7 +4024,7 @@ function StackedList({ items, dense, className, ...rest }) {
 
 // components/TabGroup/TabGroup.tsx
 import React21 from "react";
-import "./TabGroup-7GEU6J3L.css";
+import "./TabGroup-SZROL6VQ.css";
 import { Fragment as Fragment2, jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
 function TabGroup({
   align = "start",