@redis-ui/components 41.3.2 → 41.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -9,13 +9,13 @@ const SHADOW_SIZE_DIVIDER = 5.5;
9
9
  const IconWrapper = _styled__default.default.div.withConfig({
10
10
  displayName: "ProfileIconstyle__IconWrapper",
11
11
  componentId: "RedisUI__sc-16wyecf-0"
12
- })(["width:", ";height:", ";background-color:", ";display:flex;align-items:center;justify-content:center;border-radius:50%;color:", ";margin:0 auto;& p{font-weight:700;font-size:calc(", " / ", ");}box-shadow:", ";border:", ";border-color:", ";box-sizing:border-box;"], ({
12
+ })(["width:", ";height:", ";background-color:", ";display:flex;align-items:center;justify-content:center;border-radius:50%;color:", ";margin:0 auto;& p{font-weight:", ";font-size:calc(", " / ", ");}box-shadow:", ";border:", ";border-color:", ";box-sizing:border-box;"], ({
13
13
  size
14
14
  }) => size, ({
15
15
  size
16
16
  }) => size, ({
17
17
  primaryColor
18
- }) => primaryColor, () => redisUiStyles.useTheme().components.profileIcon.textColor, ({
18
+ }) => primaryColor, () => redisUiStyles.useTheme().components.profileIcon.textColor, () => redisUiStyles.useTheme().components.profileIcon.fontWeight, ({
19
19
  size
20
20
  }) => size, FONT_SIZE_DIVIDER, ({
21
21
  secondaryColor,
@@ -5,13 +5,13 @@ const SHADOW_SIZE_DIVIDER = 5.5;
5
5
  const IconWrapper = _styled.div.withConfig({
6
6
  displayName: "ProfileIconstyle__IconWrapper",
7
7
  componentId: "RedisUI__sc-16wyecf-0"
8
- })(["width:", ";height:", ";background-color:", ";display:flex;align-items:center;justify-content:center;border-radius:50%;color:", ";margin:0 auto;& p{font-weight:700;font-size:calc(", " / ", ");}box-shadow:", ";border:", ";border-color:", ";box-sizing:border-box;"], ({
8
+ })(["width:", ";height:", ";background-color:", ";display:flex;align-items:center;justify-content:center;border-radius:50%;color:", ";margin:0 auto;& p{font-weight:", ";font-size:calc(", " / ", ");}box-shadow:", ";border:", ";border-color:", ";box-sizing:border-box;"], ({
9
9
  size
10
10
  }) => size, ({
11
11
  size
12
12
  }) => size, ({
13
13
  primaryColor
14
- }) => primaryColor, () => useTheme().components.profileIcon.textColor, ({
14
+ }) => primaryColor, () => useTheme().components.profileIcon.textColor, () => useTheme().components.profileIcon.fontWeight, ({
15
15
  size
16
16
  }) => size, FONT_SIZE_DIVIDER, ({
17
17
  secondaryColor,
@@ -46,7 +46,7 @@ const getStateStyle = (theme) => {
46
46
  }
47
47
 
48
48
  svg {
49
- opacity: 0.3;
49
+ opacity: ${statesStyle.disabled.iconOpacity || 0.3};
50
50
  }
51
51
  }
52
52
  `;
@@ -42,7 +42,7 @@ const getStateStyle = (theme) => {
42
42
  }
43
43
 
44
44
  svg {
45
- opacity: 0.3;
45
+ opacity: ${statesStyle.disabled.iconOpacity || 0.3};
46
46
  }
47
47
  }
48
48
  `;
@@ -12,7 +12,7 @@ export declare const useTabsVariantTheme: () => {
12
12
  borderColor?: string | undefined;
13
13
  borderWidth?: string | undefined;
14
14
  borderRadius?: string | undefined;
15
- fontWeight?: number | undefined;
15
+ fontWeight?: string | undefined;
16
16
  fontSize?: string | undefined;
17
17
  letterSpacing?: string | undefined;
18
18
  }>>;
@@ -13,7 +13,7 @@ const SvgLoaderLarge = (props) => {
13
13
  const {
14
14
  name: themeName
15
15
  } = redisUiStyles.useTheme();
16
- const Comp = icons[themeName] || icons.default;
16
+ const Comp = icons[themeName.replace(/-?[0-9]/, "")] || icons.default;
17
17
  return jsxRuntime.j.jsx(Comp, {
18
18
  ...props
19
19
  });
@@ -11,7 +11,7 @@ const SvgLoaderLarge = (props) => {
11
11
  const {
12
12
  name: themeName
13
13
  } = useTheme();
14
- const Comp = icons[themeName] || icons.default;
14
+ const Comp = icons[themeName.replace(/-?[0-9]/, "")] || icons.default;
15
15
  return jsxRuntimeExports.jsx(Comp, {
16
16
  ...props
17
17
  });
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@redis-ui/components",
3
3
  "license": "UNLICENSED",
4
- "version": "41.3.2",
4
+ "version": "41.3.7",
5
5
  "type": "module",
6
6
  "sideEffects": false,
7
7
  "publishConfig": {
@@ -27,8 +27,8 @@
27
27
  "test": "vitest"
28
28
  },
29
29
  "peerDependencies": {
30
- "@redis-ui/icons": "^6.3.12",
31
- "@redis-ui/styles": "^13.1.7",
30
+ "@redis-ui/icons": "^6.3.17",
31
+ "@redis-ui/styles": "^13.2.0",
32
32
  "react": "^17.0.0 || ^18.0.0",
33
33
  "react-dom": "^17.0.0 || ^18.0.0",
34
34
  "styled-components": "^5.0.0"