@itcase/ui 1.2.31 → 1.2.33

package/dist/cjs/components/Tab.js

@@ -3,28 +3,123 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var index = require('../appearance/Tab.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Badge = require('../../Badge-BMKD9teI.js');
-var Divider = require('../../Divider-3upWnf8a.js');
+var Badge = require('../../Badge-_xQzAcyN.js');
+var Divider = require('../../Divider-BoB-f9Gr.js');
 var Link = require('../../Link-CqWzwh8V.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('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../appearance/Badge.js');
-require('../appearance/Divider.js');
 require('../../tslib.es6-CCZ3TN_7.js');
-require('../appearance/Text.js');
+
+var tabAppearance = {
+    any: {
+        dividerFill: 'surfaceTertiary',
+        dividerFillActive: 'accentPrimary',
+        dividerFillDisabled: 'accentDisabled',
+        dividerFillHover: 'surfaceTertiary',
+        fill: 'surfacePrimary',
+        fillDisabled: 'surfaceDisabled',
+        fillHover: 'surfaceTertiary',
+        labelColor: 'surfaceTextPrimary',
+        labelColorActive: 'surfaceTextAccent',
+        labelColorDisabled: 'surfaceTextDisabled',
+    },
+    surfacePrimary: {
+        dividerFill: 'surfaceTertiary',
+        dividerFillActive: 'accentPrimary',
+        dividerFillDisabled: 'accentDisabled',
+        dividerFillHover: 'surfaceTertiary',
+        fill: 'surfacePrimary',
+        fillDisabled: 'surfaceDisabled',
+        fillHover: 'surfacePrimaryHover',
+        labelColor: 'surfaceTextPrimary',
+        labelColorActive: 'surfaceTextAccent',
+        labelColorDisabled: 'surfaceTextDisabled',
+    },
+    surfaceSecondary: {
+        dividerFill: 'surfaceTertiary',
+        dividerFillActive: 'accentPrimary',
+        dividerFillDisabled: 'accentDisabled',
+        dividerFillHover: 'surfaceTertiary',
+        fill: 'surfaceSecondary',
+        fillDisabled: 'surfaceDisabled',
+        fillHover: 'surfaceSecondaryHover',
+        labelColor: 'surfaceTextPrimary',
+        labelColorActive: 'surfaceTextAccent',
+        labelColorDisabled: 'surfaceTextDisabled',
+    },
+    surfaceTertiary: {
+        dividerFill: 'surfaceTertiary',
+        dividerFillActive: 'accentPrimary',
+        dividerFillDisabled: 'accentDisabled',
+        dividerFillHover: 'surfaceTertiary',
+        fill: 'surfaceTertiary',
+        fillDisabled: 'surfaceDisabled',
+        fillHover: 'surfaceTertiaryHover',
+        labelColor: 'surfaceTextPrimary',
+        labelColorActive: 'surfaceTextAccent',
+        labelColorDisabled: 'surfaceTextDisabled',
+    },
+    surfaceQuaternary: {
+        dividerFill: 'surfaceTertiary',
+        dividerFillActive: 'accentPrimary',
+        dividerFillDisabled: 'accentDisabled',
+        dividerFillHover: 'surfaceTertiary',
+        fill: 'surfaceQuaternary',
+        fillDisabled: 'surfaceDisabled',
+        fillHover: 'surfaceTertiaryHover',
+        labelColor: 'surfaceTextInverse',
+        labelColorActive: 'surfaceTextInverse',
+        labelColorDisabled: 'surfaceTextDisabled',
+    },
+    accent: {
+        dividerFill: 'surfaceTertiary',
+        dividerFillActive: 'surfacePrimary',
+        dividerFillDisabled: 'accentDisabled',
+        dividerFillHover: 'surfaceTertiary',
+        fill: 'accentPrimary',
+        fillDisabled: 'surfaceDisabled',
+        fillHover: 'accentPrimaryHover',
+        labelColor: 'accentTextPrimary',
+        labelColorActive: 'accentTextPrimary',
+        labelColorDisabled: 'surfaceTextDisabled',
+    },
+    primary: {
+        dividerFill: 'surfaceTertiary',
+        dividerFillActive: 'accentPrimary',
+        dividerFillDisabled: 'accentDisabled',
+        dividerFillHover: 'surfaceTertiary',
+        fill: 'primaryPrimary',
+        fillDisabled: 'surfaceDisabled',
+        fillHover: 'primaryPrimaryHover',
+        labelColor: 'primaryTextPrimary',
+        labelColorActive: 'primaryTextPrimary',
+        labelColorDisabled: 'surfaceTextDisabled',
+    },
+    secondary: {
+        dividerFill: 'surfaceTertiary',
+        dividerFillActive: 'accentPrimary',
+        dividerFillDisabled: 'accentDisabled',
+        dividerFillHover: 'surfaceTertiary',
+        fill: 'secondaryPrimary',
+        fillDisabled: 'surfaceDisabled',
+        fillHover: 'secondaryPrimaryHover',
+        labelColor: 'secondaryTextPrimary',
+        labelColorActive: 'secondaryTextPrimary',
+        labelColorDisabled: 'surfaceTextDisabled',
+    },
+};
 
 var tabConfig = {
-    appearance: index.tabAppearance,
+    appearance: tabAppearance,
     setAppearance: function (newComponent) {
         tabConfig.appearance = newComponent;
     },
@@ -153,4 +248,5 @@ function TabGroup(props) {
 
 exports.Tab = Tab;
 exports.TabGroup = TabGroup;
+exports.tabAppearance = tabAppearance;
 exports.tabConfig = tabConfig;

package/dist/cjs/components/Text.js

@@ -1,13 +1,12 @@
 'use strict';
 
-var Text = require('../../Text-1b-Bk7yG.js');
+var Text = require('../../Text-R6XNq6Ca.js');
 require('react/jsx-runtime');
 require('clsx');
-require('../appearance/Text.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');

package/dist/cjs/components/Textarea.js

@@ -3,20 +3,74 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var index = require('../appearance/Textarea.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-require('lodash/castArray');
 require('lodash/camelCase');
+require('lodash/castArray');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 
+var textareaAppearance = {
+    dev: {
+        borderColor: 'surfaceBorderTertiary',
+        borderHover: 'surfaceBorderQuaternary',
+        placeholderTextColor: 'surfaceTextSecondary',
+        shape: 'rounded',
+        size: 'm',
+        textColor: 'surfaceTextPrimary',
+        textSize: 'm',
+    },
+};
+var textareaState = {
+    active: {
+        borderColor: 'surfaceBorderActive',
+        placeholderTextColor: 'secondaryTextSecondary',
+    },
+    activeFilled: {
+        borderColor: 'surfaceBorderActive',
+        textColor: 'surfaceTextPrimary',
+    },
+    disabled: {
+        borderColor: 'surfaceBorderDisabled',
+        placeholderTextColor: 'surfaceTextDisabled',
+        textColor: 'surfaceTextPrimary',
+    },
+    error: {
+        borderColor: 'errorBorderPrimary',
+        placeholderTextColor: 'secondaryTextSecondary',
+    },
+    errorFilled: {
+        borderColor: 'errorBorderPrimary',
+        textColor: 'surfaceTextPrimary',
+    },
+    filled: {
+        borderColor: 'surfaceBorderQuaternary',
+        textColor: 'surfaceTextPrimary',
+    },
+    normal: {
+        borderColor: 'surfaceBorderQuaternary',
+        placeholderTextColor: 'secondaryTextSecondary',
+    },
+    readonly: {
+        borderColor: 'surfaceBorderDisabled',
+        textColor: 'surfaceTextPrimary',
+    },
+    require: {
+        borderColor: 'surfaceBorderActive',
+        textColor: 'surfaceTextPrimary',
+    },
+    success: {
+        borderColor: 'successBorderPrimary',
+        textColor: 'surfaceTextPrimary',
+    },
+};
+
 var textareaConfig = {
-    appearance: index.textareaAppearance,
+    appearance: textareaAppearance,
     setAppearance: function (newComponent) {
         textareaConfig.appearance = newComponent;
     },
-    state: index.textareaState,
+    state: textareaState,
     // eslint-disable-next-line perfectionist/sort-objects
     setState: function (newComponent) {
         textareaConfig.state = newComponent;

package/dist/cjs/components/Tile.js

@@ -2,27 +2,27 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
-var index = require('../appearance/Tile.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Badge = require('../../Badge-BMKD9teI.js');
-var Text = require('../../Text-1b-Bk7yG.js');
-var Title = require('../../Title-o5ofk8ge.js');
+var Badge = require('../../Badge-_xQzAcyN.js');
+var Text = require('../../Text-R6XNq6Ca.js');
+var Title = require('../../Title-DWIc05TX.js');
 require('react');
-require('lodash/castArray');
 require('lodash/camelCase');
+require('lodash/castArray');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../appearance/Badge.js');
-require('../appearance/Text.js');
-require('../appearance/Title.js');
+
+var tileAppearance = {
+    dev: {},
+};
 
 var tileConfig = {
-    appearance: index.tileAppearance,
+    appearance: tileAppearance,
     setAppearance: function (newComponent) {
         tileConfig.appearance = newComponent;
     },

package/dist/cjs/components/Title.js

@@ -1,16 +1,15 @@
 'use strict';
 
-var Title = require('../../Title-o5ofk8ge.js');
+var Title = require('../../Title-DWIc05TX.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
-require('../appearance/Title.js');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../hooks/useDeviceTargetClass.js');
-require('lodash/castArray');
 require('lodash/camelCase');
+require('lodash/castArray');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');

package/dist/cjs/components/Tooltip.js

@@ -1,13 +1,12 @@
 'use strict';
 
-var Tooltip = require('../../Tooltip-CNJN2lf5.js');
+var Tooltip = require('../../Tooltip-BswHy19O.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
-require('../appearance/Tooltip.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,10 +14,8 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Text-1b-Bk7yG.js');
-require('../appearance/Text.js');
-require('../../Title-o5ofk8ge.js');
-require('../appearance/Title.js');
+require('../../Text-R6XNq6Ca.js');
+require('../../Title-DWIc05TX.js');
 
 
 

package/dist/cjs/components/Video.js

@@ -16,7 +16,7 @@ function Video(props) {
     var id = props.id, children = props.children, className = props.className, poster = props.poster, webm = props.webm, ogv = props.ogv, mp4 = props.mp4, type = props.type, position = props.position;
     // @ts-expect-error
     var videoStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs("div", { className: clsx('video', className, type && "video_type_".concat(type), position && "video_position_".concat(position)), id: id, style: videoStyles, children: [jsxRuntime.jsxs("video", { autoPlay: true, className: "video__wrapper", poster: poster, muted: true, loop: true, playsInline: false, children: [webm && (jsxRuntime.jsx("source", { src: webm, type: "video/webm", 
+    return (jsxRuntime.jsxs("div", { className: clsx('video', className, type && "video_type_".concat(type), position && "video_position_".concat(position)), id: id, style: videoStyles, children: [jsxRuntime.jsxs("video", { className: "video__wrapper", autoPlay: true, muted: true, loop: true, poster: poster, playsInline: false, children: [webm && (jsxRuntime.jsx("source", { src: webm, type: "video/webm", 
                         // @ts-expect-error
                         codecs: "vp8, vorbis" })), ogv && (jsxRuntime.jsx("source", { src: ogv, type: "video/ogg", 
                         // @ts-expect-error

package/dist/cjs/components/Wrapper.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');

package/dist/cjs/hooks/useDeviceTargetClass.js

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var castArray = require('lodash/castArray');
 var camelCase = require('lodash/camelCase');
+var castArray = require('lodash/castArray');
 var UIContext = require('../context/UIContext.js');
 require('react/jsx-runtime');
 require('./useMediaQueries.js');

package/dist/components/Accordion.js

@@ -5,9 +5,9 @@ import clsx from 'clsx';
 import castArray from 'lodash/castArray';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { D as Divider } from '../Divider-DE2Q5J36.js';
-import { I as Icon } from '../Icon-B7BJo5kW.js';
-import { T as Text } from '../Text-DlSG_p4u.js';
+import { D as Divider } from '../Divider-DHIuQUsH.js';
+import { I as Icon } from '../Icon-DptCmI_y.js';
+import { T as Text } from '../Text-C4Bg2Mv6.js';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
@@ -15,44 +15,10 @@ import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../appearance/Divider.js';
 import 'react-inlinesvg';
-import '../appearance/Icon.js';
 import '../Link-CeQuavin.js';
-import '../Tooltip-f5EWhsGj.js';
-import '../appearance/Tooltip.js';
-import '../Title-mkus84Rh.js';
-import '../appearance/Title.js';
-import '../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
-};
+import '../Tooltip--c-4Qp04.js';
+import '../Title-YVzIwk68.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/components/Avatar.js

@@ -1,29 +1,28 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
-import { avatarAppearance } from '../appearance/Avatar.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { I as Icon } from '../Icon-B7BJo5kW.js';
+import { I as Icon } from '../Icon-DptCmI_y.js';
 import { I as Image } from '../Image-8t6PvsaZ.js';
-import { T as Text } from '../Text-DlSG_p4u.js';
-import 'lodash/castArray';
+import { T as Text } from '../Text-C4Bg2Mv6.js';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react-inlinesvg';
-import '../appearance/Icon.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CeQuavin.js';
-import '../Tooltip-f5EWhsGj.js';
-import '../appearance/Tooltip.js';
-import '../Title-mkus84Rh.js';
-import '../appearance/Title.js';
-import '../appearance/Text.js';
+import '../Tooltip--c-4Qp04.js';
+import '../Title-YVzIwk68.js';
+
+var avatarAppearance = {
+    dev: {},
+};
 
 var avatarConfig = {
     appearance: avatarAppearance,

package/dist/components/Badge.js

@@ -1,11 +1,10 @@
-export { B as Badge, b as badgeConfig } from '../Badge-DQnTpE4I.js';
+export { B as Badge, b as badgeAppearance, a as badgeConfig } from '../Badge-DBjlLLfX.js';
 import 'react/jsx-runtime';
 import 'clsx';
-import '../appearance/Badge.js';
 import '../hooks/useDeviceTargetClass.js';
 import 'react';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
@@ -13,5 +12,4 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-DlSG_p4u.js';
-import '../appearance/Text.js';
+import '../Text-C4Bg2Mv6.js';

package/dist/components/Breadcrumbs.js

@@ -5,9 +5,9 @@ import clsx from 'clsx';
 import camelCase from 'lodash/camelCase';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { I as Icon } from '../Icon-B7BJo5kW.js';
+import { I as Icon } from '../Icon-DptCmI_y.js';
 import { a as LinkWrapper } from '../Link-CeQuavin.js';
-import { T as Text } from '../Text-DlSG_p4u.js';
+import { T as Text } from '../Text-C4Bg2Mv6.js';
 import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
@@ -16,12 +16,8 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import 'react-inlinesvg';
-import '../appearance/Icon.js';
-import '../Tooltip-f5EWhsGj.js';
-import '../appearance/Tooltip.js';
-import '../Title-mkus84Rh.js';
-import '../appearance/Title.js';
-import '../appearance/Text.js';
+import '../Tooltip--c-4Qp04.js';
+import '../Title-YVzIwk68.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/components/Button.js

@@ -1,11 +1,10 @@
-export { B as Button, b as buttonConfig } from '../Button-DS2l65oq.js';
+export { B as Button, a as buttonAppearance, b as buttonConfig } from '../Button-C8MATksY.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
-import '../appearance/Button.js';
 import '../hooks/useDeviceTargetClass.js';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
@@ -13,16 +12,11 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-B7BJo5kW.js';
+import '../Icon-DptCmI_y.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react-inlinesvg';
-import '../appearance/Icon.js';
 import '../Link-CeQuavin.js';
-import '../Tooltip-f5EWhsGj.js';
-import '../appearance/Tooltip.js';
-import '../Text-DlSG_p4u.js';
-import '../appearance/Text.js';
-import '../Title-mkus84Rh.js';
-import '../appearance/Title.js';
-import '../Loader-CqEocvjh.js';
-import '../appearance/Loader.js';
+import '../Tooltip--c-4Qp04.js';
+import '../Text-C4Bg2Mv6.js';
+import '../Title-YVzIwk68.js';
+import '../Loader-DHNcD09o.js';

package/dist/components/Caption.js

@@ -3,8 +3,8 @@ import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
 import 'react';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';

package/dist/components/Card.js

@@ -2,10 +2,10 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { I as Image } from '../Image-8t6PvsaZ.js';
-import { T as Text } from '../Text-DlSG_p4u.js';
+import { T as Text } from '../Text-C4Bg2Mv6.js';
 import 'react';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
@@ -13,7 +13,6 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../appearance/Text.js';
 
 function Card(props) {
     var children = props.children, className = props.className, image = props.image, _a = props.imageShape, imageShape = _a === void 0 ? 'rounded' : _a, size = props.size, src = props.src, text = props.text, _b = props.textColor, textColor = _b === void 0 ? 'surfaceTextPrimary' : _b, _c = props.textSize, textSize = _c === void 0 ? 'p' : _c, textTag = props.textTag, title = props.title, _d = props.titleColor, titleColor = _d === void 0 ? 'surfaceTextPrimary' : _d, _e = props.titleSize, titleSize = _e === void 0 ? 'h5' : _e, _f = props.titleTag, titleTag = _f === void 0 ? 'span' : _f, type = props.type, onClick = props.onClick;

package/dist/components/Cell.js

@@ -2,12 +2,12 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { I as Icon } from '../Icon-B7BJo5kW.js';
-import { L as Label } from '../Label-Chm6tl6E.js';
-import { T as Text } from '../Text-DlSG_p4u.js';
+import { I as Icon } from '../Icon-DptCmI_y.js';
+import { L as Label } from '../Label-zOLL6ePu.js';
+import { T as Text } from '../Text-C4Bg2Mv6.js';
 import 'react';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
@@ -16,14 +16,9 @@ import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react-inlinesvg';
-import '../appearance/Icon.js';
 import '../Link-CeQuavin.js';
-import '../Tooltip-f5EWhsGj.js';
-import '../appearance/Tooltip.js';
-import '../Title-mkus84Rh.js';
-import '../appearance/Title.js';
-import '../appearance/Label.js';
-import '../appearance/Text.js';
+import '../Tooltip--c-4Qp04.js';
+import '../Title-YVzIwk68.js';
 
 function Cell(props) {
     var isActive = props.isActive, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, isEqual = props.isEqual, after = props.after, before = props.before, className = props.className, mode = props.mode, reverse = props.reverse, set = props.set, showTitleLabel = props.showTitleLabel, showValueLabel = props.showValueLabel, size = props.size, title = props.title, titleIcon = props.titleIcon, titleIconFill = props.titleIconFill, titleIconFillHover = props.titleIconFillHover, titleIconFillSize = props.titleIconFillSize, titleIconItemFill = props.titleIconItemFill, titleIconShape = props.titleIconShape, titleIconSrc = props.titleIconSrc, titleLabel = props.titleLabel, titleLabelAppearance = props.titleLabelAppearance, titleLabelShape = props.titleLabelShape, titleLabelSize = props.titleLabelSize, titleLabelTextSize = props.titleLabelTextSize, titleTag = props.titleTag, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextTruncate = props.titleTextTruncate, titleTextWeight = props.titleTextWeight, titleTextWrap = props.titleTextWrap, value = props.value, valueIcon = props.valueIcon, valueIconFill = props.valueIconFill, valueIconFillHover = props.valueIconFillHover, valueIconFillSize = props.valueIconFillSize, valueIconItemFill = props.valueIconItemFill, valueIconShape = props.valueIconShape, valueIconSrc = props.valueIconSrc, valueLabel = props.valueLabel, valueLabelAppearance = props.valueLabelAppearance, valueLabelShape = props.valueLabelShape, valueLabelSize = props.valueLabelSize, valueLabelTextSize = props.valueLabelTextSize, valueTag = props.valueTag, valueTextAlign = props.valueTextAlign, valueTextColor = props.valueTextColor, valueTextSize = props.valueTextSize, valueTextTruncate = props.valueTextTruncate, valueTextWeight = props.valueTextWeight, valueTextWrap = props.valueTextWrap, zeroGap = props.zeroGap, zeroPadding = props.zeroPadding, onClick = props.onClick, onMouseEnter = props.onMouseEnter;

package/dist/components/Checkbox.js

@@ -1,20 +1,38 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { checkboxAppearance, checkboxState } from '../appearance/Checkbox.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { T as Text } from '../Text-DlSG_p4u.js';
+import { T as Text } from '../Text-C4Bg2Mv6.js';
 import 'react';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../appearance/Text.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 
+var checkboxAppearance = {
+    dev: {
+        descTextColor: 'surfaceTextPrimary',
+        descTextSize: 'm',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextSize: 'm',
+        stateBorderColor: 'surfaceBorderQuaternary',
+        stateBorderWidth: '1',
+        stateCheckmarkFill: 'accentItemPrimary',
+        stateFillChecked: 'accentPrimary',
+        stateShape: 'rounded',
+    },
+};
+var checkboxState = {
+    normal: {
+        borderColor: 'surfaceBorderQuaternary',
+        placeholderTextColor: 'secondaryTextSecondary',
+    },
+};
+
 var checkboxConfig = {
     appearance: checkboxAppearance,
     setAppearance: function (newComponent) {