@camunda/design-system 0.45.0 → 0.46.1

package/dist/styles.css

@@ -283,6 +283,9 @@
 .order-1 {
   order: 1;
 }
+.order-last {
+  order: 9999;
+}
 .col-span-3 {
   grid-column: span 3 / span 3;
 }
@@ -427,6 +430,9 @@
 .-mr-1 {
   margin-right: calc(var(--spacing) * -1);
 }
+.-mr-4 {
+  margin-right: calc(var(--spacing) * -4);
+}
 .mr-1 {
   margin-right: var(--spacing);
 }
@@ -550,6 +556,10 @@
 .aspect-video {
   aspect-ratio: var(--aspect-video);
 }
+.size-1\.5 {
+  width: calc(var(--spacing) * 1.5);
+  height: calc(var(--spacing) * 1.5);
+}
 .size-2 {
   width: calc(var(--spacing) * 2);
   height: calc(var(--spacing) * 2);
@@ -674,9 +684,6 @@
 .h-72 {
   height: calc(var(--spacing) * 72);
 }
-.h-\[24rem\] {
-  height: 24rem;
-}
 .h-\[32rem\] {
   height: 32rem;
 }
@@ -752,6 +759,9 @@
 .min-h-32 {
   min-height: calc(var(--spacing) * 32);
 }
+.min-h-40 {
+  min-height: calc(var(--spacing) * 40);
+}
 .min-h-\[80px\] {
   min-height: 80px;
 }
@@ -761,9 +771,15 @@
 .min-h-\[280px\] {
   min-height: 280px;
 }
+.min-h-\[650px\] {
+  min-height: 650px;
+}
 .min-h-\[calc\(100vh-3rem\)\] {
   min-height: calc(100vh - 3rem);
 }
+.min-h-dvh {
+  min-height: 100dvh;
+}
 .min-h-screen {
   min-height: 100vh;
 }
@@ -1097,6 +1113,9 @@
 .scroll-py-1 {
   scroll-padding-block: var(--spacing);
 }
+.\[scrollbar-width\:none\] {
+  scrollbar-width: none;
+}
 .list-inside {
   list-style-position: inside;
 }
@@ -2229,6 +2248,9 @@
 .text-success-foreground-strong {
   color: var(--success-foreground-strong);
 }
+.text-warning-action-default {
+  color: var(--warning-action-default);
+}
 .text-warning-foreground-strong {
   color: var(--warning-foreground-strong);
 }
@@ -2608,10 +2630,18 @@
 .placeholder\:text-neutral-foreground-subtle::placeholder {
   color: var(--neutral-foreground-subtle);
 }
+.after\:pointer-events-none::after {
+  content: var(--tw-content);
+  pointer-events: none;
+}
 .after\:absolute::after {
   content: var(--tw-content);
   position: absolute;
 }
+.after\:inset-0::after {
+  content: var(--tw-content);
+  inset: 0px;
+}
 .after\:-inset-x-3::after {
   content: var(--tw-content);
   inset-inline: calc(var(--spacing) * -3);
@@ -2620,6 +2650,10 @@
   content: var(--tw-content);
   inset-block: calc(var(--spacing) * -2);
 }
+.after\:rounded-sm::after {
+  content: var(--tw-content);
+  border-radius: calc(var(--radius) - 4px);
+}
 .after\:bg-foreground::after {
   content: var(--tw-content);
   background-color: var(--foreground);
@@ -2634,6 +2668,10 @@
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
   transition-duration: var(--tw-duration, var(--default-transition-duration));
 }
+.after\:content-\[\'\'\]::after {
+  --tw-content: '';
+  content: var(--tw-content);
+}
 .group-data-horizontal\/tabs\:after\:inset-x-0:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *)::after {
   content: var(--tw-content);
   inset-inline: 0px;
@@ -2682,12 +2720,28 @@
     background-color: color-mix(in oklab, var(--neutral-background-strong) 50%, transparent);
   }
 }
+.empty\:hidden:empty {
+  display: none;
+}
 .focus-within\:relative:focus-within {
   position: relative;
 }
 .focus-within\:z-20:focus-within {
   z-index: 20;
 }
+.focus-within\:after\:ring-2:focus-within::after {
+  content: var(--tw-content);
+  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.focus-within\:after\:ring-ring:focus-within::after {
+  content: var(--tw-content);
+  --tw-ring-color: var(--ring);
+}
+.focus-within\:after\:ring-inset:focus-within::after {
+  content: var(--tw-content);
+  --tw-ring-inset: inset;
+}
 @media (hover: hover) {
   .hover\:border-border:hover {
     border-color: var(--border);
@@ -3571,15 +3625,27 @@
   border-style: var(--tw-border-style);
   border-width: 0px;
 }
+.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
+  display: none;
+}
 .\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button {
   appearance: none;
 }
 .\[\&\:\:-webkit-search-decoration\]\:appearance-none::-webkit-search-decoration {
   appearance: none;
 }
+.\[\&\:has\(\+\[data-description\]\)\]\:mb-1:has( + [data-description]) {
+  margin-bottom: var(--spacing);
+}
 .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
   padding-right: 0px;
 }
+.\[\&\:has\(\~\[data-content\]_\[data-description\]\)\]\:-mt-1:has( ~ [data-content] [data-description]) {
+  margin-top: calc(var(--spacing) * -1);
+}
+.\[\&\:has\(\~\[data-content\]_\[data-description\]\)\]\:self-start:has( ~ [data-content] [data-description]) {
+  align-self: flex-start;
+}
 .\[\.border-b\]\:pb-4:is(.border-b) {
   padding-bottom: calc(var(--spacing) * 4);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camunda/design-system",
-  "version": "0.45.0",
+  "version": "0.46.1",
   "description": "Camunda's AI-first design system. shadcn + Tailwind components, design tokens aligned to Camunda's identity, and AI tooling for component authoring + migration.",
   "license": "Apache-2.0",
   "repository": {
@@ -103,6 +103,7 @@
     "radix-ui": "1.4.3",
     "react-day-picker": "^10.0.1",
     "recharts": "^3.8.1",
+    "sonner": "^2.0.8",
     "tailwind-merge": "3.6.0"
   },
   "overrides": {