@redis-ui/styles 14.6.0 → 14.9.3

package/dist/themes/themeDark/theme/components/breadcrumbs.d.ts

@@ -0,0 +1,3 @@
+import { BreadcrumbsTheme } from '../../../types/theme/components/breadcrumbs.types';
+declare const theme: BreadcrumbsTheme;
+export default theme;

package/dist/themes/themeDark/theme/components/keyValueList.d.ts

@@ -0,0 +1,3 @@
+import { KeyValueListTheme } from '../../../types/theme/components/keyValueList.types';
+declare const theme: KeyValueListTheme;
+export default theme;

package/dist/themes/themeDark/theme/components/slider.d.ts

@@ -0,0 +1,3 @@
+import { SliderTheme } from '../../../types/theme/components/slider.types';
+declare const theme: SliderTheme;
+export default theme;

package/dist/themes/themeDark2/theme/components/breadcrumbs.d.ts

@@ -0,0 +1,3 @@
+import { BreadcrumbsTheme } from '../../../types/theme/components/breadcrumbs.types';
+declare const theme: BreadcrumbsTheme;
+export default theme;

package/dist/themes/themeDark2/theme/components/keyValueList.d.ts

@@ -0,0 +1,3 @@
+import { KeyValueListTheme } from '../../../types/theme/components/keyValueList.types';
+declare const theme: KeyValueListTheme;
+export default theme;

package/dist/themes/themeDark2/theme/components/slider.d.ts

@@ -0,0 +1,3 @@
+import { SliderTheme } from '../../../types/theme/components/slider.types';
+declare const theme: SliderTheme;
+export default theme;

package/dist/themes/themeLight/theme/components/breadcrumbs.d.ts

@@ -0,0 +1,3 @@
+import { BreadcrumbsTheme } from '../../../types/theme/components/breadcrumbs.types';
+declare const theme: BreadcrumbsTheme;
+export default theme;

package/dist/themes/themeLight/theme/components/keyValueList.d.ts

@@ -0,0 +1,3 @@
+import { KeyValueListTheme } from '../../../types/theme/components/keyValueList.types';
+declare const theme: KeyValueListTheme;
+export default theme;

package/dist/themes/themeLight/theme/components/slider.d.ts

@@ -0,0 +1,3 @@
+import { SliderTheme } from '../../../types/theme/components/slider.types';
+declare const theme: SliderTheme;
+export default theme;

package/dist/themes/themeLight2/theme/components/breadcrumbs.d.ts

@@ -0,0 +1,3 @@
+import { BreadcrumbsTheme } from '../../../types/theme/components/breadcrumbs.types';
+declare const theme: BreadcrumbsTheme;
+export default theme;

package/dist/themes/themeLight2/theme/components/keyValueList.d.ts

@@ -0,0 +1,3 @@
+import { KeyValueListTheme } from '../../../types/theme/components/keyValueList.types';
+declare const theme: KeyValueListTheme;
+export default theme;

package/dist/themes/themeLight2/theme/components/slider.d.ts

@@ -0,0 +1,3 @@
+import { SliderTheme } from '../../../types/theme/components/slider.types';
+declare const theme: SliderTheme;
+export default theme;

package/dist/themes/types/theme/components/breadcrumbs.types.d.ts

@@ -0,0 +1,18 @@
+export type BreadcrumbsState = 'normal' | 'hover' | 'active' | 'disabled';
+export type BreadcrumbsStateColors = {
+    textColor: string;
+};
+export type BreadcrumbsStatesTheme = Partial<Record<BreadcrumbsState, BreadcrumbsStateColors>>;
+export type BreadcrumbsTheme = {
+    gap: string;
+    link: {
+        states: BreadcrumbsStatesTheme;
+    };
+    current: {
+        textColor: string;
+        fontWeight: string;
+    };
+    separator: {
+        textColor: string;
+    };
+};

package/dist/themes/types/theme/components/index.d.ts

@@ -5,6 +5,7 @@ export * from './autoComplete.types';
 export * from './badge.types';
 export * from './banner.types';
 export * from './boxSelectionGroup.types';
+export * from './breadcrumbs.types';
 export * from './button.types';
 export * from './buttonGroup.types';
 export * from './card.types';
@@ -18,6 +19,7 @@ export * from './filters.types';
 export * from './formField.types';
 export * from './iconButton.types';
 export * from './input.types';
+export * from './keyValueList.types';
 export * from './label.types';
 export * from './layouts.types';
 export * from './link.types';
@@ -39,6 +41,7 @@ export * from './semanticContainer.types';
 export * from './semanticIcon.types';
 export * from './sideBar.types';
 export * from './skeleton.types';
+export * from './slider.types';
 export * from './stepper.types';
 export * from './switch.types';
 export * from './table.types';

package/dist/themes/types/theme/components/keyValueList.types.d.ts

@@ -0,0 +1,28 @@
+export type KeyValueListTheme = {
+    container: {
+        borderRadius: string;
+        backgroundColor: string;
+        boxShadow: string;
+    };
+    headerRow: {
+        minHeight: string;
+        bgColor: string;
+        separator: {
+            color: string;
+            width: string;
+        };
+    };
+    headerCell: {
+        padding: string;
+        color: string;
+        separator: {
+            color: string;
+            width: string;
+            blockPadding: string;
+        };
+    };
+    bodyCell: {
+        padding: string;
+        color: string;
+    };
+};

package/dist/themes/types/theme/components/slider.types.d.ts

@@ -0,0 +1,38 @@
+type SliderState = 'normal' | 'disabled';
+type MarkRangeState = 'inRange' | 'outOfRange';
+export type SliderTheme = {
+    gap: string;
+    controlsHeight: string;
+    track: {
+        height: string;
+        states: Record<SliderState, {
+            bgColor: string;
+        }>;
+    };
+    range: {
+        states: Record<SliderState, {
+            bgColor: string;
+        }>;
+    };
+    thumb: {
+        width: string;
+        height: string;
+        borderWidth: string;
+        borderRadius: string;
+        states: Record<SliderState, {
+            bgColor: string;
+            borderColor: string;
+        }>;
+    };
+    mark: {
+        width: string;
+        height: string;
+        rangeStates: Record<MarkRangeState, Record<SliderState, {
+            bgColor: string;
+        }>>;
+    };
+    label: {
+        offset: string;
+    };
+};
+export {};

package/dist/themes/types/theme/components/textButton.types.d.ts

@@ -1,7 +1,7 @@
 import { ButtonStateColors, ButtonStatesTheme } from './button.types';
 type TextButtonLayout = 'block' | 'inline';
 type TextButtonVariants = 'primary' | 'destructive' | 'primary-inline' | 'destructive-inline';
-type TextButtonSizes = 'M';
+type TextButtonSizes = 'medium' | 'small';
 export type TextButtonTheme = {
     layouts: Record<TextButtonLayout, {
         sizes: Record<TextButtonSizes, {

package/dist/themes/types/theme/theme.types.d.ts

@@ -1,5 +1,5 @@
 import { Tokens } from './tokens.types';
-import { ActionIconButtonTheme, AppBarTheme, AppSelectionMenuTheme, AutoCompleteTheme, BadgeTheme, BannerTheme, BoxSelectionGroupTheme, ButtonGroupTheme, ButtonTheme, CardTheme, CheckboxTheme, ChipListTheme, ChipTheme, CountryFlagTheme, DatePickerTheme, DrawerTheme, FiltersTheme, FormFieldTheme, IconButtonTheme, InputTheme, LabelTheme, LayoutsTheme, LinkTheme, LoaderTheme, MenuTheme, MidBarTheme, ModalTheme, MoreInfoIconTheme, PopoverTheme, PopupCardTheme, ProfileIconTheme, ProgressBarTheme, RadioTheme, SearchBarTheme, SectionTheme, SelectTheme, SemanticButtonTheme, SemanticContainerTheme, SemanticIconTheme, SideBarTheme, SkeletonTheme, StepperTheme, SwitchTheme, TableHeadingTheme, TableTheme, TabsTheme, TextButtonTheme, ThemeModeSwitchTheme, ToastTheme, ToggleButtonTheme, TooltipTheme, TreeViewTheme, TypoTheme, WindowBarTheme } from './components';
+import { ActionIconButtonTheme, AppBarTheme, AppSelectionMenuTheme, AutoCompleteTheme, BadgeTheme, BannerTheme, BoxSelectionGroupTheme, BreadcrumbsTheme, ButtonGroupTheme, ButtonTheme, CardTheme, CheckboxTheme, ChipListTheme, ChipTheme, CountryFlagTheme, DatePickerTheme, DrawerTheme, FiltersTheme, FormFieldTheme, IconButtonTheme, InputTheme, KeyValueListTheme, LabelTheme, LayoutsTheme, LinkTheme, LoaderTheme, MenuTheme, MidBarTheme, ModalTheme, MoreInfoIconTheme, PopoverTheme, PopupCardTheme, ProfileIconTheme, ProgressBarTheme, RadioTheme, SearchBarTheme, SectionTheme, SelectTheme, SemanticButtonTheme, SemanticContainerTheme, SemanticIconTheme, SideBarTheme, SkeletonTheme, SliderTheme, StepperTheme, SwitchTheme, TableHeadingTheme, TableTheme, TabsTheme, TextButtonTheme, ThemeModeSwitchTheme, ToastTheme, ToggleButtonTheme, TooltipTheme, TreeViewTheme, TypoTheme, WindowBarTheme } from './components';
 import { BodyTheme, ScrollbarTheme } from './globals';
 import { ThemeCore } from './themeCore.types';
 export interface Theme extends ThemeCore, Tokens {
@@ -11,6 +11,7 @@ export interface Theme extends ThemeCore, Tokens {
         badge: BadgeTheme;
         banner: BannerTheme;
         boxSelectionGroup: BoxSelectionGroupTheme;
+        breadcrumbs: BreadcrumbsTheme;
         button: ButtonTheme;
         buttonGroup: ButtonGroupTheme;
         card: CardTheme;
@@ -24,6 +25,7 @@ export interface Theme extends ThemeCore, Tokens {
         formField: FormFieldTheme;
         iconButton: IconButtonTheme;
         input: InputTheme;
+        keyValueList: KeyValueListTheme;
         label: LabelTheme;
         layouts: LayoutsTheme;
         link: LinkTheme;
@@ -45,6 +47,7 @@ export interface Theme extends ThemeCore, Tokens {
         semanticIcon: SemanticIconTheme;
         sideBar: SideBarTheme;
         skeleton: SkeletonTheme;
+        slider: SliderTheme;
         stepper: StepperTheme;
         switchButton: SwitchTheme;
         table: TableTheme;

package/package.json

@@ -1,10 +1,7 @@
 {
   "name": "@redis-ui/styles",
   "license": "UNLICENSED",
-  "version": "14.6.0",
-  "publishConfig": {
-    "registry": "https://npm.pkg.github.com/"
-  },
+  "version": "14.9.3",
   "repository": "git@github.com:redislabsdev/redis-ui.git",
   "type": "module",
   "files": [
@@ -37,7 +34,7 @@
     "@redislabsdev/eslint-config-redis-ui": "^2.0.0",
     "style-dictionary": "^3.7.2",
     "type-fest": "^3.13.1",
-    "typescript": "^4.9.3"
+    "typescript": "^5.9.3"
   },
   "dependencies": {
     "color-alpha": "^2.0.0",