@fluidattacks/design 6.4.0 → 6.6.0

package/dist/components/tag/types.d.ts

@@ -7,11 +7,16 @@ type TTagPriority = "default" | "high" | "low" | "medium";
  * @extends IIconModifiable
  * @extends HTMLAttributes<HTMLSpanElement>
  * @property { boolean } [disabled] - Whether the tag is disabled.
+ * @property { boolean } [dot] - Whether to render a status dot before the label.
  * @property { string } [filterValues] - The filter values for the tag.
  * @property { string } [fontSize] - The font size for the tag.
  * @property { string } [href] - The href for the tag.
  * @property { string } [linkLabel] - The link label for the tag.
  * @property { Function } [onClose] - Function handler for close button click.
+ * @property { boolean } [selected] - Controlled selected state for Selectable tags.
+ *   When boolean together with onBodyClick, applies Selectable visuals (outline / filled).
+ *   Without onBodyClick the value is ignored for chrome. Omit on filter chips that only
+ *   use onBodyClick for focus.
  * @property { string } [tagTitle] - The title for the tag.
  * @property { string } [tagLabel] - The label for the tag.
  * @property { boolean } [truncate] - Whether the tag should truncate its content.
@@ -20,6 +25,7 @@ type TTagPriority = "default" | "high" | "low" | "medium";
  */
 interface ITagProps extends Partial<Pick<IIconModifiable, "icon" | "iconColor" | "iconType">>, React.HTMLAttributes<HTMLSpanElement> {
     disabled?: boolean;
+    dot?: boolean;
     filterValues?: string;
     filterId?: string;
     fontSize?: string;
@@ -27,6 +33,7 @@ interface ITagProps extends Partial<Pick<IIconModifiable, "icon" | "iconColor" |
     linkLabel?: string;
     onBodyClick?: () => void;
     onClose?: () => void;
+    selected?: boolean;
     tagTitle?: string;
     tagLabel: string;
     truncate?: boolean;

package/dist/components/timeline/card/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { b2 as e } from "../../../components-CPnZ9kPp.mjs";
+import { b2 as e } from "../../../components-By7Vk3lp.mjs";
 export {
   e as TimeLineCard
 };

package/dist/components/timeline/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b1 as o, b2 as a } from "../../components-CPnZ9kPp.mjs";
+import { b1 as o, b2 as a } from "../../components-By7Vk3lp.mjs";
 export {
   o as TimeLine,
   a as TimeLineCard

package/dist/components/toggle/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b3 as t } from "../../components-CPnZ9kPp.mjs";
+import { b3 as t } from "../../components-By7Vk3lp.mjs";
 export {
   t as Toggle
 };

package/dist/components/tooltip/index.js

@@ -3,7 +3,7 @@ import "../../vendor-Drh0tBdw.mjs";
 import "react";
 import "react-dom";
 import "styled-components";
-import { b4 as b } from "../../components-CPnZ9kPp.mjs";
+import { b4 as b } from "../../components-By7Vk3lp.mjs";
 export {
   b as Tooltip
 };

package/dist/components/tour/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../vendor-Drh0tBdw.mjs";
 import "react";
-import { b5 as s, ba as b, bc as e } from "../../components-CPnZ9kPp.mjs";
+import { b5 as s, ba as b, bc as e } from "../../components-By7Vk3lp.mjs";
 export {
   s as Tour,
   b as baseStep,

package/dist/components/tree/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "styled-components";
-import { b6 as e } from "../../components-CPnZ9kPp.mjs";
+import { b6 as e } from "../../components-By7Vk3lp.mjs";
 export {
   e as Tree
 };

package/dist/components/truncated-list/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b7 as m } from "../../components-CPnZ9kPp.mjs";
+import { b7 as m } from "../../components-By7Vk3lp.mjs";
 export {
   m as TruncatedList
 };

package/dist/components/typography/heading/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { V as p } from "../../../components-CPnZ9kPp.mjs";
+import { V as p } from "../../../components-By7Vk3lp.mjs";
 export {
   p as Heading
 };

package/dist/components/typography/index.js

@@ -1,4 +1,4 @@
-import { V as s, aR as n, a_ as o } from "../../components-CPnZ9kPp.mjs";
+import { V as s, aR as n, a_ as o } from "../../components-By7Vk3lp.mjs";
 export {
   s as Heading,
   n as Span,

package/dist/components/typography/span/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { aR as m } from "../../../components-CPnZ9kPp.mjs";
+import { aR as m } from "../../../components-By7Vk3lp.mjs";
 export {
   m as Span
 };

package/dist/components/typography/styles.d.ts

@@ -15,6 +15,7 @@ interface IStyledTextProps {
     $sizeMd?: TTextProps["sizeMd"];
     $sizeSm?: TTextProps["sizeSm"];
     $textFill?: TTextProps["textFill"];
+    $textTransform?: TTextProps["textTransform"];
     $whiteSpace?: TTextProps["whiteSpace"];
     $wordBreak?: TTextProps["wordBreak"];
 }

package/dist/components/typography/text/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { a_ as p } from "../../../components-CPnZ9kPp.mjs";
+import { a_ as p } from "../../../components-By7Vk3lp.mjs";
 export {
   p as Text
 };

package/dist/components/weaknesses-card/index.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../vendor-Drh0tBdw.mjs";
 import "react";
 import "styled-components";
-import { b8 as i } from "../../components-CPnZ9kPp.mjs";
+import { b8 as i } from "../../components-By7Vk3lp.mjs";
 export {
   i as WeaknessesCard
 };