@hug/hospitality 0.0.4-alpha.7 → 0.0.4-alpha.9

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 (6) hide show
  1. package/package.json +6 -1
  2. package/src/components/form-field/form-field.provider.d.ts +3 -0
  3. package/src/components/form-field/form-field.provider.mjs +6 -0
  4. package/src/components/form-field/form-fields.scss +97 -0
  5. package/src/tokens/tokens.css +26 -26
  6. package/src/tokens/tokens.json +100 -100
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hug/hospitality",
3
- "version": "0.0.4-alpha.7",
3
+ "version": "0.0.4-alpha.9",
4
4
  "description": "Hospitality Design System",
5
5
  "homepage": "https://github.com/dsi-hug/hospitality",
6
6
  "license": "GPL-3.0-only",
@@ -17,6 +17,11 @@
17
17
  "tag": "latest"
18
18
  },
19
19
  "exports": {
20
+ "./form-field": "./src/components/form-field/form-fields.scss",
21
+ "./form-field/provider": {
22
+ "types": "./src/components/form-field/form-field.provider.d.ts",
23
+ "default": "./src/components/form-field/form-field.provider.mjs"
24
+ },
20
25
  "./tokens": {
21
26
  "require": "./src/tokens/index.mjs",
22
27
  "types": "./src/tokens/index.d.ts",
package/src/components/form-field/form-field.provider.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { Provider } from '@angular/core';
2
+
3
+ export declare function provideHyFormField(): Provider;
package/src/components/form-field/form-field.provider.mjs ADDED
@@ -0,0 +1,6 @@
1
+ import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
2
+
3
+ export const provideHyFormField = () => ({
4
+ provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
5
+ useValue: { appearance: 'outline' }
6
+ });
package/src/components/form-field/form-fields.scss ADDED
@@ -0,0 +1,97 @@
1
+ @use "@angular/material" as mat;
2
+
3
+ mat-form-field {
4
+ @include mat.form-field-density(-2);
5
+ @include mat.form-field-overrides(
6
+ (
7
+ outlined-focus-label-text-color: var(--mat-sys-primary),
8
+ outlined-focus-outline-color: var(--mat-sys-primary),
9
+ outlined-focus-outline-width: 3px,
10
+ outlined-error-label-text-color: var(--mat-sys-error),
11
+ outlined-error-focus-label-text-color: var(--mat-sys-error),
12
+ outlined-error-outline-color: var(--mat-sys-error),
13
+ outlined-error-caret-color: var(--mat-sys-error),
14
+ outlined-input-text-placeholder-color:
15
+ var(--mat-sys-on-surface-variant),
16
+ )
17
+ );
18
+
19
+ .mat-mdc-floating-label {
20
+ top: 50%;
21
+ }
22
+
23
+ &:has(textarea) {
24
+ &[size="small"] {
25
+ .mat-mdc-form-field-icon-suffix {
26
+ padding: 0.5rem 0;
27
+
28
+ mat-icon {
29
+ padding-top: 2px;
30
+ }
31
+ }
32
+ }
33
+
34
+ &[size="large"] {
35
+ .mat-mdc-form-field-icon-suffix {
36
+ padding: 1rem 0;
37
+ }
38
+ }
39
+
40
+ .mat-mdc-form-field-icon-suffix {
41
+ height: -webkit-fill-available;
42
+ display: flex;
43
+ align-items: flex-start;
44
+ justify-content: center;
45
+ padding-bottom: 0.75rem;
46
+ padding-top: 0.75rem;
47
+ margin-left: 4px;
48
+ }
49
+ }
50
+
51
+ &[size="small"] {
52
+ @include mat.form-field-density(-4);
53
+
54
+ .mat-mdc-form-field-icon-suffix,
55
+ .mat-mdc-form-field-icon-prefix {
56
+ button {
57
+ margin: 0 0.5rem;
58
+ }
59
+
60
+ mat-icon {
61
+ font-size: 1.25rem;
62
+ width: 1.25rem;
63
+ height: 1.25rem;
64
+ }
65
+ }
66
+ }
67
+
68
+ &[size="large"] {
69
+ @include mat.form-field-density(0);
70
+ }
71
+
72
+ &.mat-form-field-disabled {
73
+ mat-hint {
74
+ color: color-mix(
75
+ in srgb,
76
+ var(--mat-sys-on-surface-variant) 38%,
77
+ transparent
78
+ );
79
+ }
80
+ }
81
+
82
+ > .mat-mdc-text-field-wrapper {
83
+ background-color: var(--mat-sys-surface-container-lowest);
84
+ }
85
+
86
+ .mat-mdc-form-field-icon-suffix,
87
+ .mat-mdc-form-field-icon-prefix {
88
+ width: 48px;
89
+ button {
90
+ margin: 0 0.25rem;
91
+ }
92
+ }
93
+
94
+ mat-hint {
95
+ color: var(--mat-sys-on-surface-variant);
96
+ }
97
+ }
package/src/tokens/tokens.css CHANGED
@@ -438,20 +438,20 @@
438
438
  var(--hy-color-ref-warning-90)
439
439
  );
440
440
  --hy-color-background: light-dark(
441
- var(--hy-color-ref-neutral-99),
442
- var(--hy-color-ref-neutral-10)
441
+ var(--hy-color-ref-neutral-variant-99),
442
+ var(--hy-color-ref-neutral-variant-10)
443
443
  );
444
444
  --hy-color-on-background: light-dark(
445
- var(--hy-color-ref-neutral-10),
446
- var(--hy-color-ref-neutral-90)
445
+ var(--hy-color-ref-neutral-variant-10),
446
+ var(--hy-color-ref-neutral-variant-90)
447
447
  );
448
448
  --hy-color-surface: light-dark(
449
- var(--hy-color-ref-neutral-98),
450
- var(--hy-color-ref-neutral-10)
449
+ var(--hy-color-ref-neutral-variant-98),
450
+ var(--hy-color-ref-neutral-variant-10)
451
451
  );
452
452
  --hy-color-on-surface: light-dark(
453
- var(--hy-color-ref-neutral-10),
454
- var(--hy-color-ref-neutral-90)
453
+ var(--hy-color-ref-neutral-variant-10),
454
+ var(--hy-color-ref-neutral-variant-90)
455
455
  );
456
456
  --hy-color-surface-variant: light-dark(
457
457
  var(--hy-color-ref-neutral-variant-90),
@@ -462,12 +462,12 @@
462
462
  var(--hy-color-ref-neutral-variant-80)
463
463
  );
464
464
  --hy-color-inverse-surface: light-dark(
465
- var(--hy-color-ref-neutral-20),
466
- var(--hy-color-ref-neutral-90)
465
+ var(--hy-color-ref-neutral-variant-20),
466
+ var(--hy-color-ref-neutral-variant-90)
467
467
  );
468
468
  --hy-color-inverse-on-surface: light-dark(
469
- var(--hy-color-ref-neutral-95),
470
- var(--hy-color-ref-neutral-20)
469
+ var(--hy-color-ref-neutral-variant-95),
470
+ var(--hy-color-ref-neutral-variant-20)
471
471
  );
472
472
  --hy-color-inverse-primary: light-dark(
473
473
  var(--hy-color-ref-primary-80),
@@ -542,32 +542,32 @@
542
542
  var(--hy-color-ref-tertiary-30)
543
543
  );
544
544
  --hy-color-surface-dim: light-dark(
545
- var(--hy-color-ref-neutral-90),
546
- var(--hy-color-ref-neutral-10)
545
+ var(--hy-color-ref-neutral-variant-90),
546
+ var(--hy-color-ref-neutral-variant-10)
547
547
  );
548
548
  --hy-color-surface-bright: light-dark(
549
- var(--hy-color-ref-neutral-98),
550
- var(--hy-color-ref-neutral-20)
549
+ var(--hy-color-ref-neutral-variant-98),
550
+ var(--hy-color-ref-neutral-variant-20)
551
551
  );
552
552
  --hy-color-surface-container-lowest: light-dark(
553
- var(--hy-color-ref-neutral-100),
554
- var(--hy-color-ref-neutral-5)
553
+ var(--hy-color-ref-neutral-variant-100),
554
+ var(--hy-color-ref-neutral-variant-5)
555
555
  );
556
556
  --hy-color-surface-container-low: light-dark(
557
- var(--hy-color-ref-neutral-95),
558
- var(--hy-color-ref-neutral-10)
557
+ var(--hy-color-ref-neutral-variant-98),
558
+ var(--hy-color-ref-neutral-variant-10)
559
559
  );
560
560
  --hy-color-surface-container: light-dark(
561
- var(--hy-color-ref-neutral-95),
562
- var(--hy-color-ref-neutral-15)
561
+ var(--hy-color-ref-neutral-variant-95),
562
+ var(--hy-color-ref-neutral-variant-15)
563
563
  );
564
564
  --hy-color-surface-container-high: light-dark(
565
- var(--hy-color-ref-neutral-90),
566
- var(--hy-color-ref-neutral-15)
565
+ var(--hy-color-ref-neutral-variant-90),
566
+ var(--hy-color-ref-neutral-variant-20)
567
567
  );
568
568
  --hy-color-surface-container-highest: light-dark(
569
- var(--hy-color-ref-neutral-90),
570
- var(--hy-color-ref-neutral-20)
569
+ var(--hy-color-ref-neutral-variant-80),
570
+ var(--hy-color-ref-neutral-variant-25)
571
571
  );
572
572
 
573
573
  /**
package/src/tokens/tokens.json CHANGED
@@ -2209,8 +2209,8 @@
2209
2209
  "type": "COLOR",
2210
2210
  "reference": [
2211
2211
  {
2212
- "id": "VariableID:59803:224",
2213
- "name": "hy-color-ref-neutral-99",
2212
+ "id": "VariableID:59803:242",
2213
+ "name": "hy-color-ref-neutral-variant-99",
2214
2214
  "type": "COLOR",
2215
2215
  "value": "#fcfcffff"
2216
2216
  }
@@ -2223,13 +2223,13 @@
2223
2223
  "type": "COLOR",
2224
2224
  "reference": [
2225
2225
  {
2226
- "id": "VariableID:59803:238",
2227
- "name": "hy-color-ref-neutral-10",
2226
+ "id": "VariableID:59803:256",
2227
+ "name": "hy-color-ref-neutral-variant-10",
2228
2228
  "type": "COLOR",
2229
- "value": "#1a1c1eff"
2229
+ "value": "#171c22ff"
2230
2230
  }
2231
2231
  ],
2232
- "_referenceValue": "#1a1c1eff",
2232
+ "_referenceValue": "#171c22ff",
2233
2233
  "id": "VariableID:59803:492"
2234
2234
  },
2235
2235
  {
@@ -2237,13 +2237,13 @@
2237
2237
  "type": "COLOR",
2238
2238
  "reference": [
2239
2239
  {
2240
- "id": "VariableID:59803:225",
2241
- "name": "hy-color-ref-neutral-98",
2240
+ "id": "VariableID:59803:243",
2241
+ "name": "hy-color-ref-neutral-variant-98",
2242
2242
  "type": "COLOR",
2243
- "value": "#f9f9fcff"
2243
+ "value": "#f7f9ffff"
2244
2244
  }
2245
2245
  ],
2246
- "_referenceValue": "#f9f9fcff",
2246
+ "_referenceValue": "#f7f9ffff",
2247
2247
  "id": "VariableID:59803:493"
2248
2248
  },
2249
2249
  {
@@ -2251,13 +2251,13 @@
2251
2251
  "type": "COLOR",
2252
2252
  "reference": [
2253
2253
  {
2254
- "id": "VariableID:59803:238",
2255
- "name": "hy-color-ref-neutral-10",
2254
+ "id": "VariableID:59803:256",
2255
+ "name": "hy-color-ref-neutral-variant-10",
2256
2256
  "type": "COLOR",
2257
- "value": "#1a1c1eff"
2257
+ "value": "#171c22ff"
2258
2258
  }
2259
2259
  ],
2260
- "_referenceValue": "#1a1c1eff",
2260
+ "_referenceValue": "#171c22ff",
2261
2261
  "id": "VariableID:59803:494"
2262
2262
  },
2263
2263
  {
@@ -2293,13 +2293,13 @@
2293
2293
  "type": "COLOR",
2294
2294
  "reference": [
2295
2295
  {
2296
- "id": "VariableID:59803:236",
2297
- "name": "hy-color-ref-neutral-20",
2296
+ "id": "VariableID:59803:254",
2297
+ "name": "hy-color-ref-neutral-variant-20",
2298
2298
  "type": "COLOR",
2299
- "value": "#2f3033ff"
2299
+ "value": "#2c3137ff"
2300
2300
  }
2301
2301
  ],
2302
- "_referenceValue": "#2f3033ff",
2302
+ "_referenceValue": "#2c3137ff",
2303
2303
  "id": "VariableID:59803:497"
2304
2304
  },
2305
2305
  {
@@ -2307,13 +2307,13 @@
2307
2307
  "type": "COLOR",
2308
2308
  "reference": [
2309
2309
  {
2310
- "id": "VariableID:59803:226",
2311
- "name": "hy-color-ref-neutral-95",
2310
+ "id": "VariableID:59803:244",
2311
+ "name": "hy-color-ref-neutral-variant-95",
2312
2312
  "type": "COLOR",
2313
- "value": "#f1f0f4ff"
2313
+ "value": "#edf1f9ff"
2314
2314
  }
2315
2315
  ],
2316
- "_referenceValue": "#f1f0f4ff",
2316
+ "_referenceValue": "#edf1f9ff",
2317
2317
  "id": "VariableID:59803:498"
2318
2318
  },
2319
2319
  {
@@ -2573,13 +2573,13 @@
2573
2573
  "type": "COLOR",
2574
2574
  "reference": [
2575
2575
  {
2576
- "id": "VariableID:59803:227",
2577
- "name": "hy-color-ref-neutral-90",
2576
+ "id": "VariableID:59803:245",
2577
+ "name": "hy-color-ref-neutral-variant-90",
2578
2578
  "type": "COLOR",
2579
- "value": "#e2e2e5ff"
2579
+ "value": "#dfe3ebff"
2580
2580
  }
2581
2581
  ],
2582
- "_referenceValue": "#e2e2e5ff",
2582
+ "_referenceValue": "#dfe3ebff",
2583
2583
  "id": "VariableID:59803:517"
2584
2584
  },
2585
2585
  {
@@ -2587,13 +2587,13 @@
2587
2587
  "type": "COLOR",
2588
2588
  "reference": [
2589
2589
  {
2590
- "id": "VariableID:59803:225",
2591
- "name": "hy-color-ref-neutral-98",
2590
+ "id": "VariableID:59803:243",
2591
+ "name": "hy-color-ref-neutral-variant-98",
2592
2592
  "type": "COLOR",
2593
- "value": "#f9f9fcff"
2593
+ "value": "#f7f9ffff"
2594
2594
  }
2595
2595
  ],
2596
- "_referenceValue": "#f9f9fcff",
2596
+ "_referenceValue": "#f7f9ffff",
2597
2597
  "id": "VariableID:59803:518"
2598
2598
  },
2599
2599
  {
@@ -2601,8 +2601,8 @@
2601
2601
  "type": "COLOR",
2602
2602
  "reference": [
2603
2603
  {
2604
- "id": "VariableID:59803:223",
2605
- "name": "hy-color-ref-neutral-100",
2604
+ "id": "VariableID:59803:241",
2605
+ "name": "hy-color-ref-neutral-variant-100",
2606
2606
  "type": "COLOR",
2607
2607
  "value": "#ffffffff"
2608
2608
  }
@@ -2615,13 +2615,13 @@
2615
2615
  "type": "COLOR",
2616
2616
  "reference": [
2617
2617
  {
2618
- "id": "VariableID:59803:226",
2619
- "name": "hy-color-ref-neutral-95",
2618
+ "id": "VariableID:59803:243",
2619
+ "name": "hy-color-ref-neutral-variant-98",
2620
2620
  "type": "COLOR",
2621
- "value": "#f1f0f4ff"
2621
+ "value": "#f7f9ffff"
2622
2622
  }
2623
2623
  ],
2624
- "_referenceValue": "#f1f0f4ff",
2624
+ "_referenceValue": "#f7f9ffff",
2625
2625
  "id": "VariableID:59803:520"
2626
2626
  },
2627
2627
  {
@@ -2629,13 +2629,13 @@
2629
2629
  "type": "COLOR",
2630
2630
  "reference": [
2631
2631
  {
2632
- "id": "VariableID:59803:226",
2633
- "name": "hy-color-ref-neutral-95",
2632
+ "id": "VariableID:59803:244",
2633
+ "name": "hy-color-ref-neutral-variant-95",
2634
2634
  "type": "COLOR",
2635
- "value": "#f1f0f4ff"
2635
+ "value": "#edf1f9ff"
2636
2636
  }
2637
2637
  ],
2638
- "_referenceValue": "#f1f0f4ff",
2638
+ "_referenceValue": "#edf1f9ff",
2639
2639
  "id": "VariableID:59803:521"
2640
2640
  },
2641
2641
  {
@@ -2643,13 +2643,13 @@
2643
2643
  "type": "COLOR",
2644
2644
  "reference": [
2645
2645
  {
2646
- "id": "VariableID:59803:227",
2647
- "name": "hy-color-ref-neutral-90",
2646
+ "id": "VariableID:59803:245",
2647
+ "name": "hy-color-ref-neutral-variant-90",
2648
2648
  "type": "COLOR",
2649
- "value": "#e2e2e5ff"
2649
+ "value": "#dfe3ebff"
2650
2650
  }
2651
2651
  ],
2652
- "_referenceValue": "#e2e2e5ff",
2652
+ "_referenceValue": "#dfe3ebff",
2653
2653
  "id": "VariableID:59803:522"
2654
2654
  },
2655
2655
  {
@@ -2657,13 +2657,13 @@
2657
2657
  "type": "COLOR",
2658
2658
  "reference": [
2659
2659
  {
2660
- "id": "VariableID:59803:227",
2661
- "name": "hy-color-ref-neutral-90",
2660
+ "id": "VariableID:59803:246",
2661
+ "name": "hy-color-ref-neutral-variant-80",
2662
2662
  "type": "COLOR",
2663
- "value": "#e2e2e5ff"
2663
+ "value": "#c2c7ceff"
2664
2664
  }
2665
2665
  ],
2666
- "_referenceValue": "#e2e2e5ff",
2666
+ "_referenceValue": "#c2c7ceff",
2667
2667
  "id": "VariableID:59803:523"
2668
2668
  }
2669
2669
  ],
@@ -2953,13 +2953,13 @@
2953
2953
  "type": "COLOR",
2954
2954
  "reference": [
2955
2955
  {
2956
- "id": "VariableID:59803:238",
2957
- "name": "hy-color-ref-neutral-10",
2956
+ "id": "VariableID:59803:256",
2957
+ "name": "hy-color-ref-neutral-variant-10",
2958
2958
  "type": "COLOR",
2959
- "value": "#1a1c1eff"
2959
+ "value": "#171c22ff"
2960
2960
  }
2961
2961
  ],
2962
- "_referenceValue": "#1a1c1eff",
2962
+ "_referenceValue": "#171c22ff",
2963
2963
  "id": "VariableID:59803:491"
2964
2964
  },
2965
2965
  {
@@ -2967,13 +2967,13 @@
2967
2967
  "type": "COLOR",
2968
2968
  "reference": [
2969
2969
  {
2970
- "id": "VariableID:59803:227",
2971
- "name": "hy-color-ref-neutral-90",
2970
+ "id": "VariableID:59803:245",
2971
+ "name": "hy-color-ref-neutral-variant-90",
2972
2972
  "type": "COLOR",
2973
- "value": "#e2e2e5ff"
2973
+ "value": "#dfe3ebff"
2974
2974
  }
2975
2975
  ],
2976
- "_referenceValue": "#e2e2e5ff",
2976
+ "_referenceValue": "#dfe3ebff",
2977
2977
  "id": "VariableID:59803:492"
2978
2978
  },
2979
2979
  {
@@ -2981,13 +2981,13 @@
2981
2981
  "type": "COLOR",
2982
2982
  "reference": [
2983
2983
  {
2984
- "id": "VariableID:59803:238",
2985
- "name": "hy-color-ref-neutral-10",
2984
+ "id": "VariableID:59803:256",
2985
+ "name": "hy-color-ref-neutral-variant-10",
2986
2986
  "type": "COLOR",
2987
- "value": "#1a1c1eff"
2987
+ "value": "#171c22ff"
2988
2988
  }
2989
2989
  ],
2990
- "_referenceValue": "#1a1c1eff",
2990
+ "_referenceValue": "#171c22ff",
2991
2991
  "id": "VariableID:59803:493"
2992
2992
  },
2993
2993
  {
@@ -2995,13 +2995,13 @@
2995
2995
  "type": "COLOR",
2996
2996
  "reference": [
2997
2997
  {
2998
- "id": "VariableID:59803:227",
2999
- "name": "hy-color-ref-neutral-90",
2998
+ "id": "VariableID:59803:245",
2999
+ "name": "hy-color-ref-neutral-variant-90",
3000
3000
  "type": "COLOR",
3001
- "value": "#e2e2e5ff"
3001
+ "value": "#dfe3ebff"
3002
3002
  }
3003
3003
  ],
3004
- "_referenceValue": "#e2e2e5ff",
3004
+ "_referenceValue": "#dfe3ebff",
3005
3005
  "id": "VariableID:59803:494"
3006
3006
  },
3007
3007
  {
@@ -3037,13 +3037,13 @@
3037
3037
  "type": "COLOR",
3038
3038
  "reference": [
3039
3039
  {
3040
- "id": "VariableID:59803:227",
3041
- "name": "hy-color-ref-neutral-90",
3040
+ "id": "VariableID:59803:245",
3041
+ "name": "hy-color-ref-neutral-variant-90",
3042
3042
  "type": "COLOR",
3043
- "value": "#e2e2e5ff"
3043
+ "value": "#dfe3ebff"
3044
3044
  }
3045
3045
  ],
3046
- "_referenceValue": "#e2e2e5ff",
3046
+ "_referenceValue": "#dfe3ebff",
3047
3047
  "id": "VariableID:59803:497"
3048
3048
  },
3049
3049
  {
@@ -3051,13 +3051,13 @@
3051
3051
  "type": "COLOR",
3052
3052
  "reference": [
3053
3053
  {
3054
- "id": "VariableID:59803:236",
3055
- "name": "hy-color-ref-neutral-20",
3054
+ "id": "VariableID:59803:254",
3055
+ "name": "hy-color-ref-neutral-variant-20",
3056
3056
  "type": "COLOR",
3057
- "value": "#2f3033ff"
3057
+ "value": "#2c3137ff"
3058
3058
  }
3059
3059
  ],
3060
- "_referenceValue": "#2f3033ff",
3060
+ "_referenceValue": "#2c3137ff",
3061
3061
  "id": "VariableID:59803:498"
3062
3062
  },
3063
3063
  {
@@ -3317,13 +3317,13 @@
3317
3317
  "type": "COLOR",
3318
3318
  "reference": [
3319
3319
  {
3320
- "id": "VariableID:59803:238",
3321
- "name": "hy-color-ref-neutral-10",
3320
+ "id": "VariableID:59803:256",
3321
+ "name": "hy-color-ref-neutral-variant-10",
3322
3322
  "type": "COLOR",
3323
- "value": "#1a1c1eff"
3323
+ "value": "#171c22ff"
3324
3324
  }
3325
3325
  ],
3326
- "_referenceValue": "#1a1c1eff",
3326
+ "_referenceValue": "#171c22ff",
3327
3327
  "id": "VariableID:59803:517"
3328
3328
  },
3329
3329
  {
@@ -3331,13 +3331,13 @@
3331
3331
  "type": "COLOR",
3332
3332
  "reference": [
3333
3333
  {
3334
- "id": "VariableID:59803:236",
3335
- "name": "hy-color-ref-neutral-20",
3334
+ "id": "VariableID:59803:254",
3335
+ "name": "hy-color-ref-neutral-variant-20",
3336
3336
  "type": "COLOR",
3337
- "value": "#2f3033ff"
3337
+ "value": "#2c3137ff"
3338
3338
  }
3339
3339
  ],
3340
- "_referenceValue": "#2f3033ff",
3340
+ "_referenceValue": "#2c3137ff",
3341
3341
  "id": "VariableID:59803:518"
3342
3342
  },
3343
3343
  {
@@ -3345,13 +3345,13 @@
3345
3345
  "type": "COLOR",
3346
3346
  "reference": [
3347
3347
  {
3348
- "id": "VariableID:59803:239",
3349
- "name": "hy-color-ref-neutral-5",
3348
+ "id": "VariableID:59803:257",
3349
+ "name": "hy-color-ref-neutral-variant-5",
3350
3350
  "type": "COLOR",
3351
- "value": "#0f1113ff"
3351
+ "value": "#0c1117ff"
3352
3352
  }
3353
3353
  ],
3354
- "_referenceValue": "#0f1113ff",
3354
+ "_referenceValue": "#0c1117ff",
3355
3355
  "id": "VariableID:59803:519"
3356
3356
  },
3357
3357
  {
@@ -3359,13 +3359,13 @@
3359
3359
  "type": "COLOR",
3360
3360
  "reference": [
3361
3361
  {
3362
- "id": "VariableID:59803:238",
3363
- "name": "hy-color-ref-neutral-10",
3362
+ "id": "VariableID:59803:256",
3363
+ "name": "hy-color-ref-neutral-variant-10",
3364
3364
  "type": "COLOR",
3365
- "value": "#1a1c1eff"
3365
+ "value": "#171c22ff"
3366
3366
  }
3367
3367
  ],
3368
- "_referenceValue": "#1a1c1eff",
3368
+ "_referenceValue": "#171c22ff",
3369
3369
  "id": "VariableID:59803:520"
3370
3370
  },
3371
3371
  {
@@ -3373,13 +3373,13 @@
3373
3373
  "type": "COLOR",
3374
3374
  "reference": [
3375
3375
  {
3376
- "id": "VariableID:59803:237",
3377
- "name": "hy-color-ref-neutral-15",
3376
+ "id": "VariableID:59803:255",
3377
+ "name": "hy-color-ref-neutral-variant-15",
3378
3378
  "type": "COLOR",
3379
- "value": "#242628ff"
3379
+ "value": "#21262cff"
3380
3380
  }
3381
3381
  ],
3382
- "_referenceValue": "#242628ff",
3382
+ "_referenceValue": "#21262cff",
3383
3383
  "id": "VariableID:59803:521"
3384
3384
  },
3385
3385
  {
@@ -3387,13 +3387,13 @@
3387
3387
  "type": "COLOR",
3388
3388
  "reference": [
3389
3389
  {
3390
- "id": "VariableID:59803:237",
3391
- "name": "hy-color-ref-neutral-15",
3390
+ "id": "VariableID:59803:254",
3391
+ "name": "hy-color-ref-neutral-variant-20",
3392
3392
  "type": "COLOR",
3393
- "value": "#242628ff"
3393
+ "value": "#2c3137ff"
3394
3394
  }
3395
3395
  ],
3396
- "_referenceValue": "#242628ff",
3396
+ "_referenceValue": "#2c3137ff",
3397
3397
  "id": "VariableID:59803:522"
3398
3398
  },
3399
3399
  {
@@ -3401,13 +3401,13 @@
3401
3401
  "type": "COLOR",
3402
3402
  "reference": [
3403
3403
  {
3404
- "id": "VariableID:59803:236",
3405
- "name": "hy-color-ref-neutral-20",
3404
+ "id": "VariableID:59803:253",
3405
+ "name": "hy-color-ref-neutral-variant-25",
3406
3406
  "type": "COLOR",
3407
- "value": "#2f3033ff"
3407
+ "value": "#373c42ff"
3408
3408
  }
3409
3409
  ],
3410
- "_referenceValue": "#2f3033ff",
3410
+ "_referenceValue": "#373c42ff",
3411
3411
  "id": "VariableID:59803:523"
3412
3412
  }
3413
3413
  ]