@camunda/design-system 0.40.0 → 0.41.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/dist/carbon-compat/c3-data-table.d.ts.map +1 -1
  2. package/dist/carbon-compat/c3-data-table.js +2 -1
  3. package/dist/carbon-compat/c3-data-table.js.map +1 -1
  4. package/dist/carbon-compat/combo-box.d.ts.map +1 -1
  5. package/dist/carbon-compat/combo-box.js +2 -1
  6. package/dist/carbon-compat/combo-box.js.map +1 -1
  7. package/dist/carbon-compat/dropdown.d.ts +2 -2
  8. package/dist/carbon-compat/dropdown.d.ts.map +1 -1
  9. package/dist/carbon-compat/dropdown.js +33 -15
  10. package/dist/carbon-compat/dropdown.js.map +1 -1
  11. package/dist/carbon-compat/filterable-multi-select.d.ts.map +1 -1
  12. package/dist/carbon-compat/filterable-multi-select.js +2 -1
  13. package/dist/carbon-compat/filterable-multi-select.js.map +1 -1
  14. package/dist/carbon-compat/form-group.d.ts.map +1 -1
  15. package/dist/carbon-compat/form-group.js +2 -1
  16. package/dist/carbon-compat/form-group.js.map +1 -1
  17. package/dist/carbon-compat/index.d.ts +1 -1
  18. package/dist/carbon-compat/index.d.ts.map +1 -1
  19. package/dist/carbon-compat/index.js +1 -1
  20. package/dist/carbon-compat/index.js.map +1 -1
  21. package/dist/carbon-compat/multi-select.d.ts.map +1 -1
  22. package/dist/carbon-compat/multi-select.js +2 -1
  23. package/dist/carbon-compat/multi-select.js.map +1 -1
  24. package/dist/carbon-compat/radio-button.d.ts.map +1 -1
  25. package/dist/carbon-compat/radio-button.js +2 -1
  26. package/dist/carbon-compat/radio-button.js.map +1 -1
  27. package/dist/carbon-compat/radio-tile.d.ts.map +1 -1
  28. package/dist/carbon-compat/radio-tile.js +2 -1
  29. package/dist/carbon-compat/radio-tile.js.map +1 -1
  30. package/dist/carbon-compat/table-container.d.ts.map +1 -1
  31. package/dist/carbon-compat/table-container.js +2 -1
  32. package/dist/carbon-compat/table-container.js.map +1 -1
  33. package/dist/src/components/ui/app-header.d.ts.map +1 -1
  34. package/dist/src/components/ui/app-header.js +2 -1
  35. package/dist/src/components/ui/app-header.js.map +1 -1
  36. package/dist/src/components/ui/app-sidebar.d.ts.map +1 -1
  37. package/dist/src/components/ui/app-sidebar.js +2 -1
  38. package/dist/src/components/ui/app-sidebar.js.map +1 -1
  39. package/dist/src/components/ui/file-uploader.d.ts.map +1 -1
  40. package/dist/src/components/ui/file-uploader.js +3 -2
  41. package/dist/src/components/ui/file-uploader.js.map +1 -1
  42. package/dist/src/components/ui/page-layout.d.ts.map +1 -1
  43. package/dist/src/components/ui/page-layout.js +2 -1
  44. package/dist/src/components/ui/page-layout.js.map +1 -1
  45. package/dist/src/components/ui/tree-view.d.ts.map +1 -1
  46. package/dist/src/components/ui/tree-view.js +3 -2
  47. package/dist/src/components/ui/tree-view.js.map +1 -1
  48. package/dist/src/components/ui/typography.d.ts +3 -3
  49. package/dist/src/components/ui/typography.d.ts.map +1 -1
  50. package/dist/src/components/ui/typography.js +1 -0
  51. package/dist/src/components/ui/typography.js.map +1 -1
  52. package/dist/src/lib/focus-visible-on-close.d.ts +22 -1
  53. package/dist/src/lib/focus-visible-on-close.d.ts.map +1 -1
  54. package/dist/src/lib/focus-visible-on-close.js +29 -2
  55. package/dist/src/lib/focus-visible-on-close.js.map +1 -1
  56. package/dist/styles.css +41 -0
  57. package/package.json +5 -2
@@ -1 +1 @@
1
- {"version":3,"file":"focus-visible-on-close.js","sourceRoot":"","sources":["../../../src/lib/focus-visible-on-close.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"focus-visible-on-close.js","sourceRoot":"","sources":["../../../src/lib/focus-visible-on-close.ts"],"names":[],"mappings":"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"}
package/dist/styles.css CHANGED
@@ -4,6 +4,7 @@
4
4
  --font-sans: "Geist Sans", sans-serif;
5
5
  --font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Code", monospace;
6
6
  --color-red-500: oklch(63.7% 0.237 25.331);
7
+ --color-red-600: oklch(57.7% 0.245 27.325);
7
8
  --color-red-700: oklch(50.5% 0.213 27.518);
8
9
  --color-red-800: oklch(44.4% 0.177 26.899);
9
10
  --color-red-900: oklch(39.6% 0.141 25.723);
@@ -69,6 +70,7 @@
69
70
  --color-rose-700: oklch(51.4% 0.222 16.935);
70
71
  --color-rose-800: oklch(45.5% 0.188 13.697);
71
72
  --color-rose-900: oklch(41% 0.159 10.272);
73
+ --color-gray-100: oklch(96.7% 0.003 264.542);
72
74
  --color-gray-200: oklch(92.8% 0.006 264.531);
73
75
  --color-zinc-50: oklch(98.5% 0 none);
74
76
  --color-zinc-100: oklch(96.7% 0.001 286.375);
@@ -112,6 +114,7 @@
112
114
  --font-weight-normal: 400;
113
115
  --font-weight-medium: 500;
114
116
  --font-weight-semibold: 600;
117
+ --font-weight-bold: 700;
115
118
  --tracking-wide: 0.025em;
116
119
  --tracking-widest: 0.1em;
117
120
  --leading-tight: 1.25;
@@ -1490,6 +1493,9 @@
1490
1493
  .border-primary-border-subtle {
1491
1494
  border-color: var(--primary-border-subtle);
1492
1495
  }
1496
+ .border-red-600 {
1497
+ border-color: var(--color-red-600);
1498
+ }
1493
1499
  .border-success-border-subtle {
1494
1500
  border-color: var(--success-border-subtle);
1495
1501
  }
@@ -1511,6 +1517,12 @@
1511
1517
  .bg-\(--color-indicator-tooltip\) {
1512
1518
  background-color: var(--color-indicator-tooltip);
1513
1519
  }
1520
+ .bg-\[\#ff0000\] {
1521
+ background-color: #ff0000;
1522
+ }
1523
+ .bg-\[rgb\(255\,0\,0\)\] {
1524
+ background-color: rgb(255,0,0);
1525
+ }
1514
1526
  .bg-\[var\(--color-blue-500\)\] {
1515
1527
  background-color: var(--color-blue-500);
1516
1528
  }
@@ -1559,6 +1571,9 @@
1559
1571
  background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
1560
1572
  }
1561
1573
  }
1574
+ .bg-blue-500 {
1575
+ background-color: var(--color-blue-500);
1576
+ }
1562
1577
  .bg-border {
1563
1578
  background-color: var(--border);
1564
1579
  }
@@ -1964,6 +1979,9 @@
1964
1979
  .font-mono {
1965
1980
  font-family: "IBM Plex Mono", ui-monospace, "Cascadia Code", monospace;
1966
1981
  }
1982
+ .font-sans {
1983
+ font-family: "Geist Sans", sans-serif;
1984
+ }
1967
1985
  .text-2xl {
1968
1986
  font-size: var(--text-2xl);
1969
1987
  line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -2075,6 +2093,10 @@
2075
2093
  --tw-leading: var(--leading-tight);
2076
2094
  line-height: var(--leading-tight);
2077
2095
  }
2096
+ .font-bold {
2097
+ --tw-font-weight: var(--font-weight-bold);
2098
+ font-weight: var(--font-weight-bold);
2099
+ }
2078
2100
  .font-light {
2079
2101
  --tw-font-weight: var(--font-weight-light);
2080
2102
  font-weight: var(--font-weight-light);
@@ -2111,9 +2133,18 @@
2111
2133
  .whitespace-pre {
2112
2134
  white-space: pre;
2113
2135
  }
2136
+ .text-\[\#abc\] {
2137
+ color: #abc;
2138
+ }
2139
+ .text-\[color\:var\(--x\)\] {
2140
+ color: var(--x);
2141
+ }
2114
2142
  .text-\[inherit\] {
2115
2143
  color: inherit;
2116
2144
  }
2145
+ .text-\[…\] {
2146
+ color: …;
2147
+ }
2117
2148
  .text-accent-foreground-strong {
2118
2149
  color: var(--accent-foreground-strong);
2119
2150
  }
@@ -2147,6 +2178,9 @@
2147
2178
  .text-foreground {
2148
2179
  color: var(--foreground);
2149
2180
  }
2181
+ .text-gray-100 {
2182
+ color: var(--color-gray-100);
2183
+ }
2150
2184
  .text-info-action-default {
2151
2185
  color: var(--info-action-default);
2152
2186
  }
@@ -2263,6 +2297,10 @@
2263
2297
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2264
2298
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2265
2299
  }
2300
+ .shadow-\[0_0_4px_rgba\(0\,0\,0\,0\.5\)\] {
2301
+ --tw-shadow: 0 0 4px var(--tw-shadow-color, rgba(0,0,0,0.5));
2302
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2303
+ }
2266
2304
  .shadow-\[var\(--shadow-glow\)\] {
2267
2305
  --tw-shadow: var(--shadow-glow);
2268
2306
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2323,6 +2361,9 @@
2323
2361
  --tw-ring-color: color-mix(in oklab, var(--danger-action-default) 20%, transparent);
2324
2362
  }
2325
2363
  }
2364
+ .ring-emerald-400 {
2365
+ --tw-ring-color: var(--color-emerald-400);
2366
+ }
2326
2367
  .ring-foreground\/10 {
2327
2368
  --tw-ring-color: var(--foreground);
2328
2369
  @supports (color: color-mix(in lab, red, red)) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@camunda/design-system",
3
- "version": "0.40.0",
3
+ "version": "0.41.1",
4
4
  "description": "Camunda's AI-first design system. shadcn + Tailwind components, design tokens aligned to Camunda's identity, and AI tooling for component authoring + migration.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -62,6 +62,9 @@
62
62
  "typecheck": "tsc --noEmit -p tsconfig.app.json && tsc --noEmit -p tsconfig.storybook.json",
63
63
  "typecheck:visual": "tsc --noEmit -p tsconfig.playwright.json",
64
64
  "contrast:audit": "node scripts/contrast-audit.mjs",
65
+ "audit:conventions": "node scripts/audit-conventions.mjs",
66
+ "test:rules": "node eslint-rules/no-adhoc-typography.test.mjs && node eslint-rules/no-primitive-tailwind-colors.test.mjs && node eslint-rules/no-raw-color-in-classname.test.mjs",
67
+ "test:hooks": "python3 plugins/camunda-design-system/scripts/route-request.test.py",
65
68
  "prepare": "husky",
66
69
  "release": "changeset publish",
67
70
  "version:bump-plugin": "node scripts/bump-plugin-version.js"
@@ -147,6 +150,6 @@
147
150
  "vite-tsconfig-paths": "6.1.1"
148
151
  },
149
152
  "volta": {
150
- "node": "24.18.0"
153
+ "node": "24.19.0"
151
154
  }
152
155
  }