@mystravil/hardpoint 0.1.0 → 0.2.1
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 +42 -18
- package/LICENSE +25 -25
- package/README.md +67 -64
- package/dist/base.css +625 -346
- package/dist/components/AppShell.svelte +698 -698
- package/dist/components/Button.svelte +174 -174
- package/dist/components/Checkbox.svelte +235 -198
- package/dist/components/Checkbox.svelte.d.ts +9 -2
- package/dist/components/CheckboxGroup.svelte +207 -99
- package/dist/components/CheckboxGroup.svelte.d.ts +23 -4
- package/dist/components/Combobox.svelte +901 -824
- package/dist/components/Combobox.svelte.d.ts +10 -1
- package/dist/components/Dialog.svelte +359 -356
- package/dist/components/Disclosure.svelte +201 -201
- package/dist/components/EmptyState.svelte +88 -88
- package/dist/components/ErrorState.svelte +135 -135
- package/dist/components/ImageViewer.svelte +764 -0
- package/dist/components/ImageViewer.svelte.d.ts +55 -0
- package/dist/components/KeyValueList.svelte +114 -114
- package/dist/components/ListDetail.svelte +218 -0
- package/dist/components/ListDetail.svelte.d.ts +37 -0
- package/dist/components/LoadRegion.svelte +219 -219
- package/dist/components/MediaFrame.svelte +110 -110
- package/dist/components/MediaImage.svelte +256 -256
- package/dist/components/Menu.svelte +258 -258
- package/dist/components/MenuCheckboxItem.svelte +119 -119
- package/dist/components/MenuGroup.svelte +50 -50
- package/dist/components/MenuItem.svelte +94 -94
- package/dist/components/MenuRadioGroup.svelte +62 -62
- package/dist/components/MenuRadioItem.svelte +110 -110
- package/dist/components/MenuSeparator.svelte +28 -28
- package/dist/components/Meter.svelte +283 -0
- package/dist/components/Meter.svelte.d.ts +66 -0
- package/dist/components/NativeSelect.svelte +18 -2
- package/dist/components/NativeSelect.svelte.d.ts +6 -0
- package/dist/components/Notice.svelte +262 -0
- package/dist/components/Notice.svelte.d.ts +30 -0
- package/dist/components/Popover.svelte +222 -222
- package/dist/components/Progress.svelte +157 -157
- package/dist/components/RadioGroup.svelte +440 -0
- package/dist/components/RadioGroup.svelte.d.ts +50 -0
- package/dist/components/Select.svelte +471 -405
- package/dist/components/Select.svelte.d.ts +6 -0
- package/dist/components/Skeleton.svelte +149 -149
- package/dist/components/Spinner.svelte +118 -117
- package/dist/components/Stat.svelte +253 -253
- package/dist/components/Steps.svelte +189 -189
- package/dist/components/Switch.svelte +222 -222
- package/dist/components/Table.svelte +504 -504
- package/dist/components/Tabs.svelte +246 -246
- package/dist/components/Tag.svelte +40 -40
- package/dist/components/TextArea.svelte +272 -0
- package/dist/components/TextArea.svelte.d.ts +28 -0
- package/dist/components/TextField.svelte +256 -256
- package/dist/components/Timeline.svelte +156 -156
- package/dist/components/Toaster.svelte +411 -411
- package/dist/components/Tooltip.svelte +200 -200
- package/dist/components/TooltipGroup.svelte +46 -46
- package/dist/components/internal/Scrim.svelte +52 -52
- package/dist/components/internal/Sheet.svelte +263 -263
- package/dist/components/internal/groups.d.ts +14 -0
- package/dist/components/internal/groups.js +23 -0
- package/dist/fonts.css +71 -71
- package/dist/index.d.ts +6 -0
- package/dist/index.js +6 -0
- package/dist/tokens.css +283 -279
- package/package.json +81 -76
package/dist/fonts.css
CHANGED
|
@@ -1,71 +1,71 @@
|
|
|
1
|
-
/* Hardpoint faces. Import once, before tokens.css. An app that already serves
|
|
2
|
-
Geist (omp-remote) can skip this file and keep its own @font-face rules. */
|
|
3
|
-
|
|
4
|
-
/* Geist: UI, reading text and numbers. Latin subset, variable 100–900. */
|
|
5
|
-
@font-face {
|
|
6
|
-
font-family: 'Geist';
|
|
7
|
-
font-style: normal;
|
|
8
|
-
font-weight: 100 900;
|
|
9
|
-
font-display: swap;
|
|
10
|
-
src: url('./fonts/geist-latin-variable.woff2') format('woff2');
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
/* Geist Mono: identifiers, hashes, timestamps and code. */
|
|
14
|
-
@font-face {
|
|
15
|
-
font-family: 'Geist Mono';
|
|
16
|
-
font-style: normal;
|
|
17
|
-
font-weight: 100 900;
|
|
18
|
-
font-display: swap;
|
|
19
|
-
src: url('./fonts/geist-mono-latin-variable.woff2') format('woff2');
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
/* Geist Pixel Square: the wordmark, one display line per screen and the
|
|
23
|
-
spinner. Single weight. Crisp only at multiples of 26.32px.
|
|
24
|
-
On Windows, Chrome spreads every vertical edge over two pixels in all
|
|
25
|
-
modes (DirectWrite; no CSS switch changes it); horizontal edges stay
|
|
26
|
-
sharp. macOS, iOS and Android are unverified: check them on a device. */
|
|
27
|
-
@font-face {
|
|
28
|
-
font-family: 'Geist Pixel Square';
|
|
29
|
-
font-style: normal;
|
|
30
|
-
font-weight: 400;
|
|
31
|
-
font-display: swap;
|
|
32
|
-
src: url('./fonts/geist-pixel-square.woff2') format('woff2');
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
/* Fallbacks sized to Geist and Geist Mono, so text keeps its width and
|
|
36
|
-
baseline when the real face arrives (font-display: swap). size-adjust is
|
|
37
|
-
the real face's width over the local font's, measured in Chromium over
|
|
38
|
-
every Geist text node of 13 docs pages at 1440 and 390 px wide
|
|
39
|
-
(2026-11-11). One value per font: a separate weight-500 Arial face
|
|
40
|
-
measured worse, because at 500 caps want 95.6% and lowercase 105.9%.
|
|
41
|
-
The overrides give Geist's ascent (1005) and descent (295) at that size.
|
|
42
|
-
Characters outside Geist's Latin subset also come from these faces. */
|
|
43
|
-
@font-face {
|
|
44
|
-
font-family: 'Geist Fallback Arial';
|
|
45
|
-
src: local('Arial'), local('ArialMT'), local('Liberation Sans'), local('Arimo');
|
|
46
|
-
size-adjust: 102.8%;
|
|
47
|
-
ascent-override: 97.76%;
|
|
48
|
-
descent-override: 28.7%;
|
|
49
|
-
line-gap-override: 0%;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
/* Android has no Arial; Roboto is its sans-serif. Unverified on a device. */
|
|
53
|
-
@font-face {
|
|
54
|
-
font-family: 'Geist Fallback Roboto';
|
|
55
|
-
src: local('Roboto'), local('Roboto Regular'), local('Roboto-Regular');
|
|
56
|
-
size-adjust: 103.1%;
|
|
57
|
-
ascent-override: 97.48%;
|
|
58
|
-
descent-override: 28.61%;
|
|
59
|
-
line-gap-override: 0%;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
/* Consolas is 0.55em wide; Geist Mono, Menlo, Courier New and Android's
|
|
63
|
-
monospace are 0.6em, so only Consolas needs a face. */
|
|
64
|
-
@font-face {
|
|
65
|
-
font-family: 'Geist Mono Fallback';
|
|
66
|
-
src: local('Consolas');
|
|
67
|
-
size-adjust: 109.13%;
|
|
68
|
-
ascent-override: 92.09%;
|
|
69
|
-
descent-override: 27.03%;
|
|
70
|
-
line-gap-override: 0%;
|
|
71
|
-
}
|
|
1
|
+
/* Hardpoint faces. Import once, before tokens.css. An app that already serves
|
|
2
|
+
Geist (omp-remote) can skip this file and keep its own @font-face rules. */
|
|
3
|
+
|
|
4
|
+
/* Geist: UI, reading text and numbers. Latin subset, variable 100–900. */
|
|
5
|
+
@font-face {
|
|
6
|
+
font-family: 'Geist';
|
|
7
|
+
font-style: normal;
|
|
8
|
+
font-weight: 100 900;
|
|
9
|
+
font-display: swap;
|
|
10
|
+
src: url('./fonts/geist-latin-variable.woff2') format('woff2');
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
/* Geist Mono: identifiers, hashes, timestamps and code. */
|
|
14
|
+
@font-face {
|
|
15
|
+
font-family: 'Geist Mono';
|
|
16
|
+
font-style: normal;
|
|
17
|
+
font-weight: 100 900;
|
|
18
|
+
font-display: swap;
|
|
19
|
+
src: url('./fonts/geist-mono-latin-variable.woff2') format('woff2');
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
/* Geist Pixel Square: the wordmark, one display line per screen and the
|
|
23
|
+
spinner. Single weight. Crisp only at multiples of 26.32px.
|
|
24
|
+
On Windows, Chrome spreads every vertical edge over two pixels in all
|
|
25
|
+
modes (DirectWrite; no CSS switch changes it); horizontal edges stay
|
|
26
|
+
sharp. macOS, iOS and Android are unverified: check them on a device. */
|
|
27
|
+
@font-face {
|
|
28
|
+
font-family: 'Geist Pixel Square';
|
|
29
|
+
font-style: normal;
|
|
30
|
+
font-weight: 400;
|
|
31
|
+
font-display: swap;
|
|
32
|
+
src: url('./fonts/geist-pixel-square.woff2') format('woff2');
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
/* Fallbacks sized to Geist and Geist Mono, so text keeps its width and
|
|
36
|
+
baseline when the real face arrives (font-display: swap). size-adjust is
|
|
37
|
+
the real face's width over the local font's, measured in Chromium over
|
|
38
|
+
every Geist text node of 13 docs pages at 1440 and 390 px wide
|
|
39
|
+
(2026-11-11). One value per font: a separate weight-500 Arial face
|
|
40
|
+
measured worse, because at 500 caps want 95.6% and lowercase 105.9%.
|
|
41
|
+
The overrides give Geist's ascent (1005) and descent (295) at that size.
|
|
42
|
+
Characters outside Geist's Latin subset also come from these faces. */
|
|
43
|
+
@font-face {
|
|
44
|
+
font-family: 'Geist Fallback Arial';
|
|
45
|
+
src: local('Arial'), local('ArialMT'), local('Liberation Sans'), local('Arimo');
|
|
46
|
+
size-adjust: 102.8%;
|
|
47
|
+
ascent-override: 97.76%;
|
|
48
|
+
descent-override: 28.7%;
|
|
49
|
+
line-gap-override: 0%;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
/* Android has no Arial; Roboto is its sans-serif. Unverified on a device. */
|
|
53
|
+
@font-face {
|
|
54
|
+
font-family: 'Geist Fallback Roboto';
|
|
55
|
+
src: local('Roboto'), local('Roboto Regular'), local('Roboto-Regular');
|
|
56
|
+
size-adjust: 103.1%;
|
|
57
|
+
ascent-override: 97.48%;
|
|
58
|
+
descent-override: 28.61%;
|
|
59
|
+
line-gap-override: 0%;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
/* Consolas is 0.55em wide; Geist Mono, Menlo, Courier New and Android's
|
|
63
|
+
monospace are 0.6em, so only Consolas needs a face. */
|
|
64
|
+
@font-face {
|
|
65
|
+
font-family: 'Geist Mono Fallback';
|
|
66
|
+
src: local('Consolas');
|
|
67
|
+
size-adjust: 109.13%;
|
|
68
|
+
ascent-override: 92.09%;
|
|
69
|
+
descent-override: 27.03%;
|
|
70
|
+
line-gap-override: 0%;
|
|
71
|
+
}
|
package/dist/index.d.ts
CHANGED
|
@@ -4,25 +4,31 @@ export { default as Pagination, type PaginationProps } from './components/Pagina
|
|
|
4
4
|
export { default as Select, type SelectItem, type SelectItemSnippetProps, type SelectLabelBeside, type SelectProps } from './components/Select.svelte';
|
|
5
5
|
export { default as Table, type Column, type TableBreakpoint, type TableMark, type TableStack, type TableVariant } from './components/Table.svelte';
|
|
6
6
|
export { default as AppShell, type AppShellCompactNav, type AppShellDestination, type AppShellProps, type AppShellWideNav } from './components/AppShell.svelte';
|
|
7
|
+
export { default as ListDetail, type ListDetailBreakpoint, type ListDetailProps, type ListDetailSnippetProps } from './components/ListDetail.svelte';
|
|
7
8
|
export { default as Dialog, type DialogActionsSnippetProps, type DialogProps, type DialogTriggerSnippetProps } from './components/Dialog.svelte';
|
|
8
9
|
export { default as Tag, type TagElement, type TagProps } from './components/Tag.svelte';
|
|
9
10
|
export { default as KeyValueList, type KeyValueItem, type KeyValueListProps } from './components/KeyValueList.svelte';
|
|
10
11
|
export { default as Timeline, type TimelineEvent, type TimelineProps, type TimelineTone } from './components/Timeline.svelte';
|
|
11
12
|
export { default as MediaFrame, type MediaFrameProps } from './components/MediaFrame.svelte';
|
|
12
13
|
export { default as MediaImage, type MediaImageProps } from './components/MediaImage.svelte';
|
|
14
|
+
export { default as ImageViewer, type ImageViewerProps, type ImageViewerTriggerSnippetProps } from './components/ImageViewer.svelte';
|
|
13
15
|
export { default as TextField, type TextFieldBreakpoint, type TextFieldProps, type TextFieldType } from './components/TextField.svelte';
|
|
16
|
+
export { default as TextArea, type TextAreaProps } from './components/TextArea.svelte';
|
|
14
17
|
export { default as Tabs, type TabsItem, type TabsProps } from './components/Tabs.svelte';
|
|
15
18
|
export { default as Checkbox, type CheckboxProps } from './components/Checkbox.svelte';
|
|
16
19
|
export { default as CheckboxGroup, type CheckboxGroupItem, type CheckboxGroupProps } from './components/CheckboxGroup.svelte';
|
|
20
|
+
export { default as RadioGroup, type RadioGroupItem, type RadioGroupProps } from './components/RadioGroup.svelte';
|
|
17
21
|
export { default as Switch, type SwitchProps } from './components/Switch.svelte';
|
|
18
22
|
export { default as Stat, type StatProps, type StatTone, type StatVariant } from './components/Stat.svelte';
|
|
19
23
|
export { default as Steps, type StepsBreakpoint, type StepsItem, type StepsProps, type StepsState } from './components/Steps.svelte';
|
|
20
24
|
export { default as Progress, type ProgressProps } from './components/Progress.svelte';
|
|
25
|
+
export { default as Meter, type MeterProps, type MeterTone } from './components/Meter.svelte';
|
|
21
26
|
export { default as Spinner, type SpinnerProps } from './components/Spinner.svelte';
|
|
22
27
|
export { default as Skeleton, type SkeletonProps, type SkeletonVariant } from './components/Skeleton.svelte';
|
|
23
28
|
export { default as LoadRegion, type LoadRegionProps } from './components/LoadRegion.svelte';
|
|
24
29
|
export { default as EmptyState, type EmptyStateProps, type EmptyStateTitleElement, type EmptyStateVariant } from './components/EmptyState.svelte';
|
|
25
30
|
export { default as ErrorState, type ErrorStateProps, type ErrorStateTitleElement, type ErrorStateVariant } from './components/ErrorState.svelte';
|
|
31
|
+
export { default as Notice, type NoticeProps, type NoticeTitleElement, type NoticeTone } from './components/Notice.svelte';
|
|
26
32
|
export { default as Popover, type PopoverActionsSnippetProps, type PopoverProps, type PopoverTriggerSnippetProps } from './components/Popover.svelte';
|
|
27
33
|
export { default as Menu, type MenuProps, type MenuTriggerSnippetProps } from './components/Menu.svelte';
|
|
28
34
|
export { default as MenuItem, type MenuItemProps, type MenuItemVariant } from './components/MenuItem.svelte';
|
package/dist/index.js
CHANGED
|
@@ -4,25 +4,31 @@ export { default as Pagination } from './components/Pagination.svelte';
|
|
|
4
4
|
export { default as Select } from './components/Select.svelte';
|
|
5
5
|
export { default as Table } from './components/Table.svelte';
|
|
6
6
|
export { default as AppShell } from './components/AppShell.svelte';
|
|
7
|
+
export { default as ListDetail } from './components/ListDetail.svelte';
|
|
7
8
|
export { default as Dialog } from './components/Dialog.svelte';
|
|
8
9
|
export { default as Tag } from './components/Tag.svelte';
|
|
9
10
|
export { default as KeyValueList } from './components/KeyValueList.svelte';
|
|
10
11
|
export { default as Timeline } from './components/Timeline.svelte';
|
|
11
12
|
export { default as MediaFrame } from './components/MediaFrame.svelte';
|
|
12
13
|
export { default as MediaImage } from './components/MediaImage.svelte';
|
|
14
|
+
export { default as ImageViewer } from './components/ImageViewer.svelte';
|
|
13
15
|
export { default as TextField } from './components/TextField.svelte';
|
|
16
|
+
export { default as TextArea } from './components/TextArea.svelte';
|
|
14
17
|
export { default as Tabs } from './components/Tabs.svelte';
|
|
15
18
|
export { default as Checkbox } from './components/Checkbox.svelte';
|
|
16
19
|
export { default as CheckboxGroup } from './components/CheckboxGroup.svelte';
|
|
20
|
+
export { default as RadioGroup } from './components/RadioGroup.svelte';
|
|
17
21
|
export { default as Switch } from './components/Switch.svelte';
|
|
18
22
|
export { default as Stat } from './components/Stat.svelte';
|
|
19
23
|
export { default as Steps } from './components/Steps.svelte';
|
|
20
24
|
export { default as Progress } from './components/Progress.svelte';
|
|
25
|
+
export { default as Meter } from './components/Meter.svelte';
|
|
21
26
|
export { default as Spinner } from './components/Spinner.svelte';
|
|
22
27
|
export { default as Skeleton } from './components/Skeleton.svelte';
|
|
23
28
|
export { default as LoadRegion } from './components/LoadRegion.svelte';
|
|
24
29
|
export { default as EmptyState } from './components/EmptyState.svelte';
|
|
25
30
|
export { default as ErrorState } from './components/ErrorState.svelte';
|
|
31
|
+
export { default as Notice } from './components/Notice.svelte';
|
|
26
32
|
export { default as Popover } from './components/Popover.svelte';
|
|
27
33
|
export { default as Menu } from './components/Menu.svelte';
|
|
28
34
|
export { default as MenuItem } from './components/MenuItem.svelte';
|