@wallarm-org/design-system 0.51.1 → 0.51.2

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 (7) hide show
  1. package/dist/components/AppShell/AppShell.js +1 -1
  2. package/dist/components/NavPanel/NavPanelHeader.js +1 -1
  3. package/dist/components/RemoteShell/NavPanelContent.js +2 -2
  4. package/dist/metadata/components.json +14 -2
  5. package/dist/theme/colors/primary.css +1 -0
  6. package/dist/theme/semantic.css +2 -0
  7. package/package.json +1 -1
package/dist/components/AppShell/AppShell.js CHANGED
@@ -8,7 +8,7 @@ const AppShell = ({ ref, className, children, 'data-testid': testId, ...props })
8
8
  ref: ref,
9
9
  "data-slot": "app-shell",
10
10
  "data-testid": testId,
11
- className: cn('grid h-screen overscroll-none [grid-template-areas:"header_header""rail_remote"] [grid-template-columns:auto_1fr] [grid-template-rows:auto_1fr] bg-bg-surface-5', className),
11
+ className: cn('grid h-screen overscroll-none [grid-template-areas:"header_header""rail_remote"] [grid-template-columns:auto_1fr] [grid-template-rows:auto_1fr] bg-component-app-shell-bg', className),
12
12
  children: children
13
13
  })
14
14
  });
package/dist/components/NavPanel/NavPanelHeader.js CHANGED
@@ -9,7 +9,7 @@ const NavPanelHeader = ({ ref, className, children, ...props })=>{
9
9
  ref: ref,
10
10
  "data-slot": "nav-panel-header",
11
11
  "data-testid": testId,
12
- className: cn('sticky top-0 z-10 flex shrink-0 items-center p-4 pt-2 bg-bg-surface-2', className),
12
+ className: cn('sticky top-0 z-10 flex shrink-0 items-center p-4 pt-2 bg-bg-page-bg', className),
13
13
  children: /*#__PURE__*/ jsx(Text, {
14
14
  size: "sm",
15
15
  weight: "medium",
package/dist/components/RemoteShell/NavPanelContent.js CHANGED
@@ -12,7 +12,7 @@ const NavPanelContent = ({ level: rawLevel })=>{
12
12
  if (0 === level) return /*#__PURE__*/ jsxs(Fragment, {
13
13
  children: [
14
14
  hasHeaderActions ? /*#__PURE__*/ jsxs("div", {
15
- className: "sticky top-0 z-10 flex shrink-0 items-center justify-between pt-2 pl-4 pb-4 bg-bg-surface-2",
15
+ className: "sticky top-0 z-10 flex shrink-0 items-center justify-between pt-2 pl-4 pb-4 bg-bg-page-bg",
16
16
  children: [
17
17
  /*#__PURE__*/ jsx(Text, {
18
18
  size: "sm",
@@ -40,7 +40,7 @@ const NavPanelContent = ({ level: rawLevel })=>{
40
40
  return /*#__PURE__*/ jsxs(Fragment, {
41
41
  children: [
42
42
  /*#__PURE__*/ jsxs("div", {
43
- className: "sticky top-0 z-10 flex flex-col gap-2 bg-bg-surface-1",
43
+ className: "sticky top-0 z-10 flex flex-col gap-2 bg-bg-page-bg",
44
44
  children: [
45
45
  /*#__PURE__*/ jsx(NavPanelHeader, {
46
46
  children: entry.title
package/dist/metadata/components.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
- "version": "0.51.0",
3
- "generatedAt": "2026-06-01T23:25:07.581Z",
2
+ "version": "0.51.1",
3
+ "generatedAt": "2026-06-02T15:56:09.933Z",
4
4
  "components": [
5
5
  {
6
6
  "name": "Accordion",
@@ -55306,6 +55306,10 @@
55306
55306
  "name": "--color-slate-950",
55307
55307
  "value": "#020618"
55308
55308
  },
55309
+ {
55310
+ "name": "--color-slate-975",
55311
+ "value": "#010413"
55312
+ },
55309
55313
  {
55310
55314
  "name": "--color-red-50",
55311
55315
  "value": "#fef2f2"
@@ -57364,6 +57368,10 @@
57364
57368
  "name": "--color-component-toast-ic-info",
57365
57369
  "value": "var(--color-blue-400)"
57366
57370
  },
57371
+ {
57372
+ "name": "--color-component-app-shell-bg",
57373
+ "value": "var(--color-slate-100)"
57374
+ },
57367
57375
  {
57368
57376
  "name": "--color-syntax-no-syntax",
57369
57377
  "value": "var(--color-slate-900)"
@@ -58422,6 +58430,10 @@
58422
58430
  "name": "--color-component-toast-ic-info",
58423
58431
  "value": "var(--color-blue-600)"
58424
58432
  },
58433
+ {
58434
+ "name": "--color-component-app-shell-bg",
58435
+ "value": "var(--color-slate-975)"
58436
+ },
58425
58437
  {
58426
58438
  "name": "--color-syntax-no-syntax",
58427
58439
  "value": "var(--color-slate-200)"
package/dist/theme/colors/primary.css CHANGED
@@ -10,6 +10,7 @@
10
10
  --color-slate-800: #1d293d;
11
11
  --color-slate-900: #0f172b;
12
12
  --color-slate-950: #020618;
13
+ --color-slate-975: #010413;
13
14
 
14
15
  --color-red-50: #fef2f2;
15
16
  --color-red-100: #ffe2e2;
package/dist/theme/semantic.css CHANGED
@@ -214,6 +214,7 @@
214
214
  --color-component-toast-ic-warning: var(--color-amber-400);
215
215
  --color-component-toast-ic-success: var(--color-green-400);
216
216
  --color-component-toast-ic-info: var(--color-blue-400);
217
+ --color-component-app-shell-bg: var(--color-slate-100);
217
218
 
218
219
  /* ========================================
219
220
  * SYNTAX COLORS
@@ -609,6 +610,7 @@
609
610
  --color-component-toast-ic-warning: var(--color-amber-600);
610
611
  --color-component-toast-ic-success: var(--color-green-600);
611
612
  --color-component-toast-ic-info: var(--color-blue-600);
613
+ --color-component-app-shell-bg: var(--color-slate-975);
612
614
 
613
615
  /* ========================================
614
616
  * SYNTAX COLORS
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wallarm-org/design-system",
3
- "version": "0.51.1",
3
+ "version": "0.51.2",
4
4
  "description": "Core design system library with React components and Storybook documentation",
5
5
  "publishConfig": {
6
6
  "access": "public",