@keboola/design 6.0.0 → 6.1.0

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@keboola/design",
3
- "version": "6.0.0",
3
+ "version": "6.1.0",
4
4
  "description": "Keboola UI platform design system — shadcn-aligned React primitives, Keboola-branded blocks, and the form bindings built on TanStack Form.",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -271,7 +271,7 @@
271
271
  "remark-gfm": "^4.0.0",
272
272
  "sonner": "^2.0.7",
273
273
  "tailwind-merge": "^2.6.0",
274
- "@keboola/brand-registry": "^1.4.0",
274
+ "@keboola/brand-registry": "^1.5.0",
275
275
  "@keboola/codemirror-lang-sfsql": "^1.2.1",
276
276
  "@keboola/codemirror-lang-sql": "^0.2.2",
277
277
  "@keboola/tailwind-config": "^0.7.0"
package/src/styles.css CHANGED
@@ -21,8 +21,9 @@
21
21
  --color-background: 249 250 251; /* #f9fafb */
22
22
  --color-foreground: 30 41 59; /* #1e293b */
23
23
 
24
- /* Primary — Keboola blue (matches secondary-500 / sidebar-primary). */
25
- --color-primary: 31 143 255; /* #1f8fff */
24
+ /* Primary — Keboola blue, AA-tuned to blue-600 (5.17:1 white-on-fill) for
25
+ interactive labels. The dark block keeps the lighter blue-500. */
26
+ --color-primary: 37 99 235; /* #2563eb */
26
27
  --color-primary-foreground: 255 255 255; /* #ffffff */
27
28
 
28
29
  /* Secondary */
@@ -40,7 +41,7 @@
40
41
  /* Border / Input / Ring */
41
42
  --color-border: 229 231 235; /* #e5e7eb */
42
43
  --color-input: 203 213 225; /* #cbd5e1 */
43
- --color-ring: var(--color-primary); /* follows brand primary (default #1f8fff) */
44
+ --color-ring: var(--color-primary); /* follows brand primary (default #2563eb) */
44
45
  --color-ring-offset: 255 255 255; /* #ffffff — focus-ring offset gap */
45
46
 
46
47
  /* Chart — categorical palette (brand-derived, mutually distinct). */
@@ -72,12 +73,12 @@
72
73
  /* Sidebar */
73
74
  --color-sidebar: 255 255 255; /* #ffffff */
74
75
  --color-sidebar-foreground: 30 41 59; /* #1e293b */
75
- --color-sidebar-primary: var(--color-primary); /* follows brand primary (default #1f8fff) */
76
+ --color-sidebar-primary: var(--color-primary); /* follows brand primary (default #2563eb) */
76
77
  --color-sidebar-primary-foreground: 255 255 255; /* #ffffff */
77
78
  --color-sidebar-accent: 219 234 254; /* #dbeafe */
78
79
  --color-sidebar-accent-foreground: 30 41 59; /* #1e293b */
79
80
  --color-sidebar-border: 229 231 235; /* #e5e7eb */
80
- --color-sidebar-ring: var(--color-primary); /* follows brand primary (default #1f8fff) */
81
+ --color-sidebar-ring: var(--color-primary); /* follows brand primary (default #2563eb) */
81
82
 
82
83
  --radius-md: 0.375rem;
83
84
  --radius-lg: 0.5rem;