@arkyn/components 3.0.1-beta.204 → 3.0.1-beta.207

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 (104) hide show
  1. package/dist/components/select/selectOption/index.d.ts.map +1 -1
  2. package/dist/index.js +2 -1
  3. package/dist/index.js.map +1 -1
  4. package/dist/modules/components/alert/alertContainer/styles.css +2 -2
  5. package/dist/modules/components/alert/alertDescription/styles.css +1 -1
  6. package/dist/modules/components/alert/alertIcon/styles.css +4 -4
  7. package/dist/modules/components/alert/alertTitle/styles.css +1 -1
  8. package/dist/modules/components/audioPlayer/styles.css +2 -2
  9. package/dist/modules/components/audioUpload/hasFileContent/styles.css +1 -1
  10. package/dist/modules/components/audioUpload/noFileContent/styles.css +1 -1
  11. package/dist/modules/components/audioUpload/styles.css +12 -12
  12. package/dist/modules/components/badge/styles.css +1 -1
  13. package/dist/modules/components/button/styles.css +1 -1
  14. package/dist/modules/components/calendar/calendarContainer/styles.css +1 -1
  15. package/dist/modules/components/calendar/calendarHeader/styles.css +1 -1
  16. package/dist/modules/components/calendar/calendarTableHeader/styles.css +1 -1
  17. package/dist/modules/components/calendar/calendarTableTd/styles.css +1 -1
  18. package/dist/modules/components/calendar/styles.css +12 -12
  19. package/dist/modules/components/cardTab/cardTabButton/styles.css +1 -1
  20. package/dist/modules/components/cardTab/cardTabContainer/styles.css +1 -1
  21. package/dist/modules/components/checkbox/styles.css +3 -3
  22. package/dist/modules/components/currencyInput/style.css +1 -1
  23. package/dist/modules/components/currencyInput/styles.css +3 -3
  24. package/dist/modules/components/divider/styles.css +1 -1
  25. package/dist/modules/components/drawer/drawerContainer/styles.css +1 -1
  26. package/dist/modules/components/drawer/drawerHeader/styles.css +1 -1
  27. package/dist/modules/components/fieldError/styles.css +1 -1
  28. package/dist/modules/components/fieldLabel/styles.css +1 -1
  29. package/dist/modules/components/fileUpload/hasFileContent/styles.css +1 -1
  30. package/dist/modules/components/fileUpload/noFileContent/styles.css +1 -1
  31. package/dist/modules/components/fileUpload/styles.css +9 -9
  32. package/dist/modules/components/fullCalendar/dayCalendar/dayCalendarContainer/styles.css +1 -1
  33. package/dist/modules/components/fullCalendar/dayCalendar/dayCalendarEvent/styles.css +1 -1
  34. package/dist/modules/components/fullCalendar/dayCalendar/dayCalendarRow/styles.css +1 -1
  35. package/dist/modules/components/fullCalendar/fullCalendarHeader/styles.css +1 -1
  36. package/dist/modules/components/fullCalendar/monthlyCalendar/monthlyCalendarEvent/styles.css +1 -1
  37. package/dist/modules/components/fullCalendar/monthlyCalendar/monthlyCalendarTableBody/styles.css +1 -1
  38. package/dist/modules/components/fullCalendar/monthlyCalendar/monthlyCalendarTableContainer/styles.css +1 -1
  39. package/dist/modules/components/fullCalendar/monthlyCalendar/monthlyCalendarTableHeader/styles.css +1 -1
  40. package/dist/modules/components/fullCalendar/monthlyCalendar/monthlyCalendarTableTd/styles.css +1 -1
  41. package/dist/modules/components/fullCalendar/styles.css +17 -17
  42. package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarEvent/styles.css +1 -1
  43. package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableBody/styles.css +1 -1
  44. package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableContainer/styles.css +1 -1
  45. package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableHeader/styles.css +1 -1
  46. package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableTd/styles.css +1 -1
  47. package/dist/modules/components/iconButton/styles.css +1 -1
  48. package/dist/modules/components/imageUpload/noFileContent/styles.css +1 -1
  49. package/dist/modules/components/imageUpload/styles.css +7 -7
  50. package/dist/modules/components/input/style.css +1 -1
  51. package/dist/modules/components/input/styles.css +3 -3
  52. package/dist/modules/components/mapView/styles.css +1 -1
  53. package/dist/modules/components/maskedInput/style.css +1 -1
  54. package/dist/modules/components/maskedInput/styles.css +3 -3
  55. package/dist/modules/components/modal/modalContainer/styles.css +1 -1
  56. package/dist/modules/components/modal/modalFooter/styles.css +1 -1
  57. package/dist/modules/components/modal/modalHeader/styles.css +1 -1
  58. package/dist/modules/components/multiSelect/multiSelectChevron/styles.css +1 -1
  59. package/dist/modules/components/multiSelect/multiSelectContainer/styles.css +1 -1
  60. package/dist/modules/components/multiSelect/multiSelectContent/styles.css +1 -1
  61. package/dist/modules/components/multiSelect/multiSelectMark/styles.css +1 -1
  62. package/dist/modules/components/multiSelect/multiSelectOption/styles.css +1 -1
  63. package/dist/modules/components/multiSelect/multiSelectOptionsContainer/styles.css +1 -1
  64. package/dist/modules/components/multiSelect/styles.css +12 -12
  65. package/dist/modules/components/pagination/chevronButton/styles.css +1 -1
  66. package/dist/modules/components/pagination/currentButton/styles.css +1 -1
  67. package/dist/modules/components/pagination/pageButton/styles.css +1 -1
  68. package/dist/modules/components/pagination/spread/styles.css +1 -1
  69. package/dist/modules/components/pagination/styles.css +4 -4
  70. package/dist/modules/components/phoneInput/phoneInputContainer/styles.css +1 -1
  71. package/dist/modules/components/phoneInput/phoneInputCountryOption/styles.css +1 -1
  72. package/dist/modules/components/phoneInput/phoneInputCountryOptionsContainer/styles.css +1 -1
  73. package/dist/modules/components/phoneInput/phoneInputCountrySelector/styles.css +1 -1
  74. package/dist/modules/components/phoneInput/phoneInputMask/style.css +1 -1
  75. package/dist/modules/components/phoneInput/styles.css +8 -8
  76. package/dist/modules/components/popover/styles.css +1 -1
  77. package/dist/modules/components/radio/radioBox/styles.css +1 -1
  78. package/dist/modules/components/radio/radioGroup/styles.css +2 -2
  79. package/dist/modules/components/richText/blockButton/styles.css +1 -1
  80. package/dist/modules/components/richText/element/styles.css +1 -1
  81. package/dist/modules/components/richText/insertImage/styles.css +1 -1
  82. package/dist/modules/components/richText/insertVideo/styles.css +1 -1
  83. package/dist/modules/components/richText/markButton/styles.css +1 -1
  84. package/dist/modules/components/richText/styles.css +29 -29
  85. package/dist/modules/components/richText/toolbar/styles.css +1 -1
  86. package/dist/modules/components/select/selectChevron/styles.css +1 -1
  87. package/dist/modules/components/select/selectContainer/styles.css +1 -1
  88. package/dist/modules/components/select/selectContent/styles.css +1 -1
  89. package/dist/modules/components/select/selectOption/index.js +2 -1
  90. package/dist/modules/components/select/selectOption/index.js.map +1 -1
  91. package/dist/modules/components/select/selectOption/styles.css +1 -1
  92. package/dist/modules/components/select/selectOptionsContainer/styles.css +1 -1
  93. package/dist/modules/components/select/styles.css +11 -11
  94. package/dist/modules/components/slider/styles.css +1 -1
  95. package/dist/modules/components/switch/styles.css +3 -3
  96. package/dist/modules/components/tab/tabButton/styles.css +1 -1
  97. package/dist/modules/components/tab/tabContainer/styles.css +1 -1
  98. package/dist/modules/components/table/tableBody/styles.css +1 -1
  99. package/dist/modules/components/table/tableFooter/styles.css +1 -1
  100. package/dist/modules/components/table/tableHeader/styles.css +1 -1
  101. package/dist/modules/components/textarea/styles.css +3 -3
  102. package/dist/modules/components/tooltip/styles.css +1 -1
  103. package/dist/style.css +1 -1
  104. package/package.json +3 -3
package/dist/modules/components/alert/alertContainer/styles.css CHANGED
@@ -1,3 +1,3 @@
1
- @layer arkyn{.arkynAlertContainer{border:1px solid #0000;border-radius:6px;align-items:start;gap:16px;padding:16px;display:flex}.arkynAlertContainer.nonExistsAlertTitle{align-items:center}.arkynAlertContainer.danger{background:rgb(var(--spotlight-danger-foreground));border-color:rgb(var(--spotlight-danger))}.arkynAlertContainer.success{background:rgb(var(--spotlight-success-foreground));border-color:rgb(var(--spotlight-success))}.arkynAlertContainer.info{background:rgb(var(--spotlight-info-foreground));border-color:rgb(var(--spotlight-info))}.arkynAlertContainer.warning{background:rgb(var(--spotlight-warning-foreground));border-color:rgb(var(--spotlight-warning))}}
1
+ @layer arkyn{.arkynAlertContainer{border:1px solid #0000;border-radius:6px;align-items:start;gap:16px;padding:16px;display:flex}.arkynAlertContainer.nonExistsAlertTitle{align-items:center}.arkynAlertContainer.danger{background:rgb(var(--spotlight-danger-foreground,254, 236, 239));border-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynAlertContainer.success{background:rgb(var(--spotlight-success-foreground,231, 248, 242));border-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynAlertContainer.info{background:rgb(var(--spotlight-info-foreground,231, 246, 253));border-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynAlertContainer.warning{background:rgb(var(--spotlight-warning-foreground,254, 241, 232));border-color:rgb(var(--spotlight-warning,249, 115, 22))}}
2
2
 
3
- @layer arkyn{.arkynAlertTitle{text-align:left;color:var(--text-heading);font-size:16px;font-weight:600;line-height:130%}}
3
+ @layer arkyn{.arkynAlertTitle{text-align:left;color:var(--text-heading,#09090b);font-size:16px;font-weight:600;line-height:130%}}
package/dist/modules/components/alert/alertDescription/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynAlertDescription{text-align:left;color:var(--text-body);font-size:14px;font-weight:400;line-height:130%}}
1
+ @layer arkyn{.arkynAlertDescription{text-align:left;color:var(--text-body,#52525b);font-size:14px;font-weight:400;line-height:130%}}
package/dist/modules/components/alert/alertIcon/styles.css CHANGED
@@ -1,7 +1,7 @@
1
- @layer arkyn{.arkynAlertIcon{min-width:28px;max-width:28px;min-height:28px;max-height:28px}.arkynAlertIcon.danger{color:rgb(var(--spotlight-danger))}.arkynAlertIcon.success{color:rgb(var(--spotlight-success))}.arkynAlertIcon.info{color:rgb(var(--spotlight-info))}.arkynAlertIcon.warning{color:rgb(var(--spotlight-warning))}}
1
+ @layer arkyn{.arkynAlertIcon{min-width:28px;max-width:28px;min-height:28px;max-height:28px}.arkynAlertIcon.danger{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynAlertIcon.success{color:rgb(var(--spotlight-success,16, 185, 129))}.arkynAlertIcon.info{color:rgb(var(--spotlight-info,14, 165, 233))}.arkynAlertIcon.warning{color:rgb(var(--spotlight-warning,249, 115, 22))}}
2
2
 
3
- @layer arkyn{.arkynAlertContainer{border:1px solid #0000;border-radius:6px;align-items:start;gap:16px;padding:16px;display:flex}.arkynAlertContainer.nonExistsAlertTitle{align-items:center}.arkynAlertContainer.danger{background:rgb(var(--spotlight-danger-foreground));border-color:rgb(var(--spotlight-danger))}.arkynAlertContainer.success{background:rgb(var(--spotlight-success-foreground));border-color:rgb(var(--spotlight-success))}.arkynAlertContainer.info{background:rgb(var(--spotlight-info-foreground));border-color:rgb(var(--spotlight-info))}.arkynAlertContainer.warning{background:rgb(var(--spotlight-warning-foreground));border-color:rgb(var(--spotlight-warning))}}
3
+ @layer arkyn{.arkynAlertContainer{border:1px solid #0000;border-radius:6px;align-items:start;gap:16px;padding:16px;display:flex}.arkynAlertContainer.nonExistsAlertTitle{align-items:center}.arkynAlertContainer.danger{background:rgb(var(--spotlight-danger-foreground,254, 236, 239));border-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynAlertContainer.success{background:rgb(var(--spotlight-success-foreground,231, 248, 242));border-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynAlertContainer.info{background:rgb(var(--spotlight-info-foreground,231, 246, 253));border-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynAlertContainer.warning{background:rgb(var(--spotlight-warning-foreground,254, 241, 232));border-color:rgb(var(--spotlight-warning,249, 115, 22))}}
4
4
 
5
- @layer arkyn{.arkynAlertTitle{text-align:left;color:var(--text-heading);font-size:16px;font-weight:600;line-height:130%}}
5
+ @layer arkyn{.arkynAlertTitle{text-align:left;color:var(--text-heading,#09090b);font-size:16px;font-weight:600;line-height:130%}}
6
6
 
7
- @layer arkyn{.arkynAlertTitle{text-align:left;color:var(--text-heading);font-size:16px;font-weight:600;line-height:130%}}
7
+ @layer arkyn{.arkynAlertTitle{text-align:left;color:var(--text-heading,#09090b);font-size:16px;font-weight:600;line-height:130%}}
package/dist/modules/components/alert/alertTitle/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynAlertTitle{text-align:left;color:var(--text-heading);font-size:16px;font-weight:600;line-height:130%}}
1
+ @layer arkyn{.arkynAlertTitle{text-align:left;color:var(--text-heading,#09090b);font-size:16px;font-weight:600;line-height:130%}}
package/dist/modules/components/audioPlayer/styles.css CHANGED
@@ -1,3 +1,3 @@
1
- @layer arkyn{.arkynAudioPlayer{align-items:center;gap:8px;min-width:280px;display:flex}.arkynAudioPlayer button{background-color:rgb(var(--spotlight-primary));border:none;border-radius:50%;justify-content:center;align-items:center;min-width:40px;max-width:40px;min-height:40px;max-height:40px;display:flex}.arkynAudioPlayer button:hover:not(:disabled){cursor:pointer;filter:brightness(.95);transition:all .3s}.arkynAudioPlayer button:disabled{cursor:not-allowed;opacity:.2}.arkynAudioPlayer button svg{fill:var(--white);stroke:var(--white);min-width:20px;max-width:20px;min-height:20px;max-height:20px}.arkynAudioPlayer p{text-align:left;color:var(--text-body);-webkit-user-select:none;user-select:none;font-size:12px;font-weight:400;line-height:12px}}
1
+ @layer arkyn{.arkynAudioPlayer{align-items:center;gap:8px;min-width:280px;display:flex}.arkynAudioPlayer button{background-color:rgb(var(--spotlight-primary,17, 109, 220));border:none;border-radius:50%;justify-content:center;align-items:center;min-width:40px;max-width:40px;min-height:40px;max-height:40px;display:flex}.arkynAudioPlayer button:hover:not(:disabled){cursor:pointer;filter:brightness(.95);transition:all .3s}.arkynAudioPlayer button:disabled{cursor:not-allowed;opacity:.2}.arkynAudioPlayer button svg{fill:var(--white,#fff);stroke:var(--white,#fff);min-width:20px;max-width:20px;min-height:20px;max-height:20px}.arkynAudioPlayer p{text-align:left;color:var(--text-body,#52525b);-webkit-user-select:none;user-select:none;font-size:12px;font-weight:400;line-height:12px}}
2
2
 
3
- @layer arkyn{.arkynSliderTrack{border:1px solid var(--border);background:var(--input-background);cursor:pointer;border-radius:5px;width:100%;max-width:400px;height:6px;position:relative}.arkynSliderTrack.isDragging{cursor:grabbing}.arkynSliderTrack.isDisabled{cursor:not-allowed;opacity:.5}.arkynSliderFill{background:rgb(var(--spotlight-primary));border-radius:5px;height:100%}.arkynSliderThumb{background:rgb(var(--spotlight-primary));border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.arkynSliderTrack.isEnabled .arkynSliderThumb{cursor:grab}.arkynSliderValue{margin-top:10px;font-size:18px}}
3
+ @layer arkyn{.arkynSliderTrack{border:1px solid var(--border,#e2e8f0);background:var(--input-background,#fafafa);cursor:pointer;border-radius:5px;width:100%;max-width:400px;height:6px;position:relative}.arkynSliderTrack.isDragging{cursor:grabbing}.arkynSliderTrack.isDisabled{cursor:not-allowed;opacity:.5}.arkynSliderFill{background:rgb(var(--spotlight-primary,17, 109, 220));border-radius:5px;height:100%}.arkynSliderThumb{background:rgb(var(--spotlight-primary,17, 109, 220));border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.arkynSliderTrack.isEnabled .arkynSliderThumb{cursor:grab}.arkynSliderValue{margin-top:10px;font-size:18px}}
package/dist/modules/components/audioUpload/hasFileContent/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynAudioUploadHasFileContentContainer{flex-direction:column;gap:16px;padding:16px;display:flex}.arkynAudioUploadAudioPlayer{align-items:center;gap:8px;display:flex}.arkynAudioUploadAudioPlayer button{background-color:rgb(var(--spotlight-primary));border:none;border-radius:50%;justify-content:center;align-items:center;min-width:40px;max-width:40px;min-height:40px;max-height:40px;display:flex}.arkynAudioUploadAudioPlayer p{text-align:left;color:var(--text-body);-webkit-user-select:none;user-select:none;font-size:12px;font-weight:400;line-height:12px}.arkynAudioUploadButtonsContainer{justify-content:end;align-items:center;gap:8px;display:flex}}
1
+ @layer arkyn{.arkynAudioUploadHasFileContentContainer{flex-direction:column;gap:16px;padding:16px;display:flex}.arkynAudioUploadAudioPlayer{align-items:center;gap:8px;display:flex}.arkynAudioUploadAudioPlayer button{background-color:rgb(var(--spotlight-primary,17, 109, 220));border:none;border-radius:50%;justify-content:center;align-items:center;min-width:40px;max-width:40px;min-height:40px;max-height:40px;display:flex}.arkynAudioUploadAudioPlayer p{text-align:left;color:var(--text-body,#52525b);-webkit-user-select:none;user-select:none;font-size:12px;font-weight:400;line-height:12px}.arkynAudioUploadButtonsContainer{justify-content:end;align-items:center;gap:8px;display:flex}}
package/dist/modules/components/audioUpload/noFileContent/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynAudioUploadNoFileContent{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.arkynAudioUploadNoFileContent>p{text-align:center;white-space:nowrap;color:var(--text-body);padding:0 24px;font-size:12px;font-weight:400;line-height:12px}}
1
+ @layer arkyn{.arkynAudioUploadNoFileContent{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.arkynAudioUploadNoFileContent>p{text-align:center;white-space:nowrap;color:var(--text-body,#52525b);padding:0 24px;font-size:12px;font-weight:400;line-height:12px}}
package/dist/modules/components/audioUpload/styles.css CHANGED
@@ -1,25 +1,25 @@
1
- @layer arkyn{.arkynAudioUpload{border-width:1px;border-color:var(--border);background:var(--input-background);border-radius:8px;outline:1px solid #0000;width:100%;max-width:475px;height:137px}.arkynAudioUpload.hasAudio{border-style:solid}.arkynAudioUpload.noHasAudio{border-style:dashed}.arkynAudioUpload.hasError{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}}
1
+ @layer arkyn{.arkynAudioUpload{border-width:1px;border-color:var(--border,#e2e8f0);background:var(--input-background,#fafafa);border-radius:8px;outline:1px solid #0000;width:100%;max-width:475px;height:137px}.arkynAudioUpload.hasAudio{border-style:solid}.arkynAudioUpload.noHasAudio{border-style:dashed}.arkynAudioUpload.hasError{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}}
2
2
 
3
- @layer arkyn{.arkynFieldError{color:rgb(var(--spotlight-danger));font-size:12px;font-weight:600;line-height:12px}}
3
+ @layer arkyn{.arkynFieldError{color:rgb(var(--spotlight-danger,244, 63, 94));font-size:12px;font-weight:600;line-height:12px}}
4
4
 
5
- @layer arkyn{.arkynFieldLabel{color:var(--text-body);font-size:14px;font-weight:600;line-height:19.07px}.arkynFieldLabel.asteriskTrue:before{content:"* ";text-align:left;color:rgb(var(--spotlight-danger));font-size:12px;font-weight:600;line-height:16.34px}}
5
+ @layer arkyn{.arkynFieldLabel{color:var(--text-body,#52525b);font-size:14px;font-weight:600;line-height:19.07px}.arkynFieldLabel.asteriskTrue:before{content:"* ";text-align:left;color:rgb(var(--spotlight-danger,244, 63, 94));font-size:12px;font-weight:600;line-height:16.34px}}
6
6
 
7
7
  @layer arkyn{.arkynFieldWrapper{gap:6px;height:max-content;display:flex}.arkynFieldWrapper.horizontal{flex-direction:row;align-items:center}.arkynFieldWrapper.horizontalReverse{flex-direction:row-reverse;align-items:center;margin-right:auto}.arkynFieldWrapper.vertical{flex-direction:column;align-items:flex-start}}
8
8
 
9
- @layer arkyn{.arkynAudioUploadHasFileContentContainer{flex-direction:column;gap:16px;padding:16px;display:flex}.arkynAudioUploadAudioPlayer{align-items:center;gap:8px;display:flex}.arkynAudioUploadAudioPlayer button{background-color:rgb(var(--spotlight-primary));border:none;border-radius:50%;justify-content:center;align-items:center;min-width:40px;max-width:40px;min-height:40px;max-height:40px;display:flex}.arkynAudioUploadAudioPlayer p{text-align:left;color:var(--text-body);-webkit-user-select:none;user-select:none;font-size:12px;font-weight:400;line-height:12px}.arkynAudioUploadButtonsContainer{justify-content:end;align-items:center;gap:8px;display:flex}}
9
+ @layer arkyn{.arkynAudioUploadHasFileContentContainer{flex-direction:column;gap:16px;padding:16px;display:flex}.arkynAudioUploadAudioPlayer{align-items:center;gap:8px;display:flex}.arkynAudioUploadAudioPlayer button{background-color:rgb(var(--spotlight-primary,17, 109, 220));border:none;border-radius:50%;justify-content:center;align-items:center;min-width:40px;max-width:40px;min-height:40px;max-height:40px;display:flex}.arkynAudioUploadAudioPlayer p{text-align:left;color:var(--text-body,#52525b);-webkit-user-select:none;user-select:none;font-size:12px;font-weight:400;line-height:12px}.arkynAudioUploadButtonsContainer{justify-content:end;align-items:center;gap:8px;display:flex}}
10
10
 
11
- @layer arkyn{.arkynAudioPlayer{align-items:center;gap:8px;min-width:280px;display:flex}.arkynAudioPlayer button{background-color:rgb(var(--spotlight-primary));border:none;border-radius:50%;justify-content:center;align-items:center;min-width:40px;max-width:40px;min-height:40px;max-height:40px;display:flex}.arkynAudioPlayer button:hover:not(:disabled){cursor:pointer;filter:brightness(.95);transition:all .3s}.arkynAudioPlayer button:disabled{cursor:not-allowed;opacity:.2}.arkynAudioPlayer button svg{fill:var(--white);stroke:var(--white);min-width:20px;max-width:20px;min-height:20px;max-height:20px}.arkynAudioPlayer p{text-align:left;color:var(--text-body);-webkit-user-select:none;user-select:none;font-size:12px;font-weight:400;line-height:12px}}
11
+ @layer arkyn{.arkynAudioPlayer{align-items:center;gap:8px;min-width:280px;display:flex}.arkynAudioPlayer button{background-color:rgb(var(--spotlight-primary,17, 109, 220));border:none;border-radius:50%;justify-content:center;align-items:center;min-width:40px;max-width:40px;min-height:40px;max-height:40px;display:flex}.arkynAudioPlayer button:hover:not(:disabled){cursor:pointer;filter:brightness(.95);transition:all .3s}.arkynAudioPlayer button:disabled{cursor:not-allowed;opacity:.2}.arkynAudioPlayer button svg{fill:var(--white,#fff);stroke:var(--white,#fff);min-width:20px;max-width:20px;min-height:20px;max-height:20px}.arkynAudioPlayer p{text-align:left;color:var(--text-body,#52525b);-webkit-user-select:none;user-select:none;font-size:12px;font-weight:400;line-height:12px}}
12
12
 
13
- @layer arkyn{.arkynSliderTrack{border:1px solid var(--border);background:var(--input-background);cursor:pointer;border-radius:5px;width:100%;max-width:400px;height:6px;position:relative}.arkynSliderTrack.isDragging{cursor:grabbing}.arkynSliderTrack.isDisabled{cursor:not-allowed;opacity:.5}.arkynSliderFill{background:rgb(var(--spotlight-primary));border-radius:5px;height:100%}.arkynSliderThumb{background:rgb(var(--spotlight-primary));border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.arkynSliderTrack.isEnabled .arkynSliderThumb{cursor:grab}.arkynSliderValue{margin-top:10px;font-size:18px}}
13
+ @layer arkyn{.arkynSliderTrack{border:1px solid var(--border,#e2e8f0);background:var(--input-background,#fafafa);cursor:pointer;border-radius:5px;width:100%;max-width:400px;height:6px;position:relative}.arkynSliderTrack.isDragging{cursor:grabbing}.arkynSliderTrack.isDisabled{cursor:not-allowed;opacity:.5}.arkynSliderFill{background:rgb(var(--spotlight-primary,17, 109, 220));border-radius:5px;height:100%}.arkynSliderThumb{background:rgb(var(--spotlight-primary,17, 109, 220));border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.arkynSliderTrack.isEnabled .arkynSliderThumb{cursor:grab}.arkynSliderValue{margin-top:10px;font-size:18px}}
14
14
 
15
- @layer arkyn{.arkynSliderTrack{border:1px solid var(--border);background:var(--input-background);cursor:pointer;border-radius:5px;width:100%;max-width:400px;height:6px;position:relative}.arkynSliderTrack.isDragging{cursor:grabbing}.arkynSliderTrack.isDisabled{cursor:not-allowed;opacity:.5}.arkynSliderFill{background:rgb(var(--spotlight-primary));border-radius:5px;height:100%}.arkynSliderThumb{background:rgb(var(--spotlight-primary));border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.arkynSliderTrack.isEnabled .arkynSliderThumb{cursor:grab}.arkynSliderValue{margin-top:10px;font-size:18px}}
15
+ @layer arkyn{.arkynSliderTrack{border:1px solid var(--border,#e2e8f0);background:var(--input-background,#fafafa);cursor:pointer;border-radius:5px;width:100%;max-width:400px;height:6px;position:relative}.arkynSliderTrack.isDragging{cursor:grabbing}.arkynSliderTrack.isDisabled{cursor:not-allowed;opacity:.5}.arkynSliderFill{background:rgb(var(--spotlight-primary,17, 109, 220));border-radius:5px;height:100%}.arkynSliderThumb{background:rgb(var(--spotlight-primary,17, 109, 220));border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.arkynSliderTrack.isEnabled .arkynSliderThumb{cursor:grab}.arkynSliderValue{margin-top:10px;font-size:18px}}
16
16
 
17
- @layer arkyn{.arkynButton{background:0 0;border:1px solid #0000;outline:1px solid #0000;position:relative}.arkynButton:hover{cursor:pointer;filter:brightness(.95);transition:all .3s}html.dark .arkynButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynButton:disabled{cursor:not-allowed;opacity:.5}.arkynButton .arkynButtonContent{white-space:nowrap;justify-content:center;align-items:center;display:flex}.arkynButton .arkynButtonSpinner{white-space:nowrap;opacity:0;justify-content:center;align-items:center;display:flex}.arkynButton.solid{color:var(--white)}.arkynButton.solid.primary{background-color:rgb(var(--spotlight-primary))}.arkynButton.solid.secondary{background-color:rgb(var(--spotlight-secondary))}.arkynButton.solid.danger{background-color:rgb(var(--spotlight-danger))}.arkynButton.solid.success{background-color:rgb(var(--spotlight-success))}.arkynButton.solid.warning{background-color:rgb(var(--spotlight-warning))}.arkynButton.solid.info{background-color:rgb(var(--spotlight-info))}.arkynButton.outline{background-color:var(--background-underground);border-color:var(--border)}.arkynButton.outline.primary{color:rgb(var(--spotlight-primary))}.arkynButton.outline.secondary{color:rgb(var(--spotlight-secondary))}.arkynButton.outline.danger{color:rgb(var(--spotlight-danger))}.arkynButton.outline.success{color:rgb(var(--spotlight-success))}.arkynButton.outline.warning{color:rgb(var(--spotlight-warning))}.arkynButton.outline.info{color:rgb(var(--spotlight-info))}.arkynButton.ghost.primary{color:rgb(var(--spotlight-primary));background-color:rgb(var(--spotlight-primary-foreground))}.arkynButton.ghost.secondary{color:rgb(var(--spotlight-secondary));background-color:rgb(var(--spotlight-secondary-foreground))}.arkynButton.ghost.danger{color:rgb(var(--spotlight-danger));background-color:rgb(var(--spotlight-danger-foreground))}.arkynButton.ghost.success{color:rgb(var(--spotlight-success));background-color:rgb(var(--spotlight-success-foreground))}.arkynButton.ghost.warning{color:rgb(var(--spotlight-warning));background-color:rgb(var(--spotlight-warning-foreground))}.arkynButton.ghost.info{color:rgb(var(--spotlight-info));background-color:rgb(var(--spotlight-info-foreground))}.arkynButton.invisible.primary{color:rgb(var(--spotlight-primary))}.arkynButton.invisible.secondary{color:rgb(var(--spotlight-secondary))}.arkynButton.invisible.danger{color:rgb(var(--spotlight-danger))}.arkynButton.invisible.success{color:rgb(var(--spotlight-success))}.arkynButton.invisible.warning{color:rgb(var(--spotlight-warning))}.arkynButton.invisible.info{color:rgb(var(--spotlight-info))}.arkynButton.lg{border-radius:8px;height:44px;padding:0 20px;font-size:14px;font-weight:600;line-height:14px}.arkynButton.lg .arkynButtonContent,.arkynButton.lg .arkynButtonSpinner{gap:16px}.arkynButton.md{border-radius:8px;gap:16px;height:40px;padding:0 16px;font-size:14px;font-weight:600;line-height:14px}.arkynButton.md .arkynButtonContent,.arkynButton.md .arkynButtonSpinner{gap:14px}.arkynButton.sm{border-radius:6px;height:32px;padding:0 16px;font-size:12px;font-weight:600;line-height:12px}.arkynButton.sm .arkynButtonContent,.arkynButton.sm .arkynButtonSpinner{gap:12px}.arkynButton.xs{border-radius:4px;height:24px;padding:0 16px;font-size:10px;font-weight:600;line-height:10px}.arkynButton.xs .arkynButtonContent,.arkynButton.xs .arkynButtonSpinner{gap:8px}.arkynButton .arkynButtonSpinner>svg{animation:2s linear infinite spin}.arkynButton.loadingTextFalse .arkynButtonSpinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynButton.loadingTextTrue .arkynButtonSpinner{max-height:0}.arkynButton.loadingTrue .arkynButtonContent{opacity:0;max-height:0}.arkynButton.loadingTrue .arkynButtonSpinner{opacity:1;max-height:unset}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
17
+ @layer arkyn{.arkynButton{background:0 0;border:1px solid #0000;outline:1px solid #0000;position:relative}.arkynButton:hover{cursor:pointer;filter:brightness(.95);transition:all .3s}html.dark .arkynButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynButton:disabled{cursor:not-allowed;opacity:.5}.arkynButton .arkynButtonContent{white-space:nowrap;justify-content:center;align-items:center;display:flex}.arkynButton .arkynButtonSpinner{white-space:nowrap;opacity:0;justify-content:center;align-items:center;display:flex}.arkynButton.solid{color:var(--white,#fff)}.arkynButton.solid.primary{background-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynButton.solid.secondary{background-color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynButton.solid.danger{background-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynButton.solid.success{background-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynButton.solid.warning{background-color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynButton.solid.info{background-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynButton.outline{background-color:var(--background-underground,#fafafa);border-color:var(--border,#e2e8f0)}.arkynButton.outline.primary{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynButton.outline.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynButton.outline.danger{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynButton.outline.success{color:rgb(var(--spotlight-success,16, 185, 129))}.arkynButton.outline.warning{color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynButton.outline.info{color:rgb(var(--spotlight-info,14, 165, 233))}.arkynButton.ghost.primary{color:rgb(var(--spotlight-primary,17, 109, 220));background-color:rgb(var(--spotlight-primary-foreground,231, 240, 252))}.arkynButton.ghost.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139));background-color:rgb(var(--spotlight-secondary-foreground,250, 250, 250))}.arkynButton.ghost.danger{color:rgb(var(--spotlight-danger,244, 63, 94));background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynButton.ghost.success{color:rgb(var(--spotlight-success,16, 185, 129));background-color:rgb(var(--spotlight-success-foreground,231, 248, 242))}.arkynButton.ghost.warning{color:rgb(var(--spotlight-warning,249, 115, 22));background-color:rgb(var(--spotlight-warning-foreground,254, 241, 232))}.arkynButton.ghost.info{color:rgb(var(--spotlight-info,14, 165, 233));background-color:rgb(var(--spotlight-info-foreground,231, 246, 253))}.arkynButton.invisible.primary{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynButton.invisible.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynButton.invisible.danger{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynButton.invisible.success{color:rgb(var(--spotlight-success,16, 185, 129))}.arkynButton.invisible.warning{color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynButton.invisible.info{color:rgb(var(--spotlight-info,14, 165, 233))}.arkynButton.lg{border-radius:8px;height:44px;padding:0 20px;font-size:14px;font-weight:600;line-height:14px}.arkynButton.lg .arkynButtonContent,.arkynButton.lg .arkynButtonSpinner{gap:16px}.arkynButton.md{border-radius:8px;gap:16px;height:40px;padding:0 16px;font-size:14px;font-weight:600;line-height:14px}.arkynButton.md .arkynButtonContent,.arkynButton.md .arkynButtonSpinner{gap:14px}.arkynButton.sm{border-radius:6px;height:32px;padding:0 16px;font-size:12px;font-weight:600;line-height:12px}.arkynButton.sm .arkynButtonContent,.arkynButton.sm .arkynButtonSpinner{gap:12px}.arkynButton.xs{border-radius:4px;height:24px;padding:0 16px;font-size:10px;font-weight:600;line-height:10px}.arkynButton.xs .arkynButtonContent,.arkynButton.xs .arkynButtonSpinner{gap:8px}.arkynButton .arkynButtonSpinner>svg{animation:2s linear infinite spin}.arkynButton.loadingTextFalse .arkynButtonSpinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynButton.loadingTextTrue .arkynButtonSpinner{max-height:0}.arkynButton.loadingTrue .arkynButtonContent{opacity:0;max-height:0}.arkynButton.loadingTrue .arkynButtonSpinner{opacity:1;max-height:unset}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
18
18
 
19
- @layer arkyn{.arkynDivider{background-color:var(--border);flex:1;display:block}.arkynDivider.horizontal{width:100%;min-height:1px;max-height:1px}.arkynDivider.vertical{min-width:1px;max-width:1px;height:100%}}
19
+ @layer arkyn{.arkynDivider{background-color:var(--border,#e2e8f0);flex:1;display:block}.arkynDivider.horizontal{width:100%;min-height:1px;max-height:1px}.arkynDivider.vertical{min-width:1px;max-width:1px;height:100%}}
20
20
 
21
- @layer arkyn{.arkynIconButton{background:0 0;border:1px solid #0000;outline:1px solid #0000;position:relative}.arkynIconButton:hover{cursor:pointer;filter:brightness(.9);transition:all .15s ease-out}html.dark .arkynIconButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynIconButton:disabled{cursor:not-allowed;opacity:.5}.arkynIconButtonContent{justify-content:center;align-items:center;display:flex}.arkynIconButton.solid{color:var(--white)}.arkynIconButton.solid.primary{background-color:rgb(var(--spotlight-primary))}.arkynIconButton.solid.secondary{background-color:rgb(var(--spotlight-secondary))}.arkynIconButton.solid.danger{background-color:rgb(var(--spotlight-danger))}.arkynIconButton.solid.success{background-color:rgb(var(--spotlight-success))}.arkynIconButton.solid.warning{background-color:rgb(var(--spotlight-warning))}.arkynIconButton.solid.info{background-color:rgb(var(--spotlight-info))}.arkynIconButton.outline{background-color:var(--background-underground);border-color:var(--border)}.arkynIconButton.outline.primary{color:rgb(var(--spotlight-primary))}.arkynIconButton.outline.secondary{color:rgb(var(--spotlight-secondary))}.arkynIconButton.outline.danger{color:rgb(var(--spotlight-danger))}.arkynIconButton.outline.success{color:rgb(var(--spotlight-success))}.arkynIconButton.outline.warning{color:rgb(var(--spotlight-warning))}.arkynIconButton.outline.info{color:rgb(var(--spotlight-info))}.arkynIconButton.ghost:hover{filter:brightness(.8)}.arkynIconButton.ghost.primary{color:rgb(var(--spotlight-primary));background-color:rgb(var(--spotlight-primary-foreground))}.arkynIconButton.ghost.secondary{color:rgb(var(--spotlight-secondary));background-color:rgb(var(--spotlight-secondary-foreground))}.arkynIconButton.ghost.danger{color:rgb(var(--spotlight-danger));background-color:rgb(var(--spotlight-danger-foreground))}.arkynIconButton.ghost.success{color:rgb(var(--spotlight-success));background-color:rgb(var(--spotlight-success-foreground))}.arkynIconButton.ghost.warning{color:rgb(var(--spotlight-warning));background-color:rgb(var(--spotlight-warning-foreground))}.arkynIconButton.ghost.info{color:rgb(var(--spotlight-info));background-color:rgb(var(--spotlight-info-foreground))}.arkynIconButton.invisible.primary{color:rgb(var(--spotlight-primary))}.arkynIconButton.invisible.secondary{color:rgb(var(--spotlight-secondary))}.arkynIconButton.invisible.danger{color:rgb(var(--spotlight-danger))}.arkynIconButton.invisible.success{color:rgb(var(--spotlight-success))}.arkynIconButton.invisible.warning{color:rgb(var(--spotlight-warning))}.arkynIconButton.invisible.info{color:rgb(var(--spotlight-info))}.arkynIconButton.lg{border-radius:6px;width:44px;height:44px}.arkynIconButton.md{border-radius:6px;width:40px;height:40px}.arkynIconButton.sm{border-radius:6px;width:32px;height:32px}.arkynIconButton.xs{border-radius:4px;width:24px;height:24px}.arkynIconButtonSpinner{opacity:0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynIconButtonSpinner>svg{animation:2s linear infinite spin}.arkynIconButton.loadingTrue .arkynIconButtonSpinner{opacity:1}.arkynIconButton.loadingTrue .arkynIconButtonContent{opacity:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
21
+ @layer arkyn{.arkynIconButton{background:0 0;border:1px solid #0000;outline:1px solid #0000;position:relative}.arkynIconButton:hover{cursor:pointer;filter:brightness(.9);transition:all .15s ease-out}html.dark .arkynIconButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynIconButton:disabled{cursor:not-allowed;opacity:.5}.arkynIconButtonContent{justify-content:center;align-items:center;display:flex}.arkynIconButton.solid{color:var(--white,#fff)}.arkynIconButton.solid.primary{background-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynIconButton.solid.secondary{background-color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynIconButton.solid.danger{background-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynIconButton.solid.success{background-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynIconButton.solid.warning{background-color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynIconButton.solid.info{background-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynIconButton.outline{background-color:var(--background-underground,#fafafa);border-color:var(--border,#e2e8f0)}.arkynIconButton.outline.primary{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynIconButton.outline.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynIconButton.outline.danger{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynIconButton.outline.success{color:rgb(var(--spotlight-success,16, 185, 129))}.arkynIconButton.outline.warning{color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynIconButton.outline.info{color:rgb(var(--spotlight-info,14, 165, 233))}.arkynIconButton.ghost:hover{filter:brightness(.8)}.arkynIconButton.ghost.primary{color:rgb(var(--spotlight-primary,17, 109, 220));background-color:rgb(var(--spotlight-primary-foreground,231, 240, 252))}.arkynIconButton.ghost.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139));background-color:rgb(var(--spotlight-secondary-foreground,250, 250, 250))}.arkynIconButton.ghost.danger{color:rgb(var(--spotlight-danger,244, 63, 94));background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynIconButton.ghost.success{color:rgb(var(--spotlight-success,16, 185, 129));background-color:rgb(var(--spotlight-success-foreground,231, 248, 242))}.arkynIconButton.ghost.warning{color:rgb(var(--spotlight-warning,249, 115, 22));background-color:rgb(var(--spotlight-warning-foreground,254, 241, 232))}.arkynIconButton.ghost.info{color:rgb(var(--spotlight-info,14, 165, 233));background-color:rgb(var(--spotlight-info-foreground,231, 246, 253))}.arkynIconButton.invisible.primary{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynIconButton.invisible.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynIconButton.invisible.danger{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynIconButton.invisible.success{color:rgb(var(--spotlight-success,16, 185, 129))}.arkynIconButton.invisible.warning{color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynIconButton.invisible.info{color:rgb(var(--spotlight-info,14, 165, 233))}.arkynIconButton.lg{border-radius:6px;width:44px;height:44px}.arkynIconButton.md{border-radius:6px;width:40px;height:40px}.arkynIconButton.sm{border-radius:6px;width:32px;height:32px}.arkynIconButton.xs{border-radius:4px;width:24px;height:24px}.arkynIconButtonSpinner{opacity:0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynIconButtonSpinner>svg{animation:2s linear infinite spin}.arkynIconButton.loadingTrue .arkynIconButtonSpinner{opacity:1}.arkynIconButton.loadingTrue .arkynIconButtonContent{opacity:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
22
22
 
23
- @layer arkyn{.arkynTooltip{display:block;position:relative}.arkynTooltipText{visibility:hidden;opacity:0;white-space:nowrap;color:var(--tooltip-text);background-color:var(--tooltip-background);z-index:9999;border-radius:4px;justify-content:center;align-items:center;font-weight:400;transition:all .15s ease-out;display:flex;position:absolute;transform:translate(-50%,-50%)}.arkynTooltip.lg .arkynTooltipText{padding:8px 12px;font-size:14px;line-height:130%}.arkynTooltip.md .arkynTooltipText{padding:8px 12px;font-size:12px;line-height:130%}.arkynTooltip:hover .arkynTooltipText{opacity:1;visibility:visible}.arkynTooltip.top .arkynTooltipText{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.top .arkynTooltipText:before{content:"";border-style:solid;border-color:var(--tooltip-background) transparent;border-width:6px 6px 0;position:absolute;top:100%;bottom:20px;left:50%;transform:translate(-50%)}.arkynTooltip.left .arkynTooltipText{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.left .arkynTooltipText:before{content:"";border-style:solid;border-color:transparent var(--tooltip-background);border-width:6px 0 6px 6px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText:before{content:"";border-style:solid;border-color:transparent var(--tooltip-background);border-width:6px 6px 6px 0;position:absolute;top:50%;left:0;transform:translate(-100%,-50%)}.arkynTooltip.bottom .arkynTooltipText{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.bottom .arkynTooltipText:before{content:"";border-style:solid;border-color:var(--tooltip-background) transparent;border-width:0 6px 6px;position:absolute;top:0;left:50%;transform:translate(-50%,-100%)}}
23
+ @layer arkyn{.arkynTooltip{display:block;position:relative}.arkynTooltipText{visibility:hidden;opacity:0;white-space:nowrap;color:var(--tooltip-text,#fafafa);background-color:var(--tooltip-background,#27272a);z-index:9999;border-radius:4px;justify-content:center;align-items:center;font-weight:400;transition:all .15s ease-out;display:flex;position:absolute;transform:translate(-50%,-50%)}.arkynTooltip.lg .arkynTooltipText{padding:8px 12px;font-size:14px;line-height:130%}.arkynTooltip.md .arkynTooltipText{padding:8px 12px;font-size:12px;line-height:130%}.arkynTooltip:hover .arkynTooltipText{opacity:1;visibility:visible}.arkynTooltip.top .arkynTooltipText{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.top .arkynTooltipText:before{content:"";border-style:solid;border-color:var(--tooltip-background,#27272a) transparent;border-width:6px 6px 0;position:absolute;top:100%;bottom:20px;left:50%;transform:translate(-50%)}.arkynTooltip.left .arkynTooltipText{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.left .arkynTooltipText:before{content:"";border-style:solid;border-color:transparent var(--tooltip-background,#27272a);border-width:6px 0 6px 6px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText:before{content:"";border-style:solid;border-color:transparent var(--tooltip-background,#27272a);border-width:6px 6px 6px 0;position:absolute;top:50%;left:0;transform:translate(-100%,-50%)}.arkynTooltip.bottom .arkynTooltipText{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.bottom .arkynTooltipText:before{content:"";border-style:solid;border-color:var(--tooltip-background,#27272a) transparent;border-width:0 6px 6px;position:absolute;top:0;left:50%;transform:translate(-50%,-100%)}}
24
24
 
25
- @layer arkyn{.arkynAudioUploadNoFileContent{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.arkynAudioUploadNoFileContent>p{text-align:center;white-space:nowrap;color:var(--text-body);padding:0 24px;font-size:12px;font-weight:400;line-height:12px}}
25
+ @layer arkyn{.arkynAudioUploadNoFileContent{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.arkynAudioUploadNoFileContent>p{text-align:center;white-space:nowrap;color:var(--text-body,#52525b);padding:0 24px;font-size:12px;font-weight:400;line-height:12px}}
package/dist/modules/components/badge/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynBadge{white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:4px;width:min-content;display:flex}.arkynBadge.lg{border-radius:12px;height:24px;padding:0 16px}.arkynBadge.lg p{font-size:12px;font-weight:400;line-height:12px}.arkynBadge.md{border-radius:10px;height:20px;padding:0 12px}.arkynBadge.md p{font-size:10px;font-weight:400;line-height:10px}.arkynBadge.solid{color:#fff}.arkynBadge.solid.primary{background-color:rgb(var(--spotlight-primary))}.arkynBadge.solid.secondary{background-color:rgb(var(--spotlight-secondary))}.arkynBadge.solid.danger{background-color:rgb(var(--spotlight-danger))}.arkynBadge.solid.success{background-color:rgb(var(--spotlight-success))}.arkynBadge.solid.warning{background-color:rgb(var(--spotlight-warning))}.arkynBadge.solid.info{background-color:rgb(var(--spotlight-info))}.arkynBadge.outline.primary{border-color:rgb(var(--spotlight-primary))}.arkynBadge.outline.primary p,.arkynBadge.outline.primary svg{color:rgb(var(--spotlight-primary))}.arkynBadge.outline.secondary{border-color:rgb(var(--spotlight-secondary))}.arkynBadge.outline.secondary p,.arkynBadge.outline.secondary svg{color:rgb(var(--spotlight-secondary))}.arkynBadge.outline.danger{border-color:rgb(var(--spotlight-danger))}.arkynBadge.outline.danger p,.arkynBadge.outline.danger svg{color:rgb(var(--spotlight-danger))}.arkynBadge.outline.success{border-color:rgb(var(--spotlight-success))}.arkynBadge.outline.success p,.arkynBadge.outline.success svg{color:rgb(var(--spotlight-success))}.arkynBadge.outline.warning{border-color:rgb(var(--spotlight-warning))}.arkynBadge.outline.warning p,.arkynBadge.outline.warning svg{color:rgb(var(--spotlight-warning))}.arkynBadge.outline.info{border-color:rgb(var(--spotlight-info))}.arkynBadge.outline.info p,.arkynBadge.outline.info svg{color:rgb(var(--spotlight-info))}.arkynBadge.ghost.primary{background-color:rgb(var(--spotlight-primary-foreground))}.arkynBadge.ghost.primary p,.arkynBadge.ghost.primary svg{color:rgb(var(--spotlight-primary))}.arkynBadge.ghost.secondary{background-color:rgb(var(--spotlight-secondary-foreground))}.arkynBadge.ghost.secondary p,.arkynBadge.ghost.secondary svg{color:rgb(var(--spotlight-secondary))}.arkynBadge.ghost.danger{background-color:rgb(var(--spotlight-danger-foreground))}.arkynBadge.ghost.danger p,.arkynBadge.ghost.danger svg{color:rgb(var(--spotlight-danger))}.arkynBadge.ghost.success{background-color:rgb(var(--spotlight-success-foreground))}.arkynBadge.ghost.success p,.arkynBadge.ghost.success svg{color:rgb(var(--spotlight-success))}.arkynBadge.ghost.warning{background-color:rgb(var(--spotlight-warning-foreground))}.arkynBadge.ghost.warning p,.arkynBadge.ghost.warning svg{color:rgb(var(--spotlight-warning))}.arkynBadge.ghost.info{background-color:rgb(var(--spotlight-info-foreground))}.arkynBadge.ghost.info p,.arkynBadge.ghost.info svg{color:rgb(var(--spotlight-info))}}
1
+ @layer arkyn{.arkynBadge{white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:4px;width:min-content;display:flex}.arkynBadge.lg{border-radius:12px;height:24px;padding:0 16px}.arkynBadge.lg p{font-size:12px;font-weight:400;line-height:12px}.arkynBadge.md{border-radius:10px;height:20px;padding:0 12px}.arkynBadge.md p{font-size:10px;font-weight:400;line-height:10px}.arkynBadge.solid{color:#fff}.arkynBadge.solid.primary{background-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynBadge.solid.secondary{background-color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynBadge.solid.danger{background-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynBadge.solid.success{background-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynBadge.solid.warning{background-color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynBadge.solid.info{background-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynBadge.outline.primary{border-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynBadge.outline.primary p,.arkynBadge.outline.primary svg{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynBadge.outline.secondary{border-color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynBadge.outline.secondary p,.arkynBadge.outline.secondary svg{color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynBadge.outline.danger{border-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynBadge.outline.danger p,.arkynBadge.outline.danger svg{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynBadge.outline.success{border-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynBadge.outline.success p,.arkynBadge.outline.success svg{color:rgb(var(--spotlight-success,16, 185, 129))}.arkynBadge.outline.warning{border-color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynBadge.outline.warning p,.arkynBadge.outline.warning svg{color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynBadge.outline.info{border-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynBadge.outline.info p,.arkynBadge.outline.info svg{color:rgb(var(--spotlight-info,14, 165, 233))}.arkynBadge.ghost.primary{background-color:rgb(var(--spotlight-primary-foreground,231, 240, 252))}.arkynBadge.ghost.primary p,.arkynBadge.ghost.primary svg{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynBadge.ghost.secondary{background-color:rgb(var(--spotlight-secondary-foreground,250, 250, 250))}.arkynBadge.ghost.secondary p,.arkynBadge.ghost.secondary svg{color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynBadge.ghost.danger{background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynBadge.ghost.danger p,.arkynBadge.ghost.danger svg{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynBadge.ghost.success{background-color:rgb(var(--spotlight-success-foreground,231, 248, 242))}.arkynBadge.ghost.success p,.arkynBadge.ghost.success svg{color:rgb(var(--spotlight-success,16, 185, 129))}.arkynBadge.ghost.warning{background-color:rgb(var(--spotlight-warning-foreground,254, 241, 232))}.arkynBadge.ghost.warning p,.arkynBadge.ghost.warning svg{color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynBadge.ghost.info{background-color:rgb(var(--spotlight-info-foreground,231, 246, 253))}.arkynBadge.ghost.info p,.arkynBadge.ghost.info svg{color:rgb(var(--spotlight-info,14, 165, 233))}}
package/dist/modules/components/button/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynButton{background:0 0;border:1px solid #0000;outline:1px solid #0000;position:relative}.arkynButton:hover{cursor:pointer;filter:brightness(.95);transition:all .3s}html.dark .arkynButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynButton:disabled{cursor:not-allowed;opacity:.5}.arkynButton .arkynButtonContent{white-space:nowrap;justify-content:center;align-items:center;display:flex}.arkynButton .arkynButtonSpinner{white-space:nowrap;opacity:0;justify-content:center;align-items:center;display:flex}.arkynButton.solid{color:var(--white)}.arkynButton.solid.primary{background-color:rgb(var(--spotlight-primary))}.arkynButton.solid.secondary{background-color:rgb(var(--spotlight-secondary))}.arkynButton.solid.danger{background-color:rgb(var(--spotlight-danger))}.arkynButton.solid.success{background-color:rgb(var(--spotlight-success))}.arkynButton.solid.warning{background-color:rgb(var(--spotlight-warning))}.arkynButton.solid.info{background-color:rgb(var(--spotlight-info))}.arkynButton.outline{background-color:var(--background-underground);border-color:var(--border)}.arkynButton.outline.primary{color:rgb(var(--spotlight-primary))}.arkynButton.outline.secondary{color:rgb(var(--spotlight-secondary))}.arkynButton.outline.danger{color:rgb(var(--spotlight-danger))}.arkynButton.outline.success{color:rgb(var(--spotlight-success))}.arkynButton.outline.warning{color:rgb(var(--spotlight-warning))}.arkynButton.outline.info{color:rgb(var(--spotlight-info))}.arkynButton.ghost.primary{color:rgb(var(--spotlight-primary));background-color:rgb(var(--spotlight-primary-foreground))}.arkynButton.ghost.secondary{color:rgb(var(--spotlight-secondary));background-color:rgb(var(--spotlight-secondary-foreground))}.arkynButton.ghost.danger{color:rgb(var(--spotlight-danger));background-color:rgb(var(--spotlight-danger-foreground))}.arkynButton.ghost.success{color:rgb(var(--spotlight-success));background-color:rgb(var(--spotlight-success-foreground))}.arkynButton.ghost.warning{color:rgb(var(--spotlight-warning));background-color:rgb(var(--spotlight-warning-foreground))}.arkynButton.ghost.info{color:rgb(var(--spotlight-info));background-color:rgb(var(--spotlight-info-foreground))}.arkynButton.invisible.primary{color:rgb(var(--spotlight-primary))}.arkynButton.invisible.secondary{color:rgb(var(--spotlight-secondary))}.arkynButton.invisible.danger{color:rgb(var(--spotlight-danger))}.arkynButton.invisible.success{color:rgb(var(--spotlight-success))}.arkynButton.invisible.warning{color:rgb(var(--spotlight-warning))}.arkynButton.invisible.info{color:rgb(var(--spotlight-info))}.arkynButton.lg{border-radius:8px;height:44px;padding:0 20px;font-size:14px;font-weight:600;line-height:14px}.arkynButton.lg .arkynButtonContent,.arkynButton.lg .arkynButtonSpinner{gap:16px}.arkynButton.md{border-radius:8px;gap:16px;height:40px;padding:0 16px;font-size:14px;font-weight:600;line-height:14px}.arkynButton.md .arkynButtonContent,.arkynButton.md .arkynButtonSpinner{gap:14px}.arkynButton.sm{border-radius:6px;height:32px;padding:0 16px;font-size:12px;font-weight:600;line-height:12px}.arkynButton.sm .arkynButtonContent,.arkynButton.sm .arkynButtonSpinner{gap:12px}.arkynButton.xs{border-radius:4px;height:24px;padding:0 16px;font-size:10px;font-weight:600;line-height:10px}.arkynButton.xs .arkynButtonContent,.arkynButton.xs .arkynButtonSpinner{gap:8px}.arkynButton .arkynButtonSpinner>svg{animation:2s linear infinite spin}.arkynButton.loadingTextFalse .arkynButtonSpinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynButton.loadingTextTrue .arkynButtonSpinner{max-height:0}.arkynButton.loadingTrue .arkynButtonContent{opacity:0;max-height:0}.arkynButton.loadingTrue .arkynButtonSpinner{opacity:1;max-height:unset}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
1
+ @layer arkyn{.arkynButton{background:0 0;border:1px solid #0000;outline:1px solid #0000;position:relative}.arkynButton:hover{cursor:pointer;filter:brightness(.95);transition:all .3s}html.dark .arkynButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynButton:disabled{cursor:not-allowed;opacity:.5}.arkynButton .arkynButtonContent{white-space:nowrap;justify-content:center;align-items:center;display:flex}.arkynButton .arkynButtonSpinner{white-space:nowrap;opacity:0;justify-content:center;align-items:center;display:flex}.arkynButton.solid{color:var(--white,#fff)}.arkynButton.solid.primary{background-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynButton.solid.secondary{background-color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynButton.solid.danger{background-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynButton.solid.success{background-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynButton.solid.warning{background-color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynButton.solid.info{background-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynButton.outline{background-color:var(--background-underground,#fafafa);border-color:var(--border,#e2e8f0)}.arkynButton.outline.primary{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynButton.outline.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynButton.outline.danger{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynButton.outline.success{color:rgb(var(--spotlight-success,16, 185, 129))}.arkynButton.outline.warning{color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynButton.outline.info{color:rgb(var(--spotlight-info,14, 165, 233))}.arkynButton.ghost.primary{color:rgb(var(--spotlight-primary,17, 109, 220));background-color:rgb(var(--spotlight-primary-foreground,231, 240, 252))}.arkynButton.ghost.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139));background-color:rgb(var(--spotlight-secondary-foreground,250, 250, 250))}.arkynButton.ghost.danger{color:rgb(var(--spotlight-danger,244, 63, 94));background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynButton.ghost.success{color:rgb(var(--spotlight-success,16, 185, 129));background-color:rgb(var(--spotlight-success-foreground,231, 248, 242))}.arkynButton.ghost.warning{color:rgb(var(--spotlight-warning,249, 115, 22));background-color:rgb(var(--spotlight-warning-foreground,254, 241, 232))}.arkynButton.ghost.info{color:rgb(var(--spotlight-info,14, 165, 233));background-color:rgb(var(--spotlight-info-foreground,231, 246, 253))}.arkynButton.invisible.primary{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynButton.invisible.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynButton.invisible.danger{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynButton.invisible.success{color:rgb(var(--spotlight-success,16, 185, 129))}.arkynButton.invisible.warning{color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynButton.invisible.info{color:rgb(var(--spotlight-info,14, 165, 233))}.arkynButton.lg{border-radius:8px;height:44px;padding:0 20px;font-size:14px;font-weight:600;line-height:14px}.arkynButton.lg .arkynButtonContent,.arkynButton.lg .arkynButtonSpinner{gap:16px}.arkynButton.md{border-radius:8px;gap:16px;height:40px;padding:0 16px;font-size:14px;font-weight:600;line-height:14px}.arkynButton.md .arkynButtonContent,.arkynButton.md .arkynButtonSpinner{gap:14px}.arkynButton.sm{border-radius:6px;height:32px;padding:0 16px;font-size:12px;font-weight:600;line-height:12px}.arkynButton.sm .arkynButtonContent,.arkynButton.sm .arkynButtonSpinner{gap:12px}.arkynButton.xs{border-radius:4px;height:24px;padding:0 16px;font-size:10px;font-weight:600;line-height:10px}.arkynButton.xs .arkynButtonContent,.arkynButton.xs .arkynButtonSpinner{gap:8px}.arkynButton .arkynButtonSpinner>svg{animation:2s linear infinite spin}.arkynButton.loadingTextFalse .arkynButtonSpinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynButton.loadingTextTrue .arkynButtonSpinner{max-height:0}.arkynButton.loadingTrue .arkynButtonContent{opacity:0;max-height:0}.arkynButton.loadingTrue .arkynButtonSpinner{opacity:1;max-height:unset}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
package/dist/modules/components/calendar/calendarContainer/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynCalendarContainer{border:1px solid var(--border);background-color:var(--background-foreground);border-radius:8px;flex-direction:column;gap:32px;max-width:400px;padding:16px;display:flex}}
1
+ @layer arkyn{.arkynCalendarContainer{border:1px solid var(--border,#e2e8f0);background-color:var(--background-foreground,#fff);border-radius:8px;flex-direction:column;gap:32px;max-width:400px;padding:16px;display:flex}}
package/dist/modules/components/calendar/calendarHeader/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynCalendarHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.arkynCalendarHeader>p{color:var(--text-body);font-size:14px;font-weight:500}.arkynCalendarHeader .arkynCalendarButton{border:unset;background-color:unset;color:var(--text-muted);cursor:pointer;align-items:center;gap:4px;display:flex}.arkynCalendarHeader .arkynCalendarButton:hover svg{color:rgb(var(--spotlight-primary))}.arkynCalendarHeader>div{align-items:center;gap:12px;display:flex}.arkynCalendarHeader div .arkynSelectContainer{padding:unset;min-width:70px;min-height:24px}}
1
+ @layer arkyn{.arkynCalendarHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.arkynCalendarHeader>p{color:var(--text-body,#52525b);font-size:14px;font-weight:500}.arkynCalendarHeader .arkynCalendarButton{border:unset;background-color:unset;color:var(--text-muted,#a1a1aa);cursor:pointer;align-items:center;gap:4px;display:flex}.arkynCalendarHeader .arkynCalendarButton:hover svg{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynCalendarHeader>div{align-items:center;gap:12px;display:flex}.arkynCalendarHeader div .arkynSelectContainer{padding:unset;min-width:70px;min-height:24px}}
package/dist/modules/components/calendar/calendarTableHeader/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynCalendarTableHeader th{color:var(--text-muted);padding-bottom:8px;font-size:14px;font-weight:500}.arkynCalendarTableHeader{border-bottom:1px solid var(--border)}}
1
+ @layer arkyn{.arkynCalendarTableHeader th{color:var(--text-muted,#a1a1aa);padding-bottom:8px;font-size:14px;font-weight:500}.arkynCalendarTableHeader{border-bottom:1px solid var(--border,#e2e8f0)}}
package/dist/modules/components/calendar/calendarTableTd/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynCalendarTableTd{-webkit-user-select:none;user-select:none;cursor:pointer}.arkynCalendarTableTd p{text-align:center;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin:auto;font-size:14px;display:flex}.arkynCalendarTableTd.previous p,.arkynCalendarTableTd.next p{color:var(--text-muted)}.arkynCalendarTableTd.current p{color:var(--text-body)}.arkynCalendarTableTd:hover p{color:rgb(var(--spotlight-primary))}.arkynCalendarTableTd.today:not(.checkedDay) p{color:var(--text-body);background-color:var(--background-underground);filter:brightness(.97);font-weight:500}.arkynCalendarTableTd .textGroup{width:40px;height:40px;margin:auto;position:relative}.arkynCalendarTableTd.checkedDay .textGroup span{content:" ";background-color:rgb(var(--spotlight-primary));z-index:2;border-radius:8px;position:absolute;inset:0}.arkynCalendarTableTd.checkedDay .textGroup p{color:var(--white);z-index:3;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynCalendarTableTd.middleDay .textGroup span{content:" ";background-color:var(--background-underground);filter:brightness(.95);z-index:1;position:absolute;inset:0 -15px}.arkynCalendarTableTd:first-child.middleDay .textGroup span{border-top-left-radius:6px;border-bottom-left-radius:6px;left:0;right:-15px}.arkynCalendarTableTd:last-child.middleDay .textGroup span{border-top-right-radius:6px;border-bottom-right-radius:6px;left:-15px;right:0}.arkynCalendarTableTd.middleDay .textGroup p{color:var(--text-muted);z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynCalendarTableTd.current.middleDay .textGroup p{color:var(--text-body)}}
1
+ @layer arkyn{.arkynCalendarTableTd{-webkit-user-select:none;user-select:none;cursor:pointer}.arkynCalendarTableTd p{text-align:center;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin:auto;font-size:14px;display:flex}.arkynCalendarTableTd.previous p,.arkynCalendarTableTd.next p{color:var(--text-muted,#a1a1aa)}.arkynCalendarTableTd.current p{color:var(--text-body,#52525b)}.arkynCalendarTableTd:hover p{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynCalendarTableTd.today:not(.checkedDay) p{color:var(--text-body,#52525b);background-color:var(--background-underground,#fafafa);filter:brightness(.97);font-weight:500}.arkynCalendarTableTd .textGroup{width:40px;height:40px;margin:auto;position:relative}.arkynCalendarTableTd.checkedDay .textGroup span{content:" ";background-color:rgb(var(--spotlight-primary,17, 109, 220));z-index:2;border-radius:8px;position:absolute;inset:0}.arkynCalendarTableTd.checkedDay .textGroup p{color:var(--white,#fff);z-index:3;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynCalendarTableTd.middleDay .textGroup span{content:" ";background-color:var(--background-underground,#fafafa);filter:brightness(.95);z-index:1;position:absolute;inset:0 -15px}.arkynCalendarTableTd:first-child.middleDay .textGroup span{border-top-left-radius:6px;border-bottom-left-radius:6px;left:0;right:-15px}.arkynCalendarTableTd:last-child.middleDay .textGroup span{border-top-right-radius:6px;border-bottom-right-radius:6px;left:-15px;right:0}.arkynCalendarTableTd.middleDay .textGroup p{color:var(--text-muted,#a1a1aa);z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynCalendarTableTd.current.middleDay .textGroup p{color:var(--text-body,#52525b)}}
package/dist/modules/components/calendar/styles.css CHANGED
@@ -1,24 +1,24 @@
1
- @layer arkyn{.arkynCalendarContainer{border:1px solid var(--border);background-color:var(--background-foreground);border-radius:8px;flex-direction:column;gap:32px;max-width:400px;padding:16px;display:flex}}
1
+ @layer arkyn{.arkynCalendarContainer{border:1px solid var(--border,#e2e8f0);background-color:var(--background-foreground,#fff);border-radius:8px;flex-direction:column;gap:32px;max-width:400px;padding:16px;display:flex}}
2
2
 
3
- @layer arkyn{.arkynCalendarHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.arkynCalendarHeader>p{color:var(--text-body);font-size:14px;font-weight:500}.arkynCalendarHeader .arkynCalendarButton{border:unset;background-color:unset;color:var(--text-muted);cursor:pointer;align-items:center;gap:4px;display:flex}.arkynCalendarHeader .arkynCalendarButton:hover svg{color:rgb(var(--spotlight-primary))}.arkynCalendarHeader>div{align-items:center;gap:12px;display:flex}.arkynCalendarHeader div .arkynSelectContainer{padding:unset;min-width:70px;min-height:24px}}
3
+ @layer arkyn{.arkynCalendarHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.arkynCalendarHeader>p{color:var(--text-body,#52525b);font-size:14px;font-weight:500}.arkynCalendarHeader .arkynCalendarButton{border:unset;background-color:unset;color:var(--text-muted,#a1a1aa);cursor:pointer;align-items:center;gap:4px;display:flex}.arkynCalendarHeader .arkynCalendarButton:hover svg{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynCalendarHeader>div{align-items:center;gap:12px;display:flex}.arkynCalendarHeader div .arkynSelectContainer{padding:unset;min-width:70px;min-height:24px}}
4
4
 
5
- @layer arkyn{.arkynFieldError{color:rgb(var(--spotlight-danger));font-size:12px;font-weight:600;line-height:12px}}
5
+ @layer arkyn{.arkynFieldError{color:rgb(var(--spotlight-danger,244, 63, 94));font-size:12px;font-weight:600;line-height:12px}}
6
6
 
7
- @layer arkyn{.arkynFieldLabel{color:var(--text-body);font-size:14px;font-weight:600;line-height:19.07px}.arkynFieldLabel.asteriskTrue:before{content:"* ";text-align:left;color:rgb(var(--spotlight-danger));font-size:12px;font-weight:600;line-height:16.34px}}
7
+ @layer arkyn{.arkynFieldLabel{color:var(--text-body,#52525b);font-size:14px;font-weight:600;line-height:19.07px}.arkynFieldLabel.asteriskTrue:before{content:"* ";text-align:left;color:rgb(var(--spotlight-danger,244, 63, 94));font-size:12px;font-weight:600;line-height:16.34px}}
8
8
 
9
9
  @layer arkyn{.arkynFieldWrapper{gap:6px;height:max-content;display:flex}.arkynFieldWrapper.horizontal{flex-direction:row;align-items:center}.arkynFieldWrapper.horizontalReverse{flex-direction:row-reverse;align-items:center;margin-right:auto}.arkynFieldWrapper.vertical{flex-direction:column;align-items:flex-start}}
10
10
 
11
- @layer arkyn{.arkynSelectChevron{color:var(--text-muted);transition:all .15s ease-in-out}.arkynSelectChevron:not(.notAnimate).focused{transform:rotate(180deg)}}
11
+ @layer arkyn{.arkynSelectChevron{color:var(--text-muted,#a1a1aa);transition:all .15s ease-in-out}.arkynSelectChevron:not(.notAnimate).focused{transform:rotate(180deg)}}
12
12
 
13
- @layer arkyn{.arkynSelectContainer{border:1px solid #0000;border-radius:8px;outline:1px solid #0000;align-items:center;gap:8px;width:100%;padding:0 16px;display:flex;position:relative}.arkynSelectContainer:hover{cursor:pointer}.arkynSelectContainer.opacity{opacity:.5}.arkynSelectContainer .prefix{color:var(--text-body);background:var(--border);border-right:1px solid var(--border);border-radius:5px 0 0 5px;justify-content:center;align-items:center;font-weight:400;display:flex;position:absolute;top:0;bottom:0;left:0}.arkynSelectContainer>svg{color:var(--text-muted)}.arkynSelectContainer.errored>svg{color:rgb(var(--spotlight-danger))}.arkynSelectContainer:not(.opacity).focused>svg{color:rgb(var(--spotlight-primary))}.arkynSelectContainer.solid{border-color:var(--border);background-color:var(--input-background)}.arkynSelectContainer.solid.errored{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynSelectContainer:not(.opacity).solid.focused{border-color:rgb(var(--spotlight-primary));outline-color:rgb(var(--spotlight-primary))}.arkynSelectContainer.outline{border-color:var(--border);background-color:var(--background-foreground)}.arkynSelectContainer.outline.errored{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynSelectContainer:not(.opacity).outline.focused{border-color:rgb(var(--spotlight-primary));outline-color:rgb(var(--spotlight-primary))}.arkynSelectContainer.underline{border-top:none;border-left:none;border-right:none;border-color:var(--border);border-radius:0;outline:none}.arkynSelectContainer.underline .prefix{display:none}.arkynSelectContainer.underline:before{content:" ";background:0 0;height:1px;position:absolute;bottom:-2px;left:0;right:0}.arkynSelectContainer.underline.errored{border-color:rgba(var(--spotlight-danger))}.arkynSelectContainer.underline.errored:before{background:rgba(var(--spotlight-danger))}.arkynSelectContainer:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary))}.arkynSelectContainer:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary))}.arkynSelectContainer.md{min-height:40px}.arkynSelectContainer.md.hasPrefix{padding-left:60px}.arkynSelectContainer.md .prefix{width:44px;height:40px;font-size:14px}.arkynSelectContainer.lg{min-height:44px}.arkynSelectContainer.lg .prefix{width:48px;height:44px;font-size:16px}.arkynSelectContainer.lg.hasPrefix{padding-left:64px}}
13
+ @layer arkyn{.arkynSelectContainer{border:1px solid #0000;border-radius:8px;outline:1px solid #0000;align-items:center;gap:8px;width:100%;padding:0 16px;display:flex;position:relative}.arkynSelectContainer:hover{cursor:pointer}.arkynSelectContainer.opacity{opacity:.5}.arkynSelectContainer .prefix{color:var(--text-body,#52525b);background:var(--border,#e2e8f0);border-right:1px solid var(--border,#e2e8f0);border-radius:5px 0 0 5px;justify-content:center;align-items:center;font-weight:400;display:flex;position:absolute;top:0;bottom:0;left:0}.arkynSelectContainer>svg{color:var(--text-muted,#a1a1aa)}.arkynSelectContainer.errored>svg{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynSelectContainer:not(.opacity).focused>svg{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynSelectContainer.solid{border-color:var(--border,#e2e8f0);background-color:var(--input-background,#fafafa)}.arkynSelectContainer.solid.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynSelectContainer:not(.opacity).solid.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynSelectContainer.outline{border-color:var(--border,#e2e8f0);background-color:var(--background-foreground,#fff)}.arkynSelectContainer.outline.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynSelectContainer:not(.opacity).outline.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynSelectContainer.underline{border-top:none;border-left:none;border-right:none;border-color:var(--border,#e2e8f0);border-radius:0;outline:none}.arkynSelectContainer.underline .prefix{display:none}.arkynSelectContainer.underline:before{content:" ";background:0 0;height:1px;position:absolute;bottom:-2px;left:0;right:0}.arkynSelectContainer.underline.errored{border-color:rgba(var(--spotlight-danger,244, 63, 94))}.arkynSelectContainer.underline.errored:before{background:rgba(var(--spotlight-danger,244, 63, 94))}.arkynSelectContainer:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary,17, 109, 220))}.arkynSelectContainer:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary,17, 109, 220))}.arkynSelectContainer.md{min-height:40px}.arkynSelectContainer.md.hasPrefix{padding-left:60px}.arkynSelectContainer.md .prefix{width:44px;height:40px;font-size:14px}.arkynSelectContainer.lg{min-height:44px}.arkynSelectContainer.lg .prefix{width:48px;height:44px;font-size:16px}.arkynSelectContainer.lg.hasPrefix{padding-left:64px}}
14
14
 
15
- @layer arkyn{.arkynSelectContent{flex-wrap:wrap;flex:1;align-items:start;gap:4px;display:flex}.arkynSelectContent>p{color:var(--text-muted);-webkit-user-select:none;user-select:none;font-weight:400}.arkynSelectContent>p.hasValue{color:var(--text-body)}.arkynSelectContent.md>p{font-size:14px;line-height:14px}.arkynSelectContent.lg>p{font-size:16px;line-height:16px}}
15
+ @layer arkyn{.arkynSelectContent{flex-wrap:wrap;flex:1;align-items:start;gap:4px;display:flex}.arkynSelectContent>p{color:var(--text-muted,#a1a1aa);-webkit-user-select:none;user-select:none;font-weight:400}.arkynSelectContent>p.hasValue{color:var(--text-body,#52525b)}.arkynSelectContent.md>p{font-size:14px;line-height:14px}.arkynSelectContent.lg>p{font-size:16px;line-height:16px}}
16
16
 
17
- @layer arkyn{.arkynSelectOption{color:var(--text-body);background-color:inherit;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-weight:400;line-height:21.79px;display:flex}.arkynSelectOption.md{padding:8px 16px;font-size:14px}.arkynSelectOption.lg{padding:8px 16px;font-size:16px}.arkynSelectOption svg{width:20px;height:20px;color:rgb(var(--spotlight-primary));display:none}.arkynSelectOption:hover{cursor:pointer;filter:brightness(.98)}.arkynSelectOption.active{color:var(--text-heading);filter:brightness(.95);font-weight:600}.arkynSelectOption.active svg{display:unset}html.dark .arkynSelectOption:hover,html.dark .arkynSelectOption.active{filter:brightness(1.2)}}
17
+ @layer arkyn{.arkynSelectOption{color:var(--text-body,#52525b);background-color:inherit;-webkit-user-select:none;user-select:none;border:none;justify-content:space-between;align-items:center;font-weight:400;line-height:21.79px;display:flex}.arkynSelectOption.md{padding:8px 16px;font-size:14px}.arkynSelectOption.lg{padding:8px 16px;font-size:16px}.arkynSelectOption svg{width:20px;height:20px;color:rgb(var(--spotlight-primary,17, 109, 220));display:none}.arkynSelectOption:hover{cursor:pointer;filter:brightness(.98)}.arkynSelectOption.active{color:var(--text-heading,#09090b);filter:brightness(.95);font-weight:600}.arkynSelectOption.active svg{display:unset}html.dark .arkynSelectOption:hover,html.dark .arkynSelectOption.active{filter:brightness(1.2)}}
18
18
 
19
- @layer arkyn{.arkynSelectOptionsContainer{z-index:7;border:1px solid var(--border);background-color:var(--background-foreground);border-radius:6px;flex-direction:column;flex:1;height:max-content;max-height:300px;list-style:none;display:flex;position:absolute;left:-2px;right:-2px;overflow:auto;box-shadow:0 4px 8px #0000001a}.arkynSelectOptionsContainer.bottom{top:calc(100% + 5px)}.arkynSelectOptionsContainer.top{bottom:calc(100% + 5px)}.arkynSelectOptionsContainer>p{text-align:center;color:var(--text-body);padding:16px;font-size:14px;font-weight:400;line-height:21.79px}}
19
+ @layer arkyn{.arkynSelectOptionsContainer{z-index:7;border:1px solid var(--border,#e2e8f0);background-color:var(--background-foreground,#fff);border-radius:6px;flex-direction:column;flex:1;height:max-content;max-height:300px;list-style:none;display:flex;position:absolute;left:-2px;right:-2px;overflow:auto;box-shadow:0 4px 8px #0000001a}.arkynSelectOptionsContainer.bottom{top:calc(100% + 5px)}.arkynSelectOptionsContainer.top{bottom:calc(100% + 5px)}.arkynSelectOptionsContainer>p{text-align:center;color:var(--text-body,#52525b);padding:16px;font-size:14px;font-weight:400;line-height:21.79px}}
20
20
 
21
- @layer arkyn{.arkynInput{border:1px solid #0000;border-radius:8px;outline:1px solid #0000;align-items:center;gap:8px;width:100%;padding:0 16px;display:flex;position:relative}.arkynInput:hover{cursor:text}.arkynInput input{width:100%;color:var(--text-heading);background:0 0;border:none;outline:none;line-height:100%}.arkynInput input:disabled{-webkit-user-select:none;user-select:none}.arkynInput .prefix,.arkynInput .suffix{color:var(--text-body);background:var(--border);justify-content:center;align-items:center;font-weight:400;line-height:100%;display:flex;position:absolute}.arkynInput .prefix{border-right:1px solid var(--border);border-radius:7px 0 0 7px;top:0;bottom:0;left:0}.arkynInput .suffix{border-left:1px solid var(--border);border-radius:0 7px 7px 0;top:0;bottom:0;right:0}.arkynInput input::placeholder{color:var(--text-muted);line-height:100%}.arkynInput svg{color:var(--text-muted)}.arkynInput.errored svg{color:rgb(var(--spotlight-danger))}.arkynInput:not(.opacity).focused svg{color:rgb(var(--spotlight-primary))}.arkynInput.opacity{opacity:.5}.arkynInput.solid{border-color:var(--border);background-color:var(--input-background)}.arkynInput.solid.errored{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynInput:not(.opacity).solid.focused{border-color:rgb(var(--spotlight-primary));outline-color:rgb(var(--spotlight-primary))}.arkynInput.outline{border-color:var(--border);background-color:var(--background-foreground)}.arkynInput.outline.errored{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynInput:not(.opacity).outline.focused{border-color:rgb(var(--spotlight-primary));outline-color:rgb(var(--spotlight-primary))}.arkynInput.underline{border-top:none;border-left:none;border-right:none;border-color:var(--border);border-radius:0;outline:none}.arkynInput.underline .suffix,.arkynInput.underline .prefix{display:none}.arkynInput.underline:before{content:" ";background:0 0;height:1px;position:absolute;bottom:-2px;left:0;right:0}.arkynInput.underline.errored{border-color:rgb(var(--spotlight-danger))}.arkynInput.underline.errored:before{background:rgb(var(--spotlight-danger))}.arkynInput:not(.opacity).underline.focused{border-color:rgb(var(--spotlight-primary))}.arkynInput:not(.opacity).underline.focused:before{background:rgb(var(--spotlight-primary))}.arkynInput.md input{min-height:38px;max-height:38px;font-size:14px;font-weight:400;line-height:14px}.arkynInput.md input::placeholder{font-size:14px;font-weight:400;line-height:14px}.arkynInput.md.hasPrefix{padding-left:60px}.arkynInput.md.hasSuffix{padding-right:60px}.arkynInput.md .prefix,.arkynInput.md .suffix{width:44px;height:38px;font-size:14px}.arkynInput.lg input{min-height:44px;max-height:44px;font-size:16px;font-weight:400;line-height:16px}.arkynInput.lg input::placeholder{font-size:16px;font-weight:400;line-height:16px}.arkynInput.lg .prefix,.arkynInput.lg .suffix{width:48px;height:44px;font-size:16px}.arkynInput.lg.hasPrefix{padding-left:64px}.arkynInput.lg.hasSuffix{padding-right:64px}.arkynInput .spinner{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
21
+ @layer arkyn{.arkynInput{border:1px solid #0000;border-radius:8px;outline:1px solid #0000;align-items:center;gap:8px;width:100%;padding:0 16px;display:flex;position:relative}.arkynInput:hover{cursor:text}.arkynInput input{width:100%;color:var(--text-heading,#09090b);background:0 0;border:none;outline:none;line-height:100%}.arkynInput input:disabled{-webkit-user-select:none;user-select:none}.arkynInput .prefix,.arkynInput .suffix{color:var(--text-body,#52525b);background:var(--border,#e2e8f0);justify-content:center;align-items:center;font-weight:400;line-height:100%;display:flex;position:absolute}.arkynInput .prefix{border-right:1px solid var(--border,#e2e8f0);border-radius:7px 0 0 7px;top:0;bottom:0;left:0}.arkynInput .suffix{border-left:1px solid var(--border,#e2e8f0);border-radius:0 7px 7px 0;top:0;bottom:0;right:0}.arkynInput input::placeholder{color:var(--text-muted,#a1a1aa);line-height:100%}.arkynInput svg{color:var(--text-muted,#a1a1aa)}.arkynInput.errored svg{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynInput:not(.opacity).focused svg{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynInput.opacity{opacity:.5}.arkynInput.solid{border-color:var(--border,#e2e8f0);background-color:var(--input-background,#fafafa)}.arkynInput.solid.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynInput:not(.opacity).solid.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynInput.outline{border-color:var(--border,#e2e8f0);background-color:var(--background-foreground,#fff)}.arkynInput.outline.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynInput:not(.opacity).outline.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynInput.underline{border-top:none;border-left:none;border-right:none;border-color:var(--border,#e2e8f0);border-radius:0;outline:none}.arkynInput.underline .suffix,.arkynInput.underline .prefix{display:none}.arkynInput.underline:before{content:" ";background:0 0;height:1px;position:absolute;bottom:-2px;left:0;right:0}.arkynInput.underline.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynInput.underline.errored:before{background:rgb(var(--spotlight-danger,244, 63, 94))}.arkynInput:not(.opacity).underline.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynInput:not(.opacity).underline.focused:before{background:rgb(var(--spotlight-primary,17, 109, 220))}.arkynInput.md input{min-height:38px;max-height:38px;font-size:14px;font-weight:400;line-height:14px}.arkynInput.md input::placeholder{font-size:14px;font-weight:400;line-height:14px}.arkynInput.md.hasPrefix{padding-left:60px}.arkynInput.md.hasSuffix{padding-right:60px}.arkynInput.md .prefix,.arkynInput.md .suffix{width:44px;height:38px;font-size:14px}.arkynInput.lg input{min-height:44px;max-height:44px;font-size:16px;font-weight:400;line-height:16px}.arkynInput.lg input::placeholder{font-size:16px;font-weight:400;line-height:16px}.arkynInput.lg .prefix,.arkynInput.lg .suffix{width:48px;height:44px;font-size:16px}.arkynInput.lg.hasPrefix{padding-left:64px}.arkynInput.lg.hasSuffix{padding-right:64px}.arkynInput .spinner{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
22
22
 
23
23
  @layer arkyn{.arkynSelectOverlay{z-index:5;position:fixed;inset:0}}
24
24
 
@@ -26,8 +26,8 @@
26
26
 
27
27
  @layer arkyn{.arkynCalendarTableBody{border-collapse:collapse;border-spacing:0}.arkynCalendarTableBody td p{text-align:center;padding:16px;font-size:14px}.arkynCalendarTableBody tr:first-child td{padding-top:8px}}
28
28
 
29
- @layer arkyn{.arkynCalendarTableTd{-webkit-user-select:none;user-select:none;cursor:pointer}.arkynCalendarTableTd p{text-align:center;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin:auto;font-size:14px;display:flex}.arkynCalendarTableTd.previous p,.arkynCalendarTableTd.next p{color:var(--text-muted)}.arkynCalendarTableTd.current p{color:var(--text-body)}.arkynCalendarTableTd:hover p{color:rgb(var(--spotlight-primary))}.arkynCalendarTableTd.today:not(.checkedDay) p{color:var(--text-body);background-color:var(--background-underground);filter:brightness(.97);font-weight:500}.arkynCalendarTableTd .textGroup{width:40px;height:40px;margin:auto;position:relative}.arkynCalendarTableTd.checkedDay .textGroup span{content:" ";background-color:rgb(var(--spotlight-primary));z-index:2;border-radius:8px;position:absolute;inset:0}.arkynCalendarTableTd.checkedDay .textGroup p{color:var(--white);z-index:3;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynCalendarTableTd.middleDay .textGroup span{content:" ";background-color:var(--background-underground);filter:brightness(.95);z-index:1;position:absolute;inset:0 -15px}.arkynCalendarTableTd:first-child.middleDay .textGroup span{border-top-left-radius:6px;border-bottom-left-radius:6px;left:0;right:-15px}.arkynCalendarTableTd:last-child.middleDay .textGroup span{border-top-right-radius:6px;border-bottom-right-radius:6px;left:-15px;right:0}.arkynCalendarTableTd.middleDay .textGroup p{color:var(--text-muted);z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynCalendarTableTd.current.middleDay .textGroup p{color:var(--text-body)}}
29
+ @layer arkyn{.arkynCalendarTableTd{-webkit-user-select:none;user-select:none;cursor:pointer}.arkynCalendarTableTd p{text-align:center;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin:auto;font-size:14px;display:flex}.arkynCalendarTableTd.previous p,.arkynCalendarTableTd.next p{color:var(--text-muted,#a1a1aa)}.arkynCalendarTableTd.current p{color:var(--text-body,#52525b)}.arkynCalendarTableTd:hover p{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynCalendarTableTd.today:not(.checkedDay) p{color:var(--text-body,#52525b);background-color:var(--background-underground,#fafafa);filter:brightness(.97);font-weight:500}.arkynCalendarTableTd .textGroup{width:40px;height:40px;margin:auto;position:relative}.arkynCalendarTableTd.checkedDay .textGroup span{content:" ";background-color:rgb(var(--spotlight-primary,17, 109, 220));z-index:2;border-radius:8px;position:absolute;inset:0}.arkynCalendarTableTd.checkedDay .textGroup p{color:var(--white,#fff);z-index:3;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynCalendarTableTd.middleDay .textGroup span{content:" ";background-color:var(--background-underground,#fafafa);filter:brightness(.95);z-index:1;position:absolute;inset:0 -15px}.arkynCalendarTableTd:first-child.middleDay .textGroup span{border-top-left-radius:6px;border-bottom-left-radius:6px;left:0;right:-15px}.arkynCalendarTableTd:last-child.middleDay .textGroup span{border-top-right-radius:6px;border-bottom-right-radius:6px;left:-15px;right:0}.arkynCalendarTableTd.middleDay .textGroup p{color:var(--text-muted,#a1a1aa);z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynCalendarTableTd.current.middleDay .textGroup p{color:var(--text-body,#52525b)}}
30
30
 
31
31
  @layer arkyn{.arkynCalendarTableContainer{border-collapse:collapse;border-spacing:0}}
32
32
 
33
- @layer arkyn{.arkynCalendarTableHeader th{color:var(--text-muted);padding-bottom:8px;font-size:14px;font-weight:500}.arkynCalendarTableHeader{border-bottom:1px solid var(--border)}}
33
+ @layer arkyn{.arkynCalendarTableHeader th{color:var(--text-muted,#a1a1aa);padding-bottom:8px;font-size:14px;font-weight:500}.arkynCalendarTableHeader{border-bottom:1px solid var(--border,#e2e8f0)}}
package/dist/modules/components/cardTab/cardTabButton/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynCardTabButton{letter-spacing:0%;color:var(--text-heading);cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;height:40px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.arkynCardTabButton.isDisabled{cursor:not-allowed;opacity:.2}.arkynCardTabButton:hover:not(:disabled),.arkynCardTabButton.isActive{background-color:var(--background-foreground);border-color:var(--border)}}
1
+ @layer arkyn{.arkynCardTabButton{letter-spacing:0%;color:var(--text-heading,#09090b);cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;height:40px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.arkynCardTabButton.isDisabled{cursor:not-allowed;opacity:.2}.arkynCardTabButton:hover:not(:disabled),.arkynCardTabButton.isActive{background-color:var(--background-foreground,#fff);border-color:var(--border,#e2e8f0)}}
package/dist/modules/components/cardTab/cardTabContainer/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynCardTabContainer{background-color:var(--background-underground);border-radius:8px;align-items:center;gap:4px;width:max-content;padding:4px;display:flex;overflow:hidden}}
1
+ @layer arkyn{.arkynCardTabContainer{background-color:var(--background-underground,#fafafa);border-radius:8px;align-items:center;gap:4px;width:max-content;padding:4px;display:flex;overflow:hidden}}
package/dist/modules/components/checkbox/styles.css CHANGED
@@ -1,7 +1,7 @@
1
- @layer arkyn{.arkynCheckbox{border:2px solid var(--border);background-color:var(--input-background);justify-content:center;align-items:center;display:flex}.arkynCheckbox:hover{cursor:pointer}.arkynCheckbox>svg{stroke-width:3px;display:none}.arkynCheckbox.sm{border-radius:4px;min-width:16px;max-width:16px;min-height:16px;max-height:16px}.arkynCheckbox.sm>svg{min-width:12px;max-width:12px;min-height:12px;max-height:12px}.arkynCheckbox.md{border-radius:4px;min-width:20px;max-width:20px;min-height:20px;max-height:20px}.arkynCheckbox.md>svg{min-width:14px;max-width:14px;min-height:14px;max-height:14px}.arkynCheckbox.lg{border-radius:6px;min-width:24px;max-width:24px;min-height:24px;max-height:24px}.arkynCheckbox.lg>svg{min-width:14px;max-width:14px;min-height:14px;max-height:14px}.arkynCheckbox.checkedTrue{background-color:rgb(var(--spotlight-primary));border-color:rgb(var(--spotlight-primary))}.arkynCheckbox.checkedTrue>svg{display:unset;color:var(--white)}.arkynCheckbox.errorTrue{border-color:rgb(var(--spotlight-danger))}}
1
+ @layer arkyn{.arkynCheckbox{border:2px solid var(--border,#e2e8f0);background-color:var(--input-background,#fafafa);justify-content:center;align-items:center;display:flex}.arkynCheckbox:hover{cursor:pointer}.arkynCheckbox>svg{stroke-width:3px;display:none}.arkynCheckbox.sm{border-radius:4px;min-width:16px;max-width:16px;min-height:16px;max-height:16px}.arkynCheckbox.sm>svg{min-width:12px;max-width:12px;min-height:12px;max-height:12px}.arkynCheckbox.md{border-radius:4px;min-width:20px;max-width:20px;min-height:20px;max-height:20px}.arkynCheckbox.md>svg{min-width:14px;max-width:14px;min-height:14px;max-height:14px}.arkynCheckbox.lg{border-radius:6px;min-width:24px;max-width:24px;min-height:24px;max-height:24px}.arkynCheckbox.lg>svg{min-width:14px;max-width:14px;min-height:14px;max-height:14px}.arkynCheckbox.checkedTrue{background-color:rgb(var(--spotlight-primary,17, 109, 220));border-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynCheckbox.checkedTrue>svg{display:unset;color:var(--white,#fff)}.arkynCheckbox.errorTrue{border-color:rgb(var(--spotlight-danger,244, 63, 94))}}
2
2
 
3
- @layer arkyn{.arkynFieldError{color:rgb(var(--spotlight-danger));font-size:12px;font-weight:600;line-height:12px}}
3
+ @layer arkyn{.arkynFieldError{color:rgb(var(--spotlight-danger,244, 63, 94));font-size:12px;font-weight:600;line-height:12px}}
4
4
 
5
- @layer arkyn{.arkynFieldLabel{color:var(--text-body);font-size:14px;font-weight:600;line-height:19.07px}.arkynFieldLabel.asteriskTrue:before{content:"* ";text-align:left;color:rgb(var(--spotlight-danger));font-size:12px;font-weight:600;line-height:16.34px}}
5
+ @layer arkyn{.arkynFieldLabel{color:var(--text-body,#52525b);font-size:14px;font-weight:600;line-height:19.07px}.arkynFieldLabel.asteriskTrue:before{content:"* ";text-align:left;color:rgb(var(--spotlight-danger,244, 63, 94));font-size:12px;font-weight:600;line-height:16.34px}}
6
6
 
7
7
  @layer arkyn{.arkynFieldWrapper{gap:6px;height:max-content;display:flex}.arkynFieldWrapper.horizontal{flex-direction:row;align-items:center}.arkynFieldWrapper.horizontalReverse{flex-direction:row-reverse;align-items:center;margin-right:auto}.arkynFieldWrapper.vertical{flex-direction:column;align-items:flex-start}}
package/dist/modules/components/currencyInput/style.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynCurrencyInput{border:1px solid #0000;border-radius:8px;outline:1px solid #0000;align-items:center;gap:8px;width:100%;padding:0 16px;display:flex;position:relative}.arkynCurrencyInput:hover{cursor:text}.arkynCurrencyInput input{width:100%;color:var(--text-heading);background:0 0;border:none;outline:none;line-height:100%}.arkynCurrencyInput .prefix,.arkynCurrencyInput .suffix{color:var(--text-body);background:var(--border);justify-content:center;align-items:center;font-weight:400;line-height:100%;display:flex;position:absolute}.arkynCurrencyInput .prefix{border-right:1px solid var(--border);border-radius:7px 0 0 7px;top:0;bottom:0;left:0}.arkynCurrencyInput .suffix{border-left:1px solid var(--border);border-radius:0 7px 7px 0;top:0;bottom:0;right:0}.arkynCurrencyInput input::placeholder{color:var(--text-muted);line-height:100%}.arkynCurrencyInput svg{color:var(--text-muted)}.arkynCurrencyInput.errored svg{color:rgb(var(--spotlight-danger))}.arkynCurrencyInput:not(.opacity).focused svg{color:rgb(var(--spotlight-primary))}.arkynCurrencyInput.opacity{opacity:.5}.arkynCurrencyInput.solid{border-color:var(--border);background-color:var(--input-background)}.arkynCurrencyInput.solid.errored{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynCurrencyInput:not(.opacity).solid.focused{border-color:rgb(var(--spotlight-primary));outline-color:rgb(var(--spotlight-primary))}.arkynCurrencyInput.outline{border-color:var(--border);background-color:var(--background-foreground)}.arkynCurrencyInput.outline.errored{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynCurrencyInput:not(.opacity).outline.focused{border-color:rgb(var(--spotlight-primary));outline-color:rgb(var(--spotlight-primary))}.arkynCurrencyInput.underline{border-top:none;border-left:none;border-right:none;border-color:var(--border);border-radius:0;outline:none}.arkynCurrencyInput.underline .suffix,.arkynCurrencyInput.underline .prefix{display:none}.arkynCurrencyInput.underline:before{content:" ";background:0 0;height:1px;position:absolute;bottom:-2px;left:0;right:0}.arkynCurrencyInput.underline.errored{border-color:rgb(var(--spotlight-danger))}.arkynCurrencyInput.underline.errored:before{background:rgb(var(--spotlight-danger))}.arkynCurrencyInput:not(.opacity).underline.focused{border-color:rgb(var(--spotlight-primary))}.arkynCurrencyInput:not(.opacity).underline.focused:before{background:rgb(var(--spotlight-primary))}.arkynCurrencyInput.md input{min-height:38px;max-height:38px;font-size:14px;font-weight:400;line-height:14px}.arkynCurrencyInput.md input::placeholder{font-size:14px;font-weight:400;line-height:14px}.arkynCurrencyInput.md.hasPrefix{padding-left:60px}.arkynCurrencyInput.md.hasSuffix{padding-right:60px}.arkynCurrencyInput.md .prefix,.arkynCurrencyInput.md .suffix{width:44px;height:38px;font-size:14px}.arkynCurrencyInput.lg input{min-height:44px;max-height:44px;font-size:16px;font-weight:400;line-height:16px}.arkynCurrencyInput.lg input::placeholder{font-size:16px;font-weight:400;line-height:16px}.arkynCurrencyInput.lg .prefix,.arkynCurrencyInput.lg .suffix{width:48px;height:44px;font-size:16px}.arkynCurrencyInput.lg.hasPrefix{padding-left:64px}.arkynCurrencyInput.lg.hasSuffix{padding-right:64px}.arkynCurrencyInput .spinner{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
1
+ @layer arkyn{.arkynCurrencyInput{border:1px solid #0000;border-radius:8px;outline:1px solid #0000;align-items:center;gap:8px;width:100%;padding:0 16px;display:flex;position:relative}.arkynCurrencyInput:hover{cursor:text}.arkynCurrencyInput input{width:100%;color:var(--text-heading,#09090b);background:0 0;border:none;outline:none;line-height:100%}.arkynCurrencyInput .prefix,.arkynCurrencyInput .suffix{color:var(--text-body,#52525b);background:var(--border,#e2e8f0);justify-content:center;align-items:center;font-weight:400;line-height:100%;display:flex;position:absolute}.arkynCurrencyInput .prefix{border-right:1px solid var(--border,#e2e8f0);border-radius:7px 0 0 7px;top:0;bottom:0;left:0}.arkynCurrencyInput .suffix{border-left:1px solid var(--border,#e2e8f0);border-radius:0 7px 7px 0;top:0;bottom:0;right:0}.arkynCurrencyInput input::placeholder{color:var(--text-muted,#a1a1aa);line-height:100%}.arkynCurrencyInput svg{color:var(--text-muted,#a1a1aa)}.arkynCurrencyInput.errored svg{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynCurrencyInput:not(.opacity).focused svg{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynCurrencyInput.opacity{opacity:.5}.arkynCurrencyInput.solid{border-color:var(--border,#e2e8f0);background-color:var(--input-background,#fafafa)}.arkynCurrencyInput.solid.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynCurrencyInput:not(.opacity).solid.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynCurrencyInput.outline{border-color:var(--border,#e2e8f0);background-color:var(--background-foreground,#fff)}.arkynCurrencyInput.outline.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynCurrencyInput:not(.opacity).outline.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynCurrencyInput.underline{border-top:none;border-left:none;border-right:none;border-color:var(--border,#e2e8f0);border-radius:0;outline:none}.arkynCurrencyInput.underline .suffix,.arkynCurrencyInput.underline .prefix{display:none}.arkynCurrencyInput.underline:before{content:" ";background:0 0;height:1px;position:absolute;bottom:-2px;left:0;right:0}.arkynCurrencyInput.underline.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynCurrencyInput.underline.errored:before{background:rgb(var(--spotlight-danger,244, 63, 94))}.arkynCurrencyInput:not(.opacity).underline.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynCurrencyInput:not(.opacity).underline.focused:before{background:rgb(var(--spotlight-primary,17, 109, 220))}.arkynCurrencyInput.md input{min-height:38px;max-height:38px;font-size:14px;font-weight:400;line-height:14px}.arkynCurrencyInput.md input::placeholder{font-size:14px;font-weight:400;line-height:14px}.arkynCurrencyInput.md.hasPrefix{padding-left:60px}.arkynCurrencyInput.md.hasSuffix{padding-right:60px}.arkynCurrencyInput.md .prefix,.arkynCurrencyInput.md .suffix{width:44px;height:38px;font-size:14px}.arkynCurrencyInput.lg input{min-height:44px;max-height:44px;font-size:16px;font-weight:400;line-height:16px}.arkynCurrencyInput.lg input::placeholder{font-size:16px;font-weight:400;line-height:16px}.arkynCurrencyInput.lg .prefix,.arkynCurrencyInput.lg .suffix{width:48px;height:44px;font-size:16px}.arkynCurrencyInput.lg.hasPrefix{padding-left:64px}.arkynCurrencyInput.lg.hasSuffix{padding-right:64px}.arkynCurrencyInput .spinner{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
package/dist/modules/components/currencyInput/styles.css CHANGED
@@ -1,7 +1,7 @@
1
- @layer arkyn{.arkynCurrencyInput{border:1px solid #0000;border-radius:8px;outline:1px solid #0000;align-items:center;gap:8px;width:100%;padding:0 16px;display:flex;position:relative}.arkynCurrencyInput:hover{cursor:text}.arkynCurrencyInput input{width:100%;color:var(--text-heading);background:0 0;border:none;outline:none;line-height:100%}.arkynCurrencyInput .prefix,.arkynCurrencyInput .suffix{color:var(--text-body);background:var(--border);justify-content:center;align-items:center;font-weight:400;line-height:100%;display:flex;position:absolute}.arkynCurrencyInput .prefix{border-right:1px solid var(--border);border-radius:7px 0 0 7px;top:0;bottom:0;left:0}.arkynCurrencyInput .suffix{border-left:1px solid var(--border);border-radius:0 7px 7px 0;top:0;bottom:0;right:0}.arkynCurrencyInput input::placeholder{color:var(--text-muted);line-height:100%}.arkynCurrencyInput svg{color:var(--text-muted)}.arkynCurrencyInput.errored svg{color:rgb(var(--spotlight-danger))}.arkynCurrencyInput:not(.opacity).focused svg{color:rgb(var(--spotlight-primary))}.arkynCurrencyInput.opacity{opacity:.5}.arkynCurrencyInput.solid{border-color:var(--border);background-color:var(--input-background)}.arkynCurrencyInput.solid.errored{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynCurrencyInput:not(.opacity).solid.focused{border-color:rgb(var(--spotlight-primary));outline-color:rgb(var(--spotlight-primary))}.arkynCurrencyInput.outline{border-color:var(--border);background-color:var(--background-foreground)}.arkynCurrencyInput.outline.errored{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynCurrencyInput:not(.opacity).outline.focused{border-color:rgb(var(--spotlight-primary));outline-color:rgb(var(--spotlight-primary))}.arkynCurrencyInput.underline{border-top:none;border-left:none;border-right:none;border-color:var(--border);border-radius:0;outline:none}.arkynCurrencyInput.underline .suffix,.arkynCurrencyInput.underline .prefix{display:none}.arkynCurrencyInput.underline:before{content:" ";background:0 0;height:1px;position:absolute;bottom:-2px;left:0;right:0}.arkynCurrencyInput.underline.errored{border-color:rgb(var(--spotlight-danger))}.arkynCurrencyInput.underline.errored:before{background:rgb(var(--spotlight-danger))}.arkynCurrencyInput:not(.opacity).underline.focused{border-color:rgb(var(--spotlight-primary))}.arkynCurrencyInput:not(.opacity).underline.focused:before{background:rgb(var(--spotlight-primary))}.arkynCurrencyInput.md input{min-height:38px;max-height:38px;font-size:14px;font-weight:400;line-height:14px}.arkynCurrencyInput.md input::placeholder{font-size:14px;font-weight:400;line-height:14px}.arkynCurrencyInput.md.hasPrefix{padding-left:60px}.arkynCurrencyInput.md.hasSuffix{padding-right:60px}.arkynCurrencyInput.md .prefix,.arkynCurrencyInput.md .suffix{width:44px;height:38px;font-size:14px}.arkynCurrencyInput.lg input{min-height:44px;max-height:44px;font-size:16px;font-weight:400;line-height:16px}.arkynCurrencyInput.lg input::placeholder{font-size:16px;font-weight:400;line-height:16px}.arkynCurrencyInput.lg .prefix,.arkynCurrencyInput.lg .suffix{width:48px;height:44px;font-size:16px}.arkynCurrencyInput.lg.hasPrefix{padding-left:64px}.arkynCurrencyInput.lg.hasSuffix{padding-right:64px}.arkynCurrencyInput .spinner{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
1
+ @layer arkyn{.arkynCurrencyInput{border:1px solid #0000;border-radius:8px;outline:1px solid #0000;align-items:center;gap:8px;width:100%;padding:0 16px;display:flex;position:relative}.arkynCurrencyInput:hover{cursor:text}.arkynCurrencyInput input{width:100%;color:var(--text-heading,#09090b);background:0 0;border:none;outline:none;line-height:100%}.arkynCurrencyInput .prefix,.arkynCurrencyInput .suffix{color:var(--text-body,#52525b);background:var(--border,#e2e8f0);justify-content:center;align-items:center;font-weight:400;line-height:100%;display:flex;position:absolute}.arkynCurrencyInput .prefix{border-right:1px solid var(--border,#e2e8f0);border-radius:7px 0 0 7px;top:0;bottom:0;left:0}.arkynCurrencyInput .suffix{border-left:1px solid var(--border,#e2e8f0);border-radius:0 7px 7px 0;top:0;bottom:0;right:0}.arkynCurrencyInput input::placeholder{color:var(--text-muted,#a1a1aa);line-height:100%}.arkynCurrencyInput svg{color:var(--text-muted,#a1a1aa)}.arkynCurrencyInput.errored svg{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynCurrencyInput:not(.opacity).focused svg{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynCurrencyInput.opacity{opacity:.5}.arkynCurrencyInput.solid{border-color:var(--border,#e2e8f0);background-color:var(--input-background,#fafafa)}.arkynCurrencyInput.solid.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynCurrencyInput:not(.opacity).solid.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynCurrencyInput.outline{border-color:var(--border,#e2e8f0);background-color:var(--background-foreground,#fff)}.arkynCurrencyInput.outline.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynCurrencyInput:not(.opacity).outline.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynCurrencyInput.underline{border-top:none;border-left:none;border-right:none;border-color:var(--border,#e2e8f0);border-radius:0;outline:none}.arkynCurrencyInput.underline .suffix,.arkynCurrencyInput.underline .prefix{display:none}.arkynCurrencyInput.underline:before{content:" ";background:0 0;height:1px;position:absolute;bottom:-2px;left:0;right:0}.arkynCurrencyInput.underline.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynCurrencyInput.underline.errored:before{background:rgb(var(--spotlight-danger,244, 63, 94))}.arkynCurrencyInput:not(.opacity).underline.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynCurrencyInput:not(.opacity).underline.focused:before{background:rgb(var(--spotlight-primary,17, 109, 220))}.arkynCurrencyInput.md input{min-height:38px;max-height:38px;font-size:14px;font-weight:400;line-height:14px}.arkynCurrencyInput.md input::placeholder{font-size:14px;font-weight:400;line-height:14px}.arkynCurrencyInput.md.hasPrefix{padding-left:60px}.arkynCurrencyInput.md.hasSuffix{padding-right:60px}.arkynCurrencyInput.md .prefix,.arkynCurrencyInput.md .suffix{width:44px;height:38px;font-size:14px}.arkynCurrencyInput.lg input{min-height:44px;max-height:44px;font-size:16px;font-weight:400;line-height:16px}.arkynCurrencyInput.lg input::placeholder{font-size:16px;font-weight:400;line-height:16px}.arkynCurrencyInput.lg .prefix,.arkynCurrencyInput.lg .suffix{width:48px;height:44px;font-size:16px}.arkynCurrencyInput.lg.hasPrefix{padding-left:64px}.arkynCurrencyInput.lg.hasSuffix{padding-right:64px}.arkynCurrencyInput .spinner{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
2
2
 
3
- @layer arkyn{.arkynFieldError{color:rgb(var(--spotlight-danger));font-size:12px;font-weight:600;line-height:12px}}
3
+ @layer arkyn{.arkynFieldError{color:rgb(var(--spotlight-danger,244, 63, 94));font-size:12px;font-weight:600;line-height:12px}}
4
4
 
5
- @layer arkyn{.arkynFieldLabel{color:var(--text-body);font-size:14px;font-weight:600;line-height:19.07px}.arkynFieldLabel.asteriskTrue:before{content:"* ";text-align:left;color:rgb(var(--spotlight-danger));font-size:12px;font-weight:600;line-height:16.34px}}
5
+ @layer arkyn{.arkynFieldLabel{color:var(--text-body,#52525b);font-size:14px;font-weight:600;line-height:19.07px}.arkynFieldLabel.asteriskTrue:before{content:"* ";text-align:left;color:rgb(var(--spotlight-danger,244, 63, 94));font-size:12px;font-weight:600;line-height:16.34px}}
6
6
 
7
7
  @layer arkyn{.arkynFieldWrapper{gap:6px;height:max-content;display:flex}.arkynFieldWrapper.horizontal{flex-direction:row;align-items:center}.arkynFieldWrapper.horizontalReverse{flex-direction:row-reverse;align-items:center;margin-right:auto}.arkynFieldWrapper.vertical{flex-direction:column;align-items:flex-start}}
package/dist/modules/components/divider/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynDivider{background-color:var(--border);flex:1;display:block}.arkynDivider.horizontal{width:100%;min-height:1px;max-height:1px}.arkynDivider.vertical{min-width:1px;max-width:1px;height:100%}}
1
+ @layer arkyn{.arkynDivider{background-color:var(--border,#e2e8f0);flex:1;display:block}.arkynDivider.horizontal{width:100%;min-height:1px;max-height:1px}.arkynDivider.vertical{min-width:1px;max-width:1px;height:100%}}
package/dist/modules/components/drawer/drawerContainer/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynDrawerContainer{z-index:9999;position:fixed;inset:0;overflow:auto}.arkynDrawerContainerOverlay{z-index:9997;cursor:pointer;background:#00000080;animation:.32s cubic-bezier(.22,1,.36,1) forwards drawerOverlayIn;position:fixed;inset:0}.arkynDrawerContainer.exiting>.arkynDrawerContainerOverlay{animation:.32s cubic-bezier(.22,1,.36,1) forwards drawerOverlayOut}.arkynDrawerContainerContent{z-index:9999;background:var(--background-foreground);flex-direction:column;width:max-content;height:100vh;display:flex;position:fixed;top:0;bottom:0;overflow:auto}.arkynDrawerContainer.left>.arkynDrawerContainerContent{animation:.32s cubic-bezier(.22,1,.36,1) forwards drawerSlideInLeft;left:0}.arkynDrawerContainer.right>.arkynDrawerContainerContent{animation:.32s cubic-bezier(.22,1,.36,1) forwards drawerSlideInRight;right:0}.arkynDrawerContainer.exiting.left>.arkynDrawerContainerContent{animation:.32s cubic-bezier(.22,1,.36,1) forwards drawerSlideOutLeft}.arkynDrawerContainer.exiting.right>.arkynDrawerContainerContent{animation:.32s cubic-bezier(.22,1,.36,1) forwards drawerSlideOutRight}@keyframes drawerOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes drawerOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes drawerSlideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes drawerSlideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes drawerSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawerSlideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}}
1
+ @layer arkyn{.arkynDrawerContainer{z-index:9999;position:fixed;inset:0;overflow:auto}.arkynDrawerContainerOverlay{z-index:9997;cursor:pointer;background:#00000080;animation:.32s cubic-bezier(.22,1,.36,1) forwards drawerOverlayIn;position:fixed;inset:0}.arkynDrawerContainer.exiting>.arkynDrawerContainerOverlay{animation:.32s cubic-bezier(.22,1,.36,1) forwards drawerOverlayOut}.arkynDrawerContainerContent{z-index:9999;background:var(--background-foreground,#fff);flex-direction:column;width:max-content;height:100vh;display:flex;position:fixed;top:0;bottom:0;overflow:auto}.arkynDrawerContainer.left>.arkynDrawerContainerContent{animation:.32s cubic-bezier(.22,1,.36,1) forwards drawerSlideInLeft;left:0}.arkynDrawerContainer.right>.arkynDrawerContainerContent{animation:.32s cubic-bezier(.22,1,.36,1) forwards drawerSlideInRight;right:0}.arkynDrawerContainer.exiting.left>.arkynDrawerContainerContent{animation:.32s cubic-bezier(.22,1,.36,1) forwards drawerSlideOutLeft}.arkynDrawerContainer.exiting.right>.arkynDrawerContainerContent{animation:.32s cubic-bezier(.22,1,.36,1) forwards drawerSlideOutRight}@keyframes drawerOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes drawerOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes drawerSlideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes drawerSlideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes drawerSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawerSlideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}}
package/dist/modules/components/drawer/drawerHeader/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynDrawerHeader{height:56px;color:var(--text-heading);border-bottom:1px solid var(--border);align-items:center;padding:16px;font-size:16px;font-weight:600;line-height:20px;display:flex}.arkynDrawerHeaderCloseButton{color:var(--text-body);background:0 0;background-color:var(--background-foreground);border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;padding:2px;display:flex}.arkynDrawerHeaderCloseButton:hover{cursor:pointer;filter:brightness(.9);transition:all .15s ease-out}}
1
+ @layer arkyn{.arkynDrawerHeader{height:56px;color:var(--text-heading,#09090b);border-bottom:1px solid var(--border,#e2e8f0);align-items:center;padding:16px;font-size:16px;font-weight:600;line-height:20px;display:flex}.arkynDrawerHeaderCloseButton{color:var(--text-body,#52525b);background:0 0;background-color:var(--background-foreground,#fff);border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;padding:2px;display:flex}.arkynDrawerHeaderCloseButton:hover{cursor:pointer;filter:brightness(.9);transition:all .15s ease-out}}
package/dist/modules/components/fieldError/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynFieldError{color:rgb(var(--spotlight-danger));font-size:12px;font-weight:600;line-height:12px}}
1
+ @layer arkyn{.arkynFieldError{color:rgb(var(--spotlight-danger,244, 63, 94));font-size:12px;font-weight:600;line-height:12px}}
package/dist/modules/components/fieldLabel/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynFieldLabel{color:var(--text-body);font-size:14px;font-weight:600;line-height:19.07px}.arkynFieldLabel.asteriskTrue:before{content:"* ";text-align:left;color:rgb(var(--spotlight-danger));font-size:12px;font-weight:600;line-height:16.34px}}
1
+ @layer arkyn{.arkynFieldLabel{color:var(--text-body,#52525b);font-size:14px;font-weight:600;line-height:19.07px}.arkynFieldLabel.asteriskTrue:before{content:"* ";text-align:left;color:rgb(var(--spotlight-danger,244, 63, 94));font-size:12px;font-weight:600;line-height:16.34px}}
package/dist/modules/components/fileUpload/hasFileContent/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynFileUploadHasFileContent{flex-direction:column;gap:16px;width:100%;height:100%;padding:16px;display:flex}.arkynFileUploadFileContainer{align-items:center;gap:8px;display:flex}.arkynFileUploadFileContainer svg{min-width:26px;min-height:26px;color:var(--text-heading)}.arkynFileUploadFileContainer p{white-space:nowrap;text-overflow:ellipsis;text-align:left;color:var(--text-body);font-size:14px;font-weight:400;overflow:hidden}.arkynFileUploadButtonsContainer{justify-content:end;align-items:center;gap:8px;display:flex}}
1
+ @layer arkyn{.arkynFileUploadHasFileContent{flex-direction:column;gap:16px;width:100%;height:100%;padding:16px;display:flex}.arkynFileUploadFileContainer{align-items:center;gap:8px;display:flex}.arkynFileUploadFileContainer svg{min-width:26px;min-height:26px;color:var(--text-heading,#09090b)}.arkynFileUploadFileContainer p{white-space:nowrap;text-overflow:ellipsis;text-align:left;color:var(--text-body,#52525b);font-size:14px;font-weight:400;overflow:hidden}.arkynFileUploadButtonsContainer{justify-content:end;align-items:center;gap:8px;display:flex}}
package/dist/modules/components/fileUpload/noFileContent/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynFileUploadNoFileContent{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.arkynFileUploadNoFileContent>p{text-align:center;white-space:nowrap;color:var(--text-body);padding:0 24px;font-size:12px;font-weight:400;line-height:12px}}
1
+ @layer arkyn{.arkynFileUploadNoFileContent{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.arkynFileUploadNoFileContent>p{text-align:center;white-space:nowrap;color:var(--text-body,#52525b);padding:0 24px;font-size:12px;font-weight:400;line-height:12px}}
package/dist/modules/components/fileUpload/styles.css CHANGED
@@ -1,19 +1,19 @@
1
- @layer arkyn{.arkynFileUpload{border-width:1px;border-color:var(--border);background:var(--input-background);border-radius:8px;outline:1px solid #0000;width:100%;max-width:475px;height:127px}.arkynFileUpload.hasFile{border-style:solid}.arkynFileUpload.noHasFile{border-style:dashed}.arkynFileUpload.hasError{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}}
1
+ @layer arkyn{.arkynFileUpload{border-width:1px;border-color:var(--border,#e2e8f0);background:var(--input-background,#fafafa);border-radius:8px;outline:1px solid #0000;width:100%;max-width:475px;height:127px}.arkynFileUpload.hasFile{border-style:solid}.arkynFileUpload.noHasFile{border-style:dashed}.arkynFileUpload.hasError{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}}
2
2
 
3
- @layer arkyn{.arkynFieldError{color:rgb(var(--spotlight-danger));font-size:12px;font-weight:600;line-height:12px}}
3
+ @layer arkyn{.arkynFieldError{color:rgb(var(--spotlight-danger,244, 63, 94));font-size:12px;font-weight:600;line-height:12px}}
4
4
 
5
- @layer arkyn{.arkynFieldLabel{color:var(--text-body);font-size:14px;font-weight:600;line-height:19.07px}.arkynFieldLabel.asteriskTrue:before{content:"* ";text-align:left;color:rgb(var(--spotlight-danger));font-size:12px;font-weight:600;line-height:16.34px}}
5
+ @layer arkyn{.arkynFieldLabel{color:var(--text-body,#52525b);font-size:14px;font-weight:600;line-height:19.07px}.arkynFieldLabel.asteriskTrue:before{content:"* ";text-align:left;color:rgb(var(--spotlight-danger,244, 63, 94));font-size:12px;font-weight:600;line-height:16.34px}}
6
6
 
7
7
  @layer arkyn{.arkynFieldWrapper{gap:6px;height:max-content;display:flex}.arkynFieldWrapper.horizontal{flex-direction:row;align-items:center}.arkynFieldWrapper.horizontalReverse{flex-direction:row-reverse;align-items:center;margin-right:auto}.arkynFieldWrapper.vertical{flex-direction:column;align-items:flex-start}}
8
8
 
9
- @layer arkyn{.arkynFileUploadHasFileContent{flex-direction:column;gap:16px;width:100%;height:100%;padding:16px;display:flex}.arkynFileUploadFileContainer{align-items:center;gap:8px;display:flex}.arkynFileUploadFileContainer svg{min-width:26px;min-height:26px;color:var(--text-heading)}.arkynFileUploadFileContainer p{white-space:nowrap;text-overflow:ellipsis;text-align:left;color:var(--text-body);font-size:14px;font-weight:400;overflow:hidden}.arkynFileUploadButtonsContainer{justify-content:end;align-items:center;gap:8px;display:flex}}
9
+ @layer arkyn{.arkynFileUploadHasFileContent{flex-direction:column;gap:16px;width:100%;height:100%;padding:16px;display:flex}.arkynFileUploadFileContainer{align-items:center;gap:8px;display:flex}.arkynFileUploadFileContainer svg{min-width:26px;min-height:26px;color:var(--text-heading,#09090b)}.arkynFileUploadFileContainer p{white-space:nowrap;text-overflow:ellipsis;text-align:left;color:var(--text-body,#52525b);font-size:14px;font-weight:400;overflow:hidden}.arkynFileUploadButtonsContainer{justify-content:end;align-items:center;gap:8px;display:flex}}
10
10
 
11
- @layer arkyn{.arkynButton{background:0 0;border:1px solid #0000;outline:1px solid #0000;position:relative}.arkynButton:hover{cursor:pointer;filter:brightness(.95);transition:all .3s}html.dark .arkynButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynButton:disabled{cursor:not-allowed;opacity:.5}.arkynButton .arkynButtonContent{white-space:nowrap;justify-content:center;align-items:center;display:flex}.arkynButton .arkynButtonSpinner{white-space:nowrap;opacity:0;justify-content:center;align-items:center;display:flex}.arkynButton.solid{color:var(--white)}.arkynButton.solid.primary{background-color:rgb(var(--spotlight-primary))}.arkynButton.solid.secondary{background-color:rgb(var(--spotlight-secondary))}.arkynButton.solid.danger{background-color:rgb(var(--spotlight-danger))}.arkynButton.solid.success{background-color:rgb(var(--spotlight-success))}.arkynButton.solid.warning{background-color:rgb(var(--spotlight-warning))}.arkynButton.solid.info{background-color:rgb(var(--spotlight-info))}.arkynButton.outline{background-color:var(--background-underground);border-color:var(--border)}.arkynButton.outline.primary{color:rgb(var(--spotlight-primary))}.arkynButton.outline.secondary{color:rgb(var(--spotlight-secondary))}.arkynButton.outline.danger{color:rgb(var(--spotlight-danger))}.arkynButton.outline.success{color:rgb(var(--spotlight-success))}.arkynButton.outline.warning{color:rgb(var(--spotlight-warning))}.arkynButton.outline.info{color:rgb(var(--spotlight-info))}.arkynButton.ghost.primary{color:rgb(var(--spotlight-primary));background-color:rgb(var(--spotlight-primary-foreground))}.arkynButton.ghost.secondary{color:rgb(var(--spotlight-secondary));background-color:rgb(var(--spotlight-secondary-foreground))}.arkynButton.ghost.danger{color:rgb(var(--spotlight-danger));background-color:rgb(var(--spotlight-danger-foreground))}.arkynButton.ghost.success{color:rgb(var(--spotlight-success));background-color:rgb(var(--spotlight-success-foreground))}.arkynButton.ghost.warning{color:rgb(var(--spotlight-warning));background-color:rgb(var(--spotlight-warning-foreground))}.arkynButton.ghost.info{color:rgb(var(--spotlight-info));background-color:rgb(var(--spotlight-info-foreground))}.arkynButton.invisible.primary{color:rgb(var(--spotlight-primary))}.arkynButton.invisible.secondary{color:rgb(var(--spotlight-secondary))}.arkynButton.invisible.danger{color:rgb(var(--spotlight-danger))}.arkynButton.invisible.success{color:rgb(var(--spotlight-success))}.arkynButton.invisible.warning{color:rgb(var(--spotlight-warning))}.arkynButton.invisible.info{color:rgb(var(--spotlight-info))}.arkynButton.lg{border-radius:8px;height:44px;padding:0 20px;font-size:14px;font-weight:600;line-height:14px}.arkynButton.lg .arkynButtonContent,.arkynButton.lg .arkynButtonSpinner{gap:16px}.arkynButton.md{border-radius:8px;gap:16px;height:40px;padding:0 16px;font-size:14px;font-weight:600;line-height:14px}.arkynButton.md .arkynButtonContent,.arkynButton.md .arkynButtonSpinner{gap:14px}.arkynButton.sm{border-radius:6px;height:32px;padding:0 16px;font-size:12px;font-weight:600;line-height:12px}.arkynButton.sm .arkynButtonContent,.arkynButton.sm .arkynButtonSpinner{gap:12px}.arkynButton.xs{border-radius:4px;height:24px;padding:0 16px;font-size:10px;font-weight:600;line-height:10px}.arkynButton.xs .arkynButtonContent,.arkynButton.xs .arkynButtonSpinner{gap:8px}.arkynButton .arkynButtonSpinner>svg{animation:2s linear infinite spin}.arkynButton.loadingTextFalse .arkynButtonSpinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynButton.loadingTextTrue .arkynButtonSpinner{max-height:0}.arkynButton.loadingTrue .arkynButtonContent{opacity:0;max-height:0}.arkynButton.loadingTrue .arkynButtonSpinner{opacity:1;max-height:unset}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
11
+ @layer arkyn{.arkynButton{background:0 0;border:1px solid #0000;outline:1px solid #0000;position:relative}.arkynButton:hover{cursor:pointer;filter:brightness(.95);transition:all .3s}html.dark .arkynButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynButton:disabled{cursor:not-allowed;opacity:.5}.arkynButton .arkynButtonContent{white-space:nowrap;justify-content:center;align-items:center;display:flex}.arkynButton .arkynButtonSpinner{white-space:nowrap;opacity:0;justify-content:center;align-items:center;display:flex}.arkynButton.solid{color:var(--white,#fff)}.arkynButton.solid.primary{background-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynButton.solid.secondary{background-color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynButton.solid.danger{background-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynButton.solid.success{background-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynButton.solid.warning{background-color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynButton.solid.info{background-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynButton.outline{background-color:var(--background-underground,#fafafa);border-color:var(--border,#e2e8f0)}.arkynButton.outline.primary{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynButton.outline.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynButton.outline.danger{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynButton.outline.success{color:rgb(var(--spotlight-success,16, 185, 129))}.arkynButton.outline.warning{color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynButton.outline.info{color:rgb(var(--spotlight-info,14, 165, 233))}.arkynButton.ghost.primary{color:rgb(var(--spotlight-primary,17, 109, 220));background-color:rgb(var(--spotlight-primary-foreground,231, 240, 252))}.arkynButton.ghost.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139));background-color:rgb(var(--spotlight-secondary-foreground,250, 250, 250))}.arkynButton.ghost.danger{color:rgb(var(--spotlight-danger,244, 63, 94));background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynButton.ghost.success{color:rgb(var(--spotlight-success,16, 185, 129));background-color:rgb(var(--spotlight-success-foreground,231, 248, 242))}.arkynButton.ghost.warning{color:rgb(var(--spotlight-warning,249, 115, 22));background-color:rgb(var(--spotlight-warning-foreground,254, 241, 232))}.arkynButton.ghost.info{color:rgb(var(--spotlight-info,14, 165, 233));background-color:rgb(var(--spotlight-info-foreground,231, 246, 253))}.arkynButton.invisible.primary{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynButton.invisible.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynButton.invisible.danger{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynButton.invisible.success{color:rgb(var(--spotlight-success,16, 185, 129))}.arkynButton.invisible.warning{color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynButton.invisible.info{color:rgb(var(--spotlight-info,14, 165, 233))}.arkynButton.lg{border-radius:8px;height:44px;padding:0 20px;font-size:14px;font-weight:600;line-height:14px}.arkynButton.lg .arkynButtonContent,.arkynButton.lg .arkynButtonSpinner{gap:16px}.arkynButton.md{border-radius:8px;gap:16px;height:40px;padding:0 16px;font-size:14px;font-weight:600;line-height:14px}.arkynButton.md .arkynButtonContent,.arkynButton.md .arkynButtonSpinner{gap:14px}.arkynButton.sm{border-radius:6px;height:32px;padding:0 16px;font-size:12px;font-weight:600;line-height:12px}.arkynButton.sm .arkynButtonContent,.arkynButton.sm .arkynButtonSpinner{gap:12px}.arkynButton.xs{border-radius:4px;height:24px;padding:0 16px;font-size:10px;font-weight:600;line-height:10px}.arkynButton.xs .arkynButtonContent,.arkynButton.xs .arkynButtonSpinner{gap:8px}.arkynButton .arkynButtonSpinner>svg{animation:2s linear infinite spin}.arkynButton.loadingTextFalse .arkynButtonSpinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynButton.loadingTextTrue .arkynButtonSpinner{max-height:0}.arkynButton.loadingTrue .arkynButtonContent{opacity:0;max-height:0}.arkynButton.loadingTrue .arkynButtonSpinner{opacity:1;max-height:unset}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
12
12
 
13
- @layer arkyn{.arkynDivider{background-color:var(--border);flex:1;display:block}.arkynDivider.horizontal{width:100%;min-height:1px;max-height:1px}.arkynDivider.vertical{min-width:1px;max-width:1px;height:100%}}
13
+ @layer arkyn{.arkynDivider{background-color:var(--border,#e2e8f0);flex:1;display:block}.arkynDivider.horizontal{width:100%;min-height:1px;max-height:1px}.arkynDivider.vertical{min-width:1px;max-width:1px;height:100%}}
14
14
 
15
- @layer arkyn{.arkynIconButton{background:0 0;border:1px solid #0000;outline:1px solid #0000;position:relative}.arkynIconButton:hover{cursor:pointer;filter:brightness(.9);transition:all .15s ease-out}html.dark .arkynIconButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynIconButton:disabled{cursor:not-allowed;opacity:.5}.arkynIconButtonContent{justify-content:center;align-items:center;display:flex}.arkynIconButton.solid{color:var(--white)}.arkynIconButton.solid.primary{background-color:rgb(var(--spotlight-primary))}.arkynIconButton.solid.secondary{background-color:rgb(var(--spotlight-secondary))}.arkynIconButton.solid.danger{background-color:rgb(var(--spotlight-danger))}.arkynIconButton.solid.success{background-color:rgb(var(--spotlight-success))}.arkynIconButton.solid.warning{background-color:rgb(var(--spotlight-warning))}.arkynIconButton.solid.info{background-color:rgb(var(--spotlight-info))}.arkynIconButton.outline{background-color:var(--background-underground);border-color:var(--border)}.arkynIconButton.outline.primary{color:rgb(var(--spotlight-primary))}.arkynIconButton.outline.secondary{color:rgb(var(--spotlight-secondary))}.arkynIconButton.outline.danger{color:rgb(var(--spotlight-danger))}.arkynIconButton.outline.success{color:rgb(var(--spotlight-success))}.arkynIconButton.outline.warning{color:rgb(var(--spotlight-warning))}.arkynIconButton.outline.info{color:rgb(var(--spotlight-info))}.arkynIconButton.ghost:hover{filter:brightness(.8)}.arkynIconButton.ghost.primary{color:rgb(var(--spotlight-primary));background-color:rgb(var(--spotlight-primary-foreground))}.arkynIconButton.ghost.secondary{color:rgb(var(--spotlight-secondary));background-color:rgb(var(--spotlight-secondary-foreground))}.arkynIconButton.ghost.danger{color:rgb(var(--spotlight-danger));background-color:rgb(var(--spotlight-danger-foreground))}.arkynIconButton.ghost.success{color:rgb(var(--spotlight-success));background-color:rgb(var(--spotlight-success-foreground))}.arkynIconButton.ghost.warning{color:rgb(var(--spotlight-warning));background-color:rgb(var(--spotlight-warning-foreground))}.arkynIconButton.ghost.info{color:rgb(var(--spotlight-info));background-color:rgb(var(--spotlight-info-foreground))}.arkynIconButton.invisible.primary{color:rgb(var(--spotlight-primary))}.arkynIconButton.invisible.secondary{color:rgb(var(--spotlight-secondary))}.arkynIconButton.invisible.danger{color:rgb(var(--spotlight-danger))}.arkynIconButton.invisible.success{color:rgb(var(--spotlight-success))}.arkynIconButton.invisible.warning{color:rgb(var(--spotlight-warning))}.arkynIconButton.invisible.info{color:rgb(var(--spotlight-info))}.arkynIconButton.lg{border-radius:6px;width:44px;height:44px}.arkynIconButton.md{border-radius:6px;width:40px;height:40px}.arkynIconButton.sm{border-radius:6px;width:32px;height:32px}.arkynIconButton.xs{border-radius:4px;width:24px;height:24px}.arkynIconButtonSpinner{opacity:0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynIconButtonSpinner>svg{animation:2s linear infinite spin}.arkynIconButton.loadingTrue .arkynIconButtonSpinner{opacity:1}.arkynIconButton.loadingTrue .arkynIconButtonContent{opacity:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
15
+ @layer arkyn{.arkynIconButton{background:0 0;border:1px solid #0000;outline:1px solid #0000;position:relative}.arkynIconButton:hover{cursor:pointer;filter:brightness(.9);transition:all .15s ease-out}html.dark .arkynIconButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynIconButton:disabled{cursor:not-allowed;opacity:.5}.arkynIconButtonContent{justify-content:center;align-items:center;display:flex}.arkynIconButton.solid{color:var(--white,#fff)}.arkynIconButton.solid.primary{background-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynIconButton.solid.secondary{background-color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynIconButton.solid.danger{background-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynIconButton.solid.success{background-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynIconButton.solid.warning{background-color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynIconButton.solid.info{background-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynIconButton.outline{background-color:var(--background-underground,#fafafa);border-color:var(--border,#e2e8f0)}.arkynIconButton.outline.primary{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynIconButton.outline.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynIconButton.outline.danger{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynIconButton.outline.success{color:rgb(var(--spotlight-success,16, 185, 129))}.arkynIconButton.outline.warning{color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynIconButton.outline.info{color:rgb(var(--spotlight-info,14, 165, 233))}.arkynIconButton.ghost:hover{filter:brightness(.8)}.arkynIconButton.ghost.primary{color:rgb(var(--spotlight-primary,17, 109, 220));background-color:rgb(var(--spotlight-primary-foreground,231, 240, 252))}.arkynIconButton.ghost.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139));background-color:rgb(var(--spotlight-secondary-foreground,250, 250, 250))}.arkynIconButton.ghost.danger{color:rgb(var(--spotlight-danger,244, 63, 94));background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynIconButton.ghost.success{color:rgb(var(--spotlight-success,16, 185, 129));background-color:rgb(var(--spotlight-success-foreground,231, 248, 242))}.arkynIconButton.ghost.warning{color:rgb(var(--spotlight-warning,249, 115, 22));background-color:rgb(var(--spotlight-warning-foreground,254, 241, 232))}.arkynIconButton.ghost.info{color:rgb(var(--spotlight-info,14, 165, 233));background-color:rgb(var(--spotlight-info-foreground,231, 246, 253))}.arkynIconButton.invisible.primary{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynIconButton.invisible.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynIconButton.invisible.danger{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynIconButton.invisible.success{color:rgb(var(--spotlight-success,16, 185, 129))}.arkynIconButton.invisible.warning{color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynIconButton.invisible.info{color:rgb(var(--spotlight-info,14, 165, 233))}.arkynIconButton.lg{border-radius:6px;width:44px;height:44px}.arkynIconButton.md{border-radius:6px;width:40px;height:40px}.arkynIconButton.sm{border-radius:6px;width:32px;height:32px}.arkynIconButton.xs{border-radius:4px;width:24px;height:24px}.arkynIconButtonSpinner{opacity:0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynIconButtonSpinner>svg{animation:2s linear infinite spin}.arkynIconButton.loadingTrue .arkynIconButtonSpinner{opacity:1}.arkynIconButton.loadingTrue .arkynIconButtonContent{opacity:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
16
16
 
17
- @layer arkyn{.arkynTooltip{display:block;position:relative}.arkynTooltipText{visibility:hidden;opacity:0;white-space:nowrap;color:var(--tooltip-text);background-color:var(--tooltip-background);z-index:9999;border-radius:4px;justify-content:center;align-items:center;font-weight:400;transition:all .15s ease-out;display:flex;position:absolute;transform:translate(-50%,-50%)}.arkynTooltip.lg .arkynTooltipText{padding:8px 12px;font-size:14px;line-height:130%}.arkynTooltip.md .arkynTooltipText{padding:8px 12px;font-size:12px;line-height:130%}.arkynTooltip:hover .arkynTooltipText{opacity:1;visibility:visible}.arkynTooltip.top .arkynTooltipText{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.top .arkynTooltipText:before{content:"";border-style:solid;border-color:var(--tooltip-background) transparent;border-width:6px 6px 0;position:absolute;top:100%;bottom:20px;left:50%;transform:translate(-50%)}.arkynTooltip.left .arkynTooltipText{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.left .arkynTooltipText:before{content:"";border-style:solid;border-color:transparent var(--tooltip-background);border-width:6px 0 6px 6px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText:before{content:"";border-style:solid;border-color:transparent var(--tooltip-background);border-width:6px 6px 6px 0;position:absolute;top:50%;left:0;transform:translate(-100%,-50%)}.arkynTooltip.bottom .arkynTooltipText{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.bottom .arkynTooltipText:before{content:"";border-style:solid;border-color:var(--tooltip-background) transparent;border-width:0 6px 6px;position:absolute;top:0;left:50%;transform:translate(-50%,-100%)}}
17
+ @layer arkyn{.arkynTooltip{display:block;position:relative}.arkynTooltipText{visibility:hidden;opacity:0;white-space:nowrap;color:var(--tooltip-text,#fafafa);background-color:var(--tooltip-background,#27272a);z-index:9999;border-radius:4px;justify-content:center;align-items:center;font-weight:400;transition:all .15s ease-out;display:flex;position:absolute;transform:translate(-50%,-50%)}.arkynTooltip.lg .arkynTooltipText{padding:8px 12px;font-size:14px;line-height:130%}.arkynTooltip.md .arkynTooltipText{padding:8px 12px;font-size:12px;line-height:130%}.arkynTooltip:hover .arkynTooltipText{opacity:1;visibility:visible}.arkynTooltip.top .arkynTooltipText{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.top .arkynTooltipText:before{content:"";border-style:solid;border-color:var(--tooltip-background,#27272a) transparent;border-width:6px 6px 0;position:absolute;top:100%;bottom:20px;left:50%;transform:translate(-50%)}.arkynTooltip.left .arkynTooltipText{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.left .arkynTooltipText:before{content:"";border-style:solid;border-color:transparent var(--tooltip-background,#27272a);border-width:6px 0 6px 6px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText:before{content:"";border-style:solid;border-color:transparent var(--tooltip-background,#27272a);border-width:6px 6px 6px 0;position:absolute;top:50%;left:0;transform:translate(-100%,-50%)}.arkynTooltip.bottom .arkynTooltipText{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.bottom .arkynTooltipText:before{content:"";border-style:solid;border-color:var(--tooltip-background,#27272a) transparent;border-width:0 6px 6px;position:absolute;top:0;left:50%;transform:translate(-50%,-100%)}}
18
18
 
19
- @layer arkyn{.arkynFileUploadNoFileContent{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.arkynFileUploadNoFileContent>p{text-align:center;white-space:nowrap;color:var(--text-body);padding:0 24px;font-size:12px;font-weight:400;line-height:12px}}
19
+ @layer arkyn{.arkynFileUploadNoFileContent{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.arkynFileUploadNoFileContent>p{text-align:center;white-space:nowrap;color:var(--text-body,#52525b);padding:0 24px;font-size:12px;font-weight:400;line-height:12px}}
package/dist/modules/components/fullCalendar/dayCalendar/dayCalendarContainer/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynDayCalendarContainer{background-color:var(--background-foreground);border:1px solid var(--border);border-radius:8px}}
1
+ @layer arkyn{.arkynDayCalendarContainer{background-color:var(--background-foreground,#fff);border:1px solid var(--border,#e2e8f0);border-radius:8px}}
package/dist/modules/components/fullCalendar/dayCalendar/dayCalendarEvent/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynDayCalendarEvent{z-index:2;box-sizing:border-box;border-radius:8px;flex-direction:column;gap:4px;min-width:200px;max-width:200px;min-height:28px;padding:8px;display:flex;position:absolute;left:0;right:0;overflow:hidden}.arkynDayCalendarEvent:not(:first-child){box-shadow:0 0 2px #0000001a}.arkynDayCalendarEvent:hover{z-index:3}.arkynDayCalendarEvent:before{content:" ";border-radius:8px 0 0 8px;width:4px;position:absolute;top:0;bottom:0;left:0}.arkynDayCalendarEvent.primary{background-color:rgb(var(--spotlight-primary-foreground))}.arkynDayCalendarEvent.primary:before{background-color:rgb(var(--spotlight-primary))}.arkynDayCalendarEvent.danger{background-color:rgb(var(--spotlight-danger-foreground))}.arkynDayCalendarEvent.danger:before{background-color:rgb(var(--spotlight-danger))}.arkynDayCalendarEvent.warning{background-color:rgb(var(--spotlight-warning-foreground))}.arkynDayCalendarEvent.warning:before{background-color:rgb(var(--spotlight-warning))}.arkynDayCalendarEvent.info{background-color:rgb(var(--spotlight-info-foreground))}.arkynDayCalendarEvent.info:before{background-color:rgb(var(--spotlight-info))}.arkynDayCalendarEvent.success{background-color:rgb(var(--spotlight-success-foreground))}.arkynDayCalendarEvent.success:before{background-color:rgb(var(--spotlight-success))}.arkynDayCalendarEvent>strong{letter-spacing:0%;color:var(--text-heading);font-size:14px;font-weight:600}.arkynDayCalendarEvent>p{letter-spacing:0%;color:var(--text-heading);font-size:12px;font-weight:400}}
1
+ @layer arkyn{.arkynDayCalendarEvent{z-index:2;box-sizing:border-box;border-radius:8px;flex-direction:column;gap:4px;min-width:200px;max-width:200px;min-height:28px;padding:8px;display:flex;position:absolute;left:0;right:0;overflow:hidden}.arkynDayCalendarEvent:not(:first-child){box-shadow:0 0 2px #0000001a}.arkynDayCalendarEvent:hover{z-index:3}.arkynDayCalendarEvent:before{content:" ";border-radius:8px 0 0 8px;width:4px;position:absolute;top:0;bottom:0;left:0}.arkynDayCalendarEvent.primary{background-color:rgb(var(--spotlight-primary-foreground,231, 240, 252))}.arkynDayCalendarEvent.primary:before{background-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynDayCalendarEvent.danger{background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynDayCalendarEvent.danger:before{background-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynDayCalendarEvent.warning{background-color:rgb(var(--spotlight-warning-foreground,254, 241, 232))}.arkynDayCalendarEvent.warning:before{background-color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynDayCalendarEvent.info{background-color:rgb(var(--spotlight-info-foreground,231, 246, 253))}.arkynDayCalendarEvent.info:before{background-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynDayCalendarEvent.success{background-color:rgb(var(--spotlight-success-foreground,231, 248, 242))}.arkynDayCalendarEvent.success:before{background-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynDayCalendarEvent>strong{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:14px;font-weight:600}.arkynDayCalendarEvent>p{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:12px;font-weight:400}}
package/dist/modules/components/fullCalendar/dayCalendar/dayCalendarRow/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynDayCalendarRow{align-items:stretch;display:flex;position:relative}.arkynDayCalendarRow:first-child{border-top-right-radius:14px}.arkynDayCalendarRow:last-child{border-bottom-right-radius:14px}.arkynDayCalendarRow.blocked{background-color:rgb(var(--spotlight-danger-foreground))}.arkynDayCalendarRow.blocked:before{content:" ";background-color:rgb(var(--spotlight-danger));width:4px;position:absolute;top:0;bottom:0;left:0}.arkynDayCalendarRow:first-child:before{border-top-left-radius:14px}.arkynDayCalendarRow.blocked:hover{cursor:not-allowed}.arkynDayCalendarRow:not(:first-child){border-top:1px solid var(--border)}.arkynDayCalendarRow>p{letter-spacing:0%;color:var(--text-body);align-items:center;padding:24px 20px;font-size:14px;font-weight:400;line-height:24px;display:flex}.arkynDayCalendarRow .arkynDayCalendarRowContent{flex:1;min-height:100%;margin:3px;position:relative}}
1
+ @layer arkyn{.arkynDayCalendarRow{align-items:stretch;display:flex;position:relative}.arkynDayCalendarRow:first-child{border-top-right-radius:14px}.arkynDayCalendarRow:last-child{border-bottom-right-radius:14px}.arkynDayCalendarRow.blocked{background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynDayCalendarRow.blocked:before{content:" ";background-color:rgb(var(--spotlight-danger,244, 63, 94));width:4px;position:absolute;top:0;bottom:0;left:0}.arkynDayCalendarRow:first-child:before{border-top-left-radius:14px}.arkynDayCalendarRow.blocked:hover{cursor:not-allowed}.arkynDayCalendarRow:not(:first-child){border-top:1px solid var(--border,#e2e8f0)}.arkynDayCalendarRow>p{letter-spacing:0%;color:var(--text-body,#52525b);align-items:center;padding:24px 20px;font-size:14px;font-weight:400;line-height:24px;display:flex}.arkynDayCalendarRow .arkynDayCalendarRowContent{flex:1;min-height:100%;margin:3px;position:relative}}
package/dist/modules/components/fullCalendar/fullCalendarHeader/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynFullCalendarHeader{align-items:center;gap:16px;display:flex}.arkynFullCalendarHeader>p{color:var(--text-body);font-size:14px;font-weight:500}.arkynFullCalendarHeader .arkynFullCalendarButton{border:unset;background-color:unset;color:var(--text-muted);cursor:pointer;align-items:center;gap:4px;display:flex}.arkynFullCalendarHeader .arkynFullCalendarButton:hover svg{color:rgb(var(--spotlight-primary))}.arkynFullCalendarHeader>div{align-items:center;gap:12px;display:flex}.arkynFullCalendarHeader .arkynFullCalendarHeaderActions{background-color:var(--background-underground);border-radius:8px;align-items:center;gap:50px;width:max-content;padding:4px;display:flex;overflow:hidden}.arkynFullCalendarHeader .arkynFullCalendarHeaderActions p{letter-spacing:0%;color:var(--text-heading);font-size:14px;font-weight:600;line-height:24px}}
1
+ @layer arkyn{.arkynFullCalendarHeader{align-items:center;gap:16px;display:flex}.arkynFullCalendarHeader>p{color:var(--text-body,#52525b);font-size:14px;font-weight:500}.arkynFullCalendarHeader .arkynFullCalendarButton{border:unset;background-color:unset;color:var(--text-muted,#a1a1aa);cursor:pointer;align-items:center;gap:4px;display:flex}.arkynFullCalendarHeader .arkynFullCalendarButton:hover svg{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynFullCalendarHeader>div{align-items:center;gap:12px;display:flex}.arkynFullCalendarHeader .arkynFullCalendarHeaderActions{background-color:var(--background-underground,#fafafa);border-radius:8px;align-items:center;gap:50px;width:max-content;padding:4px;display:flex;overflow:hidden}.arkynFullCalendarHeader .arkynFullCalendarHeaderActions p{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:14px;font-weight:600;line-height:24px}}
package/dist/modules/components/fullCalendar/monthlyCalendar/monthlyCalendarEvent/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynMonthlyCalendarEvent{border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex;position:relative}.arkynMonthlyCalendarEvent:before{content:" ";border-radius:8px 0 0 8px;width:4px;position:absolute;top:0;bottom:0;left:0}.arkynMonthlyCalendarEvent.primary{background-color:rgb(var(--spotlight-primary-foreground))}.arkynMonthlyCalendarEvent.primary:before{background-color:rgb(var(--spotlight-primary))}.arkynMonthlyCalendarEvent.danger{background-color:rgb(var(--spotlight-danger-foreground))}.arkynMonthlyCalendarEvent.danger:before{background-color:rgb(var(--spotlight-danger))}.arkynMonthlyCalendarEvent.warning{background-color:rgb(var(--spotlight-warning-foreground))}.arkynMonthlyCalendarEvent.warning:before{background-color:rgb(var(--spotlight-warning))}.arkynMonthlyCalendarEvent.info{background-color:rgb(var(--spotlight-info-foreground))}.arkynMonthlyCalendarEvent.info:before{background-color:rgb(var(--spotlight-info))}.arkynMonthlyCalendarEvent.success{background-color:rgb(var(--spotlight-success-foreground))}.arkynMonthlyCalendarEvent.success:before{background-color:rgb(var(--spotlight-success))}.arkynMonthlyCalendarEvent>strong{letter-spacing:0%;color:var(--text-heading);font-size:14px;font-weight:600}.arkynMonthlyCalendarEvent>p{letter-spacing:0%;color:var(--text-heading);font-size:12px;font-weight:400}}
1
+ @layer arkyn{.arkynMonthlyCalendarEvent{border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex;position:relative}.arkynMonthlyCalendarEvent:before{content:" ";border-radius:8px 0 0 8px;width:4px;position:absolute;top:0;bottom:0;left:0}.arkynMonthlyCalendarEvent.primary{background-color:rgb(var(--spotlight-primary-foreground,231, 240, 252))}.arkynMonthlyCalendarEvent.primary:before{background-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMonthlyCalendarEvent.danger{background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynMonthlyCalendarEvent.danger:before{background-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMonthlyCalendarEvent.warning{background-color:rgb(var(--spotlight-warning-foreground,254, 241, 232))}.arkynMonthlyCalendarEvent.warning:before{background-color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynMonthlyCalendarEvent.info{background-color:rgb(var(--spotlight-info-foreground,231, 246, 253))}.arkynMonthlyCalendarEvent.info:before{background-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynMonthlyCalendarEvent.success{background-color:rgb(var(--spotlight-success-foreground,231, 248, 242))}.arkynMonthlyCalendarEvent.success:before{background-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynMonthlyCalendarEvent>strong{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:14px;font-weight:600}.arkynMonthlyCalendarEvent>p{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:12px;font-weight:400}}
package/dist/modules/components/fullCalendar/monthlyCalendar/monthlyCalendarTableBody/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynMonthlyCalendarTableBody td>p{text-align:center;padding:16px;font-size:14px}.arkynMonthlyCalendarTableBody tr{border-top:1px solid var(--border)}.arkynMonthlyCalendarTableBody tr td:not(:first-child){border-left:1px solid var(--border)}}
1
+ @layer arkyn{.arkynMonthlyCalendarTableBody td>p{text-align:center;padding:16px;font-size:14px}.arkynMonthlyCalendarTableBody tr{border-top:1px solid var(--border,#e2e8f0)}.arkynMonthlyCalendarTableBody tr td:not(:first-child){border-left:1px solid var(--border,#e2e8f0)}}
package/dist/modules/components/fullCalendar/monthlyCalendar/monthlyCalendarTableContainer/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynMonthlyCalendarTableContainer{background-color:var(--background-foreground);border:1px solid var(--border);border-radius:8px;overflow:hidden}.arkynMonthlyCalendarTableContainer table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}}
1
+ @layer arkyn{.arkynMonthlyCalendarTableContainer{background-color:var(--background-foreground,#fff);border:1px solid var(--border,#e2e8f0);border-radius:8px;overflow:hidden}.arkynMonthlyCalendarTableContainer table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}}
package/dist/modules/components/fullCalendar/monthlyCalendar/monthlyCalendarTableHeader/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynMonthlyCalendarTableHeader th{color:var(--text-heading);letter-spacing:0%;padding:20px 0;font-size:16px;font-weight:600;line-height:24px}.arkynMonthlyCalendarTableHeader tr th:not(:first-child){border-left:1px solid var(--border)}}
1
+ @layer arkyn{.arkynMonthlyCalendarTableHeader th{color:var(--text-heading,#09090b);letter-spacing:0%;padding:20px 0;font-size:16px;font-weight:600;line-height:24px}.arkynMonthlyCalendarTableHeader tr th:not(:first-child){border-left:1px solid var(--border,#e2e8f0)}}