@hopper-ui/components 0.1.0 → 1.0.0

package/CHANGELOG.md

@@ -1,5 +1,122 @@
 # @hopper-ui/components
 
+## 1.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
+
+### Patch Changes
+
+- Updated dependencies [73037f3]
+- Updated dependencies [c5c6b30]
+  - @hopper-ui/icons@2.0.0
+  - @hopper-ui/styled-system@2.0.0
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [bdc3e10]
+  - @hopper-ui/icons@1.6.0
+
 ## 0.1.0
 
 ### Minor Changes

package/dist/HopperProvider/src/HopperProvider.d.ts

@@ -1,5 +1,6 @@
 import * as react from 'react';
 import { StyledSystemProviderProps } from '@hopper-ui/styled-system';
+import { Href, RouterOptions } from '@react-types/shared';
 
 declare const GlobalHopperProviderCssSelector = "hop-HopperProvider";
 interface HopperProviderProps extends StyledSystemProviderProps {
@@ -10,8 +11,39 @@ interface HopperProviderProps extends StyledSystemProviderProps {
     locale?: string;
     /**
      * Set this up once in the root of your app, and any Hopper component with the href prop will automatically navigate using your router.
+     * This prop should be set to a function received from your router for performing a client side navigation programmatically.
+     * @example
+     * import {RouterProvider} from 'react-aria-components';
+     * import {useNavigate, useHref} from 'your-router';
+     *
+     * function App() {
+     *   let navigate = useNavigate();
+     *
+     *   return (
+     *     <RouterProvider navigate={navigate} useHref={useHref}>
+     *         // ...
+     *     </RouterProvider>
+     *   );
+     * }
      */
-    navigate?: (path: string) => void;
+    navigate?: (path: Href, routerOptions: RouterOptions | undefined) => void;
+    /**
+     * useHref is an optional prop that converts a router-specific href to a native HTML href, e.g. prepending a base path.
+     * @example
+     * import {RouterProvider} from 'react-aria-components';
+     * import {useNavigate, useHref} from 'your-router';
+     *
+     * function App() {
+     *   let navigate = useNavigate();
+     *
+     *   return (
+     *     <RouterProvider navigate={navigate} useHref={useHref}>
+     *         // ...
+     *     </RouterProvider>
+     *   );
+     * }
+     */
+    useHref?: (href: Href) => string;
 }
 /**
  * HopperProvider is required to be rendered at the root of your application. It is responsible for:

package/dist/HopperProvider/src/HopperProvider.js

@@ -1 +1,2 @@
-export { GlobalHopperProviderCssSelector, _HopperProvider as HopperProvider } from '../../chunk-YLDA2M2E.js';
+export { GlobalHopperProviderCssSelector, _HopperProvider as HopperProvider } from '../../chunk-ANVMQBBG.js';
+import '../../chunk-YSQDPG26.js';

package/dist/HopperProvider/src/index.d.ts

@@ -1,3 +1,4 @@
 export { GlobalHopperProviderCssSelector, HopperProvider, HopperProviderProps } from './HopperProvider.js';
 import 'react';
 import '@hopper-ui/styled-system';
+import '@react-types/shared';

package/dist/HopperProvider/src/index.js

@@ -1 +1,2 @@
-export { GlobalHopperProviderCssSelector, _HopperProvider as HopperProvider } from '../../chunk-YLDA2M2E.js';
+export { GlobalHopperProviderCssSelector, _HopperProvider as HopperProvider } from '../../chunk-ANVMQBBG.js';
+import '../../chunk-YSQDPG26.js';

package/dist/IconList/src/IconList.css

@@ -1,8 +1,8 @@
-/* src/IconList/src/IconList.module.css */
-.hop-iconList {
-  --hop-icon-list-component-gap: var(--hop-space-inline-xs);
-  box-sizing: border-box;
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
+.IconList-module__hop-IconList___eJ4Sl {
+  --hop-IconList-gap: var(--hop-space-inline-xs);
   display: flex;
-  flex-flow: wrap;
-  gap: var(--hop-icon-list-component-gap);
+  flex-wrap: wrap;
+  gap: var(--hop-IconList-gap);
+  box-sizing: border-box;
 }

package/dist/IconList/src/IconList.js

@@ -1,3 +1,4 @@
-export { GlobalIconListCssSelector, _IconList as IconList } from '../../chunk-XQ3GUEBN.js';
+export { GlobalIconListCssSelector, _IconList as IconList } from '../../chunk-ZQEB3Y3X.js';
 import '../../chunk-M36KANKC.js';
 import '../../chunk-DHVVYSLB.js';
+import '../../chunk-YSQDPG26.js';

package/dist/IconList/src/IconListContext.js

@@ -1 +1,2 @@
 export { IconListContext } from '../../chunk-DHVVYSLB.js';
+import '../../chunk-YSQDPG26.js';

package/dist/IconList/src/index.css

@@ -1,8 +1,8 @@
-/* src/IconList/src/IconList.module.css */
-.hop-iconList {
-  --hop-icon-list-component-gap: var(--hop-space-inline-xs);
-  box-sizing: border-box;
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
+.IconList-module__hop-IconList___eJ4Sl {
+  --hop-IconList-gap: var(--hop-space-inline-xs);
   display: flex;
-  flex-flow: wrap;
-  gap: var(--hop-icon-list-component-gap);
+  flex-wrap: wrap;
+  gap: var(--hop-IconList-gap);
+  box-sizing: border-box;
 }

package/dist/IconList/src/index.js

@@ -1,3 +1,4 @@
-export { GlobalIconListCssSelector, _IconList as IconList } from '../../chunk-XQ3GUEBN.js';
+export { GlobalIconListCssSelector, _IconList as IconList } from '../../chunk-ZQEB3Y3X.js';
 import '../../chunk-M36KANKC.js';
 export { IconListContext } from '../../chunk-DHVVYSLB.js';
+import '../../chunk-YSQDPG26.js';

package/dist/Label/src/Label.css

@@ -1,79 +1,79 @@
-/* src/Label/src/Label.module.css */
-.hop-label {
-  --hop-label-component-xs-font-size: var(--hop-body-xs-font-size);
-  --hop-label-component-xs-font-family: var(--hop-body-xs-font-family);
-  --hop-label-component-xs-font-weight: var(--hop-body-xs-font-weight);
-  --hop-label-component-xs-line-height: var(--hop-body-xs-line-height);
-  --hop-label-component-sm-font-size: var(--hop-body-sm-font-size);
-  --hop-label-component-sm-font-family: var(--hop-body-sm-font-family);
-  --hop-label-component-sm-font-weight: var(--hop-body-sm-font-weight);
-  --hop-label-component-sm-line-height: var(--hop-body-sm-line-height);
-  --hop-label-component-md-font-size: var(--hop-body-md-font-size);
-  --hop-label-component-md-font-family: var(--hop-body-md-font-family);
-  --hop-label-component-md-font-weight: var(--hop-body-md-font-weight);
-  --hop-label-component-md-line-height: var(--hop-body-md-line-height);
-  --hop-label-component-lg-font-size: var(--hop-body-lg-font-size);
-  --hop-label-component-lg-font-family: var(--hop-body-lg-font-family);
-  --hop-label-component-lg-font-weight: var(--hop-body-lg-font-weight);
-  --hop-label-component-lg-line-height: var(--hop-body-lg-line-height);
-  --hop-label-component-xl-font-size: var(--hop-body-xl-font-size);
-  --hop-label-component-xl-font-family: var(--hop-body-xl-font-family);
-  --hop-label-component-xl-font-weight: var(--hop-body-xl-font-weight);
-  --hop-label-component-xl-line-height: var(--hop-body-xl-line-height);
-  --hop-label-component-2xl-font-size: var(--hop-body-2xl-font-size);
-  --hop-label-component-2xl-font-family: var(--hop-body-2xl-font-family);
-  --hop-label-component-2xl-font-weight: var(--hop-body-2xl-font-weight);
-  --hop-label-component-2xl-line-height: var(--hop-body-2xl-line-height);
-  --hop-label-component-inherit-size-font-size: inherit;
-  --hop-label-component-inherit-size-font-family: inherit;
-  --hop-label-component-inherit-size-font-weight: inherit;
-  --hop-label-component-inherit-size-line-height: inherit;
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Label/src/Label.module.css/#css-module-data */
+.Label-module__hop-Label___sZV4v {
+  --hop-Label-xs-font-size: var(--hop-body-xs-font-size);
+  --hop-Label-xs-font-family: var(--hop-body-xs-font-family);
+  --hop-Label-xs-font-weight: var(--hop-body-xs-font-weight);
+  --hop-Label-xs-line-height: var(--hop-body-xs-line-height);
+  --hop-Label-sm-font-size: var(--hop-body-sm-font-size);
+  --hop-Label-sm-font-family: var(--hop-body-sm-font-family);
+  --hop-Label-sm-font-weight: var(--hop-body-sm-font-weight);
+  --hop-Label-sm-line-height: var(--hop-body-sm-line-height);
+  --hop-Label-md-font-size: var(--hop-body-md-font-size);
+  --hop-Label-md-font-family: var(--hop-body-md-font-family);
+  --hop-Label-md-font-weight: var(--hop-body-md-font-weight);
+  --hop-Label-md-line-height: var(--hop-body-md-line-height);
+  --hop-Label-lg-font-size: var(--hop-body-lg-font-size);
+  --hop-Label-lg-font-family: var(--hop-body-lg-font-family);
+  --hop-Label-lg-font-weight: var(--hop-body-lg-font-weight);
+  --hop-Label-lg-line-height: var(--hop-body-lg-line-height);
+  --hop-Label-xl-font-size: var(--hop-body-xl-font-size);
+  --hop-Label-xl-font-family: var(--hop-body-xl-font-family);
+  --hop-Label-xl-font-weight: var(--hop-body-xl-font-weight);
+  --hop-Label-xl-line-height: var(--hop-body-xl-line-height);
+  --hop-Label-2xl-font-size: var(--hop-body-2xl-font-size);
+  --hop-Label-2xl-font-family: var(--hop-body-2xl-font-family);
+  --hop-Label-2xl-font-weight: var(--hop-body-2xl-font-weight);
+  --hop-Label-2xl-line-height: var(--hop-body-2xl-line-height);
+  --hop-Label-inherit-size-font-size: inherit;
+  --hop-Label-inherit-size-font-family: inherit;
+  --hop-Label-inherit-size-font-weight: inherit;
+  --hop-Label-inherit-size-line-height: inherit;
 }
-:where(.hop-label) {
-  font-size: var(--font-size, --hop-label-component-md-font-size);
-  font-family: var(--font-family, --hop-label-component-md-font-family);
-  font-weight: var(--font-weight, --hop-label-component-md-font-weight);
-  line-height: var(--line-height, --hop-label-component-md-line-height);
+:where(.Label-module__hop-Label___sZV4v) {
+  font-family: var(--font-family, --hop-Label-md-font-family);
+  font-size: var(--font-size, --hop-Label-md-font-size);
+  font-weight: var(--font-weight, --hop-Label-md-font-weight);
+  line-height: var(--line-height, --hop-Label-md-line-height);
 }
-:where(.hop-label--xs) {
-  --font-size: var(--hop-label-component-xs-font-size);
-  --font-family: var(--hop-label-component-xs-font-family);
-  --font-weight: var(--hop-label-component-xs-font-weight);
-  --line-height: var(--hop-label-component-xs-line-height);
+:where(.Label-module__hop-Label--xs___7Flvr) {
+  --font-size: var(--hop-Label-xs-font-size);
+  --font-family: var(--hop-Label-xs-font-family);
+  --font-weight: var(--hop-Label-xs-font-weight);
+  --line-height: var(--hop-Label-xs-line-height);
 }
-:where(.hop-label--sm) {
-  --font-size: var(--hop-label-component-sm-font-size);
-  --font-family: var(--hop-label-component-sm-font-family);
-  --font-weight: var(--hop-label-component-sm-font-weight);
-  --line-height: var(--hop-label-component-sm-line-height);
+:where(.Label-module__hop-Label--sm___q7-gY) {
+  --font-size: var(--hop-Label-sm-font-size);
+  --font-family: var(--hop-Label-sm-font-family);
+  --font-weight: var(--hop-Label-sm-font-weight);
+  --line-height: var(--hop-Label-sm-line-height);
 }
-:where(.hop-label--md) {
-  --font-size: var(--hop-label-component-md-font-size);
-  --font-family: var(--hop-label-component-md-font-family);
-  --font-weight: var(--hop-label-component-md-font-weight);
-  --line-height: var(--hop-label-component-md-line-height);
+:where(.Label-module__hop-Label--md___ZxMc1) {
+  --font-size: var(--hop-Label-md-font-size);
+  --font-family: var(--hop-Label-md-font-family);
+  --font-weight: var(--hop-Label-md-font-weight);
+  --line-height: var(--hop-Label-md-line-height);
 }
-:where(.hop-label--lg) {
-  --font-size: var(--hop-label-component-lg-font-size);
-  --font-family: var(--hop-label-component-lg-font-family);
-  --font-weight: var(--hop-label-component-lg-font-weight);
-  --line-height: var(--hop-label-component-lg-line-height);
+:where(.Label-module__hop-Label--lg___qnzoz) {
+  --font-size: var(--hop-Label-lg-font-size);
+  --font-family: var(--hop-Label-lg-font-family);
+  --font-weight: var(--hop-Label-lg-font-weight);
+  --line-height: var(--hop-Label-lg-line-height);
 }
-:where(.hop-label--xl) {
-  --font-size: var(--hop-label-component-xl-font-size);
-  --font-family: var(--hop-label-component-xl-font-family);
-  --font-weight: var(--hop-label-component-xl-font-weight);
-  --line-height: var(--hop-label-component-xl-line-height);
+:where(.Label-module__hop-Label--xl___3pCXT) {
+  --font-size: var(--hop-Label-xl-font-size);
+  --font-family: var(--hop-Label-xl-font-family);
+  --font-weight: var(--hop-Label-xl-font-weight);
+  --line-height: var(--hop-Label-xl-line-height);
 }
-:where(.hop-label--2xl) {
-  --font-size: var(--hop-label-component-2xl-font-size);
-  --font-family: var(--hop-label-component-2xl-font-family);
-  --font-weight: var(--hop-label-component-2xl-font-weight);
-  --line-height: var(--hop-label-component-2xl-line-height);
+:where(.Label-module__hop-Label--2xl___CuLU9) {
+  --font-size: var(--hop-Label-2xl-font-size);
+  --font-family: var(--hop-Label-2xl-font-family);
+  --font-weight: var(--hop-Label-2xl-font-weight);
+  --line-height: var(--hop-Label-2xl-line-height);
 }
-:where(.hop-label--inherit) {
-  --font-size: var(--hop-label-component-inherit-size-font-size);
-  --font-family: var(--hop-label-component-inherit-size-font-family);
-  --font-weight: var(--hop-label-component-inherit-size-font-weight);
-  --line-height: var(--hop-label-component-inherit-size-line-height);
+:where(.Label-module__hop-Label--inherit___pCJ8C) {
+  --font-size: var(--hop-Label-inherit-size-font-size);
+  --font-family: var(--hop-Label-inherit-size-font-family);
+  --font-weight: var(--hop-Label-inherit-size-font-weight);
+  --line-height: var(--hop-Label-inherit-size-line-height);
 }

package/dist/Label/src/Label.js

@@ -1,3 +1,4 @@
-export { GlobalLabelCssSelector, _Label as Label } from '../../chunk-XCKF6EU7.js';
-import '../../chunk-6BEVZRUL.js';
+export { GlobalLabelCssSelector, _Label as Label } from '../../chunk-IYITZANI.js';
+import '../../chunk-KVDXQMWI.js';
 import '../../chunk-HVKOIMMW.js';
+import '../../chunk-YSQDPG26.js';

package/dist/Label/src/LabelContext.js

@@ -1 +1,2 @@
 export { LabelContext } from '../../chunk-HVKOIMMW.js';
+import '../../chunk-YSQDPG26.js';

package/dist/Label/src/index.css

@@ -1,79 +1,79 @@
-/* src/Label/src/Label.module.css */
-.hop-label {
-  --hop-label-component-xs-font-size: var(--hop-body-xs-font-size);
-  --hop-label-component-xs-font-family: var(--hop-body-xs-font-family);
-  --hop-label-component-xs-font-weight: var(--hop-body-xs-font-weight);
-  --hop-label-component-xs-line-height: var(--hop-body-xs-line-height);
-  --hop-label-component-sm-font-size: var(--hop-body-sm-font-size);
-  --hop-label-component-sm-font-family: var(--hop-body-sm-font-family);
-  --hop-label-component-sm-font-weight: var(--hop-body-sm-font-weight);
-  --hop-label-component-sm-line-height: var(--hop-body-sm-line-height);
-  --hop-label-component-md-font-size: var(--hop-body-md-font-size);
-  --hop-label-component-md-font-family: var(--hop-body-md-font-family);
-  --hop-label-component-md-font-weight: var(--hop-body-md-font-weight);
-  --hop-label-component-md-line-height: var(--hop-body-md-line-height);
-  --hop-label-component-lg-font-size: var(--hop-body-lg-font-size);
-  --hop-label-component-lg-font-family: var(--hop-body-lg-font-family);
-  --hop-label-component-lg-font-weight: var(--hop-body-lg-font-weight);
-  --hop-label-component-lg-line-height: var(--hop-body-lg-line-height);
-  --hop-label-component-xl-font-size: var(--hop-body-xl-font-size);
-  --hop-label-component-xl-font-family: var(--hop-body-xl-font-family);
-  --hop-label-component-xl-font-weight: var(--hop-body-xl-font-weight);
-  --hop-label-component-xl-line-height: var(--hop-body-xl-line-height);
-  --hop-label-component-2xl-font-size: var(--hop-body-2xl-font-size);
-  --hop-label-component-2xl-font-family: var(--hop-body-2xl-font-family);
-  --hop-label-component-2xl-font-weight: var(--hop-body-2xl-font-weight);
-  --hop-label-component-2xl-line-height: var(--hop-body-2xl-line-height);
-  --hop-label-component-inherit-size-font-size: inherit;
-  --hop-label-component-inherit-size-font-family: inherit;
-  --hop-label-component-inherit-size-font-weight: inherit;
-  --hop-label-component-inherit-size-line-height: inherit;
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Label/src/Label.module.css/#css-module-data */
+.Label-module__hop-Label___sZV4v {
+  --hop-Label-xs-font-size: var(--hop-body-xs-font-size);
+  --hop-Label-xs-font-family: var(--hop-body-xs-font-family);
+  --hop-Label-xs-font-weight: var(--hop-body-xs-font-weight);
+  --hop-Label-xs-line-height: var(--hop-body-xs-line-height);
+  --hop-Label-sm-font-size: var(--hop-body-sm-font-size);
+  --hop-Label-sm-font-family: var(--hop-body-sm-font-family);
+  --hop-Label-sm-font-weight: var(--hop-body-sm-font-weight);
+  --hop-Label-sm-line-height: var(--hop-body-sm-line-height);
+  --hop-Label-md-font-size: var(--hop-body-md-font-size);
+  --hop-Label-md-font-family: var(--hop-body-md-font-family);
+  --hop-Label-md-font-weight: var(--hop-body-md-font-weight);
+  --hop-Label-md-line-height: var(--hop-body-md-line-height);
+  --hop-Label-lg-font-size: var(--hop-body-lg-font-size);
+  --hop-Label-lg-font-family: var(--hop-body-lg-font-family);
+  --hop-Label-lg-font-weight: var(--hop-body-lg-font-weight);
+  --hop-Label-lg-line-height: var(--hop-body-lg-line-height);
+  --hop-Label-xl-font-size: var(--hop-body-xl-font-size);
+  --hop-Label-xl-font-family: var(--hop-body-xl-font-family);
+  --hop-Label-xl-font-weight: var(--hop-body-xl-font-weight);
+  --hop-Label-xl-line-height: var(--hop-body-xl-line-height);
+  --hop-Label-2xl-font-size: var(--hop-body-2xl-font-size);
+  --hop-Label-2xl-font-family: var(--hop-body-2xl-font-family);
+  --hop-Label-2xl-font-weight: var(--hop-body-2xl-font-weight);
+  --hop-Label-2xl-line-height: var(--hop-body-2xl-line-height);
+  --hop-Label-inherit-size-font-size: inherit;
+  --hop-Label-inherit-size-font-family: inherit;
+  --hop-Label-inherit-size-font-weight: inherit;
+  --hop-Label-inherit-size-line-height: inherit;
 }
-:where(.hop-label) {
-  font-size: var(--font-size, --hop-label-component-md-font-size);
-  font-family: var(--font-family, --hop-label-component-md-font-family);
-  font-weight: var(--font-weight, --hop-label-component-md-font-weight);
-  line-height: var(--line-height, --hop-label-component-md-line-height);
+:where(.Label-module__hop-Label___sZV4v) {
+  font-family: var(--font-family, --hop-Label-md-font-family);
+  font-size: var(--font-size, --hop-Label-md-font-size);
+  font-weight: var(--font-weight, --hop-Label-md-font-weight);
+  line-height: var(--line-height, --hop-Label-md-line-height);
 }
-:where(.hop-label--xs) {
-  --font-size: var(--hop-label-component-xs-font-size);
-  --font-family: var(--hop-label-component-xs-font-family);
-  --font-weight: var(--hop-label-component-xs-font-weight);
-  --line-height: var(--hop-label-component-xs-line-height);
+:where(.Label-module__hop-Label--xs___7Flvr) {
+  --font-size: var(--hop-Label-xs-font-size);
+  --font-family: var(--hop-Label-xs-font-family);
+  --font-weight: var(--hop-Label-xs-font-weight);
+  --line-height: var(--hop-Label-xs-line-height);
 }
-:where(.hop-label--sm) {
-  --font-size: var(--hop-label-component-sm-font-size);
-  --font-family: var(--hop-label-component-sm-font-family);
-  --font-weight: var(--hop-label-component-sm-font-weight);
-  --line-height: var(--hop-label-component-sm-line-height);
+:where(.Label-module__hop-Label--sm___q7-gY) {
+  --font-size: var(--hop-Label-sm-font-size);
+  --font-family: var(--hop-Label-sm-font-family);
+  --font-weight: var(--hop-Label-sm-font-weight);
+  --line-height: var(--hop-Label-sm-line-height);
 }
-:where(.hop-label--md) {
-  --font-size: var(--hop-label-component-md-font-size);
-  --font-family: var(--hop-label-component-md-font-family);
-  --font-weight: var(--hop-label-component-md-font-weight);
-  --line-height: var(--hop-label-component-md-line-height);
+:where(.Label-module__hop-Label--md___ZxMc1) {
+  --font-size: var(--hop-Label-md-font-size);
+  --font-family: var(--hop-Label-md-font-family);
+  --font-weight: var(--hop-Label-md-font-weight);
+  --line-height: var(--hop-Label-md-line-height);
 }
-:where(.hop-label--lg) {
-  --font-size: var(--hop-label-component-lg-font-size);
-  --font-family: var(--hop-label-component-lg-font-family);
-  --font-weight: var(--hop-label-component-lg-font-weight);
-  --line-height: var(--hop-label-component-lg-line-height);
+:where(.Label-module__hop-Label--lg___qnzoz) {
+  --font-size: var(--hop-Label-lg-font-size);
+  --font-family: var(--hop-Label-lg-font-family);
+  --font-weight: var(--hop-Label-lg-font-weight);
+  --line-height: var(--hop-Label-lg-line-height);
 }
-:where(.hop-label--xl) {
-  --font-size: var(--hop-label-component-xl-font-size);
-  --font-family: var(--hop-label-component-xl-font-family);
-  --font-weight: var(--hop-label-component-xl-font-weight);
-  --line-height: var(--hop-label-component-xl-line-height);
+:where(.Label-module__hop-Label--xl___3pCXT) {
+  --font-size: var(--hop-Label-xl-font-size);
+  --font-family: var(--hop-Label-xl-font-family);
+  --font-weight: var(--hop-Label-xl-font-weight);
+  --line-height: var(--hop-Label-xl-line-height);
 }
-:where(.hop-label--2xl) {
-  --font-size: var(--hop-label-component-2xl-font-size);
-  --font-family: var(--hop-label-component-2xl-font-family);
-  --font-weight: var(--hop-label-component-2xl-font-weight);
-  --line-height: var(--hop-label-component-2xl-line-height);
+:where(.Label-module__hop-Label--2xl___CuLU9) {
+  --font-size: var(--hop-Label-2xl-font-size);
+  --font-family: var(--hop-Label-2xl-font-family);
+  --font-weight: var(--hop-Label-2xl-font-weight);
+  --line-height: var(--hop-Label-2xl-line-height);
 }
-:where(.hop-label--inherit) {
-  --font-size: var(--hop-label-component-inherit-size-font-size);
-  --font-family: var(--hop-label-component-inherit-size-font-family);
-  --font-weight: var(--hop-label-component-inherit-size-font-weight);
-  --line-height: var(--hop-label-component-inherit-size-line-height);
+:where(.Label-module__hop-Label--inherit___pCJ8C) {
+  --font-size: var(--hop-Label-inherit-size-font-size);
+  --font-family: var(--hop-Label-inherit-size-font-family);
+  --font-weight: var(--hop-Label-inherit-size-font-weight);
+  --line-height: var(--hop-Label-inherit-size-line-height);
 }

package/dist/Label/src/index.js

@@ -1,3 +1,4 @@
-export { GlobalLabelCssSelector, _Label as Label } from '../../chunk-XCKF6EU7.js';
-import '../../chunk-6BEVZRUL.js';
+export { GlobalLabelCssSelector, _Label as Label } from '../../chunk-IYITZANI.js';
+import '../../chunk-KVDXQMWI.js';
 export { LabelContext } from '../../chunk-HVKOIMMW.js';
+import '../../chunk-YSQDPG26.js';