@getflip/swirl-components 0.379.4 → 0.380.0
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/components.json +8 -4
- package/dist/cjs/swirl-badge.cjs.entry.js +2 -2
- package/dist/collection/components/swirl-badge/swirl-badge.css +5 -0
- package/dist/collection/components/swirl-badge/swirl-badge.js +2 -2
- package/dist/components/assets/pdfjs/pdf.worker.min.mjs +0 -28
- package/dist/components/swirl-badge2.js +2 -2
- package/dist/esm/swirl-badge.entry.js +2 -2
- package/dist/swirl-components/{p-a9c611fd.entry.js → p-92603aaf.entry.js} +1 -1
- package/dist/swirl-components/swirl-components.esm.js +1 -1
- package/dist/types/components/swirl-badge/swirl-badge.d.ts +1 -1
- package/package.json +1 -1
- package/vscode-data.json +3 -0
package/components.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2025-09-15T14:
|
|
2
|
+
"timestamp": "2025-09-15T14:12:34",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "@stencil/core",
|
|
5
5
|
"version": "4.35.0",
|
|
@@ -3788,10 +3788,10 @@
|
|
|
3788
3788
|
},
|
|
3789
3789
|
{
|
|
3790
3790
|
"name": "intent",
|
|
3791
|
-
"type": "\"banana\" | \"blueberry\" | \"chilli\" | \"critical\" | \"grape\" | \"info\" | \"kiwi\" | \"neutral\" | \"pumpkin\" | \"radish\"",
|
|
3791
|
+
"type": "\"banana\" | \"blueberry\" | \"chilli\" | \"critical\" | \"grape\" | \"info\" | \"kiwi\" | \"neutral\" | \"pumpkin\" | \"radish\" | \"strong\"",
|
|
3792
3792
|
"complexType": {
|
|
3793
3793
|
"original": "SwirlBadgeIntent",
|
|
3794
|
-
"resolved": "\"banana\" | \"blueberry\" | \"chilli\" | \"critical\" | \"grape\" | \"info\" | \"kiwi\" | \"neutral\" | \"pumpkin\" | \"radish\"",
|
|
3794
|
+
"resolved": "\"banana\" | \"blueberry\" | \"chilli\" | \"critical\" | \"grape\" | \"info\" | \"kiwi\" | \"neutral\" | \"pumpkin\" | \"radish\" | \"strong\"",
|
|
3795
3795
|
"references": {
|
|
3796
3796
|
"SwirlBadgeIntent": {
|
|
3797
3797
|
"location": "local",
|
|
@@ -3851,6 +3851,10 @@
|
|
|
3851
3851
|
{
|
|
3852
3852
|
"value": "radish",
|
|
3853
3853
|
"type": "string"
|
|
3854
|
+
},
|
|
3855
|
+
{
|
|
3856
|
+
"value": "strong",
|
|
3857
|
+
"type": "string"
|
|
3854
3858
|
}
|
|
3855
3859
|
],
|
|
3856
3860
|
"optional": true,
|
|
@@ -75366,7 +75370,7 @@
|
|
|
75366
75370
|
"path": "src/components/swirl-avatar-group/swirl-avatar-group.tsx"
|
|
75367
75371
|
},
|
|
75368
75372
|
"src/components/swirl-badge/swirl-badge.tsx::SwirlBadgeIntent": {
|
|
75369
|
-
"declaration": "export type SwirlBadgeIntent =\n | \"banana\"\n | \"blueberry\"\n | \"chilli\"\n | \"critical\"\n | \"grape\"\n | \"info\"\n | \"kiwi\"\n | \"neutral\"\n | \"pumpkin\"\n | \"radish\";",
|
|
75373
|
+
"declaration": "export type SwirlBadgeIntent =\n | \"banana\"\n | \"blueberry\"\n | \"chilli\"\n | \"critical\"\n | \"grape\"\n | \"info\"\n | \"kiwi\"\n | \"neutral\"\n | \"pumpkin\"\n | \"radish\"\n | \"strong\";",
|
|
75370
75374
|
"docstring": "",
|
|
75371
75375
|
"path": "src/components/swirl-badge/swirl-badge.tsx"
|
|
75372
75376
|
},
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var index = require('./index-DM-IG6w2.js');
|
|
4
4
|
var index$1 = require('./index-DcAhLZUH.js');
|
|
5
5
|
|
|
6
|
-
const swirlBadgeCss = ":host{display:inline-flex;min-width:0;max-width:100%;justify-content:center;align-items:center}:host *{box-sizing:border-box}.badge{display:inline-flex;max-width:100%;justify-content:center;align-items:center;border-radius:2rem;color:var(--s-text-on-status);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);box-shadow:0 0 0 0.125rem var(--swirl-badge-border-color)}.badge--size-xs{min-width:1rem;height:1rem;font-size:0.6875rem}.badge--size-xs .badge__label{padding-right:0.25rem;padding-left:0.25rem}.badge--size-xs .badge__icon>swirl-icon,.badge--size-xs .badge__icon>*::part(icon){width:0.75rem;height:0.75rem}.badge--size-s{min-width:1.25rem;height:1.25rem;font-size:0.75rem}.badge--size-s .badge__label{padding-right:0.375rem;padding-left:0.375rem}.badge--size-s .badge__icon>swirl-icon,.badge--size-s .badge__icon>*::part(icon){width:1rem;height:1rem}.badge--size-m{min-width:1.5rem;height:1.5rem}.badge--size-m .badge__label{padding-right:0.4375rem;padding-left:0.4375rem}.badge--has-icon{padding-right:0;padding-left:0}.badge--intent-critical{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.badge--intent-banana{color:var(--s-text-dark);background-color:var(--s-decorative-banana-surface)}.badge--intent-blueberry{color:var(--s-text-on-status);background-color:var(--s-decorative-blueberry-surface)}.badge--intent-chilli{color:var(--s-text-on-status);background-color:var(--s-decorative-chilli-surface)}.badge--intent-grape{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.badge--intent-info{color:var(--s-text-on-status);background-color:var(--s-surface-info-default)}.badge--intent-kiwi{color:var(--s-text-on-status);background-color:var(--s-decorative-kiwi-surface)}.badge--intent-neutral{color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued)}.badge--intent-pumpkin{color:var(--s-text-dark);background-color:var(--s-decorative-pumpkin-surface)}.badge--intent-radish{color:var(--s-text-on-status);background-color:var(--s-decorative-radish-surface)}.badge--variant-dot{width:1.5rem;min-width:0;height:1.5rem}.badge--variant-dot.badge--size-xs{width:0.5rem;height:0.5rem}.badge--variant-dot.badge--size-s{width:0.75rem;height:0.75rem}.badge--variant-dot.badge--size-m{width:1rem;height:1rem}.badge--variant-dot .badge__label{padding-right:0;padding-left:0}.badge--variant-dot .badge__icon{display:none}.badge__icon{display:inline-flex}.badge__icon>swirl-icon,.badge__icon>*::part(icon){width:1rem;height:1rem}.badge__label{display:inline-flex;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}";
|
|
6
|
+
const swirlBadgeCss = ":host{display:inline-flex;min-width:0;max-width:100%;justify-content:center;align-items:center}:host *{box-sizing:border-box}.badge{display:inline-flex;max-width:100%;justify-content:center;align-items:center;border-radius:2rem;color:var(--s-text-on-status);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);box-shadow:0 0 0 0.125rem var(--swirl-badge-border-color)}.badge--size-xs{min-width:1rem;height:1rem;font-size:0.6875rem}.badge--size-xs .badge__label{padding-right:0.25rem;padding-left:0.25rem}.badge--size-xs .badge__icon>swirl-icon,.badge--size-xs .badge__icon>*::part(icon){width:0.75rem;height:0.75rem}.badge--size-s{min-width:1.25rem;height:1.25rem;font-size:0.75rem}.badge--size-s .badge__label{padding-right:0.375rem;padding-left:0.375rem}.badge--size-s .badge__icon>swirl-icon,.badge--size-s .badge__icon>*::part(icon){width:1rem;height:1rem}.badge--size-m{min-width:1.5rem;height:1.5rem}.badge--size-m .badge__label{padding-right:0.4375rem;padding-left:0.4375rem}.badge--has-icon{padding-right:0;padding-left:0}.badge--intent-critical{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.badge--intent-banana{color:var(--s-text-dark);background-color:var(--s-decorative-banana-surface)}.badge--intent-blueberry{color:var(--s-text-on-status);background-color:var(--s-decorative-blueberry-surface)}.badge--intent-chilli{color:var(--s-text-on-status);background-color:var(--s-decorative-chilli-surface)}.badge--intent-grape{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.badge--intent-info{color:var(--s-text-on-status);background-color:var(--s-surface-info-default)}.badge--intent-kiwi{color:var(--s-text-on-status);background-color:var(--s-decorative-kiwi-surface)}.badge--intent-neutral{color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued)}.badge--intent-pumpkin{color:var(--s-text-dark);background-color:var(--s-decorative-pumpkin-surface)}.badge--intent-radish{color:var(--s-text-on-status);background-color:var(--s-decorative-radish-surface)}.badge--intent-strong{color:var(--s-text-on-status);background-color:var(--s-interactive-neutral-default)}.badge--variant-dot{width:1.5rem;min-width:0;height:1.5rem}.badge--variant-dot.badge--size-xs{width:0.5rem;height:0.5rem}.badge--variant-dot.badge--size-s{width:0.75rem;height:0.75rem}.badge--variant-dot.badge--size-m{width:1rem;height:1rem}.badge--variant-dot .badge__label{padding-right:0;padding-left:0}.badge--variant-dot .badge__icon{display:none}.badge__icon{display:inline-flex}.badge__icon>swirl-icon,.badge__icon>*::part(icon){width:1rem;height:1rem}.badge__label{display:inline-flex;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}";
|
|
7
7
|
|
|
8
8
|
const SwirlBadge = class {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -16,7 +16,7 @@ const SwirlBadge = class {
|
|
|
16
16
|
const className = index$1.classnames("badge", `badge--intent-${this.intent}`, `badge--size-${this.size}`, `badge--variant-${this.variant}`, {
|
|
17
17
|
"badge--has-icon": this.icon,
|
|
18
18
|
});
|
|
19
|
-
return (index.h(index.Host, { key: '
|
|
19
|
+
return (index.h(index.Host, { key: '3d64f76fe54264451a966d8bb9aa044efd744939', role: "status" }, index.h("span", { key: '918618864bcfd9cd017aecb390608a8d454218a4', class: className, part: "badge" }, this.icon && index.h("span", { key: '5488528c85b4851f98cfb6a6f61f0030f4dfab3c', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (index.h("span", { class: "badge__label" }, this.label)) : (index.h(index.Fragment, null, this.icon === undefined && (index.h("span", { class: "badge__label" }, "\u00A0")), index.h("swirl-visually-hidden", null, this.label))))));
|
|
20
20
|
}
|
|
21
21
|
};
|
|
22
22
|
SwirlBadge.style = swirlBadgeCss;
|
|
@@ -121,6 +121,11 @@
|
|
|
121
121
|
background-color: var(--s-decorative-radish-surface);
|
|
122
122
|
}
|
|
123
123
|
|
|
124
|
+
.badge--intent-strong {
|
|
125
|
+
color: var(--s-text-on-status);
|
|
126
|
+
background-color: var(--s-interactive-neutral-default);
|
|
127
|
+
}
|
|
128
|
+
|
|
124
129
|
.badge--variant-dot {
|
|
125
130
|
width: 1.5rem;
|
|
126
131
|
min-width: 0;
|
|
@@ -10,7 +10,7 @@ export class SwirlBadge {
|
|
|
10
10
|
const className = classnames("badge", `badge--intent-${this.intent}`, `badge--size-${this.size}`, `badge--variant-${this.variant}`, {
|
|
11
11
|
"badge--has-icon": this.icon,
|
|
12
12
|
});
|
|
13
|
-
return (h(Host, { key: '
|
|
13
|
+
return (h(Host, { key: '3d64f76fe54264451a966d8bb9aa044efd744939', role: "status" }, h("span", { key: '918618864bcfd9cd017aecb390608a8d454218a4', class: className, part: "badge" }, this.icon && h("span", { key: '5488528c85b4851f98cfb6a6f61f0030f4dfab3c', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (h("span", { class: "badge__label" }, this.label)) : (h(Fragment, null, this.icon === undefined && (h("span", { class: "badge__label" }, "\u00A0")), h("swirl-visually-hidden", null, this.label))))));
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "swirl-badge"; }
|
|
16
16
|
static get encapsulation() { return "shadow"; }
|
|
@@ -51,7 +51,7 @@ export class SwirlBadge {
|
|
|
51
51
|
"mutable": false,
|
|
52
52
|
"complexType": {
|
|
53
53
|
"original": "SwirlBadgeIntent",
|
|
54
|
-
"resolved": "\"banana\" | \"blueberry\" | \"chilli\" | \"critical\" | \"grape\" | \"info\" | \"kiwi\" | \"neutral\" | \"pumpkin\" | \"radish\"",
|
|
54
|
+
"resolved": "\"banana\" | \"blueberry\" | \"chilli\" | \"critical\" | \"grape\" | \"info\" | \"kiwi\" | \"neutral\" | \"pumpkin\" | \"radish\" | \"strong\"",
|
|
55
55
|
"references": {
|
|
56
56
|
"SwirlBadgeIntent": {
|
|
57
57
|
"location": "local",
|