unifyedx-storybook-new 0.1.35 → 0.1.38

package/dist/unifyedx-storybook-new.css

@@ -3,7 +3,7 @@
 
 @layer components;
 
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
 
 @layer properties {
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
@@ -338,6 +338,10 @@
     padding-block: 0;
   }
 
+  ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
+
   :-moz-ui-invalid {
     box-shadow: none;
   }
@@ -373,7 +377,7 @@
   }
 
   .sr-only {
-    clip: rect(0, 0, 0, 0);
+    clip-path: inset(50%);
     white-space: nowrap;
     border-width: 0;
     width: 1px;
@@ -1230,7 +1234,7 @@
   }
 
   .transition {
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -4783,6 +4787,35 @@ body {
   position: relative;
 }
 
+.ck-powered-by {
+  display: none;
+}
+
+#ui-toast-backdrop {
+  opacity: 0;
+  pointer-events: none;
+  z-index: 9998;
+  background: #00000052;
+  transition: opacity .12s ease-in-out;
+  position: fixed;
+  inset: 0;
+}
+
+body.toast-backdrop #ui-toast-backdrop {
+  opacity: 1;
+  pointer-events: auto;
+}
+
+.ui-toast__toast {
+  border-radius: 12px;
+  box-shadow: 0 10px 30px #00000040;
+}
+
+.ui-toast__body {
+  font-size: 14px;
+  line-height: 1.3;
+}
+
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;
@@ -5541,47 +5574,54 @@ body {
   margin-top: 0.25rem;
 }
 /* Variables declaration */
-/* prettier-ignore */
 .rdp-root {
   --rdp-accent-color: blue; /* The accent color used for selected days and UI elements. */
   --rdp-accent-background-color: #f0f0ff; /* The accent background color used for selected days and UI elements. */
 
   --rdp-day-height: 44px; /* The height of the day cells. */
   --rdp-day-width: 44px; /* The width of the day cells. */
-  
+
   --rdp-day_button-border-radius: 100%; /* The border radius of the day cells. */
   --rdp-day_button-border: 2px solid transparent; /* The border of the day cells. */
   --rdp-day_button-height: 42px; /* The height of the day cells. */
   --rdp-day_button-width: 42px; /* The width of the day cells. */
-  
+
   --rdp-selected-border: 2px solid var(--rdp-accent-color); /* The border of the selected days. */
   --rdp-disabled-opacity: 0.5; /* The opacity of the disabled days. */
   --rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */
   --rdp-today-color: var(--rdp-accent-color); /* The color of the today's date. */
-  
-  --rdp-dropdown-gap: 0.5rem;/* The gap between the dropdowns used in the month captons. */
-  
+
+  --rdp-dropdown-gap: 0.5rem; /* The gap between the dropdowns used in the month captons. */
+
   --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */
-  
+
   --rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */
   --rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */
   --rdp-nav_button-width: 2.25rem; /* The width of the navigation buttons. */
   --rdp-nav-height: 2.75rem; /* The height of the navigation bar. */
-  
+
   --rdp-range_middle-background-color: var(--rdp-accent-background-color); /* The color of the background for days in the middle of a range. */
-  --rdp-range_middle-color: inherit;/* The color of the range text. */
-  
+  --rdp-range_middle-color: inherit; /* The color of the range text. */
+
   --rdp-range_start-color: white; /* The color of the range text. */
-  --rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%); /* Used for the background of the start of the selected range. */
+  --rdp-range_start-background: linear-gradient(
+    var(--rdp-gradient-direction),
+    transparent 50%,
+    var(--rdp-range_middle-background-color) 50%
+  ); /* Used for the background of the start of the selected range. */
   --rdp-range_start-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the start of the selected range. */
-  
-  --rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%); /* Used for the background of the end of the selected range. */
-  --rdp-range_end-color: white;/* The color of the range text. */
+
+  --rdp-range_end-background: linear-gradient(
+    var(--rdp-gradient-direction),
+    var(--rdp-range_middle-background-color) 50%,
+    transparent 50%
+  ); /* Used for the background of the end of the selected range. */
+  --rdp-range_end-color: white; /* The color of the range text. */
   --rdp-range_end-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the end of the selected range. */
-  
+
   --rdp-week_number-border-radius: 100%; /* The border radius of the week number. */
   --rdp-week_number-border: 2px solid transparent; /* The border of the week number. */
-  
+
   --rdp-week_number-height: var(--rdp-day-height); /* The height of the week number cells. */
   --rdp-week_number-opacity: 0.75; /* The opacity of the week number. */
   --rdp-week_number-width: var(--rdp-day-width); /* The width of the week number cells. */
@@ -5655,6 +5695,7 @@ body {
 
 .rdp-dropdown:focus-visible ~ .rdp-caption_label {
   outline: 5px auto Highlight;
+  /* biome-ignore lint/suspicious/noDuplicateProperties: backward compatibility */
   outline: 5px auto -webkit-focus-ring-color;
 }
 
@@ -5853,7 +5894,6 @@ body {
 }
 
 .rdp-range_middle .rdp-day_button {
-  border-color: transparent;
   border: unset;
   border-radius: unset;
   color: var(--rdp-range_middle-color);
@@ -12296,7 +12336,7 @@ of the component, floating–point numbers have been used which, for the default
 	.ck.ck-find-and-replace-form {
 		width: 300px;
 
-		/* Don't let the form overflow from the dialog (https://github.com/ckeditor/ckeditor5-commercial/issues/5913) */
+		/* Don't let the form overflow from the dialog (https://github.com/cksource/ckeditor5-commercial/issues/5913) */
 		max-width: 100%;
 
 		/* Styles specific for inputs area. */
@@ -14152,8 +14192,8 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon ) {
 			.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle:hover {
 				background: var(--ck-color-widget-blurred-border);
 			}
-.ck.ck-editor__editable:not(.ck-pagination-view) > .ck-widget.ck-widget_with-selection-handle:first-child,
-.ck.ck-editor__editable:not(.ck-pagination-view) blockquote > .ck-widget.ck-widget_with-selection-handle:first-child {
+.ck.ck-editor__editable > .ck-widget.ck-widget_with-selection-handle:first-child,
+.ck.ck-editor__editable blockquote > .ck-widget.ck-widget_with-selection-handle:first-child {
 	/* Do not crop selection handler if a widget is a first-child in the blockquote or in the root editable.
 	In fact, anything with overflow: hidden.
 	https://github.com/ckeditor/ckeditor5-block-quote/issues/28
@@ -15405,7 +15445,6 @@ span.ck-widget.html-object-embed {
 	caption-side: bottom;
 	word-break: normal;
 	overflow-wrap: anywhere;
-	break-before: avoid;
 	color: var(--ck-content-color-image-caption-text);
 	background-color: var(--ck-content-color-image-caption-background);
 	padding: .6em;
@@ -15947,7 +15986,7 @@ span.ck-widget.html-object-embed {
 	 * See: https://github.com/ckeditor/ckeditor5/pull/18801
 	 */
 
-.ck-content li > p:only-of-type {
+.ck-content li > p:only-child {
 		margin-top: 0;
 		margin-bottom: 0;
 	}
@@ -17532,9 +17571,8 @@ div.ck.ck-balloon-panel.ck-mention-balloon {
 		 * 	* The table has `display: table` style set.
 		 * 	* The block element is placed directly after the table.
 		 */
-		.ck-content figure.table:not(.layout-table):not(:has(> figcaption)) {
+		.ck-content figure.table:not(.layout-table):has(> table) {
 			display: block;
-			width: fit-content;
 		}
 
 		/**
@@ -17856,8 +17894,7 @@ div.ck.ck-balloon-panel.ck-mention-balloon {
 }
 
 /* Content styles */
-.ck-content .table > figcaption,
-.ck-content figure.table > table > caption {
+.ck-content .table > figcaption {
 	display: table-caption;
 	caption-side: top;
 	word-break: normal;
@@ -17872,7 +17909,7 @@ div.ck.ck-balloon-panel.ck-mention-balloon {
 	/* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */
 }
 @media (forced-colors: active) {
-		.ck-content .table > figcaption, .ck-content figure.table > table > caption {
+		.ck-content .table > figcaption {
 		background-color: unset;
 		color: unset;
 		}
@@ -17880,11 +17917,11 @@ div.ck.ck-balloon-panel.ck-mention-balloon {
 
 /* Editing styles */
 @media (forced-colors: none) {
-		.ck.ck-editor__editable .table > figcaption.table__caption_highlighted, .ck.ck-editor__editable figure.table > table > caption.table__caption_highlighted {
+		.ck.ck-editor__editable .table > figcaption.table__caption_highlighted {
 			animation: ck-table-caption-highlight .6s ease-out;
 		}
 	}
-.ck.ck-editor__editable .table > figcaption.ck-placeholder::before, .ck.ck-editor__editable figure.table > table > caption.ck-placeholder::before {
+.ck.ck-editor__editable .table > figcaption.ck-placeholder::before {
 		padding-left: inherit;
 		padding-right: inherit;
 
@@ -20182,3 +20219,29 @@ a.ck.ck-button {
     transform: rotate(360deg);
   }
 }
+/* Backdrop below the toast container, above the app content */
+#ui-toast-backdrop {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.32);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 120ms ease-in-out;
+  z-index: 9998; /* less than react-toastify default (9999) */
+}
+
+/* Toggle via body class */
+body.toast-backdrop #ui-toast-backdrop {
+  opacity: 1;
+  pointer-events: auto; /* block clicks under it */
+}
+
+/* Optional: harmonize toast look with your design system */
+.ui-toast__toast {
+  border-radius: 12px;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
+}
+.ui-toast__body {
+  font-size: 14px;
+  line-height: 1.3;
+}