@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.
- package/dist/carbon-compat/c3-data-table.d.ts.map +1 -1
- package/dist/carbon-compat/c3-data-table.js +2 -1
- package/dist/carbon-compat/c3-data-table.js.map +1 -1
- package/dist/carbon-compat/combo-box.d.ts.map +1 -1
- package/dist/carbon-compat/combo-box.js +2 -1
- package/dist/carbon-compat/combo-box.js.map +1 -1
- package/dist/carbon-compat/dropdown.d.ts +2 -2
- package/dist/carbon-compat/dropdown.d.ts.map +1 -1
- package/dist/carbon-compat/dropdown.js +33 -15
- package/dist/carbon-compat/dropdown.js.map +1 -1
- package/dist/carbon-compat/filterable-multi-select.d.ts.map +1 -1
- package/dist/carbon-compat/filterable-multi-select.js +2 -1
- package/dist/carbon-compat/filterable-multi-select.js.map +1 -1
- package/dist/carbon-compat/form-group.d.ts.map +1 -1
- package/dist/carbon-compat/form-group.js +2 -1
- package/dist/carbon-compat/form-group.js.map +1 -1
- package/dist/carbon-compat/index.d.ts +1 -1
- package/dist/carbon-compat/index.d.ts.map +1 -1
- package/dist/carbon-compat/index.js +1 -1
- package/dist/carbon-compat/index.js.map +1 -1
- package/dist/carbon-compat/multi-select.d.ts.map +1 -1
- package/dist/carbon-compat/multi-select.js +2 -1
- package/dist/carbon-compat/multi-select.js.map +1 -1
- package/dist/carbon-compat/radio-button.d.ts.map +1 -1
- package/dist/carbon-compat/radio-button.js +2 -1
- package/dist/carbon-compat/radio-button.js.map +1 -1
- package/dist/carbon-compat/radio-tile.d.ts.map +1 -1
- package/dist/carbon-compat/radio-tile.js +2 -1
- package/dist/carbon-compat/radio-tile.js.map +1 -1
- package/dist/carbon-compat/table-container.d.ts.map +1 -1
- package/dist/carbon-compat/table-container.js +2 -1
- package/dist/carbon-compat/table-container.js.map +1 -1
- package/dist/src/components/ui/app-header.d.ts.map +1 -1
- package/dist/src/components/ui/app-header.js +2 -1
- package/dist/src/components/ui/app-header.js.map +1 -1
- package/dist/src/components/ui/app-sidebar.d.ts.map +1 -1
- package/dist/src/components/ui/app-sidebar.js +2 -1
- package/dist/src/components/ui/app-sidebar.js.map +1 -1
- package/dist/src/components/ui/file-uploader.d.ts.map +1 -1
- package/dist/src/components/ui/file-uploader.js +3 -2
- package/dist/src/components/ui/file-uploader.js.map +1 -1
- package/dist/src/components/ui/page-layout.d.ts.map +1 -1
- package/dist/src/components/ui/page-layout.js +2 -1
- package/dist/src/components/ui/page-layout.js.map +1 -1
- package/dist/src/components/ui/tree-view.d.ts.map +1 -1
- package/dist/src/components/ui/tree-view.js +3 -2
- package/dist/src/components/ui/tree-view.js.map +1 -1
- package/dist/src/components/ui/typography.d.ts +3 -3
- package/dist/src/components/ui/typography.d.ts.map +1 -1
- package/dist/src/components/ui/typography.js +1 -0
- package/dist/src/components/ui/typography.js.map +1 -1
- package/dist/src/lib/focus-visible-on-close.d.ts +22 -1
- package/dist/src/lib/focus-visible-on-close.d.ts.map +1 -1
- package/dist/src/lib/focus-visible-on-close.js +29 -2
- package/dist/src/lib/focus-visible-on-close.js.map +1 -1
- package/dist/styles.css +41 -0
- 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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,MAAM,CAAC,MAAM,0BAA0B,GAAG,4BAA4B,CAAC;AAEvE,SAAS,uBAAuB,CAAC,EAAe;IAC9C,EAAE,CAAC,YAAY,CAAC,0BAA0B,EAAE,EAAE,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,EAAE,CAAC,eAAe,CAAC,0BAA0B,CAAC,CAAC;QAC/C,EAAE,CAAC,mBAAmB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QACtC,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAC3D,CAAC,CAAC;IACF,EAAE,CAAC,gBAAgB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACnC,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;AACxD,CAAC;AAED;;;;;GAKG;AACH,SAAS,0BAA0B,CACjC,UAAoC;IAEpC,IAAI,OAAO,qBAAqB,KAAK,WAAW;QAAE,OAAO;IACzD,qBAAqB,CAAC,GAAG,EAAE;QACzB,MAAM,EAAE,GAAG,UAAU,EAAE,CAAC;QACxB,IAAI,EAAE,IAAI,IAAI;YAAE,OAAO;QACvB,uBAAuB,CAAC,EAAE,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;AACL,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,uBAAuB,CAAC,KAAY;IAClD,IAAI,KAAK,CAAC,gBAAgB;QAAE,OAAO;IACnC,0BAA0B,CAAC,GAAG,EAAE;QAC9B,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC;QAClC,OAAO,EAAE,YAAY,WAAW,IAAI,EAAE,KAAK,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACvE,CAAC,CAAC,CAAC;AACL,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,qBAAqB,CACnC,OAAgC,EAChC,iBAAyC,uBAAuB;IAEhE,OAAO,CAAC,KAAK,EAAE,EAAE;QACf,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACjB,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;AACJ,CAAC;AAED
|
|
1
|
+
{"version":3,"file":"focus-visible-on-close.js","sourceRoot":"","sources":["../../../src/lib/focus-visible-on-close.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,MAAM,CAAC,MAAM,0BAA0B,GAAG,4BAA4B,CAAC;AAEvE,SAAS,uBAAuB,CAAC,EAAe;IAC9C,EAAE,CAAC,YAAY,CAAC,0BAA0B,EAAE,EAAE,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,EAAE,CAAC,eAAe,CAAC,0BAA0B,CAAC,CAAC;QAC/C,EAAE,CAAC,mBAAmB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QACtC,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAC3D,CAAC,CAAC;IACF,EAAE,CAAC,gBAAgB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACnC,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;AACxD,CAAC;AAED;;;;;GAKG;AACH,SAAS,0BAA0B,CACjC,UAAoC;IAEpC,IAAI,OAAO,qBAAqB,KAAK,WAAW;QAAE,OAAO;IACzD,qBAAqB,CAAC,GAAG,EAAE;QACzB,MAAM,EAAE,GAAG,UAAU,EAAE,CAAC;QACxB,IAAI,EAAE,IAAI,IAAI;YAAE,OAAO;QACvB,uBAAuB,CAAC,EAAE,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;AACL,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,uBAAuB,CAAC,KAAY;IAClD,IAAI,KAAK,CAAC,gBAAgB;QAAE,OAAO;IACnC,0BAA0B,CAAC,GAAG,EAAE;QAC9B,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC;QAClC,OAAO,EAAE,YAAY,WAAW,IAAI,EAAE,KAAK,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACvE,CAAC,CAAC,CAAC;AACL,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,qBAAqB,CACnC,OAAgC,EAChC,iBAAyC,uBAAuB;IAEhE,OAAO,CAAC,KAAK,EAAE,EAAE;QACf,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACjB,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,oBAAoB,CAClC,OAA6C,EAC7C,cAAsC;IAEtC,OAAO,CAAC,KAAK,EAAE,EAAE;QACf,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACjB,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAC3B,0BAA0B,CAAC,GAAG,EAAE;gBAC9B,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC;gBAClC,OAAO,EAAE,YAAY,WAAW,IAAI,EAAE,KAAK,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;YACvE,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,oBAAoB,CAClC,eAAqD;IAKrD,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAqB,IAAI,CAAC,CAAC;IAEhE,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC7C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC;QACtC,gBAAgB,CAAC,OAAO;YACtB,MAAM,YAAY,WAAW,IAAI,MAAM,KAAK,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACxC,CAAC,KAAY,EAAE,EAAE;QACf,IAAI,KAAK,CAAC,gBAAgB;YAAE,OAAO;QAEnC,MAAM,MAAM,GAAG,eAAe,EAAE,OAAO,IAAI,gBAAgB,CAAC,OAAO,CAAC;QACpE,IAAI,MAAM,IAAI,IAAI,IAAI,MAAM,CAAC,WAAW,EAAE,CAAC;YACzC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,CAAC,KAAK,EAAE,CAAC;YACf,0BAA0B,CAAC,GAAG,EAAE,CAC9B,QAAQ,CAAC,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAClD,CAAC;YACF,OAAO;QACT,CAAC;QAED,uBAAuB,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,CAAC;AAC/C,CAAC"}
|
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.
|
|
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.
|
|
153
|
+
"node": "24.19.0"
|
|
151
154
|
}
|
|
152
155
|
}
|