You're Invited:Meet the Socket Team at RSAC and BSidesSF 2026, March 23–26.RSVP
Socket
Book a DemoSign in
Socket

@webflow/emotion-utils

Package Overview
Dependencies
Maintainers
6
Versions
9
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@webflow/emotion-utils - npm Package Compare versions

Comparing version
0.0.3
to
0.0.4
+6
-0
CHANGELOG.md
# @webflow/emotion-utils
## 0.0.4
### Patch Changes
- Update type declarations filenames
## 0.0.3

@@ -4,0 +10,0 @@

+1
-65

@@ -1,65 +0,1 @@

"use strict";
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/index.ts
var src_exports = {};
__export(src_exports, {
EmotionCacheShadowDomProvider: () => EmotionCacheShadowDomProvider
});
module.exports = __toCommonJS(src_exports);
// src/EmotionCacheShadowDomProvider.tsx
var import_react = __toESM(require("react"), 1);
var import_cache = __toESM(require("@emotion/cache"), 1);
var import_react2 = require("@emotion/react");
var EmotionCacheShadowDomProvider = ({ children, options }) => {
const ref = (0, import_react.useRef)(null);
const [cache, setCache] = (0, import_react.useState)(null);
(0, import_react.useEffect)(() => {
if (ref.current) {
const root = ref.current.getRootNode();
const container = root instanceof ShadowRoot ? root : document.head;
const emotionCache = (0, import_cache.default)({
key: "webflow",
container,
speedy: false,
...options
});
setCache(emotionCache);
}
}, []);
if (!cache) {
return /* @__PURE__ */ import_react.default.createElement("div", { ref });
}
return /* @__PURE__ */ import_react.default.createElement(import_react2.CacheProvider, { value: cache }, children);
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
EmotionCacheShadowDomProvider
});
'use strict';var r=require('react'),f=require('@emotion/cache'),react=require('@emotion/react');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var r__default=/*#__PURE__*/_interopDefault(r);var f__default=/*#__PURE__*/_interopDefault(f);var u=({children:c,options:n})=>{let e=r.useRef(null),[o,a]=r.useState(null);return r.useEffect(()=>{if(e.current){let t=e.current.getRootNode(),i=t instanceof ShadowRoot?t:document.head,s=f__default.default({key:"webflow",container:i,speedy:false,...n});a(s);}},[]),o?r__default.default.createElement(react.CacheProvider,{value:o},c):r__default.default.createElement("div",{ref:e})};exports.EmotionCacheShadowDomProvider=u;

@@ -1,28 +0,1 @@

// src/EmotionCacheShadowDomProvider.tsx
import React, { useEffect, useRef, useState } from "react";
import createCache from "@emotion/cache";
import { CacheProvider } from "@emotion/react";
var EmotionCacheShadowDomProvider = ({ children, options }) => {
const ref = useRef(null);
const [cache, setCache] = useState(null);
useEffect(() => {
if (ref.current) {
const root = ref.current.getRootNode();
const container = root instanceof ShadowRoot ? root : document.head;
const emotionCache = createCache({
key: "webflow",
container,
speedy: false,
...options
});
setCache(emotionCache);
}
}, []);
if (!cache) {
return /* @__PURE__ */ React.createElement("div", { ref });
}
return /* @__PURE__ */ React.createElement(CacheProvider, { value: cache }, children);
};
export {
EmotionCacheShadowDomProvider
};
import r,{useRef,useState,useEffect}from'react';import f from'@emotion/cache';import {CacheProvider}from'@emotion/react';var u=({children:c,options:n})=>{let e=useRef(null),[o,a]=useState(null);return useEffect(()=>{if(e.current){let t=e.current.getRootNode(),i=t instanceof ShadowRoot?t:document.head,s=f({key:"webflow",container:i,speedy:false,...n});a(s);}},[]),o?r.createElement(CacheProvider,{value:o},c):r.createElement("div",{ref:e})};export{u as EmotionCacheShadowDomProvider};
{
"name": "@webflow/emotion-utils",
"version": "0.0.3",
"version": "0.0.4",
"type": "module",

@@ -5,0 +5,0 @@ "license": "MIT",

import React from 'react';
import { Options } from '@emotion/cache';
declare const EmotionCacheShadowDomProvider: React.FC<{
options?: Options;
children: React.ReactNode;
}>;
export { EmotionCacheShadowDomProvider };