@hopper-ui/styled-system 0.2.1 → 0.2.3

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @hopper-ui/styled-system
 
+## 0.2.3
+
+### Patch Changes
+
+- 7f259c1: Changed build target to target ES2019
+- eb5de30: Updated neutral surface strong value in dark mode
+
+## 0.2.2
+
+### Patch Changes
+
+- f40a266: Optimized the build output
+
 ## 0.2.1
 
 ### Patch Changes

package/dist/StyledSystemProvider.css

@@ -1 +1,132 @@
-.UseStyledSystem-module__hop-b-hover___beOg-:hover{--hop-b-hover: initial;border:var(--hop-b-hover)!important}.UseStyledSystem-module__hop-bb-hover___a9coM:hover{--hop-bb-hover: initial;border-bottom:var(--hop-bb-hover)!important}.UseStyledSystem-module__hop-bl-hover___Cdxux:hover{--hop-bl-hover: initial;border-left:var(--hop-bl-hover)!important}.UseStyledSystem-module__hop-br-hover___FlBmh:hover{--hop-br-hover: initial;border-right:var(--hop-br-hover)!important}.UseStyledSystem-module__hop-bt-hover___vAPze:hover{--hop-bt-hover: initial;border-top:var(--hop-bt-hover)!important}.UseStyledSystem-module__hop-b-focus___7b1Sx:focus-visible{--hop-b-focus: initial;border:var(--hop-b-focus)!important}.UseStyledSystem-module__hop-bb-focus___JgWOc:focus-visible{--hop-bb-focus: initial;border-bottom:var(--hop-bb-focus)!important}.UseStyledSystem-module__hop-bl-focus___6CjNk:focus-visible{--hop-bl-focus: initial;border-left:var(--hop-bl-focus)!important}.UseStyledSystem-module__hop-br-focus___-Vow0:focus-visible{--hop-br-focus: initial;border-right:var(--hop-br-focus)!important}.UseStyledSystem-module__hop-bt-focus___MZI5g:focus-visible{--hop-bt-focus: initial;border-top:var(--hop-bt-focus)!important}.UseStyledSystem-module__hop-b-active___APzRw:active{--hop-b-active: initial;border:var(--hop-b-active)!important}.UseStyledSystem-module__hop-bb-active___yCO1A:active{--hop-bb-active: initial;border-bottom:var(--hop-bb-active)!important}.UseStyledSystem-module__hop-bl-active___8oDvg:active{--hop-bl-active: initial;border-left:var(--hop-bl-active)!important}.UseStyledSystem-module__hop-br-active___RZOe4:active{--hop-br-active: initial;border-right:var(--hop-br-active)!important}.UseStyledSystem-module__hop-bt-active___CQXi9:active{--hop-bt-active: initial;border-top:var(--hop-bt-active)!important}.UseStyledSystem-module__hop-bg-hover___5lQJh:hover{--hop-bg-hover: initial;background-color:var(--hop-bg-hover)!important}.UseStyledSystem-module__hop-bg-focus___MkNXy:focus-visible{--hop-bg-focus: initial;background-color:var(--hop-bg-focus)!important}.UseStyledSystem-module__hop-bg-active___xGBEM:active{--hop-bg-active: initial;background-color:var(--hop-bg-active)!important}.UseStyledSystem-module__hop-bs-hover___zdRAp:hover{--hop-bs-hover: initial;box-shadow:var(--hop-bs-hover)!important}.UseStyledSystem-module__hop-bs-focus___SrsfG:focus-visible{--hop-bs-focus: initial;box-shadow:var(--hop-bs-focus)!important}.UseStyledSystem-module__hop-bs-active___DUZK0:active{--hop-bs-active: initial;box-shadow:var(--hop-bs-active)!important}.UseStyledSystem-module__hop-c-hover___rtUvY:hover{--hop-c-hover: initial;color:var(--hop-c-hover)!important}.UseStyledSystem-module__hop-c-focus___DVRal:focus-visible{--hop-c-focus: initial;color:var(--hop-c-focus)!important}.UseStyledSystem-module__hop-c-active___mGStD:active{--hop-c-active: initial;color:var(--hop-c-active)!important}.UseStyledSystem-module__hop-cs-hover___IfHP5:hover{--hop-cs-hover: initial;cursor:var(--hop-cs-hover)!important}.UseStyledSystem-module__hop-f-hover___mQh-R:hover{--hop-f-hover: initial;fill:var(--hop-f-hover)!important}.UseStyledSystem-module__hop-f-focus___OhuPS:focus-visible{--hop-f-focus: initial;fill:var(--hop-f-focus)!important}.UseStyledSystem-module__hop-o-hover___B8Qjz:hover{--hop-o-hover: initial;opacity:var(--hop-o-hover)!important}.UseStyledSystem-module__hop-o-focus___gsu1F:focus-visible{--hop-o-focus: initial;opacity:var(--hop-o-focus)!important}.UseStyledSystem-module__hop-o-active___-4wzg:active{--hop-o-active: initial;opacity:var(--hop-o-active)!important}.UseStyledSystem-module__hop-ol-focus___PZdgW:focus-visible{--hop-ol-focus: initial;color:var(--hop-ol-focus)!important}:where(.htmlElement-module__html-element___DSb5R),:where(.htmlElement-module__html-element___DSb5R:after),:where(.htmlElement-module__html-element___DSb5R: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___WO7Si:hover {
+  --hop-b-hover: initial;
+  border: var(--hop-b-hover) !important;
+}
+.UseStyledSystem-module__hop-bb-hover___J7koW:hover {
+  --hop-bb-hover: initial;
+  border-bottom: var(--hop-bb-hover) !important;
+}
+.UseStyledSystem-module__hop-bl-hover___H6X11:hover {
+  --hop-bl-hover: initial;
+  border-left: var(--hop-bl-hover) !important;
+}
+.UseStyledSystem-module__hop-br-hover___2ecDN:hover {
+  --hop-br-hover: initial;
+  border-right: var(--hop-br-hover) !important;
+}
+.UseStyledSystem-module__hop-bt-hover___m-WBU:hover {
+  --hop-bt-hover: initial;
+  border-top: var(--hop-bt-hover) !important;
+}
+.UseStyledSystem-module__hop-b-focus___k8BIX:focus-visible {
+  --hop-b-focus: initial;
+  border: var(--hop-b-focus) !important;
+}
+.UseStyledSystem-module__hop-bb-focus___vY533:focus-visible {
+  --hop-bb-focus: initial;
+  border-bottom: var(--hop-bb-focus) !important;
+}
+.UseStyledSystem-module__hop-bl-focus___FMQH5:focus-visible {
+  --hop-bl-focus: initial;
+  border-left: var(--hop-bl-focus) !important;
+}
+.UseStyledSystem-module__hop-br-focus___QOQgk:focus-visible {
+  --hop-br-focus: initial;
+  border-right: var(--hop-br-focus) !important;
+}
+.UseStyledSystem-module__hop-bt-focus___PGkY1:focus-visible {
+  --hop-bt-focus: initial;
+  border-top: var(--hop-bt-focus) !important;
+}
+.UseStyledSystem-module__hop-b-active___XYsR5:active {
+  --hop-b-active: initial;
+  border: var(--hop-b-active) !important;
+}
+.UseStyledSystem-module__hop-bb-active___48kbq:active {
+  --hop-bb-active: initial;
+  border-bottom: var(--hop-bb-active) !important;
+}
+.UseStyledSystem-module__hop-bl-active___49LJt:active {
+  --hop-bl-active: initial;
+  border-left: var(--hop-bl-active) !important;
+}
+.UseStyledSystem-module__hop-br-active___QGaMg:active {
+  --hop-br-active: initial;
+  border-right: var(--hop-br-active) !important;
+}
+.UseStyledSystem-module__hop-bt-active___4y2V1:active {
+  --hop-bt-active: initial;
+  border-top: var(--hop-bt-active) !important;
+}
+.UseStyledSystem-module__hop-bg-hover___dUflJ:hover {
+  --hop-bg-hover: initial;
+  background-color: var(--hop-bg-hover) !important;
+}
+.UseStyledSystem-module__hop-bg-focus___RAUcc:focus-visible {
+  --hop-bg-focus: initial;
+  background-color: var(--hop-bg-focus) !important;
+}
+.UseStyledSystem-module__hop-bg-active___3hBq4:active {
+  --hop-bg-active: initial;
+  background-color: var(--hop-bg-active) !important;
+}
+.UseStyledSystem-module__hop-bs-hover___iugX-:hover {
+  --hop-bs-hover: initial;
+  box-shadow: var(--hop-bs-hover) !important;
+}
+.UseStyledSystem-module__hop-bs-focus___kk-Qr:focus-visible {
+  --hop-bs-focus: initial;
+  box-shadow: var(--hop-bs-focus) !important;
+}
+.UseStyledSystem-module__hop-bs-active___X8-Nt:active {
+  --hop-bs-active: initial;
+  box-shadow: var(--hop-bs-active) !important;
+}
+.UseStyledSystem-module__hop-c-hover___pzags:hover {
+  --hop-c-hover: initial;
+  color: var(--hop-c-hover) !important;
+}
+.UseStyledSystem-module__hop-c-focus___IgZlq:focus-visible {
+  --hop-c-focus: initial;
+  color: var(--hop-c-focus) !important;
+}
+.UseStyledSystem-module__hop-c-active___s2HIc:active {
+  --hop-c-active: initial;
+  color: var(--hop-c-active) !important;
+}
+.UseStyledSystem-module__hop-cs-hover___q-t-p:hover {
+  --hop-cs-hover: initial;
+  cursor: var(--hop-cs-hover) !important;
+}
+.UseStyledSystem-module__hop-f-hover___PS8fe:hover {
+  --hop-f-hover: initial;
+  fill: var(--hop-f-hover) !important;
+}
+.UseStyledSystem-module__hop-f-focus___JOUzD:focus-visible {
+  --hop-f-focus: initial;
+  fill: var(--hop-f-focus) !important;
+}
+.UseStyledSystem-module__hop-o-hover___NTBNQ:hover {
+  --hop-o-hover: initial;
+  opacity: var(--hop-o-hover) !important;
+}
+.UseStyledSystem-module__hop-o-focus___odjgO:focus-visible {
+  --hop-o-focus: initial;
+  opacity: var(--hop-o-focus) !important;
+}
+.UseStyledSystem-module__hop-o-active___wrBCC:active {
+  --hop-o-active: initial;
+  opacity: var(--hop-o-active) !important;
+}
+.UseStyledSystem-module__hop-ol-focus___dRdaA: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___JSyz-),
+:where(.htmlElement-module__html-element___JSyz-::after),
+:where(.htmlElement-module__html-element___JSyz-::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 };