adjacent-ui 0.1.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/CHANGELOG.md +15 -0
- package/LICENSE +21 -0
- package/README.md +41 -0
- package/dist/button/button.css +177 -0
- package/dist/button/button.d.ts +25 -0
- package/dist/button/button.d.ts.map +1 -0
- package/dist/button/button.js +11 -0
- package/dist/button/button.js.map +1 -0
- package/dist/card/card.css +126 -0
- package/dist/card/card.d.ts +18 -0
- package/dist/card/card.d.ts.map +1 -0
- package/dist/card/card.js +38 -0
- package/dist/card/card.js.map +1 -0
- package/dist/checkbox/checkbox.css +116 -0
- package/dist/checkbox/checkbox.d.ts +13 -0
- package/dist/checkbox/checkbox.d.ts.map +1 -0
- package/dist/checkbox/checkbox.js +32 -0
- package/dist/checkbox/checkbox.js.map +1 -0
- package/dist/data-table/data-table.css +238 -0
- package/dist/data-table/data-table.d.ts +47 -0
- package/dist/data-table/data-table.d.ts.map +1 -0
- package/dist/data-table/data-table.js +58 -0
- package/dist/data-table/data-table.js.map +1 -0
- package/dist/divider/divider.css +35 -0
- package/dist/divider/divider.d.ts +12 -0
- package/dist/divider/divider.d.ts.map +1 -0
- package/dist/divider/divider.js +7 -0
- package/dist/divider/divider.js.map +1 -0
- package/dist/floating-action-button/floating-action-button.css +132 -0
- package/dist/floating-action-button/floating-action-button.d.ts +15 -0
- package/dist/floating-action-button/floating-action-button.d.ts.map +1 -0
- package/dist/floating-action-button/floating-action-button.js +8 -0
- package/dist/floating-action-button/floating-action-button.js.map +1 -0
- package/dist/index.d.ts +20 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +20 -0
- package/dist/index.js.map +1 -0
- package/dist/list/list.css +181 -0
- package/dist/list/list.d.ts +56 -0
- package/dist/list/list.d.ts.map +1 -0
- package/dist/list/list.js +33 -0
- package/dist/list/list.js.map +1 -0
- package/dist/menu/menu.css +170 -0
- package/dist/menu/menu.d.ts +70 -0
- package/dist/menu/menu.d.ts.map +1 -0
- package/dist/menu/menu.js +69 -0
- package/dist/menu/menu.js.map +1 -0
- package/dist/navigation/header/header.css +182 -0
- package/dist/navigation/header/header.d.ts +20 -0
- package/dist/navigation/header/header.d.ts.map +1 -0
- package/dist/navigation/header/header.js +23 -0
- package/dist/navigation/header/header.js.map +1 -0
- package/dist/navigation/index.d.ts +5 -0
- package/dist/navigation/index.d.ts.map +1 -0
- package/dist/navigation/index.js +5 -0
- package/dist/navigation/index.js.map +1 -0
- package/dist/navigation/link/link.d.ts +5 -0
- package/dist/navigation/link/link.d.ts.map +1 -0
- package/dist/navigation/link/link.js +6 -0
- package/dist/navigation/link/link.js.map +1 -0
- package/dist/navigation/shell/shell.css +21 -0
- package/dist/navigation/shell/shell.d.ts +22 -0
- package/dist/navigation/shell/shell.d.ts.map +1 -0
- package/dist/navigation/shell/shell.js +15 -0
- package/dist/navigation/shell/shell.js.map +1 -0
- package/dist/navigation/tabs/tabs.css +390 -0
- package/dist/navigation/tabs/tabs.d.ts +37 -0
- package/dist/navigation/tabs/tabs.d.ts.map +1 -0
- package/dist/navigation/tabs/tabs.js +74 -0
- package/dist/navigation/tabs/tabs.js.map +1 -0
- package/dist/page/page.css +15 -0
- package/dist/page/page.d.ts +32 -0
- package/dist/page/page.d.ts.map +1 -0
- package/dist/page/page.js +10 -0
- package/dist/page/page.js.map +1 -0
- package/dist/radio/radio.css +108 -0
- package/dist/radio/radio.d.ts +29 -0
- package/dist/radio/radio.d.ts.map +1 -0
- package/dist/radio/radio.js +23 -0
- package/dist/radio/radio.js.map +1 -0
- package/dist/runtime/use-display-mode.d.ts +9 -0
- package/dist/runtime/use-display-mode.d.ts.map +1 -0
- package/dist/runtime/use-display-mode.js +33 -0
- package/dist/runtime/use-display-mode.js.map +1 -0
- package/dist/runtime/use-keyboard.d.ts +8 -0
- package/dist/runtime/use-keyboard.d.ts.map +1 -0
- package/dist/runtime/use-keyboard.js +34 -0
- package/dist/runtime/use-keyboard.js.map +1 -0
- package/dist/runtime/use-viewport-tier.d.ts +10 -0
- package/dist/runtime/use-viewport-tier.d.ts.map +1 -0
- package/dist/runtime/use-viewport-tier.js +24 -0
- package/dist/runtime/use-viewport-tier.js.map +1 -0
- package/dist/snackbar/snackbar.css +95 -0
- package/dist/snackbar/snackbar.d.ts +15 -0
- package/dist/snackbar/snackbar.d.ts.map +1 -0
- package/dist/snackbar/snackbar.js +36 -0
- package/dist/snackbar/snackbar.js.map +1 -0
- package/dist/switch/switch.css +164 -0
- package/dist/switch/switch.d.ts +11 -0
- package/dist/switch/switch.d.ts.map +1 -0
- package/dist/switch/switch.js +11 -0
- package/dist/switch/switch.js.map +1 -0
- package/dist/tabs/tabs.css +165 -0
- package/dist/tabs/tabs.d.ts +25 -0
- package/dist/tabs/tabs.d.ts.map +1 -0
- package/dist/tabs/tabs.js +81 -0
- package/dist/tabs/tabs.js.map +1 -0
- package/dist/text/text.css +91 -0
- package/dist/text/text.d.ts +12 -0
- package/dist/text/text.d.ts.map +1 -0
- package/dist/text/text.js +17 -0
- package/dist/text/text.js.map +1 -0
- package/dist/text-area/text-area.css +11 -0
- package/dist/text-area/text-area.d.ts +13 -0
- package/dist/text-area/text-area.d.ts.map +1 -0
- package/dist/text-area/text-area.js +35 -0
- package/dist/text-area/text-area.js.map +1 -0
- package/dist/text-field/text-field.css +154 -0
- package/dist/text-field/text-field.d.ts +18 -0
- package/dist/text-field/text-field.d.ts.map +1 -0
- package/dist/text-field/text-field.js +32 -0
- package/dist/text-field/text-field.js.map +1 -0
- package/package.json +78 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,eAAe,EACf,MAAM,GAIP,MAAM,OAAO,CAAC;AAEf,OAAO,gBAAgB,CAAC;AAiBxB,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,SAAS,EACT,cAAc,EACd,QAAQ,EACR,KAAK,GAAG,KAAK,EACb,KAAK,EACL,QAAQ,EACR,eAAe,EACf,GAAG,EACH,GAAG,KAAK,EACM;IACd,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACtE,MAAM,aAAa,GAAG,OAAO,KAAK,eAAe,CAAC;IAElD,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,QAAQ,CAAC,OAAO,CAAC,aAAa,GAAG,aAAa,CAAC;QACjD,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,SAAS,WAAW,CAAC,IAA6B;QAChD,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;QAExB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;YAC9B,GAAG,CAAC,IAAI,CAAC,CAAC;QACZ,CAAC;aAAM,IAAI,GAAG,EAAE,CAAC;YACf,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;QACrB,CAAC;IACH,CAAC;IAED,SAAS,YAAY,CAAC,KAAoC;QACxD,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;QAClB,eAAe,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAE/C,IAAI,aAAa,EAAE,CAAC;YAClB,KAAK,CAAC,aAAa,CAAC,aAAa,GAAG,IAAI,CAAC;QAC3C,CAAC;IACH,CAAC;IAED,OAAO,CACL,iBAAO,SAAS,EAAE,OAAO,gBAAc,MAAM,CAAC,KAAK,CAAC,kBAAgB,MAAM,CAAC,KAAK,KAAK,SAAS,CAAC,aAC7F,gCACgB,KAAK,IAAI,SAAS,EAChC,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,KAAK,IAAI,EAC7D,SAAS,EAAC,qBAAqB,EAC/B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,GAAG,EAAE,WAAW,EAChB,IAAI,EAAC,UAAU,KACX,KAAK,GACT,EACF,+BAAkB,MAAM,EAAC,SAAS,EAAC,uBAAuB,aACxD,cAAK,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAC,WAAW,YACtD,eAAM,CAAC,EAAC,qBAAqB,GAAG,GAC5B,EACN,cAAK,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAC,WAAW,YAC9D,eAAM,CAAC,EAAC,SAAS,GAAG,GAChB,IACD,EACN,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,qBAAqB,YAAE,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC5E,CACT,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,238 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.adj-data-table {
|
|
3
|
+
position: relative;
|
|
4
|
+
box-sizing: border-box;
|
|
5
|
+
width: 100%;
|
|
6
|
+
max-width: 100%;
|
|
7
|
+
min-width: 0;
|
|
8
|
+
overflow: hidden;
|
|
9
|
+
contain: inline-size;
|
|
10
|
+
color: var(--adj-data-table-color, var(--foreground, CanvasText));
|
|
11
|
+
background: var(--adj-data-table-background, var(--background, Canvas));
|
|
12
|
+
border: 1px solid var(--adj-data-table-border, var(--border, color-mix(in srgb, currentColor 18%, transparent)));
|
|
13
|
+
border-radius: var(--radius-lg, var(--radius, 0.625rem));
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.adj-data-table__container {
|
|
17
|
+
display: block;
|
|
18
|
+
width: 100%;
|
|
19
|
+
max-width: 100%;
|
|
20
|
+
min-width: 0;
|
|
21
|
+
overflow-x: auto;
|
|
22
|
+
overscroll-behavior-inline: contain;
|
|
23
|
+
-webkit-overflow-scrolling: touch;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.adj-data-table__table {
|
|
27
|
+
width: max-content;
|
|
28
|
+
min-width: 100%;
|
|
29
|
+
color: inherit;
|
|
30
|
+
white-space: nowrap;
|
|
31
|
+
table-layout: auto;
|
|
32
|
+
border: 0;
|
|
33
|
+
border-spacing: 0;
|
|
34
|
+
border-collapse: separate;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.adj-data-table__head,
|
|
38
|
+
.adj-data-table__cell {
|
|
39
|
+
box-sizing: border-box;
|
|
40
|
+
height: 3.25rem;
|
|
41
|
+
padding-inline: 1rem;
|
|
42
|
+
text-align: start;
|
|
43
|
+
border-block-end: 1px solid var(--adj-data-table-divider, var(--border, color-mix(in srgb, currentColor 12%, transparent)));
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.adj-data-table[data-density="compact"] .adj-data-table__head,
|
|
47
|
+
.adj-data-table[data-density="compact"] .adj-data-table__cell {
|
|
48
|
+
height: 2.5rem;
|
|
49
|
+
padding-inline: 0.75rem;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.adj-data-table[data-density="compact"] .adj-data-table__sort {
|
|
53
|
+
min-height: 2.25rem;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.adj-data-table__head {
|
|
57
|
+
height: 3.5rem;
|
|
58
|
+
max-width: var(--adj-data-table-head-max-width, 16rem);
|
|
59
|
+
color: var(--adj-data-table-header-color, var(--muted-foreground, currentColor));
|
|
60
|
+
background: var(--adj-data-table-header-background, var(--background, Canvas));
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.adj-data-table__head > .adj-text,
|
|
64
|
+
.adj-data-table__sort > .adj-text {
|
|
65
|
+
display: block;
|
|
66
|
+
overflow: hidden;
|
|
67
|
+
text-overflow: ellipsis;
|
|
68
|
+
white-space: nowrap;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.adj-data-table[data-sticky-header="true"] .adj-data-table__head {
|
|
72
|
+
position: sticky;
|
|
73
|
+
inset-block-start: 0;
|
|
74
|
+
z-index: 2;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.adj-data-table__head[data-numeric="true"],
|
|
78
|
+
.adj-data-table__cell[data-numeric="true"] {
|
|
79
|
+
text-align: end;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.adj-data-table__body .adj-data-table__row:hover {
|
|
83
|
+
background: var(--adj-data-table-row-hover, color-mix(in srgb, currentColor 6%, transparent));
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.adj-data-table__row[data-selected="true"] {
|
|
87
|
+
background: var(--adj-data-table-row-selected, color-mix(in srgb, var(--primary, currentColor) 12%, transparent));
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.adj-data-table__body .adj-data-table__row:last-child .adj-data-table__cell {
|
|
91
|
+
border-block-end: 0;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.adj-data-table__sort {
|
|
95
|
+
display: inline-flex;
|
|
96
|
+
gap: 0.25rem;
|
|
97
|
+
align-items: center;
|
|
98
|
+
justify-content: inherit;
|
|
99
|
+
width: 100%;
|
|
100
|
+
min-height: 3rem;
|
|
101
|
+
padding: 0;
|
|
102
|
+
color: inherit;
|
|
103
|
+
cursor: pointer;
|
|
104
|
+
background: transparent;
|
|
105
|
+
border: 0;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.adj-data-table__head[data-numeric="true"] .adj-data-table__sort {
|
|
109
|
+
justify-content: flex-end;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.adj-data-table__sort > svg {
|
|
113
|
+
width: 1.125rem;
|
|
114
|
+
height: 1.125rem;
|
|
115
|
+
flex: none;
|
|
116
|
+
fill: currentColor;
|
|
117
|
+
opacity: 0.55;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.adj-data-table__head[aria-sort="ascending"] .adj-data-table__sort > svg,
|
|
121
|
+
.adj-data-table__head[aria-sort="descending"] .adj-data-table__sort > svg {
|
|
122
|
+
opacity: 1;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.adj-data-table__head[aria-sort="descending"] .adj-data-table__sort > svg {
|
|
126
|
+
transform: rotate(180deg);
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.adj-data-table__sort:focus-visible,
|
|
130
|
+
.adj-data-table__pagination-button:focus-visible {
|
|
131
|
+
outline: 2px solid var(--ring, currentColor);
|
|
132
|
+
outline-offset: -2px;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.adj-data-table__empty {
|
|
136
|
+
height: 6rem;
|
|
137
|
+
padding: 1rem;
|
|
138
|
+
color: var(--adj-data-table-empty-color, var(--muted-foreground, currentColor));
|
|
139
|
+
text-align: center;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.adj-data-table__progress {
|
|
143
|
+
position: absolute;
|
|
144
|
+
inset-block-start: 0;
|
|
145
|
+
inset-inline: 0;
|
|
146
|
+
z-index: 4;
|
|
147
|
+
height: 0.1875rem;
|
|
148
|
+
overflow: hidden;
|
|
149
|
+
background: color-mix(in srgb, var(--primary, currentColor) 20%, transparent);
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.adj-data-table__progress > span {
|
|
153
|
+
display: block;
|
|
154
|
+
width: 40%;
|
|
155
|
+
height: 100%;
|
|
156
|
+
background: var(--primary, currentColor);
|
|
157
|
+
animation: adj-data-table-progress 1.2s ease-in-out infinite;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
.adj-data-table__pagination {
|
|
161
|
+
display: flex;
|
|
162
|
+
gap: 0.5rem;
|
|
163
|
+
align-items: center;
|
|
164
|
+
justify-content: flex-end;
|
|
165
|
+
min-height: 3.5rem;
|
|
166
|
+
padding: 0.5rem;
|
|
167
|
+
color: var(--adj-data-table-pagination-color, var(--muted-foreground, currentColor));
|
|
168
|
+
background: var(--adj-data-table-background, var(--background, Canvas));
|
|
169
|
+
border: 1px solid var(--adj-data-table-border, var(--border, color-mix(in srgb, currentColor 18%, transparent)));
|
|
170
|
+
border-block-start: 0;
|
|
171
|
+
border-radius: 0 0 var(--radius-lg, var(--radius, 0.625rem)) var(--radius-lg, var(--radius, 0.625rem));
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
.adj-data-table__page-size {
|
|
175
|
+
display: inline-flex;
|
|
176
|
+
gap: 0.5rem;
|
|
177
|
+
align-items: center;
|
|
178
|
+
margin-inline-end: auto;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
.adj-data-table__page-size-select {
|
|
182
|
+
min-width: 6rem;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
.adj-data-table__range {
|
|
186
|
+
white-space: nowrap;
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
.adj-data-table__pagination-button {
|
|
190
|
+
display: grid;
|
|
191
|
+
width: 3rem;
|
|
192
|
+
height: 3rem;
|
|
193
|
+
color: inherit;
|
|
194
|
+
cursor: pointer;
|
|
195
|
+
background: transparent;
|
|
196
|
+
border: 0;
|
|
197
|
+
border-radius: var(--radius-lg, var(--radius, 0.625rem));
|
|
198
|
+
place-items: center;
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
.adj-data-table__pagination-button:hover:not(:disabled) {
|
|
202
|
+
background: color-mix(in srgb, currentColor 8%, transparent);
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
.adj-data-table__pagination-button:disabled {
|
|
206
|
+
cursor: default;
|
|
207
|
+
opacity: 0.38;
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
.adj-data-table__pagination-button > svg {
|
|
211
|
+
width: 1.5rem;
|
|
212
|
+
height: 1.5rem;
|
|
213
|
+
fill: currentColor;
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
@media (max-width: 32rem) {
|
|
217
|
+
.adj-data-table__page-size > .adj-text {
|
|
218
|
+
position: absolute;
|
|
219
|
+
width: 1px;
|
|
220
|
+
height: 1px;
|
|
221
|
+
overflow: hidden;
|
|
222
|
+
clip: rect(0 0 0 0);
|
|
223
|
+
clip-path: inset(50%);
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
@media (prefers-reduced-motion: reduce) {
|
|
228
|
+
.adj-data-table__progress > span {
|
|
229
|
+
animation: none;
|
|
230
|
+
width: 100%;
|
|
231
|
+
}
|
|
232
|
+
}
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
@keyframes adj-data-table-progress {
|
|
236
|
+
from { transform: translateX(-100%); }
|
|
237
|
+
to { transform: translateX(350%); }
|
|
238
|
+
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode, type TableHTMLAttributes, type TdHTMLAttributes, type ThHTMLAttributes } from "react";
|
|
2
|
+
import "./data-table.css";
|
|
3
|
+
export type DataTableDensity = "compact" | "comfortable";
|
|
4
|
+
export type DataTableSortDirection = "ascending" | "descending" | "none";
|
|
5
|
+
export interface DataTableProps extends HTMLAttributes<HTMLDivElement> {
|
|
6
|
+
readonly children: ReactNode;
|
|
7
|
+
readonly density?: DataTableDensity;
|
|
8
|
+
readonly loading?: boolean;
|
|
9
|
+
readonly stickyHeader?: boolean;
|
|
10
|
+
readonly tableClassName?: string;
|
|
11
|
+
readonly tableProps?: Omit<TableHTMLAttributes<HTMLTableElement>, "children" | "className">;
|
|
12
|
+
}
|
|
13
|
+
export declare function DataTable({ children, className, density, loading, stickyHeader, tableClassName, tableProps, ...props }: DataTableProps): import("react").JSX.Element;
|
|
14
|
+
export type DataTableHeaderProps = HTMLAttributes<HTMLTableSectionElement>;
|
|
15
|
+
export declare function DataTableHeader({ className, ...props }: DataTableHeaderProps): import("react").JSX.Element;
|
|
16
|
+
export type DataTableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
|
|
17
|
+
export declare function DataTableBody({ className, ...props }: DataTableBodyProps): import("react").JSX.Element;
|
|
18
|
+
export interface DataTableRowProps extends HTMLAttributes<HTMLTableRowElement> {
|
|
19
|
+
readonly selected?: boolean;
|
|
20
|
+
}
|
|
21
|
+
export declare function DataTableRow({ className, selected, ...props }: DataTableRowProps): import("react").JSX.Element;
|
|
22
|
+
export interface DataTableHeadProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, "aria-sort"> {
|
|
23
|
+
readonly numeric?: boolean;
|
|
24
|
+
readonly onSort?: (direction: Exclude<DataTableSortDirection, "none">) => void;
|
|
25
|
+
readonly sortDirection?: DataTableSortDirection;
|
|
26
|
+
}
|
|
27
|
+
export declare function DataTableHead({ children, className, numeric, onSort, sortDirection, ...props }: DataTableHeadProps): import("react").JSX.Element;
|
|
28
|
+
export interface DataTableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
|
|
29
|
+
readonly numeric?: boolean;
|
|
30
|
+
}
|
|
31
|
+
export declare function DataTableCell({ children, className, numeric, ...props }: DataTableCellProps): import("react").JSX.Element;
|
|
32
|
+
export interface DataTableEmptyProps extends TdHTMLAttributes<HTMLTableCellElement> {
|
|
33
|
+
readonly children?: ReactNode;
|
|
34
|
+
}
|
|
35
|
+
export declare function DataTableEmpty({ children, className, ...props }: DataTableEmptyProps): import("react").JSX.Element;
|
|
36
|
+
export interface DataTablePaginationProps extends HTMLAttributes<HTMLDivElement> {
|
|
37
|
+
readonly nextLabel?: string;
|
|
38
|
+
readonly onPageChange: (page: number) => void;
|
|
39
|
+
readonly onPageSizeChange?: (pageSize: number) => void;
|
|
40
|
+
readonly page: number;
|
|
41
|
+
readonly pageSize: number;
|
|
42
|
+
readonly pageSizeOptions?: readonly number[];
|
|
43
|
+
readonly previousLabel?: string;
|
|
44
|
+
readonly totalRows: number;
|
|
45
|
+
}
|
|
46
|
+
export declare function DataTablePagination({ className, nextLabel, onPageChange, onPageSizeChange, page, pageSize, pageSizeOptions, previousLabel, totalRows, ...props }: DataTablePaginationProps): import("react").JSX.Element;
|
|
47
|
+
//# sourceMappingURL=data-table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/data-table/data-table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Text } from "../text/text.js";
|
|
4
|
+
import { MenuSelect } from "../menu/menu.js";
|
|
5
|
+
import "./data-table.css";
|
|
6
|
+
export function DataTable({ children, className, density = "comfortable", loading = false, stickyHeader = false, tableClassName, tableProps, ...props }) {
|
|
7
|
+
const classes = ["adj-data-table", className].filter(Boolean).join(" ");
|
|
8
|
+
const tableClasses = ["adj-data-table__table", tableClassName]
|
|
9
|
+
.filter(Boolean)
|
|
10
|
+
.join(" ");
|
|
11
|
+
return (_jsxs("div", { className: classes, "data-density": density, "data-loading": loading ? "true" : "false", "data-sticky-header": stickyHeader ? "true" : "false", ...props, children: [loading ? (_jsx("div", { "aria-label": "Loading table data", "aria-valuemax": 100, "aria-valuemin": 0, className: "adj-data-table__progress", role: "progressbar", children: _jsx("span", {}) })) : null, _jsx("div", { className: "adj-data-table__container", children: _jsx("table", { className: tableClasses, ...tableProps, children: children }) })] }));
|
|
12
|
+
}
|
|
13
|
+
export function DataTableHeader({ className, ...props }) {
|
|
14
|
+
const classes = ["adj-data-table__header", className].filter(Boolean).join(" ");
|
|
15
|
+
return _jsx("thead", { className: classes, ...props });
|
|
16
|
+
}
|
|
17
|
+
export function DataTableBody({ className, ...props }) {
|
|
18
|
+
const classes = ["adj-data-table__body", className].filter(Boolean).join(" ");
|
|
19
|
+
return _jsx("tbody", { className: classes, ...props });
|
|
20
|
+
}
|
|
21
|
+
export function DataTableRow({ className, selected = false, ...props }) {
|
|
22
|
+
const classes = ["adj-data-table__row", className].filter(Boolean).join(" ");
|
|
23
|
+
return _jsx("tr", { className: classes, "data-selected": selected ? "true" : "false", ...props });
|
|
24
|
+
}
|
|
25
|
+
export function DataTableHead({ children, className, numeric = false, onSort, sortDirection = "none", ...props }) {
|
|
26
|
+
const classes = ["adj-data-table__head", className].filter(Boolean).join(" ");
|
|
27
|
+
const nextDirection = sortDirection === "ascending" ? "descending" : "ascending";
|
|
28
|
+
const tooltip = props.title ?? (typeof children === "string" ? children : undefined);
|
|
29
|
+
return (_jsx("th", { "aria-sort": sortDirection === "none" ? undefined : sortDirection, className: classes, "data-numeric": numeric ? "true" : "false", "data-sortable": onSort ? "true" : "false", scope: "col", ...props, title: tooltip, children: onSort ? (_jsxs("button", { className: "adj-data-table__sort", onClick: () => onSort(nextDirection), type: "button", children: [_jsx(Text, { variant: "title-small", children: children }), _jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", children: _jsx("path", { d: "M7 10h10l-5-5-5 5zm0 4 5 5 5-5H7z" }) })] })) : (_jsx(Text, { variant: "title-small", children: children })) }));
|
|
30
|
+
}
|
|
31
|
+
export function DataTableCell({ children, className, numeric = false, ...props }) {
|
|
32
|
+
const classes = ["adj-data-table__cell", className].filter(Boolean).join(" ");
|
|
33
|
+
return (_jsx("td", { className: classes, "data-numeric": numeric ? "true" : "false", ...props, children: children }));
|
|
34
|
+
}
|
|
35
|
+
export function DataTableEmpty({ children = "No data available.", className, ...props }) {
|
|
36
|
+
const classes = ["adj-data-table__empty", className].filter(Boolean).join(" ");
|
|
37
|
+
return (_jsx("td", { className: classes, ...props, children: _jsx(Text, { variant: "body-medium", children: children }) }));
|
|
38
|
+
}
|
|
39
|
+
function PaginationButton({ children, className, ...props }) {
|
|
40
|
+
const classes = ["adj-data-table__pagination-button", className]
|
|
41
|
+
.filter(Boolean)
|
|
42
|
+
.join(" ");
|
|
43
|
+
return _jsx("button", { className: classes, type: "button", ...props, children: children });
|
|
44
|
+
}
|
|
45
|
+
export function DataTablePagination({ className, nextLabel = "Next page", onPageChange, onPageSizeChange, page, pageSize, pageSizeOptions = [10, 25, 50], previousLabel = "Previous page", totalRows, ...props }) {
|
|
46
|
+
const classes = ["adj-data-table__pagination", className]
|
|
47
|
+
.filter(Boolean)
|
|
48
|
+
.join(" ");
|
|
49
|
+
const pageCount = Math.max(1, Math.ceil(totalRows / pageSize));
|
|
50
|
+
const safePage = Math.min(Math.max(0, page), pageCount - 1);
|
|
51
|
+
const firstRow = totalRows === 0 ? 0 : safePage * pageSize + 1;
|
|
52
|
+
const lastRow = Math.min(totalRows, (safePage + 1) * pageSize);
|
|
53
|
+
return (_jsxs("div", { className: classes, ...props, children: [onPageSizeChange ? (_jsxs("label", { className: "adj-data-table__page-size", children: [_jsx(Text, { variant: "body-small", children: "Rows per page" }), _jsx(MenuSelect, { "aria-label": "Rows per page", className: "adj-data-table__page-size-select", onValueChange: (nextValue) => onPageSizeChange(Number(nextValue)), options: pageSizeOptions.map((option) => ({
|
|
54
|
+
label: String(option),
|
|
55
|
+
value: String(option),
|
|
56
|
+
})), value: String(pageSize) })] })) : null, _jsxs(Text, { className: "adj-data-table__range", variant: "body-small", children: [firstRow, "-", lastRow, " of ", totalRows] }), _jsx(PaginationButton, { "aria-label": previousLabel, disabled: safePage === 0, onClick: () => onPageChange(safePage - 1), children: _jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", children: _jsx("path", { d: "m15.4 16.6-4.6-4.6 4.6-4.6L14 6l-6 6 6 6 1.4-1.4z" }) }) }), _jsx(PaginationButton, { "aria-label": nextLabel, disabled: safePage >= pageCount - 1, onClick: () => onPageChange(safePage + 1), children: _jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", children: _jsx("path", { d: "m8.6 16.6 4.6-4.6-4.6-4.6L10 6l6 6-6 6-1.4-1.4z" }) }) })] }));
|
|
57
|
+
}
|
|
58
|
+
//# sourceMappingURL=data-table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-table.js","sourceRoot":"","sources":["../../src/data-table/data-table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.adj-divider {
|
|
3
|
+
box-sizing: border-box;
|
|
4
|
+
flex: none;
|
|
5
|
+
margin: 0;
|
|
6
|
+
background: var(--adj-divider-color, var(--border, color-mix(in srgb, CanvasText 18%, transparent)));
|
|
7
|
+
border: 0;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.adj-divider[data-orientation="horizontal"] {
|
|
11
|
+
width: auto;
|
|
12
|
+
height: var(--adj-divider-thickness, 1px);
|
|
13
|
+
margin-inline: var(--adj-divider-inset-start, 0) var(--adj-divider-inset-end, 0);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.adj-divider[data-orientation="vertical"] {
|
|
17
|
+
width: var(--adj-divider-thickness, 1px);
|
|
18
|
+
height: auto;
|
|
19
|
+
align-self: stretch;
|
|
20
|
+
margin-block: var(--adj-divider-inset-start, 0) var(--adj-divider-inset-end, 0);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.adj-divider[data-inset="start"] {
|
|
24
|
+
--adj-divider-inset-start: 1rem;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.adj-divider[data-inset="both"] {
|
|
28
|
+
--adj-divider-inset-start: 1rem;
|
|
29
|
+
--adj-divider-inset-end: 1rem;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.adj-divider[data-variant="heavy"] {
|
|
33
|
+
--adj-divider-thickness: 0.5rem;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { HTMLAttributes } from "react";
|
|
2
|
+
import "./divider.css";
|
|
3
|
+
export type DividerInset = "both" | "none" | "start";
|
|
4
|
+
export type DividerOrientation = "horizontal" | "vertical";
|
|
5
|
+
export type DividerVariant = "heavy" | "regular";
|
|
6
|
+
export interface DividerProps extends HTMLAttributes<HTMLDivElement> {
|
|
7
|
+
readonly inset?: DividerInset;
|
|
8
|
+
readonly orientation?: DividerOrientation;
|
|
9
|
+
readonly variant?: DividerVariant;
|
|
10
|
+
}
|
|
11
|
+
export declare function Divider({ className, inset, orientation, variant, ...props }: DividerProps): import("react").JSX.Element;
|
|
12
|
+
//# sourceMappingURL=divider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../src/divider/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AACrD,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,SAAS,CAAC;AAEjD,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,kBAAkB,CAAC;IAC1C,QAAQ,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC;CACnC;AAED,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,KAAc,EACd,WAA0B,EAC1B,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,YAAY,+BAcd"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import "./divider.css";
|
|
3
|
+
export function Divider({ className, inset = "none", orientation = "horizontal", variant = "regular", ...props }) {
|
|
4
|
+
const classes = ["adj-divider", className].filter(Boolean).join(" ");
|
|
5
|
+
return (_jsx("div", { "aria-orientation": orientation, className: classes, "data-inset": inset, "data-orientation": orientation, "data-variant": variant, role: "separator", ...props }));
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=divider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../src/divider/divider.tsx"],"names":[],"mappings":";AAEA,OAAO,eAAe,CAAC;AAYvB,MAAM,UAAU,OAAO,CAAC,EACtB,SAAS,EACT,KAAK,GAAG,MAAM,EACd,WAAW,GAAG,YAAY,EAC1B,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACK;IACb,MAAM,OAAO,GAAG,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAErE,OAAO,CACL,kCACoB,WAAW,EAC7B,SAAS,EAAE,OAAO,gBACN,KAAK,sBACC,WAAW,kBACf,OAAO,EACrB,IAAI,EAAC,WAAW,KACZ,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.adj-button.adj-fab {
|
|
3
|
+
position: relative;
|
|
4
|
+
z-index: var(--adj-fab-z-index, 40);
|
|
5
|
+
display: inline-grid;
|
|
6
|
+
box-sizing: border-box;
|
|
7
|
+
width: var(--adj-fab-size);
|
|
8
|
+
min-width: var(--adj-fab-size);
|
|
9
|
+
height: var(--adj-fab-size);
|
|
10
|
+
min-height: var(--adj-fab-size);
|
|
11
|
+
padding: 0;
|
|
12
|
+
color: var(--adj-fab-color);
|
|
13
|
+
font: inherit;
|
|
14
|
+
appearance: none;
|
|
15
|
+
cursor: pointer;
|
|
16
|
+
background: var(--adj-fab-background);
|
|
17
|
+
border: 1px solid var(--adj-fab-border, color-mix(in srgb, var(--adj-fab-color) 14%, transparent));
|
|
18
|
+
border-radius: var(--radius-xl, var(--radius, 0.625rem));
|
|
19
|
+
outline: 0;
|
|
20
|
+
place-items: center;
|
|
21
|
+
transition:
|
|
22
|
+
opacity 180ms ease,
|
|
23
|
+
transform 180ms ease,
|
|
24
|
+
filter 120ms ease;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.adj-fab[data-fab-size="default"] {
|
|
28
|
+
--adj-fab-size: 3.5rem;
|
|
29
|
+
--adj-fab-icon-size: 1.5rem;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.adj-fab[data-fab-size="medium"] {
|
|
33
|
+
--adj-fab-size: 5rem;
|
|
34
|
+
--adj-fab-icon-size: 1.75rem;
|
|
35
|
+
|
|
36
|
+
border-radius: var(--radius-2xl, var(--radius, 0.625rem));
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.adj-fab[data-fab-size="large"] {
|
|
40
|
+
--adj-fab-size: 6rem;
|
|
41
|
+
--adj-fab-icon-size: 2.25rem;
|
|
42
|
+
|
|
43
|
+
border-radius: var(--radius-3xl, var(--radius, 0.625rem));
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.adj-fab[data-fab-tone="primary"] {
|
|
47
|
+
--adj-fab-color: var(--primary-foreground, Canvas);
|
|
48
|
+
--adj-fab-background: var(--primary, CanvasText);
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.adj-fab[data-fab-tone="secondary"] {
|
|
52
|
+
--adj-fab-color: var(--secondary-foreground, CanvasText);
|
|
53
|
+
--adj-fab-background: var(--secondary, color-mix(in srgb, CanvasText 14%, Canvas));
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.adj-fab[data-fab-tone="tertiary"] {
|
|
57
|
+
--adj-fab-color: var(--tertiary-foreground, var(--accent-foreground, CanvasText));
|
|
58
|
+
--adj-fab-background: var(--tertiary, var(--accent, color-mix(in srgb, CanvasText 14%, Canvas)));
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.adj-fab[data-fab-tone="primary-container"] {
|
|
62
|
+
--adj-fab-color: var(--on-primary-container, var(--primary, CanvasText));
|
|
63
|
+
--adj-fab-background: var(--primary-container, color-mix(in srgb, var(--primary, CanvasText) 18%, var(--background, Canvas)));
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.adj-fab[data-fab-tone="secondary-container"] {
|
|
67
|
+
--adj-fab-color: var(--on-secondary-container, var(--secondary-foreground, CanvasText));
|
|
68
|
+
--adj-fab-background: var(--secondary-container, var(--secondary, color-mix(in srgb, CanvasText 14%, Canvas)));
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.adj-fab[data-fab-tone="tertiary-container"] {
|
|
72
|
+
--adj-fab-color: var(--on-tertiary-container, var(--accent-foreground, CanvasText));
|
|
73
|
+
--adj-fab-background: var(--tertiary-container, var(--accent, color-mix(in srgb, CanvasText 14%, Canvas)));
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.adj-fab[data-fab-placement="bottom-start"],
|
|
77
|
+
.adj-fab[data-fab-placement="bottom-end"] {
|
|
78
|
+
position: fixed;
|
|
79
|
+
inset-block-end: calc(var(--adj-fab-bottom-offset, 1rem) + env(safe-area-inset-bottom));
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.adj-fab[data-fab-placement="bottom-start"] {
|
|
83
|
+
inset-inline-start: calc(var(--adj-fab-inline-offset, 1rem) + env(safe-area-inset-left));
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.adj-fab[data-fab-placement="bottom-end"] {
|
|
87
|
+
inset-inline-end: calc(var(--adj-fab-inline-offset, 1rem) + env(safe-area-inset-right));
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.adj-fab:hover:not(:disabled) {
|
|
91
|
+
filter: brightness(0.94);
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.adj-fab:active:not(:disabled) {
|
|
95
|
+
filter: brightness(0.88);
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.adj-fab:focus-visible {
|
|
99
|
+
outline: 2px solid var(--ring, currentColor);
|
|
100
|
+
outline-offset: 2px;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.adj-fab:disabled {
|
|
104
|
+
cursor: default;
|
|
105
|
+
opacity: 0.38;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.adj-fab[data-fab-visible="false"] {
|
|
109
|
+
visibility: hidden;
|
|
110
|
+
pointer-events: none;
|
|
111
|
+
opacity: 0;
|
|
112
|
+
transform: scale(0.8);
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.adj-fab__icon {
|
|
116
|
+
display: grid;
|
|
117
|
+
width: var(--adj-fab-icon-size);
|
|
118
|
+
height: var(--adj-fab-icon-size);
|
|
119
|
+
place-items: center;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.adj-fab__icon > svg {
|
|
123
|
+
width: 100%;
|
|
124
|
+
height: 100%;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
@media (prefers-reduced-motion: reduce) {
|
|
128
|
+
.adj-fab {
|
|
129
|
+
transition: none;
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { ButtonHTMLAttributes, ReactNode } from "react";
|
|
2
|
+
import "./floating-action-button.css";
|
|
3
|
+
export type FloatingActionButtonSize = "default" | "medium" | "large";
|
|
4
|
+
export type FloatingActionButtonTone = "primary" | "secondary" | "tertiary" | "primary-container" | "secondary-container" | "tertiary-container";
|
|
5
|
+
export type FloatingActionButtonPlacement = "inline" | "bottom-start" | "bottom-end";
|
|
6
|
+
export interface FloatingActionButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "aria-label" | "children"> {
|
|
7
|
+
readonly "aria-label": string;
|
|
8
|
+
readonly children: ReactNode;
|
|
9
|
+
readonly placement?: FloatingActionButtonPlacement;
|
|
10
|
+
readonly size?: FloatingActionButtonSize;
|
|
11
|
+
readonly tone?: FloatingActionButtonTone;
|
|
12
|
+
readonly visible?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export declare function FloatingActionButton({ "aria-label": ariaLabel, children, className, disabled, placement, size, tabIndex, tone, type, visible, ...props }: FloatingActionButtonProps): import("react").JSX.Element;
|
|
15
|
+
//# sourceMappingURL=floating-action-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"floating-action-button.d.ts","sourceRoot":"","sources":["../../src/floating-action-button/floating-action-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,SAAS,EACV,MAAM,OAAO,CAAC;AAIf,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AACtE,MAAM,MAAM,wBAAwB,GAChC,SAAS,GACT,WAAW,GACX,UAAU,GACV,mBAAmB,GACnB,qBAAqB,GACrB,oBAAoB,CAAC;AACzB,MAAM,MAAM,6BAA6B,GACrC,QAAQ,GACR,cAAc,GACd,YAAY,CAAC;AAEjB,MAAM,WAAW,yBACf,SAAQ,IAAI,CACV,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,YAAY,GAAG,UAAU,CAC1B;IACD,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,6BAA6B,CAAC;IACnD,QAAQ,CAAC,IAAI,CAAC,EAAE,wBAAwB,CAAC;IACzC,QAAQ,CAAC,IAAI,CAAC,EAAE,wBAAwB,CAAC;IACzC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,SAAS,EACT,QAAgB,EAChB,SAAoB,EACpB,IAAe,EACf,QAAQ,EACR,IAA0B,EAC1B,IAAe,EACf,OAAc,EACd,GAAG,KAAK,EACT,EAAE,yBAAyB,+BAyB3B"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Button } from "../button/button.js";
|
|
3
|
+
import "./floating-action-button.css";
|
|
4
|
+
export function FloatingActionButton({ "aria-label": ariaLabel, children, className, disabled = false, placement = "inline", size = "medium", tabIndex, tone = "primary-container", type = "button", visible = true, ...props }) {
|
|
5
|
+
const classes = ["adj-fab", className].filter(Boolean).join(" ");
|
|
6
|
+
return (_jsx(Button, { ...props, "aria-hidden": visible ? undefined : true, "aria-label": ariaLabel, className: classes, "data-fab-placement": placement, "data-fab-size": size, "data-fab-tone": tone, "data-fab-visible": String(visible), disabled: disabled || !visible, shape: "square", size: "sm", tabIndex: visible ? tabIndex : -1, type: type, variant: "tonal", children: _jsx("span", { "aria-hidden": "true", className: "adj-fab__icon", children: children }) }));
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=floating-action-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"floating-action-button.js","sourceRoot":"","sources":["../../src/floating-action-button/floating-action-button.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,8BAA8B,CAAC;AA4BtC,MAAM,UAAU,oBAAoB,CAAC,EACnC,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,QAAQ,EACpB,IAAI,GAAG,QAAQ,EACf,QAAQ,EACR,IAAI,GAAG,mBAAmB,EAC1B,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,IAAI,EACd,GAAG,KAAK,EACkB;IAC1B,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEjE,OAAO,CACL,KAAC,MAAM,OACD,KAAK,iBACI,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,gBAC3B,SAAS,EACrB,SAAS,EAAE,OAAO,wBACE,SAAS,mBACd,IAAI,mBACJ,IAAI,sBACD,MAAM,CAAC,OAAO,CAAC,EACjC,QAAQ,EAAE,QAAQ,IAAI,CAAC,OAAO,EAC9B,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,EACjC,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,OAAO,YAEf,8BAAkB,MAAM,EAAC,SAAS,EAAC,eAAe,YAC/C,QAAQ,GACJ,GACA,CACV,CAAC;AACJ,CAAC"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export { displayModeFrom, useDisplayMode, type DisplayMode, type DisplayModeSource, } from "./runtime/use-display-mode.js";
|
|
2
|
+
export { KEYBOARD_THRESHOLD_PX, keyboardStateFrom, useKeyboard, type KeyboardState, } from "./runtime/use-keyboard.js";
|
|
3
|
+
export { TIER_MIN_WIDTH, tierForWidth, useViewportTier, type ViewportTier, } from "./runtime/use-viewport-tier.js";
|
|
4
|
+
export { Page, type PageOptions, type PageProps } from "./page/page.js";
|
|
5
|
+
export { Text, type TextProps, type TextVariant } from "./text/text.js";
|
|
6
|
+
export { Snackbar, type SnackbarDuration, type SnackbarProps, } from "./snackbar/snackbar.js";
|
|
7
|
+
export { TextField, type TextFieldProps, type TextFieldVariant, } from "./text-field/text-field.js";
|
|
8
|
+
export { TextArea, type TextAreaProps } from "./text-area/text-area.js";
|
|
9
|
+
export { DataTable, DataTableBody, DataTableCell, DataTableEmpty, DataTableHead, DataTableHeader, DataTablePagination, DataTableRow, type DataTableBodyProps, type DataTableCellProps, type DataTableDensity, type DataTableEmptyProps, type DataTableHeadProps, type DataTableHeaderProps, type DataTablePaginationProps, type DataTableProps, type DataTableRowProps, type DataTableSortDirection, } from "./data-table/data-table.js";
|
|
10
|
+
export { Menu, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSelect, MenuSeparator, MenuTrigger, type MenuContentProps, type MenuGroupProps, type MenuItemProps, type MenuLabelProps, type MenuProps, type MenuRadioGroupProps, type MenuRadioItemProps, type MenuSelectOption, type MenuSelectProps, type MenuSeparatorProps, type MenuTriggerProps, } from "./menu/menu.js";
|
|
11
|
+
export { Tab, TabList, TabPanel, Tabs, type TabListProps, type TabPanelProps, type TabProps, type TabsMode, type TabsProps, type TabsVariant, } from "./tabs/tabs.js";
|
|
12
|
+
export { Button, IconButton, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, type IconButtonProps, type IconButtonVariant, type IconButtonWidth, } from "./button/button.js";
|
|
13
|
+
export { FloatingActionButton, type FloatingActionButtonPlacement, type FloatingActionButtonProps, type FloatingActionButtonSize, type FloatingActionButtonTone, } from "./floating-action-button/floating-action-button.js";
|
|
14
|
+
export { Card, CardActions, CardContent, CardDescription, CardHeader, CardMedia, CardSubtitle, CardTitle, type CardProps, type CardVariant, } from "./card/card.js";
|
|
15
|
+
export { Checkbox, type CheckboxProps, type CheckboxState, } from "./checkbox/checkbox.js";
|
|
16
|
+
export { Divider, type DividerInset, type DividerOrientation, type DividerProps, type DividerVariant, } from "./divider/divider.js";
|
|
17
|
+
export { List, ListItem, ListSection, type ListDividerInset, type ListItemLines, type ListItemProps, type ListProps, type ListSectionProps, type ListSectionTitleElement, type ListVariant, } from "./list/list.js";
|
|
18
|
+
export { RadioGroup, type RadioGroupProps, type RadioOption, type RadioVariant, } from "./radio/radio.js";
|
|
19
|
+
export { Switch, type SwitchProps } from "./switch/switch.js";
|
|
20
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|