@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.
- package/dist/cjs/colors.js +1 -0
- package/dist/cjs/colors.js.map +1 -1
- package/dist/cjs/components/accordion.js +1 -1
- package/dist/cjs/components/accordion.js.map +1 -1
- package/dist/cjs/components/alert.js.map +1 -1
- package/dist/cjs/components/badge.js.map +1 -1
- package/dist/cjs/components/button.js.map +1 -1
- package/dist/cjs/components/checkbox.js +5 -1
- package/dist/cjs/components/checkbox.js.map +1 -1
- package/dist/cjs/components/dot.js.map +1 -1
- package/dist/cjs/components/dropdown-filter.js +5 -2
- package/dist/cjs/components/dropdown-filter.js.map +1 -1
- package/dist/cjs/components/footer.js.map +1 -1
- package/dist/cjs/components/forms.js.map +1 -1
- package/dist/cjs/components/header.js.map +1 -1
- package/dist/cjs/components/radio.js.map +1 -1
- package/dist/cjs/components/switch.js.map +1 -1
- package/dist/cjs/components/tab-menu.js.map +1 -1
- package/dist/cjs/components/tabs.js.map +1 -1
- package/dist/cjs/index.js +6 -69
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/plugin.js +72 -0
- package/dist/cjs/plugin.js.map +1 -0
- package/dist/cjs/preset.js +30 -83
- package/dist/cjs/preset.js.map +1 -1
- package/dist/cjs/theme.js +87 -0
- package/dist/cjs/theme.js.map +1 -0
- package/dist/esm/colors.js +1 -0
- package/dist/esm/colors.js.map +1 -1
- package/dist/esm/components/accordion.js +1 -1
- package/dist/esm/components/accordion.js.map +1 -1
- package/dist/esm/components/alert.js.map +1 -1
- package/dist/esm/components/badge.js.map +1 -1
- package/dist/esm/components/button.js.map +1 -1
- package/dist/esm/components/checkbox.js +7 -1
- package/dist/esm/components/checkbox.js.map +1 -1
- package/dist/esm/components/dot.js.map +1 -1
- package/dist/esm/components/dropdown-filter.js +5 -2
- package/dist/esm/components/dropdown-filter.js.map +1 -1
- package/dist/esm/components/footer.js.map +1 -1
- package/dist/esm/components/forms.js.map +1 -1
- package/dist/esm/components/header.js.map +1 -1
- package/dist/esm/components/radio.js.map +1 -1
- package/dist/esm/components/switch.js.map +1 -1
- package/dist/esm/components/tab-menu.js.map +1 -1
- package/dist/esm/components/tabs.js.map +1 -1
- package/dist/esm/index.js +6 -69
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/plugin.js +70 -0
- package/dist/esm/plugin.js.map +1 -0
- package/dist/esm/preset.js +32 -84
- package/dist/esm/preset.js.map +1 -1
- package/dist/esm/theme.js +86 -0
- package/dist/esm/theme.js.map +1 -0
- package/package.json +3 -2
- package/src/colors.js +1 -0
- package/src/components/accordion.js +1 -1
- package/src/components/checkbox.js +8 -1
- package/src/components/dropdown-filter.js +6 -2
- package/src/components/tab-menu.js +58 -58
- package/src/components/tabs.js +64 -64
- package/src/index.js +6 -119
- package/src/plugin.js +120 -0
- package/src/preset.js +34 -83
- 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
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["
|
|
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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"}
|
package/dist/esm/preset.js
CHANGED
|
@@ -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
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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
|
package/dist/esm/preset.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset.js","names":["
|
|
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.
|
|
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": "
|
|
43
|
+
"gitHead": "208483d0618b03b24e6946239ddfed13fce28dcd"
|
|
43
44
|
}
|
package/src/colors.js
CHANGED
|
@@ -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
|
|
45
|
-
'@apply
|
|
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
|
+
});
|