@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/index.cjs CHANGED
@@ -1331,7 +1331,7 @@ __decorateClass([
1331
1331
  var accordionStyles = i`
1332
1332
  :host {
1333
1333
  display: block;
1334
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
1334
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
1335
1335
  width: 100%;
1336
1336
  }
1337
1337
 
@@ -1508,7 +1508,7 @@ var textStyles = i`
1508
1508
  [part='base'] {
1509
1509
  margin: 0;
1510
1510
  color: inherit;
1511
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
1511
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
1512
1512
  }
1513
1513
 
1514
1514
  /* ── Display ─────────────────────────────────────────────────────────── */
@@ -1781,7 +1781,7 @@ var o8 = (o10) => o10 ?? A;
1781
1781
  var buttonStyles = i`
1782
1782
  :host {
1783
1783
  display: inline-block;
1784
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
1784
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
1785
1785
 
1786
1786
  /* Internal state props — set per variant/appearance below */
1787
1787
  --_color: var(--lt-text-on-primary);
@@ -2327,7 +2327,7 @@ var o9 = e5(class extends i4 {
2327
2327
  var chipStyles = i`
2328
2328
  :host {
2329
2329
  display: inline-flex;
2330
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
2330
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
2331
2331
  vertical-align: middle;
2332
2332
  }
2333
2333
 
@@ -2581,7 +2581,7 @@ Chip = __decorateClass([
2581
2581
  var checkboxStyles = i`
2582
2582
  :host {
2583
2583
  display: inline-block;
2584
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
2584
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
2585
2585
  }
2586
2586
 
2587
2587
  .checkbox-wrapper {
@@ -2872,7 +2872,7 @@ Checkbox = __decorateClass([
2872
2872
  // src/components/dialog/dialog.styles.ts
2873
2873
  var dialogStyles = i`
2874
2874
  :host {
2875
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
2875
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
2876
2876
  }
2877
2877
 
2878
2878
  /* Backdrop */
@@ -3312,7 +3312,7 @@ IconButton = __decorateClass([
3312
3312
  var surfaceStyles = i`
3313
3313
  :host {
3314
3314
  display: block;
3315
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
3315
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
3316
3316
  }
3317
3317
 
3318
3318
  .surface {
@@ -3557,7 +3557,7 @@ Dialog = __decorateClass([
3557
3557
  var listStyles = i`
3558
3558
  :host {
3559
3559
  display: block;
3560
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
3560
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
3561
3561
  --list-marker-color: var(--lt-color-neutral-500);
3562
3562
  }
3563
3563
 
@@ -3848,7 +3848,7 @@ List = __decorateClass([
3848
3848
  var radioStyles = i`
3849
3849
  :host {
3850
3850
  display: inline-block;
3851
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
3851
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
3852
3852
  }
3853
3853
 
3854
3854
  .radio-wrapper {
@@ -4121,7 +4121,7 @@ Radio = __decorateClass([
4121
4121
  var radioGroupStyles = i`
4122
4122
  :host {
4123
4123
  display: block;
4124
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
4124
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
4125
4125
  }
4126
4126
 
4127
4127
  .radio-group {
@@ -5678,7 +5678,7 @@ var selectStyles = [
5678
5678
  i`
5679
5679
  :host {
5680
5680
  display: inline-block;
5681
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
5681
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
5682
5682
  position: relative;
5683
5683
  width: 100%;
5684
5684
  }
@@ -6110,7 +6110,7 @@ Select = __decorateClass([
6110
6110
  var switchStyles = i`
6111
6111
  :host {
6112
6112
  display: inline-block;
6113
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
6113
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
6114
6114
  }
6115
6115
 
6116
6116
  .switch-wrapper {
@@ -6382,7 +6382,7 @@ Switch = __decorateClass([
6382
6382
  var tabStyles = i`
6383
6383
  :host {
6384
6384
  display: inline-block;
6385
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
6385
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
6386
6386
  }
6387
6387
 
6388
6388
  .tab {
@@ -6586,7 +6586,7 @@ TabPanel = __decorateClass([
6586
6586
  var tabGroupStyles = i`
6587
6587
  :host {
6588
6588
  display: block;
6589
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
6589
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
6590
6590
  }
6591
6591
 
6592
6592
  .tab-group {
@@ -6881,7 +6881,7 @@ var c5 = e5(class extends i4 {
6881
6881
  var tableStyles = i`
6882
6882
  :host {
6883
6883
  display: block;
6884
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
6884
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
6885
6885
  overflow: hidden;
6886
6886
  width: 100%;
6887
6887
  }
@@ -7418,7 +7418,7 @@ Table = __decorateClass([
7418
7418
  var textfieldStyles = i`
7419
7419
  :host {
7420
7420
  display: inline-block;
7421
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
7421
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
7422
7422
  width: 100%;
7423
7423
  }
7424
7424
 
@@ -7967,7 +7967,7 @@ var avatarStyles = i`
7967
7967
  }
7968
7968
 
7969
7969
  .initials {
7970
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
7970
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
7971
7971
  font-weight: 600;
7972
7972
  letter-spacing: 0.02em;
7973
7973
  line-height: 1;
@@ -8125,7 +8125,7 @@ Avatar = __decorateClass([
8125
8125
  var badgeStyles = i`
8126
8126
  :host {
8127
8127
  display: inline-flex;
8128
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
8128
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
8129
8129
  vertical-align: middle;
8130
8130
  }
8131
8131
 
@@ -8552,7 +8552,7 @@ var snackbarStyles = i`
8552
8552
  align-items: center;
8553
8553
  color: var(--lt-text-inverse);
8554
8554
  display: flex;
8555
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
8555
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
8556
8556
  font-size: 0.875rem;
8557
8557
  gap: var(--lt-spacing-2);
8558
8558
  line-height: 1.4;
@@ -8745,7 +8745,7 @@ Snackbar = __decorateClass([
8745
8745
  var alertStyles = i`
8746
8746
  :host {
8747
8747
  display: block;
8748
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
8748
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
8749
8749
  opacity: 1;
8750
8750
  transform: translateY(0);
8751
8751
  transition:
@@ -8963,7 +8963,7 @@ Alert = __decorateClass([
8963
8963
  var sliderStyles = i`
8964
8964
  :host {
8965
8965
  display: block;
8966
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
8966
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
8967
8967
  width: 100%;
8968
8968
  }
8969
8969
 
@@ -9229,7 +9229,7 @@ var dropdownStyles = [
9229
9229
  i`
9230
9230
  :host {
9231
9231
  display: inline-block;
9232
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
9232
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
9233
9233
  }
9234
9234
 
9235
9235
  .trigger-wrap {
@@ -9262,7 +9262,7 @@ var dropdownItemStyles = i`
9262
9262
  color: var(--lt-text-default);
9263
9263
  cursor: pointer;
9264
9264
  display: flex;
9265
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
9265
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
9266
9266
  font-size: 0.875rem;
9267
9267
  gap: var(--lt-spacing-2);
9268
9268
  padding: var(--lt-spacing-2) var(--lt-spacing-4);
@@ -9938,7 +9938,7 @@ var breadcrumbItemStyles = i`
9938
9938
  :host {
9939
9939
  align-items: center;
9940
9940
  display: inline-flex;
9941
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
9941
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
9942
9942
  font-size: 0.875rem;
9943
9943
  }
9944
9944
 
@@ -10093,7 +10093,7 @@ var dividerStyles = i`
10093
10093
 
10094
10094
  [part='label'] {
10095
10095
  color: var(--lt-text-subtle);
10096
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
10096
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
10097
10097
  font-size: 0.75rem;
10098
10098
  font-weight: 600;
10099
10099
  padding-inline: var(--lt-spacing-3);
@@ -10698,7 +10698,7 @@ Image = __decorateClass([
10698
10698
  var paginationStyles = i`
10699
10699
  :host {
10700
10700
  display: inline-flex;
10701
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
10701
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
10702
10702
  }
10703
10703
 
10704
10704
  nav {
@@ -10863,7 +10863,7 @@ Pagination = __decorateClass([
10863
10863
  var datepickerStyles = i`
10864
10864
  :host {
10865
10865
  display: block;
10866
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
10866
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
10867
10867
  }
10868
10868
 
10869
10869
  .wrapper {
@@ -11088,7 +11088,7 @@ var import_icons16 = require("@latty-ds/icons");
11088
11088
  var calendarStyles = i`
11089
11089
  :host {
11090
11090
  display: inline-block;
11091
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
11091
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
11092
11092
  }
11093
11093
 
11094
11094
  .calendar {
@@ -12002,7 +12002,7 @@ var dateInputStyles = [
12002
12002
  i`
12003
12003
  :host {
12004
12004
  display: block;
12005
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
12005
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
12006
12006
  }
12007
12007
 
12008
12008
  .wrapper {
@@ -12352,7 +12352,7 @@ var comboboxStyles = [
12352
12352
  i`
12353
12353
  :host {
12354
12354
  display: block;
12355
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
12355
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
12356
12356
  position: relative;
12357
12357
  }
12358
12358
 
@@ -12741,7 +12741,7 @@ Combobox = __decorateClass([
12741
12741
  var colorInputStyles = i`
12742
12742
  :host {
12743
12743
  display: inline-block;
12744
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
12744
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
12745
12745
  width: 100%;
12746
12746
  }
12747
12747
 
package/dist/index.js CHANGED
@@ -40,7 +40,7 @@ import { css } from "lit";
40
40
  var accordionStyles = css`
41
41
  :host {
42
42
  display: block;
43
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
43
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
44
44
  width: 100%;
45
45
  }
46
46
 
@@ -196,7 +196,7 @@ var textStyles = css2`
196
196
  [part='base'] {
197
197
  margin: 0;
198
198
  color: inherit;
199
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
199
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
200
200
  }
201
201
 
202
202
  /* ── Display ─────────────────────────────────────────────────────────── */
@@ -472,7 +472,7 @@ import { css as css3 } from "lit";
472
472
  var buttonStyles = css3`
473
473
  :host {
474
474
  display: inline-block;
475
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
475
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
476
476
 
477
477
  /* Internal state props — set per variant/appearance below */
478
478
  --_color: var(--lt-text-on-primary);
@@ -980,7 +980,7 @@ import { css as css5 } from "lit";
980
980
  var chipStyles = css5`
981
981
  :host {
982
982
  display: inline-flex;
983
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
983
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
984
984
  vertical-align: middle;
985
985
  }
986
986
 
@@ -1239,7 +1239,7 @@ import { css as css6 } from "lit";
1239
1239
  var checkboxStyles = css6`
1240
1240
  :host {
1241
1241
  display: inline-block;
1242
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
1242
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
1243
1243
  }
1244
1244
 
1245
1245
  .checkbox-wrapper {
@@ -1535,7 +1535,7 @@ import { customElement as customElement9, property as property10, query as query
1535
1535
  import { css as css7 } from "lit";
1536
1536
  var dialogStyles = css7`
1537
1537
  :host {
1538
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
1538
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
1539
1539
  }
1540
1540
 
1541
1541
  /* Backdrop */
@@ -1988,7 +1988,7 @@ import { css as css10 } from "lit";
1988
1988
  var surfaceStyles = css10`
1989
1989
  :host {
1990
1990
  display: block;
1991
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
1991
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
1992
1992
  }
1993
1993
 
1994
1994
  .surface {
@@ -2239,7 +2239,7 @@ import { css as css11 } from "lit";
2239
2239
  var listStyles = css11`
2240
2240
  :host {
2241
2241
  display: block;
2242
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
2242
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
2243
2243
  --list-marker-color: var(--lt-color-neutral-500);
2244
2244
  }
2245
2245
 
@@ -2541,7 +2541,7 @@ import { css as css13 } from "lit";
2541
2541
  var radioStyles = css13`
2542
2542
  :host {
2543
2543
  display: inline-block;
2544
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
2544
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
2545
2545
  }
2546
2546
 
2547
2547
  .radio-wrapper {
@@ -2819,7 +2819,7 @@ import { css as css14 } from "lit";
2819
2819
  var radioGroupStyles = css14`
2820
2820
  :host {
2821
2821
  display: block;
2822
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
2822
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
2823
2823
  }
2824
2824
 
2825
2825
  .radio-group {
@@ -4384,7 +4384,7 @@ var selectStyles = [
4384
4384
  css16`
4385
4385
  :host {
4386
4386
  display: inline-block;
4387
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
4387
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
4388
4388
  position: relative;
4389
4389
  width: 100%;
4390
4390
  }
@@ -4821,7 +4821,7 @@ import { css as css17 } from "lit";
4821
4821
  var switchStyles = css17`
4822
4822
  :host {
4823
4823
  display: inline-block;
4824
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
4824
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
4825
4825
  }
4826
4826
 
4827
4827
  .switch-wrapper {
@@ -5098,7 +5098,7 @@ import { css as css18 } from "lit";
5098
5098
  var tabStyles = css18`
5099
5099
  :host {
5100
5100
  display: inline-block;
5101
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
5101
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
5102
5102
  }
5103
5103
 
5104
5104
  .tab {
@@ -5312,7 +5312,7 @@ import { css as css20 } from "lit";
5312
5312
  var tabGroupStyles = css20`
5313
5313
  :host {
5314
5314
  display: block;
5315
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
5315
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
5316
5316
  }
5317
5317
 
5318
5318
  .tab-group {
@@ -5505,7 +5505,7 @@ import { css as css21 } from "lit";
5505
5505
  var tableStyles = css21`
5506
5506
  :host {
5507
5507
  display: block;
5508
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
5508
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
5509
5509
  overflow: hidden;
5510
5510
  width: 100%;
5511
5511
  }
@@ -6048,7 +6048,7 @@ import { css as css22 } from "lit";
6048
6048
  var textfieldStyles = css22`
6049
6049
  :host {
6050
6050
  display: inline-block;
6051
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
6051
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
6052
6052
  width: 100%;
6053
6053
  }
6054
6054
 
@@ -6602,7 +6602,7 @@ var avatarStyles = css23`
6602
6602
  }
6603
6603
 
6604
6604
  .initials {
6605
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
6605
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
6606
6606
  font-weight: 600;
6607
6607
  letter-spacing: 0.02em;
6608
6608
  line-height: 1;
@@ -6765,7 +6765,7 @@ import { css as css24 } from "lit";
6765
6765
  var badgeStyles = css24`
6766
6766
  :host {
6767
6767
  display: inline-flex;
6768
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
6768
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
6769
6769
  vertical-align: middle;
6770
6770
  }
6771
6771
 
@@ -7203,7 +7203,7 @@ var snackbarStyles = css26`
7203
7203
  align-items: center;
7204
7204
  color: var(--lt-text-inverse);
7205
7205
  display: flex;
7206
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
7206
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
7207
7207
  font-size: 0.875rem;
7208
7208
  gap: var(--lt-spacing-2);
7209
7209
  line-height: 1.4;
@@ -7402,7 +7402,7 @@ import { css as css27 } from "lit";
7402
7402
  var alertStyles = css27`
7403
7403
  :host {
7404
7404
  display: block;
7405
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
7405
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
7406
7406
  opacity: 1;
7407
7407
  transform: translateY(0);
7408
7408
  transition:
@@ -7625,7 +7625,7 @@ import { css as css28 } from "lit";
7625
7625
  var sliderStyles = css28`
7626
7626
  :host {
7627
7627
  display: block;
7628
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
7628
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
7629
7629
  width: 100%;
7630
7630
  }
7631
7631
 
@@ -7896,7 +7896,7 @@ var dropdownStyles = [
7896
7896
  css29`
7897
7897
  :host {
7898
7898
  display: inline-block;
7899
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
7899
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
7900
7900
  }
7901
7901
 
7902
7902
  .trigger-wrap {
@@ -7934,7 +7934,7 @@ var dropdownItemStyles = css30`
7934
7934
  color: var(--lt-text-default);
7935
7935
  cursor: pointer;
7936
7936
  display: flex;
7937
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
7937
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
7938
7938
  font-size: 0.875rem;
7939
7939
  gap: var(--lt-spacing-2);
7940
7940
  padding: var(--lt-spacing-2) var(--lt-spacing-4);
@@ -8630,7 +8630,7 @@ var breadcrumbItemStyles = css34`
8630
8630
  :host {
8631
8631
  align-items: center;
8632
8632
  display: inline-flex;
8633
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
8633
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
8634
8634
  font-size: 0.875rem;
8635
8635
  }
8636
8636
 
@@ -8790,7 +8790,7 @@ var dividerStyles = css35`
8790
8790
 
8791
8791
  [part='label'] {
8792
8792
  color: var(--lt-text-subtle);
8793
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
8793
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
8794
8794
  font-size: 0.75rem;
8795
8795
  font-weight: 600;
8796
8796
  padding-inline: var(--lt-spacing-3);
@@ -9422,7 +9422,7 @@ import { css as css40 } from "lit";
9422
9422
  var paginationStyles = css40`
9423
9423
  :host {
9424
9424
  display: inline-flex;
9425
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
9425
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
9426
9426
  }
9427
9427
 
9428
9428
  nav {
@@ -9592,7 +9592,7 @@ import { css as css41 } from "lit";
9592
9592
  var datepickerStyles = css41`
9593
9593
  :host {
9594
9594
  display: block;
9595
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
9595
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
9596
9596
  }
9597
9597
 
9598
9598
  .wrapper {
@@ -9822,7 +9822,7 @@ import { css as css42 } from "lit";
9822
9822
  var calendarStyles = css42`
9823
9823
  :host {
9824
9824
  display: inline-block;
9825
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
9825
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
9826
9826
  }
9827
9827
 
9828
9828
  .calendar {
@@ -10737,7 +10737,7 @@ var dateInputStyles = [
10737
10737
  css43`
10738
10738
  :host {
10739
10739
  display: block;
10740
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
10740
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
10741
10741
  }
10742
10742
 
10743
10743
  .wrapper {
@@ -11092,7 +11092,7 @@ var comboboxStyles = [
11092
11092
  css44`
11093
11093
  :host {
11094
11094
  display: block;
11095
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
11095
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
11096
11096
  position: relative;
11097
11097
  }
11098
11098
 
@@ -11487,7 +11487,7 @@ import { css as css45 } from "lit";
11487
11487
  var colorInputStyles = css45`
11488
11488
  :host {
11489
11489
  display: inline-block;
11490
- font-family: var(--lt-typography-fontFamily, 'Hanken Grotesk', sans-serif);
11490
+ font-family: var(--lt-typography-fontFamilyPrimary, 'Hanken Grotesk', sans-serif);
11491
11491
  width: 100%;
11492
11492
  }
11493
11493
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@latty-ds/web",
3
- "version": "0.8.0",
3
+ "version": "0.9.0",
4
4
  "description": "Web Components for the Latty design system — framework-agnostic UI components built with Lit",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -224,8 +224,8 @@
224
224
  },
225
225
  "dependencies": {
226
226
  "@floating-ui/dom": "^1.7.6",
227
- "@latty-ds/icons": "0.8.0"
227
+ "@latty-ds/icons": "0.9.0"
228
228
  },
229
229
  "customElements": "custom-elements.json",
230
- "gitHead": "144dd8d2f7440fd5fd8ecb4f396407c4ce3be9f2"
230
+ "gitHead": "8d5627a4a71bb4c7efdf3b754198c6450ce5467f"
231
231
  }