@arkyn/components 1.3.27 → 1.3.29

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 (119) hide show
  1. package/base-variables.css +1 -1
  2. package/dist/components/Select/index.d.ts.map +1 -1
  3. package/dist/components/Select/index.js +1 -1
  4. package/dist/index.d.ts +6 -6
  5. package/dist/index.d.ts.map +1 -1
  6. package/dist/index.js +6 -6
  7. package/dist/newComponents/Breadcrumb/index.d.ts.map +1 -0
  8. package/dist/newComponents/Checkbox/index.d.ts.map +1 -0
  9. package/dist/newComponents/Divider/index.d.ts.map +1 -0
  10. package/dist/newComponents/Form/FormController/index.d.ts.map +1 -0
  11. package/dist/newComponents/Form/FormError/index.d.ts.map +1 -0
  12. package/dist/newComponents/Form/FormLabel/index.d.ts.map +1 -0
  13. package/dist/newComponents/Form/index.d.ts.map +1 -0
  14. package/dist/newComponents/IconButton/index.d.ts.map +1 -0
  15. package/dist/newComponents/Input/CpfCpnjInput/getConfig.d.ts.map +1 -0
  16. package/dist/newComponents/Input/CpfCpnjInput/index.d.ts.map +1 -0
  17. package/dist/{components → newComponents}/Input/CpfCpnjInput/index.js +1 -1
  18. package/dist/newComponents/Input/CpfCpnjInput/utils.d.ts.map +1 -0
  19. package/dist/newComponents/Input/CurrencyInput/getConfig.d.ts.map +1 -0
  20. package/dist/newComponents/Input/CurrencyInput/index.d.ts.map +1 -0
  21. package/dist/{components → newComponents}/Input/CurrencyInput/index.js +1 -1
  22. package/dist/newComponents/Input/CurrencyInput/utils.d.ts.map +1 -0
  23. package/dist/{components/Input/CpfCpnjInput → newComponents/Input/MaskInput}/getConfig.d.ts.map +1 -1
  24. package/dist/newComponents/Input/MaskInput/index.d.ts.map +1 -0
  25. package/dist/{components → newComponents}/Input/MaskInput/index.js +1 -1
  26. package/dist/newComponents/Input/SimpleInput/getConfig.d.ts.map +1 -0
  27. package/dist/newComponents/Input/SimpleInput/index.d.ts.map +1 -0
  28. package/dist/{components → newComponents}/Input/SimpleInput/index.js +1 -1
  29. package/dist/newComponents/Input/index.d.ts.map +1 -0
  30. package/dist/newComponents/Input/utils/morpheme.d.ts.map +1 -0
  31. package/dist/style.css +1 -1
  32. package/package.json +1 -1
  33. package/src/components/Select/index.tsx +2 -2
  34. package/src/index.ts +6 -6
  35. package/src/{components → newComponents}/Breadcrumb/styles.css +4 -4
  36. package/src/newComponents/Button/styles.css +0 -4
  37. package/src/{components → newComponents}/Checkbox/styles.css +5 -5
  38. package/src/{components → newComponents}/Divider/styles.css +1 -1
  39. package/src/{components → newComponents}/Form/FormError/styles.css +1 -1
  40. package/src/{components → newComponents}/Form/FormLabel/styles.css +2 -2
  41. package/src/newComponents/IconButton/styles.css +160 -0
  42. package/src/{components → newComponents}/Input/CpfCpnjInput/index.tsx +1 -1
  43. package/src/{components → newComponents}/Input/CurrencyInput/index.tsx +1 -1
  44. package/src/{components → newComponents}/Input/MaskInput/index.tsx +1 -1
  45. package/src/{components → newComponents}/Input/SimpleInput/index.tsx +1 -1
  46. package/src/{components → newComponents}/Input/styles.css +25 -27
  47. package/dist/components/Breadcrumb/index.d.ts.map +0 -1
  48. package/dist/components/Checkbox/index.d.ts.map +0 -1
  49. package/dist/components/Divider/index.d.ts.map +0 -1
  50. package/dist/components/Form/FormController/index.d.ts.map +0 -1
  51. package/dist/components/Form/FormError/index.d.ts.map +0 -1
  52. package/dist/components/Form/FormLabel/index.d.ts.map +0 -1
  53. package/dist/components/Form/index.d.ts.map +0 -1
  54. package/dist/components/IconButton/index.d.ts.map +0 -1
  55. package/dist/components/Input/CpfCpnjInput/index.d.ts.map +0 -1
  56. package/dist/components/Input/CpfCpnjInput/utils.d.ts.map +0 -1
  57. package/dist/components/Input/CurrencyInput/getConfig.d.ts.map +0 -1
  58. package/dist/components/Input/CurrencyInput/index.d.ts.map +0 -1
  59. package/dist/components/Input/CurrencyInput/utils.d.ts.map +0 -1
  60. package/dist/components/Input/MaskInput/getConfig.d.ts.map +0 -1
  61. package/dist/components/Input/MaskInput/index.d.ts.map +0 -1
  62. package/dist/components/Input/SimpleInput/getConfig.d.ts.map +0 -1
  63. package/dist/components/Input/SimpleInput/index.d.ts.map +0 -1
  64. package/dist/components/Input/index.d.ts.map +0 -1
  65. package/dist/components/Input/utils/morpheme.d.ts.map +0 -1
  66. package/src/components/IconButton/styles.css +0 -318
  67. /package/dist/{components → newComponents}/Breadcrumb/index.d.ts +0 -0
  68. /package/dist/{components → newComponents}/Breadcrumb/index.js +0 -0
  69. /package/dist/{components → newComponents}/Checkbox/index.d.ts +0 -0
  70. /package/dist/{components → newComponents}/Checkbox/index.js +0 -0
  71. /package/dist/{components → newComponents}/Divider/index.d.ts +0 -0
  72. /package/dist/{components → newComponents}/Divider/index.js +0 -0
  73. /package/dist/{components → newComponents}/Form/FormController/index.d.ts +0 -0
  74. /package/dist/{components → newComponents}/Form/FormController/index.js +0 -0
  75. /package/dist/{components → newComponents}/Form/FormError/index.d.ts +0 -0
  76. /package/dist/{components → newComponents}/Form/FormError/index.js +0 -0
  77. /package/dist/{components → newComponents}/Form/FormLabel/index.d.ts +0 -0
  78. /package/dist/{components → newComponents}/Form/FormLabel/index.js +0 -0
  79. /package/dist/{components → newComponents}/Form/index.d.ts +0 -0
  80. /package/dist/{components → newComponents}/Form/index.js +0 -0
  81. /package/dist/{components → newComponents}/IconButton/index.d.ts +0 -0
  82. /package/dist/{components → newComponents}/IconButton/index.js +0 -0
  83. /package/dist/{components → newComponents}/Input/CpfCpnjInput/getConfig.d.ts +0 -0
  84. /package/dist/{components → newComponents}/Input/CpfCpnjInput/getConfig.js +0 -0
  85. /package/dist/{components → newComponents}/Input/CpfCpnjInput/index.d.ts +0 -0
  86. /package/dist/{components → newComponents}/Input/CpfCpnjInput/utils.d.ts +0 -0
  87. /package/dist/{components → newComponents}/Input/CpfCpnjInput/utils.js +0 -0
  88. /package/dist/{components → newComponents}/Input/CurrencyInput/getConfig.d.ts +0 -0
  89. /package/dist/{components → newComponents}/Input/CurrencyInput/getConfig.js +0 -0
  90. /package/dist/{components → newComponents}/Input/CurrencyInput/index.d.ts +0 -0
  91. /package/dist/{components → newComponents}/Input/CurrencyInput/utils.d.ts +0 -0
  92. /package/dist/{components → newComponents}/Input/CurrencyInput/utils.js +0 -0
  93. /package/dist/{components → newComponents}/Input/MaskInput/getConfig.d.ts +0 -0
  94. /package/dist/{components → newComponents}/Input/MaskInput/getConfig.js +0 -0
  95. /package/dist/{components → newComponents}/Input/MaskInput/index.d.ts +0 -0
  96. /package/dist/{components → newComponents}/Input/SimpleInput/getConfig.d.ts +0 -0
  97. /package/dist/{components → newComponents}/Input/SimpleInput/getConfig.js +0 -0
  98. /package/dist/{components → newComponents}/Input/SimpleInput/index.d.ts +0 -0
  99. /package/dist/{components → newComponents}/Input/index.d.ts +0 -0
  100. /package/dist/{components → newComponents}/Input/index.js +0 -0
  101. /package/dist/{components → newComponents}/Input/utils/morpheme.d.ts +0 -0
  102. /package/dist/{components → newComponents}/Input/utils/morpheme.js +0 -0
  103. /package/src/{components → newComponents}/Breadcrumb/index.tsx +0 -0
  104. /package/src/{components → newComponents}/Checkbox/index.tsx +0 -0
  105. /package/src/{components → newComponents}/Divider/index.tsx +0 -0
  106. /package/src/{components → newComponents}/Form/FormController/index.tsx +0 -0
  107. /package/src/{components → newComponents}/Form/FormController/styles.css +0 -0
  108. /package/src/{components → newComponents}/Form/FormError/index.tsx +0 -0
  109. /package/src/{components → newComponents}/Form/FormLabel/index.tsx +0 -0
  110. /package/src/{components → newComponents}/Form/index.ts +0 -0
  111. /package/src/{components → newComponents}/IconButton/index.tsx +0 -0
  112. /package/src/{components → newComponents}/Input/CpfCpnjInput/getConfig.tsx +0 -0
  113. /package/src/{components → newComponents}/Input/CpfCpnjInput/utils.ts +0 -0
  114. /package/src/{components → newComponents}/Input/CurrencyInput/getConfig.tsx +0 -0
  115. /package/src/{components → newComponents}/Input/CurrencyInput/utils.ts +0 -0
  116. /package/src/{components → newComponents}/Input/MaskInput/getConfig.tsx +0 -0
  117. /package/src/{components → newComponents}/Input/SimpleInput/getConfig.tsx +0 -0
  118. /package/src/{components → newComponents}/Input/index.tsx +0 -0
  119. /package/src/{components → newComponents}/Input/utils/morpheme.tsx +0 -0
@@ -7,7 +7,7 @@
7
7
  --text-primary: #116ddc;
8
8
  --text-heading: #0f172a;
9
9
  --text-body: #475569;
10
- --text-fraquinho: #94a3b8;
10
+ --text-light: #94a3b8;
11
11
  --text-link: #0ea5e9;
12
12
 
13
13
  /* Border */
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAShD,OAAO,cAAc,CAAC;AAEtB,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,2CAuKjC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAQhD,OAAO,cAAc,CAAC;AAGtB,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,2CAuKjC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -1,9 +1,9 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
2
  import { Check, ChevronDown } from "lucide-react";
3
3
  import { useRef, useState } from "react";
4
- import { useFormController } from "../Form/FormController";
5
4
  import { getConfig } from "./getConfig";
6
5
  import "./styles.css";
6
+ import { useFormController } from "../../newComponents/Form/FormController";
7
7
  function Select(props) {
8
8
  const [isFocused, setIsFocused] = useState(false);
9
9
  const { inputRef, id, error } = useFormController();
package/dist/index.d.ts CHANGED
@@ -1,13 +1,13 @@
1
1
  export { Badge } from "./newComponents/Badge";
2
- export { Divider } from "./components/Divider";
2
+ export { Divider } from "./newComponents/Divider";
3
3
  export { Skeleton } from "./components/Skeleton";
4
4
  export { Button } from "./newComponents/Button";
5
- export { Checkbox } from "./components/Checkbox";
6
- export { FormController, FormError, FormLabel } from "./components/Form";
7
- export { IconButton } from "./components/IconButton";
8
- export { Input } from "./components/Input";
5
+ export { Checkbox } from "./newComponents/Checkbox";
6
+ export { FormController, FormError, FormLabel } from "./newComponents/Form";
7
+ export { IconButton } from "./newComponents/IconButton";
8
+ export { Input } from "./newComponents/Input";
9
9
  export { Select } from "./components/Select";
10
- export { Breadcrumb, BreadcrumbLink } from "./components/Breadcrumb";
10
+ export { Breadcrumb, BreadcrumbLink } from "./newComponents/Breadcrumb";
11
11
  export { Modal } from "./newComponents/Modal";
12
12
  export { Tooltip } from "./components/Tooltip";
13
13
  export { useAutomation } from "./hooks/useAutomation";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGrE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAGxE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC"}
package/dist/index.js CHANGED
@@ -1,16 +1,16 @@
1
1
  // Data Display
2
2
  export { Badge } from "./newComponents/Badge";
3
- export { Divider } from "./components/Divider";
3
+ export { Divider } from "./newComponents/Divider";
4
4
  export { Skeleton } from "./components/Skeleton";
5
5
  // Form
6
6
  export { Button } from "./newComponents/Button";
7
- export { Checkbox } from "./components/Checkbox";
8
- export { FormController, FormError, FormLabel } from "./components/Form";
9
- export { IconButton } from "./components/IconButton";
10
- export { Input } from "./components/Input";
7
+ export { Checkbox } from "./newComponents/Checkbox";
8
+ export { FormController, FormError, FormLabel } from "./newComponents/Form";
9
+ export { IconButton } from "./newComponents/IconButton";
10
+ export { Input } from "./newComponents/Input";
11
11
  export { Select } from "./components/Select";
12
12
  // Navigation
13
- export { Breadcrumb, BreadcrumbLink } from "./components/Breadcrumb";
13
+ export { Breadcrumb, BreadcrumbLink } from "./newComponents/Breadcrumb";
14
14
  // Overlay
15
15
  export { Modal } from "./newComponents/Modal";
16
16
  export { Tooltip } from "./components/Tooltip";
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/newComponents/Breadcrumb/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAMzE,OAAO,cAAc,CAAC;AAEtB,iBAAS,UAAU,CAAC,IAAI,EAAE,eAAe,2CAGxC;AAED,iBAAS,cAAc,CAAC,IAAI,EAAE,mBAAmB,2CAmBhD;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/newComponents/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7C,OAAO,cAAc,CAAC;AAEtB,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAyCrC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/newComponents/Divider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,cAAc,CAAC;AAEtB,iBAAS,OAAO,CAAC,IAAI,EAAE,YAAY,2CAUlC;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/newComponents/Form/FormController/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,0BAA0B,EAC1B,mBAAmB,EACpB,MAAM,cAAc,CAAC;AAKtB,OAAO,cAAc,CAAC;AAItB,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,mBAAmB,2CAiBjE;AAED,iBAAS,iBAAiB,+BAEzB;AAED,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/newComponents/Form/FormError/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,cAAc,CAAC;AAEtB,KAAK,cAAc,GAAG;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAK9C;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/newComponents/Form/FormLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAKnD,OAAO,cAAc,CAAC;AAEtB,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,2CAGvC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/newComponents/Form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/newComponents/IconButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,OAAO,cAAc,CAAC;AAStB,iBAAS,UAAU,CAAC,IAAI,EAAE,eAAe,2CA6BxC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getConfig.d.ts","sourceRoot":"","sources":["../../../../src/newComponents/Input/CpfCpnjInput/getConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAMtD,iBAAS,SAAS,CAAC,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkE9D;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/newComponents/Input/CpfCpnjInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAStD,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAmG7C;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useRef, useState } from "react";
3
- import { useFormController } from "../../Form/FormController";
3
+ import { useFormController } from "../../../newComponents/Form/FormController";
4
4
  import { getConfig } from "./getConfig";
5
5
  import { MAX_LENGTH, TYPES, applyMask, clear, getMask } from "./utils";
6
6
  function CpfCnpjInput(props) {
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/newComponents/Input/CpfCpnjInput/utils.ts"],"names":[],"mappings":"AAAA,iBAAS,KAAK,CAAC,KAAK,EAAE,MAAM,UAE3B;AAED,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,MAAM,UAYrD;AAED,iBAAS,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAE9C;AAED,QAAA,MAAM,KAAK;;;CAGV,CAAC;AAEF,QAAA,MAAM,UAAU,QAA2B,CAAC;AAE5C,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getConfig.d.ts","sourceRoot":"","sources":["../../../../src/newComponents/Input/CurrencyInput/getConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAKvD,iBAAS,SAAS,CAAC,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwD/D;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/newComponents/Input/CurrencyInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AASvD,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA6F/C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useRef, useState } from "react";
3
- import { useFormController } from "../../Form/FormController";
3
+ import { useFormController } from "../../../newComponents/Form/FormController";
4
4
  import { getConfig } from "./getConfig";
5
5
  import { currencyInputKeyDown, valueDisplay } from "./utils";
6
6
  function CurrencyInput(props) {
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/newComponents/Input/CurrencyInput/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAM3C,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACrC,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,iBAAS,YAAY,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,UAUzD;AAED,iBAAS,oBAAoB,CAAC,IAAI,EAAE,cAAc,QA4BjD;AAED,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"getConfig.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/CpfCpnjInput/getConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAMtD,iBAAS,SAAS,CAAC,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkE9D;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
1
+ {"version":3,"file":"getConfig.d.ts","sourceRoot":"","sources":["../../../../src/newComponents/Input/MaskInput/getConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAKrD,iBAAS,SAAS,CAAC,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuD7D;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/newComponents/Input/MaskInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAgBrD,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA2E3C;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { InputMask } from "@react-input/mask";
3
3
  import { forwardRef, useRef, useState } from "react";
4
- import { useFormController } from "../../Form/FormController";
4
+ import { useFormController } from "../../../newComponents/Form/FormController";
5
5
  import { getConfig } from "./getConfig";
6
6
  const BaseInput = forwardRef((props, ref) => {
7
7
  return _jsx("input", { ref: ref, ...props });
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getConfig.d.ts","sourceRoot":"","sources":["../../../../src/newComponents/Input/SimpleInput/getConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAKrD,iBAAS,SAAS,CAAC,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoD7D;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/newComponents/Input/SimpleInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAQrD,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAkF3C;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useRef, useState } from "react";
3
- import { useFormController } from "../../Form/FormController";
3
+ import { useFormController } from "../../../newComponents/Form/FormController";
4
4
  import { getConfig } from "./getConfig";
5
5
  function SimpleInput(props) {
6
6
  const [isFocused, setIsFocused] = useState(false);
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/newComponents/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO/C,OAAO,cAAc,CAAC;AAEtB,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,2CAK/B;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"morpheme.d.ts","sourceRoot":"","sources":["../../../../src/newComponents/Input/utils/morpheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,iBAAS,QAAQ,CACf,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,EACrC,QAAQ,EAAE,MAAM,EAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,2CAW1B;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .arkyn_badge{display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid transparent}.arkyn_badge.solid{color:#fff}.arkyn_badge.solid.primary{background-color:rgba(var(--spotlights-primary),1)}.arkyn_badge.solid.danger{background-color:rgba(var(--spotlights-danger),1)}.arkyn_badge.solid.success{background-color:rgba(var(--spotlights-success),1)}.arkyn_badge.solid.warning{background-color:rgba(var(--spotlights-warning),1)}.arkyn_badge.solid.info{background-color:rgba(var(--spotlights-info),1)}.arkyn_button.outline{background-color:rgba(var(--spotlights-outline),1)}.arkyn_badge.outline.primary{color:rgba(var(--spotlights-primary),1);border-color:rgba(var(--spotlights-primary),1)}.arkyn_badge.outline.danger{color:rgba(var(--spotlights-danger),1);border-color:rgba(var(--spotlights-danger),1)}.arkyn_badge.outline.success{color:rgba(var(--spotlights-success),1);border-color:rgba(var(--spotlights-success),1)}.arkyn_badge.outline.warning{color:rgba(var(--spotlights-warning),1);border-color:rgba(var(--spotlights-warning),1)}.arkyn_badge.outline.info{color:rgba(var(--spotlights-info),1);border-color:rgba(var(--spotlights-info),1)}.arkyn_badge.ghost.primary{color:rgba(var(--spotlights-primary),1);background-color:rgba(var(--spotlights-primary),.2)}.arkyn_badge.ghost.danger{color:rgba(var(--spotlights-danger),1);background-color:rgba(var(--spotlights-danger),.2)}.arkyn_badge.ghost.success{color:rgba(var(--spotlights-success),1);background-color:rgba(var(--spotlights-success),.2)}.arkyn_badge.ghost.warning{color:rgba(var(--spotlights-warning),1);background-color:rgba(var(--spotlights-warning),.2)}.arkyn_badge.ghost.info{color:rgba(var(--spotlights-info),1);background-color:rgba(var(--spotlights-info),.2)}.arkyn_badge.lg{font-weight:400;font-size:12px;line-height:12px;border-radius:4px;padding:0 16px;height:24px}.arkyn_badge.md{font-weight:400;font-size:10px;line-height:10px;border-radius:4px;padding:0 12px;height:20px}.arkyn_divider{display:block;flex:1;background-color:var(--secondary-300)}.arkyn_divider.horizontal{width:100%;min-height:1px;max-height:1px}.arkyn_divider.vertical{height:100%;min-width:1px;max-width:1px}.arkyn_skeleton{width:100%;height:100%;border-radius:6px;background:linear-gradient(to right,#f0f0f0 4%,#e0e0e0 25%,#f0f0f0 36%);background-size:40rem 100%;animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{background-position:-40rem 0}to{background-position:40rem 0}}.arkyn_button{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkyn_button:hover{cursor:pointer;filter:brightness(1.2)}.arkyn_button:disabled{cursor:not-allowed;opacity:.5}.arkyn_button .content{display:flex;align-items:center;justify-content:center;white-space:nowrap}.arkyn_button.solid{color:#fff}.arkyn_button.solid:disabled{opacity:.4}.arkyn_button.solid.primary{background-color:rgba(var(--spotlights-primary),1)}.arkyn_button.solid.danger{background-color:rgba(var(--spotlights-danger),1)}.arkyn_button.solid.success{background-color:rgba(var(--spotlights-success),1)}.arkyn_button.solid.warning{background-color:rgba(var(--spotlights-warning),1)}.arkyn_button.outline{background-color:rgba(var(--spotlights-outline),1);border-color:var(--border)}.arkyn_button.outline.primary{color:rgba(var(--spotlights-primary),1)}.arkyn_button.outline.danger{color:rgba(var(--spotlights-danger),1)}.arkyn_button.outline.success{color:rgba(var(--spotlights-success),1)}.arkyn_button.outline.warning{color:rgba(var(--spotlights-warning),1)}.arkyn_button.ghost.primary{color:rgba(var(--spotlights-primary),1);background-color:rgba(var(--spotlights-primary),.2)}.arkyn_button.ghost.danger{color:rgba(var(--spotlights-danger),1);background-color:rgba(var(--spotlights-danger),.2)}.arkyn_button.ghost.success{color:rgba(var(--spotlights-success),1);background-color:rgba(var(--spotlights-success),.2)}.arkyn_button.ghost.warning{color:rgba(var(--spotlights-warning),1);background-color:rgba(var(--spotlights-warning),.2)}.arkyn_button.invisible.primary{color:rgba(var(--spotlights-primary),1)}.arkyn_button.invisible.danger{color:rgba(var(--spotlights-danger),1)}.arkyn_button.invisible.success{color:rgba(var(--spotlights-success),1)}.arkyn_button.invisible.warning{color:rgba(var(--spotlights-warning),1)}.arkyn_button.lg{font-weight:600;font-size:14px;line-height:14px;border-radius:6px;padding:0 20px;height:44px}.arkyn_button.lg .content,.arkyn_button.lg .spinner{gap:16px}.arkyn_button.md{font-weight:600;font-size:14px;line-height:14px;border-radius:6px;gap:16px;padding:0 16px;height:40px}.arkyn_button.md .content,.arkyn_button.md .spinner{gap:14px}.arkyn_button.sm{font-weight:600;font-size:12px;line-height:12px;border-radius:6px;padding:0 16px;height:32px}.arkyn_button.sm .content,.arkyn_button.sm .spinner{gap:12px}.arkyn_button.xs{font-weight:600;font-size:10px;line-height:10px;border-radius:4px;padding:0 16px;height:24px}.arkyn_button.xs .content,.arkyn_button.xs .spinner{gap:8px}.arkyn_button .spinner{display:flex;align-items:center;justify-content:center;white-space:nowrap;opacity:0}.arkyn_button .spinner>svg{animation:spin 2s linear infinite}.arkyn_button.loading_text_false .spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.arkyn_button.loading_text_true .spinner{max-height:0px}.arkyn_button.loading_true .content{opacity:0;max-height:0px}.arkyn_button.loading_true .spinner{opacity:1;max-height:unset}.arkyn_form_controller{display:flex;flex-direction:column;gap:6px}.arkyn_checkbox{display:flex;align-items:center;justify-content:center;border:2px solid var(--secondary-400);background-color:var(--secondary-100)}.arkyn_checkbox:hover{cursor:pointer}.arkyn_checkbox svg{display:none;stroke-width:3px}.arkyn_checkbox.sm{height:16px;width:16px;border-radius:2px}.arkyn_checkbox.sm svg{min-height:12px;min-width:12px}.arkyn_checkbox.md{height:20px;width:20px;border-radius:4px}.arkyn_checkbox.md svg{min-height:14px;min-width:14px}.arkyn_checkbox.lg{height:24px;width:24px;border-radius:6px}.arkyn_checkbox.lg svg{min-height:14px;min-width:14px}.arkyn_checkbox.checked{background-color:var(--primary-500);border-color:var(--primary-500)}.arkyn_checkbox.checked svg{display:unset;color:#fff}.arkyn_checkbox.error{border-color:var(--danger-500)}.arkyn_form_error{font-size:12px;line-height:12px;font-weight:600;color:var(--danger-600)}.arkyn_form_label{color:var(--secondary-700);font-size:14px;font-weight:600;line-height:19.07px}.arkyn_form_label.show-asterisk:before{content:"* ";font-size:12px;font-weight:600;line-height:16.34px;text-align:left;color:var(--danger-600)}.arkyn_icon_button{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkyn_icon_button:hover{cursor:pointer}.arkyn_icon_button:disabled{cursor:not-allowed;opacity:.5}.arkyn_icon_button .content{display:flex;align-items:center;justify-content:center}.arkyn_icon_button.solid{color:#fff}.arkyn_icon_button.solid:disabled{opacity:.4}.arkyn_icon_button.solid.primary{background-color:var(--primary-500)}.arkyn_icon_button.solid.primary:hover{background-color:var(--primary-400)}.arkyn_icon_button.solid.primary:disabled{background-color:var(--primary-400)}.arkyn_icon_button.solid.danger{background-color:var(--danger-600)}.arkyn_icon_button.solid.danger:hover{background-color:var(--danger-500)}.arkyn_icon_button.solid.danger:disabled{background-color:var(--danger-500)}.arkyn_icon_button.solid.success{background-color:var(--success-500)}.arkyn_icon_button.solid.success:hover{background-color:var(--success-400)}.arkyn_icon_button.solid.success:disabled{background-color:var(--success-400)}.arkyn_icon_button.solid.warning{background-color:var(--warning-600)}.arkyn_icon_button.solid.warning:hover{background-color:var(--warning-500)}.arkyn_icon_button.solid.warning:disabled{background-color:var(--warning-500)}.arkyn_icon_button.outline{border-color:var(--secondary-300)}.arkyn_icon_button.outline:hover{border-color:var(--secondary-200)}.arkyn_icon_button.outline:disabled{border-color:var(--secondary-200)}.arkyn_icon_button.outline.primary{color:var(--primary-500)}.arkyn_icon_button.outline.primary:hover{color:var(--primary-400)}.arkyn_icon_button.outline.primary:disabled{color:var(--primary-400)}.arkyn_icon_button.outline.danger{color:var(--danger-600)}.arkyn_icon_button.outline.danger:hover{color:var(--danger-500)}.arkyn_icon_button.outline.danger:disabled{color:var(--danger-500)}.arkyn_icon_button.outline.success{color:var(--success-500)}.arkyn_icon_button.outline.success:hover{color:var(--success-400)}.arkyn_icon_button.outline.success:disabled{color:var(--success-400)}.arkyn_icon_button.outline.warning{color:var(--warning-600)}.arkyn_icon_button.outline.warning:hover{color:var(--warning-500)}.arkyn_icon_button.outline.warning:disabled{color:var(--warning-500)}.arkyn_icon_button.ghost:disabled{opacity:.4}.arkyn_icon_button.ghost.primary{color:var(--primary-500);background-color:var(--primary-100)}.arkyn_icon_button.ghost.primary:hover{color:var(--primary-400);background-color:var(--primary-50)}.arkyn_icon_button.ghost.primary:disabled{color:var(--primary-400);background-color:var(--primary-50)}.arkyn_icon_button.ghost.danger{color:var(--danger-600);background-color:var(--danger-100)}.arkyn_icon_button.ghost.danger:hover{color:var(--danger-500);background-color:var(--danger-50)}.arkyn_icon_button.ghost.danger:disabled{color:var(--danger-500);background-color:var(--danger-50)}.arkyn_icon_button.ghost.success{color:var(--success-500);background-color:var(--success-100)}.arkyn_icon_button.ghost.success:hover{color:var(--success-400);background-color:var(--success-50)}.arkyn_icon_button.ghost.success:disabled{color:var(--success-400);background-color:var(--success-50)}.arkyn_icon_button.ghost.warning{color:var(--warning-600);background-color:var(--warning-100)}.arkyn_icon_button.ghost.warning:hover{color:var(--warning-500);background-color:var(--warning-50)}.arkyn_icon_button.ghost.warning:disabled{color:var(--warning-500);background-color:var(--warning-50)}.arkyn_icon_button.invisible:disabled{opacity:.4}.arkyn_icon_button.invisible.primary{color:var(--primary-500)}.arkyn_icon_button.invisible.primary:hover{color:var(--primary-400)}.arkyn_icon_button.invisible.primary:disabled{color:var(--primary-400)}.arkyn_icon_button.invisible.danger{color:var(--danger-600)}.arkyn_icon_button.invisible.danger:hover{color:var(--danger-500)}.arkyn_icon_button.invisible.danger:disabled{color:var(--danger-500)}.arkyn_icon_button.invisible.success{color:var(--success-500)}.arkyn_icon_button.invisible.success:hover{color:var(--success-400)}.arkyn_icon_button.invisible.success:disabled{color:var(--success-400)}.arkyn_icon_button.invisible.warning{color:var(--warning-600)}.arkyn_icon_button.invisible.warning:hover{color:var(--warning-500)}.arkyn_icon_button.invisible.warning:disabled{color:var(--warning-500)}.arkyn_icon_button.lg{border-radius:6px;height:44px;width:44px}.arkyn_icon_button.md{border-radius:6px;height:40px;width:40px}.arkyn_icon_button.sm{border-radius:6px;height:32px;width:32px}.arkyn_icon_button.xs{border-radius:4px;height:24px;width:24px}.arkyn_icon_button .spinner{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}.arkyn_icon_button .spinner svg{animation:spin 2s linear infinite}.arkyn_icon_button.loading_true .content{opacity:0}.arkyn_icon_button.loading_true .spinner{opacity:1}.arkyn_input{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:6px;border:1px solid transparent;outline:1px solid transparent}.arkyn_input:hover{cursor:text}.arkyn_input input{border:none;outline:none;background:transparent;width:100%}.arkyn_input input{color:var(--secondary-900)}.arkyn_input .prefix,.arkyn_input .sufix{color:var(--secondary-600);background:var(--secondary-200);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkyn_input .prefix{left:0;top:0;bottom:0;border-radius:5px 0 0 5px;border-right:1px solid var(--secondary-300)}.arkyn_input .sufix{right:0;top:0;bottom:0;border-radius:0 5px 5px 0;border-left:1px solid var(--secondary-300)}.arkyn_input input::placeholder{color:var(--secondary-400)}.arkyn_input svg{color:var(--secondary-400)}.arkyn_input.errored svg{color:var(--danger-600)}.arkyn_input:not(.opacity).focused svg{color:var(--primary-500)}.arkyn_input.opacity{opacity:.5}.arkyn_input.solid{border-color:var(--secondary-300);background-color:var(--secondary-50)}.arkyn_input.solid.errored{border-color:var(--danger-600);outline-color:var(--danger-600)}.arkyn_input:not(.opacity).solid.focused{border-color:var(--primary-500);outline-color:var(--primary-500)}.arkyn_input.outline{border-color:var(--secondary-300)}.arkyn_input.outline.errored{border-color:var(--danger-600);outline-color:var(--danger-600)}.arkyn_input:not(.opacity).outline.focused{border-color:var(--primary-500);outline-color:var(--primary-500)}.arkyn_input.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--secondary-300)}.arkyn_input.underline .sufix,.arkyn_input.underline .prefix{display:none}.arkyn_input.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkyn_input.underline.errored{border-color:var(--danger-600)}.arkyn_input.underline.errored:before{background:var(--danger-600)}.arkyn_input:not(.opacity).underline.focused{border-color:var(--primary-500)}.arkyn_input:not(.opacity).underline.focused:before{background:var(--primary-500)}.arkyn_input.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkyn_input.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_input.md.hasPrefix{padding-left:60px}.arkyn_input.md.hasSufix{padding-right:60px}.arkyn_input.md .prefix,.arkyn_input.md .sufix{height:40px;width:44px;font-size:14px}.arkyn_input.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkyn_input.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_input.lg .prefix,.arkyn_input.lg .sufix{height:44px;width:48px;font-size:16px}.arkyn_input.lg.hasPrefix{padding-left:64px}.arkyn_input.lg.hasSufix{padding-right:64px}.arkyn_input .spinner{animation:spin 2s linear infinite}.arkyn_select{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:6px;border:1px solid transparent;outline:1px solid transparent}.arkyn_select:hover{cursor:pointer}.arkyn_select input{border:none;outline:none;background:transparent;width:100%}.arkyn_select input{color:var(--secondary-900)}.arkyn_select .prefix{color:var(--secondary-600);background:var(--secondary-200);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkyn_select .prefix{left:0;top:0;bottom:0;border-radius:5px 0 0 5px;border-right:1px solid var(--secondary-300)}.arkyn_select.placeholder_dark_true input::placeholder{color:var(--secondary-900)}.arkyn_select.placeholder_dark_false input::placeholder{color:var(--secondary-400)}.arkyn_select svg{color:var(--secondary-400)}.arkyn_select.errored svg{color:var(--danger-600)}.arkyn_select:not(.opacity).focused svg{color:var(--primary-500)}.arkyn_select.opacity{opacity:.5}.arkyn_select .arkyn_select_arrow{transition:.15s all ease-in-out;color:var(--secondary-400)}.arkyn_select:not(.opacity).focused .arkyn_select_arrow{transform:rotate(180deg)}.arkyn_select.solid{border-color:var(--secondary-300);background-color:var(--secondary-50)}.arkyn_select.solid.errored{border-color:var(--danger-600);outline-color:var(--danger-600)}.arkyn_select:not(.opacity).solid.focused{border-color:var(--primary-500);outline-color:var(--primary-500)}.arkyn_select.outline{border-color:var(--secondary-300)}.arkyn_select.outline.errored{border-color:var(--danger-600);outline-color:var(--danger-600)}.arkyn_select:not(.opacity).outline.focused{border-color:var(--primary-500);outline-color:var(--primary-500)}.arkyn_select.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--secondary-300)}.arkyn_select.underline .prefix{display:none}.arkyn_select.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkyn_select.underline.errored{border-color:var(--danger-600)}.arkyn_select.underline.errored:before{background:var(--danger-600)}.arkyn_select:not(.opacity).underline.focused{border-color:var(--primary-500)}.arkyn_select:not(.opacity).underline.focused:before{background:var(--primary-500)}.arkyn_select.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkyn_select.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_select.md.hasPrefix{padding-left:60px}.arkyn_select.md .prefix{height:40px;width:44px;font-size:14px}.arkyn_select.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkyn_select.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_select.lg .prefix{height:44px;width:48px;font-size:16px}.arkyn_select.lg.hasPrefix{padding-left:64px}.arkyn_select_content{position:absolute;z-index:6;top:calc(100% + 5px);left:-2px;right:-2px;border-radius:6px;list-style:none;display:flex;flex-direction:column;flex:1;overflow:hidden;height:max-content;border:1px solid var(--secondary-300);background-color:var(--secondary-50)}.arkyn_select_content .arkyn_select_option{display:flex;align-items:center;justify-content:space-between;font-weight:400;line-height:21.79px;color:var(--secondary-500)}.arkyn_select.md .arkyn_select_content .arkyn_select_option{font-size:14px;padding:8px 16px}.arkyn_select.lg .arkyn_select_content .arkyn_select_option{font-size:16px;padding:8px 16px}.arkyn_select_content>p{font-weight:400;font-size:14px;padding:16px;text-align:center;line-height:21.79px;color:var(--secondary-500)}.arkyn_select_content .arkyn_select_option svg{height:20px;width:20px;color:var(--primary-500);display:none}.arkyn_select_content .arkyn_select_option:hover{cursor:pointer;background-color:var(--secondary-100)}.arkyn_select_content .arkyn_select_option:not(:last-child){border-bottom:1px solid var(--secondary-300)}.arkyn_select_content .arkyn_select_option.active{font-weight:600;color:var(--secondary-900);background-color:var(--secondary-100)}.arkyn_select_content .arkyn_select_option.active svg{display:unset}.arkyn_select .spinner{animation:spin 2s linear infinite}.arkyn_select_overlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.arkyn_breadcrumb{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;gap:4px}.arkyn_breadcrumb_link{-webkit-user-select:none;user-select:none;text-decoration:none;font-size:14px;color:var(--secondary-500)}.arkyn_breadcrumb_link.active{color:var(--secondary-900)}.arkyn_breadcrumb_link.inactive:hover{cursor:pointer;color:var(--secondary-900)}.arkyn_breadcrumb_link:first-child>svg{display:none}.arkyn_breadcrumb_link:not(:first-child){display:flex;align-items:center;gap:4px}.arkyn_breadcrumb_link:not(:first-child)>svg{display:unset;color:var(--secondary-400)}.arkyn_modal_container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:start;justify-content:center;padding:10vh 0;padding-bottom:2rem;overflow:auto;z-index:9999}.arkyn_modal_container>.overlay{position:fixed;z-index:9997;top:0;left:0;right:0;bottom:0;background:#00000080}.arkyn_modal_container>.overlay:hover{cursor:pointer}.arkyn_modal_container>.content{z-index:9999;border-radius:6px;background:var(--background-foreground)}.arkyn_modal_footer{display:flex;align-items:center;gap:16px;padding:16px;border-top:1px solid var(--border)}.arkyn_modal_footer.left{justify-content:flex-start}.arkyn_modal_footer.right{justify-content:flex-end}.arkyn_modal_footer.center{justify-content:center}.arkyn_modal_footer.between{justify-content:space-between}.arkyn_modal_footer.around{justify-content:space-around}.arkyn_modal_header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:16px;font-size:16px;font-weight:600;line-height:20px;color:var(--text-heading);border-bottom:1px solid var(--border)}.arkyn_modal_header>button{display:flex;align-items:center;justify-content:center;padding:2px;border-radius:4px;border:none;background:none;color:var(--text-body);background-color:var(--background);transition:all .15s ease-out}.arkyn_modal_header>button:hover{cursor:pointer;filter:brightness(.9)}.arkyn_tooltip{position:relative;display:block}.arkyn_tooltip .arkyn_tooltip_text{visibility:hidden;opacity:0;position:absolute;transform:translate(-50%,-50%);white-space:nowrap;transition:.15s all ease-out;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:400;color:var(--secondary-100);background-color:var(--secondary-900);z-index:9999}.arkyn_tooltip.lg .arkyn_tooltip_text{font-size:14px;line-height:14px;padding:8px 12px}.arkyn_tooltip.md .arkyn_tooltip_text{font-size:12px;line-height:12px;padding:8px 12px}.arkyn_tooltip:hover .arkyn_tooltip_text{opacity:1;visibility:visible}.arkyn_tooltip.top .arkyn_tooltip_text{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkyn_tooltip.top .arkyn_tooltip_text:before{content:"";top:100%;border-style:solid;border-color:var(--secondary-900) transparent;border-width:6px 6px 0 6px;bottom:20px;position:absolute;left:50%;transform:translate(-50%)}.arkyn_tooltip.left .arkyn_tooltip_text{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.arkyn_tooltip.left .arkyn_tooltip_text:before{content:"";top:50%;border-style:solid;border-color:transparent var(--secondary-900);border-width:6px 0 6px 6px;left:100%;position:absolute;transform:translateY(-50%)}.arkyn_tooltip.right .arkyn_tooltip_text{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.arkyn_tooltip.right .arkyn_tooltip_text:before{content:"";border-style:solid;border-color:transparent var(--secondary-900);border-width:6px 6px 6px 0;top:50%;left:0;transform:translate(-100%,-50%);position:absolute}.arkyn_tooltip.bottom .arkyn_tooltip_text{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkyn_tooltip.bottom .arkyn_tooltip_text:before{content:"";border-style:solid;border-color:var(--secondary-900) transparent;border-width:0 6px 6px 6px;top:0;left:50%;transform:translate(-50%,-100%);position:absolute}
1
+ .arkyn_badge{display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid transparent}.arkyn_badge.solid{color:#fff}.arkyn_badge.solid.primary{background-color:rgba(var(--spotlights-primary),1)}.arkyn_badge.solid.danger{background-color:rgba(var(--spotlights-danger),1)}.arkyn_badge.solid.success{background-color:rgba(var(--spotlights-success),1)}.arkyn_badge.solid.warning{background-color:rgba(var(--spotlights-warning),1)}.arkyn_badge.solid.info{background-color:rgba(var(--spotlights-info),1)}.arkyn_button.outline{background-color:rgba(var(--spotlights-outline),1)}.arkyn_badge.outline.primary{color:rgba(var(--spotlights-primary),1);border-color:rgba(var(--spotlights-primary),1)}.arkyn_badge.outline.danger{color:rgba(var(--spotlights-danger),1);border-color:rgba(var(--spotlights-danger),1)}.arkyn_badge.outline.success{color:rgba(var(--spotlights-success),1);border-color:rgba(var(--spotlights-success),1)}.arkyn_badge.outline.warning{color:rgba(var(--spotlights-warning),1);border-color:rgba(var(--spotlights-warning),1)}.arkyn_badge.outline.info{color:rgba(var(--spotlights-info),1);border-color:rgba(var(--spotlights-info),1)}.arkyn_badge.ghost.primary{color:rgba(var(--spotlights-primary),1);background-color:rgba(var(--spotlights-primary),.2)}.arkyn_badge.ghost.danger{color:rgba(var(--spotlights-danger),1);background-color:rgba(var(--spotlights-danger),.2)}.arkyn_badge.ghost.success{color:rgba(var(--spotlights-success),1);background-color:rgba(var(--spotlights-success),.2)}.arkyn_badge.ghost.warning{color:rgba(var(--spotlights-warning),1);background-color:rgba(var(--spotlights-warning),.2)}.arkyn_badge.ghost.info{color:rgba(var(--spotlights-info),1);background-color:rgba(var(--spotlights-info),.2)}.arkyn_badge.lg{font-weight:400;font-size:12px;line-height:12px;border-radius:4px;padding:0 16px;height:24px}.arkyn_badge.md{font-weight:400;font-size:10px;line-height:10px;border-radius:4px;padding:0 12px;height:20px}.arkyn_divider{display:block;flex:1;background-color:var(--border)}.arkyn_divider.horizontal{width:100%;min-height:1px;max-height:1px}.arkyn_divider.vertical{height:100%;min-width:1px;max-width:1px}.arkyn_skeleton{width:100%;height:100%;border-radius:6px;background:linear-gradient(to right,#f0f0f0 4%,#e0e0e0 25%,#f0f0f0 36%);background-size:40rem 100%;animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{background-position:-40rem 0}to{background-position:40rem 0}}.arkyn_button{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkyn_button:hover{cursor:pointer;filter:brightness(1.2)}.arkyn_button:disabled{cursor:not-allowed;opacity:.5}.arkyn_button .content{display:flex;align-items:center;justify-content:center;white-space:nowrap}.arkyn_button.solid{color:#fff}.arkyn_button.solid.primary{background-color:rgba(var(--spotlights-primary),1)}.arkyn_button.solid.danger{background-color:rgba(var(--spotlights-danger),1)}.arkyn_button.solid.success{background-color:rgba(var(--spotlights-success),1)}.arkyn_button.solid.warning{background-color:rgba(var(--spotlights-warning),1)}.arkyn_button.outline{background-color:rgba(var(--spotlights-outline),1);border-color:var(--border)}.arkyn_button.outline.primary{color:rgba(var(--spotlights-primary),1)}.arkyn_button.outline.danger{color:rgba(var(--spotlights-danger),1)}.arkyn_button.outline.success{color:rgba(var(--spotlights-success),1)}.arkyn_button.outline.warning{color:rgba(var(--spotlights-warning),1)}.arkyn_button.ghost.primary{color:rgba(var(--spotlights-primary),1);background-color:rgba(var(--spotlights-primary),.2)}.arkyn_button.ghost.danger{color:rgba(var(--spotlights-danger),1);background-color:rgba(var(--spotlights-danger),.2)}.arkyn_button.ghost.success{color:rgba(var(--spotlights-success),1);background-color:rgba(var(--spotlights-success),.2)}.arkyn_button.ghost.warning{color:rgba(var(--spotlights-warning),1);background-color:rgba(var(--spotlights-warning),.2)}.arkyn_button.invisible.primary{color:rgba(var(--spotlights-primary),1)}.arkyn_button.invisible.danger{color:rgba(var(--spotlights-danger),1)}.arkyn_button.invisible.success{color:rgba(var(--spotlights-success),1)}.arkyn_button.invisible.warning{color:rgba(var(--spotlights-warning),1)}.arkyn_button.lg{font-weight:600;font-size:14px;line-height:14px;border-radius:6px;padding:0 20px;height:44px}.arkyn_button.lg .content,.arkyn_button.lg .spinner{gap:16px}.arkyn_button.md{font-weight:600;font-size:14px;line-height:14px;border-radius:6px;gap:16px;padding:0 16px;height:40px}.arkyn_button.md .content,.arkyn_button.md .spinner{gap:14px}.arkyn_button.sm{font-weight:600;font-size:12px;line-height:12px;border-radius:6px;padding:0 16px;height:32px}.arkyn_button.sm .content,.arkyn_button.sm .spinner{gap:12px}.arkyn_button.xs{font-weight:600;font-size:10px;line-height:10px;border-radius:4px;padding:0 16px;height:24px}.arkyn_button.xs .content,.arkyn_button.xs .spinner{gap:8px}.arkyn_button .spinner{display:flex;align-items:center;justify-content:center;white-space:nowrap;opacity:0}.arkyn_button .spinner>svg{animation:spin 2s linear infinite}.arkyn_button.loading_text_false .spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.arkyn_button.loading_text_true .spinner{max-height:0px}.arkyn_button.loading_true .content{opacity:0;max-height:0px}.arkyn_button.loading_true .spinner{opacity:1;max-height:unset}.arkyn_form_controller{display:flex;flex-direction:column;gap:6px}.arkyn_checkbox{display:flex;align-items:center;justify-content:center;border:2px solid var(--border);background-color:var(--background)}.arkyn_checkbox:hover{cursor:pointer}.arkyn_checkbox svg{display:none;stroke-width:3px}.arkyn_checkbox.sm{height:16px;width:16px;border-radius:2px}.arkyn_checkbox.sm svg{min-height:12px;min-width:12px}.arkyn_checkbox.md{height:20px;width:20px;border-radius:4px}.arkyn_checkbox.md svg{min-height:14px;min-width:14px}.arkyn_checkbox.lg{height:24px;width:24px;border-radius:6px}.arkyn_checkbox.lg svg{min-height:14px;min-width:14px}.arkyn_checkbox.checked{background-color:rgb(var(--spotlights-primary),1);border-color:rgb(var(--spotlights-primary),1)}.arkyn_checkbox.checked svg{display:unset;color:#fff}.arkyn_checkbox.error{border-color:rgb(var(--spotlights-danger),1)}.arkyn_form_error{font-size:12px;line-height:12px;font-weight:600;color:rgb(var(--spotlights-danger),1)}.arkyn_form_label{color:var(--text-body);font-size:14px;font-weight:600;line-height:19.07px}.arkyn_form_label.show-asterisk:before{content:"* ";font-size:12px;font-weight:600;line-height:16.34px;text-align:left;color:rgb(var(--spotlights-danger),1)}.arkyn_icon_button{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkyn_icon_button:hover{cursor:pointer}.arkyn_icon_button:disabled{cursor:not-allowed;opacity:.5}.arkyn_icon_button .content{display:flex;align-items:center;justify-content:center}.arkyn_icon_button.solid{color:#fff}.arkyn_icon_button.solid.primary{background-color:rgba(var(--spotlights-primary),1)}.arkyn_icon_button.solid.danger{background-color:rgba(var(--spotlights-danger),1)}.arkyn_icon_button.solid.success{background-color:rgba(var(--spotlights-success),1)}.arkyn_icon_button.solid.warning{background-color:rgba(var(--spotlights-warning),1)}.arkyn_icon_button.outline{background-color:rgba(var(--spotlights-outline),1);border-color:var(--border)}.arkyn_icon_button.outline.primary{color:rgba(var(--spotlights-primary),1)}.arkyn_icon_button.outline.danger{color:rgba(var(--spotlights-danger),1)}.arkyn_icon_button.outline.success{color:rgba(var(--spotlights-success),1)}.arkyn_icon_button.outline.warning{color:rgba(var(--spotlights-warning),1)}.arkyn_icon_button.ghost.primary{color:rgba(var(--spotlights-primary),1);background-color:rgba(var(--spotlights-primary),.2)}.arkyn_icon_button.ghost.danger{color:rgba(var(--spotlights-danger),1);background-color:rgba(var(--spotlights-danger),.2)}.arkyn_icon_button.ghost.success{color:rgba(var(--spotlights-success),1);background-color:rgba(var(--spotlights-success),.2)}.arkyn_icon_button.ghost.warning{color:rgba(var(--spotlights-warning),1);background-color:rgba(var(--spotlights-warning),.2)}.arkyn_icon_button.invisible.primary{color:rgba(var(--spotlights-primary),1)}.arkyn_icon_button.invisible.danger{color:rgba(var(--spotlights-danger),1)}.arkyn_icon_button.invisible.success{color:rgba(var(--spotlights-success),1)}.arkyn_icon_button.invisible.warning{color:rgba(var(--spotlights-warning),1)}.arkyn_icon_button.lg{border-radius:6px;height:44px;width:44px}.arkyn_icon_button.md{border-radius:6px;height:40px;width:40px}.arkyn_icon_button.sm{border-radius:6px;height:32px;width:32px}.arkyn_icon_button.xs{border-radius:4px;height:24px;width:24px}.arkyn_icon_button .spinner{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}.arkyn_icon_button .spinner svg{animation:spin 2s linear infinite}.arkyn_icon_button.loading_true .content{opacity:0}.arkyn_icon_button.loading_true .spinner{opacity:1}.arkyn_input{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:6px;border:1px solid transparent;outline:1px solid transparent}.arkyn_input:hover{cursor:text}.arkyn_input input{border:none;outline:none;background:transparent;width:100%}.arkyn_input input{color:var(--text-heading)}.arkyn_input .prefix,.arkyn_input .sufix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkyn_input .prefix{left:0;top:0;bottom:0;border-radius:5px 0 0 5px;border-right:1px solid var(--border)}.arkyn_input .sufix{right:0;top:0;bottom:0;border-radius:0 5px 5px 0;border-left:1px solid var(--border)}.arkyn_input input::placeholder{color:var(--text-light)}.arkyn_input svg{color:var(--text-light)}.arkyn_input.errored svg{color:rgba(var(--spotlights-danger),1)}.arkyn_input:not(.opacity).focused svg{color:rgba(var(--spotlights-primary),1)}.arkyn_input.opacity{opacity:.5}.arkyn_input.solid{border-color:var(--border);background-color:var(--background)}.arkyn_input.solid.errored{border-color:rgba(var(--spotlights-danger),1);outline-color:rgba(var(--spotlights-danger),1)}.arkyn_input:not(.opacity).solid.focused{border-color:rgba(var(--spotlights-primary),1);outline-color:rgba(var(--spotlights-primary),1)}.arkyn_input.outline{border-color:var(--border)}.arkyn_input.outline.errored{border-color:rgba(var(--spotlights-danger),1);outline-color:rgba(var(--spotlights-danger),1)}.arkyn_input:not(.opacity).outline.focused{border-color:rgba(var(--spotlights-primary),1);outline-color:rgba(var(--spotlights-primary),1)}.arkyn_input.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkyn_input.underline .sufix,.arkyn_input.underline .prefix{display:none}.arkyn_input.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkyn_input.underline.errored{border-color:rgba(var(--spotlights-danger),1)}.arkyn_input.underline.errored:before{background:rgba(var(--spotlights-danger),1)}.arkyn_input:not(.opacity).underline.focused{border-color:rgba(var(--spotlights-primary),1)}.arkyn_input:not(.opacity).underline.focused:before{background:rgba(var(--spotlights-primary),1)}.arkyn_input.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkyn_input.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_input.md.hasPrefix{padding-left:60px}.arkyn_input.md.hasSufix{padding-right:60px}.arkyn_input.md .prefix,.arkyn_input.md .sufix{height:40px;width:44px;font-size:14px}.arkyn_input.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkyn_input.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_input.lg .prefix,.arkyn_input.lg .sufix{height:44px;width:48px;font-size:16px}.arkyn_input.lg.hasPrefix{padding-left:64px}.arkyn_input.lg.hasSufix{padding-right:64px}.arkyn_input .spinner{animation:spin 2s linear infinite}.arkyn_select{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:6px;border:1px solid transparent;outline:1px solid transparent}.arkyn_select:hover{cursor:pointer}.arkyn_select input{border:none;outline:none;background:transparent;width:100%}.arkyn_select input{color:var(--secondary-900)}.arkyn_select .prefix{color:var(--secondary-600);background:var(--secondary-200);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkyn_select .prefix{left:0;top:0;bottom:0;border-radius:5px 0 0 5px;border-right:1px solid var(--secondary-300)}.arkyn_select.placeholder_dark_true input::placeholder{color:var(--secondary-900)}.arkyn_select.placeholder_dark_false input::placeholder{color:var(--secondary-400)}.arkyn_select svg{color:var(--secondary-400)}.arkyn_select.errored svg{color:var(--danger-600)}.arkyn_select:not(.opacity).focused svg{color:var(--primary-500)}.arkyn_select.opacity{opacity:.5}.arkyn_select .arkyn_select_arrow{transition:.15s all ease-in-out;color:var(--secondary-400)}.arkyn_select:not(.opacity).focused .arkyn_select_arrow{transform:rotate(180deg)}.arkyn_select.solid{border-color:var(--secondary-300);background-color:var(--secondary-50)}.arkyn_select.solid.errored{border-color:var(--danger-600);outline-color:var(--danger-600)}.arkyn_select:not(.opacity).solid.focused{border-color:var(--primary-500);outline-color:var(--primary-500)}.arkyn_select.outline{border-color:var(--secondary-300)}.arkyn_select.outline.errored{border-color:var(--danger-600);outline-color:var(--danger-600)}.arkyn_select:not(.opacity).outline.focused{border-color:var(--primary-500);outline-color:var(--primary-500)}.arkyn_select.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--secondary-300)}.arkyn_select.underline .prefix{display:none}.arkyn_select.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkyn_select.underline.errored{border-color:var(--danger-600)}.arkyn_select.underline.errored:before{background:var(--danger-600)}.arkyn_select:not(.opacity).underline.focused{border-color:var(--primary-500)}.arkyn_select:not(.opacity).underline.focused:before{background:var(--primary-500)}.arkyn_select.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkyn_select.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_select.md.hasPrefix{padding-left:60px}.arkyn_select.md .prefix{height:40px;width:44px;font-size:14px}.arkyn_select.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkyn_select.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_select.lg .prefix{height:44px;width:48px;font-size:16px}.arkyn_select.lg.hasPrefix{padding-left:64px}.arkyn_select_content{position:absolute;z-index:6;top:calc(100% + 5px);left:-2px;right:-2px;border-radius:6px;list-style:none;display:flex;flex-direction:column;flex:1;overflow:hidden;height:max-content;border:1px solid var(--secondary-300);background-color:var(--secondary-50)}.arkyn_select_content .arkyn_select_option{display:flex;align-items:center;justify-content:space-between;font-weight:400;line-height:21.79px;color:var(--secondary-500)}.arkyn_select.md .arkyn_select_content .arkyn_select_option{font-size:14px;padding:8px 16px}.arkyn_select.lg .arkyn_select_content .arkyn_select_option{font-size:16px;padding:8px 16px}.arkyn_select_content>p{font-weight:400;font-size:14px;padding:16px;text-align:center;line-height:21.79px;color:var(--secondary-500)}.arkyn_select_content .arkyn_select_option svg{height:20px;width:20px;color:var(--primary-500);display:none}.arkyn_select_content .arkyn_select_option:hover{cursor:pointer;background-color:var(--secondary-100)}.arkyn_select_content .arkyn_select_option:not(:last-child){border-bottom:1px solid var(--secondary-300)}.arkyn_select_content .arkyn_select_option.active{font-weight:600;color:var(--secondary-900);background-color:var(--secondary-100)}.arkyn_select_content .arkyn_select_option.active svg{display:unset}.arkyn_select .spinner{animation:spin 2s linear infinite}.arkyn_select_overlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.arkyn_breadcrumb{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;gap:4px}.arkyn_breadcrumb_link{-webkit-user-select:none;user-select:none;text-decoration:none;font-size:14px;color:var(--text-body)}.arkyn_breadcrumb_link.active{color:var(--text-heading)}.arkyn_breadcrumb_link.inactive:hover{cursor:pointer;color:var(--text-heading)}.arkyn_breadcrumb_link:first-child>svg{display:none}.arkyn_breadcrumb_link:not(:first-child){display:flex;align-items:center;gap:4px}.arkyn_breadcrumb_link:not(:first-child)>svg{display:unset;color:var(--text-body)}.arkyn_modal_container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:start;justify-content:center;padding:10vh 0;padding-bottom:2rem;overflow:auto;z-index:9999}.arkyn_modal_container>.overlay{position:fixed;z-index:9997;top:0;left:0;right:0;bottom:0;background:#00000080}.arkyn_modal_container>.overlay:hover{cursor:pointer}.arkyn_modal_container>.content{z-index:9999;border-radius:6px;background:var(--background-foreground)}.arkyn_modal_footer{display:flex;align-items:center;gap:16px;padding:16px;border-top:1px solid var(--border)}.arkyn_modal_footer.left{justify-content:flex-start}.arkyn_modal_footer.right{justify-content:flex-end}.arkyn_modal_footer.center{justify-content:center}.arkyn_modal_footer.between{justify-content:space-between}.arkyn_modal_footer.around{justify-content:space-around}.arkyn_modal_header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:16px;font-size:16px;font-weight:600;line-height:20px;color:var(--text-heading);border-bottom:1px solid var(--border)}.arkyn_modal_header>button{display:flex;align-items:center;justify-content:center;padding:2px;border-radius:4px;border:none;background:none;color:var(--text-body);background-color:var(--background);transition:all .15s ease-out}.arkyn_modal_header>button:hover{cursor:pointer;filter:brightness(.9)}.arkyn_tooltip{position:relative;display:block}.arkyn_tooltip .arkyn_tooltip_text{visibility:hidden;opacity:0;position:absolute;transform:translate(-50%,-50%);white-space:nowrap;transition:.15s all ease-out;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:400;color:var(--secondary-100);background-color:var(--secondary-900);z-index:9999}.arkyn_tooltip.lg .arkyn_tooltip_text{font-size:14px;line-height:14px;padding:8px 12px}.arkyn_tooltip.md .arkyn_tooltip_text{font-size:12px;line-height:12px;padding:8px 12px}.arkyn_tooltip:hover .arkyn_tooltip_text{opacity:1;visibility:visible}.arkyn_tooltip.top .arkyn_tooltip_text{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkyn_tooltip.top .arkyn_tooltip_text:before{content:"";top:100%;border-style:solid;border-color:var(--secondary-900) transparent;border-width:6px 6px 0 6px;bottom:20px;position:absolute;left:50%;transform:translate(-50%)}.arkyn_tooltip.left .arkyn_tooltip_text{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.arkyn_tooltip.left .arkyn_tooltip_text:before{content:"";top:50%;border-style:solid;border-color:transparent var(--secondary-900);border-width:6px 0 6px 6px;left:100%;position:absolute;transform:translateY(-50%)}.arkyn_tooltip.right .arkyn_tooltip_text{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.arkyn_tooltip.right .arkyn_tooltip_text:before{content:"";border-style:solid;border-color:transparent var(--secondary-900);border-width:6px 6px 6px 0;top:50%;left:0;transform:translate(-100%,-50%);position:absolute}.arkyn_tooltip.bottom .arkyn_tooltip_text{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkyn_tooltip.bottom .arkyn_tooltip_text:before{content:"";border-style:solid;border-color:var(--secondary-900) transparent;border-width:0 6px 6px 6px;top:0;left:50%;transform:translate(-50%,-100%);position:absolute}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arkyn/components",
3
- "version": "1.3.27",
3
+ "version": "1.3.29",
4
4
  "main": "./dist/bundle.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "author": "Lucas Gonçalves",
@@ -1,13 +1,13 @@
1
1
  import type { SelectProps } from "@arkyn/types";
2
2
  import type { FocusEvent } from "react";
3
3
 
4
- import { ArrowUp, Check, ChevronDown } from "lucide-react";
4
+ import { Check, ChevronDown } from "lucide-react";
5
5
  import { useRef, useState } from "react";
6
6
 
7
- import { useFormController } from "../Form/FormController";
8
7
  import { getConfig } from "./getConfig";
9
8
 
10
9
  import "./styles.css";
10
+ import { useFormController } from "../../newComponents/Form/FormController";
11
11
 
12
12
  function Select(props: SelectProps) {
13
13
  const [isFocused, setIsFocused] = useState(false);
package/src/index.ts CHANGED
@@ -1,18 +1,18 @@
1
1
  // Data Display
2
2
  export { Badge } from "./newComponents/Badge";
3
- export { Divider } from "./components/Divider";
3
+ export { Divider } from "./newComponents/Divider";
4
4
  export { Skeleton } from "./components/Skeleton";
5
5
 
6
6
  // Form
7
7
  export { Button } from "./newComponents/Button";
8
- export { Checkbox } from "./components/Checkbox";
9
- export { FormController, FormError, FormLabel } from "./components/Form";
10
- export { IconButton } from "./components/IconButton";
11
- export { Input } from "./components/Input";
8
+ export { Checkbox } from "./newComponents/Checkbox";
9
+ export { FormController, FormError, FormLabel } from "./newComponents/Form";
10
+ export { IconButton } from "./newComponents/IconButton";
11
+ export { Input } from "./newComponents/Input";
12
12
  export { Select } from "./components/Select";
13
13
 
14
14
  // Navigation
15
- export { Breadcrumb, BreadcrumbLink } from "./components/Breadcrumb";
15
+ export { Breadcrumb, BreadcrumbLink } from "./newComponents/Breadcrumb";
16
16
 
17
17
  // Overlay
18
18
  export { Modal } from "./newComponents/Modal";
@@ -11,16 +11,16 @@
11
11
  user-select: none;
12
12
  text-decoration: none;
13
13
  font-size: 14px;
14
- color: var(--secondary-500);
14
+ color: var(--text-body);
15
15
  }
16
16
 
17
17
  .arkyn_breadcrumb_link.active {
18
- color: var(--secondary-900);
18
+ color: var(--text-heading);
19
19
  }
20
20
 
21
21
  .arkyn_breadcrumb_link.inactive:hover {
22
22
  cursor: pointer;
23
- color: var(--secondary-900);
23
+ color: var(--text-heading);
24
24
  }
25
25
 
26
26
  .arkyn_breadcrumb_link:first-child > svg {
@@ -35,5 +35,5 @@
35
35
 
36
36
  .arkyn_breadcrumb_link:not(:first-child) > svg {
37
37
  display: unset;
38
- color: var(--secondary-400);
38
+ color: var(--text-body);
39
39
  }
@@ -29,10 +29,6 @@
29
29
  color: #fff;
30
30
  }
31
31
 
32
- .arkyn_button.solid:disabled {
33
- opacity: 0.4;
34
- }
35
-
36
32
  .arkyn_button.solid.primary {
37
33
  background-color: rgba(var(--spotlights-primary), 1);
38
34
  }
@@ -3,8 +3,8 @@
3
3
  align-items: center;
4
4
  justify-content: center;
5
5
 
6
- border: 2px solid var(--secondary-400);
7
- background-color: var(--secondary-100);
6
+ border: 2px solid var(--border);
7
+ background-color: var(--background);
8
8
  }
9
9
 
10
10
  .arkyn_checkbox:hover {
@@ -52,8 +52,8 @@
52
52
 
53
53
  /* CHECKED */
54
54
  .arkyn_checkbox.checked {
55
- background-color: var(--primary-500);
56
- border-color: var(--primary-500);
55
+ background-color: rgb(var(--spotlights-primary), 1);
56
+ border-color: rgb(var(--spotlights-primary), 1);
57
57
  }
58
58
 
59
59
  .arkyn_checkbox.checked svg {
@@ -62,5 +62,5 @@
62
62
  }
63
63
 
64
64
  .arkyn_checkbox.error {
65
- border-color: var(--danger-500);
65
+ border-color: rgb(var(--spotlights-danger), 1);
66
66
  }
@@ -1,7 +1,7 @@
1
1
  .arkyn_divider {
2
2
  display: block;
3
3
  flex: 1;
4
- background-color: var(--secondary-300);
4
+ background-color: var(--border);
5
5
  }
6
6
 
7
7
  .arkyn_divider.horizontal {
@@ -2,5 +2,5 @@
2
2
  font-size: 12px;
3
3
  line-height: 12px;
4
4
  font-weight: 600;
5
- color: var(--danger-600);
5
+ color: rgb(var(--spotlights-danger), 1);
6
6
  }
@@ -1,5 +1,5 @@
1
1
  .arkyn_form_label {
2
- color: var(--secondary-700);
2
+ color: var(--text-body);
3
3
  font-size: 14px;
4
4
  font-weight: 600;
5
5
  line-height: 19.07px;
@@ -11,5 +11,5 @@
11
11
  font-weight: 600;
12
12
  line-height: 16.34px;
13
13
  text-align: left;
14
- color: var(--danger-600);
14
+ color: rgb(var(--spotlights-danger), 1);
15
15
  }
@@ -0,0 +1,160 @@
1
+ /* BASE */
2
+ .arkyn_icon_button {
3
+ background: transparent;
4
+ border: 1px solid transparent;
5
+ outline: 1px solid transparent;
6
+ position: relative;
7
+ transition: 0.15s all ease-out;
8
+ }
9
+
10
+ .arkyn_icon_button:hover {
11
+ cursor: pointer;
12
+ }
13
+
14
+ .arkyn_icon_button:disabled {
15
+ cursor: not-allowed;
16
+ opacity: 0.5;
17
+ }
18
+
19
+ .arkyn_icon_button .content {
20
+ display: flex;
21
+ align-items: center;
22
+ justify-content: center;
23
+ }
24
+
25
+ /* VARIANTS */
26
+ .arkyn_icon_button.solid {
27
+ color: #fff;
28
+ }
29
+
30
+ .arkyn_icon_button.solid.primary {
31
+ background-color: rgba(var(--spotlights-primary), 1);
32
+ }
33
+
34
+ .arkyn_icon_button.solid.danger {
35
+ background-color: rgba(var(--spotlights-danger), 1);
36
+ }
37
+
38
+ .arkyn_icon_button.solid.success {
39
+ background-color: rgba(var(--spotlights-success), 1);
40
+ }
41
+
42
+ .arkyn_icon_button.solid.warning {
43
+ background-color: rgba(var(--spotlights-warning), 1);
44
+ }
45
+
46
+ .arkyn_icon_button.outline {
47
+ background-color: rgba(var(--spotlights-outline), 1);
48
+ border-color: var(--border);
49
+ }
50
+
51
+ .arkyn_icon_button.outline.primary {
52
+ color: rgba(var(--spotlights-primary), 1);
53
+ }
54
+
55
+ .arkyn_icon_button.outline.danger {
56
+ color: rgba(var(--spotlights-danger), 1);
57
+ }
58
+
59
+ .arkyn_icon_button.outline.success {
60
+ color: rgba(var(--spotlights-success), 1);
61
+ }
62
+
63
+ .arkyn_icon_button.outline.warning {
64
+ color: rgba(var(--spotlights-warning), 1);
65
+ }
66
+
67
+ .arkyn_icon_button.ghost.primary {
68
+ color: rgba(var(--spotlights-primary), 1);
69
+ background-color: rgba(var(--spotlights-primary), 0.2);
70
+ }
71
+
72
+ .arkyn_icon_button.ghost.danger {
73
+ color: rgba(var(--spotlights-danger), 1);
74
+ background-color: rgba(var(--spotlights-danger), 0.2);
75
+ }
76
+
77
+ .arkyn_icon_button.ghost.success {
78
+ color: rgba(var(--spotlights-success), 1);
79
+ background-color: rgba(var(--spotlights-success), 0.2);
80
+ }
81
+
82
+ .arkyn_icon_button.ghost.warning {
83
+ color: rgba(var(--spotlights-warning), 1);
84
+ background-color: rgba(var(--spotlights-warning), 0.2);
85
+ }
86
+
87
+ .arkyn_icon_button.invisible.primary {
88
+ color: rgba(var(--spotlights-primary), 1);
89
+ }
90
+
91
+ .arkyn_icon_button.invisible.danger {
92
+ color: rgba(var(--spotlights-danger), 1);
93
+ }
94
+
95
+ .arkyn_icon_button.invisible.success {
96
+ color: rgba(var(--spotlights-success), 1);
97
+ }
98
+
99
+ .arkyn_icon_button.invisible.warning {
100
+ color: rgba(var(--spotlights-warning), 1);
101
+ }
102
+
103
+ /* SIZE */
104
+ .arkyn_icon_button.lg {
105
+ border-radius: 6px;
106
+ height: 44px;
107
+ width: 44px;
108
+ }
109
+
110
+ .arkyn_icon_button.md {
111
+ border-radius: 6px;
112
+ height: 40px;
113
+ width: 40px;
114
+ }
115
+
116
+ .arkyn_icon_button.sm {
117
+ border-radius: 6px;
118
+ height: 32px;
119
+ width: 32px;
120
+ }
121
+
122
+ .arkyn_icon_button.xs {
123
+ border-radius: 4px;
124
+ height: 24px;
125
+ width: 24px;
126
+ }
127
+
128
+ /* SPIN */
129
+ .arkyn_icon_button .spinner {
130
+ display: flex;
131
+ align-items: center;
132
+ justify-content: center;
133
+
134
+ position: absolute;
135
+ left: 50%;
136
+ top: 50%;
137
+ transform: translate(-50%, -50%);
138
+ opacity: 0;
139
+ }
140
+
141
+ .arkyn_icon_button .spinner svg {
142
+ animation: spin 2s linear infinite;
143
+ }
144
+
145
+ .arkyn_icon_button.loading_true .content {
146
+ opacity: 0;
147
+ }
148
+
149
+ .arkyn_icon_button.loading_true .spinner {
150
+ opacity: 1;
151
+ }
152
+
153
+ @keyframes spin {
154
+ from {
155
+ transform: rotate(0deg);
156
+ }
157
+ to {
158
+ transform: rotate(360deg);
159
+ }
160
+ }
@@ -3,7 +3,7 @@ import type { ChangeEvent, FocusEvent } from "react";
3
3
 
4
4
  import { useRef, useState } from "react";
5
5
 
6
- import { useFormController } from "../../Form/FormController";
6
+ import { useFormController } from "../../../newComponents/Form/FormController";
7
7
  import { getConfig } from "./getConfig";
8
8
  import { MAX_LENGTH, TYPES, applyMask, clear, getMask } from "./utils";
9
9