@kws3/ui 4.5.4-alpha.0 → 4.5.5
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.mdx
CHANGED
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
## 4.5.5
|
|
2
|
+
- Fix type of `ToggleButtons` value, it can be any type
|
|
3
|
+
- Fix Charts axis text colours to match theme
|
|
4
|
+
- Fix Charts axis line colours to match theme
|
|
5
|
+
- Fix Charts grid line colours to match theme
|
|
6
|
+
- Fix type of `context` prop of Button components, it can be any type
|
|
7
|
+
|
|
8
|
+
## 4.5.4
|
|
9
|
+
- Bugfix, add types to exports
|
|
10
|
+
|
|
1
11
|
## 4.5.3
|
|
2
12
|
- Bugfix, add styles to exports
|
|
3
13
|
|
|
@@ -40,12 +40,12 @@
|
|
|
40
40
|
class="button is-{size} {_doing
|
|
41
41
|
? main_color + ' is-loading'
|
|
42
42
|
: _error
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
43
|
+
? 'is-danger is-shaking'
|
|
44
|
+
: _done
|
|
45
|
+
? main_color
|
|
46
|
+
: confirm
|
|
47
|
+
? main_color
|
|
48
|
+
: main_color} {button_class}"
|
|
49
49
|
type="button"
|
|
50
50
|
on:click|preventDefault|stopPropagation={doit}
|
|
51
51
|
disabled={_done || _doing || _error || disabled}>
|
|
@@ -135,6 +135,7 @@
|
|
|
135
135
|
should_confirm = true,
|
|
136
136
|
/**
|
|
137
137
|
* Context property
|
|
138
|
+
* @type {any}
|
|
138
139
|
*/
|
|
139
140
|
context = "",
|
|
140
141
|
/**
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
@component
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
@param {
|
|
5
|
+
@param {any} [value=null] - Value of the Toggle button
|
|
6
6
|
|
|
7
7
|
This property can be bound to, to fetch the current value, Default: `null`
|
|
8
8
|
@param {boolean} [disabled=false] - Disables the Toggle button, Default: `false`
|
|
@@ -19,7 +19,7 @@ This property can be bound to, to fetch the current value, Default: `null`
|
|
|
19
19
|
---, Default: `[]`
|
|
20
20
|
@param {string} [inner_class=""] - CSS classes for Button `.control` wrapper, Default: `""`
|
|
21
21
|
@param {string} [active_class="is-primary"] - CSS classes to apply when a button is active (pressed), Default: `"is-primary"`
|
|
22
|
-
@param {string} [inactive_class="
|
|
22
|
+
@param {string} [inactive_class=""] - CSS classes to apply when a button is inactive (not pressed), Default: `""`
|
|
23
23
|
@param {SizeOptions} [size=] - Size of the Toggle Buttons, Default: ``
|
|
24
24
|
@param {boolean} [fullwidth=false] - Expand all buttons so that they occupy full width of wrapping element, Default: `false`
|
|
25
25
|
@param {string} [class=""] - CSS classes for the Button container, Default: `""`
|
|
@@ -76,6 +76,7 @@ This property can be bound to, to fetch the current value, Default: `null`
|
|
|
76
76
|
* Value of the Toggle button
|
|
77
77
|
*
|
|
78
78
|
* This property can be bound to, to fetch the current value
|
|
79
|
+
* @type {any}
|
|
79
80
|
*/
|
|
80
81
|
export let value = null,
|
|
81
82
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kws3/ui",
|
|
3
|
-
"version": "4.5.
|
|
3
|
+
"version": "4.5.5",
|
|
4
4
|
"description": "UI components for use with Svelte v3 applications.",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
"devDependencies": {
|
|
68
68
|
"typescript": "^5.2.2"
|
|
69
69
|
},
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "a22a25813f02e97dfa7907f9192b75f4340d4855"
|
|
71
71
|
}
|
package/styles/Chart.scss
CHANGED
|
@@ -2,8 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
$background-color: cv.getVar("scheme-main") !default;
|
|
4
4
|
$foreground-color: cv.getVar("text") !default;
|
|
5
|
+
$axis-lines-color: cv.getVar("border") !default;
|
|
6
|
+
$grid-lines-color: cv.getVar("border-weak") !default;
|
|
5
7
|
|
|
6
8
|
.kws-chart {
|
|
9
|
+
.apexcharts-gridlines-horizontal {
|
|
10
|
+
line {
|
|
11
|
+
stroke: $grid-lines-color !important;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
.apexcharts-xaxis,
|
|
15
|
+
.apexcharts-yaxis {
|
|
16
|
+
line {
|
|
17
|
+
stroke: $axis-lines-color !important;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
.apexcharts-text {
|
|
21
|
+
fill: $foreground-color !important;
|
|
22
|
+
}
|
|
7
23
|
.apexcharts-tooltip {
|
|
8
24
|
display: flex;
|
|
9
25
|
border: 0;
|