@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.
- package/custom-elements.json +31 -31
- package/dist/components/accordion/index.js +2 -2
- package/dist/components/alert/index.js +2 -2
- package/dist/components/avatar/index.js +1 -1
- package/dist/components/badge/index.js +1 -1
- package/dist/components/breadcrumb/index.js +1 -1
- package/dist/components/button/index.js +1 -1
- package/dist/components/calendar/index.js +1 -1
- package/dist/components/checkbox/index.js +1 -1
- package/dist/components/chip/index.js +1 -1
- package/dist/components/color-input/index.js +2 -2
- package/dist/components/combobox/index.js +2 -2
- package/dist/components/date-input/index.js +3 -3
- package/dist/components/datepicker/index.js +2 -2
- package/dist/components/dialog/index.js +3 -3
- package/dist/components/divider/index.js +1 -1
- package/dist/components/dropdown/index.js +3 -3
- package/dist/components/list/index.js +1 -1
- package/dist/components/pagination/index.js +1 -1
- package/dist/components/radio/index.js +1 -1
- package/dist/components/radio-group/index.js +2 -2
- package/dist/components/select/index.js +3 -3
- package/dist/components/sidepanel/index.js +1 -1
- package/dist/components/slider/index.js +2 -2
- package/dist/components/snackbar/index.js +2 -2
- package/dist/components/surface/index.js +1 -1
- package/dist/components/switch/index.js +1 -1
- package/dist/components/tab/index.js +1 -1
- package/dist/components/tab-group/index.js +2 -2
- package/dist/components/table/index.js +1 -1
- package/dist/components/text/index.js +1 -1
- package/dist/components/textfield/index.js +2 -2
- package/dist/components/tooltip/index.js +1 -1
- package/dist/index.cjs +31 -31
- package/dist/index.js +31 -31
- 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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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.
|
|
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.
|
|
227
|
+
"@latty-ds/icons": "0.9.0"
|
|
228
228
|
},
|
|
229
229
|
"customElements": "custom-elements.json",
|
|
230
|
-
"gitHead": "
|
|
230
|
+
"gitHead": "8d5627a4a71bb4c7efdf3b754198c6450ce5467f"
|
|
231
231
|
}
|