@sk-web-gui/core 3.12.0 → 3.13.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.
|
@@ -64,17 +64,29 @@ var MenuBar = function(colors) {
|
|
|
64
64
|
return {
|
|
65
65
|
'.sk-menubar': {
|
|
66
66
|
'@apply flex flex-row': {},
|
|
67
|
-
'@apply p-8 gap-16': {},
|
|
68
67
|
'@apply rounded-cards': {},
|
|
69
68
|
'&[data-background="true"]': {
|
|
70
69
|
'@apply bg-background-color-mixin-1': {}
|
|
71
70
|
},
|
|
71
|
+
// sizes
|
|
72
|
+
'&[data-size="md"]': {
|
|
73
|
+
'@apply p-6 gap-8 rounded-groups': {}
|
|
74
|
+
},
|
|
75
|
+
'&[data-size="lg"]': {
|
|
76
|
+
'@apply p-8 gap-16 rounded-cards': {}
|
|
77
|
+
},
|
|
72
78
|
'&-item': _object_spread({
|
|
73
79
|
'@apply inline-block': {},
|
|
74
80
|
'@apply relative': {},
|
|
75
|
-
|
|
76
|
-
'
|
|
77
|
-
|
|
81
|
+
// sizes
|
|
82
|
+
'&[data-size="md"]': {
|
|
83
|
+
'@apply h-34': {},
|
|
84
|
+
'> *': {
|
|
85
|
+
'@apply text-small leading-[1.8rem]': {}
|
|
86
|
+
}
|
|
87
|
+
},
|
|
88
|
+
'&[data-size="lg"]': {
|
|
89
|
+
'@apply h-40': {}
|
|
78
90
|
},
|
|
79
91
|
'> *:first-child': {
|
|
80
92
|
'@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\r\n '.sk-menubar': {\r\n '@apply flex flex-row': {},\r\n '@apply
|
|
1
|
+
{"version":3,"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\r\n '.sk-menubar': {\r\n '@apply flex flex-row': {},\r\n '@apply rounded-cards': {},\r\n\r\n '&[data-background=\"true\"]': {\r\n '@apply bg-background-color-mixin-1': {},\r\n },\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply p-6 gap-8 rounded-groups': {},\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply p-8 gap-16 rounded-cards': {},\r\n },\r\n\r\n '&-item': {\r\n '@apply inline-block': {},\r\n '@apply relative': {},\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply h-34': {},\r\n\r\n '> *': {\r\n '@apply text-small leading-[1.8rem]': {},\r\n },\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply h-40': {},\r\n },\r\n\r\n '> *:first-child': {\r\n '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n '@apply cursor-pointer': {},\r\n '@apply bg-transparent text-dark-primary': {},\r\n '@apply hover:bg-tertiary-surface': {},\r\n '@apply font-bold': {},\r\n '@apply gap-2 px-14 py-8': {},\r\n '@apply h-full min-h-full': {},\r\n '@apply inline-flex shrink-0 flex-nowrap': {},\r\n\r\n '@apply border-0': {},\r\n '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\r\n '@apply bg-primary-surface text-light-primary': {},\r\n '@apply focus-visible:ring': {},\r\n },\r\n },\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n '> *:first-child': {\r\n [`@apply hover:bg-${color}-surface-accent`]: {},\r\n [`@apply hover:text-${color}-text-primary`]: {},\r\n '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\r\n [`@apply bg-${color}-surface-primary`]: {},\r\n '@apply focus-visible:ring': {},\r\n },\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n },\r\n});\r\n"],"names":["MenuBar","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,IAAMA,UAAU,SAACC;WAAsB;QAC5C,eAAe;YACb,wBAAwB,CAAC;YACzB,wBAAwB,CAAC;YAEzB,6BAA6B;gBAC3B,sCAAsC,CAAC;YACzC;YAEA,QAAQ;YACR,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YACA,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YAEA,UAAU;gBACR,uBAAuB,CAAC;gBACxB,mBAAmB,CAAC;gBAEpB,QAAQ;gBACR,qBAAqB;oBACnB,eAAe,CAAC;oBAEhB,OAAO;wBACL,sCAAsC,CAAC;oBACzC;gBACF;gBACA,qBAAqB;oBACnB,eAAe,CAAC;gBAClB;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,yBAAyB,CAAC;oBAC1B,2CAA2C,CAAC;oBAC5C,oCAAoC,CAAC;oBACrC,oBAAoB,CAAC;oBACrB,2BAA2B,CAAC;oBAC5B,4BAA4B,CAAC;oBAC7B,2CAA2C,CAAC;oBAE5C,mBAAmB,CAAC;oBACpB,iEAAiE,CAAC;oBAClE,4EAA4E;wBAC1E,gDAAgD,CAAC;wBACjD,6BAA6B,CAAC;oBAChC;gBACF;eACGA,OAAOC,MAAM,CACd,SAACC,QAAQC;oBAOuE,MAJzD;uBAHH,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;oBAC5B,iBAAiB,GAAE,YACjB,iBADiB,OAChB,AAAC,mBAAwB,OAANA,OAAM,oBAAmB,CAAC,IAC9C,iBAFiB,OAEhB,AAAC,qBAA0B,OAANA,OAAM,kBAAiB,CAAC,IAC9C,iBAHiB,OAGjB,iEAAiE,CAAC,qBAHjD,OAIjB,2EAA0E,WACxE,iBADwE,MACvE,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC,IACzC,iBAFwE,MAExE,6BAA6B,CAAC,IAF0C,QAJzD;gBASrB;eAEF,CAAC;QAGP;IACF"}
|
|
@@ -54,17 +54,29 @@ export var MenuBar = function(colors) {
|
|
|
54
54
|
return {
|
|
55
55
|
'.sk-menubar': {
|
|
56
56
|
'@apply flex flex-row': {},
|
|
57
|
-
'@apply p-8 gap-16': {},
|
|
58
57
|
'@apply rounded-cards': {},
|
|
59
58
|
'&[data-background="true"]': {
|
|
60
59
|
'@apply bg-background-color-mixin-1': {}
|
|
61
60
|
},
|
|
61
|
+
// sizes
|
|
62
|
+
'&[data-size="md"]': {
|
|
63
|
+
'@apply p-6 gap-8 rounded-groups': {}
|
|
64
|
+
},
|
|
65
|
+
'&[data-size="lg"]': {
|
|
66
|
+
'@apply p-8 gap-16 rounded-cards': {}
|
|
67
|
+
},
|
|
62
68
|
'&-item': _object_spread({
|
|
63
69
|
'@apply inline-block': {},
|
|
64
70
|
'@apply relative': {},
|
|
65
|
-
|
|
66
|
-
'
|
|
67
|
-
|
|
71
|
+
// sizes
|
|
72
|
+
'&[data-size="md"]': {
|
|
73
|
+
'@apply h-34': {},
|
|
74
|
+
'> *': {
|
|
75
|
+
'@apply text-small leading-[1.8rem]': {}
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
'&[data-size="lg"]': {
|
|
79
|
+
'@apply h-40': {}
|
|
68
80
|
},
|
|
69
81
|
'> *:first-child': {
|
|
70
82
|
'@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\r\n '.sk-menubar': {\r\n '@apply flex flex-row': {},\r\n '@apply
|
|
1
|
+
{"version":3,"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\r\n '.sk-menubar': {\r\n '@apply flex flex-row': {},\r\n '@apply rounded-cards': {},\r\n\r\n '&[data-background=\"true\"]': {\r\n '@apply bg-background-color-mixin-1': {},\r\n },\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply p-6 gap-8 rounded-groups': {},\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply p-8 gap-16 rounded-cards': {},\r\n },\r\n\r\n '&-item': {\r\n '@apply inline-block': {},\r\n '@apply relative': {},\r\n\r\n // sizes\r\n '&[data-size=\"md\"]': {\r\n '@apply h-34': {},\r\n\r\n '> *': {\r\n '@apply text-small leading-[1.8rem]': {},\r\n },\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply h-40': {},\r\n },\r\n\r\n '> *:first-child': {\r\n '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n '@apply cursor-pointer': {},\r\n '@apply bg-transparent text-dark-primary': {},\r\n '@apply hover:bg-tertiary-surface': {},\r\n '@apply font-bold': {},\r\n '@apply gap-2 px-14 py-8': {},\r\n '@apply h-full min-h-full': {},\r\n '@apply inline-flex shrink-0 flex-nowrap': {},\r\n\r\n '@apply border-0': {},\r\n '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\r\n '@apply bg-primary-surface text-light-primary': {},\r\n '@apply focus-visible:ring': {},\r\n },\r\n },\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n '> *:first-child': {\r\n [`@apply hover:bg-${color}-surface-accent`]: {},\r\n [`@apply hover:text-${color}-text-primary`]: {},\r\n '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\r\n [`@apply bg-${color}-surface-primary`]: {},\r\n '@apply focus-visible:ring': {},\r\n },\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n },\r\n});\r\n"],"names":["MenuBar","colors","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,UAAU,SAACC;WAAsB;QAC5C,eAAe;YACb,wBAAwB,CAAC;YACzB,wBAAwB,CAAC;YAEzB,6BAA6B;gBAC3B,sCAAsC,CAAC;YACzC;YAEA,QAAQ;YACR,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YACA,qBAAqB;gBACnB,mCAAmC,CAAC;YACtC;YAEA,UAAU;gBACR,uBAAuB,CAAC;gBACxB,mBAAmB,CAAC;gBAEpB,QAAQ;gBACR,qBAAqB;oBACnB,eAAe,CAAC;oBAEhB,OAAO;wBACL,sCAAsC,CAAC;oBACzC;gBACF;gBACA,qBAAqB;oBACnB,eAAe,CAAC;gBAClB;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,yBAAyB,CAAC;oBAC1B,2CAA2C,CAAC;oBAC5C,oCAAoC,CAAC;oBACrC,oBAAoB,CAAC;oBACrB,2BAA2B,CAAC;oBAC5B,4BAA4B,CAAC;oBAC7B,2CAA2C,CAAC;oBAE5C,mBAAmB,CAAC;oBACpB,iEAAiE,CAAC;oBAClE,4EAA4E;wBAC1E,gDAAgD,CAAC;wBACjD,6BAA6B,CAAC;oBAChC;gBACF;eACGA,OAAOC,MAAM,CACd,SAACC,QAAQC;oBAOuE,MAJzD;uBAHH,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;oBAC5B,iBAAiB,GAAE,YACjB,iBADiB,OAChB,AAAC,mBAAwB,OAANA,OAAM,oBAAmB,CAAC,IAC9C,iBAFiB,OAEhB,AAAC,qBAA0B,OAANA,OAAM,kBAAiB,CAAC,IAC9C,iBAHiB,OAGjB,iEAAiE,CAAC,qBAHjD,OAIjB,2EAA0E,WACxE,iBADwE,MACvE,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC,IACzC,iBAFwE,MAExE,6BAA6B,CAAC,IAF0C,QAJzD;gBASrB;eAEF,CAAC;QAGP;IACF;EAAG"}
|
|
@@ -1,17 +1,27 @@
|
|
|
1
1
|
export declare const MenuBar: (colors: string[]) => {
|
|
2
2
|
'.sk-menubar': {
|
|
3
3
|
'@apply flex flex-row': {};
|
|
4
|
-
'@apply p-8 gap-16': {};
|
|
5
4
|
'@apply rounded-cards': {};
|
|
6
5
|
'&[data-background="true"]': {
|
|
7
6
|
'@apply bg-background-color-mixin-1': {};
|
|
8
7
|
};
|
|
8
|
+
'&[data-size="md"]': {
|
|
9
|
+
'@apply p-6 gap-8 rounded-groups': {};
|
|
10
|
+
};
|
|
11
|
+
'&[data-size="lg"]': {
|
|
12
|
+
'@apply p-8 gap-16 rounded-cards': {};
|
|
13
|
+
};
|
|
9
14
|
'&-item': {
|
|
10
15
|
'@apply inline-block': {};
|
|
11
16
|
'@apply relative': {};
|
|
12
|
-
'
|
|
13
|
-
|
|
14
|
-
|
|
17
|
+
'&[data-size="md"]': {
|
|
18
|
+
'@apply h-34': {};
|
|
19
|
+
'> *': {
|
|
20
|
+
'@apply text-small leading-[1.8rem]': {};
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
'&[data-size="lg"]': {
|
|
24
|
+
'@apply h-40': {};
|
|
15
25
|
};
|
|
16
26
|
'> *:first-child': {
|
|
17
27
|
'@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sk-web-gui/core",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.13.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/cjs/index.js",
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
"mini-svg-data-uri": "^1.4.4",
|
|
42
42
|
"tailwindcss": "^3.4.17"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "2a3bdc0e54c59a227f5ba0a8368199001fc1f044"
|
|
45
45
|
}
|