@sk-web-gui/core 3.7.0 → 3.7.1
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/ai/ai-service-module.js +52 -8
- package/dist/cjs/components/ai/ai-service-module.js.map +1 -1
- package/dist/cjs/components/ai/bubble.js +29 -4
- package/dist/cjs/components/ai/bubble.js.map +1 -1
- package/dist/esm/components/ai/ai-service-module.js +56 -8
- package/dist/esm/components/ai/ai-service-module.js.map +1 -1
- package/dist/esm/components/ai/bubble.js +43 -2
- package/dist/esm/components/ai/bubble.js.map +1 -1
- package/dist/types/components/ai/ai-service-module.d.ts +48 -7
- package/dist/types/components/ai/bubble.d.ts +31 -1
- package/package.json +2 -2
|
@@ -9,18 +9,34 @@ var AIServiceModule = exports.AIServiceModule = function AIServiceModule(colors)
|
|
|
9
9
|
'@apply flex gap-0': {},
|
|
10
10
|
'@apply rounded-groups': {},
|
|
11
11
|
'@apply bg-background-content': {},
|
|
12
|
-
'@apply shadow-100': {},
|
|
13
12
|
'&[data-inverted="true"]': {
|
|
14
13
|
'@apply text-inverted-dark-primary': {},
|
|
15
14
|
'@apply bg-inverted-background-content': {}
|
|
16
15
|
},
|
|
16
|
+
'&[data-variant="secondary"]': {
|
|
17
|
+
'@apply border-1 border-divider': {},
|
|
18
|
+
'@apply bg-transparent': {},
|
|
19
|
+
'@apply flex-col': {}
|
|
20
|
+
},
|
|
21
|
+
'&[data-variant="primary"]': {
|
|
22
|
+
'@apply shadow-100': {}
|
|
23
|
+
},
|
|
17
24
|
'&-row': _extends({
|
|
18
25
|
'@apply flex flex-col': {},
|
|
19
26
|
'@apply grow shrink': {},
|
|
20
|
-
'@apply p-16 md:p-32': {},
|
|
21
27
|
'@apply bg-transparent': {},
|
|
22
|
-
'
|
|
23
|
-
|
|
28
|
+
'&[data-variant="primary"]': {
|
|
29
|
+
'@apply p-16 md:p-32': {},
|
|
30
|
+
'@apply first:rounded-l-groups': {},
|
|
31
|
+
'@apply last:rounded-r-groups': {}
|
|
32
|
+
},
|
|
33
|
+
'&[data-variant="secondary"]': {
|
|
34
|
+
'@apply px-24 md:px-32 pb-20': {},
|
|
35
|
+
'@apply first:pt-24 first:md:pt-32': {},
|
|
36
|
+
'@apply last:pb-24 last:md:pb-32': {},
|
|
37
|
+
'@apply first:rounded-t-groups': {},
|
|
38
|
+
'@apply last:rounded-b-groups': {}
|
|
39
|
+
}
|
|
24
40
|
}, colors.reduce(function (styles, color) {
|
|
25
41
|
var _dataInvertedTru, _ref, _extends2;
|
|
26
42
|
return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color + "-surface-primary"] = {}, _ref['@apply text-light-primary'] = {}, _ref['&[data-inverted="true"]'] = (_dataInvertedTru = {}, _dataInvertedTru["@apply bg-inverted-" + color + "-surface-primary"] = {}, _dataInvertedTru['@apply text-inverted-light-primary'] = {}, _dataInvertedTru), _ref), _extends2));
|
|
@@ -28,10 +44,29 @@ var AIServiceModule = exports.AIServiceModule = function AIServiceModule(colors)
|
|
|
28
44
|
'&-content': {
|
|
29
45
|
'@apply flex flex-col gap-6 md:gap-24': {},
|
|
30
46
|
'@apply p-4 md:p-8': {},
|
|
31
|
-
'@apply w-full': {}
|
|
47
|
+
'@apply w-full': {},
|
|
48
|
+
'&[data-variant="secondary"]': {
|
|
49
|
+
'@apply md:gap-16': {},
|
|
50
|
+
'@apply py-4 md:py-8 px-24 md:px-48': {}
|
|
51
|
+
}
|
|
32
52
|
},
|
|
33
|
-
'&-header
|
|
34
|
-
'@apply
|
|
53
|
+
'&-header': {
|
|
54
|
+
'@apply relative': {},
|
|
55
|
+
'&, > *': {
|
|
56
|
+
'@apply font-header text-display-3-sm md:text-display-3-md xl:text-display-3-lg': {}
|
|
57
|
+
},
|
|
58
|
+
'&[data-variant="secondary"], &[data-variant="secondary"] > *': {
|
|
59
|
+
'@apply font-header text-h2-sm md:text-h2-md': {}
|
|
60
|
+
},
|
|
61
|
+
'&-icon': _extends({
|
|
62
|
+
'@apply absolute -left-52 -top-2': {},
|
|
63
|
+
'.sk-icon, svg': {
|
|
64
|
+
'@apply h-40 w-40': {}
|
|
65
|
+
}
|
|
66
|
+
}, colors.reduce(function (styles, color) {
|
|
67
|
+
var _dataInvertedTru2, _ref2, _extends3;
|
|
68
|
+
return _extends({}, styles, (_extends3 = {}, _extends3["&[data-color=\"" + color + "\"]"] = (_ref2 = {}, _ref2["@apply text-" + color + "-surface-primary"] = {}, _ref2['&[data-inverted="true"]'] = (_dataInvertedTru2 = {}, _dataInvertedTru2["@apply text-inverted-" + color + "-surface-primary"] = {}, _dataInvertedTru2), _ref2), _extends3));
|
|
69
|
+
}, {}))
|
|
35
70
|
},
|
|
36
71
|
'&-form': {
|
|
37
72
|
'@apply w-full': {},
|
|
@@ -101,7 +136,6 @@ var AIServiceModule = exports.AIServiceModule = function AIServiceModule(colors)
|
|
|
101
136
|
}
|
|
102
137
|
},
|
|
103
138
|
'&-questions': {
|
|
104
|
-
'@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {},
|
|
105
139
|
'@apply flex flex-col gap-12': {},
|
|
106
140
|
'@apply pb-8': {},
|
|
107
141
|
'@apply text-dark-primary': {},
|
|
@@ -113,6 +147,16 @@ var AIServiceModule = exports.AIServiceModule = function AIServiceModule(colors)
|
|
|
113
147
|
},
|
|
114
148
|
'&[data-inverted="true"]': {
|
|
115
149
|
'@apply text-inverted-dark-primary': {}
|
|
150
|
+
},
|
|
151
|
+
'&[data-variant="primary"]': {
|
|
152
|
+
'@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {}
|
|
153
|
+
},
|
|
154
|
+
'&[data-variant="secondary"]': {
|
|
155
|
+
'@apply w-full': {},
|
|
156
|
+
'@apply px-24 md:px-48': {},
|
|
157
|
+
'.sk-ai-service-module-questions-list': {
|
|
158
|
+
'@apply flex-row flex-wrap': {}
|
|
159
|
+
}
|
|
116
160
|
}
|
|
117
161
|
}
|
|
118
162
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ai-service-module.js","names":["AIServiceModule","exports","colors","_extends","reduce","styles","color","_dataInvertedTru","_ref","_extends2"],"sources":["../../../../src/components/ai/ai-service-module.ts"],"sourcesContent":["export const AIServiceModule = (colors: string[]) => ({\r\n '.sk-ai-service-module': {\r\n '@apply flex gap-0': {},\r\n '@apply rounded-groups': {},\r\n '@apply bg-background-content': {},\r\n '@apply
|
|
1
|
+
{"version":3,"file":"ai-service-module.js","names":["AIServiceModule","exports","colors","_extends","reduce","styles","color","_dataInvertedTru","_ref","_extends2","_dataInvertedTru2","_ref2","_extends3"],"sources":["../../../../src/components/ai/ai-service-module.ts"],"sourcesContent":["export const AIServiceModule = (colors: string[]) => ({\r\n '.sk-ai-service-module': {\r\n '@apply flex gap-0': {},\r\n '@apply rounded-groups': {},\r\n '@apply bg-background-content': {},\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-dark-primary': {},\r\n '@apply bg-inverted-background-content': {},\r\n },\r\n\r\n '&[data-variant=\"secondary\"]': {\r\n '@apply border-1 border-divider': {},\r\n '@apply bg-transparent': {},\r\n '@apply flex-col': {},\r\n },\r\n '&[data-variant=\"primary\"]': {\r\n '@apply shadow-100': {},\r\n },\r\n '&-row': {\r\n '@apply flex flex-col': {},\r\n '@apply grow shrink': {},\r\n '@apply bg-transparent': {},\r\n '&[data-variant=\"primary\"]': {\r\n '@apply p-16 md:p-32': {},\r\n '@apply first:rounded-l-groups': {},\r\n '@apply last:rounded-r-groups': {},\r\n },\r\n '&[data-variant=\"secondary\"]': {\r\n '@apply px-24 md:px-32 pb-20': {},\r\n '@apply first:pt-24 first:md:pt-32': {},\r\n '@apply last:pb-24 last:md:pb-32': {},\r\n '@apply first:rounded-t-groups': {},\r\n '@apply last:rounded-b-groups': {},\r\n },\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}-surface-primary`]: {},\r\n '@apply text-light-primary': {},\r\n '&[data-inverted=\"true\"]': {\r\n [`@apply bg-inverted-${color}-surface-primary`]: {},\r\n '@apply text-inverted-light-primary': {},\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n\r\n '&-content': {\r\n '@apply flex flex-col gap-6 md:gap-24': {},\r\n '@apply p-4 md:p-8': {},\r\n '@apply w-full': {},\r\n '&[data-variant=\"secondary\"]': {\r\n '@apply md:gap-16': {},\r\n '@apply py-4 md:py-8 px-24 md:px-48': {},\r\n },\r\n },\r\n\r\n '&-header': {\r\n '@apply relative': {},\r\n '&, > *': {\r\n '@apply font-header text-display-3-sm md:text-display-3-md xl:text-display-3-lg': {},\r\n },\r\n '&[data-variant=\"secondary\"], &[data-variant=\"secondary\"] > *': {\r\n '@apply font-header text-h2-sm md:text-h2-md': {},\r\n },\r\n '&-icon': {\r\n '@apply absolute -left-52 -top-2': {},\r\n '.sk-icon, svg': {\r\n '@apply h-40 w-40': {},\r\n },\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply text-${color}-surface-primary`]: {},\r\n '&[data-inverted=\"true\"]': {\r\n [`@apply text-inverted-${color}-surface-primary`]: {},\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n },\r\n\r\n '&-form': {\r\n '@apply w-full': {},\r\n '@apply flex flex-col': {},\r\n '@apply gap-8': {},\r\n '@apply relative': {},\r\n\r\n '&-control': {\r\n '@apply w-full': {},\r\n },\r\n\r\n '&-label': {\r\n '@apply text-label-large': {},\r\n },\r\n\r\n '&-error': {\r\n '@apply text-small': {},\r\n },\r\n '&-input': {\r\n '@apply w-full': {},\r\n '&-group': {\r\n '@apply w-full': {},\r\n '.sk-form-input-addin-right': {\r\n '@apply pr-8': {},\r\n },\r\n },\r\n '&-wrapper': {\r\n '@apply relative': {},\r\n '@apply w-full h-48': {},\r\n },\r\n },\r\n\r\n '&-readmore': {\r\n '@apply text-small': {},\r\n '@apply text-light-secondary': {},\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-light-secondary': {},\r\n },\r\n },\r\n },\r\n\r\n '&-assistant': {\r\n '&-expanded': {\r\n '@apply h-[35em] max-h-[35em]': {},\r\n '@apply rounded-button': {},\r\n '@apply overflow-hidden': {},\r\n '@apply flex flex-col gap-0': {},\r\n '@apply shadow-200': {},\r\n '@apply bg-background-content': {},\r\n '@apply absolute top-0 left-0 right-0': {},\r\n\r\n '&-feed': {\r\n '@apply shrink grow': {},\r\n '@apply pl-16 pt-16 pr-48 pb-24': {},\r\n '@apply max-h-full overflow-y-auto': {},\r\n '@apply text-dark-primary': {},\r\n 'sk-ai-markdown': {\r\n '@apply text-dark-secondary': {},\r\n },\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply bg-inverted-background-content': {},\r\n '.sk-ai-service-module-feed': {\r\n '@apply text-inverted-dark-primary': {},\r\n 'sk-ai-markdown': {\r\n '@apply text-inverted-dark-secondary': {},\r\n },\r\n },\r\n },\r\n '&-close-button': {\r\n '@apply absolute right-12 top-12': {},\r\n },\r\n },\r\n },\r\n\r\n '&-questions': {\r\n '@apply flex flex-col gap-12': {},\r\n '@apply pb-8': {},\r\n '@apply text-dark-primary': {},\r\n '&-title, &-title > *': {\r\n '@apply text-label-large': {},\r\n },\r\n '&-list': {\r\n '@apply flex flex-col gap-8': {},\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-dark-primary': {},\r\n },\r\n '&[data-variant=\"primary\"]': {\r\n '@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {},\r\n },\r\n '&[data-variant=\"secondary\"]': {\r\n '@apply w-full': {},\r\n '@apply px-24 md:px-48': {},\r\n '.sk-ai-service-module-questions-list': {\r\n '@apply flex-row flex-wrap': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";;;;;AAAO,IAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAIE,MAAgB;EAAA,OAAM;IACpD,uBAAuB,EAAE;MACvB,mBAAmB,EAAE,CAAC,CAAC;MACvB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,8BAA8B,EAAE,CAAC,CAAC;MAElC,yBAAyB,EAAE;QACzB,mCAAmC,EAAE,CAAC,CAAC;QACvC,uCAAuC,EAAE,CAAC;MAC5C,CAAC;MAED,6BAA6B,EAAE;QAC7B,gCAAgC,EAAE,CAAC,CAAC;QACpC,uBAAuB,EAAE,CAAC,CAAC;QAC3B,iBAAiB,EAAE,CAAC;MACtB,CAAC;MACD,2BAA2B,EAAE;QAC3B,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,OAAO,EAAAC,QAAA;QACL,sBAAsB,EAAE,CAAC,CAAC;QAC1B,oBAAoB,EAAE,CAAC,CAAC;QACxB,uBAAuB,EAAE,CAAC,CAAC;QAC3B,2BAA2B,EAAE;UAC3B,qBAAqB,EAAE,CAAC,CAAC;UACzB,+BAA+B,EAAE,CAAC,CAAC;UACnC,8BAA8B,EAAE,CAAC;QACnC,CAAC;QACD,6BAA6B,EAAE;UAC7B,6BAA6B,EAAE,CAAC,CAAC;UACjC,mCAAmC,EAAE,CAAC,CAAC;UACvC,iCAAiC,EAAE,CAAC,CAAC;UACrC,+BAA+B,EAAE,CAAC,CAAC;UACnC,8BAA8B,EAAE,CAAC;QACnC;MAAC,GAEED,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAC,gBAAA,EAAAC,IAAA,EAAAC,SAAA;QAAA,OAAAN,QAAA,KACTE,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,aAAAE,IAAA,OAAAA,IAAA,gBACPF,KAAK,yBAAqB,CAAC,CAAC,EAAAE,IAAA,CAC1C,2BAA2B,IAAE,CAAC,CAAC,EAAAA,IAAA,CAC/B,yBAAyB,KAAAD,gBAAA,OAAAA,gBAAA,yBACAD,KAAK,yBAAqB,CAAC,CAAC,EAAAC,gBAAA,CACnD,oCAAoC,IAAE,CAAC,CAAC,EAAAA,gBAAA,GAAAC,IAAA,GAAAC,SAAA;MAAA,CAG5C,EACF,CAAC,CACH,CAAC,CACF;MAED,WAAW,EAAE;QACX,sCAAsC,EAAE,CAAC,CAAC;QAC1C,mBAAmB,EAAE,CAAC,CAAC;QACvB,eAAe,EAAE,CAAC,CAAC;QACnB,6BAA6B,EAAE;UAC7B,kBAAkB,EAAE,CAAC,CAAC;UACtB,oCAAoC,EAAE,CAAC;QACzC;MACF,CAAC;MAED,UAAU,EAAE;QACV,iBAAiB,EAAE,CAAC,CAAC;QACrB,QAAQ,EAAE;UACR,gFAAgF,EAAE,CAAC;QACrF,CAAC;QACD,8DAA8D,EAAE;UAC9D,6CAA6C,EAAE,CAAC;QAClD,CAAC;QACD,QAAQ,EAAAN,QAAA;UACN,iCAAiC,EAAE,CAAC,CAAC;UACrC,eAAe,EAAE;YACf,kBAAkB,EAAE,CAAC;UACvB;QAAC,GACED,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;UAAA,IAAAI,iBAAA,EAAAC,KAAA,EAAAC,SAAA;UAAA,OAAAT,QAAA,KACTE,MAAM,GAAAO,SAAA,OAAAA,SAAA,qBACSN,KAAK,aAAAK,KAAA,OAAAA,KAAA,kBACLL,KAAK,yBAAqB,CAAC,CAAC,EAAAK,KAAA,CAC5C,yBAAyB,KAAAD,iBAAA,OAAAA,iBAAA,2BACEJ,KAAK,yBAAqB,CAAC,CAAC,EAAAI,iBAAA,GAAAC,KAAA,GAAAC,SAAA;QAAA,CAGzD,EACF,CAAC,CACH,CAAC;MAEL,CAAC;MAED,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC;QACnB,sBAAsB,EAAE,CAAC,CAAC;QAC1B,cAAc,EAAE,CAAC,CAAC;QAClB,iBAAiB,EAAE,CAAC,CAAC;QAErB,WAAW,EAAE;UACX,eAAe,EAAE,CAAC;QACpB,CAAC;QAED,SAAS,EAAE;UACT,yBAAyB,EAAE,CAAC;QAC9B,CAAC;QAED,SAAS,EAAE;UACT,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,SAAS,EAAE;UACT,eAAe,EAAE,CAAC,CAAC;UACnB,SAAS,EAAE;YACT,eAAe,EAAE,CAAC,CAAC;YACnB,4BAA4B,EAAE;cAC5B,aAAa,EAAE,CAAC;YAClB;UACF,CAAC;UACD,WAAW,EAAE;YACX,iBAAiB,EAAE,CAAC,CAAC;YACrB,oBAAoB,EAAE,CAAC;UACzB;QACF,CAAC;QAED,YAAY,EAAE;UACZ,mBAAmB,EAAE,CAAC,CAAC;UACvB,6BAA6B,EAAE,CAAC,CAAC;UACjC,yBAAyB,EAAE;YACzB,sCAAsC,EAAE,CAAC;UAC3C;QACF;MACF,CAAC;MAED,aAAa,EAAE;QACb,YAAY,EAAE;UACZ,8BAA8B,EAAE,CAAC,CAAC;UAClC,uBAAuB,EAAE,CAAC,CAAC;UAC3B,wBAAwB,EAAE,CAAC,CAAC;UAC5B,4BAA4B,EAAE,CAAC,CAAC;UAChC,mBAAmB,EAAE,CAAC,CAAC;UACvB,8BAA8B,EAAE,CAAC,CAAC;UAClC,sCAAsC,EAAE,CAAC,CAAC;UAE1C,QAAQ,EAAE;YACR,oBAAoB,EAAE,CAAC,CAAC;YACxB,gCAAgC,EAAE,CAAC,CAAC;YACpC,mCAAmC,EAAE,CAAC,CAAC;YACvC,0BAA0B,EAAE,CAAC,CAAC;YAC9B,gBAAgB,EAAE;cAChB,4BAA4B,EAAE,CAAC;YACjC;UACF,CAAC;UAED,yBAAyB,EAAE;YACzB,uCAAuC,EAAE,CAAC,CAAC;YAC3C,4BAA4B,EAAE;cAC5B,mCAAmC,EAAE,CAAC,CAAC;cACvC,gBAAgB,EAAE;gBAChB,qCAAqC,EAAE,CAAC;cAC1C;YACF;UACF,CAAC;UACD,gBAAgB,EAAE;YAChB,iCAAiC,EAAE,CAAC;UACtC;QACF;MACF,CAAC;MAED,aAAa,EAAE;QACb,6BAA6B,EAAE,CAAC,CAAC;QACjC,aAAa,EAAE,CAAC,CAAC;QACjB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,sBAAsB,EAAE;UACtB,yBAAyB,EAAE,CAAC;QAC9B,CAAC;QACD,QAAQ,EAAE;UACR,4BAA4B,EAAE,CAAC;QACjC,CAAC;QAED,yBAAyB,EAAE;UACzB,mCAAmC,EAAE,CAAC;QACxC,CAAC;QACD,2BAA2B,EAAE;UAC3B,iDAAiD,EAAE,CAAC;QACtD,CAAC;QACD,6BAA6B,EAAE;UAC7B,eAAe,EAAE,CAAC,CAAC;UACnB,uBAAuB,EAAE,CAAC,CAAC;UAC3B,sCAAsC,EAAE;YACtC,2BAA2B,EAAE,CAAC;UAChC;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
|
|
@@ -4,6 +4,7 @@ exports.__esModule = true;
|
|
|
4
4
|
exports.Bubble = void 0;
|
|
5
5
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
6
6
|
var Bubble = exports.Bubble = function Bubble(colors) {
|
|
7
|
+
var _skAiBubbleTail5, _skAiBubbleTail6, _skAiBubbleTail7, _skAiBubbleTail8;
|
|
7
8
|
return {
|
|
8
9
|
'.sk-ai-bubble': _extends({
|
|
9
10
|
'@apply inline-flex text-left items-center justify-start': {},
|
|
@@ -13,15 +14,33 @@ var Bubble = exports.Bubble = function Bubble(colors) {
|
|
|
13
14
|
'@apply rounded-t-button rounded-br-button': {},
|
|
14
15
|
'@apply pt-10 pr-12 pb-10 pl-14': {},
|
|
15
16
|
'@apply gap-16': {},
|
|
16
|
-
'@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},
|
|
17
17
|
'@apply text-small': {},
|
|
18
|
-
'@apply text-dark-secondary': {}
|
|
18
|
+
'@apply text-dark-secondary': {},
|
|
19
|
+
'&[data-inverted="true"]': {
|
|
20
|
+
'@apply text-inverted-dark-secondary': {}
|
|
21
|
+
}
|
|
19
22
|
}, colors.reduce(function (styles, color) {
|
|
20
|
-
var _skAiBubbleTail, _skAiBubbleTail2, _ref, _extends2;
|
|
23
|
+
var _skAiBubbleTail, _skAiBubbleTail2, _skAiBubbleTail3, _skAiBubbleTail4, _dataInvertedTru, _ref, _extends2;
|
|
21
24
|
return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color + "-surface-accent hover:bg-" + color + "-surface-accent-hover"] = {}, _ref['.sk-ai-bubble-tail'] = (_skAiBubbleTail = {}, _skAiBubbleTail["@apply shadow-" + color + "-surface-accent"] = {}, _skAiBubbleTail), _ref['&:hover'] = {
|
|
22
25
|
'.sk-ai-bubble-tail': (_skAiBubbleTail2 = {}, _skAiBubbleTail2["@apply shadow-" + color + "-surface-accent-hover"] = {}, _skAiBubbleTail2)
|
|
23
|
-
}, _ref),
|
|
26
|
+
}, _ref['&[data-inverted="true"]'] = (_dataInvertedTru = {}, _dataInvertedTru["@apply bg-" + color + "-surface-primary hover:bg-" + color + "-surface-primary-hover"] = {}, _dataInvertedTru['.sk-ai-bubble-tail'] = (_skAiBubbleTail3 = {}, _skAiBubbleTail3["@apply shadow-" + color + "-surface-primary"] = {}, _skAiBubbleTail3), _dataInvertedTru['&:hover'] = {
|
|
27
|
+
'.sk-ai-bubble-tail': (_skAiBubbleTail4 = {}, _skAiBubbleTail4["@apply shadow-" + color + "-surface-primary-hover"] = {}, _skAiBubbleTail4)
|
|
28
|
+
}, _dataInvertedTru), _ref), _extends2));
|
|
24
29
|
}, {}), {
|
|
30
|
+
'&[data-color="primary"]': {
|
|
31
|
+
'@apply bg-inverted-primary-surface hover:bg-inverted-primary-surface-hover': {},
|
|
32
|
+
'.sk-ai-bubble-tail': (_skAiBubbleTail5 = {}, _skAiBubbleTail5["@apply shadow-inverted-primary-surface"] = {}, _skAiBubbleTail5),
|
|
33
|
+
'&:hover': {
|
|
34
|
+
'.sk-ai-bubble-tail': (_skAiBubbleTail6 = {}, _skAiBubbleTail6["@apply shadow-inverted-primary-surface-hover"] = {}, _skAiBubbleTail6)
|
|
35
|
+
},
|
|
36
|
+
'&[data-inverted="true"]': {
|
|
37
|
+
'@apply bg-primary-surface hover:bg-primary-surface-hover': {},
|
|
38
|
+
'.sk-ai-bubble-tail': (_skAiBubbleTail7 = {}, _skAiBubbleTail7["@apply shadow-primary-surface"] = {}, _skAiBubbleTail7),
|
|
39
|
+
'&:hover': {
|
|
40
|
+
'.sk-ai-bubble-tail': (_skAiBubbleTail8 = {}, _skAiBubbleTail8["@apply shadow-primary-surface-hover"] = {}, _skAiBubbleTail8)
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
},
|
|
25
44
|
'&-tail': {
|
|
26
45
|
'@apply text-base': {},
|
|
27
46
|
'@apply absolute left-0 bottom-[-1.25em]': {},
|
|
@@ -31,6 +50,12 @@ var Bubble = exports.Bubble = function Bubble(colors) {
|
|
|
31
50
|
'@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},
|
|
32
51
|
'@apply scale-y-[25%]': {},
|
|
33
52
|
'&:before': {
|
|
53
|
+
'&[data-shadow="true"]': {}
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
'&[data-shadow="true"]': {
|
|
57
|
+
'@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},
|
|
58
|
+
'.sk-ai-bubble-tail:before': {
|
|
34
59
|
'@apply content-[""]': {},
|
|
35
60
|
'@apply absolute left-0 bottom-[-0.15625em]': {},
|
|
36
61
|
'@apply w-32 h-32': {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bubble.js","names":["Bubble","exports","colors","_extends","reduce","styles","color","_skAiBubbleTail","_skAiBubbleTail2","_ref","_extends2"],"sources":["../../../../src/components/ai/bubble.ts"],"sourcesContent":["export const Bubble = (colors: string[]) => ({\r\n '.sk-ai-bubble': {\r\n '@apply inline-flex text-left items-center justify-start': {},\r\n '@apply w-fit': {},\r\n '@apply focus-visible:ring ring-ring': {},\r\n '@apply relative': {},\r\n '@apply rounded-t-button rounded-br-button': {},\r\n '@apply pt-10 pr-12 pb-10 pl-14': {},\r\n '@apply gap-16': {},\r\n '@apply
|
|
1
|
+
{"version":3,"file":"bubble.js","names":["Bubble","exports","colors","_skAiBubbleTail5","_skAiBubbleTail6","_skAiBubbleTail7","_skAiBubbleTail8","_extends","reduce","styles","color","_skAiBubbleTail","_skAiBubbleTail2","_skAiBubbleTail3","_skAiBubbleTail4","_dataInvertedTru","_ref","_extends2"],"sources":["../../../../src/components/ai/bubble.ts"],"sourcesContent":["export const Bubble = (colors: string[]) => ({\r\n '.sk-ai-bubble': {\r\n '@apply inline-flex text-left items-center justify-start': {},\r\n '@apply w-fit': {},\r\n '@apply focus-visible:ring ring-ring': {},\r\n '@apply relative': {},\r\n '@apply rounded-t-button rounded-br-button': {},\r\n '@apply pt-10 pr-12 pb-10 pl-14': {},\r\n '@apply gap-16': {},\r\n\r\n '@apply text-small': {},\r\n '@apply text-dark-secondary': {},\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-dark-secondary': {},\r\n },\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}-surface-accent hover:bg-${color}-surface-accent-hover`]: {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-accent`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-accent-hover`]: {},\r\n },\r\n },\r\n '&[data-inverted=\"true\"]': {\r\n [`@apply bg-${color}-surface-primary hover:bg-${color}-surface-primary-hover`]: {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-primary`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-primary-hover`]: {},\r\n },\r\n },\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n '&[data-color=\"primary\"]': {\r\n '@apply bg-inverted-primary-surface hover:bg-inverted-primary-surface-hover': {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-inverted-primary-surface`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-inverted-primary-surface-hover`]: {},\r\n },\r\n },\r\n '&[data-inverted=\"true\"]': {\r\n '@apply bg-primary-surface hover:bg-primary-surface-hover': {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-primary-surface`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-primary-surface-hover`]: {},\r\n },\r\n },\r\n },\r\n },\r\n '&-tail': {\r\n '@apply text-base': {},\r\n '@apply absolute left-0 bottom-[-1.25em]': {},\r\n '@apply w-32 h-32': {},\r\n '@apply rounded-tl-16 rounded-bl-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},\r\n '@apply scale-y-[25%]': {},\r\n '&:before': {\r\n '&[data-shadow=\"true\"]': {},\r\n },\r\n },\r\n\r\n '&[data-shadow=\"true\"]': {\r\n '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},\r\n '.sk-ai-bubble-tail:before': {\r\n '@apply content-[\"\"]': {},\r\n '@apply absolute left-0 bottom-[-0.15625em]': {},\r\n '@apply w-32 h-32': {},\r\n '@apply rounded-tl-16 rounded-bl-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply shadow-[0_-0.15625em_0_0_rgb(0,0,0,0.2)]': {},\r\n 'clip-path': 'polygon(0 0, 0 1em, 0.25em 1em, 0.59375em 0)',\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,18 +4,34 @@ export var AIServiceModule = colors => ({
|
|
|
4
4
|
'@apply flex gap-0': {},
|
|
5
5
|
'@apply rounded-groups': {},
|
|
6
6
|
'@apply bg-background-content': {},
|
|
7
|
-
'@apply shadow-100': {},
|
|
8
7
|
'&[data-inverted="true"]': {
|
|
9
8
|
'@apply text-inverted-dark-primary': {},
|
|
10
9
|
'@apply bg-inverted-background-content': {}
|
|
11
10
|
},
|
|
11
|
+
'&[data-variant="secondary"]': {
|
|
12
|
+
'@apply border-1 border-divider': {},
|
|
13
|
+
'@apply bg-transparent': {},
|
|
14
|
+
'@apply flex-col': {}
|
|
15
|
+
},
|
|
16
|
+
'&[data-variant="primary"]': {
|
|
17
|
+
'@apply shadow-100': {}
|
|
18
|
+
},
|
|
12
19
|
'&-row': _extends({
|
|
13
20
|
'@apply flex flex-col': {},
|
|
14
21
|
'@apply grow shrink': {},
|
|
15
|
-
'@apply p-16 md:p-32': {},
|
|
16
22
|
'@apply bg-transparent': {},
|
|
17
|
-
'
|
|
18
|
-
|
|
23
|
+
'&[data-variant="primary"]': {
|
|
24
|
+
'@apply p-16 md:p-32': {},
|
|
25
|
+
'@apply first:rounded-l-groups': {},
|
|
26
|
+
'@apply last:rounded-r-groups': {}
|
|
27
|
+
},
|
|
28
|
+
'&[data-variant="secondary"]': {
|
|
29
|
+
'@apply px-24 md:px-32 pb-20': {},
|
|
30
|
+
'@apply first:pt-24 first:md:pt-32': {},
|
|
31
|
+
'@apply last:pb-24 last:md:pb-32': {},
|
|
32
|
+
'@apply first:rounded-t-groups': {},
|
|
33
|
+
'@apply last:rounded-b-groups': {}
|
|
34
|
+
}
|
|
19
35
|
}, colors.reduce((styles, color) => _extends({}, styles, {
|
|
20
36
|
["&[data-color=\"" + color + "\"]"]: {
|
|
21
37
|
["@apply bg-" + color + "-surface-primary"]: {},
|
|
@@ -29,10 +45,33 @@ export var AIServiceModule = colors => ({
|
|
|
29
45
|
'&-content': {
|
|
30
46
|
'@apply flex flex-col gap-6 md:gap-24': {},
|
|
31
47
|
'@apply p-4 md:p-8': {},
|
|
32
|
-
'@apply w-full': {}
|
|
48
|
+
'@apply w-full': {},
|
|
49
|
+
'&[data-variant="secondary"]': {
|
|
50
|
+
'@apply md:gap-16': {},
|
|
51
|
+
'@apply py-4 md:py-8 px-24 md:px-48': {}
|
|
52
|
+
}
|
|
33
53
|
},
|
|
34
|
-
'&-header
|
|
35
|
-
'@apply
|
|
54
|
+
'&-header': {
|
|
55
|
+
'@apply relative': {},
|
|
56
|
+
'&, > *': {
|
|
57
|
+
'@apply font-header text-display-3-sm md:text-display-3-md xl:text-display-3-lg': {}
|
|
58
|
+
},
|
|
59
|
+
'&[data-variant="secondary"], &[data-variant="secondary"] > *': {
|
|
60
|
+
'@apply font-header text-h2-sm md:text-h2-md': {}
|
|
61
|
+
},
|
|
62
|
+
'&-icon': _extends({
|
|
63
|
+
'@apply absolute -left-52 -top-2': {},
|
|
64
|
+
'.sk-icon, svg': {
|
|
65
|
+
'@apply h-40 w-40': {}
|
|
66
|
+
}
|
|
67
|
+
}, colors.reduce((styles, color) => _extends({}, styles, {
|
|
68
|
+
["&[data-color=\"" + color + "\"]"]: {
|
|
69
|
+
["@apply text-" + color + "-surface-primary"]: {},
|
|
70
|
+
'&[data-inverted="true"]': {
|
|
71
|
+
["@apply text-inverted-" + color + "-surface-primary"]: {}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
}), {}))
|
|
36
75
|
},
|
|
37
76
|
'&-form': {
|
|
38
77
|
'@apply w-full': {},
|
|
@@ -102,7 +141,6 @@ export var AIServiceModule = colors => ({
|
|
|
102
141
|
}
|
|
103
142
|
},
|
|
104
143
|
'&-questions': {
|
|
105
|
-
'@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {},
|
|
106
144
|
'@apply flex flex-col gap-12': {},
|
|
107
145
|
'@apply pb-8': {},
|
|
108
146
|
'@apply text-dark-primary': {},
|
|
@@ -114,6 +152,16 @@ export var AIServiceModule = colors => ({
|
|
|
114
152
|
},
|
|
115
153
|
'&[data-inverted="true"]': {
|
|
116
154
|
'@apply text-inverted-dark-primary': {}
|
|
155
|
+
},
|
|
156
|
+
'&[data-variant="primary"]': {
|
|
157
|
+
'@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {}
|
|
158
|
+
},
|
|
159
|
+
'&[data-variant="secondary"]': {
|
|
160
|
+
'@apply w-full': {},
|
|
161
|
+
'@apply px-24 md:px-48': {},
|
|
162
|
+
'.sk-ai-service-module-questions-list': {
|
|
163
|
+
'@apply flex-row flex-wrap': {}
|
|
164
|
+
}
|
|
117
165
|
}
|
|
118
166
|
}
|
|
119
167
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ai-service-module.js","names":["AIServiceModule","colors","_extends","reduce","styles","color"],"sources":["../../../../src/components/ai/ai-service-module.ts"],"sourcesContent":["export const AIServiceModule = (colors: string[]) => ({\r\n '.sk-ai-service-module': {\r\n '@apply flex gap-0': {},\r\n '@apply rounded-groups': {},\r\n '@apply bg-background-content': {},\r\n '@apply
|
|
1
|
+
{"version":3,"file":"ai-service-module.js","names":["AIServiceModule","colors","_extends","reduce","styles","color"],"sources":["../../../../src/components/ai/ai-service-module.ts"],"sourcesContent":["export const AIServiceModule = (colors: string[]) => ({\r\n '.sk-ai-service-module': {\r\n '@apply flex gap-0': {},\r\n '@apply rounded-groups': {},\r\n '@apply bg-background-content': {},\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-dark-primary': {},\r\n '@apply bg-inverted-background-content': {},\r\n },\r\n\r\n '&[data-variant=\"secondary\"]': {\r\n '@apply border-1 border-divider': {},\r\n '@apply bg-transparent': {},\r\n '@apply flex-col': {},\r\n },\r\n '&[data-variant=\"primary\"]': {\r\n '@apply shadow-100': {},\r\n },\r\n '&-row': {\r\n '@apply flex flex-col': {},\r\n '@apply grow shrink': {},\r\n '@apply bg-transparent': {},\r\n '&[data-variant=\"primary\"]': {\r\n '@apply p-16 md:p-32': {},\r\n '@apply first:rounded-l-groups': {},\r\n '@apply last:rounded-r-groups': {},\r\n },\r\n '&[data-variant=\"secondary\"]': {\r\n '@apply px-24 md:px-32 pb-20': {},\r\n '@apply first:pt-24 first:md:pt-32': {},\r\n '@apply last:pb-24 last:md:pb-32': {},\r\n '@apply first:rounded-t-groups': {},\r\n '@apply last:rounded-b-groups': {},\r\n },\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}-surface-primary`]: {},\r\n '@apply text-light-primary': {},\r\n '&[data-inverted=\"true\"]': {\r\n [`@apply bg-inverted-${color}-surface-primary`]: {},\r\n '@apply text-inverted-light-primary': {},\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n\r\n '&-content': {\r\n '@apply flex flex-col gap-6 md:gap-24': {},\r\n '@apply p-4 md:p-8': {},\r\n '@apply w-full': {},\r\n '&[data-variant=\"secondary\"]': {\r\n '@apply md:gap-16': {},\r\n '@apply py-4 md:py-8 px-24 md:px-48': {},\r\n },\r\n },\r\n\r\n '&-header': {\r\n '@apply relative': {},\r\n '&, > *': {\r\n '@apply font-header text-display-3-sm md:text-display-3-md xl:text-display-3-lg': {},\r\n },\r\n '&[data-variant=\"secondary\"], &[data-variant=\"secondary\"] > *': {\r\n '@apply font-header text-h2-sm md:text-h2-md': {},\r\n },\r\n '&-icon': {\r\n '@apply absolute -left-52 -top-2': {},\r\n '.sk-icon, svg': {\r\n '@apply h-40 w-40': {},\r\n },\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply text-${color}-surface-primary`]: {},\r\n '&[data-inverted=\"true\"]': {\r\n [`@apply text-inverted-${color}-surface-primary`]: {},\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n },\r\n\r\n '&-form': {\r\n '@apply w-full': {},\r\n '@apply flex flex-col': {},\r\n '@apply gap-8': {},\r\n '@apply relative': {},\r\n\r\n '&-control': {\r\n '@apply w-full': {},\r\n },\r\n\r\n '&-label': {\r\n '@apply text-label-large': {},\r\n },\r\n\r\n '&-error': {\r\n '@apply text-small': {},\r\n },\r\n '&-input': {\r\n '@apply w-full': {},\r\n '&-group': {\r\n '@apply w-full': {},\r\n '.sk-form-input-addin-right': {\r\n '@apply pr-8': {},\r\n },\r\n },\r\n '&-wrapper': {\r\n '@apply relative': {},\r\n '@apply w-full h-48': {},\r\n },\r\n },\r\n\r\n '&-readmore': {\r\n '@apply text-small': {},\r\n '@apply text-light-secondary': {},\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-light-secondary': {},\r\n },\r\n },\r\n },\r\n\r\n '&-assistant': {\r\n '&-expanded': {\r\n '@apply h-[35em] max-h-[35em]': {},\r\n '@apply rounded-button': {},\r\n '@apply overflow-hidden': {},\r\n '@apply flex flex-col gap-0': {},\r\n '@apply shadow-200': {},\r\n '@apply bg-background-content': {},\r\n '@apply absolute top-0 left-0 right-0': {},\r\n\r\n '&-feed': {\r\n '@apply shrink grow': {},\r\n '@apply pl-16 pt-16 pr-48 pb-24': {},\r\n '@apply max-h-full overflow-y-auto': {},\r\n '@apply text-dark-primary': {},\r\n 'sk-ai-markdown': {\r\n '@apply text-dark-secondary': {},\r\n },\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply bg-inverted-background-content': {},\r\n '.sk-ai-service-module-feed': {\r\n '@apply text-inverted-dark-primary': {},\r\n 'sk-ai-markdown': {\r\n '@apply text-inverted-dark-secondary': {},\r\n },\r\n },\r\n },\r\n '&-close-button': {\r\n '@apply absolute right-12 top-12': {},\r\n },\r\n },\r\n },\r\n\r\n '&-questions': {\r\n '@apply flex flex-col gap-12': {},\r\n '@apply pb-8': {},\r\n '@apply text-dark-primary': {},\r\n '&-title, &-title > *': {\r\n '@apply text-label-large': {},\r\n },\r\n '&-list': {\r\n '@apply flex flex-col gap-8': {},\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-dark-primary': {},\r\n },\r\n '&[data-variant=\"primary\"]': {\r\n '@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {},\r\n },\r\n '&[data-variant=\"secondary\"]': {\r\n '@apply w-full': {},\r\n '@apply px-24 md:px-48': {},\r\n '.sk-ai-service-module-questions-list': {\r\n '@apply flex-row flex-wrap': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,eAAe,GAAIC,MAAgB,KAAM;EACpD,uBAAuB,EAAE;IACvB,mBAAmB,EAAE,CAAC,CAAC;IACvB,uBAAuB,EAAE,CAAC,CAAC;IAC3B,8BAA8B,EAAE,CAAC,CAAC;IAElC,yBAAyB,EAAE;MACzB,mCAAmC,EAAE,CAAC,CAAC;MACvC,uCAAuC,EAAE,CAAC;IAC5C,CAAC;IAED,6BAA6B,EAAE;MAC7B,gCAAgC,EAAE,CAAC,CAAC;MACpC,uBAAuB,EAAE,CAAC,CAAC;MAC3B,iBAAiB,EAAE,CAAC;IACtB,CAAC;IACD,2BAA2B,EAAE;MAC3B,mBAAmB,EAAE,CAAC;IACxB,CAAC;IACD,OAAO,EAAAC,QAAA;MACL,sBAAsB,EAAE,CAAC,CAAC;MAC1B,oBAAoB,EAAE,CAAC,CAAC;MACxB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,2BAA2B,EAAE;QAC3B,qBAAqB,EAAE,CAAC,CAAC;QACzB,+BAA+B,EAAE,CAAC,CAAC;QACnC,8BAA8B,EAAE,CAAC;MACnC,CAAC;MACD,6BAA6B,EAAE;QAC7B,6BAA6B,EAAE,CAAC,CAAC;QACjC,mCAAmC,EAAE,CAAC,CAAC;QACvC,iCAAiC,EAAE,CAAC,CAAC;QACrC,+BAA+B,EAAE,CAAC,CAAC;QACnC,8BAA8B,EAAE,CAAC;MACnC;IAAC,GAEED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,wBAAqB,CAAC,CAAC;QAC1C,2BAA2B,EAAE,CAAC,CAAC;QAC/B,yBAAyB,EAAE;UACzB,yBAAuBA,KAAK,wBAAqB,CAAC,CAAC;UACnD,oCAAoC,EAAE,CAAC;QACzC;MACF;IAAC,EACD,EACF,CAAC,CACH,CAAC,CACF;IAED,WAAW,EAAE;MACX,sCAAsC,EAAE,CAAC,CAAC;MAC1C,mBAAmB,EAAE,CAAC,CAAC;MACvB,eAAe,EAAE,CAAC,CAAC;MACnB,6BAA6B,EAAE;QAC7B,kBAAkB,EAAE,CAAC,CAAC;QACtB,oCAAoC,EAAE,CAAC;MACzC;IACF,CAAC;IAED,UAAU,EAAE;MACV,iBAAiB,EAAE,CAAC,CAAC;MACrB,QAAQ,EAAE;QACR,gFAAgF,EAAE,CAAC;MACrF,CAAC;MACD,8DAA8D,EAAE;QAC9D,6CAA6C,EAAE,CAAC;MAClD,CAAC;MACD,QAAQ,EAAAH,QAAA;QACN,iCAAiC,EAAE,CAAC,CAAC;QACrC,eAAe,EAAE;UACf,kBAAkB,EAAE,CAAC;QACvB;MAAC,GACED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;QACT,qBAAkBC,KAAK,WAAO;UAC5B,kBAAgBA,KAAK,wBAAqB,CAAC,CAAC;UAC5C,yBAAyB,EAAE;YACzB,2BAAyBA,KAAK,wBAAqB,CAAC;UACtD;QACF;MAAC,EACD,EACF,CAAC,CACH,CAAC;IAEL,CAAC;IAED,QAAQ,EAAE;MACR,eAAe,EAAE,CAAC,CAAC;MACnB,sBAAsB,EAAE,CAAC,CAAC;MAC1B,cAAc,EAAE,CAAC,CAAC;MAClB,iBAAiB,EAAE,CAAC,CAAC;MAErB,WAAW,EAAE;QACX,eAAe,EAAE,CAAC;MACpB,CAAC;MAED,SAAS,EAAE;QACT,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MAED,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,SAAS,EAAE;QACT,eAAe,EAAE,CAAC,CAAC;QACnB,SAAS,EAAE;UACT,eAAe,EAAE,CAAC,CAAC;UACnB,4BAA4B,EAAE;YAC5B,aAAa,EAAE,CAAC;UAClB;QACF,CAAC;QACD,WAAW,EAAE;UACX,iBAAiB,EAAE,CAAC,CAAC;UACrB,oBAAoB,EAAE,CAAC;QACzB;MACF,CAAC;MAED,YAAY,EAAE;QACZ,mBAAmB,EAAE,CAAC,CAAC;QACvB,6BAA6B,EAAE,CAAC,CAAC;QACjC,yBAAyB,EAAE;UACzB,sCAAsC,EAAE,CAAC;QAC3C;MACF;IACF,CAAC;IAED,aAAa,EAAE;MACb,YAAY,EAAE;QACZ,8BAA8B,EAAE,CAAC,CAAC;QAClC,uBAAuB,EAAE,CAAC,CAAC;QAC3B,wBAAwB,EAAE,CAAC,CAAC;QAC5B,4BAA4B,EAAE,CAAC,CAAC;QAChC,mBAAmB,EAAE,CAAC,CAAC;QACvB,8BAA8B,EAAE,CAAC,CAAC;QAClC,sCAAsC,EAAE,CAAC,CAAC;QAE1C,QAAQ,EAAE;UACR,oBAAoB,EAAE,CAAC,CAAC;UACxB,gCAAgC,EAAE,CAAC,CAAC;UACpC,mCAAmC,EAAE,CAAC,CAAC;UACvC,0BAA0B,EAAE,CAAC,CAAC;UAC9B,gBAAgB,EAAE;YAChB,4BAA4B,EAAE,CAAC;UACjC;QACF,CAAC;QAED,yBAAyB,EAAE;UACzB,uCAAuC,EAAE,CAAC,CAAC;UAC3C,4BAA4B,EAAE;YAC5B,mCAAmC,EAAE,CAAC,CAAC;YACvC,gBAAgB,EAAE;cAChB,qCAAqC,EAAE,CAAC;YAC1C;UACF;QACF,CAAC;QACD,gBAAgB,EAAE;UAChB,iCAAiC,EAAE,CAAC;QACtC;MACF;IACF,CAAC;IAED,aAAa,EAAE;MACb,6BAA6B,EAAE,CAAC,CAAC;MACjC,aAAa,EAAE,CAAC,CAAC;MACjB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,sBAAsB,EAAE;QACtB,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,QAAQ,EAAE;QACR,4BAA4B,EAAE,CAAC;MACjC,CAAC;MAED,yBAAyB,EAAE;QACzB,mCAAmC,EAAE,CAAC;MACxC,CAAC;MACD,2BAA2B,EAAE;QAC3B,iDAAiD,EAAE,CAAC;MACtD,CAAC;MACD,6BAA6B,EAAE;QAC7B,eAAe,EAAE,CAAC,CAAC;QACnB,uBAAuB,EAAE,CAAC,CAAC;QAC3B,sCAAsC,EAAE;UACtC,2BAA2B,EAAE,CAAC;QAChC;MACF;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -8,9 +8,11 @@ export var Bubble = colors => ({
|
|
|
8
8
|
'@apply rounded-t-button rounded-br-button': {},
|
|
9
9
|
'@apply pt-10 pr-12 pb-10 pl-14': {},
|
|
10
10
|
'@apply gap-16': {},
|
|
11
|
-
'@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},
|
|
12
11
|
'@apply text-small': {},
|
|
13
|
-
'@apply text-dark-secondary': {}
|
|
12
|
+
'@apply text-dark-secondary': {},
|
|
13
|
+
'&[data-inverted="true"]': {
|
|
14
|
+
'@apply text-inverted-dark-secondary': {}
|
|
15
|
+
}
|
|
14
16
|
}, colors.reduce((styles, color) => _extends({}, styles, {
|
|
15
17
|
["&[data-color=\"" + color + "\"]"]: {
|
|
16
18
|
["@apply bg-" + color + "-surface-accent hover:bg-" + color + "-surface-accent-hover"]: {},
|
|
@@ -21,9 +23,42 @@ export var Bubble = colors => ({
|
|
|
21
23
|
'.sk-ai-bubble-tail': {
|
|
22
24
|
["@apply shadow-" + color + "-surface-accent-hover"]: {}
|
|
23
25
|
}
|
|
26
|
+
},
|
|
27
|
+
'&[data-inverted="true"]': {
|
|
28
|
+
["@apply bg-" + color + "-surface-primary hover:bg-" + color + "-surface-primary-hover"]: {},
|
|
29
|
+
'.sk-ai-bubble-tail': {
|
|
30
|
+
["@apply shadow-" + color + "-surface-primary"]: {}
|
|
31
|
+
},
|
|
32
|
+
'&:hover': {
|
|
33
|
+
'.sk-ai-bubble-tail': {
|
|
34
|
+
["@apply shadow-" + color + "-surface-primary-hover"]: {}
|
|
35
|
+
}
|
|
36
|
+
}
|
|
24
37
|
}
|
|
25
38
|
}
|
|
26
39
|
}), {}), {
|
|
40
|
+
'&[data-color="primary"]': {
|
|
41
|
+
'@apply bg-inverted-primary-surface hover:bg-inverted-primary-surface-hover': {},
|
|
42
|
+
'.sk-ai-bubble-tail': {
|
|
43
|
+
["@apply shadow-inverted-primary-surface"]: {}
|
|
44
|
+
},
|
|
45
|
+
'&:hover': {
|
|
46
|
+
'.sk-ai-bubble-tail': {
|
|
47
|
+
["@apply shadow-inverted-primary-surface-hover"]: {}
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
'&[data-inverted="true"]': {
|
|
51
|
+
'@apply bg-primary-surface hover:bg-primary-surface-hover': {},
|
|
52
|
+
'.sk-ai-bubble-tail': {
|
|
53
|
+
["@apply shadow-primary-surface"]: {}
|
|
54
|
+
},
|
|
55
|
+
'&:hover': {
|
|
56
|
+
'.sk-ai-bubble-tail': {
|
|
57
|
+
["@apply shadow-primary-surface-hover"]: {}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
},
|
|
27
62
|
'&-tail': {
|
|
28
63
|
'@apply text-base': {},
|
|
29
64
|
'@apply absolute left-0 bottom-[-1.25em]': {},
|
|
@@ -33,6 +68,12 @@ export var Bubble = colors => ({
|
|
|
33
68
|
'@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},
|
|
34
69
|
'@apply scale-y-[25%]': {},
|
|
35
70
|
'&:before': {
|
|
71
|
+
'&[data-shadow="true"]': {}
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
'&[data-shadow="true"]': {
|
|
75
|
+
'@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},
|
|
76
|
+
'.sk-ai-bubble-tail:before': {
|
|
36
77
|
'@apply content-[""]': {},
|
|
37
78
|
'@apply absolute left-0 bottom-[-0.15625em]': {},
|
|
38
79
|
'@apply w-32 h-32': {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bubble.js","names":["Bubble","colors","_extends","reduce","styles","color"],"sources":["../../../../src/components/ai/bubble.ts"],"sourcesContent":["export const Bubble = (colors: string[]) => ({\r\n '.sk-ai-bubble': {\r\n '@apply inline-flex text-left items-center justify-start': {},\r\n '@apply w-fit': {},\r\n '@apply focus-visible:ring ring-ring': {},\r\n '@apply relative': {},\r\n '@apply rounded-t-button rounded-br-button': {},\r\n '@apply pt-10 pr-12 pb-10 pl-14': {},\r\n '@apply gap-16': {},\r\n '@apply
|
|
1
|
+
{"version":3,"file":"bubble.js","names":["Bubble","colors","_extends","reduce","styles","color"],"sources":["../../../../src/components/ai/bubble.ts"],"sourcesContent":["export const Bubble = (colors: string[]) => ({\r\n '.sk-ai-bubble': {\r\n '@apply inline-flex text-left items-center justify-start': {},\r\n '@apply w-fit': {},\r\n '@apply focus-visible:ring ring-ring': {},\r\n '@apply relative': {},\r\n '@apply rounded-t-button rounded-br-button': {},\r\n '@apply pt-10 pr-12 pb-10 pl-14': {},\r\n '@apply gap-16': {},\r\n\r\n '@apply text-small': {},\r\n '@apply text-dark-secondary': {},\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-dark-secondary': {},\r\n },\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}-surface-accent hover:bg-${color}-surface-accent-hover`]: {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-accent`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-accent-hover`]: {},\r\n },\r\n },\r\n '&[data-inverted=\"true\"]': {\r\n [`@apply bg-${color}-surface-primary hover:bg-${color}-surface-primary-hover`]: {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-primary`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-primary-hover`]: {},\r\n },\r\n },\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n '&[data-color=\"primary\"]': {\r\n '@apply bg-inverted-primary-surface hover:bg-inverted-primary-surface-hover': {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-inverted-primary-surface`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-inverted-primary-surface-hover`]: {},\r\n },\r\n },\r\n '&[data-inverted=\"true\"]': {\r\n '@apply bg-primary-surface hover:bg-primary-surface-hover': {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-primary-surface`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-primary-surface-hover`]: {},\r\n },\r\n },\r\n },\r\n },\r\n '&-tail': {\r\n '@apply text-base': {},\r\n '@apply absolute left-0 bottom-[-1.25em]': {},\r\n '@apply w-32 h-32': {},\r\n '@apply rounded-tl-16 rounded-bl-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},\r\n '@apply scale-y-[25%]': {},\r\n '&:before': {\r\n '&[data-shadow=\"true\"]': {},\r\n },\r\n },\r\n\r\n '&[data-shadow=\"true\"]': {\r\n '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},\r\n '.sk-ai-bubble-tail:before': {\r\n '@apply content-[\"\"]': {},\r\n '@apply absolute left-0 bottom-[-0.15625em]': {},\r\n '@apply w-32 h-32': {},\r\n '@apply rounded-tl-16 rounded-bl-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply shadow-[0_-0.15625em_0_0_rgb(0,0,0,0.2)]': {},\r\n 'clip-path': 'polygon(0 0, 0 1em, 0.25em 1em, 0.59375em 0)',\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,MAAM,GAAIC,MAAgB,KAAM;EAC3C,eAAe,EAAAC,QAAA;IACb,yDAAyD,EAAE,CAAC,CAAC;IAC7D,cAAc,EAAE,CAAC,CAAC;IAClB,qCAAqC,EAAE,CAAC,CAAC;IACzC,iBAAiB,EAAE,CAAC,CAAC;IACrB,2CAA2C,EAAE,CAAC,CAAC;IAC/C,gCAAgC,EAAE,CAAC,CAAC;IACpC,eAAe,EAAE,CAAC,CAAC;IAEnB,mBAAmB,EAAE,CAAC,CAAC;IACvB,4BAA4B,EAAE,CAAC,CAAC;IAEhC,yBAAyB,EAAE;MACzB,qCAAqC,EAAE,CAAC;IAC1C;EAAC,GAEED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IAET,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,iCAA4BA,KAAK,6BAA0B,CAAC,CAAC;MAChF,oBAAoB,EAAE;QACpB,oBAAkBA,KAAK,uBAAoB,CAAC;MAC9C,CAAC;MACD,SAAS,EAAE;QACT,oBAAoB,EAAE;UACpB,oBAAkBA,KAAK,6BAA0B,CAAC;QACpD;MACF,CAAC;MACD,yBAAyB,EAAE;QACzB,gBAAcA,KAAK,kCAA6BA,KAAK,8BAA2B,CAAC,CAAC;QAClF,oBAAoB,EAAE;UACpB,oBAAkBA,KAAK,wBAAqB,CAAC;QAC/C,CAAC;QACD,SAAS,EAAE;UACT,oBAAoB,EAAE;YACpB,oBAAkBA,KAAK,8BAA2B,CAAC;UACrD;QACF;MACF;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IACD,yBAAyB,EAAE;MACzB,4EAA4E,EAAE,CAAC,CAAC;MAChF,oBAAoB,EAAE;QACpB,4CAA4C,CAAC;MAC/C,CAAC;MACD,SAAS,EAAE;QACT,oBAAoB,EAAE;UACpB,kDAAkD,CAAC;QACrD;MACF,CAAC;MACD,yBAAyB,EAAE;QACzB,0DAA0D,EAAE,CAAC,CAAC;QAC9D,oBAAoB,EAAE;UACpB,mCAAmC,CAAC;QACtC,CAAC;QACD,SAAS,EAAE;UACT,oBAAoB,EAAE;YACpB,yCAAyC,CAAC;UAC5C;QACF;MACF;IACF,CAAC;IACD,QAAQ,EAAE;MACR,kBAAkB,EAAE,CAAC,CAAC;MACtB,yCAAyC,EAAE,CAAC,CAAC;MAC7C,kBAAkB,EAAE,CAAC,CAAC;MACtB,mCAAmC,EAAE,CAAC,CAAC;MACvC,uBAAuB,EAAE,CAAC,CAAC;MAC3B,mDAAmD,EAAE,CAAC,CAAC;MACvD,sBAAsB,EAAE,CAAC,CAAC;MAC1B,UAAU,EAAE;QACV,uBAAuB,EAAE,CAAC;MAC5B;IACF,CAAC;IAED,uBAAuB,EAAE;MACvB,2CAA2C,EAAE,CAAC,CAAC;MAC/C,2BAA2B,EAAE;QAC3B,qBAAqB,EAAE,CAAC,CAAC;QACzB,4CAA4C,EAAE,CAAC,CAAC;QAChD,kBAAkB,EAAE,CAAC,CAAC;QACtB,mCAAmC,EAAE,CAAC,CAAC;QACvC,uBAAuB,EAAE,CAAC,CAAC;QAC3B,iDAAiD,EAAE,CAAC,CAAC;QACrD,WAAW,EAAE;MACf;IACF;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}
|
|
@@ -3,26 +3,58 @@ export declare const AIServiceModule: (colors: string[]) => {
|
|
|
3
3
|
'@apply flex gap-0': {};
|
|
4
4
|
'@apply rounded-groups': {};
|
|
5
5
|
'@apply bg-background-content': {};
|
|
6
|
-
'@apply shadow-100': {};
|
|
7
6
|
'&[data-inverted="true"]': {
|
|
8
7
|
'@apply text-inverted-dark-primary': {};
|
|
9
8
|
'@apply bg-inverted-background-content': {};
|
|
10
9
|
};
|
|
10
|
+
'&[data-variant="secondary"]': {
|
|
11
|
+
'@apply border-1 border-divider': {};
|
|
12
|
+
'@apply bg-transparent': {};
|
|
13
|
+
'@apply flex-col': {};
|
|
14
|
+
};
|
|
15
|
+
'&[data-variant="primary"]': {
|
|
16
|
+
'@apply shadow-100': {};
|
|
17
|
+
};
|
|
11
18
|
'&-row': {
|
|
12
19
|
'@apply flex flex-col': {};
|
|
13
20
|
'@apply grow shrink': {};
|
|
14
|
-
'@apply p-16 md:p-32': {};
|
|
15
21
|
'@apply bg-transparent': {};
|
|
16
|
-
'
|
|
17
|
-
|
|
22
|
+
'&[data-variant="primary"]': {
|
|
23
|
+
'@apply p-16 md:p-32': {};
|
|
24
|
+
'@apply first:rounded-l-groups': {};
|
|
25
|
+
'@apply last:rounded-r-groups': {};
|
|
26
|
+
};
|
|
27
|
+
'&[data-variant="secondary"]': {
|
|
28
|
+
'@apply px-24 md:px-32 pb-20': {};
|
|
29
|
+
'@apply first:pt-24 first:md:pt-32': {};
|
|
30
|
+
'@apply last:pb-24 last:md:pb-32': {};
|
|
31
|
+
'@apply first:rounded-t-groups': {};
|
|
32
|
+
'@apply last:rounded-b-groups': {};
|
|
33
|
+
};
|
|
18
34
|
};
|
|
19
35
|
'&-content': {
|
|
20
36
|
'@apply flex flex-col gap-6 md:gap-24': {};
|
|
21
37
|
'@apply p-4 md:p-8': {};
|
|
22
38
|
'@apply w-full': {};
|
|
39
|
+
'&[data-variant="secondary"]': {
|
|
40
|
+
'@apply md:gap-16': {};
|
|
41
|
+
'@apply py-4 md:py-8 px-24 md:px-48': {};
|
|
42
|
+
};
|
|
23
43
|
};
|
|
24
|
-
'&-header
|
|
25
|
-
'@apply
|
|
44
|
+
'&-header': {
|
|
45
|
+
'@apply relative': {};
|
|
46
|
+
'&, > *': {
|
|
47
|
+
'@apply font-header text-display-3-sm md:text-display-3-md xl:text-display-3-lg': {};
|
|
48
|
+
};
|
|
49
|
+
'&[data-variant="secondary"], &[data-variant="secondary"] > *': {
|
|
50
|
+
'@apply font-header text-h2-sm md:text-h2-md': {};
|
|
51
|
+
};
|
|
52
|
+
'&-icon': {
|
|
53
|
+
'@apply absolute -left-52 -top-2': {};
|
|
54
|
+
'.sk-icon, svg': {
|
|
55
|
+
'@apply h-40 w-40': {};
|
|
56
|
+
};
|
|
57
|
+
};
|
|
26
58
|
};
|
|
27
59
|
'&-form': {
|
|
28
60
|
'@apply w-full': {};
|
|
@@ -92,7 +124,6 @@ export declare const AIServiceModule: (colors: string[]) => {
|
|
|
92
124
|
};
|
|
93
125
|
};
|
|
94
126
|
'&-questions': {
|
|
95
|
-
'@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {};
|
|
96
127
|
'@apply flex flex-col gap-12': {};
|
|
97
128
|
'@apply pb-8': {};
|
|
98
129
|
'@apply text-dark-primary': {};
|
|
@@ -105,6 +136,16 @@ export declare const AIServiceModule: (colors: string[]) => {
|
|
|
105
136
|
'&[data-inverted="true"]': {
|
|
106
137
|
'@apply text-inverted-dark-primary': {};
|
|
107
138
|
};
|
|
139
|
+
'&[data-variant="primary"]': {
|
|
140
|
+
'@apply w-[22.5em] max-w-[22.5em] min-w-[22.5em]': {};
|
|
141
|
+
};
|
|
142
|
+
'&[data-variant="secondary"]': {
|
|
143
|
+
'@apply w-full': {};
|
|
144
|
+
'@apply px-24 md:px-48': {};
|
|
145
|
+
'.sk-ai-service-module-questions-list': {
|
|
146
|
+
'@apply flex-row flex-wrap': {};
|
|
147
|
+
};
|
|
148
|
+
};
|
|
108
149
|
};
|
|
109
150
|
};
|
|
110
151
|
};
|
|
@@ -1,5 +1,27 @@
|
|
|
1
1
|
export declare const Bubble: (colors: string[]) => {
|
|
2
2
|
'.sk-ai-bubble': {
|
|
3
|
+
'&[data-color="primary"]': {
|
|
4
|
+
'@apply bg-inverted-primary-surface hover:bg-inverted-primary-surface-hover': {};
|
|
5
|
+
'.sk-ai-bubble-tail': {
|
|
6
|
+
"@apply shadow-inverted-primary-surface": {};
|
|
7
|
+
};
|
|
8
|
+
'&:hover': {
|
|
9
|
+
'.sk-ai-bubble-tail': {
|
|
10
|
+
"@apply shadow-inverted-primary-surface-hover": {};
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
'&[data-inverted="true"]': {
|
|
14
|
+
'@apply bg-primary-surface hover:bg-primary-surface-hover': {};
|
|
15
|
+
'.sk-ai-bubble-tail': {
|
|
16
|
+
"@apply shadow-primary-surface": {};
|
|
17
|
+
};
|
|
18
|
+
'&:hover': {
|
|
19
|
+
'.sk-ai-bubble-tail': {
|
|
20
|
+
"@apply shadow-primary-surface-hover": {};
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
};
|
|
3
25
|
'&-tail': {
|
|
4
26
|
'@apply text-base': {};
|
|
5
27
|
'@apply absolute left-0 bottom-[-1.25em]': {};
|
|
@@ -9,6 +31,12 @@ export declare const Bubble: (colors: string[]) => {
|
|
|
9
31
|
'@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {};
|
|
10
32
|
'@apply scale-y-[25%]': {};
|
|
11
33
|
'&:before': {
|
|
34
|
+
'&[data-shadow="true"]': {};
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
'&[data-shadow="true"]': {
|
|
38
|
+
'@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {};
|
|
39
|
+
'.sk-ai-bubble-tail:before': {
|
|
12
40
|
'@apply content-[""]': {};
|
|
13
41
|
'@apply absolute left-0 bottom-[-0.15625em]': {};
|
|
14
42
|
'@apply w-32 h-32': {};
|
|
@@ -25,8 +53,10 @@ export declare const Bubble: (colors: string[]) => {
|
|
|
25
53
|
'@apply rounded-t-button rounded-br-button': {};
|
|
26
54
|
'@apply pt-10 pr-12 pb-10 pl-14': {};
|
|
27
55
|
'@apply gap-16': {};
|
|
28
|
-
'@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {};
|
|
29
56
|
'@apply text-small': {};
|
|
30
57
|
'@apply text-dark-secondary': {};
|
|
58
|
+
'&[data-inverted="true"]': {
|
|
59
|
+
'@apply text-inverted-dark-secondary': {};
|
|
60
|
+
};
|
|
31
61
|
};
|
|
32
62
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sk-web-gui/core",
|
|
3
|
-
"version": "3.7.
|
|
3
|
+
"version": "3.7.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "dist/cjs/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -38,5 +38,5 @@
|
|
|
38
38
|
"mini-svg-data-uri": "^1.4.4",
|
|
39
39
|
"tailwindcss": "^3.4.0"
|
|
40
40
|
},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "38a1c46e2bb1c7d41b8876f49eb1a9b5cb5c79ec"
|
|
42
42
|
}
|