@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/fullCalendar/monthlyCalendar/monthlyCalendarTableTd/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynMonthlyCalendarTableTd{-webkit-user-select:none;user-select:none;cursor:pointer;height:120px;position:relative}.arkynMonthlyCalendarTableTd.blocked{background-color:rgb(var(--spotlight-danger-foreground))}.arkynMonthlyCalendarTableTd.blocked:before{content:" ";background-color:rgb(var(--spotlight-danger));width:4px;position:absolute;top:0;bottom:0;left:0}.arkynMonthlyCalendarTableTd.blocked:hover{cursor:not-allowed}.arkynMonthlyCalendarTableTd>p{text-align:center;border-radius:8px;margin-bottom:auto;margin-right:auto;font-size:14px;position:absolute;top:0;left:0}.arkynMonthlyCalendarTableTd.previous,.arkynMonthlyCalendarTableTd.next{color:var(--text-muted);background-color:var(--card-foreground-primary)}.arkynMonthlyCalendarTableTd>p{color:var(--text-body)}.arkynMonthlyCalendarTableTd>p.today{color:var(--text-heading);font-weight:700}.arkynMonthlyCalendarTableTd .arkynMonthlyCalendarEventContainer{flex-direction:column;gap:4px;height:calc(100% - 32px);margin-top:32px;padding:16px;display:flex}}
1
+ @layer arkyn{.arkynMonthlyCalendarTableTd{-webkit-user-select:none;user-select:none;cursor:pointer;height:120px;position:relative}.arkynMonthlyCalendarTableTd.blocked{background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynMonthlyCalendarTableTd.blocked:before{content:" ";background-color:rgb(var(--spotlight-danger,244, 63, 94));width:4px;position:absolute;top:0;bottom:0;left:0}.arkynMonthlyCalendarTableTd.blocked:hover{cursor:not-allowed}.arkynMonthlyCalendarTableTd>p{text-align:center;border-radius:8px;margin-bottom:auto;margin-right:auto;font-size:14px;position:absolute;top:0;left:0}.arkynMonthlyCalendarTableTd.previous,.arkynMonthlyCalendarTableTd.next{color:var(--text-muted,#a1a1aa);background-color:var(--background-foreground,#fff)}.arkynMonthlyCalendarTableTd>p{color:var(--text-body,#52525b)}.arkynMonthlyCalendarTableTd>p.today{color:var(--text-heading,#09090b);font-weight:700}.arkynMonthlyCalendarTableTd .arkynMonthlyCalendarEventContainer{flex-direction:column;gap:4px;height:calc(100% - 32px);margin-top:32px;padding:16px;display:flex}}
package/dist/modules/components/fullCalendar/styles.css CHANGED
@@ -1,35 +1,35 @@
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}}
2
2
 
3
- @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}}
3
+ @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}}
4
4
 
5
- @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}}
5
+ @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}}
6
6
 
7
7
  @layer arkyn{.arkynFullCalendarContainer{flex-direction:column;gap:32px;display:flex}}
8
8
 
9
- @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}}
9
+ @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}}
10
10
 
11
- @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)}}}
11
+ @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)}}}
12
12
 
13
- @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)}}
13
+ @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)}}
14
14
 
15
- @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}}
15
+ @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}}
16
16
 
17
- @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)}}
17
+ @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)}}
18
18
 
19
- @layer arkyn{.arkynMonthlyCalendarTableTd{-webkit-user-select:none;user-select:none;cursor:pointer;height:120px;position:relative}.arkynMonthlyCalendarTableTd.blocked{background-color:rgb(var(--spotlight-danger-foreground))}.arkynMonthlyCalendarTableTd.blocked:before{content:" ";background-color:rgb(var(--spotlight-danger));width:4px;position:absolute;top:0;bottom:0;left:0}.arkynMonthlyCalendarTableTd.blocked:hover{cursor:not-allowed}.arkynMonthlyCalendarTableTd>p{text-align:center;border-radius:8px;margin-bottom:auto;margin-right:auto;font-size:14px;position:absolute;top:0;left:0}.arkynMonthlyCalendarTableTd.previous,.arkynMonthlyCalendarTableTd.next{color:var(--text-muted);background-color:var(--card-foreground-primary)}.arkynMonthlyCalendarTableTd>p{color:var(--text-body)}.arkynMonthlyCalendarTableTd>p.today{color:var(--text-heading);font-weight:700}.arkynMonthlyCalendarTableTd .arkynMonthlyCalendarEventContainer{flex-direction:column;gap:4px;height:calc(100% - 32px);margin-top:32px;padding:16px;display:flex}}
19
+ @layer arkyn{.arkynMonthlyCalendarTableTd{-webkit-user-select:none;user-select:none;cursor:pointer;height:120px;position:relative}.arkynMonthlyCalendarTableTd.blocked{background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynMonthlyCalendarTableTd.blocked:before{content:" ";background-color:rgb(var(--spotlight-danger,244, 63, 94));width:4px;position:absolute;top:0;bottom:0;left:0}.arkynMonthlyCalendarTableTd.blocked:hover{cursor:not-allowed}.arkynMonthlyCalendarTableTd>p{text-align:center;border-radius:8px;margin-bottom:auto;margin-right:auto;font-size:14px;position:absolute;top:0;left:0}.arkynMonthlyCalendarTableTd.previous,.arkynMonthlyCalendarTableTd.next{color:var(--text-muted,#a1a1aa);background-color:var(--background-foreground,#fff)}.arkynMonthlyCalendarTableTd>p{color:var(--text-body,#52525b)}.arkynMonthlyCalendarTableTd>p.today{color:var(--text-heading,#09090b);font-weight:700}.arkynMonthlyCalendarTableTd .arkynMonthlyCalendarEventContainer{flex-direction:column;gap:4px;height:calc(100% - 32px);margin-top:32px;padding:16px;display:flex}}
20
20
 
21
- @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}}
21
+ @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}}
22
22
 
23
- @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%}}
23
+ @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%}}
24
24
 
25
- @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)}}
25
+ @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)}}
26
26
 
27
- @layer arkyn{.arkynWeekCalendarTableBody td>p{text-align:center;padding:16px;font-size:14px}.arkynWeekCalendarTableBody tr{border-top:1px solid var(--border)}.arkynWeekCalendarTableBody tr td:not(:first-child){border-left:1px solid var(--border)}.arkynWeekCalendarTableBody .hourTd>p{letter-spacing:0%;text-align:center;color:var(--text-body);margin:auto;font-size:16px;font-weight:400;line-height:24px}}
27
+ @layer arkyn{.arkynWeekCalendarTableBody td>p{text-align:center;padding:16px;font-size:14px}.arkynWeekCalendarTableBody tr{border-top:1px solid var(--border,#e2e8f0)}.arkynWeekCalendarTableBody tr td:not(:first-child){border-left:1px solid var(--border,#e2e8f0)}.arkynWeekCalendarTableBody .hourTd>p{letter-spacing:0%;text-align:center;color:var(--text-body,#52525b);margin:auto;font-size:16px;font-weight:400;line-height:24px}}
28
28
 
29
- @layer arkyn{.arkynWeekCalendarTableTd{-webkit-user-select:none;user-select:none;cursor:pointer;height:73px;position:relative}.arkynWeekCalendarTableTd.blocked{background-color:rgb(var(--spotlight-danger-light))}.arkynWeekCalendarTableTd.blocked:before{content:" ";background-color:rgb(var(--spotlight-danger));width:4px;position:absolute;top:0;bottom:0;left:0}.arkynWeekCalendarTableTd.blocked:hover{cursor:not-allowed}.arkynWeekCalendarTableTd>p{text-align:center;border-radius:8px;margin-bottom:auto;margin-right:auto;font-size:14px;position:absolute;top:0;left:0}.arkynWeekCalendarTableTd.previous,.arkynWeekCalendarTableTd.next{color:var(--text-muted);background-color:var(--card-foreground-primary)}.arkynWeekCalendarTableTd.current>p{color:var(--text-body)}.arkynWeekCalendarTableTd .arkynWeekCalendarTableTdContent{height:100%;margin:3px;position:relative}}
29
+ @layer arkyn{.arkynWeekCalendarTableTd{-webkit-user-select:none;user-select:none;cursor:pointer;height:73px;position:relative}.arkynWeekCalendarTableTd.blocked{background-color:rgb(var(--spotlight-danger-foreground,254, 226, 226))}.arkynWeekCalendarTableTd.blocked:before{content:" ";background-color:rgb(var(--spotlight-danger,244, 63, 94));width:4px;position:absolute;top:0;bottom:0;left:0}.arkynWeekCalendarTableTd.blocked:hover{cursor:not-allowed}.arkynWeekCalendarTableTd>p{text-align:center;border-radius:8px;margin-bottom:auto;margin-right:auto;font-size:14px;position:absolute;top:0;left:0}.arkynWeekCalendarTableTd.previous,.arkynWeekCalendarTableTd.next{color:var(--text-muted,#a1a1aa);background-color:var(--background-foreground,#fff)}.arkynWeekCalendarTableTd.current>p{color:var(--text-body,#52525b)}.arkynWeekCalendarTableTd .arkynWeekCalendarTableTdContent{height:100%;margin:3px;position:relative}}
30
30
 
31
- @layer arkyn{.arkynWeekCalendarEvent{z-index:2;box-sizing:border-box;border-radius:8px;flex-direction:column;gap:4px;min-height:28px;padding:8px;display:flex;position:absolute;left:0;right:0;overflow:hidden}.arkynWeekCalendarEvent:not(:first-child){box-shadow:-4px 0 2px #0000001a}.arkynWeekCalendarEvent:hover{z-index:3}.arkynWeekCalendarEvent:before{content:" ";border-radius:8px 0 0 8px;width:4px;position:absolute;top:0;bottom:0;left:0}.arkynWeekCalendarEvent.primary{background-color:rgb(var(--spotlight-primary-foreground))}.arkynWeekCalendarEvent.primary:before{background-color:rgb(var(--spotlight-primary))}.arkynWeekCalendarEvent.danger{background-color:rgb(var(--spotlight-danger-foreground))}.arkynWeekCalendarEvent.danger:before{background-color:rgb(var(--spotlight-danger))}.arkynWeekCalendarEvent.warning{background-color:rgb(var(--spotlight-warning-foreground))}.arkynWeekCalendarEvent.warning:before{background-color:rgb(var(--spotlight-warning))}.arkynWeekCalendarEvent.info{background-color:rgb(var(--spotlight-info-foreground))}.arkynWeekCalendarEvent.info:before{background-color:rgb(var(--spotlight-info))}.arkynWeekCalendarEvent.success{background-color:rgb(var(--spotlight-success-foreground))}.arkynWeekCalendarEvent.success:before{background-color:rgb(var(--spotlight-success))}.arkynWeekCalendarEvent>strong{letter-spacing:0%;color:var(--text-heading);font-size:14px;font-weight:600}.arkynWeekCalendarEvent>p{letter-spacing:0%;color:var(--text-heading);font-size:12px;font-weight:400}}
31
+ @layer arkyn{.arkynWeekCalendarEvent{z-index:2;box-sizing:border-box;border-radius:8px;flex-direction:column;gap:4px;min-height:28px;padding:8px;display:flex;position:absolute;left:0;right:0;overflow:hidden}.arkynWeekCalendarEvent:not(:first-child){box-shadow:-4px 0 2px #0000001a}.arkynWeekCalendarEvent:hover{z-index:3}.arkynWeekCalendarEvent:before{content:" ";border-radius:8px 0 0 8px;width:4px;position:absolute;top:0;bottom:0;left:0}.arkynWeekCalendarEvent.primary{background-color:rgb(var(--spotlight-primary-foreground,231, 240, 252))}.arkynWeekCalendarEvent.primary:before{background-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynWeekCalendarEvent.danger{background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynWeekCalendarEvent.danger:before{background-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynWeekCalendarEvent.warning{background-color:rgb(var(--spotlight-warning-foreground,254, 241, 232))}.arkynWeekCalendarEvent.warning:before{background-color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynWeekCalendarEvent.info{background-color:rgb(var(--spotlight-info-foreground,231, 246, 253))}.arkynWeekCalendarEvent.info:before{background-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynWeekCalendarEvent.success{background-color:rgb(var(--spotlight-success-foreground,231, 248, 242))}.arkynWeekCalendarEvent.success:before{background-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynWeekCalendarEvent>strong{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:14px;font-weight:600}.arkynWeekCalendarEvent>p{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:12px;font-weight:400}}
32
32
 
33
- @layer arkyn{.arkynWeekCalendarTableContainer{background-color:var(--background-foreground);border:1px solid var(--border);border-radius:8px;overflow:hidden}.arkynWeekCalendarTableContainer table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}}
33
+ @layer arkyn{.arkynWeekCalendarTableContainer{background-color:var(--background-foreground,#fff);border:1px solid var(--border,#e2e8f0);border-radius:8px;overflow:hidden}.arkynWeekCalendarTableContainer table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}}
34
34
 
35
- @layer arkyn{.arkynWeekCalendarTableHeader th{color:var(--text-heading);letter-spacing:0%;padding:20px 0;font-size:16px;font-weight:600;line-height:24px}.arkynWeekCalendarTableHeader tr th:not(:first-child){border-left:1px solid var(--border)}.arkynWeekCalendarTableHeaderContent{flex-direction:column;align-items:center;gap:4px;display:flex}.arkynWeekCalendarTableHeaderContent>span{color:var(--text-muted);font-size:14px;font-weight:400;line-height:20px}.arkynWeekCalendarTableHeaderContent>strong{color:var(--text-heading);font-size:24px;font-weight:500;line-height:28px}}
35
+ @layer arkyn{.arkynWeekCalendarTableHeader th{color:var(--text-heading,#09090b);letter-spacing:0%;padding:20px 0;font-size:16px;font-weight:600;line-height:24px}.arkynWeekCalendarTableHeader tr th:not(:first-child){border-left:1px solid var(--border,#e2e8f0)}.arkynWeekCalendarTableHeaderContent{flex-direction:column;align-items:center;gap:4px;display:flex}.arkynWeekCalendarTableHeaderContent>span{color:var(--text-muted,#a1a1aa);font-size:14px;font-weight:400;line-height:20px}.arkynWeekCalendarTableHeaderContent>strong{color:var(--text-heading,#09090b);font-size:24px;font-weight:500;line-height:28px}}
package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarEvent/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynWeekCalendarEvent{z-index:2;box-sizing:border-box;border-radius:8px;flex-direction:column;gap:4px;min-height:28px;padding:8px;display:flex;position:absolute;left:0;right:0;overflow:hidden}.arkynWeekCalendarEvent:not(:first-child){box-shadow:-4px 0 2px #0000001a}.arkynWeekCalendarEvent:hover{z-index:3}.arkynWeekCalendarEvent:before{content:" ";border-radius:8px 0 0 8px;width:4px;position:absolute;top:0;bottom:0;left:0}.arkynWeekCalendarEvent.primary{background-color:rgb(var(--spotlight-primary-foreground))}.arkynWeekCalendarEvent.primary:before{background-color:rgb(var(--spotlight-primary))}.arkynWeekCalendarEvent.danger{background-color:rgb(var(--spotlight-danger-foreground))}.arkynWeekCalendarEvent.danger:before{background-color:rgb(var(--spotlight-danger))}.arkynWeekCalendarEvent.warning{background-color:rgb(var(--spotlight-warning-foreground))}.arkynWeekCalendarEvent.warning:before{background-color:rgb(var(--spotlight-warning))}.arkynWeekCalendarEvent.info{background-color:rgb(var(--spotlight-info-foreground))}.arkynWeekCalendarEvent.info:before{background-color:rgb(var(--spotlight-info))}.arkynWeekCalendarEvent.success{background-color:rgb(var(--spotlight-success-foreground))}.arkynWeekCalendarEvent.success:before{background-color:rgb(var(--spotlight-success))}.arkynWeekCalendarEvent>strong{letter-spacing:0%;color:var(--text-heading);font-size:14px;font-weight:600}.arkynWeekCalendarEvent>p{letter-spacing:0%;color:var(--text-heading);font-size:12px;font-weight:400}}
1
+ @layer arkyn{.arkynWeekCalendarEvent{z-index:2;box-sizing:border-box;border-radius:8px;flex-direction:column;gap:4px;min-height:28px;padding:8px;display:flex;position:absolute;left:0;right:0;overflow:hidden}.arkynWeekCalendarEvent:not(:first-child){box-shadow:-4px 0 2px #0000001a}.arkynWeekCalendarEvent:hover{z-index:3}.arkynWeekCalendarEvent:before{content:" ";border-radius:8px 0 0 8px;width:4px;position:absolute;top:0;bottom:0;left:0}.arkynWeekCalendarEvent.primary{background-color:rgb(var(--spotlight-primary-foreground,231, 240, 252))}.arkynWeekCalendarEvent.primary:before{background-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynWeekCalendarEvent.danger{background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynWeekCalendarEvent.danger:before{background-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynWeekCalendarEvent.warning{background-color:rgb(var(--spotlight-warning-foreground,254, 241, 232))}.arkynWeekCalendarEvent.warning:before{background-color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynWeekCalendarEvent.info{background-color:rgb(var(--spotlight-info-foreground,231, 246, 253))}.arkynWeekCalendarEvent.info:before{background-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynWeekCalendarEvent.success{background-color:rgb(var(--spotlight-success-foreground,231, 248, 242))}.arkynWeekCalendarEvent.success:before{background-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynWeekCalendarEvent>strong{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:14px;font-weight:600}.arkynWeekCalendarEvent>p{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:12px;font-weight:400}}
package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableBody/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynWeekCalendarTableBody td>p{text-align:center;padding:16px;font-size:14px}.arkynWeekCalendarTableBody tr{border-top:1px solid var(--border)}.arkynWeekCalendarTableBody tr td:not(:first-child){border-left:1px solid var(--border)}.arkynWeekCalendarTableBody .hourTd>p{letter-spacing:0%;text-align:center;color:var(--text-body);margin:auto;font-size:16px;font-weight:400;line-height:24px}}
1
+ @layer arkyn{.arkynWeekCalendarTableBody td>p{text-align:center;padding:16px;font-size:14px}.arkynWeekCalendarTableBody tr{border-top:1px solid var(--border,#e2e8f0)}.arkynWeekCalendarTableBody tr td:not(:first-child){border-left:1px solid var(--border,#e2e8f0)}.arkynWeekCalendarTableBody .hourTd>p{letter-spacing:0%;text-align:center;color:var(--text-body,#52525b);margin:auto;font-size:16px;font-weight:400;line-height:24px}}
package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableContainer/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynWeekCalendarTableContainer{background-color:var(--background-foreground);border:1px solid var(--border);border-radius:8px;overflow:hidden}.arkynWeekCalendarTableContainer table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}}
1
+ @layer arkyn{.arkynWeekCalendarTableContainer{background-color:var(--background-foreground,#fff);border:1px solid var(--border,#e2e8f0);border-radius:8px;overflow:hidden}.arkynWeekCalendarTableContainer table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}}
package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableHeader/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynWeekCalendarTableHeader th{color:var(--text-heading);letter-spacing:0%;padding:20px 0;font-size:16px;font-weight:600;line-height:24px}.arkynWeekCalendarTableHeader tr th:not(:first-child){border-left:1px solid var(--border)}.arkynWeekCalendarTableHeaderContent{flex-direction:column;align-items:center;gap:4px;display:flex}.arkynWeekCalendarTableHeaderContent>span{color:var(--text-muted);font-size:14px;font-weight:400;line-height:20px}.arkynWeekCalendarTableHeaderContent>strong{color:var(--text-heading);font-size:24px;font-weight:500;line-height:28px}}
1
+ @layer arkyn{.arkynWeekCalendarTableHeader th{color:var(--text-heading,#09090b);letter-spacing:0%;padding:20px 0;font-size:16px;font-weight:600;line-height:24px}.arkynWeekCalendarTableHeader tr th:not(:first-child){border-left:1px solid var(--border,#e2e8f0)}.arkynWeekCalendarTableHeaderContent{flex-direction:column;align-items:center;gap:4px;display:flex}.arkynWeekCalendarTableHeaderContent>span{color:var(--text-muted,#a1a1aa);font-size:14px;font-weight:400;line-height:20px}.arkynWeekCalendarTableHeaderContent>strong{color:var(--text-heading,#09090b);font-size:24px;font-weight:500;line-height:28px}}
package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableTd/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynWeekCalendarTableTd{-webkit-user-select:none;user-select:none;cursor:pointer;height:73px;position:relative}.arkynWeekCalendarTableTd.blocked{background-color:rgb(var(--spotlight-danger-light))}.arkynWeekCalendarTableTd.blocked:before{content:" ";background-color:rgb(var(--spotlight-danger));width:4px;position:absolute;top:0;bottom:0;left:0}.arkynWeekCalendarTableTd.blocked:hover{cursor:not-allowed}.arkynWeekCalendarTableTd>p{text-align:center;border-radius:8px;margin-bottom:auto;margin-right:auto;font-size:14px;position:absolute;top:0;left:0}.arkynWeekCalendarTableTd.previous,.arkynWeekCalendarTableTd.next{color:var(--text-muted);background-color:var(--card-foreground-primary)}.arkynWeekCalendarTableTd.current>p{color:var(--text-body)}.arkynWeekCalendarTableTd .arkynWeekCalendarTableTdContent{height:100%;margin:3px;position:relative}}
1
+ @layer arkyn{.arkynWeekCalendarTableTd{-webkit-user-select:none;user-select:none;cursor:pointer;height:73px;position:relative}.arkynWeekCalendarTableTd.blocked{background-color:rgb(var(--spotlight-danger-foreground,254, 226, 226))}.arkynWeekCalendarTableTd.blocked:before{content:" ";background-color:rgb(var(--spotlight-danger,244, 63, 94));width:4px;position:absolute;top:0;bottom:0;left:0}.arkynWeekCalendarTableTd.blocked:hover{cursor:not-allowed}.arkynWeekCalendarTableTd>p{text-align:center;border-radius:8px;margin-bottom:auto;margin-right:auto;font-size:14px;position:absolute;top:0;left:0}.arkynWeekCalendarTableTd.previous,.arkynWeekCalendarTableTd.next{color:var(--text-muted,#a1a1aa);background-color:var(--background-foreground,#fff)}.arkynWeekCalendarTableTd.current>p{color:var(--text-body,#52525b)}.arkynWeekCalendarTableTd .arkynWeekCalendarTableTdContent{height:100%;margin:3px;position:relative}}
package/dist/modules/components/iconButton/styles.css CHANGED
@@ -1 +1 @@
1
- @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)}}}
1
+ @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)}}}
package/dist/modules/components/imageUpload/noFileContent/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynImageUploadNoFileContent{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.arkynImageUploadNoFileContent>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{.arkynImageUploadNoFileContent{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.arkynImageUploadNoFileContent>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/imageUpload/styles.css CHANGED
@@ -1,17 +1,17 @@
1
- @layer arkyn{.arkynImageUpload{border-width:1px;border-color:var(--border);background:var(--input-background);border-radius:8px;outline:1px solid #0000;width:100%;max-width:475px;height:174px}.arkynImageUpload.hasImage{border-style:solid}.arkynImageUpload.noHasImage{border-style:dashed}.arkynImageUpload.hasError{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}}
1
+ @layer arkyn{.arkynImageUpload{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:174px}.arkynImageUpload.hasImage{border-style:solid}.arkynImageUpload.noHasImage{border-style:dashed}.arkynImageUpload.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
9
  @layer arkyn{.arkynImageUploadHasFileContent{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;justify-content:end;align-items:end;gap:8px;width:100%;height:100%;padding:6px;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{.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)}}}
13
+ @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)}}}
14
14
 
15
- @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%)}}
15
+ @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%)}}
16
16
 
17
- @layer arkyn{.arkynImageUploadNoFileContent{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.arkynImageUploadNoFileContent>p{text-align:center;white-space:nowrap;color:var(--text-body);padding:0 24px;font-size:12px;font-weight:400;line-height:12px}}
17
+ @layer arkyn{.arkynImageUploadNoFileContent{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.arkynImageUploadNoFileContent>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/input/style.css CHANGED
@@ -1 +1 @@
1
- @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)}}}
1
+ @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)}}}
package/dist/modules/components/input/styles.css CHANGED
@@ -1,7 +1,7 @@
1
- @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)}}}
1
+ @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)}}}
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/mapView/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynMapViewPinnedEmpty{border:2px dashed var(--border);background-color:rgba(var(--spotlight-secondary), 1);border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.arkynMapViewPinnedEmpty>svg{width:64px;height:64px;color:var(--text-muted);stroke-width:1px}.arkynMapViewPinned{border-radius:8px;width:100%;height:100%;display:flex}.arkynMapViewPinned .gm-style-iw-d{max-height:none;overflow:hidden}.arkynMapViewPinned .gm-style-iw{overflow:visible}.arkynMapViewPinned .gm-ui-hover-effect{display:none}.mapboxgl-popup-content{background-color:#0000;padding:0;box-shadow:0 4px 16px #0003}.mapboxgl-popup-tip{display:none}}
1
+ @layer arkyn{.arkynMapViewPinnedEmpty{border:2px dashed var(--border,#e2e8f0);background-color:rgba(var(--spotlight-secondary,100, 116, 139), 1);border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.arkynMapViewPinnedEmpty>svg{width:64px;height:64px;color:var(--text-muted,#a1a1aa);stroke-width:1px}.arkynMapViewPinned{border-radius:8px;width:100%;height:100%;display:flex}.arkynMapViewPinned .gm-style-iw-d{max-height:none;overflow:hidden}.arkynMapViewPinned .gm-style-iw{overflow:visible}.arkynMapViewPinned .gm-ui-hover-effect{display:none}.mapboxgl-popup-content{background-color:#0000;padding:0;box-shadow:0 4px 16px #0003}.mapboxgl-popup-tip{display:none}}
package/dist/modules/components/maskedInput/style.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynMaskedInput{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}.arkynMaskedInput:hover{cursor:text}.arkynMaskedInput input{width:100%;color:var(--text-heading);background:0 0;border:none;outline:none;line-height:100%}.arkynMaskedInput .prefix,.arkynMaskedInput .suffix{color:var(--text-body);background:var(--border);justify-content:center;align-items:center;font-weight:400;line-height:100%;display:flex;position:absolute}.arkynMaskedInput .prefix{border-right:1px solid var(--border);border-radius:7px 0 0 7px;top:0;bottom:0;left:0}.arkynMaskedInput .suffix{border-left:1px solid var(--border);border-radius:0 7px 7px 0;top:0;bottom:0;right:0}.arkynMaskedInput input::placeholder{color:var(--text-muted);line-height:100%}.arkynMaskedInput svg{color:var(--text-muted)}.arkynMaskedInput.errored svg{color:rgb(var(--spotlight-danger))}.arkynMaskedInput:not(.opacity).focused svg{color:rgb(var(--spotlight-primary))}.arkynMaskedInput.opacity{opacity:.5}.arkynMaskedInput.solid{border-color:var(--border);background-color:var(--input-background)}.arkynMaskedInput.solid.errored{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynMaskedInput:not(.opacity).solid.focused{border-color:rgb(var(--spotlight-primary));outline-color:rgb(var(--spotlight-primary))}.arkynMaskedInput.outline{border-color:var(--border);background-color:var(--background-foreground)}.arkynMaskedInput.outline.errored{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynMaskedInput:not(.opacity).outline.focused{border-color:rgb(var(--spotlight-primary));outline-color:rgb(var(--spotlight-primary))}.arkynMaskedInput.underline{border-top:none;border-left:none;border-right:none;border-color:var(--border);border-radius:0;outline:none}.arkynMaskedInput.underline .suffix,.arkynMaskedInput.underline .prefix{display:none}.arkynMaskedInput.underline:before{content:" ";background:0 0;height:1px;position:absolute;bottom:-2px;left:0;right:0}.arkynMaskedInput.underline.errored{border-color:rgb(var(--spotlight-danger))}.arkynMaskedInput.underline.errored:before{background:rgb(var(--spotlight-danger))}.arkynMaskedInput:not(.opacity).underline.focused{border-color:rgb(var(--spotlight-primary))}.arkynMaskedInput:not(.opacity).underline.focused:before{background:rgb(var(--spotlight-primary))}.arkynMaskedInput.md input{min-height:38px;max-height:38px;font-size:14px;font-weight:400;line-height:14px}.arkynMaskedInput.md input::placeholder{font-size:14px;font-weight:400;line-height:14px}.arkynMaskedInput.md.hasPrefix{padding-left:60px}.arkynMaskedInput.md.hasSuffix{padding-right:60px}.arkynMaskedInput.md .prefix,.arkynMaskedInput.md .suffix{width:44px;height:38px;font-size:14px}.arkynMaskedInput.lg input{min-height:44px;max-height:44px;font-size:16px;font-weight:400;line-height:16px}.arkynMaskedInput.lg input::placeholder{font-size:16px;font-weight:400;line-height:16px}.arkynMaskedInput.lg .prefix,.arkynMaskedInput.lg .suffix{width:48px;height:44px;font-size:16px}.arkynMaskedInput.lg.hasPrefix{padding-left:64px}.arkynMaskedInput.lg.hasSuffix{padding-right:64px}.arkynMaskedInput .spinner{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
1
+ @layer arkyn{.arkynMaskedInput{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}.arkynMaskedInput:hover{cursor:text}.arkynMaskedInput input{width:100%;color:var(--text-heading,#09090b);background:0 0;border:none;outline:none;line-height:100%}.arkynMaskedInput .prefix,.arkynMaskedInput .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}.arkynMaskedInput .prefix{border-right:1px solid var(--border,#e2e8f0);border-radius:7px 0 0 7px;top:0;bottom:0;left:0}.arkynMaskedInput .suffix{border-left:1px solid var(--border,#e2e8f0);border-radius:0 7px 7px 0;top:0;bottom:0;right:0}.arkynMaskedInput input::placeholder{color:var(--text-muted,#a1a1aa);line-height:100%}.arkynMaskedInput svg{color:var(--text-muted,#a1a1aa)}.arkynMaskedInput.errored svg{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMaskedInput:not(.opacity).focused svg{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMaskedInput.opacity{opacity:.5}.arkynMaskedInput.solid{border-color:var(--border,#e2e8f0);background-color:var(--input-background,#fafafa)}.arkynMaskedInput.solid.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMaskedInput:not(.opacity).solid.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMaskedInput.outline{border-color:var(--border,#e2e8f0);background-color:var(--background-foreground,#fff)}.arkynMaskedInput.outline.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMaskedInput:not(.opacity).outline.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMaskedInput.underline{border-top:none;border-left:none;border-right:none;border-color:var(--border,#e2e8f0);border-radius:0;outline:none}.arkynMaskedInput.underline .suffix,.arkynMaskedInput.underline .prefix{display:none}.arkynMaskedInput.underline:before{content:" ";background:0 0;height:1px;position:absolute;bottom:-2px;left:0;right:0}.arkynMaskedInput.underline.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMaskedInput.underline.errored:before{background:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMaskedInput:not(.opacity).underline.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMaskedInput:not(.opacity).underline.focused:before{background:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMaskedInput.md input{min-height:38px;max-height:38px;font-size:14px;font-weight:400;line-height:14px}.arkynMaskedInput.md input::placeholder{font-size:14px;font-weight:400;line-height:14px}.arkynMaskedInput.md.hasPrefix{padding-left:60px}.arkynMaskedInput.md.hasSuffix{padding-right:60px}.arkynMaskedInput.md .prefix,.arkynMaskedInput.md .suffix{width:44px;height:38px;font-size:14px}.arkynMaskedInput.lg input{min-height:44px;max-height:44px;font-size:16px;font-weight:400;line-height:16px}.arkynMaskedInput.lg input::placeholder{font-size:16px;font-weight:400;line-height:16px}.arkynMaskedInput.lg .prefix,.arkynMaskedInput.lg .suffix{width:48px;height:44px;font-size:16px}.arkynMaskedInput.lg.hasPrefix{padding-left:64px}.arkynMaskedInput.lg.hasSuffix{padding-right:64px}.arkynMaskedInput .spinner{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
package/dist/modules/components/maskedInput/styles.css CHANGED
@@ -1,7 +1,7 @@
1
- @layer arkyn{.arkynMaskedInput{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}.arkynMaskedInput:hover{cursor:text}.arkynMaskedInput input{width:100%;color:var(--text-heading);background:0 0;border:none;outline:none;line-height:100%}.arkynMaskedInput .prefix,.arkynMaskedInput .suffix{color:var(--text-body);background:var(--border);justify-content:center;align-items:center;font-weight:400;line-height:100%;display:flex;position:absolute}.arkynMaskedInput .prefix{border-right:1px solid var(--border);border-radius:7px 0 0 7px;top:0;bottom:0;left:0}.arkynMaskedInput .suffix{border-left:1px solid var(--border);border-radius:0 7px 7px 0;top:0;bottom:0;right:0}.arkynMaskedInput input::placeholder{color:var(--text-muted);line-height:100%}.arkynMaskedInput svg{color:var(--text-muted)}.arkynMaskedInput.errored svg{color:rgb(var(--spotlight-danger))}.arkynMaskedInput:not(.opacity).focused svg{color:rgb(var(--spotlight-primary))}.arkynMaskedInput.opacity{opacity:.5}.arkynMaskedInput.solid{border-color:var(--border);background-color:var(--input-background)}.arkynMaskedInput.solid.errored{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynMaskedInput:not(.opacity).solid.focused{border-color:rgb(var(--spotlight-primary));outline-color:rgb(var(--spotlight-primary))}.arkynMaskedInput.outline{border-color:var(--border);background-color:var(--background-foreground)}.arkynMaskedInput.outline.errored{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynMaskedInput:not(.opacity).outline.focused{border-color:rgb(var(--spotlight-primary));outline-color:rgb(var(--spotlight-primary))}.arkynMaskedInput.underline{border-top:none;border-left:none;border-right:none;border-color:var(--border);border-radius:0;outline:none}.arkynMaskedInput.underline .suffix,.arkynMaskedInput.underline .prefix{display:none}.arkynMaskedInput.underline:before{content:" ";background:0 0;height:1px;position:absolute;bottom:-2px;left:0;right:0}.arkynMaskedInput.underline.errored{border-color:rgb(var(--spotlight-danger))}.arkynMaskedInput.underline.errored:before{background:rgb(var(--spotlight-danger))}.arkynMaskedInput:not(.opacity).underline.focused{border-color:rgb(var(--spotlight-primary))}.arkynMaskedInput:not(.opacity).underline.focused:before{background:rgb(var(--spotlight-primary))}.arkynMaskedInput.md input{min-height:38px;max-height:38px;font-size:14px;font-weight:400;line-height:14px}.arkynMaskedInput.md input::placeholder{font-size:14px;font-weight:400;line-height:14px}.arkynMaskedInput.md.hasPrefix{padding-left:60px}.arkynMaskedInput.md.hasSuffix{padding-right:60px}.arkynMaskedInput.md .prefix,.arkynMaskedInput.md .suffix{width:44px;height:38px;font-size:14px}.arkynMaskedInput.lg input{min-height:44px;max-height:44px;font-size:16px;font-weight:400;line-height:16px}.arkynMaskedInput.lg input::placeholder{font-size:16px;font-weight:400;line-height:16px}.arkynMaskedInput.lg .prefix,.arkynMaskedInput.lg .suffix{width:48px;height:44px;font-size:16px}.arkynMaskedInput.lg.hasPrefix{padding-left:64px}.arkynMaskedInput.lg.hasSuffix{padding-right:64px}.arkynMaskedInput .spinner{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
1
+ @layer arkyn{.arkynMaskedInput{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}.arkynMaskedInput:hover{cursor:text}.arkynMaskedInput input{width:100%;color:var(--text-heading,#09090b);background:0 0;border:none;outline:none;line-height:100%}.arkynMaskedInput .prefix,.arkynMaskedInput .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}.arkynMaskedInput .prefix{border-right:1px solid var(--border,#e2e8f0);border-radius:7px 0 0 7px;top:0;bottom:0;left:0}.arkynMaskedInput .suffix{border-left:1px solid var(--border,#e2e8f0);border-radius:0 7px 7px 0;top:0;bottom:0;right:0}.arkynMaskedInput input::placeholder{color:var(--text-muted,#a1a1aa);line-height:100%}.arkynMaskedInput svg{color:var(--text-muted,#a1a1aa)}.arkynMaskedInput.errored svg{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMaskedInput:not(.opacity).focused svg{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMaskedInput.opacity{opacity:.5}.arkynMaskedInput.solid{border-color:var(--border,#e2e8f0);background-color:var(--input-background,#fafafa)}.arkynMaskedInput.solid.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMaskedInput:not(.opacity).solid.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMaskedInput.outline{border-color:var(--border,#e2e8f0);background-color:var(--background-foreground,#fff)}.arkynMaskedInput.outline.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMaskedInput:not(.opacity).outline.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMaskedInput.underline{border-top:none;border-left:none;border-right:none;border-color:var(--border,#e2e8f0);border-radius:0;outline:none}.arkynMaskedInput.underline .suffix,.arkynMaskedInput.underline .prefix{display:none}.arkynMaskedInput.underline:before{content:" ";background:0 0;height:1px;position:absolute;bottom:-2px;left:0;right:0}.arkynMaskedInput.underline.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMaskedInput.underline.errored:before{background:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMaskedInput:not(.opacity).underline.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMaskedInput:not(.opacity).underline.focused:before{background:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMaskedInput.md input{min-height:38px;max-height:38px;font-size:14px;font-weight:400;line-height:14px}.arkynMaskedInput.md input::placeholder{font-size:14px;font-weight:400;line-height:14px}.arkynMaskedInput.md.hasPrefix{padding-left:60px}.arkynMaskedInput.md.hasSuffix{padding-right:60px}.arkynMaskedInput.md .prefix,.arkynMaskedInput.md .suffix{width:44px;height:38px;font-size:14px}.arkynMaskedInput.lg input{min-height:44px;max-height:44px;font-size:16px;font-weight:400;line-height:16px}.arkynMaskedInput.lg input::placeholder{font-size:16px;font-weight:400;line-height:16px}.arkynMaskedInput.lg .prefix,.arkynMaskedInput.lg .suffix{width:48px;height:44px;font-size:16px}.arkynMaskedInput.lg.hasPrefix{padding-left:64px}.arkynMaskedInput.lg.hasSuffix{padding-right:64px}.arkynMaskedInput .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/modal/modalContainer/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynModalContainer{z-index:9999;justify-content:center;align-items:start;padding:10vh 0 2rem;display:flex;position:fixed;inset:0;overflow:auto}.arkynModalContainerOverlay{z-index:9997;background:#00000080;animation:.24s cubic-bezier(.22,1,.36,1) forwards modalOverlayIn;position:fixed;inset:0}.arkynModalContainerOverlay:hover{cursor:pointer}.arkynModalContainer.exiting>.arkynModalContainerOverlay{animation:.24s cubic-bezier(.22,1,.36,1) forwards modalOverlayOut}.arkynModalContainerContent{z-index:9999;background:var(--background-foreground);transform-origin:50%;will-change:transform, opacity;border-radius:8px;animation:.24s cubic-bezier(.22,1,.36,1) forwards modalContentIn;position:relative}.arkynModalContainer.exiting>.arkynModalContainerContent{animation:.24s cubic-bezier(.22,1,.36,1) forwards modalContentOut}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes modalContentIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes modalContentOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}}
1
+ @layer arkyn{.arkynModalContainer{z-index:9999;justify-content:center;align-items:start;padding:10vh 0 2rem;display:flex;position:fixed;inset:0;overflow:auto}.arkynModalContainerOverlay{z-index:9997;background:#00000080;animation:.24s cubic-bezier(.22,1,.36,1) forwards modalOverlayIn;position:fixed;inset:0}.arkynModalContainerOverlay:hover{cursor:pointer}.arkynModalContainer.exiting>.arkynModalContainerOverlay{animation:.24s cubic-bezier(.22,1,.36,1) forwards modalOverlayOut}.arkynModalContainerContent{z-index:9999;background:var(--background-foreground,#fff);transform-origin:50%;will-change:transform, opacity;border-radius:8px;animation:.24s cubic-bezier(.22,1,.36,1) forwards modalContentIn;position:relative}.arkynModalContainer.exiting>.arkynModalContainerContent{animation:.24s cubic-bezier(.22,1,.36,1) forwards modalContentOut}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes modalContentIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes modalContentOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}}
package/dist/modules/components/modal/modalFooter/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynModalFooter{border-top:1px solid var(--border);align-items:center;gap:16px;padding:16px;display:flex}.arkynModalFooter.left{justify-content:flex-start}.arkynModalFooter.right{justify-content:flex-end}.arkynModalFooter.center{justify-content:center}.arkynModalFooter.between{justify-content:space-between}.arkynModalFooter.around{justify-content:space-around}}
1
+ @layer arkyn{.arkynModalFooter{border-top:1px solid var(--border,#e2e8f0);align-items:center;gap:16px;padding:16px;display:flex}.arkynModalFooter.left{justify-content:flex-start}.arkynModalFooter.right{justify-content:flex-end}.arkynModalFooter.center{justify-content:center}.arkynModalFooter.between{justify-content:space-between}.arkynModalFooter.around{justify-content:space-around}}
package/dist/modules/components/modal/modalHeader/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynModalHeader{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}.arkynModalHeaderCloseButton{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}.arkynModalHeaderCloseButton:hover{cursor:pointer;filter:brightness(.9);transition:all .15s ease-out}}
1
+ @layer arkyn{.arkynModalHeader{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}.arkynModalHeaderCloseButton{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}.arkynModalHeaderCloseButton:hover{cursor:pointer;filter:brightness(.9);transition:all .15s ease-out}}
package/dist/modules/components/multiSelect/multiSelectChevron/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynMultiSelectChevron{color:var(--text-muted);transition:all .15s ease-in-out}.arkynMultiSelectChevron:not(.notAnimate).focused{transform:rotate(180deg)}}
1
+ @layer arkyn{.arkynMultiSelectChevron{color:var(--text-muted,#a1a1aa);transition:all .15s ease-in-out}.arkynMultiSelectChevron:not(.notAnimate).focused{transform:rotate(180deg)}}
package/dist/modules/components/multiSelect/multiSelectContainer/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynMultiSelectContainer{border:1px solid #0000;border-radius:8px;outline:1px solid #0000;align-items:center;gap:8px;width:min-content;padding:0 16px;display:flex;position:relative}.arkynMultiSelectContainer:hover{cursor:pointer}.arkynMultiSelectContainer.opacity{opacity:.5}.arkynMultiSelectContainer .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}.arkynMultiSelectContainer>svg{color:var(--text-muted)}.arkynMultiSelectContainer.errored>svg{color:rgb(var(--spotlight-danger))}.arkynMultiSelectContainer:not(.opacity).focused>svg{color:rgb(var(--spotlight-primary))}.arkynMultiSelectContainer.solid{border-color:var(--border);background-color:var(--input-background)}.arkynMultiSelectContainer.solid.errored{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynMultiSelectContainer:not(.opacity).solid.focused{border-color:rgb(var(--spotlight-primary));outline-color:rgb(var(--spotlight-primary))}.arkynMultiSelectContainer.outline{border-color:var(--border);background-color:var(--background-foreground)}.arkynMultiSelectContainer.outline.errored{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynMultiSelectContainer:not(.opacity).outline.focused{border-color:rgb(var(--spotlight-primary));outline-color:rgb(var(--spotlight-primary))}.arkynMultiSelectContainer.underline{border-top:none;border-left:none;border-right:none;border-color:var(--border);border-radius:0;outline:none}.arkynMultiSelectContainer.underline .prefix{display:none}.arkynMultiSelectContainer.underline:before{content:" ";background:0 0;height:1px;position:absolute;bottom:-2px;left:0;right:0}.arkynMultiSelectContainer.underline.errored{border-color:rgb(var(--spotlight-danger))}.arkynMultiSelectContainer.underline.errored:before{background:rgb(var(--spotlight-danger))}.arkynMultiSelectContainer:not(.opacity).underline.focused{border-color:rgb(var(--spotlight-primary))}.arkynMultiSelectContainer:not(.opacity).underline.focused:before{background:rgb(var(--spotlight-primary))}.arkynMultiSelectContainer.md{min-height:40px}.arkynMultiSelectContainer.md.hasPrefix{padding-left:60px}.arkynMultiSelectContainer.md .prefix{width:44px;height:40px;font-size:14px}.arkynMultiSelectContainer.lg{min-height:44px}.arkynMultiSelectContainer.lg .prefix{width:48px;height:44px;font-size:16px}.arkynMultiSelectContainer.lg.hasPrefix{padding-left:64px}}
1
+ @layer arkyn{.arkynMultiSelectContainer{border:1px solid #0000;border-radius:8px;outline:1px solid #0000;align-items:center;gap:8px;width:min-content;padding:0 16px;display:flex;position:relative}.arkynMultiSelectContainer:hover{cursor:pointer}.arkynMultiSelectContainer.opacity{opacity:.5}.arkynMultiSelectContainer .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}.arkynMultiSelectContainer>svg{color:var(--text-muted,#a1a1aa)}.arkynMultiSelectContainer.errored>svg{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMultiSelectContainer:not(.opacity).focused>svg{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMultiSelectContainer.solid{border-color:var(--border,#e2e8f0);background-color:var(--input-background,#fafafa)}.arkynMultiSelectContainer.solid.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMultiSelectContainer:not(.opacity).solid.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMultiSelectContainer.outline{border-color:var(--border,#e2e8f0);background-color:var(--background-foreground,#fff)}.arkynMultiSelectContainer.outline.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMultiSelectContainer:not(.opacity).outline.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMultiSelectContainer.underline{border-top:none;border-left:none;border-right:none;border-color:var(--border,#e2e8f0);border-radius:0;outline:none}.arkynMultiSelectContainer.underline .prefix{display:none}.arkynMultiSelectContainer.underline:before{content:" ";background:0 0;height:1px;position:absolute;bottom:-2px;left:0;right:0}.arkynMultiSelectContainer.underline.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMultiSelectContainer.underline.errored:before{background:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMultiSelectContainer:not(.opacity).underline.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMultiSelectContainer:not(.opacity).underline.focused:before{background:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMultiSelectContainer.md{min-height:40px}.arkynMultiSelectContainer.md.hasPrefix{padding-left:60px}.arkynMultiSelectContainer.md .prefix{width:44px;height:40px;font-size:14px}.arkynMultiSelectContainer.lg{min-height:44px}.arkynMultiSelectContainer.lg .prefix{width:48px;height:44px;font-size:16px}.arkynMultiSelectContainer.lg.hasPrefix{padding-left:64px}}
package/dist/modules/components/multiSelect/multiSelectContent/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynMultiSelectContent{flex-wrap:wrap;flex:1;align-items:start;gap:4px;display:flex}.arkynMultiSelectContent>p{color:var(--text-muted);-webkit-user-select:none;user-select:none;font-weight:400}.arkynMultiSelectContent.md>p{font-size:14px;line-height:14px}.arkynMultiSelectContent.lg>p{font-size:16px;line-height:16px}}
1
+ @layer arkyn{.arkynMultiSelectContent{flex-wrap:wrap;flex:1;align-items:start;gap:4px;display:flex}.arkynMultiSelectContent>p{color:var(--text-muted,#a1a1aa);-webkit-user-select:none;user-select:none;font-weight:400}.arkynMultiSelectContent.md>p{font-size:14px;line-height:14px}.arkynMultiSelectContent.lg>p{font-size:16px;line-height:16px}}
package/dist/modules/components/multiSelect/multiSelectMark/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynMultiSelectMark{background:var(--background);color:var(--text-body);text-align:left;z-index:6;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:14px;font-weight:400;line-height:19.07px;display:flex}.arkynMultiSelectMark button{background:inherit;border:none;justify-content:center;align-items:center;width:15px;height:15px;display:flex}.arkynMultiSelectMark button:disabled{cursor:not-allowed}.arkynMultiSelectMark button:hover:not(:disabled){cursor:pointer;filter:brightness(.9)}.arkynMultiSelectMark button svg{min-width:10px;min-height:10px;color:var(--text-muted)}}
1
+ @layer arkyn{.arkynMultiSelectMark{background:var(--background,#f4f4f5);color:var(--text-body,#52525b);text-align:left;z-index:6;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:14px;font-weight:400;line-height:19.07px;display:flex}.arkynMultiSelectMark button{background:inherit;border:none;justify-content:center;align-items:center;width:15px;height:15px;display:flex}.arkynMultiSelectMark button:disabled{cursor:not-allowed}.arkynMultiSelectMark button:hover:not(:disabled){cursor:pointer;filter:brightness(.9)}.arkynMultiSelectMark button svg{min-width:10px;min-height:10px;color:var(--text-muted,#a1a1aa)}}
package/dist/modules/components/multiSelect/multiSelectOption/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynMultiSelectOption{color:var(--text-body);-webkit-user-select:none;user-select:none;background-color:var(--background-foreground);justify-content:space-between;align-items:center;font-weight:400;line-height:21.79px;display:flex}.arkynMultiSelectOption.md{padding:8px 16px;font-size:14px}.arkynMultiSelectOption.lg{padding:8px 16px;font-size:16px}.arkynMultiSelectOption svg{width:20px;height:20px;color:rgb(var(--spotlight-primary));display:none}.arkynMultiSelectOption:hover{cursor:pointer;filter:brightness(.95)}.arkynMultiSelectOption.active{color:var(--text-heading);filter:brightness(.95);font-weight:600}.arkynMultiSelectOption.active svg{display:unset}}
1
+ @layer arkyn{.arkynMultiSelectOption{color:var(--text-body,#52525b);-webkit-user-select:none;user-select:none;background-color:var(--background-foreground,#fff);justify-content:space-between;align-items:center;font-weight:400;line-height:21.79px;display:flex}.arkynMultiSelectOption.md{padding:8px 16px;font-size:14px}.arkynMultiSelectOption.lg{padding:8px 16px;font-size:16px}.arkynMultiSelectOption svg{width:20px;height:20px;color:rgb(var(--spotlight-primary,17, 109, 220));display:none}.arkynMultiSelectOption:hover{cursor:pointer;filter:brightness(.95)}.arkynMultiSelectOption.active{color:var(--text-heading,#09090b);filter:brightness(.95);font-weight:600}.arkynMultiSelectOption.active svg{display:unset}}
package/dist/modules/components/multiSelect/multiSelectOptionsContainer/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynMultiSelectOptionsContainer{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}.arkynMultiSelectOptionsContainer.bottom{top:calc(100% + 5px)}.arkynMultiSelectOptionsContainer.top{bottom:calc(100% + 5px)}.arkynMultiSelectOptionsContainer>p{text-align:center;color:var(--text-body);padding:16px;font-size:14px;font-weight:400;line-height:21.79px}}
1
+ @layer arkyn{.arkynMultiSelectOptionsContainer{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}.arkynMultiSelectOptionsContainer.bottom{top:calc(100% + 5px)}.arkynMultiSelectOptionsContainer.top{bottom:calc(100% + 5px)}.arkynMultiSelectOptionsContainer>p{text-align:center;color:var(--text-body,#52525b);padding:16px;font-size:14px;font-weight:400;line-height:21.79px}}
package/dist/modules/components/multiSelect/styles.css CHANGED
@@ -1,30 +1,30 @@
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}}
2
2
 
3
- @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}}
3
+ @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}}
4
4
 
5
5
  @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}}
6
6
 
7
- @layer arkyn{.arkynMultiSelectChevron{color:var(--text-muted);transition:all .15s ease-in-out}.arkynMultiSelectChevron:not(.notAnimate).focused{transform:rotate(180deg)}}
7
+ @layer arkyn{.arkynMultiSelectChevron{color:var(--text-muted,#a1a1aa);transition:all .15s ease-in-out}.arkynMultiSelectChevron:not(.notAnimate).focused{transform:rotate(180deg)}}
8
8
 
9
- @layer arkyn{.arkynMultiSelectContainer{border:1px solid #0000;border-radius:8px;outline:1px solid #0000;align-items:center;gap:8px;width:min-content;padding:0 16px;display:flex;position:relative}.arkynMultiSelectContainer:hover{cursor:pointer}.arkynMultiSelectContainer.opacity{opacity:.5}.arkynMultiSelectContainer .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}.arkynMultiSelectContainer>svg{color:var(--text-muted)}.arkynMultiSelectContainer.errored>svg{color:rgb(var(--spotlight-danger))}.arkynMultiSelectContainer:not(.opacity).focused>svg{color:rgb(var(--spotlight-primary))}.arkynMultiSelectContainer.solid{border-color:var(--border);background-color:var(--input-background)}.arkynMultiSelectContainer.solid.errored{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynMultiSelectContainer:not(.opacity).solid.focused{border-color:rgb(var(--spotlight-primary));outline-color:rgb(var(--spotlight-primary))}.arkynMultiSelectContainer.outline{border-color:var(--border);background-color:var(--background-foreground)}.arkynMultiSelectContainer.outline.errored{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynMultiSelectContainer:not(.opacity).outline.focused{border-color:rgb(var(--spotlight-primary));outline-color:rgb(var(--spotlight-primary))}.arkynMultiSelectContainer.underline{border-top:none;border-left:none;border-right:none;border-color:var(--border);border-radius:0;outline:none}.arkynMultiSelectContainer.underline .prefix{display:none}.arkynMultiSelectContainer.underline:before{content:" ";background:0 0;height:1px;position:absolute;bottom:-2px;left:0;right:0}.arkynMultiSelectContainer.underline.errored{border-color:rgb(var(--spotlight-danger))}.arkynMultiSelectContainer.underline.errored:before{background:rgb(var(--spotlight-danger))}.arkynMultiSelectContainer:not(.opacity).underline.focused{border-color:rgb(var(--spotlight-primary))}.arkynMultiSelectContainer:not(.opacity).underline.focused:before{background:rgb(var(--spotlight-primary))}.arkynMultiSelectContainer.md{min-height:40px}.arkynMultiSelectContainer.md.hasPrefix{padding-left:60px}.arkynMultiSelectContainer.md .prefix{width:44px;height:40px;font-size:14px}.arkynMultiSelectContainer.lg{min-height:44px}.arkynMultiSelectContainer.lg .prefix{width:48px;height:44px;font-size:16px}.arkynMultiSelectContainer.lg.hasPrefix{padding-left:64px}}
9
+ @layer arkyn{.arkynMultiSelectContainer{border:1px solid #0000;border-radius:8px;outline:1px solid #0000;align-items:center;gap:8px;width:min-content;padding:0 16px;display:flex;position:relative}.arkynMultiSelectContainer:hover{cursor:pointer}.arkynMultiSelectContainer.opacity{opacity:.5}.arkynMultiSelectContainer .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}.arkynMultiSelectContainer>svg{color:var(--text-muted,#a1a1aa)}.arkynMultiSelectContainer.errored>svg{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMultiSelectContainer:not(.opacity).focused>svg{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMultiSelectContainer.solid{border-color:var(--border,#e2e8f0);background-color:var(--input-background,#fafafa)}.arkynMultiSelectContainer.solid.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMultiSelectContainer:not(.opacity).solid.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMultiSelectContainer.outline{border-color:var(--border,#e2e8f0);background-color:var(--background-foreground,#fff)}.arkynMultiSelectContainer.outline.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMultiSelectContainer:not(.opacity).outline.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMultiSelectContainer.underline{border-top:none;border-left:none;border-right:none;border-color:var(--border,#e2e8f0);border-radius:0;outline:none}.arkynMultiSelectContainer.underline .prefix{display:none}.arkynMultiSelectContainer.underline:before{content:" ";background:0 0;height:1px;position:absolute;bottom:-2px;left:0;right:0}.arkynMultiSelectContainer.underline.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMultiSelectContainer.underline.errored:before{background:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMultiSelectContainer:not(.opacity).underline.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMultiSelectContainer:not(.opacity).underline.focused:before{background:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMultiSelectContainer.md{min-height:40px}.arkynMultiSelectContainer.md.hasPrefix{padding-left:60px}.arkynMultiSelectContainer.md .prefix{width:44px;height:40px;font-size:14px}.arkynMultiSelectContainer.lg{min-height:44px}.arkynMultiSelectContainer.lg .prefix{width:48px;height:44px;font-size:16px}.arkynMultiSelectContainer.lg.hasPrefix{padding-left:64px}}
10
10
 
11
- @layer arkyn{.arkynMultiSelectContent{flex-wrap:wrap;flex:1;align-items:start;gap:4px;display:flex}.arkynMultiSelectContent>p{color:var(--text-muted);-webkit-user-select:none;user-select:none;font-weight:400}.arkynMultiSelectContent.md>p{font-size:14px;line-height:14px}.arkynMultiSelectContent.lg>p{font-size:16px;line-height:16px}}
11
+ @layer arkyn{.arkynMultiSelectContent{flex-wrap:wrap;flex:1;align-items:start;gap:4px;display:flex}.arkynMultiSelectContent>p{color:var(--text-muted,#a1a1aa);-webkit-user-select:none;user-select:none;font-weight:400}.arkynMultiSelectContent.md>p{font-size:14px;line-height:14px}.arkynMultiSelectContent.lg>p{font-size:16px;line-height:16px}}
12
12
 
13
- @layer arkyn{.arkynMultiSelectMark{background:var(--background);color:var(--text-body);text-align:left;z-index:6;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:14px;font-weight:400;line-height:19.07px;display:flex}.arkynMultiSelectMark button{background:inherit;border:none;justify-content:center;align-items:center;width:15px;height:15px;display:flex}.arkynMultiSelectMark button:disabled{cursor:not-allowed}.arkynMultiSelectMark button:hover:not(:disabled){cursor:pointer;filter:brightness(.9)}.arkynMultiSelectMark button svg{min-width:10px;min-height:10px;color:var(--text-muted)}}
13
+ @layer arkyn{.arkynMultiSelectMark{background:var(--background,#f4f4f5);color:var(--text-body,#52525b);text-align:left;z-index:6;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:14px;font-weight:400;line-height:19.07px;display:flex}.arkynMultiSelectMark button{background:inherit;border:none;justify-content:center;align-items:center;width:15px;height:15px;display:flex}.arkynMultiSelectMark button:disabled{cursor:not-allowed}.arkynMultiSelectMark button:hover:not(:disabled){cursor:pointer;filter:brightness(.9)}.arkynMultiSelectMark button svg{min-width:10px;min-height:10px;color:var(--text-muted,#a1a1aa)}}
14
14
 
15
- @layer arkyn{.arkynMultiSelectOption{color:var(--text-body);-webkit-user-select:none;user-select:none;background-color:var(--background-foreground);justify-content:space-between;align-items:center;font-weight:400;line-height:21.79px;display:flex}.arkynMultiSelectOption.md{padding:8px 16px;font-size:14px}.arkynMultiSelectOption.lg{padding:8px 16px;font-size:16px}.arkynMultiSelectOption svg{width:20px;height:20px;color:rgb(var(--spotlight-primary));display:none}.arkynMultiSelectOption:hover{cursor:pointer;filter:brightness(.95)}.arkynMultiSelectOption.active{color:var(--text-heading);filter:brightness(.95);font-weight:600}.arkynMultiSelectOption.active svg{display:unset}}
15
+ @layer arkyn{.arkynMultiSelectOption{color:var(--text-body,#52525b);-webkit-user-select:none;user-select:none;background-color:var(--background-foreground,#fff);justify-content:space-between;align-items:center;font-weight:400;line-height:21.79px;display:flex}.arkynMultiSelectOption.md{padding:8px 16px;font-size:14px}.arkynMultiSelectOption.lg{padding:8px 16px;font-size:16px}.arkynMultiSelectOption svg{width:20px;height:20px;color:rgb(var(--spotlight-primary,17, 109, 220));display:none}.arkynMultiSelectOption:hover{cursor:pointer;filter:brightness(.95)}.arkynMultiSelectOption.active{color:var(--text-heading,#09090b);filter:brightness(.95);font-weight:600}.arkynMultiSelectOption.active svg{display:unset}}
16
16
 
17
- @layer arkyn{.arkynMultiSelectOptionsContainer{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}.arkynMultiSelectOptionsContainer.bottom{top:calc(100% + 5px)}.arkynMultiSelectOptionsContainer.top{bottom:calc(100% + 5px)}.arkynMultiSelectOptionsContainer>p{text-align:center;color:var(--text-body);padding:16px;font-size:14px;font-weight:400;line-height:21.79px}}
17
+ @layer arkyn{.arkynMultiSelectOptionsContainer{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}.arkynMultiSelectOptionsContainer.bottom{top:calc(100% + 5px)}.arkynMultiSelectOptionsContainer.top{bottom:calc(100% + 5px)}.arkynMultiSelectOptionsContainer>p{text-align:center;color:var(--text-body,#52525b);padding:16px;font-size:14px;font-weight:400;line-height:21.79px}}
18
18
 
19
- @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)}}}
19
+ @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)}}}
20
20
 
21
- @layer arkyn{.arkynFieldError{color:rgb(var(--spotlight-danger));font-size:12px;font-weight:600;line-height:12px}}
21
+ @layer arkyn{.arkynFieldError{color:rgb(var(--spotlight-danger,244, 63, 94));font-size:12px;font-weight:600;line-height:12px}}
22
22
 
23
- @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}}
23
+ @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}}
24
24
 
25
25
  @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}}
26
26
 
27
- @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)}}}
27
+ @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)}}}
28
28
 
29
29
  @layer arkyn{.arkynMultiSelectOverlay{z-index:5;position:fixed;inset:0}}
30
30
 
package/dist/modules/components/pagination/chevronButton/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynChevronPageButton{background-color:inherit;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:28px;max-width:28px;min-height:28px;max-height:28px;display:flex}.arkynChevronPageButton>svg{color:var(--text-muted);width:20px;height:20px}.arkynChevronPageButton:hover{filter:brightness(.98);cursor:pointer}html.dark .arkynChevronPageButton:hover{filter:brightness(1.2)}.arkynChevronPageButton:disabled{filter:brightness();cursor:not-allowed;opacity:.5}}
1
+ @layer arkyn{.arkynChevronPageButton{background-color:inherit;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:28px;max-width:28px;min-height:28px;max-height:28px;display:flex}.arkynChevronPageButton>svg{color:var(--text-muted,#a1a1aa);width:20px;height:20px}.arkynChevronPageButton:hover{filter:brightness(.98);cursor:pointer}html.dark .arkynChevronPageButton:hover{filter:brightness(1.2)}.arkynChevronPageButton:disabled{filter:brightness();cursor:not-allowed;opacity:.5}}
package/dist/modules/components/pagination/currentButton/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynPaginationCurrentButton{background-color:rgb(var(--spotlight-primary));color:var(--white);text-align:center;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:28px;min-height:28px;font-size:14px;font-weight:500;line-height:14px;display:flex}}
1
+ @layer arkyn{.arkynPaginationCurrentButton{background-color:rgb(var(--spotlight-primary,17, 109, 220));color:var(--white,#fff);text-align:center;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:28px;min-height:28px;font-size:14px;font-weight:500;line-height:14px;display:flex}}
package/dist/modules/components/pagination/pageButton/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynPaginationPageButton{background-color:inherit;min-width:28px;max-width:28px;min-height:28px;max-height:28px;color:var(--text-body);border:none;border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.arkynPaginationPageButton:hover{filter:brightness(.98);cursor:pointer}html.dark .arkynPaginationPageButton:hover{filter:brightness(1.2)}}
1
+ @layer arkyn{.arkynPaginationPageButton{background-color:inherit;min-width:28px;max-width:28px;min-height:28px;max-height:28px;color:var(--text-body,#52525b);border:none;border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.arkynPaginationPageButton:hover{filter:brightness(.98);cursor:pointer}html.dark .arkynPaginationPageButton:hover{filter:brightness(1.2)}}
package/dist/modules/components/pagination/spread/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynPaginationSpread{color:var(--text-muted);background-color:#0000;border:none;justify-content:center;align-items:center;min-width:28px;max-width:28px;min-height:28px;max-height:28px;display:flex}.arkynPaginationSpread>svg{color:var(--text-muted);width:16px;height:16px}}
1
+ @layer arkyn{.arkynPaginationSpread{color:var(--text-muted,#a1a1aa);background-color:#0000;border:none;justify-content:center;align-items:center;min-width:28px;max-width:28px;min-height:28px;max-height:28px;display:flex}.arkynPaginationSpread>svg{color:var(--text-muted,#a1a1aa);width:16px;height:16px}}
package/dist/modules/components/pagination/styles.css CHANGED
@@ -1,9 +1,9 @@
1
1
  @layer arkyn{.arkynPagination{justify-content:center;align-items:center;gap:8px;display:flex}}
2
2
 
3
- @layer arkyn{.arkynChevronPageButton{background-color:inherit;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:28px;max-width:28px;min-height:28px;max-height:28px;display:flex}.arkynChevronPageButton>svg{color:var(--text-muted);width:20px;height:20px}.arkynChevronPageButton:hover{filter:brightness(.98);cursor:pointer}html.dark .arkynChevronPageButton:hover{filter:brightness(1.2)}.arkynChevronPageButton:disabled{filter:brightness();cursor:not-allowed;opacity:.5}}
3
+ @layer arkyn{.arkynChevronPageButton{background-color:inherit;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:28px;max-width:28px;min-height:28px;max-height:28px;display:flex}.arkynChevronPageButton>svg{color:var(--text-muted,#a1a1aa);width:20px;height:20px}.arkynChevronPageButton:hover{filter:brightness(.98);cursor:pointer}html.dark .arkynChevronPageButton:hover{filter:brightness(1.2)}.arkynChevronPageButton:disabled{filter:brightness();cursor:not-allowed;opacity:.5}}
4
4
 
5
- @layer arkyn{.arkynPaginationCurrentButton{background-color:rgb(var(--spotlight-primary));color:var(--white);text-align:center;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:28px;min-height:28px;font-size:14px;font-weight:500;line-height:14px;display:flex}}
5
+ @layer arkyn{.arkynPaginationCurrentButton{background-color:rgb(var(--spotlight-primary,17, 109, 220));color:var(--white,#fff);text-align:center;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:28px;min-height:28px;font-size:14px;font-weight:500;line-height:14px;display:flex}}
6
6
 
7
- @layer arkyn{.arkynPaginationPageButton{background-color:inherit;min-width:28px;max-width:28px;min-height:28px;max-height:28px;color:var(--text-body);border:none;border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.arkynPaginationPageButton:hover{filter:brightness(.98);cursor:pointer}html.dark .arkynPaginationPageButton:hover{filter:brightness(1.2)}}
7
+ @layer arkyn{.arkynPaginationPageButton{background-color:inherit;min-width:28px;max-width:28px;min-height:28px;max-height:28px;color:var(--text-body,#52525b);border:none;border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.arkynPaginationPageButton:hover{filter:brightness(.98);cursor:pointer}html.dark .arkynPaginationPageButton:hover{filter:brightness(1.2)}}
8
8
 
9
- @layer arkyn{.arkynPaginationSpread{color:var(--text-muted);background-color:#0000;border:none;justify-content:center;align-items:center;min-width:28px;max-width:28px;min-height:28px;max-height:28px;display:flex}.arkynPaginationSpread>svg{color:var(--text-muted);width:16px;height:16px}}
9
+ @layer arkyn{.arkynPaginationSpread{color:var(--text-muted,#a1a1aa);background-color:#0000;border:none;justify-content:center;align-items:center;min-width:28px;max-width:28px;min-height:28px;max-height:28px;display:flex}.arkynPaginationSpread>svg{color:var(--text-muted,#a1a1aa);width:16px;height:16px}}
package/dist/modules/components/phoneInput/phoneInputContainer/styles.css CHANGED
@@ -1 +1 @@
1
- @layer arkyn{.arkynPhoneInputContainer{border:1px solid #0000;border-radius:6px;outline:1px solid #0000;justify-content:start;align-items:center;gap:8px;width:100%;min-height:38px;max-height:38px;padding:0 16px;display:flex;position:relative}.arkynPhoneInputContainer:hover{cursor:text}.arkynPhoneInputContainer.opacity{opacity:.5}.arkynPhoneInputContainer.solid{border-color:var(--border);background-color:var(--input-background)}.arkynPhoneInputContainer.solid.errored{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynPhoneInputContainer:not(.opacity).solid.focused{border-color:rgb(var(--spotlight-primary));outline-color:rgb(var(--spotlight-primary))}.arkynPhoneInputContainer.outline{border-color:var(--border)}.arkynPhoneInputContainer.outline.errored{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynPhoneInputContainer:not(.opacity).outline.focused{border-color:rgb(var(--spotlight-primary));outline-color:rgb(var(--spotlight-primary))}.arkynPhoneInputContainer.md{min-height:42px;max-height:42px}.arkynPhoneInputContainer.lg{min-height:46px;max-height:46px}}
1
+ @layer arkyn{.arkynPhoneInputContainer{border:1px solid #0000;border-radius:6px;outline:1px solid #0000;justify-content:start;align-items:center;gap:8px;width:100%;min-height:38px;max-height:38px;padding:0 16px;display:flex;position:relative}.arkynPhoneInputContainer:hover{cursor:text}.arkynPhoneInputContainer.opacity{opacity:.5}.arkynPhoneInputContainer.solid{border-color:var(--border,#e2e8f0);background-color:var(--input-background,#fafafa)}.arkynPhoneInputContainer.solid.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynPhoneInputContainer:not(.opacity).solid.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynPhoneInputContainer.outline{border-color:var(--border,#e2e8f0)}.arkynPhoneInputContainer.outline.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynPhoneInputContainer:not(.opacity).outline.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynPhoneInputContainer.md{min-height:42px;max-height:42px}.arkynPhoneInputContainer.lg{min-height:46px;max-height:46px}}