@warp-ds/css 1.1.2 → 1.2.0-next.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.
|
@@ -2,6 +2,7 @@ export namespace attention {
|
|
|
2
2
|
const base: string;
|
|
3
3
|
const tooltip: string;
|
|
4
4
|
const callout: string;
|
|
5
|
+
const highlight: string;
|
|
5
6
|
const popover: string;
|
|
6
7
|
const arrowBase: string;
|
|
7
8
|
const arrowDirectionLeft: string;
|
|
@@ -11,6 +12,7 @@ export namespace attention {
|
|
|
11
12
|
const arrowTooltip: string;
|
|
12
13
|
const arrowCallout: string;
|
|
13
14
|
const arrowPopover: string;
|
|
15
|
+
const arrowHighlight: string;
|
|
14
16
|
const content: string;
|
|
15
17
|
const notCallout: string;
|
|
16
18
|
}
|
|
@@ -211,7 +213,9 @@ export namespace expandable {
|
|
|
211
213
|
export const chevron: string;
|
|
212
214
|
export const chevronNonBox: string;
|
|
213
215
|
export const chevronBox: string;
|
|
214
|
-
export const
|
|
216
|
+
export const chevronTransform: string;
|
|
217
|
+
export const chevronExpand: string;
|
|
218
|
+
export const chevronCollapse: string;
|
|
215
219
|
export const expansion: string;
|
|
216
220
|
export const expansionNotExpanded: string;
|
|
217
221
|
const button_1: string;
|
|
@@ -3,6 +3,7 @@ export const attention = {
|
|
|
3
3
|
tooltip:
|
|
4
4
|
'i-bg-$color-tooltip-background i-border-$color-tooltip-background i-shadow-$shadow-tooltip i-text-$color-tooltip-text rounded-4 py-6 px-8',
|
|
5
5
|
callout: 'i-bg-$color-callout-background i-border-$color-callout-border i-text-$color-callout-text py-8 px-16 rounded-8',
|
|
6
|
+
highlight: 'i-bg-$color-callout-background i-border-$color-callout-border i-text-$color-callout-text py-8 px-16 rounded-8 drop-shadow-m',
|
|
6
7
|
popover:
|
|
7
8
|
'i-bg-$color-popover-background i-border-$color-popover-background i-text-$color-popover-paragraph-text rounded-8 p-16 drop-shadow-m',
|
|
8
9
|
arrowBase:
|
|
@@ -14,6 +15,7 @@ export const attention = {
|
|
|
14
15
|
arrowTooltip: 'i-bg-$color-tooltip-background i-border-$color-tooltip-background',
|
|
15
16
|
arrowCallout: 'i-bg-$color-callout-background i-border-$color-callout-border',
|
|
16
17
|
arrowPopover: 'i-bg-$color-popover-background i-border-$color-popover-background',
|
|
18
|
+
arrowHighlight: 'i-bg-$color-callout-background i-border-$color-callout-border',
|
|
17
19
|
content: 'last-child:mb-0',
|
|
18
20
|
notCallout: 'absolute z-50',
|
|
19
21
|
};
|
|
@@ -225,10 +227,12 @@ export const expandable = {
|
|
|
225
227
|
expandableTitle: 'font-bold i-text-$color-expandable-title-text',
|
|
226
228
|
expandableBox: 'i-bg-$color-expandable-background hover:i-bg-$color-expandable-background-hover py-0 px-0 ' + box.box,
|
|
227
229
|
expandableBleed: box.bleed,
|
|
228
|
-
chevron: 'inline-block align-middle
|
|
230
|
+
chevron: 'inline-block align-middle i-text-$color-expandable-icon',
|
|
229
231
|
chevronNonBox: 'relative left-8',
|
|
230
232
|
chevronBox: 'absolute right-16',
|
|
231
|
-
|
|
233
|
+
chevronTransform: 'transform transition-transform transform-gpu ease-in-out',
|
|
234
|
+
chevronExpand: '-rotate-180',
|
|
235
|
+
chevronCollapse: 'rotate-180',
|
|
232
236
|
expansion: 'overflow-hidden',
|
|
233
237
|
expansionNotExpanded: 'h-0 invisible',
|
|
234
238
|
button: buttonReset + ' hover:underline focus:underline',
|