@sk-web-gui/core 2.0.0 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/button.js +6 -6
- package/dist/cjs/components/button.js.map +1 -1
- package/dist/cjs/components/label.js +13 -4
- package/dist/cjs/components/label.js.map +1 -1
- package/dist/cjs/components/table-autotable.js +126 -52
- package/dist/cjs/components/table-autotable.js.map +1 -1
- package/dist/cjs/plugin.js +2 -2
- package/dist/cjs/plugin.js.map +1 -1
- package/dist/cjs/preset.js +3 -1
- package/dist/cjs/preset.js.map +1 -1
- package/dist/cjs/theme.js +8 -3
- package/dist/cjs/theme.js.map +1 -1
- package/dist/esm/components/button.js +6 -6
- package/dist/esm/components/button.js.map +1 -1
- package/dist/esm/components/label.js +13 -4
- package/dist/esm/components/label.js.map +1 -1
- package/dist/esm/components/table-autotable.js +126 -52
- package/dist/esm/components/table-autotable.js.map +1 -1
- package/dist/esm/plugin.js +2 -2
- package/dist/esm/plugin.js.map +1 -1
- package/dist/esm/preset.js +3 -1
- package/dist/esm/preset.js.map +1 -1
- package/dist/esm/theme.js +5 -1
- package/dist/esm/theme.js.map +1 -1
- package/dist/types/components/button.d.ts +6 -6
- package/dist/types/components/label.d.ts +11 -3
- package/dist/types/components/table-autotable.d.ts +121 -47
- package/dist/types/preset.d.ts +3 -2
- package/package.json +4 -2
package/dist/esm/plugin.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plugin.js","names":["TailwindPlugin","base","theme","Accordion","Alert","Avatar","Badge","Breadcrumb","Button","ButtonGroup","Card","Checkbox","Chip","ComboBox","CookieConsent","Dialog","Divider","Dot","Filter","Footer","Forms","Header","Icon","Input","Label","Link","List","Logo","MenuVertical","MenuBar","Modal","Pagination","PopupMenu","ProgressBar","ProgressStepper","Radio","SearchField","Select","Snackbar","Spinner","Switch","Table","Tabs","Tooltip","UserMenu","
|
|
1
|
+
{"version":3,"file":"plugin.js","names":["TailwindPlugin","base","theme","Accordion","Alert","Avatar","Badge","Breadcrumb","Button","ButtonGroup","Card","Checkbox","Chip","ComboBox","CookieConsent","Dialog","Divider","Dot","Filter","Footer","Forms","Header","Icon","Input","Label","Link","List","Logo","MenuVertical","MenuBar","Modal","Pagination","PopupMenu","ProgressBar","ProgressStepper","Radio","SearchField","Select","Snackbar","Spinner","Switch","Table","TableAutoTable","Tabs","Tooltip","UserMenu","components","defaultColors","plugin","withOptions","options","colors","cssBase","_ref","addComponents","addBase","optionColors","map","component"],"sources":["../../src/plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\nimport { base } from './base';\r\nimport { theme } from './theme';\r\n\r\n// components\r\nimport { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\nimport { Accordion } from './components/accordion';\r\nimport { Alert } from './components/alert';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { MenuBar } from './components/menubar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { TableAutoTable } from './components/table-autotable';\r\nimport { Tabs } from './components/tabs';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\n\r\nconst components: ((colors: string[], theme: PluginAPI['theme']) => CSSRuleObject)[] = [\r\n Alert,\r\n Badge,\r\n Breadcrumb,\r\n ButtonGroup,\r\n Button,\r\n Checkbox,\r\n Chip,\r\n Dialog,\r\n Dot,\r\n Forms,\r\n Filter,\r\n Icon,\r\n Input,\r\n Label,\r\n Link,\r\n List,\r\n Logo,\r\n MenuBar,\r\n MenuVertical,\r\n Select,\r\n Snackbar,\r\n Spinner,\r\n Radio,\r\n Switch,\r\n Table,\r\n TableAutoTable,\r\n Tabs,\r\n CookieConsent,\r\n Modal,\r\n Accordion,\r\n Avatar,\r\n Card,\r\n Divider,\r\n Tooltip,\r\n UserMenu,\r\n SearchField,\r\n Pagination,\r\n PopupMenu,\r\n Footer,\r\n Header,\r\n ProgressStepper,\r\n ProgressBar,\r\n ComboBox,\r\n];\r\n\r\ninterface PluginOptions {\r\n colors: string[];\r\n cssBase: boolean;\r\n}\r\n\r\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\r\n\r\nconst plugin = TailwindPlugin.withOptions<PluginOptions>(\r\n function (options = { colors: [], cssBase: true }) {\r\n return function ({ addComponents, addBase, theme }: PluginAPI) {\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\r\nexport default plugin;\r\n"],"mappings":"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"}
|
package/dist/esm/preset.js
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import tailwindForms from '@tailwindcss/forms';
|
|
2
|
+
import tailwindContainerQueries from '@tailwindcss/container-queries';
|
|
2
3
|
import plugin from './plugin';
|
|
3
4
|
var preset = function preset(options) {
|
|
4
5
|
if (options === void 0) {
|
|
5
6
|
options = {
|
|
6
7
|
tailwindForms: true,
|
|
8
|
+
tailwindContainers: true,
|
|
7
9
|
plugin: {
|
|
8
10
|
colors: [],
|
|
9
11
|
cssBase: true
|
|
@@ -11,7 +13,7 @@ var preset = function preset(options) {
|
|
|
11
13
|
};
|
|
12
14
|
}
|
|
13
15
|
return {
|
|
14
|
-
plugins: [...(options.tailwindForms ? [tailwindForms()] : []), plugin(options.plugin)]
|
|
16
|
+
plugins: [...(options.tailwindForms ? [tailwindForms()] : []), ...(options.tailwindContainers ? [tailwindContainerQueries] : []), plugin(options.plugin)]
|
|
15
17
|
};
|
|
16
18
|
};
|
|
17
19
|
export default preset;
|
package/dist/esm/preset.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset.js","names":["tailwindForms","plugin","preset","options","colors","cssBase","plugins"],"sources":["../../src/preset.ts"],"sourcesContent":["import tailwindForms from '@tailwindcss/forms';\r\nimport plugin from './plugin';\r\n\r\nconst preset = function (options = { tailwindForms: true, plugin: { colors: [], cssBase: true } }) {\r\n return {\r\n plugins: [...(options.tailwindForms ? [tailwindForms()] : [])
|
|
1
|
+
{"version":3,"file":"preset.js","names":["tailwindForms","tailwindContainerQueries","plugin","preset","options","tailwindContainers","colors","cssBase","plugins"],"sources":["../../src/preset.ts"],"sourcesContent":["import tailwindForms from '@tailwindcss/forms';\r\nimport tailwindContainerQueries from '@tailwindcss/container-queries';\r\nimport plugin from './plugin';\r\n\r\nconst preset = function (\r\n options = { tailwindForms: true, tailwindContainers: true, plugin: { colors: [], cssBase: true } }\r\n) {\r\n return {\r\n plugins: [\r\n ...(options.tailwindForms ? [tailwindForms()] : []),\r\n ...(options.tailwindContainers ? [tailwindContainerQueries] : []),\r\n plugin(options.plugin),\r\n ],\r\n };\r\n};\r\nexport default preset;\r\n"],"mappings":"AAAA,OAAOA,aAAa,MAAM,oBAAoB;AAC9C,OAAOC,wBAAwB,MAAM,gCAAgC;AACrE,OAAOC,MAAM,MAAM,UAAU;AAE7B,IAAMC,MAAM,GAAG,SAATA,MAAMA,CACVC,OAAO,EACP;EAAA,IADAA,OAAO;IAAPA,OAAO,GAAG;MAAEJ,aAAa,EAAE,IAAI;MAAEK,kBAAkB,EAAE,IAAI;MAAEH,MAAM,EAAE;QAAEI,MAAM,EAAE,EAAE;QAAEC,OAAO,EAAE;MAAK;IAAE,CAAC;EAAA;EAElG,OAAO;IACLC,OAAO,EAAE,CACP,IAAIJ,OAAO,CAACJ,aAAa,GAAG,CAACA,aAAa,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,EACnD,IAAII,OAAO,CAACC,kBAAkB,GAAG,CAACJ,wBAAwB,CAAC,GAAG,EAAE,CAAC,EACjEC,MAAM,CAACE,OAAO,CAACF,MAAM,CAAC;EAE1B,CAAC;AACH,CAAC;AACD,eAAeC,MAAM"}
|
package/dist/esm/theme.js
CHANGED
|
@@ -5,6 +5,9 @@ import { units } from './units';
|
|
|
5
5
|
import { screens } from '@sk-web-gui/theme';
|
|
6
6
|
var theme = {
|
|
7
7
|
extend: {
|
|
8
|
+
containers: Object.keys(screens).reduce((containers, screenKey, index) => _extends({}, containers, {
|
|
9
|
+
["screen-" + screenKey]: Object.values(screens)[index]
|
|
10
|
+
}), {}),
|
|
8
11
|
fontSize: _extends({}, units.fontSizes, {
|
|
9
12
|
tiny: '1rem',
|
|
10
13
|
xs: '1.2rem',
|
|
@@ -33,7 +36,8 @@ var theme = {
|
|
|
33
36
|
boxShadow: {
|
|
34
37
|
'50': "\n 0 0 0.3rem 0 rgba(10, 12, 15, 0.08),\n 0 0.1rem 0.8rem 0 rgba(10, 12, 15, 0.13)\n ",
|
|
35
38
|
'100': "\n 0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07),\n 0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15),\n 0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085),\n 0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)\n ",
|
|
36
|
-
'200': "\n 0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1),\n 0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06),\n 0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03),\n 0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)\n "
|
|
39
|
+
'200': "\n 0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1),\n 0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06),\n 0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03),\n 0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)\n ",
|
|
40
|
+
insetring: "0 0 0 0.25rem " + colors.ring + " inset"
|
|
37
41
|
},
|
|
38
42
|
ringColor: _extends({
|
|
39
43
|
DEFAULT: colors.ring
|
package/dist/esm/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","names":["withOpacity","colors","units","screens","theme","extend","
|
|
1
|
+
{"version":3,"file":"theme.js","names":["withOpacity","colors","units","screens","theme","extend","containers","Object","keys","reduce","screenKey","index","_extends","values","fontSize","fontSizes","tiny","xs","xl","fontFamily","DEFAULT","sans","header","display","borderRadius","radius","base","backgroundPosition","spacing","positions","spaceKey","boxShadow","insetring","ring","ringColor","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","sm","md","lg","maxWidth","content","lineHeight","lineHeights","opacity","borderWidth","backgroundColor","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.ts"],"sourcesContent":["import withOpacity from './with-opacity';\r\nimport { colors } from './colors';\r\nimport { units } from './units';\r\nimport { RecursiveObject, screens } from '@sk-web-gui/theme';\r\nimport { Config } from 'tailwindcss/types/config';\r\n\r\nconst theme: RecursiveObject<Config['theme'] | string | string[]> = {\r\n extend: {\r\n containers: Object.keys(screens).reduce(\r\n (containers, screenKey, index) => ({ ...containers, [`screen-${screenKey}`]: Object.values(screens)[index] }),\r\n {}\r\n ),\r\n fontSize: {\r\n ...units.fontSizes,\r\n tiny: '1rem',\r\n xs: '1.2rem',\r\n xl: units.fontSizes['h4'],\r\n '2xl': units.fontSizes['h3'],\r\n '3xl': units.fontSizes['h2'],\r\n '4xl': units.fontSizes['h1'],\r\n '5xl': units.fontSizes['h3'],\r\n },\r\n fontFamily: {\r\n DEFAULT: ['Arial', 'Helvetica', 'sans-serif'],\r\n sans: ['Arial', 'Helvetica', 'sans-serif'],\r\n header: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n display: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n },\r\n screens,\r\n borderRadius: {\r\n ...units.radius,\r\n base: 'var(--sk-spacing-0)',\r\n },\r\n backgroundPosition: {\r\n ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\r\n (positions, spaceKey) => ({\r\n ...positions,\r\n [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\r\n [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\r\n [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\r\n [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\r\n }),\r\n {}\r\n ),\r\n },\r\n boxShadow: {\r\n '50': `\r\n 0 0 0.3rem 0 rgba(10, 12, 15, 0.08),\r\n 0 0.1rem 0.8rem 0 rgba(10, 12, 15, 0.13)\r\n `,\r\n '100': `\r\n 0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07),\r\n 0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15),\r\n 0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085),\r\n 0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)\r\n `,\r\n '200': `\r\n 0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1),\r\n 0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06),\r\n 0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03),\r\n 0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)\r\n `,\r\n insetring: `0 0 0 0.25rem ${colors.ring} inset`,\r\n },\r\n ringColor: {\r\n DEFAULT: colors.ring,\r\n ...colors,\r\n },\r\n ringOffsetWidth: {\r\n DEFAULT: '0.2rem',\r\n },\r\n ringWidth: {\r\n DEFAULT: '0.3rem',\r\n 0: '0px',\r\n },\r\n ringOpacity: {\r\n DEFAULT: '1px',\r\n },\r\n colors: {\r\n ...colors,\r\n current: 'currentColor',\r\n gray: {\r\n DEFAULT: colors.primitives.gray[600],\r\n stroke: colors.divider,\r\n middle: colors.primitives.gray[600],\r\n light: colors.primitives.gray[300],\r\n lighter: colors.primitives.gray[200],\r\n ...colors.primitives.gray,\r\n },\r\n hover: colors.primitives.gray[600],\r\n background: {\r\n ...colors.background,\r\n one: colors.background[100],\r\n two: colors.background[200],\r\n },\r\n },\r\n cursor: {\r\n base: 'var(--tw-cursor)',\r\n },\r\n spacing: {\r\n ...units.spacing,\r\n xs: units.spacing[4],\r\n sm: units.spacing[8],\r\n md: units.spacing[16],\r\n lg: units.spacing[24],\r\n xl: units.spacing[48],\r\n },\r\n maxWidth: {\r\n content: screens['desktop-max'],\r\n },\r\n lineHeight: {\r\n ...units.lineHeights,\r\n xs: '1.6rem',\r\n xl: units.lineHeights['h4'],\r\n '2xl': units.lineHeights['h3'],\r\n '3xl': units.lineHeights['h2'],\r\n '4xl': units.lineHeights['h1'],\r\n '5xl': units.lineHeights['display-3'],\r\n },\r\n opacity: {\r\n '15': '0.15',\r\n },\r\n borderWidth: {\r\n DEFAULT: '0.2rem',\r\n '1': '0.1rem',\r\n '2': '0.2rem',\r\n },\r\n backgroundColor: {\r\n base: withOpacity('--sk-colors-primary-surface'),\r\n fill: withOpacity('--sk-colors-bg-fill'),\r\n },\r\n textColor: {\r\n foreground: withOpacity('--sk-colors-primary-DEFAULT'),\r\n muted: withOpacity('--sk-colors-xt-muted'),\r\n },\r\n\r\n zIndex: {\r\n hide: '-1',\r\n none: '0',\r\n base: '1',\r\n docked: '10',\r\n dropdown: '1000',\r\n sticky: '1100',\r\n banner: '1200',\r\n overlay: '1300',\r\n modal: '1400',\r\n popover: '1500',\r\n skipLink: '1600',\r\n toast: '1700',\r\n tooltip: '1800',\r\n },\r\n keyframes: {\r\n 'reset-overflow': {\r\n 'from, to': {\r\n overflow: 'hidden',\r\n },\r\n },\r\n },\r\n animation: {\r\n 'reset-overflow': 'reset-overflow 180ms backwards',\r\n },\r\n },\r\n};\r\nexport { theme };\r\n"],"mappings":"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"}
|
|
@@ -38,7 +38,7 @@ export declare const Button: (colors: string[]) => {
|
|
|
38
38
|
minWidth: string;
|
|
39
39
|
width: string;
|
|
40
40
|
maxWidth: string;
|
|
41
|
-
svg: {
|
|
41
|
+
'svg, .sk-icon': {
|
|
42
42
|
'@apply h-[2rem] w-[2rem]': {};
|
|
43
43
|
};
|
|
44
44
|
};
|
|
@@ -46,7 +46,7 @@ export declare const Button: (colors: string[]) => {
|
|
|
46
46
|
minWidth: string;
|
|
47
47
|
width: string;
|
|
48
48
|
maxWidth: string;
|
|
49
|
-
svg: {
|
|
49
|
+
'svg, .sk-icon': {
|
|
50
50
|
'@apply h-[2rem] w-[2rem]': {};
|
|
51
51
|
};
|
|
52
52
|
};
|
|
@@ -54,7 +54,7 @@ export declare const Button: (colors: string[]) => {
|
|
|
54
54
|
minWidth: string;
|
|
55
55
|
width: string;
|
|
56
56
|
maxWidth: string;
|
|
57
|
-
svg: {
|
|
57
|
+
'svg, .sk-icon': {
|
|
58
58
|
'@apply h-[2.4rem] w-[2.4rem]': {};
|
|
59
59
|
};
|
|
60
60
|
};
|
|
@@ -168,7 +168,7 @@ export declare const Button: (colors: string[]) => {
|
|
|
168
168
|
'@apply px-14 py-8 gap-6': {};
|
|
169
169
|
'@apply max-h-[3.2rem] h-[3.2rem]': {};
|
|
170
170
|
'@apply rounded-button-sm': {};
|
|
171
|
-
svg: {
|
|
171
|
+
'svg, .sk-icon': {
|
|
172
172
|
'@apply h-[1.6rem] w-[1.6rem]': {};
|
|
173
173
|
};
|
|
174
174
|
};
|
|
@@ -177,7 +177,7 @@ export declare const Button: (colors: string[]) => {
|
|
|
177
177
|
'@apply px-18 py-8 gap-8': {};
|
|
178
178
|
'@apply max-h-[4rem] h-[4rem]': {};
|
|
179
179
|
'@apply rounded-button-md': {};
|
|
180
|
-
svg: {
|
|
180
|
+
'svg, .sk-icon': {
|
|
181
181
|
'@apply h-[1.8rem] w-[1.8rem]': {};
|
|
182
182
|
};
|
|
183
183
|
};
|
|
@@ -186,7 +186,7 @@ export declare const Button: (colors: string[]) => {
|
|
|
186
186
|
'@apply px-24 py-8 gap-8': {};
|
|
187
187
|
'@apply max-h-[4.8rem] h-[4.8rem]': {};
|
|
188
188
|
'@apply rounded-button-lg': {};
|
|
189
|
-
svg: {
|
|
189
|
+
'svg, .sk-icon': {
|
|
190
190
|
'@apply h-[2rem] w-[2rem]': {};
|
|
191
191
|
};
|
|
192
192
|
};
|
|
@@ -1,19 +1,27 @@
|
|
|
1
1
|
export declare const Label: (colors: string[]) => {
|
|
2
2
|
'.sk-label': {
|
|
3
|
+
'&[data-color="tertiary"]': {
|
|
4
|
+
'@apply bg-dark-primary': {};
|
|
5
|
+
'@apply text-light-primary': {};
|
|
6
|
+
'&[data-inverted="true"]': {
|
|
7
|
+
'@apply bg-tertiary-surface': {};
|
|
8
|
+
'@apply text-dark-primary': {};
|
|
9
|
+
};
|
|
10
|
+
};
|
|
3
11
|
'@apply inline-flex flex-row': {};
|
|
4
12
|
'@apply justify-center items-center': {};
|
|
5
13
|
'@apply gap-6 px-10 py-4': {};
|
|
6
14
|
'@apply h-24 max-h-24': {};
|
|
7
15
|
'@apply text-label-small': {};
|
|
8
16
|
'@apply rounded-utility-sm md:rounded-utility-md xl:rounded-utility-lg': {};
|
|
9
|
-
'@apply bg-primary
|
|
17
|
+
'@apply bg-dark-primary': {};
|
|
10
18
|
'@apply text-light-primary': {};
|
|
11
19
|
'&[data-rounded="true"]': {
|
|
12
20
|
'@apply rounded-full': {};
|
|
13
21
|
};
|
|
14
22
|
'&[data-inverted="true"]': {
|
|
15
|
-
'@apply bg-
|
|
16
|
-
'@apply text-
|
|
23
|
+
'@apply bg-tertiary-surface': {};
|
|
24
|
+
'@apply text-dark-primary': {};
|
|
17
25
|
};
|
|
18
26
|
};
|
|
19
27
|
};
|
|
@@ -1,41 +1,60 @@
|
|
|
1
1
|
export declare const TableAutoTable: () => {
|
|
2
2
|
'.sk-table-wrapper': {
|
|
3
3
|
'@apply rounded-groups': {};
|
|
4
|
-
'@apply border-1': {};
|
|
4
|
+
'@apply border-1 border-divider': {};
|
|
5
5
|
'@apply bg-background-content': {};
|
|
6
|
+
'@apply relative': {};
|
|
6
7
|
'&-inside': {
|
|
7
8
|
'@apply border-0 rounded-t-groups': {};
|
|
8
9
|
'@apply overflow-hidden': {};
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
'@apply w-full': {};
|
|
11
|
+
'&[data-scroll="x"]': {
|
|
12
|
+
'@apply overflow-x-auto': {};
|
|
13
|
+
};
|
|
14
|
+
'&[data-scroll="y"]': {
|
|
15
|
+
'@apply overflow-y-auto': {};
|
|
14
16
|
};
|
|
15
|
-
'
|
|
16
|
-
'@apply
|
|
17
|
+
'&[data-scroll="true"]': {
|
|
18
|
+
'@apply overflow-auto': {};
|
|
17
19
|
};
|
|
18
20
|
};
|
|
21
|
+
'&:not([data-background="true"])': {
|
|
22
|
+
'@apply border-0': {};
|
|
23
|
+
'@apply bg-transparent': {};
|
|
24
|
+
};
|
|
25
|
+
'.sk-table-wrapper-inside': {
|
|
26
|
+
'@apply border-0 rounded-b-groups': {};
|
|
27
|
+
};
|
|
19
28
|
};
|
|
20
29
|
'.sk-table': {
|
|
21
30
|
'@apply w-full text-left table-auto': {};
|
|
22
31
|
'@apply text-dark-secondary': {};
|
|
23
32
|
'&-thead': {
|
|
24
33
|
'@apply border-b-1 border-dark-primary': {};
|
|
25
|
-
'@apply h-
|
|
34
|
+
'@apply h-[5.6rem]': {};
|
|
35
|
+
'.sk-table-sticky-col': {
|
|
36
|
+
'@apply top-0': {};
|
|
37
|
+
'@apply h-[5.6rem]': {};
|
|
38
|
+
};
|
|
26
39
|
'&-tr': {
|
|
27
40
|
'@apply table-row': {};
|
|
28
41
|
'@apply text-label-small': {};
|
|
29
42
|
};
|
|
30
|
-
'
|
|
31
|
-
'
|
|
32
|
-
|
|
33
|
-
|
|
43
|
+
'.sk-table-th': {
|
|
44
|
+
'&:first-of-type': {
|
|
45
|
+
'.sk-table-sticky-col': {
|
|
46
|
+
'@apply rounded-tl-groups': {};
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
'&:last-of-type': {
|
|
50
|
+
'.sk-table-sticky-col': {
|
|
51
|
+
'@apply rounded-tr-groups': {};
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
'.sk-table-col-content': {
|
|
55
|
+
'@apply py-4': {};
|
|
56
|
+
'@apply px-16': {};
|
|
34
57
|
};
|
|
35
|
-
};
|
|
36
|
-
'&-manualth': {
|
|
37
|
-
'@apply py-4': {};
|
|
38
|
-
'@apply px-16': {};
|
|
39
58
|
"&[data-isColumnSortable='true']": {
|
|
40
59
|
'@apply cursor-pointer': {};
|
|
41
60
|
};
|
|
@@ -43,6 +62,9 @@ export declare const TableAutoTable: () => {
|
|
|
43
62
|
'@apply bg-transparent': {};
|
|
44
63
|
'&[data-background="true"]': {
|
|
45
64
|
'@apply bg-vattjom-background-200 border-b-transparent': {};
|
|
65
|
+
'.sk-table-sticky-col': {
|
|
66
|
+
'@apply bg-vattjom-background-200': {};
|
|
67
|
+
};
|
|
46
68
|
};
|
|
47
69
|
};
|
|
48
70
|
'&-sortbutton': {
|
|
@@ -50,7 +72,7 @@ export declare const TableAutoTable: () => {
|
|
|
50
72
|
'@apply focus-visible:ring ring-ring ring-offset-0': {};
|
|
51
73
|
'@apply focus-visible:bg-vattjom-background-200': {};
|
|
52
74
|
'@apply rounded-utility': {};
|
|
53
|
-
'@apply
|
|
75
|
+
'@apply pr-16': {};
|
|
54
76
|
'@apply h-40': {};
|
|
55
77
|
'&-icon': {
|
|
56
78
|
'@apply inline-flex pl-sm': {};
|
|
@@ -62,12 +84,12 @@ export declare const TableAutoTable: () => {
|
|
|
62
84
|
'@apply first-of-type:-mb-4': {};
|
|
63
85
|
'@apply last-of-type:-mt-4': {};
|
|
64
86
|
};
|
|
65
|
-
"&[data-
|
|
87
|
+
"&[data-sortmode='ascending']": {
|
|
66
88
|
'> *': {
|
|
67
89
|
'@apply last-of-type:text-dark-ghost': {};
|
|
68
90
|
};
|
|
69
91
|
};
|
|
70
|
-
"&[data-
|
|
92
|
+
"&[data-sortmode='descending']": {
|
|
71
93
|
'> *': {
|
|
72
94
|
'@apply first-of-type:text-dark-ghost': {};
|
|
73
95
|
};
|
|
@@ -80,62 +102,114 @@ export declare const TableAutoTable: () => {
|
|
|
80
102
|
'&-tr': {
|
|
81
103
|
'@apply bg-transparent': {};
|
|
82
104
|
'@apply hover:bg-background-100': {};
|
|
83
|
-
'@apply border-b-1': {};
|
|
105
|
+
'@apply border-b-1 border-divider': {};
|
|
84
106
|
'@apply last-of-type:border-b-transparent': {};
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
'@apply justify-start items-center': {};
|
|
91
|
-
'@apply gap-8': {};
|
|
92
|
-
'@apply py-8 px-18': {};
|
|
93
|
-
'@apply h-[6.3rem]': {};
|
|
94
|
-
'@apply min-h-[6.3rem]': {};
|
|
107
|
+
'@apply focus-visible:shadow-insetring': {};
|
|
108
|
+
'&:hover': {
|
|
109
|
+
'.sk-table-sticky-col': {
|
|
110
|
+
'@apply bg-background-100': {};
|
|
111
|
+
};
|
|
95
112
|
};
|
|
96
113
|
};
|
|
97
|
-
'&-
|
|
114
|
+
'&-td, .sk-table-th': {
|
|
98
115
|
'@apply text-small': {};
|
|
99
|
-
'
|
|
100
|
-
|
|
101
|
-
|
|
116
|
+
'@apply h-[6.3rem]': {};
|
|
117
|
+
'@apply min-h-[6.3rem]': {};
|
|
118
|
+
'.sk-table-sticky-col': {
|
|
119
|
+
'@apply h-[6.1rem]': {};
|
|
120
|
+
'@apply min-h-[6.1rem]': {};
|
|
121
|
+
};
|
|
122
|
+
'@apply focus-visible:shadow-insetring': {};
|
|
123
|
+
'.sk-table-col-content': {
|
|
102
124
|
'@apply py-8 px-18': {};
|
|
103
|
-
'@apply
|
|
104
|
-
'@apply min-h-[6.3rem]': {};
|
|
125
|
+
'@apply gap-8': {};
|
|
105
126
|
};
|
|
106
127
|
};
|
|
107
128
|
};
|
|
108
|
-
'
|
|
129
|
+
'&-col-content': {
|
|
130
|
+
'@apply flex': {};
|
|
131
|
+
'@apply w-full': {};
|
|
132
|
+
'@apply justify-start items-center': {};
|
|
133
|
+
'@apply h-full': {};
|
|
134
|
+
};
|
|
135
|
+
'&[data-dense="dense"]': {
|
|
109
136
|
'.sk-table': {
|
|
137
|
+
'&-col-content': {
|
|
138
|
+
'@apply py-0': {};
|
|
139
|
+
};
|
|
110
140
|
'&-thead': {
|
|
111
|
-
'
|
|
112
|
-
|
|
141
|
+
'@apply h-[4.8rem]': {};
|
|
142
|
+
'.sk-table-sticky-col': {
|
|
143
|
+
'@apply h-[4.6rem]': {};
|
|
113
144
|
};
|
|
114
145
|
};
|
|
115
146
|
'&-tbody': {
|
|
116
|
-
'&-td-
|
|
117
|
-
'@apply py-0': {};
|
|
147
|
+
'&-td, .sk-table-th': {
|
|
118
148
|
'@apply h-[4.7rem]': {};
|
|
119
149
|
'@apply min-h-[4.7rem]': {};
|
|
150
|
+
'.sk-table-sticky-col': {
|
|
151
|
+
'@apply h-[4.5rem]': {};
|
|
152
|
+
'@apply min-h-[4.5rem]': {};
|
|
153
|
+
};
|
|
120
154
|
};
|
|
121
155
|
};
|
|
122
156
|
};
|
|
123
157
|
};
|
|
158
|
+
'.sk-table-sticky-col': {
|
|
159
|
+
'@apply absolute': {};
|
|
160
|
+
'@apply bg-background-content': {};
|
|
161
|
+
};
|
|
162
|
+
'[data-sticky="true"]': {
|
|
163
|
+
'> .sk-table-col-content': {
|
|
164
|
+
'@apply collapse': {};
|
|
165
|
+
};
|
|
166
|
+
};
|
|
167
|
+
'&[data-hasscroll="true"]': {
|
|
168
|
+
'.sk-table-sticky-col': {
|
|
169
|
+
'@apply box-content': {};
|
|
170
|
+
};
|
|
171
|
+
'.sk-table-tbody': {
|
|
172
|
+
'.sk-table-sticky-col': {
|
|
173
|
+
'@apply border-b-primitives-overlay-darken-2 dark:border-b-primitives-overlay-lighten-3 border-b-1': {};
|
|
174
|
+
};
|
|
175
|
+
};
|
|
176
|
+
'td:first-of-type, th:first-of-type': {
|
|
177
|
+
'.sk-table-sticky-col': {
|
|
178
|
+
'@apply left-0': {};
|
|
179
|
+
'@apply border-r-1 border-r-divider': {};
|
|
180
|
+
};
|
|
181
|
+
};
|
|
182
|
+
'td:last-of-type, th:last-of-type': {
|
|
183
|
+
'.sk-table-sticky-col': {
|
|
184
|
+
'@apply border-l-1 border-r-divider': {};
|
|
185
|
+
'@apply right-0': {};
|
|
186
|
+
};
|
|
187
|
+
};
|
|
188
|
+
};
|
|
124
189
|
'&-paginationwrapper': {
|
|
125
|
-
'@apply
|
|
126
|
-
'@apply shrink': {};
|
|
190
|
+
'@apply max-w-[60rem]': {};
|
|
191
|
+
'@apply shrink grow': {};
|
|
192
|
+
'@apply hidden @screen-md/footer:flex': {};
|
|
127
193
|
};
|
|
128
194
|
'&-bottom': {
|
|
195
|
+
'@apply @container/footer': {};
|
|
129
196
|
'@apply py-14 px-16': {};
|
|
130
|
-
'@apply border-t-1': {};
|
|
197
|
+
'@apply border-t-1 border-divider': {};
|
|
131
198
|
'@apply flex flex-row': {};
|
|
132
|
-
'@apply
|
|
199
|
+
'@apply flex-wrap': {};
|
|
200
|
+
'@apply @screen-lg/footer:gap-32': {};
|
|
201
|
+
'@apply @screen-md/footer:gap-16': {};
|
|
202
|
+
'@apply gap-8': {};
|
|
133
203
|
'@apply justify-between items-center': {};
|
|
134
204
|
'&-section': {
|
|
135
205
|
'@apply shrink-0': {};
|
|
136
|
-
'@apply flex flex-
|
|
206
|
+
'@apply flex flex-col': {};
|
|
137
207
|
'@apply justify-start items-center': {};
|
|
208
|
+
'@apply @screen-sm/footer:flex-row': {};
|
|
138
209
|
'@apply gap-8': {};
|
|
210
|
+
'&.sk-table-pagination-mobile': {
|
|
211
|
+
'@apply @screen-md/footer:hidden': {};
|
|
212
|
+
};
|
|
139
213
|
'&-label': {
|
|
140
214
|
'@apply font-normal': {};
|
|
141
215
|
'@apply text-small': {};
|
package/dist/types/preset.d.ts
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
declare const preset: (options?: {
|
|
2
2
|
tailwindForms: boolean;
|
|
3
|
+
tailwindContainers: boolean;
|
|
3
4
|
plugin: {
|
|
4
5
|
colors: never[];
|
|
5
6
|
cssBase: boolean;
|
|
6
7
|
};
|
|
7
8
|
}) => {
|
|
8
9
|
plugins: ({
|
|
9
|
-
handler: () => void;
|
|
10
|
-
} | {
|
|
11
10
|
handler: import("tailwindcss/types/config").PluginCreator;
|
|
12
11
|
config?: Partial<import("tailwindcss/types/config").Config> | undefined;
|
|
12
|
+
} | {
|
|
13
|
+
handler: () => void;
|
|
13
14
|
})[];
|
|
14
15
|
};
|
|
15
16
|
export default preset;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sk-web-gui/core",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.1.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "dist/cjs/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -33,9 +33,11 @@
|
|
|
33
33
|
"url": "https://github.com/vechai/sk-web-gui/issues"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
|
+
"@tailwindcss/container-queries": "^0.1.1",
|
|
36
37
|
"tailwindcss": "^3.4.0"
|
|
37
38
|
},
|
|
38
39
|
"devDependencies": {
|
|
40
|
+
"@tailwindcss/container-queries": "^0.1.1",
|
|
39
41
|
"autoprefixer": "^10.4.16",
|
|
40
42
|
"clean-css": "^5.3.3",
|
|
41
43
|
"postcss": "^8.4.32",
|
|
@@ -46,5 +48,5 @@
|
|
|
46
48
|
"@sk-web-gui/theme": "1.0.2",
|
|
47
49
|
"mini-svg-data-uri": "^1.4.4"
|
|
48
50
|
},
|
|
49
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "c1de9ac1dfb3e92990f0152a2a4c411277f50278"
|
|
50
52
|
}
|