@dvcol/neo-svelte 0.1.8 → 0.1.10
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 +9 -0
- package/dist/badge/index.d.ts +3 -0
- package/dist/badge/index.js +2 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/inputs/NeoCheckbox.svelte.d.ts +1 -1
- package/dist/inputs/NeoColorPicker.svelte.d.ts +1 -1
- package/dist/inputs/NeoDateTime.svelte.d.ts +1 -1
- package/dist/inputs/NeoFilePicker.svelte.d.ts +1 -1
- package/dist/inputs/NeoNativeSelect.svelte.d.ts +1 -1
- package/dist/inputs/NeoNumberStep.svelte.d.ts +1 -1
- package/dist/inputs/NeoPassword.svelte.d.ts +1 -1
- package/dist/inputs/NeoPin.svelte.d.ts +1 -1
- package/dist/inputs/NeoRadio.svelte.d.ts +1 -1
- package/dist/inputs/NeoRange.svelte.d.ts +1 -1
- package/dist/inputs/NeoSelect.svelte +2 -2
- package/dist/inputs/NeoSelect.svelte.d.ts +1 -1
- package/dist/inputs/NeoSwitch.svelte.d.ts +1 -1
- package/dist/inputs/NeoTextarea.svelte.d.ts +1 -1
- package/dist/inputs/common/NeoBaseInput.svelte.d.ts +1 -1
- package/dist/inputs/common/NeoInput.svelte.d.ts +1 -1
- package/dist/inputs/index.d.ts +1 -0
- package/dist/inputs/index.js +1 -0
- package/dist/inputs/neo-select.model.d.ts +3 -3
- package/dist/list/NeoListSearch.svelte.d.ts +1 -1
- package/dist/nav/NeoTabs.svelte.d.ts +1 -1
- package/dist/providers/neo-theme-provider.scss +2 -2
- package/dist/styles/mixin.scss +1 -1
- package/dist/styles/theme.scss +7 -7
- package/dist/tooltips/NeoPopSelect.svelte.d.ts +1 -1
- package/dist/utils/shadow.utils.d.ts +2 -2
- package/package.json +5 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [0.1.10](https://github.com/dvcol/neo-svelte/compare/v0.1.9...v0.1.10) (2025-02-19)
|
|
6
|
+
|
|
7
|
+
### [0.1.9](https://github.com/dvcol/neo-svelte/compare/v0.1.8...v0.1.9) (2025-02-19)
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
### Bug Fixes
|
|
11
|
+
|
|
12
|
+
* **provider:** change scss to use relative path for packaging ([b5f1acf](https://github.com/dvcol/neo-svelte/commit/b5f1acf7130e5dc0605569139d04574cc3690902))
|
|
13
|
+
|
|
5
14
|
### [0.1.8](https://github.com/dvcol/neo-svelte/compare/v0.1.7...v0.1.8) (2025-02-19)
|
|
6
15
|
|
|
7
16
|
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { NeoCheckboxProps } from './neo-checkbox.model.js';
|
|
2
|
-
declare const NeoCheckbox: import("svelte").Component<NeoCheckboxProps, {}, "checked" | "ref" | "group" | "indeterminate" | "focused" | "touched" | "dirty" | "
|
|
2
|
+
declare const NeoCheckbox: import("svelte").Component<NeoCheckboxProps, {}, "checked" | "ref" | "valid" | "group" | "indeterminate" | "focused" | "touched" | "dirty" | "wrapperRef" | "containerRef" | "labelRef">;
|
|
3
3
|
type NeoCheckbox = ReturnType<typeof NeoCheckbox>;
|
|
4
4
|
export default NeoCheckbox;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { NeoColorPickerProps } from './neo-color-picker.model.js';
|
|
2
|
-
declare const NeoColorPicker: import("svelte").Component<NeoColorPickerProps, {}, "value" | "ref" | "
|
|
2
|
+
declare const NeoColorPicker: import("svelte").Component<NeoColorPickerProps, {}, "value" | "ref" | "valid" | "focused" | "touched" | "dirty" | "hovered" | "focusin" | "wrapperRef" | "containerRef" | "labelRef" | "pickerRef">;
|
|
3
3
|
type NeoColorPicker = ReturnType<typeof NeoColorPicker>;
|
|
4
4
|
export default NeoColorPicker;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { NeoDateTimeProps } from './neo-date-time.model.js';
|
|
2
|
-
declare const NeoDateTime: import("svelte").Component<NeoDateTimeProps, {}, "value" | "ref" | "
|
|
2
|
+
declare const NeoDateTime: import("svelte").Component<NeoDateTimeProps, {}, "value" | "ref" | "valid" | "focused" | "touched" | "dirty" | "hovered" | "focusin" | "wrapperRef" | "containerRef" | "labelRef">;
|
|
3
3
|
type NeoDateTime = ReturnType<typeof NeoDateTime>;
|
|
4
4
|
export default NeoDateTime;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { NeoFilePickerProps } from './neo-file-picker.model.js';
|
|
2
|
-
declare const NeoFilePicker: import("svelte").Component<NeoFilePickerProps, {}, "value" | "ref" | "
|
|
2
|
+
declare const NeoFilePicker: import("svelte").Component<NeoFilePickerProps, {}, "value" | "ref" | "valid" | "files" | "focused" | "touched" | "dirty" | "hovered" | "focusin" | "wrapperRef" | "containerRef" | "labelRef" | "dragging" | "expanded">;
|
|
3
3
|
type NeoFilePicker = ReturnType<typeof NeoFilePicker>;
|
|
4
4
|
export default NeoFilePicker;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { NeoNativeSelectProps } from './neo-select.model.js';
|
|
2
|
-
declare const NeoNativeSelect: import("svelte").Component<NeoNativeSelectProps, {}, "value" | "ref" | "
|
|
2
|
+
declare const NeoNativeSelect: import("svelte").Component<NeoNativeSelectProps, {}, "value" | "ref" | "valid" | "focused" | "touched" | "dirty" | "hovered" | "focusin" | "wrapperRef" | "containerRef" | "labelRef">;
|
|
3
3
|
type NeoNativeSelect = ReturnType<typeof NeoNativeSelect>;
|
|
4
4
|
export default NeoNativeSelect;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { NeoNumberStepProps } from './neo-number-step.model.js';
|
|
2
|
-
declare const NeoNumberStep: import("svelte").Component<NeoNumberStepProps, {}, "value" | "ref" | "
|
|
2
|
+
declare const NeoNumberStep: import("svelte").Component<NeoNumberStepProps, {}, "value" | "ref" | "valid" | "focused" | "touched" | "dirty" | "hovered" | "focusin" | "wrapperRef" | "containerRef" | "labelRef">;
|
|
3
3
|
type NeoNumberStep = ReturnType<typeof NeoNumberStep>;
|
|
4
4
|
export default NeoNumberStep;
|
|
@@ -3,7 +3,7 @@ declare class __sveltets_Render<T extends boolean = false> {
|
|
|
3
3
|
props(): NeoPasswordProps<T>;
|
|
4
4
|
events(): {};
|
|
5
5
|
slots(): {};
|
|
6
|
-
bindings(): "value" | "ref" | "
|
|
6
|
+
bindings(): "value" | "ref" | "valid" | "focused" | "touched" | "dirty" | "hovered" | "focusin" | "wrapperRef" | "containerRef" | "labelRef";
|
|
7
7
|
exports(): {};
|
|
8
8
|
}
|
|
9
9
|
interface $$IsomorphicComponent {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { NeoPinProps } from './neo-pin.model.js';
|
|
2
|
-
declare const NeoPin: import("svelte").Component<NeoPinProps, {}, "value" | "ref" | "
|
|
2
|
+
declare const NeoPin: import("svelte").Component<NeoPinProps, {}, "value" | "ref" | "valid" | "focused" | "touched" | "dirty" | "hovered" | "wrapperRef" | "containerRef" | "labelRef">;
|
|
3
3
|
type NeoPin = ReturnType<typeof NeoPin>;
|
|
4
4
|
export default NeoPin;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { NeoRadioProps } from './neo-radio.model.js';
|
|
2
|
-
declare const NeoRadio: import("svelte").Component<NeoRadioProps, {}, "checked" | "ref" | "
|
|
2
|
+
declare const NeoRadio: import("svelte").Component<NeoRadioProps, {}, "checked" | "ref" | "valid" | "group" | "focused" | "touched" | "dirty" | "focusin" | "containerRef" | "labelRef">;
|
|
3
3
|
type NeoRadio = ReturnType<typeof NeoRadio>;
|
|
4
4
|
export default NeoRadio;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { NeoRangeProps } from './neo-range.model.js';
|
|
2
|
-
declare const NeoRange: import("svelte").Component<NeoRangeProps, {}, "value" | "ref" | "
|
|
2
|
+
declare const NeoRange: import("svelte").Component<NeoRangeProps, {}, "value" | "ref" | "valid" | "focused" | "touched" | "dirty" | "hovered" | "wrapperRef" | "labelRef">;
|
|
3
3
|
type NeoRange = ReturnType<typeof NeoRange>;
|
|
4
4
|
export default NeoRange;
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
const space = $derived(open ? 8 : 6);
|
|
105
105
|
watch(
|
|
106
106
|
() => {
|
|
107
|
-
value = transform(selected);
|
|
107
|
+
value = transform ? transform(selected) : selected;
|
|
108
108
|
touched = true;
|
|
109
109
|
},
|
|
110
110
|
() => selected,
|
|
@@ -170,7 +170,7 @@
|
|
|
170
170
|
bind:focused
|
|
171
171
|
bind:focusin
|
|
172
172
|
bind:value
|
|
173
|
-
display={(
|
|
173
|
+
display={(customDisplay ?? display) ? (customDisplay ?? display?.(selected)) : undefined}
|
|
174
174
|
{rounded}
|
|
175
175
|
{floating}
|
|
176
176
|
{clearable}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { type NeoSelectProps } from './neo-select.model.js';
|
|
2
|
-
declare const NeoSelect: import("svelte").Component<NeoSelectProps, {}, "filter" | "value" | "ref" | "
|
|
2
|
+
declare const NeoSelect: import("svelte").Component<NeoSelectProps, {}, "filter" | "value" | "ref" | "valid" | "sort" | "focused" | "touched" | "dirty" | "hovered" | "focusin" | "wrapperRef" | "containerRef" | "labelRef" | "highlight" | "triggerRef" | "open" | "selected" | "listRef" | "tooltipRef">;
|
|
3
3
|
type NeoSelect = ReturnType<typeof NeoSelect>;
|
|
4
4
|
export default NeoSelect;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { NeoSwitchProps } from './neo-switch.model.js';
|
|
2
|
-
declare const NeoSwitch: import("svelte").Component<NeoSwitchProps, {}, "checked" | "ref" | "group" | "indeterminate" | "focused" | "touched" | "dirty" | "
|
|
2
|
+
declare const NeoSwitch: import("svelte").Component<NeoSwitchProps, {}, "checked" | "ref" | "valid" | "group" | "indeterminate" | "focused" | "touched" | "dirty" | "focusin" | "wrapperRef" | "containerRef" | "labelRef">;
|
|
3
3
|
type NeoSwitch = ReturnType<typeof NeoSwitch>;
|
|
4
4
|
export default NeoSwitch;
|
|
@@ -10,6 +10,6 @@ declare const NeoTextarea: import("svelte").Component<NeoTextareaProps, {
|
|
|
10
10
|
/**
|
|
11
11
|
* Change the value of the input
|
|
12
12
|
*/ change: NeoInputMethods<HTMLTextAreaElement>["change"];
|
|
13
|
-
}, "value" | "ref" | "
|
|
13
|
+
}, "value" | "ref" | "valid" | "focused" | "touched" | "dirty" | "hovered" | "focusin" | "wrapperRef" | "containerRef" | "afterRef" | "affixRef" | "labelRef">;
|
|
14
14
|
type NeoTextarea = ReturnType<typeof NeoTextarea>;
|
|
15
15
|
export default NeoTextarea;
|
|
@@ -12,6 +12,6 @@ declare const NeoBaseInput: import("svelte").Component<NeoBaseInputProps, {
|
|
|
12
12
|
/**
|
|
13
13
|
* Change the state of the input
|
|
14
14
|
*/ change: NeoInputMethods<HTMLInputElement>["change"];
|
|
15
|
-
}, "value" | "checked" | "ref" | "group" | "validationMessage" | "files" | "indeterminate" | "focused" | "touched" | "dirty" | "
|
|
15
|
+
}, "value" | "checked" | "ref" | "valid" | "group" | "validationMessage" | "files" | "indeterminate" | "focused" | "touched" | "dirty" | "initial">;
|
|
16
16
|
type NeoBaseInput = ReturnType<typeof NeoBaseInput>;
|
|
17
17
|
export default NeoBaseInput;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { NeoInputHTMLElement, NeoInputProps } from './neo-input.model.js';
|
|
2
|
-
declare const NeoInput: import("svelte").Component<NeoInputProps<NeoInputHTMLElement>, {}, "value" | "checked" | "ref" | "group" | "files" | "indeterminate" | "focused" | "touched" | "dirty" | "
|
|
2
|
+
declare const NeoInput: import("svelte").Component<NeoInputProps<NeoInputHTMLElement>, {}, "value" | "checked" | "ref" | "valid" | "group" | "files" | "indeterminate" | "focused" | "touched" | "dirty" | "hovered" | "focusin" | "wrapperRef" | "containerRef" | "afterRef" | "affixRef" | "labelRef" | "beforeRef">;
|
|
3
3
|
type NeoInput = ReturnType<typeof NeoInput>;
|
|
4
4
|
export default NeoInput;
|
package/dist/inputs/index.d.ts
CHANGED
|
@@ -13,6 +13,7 @@ export { default as NeoSwitch } from './NeoSwitch.svelte';
|
|
|
13
13
|
export { default as NeoSelect } from './NeoSelect.svelte';
|
|
14
14
|
export { default as NeoNativeSelect } from './NeoNativeSelect.svelte';
|
|
15
15
|
export { NeoInputLabelPlacement } from './common/neo-input.model.js';
|
|
16
|
+
export { displayValue, transformValue } from './neo-select.model.js';
|
|
16
17
|
export type * from './common/neo-input.model.js';
|
|
17
18
|
export type * from './neo-checkbox.model.js';
|
|
18
19
|
export type * from './neo-color-picker.model.js';
|
package/dist/inputs/index.js
CHANGED
|
@@ -13,3 +13,4 @@ export { default as NeoSwitch } from './NeoSwitch.svelte';
|
|
|
13
13
|
export { default as NeoSelect } from './NeoSelect.svelte';
|
|
14
14
|
export { default as NeoNativeSelect } from './NeoNativeSelect.svelte';
|
|
15
15
|
export { NeoInputLabelPlacement } from './common/neo-input.model.js';
|
|
16
|
+
export { displayValue, transformValue } from './neo-select.model.js';
|
|
@@ -113,6 +113,6 @@ export type NeoSelectProps<Value = unknown> = {
|
|
|
113
113
|
* Button properties to pass to the show/hide dropdown button.
|
|
114
114
|
*/
|
|
115
115
|
buttonProps?: NeoButtonProps;
|
|
116
|
-
} & NeoInputProps
|
|
117
|
-
export declare const displayValue:
|
|
118
|
-
export declare const transformValue:
|
|
116
|
+
} & Omit<NeoInputProps, 'display'>;
|
|
117
|
+
export declare const displayValue: NeoSelectProps['display'];
|
|
118
|
+
export declare const transformValue: NeoSelectProps['transform'];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { type NeoListSearchProps } from './neo-list-search.model.js';
|
|
2
|
-
declare const NeoListSearch: import("svelte").Component<NeoListSearchProps, {}, "value" | "ref" | "
|
|
2
|
+
declare const NeoListSearch: import("svelte").Component<NeoListSearchProps, {}, "value" | "ref" | "valid" | "focused" | "touched" | "dirty" | "hovered" | "focusin" | "invert">;
|
|
3
3
|
type NeoListSearch = ReturnType<typeof NeoListSearch>;
|
|
4
4
|
export default NeoListSearch;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { NeoTabsProps } from './neo-tabs.model.js';
|
|
2
|
-
declare const NeoTabs: import("svelte").Component<NeoTabsProps, {}, "
|
|
2
|
+
declare const NeoTabs: import("svelte").Component<NeoTabsProps, {}, "value" | "active" | "ref">;
|
|
3
3
|
type NeoTabs = ReturnType<typeof NeoTabs>;
|
|
4
4
|
export default NeoTabs;
|
package/dist/styles/mixin.scss
CHANGED
package/dist/styles/theme.scss
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
@use '
|
|
2
|
-
@use '
|
|
3
|
-
@use '
|
|
4
|
-
@use '
|
|
5
|
-
@use '
|
|
6
|
-
@use '
|
|
7
|
-
@use '
|
|
1
|
+
@use './common/colors' as colors;
|
|
2
|
+
@use './common/easing' as easing;
|
|
3
|
+
@use './common/typography' as typography;
|
|
4
|
+
@use './common/shadows' as shadows;
|
|
5
|
+
@use './common/spacing' as spacing;
|
|
6
|
+
@use './common/utils' as utils;
|
|
7
|
+
@use './common/properties';
|
|
8
8
|
|
|
9
9
|
@mixin theme($root: neo-theme-root) {
|
|
10
10
|
[#{$root}] {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { NeoPopSelectProps } from './neo-pop-select.model.js';
|
|
2
|
-
declare const NeoPopSelect: import("svelte").Component<NeoPopSelectProps, {}, "filter" | "
|
|
2
|
+
declare const NeoPopSelect: import("svelte").Component<NeoPopSelectProps, {}, "filter" | "sort" | "focused" | "highlight" | "triggerRef" | "open" | "selected" | "listRef" | "tooltipRef">;
|
|
3
3
|
type NeoPopSelect = ReturnType<typeof NeoPopSelect>;
|
|
4
4
|
export default NeoPopSelect;
|
|
@@ -34,8 +34,8 @@ export type ShadowModifier = {
|
|
|
34
34
|
};
|
|
35
35
|
export declare const ShadowFlatRegex: RegExp;
|
|
36
36
|
export declare const DefaultSaturation = 3;
|
|
37
|
-
export declare const getDefaultElevation: (pressed?: boolean, fallback?: ShadowElevation) => 0 | 1 | 2 |
|
|
38
|
-
export declare const getDefaultHoverElevation: (pressed?: boolean, fallback?: ShadowElevation) => 0 | 1 | 2 |
|
|
37
|
+
export declare const getDefaultElevation: (pressed?: boolean, fallback?: ShadowElevation) => 0 | 1 | 2 | 3 | 4 | 5 | -5 | -4 | -3 | -2 | -1;
|
|
38
|
+
export declare const getDefaultHoverElevation: (pressed?: boolean, fallback?: ShadowElevation) => 0 | 1 | 2 | 3 | 4 | 5 | -5 | -4 | -3 | -2 | -1;
|
|
39
39
|
export declare const getDefaultSlideElevation: (elevation: ShadowElevation, fallback?: ShadowElevation) => ShadowElevation;
|
|
40
40
|
export declare function coerce<Elevation extends number = ShadowElevation>(elevation: Elevation | `${Elevation}`): Elevation;
|
|
41
41
|
export declare function parseBlur(blur?: BlurElevation | BlurElevationString, elevation?: ShadowElevation | ShadowElevationString): BlurElevation;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dvcol/neo-svelte",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.10",
|
|
5
5
|
"description": "Neomorphic ui library for svelte 5",
|
|
6
6
|
"homepage": "https://github.com/dvcol/neo-svelte",
|
|
7
7
|
"bugs": "https://github.com/dvcol/neo-svelte/issues",
|
|
@@ -35,6 +35,10 @@
|
|
|
35
35
|
"types": "./dist/index.d.ts",
|
|
36
36
|
"svelte": "./dist/index.js"
|
|
37
37
|
},
|
|
38
|
+
"./badge": {
|
|
39
|
+
"types": "./dist/badge/index.d.ts",
|
|
40
|
+
"svelte": "./dist/badge/index.js"
|
|
41
|
+
},
|
|
38
42
|
"./buttons": {
|
|
39
43
|
"types": "./dist/buttons/index.d.ts",
|
|
40
44
|
"svelte": "./dist/buttons/index.js"
|