@sk-web-gui/core 0.1.82 → 0.1.84
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 +16 -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/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 +16 -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/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 +18 -1
- package/src/components/checkbox.js +8 -1
- package/src/components/dropdown-filter.js +6 -2
- package/src/index.js +6 -119
- package/src/plugin.js +120 -0
- package/src/preset.js +34 -83
- package/src/theme.js +84 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.js","names":["module","exports","Switch","colors","_extends","border","backgroundColor","transform","reduce","styles","color","_ref","_extends2","height","width"],"sources":["../../../src/components/switch.js"],"sourcesContent":["module.exports = Switch = (colors) => ({\r\n '.form-switch-label': {\r\n '@apply inline-block align-middle': {},\r\n\r\n \"&[type='hidden']\": {\r\n '@apply hidden': {},\r\n\r\n '.form-switch': {\r\n '@apply hidden': {},\r\n },\r\n },\r\n },\r\n '.form-switch': {\r\n '@apply rounded-full p-0.5 cursor-base focus:outline-none': {},\r\n '@apply bg-gray-stroke dark:bg-neutral-700': {},\r\n // Hover\r\n //\"@apply hover:bg-neutral-300 dark:hover:bg-neutral-600\": {},\r\n\r\n border: '0.1rem solid transparent',\r\n\r\n 'input[type=checkbox]:checked + &, input[type=checkbox][aria-checked=mixed] + &': {\r\n backgroundColor: 'currentColor',\r\n '.form-switch-box-sm': {\r\n transform: 'translateX(1.42rem)',\r\n },\r\n '.form-switch-box-md': {\r\n transform: 'translateX(1.6rem)',\r\n },\r\n '.form-switch-box-lg': {\r\n transform: 'translateX(1.78rem)',\r\n },\r\n },\r\n\r\n 'input[type=checkbox]:focus-visible + &': {\r\n '@apply z-base !important': {},\r\n '@apply border-primary !important': {},\r\n '@apply ring-4 ring-black !important': {},\r\n },\r\n\r\n 'input[type=checkbox]:checked:focus-visible + &, input[type=checkbox][aria-checked=mixed]:focus-visible + &': {\r\n '@apply ring-black !important': {},\r\n },\r\n '.dark input[type=checkbox]:checked:focus-visible + &,.dark input[type=checkbox][aria-checked=mixed]:focus-visible + &':\r\n {\r\n '@apply ring-black !important': {},\r\n },\r\n 'input[type=checkbox]:checked:hover:not(:disabled) + &, input[type=checkbox][aria-checked=mixed]:hover:not(:disabled) + &':\r\n {\r\n '@apply cursor-base': {},\r\n },\r\n\r\n // colors\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply text-${color}`]: {},\r\n\r\n // 'input[type=checkbox]:focus + &': {\r\n // borderColor: `${theme(`colors.${color}.DEFAULT`)}`,\r\n // boxShadow: `0 0 5px ${theme(`colors.${color}.DEFAULT`)}`,\r\n // borderWidth: '0.1rem',\r\n // },\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n // disabled\r\n '&-disabled': {\r\n '@apply cursor-not-allowed': {},\r\n\r\n '&': {\r\n backgroundColor: '#ECECEC',\r\n },\r\n },\r\n\r\n 'input[type=checkbox]:not(:checked) + &-disabled .form-switch-box': {\r\n '@apply bg-gray-stroke': {},\r\n },\r\n\r\n // sizing\r\n '&-sm': {\r\n height: '2.16rem',\r\n width: '3.6rem',\r\n },\r\n\r\n '&-md': {\r\n height: '2.4rem',\r\n width: '4rem',\r\n },\r\n\r\n '&-lg': {\r\n height: '2.64rem',\r\n width: '4.4rem',\r\n },\r\n },\r\n\r\n // Knob\r\n '.form-switch-box': {\r\n '@apply transition-transform ease-in-out duration-150 transform bg-white rounded-full shadow translate-x-0': {},\r\n\r\n // sizing\r\n '&-sm': {\r\n height: '1.6rem',\r\n width: '1.7rem',\r\n },\r\n\r\n '&-md': {\r\n height: '2rem',\r\n width: '2rem',\r\n },\r\n\r\n '&-lg': {\r\n height: '2.2rem',\r\n width: '2.2rem',\r\n },\r\n },\r\n});\r\n"],"mappings":";;;AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAACC,MAAM;EAAA,OAAM;IACrC,oBAAoB,EAAE;MACpB,kCAAkC,EAAE,CAAC,CAAC;MAEtC,kBAAkB,EAAE;QAClB,eAAe,EAAE,CAAC,CAAC;QAEnB,cAAc,EAAE;UACd,eAAe,EAAE,CAAC;QACpB;MACF;IACF,CAAC;IACD,cAAc,EAAAC,QAAA;MACZ,0DAA0D,EAAE,CAAC,CAAC;MAC9D,2CAA2C,EAAE,CAAC,CAAC;MAC/C;MACA;;MAEAC,MAAM,EAAE,0BAA0B;MAElC,gFAAgF,EAAE;QAChFC,eAAe,EAAE,cAAc;QAC/B,qBAAqB,EAAE;UACrBC,SAAS,EAAE;QACb,CAAC;QACD,qBAAqB,EAAE;UACrBA,SAAS,EAAE;QACb,CAAC;QACD,qBAAqB,EAAE;UACrBA,SAAS,EAAE;QACb;MACF,CAAC;MAED,wCAAwC,EAAE;QACxC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,kCAAkC,EAAE,CAAC,CAAC;QACtC,qCAAqC,EAAE,CAAC;MAC1C,CAAC;MAED,4GAA4G,EAAE;QAC5G,8BAA8B,EAAE,CAAC;MACnC,CAAC;MACD,uHAAuH,EACrH;QACE,8BAA8B,EAAE,CAAC;MACnC,CAAC;MACH,0HAA0H,EACxH;QACE,oBAAoB,EAAE,CAAC;MACzB;IAAC,GAGAJ,MAAM,CAACK,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAR,QAAA,KACTK,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,kBACLD,KAAK,IAAK,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;IAAA,CAQ9B,EACF,CAAC,CAAC
|
|
1
|
+
{"version":3,"file":"switch.js","names":["module","exports","Switch","colors","_extends","border","backgroundColor","transform","reduce","styles","color","_ref","_extends2","height","width"],"sources":["../../../src/components/switch.js"],"sourcesContent":["module.exports = Switch = (colors) => ({\r\n '.form-switch-label': {\r\n '@apply inline-block align-middle': {},\r\n\r\n \"&[type='hidden']\": {\r\n '@apply hidden': {},\r\n\r\n '.form-switch': {\r\n '@apply hidden': {},\r\n },\r\n },\r\n },\r\n '.form-switch': {\r\n '@apply rounded-full p-0.5 cursor-base focus:outline-none': {},\r\n '@apply bg-gray-stroke dark:bg-neutral-700': {},\r\n // Hover\r\n //\"@apply hover:bg-neutral-300 dark:hover:bg-neutral-600\": {},\r\n\r\n border: '0.1rem solid transparent',\r\n\r\n 'input[type=checkbox]:checked + &, input[type=checkbox][aria-checked=mixed] + &': {\r\n backgroundColor: 'currentColor',\r\n '.form-switch-box-sm': {\r\n transform: 'translateX(1.42rem)',\r\n },\r\n '.form-switch-box-md': {\r\n transform: 'translateX(1.6rem)',\r\n },\r\n '.form-switch-box-lg': {\r\n transform: 'translateX(1.78rem)',\r\n },\r\n },\r\n\r\n 'input[type=checkbox]:focus-visible + &': {\r\n '@apply z-base !important': {},\r\n '@apply border-primary !important': {},\r\n '@apply ring-4 ring-black !important': {},\r\n },\r\n\r\n 'input[type=checkbox]:checked:focus-visible + &, input[type=checkbox][aria-checked=mixed]:focus-visible + &': {\r\n '@apply ring-black !important': {},\r\n },\r\n '.dark input[type=checkbox]:checked:focus-visible + &,.dark input[type=checkbox][aria-checked=mixed]:focus-visible + &':\r\n {\r\n '@apply ring-black !important': {},\r\n },\r\n 'input[type=checkbox]:checked:hover:not(:disabled) + &, input[type=checkbox][aria-checked=mixed]:hover:not(:disabled) + &':\r\n {\r\n '@apply cursor-base': {},\r\n },\r\n\r\n // colors\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply text-${color}`]: {},\r\n\r\n // 'input[type=checkbox]:focus + &': {\r\n // borderColor: `${theme(`colors.${color}.DEFAULT`)}`,\r\n // boxShadow: `0 0 5px ${theme(`colors.${color}.DEFAULT`)}`,\r\n // borderWidth: '0.1rem',\r\n // },\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n // disabled\r\n '&-disabled': {\r\n '@apply cursor-not-allowed': {},\r\n\r\n '&': {\r\n backgroundColor: '#ECECEC',\r\n },\r\n },\r\n\r\n 'input[type=checkbox]:not(:checked) + &-disabled .form-switch-box': {\r\n '@apply bg-gray-stroke': {},\r\n },\r\n\r\n // sizing\r\n '&-sm': {\r\n height: '2.16rem',\r\n width: '3.6rem',\r\n },\r\n\r\n '&-md': {\r\n height: '2.4rem',\r\n width: '4rem',\r\n },\r\n\r\n '&-lg': {\r\n height: '2.64rem',\r\n width: '4.4rem',\r\n },\r\n },\r\n\r\n // Knob\r\n '.form-switch-box': {\r\n '@apply transition-transform ease-in-out duration-150 transform bg-white rounded-full shadow translate-x-0': {},\r\n\r\n // sizing\r\n '&-sm': {\r\n height: '1.6rem',\r\n width: '1.7rem',\r\n },\r\n\r\n '&-md': {\r\n height: '2rem',\r\n width: '2rem',\r\n },\r\n\r\n '&-lg': {\r\n height: '2.2rem',\r\n width: '2.2rem',\r\n },\r\n },\r\n});\r\n"],"mappings":";;;AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAACC,MAAM;EAAA,OAAM;IACrC,oBAAoB,EAAE;MACpB,kCAAkC,EAAE,CAAC,CAAC;MAEtC,kBAAkB,EAAE;QAClB,eAAe,EAAE,CAAC,CAAC;QAEnB,cAAc,EAAE;UACd,eAAe,EAAE,CAAC;QACpB;MACF;IACF,CAAC;IACD,cAAc,EAAAC,QAAA;MACZ,0DAA0D,EAAE,CAAC,CAAC;MAC9D,2CAA2C,EAAE,CAAC,CAAC;MAC/C;MACA;;MAEAC,MAAM,EAAE,0BAA0B;MAElC,gFAAgF,EAAE;QAChFC,eAAe,EAAE,cAAc;QAC/B,qBAAqB,EAAE;UACrBC,SAAS,EAAE;QACb,CAAC;QACD,qBAAqB,EAAE;UACrBA,SAAS,EAAE;QACb,CAAC;QACD,qBAAqB,EAAE;UACrBA,SAAS,EAAE;QACb;MACF,CAAC;MAED,wCAAwC,EAAE;QACxC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,kCAAkC,EAAE,CAAC,CAAC;QACtC,qCAAqC,EAAE,CAAC;MAC1C,CAAC;MAED,4GAA4G,EAAE;QAC5G,8BAA8B,EAAE,CAAC;MACnC,CAAC;MACD,uHAAuH,EACrH;QACE,8BAA8B,EAAE,CAAC;MACnC,CAAC;MACH,0HAA0H,EACxH;QACE,oBAAoB,EAAE,CAAC;MACzB;IAAC,GAGAJ,MAAM,CAACK,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAR,QAAA,KACTK,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,kBACLD,KAAK,IAAK,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;IAAA,CAQ9B,EACF,CAAC,CACH,CAAC;MAED;MACA,YAAY,EAAE;QACZ,2BAA2B,EAAE,CAAC,CAAC;QAE/B,GAAG,EAAE;UACHN,eAAe,EAAE;QACnB;MACF,CAAC;MAED,kEAAkE,EAAE;QAClE,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED;MACA,MAAM,EAAE;QACNO,MAAM,EAAE,SAAS;QACjBC,KAAK,EAAE;MACT,CAAC;MAED,MAAM,EAAE;QACND,MAAM,EAAE,QAAQ;QAChBC,KAAK,EAAE;MACT,CAAC;MAED,MAAM,EAAE;QACND,MAAM,EAAE,SAAS;QACjBC,KAAK,EAAE;MACT;IAAC,EACF;IAED;IACA,kBAAkB,EAAE;MAClB,2GAA2G,EAAE,CAAC,CAAC;MAE/G;MACA,MAAM,EAAE;QACND,MAAM,EAAE,QAAQ;QAChBC,KAAK,EAAE;MACT,CAAC;MAED,MAAM,EAAE;QACND,MAAM,EAAE,MAAM;QACdC,KAAK,EAAE;MACT,CAAC;MAED,MAAM,EAAE;QACND,MAAM,EAAE,QAAQ;QAChBC,KAAK,EAAE;MACT;IACF;EACF,CAAC;AAAA,CAAC"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,73 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var plugin = require('tailwindcss/plugin');
|
|
4
|
-
var base = require('./base');
|
|
5
3
|
var preset = require('./preset');
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var AlertBanner = require('./components/alert-banner');
|
|
13
|
-
var Badge = require('./components/badge');
|
|
14
|
-
var Breadcrumb = require('./components/breadcrumb');
|
|
15
|
-
var ButtonGroup = require('./components/button-group');
|
|
16
|
-
var Comments = require('./components/comments');
|
|
17
|
-
var Checkbox = require('./components/checkbox');
|
|
18
|
-
var ContextMenu = require('./components/context-menu');
|
|
19
|
-
var Dialog = require('./components/dialog');
|
|
20
|
-
var Dot = require('./components/dot');
|
|
21
|
-
var Forms = require('./components/forms');
|
|
22
|
-
var Calendar = require('./components/calendar');
|
|
23
|
-
var Icon = require('./components/icon');
|
|
24
|
-
var Link = require('./components/link');
|
|
25
|
-
var Message = require('./components/message');
|
|
26
|
-
var Notification = require('./components/notification');
|
|
27
|
-
var Radio = require('./components/radio');
|
|
28
|
-
var Switch = require('./components/switch');
|
|
29
|
-
var Button = require('./components/button');
|
|
30
|
-
var Accordion = require('./components/accordion');
|
|
31
|
-
var Card = require('./components/card');
|
|
32
|
-
var Table = require('./components/table');
|
|
33
|
-
var ZebraTable = require('./components/zebratable');
|
|
34
|
-
var Modal = require('./components/modal');
|
|
35
|
-
var CookieConsent = require('./components/cookie-consent');
|
|
36
|
-
var Divider = require('./components/divider');
|
|
37
|
-
var SideMenu = require('./components/side-menu');
|
|
38
|
-
var TabMenu = require('./components/tab-menu');
|
|
39
|
-
var Tabs = require('./components/tabs');
|
|
40
|
-
var UserMenu = require('./components/user-menu');
|
|
41
|
-
var DropdownFilter = require('./components/dropdown-filter');
|
|
42
|
-
var Tag = require('./components/tag');
|
|
43
|
-
var Pagination = require('./components/pagination');
|
|
44
|
-
var Footer = require('./components/footer');
|
|
45
|
-
var Header = require('./components/header');
|
|
46
|
-
var SearchBar = require('./components/search-bar');
|
|
47
|
-
var ProfilePicture = require('./components/profile-picture');
|
|
48
|
-
var Profile = require('./components/profile');
|
|
49
|
-
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];
|
|
50
|
-
var defaultColors = ['primary', 'secondary'];
|
|
51
|
-
module.exports = plugin.withOptions(function (options) {
|
|
52
|
-
if (options === void 0) {
|
|
53
|
-
options = {
|
|
54
|
-
colors: [],
|
|
55
|
-
cssBase: true
|
|
56
|
-
};
|
|
57
|
-
}
|
|
58
|
-
return function (_ref) {
|
|
59
|
-
var addComponents = _ref.addComponents,
|
|
60
|
-
addBase = _ref.addBase,
|
|
61
|
-
theme = _ref.theme;
|
|
62
|
-
var optionColors = [].concat(defaultColors, options.colors || []);
|
|
63
|
-
if (options.cssBase) {
|
|
64
|
-
addBase(base);
|
|
65
|
-
}
|
|
66
|
-
addComponents(components.map(function (component) {
|
|
67
|
-
return component(optionColors, theme);
|
|
68
|
-
}));
|
|
69
|
-
};
|
|
70
|
-
}, function () {
|
|
71
|
-
return preset;
|
|
72
|
-
});
|
|
4
|
+
var plugin = require('./plugin');
|
|
5
|
+
module.exports = {
|
|
6
|
+
"default": plugin,
|
|
7
|
+
plugin: plugin,
|
|
8
|
+
preset: preset
|
|
9
|
+
};
|
|
73
10
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/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"],"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;EACf,WAASF,MAAM;EACfA,MAAM,EAAEA,MAAM;EACdF,MAAM,EAAEA;AACV,CAAC"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var plugin = require('tailwindcss/plugin');
|
|
4
|
+
var base = require('./base');
|
|
5
|
+
var theme = require('./theme');
|
|
6
|
+
|
|
7
|
+
// components
|
|
8
|
+
var Alert = require('./components/alert');
|
|
9
|
+
var AlertBanner = require('./components/alert-banner');
|
|
10
|
+
var Badge = require('./components/badge');
|
|
11
|
+
var Breadcrumb = require('./components/breadcrumb');
|
|
12
|
+
var ButtonGroup = require('./components/button-group');
|
|
13
|
+
var Comments = require('./components/comments');
|
|
14
|
+
var Checkbox = require('./components/checkbox');
|
|
15
|
+
var ContextMenu = require('./components/context-menu');
|
|
16
|
+
var Dialog = require('./components/dialog');
|
|
17
|
+
var Dot = require('./components/dot');
|
|
18
|
+
var Forms = require('./components/forms');
|
|
19
|
+
var Calendar = require('./components/calendar');
|
|
20
|
+
var Icon = require('./components/icon');
|
|
21
|
+
var Link = require('./components/link');
|
|
22
|
+
var Message = require('./components/message');
|
|
23
|
+
var Notification = require('./components/notification');
|
|
24
|
+
var Radio = require('./components/radio');
|
|
25
|
+
var Switch = require('./components/switch');
|
|
26
|
+
var Button = require('./components/button');
|
|
27
|
+
var Accordion = require('./components/accordion');
|
|
28
|
+
var Card = require('./components/card');
|
|
29
|
+
var Table = require('./components/table');
|
|
30
|
+
var ZebraTable = require('./components/zebratable');
|
|
31
|
+
var Modal = require('./components/modal');
|
|
32
|
+
var CookieConsent = require('./components/cookie-consent');
|
|
33
|
+
var Divider = require('./components/divider');
|
|
34
|
+
var SideMenu = require('./components/side-menu');
|
|
35
|
+
var TabMenu = require('./components/tab-menu');
|
|
36
|
+
var Tabs = require('./components/tabs');
|
|
37
|
+
var UserMenu = require('./components/user-menu');
|
|
38
|
+
var DropdownFilter = require('./components/dropdown-filter');
|
|
39
|
+
var Tag = require('./components/tag');
|
|
40
|
+
var Pagination = require('./components/pagination');
|
|
41
|
+
var Footer = require('./components/footer');
|
|
42
|
+
var Header = require('./components/header');
|
|
43
|
+
var SearchBar = require('./components/search-bar');
|
|
44
|
+
var ProfilePicture = require('./components/profile-picture');
|
|
45
|
+
var Profile = require('./components/profile');
|
|
46
|
+
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];
|
|
47
|
+
var defaultColors = ['primary', 'secondary'];
|
|
48
|
+
module.exports = plugin.withOptions(function (options) {
|
|
49
|
+
if (options === void 0) {
|
|
50
|
+
options = {
|
|
51
|
+
colors: [],
|
|
52
|
+
cssBase: true
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
return function (_ref) {
|
|
56
|
+
var addComponents = _ref.addComponents,
|
|
57
|
+
addBase = _ref.addBase,
|
|
58
|
+
theme = _ref.theme;
|
|
59
|
+
var optionColors = [].concat(defaultColors, options.colors || []);
|
|
60
|
+
if (options.cssBase) {
|
|
61
|
+
addBase(base);
|
|
62
|
+
}
|
|
63
|
+
addComponents(components.map(function (component) {
|
|
64
|
+
return component(optionColors, theme);
|
|
65
|
+
}));
|
|
66
|
+
};
|
|
67
|
+
}, function () {
|
|
68
|
+
return {
|
|
69
|
+
theme: theme
|
|
70
|
+
};
|
|
71
|
+
});
|
|
72
|
+
//# 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","concat","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/cjs/preset.js
CHANGED
|
@@ -1,90 +1,37 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
sm: '1.4rem',
|
|
14
|
-
base: '1.6rem',
|
|
15
|
-
lg: '1.8rem',
|
|
16
|
-
xl: '2.0rem',
|
|
17
|
-
'2xl': '2.4rem',
|
|
18
|
-
'3xl': '3.2rem',
|
|
19
|
-
'4xl': '4.0rem',
|
|
20
|
-
'5xl': '5.2rem'
|
|
21
|
-
},
|
|
22
|
-
extend: {
|
|
23
|
-
colors: _extends({}, colors, {
|
|
24
|
-
current: 'currentColor'
|
|
25
|
-
}),
|
|
26
|
-
cursor: {
|
|
27
|
-
base: 'var(--vc-cursor)'
|
|
28
|
-
},
|
|
29
|
-
spacing: {
|
|
30
|
-
xs: '4px',
|
|
31
|
-
sm: '8px',
|
|
32
|
-
md: '16px',
|
|
33
|
-
lg: '24px',
|
|
34
|
-
xl: '48px'
|
|
35
|
-
},
|
|
36
|
-
lineHeight: {
|
|
37
|
-
tiny: '1.4rem',
|
|
38
|
-
xs: '1.6rem',
|
|
39
|
-
sm: '2rem',
|
|
40
|
-
base: '2.4rem',
|
|
41
|
-
lg: '2.4rem',
|
|
42
|
-
xl: '3.2rem',
|
|
43
|
-
'2xl': '3.2rem',
|
|
44
|
-
'3xl': '4rem',
|
|
45
|
-
'4xl': '4.8rem',
|
|
46
|
-
'5xl': '5.8rem'
|
|
47
|
-
},
|
|
48
|
-
opacity: {
|
|
49
|
-
15: '0.15'
|
|
50
|
-
},
|
|
51
|
-
backgroundColor: {
|
|
52
|
-
base: withOpacity('--vc-colors-bg-base'),
|
|
53
|
-
fill: withOpacity('--vc-colors-bg-fill')
|
|
54
|
-
},
|
|
55
|
-
textColor: {
|
|
56
|
-
foreground: withOpacity('--vc-colors-text-foreground'),
|
|
57
|
-
muted: withOpacity('--vc-colors-text-muted')
|
|
58
|
-
},
|
|
59
|
-
borderRadius: {
|
|
60
|
-
base: 'var(--vc-rounded)'
|
|
61
|
-
},
|
|
62
|
-
zIndex: {
|
|
63
|
-
hide: -1,
|
|
64
|
-
none: 0,
|
|
65
|
-
base: 1,
|
|
66
|
-
docked: 10,
|
|
67
|
-
dropdown: 1000,
|
|
68
|
-
sticky: 1100,
|
|
69
|
-
banner: 1200,
|
|
70
|
-
overlay: 1300,
|
|
71
|
-
modal: 1400,
|
|
72
|
-
popover: 1500,
|
|
73
|
-
skipLink: 1600,
|
|
74
|
-
toast: 1700,
|
|
75
|
-
tooltip: 1800
|
|
76
|
-
},
|
|
77
|
-
keyframes: {
|
|
78
|
-
'reset-overflow': {
|
|
79
|
-
'from, to': {
|
|
80
|
-
overflow: 'hidden'
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
},
|
|
84
|
-
animation: {
|
|
85
|
-
'reset-overflow': 'reset-overflow 180ms backwards'
|
|
4
|
+
var plugin = require('tailwindcss/plugin');
|
|
5
|
+
module.exports = function (options) {
|
|
6
|
+
if (options === void 0) {
|
|
7
|
+
options = {
|
|
8
|
+
customScrollbar: true,
|
|
9
|
+
tailwindForms: true,
|
|
10
|
+
plugin: {
|
|
11
|
+
colors: [],
|
|
12
|
+
cssBase: true
|
|
86
13
|
}
|
|
87
|
-
}
|
|
14
|
+
};
|
|
88
15
|
}
|
|
16
|
+
return {
|
|
17
|
+
theme: _extends({}, options.customScrollbar ? {
|
|
18
|
+
'.custom-scrollbar': {
|
|
19
|
+
'@apply scrollbar scrollbar-h-5 scrollbar-w-4 scrollbar-thumb-gray-300 scrollbar-track-gray-100 scrollbar-thumb-rounded-full scrollbar-track-rounded-full': {}
|
|
20
|
+
}
|
|
21
|
+
} : {}),
|
|
22
|
+
plugins: [].concat(options.tailwindForms ? [require('@tailwindcss/forms')] : [], options.customScrollbar ? [require('tailwind-scrollbar')({
|
|
23
|
+
nocompatible: true
|
|
24
|
+
})] : [], options.customScrollbar ? [plugin(function (_ref) {
|
|
25
|
+
var addBase = _ref.addBase;
|
|
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
|
+
};
|
|
89
36
|
};
|
|
90
37
|
//# sourceMappingURL=preset.js.map
|
package/dist/cjs/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","concat","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,KAAAC,MAAA,CACDR,OAAO,CAACE,aAAa,GAAG,CAACL,OAAO,CAAC,oBAAoB,CAAC,CAAC,GAAG,EAAE,EAC5DG,OAAO,CAACC,eAAe,GAAG,CAACJ,OAAO,CAAC,oBAAoB,CAAC,CAAC;MAAEY,YAAY,EAAE;IAAK,CAAC,CAAC,CAAC,GAAG,EAAE,EACtFT,OAAO,CAACC,eAAe,GACvB,CACEL,MAAM,CAAC,UAAAc,IAAA,EAAuB;MAAA,IAAXC,OAAO,GAAAD,IAAA,CAAPC,OAAO;MACxBA,OAAO,CAAC;QACN,mBAAmB,EAAE;UACnB,0JAA0J,EACxJ,CAAC;QACL;MACF,CAAC,CAAC;IACJ,CAAC,CAAC,CACH,GACD,EAAE,GACNd,OAAO,CAAC,UAAU,CAAC,CAACG,OAAO,CAACJ,MAAM,CAAC,EACpC;IACDgB,QAAQ,EAAAN,QAAA,KACFN,OAAO,CAACC,eAAe,GAAG;MAAEY,SAAS,EAAE,CAAC,SAAS;IAAE,CAAC,GAAG,CAAC,CAAC;EAEjE,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
|
+
var _require = require('@sk-web-gui/theme'),
|
|
5
|
+
colors = _require.colors;
|
|
6
|
+
var withOpacity = require('./with-opacity');
|
|
7
|
+
module.exports = {
|
|
8
|
+
fontSize: {
|
|
9
|
+
tiny: '1rem',
|
|
10
|
+
xs: '1.2rem',
|
|
11
|
+
sm: '1.4rem',
|
|
12
|
+
base: '1.6rem',
|
|
13
|
+
lg: '1.8rem',
|
|
14
|
+
xl: '2.0rem',
|
|
15
|
+
'2xl': '2.4rem',
|
|
16
|
+
'3xl': '3.2rem',
|
|
17
|
+
'4xl': '4.0rem',
|
|
18
|
+
'5xl': '5.2rem'
|
|
19
|
+
},
|
|
20
|
+
extend: {
|
|
21
|
+
colors: _extends({}, colors, {
|
|
22
|
+
current: 'currentColor'
|
|
23
|
+
}),
|
|
24
|
+
cursor: {
|
|
25
|
+
base: 'var(--vc-cursor)'
|
|
26
|
+
},
|
|
27
|
+
spacing: {
|
|
28
|
+
xs: '4px',
|
|
29
|
+
sm: '8px',
|
|
30
|
+
md: '16px',
|
|
31
|
+
lg: '24px',
|
|
32
|
+
xl: '48px'
|
|
33
|
+
},
|
|
34
|
+
lineHeight: {
|
|
35
|
+
tiny: '1.4rem',
|
|
36
|
+
xs: '1.6rem',
|
|
37
|
+
sm: '2rem',
|
|
38
|
+
base: '2.4rem',
|
|
39
|
+
lg: '2.4rem',
|
|
40
|
+
xl: '3.2rem',
|
|
41
|
+
'2xl': '3.2rem',
|
|
42
|
+
'3xl': '4rem',
|
|
43
|
+
'4xl': '4.8rem',
|
|
44
|
+
'5xl': '5.8rem'
|
|
45
|
+
},
|
|
46
|
+
opacity: {
|
|
47
|
+
15: '0.15'
|
|
48
|
+
},
|
|
49
|
+
backgroundColor: {
|
|
50
|
+
base: withOpacity('--vc-colors-bg-base'),
|
|
51
|
+
fill: withOpacity('--vc-colors-bg-fill')
|
|
52
|
+
},
|
|
53
|
+
textColor: {
|
|
54
|
+
foreground: withOpacity('--vc-colors-text-foreground'),
|
|
55
|
+
muted: withOpacity('--vc-colors-text-muted')
|
|
56
|
+
},
|
|
57
|
+
borderRadius: {
|
|
58
|
+
base: 'var(--vc-rounded)'
|
|
59
|
+
},
|
|
60
|
+
zIndex: {
|
|
61
|
+
hide: -1,
|
|
62
|
+
none: 0,
|
|
63
|
+
base: 1,
|
|
64
|
+
docked: 10,
|
|
65
|
+
dropdown: 1000,
|
|
66
|
+
sticky: 1100,
|
|
67
|
+
banner: 1200,
|
|
68
|
+
overlay: 1300,
|
|
69
|
+
modal: 1400,
|
|
70
|
+
popover: 1500,
|
|
71
|
+
skipLink: 1600,
|
|
72
|
+
toast: 1700,
|
|
73
|
+
tooltip: 1800
|
|
74
|
+
},
|
|
75
|
+
keyframes: {
|
|
76
|
+
'reset-overflow': {
|
|
77
|
+
'from, to': {
|
|
78
|
+
overflow: 'hidden'
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
animation: {
|
|
83
|
+
'reset-overflow': 'reset-overflow 180ms backwards'
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
};
|
|
87
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +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');\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,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"}
|
package/dist/esm/colors.js
CHANGED
package/dist/esm/colors.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","names":["withOpacity","require","module","exports","primary","DEFAULT","dark","light","active","secondary","success","info","warning","error","neutral","whiteAlpha","blackAlpha"],"sources":["../../src/colors.js"],"sourcesContent":["const withOpacity = require('./with-opacity');\r\n\r\nmodule.exports = {\r\n primary: {\r\n DEFAULT: withOpacity('--vc-colors-primary-DEFAULT'),\r\n dark: withOpacity('--vc-colors-primary-dark'),\r\n light: withOpacity('--vc-colors-primary-light'),\r\n active: withOpacity('--vc-colors-primary-active'),\r\n 50: withOpacity('--vc-colors-primary-DEFAULT'),\r\n 100: withOpacity('--vc-colors-primary-DEFAULT'),\r\n 200: withOpacity('--vc-colors-primary-DEFAULT'),\r\n 300: withOpacity('--vc-colors-primary-DEFAULT'),\r\n 400: withOpacity('--vc-colors-primary-DEFAULT'),\r\n 500: withOpacity('--vc-colors-primary-DEFAULT'),\r\n 600: withOpacity('--vc-colors-primary-DEFAULT'),\r\n 700: withOpacity('--vc-colors-primary-DEFAULT'),\r\n 800: withOpacity('--vc-colors-primary-DEFAULT'),\r\n 900: withOpacity('--vc-colors-primary-DEFAULT'),\r\n },\r\n\r\n secondary: {\r\n DEFAULT: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n dark: withOpacity('--vc-colors-secondary-dark'),\r\n light: withOpacity('--vc-colors-secondary-light'),\r\n active: withOpacity('--vc-colors-secondary-active'),\r\n 50: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n 100: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n 200: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n 300: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n 400: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n 500: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n 600: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n 700: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n 800: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n 900: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n },\r\n\r\n success: {\r\n DEFAULT: withOpacity('--vc-colors-success-DEFAULT'),\r\n dark: withOpacity('--vc-colors-success-dark'),\r\n light: withOpacity('--vc-colors-success-light'),\r\n active: withOpacity('--vc-colors-success-active'),\r\n 50: withOpacity('--vc-colors-success-DEFAULT'),\r\n 100: withOpacity('--vc-colors-success-DEFAULT'),\r\n 200: withOpacity('--vc-colors-success-DEFAULT'),\r\n 300: withOpacity('--vc-colors-success-DEFAULT'),\r\n 400: withOpacity('--vc-colors-success-DEFAULT'),\r\n 500: withOpacity('--vc-colors-success-DEFAULT'),\r\n 600: withOpacity('--vc-colors-success-DEFAULT'),\r\n 700: withOpacity('--vc-colors-success-DEFAULT'),\r\n 800: withOpacity('--vc-colors-success-DEFAULT'),\r\n 900: withOpacity('--vc-colors-success-DEFAULT'),\r\n },\r\n\r\n info: {\r\n DEFAULT: withOpacity('--vc-colors-info-DEFAULT'),\r\n dark: withOpacity('--vc-colors-info-dark'),\r\n light: withOpacity('--vc-colors-info-light'),\r\n active: withOpacity('--vc-colors-info-active'),\r\n 50: withOpacity('--vc-colors-info-DEFAULT'),\r\n 100: withOpacity('--vc-colors-info-DEFAULT'),\r\n 200: withOpacity('--vc-colors-info-DEFAULT'),\r\n 300: withOpacity('--vc-colors-info-DEFAULT'),\r\n 400: withOpacity('--vc-colors-info-DEFAULT'),\r\n 500: withOpacity('--vc-colors-info-DEFAULT'),\r\n 600: withOpacity('--vc-colors-info-DEFAULT'),\r\n 700: withOpacity('--vc-colors-info-DEFAULT'),\r\n 800: withOpacity('--vc-colors-info-DEFAULT'),\r\n 900: withOpacity('--vc-colors-info-DEFAULT'),\r\n },\r\n\r\n warning: {\r\n DEFAULT: withOpacity('--vc-colors-warning-DEFAULT'),\r\n dark: withOpacity('--vc-colors-warning-dark'),\r\n light: withOpacity('--vc-colors-warning-light'),\r\n active: withOpacity('--vc-colors-warning-active'),\r\n 50: withOpacity('--vc-colors-warning-DEFAULT'),\r\n 100: withOpacity('--vc-colors-warning-DEFAULT'),\r\n 200: withOpacity('--vc-colors-warning-DEFAULT'),\r\n 300: withOpacity('--vc-colors-warning-DEFAULT'),\r\n 400: withOpacity('--vc-colors-warning-DEFAULT'),\r\n 500: withOpacity('--vc-colors-warning-DEFAULT'),\r\n 600: withOpacity('--vc-colors-warning-DEFAULT'),\r\n 700: withOpacity('--vc-colors-warning-DEFAULT'),\r\n 800: withOpacity('--vc-colors-warning-DEFAULT'),\r\n 900: withOpacity('--vc-colors-warning-DEFAULT'),\r\n },\r\n\r\n error: {\r\n DEFAULT: withOpacity('--vc-colors-error-DEFAULT'),\r\n dark: withOpacity('--vc-colors-error-dark'),\r\n light: withOpacity('--vc-colors-error-light'),\r\n active: withOpacity('--vc-colors-error-active'),\r\n 50: withOpacity('--vc-colors-error-DEFAULT'),\r\n 100: withOpacity('--vc-colors-error-DEFAULT'),\r\n 200: withOpacity('--vc-colors-error-DEFAULT'),\r\n 300: withOpacity('--vc-colors-error-DEFAULT'),\r\n 400: withOpacity('--vc-colors-error-DEFAULT'),\r\n 500: withOpacity('--vc-colors-error-DEFAULT'),\r\n 600: withOpacity('--vc-colors-error-DEFAULT'),\r\n 700: withOpacity('--vc-colors-error-DEFAULT'),\r\n 800: withOpacity('--vc-colors-error-DEFAULT'),\r\n 900: withOpacity('--vc-colors-error-DEFAULT'),\r\n },\r\n\r\n neutral: {\r\n DEFAULT: withOpacity('--vc-colors-neutral'),\r\n 50: withOpacity('--vc-colors-neutral-50'),\r\n 100: withOpacity('--vc-colors-neutral-100'),\r\n 200: withOpacity('--vc-colors-neutral-200'),\r\n 300: withOpacity('--vc-colors-neutral-300'),\r\n 400: withOpacity('--vc-colors-neutral-400'),\r\n 500: withOpacity('--vc-colors-neutral-500'),\r\n 600: withOpacity('--vc-colors-neutral-600'),\r\n 700: withOpacity('--vc-colors-neutral-700'),\r\n 800: withOpacity('--vc-colors-neutral-800'),\r\n 900: withOpacity('--vc-colors-neutral-900'),\r\n },\r\n\r\n whiteAlpha: {\r\n 50: 'rgba(255, 255, 255, 0.04)',\r\n 100: 'rgba(255, 255, 255, 0.06)',\r\n 200: 'rgba(255, 255, 255, 0.08)',\r\n 300: 'rgba(255, 255, 255, 0.16)',\r\n 400: 'rgba(255, 255, 255, 0.24)',\r\n 500: 'rgba(255, 255, 255, 0.36)',\r\n 600: 'rgba(255, 255, 255, 0.48)',\r\n 700: 'rgba(255, 255, 255, 0.64)',\r\n 800: 'rgba(255, 255, 255, 0.80)',\r\n 900: 'rgba(255, 255, 255, 0.92)',\r\n },\r\n\r\n blackAlpha: {\r\n 50: 'rgba(0, 0, 0, 0.04)',\r\n 100: 'rgba(0, 0, 0, 0.06)',\r\n 200: 'rgba(0, 0, 0, 0.08)',\r\n 300: 'rgba(0, 0, 0, 0.16)',\r\n 400: 'rgba(0, 0, 0, 0.24)',\r\n 500: 'rgba(0, 0, 0, 0.36)',\r\n 600: 'rgba(0, 0, 0, 0.48)',\r\n 700: 'rgba(0, 0, 0, 0.64)',\r\n 800: 'rgba(0, 0, 0, 0.80)',\r\n 900: 'rgba(0, 0, 0, 0.92)',\r\n },\r\n};\r\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"colors.js","names":["withOpacity","require","module","exports","primary","DEFAULT","dark","light","active","secondary","success","info","warning","error","neutral","whiteAlpha","blackAlpha"],"sources":["../../src/colors.js"],"sourcesContent":["// File unused\r\nconst withOpacity = require('./with-opacity');\r\n\r\nmodule.exports = {\r\n primary: {\r\n DEFAULT: withOpacity('--vc-colors-primary-DEFAULT'),\r\n dark: withOpacity('--vc-colors-primary-dark'),\r\n light: withOpacity('--vc-colors-primary-light'),\r\n active: withOpacity('--vc-colors-primary-active'),\r\n 50: withOpacity('--vc-colors-primary-DEFAULT'),\r\n 100: withOpacity('--vc-colors-primary-DEFAULT'),\r\n 200: withOpacity('--vc-colors-primary-DEFAULT'),\r\n 300: withOpacity('--vc-colors-primary-DEFAULT'),\r\n 400: withOpacity('--vc-colors-primary-DEFAULT'),\r\n 500: withOpacity('--vc-colors-primary-DEFAULT'),\r\n 600: withOpacity('--vc-colors-primary-DEFAULT'),\r\n 700: withOpacity('--vc-colors-primary-DEFAULT'),\r\n 800: withOpacity('--vc-colors-primary-DEFAULT'),\r\n 900: withOpacity('--vc-colors-primary-DEFAULT'),\r\n },\r\n\r\n secondary: {\r\n DEFAULT: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n dark: withOpacity('--vc-colors-secondary-dark'),\r\n light: withOpacity('--vc-colors-secondary-light'),\r\n active: withOpacity('--vc-colors-secondary-active'),\r\n 50: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n 100: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n 200: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n 300: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n 400: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n 500: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n 600: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n 700: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n 800: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n 900: withOpacity('--vc-colors-secondary-DEFAULT'),\r\n },\r\n\r\n success: {\r\n DEFAULT: withOpacity('--vc-colors-success-DEFAULT'),\r\n dark: withOpacity('--vc-colors-success-dark'),\r\n light: withOpacity('--vc-colors-success-light'),\r\n active: withOpacity('--vc-colors-success-active'),\r\n 50: withOpacity('--vc-colors-success-DEFAULT'),\r\n 100: withOpacity('--vc-colors-success-DEFAULT'),\r\n 200: withOpacity('--vc-colors-success-DEFAULT'),\r\n 300: withOpacity('--vc-colors-success-DEFAULT'),\r\n 400: withOpacity('--vc-colors-success-DEFAULT'),\r\n 500: withOpacity('--vc-colors-success-DEFAULT'),\r\n 600: withOpacity('--vc-colors-success-DEFAULT'),\r\n 700: withOpacity('--vc-colors-success-DEFAULT'),\r\n 800: withOpacity('--vc-colors-success-DEFAULT'),\r\n 900: withOpacity('--vc-colors-success-DEFAULT'),\r\n },\r\n\r\n info: {\r\n DEFAULT: withOpacity('--vc-colors-info-DEFAULT'),\r\n dark: withOpacity('--vc-colors-info-dark'),\r\n light: withOpacity('--vc-colors-info-light'),\r\n active: withOpacity('--vc-colors-info-active'),\r\n 50: withOpacity('--vc-colors-info-DEFAULT'),\r\n 100: withOpacity('--vc-colors-info-DEFAULT'),\r\n 200: withOpacity('--vc-colors-info-DEFAULT'),\r\n 300: withOpacity('--vc-colors-info-DEFAULT'),\r\n 400: withOpacity('--vc-colors-info-DEFAULT'),\r\n 500: withOpacity('--vc-colors-info-DEFAULT'),\r\n 600: withOpacity('--vc-colors-info-DEFAULT'),\r\n 700: withOpacity('--vc-colors-info-DEFAULT'),\r\n 800: withOpacity('--vc-colors-info-DEFAULT'),\r\n 900: withOpacity('--vc-colors-info-DEFAULT'),\r\n },\r\n\r\n warning: {\r\n DEFAULT: withOpacity('--vc-colors-warning-DEFAULT'),\r\n dark: withOpacity('--vc-colors-warning-dark'),\r\n light: withOpacity('--vc-colors-warning-light'),\r\n active: withOpacity('--vc-colors-warning-active'),\r\n 50: withOpacity('--vc-colors-warning-DEFAULT'),\r\n 100: withOpacity('--vc-colors-warning-DEFAULT'),\r\n 200: withOpacity('--vc-colors-warning-DEFAULT'),\r\n 300: withOpacity('--vc-colors-warning-DEFAULT'),\r\n 400: withOpacity('--vc-colors-warning-DEFAULT'),\r\n 500: withOpacity('--vc-colors-warning-DEFAULT'),\r\n 600: withOpacity('--vc-colors-warning-DEFAULT'),\r\n 700: withOpacity('--vc-colors-warning-DEFAULT'),\r\n 800: withOpacity('--vc-colors-warning-DEFAULT'),\r\n 900: withOpacity('--vc-colors-warning-DEFAULT'),\r\n },\r\n\r\n error: {\r\n DEFAULT: withOpacity('--vc-colors-error-DEFAULT'),\r\n dark: withOpacity('--vc-colors-error-dark'),\r\n light: withOpacity('--vc-colors-error-light'),\r\n active: withOpacity('--vc-colors-error-active'),\r\n 50: withOpacity('--vc-colors-error-DEFAULT'),\r\n 100: withOpacity('--vc-colors-error-DEFAULT'),\r\n 200: withOpacity('--vc-colors-error-DEFAULT'),\r\n 300: withOpacity('--vc-colors-error-DEFAULT'),\r\n 400: withOpacity('--vc-colors-error-DEFAULT'),\r\n 500: withOpacity('--vc-colors-error-DEFAULT'),\r\n 600: withOpacity('--vc-colors-error-DEFAULT'),\r\n 700: withOpacity('--vc-colors-error-DEFAULT'),\r\n 800: withOpacity('--vc-colors-error-DEFAULT'),\r\n 900: withOpacity('--vc-colors-error-DEFAULT'),\r\n },\r\n\r\n neutral: {\r\n DEFAULT: withOpacity('--vc-colors-neutral'),\r\n 50: withOpacity('--vc-colors-neutral-50'),\r\n 100: withOpacity('--vc-colors-neutral-100'),\r\n 200: withOpacity('--vc-colors-neutral-200'),\r\n 300: withOpacity('--vc-colors-neutral-300'),\r\n 400: withOpacity('--vc-colors-neutral-400'),\r\n 500: withOpacity('--vc-colors-neutral-500'),\r\n 600: withOpacity('--vc-colors-neutral-600'),\r\n 700: withOpacity('--vc-colors-neutral-700'),\r\n 800: withOpacity('--vc-colors-neutral-800'),\r\n 900: withOpacity('--vc-colors-neutral-900'),\r\n },\r\n\r\n whiteAlpha: {\r\n 50: 'rgba(255, 255, 255, 0.04)',\r\n 100: 'rgba(255, 255, 255, 0.06)',\r\n 200: 'rgba(255, 255, 255, 0.08)',\r\n 300: 'rgba(255, 255, 255, 0.16)',\r\n 400: 'rgba(255, 255, 255, 0.24)',\r\n 500: 'rgba(255, 255, 255, 0.36)',\r\n 600: 'rgba(255, 255, 255, 0.48)',\r\n 700: 'rgba(255, 255, 255, 0.64)',\r\n 800: 'rgba(255, 255, 255, 0.80)',\r\n 900: 'rgba(255, 255, 255, 0.92)',\r\n },\r\n\r\n blackAlpha: {\r\n 50: 'rgba(0, 0, 0, 0.04)',\r\n 100: 'rgba(0, 0, 0, 0.06)',\r\n 200: 'rgba(0, 0, 0, 0.08)',\r\n 300: 'rgba(0, 0, 0, 0.16)',\r\n 400: 'rgba(0, 0, 0, 0.24)',\r\n 500: 'rgba(0, 0, 0, 0.36)',\r\n 600: 'rgba(0, 0, 0, 0.48)',\r\n 700: 'rgba(0, 0, 0, 0.64)',\r\n 800: 'rgba(0, 0, 0, 0.80)',\r\n 900: 'rgba(0, 0, 0, 0.92)',\r\n },\r\n};\r\n"],"mappings":"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"}
|
|
@@ -59,6 +59,15 @@ module.exports = Accordion = colors => ({
|
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
},
|
|
62
|
+
'&-error': {
|
|
63
|
+
'@apply border border-error': {},
|
|
64
|
+
'.accordion-header': {
|
|
65
|
+
'@apply bg-error-light text-error': {},
|
|
66
|
+
'[aria-expanded="true"] &': {
|
|
67
|
+
'@apply bg-error-light': {}
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
},
|
|
62
71
|
'&-is-open': {
|
|
63
72
|
'@apply border border-gray-stroke': {},
|
|
64
73
|
'& .accordion-header': {
|
|
@@ -71,7 +80,13 @@ module.exports = Accordion = colors => ({
|
|
|
71
80
|
'@apply border-b border-warning': {}
|
|
72
81
|
}
|
|
73
82
|
},
|
|
74
|
-
'&-is-open
|
|
83
|
+
'&-is-open-error': {
|
|
84
|
+
'@apply border border-error': {},
|
|
85
|
+
'& .accordion-header': {
|
|
86
|
+
'@apply border-b border-error': {}
|
|
87
|
+
}
|
|
88
|
+
},
|
|
89
|
+
'&-is-open &-body, &-is-open-alert &-body, &-is-open-error &-body': {
|
|
75
90
|
'@apply overflow-visible animate-reset-overflow': {}
|
|
76
91
|
},
|
|
77
92
|
'&-outline': {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","names":["module","exports","Accordion","colors","fontWeight","boxShadow","outline","transitionProperty","transitionTimingFunction","transitionDuration"],"sources":["../../../src/components/accordion.js"],"sourcesContent":["module.exports = Accordion = (colors) => ({\r\n '.accordion': {\r\n '&-header': {\r\n '@apply flex flex-col text-left': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-hover': {},\r\n },\r\n\r\n '&-icon': {\r\n '@apply ml-auto !text-2xl': {},\r\n },\r\n },\r\n\r\n '&-is-open &-header': {\r\n '@apply bg-hover': {},\r\n },\r\n\r\n '&-toggle': {\r\n '@apply flex items-center inline-block text-lg leading-lg text-left text-lg mx-md sm:mx-lg my-md': {},\r\n fontWeight: 'bold',\r\n //\"@apply focus-visible:shadow shadow-lg\": {},\r\n '&:focus-visible': {\r\n boxShadow: '0 0 0 0.4rem #fff!important',\r\n outline: '0',\r\n //\"@apply border-4\": {},\r\n },\r\n '.accordion-title': {\r\n '@apply mr-md text-base leading-base md:text-lg md:leading-lg': {},\r\n },\r\n '.accordion-subtitle': {\r\n '@apply m-0 mr-md text-sm font-normal': {},\r\n },\r\n },\r\n\r\n '&-body': {\r\n '@apply h-0 overflow-hidden': {},\r\n transitionProperty: 'visibility, height, padding, margin',\r\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\r\n transitionDuration: '180ms',\r\n\r\n '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n '@apply my-0 invisible': {},\r\n },\r\n\r\n '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n '@apply block h-auto visible': {},\r\n },\r\n },\r\n\r\n '&-solid': {\r\n '@apply border border-primary': {},\r\n '.accordion-header': {\r\n '@apply bg-primary text-white': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-hover': {},\r\n },\r\n },\r\n },\r\n\r\n '&-alert': {\r\n '@apply border border-warning': {},\r\n '.accordion-header': {\r\n '@apply bg-warning-light text-warning': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-warning-light': {},\r\n },\r\n },\r\n },\r\n\r\n '&-is-open': {\r\n '@apply border border-gray-stroke': {},\r\n '& .accordion-header': {\r\n '@apply bg-hover text-white': {},\r\n },\r\n },\r\n\r\n '&-is-open-alert': {\r\n '@apply border border-warning': {},\r\n '& .accordion-header': {\r\n '@apply border-b border-warning': {},\r\n },\r\n },\r\n\r\n '&-is-open &-body &-is-open-alert': {\r\n '@apply overflow-visible animate-reset-overflow': {},\r\n },\r\n\r\n '&-outline': {\r\n '@apply border border-gray-stroke': {},\r\n '.accordion-body': {\r\n '@apply mt-0': {},\r\n },\r\n '.accordion-toggle': {\r\n '&:focus-visible': {\r\n boxShadow: '0 0 0 0.4rem #4b4b4b!important',\r\n outline: '0',\r\n },\r\n },\r\n '.accordion-header': {\r\n '@apply bg-transparent text-body': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-hover': {},\r\n },\r\n },\r\n },\r\n\r\n '&-disabled, &-disabled button': {\r\n '@apply disabled:cursor-not-allowed cursor-not-allowed': {},\r\n },\r\n\r\n '&-disabled &-header': {\r\n '@apply bg-gray-lighter text-gray': {},\r\n },\r\n\r\n '&-disabled, &&-disabled': {\r\n '@apply border-gray': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,SAAS,GAAIC,MAAM,KAAM;EACxC,YAAY,EAAE;IACZ,UAAU,EAAE;MACV,gCAAgC,EAAE,CAAC,CAAC;MAEpC,0BAA0B,EAAE;QAC1B,iBAAiB,EAAE,CAAC;MACtB,CAAC;MAED,QAAQ,EAAE;QACR,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED,oBAAoB,EAAE;MACpB,iBAAiB,EAAE,CAAC;IACtB,CAAC;IAED,UAAU,EAAE;MACV,iGAAiG,EAAE,CAAC,CAAC;MACrGC,UAAU,EAAE,MAAM;MAClB;MACA,iBAAiB,EAAE;QACjBC,SAAS,EAAE,6BAA6B;QACxCC,OAAO,EAAE;QACT;MACF,CAAC;;MACD,kBAAkB,EAAE;QAClB,8DAA8D,EAAE,CAAC;MACnE,CAAC;MACD,qBAAqB,EAAE;QACrB,sCAAsC,EAAE,CAAC;MAC3C;IACF,CAAC;IAED,QAAQ,EAAE;MACR,4BAA4B,EAAE,CAAC,CAAC;MAChCC,kBAAkB,EAAE,qCAAqC;MACzDC,wBAAwB,EAAE,8BAA8B;MACxDC,kBAAkB,EAAE,OAAO;MAE3B,8CAA8C,EAAE;QAC9C,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED,gDAAgD,EAAE;QAChD,6BAA6B,EAAE,CAAC;MAClC;IACF,CAAC;IAED,SAAS,EAAE;MACT,8BAA8B,EAAE,CAAC,CAAC;MAClC,mBAAmB,EAAE;QACnB,8BAA8B,EAAE,CAAC,CAAC;QAElC,0BAA0B,EAAE;UAC1B,iBAAiB,EAAE,CAAC;QACtB;MACF;IACF,CAAC;IAED,SAAS,EAAE;MACT,8BAA8B,EAAE,CAAC,CAAC;MAClC,mBAAmB,EAAE;QACnB,sCAAsC,EAAE,CAAC,CAAC;QAE1C,0BAA0B,EAAE;UAC1B,yBAAyB,EAAE,CAAC;QAC9B;MACF;IACF,CAAC;IAED,WAAW,EAAE;MACX,kCAAkC,EAAE,CAAC,CAAC;MACtC,qBAAqB,EAAE;QACrB,4BAA4B,EAAE,CAAC;MACjC;IACF,CAAC;IAED,iBAAiB,EAAE;MACjB,8BAA8B,EAAE,CAAC,CAAC;MAClC,qBAAqB,EAAE;QACrB,gCAAgC,EAAE,CAAC;MACrC;IACF,CAAC;IAED,
|
|
1
|
+
{"version":3,"file":"accordion.js","names":["module","exports","Accordion","colors","fontWeight","boxShadow","outline","transitionProperty","transitionTimingFunction","transitionDuration"],"sources":["../../../src/components/accordion.js"],"sourcesContent":["module.exports = Accordion = (colors) => ({\r\n '.accordion': {\r\n '&-header': {\r\n '@apply flex flex-col text-left': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-hover': {},\r\n },\r\n\r\n '&-icon': {\r\n '@apply ml-auto !text-2xl': {},\r\n },\r\n },\r\n\r\n '&-is-open &-header': {\r\n '@apply bg-hover': {},\r\n },\r\n\r\n '&-toggle': {\r\n '@apply flex items-center inline-block text-lg leading-lg text-left text-lg mx-md sm:mx-lg my-md': {},\r\n fontWeight: 'bold',\r\n //\"@apply focus-visible:shadow shadow-lg\": {},\r\n '&:focus-visible': {\r\n boxShadow: '0 0 0 0.4rem #fff!important',\r\n outline: '0',\r\n //\"@apply border-4\": {},\r\n },\r\n '.accordion-title': {\r\n '@apply mr-md text-base leading-base md:text-lg md:leading-lg': {},\r\n },\r\n '.accordion-subtitle': {\r\n '@apply m-0 mr-md text-sm font-normal': {},\r\n },\r\n },\r\n\r\n '&-body': {\r\n '@apply h-0 overflow-hidden': {},\r\n transitionProperty: 'visibility, height, padding, margin',\r\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\r\n transitionDuration: '180ms',\r\n\r\n '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n '@apply my-0 invisible': {},\r\n },\r\n\r\n '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n '@apply block h-auto visible': {},\r\n },\r\n },\r\n\r\n '&-solid': {\r\n '@apply border border-primary': {},\r\n '.accordion-header': {\r\n '@apply bg-primary text-white': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-hover': {},\r\n },\r\n },\r\n },\r\n\r\n '&-alert': {\r\n '@apply border border-warning': {},\r\n '.accordion-header': {\r\n '@apply bg-warning-light text-warning': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-warning-light': {},\r\n },\r\n },\r\n },\r\n '&-error': {\r\n '@apply border border-error': {},\r\n '.accordion-header': {\r\n '@apply bg-error-light text-error': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-error-light': {},\r\n },\r\n },\r\n },\r\n\r\n '&-is-open': {\r\n '@apply border border-gray-stroke': {},\r\n '& .accordion-header': {\r\n '@apply bg-hover text-white': {},\r\n },\r\n },\r\n\r\n '&-is-open-alert': {\r\n '@apply border border-warning': {},\r\n '& .accordion-header': {\r\n '@apply border-b border-warning': {},\r\n },\r\n },\r\n\r\n '&-is-open-error': {\r\n '@apply border border-error': {},\r\n '& .accordion-header': {\r\n '@apply border-b border-error': {},\r\n },\r\n },\r\n\r\n '&-is-open &-body, &-is-open-alert &-body, &-is-open-error &-body': {\r\n '@apply overflow-visible animate-reset-overflow': {},\r\n },\r\n\r\n '&-outline': {\r\n '@apply border border-gray-stroke': {},\r\n '.accordion-body': {\r\n '@apply mt-0': {},\r\n },\r\n '.accordion-toggle': {\r\n '&:focus-visible': {\r\n boxShadow: '0 0 0 0.4rem #4b4b4b!important',\r\n outline: '0',\r\n },\r\n },\r\n '.accordion-header': {\r\n '@apply bg-transparent text-body': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-hover': {},\r\n },\r\n },\r\n },\r\n\r\n '&-disabled, &-disabled button': {\r\n '@apply disabled:cursor-not-allowed cursor-not-allowed': {},\r\n },\r\n\r\n '&-disabled &-header': {\r\n '@apply bg-gray-lighter text-gray': {},\r\n },\r\n\r\n '&-disabled, &&-disabled': {\r\n '@apply border-gray': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
|