@aivenio/aquarium 1.75.0 → 1.76.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.
@@ -13,6 +13,8 @@ import React from 'react';
|
|
13
13
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
14
14
|
const getVariantClassNames = (variant = 'primary') => {
|
15
15
|
switch (variant) {
|
16
|
+
case 'neutral':
|
17
|
+
return tw('bg-default');
|
16
18
|
case 'danger':
|
17
19
|
return tw('bg-danger-intense');
|
18
20
|
case 'success':
|
@@ -24,9 +26,9 @@ const getVariantClassNames = (variant = 'primary') => {
|
|
24
26
|
};
|
25
27
|
export const TagLabel = (_a) => {
|
26
28
|
var { title, dense = false, variant } = _a, rest = __rest(_a, ["title", "dense", "variant"]);
|
27
|
-
return (React.createElement("span", Object.assign({}, rest, { className: classNames('Aquarium-TagLabel', getVariantClassNames(variant), tw('
|
29
|
+
return (React.createElement("span", Object.assign({}, rest, { className: classNames('Aquarium-TagLabel', getVariantClassNames(variant), tw(variant === 'neutral' ? 'text-default' : 'text-white'), tw('rounded-full', {
|
28
30
|
'py-2 px-4 typography-caption': !dense,
|
29
31
|
'py-2 px-3 typography-caption-small': dense,
|
30
32
|
})) }), title));
|
31
33
|
};
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1RhZ0xhYmVsL1RhZ0xhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBMEJwRCxNQUFNLG9CQUFvQixHQUFHLENBQUMsVUFBMkIsU0FBUyxFQUFVLEVBQUU7SUFDNUUsUUFBUSxPQUFPLEVBQUU7UUFDZixLQUFLLFNBQVM7WUFDWixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUUxQixLQUFLLFFBQVE7WUFDWCxPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1FBRWpDLEtBQUssU0FBUztZQUNaLE9BQU8sRUFBRSxDQUFDLG9CQUFvQixDQUFDLENBQUM7UUFFbEMsS0FBSyxTQUFTLENBQUM7UUFDZjtZQUNFLE9BQU8sRUFBRSxDQUFDLG9CQUFvQixDQUFDLENBQUM7S0FDbkM7QUFDSCxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxRQUFRLEdBQTRCLENBQUMsRUFBMEMsRUFBRSxFQUFFO1FBQTlDLEVBQUUsS0FBSyxFQUFFLEtBQUssR0FBRyxLQUFLLEVBQUUsT0FBTyxPQUFXLEVBQU4sSUFBSSxjQUF4Qyw2QkFBMEMsQ0FBRjtJQUFPLE9BQUEsQ0FDL0YsOENBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLG1CQUFtQixFQUNuQixvQkFBb0IsQ0FBQyxPQUFPLENBQUMsRUFDN0IsRUFBRSxDQUFDLE9BQU8sS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLEVBQ3pELEVBQUUsQ0FBQyxjQUFjLEVBQUU7WUFDakIsOEJBQThCLEVBQUUsQ0FBQyxLQUFLO1lBQ3RDLG9DQUFvQyxFQUFFLEtBQUs7U0FDNUMsQ0FBQyxDQUNILEtBRUEsS0FBSyxDQUNELENBQ1IsQ0FBQTtDQUFBLENBQUMifQ==
|
package/dist/system.cjs
CHANGED
@@ -15276,6 +15276,8 @@ Switch2.Skeleton.displayName = "Switch.Skeleton ";
|
|
15276
15276
|
var import_react117 = __toESM(require("react"));
|
15277
15277
|
var getVariantClassNames = (variant = "primary") => {
|
15278
15278
|
switch (variant) {
|
15279
|
+
case "neutral":
|
15280
|
+
return tw("bg-default");
|
15279
15281
|
case "danger":
|
15280
15282
|
return tw("bg-danger-intense");
|
15281
15283
|
case "success":
|
@@ -15291,7 +15293,8 @@ var TagLabel = (_a) => {
|
|
15291
15293
|
className: classNames(
|
15292
15294
|
"Aquarium-TagLabel",
|
15293
15295
|
getVariantClassNames(variant),
|
15294
|
-
tw("
|
15296
|
+
tw(variant === "neutral" ? "text-default" : "text-white"),
|
15297
|
+
tw("rounded-full", {
|
15295
15298
|
"py-2 px-4 typography-caption": !dense,
|
15296
15299
|
"py-2 px-3 typography-caption-small": dense
|
15297
15300
|
})
|
package/dist/system.mjs
CHANGED
@@ -15126,6 +15126,8 @@ Switch2.Skeleton.displayName = "Switch.Skeleton ";
|
|
15126
15126
|
import React108 from "react";
|
15127
15127
|
var getVariantClassNames = (variant = "primary") => {
|
15128
15128
|
switch (variant) {
|
15129
|
+
case "neutral":
|
15130
|
+
return tw("bg-default");
|
15129
15131
|
case "danger":
|
15130
15132
|
return tw("bg-danger-intense");
|
15131
15133
|
case "success":
|
@@ -15141,7 +15143,8 @@ var TagLabel = (_a) => {
|
|
15141
15143
|
className: classNames(
|
15142
15144
|
"Aquarium-TagLabel",
|
15143
15145
|
getVariantClassNames(variant),
|
15144
|
-
tw("
|
15146
|
+
tw(variant === "neutral" ? "text-default" : "text-white"),
|
15147
|
+
tw("rounded-full", {
|
15145
15148
|
"py-2 px-4 typography-caption": !dense,
|
15146
15149
|
"py-2 px-3 typography-caption-small": dense
|
15147
15150
|
})
|