@techfides/ui-library-design 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/LICENSE +21 -0
- package/README.md +55 -0
- package/assets/brands/digital-boost-group.svg +1 -0
- package/assets/brands/rtsg.svg +1 -0
- package/assets/brands/tech-it-out.svg +1 -0
- package/assets/brands/techfides.svg +1 -0
- package/css/index.css +8 -0
- package/css/theme.css +1640 -0
- package/dist/brands.d.ts +39 -0
- package/dist/brands.js +41 -0
- package/dist/brands.js.map +1 -0
- package/dist/charts/animation.js +14 -0
- package/dist/charts/animation.js.map +1 -0
- package/dist/charts/bars.d.ts +22 -0
- package/dist/charts/bars.js +61 -0
- package/dist/charts/bars.js.map +1 -0
- package/dist/charts/groupedBars.d.ts +20 -0
- package/dist/charts/groupedBars.js +82 -0
- package/dist/charts/groupedBars.js.map +1 -0
- package/dist/charts/paint.js +19 -0
- package/dist/charts/paint.js.map +1 -0
- package/dist/charts/spark.d.ts +17 -0
- package/dist/charts/spark.js +159 -0
- package/dist/charts/spark.js.map +1 -0
- package/dist/charts/tooltip.js +41 -0
- package/dist/charts/tooltip.js.map +1 -0
- package/dist/cn.d.ts +6 -0
- package/dist/cn.js +178 -0
- package/dist/cn.js.map +1 -0
- package/dist/control.d.ts +15 -0
- package/dist/control.js +13 -0
- package/dist/control.js.map +1 -0
- package/dist/index.d.ts +65 -0
- package/dist/index.js +65 -0
- package/dist/mark.d.ts +7 -0
- package/dist/mark.js +11 -0
- package/dist/mark.js.map +1 -0
- package/dist/parts/control.js +55 -0
- package/dist/parts/control.js.map +1 -0
- package/dist/parts/eyebrow.js +8 -0
- package/dist/parts/eyebrow.js.map +1 -0
- package/dist/parts/mark.js +52 -0
- package/dist/parts/mark.js.map +1 -0
- package/dist/parts/reveal.js +35 -0
- package/dist/parts/reveal.js.map +1 -0
- package/dist/parts/rouse.js +25 -0
- package/dist/parts/rouse.js.map +1 -0
- package/dist/parts/rule.js +12 -0
- package/dist/parts/rule.js.map +1 -0
- package/dist/parts/scroll.js +10 -0
- package/dist/parts/scroll.js.map +1 -0
- package/dist/parts/shell.js +23 -0
- package/dist/parts/shell.js.map +1 -0
- package/dist/parts/surface.js +15 -0
- package/dist/parts/surface.js.map +1 -0
- package/dist/parts/tone.js +13 -0
- package/dist/parts/tone.js.map +1 -0
- package/dist/parts/travel.js +11 -0
- package/dist/parts/travel.js.map +1 -0
- package/dist/recipes/accordion.d.ts +13 -0
- package/dist/recipes/accordion.js +42 -0
- package/dist/recipes/accordion.js.map +1 -0
- package/dist/recipes/alert.d.ts +16 -0
- package/dist/recipes/alert.js +21 -0
- package/dist/recipes/alert.js.map +1 -0
- package/dist/recipes/band.d.ts +8 -0
- package/dist/recipes/band.js +22 -0
- package/dist/recipes/band.js.map +1 -0
- package/dist/recipes/bars.d.ts +17 -0
- package/dist/recipes/bars.js +27 -0
- package/dist/recipes/bars.js.map +1 -0
- package/dist/recipes/brandMark.d.ts +5 -0
- package/dist/recipes/brandMark.js +7 -0
- package/dist/recipes/brandMark.js.map +1 -0
- package/dist/recipes/button.d.ts +23 -0
- package/dist/recipes/button.js +229 -0
- package/dist/recipes/button.js.map +1 -0
- package/dist/recipes/cardHeader.d.ts +10 -0
- package/dist/recipes/cardHeader.js +11 -0
- package/dist/recipes/cardHeader.js.map +1 -0
- package/dist/recipes/checkbox.d.ts +26 -0
- package/dist/recipes/checkbox.js +103 -0
- package/dist/recipes/checkbox.js.map +1 -0
- package/dist/recipes/chip.d.ts +26 -0
- package/dist/recipes/chip.js +123 -0
- package/dist/recipes/chip.js.map +1 -0
- package/dist/recipes/codeEditor.d.ts +74 -0
- package/dist/recipes/codeEditor.js +71 -0
- package/dist/recipes/codeEditor.js.map +1 -0
- package/dist/recipes/datePicker.d.ts +39 -0
- package/dist/recipes/datePicker.js +166 -0
- package/dist/recipes/datePicker.js.map +1 -0
- package/dist/recipes/dialog.d.ts +37 -0
- package/dist/recipes/dialog.js +116 -0
- package/dist/recipes/dialog.js.map +1 -0
- package/dist/recipes/feature.d.ts +15 -0
- package/dist/recipes/feature.js +48 -0
- package/dist/recipes/feature.js.map +1 -0
- package/dist/recipes/field.d.ts +26 -0
- package/dist/recipes/field.js +129 -0
- package/dist/recipes/field.js.map +1 -0
- package/dist/recipes/findings.d.ts +11 -0
- package/dist/recipes/findings.js +16 -0
- package/dist/recipes/findings.js.map +1 -0
- package/dist/recipes/heading.d.ts +17 -0
- package/dist/recipes/heading.js +37 -0
- package/dist/recipes/heading.js.map +1 -0
- package/dist/recipes/heartbeat.d.ts +23 -0
- package/dist/recipes/heartbeat.js +43 -0
- package/dist/recipes/heartbeat.js.map +1 -0
- package/dist/recipes/input.d.ts +17 -0
- package/dist/recipes/input.js +90 -0
- package/dist/recipes/input.js.map +1 -0
- package/dist/recipes/listItem.d.ts +6 -0
- package/dist/recipes/listItem.js +8 -0
- package/dist/recipes/listItem.js.map +1 -0
- package/dist/recipes/listbox.d.ts +12 -0
- package/dist/recipes/listbox.js +29 -0
- package/dist/recipes/listbox.js.map +1 -0
- package/dist/recipes/marquee.d.ts +19 -0
- package/dist/recipes/marquee.js +36 -0
- package/dist/recipes/marquee.js.map +1 -0
- package/dist/recipes/menu.d.ts +26 -0
- package/dist/recipes/menu.js +86 -0
- package/dist/recipes/menu.js.map +1 -0
- package/dist/recipes/metaRow.d.ts +14 -0
- package/dist/recipes/metaRow.js +19 -0
- package/dist/recipes/metaRow.js.map +1 -0
- package/dist/recipes/meter.d.ts +23 -0
- package/dist/recipes/meter.js +39 -0
- package/dist/recipes/meter.js.map +1 -0
- package/dist/recipes/motion.d.ts +6 -0
- package/dist/recipes/motion.js +34 -0
- package/dist/recipes/motion.js.map +1 -0
- package/dist/recipes/nebula.d.ts +9 -0
- package/dist/recipes/nebula.js +15 -0
- package/dist/recipes/nebula.js.map +1 -0
- package/dist/recipes/numberRange.d.ts +15 -0
- package/dist/recipes/numberRange.js +109 -0
- package/dist/recipes/numberRange.js.map +1 -0
- package/dist/recipes/paper.d.ts +22 -0
- package/dist/recipes/paper.js +42 -0
- package/dist/recipes/paper.js.map +1 -0
- package/dist/recipes/progressBar.d.ts +7 -0
- package/dist/recipes/progressBar.js +11 -0
- package/dist/recipes/progressBar.js.map +1 -0
- package/dist/recipes/queue.d.ts +16 -0
- package/dist/recipes/queue.js +27 -0
- package/dist/recipes/queue.js.map +1 -0
- package/dist/recipes/radioGroup.d.ts +27 -0
- package/dist/recipes/radioGroup.js +68 -0
- package/dist/recipes/radioGroup.js.map +1 -0
- package/dist/recipes/scopeSwitcher.d.ts +26 -0
- package/dist/recipes/scopeSwitcher.js +80 -0
- package/dist/recipes/scopeSwitcher.js.map +1 -0
- package/dist/recipes/scrollArea.d.ts +19 -0
- package/dist/recipes/scrollArea.js +43 -0
- package/dist/recipes/scrollArea.js.map +1 -0
- package/dist/recipes/searchPalette.d.ts +19 -0
- package/dist/recipes/searchPalette.js +63 -0
- package/dist/recipes/searchPalette.js.map +1 -0
- package/dist/recipes/sectionHeader.d.ts +9 -0
- package/dist/recipes/sectionHeader.js +10 -0
- package/dist/recipes/sectionHeader.js.map +1 -0
- package/dist/recipes/segmentedControl.d.ts +9 -0
- package/dist/recipes/segmentedControl.js +29 -0
- package/dist/recipes/segmentedControl.js.map +1 -0
- package/dist/recipes/select.d.ts +9 -0
- package/dist/recipes/select.js +21 -0
- package/dist/recipes/select.js.map +1 -0
- package/dist/recipes/separator.d.ts +14 -0
- package/dist/recipes/separator.js +59 -0
- package/dist/recipes/separator.js.map +1 -0
- package/dist/recipes/sidebar.d.ts +40 -0
- package/dist/recipes/sidebar.js +128 -0
- package/dist/recipes/sidebar.js.map +1 -0
- package/dist/recipes/sky.d.ts +20 -0
- package/dist/recipes/sky.js +127 -0
- package/dist/recipes/sky.js.map +1 -0
- package/dist/recipes/slider.d.ts +20 -0
- package/dist/recipes/slider.js +62 -0
- package/dist/recipes/slider.js.map +1 -0
- package/dist/recipes/stat.d.ts +30 -0
- package/dist/recipes/stat.js +52 -0
- package/dist/recipes/stat.js.map +1 -0
- package/dist/recipes/switch.d.ts +20 -0
- package/dist/recipes/switch.js +60 -0
- package/dist/recipes/switch.js.map +1 -0
- package/dist/recipes/table.d.ts +74 -0
- package/dist/recipes/table.js +182 -0
- package/dist/recipes/table.js.map +1 -0
- package/dist/recipes/tableFilter.d.ts +14 -0
- package/dist/recipes/tableFilter.js +28 -0
- package/dist/recipes/tableFilter.js.map +1 -0
- package/dist/recipes/tablePaging.d.ts +15 -0
- package/dist/recipes/tablePaging.js +50 -0
- package/dist/recipes/tablePaging.js.map +1 -0
- package/dist/recipes/tail.d.ts +20 -0
- package/dist/recipes/tail.js +48 -0
- package/dist/recipes/tail.js.map +1 -0
- package/dist/recipes/text.d.ts +25 -0
- package/dist/recipes/text.js +94 -0
- package/dist/recipes/text.js.map +1 -0
- package/dist/recipes/textarea.d.ts +13 -0
- package/dist/recipes/textarea.js +48 -0
- package/dist/recipes/textarea.js.map +1 -0
- package/dist/recipes/tile.d.ts +18 -0
- package/dist/recipes/tile.js +85 -0
- package/dist/recipes/tile.js.map +1 -0
- package/dist/recipes/tooltip.d.ts +12 -0
- package/dist/recipes/tooltip.js +26 -0
- package/dist/recipes/tooltip.js.map +1 -0
- package/dist/recipes/topBar.d.ts +15 -0
- package/dist/recipes/topBar.js +35 -0
- package/dist/recipes/topBar.js.map +1 -0
- package/dist/recipes/trail.d.ts +27 -0
- package/dist/recipes/trail.js +66 -0
- package/dist/recipes/trail.js.map +1 -0
- package/dist/recipes/userMenu.d.ts +11 -0
- package/dist/recipes/userMenu.js +38 -0
- package/dist/recipes/userMenu.js.map +1 -0
- package/dist/tally.d.ts +17 -0
- package/dist/tally.js +75 -0
- package/dist/tally.js.map +1 -0
- package/dist/tone.d.ts +26 -0
- package/dist/tone.js +26 -0
- package/dist/tone.js.map +1 -0
- package/dist/words.d.ts +116 -0
- package/dist/words.js +93 -0
- package/dist/words.js.map +1 -0
- package/package.json +72 -0
package/dist/cn.js
ADDED
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
import { clsx } from "clsx";
|
|
2
|
+
import { extendTailwindMerge } from "tailwind-merge";
|
|
3
|
+
//#region src/cn.ts
|
|
4
|
+
const { color, duration, ...themeScales } = {
|
|
5
|
+
animate: [
|
|
6
|
+
"tf-arrive",
|
|
7
|
+
"tf-blend-in",
|
|
8
|
+
"tf-in",
|
|
9
|
+
"tf-out",
|
|
10
|
+
"tf-chip-in",
|
|
11
|
+
"tf-chip-out",
|
|
12
|
+
"tf-rewind",
|
|
13
|
+
"tf-lift",
|
|
14
|
+
"tf-lift-rewind",
|
|
15
|
+
"tf-expand",
|
|
16
|
+
"tf-collapse",
|
|
17
|
+
"tf-depart",
|
|
18
|
+
"tf-shake",
|
|
19
|
+
"tf-pop",
|
|
20
|
+
"tf-nudge",
|
|
21
|
+
"tf-fade-in",
|
|
22
|
+
"tf-fade-out",
|
|
23
|
+
"tf-fade-rewind",
|
|
24
|
+
"tf-page",
|
|
25
|
+
"tf-page-again",
|
|
26
|
+
"tf-rise",
|
|
27
|
+
"tf-draw"
|
|
28
|
+
],
|
|
29
|
+
blur: [
|
|
30
|
+
"tf-panel",
|
|
31
|
+
"tf-glass",
|
|
32
|
+
"tf-scrim",
|
|
33
|
+
"tf-cloud-md",
|
|
34
|
+
"tf-cloud-tight",
|
|
35
|
+
"tf-cloud-wide"
|
|
36
|
+
],
|
|
37
|
+
color: [
|
|
38
|
+
"tf-accent",
|
|
39
|
+
"tf-accent-hi",
|
|
40
|
+
"tf-accent-deep",
|
|
41
|
+
"tf-accent-surface",
|
|
42
|
+
"tf-accent-tint",
|
|
43
|
+
"tf-accent-edge",
|
|
44
|
+
"tf-on-accent",
|
|
45
|
+
"tf-bg",
|
|
46
|
+
"tf-surface",
|
|
47
|
+
"tf-surface-hi",
|
|
48
|
+
"tf-surface-quiet",
|
|
49
|
+
"tf-sunken",
|
|
50
|
+
"tf-sunken-hi",
|
|
51
|
+
"tf-sunken-quiet",
|
|
52
|
+
"tf-control",
|
|
53
|
+
"tf-control-hi",
|
|
54
|
+
"tf-panel",
|
|
55
|
+
"tf-panel-2",
|
|
56
|
+
"tf-panel-hi",
|
|
57
|
+
"tf-glass",
|
|
58
|
+
"tf-shade-under",
|
|
59
|
+
"tf-shade-deep",
|
|
60
|
+
"tf-scrim",
|
|
61
|
+
"tf-line",
|
|
62
|
+
"tf-line-2",
|
|
63
|
+
"tf-line-hi",
|
|
64
|
+
"tf-fg",
|
|
65
|
+
"tf-fg-held",
|
|
66
|
+
"tf-muted",
|
|
67
|
+
"tf-success",
|
|
68
|
+
"tf-success-hi",
|
|
69
|
+
"tf-warning",
|
|
70
|
+
"tf-warning-hi",
|
|
71
|
+
"tf-info",
|
|
72
|
+
"tf-info-hi",
|
|
73
|
+
"tf-danger",
|
|
74
|
+
"tf-danger-hi",
|
|
75
|
+
"tf-danger-wash",
|
|
76
|
+
"tf-success-tint",
|
|
77
|
+
"tf-success-edge",
|
|
78
|
+
"tf-warning-tint",
|
|
79
|
+
"tf-warning-edge",
|
|
80
|
+
"tf-info-tint",
|
|
81
|
+
"tf-info-edge",
|
|
82
|
+
"tf-danger-tint",
|
|
83
|
+
"tf-danger-edge",
|
|
84
|
+
"tf-on-semantic"
|
|
85
|
+
],
|
|
86
|
+
container: [
|
|
87
|
+
"tf-panel",
|
|
88
|
+
"tf-measure",
|
|
89
|
+
"tf-page",
|
|
90
|
+
"tf-canvas"
|
|
91
|
+
],
|
|
92
|
+
duration: [
|
|
93
|
+
"tf-1",
|
|
94
|
+
"tf-2",
|
|
95
|
+
"tf-3",
|
|
96
|
+
"tf-4"
|
|
97
|
+
],
|
|
98
|
+
ease: [
|
|
99
|
+
"tf",
|
|
100
|
+
"tf-spring",
|
|
101
|
+
"tf-glide",
|
|
102
|
+
"tf-settle"
|
|
103
|
+
],
|
|
104
|
+
font: ["tf-display", "tf-body"],
|
|
105
|
+
radius: [
|
|
106
|
+
"tf-none",
|
|
107
|
+
"tf-inline",
|
|
108
|
+
"tf-control",
|
|
109
|
+
"tf-block",
|
|
110
|
+
"tf-card",
|
|
111
|
+
"tf-pill"
|
|
112
|
+
],
|
|
113
|
+
shadow: ["tf-float", "tf-mark"],
|
|
114
|
+
spacing: [
|
|
115
|
+
"tf-hairline",
|
|
116
|
+
"tf-control-2xs",
|
|
117
|
+
"tf-control-xs",
|
|
118
|
+
"tf-control-sm",
|
|
119
|
+
"tf-control-md",
|
|
120
|
+
"tf-control-lg",
|
|
121
|
+
"tf-row",
|
|
122
|
+
"tf-chip-sm",
|
|
123
|
+
"tf-target",
|
|
124
|
+
"tf-menu",
|
|
125
|
+
"tf-sidebar",
|
|
126
|
+
"tf-rail",
|
|
127
|
+
"tf-icon-2xs",
|
|
128
|
+
"tf-icon-xs",
|
|
129
|
+
"tf-icon-sm",
|
|
130
|
+
"tf-icon-md",
|
|
131
|
+
"tf-icon-lg",
|
|
132
|
+
"tf-icon-solo-xs",
|
|
133
|
+
"tf-icon-solo-sm",
|
|
134
|
+
"tf-icon-solo-md",
|
|
135
|
+
"tf-icon-solo-lg",
|
|
136
|
+
"tf-mark-glyph",
|
|
137
|
+
"tf-mark-dot",
|
|
138
|
+
"tf-mark-track",
|
|
139
|
+
"tf-mark-inset"
|
|
140
|
+
],
|
|
141
|
+
text: [
|
|
142
|
+
"tf-display",
|
|
143
|
+
"tf-h1",
|
|
144
|
+
"tf-h2",
|
|
145
|
+
"tf-h3",
|
|
146
|
+
"tf-h4",
|
|
147
|
+
"tf-figure",
|
|
148
|
+
"tf-unit",
|
|
149
|
+
"tf-lead",
|
|
150
|
+
"tf-body",
|
|
151
|
+
"tf-body-sm",
|
|
152
|
+
"tf-caption",
|
|
153
|
+
"tf-caption-sm"
|
|
154
|
+
],
|
|
155
|
+
tracking: ["tf-tight", "tf-eyebrow"]
|
|
156
|
+
};
|
|
157
|
+
const twMerge = extendTailwindMerge({ extend: {
|
|
158
|
+
classGroups: {
|
|
159
|
+
"bg-image": [{ bg: ["tf-blend"] }],
|
|
160
|
+
"blend-base": [{ blend: color ?? [] }],
|
|
161
|
+
"cloud-blur": [
|
|
162
|
+
"tf-cloud-md",
|
|
163
|
+
"tf-cloud-tight",
|
|
164
|
+
"tf-cloud-wide"
|
|
165
|
+
],
|
|
166
|
+
duration: [{ duration: duration ?? [] }],
|
|
167
|
+
"text-color": [{ text: ["tf-blend"] }]
|
|
168
|
+
},
|
|
169
|
+
theme: {
|
|
170
|
+
...themeScales,
|
|
171
|
+
color: color ?? []
|
|
172
|
+
}
|
|
173
|
+
} });
|
|
174
|
+
const cn = (...inputs) => twMerge(clsx(inputs));
|
|
175
|
+
//#endregion
|
|
176
|
+
export { cn };
|
|
177
|
+
|
|
178
|
+
//# sourceMappingURL=cn.js.map
|
package/dist/cn.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cn.js","names":[],"sources":["../src/cn.ts"],"sourcesContent":["import type { ClassValue } from 'clsx'\nimport { clsx } from 'clsx'\nimport { extendTailwindMerge } from 'tailwind-merge'\n\nconst twScales: Record<string, string[]> = {\n animate: [\n 'tf-arrive',\n 'tf-blend-in',\n 'tf-in',\n 'tf-out',\n 'tf-chip-in',\n 'tf-chip-out',\n 'tf-rewind',\n 'tf-lift',\n 'tf-lift-rewind',\n 'tf-expand',\n 'tf-collapse',\n 'tf-depart',\n 'tf-shake',\n 'tf-pop',\n 'tf-nudge',\n 'tf-fade-in',\n 'tf-fade-out',\n 'tf-fade-rewind',\n 'tf-page',\n 'tf-page-again',\n 'tf-rise',\n 'tf-draw',\n ],\n blur: ['tf-panel', 'tf-glass', 'tf-scrim', 'tf-cloud-md', 'tf-cloud-tight', 'tf-cloud-wide'],\n color: [\n 'tf-accent',\n 'tf-accent-hi',\n 'tf-accent-deep',\n 'tf-accent-surface',\n 'tf-accent-tint',\n 'tf-accent-edge',\n 'tf-on-accent',\n 'tf-bg',\n 'tf-surface',\n 'tf-surface-hi',\n 'tf-surface-quiet',\n 'tf-sunken',\n 'tf-sunken-hi',\n 'tf-sunken-quiet',\n 'tf-control',\n 'tf-control-hi',\n 'tf-panel',\n 'tf-panel-2',\n 'tf-panel-hi',\n 'tf-glass',\n 'tf-shade-under',\n 'tf-shade-deep',\n 'tf-scrim',\n 'tf-line',\n 'tf-line-2',\n 'tf-line-hi',\n 'tf-fg',\n 'tf-fg-held',\n 'tf-muted',\n 'tf-success',\n 'tf-success-hi',\n 'tf-warning',\n 'tf-warning-hi',\n 'tf-info',\n 'tf-info-hi',\n 'tf-danger',\n 'tf-danger-hi',\n 'tf-danger-wash',\n 'tf-success-tint',\n 'tf-success-edge',\n 'tf-warning-tint',\n 'tf-warning-edge',\n 'tf-info-tint',\n 'tf-info-edge',\n 'tf-danger-tint',\n 'tf-danger-edge',\n 'tf-on-semantic',\n ],\n container: ['tf-panel', 'tf-measure', 'tf-page', 'tf-canvas'],\n duration: ['tf-1', 'tf-2', 'tf-3', 'tf-4'],\n ease: ['tf', 'tf-spring', 'tf-glide', 'tf-settle'],\n font: ['tf-display', 'tf-body'],\n radius: ['tf-none', 'tf-inline', 'tf-control', 'tf-block', 'tf-card', 'tf-pill'],\n shadow: ['tf-float', 'tf-mark'],\n spacing: [\n 'tf-hairline',\n 'tf-control-2xs',\n 'tf-control-xs',\n 'tf-control-sm',\n 'tf-control-md',\n 'tf-control-lg',\n 'tf-row',\n 'tf-chip-sm',\n 'tf-target',\n 'tf-menu',\n 'tf-sidebar',\n 'tf-rail',\n 'tf-icon-2xs',\n 'tf-icon-xs',\n 'tf-icon-sm',\n 'tf-icon-md',\n 'tf-icon-lg',\n 'tf-icon-solo-xs',\n 'tf-icon-solo-sm',\n 'tf-icon-solo-md',\n 'tf-icon-solo-lg',\n 'tf-mark-glyph',\n 'tf-mark-dot',\n 'tf-mark-track',\n 'tf-mark-inset',\n ],\n text: [\n 'tf-display',\n 'tf-h1',\n 'tf-h2',\n 'tf-h3',\n 'tf-h4',\n 'tf-figure',\n 'tf-unit',\n 'tf-lead',\n 'tf-body',\n 'tf-body-sm',\n 'tf-caption',\n 'tf-caption-sm',\n ],\n tracking: ['tf-tight', 'tf-eyebrow'],\n}\n\nconst { color, duration, ...themeScales } = twScales\n\nconst twMerge = extendTailwindMerge<'blend-base' | 'cloud-blur'>({\n extend: {\n classGroups: {\n 'bg-image': [{ bg: ['tf-blend'] }],\n 'blend-base': [{ blend: color ?? [] }],\n 'cloud-blur': ['tf-cloud-md', 'tf-cloud-tight', 'tf-cloud-wide'],\n duration: [{ duration: duration ?? [] }],\n 'text-color': [{ text: ['tf-blend'] }],\n },\n theme: { ...themeScales, color: color ?? [] },\n },\n})\n\nconst cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs))\n\nexport { cn }\n"],"mappings":";;;AAiIA,MAAM,EAAE,OAAO,UAAU,GAAG,gBAAgB;CA5H1C,SAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EAAC;EAAY;EAAY;EAAY;EAAe;EAAkB;CAAe;CAC3F,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,WAAW;EAAC;EAAY;EAAc;EAAW;CAAW;CAC5D,UAAU;EAAC;EAAQ;EAAQ;EAAQ;CAAM;CACzC,MAAM;EAAC;EAAM;EAAa;EAAY;CAAW;CACjD,MAAM,CAAC,cAAc,SAAS;CAC9B,QAAQ;EAAC;EAAW;EAAa;EAAc;EAAY;EAAW;CAAS;CAC/E,QAAQ,CAAC,YAAY,SAAS;CAC9B,SAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,UAAU,CAAC,YAAY,YAAY;AAGc;AAEnD,MAAM,UAAU,oBAAiD,EAC/D,QAAQ;CACN,aAAa;EACX,YAAY,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC;EACjC,cAAc,CAAC,EAAE,OAAO,SAAS,CAAC,EAAE,CAAC;EACrC,cAAc;GAAC;GAAe;GAAkB;EAAe;EAC/D,UAAU,CAAC,EAAE,UAAU,YAAY,CAAC,EAAE,CAAC;EACvC,cAAc,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC;CACvC;CACA,OAAO;EAAE,GAAG;EAAa,OAAO,SAAS,CAAC;CAAE;AAC9C,EACF,CAAC;AAED,MAAM,MAAM,GAAG,WAAiC,QAAQ,KAAK,MAAM,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
//#region src/control.d.ts
|
|
2
|
+
type ControlSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
type ButtonSize = ControlSize | 'xs';
|
|
4
|
+
declare const defaultControlSize = "lg";
|
|
5
|
+
type FieldSize = 'lg' | 'md';
|
|
6
|
+
declare const defaultFieldSize = "lg";
|
|
7
|
+
declare const controlIcon: {
|
|
8
|
+
lg: string;
|
|
9
|
+
md: string;
|
|
10
|
+
sm: string;
|
|
11
|
+
xs: string;
|
|
12
|
+
};
|
|
13
|
+
//#endregion
|
|
14
|
+
export { type ButtonSize, type ControlSize, type FieldSize, controlIcon, defaultControlSize, defaultFieldSize };
|
|
15
|
+
//# sourceMappingURL=control.d.ts.map
|
package/dist/control.js
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
//#region src/control.ts
|
|
2
|
+
const defaultControlSize = "lg";
|
|
3
|
+
const defaultFieldSize = "lg";
|
|
4
|
+
const controlIcon = {
|
|
5
|
+
lg: "size-tf-icon-lg",
|
|
6
|
+
md: "size-tf-icon-md",
|
|
7
|
+
sm: "size-tf-icon-sm",
|
|
8
|
+
xs: "size-tf-icon-xs"
|
|
9
|
+
};
|
|
10
|
+
//#endregion
|
|
11
|
+
export { controlIcon, defaultControlSize, defaultFieldSize };
|
|
12
|
+
|
|
13
|
+
//# sourceMappingURL=control.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"control.js","names":[],"sources":["../src/control.ts"],"sourcesContent":["type ControlSize = 'sm' | 'md' | 'lg'\n\ntype ButtonSize = ControlSize | 'xs'\n\nconst defaultControlSize = 'lg' satisfies ControlSize\n\ntype FieldSize = 'lg' | 'md'\n\nconst defaultFieldSize = 'lg' satisfies FieldSize\n\nconst controlIcon = {\n lg: 'size-tf-icon-lg',\n md: 'size-tf-icon-md',\n sm: 'size-tf-icon-sm',\n xs: 'size-tf-icon-xs',\n} satisfies Record<ButtonSize, string>\n\nexport {\n type ButtonSize,\n type ControlSize,\n type FieldSize,\n controlIcon,\n defaultControlSize,\n defaultFieldSize,\n}\n"],"mappings":";AAIA,MAAM,qBAAqB;AAI3B,MAAM,mBAAmB;AAEzB,MAAM,cAAc;CAClB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { Brand, BrandSlug, brandTitle, brands, defaultBrand } from "./brands.js";
|
|
2
|
+
import { BarsAccent, BarsOptionInput, BarsPoint, barsOption } from "./charts/bars.js";
|
|
3
|
+
import { GroupedBarsOptionInput, GroupedBarsSeries, groupedBarsOption } from "./charts/groupedBars.js";
|
|
4
|
+
import { SparkAccent, SparkOptionInput, SparkShape, sparkOption } from "./charts/spark.js";
|
|
5
|
+
import { cn } from "./cn.js";
|
|
6
|
+
import { ButtonSize, ControlSize, FieldSize, controlIcon, defaultControlSize, defaultFieldSize } from "./control.js";
|
|
7
|
+
import { MarkPlate, defaultMarkPlate, markPlates } from "./mark.js";
|
|
8
|
+
import { Tally, WHOLE, tallyAt, tallyOf } from "./tally.js";
|
|
9
|
+
import { Tone, toneBlend, toneText, toneTint } from "./tone.js";
|
|
10
|
+
import { DatePickerWords, DialogWords, Language, SearchWords, SelectWords, SidebarWords, StatWords, TableWords, TailWords, UserMenuWords, Words, english } from "./words.js";
|
|
11
|
+
import { accordionBodyRecipe, accordionContentRecipe, accordionIndicatorRecipe, accordionItemRecipe, accordionLabelRecipe, accordionMetaRecipe, accordionRecipe, accordionRuleRecipe, accordionTriggerRecipe } from "./recipes/accordion.js";
|
|
12
|
+
import { AlertVariant, alertActionRecipe, alertBannerRecipe, alertBannerTextRecipe, alertDetailRecipe, alertInlineMarkRecipe, alertInlineRecipe, alertInlineTextRecipe, alertVariants, defaultAlertVariant } from "./recipes/alert.js";
|
|
13
|
+
import { bandRecipe } from "./recipes/band.js";
|
|
14
|
+
import { barsChartRecipe, barsFootRecipe, barsHeadRecipe, barsHintRecipe, barsLabelRecipe, barsLegendDotRecipe, barsLegendListRecipe, barsLegendRecipe, barsRecipe, barsSummaryRecipe, barsTextRecipe } from "./recipes/bars.js";
|
|
15
|
+
import { ButtonAccent, ButtonVariant, buttonAccents, buttonRecipe, buttonSizes, buttonSpinnerRecipe, buttonVariants, buttonWordsRecipe } from "./recipes/button.js";
|
|
16
|
+
import { CardHeaderRank, cardHeaderActionRecipe, cardHeaderRanks, cardHeaderRecipe, cardHeaderStackRecipe, defaultCardHeaderRank } from "./recipes/cardHeader.js";
|
|
17
|
+
import { CheckboxAccent, checkboxAccents, checkboxControlRecipe, checkboxDashRecipe, checkboxHintRecipe, checkboxIndicatorRecipe, checkboxLabelRecipe, checkboxMarkRecipe, checkboxRecipe, checkboxTitleRecipe, defaultCheckboxAccent } from "./recipes/checkbox.js";
|
|
18
|
+
import { ChipAccent, ChipSize, ChipTone, chipAccents, chipCloseRecipe, chipCountRecipe, chipDotRecipe, chipLabelRecipe, chipRecipe, chipSizes, chipTextRecipe, chipTones, defaultChipAccent, defaultChipSize, defaultChipTone } from "./recipes/chip.js";
|
|
19
|
+
import { DatePickerMode, DatePickerRangePreset, datePickerBodyRecipe, datePickerContentRecipe, datePickerDashRecipe, datePickerDayRecipe, datePickerEndRecipe, datePickerFootRecipe, datePickerGridRecipe, datePickerHeadRecipe, datePickerModes, datePickerNavRecipe, datePickerPresetRecipe, datePickerRangePresets, datePickerRangeTextRecipe, datePickerRowRecipe, datePickerRuleRecipe, datePickerStartRecipe, datePickerTriggerRecipe, datePickerValueRecipe, datePickerViewRecipe, datePickerViewTriggerRecipe, datePickerViewsRecipe, datePickerWeekCellRecipe, defaultDatePickerMode } from "./recipes/datePicker.js";
|
|
20
|
+
import { DialogLayout, DialogSize, defaultDialogLayout, defaultDialogSize, dialogBackdropRecipe, dialogBodyRecipe, dialogCloseRecipe, dialogDescriptionRecipe, dialogFooterRecipe, dialogHeadRecipe, dialogHeadingsRecipe, dialogHeldRecipe, dialogLayouts, dialogNoteRecipe, dialogPositionerRecipe, dialogRecipe, dialogRowRecipe, dialogRowValueRecipe, dialogSizes, dialogTitleRecipe } from "./recipes/dialog.js";
|
|
21
|
+
import { FeatureLevel, defaultFeatureLevel, featureBodyRecipe, featureFootRecipe, featureLevels, featureLinkRecipe, featureRecipe, featureTileRecipe, featureTitleRecipe } from "./recipes/feature.js";
|
|
22
|
+
import { fieldErrorRecipe, fieldFootRecipe, fieldHintRecipe, fieldLabelRecipe, fieldRecipe, fieldRowRecipe, fieldUnitRecipe, leadingRecipe, trailingActionRecipe, trailingRecipe } from "./recipes/field.js";
|
|
23
|
+
import { findingIconRecipe, findingMessageRecipe, findingPathRecipe, findingRecipe, findingTextRecipe, findingsRecipe, findingsSummaryRecipe } from "./recipes/findings.js";
|
|
24
|
+
import { HEADING_DEFAULT_TAG, HeadingLevel, defaultHeadingLevel, headingLevels, headingRecipe } from "./recipes/heading.js";
|
|
25
|
+
import { HeartbeatState, defaultHeartbeatState, heartbeatBeatRecipe, heartbeatBeatsRecipe, heartbeatDotRecipe, heartbeatHintRecipe, heartbeatLabelRecipe, heartbeatMarkRecipe, heartbeatRecipe, heartbeatRingRecipe, heartbeatRowRecipe, heartbeatStates, heartbeatTextRecipe } from "./recipes/heartbeat.js";
|
|
26
|
+
import { InputType, TRAILING_INSET, inputRecipe, inputTypes, labelRoom } from "./recipes/input.js";
|
|
27
|
+
import { brandMarkRecipe } from "./recipes/brandMark.js";
|
|
28
|
+
import { codeEditorRecipe, codeEditorTheme, codeSyntaxColors } from "./recipes/codeEditor.js";
|
|
29
|
+
import { listItemRecipe, listItemStackRecipe } from "./recipes/listItem.js";
|
|
30
|
+
import { ListboxMark, listboxEmptyRecipe, listboxItemRecipe, listboxLabelRecipe, listboxMarkRecipe, listboxRecipe } from "./recipes/listbox.js";
|
|
31
|
+
import { MarqueeItem, marqueeCopyRecipe, marqueeItemRecipe, marqueeMarkRecipe, marqueeNameRecipe, marqueeRecipe, marqueeRuleRecipe, marqueeSpacing, marqueeStageRecipe, marqueeViewportRecipe } from "./recipes/marquee.js";
|
|
32
|
+
import { MenuPlacement, MenuTone, defaultMenuPlacement, defaultMenuTone, menuArrowRecipe, menuArrowTipRecipe, menuGroupRecipe, menuItemRecipe, menuLabelRecipe, menuListRecipe, menuMarkRecipe, menuPlacements, menuSeparatorRecipe, menuShortcutRecipe, menuSurfaceRecipe, menuTextRecipe, menuTones } from "./recipes/menu.js";
|
|
33
|
+
import { MetaRowEmphasis, MetaRowLayout, defaultMetaRowEmphasis, defaultMetaRowLayout, metaRowEmphases, metaRowLayouts, metaRowRecipe, metaRowTones } from "./recipes/metaRow.js";
|
|
34
|
+
import { MeterPartEdge, MeterVariant, defaultMeterVariant, meterCaptionRecipe, meterHeadRecipe, meterLegendDotRecipe, meterLegendItemRecipe, meterLegendRecipe, meterPartRecipe, meterPartsRecipe, meterRangeRecipe, meterReadingRecipe, meterRecipe, meterTrackRecipe, meterVariants } from "./recipes/meter.js";
|
|
35
|
+
import { collapseMotion, overlayMotion } from "./recipes/motion.js";
|
|
36
|
+
import { nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaRecipe, nebulaVeilRecipe } from "./recipes/nebula.js";
|
|
37
|
+
import { numberRangeDashRecipe, numberRangeHalfRecipe, numberRangeRecipe } from "./recipes/numberRange.js";
|
|
38
|
+
import { PaperInset, PaperVariant, defaultPaperInset, defaultPaperVariant, paperActionRecipe, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperVariants } from "./recipes/paper.js";
|
|
39
|
+
import { progressBarRangeRecipe, progressBarTones, progressBarTrackRecipe } from "./recipes/progressBar.js";
|
|
40
|
+
import { queueAgeFillRecipe, queueAgeLabelRecipe, queueAgeRecipe, queueAgeTrackRecipe, queueDotRecipe, queueHintRecipe, queueLeadRecipe, queueRecipe, queueRowRecipe, queueTextRecipe } from "./recipes/queue.js";
|
|
41
|
+
import { RadioAccent, defaultRadioAccent, radioAccents, radioAsideRecipe, radioControlRecipe, radioDotRecipe, radioErrorRecipe, radioGroupLabelRecipe, radioGroupRecipe, radioHintRecipe, radioIndicatorRecipe, radioLabelRecipe, radioLeadRecipe, radioRecipe, radioTitleRecipe } from "./recipes/radioGroup.js";
|
|
42
|
+
import { scopeSwitcherBadgeRecipe, scopeSwitcherChevronsRecipe, scopeSwitcherCodeRecipe, scopeSwitcherDotRecipe, scopeSwitcherEyebrowRecipe, scopeSwitcherIconRecipe, scopeSwitcherListRecipe, scopeSwitcherMarkRecipe, scopeSwitcherPillIconRecipe, scopeSwitcherPillRecipe, scopeSwitcherRecipe, scopeSwitcherRowMetaRecipe, scopeSwitcherRowNameRecipe, scopeSwitcherRowRecipe, scopeSwitcherRowTextRecipe, scopeSwitcherTextRecipe, scopeSwitcherValueRecipe, scopeSwitcherWarningRecipe } from "./recipes/scopeSwitcher.js";
|
|
43
|
+
import { ScrollAreaSurface, defaultScrollAreaSurface, scrollAreaRecipe, scrollAreaSurfaces, scrollBarRecipe, scrollContentRecipe, scrollCornerRecipe, scrollThumbRecipe, scrollViewportRecipe } from "./recipes/scrollArea.js";
|
|
44
|
+
import { searchEmptyRecipe, searchFieldRecipe, searchFootRecipe, searchHitMetaRecipe, searchHitRecipe, searchHitTextRecipe, searchInputRecipe, searchKeyRecipe, searchLabelRecipe, searchListRecipe, searchMarkRecipe, searchPanelRecipe, searchPositionerRecipe, searchRuleRecipe, searchTriggerRecipe } from "./recipes/searchPalette.js";
|
|
45
|
+
import { SectionHeaderSize, defaultSectionHeaderSize, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes } from "./recipes/sectionHeader.js";
|
|
46
|
+
import { segmentedControlIndicatorRecipe, segmentedControlItemRecipe, segmentedControlRecipe } from "./recipes/segmentedControl.js";
|
|
47
|
+
import { selectEmptyRecipe, selectIndicatorRecipe, selectRowRecipe, selectTriggerRecipe, selectValueRecipe } from "./recipes/select.js";
|
|
48
|
+
import { SeparatorOrientation, SeparatorVariant, defaultSeparatorOrientation, defaultSeparatorVariant, separatorOrientations, separatorRecipe, separatorVariants } from "./recipes/separator.js";
|
|
49
|
+
import { sidebarBrandRecipe, sidebarBrandStackRecipe, sidebarBrandSubtitleRecipe, sidebarChevronRecipe, sidebarDotRecipe, sidebarFootRecipe, sidebarGroupRecipe, sidebarHeadRecipe, sidebarIconRecipe, sidebarItemRecipe, sidebarLabelRecipe, sidebarMarkRecipe, sidebarMobileBarRecipe, sidebarMobileEyebrowRecipe, sidebarMobileHeadingsRecipe, sidebarMobileTitleRecipe, sidebarNavRecipe, sidebarOverlayBackdropRecipe, sidebarOverlayBodyRecipe, sidebarOverlayBrandRecipe, sidebarOverlayHeadRecipe, sidebarOverlayItemActive, sidebarOverlayNavRecipe, sidebarOverlayPanelRecipe, sidebarOverlayPositionerRecipe, sidebarOverlayScopeRecipe, sidebarOverlaySeparatorRecipe, sidebarRecipe, sidebarScopeRecipe, sidebarSubRecipe, sidebarSwitchRecipe, sidebarToggleRecipe, sidebarTravel, sidebarWordmarkRecipe } from "./recipes/sidebar.js";
|
|
50
|
+
import { sliderBoundsRecipe, sliderControlRecipe, sliderFootRecipe, sliderHeadRecipe, sliderHintRecipe, sliderKnobSize, sliderLabelRecipe, sliderNotchRecipe, sliderNotchesRecipe, sliderRangeRecipe, sliderRecipe, sliderThumbRecipe, sliderTrackRecipe, sliderValueRecipe } from "./recipes/slider.js";
|
|
51
|
+
import { Cloud, StarLayer, cloudDrift, contentRecipe, driftRecipe, skyRecipe, starLayers, starRecipe } from "./recipes/sky.js";
|
|
52
|
+
import { StatAccent, StatDirection, StatSparkShape, StatSurface, defaultStatAccent, defaultStatSparkShape, defaultStatSurface, statAccents, statChangeRecipe, statDirections, statFigureRecipe, statHintRecipe, statLabelRecipe, statRecipe, statSparkRecipe, statSparkShapes, statStackRecipe, statSurfaces, statTermRecipe, statUnitRecipe, statValueRecipe } from "./recipes/stat.js";
|
|
53
|
+
import { TailSeverity, defaultTailSeverity, tailAtRecipe, tailEmptyRecipe, tailGutterRecipe, tailLineRecipe, tailRecipe, tailScrollRecipe, tailSeverities, tailTextRecipe } from "./recipes/tail.js";
|
|
54
|
+
import { TextFamily, TextSize, TextTone, TextWeight, defaultTextFamily, defaultTextSize, defaultTextTone, defaultTextWeight, restingWeight, textFamilies, textRecipe, textSizes, textTones, textWeights } from "./recipes/text.js";
|
|
55
|
+
import { TileRest, TileTone, defaultTileRest, defaultTileTone, tileCloudRecipe, tileGlyphRecipe, tileRecipe, tileRests, tileTones } from "./recipes/tile.js";
|
|
56
|
+
import { TooltipPlacement, defaultTooltipPlacement, tooltipArrowRecipe, tooltipArrowTipRecipe, tooltipCloseToken, tooltipOpenToken, tooltipPlacements, tooltipRecipe } from "./recipes/tooltip.js";
|
|
57
|
+
import { TopBarLevel, defaultTopBarLevel, topBarActionsRecipe, topBarContentRecipe, topBarEdgeRecipe, topBarEyebrowRecipe, topBarHeadingsRecipe, topBarLevels, topBarRecipe, topBarRuleRecipe, topBarTitleRecipe } from "./recipes/topBar.js";
|
|
58
|
+
import { TrailFlow, TrailState, defaultTrailFlow, defaultTrailState, trailBadgeRecipe, trailCaptionRecipe, trailConnectorRecipe, trailFlows, trailHintRecipe, trailLabelRecipe, trailRecipe, trailSpinRecipe, trailStates, trailStepRecipe } from "./recipes/trail.js";
|
|
59
|
+
import { userAvatarRecipe, userChevronRecipe, userIdentityRecipe, userNameRecipe, userPortraitRecipe, userRoleRecipe, userTriggerRecipe } from "./recipes/userMenu.js";
|
|
60
|
+
import { TableAlign, TableFilterKind, tableActionsCellRecipe, tableActionsWidth, tableAppliedRecipe, tableBodyRecipe, tableCardRecipe, tableCellRecipe, tableDetailBodyRecipe, tableDetailRecipe, tableEmptyHintRecipe, tableEmptyRecipe, tableEmptyTitleRecipe, tableExpandIconRecipe, tableExpandRecipe, tableFilterMarkRecipe, tableFilterRecipe, tableGridRecipe, tableGroupRecipe, tableHeadCellRecipe, tableHeadRowRecipe, tableHeadingRecipe, tableMarkRecipe, tablePinWidth, tableRankRecipe, tableRecipe, tableRowRecipe, tableRuleRecipe, tableScrollRecipe, tableSearchRecipe, tableSelectCellRecipe, tableSelectionActionsRecipe, tableSelectionCountRecipe, tableSelectionRecipe, tableSkeletonBarRecipe, tableSkeletonMarkRecipe, tableSortIconRecipe, tableSortLabelRecipe, tableSortMarkRecipe, tableSortRecipe, tableStepRecipe, tableToolbarRecipe, tableValueRecipe } from "./recipes/table.js";
|
|
61
|
+
import { tableFilterCountRecipe, tableFilterFieldRecipe, tableFilterFootRecipe, tableFilterOptionRecipe, tableFilterOptionsRecipe, tableFilterPanelRecipe, tableFilterRuleRecipe, tableFilterTitleRecipe } from "./recipes/tableFilter.js";
|
|
62
|
+
import { tableFootRecipe, tableGapRecipe, tablePageMarkRecipe, tablePageRecipe, tablePageSizeMarkRecipe, tablePageSizeRecipe, tablePageSizeStripRecipe, tablePageSizesRecipe, tablePagesRecipe, tablePagingRecipe, tableRangeRecipe } from "./recipes/tablePaging.js";
|
|
63
|
+
import { SwitchAccent, defaultSwitchAccent, switchAccents, switchControlRecipe, switchHintRecipe, switchLabelRecipe, switchRecipe, switchThumbRecipe, switchTitleRecipe } from "./recipes/switch.js";
|
|
64
|
+
import { TextareaReach, textareaCountRecipe, textareaRecipe, textareaShellRecipe } from "./recipes/textarea.js";
|
|
65
|
+
export { type AlertVariant, type BarsAccent, type BarsOptionInput, type BarsPoint, type Brand, type BrandSlug, type ButtonAccent, type ButtonSize, type ButtonVariant, type CardHeaderRank, type CheckboxAccent, type ChipAccent, type ChipSize, type ChipTone, type Cloud, type ControlSize, type DatePickerMode, type DatePickerRangePreset, type DatePickerWords, type DialogLayout, type DialogSize, type DialogWords, type FeatureLevel, type FieldSize, type GroupedBarsOptionInput, type GroupedBarsSeries, HEADING_DEFAULT_TAG, type HeadingLevel, type HeartbeatState, type InputType, type Language, type ListboxMark, type MarkPlate, type MarqueeItem, type MenuPlacement, type MenuTone, type MetaRowEmphasis, type MetaRowLayout, type MeterPartEdge, type MeterVariant, type PaperInset, type PaperVariant, type RadioAccent, type ScrollAreaSurface, type SearchWords, type SectionHeaderSize, type SelectWords, type SeparatorOrientation, type SeparatorVariant, type SidebarWords, type SparkAccent, type SparkOptionInput, type SparkShape, type StarLayer, type StatAccent, type StatDirection, type StatSparkShape, type StatSurface, type StatWords, type SwitchAccent, TRAILING_INSET, type TableAlign, type TableFilterKind, type TableWords, type TailSeverity, type TailWords, type Tally, type TextFamily, type TextSize, type TextTone, type TextWeight, type TextareaReach, type TileRest, type TileTone, type Tone, type TooltipPlacement, type TopBarLevel, type TrailFlow, type TrailState, type UserMenuWords, WHOLE, type Words, accordionBodyRecipe, accordionContentRecipe, accordionIndicatorRecipe, accordionItemRecipe, accordionLabelRecipe, accordionMetaRecipe, accordionRecipe, accordionRuleRecipe, accordionTriggerRecipe, alertActionRecipe, alertBannerRecipe, alertBannerTextRecipe, alertDetailRecipe, alertInlineMarkRecipe, alertInlineRecipe, alertInlineTextRecipe, alertVariants, bandRecipe, barsChartRecipe, barsFootRecipe, barsHeadRecipe, barsHintRecipe, barsLabelRecipe, barsLegendDotRecipe, barsLegendListRecipe, barsLegendRecipe, barsOption, barsRecipe, barsSummaryRecipe, barsTextRecipe, brandMarkRecipe, brandTitle, brands, buttonAccents, buttonRecipe, buttonSizes, buttonSpinnerRecipe, buttonVariants, buttonWordsRecipe, cardHeaderActionRecipe, cardHeaderRanks, cardHeaderRecipe, cardHeaderStackRecipe, checkboxAccents, checkboxControlRecipe, checkboxDashRecipe, checkboxHintRecipe, checkboxIndicatorRecipe, checkboxLabelRecipe, checkboxMarkRecipe, checkboxRecipe, checkboxTitleRecipe, chipAccents, chipCloseRecipe, chipCountRecipe, chipDotRecipe, chipLabelRecipe, chipRecipe, chipSizes, chipTextRecipe, chipTones, cloudDrift, cn, codeEditorRecipe, codeEditorTheme, codeSyntaxColors, collapseMotion, contentRecipe, controlIcon, datePickerBodyRecipe, datePickerContentRecipe, datePickerDashRecipe, datePickerDayRecipe, datePickerEndRecipe, datePickerFootRecipe, datePickerGridRecipe, datePickerHeadRecipe, datePickerModes, datePickerNavRecipe, datePickerPresetRecipe, datePickerRangePresets, datePickerRangeTextRecipe, datePickerRowRecipe, datePickerRuleRecipe, datePickerStartRecipe, datePickerTriggerRecipe, datePickerValueRecipe, datePickerViewRecipe, datePickerViewTriggerRecipe, datePickerViewsRecipe, datePickerWeekCellRecipe, defaultAlertVariant, defaultBrand, defaultCardHeaderRank, defaultCheckboxAccent, defaultChipAccent, defaultChipSize, defaultChipTone, defaultControlSize, defaultDatePickerMode, defaultDialogLayout, defaultDialogSize, defaultFeatureLevel, defaultFieldSize, defaultHeadingLevel, defaultHeartbeatState, defaultMarkPlate, defaultMenuPlacement, defaultMenuTone, defaultMetaRowEmphasis, defaultMetaRowLayout, defaultMeterVariant, defaultPaperInset, defaultPaperVariant, defaultRadioAccent, defaultScrollAreaSurface, defaultSectionHeaderSize, defaultSeparatorOrientation, defaultSeparatorVariant, defaultStatAccent, defaultStatSparkShape, defaultStatSurface, defaultSwitchAccent, defaultTailSeverity, defaultTextFamily, defaultTextSize, defaultTextTone, defaultTextWeight, defaultTileRest, defaultTileTone, defaultTooltipPlacement, defaultTopBarLevel, defaultTrailFlow, defaultTrailState, dialogBackdropRecipe, dialogBodyRecipe, dialogCloseRecipe, dialogDescriptionRecipe, dialogFooterRecipe, dialogHeadRecipe, dialogHeadingsRecipe, dialogHeldRecipe, dialogLayouts, dialogNoteRecipe, dialogPositionerRecipe, dialogRecipe, dialogRowRecipe, dialogRowValueRecipe, dialogSizes, dialogTitleRecipe, driftRecipe, english, featureBodyRecipe, featureFootRecipe, featureLevels, featureLinkRecipe, featureRecipe, featureTileRecipe, featureTitleRecipe, fieldErrorRecipe, fieldFootRecipe, fieldHintRecipe, fieldLabelRecipe, fieldRecipe, fieldRowRecipe, fieldUnitRecipe, findingIconRecipe, findingMessageRecipe, findingPathRecipe, findingRecipe, findingTextRecipe, findingsRecipe, findingsSummaryRecipe, groupedBarsOption, headingLevels, headingRecipe, heartbeatBeatRecipe, heartbeatBeatsRecipe, heartbeatDotRecipe, heartbeatHintRecipe, heartbeatLabelRecipe, heartbeatMarkRecipe, heartbeatRecipe, heartbeatRingRecipe, heartbeatRowRecipe, heartbeatStates, heartbeatTextRecipe, inputRecipe, inputTypes, labelRoom, leadingRecipe, listItemRecipe, listItemStackRecipe, listboxEmptyRecipe, listboxItemRecipe, listboxLabelRecipe, listboxMarkRecipe, listboxRecipe, markPlates, marqueeCopyRecipe, marqueeItemRecipe, marqueeMarkRecipe, marqueeNameRecipe, marqueeRecipe, marqueeRuleRecipe, marqueeSpacing, marqueeStageRecipe, marqueeViewportRecipe, menuArrowRecipe, menuArrowTipRecipe, menuGroupRecipe, menuItemRecipe, menuLabelRecipe, menuListRecipe, menuMarkRecipe, menuPlacements, menuSeparatorRecipe, menuShortcutRecipe, menuSurfaceRecipe, menuTextRecipe, menuTones, metaRowEmphases, metaRowLayouts, metaRowRecipe, metaRowTones, meterCaptionRecipe, meterHeadRecipe, meterLegendDotRecipe, meterLegendItemRecipe, meterLegendRecipe, meterPartRecipe, meterPartsRecipe, meterRangeRecipe, meterReadingRecipe, meterRecipe, meterTrackRecipe, meterVariants, nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaRecipe, nebulaVeilRecipe, numberRangeDashRecipe, numberRangeHalfRecipe, numberRangeRecipe, overlayMotion, paperActionRecipe, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperVariants, progressBarRangeRecipe, progressBarTones, progressBarTrackRecipe, queueAgeFillRecipe, queueAgeLabelRecipe, queueAgeRecipe, queueAgeTrackRecipe, queueDotRecipe, queueHintRecipe, queueLeadRecipe, queueRecipe, queueRowRecipe, queueTextRecipe, radioAccents, radioAsideRecipe, radioControlRecipe, radioDotRecipe, radioErrorRecipe, radioGroupLabelRecipe, radioGroupRecipe, radioHintRecipe, radioIndicatorRecipe, radioLabelRecipe, radioLeadRecipe, radioRecipe, radioTitleRecipe, restingWeight, scopeSwitcherBadgeRecipe, scopeSwitcherChevronsRecipe, scopeSwitcherCodeRecipe, scopeSwitcherDotRecipe, scopeSwitcherEyebrowRecipe, scopeSwitcherIconRecipe, scopeSwitcherListRecipe, scopeSwitcherMarkRecipe, scopeSwitcherPillIconRecipe, scopeSwitcherPillRecipe, scopeSwitcherRecipe, scopeSwitcherRowMetaRecipe, scopeSwitcherRowNameRecipe, scopeSwitcherRowRecipe, scopeSwitcherRowTextRecipe, scopeSwitcherTextRecipe, scopeSwitcherValueRecipe, scopeSwitcherWarningRecipe, scrollAreaRecipe, scrollAreaSurfaces, scrollBarRecipe, scrollContentRecipe, scrollCornerRecipe, scrollThumbRecipe, scrollViewportRecipe, searchEmptyRecipe, searchFieldRecipe, searchFootRecipe, searchHitMetaRecipe, searchHitRecipe, searchHitTextRecipe, searchInputRecipe, searchKeyRecipe, searchLabelRecipe, searchListRecipe, searchMarkRecipe, searchPanelRecipe, searchPositionerRecipe, searchRuleRecipe, searchTriggerRecipe, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes, segmentedControlIndicatorRecipe, segmentedControlItemRecipe, segmentedControlRecipe, selectEmptyRecipe, selectIndicatorRecipe, selectRowRecipe, selectTriggerRecipe, selectValueRecipe, separatorOrientations, separatorRecipe, separatorVariants, sidebarBrandRecipe, sidebarBrandStackRecipe, sidebarBrandSubtitleRecipe, sidebarChevronRecipe, sidebarDotRecipe, sidebarFootRecipe, sidebarGroupRecipe, sidebarHeadRecipe, sidebarIconRecipe, sidebarItemRecipe, sidebarLabelRecipe, sidebarMarkRecipe, sidebarMobileBarRecipe, sidebarMobileEyebrowRecipe, sidebarMobileHeadingsRecipe, sidebarMobileTitleRecipe, sidebarNavRecipe, sidebarOverlayBackdropRecipe, sidebarOverlayBodyRecipe, sidebarOverlayBrandRecipe, sidebarOverlayHeadRecipe, sidebarOverlayItemActive, sidebarOverlayNavRecipe, sidebarOverlayPanelRecipe, sidebarOverlayPositionerRecipe, sidebarOverlayScopeRecipe, sidebarOverlaySeparatorRecipe, sidebarRecipe, sidebarScopeRecipe, sidebarSubRecipe, sidebarSwitchRecipe, sidebarToggleRecipe, sidebarTravel, sidebarWordmarkRecipe, skyRecipe, sliderBoundsRecipe, sliderControlRecipe, sliderFootRecipe, sliderHeadRecipe, sliderHintRecipe, sliderKnobSize, sliderLabelRecipe, sliderNotchRecipe, sliderNotchesRecipe, sliderRangeRecipe, sliderRecipe, sliderThumbRecipe, sliderTrackRecipe, sliderValueRecipe, sparkOption, starLayers, starRecipe, statAccents, statChangeRecipe, statDirections, statFigureRecipe, statHintRecipe, statLabelRecipe, statRecipe, statSparkRecipe, statSparkShapes, statStackRecipe, statSurfaces, statTermRecipe, statUnitRecipe, statValueRecipe, switchAccents, switchControlRecipe, switchHintRecipe, switchLabelRecipe, switchRecipe, switchThumbRecipe, switchTitleRecipe, tableActionsCellRecipe, tableActionsWidth, tableAppliedRecipe, tableBodyRecipe, tableCardRecipe, tableCellRecipe, tableDetailBodyRecipe, tableDetailRecipe, tableEmptyHintRecipe, tableEmptyRecipe, tableEmptyTitleRecipe, tableExpandIconRecipe, tableExpandRecipe, tableFilterCountRecipe, tableFilterFieldRecipe, tableFilterFootRecipe, tableFilterMarkRecipe, tableFilterOptionRecipe, tableFilterOptionsRecipe, tableFilterPanelRecipe, tableFilterRecipe, tableFilterRuleRecipe, tableFilterTitleRecipe, tableFootRecipe, tableGapRecipe, tableGridRecipe, tableGroupRecipe, tableHeadCellRecipe, tableHeadRowRecipe, tableHeadingRecipe, tableMarkRecipe, tablePageMarkRecipe, tablePageRecipe, tablePageSizeMarkRecipe, tablePageSizeRecipe, tablePageSizeStripRecipe, tablePageSizesRecipe, tablePagesRecipe, tablePagingRecipe, tablePinWidth, tableRangeRecipe, tableRankRecipe, tableRecipe, tableRowRecipe, tableRuleRecipe, tableScrollRecipe, tableSearchRecipe, tableSelectCellRecipe, tableSelectionActionsRecipe, tableSelectionCountRecipe, tableSelectionRecipe, tableSkeletonBarRecipe, tableSkeletonMarkRecipe, tableSortIconRecipe, tableSortLabelRecipe, tableSortMarkRecipe, tableSortRecipe, tableStepRecipe, tableToolbarRecipe, tableValueRecipe, tailAtRecipe, tailEmptyRecipe, tailGutterRecipe, tailLineRecipe, tailRecipe, tailScrollRecipe, tailSeverities, tailTextRecipe, tallyAt, tallyOf, textFamilies, textRecipe, textSizes, textTones, textWeights, textareaCountRecipe, textareaRecipe, textareaShellRecipe, tileCloudRecipe, tileGlyphRecipe, tileRecipe, tileRests, tileTones, toneBlend, toneText, toneTint, tooltipArrowRecipe, tooltipArrowTipRecipe, tooltipCloseToken, tooltipOpenToken, tooltipPlacements, tooltipRecipe, topBarActionsRecipe, topBarContentRecipe, topBarEdgeRecipe, topBarEyebrowRecipe, topBarHeadingsRecipe, topBarLevels, topBarRecipe, topBarRuleRecipe, topBarTitleRecipe, trailBadgeRecipe, trailCaptionRecipe, trailConnectorRecipe, trailFlows, trailHintRecipe, trailLabelRecipe, trailRecipe, trailSpinRecipe, trailStates, trailStepRecipe, trailingActionRecipe, trailingRecipe, userAvatarRecipe, userChevronRecipe, userIdentityRecipe, userNameRecipe, userPortraitRecipe, userRoleRecipe, userTriggerRecipe };
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { brandTitle, brands, defaultBrand } from "./brands.js";
|
|
2
|
+
import { barsOption } from "./charts/bars.js";
|
|
3
|
+
import { groupedBarsOption } from "./charts/groupedBars.js";
|
|
4
|
+
import { sparkOption } from "./charts/spark.js";
|
|
5
|
+
import { cn } from "./cn.js";
|
|
6
|
+
import { controlIcon, defaultControlSize, defaultFieldSize } from "./control.js";
|
|
7
|
+
import { defaultMarkPlate, markPlates } from "./mark.js";
|
|
8
|
+
import { WHOLE, tallyAt, tallyOf } from "./tally.js";
|
|
9
|
+
import { toneBlend, toneText, toneTint } from "./tone.js";
|
|
10
|
+
import { english } from "./words.js";
|
|
11
|
+
import { collapseMotion, overlayMotion } from "./recipes/motion.js";
|
|
12
|
+
import { accordionBodyRecipe, accordionContentRecipe, accordionIndicatorRecipe, accordionItemRecipe, accordionLabelRecipe, accordionMetaRecipe, accordionRecipe, accordionRuleRecipe, accordionTriggerRecipe } from "./recipes/accordion.js";
|
|
13
|
+
import { alertActionRecipe, alertBannerRecipe, alertBannerTextRecipe, alertDetailRecipe, alertInlineMarkRecipe, alertInlineRecipe, alertInlineTextRecipe, alertVariants, defaultAlertVariant } from "./recipes/alert.js";
|
|
14
|
+
import { bandRecipe } from "./recipes/band.js";
|
|
15
|
+
import { barsChartRecipe, barsFootRecipe, barsHeadRecipe, barsHintRecipe, barsLabelRecipe, barsLegendDotRecipe, barsLegendListRecipe, barsLegendRecipe, barsRecipe, barsSummaryRecipe, barsTextRecipe } from "./recipes/bars.js";
|
|
16
|
+
import { buttonAccents, buttonRecipe, buttonSizes, buttonSpinnerRecipe, buttonVariants, buttonWordsRecipe } from "./recipes/button.js";
|
|
17
|
+
import { cardHeaderActionRecipe, cardHeaderRanks, cardHeaderRecipe, cardHeaderStackRecipe, defaultCardHeaderRank } from "./recipes/cardHeader.js";
|
|
18
|
+
import { checkboxAccents, checkboxControlRecipe, checkboxDashRecipe, checkboxHintRecipe, checkboxIndicatorRecipe, checkboxLabelRecipe, checkboxMarkRecipe, checkboxRecipe, checkboxTitleRecipe, defaultCheckboxAccent } from "./recipes/checkbox.js";
|
|
19
|
+
import { chipAccents, chipCloseRecipe, chipCountRecipe, chipDotRecipe, chipLabelRecipe, chipRecipe, chipSizes, chipTextRecipe, chipTones, defaultChipAccent, defaultChipSize, defaultChipTone } from "./recipes/chip.js";
|
|
20
|
+
import { fieldErrorRecipe, fieldFootRecipe, fieldHintRecipe, fieldLabelRecipe, fieldRecipe, fieldRowRecipe, fieldUnitRecipe, leadingRecipe, trailingActionRecipe, trailingRecipe } from "./recipes/field.js";
|
|
21
|
+
import { TRAILING_INSET, inputRecipe, inputTypes, labelRoom } from "./recipes/input.js";
|
|
22
|
+
import { datePickerBodyRecipe, datePickerContentRecipe, datePickerDashRecipe, datePickerDayRecipe, datePickerEndRecipe, datePickerFootRecipe, datePickerGridRecipe, datePickerHeadRecipe, datePickerModes, datePickerNavRecipe, datePickerPresetRecipe, datePickerRangePresets, datePickerRangeTextRecipe, datePickerRowRecipe, datePickerRuleRecipe, datePickerStartRecipe, datePickerTriggerRecipe, datePickerValueRecipe, datePickerViewRecipe, datePickerViewTriggerRecipe, datePickerViewsRecipe, datePickerWeekCellRecipe, defaultDatePickerMode } from "./recipes/datePicker.js";
|
|
23
|
+
import { defaultDialogLayout, defaultDialogSize, dialogBackdropRecipe, dialogBodyRecipe, dialogCloseRecipe, dialogDescriptionRecipe, dialogFooterRecipe, dialogHeadRecipe, dialogHeadingsRecipe, dialogHeldRecipe, dialogLayouts, dialogNoteRecipe, dialogPositionerRecipe, dialogRecipe, dialogRowRecipe, dialogRowValueRecipe, dialogSizes, dialogTitleRecipe } from "./recipes/dialog.js";
|
|
24
|
+
import { defaultFeatureLevel, featureBodyRecipe, featureFootRecipe, featureLevels, featureLinkRecipe, featureRecipe, featureTileRecipe, featureTitleRecipe } from "./recipes/feature.js";
|
|
25
|
+
import { findingIconRecipe, findingMessageRecipe, findingPathRecipe, findingRecipe, findingTextRecipe, findingsRecipe, findingsSummaryRecipe } from "./recipes/findings.js";
|
|
26
|
+
import { HEADING_DEFAULT_TAG, defaultHeadingLevel, headingLevels, headingRecipe } from "./recipes/heading.js";
|
|
27
|
+
import { defaultHeartbeatState, heartbeatBeatRecipe, heartbeatBeatsRecipe, heartbeatDotRecipe, heartbeatHintRecipe, heartbeatLabelRecipe, heartbeatMarkRecipe, heartbeatRecipe, heartbeatRingRecipe, heartbeatRowRecipe, heartbeatStates, heartbeatTextRecipe } from "./recipes/heartbeat.js";
|
|
28
|
+
import { brandMarkRecipe } from "./recipes/brandMark.js";
|
|
29
|
+
import { codeEditorRecipe, codeEditorTheme, codeSyntaxColors } from "./recipes/codeEditor.js";
|
|
30
|
+
import { listItemRecipe, listItemStackRecipe } from "./recipes/listItem.js";
|
|
31
|
+
import { listboxEmptyRecipe, listboxItemRecipe, listboxLabelRecipe, listboxMarkRecipe, listboxRecipe } from "./recipes/listbox.js";
|
|
32
|
+
import { marqueeCopyRecipe, marqueeItemRecipe, marqueeMarkRecipe, marqueeNameRecipe, marqueeRecipe, marqueeRuleRecipe, marqueeSpacing, marqueeStageRecipe, marqueeViewportRecipe } from "./recipes/marquee.js";
|
|
33
|
+
import { defaultMenuPlacement, defaultMenuTone, menuArrowRecipe, menuArrowTipRecipe, menuGroupRecipe, menuItemRecipe, menuLabelRecipe, menuListRecipe, menuMarkRecipe, menuPlacements, menuSeparatorRecipe, menuShortcutRecipe, menuSurfaceRecipe, menuTextRecipe, menuTones } from "./recipes/menu.js";
|
|
34
|
+
import { defaultMetaRowEmphasis, defaultMetaRowLayout, metaRowEmphases, metaRowLayouts, metaRowRecipe, metaRowTones } from "./recipes/metaRow.js";
|
|
35
|
+
import { defaultMeterVariant, meterCaptionRecipe, meterHeadRecipe, meterLegendDotRecipe, meterLegendItemRecipe, meterLegendRecipe, meterPartRecipe, meterPartsRecipe, meterRangeRecipe, meterReadingRecipe, meterRecipe, meterTrackRecipe, meterVariants } from "./recipes/meter.js";
|
|
36
|
+
import { nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaRecipe, nebulaVeilRecipe } from "./recipes/nebula.js";
|
|
37
|
+
import { numberRangeDashRecipe, numberRangeHalfRecipe, numberRangeRecipe } from "./recipes/numberRange.js";
|
|
38
|
+
import { defaultPaperInset, defaultPaperVariant, paperActionRecipe, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperVariants } from "./recipes/paper.js";
|
|
39
|
+
import { progressBarRangeRecipe, progressBarTones, progressBarTrackRecipe } from "./recipes/progressBar.js";
|
|
40
|
+
import { queueAgeFillRecipe, queueAgeLabelRecipe, queueAgeRecipe, queueAgeTrackRecipe, queueDotRecipe, queueHintRecipe, queueLeadRecipe, queueRecipe, queueRowRecipe, queueTextRecipe } from "./recipes/queue.js";
|
|
41
|
+
import { defaultRadioAccent, radioAccents, radioAsideRecipe, radioControlRecipe, radioDotRecipe, radioErrorRecipe, radioGroupLabelRecipe, radioGroupRecipe, radioHintRecipe, radioIndicatorRecipe, radioLabelRecipe, radioLeadRecipe, radioRecipe, radioTitleRecipe } from "./recipes/radioGroup.js";
|
|
42
|
+
import { scopeSwitcherBadgeRecipe, scopeSwitcherChevronsRecipe, scopeSwitcherCodeRecipe, scopeSwitcherDotRecipe, scopeSwitcherEyebrowRecipe, scopeSwitcherIconRecipe, scopeSwitcherListRecipe, scopeSwitcherMarkRecipe, scopeSwitcherPillIconRecipe, scopeSwitcherPillRecipe, scopeSwitcherRecipe, scopeSwitcherRowMetaRecipe, scopeSwitcherRowNameRecipe, scopeSwitcherRowRecipe, scopeSwitcherRowTextRecipe, scopeSwitcherTextRecipe, scopeSwitcherValueRecipe, scopeSwitcherWarningRecipe } from "./recipes/scopeSwitcher.js";
|
|
43
|
+
import { defaultScrollAreaSurface, scrollAreaRecipe, scrollAreaSurfaces, scrollBarRecipe, scrollContentRecipe, scrollCornerRecipe, scrollThumbRecipe, scrollViewportRecipe } from "./recipes/scrollArea.js";
|
|
44
|
+
import { searchEmptyRecipe, searchFieldRecipe, searchFootRecipe, searchHitMetaRecipe, searchHitRecipe, searchHitTextRecipe, searchInputRecipe, searchKeyRecipe, searchLabelRecipe, searchListRecipe, searchMarkRecipe, searchPanelRecipe, searchPositionerRecipe, searchRuleRecipe, searchTriggerRecipe } from "./recipes/searchPalette.js";
|
|
45
|
+
import { defaultSectionHeaderSize, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes } from "./recipes/sectionHeader.js";
|
|
46
|
+
import { segmentedControlIndicatorRecipe, segmentedControlItemRecipe, segmentedControlRecipe } from "./recipes/segmentedControl.js";
|
|
47
|
+
import { selectEmptyRecipe, selectIndicatorRecipe, selectRowRecipe, selectTriggerRecipe, selectValueRecipe } from "./recipes/select.js";
|
|
48
|
+
import { defaultSeparatorOrientation, defaultSeparatorVariant, separatorOrientations, separatorRecipe, separatorVariants } from "./recipes/separator.js";
|
|
49
|
+
import { sidebarBrandRecipe, sidebarBrandStackRecipe, sidebarBrandSubtitleRecipe, sidebarChevronRecipe, sidebarDotRecipe, sidebarFootRecipe, sidebarGroupRecipe, sidebarHeadRecipe, sidebarIconRecipe, sidebarItemRecipe, sidebarLabelRecipe, sidebarMarkRecipe, sidebarMobileBarRecipe, sidebarMobileEyebrowRecipe, sidebarMobileHeadingsRecipe, sidebarMobileTitleRecipe, sidebarNavRecipe, sidebarOverlayBackdropRecipe, sidebarOverlayBodyRecipe, sidebarOverlayBrandRecipe, sidebarOverlayHeadRecipe, sidebarOverlayItemActive, sidebarOverlayNavRecipe, sidebarOverlayPanelRecipe, sidebarOverlayPositionerRecipe, sidebarOverlayScopeRecipe, sidebarOverlaySeparatorRecipe, sidebarRecipe, sidebarScopeRecipe, sidebarSubRecipe, sidebarSwitchRecipe, sidebarToggleRecipe, sidebarTravel, sidebarWordmarkRecipe } from "./recipes/sidebar.js";
|
|
50
|
+
import { sliderBoundsRecipe, sliderControlRecipe, sliderFootRecipe, sliderHeadRecipe, sliderHintRecipe, sliderKnobSize, sliderLabelRecipe, sliderNotchRecipe, sliderNotchesRecipe, sliderRangeRecipe, sliderRecipe, sliderThumbRecipe, sliderTrackRecipe, sliderValueRecipe } from "./recipes/slider.js";
|
|
51
|
+
import { cloudDrift, contentRecipe, driftRecipe, skyRecipe, starLayers, starRecipe } from "./recipes/sky.js";
|
|
52
|
+
import { defaultStatAccent, defaultStatSparkShape, defaultStatSurface, statAccents, statChangeRecipe, statDirections, statFigureRecipe, statHintRecipe, statLabelRecipe, statRecipe, statSparkRecipe, statSparkShapes, statStackRecipe, statSurfaces, statTermRecipe, statUnitRecipe, statValueRecipe } from "./recipes/stat.js";
|
|
53
|
+
import { defaultTailSeverity, tailAtRecipe, tailEmptyRecipe, tailGutterRecipe, tailLineRecipe, tailRecipe, tailScrollRecipe, tailSeverities, tailTextRecipe } from "./recipes/tail.js";
|
|
54
|
+
import { defaultTextFamily, defaultTextSize, defaultTextTone, defaultTextWeight, restingWeight, textFamilies, textRecipe, textSizes, textTones, textWeights } from "./recipes/text.js";
|
|
55
|
+
import { defaultTileRest, defaultTileTone, tileCloudRecipe, tileGlyphRecipe, tileRecipe, tileRests, tileTones } from "./recipes/tile.js";
|
|
56
|
+
import { defaultTooltipPlacement, tooltipArrowRecipe, tooltipArrowTipRecipe, tooltipCloseToken, tooltipOpenToken, tooltipPlacements, tooltipRecipe } from "./recipes/tooltip.js";
|
|
57
|
+
import { defaultTopBarLevel, topBarActionsRecipe, topBarContentRecipe, topBarEdgeRecipe, topBarEyebrowRecipe, topBarHeadingsRecipe, topBarLevels, topBarRecipe, topBarRuleRecipe, topBarTitleRecipe } from "./recipes/topBar.js";
|
|
58
|
+
import { defaultTrailFlow, defaultTrailState, trailBadgeRecipe, trailCaptionRecipe, trailConnectorRecipe, trailFlows, trailHintRecipe, trailLabelRecipe, trailRecipe, trailSpinRecipe, trailStates, trailStepRecipe } from "./recipes/trail.js";
|
|
59
|
+
import { userAvatarRecipe, userChevronRecipe, userIdentityRecipe, userNameRecipe, userPortraitRecipe, userRoleRecipe, userTriggerRecipe } from "./recipes/userMenu.js";
|
|
60
|
+
import { tableActionsCellRecipe, tableActionsWidth, tableAppliedRecipe, tableBodyRecipe, tableCardRecipe, tableCellRecipe, tableDetailBodyRecipe, tableDetailRecipe, tableEmptyHintRecipe, tableEmptyRecipe, tableEmptyTitleRecipe, tableExpandIconRecipe, tableExpandRecipe, tableFilterMarkRecipe, tableFilterRecipe, tableGridRecipe, tableGroupRecipe, tableHeadCellRecipe, tableHeadRowRecipe, tableHeadingRecipe, tableMarkRecipe, tablePinWidth, tableRankRecipe, tableRecipe, tableRowRecipe, tableRuleRecipe, tableScrollRecipe, tableSearchRecipe, tableSelectCellRecipe, tableSelectionActionsRecipe, tableSelectionCountRecipe, tableSelectionRecipe, tableSkeletonBarRecipe, tableSkeletonMarkRecipe, tableSortIconRecipe, tableSortLabelRecipe, tableSortMarkRecipe, tableSortRecipe, tableStepRecipe, tableToolbarRecipe, tableValueRecipe } from "./recipes/table.js";
|
|
61
|
+
import { tableFilterCountRecipe, tableFilterFieldRecipe, tableFilterFootRecipe, tableFilterOptionRecipe, tableFilterOptionsRecipe, tableFilterPanelRecipe, tableFilterRuleRecipe, tableFilterTitleRecipe } from "./recipes/tableFilter.js";
|
|
62
|
+
import { tableFootRecipe, tableGapRecipe, tablePageMarkRecipe, tablePageRecipe, tablePageSizeMarkRecipe, tablePageSizeRecipe, tablePageSizeStripRecipe, tablePageSizesRecipe, tablePagesRecipe, tablePagingRecipe, tableRangeRecipe } from "./recipes/tablePaging.js";
|
|
63
|
+
import { defaultSwitchAccent, switchAccents, switchControlRecipe, switchHintRecipe, switchLabelRecipe, switchRecipe, switchThumbRecipe, switchTitleRecipe } from "./recipes/switch.js";
|
|
64
|
+
import { textareaCountRecipe, textareaRecipe, textareaShellRecipe } from "./recipes/textarea.js";
|
|
65
|
+
export { HEADING_DEFAULT_TAG, TRAILING_INSET, WHOLE, accordionBodyRecipe, accordionContentRecipe, accordionIndicatorRecipe, accordionItemRecipe, accordionLabelRecipe, accordionMetaRecipe, accordionRecipe, accordionRuleRecipe, accordionTriggerRecipe, alertActionRecipe, alertBannerRecipe, alertBannerTextRecipe, alertDetailRecipe, alertInlineMarkRecipe, alertInlineRecipe, alertInlineTextRecipe, alertVariants, bandRecipe, barsChartRecipe, barsFootRecipe, barsHeadRecipe, barsHintRecipe, barsLabelRecipe, barsLegendDotRecipe, barsLegendListRecipe, barsLegendRecipe, barsOption, barsRecipe, barsSummaryRecipe, barsTextRecipe, brandMarkRecipe, brandTitle, brands, buttonAccents, buttonRecipe, buttonSizes, buttonSpinnerRecipe, buttonVariants, buttonWordsRecipe, cardHeaderActionRecipe, cardHeaderRanks, cardHeaderRecipe, cardHeaderStackRecipe, checkboxAccents, checkboxControlRecipe, checkboxDashRecipe, checkboxHintRecipe, checkboxIndicatorRecipe, checkboxLabelRecipe, checkboxMarkRecipe, checkboxRecipe, checkboxTitleRecipe, chipAccents, chipCloseRecipe, chipCountRecipe, chipDotRecipe, chipLabelRecipe, chipRecipe, chipSizes, chipTextRecipe, chipTones, cloudDrift, cn, codeEditorRecipe, codeEditorTheme, codeSyntaxColors, collapseMotion, contentRecipe, controlIcon, datePickerBodyRecipe, datePickerContentRecipe, datePickerDashRecipe, datePickerDayRecipe, datePickerEndRecipe, datePickerFootRecipe, datePickerGridRecipe, datePickerHeadRecipe, datePickerModes, datePickerNavRecipe, datePickerPresetRecipe, datePickerRangePresets, datePickerRangeTextRecipe, datePickerRowRecipe, datePickerRuleRecipe, datePickerStartRecipe, datePickerTriggerRecipe, datePickerValueRecipe, datePickerViewRecipe, datePickerViewTriggerRecipe, datePickerViewsRecipe, datePickerWeekCellRecipe, defaultAlertVariant, defaultBrand, defaultCardHeaderRank, defaultCheckboxAccent, defaultChipAccent, defaultChipSize, defaultChipTone, defaultControlSize, defaultDatePickerMode, defaultDialogLayout, defaultDialogSize, defaultFeatureLevel, defaultFieldSize, defaultHeadingLevel, defaultHeartbeatState, defaultMarkPlate, defaultMenuPlacement, defaultMenuTone, defaultMetaRowEmphasis, defaultMetaRowLayout, defaultMeterVariant, defaultPaperInset, defaultPaperVariant, defaultRadioAccent, defaultScrollAreaSurface, defaultSectionHeaderSize, defaultSeparatorOrientation, defaultSeparatorVariant, defaultStatAccent, defaultStatSparkShape, defaultStatSurface, defaultSwitchAccent, defaultTailSeverity, defaultTextFamily, defaultTextSize, defaultTextTone, defaultTextWeight, defaultTileRest, defaultTileTone, defaultTooltipPlacement, defaultTopBarLevel, defaultTrailFlow, defaultTrailState, dialogBackdropRecipe, dialogBodyRecipe, dialogCloseRecipe, dialogDescriptionRecipe, dialogFooterRecipe, dialogHeadRecipe, dialogHeadingsRecipe, dialogHeldRecipe, dialogLayouts, dialogNoteRecipe, dialogPositionerRecipe, dialogRecipe, dialogRowRecipe, dialogRowValueRecipe, dialogSizes, dialogTitleRecipe, driftRecipe, english, featureBodyRecipe, featureFootRecipe, featureLevels, featureLinkRecipe, featureRecipe, featureTileRecipe, featureTitleRecipe, fieldErrorRecipe, fieldFootRecipe, fieldHintRecipe, fieldLabelRecipe, fieldRecipe, fieldRowRecipe, fieldUnitRecipe, findingIconRecipe, findingMessageRecipe, findingPathRecipe, findingRecipe, findingTextRecipe, findingsRecipe, findingsSummaryRecipe, groupedBarsOption, headingLevels, headingRecipe, heartbeatBeatRecipe, heartbeatBeatsRecipe, heartbeatDotRecipe, heartbeatHintRecipe, heartbeatLabelRecipe, heartbeatMarkRecipe, heartbeatRecipe, heartbeatRingRecipe, heartbeatRowRecipe, heartbeatStates, heartbeatTextRecipe, inputRecipe, inputTypes, labelRoom, leadingRecipe, listItemRecipe, listItemStackRecipe, listboxEmptyRecipe, listboxItemRecipe, listboxLabelRecipe, listboxMarkRecipe, listboxRecipe, markPlates, marqueeCopyRecipe, marqueeItemRecipe, marqueeMarkRecipe, marqueeNameRecipe, marqueeRecipe, marqueeRuleRecipe, marqueeSpacing, marqueeStageRecipe, marqueeViewportRecipe, menuArrowRecipe, menuArrowTipRecipe, menuGroupRecipe, menuItemRecipe, menuLabelRecipe, menuListRecipe, menuMarkRecipe, menuPlacements, menuSeparatorRecipe, menuShortcutRecipe, menuSurfaceRecipe, menuTextRecipe, menuTones, metaRowEmphases, metaRowLayouts, metaRowRecipe, metaRowTones, meterCaptionRecipe, meterHeadRecipe, meterLegendDotRecipe, meterLegendItemRecipe, meterLegendRecipe, meterPartRecipe, meterPartsRecipe, meterRangeRecipe, meterReadingRecipe, meterRecipe, meterTrackRecipe, meterVariants, nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaRecipe, nebulaVeilRecipe, numberRangeDashRecipe, numberRangeHalfRecipe, numberRangeRecipe, overlayMotion, paperActionRecipe, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperVariants, progressBarRangeRecipe, progressBarTones, progressBarTrackRecipe, queueAgeFillRecipe, queueAgeLabelRecipe, queueAgeRecipe, queueAgeTrackRecipe, queueDotRecipe, queueHintRecipe, queueLeadRecipe, queueRecipe, queueRowRecipe, queueTextRecipe, radioAccents, radioAsideRecipe, radioControlRecipe, radioDotRecipe, radioErrorRecipe, radioGroupLabelRecipe, radioGroupRecipe, radioHintRecipe, radioIndicatorRecipe, radioLabelRecipe, radioLeadRecipe, radioRecipe, radioTitleRecipe, restingWeight, scopeSwitcherBadgeRecipe, scopeSwitcherChevronsRecipe, scopeSwitcherCodeRecipe, scopeSwitcherDotRecipe, scopeSwitcherEyebrowRecipe, scopeSwitcherIconRecipe, scopeSwitcherListRecipe, scopeSwitcherMarkRecipe, scopeSwitcherPillIconRecipe, scopeSwitcherPillRecipe, scopeSwitcherRecipe, scopeSwitcherRowMetaRecipe, scopeSwitcherRowNameRecipe, scopeSwitcherRowRecipe, scopeSwitcherRowTextRecipe, scopeSwitcherTextRecipe, scopeSwitcherValueRecipe, scopeSwitcherWarningRecipe, scrollAreaRecipe, scrollAreaSurfaces, scrollBarRecipe, scrollContentRecipe, scrollCornerRecipe, scrollThumbRecipe, scrollViewportRecipe, searchEmptyRecipe, searchFieldRecipe, searchFootRecipe, searchHitMetaRecipe, searchHitRecipe, searchHitTextRecipe, searchInputRecipe, searchKeyRecipe, searchLabelRecipe, searchListRecipe, searchMarkRecipe, searchPanelRecipe, searchPositionerRecipe, searchRuleRecipe, searchTriggerRecipe, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes, segmentedControlIndicatorRecipe, segmentedControlItemRecipe, segmentedControlRecipe, selectEmptyRecipe, selectIndicatorRecipe, selectRowRecipe, selectTriggerRecipe, selectValueRecipe, separatorOrientations, separatorRecipe, separatorVariants, sidebarBrandRecipe, sidebarBrandStackRecipe, sidebarBrandSubtitleRecipe, sidebarChevronRecipe, sidebarDotRecipe, sidebarFootRecipe, sidebarGroupRecipe, sidebarHeadRecipe, sidebarIconRecipe, sidebarItemRecipe, sidebarLabelRecipe, sidebarMarkRecipe, sidebarMobileBarRecipe, sidebarMobileEyebrowRecipe, sidebarMobileHeadingsRecipe, sidebarMobileTitleRecipe, sidebarNavRecipe, sidebarOverlayBackdropRecipe, sidebarOverlayBodyRecipe, sidebarOverlayBrandRecipe, sidebarOverlayHeadRecipe, sidebarOverlayItemActive, sidebarOverlayNavRecipe, sidebarOverlayPanelRecipe, sidebarOverlayPositionerRecipe, sidebarOverlayScopeRecipe, sidebarOverlaySeparatorRecipe, sidebarRecipe, sidebarScopeRecipe, sidebarSubRecipe, sidebarSwitchRecipe, sidebarToggleRecipe, sidebarTravel, sidebarWordmarkRecipe, skyRecipe, sliderBoundsRecipe, sliderControlRecipe, sliderFootRecipe, sliderHeadRecipe, sliderHintRecipe, sliderKnobSize, sliderLabelRecipe, sliderNotchRecipe, sliderNotchesRecipe, sliderRangeRecipe, sliderRecipe, sliderThumbRecipe, sliderTrackRecipe, sliderValueRecipe, sparkOption, starLayers, starRecipe, statAccents, statChangeRecipe, statDirections, statFigureRecipe, statHintRecipe, statLabelRecipe, statRecipe, statSparkRecipe, statSparkShapes, statStackRecipe, statSurfaces, statTermRecipe, statUnitRecipe, statValueRecipe, switchAccents, switchControlRecipe, switchHintRecipe, switchLabelRecipe, switchRecipe, switchThumbRecipe, switchTitleRecipe, tableActionsCellRecipe, tableActionsWidth, tableAppliedRecipe, tableBodyRecipe, tableCardRecipe, tableCellRecipe, tableDetailBodyRecipe, tableDetailRecipe, tableEmptyHintRecipe, tableEmptyRecipe, tableEmptyTitleRecipe, tableExpandIconRecipe, tableExpandRecipe, tableFilterCountRecipe, tableFilterFieldRecipe, tableFilterFootRecipe, tableFilterMarkRecipe, tableFilterOptionRecipe, tableFilterOptionsRecipe, tableFilterPanelRecipe, tableFilterRecipe, tableFilterRuleRecipe, tableFilterTitleRecipe, tableFootRecipe, tableGapRecipe, tableGridRecipe, tableGroupRecipe, tableHeadCellRecipe, tableHeadRowRecipe, tableHeadingRecipe, tableMarkRecipe, tablePageMarkRecipe, tablePageRecipe, tablePageSizeMarkRecipe, tablePageSizeRecipe, tablePageSizeStripRecipe, tablePageSizesRecipe, tablePagesRecipe, tablePagingRecipe, tablePinWidth, tableRangeRecipe, tableRankRecipe, tableRecipe, tableRowRecipe, tableRuleRecipe, tableScrollRecipe, tableSearchRecipe, tableSelectCellRecipe, tableSelectionActionsRecipe, tableSelectionCountRecipe, tableSelectionRecipe, tableSkeletonBarRecipe, tableSkeletonMarkRecipe, tableSortIconRecipe, tableSortLabelRecipe, tableSortMarkRecipe, tableSortRecipe, tableStepRecipe, tableToolbarRecipe, tableValueRecipe, tailAtRecipe, tailEmptyRecipe, tailGutterRecipe, tailLineRecipe, tailRecipe, tailScrollRecipe, tailSeverities, tailTextRecipe, tallyAt, tallyOf, textFamilies, textRecipe, textSizes, textTones, textWeights, textareaCountRecipe, textareaRecipe, textareaShellRecipe, tileCloudRecipe, tileGlyphRecipe, tileRecipe, tileRests, tileTones, toneBlend, toneText, toneTint, tooltipArrowRecipe, tooltipArrowTipRecipe, tooltipCloseToken, tooltipOpenToken, tooltipPlacements, tooltipRecipe, topBarActionsRecipe, topBarContentRecipe, topBarEdgeRecipe, topBarEyebrowRecipe, topBarHeadingsRecipe, topBarLevels, topBarRecipe, topBarRuleRecipe, topBarTitleRecipe, trailBadgeRecipe, trailCaptionRecipe, trailConnectorRecipe, trailFlows, trailHintRecipe, trailLabelRecipe, trailRecipe, trailSpinRecipe, trailStates, trailStepRecipe, trailingActionRecipe, trailingRecipe, userAvatarRecipe, userChevronRecipe, userIdentityRecipe, userNameRecipe, userPortraitRecipe, userRoleRecipe, userTriggerRecipe };
|
package/dist/mark.d.ts
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
//#region src/mark.d.ts
|
|
2
|
+
type MarkPlate = 'full' | 'snug' | 'bare';
|
|
3
|
+
declare const markPlates: readonly ["full", "snug", "bare"];
|
|
4
|
+
declare const defaultMarkPlate = "full";
|
|
5
|
+
//#endregion
|
|
6
|
+
export { type MarkPlate, defaultMarkPlate, markPlates };
|
|
7
|
+
//# sourceMappingURL=mark.d.ts.map
|
package/dist/mark.js
ADDED
package/dist/mark.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mark.js","names":[],"sources":["../src/mark.ts"],"sourcesContent":["type MarkPlate = 'full' | 'snug' | 'bare'\n\nconst markPlates = ['full', 'snug', 'bare'] as const satisfies readonly MarkPlate[]\n\nconst defaultMarkPlate = 'full' satisfies MarkPlate\n\nexport { type MarkPlate, defaultMarkPlate, markPlates }\n"],"mappings":";AAEA,MAAM,aAAa;CAAC;CAAQ;CAAQ;AAAM;AAE1C,MAAM,mBAAmB"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
//#region src/parts/control.ts
|
|
2
|
+
const controlSizes = [
|
|
3
|
+
"sm",
|
|
4
|
+
"md",
|
|
5
|
+
"lg"
|
|
6
|
+
];
|
|
7
|
+
const controlGap = {
|
|
8
|
+
lg: "gap-3",
|
|
9
|
+
md: "gap-2",
|
|
10
|
+
sm: "gap-2",
|
|
11
|
+
xs: "gap-1.5"
|
|
12
|
+
};
|
|
13
|
+
const controlBox = {
|
|
14
|
+
lg: `h-tf-control-lg ${controlGap.lg} rounded-tf-control text-tf-body [&_svg]:size-tf-icon-lg`,
|
|
15
|
+
md: `h-tf-control-md ${controlGap.md} rounded-tf-control text-tf-body-sm font-medium [&_svg]:size-tf-icon-md`,
|
|
16
|
+
sm: `h-tf-control-sm ${controlGap.sm} rounded-tf-control text-tf-caption font-medium [&_svg]:size-tf-icon-sm`,
|
|
17
|
+
xs: `h-tf-control-xs ${controlGap.xs} rounded-tf-inline text-tf-caption-sm font-medium [&_svg]:size-tf-icon-xs`
|
|
18
|
+
};
|
|
19
|
+
const controlBase = [
|
|
20
|
+
"relative inline-flex shrink-0 items-center",
|
|
21
|
+
"font-tf-body",
|
|
22
|
+
"tf-transition",
|
|
23
|
+
"motion-reduce:transition-none",
|
|
24
|
+
"tf-icons [&_svg]:pointer-events-none [&_svg]:shrink-0"
|
|
25
|
+
];
|
|
26
|
+
const controlFocus = ["outline-2 outline-solid outline-offset-2 outline-transparent"];
|
|
27
|
+
const controlRing = ["focused:outline-tf-accent-hi"];
|
|
28
|
+
const controlReach = [...controlFocus, ...controlRing];
|
|
29
|
+
const controlQuiet = ["interactive:hovered:bg-tf-panel-hi", "cursor-pointer tf-transition motion-reduce:transition-none"];
|
|
30
|
+
const controlPress = ["motion-safe:interactive:pressed:scale-97"];
|
|
31
|
+
const controlInert = [
|
|
32
|
+
"disabled:cursor-not-allowed disabled:opacity-50",
|
|
33
|
+
"aria-disabled:cursor-not-allowed aria-disabled:opacity-50",
|
|
34
|
+
"data-disabled:cursor-not-allowed data-disabled:opacity-50"
|
|
35
|
+
];
|
|
36
|
+
const controlQuietIcon = [
|
|
37
|
+
"inline-flex flex-none items-center justify-center",
|
|
38
|
+
"size-tf-control-sm rounded-tf-control",
|
|
39
|
+
"tf-icons-solo [&_svg]:size-tf-icon-solo-sm [&_svg]:shrink-0",
|
|
40
|
+
"text-tf-muted interactive:hovered:text-tf-fg",
|
|
41
|
+
...controlQuiet,
|
|
42
|
+
...controlReach,
|
|
43
|
+
...controlInert
|
|
44
|
+
];
|
|
45
|
+
const hitArea = (height, width = "after:w-full after:min-w-tf-target") => [
|
|
46
|
+
"after:absolute after:top-1/2 after:left-1/2",
|
|
47
|
+
height,
|
|
48
|
+
width,
|
|
49
|
+
"after:-translate-x-1/2 after:-translate-y-1/2",
|
|
50
|
+
"after:content-['']"
|
|
51
|
+
].join(" ");
|
|
52
|
+
//#endregion
|
|
53
|
+
export { controlBase, controlBox, controlFocus, controlGap, controlInert, controlPress, controlQuiet, controlQuietIcon, controlReach, controlSizes, hitArea };
|
|
54
|
+
|
|
55
|
+
//# sourceMappingURL=control.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"control.js","names":[],"sources":["../../src/parts/control.ts"],"sourcesContent":["import type { ButtonSize, ControlSize } from '#control'\n\nconst controlSizes = ['sm', 'md', 'lg'] as const satisfies readonly ControlSize[]\n\nconst controlGap = {\n lg: 'gap-3',\n md: 'gap-2',\n sm: 'gap-2',\n xs: 'gap-1.5',\n} satisfies Record<ButtonSize, string>\n\nconst controlBox = {\n lg: `h-tf-control-lg ${controlGap.lg} rounded-tf-control text-tf-body [&_svg]:size-tf-icon-lg`,\n md: `h-tf-control-md ${controlGap.md} rounded-tf-control text-tf-body-sm font-medium [&_svg]:size-tf-icon-md`,\n sm: `h-tf-control-sm ${controlGap.sm} rounded-tf-control text-tf-caption font-medium [&_svg]:size-tf-icon-sm`,\n xs: `h-tf-control-xs ${controlGap.xs} rounded-tf-inline text-tf-caption-sm font-medium [&_svg]:size-tf-icon-xs`,\n} satisfies Record<ButtonSize, string>\n\nconst controlBase = [\n 'relative inline-flex shrink-0 items-center',\n 'font-tf-body',\n 'tf-transition',\n 'motion-reduce:transition-none',\n 'tf-icons [&_svg]:pointer-events-none [&_svg]:shrink-0',\n]\n\nconst controlFocus = ['outline-2 outline-solid outline-offset-2 outline-transparent']\n\nconst controlRing = ['focused:outline-tf-accent-hi']\n\nconst controlReach = [...controlFocus, ...controlRing]\n\nconst controlQuiet = [\n 'interactive:hovered:bg-tf-panel-hi',\n 'cursor-pointer tf-transition motion-reduce:transition-none',\n]\n\nconst controlPress = ['motion-safe:interactive:pressed:scale-97']\n\nconst controlInert = [\n 'disabled:cursor-not-allowed disabled:opacity-50',\n 'aria-disabled:cursor-not-allowed aria-disabled:opacity-50',\n 'data-disabled:cursor-not-allowed data-disabled:opacity-50',\n]\n\nconst controlQuietIcon = [\n 'inline-flex flex-none items-center justify-center',\n 'size-tf-control-sm rounded-tf-control',\n 'tf-icons-solo [&_svg]:size-tf-icon-solo-sm [&_svg]:shrink-0',\n 'text-tf-muted interactive:hovered:text-tf-fg',\n ...controlQuiet,\n ...controlReach,\n ...controlInert,\n]\n\nconst hitArea = (height: string, width = 'after:w-full after:min-w-tf-target'): string =>\n [\n 'after:absolute after:top-1/2 after:left-1/2',\n height,\n width,\n 'after:-translate-x-1/2 after:-translate-y-1/2',\n \"after:content-['']\",\n ].join(' ')\n\nexport {\n controlBase,\n controlBox,\n controlGap,\n controlFocus,\n controlInert,\n controlPress,\n controlQuiet,\n controlQuietIcon,\n controlReach,\n controlSizes,\n hitArea,\n}\n"],"mappings":";AAEA,MAAM,eAAe;CAAC;CAAM;CAAM;AAAI;AAEtC,MAAM,aAAa;CACjB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,MAAM,aAAa;CACjB,IAAI,mBAAmB,WAAW,GAAG;CACrC,IAAI,mBAAmB,WAAW,GAAG;CACrC,IAAI,mBAAmB,WAAW,GAAG;CACrC,IAAI,mBAAmB,WAAW,GAAG;AACvC;AAEA,MAAM,cAAc;CAClB;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,eAAe,CAAC,8DAA8D;AAEpF,MAAM,cAAc,CAAC,8BAA8B;AAEnD,MAAM,eAAe,CAAC,GAAG,cAAc,GAAG,WAAW;AAErD,MAAM,eAAe,CACnB,sCACA,4DACF;AAEA,MAAM,eAAe,CAAC,0CAA0C;AAEhE,MAAM,eAAe;CACnB;CACA;CACA;AACF;AAEA,MAAM,mBAAmB;CACvB;CACA;CACA;CACA;CACA,GAAG;CACH,GAAG;CACH,GAAG;AACL;AAEA,MAAM,WAAW,QAAgB,QAAQ,yCACvC;CACE;CACA;CACA;CACA;CACA;AACF,CAAC,CAAC,KAAK,GAAG"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
//#region src/parts/eyebrow.ts
|
|
2
|
+
const eyebrowType = "font-medium tracking-tf-eyebrow uppercase";
|
|
3
|
+
const eyebrowQuiet = `${eyebrowType} text-tf-muted`;
|
|
4
|
+
const eyebrowLead = "text-tf-body-sm font-medium text-tf-accent-hi";
|
|
5
|
+
//#endregion
|
|
6
|
+
export { eyebrowLead, eyebrowQuiet, eyebrowType };
|
|
7
|
+
|
|
8
|
+
//# sourceMappingURL=eyebrow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eyebrow.js","names":[],"sources":["../../src/parts/eyebrow.ts"],"sourcesContent":["const eyebrowType = 'font-medium tracking-tf-eyebrow uppercase'\n\nconst eyebrowQuiet = `${eyebrowType} text-tf-muted`\n\nconst eyebrowLead = 'text-tf-body-sm font-medium text-tf-accent-hi'\n\nexport { eyebrowLead, eyebrowQuiet, eyebrowType }\n"],"mappings":";AAAA,MAAM,cAAc;AAEpB,MAAM,eAAe,GAAG,YAAY;AAEpC,MAAM,cAAc"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { controlReach, hitArea } from "./control.js";
|
|
2
|
+
//#region src/parts/mark.ts
|
|
3
|
+
const markRow = [
|
|
4
|
+
"relative flex items-center",
|
|
5
|
+
"font-tf-body",
|
|
6
|
+
"tf-transition motion-reduce:transition-none",
|
|
7
|
+
"interactive:not-data-readonly:cursor-pointer",
|
|
8
|
+
"data-disabled:cursor-not-allowed"
|
|
9
|
+
];
|
|
10
|
+
const REACHES_A_FINGER = hitArea("after:h-tf-target");
|
|
11
|
+
const markPlate = {
|
|
12
|
+
bare: REACHES_A_FINGER,
|
|
13
|
+
full: "min-h-tf-target rounded-tf-block px-3 py-2",
|
|
14
|
+
snug: `min-h-tf-row rounded-tf-inline px-2 py-1 ${REACHES_A_FINGER}`
|
|
15
|
+
};
|
|
16
|
+
const markSquare = {
|
|
17
|
+
bare: `justify-center ${REACHES_A_FINGER}`,
|
|
18
|
+
full: "size-tf-target justify-center rounded-tf-block",
|
|
19
|
+
snug: `size-tf-row justify-center rounded-tf-inline ${REACHES_A_FINGER}`
|
|
20
|
+
};
|
|
21
|
+
const markPlated = {
|
|
22
|
+
bare: "",
|
|
23
|
+
full: "not-data-readonly:interactive:hovered:bg-tf-panel-hi",
|
|
24
|
+
snug: "not-data-readonly:interactive:hovered:bg-tf-panel-hi"
|
|
25
|
+
};
|
|
26
|
+
const markFace = [
|
|
27
|
+
"relative inline-flex shrink-0 items-center",
|
|
28
|
+
"data-disabled:opacity-50",
|
|
29
|
+
"tf-mark-edge blend-tf-accent",
|
|
30
|
+
"tf-transition motion-reduce:transition-none",
|
|
31
|
+
...controlReach
|
|
32
|
+
];
|
|
33
|
+
const markBox = [
|
|
34
|
+
...markFace,
|
|
35
|
+
"size-tf-icon-solo-sm justify-center",
|
|
36
|
+
"not-data-[state=checked]:not-data-[state=indeterminate]:not-data-readonly:interactive:hovered:tf-mark-bloomed"
|
|
37
|
+
];
|
|
38
|
+
const markPress = "motion-safe:interactive:pressed:scale-94";
|
|
39
|
+
const markFailed = "tf-mark-failed";
|
|
40
|
+
const markKnob = [
|
|
41
|
+
"block shrink-0 rounded-tf-inline",
|
|
42
|
+
"bg-tf-fg shadow-tf-mark",
|
|
43
|
+
"tf-transition tf-slides-spring motion-reduce:transition-none",
|
|
44
|
+
"data-disabled:bg-tf-muted"
|
|
45
|
+
];
|
|
46
|
+
const markStack = ["flex min-w-0 flex-col gap-0", "tf-transition motion-reduce:transition-none"];
|
|
47
|
+
const markTitle = ["text-tf-body text-tf-fg data-disabled:text-tf-muted", "**:data-[part=required-indicator]:text-tf-danger-hi"];
|
|
48
|
+
const markGroup = "flex flex-col gap-1";
|
|
49
|
+
//#endregion
|
|
50
|
+
export { markBox, markFace, markFailed, markGroup, markKnob, markPlate, markPlated, markPress, markRow, markSquare, markStack, markTitle };
|
|
51
|
+
|
|
52
|
+
//# sourceMappingURL=mark.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mark.js","names":[],"sources":["../../src/parts/mark.ts"],"sourcesContent":["import type { MarkPlate } from '#mark'\nimport { controlReach, hitArea } from '#parts/control'\n\nconst markRow = [\n 'relative flex items-center',\n 'font-tf-body',\n 'tf-transition motion-reduce:transition-none',\n 'interactive:not-data-readonly:cursor-pointer',\n 'data-disabled:cursor-not-allowed',\n]\n\nconst REACHES_A_FINGER = hitArea('after:h-tf-target')\n\nconst markPlate = {\n bare: REACHES_A_FINGER,\n full: 'min-h-tf-target rounded-tf-block px-3 py-2',\n snug: `min-h-tf-row rounded-tf-inline px-2 py-1 ${REACHES_A_FINGER}`,\n} satisfies Record<MarkPlate, string>\n\nconst markSquare = {\n bare: `justify-center ${REACHES_A_FINGER}`,\n full: 'size-tf-target justify-center rounded-tf-block',\n snug: `size-tf-row justify-center rounded-tf-inline ${REACHES_A_FINGER}`,\n} satisfies Record<MarkPlate, string>\n\nconst markPlated = {\n bare: '',\n full: 'not-data-readonly:interactive:hovered:bg-tf-panel-hi',\n snug: 'not-data-readonly:interactive:hovered:bg-tf-panel-hi',\n} satisfies Record<MarkPlate, string>\n\nconst markFace = [\n 'relative inline-flex shrink-0 items-center',\n 'data-disabled:opacity-50',\n 'tf-mark-edge blend-tf-accent',\n 'tf-transition motion-reduce:transition-none',\n ...controlReach,\n]\n\nconst markBox = [\n ...markFace,\n 'size-tf-icon-solo-sm justify-center',\n 'not-data-[state=checked]:not-data-[state=indeterminate]:not-data-readonly:interactive:hovered:tf-mark-bloomed',\n]\n\nconst markPress = 'motion-safe:interactive:pressed:scale-94'\n\nconst markFailed = 'tf-mark-failed'\n\nconst markKnob = [\n 'block shrink-0 rounded-tf-inline',\n 'bg-tf-fg shadow-tf-mark',\n 'tf-transition tf-slides-spring motion-reduce:transition-none',\n 'data-disabled:bg-tf-muted',\n]\n\nconst markStack = ['flex min-w-0 flex-col gap-0', 'tf-transition motion-reduce:transition-none']\n\nconst markTitle = [\n 'text-tf-body text-tf-fg data-disabled:text-tf-muted',\n '**:data-[part=required-indicator]:text-tf-danger-hi',\n]\n\nconst markGroup = 'flex flex-col gap-1'\n\nexport {\n markBox,\n markFace,\n markFailed,\n markGroup,\n markKnob,\n markPlate,\n markPlated,\n markPress,\n markRow,\n markSquare,\n markStack,\n markTitle,\n}\n"],"mappings":";;AAGA,MAAM,UAAU;CACd;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,mBAAmB,QAAQ,mBAAmB;AAEpD,MAAM,YAAY;CAChB,MAAM;CACN,MAAM;CACN,MAAM,4CAA4C;AACpD;AAEA,MAAM,aAAa;CACjB,MAAM,kBAAkB;CACxB,MAAM;CACN,MAAM,gDAAgD;AACxD;AAEA,MAAM,aAAa;CACjB,MAAM;CACN,MAAM;CACN,MAAM;AACR;AAEA,MAAM,WAAW;CACf;CACA;CACA;CACA;CACA,GAAG;AACL;AAEA,MAAM,UAAU;CACd,GAAG;CACH;CACA;AACF;AAEA,MAAM,YAAY;AAElB,MAAM,aAAa;AAEnB,MAAM,WAAW;CACf;CACA;CACA;CACA;AACF;AAEA,MAAM,YAAY,CAAC,+BAA+B,6CAA6C;AAE/F,MAAM,YAAY,CAChB,uDACA,qDACF;AAEA,MAAM,YAAY"}
|