@qoretechnologies/reqore 0.77.1 → 0.77.2-pr.683.g2d9a311

package/dist/components/Tag/group.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { TSizes } from '../../constants/sizes';
 import { IWithReqoreMinimal, IWithReqoreSize } from '../../types/global';
+import { TReqoreTagAppearance } from '.';
 export interface IReqoreTagGroup extends React.HTMLAttributes<HTMLDivElement>, IWithReqoreSize, IWithReqoreMinimal {
     children: any;
     gapSize?: TSizes;
@@ -8,7 +9,12 @@ export interface IReqoreTagGroup extends React.HTMLAttributes<HTMLDivElement>, I
     wrap?: boolean;
     fluid?: boolean;
     align?: 'left' | 'center' | 'right';
+    /**
+     * Default `appearance` for every tag in the group (`'solid'`, `'soft'` or `'text'`).
+     * A tag's own `appearance` wins.
+     */
+    appearance?: TReqoreTagAppearance;
 }
-declare const ReqoreTagGroup: ({ children, size, gapSize, minimal, className, columns, wrap, fluid, align, ...rest }: IReqoreTagGroup) => import("react/jsx-runtime").JSX.Element;
+declare const ReqoreTagGroup: ({ children, size, gapSize, minimal, className, columns, wrap, fluid, align, appearance, ...rest }: IReqoreTagGroup) => import("react/jsx-runtime").JSX.Element;
 export default ReqoreTagGroup;
 //# sourceMappingURL=group.d.ts.map

package/dist/components/Tag/group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAiB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEzE,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,eAAe,EAAE,kBAAkB;IACjF,QAAQ,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAkCD,QAAA,MAAM,cAAc,GAAI,uFAWrB,eAAe,4CAsBjB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAiB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,GAAG,CAAC;AAEzC,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,eAAe,EAAE,kBAAkB;IACjF,QAAQ,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;;OAGG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAAC;CACnC;AAkCD,QAAA,MAAM,cAAc,GAAI,mGAYrB,eAAe,4CAyBjB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/Tag/group.js

@@ -88,17 +88,13 @@ var StyledTagGroup = styled_components_1.default.div(templateObject_3 || (templa
     }
 });
 var ReqoreTagGroup = function (_a) {
-    var children = _a.children, size = _a.size, _b = _a.gapSize, gapSize = _b === void 0 ? 'normal' : _b, minimal = _a.minimal, className = _a.className, columns = _a.columns, _c = _a.wrap, wrap = _c === void 0 ? true : _c, fluid = _a.fluid, align = _a.align, rest = __rest(_a, ["children", "size", "gapSize", "minimal", "className", "columns", "wrap", "fluid", "align"]);
+    var children = _a.children, size = _a.size, _b = _a.gapSize, gapSize = _b === void 0 ? 'normal' : _b, minimal = _a.minimal, className = _a.className, columns = _a.columns, _c = _a.wrap, wrap = _c === void 0 ? true : _c, fluid = _a.fluid, align = _a.align, appearance = _a.appearance, rest = __rest(_a, ["children", "size", "gapSize", "minimal", "className", "columns", "wrap", "fluid", "align", "appearance"]);
     return ((0, jsx_runtime_1.jsx)(StyledTagGroup, __assign({}, rest, { "$align": align, "$fluid": fluid, "$gapSize": gapSize, "$wrap": wrap, className: "".concat(className || '', " reqore-tag-group"), children: react_1.default.Children.map(children, function (child) {
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             return child
-                ? react_1.default.cloneElement(child, {
-                    size: ((_a = child.props) === null || _a === void 0 ? void 0 : _a.size) || size,
-                    width: columns ? "calc(".concat(100 / columns, "% - 5px)") : child.props.width,
-                    minimal: ((_b = child.props) === null || _b === void 0 ? void 0 : _b.minimal) || ((_c = child.props) === null || _c === void 0 ? void 0 : _c.minimal) === false
+                ? react_1.default.cloneElement(child, __assign({ size: ((_a = child.props) === null || _a === void 0 ? void 0 : _a.size) || size, width: columns ? "calc(".concat(100 / columns, "% - 5px)") : child.props.width, minimal: ((_b = child.props) === null || _b === void 0 ? void 0 : _b.minimal) || ((_c = child.props) === null || _c === void 0 ? void 0 : _c.minimal) === false
                         ? child.props.minimal
-                        : minimal,
-                })
+                        : minimal }, (appearance && !((_d = child.props) === null || _d === void 0 ? void 0 : _d.appearance) ? { appearance: appearance } : {})))
                 : null;
         }) })));
 };

package/dist/components/Tag/group.js.map

@@ -1 +1 @@
-{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../src/components/Tag/group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qEAAgD;AAChD,+CAA8D;AAoB9D,IAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,yMAAsB,mBACtC,EAA8B,kBAChC,EAAwC,oCAExC,EAA0C,YAChD,EAAyC,mCAG9C,EAcD,IACF,KAtBgB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAAf,CAAe,EAChC,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AAAxB,CAAwB,EAExC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;AAA3B,CAA2B,EAChD,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,qBAAa,CAAC,QAAQ,CAAC;AAAvB,CAAuB,EAG9C,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;QACvB,WAAO,uBAAG,8IAAA,0EAGT,KAAC;IACJ,CAAC;IAED,IAAI,MAAM,KAAK,QAAQ,EAAE,CAAC;QACxB,WAAO,uBAAG,yIAAA,qEAGT,KAAC;IACJ,CAAC;AACH,CAAC,CACF,CAAC;AAEF,IAAM,cAAc,GAAG,UAAC,EAWN;IAVhB,IAAA,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,eAAkB,EAAlB,OAAO,mBAAG,QAAQ,KAAA,EAClB,OAAO,aAAA,EACP,SAAS,eAAA,EACT,OAAO,aAAA,EACP,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,KAAK,WAAA,EACL,KAAK,WAAA,EACF,IAAI,cAVe,4FAWvB,CADQ;IACc,OAAA,CACrB,uBAAC,cAAc,eACT,IAAI,cACA,KAAK,YACL,KAAK,cACH,OAAO,WACV,IAAI,EACX,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,sBAAmB,YAE/C,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;;YAClC,OAAA,KAAK;gBACH,CAAC,CAAC,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBACxB,IAAI,EAAE,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,IAAI,KAAI,IAAI;oBAC/B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,eAAQ,GAAG,GAAG,OAAO,aAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;oBACpE,OAAO,EACL,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,OAAO,KAAI,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,OAAO,MAAK,KAAK;wBACpD,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;wBACrB,CAAC,CAAC,OAAO;iBACd,CAAC;gBACJ,CAAC,CAAC,IAAI,CAAA;SAAA,CACT,IACc,CAClB,CAAA;CAAA,CAAC;AAEF,kBAAe,cAAc,CAAC"}
+{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../src/components/Tag/group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qEAAgD;AAChD,+CAA8D;AA0B9D,IAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,yMAAsB,mBACtC,EAA8B,kBAChC,EAAwC,oCAExC,EAA0C,YAChD,EAAyC,mCAG9C,EAcD,IACF,KAtBgB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAAf,CAAe,EAChC,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AAAxB,CAAwB,EAExC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;AAA3B,CAA2B,EAChD,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,qBAAa,CAAC,QAAQ,CAAC;AAAvB,CAAuB,EAG9C,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;QACvB,WAAO,uBAAG,8IAAA,0EAGT,KAAC;IACJ,CAAC;IAED,IAAI,MAAM,KAAK,QAAQ,EAAE,CAAC;QACxB,WAAO,uBAAG,yIAAA,qEAGT,KAAC;IACJ,CAAC;AACH,CAAC,CACF,CAAC;AAEF,IAAM,cAAc,GAAG,UAAC,EAYN;IAXhB,IAAA,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,eAAkB,EAAlB,OAAO,mBAAG,QAAQ,KAAA,EAClB,OAAO,aAAA,EACP,SAAS,eAAA,EACT,OAAO,aAAA,EACP,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,KAAK,WAAA,EACL,KAAK,WAAA,EACL,UAAU,gBAAA,EACP,IAAI,cAXe,0GAYvB,CADQ;IACc,OAAA,CACrB,uBAAC,cAAc,eACT,IAAI,cACA,KAAK,YACL,KAAK,cACH,OAAO,WACV,IAAI,EACX,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,sBAAmB,YAE/C,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;;YAClC,OAAA,KAAK;gBACH,CAAC,CAAC,eAAK,CAAC,YAAY,CAAC,KAAK,aACtB,IAAI,EAAE,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,IAAI,KAAI,IAAI,EAC/B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,eAAQ,GAAG,GAAG,OAAO,aAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EACpE,OAAO,EACL,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,OAAO,KAAI,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,OAAO,MAAK,KAAK;wBACpD,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;wBACrB,CAAC,CAAC,OAAO,IAGV,CAAC,UAAU,IAAI,CAAC,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,UAAU,CAAA,CAAC,CAAC,CAAC,EAAE,UAAU,YAAA,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACjE;gBACJ,CAAC,CAAC,IAAI,CAAA;SAAA,CACT,IACc,CAClB,CAAA;CAAA,CAAC;AAEF,kBAAe,cAAc,CAAC"}

package/dist/components/Tag/index.d.ts

@@ -3,8 +3,45 @@ import { TSizes } from '../../constants/sizes';
 import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
 import { IReqoreDisabled, IReqoreIntent, IReqoreReadOnly, IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreFlat, IWithReqoreFluid, IWithReqoreLoading, IWithReqoreMinimal, IWithReqoreTooltip } from '../../types/global';
 import { IReqoreIconName } from '../../types/icons';
-import { IReqoreEffect, TReqoreColor, TReqoreEffectColor } from '../Effect';
+import { IReqoreEffect, TReqoreColor, TReqoreEffectColor, TReqoreHexColor } from '../Effect';
 import { IReqoreIconProps } from '../Icon';
+/**
+ * How much of the tag the colour paints.
+ *
+ * - `'solid'` — the colour fills the tag and the label takes the readable colour for
+ *   it. The default, and the look every tag had before this prop existed.
+ * - `'soft'` — an outlined status pill: the colour draws the border and the label (and
+ *   its icons), over a 20% wash of the same colour.
+ * - `'text'` — only the label and its icons carry the colour; no border and no
+ *   background.
+ */
+export type TReqoreTagAppearance = 'solid' | 'soft' | 'text';
+/** The colours a `soft` or `text` tag is painted with, resolved once per colour. */
+export interface IReqoreTagAppearanceColors {
+    /** Label, icons and the remove button: the colour at a shade that reads on the tag. */
+    text: TReqoreHexColor;
+    background: string;
+    hoverBackground: string;
+    /** Soft only: the ring drawn inside the tag's edge. */
+    border?: string;
+    /** Behind the `labelKey` half of a key/value tag. */
+    keyBackground: string;
+    /** Behind the remove button and actions on hover. */
+    buttonHoverBackground: string;
+}
+/** Share of the colour laid over the surface behind a soft tag. */
+export declare const TAG_SOFT_BACKGROUND_OPACITY = 0.2;
+/**
+ * Resolves the colours of a `soft` or `text` tag.
+ *
+ * The label has to read against what it actually sits on: for a soft tag that is the
+ * 20% wash over the theme's surface, for a text tag the surface itself. So the label
+ * is the tag's own colour pushed lighter (dark theme) or darker (light theme) until it
+ * reaches a 4.5:1 contrast there — a green label stays green, only a shade that reads.
+ * With no colour at all the tag is neutral: the surface's readable text colour plays
+ * the part of the colour.
+ */
+export declare const getTagAppearanceColors: (theme: IReqoreTheme, appearance: Exclude<TReqoreTagAppearance, "solid">, color?: TReqoreColor) => IReqoreTagAppearanceColors;
 export interface IReqoreTagAction extends IWithReqoreTooltip, IReqoreDisabled, IReqoreIntent, HTMLAttributes<HTMLSpanElement> {
     icon: IReqoreIconName;
     show?: boolean | 'hover';
@@ -110,6 +147,21 @@ export interface IReqoreCustomTagProps extends IWithReqoreTooltip, IReqoreDisabl
      */
     verticalAlign?: 'baseline' | 'middle' | 'top' | 'bottom';
     compact?: boolean;
+    /**
+     * How much of the tag the colour (`intent`, `color`, or `effect.color` when neither is
+     * set) paints. Defaults to `'solid'`, the look every tag had before this prop.
+     *
+     * - `'soft'` — outlined status pill: the colour draws a 1px border and the label and
+     *   icons, over a 20% wash of itself (GitHub / Linear style status chips).
+     * - `'text'` — only the label and icons carry the colour; no border, no background.
+     *
+     * The label takes the colour at a shade that reads on the tag (4.5:1 against the
+     * theme's surface), so the same intent works on dark and light themes. `minimal`
+     * has no effect on a soft or text tag, and neither does `flat={false}`'s border —
+     * the appearance decides the whole look. The border is drawn inside the tag's edge,
+     * so a soft tag is exactly as big as a solid one.
+     */
+    appearance?: TReqoreTagAppearance;
     /**
      * Tooltip shown on the remove ("X") affordance rendered when `onRemoveClick`
      * is set. Defaults to `'Remove'`.
@@ -131,6 +183,9 @@ export interface IReqoreTagStyle extends IReqoreTagProps {
     $maxWidth?: string;
     /** True when the label is capped and must shorten rather than push the box wider. */
     $capped?: boolean;
+    /** Set for a `soft` or `text` tag only: a solid tag keeps its original rules. */
+    $appearance?: TReqoreTagAppearance;
+    $appearanceColors?: IReqoreTagAppearanceColors;
 }
 export declare const StyledTag: any;
 declare const ReqoreTag: (props: IReqoreTagProps & React.RefAttributes<HTMLSpanElement>) => React.ReactElement | null;

package/dist/components/Tag/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Tag/index.js

@@ -62,7 +62,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledTag = void 0;
+exports.StyledTag = exports.getTagAppearanceColors = exports.TAG_SOFT_BACKGROUND_OPACITY = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var classnames_1 = __importDefault(require("classnames"));
 var size_1 = __importDefault(require("lodash/size"));
@@ -78,7 +78,44 @@ var styles_1 = require("../../styles");
 var Effect_1 = require("../Effect");
 var Icon_1 = __importDefault(require("../Icon"));
 var TooltipComponent_1 = require("../TooltipComponent");
-exports.StyledTag = (0, styled_components_1.default)(Effect_1.StyledEffect)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  display: inline-flex;\n  justify-content: center;\n  flex-shrink: 0;\n  align-items: stretch;\n  /* Only when the caller has not asked for a family. StyledTag extends StyledEffect,\n     so an unconditional declaration here always won the cascade over effect.fontFamily\n     \u2014 which is why ReqoreDataView had to force monospace back on with a specificity-\n     boosted descendant override instead of just setting the effect.\n     NO BACKTICKS in this comment: it lives inside a template literal and they end it. */\n  ", "\n  overflow: hidden;\n  vertical-align: ", ";\n  font-size: ", "px;\n  line-height: 1.1;\n\n  min-width: ", "px;\n  /* An explicit cap wins over the implicit one: a caller asking for 30ch means 30ch\n     even inside a container wider than that, and 100% would let the tag grow past it. */\n  max-width: ", ";\n  flex: ", ";\n  justify-self: ", ";\n  border: ", ";\n  /* Same flat !== false guard as EntityRow / FeatureCard / Callout: the inset\n     highlight and the border are two ways of drawing the same edge, so a tag that\n     already has a border does not also get the raised shading. */\n  ", "\n  border-radius: ", ";\n  width: ", ";\n  transition: all 0.2s ease-out;\n\n  ", "\n\n  ", ";\n\n  ", "\n\n  /* How a MINIMAL tag colours its label.\n\n     Minimal paints the colour at 20% alpha, so what the label actually sits on\n     is mostly the surface underneath \u2014 not the colour. For a CHROMATIC colour a\n     light tint of it reads on either theme. For an ACHROMATIC one there is no\n     tint to take: a 20% wash of grey over the surface IS the surface, so the\n     label is read against the surface, exactly as the no-colour case does.\n\n     It used to fall through to the readable colour for the colour at FULL\n     strength. A near-white muted intent is light, so that returned BLACK, and\n     the tag rendered black text on a 20% wash over a near-black page \u2014 reported\n     as \"black text on a dark grey background; it's very hard to read\", and true\n     of every minimal tag with a grey intent. */\n  ", "\n\n  ", "\n\n\n  ", "\n\n  /* Read only is NOT disabled: the tag keeps its pointer events, so its tooltip and\n     its actions still answer \u2014 it only stops advertising itself as something to\n     press. Same meaning the prop has on ReqoreButton, ReqoreCheckbox and\n     ReqoreRating. Last, so it wins over the interactive block's cursor: pointer. */\n  ", "\n\n  /* Only gate on hover where hover exists \u2014 see the same guard on ReqorePanel.\n     On touch a `show: 'hover'` tag action would otherwise be display:none with\n     no route to it at all. */\n  @media (hover: hover) and (pointer: fine) {\n    &:not(:hover) {\n      .reqore-tag-action-hidden {\n        display: none;\n      }\n    }\n  }\n\n  &:focus,\n  &:active {\n    outline: 2px solid ", ";\n    outline-offset: -2px;\n  }\n"], ["\n  display: inline-flex;\n  justify-content: center;\n  flex-shrink: 0;\n  align-items: stretch;\n  /* Only when the caller has not asked for a family. StyledTag extends StyledEffect,\n     so an unconditional declaration here always won the cascade over effect.fontFamily\n     \u2014 which is why ReqoreDataView had to force monospace back on with a specificity-\n     boosted descendant override instead of just setting the effect.\n     NO BACKTICKS in this comment: it lives inside a template literal and they end it. */\n  ", "\n  overflow: hidden;\n  vertical-align: ", ";\n  font-size: ", "px;\n  line-height: 1.1;\n\n  min-width: ", "px;\n  /* An explicit cap wins over the implicit one: a caller asking for 30ch means 30ch\n     even inside a container wider than that, and 100% would let the tag grow past it. */\n  max-width: ", ";\n  flex: ", ";\n  justify-self: ", ";\n  border: ", ";\n  /* Same flat !== false guard as EntityRow / FeatureCard / Callout: the inset\n     highlight and the border are two ways of drawing the same edge, so a tag that\n     already has a border does not also get the raised shading. */\n  ", "\n  border-radius: ", ";\n  width: ", ";\n  transition: all 0.2s ease-out;\n\n  ", "\n\n  ", ";\n\n  ", "\n\n  /* How a MINIMAL tag colours its label.\n\n     Minimal paints the colour at 20% alpha, so what the label actually sits on\n     is mostly the surface underneath \u2014 not the colour. For a CHROMATIC colour a\n     light tint of it reads on either theme. For an ACHROMATIC one there is no\n     tint to take: a 20% wash of grey over the surface IS the surface, so the\n     label is read against the surface, exactly as the no-colour case does.\n\n     It used to fall through to the readable colour for the colour at FULL\n     strength. A near-white muted intent is light, so that returned BLACK, and\n     the tag rendered black text on a 20% wash over a near-black page \u2014 reported\n     as \"black text on a dark grey background; it's very hard to read\", and true\n     of every minimal tag with a grey intent. */\n  ", "\n\n  ", "\n\n\n  ", "\n\n  /* Read only is NOT disabled: the tag keeps its pointer events, so its tooltip and\n     its actions still answer \u2014 it only stops advertising itself as something to\n     press. Same meaning the prop has on ReqoreButton, ReqoreCheckbox and\n     ReqoreRating. Last, so it wins over the interactive block's cursor: pointer. */\n  ", "\n\n  /* Only gate on hover where hover exists \u2014 see the same guard on ReqorePanel.\n     On touch a \\`show: 'hover'\\` tag action would otherwise be display:none with\n     no route to it at all. */\n  @media (hover: hover) and (pointer: fine) {\n    &:not(:hover) {\n      .reqore-tag-action-hidden {\n        display: none;\n      }\n    }\n  }\n\n  &:focus,\n  &:active {\n    outline: 2px solid ", ";\n    outline-offset: -2px;\n  }\n"])), function (_a) {
+/** Share of the colour laid over the surface behind a soft tag. */
+exports.TAG_SOFT_BACKGROUND_OPACITY = 0.2;
+/**
+ * Resolves the colours of a `soft` or `text` tag.
+ *
+ * The label has to read against what it actually sits on: for a soft tag that is the
+ * 20% wash over the theme's surface, for a text tag the surface itself. So the label
+ * is the tag's own colour pushed lighter (dark theme) or darker (light theme) until it
+ * reaches a 4.5:1 contrast there — a green label stays green, only a shade that reads.
+ * With no colour at all the tag is neutral: the surface's readable text colour plays
+ * the part of the colour.
+ */
+var getTagAppearanceColors = function (theme, appearance, color) {
+    var surface = (0, colors_2.getOpaqueColor)(theme.main);
+    var base = (0, colors_2.getOpaqueColor)(color && color !== 'transparent' ? color : (0, colors_2.getReadableColorFrom)(surface));
+    if (appearance === 'soft') {
+        var background = (0, polished_1.mix)(exports.TAG_SOFT_BACKGROUND_OPACITY, base, surface);
+        var text_1 = (0, colors_2.getReadableAccentColor)(base, background);
+        return {
+            text: text_1,
+            background: (0, polished_1.rgba)(base, exports.TAG_SOFT_BACKGROUND_OPACITY),
+            hoverBackground: (0, polished_1.rgba)(base, exports.TAG_SOFT_BACKGROUND_OPACITY + 0.1),
+            border: (0, polished_1.rgba)(text_1, 0.6),
+            keyBackground: (0, polished_1.rgba)(base, 0.15),
+            buttonHoverBackground: (0, polished_1.rgba)(base, 0.25),
+        };
+    }
+    var text = (0, colors_2.getReadableAccentColor)(base, surface);
+    return {
+        text: text,
+        background: 'transparent',
+        hoverBackground: (0, polished_1.rgba)(text, 0.1),
+        keyBackground: (0, polished_1.rgba)((0, colors_2.getReadableColorFrom)(surface), 0.08),
+        buttonHoverBackground: (0, polished_1.rgba)(text, 0.15),
+    };
+};
+exports.getTagAppearanceColors = getTagAppearanceColors;
+exports.StyledTag = (0, styled_components_1.default)(Effect_1.StyledEffect)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  display: inline-flex;\n  justify-content: center;\n  flex-shrink: 0;\n  align-items: stretch;\n  /* Only when the caller has not asked for a family. StyledTag extends StyledEffect,\n     so an unconditional declaration here always won the cascade over effect.fontFamily\n     \u2014 which is why ReqoreDataView had to force monospace back on with a specificity-\n     boosted descendant override instead of just setting the effect.\n     NO BACKTICKS in this comment: it lives inside a template literal and they end it. */\n  ", "\n  overflow: hidden;\n  vertical-align: ", ";\n  font-size: ", "px;\n  line-height: 1.1;\n\n  min-width: ", "px;\n  /* An explicit cap wins over the implicit one: a caller asking for 30ch means 30ch\n     even inside a container wider than that, and 100% would let the tag grow past it. */\n  max-width: ", ";\n  flex: ", ";\n  justify-self: ", ";\n  border: ", ";\n  /* Same flat !== false guard as EntityRow / FeatureCard / Callout: the inset\n     highlight and the border are two ways of drawing the same edge, so a tag that\n     already has a border does not also get the raised shading. */\n  ", "\n  border-radius: ", ";\n  width: ", ";\n  transition: all 0.2s ease-out;\n\n  ", "\n\n  ", ";\n\n  ", "\n\n  /* How a MINIMAL tag colours its label.\n\n     Minimal paints the colour at 20% alpha, so what the label actually sits on\n     is mostly the surface underneath \u2014 not the colour. For a CHROMATIC colour a\n     light tint of it reads on either theme. For an ACHROMATIC one there is no\n     tint to take: a 20% wash of grey over the surface IS the surface, so the\n     label is read against the surface, exactly as the no-colour case does.\n\n     It used to fall through to the readable colour for the colour at FULL\n     strength. A near-white muted intent is light, so that returned BLACK, and\n     the tag rendered black text on a 20% wash over a near-black page \u2014 reported\n     as \"black text on a dark grey background; it's very hard to read\", and true\n     of every minimal tag with a grey intent. */\n  ", "\n\n  ", "\n\n  /* Soft and text tags: the colour draws the label (and, soft, the ring and a wash)\n     instead of filling the tag. The ring is an inset shadow rather than a border so a\n     soft tag keeps the exact box of a solid one \u2014 side by side in a group they line\n     up \u2014 and it replaces any flat={false} border and the raised shading. */\n  ", "\n\n  ", "\n\n  /* Read only is NOT disabled: the tag keeps its pointer events, so its tooltip and\n     its actions still answer \u2014 it only stops advertising itself as something to\n     press. Same meaning the prop has on ReqoreButton, ReqoreCheckbox and\n     ReqoreRating. Last, so it wins over the interactive block's cursor: pointer. */\n  ", "\n\n  /* Only gate on hover where hover exists \u2014 see the same guard on ReqorePanel.\n     On touch a `show: 'hover'` tag action would otherwise be display:none with\n     no route to it at all. */\n  @media (hover: hover) and (pointer: fine) {\n    &:not(:hover) {\n      .reqore-tag-action-hidden {\n        display: none;\n      }\n    }\n  }\n\n  &:focus,\n  &:active {\n    outline: 2px solid ", ";\n    outline-offset: -2px;\n  }\n"], ["\n  display: inline-flex;\n  justify-content: center;\n  flex-shrink: 0;\n  align-items: stretch;\n  /* Only when the caller has not asked for a family. StyledTag extends StyledEffect,\n     so an unconditional declaration here always won the cascade over effect.fontFamily\n     \u2014 which is why ReqoreDataView had to force monospace back on with a specificity-\n     boosted descendant override instead of just setting the effect.\n     NO BACKTICKS in this comment: it lives inside a template literal and they end it. */\n  ", "\n  overflow: hidden;\n  vertical-align: ", ";\n  font-size: ", "px;\n  line-height: 1.1;\n\n  min-width: ", "px;\n  /* An explicit cap wins over the implicit one: a caller asking for 30ch means 30ch\n     even inside a container wider than that, and 100% would let the tag grow past it. */\n  max-width: ", ";\n  flex: ", ";\n  justify-self: ", ";\n  border: ", ";\n  /* Same flat !== false guard as EntityRow / FeatureCard / Callout: the inset\n     highlight and the border are two ways of drawing the same edge, so a tag that\n     already has a border does not also get the raised shading. */\n  ", "\n  border-radius: ", ";\n  width: ", ";\n  transition: all 0.2s ease-out;\n\n  ", "\n\n  ", ";\n\n  ", "\n\n  /* How a MINIMAL tag colours its label.\n\n     Minimal paints the colour at 20% alpha, so what the label actually sits on\n     is mostly the surface underneath \u2014 not the colour. For a CHROMATIC colour a\n     light tint of it reads on either theme. For an ACHROMATIC one there is no\n     tint to take: a 20% wash of grey over the surface IS the surface, so the\n     label is read against the surface, exactly as the no-colour case does.\n\n     It used to fall through to the readable colour for the colour at FULL\n     strength. A near-white muted intent is light, so that returned BLACK, and\n     the tag rendered black text on a 20% wash over a near-black page \u2014 reported\n     as \"black text on a dark grey background; it's very hard to read\", and true\n     of every minimal tag with a grey intent. */\n  ", "\n\n  ", "\n\n  /* Soft and text tags: the colour draws the label (and, soft, the ring and a wash)\n     instead of filling the tag. The ring is an inset shadow rather than a border so a\n     soft tag keeps the exact box of a solid one \u2014 side by side in a group they line\n     up \u2014 and it replaces any flat={false} border and the raised shading. */\n  ", "\n\n  ", "\n\n  /* Read only is NOT disabled: the tag keeps its pointer events, so its tooltip and\n     its actions still answer \u2014 it only stops advertising itself as something to\n     press. Same meaning the prop has on ReqoreButton, ReqoreCheckbox and\n     ReqoreRating. Last, so it wins over the interactive block's cursor: pointer. */\n  ", "\n\n  /* Only gate on hover where hover exists \u2014 see the same guard on ReqorePanel.\n     On touch a \\`show: 'hover'\\` tag action would otherwise be display:none with\n     no route to it at all. */\n  @media (hover: hover) and (pointer: fine) {\n    &:not(:hover) {\n      .reqore-tag-action-hidden {\n        display: none;\n      }\n    }\n  }\n\n  &:focus,\n  &:active {\n    outline: 2px solid ", ";\n    outline-offset: -2px;\n  }\n"])), function (_a) {
     var effect = _a.effect;
     return !(effect === null || effect === void 0 ? void 0 : effect.fontFamily) && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-family: ", ";\n    "], ["\n      font-family: ", ";\n    "])), fonts_1.SYSTEM_FONT);
 }, function (_a) {
@@ -137,7 +174,10 @@ exports.StyledTag = (0, styled_components_1.default)(Effect_1.StyledEffect)(temp
         return asBadge ? sizes_1.BADGE_SIZE_TO_PX[size] : sizes_1.TAG_SIZE_TO_PX[size];
     });
 }, function (_a) {
-    var theme = _a.theme, color = _a.color, labelKey = _a.labelKey, minimal = _a.minimal;
+    var theme = _a.theme, color = _a.color, labelKey = _a.labelKey, minimal = _a.minimal, $appearanceColors = _a.$appearanceColors;
+    if ($appearanceColors) {
+        return undefined;
+    }
     return (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      background-color: ", ";\n      color: ", ";\n\n      ", " {\n        background-color: ", ";\n      }\n    "], ["\n      background-color: ", ";\n      color: ", ";\n\n      ", " {\n        background-color: ", ";\n      }\n    "])), minimal
         ? color
             ? (0, polished_1.rgba)(color, 0.2)
@@ -150,8 +190,8 @@ exports.StyledTag = (0, styled_components_1.default)(Effect_1.StyledEffect)(temp
             ? (0, colors_2.getReadableColorFrom)(color)
             : (0, colors_2.getReadableColorFrom)((0, colors_2.changeLightness)(theme.main, 0.1)), StyledTagKeyWrapper, labelKey ? (0, polished_1.rgba)('#000000', minimal ? 0.1 : 0.3) : undefined);
 }, function (_a) {
-    var theme = _a.theme, color = _a.color, interactive = _a.interactive, minimal = _a.minimal, effect = _a.effect;
-    return interactive
+    var theme = _a.theme, color = _a.color, interactive = _a.interactive, minimal = _a.minimal, effect = _a.effect, $appearanceColors = _a.$appearanceColors;
+    return interactive && !$appearanceColors
         ? (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n          cursor: pointer;\n          &:hover {\n            .reqore-tag-content,\n            .reqore-tag-key-content {\n              ", "\n            }\n\n            ", "\n          }\n        "], ["\n          cursor: pointer;\n          &:hover {\n            .reqore-tag-content,\n            .reqore-tag-key-content {\n              ", "\n            }\n\n            ", "\n          }\n        "])), styles_1.ActiveIconScale, !(effect === null || effect === void 0 ? void 0 : effect.gradient) && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n              background-color: ", ";\n              color: ", ";\n            "], ["\n              background-color: ", ";\n              color: ", ";\n            "])), minimal
             ? color
                 ? (0, polished_1.rgba)(color, 0.5)
@@ -161,17 +201,24 @@ exports.StyledTag = (0, styled_components_1.default)(Effect_1.StyledEffect)(temp
             : color
                 ? (0, colors_2.getReadableColorFrom)(color)
                 : (0, colors_2.getReadableColor)(theme, undefined, undefined))) : undefined;
+}, function (_a) {
+    var $appearance = _a.$appearance, $appearanceColors = _a.$appearanceColors, labelKey = _a.labelKey, interactive = _a.interactive, effect = _a.effect;
+    return $appearanceColors && (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      background-color: ", ";\n      color: ", ";\n      border: 0;\n      box-shadow: ", ";\n\n      ", " {\n        background-color: ", ";\n      }\n\n      ", "\n\n      &:focus,\n      &:active {\n        outline-color: ", ";\n      }\n    "], ["\n      background-color: ", ";\n      color: ", ";\n      border: 0;\n      box-shadow: ", ";\n\n      ", " {\n        background-color: ", ";\n      }\n\n      ", "\n\n      &:focus,\n      &:active {\n        outline-color: ", ";\n      }\n    "])), $appearanceColors.background, $appearanceColors.text, $appearanceColors.border
+        ? "inset 0 0 0 1px ".concat($appearanceColors.border)
+        : 'none', StyledTagKeyWrapper, labelKey ? $appearanceColors.keyBackground : undefined, interactive && (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        cursor: pointer;\n        &:hover {\n          .reqore-tag-content,\n          .reqore-tag-key-content {\n            ", "\n          }\n\n          ", "\n        }\n      "], ["\n        cursor: pointer;\n        &:hover {\n          .reqore-tag-content,\n          .reqore-tag-key-content {\n            ", "\n          }\n\n          ", "\n        }\n      "])), styles_1.ActiveIconScale, !(effect === null || effect === void 0 ? void 0 : effect.gradient) && (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n            background-color: ", ";\n          "], ["\n            background-color: ", ";\n          "])), $appearanceColors.hoverBackground)), $appearance === 'soft'
+        ? $appearanceColors.border
+        : (0, polished_1.rgba)($appearanceColors.text, 0.5));
 }, function (_a) {
     var disabled = _a.disabled;
-    return disabled && (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      opacity: 0.5;\n      pointer-events: none;\n      cursor: not-allowed;\n    "], ["\n      opacity: 0.5;\n      pointer-events: none;\n      cursor: not-allowed;\n    "])));
+    return disabled && (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      opacity: 0.5;\n      pointer-events: none;\n      cursor: not-allowed;\n    "], ["\n      opacity: 0.5;\n      pointer-events: none;\n      cursor: not-allowed;\n    "])));
 }, function (_a) {
     var $readOnly = _a.$readOnly;
-    return $readOnly && (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), styles_1.ReadOnlyElement);
+    return $readOnly && (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), styles_1.ReadOnlyElement);
 }, function (_a) {
     var theme = _a.theme, color = _a.color;
     return (0, colors_2.changeLightness)(color || theme.main, 0.25);
 });
-var StyledTagKeyWrapper = styled_components_1.default.span(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  /* A key normally GROWS to share the tag with the label, which is what gives an\n     uncapped key/value tag its even split. Under a cap that split is wrong twice\n     over: the key takes half the width to render four characters, and the label is\n     left with too little room for a tail it is not allowed to shrink \u2014 so the tail\n     runs out past the tag's edge with a hole where the key's unused half was. Capped,\n     the key takes what it needs and the label gets the rest. */\n  flex: ", ";\n  flex-shrink: 0;\n  min-height: 100%;\n  padding-left: ", ";\n  padding-right: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  /* A key normally GROWS to share the tag with the label, which is what gives an\n     uncapped key/value tag its even split. Under a cap that split is wrong twice\n     over: the key takes half the width to render four characters, and the label is\n     left with too little room for a tail it is not allowed to shrink \u2014 so the tail\n     runs out past the tag's edge with a hole where the key's unused half was. Capped,\n     the key takes what it needs and the label gets the rest. */\n  flex: ", ";\n  flex-shrink: 0;\n  min-height: 100%;\n  padding-left: ", ";\n  padding-right: ", ";\n"])), function (_a) {
+var StyledTagKeyWrapper = styled_components_1.default.span(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  /* A key normally GROWS to share the tag with the label, which is what gives an\n     uncapped key/value tag its even split. Under a cap that split is wrong twice\n     over: the key takes half the width to render four characters, and the label is\n     left with too little room for a tail it is not allowed to shrink \u2014 so the tail\n     runs out past the tag's edge with a hole where the key's unused half was. Capped,\n     the key takes what it needs and the label gets the rest. */\n  flex: ", ";\n  flex-shrink: 0;\n  min-height: 100%;\n  padding-left: ", ";\n  padding-right: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  /* A key normally GROWS to share the tag with the label, which is what gives an\n     uncapped key/value tag its even split. Under a cap that split is wrong twice\n     over: the key takes half the width to render four characters, and the label is\n     left with too little room for a tail it is not allowed to shrink \u2014 so the tail\n     runs out past the tag's edge with a hole where the key's unused half was. Capped,\n     the key takes what it needs and the label gets the rest. */\n  flex: ", ";\n  flex-shrink: 0;\n  min-height: 100%;\n  padding-left: ", ";\n  padding-right: ", ";\n"])), function (_a) {
     var hasKey = _a.hasKey, fixed = _a.fixed, $capped = _a.$capped;
     return hasKey ? (fixed === 'key' || $capped ? '0 0 auto' : 1) : undefined;
 }, function (_a) {
@@ -181,17 +228,17 @@ var StyledTagKeyWrapper = styled_components_1.default.span(templateObject_13 ||
     var size = _a.size, padOnRight = _a.padOnRight;
     return padOnRight && "".concat(sizes_1.TAG_HORIZONTAL_PADDING_FROM_SIZE[size], "px");
 });
-var StyledTagContentWrapper = styled_components_1.default.span(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: ", ";\n  min-height: 100%;\n\n  /* This wrapper is what makes a capped tag possible, and by default it is what makes\n     it impossible. It refuses to shrink so a label is never squashed inside a fluid\n     tag \u2014 correct when the tag sizes to its content, but with a cap it means the box\n     cannot get narrower than the text, so the tag's own overflow:hidden clips it. And\n     because the content is CENTRED, it clips at BOTH ends: \"https://host/a/b\" renders\n     as \"ps://host/a/\", and a label key disappears off the left entirely.\n\n     min-width is the other half: a flex item defaults to min-width:auto, which is its\n     content's width, so flex-shrink alone still cannot take it below the text. */\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: ", ";\n  min-height: 100%;\n\n  /* This wrapper is what makes a capped tag possible, and by default it is what makes\n     it impossible. It refuses to shrink so a label is never squashed inside a fluid\n     tag \u2014 correct when the tag sizes to its content, but with a cap it means the box\n     cannot get narrower than the text, so the tag's own overflow:hidden clips it. And\n     because the content is CENTRED, it clips at BOTH ends: \"https://host/a/b\" renders\n     as \"ps://host/a/\", and a label key disappears off the left entirely.\n\n     min-width is the other half: a flex item defaults to min-width:auto, which is its\n     content's width, so flex-shrink alone still cannot take it below the text. */\n  ", "\n"])), function (_a) {
+var StyledTagContentWrapper = styled_components_1.default.span(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: ", ";\n  min-height: 100%;\n\n  /* This wrapper is what makes a capped tag possible, and by default it is what makes\n     it impossible. It refuses to shrink so a label is never squashed inside a fluid\n     tag \u2014 correct when the tag sizes to its content, but with a cap it means the box\n     cannot get narrower than the text, so the tag's own overflow:hidden clips it. And\n     because the content is CENTRED, it clips at BOTH ends: \"https://host/a/b\" renders\n     as \"ps://host/a/\", and a label key disappears off the left entirely.\n\n     min-width is the other half: a flex item defaults to min-width:auto, which is its\n     content's width, so flex-shrink alone still cannot take it below the text. */\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: ", ";\n  min-height: 100%;\n\n  /* This wrapper is what makes a capped tag possible, and by default it is what makes\n     it impossible. It refuses to shrink so a label is never squashed inside a fluid\n     tag \u2014 correct when the tag sizes to its content, but with a cap it means the box\n     cannot get narrower than the text, so the tag's own overflow:hidden clips it. And\n     because the content is CENTRED, it clips at BOTH ends: \"https://host/a/b\" renders\n     as \"ps://host/a/\", and a label key disappears off the left entirely.\n\n     min-width is the other half: a flex item defaults to min-width:auto, which is its\n     content's width, so flex-shrink alone still cannot take it below the text. */\n  ", "\n"])), function (_a) {
     var fixed = _a.fixed;
     return (fixed === 'label' ? '0 0 auto' : 1);
 }, function (_a) {
     var $capped = _a.$capped;
     return $capped
-        ? (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n          flex-shrink: 1;\n          min-width: 0;\n          justify-content: flex-start;\n        "], ["\n          flex-shrink: 1;\n          min-width: 0;\n          justify-content: flex-start;\n        "]))) : (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n          flex-shrink: 0;\n        "], ["\n          flex-shrink: 0;\n        "])));
+        ? (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n          flex-shrink: 1;\n          min-width: 0;\n          justify-content: flex-start;\n        "], ["\n          flex-shrink: 1;\n          min-width: 0;\n          justify-content: flex-start;\n        "]))) : (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n          flex-shrink: 0;\n        "], ["\n          flex-shrink: 0;\n        "])));
 });
-var StyledTagContent = (0, styled_components_1.default)(Effect_1.StyledTextEffect)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  ", "\n  padding: ", "px\n    ", "px;\n  min-height: 100%;\n  display: flex;\n  align-items: center;\n  flex: 1;\n\n  ", "\n\n  ", "\n"], ["\n  ", "\n  padding: ", "px\n    ", "px;\n  min-height: 100%;\n  display: flex;\n  align-items: center;\n  flex: 1;\n\n  ", "\n\n  ", "\n"])), function (_a) {
+var StyledTagContent = (0, styled_components_1.default)(Effect_1.StyledTextEffect)(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n  ", "\n  padding: ", "px\n    ", "px;\n  min-height: 100%;\n  display: flex;\n  align-items: center;\n  flex: 1;\n\n  ", "\n\n  ", "\n"], ["\n  ", "\n  padding: ", "px\n    ", "px;\n  min-height: 100%;\n  display: flex;\n  align-items: center;\n  flex: 1;\n\n  ", "\n\n  ", "\n"])), function (_a) {
     var $capped = _a.$capped;
-    return $capped && (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n      min-width: 0;\n    "], ["\n      min-width: 0;\n    "])));
+    return $capped && (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n      min-width: 0;\n    "], ["\n      min-width: 0;\n    "])));
 }, function (_a) {
     var _b = _a.$paddingSize, $paddingSize = _b === void 0 ? 'normal' : _b;
     return sizes_1.TAG_VERTICAL_PADDING_FROM_SIZE[$paddingSize];
@@ -200,7 +247,7 @@ var StyledTagContent = (0, styled_components_1.default)(Effect_1.StyledTextEffec
     return sizes_1.TAG_HORIZONTAL_PADDING_FROM_SIZE[size];
 }, function (_a) {
     var labelAlign = _a.labelAlign;
-    return (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n    justify-content: ", ";\n  "], ["\n    justify-content: ", ";\n  "])), labelAlign === 'left'
+    return (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n    justify-content: ", ";\n  "], ["\n    justify-content: ", ";\n  "])), labelAlign === 'left'
         ? 'flex-start'
         : labelAlign === 'right'
             ? 'flex-end'
@@ -208,13 +255,13 @@ var StyledTagContent = (0, styled_components_1.default)(Effect_1.StyledTextEffec
 }, function (_a) {
     var $wrap = _a.$wrap, $hasWidth = _a.$hasWidth;
     return !$wrap && !$hasWidth
-        ? (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        "], ["\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        "]))) : (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n          word-break: break-word;\n        "], ["\n          word-break: break-word;\n        "])));
+        ? (0, styled_components_1.css)(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        "], ["\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        "]))) : (0, styled_components_1.css)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n          word-break: break-word;\n        "], ["\n          word-break: break-word;\n        "])));
 });
-var StyledTagContentKey = (0, styled_components_1.default)(StyledTagContent)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  flex: 1;\n\n  ", "\n"], ["\n  flex: 1;\n\n  ", "\n"])), function (_a) {
+var StyledTagContentKey = (0, styled_components_1.default)(StyledTagContent)(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n  flex: 1;\n\n  ", "\n"], ["\n  flex: 1;\n\n  ", "\n"])), function (_a) {
     var $wrap = _a.$wrap, $hasWidth = _a.$hasWidth;
     return !$wrap && !$hasWidth
         ? undefined
-        : (0, styled_components_1.css)(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n          word-break: break-word;\n        "], ["\n          word-break: break-word;\n        "])));
+        : (0, styled_components_1.css)(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n          word-break: break-word;\n        "], ["\n          word-break: break-word;\n        "])));
 });
 /**
  * The label's own box when the tag is capped.
@@ -230,7 +277,7 @@ var StyledTagContentKey = (0, styled_components_1.default)(StyledTagContent)(tem
  * tag: the slot clips, the text-bearing element inside it ellipsizes, and only the
  * LABEL is wrapped so the icons and the label key keep their natural width.
  */
-var StyledTruncatedLabel = styled_components_1.default.span(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n  min-width: 0;\n  max-width: 100%;\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"], ["\n  min-width: 0;\n  max-width: 100%;\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])));
+var StyledTruncatedLabel = styled_components_1.default.span(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n  min-width: 0;\n  max-width: 100%;\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"], ["\n  min-width: 0;\n  max-width: 100%;\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])));
 /**
  * A label that drops its MIDDLE rather than its tail.
  *
@@ -243,10 +290,10 @@ var StyledTruncatedLabel = styled_components_1.default.span(templateObject_24 ||
  * complete value and a screen reader reads it out whole. That is the part a JS
  * shortener cannot match: it deletes the characters it hides.
  */
-var StyledMiddleTruncatedLabel = styled_components_1.default.span(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n  min-width: 0;\n  max-width: 100%;\n  display: flex;\n  white-space: nowrap;\n"], ["\n  min-width: 0;\n  max-width: 100%;\n  display: flex;\n  white-space: nowrap;\n"])));
-var StyledTruncatedLabelHead = styled_components_1.default.span(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"], ["\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])));
+var StyledMiddleTruncatedLabel = styled_components_1.default.span(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n  min-width: 0;\n  max-width: 100%;\n  display: flex;\n  white-space: nowrap;\n"], ["\n  min-width: 0;\n  max-width: 100%;\n  display: flex;\n  white-space: nowrap;\n"])));
+var StyledTruncatedLabelHead = styled_components_1.default.span(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"], ["\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])));
 /* Never shrinks: it is the half the caller asked to keep. */
-var StyledTruncatedLabelTail = styled_components_1.default.span(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n  flex-shrink: 0;\n  white-space: nowrap;\n"], ["\n  flex-shrink: 0;\n  white-space: nowrap;\n"])));
+var StyledTruncatedLabelTail = styled_components_1.default.span(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n  flex-shrink: 0;\n  white-space: nowrap;\n"], ["\n  flex-shrink: 0;\n  white-space: nowrap;\n"])));
 /**
  * Where to cut a label whose middle is dropped.
  *
@@ -267,20 +314,23 @@ var splitTagLabel = function (label) {
         characters.slice(characters.length - tailLength).join(''),
     ];
 };
-var StyledButtonWrapper = styled_components_1.default.span(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n  flex-shrink: 0;\n  font-size: ", "px;\n  width: ", "px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-out;\n\n  ", "\n"], ["\n  flex-shrink: 0;\n  font-size: ", "px;\n  width: ", "px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-out;\n\n  ", "\n"])), function (_a) {
+var StyledButtonWrapper = styled_components_1.default.span(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n  flex-shrink: 0;\n  font-size: ", "px;\n  width: ", "px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-out;\n\n  ", "\n"], ["\n  flex-shrink: 0;\n  font-size: ", "px;\n  width: ", "px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-out;\n\n  ", "\n"])), function (_a) {
     var size = _a.size;
     return sizes_1.CONTROL_TEXT_FROM_SIZE[size];
 }, function (_a) {
     var size = _a.size;
     return sizes_1.BADGE_SIZE_TO_PX[size];
 }, function (_a) {
-    var color = _a.color, effect = _a.effect;
-    return (0, styled_components_1.css)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n    .reqore-icon {\n      transform: scale(0.85);\n    }\n    &:hover {\n      cursor: pointer;\n      background-color: ", ";\n\n      .reqore-icon {\n        transform: scale(1);\n      }\n    }\n  "], ["\n    .reqore-icon {\n      transform: scale(0.85);\n    }\n    &:hover {\n      cursor: pointer;\n      background-color: ", ";\n\n      .reqore-icon {\n        transform: scale(1);\n      }\n    }\n  "])), color && !(effect === null || effect === void 0 ? void 0 : effect.gradient)
-        ? (0, colors_2.changeLightness)(color, 0.09)
-        : (0, polished_1.rgba)('#000000', 0.2));
+    var color = _a.color, effect = _a.effect, $appearanceColors = _a.$appearanceColors;
+    return (0, styled_components_1.css)(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n    .reqore-icon {\n      transform: scale(0.85);\n    }\n    &:hover {\n      cursor: pointer;\n      background-color: ", ";\n\n      .reqore-icon {\n        transform: scale(1);\n      }\n    }\n  "], ["\n    .reqore-icon {\n      transform: scale(0.85);\n    }\n    &:hover {\n      cursor: pointer;\n      background-color: ", ";\n\n      .reqore-icon {\n        transform: scale(1);\n      }\n    }\n  "])), $appearanceColors
+        ? $appearanceColors.buttonHoverBackground
+        : color && !(effect === null || effect === void 0 ? void 0 : effect.gradient)
+            ? (0, colors_2.changeLightness)(color, 0.09)
+            : (0, polished_1.rgba)('#000000', 0.2));
 });
 var ReqoreTag = (0, react_1.forwardRef)(function (_a, ref) {
-    var tooltip = _a.tooltip, label = _a.label, labelKey = _a.labelKey, icon = _a.icon, rightIcon = _a.rightIcon, className = _a.className, onClick = _a.onClick, _b = _a.size, size = _b === void 0 ? 'normal' : _b, paddingSize = _a.paddingSize, onRemoveClick = _a.onRemoveClick, actions = _a.actions, asBadge = _a.asBadge, intent = _a.intent, color = _a.color, minimal = _a.minimal, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, _c = _a.wrap, wrap = _c === void 0 ? false : _c, width = _a.width, maxWidth = _a.maxWidth, _d = _a.truncate, truncate = _d === void 0 ? 'end' : _d, leftIconColor = _a.leftIconColor, rightIconColor = _a.rightIconColor, iconColor = _a.iconColor, _e = _a.labelKeyAlign, labelKeyAlign = _e === void 0 ? 'left' : _e, labelAlign = _a.labelAlign, labelEffect = _a.labelEffect, labelKeyEffect = _a.labelKeyEffect, leftIconProps = _a.leftIconProps, rightIconProps = _a.rightIconProps, loading = _a.loading, loadingIconType = _a.loadingIconType, compact = _a.compact, readOnly = _a.readOnly, _f = _a.removeTooltip, removeTooltip = _f === void 0 ? 'Remove' : _f, rest = __rest(_a, ["tooltip", "label", "labelKey", "icon", "rightIcon", "className", "onClick", "size", "paddingSize", "onRemoveClick", "actions", "asBadge", "intent", "color", "minimal", "customTheme", "inheritCustomTheme", "wrap", "width", "maxWidth", "truncate", "leftIconColor", "rightIconColor", "iconColor", "labelKeyAlign", "labelAlign", "labelEffect", "labelKeyEffect", "leftIconProps", "rightIconProps", "loading", "loadingIconType", "compact", "readOnly", "removeTooltip"]);
+    var _b, _c;
+    var tooltip = _a.tooltip, label = _a.label, labelKey = _a.labelKey, icon = _a.icon, rightIcon = _a.rightIcon, className = _a.className, onClick = _a.onClick, _d = _a.size, size = _d === void 0 ? 'normal' : _d, paddingSize = _a.paddingSize, onRemoveClick = _a.onRemoveClick, actions = _a.actions, asBadge = _a.asBadge, intent = _a.intent, color = _a.color, minimal = _a.minimal, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, _e = _a.wrap, wrap = _e === void 0 ? false : _e, width = _a.width, maxWidth = _a.maxWidth, _f = _a.truncate, truncate = _f === void 0 ? 'end' : _f, leftIconColor = _a.leftIconColor, rightIconColor = _a.rightIconColor, iconColor = _a.iconColor, _g = _a.labelKeyAlign, labelKeyAlign = _g === void 0 ? 'left' : _g, labelAlign = _a.labelAlign, labelEffect = _a.labelEffect, labelKeyEffect = _a.labelKeyEffect, leftIconProps = _a.leftIconProps, rightIconProps = _a.rightIconProps, loading = _a.loading, loadingIconType = _a.loadingIconType, compact = _a.compact, readOnly = _a.readOnly, _h = _a.removeTooltip, removeTooltip = _h === void 0 ? 'Remove' : _h, _j = _a.appearance, appearance = _j === void 0 ? 'solid' : _j, rest = __rest(_a, ["tooltip", "label", "labelKey", "icon", "rightIcon", "className", "onClick", "size", "paddingSize", "onRemoveClick", "actions", "asBadge", "intent", "color", "minimal", "customTheme", "inheritCustomTheme", "wrap", "width", "maxWidth", "truncate", "leftIconColor", "rightIconColor", "iconColor", "labelKeyAlign", "labelAlign", "labelEffect", "labelKeyEffect", "leftIconProps", "rightIconProps", "loading", "loadingIconType", "compact", "readOnly", "removeTooltip", "appearance"]);
     var theme = (0, __1.useReqoreTheme)('main', customTheme, undefined, undefined, inheritCustomTheme);
     // If color or intent was specified, set the color
     var getCustomColor = (0, react_1.useCallback)(function (itemIntent) {
@@ -313,11 +363,25 @@ var ReqoreTag = (0, react_1.forwardRef)(function (_a, ref) {
        hover either — but it stays clickable, exactly as `readOnly` does on a
        button, because refusing the CHANGE is the picker's job and not the tag's. */
     var interactive = !!onClick && !rest.disabled && !readOnly;
+    var tagColor = getCustomColor(intent);
+    /* A soft or text tag with no intent and no colour takes its colour from
+       effect.color, the one other place a caller can name one. */
+    var appearanceColor = tagColor ||
+        (((_b = rest.effect) === null || _b === void 0 ? void 0 : _b.color) ? (0, colors_2.getColorFromMaybeString)(theme, rest.effect.color) : undefined);
+    var appearanceColors = (0, react_1.useMemo)(function () {
+        return appearance === 'soft' || appearance === 'text'
+            ? (0, exports.getTagAppearanceColors)(theme, appearance, appearanceColor)
+            : undefined;
+    }, [appearance, theme, appearanceColor]);
+    /* When effect.color IS the soft / text tag's colour, it has been turned into a
+       readable shade already — left in the effect it would repaint the label in the
+       raw colour, which is what the appearance exists to avoid. */
+    var effectColorIsTagColor = !!appearanceColors && !tagColor && !!((_c = rest.effect) === null || _c === void 0 ? void 0 : _c.color);
     var effect = (0, react_1.useMemo)(function () {
         var _a;
-        return (__assign(__assign({}, rest.effect), { gradient: intent ? undefined : (_a = rest.effect) === null || _a === void 0 ? void 0 : _a.gradient, interactive: interactive }));
-    }, [intent, interactive, JSON.stringify(rest.effect)]);
-    return ((0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, rest, { Component: exports.StyledTag, tooltip: tooltip, theme: theme, effect: effect, width: width, "$maxWidth": maxWidth, labelKey: labelKey, color: getCustomColor(intent), className: "".concat(className || '', " reqore-tag"), size: size, ref: ref, asBadge: asBadge, minimal: minimal, removable: !!onRemoveClick, interactive: interactive, "$readOnly": readOnly, 
+        return (__assign(__assign(__assign({}, rest.effect), (effectColorIsTagColor ? { color: undefined } : {})), { gradient: intent ? undefined : (_a = rest.effect) === null || _a === void 0 ? void 0 : _a.gradient, interactive: interactive }));
+    }, [intent, interactive, effectColorIsTagColor, JSON.stringify(rest.effect)]);
+    return ((0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, rest, { Component: exports.StyledTag, tooltip: tooltip, theme: theme, effect: effect, width: width, "$maxWidth": maxWidth, labelKey: labelKey, color: tagColor, "$appearance": appearanceColors ? appearance : undefined, "$appearanceColors": appearanceColors, className: "".concat(className || '', " reqore-tag"), size: size, ref: ref, asBadge: asBadge, minimal: minimal, removable: !!onRemoveClick, interactive: interactive, "$readOnly": readOnly, 
         /* `interactive`, not `onClick`, decides the tab stop. A read-only tag
            keeps its handler — refusing the CHANGE is the picker's job, not the
            tag's — but it has stopped advertising itself as something to press,
@@ -333,7 +397,7 @@ var ReqoreTag = (0, react_1.forwardRef)(function (_a, ref) {
                     .filter(function (action) { return action.show !== false; })
                     .map(function (_a, index) {
                     var intent = _a.intent, onClick = _a.onClick, icon = _a.icon, tooltip = _a.tooltip, className = _a.className, action = __rest(_a, ["intent", "onClick", "icon", "tooltip", "className"]);
-                    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ component: StyledButtonWrapper, componentProps: __assign(__assign({ size: size, color: getCustomColor(intent), onClick: onClick, effect: rest.effect }, action), { 
+                    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ component: StyledButtonWrapper, componentProps: __assign(__assign({ size: size, color: getCustomColor(intent), onClick: onClick, effect: rest.effect, $appearanceColors: appearanceColors }, action), { 
                                 // MERGED, not replaced, and after the spread: a consumer
                                 // passing `className` used to clobber `reqore-tag-action`
                                 // and `reqore-tag-action-hidden`, so a `show: 'hover'`
@@ -352,8 +416,9 @@ var ReqoreTag = (0, react_1.forwardRef)(function (_a, ref) {
                     className: 'reqore-tag-remove',
                     onClick: onRemoveClick,
                     effect: rest.effect,
+                    $appearanceColors: appearanceColors,
                 }, isReqoreComponent: true, content: removeTooltip, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { icon: 'CloseLine', size: size }) })) : null] })));
 });
 exports.default = ReqoreTag;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32;
 //# sourceMappingURL=index.js.map

package/dist/components/Tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"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"}

package/dist/helpers/colors.d.ts

@@ -16,6 +16,24 @@ export declare const shouldDarken: (mainColor: TReqoreMultiTypeColor) => boolean
 export declare const getMainColor: (theme: IReqoreTheme, component: string) => TReqoreHexColor;
 export declare const changeLightness: (color: TReqoreHexColor, lightness?: number) => TReqoreHexColor;
 export declare const changeDarkness: (color: TReqoreHexColor, lightness?: number) => TReqoreHexColor;
+/**
+ * The colour without its alpha channel, as a six-digit hex: `#e6e6e630` → `#e6e6e6`,
+ * `rgba(10, 102, 64, 0.5)` → `#0a6640`. For colour maths that needs the hue a colour
+ * is drawn in rather than how faintly it is drawn (Reqore's muted intent, for one, is
+ * an eight-digit hex).
+ */
+export declare const getOpaqueColor: (color: TReqoreMultiTypeColor) => TReqoreHexColor;
+/**
+ * `color`, pushed lighter (on a dark background) or darker (on a light one) until it
+ * reads as TEXT on `background` — the WCAG contrast ratio reaches `minContrast`.
+ *
+ * Unlike `getReadableColorFrom`, which answers black or white, this keeps the hue: a
+ * green stays green, only a shade that can be read. It is what an outlined or
+ * text-only status label needs, where the colour itself has to carry the text. A
+ * colour that already reads is returned unchanged; one that cannot reach the ratio
+ * ends at white or black, which always can.
+ */
+export declare const getReadableAccentColor: (color: TReqoreMultiTypeColor, background: TReqoreMultiTypeColor, minContrast?: number) => TReqoreHexColor;
 export declare const getColorByBgColor: (bgColor: any) => "#000000" | "#ffffff" | "";
 export declare const isValidSixCharHex: (hex: string) => boolean;
 export declare const buildTheme: (theme: IReqoreTheme) => IReqoreTheme;