@cfx-dev/ui-components 5.0.24 → 5.0.25

package/dist/{BurgerMenu.module-DzFXW4p3.js → BurgerMenu.module-DA0ojIYf.js}

@@ -1,11 +1,12 @@
-const e = "cfxui__BurgerMenu__burgerButton__cc9ab", n = "cfxui__BurgerMenu__burgerLine__886ad", r = "cfxui__BurgerMenu__burgerLineOpen__af602", u = "cfxui__BurgerMenu__burgerMenuContentContainer__2fb6f", _ = "cfxui__BurgerMenu__subItemContainer__0d64a", t = "cfxui__BurgerMenu__subItemContainerOpen__5491d", o = {
+const e = "cfxui__BurgerMenu__burgerButton__cc9ab", n = "cfxui__BurgerMenu__burgerLine__886ad", r = "cfxui__BurgerMenu__burgerLineOpen__af602", u = "cfxui__BurgerMenu__burgerMenuContentContainer__2fb6f", _ = "cfxui__BurgerMenu__subItemContainer__0d64a", t = "cfxui__BurgerMenu__subItemContainerOpen__5491d", o = "cfxui__BurgerMenu__showHighlightBorder__aa462", i = {
   burgerButton: e,
   burgerLine: n,
   burgerLineOpen: r,
   burgerMenuContentContainer: u,
   subItemContainer: _,
-  subItemContainerOpen: t
+  subItemContainerOpen: t,
+  showHighlightBorder: o
 };
 export {
-  o as s
+  i as s
 };

package/dist/assets/css/Badge.css

@@ -1 +1 @@
-.cfxui__Badge__root__73dcc{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--quant) * .5);padding:calc(var(--quant) * .75) var(--quant) calc(var(--quant) * .75) var(--quant);text-transform:uppercase;font-size:var(--font-size-xxsmall);font-weight:var(--font-weight-bold);border:none;border-radius:var(--border-radius-medium);color:var(--badge-color);background-color:var(--badge-bg-color)}.cfxui__Badge__root__73dcc.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--badge-bg-hover-color)}.cfxui__Badge__root__73dcc.cfxui__Badge__success__b5ae3{color:var(--color-badge-success-text);background-color:var(--color-badge-success-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__success__b5ae3.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--color-badge-success-background-hover)}.cfxui__Badge__root__73dcc.cfxui__Badge__neutral__6ac4e{color:var(--color-badge-neutral-text);background-color:var(--color-badge-neutral-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__neutral__6ac4e.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--color-badge-warning-background-hover)}.cfxui__Badge__root__73dcc.cfxui__Badge__warning__72699{color:var(--color-badge-warning-text);background-color:var(--color-badge-warning-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__warning__72699.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--color-badge-warning-background-hover)}.cfxui__Badge__root__73dcc.cfxui__Badge__error__7e5f9{color:var(--color-badge-error-text);background-color:var(--color-badge-error-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__error__7e5f9.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--color-badge-error-background-hover)}.cfxui__Badge__root__73dcc.cfxui__Badge__small__a1a55{padding:calc(var(--quant) * .25) var(--quant)}
+.cfxui__Badge__root__73dcc{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--quant) * .5);padding:calc(var(--quant) * .75) var(--quant) calc(var(--quant) * .75) var(--quant);text-transform:uppercase;font-size:var(--font-size-xxsmall);font-weight:var(--font-weight-bold);border:none;border-radius:var(--border-radius-medium);color:var(--badge-color);background-color:var(--badge-bg-color)}.cfxui__Badge__root__73dcc.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--badge-bg-hover-color)}.cfxui__Badge__root__73dcc.cfxui__Badge__success__b5ae3{color:var(--color-badge-success-text);background-color:var(--color-badge-success-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__success__b5ae3.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--color-badge-success-background-hover)}.cfxui__Badge__root__73dcc.cfxui__Badge__neutral__6ac4e{color:var(--color-badge-neutral-text);background-color:var(--color-badge-neutral-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__neutral__6ac4e.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--color-badge-warning-background-hover)}.cfxui__Badge__root__73dcc.cfxui__Badge__warning__72699{color:var(--color-badge-warning-text);background-color:var(--color-badge-warning-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__warning__72699.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--color-badge-warning-background-hover)}.cfxui__Badge__root__73dcc.cfxui__Badge__error__7e5f9{color:var(--color-badge-error-text);background-color:var(--color-badge-error-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__error__7e5f9.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--color-badge-error-background-hover)}.cfxui__Badge__root__73dcc.cfxui__Badge__small__a1a55{padding:calc(var(--quant) * .25) var(--quant)}.cfxui__Badge__root__73dcc.cfxui__Badge__small-medium__2a781{padding:calc(var(--quant) * .5) var(--quant)}.cfxui__Badge__root__73dcc.cfxui__Badge__pill__d689d{border-radius:var(--border-radius-large)}

package/dist/assets/css/BurgerMenu.css

@@ -1 +1 @@
-.cfxui__BurgerMenu__burgerButton__cc9ab{--size: calc(var(--quant) * 3.25);width:var(--size);height:var(--size);cursor:pointer}.cfxui__BurgerMenu__burgerButton__cc9ab .cfxui__BurgerMenu__burgerLine__886ad,.cfxui__BurgerMenu__burgerButton__cc9ab .cfxui__BurgerMenu__burgerLineOpen__af602{width:100%;height:calc(var(--quant) * .25);position:relative;background-color:rgba(var(--color-primary),1);border-radius:var(--border-radius-small)}.cfxui__BurgerMenu__burgerButton__cc9ab .cfxui__BurgerMenu__burgerLine__886ad,.cfxui__BurgerMenu__burgerButton__cc9ab .cfxui__BurgerMenu__burgerLineOpen__af602{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__BurgerMenu__burgerButton__cc9ab .cfxui__BurgerMenu__burgerLineOpen__af602:nth-child(1){transform:translateY(calc(var(--size) / 3)) rotate(45deg)}.cfxui__BurgerMenu__burgerButton__cc9ab .cfxui__BurgerMenu__burgerLineOpen__af602:nth-child(1){transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__BurgerMenu__burgerButton__cc9ab .cfxui__BurgerMenu__burgerLineOpen__af602:nth-child(2){opacity:0}.cfxui__BurgerMenu__burgerButton__cc9ab .cfxui__BurgerMenu__burgerLineOpen__af602:nth-child(2){transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__BurgerMenu__burgerButton__cc9ab .cfxui__BurgerMenu__burgerLineOpen__af602:nth-child(3){transform:translateY(calc(var(--size) / 3 * -1)) rotate(-45deg)}.cfxui__BurgerMenu__burgerButton__cc9ab .cfxui__BurgerMenu__burgerLineOpen__af602:nth-child(3){transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__BurgerMenu__burgerMenuContentContainer__2fb6f{background:rgba(var(--color-bg-light),1)}.cfxui__BurgerMenu__subItemContainer__0d64a{background-color:rgba(var(--color-secondary),.25);max-height:0;overflow:hidden}.cfxui__BurgerMenu__subItemContainer__0d64a{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__BurgerMenu__subItemContainerOpen__5491d{max-height:var(--height)}
+.cfxui__BurgerMenu__burgerButton__cc9ab{--size: calc(var(--quant) * 3.25);width:var(--size);height:var(--size);cursor:pointer}.cfxui__BurgerMenu__burgerButton__cc9ab .cfxui__BurgerMenu__burgerLine__886ad,.cfxui__BurgerMenu__burgerButton__cc9ab .cfxui__BurgerMenu__burgerLineOpen__af602{width:100%;height:calc(var(--quant) * .25);position:relative;background-color:rgba(var(--color-primary),1);border-radius:var(--border-radius-small)}.cfxui__BurgerMenu__burgerButton__cc9ab .cfxui__BurgerMenu__burgerLine__886ad,.cfxui__BurgerMenu__burgerButton__cc9ab .cfxui__BurgerMenu__burgerLineOpen__af602{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__BurgerMenu__burgerButton__cc9ab .cfxui__BurgerMenu__burgerLineOpen__af602:nth-child(1){transform:translateY(calc(var(--size) / 3)) rotate(45deg)}.cfxui__BurgerMenu__burgerButton__cc9ab .cfxui__BurgerMenu__burgerLineOpen__af602:nth-child(1){transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__BurgerMenu__burgerButton__cc9ab .cfxui__BurgerMenu__burgerLineOpen__af602:nth-child(2){opacity:0}.cfxui__BurgerMenu__burgerButton__cc9ab .cfxui__BurgerMenu__burgerLineOpen__af602:nth-child(2){transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__BurgerMenu__burgerButton__cc9ab .cfxui__BurgerMenu__burgerLineOpen__af602:nth-child(3){transform:translateY(calc(var(--size) / 3 * -1)) rotate(-45deg)}.cfxui__BurgerMenu__burgerButton__cc9ab .cfxui__BurgerMenu__burgerLineOpen__af602:nth-child(3){transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__BurgerMenu__burgerMenuContentContainer__2fb6f{background:rgba(var(--color-bg-light),1)}.cfxui__BurgerMenu__subItemContainer__0d64a{background-color:rgba(var(--color-secondary),.25);max-height:0;overflow:hidden}.cfxui__BurgerMenu__subItemContainer__0d64a{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__BurgerMenu__subItemContainerOpen__5491d{max-height:var(--height)}.cfxui__BurgerMenu__showHighlightBorder__aa462{border-bottom:calc(var(--quant) * .1875) solid rgba(var(--color-primary),1)}

package/dist/assets/css/InputDropzone.css

@@ -1 +1 @@
-.cfxui__InputDropzone__dropzone__bde8d{text-align:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:calc(var(--quant) * 22.25);padding:var(--spacer-small) var(--spacer-medium) var(--spacer-small) var(--spacer-medium);background-color:rgba(var(--color-bg),1);border:calc(var(--quant) * .25) dashed rgba(var(--color-accent),1);border-radius:var(--border-radius-medium)}.cfxui__InputDropzone__dropzone__bde8d{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__InputDropzone__dropzone__bde8d .cfxui__InputDropzone__text__47997{margin-top:calc(var(--quant) * 2.5)}.cfxui__InputDropzone__dropzone__bde8d .cfxui__InputDropzone__text__47997{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__InputDropzone__dropzone__bde8d.cfxui__InputDropzone__disabled__168e8{cursor:not-allowed;opacity:.5}.cfxui__InputDropzone__dropzone__bde8d:not(.cfxui__InputDropzone__disabled__168e8):hover{background-color:rgba(var(--color-secondary),.2)}.cfxui__InputDropzone__dropzone__bde8d:not(.cfxui__InputDropzone__disabled__168e8):hover .cfxui__InputDropzone__text__47997{margin-top:calc(var(--quant) * 2.5)}.cfxui__InputDropzone__dropzone__bde8d:not(.cfxui__InputDropzone__disabled__168e8):focus-visible,.cfxui__InputDropzone__dropzone__bde8d:not(.cfxui__InputDropzone__disabled__168e8):focus-visible:hover{background-color:rgba(var(--color-secondary),.2);outline-offset:var(--dropzone-focus-border-size, initial);outline:var(--dropzone-focus-border-size, initial) solid var(--color-dropzone-focus-border-color)}.cfxui__InputDropzone__dropzone__bde8d:not(.cfxui__InputDropzone__disabled__168e8).cfxui__InputDropzone__focused__0bbd6,.cfxui__InputDropzone__dropzone__bde8d:not(.cfxui__InputDropzone__disabled__168e8).cfxui__InputDropzone__dragActive__096b2{background-color:rgba(var(--color-secondary),.2)}.cfxui__InputDropzone__dropzone__bde8d:not(.cfxui__InputDropzone__disabled__168e8).cfxui__InputDropzone__focused__0bbd6 .cfxui__InputDropzone__text__47997,.cfxui__InputDropzone__dropzone__bde8d:not(.cfxui__InputDropzone__disabled__168e8).cfxui__InputDropzone__dragActive__096b2 .cfxui__InputDropzone__text__47997{margin-top:calc(var(--quant) * 2.5)}
+.cfxui__InputDropzone__dropzone__bde8d{text-align:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:calc(var(--quant) * 22.25);padding:var(--spacer-small) var(--spacer-medium) var(--spacer-small) var(--spacer-medium);background-color:rgba(var(--color-bg),1);border:calc(var(--quant) * .25) dashed rgba(var(--color-accent),1);border-radius:var(--border-radius-medium)}.cfxui__InputDropzone__dropzone__bde8d{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__InputDropzone__dropzone__bde8d .cfxui__InputDropzone__text__47997{margin-top:calc(var(--quant) * 2.5)}@media (min-width: 1920px){.cfxui__InputDropzone__dropzone__bde8d .cfxui__InputDropzone__text__47997{display:flex;align-items:center;gap:calc(var(--quant) * .5)}}.cfxui__InputDropzone__dropzone__bde8d .cfxui__InputDropzone__text__47997{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__InputDropzone__dropzone__bde8d.cfxui__InputDropzone__disabled__168e8{cursor:not-allowed;opacity:.5}.cfxui__InputDropzone__dropzone__bde8d:not(.cfxui__InputDropzone__disabled__168e8):hover{background-color:rgba(var(--color-secondary),.2)}.cfxui__InputDropzone__dropzone__bde8d:not(.cfxui__InputDropzone__disabled__168e8):hover .cfxui__InputDropzone__text__47997{margin-top:calc(var(--quant) * 2.5)}.cfxui__InputDropzone__dropzone__bde8d:not(.cfxui__InputDropzone__disabled__168e8):focus-visible,.cfxui__InputDropzone__dropzone__bde8d:not(.cfxui__InputDropzone__disabled__168e8):focus-visible:hover{background-color:rgba(var(--color-secondary),.2);outline-offset:var(--dropzone-focus-border-size, initial);outline:var(--dropzone-focus-border-size, initial) solid var(--color-dropzone-focus-border-color)}.cfxui__InputDropzone__dropzone__bde8d:not(.cfxui__InputDropzone__disabled__168e8).cfxui__InputDropzone__focused__0bbd6,.cfxui__InputDropzone__dropzone__bde8d:not(.cfxui__InputDropzone__disabled__168e8).cfxui__InputDropzone__dragActive__096b2{background-color:rgba(var(--color-secondary),.2)}.cfxui__InputDropzone__dropzone__bde8d:not(.cfxui__InputDropzone__disabled__168e8).cfxui__InputDropzone__focused__0bbd6 .cfxui__InputDropzone__text__47997,.cfxui__InputDropzone__dropzone__bde8d:not(.cfxui__InputDropzone__disabled__168e8).cfxui__InputDropzone__dragActive__096b2 .cfxui__InputDropzone__text__47997{margin-top:calc(var(--quant) * 2.5)}

package/dist/cfxIcons-B2ocwAjm.js

@@ -0,0 +1,136 @@
+import r from "./components/Icons/cfx-icons/Close.js";
+import o from "./components/Icons/cfx-icons/Controller.js";
+import t from "./components/Icons/cfx-icons/Copy.js";
+import e from "./components/Icons/cfx-icons/DownArrow.js";
+import f from "./components/Icons/cfx-icons/DownChevron.js";
+import m from "./components/Icons/cfx-icons/Download.js";
+import i from "./components/Icons/cfx-icons/Expand.js";
+import a from "./components/Icons/cfx-icons/ExternalLink.js";
+import l from "./components/Icons/cfx-icons/Filter.js";
+import p from "./components/Icons/cfx-icons/Folder.js";
+import d from "./components/Icons/cfx-icons/Heart.js";
+import u from "./components/Icons/cfx-icons/HeartFilled.js";
+import _ from "./components/Icons/cfx-icons/Help.js";
+import n from "./components/Icons/cfx-icons/LeftArrow.js";
+import s from "./components/Icons/cfx-icons/LeftChevron.js";
+import S from "./components/Icons/cfx-icons/Map.js";
+import c from "./components/Icons/cfx-icons/Menu.js";
+import v from "./components/Icons/cfx-icons/Minus.js";
+import C from "./components/Icons/cfx-icons/More.js";
+import h from "./components/Icons/cfx-icons/MoreInfo.js";
+import U from "./components/Icons/cfx-icons/Pencil.js";
+import g from "./components/Icons/cfx-icons/Play.js";
+import w from "./components/Icons/cfx-icons/Plus.js";
+import M from "./components/Icons/cfx-icons/Radio.js";
+import R from "./components/Icons/cfx-icons/Refresh.js";
+import P from "./components/Icons/cfx-icons/RightArrow.js";
+import T from "./components/Icons/cfx-icons/RightChevron.js";
+import y from "./components/Icons/cfx-icons/Search.js";
+import F from "./components/Icons/cfx-icons/ServerList.js";
+import A from "./components/Icons/cfx-icons/ServerReconnect.js";
+import D from "./components/Icons/cfx-icons/Sort.js";
+import H from "./components/Icons/cfx-icons/Square.js";
+import L from "./components/Icons/cfx-icons/SquareFilled.js";
+import b from "./components/Icons/cfx-icons/SquareTick.js";
+import x from "./components/Icons/cfx-icons/Stop.js";
+import k from "./components/Icons/cfx-icons/Success.js";
+import q from "./components/Icons/cfx-icons/Tick.js";
+import E from "./components/Icons/cfx-icons/Transfer.js";
+import I from "./components/Icons/cfx-icons/Trash.js";
+import V from "./components/Icons/cfx-icons/Undo.js";
+import O from "./components/Icons/cfx-icons/UpArrow.js";
+import j from "./components/Icons/cfx-icons/UpChevron.js";
+import B from "./components/Icons/cfx-icons/Upload.js";
+import W from "./components/Icons/cfx-icons/Users.js";
+import z from "./components/Icons/cfx-icons/Visibility.js";
+import G from "./components/Icons/cfx-icons/VisibilityOff.js";
+import J from "./components/Icons/cfx-icons/Warning.js";
+import K from "./components/Icons/cfx-icons/Cart.js";
+import N from "./components/Icons/cfx-icons/User.js";
+import Q from "./components/Icons/cfx-icons/Verified.js";
+import X from "./components/Icons/cfx-icons/UpvotesBurst.js";
+import Y from "./components/Icons/cfx-icons/UpvotesRecurring.js";
+import Z from "./components/Icons/cfx-icons/Car.js";
+import $ from "./components/Icons/cfx-icons/Population.js";
+import rr from "./components/Icons/cfx-icons/Tooling.js";
+import or from "./components/Icons/cfx-icons/Integration.js";
+import tr from "./components/Icons/cfx-icons/RedMServer.js";
+import er from "./components/Icons/cfx-icons/FiveMServer.js";
+import fr from "./components/Icons/cfx-icons/Script.js";
+import mr from "./components/Icons/cfx-icons/Creator.js";
+import ir from "./components/Icons/cfx-icons/Documentation.js";
+import ar from "./components/Icons/cfx-icons/Pen.js";
+import lr from "./components/Icons/cfx-icons/Expand2.js";
+import pr from "./components/Icons/cfx-icons/Snail.js";
+import dr from "./components/Icons/cfx-icons/Hat.js";
+const Mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Car: Z,
+  Cart: K,
+  Close: r,
+  Controller: o,
+  Copy: t,
+  Creator: mr,
+  Documentation: ir,
+  DownArrow: e,
+  DownChevron: f,
+  Download: m,
+  Expand: i,
+  Expand2: lr,
+  ExternalLink: a,
+  Filter: l,
+  FiveMServer: er,
+  Folder: p,
+  Hat: dr,
+  Heart: d,
+  HeartFilled: u,
+  Help: _,
+  Integration: or,
+  LeftArrow: n,
+  LeftChevron: s,
+  Map: S,
+  Menu: c,
+  Minus: v,
+  More: C,
+  MoreInfo: h,
+  Pen: ar,
+  Pencil: U,
+  Play: g,
+  Plus: w,
+  Population: $,
+  Radio: M,
+  RedMServer: tr,
+  Refresh: R,
+  RightArrow: P,
+  RightChevron: T,
+  Script: fr,
+  Search: y,
+  ServerList: F,
+  ServerReconnect: A,
+  Snail: pr,
+  Sort: D,
+  Square: H,
+  SquareFilled: L,
+  SquareTick: b,
+  Stop: x,
+  Success: k,
+  Tick: q,
+  Tooling: rr,
+  Transfer: E,
+  Trash: I,
+  Undo: V,
+  UpArrow: O,
+  UpChevron: j,
+  Upload: B,
+  UpvotesBurst: X,
+  UpvotesRecurring: Y,
+  User: N,
+  Users: W,
+  Verified: Q,
+  Visibility: z,
+  VisibilityOff: G,
+  Warning: J
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Mo as I
+};

package/dist/cfxIconsXLarge-C9n01-rM.js

@@ -0,0 +1,136 @@
+import r from "./components/Icons/cfx-iconsXLarge/Close.js";
+import o from "./components/Icons/cfx-iconsXLarge/Controller.js";
+import t from "./components/Icons/cfx-iconsXLarge/Copy.js";
+import e from "./components/Icons/cfx-iconsXLarge/DownArrow.js";
+import f from "./components/Icons/cfx-iconsXLarge/DownChevron.js";
+import m from "./components/Icons/cfx-iconsXLarge/Download.js";
+import i from "./components/Icons/cfx-iconsXLarge/Expand.js";
+import a from "./components/Icons/cfx-iconsXLarge/ExternalLink.js";
+import l from "./components/Icons/cfx-iconsXLarge/Filter.js";
+import p from "./components/Icons/cfx-iconsXLarge/Folder.js";
+import d from "./components/Icons/cfx-iconsXLarge/Heart.js";
+import u from "./components/Icons/cfx-iconsXLarge/HeartFilled.js";
+import _ from "./components/Icons/cfx-iconsXLarge/Help.js";
+import n from "./components/Icons/cfx-iconsXLarge/LeftArrow.js";
+import s from "./components/Icons/cfx-iconsXLarge/LeftChevron.js";
+import S from "./components/Icons/cfx-iconsXLarge/Map.js";
+import c from "./components/Icons/cfx-iconsXLarge/Menu.js";
+import v from "./components/Icons/cfx-iconsXLarge/Minus.js";
+import C from "./components/Icons/cfx-iconsXLarge/More.js";
+import h from "./components/Icons/cfx-iconsXLarge/MoreInfo.js";
+import U from "./components/Icons/cfx-iconsXLarge/Pencil.js";
+import g from "./components/Icons/cfx-iconsXLarge/Play.js";
+import w from "./components/Icons/cfx-iconsXLarge/Plus.js";
+import M from "./components/Icons/cfx-iconsXLarge/Radio.js";
+import R from "./components/Icons/cfx-iconsXLarge/Refresh.js";
+import P from "./components/Icons/cfx-iconsXLarge/RightArrow.js";
+import T from "./components/Icons/cfx-iconsXLarge/RightChevron.js";
+import y from "./components/Icons/cfx-iconsXLarge/Search.js";
+import F from "./components/Icons/cfx-iconsXLarge/ServerList.js";
+import L from "./components/Icons/cfx-iconsXLarge/ServerReconnect.js";
+import A from "./components/Icons/cfx-iconsXLarge/Sort.js";
+import D from "./components/Icons/cfx-iconsXLarge/Square.js";
+import H from "./components/Icons/cfx-iconsXLarge/SquareFilled.js";
+import b from "./components/Icons/cfx-iconsXLarge/SquareTick.js";
+import x from "./components/Icons/cfx-iconsXLarge/Stop.js";
+import k from "./components/Icons/cfx-iconsXLarge/Success.js";
+import q from "./components/Icons/cfx-iconsXLarge/Tick.js";
+import E from "./components/Icons/cfx-iconsXLarge/Transfer.js";
+import I from "./components/Icons/cfx-iconsXLarge/Trash.js";
+import V from "./components/Icons/cfx-iconsXLarge/Undo.js";
+import O from "./components/Icons/cfx-iconsXLarge/UpArrow.js";
+import j from "./components/Icons/cfx-iconsXLarge/UpChevron.js";
+import B from "./components/Icons/cfx-iconsXLarge/Upload.js";
+import W from "./components/Icons/cfx-iconsXLarge/Users.js";
+import z from "./components/Icons/cfx-iconsXLarge/Visibility.js";
+import X from "./components/Icons/cfx-iconsXLarge/VisibilityOff.js";
+import G from "./components/Icons/cfx-iconsXLarge/Warning.js";
+import J from "./components/Icons/cfx-iconsXLarge/Cart.js";
+import K from "./components/Icons/cfx-iconsXLarge/User.js";
+import N from "./components/Icons/cfx-iconsXLarge/Verified.js";
+import Q from "./components/Icons/cfx-iconsXLarge/UpvotesBurst.js";
+import Y from "./components/Icons/cfx-iconsXLarge/UpvotesRecurring.js";
+import Z from "./components/Icons/cfx-iconsXLarge/Car.js";
+import $ from "./components/Icons/cfx-iconsXLarge/Population.js";
+import rr from "./components/Icons/cfx-iconsXLarge/Tooling.js";
+import or from "./components/Icons/cfx-iconsXLarge/Integration.js";
+import tr from "./components/Icons/cfx-iconsXLarge/RedMServer.js";
+import er from "./components/Icons/cfx-iconsXLarge/FiveMServer.js";
+import fr from "./components/Icons/cfx-iconsXLarge/Script.js";
+import mr from "./components/Icons/cfx-iconsXLarge/Creator.js";
+import ir from "./components/Icons/cfx-iconsXLarge/Documentation.js";
+import ar from "./components/Icons/cfx-iconsXLarge/Pen.js";
+import lr from "./components/Icons/cfx-iconsXLarge/Expand2.js";
+import pr from "./components/Icons/cfx-iconsXLarge/Snail.js";
+import dr from "./components/Icons/cfx-iconsXLarge/Hat.js";
+const Mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Car: Z,
+  Cart: J,
+  Close: r,
+  Controller: o,
+  Copy: t,
+  Creator: mr,
+  Documentation: ir,
+  DownArrow: e,
+  DownChevron: f,
+  Download: m,
+  Expand: i,
+  Expand2: lr,
+  ExternalLink: a,
+  Filter: l,
+  FiveMServer: er,
+  Folder: p,
+  Hat: dr,
+  Heart: d,
+  HeartFilled: u,
+  Help: _,
+  Integration: or,
+  LeftArrow: n,
+  LeftChevron: s,
+  Map: S,
+  Menu: c,
+  Minus: v,
+  More: C,
+  MoreInfo: h,
+  Pen: ar,
+  Pencil: U,
+  Play: g,
+  Plus: w,
+  Population: $,
+  Radio: M,
+  RedMServer: tr,
+  Refresh: R,
+  RightArrow: P,
+  RightChevron: T,
+  Script: fr,
+  Search: y,
+  ServerList: F,
+  ServerReconnect: L,
+  Snail: pr,
+  Sort: A,
+  Square: D,
+  SquareFilled: H,
+  SquareTick: b,
+  Stop: x,
+  Success: k,
+  Tick: q,
+  Tooling: rr,
+  Transfer: E,
+  Trash: I,
+  Undo: V,
+  UpArrow: O,
+  UpChevron: j,
+  Upload: B,
+  UpvotesBurst: Q,
+  UpvotesRecurring: Y,
+  User: K,
+  Users: W,
+  Verified: N,
+  Visibility: z,
+  VisibilityOff: X,
+  Warning: G
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Mo as I
+};

package/dist/components/Badge/Badge.d.ts

@@ -9,7 +9,7 @@ export declare enum BadgeColorEnum {
     error = "error"
 }
 export type BadgeColor = keyof typeof BadgeColorEnum;
-export type BadgeSize = 'small' | 'medium';
+export type BadgeSize = 'small' | 'small-medium' | 'medium';
 export interface BadgeProps {
     color?: BadgeColor | ColorType;
     size?: BadgeSize;
@@ -17,6 +17,7 @@ export interface BadgeProps {
     children?: React.ReactNode;
     className?: string;
     hoverable?: boolean;
+    pill?: boolean;
     ref?: React.Ref<HTMLDivElement>;
 }
 export declare function Badge(props: BadgeProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Badge/Badge.js

@@ -1,56 +1,60 @@
-import { jsxs as d, jsx as b } from "react/jsx-runtime";
-import { Icon as x } from "../Icon/Icon.js";
-import { clsx as p } from "../../utils/clsx.js";
+import { jsxs as p, jsx as x } from "react/jsx-runtime";
+import { Icon as b } from "../Icon/Icon.js";
+import { clsx as v } from "../../utils/clsx.js";
 import { getColor as s } from "../../utils/color.js";
-import { isInEnum as a } from "../../utils/enum.js";
+import { isInEnum as _ } from "../../utils/enum.js";
 import "../../utils/ui/ui.js";
-import { ColorEnum as v } from "../../utils/ui/ui.types.js";
-const h = "cfxui__Badge__root__73dcc", w = "cfxui__Badge__hoverable__4b089", B = "cfxui__Badge__success__b5ae3", N = "cfxui__Badge__neutral__6ac4e", y = "cfxui__Badge__warning__72699", j = "cfxui__Badge__error__7e5f9", z = "cfxui__Badge__small__a1a55", e = {
-  root: h,
+import { ColorEnum as h } from "../../utils/ui/ui.types.js";
+const B = "cfxui__Badge__root__73dcc", w = "cfxui__Badge__hoverable__4b089", N = "cfxui__Badge__success__b5ae3", y = "cfxui__Badge__neutral__6ac4e", j = "cfxui__Badge__warning__72699", z = "cfxui__Badge__error__7e5f9", I = "cfxui__Badge__small__a1a55", C = "cfxui__Badge__pill__d689d", r = {
+  root: B,
   hoverable: w,
-  success: B,
-  neutral: N,
-  warning: y,
-  error: j,
-  small: z
+  success: N,
+  neutral: y,
+  warning: j,
+  error: z,
+  small: I,
+  "small-medium": "cfxui__Badge__small-medium__2a781",
+  pill: C
 };
-var _ = /* @__PURE__ */ ((o) => (o.success = "success", o.neutral = "neutral", o.warning = "warning", o.error = "error", o))(_ || {});
-function G(o) {
+var a = /* @__PURE__ */ ((o) => (o.success = "success", o.neutral = "neutral", o.warning = "warning", o.error = "error", o))(a || {});
+function J(o) {
   const {
-    color: r = "success",
-    size: t = "medium",
-    children: n,
+    color: e = "success",
+    size: l = "medium",
+    children: i,
     icon: c,
-    className: l,
-    hoverable: i = !1,
-    ref: m
-  } = o, u = a(r, _) ? e[r] : void 0, f = a(r, v) ? {
+    className: t,
+    hoverable: n = !1,
+    pill: m = !1,
+    ref: u
+  } = o, d = _(e, a) ? r[e] : void 0, f = _(e, h) ? {
     "--badge-color": s({
-      color: r
+      color: e
     }),
     "--badge-bg-color": s({
-      color: r,
+      color: e,
       opacity: 0.2
     }),
     "--badge-bg-hover-color": s({
-      color: r,
+      color: e,
       opacity: 0.4
     })
-  } : {}, g = p(
-    e.root,
-    l,
-    u,
-    e[t],
+  } : {}, g = v(
+    r.root,
+    t,
+    d,
+    r[l],
     {
-      [e.hoverable]: i
+      [r.hoverable]: n,
+      [r.pill]: m
     }
   );
-  return /* @__PURE__ */ d("div", { ref: m, className: g, style: f, children: [
-    n,
-    !!c && /* @__PURE__ */ b(x, { size: "small", name: c, className: e.icon })
+  return /* @__PURE__ */ p("div", { ref: u, className: g, style: f, children: [
+    i,
+    !!c && /* @__PURE__ */ x(b, { size: "small", name: c, className: r.icon })
   ] });
 }
 export {
-  G as Badge,
-  _ as BadgeColorEnum
+  J as Badge,
+  a as BadgeColorEnum
 };

package/dist/components/Badge/BadgeShowcase.js

@@ -1,35 +1,35 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import d from "react";
-import i from "../Flex/Flex.js";
-import { Text as l } from "../Text/Text.js";
+import l from "../Flex/Flex.js";
+import { Text as c } from "../Text/Text.js";
 import "../../utils/ui/ui.js";
-import { Badge as c } from "./Badge.js";
-function o() {
-  return /* @__PURE__ */ e(i, { gap: "large", vertical: !0, children: [
-    /* @__PURE__ */ e(i, { gap: "medium", vertical: !0, children: [
-      /* @__PURE__ */ r(l, { children: "Success" }),
-      /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
-        c,
+import { Badge as r } from "./Badge.js";
+function n() {
+  return /* @__PURE__ */ i(l, { gap: "large", vertical: !0, children: [
+    /* @__PURE__ */ i(l, { gap: "medium", vertical: !0, children: [
+      /* @__PURE__ */ e(c, { children: "Success" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        r,
         {
           color: "success",
           children: "success"
         }
       ) })
     ] }),
-    /* @__PURE__ */ e(i, { gap: "medium", vertical: !0, children: [
-      /* @__PURE__ */ r(l, { children: "Neutral" }),
-      /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
-        c,
+    /* @__PURE__ */ i(l, { gap: "medium", vertical: !0, children: [
+      /* @__PURE__ */ e(c, { children: "Neutral" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        r,
         {
           color: "neutral",
           children: "neutral"
         }
       ) })
     ] }),
-    /* @__PURE__ */ e(i, { gap: "medium", vertical: !0, children: [
-      /* @__PURE__ */ r(l, { children: "Warning with hoverable" }),
-      /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
-        c,
+    /* @__PURE__ */ i(l, { gap: "medium", vertical: !0, children: [
+      /* @__PURE__ */ e(c, { children: "Warning with hoverable" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        r,
         {
           color: "warning",
           icon: "MoreInfo",
@@ -38,10 +38,10 @@ function o() {
         }
       ) })
     ] }),
-    /* @__PURE__ */ e(i, { gap: "medium", vertical: !0, children: [
-      /* @__PURE__ */ r(l, { children: "Error" }),
-      /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
-        c,
+    /* @__PURE__ */ i(l, { gap: "medium", vertical: !0, children: [
+      /* @__PURE__ */ e(c, { children: "Error" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        r,
         {
           color: "error",
           icon: "Sort",
@@ -49,20 +49,20 @@ function o() {
         }
       ) })
     ] }),
-    /* @__PURE__ */ e(i, { gap: "medium", vertical: !0, children: [
-      /* @__PURE__ */ r(l, { children: "Small" }),
-      /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
-        c,
+    /* @__PURE__ */ i(l, { gap: "medium", vertical: !0, children: [
+      /* @__PURE__ */ e(c, { children: "Small" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        r,
         {
           size: "small",
           children: "Small"
         }
       ) })
     ] }),
-    /* @__PURE__ */ e(i, { gap: "medium", vertical: !0, children: [
-      /* @__PURE__ */ r(l, { children: "Small Error" }),
-      /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
-        c,
+    /* @__PURE__ */ i(l, { gap: "medium", vertical: !0, children: [
+      /* @__PURE__ */ e(c, { children: "Small Error" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        r,
         {
           color: "error",
           size: "small",
@@ -71,19 +71,49 @@ function o() {
         }
       ) })
     ] }),
-    /* @__PURE__ */ e(i, { gap: "medium", vertical: !0, children: [
-      /* @__PURE__ */ r(l, { children: "Without Children" }),
-      /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
-        c,
+    /* @__PURE__ */ i(l, { gap: "medium", vertical: !0, children: [
+      /* @__PURE__ */ e(c, { children: "Without Children" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        r,
         {
           color: "success",
           icon: "MoreInfo"
         }
       ) })
+    ] }),
+    /* @__PURE__ */ i(l, { gap: "medium", vertical: !0, children: [
+      /* @__PURE__ */ e(c, { children: "Pill and small-medium size, this size uses sp25 on top instead of gs60" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        r,
+        {
+          color: "accent",
+          pill: !0,
+          size: "small-medium",
+          children: "Announcements"
+        }
+      ) }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        r,
+        {
+          color: "yellow",
+          pill: !0,
+          size: "small-medium",
+          children: "Seasonal"
+        }
+      ) }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        r,
+        {
+          color: "green",
+          size: "small-medium",
+          pill: !0,
+          children: "Release notes"
+        }
+      ) })
     ] })
   ] });
 }
-const s = d.memo(o);
+const u = d.memo(n);
 export {
-  s as default
+  u as default
 };

package/dist/components/BurgerMenu/BurgerMenu.d.ts

@@ -17,5 +17,6 @@ export interface BurgerMenuProps {
     subItemContainerClassName?: string;
     itemInteractiveClassName?: string;
     itemClassName?: string;
+    showHighlightBorder?: boolean;
 }
-export declare function BurgerMenu({ items, onItemClick, isOpen, className, menuClassName, subItemContainerClassName, itemInteractiveClassName, itemClassName, }: BurgerMenuProps): React.ReactElement;
+export declare function BurgerMenu({ items, onItemClick, isOpen, className, menuClassName, subItemContainerClassName, itemInteractiveClassName, itemClassName, showHighlightBorder, }: BurgerMenuProps): React.ReactElement;