@sk-web-gui/core 0.1.92 → 1.0.0

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 (278) hide show
  1. package/dist/cjs/base.js +21 -40
  2. package/dist/cjs/base.js.map +1 -1
  3. package/dist/cjs/colors.js +629 -123
  4. package/dist/cjs/colors.js.map +1 -1
  5. package/dist/cjs/components/accordion.js +52 -141
  6. package/dist/cjs/components/accordion.js.map +1 -1
  7. package/dist/cjs/components/alert-banner.js +1 -1
  8. package/dist/cjs/components/alert-banner.js.map +1 -1
  9. package/dist/cjs/components/alert.js +6 -6
  10. package/dist/cjs/components/alert.js.map +1 -1
  11. package/dist/cjs/components/avatar.js +28 -63
  12. package/dist/cjs/components/avatar.js.map +1 -1
  13. package/dist/cjs/components/badge.js +21 -165
  14. package/dist/cjs/components/badge.js.map +1 -1
  15. package/dist/cjs/components/breadcrumb.js +15 -3
  16. package/dist/cjs/components/breadcrumb.js.map +1 -1
  17. package/dist/cjs/components/button-group.js +20 -33
  18. package/dist/cjs/components/button-group.js.map +1 -1
  19. package/dist/cjs/components/button.js +178 -151
  20. package/dist/cjs/components/button.js.map +1 -1
  21. package/dist/cjs/components/calendar.js +1 -1
  22. package/dist/cjs/components/calendar.js.map +1 -1
  23. package/dist/cjs/components/card.js +200 -39
  24. package/dist/cjs/components/card.js.map +1 -1
  25. package/dist/cjs/components/checkbox.js +97 -70
  26. package/dist/cjs/components/checkbox.js.map +1 -1
  27. package/dist/cjs/components/combobox.js +67 -0
  28. package/dist/cjs/components/combobox.js.map +1 -0
  29. package/dist/cjs/components/comments.js.map +1 -1
  30. package/dist/cjs/components/cookie-consent.js +25 -8
  31. package/dist/cjs/components/cookie-consent.js.map +1 -1
  32. package/dist/cjs/components/dialog.js +2 -9
  33. package/dist/cjs/components/dialog.js.map +1 -1
  34. package/dist/cjs/components/divider.js +43 -5
  35. package/dist/cjs/components/divider.js.map +1 -1
  36. package/dist/cjs/components/dot.js +3 -3
  37. package/dist/cjs/components/dot.js.map +1 -1
  38. package/dist/cjs/components/filter.js +17 -0
  39. package/dist/cjs/components/filter.js.map +1 -0
  40. package/dist/cjs/components/footer.js +22 -22
  41. package/dist/cjs/components/footer.js.map +1 -1
  42. package/dist/cjs/components/form-control.js +8 -0
  43. package/dist/cjs/components/form-control.js.map +1 -0
  44. package/dist/cjs/components/forms.js +13 -283
  45. package/dist/cjs/components/forms.js.map +1 -1
  46. package/dist/cjs/components/header.js +28 -17
  47. package/dist/cjs/components/header.js.map +1 -1
  48. package/dist/cjs/components/icon.js +52 -7
  49. package/dist/cjs/components/icon.js.map +1 -1
  50. package/dist/cjs/components/input.js +227 -0
  51. package/dist/cjs/components/input.js.map +1 -0
  52. package/dist/cjs/components/kbd.js +2 -2
  53. package/dist/cjs/components/kbd.js.map +1 -1
  54. package/dist/cjs/components/label.js +26 -0
  55. package/dist/cjs/components/label.js.map +1 -0
  56. package/dist/cjs/components/link.js +35 -12
  57. package/dist/cjs/components/link.js.map +1 -1
  58. package/dist/cjs/components/list.js +56 -0
  59. package/dist/cjs/components/list.js.map +1 -0
  60. package/dist/cjs/components/logo.js +50 -0
  61. package/dist/cjs/components/logo.js.map +1 -0
  62. package/dist/cjs/components/menu-vertical.js +234 -0
  63. package/dist/cjs/components/menu-vertical.js.map +1 -0
  64. package/dist/cjs/components/menubar.js +44 -0
  65. package/dist/cjs/components/menubar.js.map +1 -0
  66. package/dist/cjs/components/modal.js +34 -14
  67. package/dist/cjs/components/modal.js.map +1 -1
  68. package/dist/cjs/components/notification.js +2 -2
  69. package/dist/cjs/components/notification.js.map +1 -1
  70. package/dist/cjs/components/pagination.js +50 -29
  71. package/dist/cjs/components/pagination.js.map +1 -1
  72. package/dist/cjs/components/popup-menu.js +108 -0
  73. package/dist/cjs/components/popup-menu.js.map +1 -0
  74. package/dist/cjs/components/progress-bar.js +23 -0
  75. package/dist/cjs/components/progress-bar.js.map +1 -0
  76. package/dist/cjs/components/progress-stepper.js +53 -0
  77. package/dist/cjs/components/progress-stepper.js.map +1 -0
  78. package/dist/cjs/components/radio.js +113 -64
  79. package/dist/cjs/components/radio.js.map +1 -1
  80. package/dist/cjs/components/search-field.js +23 -0
  81. package/dist/cjs/components/search-field.js.map +1 -0
  82. package/dist/cjs/components/select.js +190 -0
  83. package/dist/cjs/components/select.js.map +1 -0
  84. package/dist/cjs/components/side-menu.js +7 -7
  85. package/dist/cjs/components/side-menu.js.map +1 -1
  86. package/dist/cjs/components/snackbar.js +33 -0
  87. package/dist/cjs/components/snackbar.js.map +1 -0
  88. package/dist/cjs/components/spinner.js +19 -0
  89. package/dist/cjs/components/spinner.js.map +1 -0
  90. package/dist/cjs/components/switch.js +46 -75
  91. package/dist/cjs/components/switch.js.map +1 -1
  92. package/dist/cjs/components/tab-menu.js.map +1 -1
  93. package/dist/cjs/components/tabs.js +1 -1
  94. package/dist/cjs/components/tabs.js.map +1 -1
  95. package/dist/cjs/components/tag.js +4 -4
  96. package/dist/cjs/components/tag.js.map +1 -1
  97. package/dist/cjs/components/tooltip.js +61 -0
  98. package/dist/cjs/components/tooltip.js.map +1 -0
  99. package/dist/cjs/components/user-menu.js +7 -50
  100. package/dist/cjs/components/user-menu.js.map +1 -1
  101. package/dist/cjs/components/zebratable.js +89 -34
  102. package/dist/cjs/components/zebratable.js.map +1 -1
  103. package/dist/cjs/index.js.map +1 -1
  104. package/dist/cjs/plugin.js +19 -8
  105. package/dist/cjs/plugin.js.map +1 -1
  106. package/dist/cjs/theme.js +83 -37
  107. package/dist/cjs/theme.js.map +1 -1
  108. package/dist/cjs/units.js +250 -0
  109. package/dist/cjs/units.js.map +1 -0
  110. package/dist/esm/base.js +21 -40
  111. package/dist/esm/base.js.map +1 -1
  112. package/dist/esm/colors.js +629 -123
  113. package/dist/esm/colors.js.map +1 -1
  114. package/dist/esm/components/accordion.js +52 -141
  115. package/dist/esm/components/accordion.js.map +1 -1
  116. package/dist/esm/components/alert-banner.js +1 -1
  117. package/dist/esm/components/alert-banner.js.map +1 -1
  118. package/dist/esm/components/alert.js +5 -11
  119. package/dist/esm/components/alert.js.map +1 -1
  120. package/dist/esm/components/avatar.js +32 -63
  121. package/dist/esm/components/avatar.js.map +1 -1
  122. package/dist/esm/components/badge.js +27 -172
  123. package/dist/esm/components/badge.js.map +1 -1
  124. package/dist/esm/components/breadcrumb.js +19 -2
  125. package/dist/esm/components/breadcrumb.js.map +1 -1
  126. package/dist/esm/components/button-group.js +20 -33
  127. package/dist/esm/components/button-group.js.map +1 -1
  128. package/dist/esm/components/button.js +185 -200
  129. package/dist/esm/components/button.js.map +1 -1
  130. package/dist/esm/components/calendar.js +1 -1
  131. package/dist/esm/components/calendar.js.map +1 -1
  132. package/dist/esm/components/card.js +233 -39
  133. package/dist/esm/components/card.js.map +1 -1
  134. package/dist/esm/components/checkbox.js +83 -93
  135. package/dist/esm/components/checkbox.js.map +1 -1
  136. package/dist/esm/components/combobox.js +65 -0
  137. package/dist/esm/components/combobox.js.map +1 -0
  138. package/dist/esm/components/comments.js.map +1 -1
  139. package/dist/esm/components/cookie-consent.js +25 -8
  140. package/dist/esm/components/cookie-consent.js.map +1 -1
  141. package/dist/esm/components/dialog.js +2 -9
  142. package/dist/esm/components/dialog.js.map +1 -1
  143. package/dist/esm/components/divider.js +43 -5
  144. package/dist/esm/components/divider.js.map +1 -1
  145. package/dist/esm/components/dot.js +3 -4
  146. package/dist/esm/components/dot.js.map +1 -1
  147. package/dist/esm/components/filter.js +15 -0
  148. package/dist/esm/components/filter.js.map +1 -0
  149. package/dist/esm/components/footer.js +22 -24
  150. package/dist/esm/components/footer.js.map +1 -1
  151. package/dist/esm/components/form-control.js +6 -0
  152. package/dist/esm/components/form-control.js.map +1 -0
  153. package/dist/esm/components/forms.js +15 -289
  154. package/dist/esm/components/forms.js.map +1 -1
  155. package/dist/esm/components/header.js +22 -18
  156. package/dist/esm/components/header.js.map +1 -1
  157. package/dist/esm/components/icon.js +57 -7
  158. package/dist/esm/components/icon.js.map +1 -1
  159. package/dist/esm/components/input.js +225 -0
  160. package/dist/esm/components/input.js.map +1 -0
  161. package/dist/esm/components/kbd.js +2 -2
  162. package/dist/esm/components/kbd.js.map +1 -1
  163. package/dist/esm/components/label.js +30 -0
  164. package/dist/esm/components/label.js.map +1 -0
  165. package/dist/esm/components/link.js +35 -12
  166. package/dist/esm/components/link.js.map +1 -1
  167. package/dist/esm/components/list.js +54 -0
  168. package/dist/esm/components/list.js.map +1 -0
  169. package/dist/esm/components/logo.js +48 -0
  170. package/dist/esm/components/logo.js.map +1 -0
  171. package/dist/esm/components/menu-vertical.js +228 -0
  172. package/dist/esm/components/menu-vertical.js.map +1 -0
  173. package/dist/esm/components/menubar.js +49 -0
  174. package/dist/esm/components/menubar.js.map +1 -0
  175. package/dist/esm/components/modal.js +34 -14
  176. package/dist/esm/components/modal.js.map +1 -1
  177. package/dist/esm/components/notification.js +2 -2
  178. package/dist/esm/components/notification.js.map +1 -1
  179. package/dist/esm/components/pagination.js +50 -29
  180. package/dist/esm/components/pagination.js.map +1 -1
  181. package/dist/esm/components/popup-menu.js +106 -0
  182. package/dist/esm/components/popup-menu.js.map +1 -0
  183. package/dist/esm/components/progress-bar.js +25 -0
  184. package/dist/esm/components/progress-bar.js.map +1 -0
  185. package/dist/esm/components/progress-stepper.js +51 -0
  186. package/dist/esm/components/progress-stepper.js.map +1 -0
  187. package/dist/esm/components/radio.js +113 -68
  188. package/dist/esm/components/radio.js.map +1 -1
  189. package/dist/esm/components/search-field.js +21 -0
  190. package/dist/esm/components/search-field.js.map +1 -0
  191. package/dist/esm/components/select.js +188 -0
  192. package/dist/esm/components/select.js.map +1 -0
  193. package/dist/esm/components/side-menu.js +7 -7
  194. package/dist/esm/components/side-menu.js.map +1 -1
  195. package/dist/esm/components/snackbar.js +31 -0
  196. package/dist/esm/components/snackbar.js.map +1 -0
  197. package/dist/esm/components/spinner.js +18 -0
  198. package/dist/esm/components/spinner.js.map +1 -0
  199. package/dist/esm/components/switch.js +53 -80
  200. package/dist/esm/components/switch.js.map +1 -1
  201. package/dist/esm/components/tab-menu.js.map +1 -1
  202. package/dist/esm/components/tabs.js +1 -1
  203. package/dist/esm/components/tabs.js.map +1 -1
  204. package/dist/esm/components/tag.js +4 -4
  205. package/dist/esm/components/tag.js.map +1 -1
  206. package/dist/esm/components/tooltip.js +59 -0
  207. package/dist/esm/components/tooltip.js.map +1 -0
  208. package/dist/esm/components/user-menu.js +7 -50
  209. package/dist/esm/components/user-menu.js.map +1 -1
  210. package/dist/esm/components/zebratable.js +89 -34
  211. package/dist/esm/components/zebratable.js.map +1 -1
  212. package/dist/esm/index.js.map +1 -1
  213. package/dist/esm/plugin.js +19 -8
  214. package/dist/esm/plugin.js.map +1 -1
  215. package/dist/esm/theme.js +85 -37
  216. package/dist/esm/theme.js.map +1 -1
  217. package/dist/esm/units.js +250 -0
  218. package/dist/esm/units.js.map +1 -0
  219. package/package.json +5 -5
  220. package/src/base.js +28 -28
  221. package/src/colors.js +631 -132
  222. package/src/components/accordion.js +53 -161
  223. package/src/components/alert-banner.js +1 -2
  224. package/src/components/alert.js +5 -13
  225. package/src/components/avatar.js +36 -82
  226. package/src/components/badge.js +33 -200
  227. package/src/components/breadcrumb.js +22 -2
  228. package/src/components/button-group.js +17 -32
  229. package/src/components/button.js +197 -212
  230. package/src/components/card.js +273 -34
  231. package/src/components/checkbox.js +95 -93
  232. package/src/components/combobox.js +66 -0
  233. package/src/components/comments.js +37 -37
  234. package/src/components/cookie-consent.js +24 -9
  235. package/src/components/dialog.js +2 -9
  236. package/src/components/divider.js +45 -5
  237. package/src/components/dot.js +3 -4
  238. package/src/components/filter.js +16 -0
  239. package/src/components/footer.js +20 -33
  240. package/src/components/forms.js +14 -360
  241. package/src/components/header.js +21 -21
  242. package/src/components/icon.js +75 -6
  243. package/src/components/input.js +244 -0
  244. package/src/components/kbd.js +1 -1
  245. package/src/components/label.js +37 -0
  246. package/src/components/link.js +38 -12
  247. package/src/components/list.js +61 -0
  248. package/src/components/logo.js +48 -0
  249. package/src/components/menu-vertical.js +293 -0
  250. package/src/components/menubar.js +56 -0
  251. package/src/components/modal.js +35 -18
  252. package/src/components/notification.js +2 -2
  253. package/src/components/pagination.js +54 -31
  254. package/src/components/popup-menu.js +111 -0
  255. package/src/components/progress-bar.js +31 -0
  256. package/src/components/progress-stepper.js +50 -0
  257. package/src/components/radio.js +114 -80
  258. package/src/components/search-field.js +20 -0
  259. package/src/components/select.js +203 -0
  260. package/src/components/side-menu.js +7 -7
  261. package/src/components/snackbar.js +34 -0
  262. package/src/components/spinner.js +23 -0
  263. package/src/components/switch.js +54 -88
  264. package/src/components/tab-menu.js +58 -58
  265. package/src/components/tabs.js +64 -64
  266. package/src/components/tooltip.js +64 -0
  267. package/src/components/user-menu.js +7 -59
  268. package/src/components/zebratable.js +92 -41
  269. package/src/index.js +8 -8
  270. package/src/plugin.js +142 -120
  271. package/src/theme.js +158 -84
  272. package/src/units.js +212 -0
  273. package/src/components/calendar.js +0 -78
  274. package/src/components/message.js +0 -60
  275. package/src/components/profile-picture.js +0 -14
  276. package/src/components/profile.js +0 -33
  277. package/src/components/search-bar.js +0 -5
  278. package/src/components/tag.js +0 -96
package/dist/cjs/theme.js CHANGED
@@ -1,59 +1,105 @@
1
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
- var _require = require('@sk-web-gui/theme'),
3
- colors = _require.colors;
4
2
  var withOpacity = require('./with-opacity');
3
+ var colors = require('./colors');
4
+ var units = require('./units');
5
+ var _require = require('@sk-web-gui/theme'),
6
+ screens = _require.screens;
5
7
  module.exports = {
6
- fontSize: {
8
+ fontSize: _extends({}, units.fontSizes, {
7
9
  tiny: '1rem',
8
10
  xs: '1.2rem',
9
- sm: '1.4rem',
10
- base: '1.6rem',
11
- lg: '1.8rem',
12
- xl: '2.0rem',
13
- '2xl': '2.4rem',
14
- '3xl': '3.2rem',
15
- '4xl': '4.0rem',
16
- '5xl': '5.2rem'
11
+ xl: units.fontSizes['h4'],
12
+ '2xl': units.fontSizes['h3'],
13
+ '3xl': units.fontSizes['h2'],
14
+ '4xl': units.fontSizes['h1'],
15
+ '5xl': units.fontSizes['h3']
16
+ }),
17
+ fontFamily: {
18
+ DEFAULT: ['Arial', 'Helvetica', 'sans-serif'],
19
+ sans: ['Arial', 'Helvetica', 'sans-serif'],
20
+ header: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],
21
+ display: ['Raleway', 'Arial', 'Helvetica', 'sans-serif']
17
22
  },
23
+ screens: screens,
24
+ borderRadius: _extends({}, units.radius, {
25
+ base: 'var(--sk-spacing-0)'
26
+ }),
18
27
  extend: {
28
+ backgroundPosition: _extends({}, Object.keys(units.spacing).reduce(function (positions, spaceKey) {
29
+ var _extends2;
30
+ return _extends({}, positions, (_extends2 = {}, _extends2["top-" + spaceKey] = "center top " + units.spacing[spaceKey], _extends2["right-" + spaceKey] = "center right " + units.spacing[spaceKey], _extends2["bottom-" + spaceKey] = "center bottom " + units.spacing[spaceKey], _extends2["left-" + spaceKey] = "center left " + units.spacing[spaceKey], _extends2));
31
+ }, {})),
32
+ boxShadow: {
33
+ 100: ['0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07)', '0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15)', '0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085)', '0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)'],
34
+ 200: ['0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1)', '0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06)', '0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03)', '0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)']
35
+ },
36
+ ringColor: _extends({
37
+ DEFAULT: colors.ring
38
+ }, colors),
39
+ ringOffsetWidth: {
40
+ DEFAULT: '0.2rem'
41
+ },
42
+ ringWidth: {
43
+ DEFAULT: '0.3rem',
44
+ 0: '0px'
45
+ },
46
+ ringOpacity: {
47
+ DEFAULT: 1
48
+ },
19
49
  colors: _extends({}, colors, {
20
- current: 'currentColor'
50
+ current: 'currentColor',
51
+ gray: _extends({
52
+ DEFAULT: colors.primitives.gray[600],
53
+ stroke: colors.divider,
54
+ middle: colors.primitives.gray[600],
55
+ light: colors.primitives.gray[300],
56
+ lighter: colors.primitives.gray[200]
57
+ }, colors.primitives.gray),
58
+ hover: colors.primitives.gray[600],
59
+ background: _extends({}, colors.background, {
60
+ one: colors.background[100],
61
+ two: colors.background[200]
62
+ })
21
63
  }),
22
64
  cursor: {
23
- base: 'var(--vc-cursor)'
65
+ base: 'var(--tw-cursor)'
24
66
  },
25
- spacing: {
26
- xs: '4px',
27
- sm: '8px',
28
- md: '16px',
29
- lg: '24px',
30
- xl: '48px'
67
+ spacing: _extends({}, units.spacing, {
68
+ xs: units.spacing[4],
69
+ sm: units.spacing[8],
70
+ md: units.spacing[16],
71
+ lg: units.spacing[24],
72
+ xl: units.spacing[48]
73
+ }),
74
+ maxWidth: {
75
+ content: '100%'
31
76
  },
32
- lineHeight: {
33
- tiny: '1.4rem',
77
+ borderRadius: _extends({}, units.radius, {
78
+ base: 'var(--sk-spacing-0)'
79
+ }),
80
+ lineHeight: _extends({}, units.lineHeights, {
34
81
  xs: '1.6rem',
35
- sm: '2rem',
36
- base: '2.4rem',
37
- lg: '2.4rem',
38
- xl: '3.2rem',
39
- '2xl': '3.2rem',
40
- '3xl': '4rem',
41
- '4xl': '4.8rem',
42
- '5xl': '5.8rem'
43
- },
82
+ xl: units.lineHeights['h4'],
83
+ '2xl': units.lineHeights['h3'],
84
+ '3xl': units.lineHeights['h2'],
85
+ '4xl': units.lineHeights['h1'],
86
+ '5xl': units.lineHeights['display-3']
87
+ }),
44
88
  opacity: {
45
89
  15: '0.15'
46
90
  },
91
+ borderWidth: {
92
+ DEFAULT: '0.2rem',
93
+ 1: '0.1rem',
94
+ 2: '0.2rem'
95
+ },
47
96
  backgroundColor: {
48
- base: withOpacity('--vc-colors-bg-base'),
49
- fill: withOpacity('--vc-colors-bg-fill')
97
+ base: withOpacity('--sk-colors-primary-surface'),
98
+ fill: withOpacity('--sk-colors-bg-fill')
50
99
  },
51
100
  textColor: {
52
- foreground: withOpacity('--vc-colors-text-foreground'),
53
- muted: withOpacity('--vc-colors-text-muted')
54
- },
55
- borderRadius: {
56
- base: 'var(--vc-rounded)'
101
+ foreground: withOpacity('--sk-colors-primary-DEFAULT'),
102
+ muted: withOpacity('--sk-colors-xt-muted')
57
103
  },
58
104
  zIndex: {
59
105
  hide: -1,
@@ -1 +1 @@
1
- {"version":3,"file":"theme.js","names":["_require","require","colors","withOpacity","module","exports","fontSize","tiny","xs","sm","base","lg","xl","extend","_extends","current","cursor","spacing","md","lineHeight","opacity","backgroundColor","fill","textColor","foreground","muted","borderRadius","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.js"],"sourcesContent":["const { colors } = require('@sk-web-gui/theme');\nconst withOpacity = require('./with-opacity');\n\nmodule.exports = {\n fontSize: {\n tiny: '1rem',\n xs: '1.2rem',\n sm: '1.4rem',\n base: '1.6rem',\n lg: '1.8rem',\n xl: '2.0rem',\n '2xl': '2.4rem',\n '3xl': '3.2rem',\n '4xl': '4.0rem',\n '5xl': '5.2rem',\n },\n extend: {\n colors: {\n ...colors,\n current: 'currentColor',\n },\n cursor: {\n base: 'var(--vc-cursor)',\n },\n spacing: {\n xs: '4px',\n sm: '8px',\n md: '16px',\n lg: '24px',\n xl: '48px',\n },\n lineHeight: {\n tiny: '1.4rem',\n xs: '1.6rem',\n sm: '2rem',\n base: '2.4rem',\n lg: '2.4rem',\n xl: '3.2rem',\n '2xl': '3.2rem',\n '3xl': '4rem',\n '4xl': '4.8rem',\n '5xl': '5.8rem',\n },\n opacity: {\n 15: '0.15',\n },\n backgroundColor: {\n base: withOpacity('--vc-colors-bg-base'),\n fill: withOpacity('--vc-colors-bg-fill'),\n },\n textColor: {\n foreground: withOpacity('--vc-colors-text-foreground'),\n muted: withOpacity('--vc-colors-text-muted'),\n },\n borderRadius: {\n base: 'var(--vc-rounded)',\n },\n zIndex: {\n hide: -1,\n none: 0,\n base: 1,\n docked: 10,\n dropdown: 1000,\n sticky: 1100,\n banner: 1200,\n overlay: 1300,\n modal: 1400,\n popover: 1500,\n skipLink: 1600,\n toast: 1700,\n tooltip: 1800,\n },\n keyframes: {\n 'reset-overflow': {\n 'from, to': {\n overflow: 'hidden',\n },\n },\n },\n animation: {\n 'reset-overflow': 'reset-overflow 180ms backwards',\n },\n },\n};\n"],"mappings":";AAAA,IAAAA,QAAA,GAAmBC,OAAO,CAAC,mBAAmB,CAAC;EAAvCC,MAAM,GAAAF,QAAA,CAANE,MAAM;AACd,IAAMC,WAAW,GAAGF,OAAO,CAAC,gBAAgB,CAAC;AAE7CG,MAAM,CAACC,OAAO,GAAG;EACfC,QAAQ,EAAE;IACRC,IAAI,EAAE,MAAM;IACZC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;IACZC,IAAI,EAAE,QAAQ;IACdC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;IACZ,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE;IACNX,MAAM,EAAAY,QAAA,KACDZ,MAAM;MACTa,OAAO,EAAE;IAAc,EACxB;IACDC,MAAM,EAAE;MACNN,IAAI,EAAE;IACR,CAAC;IACDO,OAAO,EAAE;MACPT,EAAE,EAAE,KAAK;MACTC,EAAE,EAAE,KAAK;MACTS,EAAE,EAAE,MAAM;MACVP,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE;IACN,CAAC;IACDO,UAAU,EAAE;MACVZ,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,MAAM;MACVC,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZ,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE,MAAM;MACb,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE;IACT,CAAC;IACDQ,OAAO,EAAE;MACP,EAAE,EAAE;IACN,CAAC;IACDC,eAAe,EAAE;MACfX,IAAI,EAAEP,WAAW,CAAC,qBAAqB,CAAC;MACxCmB,IAAI,EAAEnB,WAAW,CAAC,qBAAqB;IACzC,CAAC;IACDoB,SAAS,EAAE;MACTC,UAAU,EAAErB,WAAW,CAAC,6BAA6B,CAAC;MACtDsB,KAAK,EAAEtB,WAAW,CAAC,wBAAwB;IAC7C,CAAC;IACDuB,YAAY,EAAE;MACZhB,IAAI,EAAE;IACR,CAAC;IACDiB,MAAM,EAAE;MACNC,IAAI,EAAE,CAAC,CAAC;MACRC,IAAI,EAAE,CAAC;MACPnB,IAAI,EAAE,CAAC;MACPoB,MAAM,EAAE,EAAE;MACVC,QAAQ,EAAE,IAAI;MACdC,MAAM,EAAE,IAAI;MACZC,MAAM,EAAE,IAAI;MACZC,OAAO,EAAE,IAAI;MACbC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE,IAAI;MACbC,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE;IACX,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;QAChB,UAAU,EAAE;UACVC,QAAQ,EAAE;QACZ;MACF;IACF,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;IACpB;EACF;AACF,CAAC"}
1
+ {"version":3,"file":"theme.js","names":["withOpacity","require","colors","units","_require","screens","module","exports","fontSize","_extends","fontSizes","tiny","xs","xl","fontFamily","DEFAULT","sans","header","display","borderRadius","radius","base","extend","backgroundPosition","Object","keys","spacing","reduce","positions","spaceKey","_extends2","boxShadow","ringColor","ring","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","sm","md","lg","maxWidth","content","lineHeight","lineHeights","opacity","borderWidth","backgroundColor","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.js"],"sourcesContent":["const withOpacity = require('./with-opacity');\r\nconst colors = require('./colors');\r\nconst units = require('./units');\r\nconst { screens } = require('@sk-web-gui/theme');\r\n\r\nmodule.exports = {\r\n fontSize: {\r\n ...units.fontSizes,\r\n tiny: '1rem',\r\n xs: '1.2rem',\r\n xl: units.fontSizes['h4'],\r\n '2xl': units.fontSizes['h3'],\r\n '3xl': units.fontSizes['h2'],\r\n '4xl': units.fontSizes['h1'],\r\n '5xl': units.fontSizes['h3'],\r\n },\r\n fontFamily: {\r\n DEFAULT: ['Arial', 'Helvetica', 'sans-serif'],\r\n sans: ['Arial', 'Helvetica', 'sans-serif'],\r\n header: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n display: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n },\r\n screens,\r\n borderRadius: {\r\n ...units.radius,\r\n base: 'var(--sk-spacing-0)',\r\n },\r\n\r\n extend: {\r\n backgroundPosition: {\r\n ...Object.keys(units.spacing).reduce(\r\n (positions, spaceKey) => ({\r\n ...positions,\r\n [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\r\n [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\r\n [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\r\n [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\r\n }),\r\n {}\r\n ),\r\n },\r\n boxShadow: {\r\n 100: [\r\n '0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07)',\r\n '0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15)',\r\n '0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085)',\r\n '0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)',\r\n ],\r\n 200: [\r\n '0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1)',\r\n '0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06)',\r\n '0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03)',\r\n '0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)',\r\n ],\r\n },\r\n ringColor: {\r\n DEFAULT: colors.ring,\r\n ...colors,\r\n },\r\n ringOffsetWidth: {\r\n DEFAULT: '0.2rem',\r\n },\r\n ringWidth: {\r\n DEFAULT: '0.3rem',\r\n 0: '0px',\r\n },\r\n ringOpacity: {\r\n DEFAULT: 1,\r\n },\r\n colors: {\r\n ...colors,\r\n current: 'currentColor',\r\n gray: {\r\n DEFAULT: colors.primitives.gray[600],\r\n stroke: colors.divider,\r\n middle: colors.primitives.gray[600],\r\n light: colors.primitives.gray[300],\r\n lighter: colors.primitives.gray[200],\r\n ...colors.primitives.gray,\r\n },\r\n hover: colors.primitives.gray[600],\r\n background: {\r\n ...colors.background,\r\n one: colors.background[100],\r\n two: colors.background[200],\r\n },\r\n },\r\n cursor: {\r\n base: 'var(--tw-cursor)',\r\n },\r\n spacing: {\r\n ...units.spacing,\r\n xs: units.spacing[4],\r\n sm: units.spacing[8],\r\n md: units.spacing[16],\r\n lg: units.spacing[24],\r\n xl: units.spacing[48],\r\n },\r\n maxWidth: {\r\n content: '100%',\r\n },\r\n borderRadius: {\r\n ...units.radius,\r\n base: 'var(--sk-spacing-0)',\r\n },\r\n lineHeight: {\r\n ...units.lineHeights,\r\n xs: '1.6rem',\r\n xl: units.lineHeights['h4'],\r\n '2xl': units.lineHeights['h3'],\r\n '3xl': units.lineHeights['h2'],\r\n '4xl': units.lineHeights['h1'],\r\n '5xl': units.lineHeights['display-3'],\r\n },\r\n opacity: {\r\n 15: '0.15',\r\n },\r\n borderWidth: {\r\n DEFAULT: '0.2rem',\r\n 1: '0.1rem',\r\n 2: '0.2rem',\r\n },\r\n backgroundColor: {\r\n base: withOpacity('--sk-colors-primary-surface'),\r\n fill: withOpacity('--sk-colors-bg-fill'),\r\n },\r\n textColor: {\r\n foreground: withOpacity('--sk-colors-primary-DEFAULT'),\r\n muted: withOpacity('--sk-colors-xt-muted'),\r\n },\r\n\r\n zIndex: {\r\n hide: -1,\r\n none: 0,\r\n base: 1,\r\n docked: 10,\r\n dropdown: 1000,\r\n sticky: 1100,\r\n banner: 1200,\r\n overlay: 1300,\r\n modal: 1400,\r\n popover: 1500,\r\n skipLink: 1600,\r\n toast: 1700,\r\n tooltip: 1800,\r\n },\r\n keyframes: {\r\n 'reset-overflow': {\r\n 'from, to': {\r\n overflow: 'hidden',\r\n },\r\n },\r\n },\r\n animation: {\r\n 'reset-overflow': 'reset-overflow 180ms backwards',\r\n },\r\n },\r\n};\r\n"],"mappings":"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"}
@@ -0,0 +1,250 @@
1
+ module.exports = {
2
+ spacing: {
3
+ 0: 'var(--sk-spacing-0)',
4
+ 2: 'var(--sk-spacing-2)',
5
+ 4: 'var(--sk-spacing-4)',
6
+ 6: 'var(--sk-spacing-6)',
7
+ 8: 'var(--sk-spacing-8)',
8
+ 10: 'var(--sk-spacing-10)',
9
+ 12: 'var(--sk-spacing-12)',
10
+ 14: 'var(--sk-spacing-14)',
11
+ 16: 'var(--sk-spacing-16)',
12
+ 18: 'var(--sk-spacing-18)',
13
+ 20: 'var(--sk-spacing-20)',
14
+ 24: 'var(--sk-spacing-24)',
15
+ 32: 'var(--sk-spacing-32)',
16
+ 40: 'var(--sk-spacing-40)',
17
+ 48: 'var(--sk-spacing-48)',
18
+ 56: 'var(--sk-spacing-56)',
19
+ 64: 'var(--sk-spacing-64)',
20
+ 72: 'var(--sk-spacing-72)',
21
+ 80: 'var(--sk-spacing-80)'
22
+ },
23
+ fontSizes: {
24
+ 'display-1': ['var(--sk-fontSize-display-1-DEFAULT)', {
25
+ lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)',
26
+ fontWeight: 700
27
+ }],
28
+ 'display-1-lg': ['var(--sk-fontSize-display-1-lg)', {
29
+ lineHeight: 'var(--sk-lineHeight-display-1-lg)',
30
+ fontWeight: 700
31
+ }],
32
+ 'display-1-md': ['var(--sk-fontSize-display-1-md)', {
33
+ lineHeight: 'var(--sk-lineHeight-display-1-md)',
34
+ fontWeight: 700
35
+ }],
36
+ 'display-1-sm': ['var(--sk-fontSize-display-1-sm)', {
37
+ lineHeight: 'var(--sk-lineHeight-display-1-sm)',
38
+ fontWeight: 700
39
+ }],
40
+ 'display-2': ['var(--sk-fontSize-display-2-DEFAULT)', {
41
+ lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)',
42
+ fontWeight: 700
43
+ }],
44
+ 'display-2-lg': ['var(--sk-fontSize-display-2-lg)', {
45
+ lineHeight: 'var(--sk-lineHeight-display-2-lg)',
46
+ fontWeight: 700
47
+ }],
48
+ 'display-2-md': ['var(--sk-fontSize-display-2-md)', {
49
+ lineHeight: 'var(--sk-lineHeight-display-2-md)',
50
+ fontWeight: 700
51
+ }],
52
+ 'display-2-sm': ['var(--sk-fontSize-display-2-sm)', {
53
+ lineHeight: 'var(--sk-lineHeight-display-2-sm)',
54
+ fontWeight: 700
55
+ }],
56
+ 'display-3': ['var(--sk-fontSize-display-3-DEFAULT)', {
57
+ lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)',
58
+ fontWeight: 700
59
+ }],
60
+ 'display-3-lg': ['var(--sk-fontSize-display-3-lg)', {
61
+ lineHeight: 'var(--sk-lineHeight-display-3-lg)',
62
+ fontWeight: 700
63
+ }],
64
+ 'display-3-md': ['var(--sk-fontSize-display-3-md)', {
65
+ lineHeight: 'var(--sk-lineHeight-display-3-md)',
66
+ fontWeight: 700
67
+ }],
68
+ 'display-3-sm': ['var(--sk-fontSize-display-3-sm)', {
69
+ lineHeight: 'var(--sk-lineHeight-display-3-sm)',
70
+ fontWeight: 700
71
+ }],
72
+ h1: ['var(--sk-fontSize-h-1-DEFAULT)', {
73
+ lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)',
74
+ fontWeight: 700
75
+ }],
76
+ 'h1-lg': ['var(--sk-fontSize-h-1-lg)', {
77
+ lineHeight: 'var(--sk-lineHeight-h-1-lg)',
78
+ fontWeight: 700
79
+ }],
80
+ 'h1-md': ['var(--sk-fontSize-h-1-md)', {
81
+ lineHeight: 'var(--sk-lineHeight-h-1-md)',
82
+ fontWeight: 700
83
+ }],
84
+ 'h1-sm': ['var(--sk-fontSize-h-1-sm)', {
85
+ lineHeight: 'var(--sk-lineHeight-h-1-sm)',
86
+ fontWeight: 700
87
+ }],
88
+ h2: ['var(--sk-fontSize-h-2-DEFAULT)', {
89
+ lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)',
90
+ fontWeight: 700
91
+ }],
92
+ 'h2-lg': ['var(--sk-fontSize-h-2-lg)', {
93
+ lineHeight: 'var(--sk-lineHeight-h-2-lg)',
94
+ fontWeight: 700
95
+ }],
96
+ 'h2-md': ['var(--sk-fontSize-h-2-md)', {
97
+ lineHeight: 'var(--sk-lineHeight-h-2-md)',
98
+ fontWeight: 700
99
+ }],
100
+ 'h2-sm': ['var(--sk-fontSize-h-2-sm)', {
101
+ lineHeight: 'var(--sk-lineHeight-h-2-sm)',
102
+ fontWeight: 700
103
+ }],
104
+ h3: ['var(--sk-fontSize-h-3-DEFAULT)', {
105
+ lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)',
106
+ fontWeight: 700
107
+ }],
108
+ 'h3-lg': ['var(--sk-fontSize-h-3-lg)', {
109
+ lineHeight: 'var(--sk-lineHeight-h-3-lg)',
110
+ fontWeight: 700
111
+ }],
112
+ 'h3-md': ['var(--sk-fontSize-h-3-md)', {
113
+ lineHeight: 'var(--sk-lineHeight-h-3-md)',
114
+ fontWeight: 700
115
+ }],
116
+ 'h3-sm': ['var(--sk-fontSize-h-3-sm)', {
117
+ lineHeight: 'var(--sk-lineHeight-h-3-sm)',
118
+ fontWeight: 700
119
+ }],
120
+ h4: ['var(--sk-fontSize-h-4-DEFAULT)', {
121
+ lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)',
122
+ fontWeight: 700
123
+ }],
124
+ 'h4-lg': ['var(--sk-fontSize-h-4-lg)', {
125
+ lineHeight: 'var(--sk-lineHeight-h-4-lg)',
126
+ fontWeight: 700
127
+ }],
128
+ 'h4-md': ['var(--sk-fontSize-h-4-md)', {
129
+ lineHeight: 'var(--sk-lineHeight-h-4-md)',
130
+ fontWeight: 700
131
+ }],
132
+ 'h4-sm': ['var(--sk-fontSize-h-4-sm)', {
133
+ lineHeight: 'var(--sk-lineHeight-h-4-sm)',
134
+ fontWeight: 700
135
+ }],
136
+ 'label-large': ['var(--sk-fontSize-label-large)', {
137
+ lineHeight: 'var(--sk-lineHeight-label-large)',
138
+ fontWeight: 700
139
+ }],
140
+ 'label-medium': ['var(--sk-fontSize-label-medium)', {
141
+ lineHeight: 'var(--sk-lineHeight-label-medium)',
142
+ fontWeight: 700
143
+ }],
144
+ 'label-small': ['var(--sk-fontSize-label-small)', {
145
+ lineHeight: 'var(--sk-lineHeight-label-small)',
146
+ fontWeight: 700
147
+ }],
148
+ 'input-large': ['var(--sk-fontSize-input-large)', {
149
+ lineHeight: 'var(--sk-lineHeight-input-large)',
150
+ fontWeight: 400
151
+ }],
152
+ 'input-medium': ['var(--sk-fontSize-input-medium)', {
153
+ lineHeight: 'var(--sk-lineHeight-input-medium)',
154
+ fontWeight: 400
155
+ }],
156
+ 'input-small': ['var(--sk-fontSize-input-small)', {
157
+ lineHeight: 'var(--sk-lineHeight-input-small)',
158
+ fontWeight: 400
159
+ }],
160
+ lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],
161
+ base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],
162
+ large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],
163
+ small: ['var(--sk-fontSize-small)', 'var(--sk-lineHeight-small)']
164
+ },
165
+ lineHeights: {
166
+ 'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',
167
+ 'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',
168
+ 'display-1-md': 'var(--sk-lineHeight-display-1-md)',
169
+ 'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',
170
+ 'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',
171
+ 'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',
172
+ 'display-2-md': 'var(--sk-lineHeight-display-2-md)',
173
+ 'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',
174
+ 'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',
175
+ 'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',
176
+ 'display-3-md': 'var(--sk-lineHeight-display-3-md)',
177
+ 'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',
178
+ h1: 'var(--sk-lineHeight-h-1-DEFAULT)',
179
+ 'h1-lg': 'var(--sk-lineHeight-h-1-lg)',
180
+ 'h1-md': 'var(--sk-lineHeight-h-1-md)',
181
+ 'h1-sm': 'var(--sk-lineHeight-h-1-sm)',
182
+ h2: 'var(--sk-lineHeight-h-2-DEFAULT)',
183
+ 'h2-lg': 'var(--sk-lineHeight-h-2-lg)',
184
+ 'h2-md': 'var(--sk-lineHeight-h-2-md)',
185
+ 'h2-sm': 'var(--sk-lineHeight-h-2-sm)',
186
+ h3: 'var(--sk-lineHeight-h-3-DEFAULT)',
187
+ 'h3-lg': 'var(--sk-lineHeight-h-3-lg)',
188
+ 'h3-md': 'var(--sk-lineHeight-h-3-md)',
189
+ 'h3-sm': 'var(--sk-lineHeight-h-3-sm)',
190
+ h4: 'var(--sk-lineHeight-h-4-DEFAULT)',
191
+ 'h4-lg': 'var(--sk-lineHeight-h-4-lg)',
192
+ 'h4-md': 'var(--sk-lineHeight-h-4-md)',
193
+ 'h4-sm': 'var(--sk-lineHeight-h-4-sm)',
194
+ 'label-large': 'var(--sk-lineHeight-label-large)',
195
+ 'label-medium': 'var(--sk-lineHeight-label-medium)',
196
+ 'label-small': 'var(--sk-lineHeight-label-small)',
197
+ 'input-large': 'var(--sk-lineHeight-input-large)',
198
+ 'input-medium': 'var(--sk-lineHeight-input-medium)',
199
+ 'input-small': 'var(--sk-lineHeight-input-small)',
200
+ lead: 'var(--sk-lineHeight-lead)',
201
+ base: 'var(--sk-lineHeight-base)',
202
+ large: 'var(--sk-lineHeight-large)',
203
+ small: 'var(--sk-lineHeight-small)'
204
+ },
205
+ radius: {
206
+ DEFAULT: 'var(--sk-radius-utility-DEFAULT)',
207
+ full: 'var(--sk-radius-circular-DEFAULT)',
208
+ none: 'var(--sk-spacing-0)',
209
+ circular: 'var(--sk-radius-circular-DEFAULT)',
210
+ 'circular-lg': 'var(--sk-radius-circular-lg)',
211
+ 'circular-md': 'var(--sk-radius-circular-md)',
212
+ 'circular-sm': 'var(--sk-radius-circular-sm)',
213
+ button: 'var(--sk-radius-button-DEFAULT)',
214
+ 'button-lg': 'var(--sk-radius-button-lg)',
215
+ 'button-md': 'var(--sk-radius-button-md)',
216
+ 'button-sm': 'var(--sk-radius-button-sm)',
217
+ cards: 'var(--sk-radius-cards-DEFAULT)',
218
+ 'cards-lg': 'var(--sk-radius-cards-lg)',
219
+ 'cards-md': 'var(--sk-radius-cards-md)',
220
+ 'cards-sm': 'var(--sk-radius-cards-sm)',
221
+ utility: 'var(--sk-radius-utility-DEFAULT)',
222
+ 'utility-lg': 'var(--sk-radius-utility-lg)',
223
+ 'utility-md': 'var(--sk-radius-utility-md)',
224
+ 'utility-sm': 'var(--sk-radius-utility-sm)',
225
+ groups: 'var(--sk-radius-groups-DEFAULT)',
226
+ 'groups-lg': 'var(--sk-radius-groups-lg)',
227
+ 'groups-md': 'var(--sk-radius-groups-md)',
228
+ 'groups-sm': 'var(--sk-radius-groups-sm)',
229
+ 0: 'var(--sk-spacing-0)',
230
+ 2: 'var(--sk-spacing-2)',
231
+ 4: 'var(--sk-spacing-4)',
232
+ 6: 'var(--sk-spacing-6)',
233
+ 8: 'var(--sk-spacing-8)',
234
+ 10: 'var(--sk-spacing-10)',
235
+ 12: 'var(--sk-spacing-12)',
236
+ 14: 'var(--sk-spacing-14)',
237
+ 16: 'var(--sk-spacing-16)',
238
+ 18: 'var(--sk-spacing-18)',
239
+ 20: 'var(--sk-spacing-20)',
240
+ 24: 'var(--sk-spacing-24)',
241
+ 32: 'var(--sk-spacing-32)',
242
+ 40: 'var(--sk-spacing-40)',
243
+ 48: 'var(--sk-spacing-48)',
244
+ 56: 'var(--sk-spacing-56)',
245
+ 64: 'var(--sk-spacing-64)',
246
+ 72: 'var(--sk-spacing-72)',
247
+ 80: 'var(--sk-spacing-80)'
248
+ }
249
+ };
250
+ //# sourceMappingURL=units.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"units.js","names":["module","exports","spacing","fontSizes","lineHeight","fontWeight","h1","h2","h3","h4","lead","base","large","small","lineHeights","radius","DEFAULT","full","none","circular","button","cards","utility","groups"],"sources":["../../src/units.js"],"sourcesContent":["module.exports = {\r\n spacing: {\r\n 0: 'var(--sk-spacing-0)',\r\n 2: 'var(--sk-spacing-2)',\r\n 4: 'var(--sk-spacing-4)',\r\n 6: 'var(--sk-spacing-6)',\r\n 8: 'var(--sk-spacing-8)',\r\n 10: 'var(--sk-spacing-10)',\r\n 12: 'var(--sk-spacing-12)',\r\n 14: 'var(--sk-spacing-14)',\r\n 16: 'var(--sk-spacing-16)',\r\n 18: 'var(--sk-spacing-18)',\r\n 20: 'var(--sk-spacing-20)',\r\n 24: 'var(--sk-spacing-24)',\r\n 32: 'var(--sk-spacing-32)',\r\n 40: 'var(--sk-spacing-40)',\r\n 48: 'var(--sk-spacing-48)',\r\n 56: 'var(--sk-spacing-56)',\r\n 64: 'var(--sk-spacing-64)',\r\n 72: 'var(--sk-spacing-72)',\r\n 80: 'var(--sk-spacing-80)',\r\n },\r\n\r\n fontSizes: {\r\n 'display-1': [\r\n 'var(--sk-fontSize-display-1-DEFAULT)',\r\n { lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)', fontWeight: 700 },\r\n ],\r\n 'display-1-lg': [\r\n 'var(--sk-fontSize-display-1-lg)',\r\n { lineHeight: 'var(--sk-lineHeight-display-1-lg)', fontWeight: 700 },\r\n ],\r\n 'display-1-md': [\r\n 'var(--sk-fontSize-display-1-md)',\r\n { lineHeight: 'var(--sk-lineHeight-display-1-md)', fontWeight: 700 },\r\n ],\r\n 'display-1-sm': [\r\n 'var(--sk-fontSize-display-1-sm)',\r\n { lineHeight: 'var(--sk-lineHeight-display-1-sm)', fontWeight: 700 },\r\n ],\r\n 'display-2': [\r\n 'var(--sk-fontSize-display-2-DEFAULT)',\r\n { lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)', fontWeight: 700 },\r\n ],\r\n 'display-2-lg': [\r\n 'var(--sk-fontSize-display-2-lg)',\r\n { lineHeight: 'var(--sk-lineHeight-display-2-lg)', fontWeight: 700 },\r\n ],\r\n 'display-2-md': [\r\n 'var(--sk-fontSize-display-2-md)',\r\n { lineHeight: 'var(--sk-lineHeight-display-2-md)', fontWeight: 700 },\r\n ],\r\n 'display-2-sm': [\r\n 'var(--sk-fontSize-display-2-sm)',\r\n { lineHeight: 'var(--sk-lineHeight-display-2-sm)', fontWeight: 700 },\r\n ],\r\n 'display-3': [\r\n 'var(--sk-fontSize-display-3-DEFAULT)',\r\n { lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)', fontWeight: 700 },\r\n ],\r\n 'display-3-lg': [\r\n 'var(--sk-fontSize-display-3-lg)',\r\n { lineHeight: 'var(--sk-lineHeight-display-3-lg)', fontWeight: 700 },\r\n ],\r\n 'display-3-md': [\r\n 'var(--sk-fontSize-display-3-md)',\r\n { lineHeight: 'var(--sk-lineHeight-display-3-md)', fontWeight: 700 },\r\n ],\r\n 'display-3-sm': [\r\n 'var(--sk-fontSize-display-3-sm)',\r\n { lineHeight: 'var(--sk-lineHeight-display-3-sm)', fontWeight: 700 },\r\n ],\r\n\r\n h1: ['var(--sk-fontSize-h-1-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)', fontWeight: 700 }],\r\n 'h1-lg': ['var(--sk-fontSize-h-1-lg)', { lineHeight: 'var(--sk-lineHeight-h-1-lg)', fontWeight: 700 }],\r\n 'h1-md': ['var(--sk-fontSize-h-1-md)', { lineHeight: 'var(--sk-lineHeight-h-1-md)', fontWeight: 700 }],\r\n 'h1-sm': ['var(--sk-fontSize-h-1-sm)', { lineHeight: 'var(--sk-lineHeight-h-1-sm)', fontWeight: 700 }],\r\n h2: ['var(--sk-fontSize-h-2-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)', fontWeight: 700 }],\r\n 'h2-lg': ['var(--sk-fontSize-h-2-lg)', { lineHeight: 'var(--sk-lineHeight-h-2-lg)', fontWeight: 700 }],\r\n 'h2-md': ['var(--sk-fontSize-h-2-md)', { lineHeight: 'var(--sk-lineHeight-h-2-md)', fontWeight: 700 }],\r\n 'h2-sm': ['var(--sk-fontSize-h-2-sm)', { lineHeight: 'var(--sk-lineHeight-h-2-sm)', fontWeight: 700 }],\r\n h3: ['var(--sk-fontSize-h-3-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)', fontWeight: 700 }],\r\n 'h3-lg': ['var(--sk-fontSize-h-3-lg)', { lineHeight: 'var(--sk-lineHeight-h-3-lg)', fontWeight: 700 }],\r\n 'h3-md': ['var(--sk-fontSize-h-3-md)', { lineHeight: 'var(--sk-lineHeight-h-3-md)', fontWeight: 700 }],\r\n 'h3-sm': ['var(--sk-fontSize-h-3-sm)', { lineHeight: 'var(--sk-lineHeight-h-3-sm)', fontWeight: 700 }],\r\n h4: ['var(--sk-fontSize-h-4-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)', fontWeight: 700 }],\r\n 'h4-lg': ['var(--sk-fontSize-h-4-lg)', { lineHeight: 'var(--sk-lineHeight-h-4-lg)', fontWeight: 700 }],\r\n 'h4-md': ['var(--sk-fontSize-h-4-md)', { lineHeight: 'var(--sk-lineHeight-h-4-md)', fontWeight: 700 }],\r\n 'h4-sm': ['var(--sk-fontSize-h-4-sm)', { lineHeight: 'var(--sk-lineHeight-h-4-sm)', fontWeight: 700 }],\r\n\r\n 'label-large': [\r\n 'var(--sk-fontSize-label-large)',\r\n { lineHeight: 'var(--sk-lineHeight-label-large)', fontWeight: 700 },\r\n ],\r\n 'label-medium': [\r\n 'var(--sk-fontSize-label-medium)',\r\n { lineHeight: 'var(--sk-lineHeight-label-medium)', fontWeight: 700 },\r\n ],\r\n 'label-small': [\r\n 'var(--sk-fontSize-label-small)',\r\n { lineHeight: 'var(--sk-lineHeight-label-small)', fontWeight: 700 },\r\n ],\r\n\r\n 'input-large': [\r\n 'var(--sk-fontSize-input-large)',\r\n { lineHeight: 'var(--sk-lineHeight-input-large)', fontWeight: 400 },\r\n ],\r\n 'input-medium': [\r\n 'var(--sk-fontSize-input-medium)',\r\n { lineHeight: 'var(--sk-lineHeight-input-medium)', fontWeight: 400 },\r\n ],\r\n 'input-small': [\r\n 'var(--sk-fontSize-input-small)',\r\n { lineHeight: 'var(--sk-lineHeight-input-small)', fontWeight: 400 },\r\n ],\r\n\r\n lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],\r\n base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],\r\n large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],\r\n small: ['var(--sk-fontSize-small)', 'var(--sk-lineHeight-small)'],\r\n },\r\n lineHeights: {\r\n 'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',\r\n 'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',\r\n 'display-1-md': 'var(--sk-lineHeight-display-1-md)',\r\n 'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',\r\n 'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',\r\n 'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',\r\n 'display-2-md': 'var(--sk-lineHeight-display-2-md)',\r\n 'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',\r\n 'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',\r\n 'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',\r\n 'display-3-md': 'var(--sk-lineHeight-display-3-md)',\r\n 'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',\r\n\r\n h1: 'var(--sk-lineHeight-h-1-DEFAULT)',\r\n 'h1-lg': 'var(--sk-lineHeight-h-1-lg)',\r\n 'h1-md': 'var(--sk-lineHeight-h-1-md)',\r\n 'h1-sm': 'var(--sk-lineHeight-h-1-sm)',\r\n h2: 'var(--sk-lineHeight-h-2-DEFAULT)',\r\n 'h2-lg': 'var(--sk-lineHeight-h-2-lg)',\r\n 'h2-md': 'var(--sk-lineHeight-h-2-md)',\r\n 'h2-sm': 'var(--sk-lineHeight-h-2-sm)',\r\n h3: 'var(--sk-lineHeight-h-3-DEFAULT)',\r\n 'h3-lg': 'var(--sk-lineHeight-h-3-lg)',\r\n 'h3-md': 'var(--sk-lineHeight-h-3-md)',\r\n 'h3-sm': 'var(--sk-lineHeight-h-3-sm)',\r\n h4: 'var(--sk-lineHeight-h-4-DEFAULT)',\r\n 'h4-lg': 'var(--sk-lineHeight-h-4-lg)',\r\n 'h4-md': 'var(--sk-lineHeight-h-4-md)',\r\n 'h4-sm': 'var(--sk-lineHeight-h-4-sm)',\r\n\r\n 'label-large': 'var(--sk-lineHeight-label-large)',\r\n 'label-medium': 'var(--sk-lineHeight-label-medium)',\r\n 'label-small': 'var(--sk-lineHeight-label-small)',\r\n\r\n 'input-large': 'var(--sk-lineHeight-input-large)',\r\n 'input-medium': 'var(--sk-lineHeight-input-medium)',\r\n 'input-small': 'var(--sk-lineHeight-input-small)',\r\n\r\n lead: 'var(--sk-lineHeight-lead)',\r\n base: 'var(--sk-lineHeight-base)',\r\n large: 'var(--sk-lineHeight-large)',\r\n small: 'var(--sk-lineHeight-small)',\r\n },\r\n radius: {\r\n DEFAULT: 'var(--sk-radius-utility-DEFAULT)',\r\n full: 'var(--sk-radius-circular-DEFAULT)',\r\n none: 'var(--sk-spacing-0)',\r\n circular: 'var(--sk-radius-circular-DEFAULT)',\r\n 'circular-lg': 'var(--sk-radius-circular-lg)',\r\n 'circular-md': 'var(--sk-radius-circular-md)',\r\n 'circular-sm': 'var(--sk-radius-circular-sm)',\r\n\r\n button: 'var(--sk-radius-button-DEFAULT)',\r\n 'button-lg': 'var(--sk-radius-button-lg)',\r\n 'button-md': 'var(--sk-radius-button-md)',\r\n 'button-sm': 'var(--sk-radius-button-sm)',\r\n cards: 'var(--sk-radius-cards-DEFAULT)',\r\n 'cards-lg': 'var(--sk-radius-cards-lg)',\r\n 'cards-md': 'var(--sk-radius-cards-md)',\r\n 'cards-sm': 'var(--sk-radius-cards-sm)',\r\n utility: 'var(--sk-radius-utility-DEFAULT)',\r\n 'utility-lg': 'var(--sk-radius-utility-lg)',\r\n 'utility-md': 'var(--sk-radius-utility-md)',\r\n 'utility-sm': 'var(--sk-radius-utility-sm)',\r\n groups: 'var(--sk-radius-groups-DEFAULT)',\r\n 'groups-lg': 'var(--sk-radius-groups-lg)',\r\n 'groups-md': 'var(--sk-radius-groups-md)',\r\n 'groups-sm': 'var(--sk-radius-groups-sm)',\r\n\r\n 0: 'var(--sk-spacing-0)',\r\n 2: 'var(--sk-spacing-2)',\r\n 4: 'var(--sk-spacing-4)',\r\n 6: 'var(--sk-spacing-6)',\r\n 8: 'var(--sk-spacing-8)',\r\n 10: 'var(--sk-spacing-10)',\r\n 12: 'var(--sk-spacing-12)',\r\n 14: 'var(--sk-spacing-14)',\r\n 16: 'var(--sk-spacing-16)',\r\n 18: 'var(--sk-spacing-18)',\r\n 20: 'var(--sk-spacing-20)',\r\n 24: 'var(--sk-spacing-24)',\r\n 32: 'var(--sk-spacing-32)',\r\n 40: 'var(--sk-spacing-40)',\r\n 48: 'var(--sk-spacing-48)',\r\n 56: 'var(--sk-spacing-56)',\r\n 64: 'var(--sk-spacing-64)',\r\n 72: 'var(--sk-spacing-72)',\r\n 80: 'var(--sk-spacing-80)',\r\n },\r\n};\r\n"],"mappings":"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"}
package/dist/esm/base.js CHANGED
@@ -1,70 +1,51 @@
1
1
  module.exports = {
2
2
  html: {
3
- '@apply text-foreground antialiased bg-base': {},
4
- fontSize: '62.5%',
5
- lineHeight: '1.5',
3
+ '@apply text-base antialiased': {},
4
+ fontSize: '10px',
6
5
  textRendering: 'optimizeLegibility',
7
- textSizeAdjust: '100%',
8
6
  touchAction: 'manipulation'
9
7
  },
10
8
  body: {
11
- '@apply text-base leading-base': {},
9
+ '@apply text-base bg-background-content': {},
10
+ '@apply text-body': {},
12
11
  position: 'relative',
13
12
  minHeight: '100%',
14
13
  fontFeatureSettings: "'kern'"
15
14
  },
16
- 'h1,h2,h3,h4,h5,h6': {
17
- '@apply font-bold': {}
15
+ '*': {
16
+ '@apply focus-visible:ring-ring': {},
17
+ '@apply focus-visible:ring-offset-background-content': {},
18
+ '@apply focus-visible:outline-0': {}
18
19
  },
19
20
  small: {
20
- fontSize: '1.4rem'
21
+ '@apply text-small': {}
22
+ },
23
+ a: {
24
+ '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {}
21
25
  },
22
26
  h1: {
23
- '@apply text-3xl leading-3xl': {}
27
+ '@apply text-h1-sm md:text-h1-md xl:text-h1-lg': {},
28
+ '@apply mb-md': {}
24
29
  },
25
30
  h2: {
26
- '@apply text-2xl leading-2xl': {}
31
+ '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {}
27
32
  },
28
33
  h3: {
29
- '@apply text-xl leading-xl': {}
30
- },
31
- h4: {
32
- '@apply text-lg leading-lg': {}
34
+ '@apply text-h3-sm md:text-h3-md xl:text-h3-lg': {}
33
35
  },
34
- h5: {
35
- '@apply text-base leading-base': {}
36
+ 'h4,h5,h6': {
37
+ '@apply text-h4-sm md:text-h4-md xl:text-h4-lg': {}
36
38
  },
37
- h6: {
38
- '@apply text-sm leading-sm': {}
39
+ label: {
40
+ '@apply text-label-medium': {}
39
41
  },
40
42
  p: {
41
43
  '@apply my-4': {}
42
44
  },
43
45
  '.text-content': {
44
46
  '@apply max-w-[80rem]': {},
45
- h1: {
46
- '@apply mb-md': {},
47
- '+ p': {
48
- '@apply mb-[40px] mt-0': {}
49
- }
50
- },
51
- h2: {
52
- '@apply mt-lg': {}
53
- },
54
- h3: {
55
- '@apply mt-lg': {}
56
- },
57
- h4: {
58
- '@apply mt-lg': {}
59
- },
60
- h5: {
61
- '@apply mt-lg': {}
62
- },
63
- h6: {
64
- '@apply mt-lg': {}
65
- },
66
47
  p: {
67
- '@apply mt-sm leading-[1.5]': {}
48
+ '@apply mt-sm text-base': {}
68
49
  }
69
50
  }
70
51
  };
@@ -1 +1 @@
1
- {"version":3,"file":"base.js","names":["module","exports","html","fontSize","lineHeight","textRendering","textSizeAdjust","touchAction","body","position","minHeight","fontFeatureSettings","small","h1","h2","h3","h4","h5","h6","p"],"sources":["../../src/base.js"],"sourcesContent":["module.exports = {\r\n html: {\r\n '@apply text-foreground antialiased bg-base': {},\r\n fontSize: '62.5%',\r\n lineHeight: '1.5',\r\n textRendering: 'optimizeLegibility',\r\n textSizeAdjust: '100%',\r\n touchAction: 'manipulation',\r\n },\r\n body: {\r\n '@apply text-base leading-base': {},\r\n position: 'relative',\r\n minHeight: '100%',\r\n fontFeatureSettings: \"'kern'\",\r\n },\r\n 'h1,h2,h3,h4,h5,h6': {\r\n '@apply font-bold': {},\r\n },\r\n small: {\r\n fontSize: '1.4rem',\r\n },\r\n h1: { '@apply text-3xl leading-3xl': {} },\r\n h2: { '@apply text-2xl leading-2xl': {} },\r\n h3: { '@apply text-xl leading-xl': {} },\r\n h4: { '@apply text-lg leading-lg': {} },\r\n h5: { '@apply text-base leading-base': {} },\r\n h6: { '@apply text-sm leading-sm': {} },\r\n p: { '@apply my-4': {} },\r\n\r\n '.text-content': {\r\n '@apply max-w-[80rem]': {},\r\n\r\n h1: {\r\n '@apply mb-md': {},\r\n\r\n '+ p': {\r\n '@apply mb-[40px] mt-0': {},\r\n },\r\n },\r\n h2: { '@apply mt-lg': {} },\r\n h3: { '@apply mt-lg': {} },\r\n h4: { '@apply mt-lg': {} },\r\n h5: { '@apply mt-lg': {} },\r\n h6: { '@apply mt-lg': {} },\r\n p: { '@apply mt-sm leading-[1.5]': {} },\r\n },\r\n};\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAG;EACfC,IAAI,EAAE;IACJ,4CAA4C,EAAE,CAAC,CAAC;IAChDC,QAAQ,EAAE,OAAO;IACjBC,UAAU,EAAE,KAAK;IACjBC,aAAa,EAAE,oBAAoB;IACnCC,cAAc,EAAE,MAAM;IACtBC,WAAW,EAAE;EACf,CAAC;EACDC,IAAI,EAAE;IACJ,+BAA+B,EAAE,CAAC,CAAC;IACnCC,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,MAAM;IACjBC,mBAAmB,EAAE;EACvB,CAAC;EACD,mBAAmB,EAAE;IACnB,kBAAkB,EAAE,CAAC;EACvB,CAAC;EACDC,KAAK,EAAE;IACLT,QAAQ,EAAE;EACZ,CAAC;EACDU,EAAE,EAAE;IAAE,6BAA6B,EAAE,CAAC;EAAE,CAAC;EACzCC,EAAE,EAAE;IAAE,6BAA6B,EAAE,CAAC;EAAE,CAAC;EACzCC,EAAE,EAAE;IAAE,2BAA2B,EAAE,CAAC;EAAE,CAAC;EACvCC,EAAE,EAAE;IAAE,2BAA2B,EAAE,CAAC;EAAE,CAAC;EACvCC,EAAE,EAAE;IAAE,+BAA+B,EAAE,CAAC;EAAE,CAAC;EAC3CC,EAAE,EAAE;IAAE,2BAA2B,EAAE,CAAC;EAAE,CAAC;EACvCC,CAAC,EAAE;IAAE,aAAa,EAAE,CAAC;EAAE,CAAC;EAExB,eAAe,EAAE;IACf,sBAAsB,EAAE,CAAC,CAAC;IAE1BN,EAAE,EAAE;MACF,cAAc,EAAE,CAAC,CAAC;MAElB,KAAK,EAAE;QACL,uBAAuB,EAAE,CAAC;MAC5B;IACF,CAAC;IACDC,EAAE,EAAE;MAAE,cAAc,EAAE,CAAC;IAAE,CAAC;IAC1BC,EAAE,EAAE;MAAE,cAAc,EAAE,CAAC;IAAE,CAAC;IAC1BC,EAAE,EAAE;MAAE,cAAc,EAAE,CAAC;IAAE,CAAC;IAC1BC,EAAE,EAAE;MAAE,cAAc,EAAE,CAAC;IAAE,CAAC;IAC1BC,EAAE,EAAE;MAAE,cAAc,EAAE,CAAC;IAAE,CAAC;IAC1BC,CAAC,EAAE;MAAE,4BAA4B,EAAE,CAAC;IAAE;EACxC;AACF,CAAC"}
1
+ {"version":3,"file":"base.js","names":["module","exports","html","fontSize","textRendering","touchAction","body","position","minHeight","fontFeatureSettings","small","a","h1","h2","h3","label","p"],"sources":["../../src/base.js"],"sourcesContent":["module.exports = {\r\n html: {\r\n '@apply text-base antialiased': {},\r\n fontSize: '10px',\r\n textRendering: 'optimizeLegibility',\r\n touchAction: 'manipulation',\r\n },\r\n body: {\r\n '@apply text-base bg-background-content': {},\r\n '@apply text-body': {},\r\n position: 'relative',\r\n minHeight: '100%',\r\n fontFeatureSettings: \"'kern'\",\r\n },\r\n '*': {\r\n '@apply focus-visible:ring-ring': {},\r\n '@apply focus-visible:ring-offset-background-content': {},\r\n '@apply focus-visible:outline-0': {},\r\n },\r\n small: {\r\n '@apply text-small': {},\r\n },\r\n a: { '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {} },\r\n h1: {\r\n '@apply text-h1-sm md:text-h1-md xl:text-h1-lg': {},\r\n '@apply mb-md': {},\r\n },\r\n h2: {\r\n '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {},\r\n },\r\n h3: {\r\n '@apply text-h3-sm md:text-h3-md xl:text-h3-lg': {},\r\n },\r\n 'h4,h5,h6': {\r\n '@apply text-h4-sm md:text-h4-md xl:text-h4-lg': {},\r\n },\r\n label: {\r\n '@apply text-label-medium': {},\r\n },\r\n p: { '@apply my-4': {} },\r\n\r\n '.text-content': {\r\n '@apply max-w-[80rem]': {},\r\n\r\n p: { '@apply mt-sm text-base': {} },\r\n },\r\n};\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAG;EACfC,IAAI,EAAE;IACJ,8BAA8B,EAAE,CAAC,CAAC;IAClCC,QAAQ,EAAE,MAAM;IAChBC,aAAa,EAAE,oBAAoB;IACnCC,WAAW,EAAE;EACf,CAAC;EACDC,IAAI,EAAE;IACJ,wCAAwC,EAAE,CAAC,CAAC;IAC5C,kBAAkB,EAAE,CAAC,CAAC;IACtBC,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,MAAM;IACjBC,mBAAmB,EAAE;EACvB,CAAC;EACD,GAAG,EAAE;IACH,gCAAgC,EAAE,CAAC,CAAC;IACpC,qDAAqD,EAAE,CAAC,CAAC;IACzD,gCAAgC,EAAE,CAAC;EACrC,CAAC;EACDC,KAAK,EAAE;IACL,mBAAmB,EAAE,CAAC;EACxB,CAAC;EACDC,CAAC,EAAE;IAAE,oEAAoE,EAAE,CAAC;EAAE,CAAC;EAC/EC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC,CAAC;IACnD,cAAc,EAAE,CAAC;EACnB,CAAC;EACDC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACDC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACD,UAAU,EAAE;IACV,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACDC,KAAK,EAAE;IACL,0BAA0B,EAAE,CAAC;EAC/B,CAAC;EACDC,CAAC,EAAE;IAAE,aAAa,EAAE,CAAC;EAAE,CAAC;EAExB,eAAe,EAAE;IACf,sBAAsB,EAAE,CAAC,CAAC;IAE1BA,CAAC,EAAE;MAAE,wBAAwB,EAAE,CAAC;IAAE;EACpC;AACF,CAAC"}