@sk-web-gui/core 0.1.74 → 0.1.76

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 (187) hide show
  1. package/dist/cjs/base.js +73 -0
  2. package/dist/cjs/base.js.map +1 -0
  3. package/dist/cjs/colors.js +139 -0
  4. package/dist/cjs/colors.js.map +1 -0
  5. package/dist/cjs/components/accordion.js +110 -0
  6. package/dist/cjs/components/accordion.js.map +1 -0
  7. package/dist/cjs/components/alert-banner.js +28 -0
  8. package/dist/cjs/components/alert-banner.js.map +1 -0
  9. package/dist/cjs/components/alert.js +55 -0
  10. package/dist/cjs/components/alert.js.map +1 -0
  11. package/dist/cjs/components/avatar.js +71 -0
  12. package/dist/cjs/components/avatar.js.map +1 -0
  13. package/dist/cjs/components/badge.js +178 -0
  14. package/dist/cjs/components/badge.js.map +1 -0
  15. package/dist/cjs/components/breadcrumb.js +16 -0
  16. package/dist/cjs/components/breadcrumb.js.map +1 -0
  17. package/dist/cjs/components/button-group.js +43 -0
  18. package/dist/cjs/components/button-group.js.map +1 -0
  19. package/dist/cjs/components/button.js +249 -0
  20. package/dist/cjs/components/button.js.map +1 -0
  21. package/dist/cjs/components/calendar.js +69 -0
  22. package/dist/cjs/components/calendar.js.map +1 -0
  23. package/dist/cjs/components/card.js +56 -0
  24. package/dist/cjs/components/card.js.map +1 -0
  25. package/dist/cjs/components/checkbox.js +82 -0
  26. package/dist/cjs/components/checkbox.js.map +1 -0
  27. package/dist/cjs/components/code.js +14 -0
  28. package/dist/cjs/components/code.js.map +1 -0
  29. package/dist/cjs/components/context-menu.js +15 -0
  30. package/dist/cjs/components/context-menu.js.map +1 -0
  31. package/dist/cjs/components/cookie-consent.js +28 -0
  32. package/dist/cjs/components/cookie-consent.js.map +1 -0
  33. package/dist/cjs/components/dialog.js +17 -0
  34. package/dist/cjs/components/dialog.js.map +1 -0
  35. package/dist/cjs/components/divider.js +17 -0
  36. package/dist/cjs/components/divider.js.map +1 -0
  37. package/dist/cjs/components/dot.js +59 -0
  38. package/dist/cjs/components/dot.js.map +1 -0
  39. package/dist/cjs/components/dropdown-filter.js +59 -0
  40. package/dist/cjs/components/dropdown-filter.js.map +1 -0
  41. package/dist/cjs/components/footer.js +32 -0
  42. package/dist/cjs/components/footer.js.map +1 -0
  43. package/dist/cjs/components/forms.js +273 -0
  44. package/dist/cjs/components/forms.js.map +1 -0
  45. package/dist/cjs/components/header.js +24 -0
  46. package/dist/cjs/components/header.js.map +1 -0
  47. package/dist/cjs/components/icon.js +13 -0
  48. package/dist/cjs/components/icon.js.map +1 -0
  49. package/dist/cjs/components/kbd.js +14 -0
  50. package/dist/cjs/components/kbd.js.map +1 -0
  51. package/dist/cjs/components/link.js +25 -0
  52. package/dist/cjs/components/link.js.map +1 -0
  53. package/dist/cjs/components/message.js +54 -0
  54. package/dist/cjs/components/message.js.map +1 -0
  55. package/dist/cjs/components/modal.js +28 -0
  56. package/dist/cjs/components/modal.js.map +1 -0
  57. package/dist/cjs/components/notification.js +53 -0
  58. package/dist/cjs/components/notification.js.map +1 -0
  59. package/dist/cjs/components/pagination.js +84 -0
  60. package/dist/cjs/components/pagination.js.map +1 -0
  61. package/dist/cjs/components/profile-picture.js +17 -0
  62. package/dist/cjs/components/profile-picture.js.map +1 -0
  63. package/dist/cjs/components/profile.js +36 -0
  64. package/dist/cjs/components/profile.js.map +1 -0
  65. package/dist/cjs/components/radio.js +86 -0
  66. package/dist/cjs/components/radio.js.map +1 -0
  67. package/dist/cjs/components/search-bar.js +10 -0
  68. package/dist/cjs/components/search-bar.js.map +1 -0
  69. package/dist/cjs/components/side-menu.js +207 -0
  70. package/dist/cjs/components/side-menu.js.map +1 -0
  71. package/dist/cjs/components/switch.js +95 -0
  72. package/dist/cjs/components/switch.js.map +1 -0
  73. package/dist/cjs/components/tab-menu.js +44 -0
  74. package/dist/cjs/components/tab-menu.js.map +1 -0
  75. package/dist/cjs/components/table.js +16 -0
  76. package/dist/cjs/components/table.js.map +1 -0
  77. package/dist/cjs/components/tag.js +74 -0
  78. package/dist/cjs/components/tag.js.map +1 -0
  79. package/dist/cjs/components/user-menu.js +43 -0
  80. package/dist/cjs/components/user-menu.js.map +1 -0
  81. package/dist/cjs/components/zebratable.js +63 -0
  82. package/dist/cjs/components/zebratable.js.map +1 -0
  83. package/dist/cjs/index.js +71 -0
  84. package/dist/cjs/index.js.map +1 -0
  85. package/dist/cjs/preset.js +90 -0
  86. package/dist/cjs/preset.js.map +1 -0
  87. package/dist/cjs/with-opacity.js +10 -0
  88. package/dist/cjs/with-opacity.js.map +1 -0
  89. package/dist/esm/base.js +71 -0
  90. package/dist/esm/base.js.map +1 -0
  91. package/dist/esm/colors.js +137 -0
  92. package/dist/esm/colors.js.map +1 -0
  93. package/dist/esm/components/accordion.js +106 -0
  94. package/dist/esm/components/accordion.js.map +1 -0
  95. package/dist/esm/components/alert-banner.js +24 -0
  96. package/dist/esm/components/alert-banner.js.map +1 -0
  97. package/dist/esm/components/alert.js +61 -0
  98. package/dist/esm/components/alert.js.map +1 -0
  99. package/dist/esm/components/avatar.js +67 -0
  100. package/dist/esm/components/avatar.js.map +1 -0
  101. package/dist/esm/components/badge.js +178 -0
  102. package/dist/esm/components/badge.js.map +1 -0
  103. package/dist/esm/components/breadcrumb.js +12 -0
  104. package/dist/esm/components/breadcrumb.js.map +1 -0
  105. package/dist/esm/components/button-group.js +39 -0
  106. package/dist/esm/components/button-group.js.map +1 -0
  107. package/dist/esm/components/button.js +337 -0
  108. package/dist/esm/components/button.js.map +1 -0
  109. package/dist/esm/components/calendar.js +65 -0
  110. package/dist/esm/components/calendar.js.map +1 -0
  111. package/dist/esm/components/card.js +52 -0
  112. package/dist/esm/components/card.js.map +1 -0
  113. package/dist/esm/components/checkbox.js +113 -0
  114. package/dist/esm/components/checkbox.js.map +1 -0
  115. package/dist/esm/components/code.js +10 -0
  116. package/dist/esm/components/code.js.map +1 -0
  117. package/dist/esm/components/context-menu.js +11 -0
  118. package/dist/esm/components/context-menu.js.map +1 -0
  119. package/dist/esm/components/cookie-consent.js +24 -0
  120. package/dist/esm/components/cookie-consent.js.map +1 -0
  121. package/dist/esm/components/dialog.js +13 -0
  122. package/dist/esm/components/dialog.js.map +1 -0
  123. package/dist/esm/components/divider.js +13 -0
  124. package/dist/esm/components/divider.js.map +1 -0
  125. package/dist/esm/components/dot.js +59 -0
  126. package/dist/esm/components/dot.js.map +1 -0
  127. package/dist/esm/components/dropdown-filter.js +55 -0
  128. package/dist/esm/components/dropdown-filter.js.map +1 -0
  129. package/dist/esm/components/footer.js +30 -0
  130. package/dist/esm/components/footer.js.map +1 -0
  131. package/dist/esm/components/forms.js +273 -0
  132. package/dist/esm/components/forms.js.map +1 -0
  133. package/dist/esm/components/header.js +27 -0
  134. package/dist/esm/components/header.js.map +1 -0
  135. package/dist/esm/components/icon.js +9 -0
  136. package/dist/esm/components/icon.js.map +1 -0
  137. package/dist/esm/components/kbd.js +10 -0
  138. package/dist/esm/components/kbd.js.map +1 -0
  139. package/dist/esm/components/link.js +21 -0
  140. package/dist/esm/components/link.js.map +1 -0
  141. package/dist/esm/components/message.js +50 -0
  142. package/dist/esm/components/message.js.map +1 -0
  143. package/dist/esm/components/modal.js +24 -0
  144. package/dist/esm/components/modal.js.map +1 -0
  145. package/dist/esm/components/notification.js +49 -0
  146. package/dist/esm/components/notification.js.map +1 -0
  147. package/dist/esm/components/pagination.js +80 -0
  148. package/dist/esm/components/pagination.js.map +1 -0
  149. package/dist/esm/components/profile-picture.js +13 -0
  150. package/dist/esm/components/profile-picture.js.map +1 -0
  151. package/dist/esm/components/profile.js +32 -0
  152. package/dist/esm/components/profile.js.map +1 -0
  153. package/dist/esm/components/radio.js +86 -0
  154. package/dist/esm/components/radio.js.map +1 -0
  155. package/dist/esm/components/search-bar.js +6 -0
  156. package/dist/esm/components/search-bar.js.map +1 -0
  157. package/dist/esm/components/side-menu.js +203 -0
  158. package/dist/esm/components/side-menu.js.map +1 -0
  159. package/dist/esm/components/switch.js +98 -0
  160. package/dist/esm/components/switch.js.map +1 -0
  161. package/dist/esm/components/tab-menu.js +40 -0
  162. package/dist/esm/components/tab-menu.js.map +1 -0
  163. package/dist/esm/components/table.js +12 -0
  164. package/dist/esm/components/table.js.map +1 -0
  165. package/dist/esm/components/tag.js +79 -0
  166. package/dist/esm/components/tag.js.map +1 -0
  167. package/dist/esm/components/user-menu.js +39 -0
  168. package/dist/esm/components/user-menu.js.map +1 -0
  169. package/dist/esm/components/zebratable.js +59 -0
  170. package/dist/esm/components/zebratable.js.map +1 -0
  171. package/dist/esm/index.js +69 -0
  172. package/dist/esm/index.js.map +1 -0
  173. package/dist/esm/preset.js +89 -0
  174. package/dist/esm/preset.js.map +1 -0
  175. package/dist/esm/with-opacity.js +10 -0
  176. package/dist/esm/with-opacity.js.map +1 -0
  177. package/package.json +18 -10
  178. package/src/base.js +47 -0
  179. package/src/components/badge.js +13 -24
  180. package/src/components/button.js +36 -42
  181. package/src/components/calendar.js +0 -4
  182. package/src/components/checkbox.js +1 -1
  183. package/src/components/pagination.js +24 -1
  184. package/src/components/switch.js +5 -5
  185. package/src/components/tab-menu.js +36 -38
  186. package/src/index.js +10 -186
  187. package/src/preset.js +87 -0
@@ -0,0 +1 @@
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-lg': {},\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,GAAG,SAAAA,SAAA;EAAA,OAAO;IACjC;IACA,6CAA6C,EAAE;MAC7C,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IAED;IACA,mDAAmD,EAAE;MACnD,sCAAsC,EAAE,CAAC;IAC3C,CAAC;IAED;IACA,kFAAkF,EAAE;MAClF,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IACD,iEAAiE,EAAE;MACjE,iLAAiL,EAC/K,CAAC;IACL,CAAC;IACD;IACA,yDAAyD,EAAE;MACzD,aAAa,EAAE,CAAC;IAClB,CAAC;IACD;IACA,4FAA4F,EAAE;MAC5F,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IAED;IACA,uEAAuE,EAAE;MACvE,sCAAsC,EAAE,CAAC;IAC3C,CAAC;IAED;IACA,+DAA+D,EAAE;MAC/D,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IAED;IACA,6CAA6C,EAAE;MAC7C,kBAAkB,EAAE,CAAC;IACvB,CAAC;IACD,uCAAuC,EAAE;MACvC,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IAED;IACA,6EAA6E,EAAE;MAC7E,oHAAoH,EAClH,CAAC;IACL,CAAC;IAED;IACA,8GAA8G,EAAE;MAC9G,gHAAgH,EAC9G,CAAC;IACL,CAAC;IAED;IACA,iEAAiE,EAAE;MACjE,8BAA8B,EAAE,CAAC;IACnC,CAAC;IAED,WAAW,EAAE;MACX;MACA,mBAAmB,EAAE;QACnB,iBAAiB,EAAE,CAAC;MACtB,CAAC;MAED,yBAAyB,EAAE;QACzB,6BAA6B,EAAE,CAAC;MAClC,CAAC;MAED,wBAAwB,EAAE;QACxB,4FAA4F,EAAE,CAAC;MACjG;IACF;EACF,CAAC;AAAA,CAAC"}
@@ -0,0 +1,56 @@
1
+ "use strict";
2
+
3
+ module.exports = Card = function Card() {
4
+ return {
5
+ '.avatar': {
6
+ '@apply bg-primary-light text-primary rounded-full p-4': {}
7
+ },
8
+ '.card-list': {
9
+ '@apply grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10': {}
10
+ //"@apply text-center": {},
11
+ //"@apply justify-center items-center": {},
12
+ },
13
+
14
+ '.card': {
15
+ '@apply p-lg rounded shadow-lg bg-white relative': {},
16
+ '@apply p-0': {},
17
+ //padding: "2.4rem",
18
+
19
+ // clickable
20
+ '&-clickable': {
21
+ // Hover
22
+ '@apply hover:shadow-xl hover:cursor-pointer': {}
23
+ }
24
+
25
+ // "@apply bg-neutral-200 border border-neutral-100 text-body": {},
26
+ // dark
27
+ //"@apply dark:bg-neutral-700 dark:border-neutral-600 dark:text-neutral-300": {},
28
+ },
29
+
30
+ '.card-outlined': {
31
+ '@apply border-2 border-gray-stroke': {}
32
+ },
33
+ '.card-border-top': {
34
+ '@apply border-t-4 border-t-primary': {}
35
+ },
36
+ '.card-body': {
37
+ '@apply text-body p-8': {}
38
+ },
39
+ '.card-image': {
40
+ '@apply object-cover': {},
41
+ width: '100%',
42
+ height: '250px'
43
+ },
44
+ '.card-link': {
45
+ '&::after': {
46
+ content: "''",
47
+ position: 'absolute',
48
+ left: '0',
49
+ top: '0',
50
+ right: '0',
51
+ bottom: '0'
52
+ }
53
+ }
54
+ };
55
+ };
56
+ //# sourceMappingURL=card.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"card.js","names":["module","exports","Card","width","height","content","position","left","top","right","bottom"],"sources":["../../../src/components/card.js"],"sourcesContent":["module.exports = Card = () => ({\r\n '.avatar': {\r\n '@apply bg-primary-light text-primary rounded-full p-4': {},\r\n },\r\n\r\n '.card-list': {\r\n '@apply grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10': {},\r\n //\"@apply text-center\": {},\r\n //\"@apply justify-center items-center\": {},\r\n },\r\n\r\n '.card': {\r\n '@apply p-lg rounded shadow-lg bg-white relative': {},\r\n '@apply p-0': {},\r\n //padding: \"2.4rem\",\r\n\r\n // clickable\r\n '&-clickable': {\r\n // Hover\r\n '@apply hover:shadow-xl hover:cursor-pointer': {},\r\n },\r\n\r\n // \"@apply bg-neutral-200 border border-neutral-100 text-body\": {},\r\n // dark\r\n //\"@apply dark:bg-neutral-700 dark:border-neutral-600 dark:text-neutral-300\": {},\r\n },\r\n '.card-outlined': {\r\n '@apply border-2 border-gray-stroke': {},\r\n },\r\n '.card-border-top': {\r\n '@apply border-t-4 border-t-primary': {},\r\n },\r\n\r\n '.card-body': {\r\n '@apply text-body p-8': {},\r\n },\r\n\r\n '.card-image': {\r\n '@apply object-cover': {},\r\n width: '100%',\r\n height: '250px',\r\n },\r\n\r\n '.card-link': {\r\n '&::after': {\r\n content: \"''\",\r\n position: 'absolute',\r\n left: '0',\r\n top: '0',\r\n right: '0',\r\n bottom: '0',\r\n },\r\n },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAG,SAAAA,KAAA;EAAA,OAAO;IAC7B,SAAS,EAAE;MACT,uDAAuD,EAAE,CAAC;IAC5D,CAAC;IAED,YAAY,EAAE;MACZ,8DAA8D,EAAE,CAAC;MACjE;MACA;IACF,CAAC;;IAED,OAAO,EAAE;MACP,iDAAiD,EAAE,CAAC,CAAC;MACrD,YAAY,EAAE,CAAC,CAAC;MAChB;;MAEA;MACA,aAAa,EAAE;QACb;QACA,6CAA6C,EAAE,CAAC;MAClD;;MAEA;MACA;MACA;IACF,CAAC;;IACD,gBAAgB,EAAE;MAChB,oCAAoC,EAAE,CAAC;IACzC,CAAC;IACD,kBAAkB,EAAE;MAClB,oCAAoC,EAAE,CAAC;IACzC,CAAC;IAED,YAAY,EAAE;MACZ,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IAED,aAAa,EAAE;MACb,qBAAqB,EAAE,CAAC,CAAC;MACzBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE;IACV,CAAC;IAED,YAAY,EAAE;MACZ,UAAU,EAAE;QACVC,OAAO,EAAE,IAAI;QACbC,QAAQ,EAAE,UAAU;QACpBC,IAAI,EAAE,GAAG;QACTC,GAAG,EAAE,GAAG;QACRC,KAAK,EAAE,GAAG;QACVC,MAAM,EAAE;MACV;IACF;EACF,CAAC;AAAA,CAAC"}
@@ -0,0 +1,82 @@
1
+ "use strict";
2
+
3
+ var svgToDataUri = require('mini-svg-data-uri');
4
+ module.exports = Checkbox = function Checkbox(colors) {
5
+ var _checked, _formCheckbox;
6
+ return {
7
+ '.form-checkbox': (_formCheckbox = {
8
+ //"@apply rounded shadow-sm": {},
9
+ backgroundColor: 'inherit',
10
+ '@apply border-gray-stroke focus:bg-white': {},
11
+ '&[aria-invalid=true]': {
12
+ '--tw-border-opacity': '1',
13
+ borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))'
14
+ },
15
+ '&[aria-invalid=true]:hover': {
16
+ '--tw-border-opacity': '1',
17
+ 'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))'
18
+ },
19
+ // dark colors
20
+ '@apply dark:border-neutral-400': {},
21
+ '.dark &[aria-invalid=true]': {
22
+ '--tw-border-opacity': '1',
23
+ borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))'
24
+ },
25
+ '.dark &[aria-invalid=true]:hover': {
26
+ '--tw-border-opacity': '1',
27
+ borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))'
28
+ },
29
+ '@media (prefers-color-scheme: dark)': {
30
+ '&[aria-invalid=true]': {
31
+ '--tw-border-opacity': '1',
32
+ borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))'
33
+ },
34
+ '&[aria-invalid=true]:hover': {
35
+ '--tw-border-opacity': '1',
36
+ 'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))'
37
+ }
38
+ },
39
+ '&:checked': (_checked = {
40
+ '@apply text-white bg-white border-primary': {}
41
+ }, _checked["@apply focus-visible:border-primary focus-visible:ring-primary"] = {}, _checked.backgroundImage = "url(\"" + svgToDataUri("<svg viewBox=\"0 0 16 16\" fill=\"#005595\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"/></svg>") + "\")", _checked)
42
+ }, _formCheckbox["&[data-color=\"primary\"]"] = {
43
+ //[`@apply text-primary`]: {},
44
+ // dark
45
+ //[`@apply dark:text-primary`]: {},
46
+ //[`@apply dark:focus-visible:border-primary-400 dark:focus-visible:ring-primary-400`]: {},
47
+ }, _formCheckbox['&:checked:hover, &:checked:focus'] = {
48
+ '@apply bg-white border-primary': {}
49
+ }, _formCheckbox['@apply dark:focus-visible:ring-offset-neutral-900'] = {}, _formCheckbox['&-sm'] = {
50
+ width: '1.4rem',
51
+ height: '1.4rem'
52
+ }, _formCheckbox['&-md'] = {
53
+ width: '1.6rem',
54
+ height: '1.6rem'
55
+ //"@apply w-4 h-4": {},
56
+ }, _formCheckbox['&-lg'] = {
57
+ width: '1.8rem',
58
+ height: '1.8rem'
59
+ }, _formCheckbox['&-disabled, &-disabled:checked'] = {
60
+ '@apply grayscale cursor-not-allowed bg-gray-middle hover:bg-gray-middle': {}
61
+ //"@apply disabled:bg-gray-stroke": {},
62
+ //"@apply disabled:shadow-none disabled:border-neutral-300 disabled:bg-neutral-300 disabled:hover:text-neutral-300": {},
63
+ //"@apply dark:disabled:border-transparent dark:disabled:bg-white/20 dark:disabled:hover:text-white/20": {},
64
+ }, _formCheckbox['&-label'] = {
65
+ '@apply text-body select-none text-sm': {},
66
+ marginLeft: '0.8rem',
67
+ //"@apply text-black": {},
68
+ // dark colors
69
+ '@apply dark:text-neutral-100': {},
70
+ '&-sm': {
71
+ '@apply text-xs': {}
72
+ },
73
+ '&-md': {
74
+ '@apply text-sm': {}
75
+ },
76
+ '&-lg': {
77
+ '@apply text-base': {}
78
+ }
79
+ }, _formCheckbox)
80
+ };
81
+ };
82
+ //# sourceMappingURL=checkbox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox.js","names":["svgToDataUri","require","module","exports","Checkbox","colors","_checked","_formCheckbox","backgroundColor","borderColor","backgroundImage","width","height","marginLeft"],"sources":["../../../src/components/checkbox.js"],"sourcesContent":["const svgToDataUri = require('mini-svg-data-uri');\r\n\r\nmodule.exports = Checkbox = (colors) => ({\r\n '.form-checkbox': {\r\n //\"@apply rounded shadow-sm\": {},\r\n backgroundColor: 'inherit',\r\n '@apply border-gray-stroke focus:bg-white': {},\r\n\r\n '&[aria-invalid=true]': {\r\n '--tw-border-opacity': '1',\r\n borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n },\r\n '&[aria-invalid=true]:hover': {\r\n '--tw-border-opacity': '1',\r\n 'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n },\r\n // dark colors\r\n '@apply dark:border-neutral-400': {},\r\n '.dark &[aria-invalid=true]': {\r\n '--tw-border-opacity': '1',\r\n borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\r\n },\r\n '.dark &[aria-invalid=true]:hover': {\r\n '--tw-border-opacity': '1',\r\n borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\r\n },\r\n\r\n '@media (prefers-color-scheme: dark)': {\r\n '&[aria-invalid=true]': {\r\n '--tw-border-opacity': '1',\r\n borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n },\r\n '&[aria-invalid=true]:hover': {\r\n '--tw-border-opacity': '1',\r\n 'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n },\r\n },\r\n\r\n '&:checked': {\r\n '@apply text-white bg-white border-primary': {},\r\n [`@apply focus-visible:border-primary focus-visible:ring-primary`]: {},\r\n\r\n backgroundImage: `url(\"${svgToDataUri(\r\n `<svg viewBox=\"0 0 16 16\" fill=\"#005595\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"/></svg>`\r\n )}\")`,\r\n //borderColor: \"transparent\",\r\n },\r\n\r\n [`&[data-color=\"primary\"]`]: {\r\n //[`@apply text-primary`]: {},\r\n // dark\r\n //[`@apply dark:text-primary`]: {},\r\n //[`@apply dark:focus-visible:border-primary-400 dark:focus-visible:ring-primary-400`]: {},\r\n },\r\n\r\n // Fix focus stylign\r\n '&:checked:hover, &:checked:focus': {\r\n '@apply bg-white border-primary': {},\r\n },\r\n\r\n // colors\r\n /*...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply text-${color}`]: {},\r\n [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n backgroundImage: `url(\"${svgToDataUri(\r\n `<svg viewBox=\"0 0 16 16\" fill=\"${theme(`colors.primary_raw.DEFAULT`)}\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"/></svg>`\r\n )}\")`,\r\n // dark\r\n [`@apply dark:text-${color}`]: {},\r\n [`@apply dark:focus-visible:border-${color}-400 dark:focus-visible:ring-${color}-400`]: {},\r\n },\r\n }),\r\n {}\r\n ),*/\r\n\r\n '@apply dark:focus-visible:ring-offset-neutral-900': {},\r\n\r\n // sizing\r\n '&-sm': {\r\n width: '1.4rem',\r\n height: '1.4rem',\r\n },\r\n\r\n '&-md': {\r\n width: '1.6rem',\r\n height: '1.6rem',\r\n //\"@apply w-4 h-4\": {},\r\n },\r\n\r\n '&-lg': {\r\n width: '1.8rem',\r\n height: '1.8rem',\r\n },\r\n\r\n // disabled\r\n '&-disabled, &-disabled:checked': {\r\n '@apply grayscale cursor-not-allowed bg-gray-middle hover:bg-gray-middle': {},\r\n //\"@apply disabled:bg-gray-stroke\": {},\r\n //\"@apply disabled:shadow-none disabled:border-neutral-300 disabled:bg-neutral-300 disabled:hover:text-neutral-300\": {},\r\n //\"@apply dark:disabled:border-transparent dark:disabled:bg-white/20 dark:disabled:hover:text-white/20\": {},\r\n },\r\n\r\n // label\r\n '&-label': {\r\n '@apply text-body select-none text-sm': {},\r\n marginLeft: '0.8rem',\r\n //\"@apply text-black\": {},\r\n // dark colors\r\n '@apply dark:text-neutral-100': {},\r\n\r\n '&-sm': {\r\n '@apply text-xs': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply text-sm': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";;AAAA,IAAMA,YAAY,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AAEjDC,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAG,SAAAA,SAACC,MAAM;EAAA,IAAAC,QAAA,EAAAC,aAAA;EAAA,OAAM;IACvC,gBAAgB,GAAAA,aAAA;MACd;MACAC,eAAe,EAAE,SAAS;MAC1B,0CAA0C,EAAE,CAAC,CAAC;MAE9C,sBAAsB,EAAE;QACtB,qBAAqB,EAAE,GAAG;QAC1BC,WAAW,EAAE;MACf,CAAC;MACD,4BAA4B,EAAE;QAC5B,qBAAqB,EAAE,GAAG;QAC1B,cAAc,EAAE;MAClB,CAAC;MACD;MACA,gCAAgC,EAAE,CAAC,CAAC;MACpC,4BAA4B,EAAE;QAC5B,qBAAqB,EAAE,GAAG;QAC1BA,WAAW,EAAE;MACf,CAAC;MACD,kCAAkC,EAAE;QAClC,qBAAqB,EAAE,GAAG;QAC1BA,WAAW,EAAE;MACf,CAAC;MAED,qCAAqC,EAAE;QACrC,sBAAsB,EAAE;UACtB,qBAAqB,EAAE,GAAG;UAC1BA,WAAW,EAAE;QACf,CAAC;QACD,4BAA4B,EAAE;UAC5B,qBAAqB,EAAE,GAAG;UAC1B,cAAc,EAAE;QAClB;MACF,CAAC;MAED,WAAW,GAAAH,QAAA;QACT,2CAA2C,EAAE,CAAC;MAAC,GAAAA,QAAA,qEACqB,CAAC,CAAC,EAAAA,QAAA,CAEtEI,eAAe,cAAUV,YAAY,4NAEpC,UAAAM,QAAA;IAEF,GAAAC,aAAA,gCAE4B;MAC3B;MACA;MACA;MACA;IAAA,CACD,EAAAA,aAAA,CAGD,kCAAkC,IAAE;MAClC,gCAAgC,EAAE,CAAC;IACrC,CAAC,EAAAA,aAAA,CAoBD,mDAAmD,IAAE,CAAC,CAAC,EAAAA,aAAA,CAGvD,MAAM,IAAE;MACNI,KAAK,EAAE,QAAQ;MACfC,MAAM,EAAE;IACV,CAAC,EAAAL,aAAA,CAED,MAAM,IAAE;MACNI,KAAK,EAAE,QAAQ;MACfC,MAAM,EAAE;MACR;IACF,CAAC,EAAAL,aAAA,CAED,MAAM,IAAE;MACNI,KAAK,EAAE,QAAQ;MACfC,MAAM,EAAE;IACV,CAAC,EAAAL,aAAA,CAGD,gCAAgC,IAAE;MAChC,yEAAyE,EAAE,CAAC;MAC5E;MACA;MACA;IACF,CAAC,EAAAA,aAAA,CAGD,SAAS,IAAE;MACT,sCAAsC,EAAE,CAAC,CAAC;MAC1CM,UAAU,EAAE,QAAQ;MACpB;MACA;MACA,8BAA8B,EAAE,CAAC,CAAC;MAElC,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC,EAAAN,aAAA;EAEL,CAAC;AAAA,CAAC"}
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+
3
+ module.exports = Code = function Code() {
4
+ return {
5
+ '.code': {
6
+ '@apply inline-flex justify-center items-center capitalize text-xs rounded-sm font-mono break-all': {},
7
+ '@apply bg-neutral-200 border border-neutral-100 text-body': {},
8
+ // dark
9
+ '@apply dark:bg-neutral-700 dark:border-neutral-600 dark:text-neutral-300': {},
10
+ padding: '2px 3px 1px'
11
+ }
12
+ };
13
+ };
14
+ //# sourceMappingURL=code.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"code.js","names":["module","exports","Code","padding"],"sources":["../../../src/components/code.js"],"sourcesContent":["module.exports = Code = () => ({\r\n '.code': {\r\n '@apply inline-flex justify-center items-center capitalize text-xs rounded-sm font-mono break-all': {},\r\n '@apply bg-neutral-200 border border-neutral-100 text-body': {},\r\n // dark\r\n '@apply dark:bg-neutral-700 dark:border-neutral-600 dark:text-neutral-300': {},\r\n padding: '2px 3px 1px',\r\n },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAG,SAAAA,KAAA;EAAA,OAAO;IAC7B,OAAO,EAAE;MACP,kGAAkG,EAAE,CAAC,CAAC;MACtG,2DAA2D,EAAE,CAAC,CAAC;MAC/D;MACA,0EAA0E,EAAE,CAAC,CAAC;MAC9EC,OAAO,EAAE;IACX;EACF,CAAC;AAAA,CAAC"}
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ module.exports = ContextMenu = function ContextMenu() {
4
+ return {
5
+ '.context-menu-wrapper': {
6
+ '.context-menu-items': {
7
+ '@apply absolute bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col space-y-4 justify-start items-start p-sm': {},
8
+ '.context-menu-item': {
9
+ '@apply px-sm': {}
10
+ }
11
+ }
12
+ }
13
+ };
14
+ };
15
+ //# sourceMappingURL=context-menu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"context-menu.js","names":["module","exports","ContextMenu"],"sources":["../../../src/components/context-menu.js"],"sourcesContent":["module.exports = ContextMenu = () => ({\r\n '.context-menu-wrapper': {\r\n '.context-menu-items': {\r\n '@apply absolute bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col space-y-4 justify-start items-start p-sm':\r\n {},\r\n '.context-menu-item': {\r\n '@apply px-sm': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAG,SAAAA,YAAA;EAAA,OAAO;IACpC,uBAAuB,EAAE;MACvB,qBAAqB,EAAE;QACrB,8HAA8H,EAC5H,CAAC,CAAC;QACJ,oBAAoB,EAAE;UACpB,cAAc,EAAE,CAAC;QACnB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ module.exports = CookieConsent = function CookieConsent() {
4
+ return {
5
+ '.cookie-consent': {
6
+ '@apply min-w-full fixed flex justify-center z-10 bottom-0 left-0 right-0 bg-white': {},
7
+ '&-close-btn': {
8
+ '@apply cursor-pointer hover:text-primary-active absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center': {},
9
+ '&-icon': {
10
+ '@apply !text-2xl': {}
11
+ }
12
+ },
13
+ '&-content-wrapper': {
14
+ '@apply flex flex-col container py-12 px-4 bg-white relative': {}
15
+ },
16
+ '&-title': {
17
+ '@apply text-2xl leading-2xl mb-1 mt-4 break-words': {}
18
+ },
19
+ '&-description': {
20
+ '@apply text-base leading-base mb-8': {}
21
+ },
22
+ '&-btn-wrapper': {
23
+ '@apply flex flex-col space-y-4 lg:block lg:space-y-0 lg:space-x-4': {}
24
+ }
25
+ }
26
+ };
27
+ };
28
+ //# sourceMappingURL=cookie-consent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cookie-consent.js","names":["module","exports","CookieConsent"],"sources":["../../../src/components/cookie-consent.js"],"sourcesContent":["module.exports = CookieConsent = () => ({\r\n '.cookie-consent': {\r\n '@apply min-w-full fixed flex justify-center z-10 bottom-0 left-0 right-0 bg-white': {},\r\n\r\n '&-close-btn': {\r\n '@apply cursor-pointer hover:text-primary-active absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center':\r\n {},\r\n\r\n '&-icon': {\r\n '@apply !text-2xl': {},\r\n },\r\n },\r\n\r\n '&-content-wrapper': {\r\n '@apply flex flex-col container py-12 px-4 bg-white relative': {},\r\n },\r\n\r\n '&-title': {\r\n '@apply text-2xl leading-2xl mb-1 mt-4 break-words': {},\r\n },\r\n\r\n '&-description': {\r\n '@apply text-base leading-base mb-8': {},\r\n },\r\n\r\n '&-btn-wrapper': {\r\n '@apply flex flex-col space-y-4 lg:block lg:space-y-0 lg:space-x-4': {},\r\n },\r\n },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,aAAa,GAAG,SAAAA,cAAA;EAAA,OAAO;IACtC,iBAAiB,EAAE;MACjB,mFAAmF,EAAE,CAAC,CAAC;MAEvF,aAAa,EAAE;QACb,8IAA8I,EAC5I,CAAC,CAAC;QAEJ,QAAQ,EAAE;UACR,kBAAkB,EAAE,CAAC;QACvB;MACF,CAAC;MAED,mBAAmB,EAAE;QACnB,6DAA6D,EAAE,CAAC;MAClE,CAAC;MAED,SAAS,EAAE;QACT,mDAAmD,EAAE,CAAC;MACxD,CAAC;MAED,eAAe,EAAE;QACf,oCAAoC,EAAE,CAAC;MACzC,CAAC;MAED,eAAe,EAAE;QACf,mEAAmE,EAAE,CAAC;MACxE;IACF;EACF,CAAC;AAAA,CAAC"}
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+
3
+ module.exports = Dialog = function Dialog() {
4
+ return {
5
+ '.dialog': {
6
+ '@apply w-fit max-w-prose': {},
7
+ '&-buttons': {
8
+ '@apply grid grid-flow-col gap-lg place-content-stretch': {},
9
+ gridAutoColumns: 'minmax(0, 1fr)'
10
+ },
11
+ '&-content': {
12
+ '@apply text-center mb-lg': {}
13
+ }
14
+ }
15
+ };
16
+ };
17
+ //# sourceMappingURL=dialog.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dialog.js","names":["module","exports","Dialog","gridAutoColumns"],"sources":["../../../src/components/dialog.js"],"sourcesContent":["module.exports = Dialog = () => ({\r\n '.dialog': {\r\n '@apply w-fit max-w-prose': {},\r\n '&-buttons': {\r\n '@apply grid grid-flow-col gap-lg place-content-stretch': {},\r\n gridAutoColumns: 'minmax(0, 1fr)',\r\n },\r\n '&-content': {\r\n '@apply text-center mb-lg': {},\r\n },\r\n },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAAA;EAAA,OAAO;IAC/B,SAAS,EAAE;MACT,0BAA0B,EAAE,CAAC,CAAC;MAC9B,WAAW,EAAE;QACX,wDAAwD,EAAE,CAAC,CAAC;QAC5DC,eAAe,EAAE;MACnB,CAAC;MACD,WAAW,EAAE;QACX,0BAA0B,EAAE,CAAC;MAC/B;IACF;EACF,CAAC;AAAA,CAAC"}
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+
3
+ module.exports = Divider = function Divider() {
4
+ return {
5
+ '.divider': {
6
+ '@apply border-0 border-gray-stroke': {},
7
+ //borderColor: "inherit",
8
+ '&-vertical': {
9
+ '@apply border-l border-solid h-auto mx-2': {}
10
+ },
11
+ '&-horizontal': {
12
+ '@apply border-b border-solid w-auto my-2': {}
13
+ }
14
+ }
15
+ };
16
+ };
17
+ //# sourceMappingURL=divider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"divider.js","names":["module","exports","Divider"],"sources":["../../../src/components/divider.js"],"sourcesContent":["module.exports = Divider = () => ({\r\n '.divider': {\r\n '@apply border-0 border-gray-stroke': {},\r\n //borderColor: \"inherit\",\r\n '&-vertical': {\r\n '@apply border-l border-solid h-auto mx-2': {},\r\n },\r\n '&-horizontal': {\r\n '@apply border-b border-solid w-auto my-2': {},\r\n },\r\n },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,UAAU,EAAE;MACV,oCAAoC,EAAE,CAAC,CAAC;MACxC;MACA,YAAY,EAAE;QACZ,0CAA0C,EAAE,CAAC;MAC/C,CAAC;MACD,cAAc,EAAE;QACd,0CAA0C,EAAE,CAAC;MAC/C;IACF;EACF,CAAC;AAAA,CAAC"}
@@ -0,0 +1,59 @@
1
+ "use strict";
2
+
3
+ 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); }
4
+ module.exports = Dot = function Dot(colors) {
5
+ return {
6
+ '.dot': {
7
+ '@apply relative inline-flex rounded-full': {},
8
+ '&-solid': _extends({
9
+ '@apply bg-neutral-500': {}
10
+ }, colors.reduce(function (styles, color) {
11
+ var _ref, _extends2;
12
+ return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color + "-500"] = {}, _ref), _extends2));
13
+ }, {}), {
14
+ '&.dot-bordered': {
15
+ '@apply border-2 border-white': {},
16
+ '@apply dark:border-neutral-800': {}
17
+ }
18
+ }, colors.reduce(function (styles, color) {
19
+ var _ref2, _extends3;
20
+ return _extends({}, styles, (_extends3 = {}, _extends3["&.dot-bordered[data-color=\"" + color + "\"]"] = (_ref2 = {}, _ref2["@apply border-" + color + "-100"] = {}, _ref2["@apply dark:border-" + color + "-300"] = {}, _ref2), _extends3));
21
+ }, {})),
22
+ '&-outline': _extends({
23
+ '@apply bg-white border-2 border-neutral-500': {},
24
+ '@apply dark:bg-neutral-800': {}
25
+ }, colors.reduce(function (styles, color) {
26
+ var _ref3, _extends4;
27
+ return _extends({}, styles, (_extends4 = {}, _extends4["&[data-color=\"" + color + "\"]"] = (_ref3 = {}, _ref3["@apply border-" + color + "-500"] = {}, _ref3), _extends4));
28
+ }, {})),
29
+ '&-3xs': {
30
+ '@apply w-1.5 h-1.5': {}
31
+ },
32
+ '&-2xs': {
33
+ '@apply w-2 h-2': {}
34
+ },
35
+ '&-xs': {
36
+ '@apply w-2.5 h-2.5': {}
37
+ },
38
+ '&-sm': {
39
+ '@apply w-3 h-3': {}
40
+ },
41
+ '&-md': {
42
+ '@apply w-3.5 h-3.5': {}
43
+ },
44
+ '&-lg': {
45
+ '@apply w-4 h-4': {}
46
+ },
47
+ '&-xl': {
48
+ '@apply w-5 h-5': {}
49
+ },
50
+ '&-2xl': {
51
+ '@apply w-6 h-6': {}
52
+ },
53
+ '&-3xl': {
54
+ '@apply w-8 h-8': {}
55
+ }
56
+ }
57
+ };
58
+ };
59
+ //# sourceMappingURL=dot.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dot.js","names":["module","exports","Dot","colors","_extends","reduce","styles","color","_ref","_extends2","_ref2","_extends3","_ref3","_extends4"],"sources":["../../../src/components/dot.js"],"sourcesContent":["module.exports = Dot = (colors) => ({\r\n '.dot': {\r\n '@apply relative inline-flex rounded-full': {},\r\n '&-solid': {\r\n '@apply bg-neutral-500': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}-500`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n '&.dot-bordered': {\r\n '@apply border-2 border-white': {},\r\n '@apply dark:border-neutral-800': {},\r\n },\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&.dot-bordered[data-color=\"${color}\"]`]: {\r\n [`@apply border-${color}-100`]: {},\r\n [`@apply dark:border-${color}-300`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n\r\n '&-outline': {\r\n '@apply bg-white border-2 border-neutral-500': {},\r\n '@apply dark:bg-neutral-800': {},\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply border-${color}-500`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n\r\n '&-3xs': {\r\n '@apply w-1.5 h-1.5': {},\r\n },\r\n\r\n '&-2xs': {\r\n '@apply w-2 h-2': {},\r\n },\r\n\r\n '&-xs': {\r\n '@apply w-2.5 h-2.5': {},\r\n },\r\n\r\n '&-sm': {\r\n '@apply w-3 h-3': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply w-3.5 h-3.5': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply w-4 h-4': {},\r\n },\r\n\r\n '&-xl': {\r\n '@apply w-5 h-5': {},\r\n },\r\n\r\n '&-2xl': {\r\n '@apply w-6 h-6': {},\r\n },\r\n\r\n '&-3xl': {\r\n '@apply w-8 h-8': {},\r\n },\r\n },\r\n});\r\n"],"mappings":";;;AAAAA,MAAM,CAACC,OAAO,GAAGC,GAAG,GAAG,SAAAA,IAACC,MAAM;EAAA,OAAM;IAClC,MAAM,EAAE;MACN,0CAA0C,EAAE,CAAC,CAAC;MAC9C,SAAS,EAAAC,QAAA;QACP,uBAAuB,EAAE,CAAC;MAAC,GAExBD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAC,IAAA,EAAAC,SAAA;QAAA,OAAAL,QAAA,KACTE,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,gBACPD,KAAK,aAAS,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;MAAA,CAEhC,EACF,CAAC,CAAC,CACH;QAED,gBAAgB,EAAE;UAChB,8BAA8B,EAAE,CAAC,CAAC;UAClC,gCAAgC,EAAE,CAAC;QACrC;MAAC,GAEEN,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAG,KAAA,EAAAC,SAAA;QAAA,OAAAP,QAAA,KACTE,MAAM,GAAAK,SAAA,OAAAA,SAAA,kCACsBJ,KAAK,aAAAG,KAAA,OAAAA,KAAA,oBAChBH,KAAK,aAAS,CAAC,CAAC,EAAAG,KAAA,yBACXH,KAAK,aAAS,CAAC,CAAC,EAAAG,KAAA,GAAAC,SAAA;MAAA,CAEzC,EACF,CAAC,CAAC,CACH,CACF;MAED,WAAW,EAAAP,QAAA;QACT,6CAA6C,EAAE,CAAC,CAAC;QACjD,4BAA4B,EAAE,CAAC;MAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAK,KAAA,EAAAC,SAAA;QAAA,OAAAT,QAAA,KACTE,MAAM,GAAAO,SAAA,OAAAA,SAAA,qBACSN,KAAK,aAAAK,KAAA,OAAAA,KAAA,oBACHL,KAAK,aAAS,CAAC,CAAC,EAAAK,KAAA,GAAAC,SAAA;MAAA,CAEpC,EACF,CAAC,CAAC,CACH,CACF;MAED,OAAO,EAAE;QACP,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;MACrB;IACF;EACF,CAAC;AAAA,CAAC"}
@@ -0,0 +1,59 @@
1
+ "use strict";
2
+
3
+ module.exports = DropdownFilter = function DropdownFilter() {
4
+ return {
5
+ '.dropdown-filter': {
6
+ position: 'relative',
7
+ height: 50,
8
+ border: '1px solid #939393',
9
+ display: 'flex',
10
+ background: '#fff',
11
+ borderRadius: 2,
12
+ '.dropdown-button': {
13
+ '@apply flex justify-between items-center grow': {},
14
+ '.dropdown-button-icon': {
15
+ '@apply justify-self-end grow-0': {}
16
+ }
17
+ },
18
+ '.filter-container': {
19
+ position: 'absolute',
20
+ top: '100%',
21
+ left: '-1px',
22
+ zIndex: 10,
23
+ width: 'calc(100% + 2px)',
24
+ background: '#fff',
25
+ border: '1px solid #939393',
26
+ borderRadius: 2,
27
+ '.filter-controls': {
28
+ display: 'flex',
29
+ justifyContent: 'flex-end',
30
+ button: {
31
+ marginLeft: '1rem',
32
+ textDecoration: 'underline'
33
+ }
34
+ },
35
+ '.filter-item': {
36
+ '@apply px-md': {},
37
+ height: 48,
38
+ display: 'flex',
39
+ justifyContent: 'space-between',
40
+ alignItems: 'center',
41
+ borderBottom: '1px solid #939393',
42
+ '> label:first-child': {
43
+ '@apply flex-grow': {}
44
+ },
45
+ '&.disabled': {
46
+ color: '#939393'
47
+ },
48
+ '&:first-of-type': {
49
+ borderTop: '1px solid #939393'
50
+ },
51
+ '&:last-child': {
52
+ borderBottom: 'none'
53
+ }
54
+ }
55
+ }
56
+ }
57
+ };
58
+ };
59
+ //# sourceMappingURL=dropdown-filter.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dropdown-filter.js","names":["module","exports","DropdownFilter","position","height","border","display","background","borderRadius","top","left","zIndex","width","justifyContent","button","marginLeft","textDecoration","alignItems","borderBottom","color","borderTop"],"sources":["../../../src/components/dropdown-filter.js"],"sourcesContent":["module.exports = DropdownFilter = () => ({\r\n '.dropdown-filter': {\r\n position: 'relative',\r\n height: 50,\r\n border: '1px solid #939393',\r\n display: 'flex',\r\n background: '#fff',\r\n borderRadius: 2,\r\n\r\n '.dropdown-button': {\r\n '@apply flex justify-between items-center grow': {},\r\n '.dropdown-button-icon': {\r\n '@apply justify-self-end grow-0': {},\r\n },\r\n },\r\n\r\n '.filter-container': {\r\n position: 'absolute',\r\n top: '100%',\r\n left: '-1px',\r\n zIndex: 10,\r\n width: 'calc(100% + 2px)',\r\n background: '#fff',\r\n border: '1px solid #939393',\r\n borderRadius: 2,\r\n\r\n '.filter-controls': {\r\n display: 'flex',\r\n justifyContent: 'flex-end',\r\n button: {\r\n marginLeft: '1rem',\r\n textDecoration: 'underline',\r\n },\r\n },\r\n\r\n '.filter-item': {\r\n '@apply px-md': {},\r\n height: 48,\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n borderBottom: '1px solid #939393',\r\n\r\n '> label:first-child': {\r\n '@apply flex-grow': {},\r\n },\r\n\r\n '&.disabled': {\r\n color: '#939393',\r\n },\r\n\r\n '&:first-of-type': {\r\n borderTop: '1px solid #939393',\r\n },\r\n\r\n '&:last-child': {\r\n borderBottom: 'none',\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,cAAc,GAAG,SAAAA,eAAA;EAAA,OAAO;IACvC,kBAAkB,EAAE;MAClBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,EAAE;MACVC,MAAM,EAAE,mBAAmB;MAC3BC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE,MAAM;MAClBC,YAAY,EAAE,CAAC;MAEf,kBAAkB,EAAE;QAClB,gDAAgD,EAAE,CAAC,CAAC;QACpD,uBAAuB,EAAE;UACvB,gCAAgC,EAAE,CAAC;QACrC;MACF,CAAC;MAED,mBAAmB,EAAE;QACnBL,QAAQ,EAAE,UAAU;QACpBM,GAAG,EAAE,MAAM;QACXC,IAAI,EAAE,MAAM;QACZC,MAAM,EAAE,EAAE;QACVC,KAAK,EAAE,kBAAkB;QACzBL,UAAU,EAAE,MAAM;QAClBF,MAAM,EAAE,mBAAmB;QAC3BG,YAAY,EAAE,CAAC;QAEf,kBAAkB,EAAE;UAClBF,OAAO,EAAE,MAAM;UACfO,cAAc,EAAE,UAAU;UAC1BC,MAAM,EAAE;YACNC,UAAU,EAAE,MAAM;YAClBC,cAAc,EAAE;UAClB;QACF,CAAC;QAED,cAAc,EAAE;UACd,cAAc,EAAE,CAAC,CAAC;UAClBZ,MAAM,EAAE,EAAE;UACVE,OAAO,EAAE,MAAM;UACfO,cAAc,EAAE,eAAe;UAC/BI,UAAU,EAAE,QAAQ;UACpBC,YAAY,EAAE,mBAAmB;UAEjC,qBAAqB,EAAE;YACrB,kBAAkB,EAAE,CAAC;UACvB,CAAC;UAED,YAAY,EAAE;YACZC,KAAK,EAAE;UACT,CAAC;UAED,iBAAiB,EAAE;YACjBC,SAAS,EAAE;UACb,CAAC;UAED,cAAc,EAAE;YACdF,YAAY,EAAE;UAChB;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
@@ -0,0 +1,32 @@
1
+ "use strict";
2
+
3
+ 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); }
4
+ module.exports = Footer = function Footer(colors) {
5
+ return {
6
+ '.footer': {
7
+ '&-innerwrapper': _extends({
8
+ '@apply bg-gray text-white py-12': {}
9
+ }, colors.reduce(function (styles, color) {
10
+ var _ref, _extends2;
11
+ return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color] = {}, _ref), _extends2));
12
+ }, {})),
13
+ '&-content': {
14
+ '@apply px-md md:flex items-center justify-center m-auto': {}
15
+ },
16
+ '&-bottomlinks': _extends({
17
+ '@apply bg-gray-middle text-body py-md': {}
18
+ }, colors.reduce(function (styles, color) {
19
+ var _ref2, _extends3;
20
+ return _extends({}, styles, (_extends3 = {}, _extends3["&[data-color=\"" + color + "\"]"] = (_ref2 = {}, _ref2["@apply bg-" + color] = {}, _ref2), _extends3));
21
+ }, {}), {
22
+ '&-container': {
23
+ '@apply px-md flex items-center items-center justify-center m-auto md:space-x-10 flex-col md:flex-row': {},
24
+ '> *': {
25
+ '@apply text-body text-sm leading-sm py-sm': {}
26
+ }
27
+ }
28
+ })
29
+ }
30
+ };
31
+ };
32
+ //# sourceMappingURL=footer.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"footer.js","names":["module","exports","Footer","colors","_extends","reduce","styles","color","_ref","_extends2","_ref2","_extends3"],"sources":["../../../src/components/footer.js"],"sourcesContent":["module.exports = Footer = (colors) => ({\r\n '.footer': {\r\n '&-innerwrapper': {\r\n '@apply bg-gray text-white py-12': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n\r\n '&-content': {\r\n '@apply px-md md:flex items-center justify-center m-auto': {},\r\n },\r\n\r\n '&-bottomlinks': {\r\n '@apply bg-gray-middle text-body py-md': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n '&-container': {\r\n '@apply px-md flex items-center items-center justify-center m-auto md:space-x-10 flex-col md:flex-row': {},\r\n '> *': {\r\n '@apply text-body text-sm leading-sm py-sm': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";;;AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAACC,MAAM;EAAA,OAAM;IACrC,SAAS,EAAE;MACT,gBAAgB,EAAAC,QAAA;QACd,iCAAiC,EAAE,CAAC;MAAC,GAElCD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAC,IAAA,EAAAC,SAAA;QAAA,OAAAL,QAAA,KACTE,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,gBACPD,KAAK,IAAK,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;MAAA,CAE5B,EACF,CAAC,CAAC,CACH,CACF;MAED,WAAW,EAAE;QACX,yDAAyD,EAAE,CAAC;MAC9D,CAAC;MAED,eAAe,EAAAL,QAAA;QACb,uCAAuC,EAAE,CAAC;MAAC,GAExCD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAG,KAAA,EAAAC,SAAA;QAAA,OAAAP,QAAA,KACTE,MAAM,GAAAK,SAAA,OAAAA,SAAA,qBACSJ,KAAK,aAAAG,KAAA,OAAAA,KAAA,gBACPH,KAAK,IAAK,CAAC,CAAC,EAAAG,KAAA,GAAAC,SAAA;MAAA,CAE5B,EACF,CAAC,CAAC,CACH;QAED,aAAa,EAAE;UACb,sGAAsG,EAAE,CAAC,CAAC;UAC1G,KAAK,EAAE;YACL,2CAA2C,EAAE,CAAC;UAChD;QACF;MAAC;IAEL;EACF,CAAC;AAAA,CAAC"}