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.2.0 to 2.0.0

dist/chunk-5GX5VZFT.js
dist/chunk-5U5IRAPA.js
dist/chunk-AZ44JR7G.js
dist/chunk-BA7JHGU6.js
dist/chunk-DVOV55CD.js
dist/chunk-EF3UX45A.js
dist/chunk-GXUFWEP5.js
dist/chunk-GZ3MQOPA.js
dist/chunk-REAV6RA4.js
dist/chunk-SSBFBJJN.js
dist/chunk-T6JS7L6B.js
dist/chunk-VJNKYHHT.js
dist/chunk-XEJOSGGW.js
dist/chunk-Y7GWSHYF.js
dist/chunk-YJKWZYVH.js

103

CHANGELOG.md
# @hopper-ui/styled-system
## 2.0.0
### Major Changes
- c5c6b30: ## @hopper-ui/tokens
**Added**
| Token |
| ------------------------------------- |
| danger-text-selected |
| danger-border-selected |
| danger-icon-selected |
| danger-icon-weak-hover |
| danger-icon-weak-press |
| danger-surface-selected |
| danger-surface-weak-hover |
| danger-surface-weak-press |
| danger-text-weak-hover |
| danger-text-weak-press |
| decorative-option5-surface-weak-hover |
| neutral-surface-weak-selected |
| neutral-surface-weakest-selected |
| neutral-border-selected |
| neutral-icon-selected |
| neutral-icon-strong-hover |
| neutral-icon-weak-press |
| neutral-surface-selected |
| neutral-text-weak-hover |
| neutral-text-weak-press |
| primary-border-selected |
| primary-icon-selected |
| primary-surface-selected |
| primary-surface-strong-selected |
| primary-surface-weak-hover |
| primary-surface-weak-press |
| primary-text-selected |
| upsell-border-selected |
| upsell-icon-selected |
| upsell-icon-hover |
| upsell-icon-weak-hover |
| upsell-icon-weak-press |
| upsell-surface-selected |
| upsell-surface-weak-hover |
| upsell-surface-weak-press |
| upsell-text-selected |
| upsell-text-weak |
| upsell-text-weak-hover |
| upsell-text-weak-press |
**Renamed**
Use this as a reference to fix all breaking changes.
| Old Token name | New Token name |
| ----------------------------- | ---------------------------- |
| danger-border-active | danger-border-press |
| danger-icon-active | danger-icon-press |
| danger-text-active | danger-text-press |
| danger-surface-active | danger-surface-press |
| neutral-border-active | neutral-border-press |
| neutral-icon-active | neutral-icon-press |
| neutral-surface-active | neutral-surface-press |
| neutral-surface-weak-active | neutral-surface-weak-press |
| neutral-text-active | neutral-text-press |
| primary-border-active | primary-border-press |
| primary-icon-active | primary-icon-press |
| primary-surface-active | primary-surface-press |
| primary-text-active | primary-text-press |
| primary-surface-strong-active | primary-surface-strong-press |
| upsell-border-active | upsell-border-press |
| upsell-icon-active | upsell-icon-press |
| upsell-surface-active | upsell-surface-press |
| upsell-text-active | upsell-text-press |
**Updated**
| Token |
| ---------------------------- |
| danger-surface-hover |
| danger-surface-strong |
| danger-surface-strong-hover |
| danger-text-weak |
| status-progress-text |
| status-progress-icon |
| primary-surface-strong-hover |
| primary-text |
| primary-surface-hover |
| upsell-surface-hover |
| upsell-surface-weak |
| upsell-text |
| upsell-icon |
| upsell-text-hover |
## @hopper-ui/components
- Added a press state to Links
- Added a press state to Buttons
- Added a press state to Checkbbox
- Added a press state to Switch
- Added a press state to Radio
- Added numerous tests to test Pressed States of components
## 1.2.0

@@ -4,0 +107,0 @@

4

dist/color-scheme/useColorScheme.js

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

export { useColorScheme } from '../chunk-KLNF34G6.js';
import '../chunk-M4X2T3D3.js';
export { useColorScheme } from '../chunk-5U5IRAPA.js';
import '../chunk-T6JS7L6B.js';
import '../chunk-6LX4VMOV.js';

4

dist/global-styles/BodyStyleProvider.js

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

export { BodyStyleProvider } from '../chunk-J2UW6IZ5.js';
export { BodyStyleProvider } from '../chunk-BA7JHGU6.js';
import '../chunk-3YM73BQP.js';

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

import '../chunk-YPIK2HRL.js';
import '../chunk-GFXIV6J4.js';
import '../chunk-REAV6RA4.js';
import '../chunk-U5R6ZXH3.js';
import '../chunk-V7X6ANEM.js';
import '../chunk-6LX4VMOV.js';

10

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-EJR6CH3T.js';
import '../chunk-LCW3QCQQ.js';
import '../chunk-TSYETPJT.js';
import '../chunk-DRFY5W7M.js';
import '../chunk-KKVEOD5L.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-AZ44JR7G.js';
import '../chunk-GZ3MQOPA.js';
import '../chunk-SSBFBJJN.js';
import '../chunk-5GX5VZFT.js';
import '../chunk-Y7GWSHYF.js';
import '../chunk-SFOVKOPG.js';

@@ -7,0 +7,0 @@ import '../chunk-VBKLISDI.js';

8

dist/html-wrappers/htmlElement.js

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

export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from '../chunk-LCW3QCQQ.js';
import '../chunk-TSYETPJT.js';
import '../chunk-DRFY5W7M.js';
import '../chunk-KKVEOD5L.js';
export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from '../chunk-GZ3MQOPA.js';
import '../chunk-SSBFBJJN.js';
import '../chunk-5GX5VZFT.js';
import '../chunk-Y7GWSHYF.js';
import '../chunk-SFOVKOPG.js';

@@ -6,0 +6,0 @@ import '../chunk-VBKLISDI.js';

30

dist/index.js

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

export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider } from './chunk-RKTVEOXM.js';
export { BodyStyleProvider } from './chunk-J2UW6IZ5.js';
export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider } from './chunk-XEJOSGGW.js';
export { BodyStyleProvider } from './chunk-BA7JHGU6.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-EJR6CH3T.js';
export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from './chunk-LCW3QCQQ.js';
export { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from './chunk-MCUHAIA4.js';
export { TokenProvider } from './chunk-ZDENFQ6H.js';
export { Tokens } from './chunk-45MYTH4M.js';
import './chunk-E2EGUGKS.js';
import './chunk-JKXZGQAL.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-AZ44JR7G.js';
export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from './chunk-GZ3MQOPA.js';
export { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from './chunk-GXUFWEP5.js';
export { TokenProvider } from './chunk-VJNKYHHT.js';
export { Tokens } from './chunk-EF3UX45A.js';
import './chunk-YJKWZYVH.js';
import './chunk-DVOV55CD.js';
export { useInsertStyleElement } from './chunk-RIORU7JO.js';
export { useIsomorphicInsertionEffect } from './chunk-YPIK2HRL.js';
export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-GFXIV6J4.js';
export { isStyledSystemProp, useStyledSystem } from './chunk-TSYETPJT.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 { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-REAV6RA4.js';
export { isStyledSystemProp, useStyledSystem } from './chunk-SSBFBJJN.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-5GX5VZFT.js';
import './chunk-Y7GWSHYF.js';
export { isResponsiveObject, parseResponsiveValue, useResponsiveValue } from './chunk-SFOVKOPG.js';

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

export { UnsafePrefix } from './chunk-QMDDVBCZ.js';
export { useColorScheme } from './chunk-KLNF34G6.js';
import './chunk-M4X2T3D3.js';
export { useColorScheme } from './chunk-5U5IRAPA.js';
import './chunk-T6JS7L6B.js';
export { useColorSchemeValue } from './chunk-X5OXC6DN.js';
export { ColorSchemeContext, useColorSchemeContext } from './chunk-V7X6ANEM.js';
import './chunk-6LX4VMOV.js';

5

dist/responsive/BreakpointProvider.d.ts

@@ -7,3 +7,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';

interface BreakpointProviderProps {
/** The children of the component */
children: ReactNode;
/**
* The breakpoint to use when the browser does not support matchMedia.
* @default "lg"
*/
unsupportedMatchMediaBreakpoint?: Breakpoint;

@@ -10,0 +15,0 @@ }

4

dist/responsive/BreakpointProvider.js

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

export { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from '../chunk-MCUHAIA4.js';
export { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from '../chunk-GXUFWEP5.js';
import '../chunk-VBKLISDI.js';
import '../chunk-XUHDFZZL.js';
import '../chunk-M4X2T3D3.js';
import '../chunk-T6JS7L6B.js';
import '../chunk-6LX4VMOV.js';

3

dist/StyledSystemProvider.d.ts

@@ -24,2 +24,3 @@ import * as react from 'react';

* The color scheme to use.
* @default "light"
*/

@@ -29,2 +30,3 @@ colorScheme: ColorSchemeOrSystem;

* Default color scheme to use when a user preferred color scheme (system) is not available.
* @default "light"
*/

@@ -35,2 +37,3 @@ defaultColorScheme?: ColorScheme;

* By default, it is set to `true`, you should not change it unless you want to manage CSS variables via `.css` files
* @default true
*/

@@ -37,0 +40,0 @@ withCssVariables?: boolean;

30

dist/StyledSystemProvider.js

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

export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider } from './chunk-RKTVEOXM.js';
import './chunk-J2UW6IZ5.js';
export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider } from './chunk-XEJOSGGW.js';
import './chunk-BA7JHGU6.js';
import './chunk-3YM73BQP.js';
import './chunk-B6ZBFYWJ.js';
import './chunk-EJR6CH3T.js';
import './chunk-LCW3QCQQ.js';
import './chunk-MCUHAIA4.js';
import './chunk-ZDENFQ6H.js';
import './chunk-45MYTH4M.js';
import './chunk-E2EGUGKS.js';
import './chunk-JKXZGQAL.js';
import './chunk-AZ44JR7G.js';
import './chunk-GZ3MQOPA.js';
import './chunk-GXUFWEP5.js';
import './chunk-VJNKYHHT.js';
import './chunk-EF3UX45A.js';
import './chunk-YJKWZYVH.js';
import './chunk-DVOV55CD.js';
import './chunk-RIORU7JO.js';
import './chunk-YPIK2HRL.js';
import './chunk-GFXIV6J4.js';
import './chunk-TSYETPJT.js';
import './chunk-DRFY5W7M.js';
import './chunk-KKVEOD5L.js';
import './chunk-REAV6RA4.js';
import './chunk-SSBFBJJN.js';
import './chunk-5GX5VZFT.js';
import './chunk-Y7GWSHYF.js';
import './chunk-SFOVKOPG.js';

@@ -23,5 +23,5 @@ import './chunk-VBKLISDI.js';

import './chunk-QMDDVBCZ.js';
import './chunk-KLNF34G6.js';
import './chunk-M4X2T3D3.js';
import './chunk-5U5IRAPA.js';
import './chunk-T6JS7L6B.js';
import './chunk-V7X6ANEM.js';
import './chunk-6LX4VMOV.js';

2

dist/styledSystemRootCssClass.js

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

export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-GFXIV6J4.js';
export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-REAV6RA4.js';
import './chunk-6LX4VMOV.js';

489

dist/tokens/generated/darkSemanticTokens.d.ts

@@ -5,263 +5,304 @@ /**

declare const DarkSemanticTokens: {
"--hop-upsell-border-active": string;
"--hop-upsell-text-active": string;
"--hop-upsell-icon-weakest": string;
"--hop-upsell-icon-weak": string;
"--hop-upsell-border": string;
"--hop-upsell-surface-hover": string;
"--hop-upsell-border-disabled": string;
"--hop-upsell-icon-active": string;
"--hop-upsell-surface-weak": string;
"--hop-upsell-surface-disabled": string;
"--hop-upsell-text": string;
"--hop-upsell-icon": string;
"--hop-upsell-text-hover": string;
"--hop-upsell-text-disabled": string;
"--hop-upsell-surface-active": string;
"--hop-upsell-surface": string;
"--hop-danger-border-active": string;
"--hop-danger-icon-active": string;
"--hop-danger-text-active": string;
"--hop-danger-border": string;
"--hop-danger-border-selected": string;
"--hop-danger-border-press": string;
"--hop-danger-border-strong": string;
"--hop-danger-icon": string;
"--hop-danger-icon-selected": string;
"--hop-danger-icon-disabled": string;
"--hop-danger-icon-hover": string;
"--hop-danger-icon-press": string;
"--hop-danger-icon-strong": string;
"--hop-danger-icon-strong-hover": string;
"--hop-danger-icon-weak": string;
"--hop-danger-icon-weak-hover": string;
"--hop-danger-icon-weak-press": string;
"--hop-danger-surface": string;
"--hop-danger-text-hover": string;
"--hop-danger-surface-selected": string;
"--hop-danger-surface-disabled": string;
"--hop-danger-surface-hover": string;
"--hop-danger-surface-press": string;
"--hop-danger-surface-strong": string;
"--hop-danger-surface-strong-hover": string;
"--hop-danger-surface-weak": string;
"--hop-danger-border-strong": string;
"--hop-danger-icon": string;
"--hop-danger-icon-weak": string;
"--hop-danger-surface-weak-hover": string;
"--hop-danger-surface-weak-press": string;
"--hop-danger-text": string;
"--hop-danger-surface-active": string;
"--hop-danger-text-weak": string;
"--hop-danger-text-selected": string;
"--hop-danger-text-disabled": string;
"--hop-danger-text-hover": string;
"--hop-danger-text-press": string;
"--hop-danger-text-strong": string;
"--hop-danger-text-strong-hover": string;
"--hop-danger-icon-strong": string;
"--hop-danger-icon-hover": string;
"--hop-danger-text-disabled": string;
"--hop-danger-icon-disabled": string;
"--hop-danger-border": string;
"--hop-primary-icon-active": string;
"--hop-primary-border-active": string;
"--hop-primary-text-active": string;
"--hop-primary-icon-strong": string;
"--hop-primary-icon-strong-hover": string;
"--hop-primary-icon": string;
"--hop-primary-border-focus": string;
"--hop-primary-border": string;
"--hop-primary-icon-hover": string;
"--hop-primary-icon-disabled": string;
"--hop-primary-surface-disabled": string;
"--hop-primary-surface-focus": string;
"--hop-primary-text-disabled": string;
"--hop-primary-surface": string;
"--hop-primary-surface-weak": string;
"--hop-primary-surface-strong": string;
"--hop-primary-surface-strong-hover": string;
"--hop-primary-surface-strong-active": string;
"--hop-primary-text": string;
"--hop-primary-surface-hover": string;
"--hop-primary-text-strong": string;
"--hop-primary-text-strong-hover": string;
"--hop-primary-text-hover": string;
"--hop-primary-surface-active": string;
"--hop-danger-text-weak": string;
"--hop-danger-text-weak-hover": string;
"--hop-danger-text-weak-press": string;
"--hop-decorative-option1-border": string;
"--hop-decorative-option1-icon": string;
"--hop-decorative-option1-surface": string;
"--hop-decorative-option1-surface-hover": string;
"--hop-decorative-option1-surface-strong": string;
"--hop-decorative-option1-surface-weak": string;
"--hop-decorative-option1-surface-weak-hover": string;
"--hop-decorative-option1-surface-weakest": string;
"--hop-decorative-option1-text": string;
"--hop-decorative-option1-text-weak": string;
"--hop-decorative-option2-border": string;
"--hop-decorative-option2-icon": string;
"--hop-decorative-option2-surface": string;
"--hop-decorative-option2-surface-hover": string;
"--hop-decorative-option2-surface-strong": string;
"--hop-decorative-option2-surface-weak": string;
"--hop-decorative-option2-surface-weak-hover": string;
"--hop-decorative-option2-surface-weakest": string;
"--hop-decorative-option2-text": string;
"--hop-decorative-option2-text-weak": string;
"--hop-decorative-option3-border": string;
"--hop-decorative-option3-icon": string;
"--hop-decorative-option3-surface": string;
"--hop-decorative-option3-surface-hover": string;
"--hop-decorative-option3-surface-strong": string;
"--hop-decorative-option3-surface-weak": string;
"--hop-decorative-option3-surface-weak-hover": string;
"--hop-decorative-option3-surface-weakest": string;
"--hop-decorative-option3-text": string;
"--hop-decorative-option3-text-weak": string;
"--hop-decorative-option4-border": string;
"--hop-decorative-option4-icon": string;
"--hop-decorative-option4-surface": string;
"--hop-decorative-option4-surface-hover": string;
"--hop-decorative-option4-surface-strong": string;
"--hop-decorative-option4-surface-weak": string;
"--hop-decorative-option4-surface-weak-hover": string;
"--hop-decorative-option4-surface-weakest": string;
"--hop-decorative-option4-text": string;
"--hop-decorative-option4-text-weak": string;
"--hop-decorative-option5-border": string;
"--hop-decorative-option5-icon": string;
"--hop-decorative-option5-surface": string;
"--hop-decorative-option5-surface-hover": string;
"--hop-decorative-option5-surface-strong": string;
"--hop-decorative-option5-surface-weak": string;
"--hop-decorative-option5-surface-weak-hover": string;
"--hop-decorative-option5-surface-weakest": string;
"--hop-decorative-option5-text": string;
"--hop-decorative-option5-text-weak": string;
"--hop-decorative-option6-border": string;
"--hop-decorative-option6-icon": string;
"--hop-decorative-option6-surface": string;
"--hop-decorative-option6-surface-hover": string;
"--hop-decorative-option6-surface-strong": string;
"--hop-decorative-option6-surface-weak": string;
"--hop-decorative-option6-surface-weak-hover": string;
"--hop-decorative-option6-surface-weakest": string;
"--hop-decorative-option6-text": string;
"--hop-decorative-option6-text-weak": string;
"--hop-decorative-option7-border": string;
"--hop-decorative-option7-icon": string;
"--hop-decorative-option7-surface": string;
"--hop-decorative-option7-surface-hover": string;
"--hop-decorative-option7-surface-strong": string;
"--hop-decorative-option7-surface-weak": string;
"--hop-decorative-option7-surface-weak-hover": string;
"--hop-decorative-option7-surface-weakest": string;
"--hop-decorative-option7-text": string;
"--hop-decorative-option7-text-weak": string;
"--hop-decorative-option8-border": string;
"--hop-decorative-option8-icon": string;
"--hop-decorative-option8-surface": string;
"--hop-decorative-option8-surface-hover": string;
"--hop-decorative-option8-surface-strong": string;
"--hop-decorative-option8-surface-weak": string;
"--hop-decorative-option8-surface-weak-hover": string;
"--hop-decorative-option8-surface-weakest": string;
"--hop-decorative-option8-text": string;
"--hop-decorative-option8-text-weak": string;
"--hop-decorative-option9-border": string;
"--hop-decorative-option9-icon": string;
"--hop-decorative-option9-surface-weakest": string;
"--hop-decorative-option9-surface": string;
"--hop-decorative-option9-surface-hover": string;
"--hop-decorative-option9-surface-strong": string;
"--hop-decorative-option9-surface-weak": string;
"--hop-decorative-option9-surface-weak-hover": string;
"--hop-decorative-option9-surface-strong": string;
"--hop-decorative-option9-surface-hover": string;
"--hop-decorative-option9-surface": string;
"--hop-decorative-option9-surface-weakest": string;
"--hop-decorative-option9-text": string;
"--hop-decorative-option9-text-weak": string;
"--hop-decorative-option8-border": string;
"--hop-decorative-option8-icon": string;
"--hop-decorative-option8-surface-weakest": string;
"--hop-decorative-option8-surface-weak": string;
"--hop-decorative-option8-surface-weak-hover": string;
"--hop-decorative-option8-surface-strong": string;
"--hop-decorative-option8-surface-hover": string;
"--hop-decorative-option8-text-weak": string;
"--hop-decorative-option8-surface": string;
"--hop-decorative-option8-text": string;
"--hop-decorative-option7-border": string;
"--hop-decorative-option7-icon": string;
"--hop-decorative-option7-surface-weakest": string;
"--hop-decorative-option7-surface-weak": string;
"--hop-decorative-option7-surface-weak-hover": string;
"--hop-decorative-option7-surface-strong": string;
"--hop-decorative-option7-surface-hover": string;
"--hop-decorative-option7-surface": string;
"--hop-decorative-option7-text-weak": string;
"--hop-decorative-option7-text": string;
"--hop-decorative-option5-text-weak": string;
"--hop-decorative-option5-text": string;
"--hop-decorative-option5-surface-weakest": string;
"--hop-decorative-option5-surface-weak": string;
"--hop-decorative-option5-surface-weak-hover": string;
"--hop-decorative-option5-surface-strong": string;
"--hop-decorative-option5-surface-hover": string;
"--hop-decorative-option5-surface": string;
"--hop-decorative-option5-border": string;
"--hop-decorative-option5-icon": string;
"--hop-decorative-option6-surface-weakest": string;
"--hop-decorative-option6-surface-weak": string;
"--hop-decorative-option6-surface-weak-hover": string;
"--hop-decorative-option6-surface-strong": string;
"--hop-decorative-option6-surface-hover": string;
"--hop-decorative-option6-surface": string;
"--hop-decorative-option6-border": string;
"--hop-decorative-option6-icon": string;
"--hop-decorative-option6-text": string;
"--hop-decorative-option6-text-weak": string;
"--hop-decorative-option4-surface-weakest": string;
"--hop-decorative-option4-surface-weak": string;
"--hop-decorative-option4-surface-weak-hover": string;
"--hop-decorative-option4-surface-strong": string;
"--hop-decorative-option4-surface-hover": string;
"--hop-decorative-option4-surface": string;
"--hop-decorative-option4-border": string;
"--hop-decorative-option4-icon": string;
"--hop-decorative-option4-text-weak": string;
"--hop-decorative-option4-text": string;
"--hop-decorative-option3-surface-strong": string;
"--hop-decorative-option3-surface-weakest": string;
"--hop-decorative-option3-surface-weak": string;
"--hop-decorative-option3-surface-weak-hover": string;
"--hop-decorative-option3-surface-hover": string;
"--hop-decorative-option3-surface": string;
"--hop-decorative-option3-border": string;
"--hop-decorative-option3-icon": string;
"--hop-decorative-option3-text": string;
"--hop-decorative-option3-text-weak": string;
"--hop-decorative-option2-surface-weakest": string;
"--hop-decorative-option2-surface-weak": string;
"--hop-decorative-option2-surface-weak-hover": string;
"--hop-decorative-option2-surface-strong": string;
"--hop-decorative-option2-surface-hover": string;
"--hop-decorative-option2-surface": string;
"--hop-decorative-option2-text": string;
"--hop-decorative-option2-text-weak": string;
"--hop-decorative-option2-border": string;
"--hop-decorative-option2-icon": string;
"--hop-decorative-option1-surface-strong": string;
"--hop-decorative-option1-surface-weakest": string;
"--hop-decorative-option1-surface-weak": string;
"--hop-decorative-option1-surface-weak-hover": string;
"--hop-decorative-option1-surface-hover": string;
"--hop-decorative-option1-surface": string;
"--hop-decorative-option1-text-weak": string;
"--hop-decorative-option1-border": string;
"--hop-decorative-option1-icon": string;
"--hop-decorative-option1-text": string;
"--hop-neutral-text-hover": string;
"--hop-neutral-surface-weakest-hover": string;
"--hop-neutral-text-weak": string;
"--hop-neutral-surface-disabled": string;
"--hop-neutral-surface-active": string;
"--hop-neutral-surface-weak": string;
"--hop-neutral-surface": string;
"--hop-neutral-text-disabled": string;
"--hop-neutral-text-active": string;
"--hop-neutral-text-strong": string;
"--hop-neutral-text": string;
"--hop-neutral-text-weakest": string;
"--hop-information-border": string;
"--hop-information-icon": string;
"--hop-information-icon-weakest": string;
"--hop-information-icon-weak": string;
"--hop-information-surface": string;
"--hop-information-surface-strong": string;
"--hop-information-surface-weak": string;
"--hop-information-text": string;
"--hop-information-text-weak": string;
"--hop-neutral-border": string;
"--hop-neutral-border-selected": string;
"--hop-neutral-border-disabled": string;
"--hop-neutral-border-hover": string;
"--hop-neutral-border-press": string;
"--hop-neutral-border-strong": string;
"--hop-neutral-border-strong-hover": string;
"--hop-neutral-border-strong": string;
"--hop-neutral-surface-strong": string;
"--hop-neutral-surface-hover": string;
"--hop-neutral-border-weakest": string;
"--hop-neutral-border-weak": string;
"--hop-neutral-icon": string;
"--hop-neutral-icon-selected": string;
"--hop-neutral-icon-disabled": string;
"--hop-neutral-icon": string;
"--hop-neutral-icon-hover": string;
"--hop-neutral-icon-press": string;
"--hop-neutral-icon-strong": string;
"--hop-neutral-icon-strong-hover": string;
"--hop-neutral-icon-weak": string;
"--hop-neutral-border": string;
"--hop-neutral-border-weak": string;
"--hop-neutral-icon-weak-hover": string;
"--hop-neutral-icon-weak-press": string;
"--hop-neutral-icon-weakest": string;
"--hop-neutral-icon-strong": string;
"--hop-neutral-icon-hover": string;
"--hop-neutral-icon-active": string;
"--hop-neutral-border-hover": string;
"--hop-neutral-border-active": string;
"--hop-neutral-surface": string;
"--hop-neutral-surface-selected": string;
"--hop-neutral-surface-disabled": string;
"--hop-neutral-surface-hover": string;
"--hop-neutral-surface-press": string;
"--hop-neutral-surface-strong": string;
"--hop-neutral-surface-weakest": string;
"--hop-neutral-surface-weak": string;
"--hop-neutral-surface-weak-selected": string;
"--hop-neutral-surface-weak-hover": string;
"--hop-neutral-surface-weak-active": string;
"--hop-neutral-border-weakest": string;
"--hop-neutral-surface-weakest": string;
"--hop-warning-icon-weakest": string;
"--hop-warning-icon-weak": string;
"--hop-warning-text-weak": string;
"--hop-warning-surface": string;
"--hop-warning-surface-strong": string;
"--hop-warning-surface-weak": string;
"--hop-warning-border": string;
"--hop-warning-icon": string;
"--hop-warning-text": string;
"--hop-success-border": string;
"--hop-success-icon-weak": string;
"--hop-success-icon-weakest": string;
"--hop-success-text-weak": string;
"--hop-success-surface": string;
"--hop-success-surface-strong": string;
"--hop-success-text-hover": string;
"--hop-success-text": string;
"--hop-success-icon": string;
"--hop-success-surface-weak": string;
"--hop-information-icon-weakest": string;
"--hop-information-surface-strong": string;
"--hop-information-icon-weak": string;
"--hop-information-text": string;
"--hop-information-surface": string;
"--hop-information-surface-weak": string;
"--hop-information-text-weak": string;
"--hop-information-icon": string;
"--hop-information-border": string;
"--hop-neutral-surface-weak-press": string;
"--hop-neutral-surface-weakest-selected": string;
"--hop-neutral-surface-weakest-hover": string;
"--hop-neutral-text": string;
"--hop-neutral-text-selected": string;
"--hop-neutral-text-disabled": string;
"--hop-neutral-text-hover": string;
"--hop-neutral-text-press": string;
"--hop-neutral-text-strong": string;
"--hop-neutral-text-weak": string;
"--hop-neutral-text-weak-hover": string;
"--hop-neutral-text-weak-press": string;
"--hop-neutral-text-weakest": string;
"--hop-primary-border": string;
"--hop-primary-border-selected": string;
"--hop-primary-border-focus": string;
"--hop-primary-border-press": string;
"--hop-primary-icon": string;
"--hop-primary-icon-selected": string;
"--hop-primary-icon-disabled": string;
"--hop-primary-icon-hover": string;
"--hop-primary-icon-press": string;
"--hop-primary-icon-strong": string;
"--hop-primary-icon-strong-hover": string;
"--hop-primary-surface": string;
"--hop-primary-surface-selected": string;
"--hop-primary-surface-disabled": string;
"--hop-primary-surface-focus": string;
"--hop-primary-surface-hover": string;
"--hop-primary-surface-press": string;
"--hop-primary-surface-strong": string;
"--hop-primary-surface-strong-selected": string;
"--hop-primary-surface-strong-hover": string;
"--hop-primary-surface-strong-press": string;
"--hop-primary-surface-weak": string;
"--hop-primary-surface-weak-hover": string;
"--hop-primary-surface-weak-press": string;
"--hop-primary-text": string;
"--hop-primary-text-hover": string;
"--hop-primary-text-press": string;
"--hop-primary-text-strong": string;
"--hop-primary-text-strong-hover": string;
"--hop-primary-text-selected": string;
"--hop-primary-text-disabled": string;
"--hop-status-caution-icon": string;
"--hop-status-caution-surface": string;
"--hop-status-caution-surface-strong": string;
"--hop-status-caution-text": string;
"--hop-status-inselected-icon": string;
"--hop-status-inselected-surface": string;
"--hop-status-inselected-surface-strong": string;
"--hop-status-inselected-text": string;
"--hop-status-negative-icon": string;
"--hop-status-negative-surface": string;
"--hop-status-negative-surface-strong": string;
"--hop-status-negative-text": string;
"--hop-status-neutral-icon": string;
"--hop-status-neutral-surface": string;
"--hop-status-neutral-surface-strong": string;
"--hop-status-neutral-text": string;
"--hop-status-neutral-icon": string;
"--hop-status-neutral-surface": string;
"--hop-status-progress-surface-strong": string;
"--hop-status-progress-icon": string;
"--hop-status-progress-surface": string;
"--hop-status-progress-text": string;
"--hop-status-option6-surface-strong": string;
"--hop-status-option6-icon": string;
"--hop-status-option6-surface": string;
"--hop-status-option6-text": string;
"--hop-status-option5-surface-strong": string;
"--hop-status-option5-icon": string;
"--hop-status-option5-surface": string;
"--hop-status-option5-text": string;
"--hop-status-option1-surface-strong": string;
"--hop-status-option1-icon": string;
"--hop-status-option1-surface": string;
"--hop-status-option1-surface-strong": string;
"--hop-status-option1-text": string;
"--hop-status-option2-icon": string;
"--hop-status-option2-surface": string;
"--hop-status-option2-surface-strong": string;
"--hop-status-option2-text": string;
"--hop-status-option2-surface": string;
"--hop-status-option2-icon": string;
"--hop-status-option3-surface-strong": string;
"--hop-status-option3-icon": string;
"--hop-status-option3-surface": string;
"--hop-status-option3-surface-strong": string;
"--hop-status-option3-text": string;
"--hop-status-option4-surface-strong": string;
"--hop-status-option4-icon": string;
"--hop-status-option4-surface": string;
"--hop-status-option4-surface-strong": string;
"--hop-status-option4-text": string;
"--hop-status-inactive-surface-strong": string;
"--hop-status-inactive-icon": string;
"--hop-status-inactive-surface": string;
"--hop-status-inactive-text": string;
"--hop-status-caution-surface-strong": string;
"--hop-status-caution-icon": string;
"--hop-status-caution-surface": string;
"--hop-status-caution-text": string;
"--hop-status-negative-surface-strong": string;
"--hop-status-negative-icon": string;
"--hop-status-negative-surface": string;
"--hop-status-negative-text": string;
"--hop-status-option5-icon": string;
"--hop-status-option5-surface": string;
"--hop-status-option5-surface-strong": string;
"--hop-status-option5-text": string;
"--hop-status-option6-icon": string;
"--hop-status-option6-surface": string;
"--hop-status-option6-surface-strong": string;
"--hop-status-option6-text": string;
"--hop-status-positive-icon": string;
"--hop-status-positive-surface": string;
"--hop-status-positive-surface-strong": string;
"--hop-status-positive-surface": string;
"--hop-status-positive-text": string;
"--hop-status-progress-icon": string;
"--hop-status-progress-surface": string;
"--hop-status-progress-surface-strong": string;
"--hop-status-progress-text": string;
"--hop-success-border": string;
"--hop-success-icon": string;
"--hop-success-icon-weakest": string;
"--hop-success-icon-weak": string;
"--hop-success-surface": string;
"--hop-success-surface-strong": string;
"--hop-success-surface-weak": string;
"--hop-success-text": string;
"--hop-success-text-weak": string;
"--hop-success-text-hover": string;
"--hop-upsell-border": string;
"--hop-upsell-border-selected": string;
"--hop-upsell-border-disabled": string;
"--hop-upsell-border-press": string;
"--hop-upsell-icon": string;
"--hop-upsell-icon-selected": string;
"--hop-upsell-icon-hover": string;
"--hop-upsell-icon-press": string;
"--hop-upsell-icon-weakest": string;
"--hop-upsell-icon-weak": string;
"--hop-upsell-icon-weak-hover": string;
"--hop-upsell-icon-weak-press": string;
"--hop-upsell-surface": string;
"--hop-upsell-surface-selected": string;
"--hop-upsell-surface-disabled": string;
"--hop-upsell-surface-hover": string;
"--hop-upsell-surface-press": string;
"--hop-upsell-surface-weak": string;
"--hop-upsell-surface-weak-hover": string;
"--hop-upsell-surface-weak-press": string;
"--hop-upsell-text": string;
"--hop-upsell-text-selected": string;
"--hop-upsell-text-disabled": string;
"--hop-upsell-text-hover": string;
"--hop-upsell-text-press": string;
"--hop-upsell-text-weak": string;
"--hop-upsell-text-weak-hover": string;
"--hop-upsell-text-weak-press": string;
"--hop-warning-border": string;
"--hop-warning-icon": string;
"--hop-warning-icon-weakest": string;
"--hop-warning-icon-weak": string;
"--hop-warning-surface": string;
"--hop-warning-surface-strong": string;
"--hop-warning-surface-weak": string;
"--hop-warning-text": string;
"--hop-warning-text-weak": string;
"--hop-dataviz-unavailable": string;

@@ -268,0 +309,0 @@ "--hop-dataviz-unavailable-weak": string;

2

dist/tokens/generated/darkSemanticTokens.js

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

export { DarkSemanticTokens } from '../../chunk-E2EGUGKS.js';
export { DarkSemanticTokens } from '../../chunk-YJKWZYVH.js';
import '../../chunk-6LX4VMOV.js';

413

dist/tokens/generated/lightSemanticTokens.d.ts

@@ -221,70 +221,41 @@ /**

"--hop-space-inline-xl": string;
"--hop-upsell-border-active": string;
"--hop-upsell-text-active": string;
"--hop-upsell-icon-weakest": string;
"--hop-upsell-icon-weak": string;
"--hop-upsell-border": string;
"--hop-upsell-surface-hover": string;
"--hop-upsell-border-disabled": string;
"--hop-upsell-icon-active": string;
"--hop-upsell-surface-weak": string;
"--hop-upsell-surface-disabled": string;
"--hop-upsell-text": string;
"--hop-upsell-icon": string;
"--hop-upsell-text-hover": string;
"--hop-upsell-text-disabled": string;
"--hop-upsell-surface-active": string;
"--hop-upsell-surface": string;
"--hop-danger-border-active": string;
"--hop-danger-icon-active": string;
"--hop-danger-text-active": string;
"--hop-danger-border": string;
"--hop-danger-border-selected": string;
"--hop-danger-border-strong": string;
"--hop-danger-border-press": string;
"--hop-danger-icon": string;
"--hop-danger-icon-selected": string;
"--hop-danger-icon-disabled": string;
"--hop-danger-icon-hover": string;
"--hop-danger-icon-press": string;
"--hop-danger-icon-strong": string;
"--hop-danger-icon-strong-hover": string;
"--hop-danger-icon-weak": string;
"--hop-danger-icon-weak-hover": string;
"--hop-danger-icon-weak-press": string;
"--hop-danger-surface": string;
"--hop-danger-text-hover": string;
"--hop-danger-surface-selected": string;
"--hop-danger-surface-disabled": string;
"--hop-danger-surface-hover": string;
"--hop-danger-surface-press": string;
"--hop-danger-surface-strong": string;
"--hop-danger-surface-strong-hover": string;
"--hop-danger-surface-weak": string;
"--hop-danger-border-strong": string;
"--hop-danger-icon": string;
"--hop-danger-icon-weak": string;
"--hop-danger-surface-weak-hover": string;
"--hop-danger-surface-weak-press": string;
"--hop-danger-text": string;
"--hop-danger-surface-active": string;
"--hop-danger-text-weak": string;
"--hop-danger-text-selected": string;
"--hop-danger-text-disabled": string;
"--hop-danger-text-hover": string;
"--hop-danger-text-press": string;
"--hop-danger-text-strong": string;
"--hop-danger-text-strong-hover": string;
"--hop-danger-icon-strong": string;
"--hop-danger-icon-strong-hover": string;
"--hop-danger-icon-hover": string;
"--hop-danger-text-disabled": string;
"--hop-danger-icon-disabled": string;
"--hop-danger-border": string;
"--hop-primary-icon-active": string;
"--hop-primary-border-active": string;
"--hop-primary-text-active": string;
"--hop-primary-icon-strong": string;
"--hop-primary-icon-strong-hover": string;
"--hop-primary-icon": string;
"--hop-primary-border-focus": string;
"--hop-primary-border": string;
"--hop-primary-icon-hover": string;
"--hop-primary-icon-disabled": string;
"--hop-primary-surface-disabled": string;
"--hop-primary-surface-focus": string;
"--hop-primary-text-disabled": string;
"--hop-primary-surface": string;
"--hop-primary-surface-weak": string;
"--hop-primary-surface-strong": string;
"--hop-primary-surface-strong-active": string;
"--hop-primary-surface-strong-hover": string;
"--hop-primary-text": string;
"--hop-primary-surface-hover": string;
"--hop-primary-text-strong": string;
"--hop-primary-text-strong-hover": string;
"--hop-primary-text-hover": string;
"--hop-primary-surface-active": string;
"--hop-danger-text-weak": string;
"--hop-danger-text-weak-hover": string;
"--hop-danger-text-weak-press": string;
"--hop-decorative-option9-border": string;
"--hop-decorative-option9-icon": string;
"--hop-decorative-option9-surface": string;
"--hop-decorative-option9-surface-hover": string;
"--hop-decorative-option9-surface-strong": string;
"--hop-decorative-option9-surface-hover": string;
"--hop-decorative-option9-surface-weak": string;

@@ -295,160 +266,181 @@ "--hop-decorative-option9-surface-weak-hover": string;

"--hop-decorative-option9-text-weak": string;
"--hop-decorative-option9-border": string;
"--hop-decorative-option8-border": string;
"--hop-decorative-option8-icon": string;
"--hop-decorative-option8-surface-weakest": string;
"--hop-decorative-option8-surface": string;
"--hop-decorative-option8-surface-hover": string;
"--hop-decorative-option8-surface-strong": string;
"--hop-decorative-option8-surface-weak": string;
"--hop-decorative-option8-surface-weak-hover": string;
"--hop-decorative-option8-surface-hover": string;
"--hop-decorative-option8-surface-strong": string;
"--hop-decorative-option8-surface-weakest": string;
"--hop-decorative-option8-text": string;
"--hop-decorative-option8-text-weak": string;
"--hop-decorative-option8-surface": string;
"--hop-decorative-option8-text": string;
"--hop-decorative-option8-border": string;
"--hop-decorative-option7-border": string;
"--hop-decorative-option7-icon": string;
"--hop-decorative-option7-surface-weakest": string;
"--hop-decorative-option7-surface": string;
"--hop-decorative-option7-surface-hover": string;
"--hop-decorative-option7-surface-strong": string;
"--hop-decorative-option7-surface-weak": string;
"--hop-decorative-option7-surface-weak-hover": string;
"--hop-decorative-option7-surface-strong": string;
"--hop-decorative-option7-surface-hover": string;
"--hop-decorative-option7-surface": string;
"--hop-decorative-option7-surface-weakest": string;
"--hop-decorative-option7-text": string;
"--hop-decorative-option7-text-weak": string;
"--hop-decorative-option7-text": string;
"--hop-decorative-option7-border": string;
"--hop-decorative-option5-border": string;
"--hop-decorative-option5-icon": string;
"--hop-decorative-option5-surface": string;
"--hop-decorative-option5-surface-hover": string;
"--hop-decorative-option5-surface-strong": string;
"--hop-decorative-option5-surface-weak": string;
"--hop-decorative-option5-surface-weak-hover": string;
"--hop-decorative-option5-surface-weakest": string;
"--hop-decorative-option5-text": string;
"--hop-decorative-option5-text-weak": string;
"--hop-decorative-option5-text": string;
"--hop-decorative-option5-surface-weakest": string;
"--hop-decorative-option5-surface-weak": string;
"--hop-decorative-option5-surface-strong": string;
"--hop-decorative-option5-surface-hover": string;
"--hop-decorative-option5-surface": string;
"--hop-decorative-option5-icon": string;
"--hop-decorative-option5-border": string;
"--hop-decorative-option6-surface-weakest": string;
"--hop-decorative-option6-border": string;
"--hop-decorative-option6-icon": string;
"--hop-decorative-option6-surface": string;
"--hop-decorative-option6-surface-hover": string;
"--hop-decorative-option6-surface-strong": string;
"--hop-decorative-option6-surface-weak": string;
"--hop-decorative-option6-surface-weak-hover": string;
"--hop-decorative-option6-surface-hover": string;
"--hop-decorative-option6-surface-strong": string;
"--hop-decorative-option6-surface": string;
"--hop-decorative-option6-icon": string;
"--hop-decorative-option6-surface-weakest": string;
"--hop-decorative-option6-text": string;
"--hop-decorative-option6-text-weak": string;
"--hop-decorative-option6-border": string;
"--hop-decorative-option4-surface-weakest": string;
"--hop-decorative-option4-border": string;
"--hop-decorative-option4-icon": string;
"--hop-decorative-option4-surface": string;
"--hop-decorative-option4-surface-hover": string;
"--hop-decorative-option4-surface-strong": string;
"--hop-decorative-option4-surface-weak": string;
"--hop-decorative-option4-surface-weak-hover": string;
"--hop-decorative-option4-surface-strong": string;
"--hop-decorative-option4-surface-hover": string;
"--hop-decorative-option4-surface": string;
"--hop-decorative-option4-icon": string;
"--hop-decorative-option4-surface-weakest": string;
"--hop-decorative-option4-text": string;
"--hop-decorative-option4-text-weak": string;
"--hop-decorative-option4-text": string;
"--hop-decorative-option4-border": string;
"--hop-decorative-option3-border": string;
"--hop-decorative-option3-icon": string;
"--hop-decorative-option3-surface": string;
"--hop-decorative-option3-surface-hover": string;
"--hop-decorative-option3-surface-strong": string;
"--hop-decorative-option3-surface-weak": string;
"--hop-decorative-option3-surface-weak-hover": string;
"--hop-decorative-option3-surface-weakest": string;
"--hop-decorative-option3-surface-strong": string;
"--hop-decorative-option3-surface-hover": string;
"--hop-decorative-option3-surface": string;
"--hop-decorative-option3-icon": string;
"--hop-decorative-option3-text": string;
"--hop-decorative-option3-text-weak": string;
"--hop-decorative-option3-border": string;
"--hop-decorative-option2-surface-weakest": string;
"--hop-decorative-option2-border": string;
"--hop-decorative-option2-icon": string;
"--hop-decorative-option2-surface": string;
"--hop-decorative-option2-surface-hover": string;
"--hop-decorative-option2-surface-strong": string;
"--hop-decorative-option2-surface-weak": string;
"--hop-decorative-option2-surface-weak-hover": string;
"--hop-decorative-option2-surface-strong": string;
"--hop-decorative-option2-surface": string;
"--hop-decorative-option2-surface-hover": string;
"--hop-decorative-option2-surface-weakest": string;
"--hop-decorative-option2-text": string;
"--hop-decorative-option2-text-weak": string;
"--hop-decorative-option2-icon": string;
"--hop-decorative-option2-border": string;
"--hop-decorative-option1-border": string;
"--hop-decorative-option1-icon": string;
"--hop-decorative-option1-surface": string;
"--hop-decorative-option1-surface-hover": string;
"--hop-decorative-option1-surface-strong": string;
"--hop-decorative-option1-surface-weak": string;
"--hop-decorative-option1-surface-weak-hover": string;
"--hop-decorative-option1-surface-weakest": string;
"--hop-decorative-option1-surface-strong": string;
"--hop-decorative-option1-surface-hover": string;
"--hop-decorative-option1-surface": string;
"--hop-decorative-option1-border": string;
"--hop-decorative-option1-text": string;
"--hop-decorative-option1-text-weak": string;
"--hop-decorative-option1-icon": string;
"--hop-decorative-option1-text": string;
"--hop-neutral-text-hover": string;
"--hop-neutral-surface-weakest-active": string;
"--hop-neutral-surface-weakest-hover": string;
"--hop-neutral-text-weak": string;
"--hop-neutral-surface-disabled": string;
"--hop-neutral-surface-active": string;
"--hop-neutral-surface-weak": string;
"--hop-neutral-surface": string;
"--hop-neutral-text-disabled": string;
"--hop-neutral-text-active": string;
"--hop-neutral-text-strong": string;
"--hop-neutral-text": string;
"--hop-neutral-text-weakest": string;
"--hop-information-border": string;
"--hop-information-icon": string;
"--hop-information-icon-weakest": string;
"--hop-information-icon-weak": string;
"--hop-information-surface": string;
"--hop-information-surface-strong": string;
"--hop-information-surface-weak": string;
"--hop-information-text": string;
"--hop-information-text-weak": string;
"--hop-neutral-border": string;
"--hop-neutral-border-selected": string;
"--hop-neutral-border-disabled": string;
"--hop-neutral-border-hover": string;
"--hop-neutral-border-press": string;
"--hop-neutral-border-strong": string;
"--hop-neutral-border-strong-hover": string;
"--hop-neutral-border-strong": string;
"--hop-neutral-surface-strong": string;
"--hop-neutral-surface-hover": string;
"--hop-neutral-border-weak": string;
"--hop-neutral-border-weakest": string;
"--hop-neutral-icon": string;
"--hop-neutral-icon-selected": string;
"--hop-neutral-icon-disabled": string;
"--hop-neutral-icon": string;
"--hop-neutral-icon-hover": string;
"--hop-neutral-icon-press": string;
"--hop-neutral-icon-strong": string;
"--hop-neutral-icon-strong-hover": string;
"--hop-neutral-icon-weak": string;
"--hop-neutral-icon-weak-hover": string;
"--hop-neutral-border": string;
"--hop-neutral-border-weak": string;
"--hop-neutral-icon-weak-press": string;
"--hop-neutral-icon-weakest": string;
"--hop-neutral-icon-strong": string;
"--hop-neutral-icon-hover": string;
"--hop-neutral-icon-active": string;
"--hop-neutral-border-hover": string;
"--hop-neutral-border-active": string;
"--hop-neutral-surface": string;
"--hop-neutral-surface-selected": string;
"--hop-neutral-surface-disabled": string;
"--hop-neutral-surface-hover": string;
"--hop-neutral-surface-press": string;
"--hop-neutral-surface-strong": string;
"--hop-neutral-surface-weak": string;
"--hop-neutral-surface-weak-selected": string;
"--hop-neutral-surface-weak-hover": string;
"--hop-neutral-surface-weak-active": string;
"--hop-neutral-border-weakest": string;
"--hop-neutral-surface-weak-press": string;
"--hop-neutral-surface-weakest": string;
"--hop-warning-icon-weakest": string;
"--hop-warning-icon-weak": string;
"--hop-warning-text-weak": string;
"--hop-warning-surface": string;
"--hop-warning-surface-strong": string;
"--hop-warning-surface-weak": string;
"--hop-warning-border": string;
"--hop-warning-icon": string;
"--hop-warning-text": string;
"--hop-success-border": string;
"--hop-success-icon-weak": string;
"--hop-success-icon-weakest": string;
"--hop-success-text-weak": string;
"--hop-success-surface": string;
"--hop-success-surface-strong": string;
"--hop-success-text-hover": string;
"--hop-success-text": string;
"--hop-success-icon": string;
"--hop-success-surface-weak": string;
"--hop-information-icon-weakest": string;
"--hop-information-surface-strong": string;
"--hop-information-icon-weak": string;
"--hop-information-text": string;
"--hop-information-surface": string;
"--hop-information-surface-weak": string;
"--hop-information-text-weak": string;
"--hop-information-icon": string;
"--hop-information-border": string;
"--hop-neutral-surface-weakest-selected": string;
"--hop-neutral-surface-weakest-hover": string;
"--hop-neutral-text": string;
"--hop-neutral-text-selected": string;
"--hop-neutral-text-disabled": string;
"--hop-neutral-text-hover": string;
"--hop-neutral-text-press": string;
"--hop-neutral-text-strong": string;
"--hop-neutral-text-weak": string;
"--hop-neutral-text-weak-hover": string;
"--hop-neutral-text-weak-press": string;
"--hop-neutral-text-weakest": string;
"--hop-primary-border": string;
"--hop-primary-border-selected": string;
"--hop-primary-border-focus": string;
"--hop-primary-border-press": string;
"--hop-primary-icon": string;
"--hop-primary-icon-selected": string;
"--hop-primary-icon-disabled": string;
"--hop-primary-icon-hover": string;
"--hop-primary-icon-press": string;
"--hop-primary-icon-strong": string;
"--hop-primary-icon-strong-hover": string;
"--hop-primary-surface": string;
"--hop-primary-surface-selected": string;
"--hop-primary-surface-disabled": string;
"--hop-primary-surface-focus": string;
"--hop-primary-surface-hover": string;
"--hop-primary-surface-press": string;
"--hop-primary-surface-strong": string;
"--hop-primary-surface-strong-selected": string;
"--hop-primary-surface-strong-hover": string;
"--hop-primary-surface-strong-press": string;
"--hop-primary-surface-weak": string;
"--hop-primary-surface-weak-hover": string;
"--hop-primary-surface-weak-press": string;
"--hop-primary-text": string;
"--hop-primary-text-selected": string;
"--hop-primary-text-disabled": string;
"--hop-primary-text-hover": string;
"--hop-primary-text-press": string;
"--hop-primary-text-strong": string;
"--hop-primary-text-strong-hover": string;
"--hop-status-caution-surface-strong": string;
"--hop-status-caution-icon": string;
"--hop-status-caution-surface": string;
"--hop-status-caution-text": string;
"--hop-status-inactive-surface-strong": string;
"--hop-status-inactive-icon": string;
"--hop-status-inactive-surface": string;
"--hop-status-inactive-text": string;
"--hop-status-negative-surface-strong": string;
"--hop-status-negative-icon": string;
"--hop-status-negative-surface": string;
"--hop-status-negative-text": string;
"--hop-status-neutral-icon": string;
"--hop-status-neutral-surface": string;
"--hop-status-neutral-surface-strong": string;
"--hop-status-neutral-text": string;
"--hop-status-neutral-icon": string;
"--hop-status-neutral-surface": string;
"--hop-status-progress-surface-strong": string;
"--hop-status-progress-icon": string;
"--hop-status-progress-surface": string;
"--hop-status-progress-text": string;
"--hop-status-option6-surface-strong": string;
"--hop-status-option6-icon": string;
"--hop-status-option6-surface": string;
"--hop-status-option6-text": string;
"--hop-status-option5-surface-strong": string;
"--hop-status-option5-icon": string;
"--hop-status-option5-surface": string;
"--hop-status-option5-text": string;
"--hop-status-option1-surface-strong": string;

@@ -470,14 +462,10 @@ "--hop-status-option1-icon": string;

"--hop-status-option4-text": string;
"--hop-status-caution-surface-strong": string;
"--hop-status-caution-icon": string;
"--hop-status-caution-surface": string;
"--hop-status-caution-text": string;
"--hop-status-negative-surface-strong": string;
"--hop-status-negative-icon": string;
"--hop-status-negative-surface": string;
"--hop-status-negative-text": string;
"--hop-status-inactive-surface-strong": string;
"--hop-status-inactive-icon": string;
"--hop-status-inactive-surface": string;
"--hop-status-inactive-text": string;
"--hop-status-option5-surface": string;
"--hop-status-option5-surface-strong": string;
"--hop-status-option5-text": string;
"--hop-status-option5-icon": string;
"--hop-status-option6-surface": string;
"--hop-status-option6-surface-strong": string;
"--hop-status-option6-text": string;
"--hop-status-option6-icon": string;
"--hop-status-positive-icon": string;

@@ -487,2 +475,53 @@ "--hop-status-positive-surface-strong": string;

"--hop-status-positive-text": string;
"--hop-status-progress-surface": string;
"--hop-status-progress-surface-strong": string;
"--hop-status-progress-text": string;
"--hop-status-progress-icon": string;
"--hop-success-border": string;
"--hop-success-icon": string;
"--hop-success-icon-weakest": string;
"--hop-success-icon-weak": string;
"--hop-success-surface": string;
"--hop-success-surface-strong": string;
"--hop-success-surface-weak": string;
"--hop-success-text": string;
"--hop-success-text-hover": string;
"--hop-success-text-weak": string;
"--hop-upsell-border": string;
"--hop-upsell-border-selected": string;
"--hop-upsell-border-disabled": string;
"--hop-upsell-border-press": string;
"--hop-upsell-icon": string;
"--hop-upsell-icon-selected": string;
"--hop-upsell-icon-hover": string;
"--hop-upsell-icon-press": string;
"--hop-upsell-icon-weakest": string;
"--hop-upsell-icon-weak": string;
"--hop-upsell-icon-weak-hover": string;
"--hop-upsell-icon-weak-press": string;
"--hop-upsell-surface": string;
"--hop-upsell-surface-selected": string;
"--hop-upsell-surface-disabled": string;
"--hop-upsell-surface-hover": string;
"--hop-upsell-surface-press": string;
"--hop-upsell-surface-weak": string;
"--hop-upsell-surface-weak-hover": string;
"--hop-upsell-surface-weak-press": string;
"--hop-upsell-text": string;
"--hop-upsell-text-selected": string;
"--hop-upsell-text-disabled": string;
"--hop-upsell-text-hover": string;
"--hop-upsell-text-press": string;
"--hop-upsell-text-weak": string;
"--hop-upsell-text-weak-hover": string;
"--hop-upsell-text-weak-press": string;
"--hop-warning-border": string;
"--hop-warning-icon": string;
"--hop-warning-icon-weakest": string;
"--hop-warning-icon-weak": string;
"--hop-warning-surface": string;
"--hop-warning-surface-strong": string;
"--hop-warning-surface-weak": string;
"--hop-warning-text": string;
"--hop-warning-text-weak": string;
"--hop-dataviz-monochromatic-primary-25": string;

@@ -489,0 +528,0 @@ "--hop-dataviz-monochromatic-primary-50": string;

2

dist/tokens/generated/lightSemanticTokens.js

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

export { CoreTokens, SemanticTokens } from '../../chunk-JKXZGQAL.js';
export { CoreTokens, SemanticTokens } from '../../chunk-DVOV55CD.js';
import '../../chunk-6LX4VMOV.js';

355

dist/tokens/generated/styledSystemToTokenMappings.d.ts

@@ -143,104 +143,103 @@ /**

declare const BackgroundColors: {
"upsell-hover": string;
"upsell-weak": string;
"upsell-disabled": string;
"upsell-active": string;
upsell: string;
danger: string;
"danger-selected": string;
"danger-disabled": string;
"danger-hover": string;
"danger-press": string;
"danger-strong": string;
"danger-strong-hover": string;
"danger-weak": string;
"danger-active": string;
"primary-disabled": string;
"primary-focus": string;
primary: string;
"primary-weak": string;
"primary-strong": string;
"primary-strong-active": string;
"primary-strong-hover": string;
"primary-hover": string;
"primary-active": string;
"danger-weak-hover": string;
"danger-weak-press": string;
"decorative-option9": string;
"decorative-option9-hover": string;
"decorative-option9-strong": string;
"decorative-option9-hover": string;
"decorative-option9-weak": string;
"decorative-option9-weak-hover": string;
"decorative-option9-weakest": string;
"decorative-option8-weakest": string;
"decorative-option8": string;
"decorative-option8-hover": string;
"decorative-option8-strong": string;
"decorative-option8-weak": string;
"decorative-option8-weak-hover": string;
"decorative-option8-hover": string;
"decorative-option8-strong": string;
"decorative-option8": string;
"decorative-option7-weakest": string;
"decorative-option8-weakest": string;
"decorative-option7": string;
"decorative-option7-hover": string;
"decorative-option7-strong": string;
"decorative-option7-weak": string;
"decorative-option7-weak-hover": string;
"decorative-option7-strong": string;
"decorative-option7-hover": string;
"decorative-option7": string;
"decorative-option7-weakest": string;
"decorative-option5": string;
"decorative-option5-hover": string;
"decorative-option5-strong": string;
"decorative-option5-weak": string;
"decorative-option5-weak-hover": string;
"decorative-option5-weakest": string;
"decorative-option5-weak": string;
"decorative-option5-strong": string;
"decorative-option5-hover": string;
"decorative-option5": string;
"decorative-option6-weakest": string;
"decorative-option6": string;
"decorative-option6-hover": string;
"decorative-option6-strong": string;
"decorative-option6-weak": string;
"decorative-option6-weak-hover": string;
"decorative-option6-hover": string;
"decorative-option6-strong": string;
"decorative-option6": string;
"decorative-option4-weakest": string;
"decorative-option6-weakest": string;
"decorative-option4": string;
"decorative-option4-hover": string;
"decorative-option4-strong": string;
"decorative-option4-weak": string;
"decorative-option4-weak-hover": string;
"decorative-option4-strong": string;
"decorative-option4-hover": string;
"decorative-option4": string;
"decorative-option4-weakest": string;
"decorative-option3": string;
"decorative-option3-hover": string;
"decorative-option3-strong": string;
"decorative-option3-weak": string;
"decorative-option3-weak-hover": string;
"decorative-option3-weakest": string;
"decorative-option3-strong": string;
"decorative-option3-hover": string;
"decorative-option3": string;
"decorative-option2-weakest": string;
"decorative-option2": string;
"decorative-option2-hover": string;
"decorative-option2-strong": string;
"decorative-option2-weak": string;
"decorative-option2-weak-hover": string;
"decorative-option2-strong": string;
"decorative-option2": string;
"decorative-option2-hover": string;
"decorative-option2-weakest": string;
"decorative-option1": string;
"decorative-option1-hover": string;
"decorative-option1-strong": string;
"decorative-option1-weak": string;
"decorative-option1-weak-hover": string;
"decorative-option1-weakest": string;
"decorative-option1-strong": string;
"decorative-option1-hover": string;
"decorative-option1": string;
"neutral-weakest-active": string;
"neutral-weakest-hover": string;
information: string;
"information-strong": string;
"information-weak": string;
neutral: string;
"neutral-selected": string;
"neutral-disabled": string;
"neutral-active": string;
"neutral-hover": string;
"neutral-press": string;
"neutral-strong": string;
"neutral-weak": string;
neutral: string;
"neutral-strong": string;
"neutral-hover": string;
"neutral-weak-selected": string;
"neutral-weak-hover": string;
"neutral-weak-active": string;
"neutral-weak-press": string;
"neutral-weakest": string;
warning: string;
"warning-strong": string;
"warning-weak": string;
success: string;
"success-strong": string;
"success-weak": string;
"information-strong": string;
information: string;
"information-weak": string;
"neutral-weakest-selected": string;
"neutral-weakest-hover": string;
primary: string;
"primary-selected": string;
"primary-disabled": string;
"primary-focus": string;
"primary-hover": string;
"primary-press": string;
"primary-strong": string;
"primary-strong-selected": string;
"primary-strong-hover": string;
"primary-strong-press": string;
"primary-weak": string;
"primary-weak-hover": string;
"primary-weak-press": string;
"status-caution-strong": string;
"status-caution": string;
"status-inactive-strong": string;
"status-inactive": string;
"status-negative-strong": string;
"status-negative": string;
"status-neutral": string;
"status-neutral-strong": string;
"status-neutral": string;
"status-progress-strong": string;
"status-progress": string;
"status-option6-strong": string;
"status-option6": string;
"status-option5-strong": string;
"status-option5": string;
"status-option1-strong": string;

@@ -254,41 +253,48 @@ "status-option1": string;

"status-option4": string;
"status-caution-strong": string;
"status-caution": string;
"status-negative-strong": string;
"status-negative": string;
"status-inactive-strong": string;
"status-inactive": string;
"status-option5": string;
"status-option5-strong": string;
"status-option6": string;
"status-option6-strong": string;
"status-positive-strong": string;
"status-positive": string;
"status-progress": string;
"status-progress-strong": string;
success: string;
"success-strong": string;
"success-weak": string;
upsell: string;
"upsell-selected": string;
"upsell-disabled": string;
"upsell-hover": string;
"upsell-press": string;
"upsell-weak": string;
"upsell-weak-hover": string;
"upsell-weak-press": string;
warning: string;
"warning-strong": string;
"warning-weak": string;
};
declare const TextColors: {
"upsell-active": string;
upsell: string;
"upsell-hover": string;
"upsell-disabled": string;
"danger-active": string;
danger: string;
"danger-selected": string;
"danger-disabled": string;
"danger-hover": string;
danger: string;
"danger-weak": string;
"danger-press": string;
"danger-strong": string;
"danger-strong-hover": string;
"danger-disabled": string;
"primary-active": string;
"primary-disabled": string;
primary: string;
"primary-strong": string;
"primary-strong-hover": string;
"primary-hover": string;
"danger-weak": string;
"danger-weak-hover": string;
"danger-weak-press": string;
"decorative-option9": string;
"decorative-option9-weak": string;
"decorative-option8": string;
"decorative-option8-weak": string;
"decorative-option8": string;
"decorative-option7": string;
"decorative-option7-weak": string;
"decorative-option7": string;
"decorative-option5": string;
"decorative-option5-weak": string;
"decorative-option5": string;
"decorative-option6": string;
"decorative-option6-weak": string;
"decorative-option4": string;
"decorative-option4-weak": string;
"decorative-option4": string;
"decorative-option3": string;

@@ -298,22 +304,27 @@ "decorative-option3-weak": string;

"decorative-option2-weak": string;
"decorative-option1": string;
"decorative-option1-weak": string;
"decorative-option1": string;
information: string;
"information-weak": string;
neutral: string;
"neutral-selected": string;
"neutral-disabled": string;
"neutral-hover": string;
"neutral-press": string;
"neutral-strong": string;
"neutral-weak": string;
"neutral-disabled": string;
"neutral-active": string;
"neutral-strong": string;
neutral: string;
"neutral-weak-hover": string;
"neutral-weak-press": string;
"neutral-weakest": string;
"warning-weak": string;
warning: string;
"success-weak": string;
"success-hover": string;
success: string;
information: string;
"information-weak": string;
primary: string;
"primary-selected": string;
"primary-disabled": string;
"primary-hover": string;
"primary-press": string;
"primary-strong": string;
"primary-strong-hover": string;
"status-caution": string;
"status-inactive": string;
"status-negative": string;
"status-neutral": string;
"status-progress": string;
"status-option6": string;
"status-option5": string;
"status-option1": string;

@@ -323,25 +334,31 @@ "status-option2": string;

"status-option4": string;
"status-caution": string;
"status-negative": string;
"status-inactive": string;
"status-option5": string;
"status-option6": string;
"status-positive": string;
"status-progress": string;
success: string;
"success-hover": string;
"success-weak": string;
upsell: string;
"upsell-selected": string;
"upsell-disabled": string;
"upsell-hover": string;
"upsell-press": string;
"upsell-weak": string;
"upsell-weak-hover": string;
"upsell-weak-press": string;
warning: string;
"warning-weak": string;
};
declare const IconColors: {
"upsell-weakest": string;
"upsell-weak": string;
"upsell-active": string;
upsell: string;
"danger-active": string;
danger: string;
"danger-weak": string;
"danger-selected": string;
"danger-disabled": string;
"danger-hover": string;
"danger-press": string;
"danger-strong": string;
"danger-strong-hover": string;
"danger-hover": string;
"danger-disabled": string;
"primary-active": string;
"primary-strong": string;
"primary-strong-hover": string;
primary: string;
"primary-hover": string;
"primary-disabled": string;
"danger-weak": string;
"danger-weak-hover": string;
"danger-weak-press": string;
"decorative-option9": string;

@@ -356,23 +373,27 @@ "decorative-option8": string;

"decorative-option1": string;
information: string;
"information-weakest": string;
"information-weak": string;
neutral: string;
"neutral-selected": string;
"neutral-disabled": string;
neutral: string;
"neutral-hover": string;
"neutral-press": string;
"neutral-strong": string;
"neutral-strong-hover": string;
"neutral-weak": string;
"neutral-weak-hover": string;
"neutral-weak-press": string;
"neutral-weakest": string;
"neutral-strong": string;
"neutral-hover": string;
"neutral-active": string;
"warning-weakest": string;
"warning-weak": string;
warning: string;
"success-weak": string;
"success-weakest": string;
success: string;
"information-weakest": string;
"information-weak": string;
information: string;
primary: string;
"primary-selected": string;
"primary-disabled": string;
"primary-hover": string;
"primary-press": string;
"primary-strong": string;
"primary-strong-hover": string;
"status-caution": string;
"status-inactive": string;
"status-negative": string;
"status-neutral": string;
"status-progress": string;
"status-option6": string;
"status-option5": string;
"status-option1": string;

@@ -382,17 +403,26 @@ "status-option2": string;

"status-option4": string;
"status-caution": string;
"status-negative": string;
"status-inactive": string;
"status-option5": string;
"status-option6": string;
"status-positive": string;
"status-progress": string;
success: string;
"success-weakest": string;
"success-weak": string;
upsell: string;
"upsell-selected": string;
"upsell-hover": string;
"upsell-press": string;
"upsell-weakest": string;
"upsell-weak": string;
"upsell-weak-hover": string;
"upsell-weak-press": string;
warning: string;
"warning-weakest": string;
"warning-weak": string;
};
declare const BorderColors: {
"upsell-active": string;
upsell: string;
"upsell-disabled": string;
"danger-active": string;
danger: string;
"danger-selected": string;
"danger-strong": string;
danger: string;
"primary-active": string;
"primary-focus": string;
primary: string;
"danger-press": string;
"decorative-option9": string;

@@ -407,13 +437,22 @@ "decorative-option8": string;

"decorative-option1": string;
information: string;
neutral: string;
"neutral-selected": string;
"neutral-disabled": string;
"neutral-hover": string;
"neutral-press": string;
"neutral-strong": string;
"neutral-strong-hover": string;
"neutral-strong": string;
neutral: string;
"neutral-weak": string;
"neutral-hover": string;
"neutral-active": string;
"neutral-weakest": string;
primary: string;
"primary-selected": string;
"primary-focus": string;
"primary-press": string;
success: string;
upsell: string;
"upsell-selected": string;
"upsell-disabled": string;
"upsell-press": string;
warning: string;
success: string;
information: string;
};

@@ -420,0 +459,0 @@ declare const DataVizColors: {

2

dist/tokens/generated/styledSystemToTokenMappings.js

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

export { BackgroundColors, BorderColors, CoreSpace, DataVizColors, Elevation, FontFamily, FontSize, FontWeight, HopperColors, HopperVariablePrefix, IconColors, LineHeight, SemanticComplexMarginSpace, SemanticComplexPaddingSpace, SemanticSimpleMarginSpace, SemanticSimplePaddingSpace, Shape, TextColors } from '../../chunk-KKVEOD5L.js';
export { BackgroundColors, BorderColors, CoreSpace, DataVizColors, Elevation, FontFamily, FontSize, FontWeight, HopperColors, HopperVariablePrefix, IconColors, LineHeight, SemanticComplexMarginSpace, SemanticComplexPaddingSpace, SemanticSimpleMarginSpace, SemanticSimplePaddingSpace, Shape, TextColors } from '../../chunk-Y7GWSHYF.js';
import '../../chunk-6LX4VMOV.js';

4

dist/tokens/tokenMappings.js

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

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 { 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-5GX5VZFT.js';
import '../chunk-Y7GWSHYF.js';
import '../chunk-SFOVKOPG.js';

@@ -4,0 +4,0 @@ import '../chunk-VBKLISDI.js';

10

dist/tokens/TokenProvider.js

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

export { TokenProvider } from '../chunk-ZDENFQ6H.js';
import '../chunk-45MYTH4M.js';
import '../chunk-E2EGUGKS.js';
import '../chunk-JKXZGQAL.js';
export { TokenProvider } from '../chunk-VJNKYHHT.js';
import '../chunk-EF3UX45A.js';
import '../chunk-YJKWZYVH.js';
import '../chunk-DVOV55CD.js';
import '../chunk-RIORU7JO.js';
import '../chunk-YPIK2HRL.js';
import '../chunk-GFXIV6J4.js';
import '../chunk-REAV6RA4.js';
import '../chunk-U5R6ZXH3.js';
import '../chunk-6LX4VMOV.js';

6

dist/tokens/tokens.js

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

export { Tokens } from '../chunk-45MYTH4M.js';
import '../chunk-E2EGUGKS.js';
import '../chunk-JKXZGQAL.js';
export { Tokens } from '../chunk-EF3UX45A.js';
import '../chunk-YJKWZYVH.js';
import '../chunk-DVOV55CD.js';
import '../chunk-6LX4VMOV.js';

2

dist/useStyledSystem.d.ts
import { CSSProperties } from 'react';
import { Breakpoint } from './responsive/Breakpoints.js';
import { ResponsiveProp } from './responsive/useResponsiveValue.js';
import { StyledSystemProps } from './styledSystemProps.js';
import { ResponsiveProp } from './responsive/useResponsiveValue.js';
import 'csstype';

@@ -6,0 +6,0 @@ import './tokens/tokenMappings.js';

6

dist/useStyledSystem.js

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

export { isStyledSystemProp, useStyledSystem } from './chunk-TSYETPJT.js';
import './chunk-DRFY5W7M.js';
import './chunk-KKVEOD5L.js';
export { isStyledSystemProp, useStyledSystem } from './chunk-SSBFBJJN.js';
import './chunk-5GX5VZFT.js';
import './chunk-Y7GWSHYF.js';
import './chunk-SFOVKOPG.js';

@@ -5,0 +5,0 @@ import './chunk-VBKLISDI.js';

2

dist/utils/useMediaQuery.js

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

export { supportsMatchMedia, useMediaQuery } from '../chunk-M4X2T3D3.js';
export { supportsMatchMedia, useMediaQuery } from '../chunk-T6JS7L6B.js';
import '../chunk-6LX4VMOV.js';

42

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

@@ -37,35 +37,37 @@ "license": "Apache-2.0",

"peerDependencies": {
"react": "*",
"react-dom": "*"
"react": "^18",
"react-dom": "^18"
},
"dependencies": {
"@react-aria/ssr": "^3.9.2",
"clsx": "^2.1.0"
"@react-aria/ssr": "^3.9.3",
"clsx": "^2.1.1"
},
"devDependencies": {
"@swc/core": "1.4.8",
"@swc/helpers": "0.5.7",
"@swc/core": "1.5.3",
"@swc/helpers": "0.5.11",
"@swc/jest": "0.2.36",
"@testing-library/jest-dom": "6.4.2",
"@testing-library/react": "14.2.2",
"@testing-library/jest-dom": "6.4.5",
"@testing-library/react": "15.0.7",
"@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.1.0",
"@types/react": "18.3.1",
"@types/react-dom": "18.3.0",
"@types/react-test-renderer": "18.3.0",
"@workleap/eslint-plugin": "3.2.2",
"@workleap/swc-configs": "2.2.3",
"@workleap/tsup-configs": "3.0.4",
"@workleap/tsup-configs": "3.0.6",
"@workleap/typescript-configs": "3.0.2",
"eslint": "8.57.0",
"identity-obj-proxy": "3.0.0",
"jest": "29.7.0",
"jest-environment-jsdom": "29.7.0",
"postcss": "8.4.37",
"jest-fail-on-console": "3.2.0",
"postcss": "8.4.38",
"postcss-modules": "6.0.0",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-test-renderer": "18.2.0",
"react": "18.3.1",
"react-dom": "18.3.1",
"react-test-renderer": "18.3.1",
"ts-jest": "29.1.2",
"tsup": "8.0.2",
"typescript": "5.4.2",
"@hopper-ui/tokens": "3.5.0"
"typescript": "5.4.5",
"@hopper-ui/tokens": "4.0.0"
},

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

dist/chunk-45MYTH4M.js
dist/chunk-DRFY5W7M.js
dist/chunk-E2EGUGKS.js
dist/chunk-EJR6CH3T.js
dist/chunk-GFXIV6J4.js
dist/chunk-J2UW6IZ5.js
dist/chunk-JKXZGQAL.js
dist/chunk-KKVEOD5L.js
dist/chunk-KLNF34G6.js
dist/chunk-LCW3QCQQ.js
dist/chunk-M4X2T3D3.js
dist/chunk-MCUHAIA4.js
dist/chunk-RKTVEOXM.js
dist/chunk-TSYETPJT.js
dist/chunk-ZDENFQ6H.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/tokens/tokenMappings.d.ts

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

dist/tokens/tokens.d.ts

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

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