@pingux/astro 2.145.0-alpha.1 → 2.145.0
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/ListView/ListView.stories.js +9 -0
- package/lib/cjs/components/ListView/stories/ListViewNextGenComponent.js +3 -0
- package/lib/cjs/components/ListViewItem/ListViewItem.js +1 -1
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/colors.d.ts +2 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/colors.js +2 -0
- package/lib/components/ListView/ListView.stories.js +9 -0
- package/lib/components/ListView/stories/ListViewNextGenComponent.js +3 -0
- package/lib/components/ListViewItem/ListViewItem.js +1 -1
- package/lib/styles/themeOverrides/nextGenDarkMode/colors.js +2 -0
- package/package.json +1 -1
|
@@ -383,6 +383,9 @@ var InfiniteLoadingList = function InfiniteLoadingList(args) {
|
|
|
383
383
|
},
|
|
384
384
|
iconProps: {
|
|
385
385
|
color: 'text.secondary'
|
|
386
|
+
},
|
|
387
|
+
iconWrapperProps: {
|
|
388
|
+
color: 'cyan'
|
|
386
389
|
}
|
|
387
390
|
}, (0, _react2.jsx)(Controls, null)));
|
|
388
391
|
}));
|
|
@@ -419,6 +422,9 @@ var WithCharts = function WithCharts(_ref7) {
|
|
|
419
422
|
},
|
|
420
423
|
iconProps: {
|
|
421
424
|
color: 'text.secondary'
|
|
425
|
+
},
|
|
426
|
+
iconWrapperProps: {
|
|
427
|
+
color: 'cyan'
|
|
422
428
|
}
|
|
423
429
|
}, (0, _react2.jsx)(_2.ListViewItemChart, {
|
|
424
430
|
containerRef: chartContainerRef,
|
|
@@ -565,6 +571,9 @@ var OnLoadPrev = function OnLoadPrev() {
|
|
|
565
571
|
data: {
|
|
566
572
|
text: item.name,
|
|
567
573
|
icon: _FormSelectIcon["default"]
|
|
574
|
+
},
|
|
575
|
+
iconWrapperProps: {
|
|
576
|
+
color: 'cyan'
|
|
568
577
|
}
|
|
569
578
|
}, (0, _react2.jsx)(Controls, null)));
|
|
570
579
|
}));
|
|
@@ -71,7 +71,7 @@ var ListViewItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
71
71
|
name: (0, _concat["default"])(_context = "".concat(text)).call(_context, LIST_ITEM_ICON)
|
|
72
72
|
},
|
|
73
73
|
isCircle: true,
|
|
74
|
-
color: "
|
|
74
|
+
color: "white"
|
|
75
75
|
}, iconWrapperProps)) : (0, _react2.jsx)(_.Box, {
|
|
76
76
|
width: "25px",
|
|
77
77
|
variant: "listViewItem.iconContainer"
|
|
@@ -16,6 +16,7 @@ export declare const colors: {
|
|
|
16
16
|
yellow: string;
|
|
17
17
|
teal: string;
|
|
18
18
|
blue: string;
|
|
19
|
+
white: string;
|
|
19
20
|
indigo: string;
|
|
20
21
|
lightBlue: string;
|
|
21
22
|
lightPink: string;
|
|
@@ -107,6 +108,7 @@ export declare const colors: {
|
|
|
107
108
|
yellow: string;
|
|
108
109
|
teal: string;
|
|
109
110
|
blue: string;
|
|
111
|
+
white: string;
|
|
110
112
|
indigo: string;
|
|
111
113
|
lightBlue: string;
|
|
112
114
|
lightPink: string;
|
|
@@ -15,6 +15,7 @@ _Object$defineProperty(exports, "__esModule", {
|
|
|
15
15
|
exports.overrides = exports.colors = void 0;
|
|
16
16
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
17
17
|
var _chromaJs = _interopRequireDefault(require("chroma-js"));
|
|
18
|
+
var _colors = require("../../colors");
|
|
18
19
|
var _colorTokens = require("../../themes/next-gen/tokens/colorTokens");
|
|
19
20
|
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; }
|
|
20
21
|
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; }
|
|
@@ -53,6 +54,7 @@ var twoTone = {
|
|
|
53
54
|
yellow: _colorTokens.nextGenColors['yellow-500'],
|
|
54
55
|
teal: _colorTokens.nextGenColors['teal-500'],
|
|
55
56
|
blue: _colorTokens.nextGenColors['blue-500'],
|
|
57
|
+
white: _colors.white,
|
|
56
58
|
indigo: _colorTokens.nextGenColors['indigo-500'],
|
|
57
59
|
lightBlue: _colorTokens.nextGenColors['blue-600'],
|
|
58
60
|
lightPink: _colorTokens.nextGenColors['pink-600'],
|
|
@@ -367,6 +367,9 @@ export var InfiniteLoadingList = function InfiniteLoadingList(args) {
|
|
|
367
367
|
},
|
|
368
368
|
iconProps: {
|
|
369
369
|
color: 'text.secondary'
|
|
370
|
+
},
|
|
371
|
+
iconWrapperProps: {
|
|
372
|
+
color: 'cyan'
|
|
370
373
|
}
|
|
371
374
|
}, ___EmotionJSX(Controls, null)));
|
|
372
375
|
}));
|
|
@@ -402,6 +405,9 @@ export var WithCharts = function WithCharts(_ref7) {
|
|
|
402
405
|
},
|
|
403
406
|
iconProps: {
|
|
404
407
|
color: 'text.secondary'
|
|
408
|
+
},
|
|
409
|
+
iconWrapperProps: {
|
|
410
|
+
color: 'cyan'
|
|
405
411
|
}
|
|
406
412
|
}, ___EmotionJSX(ListViewItemChart, {
|
|
407
413
|
containerRef: chartContainerRef,
|
|
@@ -547,6 +553,9 @@ export var OnLoadPrev = function OnLoadPrev() {
|
|
|
547
553
|
data: {
|
|
548
554
|
text: item.name,
|
|
549
555
|
icon: FormSelectIcon
|
|
556
|
+
},
|
|
557
|
+
iconWrapperProps: {
|
|
558
|
+
color: 'cyan'
|
|
550
559
|
}
|
|
551
560
|
}, ___EmotionJSX(Controls, null)));
|
|
552
561
|
}));
|
|
@@ -57,7 +57,7 @@ var ListViewItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
57
57
|
name: _concatInstanceProperty(_context = "".concat(text)).call(_context, LIST_ITEM_ICON)
|
|
58
58
|
},
|
|
59
59
|
isCircle: true,
|
|
60
|
-
color: "
|
|
60
|
+
color: "white"
|
|
61
61
|
}, iconWrapperProps)) : ___EmotionJSX(Box, {
|
|
62
62
|
width: "25px",
|
|
63
63
|
variant: "listViewItem.iconContainer"
|
|
@@ -10,6 +10,7 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
|
|
10
10
|
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; }
|
|
11
11
|
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) { _defineProperty(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; }
|
|
12
12
|
import chroma from 'chroma-js';
|
|
13
|
+
import { white } from '../../colors';
|
|
13
14
|
import { nextGenColors } from '../../themes/next-gen/tokens/colorTokens';
|
|
14
15
|
export var overrides = {
|
|
15
16
|
neutral: {
|
|
@@ -45,6 +46,7 @@ var twoTone = {
|
|
|
45
46
|
yellow: nextGenColors['yellow-500'],
|
|
46
47
|
teal: nextGenColors['teal-500'],
|
|
47
48
|
blue: nextGenColors['blue-500'],
|
|
49
|
+
white: white,
|
|
48
50
|
indigo: nextGenColors['indigo-500'],
|
|
49
51
|
lightBlue: nextGenColors['blue-600'],
|
|
50
52
|
lightPink: nextGenColors['pink-600'],
|