Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@pikas-ui/styles

Package Overview
Dependencies
Maintainers
1
Versions
106
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@pikas-ui/styles - npm Package Compare versions

Comparing version 3.5.19 to 3.5.20

2

dist/esm/PikasUIProvider/PikasUIProvider.js

@@ -1,2 +0,2 @@

import{jsx as i}from"react/jsx-runtime";import{createContext as P,useEffect as c,useState as f}from"react";import{styled as y,theme as s}from"../css.js";import a from"lodash.merge";import n from"lodash.clonedeep";import{useTernaryDarkMode as k}from"usehooks-ts";import{useTernaryDarkMode as N}from"usehooks-ts";const u=y("div",{width:"auto",height:"fit-content"}),x=P(void 0),T=({lightTheme:e,darkTheme:t,children:p})=>{const[o,m]=f(a(n(s),e)),{isDarkMode:r}=k();return c(()=>{const d=t??e;m(a(n(s),r?d:e))},[r,e,t]),i(x.Provider,{value:o,children:i(u,{className:o,children:p})})};export{x as PikasUIContext,T as PikasUIProvider,N as useTernaryDarkMode};
import{jsx as p}from"react/jsx-runtime";import{createContext as P,useEffect as f,useState as k}from"react";import{styled as u,theme as s}from"../css.js";import a from"lodash.merge";import n from"lodash.clonedeep";import*as y from"usehooks-ts";const i=y.useTernaryDarkMode,h=u("div",{width:"auto",height:"fit-content"}),x=P(void 0),T=({lightTheme:e,darkTheme:t,children:d})=>{const[o,m]=k(a(n(s),e)),{isDarkMode:r}=i();return f(()=>{const c=t??e;m(a(n(s),r?c:e))},[r,e,t]),p(x.Provider,{value:o,children:p(h,{className:o,children:d})})};export{x as PikasUIContext,T as PikasUIProvider,i as useTernaryDarkMode};
//# sourceMappingURL=PikasUIProvider.js.map

@@ -19,9 +19,9 @@ export { BorderStylesRecord, BorderStylesRecordKey, BorderStylesRecordValue, PikasBorderStyle, PikasBorderStyles, loadBorderStyles, pikasBorderStyles } from './theme/borderStyles.js';

export { useTheme } from './hooks/useTheme.js';
export { PikasUIContext, PikasUIContextProps, PikasUIProvider, PikasUIProviderProps } from './PikasUIProvider/PikasUIProvider.js';
export { PikasUIContext, PikasUIContextProps, PikasUIProvider, PikasUIProviderProps, useTernaryDarkMode } from './PikasUIProvider/PikasUIProvider.js';
export { MediasRecord, MediasRecordKey, MediasRecordValue, PikasMedia, PikasMedias, loadMedias, pikasMedias } from './medias.js';
export { PikasCSS, PikasConfig, config, createTheme, css, getCssText, globalCss, keyframes, pikasConfig, prefix, reset, styled, theme } from './css.js';
export { darkTheme } from './dark_theme.js';
export { useTernaryDarkMode } from 'usehooks-ts';
import '@stitches/react/types/config';
import 'react';
import 'usehooks-ts';
import '@stitches/react/types/theme.js';

@@ -28,0 +28,0 @@ import '@stitches/react/types/css.js';

@@ -1,3 +0,2 @@

export { PikasUIContext, PikasUIContextProps, PikasUIProvider, PikasUIProviderProps } from './PikasUIProvider.js';
export { useTernaryDarkMode } from 'usehooks-ts';
export { PikasUIContext, PikasUIContextProps, PikasUIProvider, PikasUIProviderProps, useTernaryDarkMode } from './PikasUIProvider.js';
import 'react';

@@ -13,1 +12,2 @@ import '../css.js';

import '@stitches/react';
import 'usehooks-ts';
import * as react from 'react';
import { ReactNode, FC } from 'react';
import { createTheme, theme } from '../css.js';
export { useTernaryDarkMode } from 'usehooks-ts';
import * as usehooks from 'usehooks-ts';
import '@stitches/react/types/theme.js';

@@ -14,2 +14,4 @@ import '@stitches/react/types/css.js';

declare const useTernaryDarkMode: typeof usehooks.useTernaryDarkMode;
type PikasUIProviderProps = {

@@ -24,2 +26,2 @@ children?: ReactNode;

export { PikasUIContext, PikasUIContextProps, PikasUIProvider, PikasUIProviderProps };
export { PikasUIContext, PikasUIContextProps, PikasUIProvider, PikasUIProviderProps, useTernaryDarkMode };

@@ -1,2 +0,2 @@

"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }var _jsxruntime = require('react/jsx-runtime');var _react = require('react');var _cssjs = require('../css.js');var _lodashmerge = require('lodash.merge'); var _lodashmerge2 = _interopRequireDefault(_lodashmerge);var _lodashclonedeep = require('lodash.clonedeep'); var _lodashclonedeep2 = _interopRequireDefault(_lodashclonedeep);var _usehooksts = require('usehooks-ts');const u=_cssjs.styled.call(void 0, "div",{width:"auto",height:"fit-content"}),x= exports.PikasUIContext =_react.createContext.call(void 0, void 0),T= exports.PikasUIProvider =({lightTheme:e,darkTheme:t,children:p})=>{const[o,m]=_react.useState.call(void 0, _lodashmerge2.default.call(void 0, _lodashclonedeep2.default.call(void 0, _cssjs.theme),e)),{isDarkMode:r}=_usehooksts.useTernaryDarkMode.call(void 0, );return _react.useEffect.call(void 0, ()=>{const d=_nullishCoalesce(t, () => (e));m(_lodashmerge2.default.call(void 0, _lodashclonedeep2.default.call(void 0, _cssjs.theme),r?d:e))},[r,e,t]),_jsxruntime.jsx.call(void 0, x.Provider,{value:o,children:_jsxruntime.jsx.call(void 0, u,{className:o,children:p})})};exports.PikasUIContext = x; exports.PikasUIProvider = T; exports.useTernaryDarkMode = _usehooksts.useTernaryDarkMode;
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }var _jsxruntime = require('react/jsx-runtime');var _react = require('react');var _cssjs = require('../css.js');var _lodashmerge = require('lodash.merge'); var _lodashmerge2 = _interopRequireDefault(_lodashmerge);var _lodashclonedeep = require('lodash.clonedeep'); var _lodashclonedeep2 = _interopRequireDefault(_lodashclonedeep);var _usehooksts = require('usehooks-ts'); var y = _interopRequireWildcard(_usehooksts);const i=y.useTernaryDarkMode,h=_cssjs.styled.call(void 0, "div",{width:"auto",height:"fit-content"}),x= exports.PikasUIContext =_react.createContext.call(void 0, void 0),T= exports.PikasUIProvider =({lightTheme:e,darkTheme:t,children:d})=>{const[o,m]=_react.useState.call(void 0, _lodashmerge2.default.call(void 0, _lodashclonedeep2.default.call(void 0, _cssjs.theme),e)),{isDarkMode:r}=i();return _react.useEffect.call(void 0, ()=>{const c=_nullishCoalesce(t, () => (e));m(_lodashmerge2.default.call(void 0, _lodashclonedeep2.default.call(void 0, _cssjs.theme),r?c:e))},[r,e,t]),_jsxruntime.jsx.call(void 0, x.Provider,{value:o,children:_jsxruntime.jsx.call(void 0, h,{className:o,children:d})})};exports.PikasUIContext = x; exports.PikasUIProvider = T; exports.useTernaryDarkMode = i;
//# sourceMappingURL=PikasUIProvider.js.map
{
"name": "@pikas-ui/styles",
"version": "3.5.19",
"version": "3.5.20",
"private": false,

@@ -22,2 +22,5 @@ "keywords": [

},
"files": [
"dist"
],
"repository": {

@@ -24,0 +27,0 @@ "type": "git",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc