@latty-ds/web 0.8.0 → 0.9.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.
Files changed (36) hide show
  1. package/custom-elements.json +31 -31
  2. package/dist/components/accordion/index.js +2 -2
  3. package/dist/components/alert/index.js +2 -2
  4. package/dist/components/avatar/index.js +1 -1
  5. package/dist/components/badge/index.js +1 -1
  6. package/dist/components/breadcrumb/index.js +1 -1
  7. package/dist/components/button/index.js +1 -1
  8. package/dist/components/calendar/index.js +1 -1
  9. package/dist/components/checkbox/index.js +1 -1
  10. package/dist/components/chip/index.js +1 -1
  11. package/dist/components/color-input/index.js +2 -2
  12. package/dist/components/combobox/index.js +2 -2
  13. package/dist/components/date-input/index.js +3 -3
  14. package/dist/components/datepicker/index.js +2 -2
  15. package/dist/components/dialog/index.js +3 -3
  16. package/dist/components/divider/index.js +1 -1
  17. package/dist/components/dropdown/index.js +3 -3
  18. package/dist/components/list/index.js +1 -1
  19. package/dist/components/pagination/index.js +1 -1
  20. package/dist/components/radio/index.js +1 -1
  21. package/dist/components/radio-group/index.js +2 -2
  22. package/dist/components/select/index.js +3 -3
  23. package/dist/components/sidepanel/index.js +1 -1
  24. package/dist/components/slider/index.js +2 -2
  25. package/dist/components/snackbar/index.js +2 -2
  26. package/dist/components/surface/index.js +1 -1
  27. package/dist/components/switch/index.js +1 -1
  28. package/dist/components/tab/index.js +1 -1
  29. package/dist/components/tab-group/index.js +2 -2
  30. package/dist/components/table/index.js +1 -1
  31. package/dist/components/text/index.js +1 -1
  32. package/dist/components/textfield/index.js +2 -2
  33. package/dist/components/tooltip/index.js +1 -1
  34. package/dist/index.cjs +31 -31
  35. package/dist/index.js +31 -31
  36. package/package.json +3 -3
package/dist/components/accordion/index.js CHANGED
@@ -42,7 +42,7 @@ import { css } from "lit";
42
42
  var accordionStyles = css`
43
43
  :host {
44
44
  display: block;
45
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
45
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
46
46
  width: 100%;
47
47
  }
48
48
 
@@ -198,7 +198,7 @@ var textStyles = css2`
198
198
  [part='base'] {
199
199
  margin: 0;
200
200
  color: inherit;
201
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
201
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
202
202
  }
203
203
 
204
204
  /* ── Display ─────────────────────────────────────────────────────────── */
package/dist/components/alert/index.js CHANGED
@@ -43,7 +43,7 @@ import { css } from "lit";
43
43
  var alertStyles = css`
44
44
  :host {
45
45
  display: block;
46
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
46
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
47
47
  opacity: 1;
48
48
  transform: translateY(0);
49
49
  transition:
@@ -547,7 +547,7 @@ var textStyles = css3`
547
547
  [part='base'] {
548
548
  margin: 0;
549
549
  color: inherit;
550
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
550
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
551
551
  }
552
552
 
553
553
  /* ── Display ─────────────────────────────────────────────────────────── */
package/dist/components/avatar/index.js CHANGED
@@ -64,7 +64,7 @@ var avatarStyles = css`
64
64
  }
65
65
 
66
66
  .initials {
67
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
67
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
68
68
  font-weight: 600;
69
69
  letter-spacing: 0.02em;
70
70
  line-height: 1;
package/dist/components/badge/index.js CHANGED
@@ -42,7 +42,7 @@ import { css } from "lit";
42
42
  var badgeStyles = css`
43
43
  :host {
44
44
  display: inline-flex;
45
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
45
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
46
46
  vertical-align: middle;
47
47
  }
48
48
 
package/dist/components/breadcrumb/index.js CHANGED
@@ -58,7 +58,7 @@ var breadcrumbItemStyles = css`
58
58
  :host {
59
59
  align-items: center;
60
60
  display: inline-flex;
61
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
61
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
62
62
  font-size: 0.875rem;
63
63
  }
64
64
 
package/dist/components/button/index.js CHANGED
@@ -43,7 +43,7 @@ import { css } from "lit";
43
43
  var buttonStyles = css`
44
44
  :host {
45
45
  display: inline-block;
46
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
46
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
47
47
 
48
48
  /* Internal state props — set per variant/appearance below */
49
49
  --_color: var(--lt-text-on-primary);
package/dist/components/calendar/index.js CHANGED
@@ -43,7 +43,7 @@ import { css } from "lit";
43
43
  var calendarStyles = css`
44
44
  :host {
45
45
  display: inline-block;
46
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
46
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
47
47
  }
48
48
 
49
49
  .calendar {
package/dist/components/checkbox/index.js CHANGED
@@ -42,7 +42,7 @@ import { css } from "lit";
42
42
  var checkboxStyles = css`
43
43
  :host {
44
44
  display: inline-block;
45
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
45
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
46
46
  }
47
47
 
48
48
  .checkbox-wrapper {
package/dist/components/chip/index.js CHANGED
@@ -43,7 +43,7 @@ import { css } from "lit";
43
43
  var chipStyles = css`
44
44
  :host {
45
45
  display: inline-flex;
46
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
46
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
47
47
  vertical-align: middle;
48
48
  }
49
49
 
package/dist/components/color-input/index.js CHANGED
@@ -41,7 +41,7 @@ import { css } from "lit";
41
41
  var colorInputStyles = css`
42
42
  :host {
43
43
  display: inline-block;
44
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
44
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
45
45
  width: 100%;
46
46
  }
47
47
 
@@ -212,7 +212,7 @@ var textStyles = css2`
212
212
  [part='base'] {
213
213
  margin: 0;
214
214
  color: inherit;
215
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
215
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
216
216
  }
217
217
 
218
218
  /* ── Display ─────────────────────────────────────────────────────────── */
package/dist/components/combobox/index.js CHANGED
@@ -1432,7 +1432,7 @@ var comboboxStyles = [
1432
1432
  css2`
1433
1433
  :host {
1434
1434
  display: block;
1435
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
1435
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
1436
1436
  position: relative;
1437
1437
  }
1438
1438
 
@@ -1648,7 +1648,7 @@ var textStyles = css3`
1648
1648
  [part='base'] {
1649
1649
  margin: 0;
1650
1650
  color: inherit;
1651
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
1651
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
1652
1652
  }
1653
1653
 
1654
1654
  /* ── Display ─────────────────────────────────────────────────────────── */
package/dist/components/date-input/index.js CHANGED
@@ -48,7 +48,7 @@ import { css } from "lit";
48
48
  var calendarStyles = css`
49
49
  :host {
50
50
  display: inline-block;
51
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
51
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
52
52
  }
53
53
 
54
54
  .calendar {
@@ -992,7 +992,7 @@ var textStyles = css2`
992
992
  [part='base'] {
993
993
  margin: 0;
994
994
  color: inherit;
995
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
995
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
996
996
  }
997
997
 
998
998
  /* ── Display ─────────────────────────────────────────────────────────── */
@@ -2537,7 +2537,7 @@ var dateInputStyles = [
2537
2537
  css4`
2538
2538
  :host {
2539
2539
  display: block;
2540
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
2540
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
2541
2541
  }
2542
2542
 
2543
2543
  .wrapper {
package/dist/components/datepicker/index.js CHANGED
@@ -42,7 +42,7 @@ import { css } from "lit";
42
42
  var datepickerStyles = css`
43
43
  :host {
44
44
  display: block;
45
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
45
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
46
46
  }
47
47
 
48
48
  .wrapper {
@@ -167,7 +167,7 @@ var textStyles = css2`
167
167
  [part='base'] {
168
168
  margin: 0;
169
169
  color: inherit;
170
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
170
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
171
171
  }
172
172
 
173
173
  /* ── Display ─────────────────────────────────────────────────────────── */
package/dist/components/dialog/index.js CHANGED
@@ -41,7 +41,7 @@ import { customElement as customElement4, property as property5, query } from "l
41
41
  import { css } from "lit";
42
42
  var dialogStyles = css`
43
43
  :host {
44
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
44
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
45
45
  }
46
46
 
47
47
  /* Backdrop */
@@ -527,7 +527,7 @@ import { css as css4 } from "lit";
527
527
  var surfaceStyles = css4`
528
528
  :host {
529
529
  display: block;
530
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
530
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
531
531
  }
532
532
 
533
533
  .surface {
@@ -630,7 +630,7 @@ var textStyles = css5`
630
630
  [part='base'] {
631
631
  margin: 0;
632
632
  color: inherit;
633
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
633
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
634
634
  }
635
635
 
636
636
  /* ── Display ─────────────────────────────────────────────────────────── */
package/dist/components/divider/index.js CHANGED
@@ -90,7 +90,7 @@ var dividerStyles = css`
90
90
 
91
91
  [part='label'] {
92
92
  color: var(--lt-text-subtle);
93
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
93
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
94
94
  font-size: 0.75rem;
95
95
  font-weight: 600;
96
96
  padding-inline: var(--lt-spacing-3);
package/dist/components/dropdown/index.js CHANGED
@@ -1432,7 +1432,7 @@ var dropdownStyles = [
1432
1432
  css2`
1433
1433
  :host {
1434
1434
  display: inline-block;
1435
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
1435
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
1436
1436
  }
1437
1437
 
1438
1438
  .trigger-wrap {
@@ -1487,7 +1487,7 @@ var dropdownItemStyles = css3`
1487
1487
  color: var(--lt-text-default);
1488
1488
  cursor: pointer;
1489
1489
  display: flex;
1490
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
1490
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
1491
1491
  font-size: 0.875rem;
1492
1492
  gap: var(--lt-spacing-2);
1493
1493
  padding: var(--lt-spacing-2) var(--lt-spacing-4);
@@ -1587,7 +1587,7 @@ import { css as css4 } from "lit";
1587
1587
  var surfaceStyles = css4`
1588
1588
  :host {
1589
1589
  display: block;
1590
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
1590
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
1591
1591
  }
1592
1592
 
1593
1593
  .surface {
package/dist/components/list/index.js CHANGED
@@ -43,7 +43,7 @@ import { css } from "lit";
43
43
  var listStyles = css`
44
44
  :host {
45
45
  display: block;
46
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
46
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
47
47
  --list-marker-color: var(--lt-color-neutral-500);
48
48
  }
49
49
 
package/dist/components/pagination/index.js CHANGED
@@ -42,7 +42,7 @@ import { css } from "lit";
42
42
  var paginationStyles = css`
43
43
  :host {
44
44
  display: inline-flex;
45
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
45
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
46
46
  }
47
47
 
48
48
  nav {
package/dist/components/radio/index.js CHANGED
@@ -42,7 +42,7 @@ import { css } from "lit";
42
42
  var radioStyles = css`
43
43
  :host {
44
44
  display: inline-block;
45
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
45
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
46
46
  }
47
47
 
48
48
  .radio-wrapper {
package/dist/components/radio-group/index.js CHANGED
@@ -42,7 +42,7 @@ import { css } from "lit";
42
42
  var radioGroupStyles = css`
43
43
  :host {
44
44
  display: block;
45
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
45
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
46
46
  }
47
47
 
48
48
  .radio-group {
@@ -111,7 +111,7 @@ var textStyles = css2`
111
111
  [part='base'] {
112
112
  margin: 0;
113
113
  color: inherit;
114
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
114
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
115
115
  }
116
116
 
117
117
  /* ── Display ─────────────────────────────────────────────────────────── */
package/dist/components/select/index.js CHANGED
@@ -1432,7 +1432,7 @@ var selectStyles = [
1432
1432
  css2`
1433
1433
  :host {
1434
1434
  display: inline-block;
1435
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
1435
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
1436
1436
  position: relative;
1437
1437
  width: 100%;
1438
1438
  }
@@ -1657,7 +1657,7 @@ import { css as css3 } from "lit";
1657
1657
  var surfaceStyles = css3`
1658
1658
  :host {
1659
1659
  display: block;
1660
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
1660
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
1661
1661
  }
1662
1662
 
1663
1663
  .surface {
@@ -1757,7 +1757,7 @@ var textStyles = css4`
1757
1757
  [part='base'] {
1758
1758
  margin: 0;
1759
1759
  color: inherit;
1760
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
1760
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
1761
1761
  }
1762
1762
 
1763
1763
  /* ── Display ─────────────────────────────────────────────────────────── */
package/dist/components/sidepanel/index.js CHANGED
@@ -525,7 +525,7 @@ var textStyles = css4`
525
525
  [part='base'] {
526
526
  margin: 0;
527
527
  color: inherit;
528
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
528
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
529
529
  }
530
530
 
531
531
  /* ── Display ─────────────────────────────────────────────────────────── */
package/dist/components/slider/index.js CHANGED
@@ -42,7 +42,7 @@ import { css } from "lit";
42
42
  var sliderStyles = css`
43
43
  :host {
44
44
  display: block;
45
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
45
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
46
46
  width: 100%;
47
47
  }
48
48
 
@@ -310,7 +310,7 @@ var textStyles = css3`
310
310
  [part='base'] {
311
311
  margin: 0;
312
312
  color: inherit;
313
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
313
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
314
314
  }
315
315
 
316
316
  /* ── Display ─────────────────────────────────────────────────────────── */
package/dist/components/snackbar/index.js CHANGED
@@ -69,7 +69,7 @@ var snackbarStyles = css`
69
69
  align-items: center;
70
70
  color: var(--lt-text-inverse);
71
71
  display: flex;
72
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
72
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
73
73
  font-size: 0.875rem;
74
74
  gap: var(--lt-spacing-2);
75
75
  line-height: 1.4;
@@ -163,7 +163,7 @@ import { css as css2 } from "lit";
163
163
  var surfaceStyles = css2`
164
164
  :host {
165
165
  display: block;
166
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
166
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
167
167
  }
168
168
 
169
169
  .surface {
package/dist/components/surface/index.js CHANGED
@@ -43,7 +43,7 @@ import { css } from "lit";
43
43
  var surfaceStyles = css`
44
44
  :host {
45
45
  display: block;
46
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
46
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
47
47
  }
48
48
 
49
49
  .surface {
package/dist/components/switch/index.js CHANGED
@@ -42,7 +42,7 @@ import { css } from "lit";
42
42
  var switchStyles = css`
43
43
  :host {
44
44
  display: inline-block;
45
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
45
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
46
46
  }
47
47
 
48
48
  .switch-wrapper {
package/dist/components/tab/index.js CHANGED
@@ -42,7 +42,7 @@ import { css } from "lit";
42
42
  var tabStyles = css`
43
43
  :host {
44
44
  display: inline-block;
45
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
45
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
46
46
  }
47
47
 
48
48
  .tab {
package/dist/components/tab-group/index.js CHANGED
@@ -42,7 +42,7 @@ import { css } from "lit";
42
42
  var tabGroupStyles = css`
43
43
  :host {
44
44
  display: block;
45
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
45
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
46
46
  }
47
47
 
48
48
  .tab-group {
@@ -102,7 +102,7 @@ import { css as css2 } from "lit";
102
102
  var tabStyles = css2`
103
103
  :host {
104
104
  display: inline-block;
105
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
105
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
106
106
  }
107
107
 
108
108
  .tab {
package/dist/components/table/index.js CHANGED
@@ -45,7 +45,7 @@ import { css } from "lit";
45
45
  var tableStyles = css`
46
46
  :host {
47
47
  display: block;
48
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
48
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
49
49
  overflow: hidden;
50
50
  width: 100%;
51
51
  }
package/dist/components/text/index.js CHANGED
@@ -53,7 +53,7 @@ var textStyles = css`
53
53
  [part='base'] {
54
54
  margin: 0;
55
55
  color: inherit;
56
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
56
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
57
57
  }
58
58
 
59
59
  /* ── Display ─────────────────────────────────────────────────────────── */
package/dist/components/textfield/index.js CHANGED
@@ -43,7 +43,7 @@ import { css } from "lit";
43
43
  var textfieldStyles = css`
44
44
  :host {
45
45
  display: inline-block;
46
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
46
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
47
47
  width: 100%;
48
48
  }
49
49
 
@@ -307,7 +307,7 @@ var textStyles = css2`
307
307
  [part='base'] {
308
308
  margin: 0;
309
309
  color: inherit;
310
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
310
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
311
311
  }
312
312
 
313
313
  /* ── Display ─────────────────────────────────────────────────────────── */
package/dist/components/tooltip/index.js CHANGED
@@ -170,7 +170,7 @@ var textStyles = css2`
170
170
  [part='base'] {
171
171
  margin: 0;
172
172
  color: inherit;
173
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
173
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
174
174
  }
175
175
 
176
176
  /* ── Display ─────────────────────────────────────────────────────────── */