@ultraviolet/ui 2.0.0-beta.1 → 2.0.0-beta.10

package/dist/index.cjs

@@ -11,83 +11,77 @@ const ids = require("./utils/ids.cjs");
 const index$1 = require("./components/ActionBar/index.cjs");
 const index$2 = require("./components/Alert/index.cjs");
 const index$3 = require("./components/Avatar/index.cjs");
-const index$4 = require("./components/AvatarV2/index.cjs");
-const index$5 = require("./components/Badge/index.cjs");
-const index$6 = require("./components/Banner/index.cjs");
-const index$7 = require("./components/BarChart/index.cjs");
-const index$8 = require("./components/BarStack/index.cjs");
-const index$9 = require("./components/Breadcrumbs/index.cjs");
-const index$a = require("./components/Bullet/index.cjs");
-const index$b = require("./components/Button/index.cjs");
-const index$c = require("./components/Card/index.cjs");
-const index$d = require("./components/Carousel/index.cjs");
-const index$e = require("./components/Checkbox/index.cjs");
-const index$f = require("./components/CheckboxGroup/index.cjs");
-const index$g = require("./components/Chip/index.cjs");
-const index$h = require("./components/CopyButton/index.cjs");
-const index$i = require("./components/DateInput/index.cjs");
-const index$j = require("./components/Dialog/index.cjs");
-const index$k = require("./components/EmptyState/index.cjs");
-const index$l = require("./components/Expandable/index.cjs");
-const index$m = require("./components/ExpandableCard/index.cjs");
-const index$n = require("./components/GlobalAlert/index.cjs");
-const index$o = require("./components/Label/index.cjs");
-const index$p = require("./components/LineChart/index.cjs");
-const index$q = require("./components/Link/index.cjs");
-const index$r = require("./components/List/index.cjs");
-const index$s = require("./components/Loader/index.cjs");
-const index$t = require("./components/Menu/index.cjs");
-const index$u = require("./components/MenuV2/index.cjs");
-const index$v = require("./components/Meter/index.cjs");
-const index$w = require("./components/Modal/index.cjs");
-const index$x = require("./components/Notice/index.cjs");
-const index$y = require("./components/Notification/index.cjs");
-const index$z = require("./components/NumberInput/index.cjs");
-const index$A = require("./components/NumberInputV2/index.cjs");
-const index$B = require("./components/Pagination/index.cjs");
-const index$C = require("./components/PasswordCheck/index.cjs");
-const index$D = require("./components/PasswordStrengthMeter/index.cjs");
-const index$E = require("./components/PieChart/index.cjs");
-const index$F = require("./components/Popover/index.cjs");
-const index$G = require("./components/Popup/index.cjs");
-const index$H = require("./components/ProgressBar/index.cjs");
-const index$I = require("./components/Radio/index.cjs");
-const index$J = require("./components/RadioGroup/index.cjs");
-const index$K = require("./components/Row/index.cjs");
-const index$L = require("./components/SearchInput/index.cjs");
-const index$M = require("./components/SelectableCard/index.cjs");
-const index$N = require("./components/SelectableCardGroup/index.cjs");
-const index$O = require("./components/SelectableCardOptionGroup/index.cjs");
-const index$P = require("./components/SelectInput/index.cjs");
-const index$Q = require("./components/SelectInputV2/index.cjs");
-const index$R = require("./components/Separator/index.cjs");
-const index$S = require("./components/Skeleton/index.cjs");
-const index$T = require("./components/Slider/index.cjs");
-const index$U = require("./components/Snippet/index.cjs");
-const index$V = require("./components/Stack/index.cjs");
-const index$W = require("./components/Status/index.cjs");
-const index$X = require("./components/StepList/index.cjs");
-const index$Y = require("./components/Stepper/index.cjs");
-const index$Z = require("./components/SwitchButton/index.cjs");
-const index$_ = require("./components/Table/index.cjs");
-const index$$ = require("./components/Tabs/index.cjs");
-const index$10 = require("./components/Tag/index.cjs");
-const index$11 = require("./components/TagInput/index.cjs");
-const index$12 = require("./components/TagList/index.cjs");
-const index$13 = require("./components/Text/index.cjs");
-const index$14 = require("./components/TextArea/index.cjs");
-const index$15 = require("./components/TextInput/index.cjs");
-const index$16 = require("./components/TextInputV2/index.cjs");
-const index$17 = require("./components/TimeInput/index.cjs");
-const index$18 = require("./components/TimeInputV2/index.cjs");
-const index$19 = require("./components/Toaster/index.cjs");
-const index$1a = require("./components/Toggle/index.cjs");
-const index$1b = require("./components/ToggleGroup/index.cjs");
-const index$1c = require("./components/Tooltip/index.cjs");
-const index$1d = require("./components/UnitInput/index.cjs");
-const index$1e = require("./components/VerificationCode/index.cjs");
-const index$1f = require("./components/Drawer/index.cjs");
-const index$1g = require("./components/InfiniteScroll/index.cjs");
+const index$4 = require("./components/Badge/index.cjs");
+const index$5 = require("./components/Banner/index.cjs");
+const index$6 = require("./components/BarChart/index.cjs");
+const index$7 = require("./components/BarStack/index.cjs");
+const index$8 = require("./components/Breadcrumbs/index.cjs");
+const index$9 = require("./components/Bullet/index.cjs");
+const index$a = require("./components/Button/index.cjs");
+const index$b = require("./components/Card/index.cjs");
+const index$c = require("./components/Carousel/index.cjs");
+const index$d = require("./components/Checkbox/index.cjs");
+const index$e = require("./components/CheckboxGroup/index.cjs");
+const index$f = require("./components/Chip/index.cjs");
+const index$g = require("./components/CopyButton/index.cjs");
+const index$h = require("./components/DateInput/index.cjs");
+const index$i = require("./components/Dialog/index.cjs");
+const index$j = require("./components/EmptyState/index.cjs");
+const index$k = require("./components/Expandable/index.cjs");
+const index$l = require("./components/ExpandableCard/index.cjs");
+const index$m = require("./components/GlobalAlert/index.cjs");
+const index$n = require("./components/Label/index.cjs");
+const index$o = require("./components/LineChart/index.cjs");
+const index$p = require("./components/Link/index.cjs");
+const index$q = require("./components/List/index.cjs");
+const index$r = require("./components/Loader/index.cjs");
+const index$s = require("./components/Menu/index.cjs");
+const index$t = require("./components/Meter/index.cjs");
+const index$u = require("./components/Modal/index.cjs");
+const index$v = require("./components/Notice/index.cjs");
+const index$w = require("./components/Notification/index.cjs");
+const index$x = require("./components/NumberInput/index.cjs");
+const index$y = require("./components/Pagination/index.cjs");
+const index$z = require("./components/PasswordCheck/index.cjs");
+const index$A = require("./components/PasswordStrengthMeter/index.cjs");
+const index$B = require("./components/PieChart/index.cjs");
+const index$C = require("./components/Popover/index.cjs");
+const index$D = require("./components/Popup/index.cjs");
+const index$E = require("./components/ProgressBar/index.cjs");
+const index$F = require("./components/Radio/index.cjs");
+const index$G = require("./components/RadioGroup/index.cjs");
+const index$H = require("./components/Row/index.cjs");
+const index$I = require("./components/SearchInput/index.cjs");
+const index$J = require("./components/SelectableCard/index.cjs");
+const index$K = require("./components/SelectableCardGroup/index.cjs");
+const index$L = require("./components/SelectableCardOptionGroup/index.cjs");
+const index$M = require("./components/SelectInput/index.cjs");
+const index$N = require("./components/Separator/index.cjs");
+const index$O = require("./components/Skeleton/index.cjs");
+const index$P = require("./components/Slider/index.cjs");
+const index$Q = require("./components/Snippet/index.cjs");
+const index$R = require("./components/Stack/index.cjs");
+const index$S = require("./components/Status/index.cjs");
+const index$T = require("./components/StepList/index.cjs");
+const index$U = require("./components/Stepper/index.cjs");
+const index$V = require("./components/SwitchButton/index.cjs");
+const index$W = require("./components/Table/index.cjs");
+const index$X = require("./components/Tabs/index.cjs");
+const index$Y = require("./components/Tag/index.cjs");
+const index$Z = require("./components/TagInput/index.cjs");
+const index$_ = require("./components/TagList/index.cjs");
+const index$$ = require("./components/Text/index.cjs");
+const index$10 = require("./components/TextArea/index.cjs");
+const index$11 = require("./components/TextInput/index.cjs");
+const index$12 = require("./components/TimeInput/index.cjs");
+const index$13 = require("./components/Toaster/index.cjs");
+const index$14 = require("./components/Toggle/index.cjs");
+const index$15 = require("./components/ToggleGroup/index.cjs");
+const index$16 = require("./components/Tooltip/index.cjs");
+const index$17 = require("./components/UnitInput/index.cjs");
+const index$18 = require("./components/VerificationCode/index.cjs");
+const index$19 = require("./components/Drawer/index.cjs");
+const index$1a = require("./components/InfiniteScroll/index.cjs");
 exports.extendTheme = index.extendTheme;
 exports.ThemeRegistry = ThemeRegistry;
 exports.Breakpoint = Breakpoint;
@@ -133,83 +127,77 @@ exports.getUUID = ids.getUUID;
 exports.ActionBar = index$1.ActionBar;
 exports.Alert = index$2.Alert;
 exports.Avatar = index$3.Avatar;
-exports.AvatarV2 = index$4.AvatarV2;
-exports.Badge = index$5.Badge;
-exports.Banner = index$6.Banner;
-exports.BarChart = index$7.BarChart;
-exports.BarStack = index$8.BarStack;
-exports.Breadcrumbs = index$9.Breadcrumbs;
-exports.Bullet = index$a.Bullet;
-exports.Button = index$b.Button;
-exports.Card = index$c.Card;
-exports.Carousel = index$d.Carousel;
-exports.Checkbox = index$e.Checkbox;
-exports.CheckboxGroup = index$f.CheckboxGroup;
-exports.CheckboxGroupCheckbox = index$f.CheckboxGroupCheckbox;
-exports.Chip = index$g.Chip;
-exports.CopyButton = index$h.CopyButton;
-exports.DateInput = index$i.DateInput;
-exports.Dialog = index$j.Dialog;
-exports.EmptyState = index$k.EmptyState;
-exports.Expandable = index$l.Expandable;
-exports.ExpandableCard = index$m.ExpandableCard;
-exports.GlobalAlert = index$n.GlobalAlert;
-exports.Label = index$o.Label;
-exports.LineChart = index$p.LineChart;
-exports.Link = index$q.Link;
-exports.List = index$r.List;
-exports.Loader = index$s.Loader;
-exports.Menu = index$t.Menu;
-exports.MenuV2 = index$u.MenuV2;
-exports.Meter = index$v.Meter;
-exports.Modal = index$w.Modal;
-exports.Notice = index$x.Notice;
-exports.NotificationContainer = index$y.NotificationContainer;
-exports.notification = index$y.notification;
-exports.NumberInput = index$z.NumberInput;
-exports.NumberInputV2 = index$A.NumberInputV2;
-exports.Pagination = index$B.Pagination;
-exports.PasswordCheck = index$C.PasswordCheck;
-exports.PasswordStrengthMeter = index$D.PasswordStrengthMeter;
-exports.PieChart = index$E.PieChart;
-exports.Popover = index$F.Popover;
-exports.Popup = index$G.Popup;
-exports.ProgressBar = index$H.ProgressBar;
-exports.Radio = index$I.Radio;
-exports.RadioGroup = index$J.RadioGroup;
-exports.Row = index$K.Row;
-exports.SearchInput = index$L.SearchInput;
-exports.SelectableCard = index$M.SelectableCard;
-exports.SelectableCardGroup = index$N.SelectableCardGroup;
-exports.SelectableCardOptionGroup = index$O.SelectableCardOptionGroup;
-exports.SelectInput = index$P.SelectInput;
-exports.SelectInputV2 = index$Q.SelectInputV2;
-exports.Separator = index$R.Separator;
-exports.Skeleton = index$S.Skeleton;
-exports.Slider = index$T.Slider;
-exports.Snippet = index$U.Snippet;
-exports.Stack = index$V.Stack;
-exports.Status = index$W.Status;
-exports.StepList = index$X.StepList;
-exports.Stepper = index$Y.Stepper;
-exports.SwitchButton = index$Z.SwitchButton;
-exports.Table = index$_.Table;
-exports.Tabs = index$$.Tabs;
-exports.Tag = index$10.Tag;
-exports.TagInput = index$11.TagInput;
-exports.TagList = index$12.TagList;
-exports.Text = index$13.Text;
-exports.TextArea = index$14.TextArea;
-exports.TextInput = index$15.TextInput;
-exports.TextInputV2 = index$16.TextInputV2;
-exports.TimeInput = index$17.TimeInput;
-exports.TimeInputV2 = index$18.TimeInputV2;
-exports.ToastContainer = index$19.ToastContainer;
-exports.toast = index$19.toast;
-exports.Toggle = index$1a.Toggle;
-exports.ToggleGroup = index$1b.ToggleGroup;
-exports.Tooltip = index$1c.Tooltip;
-exports.UnitInput = index$1d.UnitInput;
-exports.VerificationCode = index$1e.VerificationCode;
-exports.Drawer = index$1f.Drawer;
-exports.InfiniteScroll = index$1g.InfiniteScroll;
+exports.Badge = index$4.Badge;
+exports.Banner = index$5.Banner;
+exports.BarChart = index$6.BarChart;
+exports.BarStack = index$7.BarStack;
+exports.Breadcrumbs = index$8.Breadcrumbs;
+exports.Bullet = index$9.Bullet;
+exports.Button = index$a.Button;
+exports.Card = index$b.Card;
+exports.Carousel = index$c.Carousel;
+exports.Checkbox = index$d.Checkbox;
+exports.CheckboxGroup = index$e.CheckboxGroup;
+exports.CheckboxGroupCheckbox = index$e.CheckboxGroupCheckbox;
+exports.Chip = index$f.Chip;
+exports.CopyButton = index$g.CopyButton;
+exports.DateInput = index$h.DateInput;
+exports.Dialog = index$i.Dialog;
+exports.EmptyState = index$j.EmptyState;
+exports.Expandable = index$k.Expandable;
+exports.ExpandableCard = index$l.ExpandableCard;
+exports.GlobalAlert = index$m.GlobalAlert;
+exports.Label = index$n.Label;
+exports.LineChart = index$o.LineChart;
+exports.Link = index$p.Link;
+exports.List = index$q.List;
+exports.Loader = index$r.Loader;
+exports.Menu = index$s.Menu;
+exports.Meter = index$t.Meter;
+exports.Modal = index$u.Modal;
+exports.Notice = index$v.Notice;
+exports.NotificationContainer = index$w.NotificationContainer;
+exports.notification = index$w.notification;
+exports.NumberInput = index$x.NumberInput;
+exports.Pagination = index$y.Pagination;
+exports.PasswordCheck = index$z.PasswordCheck;
+exports.PasswordStrengthMeter = index$A.PasswordStrengthMeter;
+exports.PieChart = index$B.PieChart;
+exports.Popover = index$C.Popover;
+exports.Popup = index$D.Popup;
+exports.ProgressBar = index$E.ProgressBar;
+exports.Radio = index$F.Radio;
+exports.RadioGroup = index$G.RadioGroup;
+exports.Row = index$H.Row;
+exports.SearchInput = index$I.SearchInput;
+exports.SelectableCard = index$J.SelectableCard;
+exports.SelectableCardGroup = index$K.SelectableCardGroup;
+exports.SelectableCardOptionGroup = index$L.SelectableCardOptionGroup;
+exports.SelectInput = index$M.SelectInput;
+exports.Separator = index$N.Separator;
+exports.Skeleton = index$O.Skeleton;
+exports.Slider = index$P.Slider;
+exports.Snippet = index$Q.Snippet;
+exports.Stack = index$R.Stack;
+exports.Status = index$S.Status;
+exports.StepList = index$T.StepList;
+exports.Stepper = index$U.Stepper;
+exports.SwitchButton = index$V.SwitchButton;
+exports.Table = index$W.Table;
+exports.Tabs = index$X.Tabs;
+exports.Tag = index$Y.Tag;
+exports.TagInput = index$Z.TagInput;
+exports.TagList = index$_.TagList;
+exports.Text = index$$.Text;
+exports.TextArea = index$10.TextArea;
+exports.TextInput = index$11.TextInput;
+exports.TimeInput = index$12.TimeInput;
+exports.ToastContainer = index$13.ToastContainer;
+exports.toast = index$13.toast;
+exports.Toggle = index$14.Toggle;
+exports.ToggleGroup = index$15.ToggleGroup;
+exports.Tooltip = index$16.Tooltip;
+exports.UnitInput = index$17.UnitInput;
+exports.VerificationCode = index$18.VerificationCode;
+exports.Drawer = index$19.Drawer;
+exports.InfiniteScroll = index$1a.InfiniteScroll;

package/dist/index.js

@@ -9,7 +9,6 @@ import { getUUID } from "./utils/ids.js";
 import { ActionBar } from "./components/ActionBar/index.js";
 import { Alert } from "./components/Alert/index.js";
 import { Avatar } from "./components/Avatar/index.js";
-import { AvatarV2 } from "./components/AvatarV2/index.js";
 import { Badge } from "./components/Badge/index.js";
 import { Banner } from "./components/Banner/index.js";
 import { BarChart } from "./components/BarChart/index.js";
@@ -35,13 +34,11 @@ import { Link } from "./components/Link/index.js";
 import { List } from "./components/List/index.js";
 import { Loader } from "./components/Loader/index.js";
 import { Menu } from "./components/Menu/index.js";
-import { MenuV2 } from "./components/MenuV2/index.js";
 import { Meter } from "./components/Meter/index.js";
 import { Modal } from "./components/Modal/index.js";
 import { Notice } from "./components/Notice/index.js";
 import { NotificationContainer, notification } from "./components/Notification/index.js";
 import { NumberInput } from "./components/NumberInput/index.js";
-import { NumberInputV2 } from "./components/NumberInputV2/index.js";
 import { Pagination } from "./components/Pagination/index.js";
 import { PasswordCheck } from "./components/PasswordCheck/index.js";
 import { PasswordStrengthMeter } from "./components/PasswordStrengthMeter/index.js";
@@ -57,7 +54,6 @@ import { SelectableCard } from "./components/SelectableCard/index.js";
 import { SelectableCardGroup } from "./components/SelectableCardGroup/index.js";
 import { SelectableCardOptionGroup } from "./components/SelectableCardOptionGroup/index.js";
 import { SelectInput } from "./components/SelectInput/index.js";
-import { SelectInputV2 } from "./components/SelectInputV2/index.js";
 import { Separator } from "./components/Separator/index.js";
 import { Skeleton } from "./components/Skeleton/index.js";
 import { Slider } from "./components/Slider/index.js";
@@ -75,9 +71,7 @@ import { TagList } from "./components/TagList/index.js";
 import { Text } from "./components/Text/index.js";
 import { TextArea } from "./components/TextArea/index.js";
 import { TextInput } from "./components/TextInput/index.js";
-import { TextInputV2 } from "./components/TextInputV2/index.js";
 import { TimeInput } from "./components/TimeInput/index.js";
-import { TimeInputV2 } from "./components/TimeInputV2/index.js";
 import { ToastContainer, toast } from "./components/Toaster/index.js";
 import { Toggle } from "./components/Toggle/index.js";
 import { ToggleGroup } from "./components/ToggleGroup/index.js";
@@ -90,7 +84,6 @@ export {
   ActionBar,
   Alert,
   Avatar,
-  AvatarV2,
   Badge,
   Banner,
   BarChart,
@@ -120,13 +113,11 @@ export {
   List,
   Loader,
   Menu,
-  MenuV2,
   Meter,
   Modal,
   Notice,
   NotificationContainer,
   NumberInput,
-  NumberInputV2,
   Pagination,
   PasswordCheck,
   PasswordStrengthMeter,
@@ -139,7 +130,6 @@ export {
   Row,
   SearchInput,
   SelectInput,
-  SelectInputV2,
   SelectableCard,
   SelectableCardGroup,
   SelectableCardOptionGroup,
@@ -160,10 +150,8 @@ export {
   Text,
   TextArea,
   TextInput,
-  TextInputV2,
   default2 as ThemeRegistry,
   TimeInput,
-  TimeInputV2,
   ToastContainer,
   Toggle,
   ToggleGroup,

package/dist/theme/ThemeRegistry.cjs

@@ -2,9 +2,9 @@
 "use strict";
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const createCache = require("@emotion/cache");
-const react = require("@emotion/react");
+const react$1 = require("@emotion/react");
 const navigation = require("next/navigation");
-const React = require("react");
+const react = require("react");
 const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
 const createCache__default = /* @__PURE__ */ _interopDefaultCompat(createCache);
 function ThemeRegistry({
@@ -14,7 +14,7 @@ function ThemeRegistry({
   const [{
     cache,
     flush
-  }] = React.useState(() => {
+  }] = react.useState(() => {
     const localCache = createCache__default.default({
       key: "uv"
     });
@@ -51,6 +51,6 @@ function ThemeRegistry({
       __html: styles
     } }, cache.key);
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(react.CacheProvider, { value: cache, children: /* @__PURE__ */ jsxRuntime.jsx(react.ThemeProvider, { theme, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(react$1.CacheProvider, { value: cache, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ThemeProvider, { theme, children }) });
 }
 module.exports = ThemeRegistry;

package/dist/theme/index.cjs

@@ -10,7 +10,7 @@ const {
   typography,
   space,
   radii,
-  screens
+  breakpoints
 } = themes.consoleLightTheme;
 const extendTheme = (extendedTheme) => deepmerge__default.default(themes.consoleLightTheme, extendedTheme);
 const SENTIMENTS = ["primary", "secondary", "neutral", "success", "danger", "warning", "info"];
@@ -28,7 +28,7 @@ exports.SENTIMENTS_WITHOUT_NEUTRAL = SENTIMENTS_WITHOUT_NEUTRAL;
 exports.colors = colors;
 exports.extendTheme = extendTheme;
 exports.radii = radii;
-exports.screens = screens;
+exports.screens = breakpoints;
 exports.shadows = shadows;
 exports.space = space;
 exports.typography = typography;

package/dist/theme/index.d.ts

@@ -1,6 +1,6 @@
 import { consoleDarkTheme, consoleLightTheme } from '@ultraviolet/themes';
 import ThemeRegistry from './ThemeRegistry';
-export type ScreenSize = keyof typeof consoleLightTheme.screens;
+export type ScreenSize = keyof typeof consoleLightTheme.breakpoints;
 /**
  * @deprecated use UltravioletUITheme instead
  */
@@ -351,107 +351,6 @@ declare const colors: {
         textStrongDisabled: string;
         textStrongHover: string;
     };
-} & {
-    danger: {
-        backgroundWeak: string;
-        backgroundWeakDisabled: string;
-        backgroundWeakHover: string;
-        borderWeak: string;
-        borderWeakDisabled: string;
-        borderWeakHover: string;
-        iconWeak: string;
-        iconWeakDisabled: string;
-        iconWeakHover: string;
-        textWeak: string;
-        textWeakDisabled: string;
-        textWeakHover: string;
-    };
-    info: {
-        backgroundWeak: string;
-        backgroundWeakDisabled: string;
-        backgroundWeakHover: string;
-        borderWeak: string;
-        borderWeakDisabled: string;
-        borderWeakHover: string;
-        iconWeak: string;
-        iconWeakDisabled: string;
-        iconWeakHover: string;
-        textWeak: string;
-        textWeakDisabled: string;
-        textWeakHover: string;
-    };
-    primary: {
-        backgroundWeak: string;
-        backgroundWeakDisabled: string;
-        backgroundWeakHover: string;
-        borderWeak: string;
-        borderWeakDisabled: string;
-        borderWeakHover: string;
-        iconWeak: string;
-        iconWeakDisabled: string;
-        iconWeakHover: string;
-        textWeak: string;
-        textWeakDisabled: string;
-        textWeakHover: string;
-    };
-    secondary: {
-        backgroundWeak: string;
-        backgroundWeakDisabled: string;
-        backgroundWeakHover: string;
-        borderWeak: string;
-        borderWeakDisabled: string;
-        borderWeakHover: string;
-        iconWeak: string;
-        iconWeakDisabled: string;
-        iconWeakHover: string;
-        textWeak: string;
-        textWeakDisabled: string;
-        textWeakHover: string;
-    };
-    success: {
-        backgroundWeak: string;
-        backgroundWeakDisabled: string;
-        backgroundWeakHover: string;
-        borderWeak: string;
-        borderWeakDisabled: string;
-        borderWeakHover: string;
-        iconWeak: string;
-        iconWeakDisabled: string;
-        iconWeakHover: string;
-        textWeak: string;
-        textWeakDisabled: string;
-        textWeakHover: string;
-    };
-    warning: {
-        backgroundWeak: string;
-        backgroundWeakDisabled: string;
-        backgroundWeakHover: string;
-        borderWeak: string;
-        borderWeakDisabled: string;
-        borderWeakHover: string;
-        iconWeak: string;
-        iconWeakDisabled: string;
-        iconWeakHover: string;
-        textWeak: string;
-        textWeakDisabled: string;
-        textWeakHover: string;
-    };
-    other: {
-        gradients: {
-            background: {
-                gold: string;
-                purple: string;
-                strong: string;
-                accent: string;
-                aqua: string;
-                blue: string;
-                emerald: string;
-                fuschia: string;
-                magenta: string;
-                primary: string;
-            };
-        };
-    };
 }, shadows: {
     bulk: string;
     defaultShadow: string;
@@ -762,52 +661,6 @@ declare const colors: {
         textDecoration: string;
         weight: string;
     };
-} & {
-    body: {
-        fontFamily: string;
-    };
-    bodySmall: {
-        fontFamily: string;
-    };
-    bodySmallStrong: {
-        fontFamily: string;
-    };
-    bodySmallStronger: {
-        fontFamily: string;
-    };
-    bodyStrong: {
-        fontFamily: string;
-    };
-    bodyStronger: {
-        fontFamily: string;
-    };
-    caption: {
-        fontFamily: string;
-    };
-    captionSmall: {
-        fontFamily: string;
-    };
-    captionSmallStrong: {
-        fontFamily: string;
-    };
-    captionSmallStronger: {
-        fontFamily: string;
-    };
-    captionStrong: {
-        fontFamily: string;
-    };
-    captionStronger: {
-        fontFamily: string;
-    };
-    heading: {
-        fontFamily: string;
-    };
-    headingLarge: {
-        fontFamily: string;
-    };
-    headingSmall: {
-        fontFamily: string;
-    };
 }, space: {
     '0': string;
     '1': string;
@@ -831,12 +684,13 @@ declare const colors: {
     small: string;
     xlarge: string;
     xxlarge: string;
-}, screens: {
-    xsmall: number;
-    small: number;
-    medium: number;
-    large: number;
-    xlarge: number;
+}, breakpoints: {
+    large: string;
+    medium: string;
+    small: string;
+    xlarge: string;
+    xsmall: string;
+    xxsmall: string;
 };
 type RecursivePartial<T> = {
     [P in keyof T]?: RecursivePartial<T[P]>;
@@ -852,5 +706,5 @@ type ExtendedColor = Color | 'white' | 'black';
 declare const SENTIMENTS: readonly ["primary", "secondary", "neutral", "success", "danger", "warning", "info"];
 declare const SENTIMENTS_WITHOUT_NEUTRAL: ("primary" | "secondary" | "success" | "danger" | "warning" | "info")[];
 export type { SCWUITheme, UltravioletUITheme, Color, ExtendedColor };
-export { colors, shadows, space, radii, screens, consoleDarkTheme as darkTheme, extendTheme, SENTIMENTS, SENTIMENTS_WITHOUT_NEUTRAL, typography, ThemeRegistry, };
+export { colors, shadows, space, radii, breakpoints as screens, consoleDarkTheme as darkTheme, extendTheme, SENTIMENTS, SENTIMENTS_WITHOUT_NEUTRAL, typography, ThemeRegistry, };
 export default consoleLightTheme;

package/dist/theme/index.js

@@ -7,7 +7,7 @@ const {
   typography,
   space,
   radii,
-  screens
+  breakpoints
 } = consoleLightTheme;
 const extendTheme = (extendedTheme) => deepmerge(consoleLightTheme, extendedTheme);
 const SENTIMENTS = ["primary", "secondary", "neutral", "success", "danger", "warning", "info"];
@@ -20,7 +20,7 @@ export {
   consoleLightTheme2 as default,
   extendTheme,
   radii,
-  screens,
+  breakpoints as screens,
   shadows,
   space,
   typography