@actabldesign/bellhop-core 0.0.3

package/collection/components/bh-input-number/bh-input-number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-input-number.js","sourceRoot":"","sources":["../../../src/components/bh-input-number/bh-input-number.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Event, EventEmitter, Element, h, Watch, AttachInternals } from '@stencil/core';\nimport { updateValidity } from '../../utils/form';\n\nexport type InputNumberState = 'placeholder' | 'filled' | 'hover' | 'focused';\n\n@Component({\n  tag: 'bh-input-number',\n  styleUrl: 'bh-input-number.css',\n  shadow: true,\n  formAssociated: true,\n})\nexport class BhInputNumber {\n  @Element() el!: HTMLElement;\n  @AttachInternals() internals!: ElementInternals;\n\n  private inputEl?: HTMLInputElement;\n\n  /**\n   * Whether the input is in an error state\n   */\n  @Prop() error: boolean = false;\n\n  /**\n   * Whether the field is required\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Whether the input is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether to show the help icon\n   */\n  @Prop() showHelpIcon: boolean = false;\n\n  /**\n   * Whether to show the leading icon\n   */\n  @Prop() showLeadingIcon: boolean = false;\n\n  /**\n   * Whether to show the label\n   */\n  @Prop() showLabel: boolean = true;\n\n  /**\n   * Whether to show the hint text\n   */\n  @Prop() showHintText: boolean = true;\n\n  /**\n   * Label text for the input\n   */\n  @Prop() label: string = 'Amount';\n\n  /**\n   * Placeholder text\n   */\n  @Prop() placeholder: string = '0';\n\n  /**\n   * Hint text displayed below the input\n   */\n  @Prop() hintText: string = 'Enter a numeric value.';\n\n  /**\n   * Leading icon name (Material Symbols)\n   */\n  @Prop() leadingIcon: string = 'tag';\n\n  /**\n   * Tooltip text for the help icon\n   */\n  @Prop() helpIconTooltip: string = 'Help';\n\n  /**\n   * Current numeric value\n   */\n  @Prop({ mutable: true }) value: number | null = null;\n\n  /**\n   * Minimum allowed value\n   */\n  @Prop() min: number | null = null;\n\n  /**\n   * Maximum allowed value\n   */\n  @Prop() max: number | null = null;\n\n  /**\n   * Step value for increment/decrement\n   */\n  @Prop() step: number = 1;\n\n  /**\n   * Text prefix before the input value\n   */\n  @Prop() prefixText: string = '';\n\n  /**\n   * Text suffix after the input value\n   */\n  @Prop() suffixText: string = '';\n\n  /**\n   * Width of the component\n   */\n  @Prop() width: string = '';\n\n  /**\n   * Name attribute for form submission\n   */\n  @Prop() name: string = '';\n\n  /**\n   * Default value for form reset\n   */\n  @Prop() defaultValue: number | null = null;\n\n  /**\n   * Custom validation message\n   */\n  @Prop() validationMessage: string = '';\n\n  @State() internalState: InputNumberState = 'placeholder';\n  @State() isHovered: boolean = false;\n  @State() isFocused: boolean = false;\n  @State() internalValue: number | null = null;\n  @State() hasValidationError: boolean = false;\n\n  /**\n   * Event emitted when the value changes\n   */\n  @Event() bhChange!: EventEmitter<number | null>;\n\n  /**\n   * Event emitted when the input receives focus\n   */\n  @Event() bhFocus!: EventEmitter<void>;\n\n  /**\n   * Event emitted when the input loses focus\n   */\n  @Event() bhBlur!: EventEmitter<void>;\n\n  /**\n   * Event emitted when the help icon is clicked\n   */\n  @Event() bhHelpClick!: EventEmitter<void>;\n\n  private get isControlled(): boolean {\n    return this.value !== undefined && this.value !== null;\n  }\n\n  private get currentValue(): number | null {\n    return this.isControlled ? this.value : this.internalValue;\n  }\n\n  @Watch('value')\n  watchValue(newValue: number | null) {\n    this.hasValidationError = this.isOutOfBounds(newValue);\n    this.updateInternalState(newValue);\n  }\n\n  componentWillLoad() {\n    if (this.value !== null && this.value !== undefined) {\n      this.internalValue = this.value;\n    }\n    this.hasValidationError = this.isOutOfBounds(this.currentValue);\n    this.updateInternalState(this.currentValue);\n  }\n\n  componentDidLoad() {\n    this.syncNumberFormValue();\n    updateValidity(this.internals, this.inputEl, this.validationMessage);\n  }\n\n  formResetCallback() {\n    this.value = this.defaultValue;\n    this.internalValue = this.defaultValue;\n    if (this.inputEl) {\n      this.inputEl.value = this.defaultValue !== null ? String(this.defaultValue) : '';\n    }\n    this.hasValidationError = this.isOutOfBounds(this.defaultValue);\n    this.updateInternalState(this.defaultValue);\n    this.syncNumberFormValue();\n    updateValidity(this.internals, this.inputEl);\n  }\n\n  private syncNumberFormValue() {\n    if (!this.internals || !this.name) return;\n    const val = this.currentValue;\n    if (val === null || val === undefined) {\n      this.internals.setFormValue(null);\n    } else {\n      this.internals.setFormValue(String(val));\n    }\n  }\n\n  private isOutOfBounds(val: number | null): boolean {\n    if (val === null) return false;\n    if (this.min !== null && val < this.min) return true;\n    if (this.max !== null && val > this.max) return true;\n    return false;\n  }\n\n  private updateInternalState(val: number | null) {\n    if (val !== null && val !== undefined) {\n      this.internalState = 'filled';\n    } else if (!this.isFocused && !this.isHovered) {\n      this.internalState = 'placeholder';\n    }\n  }\n\n  private validateValue(val: number): number {\n    if (this.min !== null && val < this.min) {\n      return this.min;\n    }\n    if (this.max !== null && val > this.max) {\n      return this.max;\n    }\n    return val;\n  }\n\n  private updateValue(newValue: number | null, allowOutOfBounds = false) {\n    let finalValue: number | null;\n\n    if (newValue === null) {\n      finalValue = null;\n    } else if (allowOutOfBounds) {\n      finalValue = newValue;\n    } else {\n      finalValue = this.validateValue(newValue);\n    }\n\n    this.internalValue = finalValue;\n    this.value = finalValue;\n    this.hasValidationError = this.isOutOfBounds(finalValue);\n    this.syncNumberFormValue();\n    updateValidity(this.internals, this.inputEl, this.validationMessage);\n    this.bhChange.emit(finalValue);\n  }\n\n  private handleInputChange = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    const inputValue = input.value;\n    const numericValue = inputValue === '' ? null : parseFloat(inputValue);\n\n    if (numericValue !== null && !isNaN(numericValue)) {\n      this.updateValue(numericValue, true);\n    } else if (inputValue === '') {\n      this.updateValue(null, true);\n    }\n  };\n\n  private increment = () => {\n    const baseValue = this.currentValue ?? 0;\n    const newValue = baseValue + this.step;\n    this.updateValue(newValue);\n  };\n\n  private decrement = () => {\n    const baseValue = this.currentValue ?? 0;\n    const newValue = baseValue - this.step;\n    this.updateValue(newValue);\n  };\n\n  private handleInputFocus = () => {\n    this.isFocused = true;\n    this.internalState = 'focused';\n    this.bhFocus.emit();\n  };\n\n  private handleInputBlur = () => {\n    this.isFocused = false;\n    this.updateInternalState(this.currentValue);\n    this.bhBlur.emit();\n  };\n\n  private handleMouseEnter = () => {\n    if (!this.isFocused) {\n      this.isHovered = true;\n      this.internalState = 'hover';\n    }\n  };\n\n  private handleMouseLeave = () => {\n    this.isHovered = false;\n    if (!this.isFocused) {\n      this.updateInternalState(this.currentValue);\n    }\n  };\n\n  private handleHelpIconClick = () => {\n    this.bhHelpClick.emit();\n  };\n\n  private getValidationErrorMessage(): string {\n    if (!this.hasValidationError || this.currentValue === null) return '';\n\n    if (this.min !== null && this.max !== null) {\n      return `Enter a number between ${this.min} and ${this.max}.`;\n    }\n\n    if (this.min !== null && this.currentValue < this.min) {\n      return `Value must be at least ${this.min}`;\n    }\n\n    if (this.max !== null && this.currentValue > this.max) {\n      return `Value must be no more than ${this.max}`;\n    }\n\n    return '';\n  }\n\n  render() {\n    const showError = this.error || this.hasValidationError;\n    const displayHintText = showError && this.hasValidationError ? this.getValidationErrorMessage() : this.hintText;\n\n    const inputFieldClasses = {\n      'input-field': true,\n      'input-hover': this.internalState === 'hover' || this.isHovered,\n      'input-focused': this.internalState === 'focused' || this.isFocused,\n      'input-error': showError,\n      'input-disabled': this.disabled,\n      'input-icon-leading': this.showLeadingIcon,\n    };\n\n    const textColorClass = this.currentValue !== null && this.currentValue !== undefined ? 'text-filled' : 'text-placeholder';\n    const wrapperStyle = this.width ? { width: this.width } : {};\n\n    const isDecrementDisabled = this.disabled || (this.min !== null && this.currentValue !== null && this.currentValue <= this.min);\n    const isIncrementDisabled = this.disabled || (this.max !== null && this.currentValue !== null && this.currentValue >= this.max);\n\n    return (\n      <div class=\"input-wrapper\" style={wrapperStyle}>\n        <bh-label\n          label={this.showLabel ? this.label : ''}\n          required={this.required}\n          showHelpIcon={this.showHelpIcon}\n          helpIconTooltip={this.helpIconTooltip}\n          disabled={this.disabled}\n          onBhHelpClick={this.handleHelpIconClick}\n        >\n          <div\n            class={inputFieldClasses}\n            onMouseEnter={this.handleMouseEnter}\n            onMouseLeave={this.handleMouseLeave}\n          >\n            <div class=\"input-content\">\n              {this.showLeadingIcon && (\n                <span class=\"leading-icon material-symbols-outlined\">\n                  {this.leadingIcon}\n                </span>\n              )}\n              {this.prefixText && <span class=\"prefix-text\">{this.prefixText}</span>}\n              <input\n                ref={(el) => (this.inputEl = el)}\n                type=\"number\"\n                name={this.name}\n                value={this.currentValue ?? ''}\n                placeholder={this.placeholder}\n                disabled={this.disabled}\n                required={this.required}\n                class={`input-element ${textColorClass}`}\n                onInput={this.handleInputChange}\n                onFocus={this.handleInputFocus}\n                onBlur={this.handleInputBlur}\n                min={this.min ?? undefined}\n                max={this.max ?? undefined}\n                step={this.step}\n              />\n              {this.suffixText && <span class=\"suffix-text\">{this.suffixText}</span>}\n              <bh-button-icon\n                hierarchy=\"tertiary\"\n                size=\"xs\"\n                iconName=\"remove\"\n                disabled={isDecrementDisabled}\n                onClick={this.decrement}\n                aria-label=\"Decrease value\"\n              />\n              <bh-button-icon\n                hierarchy=\"tertiary\"\n                size=\"xs\"\n                iconName=\"add\"\n                disabled={isIncrementDisabled}\n                onClick={this.increment}\n                aria-label=\"Increase value\"\n              />\n            </div>\n          </div>\n        </bh-label>\n        {this.showHintText && displayHintText && (\n          <div class={{ 'hint-text': true, 'hint-error': showError }}>\n            {displayHintText}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/collection/components/bh-input-password/bh-input-password.css

@@ -0,0 +1,164 @@
+:host {
+  display: block;
+  font-family: var(--font-inter, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif);
+}
+
+/* Input Wrapper */
+.input-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm, 8px);
+  width: 100%;
+}
+
+/* Input Container */
+.input-container {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-md, 12px);
+  padding: var(--spacing-md, 12px);
+  height: 36px;
+  width: 100%;
+  background: var(--color-white, #FFFFFF);
+  border: 1px solid var(--color-neutral-300, #D0D5DD);
+  border-radius: var(--spacing-md, 8px);
+  transition: all 0.2s ease-in-out;
+  cursor: text;
+  box-sizing: border-box;
+}
+
+.input-container.input-container-with-leading {
+  padding: var(--spacing-md, 12px) var(--spacing-lg, 16px);
+}
+
+/* Input States */
+.input-container.input-container-hover {
+  border-color: var(--color-brand-500, #7F56D9);
+}
+
+.input-container.input-container-focused {
+  border-color: var(--color-brand-500, #7F56D9);
+  box-shadow: 0 0 0 1px var(--color-brand-500, #7F56D9);
+}
+
+.input-container.input-container-disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  background: var(--color-neutral-50, #F9FAFB);
+}
+
+.input-container.input-container-error {
+  border-color: var(--color-error-300, #FDA29B);
+}
+
+.input-container.input-container-error.input-container-hover {
+  border-color: var(--color-error-500, #F05250);
+}
+
+.input-container.input-container-error.input-container-focused {
+  border-color: var(--color-brand-600, #6941C6);
+}
+
+/* Input Content */
+.input-content {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-md, 12px);
+  flex: 1;
+  height: 100%;
+  min-width: 0;
+}
+
+/* Input Element */
+.input-element {
+  flex: 1;
+  height: 100%;
+  border: none;
+  outline: none;
+  background: transparent;
+  font-family: inherit;
+  font-weight: 400;
+  font-size: var(--text-sm-size, 14px);
+  line-height: 1.43;
+  color: var(--color-neutral-800, #1D2939);
+  min-width: 60px;
+  padding: 0;
+}
+
+.input-element:focus {
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.input-element::placeholder {
+  color: var(--color-neutral-500, #667085);
+}
+
+.input-element:disabled {
+  cursor: not-allowed;
+}
+
+/* Leading Icon */
+.leading-icon {
+  font-size: var(--text-xl-size, 20px);
+  color: var(--color-neutral-500, #667085);
+  user-select: none;
+  flex-shrink: 0;
+  cursor: default;
+  transition: color 0.2s ease-in-out;
+}
+
+.input-container-focused .leading-icon {
+  color: var(--color-brand-600, #6941C6);
+}
+
+/* Visibility Toggle */
+.visibility-toggle {
+  font-size: var(--text-xl-size, 20px);
+  color: var(--color-neutral-400, #98A2B3);
+  cursor: pointer;
+  user-select: none;
+  flex-shrink: 0;
+  transition: color 0.2s ease-in-out;
+}
+
+.visibility-toggle:hover {
+  color: var(--color-neutral-600, #475467);
+}
+
+.input-container-disabled .visibility-toggle {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+/* Hint Text */
+.hint-text {
+  font-family: inherit;
+  font-weight: 400;
+  font-size: var(--text-sm-size, 14px);
+  line-height: 1.43;
+  color: var(--color-neutral-600, #475467);
+}
+
+.hint-text.hint-error {
+  color: var(--color-error-600, #DC2626);
+}
+
+/* Material Symbols */
+.material-symbols-outlined {
+  font-family: 'Material Symbols Outlined';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 20px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  font-feature-settings: 'liga';
+  -webkit-font-smoothing: antialiased;
+  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
+}