@codacy/ui-components 0.51.0 → 0.51.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/lib/Tab/Tab.styles.js +20 -17
- package/lib/Tab/Tab.types.d.ts +2 -1
- package/package.json +1 -1
package/lib/Tab/Tab.styles.js
CHANGED
|
@@ -15,37 +15,40 @@ var TabWrapper = /*#__PURE__*/_styled(Flex, {
|
|
|
15
15
|
}, ";border-bottom:1px solid ", function (_ref2) {
|
|
16
16
|
var theme = _ref2.theme;
|
|
17
17
|
return theme.colors['ui-border'];
|
|
18
|
-
}, ";align-items:stretch;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWIvVGFiLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTeUUiLCJmaWxlIjoiLi4vLi4vc3JjL1RhYi9UYWIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBDb2RhY3lUaGVtZSwgdHJhbnNpdGlvbiB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBUYWJCdXR0b25Qcm9wcyB9IGZyb20gJy4vVGFiLnR5cGVzJ1xuaW1wb3J0IHsgSWNvbkFuZFRleHRXcmFwcGVyIH0gZnJvbSAnLi4vSWNvbkFuZFRleHQvSWNvbkFuZFRleHQuc3R5bGVzJ1xuXG4vKipcbiAqIFRhYlxuICovXG5jb25zdCBUYWJXcmFwcGVyID0gc3R5bGVkKEZsZXgpPHsgaGFzQmFja2dyb3VuZD86IGJvb2xlYW4gfSwgQ29kYWN5VGhlbWU+YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lLCBoYXNCYWNrZ3JvdW5kIH0pID0+
|
|
18
|
+
}, ";align-items:stretch;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWIvVGFiLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTeUUiLCJmaWxlIjoiLi4vLi4vc3JjL1RhYi9UYWIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBDb2RhY3lUaGVtZSwgdHJhbnNpdGlvbiB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBUYWJCdXR0b25Qcm9wcyB9IGZyb20gJy4vVGFiLnR5cGVzJ1xuaW1wb3J0IHsgSWNvbkFuZFRleHRXcmFwcGVyIH0gZnJvbSAnLi4vSWNvbkFuZFRleHQvSWNvbkFuZFRleHQuc3R5bGVzJ1xuXG4vKipcbiAqIFRhYlxuICovXG5jb25zdCBUYWJXcmFwcGVyID0gc3R5bGVkKEZsZXgpPHsgaGFzQmFja2dyb3VuZD86IGJvb2xlYW4gfSwgQ29kYWN5VGhlbWU+YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lLCBoYXNCYWNrZ3JvdW5kIH0pID0+IChoYXNCYWNrZ3JvdW5kID8gdGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXNlY29uZGFyeSddIDogJ3RyYW5zcGFyZW50Jyl9O1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ3VpLWJvcmRlciddfTtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG5gXG5cbmNvbnN0IFRhYkJ1dHRvbiA9IHN0eWxlZC5idXR0b248VGFiQnV0dG9uUHJvcHMsIENvZGFjeVRoZW1lPmBcbiAgLyogYnV0dG9uIHJlc2V0ICovXG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgb3V0bGluZTogbm9uZTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG5cbiAgbWF4LXdpZHRoOiAkeyh7IG1heFdpZHRoIH0pID0+IG1heFdpZHRoIHx8ICcxMnJlbSd9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblxuICBsaW5lLWhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5iYXNlTGluZUhlaWdodH07XG5cbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gIG1hcmdpbi1ib3R0b206IC0xcHg7IC8qIFRvIG92ZXJsYXAgdGhlIHRhYiB3cmFwcGVyIGJvcmRlciAqL1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFNpemVzWzJdfTtcblxuICB0cmFuc2l0aW9uOiAkeygpID0+IHRyYW5zaXRpb24oWydib3JkZXInLCAnY29sb3InLCAnYmFja2dyb3VuZC1jb2xvciddKX07XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZFxuICAgICR7KHsgdGhlbWUsIGFjdGl2ZSB9KSA9PiAoYWN0aXZlID8gdGhlbWUuY29sb3JzWydhY2NlbnQtcHJpbWFyeSddIDogdGhlbWUuY29sb3JzWyd1aS1ib3JkZXInXSl9O1xuICBjb2xvcjogJHsoeyB0aGVtZSwgYWN0aXZlIH0pID0+IChhY3RpdmUgPyB0aGVtZS5jb2xvcnNbJ2FjY2VudC1wcmltYXJ5J10gOiB0aGVtZS5jb2xvcnNbJ3RleHQtc2Vjb25kYXJ5J10pfTtcblxuICAke0ljb25BbmRUZXh0V3JhcHBlcn0gc3ZnIHtcbiAgICBmaWxsOiAkeyh7IHRoZW1lLCBhY3RpdmUgfSkgPT4gKGFjdGl2ZSA/IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXSA6IHRoZW1lLmNvbG9yc1sndGV4dC1zZWNvbmRhcnknXSl9O1xuICB9XG5cbiAgOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBhY3RpdmUgfSkgPT4gKGFjdGl2ZSA/ICd0cmFuc3BhcmVudCcgOiB0aGVtZS5jb2xvcnNbJ2JsdWUtNTAnXSl9O1xuICB9XG5gXG5cbmV4cG9ydCB7IFRhYldyYXBwZXIsIFRhYkJ1dHRvbiB9XG4iXX0= */"));
|
|
19
19
|
|
|
20
20
|
var TabButton = _styled("button", {
|
|
21
21
|
target: "e1y1ufi91"
|
|
22
|
-
})("border:none;background-color:transparent;cursor:pointer;outline:none;font-weight:bold;max-width:
|
|
23
|
-
var
|
|
24
|
-
return
|
|
25
|
-
}, ";
|
|
22
|
+
})("border:none;background-color:transparent;cursor:pointer;outline:none;font-weight:bold;max-width:", function (_ref3) {
|
|
23
|
+
var maxWidth = _ref3.maxWidth;
|
|
24
|
+
return maxWidth || '12rem';
|
|
25
|
+
}, ";overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:", function (_ref4) {
|
|
26
26
|
var theme = _ref4.theme;
|
|
27
|
-
return theme.
|
|
28
|
-
}, ";
|
|
27
|
+
return theme.baseLineHeight;
|
|
28
|
+
}, ";padding:", function (_ref5) {
|
|
29
29
|
var theme = _ref5.theme;
|
|
30
|
+
return theme.space[2];
|
|
31
|
+
}, ";margin-bottom:-1px;font-size:", function (_ref6) {
|
|
32
|
+
var theme = _ref6.theme;
|
|
30
33
|
return theme.fontSizes[2];
|
|
31
34
|
}, ";transition:", function () {
|
|
32
35
|
return transition(['border', 'color', 'background-color']);
|
|
33
|
-
}, ";border-bottom:1px solid ", function (
|
|
34
|
-
var theme = _ref6.theme,
|
|
35
|
-
active = _ref6.active;
|
|
36
|
-
return active ? theme.colors['accent-primary'] : theme.colors['ui-border'];
|
|
37
|
-
}, ";color:", function (_ref7) {
|
|
36
|
+
}, ";border-bottom:1px solid ", function (_ref7) {
|
|
38
37
|
var theme = _ref7.theme,
|
|
39
38
|
active = _ref7.active;
|
|
40
|
-
return active ? theme.colors['accent-primary'] : theme.colors['
|
|
41
|
-
}, ";
|
|
39
|
+
return active ? theme.colors['accent-primary'] : theme.colors['ui-border'];
|
|
40
|
+
}, ";color:", function (_ref8) {
|
|
42
41
|
var theme = _ref8.theme,
|
|
43
42
|
active = _ref8.active;
|
|
44
|
-
return active ? theme.colors['
|
|
45
|
-
}, ";
|
|
43
|
+
return active ? theme.colors['accent-primary'] : theme.colors['text-secondary'];
|
|
44
|
+
}, ";", IconAndTextWrapper, " svg{fill:", function (_ref9) {
|
|
46
45
|
var theme = _ref9.theme,
|
|
47
46
|
active = _ref9.active;
|
|
47
|
+
return active ? theme.colors['blue-400'] : theme.colors['text-secondary'];
|
|
48
|
+
}, ";}:hover{background-color:", function (_ref10) {
|
|
49
|
+
var theme = _ref10.theme,
|
|
50
|
+
active = _ref10.active;
|
|
48
51
|
return active ? 'transparent' : theme.colors['blue-50'];
|
|
49
|
-
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWIvVGFiLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlNEQiLCJmaWxlIjoiLi4vLi4vc3JjL1RhYi9UYWIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBDb2RhY3lUaGVtZSwgdHJhbnNpdGlvbiB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBUYWJCdXR0b25Qcm9wcyB9IGZyb20gJy4vVGFiLnR5cGVzJ1xuaW1wb3J0IHsgSWNvbkFuZFRleHRXcmFwcGVyIH0gZnJvbSAnLi4vSWNvbkFuZFRleHQvSWNvbkFuZFRleHQuc3R5bGVzJ1xuXG4vKipcbiAqIFRhYlxuICovXG5jb25zdCBUYWJXcmFwcGVyID0gc3R5bGVkKEZsZXgpPHsgaGFzQmFja2dyb3VuZD86IGJvb2xlYW4gfSwgQ29kYWN5VGhlbWU+YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lLCBoYXNCYWNrZ3JvdW5kIH0pID0+
|
|
52
|
+
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWIvVGFiLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlNEQiLCJmaWxlIjoiLi4vLi4vc3JjL1RhYi9UYWIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBDb2RhY3lUaGVtZSwgdHJhbnNpdGlvbiB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBUYWJCdXR0b25Qcm9wcyB9IGZyb20gJy4vVGFiLnR5cGVzJ1xuaW1wb3J0IHsgSWNvbkFuZFRleHRXcmFwcGVyIH0gZnJvbSAnLi4vSWNvbkFuZFRleHQvSWNvbkFuZFRleHQuc3R5bGVzJ1xuXG4vKipcbiAqIFRhYlxuICovXG5jb25zdCBUYWJXcmFwcGVyID0gc3R5bGVkKEZsZXgpPHsgaGFzQmFja2dyb3VuZD86IGJvb2xlYW4gfSwgQ29kYWN5VGhlbWU+YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lLCBoYXNCYWNrZ3JvdW5kIH0pID0+IChoYXNCYWNrZ3JvdW5kID8gdGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXNlY29uZGFyeSddIDogJ3RyYW5zcGFyZW50Jyl9O1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ3VpLWJvcmRlciddfTtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG5gXG5cbmNvbnN0IFRhYkJ1dHRvbiA9IHN0eWxlZC5idXR0b248VGFiQnV0dG9uUHJvcHMsIENvZGFjeVRoZW1lPmBcbiAgLyogYnV0dG9uIHJlc2V0ICovXG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgb3V0bGluZTogbm9uZTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG5cbiAgbWF4LXdpZHRoOiAkeyh7IG1heFdpZHRoIH0pID0+IG1heFdpZHRoIHx8ICcxMnJlbSd9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblxuICBsaW5lLWhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5iYXNlTGluZUhlaWdodH07XG5cbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gIG1hcmdpbi1ib3R0b206IC0xcHg7IC8qIFRvIG92ZXJsYXAgdGhlIHRhYiB3cmFwcGVyIGJvcmRlciAqL1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFNpemVzWzJdfTtcblxuICB0cmFuc2l0aW9uOiAkeygpID0+IHRyYW5zaXRpb24oWydib3JkZXInLCAnY29sb3InLCAnYmFja2dyb3VuZC1jb2xvciddKX07XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZFxuICAgICR7KHsgdGhlbWUsIGFjdGl2ZSB9KSA9PiAoYWN0aXZlID8gdGhlbWUuY29sb3JzWydhY2NlbnQtcHJpbWFyeSddIDogdGhlbWUuY29sb3JzWyd1aS1ib3JkZXInXSl9O1xuICBjb2xvcjogJHsoeyB0aGVtZSwgYWN0aXZlIH0pID0+IChhY3RpdmUgPyB0aGVtZS5jb2xvcnNbJ2FjY2VudC1wcmltYXJ5J10gOiB0aGVtZS5jb2xvcnNbJ3RleHQtc2Vjb25kYXJ5J10pfTtcblxuICAke0ljb25BbmRUZXh0V3JhcHBlcn0gc3ZnIHtcbiAgICBmaWxsOiAkeyh7IHRoZW1lLCBhY3RpdmUgfSkgPT4gKGFjdGl2ZSA/IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXSA6IHRoZW1lLmNvbG9yc1sndGV4dC1zZWNvbmRhcnknXSl9O1xuICB9XG5cbiAgOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBhY3RpdmUgfSkgPT4gKGFjdGl2ZSA/ICd0cmFuc3BhcmVudCcgOiB0aGVtZS5jb2xvcnNbJ2JsdWUtNTAnXSl9O1xuICB9XG5gXG5cbmV4cG9ydCB7IFRhYldyYXBwZXIsIFRhYkJ1dHRvbiB9XG4iXX0= */"));
|
|
50
53
|
|
|
51
54
|
export { TabWrapper, TabButton };
|
package/lib/Tab/Tab.types.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { MaxWidthProps } from 'styled-system';
|
|
1
2
|
import { SpaceProps } from '../system-props/types';
|
|
2
3
|
import { ContainerComponentProps } from '../types';
|
|
3
4
|
export interface TabWrapperProps extends ContainerComponentProps, SpaceProps {
|
|
@@ -6,7 +7,7 @@ export interface TabWrapperProps extends ContainerComponentProps, SpaceProps {
|
|
|
6
7
|
/** Accessibility label for tabs descriptions */
|
|
7
8
|
ariaLabel: string;
|
|
8
9
|
}
|
|
9
|
-
export interface TabButtonProps {
|
|
10
|
+
export interface TabButtonProps extends MaxWidthProps {
|
|
10
11
|
/** Indication if tab is active or not */
|
|
11
12
|
active: boolean;
|
|
12
13
|
}
|