@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.
@@ -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: center;
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
  }
@@ -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, type Component } from 'svelte';
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: string;
3
- textColor: string;
4
- triggerColor: string;
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
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@djcali570/component-lib",
3
- "version": "0.0.6",
3
+ "version": "0.0.7",
4
4
  "files": [
5
5
  "dist",
6
6
  "!dist/**/*.test.*",