@cfx-dev/ui-components 4.5.14 → 4.5.16

package/dist/components/IconBig/IconBig.js

@@ -7,6 +7,7 @@ import "../Icons/cfx-icons/DownChevron.js";
 import "../Icons/cfx-icons/Download.js";
 import "../Icons/cfx-icons/Expand.js";
 import "../Icons/cfx-icons/ExternalLink.js";
+import "../Icons/cfx-icons/Filter.js";
 import "../Icons/cfx-icons/Heart.js";
 import "../Icons/cfx-icons/HeartFilled.js";
 import "../Icons/cfx-icons/Help.js";
@@ -56,7 +57,7 @@ const z = "cfxui__IconBig__root__f259a", i = {
   "size-normal": "cfxui__IconBig__size-normal__6ab6d",
   "size-large": "cfxui__IconBig__size-large__753d2"
 };
-function Io(o) {
+function Bo(o) {
   const {
     as: r = "div",
     size: m = "normal",
@@ -73,5 +74,5 @@ function Io(o) {
   return /* @__PURE__ */ t(r, { ref: n, style: e, className: _, children: /* @__PURE__ */ t(a, {}) });
 }
 export {
-  Io as IconBig
+  Bo as IconBig
 };

package/dist/components/Icons/IconsShowcase.js

@@ -1,5 +1,5 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { I as s } from "../../cfxIcons-B9nzO6TW.js";
+import { I as s } from "../../cfxIcons-B4SQ4Ljd.js";
 import { I as c } from "../../cfxIconsBig-BLJjMT-Y.js";
 function d() {
   const l = Object.entries(s).map(([i, t]) => ({

package/dist/components/Icons/cfx-icons/Filter.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare function Filter(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Filter>;
+export default _default;

package/dist/components/Icons/cfx-icons/Filter.js

@@ -0,0 +1,23 @@
+import { jsx as L } from "react/jsx-runtime";
+import t from "react";
+function r(C) {
+  return /* @__PURE__ */ L(
+    "svg",
+    {
+      viewBox: "0 0 16 16",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...C,
+      children: /* @__PURE__ */ L(
+        "path",
+        {
+          d: "M5.10059 2.75049C4.68314 2.75049 4.49263 3.04698 4.44141 3.13232C4.34409 3.29452 4.24749 3.6495 4.5127 3.96338L4.51172 3.96533L7.55176 7.71533L7.55859 7.72314C7.58931 7.75949 7.61026 7.81367 7.61035 7.86963V11.8296C7.61035 12.1307 7.79031 12.3983 8.05762 12.5171L8.05957 12.5181L8.7002 12.7983L9.40039 13.105V7.88037C9.40039 7.82424 9.42133 7.76934 9.45215 7.73291L9.45898 7.7251L12.498 3.97412C12.6116 3.83456 12.6699 3.67251 12.6699 3.50732C12.6699 3.39084 12.6419 3.29111 12.6064 3.21338L12.5693 3.14307L12.5029 3.04736C12.4084 2.92777 12.2235 2.76025 11.9102 2.76025H5.60059V2.75049H5.10059ZM7.11035 7.98291L6.99902 7.84521L4.12891 4.30518C3.82147 3.92624 3.76376 3.42241 3.97168 2.98486C4.15353 2.60236 4.5096 2.34183 4.9209 2.28271L5.10059 2.27002H11.9102C12.3995 2.27002 12.8308 2.5409 13.0371 2.98193L13.0391 2.98486C13.248 3.42457 13.1872 3.93559 12.8848 4.30127L12.8818 4.30518L10.0117 7.84521L9.90039 7.98291V13.5005C9.90022 13.5802 9.85643 13.6655 9.7832 13.7144C9.76756 13.7248 9.74498 13.7331 9.71973 13.7397H9.65039C9.61876 13.7397 9.58068 13.7335 9.53516 13.7153L7.8584 12.9907C7.40145 12.7897 7.11038 12.3402 7.11035 11.8501V7.98291Z"
+        }
+      )
+    }
+  );
+}
+const l = t.memo(r);
+export {
+  l as default
+};

package/dist/components/Icons/cfxIcons.d.ts

@@ -6,6 +6,7 @@ export { default as DownChevron } from './cfx-icons/DownChevron';
 export { default as Download } from './cfx-icons/Download';
 export { default as Expand } from './cfx-icons/Expand';
 export { default as ExternalLink } from './cfx-icons/ExternalLink';
+export { default as Filter } from './cfx-icons/Filter';
 export { default as Heart } from './cfx-icons/Heart';
 export { default as HeartFilled } from './cfx-icons/HeartFilled';
 export { default as Help } from './cfx-icons/Help';

package/dist/components/Icons/cfxIcons.js

@@ -1,94 +1,96 @@
 import { default as o } from "./cfx-icons/Close.js";
-import { default as t } from "./cfx-icons/Controller.js";
+import { default as a } from "./cfx-icons/Controller.js";
 import { default as l } from "./cfx-icons/Copy.js";
 import { default as p } from "./cfx-icons/DownArrow.js";
 import { default as u } from "./cfx-icons/DownChevron.js";
 import { default as m } from "./cfx-icons/Download.js";
 import { default as n } from "./cfx-icons/Expand.js";
 import { default as C } from "./cfx-icons/ExternalLink.js";
-import { default as w } from "./cfx-icons/Heart.js";
-import { default as c } from "./cfx-icons/HeartFilled.js";
-import { default as R } from "./cfx-icons/Help.js";
-import { default as g } from "./cfx-icons/LeftArrow.js";
-import { default as A } from "./cfx-icons/LeftChevron.js";
-import { default as D } from "./cfx-icons/Map.js";
-import { default as L } from "./cfx-icons/Menu.js";
-import { default as T } from "./cfx-icons/Minus.js";
-import { default as b } from "./cfx-icons/More.js";
-import { default as E } from "./cfx-icons/MoreInfo.js";
-import { default as F } from "./cfx-icons/Pencil.js";
-import { default as O } from "./cfx-icons/Play.js";
-import { default as j } from "./cfx-icons/Plus.js";
-import { default as G } from "./cfx-icons/Radio.js";
-import { default as K } from "./cfx-icons/Refresh.js";
-import { default as Q } from "./cfx-icons/RightArrow.js";
-import { default as Y } from "./cfx-icons/RightChevron.js";
-import { default as _ } from "./cfx-icons/Search.js";
-import { default as rr } from "./cfx-icons/Sort.js";
-import { default as or } from "./cfx-icons/Square.js";
-import { default as tr } from "./cfx-icons/SquareCheck.js";
-import { default as lr } from "./cfx-icons/Stop.js";
-import { default as pr } from "./cfx-icons/Tick.js";
-import { default as ur } from "./cfx-icons/Transfer.js";
-import { default as mr } from "./cfx-icons/Trash.js";
-import { default as nr } from "./cfx-icons/Undo.js";
-import { default as Cr } from "./cfx-icons/UpArrow.js";
-import { default as wr } from "./cfx-icons/UpChevron.js";
-import { default as cr } from "./cfx-icons/Upload.js";
-import { default as Rr } from "./cfx-icons/Users.js";
-import { default as gr } from "./cfx-icons/Visibility.js";
-import { default as Ar } from "./cfx-icons/VisibilityOff.js";
-import { default as Dr } from "./cfx-icons/Warning.js";
-import { default as Lr } from "./cfx-icons/Cart.js";
-import { default as Tr } from "./cfx-icons/User.js";
-import { default as br } from "./cfx-icons/Verified.js";
-import { default as Er } from "./cfx-icons/UpvotesBurst.js";
-import { default as Fr } from "./cfx-icons/UpvotesRecurring.js";
+import { default as w } from "./cfx-icons/Filter.js";
+import { default as c } from "./cfx-icons/Heart.js";
+import { default as R } from "./cfx-icons/HeartFilled.js";
+import { default as g } from "./cfx-icons/Help.js";
+import { default as A } from "./cfx-icons/LeftArrow.js";
+import { default as D } from "./cfx-icons/LeftChevron.js";
+import { default as L } from "./cfx-icons/Map.js";
+import { default as T } from "./cfx-icons/Menu.js";
+import { default as b } from "./cfx-icons/Minus.js";
+import { default as E } from "./cfx-icons/More.js";
+import { default as B } from "./cfx-icons/MoreInfo.js";
+import { default as O } from "./cfx-icons/Pencil.js";
+import { default as j } from "./cfx-icons/Play.js";
+import { default as G } from "./cfx-icons/Plus.js";
+import { default as K } from "./cfx-icons/Radio.js";
+import { default as Q } from "./cfx-icons/Refresh.js";
+import { default as Y } from "./cfx-icons/RightArrow.js";
+import { default as _ } from "./cfx-icons/RightChevron.js";
+import { default as rr } from "./cfx-icons/Search.js";
+import { default as or } from "./cfx-icons/Sort.js";
+import { default as ar } from "./cfx-icons/Square.js";
+import { default as lr } from "./cfx-icons/SquareCheck.js";
+import { default as pr } from "./cfx-icons/Stop.js";
+import { default as ur } from "./cfx-icons/Tick.js";
+import { default as mr } from "./cfx-icons/Transfer.js";
+import { default as nr } from "./cfx-icons/Trash.js";
+import { default as Cr } from "./cfx-icons/Undo.js";
+import { default as wr } from "./cfx-icons/UpArrow.js";
+import { default as cr } from "./cfx-icons/UpChevron.js";
+import { default as Rr } from "./cfx-icons/Upload.js";
+import { default as gr } from "./cfx-icons/Users.js";
+import { default as Ar } from "./cfx-icons/Visibility.js";
+import { default as Dr } from "./cfx-icons/VisibilityOff.js";
+import { default as Lr } from "./cfx-icons/Warning.js";
+import { default as Tr } from "./cfx-icons/Cart.js";
+import { default as br } from "./cfx-icons/User.js";
+import { default as Er } from "./cfx-icons/Verified.js";
+import { default as Br } from "./cfx-icons/UpvotesBurst.js";
+import { default as Or } from "./cfx-icons/UpvotesRecurring.js";
 export {
-  Lr as Cart,
+  Tr as Cart,
   o as Close,
-  t as Controller,
+  a as Controller,
   l as Copy,
   p as DownArrow,
   u as DownChevron,
   m as Download,
   n as Expand,
   C as ExternalLink,
-  w as Heart,
-  c as HeartFilled,
-  R as Help,
-  g as LeftArrow,
-  A as LeftChevron,
-  D as Map,
-  L as Menu,
-  T as Minus,
-  b as More,
-  E as MoreInfo,
-  F as Pencil,
-  O as Play,
-  j as Plus,
-  G as Radio,
-  K as Refresh,
-  Q as RightArrow,
-  Y as RightChevron,
-  _ as Search,
-  rr as Sort,
-  or as Square,
-  tr as SquareCheck,
-  lr as Stop,
-  pr as Tick,
-  ur as Transfer,
-  mr as Trash,
-  nr as Undo,
-  Cr as UpArrow,
-  wr as UpChevron,
-  cr as Upload,
-  Er as UpvotesBurst,
-  Fr as UpvotesRecurring,
-  Tr as User,
-  Rr as Users,
-  br as Verified,
-  gr as Visibility,
-  Ar as VisibilityOff,
-  Dr as Warning
+  w as Filter,
+  c as Heart,
+  R as HeartFilled,
+  g as Help,
+  A as LeftArrow,
+  D as LeftChevron,
+  L as Map,
+  T as Menu,
+  b as Minus,
+  E as More,
+  B as MoreInfo,
+  O as Pencil,
+  j as Play,
+  G as Plus,
+  K as Radio,
+  Q as Refresh,
+  Y as RightArrow,
+  _ as RightChevron,
+  rr as Search,
+  or as Sort,
+  ar as Square,
+  lr as SquareCheck,
+  pr as Stop,
+  ur as Tick,
+  mr as Transfer,
+  nr as Trash,
+  Cr as Undo,
+  wr as UpArrow,
+  cr as UpChevron,
+  Rr as Upload,
+  Br as UpvotesBurst,
+  Or as UpvotesRecurring,
+  br as User,
+  gr as Users,
+  Er as Verified,
+  Ar as Visibility,
+  Dr as VisibilityOff,
+  Lr as Warning
 };

package/dist/components/Icons/index.js

@@ -1,4 +1,4 @@
-import { I as s } from "../../cfxIcons-B9nzO6TW.js";
+import { I as s } from "../../cfxIcons-B4SQ4Ljd.js";
 import { I as a } from "../../cfxIconsBig-BLJjMT-Y.js";
 export {
   s as Icons,

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

@@ -9,7 +9,7 @@ export type TextWeight = 'thin' | 'normal' | 'bold' | 'bolder';
 export type TextSpecificOpacity = '0' | '25' | '50' | '75' | '100';
 export type TextOpacity = TextSpecificOpacity | OpacityRange;
 export type TextAs = 'span' | 'div' | 'p' | 'label' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-export type TextLetterSpacing = 'normal' | 'large';
+export type TextLetterSpacing = 'normal' | 'large' | 'xlarge';
 export type TextFamaly = 'primary' | 'secondary';
 interface TextPropsBase {
     as?: TextAs;

package/dist/main.js

@@ -41,7 +41,7 @@ import { default as ue } from "./components/Decorate/Decorate.js";
 import { Dot as ie } from "./components/Dot/Dot.js";
 import { FLYOUT_OUTLET_ID as ce, Flyout as Te } from "./components/Flyout/Flyout.js";
 import { Logos as Ce } from "./components/Logos/index.js";
-import { I as ge } from "./cfxIcons-B9nzO6TW.js";
+import { I as ge } from "./cfxIcons-B4SQ4Ljd.js";
 import { I as Be } from "./cfxIconsBig-BLJjMT-Y.js";
 import { Icon as Se } from "./components/Icon/Icon.js";
 import { IconBig as De } from "./components/IconBig/IconBig.js";

package/dist/styles-scss/_ui.scss

@@ -69,6 +69,10 @@
   letter-spacing: var(--letter-spacing-#{$size});
 }
 
+@function letter-spacing($size: 'normal') {
+  @return var(--letter-spacing-#{$size});
+}
+
 @mixin line-height($size: 'normal') {
   line-height: var(--line-height-#{$size});
 }
@@ -414,6 +418,7 @@ $controlHeightsMap: (
   'normal': q(6),
   'large': q(7),
   'xlarge': q(10),
+  'xxlarge': q(12.5),
 );
 $borderRadiusMap: (
   'none': 0px,

package/dist/styles-scss/tokens.scss

@@ -60,6 +60,7 @@
   @include ui.def('font-weight-boldest', 900);
   @include ui.def('letter-spacing-normal', -0.025em);
   @include ui.def('letter-spacing-large', 0);
+  @include ui.def('letter-spacing-xlarge', 1px);
   @include ui.def('font-family-primary', 'HelveticaNowText');
   @include ui.def('font-family-secondary', 'HelveticaNowDisplay');
   @include ui.define-color-token('text', ui.color('primary', 'pure'));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cfx-dev/ui-components",
   "private": false,
-  "version": "4.5.14",
+  "version": "4.5.16",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",

package/dist/cfxIcons-B9nzO6TW.js

@@ -1,98 +0,0 @@
-import r from "./components/Icons/cfx-icons/Close.js";
-import o from "./components/Icons/cfx-icons/Controller.js";
-import m from "./components/Icons/cfx-icons/Copy.js";
-import t from "./components/Icons/cfx-icons/DownArrow.js";
-import i from "./components/Icons/cfx-icons/DownChevron.js";
-import p from "./components/Icons/cfx-icons/Download.js";
-import f from "./components/Icons/cfx-icons/Expand.js";
-import e from "./components/Icons/cfx-icons/ExternalLink.js";
-import n from "./components/Icons/cfx-icons/Heart.js";
-import a from "./components/Icons/cfx-icons/HeartFilled.js";
-import l from "./components/Icons/cfx-icons/Help.js";
-import s from "./components/Icons/cfx-icons/LeftArrow.js";
-import h from "./components/Icons/cfx-icons/LeftChevron.js";
-import u from "./components/Icons/cfx-icons/Map.js";
-import c from "./components/Icons/cfx-icons/Menu.js";
-import d from "./components/Icons/cfx-icons/Minus.js";
-import C from "./components/Icons/cfx-icons/More.js";
-import U from "./components/Icons/cfx-icons/MoreInfo.js";
-import v from "./components/Icons/cfx-icons/Pencil.js";
-import w from "./components/Icons/cfx-icons/Play.js";
-import S from "./components/Icons/cfx-icons/Plus.js";
-import g from "./components/Icons/cfx-icons/Radio.js";
-import y from "./components/Icons/cfx-icons/Refresh.js";
-import M from "./components/Icons/cfx-icons/RightArrow.js";
-import b from "./components/Icons/cfx-icons/RightChevron.js";
-import R from "./components/Icons/cfx-icons/Search.js";
-import A from "./components/Icons/cfx-icons/Sort.js";
-import P from "./components/Icons/cfx-icons/Square.js";
-import T from "./components/Icons/cfx-icons/SquareCheck.js";
-import _ from "./components/Icons/cfx-icons/Stop.js";
-import k from "./components/Icons/cfx-icons/Tick.js";
-import x from "./components/Icons/cfx-icons/Transfer.js";
-import D from "./components/Icons/cfx-icons/Trash.js";
-import H from "./components/Icons/cfx-icons/Undo.js";
-import I from "./components/Icons/cfx-icons/UpArrow.js";
-import L from "./components/Icons/cfx-icons/UpChevron.js";
-import O from "./components/Icons/cfx-icons/Upload.js";
-import V from "./components/Icons/cfx-icons/Users.js";
-import j from "./components/Icons/cfx-icons/Visibility.js";
-import q from "./components/Icons/cfx-icons/VisibilityOff.js";
-import E from "./components/Icons/cfx-icons/Warning.js";
-import z from "./components/Icons/cfx-icons/Cart.js";
-import B from "./components/Icons/cfx-icons/User.js";
-import F from "./components/Icons/cfx-icons/Verified.js";
-import W from "./components/Icons/cfx-icons/UpvotesBurst.js";
-import G from "./components/Icons/cfx-icons/UpvotesRecurring.js";
-const jr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Cart: z,
-  Close: r,
-  Controller: o,
-  Copy: m,
-  DownArrow: t,
-  DownChevron: i,
-  Download: p,
-  Expand: f,
-  ExternalLink: e,
-  Heart: n,
-  HeartFilled: a,
-  Help: l,
-  LeftArrow: s,
-  LeftChevron: h,
-  Map: u,
-  Menu: c,
-  Minus: d,
-  More: C,
-  MoreInfo: U,
-  Pencil: v,
-  Play: w,
-  Plus: S,
-  Radio: g,
-  Refresh: y,
-  RightArrow: M,
-  RightChevron: b,
-  Search: R,
-  Sort: A,
-  Square: P,
-  SquareCheck: T,
-  Stop: _,
-  Tick: k,
-  Transfer: x,
-  Trash: D,
-  Undo: H,
-  UpArrow: I,
-  UpChevron: L,
-  Upload: O,
-  UpvotesBurst: W,
-  UpvotesRecurring: G,
-  User: B,
-  Users: V,
-  Verified: F,
-  Visibility: j,
-  VisibilityOff: q,
-  Warning: E
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  jr as I
-};