@camtomlabs/malix-design-system 0.1.4 → 0.1.5

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/styles.css +9 -9
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@camtomlabs/malix-design-system",
3
- "version": "0.1.4",
3
+ "version": "0.1.5",
4
4
  "description": "Malix Design System combined package with components, tokens, and bundled styles.",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
package/src/styles.css CHANGED
@@ -163,7 +163,7 @@
163
163
  display: inline-flex;
164
164
  align-items: center;
165
165
  justify-content: center;
166
- background: #ffffff;
166
+ background: var(--malix-background-main);
167
167
  border: 1px solid var(--malix-border);
168
168
  flex-shrink: 0;
169
169
  }
@@ -172,7 +172,7 @@
172
172
  font-family: var(--malix-font-body);
173
173
  font-size: var(--malix-text-base);
174
174
  font-weight: var(--malix-weight-semibold);
175
- color: #3a3a3a;
175
+ color: var(--malix-foreground);
176
176
  line-height: 1;
177
177
  }
178
178
 
@@ -386,7 +386,7 @@
386
386
  font-family: var(--malix-font-body);
387
387
  font-size: var(--malix-text-base);
388
388
  font-weight: var(--malix-weight-normal);
389
- color: #696969;
389
+ color: var(--malix-foreground-secondary);
390
390
  transition: background-color 120ms ease, color 120ms ease;
391
391
  text-align: left;
392
392
  }
@@ -398,8 +398,8 @@
398
398
  }
399
399
 
400
400
  .malix-sidebar-item[data-active] {
401
- background: #f3f3f3;
402
- color: #3a3a3a;
401
+ background: var(--malix-surface-hover);
402
+ color: var(--malix-foreground);
403
403
  font-weight: var(--malix-weight-semibold);
404
404
  }
405
405
 
@@ -477,8 +477,8 @@
477
477
  }
478
478
 
479
479
  .malix-flyout-menu__item[data-active] {
480
- background: #f3f3f3;
481
- color: #3a3a3a;
480
+ background: var(--malix-surface-hover);
481
+ color: var(--malix-foreground);
482
482
  font-weight: var(--malix-weight-medium);
483
483
  }
484
484
 
@@ -560,8 +560,8 @@
560
560
  .malix-sidebar-panel[data-collapsed] .malix-sidebar-panel__toggle {
561
561
  width: 32px;
562
562
  height: 32px;
563
- background: #f3f3f3;
564
- color: #3a3a3a;
563
+ background: var(--malix-surface-hover);
564
+ color: var(--malix-foreground);
565
565
  border-radius: var(--malix-radius-sm);
566
566
  }
567
567