@sk-web-gui/core 1.0.2 → 1.0.3

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 (155) hide show
  1. package/dist/cjs/components/header.js +5 -1
  2. package/dist/cjs/components/header.js.map +1 -1
  3. package/dist/cjs/components/zebratable.js +13 -4
  4. package/dist/cjs/components/zebratable.js.map +1 -1
  5. package/dist/esm/components/header.js +5 -1
  6. package/dist/esm/components/header.js.map +1 -1
  7. package/dist/esm/components/zebratable.js +13 -4
  8. package/dist/esm/components/zebratable.js.map +1 -1
  9. package/dist/types/base.d.ts +52 -0
  10. package/dist/types/colors.d.ts +883 -0
  11. package/dist/types/components/accordion.d.ts +97 -0
  12. package/dist/types/components/alert-banner.d.ts +24 -0
  13. package/dist/types/components/alert.d.ts +10 -0
  14. package/dist/types/components/avatar.d.ts +4 -0
  15. package/dist/types/components/badge.d.ts +4 -0
  16. package/dist/types/components/breadcrumb.d.ts +29 -0
  17. package/dist/types/components/button-group.d.ts +26 -0
  18. package/dist/types/components/button.d.ts +172 -0
  19. package/dist/types/components/card.d.ts +56 -0
  20. package/dist/types/components/checkbox.d.ts +106 -0
  21. package/dist/types/components/code.d.ts +9 -0
  22. package/dist/types/components/combobox.d.ts +65 -0
  23. package/dist/types/components/comments.d.ts +30 -0
  24. package/dist/types/components/context-menu.d.ts +39 -0
  25. package/dist/types/components/cookie-consent.d.ts +36 -0
  26. package/dist/types/components/dialog.d.ts +6 -0
  27. package/dist/types/components/divider.d.ts +51 -0
  28. package/dist/types/components/dot.d.ts +35 -0
  29. package/dist/types/components/dropdown-filter.d.ts +58 -0
  30. package/dist/types/components/filter.d.ts +15 -0
  31. package/dist/types/components/footer.d.ts +28 -0
  32. package/dist/types/components/forms.d.ts +25 -0
  33. package/dist/types/components/header.d.ts +29 -0
  34. package/dist/types/components/icon.d.ts +4 -0
  35. package/dist/types/components/input.d.ts +207 -0
  36. package/dist/types/components/kbd.d.ts +8 -0
  37. package/dist/types/components/label.d.ts +4 -0
  38. package/dist/types/components/link.d.ts +44 -0
  39. package/dist/types/components/list.d.ts +53 -0
  40. package/dist/types/components/logo.d.ts +49 -0
  41. package/dist/types/components/menu-vertical.d.ts +219 -0
  42. package/dist/types/components/menubar.d.ts +12 -0
  43. package/dist/types/components/modal.d.ts +42 -0
  44. package/dist/types/components/notification.d.ts +48 -0
  45. package/dist/types/components/pagination.d.ts +101 -0
  46. package/dist/types/components/popup-menu.d.ts +106 -0
  47. package/dist/types/components/progress-bar.d.ts +4 -0
  48. package/dist/types/components/progress-stepper.d.ts +51 -0
  49. package/dist/types/components/radio.d.ts +126 -0
  50. package/dist/types/components/search-field.d.ts +21 -0
  51. package/dist/types/components/select.d.ts +142 -0
  52. package/dist/types/components/side-menu.d.ts +219 -0
  53. package/dist/types/components/snackbar.d.ts +31 -0
  54. package/dist/types/components/spinner.d.ts +4 -0
  55. package/dist/types/components/switch.d.ts +65 -0
  56. package/dist/types/components/tab-menu.d.ts +57 -0
  57. package/dist/types/components/table.d.ts +12 -0
  58. package/dist/types/components/tabs.d.ts +64 -0
  59. package/dist/types/components/tooltip.d.ts +54 -0
  60. package/dist/types/components/user-menu.d.ts +14 -0
  61. package/dist/types/components/zebratable.d.ts +135 -0
  62. package/dist/types/index.d.ts +4 -0
  63. package/dist/types/plugin.d.ts +8 -0
  64. package/dist/types/preset.d.ts +13 -0
  65. package/dist/types/theme.d.ts +1719 -0
  66. package/dist/types/units.d.ts +247 -0
  67. package/dist/types/with-opacity.d.ts +4 -0
  68. package/package.json +14 -6
  69. package/dist/cjs/components/calendar.js +0 -67
  70. package/dist/cjs/components/calendar.js.map +0 -1
  71. package/dist/cjs/components/form-control.js +0 -8
  72. package/dist/cjs/components/form-control.js.map +0 -1
  73. package/dist/cjs/components/message.js +0 -52
  74. package/dist/cjs/components/message.js.map +0 -1
  75. package/dist/cjs/components/profile-picture.js +0 -15
  76. package/dist/cjs/components/profile-picture.js.map +0 -1
  77. package/dist/cjs/components/profile.js +0 -34
  78. package/dist/cjs/components/profile.js.map +0 -1
  79. package/dist/cjs/components/search-bar.js +0 -8
  80. package/dist/cjs/components/search-bar.js.map +0 -1
  81. package/dist/cjs/components/tag.js +0 -72
  82. package/dist/cjs/components/tag.js.map +0 -1
  83. package/dist/esm/components/calendar.js +0 -65
  84. package/dist/esm/components/calendar.js.map +0 -1
  85. package/dist/esm/components/form-control.js +0 -6
  86. package/dist/esm/components/form-control.js.map +0 -1
  87. package/dist/esm/components/message.js +0 -50
  88. package/dist/esm/components/message.js.map +0 -1
  89. package/dist/esm/components/profile-picture.js +0 -13
  90. package/dist/esm/components/profile-picture.js.map +0 -1
  91. package/dist/esm/components/profile.js +0 -32
  92. package/dist/esm/components/profile.js.map +0 -1
  93. package/dist/esm/components/search-bar.js +0 -6
  94. package/dist/esm/components/search-bar.js.map +0 -1
  95. package/dist/esm/components/tag.js +0 -79
  96. package/dist/esm/components/tag.js.map +0 -1
  97. package/src/base.js +0 -47
  98. package/src/colors.js +0 -645
  99. package/src/components/accordion.js +0 -103
  100. package/src/components/alert-banner.js +0 -29
  101. package/src/components/alert.js +0 -90
  102. package/src/components/avatar.js +0 -39
  103. package/src/components/badge.js +0 -41
  104. package/src/components/breadcrumb.js +0 -33
  105. package/src/components/button-group.js +0 -31
  106. package/src/components/button.js +0 -309
  107. package/src/components/card.js +0 -293
  108. package/src/components/checkbox.js +0 -136
  109. package/src/components/code.js +0 -9
  110. package/src/components/combobox.js +0 -66
  111. package/src/components/comments.js +0 -38
  112. package/src/components/context-menu.js +0 -49
  113. package/src/components/cookie-consent.js +0 -45
  114. package/src/components/dialog.js +0 -5
  115. package/src/components/divider.js +0 -52
  116. package/src/components/dot.js +0 -83
  117. package/src/components/dropdown-filter.js +0 -66
  118. package/src/components/filter.js +0 -16
  119. package/src/components/footer.js +0 -29
  120. package/src/components/forms.js +0 -27
  121. package/src/components/header.js +0 -28
  122. package/src/components/icon.js +0 -78
  123. package/src/components/input.js +0 -244
  124. package/src/components/kbd.js +0 -9
  125. package/src/components/label.js +0 -37
  126. package/src/components/link.js +0 -53
  127. package/src/components/list.js +0 -61
  128. package/src/components/logo.js +0 -49
  129. package/src/components/menu-vertical.js +0 -293
  130. package/src/components/menubar.js +0 -56
  131. package/src/components/modal.js +0 -47
  132. package/src/components/notification.js +0 -56
  133. package/src/components/pagination.js +0 -116
  134. package/src/components/popup-menu.js +0 -111
  135. package/src/components/progress-bar.js +0 -31
  136. package/src/components/progress-stepper.js +0 -50
  137. package/src/components/radio.js +0 -138
  138. package/src/components/search-field.js +0 -20
  139. package/src/components/select.js +0 -203
  140. package/src/components/side-menu.js +0 -272
  141. package/src/components/snackbar.js +0 -34
  142. package/src/components/spinner.js +0 -23
  143. package/src/components/switch.js +0 -85
  144. package/src/components/tab-menu.js +0 -58
  145. package/src/components/table.js +0 -13
  146. package/src/components/tabs.js +0 -64
  147. package/src/components/tooltip.js +0 -64
  148. package/src/components/user-menu.js +0 -13
  149. package/src/components/zebratable.js +0 -140
  150. package/src/index.js +0 -8
  151. package/src/plugin.js +0 -142
  152. package/src/preset.js +0 -5
  153. package/src/theme.js +0 -158
  154. package/src/units.js +0 -212
  155. package/src/with-opacity.js +0 -6
@@ -1 +0,0 @@
1
- {"version":3,"file":"calendar.js","names":["module","exports","Calendar"],"sources":["../../../src/components/calendar.js"],"sourcesContent":["module.exports = Calendar = () => ({\r\n // Month row\r\n '.MuiCalendarPicker-root > div:first-of-type': {\r\n '@apply ml-2 -mr-2 px-10': {},\r\n },\r\n\r\n // Month\r\n '.MuiCalendarPicker-root > div:first-of-type > div': {\r\n '@apply font-bold text-base text-body': {},\r\n },\r\n\r\n // Arrow switchers\r\n '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root .MuiSvgIcon-root': {\r\n '@apply text-body text-large': {},\r\n },\r\n '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root': {\r\n '@apply border-solid border border-transparent focus:text-transparent hover:text-transparent focus:bg-transparent hover:bg-transparent focus:border-primary hover:border-primary':\r\n {},\r\n },\r\n // Arrow spacer\r\n '.MuiCalendarPicker-root .MuiPickersArrowSwitcher-spacer': {\r\n '@apply w-11': {},\r\n },\r\n // Disabled arrow\r\n '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root[disabled] .MuiSvgIcon-root': {\r\n '@apply text-gray-stroke': {},\r\n },\r\n\r\n // Weekdays\r\n '.MuiCalendarPicker-root div > div:first-of-type > .MuiTypography-root': {\r\n '@apply font-bold text-body text-base': {},\r\n },\r\n\r\n // Days-Grid\r\n '.MuiCalendarPicker-root > div:last-of-type > div:last-of-type': {\r\n '@apply min-h-min pb-6': {},\r\n },\r\n\r\n // Day picking\r\n '.MuiCalendarPicker-root .MuiPickersDay-root': {\r\n '@apply text-base': {},\r\n },\r\n '.MuiCalendarPicker-root .Mui-disabled': {\r\n '@apply text-gray-stroke': {},\r\n },\r\n\r\n // Day picked\r\n '.MuiCalendarPicker-root .MuiButtonBase-root.MuiPickersDay-root.Mui-selected': {\r\n '@apply bg-background-one text-body focus-visible:bg-background-one hover:bg-background-one focus:bg-background-one':\r\n {},\r\n },\r\n\r\n // Day hovered\r\n '.MuiCalendarPicker-root .MuiPickersDay-root, .MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {\r\n '@apply border-primary border-solid focus-visible:border hover:bg-transparent focus:bg-transparent hover:border':\r\n {},\r\n },\r\n\r\n // today\r\n '.MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {\r\n '@apply border-0 hover:border': {},\r\n },\r\n\r\n '.calendar': {\r\n // Input field\r\n '.datepicker-input': {\r\n '@apply relative': {},\r\n },\r\n\r\n '.datepicker-input input': {\r\n '@apply pl-20 cursor-pointer': {},\r\n },\r\n\r\n '.datepicker-input-icon': {\r\n '@apply pointer-events-none absolute my-auto top-0 bottom-0 left-md mr-md text-xl fill-body': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAGA,CAAA,MAAO;EACjC;EACA,6CAA6C,EAAE;IAC7C,yBAAyB,EAAE,CAAC;EAC9B,CAAC;EAED;EACA,mDAAmD,EAAE;IACnD,sCAAsC,EAAE,CAAC;EAC3C,CAAC;EAED;EACA,kFAAkF,EAAE;IAClF,6BAA6B,EAAE,CAAC;EAClC,CAAC;EACD,iEAAiE,EAAE;IACjE,iLAAiL,EAC/K,CAAC;EACL,CAAC;EACD;EACA,yDAAyD,EAAE;IACzD,aAAa,EAAE,CAAC;EAClB,CAAC;EACD;EACA,4FAA4F,EAAE;IAC5F,yBAAyB,EAAE,CAAC;EAC9B,CAAC;EAED;EACA,uEAAuE,EAAE;IACvE,sCAAsC,EAAE,CAAC;EAC3C,CAAC;EAED;EACA,+DAA+D,EAAE;IAC/D,uBAAuB,EAAE,CAAC;EAC5B,CAAC;EAED;EACA,6CAA6C,EAAE;IAC7C,kBAAkB,EAAE,CAAC;EACvB,CAAC;EACD,uCAAuC,EAAE;IACvC,yBAAyB,EAAE,CAAC;EAC9B,CAAC;EAED;EACA,6EAA6E,EAAE;IAC7E,oHAAoH,EAClH,CAAC;EACL,CAAC;EAED;EACA,8GAA8G,EAAE;IAC9G,gHAAgH,EAC9G,CAAC;EACL,CAAC;EAED;EACA,iEAAiE,EAAE;IACjE,8BAA8B,EAAE,CAAC;EACnC,CAAC;EAED,WAAW,EAAE;IACX;IACA,mBAAmB,EAAE;MACnB,iBAAiB,EAAE,CAAC;IACtB,CAAC;IAED,yBAAyB,EAAE;MACzB,6BAA6B,EAAE,CAAC;IAClC,CAAC;IAED,wBAAwB,EAAE;MACxB,4FAA4F,EAAE,CAAC;IACjG;EACF;AACF,CAAC,CAAC"}
@@ -1,6 +0,0 @@
1
- module.exports = Forms = () => ({
2
- '.sk-form-control': {
3
- '@apply flex flex-col gap-16 w-fit': {}
4
- }
5
- });
6
- //# sourceMappingURL=form-control.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"form-control.js","names":["module","exports","Forms"],"sources":["../../../src/components/form-control.js"],"sourcesContent":["module.exports = Forms = () => ({\n '.sk-form-control': {\n '@apply flex flex-col gap-16 w-fit': {},\n },\n});\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAGA,CAAA,MAAO;EAC9B,kBAAkB,EAAE;IAClB,mCAAmC,EAAE,CAAC;EACxC;AACF,CAAC,CAAC"}
@@ -1,50 +0,0 @@
1
- module.exports = Message = () => ({
2
- '.message': {
3
- '@apply max-w-2xl flex items-center font-bold text-sm sm:text-base px-6 py-6 m-2 shadow-lg w-max break-words': {},
4
- '@apply text-body bg-white border-l-4': {},
5
- // dark
6
- '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},
7
- '&-text': {
8
- '@apply text-left flex-grow': {}
9
- },
10
- '&-info': {
11
- '@apply border-info': {},
12
- '.message-icon': {
13
- '@apply text-info': {}
14
- }
15
- },
16
- '&-success': {
17
- '@apply border-success': {},
18
- '.message-icon': {
19
- '@apply text-success': {}
20
- }
21
- },
22
- '&-error': {
23
- '@apply border-error': {},
24
- '.message-icon': {
25
- '@apply text-error': {}
26
- }
27
- },
28
- '&-warning': {
29
- '@apply border-warning': {},
30
- '.message-icon': {
31
- '@apply text-warning': {}
32
- }
33
- }
34
- },
35
- '.message-icon': {
36
- '@apply mr-4 flex-shrink-0 w-10 h-10': {}
37
- },
38
- '.message-close-button': {
39
- '@apply text-body border-transparent flex items-center justify-center transition-all duration-150 rounded-full outline-none cursor-base': {},
40
- marginLeft: '0.25em',
41
- marginRight: '-0.55em',
42
- '&-icon': {
43
- '@apply !text-xl': {}
44
- },
45
- '&-disabled': {
46
- '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {}
47
- }
48
- }
49
- });
50
- //# sourceMappingURL=message.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"message.js","names":["module","exports","Message","marginLeft","marginRight"],"sources":["../../../src/components/message.js"],"sourcesContent":["module.exports = Message = () => ({\r\n '.message': {\r\n '@apply max-w-2xl flex items-center font-bold text-sm sm:text-base px-6 py-6 m-2 shadow-lg w-max break-words': {},\r\n '@apply text-body bg-white border-l-4': {},\r\n // dark\r\n '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},\r\n\r\n '&-text': {\r\n '@apply text-left flex-grow': {},\r\n },\r\n\r\n '&-info': {\r\n '@apply border-info': {},\r\n\r\n '.message-icon': {\r\n '@apply text-info': {},\r\n },\r\n },\r\n '&-success': {\r\n '@apply border-success': {},\r\n\r\n '.message-icon': {\r\n '@apply text-success': {},\r\n },\r\n },\r\n '&-error': {\r\n '@apply border-error': {},\r\n\r\n '.message-icon': {\r\n '@apply text-error': {},\r\n },\r\n },\r\n '&-warning': {\r\n '@apply border-warning': {},\r\n\r\n '.message-icon': {\r\n '@apply text-warning': {},\r\n },\r\n },\r\n },\r\n\r\n '.message-icon': {\r\n '@apply mr-4 flex-shrink-0 w-10 h-10': {},\r\n },\r\n\r\n '.message-close-button': {\r\n '@apply text-body border-transparent flex items-center justify-center transition-all duration-150 rounded-full outline-none cursor-base':\r\n {},\r\n marginLeft: '0.25em',\r\n marginRight: '-0.55em',\r\n\r\n '&-icon': {\r\n '@apply !text-xl': {},\r\n },\r\n\r\n '&-disabled': {\r\n '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAGA,CAAA,MAAO;EAChC,UAAU,EAAE;IACV,6GAA6G,EAAE,CAAC,CAAC;IACjH,sCAAsC,EAAE,CAAC,CAAC;IAC1C;IACA,0EAA0E,EAAE,CAAC,CAAC;IAE9E,QAAQ,EAAE;MACR,4BAA4B,EAAE,CAAC;IACjC,CAAC;IAED,QAAQ,EAAE;MACR,oBAAoB,EAAE,CAAC,CAAC;MAExB,eAAe,EAAE;QACf,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IACD,WAAW,EAAE;MACX,uBAAuB,EAAE,CAAC,CAAC;MAE3B,eAAe,EAAE;QACf,qBAAqB,EAAE,CAAC;MAC1B;IACF,CAAC;IACD,SAAS,EAAE;MACT,qBAAqB,EAAE,CAAC,CAAC;MAEzB,eAAe,EAAE;QACf,mBAAmB,EAAE,CAAC;MACxB;IACF,CAAC;IACD,WAAW,EAAE;MACX,uBAAuB,EAAE,CAAC,CAAC;MAE3B,eAAe,EAAE;QACf,qBAAqB,EAAE,CAAC;MAC1B;IACF;EACF,CAAC;EAED,eAAe,EAAE;IACf,qCAAqC,EAAE,CAAC;EAC1C,CAAC;EAED,uBAAuB,EAAE;IACvB,wIAAwI,EACtI,CAAC,CAAC;IACJC,UAAU,EAAE,QAAQ;IACpBC,WAAW,EAAE,SAAS;IAEtB,QAAQ,EAAE;MACR,iBAAiB,EAAE,CAAC;IACtB,CAAC;IAED,YAAY,EAAE;MACZ,6EAA6E,EAAE,CAAC;IAClF;EACF;AACF,CAAC,CAAC"}
@@ -1,13 +0,0 @@
1
- module.exports = ProfilePicture = () => ({
2
- '.profile-picture': {
3
- '@apply relative overflow-hidden flex-shrink-0 text-xs leading-none flex items-center justify-center text-center w-[48px] h-[48px] mr-sm rounded-full border-2 border-primary': {},
4
- '.profile-picture-img': {
5
- '@apply bg-cover absolute inset-0 bg-center text-xs leading-none': {}
6
- },
7
- '.icon': {
8
- width: '3.8rem!important',
9
- height: '3.8rem!important'
10
- }
11
- }
12
- });
13
- //# sourceMappingURL=profile-picture.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"profile-picture.js","names":["module","exports","ProfilePicture","width","height"],"sources":["../../../src/components/profile-picture.js"],"sourcesContent":["module.exports = ProfilePicture = () => ({\r\n '.profile-picture': {\r\n '@apply relative overflow-hidden flex-shrink-0 text-xs leading-none flex items-center justify-center text-center w-[48px] h-[48px] mr-sm rounded-full border-2 border-primary':\r\n {},\r\n\r\n '.profile-picture-img': {\r\n '@apply bg-cover absolute inset-0 bg-center text-xs leading-none': {},\r\n },\r\n '.icon': {\r\n width: '3.8rem!important',\r\n height: '3.8rem!important',\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,cAAc,GAAGA,CAAA,MAAO;EACvC,kBAAkB,EAAE;IAClB,8KAA8K,EAC5K,CAAC,CAAC;IAEJ,sBAAsB,EAAE;MACtB,iEAAiE,EAAE,CAAC;IACtE,CAAC;IACD,OAAO,EAAE;MACPC,KAAK,EAAE,kBAAkB;MACzBC,MAAM,EAAE;IACV;EACF;AACF,CAAC,CAAC"}
@@ -1,32 +0,0 @@
1
- module.exports = Profile = () => ({
2
- '.profile-container': {
3
- '@apply flex items-center': {},
4
- '.profile-title': {
5
- '@apply font-bold text-base m-0': {}
6
- },
7
- '.profile-subtitle': {
8
- '@apply text-sm leading-[20px] m-0': {}
9
- },
10
- '&.minimal': {
11
- '.profile-title': {
12
- overflow: 'hidden',
13
- 'text-overflow': 'ellipsis',
14
- display: '-webkit-box',
15
- '-webkit-line-clamp': '1' /* number of lines to show */,
16
- 'line-clamp': '1',
17
- '-webkit-box-orient': 'vertical'
18
- },
19
- '.profile-subtitle': {
20
- overflow: 'hidden',
21
- 'text-overflow': 'ellipsis',
22
- display: '-webkit-box',
23
- '-webkit-line-clamp': '1' /* number of lines to show */,
24
- 'line-clamp': '1',
25
- '-webkit-box-orient': 'vertical'
26
- }
27
- }
28
-
29
- // '&.truncate': { '@apply truncate pr-md': {} },
30
- }
31
- });
32
- //# sourceMappingURL=profile.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"profile.js","names":["module","exports","Profile","overflow","display"],"sources":["../../../src/components/profile.js"],"sourcesContent":["module.exports = Profile = () => ({\r\n '.profile-container': {\r\n '@apply flex items-center': {},\r\n\r\n '.profile-title': {\r\n '@apply font-bold text-base m-0': {},\r\n },\r\n '.profile-subtitle': {\r\n '@apply text-sm leading-[20px] m-0': {},\r\n },\r\n\r\n '&.minimal': {\r\n '.profile-title': {\r\n overflow: 'hidden',\r\n 'text-overflow': 'ellipsis',\r\n display: '-webkit-box',\r\n '-webkit-line-clamp': '1' /* number of lines to show */,\r\n 'line-clamp': '1',\r\n '-webkit-box-orient': 'vertical',\r\n },\r\n '.profile-subtitle': {\r\n overflow: 'hidden',\r\n 'text-overflow': 'ellipsis',\r\n display: '-webkit-box',\r\n '-webkit-line-clamp': '1' /* number of lines to show */,\r\n 'line-clamp': '1',\r\n '-webkit-box-orient': 'vertical',\r\n },\r\n },\r\n\r\n // '&.truncate': { '@apply truncate pr-md': {} },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAGA,CAAA,MAAO;EAChC,oBAAoB,EAAE;IACpB,0BAA0B,EAAE,CAAC,CAAC;IAE9B,gBAAgB,EAAE;MAChB,gCAAgC,EAAE,CAAC;IACrC,CAAC;IACD,mBAAmB,EAAE;MACnB,mCAAmC,EAAE,CAAC;IACxC,CAAC;IAED,WAAW,EAAE;MACX,gBAAgB,EAAE;QAChBC,QAAQ,EAAE,QAAQ;QAClB,eAAe,EAAE,UAAU;QAC3BC,OAAO,EAAE,aAAa;QACtB,oBAAoB,EAAE,GAAG,CAAC;QAC1B,YAAY,EAAE,GAAG;QACjB,oBAAoB,EAAE;MACxB,CAAC;MACD,mBAAmB,EAAE;QACnBD,QAAQ,EAAE,QAAQ;QAClB,eAAe,EAAE,UAAU;QAC3BC,OAAO,EAAE,aAAa;QACtB,oBAAoB,EAAE,GAAG,CAAC;QAC1B,YAAY,EAAE,GAAG;QACjB,oBAAoB,EAAE;MACxB;IACF;;IAEA;EACF;AACF,CAAC,CAAC"}
@@ -1,6 +0,0 @@
1
- module.exports = SearchBar = () => ({
2
- '.search-bar': {
3
- '@apply w-full relative': {}
4
- }
5
- });
6
- //# sourceMappingURL=search-bar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"search-bar.js","names":["module","exports","SearchBar"],"sources":["../../../src/components/search-bar.js"],"sourcesContent":["module.exports = SearchBar = () => ({\r\n '.search-bar': {\r\n '@apply w-full relative': {},\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,SAAS,GAAGA,CAAA,MAAO;EAClC,aAAa,EAAE;IACb,wBAAwB,EAAE,CAAC;EAC7B;AACF,CAAC,CAAC"}
@@ -1,79 +0,0 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
- function tagOutline(colors) {
3
- return {
4
- '.tag-outline': {
5
- '@apply border bg-transparent border-gray-stroke text-body': {},
6
- '&[href]': {
7
- ["@apply hover:border-hover hover:text-white hover:bg-hover"]: {},
8
- ["@apply active:text-white active:bg-hover"]: {},
9
- ["@apply focus-visible:text-white focus-visible:ring focus-visible:bg-hover"]: {}
10
- }
11
- }
12
- };
13
- }
14
- function tagSolid(colors) {
15
- return {
16
- '.tag-solid': {
17
- '@apply border bg-gray-stroke border-transparent text-white': {},
18
- '&[href]': {
19
- ["@apply hover:text-white hover:bg-hover"]: {},
20
- ["@apply active:text-white active:bg-hover"]: {},
21
- ["@apply focus-visible:text-white focus-visible:ring focus-visible:bg-hover"]: {}
22
- },
23
- '.tag-close-button': {
24
- '@apply text-white hover:text-body': {}
25
- }
26
- }
27
- };
28
- }
29
- function tagLight(colors) {
30
- return {
31
- '.tag-light': {
32
- '@apply border border-transparent text-body': {},
33
- '&[href]': {
34
- ["@apply hover:border-hover"]: {},
35
- ["@apply active:border-hover"]: {},
36
- ["@apply focus-visible:border-hover focus-visible:ring"]: {}
37
- }
38
- }
39
- };
40
- }
41
- module.exports = Tag = colors => _extends({
42
- '.tag': {
43
- '@apply leading-none inline-flex items-center content-center max-h-full rounded-full font-normal outline-none whitespace-nowrap': {},
44
- width: 'fit-content',
45
- height: 'fit-content',
46
- padding: '0 1.145em 0 1.145em',
47
- borderRadius: '3.2rem',
48
- '&-text': {
49
- padding: '0.5em 0'
50
- },
51
- '&-sm': {
52
- '@apply text-xs': {},
53
- minWidth: '1.25rem'
54
- },
55
- '&-md': {
56
- '@apply text-small': {},
57
- minWidth: '1.5rem'
58
- },
59
- '&-lg': {
60
- '@apply text-base': {},
61
- minWidth: '1.75rem'
62
- }
63
- }
64
- }, tagOutline(colors), tagSolid(colors), tagLight(colors), {
65
- '.tag-close-button': {
66
- '@apply border-transparent cursor-base': {},
67
- fontSize: '1em',
68
- padding: '0.36em',
69
- marginLeft: '0.25em',
70
- marginRight: '-1em',
71
- '&-icon': {
72
- fontSize: '1em !important'
73
- },
74
- '&-disabled': {
75
- '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {}
76
- }
77
- }
78
- });
79
- //# sourceMappingURL=tag.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tag.js","names":["tagOutline","colors","tagSolid","tagLight","module","exports","Tag","_extends","width","height","padding","borderRadius","minWidth","fontSize","marginLeft","marginRight"],"sources":["../../../src/components/tag.js"],"sourcesContent":["function tagOutline(colors) {\r\n return {\r\n '.tag-outline': {\r\n '@apply border bg-transparent border-gray-stroke text-body': {},\r\n\r\n '&[href]': {\r\n [`@apply hover:border-hover hover:text-white hover:bg-hover`]: {},\r\n [`@apply active:text-white active:bg-hover`]: {},\r\n [`@apply focus-visible:text-white focus-visible:ring focus-visible:bg-hover`]: {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction tagSolid(colors) {\r\n return {\r\n '.tag-solid': {\r\n '@apply border bg-gray-stroke border-transparent text-white': {},\r\n\r\n '&[href]': {\r\n [`@apply hover:text-white hover:bg-hover`]: {},\r\n [`@apply active:text-white active:bg-hover`]: {},\r\n [`@apply focus-visible:text-white focus-visible:ring focus-visible:bg-hover`]: {},\r\n },\r\n\r\n '.tag-close-button': {\r\n '@apply text-white hover:text-body': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction tagLight(colors) {\r\n return {\r\n '.tag-light': {\r\n '@apply border border-transparent text-body': {},\r\n\r\n '&[href]': {\r\n [`@apply hover:border-hover`]: {},\r\n [`@apply active:border-hover`]: {},\r\n [`@apply focus-visible:border-hover focus-visible:ring`]: {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nmodule.exports = Tag = (colors) => ({\r\n '.tag': {\r\n '@apply leading-none inline-flex items-center content-center max-h-full rounded-full font-normal outline-none whitespace-nowrap':\r\n {},\r\n width: 'fit-content',\r\n height: 'fit-content',\r\n padding: '0 1.145em 0 1.145em',\r\n borderRadius: '3.2rem',\r\n\r\n '&-text': {\r\n padding: '0.5em 0',\r\n },\r\n\r\n '&-sm': {\r\n '@apply text-xs': {},\r\n minWidth: '1.25rem',\r\n },\r\n\r\n '&-md': {\r\n '@apply text-small': {},\r\n minWidth: '1.5rem',\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base': {},\r\n minWidth: '1.75rem',\r\n },\r\n },\r\n\r\n // variants\r\n ...tagOutline(colors),\r\n ...tagSolid(colors),\r\n ...tagLight(colors),\r\n\r\n '.tag-close-button': {\r\n '@apply border-transparent cursor-base': {},\r\n fontSize: '1em',\r\n padding: '0.36em',\r\n marginLeft: '0.25em',\r\n marginRight: '-1em',\r\n\r\n '&-icon': {\r\n fontSize: '1em !important',\r\n },\r\n\r\n '&-disabled': {\r\n '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {},\r\n },\r\n },\r\n});\r\n"],"mappings":";AAAA,SAASA,UAAUA,CAACC,MAAM,EAAE;EAC1B,OAAO;IACL,cAAc,EAAE;MACd,2DAA2D,EAAE,CAAC,CAAC;MAE/D,SAAS,EAAE;QACT,+DAA+D,CAAC,CAAC;QACjE,8CAA8C,CAAC,CAAC;QAChD,+EAA+E,CAAC;MAClF;IACF;EACF,CAAC;AACH;AAEA,SAASC,QAAQA,CAACD,MAAM,EAAE;EACxB,OAAO;IACL,YAAY,EAAE;MACZ,4DAA4D,EAAE,CAAC,CAAC;MAEhE,SAAS,EAAE;QACT,4CAA4C,CAAC,CAAC;QAC9C,8CAA8C,CAAC,CAAC;QAChD,+EAA+E,CAAC;MAClF,CAAC;MAED,mBAAmB,EAAE;QACnB,mCAAmC,EAAE,CAAC;MACxC;IACF;EACF,CAAC;AACH;AAEA,SAASE,QAAQA,CAACF,MAAM,EAAE;EACxB,OAAO;IACL,YAAY,EAAE;MACZ,4CAA4C,EAAE,CAAC,CAAC;MAEhD,SAAS,EAAE;QACT,+BAA+B,CAAC,CAAC;QACjC,gCAAgC,CAAC,CAAC;QAClC,0DAA0D,CAAC;MAC7D;IACF;EACF,CAAC;AACH;AAEAG,MAAM,CAACC,OAAO,GAAGC,GAAG,GAAIL,MAAM,IAAAM,QAAA;EAC5B,MAAM,EAAE;IACN,gIAAgI,EAC9H,CAAC,CAAC;IACJC,KAAK,EAAE,aAAa;IACpBC,MAAM,EAAE,aAAa;IACrBC,OAAO,EAAE,qBAAqB;IAC9BC,YAAY,EAAE,QAAQ;IAEtB,QAAQ,EAAE;MACRD,OAAO,EAAE;IACX,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC,CAAC;MACpBE,QAAQ,EAAE;IACZ,CAAC;IAED,MAAM,EAAE;MACN,mBAAmB,EAAE,CAAC,CAAC;MACvBA,QAAQ,EAAE;IACZ,CAAC;IAED,MAAM,EAAE;MACN,kBAAkB,EAAE,CAAC,CAAC;MACtBA,QAAQ,EAAE;IACZ;EACF;AAAC,GAGEZ,UAAU,CAACC,MAAM,CAAC,EAClBC,QAAQ,CAACD,MAAM,CAAC,EAChBE,QAAQ,CAACF,MAAM,CAAC;EAEnB,mBAAmB,EAAE;IACnB,uCAAuC,EAAE,CAAC,CAAC;IAC3CY,QAAQ,EAAE,KAAK;IACfH,OAAO,EAAE,QAAQ;IACjBI,UAAU,EAAE,QAAQ;IACpBC,WAAW,EAAE,MAAM;IAEnB,QAAQ,EAAE;MACRF,QAAQ,EAAE;IACZ,CAAC;IAED,YAAY,EAAE;MACZ,6EAA6E,EAAE,CAAC;IAClF;EACF;AAAC,EACD"}
package/src/base.js DELETED
@@ -1,47 +0,0 @@
1
- module.exports = {
2
- html: {
3
- '@apply text-base antialiased': {},
4
- fontSize: '10px',
5
- textRendering: 'optimizeLegibility',
6
- touchAction: 'manipulation',
7
- },
8
- body: {
9
- '@apply text-base bg-background-content': {},
10
- '@apply text-body': {},
11
- position: 'relative',
12
- minHeight: '100%',
13
- fontFeatureSettings: "'kern'",
14
- },
15
- '*': {
16
- '@apply focus-visible:ring-ring': {},
17
- '@apply focus-visible:ring-offset-background-content': {},
18
- '@apply focus-visible:outline-0': {},
19
- },
20
- small: {
21
- '@apply text-small': {},
22
- },
23
- a: { '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {} },
24
- h1: {
25
- '@apply text-h1-sm md:text-h1-md xl:text-h1-lg': {},
26
- '@apply mb-md': {},
27
- },
28
- h2: {
29
- '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {},
30
- },
31
- h3: {
32
- '@apply text-h3-sm md:text-h3-md xl:text-h3-lg': {},
33
- },
34
- 'h4,h5,h6': {
35
- '@apply text-h4-sm md:text-h4-md xl:text-h4-lg': {},
36
- },
37
- label: {
38
- '@apply text-label-medium': {},
39
- },
40
- p: { '@apply my-4': {} },
41
-
42
- '.text-content': {
43
- '@apply max-w-[80rem]': {},
44
-
45
- p: { '@apply mt-sm text-base': {} },
46
- },
47
- };