@djcali570/component-lib 0.1.97 → 0.1.98

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 (11) hide show
  1. package/README.md +8 -3
  2. package/dist/BottomSheet5.svelte +2 -1
  3. package/dist/Chart5.svelte +3 -2
  4. package/dist/Checkbox5.svelte +4 -3
  5. package/dist/ContextMenu5.svelte +2 -1
  6. package/dist/DatePicker5.svelte +4 -3
  7. package/dist/Dialog5.svelte +2 -1
  8. package/dist/DropDown5.svelte +3 -3
  9. package/dist/Input5.svelte +2 -2
  10. package/dist/TimePicker5.svelte +4 -7
  11. package/package.json +1 -1
package/README.md CHANGED
@@ -1,9 +1,14 @@
1
1
  # Svelte Component library
2
2
 
3
- 0.1.95
3
+ 0.1.98
4
4
 
5
- - Updated dropdown so onUpdate runs when dropdown is cleared
5
+ - Updated default colors for most components. Triggered by checkbox not that visible with
6
+ black backgrounds.
6
7
 
7
8
  0.1.96
8
9
 
9
- - Fixed issue with dropdown and using derived state.
10
+ - Fixed issue with dropdown and using derived state.
11
+
12
+ 0.1.95
13
+
14
+ - Updated dropdown so onUpdate runs when dropdown is cleared
package/dist/BottomSheet5.svelte CHANGED
@@ -24,7 +24,8 @@
24
24
  };
25
25
 
26
26
  // Merge partial colorScheme with defaults
27
- const colorScheme = { ...defaultColorScheme, ...partialColorScheme };
27
+ // svelte-ignore state_referenced_locally
28
+ const colorScheme = { ...defaultColorScheme, ...partialColorScheme };
28
29
  </script>
29
30
 
30
31
  {#if modalStatus}
package/dist/Chart5.svelte CHANGED
@@ -19,14 +19,15 @@
19
19
  } = $props();
20
20
 
21
21
  const defaultColorScheme: Chart5ColorScheme = {
22
- bgColor: '#121212',
22
+ bgColor: '#1a191c',
23
23
  gridLineColor: '#303030',
24
24
  xAxisTextColor: '#5ac1dd',
25
25
  yAxisTextColor: '#5ac1dd'
26
26
  };
27
27
 
28
28
  // Merge partial colorScheme with defaults
29
- const colorScheme = { ...defaultColorScheme, ...partialColorScheme };
29
+ // svelte-ignore state_referenced_locally
30
+ const colorScheme = { ...defaultColorScheme, ...partialColorScheme };
30
31
 
31
32
  let yAxis = $state<number[]>([]);
32
33
  let maxY = $state<number>(0);
package/dist/Checkbox5.svelte CHANGED
@@ -25,8 +25,8 @@
25
25
 
26
26
  const defaultColorScheme = {
27
27
  mainTextColor: '#D6D6D6',
28
- mainBgColor: '#121212',
29
- borderColor: '#262626',
28
+ mainBgColor: '#1a191c',
29
+ borderColor: '#3d3d3d',
30
30
  focusedColor: '#5ac1dd',
31
31
  checkmarkColor: '#5ac1dd'
32
32
  };
@@ -102,7 +102,8 @@
102
102
  .air5__checkbox__custom {
103
103
  width: 32px;
104
104
  height: 32px;
105
- border: 1px solid var(--air5__borderColor);
105
+ /* border: 1px solid var(--air5__borderColor); */
106
+ box-shadow: 0 0 0 2px var(--air5__borderColor);
106
107
  border-radius: 0.25rem;
107
108
  background-color: var(--air5__mainBgColor);
108
109
  display: flex;
package/dist/ContextMenu5.svelte CHANGED
@@ -38,7 +38,8 @@
38
38
 
39
39
  // Default colors
40
40
  const defaultColorScheme: ContextMenu5ColorScheme = {
41
- contentBgColor: '#121212',
41
+ contentBgColor: '#1a191c',
42
+ contentBorderColor: '#3d3d3d',
42
43
  iconFillColor: '#121212',
43
44
  iconBorderColor: '#121212',
44
45
  iconColor: '#F5F5F5'
package/dist/DatePicker5.svelte CHANGED
@@ -34,13 +34,13 @@
34
34
  const defaultColorScheme: DatePicker5ColorScheme = {
35
35
  labelTextColor: '#989A9A',
36
36
  inputTextColor: '#D6D6D6',
37
- inputBgColor: '#121212',
38
- inputBorderColor: '#262626',
37
+ inputBgColor: '#1a191c',
38
+ inputBorderColor: '#3d3d3d',
39
39
  inputFocusedBorderColor: '#5ac1dd',
40
40
  inputClearColor: '#989A9A',
41
41
  inputClearHoverColor: '#1F2023',
42
42
  placeholderColor: '#46464A',
43
- pickerBgColor: '#121212',
43
+ pickerBgColor: '#1a191c',
44
44
  pickerMonthBgColor: '#121212',
45
45
  pickerTextColor: '#D6D6D6',
46
46
  pickerInactiveDayColor: '#46464A',
@@ -52,6 +52,7 @@
52
52
  };
53
53
 
54
54
  // Merge partial colorScheme with defaults
55
+ // svelte-ignore state_referenced_locally
55
56
  const colorScheme = { ...defaultColorScheme, ...partialColorScheme };
56
57
 
57
58
  // Normalize minDate to start of day
package/dist/Dialog5.svelte CHANGED
@@ -42,7 +42,8 @@
42
42
  };
43
43
 
44
44
  // Merge partial colorScheme with defaults
45
- const colorScheme = { ...defaultColorScheme, ...partialColorScheme };
45
+ // svelte-ignore state_referenced_locally
46
+ const colorScheme = { ...defaultColorScheme, ...partialColorScheme };
46
47
 
47
48
  let confirmed: boolean = $state(false);
48
49
  const menuId = `dialog5-${generateRandomString()}`;
package/dist/DropDown5.svelte CHANGED
@@ -30,10 +30,10 @@
30
30
  // Default color scheme
31
31
  const defaultColorScheme: DropDown5ColorScheme = {
32
32
  textColor: '#D6D6D6',
33
- bgColor: '#121212',
34
- borderColor: '#262626',
33
+ bgColor: '#1a191c',
34
+ borderColor: '#3d3d3d',
35
35
  titleColor: '#989A9A',
36
- dropdownBgColor: '#141414',
36
+ dropdownBgColor: '#1a191c',
37
37
  focusedColor: '#5ac1dd',
38
38
  itemTextColor: '#D6D6D6',
39
39
  itemHoverBgColor: '#5ac1dd',
package/dist/Input5.svelte CHANGED
@@ -42,9 +42,9 @@
42
42
 
43
43
  const defaultColorScheme: Input5ColorScheme = {
44
44
  mainTextColor: '#D6D6D6',
45
- mainBgColor: '#121212',
45
+ mainBgColor: '#1a191c',
46
46
  titleColor: '#989A9A',
47
- borderColor: '#262626',
47
+ borderColor: '#3D3D3D',
48
48
  focusedColor: '#5ac1dd',
49
49
  clearColor: '#989A9A',
50
50
  clearHoverColor: '#1F2023',
package/dist/TimePicker5.svelte CHANGED
@@ -3,10 +3,6 @@
3
3
  import { fly } from 'svelte/transition';
4
4
  import type { TimePicker5ColorScheme } from './types.js';
5
5
 
6
- /**
7
- * Time Picker 5 v.0.0.1
8
- */
9
-
10
6
  let {
11
7
  colorScheme: partialColorScheme = {},
12
8
  timeText = $bindable(),
@@ -31,16 +27,17 @@
31
27
 
32
28
  const defaultColorScheme: TimePicker5ColorScheme = {
33
29
  textColor: '#D6D6D6',
34
- bgColor: '#121212',
35
- borderColor: '#262626',
30
+ bgColor: '#1a191c',
31
+ borderColor: '#3d3d3d',
36
32
  focusedColor: '#5ac1dd',
37
33
  titleColor: '#989A9A',
38
34
  clearColor: '#989A9A',
39
35
  clearHoverColor: '#1F2023',
40
- dropdownBgColor: '#141414'
36
+ dropdownBgColor: '#1a191c'
41
37
  };
42
38
 
43
39
  // Merge partial colorScheme with defaults
40
+ // svelte-ignore state_referenced_locally
44
41
  const colorScheme = { ...defaultColorScheme, ...partialColorScheme };
45
42
 
46
43
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@djcali570/component-lib",
3
- "version": "0.1.97",
3
+ "version": "0.1.98",
4
4
  "files": [
5
5
  "dist",
6
6
  "!dist/**/*.test.*",