@kubex/zinc 1.1.17 → 1.1.19
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/custom-elements.json +42 -5
- package/dist/vscode.html-custom-data.json +19 -1
- package/dist/web-types.json +27 -5
- package/dist/zn.d.ts +10 -2
- package/dist/zn.min.js +82 -78
- package/docs/pages/components/status-indicator.md +29 -1
- package/package.json +1 -1
- package/src/components/button/button.component.ts +2 -1
- package/src/components/button/button.scss +16 -0
- package/src/components/data-table/data-table.component.ts +8 -4
- package/src/components/data-table/data-table.scss +3 -14
- package/src/components/status-indicator/status-indicator.component.ts +19 -1
- package/src/components/status-indicator/status-indicator.scss +111 -5
|
@@ -1283,7 +1283,7 @@
|
|
|
1283
1283
|
"kind": "field",
|
|
1284
1284
|
"name": "color",
|
|
1285
1285
|
"type": {
|
|
1286
|
-
"text": "'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' |\n 'transparent' | 'star' | (string & Record<never, never>)"
|
|
1286
|
+
"text": "'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' |\n 'transparent' | 'star' | 'white' | (string & Record<never, never>)"
|
|
1287
1287
|
},
|
|
1288
1288
|
"default": "'default'",
|
|
1289
1289
|
"attribute": "color"
|
|
@@ -1764,7 +1764,7 @@
|
|
|
1764
1764
|
{
|
|
1765
1765
|
"name": "color",
|
|
1766
1766
|
"type": {
|
|
1767
|
-
"text": "'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' |\n 'transparent' | 'star' | (string & Record<never, never>)"
|
|
1767
|
+
"text": "'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' |\n 'transparent' | 'star' | 'white' | (string & Record<never, never>)"
|
|
1768
1768
|
},
|
|
1769
1769
|
"default": "'default'",
|
|
1770
1770
|
"fieldName": "color"
|
|
@@ -31964,20 +31964,57 @@
|
|
|
31964
31964
|
"kind": "field",
|
|
31965
31965
|
"name": "type",
|
|
31966
31966
|
"type": {
|
|
31967
|
-
"text": "'success' | 'error' | 'warning' | 'info'"
|
|
31967
|
+
"text": "'success' | 'error' | 'warning' | 'info' | 'disabled'"
|
|
31968
31968
|
},
|
|
31969
31969
|
"default": "'info'",
|
|
31970
31970
|
"attribute": "type"
|
|
31971
|
+
},
|
|
31972
|
+
{
|
|
31973
|
+
"kind": "field",
|
|
31974
|
+
"name": "altType",
|
|
31975
|
+
"type": {
|
|
31976
|
+
"text": "'success' | 'error' | 'warning' | 'info' | 'disabled' | undefined"
|
|
31977
|
+
},
|
|
31978
|
+
"description": "A secondary status type. When set, the indicator animates between `type`\nand this colour to represent a status transitioning between two states\n(e.g. `warning` and `disabled`).",
|
|
31979
|
+
"attribute": "alt-type"
|
|
31980
|
+
},
|
|
31981
|
+
{
|
|
31982
|
+
"kind": "field",
|
|
31983
|
+
"name": "glow",
|
|
31984
|
+
"type": {
|
|
31985
|
+
"text": "boolean"
|
|
31986
|
+
},
|
|
31987
|
+
"default": "false",
|
|
31988
|
+
"description": "Animates a throbbing glow effect around the indicator.",
|
|
31989
|
+
"attribute": "glow",
|
|
31990
|
+
"reflects": true
|
|
31971
31991
|
}
|
|
31972
31992
|
],
|
|
31973
31993
|
"attributes": [
|
|
31974
31994
|
{
|
|
31975
31995
|
"name": "type",
|
|
31976
31996
|
"type": {
|
|
31977
|
-
"text": "'success' | 'error' | 'warning' | 'info'"
|
|
31997
|
+
"text": "'success' | 'error' | 'warning' | 'info' | 'disabled'"
|
|
31978
31998
|
},
|
|
31979
31999
|
"default": "'info'",
|
|
31980
32000
|
"fieldName": "type"
|
|
32001
|
+
},
|
|
32002
|
+
{
|
|
32003
|
+
"name": "alt-type",
|
|
32004
|
+
"type": {
|
|
32005
|
+
"text": "'success' | 'error' | 'warning' | 'info' | 'disabled' | undefined"
|
|
32006
|
+
},
|
|
32007
|
+
"description": "A secondary status type. When set, the indicator animates between `type`\nand this colour to represent a status transitioning between two states\n(e.g. `warning` and `disabled`).",
|
|
32008
|
+
"fieldName": "altType"
|
|
32009
|
+
},
|
|
32010
|
+
{
|
|
32011
|
+
"name": "glow",
|
|
32012
|
+
"type": {
|
|
32013
|
+
"text": "boolean"
|
|
32014
|
+
},
|
|
32015
|
+
"default": "false",
|
|
32016
|
+
"description": "Animates a throbbing glow effect around the indicator.",
|
|
32017
|
+
"fieldName": "glow"
|
|
31981
32018
|
}
|
|
31982
32019
|
],
|
|
31983
32020
|
"superclass": {
|
|
@@ -37118,7 +37155,7 @@
|
|
|
37118
37155
|
"package": {
|
|
37119
37156
|
"name": "@kubex/zinc",
|
|
37120
37157
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
37121
|
-
"version": "1.1.
|
|
37158
|
+
"version": "1.1.19",
|
|
37122
37159
|
"author": "",
|
|
37123
37160
|
"license": "MIT"
|
|
37124
37161
|
}
|
|
@@ -168,6 +168,7 @@
|
|
|
168
168
|
{ "name": "warning" },
|
|
169
169
|
{ "name": "transparent" },
|
|
170
170
|
{ "name": "star" },
|
|
171
|
+
{ "name": "white" },
|
|
171
172
|
{ "name": "(string & Record<never, never>)" }
|
|
172
173
|
]
|
|
173
174
|
},
|
|
@@ -3483,8 +3484,25 @@
|
|
|
3483
3484
|
{ "name": "success" },
|
|
3484
3485
|
{ "name": "error" },
|
|
3485
3486
|
{ "name": "warning" },
|
|
3486
|
-
{ "name": "info" }
|
|
3487
|
+
{ "name": "info" },
|
|
3488
|
+
{ "name": "disabled" }
|
|
3487
3489
|
]
|
|
3490
|
+
},
|
|
3491
|
+
{
|
|
3492
|
+
"name": "alt-type",
|
|
3493
|
+
"description": "A secondary status type. When set, the indicator animates between `type`\nand this colour to represent a status transitioning between two states\n(e.g. `warning` and `disabled`).",
|
|
3494
|
+
"values": [
|
|
3495
|
+
{ "name": "success" },
|
|
3496
|
+
{ "name": "error" },
|
|
3497
|
+
{ "name": "warning" },
|
|
3498
|
+
{ "name": "info" },
|
|
3499
|
+
{ "name": "disabled" }
|
|
3500
|
+
]
|
|
3501
|
+
},
|
|
3502
|
+
{
|
|
3503
|
+
"name": "glow",
|
|
3504
|
+
"description": "Animates a throbbing glow effect around the indicator.",
|
|
3505
|
+
"values": []
|
|
3488
3506
|
}
|
|
3489
3507
|
],
|
|
3490
3508
|
"references": [
|
package/dist/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@kubex/zinc",
|
|
4
|
-
"version": "1.1.
|
|
4
|
+
"version": "1.1.19",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -291,7 +291,7 @@
|
|
|
291
291
|
{
|
|
292
292
|
"name": "color",
|
|
293
293
|
"value": {
|
|
294
|
-
"type": "'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' |\n 'transparent' | 'star' | (string & Record<never, never>)",
|
|
294
|
+
"type": "'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' |\n 'transparent' | 'star' | 'white' | (string & Record<never, never>)",
|
|
295
295
|
"default": "'default'"
|
|
296
296
|
}
|
|
297
297
|
},
|
|
@@ -462,7 +462,7 @@
|
|
|
462
462
|
{ "name": "countdownContainer", "type": "HTMLElement[]" },
|
|
463
463
|
{
|
|
464
464
|
"name": "color",
|
|
465
|
-
"type": "'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' |\n 'transparent' | 'star' | (string & Record<never, never>)"
|
|
465
|
+
"type": "'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' |\n 'transparent' | 'star' | 'white' | (string & Record<never, never>)"
|
|
466
466
|
},
|
|
467
467
|
{ "name": "hoverColor", "type": "string" },
|
|
468
468
|
{ "name": "text", "type": "boolean" },
|
|
@@ -8148,9 +8148,21 @@
|
|
|
8148
8148
|
{
|
|
8149
8149
|
"name": "type",
|
|
8150
8150
|
"value": {
|
|
8151
|
-
"type": "'success' | 'error' | 'warning' | 'info'",
|
|
8151
|
+
"type": "'success' | 'error' | 'warning' | 'info' | 'disabled'",
|
|
8152
8152
|
"default": "'info'"
|
|
8153
8153
|
}
|
|
8154
|
+
},
|
|
8155
|
+
{
|
|
8156
|
+
"name": "alt-type",
|
|
8157
|
+
"description": "A secondary status type. When set, the indicator animates between `type`\nand this colour to represent a status transitioning between two states\n(e.g. `warning` and `disabled`).",
|
|
8158
|
+
"value": {
|
|
8159
|
+
"type": "'success' | 'error' | 'warning' | 'info' | 'disabled' | undefined"
|
|
8160
|
+
}
|
|
8161
|
+
},
|
|
8162
|
+
{
|
|
8163
|
+
"name": "glow",
|
|
8164
|
+
"description": "Animates a throbbing glow effect around the indicator.",
|
|
8165
|
+
"value": { "type": "boolean", "default": "false" }
|
|
8154
8166
|
}
|
|
8155
8167
|
],
|
|
8156
8168
|
"events": [],
|
|
@@ -8158,7 +8170,17 @@
|
|
|
8158
8170
|
"properties": [
|
|
8159
8171
|
{
|
|
8160
8172
|
"name": "type",
|
|
8161
|
-
"type": "'success' | 'error' | 'warning' | 'info'"
|
|
8173
|
+
"type": "'success' | 'error' | 'warning' | 'info' | 'disabled'"
|
|
8174
|
+
},
|
|
8175
|
+
{
|
|
8176
|
+
"name": "altType",
|
|
8177
|
+
"description": "A secondary status type. When set, the indicator animates between `type`\nand this colour to represent a status transitioning between two states\n(e.g. `warning` and `disabled`).",
|
|
8178
|
+
"type": "'success' | 'error' | 'warning' | 'info' | 'disabled' | undefined"
|
|
8179
|
+
},
|
|
8180
|
+
{
|
|
8181
|
+
"name": "glow",
|
|
8182
|
+
"description": "Animates a throbbing glow effect around the indicator.",
|
|
8183
|
+
"type": "boolean"
|
|
8162
8184
|
}
|
|
8163
8185
|
],
|
|
8164
8186
|
"events": []
|
package/dist/zn.d.ts
CHANGED
|
@@ -1166,7 +1166,7 @@ declare module "components/button/button.component" {
|
|
|
1166
1166
|
private _loadingState;
|
|
1167
1167
|
button: HTMLButtonElement;
|
|
1168
1168
|
countdownContainer: HTMLElement[];
|
|
1169
|
-
color: 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'transparent' | 'star' | (string & Record<never, never>);
|
|
1169
|
+
color: 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'transparent' | 'star' | 'white' | (string & Record<never, never>);
|
|
1170
1170
|
hoverColor: string;
|
|
1171
1171
|
text: boolean;
|
|
1172
1172
|
outline: boolean;
|
|
@@ -7499,7 +7499,15 @@ declare module "components/status-indicator/status-indicator.component" {
|
|
|
7499
7499
|
*/
|
|
7500
7500
|
export default class ZnStatusIndicator extends ZincElement {
|
|
7501
7501
|
static styles: CSSResultGroup;
|
|
7502
|
-
type: 'success' | 'error' | 'warning' | 'info';
|
|
7502
|
+
type: 'success' | 'error' | 'warning' | 'info' | 'disabled';
|
|
7503
|
+
/**
|
|
7504
|
+
* A secondary status type. When set, the indicator animates between `type`
|
|
7505
|
+
* and this colour to represent a status transitioning between two states
|
|
7506
|
+
* (e.g. `warning` and `disabled`).
|
|
7507
|
+
*/
|
|
7508
|
+
altType?: 'success' | 'error' | 'warning' | 'info' | 'disabled';
|
|
7509
|
+
/** Animates a throbbing glow effect around the indicator. */
|
|
7510
|
+
glow: boolean;
|
|
7503
7511
|
render(): import("lit-html").TemplateResult<1>;
|
|
7504
7512
|
}
|
|
7505
7513
|
}
|