@consumidor-positivo/aurora 0.0.48 → 0.0.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/components/Button/index.d.ts +1 -0
  2. package/dist/components/Button/index.es.js +2 -0
  3. package/dist/components/Button/index.es.js.map +1 -1
  4. package/dist/components/Field/index.es.js +2 -2
  5. package/dist/components/InputField/index.es.js +1 -1
  6. package/dist/components/PasswordField/index.es.js +10 -2
  7. package/dist/components/PasswordField/index.es.js.map +1 -1
  8. package/dist/components/TokenField/index.es.js +1 -1
  9. package/dist/components/styles/styles.css +1 -1
  10. package/dist/components/tokens/styles.css +1 -1
  11. package/dist/core/tokens/.cache/tokens.d.ts +1 -0
  12. package/dist/main.es.js +83 -82
  13. package/dist/{tokens-BPzuCjxd.js → tokens-N1zNCjKI.js} +85 -83
  14. package/dist/tokens-N1zNCjKI.js.map +1 -0
  15. package/dist/variables.scss +1 -0
  16. package/package.json +1 -1
  17. package/dist/tokens-BPzuCjxd.js.map +0 -1
package/dist/components/Button/index.d.ts CHANGED
@@ -19,6 +19,7 @@ type ButtonProps = ({
19
19
  target?: string;
20
20
  negative?: boolean;
21
21
  btnText?: boolean;
22
+ round?: boolean;
22
23
  className?: string;
23
24
  borderWidth?: string;
24
25
  };
package/dist/components/Button/index.es.js CHANGED
@@ -19,6 +19,7 @@ const Button = ({
19
19
  target,
20
20
  negative = false,
21
21
  btnText = false,
22
+ round = false,
22
23
  className,
23
24
  borderWidth = "medium",
24
25
  ...props
@@ -31,6 +32,7 @@ const Button = ({
31
32
  "au-btn--negative": !!negative,
32
33
  "au-btn--disabled": !!disabled,
33
34
  "au-btn--loading": !!loading,
35
+ [`au-btn--round-${size}`]: !!round,
34
36
  "btn-text": !!btnText,
35
37
  [`au-btn--border-${borderWidth}`]: !!borderWidth,
36
38
  [className ?? ""]: typeof className === "string"
package/dist/components/Button/index.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../../../lib/components/Button/index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport classNames from 'classnames'\nimport { Conditional } from '../misc/Conditional'\nimport { IconLoader } from '../icons/default'\nimport './styles.scss'\n\ntype ButtonProps = (\n | {\n as: 'a'\n href: string\n }\n | {\n as?: 'button'\n href?: never\n }\n) & {\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n children?: ReactNode | string | JSX.Element | JSX.Element[]\n color?: 'default'\n disabled?: boolean\n expand?: 'x'\n htmlType?: 'button' | 'submit' | 'reset'\n loading?: boolean\n size?: 'large' | 'medium'\n type?: 'primary' | 'outlined' | 'ghost'\n target?: string\n negative?: boolean\n btnText?: boolean\n className?: string\n borderWidth?: string\n}\n\nexport const Button: React.FC<ButtonProps> = ({\n as,\n children = 'Button component',\n color = 'default',\n disabled = false,\n expand,\n href,\n htmlType = 'button',\n loading = false,\n onClick,\n size = 'medium',\n type = 'primary',\n target,\n negative = false,\n btnText = false,\n className,\n borderWidth = 'medium',\n ...props\n}) => {\n const buttonClasses = classNames('au-btn', {\n [`au-btn--type-${type}`]: !!type,\n [`au-btn--size-${size}`]: !!size,\n [`au-btn--expand-${expand}`]: !!expand,\n [`au-btn--color-${color}`]: !!color,\n 'au-btn--negative': !!negative,\n 'au-btn--disabled': !!disabled,\n 'au-btn--loading': !!loading,\n 'btn-text': !!btnText,\n [`au-btn--border-${borderWidth}`]: !!borderWidth,\n [className ?? '']: typeof className === 'string',\n })\n\n function handleClick(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) {\n if (!disabled && !!onClick) onClick(e)\n }\n\n if (as === 'a') {\n return (\n <a className={buttonClasses} href={href} target={target} {...props}>\n {children}\n </a>\n )\n }\n\n return (\n <button\n className={buttonClasses}\n onClick={handleClick}\n type={htmlType}\n disabled={disabled || loading}\n {...props}>\n <Conditional\n condition={loading}\n renderIf={<IconLoader />}\n renderElse={children}\n />\n </button>\n )\n}\n"],"names":[],"mappings":";;;;;;AAgCO,MAAM,SAAgC,CAAC;AAAA,EAC5C;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,MAAM;AACE,QAAA,gBAAgB,WAAW,UAAU;AAAA,IACzC,CAAC,gBAAgB,IAAI,EAAE,GAAG,CAAC,CAAC;AAAA,IAC5B,CAAC,gBAAgB,IAAI,EAAE,GAAG,CAAC,CAAC;AAAA,IAC5B,CAAC,kBAAkB,MAAM,EAAE,GAAG,CAAC,CAAC;AAAA,IAChC,CAAC,iBAAiB,KAAK,EAAE,GAAG,CAAC,CAAC;AAAA,IAC9B,oBAAoB,CAAC,CAAC;AAAA,IACtB,oBAAoB,CAAC,CAAC;AAAA,IACtB,mBAAmB,CAAC,CAAC;AAAA,IACrB,YAAY,CAAC,CAAC;AAAA,IACd,CAAC,kBAAkB,WAAW,EAAE,GAAG,CAAC,CAAC;AAAA,IACrC,CAAC,aAAa,EAAE,GAAG,OAAO,cAAc;AAAA,EAAA,CACzC;AAED,WAAS,YAAY,GAAoD;AACvE,QAAI,CAAC,YAAY,CAAC,CAAC,iBAAiB,CAAC;AAAA,EACvC;AAEA,MAAI,OAAO,KAAK;AAEZ,WAAA,oBAAC,OAAE,WAAW,eAAe,MAAY,QAAiB,GAAG,OAC1D,SACH,CAAA;AAAA,EAEJ;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,SAAS;AAAA,MACT,MAAM;AAAA,MACN,UAAU,YAAY;AAAA,MACrB,GAAG;AAAA,MACJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,8BAAW,YAAW,EAAA;AAAA,UACtB,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1
+ {"version":3,"file":"index.es.js","sources":["../../../lib/components/Button/index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport classNames from 'classnames'\nimport { Conditional } from '../misc/Conditional'\nimport { IconLoader } from '../icons/default'\nimport './styles.scss'\n\ntype ButtonProps = (\n | {\n as: 'a'\n href: string\n }\n | {\n as?: 'button'\n href?: never\n }\n) & {\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n children?: ReactNode | string | JSX.Element | JSX.Element[]\n color?: 'default'\n disabled?: boolean\n expand?: 'x'\n htmlType?: 'button' | 'submit' | 'reset'\n loading?: boolean\n size?: 'large' | 'medium'\n type?: 'primary' | 'outlined' | 'ghost'\n target?: string\n negative?: boolean\n btnText?: boolean\n round?: boolean\n className?: string\n borderWidth?: string\n}\n\nexport const Button: React.FC<ButtonProps> = ({\n as,\n children = 'Button component',\n color = 'default',\n disabled = false,\n expand,\n href,\n htmlType = 'button',\n loading = false,\n onClick,\n size = 'medium',\n type = 'primary',\n target,\n negative = false,\n btnText = false,\n round = false,\n className,\n borderWidth = 'medium',\n ...props\n}) => {\n const buttonClasses = classNames('au-btn', {\n [`au-btn--type-${type}`]: !!type,\n [`au-btn--size-${size}`]: !!size,\n [`au-btn--expand-${expand}`]: !!expand,\n [`au-btn--color-${color}`]: !!color,\n 'au-btn--negative': !!negative,\n 'au-btn--disabled': !!disabled,\n 'au-btn--loading': !!loading,\n [`au-btn--round-${size}`]: !!round,\n 'btn-text': !!btnText,\n [`au-btn--border-${borderWidth}`]: !!borderWidth,\n [className ?? '']: typeof className === 'string',\n })\n\n function handleClick(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) {\n if (!disabled && !!onClick) onClick(e)\n }\n\n if (as === 'a') {\n return (\n <a className={buttonClasses} href={href} target={target} {...props}>\n {children}\n </a>\n )\n }\n\n return (\n <button\n className={buttonClasses}\n onClick={handleClick}\n type={htmlType}\n disabled={disabled || loading}\n {...props}>\n <Conditional\n condition={loading}\n renderIf={<IconLoader />}\n renderElse={children}\n />\n </button>\n )\n}\n"],"names":[],"mappings":";;;;;;AAiCO,MAAM,SAAgC,CAAC;AAAA,EAC5C;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,QAAQ;AAAA,EACR;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,MAAM;AACE,QAAA,gBAAgB,WAAW,UAAU;AAAA,IACzC,CAAC,gBAAgB,IAAI,EAAE,GAAG,CAAC,CAAC;AAAA,IAC5B,CAAC,gBAAgB,IAAI,EAAE,GAAG,CAAC,CAAC;AAAA,IAC5B,CAAC,kBAAkB,MAAM,EAAE,GAAG,CAAC,CAAC;AAAA,IAChC,CAAC,iBAAiB,KAAK,EAAE,GAAG,CAAC,CAAC;AAAA,IAC9B,oBAAoB,CAAC,CAAC;AAAA,IACtB,oBAAoB,CAAC,CAAC;AAAA,IACtB,mBAAmB,CAAC,CAAC;AAAA,IACrB,CAAC,iBAAiB,IAAI,EAAE,GAAG,CAAC,CAAC;AAAA,IAC7B,YAAY,CAAC,CAAC;AAAA,IACd,CAAC,kBAAkB,WAAW,EAAE,GAAG,CAAC,CAAC;AAAA,IACrC,CAAC,aAAa,EAAE,GAAG,OAAO,cAAc;AAAA,EAAA,CACzC;AAED,WAAS,YAAY,GAAoD;AACvE,QAAI,CAAC,YAAY,CAAC,CAAC,iBAAiB,CAAC;AAAA,EACvC;AAEA,MAAI,OAAO,KAAK;AAEZ,WAAA,oBAAC,OAAE,WAAW,eAAe,MAAY,QAAiB,GAAG,OAC1D,SACH,CAAA;AAAA,EAEJ;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,SAAS;AAAA,MACT,MAAM;AAAA,MACN,UAAU,YAAY;AAAA,MACrB,GAAG;AAAA,MACJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,8BAAW,YAAW,EAAA;AAAA,UACtB,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAGN;"}
package/dist/components/Field/index.es.js CHANGED
@@ -1,5 +1,5 @@
1
- import { aJ } from "../../tokens-BPzuCjxd.js";
1
+ import { aK } from "../../tokens-N1zNCjKI.js";
2
2
  export {
3
- aJ as default
3
+ aK as default
4
4
  };
5
5
  //# sourceMappingURL=index.es.js.map
package/dist/components/InputField/index.es.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
- import { aJ as Field } from "../../tokens-BPzuCjxd.js";
2
+ import { aK as Field } from "../../tokens-N1zNCjKI.js";
3
3
  const InputField = ({
4
4
  optional,
5
5
  requiredInput,
package/dist/components/PasswordField/index.es.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
- import { aJ as Field } from "../../tokens-BPzuCjxd.js";
2
+ import { aK as Field } from "../../tokens-N1zNCjKI.js";
3
3
  import { useState } from "react";
4
4
  const usePasswordField = () => {
5
5
  const [showPassword, setShowPassword] = useState(false);
@@ -62,7 +62,15 @@ const PasswordField = ({
62
62
  ...props
63
63
  }
64
64
  ),
65
- /* @__PURE__ */ jsx("button", { className: "au-password-field__btn", onClick: changeVisibility, children: textButton })
65
+ /* @__PURE__ */ jsx(
66
+ "button",
67
+ {
68
+ className: "au-password-field__btn",
69
+ onClick: changeVisibility,
70
+ disabled,
71
+ children: textButton
72
+ }
73
+ )
66
74
  ] }),
67
75
  /* @__PURE__ */ jsx(Field.ErrorMessage, { hasError: !!error, message: errorMessage })
68
76
  ]
package/dist/components/PasswordField/index.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../../../lib/components/form/PasswordField/hook.tsx","../../../lib/components/form/PasswordField/index.tsx"],"sourcesContent":["import { useState } from 'react'\n\nexport const usePasswordField = () => {\n const [showPassword, setShowPassword] = useState<boolean>(false)\n const fieldType = showPassword ? 'text' : 'password'\n const textButton = showPassword ? 'ocultar' : 'mostrar'\n\n function changeVisibility() {\n setShowPassword((prevState) => !prevState)\n }\n\n return {\n fieldType,\n textButton,\n changeVisibility,\n }\n}\n","import Field from '../Field'\nimport { usePasswordField } from './hook'\nimport './styles.scss'\n\ntype PasswordFieldProps = React.InputHTMLAttributes<HTMLInputElement> & {\n type?: 'password'\n optional?: boolean\n requiredInput?: boolean\n success?: boolean\n error?: boolean\n errorMessage?: string\n label?: string\n ref?: React.RefObject<HTMLInputElement>\n}\n\nexport const PasswordField = ({\n optional,\n requiredInput,\n success,\n error,\n errorMessage,\n label,\n ref,\n id,\n disabled,\n style,\n className,\n ...props\n}: PasswordFieldProps) => {\n const { fieldType, textButton, changeVisibility } = usePasswordField()\n\n return (\n <Field.Root\n style={style}\n customclass={className}\n success={success}\n error={error}\n disabled={disabled}>\n <Field.Label\n text={label}\n id={id}\n required={requiredInput}\n optional={optional}\n success={success}\n error={error}\n disabled={disabled}\n />\n <div className=\"au-password-field__container\">\n <Field.Input\n customclass=\"au-password-field__input\"\n type={fieldType}\n id={id}\n ref={ref}\n disabled={disabled}\n {...props}\n />\n <button className=\"au-password-field__btn\" onClick={changeVisibility}>\n {textButton}\n </button>\n </div>\n <Field.ErrorMessage hasError={!!error} message={errorMessage} />\n </Field.Root>\n )\n}\n"],"names":[],"mappings":";;;AAEO,MAAM,mBAAmB,MAAM;AACpC,QAAM,CAAC,cAAc,eAAe,IAAI,SAAkB,KAAK;AACzD,QAAA,YAAY,eAAe,SAAS;AACpC,QAAA,aAAa,eAAe,YAAY;AAE9C,WAAS,mBAAmB;AACV,oBAAA,CAAC,cAAc,CAAC,SAAS;AAAA,EAC3C;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;ACDO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0B;AACxB,QAAM,EAAE,WAAW,YAAY,qBAAqB,iBAAiB;AAGnE,SAAA;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAA;AAAA,QAAA;AAAA,UAAC,MAAM;AAAA,UAAN;AAAA,YACC,MAAM;AAAA,YACN;AAAA,YACA,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QACA,qBAAC,OAAI,EAAA,WAAU,gCACb,UAAA;AAAA,UAAA;AAAA,YAAC,MAAM;AAAA,YAAN;AAAA,cACC,aAAY;AAAA,cACZ,MAAM;AAAA,cACN;AAAA,cACA;AAAA,cACA;AAAA,cACC,GAAG;AAAA,YAAA;AAAA,UACN;AAAA,8BACC,UAAO,EAAA,WAAU,0BAAyB,SAAS,kBACjD,UACH,YAAA;AAAA,QAAA,GACF;AAAA,QACA,oBAAC,MAAM,cAAN,EAAmB,UAAU,CAAC,CAAC,OAAO,SAAS,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpE;"}
1
+ {"version":3,"file":"index.es.js","sources":["../../../lib/components/form/PasswordField/hook.tsx","../../../lib/components/form/PasswordField/index.tsx"],"sourcesContent":["import { useState } from 'react'\n\nexport const usePasswordField = () => {\n const [showPassword, setShowPassword] = useState<boolean>(false)\n const fieldType = showPassword ? 'text' : 'password'\n const textButton = showPassword ? 'ocultar' : 'mostrar'\n\n function changeVisibility() {\n setShowPassword((prevState) => !prevState)\n }\n\n return {\n fieldType,\n textButton,\n changeVisibility,\n }\n}\n","import Field from '../Field'\nimport { usePasswordField } from './hook'\nimport './styles.scss'\n\ntype PasswordFieldProps = React.InputHTMLAttributes<HTMLInputElement> & {\n type?: 'password'\n optional?: boolean\n requiredInput?: boolean\n success?: boolean\n error?: boolean\n errorMessage?: string\n label?: string\n ref?: React.RefObject<HTMLInputElement>\n}\n\nexport const PasswordField = ({\n optional,\n requiredInput,\n success,\n error,\n errorMessage,\n label,\n ref,\n id,\n disabled,\n style,\n className,\n ...props\n}: PasswordFieldProps) => {\n const { fieldType, textButton, changeVisibility } = usePasswordField()\n\n return (\n <Field.Root\n style={style}\n customclass={className}\n success={success}\n error={error}\n disabled={disabled}>\n <Field.Label\n text={label}\n id={id}\n required={requiredInput}\n optional={optional}\n success={success}\n error={error}\n disabled={disabled}\n />\n <div className=\"au-password-field__container\">\n <Field.Input\n customclass=\"au-password-field__input\"\n type={fieldType}\n id={id}\n ref={ref}\n disabled={disabled}\n {...props}\n />\n <button\n className=\"au-password-field__btn\"\n onClick={changeVisibility}\n disabled={disabled}>\n {textButton}\n </button>\n </div>\n <Field.ErrorMessage hasError={!!error} message={errorMessage} />\n </Field.Root>\n )\n}\n"],"names":[],"mappings":";;;AAEO,MAAM,mBAAmB,MAAM;AACpC,QAAM,CAAC,cAAc,eAAe,IAAI,SAAkB,KAAK;AACzD,QAAA,YAAY,eAAe,SAAS;AACpC,QAAA,aAAa,eAAe,YAAY;AAE9C,WAAS,mBAAmB;AACV,oBAAA,CAAC,cAAc,CAAC,SAAS;AAAA,EAC3C;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;ACDO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0B;AACxB,QAAM,EAAE,WAAW,YAAY,qBAAqB,iBAAiB;AAGnE,SAAA;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAA;AAAA,QAAA;AAAA,UAAC,MAAM;AAAA,UAAN;AAAA,YACC,MAAM;AAAA,YACN;AAAA,YACA,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QACA,qBAAC,OAAI,EAAA,WAAU,gCACb,UAAA;AAAA,UAAA;AAAA,YAAC,MAAM;AAAA,YAAN;AAAA,cACC,aAAY;AAAA,cACZ,MAAM;AAAA,cACN;AAAA,cACA;AAAA,cACA;AAAA,cACC,GAAG;AAAA,YAAA;AAAA,UACN;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAS;AAAA,cACT;AAAA,cACC,UAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA,GACF;AAAA,QACA,oBAAC,MAAM,cAAN,EAAmB,UAAU,CAAC,CAAC,OAAO,SAAS,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpE;"}
package/dist/components/TokenField/index.es.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
- import { aJ as Field } from "../../tokens-BPzuCjxd.js";
2
+ import { aK as Field } from "../../tokens-N1zNCjKI.js";
3
3
  import { useRef, useState, useEffect } from "react";
4
4
  function inputtedValueIsValid(value) {
5
5
  const numberValue = Number(value);
package/dist/components/styles/styles.css CHANGED
@@ -1 +1 @@
1
- .au-btn{align-items:center;border:none;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;outline:none;text-align:center;text-decoration:none;transition:background-color .3s ease;font-family:"Source Sans 3",sans-serif;gap:8px;height:48px;border-radius:48px;font-size:16px;padding:16px 18px}.au-btn:hover,.au-btn:focus{background-color:#1737a4}.au-btn:active{background-color:#18256c}.au-btn .au-icon,.au-btn .au-icon>svg{width:16px;height:16px;color:#fff}@media (min-width: 600px){.au-btn--size-large{height:64px;border-radius:60px;font-size:20px;padding:16px 30px}}.au-btn--size-medium{height:48px;border-radius:48px;font-size:16px;padding:16px 18px}.au-btn--color-default{background-color:#0048db;color:#fff}.au-btn--type-outlined{color:#0048db;border:1px solid #0048db;background-color:transparent}.au-btn--type-outlined .au-icon,.au-btn--type-outlined .au-icon>svg{color:#0048db}.au-btn--type-outlined:hover,.au-btn--type-outlined:focus{background-color:#fafbff;border-color:#0048db}.au-btn--type-outlined:active{background-color:#dce8ff;border-color:#1737a4;color:#1737a4}.au-btn--type-ghost{background-color:transparent;border:0;color:#0048db}.au-btn--type-ghost .au-icon,.au-btn--type-ghost .au-icon>svg{color:#0048db}.au-btn--type-ghost:hover,.au-btn--type-ghost:focus{background-color:#f6f7fa;border-color:0}.au-btn--type-ghost:active{background-color:#f6f7fa;border:1px solid #5e6573}.au-btn--expand-x{width:100%}.au-btn--disabled{background-color:#e2e4e9;color:#5e6573;cursor:not-allowed}.au-btn--disabled .au-icon svg{color:#5e6573}.au-btn--disabled:hover,.au-btn--disabled:focus{background-color:#e2e4e9}.au-btn--disabled.au-btn--type-outlined{background-color:#fff;color:#5e6573;border-color:#5e6573}.au-btn--disabled.au-btn--type-outlined:hover,.au-btn--disabled.au-btn--type-outlined:focus{background-color:#fff}.au-btn--disabled.au-btn--type-ghost{background-color:#fff;color:#5e6573}.au-btn--disabled.au-btn--type-ghost:hover,.au-btn--disabled.au-btn--type-ghost:focus{background-color:#fff}.au-btn--disabled.au-btn--type-ghost:active{border:0}.au-btn--loading{background-color:#1737a4;color:#fff;cursor:progress}.au-btn--loading .au-icon[class*=loading],.au-btn--loading .au-icon[class*=loading]>svg,.au-btn--loading .au-icon[class*=loader],.au-btn--loading .au-icon[class*=loader]>svg{animation:spin 2s infinite linear}.au-btn--loading:hover,.au-btn--loading:focus{background-color:#1737a4}.au-btn--loading.au-btn--type-outlined{background-color:#fff;color:#0048db;border-color:#0048db}.au-btn--loading.au-btn--type-outlined:hover,.au-btn--loading.au-btn--type-outlined:focus{background-color:#fff;color:#0048db}.au-btn--loading.au-btn--type-outlined:hover .au-icon,.au-btn--loading.au-btn--type-outlined:hover .au-icon svg,.au-btn--loading.au-btn--type-outlined:focus .au-icon,.au-btn--loading.au-btn--type-outlined:focus .au-icon svg{color:#0048db}.au-btn--loading.au-btn--type-ghost{background-color:transparent;color:#5e6573}.au-btn--loading.au-btn--type-ghost .au-icon,.au-btn--loading.au-btn--type-ghost .au-icon svg{color:#5e6573}.au-btn--loading.au-btn--type-ghost:hover,.au-btn--loading.au-btn--type-ghost:focus{background-color:transparent;color:#5e6573}@keyframes spin{to{transform:rotate(360deg)}}.btn-text{background-color:transparent;border:none;display:flex;color:#0048db;font-weight:600}.btn-text .au-icon svg{color:#0048db}.btn-text:hover,.btn-text:focus{background-color:transparent}
1
+ .au-btn{align-items:center;border:none;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;outline:none;text-align:center;text-decoration:none;transition:background-color .3s ease;font-family:"Source Sans 3",sans-serif;gap:8px;height:48px;border-radius:48px;font-size:16px;padding:16px 18px}.au-btn:hover,.au-btn:focus{background-color:#1737a4}.au-btn:active{background-color:#18256c}.au-btn .au-icon,.au-btn .au-icon>svg{width:16px;height:16px;color:#fff}@media (min-width: 600px){.au-btn--size-large{height:64px;border-radius:60px;font-size:20px;padding:16px 30px}}.au-btn--size-medium{height:48px;border-radius:48px;font-size:16px;padding:16px 18px}.au-btn--color-default{background-color:#0048db;color:#fff}.au-btn--type-outlined{color:#0048db;border:1px solid #0048db;background-color:transparent}.au-btn--type-outlined .au-icon,.au-btn--type-outlined .au-icon>svg{color:#0048db}.au-btn--type-outlined:hover,.au-btn--type-outlined:focus{background-color:#f2f5fc}.au-btn--type-outlined:active{background-color:#dce8ff}.au-btn--type-ghost{background-color:transparent;border:0;color:#0048db}.au-btn--type-ghost .au-icon,.au-btn--type-ghost .au-icon>svg{color:#0048db}.au-btn--type-ghost:hover,.au-btn--type-ghost:focus{background-color:#f2f5fc;border-color:0}.au-btn--type-ghost:active{background-color:#dce8ff;border:1px solid #1737a4;color:#1737a4}.au-btn--expand-x{width:100%}.au-btn--disabled{background-color:#e2e4e9;color:#5e6573;cursor:not-allowed}.au-btn--disabled .au-icon svg{color:#5e6573}.au-btn--disabled:hover,.au-btn--disabled:focus{background-color:#e2e4e9}.au-btn--disabled.au-btn--type-outlined{background-color:#fff;color:#5e6573;border-color:#5e6573}.au-btn--disabled.au-btn--type-outlined:hover,.au-btn--disabled.au-btn--type-outlined:focus{background-color:#fff}.au-btn--disabled.au-btn--type-ghost{background-color:#fff;color:#5e6573}.au-btn--disabled.au-btn--type-ghost:hover,.au-btn--disabled.au-btn--type-ghost:focus{background-color:#fff}.au-btn--disabled.au-btn--type-ghost:active{border:0}.au-btn--loading{background-color:#1737a4;color:#fff;cursor:progress}.au-btn--loading .au-icon[class*=loading],.au-btn--loading .au-icon[class*=loading]>svg,.au-btn--loading .au-icon[class*=loader],.au-btn--loading .au-icon[class*=loader]>svg{animation:spin 2s infinite linear}.au-btn--loading:hover,.au-btn--loading:focus{background-color:#1737a4}.au-btn--loading.au-btn--type-outlined{background-color:#fff;color:#0048db;border-color:#0048db}.au-btn--loading.au-btn--type-outlined:hover,.au-btn--loading.au-btn--type-outlined:focus{background-color:#fff;color:#0048db}.au-btn--loading.au-btn--type-outlined:hover .au-icon,.au-btn--loading.au-btn--type-outlined:hover .au-icon svg,.au-btn--loading.au-btn--type-outlined:focus .au-icon,.au-btn--loading.au-btn--type-outlined:focus .au-icon svg{color:#0048db}.au-btn--loading.au-btn--type-ghost{background-color:transparent;color:#5e6573}.au-btn--loading.au-btn--type-ghost .au-icon,.au-btn--loading.au-btn--type-ghost .au-icon svg{color:#5e6573}.au-btn--loading.au-btn--type-ghost:hover,.au-btn--loading.au-btn--type-ghost:focus{background-color:transparent;color:#5e6573}.au-btn--round-large{padding:12px;height:48px;width:48px}.au-btn--round-medium{padding:10px;height:40px;width:40px}@keyframes spin{to{transform:rotate(360deg)}}.btn-text{background-color:transparent;border:none;display:flex;color:#0048db;font-weight:600}.btn-text .au-icon svg{color:#0048db}.btn-text:hover,.btn-text:focus{background-color:transparent}
package/dist/components/tokens/styles.css CHANGED
@@ -1 +1 @@
1
- html{box-sizing:border-box;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}:focus{outline:none}body{font-family:"Source Sans 3",sans-serif;background-color:#fff}.au-field{cursor:pointer}.au-field__input{background-color:#fff;border:1px solid #454a54;border-radius:8px;box-sizing:border-box;font-size:16px;line-height:22px;padding:16px;height:56px;width:100%}.au-field__input:hover{border:1px solid #16181d}.au-field__input:focus{border-color:#0048db;outline:1px solid #0048db}.au-field:focus-within:not(.au-field--error) [class*=__header-label],.au-field:focus-within:not(.au-field--error) .au-field{color:#0048db}.au-field__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px}.au-field__header-label{color:#454a54;cursor:pointer;font-size:14px;font-weight:600}.au-field__header-label--required{color:#991717}.au-field__header-icon span{font-size:14px;color:#454a54}.au-field__error-message{color:#991717;font-size:16px;font-weight:400;line-height:24px;padding-top:8px}.au-field--disabled{cursor:not-allowed}.au-field--disabled [class*=__input],.au-field--disabled .au-field{background-color:#e2e4e9;border-color:#5e6573;color:#5e6573;cursor:not-allowed}.au-field--disabled [class*=__header-label],.au-field--disabled .au-field{color:#5e6573;cursor:not-allowed}.au-field--error [class*=__input],.au-field--error .au-field{background-color:#f5eff0;border-color:#991717}.au-field--error [class*=__input]:focus,.au-field--error .au-field:focus{border-color:#0048db}.au-field--error [class*=__header-label],.au-field--error .au-field{color:#991717}.au-field--success [class*=__input],.au-field--success .au-field{animation:inputSuccess 2s forwards}.au-field--success [class*=__header-label],.au-field--success .au-field{animation:labelSuccess 2s forwards}.au-field--success [class*=__header-icon] .au-icon{animation:iconSucess 2s forwards}@keyframes inputSuccess{0%,70%{background-color:#f0fcf5;border-color:#10593b}}@keyframes labelSuccess{0%,70%{color:#10593b}}@keyframes iconSucess{0%,70%{opacity:1}to{opacity:0}}.au-token-field{max-width:max-content}.au-token-field__container{display:flex;gap:8px}.au-token-field__input{font-size:20px;text-align:center;padding:8px}.au-token-field__input[type=number]::-webkit-inner-spin-button,.au-token-field__input[type=number]::-webkit-outer-spin-button{display:none}.au-password-field__container{position:relative;height:56px}.au-password-field__input{position:absolute;padding:16px 94px 16px 16px}.au-password-field__btn{background-color:transparent;border:none;color:#0048db;cursor:pointer;font-size:14px;font-weight:600;text-transform:uppercase;position:absolute;z-index:1;background-position-y:center;right:16px;height:56px}
1
+ html{box-sizing:border-box;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}:focus{outline:none}body{font-family:"Source Sans 3",sans-serif;background-color:#fff}.au-field{cursor:pointer}.au-field__input{background-color:#fff;border:1px solid #454a54;border-radius:8px;box-sizing:border-box;font-size:16px;line-height:22px;padding:16px;height:56px;width:100%}.au-field__input:hover{border:1px solid #16181d}.au-field__input:focus{border-color:#0048db;outline:1px solid #0048db}.au-field:focus-within:not(.au-field--error) [class*=__header-label],.au-field:focus-within:not(.au-field--error) .au-field{color:#0048db}.au-field__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px}.au-field__header-label{color:#454a54;cursor:pointer;font-size:14px;font-weight:600}.au-field__header-label--required{color:#991717}.au-field__header-icon span{font-size:14px;color:#454a54}.au-field__error-message{color:#991717;font-size:16px;font-weight:400;line-height:24px;padding-top:8px}.au-field--disabled{cursor:not-allowed}.au-field--disabled [class*=__input],.au-field--disabled .au-field{background-color:#e2e4e9;border-color:#5e6573;color:#5e6573;cursor:not-allowed}.au-field--disabled [class*=__header-label],.au-field--disabled .au-field{color:#5e6573;cursor:not-allowed}.au-field--error [class*=__input],.au-field--error .au-field{background-color:#f5eff0;border-color:#991717}.au-field--error [class*=__input]:focus,.au-field--error .au-field:focus{border-color:#0048db}.au-field--error [class*=__header-label],.au-field--error .au-field{color:#991717}.au-field--success [class*=__input],.au-field--success .au-field{animation:inputSuccess 2s forwards}.au-field--success [class*=__header-label],.au-field--success .au-field{animation:labelSuccess 2s forwards}.au-field--success [class*=__header-icon] .au-icon{animation:iconSucess 2s forwards}@keyframes inputSuccess{0%,70%{background-color:#f0fcf5;border-color:#10593b}}@keyframes labelSuccess{0%,70%{color:#10593b}}@keyframes iconSucess{0%,70%{opacity:1}to{opacity:0}}.au-token-field{max-width:max-content}.au-token-field__container{display:flex;gap:8px}.au-token-field__input{font-size:20px;text-align:center;padding:8px}.au-token-field__input[type=number]::-webkit-inner-spin-button,.au-token-field__input[type=number]::-webkit-outer-spin-button{display:none}.au-password-field__container{position:relative;height:56px}.au-password-field__input{position:absolute;padding:16px 92px 16px 16px}.au-password-field__btn{background-color:transparent;border:none;color:#0048db;cursor:pointer;font-family:"Source Sans 3",sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;position:absolute;z-index:1;background-position-y:center;right:16px;height:56px}.au-password-field__btn:disabled{cursor:not-allowed}
package/dist/core/tokens/.cache/tokens.d.ts CHANGED
@@ -16,6 +16,7 @@ export declare const COLOR_BRAND_BLUE_40 = "#0048db";
16
16
  export declare const COLOR_BRAND_BLUE_30 = "#9abcff";
17
17
  export declare const COLOR_BRAND_BLUE_20 = "#dce8ff";
18
18
  export declare const COLOR_BRAND_BLUE_10 = "#fafbff";
19
+ export declare const COLOR_BRAND_BLUE_00 = "#F2F5FC";
19
20
  export declare const COLOR_BRAND_EMERALD_60 = "#013220";
20
21
  export declare const COLOR_BRAND_EMERALD_50 = "#026441";
21
22
  export declare const COLOR_BRAND_EMERALD_40 = "#04d98c";
package/dist/main.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { b, a, c, B, ah, ag, af, ai, ae, p, o, n, m, l, k, D, A, z, y, x, w, v, u, t, s, r, q, R, Q, P, O, N, M, L, a3, a2, a1, a0, $, _, Z, j, i, h, g, f, e, d, C, K, J, I, H, G, F, E, Y, X, W, V, U, T, S, aj, au, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, at, av, ax, ay, aw, ak, al, am, an, ao, ap, aq, ar, as, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad } from "./tokens-BPzuCjxd.js";
1
+ import { b, a, c, B, ai, ah, ag, aj, af, q, p, o, n, m, l, k, E, D, A, z, y, x, w, v, u, t, s, r, S, R, Q, P, O, N, M, a4, a3, a2, a1, a0, $, _, j, i, h, g, f, e, d, C, L, K, J, I, H, G, F, Z, Y, X, W, V, U, T, ak, av, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, au, aw, ay, az, ax, al, am, an, ao, ap, aq, ar, as, at, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae } from "./tokens-N1zNCjKI.js";
2
2
  import { Button } from "./components/Button/index.es.js";
3
3
  import { Conditional } from "./components/Conditional/index.es.js";
4
4
  import { Drawer } from "./components/Drawer/index.es.js";
@@ -345,44 +345,45 @@ export {
345
345
  a as BORDER_RADIUS_MEDIUM,
346
346
  c as BORDER_RADIUS_PILL,
347
347
  B as BORDER_RADIUS_SMALL,
348
- ah as BREAKPOINT_LG,
349
- ag as BREAKPOINT_MD,
350
- af as BREAKPOINT_SM,
351
- ai as BREAKPOINT_XLG,
352
- ae as BREAKPOINT_XSM,
348
+ ai as BREAKPOINT_LG,
349
+ ah as BREAKPOINT_MD,
350
+ ag as BREAKPOINT_SM,
351
+ aj as BREAKPOINT_XLG,
352
+ af as BREAKPOINT_XSM,
353
353
  Button,
354
+ q as COLOR_BRAND_BLUE_00,
354
355
  p as COLOR_BRAND_BLUE_10,
355
356
  o as COLOR_BRAND_BLUE_20,
356
357
  n as COLOR_BRAND_BLUE_30,
357
358
  m as COLOR_BRAND_BLUE_40,
358
359
  l as COLOR_BRAND_BLUE_50,
359
360
  k as COLOR_BRAND_BLUE_60,
360
- D as COLOR_BRAND_CYAN_10,
361
- A as COLOR_BRAND_CYAN_20,
362
- z as COLOR_BRAND_CYAN_30,
363
- y as COLOR_BRAND_CYAN_40,
364
- x as COLOR_BRAND_CYAN_50,
365
- w as COLOR_BRAND_CYAN_60,
366
- v as COLOR_BRAND_EMERALD_10,
367
- u as COLOR_BRAND_EMERALD_20,
368
- t as COLOR_BRAND_EMERALD_30,
369
- s as COLOR_BRAND_EMERALD_40,
370
- r as COLOR_BRAND_EMERALD_50,
371
- q as COLOR_BRAND_EMERALD_60,
372
- R as COLOR_ERROR_00,
373
- Q as COLOR_ERROR_10,
374
- P as COLOR_ERROR_20,
375
- O as COLOR_ERROR_30,
376
- N as COLOR_ERROR_40,
377
- M as COLOR_ERROR_50,
378
- L as COLOR_ERROR_60,
379
- a3 as COLOR_INFO_00,
380
- a2 as COLOR_INFO_10,
381
- a1 as COLOR_INFO_20,
382
- a0 as COLOR_INFO_30,
383
- $ as COLOR_INFO_40,
384
- _ as COLOR_INFO_50,
385
- Z as COLOR_INFO_60,
361
+ E as COLOR_BRAND_CYAN_10,
362
+ D as COLOR_BRAND_CYAN_20,
363
+ A as COLOR_BRAND_CYAN_30,
364
+ z as COLOR_BRAND_CYAN_40,
365
+ y as COLOR_BRAND_CYAN_50,
366
+ x as COLOR_BRAND_CYAN_60,
367
+ w as COLOR_BRAND_EMERALD_10,
368
+ v as COLOR_BRAND_EMERALD_20,
369
+ u as COLOR_BRAND_EMERALD_30,
370
+ t as COLOR_BRAND_EMERALD_40,
371
+ s as COLOR_BRAND_EMERALD_50,
372
+ r as COLOR_BRAND_EMERALD_60,
373
+ S as COLOR_ERROR_00,
374
+ R as COLOR_ERROR_10,
375
+ Q as COLOR_ERROR_20,
376
+ P as COLOR_ERROR_30,
377
+ O as COLOR_ERROR_40,
378
+ N as COLOR_ERROR_50,
379
+ M as COLOR_ERROR_60,
380
+ a4 as COLOR_INFO_00,
381
+ a3 as COLOR_INFO_10,
382
+ a2 as COLOR_INFO_20,
383
+ a1 as COLOR_INFO_30,
384
+ a0 as COLOR_INFO_40,
385
+ $ as COLOR_INFO_50,
386
+ _ as COLOR_INFO_60,
386
387
  j as COLOR_NEUTRAL_00,
387
388
  i as COLOR_NEUTRAL_10,
388
389
  h as COLOR_NEUTRAL_20,
@@ -391,39 +392,39 @@ export {
391
392
  e as COLOR_NEUTRAL_50,
392
393
  d as COLOR_NEUTRAL_60,
393
394
  C as COLOR_NEUTRAL_70,
394
- K as COLOR_SUCCESS_00,
395
- J as COLOR_SUCCESS_10,
396
- I as COLOR_SUCCESS_20,
397
- H as COLOR_SUCCESS_30,
398
- G as COLOR_SUCCESS_40,
399
- F as COLOR_SUCCESS_50,
400
- E as COLOR_SUCCESS_60,
401
- Y as COLOR_WARNING_00,
402
- X as COLOR_WARNING_10,
403
- W as COLOR_WARNING_20,
404
- V as COLOR_WARNING_30,
405
- U as COLOR_WARNING_40,
406
- T as COLOR_WARNING_50,
407
- S as COLOR_WARNING_60,
408
- aj as CONTAINER_SIZE,
395
+ L as COLOR_SUCCESS_00,
396
+ K as COLOR_SUCCESS_10,
397
+ J as COLOR_SUCCESS_20,
398
+ I as COLOR_SUCCESS_30,
399
+ H as COLOR_SUCCESS_40,
400
+ G as COLOR_SUCCESS_50,
401
+ F as COLOR_SUCCESS_60,
402
+ Z as COLOR_WARNING_00,
403
+ Y as COLOR_WARNING_10,
404
+ X as COLOR_WARNING_20,
405
+ W as COLOR_WARNING_30,
406
+ V as COLOR_WARNING_40,
407
+ U as COLOR_WARNING_50,
408
+ T as COLOR_WARNING_60,
409
+ ak as CONTAINER_SIZE,
409
410
  Conditional,
410
411
  Drawer,
411
- au as FONT_BODY,
412
- az as FONT_SIZE_H1,
413
- aA as FONT_SIZE_H2,
414
- aB as FONT_SIZE_H3,
415
- aC as FONT_SIZE_H4,
416
- aD as FONT_SIZE_H5,
417
- aE as FONT_SIZE_H6,
418
- aF as FONT_SIZE_P1,
419
- aG as FONT_SIZE_P2,
420
- aH as FONT_SIZE_P3,
421
- aI as FONT_SIZE_P4,
422
- at as FONT_TITLE,
423
- av as FONT_WEIGHT_BOLD,
424
- ax as FONT_WEIGHT_MEDIUM,
425
- ay as FONT_WEIGHT_REGULAR,
426
- aw as FONT_WEIGHT_SEMIBOLD,
412
+ av as FONT_BODY,
413
+ aA as FONT_SIZE_H1,
414
+ aB as FONT_SIZE_H2,
415
+ aC as FONT_SIZE_H3,
416
+ aD as FONT_SIZE_H4,
417
+ aE as FONT_SIZE_H5,
418
+ aF as FONT_SIZE_H6,
419
+ aG as FONT_SIZE_P1,
420
+ aH as FONT_SIZE_P2,
421
+ aI as FONT_SIZE_P3,
422
+ aJ as FONT_SIZE_P4,
423
+ au as FONT_TITLE,
424
+ aw as FONT_WEIGHT_BOLD,
425
+ ay as FONT_WEIGHT_MEDIUM,
426
+ az as FONT_WEIGHT_REGULAR,
427
+ ax as FONT_WEIGHT_SEMIBOLD,
427
428
  Footer,
428
429
  Header,
429
430
  IconActivity,
@@ -755,27 +756,27 @@ export {
755
756
  m2 as LogoTertiaryAC,
756
757
  NavbarVertical,
757
758
  NotificationsBar,
758
- ak as OPACITY_00,
759
- al as OPACITY_10,
760
- am as OPACITY_20,
761
- an as OPACITY_30,
762
- ao as OPACITY_40,
759
+ al as OPACITY_00,
760
+ am as OPACITY_10,
761
+ an as OPACITY_20,
762
+ ao as OPACITY_30,
763
+ ap as OPACITY_40,
763
764
  PasswordField,
764
765
  ProfileNav,
765
- ap as SHADOW_01,
766
- aq as SHADOW_02,
767
- ar as SHADOW_03,
768
- as as SHADOW_04,
769
- a4 as SPACING_050,
770
- a5 as SPACING_100,
771
- a6 as SPACING_200,
772
- a7 as SPACING_300,
773
- a8 as SPACING_400,
774
- a9 as SPACING_500,
775
- aa as SPACING_600,
776
- ab as SPACING_700,
777
- ac as SPACING_800,
778
- ad as SPACING_900,
766
+ aq as SHADOW_01,
767
+ ar as SHADOW_02,
768
+ as as SHADOW_03,
769
+ at as SHADOW_04,
770
+ a5 as SPACING_050,
771
+ a6 as SPACING_100,
772
+ a7 as SPACING_200,
773
+ a8 as SPACING_300,
774
+ a9 as SPACING_400,
775
+ aa as SPACING_500,
776
+ ab as SPACING_600,
777
+ ac as SPACING_700,
778
+ ad as SPACING_800,
779
+ ae as SPACING_900,
779
780
  Text,
780
781
  TokenField,
781
782
  useDrawer
package/dist/{tokens-BPzuCjxd.js → tokens-N1zNCjKI.js} RENAMED
@@ -99,6 +99,7 @@ const COLOR_BRAND_BLUE_40 = "#0048db";
99
99
  const COLOR_BRAND_BLUE_30 = "#9abcff";
100
100
  const COLOR_BRAND_BLUE_20 = "#dce8ff";
101
101
  const COLOR_BRAND_BLUE_10 = "#fafbff";
102
+ const COLOR_BRAND_BLUE_00 = "#F2F5FC";
102
103
  const COLOR_BRAND_EMERALD_60 = "#013220";
103
104
  const COLOR_BRAND_EMERALD_50 = "#026441";
104
105
  const COLOR_BRAND_EMERALD_40 = "#04d98c";
@@ -181,81 +182,82 @@ const FONT_SIZE_P2 = "16px";
181
182
  const FONT_SIZE_P3 = "14px";
182
183
  const FONT_SIZE_P4 = "12px";
183
184
  export {
184
- COLOR_INFO_40 as $,
185
- COLOR_BRAND_CYAN_20 as A,
185
+ COLOR_INFO_50 as $,
186
+ COLOR_BRAND_CYAN_30 as A,
186
187
  BORDER_RADIUS_SMALL as B,
187
188
  COLOR_NEUTRAL_70 as C,
188
- COLOR_BRAND_CYAN_10 as D,
189
- COLOR_SUCCESS_60 as E,
190
- COLOR_SUCCESS_50 as F,
191
- COLOR_SUCCESS_40 as G,
192
- COLOR_SUCCESS_30 as H,
193
- COLOR_SUCCESS_20 as I,
194
- COLOR_SUCCESS_10 as J,
195
- COLOR_SUCCESS_00 as K,
196
- COLOR_ERROR_60 as L,
197
- COLOR_ERROR_50 as M,
198
- COLOR_ERROR_40 as N,
199
- COLOR_ERROR_30 as O,
200
- COLOR_ERROR_20 as P,
201
- COLOR_ERROR_10 as Q,
202
- COLOR_ERROR_00 as R,
203
- COLOR_WARNING_60 as S,
204
- COLOR_WARNING_50 as T,
205
- COLOR_WARNING_40 as U,
206
- COLOR_WARNING_30 as V,
207
- COLOR_WARNING_20 as W,
208
- COLOR_WARNING_10 as X,
209
- COLOR_WARNING_00 as Y,
210
- COLOR_INFO_60 as Z,
211
- COLOR_INFO_50 as _,
189
+ COLOR_BRAND_CYAN_20 as D,
190
+ COLOR_BRAND_CYAN_10 as E,
191
+ COLOR_SUCCESS_60 as F,
192
+ COLOR_SUCCESS_50 as G,
193
+ COLOR_SUCCESS_40 as H,
194
+ COLOR_SUCCESS_30 as I,
195
+ COLOR_SUCCESS_20 as J,
196
+ COLOR_SUCCESS_10 as K,
197
+ COLOR_SUCCESS_00 as L,
198
+ COLOR_ERROR_60 as M,
199
+ COLOR_ERROR_50 as N,
200
+ COLOR_ERROR_40 as O,
201
+ COLOR_ERROR_30 as P,
202
+ COLOR_ERROR_20 as Q,
203
+ COLOR_ERROR_10 as R,
204
+ COLOR_ERROR_00 as S,
205
+ COLOR_WARNING_60 as T,
206
+ COLOR_WARNING_50 as U,
207
+ COLOR_WARNING_40 as V,
208
+ COLOR_WARNING_30 as W,
209
+ COLOR_WARNING_20 as X,
210
+ COLOR_WARNING_10 as Y,
211
+ COLOR_WARNING_00 as Z,
212
+ COLOR_INFO_60 as _,
212
213
  BORDER_RADIUS_MEDIUM as a,
213
- COLOR_INFO_30 as a0,
214
- COLOR_INFO_20 as a1,
215
- COLOR_INFO_10 as a2,
216
- COLOR_INFO_00 as a3,
217
- SPACING_050 as a4,
218
- SPACING_100 as a5,
219
- SPACING_200 as a6,
220
- SPACING_300 as a7,
221
- SPACING_400 as a8,
222
- SPACING_500 as a9,
223
- FONT_SIZE_H2 as aA,
224
- FONT_SIZE_H3 as aB,
225
- FONT_SIZE_H4 as aC,
226
- FONT_SIZE_H5 as aD,
227
- FONT_SIZE_H6 as aE,
228
- FONT_SIZE_P1 as aF,
229
- FONT_SIZE_P2 as aG,
230
- FONT_SIZE_P3 as aH,
231
- FONT_SIZE_P4 as aI,
232
- Field as aJ,
233
- SPACING_600 as aa,
234
- SPACING_700 as ab,
235
- SPACING_800 as ac,
236
- SPACING_900 as ad,
237
- BREAKPOINT_XSM as ae,
238
- BREAKPOINT_SM as af,
239
- BREAKPOINT_MD as ag,
240
- BREAKPOINT_LG as ah,
241
- BREAKPOINT_XLG as ai,
242
- CONTAINER_SIZE as aj,
243
- OPACITY_00 as ak,
244
- OPACITY_10 as al,
245
- OPACITY_20 as am,
246
- OPACITY_30 as an,
247
- OPACITY_40 as ao,
248
- SHADOW_01 as ap,
249
- SHADOW_02 as aq,
250
- SHADOW_03 as ar,
251
- SHADOW_04 as as,
252
- FONT_TITLE as at,
253
- FONT_BODY as au,
254
- FONT_WEIGHT_BOLD as av,
255
- FONT_WEIGHT_SEMIBOLD as aw,
256
- FONT_WEIGHT_MEDIUM as ax,
257
- FONT_WEIGHT_REGULAR as ay,
258
- FONT_SIZE_H1 as az,
214
+ COLOR_INFO_40 as a0,
215
+ COLOR_INFO_30 as a1,
216
+ COLOR_INFO_20 as a2,
217
+ COLOR_INFO_10 as a3,
218
+ COLOR_INFO_00 as a4,
219
+ SPACING_050 as a5,
220
+ SPACING_100 as a6,
221
+ SPACING_200 as a7,
222
+ SPACING_300 as a8,
223
+ SPACING_400 as a9,
224
+ FONT_SIZE_H1 as aA,
225
+ FONT_SIZE_H2 as aB,
226
+ FONT_SIZE_H3 as aC,
227
+ FONT_SIZE_H4 as aD,
228
+ FONT_SIZE_H5 as aE,
229
+ FONT_SIZE_H6 as aF,
230
+ FONT_SIZE_P1 as aG,
231
+ FONT_SIZE_P2 as aH,
232
+ FONT_SIZE_P3 as aI,
233
+ FONT_SIZE_P4 as aJ,
234
+ Field as aK,
235
+ SPACING_500 as aa,
236
+ SPACING_600 as ab,
237
+ SPACING_700 as ac,
238
+ SPACING_800 as ad,
239
+ SPACING_900 as ae,
240
+ BREAKPOINT_XSM as af,
241
+ BREAKPOINT_SM as ag,
242
+ BREAKPOINT_MD as ah,
243
+ BREAKPOINT_LG as ai,
244
+ BREAKPOINT_XLG as aj,
245
+ CONTAINER_SIZE as ak,
246
+ OPACITY_00 as al,
247
+ OPACITY_10 as am,
248
+ OPACITY_20 as an,
249
+ OPACITY_30 as ao,
250
+ OPACITY_40 as ap,
251
+ SHADOW_01 as aq,
252
+ SHADOW_02 as ar,
253
+ SHADOW_03 as as,
254
+ SHADOW_04 as at,
255
+ FONT_TITLE as au,
256
+ FONT_BODY as av,
257
+ FONT_WEIGHT_BOLD as aw,
258
+ FONT_WEIGHT_SEMIBOLD as ax,
259
+ FONT_WEIGHT_MEDIUM as ay,
260
+ FONT_WEIGHT_REGULAR as az,
259
261
  BORDER_RADIUS_BIG as b,
260
262
  BORDER_RADIUS_PILL as c,
261
263
  COLOR_NEUTRAL_60 as d,
@@ -271,15 +273,15 @@ export {
271
273
  COLOR_BRAND_BLUE_30 as n,
272
274
  COLOR_BRAND_BLUE_20 as o,
273
275
  COLOR_BRAND_BLUE_10 as p,
274
- COLOR_BRAND_EMERALD_60 as q,
275
- COLOR_BRAND_EMERALD_50 as r,
276
- COLOR_BRAND_EMERALD_40 as s,
277
- COLOR_BRAND_EMERALD_30 as t,
278
- COLOR_BRAND_EMERALD_20 as u,
279
- COLOR_BRAND_EMERALD_10 as v,
280
- COLOR_BRAND_CYAN_60 as w,
281
- COLOR_BRAND_CYAN_50 as x,
282
- COLOR_BRAND_CYAN_40 as y,
283
- COLOR_BRAND_CYAN_30 as z
276
+ COLOR_BRAND_BLUE_00 as q,
277
+ COLOR_BRAND_EMERALD_60 as r,
278
+ COLOR_BRAND_EMERALD_50 as s,
279
+ COLOR_BRAND_EMERALD_40 as t,
280
+ COLOR_BRAND_EMERALD_30 as u,
281
+ COLOR_BRAND_EMERALD_20 as v,
282
+ COLOR_BRAND_EMERALD_10 as w,
283
+ COLOR_BRAND_CYAN_60 as x,
284
+ COLOR_BRAND_CYAN_50 as y,
285
+ COLOR_BRAND_CYAN_40 as z
284
286
  };
285
- //# sourceMappingURL=tokens-BPzuCjxd.js.map
287
+ //# sourceMappingURL=tokens-N1zNCjKI.js.map
package/dist/tokens-N1zNCjKI.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens-N1zNCjKI.js","sources":["../lib/components/form/Field/ErrorMessage.tsx","../lib/components/form/Field/Input.tsx","../lib/components/form/Field/Label.tsx","../lib/components/form/Field/Root.tsx","../lib/components/form/Field/index.tsx","../lib/core/tokens/.cache/tokens.ts"],"sourcesContent":["type ErrorMessageProps = {\n hasError?: boolean\n message?: string\n}\n\nexport const FieldErrorMessage = ({ hasError, message }: ErrorMessageProps) => {\n if (!hasError || !message) return\n\n return <p className=\"au-field__error-message\">{message}</p>\n}\n","import classNames from \"classnames\"\n\ntype FieldInputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n ref?: React.RefObject<HTMLInputElement>\n customclass?: string\n}\n\nexport const FieldInput = (props: FieldInputProps) => {\n const { ref, customclass } = props\n\n const inputClasses = classNames(\"au-field__input\", customclass)\n\n return <input className={inputClasses} ref={ref} {...props} />\n}\n","import { IconAlertCircle, IconCheck, IconSlash } from '../../icons'\nimport {\n COLOR_ERROR_50,\n COLOR_NEUTRAL_40,\n COLOR_SUCCESS_50,\n} from '../../../main'\n\ntype FieldLabelProps = {\n id?: string\n text?: string\n required?: boolean\n optional?: boolean\n success?: boolean\n error?: boolean\n disabled?: boolean\n}\n\nexport const FieldLabel = ({\n id,\n text,\n required,\n optional,\n success,\n error,\n disabled,\n}: FieldLabelProps) => {\n if (!text) return\n\n const states = [\n { state: 'optional', value: !!optional, icon: <span>(Opcional)</span> },\n {\n state: 'success',\n value: !!success,\n icon: <IconCheck rawColor={COLOR_SUCCESS_50} />,\n },\n {\n state: 'error',\n value: !!error,\n icon: <IconAlertCircle rawColor={COLOR_ERROR_50} />,\n },\n {\n state: 'disabled',\n value: !!disabled,\n icon: <IconSlash rawColor={COLOR_NEUTRAL_40} />,\n },\n ]\n\n const currentState = states.find(({ value }) => !!value)\n\n return (\n <div className=\"au-field__header\">\n <label htmlFor={id} className=\"au-field__header-label\">\n {text}{' '}\n {required && (\n <strong className=\"au-field__header-label--required\">*</strong>\n )}\n </label>\n <div className=\"au-field__header-icon\">{currentState?.icon}</div>\n </div>\n )\n}\n","import classNames from 'classnames'\n\ntype FieldRootProps = {\n children: React.ReactNode\n disabled?: boolean\n success?: boolean\n error?: boolean\n style?: React.CSSProperties\n customclass?: string\n}\n\nexport const FieldRoot = ({\n children,\n disabled,\n success,\n error,\n style,\n customclass,\n}: FieldRootProps) => {\n const inputClasses = classNames('au-field', customclass, {\n 'au-field--disabled': !!disabled,\n 'au-field--success': !!success,\n 'au-field--error': !!error,\n })\n\n return (\n <div className={inputClasses} style={style}>\n {children}\n </div>\n )\n}\n","import { FieldErrorMessage } from './ErrorMessage'\nimport { FieldInput } from './Input'\nimport { FieldLabel } from './Label'\nimport { FieldRoot } from './Root'\nimport './styles.scss'\n\nexport default {\n Root: FieldRoot,\n Input: FieldInput,\n Label: FieldLabel,\n ErrorMessage: FieldErrorMessage\n}","export const BORDER_RADIUS_SMALL = \"4px\";\nexport const BORDER_RADIUS_MEDIUM = \"8px\";\nexport const BORDER_RADIUS_BIG = \"16px\";\nexport const BORDER_RADIUS_PILL = \"999px\";\nexport const COLOR_NEUTRAL_70 = \"#16181d\";\nexport const COLOR_NEUTRAL_60 = \"#313131\";\nexport const COLOR_NEUTRAL_50 = \"#454a54\";\nexport const COLOR_NEUTRAL_40 = \"#5e6573\";\nexport const COLOR_NEUTRAL_30 = \"#c4c9d4\";\nexport const COLOR_NEUTRAL_20 = \"#e2e4e9\";\nexport const COLOR_NEUTRAL_10 = \"#f6f7fa\";\nexport const COLOR_NEUTRAL_00 = \"#ffffff\";\nexport const COLOR_BRAND_BLUE_60 = \"#18256c\";\nexport const COLOR_BRAND_BLUE_50 = \"#1737a4\";\nexport const COLOR_BRAND_BLUE_40 = \"#0048db\";\nexport const COLOR_BRAND_BLUE_30 = \"#9abcff\";\nexport const COLOR_BRAND_BLUE_20 = \"#dce8ff\";\nexport const COLOR_BRAND_BLUE_10 = \"#fafbff\";\nexport const COLOR_BRAND_BLUE_00 = \"#F2F5FC\";\nexport const COLOR_BRAND_EMERALD_60 = \"#013220\";\nexport const COLOR_BRAND_EMERALD_50 = \"#026441\";\nexport const COLOR_BRAND_EMERALD_40 = \"#04d98c\";\nexport const COLOR_BRAND_EMERALD_30 = \"#95f0cf\";\nexport const COLOR_BRAND_EMERALD_20 = \"#ccf2e4\";\nexport const COLOR_BRAND_EMERALD_10 = \"#edfef7\";\nexport const COLOR_BRAND_CYAN_60 = \"#004155\";\nexport const COLOR_BRAND_CYAN_50 = \"#005c77\";\nexport const COLOR_BRAND_CYAN_40 = \"#02bedf\";\nexport const COLOR_BRAND_CYAN_30 = \"#3edcff\";\nexport const COLOR_BRAND_CYAN_20 = \"#ccf3ff\";\nexport const COLOR_BRAND_CYAN_10 = \"#f1fcff\";\nexport const COLOR_SUCCESS_60 = \"#08331a\";\nexport const COLOR_SUCCESS_50 = \"#10593b\";\nexport const COLOR_SUCCESS_40 = \"#138040\";\nexport const COLOR_SUCCESS_30 = \"#66cc90\";\nexport const COLOR_SUCCESS_20 = \"#a1e5bd\";\nexport const COLOR_SUCCESS_10 = \"#e5fff0\";\nexport const COLOR_SUCCESS_00 = \"#f0fcf5\";\nexport const COLOR_ERROR_60 = \"#731111\";\nexport const COLOR_ERROR_50 = \"#991717\";\nexport const COLOR_ERROR_40 = \"#e52222\";\nexport const COLOR_ERROR_30 = \"#ff8080\";\nexport const COLOR_ERROR_20 = \"#ffbfbf\";\nexport const COLOR_ERROR_10 = \"#ffe5e5\";\nexport const COLOR_ERROR_00 = \"#f5eff0\";\nexport const COLOR_WARNING_60 = \"#803500\";\nexport const COLOR_WARNING_50 = \"#a64a08\";\nexport const COLOR_WARNING_40 = \"#fa822c\";\nexport const COLOR_WARNING_30 = \"#ffc59c\";\nexport const COLOR_WARNING_20 = \"#ffdabf\";\nexport const COLOR_WARNING_10 = \"#fff0e6\";\nexport const COLOR_WARNING_00 = \"#fcf4f0\";\nexport const COLOR_INFO_60 = \"#46008c\";\nexport const COLOR_INFO_50 = \"#510cb2\";\nexport const COLOR_INFO_40 = \"#6728e5\";\nexport const COLOR_INFO_30 = \"#bd9cff\";\nexport const COLOR_INFO_20 = \"#d4bfff\";\nexport const COLOR_INFO_10 = \"#eee6ff\";\nexport const COLOR_INFO_00 = \"#f3f0fc\";\nexport const SPACING_050 = \"4px\";\nexport const SPACING_100 = \"8px\";\nexport const SPACING_200 = \"16px\";\nexport const SPACING_300 = \"24px\";\nexport const SPACING_400 = \"32px\";\nexport const SPACING_500 = \"40px\";\nexport const SPACING_600 = \"48px\";\nexport const SPACING_700 = \"56px\";\nexport const SPACING_800 = \"64px\";\nexport const SPACING_900 = \"72px\";\nexport const BREAKPOINT_XSM = \"0px\";\nexport const BREAKPOINT_SM = \"320px\";\nexport const BREAKPOINT_MD = \"600px\";\nexport const BREAKPOINT_LG = \"1024px\";\nexport const BREAKPOINT_XLG = \"1920px\";\nexport const CONTAINER_SIZE = \"1240px\";\nexport const OPACITY_00 = \"0.05\";\nexport const OPACITY_10 = \"0.2\";\nexport const OPACITY_20 = \"0.4\";\nexport const OPACITY_30 = \"0.6\";\nexport const OPACITY_40 = \"0.8\";\nexport const SHADOW_01 = \"0px 2px 8px 0px rgba(169, 177, 197, 0.08), 0px 4px 4px 0px rgba(0, 72, 219, 0.04)\";\nexport const SHADOW_02 = \"0px 8px 24px 0px rgba(118, 134, 173, 0.08), 0px 4px 4px 0px rgba(0, 72, 219, 0.04)\";\nexport const SHADOW_03 = \"0px 16px 40px 0px rgba(118, 134, 173, 0.08), 0px 8px 8px 0px rgba(0, 72, 219, 0.04)\";\nexport const SHADOW_04 = \"0px 24px 56px 0px rgba(118, 134, 173, 0.08), 0px 12px 12px 0px rgba(0, 72, 219, 0.04)\";\nexport const FONT_TITLE = \"'Lexend Deca', sans-serif\";\nexport const FONT_BODY = \"'Source Sans 3', sans-serif\";\nexport const FONT_WEIGHT_BOLD = \"700\";\nexport const FONT_WEIGHT_SEMIBOLD = \"600\";\nexport const FONT_WEIGHT_MEDIUM = \"500\";\nexport const FONT_WEIGHT_REGULAR = \"400\";\nexport const FONT_SIZE_H1 = \"56px\";\nexport const FONT_SIZE_H2 = \"48px\";\nexport const FONT_SIZE_H3 = \"40px\";\nexport const FONT_SIZE_H4 = \"32px\";\nexport const FONT_SIZE_H5 = \"28px\";\nexport const FONT_SIZE_H6 = \"24px\";\nexport const FONT_SIZE_P1 = \"20px\";\nexport const FONT_SIZE_P2 = \"16px\";\nexport const FONT_SIZE_P3 = \"14px\";\nexport const FONT_SIZE_P4 = \"12px\";"],"names":[],"mappings":"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"}
package/dist/variables.scss CHANGED
@@ -16,6 +16,7 @@ $color-brand-blue-40: #0048db;
16
16
  $color-brand-blue-30: #9abcff;
17
17
  $color-brand-blue-20: #dce8ff;
18
18
  $color-brand-blue-10: #fafbff;
19
+ $color-brand-blue-00: #F2F5FC;
19
20
  $color-brand-emerald-60: #013220;
20
21
  $color-brand-emerald-50: #026441;
21
22
  $color-brand-emerald-40: #04d98c;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@consumidor-positivo/aurora",
3
3
  "private": false,
4
- "version": "0.0.48",
4
+ "version": "0.0.50",
5
5
  "type": "module",
6
6
  "main": "./dist/main.es.js",
7
7
  "modules": "./dist/main.es.js",
package/dist/tokens-BPzuCjxd.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"tokens-BPzuCjxd.js","sources":["../lib/components/form/Field/ErrorMessage.tsx","../lib/components/form/Field/Input.tsx","../lib/components/form/Field/Label.tsx","../lib/components/form/Field/Root.tsx","../lib/components/form/Field/index.tsx","../lib/core/tokens/.cache/tokens.ts"],"sourcesContent":["type ErrorMessageProps = {\n hasError?: boolean\n message?: string\n}\n\nexport const FieldErrorMessage = ({ hasError, message }: ErrorMessageProps) => {\n if (!hasError || !message) return\n\n return <p className=\"au-field__error-message\">{message}</p>\n}\n","import classNames from \"classnames\"\n\ntype FieldInputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n ref?: React.RefObject<HTMLInputElement>\n customclass?: string\n}\n\nexport const FieldInput = (props: FieldInputProps) => {\n const { ref, customclass } = props\n\n const inputClasses = classNames(\"au-field__input\", customclass)\n\n return <input className={inputClasses} ref={ref} {...props} />\n}\n","import { IconAlertCircle, IconCheck, IconSlash } from '../../icons'\nimport {\n COLOR_ERROR_50,\n COLOR_NEUTRAL_40,\n COLOR_SUCCESS_50,\n} from '../../../main'\n\ntype FieldLabelProps = {\n id?: string\n text?: string\n required?: boolean\n optional?: boolean\n success?: boolean\n error?: boolean\n disabled?: boolean\n}\n\nexport const FieldLabel = ({\n id,\n text,\n required,\n optional,\n success,\n error,\n disabled,\n}: FieldLabelProps) => {\n if (!text) return\n\n const states = [\n { state: 'optional', value: !!optional, icon: <span>(Opcional)</span> },\n {\n state: 'success',\n value: !!success,\n icon: <IconCheck rawColor={COLOR_SUCCESS_50} />,\n },\n {\n state: 'error',\n value: !!error,\n icon: <IconAlertCircle rawColor={COLOR_ERROR_50} />,\n },\n {\n state: 'disabled',\n value: !!disabled,\n icon: <IconSlash rawColor={COLOR_NEUTRAL_40} />,\n },\n ]\n\n const currentState = states.find(({ value }) => !!value)\n\n return (\n <div className=\"au-field__header\">\n <label htmlFor={id} className=\"au-field__header-label\">\n {text}{' '}\n {required && (\n <strong className=\"au-field__header-label--required\">*</strong>\n )}\n </label>\n <div className=\"au-field__header-icon\">{currentState?.icon}</div>\n </div>\n )\n}\n","import classNames from 'classnames'\n\ntype FieldRootProps = {\n children: React.ReactNode\n disabled?: boolean\n success?: boolean\n error?: boolean\n style?: React.CSSProperties\n customclass?: string\n}\n\nexport const FieldRoot = ({\n children,\n disabled,\n success,\n error,\n style,\n customclass,\n}: FieldRootProps) => {\n const inputClasses = classNames('au-field', customclass, {\n 'au-field--disabled': !!disabled,\n 'au-field--success': !!success,\n 'au-field--error': !!error,\n })\n\n return (\n <div className={inputClasses} style={style}>\n {children}\n </div>\n )\n}\n","import { FieldErrorMessage } from './ErrorMessage'\nimport { FieldInput } from './Input'\nimport { FieldLabel } from './Label'\nimport { FieldRoot } from './Root'\nimport './styles.scss'\n\nexport default {\n Root: FieldRoot,\n Input: FieldInput,\n Label: FieldLabel,\n ErrorMessage: FieldErrorMessage\n}","export const BORDER_RADIUS_SMALL = \"4px\";\nexport const BORDER_RADIUS_MEDIUM = \"8px\";\nexport const BORDER_RADIUS_BIG = \"16px\";\nexport const BORDER_RADIUS_PILL = \"999px\";\nexport const COLOR_NEUTRAL_70 = \"#16181d\";\nexport const COLOR_NEUTRAL_60 = \"#313131\";\nexport const COLOR_NEUTRAL_50 = \"#454a54\";\nexport const COLOR_NEUTRAL_40 = \"#5e6573\";\nexport const COLOR_NEUTRAL_30 = \"#c4c9d4\";\nexport const COLOR_NEUTRAL_20 = \"#e2e4e9\";\nexport const COLOR_NEUTRAL_10 = \"#f6f7fa\";\nexport const COLOR_NEUTRAL_00 = \"#ffffff\";\nexport const COLOR_BRAND_BLUE_60 = \"#18256c\";\nexport const COLOR_BRAND_BLUE_50 = \"#1737a4\";\nexport const COLOR_BRAND_BLUE_40 = \"#0048db\";\nexport const COLOR_BRAND_BLUE_30 = \"#9abcff\";\nexport const COLOR_BRAND_BLUE_20 = \"#dce8ff\";\nexport const COLOR_BRAND_BLUE_10 = \"#fafbff\";\nexport const COLOR_BRAND_EMERALD_60 = \"#013220\";\nexport const COLOR_BRAND_EMERALD_50 = \"#026441\";\nexport const COLOR_BRAND_EMERALD_40 = \"#04d98c\";\nexport const COLOR_BRAND_EMERALD_30 = \"#95f0cf\";\nexport const COLOR_BRAND_EMERALD_20 = \"#ccf2e4\";\nexport const COLOR_BRAND_EMERALD_10 = \"#edfef7\";\nexport const COLOR_BRAND_CYAN_60 = \"#004155\";\nexport const COLOR_BRAND_CYAN_50 = \"#005c77\";\nexport const COLOR_BRAND_CYAN_40 = \"#02bedf\";\nexport const COLOR_BRAND_CYAN_30 = \"#3edcff\";\nexport const COLOR_BRAND_CYAN_20 = \"#ccf3ff\";\nexport const COLOR_BRAND_CYAN_10 = \"#f1fcff\";\nexport const COLOR_SUCCESS_60 = \"#08331a\";\nexport const COLOR_SUCCESS_50 = \"#10593b\";\nexport const COLOR_SUCCESS_40 = \"#138040\";\nexport const COLOR_SUCCESS_30 = \"#66cc90\";\nexport const COLOR_SUCCESS_20 = \"#a1e5bd\";\nexport const COLOR_SUCCESS_10 = \"#e5fff0\";\nexport const COLOR_SUCCESS_00 = \"#f0fcf5\";\nexport const COLOR_ERROR_60 = \"#731111\";\nexport const COLOR_ERROR_50 = \"#991717\";\nexport const COLOR_ERROR_40 = \"#e52222\";\nexport const COLOR_ERROR_30 = \"#ff8080\";\nexport const COLOR_ERROR_20 = \"#ffbfbf\";\nexport const COLOR_ERROR_10 = \"#ffe5e5\";\nexport const COLOR_ERROR_00 = \"#f5eff0\";\nexport const COLOR_WARNING_60 = \"#803500\";\nexport const COLOR_WARNING_50 = \"#a64a08\";\nexport const COLOR_WARNING_40 = \"#fa822c\";\nexport const COLOR_WARNING_30 = \"#ffc59c\";\nexport const COLOR_WARNING_20 = \"#ffdabf\";\nexport const COLOR_WARNING_10 = \"#fff0e6\";\nexport const COLOR_WARNING_00 = \"#fcf4f0\";\nexport const COLOR_INFO_60 = \"#46008c\";\nexport const COLOR_INFO_50 = \"#510cb2\";\nexport const COLOR_INFO_40 = \"#6728e5\";\nexport const COLOR_INFO_30 = \"#bd9cff\";\nexport const COLOR_INFO_20 = \"#d4bfff\";\nexport const COLOR_INFO_10 = \"#eee6ff\";\nexport const COLOR_INFO_00 = \"#f3f0fc\";\nexport const SPACING_050 = \"4px\";\nexport const SPACING_100 = \"8px\";\nexport const SPACING_200 = \"16px\";\nexport const SPACING_300 = \"24px\";\nexport const SPACING_400 = \"32px\";\nexport const SPACING_500 = \"40px\";\nexport const SPACING_600 = \"48px\";\nexport const SPACING_700 = \"56px\";\nexport const SPACING_800 = \"64px\";\nexport const SPACING_900 = \"72px\";\nexport const BREAKPOINT_XSM = \"0px\";\nexport const BREAKPOINT_SM = \"320px\";\nexport const BREAKPOINT_MD = \"600px\";\nexport const BREAKPOINT_LG = \"1024px\";\nexport const BREAKPOINT_XLG = \"1920px\";\nexport const CONTAINER_SIZE = \"1240px\";\nexport const OPACITY_00 = \"0.05\";\nexport const OPACITY_10 = \"0.2\";\nexport const OPACITY_20 = \"0.4\";\nexport const OPACITY_30 = \"0.6\";\nexport const OPACITY_40 = \"0.8\";\nexport const SHADOW_01 = \"0px 2px 8px 0px rgba(169, 177, 197, 0.08), 0px 4px 4px 0px rgba(0, 72, 219, 0.04)\";\nexport const SHADOW_02 = \"0px 8px 24px 0px rgba(118, 134, 173, 0.08), 0px 4px 4px 0px rgba(0, 72, 219, 0.04)\";\nexport const SHADOW_03 = \"0px 16px 40px 0px rgba(118, 134, 173, 0.08), 0px 8px 8px 0px rgba(0, 72, 219, 0.04)\";\nexport const SHADOW_04 = \"0px 24px 56px 0px rgba(118, 134, 173, 0.08), 0px 12px 12px 0px rgba(0, 72, 219, 0.04)\";\nexport const FONT_TITLE = \"'Lexend Deca', sans-serif\";\nexport const FONT_BODY = \"'Source Sans 3', sans-serif\";\nexport const FONT_WEIGHT_BOLD = \"700\";\nexport const FONT_WEIGHT_SEMIBOLD = \"600\";\nexport const FONT_WEIGHT_MEDIUM = \"500\";\nexport const FONT_WEIGHT_REGULAR = \"400\";\nexport const FONT_SIZE_H1 = \"56px\";\nexport const FONT_SIZE_H2 = \"48px\";\nexport const FONT_SIZE_H3 = \"40px\";\nexport const FONT_SIZE_H4 = \"32px\";\nexport const FONT_SIZE_H5 = \"28px\";\nexport const FONT_SIZE_H6 = \"24px\";\nexport const FONT_SIZE_P1 = \"20px\";\nexport const FONT_SIZE_P2 = \"16px\";\nexport const FONT_SIZE_P3 = \"14px\";\nexport const FONT_SIZE_P4 = \"12px\";"],"names":[],"mappings":"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"}