@pingux/astro 2.150.0 → 2.151.0-alpha.4
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 +2 -1
- package/lib/cjs/components/Box/Box.js +5 -3
- package/lib/cjs/components/IconButtonToggle/IconButtonToggle.js +4 -2
- package/lib/cjs/components/ListViewItem/ListViewItem.styles.js +1 -11
- package/lib/cjs/components/ListViewItem/controls/ListViewItemEditButton.js +1 -1
- package/lib/cjs/components/ListViewItem/controls/ListViewItemMenu.js +1 -1
- package/lib/cjs/components/Modal/Modal.mdx +5 -1
- package/lib/cjs/components/Modal/Modal.stories.js +4 -2
- package/lib/cjs/components/MultivaluesField/CondensedMultivaluesField.js +18 -25
- package/lib/cjs/components/PanelHeader/PanelHeader.js +6 -4
- package/lib/cjs/components/PanelHeader/PanelHeader.stories.js +5 -5
- package/lib/cjs/components/PanelHeader/PanelHeader.styles.js +2 -1
- package/lib/cjs/components/PanelHeader/stories/OnyxDarkPanelHeader.chromatic.stories.js +22 -0
- package/lib/cjs/components/PanelHeader/stories/OnyxPanelHeader.chromatic.stories.js +22 -0
- package/lib/cjs/components/PanelHeader/stories/OnyxPanelHeaderComponent.js +89 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.d.ts +8 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.js +8 -0
- package/lib/cjs/styles/themes/next-gen/convertedComponentList.js +1 -1
- package/lib/cjs/styles/themes/next-gen/customProperties/customSizes.js +1 -1
- package/lib/cjs/styles/themes/next-gen/forms.d.ts +1 -1
- package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +159 -18
- package/lib/cjs/styles/themes/next-gen/next-gen.js +2 -0
- package/lib/cjs/styles/themes/next-gen/stories/OnyxInputPatterns.chromatic.stories.d.ts +11 -0
- package/lib/cjs/styles/themes/next-gen/stories/OnyxInputPatterns.chromatic.stories.js +197 -0
- package/lib/cjs/styles/themes/next-gen/variants/box.d.ts +61 -0
- package/lib/cjs/styles/themes/next-gen/variants/box.js +58 -0
- package/lib/cjs/styles/themes/next-gen/variants/button.d.ts +106 -5
- package/lib/cjs/styles/themes/next-gen/variants/button.js +40 -4
- package/lib/cjs/styles/themes/next-gen/variants/input.js +21 -0
- package/lib/cjs/styles/themes/next-gen/variants/listview.d.ts +0 -8
- package/lib/cjs/styles/themes/next-gen/variants/listview.js +0 -8
- package/lib/cjs/styles/themes/next-gen/variants/panelHeader.d.ts +5 -3
- package/lib/cjs/styles/themes/next-gen/variants/panelHeader.js +5 -3
- package/lib/cjs/styles/themes/next-gen/variants/switch.d.ts +1 -1
- package/lib/cjs/styles/themes/next-gen/variants/switch.js +2 -2
- package/lib/cjs/styles/themes/next-gen/variants/text.d.ts +7 -1
- package/lib/cjs/styles/themes/next-gen/variants/text.js +8 -1
- package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +43 -11
- package/lib/cjs/styles/themes/next-gen/variants/variants.js +2 -16
- package/lib/cjs/types/iconButtonToggle.d.ts +2 -0
- package/lib/components/Avatar/Avatar.js +2 -1
- package/lib/components/Box/Box.js +5 -3
- package/lib/components/IconButtonToggle/IconButtonToggle.js +4 -2
- package/lib/components/ListViewItem/ListViewItem.styles.js +1 -11
- package/lib/components/ListViewItem/controls/ListViewItemEditButton.js +1 -1
- package/lib/components/ListViewItem/controls/ListViewItemMenu.js +1 -1
- package/lib/components/Modal/Modal.mdx +5 -1
- package/lib/components/Modal/Modal.stories.js +4 -2
- package/lib/components/MultivaluesField/CondensedMultivaluesField.js +18 -25
- package/lib/components/PanelHeader/PanelHeader.js +6 -4
- package/lib/components/PanelHeader/PanelHeader.stories.js +5 -5
- package/lib/components/PanelHeader/PanelHeader.styles.js +2 -1
- package/lib/components/PanelHeader/stories/OnyxDarkPanelHeader.chromatic.stories.js +12 -0
- package/lib/components/PanelHeader/stories/OnyxPanelHeader.chromatic.stories.js +12 -0
- package/lib/components/PanelHeader/stories/OnyxPanelHeaderComponent.js +80 -0
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/variants.js +8 -0
- package/lib/styles/themes/next-gen/convertedComponentList.js +1 -1
- package/lib/styles/themes/next-gen/customProperties/customSizes.js +1 -1
- package/lib/styles/themes/next-gen/next-gen.js +2 -0
- package/lib/styles/themes/next-gen/stories/OnyxInputPatterns.chromatic.stories.js +178 -0
- package/lib/styles/themes/next-gen/variants/box.js +49 -0
- package/lib/styles/themes/next-gen/variants/button.js +40 -4
- package/lib/styles/themes/next-gen/variants/input.js +21 -0
- package/lib/styles/themes/next-gen/variants/listview.js +0 -8
- package/lib/styles/themes/next-gen/variants/panelHeader.js +5 -3
- package/lib/styles/themes/next-gen/variants/switch.js +2 -2
- package/lib/styles/themes/next-gen/variants/text.js +8 -1
- package/lib/styles/themes/next-gen/variants/variants.js +2 -16
- package/package.json +1 -1
|
@@ -91,14 +91,6 @@ export var listViewItem = {
|
|
|
91
91
|
'&.has-separator.is-last-row': {
|
|
92
92
|
border: 'none'
|
|
93
93
|
}
|
|
94
|
-
},
|
|
95
|
-
editIcon: {
|
|
96
|
-
width: '1.5rem !important',
|
|
97
|
-
height: '1.5rem !important'
|
|
98
|
-
},
|
|
99
|
-
menuIcon: {
|
|
100
|
-
width: '1.5rem !important',
|
|
101
|
-
height: '1.5rem !important'
|
|
102
94
|
}
|
|
103
95
|
};
|
|
104
96
|
export var listView = {
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
var container = {
|
|
2
2
|
bg: 'backgroundBase',
|
|
3
3
|
border: 'none',
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
pt: 'lg',
|
|
5
|
+
px: 'lg',
|
|
6
|
+
pb: 'md'
|
|
6
7
|
};
|
|
7
8
|
var controls = {
|
|
9
|
+
gap: '12px',
|
|
8
10
|
alignSelf: 'start',
|
|
9
|
-
|
|
11
|
+
mr: '0'
|
|
10
12
|
};
|
|
11
13
|
var wrapper = {
|
|
12
14
|
mr: 'md'
|
|
@@ -2,7 +2,7 @@ export var switchable = {
|
|
|
2
2
|
container: {
|
|
3
3
|
minWidth: '32px',
|
|
4
4
|
color: 'neutral.80',
|
|
5
|
-
bg: '
|
|
5
|
+
bg: 'background.base',
|
|
6
6
|
border: '1px solid',
|
|
7
7
|
borderColor: 'neutral.80',
|
|
8
8
|
borderRadius: 9999,
|
|
@@ -14,7 +14,7 @@ export var switchable = {
|
|
|
14
14
|
thumbContainer: {
|
|
15
15
|
bg: 'transparent',
|
|
16
16
|
border: 'none',
|
|
17
|
-
|
|
17
|
+
width: '32px',
|
|
18
18
|
height: 16,
|
|
19
19
|
py: '3px',
|
|
20
20
|
px: '3px',
|
|
@@ -176,7 +176,9 @@ export var text = _objectSpread(_objectSpread({
|
|
|
176
176
|
panelHeaderText: _objectSpread(_objectSpread({}, hTags.h4), {}, {
|
|
177
177
|
textOverflow: 'ellipsis',
|
|
178
178
|
overflow: 'hidden',
|
|
179
|
-
whiteSpace: 'nowrap'
|
|
179
|
+
whiteSpace: 'nowrap',
|
|
180
|
+
color: 'font.base',
|
|
181
|
+
lineHeight: 'xs'
|
|
180
182
|
}),
|
|
181
183
|
messagesText: {
|
|
182
184
|
'&.is-success, &.is-warning, &.is-error, &.is-default': {
|
|
@@ -187,5 +189,10 @@ export var text = _objectSpread(_objectSpread({
|
|
|
187
189
|
color: 'gray-700'
|
|
188
190
|
}
|
|
189
191
|
}
|
|
192
|
+
},
|
|
193
|
+
panelHeaderSubtext: {
|
|
194
|
+
fontSize: 'md',
|
|
195
|
+
lineHeight: 'body',
|
|
196
|
+
color: 'font.light'
|
|
190
197
|
}
|
|
191
198
|
});
|
|
@@ -12,9 +12,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
12
12
|
import attachment from '../../../../components/AIComponents/Attachment/Attachment.styles';
|
|
13
13
|
import skeleton from '../../../../components/Skeleton/Skeleton.styles';
|
|
14
14
|
import codeView from '../codeView/codeView';
|
|
15
|
-
import colors from '../colors/colors';
|
|
16
15
|
import accordion from './accordion';
|
|
17
16
|
import { avatar } from './avatar';
|
|
17
|
+
import { box } from './box';
|
|
18
18
|
import button, { defaultFocus } from './button';
|
|
19
19
|
import callout from './callout';
|
|
20
20
|
import { dataTable } from './dataTable';
|
|
@@ -382,21 +382,7 @@ export default {
|
|
|
382
382
|
attachment: attachment,
|
|
383
383
|
avatar: avatar,
|
|
384
384
|
breadcrumb: breadcrumb,
|
|
385
|
-
box:
|
|
386
|
-
indeterminateCheckboxIcon: {
|
|
387
|
-
height: '19.25px',
|
|
388
|
-
width: '19.25px',
|
|
389
|
-
'&.is-disabled': {
|
|
390
|
-
'& rect[id="indeterminate-checkbox-icon-wrapper"]': {
|
|
391
|
-
fill: 'gray-500',
|
|
392
|
-
stroke: 'gray-500'
|
|
393
|
-
}
|
|
394
|
-
},
|
|
395
|
-
'&.is-focused': {
|
|
396
|
-
boxShadow: "inset 0px 0px 0px 1px ".concat(colors.focus)
|
|
397
|
-
}
|
|
398
|
-
}
|
|
399
|
-
},
|
|
385
|
+
box: box,
|
|
400
386
|
buttonBar: buttonBar,
|
|
401
387
|
callout: callout,
|
|
402
388
|
codeView: codeView,
|