@sap-ux/ui-components 1.18.5 → 1.18.7
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/components/UICallout/UICallout.d.ts +1 -0
- package/dist/components/UICallout/UICallout.d.ts.map +1 -1
- package/dist/components/UICallout/UICallout.js +7 -5
- package/dist/components/UICallout/UICallout.js.map +1 -1
- package/dist/components/UIContextualMenu/UIContextualMenu.scss +3 -2
- package/package.json +1 -1
- package/storybook/{341.452c80d0.iframe.bundle.js → 341.db2c9a0a.iframe.bundle.js} +2 -2
- package/storybook/973.a799d17d.iframe.bundle.js +1 -0
- package/storybook/{UIActionCallout-story.16851cf6.iframe.bundle.js → UIActionCallout-story.b6524622.iframe.bundle.js} +2 -2
- package/storybook/{UICallout-story.2d183804.iframe.bundle.js → UICallout-story.3e5d6267.iframe.bundle.js} +2 -2
- package/storybook/UITooltip-story.a9c06aed.iframe.bundle.js +1 -0
- package/storybook/{UITranslationInput-story.1c47df28.iframe.bundle.js → UITranslationInput-story.e739a305.iframe.bundle.js} +1 -1
- package/storybook/iframe.html +3 -3
- package/storybook/main.407cb28c.iframe.bundle.js +1 -0
- package/storybook/project.json +1 -1
- package/storybook/{runtime~main.3643c685.iframe.bundle.js → runtime~main.26ad318c.iframe.bundle.js} +2 -2
- package/storybook/973.a281d6de.iframe.bundle.js +0 -1
- package/storybook/UITooltip-story.8f97ff0e.iframe.bundle.js +0 -1
- package/storybook/main.db657c54.iframe.bundle.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UICallout.d.ts","sourceRoot":"","sources":["../../../src/components/UICallout/UICallout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EACR,aAAa,EACb,qBAAqB,EAIxB,MAAM,iBAAiB,CAAC;AAIzB,MAAM,WAAW,cAAe,SAAQ,aAAa;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,uBAAuB,CAAC;IACzC,4BAA4B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAED,OAAO,4BAA4B,CAAC;AAEpC,eAAO,MAAM,cAAc
|
|
1
|
+
{"version":3,"file":"UICallout.d.ts","sourceRoot":"","sources":["../../../src/components/UICallout/UICallout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EACR,aAAa,EACb,qBAAqB,EAIxB,MAAM,iBAAiB,CAAC;AAIzB,MAAM,WAAW,cAAe,SAAQ,aAAa;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,uBAAuB,CAAC;IACzC,4BAA4B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAED,OAAO,4BAA4B,CAAC;AAEpC,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAC;AAEF,oBAAY,uBAAuB;IAC/B,IAAI,SAAS;IACb,QAAQ,aAAa;CACxB;AAsBD,eAAO,MAAM,eAAe,UAAW,cAAc,KAAG,qBA+BvD,CAAC;AAEF;;;;;;;GAOG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,EAAE,CAAC;IAC9D;;;;OAIG;gBACgB,KAAK,EAAE,cAAc;IAKxC;;;;;;OAMG;IACH,OAAO,CAAC,SAAS;IAoBjB;;OAEG;IACH,MAAM,IAAI,GAAG,CAAC,OAAO;CAOxB"}
|
|
@@ -9,11 +9,12 @@ const react_2 = require("@fluentui/react");
|
|
|
9
9
|
const utilities_1 = require("../../utilities");
|
|
10
10
|
require("../../styles/_shadows.scss");
|
|
11
11
|
exports.CALLOUT_STYLES = {
|
|
12
|
-
background: 'var(--vscode-
|
|
12
|
+
background: 'var(--vscode-editorWidget-background)',
|
|
13
13
|
boxShadow: 'var(--ui-box-shadow-small)',
|
|
14
|
-
|
|
14
|
+
borderColor: 'var(--vscode-editorWidget-border)',
|
|
15
|
+
text: 'var(--vscode-editorWidget-foreground)',
|
|
15
16
|
font: 'var(--vscode-font-family)',
|
|
16
|
-
borderRadius:
|
|
17
|
+
borderRadius: 2
|
|
17
18
|
};
|
|
18
19
|
var UICalloutContentPadding;
|
|
19
20
|
(function (UICalloutContentPadding) {
|
|
@@ -39,8 +40,9 @@ const getCalloutStyle = (props) => {
|
|
|
39
40
|
return {
|
|
40
41
|
root: {
|
|
41
42
|
boxShadow: exports.CALLOUT_STYLES.boxShadow,
|
|
42
|
-
backgroundColor:
|
|
43
|
+
backgroundColor: exports.CALLOUT_STYLES.background,
|
|
43
44
|
borderRadius: exports.CALLOUT_STYLES.borderRadius,
|
|
45
|
+
border: `1px solid ${exports.CALLOUT_STYLES.borderColor}`,
|
|
44
46
|
...extractRawStyles(props.styles, 'root')
|
|
45
47
|
},
|
|
46
48
|
beak: {
|
|
@@ -54,7 +56,7 @@ const getCalloutStyle = (props) => {
|
|
|
54
56
|
...extractRawStyles(props.styles, 'beakCurtain')
|
|
55
57
|
},
|
|
56
58
|
calloutMain: {
|
|
57
|
-
backgroundColor:
|
|
59
|
+
backgroundColor: 'transparent',
|
|
58
60
|
color: exports.CALLOUT_STYLES.text,
|
|
59
61
|
fontFamily: exports.CALLOUT_STYLES.font,
|
|
60
62
|
borderRadius: exports.CALLOUT_STYLES.borderRadius,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UICallout.js","sourceRoot":"","sources":["../../../src/components/UICallout/UICallout.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQ1B,2CAAuD;AACvD,+CAAgE;AAQhE,sCAAoC;AAEvB,QAAA,cAAc,GAAG;IAC1B,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"UICallout.js","sourceRoot":"","sources":["../../../src/components/UICallout/UICallout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@use "sass:math";
|
|
1
2
|
@import './_variables.scss';
|
|
2
3
|
|
|
3
4
|
$layout-dropdown-menu-border-color: $menu-border-color;
|
|
@@ -136,8 +137,8 @@ $layout-contextual-menu-item-focus-color: $layout-contextual-menu-item-hover-col
|
|
|
136
137
|
|
|
137
138
|
> .ms-ContextualMenu-link {
|
|
138
139
|
&.is-checked .ms-ContextualMenu-checkmarkIcon {
|
|
139
|
-
margin-right: $menu-item-horizontal-padding
|
|
140
|
-
margin-left: -$menu-item-horizontal-padding
|
|
140
|
+
margin-right: math.div($menu-item-horizontal-padding, 2);
|
|
141
|
+
margin-left: math.div(-$menu-item-horizontal-padding, 2);
|
|
141
142
|
}
|
|
142
143
|
}
|
|
143
144
|
|