@trops/dash-core 0.1.830 → 0.1.831

package/dist/index.esm.js

@@ -2,7 +2,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _typeof from '@babel/runtime/helpers/typeof';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import * as DashReact from '@trops/dash-react';
-import { isObject as isObject$1, ThemeContext, FontAwesomeIcon, getStylesForItem, themeObjects, Modal, deepCopy, MainSection, getUUID, SearchInput, ButtonIcon, SubHeading3, InputText, Button, Tag, Button3, Button2, Paragraph, Sidebar, Panel, Stepper, AlertBanner, Heading, Heading3, MenuItem3, SelectMenu, tailwindHeightFractions, CodeEditorVS, FormLabel, Switch, Menu3, Panel3, useStatusTokens, StatusBadge as StatusBadge$1, ActionMenu, Caption2, ConfirmationModal, DropComponent, DragComponent, getStyleName, capitalizeFirstLetter, isHexColor as isHexColor$1, deriveShades, colorTypes, TAILWIND_PALETTE, Toggle, normalizeHex as normalizeHex$1, contrastRatio, Caption, getColorFamilies, getCuratedColorGrid, DashPanel, hexToRgb as hexToRgb$1, themeVariants, SubHeading, Heading2, SubHeading2, Paragraph2, Paragraph3, ButtonIcon2, ButtonIcon3, Tag2, Tag3, Alert, Alert2, Alert3, Toast, Toast2, Toast3, ProgressBar, ProgressBar2, ProgressBar3, MenuItem, Breadcrumbs, Breadcrumbs2, Breadcrumbs3, MenuItem2, Caption3, Code, Code2, Code3, Divider, Divider2, Divider3, DashPanel2, DashPanel3, Tabs, Tabs2, Tabs3, Accordion, Accordion2, Accordion3, Toggle2, Toggle3, TextArea, Checkbox, Slider, RadioGroup, SelectInput, Skeleton, StatCard, DataList, EmptyState, Card, Card2, Card3, Panel2, ThemeFromUrlPane, SettingsModal, ListRow, AlgoliaSearchBox, ChatMessage, DropdownPanel, SectionLabel, CodeEditorInline, Icon2, SegmentedControl, ChatComposer, useResizableWidth, ResizeHandle, PanelHeader, ChoiceMenu, CommandPalette, useSidebar, FilterMenu, ChatToolCall, Navbar, withRouter, Menu as Menu$1 } from '@trops/dash-react';
+import { isObject as isObject$1, ThemeContext, FontAwesomeIcon, getStylesForItem, themeObjects, Modal, deepCopy, MainSection, getUUID, SearchInput, ButtonIcon, SubHeading3, InputText, Button, Tag, Button3, Button2, Paragraph, Sidebar, Panel, Stepper, AlertBanner, Heading, Heading3, MenuItem3, SelectMenu, tailwindHeightFractions, CodeEditorVS, FormLabel, DASH_ROLES, Switch, Menu3, Panel3, useStatusTokens, StatusBadge as StatusBadge$1, ActionMenu, Caption2, ConfirmationModal, DropComponent, DragComponent, getStyleName, capitalizeFirstLetter, isHexColor as isHexColor$1, deriveShades, colorTypes, TAILWIND_PALETTE, Toggle, normalizeHex as normalizeHex$1, contrastRatio, Caption, getColorFamilies, getCuratedColorGrid, DashPanel, hexToRgb as hexToRgb$1, themeVariants, SubHeading, Heading2, SubHeading2, Paragraph2, Paragraph3, ButtonIcon2, ButtonIcon3, Tag2, Tag3, Alert, Alert2, Alert3, Toast, Toast2, Toast3, ProgressBar, ProgressBar2, ProgressBar3, MenuItem, Breadcrumbs, Breadcrumbs2, Breadcrumbs3, MenuItem2, Caption3, Code, Code2, Code3, Divider, Divider2, Divider3, DashPanel2, DashPanel3, Tabs, Tabs2, Tabs3, Accordion, Accordion2, Accordion3, Toggle2, Toggle3, TextArea, Checkbox, Slider, RadioGroup, SelectInput, Skeleton, StatCard, DataList, EmptyState, Card, Card2, Card3, Panel2, ThemeFromUrlPane, SettingsModal, ListRow, AlgoliaSearchBox, ChatMessage, DropdownPanel, SectionLabel, CodeEditorInline, Icon2, SegmentedControl, ChatComposer, useResizableWidth, ResizeHandle, PanelHeader, ChoiceMenu, CommandPalette, useSidebar, FilterMenu, ChatToolCall, Navbar, withRouter, Menu as Menu$1 } from '@trops/dash-react';
 export * from '@trops/dash-react';
 export { FontAwesomeIcon, ThemeContext } from '@trops/dash-react';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
@@ -13074,13 +13074,16 @@ function useConfigTokens() {
   var _ref = useContext(ThemeContext) || {},
     _ref$currentTheme = _ref.currentTheme,
     currentTheme = _ref$currentTheme === void 0 ? {} : _ref$currentTheme;
+  var key = function key(role) {
+    return currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme[DASH_ROLES[role].key];
+  };
   return {
-    muted: currentTheme["text-neutral-medium"] || "text-gray-400",
-    strong: currentTheme["text-neutral-light"] || "text-gray-200",
-    hairline: currentTheme["border-neutral-dark"] || "border-gray-700",
-    selectedBg: currentTheme["bg-neutral-very-dark"] || "bg-gray-800",
-    selectedBorder: currentTheme["border-primary-dark"] || "border-gray-600",
-    fieldBg: currentTheme["bg-neutral-very-dark"] || "bg-gray-900"
+    muted: key("muted") || "text-gray-400",
+    strong: key("text") || "text-gray-200",
+    hairline: key("hairline") || "border-gray-700",
+    selectedBg: key("surface") || "bg-gray-800",
+    selectedBorder: (currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme["border-primary-dark"]) || "border-gray-600",
+    fieldBg: key("well") || "bg-gray-900"
   };
 }