@djcali570/component-lib 0.0.6 → 0.0.7
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/dist/Accordion5.svelte +2 -6
- package/dist/DropDown5.svelte +3 -16
- package/dist/DropDown5.svelte.d.ts +2 -13
- package/dist/index.d.ts +2 -1
- package/dist/types.d.ts +12 -3
- package/package.json +1 -1
package/dist/Accordion5.svelte
CHANGED
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
|
|
91
91
|
button {
|
|
92
92
|
width: 100%;
|
|
93
|
-
padding: 0.5rem;
|
|
93
|
+
padding-block: 0.5rem;
|
|
94
94
|
font-size: 1rem;
|
|
95
95
|
cursor: pointer;
|
|
96
96
|
border: none;
|
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
|
|
115
115
|
.panel-head-icon-container {
|
|
116
116
|
display: flex;
|
|
117
|
-
justify-content:
|
|
117
|
+
justify-content: flex-end;
|
|
118
118
|
align-items: center;
|
|
119
119
|
width: 1.5rem;
|
|
120
120
|
height: 1.5rem;
|
|
@@ -131,10 +131,6 @@
|
|
|
131
131
|
max-height: 0;
|
|
132
132
|
transition: max-height 400ms ease-in-out;
|
|
133
133
|
}
|
|
134
|
-
|
|
135
|
-
.accPanel-inner {
|
|
136
|
-
padding: 1rem;
|
|
137
|
-
}
|
|
138
134
|
.panel-head-icon.open {
|
|
139
135
|
transform: rotate(180deg);
|
|
140
136
|
}
|
package/dist/DropDown5.svelte
CHANGED
|
@@ -1,21 +1,8 @@
|
|
|
1
|
-
<script module lang="ts">
|
|
2
|
-
/**
|
|
3
|
-
* Dropdown5 v0.0.1
|
|
4
|
-
*/
|
|
5
|
-
export interface DropDownItem<TProps extends Record<string, any> = {}> {
|
|
6
|
-
id?: string;
|
|
7
|
-
value: string;
|
|
8
|
-
extraValue?: string;
|
|
9
|
-
component?: Component<TProps>;
|
|
10
|
-
componentStyles?: string;
|
|
11
|
-
props?: TProps;
|
|
12
|
-
}
|
|
13
|
-
</script>
|
|
14
|
-
|
|
15
1
|
<script lang="ts">
|
|
16
2
|
import { browser } from '$app/environment';
|
|
17
|
-
import { onDestroy, onMount
|
|
3
|
+
import { onDestroy, onMount } from 'svelte';
|
|
18
4
|
import { fly } from 'svelte/transition';
|
|
5
|
+
import type { DropDownItem } from './types.js';
|
|
19
6
|
|
|
20
7
|
let {
|
|
21
8
|
colorScheme = {
|
|
@@ -271,7 +258,7 @@
|
|
|
271
258
|
padding-top: 0.5rem;
|
|
272
259
|
}
|
|
273
260
|
.dropdown5__input {
|
|
274
|
-
display: flex;
|
|
261
|
+
display: flex;
|
|
275
262
|
padding-inline: 0.75rem;
|
|
276
263
|
color: var(--dropdown5__textColor);
|
|
277
264
|
}
|
|
@@ -1,15 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
* Dropdown5 v0.0.1
|
|
3
|
-
*/
|
|
4
|
-
export interface DropDownItem<TProps extends Record<string, any> = {}> {
|
|
5
|
-
id?: string;
|
|
6
|
-
value: string;
|
|
7
|
-
extraValue?: string;
|
|
8
|
-
component?: Component<TProps>;
|
|
9
|
-
componentStyles?: string;
|
|
10
|
-
props?: TProps;
|
|
11
|
-
}
|
|
12
|
-
import { type Component } from 'svelte';
|
|
1
|
+
import type { DropDownItem } from './types.js';
|
|
13
2
|
type $$ComponentProps = {
|
|
14
3
|
colorScheme?: any;
|
|
15
4
|
name?: string;
|
|
@@ -21,6 +10,6 @@ type $$ComponentProps = {
|
|
|
21
10
|
disabled?: boolean;
|
|
22
11
|
dropdownItems?: DropDownItem[];
|
|
23
12
|
};
|
|
24
|
-
declare const DropDown5: Component<$$ComponentProps, {}, "value" | "valueKey" | "extraValue">;
|
|
13
|
+
declare const DropDown5: import("svelte").Component<$$ComponentProps, {}, "value" | "valueKey" | "extraValue">;
|
|
25
14
|
type DropDown5 = ReturnType<typeof DropDown5>;
|
|
26
15
|
export default DropDown5;
|
package/dist/index.d.ts
CHANGED
|
@@ -4,5 +4,6 @@ import Input5 from "./Input5.svelte";
|
|
|
4
4
|
import TimePicker5 from "./TimePicker5.svelte";
|
|
5
5
|
import Accordion5 from "./Accordion5.svelte";
|
|
6
6
|
import type { Accordion5ColorScheme } from "./types.js";
|
|
7
|
+
import type { DropDownItem } from "./types.js";
|
|
7
8
|
export { DatePicker5, Input5, DropDown5, TimePicker5, Accordion5 };
|
|
8
|
-
export type { Accordion5ColorScheme };
|
|
9
|
+
export type { Accordion5ColorScheme, DropDownItem };
|
package/dist/types.d.ts
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
|
+
import type { Component } from "svelte";
|
|
1
2
|
export interface Accordion5ColorScheme {
|
|
2
|
-
bgColor
|
|
3
|
-
textColor
|
|
4
|
-
triggerColor
|
|
3
|
+
bgColor?: string;
|
|
4
|
+
textColor?: string;
|
|
5
|
+
triggerColor?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface DropDownItem<TProps extends Record<string, any> = {}> {
|
|
8
|
+
id?: string;
|
|
9
|
+
value: string;
|
|
10
|
+
extraValue?: string;
|
|
11
|
+
component?: Component<TProps>;
|
|
12
|
+
componentStyles?: string;
|
|
13
|
+
props?: TProps;
|
|
5
14
|
}
|