@dxos/react-ui 0.7.2-main.f1adc9f → 0.7.2
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.
- package/dist/lib/browser/index.mjs +4 -7
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node/index.cjs +4 -7
- package/dist/lib/node/index.cjs.map +3 -3
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +4 -7
- package/dist/lib/node-esm/index.mjs.map +3 -3
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/types/src/components/Icon/Icon.d.ts.map +1 -1
- package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts +1 -2
- package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
- package/package.json +12 -12
- package/src/components/Icon/Icon.tsx +2 -5
- package/src/components/ThemeProvider/ThemeProvider.tsx +1 -3
|
@@ -155,10 +155,8 @@ import { useId } from "@dxos/react-hooks";
|
|
|
155
155
|
|
|
156
156
|
// packages/ui/react-ui/src/components/Icon/Icon.tsx
|
|
157
157
|
import React3, { forwardRef as forwardRef2, memo } from "react";
|
|
158
|
-
var ICONS_URL = "/icons.svg";
|
|
159
158
|
var Icon = /* @__PURE__ */ memo(/* @__PURE__ */ forwardRef2(({ icon, classNames, size, ...props }, forwardedRef) => {
|
|
160
|
-
const { tx
|
|
161
|
-
const url = noCache ? `${ICONS_URL}?nocache=${(/* @__PURE__ */ new Date()).getMinutes()}` : ICONS_URL;
|
|
159
|
+
const { tx } = useThemeContext();
|
|
162
160
|
return /* @__PURE__ */ React3.createElement("svg", {
|
|
163
161
|
...props,
|
|
164
162
|
className: tx("icon.root", "icon", {
|
|
@@ -166,7 +164,7 @@ var Icon = /* @__PURE__ */ memo(/* @__PURE__ */ forwardRef2(({ icon, classNames,
|
|
|
166
164
|
}, classNames),
|
|
167
165
|
ref: forwardedRef
|
|
168
166
|
}, /* @__PURE__ */ React3.createElement("use", {
|
|
169
|
-
href:
|
|
167
|
+
href: `/icons.svg#${icon}`
|
|
170
168
|
}));
|
|
171
169
|
}));
|
|
172
170
|
|
|
@@ -2878,7 +2876,7 @@ var hasIosKeyboard = () => {
|
|
|
2878
2876
|
|
|
2879
2877
|
// packages/ui/react-ui/src/components/ThemeProvider/ThemeProvider.tsx
|
|
2880
2878
|
var ThemeContext = /* @__PURE__ */ createContext10(void 0);
|
|
2881
|
-
var ThemeProvider = ({ children, fallback = null, resourceExtensions, appNs, tx = (_path, defaultClassName, _styleProps, ..._options) => defaultClassName, themeMode = "dark", rootDensity = "fine", rootElevation = "base"
|
|
2879
|
+
var ThemeProvider = ({ children, fallback = null, resourceExtensions, appNs, tx = (_path, defaultClassName, _styleProps, ..._options) => defaultClassName, themeMode = "dark", rootDensity = "fine", rootElevation = "base" }) => {
|
|
2882
2880
|
useEffect7(() => {
|
|
2883
2881
|
if (document.defaultView) {
|
|
2884
2882
|
const kb = createKeyborg(document.defaultView);
|
|
@@ -2890,8 +2888,7 @@ var ThemeProvider = ({ children, fallback = null, resourceExtensions, appNs, tx
|
|
|
2890
2888
|
value: {
|
|
2891
2889
|
tx,
|
|
2892
2890
|
themeMode,
|
|
2893
|
-
hasIosKeyboard: hasIosKeyboard()
|
|
2894
|
-
...rest
|
|
2891
|
+
hasIosKeyboard: hasIosKeyboard()
|
|
2895
2892
|
}
|
|
2896
2893
|
}, /* @__PURE__ */ React33.createElement(TranslationsProvider, {
|
|
2897
2894
|
fallback,
|