@pingux/astro 2.84.0-alpha.0 → 2.84.0-alpha.10
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/cjs/components/Avatar/Avatar.js +43 -8
- package/lib/cjs/components/Avatar/Avatar.test.js +10 -1
- package/lib/cjs/components/CheckboxField/CheckboxField.stories.js +5 -3
- package/lib/cjs/components/CodeView/CodeView.js +5 -2
- package/lib/cjs/components/CodeView/CodeView.styles.d.ts +2 -1
- package/lib/cjs/components/CodeView/CodeView.styles.js +4 -3
- package/lib/cjs/components/Link/Link.js +3 -1
- package/lib/cjs/components/LinkSelectField/LinkSelectField.stories.js +3 -6
- package/lib/cjs/components/ListBox/ListBox.styles.js +6 -3
- package/lib/cjs/components/Menu/Menu.js +15 -3
- package/lib/cjs/components/Menu/Menu.test.js +23 -0
- package/lib/cjs/components/MenuItem/MenuItem.styles.d.ts +1 -0
- package/lib/cjs/components/MenuItem/MenuItem.styles.js +2 -1
- package/lib/cjs/components/MenuSection/MenuSection.d.ts +9 -0
- package/lib/cjs/components/MenuSection/MenuSection.js +76 -0
- package/lib/cjs/components/MenuSection/MenuSection.styles.d.ts +21 -0
- package/lib/cjs/components/MenuSection/MenuSection.styles.js +35 -0
- package/lib/cjs/components/MenuSection/MenuSection.test.d.ts +1 -0
- package/lib/cjs/components/MenuSection/MenuSection.test.js +100 -0
- package/lib/cjs/components/MenuSection/index.d.ts +1 -0
- package/lib/cjs/components/MenuSection/index.js +14 -0
- package/lib/cjs/components/PopoverMenu/PopoverMenu.stories.d.ts +2 -0
- package/lib/cjs/components/PopoverMenu/PopoverMenu.stories.js +73 -5
- package/lib/cjs/components/SelectField/SelectField.stories.js +3 -6
- package/lib/cjs/components/SwitchField/SwitchField.d.ts +4 -0
- package/lib/cjs/components/SwitchField/SwitchField.js +12 -32
- package/lib/cjs/components/SwitchField/SwitchField.stories.d.ts +11 -0
- package/lib/cjs/components/SwitchField/SwitchField.stories.js +4 -2
- package/lib/cjs/components/SwitchField/SwitchField.test.d.ts +1 -0
- package/lib/cjs/components/SwitchField/index.d.ts +1 -0
- package/lib/cjs/components/SwitchField/switchFieldAttributes.d.ts +94 -0
- package/lib/cjs/components/SwitchField/switchFieldAttributes.js +2 -30
- package/lib/cjs/components/Tabs/Tabs.js +0 -1
- package/lib/cjs/components/Tabs/Tabs.style.d.ts +1 -0
- package/lib/cjs/components/Tabs/Tabs.style.js +2 -1
- package/lib/cjs/components/TimeField/TimeField.stories.js +2 -2
- package/lib/cjs/styles/theme.js +5 -1
- package/lib/cjs/styles/themes/next-gen/codeView/codeView.d.ts +105 -0
- package/lib/cjs/styles/themes/next-gen/codeView/codeView.js +134 -0
- package/lib/cjs/styles/themes/next-gen/convertedComponentList.js +1 -1
- package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +344 -36
- package/lib/cjs/styles/themes/next-gen/next-gen.js +24 -4
- package/lib/cjs/styles/themes/next-gen/sizes.d.ts +18 -0
- package/lib/cjs/styles/themes/next-gen/sizes.js +27 -0
- package/lib/cjs/styles/themes/next-gen/spacing.d.ts +9 -0
- package/lib/cjs/styles/themes/next-gen/spacing.js +17 -0
- package/lib/cjs/styles/themes/next-gen/text.d.ts +8 -2
- package/lib/cjs/styles/themes/next-gen/text.js +16 -13
- package/lib/cjs/styles/themes/next-gen/variants/button.d.ts +36 -3
- package/lib/cjs/styles/themes/next-gen/variants/button.js +25 -5
- package/lib/cjs/styles/themes/next-gen/variants/cards.d.ts +20 -0
- package/lib/cjs/styles/themes/next-gen/variants/cards.js +28 -0
- package/lib/cjs/styles/themes/next-gen/variants/images.d.ts +4 -0
- package/lib/cjs/styles/themes/next-gen/variants/images.js +12 -0
- package/lib/cjs/styles/themes/next-gen/variants/links.d.ts +56 -0
- package/lib/cjs/styles/themes/next-gen/variants/links.js +62 -0
- package/lib/cjs/styles/themes/next-gen/variants/text.d.ts +7 -0
- package/lib/cjs/styles/themes/next-gen/variants/text.js +9 -2
- package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +82 -31
- package/lib/cjs/styles/themes/next-gen/variants/variants.js +91 -30
- package/lib/cjs/styles/variants/variants.js +2 -0
- package/lib/cjs/types/avatar.d.ts +5 -1
- package/lib/cjs/types/checkboxField.d.ts +3 -1
- package/lib/cjs/types/codeView.d.ts +1 -0
- package/lib/cjs/types/index.d.ts +2 -0
- package/lib/cjs/types/index.js +43 -21
- package/lib/cjs/types/link.d.ts +1 -0
- package/lib/cjs/types/menu.d.ts +1 -1
- package/lib/cjs/types/menuItem.d.ts +1 -1
- package/lib/cjs/types/menuSection.d.ts +24 -0
- package/lib/cjs/types/menuSection.js +6 -0
- package/lib/cjs/types/switchField.d.ts +29 -0
- package/lib/cjs/types/switchField.js +6 -0
- package/lib/components/Avatar/Avatar.js +44 -7
- package/lib/components/Avatar/Avatar.test.js +10 -1
- package/lib/components/CheckboxField/CheckboxField.stories.js +5 -3
- package/lib/components/CodeView/CodeView.js +5 -2
- package/lib/components/CodeView/CodeView.styles.js +4 -3
- package/lib/components/Link/Link.js +3 -1
- package/lib/components/LinkSelectField/LinkSelectField.stories.js +4 -7
- package/lib/components/ListBox/ListBox.styles.js +6 -3
- package/lib/components/Menu/Menu.js +15 -3
- package/lib/components/Menu/Menu.test.js +24 -1
- package/lib/components/MenuItem/MenuItem.styles.js +2 -1
- package/lib/components/MenuSection/MenuSection.js +64 -0
- package/lib/components/MenuSection/MenuSection.styles.js +27 -0
- package/lib/components/MenuSection/MenuSection.test.js +97 -0
- package/lib/components/MenuSection/index.js +1 -0
- package/lib/components/PopoverMenu/PopoverMenu.stories.js +70 -4
- package/lib/components/SelectField/SelectField.stories.js +4 -7
- package/lib/components/SwitchField/SwitchField.js +14 -34
- package/lib/components/SwitchField/SwitchField.stories.js +4 -2
- package/lib/components/SwitchField/switchFieldAttributes.js +1 -28
- package/lib/components/Tabs/Tabs.js +0 -1
- package/lib/components/Tabs/Tabs.style.js +2 -1
- package/lib/components/TimeField/TimeField.stories.js +2 -2
- package/lib/styles/theme.js +5 -1
- package/lib/styles/themes/next-gen/codeView/codeView.js +126 -0
- package/lib/styles/themes/next-gen/convertedComponentList.js +1 -1
- package/lib/styles/themes/next-gen/next-gen.js +24 -4
- package/lib/styles/themes/next-gen/sizes.js +19 -0
- package/lib/styles/themes/next-gen/spacing.js +9 -0
- package/lib/styles/themes/next-gen/text.js +16 -13
- package/lib/styles/themes/next-gen/variants/button.js +25 -5
- package/lib/styles/themes/next-gen/variants/cards.js +20 -0
- package/lib/styles/themes/next-gen/variants/images.js +4 -0
- package/lib/styles/themes/next-gen/variants/links.js +54 -0
- package/lib/styles/themes/next-gen/variants/text.js +9 -2
- package/lib/styles/themes/next-gen/variants/variants.js +91 -30
- package/lib/styles/variants/variants.js +2 -0
- package/lib/types/index.js +2 -0
- package/lib/types/menuSection.js +1 -0
- package/lib/types/switchField.js +1 -0
- package/package.json +1 -1
- package/lib/cjs/recipes/NextGen/DefaultAvatar.stories.d.ts +0 -6
- package/lib/cjs/recipes/NextGen/DefaultAvatar.stories.js +0 -41
- package/lib/recipes/NextGen/DefaultAvatar.stories.js +0 -31
@@ -18,36 +18,56 @@ exports["default"] = void 0;
|
|
18
18
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
19
19
|
var _deepmerge = _interopRequireDefault(require("deepmerge"));
|
20
20
|
var _theme = _interopRequireDefault(require("../../theme.js"));
|
21
|
+
var _codeView = _interopRequireDefault(require("./codeView/codeView"));
|
21
22
|
var _colors = _interopRequireDefault(require("./colors/colors"));
|
22
23
|
var _button = _interopRequireDefault(require("./variants/button"));
|
24
|
+
var _cards = _interopRequireDefault(require("./variants/cards"));
|
25
|
+
var _images = _interopRequireDefault(require("./variants/images"));
|
26
|
+
var _links = _interopRequireDefault(require("./variants/links"));
|
23
27
|
var _text = require("./variants/text");
|
24
28
|
var _variants = _interopRequireWildcard(require("./variants/variants"));
|
25
29
|
var _forms = _interopRequireDefault(require("./forms"));
|
30
|
+
var _sizes = _interopRequireDefault(require("./sizes"));
|
31
|
+
var _spacing = _interopRequireDefault(require("./spacing"));
|
26
32
|
var _text2 = require("./text");
|
27
33
|
require("./open_sans.css");
|
28
34
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
29
35
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
30
36
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
31
37
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
38
|
+
var breakpoints = ['0px', '576px', '768px', '992px', '1200px', '1600px'];
|
32
39
|
var nextGenTheme = {
|
33
40
|
name: 'Next Gen',
|
34
41
|
colors: _colors["default"],
|
42
|
+
breakpoints: breakpoints,
|
35
43
|
buttons: _button["default"],
|
36
44
|
forms: _forms["default"],
|
37
45
|
fontSizes: _text2.fontSizes,
|
38
46
|
fontWeights: _text2.fontWeights,
|
39
47
|
lineHeights: {
|
40
|
-
body: '1.5'
|
48
|
+
body: '1.5',
|
49
|
+
md: '1.75'
|
41
50
|
},
|
42
51
|
text: _text.text,
|
43
52
|
fonts: {
|
44
53
|
standard: '"Open Sans", sans-serif',
|
45
54
|
body: '"Open Sans", sans-serif',
|
46
|
-
heading: '"Open Sans", sans-serif'
|
55
|
+
heading: '"Open Sans", sans-serif',
|
56
|
+
codeView: 'Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace'
|
47
57
|
},
|
58
|
+
sizes: _sizes["default"],
|
48
59
|
badges: _variants.badges,
|
49
|
-
|
60
|
+
space: _spacing["default"],
|
61
|
+
links: _links["default"],
|
62
|
+
cards: _cards["default"],
|
63
|
+
variants: _variants["default"],
|
64
|
+
images: _images["default"],
|
65
|
+
overrides: {
|
66
|
+
codeView: _codeView["default"]
|
67
|
+
}
|
50
68
|
};
|
51
69
|
var mergedTheme = (0, _deepmerge["default"])(_theme["default"], nextGenTheme);
|
52
|
-
var _default = _objectSpread({}, mergedTheme)
|
70
|
+
var _default = _objectSpread(_objectSpread({}, mergedTheme), {}, {
|
71
|
+
breakpoints: breakpoints
|
72
|
+
});
|
53
73
|
exports["default"] = _default;
|
@@ -0,0 +1,18 @@
|
|
1
|
+
declare const _default: {
|
2
|
+
avatar: {
|
3
|
+
sm: string;
|
4
|
+
md: string;
|
5
|
+
lg: string;
|
6
|
+
xl: string;
|
7
|
+
};
|
8
|
+
container: {
|
9
|
+
xs: string[];
|
10
|
+
sm: string[];
|
11
|
+
md: string[];
|
12
|
+
lg: string[];
|
13
|
+
xl: string[];
|
14
|
+
xx: string[];
|
15
|
+
fluid: string[];
|
16
|
+
};
|
17
|
+
};
|
18
|
+
export default _default;
|
@@ -0,0 +1,27 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
4
|
+
_Object$defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports["default"] = void 0;
|
8
|
+
var avatar = {
|
9
|
+
sm: '24px',
|
10
|
+
md: '34px',
|
11
|
+
lg: '72px',
|
12
|
+
xl: '104px'
|
13
|
+
};
|
14
|
+
var container = {
|
15
|
+
xs: ['100%', '540px', '720px', '960px', '1140px', '1540px'],
|
16
|
+
sm: ['100%', '540px', '720px', '960px', '1140px', '1540px'],
|
17
|
+
md: ['100%', '100%', '720px', '960px', '1140px', '1540px'],
|
18
|
+
lg: ['100%', '100%', '100%', '960px', '1140px', '1540px'],
|
19
|
+
xl: ['100%', '100%', '100%', '100%', '1140px', '1540px'],
|
20
|
+
xx: ['100%', '100%', '100%', '100%', '100%', '1540px'],
|
21
|
+
fluid: ['100%', '100%', '100%', '100%', '100%', '100%']
|
22
|
+
};
|
23
|
+
var _default = {
|
24
|
+
avatar: avatar,
|
25
|
+
container: container
|
26
|
+
};
|
27
|
+
exports["default"] = _default;
|
@@ -0,0 +1,17 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
4
|
+
_Object$defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports["default"] = void 0;
|
8
|
+
var scale = {
|
9
|
+
xs: '.25rem',
|
10
|
+
sm: '.5rem',
|
11
|
+
md: '1rem',
|
12
|
+
lg: '1.5rem',
|
13
|
+
xl: '3rem',
|
14
|
+
xx: '4rem'
|
15
|
+
};
|
16
|
+
var _default = scale;
|
17
|
+
exports["default"] = _default;
|
@@ -7,21 +7,24 @@ _Object$defineProperty(exports, "__esModule", {
|
|
7
7
|
});
|
8
8
|
exports.fontWeights = exports.fontSizes = void 0;
|
9
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
10
|
+
var _sizes = _interopRequireDefault(require("./sizes"));
|
10
11
|
var _fontWeights;
|
11
|
-
var
|
12
|
-
var majorMultiplier = 1.15;
|
13
|
-
var getFontSize = function getFontSize(major) {
|
14
|
-
return Math.round(baseSize * Math.pow(majorMultiplier, major));
|
15
|
-
};
|
12
|
+
var fontSizeBase = 0.9375;
|
16
13
|
var fontSizes = {
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
'
|
14
|
+
avatar: {
|
15
|
+
'sm': "calc(".concat(_sizes["default"].avatar.sm, " * .4)"),
|
16
|
+
'md': "calc(".concat(_sizes["default"].avatar.md, " * .4)"),
|
17
|
+
'lg': "calc(".concat(_sizes["default"].avatar.lg, " * .4)"),
|
18
|
+
'xl': "calc(".concat(_sizes["default"].avatar.xl, " * .4)")
|
19
|
+
},
|
20
|
+
'xs': "".concat(fontSizeBase * 0.8, "rem"),
|
21
|
+
'sm': '0.875rem',
|
22
|
+
'md': "".concat(fontSizeBase * 1, "rem"),
|
23
|
+
'lg': "".concat(fontSizeBase * 1.25, "rem"),
|
24
|
+
'xl': "".concat(fontSizeBase * 1.5, "rem"),
|
25
|
+
'xx': "".concat(fontSizeBase * 1.75, "rem"),
|
26
|
+
'xxx': "".concat(fontSizeBase * 2.25, "rem")
|
24
27
|
};
|
25
28
|
exports.fontSizes = fontSizes;
|
26
|
-
var fontWeights = (_fontWeights = {}, (0, _defineProperty2["default"])(_fontWeights, -1,
|
29
|
+
var fontWeights = (_fontWeights = {}, (0, _defineProperty2["default"])(_fontWeights, -1, 300), (0, _defineProperty2["default"])(_fontWeights, 0, 400), (0, _defineProperty2["default"])(_fontWeights, 1, 400), (0, _defineProperty2["default"])(_fontWeights, 2, 600), (0, _defineProperty2["default"])(_fontWeights, 3, 600), _fontWeights);
|
27
30
|
exports.fontWeights = fontWeights;
|
@@ -1,11 +1,12 @@
|
|
1
1
|
declare const buttons: {
|
2
2
|
neutral: {
|
3
3
|
'&.is-pressed': {
|
4
|
-
|
4
|
+
color: string;
|
5
5
|
};
|
6
6
|
'&.is-hovered': {
|
7
|
-
|
7
|
+
borderColor: string;
|
8
8
|
};
|
9
|
+
transition: string;
|
9
10
|
alignItems: string;
|
10
11
|
justifyContent: string;
|
11
12
|
minWidth: string;
|
@@ -34,7 +35,6 @@ declare const buttons: {
|
|
34
35
|
outlineColor: string;
|
35
36
|
outlineOffset: string;
|
36
37
|
};
|
37
|
-
transition: string;
|
38
38
|
color: string;
|
39
39
|
};
|
40
40
|
primary: {
|
@@ -417,6 +417,7 @@ declare const buttons: {
|
|
417
417
|
};
|
418
418
|
iconButtons: {
|
419
419
|
base: {
|
420
|
+
cursor: string;
|
420
421
|
transition: string;
|
421
422
|
outline: string;
|
422
423
|
borderRadius: string;
|
@@ -500,6 +501,7 @@ declare const buttons: {
|
|
500
501
|
position: string;
|
501
502
|
top: number;
|
502
503
|
right: number;
|
504
|
+
cursor: string;
|
503
505
|
transition: string;
|
504
506
|
outline: string;
|
505
507
|
borderRadius: string;
|
@@ -563,6 +565,7 @@ declare const buttons: {
|
|
563
565
|
};
|
564
566
|
};
|
565
567
|
messageCloseButton: {
|
568
|
+
cursor: string;
|
566
569
|
transition: string;
|
567
570
|
outline: string;
|
568
571
|
borderRadius: string;
|
@@ -590,11 +593,41 @@ declare const buttons: {
|
|
590
593
|
};
|
591
594
|
};
|
592
595
|
};
|
596
|
+
headerNav: {
|
597
|
+
borderRadius: string;
|
598
|
+
path: {
|
599
|
+
fill: string;
|
600
|
+
};
|
601
|
+
px: string;
|
602
|
+
py: string;
|
603
|
+
width: string;
|
604
|
+
'&.is-hovered': {
|
605
|
+
path: {
|
606
|
+
fill: string;
|
607
|
+
};
|
608
|
+
};
|
609
|
+
'&.is-pressed': {
|
610
|
+
path: {
|
611
|
+
fill: string;
|
612
|
+
};
|
613
|
+
};
|
614
|
+
cursor: string;
|
615
|
+
transition: string;
|
616
|
+
outline: string;
|
617
|
+
border: string;
|
618
|
+
borderColor: string;
|
619
|
+
'&.is-focused': {
|
620
|
+
outline: string;
|
621
|
+
outlineColor: string;
|
622
|
+
outlineOffset: string;
|
623
|
+
};
|
624
|
+
};
|
593
625
|
};
|
594
626
|
modalCloseButton: {
|
595
627
|
position: string;
|
596
628
|
top: number;
|
597
629
|
right: number;
|
630
|
+
cursor: string;
|
598
631
|
transition: string;
|
599
632
|
outline: string;
|
600
633
|
borderRadius: string;
|
@@ -54,14 +54,14 @@ var buttonBase = _objectSpread(_objectSpread({}, transitions), {}, {
|
|
54
54
|
},
|
55
55
|
'&.is-focused': _objectSpread({}, defaultFocus)
|
56
56
|
});
|
57
|
-
var neutral = _objectSpread(_objectSpread({
|
57
|
+
var neutral = _objectSpread(_objectSpread(_objectSpread({
|
58
58
|
color: 'gray-600'
|
59
|
-
}, buttonBase), {}, {
|
59
|
+
}, buttonBase), transitions), {}, {
|
60
60
|
'&.is-pressed': {
|
61
|
-
|
61
|
+
color: 'white'
|
62
62
|
},
|
63
63
|
'&.is-hovered': {
|
64
|
-
|
64
|
+
borderColor: 'primary'
|
65
65
|
}
|
66
66
|
});
|
67
67
|
var primary = _objectSpread(_objectSpread({}, buttonBase), {}, {
|
@@ -159,6 +159,7 @@ var primaryWithIcon = _objectSpread(_objectSpread({}, primary), {}, {
|
|
159
159
|
color: 'white'
|
160
160
|
});
|
161
161
|
var baseIconButton = {
|
162
|
+
cursor: 'pointer',
|
162
163
|
transition: 'color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out',
|
163
164
|
outline: 'none',
|
164
165
|
borderRadius: '28px',
|
@@ -238,7 +239,26 @@ var iconButtons = {
|
|
238
239
|
}
|
239
240
|
}, transitions)
|
240
241
|
},
|
241
|
-
messageCloseButton: _objectSpread({}, baseIconButton)
|
242
|
+
messageCloseButton: _objectSpread({}, baseIconButton),
|
243
|
+
headerNav: _objectSpread(_objectSpread({}, baseIconButton), {}, {
|
244
|
+
borderRadius: '4px',
|
245
|
+
path: {
|
246
|
+
fill: 'gray-800'
|
247
|
+
},
|
248
|
+
px: 'md',
|
249
|
+
py: 'sm',
|
250
|
+
width: '56px',
|
251
|
+
'&.is-hovered': {
|
252
|
+
path: {
|
253
|
+
fill: 'gray-500'
|
254
|
+
}
|
255
|
+
},
|
256
|
+
'&.is-pressed': {
|
257
|
+
path: {
|
258
|
+
fill: 'gray-500'
|
259
|
+
}
|
260
|
+
}
|
261
|
+
})
|
242
262
|
};
|
243
263
|
var buttons = {
|
244
264
|
neutral: neutral,
|
@@ -0,0 +1,20 @@
|
|
1
|
+
declare const _default: {
|
2
|
+
interactive: {
|
3
|
+
boxShadow: string;
|
4
|
+
borderRadius: string;
|
5
|
+
border: string;
|
6
|
+
borderColor: string;
|
7
|
+
transition: string;
|
8
|
+
'&.is-focused': {
|
9
|
+
outline: string;
|
10
|
+
outlineColor: string;
|
11
|
+
outlineOffset: string;
|
12
|
+
};
|
13
|
+
'&.is-hovered': {
|
14
|
+
outline: string;
|
15
|
+
borderColor: string;
|
16
|
+
bg: string;
|
17
|
+
};
|
18
|
+
};
|
19
|
+
};
|
20
|
+
export default _default;
|
@@ -0,0 +1,28 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
4
|
+
_Object$defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports["default"] = void 0;
|
8
|
+
var interactive = {
|
9
|
+
boxShadow: 'none',
|
10
|
+
borderRadius: '1rem',
|
11
|
+
border: '1px solid',
|
12
|
+
borderColor: 'gray-300',
|
13
|
+
transition: 'border-color .15s ease-in',
|
14
|
+
'&.is-focused': {
|
15
|
+
outline: '2px solid',
|
16
|
+
outlineColor: 'focus',
|
17
|
+
outlineOffset: '0px'
|
18
|
+
},
|
19
|
+
'&.is-hovered': {
|
20
|
+
outline: 'none',
|
21
|
+
borderColor: 'blue',
|
22
|
+
bg: 'default'
|
23
|
+
}
|
24
|
+
};
|
25
|
+
var _default = {
|
26
|
+
interactive: interactive
|
27
|
+
};
|
28
|
+
exports["default"] = _default;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
4
|
+
_Object$defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports["default"] = void 0;
|
8
|
+
var avatar = {};
|
9
|
+
var _default = {
|
10
|
+
avatar: avatar
|
11
|
+
};
|
12
|
+
exports["default"] = _default;
|
@@ -0,0 +1,56 @@
|
|
1
|
+
declare const _default: {
|
2
|
+
nextGen: {
|
3
|
+
color: string;
|
4
|
+
fontSize: string;
|
5
|
+
py: string;
|
6
|
+
px: string;
|
7
|
+
textDecoration: string;
|
8
|
+
borderRadius: string;
|
9
|
+
lineHeight: string;
|
10
|
+
minHeight: string;
|
11
|
+
fontFamily: string;
|
12
|
+
'&.is-hovered': {
|
13
|
+
color: string;
|
14
|
+
};
|
15
|
+
'&.is-pressed': {
|
16
|
+
color: string;
|
17
|
+
};
|
18
|
+
};
|
19
|
+
sideNav: {
|
20
|
+
px: string;
|
21
|
+
display: string;
|
22
|
+
position: string;
|
23
|
+
'&:before': {
|
24
|
+
position: string;
|
25
|
+
display: string;
|
26
|
+
borderRadius: string;
|
27
|
+
content: string;
|
28
|
+
top: string;
|
29
|
+
right: string;
|
30
|
+
bottom: number;
|
31
|
+
left: string;
|
32
|
+
transition: string;
|
33
|
+
};
|
34
|
+
'&.is-selected': {
|
35
|
+
color: string;
|
36
|
+
'&:before': {
|
37
|
+
backgroundColor: string;
|
38
|
+
};
|
39
|
+
};
|
40
|
+
color: string;
|
41
|
+
fontSize: string;
|
42
|
+
py: string;
|
43
|
+
textDecoration: string;
|
44
|
+
borderRadius: string;
|
45
|
+
lineHeight: string;
|
46
|
+
minHeight: string;
|
47
|
+
fontFamily: string;
|
48
|
+
'&.is-hovered': {
|
49
|
+
color: string;
|
50
|
+
};
|
51
|
+
'&.is-pressed': {
|
52
|
+
color: string;
|
53
|
+
};
|
54
|
+
};
|
55
|
+
};
|
56
|
+
export default _default;
|
@@ -0,0 +1,62 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
4
|
+
var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
|
5
|
+
var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
|
6
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
7
|
+
var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
|
8
|
+
var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
|
9
|
+
var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
|
10
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
11
|
+
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
12
|
+
_Object$defineProperty(exports, "__esModule", {
|
13
|
+
value: true
|
14
|
+
});
|
15
|
+
exports["default"] = void 0;
|
16
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
17
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
18
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
19
|
+
var nextGen = {
|
20
|
+
color: 'gray-800',
|
21
|
+
fontSize: 'md',
|
22
|
+
py: 'sm',
|
23
|
+
px: 'md',
|
24
|
+
textDecoration: 'none',
|
25
|
+
borderRadius: '4px',
|
26
|
+
lineHeight: '1.5',
|
27
|
+
minHeight: '22.5px',
|
28
|
+
fontFamily: 'standard',
|
29
|
+
'&.is-hovered': {
|
30
|
+
color: 'blue-600'
|
31
|
+
},
|
32
|
+
'&.is-pressed': {
|
33
|
+
color: 'blue-600'
|
34
|
+
}
|
35
|
+
};
|
36
|
+
var sideNav = _objectSpread(_objectSpread({}, nextGen), {}, {
|
37
|
+
px: '0',
|
38
|
+
display: 'block',
|
39
|
+
position: 'relative',
|
40
|
+
'&:before': {
|
41
|
+
position: 'absolute',
|
42
|
+
display: 'block',
|
43
|
+
borderRadius: '.25rem',
|
44
|
+
content: '""',
|
45
|
+
top: '0',
|
46
|
+
right: '-1rem',
|
47
|
+
bottom: 0,
|
48
|
+
left: '-1rem',
|
49
|
+
transition: 'background-color .15s ease'
|
50
|
+
},
|
51
|
+
'&.is-selected': {
|
52
|
+
color: 'blue-600',
|
53
|
+
'&:before': {
|
54
|
+
backgroundColor: 'active_light'
|
55
|
+
}
|
56
|
+
}
|
57
|
+
});
|
58
|
+
var _default = {
|
59
|
+
nextGen: nextGen,
|
60
|
+
sideNav: sideNav
|
61
|
+
};
|
62
|
+
exports["default"] = _default;
|
@@ -46,6 +46,7 @@ export declare const text: {
|
|
46
46
|
};
|
47
47
|
placeholder: {
|
48
48
|
color: string;
|
49
|
+
fontWeight: number;
|
49
50
|
};
|
50
51
|
paragraph: {
|
51
52
|
lineHeight: string;
|
@@ -53,4 +54,10 @@ export declare const text: {
|
|
53
54
|
listViewItemText: {
|
54
55
|
fontWeight: number;
|
55
56
|
};
|
57
|
+
small: {
|
58
|
+
fontSize: string;
|
59
|
+
color: string;
|
60
|
+
fontFamily: string;
|
61
|
+
lineHeight: string;
|
62
|
+
};
|
56
63
|
};
|
@@ -52,7 +52,7 @@ var hTags = {
|
|
52
52
|
color: 'text.primary',
|
53
53
|
fontFamily: 'standard',
|
54
54
|
fontWeight: 1,
|
55
|
-
fontSize: '
|
55
|
+
fontSize: 'xs'
|
56
56
|
}
|
57
57
|
};
|
58
58
|
var text = _objectSpread({
|
@@ -65,13 +65,20 @@ var text = _objectSpread({
|
|
65
65
|
color: 'text.primary'
|
66
66
|
},
|
67
67
|
placeholder: {
|
68
|
-
color: 'text.primary'
|
68
|
+
color: 'text.primary',
|
69
|
+
fontWeight: 1
|
69
70
|
},
|
70
71
|
paragraph: {
|
71
72
|
lineHeight: 'body'
|
72
73
|
},
|
73
74
|
listViewItemText: {
|
74
75
|
fontWeight: 2
|
76
|
+
},
|
77
|
+
small: {
|
78
|
+
fontSize: 'sm',
|
79
|
+
color: 'gray-500',
|
80
|
+
fontFamily: 'standard',
|
81
|
+
lineHeight: 'md'
|
75
82
|
}
|
76
83
|
}, hTags);
|
77
84
|
exports.text = text;
|