@itcase/ui 1.2.31 → 1.2.32

package/dist/{Label-BBm19sQ-.js → Label-B06hLCqo.js}

@@ -3,14 +3,66 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var index = require('./cjs/appearance/Label.js');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
-var Text = require('./Text-1b-Bk7yG.js');
-var Tooltip = require('./Tooltip-CNJN2lf5.js');
+var Text = require('./Text-R6XNq6Ca.js');
+var Tooltip = require('./Tooltip-BswHy19O.js');
+
+var labelAppearance = {
+    dev: {
+        fill: 'surfaceSecondary',
+        label: 'Label',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextSize: 'm',
+        shape: 'rounded',
+        size: 'l',
+    },
+    accent: {
+        fill: 'accentPrimary',
+        labelTextColor: 'accentTextPrimary',
+        labelTextColorHover: 'accentTextPrimary',
+    },
+    primary: {
+        fill: 'primaryPrimary',
+        labelTextColor: 'primaryTextPrimary',
+        labelTextColorHover: 'primaryTextPrimary',
+    },
+    secondary: {
+        fill: 'secondaryPrimary',
+        labelTextColor: 'secondaryTextPrimary',
+        labelTextColorHover: 'secondaryTextPrimary',
+    },
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        fillHover: 'surfacePrimaryHover',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextColorHover: 'surfaceTextPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextColorHover: 'surfaceTextPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextColorHover: 'surfaceTextPrimary',
+    },
+    surfaceQuaternary: {
+        fill: 'surfaceQuaternary',
+        labelTextColor: 'surfaceTextInverse',
+        labelTextColorHover: 'surfaceTextInverse',
+    },
+    gradientPrimary: {
+        fill: 'gradientPrimary',
+        labelTextColor: 'surfaceTextInverse',
+        labelTextColorHover: 'surfaceTextInverse',
+        labelTextWeight: 600,
+    },
+};
 
 var labelConfig = {
-    appearance: index.labelAppearance,
+    appearance: labelAppearance,
     setAppearance: function (newComponent) {
         labelConfig.appearance = newComponent;
     },
@@ -83,4 +135,5 @@ function Label(props) {
 }
 
 exports.Label = Label;
+exports.labelAppearance = labelAppearance;
 exports.labelConfig = labelConfig;

package/dist/{Label-Chm6tl6E.js → Label-zOLL6ePu.js}

@@ -1,11 +1,63 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useCallback } from 'react';
 import clsx from 'clsx';
-import { labelAppearance } from './appearance/Label.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-DlSG_p4u.js';
-import { T as Tooltip } from './Tooltip-f5EWhsGj.js';
+import { T as Text } from './Text-C4Bg2Mv6.js';
+import { T as Tooltip } from './Tooltip--c-4Qp04.js';
+
+var labelAppearance = {
+    dev: {
+        fill: 'surfaceSecondary',
+        label: 'Label',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextSize: 'm',
+        shape: 'rounded',
+        size: 'l',
+    },
+    accent: {
+        fill: 'accentPrimary',
+        labelTextColor: 'accentTextPrimary',
+        labelTextColorHover: 'accentTextPrimary',
+    },
+    primary: {
+        fill: 'primaryPrimary',
+        labelTextColor: 'primaryTextPrimary',
+        labelTextColorHover: 'primaryTextPrimary',
+    },
+    secondary: {
+        fill: 'secondaryPrimary',
+        labelTextColor: 'secondaryTextPrimary',
+        labelTextColorHover: 'secondaryTextPrimary',
+    },
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        fillHover: 'surfacePrimaryHover',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextColorHover: 'surfaceTextPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextColorHover: 'surfaceTextPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextColorHover: 'surfaceTextPrimary',
+    },
+    surfaceQuaternary: {
+        fill: 'surfaceQuaternary',
+        labelTextColor: 'surfaceTextInverse',
+        labelTextColorHover: 'surfaceTextInverse',
+    },
+    gradientPrimary: {
+        fill: 'gradientPrimary',
+        labelTextColor: 'surfaceTextInverse',
+        labelTextColorHover: 'surfaceTextInverse',
+        labelTextWeight: 600,
+    },
+};
 
 var labelConfig = {
     appearance: labelAppearance,
@@ -80,4 +132,4 @@ function Label(props) {
                         ref: tooltipRef, alignment: tooltipAlignment, appearance: tooltipAppearance, arrowPosition: tooltipArrowPosition, text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize, children: tooltipContent }))] }), after] }));
 }
 
-export { Label as L, labelConfig as l };
+export { Label as L, labelAppearance as a, labelConfig as l };

package/dist/{Loader-CqEocvjh.js → Loader-DHNcD09o.js}

@@ -1,9 +1,35 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { loaderAppearance } from './appearance/Loader.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-DlSG_p4u.js';
+import { T as Text } from './Text-C4Bg2Mv6.js';
+
+var loaderAppearance = {
+    accent: {
+        fill: 'accentPrimary',
+        itemFill: 'accentItemPrimary',
+    },
+    primary: {
+        fill: 'primaryPrimary',
+        itemFill: 'primaryItemPrimary',
+    },
+    secondary: {
+        fill: 'secondaryPrimary',
+        itemFill: 'secondaryItemPrimary',
+    },
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        itemFill: 'surfaceItemPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        itemFill: 'surfaceItemPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        itemFill: 'surfaceItemPrimary',
+    },
+};
 
 // TODO: is better to use context?
 var loaderConfig = {

package/dist/{Loader-DRTOGvF1.js → Loader-DReoCdZ2.js}

@@ -2,14 +2,40 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
-var index = require('./cjs/appearance/Loader.js');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
-var Text = require('./Text-1b-Bk7yG.js');
+var Text = require('./Text-R6XNq6Ca.js');
+
+var loaderAppearance = {
+    accent: {
+        fill: 'accentPrimary',
+        itemFill: 'accentItemPrimary',
+    },
+    primary: {
+        fill: 'primaryPrimary',
+        itemFill: 'primaryItemPrimary',
+    },
+    secondary: {
+        fill: 'secondaryPrimary',
+        itemFill: 'secondaryItemPrimary',
+    },
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        itemFill: 'surfaceItemPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        itemFill: 'surfaceItemPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        itemFill: 'surfaceItemPrimary',
+    },
+};
 
 // TODO: is better to use context?
 var loaderConfig = {
-    appearance: index.loaderAppearance,
+    appearance: loaderAppearance,
     setAppearance: function (newComponent) {
         loaderConfig.appearance = newComponent;
     },

package/dist/{MenuItem-DPJ_9FxW.js → MenuItem-BXogEsbS.js}

@@ -3,14 +3,22 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var index = require('./cjs/appearance/MenuItem.js');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
 var Link = require('./Link-CqWzwh8V.js');
-var Text = require('./Text-1b-Bk7yG.js');
+var Text = require('./Text-R6XNq6Ca.js');
+
+var menuItemAppearance = {
+    any: {
+        fill: 'surfacePrimary',
+        textColor: 'surfaceTextPrimary',
+        textColorActive: 'surfaceTextAccent',
+        textColorHover: 'surfaceTextAccent',
+    },
+};
 
 var menuItemConfig = {
-    appearance: index.menuItemAppearance,
+    appearance: menuItemAppearance,
     setAppearance: function (newComponent) {
         menuItemConfig.appearance = newComponent;
     },

package/dist/{MenuItem-zHzWXIvQ.js → MenuItem-C7frDyBO.js}

@@ -1,11 +1,19 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
-import { menuItemAppearance } from './appearance/MenuItem.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 import { L as Link } from './Link-CeQuavin.js';
-import { T as Text } from './Text-DlSG_p4u.js';
+import { T as Text } from './Text-C4Bg2Mv6.js';
+
+var menuItemAppearance = {
+    any: {
+        fill: 'surfacePrimary',
+        textColor: 'surfaceTextPrimary',
+        textColorActive: 'surfaceTextAccent',
+        textColorHover: 'surfaceTextAccent',
+    },
+};
 
 var menuItemConfig = {
     appearance: menuItemAppearance,

package/dist/{Text-DlSG_p4u.js → Text-C4Bg2Mv6.js}

@@ -1,9 +1,15 @@
 import { jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { textAppearance } from './appearance/Text.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 
+var textAppearance = {
+    dev: {
+        size: 'm',
+        textColor: 'surfaceTextPrimary',
+    },
+};
+
 var textConfig = {
     appearance: textAppearance,
     setAppearance: function (newComponent) {

package/dist/{Text-1b-Bk7yG.js → Text-R6XNq6Ca.js}

@@ -2,12 +2,18 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
-var index = require('./cjs/appearance/Text.js');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
 
+var textAppearance = {
+    dev: {
+        size: 'm',
+        textColor: 'surfaceTextPrimary',
+    },
+};
+
 var textConfig = {
-    appearance: index.textAppearance,
+    appearance: textAppearance,
     setAppearance: function (newComponent) {
         textConfig.appearance = newComponent;
     },

package/dist/{Title-o5ofk8ge.js → Title-DWIc05TX.js}

@@ -3,13 +3,18 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var index = require('./cjs/appearance/Title.js');
 var UIContext = require('./cjs/context/UIContext.js');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
 
+var titleAppearance = {
+    dev: {
+        textColor: 'surfaceTextPrimary',
+    },
+};
+
 var titleConfig = {
-    appearance: index.titleAppearance,
+    appearance: titleAppearance,
     setAppearance: function (newComponent) {
         titleConfig.appearance = newComponent;
     },

package/dist/{Title-mkus84Rh.js → Title-YVzIwk68.js}

@@ -1,11 +1,16 @@
 import { jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
-import { titleAppearance } from './appearance/Title.js';
 import { useUserDeviceContext } from './context/UIContext.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 
+var titleAppearance = {
+    dev: {
+        textColor: 'surfaceTextPrimary',
+    },
+};
+
 var titleConfig = {
     appearance: titleAppearance,
     setAppearance: function (newComponent) {

package/dist/{Tooltip-f5EWhsGj.js → Tooltip--c-4Qp04.js}

@@ -1,11 +1,28 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useRef, useState, useCallback, useImperativeHandle } from 'react';
 import clsx from 'clsx';
-import { tooltipAppearance } from './appearance/Tooltip.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-DlSG_p4u.js';
-import { T as Title } from './Title-mkus84Rh.js';
+import { T as Text } from './Text-C4Bg2Mv6.js';
+import { T as Title } from './Title-YVzIwk68.js';
+
+var tooltipAppearance = {
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        textColor: 'surfaceTextPrimary',
+        titleTextColor: 'surfaceTextPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        textColor: 'surfaceTextPrimary',
+        titleTextColor: 'surfaceTextPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        textColor: 'surfaceTextPrimary',
+        titleTextColor: 'surfaceTextPrimary',
+    },
+};
 
 var tooltipConfig = {
     appearance: tooltipAppearance,

package/dist/{Tooltip-CNJN2lf5.js → Tooltip-BswHy19O.js}

@@ -3,14 +3,31 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var index = require('./cjs/appearance/Tooltip.js');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
-var Text = require('./Text-1b-Bk7yG.js');
-var Title = require('./Title-o5ofk8ge.js');
+var Text = require('./Text-R6XNq6Ca.js');
+var Title = require('./Title-DWIc05TX.js');
+
+var tooltipAppearance = {
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        textColor: 'surfaceTextPrimary',
+        titleTextColor: 'surfaceTextPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        textColor: 'surfaceTextPrimary',
+        titleTextColor: 'surfaceTextPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        textColor: 'surfaceTextPrimary',
+        titleTextColor: 'surfaceTextPrimary',
+    },
+};
 
 var tooltipConfig = {
-    appearance: index.tooltipAppearance,
+    appearance: tooltipAppearance,
     setAppearance: function (newComponent) {
         tooltipConfig.appearance = newComponent;
     },

package/dist/cjs/components/Accordion.js

@@ -7,9 +7,9 @@ var clsx = require('clsx');
 var castArray = require('lodash/castArray');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Divider = require('../../Divider-3upWnf8a.js');
-var Icon = require('../../Icon-PoesVPJn.js');
-var Text = require('../../Text-1b-Bk7yG.js');
+var Divider = require('../../Divider-BoB-f9Gr.js');
+var Icon = require('../../Icon-C8ACV9r7.js');
+var Text = require('../../Text-R6XNq6Ca.js');
 require('lodash/camelCase');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
@@ -17,44 +17,10 @@ require('react-responsive');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../appearance/Divider.js');
 require('react-inlinesvg');
-require('../appearance/Icon.js');
 require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-CNJN2lf5.js');
-require('../appearance/Tooltip.js');
-require('../../Title-o5ofk8ge.js');
-require('../appearance/Title.js');
-require('../appearance/Text.js');
-
-var ChevronDown16 = function ChevronDown16(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M8 11C8.23051 11 8.42712 10.9233 8.60339 10.764L13.7763 6.16224C13.9254 6.03835 14 5.87316 14 5.68437C14 5.30088 13.661 5 13.2136 5C12.9966 5 12.8 5.0767 12.6508 5.20649L8 9.35398L3.34915 5.20649C3.19322 5.0767 2.99661 5 2.77966 5C2.33898 5 2 5.30089 2 5.68437C2 5.87316 2.07458 6.03835 2.22373 6.16224L7.39661 10.764C7.57288 10.9233 7.76949 10.9941 8 11Z"
-  }));
-};
-ChevronDown16.defaultProps = {
-  width: "16",
-  height: "16",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  stroke: "none"
-};
-var ChevronTop16 = function ChevronTop16(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M8 5C7.76949 5 7.57288 5.0767 7.39661 5.23599L2.22373 9.83776C2.07458 9.96165 2 10.1268 2 10.3156C2 10.6991 2.33898 11 2.78644 11C3.00339 11 3.2 10.9233 3.34915 10.7935L8 6.64602L12.6508 10.7935C12.8068 10.9233 13.0034 11 13.2203 11C13.661 11 14 10.6991 14 10.3156C14 10.1268 13.9254 9.96165 13.7763 9.83776L8.60339 5.23599C8.42712 5.0767 8.23051 5.0059 8 5Z"
-  }));
-};
-ChevronTop16.defaultProps = {
-  width: "16",
-  height: "16",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  stroke: "none"
-};
-const icon16 = {
-  ChevronDown: ChevronDown16,
-  ChevronTop: ChevronTop16
-};
+require('../../Tooltip-BswHy19O.js');
+require('../../Title-DWIc05TX.js');
 
 function AccordionItem(props) {
     var id = props.id, children = props.children, isExpanded = props.isExpanded, afterContent = props.afterContent, beforeContent = props.beforeContent, className = props.className, content = props.content, contentTextColor = props.contentTextColor, contentTextSize = props.contentTextSize, contentTextWeight = props.contentTextWeight, dividerDirection = props.dividerDirection, dividerFill = props.dividerFill, dividerSize = props.dividerSize, icon = props.icon, _a = props.iconFill, iconFill = _a === void 0 ? 'surfaceItemAccent' : _a, showDivider = props.showDivider, size = props.size, title = props.title, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, onClick = props.onClick;

package/dist/cjs/components/Avatar.js

@@ -3,32 +3,31 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var index = require('../appearance/Avatar.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Icon = require('../../Icon-PoesVPJn.js');
+var Icon = require('../../Icon-C8ACV9r7.js');
 var Image = require('../../Image-DrUlRMHa.js');
-var Text = require('../../Text-1b-Bk7yG.js');
-require('lodash/castArray');
+var Text = require('../../Text-R6XNq6Ca.js');
 require('lodash/camelCase');
+require('lodash/castArray');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react-inlinesvg');
-require('../appearance/Icon.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-CNJN2lf5.js');
-require('../appearance/Tooltip.js');
-require('../../Title-o5ofk8ge.js');
-require('../appearance/Title.js');
-require('../appearance/Text.js');
+require('../../Tooltip-BswHy19O.js');
+require('../../Title-DWIc05TX.js');
+
+var avatarAppearance = {
+    dev: {},
+};
 
 var avatarConfig = {
-    appearance: index.avatarAppearance,
+    appearance: avatarAppearance,
     setAppearance: function (newComponent) {
         avatarConfig.appearance = newComponent;
     },

package/dist/cjs/components/Badge.js

@@ -1,13 +1,12 @@
 'use strict';
 
-var Badge = require('../../Badge-BMKD9teI.js');
+var Badge = require('../../Badge-CHeBPRrf.js');
 require('react/jsx-runtime');
 require('clsx');
-require('../appearance/Badge.js');
 require('../hooks/useDeviceTargetClass.js');
 require('react');
-require('lodash/castArray');
 require('lodash/camelCase');
+require('lodash/castArray');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
@@ -15,8 +14,7 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Text-1b-Bk7yG.js');
-require('../appearance/Text.js');
+require('../../Text-R6XNq6Ca.js');
 
 
 

package/dist/cjs/components/Breadcrumbs.js

@@ -7,9 +7,9 @@ var clsx = require('clsx');
 var camelCase = require('lodash/camelCase');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Icon = require('../../Icon-PoesVPJn.js');
+var Icon = require('../../Icon-C8ACV9r7.js');
 var Link = require('../../Link-CqWzwh8V.js');
-var Text = require('../../Text-1b-Bk7yG.js');
+var Text = require('../../Text-R6XNq6Ca.js');
 require('lodash/castArray');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
@@ -18,12 +18,8 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('react-inlinesvg');
-require('../appearance/Icon.js');
-require('../../Tooltip-CNJN2lf5.js');
-require('../appearance/Tooltip.js');
-require('../../Title-o5ofk8ge.js');
-require('../appearance/Title.js');
-require('../appearance/Text.js');
+require('../../Tooltip-BswHy19O.js');
+require('../../Title-DWIc05TX.js');
 
 function BreadcrumbsItem(props) {
     var children = props.children, className = props.className, cursor = props.cursor, _a = props.set, set = _a === void 0 ? 'default' : _a, text = props.text, textSize = props.textSize, textColor = props.textColor, textColorHover = props.textColorHover, href = props.href, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, onClick = props.onClick;

package/dist/cjs/components/Button.js

@@ -1,13 +1,12 @@
 'use strict';
 
-var Button = require('../../Button-x4mnZJoS.js');
+var Button = require('../../Button-ChSAts3j.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
-require('../appearance/Button.js');
 require('../hooks/useDeviceTargetClass.js');
-require('lodash/castArray');
 require('lodash/camelCase');
+require('lodash/castArray');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
@@ -15,21 +14,17 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Icon-PoesVPJn.js');
+require('../../Icon-C8ACV9r7.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react-inlinesvg');
-require('../appearance/Icon.js');
 require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-CNJN2lf5.js');
-require('../appearance/Tooltip.js');
-require('../../Text-1b-Bk7yG.js');
-require('../appearance/Text.js');
-require('../../Title-o5ofk8ge.js');
-require('../appearance/Title.js');
-require('../../Loader-DRTOGvF1.js');
-require('../appearance/Loader.js');
+require('../../Tooltip-BswHy19O.js');
+require('../../Text-R6XNq6Ca.js');
+require('../../Title-DWIc05TX.js');
+require('../../Loader-DReoCdZ2.js');
 
 
 
 exports.Button = Button.Button;
+exports.buttonAppearance = Button.buttonAppearance;
 exports.buttonConfig = Button.buttonConfig;

package/dist/cjs/components/Caption.js

@@ -5,8 +5,8 @@ var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
 require('react');
-require('lodash/castArray');
 require('lodash/camelCase');
+require('lodash/castArray');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');