@rededor/cura 0.5.1 → 0.5.3

package/dist/collection/components/forms/cura-input-text/cura-input-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cura-input-text.js","sourceRoot":"","sources":["../../../../src/components/forms/cura-input-text/cura-input-text.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Watch, Event, EventEmitter } from '@stencil/core';\nimport IMask, { FactoryArg, InputMask, MaskedRegExp } from 'imask';\nimport { maskOptions, MaskOptionsMap } from './mask-presets/input-mask-presets';\nexport type MaskPreset = keyof MaskOptionsMap;\n@Component({\n  tag: 'cura-input-text',\n  styleUrl: 'cura-input-text.scss',\n  shadow: true,\n})\nexport class CuraInputText {\n  /**\n   * Mode of the input: 'default' or 'transparent' (default: 'default')\n   */\n  @Prop({ reflect: true, mutable: true }) mode: 'default' | 'transparent' = 'default';\n\n  /**\n   * Indicates input status(default: default)\n   */\n\n  @Prop({ reflect: true, mutable: true }) status: 'error' | 'success' | 'default' = 'default';\n\n  /**\n   * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')\n   */\n  @Prop({ reflect: true, mutable: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * Type of the input: 'text', 'number' (default: 'text')\n   */\n  @Prop({ reflect: true }) type: 'text' | 'number' = 'text';\n\n  /**\n   * Label text for the input\n   */\n  @Prop({ reflect: true }) label: string = '';\n\n  /**\n   * Placeholder text for the input\n   */\n  @Prop({ reflect: true }) placeholder?: string | null = null;\n  /**\n   * Value of the input field\n   */\n  @Prop({ mutable: true }) value: string | number;\n  /**\n   * Whether to display a cura icon (default: null)\n   */\n  @Prop({ reflect: true, mutable: true }) iconName?: string = '';\n\n  /**\n   * Helper text displayed below the input\n   */\n  @Prop({ reflect: true, mutable: true }) helperText?: string;\n\n  /**\n   * Whether the input is disabled (default: false)\n   */\n  @Prop({ reflect: true }) disabled?: boolean = false;\n\n  /**\n   * Whether the input is required (default: false)\n   */\n  @Prop({ reflect: true }) required?: boolean = false;\n\n  /**\n   * Mask preset for input formatting: 'cpf', 'cnpj', 'phone', 'date', etc. Uses IMask library.\n   * @see: https://imask.js.org/\n   */\n  @Prop() maskPreset?: MaskPreset;\n\n  /**\n   * Regular expression for custom input masking. Uses IMask library.\n   *  @see: https://imask.js.org/\n   */\n  @Prop({ reflect: true, mutable: true }) maskRegex?: MaskedRegExp['mask'] | string | null;\n\n  /**\n   * Advanced mask object to be used with IMask library\n   * @see: https://imask.js.org/\n   */\n  @Prop({ reflect: true, mutable: true }) maskAdvanced?: FactoryArg | string | null;\n\n  /**\n   * Maximum length of the input value (default: undefined)\n   */\n  @Prop({ reflect: true, mutable: true }) maxlength?: number | undefined;\n\n  /**\n   * Whether the input is read-only (default: false)\n   */\n  @Prop({ reflect: true}) readOnly?: boolean = false;\n\n  /**\n   * Whether the input is in loading state (default: false)\n   */\n  @Prop({ reflect: true, mutable: true }) isLoading?: boolean = false;\n\n  /**\n   * Internal state: Whether the input is hovered (default: false)\n   */\n  @State() isHovered: boolean = false;\n\n  /**\n   * Internal state: Whether the input is focused (default: false)\n   */\n  @State() isFocused: boolean = false;\n\n  /**\n   * Internal state: Styles object for dynamic styling\n   */\n  @State() styles: { [key: string]: string } = {};\n\n  /**\n   * Icon button name for the clear button (default: 'closeCircle')\n   */\n  @Prop({ reflect: true, mutable: true }) clearIcon?: boolean = true;\n\n  /**\n   * Emitted when the value of the input changes\n   * @type {EventEmitter<string | number>}\n   */\n  @Event() valueChange: EventEmitter<string | number>;\n\n  inputRef!: HTMLInputElement;\n\n  /**\n   * Instance of InputMask is returned when IMask constructor is called.\n   */\n  maskedInput: InputMask<FactoryArg>;\n  weights: { [key: string]: string };\n\n  @Watch('styles')\n  connectedCallback() {\n    this.styles['--primary-base'] = window.CuraAPI.theme.colors.getColor(`primary-base`);\n    this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);\n    this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n    this.styles['--neutral-black'] = window.CuraAPI.theme.colors.getColor(`neutral-black`);\n    this.styles['--neutral-medium'] = window.CuraAPI.theme.colors.getColor(`neutral-medium`);\n    this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n    this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n    this.styles['--success-dark'] = window.CuraAPI.theme.colors.getColor(`success-dark`);\n    this.styles['--success-darker'] = window.CuraAPI.theme.colors.getColor(`success-darker`);\n    this.styles['--success-lighter'] = window.CuraAPI.theme.colors.getColor(`success-lighter`);\n    this.styles['--error-lighter'] = window.CuraAPI.theme.colors.getColor(`error-lighter`);\n    this.styles['--error-dark'] = window.CuraAPI.theme.colors.getColor(`error-dark`);\n    this.styles['--error-darker'] = window.CuraAPI.theme.colors.getColor(`error-darker`);\n    this.styles['--error-base'] = window.CuraAPI.theme.colors.getColor(`error-base`);\n    this.styles['--info-base'] = window.CuraAPI.theme.colors.getColor(`info-base`);\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-color'] = window.CuraAPI.theme.fonts.getColor();\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.styles['--font-weight-medium'] = this.weights.medium;\n    this.styles['--font-weight-bold'] = this.weights.bold;\n    this.styles['--font-weight-regular'] = this.weights.regular;\n  }\n\n  @Watch('size')\n  getClasses() {\n    return {\n      [this.size.toLowerCase()]: this.mode === 'default',\n      disabled: this.disabled,\n      isLoading: this.isLoading,\n      isFocused: this.isFocused && !this.disabled && !this.readOnly && !this.isLoading,\n      isHovered: this.isHovered,\n      isSuccess: this.status === 'success',\n      isError: this.status === 'error',\n      transparent: this.mode === 'transparent',\n    };\n  }\n\n  getLabelColor() {\n    if (!!this.disabled) {\n      return 'neutral-medium';\n    } else if (this.isLoading && this.mode === 'transparent' && !this.isHovered) {\n      return 'neutral-dark';\n    } else if (((this.isFocused || this.isHovered || this.status === 'success' || this.status === 'error') && !this.readOnly) || this.isHovered) {\n      return 'neutral-black';\n    } else {\n      return 'neutral-dark';\n    }\n  }\n\n  @Watch('status')\n  @Watch('mode')\n  renderIcon() {\n    if ((!this.iconName && this.status === 'default') || (this.mode === 'transparent' && this.isLoading) || (this.mode === 'transparent' && this.status === 'default')) {\n      return;\n    }\n\n    const iconSizeDefaultMode = this.size === 'large' ? 20 : 16;\n    const baseIconSize = this.mode === 'transparent' ? 20 : iconSizeDefaultMode;\n\n    const iconMap: { [key: string]: { name: string; color: string } } = {\n      loading: { name: this.iconName, color: 'primary-base' },\n      success: { name: 'checkCircle', color: 'success-dark' },\n      error: { name: 'alertCircle', color: 'error-dark' },\n      default: { name: this.iconName, color: 'neutral-dark' },\n    };\n\n    const iconConfig = iconMap[this.isLoading ? 'loading' : this.status || 'default'];\n\n    return (\n      <div class='feedback-icon' style={this.styles}>\n        <cura-icon name={iconConfig.name} iconset='default' size={baseIconSize} color={iconConfig.color} />\n      </div>\n    );\n  }\n  renderHelperText() {\n    const isError = this.status === 'error';\n    const isSuccess = this.status === 'success';\n    const isDefault = this.status === 'default';\n\n    const helperTextSize = this.size === 'large' ? 'small' : 'xsmall';\n    const helperTextWeight = this.mode === 'transparent' ? 'bold' : 'regular';\n\n    const colorText = (() => {\n      if (this.disabled) return 'neutral-medium';\n      if (this.isLoading) return 'primary-base';\n      if (this.isFocused || this.isHovered) return 'neutral-black';\n      return 'neutral-dark';\n    })();\n\n    return (\n      <div style={this.styles} class='helper-text'>\n        {isDefault && (\n          <cura-label size={helperTextSize} color={colorText} weight={helperTextWeight}>\n            <slot></slot>\n          </cura-label>\n        )}\n        {isError && (\n          <cura-label size={helperTextSize} lineHeight='xsmall' color='error-dark' weight={helperTextWeight}>\n            <slot></slot>\n          </cura-label>\n        )}\n        {isSuccess && (\n          <cura-label size={helperTextSize} color='success-dark' weight={helperTextWeight}>\n            <slot></slot>\n          </cura-label>\n        )}\n      </div>\n    );\n  }\n\n  componentDidLoad() {\n    this.initializeMask();\n  }\n\n  handleMouseEnter() {\n    this.isHovered = true;\n  }\n  handleMouseLeave() {\n    this.isHovered = false;\n  }\n  handleMaskUpdate() {\n    if (!!this.maskedInput) {\n      this.maskedInput.updateValue();\n    }\n  }\n  handleClearInput() {\n    this.handleMaskUpdate();\n\n    this.value = '';\n    this.inputRef.value = '';\n    this.handleMaskUpdate();\n  }\n  handleInputFocus() {\n    this.handleMaskUpdate();\n    this.isFocused = true;\n  }\n  handleInputBlur() {\n    this.handleMaskUpdate();\n    setTimeout(() => {\n      this.isFocused = false;\n    }, 150);\n  }\n  @Watch('maskPreset')\n  handleMaskPresetChange() {\n    this.initializeMask();\n  }\n\n  @Watch('maskRegex')\n  handleMaskRegexChange() {\n    this.initializeMask();\n  }\n\n  @Watch('maskAdvanced')\n  handlemaskAdvancedChange() {\n    this.initializeMask();\n  }\n\n  @Watch('value')\n  handleValueChange(newValue: string) {\n    if (this.maskedInput && this.maskedInput.value !== newValue) {\n      this.maskedInput.value = newValue;\n    }\n  }\n\n  initializeMask() {\n    if (this.maskedInput) {\n      this.maskedInput.destroy();\n    }\n  \n    if (!!this.maskRegex) {\n      if (typeof this.maskRegex === 'string') {\n        const cleanedRegexString = (this.maskRegex as string).replace(/^\\/|\\/[gimsuy]*$/g, '');\n\n        const flags = ((this.maskRegex as string).match(/\\/[gimsuy]*$/g) || [''])[0].slice(1);\n        this.maskedInput = IMask(this.inputRef, { mask: new RegExp(cleanedRegexString, flags) });\n        this.handleMaskUpdate();\n      } else {\n        this.maskedInput = IMask(this.inputRef, { mask: this.maskRegex });\n        this.handleMaskUpdate();\n      }\n    } else if (!!this.maskPreset) {\n      const options = maskOptions[this.maskPreset];\n\n      if (!options) {\n        console.error(`Mask preset \"${this.maskPreset}\" not found.`);\n        return;\n      }\n\n      this.maskedInput = IMask(this.inputRef, options);\n\n      if (options === Date) {\n        if (this.value) {\n          this.maskedInput.typedValue = this.value;\n        }\n      } else if (options === Number) {\n        if (this.value) {\n          this.maskedInput.typedValue = this.value;\n        }\n      } else {\n        this.maskedInput.value = this.value as string || '';\n      }\n    } else if (!!this.maskAdvanced) {\n      try {\n        if (this.maskAdvanced.constructor === Object) {\n          this.maskedInput = IMask(\n            this.inputRef, this.maskAdvanced,\n          );\n        }else if(typeof this.maskAdvanced === 'string' ){\n          this.maskedInput = IMask(\n            this.inputRef, JSON.parse(this.maskAdvanced),\n          );\n        }\n      } catch (error) {\n        console.error('Erro ao definir a maskAdvanced:', error);\n      }\n    }\n    this.handleMaskUpdate();\n  }\n\n  handleInputChange(event: any) {\n    const inputValue = (event.target as HTMLInputElement).value;\n    if(this.type === 'number'){\n      const numericValue = parseFloat(inputValue);\n      if (!isNaN(numericValue)) {\n        this.value = numericValue;\n        this.valueChange.emit(numericValue);\n       \n        \n      } else {\n        console.error('Invalid input:', inputValue);\n      }\n    } \n\n    if (this.maskedInput) {\n      if (this.maskedInput.mask instanceof Date || this.maskedInput.mask === Number) {\n        this.maskedInput.typedValue = inputValue;\n        this.value = this.maskedInput.typedValue;\n      } else {\n        this.maskedInput.value = inputValue;\n        this.value = this.maskedInput.value;\n      }\n    }\n\n    this.value = inputValue;\n    this.valueChange.emit(this.value);\n  }\n  handleKeyDown(event: KeyboardEvent) {\n    this.handleMaskUpdate();\n    this.type === 'number' ? this.handleBlockInvalidNumber(event) : undefined;\n  }\n  handleBlockInvalidNumber(e: KeyboardEvent) {\n    return ['e', 'E', '+', '-'].includes(e.key) && e.preventDefault();\n  }\n  render() {\n    \n    return (\n      <Host>\n        <div\n          style={this.styles}\n          onMouseEnter={() => this.handleMouseEnter()}\n          onMouseLeave={() => this.handleMouseLeave()}\n          class={{\n            'cura-input-group': true,\n            ...this.getClasses(),\n          }}\n        >\n          <div class='input-wrapper'>\n            {this.label && (\n              <cura-label class='label' weight='bold' size={this.size === 'large' ? 'small' : 'xsmall'} color={this.getLabelColor()}>\n                {this.label} {this.required && <span class='required'>* </span>}\n              </cura-label>\n            )}\n            <div class='cura-input-field' style={this.styles}>\n              {this.renderIcon()}\n              <input\n                type={this.type}\n                autocomplete='off'\n                aria-autocomplete='none'\n                aria-required={this.required ? 'true' : 'false'}\n                aria-disabled={this.disabled ? 'true' : 'false'}\n                aria-invalid={this.status === 'error' ? 'true' : 'false'}\n                aria-readonly={this.readOnly ? 'true' : 'false'}\n                onKeyDown={event => this.handleKeyDown(event)}\n                onBlur={this.handleInputBlur.bind(this)}\n                onFocus={this.handleInputFocus.bind(this)}\n                onInput={event => this.handleInputChange(event)}\n                class={this.getClasses()}\n                style={this.styles}\n                placeholder={this.placeholder}\n                disabled={this.disabled || this.isLoading}\n                required={this.required}\n                readonly={this.readOnly}\n                maxlength={this.maxlength}\n                value={this.value}\n                ref={ref => (this.inputRef = ref)}\n              />\n              {!!this.clearIcon && !this.readOnly && !this.isLoading && !this.disabled && this.value && this.isFocused && (\n                <cura-icon\n                  size={this.size === 'large' ? 20 : 16}\n                  color='primary-base'\n                  name='closeCircle'\n                  iconset='default'\n                  class='clear-button'\n                  onClick={() => this.handleClearInput()}\n                />\n              )}\n              {this.isLoading && <cura-loader-circle size={this.size === 'large' ? 'medium' : 'small'} color='primary-base'></cura-loader-circle>}\n            </div>\n            {this.renderHelperText()}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/forms/cura-input-text/cura-input-text.stories.js

@@ -0,0 +1,224 @@
+var __rest = (this && this.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s)
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+import iconNames from '../../../assets/icons/iconset-default-list';
+import { maskOptions } from './mask-presets/input-mask-presets';
+const renderCuraInputText = (helperText, args) => {
+  const block = `<cura-input-text ${args.mode && args.mode !== 'default' ? `
+  mode="${args.mode}" ` : ''}${args.status && args.status !== 'default' ? `
+  status="${args.status}" ` : ''}${args.size && args.size !== 'medium' ? `
+  size="${args.size}" ` : ''}${args.type && args.type !== 'text' ? `
+  type="${args.type}" ` : ''}${args.maskPreset ? `
+  mask-preset="${args.maskPreset}" ` : ''}${args.maskRegex ? `
+  mask-regex="${args.maskRegex}" ` : ''}${args.maskAdvanced ? `
+  mask-advanced=${JSON.stringify(args.maskAdvanced)} ` : ''}${args.placeholder ? `
+  placeholder="${args.placeholder}" ` : ''}${args.value ? `
+  value="${args.value}" ` : ''}${args.label ? `
+  label="${args.label}"` : ''} ${args.iconName ? `
+  icon-name="${args.iconName}"` : ''}${args.clearIcon !== true ? `
+  clear-icon="${args.clearIcon}"` : ''}${args.disabled ? `
+  disabled="${args.disabled}"` : ''}${args.required ? `
+  required="${args.required}"` : ''}${args.isLoading ? `
+  is-loading="${args.isLoading}"` : ''}${args.maxlength ? `
+  maxlength="${args.maxlength}"` : ''}${args.readOnly ? `
+  read-only="${args.readOnly}"` : ''}>
+  ${helperText ? `${helperText}` : ''}
+</cura-input-text>
+`;
+  return `${block}`;
+};
+export default {
+  title: 'Componentes/Forms/InputText',
+  tags: ['autodocs'],
+  render: (_a) => {
+    var { helperText } = _a, args = __rest(_a, ["helperText"]);
+    return renderCuraInputText(helperText, args);
+  },
+  argTypes: {
+    mode: {
+      control: { type: 'inline-radio' },
+      options: ['default', 'transparent'],
+      description: 'Modo de exibição do input.',
+      table: {
+        category: 'Properties',
+        defaultValue: { summary: 'default' },
+      },
+    },
+    status: {
+      control: { type: 'inline-radio' },
+      options: ['default', 'success', 'error'],
+      description: 'Status do input.',
+      table: {
+        category: 'State',
+        defaultValue: { summary: 'default' },
+      },
+    },
+    size: {
+      control: { type: 'inline-radio' },
+      options: ['small', 'medium', 'large'],
+      description: 'Tamanho do input.',
+      table: {
+        category: 'Properties',
+        defaultValue: { summary: 'medium' },
+      },
+    },
+    type: {
+      control: { type: 'inline-radio' },
+      options: ['text', 'number', 'password'],
+      description: 'Tipo do input.',
+      table: {
+        category: 'Properties',
+        defaultValue: { summary: 'text' },
+      },
+    },
+    label: {
+      control: 'text',
+      description: 'Texto da label do input.',
+      required: false,
+      table: {
+        category: 'Properties',
+      },
+    },
+    placeholder: {
+      control: 'text',
+      description: 'Texto de placeholder do input.',
+      required: false,
+      table: {
+        category: 'Properties',
+      },
+    },
+    helperText: {
+      control: 'text',
+      description: 'Define o texto de ajuda do input, renderizado dentro do slot num elemento <cura-label>. Aceita tags HTML.',
+      table: {
+        category: 'Slots',
+      },
+    },
+    value: {
+      control: 'text',
+      description: 'Valor do campo de input. Tipo string para type=text e number para type=number',
+      table: {
+        category: 'Properties',
+      },
+    },
+    maskPreset: {
+      control: { type: 'select' },
+      options: ['', ...Object.keys(maskOptions)],
+      description: 'Opção de máscara para formatação do input de texto',
+      required: false,
+      table: {
+        category: 'Mask',
+      },
+    },
+    maskRegex: {
+      control: 'text',
+      description: 'Expressão regular para máscara de input de texto. <br/> Ex.: <code>"/^\\d+$/g"</code> ou <code>/^[0-6]+$/</code>',
+      required: false,
+      table: {
+        category: 'Mask',
+      },
+    },
+    maskAdvanced: {
+      control: { type: 'object' },
+      description: 'Objeto para configuração da máscara de input de texto customizada seguindo a estrutura do IMask.Masked da lib <a href="https://imask.js.org/">IMask.js</a>. <br/> Ex.:<code>{ "mask": "000.000.000-00", "placeholderChar": "_"}</code>',
+      required: false,
+      table: {
+        category: 'Mask',
+        defaultValue: { summary: JSON },
+      },
+    },
+    required: {
+      control: 'boolean',
+      description: 'Se o input é obrigatório.',
+      table: {
+        category: 'Properties',
+        defaultValue: { summary: false },
+      },
+    },
+    maxlength: {
+      control: 'number',
+      description: 'Comprimento máximo do valor do input.',
+      required: false,
+      table: {
+        category: 'Properties',
+        defaultValue: { summary: null },
+      },
+    },
+    clearIcon: {
+      control: 'boolean',
+      description: 'Ícone para limpar campo de input.',
+      table: {
+        category: 'Icons',
+        defaultValue: { summary: true },
+      },
+    },
+    iconName: {
+      control: { type: 'select' },
+      options: ['', ...iconNames],
+      description: 'Nome do ícone de feedback. Usado no mode="default"',
+      required: false,
+      table: {
+        category: 'Icons',
+        defaultValue: { summary: '' },
+      },
+    },
+    disabled: {
+      control: 'boolean',
+      description: 'Se o input está desabilitado.',
+      table: {
+        category: 'State',
+        defaultValue: { summary: false },
+      },
+    },
+    readOnly: {
+      control: 'boolean',
+      description: 'Se o input é somente leitura.',
+      category: 'State',
+      required: false,
+      table: {
+        category: 'State',
+        defaultValue: { summary: false },
+      },
+    },
+    isLoading: {
+      control: 'boolean',
+      description: 'Se o input está em estado de carregamento.',
+      table: {
+        category: 'State',
+        defaultValue: { summary: false },
+      },
+    },
+  },
+};
+export const InputText = {
+  args: {
+    mode: 'default',
+    status: 'default',
+    size: 'medium',
+    type: 'text',
+    label: 'Label text',
+    placeholder: 'Placeholder',
+    value: '',
+    iconName: 'secure',
+    clearIcon: true,
+    helperText: 'Helper/Validation txt.',
+    maskPreset: undefined,
+    maskRegex: undefined,
+    maskAdvanced: null,
+    disabled: false,
+    required: false,
+    isLoading: false,
+    readOnly: false,
+    maxlength: null,
+  },
+};
+//# sourceMappingURL=cura-input-text.stories.js.map

package/dist/collection/components/forms/cura-input-text/cura-input-text.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cura-input-text.stories.js","sourceRoot":"","sources":["../../../../src/components/forms/cura-input-text/cura-input-text.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import iconNames from '../../../assets/icons/iconset-default-list';\nimport { maskOptions } from './mask-presets/input-mask-presets';\n\nconst renderCuraInputText = (helperText: string, args: any) => {\n  const block = `<cura-input-text ${args.mode && args.mode !== 'default' ? `\n  mode=\"${args.mode}\" ` : ''}${args.status && args.status !== 'default' ? `\n  status=\"${args.status}\" ` : ''}${args.size && args.size !== 'medium' ? `\n  size=\"${args.size}\" ` : ''}${args.type && args.type !== 'text' ? `\n  type=\"${args.type}\" ` : ''}${args.maskPreset ? `\n  mask-preset=\"${args.maskPreset}\" ` : ''}${args.maskRegex ? `\n  mask-regex=\"${args.maskRegex}\" ` : ''}${args.maskAdvanced ? `\n  mask-advanced=${JSON.stringify(args.maskAdvanced)} ` : ''}${args.placeholder ? `\n  placeholder=\"${args.placeholder}\" ` : ''}${args.value ? `\n  value=\"${args.value}\" ` : ''}${args.label ? `\n  label=\"${args.label}\"` : ''} ${args.iconName ? `\n  icon-name=\"${args.iconName}\"` : ''}${args.clearIcon !== true ? `\n  clear-icon=\"${args.clearIcon}\"` : ''}${args.disabled ? `\n  disabled=\"${args.disabled}\"` : ''}${args.required ? `\n  required=\"${args.required}\"` : ''}${args.isLoading ? `\n  is-loading=\"${args.isLoading}\"` : ''}${args.maxlength ? `\n  maxlength=\"${args.maxlength}\"` : '' }${args.readOnly ? `\n  read-only=\"${args.readOnly}\"` : ''}>\n  ${helperText ? `${helperText}` : '' }\n</cura-input-text>\n`;\n  return `${block}`;\n};\n\nexport default {\n  title: 'Componentes/Forms/InputText',\n  tags: ['autodocs'],\n\n  render: ({ helperText, ...args }) => {\n    return renderCuraInputText(helperText, args);\n  },\n  argTypes: {\n    mode: {\n      control: { type: 'inline-radio' },\n      options: ['default', 'transparent'],\n      description: 'Modo de exibição do input.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'default' },\n      },\n    },\n    status: {\n      control: { type: 'inline-radio' },\n      options: ['default', 'success', 'error'],\n      description: 'Status do input.',\n      table: {\n        category: 'State',\n        defaultValue: { summary: 'default' },\n      },\n    },\n    size: {\n      control: { type: 'inline-radio' },\n      options: ['small', 'medium', 'large'],\n      description: 'Tamanho do input.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'medium' },\n      },\n    },\n    type: {\n      control: { type: 'inline-radio' },\n      options: ['text', 'number', 'password'],\n      description: 'Tipo do input.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'text' },\n      },\n    },\n    label: {\n      control: 'text',\n      description: 'Texto da label do input.',\n      required: false,\n      table: {\n        category: 'Properties',\n      },\n    },\n    placeholder: {\n      control: 'text',\n      description: 'Texto de placeholder do input.',\n      required: false,\n      table: {\n        category: 'Properties',\n      },\n    },\n    helperText: {\n      control: 'text',\n      description: 'Define o texto de ajuda do input, renderizado dentro do slot num elemento <cura-label>. Aceita tags HTML.',\n      table: {\n        category: 'Slots',\n      },\n    },\n    value: {\n      control: 'text',\n      description: 'Valor do campo de input. Tipo string para type=text e number para type=number',\n      table: {\n        category: 'Properties',\n\n      },\n    },\n    maskPreset: {\n      control: { type: 'select' },\n      options: ['', ...Object.keys(maskOptions)],\n      description: 'Opção de máscara para formatação do input de texto',\n      required: false,\n      table: {\n        category: 'Mask',\n      },\n    },\n    maskRegex: {\n      control: 'text',\n      description: 'Expressão regular para máscara de input de texto. <br/> Ex.: <code>\"/^\\\\d+$/g\"</code> ou <code>/^[0-6]+$/</code>',\n      required: false,\n      table: {\n        category: 'Mask',\n      },\n    },\n    maskAdvanced: {\n      control: {type: 'object'},\n      description:\n        'Objeto para configuração da máscara de input de texto customizada seguindo a estrutura do IMask.Masked da lib <a href=\"https://imask.js.org/\">IMask.js</a>. <br/> Ex.:<code>{ \"mask\": \"000.000.000-00\", \"placeholderChar\": \"_\"}</code>',\n      required: false,\n      table: {\n        category: 'Mask',\n        defaultValue: { summary: JSON },\n      },\n    },\n    required: {\n      control: 'boolean',\n      description: 'Se o input é obrigatório.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: false },\n      },\n    },\n    maxlength: {\n      control: 'number',\n      description: 'Comprimento máximo do valor do input.',\n      required: false,\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: null },\n      },\n    },\n    clearIcon: {\n      control: 'boolean',\n\n      description: 'Ícone para limpar campo de input.',\n      table: {\n        category: 'Icons',\n        defaultValue: { summary: true },\n      },\n    },\n    iconName: {\n      control: { type: 'select' },\n      options: ['', ...iconNames],\n      description: 'Nome do ícone de feedback. Usado no mode=\"default\"',\n      required: false,\n      table: {\n        category: 'Icons',\n        defaultValue: { summary: '' },\n      },\n    },\n    disabled: {\n      control: 'boolean',\n      description: 'Se o input está desabilitado.',\n      table: {\n        category: 'State',\n        defaultValue: { summary: false },\n      },\n    },\n    readOnly: {\n      control: 'boolean',\n      description: 'Se o input é somente leitura.',\n      category: 'State',\n      required: false,\n      table: {\n        category: 'State',\n        defaultValue: { summary: false },\n      },\n    },\n    isLoading: {\n      control: 'boolean',\n      description: 'Se o input está em estado de carregamento.',\n      table: {\n        category: 'State',\n        defaultValue: { summary: false },\n      },\n    },\n  },\n};\n\nexport const InputText = {\n  args: {\n    mode: 'default',\n    status: 'default',\n    size: 'medium',\n    type: 'text',\n    label: 'Label text',\n    placeholder: 'Placeholder',\n    value: '',\n    iconName: 'secure',\n    clearIcon: true,\n    helperText: 'Helper/Validation txt.',\n    maskPreset: undefined,\n    maskRegex: undefined,\n    maskAdvanced: null,\n    disabled: false,\n    required: false,\n    isLoading: false,\n    readOnly: false,\n    maxlength: null,\n  },\n};\n"]}

package/dist/collection/components/forms/cura-input-text/mask-presets/input-mask-presets.js

@@ -0,0 +1,46 @@
+export const maskOptions = {
+  cpf_cnpj: {
+    mask: [{ mask: '000.000.000-00' }, { mask: '00.000.000/0000-00' }],
+    placeholderChar: '_',
+  },
+  cpf: {
+    mask: '000.000.000-00',
+    placeholderChar: '_',
+  },
+  cnpj: {
+    mask: '00.000.000/0000-00',
+    placeholderChar: '_',
+  },
+  phone: {
+    mask: '(00) 00000-0000',
+    blocks: {
+      '(00)': {
+        mask: '(00)',
+        maxLength: 2,
+        placeholderChar: '',
+      },
+      '00000': {
+        mask: '00000',
+        maxLength: 5,
+        placeholderChar: '_',
+      },
+      '-': {
+        mask: '-',
+      },
+      '0000': {
+        mask: '0000',
+        maxLength: 4,
+        placeholderChar: '_',
+      },
+    },
+    placeholderChar: '_',
+  },
+  date: {
+    mask: Date,
+    min: new Date(1900, 0, 1),
+    max: new Date(2099, 11, 31),
+    lazy: false,
+    placeholderChar: '_',
+  },
+};
+//# sourceMappingURL=input-mask-presets.js.map

package/dist/collection/components/forms/cura-input-text/mask-presets/input-mask-presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-mask-presets.js","sourceRoot":"","sources":["../../../../../src/components/forms/cura-input-text/mask-presets/input-mask-presets.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,WAAW,GAAmB;EACzC,QAAQ,EAAE;IACR,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,CAAC;IAClE,eAAe,EAAE,GAAG;GACrB;EACD,GAAG,EAAE;IACH,IAAI,EAAE,gBAAgB;IACtB,eAAe,EAAE,GAAG;GACrB;EACD,IAAI,EAAE;IACJ,IAAI,EAAE,oBAAoB;IAC1B,eAAe,EAAE,GAAG;GACrB;EAED,KAAK,EAAE;IACL,IAAI,EAAE,iBAAiB;IACvB,MAAM,EAAE;MACN,MAAM,EAAE;QACN,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,CAAC;QACZ,eAAe,EAAE,EAAE;OACpB;MACD,OAAO,EAAE;QACP,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,CAAC;QACZ,eAAe,EAAE,GAAG;OACrB;MACD,GAAG,EAAE;QACH,IAAI,EAAE,GAAG;OACV;MACD,MAAM,EAAE;QACN,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,CAAC;QACZ,eAAe,EAAE,GAAG;OACrB;KACF;IACD,eAAe,EAAE,GAAG;GACrB;EACD,IAAI,EAAE;IACJ,IAAI,EAAE,IAAI;IACV,GAAG,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;IACzB,GAAG,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC;IAC3B,IAAI,EAAE,KAAK;IACX,eAAe,EAAE,GAAG;GACrB;CACF,CAAC","sourcesContent":["import { FactoryArg } from 'imask/esm/index';\n\nexport type MaskOptionsMap = {\n  [key: string]: FactoryArg;\n};\n\nexport const maskOptions: MaskOptionsMap = {\n  cpf_cnpj: {\n    mask: [{ mask: '000.000.000-00' }, { mask: '00.000.000/0000-00' }],\n    placeholderChar: '_',\n  },\n  cpf: {\n    mask: '000.000.000-00',\n    placeholderChar: '_',\n  },\n  cnpj: {\n    mask: '00.000.000/0000-00',\n    placeholderChar: '_',\n  },\n\n  phone: {\n    mask: '(00) 00000-0000',\n    blocks: {\n      '(00)': {\n        mask: '(00)',\n        maxLength: 2,\n        placeholderChar: '',\n      },\n      '00000': {\n        mask: '00000',\n        maxLength: 5,\n        placeholderChar: '_',\n      },\n      '-': {\n        mask: '-',\n      },\n      '0000': {\n        mask: '0000',\n        maxLength: 4,\n        placeholderChar: '_',\n      },\n    },\n    placeholderChar: '_',\n  },\n  date: {\n    mask: Date,\n    min: new Date(1900, 0, 1),\n    max: new Date(2099, 11, 31),\n    lazy: false,\n    placeholderChar: '_',\n  },\n};\n"]}

package/dist/collection/components/forms/cura-label/cura-label.css

@@ -0,0 +1,70 @@
+/* Breakpoints variables */
+/**
+ * Responsive media for mobile (small) only.
+ * Use: @include mobile-only() { ... }
+ */
+/**
+ * Responsive media for medium only.
+ * Use: @include medium-only() { ... }
+ */
+/**
+ * Responsive media for large only.
+ * Use: @include large-only() { ... }
+ */
+/**
+ * Responsive media for xlarge only.
+ * Use: @include xlarge-only() { ... }
+ */
+/**
+ * Responsive media for medium to large.
+ * Use: @include medium-large() { ... }
+ */
+/**
+ * Responsive media for large and up.
+ * Use: @include large-up() { ... }
+ */
+:host {
+  display: block;
+  font-size: var(--font-size-base);
+}
+:host p {
+  font-family: var(--font-family);
+  font-size: 1.143em;
+  font-weight: var(--font-weight-medium);
+  color: var(--color-body);
+  line-height: var(--line-height);
+  margin-block: var(--margin-block);
+  letter-spacing: 0.32px;
+}
+:host p.bold-weight, :host p ::slotted(b), :host p ::slotted(strong), :host p ::slotted(u) {
+  font-weight: var(--font-weight-bold);
+}
+:host p.large {
+  font-size: 1.357em;
+  line-height: calc(var(--line-height) - 4%);
+  letter-spacing: 0px;
+}
+:host p.small {
+  font-size: 1em;
+  line-height: calc(var(--line-height) - 4%);
+  letter-spacing: 0.56px;
+}
+:host p.xsmall {
+  font-size: 0.857em;
+  line-height: calc(var(--line-height) - 17%);
+  letter-spacing: 0.72px;
+}
+:host ::slotted(a) {
+  font-weight: var(--font-weight-bold);
+  color: var(--color-link);
+  text-underline-offset: 10%;
+}
+:host ::slotted(u) {
+  text-underline-offset: 10%;
+}
+:host ::slotted(abbr) {
+  color: var(--color-link);
+  text-decoration: underline dashed 1px var(--color-link);
+  text-underline-offset: 10%;
+  cursor: default;
+}

package/dist/collection/components/forms/cura-label/cura-label.js

@@ -0,0 +1,190 @@
+import { Host, h } from '@stencil/core';
+export class CuraLabel {
+  constructor() {
+    this.theme = window.CuraAPI.theme;
+    this.size = 'medium';
+    this.weight = 'regular';
+    this.spotColor = 'accent-dark';
+    this.color = undefined;
+    this.marginBlock = '0';
+    this.lineHeight = '125%';
+    this.styles = {};
+  }
+  handleChangeColor() {
+    this.setColors();
+  }
+  connectedCallback() {
+    this.setFontProperties();
+    this.setColors();
+  }
+  getClasses() {
+    const sizeclass = {};
+    sizeclass[this.size.toLowerCase()] = true;
+    sizeclass[`${this.weight.toLowerCase()}-weight`] = true;
+    return sizeclass;
+  }
+  setFontProperties() {
+    this.weights = this.theme.fonts.getWeights();
+    this.fontSizeBase = this.theme.fonts.getSize();
+    this.styles = {
+      '--font-family': this.theme.fonts.getFamily('body'),
+      '--font-weight-medium': this.weights.medium,
+      '--font-weight-bold': this.weights.bold
+    };
+  }
+  setColors() {
+    const fontColor = this.color
+      ? this.theme.colors.getColor(this.color)
+      : this.theme.fonts.getColor();
+    this.styles = Object.assign(Object.assign({}, this.styles), { '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'), '--color-link': this.theme.colors.getColor(`${this.spotColor}`) });
+  }
+  hostCSSProperties() {
+    return {
+      '--margin-block': this.marginBlock,
+      '--font-size-base': this.fontSizeBase,
+      '--line-height': this.lineHeight
+    };
+  }
+  render() {
+    return (h(Host, { style: this.hostCSSProperties() }, h("p", { style: this.styles, class: this.getClasses() }, h("slot", null))));
+  }
+  static get is() { return "cura-label"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["cura-label.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["cura-label.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'medium' | 'large' | 'small' | 'xsmall'",
+          "resolved": "\"large\" | \"medium\" | \"small\" | \"xsmall\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set size of body text.\nValues: medium (default) | large | small | xsmall."
+        },
+        "attribute": "size",
+        "reflect": true,
+        "defaultValue": "'medium'"
+      },
+      "weight": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'regular' | 'bold'",
+          "resolved": "\"bold\" | \"regular\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Label font weight. It is possible to use regular HTML tags like <b> or <strong> as well.\nValues: regular (default) | bold."
+        },
+        "attribute": "weight",
+        "reflect": true,
+        "defaultValue": "'regular'"
+      },
+      "spotColor": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Apply design system color to interactive elements like <a> and <abbr> inside the text.\nValues: Color from design system scheme. Default to 'accent-dark'."
+        },
+        "attribute": "spot-color",
+        "reflect": true,
+        "defaultValue": "'accent-dark'"
+      },
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Text color.\nValues: Color from design system scheme. Default to the font color from the theme."
+        },
+        "attribute": "color",
+        "reflect": false
+      },
+      "marginBlock": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "CSS margin-block property values.\nDefault to 1.25em"
+        },
+        "attribute": "margin-block",
+        "reflect": true,
+        "defaultValue": "'0'"
+      },
+      "lineHeight": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "CSS line-height property values.\nDefault to 140%"
+        },
+        "attribute": "line-height",
+        "reflect": true,
+        "defaultValue": "'125%'"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "styles": {}
+    };
+  }
+  static get elementRef() { return "host"; }
+  static get watchers() {
+    return [{
+        "propName": "color",
+        "methodName": "handleChangeColor"
+      }, {
+        "propName": "spotColor",
+        "methodName": "handleChangeColor"
+      }];
+  }
+}
+//# sourceMappingURL=cura-label.js.map

package/dist/collection/components/forms/cura-label/cura-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cura-label.js","sourceRoot":"","sources":["../../../../src/components/forms/cura-label/cura-label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOhF,MAAM,OAAO,SAAS;;IAsDpB,UAAK,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;gBAhD0C,QAAQ;kBAM3B,SAAS;qBAM1B,aAAa;;uBAiBX,GAAG;sBAMJ,MAAM;kBAYxB,EAAE;;EA1BpB,iBAAiB;IACf,IAAI,CAAC,SAAS,EAAE,CAAC;EACnB,CAAC;EA2BD,iBAAiB;IACf,IAAI,CAAC,iBAAiB,EAAE,CAAC;IACzB,IAAI,CAAC,SAAS,EAAE,CAAC;EACnB,CAAC;EAED,UAAU;IACR,MAAM,SAAS,GAAG,EAAE,CAAC;IACrB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,IAAI,CAAC;IAC1C,SAAS,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG,IAAI,CAAC;IACxD,OAAO,SAAS,CAAC;EACnB,CAAC;EAED,iBAAiB;IACf,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;IAC7C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;IAC/C,IAAI,CAAC,MAAM,GAAG;MACZ,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;MACnD,sBAAsB,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM;MAC3C,oBAAoB,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI;KACxC,CAAC;EACJ,CAAC;EAED,SAAS;IACP,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK;MAC1B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;MACxC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IAChC,IAAI,CAAC,MAAM,mCACN,IAAI,CAAC,MAAM,KACd,cAAc,EAAE,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EACzE,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,GAChE,CAAC;EACJ,CAAC;EAED,iBAAiB;IACf,OAAO;MACL,gBAAgB,EAAE,IAAI,CAAC,WAAW;MAClC,kBAAkB,EAAE,IAAI,CAAC,YAAY;MACrC,eAAe,EAAE,IAAI,CAAC,UAAU;KACjC,CAAC;EACJ,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE;MACnC,SAAG,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE;QAC7C,eAAa,CACX,CACC,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, Prop, h, Element, Watch, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-label',\n  styleUrl: 'cura-label.scss',\n  shadow: true,\n})\nexport class CuraLabel {\n\n  /**\n   * Set size of body text.\n   * Values: medium (default) | large | small | xsmall.\n   */\n  @Prop({reflect: true}) size: 'medium' | 'large' | 'small' | 'xsmall' = 'medium';\n\n  /**\n   * Label font weight. It is possible to use regular HTML tags like <b> or <strong> as well.\n   * Values: regular (default) | bold.\n   */\n  @Prop({reflect: true}) weight: 'regular' | 'bold' = 'regular';\n\n  /**\n  * Apply design system color to interactive elements like <a> and <abbr> inside the text.\n  * Values: Color from design system scheme. Default to 'accent-dark'.\n  */\n  @Prop({reflect: true}) spotColor = 'accent-dark';\n\n  /**\n   * Text color.\n   * Values: Color from design system scheme. Default to the font color from the theme.\n   */\n  @Prop() color: string;\n  @Watch('color')\n  @Watch('spotColor')\n  handleChangeColor() {\n    this.setColors();\n  }\n\n  /**\n   * CSS margin-block property values.\n   * Default to 1.25em\n   */\n  @Prop({reflect: true}) marginBlock = '0';\n\n  /**\n   * CSS line-height property values.\n   * Default to 140%\n   */\n  @Prop({reflect: true}) lineHeight = '125%';\n\n  /**\n   * Host element <cura-label>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  fontSizeBase: string;\n  @State() styles = {};\n  theme = window.CuraAPI.theme;\n\n  connectedCallback() {\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  getClasses() {\n    const sizeclass = {};\n    sizeclass[this.size.toLowerCase()] = true;\n    sizeclass[`${this.weight.toLowerCase()}-weight`] = true;\n    return sizeclass;\n  }\n\n  setFontProperties() {\n    this.weights = this.theme.fonts.getWeights();\n    this.fontSizeBase = this.theme.fonts.getSize();\n    this.styles = {\n      '--font-family': this.theme.fonts.getFamily('body'),\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold\n    };\n  }\n\n  setColors() {\n    const fontColor = this.color\n      ? this.theme.colors.getColor(this.color)\n      : this.theme.fonts.getColor();\n    this.styles = {\n      ...this.styles,\n      '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'),\n      '--color-link': this.theme.colors.getColor(`${this.spotColor}`)\n    };\n  }\n\n  hostCSSProperties() {\n    return {\n      '--margin-block': this.marginBlock,\n      '--font-size-base': this.fontSizeBase,\n      '--line-height': this.lineHeight\n    };\n  }\n\n  render() {\n    return (\n      <Host style={this.hostCSSProperties()}>\n        <p style={this.styles} class={this.getClasses()}>\n          <slot></slot>\n        </p>\n      </Host>\n    );\n  }\n\n}\n"]}