@pingux/astro 2.206.2 → 2.207.0-alpha.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/Button/Buttons.styles.d.ts +14 -0
- package/lib/cjs/components/Button/Buttons.styles.js +11 -1
- package/lib/cjs/components/TableBase/TableBase.js +138 -32
- package/lib/cjs/components/TableBase/TableBase.mdx +46 -13
- package/lib/cjs/components/TableBase/TableBase.stories.js +52 -2
- package/lib/cjs/components/TableBase/TableBase.styles.d.ts +84 -9
- package/lib/cjs/components/TableBase/TableBase.styles.js +61 -10
- package/lib/cjs/components/TableBase/TableBase.test.js +585 -105
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.d.ts +14 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.js +16 -2
- package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +10 -0
- package/lib/cjs/styles/themes/next-gen/variants/button.d.ts +7 -0
- package/lib/cjs/styles/themes/next-gen/variants/button.js +4 -1
- package/lib/cjs/styles/themes/next-gen/variants/tableBase.d.ts +3 -0
- package/lib/cjs/styles/themes/next-gen/variants/tableBase.js +6 -1
- package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +3 -0
- package/lib/cjs/types/tableBase.d.ts +21 -5
- package/lib/components/Button/Buttons.styles.js +11 -1
- package/lib/components/TableBase/TableBase.js +139 -33
- package/lib/components/TableBase/TableBase.mdx +46 -13
- package/lib/components/TableBase/TableBase.stories.js +51 -1
- package/lib/components/TableBase/TableBase.styles.js +61 -10
- package/lib/components/TableBase/TableBase.test.js +585 -105
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/variants.js +16 -2
- package/lib/styles/themes/next-gen/variants/button.js +4 -1
- package/lib/styles/themes/next-gen/variants/tableBase.js +6 -1
- package/package.json +1 -1
|
@@ -233,11 +233,22 @@ export default {
|
|
|
233
233
|
container: {
|
|
234
234
|
'&.is-last-column-sticky': {
|
|
235
235
|
'thead tr th:last-of-type': {
|
|
236
|
-
backgroundColor: 'backgroundBase'
|
|
236
|
+
backgroundColor: 'backgroundBase',
|
|
237
|
+
'&::after': {
|
|
238
|
+
backgroundColor: astroTokensDark.color.common['border-dark']
|
|
239
|
+
}
|
|
237
240
|
},
|
|
238
241
|
'tbody tr': {
|
|
242
|
+
'&:nth-of-type(odd) td:last-of-type': {
|
|
243
|
+
'&::after': {
|
|
244
|
+
backgroundColor: astroTokensDark.color.common['border-dark']
|
|
245
|
+
}
|
|
246
|
+
},
|
|
239
247
|
'&:nth-of-type(even) td:last-of-type': {
|
|
240
|
-
backgroundColor: 'backgroundBase'
|
|
248
|
+
backgroundColor: 'backgroundBase',
|
|
249
|
+
'&::after': {
|
|
250
|
+
backgroundColor: astroTokensDark.color.common['border-dark']
|
|
251
|
+
}
|
|
241
252
|
}
|
|
242
253
|
}
|
|
243
254
|
}
|
|
@@ -255,6 +266,9 @@ export default {
|
|
|
255
266
|
},
|
|
256
267
|
data: {
|
|
257
268
|
color: 'text.secondary'
|
|
269
|
+
},
|
|
270
|
+
resizer: {
|
|
271
|
+
backgroundColor: astroTokensDark.color.common['border-dark']
|
|
258
272
|
}
|
|
259
273
|
},
|
|
260
274
|
statusIcon: statusIcon,
|
|
@@ -641,6 +641,9 @@ var buttons = {
|
|
|
641
641
|
aiChat: aiChat,
|
|
642
642
|
paginationMenu: paginationMenu,
|
|
643
643
|
ButtonInputGroupContentRight: ButtonInputGroupContentRight,
|
|
644
|
-
selectLink: selectLink
|
|
644
|
+
selectLink: selectLink,
|
|
645
|
+
tableHeaderButton: {
|
|
646
|
+
'&.is-focused': _objectSpread({}, defaultFocus)
|
|
647
|
+
}
|
|
645
648
|
};
|
|
646
649
|
export default buttons;
|
|
@@ -9,6 +9,7 @@ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object
|
|
|
9
9
|
import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
|
10
10
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
11
11
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
12
|
+
import { astroTokens } from '@pingux/onyx-tokens';
|
|
12
13
|
import colors from '../colors/colors';
|
|
13
14
|
import { defaultFocus as baseFocus } from './button';
|
|
14
15
|
var borderRadius = '16px';
|
|
@@ -85,6 +86,9 @@ var thead = {
|
|
|
85
86
|
boxShadow: "0 1px 0 ".concat(colors.border.base)
|
|
86
87
|
}
|
|
87
88
|
};
|
|
89
|
+
var resizer = {
|
|
90
|
+
backgroundColor: astroTokens.color.common['border-dark']
|
|
91
|
+
};
|
|
88
92
|
var head = {
|
|
89
93
|
px: 'lg',
|
|
90
94
|
py: 'sm',
|
|
@@ -119,5 +123,6 @@ export var tableBase = {
|
|
|
119
123
|
thead: thead,
|
|
120
124
|
head: head,
|
|
121
125
|
tbody: tbody,
|
|
122
|
-
data: data
|
|
126
|
+
data: data,
|
|
127
|
+
resizer: resizer
|
|
123
128
|
};
|