New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@hopper-ui/styled-system

Package Overview
Dependencies
Maintainers
4
Versions
31
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@hopper-ui/styled-system - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

dist/chunk-2BSH225N.js
dist/chunk-37HGVAAN.js
dist/chunk-DRFY5W7M.js
dist/chunk-FQYMSLSL.js
dist/chunk-FTYCODSC.js
dist/chunk-IMYR3NDP.js
dist/chunk-JKXZGQAL.js
dist/chunk-KHRJTNYB.js
dist/chunk-KKVEOD5L.js
dist/chunk-QMDDVBCZ.js
dist/chunk-TJX3I2ER.js
dist/chunk-WQHLUUDG.js
dist/chunk-YZ3QMR47.js
dist/styledSystemProps.d.ts
dist/styledSystemProps.js
dist/styledSystemRootCssClass.d.ts
dist/styledSystemRootCssClass.js
dist/tokens/generated/darkSemanticTokens.d.ts
dist/tokens/generated/darkSemanticTokens.js
dist/tokens/generated/lightSemanticTokens.d.ts
dist/tokens/generated/lightSemanticTokens.js
dist/tokens/generated/styledSystemToTokenMappings.d.ts
dist/tokens/generated/styledSystemToTokenMappings.js
dist/tokens/tokenMappings.d.ts
dist/tokens/tokenMappings.js

6

CHANGELOG.md
# @hopper-ui/styled-system
## 1.1.0
### Minor Changes
- 6a2fe45: Added offset tokens to semantic Typographic composite tokens
## 1.0.0

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

4

dist/global-styles/BodyStyleProvider.js

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

export { BodyStyleProvider } from '../chunk-HPTCF3O5.js';
export { BodyStyleProvider } from '../chunk-2BSH225N.js';
import '../chunk-3YM73BQP.js';

@@ -6,5 +6,5 @@ import '../chunk-B6ZBFYWJ.js';

import '../chunk-YPIK2HRL.js';
import '../chunk-Y6PI5JPG.js';
import '../chunk-FQYMSLSL.js';
import '../chunk-U5R6ZXH3.js';
import '../chunk-V7X6ANEM.js';
import '../chunk-6LX4VMOV.js';

4

dist/html-wrappers/html.d.ts

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

import { StyledSystemProps } from '../styled-system-props.js';
import { StyledSystemProps } from '../styledSystemProps.js';
import * as react from 'react';

@@ -7,3 +7,3 @@ import { ComponentProps } from 'react';

import '../responsive/Breakpoints.js';
import '../tokens/token-mappings.js';
import '../tokens/tokenMappings.js';

@@ -10,0 +10,0 @@ /**

12

dist/html-wrappers/html.js

@@ -1,6 +0,6 @@

export { A, Address, Article, Aside, Div, HtmlButton, HtmlFooter, HtmlForm, HtmlH1, HtmlH2, HtmlH3, HtmlH4, HtmlH5, HtmlH6, HtmlHeader, HtmlInput, HtmlLabel, HtmlParagraph, HtmlSection, HtmlTextArea, Img, LI, Main, Nav, OL, Span, TBody, TD, TFoot, TH, THead, TR, Table, UL } from '../chunk-XISFZQD3.js';
import '../chunk-RG533UHT.js';
import '../chunk-IZYWFDT7.js';
import '../chunk-ACHT4RXQ.js';
import '../chunk-PCGVOTW3.js';
export { A, Address, Article, Aside, Div, HtmlButton, HtmlFooter, HtmlForm, HtmlH1, HtmlH2, HtmlH3, HtmlH4, HtmlH5, HtmlH6, HtmlHeader, HtmlInput, HtmlLabel, HtmlParagraph, HtmlSection, HtmlTextArea, Img, LI, Main, Nav, OL, Span, TBody, TD, TFoot, TH, THead, TR, Table, UL } from '../chunk-KHRJTNYB.js';
import '../chunk-WQHLUUDG.js';
import '../chunk-37HGVAAN.js';
import '../chunk-DRFY5W7M.js';
import '../chunk-KKVEOD5L.js';
import '../chunk-SFOVKOPG.js';

@@ -10,3 +10,3 @@ import '../chunk-VBKLISDI.js';

import '../chunk-U5R6ZXH3.js';
import '../chunk-I37Y2R7V.js';
import '../chunk-QMDDVBCZ.js';
import '../chunk-6LX4VMOV.js';

6

dist/html-wrappers/htmlElement.d.ts
import * as react from 'react';
import { ElementRef } from 'react';
import { StyledComponentProps } from '../styled-system-props.js';
import { StyledComponentProps } from '../styledSystemProps.js';
import 'csstype';
import '../responsive/useResponsiveValue.js';
import '../responsive/Breakpoints.js';
import '../tokens/token-mappings.js';
import '../tokens/tokenMappings.js';
type HtmlElementProps<T extends keyof JSX.IntrinsicElements> = StyledComponentProps<T>;
declare const GlobalHtmlElementCssSelector = "hop-Html";
declare const GlobalHtmlElementCssSelector = "hop-HtmlElement";
declare const GlobalHtmlElementSpecificCssSelector: (elementType: string) => string;

@@ -12,0 +12,0 @@ declare function htmlElement<T extends keyof JSX.IntrinsicElements>(elementType: T): react.ForwardRefExoticComponent<react.PropsWithoutRef<StyledComponentProps<T>> & react.RefAttributes<ElementRef<T>>>;

10

dist/html-wrappers/htmlElement.js

@@ -1,5 +0,5 @@

export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from '../chunk-RG533UHT.js';
import '../chunk-IZYWFDT7.js';
import '../chunk-ACHT4RXQ.js';
import '../chunk-PCGVOTW3.js';
export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from '../chunk-WQHLUUDG.js';
import '../chunk-37HGVAAN.js';
import '../chunk-DRFY5W7M.js';
import '../chunk-KKVEOD5L.js';
import '../chunk-SFOVKOPG.js';

@@ -9,3 +9,3 @@ import '../chunk-VBKLISDI.js';

import '../chunk-U5R6ZXH3.js';
import '../chunk-I37Y2R7V.js';
import '../chunk-QMDDVBCZ.js';
import '../chunk-6LX4VMOV.js';

10

dist/index.d.ts

@@ -12,3 +12,3 @@ export { ColorScheme, ColorSchemeContext, ColorSchemeContextType, ColorSchemeOrSystem, useColorSchemeContext } from './color-scheme/ColorSchemeContext.js';

export { TokenProvider } from './tokens/TokenProvider.js';
export { BackgroundColorMapping, BackgroundColorValue, BorderMapping, BorderRadiusMapping, BorderRadiusValue, BorderValue, BoxShadowMapping, BoxShadowValue, CSSSizing, ColorExpressionTypes, ColorMapping, ColorValue, ColumnGapValue, ComplexMarginMapping, ComplexMarginValue, ComplexPaddingMapping, ComplexPaddingValue, CssBorder, CssBorderRadius, CssBoxShadow, CssColor, CssFill, CssGap, CssGrid, CssGridTemplate, DataVizColorMapping, DefaultBorderWidthAndStyle, FRValues, FillValue, FontFamilyMapping, FontFamilyValue, FontSizeMapping, FontSizeValue, FontWeightMapping, FontWeightValue, GapValue, GridAutoColumnsValue, GridAutoRowsValue, GridColumSpanValue, GridRowSpanValue, GridTemplateAreasValue, GridTemplateColumnsValue, GridTemplateRowsValue, HeightValue, IconColorMapping, LineHeightMapping, LineHeightValue, Percentage, RowGapValue, SimpleMarginMapping, SimpleMarginValue, SimplePaddingMapping, SimplePaddingValue, SizingMapping, SizingValue, SpaceMapping, StrokeValue, TextColorMapping, UNSAFE_BackgroundColorValue, UNSAFE_BorderRadiusValue, UNSAFE_BorderValue, UNSAFE_BoxShadowValue, UNSAFE_ColorValue, UNSAFE_ColumnGapValue, UNSAFE_ComplexMarginValue, UNSAFE_ComplexPaddingValue, UNSAFE_FillValue, UNSAFE_FontFamilyValue, UNSAFE_FontSizeValue, UNSAFE_FontWeightValue, UNSAFE_GapValue, UNSAFE_GridAutoColumnsValue, UNSAFE_GridAutoRowsValue, UNSAFE_GridTemplateColumnsValue, UNSAFE_GridTemplateRowsValue, UNSAFE_HeightValue, UNSAFE_LineHeightValue, UNSAFE_RowGapValue, UNSAFE_SimpleMarginValue, UNSAFE_SimplePaddingValue, UNSAFE_SizingValue, UNSAFE_StrokeValue, UNSAFE_WidthValue, WidthValue, getSizingValue, getSystemValue, parseResponsiveSystemValue } from './tokens/token-mappings.js';
export { BackgroundColorMapping, BackgroundColorValue, BorderMapping, BorderRadiusMapping, BorderRadiusValue, BorderValue, BoxShadowMapping, BoxShadowValue, CSSSizing, ColorExpressionTypes, ColorMapping, ColorValue, ColumnGapValue, ComplexMarginMapping, ComplexMarginValue, ComplexPaddingMapping, ComplexPaddingValue, CssBorder, CssBorderRadius, CssBoxShadow, CssColor, CssFill, CssGap, CssGrid, CssGridTemplate, DataVizColorMapping, DefaultBorderWidthAndStyle, FRValues, FillValue, FontFamilyMapping, FontFamilyValue, FontSizeMapping, FontSizeValue, FontWeightMapping, FontWeightValue, GapValue, GridAutoColumnsValue, GridAutoRowsValue, GridColumSpanValue, GridRowSpanValue, GridTemplateAreasValue, GridTemplateColumnsValue, GridTemplateRowsValue, HeightValue, IconColorMapping, LineHeightMapping, LineHeightValue, Percentage, RowGapValue, SimpleMarginMapping, SimpleMarginValue, SimplePaddingMapping, SimplePaddingValue, SizingMapping, SizingValue, SpaceMapping, StrokeValue, TextColorMapping, UNSAFE_BackgroundColorValue, UNSAFE_BorderRadiusValue, UNSAFE_BorderValue, UNSAFE_BoxShadowValue, UNSAFE_ColorValue, UNSAFE_ColumnGapValue, UNSAFE_ComplexMarginValue, UNSAFE_ComplexPaddingValue, UNSAFE_FillValue, UNSAFE_FontFamilyValue, UNSAFE_FontSizeValue, UNSAFE_FontWeightValue, UNSAFE_GapValue, UNSAFE_GridAutoColumnsValue, UNSAFE_GridAutoRowsValue, UNSAFE_GridTemplateColumnsValue, UNSAFE_GridTemplateRowsValue, UNSAFE_HeightValue, UNSAFE_LineHeightValue, UNSAFE_RowGapValue, UNSAFE_SimpleMarginValue, UNSAFE_SimplePaddingValue, UNSAFE_SizingValue, UNSAFE_StrokeValue, UNSAFE_WidthValue, WidthValue, getSizingValue, getSystemValue, parseResponsiveSystemValue } from './tokens/tokenMappings.js';
export { HopperCssVar, HopperTokenKey, Tokens } from './tokens/tokens.js';

@@ -20,4 +20,4 @@ export { useInsertStyleElement } from './utils/useInsertStyleElement.js';

export { GlobalStyledSystemProviderCssSelector, StyledSystemProvider, StyledSystemProviderProps } from './StyledSystemProvider.js';
export { StyledComponentProps, StyledSystemProps, UnsafePrefix } from './styled-system-props.js';
export { HopperRootCssClass, StyledSystemRootCssClass } from './styled-system-root-css-class.js';
export { StyledComponentProps, StyledSystemProps, UnsafePrefix } from './styledSystemProps.js';
export { HopperRootCssClass, StyledSystemRootCssClass } from './styledSystemRootCssClass.js';
export { StylingProps, isStyledSystemProp, useStyledSystem } from './useStyledSystem.js';

@@ -27,3 +27,3 @@ import 'react';

import 'csstype';
import './tokens/generated/dark-semantic-tokens.js';
import './tokens/generated/light-semantic-tokens.js';
import './tokens/generated/darkSemanticTokens.js';
import './tokens/generated/lightSemanticTokens.js';

26

dist/index.js

@@ -1,18 +0,18 @@

export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider } from './chunk-36LPB7RX.js';
export { BodyStyleProvider } from './chunk-HPTCF3O5.js';
export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider } from './chunk-TJX3I2ER.js';
export { BodyStyleProvider } from './chunk-2BSH225N.js';
export { useIsomorphicLayoutEffect } from './chunk-3YM73BQP.js';
export { ThemeComputedStyle } from './chunk-B6ZBFYWJ.js';
export { A, Address, Article, Aside, Div, HtmlButton, HtmlFooter, HtmlForm, HtmlH1, HtmlH2, HtmlH3, HtmlH4, HtmlH5, HtmlH6, HtmlHeader, HtmlInput, HtmlLabel, HtmlParagraph, HtmlSection, HtmlTextArea, Img, LI, Main, Nav, OL, Span, TBody, TD, TFoot, TH, THead, TR, Table, UL } from './chunk-XISFZQD3.js';
export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from './chunk-RG533UHT.js';
export { A, Address, Article, Aside, Div, HtmlButton, HtmlFooter, HtmlForm, HtmlH1, HtmlH2, HtmlH3, HtmlH4, HtmlH5, HtmlH6, HtmlHeader, HtmlInput, HtmlLabel, HtmlParagraph, HtmlSection, HtmlTextArea, Img, LI, Main, Nav, OL, Span, TBody, TD, TFoot, TH, THead, TR, Table, UL } from './chunk-KHRJTNYB.js';
export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from './chunk-WQHLUUDG.js';
export { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from './chunk-MCUHAIA4.js';
export { TokenProvider } from './chunk-7WKPFXQZ.js';
export { Tokens } from './chunk-TAIACQMV.js';
import './chunk-ZKEMKHXY.js';
import './chunk-3IK64CCG.js';
export { TokenProvider } from './chunk-YZ3QMR47.js';
export { Tokens } from './chunk-FTYCODSC.js';
import './chunk-IMYR3NDP.js';
import './chunk-JKXZGQAL.js';
export { useInsertStyleElement } from './chunk-RIORU7JO.js';
export { useIsomorphicInsertionEffect } from './chunk-YPIK2HRL.js';
export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-Y6PI5JPG.js';
export { isStyledSystemProp, useStyledSystem } from './chunk-IZYWFDT7.js';
export { BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, ColorExpressionTypes, ColorMapping, ComplexMarginMapping, ComplexPaddingMapping, DataVizColorMapping, DefaultBorderWidthAndStyle, FontFamilyMapping, FontSizeMapping, FontWeightMapping, IconColorMapping, LineHeightMapping, SimpleMarginMapping, SimplePaddingMapping, SizingMapping, SpaceMapping, TextColorMapping, getSizingValue, getSystemValue, parseResponsiveSystemValue } from './chunk-ACHT4RXQ.js';
import './chunk-PCGVOTW3.js';
export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-FQYMSLSL.js';
export { isStyledSystemProp, useStyledSystem } from './chunk-37HGVAAN.js';
export { BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, ColorExpressionTypes, ColorMapping, ComplexMarginMapping, ComplexPaddingMapping, DataVizColorMapping, DefaultBorderWidthAndStyle, FontFamilyMapping, FontSizeMapping, FontWeightMapping, IconColorMapping, LineHeightMapping, SimpleMarginMapping, SimplePaddingMapping, SizingMapping, SpaceMapping, TextColorMapping, getSizingValue, getSystemValue, parseResponsiveSystemValue } from './chunk-DRFY5W7M.js';
import './chunk-KKVEOD5L.js';
export { isResponsiveObject, parseResponsiveValue, useResponsiveValue } from './chunk-SFOVKOPG.js';

@@ -22,3 +22,3 @@ export { BreakpointContext, useBreakpointContext } from './chunk-VBKLISDI.js';

import './chunk-U5R6ZXH3.js';
export { UnsafePrefix } from './chunk-I37Y2R7V.js';
export { UnsafePrefix } from './chunk-QMDDVBCZ.js';
export { useColorScheme } from './chunk-KLNF34G6.js';

@@ -25,0 +25,0 @@ import './chunk-M4X2T3D3.js';

4

dist/StyledSystemProvider.d.ts

@@ -6,7 +6,7 @@ import * as react from 'react';

import { BreakpointProviderProps } from './responsive/BreakpointProvider.js';
import './styled-system-props.js';
import './styledSystemProps.js';
import 'csstype';
import './responsive/useResponsiveValue.js';
import './responsive/Breakpoints.js';
import './tokens/token-mappings.js';
import './tokens/tokenMappings.js';
import 'react/jsx-runtime';

@@ -13,0 +13,0 @@

26

dist/StyledSystemProvider.js

@@ -1,18 +0,18 @@

export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider } from './chunk-36LPB7RX.js';
import './chunk-HPTCF3O5.js';
export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider } from './chunk-TJX3I2ER.js';
import './chunk-2BSH225N.js';
import './chunk-3YM73BQP.js';
import './chunk-B6ZBFYWJ.js';
import './chunk-XISFZQD3.js';
import './chunk-RG533UHT.js';
import './chunk-KHRJTNYB.js';
import './chunk-WQHLUUDG.js';
import './chunk-MCUHAIA4.js';
import './chunk-7WKPFXQZ.js';
import './chunk-TAIACQMV.js';
import './chunk-ZKEMKHXY.js';
import './chunk-3IK64CCG.js';
import './chunk-YZ3QMR47.js';
import './chunk-FTYCODSC.js';
import './chunk-IMYR3NDP.js';
import './chunk-JKXZGQAL.js';
import './chunk-RIORU7JO.js';
import './chunk-YPIK2HRL.js';
import './chunk-Y6PI5JPG.js';
import './chunk-IZYWFDT7.js';
import './chunk-ACHT4RXQ.js';
import './chunk-PCGVOTW3.js';
import './chunk-FQYMSLSL.js';
import './chunk-37HGVAAN.js';
import './chunk-DRFY5W7M.js';
import './chunk-KKVEOD5L.js';
import './chunk-SFOVKOPG.js';

@@ -22,3 +22,3 @@ import './chunk-VBKLISDI.js';

import './chunk-U5R6ZXH3.js';
import './chunk-I37Y2R7V.js';
import './chunk-QMDDVBCZ.js';
import './chunk-KLNF34G6.js';

@@ -25,0 +25,0 @@ import './chunk-M4X2T3D3.js';

10

dist/tokens/TokenProvider.js

@@ -1,9 +0,9 @@

export { TokenProvider } from '../chunk-7WKPFXQZ.js';
import '../chunk-TAIACQMV.js';
import '../chunk-ZKEMKHXY.js';
import '../chunk-3IK64CCG.js';
export { TokenProvider } from '../chunk-YZ3QMR47.js';
import '../chunk-FTYCODSC.js';
import '../chunk-IMYR3NDP.js';
import '../chunk-JKXZGQAL.js';
import '../chunk-RIORU7JO.js';
import '../chunk-YPIK2HRL.js';
import '../chunk-Y6PI5JPG.js';
import '../chunk-FQYMSLSL.js';
import '../chunk-U5R6ZXH3.js';
import '../chunk-6LX4VMOV.js';

30

dist/tokens/tokens.d.ts

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

import { DarkSemanticTokens } from './generated/dark-semantic-tokens.js';
import { CoreTokens, SemanticTokens } from './generated/light-semantic-tokens.js';
import { DarkSemanticTokens } from './generated/darkSemanticTokens.js';
import { CoreTokens, SemanticTokens } from './generated/lightSemanticTokens.js';

@@ -172,2 +172,10 @@ declare const Tokens: {

"--hop-line-height-1-50": string;
"--hop-easing-duration-1": string;
"--hop-easing-duration-2": string;
"--hop-easing-duration-3": string;
"--hop-easing-duration-4": string;
"--hop-easing-duration-5": string;
"--hop-easing-productive": string;
"--hop-easing-focus": string;
"--hop-easing-expressive": string;
"--hop-border-radius-0": string;

@@ -751,2 +759,4 @@ "--hop-border-radius-1": string;

"--hop-heading-3xl-line-height": string;
"--hop-heading-3xl-top-offset": string;
"--hop-heading-3xl-bottom-offset": string;
"--hop-heading-2xl-font-family": string;

@@ -756,2 +766,4 @@ "--hop-heading-2xl-font-size": string;

"--hop-heading-2xl-line-height": string;
"--hop-heading-2xl-top-offset": string;
"--hop-heading-2xl-bottom-offset": string;
"--hop-heading-xl-font-family": string;

@@ -761,2 +773,4 @@ "--hop-heading-xl-font-size": string;

"--hop-heading-xl-line-height": string;
"--hop-heading-xl-top-offset": string;
"--hop-heading-xl-bottom-offset": string;
"--hop-heading-lg-font-family": string;

@@ -766,2 +780,4 @@ "--hop-heading-lg-font-size": string;

"--hop-heading-lg-line-height": string;
"--hop-heading-lg-top-offset": string;
"--hop-heading-lg-bottom-offset": string;
"--hop-heading-md-font-family": string;

@@ -771,2 +787,4 @@ "--hop-heading-md-font-size": string;

"--hop-heading-md-line-height": string;
"--hop-heading-md-top-offset": string;
"--hop-heading-md-bottom-offset": string;
"--hop-heading-sm-font-family": string;

@@ -776,2 +794,4 @@ "--hop-heading-sm-font-size": string;

"--hop-heading-sm-line-height": string;
"--hop-heading-sm-top-offset": string;
"--hop-heading-sm-bottom-offset": string;
"--hop-heading-xs-font-family": string;

@@ -781,2 +801,4 @@ "--hop-heading-xs-font-size": string;

"--hop-heading-xs-line-height": string;
"--hop-heading-xs-top-offset": string;
"--hop-heading-xs-bottom-offset": string;
"--hop-heading-xs-medium-font-family": string;

@@ -786,2 +808,4 @@ "--hop-heading-xs-medium-font-size": string;

"--hop-heading-xs-medium-line-height": string;
"--hop-heading-xs-medium-top-offset": string;
"--hop-heading-xs-medium-bottom-offset": string;
"--hop-overline-font-family": string;

@@ -791,2 +815,4 @@ "--hop-overline-font-size": string;

"--hop-overline-line-height": string;
"--hop-overline-top-offset": string;
"--hop-overline-bottom-offset": string;
"--hop-body-2xl-font-family": string;

@@ -793,0 +819,0 @@ "--hop-body-2xl-font-size": string;

6

dist/tokens/tokens.js

@@ -1,4 +0,4 @@

export { Tokens } from '../chunk-TAIACQMV.js';
import '../chunk-ZKEMKHXY.js';
import '../chunk-3IK64CCG.js';
export { Tokens } from '../chunk-FTYCODSC.js';
import '../chunk-IMYR3NDP.js';
import '../chunk-JKXZGQAL.js';
import '../chunk-6LX4VMOV.js';

4

dist/useStyledSystem.d.ts
import { CSSProperties } from 'react';
import { Breakpoint } from './responsive/Breakpoints.js';
import { StyledSystemProps } from './styled-system-props.js';
import { StyledSystemProps } from './styledSystemProps.js';
import { ResponsiveProp } from './responsive/useResponsiveValue.js';
import 'csstype';
import './tokens/token-mappings.js';
import './tokens/tokenMappings.js';

@@ -8,0 +8,0 @@ type PropHandler = (name: string, value: ResponsiveProp<string | number | string[]>, context: StylingContext) => void;

8

dist/useStyledSystem.js

@@ -1,4 +0,4 @@

export { isStyledSystemProp, useStyledSystem } from './chunk-IZYWFDT7.js';
import './chunk-ACHT4RXQ.js';
import './chunk-PCGVOTW3.js';
export { isStyledSystemProp, useStyledSystem } from './chunk-37HGVAAN.js';
import './chunk-DRFY5W7M.js';
import './chunk-KKVEOD5L.js';
import './chunk-SFOVKOPG.js';

@@ -8,3 +8,3 @@ import './chunk-VBKLISDI.js';

import './chunk-U5R6ZXH3.js';
import './chunk-I37Y2R7V.js';
import './chunk-QMDDVBCZ.js';
import './chunk-6LX4VMOV.js';

37

package.json
{
"name": "@hopper-ui/styled-system",
"author": "Workleap",
"version": "1.0.0",
"version": "1.1.0",
"description": "The styled-system package.",

@@ -41,18 +41,18 @@ "license": "Apache-2.0",

"dependencies": {
"clsx": "^2.1.0",
"@react-aria/ssr": "^3.9.1"
"@react-aria/ssr": "^3.9.2",
"clsx": "^2.1.0"
},
"devDependencies": {
"@swc/core": "1.3.106",
"@swc/helpers": "0.5.3",
"@swc/jest": "0.2.31",
"@testing-library/jest-dom": "6.3.0",
"@testing-library/react": "14.1.2",
"@types/jest": "29.5.11",
"@types/react": "18.2.48",
"@types/react-dom": "18.2.18",
"@swc/core": "1.4.8",
"@swc/helpers": "0.5.7",
"@swc/jest": "0.2.36",
"@testing-library/jest-dom": "6.4.2",
"@testing-library/react": "14.2.2",
"@types/jest": "29.5.12",
"@types/react": "18.2.67",
"@types/react-dom": "18.2.22",
"@types/react-test-renderer": "18.0.7",
"@workleap/eslint-plugin": "3.0.0",
"@workleap/swc-configs": "2.1.2",
"@workleap/tsup-configs": "3.0.1",
"@workleap/eslint-plugin": "3.1.0",
"@workleap/swc-configs": "2.2.3",
"@workleap/tsup-configs": "3.0.4",
"@workleap/typescript-configs": "3.0.2",

@@ -62,3 +62,3 @@ "identity-obj-proxy": "3.0.0",

"jest-environment-jsdom": "29.7.0",
"postcss": "8.4.33",
"postcss": "8.4.37",
"postcss-modules": "6.0.0",

@@ -69,6 +69,5 @@ "react": "18.2.0",

"ts-jest": "29.1.2",
"tsup": "8.0.1",
"type-fest": "4.10.1",
"typescript": "5.3.3",
"@hopper-ui/tokens": "3.3.0"
"tsup": "8.0.2",
"typescript": "5.4.2",
"@hopper-ui/tokens": "3.4.0"
},

@@ -75,0 +74,0 @@ "scripts": {

dist/chunk-36LPB7RX.js
dist/chunk-3IK64CCG.js
dist/chunk-7WKPFXQZ.js
dist/chunk-ACHT4RXQ.js
dist/chunk-HPTCF3O5.js
dist/chunk-I37Y2R7V.js
dist/chunk-IZYWFDT7.js
dist/chunk-PCGVOTW3.js
dist/chunk-RG533UHT.js
dist/chunk-TAIACQMV.js
dist/chunk-XISFZQD3.js
dist/chunk-Y6PI5JPG.js
dist/chunk-ZKEMKHXY.js
dist/styled-system-props.d.ts
dist/styled-system-props.js
dist/styled-system-root-css-class.d.ts
dist/styled-system-root-css-class.js
dist/tokens/generated/dark-semantic-tokens.d.ts
dist/tokens/generated/dark-semantic-tokens.js
dist/tokens/generated/light-semantic-tokens.d.ts
dist/tokens/generated/light-semantic-tokens.js
dist/tokens/generated/styled-system-to-token-mappings.d.ts
dist/tokens/generated/styled-system-to-token-mappings.js
dist/tokens/token-mappings.d.ts
dist/tokens/token-mappings.js
dist/html-wrappers/html.css

Sorry, the diff of this file is not supported yet

dist/html-wrappers/htmlElement.css

Sorry, the diff of this file is not supported yet

dist/index.css

Sorry, the diff of this file is not supported yet

dist/StyledSystemProvider.css

Sorry, the diff of this file is not supported yet

dist/useStyledSystem.css

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