@react-fabric/core 1.0.0-beta.12 → 1.0.0-beta.13

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.
@@ -97,7 +97,7 @@ var Tooltip = function Tooltip(_ref) {
97
97
  };
98
98
  return /*#__PURE__*/jsxRuntime.jsx("span", {
99
99
  role: "none",
100
- className: "ms-2 cursor-pointer flex-content opacity-75 hover:opacity-90 active:opacity-60",
100
+ className: "ms-2 cursor-pointer text-dimmed flex-content opacity-75 hover:opacity-90 active:opacity-60",
101
101
  onClick: handler,
102
102
  children: /*#__PURE__*/jsxRuntime.jsx(Icon.Icon, {
103
103
  icon: icons.CoreIcons.copy
@@ -1 +1 @@
1
- @layer comp{.tooltip{color:theme(backgroundColor.dimmed);z-index:var(--z-tooltip);&[data-color=primary]{color:theme(colors.primary.600)}&[data-color=accent]{color:theme(colors.accent.600)}&[data-color=info]{color:theme(colors.info.600)}&[data-color=danger]{color:theme(colors.danger.600)}&[data-color=success]{color:theme(colors.success.600)}&[data-color=warning]{color:theme(colors.warning.600)}}}
1
+ @layer comp{.tooltip{color:theme(backgroundColor.dimmed);z-index:var(--z-tooltip);&[data-color=primary]{color:theme(colors.primary.200)}&[data-color=accent]{color:theme(colors.accent.200)}&[data-color=info]{color:theme(colors.info.200)}&[data-color=danger]{color:theme(colors.danger.200)}&[data-color=success]{color:theme(colors.success.200)}&[data-color=warning]{color:theme(colors.warning.200)}}}
@@ -97,7 +97,7 @@ var Tooltip = function Tooltip(_ref) {
97
97
  };
98
98
  return /*#__PURE__*/jsx("span", {
99
99
  role: "none",
100
- className: "ms-2 cursor-pointer flex-content opacity-75 hover:opacity-90 active:opacity-60",
100
+ className: "ms-2 cursor-pointer text-dimmed flex-content opacity-75 hover:opacity-90 active:opacity-60",
101
101
  onClick: handler,
102
102
  children: /*#__PURE__*/jsx(Icon, {
103
103
  icon: CoreIcons.copy
@@ -1 +1 @@
1
- @layer comp{.tooltip{color:theme(backgroundColor.dimmed);z-index:var(--z-tooltip);&[data-color=primary]{color:theme(colors.primary.600)}&[data-color=accent]{color:theme(colors.accent.600)}&[data-color=info]{color:theme(colors.info.600)}&[data-color=danger]{color:theme(colors.danger.600)}&[data-color=success]{color:theme(colors.success.600)}&[data-color=warning]{color:theme(colors.warning.600)}}}
1
+ @layer comp{.tooltip{color:theme(backgroundColor.dimmed);z-index:var(--z-tooltip);&[data-color=primary]{color:theme(colors.primary.200)}&[data-color=accent]{color:theme(colors.accent.200)}&[data-color=info]{color:theme(colors.info.200)}&[data-color=danger]{color:theme(colors.danger.200)}&[data-color=success]{color:theme(colors.success.200)}&[data-color=warning]{color:theme(colors.warning.200)}}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-fabric/core",
3
- "version": "1.0.0-beta.12",
3
+ "version": "1.0.0-beta.13",
4
4
  "description": "RUF: Core package",
5
5
  "author": "Adarsh Pastakia <adarshpastakia@outlook.com>",
6
6
  "license": "MIT",
@@ -36,7 +36,7 @@
36
36
  },
37
37
  "dependencies": {
38
38
  "@floating-ui/react": "^0.26.24",
39
- "@react-fabric/utilities": "^1.0.0-beta.12",
39
+ "@react-fabric/utilities": "^1.0.0-beta.13",
40
40
  "@tailwindcss/container-queries": "^0.1.1",
41
41
  "@tailwindcss/forms": "^0.5.7",
42
42
  "@tailwindcss/typography": "^0.5.13",
@@ -56,5 +56,5 @@
56
56
  "node": ">=18.12.0",
57
57
  "npm": ">=8.19.0"
58
58
  },
59
- "gitHead": "7f5a400622fb0266331b527b2078d4dc6886c95e"
59
+ "gitHead": "ffc2d8712be19f7a829b87e868ec2488eda6f887"
60
60
  }
@@ -27,27 +27,27 @@
27
27
  color: theme(backgroundColor.dimmed);
28
28
 
29
29
  &[data-color="primary"] {
30
- color: theme(colors.primary.600);
30
+ color: theme(colors.primary.200);
31
31
  }
32
32
 
33
33
  &[data-color="accent"] {
34
- color: theme(colors.accent.600);
34
+ color: theme(colors.accent.200);
35
35
  }
36
36
 
37
37
  &[data-color="info"] {
38
- color: theme(colors.info.600);
38
+ color: theme(colors.info.200);
39
39
  }
40
40
 
41
41
  &[data-color="danger"] {
42
- color: theme(colors.danger.600);
42
+ color: theme(colors.danger.200);
43
43
  }
44
44
 
45
45
  &[data-color="success"] {
46
- color: theme(colors.success.600);
46
+ color: theme(colors.success.200);
47
47
  }
48
48
 
49
49
  &[data-color="warning"] {
50
- color: theme(colors.warning.600);
50
+ color: theme(colors.warning.200);
51
51
  }
52
52
  }
53
53
  }
@@ -153,7 +153,7 @@ export const Tooltip = ({
153
153
  return (
154
154
  <span
155
155
  role="none"
156
- className="ms-2 cursor-pointer flex-content opacity-75 hover:opacity-90 active:opacity-60"
156
+ className="ms-2 cursor-pointer text-dimmed flex-content opacity-75 hover:opacity-90 active:opacity-60"
157
157
  onClick={handler}
158
158
  >
159
159
  <Icon icon={CoreIcons.copy} />