@hopper-ui/components 1.14.0 → 1.15.0

package/dist/contextual-help/src/index.js

@@ -1,11 +1,11 @@
-export { _ContextualHelp as ContextualHelp, GlobalContextualHelpCssSelector } from '../../chunk-OQ6HFUQ3.js';
+export { _ContextualHelp as ContextualHelp, GlobalContextualHelpCssSelector } from '../../chunk-ND57HLQZ.js';
 import '../../chunk-KHDRGFVV.js';
-import '../../chunk-YK5YTFQK.js';
+import '../../chunk-INJECWV6.js';
 import '../../chunk-3B2PUC6W.js';
 export { ContextualHelpContext } from '../../chunk-MR5BPD6R.js';
-import '../../chunk-S7CXZQ7K.js';
+import '../../chunk-4WJKLLPU.js';
 import '../../chunk-ZWU6DRRZ.js';
-import '../../chunk-CH4HCYIC.js';
+import '../../chunk-YSBWWOQO.js';
 import '../../chunk-PQSMCDAM.js';
 import '../../chunk-ZNOU2CGM.js';
 import '../../chunk-65JPI4FL.js';

package/dist/date-picker/src/DateInput.css

@@ -0,0 +1,392 @@
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/heading/src/Heading.module.css/#css-module-data */
+.Heading-module__hop-Heading___oO9SS {
+  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
+  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
+  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
+  --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
+  --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
+  --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
+  --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
+  --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
+  --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
+  --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
+  --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
+  --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
+  --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
+  --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
+  --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
+  --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
+  --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
+  --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
+  --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
+  --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
+  --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
+  --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
+  --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
+  --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
+  --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
+  --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
+  --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
+  --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
+  --hop-Heading-inherit-size-font-size: inherit;
+  --hop-Heading-inherit-size-font-family: inherit;
+  --hop-Heading-inherit-size-font-weight: inherit;
+  --hop-Heading-inherit-size-line-height: inherit;
+}
+:where(.Heading-module__hop-Heading___oO9SS) {
+  margin: 0;
+  color: var(--hop-neutral-text);
+}
+:where(.Heading-module__hop-Heading___oO9SS):not(.Heading-module__hop-Heading--unset___SsSEf) {
+  font-family: var(--font-family);
+  font-size: var(--font-size);
+  font-weight: var(--font-weight);
+  line-height: var(--line-height);
+}
+:where(.Heading-module__hop-Heading--xs___BKukB) {
+  --font-size: var(--hop-Heading-xs-font-size);
+  --font-family: var(--hop-Heading-xs-font-family);
+  --font-weight: var(--hop-Heading-xs-font-weight);
+  --line-height: var(--hop-Heading-xs-line-height);
+}
+:where(.Heading-module__hop-Heading--sm___BDZOc) {
+  --font-size: var(--hop-Heading-sm-font-size);
+  --font-family: var(--hop-Heading-sm-font-family);
+  --font-weight: var(--hop-Heading-sm-font-weight);
+  --line-height: var(--hop-Heading-sm-line-height);
+}
+:where(.Heading-module__hop-Heading--md___nRh-H) {
+  --font-size: var(--hop-Heading-md-font-size);
+  --font-family: var(--hop-Heading-md-font-family);
+  --font-weight: var(--hop-Heading-md-font-weight);
+  --line-height: var(--hop-Heading-md-line-height);
+}
+:where(.Heading-module__hop-Heading--lg___iobWD) {
+  --font-size: var(--hop-Heading-lg-font-size);
+  --font-family: var(--hop-Heading-lg-font-family);
+  --font-weight: var(--hop-Heading-lg-font-weight);
+  --line-height: var(--hop-Heading-lg-line-height);
+}
+:where(.Heading-module__hop-Heading--xl___YZCkI) {
+  --font-size: var(--hop-Heading-xl-font-size);
+  --font-family: var(--hop-Heading-xl-font-family);
+  --font-weight: var(--hop-Heading-xl-font-weight);
+  --line-height: var(--hop-Heading-xl-line-height);
+}
+:where(.Heading-module__hop-Heading--2xl___udkhx) {
+  --font-size: var(--hop-Heading-2xl-font-size);
+  --font-family: var(--hop-Heading-2xl-font-family);
+  --font-weight: var(--hop-Heading-2xl-font-weight);
+  --line-height: var(--hop-Heading-2xl-line-height);
+}
+:where(.Heading-module__hop-Heading--3xl___AbU-o) {
+  --font-size: var(--hop-Heading-3xl-font-size);
+  --font-family: var(--hop-Heading-3xl-font-family);
+  --font-weight: var(--hop-Heading-3xl-font-weight);
+  --line-height: var(--hop-Heading-3xl-line-height);
+}
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
+.Form-module__hop-Form___veTcg {
+  display: flex;
+  flex-direction: column;
+  gap: var(--hop-space-stack-lg);
+}
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
+.Label-module__hop-Label___fmxT3 {
+  --hop-Label-font-size: var(--hop-heading-xs-font-size);
+  --hop-Label-font-family: var(--hop-heading-xs-font-family);
+  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
+  --hop-Label-line-height: var(--hop-heading-xs-line-height);
+  --hop-Label-color: var(--hop-neutral-text-weak);
+}
+:where(.Label-module__hop-Label___fmxT3) {
+  font-family: var(--hop-Label-font-family);
+  font-size: var(--hop-Label-font-size);
+  font-weight: var(--hop-Label-font-weight);
+  line-height: var(--hop-Label-line-height);
+  color: var(--hop-Label-color);
+}
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
+.FieldLabel-module__hop-FieldLabel__wrapper___-HyXS {
+  display: flex;
+  gap: var(--hop-space-inset-xs);
+  align-items: center;
+}
+.FieldLabel-module__hop-FieldLabel__indicator___Nlwkx {
+  padding-inline-start: var(--hop-space-20);
+}
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
+:where(.OverlineText-module__hop-OverlineText___UfCYK) {
+  --hop-OverlineText-font-family: var(--hop-overline-font-family);
+  --hop-OverlineText-font-size: var(--hop-overline-font-size);
+  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
+  --hop-OverlineText-letter-spacing: 0.015rem;
+  --hop-OverlineText-line-height: var(--hop-overline-line-height);
+  --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
+  --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
+  --font-family: var(--hop-OverlineText-font-family);
+  --font-size: var(--hop-OverlineText-font-size);
+  --font-weight: var(--hop-OverlineText-font-weight);
+  --letter-spacing: var(--hop-OverlineText-letter-spacing);
+  --line-height: var(--hop-OverlineText-line-height);
+  --top-offset: var(--hop-OverlineText-top-offset);
+  --bottom-offset: var(--hop-OverlineText-bottom-offset);
+  box-sizing: border-box;
+  font-family: var(--font-family);
+  font-size: var(--font-size);
+  font-feature-settings: "case";
+  font-weight: var(--font-weight);
+  line-height: var(--line-height);
+  text-transform: uppercase;
+  letter-spacing: var(--letter-spacing);
+}
+.OverlineText-module__hop-OverlineText__text___wKbnc {
+  box-sizing: border-box;
+}
+.OverlineText-module__hop-OverlineText__text___wKbnc::before,
+.OverlineText-module__hop-OverlineText__text___wKbnc::after {
+  content: "";
+  display: block;
+  box-sizing: border-box;
+  inline-size: 0;
+  block-size: 0;
+}
+.OverlineText-module__hop-OverlineText__text___wKbnc::before {
+  margin-block-end: var(--bottom-offset);
+}
+.OverlineText-module__hop-OverlineText__text___wKbnc::after {
+  margin-block-start: var(--top-offset);
+}
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
+.Text-module__hop-Text___k9UR- {
+  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
+  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
+  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
+  --hop-Text-xs-line-height: var(--hop-body-xs-line-height);
+  --hop-Text-sm-font-size: var(--hop-body-sm-font-size);
+  --hop-Text-sm-font-family: var(--hop-body-sm-font-family);
+  --hop-Text-sm-font-weight: var(--hop-body-sm-font-weight);
+  --hop-Text-sm-line-height: var(--hop-body-sm-line-height);
+  --hop-Text-md-font-size: var(--hop-body-md-font-size);
+  --hop-Text-md-font-family: var(--hop-body-md-font-family);
+  --hop-Text-md-font-weight: var(--hop-body-md-font-weight);
+  --hop-Text-md-line-height: var(--hop-body-md-line-height);
+  --hop-Text-lg-font-size: var(--hop-body-lg-font-size);
+  --hop-Text-lg-font-family: var(--hop-body-lg-font-family);
+  --hop-Text-lg-font-weight: var(--hop-body-lg-font-weight);
+  --hop-Text-lg-line-height: var(--hop-body-lg-line-height);
+  --hop-Text-xl-font-size: var(--hop-body-xl-font-size);
+  --hop-Text-xl-font-family: var(--hop-body-xl-font-family);
+  --hop-Text-xl-font-weight: var(--hop-body-xl-font-weight);
+  --hop-Text-xl-line-height: var(--hop-body-xl-line-height);
+  --hop-Text-2xl-font-size: var(--hop-body-2xl-font-size);
+  --hop-Text-2xl-font-family: var(--hop-body-2xl-font-family);
+  --hop-Text-2xl-font-weight: var(--hop-body-2xl-font-weight);
+  --hop-Text-2xl-line-height: var(--hop-body-2xl-line-height);
+  --hop-Text-inherit-size-font-size: inherit;
+  --hop-Text-inherit-size-font-family: inherit;
+  --hop-Text-inherit-size-font-weight: inherit;
+  --hop-Text-inherit-size-line-height: inherit;
+}
+:where(.Text-module__hop-Text___k9UR-) {
+  font-family: var(--font-family);
+  font-size: var(--font-size);
+  font-weight: var(--font-weight);
+  line-height: var(--line-height);
+}
+:where(.Text-module__hop-Text--xs___jKImM) {
+  --font-size: var(--hop-Text-xs-font-size);
+  --font-family: var(--hop-Text-xs-font-family);
+  --font-weight: var(--hop-Text-xs-font-weight);
+  --line-height: var(--hop-Text-xs-line-height);
+}
+:where(.Text-module__hop-Text--sm___G2q-s) {
+  --font-size: var(--hop-Text-sm-font-size);
+  --font-family: var(--hop-Text-sm-font-family);
+  --font-weight: var(--hop-Text-sm-font-weight);
+  --line-height: var(--hop-Text-sm-line-height);
+}
+:where(.Text-module__hop-Text--md___QGCwO) {
+  --font-size: var(--hop-Text-md-font-size);
+  --font-family: var(--hop-Text-md-font-family);
+  --font-weight: var(--hop-Text-md-font-weight);
+  --line-height: var(--hop-Text-md-line-height);
+}
+:where(.Text-module__hop-Text--lg___T61Xi) {
+  --font-size: var(--hop-Text-lg-font-size);
+  --font-family: var(--hop-Text-lg-font-family);
+  --font-weight: var(--hop-Text-lg-font-weight);
+  --line-height: var(--hop-Text-lg-line-height);
+}
+:where(.Text-module__hop-Text--xl___Q53Bb) {
+  --font-size: var(--hop-Text-xl-font-size);
+  --font-family: var(--hop-Text-xl-font-family);
+  --font-weight: var(--hop-Text-xl-font-weight);
+  --line-height: var(--hop-Text-xl-line-height);
+}
+:where(.Text-module__hop-Text--2xl___Xz5p8) {
+  --font-size: var(--hop-Text-2xl-font-size);
+  --font-family: var(--hop-Text-2xl-font-family);
+  --font-weight: var(--hop-Text-2xl-font-weight);
+  --line-height: var(--hop-Text-2xl-line-height);
+}
+:where(.Text-module__hop-Text--inherit___AgDyf) {
+  --font-size: var(--hop-Text-inherit-size-font-size);
+  --font-family: var(--hop-Text-inherit-size-font-family);
+  --font-weight: var(--hop-Text-inherit-size-font-weight);
+  --line-height: var(--hop-Text-inherit-size-line-height);
+}
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
+.Paragraph-module__hop-Paragraph___y-4O8 {
+  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
+  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
+  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
+  --hop-Paragraph-lg-margin-bottom: calc(1rem * .75);
+  --hop-Paragraph-xl-margin-bottom: calc(1.125rem * .75);
+  --hop-Paragraph-2xl-margin-bottom: calc(1.375rem * .75);
+  --hop-Paragraph-inherit-margin-bottom: .75em;
+  margin: 0;
+  margin-block-end: var(--margin-block-end);
+  overflow-wrap: break-word;
+}
+.Paragraph-module__hop-Paragraph___y-4O8:last-child {
+  --margin-block-end: 0;
+}
+.Paragraph-module__hop-Paragraph--xs___ZaH4f {
+  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
+}
+.Paragraph-module__hop-Paragraph--sm___1P066 {
+  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
+}
+.Paragraph-module__hop-Paragraph--md___6kKS3 {
+  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
+}
+.Paragraph-module__hop-Paragraph--lg___KcBJs {
+  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
+}
+.Paragraph-module__hop-Paragraph--xl___O6zNl {
+  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
+}
+.Paragraph-module__hop-Paragraph--2xl___cIzvg {
+  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
+}
+.Paragraph-module__hop-Paragraph--inherit___bNGwU {
+  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
+}
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/date-picker/src/DateInput.module.css/#css-module-data */
+.Input-module__hop-Input___MrKjm {
+  --hop-Input-placeholder-font-family: inherit;
+  --hop-Input-placeholder-font-size: inherit;
+  --hop-Input-placeholder-font-weight: inherit;
+  --hop-Input-placeholder-line-height: inherit;
+  --hop-Input-placeholder-color: var(--hop-neutral-text-weakest);
+  --hop-Input-placeholder-color-disabled: var(--hop-neutral-text-disabled);
+  --hop-Input-sm-block-size: 1.875rem;
+  --hop-Input-md-block-size: 2.375rem;
+  --hop-Input-color: inherit;
+  --hop-Input-color-disabled: var(--hop-neutral-text-disabled);
+  --hop-Input-background: transparent;
+  --hop-Input-background-disabled: var(--hop-neutral-surface-disabled);
+  --hop-Input-sm-font-family: var(--hop-body-sm-font-family);
+  --hop-Input-sm-font-size: var(--hop-body-sm-font-size);
+  --hop-Input-sm-font-weight: var(--hop-body-sm-font-weight);
+  --hop-Input-sm-line-height: var(--hop-body-sm-line-height);
+  --hop-Input-md-font-family: var(--hop-body-md-font-family);
+  --hop-Input-md-font-size: var(--hop-body-md-font-size);
+  --hop-Input-md-font-weight: var(--hop-body-md-font-weight);
+  --hop-Input-md-line-height: var(--hop-body-md-line-height);
+  --hop-Input-inline-size: 100%;
+  --hop-Input-min-inline-size: 0;
+  --input-placeholder-color: var(--hop-Input-placeholder-color);
+  --font-family: var(--hop-Input-md-font-family);
+  --font-size: var(--hop-Input-md-font-size);
+  --font-weight: var(--hop-Input-md-font-weight);
+  --line-height: var(--hop-Input-md-line-height);
+  --block-size: var(--hop-Input-md-block-size);
+  --color: var(--hop-Input-color);
+  --background-color: var(--hop-Input-background);
+  overflow: hidden;
+  flex-grow: 1;
+  flex-shrink: 1;
+  box-sizing: border-box;
+  inline-size: var(--hop-Input-inline-size);
+  min-inline-size: var(--hop-Input-min-inline-size);
+  block-size: var(--block-size);
+  padding: 0;
+  font-family: var(--font-family);
+  font-size: var(--font-size);
+  font-weight: var(--font-weight);
+  line-height: var(--line-height);
+  color: var(--color);
+  background-color: var(--background-color);
+  border: 0;
+  outline-style: none;
+}
+.Input-module__hop-Input--sm___r4bfW {
+  --font-family: var(--hop-Input-sm-font-family);
+  --font-size: var(--hop-Input-sm-font-size);
+  --font-weight: var(--hop-Input-sm-font-weight);
+  --line-height: var(--hop-Input-sm-line-height);
+  --block-size: var(--hop-Input-sm-block-size);
+}
+.Input-module__hop-Input___MrKjm::placeholder {
+  font-family: var(--hop-Input-placeholder-font-family);
+  font-size: var(--hop-Input-placeholder-font-size);
+  font-weight: var(--hop-Input-placeholder-font-weight);
+  line-height: var(--hop-Input-placeholder-line-height);
+  color: var(--input-placeholder-color);
+}
+.Input-module__hop-Input___MrKjm[data-disabled] {
+  --input-placeholder-color: var(--hop-Input-placeholder-color-disabled);
+  --color: var(--hop-Input-color-disabled);
+  --background-color: var(--hop-Input-background-disabled);
+}
+.DateInput-module__hop-DateInput___Tuy9h {
+  --hop-DateInput-display: flex;
+  --hop-DateInput-align-items: center;
+  --hop-DateInput-gap: var(--hop-space-inline-xs);
+  --hop-DateInput-padding-inline-start: var(--hop-space-inset-xs);
+  --hop-DateInput-placeholder-color: var(--hop-neutral-text-weakest);
+  --hop-DateInput-placeholder-color-disabled: var(--hop-neutral-text-disabled);
+  display: var(--hop-DateInput-display);
+  gap: var(--hop-DateInput-gap);
+  align-items: var(--hop-DateInput-align-items);
+  padding-inline-start: var(--hop-DateInput-padding-inline-start);
+}
+.DateInput-module__hop-DateInput--sm___rC1Bq {
+}
+.DateInput-module__hop-DateSegment___4qvXb {
+  font-variant-numeric: tabular-nums;
+}
+.DateInput-module__hop-DateSegment___4qvXb[data-focused] {
+  --hop-DateSegment-focused-outline: none;
+  --hop-DateSegment-focused-background: var(--hop-primary-surface-strong);
+  --hop-DateSegment-focused-color: var(--hop-samoyed);
+  --hop-DateSegment-focused-background-radius: var(--hop-shape-rounded-sm);
+  color: var(--hop-DateSegment-focused-color);
+  background: var(--hop-DateSegment-focused-background);
+  border-radius: var(--hop-DateSegment-focused-background-radius);
+  outline: var(--hop-DateSegment-focused-outline);
+}
+.DateInput-module__hop-DateSegment___4qvXb[data-placeholder]:not([data-focused]) {
+  color: var(--hop-DateInput-placeholder-color);
+}
+.DateInput-module__hop-DateInput--disabled___Oi4-i .DateInput-module__hop-DateSegment___4qvXb[data-placeholder] {
+  color: var(--hop-DateInput-placeholder-color-disabled);
+}
+.DateInput-module__hop-DateSegment___4qvXb[data-placeholder] + .DateInput-module__hop-DateSegment___4qvXb[data-readonly] {
+  color: var(--hop-DateInput-placeholder-color);
+}
+.DateInput-module__hop-DateInput--disabled___Oi4-i .DateInput-module__hop-DateSegment___4qvXb[data-placeholder] + .DateInput-module__hop-DateSegment___4qvXb[data-readonly] {
+  color: var(--hop-DateInput-placeholder-color-disabled);
+}
+.DateInput-module__hop-DateSegment___4qvXb:not([data-type=literal]) {
+  padding: 0 0.125rem;
+}

package/dist/date-picker/src/DateInput.d.ts

@@ -0,0 +1,19 @@
+import * as react from 'react';
+import { StyledComponentProps, ResponsiveProp } from '@hopper-ui/styled-system';
+import { DateInputProps as DateInputProps$1 } from 'react-aria-components';
+
+declare const GlobalDateInputCssSelector = "hop-DateInput";
+interface DateInputProps extends StyledComponentProps<Omit<DateInputProps$1, "children">> {
+    /**
+     * The size of the input.
+     * @default "md"
+     */
+    size?: ResponsiveProp<"sm" | "md">;
+    /**
+     * Whether the input is disabled.
+     */
+    isDisabled?: boolean;
+}
+declare const _DateInput: react.ForwardRefExoticComponent<DateInputProps & react.RefAttributes<HTMLDivElement>>;
+
+export { _DateInput as DateInput, type DateInputProps, GlobalDateInputCssSelector };

package/dist/date-picker/src/DateInput.js

@@ -0,0 +1,3 @@
+export { _DateInput as DateInput, GlobalDateInputCssSelector } from '../../chunk-M4DSD53U.js';
+import '../../chunk-KVDXQMWI.js';
+import '../../chunk-JSBRDJBE.js';