@lavalogic/scoria 0.26.0 → 0.27.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.
Files changed (14) hide show
  1. package/dist/Components/PageHeading.svelte +79 -0
  2. package/dist/Components/PageHeading.svelte.d.ts +9 -0
  3. package/dist/Components/StepButton.svelte +160 -0
  4. package/dist/Components/StepButton.svelte.d.ts +25 -0
  5. package/dist/Components/StepButtonProps.d.ts +4 -0
  6. package/dist/Components/StepButtonProps.js +1 -0
  7. package/dist/Components/StepForm.svelte +188 -0
  8. package/dist/Components/StepForm.svelte.d.ts +25 -0
  9. package/dist/Components/StepFormProps.d.ts +6 -0
  10. package/dist/Components/StepFormProps.js +1 -0
  11. package/dist/index.d.ts +81 -79
  12. package/dist/index.js +24 -23
  13. package/dist/scss/_mixins.scss +14 -9
  14. package/package.json +1 -1
package/dist/Components/PageHeading.svelte ADDED
@@ -0,0 +1,79 @@
1
+ <svelte:options runes />
2
+
3
+ <script
4
+ lang="ts"
5
+ module
6
+ >
7
+ import type { Snippet } from 'svelte';
8
+
9
+ export interface PageHeadingProps {
10
+ children: Snippet;
11
+ subtitle?: Snippet | undefined;
12
+ extras?: Snippet | undefined;
13
+ }
14
+ </script>
15
+
16
+ <script lang="ts">
17
+ let { children, subtitle, extras }: PageHeadingProps = $props();
18
+ </script>
19
+
20
+ <div class="outer">
21
+ <div class="column">
22
+ <h1>{@render children()}</h1>
23
+ <div class="one-line">
24
+ {#if subtitle}
25
+ {@render subtitle()}
26
+ {/if}
27
+ </div>
28
+ </div>
29
+ {#if extras}
30
+ <div class="buttons">
31
+ {@render extras()}
32
+ </div>
33
+ {/if}
34
+ </div>
35
+
36
+ <style>.outer {
37
+ padding: 1.5rem;
38
+ display: flex;
39
+ flex-flow: row nowrap;
40
+ width: 100%;
41
+ background-color: #ffffff;
42
+ border-bottom: solid 1px #cbd4da;
43
+ }
44
+ .outer .buttons {
45
+ display: flex;
46
+ flex-flow: row-reverse nowrap;
47
+ align-items: center;
48
+ justify-content: flex-end;
49
+ gap: 0.75rem;
50
+ flex-grow: 1;
51
+ justify-content: flex-start;
52
+ }
53
+ .outer .column {
54
+ flex-grow: 2;
55
+ display: flex;
56
+ flex-flow: column nowrap;
57
+ background-color: #ffffff;
58
+ }
59
+ .outer .column h1 {
60
+ margin-top: 0.25rem;
61
+ margin-bottom: 0.25rem;
62
+ color: #455661;
63
+ font-weight: 600;
64
+ font-size: 1.4rem;
65
+ }
66
+ .outer .column .one-line {
67
+ display: inline-flex;
68
+ flex-flow: row;
69
+ gap: 1rem;
70
+ }
71
+ .outer .column .one-line span {
72
+ display: inline-flex;
73
+ flex-flow: row;
74
+ align-items: center;
75
+ gap: 0.1875rem;
76
+ fill: #647d8e;
77
+ color: #647d8e;
78
+ font-size: 0.875rem;
79
+ }</style>
package/dist/Components/PageHeading.svelte.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import type { Snippet } from 'svelte';
2
+ export interface PageHeadingProps {
3
+ children: Snippet;
4
+ subtitle?: Snippet | undefined;
5
+ extras?: Snippet | undefined;
6
+ }
7
+ declare const PageHeading: import("svelte").Component<PageHeadingProps, {}, "">;
8
+ type PageHeading = ReturnType<typeof PageHeading>;
9
+ export default PageHeading;
package/dist/Components/StepButton.svelte ADDED
@@ -0,0 +1,160 @@
1
+ <svelte:options runes />
2
+
3
+ <script
4
+ lang="ts"
5
+ generics="Args"
6
+ >
7
+ import { TooltipContext } from '../Contexts/TooltipContext.svelte.js';
8
+
9
+ import { Delay } from '../Delay/Delay.js';
10
+ import { devCatch } from '../Helpers/Helpers.svelte.js';
11
+ import { Colour } from '../scss/colours.js';
12
+ import { Side } from '../Types/Internal/Side.js';
13
+ import { Size } from '../Types/Internal/Size.js';
14
+ import { getContext } from 'svelte';
15
+ import Icon from './Icon.svelte';
16
+ import type { StepButtonProps } from './StepButtonProps.js';
17
+
18
+ let { option, selected, index }: StepButtonProps<Args> = $props();
19
+
20
+ let disabled = $state(true);
21
+ let visible = $state(true);
22
+ let isValid = $state(true);
23
+
24
+ const tooltipContext = getContext<TooltipContext>(TooltipContext.identifier);
25
+
26
+ $effect(() => {
27
+ if (typeof option.isValid === 'boolean') {
28
+ isValid = option.isValid;
29
+ } else {
30
+ option.isValid
31
+ ?.then((v) => {
32
+ isValid = v;
33
+ })
34
+ .catch(devCatch);
35
+ }
36
+ });
37
+ $effect(() => {
38
+ if (typeof option.disabled === 'boolean') {
39
+ disabled = option.disabled;
40
+ } else if (option.disabled == undefined) {
41
+ disabled = false;
42
+ } else {
43
+ option.disabled
44
+ .then((v) => {
45
+ disabled = v;
46
+ })
47
+ .catch(devCatch);
48
+ }
49
+ });
50
+
51
+ $effect(() => {
52
+ if (typeof option.visible === 'boolean') {
53
+ visible = option.visible;
54
+ } else if (option.visible == undefined) {
55
+ visible = true;
56
+ } else {
57
+ option.visible
58
+ .then((v) => {
59
+ visible = v;
60
+ })
61
+ .catch(devCatch);
62
+ }
63
+ });
64
+ </script>
65
+
66
+ <button
67
+ class:selected
68
+ {disabled}
69
+ onclick={() => {
70
+ option.onclick();
71
+ }}
72
+ type="button"
73
+ class="tab"
74
+ class:invalid={!isValid}
75
+ class:hidden={!visible}
76
+ onmouseenter={(e) => {
77
+ if (option.label) {
78
+ const rect = (e.target as HTMLButtonElement).getBoundingClientRect();
79
+ tooltipContext.showTooltip({
80
+ text: option.label,
81
+ arrow: Side.Top,
82
+ delay: Delay.Default,
83
+ rect,
84
+ });
85
+ }
86
+ }}
87
+ onmouseleave={() => {
88
+ if (option.label) {
89
+ tooltipContext.hideTooltip(option.label);
90
+ }
91
+ }}
92
+ >
93
+ <div
94
+ class="bordered"
95
+ class:invalid={!isValid}
96
+ >
97
+ {#if option.iconLeft}
98
+ <Icon
99
+ {...option.iconLeft}
100
+ colour={Colour['$brand-primary']}
101
+ />
102
+ {/if}
103
+ {index + 1}
104
+ {#if !isValid}
105
+ <Icon
106
+ name="error"
107
+ colour={Colour['$error-border']}
108
+ size={Size.Small}
109
+ />
110
+ {:else if option.iconRight}
111
+ <Icon
112
+ colour={Colour['$brand-primary']}
113
+ size={Size.Small}
114
+ {...option.iconRight}
115
+ />
116
+ {/if}
117
+ </div>
118
+ </button>
119
+
120
+ <style>button.tab.hidden {
121
+ display: none !important;
122
+ }
123
+
124
+ .tab {
125
+ cursor: pointer;
126
+ font-size: 0.875rem;
127
+ font-weight: 600;
128
+ aspect-ratio: 1;
129
+ background-color: transparent;
130
+ border: solid 1px #cbd4da;
131
+ border-radius: 50%;
132
+ transition: border-color ease-out 0.15s 0s, background-color ease-out 0.15s 0s, color ease-out 0.15s 0s, fill ease-out 0.15s 0s;
133
+ }
134
+ .tab:not([disabled]) {
135
+ color: #3a4952;
136
+ }
137
+ .tab:not([disabled]):hover, .tab:not([disabled]).selected:hover {
138
+ background-color: #f4f7f9;
139
+ }
140
+ .tab .bordered {
141
+ white-space: nowrap;
142
+ display: flex;
143
+ flex-flow: row nowrap;
144
+ align-items: center;
145
+ justify-content: center;
146
+ gap: 0.5rem;
147
+ }
148
+ .tab .bordered.invalid {
149
+ color: #aa1414;
150
+ background-color: #f9e9e9;
151
+ }
152
+ .tab.selected {
153
+ color: #259fc7;
154
+ border-color: #259fc7;
155
+ }
156
+ .tab.selected.invalid {
157
+ color: #aa1414;
158
+ border-color: #aa1414;
159
+ background-color: #f9e9e9;
160
+ }</style>
package/dist/Components/StepButton.svelte.d.ts ADDED
@@ -0,0 +1,25 @@
1
+ import type { StepButtonProps } from './StepButtonProps.js';
2
+ declare function $$render<Args>(): {
3
+ props: StepButtonProps<Args>;
4
+ exports: {};
5
+ bindings: "";
6
+ slots: {};
7
+ events: {};
8
+ };
9
+ declare class __sveltets_Render<Args> {
10
+ props(): ReturnType<typeof $$render<Args>>['props'];
11
+ events(): ReturnType<typeof $$render<Args>>['events'];
12
+ slots(): ReturnType<typeof $$render<Args>>['slots'];
13
+ bindings(): "";
14
+ exports(): {};
15
+ }
16
+ interface $$IsomorphicComponent {
17
+ new <Args>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Args>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Args>['props']>, ReturnType<__sveltets_Render<Args>['events']>, ReturnType<__sveltets_Render<Args>['slots']>> & {
18
+ $$bindings?: ReturnType<__sveltets_Render<Args>['bindings']>;
19
+ } & ReturnType<__sveltets_Render<Args>['exports']>;
20
+ <Args>(internal: unknown, props: ReturnType<__sveltets_Render<Args>['props']> & {}): ReturnType<__sveltets_Render<Args>['exports']>;
21
+ z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
22
+ }
23
+ declare const StepButton: $$IsomorphicComponent;
24
+ type StepButton<Args> = InstanceType<typeof StepButton<Args>>;
25
+ export default StepButton;
package/dist/Components/StepButtonProps.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import type { TabGroupButtonProps } from './TabGroupButtonProps.js';
2
+ export interface StepButtonProps<Args> extends TabGroupButtonProps<Args> {
3
+ index: number;
4
+ }
package/dist/Components/StepButtonProps.js ADDED
@@ -0,0 +1 @@
1
+ export {};
package/dist/Components/StepForm.svelte ADDED
@@ -0,0 +1,188 @@
1
+ <svelte:options runes />
2
+
3
+ <script
4
+ lang="ts"
5
+ generics="CommonDenominator"
6
+ >
7
+ import { ColourSet } from '../scss/colours.js';
8
+ import { Size } from '../Types/Internal/Size.js';
9
+ import { onMount, untrack } from 'svelte';
10
+ import Button from './Button.svelte';
11
+ import StepButton from './StepButton.svelte';
12
+ import type { StepFormProps } from './StepFormProps.js';
13
+
14
+ let { name, steps, currentStep }: StepFormProps<CommonDenominator> = $props();
15
+
16
+ onMount(() => {
17
+ if (name) {
18
+ const tabName = sessionStorage.getItem(`${name}-active-tab`);
19
+ if (tabName) {
20
+ steps.find((it) => it.label === tabName)?.onclick();
21
+ }
22
+ }
23
+ });
24
+
25
+ const indexOfCurrent = $derived(currentStep ? steps.indexOf(currentStep) : -1);
26
+
27
+ const previous = $derived.by(() => {
28
+ for (let i = indexOfCurrent - 1; i > -1; i--) {
29
+ const next = steps.at(i);
30
+
31
+ if (next == null || !next.disabled || next.visible != false) {
32
+ return next ?? null;
33
+ }
34
+ }
35
+ return null;
36
+ });
37
+
38
+ const next = $derived.by(() => {
39
+ for (let i = indexOfCurrent + 1; i < steps.length; i++) {
40
+ const next = steps.at(i);
41
+
42
+ if (next == null || !next.disabled || next.visible != false) {
43
+ return next ?? null;
44
+ }
45
+ }
46
+ return null;
47
+ });
48
+
49
+ $effect(() => {
50
+ if (name && currentStep) {
51
+ untrack(() => {
52
+ sessionStorage.setItem(`${name}-active-tab`, currentStep.label);
53
+ });
54
+ }
55
+ });
56
+ </script>
57
+
58
+ <div class="wrapper noscroll">
59
+ <div class="tabs">
60
+ {#each steps as option, index (index)}
61
+ <StepButton
62
+ {option}
63
+ {index}
64
+ selected={currentStep?.label === option.label}
65
+ />
66
+ {/each}
67
+ <div class="divider"></div>
68
+
69
+ <div class="steps">
70
+ <Button
71
+ size={Size.Small}
72
+ fullWidth
73
+ disabled={!previous}
74
+ onclick={() => {
75
+ previous?.onclick();
76
+ }}
77
+ colourSet={ColourSet.Secondary}>Previous</Button
78
+ >
79
+ <Button
80
+ size={Size.Small}
81
+ fullWidth
82
+ onclick={() => {
83
+ next?.onclick();
84
+ }}
85
+ disabled={!next}
86
+ colourSet={ColourSet.Primary}>Next</Button
87
+ >
88
+ </div>
89
+ </div>
90
+
91
+ <div class="content noscroll">
92
+ {#if currentStep}
93
+ {@render currentStep.content(currentStep.args)}
94
+ {:else}
95
+ <div class="wrapper bg">
96
+ <span class="red">No Step Selected</span>
97
+ </div>
98
+ {/if}
99
+ </div>
100
+ </div>
101
+
102
+ <style>.bg {
103
+ padding: 1.5rem;
104
+ background-color: #f9e9e9;
105
+ color: #c31818;
106
+ }
107
+
108
+ .divider {
109
+ flex-grow: 1;
110
+ }
111
+
112
+ .steps {
113
+ display: flex;
114
+ flex-flow: row nowrap;
115
+ width: 252px;
116
+ padding: 4px;
117
+ justify-content: center;
118
+ gap: 1rem;
119
+ }
120
+
121
+ .wrapper {
122
+ display: flex;
123
+ flex-flow: column nowrap;
124
+ flex: 1;
125
+ overflow: auto;
126
+ }
127
+ .wrapper.noscroll {
128
+ overflow: visible;
129
+ }
130
+ .wrapper .tabs {
131
+ border-radius: 0 4px 0 0;
132
+ display: flex;
133
+ flex-flow: row nowrap;
134
+ overflow-x: auto;
135
+ max-width: 100%;
136
+ gap: 1rem;
137
+ padding-top: 0.5rem;
138
+ padding-bottom: 0.5rem;
139
+ padding-left: 1.25rem;
140
+ padding-right: 1.25rem;
141
+ flex-basis: 64px;
142
+ flex-shrink: 0;
143
+ background-color: #ffffff;
144
+ border-bottom: solid 1px #cbd4da;
145
+ border-top: solid 2px transparent;
146
+ }
147
+ .wrapper .tabs .tab {
148
+ color: #3a4952;
149
+ cursor: pointer;
150
+ font-size: 0.875rem;
151
+ padding: 0;
152
+ background-color: transparent;
153
+ border: none;
154
+ }
155
+ .wrapper .tabs .tab .bordered {
156
+ border-radius: 4px;
157
+ padding: 0.25rem 0.75rem;
158
+ margin-bottom: 0.25rem;
159
+ transition: border-color ease-out 0.15s 0s, background-color ease-out 0.15s 0s, color ease-out 0.15s 0s, fill ease-out 0.15s 0s;
160
+ white-space: nowrap;
161
+ display: flex;
162
+ flex-flow: row nowrap;
163
+ align-items: center;
164
+ gap: 0.5rem;
165
+ }
166
+ .wrapper .tabs .tab .bordered.invalid {
167
+ color: #aa1414;
168
+ background-color: #f9e9e9;
169
+ }
170
+ .wrapper .tabs .tab.selected {
171
+ border-bottom-color: #259fc7;
172
+ }
173
+ .wrapper .tabs .tab.selected.invalid {
174
+ border-bottom-color: #aa1414;
175
+ }
176
+ .wrapper .tabs .tab:hover .bordered, .wrapper .tabs .tab.selected:hover .bordered {
177
+ background-color: #f4f7f9;
178
+ }
179
+ .wrapper .content {
180
+ background-color: #f4f7f9;
181
+ flex-grow: 1;
182
+ display: flex;
183
+ flex-flow: column nowrap;
184
+ overflow: auto;
185
+ }
186
+ .wrapper .content.noscroll {
187
+ overflow: visible;
188
+ }</style>
package/dist/Components/StepForm.svelte.d.ts ADDED
@@ -0,0 +1,25 @@
1
+ import type { StepFormProps } from './StepFormProps.js';
2
+ declare function $$render<CommonDenominator>(): {
3
+ props: StepFormProps<CommonDenominator>;
4
+ exports: {};
5
+ bindings: "";
6
+ slots: {};
7
+ events: {};
8
+ };
9
+ declare class __sveltets_Render<CommonDenominator> {
10
+ props(): ReturnType<typeof $$render<CommonDenominator>>['props'];
11
+ events(): ReturnType<typeof $$render<CommonDenominator>>['events'];
12
+ slots(): ReturnType<typeof $$render<CommonDenominator>>['slots'];
13
+ bindings(): "";
14
+ exports(): {};
15
+ }
16
+ interface $$IsomorphicComponent {
17
+ new <CommonDenominator>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<CommonDenominator>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<CommonDenominator>['props']>, ReturnType<__sveltets_Render<CommonDenominator>['events']>, ReturnType<__sveltets_Render<CommonDenominator>['slots']>> & {
18
+ $$bindings?: ReturnType<__sveltets_Render<CommonDenominator>['bindings']>;
19
+ } & ReturnType<__sveltets_Render<CommonDenominator>['exports']>;
20
+ <CommonDenominator>(internal: unknown, props: ReturnType<__sveltets_Render<CommonDenominator>['props']> & {}): ReturnType<__sveltets_Render<CommonDenominator>['exports']>;
21
+ z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
22
+ }
23
+ declare const StepForm: $$IsomorphicComponent;
24
+ type StepForm<CommonDenominator> = InstanceType<typeof StepForm<CommonDenominator>>;
25
+ export default StepForm;
package/dist/Components/StepFormProps.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import type { TabOption } from '../Types/Internal/TabOption.js';
2
+ export interface StepFormProps<CommonDenominator> {
3
+ name?: string;
4
+ steps: Array<TabOption<CommonDenominator>>;
5
+ currentStep: TabOption<CommonDenominator> | undefined;
6
+ }
package/dist/Components/StepFormProps.js ADDED
@@ -0,0 +1 @@
1
+ export {};
package/dist/index.d.ts CHANGED
@@ -2,46 +2,108 @@ export { default as Action } from './Components/Action.svelte';
2
2
  export { default as AlertModal } from './Components/AlertModal.svelte';
3
3
  export { default as ContextWrapper } from './Components/Base/ContextWrapper.svelte';
4
4
  export { type ContextWrapperProps } from './Components/Base/ContextWrapperProps.js';
5
+ export { default as Pagination } from './Components/Base/Pagination.svelte';
6
+ export { type PaginationProps } from './Components/Base/PaginationProps.js';
5
7
  export { default as BigRadioSet } from './Components/BigRadioSet.svelte';
8
+ export type { BigRadioSetProps } from './Components/BigRadioSetProps.js';
6
9
  export { default as Bubble } from './Components/Bubble.svelte';
10
+ export { type BubbleColour } from './Components/BubbleColour.js';
11
+ export { type BubbleProps } from './Components/BubbleProps.js';
7
12
  export { default as Button } from './Components/Button.svelte';
13
+ export type { ButtonProps } from './Components/ButtonProps.js';
8
14
  export { default as Checkbox } from './Components/Checkbox.svelte';
9
15
  export { default as CollapsibleCard } from './Components/CollapsibleCard.svelte';
16
+ export type { CollapsibleCardProps } from './Components/CollapsibleCardProps.js';
17
+ export { type ContextMenuOptionProps } from './Components/Contexts/ContextMenuOptionProps.js';
18
+ export { type ToastProps } from './Components/Contexts/ToastProps.js';
10
19
  export { default as DataMatrixIcon } from './Components/DataMatrixIcon.svelte';
20
+ export type { DataMatrixIconProps } from './Components/DataMatrixIconProps.js';
11
21
  export { default as DateInput } from './Components/DateInput.svelte';
22
+ export type { DateInputProps } from './Components/DateInputProps.js';
23
+ export type { DateOnlyInputProps } from './Components/DateOnlyInputProps.js';
12
24
  export { default as DatePicker } from './Components/DatePicker.svelte';
25
+ export { type DatePickerProps } from './Components/DatePickerProps.js';
26
+ export type { DateTimeInputProps } from './Components/DateTimeInputProps.js';
13
27
  export { default as DesktopModal } from './Components/DesktopModal.svelte';
28
+ export type { DesktopModalProps } from './Components/DesktopModalProps.js';
14
29
  export { default as Dial } from './Components/Dial.svelte';
30
+ export type { DialProps } from './Components/DialProps.js';
15
31
  export { default as DimensionInput } from './Components/DimensionInput.svelte';
32
+ export type { DimensionInputProps } from './Components/DimensionInputProps.js';
33
+ export { type Draggable } from './Components/DragMenu/Draggable.js';
16
34
  export { default as DraggableCard } from './Components/DragMenu/DraggableCard.svelte';
35
+ export { type DraggableCardProps } from './Components/DragMenu/DraggableCardProps.js';
17
36
  export { default as DragMenuHolder } from './Components/DragMenu/DragMenuHolder.svelte';
37
+ export { type DragMenuHolderProps } from './Components/DragMenu/DragMenuHolderProps.js';
18
38
  export { default as FileCard } from './Components/FileCard.svelte';
39
+ export type { FileCardProps } from './Components/FileCardProps.js';
19
40
  export { default as FileUpload } from './Components/FileUpload.svelte';
41
+ export type { FileUploadProps } from './Components/FileUploadProps.js';
20
42
  export { default as GridInput } from './Components/GridInput.svelte';
43
+ export type { GridInputProps } from './Components/GridInputProps.js';
21
44
  export { default as GridInputSet } from './Components/GridInputSet.svelte';
45
+ export type { GridInputSetProps } from './Components/GridInputSetProps.js';
22
46
  export { default as HorizontalTabGroup } from './Components/HorizontalTabGroup.svelte';
47
+ export type { HorizontalTabGroupProps } from './Components/HorizontalTabGroupProps.js';
23
48
  export { default as Icon } from './Components/Icon.svelte';
24
49
  export { type IconProps } from './Components/IconProps.js';
25
50
  export { icons } from './Components/Icons.js';
51
+ export type { InputProps } from './Components/InputProps.js';
26
52
  export { default as LoadingAnimation } from './Components/LoadingAnimation.svelte';
27
53
  export { default as LoadingModal } from './Components/LoadingModal.svelte';
28
54
  export { default as LoadingOverlay } from './Components/LoadingOverlay.svelte';
29
55
  export { default as Modal } from './Components/Modal.svelte';
30
56
  export { default as MultiSelect } from './Components/MultiSelect.svelte';
57
+ export type { MultiSelectCommonProps } from './Components/MultiSelectCommonProps.js';
58
+ export type { MultiSelectProps } from './Components/MultiSelectProps.js';
59
+ export type { MultiSelectPropsAsObject } from './Components/MultiSelectPropsAsObject.js';
60
+ export type { MultiSelectPropsAsPrimitive } from './Components/MultiSelectPropsAsPrimitive.js';
31
61
  export { default as NumberInput } from './Components/NumberInput.svelte';
62
+ export type { NumberInputProps } from './Components/NumberInputProps.js';
32
63
  export { type PartialIconProps } from './Components/PartialIconProps.js';
33
64
  export { default as PasswordInput } from './Components/PasswordInput.svelte';
34
65
  export { default as Portal } from './Components/Portal.svelte';
66
+ export type { PortalProps } from './Components/PortalProps.js';
35
67
  export { default as ProgressBubble } from './Components/ProgressBubble.svelte';
68
+ export { type ProgressBubbleProps } from './Components/ProgressBubbleProps.js';
36
69
  export { default as QuerySelect } from './Components/QuerySelect.svelte';
37
70
  export { default as SingleSelect } from './Components/SingleSelect.svelte';
38
71
  export { type SingleSelectCommonProps } from './Components/SingleSelectCommonProps.js';
39
72
  export { type SingleSelectProps } from './Components/SingleSelectProps.js';
40
73
  export { type SingleSelectPropsAsObject } from './Components/SingleSelectPropsAsObject.js';
41
74
  export { type SingleSelectPropsAsPrimitive } from './Components/SingleSelectPropsAsPrimitive.js';
75
+ export { default as StepForm } from './Components/StepForm.svelte';
76
+ export type { StepFormProps } from './Components/StepFormProps.js';
42
77
  export { default as Switch } from './Components/Switch.svelte';
43
78
  export { type SwitchProps } from './Components/SwitchProps.js';
79
+ export type { TabGroupButtonProps } from './Components/TabGroupButtonProps.js';
80
+ export type { HeightData } from './Components/Table/Body/HeightData.js';
81
+ export type { QuickSearchCellProps } from './Components/Table/Body/QuickSearchCellProps.js';
82
+ export type { ColumnHighlightProps } from './Components/Table/Body/Rows/ColumnHighlightProps.js';
83
+ export type { ColumnListProps } from './Components/Table/Body/Rows/ColumnListProps.js';
84
+ export type { ColumnListRowProps } from './Components/Table/Body/Rows/ColumnListRowProps.js';
85
+ export { type AccessorComponentProps } from './Components/Table/Body/Rows/Columns/AccessorComponentProps.js';
86
+ export { type ActionsCellProps } from './Components/Table/Body/Rows/Columns/ActionsCellProps.js';
87
+ export { type ActionsColumn } from './Components/Table/Body/Rows/Columns/ActionsColumn.js';
88
+ export { type ActionsTableCell } from './Components/Table/Body/Rows/Columns/ActionsTableCell.js';
89
+ export { default as ExpandCell } from './Components/Table/Body/Rows/Columns/ExpandCell.svelte';
90
+ export { type FocusableImmutableCellProps } from './Components/Table/Body/Rows/Columns/FocusableImmutableCellProps.js';
91
+ export { type TableDatePickerProps } from './Components/Table/Body/Rows/Columns/TableDatePickerProps.js';
92
+ export type { TableQueryCell } from './Components/Table/Body/Rows/Columns/TableQueryCell.js';
93
+ export type { TableQueryColumn } from './Components/Table/Body/Rows/Columns/TableQueryColumn.js';
94
+ export type { TableQuerySelectProps } from './Components/Table/Body/Rows/Columns/TableQuerySelectProps.js';
95
+ export type { TableSelectProps } from './Components/Table/Body/Rows/Columns/TableSelectProps.js';
96
+ export type { TableTextInputProps } from './Components/Table/Body/Rows/Columns/TableTextInputProps.js';
97
+ export type { ValidityCellProps } from './Components/Table/Body/Rows/Columns/ValidityCellProps.js';
98
+ export type { TableRowProps } from './Components/Table/Body/Rows/TableRowProps.js';
99
+ export type { TableBodyProps } from './Components/Table/Body/TableBodyProps.js';
100
+ export type { ColumnPanelModalProps } from './Components/Table/Misc/ColumnPanelModalProps.js';
101
+ export type { FilterInputProps } from './Components/Table/Misc/FilterInputProps.js';
102
+ export { numberDateFilterTypes } from './Components/Table/Misc/numberDateFilterTypes.js';
103
+ export { stringFilterTypes } from './Components/Table/Misc/stringFilterTypes.js';
104
+ export type { ToolboxPanelModalProps } from './Components/Table/Misc/ToolboxPanelModalProps.js';
44
105
  export { default as Table, type TableProps } from './Components/Table/Table.svelte';
106
+ export type { Column } from './Components/Table/Types/Columns/Column.js';
45
107
  export { type ColumnPinningState } from './Components/Table/Types/Columns/ColumnPinningState.js';
46
108
  export { type ColumnSizingState } from './Components/Table/Types/Columns/ColumnSizingState.js';
47
109
  export { ColumnType } from './Components/Table/Types/Columns/ColumnType.js';
@@ -92,6 +154,7 @@ export { type CustomRemoteFilters } from './Components/Table/Types/Filtering/Cus
92
154
  export { type BoolFilterValueType, type DateFilterValueType, type FilterFn, type NumberFilterValueType, type SelectFilterValueType, type StringFilterValueType, } from './Components/Table/Types/Filtering/FilterFn.js';
93
155
  export { type FilterMode } from './Components/Table/Types/Filtering/FilterMode.js';
94
156
  export { FilterType } from './Components/Table/Types/Filtering/FilterType.js';
157
+ export { FilterValueType } from './Components/Table/Types/Filtering/FilterValueType.js';
95
158
  export { type HasCustomFilterFunction } from './Components/Table/Types/Filtering/HasCustomFilterFunction.js';
96
159
  export { NumberDateFilterMode } from './Components/Table/Types/Filtering/NumberDateFilterMode.js';
97
160
  export { StringFilterMode } from './Components/Table/Types/Filtering/StringFilterMode.js';
@@ -106,25 +169,41 @@ export { ToolbarPosition } from './Components/Table/Types/Toolbar/ToolbarPositio
106
169
  export { default as TextArea } from './Components/TextArea.svelte';
107
170
  export { type TextAreaProps } from './Components/TextAreaProps.js';
108
171
  export { default as TextInput } from './Components/TextInput.svelte';
172
+ export type { TextInputProps } from './Components/TextInputProps.js';
109
173
  export { default as ThreeStateRadio } from './Components/ThreeStateRadio.svelte';
174
+ export type { ThreeStateRadioProps } from './Components/ThreeStateRadioProps.js';
110
175
  export { default as BoolCard } from './Components/Touch/BoolCard.svelte';
111
176
  export { default as DateModal } from './Components/Touch/DateModal.svelte';
177
+ export type { DefaultTimer } from './Components/Touch/DefaultTimer.js';
112
178
  export { default as EditCard } from './Components/Touch/EditCard.svelte';
179
+ export type { EditCardProps } from './Components/Touch/EditCardProps.js';
113
180
  export { default as InfoCard } from './Components/Touch/InfoCard.svelte';
181
+ export type { InfoCardProps } from './Components/Touch/InfoCardProps.js';
114
182
  export { default as InfoTextCard } from './Components/Touch/InfoTextCard.svelte';
183
+ export type { InfoTextCardProps } from './Components/Touch/InfoTextCardProps.js';
184
+ export type { KeyValuePair } from './Components/Touch/KeyValuePair.js';
115
185
  export { default as ModalExplanation } from './Components/Touch/ModalExplanation.svelte';
116
186
  export { default as NumberKeyboard } from './Components/Touch/NumberKeyboard.svelte';
187
+ export type { NumberKeyboardProps } from './Components/Touch/NumberKeyboardProps.js';
117
188
  export { default as NumberModal } from './Components/Touch/NumberModal.svelte';
189
+ export type { NumberModalProps } from './Components/Touch/NumberModalProps.js';
118
190
  export { default as PlusMinusCard } from './Components/Touch/PlusMinusCard.svelte';
119
191
  export { default as SelectModal } from './Components/Touch/SelectModal.svelte';
192
+ export type { SelectModalProps } from './Components/Touch/SelectModalProps.js';
120
193
  export { default as SummaryCard } from './Components/Touch/SummaryCard.svelte';
194
+ export type { SummaryCardProps } from './Components/Touch/SummaryCardProps.js';
121
195
  export { default as TextAreaModal } from './Components/Touch/TextAreaModal.svelte';
196
+ export type { TextAreaModalProps } from './Components/Touch/TextAreaModalProps.js';
122
197
  export { default as TextModal } from './Components/Touch/TextModal.svelte';
198
+ export type { TextModalProps } from './Components/Touch/TextModalProps.js';
123
199
  export { default as TouchCard } from './Components/Touch/TouchCard.svelte';
200
+ export type { TouchCardProps } from './Components/Touch/TouchCardProps.js';
124
201
  export { default as TouchModal } from './Components/Touch/TouchModal.svelte';
125
202
  export { default as UtilityButton } from './Components/Touch/UtilityButton.svelte';
203
+ export type { UtilityButtonProps } from './Components/Touch/UtilityButtonProps.js';
126
204
  export { default as VerticalTabGroup } from './Components/VerticalTabGroup.svelte';
127
205
  export { default as VerticalTabGroupButton } from './Components/VerticalTabGroupButton.svelte';
206
+ export type { VerticalTabGroupProps } from './Components/VerticalTabGroupProps.js';
128
207
  export { AlertContext, type IAlertProps, type IPromptProps, } from './Contexts/AlertContext.svelte.js';
129
208
  export { ContextMenuContext } from './Contexts/ContextMenuContext.svelte.js';
130
209
  export { ToastContext } from './Contexts/ToastContext.svelte.js';
@@ -134,6 +213,8 @@ export { Delay } from './Delay/Delay.js';
134
213
  export { DATAMatrix } from './Helpers/Datamatrix.js';
135
214
  export { asyncAll, asyncEvery, asyncFilter, asyncFilterIndices, asyncFlatMap, asyncForEach, asyncMap, asyncSleep, asyncSome, autoPluralise, createLocalTable, devCatch, generateShortUUID, generateUUID, getAccessorSortingFn, getCanvasContext, getErrorMessage, gridItem, isDateTuple, isNumericArray, isValidEmailAddress, loadingText, localTimeFormat, passthrough, refWrapper, SQLFriendly, SQLFriendlyWithLocalTime, vowels, type ICreateTableArgs, } from './Helpers/Helpers.svelte.js';
136
215
  export { type INamed } from './Helpers/INamed.js';
216
+ export { Colour, ColourSet } from './scss/colours.js';
217
+ export { Sizing } from './scss/sizing.js';
137
218
  export { AttributeOperation } from './Types/Internal/AttributeOperation.js';
138
219
  export { type BigRadioOption } from './Types/Internal/BigRadioOption.js';
139
220
  export { type ButtonProp } from './Types/Internal/ButtonProp.js';
@@ -149,8 +230,6 @@ export { type GridStringItem } from './Types/Internal/GridStringItem.js';
149
230
  export { type GridTextItem } from './Types/Internal/GridTextItem.js';
150
231
  export { type IdentifiableToastMessage } from './Types/Internal/IdentifiableToastMessage.js';
151
232
  export { InputVariant } from './Types/Internal/InputVariant.js';
152
- export { Colour, ColourSet } from './scss/colours.js';
153
- export { Sizing } from './scss/sizing.js';
154
233
  export { type BrandedInteger, type BrandedNumber, type BrandedString, type Centimetres, type InputDate, type InputDateWithTime, type NonNullableKey, type Pixels, type SQLDate, type Unsubscriber, type ValueProp, } from './Types/Internal/Misc.js';
155
234
  export { type RefWrapper } from './Types/Internal/RefWrapper.js';
156
235
  export { type SelectOption } from './Types/Internal/SelectOption.js';
@@ -163,80 +242,3 @@ export { type ToastMessage } from './Types/Internal/ToastMessage.js';
163
242
  export { Validity } from './Types/Internal/Validity.js';
164
243
  export { type ValidityWrapper } from './Types/Internal/ValidityWrapper.js';
165
244
  export { Variant } from './Types/Internal/Variant.js';
166
- export { default as Pagination } from './Components/Base/Pagination.svelte';
167
- export { type PaginationProps } from './Components/Base/PaginationProps.js';
168
- export type { BigRadioSetProps } from './Components/BigRadioSetProps.js';
169
- export { type BubbleColour } from './Components/BubbleColour.js';
170
- export { type BubbleProps } from './Components/BubbleProps.js';
171
- export type { ButtonProps } from './Components/ButtonProps.js';
172
- export type { CollapsibleCardProps } from './Components/CollapsibleCardProps.js';
173
- export { type ContextMenuOptionProps } from './Components/Contexts/ContextMenuOptionProps.js';
174
- export { type ToastProps } from './Components/Contexts/ToastProps.js';
175
- export type { DataMatrixIconProps } from './Components/DataMatrixIconProps.js';
176
- export type { DateInputProps } from './Components/DateInputProps.js';
177
- export type { DateOnlyInputProps } from './Components/DateOnlyInputProps.js';
178
- export { type DatePickerProps } from './Components/DatePickerProps.js';
179
- export type { DateTimeInputProps } from './Components/DateTimeInputProps.js';
180
- export type { DesktopModalProps } from './Components/DesktopModalProps.js';
181
- export type { DialProps } from './Components/DialProps.js';
182
- export type { DimensionInputProps } from './Components/DimensionInputProps.js';
183
- export { type Draggable } from './Components/DragMenu/Draggable.js';
184
- export { type DraggableCardProps } from './Components/DragMenu/DraggableCardProps.js';
185
- export { type DragMenuHolderProps } from './Components/DragMenu/DragMenuHolderProps.js';
186
- export type { FileCardProps } from './Components/FileCardProps.js';
187
- export type { FileUploadProps } from './Components/FileUploadProps.js';
188
- export type { GridInputProps } from './Components/GridInputProps.js';
189
- export type { GridInputSetProps } from './Components/GridInputSetProps.js';
190
- export type { HorizontalTabGroupProps } from './Components/HorizontalTabGroupProps.js';
191
- export type { InputProps } from './Components/InputProps.js';
192
- export type { MultiSelectCommonProps } from './Components/MultiSelectCommonProps.js';
193
- export type { MultiSelectProps } from './Components/MultiSelectProps.js';
194
- export type { MultiSelectPropsAsObject } from './Components/MultiSelectPropsAsObject.js';
195
- export type { MultiSelectPropsAsPrimitive } from './Components/MultiSelectPropsAsPrimitive.js';
196
- export type { NumberInputProps } from './Components/NumberInputProps.js';
197
- export type { PortalProps } from './Components/PortalProps.js';
198
- export { type ProgressBubbleProps } from './Components/ProgressBubbleProps.js';
199
- export type { TabGroupButtonProps } from './Components/TabGroupButtonProps.js';
200
- export type { HeightData } from './Components/Table/Body/HeightData.js';
201
- export type { QuickSearchCellProps } from './Components/Table/Body/QuickSearchCellProps.js';
202
- export type { ColumnHighlightProps } from './Components/Table/Body/Rows/ColumnHighlightProps.js';
203
- export type { ColumnListProps } from './Components/Table/Body/Rows/ColumnListProps.js';
204
- export type { ColumnListRowProps } from './Components/Table/Body/Rows/ColumnListRowProps.js';
205
- export { type AccessorComponentProps } from './Components/Table/Body/Rows/Columns/AccessorComponentProps.js';
206
- export { type ActionsCellProps } from './Components/Table/Body/Rows/Columns/ActionsCellProps.js';
207
- export { type ActionsColumn } from './Components/Table/Body/Rows/Columns/ActionsColumn.js';
208
- export { type ActionsTableCell } from './Components/Table/Body/Rows/Columns/ActionsTableCell.js';
209
- export { default as ExpandCell } from './Components/Table/Body/Rows/Columns/ExpandCell.svelte';
210
- export { type FocusableImmutableCellProps } from './Components/Table/Body/Rows/Columns/FocusableImmutableCellProps.js';
211
- export { type TableDatePickerProps } from './Components/Table/Body/Rows/Columns/TableDatePickerProps.js';
212
- export type { TableQueryCell } from './Components/Table/Body/Rows/Columns/TableQueryCell.js';
213
- export type { TableQueryColumn } from './Components/Table/Body/Rows/Columns/TableQueryColumn.js';
214
- export type { TableQuerySelectProps } from './Components/Table/Body/Rows/Columns/TableQuerySelectProps.js';
215
- export type { TableSelectProps } from './Components/Table/Body/Rows/Columns/TableSelectProps.js';
216
- export type { TableTextInputProps } from './Components/Table/Body/Rows/Columns/TableTextInputProps.js';
217
- export type { ValidityCellProps } from './Components/Table/Body/Rows/Columns/ValidityCellProps.js';
218
- export type { TableRowProps } from './Components/Table/Body/Rows/TableRowProps.js';
219
- export type { TableBodyProps } from './Components/Table/Body/TableBodyProps.js';
220
- export type { ColumnPanelModalProps } from './Components/Table/Misc/ColumnPanelModalProps.js';
221
- export type { FilterInputProps } from './Components/Table/Misc/FilterInputProps.js';
222
- export { numberDateFilterTypes } from './Components/Table/Misc/numberDateFilterTypes.js';
223
- export { stringFilterTypes } from './Components/Table/Misc/stringFilterTypes.js';
224
- export type { ToolboxPanelModalProps } from './Components/Table/Misc/ToolboxPanelModalProps.js';
225
- export type { Column } from './Components/Table/Types/Columns/Column.js';
226
- export { FilterValueType } from './Components/Table/Types/Filtering/FilterValueType.js';
227
- export type { TextInputProps } from './Components/TextInputProps.js';
228
- export type { ThreeStateRadioProps } from './Components/ThreeStateRadioProps.js';
229
- export type { DefaultTimer } from './Components/Touch/DefaultTimer.js';
230
- export type { EditCardProps } from './Components/Touch/EditCardProps.js';
231
- export type { InfoCardProps } from './Components/Touch/InfoCardProps.js';
232
- export type { InfoTextCardProps } from './Components/Touch/InfoTextCardProps.js';
233
- export type { KeyValuePair } from './Components/Touch/KeyValuePair.js';
234
- export type { NumberKeyboardProps } from './Components/Touch/NumberKeyboardProps.js';
235
- export type { NumberModalProps } from './Components/Touch/NumberModalProps.js';
236
- export type { SelectModalProps } from './Components/Touch/SelectModalProps.js';
237
- export type { SummaryCardProps } from './Components/Touch/SummaryCardProps.js';
238
- export type { TextAreaModalProps } from './Components/Touch/TextAreaModalProps.js';
239
- export type { TextModalProps } from './Components/Touch/TextModalProps.js';
240
- export type { TouchCardProps } from './Components/Touch/TouchCardProps.js';
241
- export type { UtilityButtonProps } from './Components/Touch/UtilityButtonProps.js';
242
- export type { VerticalTabGroupProps } from './Components/VerticalTabGroupProps.js';
package/dist/index.js CHANGED
@@ -2,19 +2,29 @@ export { default as Action } from './Components/Action.svelte';
2
2
  export { default as AlertModal } from './Components/AlertModal.svelte';
3
3
  export { default as ContextWrapper } from './Components/Base/ContextWrapper.svelte';
4
4
  export {} from './Components/Base/ContextWrapperProps.js';
5
+ export { default as Pagination } from './Components/Base/Pagination.svelte';
6
+ export {} from './Components/Base/PaginationProps.js';
5
7
  export { default as BigRadioSet } from './Components/BigRadioSet.svelte';
6
8
  export { default as Bubble } from './Components/Bubble.svelte';
9
+ export {} from './Components/BubbleColour.js';
10
+ export {} from './Components/BubbleProps.js';
7
11
  export { default as Button } from './Components/Button.svelte';
8
12
  export { default as Checkbox } from './Components/Checkbox.svelte';
9
13
  export { default as CollapsibleCard } from './Components/CollapsibleCard.svelte';
14
+ export {} from './Components/Contexts/ContextMenuOptionProps.js';
15
+ export {} from './Components/Contexts/ToastProps.js';
10
16
  export { default as DataMatrixIcon } from './Components/DataMatrixIcon.svelte';
11
17
  export { default as DateInput } from './Components/DateInput.svelte';
12
18
  export { default as DatePicker } from './Components/DatePicker.svelte';
19
+ export {} from './Components/DatePickerProps.js';
13
20
  export { default as DesktopModal } from './Components/DesktopModal.svelte';
14
21
  export { default as Dial } from './Components/Dial.svelte';
15
22
  export { default as DimensionInput } from './Components/DimensionInput.svelte';
23
+ export {} from './Components/DragMenu/Draggable.js';
16
24
  export { default as DraggableCard } from './Components/DragMenu/DraggableCard.svelte';
25
+ export {} from './Components/DragMenu/DraggableCardProps.js';
17
26
  export { default as DragMenuHolder } from './Components/DragMenu/DragMenuHolder.svelte';
27
+ export {} from './Components/DragMenu/DragMenuHolderProps.js';
18
28
  export { default as FileCard } from './Components/FileCard.svelte';
19
29
  export { default as FileUpload } from './Components/FileUpload.svelte';
20
30
  export { default as GridInput } from './Components/GridInput.svelte';
@@ -33,14 +43,25 @@ export {} from './Components/PartialIconProps.js';
33
43
  export { default as PasswordInput } from './Components/PasswordInput.svelte';
34
44
  export { default as Portal } from './Components/Portal.svelte';
35
45
  export { default as ProgressBubble } from './Components/ProgressBubble.svelte';
46
+ export {} from './Components/ProgressBubbleProps.js';
36
47
  export { default as QuerySelect } from './Components/QuerySelect.svelte';
37
48
  export { default as SingleSelect } from './Components/SingleSelect.svelte';
38
49
  export {} from './Components/SingleSelectCommonProps.js';
39
50
  export {} from './Components/SingleSelectProps.js';
40
51
  export {} from './Components/SingleSelectPropsAsObject.js';
41
52
  export {} from './Components/SingleSelectPropsAsPrimitive.js';
53
+ export { default as StepForm } from './Components/StepForm.svelte';
42
54
  export { default as Switch } from './Components/Switch.svelte';
43
55
  export {} from './Components/SwitchProps.js';
56
+ export {} from './Components/Table/Body/Rows/Columns/AccessorComponentProps.js';
57
+ export {} from './Components/Table/Body/Rows/Columns/ActionsCellProps.js';
58
+ export {} from './Components/Table/Body/Rows/Columns/ActionsColumn.js';
59
+ export {} from './Components/Table/Body/Rows/Columns/ActionsTableCell.js';
60
+ export { default as ExpandCell } from './Components/Table/Body/Rows/Columns/ExpandCell.svelte';
61
+ export {} from './Components/Table/Body/Rows/Columns/FocusableImmutableCellProps.js';
62
+ export {} from './Components/Table/Body/Rows/Columns/TableDatePickerProps.js';
63
+ export { numberDateFilterTypes } from './Components/Table/Misc/numberDateFilterTypes.js';
64
+ export { stringFilterTypes } from './Components/Table/Misc/stringFilterTypes.js';
44
65
  export { default as Table } from './Components/Table/Table.svelte';
45
66
  export {} from './Components/Table/Types/Columns/ColumnPinningState.js';
46
67
  export {} from './Components/Table/Types/Columns/ColumnSizingState.js';
@@ -92,6 +113,7 @@ export {} from './Components/Table/Types/Filtering/CustomRemoteFilters.js';
92
113
  export {} from './Components/Table/Types/Filtering/FilterFn.js';
93
114
  export {} from './Components/Table/Types/Filtering/FilterMode.js';
94
115
  export { FilterType } from './Components/Table/Types/Filtering/FilterType.js';
116
+ export { FilterValueType } from './Components/Table/Types/Filtering/FilterValueType.js';
95
117
  export {} from './Components/Table/Types/Filtering/HasCustomFilterFunction.js';
96
118
  export { NumberDateFilterMode } from './Components/Table/Types/Filtering/NumberDateFilterMode.js';
97
119
  export { StringFilterMode } from './Components/Table/Types/Filtering/StringFilterMode.js';
@@ -134,6 +156,8 @@ export { Delay } from './Delay/Delay.js';
134
156
  export { DATAMatrix } from './Helpers/Datamatrix.js';
135
157
  export { asyncAll, asyncEvery, asyncFilter, asyncFilterIndices, asyncFlatMap, asyncForEach, asyncMap, asyncSleep, asyncSome, autoPluralise, createLocalTable, devCatch, generateShortUUID, generateUUID, getAccessorSortingFn, getCanvasContext, getErrorMessage, gridItem, isDateTuple, isNumericArray, isValidEmailAddress, loadingText, localTimeFormat, passthrough, refWrapper, SQLFriendly, SQLFriendlyWithLocalTime, vowels, } from './Helpers/Helpers.svelte.js';
136
158
  export {} from './Helpers/INamed.js';
159
+ export { Colour, ColourSet } from './scss/colours.js';
160
+ export { Sizing } from './scss/sizing.js';
137
161
  export { AttributeOperation } from './Types/Internal/AttributeOperation.js';
138
162
  export {} from './Types/Internal/BigRadioOption.js';
139
163
  export {} from './Types/Internal/ButtonProp.js';
@@ -147,8 +171,6 @@ export {} from './Types/Internal/GridStringItem.js';
147
171
  export {} from './Types/Internal/GridTextItem.js';
148
172
  export {} from './Types/Internal/IdentifiableToastMessage.js';
149
173
  export { InputVariant } from './Types/Internal/InputVariant.js';
150
- export { Colour, ColourSet } from './scss/colours.js';
151
- export { Sizing } from './scss/sizing.js';
152
174
  export {} from './Types/Internal/Misc.js';
153
175
  export {} from './Types/Internal/RefWrapper.js';
154
176
  export {} from './Types/Internal/SelectOption.js';
@@ -161,24 +183,3 @@ export {} from './Types/Internal/ToastMessage.js';
161
183
  export { Validity } from './Types/Internal/Validity.js';
162
184
  export {} from './Types/Internal/ValidityWrapper.js';
163
185
  export { Variant } from './Types/Internal/Variant.js';
164
- export { default as Pagination } from './Components/Base/Pagination.svelte';
165
- export {} from './Components/Base/PaginationProps.js';
166
- export {} from './Components/BubbleColour.js';
167
- export {} from './Components/BubbleProps.js';
168
- export {} from './Components/Contexts/ContextMenuOptionProps.js';
169
- export {} from './Components/Contexts/ToastProps.js';
170
- export {} from './Components/DatePickerProps.js';
171
- export {} from './Components/DragMenu/Draggable.js';
172
- export {} from './Components/DragMenu/DraggableCardProps.js';
173
- export {} from './Components/DragMenu/DragMenuHolderProps.js';
174
- export {} from './Components/ProgressBubbleProps.js';
175
- export {} from './Components/Table/Body/Rows/Columns/AccessorComponentProps.js';
176
- export {} from './Components/Table/Body/Rows/Columns/ActionsCellProps.js';
177
- export {} from './Components/Table/Body/Rows/Columns/ActionsColumn.js';
178
- export {} from './Components/Table/Body/Rows/Columns/ActionsTableCell.js';
179
- export { default as ExpandCell } from './Components/Table/Body/Rows/Columns/ExpandCell.svelte';
180
- export {} from './Components/Table/Body/Rows/Columns/FocusableImmutableCellProps.js';
181
- export {} from './Components/Table/Body/Rows/Columns/TableDatePickerProps.js';
182
- export { numberDateFilterTypes } from './Components/Table/Misc/numberDateFilterTypes.js';
183
- export { stringFilterTypes } from './Components/Table/Misc/stringFilterTypes.js';
184
- export { FilterValueType } from './Components/Table/Types/Filtering/FilterValueType.js';
package/dist/scss/_mixins.scss CHANGED
@@ -2594,20 +2594,25 @@
2594
2594
  flex-flow: row;
2595
2595
  // align-items: flex-start;
2596
2596
  gap: 1rem;
2597
- span {
2598
- display: inline-flex;
2599
- flex-flow: row;
2600
- align-items: center;
2601
- gap: 0.1875rem;
2602
- fill: colours.$font-secondary;
2603
- color: colours.$font-secondary;
2604
- font-size: #{sizing.$text-small-small-medium};
2605
- }
2597
+
2598
+ @include heading-subtitle;
2606
2599
  }
2607
2600
  }
2608
2601
  }
2609
2602
  }
2610
2603
 
2604
+ @mixin heading-subtitle {
2605
+ span {
2606
+ display: inline-flex;
2607
+ flex-flow: row;
2608
+ align-items: center;
2609
+ gap: 0.1875rem;
2610
+ fill: colours.$font-secondary;
2611
+ color: colours.$font-secondary;
2612
+ font-size: #{sizing.$text-small-small-medium};
2613
+ }
2614
+ }
2615
+
2611
2616
  @mixin attributes-modal-inner {
2612
2617
  .flex {
2613
2618
  display: flex;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@lavalogic/scoria",
3
3
  "description": "Svelte components used for the FloWMS Web Frontend",
4
- "version": "0.26.0",
4
+ "version": "0.27.1",
5
5
  "publishConfig": {
6
6
  "access": "restricted"
7
7
  },