@hopper-ui/components 1.0.1 → 1.0.2

package/dist/buttons/src/ButtonGroup.css

@@ -1,38 +1,38 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
-.ButtonGroup-module__hop-ButtonGroup___-STwV {
+.ButtonGroup-module__hop-ButtonGroup___tl-HT {
   display: inline-flex;
   flex-wrap: nowrap;
   gap: var(--hop-space-inline-md);
 }
-.ButtonGroup-module__hop-ButtonGroup--horizontal___7nuF7 {
+.ButtonGroup-module__hop-ButtonGroup--horizontal___-i-xm {
   justify-content: center;
 }
-.ButtonGroup-module__hop-ButtonGroup--vertical___6tKF5 {
+.ButtonGroup-module__hop-ButtonGroup--vertical___crYGf {
   flex-direction: column;
   gap: var(--hop-space-stack-md);
   align-items: center;
 }
-.ButtonGroup-module__hop-ButtonGroup--start___ZIWdV.ButtonGroup-module__hop-ButtonGroup--vertical___6tKF5 {
+.ButtonGroup-module__hop-ButtonGroup--start___M7t2Y.ButtonGroup-module__hop-ButtonGroup--vertical___crYGf {
   align-items: flex-start;
 }
-.ButtonGroup-module__hop-ButtonGroup--center___JGaTD.ButtonGroup-module__hop-ButtonGroup--vertical___6tKF5 {
+.ButtonGroup-module__hop-ButtonGroup--center___Mf-cB.ButtonGroup-module__hop-ButtonGroup--vertical___crYGf {
   align-items: center;
 }
-.ButtonGroup-module__hop-ButtonGroup--end___mTuCM.ButtonGroup-module__hop-ButtonGroup--vertical___6tKF5 {
+.ButtonGroup-module__hop-ButtonGroup--end___Iyv8S.ButtonGroup-module__hop-ButtonGroup--vertical___crYGf {
   align-items: flex-end;
 }
-.ButtonGroup-module__hop-ButtonGroup--start___ZIWdV.ButtonGroup-module__hop-ButtonGroup--horizontal___7nuF7 {
+.ButtonGroup-module__hop-ButtonGroup--start___M7t2Y.ButtonGroup-module__hop-ButtonGroup--horizontal___-i-xm {
   justify-content: flex-start;
 }
-.ButtonGroup-module__hop-ButtonGroup--center___JGaTD.ButtonGroup-module__hop-ButtonGroup--horizontal___7nuF7 {
+.ButtonGroup-module__hop-ButtonGroup--center___Mf-cB.ButtonGroup-module__hop-ButtonGroup--horizontal___-i-xm {
   justify-content: center;
 }
-.ButtonGroup-module__hop-ButtonGroup--end___mTuCM.ButtonGroup-module__hop-ButtonGroup--horizontal___7nuF7 {
+.ButtonGroup-module__hop-ButtonGroup--end___Iyv8S.ButtonGroup-module__hop-ButtonGroup--horizontal___-i-xm {
   justify-content: flex-end;
 }
-.ButtonGroup-module__hop-ButtonGroup--wrap___ydTFE {
+.ButtonGroup-module__hop-ButtonGroup--wrap___ZBp9o {
   flex-wrap: wrap;
 }
-.ButtonGroup-module__hop-ButtonGroup--fluid___VSsz3 {
+.ButtonGroup-module__hop-ButtonGroup--fluid___EO5tD {
   inline-size: 100%;
 }

package/dist/buttons/src/ButtonGroup.js

@@ -1,7 +1,7 @@
 import { ButtonGroupContext } from '../../chunk-VJQ7M2BK.js';
 import { ButtonContext } from '../../chunk-WMTWFKKP.js';
-import { cssModule } from '../../chunk-KVDXQMWI.js';
 import { SlotProvider } from '../../chunk-M36KANKC.js';
+import { cssModule } from '../../chunk-KVDXQMWI.js';
 import '../../chunk-YSQDPG26.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { filterDOMProps } from '@react-aria/utils';
@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ButtonGroup.module.css#css-module
-var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___-STwV", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___7nuF7", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___6tKF5", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___ZIWdV", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___JGaTD", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___mTuCM", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___ydTFE", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___VSsz3" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___tl-HT", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___-i-xm", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___crYGf", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___M7t2Y", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___Mf-cB", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___Iyv8S", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___ZBp9o", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___EO5tD" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d, _e;

package/dist/buttons/src/ClearButton.css

@@ -0,0 +1,66 @@
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ClearButton.module.css/#css-module-data */
+.ClearButton-module__hop-ClearButton___WVyiZ {
+  --hop-ClearButton-border-radius: var(--hop-shape-rounded-sm);
+  --hop-ClearButton-focus-ring-color: var(--hop-primary-border-focus);
+  --hop-ClearButton-color: var(--hop-neutral-icon-weak);
+  --hop-ClearButton-color-hover: var(--hop-neutral-icon-weak-hover);
+  --hop-ClearButton-color-pressed: var(--hop-neutral-icon-weak-press);
+  --hop-ClearButton-color-disabled: var(--hop-neutral-icon-disabled);
+  --hop-ClearButton-background-color: transparent;
+  --hop-ClearButton-background-color-hover: var(--hop-neutral-surface-hover);
+  --hop-ClearButton-background-color-pressed: var(--hop-neutral-surface-press);
+  --hop-ClearButton-background-color-disabled: transparent;
+  --hop-ClearButton-spinner-color: var(--hop-neutral-icon);
+  --hop-ClearButton-height: 1rem;
+  --hop-ClearButton-width: 1rem;
+  --inline-size: var(--hop-ClearButton-width);
+  --block-size: var(--hop-ClearButton-height);
+  --spinner: var(--hop-primary-icon-strong);
+  --padding-inline: 0;
+  --padding-block: 0;
+  --background-color: var(--hop-ClearButton-background-color);
+  --color: var(--hop-ClearButton-color);
+  --border: var(--hop-ClearButton-border);
+  --spinner-color: var(--hop-ClearButton-spinner-color);
+  --transition: var(--hop-easing-duration-2) var(--hop-easing-productive);
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  column-gap: var(--hop-space-inline-xs);
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  inline-size: var(--inline-size);
+  block-size: var(--block-size);
+  padding-block: var(--padding-block);
+  padding-inline: var(--padding-inline);
+  color: var(--color);
+  text-decoration: none;
+  white-space: nowrap;
+  background-color: var(--background-color);
+  border: none;
+  border-radius: var(--hop-ClearButton-border-radius);
+  outline: none;
+  transition: color var(--transition), background-color var(--transition);
+}
+.ClearButton-module__hop-ClearButton___WVyiZ[data-focus-visible] {
+  outline: 0.125rem solid var(--hop-ClearButton-focus-ring-color);
+}
+.ClearButton-module__hop-ClearButton___WVyiZ[data-disabled] {
+  --background-color: var(--hop-ClearButton-background-color-disabled);
+  --color: var(--hop-ClearButton-color-disabled);
+  --border: var(--hop-ClearButton-border-disabled);
+  cursor: not-allowed;
+}
+.ClearButton-module__hop-ClearButton___WVyiZ[data-hovered]:not([data-disabled]),
+.ClearButton-module__hop-ClearButton___WVyiZ[data-focus-visible]:not([data-disabled]) {
+  --background-color: var(--hop-ClearButton-background-color-hover);
+  --color: var(--hop-ClearButton-color-hover);
+  --border: var(--hop-ClearButton-border-hover);
+}
+.ClearButton-module__hop-ClearButton___WVyiZ[data-pressed] {
+  --background-color: var(--hop-ClearButton-background-color-pressed);
+  --color: var(--hop-ClearButton-color-pressed);
+  --border: var(--hop-ClearButton-border-pressed);
+}

package/dist/buttons/src/ClearButton.d.ts

@@ -0,0 +1,15 @@
+import * as react from 'react';
+import { StyledComponentProps } from '@hopper-ui/styled-system';
+import { ButtonProps } from 'react-aria-components';
+
+declare const GlobalClearButtonCssSelector = "hop-ClearButton";
+interface ClearButtonProps extends StyledComponentProps<Omit<ButtonProps, "children">> {
+}
+/**
+ * ClearButtons are used to initialize an action. ClearButton labels express what action will occur when the user interacts with it.
+ *
+ * [View Documentation](TODO)
+ */
+declare const _ClearButton: react.ForwardRefExoticComponent<ClearButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { _ClearButton as ClearButton, type ClearButtonProps, GlobalClearButtonCssSelector };

package/dist/buttons/src/ClearButton.js

@@ -0,0 +1,6 @@
+export { _ClearButton as ClearButton, GlobalClearButtonCssSelector } from '../../chunk-DBTHMTO4.js';
+import '../../chunk-LL2FMAAO.js';
+import '../../chunk-DXVKHP4V.js';
+import '../../chunk-65JPI4FL.js';
+import '../../chunk-KVDXQMWI.js';
+import '../../chunk-YSQDPG26.js';

package/dist/buttons/src/ClearButtonContext.d.ts

@@ -0,0 +1,8 @@
+import * as react from 'react';
+import { ContextValue } from 'react-aria-components';
+import { ClearButtonProps } from './ClearButton.js';
+import '@hopper-ui/styled-system';
+
+declare const ClearButtonContext: react.Context<ContextValue<ClearButtonProps, HTMLButtonElement>>;
+
+export { ClearButtonContext };

package/dist/buttons/src/ClearButtonContext.js

@@ -0,0 +1,2 @@
+export { ClearButtonContext } from '../../chunk-DXVKHP4V.js';
+import '../../chunk-YSQDPG26.js';