@sk-web-gui/core 0.1.82 → 0.1.83

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 (65) hide show
  1. package/dist/cjs/colors.js +1 -0
  2. package/dist/cjs/colors.js.map +1 -1
  3. package/dist/cjs/components/accordion.js +1 -1
  4. package/dist/cjs/components/accordion.js.map +1 -1
  5. package/dist/cjs/components/alert.js.map +1 -1
  6. package/dist/cjs/components/badge.js.map +1 -1
  7. package/dist/cjs/components/button.js.map +1 -1
  8. package/dist/cjs/components/checkbox.js +5 -1
  9. package/dist/cjs/components/checkbox.js.map +1 -1
  10. package/dist/cjs/components/dot.js.map +1 -1
  11. package/dist/cjs/components/dropdown-filter.js +5 -2
  12. package/dist/cjs/components/dropdown-filter.js.map +1 -1
  13. package/dist/cjs/components/footer.js.map +1 -1
  14. package/dist/cjs/components/forms.js.map +1 -1
  15. package/dist/cjs/components/header.js.map +1 -1
  16. package/dist/cjs/components/radio.js.map +1 -1
  17. package/dist/cjs/components/switch.js.map +1 -1
  18. package/dist/cjs/components/tab-menu.js.map +1 -1
  19. package/dist/cjs/components/tabs.js.map +1 -1
  20. package/dist/cjs/index.js +6 -69
  21. package/dist/cjs/index.js.map +1 -1
  22. package/dist/cjs/plugin.js +72 -0
  23. package/dist/cjs/plugin.js.map +1 -0
  24. package/dist/cjs/preset.js +30 -83
  25. package/dist/cjs/preset.js.map +1 -1
  26. package/dist/cjs/theme.js +87 -0
  27. package/dist/cjs/theme.js.map +1 -0
  28. package/dist/esm/colors.js +1 -0
  29. package/dist/esm/colors.js.map +1 -1
  30. package/dist/esm/components/accordion.js +1 -1
  31. package/dist/esm/components/accordion.js.map +1 -1
  32. package/dist/esm/components/alert.js.map +1 -1
  33. package/dist/esm/components/badge.js.map +1 -1
  34. package/dist/esm/components/button.js.map +1 -1
  35. package/dist/esm/components/checkbox.js +7 -1
  36. package/dist/esm/components/checkbox.js.map +1 -1
  37. package/dist/esm/components/dot.js.map +1 -1
  38. package/dist/esm/components/dropdown-filter.js +5 -2
  39. package/dist/esm/components/dropdown-filter.js.map +1 -1
  40. package/dist/esm/components/footer.js.map +1 -1
  41. package/dist/esm/components/forms.js.map +1 -1
  42. package/dist/esm/components/header.js.map +1 -1
  43. package/dist/esm/components/radio.js.map +1 -1
  44. package/dist/esm/components/switch.js.map +1 -1
  45. package/dist/esm/components/tab-menu.js.map +1 -1
  46. package/dist/esm/components/tabs.js.map +1 -1
  47. package/dist/esm/index.js +6 -69
  48. package/dist/esm/index.js.map +1 -1
  49. package/dist/esm/plugin.js +70 -0
  50. package/dist/esm/plugin.js.map +1 -0
  51. package/dist/esm/preset.js +32 -84
  52. package/dist/esm/preset.js.map +1 -1
  53. package/dist/esm/theme.js +86 -0
  54. package/dist/esm/theme.js.map +1 -0
  55. package/package.json +3 -2
  56. package/src/colors.js +1 -0
  57. package/src/components/accordion.js +1 -1
  58. package/src/components/checkbox.js +8 -1
  59. package/src/components/dropdown-filter.js +6 -2
  60. package/src/components/tab-menu.js +58 -58
  61. package/src/components/tabs.js +64 -64
  62. package/src/index.js +6 -119
  63. package/src/plugin.js +120 -0
  64. package/src/preset.js +34 -83
  65. package/src/theme.js +84 -0
package/dist/esm/index.js CHANGED
@@ -1,71 +1,8 @@
1
- var plugin = require('tailwindcss/plugin');
2
- var base = require('./base');
3
1
  var preset = require('./preset');
4
-
5
- // const colors = require("/colors");
6
- // const { colors } = require('@sk-web-gui/theme');
7
- // const withOpacity = require('./with-opacity');
8
- // components
9
- var Alert = require('./components/alert');
10
- var AlertBanner = require('./components/alert-banner');
11
- var Badge = require('./components/badge');
12
- var Breadcrumb = require('./components/breadcrumb');
13
- var ButtonGroup = require('./components/button-group');
14
- var Comments = require('./components/comments');
15
- var Checkbox = require('./components/checkbox');
16
- var ContextMenu = require('./components/context-menu');
17
- var Dialog = require('./components/dialog');
18
- var Dot = require('./components/dot');
19
- var Forms = require('./components/forms');
20
- var Calendar = require('./components/calendar');
21
- var Icon = require('./components/icon');
22
- var Link = require('./components/link');
23
- var Message = require('./components/message');
24
- var Notification = require('./components/notification');
25
- var Radio = require('./components/radio');
26
- var Switch = require('./components/switch');
27
- var Button = require('./components/button');
28
- var Accordion = require('./components/accordion');
29
- var Card = require('./components/card');
30
- var Table = require('./components/table');
31
- var ZebraTable = require('./components/zebratable');
32
- var Modal = require('./components/modal');
33
- var CookieConsent = require('./components/cookie-consent');
34
- var Divider = require('./components/divider');
35
- var SideMenu = require('./components/side-menu');
36
- var TabMenu = require('./components/tab-menu');
37
- var Tabs = require('./components/tabs');
38
- var UserMenu = require('./components/user-menu');
39
- var DropdownFilter = require('./components/dropdown-filter');
40
- var Tag = require('./components/tag');
41
- var Pagination = require('./components/pagination');
42
- var Footer = require('./components/footer');
43
- var Header = require('./components/header');
44
- var SearchBar = require('./components/search-bar');
45
- var ProfilePicture = require('./components/profile-picture');
46
- var Profile = require('./components/profile');
47
- var components = [Alert, AlertBanner, Badge, Breadcrumb, ButtonGroup, Button, Checkbox, Comments, ContextMenu, Dialog, Dot, Forms, Calendar, Icon, Link, Message, Notification, Radio, Switch, Table, ZebraTable, CookieConsent, Modal, Accordion, Card, Divider, SideMenu, TabMenu, Tabs, UserMenu, DropdownFilter, SearchBar, Tag, Pagination, Footer, Header, ProfilePicture, Profile];
48
- var defaultColors = ['primary', 'secondary'];
49
- module.exports = plugin.withOptions(function (options) {
50
- if (options === void 0) {
51
- options = {
52
- colors: [],
53
- cssBase: true
54
- };
55
- }
56
- return function (_ref) {
57
- var {
58
- addComponents,
59
- addBase,
60
- theme
61
- } = _ref;
62
- var optionColors = [...defaultColors, ...(options.colors || [])];
63
- if (options.cssBase) {
64
- addBase(base);
65
- }
66
- addComponents(components.map(component => component(optionColors, theme)));
67
- };
68
- }, function () {
69
- return preset;
70
- });
2
+ var plugin = require('./plugin');
3
+ module.exports = {
4
+ default: plugin,
5
+ plugin: plugin,
6
+ preset: preset
7
+ };
71
8
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["plugin","require","base","preset","Alert","AlertBanner","Badge","Breadcrumb","ButtonGroup","Comments","Checkbox","ContextMenu","Dialog","Dot","Forms","Calendar","Icon","Link","Message","Notification","Radio","Switch","Button","Accordion","Card","Table","ZebraTable","Modal","CookieConsent","Divider","SideMenu","TabMenu","Tabs","UserMenu","DropdownFilter","Tag","Pagination","Footer","Header","SearchBar","ProfilePicture","Profile","components","defaultColors","module","exports","withOptions","options","colors","cssBase","_ref","addComponents","addBase","theme","optionColors","map","component"],"sources":["../../src/index.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\r\n\r\nconst base = require('./base');\r\nconst preset = require('./preset');\r\n\r\n// const colors = require(\"/colors\");\r\n// const { colors } = require('@sk-web-gui/theme');\r\n// const withOpacity = require('./with-opacity');\r\n// components\r\nconst Alert = require('./components/alert');\r\nconst AlertBanner = require('./components/alert-banner');\r\nconst Badge = require('./components/badge');\r\nconst Breadcrumb = require('./components/breadcrumb');\r\nconst ButtonGroup = require('./components/button-group');\r\nconst Comments = require('./components/comments');\r\nconst Checkbox = require('./components/checkbox');\r\nconst ContextMenu = require('./components/context-menu');\r\nconst Dialog = require('./components/dialog');\r\nconst Dot = require('./components/dot');\r\nconst Forms = require('./components/forms');\r\nconst Calendar = require('./components/calendar');\r\nconst Icon = require('./components/icon');\r\nconst Link = require('./components/link');\r\nconst Message = require('./components/message');\r\nconst Notification = require('./components/notification');\r\nconst Radio = require('./components/radio');\r\nconst Switch = require('./components/switch');\r\n\r\nconst Button = require('./components/button');\r\nconst Accordion = require('./components/accordion');\r\nconst Card = require('./components/card');\r\nconst Table = require('./components/table');\r\nconst ZebraTable = require('./components/zebratable');\r\n\r\nconst Modal = require('./components/modal');\r\nconst CookieConsent = require('./components/cookie-consent');\r\nconst Divider = require('./components/divider');\r\n\r\nconst SideMenu = require('./components/side-menu');\r\nconst TabMenu = require('./components/tab-menu');\r\nconst Tabs = require('./components/tabs');\r\nconst UserMenu = require('./components/user-menu');\r\n\r\nconst DropdownFilter = require('./components/dropdown-filter');\r\n\r\nconst Tag = require('./components/tag');\r\nconst Pagination = require('./components/pagination');\r\nconst Footer = require('./components/footer');\r\nconst Header = require('./components/header');\r\n\r\nconst SearchBar = require('./components/search-bar');\r\n\r\nconst ProfilePicture = require('./components/profile-picture');\r\nconst Profile = require('./components/profile');\r\n\r\nconst components = [\r\n Alert,\r\n AlertBanner,\r\n Badge,\r\n Breadcrumb,\r\n ButtonGroup,\r\n Button,\r\n Checkbox,\r\n Comments,\r\n ContextMenu,\r\n Dialog,\r\n Dot,\r\n Forms,\r\n Calendar,\r\n Icon,\r\n Link,\r\n Message,\r\n Notification,\r\n Radio,\r\n Switch,\r\n\r\n Table,\r\n ZebraTable,\r\n CookieConsent,\r\n Modal,\r\n\r\n Accordion,\r\n Card,\r\n Divider,\r\n\r\n SideMenu,\r\n TabMenu,\r\n Tabs,\r\n UserMenu,\r\n\r\n DropdownFilter,\r\n\r\n SearchBar,\r\n\r\n Tag,\r\n Pagination,\r\n Footer,\r\n Header,\r\n\r\n ProfilePicture,\r\n Profile,\r\n];\r\n\r\nconst defaultColors = ['primary', 'secondary'];\r\n\r\nmodule.exports = plugin.withOptions(\r\n function (options = { colors: [], cssBase: true }) {\r\n return function ({ addComponents, addBase, theme }) {\r\n const optionColors = [...defaultColors, ...(options.colors || [])];\r\n\r\n if (options.cssBase) {\r\n addBase(base);\r\n }\r\n\r\n addComponents(components.map((component) => component(optionColors, theme)));\r\n };\r\n },\r\n function () {\r\n return preset;\r\n }\r\n);\r\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["preset","require","plugin","module","exports","default"],"sources":["../../src/index.js"],"sourcesContent":["const preset = require('./preset');\r\nconst plugin = require('./plugin');\r\n\r\nmodule.exports = {\r\n default: plugin,\r\n plugin: plugin,\r\n preset: preset,\r\n};\r\n"],"mappings":"AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,UAAU,CAAC;AAClC,IAAMC,MAAM,GAAGD,OAAO,CAAC,UAAU,CAAC;AAElCE,MAAM,CAACC,OAAO,GAAG;EACfC,OAAO,EAAEH,MAAM;EACfA,MAAM,EAAEA,MAAM;EACdF,MAAM,EAAEA;AACV,CAAC"}
@@ -0,0 +1,70 @@
1
+ var plugin = require('tailwindcss/plugin');
2
+ var base = require('./base');
3
+ var theme = require('./theme');
4
+
5
+ // components
6
+ var Alert = require('./components/alert');
7
+ var AlertBanner = require('./components/alert-banner');
8
+ var Badge = require('./components/badge');
9
+ var Breadcrumb = require('./components/breadcrumb');
10
+ var ButtonGroup = require('./components/button-group');
11
+ var Comments = require('./components/comments');
12
+ var Checkbox = require('./components/checkbox');
13
+ var ContextMenu = require('./components/context-menu');
14
+ var Dialog = require('./components/dialog');
15
+ var Dot = require('./components/dot');
16
+ var Forms = require('./components/forms');
17
+ var Calendar = require('./components/calendar');
18
+ var Icon = require('./components/icon');
19
+ var Link = require('./components/link');
20
+ var Message = require('./components/message');
21
+ var Notification = require('./components/notification');
22
+ var Radio = require('./components/radio');
23
+ var Switch = require('./components/switch');
24
+ var Button = require('./components/button');
25
+ var Accordion = require('./components/accordion');
26
+ var Card = require('./components/card');
27
+ var Table = require('./components/table');
28
+ var ZebraTable = require('./components/zebratable');
29
+ var Modal = require('./components/modal');
30
+ var CookieConsent = require('./components/cookie-consent');
31
+ var Divider = require('./components/divider');
32
+ var SideMenu = require('./components/side-menu');
33
+ var TabMenu = require('./components/tab-menu');
34
+ var Tabs = require('./components/tabs');
35
+ var UserMenu = require('./components/user-menu');
36
+ var DropdownFilter = require('./components/dropdown-filter');
37
+ var Tag = require('./components/tag');
38
+ var Pagination = require('./components/pagination');
39
+ var Footer = require('./components/footer');
40
+ var Header = require('./components/header');
41
+ var SearchBar = require('./components/search-bar');
42
+ var ProfilePicture = require('./components/profile-picture');
43
+ var Profile = require('./components/profile');
44
+ var components = [Alert, AlertBanner, Badge, Breadcrumb, ButtonGroup, Button, Checkbox, Comments, ContextMenu, Dialog, Dot, Forms, Calendar, Icon, Link, Message, Notification, Radio, Switch, Table, ZebraTable, CookieConsent, Modal, Accordion, Card, Divider, SideMenu, TabMenu, Tabs, UserMenu, DropdownFilter, SearchBar, Tag, Pagination, Footer, Header, ProfilePicture, Profile];
45
+ var defaultColors = ['primary', 'secondary'];
46
+ module.exports = plugin.withOptions(function (options) {
47
+ if (options === void 0) {
48
+ options = {
49
+ colors: [],
50
+ cssBase: true
51
+ };
52
+ }
53
+ return function (_ref) {
54
+ var {
55
+ addComponents,
56
+ addBase,
57
+ theme
58
+ } = _ref;
59
+ var optionColors = [...defaultColors, ...(options.colors || [])];
60
+ if (options.cssBase) {
61
+ addBase(base);
62
+ }
63
+ addComponents(components.map(component => component(optionColors, theme)));
64
+ };
65
+ }, function () {
66
+ return {
67
+ theme: theme
68
+ };
69
+ });
70
+ //# sourceMappingURL=plugin.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"plugin.js","names":["plugin","require","base","theme","Alert","AlertBanner","Badge","Breadcrumb","ButtonGroup","Comments","Checkbox","ContextMenu","Dialog","Dot","Forms","Calendar","Icon","Link","Message","Notification","Radio","Switch","Button","Accordion","Card","Table","ZebraTable","Modal","CookieConsent","Divider","SideMenu","TabMenu","Tabs","UserMenu","DropdownFilter","Tag","Pagination","Footer","Header","SearchBar","ProfilePicture","Profile","components","defaultColors","module","exports","withOptions","options","colors","cssBase","_ref","addComponents","addBase","optionColors","map","component"],"sources":["../../src/plugin.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\r\n\r\nconst base = require('./base');\r\nconst theme = require('./theme');\r\n\r\n// components\r\nconst Alert = require('./components/alert');\r\nconst AlertBanner = require('./components/alert-banner');\r\nconst Badge = require('./components/badge');\r\nconst Breadcrumb = require('./components/breadcrumb');\r\nconst ButtonGroup = require('./components/button-group');\r\nconst Comments = require('./components/comments');\r\nconst Checkbox = require('./components/checkbox');\r\nconst ContextMenu = require('./components/context-menu');\r\nconst Dialog = require('./components/dialog');\r\nconst Dot = require('./components/dot');\r\nconst Forms = require('./components/forms');\r\nconst Calendar = require('./components/calendar');\r\nconst Icon = require('./components/icon');\r\nconst Link = require('./components/link');\r\nconst Message = require('./components/message');\r\nconst Notification = require('./components/notification');\r\nconst Radio = require('./components/radio');\r\nconst Switch = require('./components/switch');\r\n\r\nconst Button = require('./components/button');\r\nconst Accordion = require('./components/accordion');\r\nconst Card = require('./components/card');\r\nconst Table = require('./components/table');\r\nconst ZebraTable = require('./components/zebratable');\r\n\r\nconst Modal = require('./components/modal');\r\nconst CookieConsent = require('./components/cookie-consent');\r\nconst Divider = require('./components/divider');\r\n\r\nconst SideMenu = require('./components/side-menu');\r\nconst TabMenu = require('./components/tab-menu');\r\nconst Tabs = require('./components/tabs');\r\nconst UserMenu = require('./components/user-menu');\r\n\r\nconst DropdownFilter = require('./components/dropdown-filter');\r\n\r\nconst Tag = require('./components/tag');\r\nconst Pagination = require('./components/pagination');\r\nconst Footer = require('./components/footer');\r\nconst Header = require('./components/header');\r\n\r\nconst SearchBar = require('./components/search-bar');\r\n\r\nconst ProfilePicture = require('./components/profile-picture');\r\nconst Profile = require('./components/profile');\r\n\r\nconst components = [\r\n Alert,\r\n AlertBanner,\r\n Badge,\r\n Breadcrumb,\r\n ButtonGroup,\r\n Button,\r\n Checkbox,\r\n Comments,\r\n ContextMenu,\r\n Dialog,\r\n Dot,\r\n Forms,\r\n Calendar,\r\n Icon,\r\n Link,\r\n Message,\r\n Notification,\r\n Radio,\r\n Switch,\r\n\r\n Table,\r\n ZebraTable,\r\n CookieConsent,\r\n Modal,\r\n\r\n Accordion,\r\n Card,\r\n Divider,\r\n\r\n SideMenu,\r\n TabMenu,\r\n Tabs,\r\n UserMenu,\r\n\r\n DropdownFilter,\r\n\r\n SearchBar,\r\n\r\n Tag,\r\n Pagination,\r\n Footer,\r\n Header,\r\n\r\n ProfilePicture,\r\n Profile,\r\n];\r\n\r\nconst defaultColors = ['primary', 'secondary'];\r\n\r\nmodule.exports = plugin.withOptions(\r\n function (options = { colors: [], cssBase: true }) {\r\n return function ({ addComponents, addBase, theme }) {\r\n const optionColors = [...defaultColors, ...(options.colors || [])];\r\n\r\n if (options.cssBase) {\r\n addBase(base);\r\n }\r\n\r\n addComponents(components.map((component) => component(optionColors, theme)));\r\n };\r\n },\r\n function () {\r\n return {\r\n theme: theme,\r\n };\r\n }\r\n);\r\n"],"mappings":"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"}
@@ -1,89 +1,37 @@
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
- // const { colors } = require('@sk-web-gui/theme');
3
- var {
4
- colors
5
- } = require('@sk-web-gui/theme');
6
- var withOpacity = require('./with-opacity');
7
- module.exports = {
8
- theme: {
9
- fontSize: {
10
- tiny: '1rem',
11
- xs: '1.2rem',
12
- sm: '1.4rem',
13
- base: '1.6rem',
14
- lg: '1.8rem',
15
- xl: '2.0rem',
16
- '2xl': '2.4rem',
17
- '3xl': '3.2rem',
18
- '4xl': '4.0rem',
19
- '5xl': '5.2rem'
20
- },
21
- extend: {
22
- colors: _extends({}, colors, {
23
- current: 'currentColor'
24
- }),
25
- cursor: {
26
- base: 'var(--vc-cursor)'
27
- },
28
- spacing: {
29
- xs: '4px',
30
- sm: '8px',
31
- md: '16px',
32
- lg: '24px',
33
- xl: '48px'
34
- },
35
- lineHeight: {
36
- tiny: '1.4rem',
37
- xs: '1.6rem',
38
- sm: '2rem',
39
- base: '2.4rem',
40
- lg: '2.4rem',
41
- xl: '3.2rem',
42
- '2xl': '3.2rem',
43
- '3xl': '4rem',
44
- '4xl': '4.8rem',
45
- '5xl': '5.8rem'
46
- },
47
- opacity: {
48
- 15: '0.15'
49
- },
50
- backgroundColor: {
51
- base: withOpacity('--vc-colors-bg-base'),
52
- fill: withOpacity('--vc-colors-bg-fill')
53
- },
54
- textColor: {
55
- foreground: withOpacity('--vc-colors-text-foreground'),
56
- muted: withOpacity('--vc-colors-text-muted')
57
- },
58
- borderRadius: {
59
- base: 'var(--vc-rounded)'
60
- },
61
- zIndex: {
62
- hide: -1,
63
- none: 0,
64
- base: 1,
65
- docked: 10,
66
- dropdown: 1000,
67
- sticky: 1100,
68
- banner: 1200,
69
- overlay: 1300,
70
- modal: 1400,
71
- popover: 1500,
72
- skipLink: 1600,
73
- toast: 1700,
74
- tooltip: 1800
75
- },
76
- keyframes: {
77
- 'reset-overflow': {
78
- 'from, to': {
79
- overflow: 'hidden'
80
- }
81
- }
82
- },
83
- animation: {
84
- 'reset-overflow': 'reset-overflow 180ms backwards'
2
+ var plugin = require('tailwindcss/plugin');
3
+ module.exports = function (options) {
4
+ if (options === void 0) {
5
+ options = {
6
+ customScrollbar: true,
7
+ tailwindForms: true,
8
+ plugin: {
9
+ colors: [],
10
+ cssBase: true
85
11
  }
86
- }
12
+ };
87
13
  }
14
+ return {
15
+ theme: _extends({}, options.customScrollbar ? {
16
+ '.custom-scrollbar': {
17
+ '@apply scrollbar scrollbar-h-5 scrollbar-w-4 scrollbar-thumb-gray-300 scrollbar-track-gray-100 scrollbar-thumb-rounded-full scrollbar-track-rounded-full': {}
18
+ }
19
+ } : {}),
20
+ plugins: [...(options.tailwindForms ? [require('@tailwindcss/forms')] : []), ...(options.customScrollbar ? [require('tailwind-scrollbar')({
21
+ nocompatible: true
22
+ })] : []), ...(options.customScrollbar ? [plugin(function (_ref) {
23
+ var {
24
+ addBase
25
+ } = _ref;
26
+ addBase({
27
+ '.custom-scrollbar': {
28
+ '@apply scrollbar scrollbar-h-5 scrollbar-w-4 scrollbar-thumb-gray-300 scrollbar-track-gray-100 scrollbar-thumb-rounded-full scrollbar-track-rounded-full': {}
29
+ }
30
+ });
31
+ })] : []), require('./plugin')(options.plugin)],
32
+ variants: _extends({}, options.customScrollbar ? {
33
+ scrollbar: ['rounded']
34
+ } : {})
35
+ };
88
36
  };
89
37
  //# sourceMappingURL=preset.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"preset.js","names":["colors","require","withOpacity","module","exports","theme","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/preset.js"],"sourcesContent":["// const { colors } = require('@sk-web-gui/theme');\r\nconst { colors } = require('@sk-web-gui/theme');\r\nconst withOpacity = require('./with-opacity');\r\n\r\nmodule.exports = {\r\n theme: {\r\n fontSize: {\r\n tiny: '1rem',\r\n xs: '1.2rem',\r\n sm: '1.4rem',\r\n base: '1.6rem',\r\n lg: '1.8rem',\r\n xl: '2.0rem',\r\n '2xl': '2.4rem',\r\n '3xl': '3.2rem',\r\n '4xl': '4.0rem',\r\n '5xl': '5.2rem',\r\n },\r\n extend: {\r\n colors: {\r\n ...colors,\r\n current: 'currentColor',\r\n },\r\n cursor: {\r\n base: 'var(--vc-cursor)',\r\n },\r\n spacing: {\r\n xs: '4px',\r\n sm: '8px',\r\n md: '16px',\r\n lg: '24px',\r\n xl: '48px',\r\n },\r\n lineHeight: {\r\n tiny: '1.4rem',\r\n xs: '1.6rem',\r\n sm: '2rem',\r\n base: '2.4rem',\r\n lg: '2.4rem',\r\n xl: '3.2rem',\r\n '2xl': '3.2rem',\r\n '3xl': '4rem',\r\n '4xl': '4.8rem',\r\n '5xl': '5.8rem',\r\n },\r\n opacity: {\r\n 15: '0.15',\r\n },\r\n backgroundColor: {\r\n base: withOpacity('--vc-colors-bg-base'),\r\n fill: withOpacity('--vc-colors-bg-fill'),\r\n },\r\n textColor: {\r\n foreground: withOpacity('--vc-colors-text-foreground'),\r\n muted: withOpacity('--vc-colors-text-muted'),\r\n },\r\n borderRadius: {\r\n base: 'var(--vc-rounded)',\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};\r\n"],"mappings":";AAAA;AACA,IAAM;EAAEA;AAAO,CAAC,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AAC/C,IAAMC,WAAW,GAAGD,OAAO,CAAC,gBAAgB,CAAC;AAE7CE,MAAM,CAACC,OAAO,GAAG;EACfC,KAAK,EAAE;IACLC,QAAQ,EAAE;MACRC,IAAI,EAAE,MAAM;MACZC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZC,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZ,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE;IACT,CAAC;IACDC,MAAM,EAAE;MACNb,MAAM,EAAAc,QAAA,KACDd,MAAM;QACTe,OAAO,EAAE;MAAc,EACxB;MACDC,MAAM,EAAE;QACNN,IAAI,EAAE;MACR,CAAC;MACDO,OAAO,EAAE;QACPT,EAAE,EAAE,KAAK;QACTC,EAAE,EAAE,KAAK;QACTS,EAAE,EAAE,MAAM;QACVP,EAAE,EAAE,MAAM;QACVC,EAAE,EAAE;MACN,CAAC;MACDO,UAAU,EAAE;QACVZ,IAAI,EAAE,QAAQ;QACdC,EAAE,EAAE,QAAQ;QACZC,EAAE,EAAE,MAAM;QACVC,IAAI,EAAE,QAAQ;QACdC,EAAE,EAAE,QAAQ;QACZC,EAAE,EAAE,QAAQ;QACZ,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE;MACT,CAAC;MACDQ,OAAO,EAAE;QACP,EAAE,EAAE;MACN,CAAC;MACDC,eAAe,EAAE;QACfX,IAAI,EAAER,WAAW,CAAC,qBAAqB,CAAC;QACxCoB,IAAI,EAAEpB,WAAW,CAAC,qBAAqB;MACzC,CAAC;MACDqB,SAAS,EAAE;QACTC,UAAU,EAAEtB,WAAW,CAAC,6BAA6B,CAAC;QACtDuB,KAAK,EAAEvB,WAAW,CAAC,wBAAwB;MAC7C,CAAC;MACDwB,YAAY,EAAE;QACZhB,IAAI,EAAE;MACR,CAAC;MACDiB,MAAM,EAAE;QACNC,IAAI,EAAE,CAAC,CAAC;QACRC,IAAI,EAAE,CAAC;QACPnB,IAAI,EAAE,CAAC;QACPoB,MAAM,EAAE,EAAE;QACVC,QAAQ,EAAE,IAAI;QACdC,MAAM,EAAE,IAAI;QACZC,MAAM,EAAE,IAAI;QACZC,OAAO,EAAE,IAAI;QACbC,KAAK,EAAE,IAAI;QACXC,OAAO,EAAE,IAAI;QACbC,QAAQ,EAAE,IAAI;QACdC,KAAK,EAAE,IAAI;QACXC,OAAO,EAAE;MACX,CAAC;MACDC,SAAS,EAAE;QACT,gBAAgB,EAAE;UAChB,UAAU,EAAE;YACVC,QAAQ,EAAE;UACZ;QACF;MACF,CAAC;MACDC,SAAS,EAAE;QACT,gBAAgB,EAAE;MACpB;IACF;EACF;AACF,CAAC"}
1
+ {"version":3,"file":"preset.js","names":["plugin","require","module","exports","options","customScrollbar","tailwindForms","colors","cssBase","theme","_extends","plugins","nocompatible","_ref","addBase","variants","scrollbar"],"sources":["../../src/preset.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\r\n\r\nmodule.exports = function (\r\n options = { customScrollbar: true, tailwindForms: true, plugin: { colors: [], cssBase: true } }\r\n) {\r\n return {\r\n theme: {\r\n ...(options.customScrollbar\r\n ? {\r\n '.custom-scrollbar': {\r\n '@apply scrollbar scrollbar-h-5 scrollbar-w-4 scrollbar-thumb-gray-300 scrollbar-track-gray-100 scrollbar-thumb-rounded-full scrollbar-track-rounded-full':\r\n {},\r\n },\r\n }\r\n : {}),\r\n },\r\n plugins: [\r\n ...(options.tailwindForms ? [require('@tailwindcss/forms')] : []),\r\n ...(options.customScrollbar ? [require('tailwind-scrollbar')({ nocompatible: true })] : []),\r\n ...(options.customScrollbar\r\n ? [\r\n plugin(function ({ addBase }) {\r\n addBase({\r\n '.custom-scrollbar': {\r\n '@apply scrollbar scrollbar-h-5 scrollbar-w-4 scrollbar-thumb-gray-300 scrollbar-track-gray-100 scrollbar-thumb-rounded-full scrollbar-track-rounded-full':\r\n {},\r\n },\r\n });\r\n }),\r\n ]\r\n : []),\r\n require('./plugin')(options.plugin),\r\n ],\r\n variants: {\r\n ...(options.customScrollbar ? { scrollbar: ['rounded'] } : {}),\r\n },\r\n };\r\n};\r\n"],"mappings":";AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,oBAAoB,CAAC;AAE5CC,MAAM,CAACC,OAAO,GAAG,UACfC,OAAO,EACP;EAAA,IADAA,OAAO;IAAPA,OAAO,GAAG;MAAEC,eAAe,EAAE,IAAI;MAAEC,aAAa,EAAE,IAAI;MAAEN,MAAM,EAAE;QAAEO,MAAM,EAAE,EAAE;QAAEC,OAAO,EAAE;MAAK;IAAE,CAAC;EAAA;EAE/F,OAAO;IACLC,KAAK,EAAAC,QAAA,KACCN,OAAO,CAACC,eAAe,GACvB;MACE,mBAAmB,EAAE;QACnB,0JAA0J,EACxJ,CAAC;MACL;IACF,CAAC,GACD,CAAC,CAAC,CACP;IACDM,OAAO,EAAE,CACP,IAAIP,OAAO,CAACE,aAAa,GAAG,CAACL,OAAO,CAAC,oBAAoB,CAAC,CAAC,GAAG,EAAE,CAAC,EACjE,IAAIG,OAAO,CAACC,eAAe,GAAG,CAACJ,OAAO,CAAC,oBAAoB,CAAC,CAAC;MAAEW,YAAY,EAAE;IAAK,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,EAC3F,IAAIR,OAAO,CAACC,eAAe,GACvB,CACEL,MAAM,CAAC,UAAAa,IAAA,EAAuB;MAAA,IAAb;QAAEC;MAAQ,CAAC,GAAAD,IAAA;MAC1BC,OAAO,CAAC;QACN,mBAAmB,EAAE;UACnB,0JAA0J,EACxJ,CAAC;QACL;MACF,CAAC,CAAC;IACJ,CAAC,CAAC,CACH,GACD,EAAE,CAAC,EACPb,OAAO,CAAC,UAAU,CAAC,CAACG,OAAO,CAACJ,MAAM,CAAC,CACpC;IACDe,QAAQ,EAAAL,QAAA,KACFN,OAAO,CAACC,eAAe,GAAG;MAAEW,SAAS,EAAE,CAAC,SAAS;IAAE,CAAC,GAAG,CAAC,CAAC;EAEjE,CAAC;AACH,CAAC"}
@@ -0,0 +1,86 @@
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 {
3
+ colors
4
+ } = require('@sk-web-gui/theme');
5
+ var withOpacity = require('./with-opacity');
6
+ module.exports = {
7
+ fontSize: {
8
+ tiny: '1rem',
9
+ xs: '1.2rem',
10
+ sm: '1.4rem',
11
+ base: '1.6rem',
12
+ lg: '1.8rem',
13
+ xl: '2.0rem',
14
+ '2xl': '2.4rem',
15
+ '3xl': '3.2rem',
16
+ '4xl': '4.0rem',
17
+ '5xl': '5.2rem'
18
+ },
19
+ extend: {
20
+ colors: _extends({}, colors, {
21
+ current: 'currentColor'
22
+ }),
23
+ cursor: {
24
+ base: 'var(--vc-cursor)'
25
+ },
26
+ spacing: {
27
+ xs: '4px',
28
+ sm: '8px',
29
+ md: '16px',
30
+ lg: '24px',
31
+ xl: '48px'
32
+ },
33
+ lineHeight: {
34
+ tiny: '1.4rem',
35
+ xs: '1.6rem',
36
+ sm: '2rem',
37
+ base: '2.4rem',
38
+ lg: '2.4rem',
39
+ xl: '3.2rem',
40
+ '2xl': '3.2rem',
41
+ '3xl': '4rem',
42
+ '4xl': '4.8rem',
43
+ '5xl': '5.8rem'
44
+ },
45
+ opacity: {
46
+ 15: '0.15'
47
+ },
48
+ backgroundColor: {
49
+ base: withOpacity('--vc-colors-bg-base'),
50
+ fill: withOpacity('--vc-colors-bg-fill')
51
+ },
52
+ textColor: {
53
+ foreground: withOpacity('--vc-colors-text-foreground'),
54
+ muted: withOpacity('--vc-colors-text-muted')
55
+ },
56
+ borderRadius: {
57
+ base: 'var(--vc-rounded)'
58
+ },
59
+ zIndex: {
60
+ hide: -1,
61
+ none: 0,
62
+ base: 1,
63
+ docked: 10,
64
+ dropdown: 1000,
65
+ sticky: 1100,
66
+ banner: 1200,
67
+ overlay: 1300,
68
+ modal: 1400,
69
+ popover: 1500,
70
+ skipLink: 1600,
71
+ toast: 1700,
72
+ tooltip: 1800
73
+ },
74
+ keyframes: {
75
+ 'reset-overflow': {
76
+ 'from, to': {
77
+ overflow: 'hidden'
78
+ }
79
+ }
80
+ },
81
+ animation: {
82
+ 'reset-overflow': 'reset-overflow 180ms backwards'
83
+ }
84
+ }
85
+ };
86
+ //# sourceMappingURL=theme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.js","names":["colors","require","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');\r\nconst withOpacity = require('./with-opacity');\r\n\r\nmodule.exports = {\r\n fontSize: {\r\n tiny: '1rem',\r\n xs: '1.2rem',\r\n sm: '1.4rem',\r\n base: '1.6rem',\r\n lg: '1.8rem',\r\n xl: '2.0rem',\r\n '2xl': '2.4rem',\r\n '3xl': '3.2rem',\r\n '4xl': '4.0rem',\r\n '5xl': '5.2rem',\r\n },\r\n extend: {\r\n colors: {\r\n ...colors,\r\n current: 'currentColor',\r\n },\r\n cursor: {\r\n base: 'var(--vc-cursor)',\r\n },\r\n spacing: {\r\n xs: '4px',\r\n sm: '8px',\r\n md: '16px',\r\n lg: '24px',\r\n xl: '48px',\r\n },\r\n lineHeight: {\r\n tiny: '1.4rem',\r\n xs: '1.6rem',\r\n sm: '2rem',\r\n base: '2.4rem',\r\n lg: '2.4rem',\r\n xl: '3.2rem',\r\n '2xl': '3.2rem',\r\n '3xl': '4rem',\r\n '4xl': '4.8rem',\r\n '5xl': '5.8rem',\r\n },\r\n opacity: {\r\n 15: '0.15',\r\n },\r\n backgroundColor: {\r\n base: withOpacity('--vc-colors-bg-base'),\r\n fill: withOpacity('--vc-colors-bg-fill'),\r\n },\r\n textColor: {\r\n foreground: withOpacity('--vc-colors-text-foreground'),\r\n muted: withOpacity('--vc-colors-text-muted'),\r\n },\r\n borderRadius: {\r\n base: 'var(--vc-rounded)',\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":";AAAA,IAAM;EAAEA;AAAO,CAAC,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AAC/C,IAAMC,WAAW,GAAGD,OAAO,CAAC,gBAAgB,CAAC;AAE7CE,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;IACNZ,MAAM,EAAAa,QAAA,KACDb,MAAM;MACTc,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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sk-web-gui/core",
3
- "version": "0.1.82",
3
+ "version": "0.1.83",
4
4
  "license": "MIT",
5
5
  "main": "src/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -33,11 +33,12 @@
33
33
  "clean-css": "^5.3.2",
34
34
  "postcss": "^8.4.23",
35
35
  "postcss-import": "^15.1.0",
36
+ "tailwind-scrollbar": "^3.0.4",
36
37
  "tailwindcss": "^3.2.7"
37
38
  },
38
39
  "dependencies": {
39
40
  "@sk-web-gui/theme": "0.1.13",
40
41
  "mini-svg-data-uri": "^1.4.4"
41
42
  },
42
- "gitHead": "b8ca79fab1400c8e7b3b2db73d59c6d080638306"
43
+ "gitHead": "208483d0618b03b24e6946239ddfed13fce28dcd"
43
44
  }
package/src/colors.js CHANGED
@@ -1,3 +1,4 @@
1
+ // File unused
1
2
  const withOpacity = require('./with-opacity');
2
3
 
3
4
  module.exports = {
@@ -84,7 +84,7 @@ module.exports = Accordion = (colors) => ({
84
84
  },
85
85
  },
86
86
 
87
- '&-is-open &-body &-is-open-alert': {
87
+ '&-is-open &-body, &-is-open-alert &-body': {
88
88
  '@apply overflow-visible animate-reset-overflow': {},
89
89
  },
90
90
 
@@ -104,9 +104,16 @@ module.exports = Checkbox = (colors) => ({
104
104
  },
105
105
 
106
106
  // label
107
+ '&-label-left &-label': {
108
+ marginRight: '0.8rem',
109
+ },
110
+ '&-label-right &-label': {
111
+ marginLeft: '0.8rem',
112
+ },
113
+
107
114
  '&-label': {
108
115
  '@apply text-body select-none text-sm': {},
109
- marginLeft: '0.8rem',
116
+ // marginLeft: '0.8rem',
110
117
  //"@apply text-black": {},
111
118
  // dark colors
112
119
  '@apply dark:text-neutral-100': {},
@@ -41,8 +41,12 @@ module.exports = DropdownFilter = () => ({
41
41
  alignItems: 'center',
42
42
  borderBottom: '1px solid #939393',
43
43
 
44
- '> label:first-child': {
45
- '@apply flex-grow': {},
44
+ '> label': {
45
+ '@apply w-full': {},
46
+
47
+ '> .form-checkbox-label': {
48
+ '@apply flex-grow': {},
49
+ },
46
50
  },
47
51
 
48
52
  '&.disabled': {
@@ -1,58 +1,58 @@
1
- module.exports = TabMenu = () => ({
2
- '.sk-tab-menu': {
3
- '&-wrapper': {
4
- display: 'flex',
5
- flexDirection: 'row',
6
- margin: 'auto',
7
- },
8
- '&-right': {
9
- '@apply justify-end': {},
10
- },
11
- '&-center': {
12
- '@apply justify-center': {},
13
- },
14
- '&-list': {
15
- all: 'unset',
16
- display: 'flex',
17
- '&-stretch': {
18
- '@apply w-full justify-between': {},
19
- },
20
- },
21
-
22
- '&-underline': {
23
- width: '100%',
24
- height: 6,
25
- '@apply bg-gray-light': {},
26
- },
27
- '&-item': {
28
- all: 'unset',
29
- height: 65,
30
- display: 'flex',
31
- padding: '0 1rem',
32
- marginRight: '5rem',
33
- alignItems: 'center',
34
- position: 'relative',
35
- cursor: 'pointer',
36
- '&-stretch': {
37
- '@apply mr-0': {},
38
- },
39
- '&-right': {
40
- '@apply mr-0 ml-[5rem]': {},
41
- },
42
- '&-center:last-of-type': {
43
- '@apply mr-0': {},
44
- },
45
-
46
- '&.active::after': {
47
- content: '""',
48
- display: 'block',
49
- position: 'absolute',
50
- width: '100%',
51
- height: 6,
52
- top: '100%',
53
- left: 0,
54
- '@apply bg-primary': {},
55
- },
56
- },
57
- },
58
- });
1
+ module.exports = TabMenu = () => ({
2
+ '.sk-tab-menu': {
3
+ '&-wrapper': {
4
+ display: 'flex',
5
+ flexDirection: 'row',
6
+ margin: 'auto',
7
+ },
8
+ '&-right': {
9
+ '@apply justify-end': {},
10
+ },
11
+ '&-center': {
12
+ '@apply justify-center': {},
13
+ },
14
+ '&-list': {
15
+ all: 'unset',
16
+ display: 'flex',
17
+ '&-stretch': {
18
+ '@apply w-full justify-between': {},
19
+ },
20
+ },
21
+
22
+ '&-underline': {
23
+ width: '100%',
24
+ height: 6,
25
+ '@apply bg-gray-light': {},
26
+ },
27
+ '&-item': {
28
+ all: 'unset',
29
+ height: 65,
30
+ display: 'flex',
31
+ padding: '0 1rem',
32
+ marginRight: '5rem',
33
+ alignItems: 'center',
34
+ position: 'relative',
35
+ cursor: 'pointer',
36
+ '&-stretch': {
37
+ '@apply mr-0': {},
38
+ },
39
+ '&-right': {
40
+ '@apply mr-0 ml-[5rem]': {},
41
+ },
42
+ '&-center:last-of-type': {
43
+ '@apply mr-0': {},
44
+ },
45
+
46
+ '&.active::after': {
47
+ content: '""',
48
+ display: 'block',
49
+ position: 'absolute',
50
+ width: '100%',
51
+ height: 6,
52
+ top: '100%',
53
+ left: 0,
54
+ '@apply bg-primary': {},
55
+ },
56
+ },
57
+ },
58
+ });