@eaera-com/eaera-widgets-v2 0.1.77 → 0.1.79

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 (4) hide show
  1. package/dist/design-system/components/_table.scss +28 -12
  2. package/dist/design-system/themes/aurora/layers/_layer1-palettes.scss +29 -0
  3. package/dist/design-system/themes/core/layers/_layer1-palettes.scss +29 -0
  4. package/package.json +1 -1
package/dist/design-system/components/_table.scss CHANGED
@@ -1,5 +1,5 @@
1
- @use '../themes/aurora/typography/typography-utils' as typo;
2
- @use 'checkbox' as chk;
1
+ @use "../themes/aurora/typography/typography-utils" as typo;
2
+ @use "checkbox" as chk;
3
3
 
4
4
  // ============================================================================
5
5
  // TABLE DENSITY TOKENS
@@ -18,10 +18,18 @@
18
18
  // <eaera-table-v2 style="--er-table-row-min-height: 48px" />
19
19
  // ============================================================================
20
20
  :root {
21
- --er-table-cell-padding-x: var(--er-shape-spacing-100); // 8px — cell left/right
22
- --er-table-header-cell-padding-y: var(--er-shape-spacing-150); // 12px — header top/bottom
23
- --er-table-body-cell-padding-y: var(--er-shape-spacing-100); // 8px — body top/bottom
24
- --er-table-row-min-height: var(--er-shape-spacing-500); // 40px — data row height
21
+ --er-table-cell-padding-x: var(
22
+ --er-shape-spacing-100
23
+ ); // 8px — cell left/right
24
+ --er-table-header-cell-padding-y: var(
25
+ --er-shape-spacing-150
26
+ ); // 12px — header top/bottom
27
+ --er-table-body-cell-padding-y: var(
28
+ --er-shape-spacing-100
29
+ ); // 8px — body top/bottom
30
+ --er-table-row-min-height: var(
31
+ --er-shape-spacing-500
32
+ ); // 40px — data row height
25
33
  --er-table-row-divider: var(--er-border-subtle); // 1px — row bottom divider
26
34
  }
27
35
 
@@ -46,8 +54,10 @@
46
54
 
47
55
  .el-table__body
48
56
  tr.hover-row
49
- > td.el-table__cell:not(.el-table-fixed-column--left):not(.el-table-fixed-column--right) {
50
- background-color: var(--er-surface-brand-subtle) !important;
57
+ > td.el-table__cell:not(.el-table-fixed-column--left):not(
58
+ .el-table-fixed-column--right
59
+ ) {
60
+ background-color: var(--er-action-primary-subtle-hover) !important;
51
61
  }
52
62
 
53
63
  // ─────────────────────────────────────────────────────────────────────
@@ -68,7 +78,8 @@
68
78
  th {
69
79
  @include typo.label-md;
70
80
  min-height: var(--er-table-row-min-height);
71
- padding: var(--er-table-header-cell-padding-y) var(--er-table-cell-padding-x);
81
+ padding: var(--er-table-header-cell-padding-y)
82
+ var(--er-table-cell-padding-x);
72
83
  background-color: var(--er-surface-muted);
73
84
  color: var(--er-text-secondary);
74
85
  border-bottom: none;
@@ -310,7 +321,8 @@
310
321
  .cell {
311
322
  @include typo.body-md;
312
323
  color: var(--er-text-primary);
313
- padding: var(--er-table-body-cell-padding-y) var(--er-table-cell-padding-x);
324
+ padding: var(--er-table-body-cell-padding-y)
325
+ var(--er-table-cell-padding-x);
314
326
  }
315
327
 
316
328
  &:first-child {
@@ -411,7 +423,7 @@
411
423
  position: relative;
412
424
 
413
425
  &::before {
414
- content: '';
426
+ content: "";
415
427
  transition: background-color 0.25s 1ms;
416
428
  inset: 0;
417
429
  @extend %table-fixed-overlay;
@@ -468,7 +480,11 @@
468
480
  // LOADING STATE
469
481
  // ─────────────────────────────────────────────────────────────────────
470
482
 
471
- .el-table__body-wrapper .el-table--enable-row-hover .el-table__body tr:hover > td {
483
+ .el-table__body-wrapper
484
+ .el-table--enable-row-hover
485
+ .el-table__body
486
+ tr:hover
487
+ > td {
472
488
  background-color: var(--er-action-primary-subtle-hover);
473
489
  }
474
490
 
package/dist/design-system/themes/aurora/layers/_layer1-palettes.scss CHANGED
@@ -214,6 +214,35 @@
214
214
  --er-red-alpha-400: #ef444447; // #EF4444 @ 27.84%
215
215
  --er-red-alpha-500: #ef444466; // #EF4444 @ 40%
216
216
 
217
+ // ─────────────────────────────────────────────────────────────────────────
218
+ // ORANGE PALETTE
219
+ // Source: CORE TOKENS (PUBLISH) — Orange core scale (var-set 9541:64774)
220
+ // File: https://www.figma.com/design/F4HxJOrQoKf8hs5IWTZphW
221
+ // ─────────────────────────────────────────────────────────────────────────
222
+ --er-orange-50: #fff7ed;
223
+ --er-orange-100: #ffedd5;
224
+ --er-orange-200: #fed7aa;
225
+ --er-orange-300: #fdba74;
226
+ --er-orange-400: #fb923c;
227
+ --er-orange-500: #f97316; // Base color
228
+ --er-orange-600: #ea580c;
229
+ --er-orange-700: #c2410c;
230
+ --er-orange-800: #9a3412;
231
+ --er-orange-900: #7c2d12;
232
+ --er-orange-950: #431407;
233
+
234
+ // ─────────────────────────────────────────────────────────────────────────
235
+ // ORANGE ALPHA PALETTE
236
+ // Figma: Orange Alpha scale — #F97316 (orange-500) with alpha percentages
237
+ // ─────────────────────────────────────────────────────────────────────────
238
+ --er-orange-alpha-50: #f973160a; // #F97316 @ 3.92%
239
+ --er-orange-alpha-75: #f973160f; // #F97316 @ 6%
240
+ --er-orange-alpha-100: #f9731614; // #F97316 @ 7.84%
241
+ --er-orange-alpha-200: #f973161f; // #F97316 @ 12.16%
242
+ --er-orange-alpha-300: #f9731633; // #F97316 @ 20%
243
+ --er-orange-alpha-400: #f9731647; // #F97316 @ 27.84%
244
+ --er-orange-alpha-500: #f9731666; // #F97316 @ 40%
245
+
217
246
  // ─────────────────────────────────────────────────────────────────────────
218
247
  // SKY CYAN PALETTE (Information)
219
248
  // Frame ID: 36985:66
package/dist/design-system/themes/core/layers/_layer1-palettes.scss CHANGED
@@ -214,6 +214,35 @@
214
214
  --er-red-alpha-400: #ef444447; // #EF4444 @ 27.84%
215
215
  --er-red-alpha-500: #ef444466; // #EF4444 @ 40%
216
216
 
217
+ // ─────────────────────────────────────────────────────────────────────────
218
+ // ORANGE PALETTE
219
+ // Source: CORE TOKENS (PUBLISH) — Orange core scale (var-set 9541:64774)
220
+ // File: https://www.figma.com/design/F4HxJOrQoKf8hs5IWTZphW
221
+ // ─────────────────────────────────────────────────────────────────────────
222
+ --er-orange-50: #fff7ed;
223
+ --er-orange-100: #ffedd5;
224
+ --er-orange-200: #fed7aa;
225
+ --er-orange-300: #fdba74;
226
+ --er-orange-400: #fb923c;
227
+ --er-orange-500: #f97316; // Base color
228
+ --er-orange-600: #ea580c;
229
+ --er-orange-700: #c2410c;
230
+ --er-orange-800: #9a3412;
231
+ --er-orange-900: #7c2d12;
232
+ --er-orange-950: #431407;
233
+
234
+ // ─────────────────────────────────────────────────────────────────────────
235
+ // ORANGE ALPHA PALETTE
236
+ // Figma: Orange Alpha scale — #F97316 (orange-500) with alpha percentages
237
+ // ─────────────────────────────────────────────────────────────────────────
238
+ --er-orange-alpha-50: #f973160a; // #F97316 @ 3.92%
239
+ --er-orange-alpha-75: #f973160f; // #F97316 @ 6%
240
+ --er-orange-alpha-100: #f9731614; // #F97316 @ 7.84%
241
+ --er-orange-alpha-200: #f973161f; // #F97316 @ 12.16%
242
+ --er-orange-alpha-300: #f9731633; // #F97316 @ 20%
243
+ --er-orange-alpha-400: #f9731647; // #F97316 @ 27.84%
244
+ --er-orange-alpha-500: #f9731666; // #F97316 @ 40%
245
+
217
246
  // ─────────────────────────────────────────────────────────────────────────
218
247
  // SKY CYAN PALETTE (Information)
219
248
  // Frame ID: 36985:66
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eaera-com/eaera-widgets-v2",
3
- "version": "0.1.77",
3
+ "version": "0.1.79",
4
4
  "description": "Vue 3 UI widget library shared across Eaera CRM products",
5
5
  "keywords": [
6
6
  "vue",