@djcali570/component-lib 0.1.3 → 0.1.4
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/README.md +1 -0
- package/dist/Accordion5.svelte +10 -8
- package/dist/Accordion5.svelte.d.ts +1 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -230,6 +230,7 @@ onUpdate={(v) => dialogUpdated(v)}
|
|
|
230
230
|
|
|
231
231
|
|
|
232
232
|
# Updates
|
|
233
|
+
#### 0.1.4 - Updated Accordion component to add innerPadding prop.
|
|
233
234
|
#### 0.1.3 - Updated Time Picker to allow binding to timeText.
|
|
234
235
|
#### 0.1.2 - Fixed some minor styling issues with Dialog component.
|
|
235
236
|
#### 0.1.1 - Added Bottom Sheet component & Dialog component.
|
package/dist/Accordion5.svelte
CHANGED
|
@@ -6,15 +6,17 @@
|
|
|
6
6
|
let {
|
|
7
7
|
colorScheme: partialColorScheme = {},
|
|
8
8
|
title,
|
|
9
|
-
panel,
|
|
9
|
+
panel,
|
|
10
10
|
iconWidth = '1.2rem',
|
|
11
|
-
iconHeight = '1.2rem'
|
|
11
|
+
iconHeight = '1.2rem',
|
|
12
|
+
innerPadding = '0.5rem'
|
|
12
13
|
}: {
|
|
13
14
|
colorScheme?: Partial<Accordion5ColorScheme>;
|
|
14
15
|
title?: Snippet;
|
|
15
|
-
panel: Snippet;
|
|
16
|
+
panel: Snippet;
|
|
16
17
|
iconWidth?: string;
|
|
17
18
|
iconHeight?: string;
|
|
19
|
+
innerPadding?: string;
|
|
18
20
|
} = $props();
|
|
19
21
|
|
|
20
22
|
// Default colorScheme
|
|
@@ -58,9 +60,10 @@
|
|
|
58
60
|
--acc5-bgColor: {colorScheme.bgColor};
|
|
59
61
|
--acc5-textColor: {colorScheme.textColor};
|
|
60
62
|
--acc5-triggerColor: {colorScheme.triggerColor};
|
|
61
|
-
--acc5-panelBgColor: {colorScheme.panelBgColor};
|
|
63
|
+
--acc5-panelBgColor: {colorScheme.panelBgColor};
|
|
62
64
|
--acc5-IconWidth: {iconWidth};
|
|
63
65
|
--acc5-IconHeight: {iconHeight};
|
|
66
|
+
--acc5-InnerPadding: {innerPadding}
|
|
64
67
|
"
|
|
65
68
|
>
|
|
66
69
|
<button onclick={showPanel}>
|
|
@@ -94,16 +97,15 @@
|
|
|
94
97
|
|
|
95
98
|
<style>
|
|
96
99
|
.accordion5 {
|
|
97
|
-
width: 100%;
|
|
98
|
-
max-width: 600px;
|
|
100
|
+
width: 100%;
|
|
99
101
|
margin: 0 auto;
|
|
100
102
|
border-radius: 0.5rem;
|
|
101
103
|
overflow: hidden;
|
|
102
104
|
}
|
|
103
105
|
|
|
104
106
|
button {
|
|
105
|
-
width: 100%;
|
|
106
|
-
padding
|
|
107
|
+
width: 100%;
|
|
108
|
+
padding: var(--acc5-InnerPadding);
|
|
107
109
|
font-size: 1rem;
|
|
108
110
|
cursor: pointer;
|
|
109
111
|
border: none;
|