@getflip/swirl-components 0.349.0 → 0.349.2
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 +1 -1
- package/dist/cjs/swirl-option-list_2.cjs.entry.js +1 -1
- package/dist/collection/components/swirl-tag/swirl-tag.css +10 -10
- package/dist/components/assets/pdfjs/pdf.worker.min.mjs +1 -1
- package/dist/components/swirl-tag2.js +1 -1
- package/dist/esm/swirl-option-list_2.entry.js +1 -1
- package/dist/swirl-components/p-5833ee73.entry.js +1 -0
- package/dist/swirl-components/swirl-components.esm.js +1 -1
- package/package.json +2 -2
- package/dist/swirl-components/p-b09f4e59.entry.js +0 -1
package/components.json
CHANGED
|
@@ -355,7 +355,7 @@ const SwirlOptionList = class {
|
|
|
355
355
|
};
|
|
356
356
|
SwirlOptionList.style = swirlOptionListCss;
|
|
357
357
|
|
|
358
|
-
const swirlTagCss = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--swirl-tag-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--variant-outline{border-style:solid;border-width:var(--s-border-width-default);border-color:var(--s-border-strong)}.tag--variant-strong{color:var(--s-text-on-
|
|
358
|
+
const swirlTagCss = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--swirl-tag-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--variant-outline{border-style:solid;border-width:var(--s-border-width-default);border-color:var(--s-border-strong)}.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default)}.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--s-icon-info)}.tag--intent-info.tag--variant-outline{border-color:var(--s-border-info)}.tag--intent-info.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-info-default)}.tag--intent-info.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--s-icon-critical)}.tag--intent-critical.tag--variant-outline{border-color:var(--s-border-critical)}.tag--intent-critical.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.tag--intent-critical.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--s-icon-warning)}.tag--intent-warning.tag--variant-outline{border-color:var(--s-border-warning)}.tag--intent-warning.tag--variant-strong{color:var(--s-text-dark);background-color:var(--s-surface-warning-default)}.tag--intent-warning.tag--variant-strong .tag__removal-button{color:var(--s-icon-dark)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--s-icon-success)}.tag--intent-success.tag--variant-outline{border-color:var(--s-border-success)}.tag--intent-success.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-success-default)}.tag--intent-success.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-special{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.tag--intent-special .tag__removal-button{color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-outline{border-color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.tag--intent-special.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-translucent{color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default)}.tag--intent-translucent .tag__removal-button{color:var(--s-icon-on-image)}.tag--intent-translucent.tag--variant-outline{border-color:var(--s-text-on-image)}.tag__icon{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));flex-shrink:0;order:0}.tag--icon-position-end .tag__icon{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;order:1}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer;flex-shrink:0;order:3}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}";
|
|
359
359
|
|
|
360
360
|
const SwirlTag = class {
|
|
361
361
|
constructor(hostRef) {
|
|
@@ -36,12 +36,12 @@
|
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
.tag--variant-strong {
|
|
39
|
-
color: var(--s-text-on-
|
|
39
|
+
color: var(--s-text-on-status);
|
|
40
40
|
background-color: var(--s-surface-neutral-default);
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
.tag--variant-strong .tag__removal-button {
|
|
44
|
-
color: var(--s-icon-on-
|
|
44
|
+
color: var(--s-icon-on-status);
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
.tag--intent-info {
|
|
@@ -58,12 +58,12 @@
|
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
.tag--intent-info.tag--variant-strong {
|
|
61
|
-
color: var(--s-text-on-
|
|
61
|
+
color: var(--s-text-on-status);
|
|
62
62
|
background-color: var(--s-surface-info-default);
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
.tag--intent-info.tag--variant-strong .tag__removal-button {
|
|
66
|
-
color: var(--s-icon-on-
|
|
66
|
+
color: var(--s-icon-on-status);
|
|
67
67
|
}
|
|
68
68
|
|
|
69
69
|
.tag--intent-critical {
|
|
@@ -80,12 +80,12 @@
|
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
.tag--intent-critical.tag--variant-strong {
|
|
83
|
-
color: var(--s-text-on-
|
|
83
|
+
color: var(--s-text-on-status);
|
|
84
84
|
background-color: var(--s-surface-critical-default);
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
.tag--intent-critical.tag--variant-strong .tag__removal-button {
|
|
88
|
-
color: var(--s-icon-on-
|
|
88
|
+
color: var(--s-icon-on-status);
|
|
89
89
|
}
|
|
90
90
|
|
|
91
91
|
.tag--intent-warning {
|
|
@@ -124,12 +124,12 @@
|
|
|
124
124
|
}
|
|
125
125
|
|
|
126
126
|
.tag--intent-success.tag--variant-strong {
|
|
127
|
-
color: var(--s-text-on-
|
|
127
|
+
color: var(--s-text-on-status);
|
|
128
128
|
background-color: var(--s-surface-success-default);
|
|
129
129
|
}
|
|
130
130
|
|
|
131
131
|
.tag--intent-success.tag--variant-strong .tag__removal-button {
|
|
132
|
-
color: var(--s-icon-on-
|
|
132
|
+
color: var(--s-icon-on-status);
|
|
133
133
|
}
|
|
134
134
|
|
|
135
135
|
.tag--intent-special {
|
|
@@ -146,12 +146,12 @@
|
|
|
146
146
|
}
|
|
147
147
|
|
|
148
148
|
.tag--intent-special.tag--variant-strong {
|
|
149
|
-
color: var(--s-text-on-
|
|
149
|
+
color: var(--s-text-on-status);
|
|
150
150
|
background-color: var(--s-decorative-grape-surface);
|
|
151
151
|
}
|
|
152
152
|
|
|
153
153
|
.tag--intent-special.tag--variant-strong .tag__removal-button {
|
|
154
|
-
color: var(--s-icon-on-
|
|
154
|
+
color: var(--s-icon-on-status);
|
|
155
155
|
}
|
|
156
156
|
|
|
157
157
|
.tag--intent-translucent {
|