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

@pikas-ui/styles

Package Overview
Dependencies
Maintainers
1
Versions
106
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@pikas-ui/styles - npm Package Compare versions

Comparing version 3.4.1 to 3.5.0

2

dist/css.js

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

"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _react = require('@stitches/react');var _borderStylesjs = require('./theme/borderStyles.js');var _borderWidthsjs = require('./theme/borderWidths.js');var _colorsjs = require('./theme/colors.js');var _fontSizesjs = require('./theme/fontSizes.js');var _fontWeightsjs = require('./theme/fontWeights.js');var _letterSpacingsjs = require('./theme/letterSpacings.js');var _lineHeightsjs = require('./theme/lineHeights.js');var _radiijs = require('./theme/radii.js');var _shadowsjs = require('./theme/shadows.js');var _sizesjs = require('./theme/sizes.js');var _spacejs = require('./theme/space.js');var _transitionsjs = require('./theme/transitions.js');var _zIndicesjs = require('./theme/zIndices.js');var _fontsjs = require('./theme/fonts.js');var _mediasjs = require('./medias.js');var _indexjs = require('./utils/index.js');const k=_react.createStitches,g= exports.pikasConfig =k({theme:{colors:_colorsjs.loadColors.call(void 0, {}),fonts:_fontsjs.loadFonts.call(void 0, {}),shadows:_shadowsjs.loadShadows.call(void 0, {}),fontSizes:_fontSizesjs.loadFontSizes.call(void 0, {}),space:_spacejs.loadSpaces.call(void 0, {}),sizes:_sizesjs.loadSizes.call(void 0, {}),fontWeights:_fontWeightsjs.loadFontWeights.call(void 0, {}),lineHeights:_lineHeightsjs.loadLineHeights.call(void 0, {}),letterSpacings:_letterSpacingsjs.loadLetterSpacings.call(void 0, {}),borderWidths:_borderWidthsjs.loadBorderWidths.call(void 0, {}),borderStyles:_borderStylesjs.loadBorderStyles.call(void 0, {}),radii:_radiijs.loadRadii.call(void 0, {}),zIndices:_zIndicesjs.loadZIndices.call(void 0, {}),transitions:_transitionsjs.loadTransitions.call(void 0, {})},media:_mediasjs.loadMedias.call(void 0, {}),utils:_indexjs.loadUtils.call(void 0, {})}),{styled:M,css:Z,globalCss:U,keyframes:q,getCssText:v,config:A,createTheme:D,prefix:E,reset:G,theme:J}=g;exports.config = A; exports.createPikas = k; exports.createTheme = D; exports.css = Z; exports.getCssText = v; exports.globalCss = U; exports.keyframes = q; exports.pikasConfig = g; exports.prefix = E; exports.reset = G; exports.styled = M; exports.theme = J;
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _react = require('@stitches/react');var _borderStylesjs = require('./theme/borderStyles.js');var _borderWidthsjs = require('./theme/borderWidths.js');var _colorsjs = require('./theme/colors.js');var _fontSizesjs = require('./theme/fontSizes.js');var _fontWeightsjs = require('./theme/fontWeights.js');var _letterSpacingsjs = require('./theme/letterSpacings.js');var _lineHeightsjs = require('./theme/lineHeights.js');var _radiijs = require('./theme/radii.js');var _shadowsjs = require('./theme/shadows.js');var _sizesjs = require('./theme/sizes.js');var _spacejs = require('./theme/space.js');var _transitionsjs = require('./theme/transitions.js');var _zIndicesjs = require('./theme/zIndices.js');var _fontsjs = require('./theme/fonts.js');var _mediasjs = require('./medias.js');var _indexjs = require('./utils/index.js');const k=_react.createStitches,g=_colorsjs.loadColors.call(void 0, {}),P=_fontSizesjs.loadFontSizes.call(void 0, {}),R=_fontWeightsjs.loadFontWeights.call(void 0, {}),K=_letterSpacingsjs.loadLetterSpacings.call(void 0, {}),z=_lineHeightsjs.loadLineHeights.call(void 0, {}),W=_sizesjs.loadSizes.call(void 0, {}),j=_spacejs.loadSpaces.call(void 0, {}),x=_borderStylesjs.loadBorderStyles.call(void 0, {}),C=_borderWidthsjs.loadBorderWidths.call(void 0, {}),F=_radiijs.loadRadii.call(void 0, {}),B=_shadowsjs.loadShadows.call(void 0, {}),b=_transitionsjs.loadTransitions.call(void 0, {}),w=_zIndicesjs.loadZIndices.call(void 0, {}),H=_fontsjs.loadFonts.call(void 0, {}),I=_mediasjs.loadMedias.call(void 0, {}),L=_indexjs.loadUtils.call(void 0, {}),T= exports.pikasConfig =k({theme:{colors:g,fonts:H,shadows:B,fontSizes:P,space:j,sizes:W,fontWeights:R,lineHeights:z,letterSpacings:K,borderWidths:C,borderStyles:x,radii:F,zIndices:w,transitions:b},media:I,utils:L}),{styled:_,css:$,globalCss:ee,keyframes:oe,getCssText:te,config:ie,createTheme:se,prefix:re,reset:ae,theme:de}=T;exports.config = ie; exports.createPikas = k; exports.createTheme = se; exports.css = $; exports.getCssText = te; exports.globalCss = ee; exports.keyframes = oe; exports.pikasConfig = T; exports.prefix = re; exports.reset = ae; exports.styled = _; exports.theme = de;
//# sourceMappingURL=css.js.map

27

dist/hooks/index.d.ts
export { useTheme } from './useTheme.js';
import '../PikasUIProvider/PikasUIProvider.js';
import 'react';
import '../css.js';
import '@stitches/react/types/theme.js';
import '@stitches/react/types/css.js';
import '@stitches/react/types/styled-component.js';
import '@stitches/react/types/css-util.js';
import '@stitches/react/types/util.js';
import '@stitches/react/types/stitches.js';
import '@stitches/react/types/config.js';
import '../theme/borderStyles.js';
import '../theme/borderWidths.js';
import '../theme/colors.js';
import '../theme/fontSizes.js';
import '../theme/fontWeights.js';
import '../theme/letterSpacings.js';
import '../theme/lineHeights.js';
import '../theme/radii.js';
import '../theme/shadows.js';
import '../theme/sizes.js';
import '../theme/space.js';
import '../theme/transitions.js';
import '../theme/zIndices.js';
import '@stitches/react';
import '../theme/fonts.js';
import '../medias.js';
import 'usehooks-ts';

30

dist/hooks/useTheme.d.ts

@@ -1,31 +0,3 @@

import { PikasUIContext } from '../PikasUIProvider/PikasUIProvider.js';
import 'react';
import '../css.js';
import '@stitches/react/types/theme.js';
import '@stitches/react/types/css.js';
import '@stitches/react/types/styled-component.js';
import '@stitches/react/types/css-util.js';
import '@stitches/react/types/util.js';
import '@stitches/react/types/stitches.js';
import '@stitches/react/types/config.js';
import '../theme/borderStyles.js';
import '../theme/borderWidths.js';
import '../theme/colors.js';
import '../theme/fontSizes.js';
import '../theme/fontWeights.js';
import '../theme/letterSpacings.js';
import '../theme/lineHeights.js';
import '../theme/radii.js';
import '../theme/shadows.js';
import '../theme/sizes.js';
import '../theme/space.js';
import '../theme/transitions.js';
import '../theme/zIndices.js';
import '@stitches/react';
import '../theme/fonts.js';
import '../medias.js';
import 'usehooks-ts';
declare const useTheme: <T = any>() => T;
declare const useTheme: () => PikasUIContext;
export { useTheme };

4

dist/index.d.ts

@@ -5,3 +5,3 @@ export { BR, BorderRadius, borderRadius, br } from './utils/borderRadius.js';

export { ColorsRecord, ColorsRecordKey, ColorsRecordValue, PikasColor, PikasColors, loadColors, pikasColors } from './theme/colors.js';
export { BasePikasConfig, PikasCSS, PikasConfig, config, createPikas, createTheme, css, getCssText, globalCss, keyframes, pikasConfig, prefix, reset, styled, theme } from './css.js';
export { BasePikasTheme, PikasCSS, PikasConfig, PikasTheme, config, createPikas, createTheme, css, getCssText, globalCss, keyframes, pikasConfig, prefix, reset, styled, theme } from './css.js';
export { darkTheme } from './dark_theme.js';

@@ -20,3 +20,3 @@ export { FontSizesRecord, FontSizesRecordKey, FontSizesRecordValue, PikasFontSize, PikasFontSizes, loadFontSizes, pikasFontSizes } from './theme/fontSizes.js';

export { PikasZIndex, PikasZIndices, ZIndicesRecord, ZIndicesRecordKey, ZIndicesRecordValue, loadZIndices, pikasZIndices } from './theme/zIndices.js';
export { PikasUIContext, PikasUIProvider, PikasUIProviderProps, useTernaryDarkMode } from './PikasUIProvider/PikasUIProvider.js';
export { PikasUIContext, PikasUIContextProps, PikasUIProvider, PikasUIProviderProps, useTernaryDarkMode } from './PikasUIProvider/PikasUIProvider.js';
export { useTheme } from './hooks/useTheme.js';

@@ -23,0 +23,0 @@ export { MediasRecord, MediasRecordKey, MediasRecordValue, PikasMedia, PikasMedias, loadMedias, pikasMedias } from './medias.js';

26

dist/PikasUIProvider/index.d.ts

@@ -1,27 +0,3 @@

export { PikasUIContext, PikasUIProvider, PikasUIProviderProps, useTernaryDarkMode } from './PikasUIProvider.js';
export { PikasUIContext, PikasUIContextProps, PikasUIProvider, PikasUIProviderProps, useTernaryDarkMode } from './PikasUIProvider.js';
import 'react';
import '../css.js';
import '@stitches/react/types/theme.js';
import '@stitches/react/types/css.js';
import '@stitches/react/types/styled-component.js';
import '@stitches/react/types/css-util.js';
import '@stitches/react/types/util.js';
import '@stitches/react/types/stitches.js';
import '@stitches/react/types/config.js';
import '../theme/borderStyles.js';
import '../theme/borderWidths.js';
import '../theme/colors.js';
import '../theme/fontSizes.js';
import '../theme/fontWeights.js';
import '../theme/letterSpacings.js';
import '../theme/lineHeights.js';
import '../theme/radii.js';
import '../theme/shadows.js';
import '../theme/sizes.js';
import '../theme/space.js';
import '../theme/transitions.js';
import '../theme/zIndices.js';
import '@stitches/react';
import '../theme/fonts.js';
import '../medias.js';
import 'usehooks-ts';

34

dist/PikasUIProvider/PikasUIProvider.d.ts
import react__default from 'react';
import { createTheme, theme } from '../css.js';
import * as usehooks from 'usehooks-ts';
import '@stitches/react/types/theme.js';
import '@stitches/react/types/css.js';
import '@stitches/react/types/styled-component.js';
import '@stitches/react/types/css-util.js';
import '@stitches/react/types/util.js';
import '@stitches/react/types/stitches.js';
import '@stitches/react/types/config.js';
import '../theme/borderStyles.js';
import '../theme/borderWidths.js';
import '../theme/colors.js';
import '../theme/fontSizes.js';
import '../theme/fontWeights.js';
import '../theme/letterSpacings.js';
import '../theme/lineHeights.js';
import '../theme/radii.js';
import '../theme/shadows.js';
import '../theme/sizes.js';
import '../theme/space.js';
import '../theme/transitions.js';
import '../theme/zIndices.js';
import '@stitches/react';
import '../theme/fonts.js';
import '../medias.js';

@@ -32,9 +8,9 @@ declare const useTernaryDarkMode: typeof usehooks.useTernaryDarkMode;

children?: react__default.ReactNode;
lightTheme?: ReturnType<typeof createTheme>;
darkTheme?: ReturnType<typeof createTheme>;
lightTheme?: any;
darkTheme?: any;
}
declare type PikasUIContext = typeof theme | undefined;
declare const PikasUIContext: react__default.Context<PikasUIContext>;
declare type PikasUIContextProps = any;
declare const PikasUIContext: react__default.Context<any>;
declare const PikasUIProvider: react__default.FC<PikasUIProviderProps>;
export { PikasUIContext, PikasUIProvider, PikasUIProviderProps, useTernaryDarkMode };
export { PikasUIContext, PikasUIContextProps, PikasUIProvider, PikasUIProviderProps, useTernaryDarkMode };

2

dist/PikasUIProvider/PikasUIProvider.js

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

"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 }; }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{useTernaryDarkMode:i}=y,h=_cssjs.styled.call(void 0, "div",{width:"auto",height:"fit-content"}),x= exports.PikasUIContext =_react.createContext.call(void 0, void 0),D= 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}=i();return _react.useEffect.call(void 0, ()=>{const d=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, h,{className:o,children:p})})};exports.PikasUIContext = x; exports.PikasUIProvider = D; exports.useTernaryDarkMode = i;
"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 }; }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 C = _interopRequireWildcard(_usehooksts);const{useTernaryDarkMode:i}=C,u=_cssjs.styled.call(void 0, "div",{width:"auto",height:"fit-content"}),y= exports.PikasUIContext =_react.createContext.call(void 0, void 0),D= exports.PikasUIProvider =({lightTheme:e,darkTheme:t,children:c})=>{const[o,p]=_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 d=t||e;p(_lodashmerge2.default.call(void 0, _lodashclonedeep2.default.call(void 0, _cssjs.theme),r?d:e))},[r,e,t]),_jsxruntime.jsx.call(void 0, y.Provider,{value:o,children:_jsxruntime.jsx.call(void 0, u,{className:o,children:c})})};exports.PikasUIContext = y; exports.PikasUIProvider = D; exports.useTernaryDarkMode = i;
//# sourceMappingURL=PikasUIProvider.js.map

2

package.json
{
"name": "@pikas-ui/styles",
"version": "3.4.1",
"version": "3.5.0",
"private": false,

@@ -5,0 +5,0 @@ "keywords": [

dist/css.d.ts

Sorry, the diff of this file is too big to display

dist/css.js.map

Sorry, the diff of this file is not supported yet

dist/css.mjs

Sorry, the diff of this file is not supported yet

dist/css.mjs.map

Sorry, the diff of this file is not supported yet

dist/hooks/useTheme.js.map

Sorry, the diff of this file is not supported yet

dist/hooks/useTheme.mjs.map

Sorry, the diff of this file is not supported yet

dist/PikasUIProvider/PikasUIProvider.js.map

Sorry, the diff of this file is not supported yet

dist/PikasUIProvider/PikasUIProvider.mjs

Sorry, the diff of this file is not supported yet

dist/PikasUIProvider/PikasUIProvider.mjs.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc