@hopper-ui/styled-system 0.2.0 → 0.2.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @hopper-ui/styled-system
 
+## 0.2.2
+
+### Patch Changes
+
+- f40a266: Optimized the build output
+
+## 0.2.1
+
+### Patch Changes
+
+- a31b7e2: Updated the heading small line height token to the right core token
+
 ## 0.2.0
 
 ### Minor Changes

package/dist/StyledSystemProvider.css

@@ -1 +1,132 @@
-.UseStyledSystem-module__hop-b-hover___CfKj8:hover{--hop-b-hover: initial;border:var(--hop-b-hover)!important}.UseStyledSystem-module__hop-bb-hover___Hu3-Q:hover{--hop-bb-hover: initial;border-bottom:var(--hop-bb-hover)!important}.UseStyledSystem-module__hop-bl-hover___CzOAl:hover{--hop-bl-hover: initial;border-left:var(--hop-bl-hover)!important}.UseStyledSystem-module__hop-br-hover___vKdvf:hover{--hop-br-hover: initial;border-right:var(--hop-br-hover)!important}.UseStyledSystem-module__hop-bt-hover___i82Tb:hover{--hop-bt-hover: initial;border-top:var(--hop-bt-hover)!important}.UseStyledSystem-module__hop-b-focus___y3r5B:focus-visible{--hop-b-focus: initial;border:var(--hop-b-focus)!important}.UseStyledSystem-module__hop-bb-focus___UzwTX:focus-visible{--hop-bb-focus: initial;border-bottom:var(--hop-bb-focus)!important}.UseStyledSystem-module__hop-bl-focus___u-OfB:focus-visible{--hop-bl-focus: initial;border-left:var(--hop-bl-focus)!important}.UseStyledSystem-module__hop-br-focus___wBhUY:focus-visible{--hop-br-focus: initial;border-right:var(--hop-br-focus)!important}.UseStyledSystem-module__hop-bt-focus___MnZa1:focus-visible{--hop-bt-focus: initial;border-top:var(--hop-bt-focus)!important}.UseStyledSystem-module__hop-b-active___JDXLg:active{--hop-b-active: initial;border:var(--hop-b-active)!important}.UseStyledSystem-module__hop-bb-active___40n0M:active{--hop-bb-active: initial;border-bottom:var(--hop-bb-active)!important}.UseStyledSystem-module__hop-bl-active___TkJsC:active{--hop-bl-active: initial;border-left:var(--hop-bl-active)!important}.UseStyledSystem-module__hop-br-active___TmbHF:active{--hop-br-active: initial;border-right:var(--hop-br-active)!important}.UseStyledSystem-module__hop-bt-active___r8vje:active{--hop-bt-active: initial;border-top:var(--hop-bt-active)!important}.UseStyledSystem-module__hop-bg-hover___LA70G:hover{--hop-bg-hover: initial;background-color:var(--hop-bg-hover)!important}.UseStyledSystem-module__hop-bg-focus___6R-wa:focus-visible{--hop-bg-focus: initial;background-color:var(--hop-bg-focus)!important}.UseStyledSystem-module__hop-bg-active___vfqXn:active{--hop-bg-active: initial;background-color:var(--hop-bg-active)!important}.UseStyledSystem-module__hop-bs-hover___vRDwD:hover{--hop-bs-hover: initial;box-shadow:var(--hop-bs-hover)!important}.UseStyledSystem-module__hop-bs-focus___Nk99m:focus-visible{--hop-bs-focus: initial;box-shadow:var(--hop-bs-focus)!important}.UseStyledSystem-module__hop-bs-active___SYvR1:active{--hop-bs-active: initial;box-shadow:var(--hop-bs-active)!important}.UseStyledSystem-module__hop-c-hover___oebME:hover{--hop-c-hover: initial;color:var(--hop-c-hover)!important}.UseStyledSystem-module__hop-c-focus___m3au4:focus-visible{--hop-c-focus: initial;color:var(--hop-c-focus)!important}.UseStyledSystem-module__hop-c-active___qgNTm:active{--hop-c-active: initial;color:var(--hop-c-active)!important}.UseStyledSystem-module__hop-cs-hover___cvviM:hover{--hop-cs-hover: initial;cursor:var(--hop-cs-hover)!important}.UseStyledSystem-module__hop-f-hover___8xdeJ:hover{--hop-f-hover: initial;fill:var(--hop-f-hover)!important}.UseStyledSystem-module__hop-f-focus___6Ah2L:focus-visible{--hop-f-focus: initial;fill:var(--hop-f-focus)!important}.UseStyledSystem-module__hop-o-hover___cyKhF:hover{--hop-o-hover: initial;opacity:var(--hop-o-hover)!important}.UseStyledSystem-module__hop-o-focus___Kg5kM:focus-visible{--hop-o-focus: initial;opacity:var(--hop-o-focus)!important}.UseStyledSystem-module__hop-o-active___-Crm-:active{--hop-o-active: initial;opacity:var(--hop-o-active)!important}.UseStyledSystem-module__hop-ol-focus___XyC84:focus-visible{--hop-ol-focus: initial;color:var(--hop-ol-focus)!important}:where(.htmlElement-module__html-element___EOSRs),:where(.htmlElement-module__html-element___EOSRs:after),:where(.htmlElement-module__html-element___EOSRs:before){box-sizing:border-box}
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/styled-system/src/UseStyledSystem.module.css/#css-module-data */
+.UseStyledSystem-module__hop-b-hover___J4CU8:hover {
+  --hop-b-hover: initial;
+  border: var(--hop-b-hover) !important;
+}
+.UseStyledSystem-module__hop-bb-hover___kSFWj:hover {
+  --hop-bb-hover: initial;
+  border-bottom: var(--hop-bb-hover) !important;
+}
+.UseStyledSystem-module__hop-bl-hover___1Cezh:hover {
+  --hop-bl-hover: initial;
+  border-left: var(--hop-bl-hover) !important;
+}
+.UseStyledSystem-module__hop-br-hover___6QimZ:hover {
+  --hop-br-hover: initial;
+  border-right: var(--hop-br-hover) !important;
+}
+.UseStyledSystem-module__hop-bt-hover___t7jJb:hover {
+  --hop-bt-hover: initial;
+  border-top: var(--hop-bt-hover) !important;
+}
+.UseStyledSystem-module__hop-b-focus___GAcvC:focus-visible {
+  --hop-b-focus: initial;
+  border: var(--hop-b-focus) !important;
+}
+.UseStyledSystem-module__hop-bb-focus___tRcZ7:focus-visible {
+  --hop-bb-focus: initial;
+  border-bottom: var(--hop-bb-focus) !important;
+}
+.UseStyledSystem-module__hop-bl-focus___tHmqH:focus-visible {
+  --hop-bl-focus: initial;
+  border-left: var(--hop-bl-focus) !important;
+}
+.UseStyledSystem-module__hop-br-focus___o38Ur:focus-visible {
+  --hop-br-focus: initial;
+  border-right: var(--hop-br-focus) !important;
+}
+.UseStyledSystem-module__hop-bt-focus___Iuh-n:focus-visible {
+  --hop-bt-focus: initial;
+  border-top: var(--hop-bt-focus) !important;
+}
+.UseStyledSystem-module__hop-b-active___T6lcA:active {
+  --hop-b-active: initial;
+  border: var(--hop-b-active) !important;
+}
+.UseStyledSystem-module__hop-bb-active___GMekS:active {
+  --hop-bb-active: initial;
+  border-bottom: var(--hop-bb-active) !important;
+}
+.UseStyledSystem-module__hop-bl-active___yAT0P:active {
+  --hop-bl-active: initial;
+  border-left: var(--hop-bl-active) !important;
+}
+.UseStyledSystem-module__hop-br-active___gjJ1X:active {
+  --hop-br-active: initial;
+  border-right: var(--hop-br-active) !important;
+}
+.UseStyledSystem-module__hop-bt-active___-jY1M:active {
+  --hop-bt-active: initial;
+  border-top: var(--hop-bt-active) !important;
+}
+.UseStyledSystem-module__hop-bg-hover___YImIc:hover {
+  --hop-bg-hover: initial;
+  background-color: var(--hop-bg-hover) !important;
+}
+.UseStyledSystem-module__hop-bg-focus___Cop9n:focus-visible {
+  --hop-bg-focus: initial;
+  background-color: var(--hop-bg-focus) !important;
+}
+.UseStyledSystem-module__hop-bg-active___5O85P:active {
+  --hop-bg-active: initial;
+  background-color: var(--hop-bg-active) !important;
+}
+.UseStyledSystem-module__hop-bs-hover___8Oj0h:hover {
+  --hop-bs-hover: initial;
+  box-shadow: var(--hop-bs-hover) !important;
+}
+.UseStyledSystem-module__hop-bs-focus___r9l2R:focus-visible {
+  --hop-bs-focus: initial;
+  box-shadow: var(--hop-bs-focus) !important;
+}
+.UseStyledSystem-module__hop-bs-active___XyHmm:active {
+  --hop-bs-active: initial;
+  box-shadow: var(--hop-bs-active) !important;
+}
+.UseStyledSystem-module__hop-c-hover___yYnaZ:hover {
+  --hop-c-hover: initial;
+  color: var(--hop-c-hover) !important;
+}
+.UseStyledSystem-module__hop-c-focus___Z9ASb:focus-visible {
+  --hop-c-focus: initial;
+  color: var(--hop-c-focus) !important;
+}
+.UseStyledSystem-module__hop-c-active___zk1Gb:active {
+  --hop-c-active: initial;
+  color: var(--hop-c-active) !important;
+}
+.UseStyledSystem-module__hop-cs-hover___jOiBf:hover {
+  --hop-cs-hover: initial;
+  cursor: var(--hop-cs-hover) !important;
+}
+.UseStyledSystem-module__hop-f-hover___huyDo:hover {
+  --hop-f-hover: initial;
+  fill: var(--hop-f-hover) !important;
+}
+.UseStyledSystem-module__hop-f-focus___5-VRH:focus-visible {
+  --hop-f-focus: initial;
+  fill: var(--hop-f-focus) !important;
+}
+.UseStyledSystem-module__hop-o-hover___Ntq4o:hover {
+  --hop-o-hover: initial;
+  opacity: var(--hop-o-hover) !important;
+}
+.UseStyledSystem-module__hop-o-focus___Xxebb:focus-visible {
+  --hop-o-focus: initial;
+  opacity: var(--hop-o-focus) !important;
+}
+.UseStyledSystem-module__hop-o-active___uJ6oe:active {
+  --hop-o-active: initial;
+  opacity: var(--hop-o-active) !important;
+}
+.UseStyledSystem-module__hop-ol-focus___iZ2fp:focus-visible {
+  --hop-ol-focus: initial;
+  color: var(--hop-ol-focus) !important;
+}
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/styled-system/src/html-wrappers/htmlElement.module.css/#css-module-data */
+:where(.htmlElement-module__html-element___xmRSa),
+:where(.htmlElement-module__html-element___xmRSa::after),
+:where(.htmlElement-module__html-element___xmRSa::before) {
+  box-sizing: border-box;
+}

package/dist/StyledSystemProvider.d.ts

@@ -1,5 +1,43 @@
-import 'react/jsx-runtime';
-import 'react';
-export { ap as StyledSystemProvider, ao as StyledSystemProviderProps } from './StyledSystemProvider-173b78af.js';
-import './styled-system-props-1c231c50.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { ColorSchemeOrSystem, ColorScheme } from './color-scheme/ColorSchemeContext.js';
+import { DivProps } from './html-wrappers/html.js';
+import { BreakpointProviderProps } from './responsive/BreakpointProvider.js';
+import './html-wrappers/htmlElement.js';
+import './styled-system-props.js';
 import 'csstype';
+import './responsive/useResponsiveValue.js';
+import './responsive/Breakpoints.js';
+import './tokens/token-mappings.js';
+
+interface StyledSystemProviderProps extends BreakpointProviderProps, DivProps {
+    /** The children of the component */
+    children: ReactNode;
+    /**
+     * Determines whether the styles should be added to the document's body
+     * By default, it is set to `false`. If set to `true`, it will apply additional styling to the document's body.
+    */
+    withBodyStyle?: boolean;
+    /**
+     * The color scheme to use.
+     */
+    colorScheme: ColorSchemeOrSystem;
+    /**
+     * Default color scheme to use when a user preferred color scheme (system) is not available.
+     */
+    defaultColorScheme?: ColorScheme;
+    /**
+     * Determines whether token CSS variables should be added to the document's head
+     * By default, it is set to `true`, you should not change it unless you want to manage CSS variables via `.css` files
+    */
+    withCssVariables?: boolean;
+}
+/**
+ * StyledSystemProvider is required to be rendered at the root of your application. It is responsible for:
+ * - Adding CSS variables to the document
+ * - Managing color scheme (light, dark, auto)
+ * - Optionally adding body styles to the document
+ */
+declare function StyledSystemProvider({ children, withBodyStyle, withCssVariables, colorScheme, defaultColorScheme, unsupportedMatchMediaBreakpoint, className, ...rest }: StyledSystemProviderProps): react_jsx_runtime.JSX.Element;
+
+export { StyledSystemProvider, StyledSystemProviderProps };