@pingux/astro 1.0.1 → 1.1.0-alpha.3
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/CHANGELOG.md +49 -0
- package/lib/cjs/components/ComboBoxField/ComboBoxField.js +7 -0
- package/lib/cjs/components/ComboBoxField/ComboBoxField.stories.js +25 -1
- package/lib/cjs/components/ComboBoxField/ComboBoxField.test.js +44 -0
- package/lib/cjs/components/IconButton/IconButton.stories.js +8 -17
- package/lib/cjs/components/ListView/ListView.stories.js +580 -39
- package/lib/cjs/components/MultivaluesField/MultivaluesField.js +1 -1
- package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.js +45 -2
- package/lib/cjs/styles/variants/boxes.js +2 -1
- package/lib/cjs/styles/variants/buttons.js +46 -1
- package/lib/components/ComboBoxField/ComboBoxField.js +7 -0
- package/lib/components/ComboBoxField/ComboBoxField.stories.js +21 -0
- package/lib/components/ComboBoxField/ComboBoxField.test.js +35 -0
- package/lib/components/IconButton/IconButton.stories.js +7 -13
- package/lib/components/ListView/ListView.stories.js +577 -39
- package/lib/components/MultivaluesField/MultivaluesField.js +1 -1
- package/lib/components/TooltipTrigger/TooltipTrigger.stories.js +33 -1
- package/lib/styles/variants/boxes.js +1 -1
- package/lib/styles/variants/buttons.js +45 -1
- package/package.json +1 -1
@@ -14,6 +14,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
14
14
|
|
15
15
|
import { text as textVariants } from './text';
|
16
16
|
import { neutral } from '../colors';
|
17
|
+
import { chip } from './boxes';
|
17
18
|
|
18
19
|
var base = _objectSpread({
|
19
20
|
cursor: 'pointer',
|
@@ -81,6 +82,10 @@ var iconButton = {
|
|
81
82
|
}
|
82
83
|
};
|
83
84
|
|
85
|
+
var square = _objectSpread(_objectSpread({}, iconButton), {}, {
|
86
|
+
borderRadius: '2px'
|
87
|
+
});
|
88
|
+
|
84
89
|
var modalCloseButton = _objectSpread(_objectSpread({}, iconButton), {}, {
|
85
90
|
position: 'absolute',
|
86
91
|
top: 14,
|
@@ -218,6 +223,10 @@ var inverted = _objectSpread(_objectSpread({}, iconButton), {}, {
|
|
218
223
|
}
|
219
224
|
});
|
220
225
|
|
226
|
+
var invertedSquare = _objectSpread(_objectSpread({}, inverted), {}, {
|
227
|
+
borderRadius: '2px'
|
228
|
+
});
|
229
|
+
|
221
230
|
var applicationPortal = _objectSpread(_objectSpread({}, iconButton), {}, {
|
222
231
|
background: 'transparent',
|
223
232
|
'&.is-focused': _objectSpread({}, defaultFocus),
|
@@ -446,6 +455,36 @@ var fileInputField = {
|
|
446
455
|
boxShadow: 'focus'
|
447
456
|
}
|
448
457
|
};
|
458
|
+
|
459
|
+
var tooltipChip = _objectSpread(_objectSpread({}, chip), {}, {
|
460
|
+
cursor: 'default',
|
461
|
+
'&.is-hovered, &.is-pressed': {
|
462
|
+
cursor: 'default',
|
463
|
+
outline: 'none'
|
464
|
+
}
|
465
|
+
});
|
466
|
+
|
467
|
+
var tooltipIconButton = _objectSpread(_objectSpread({}, iconButton), {}, {
|
468
|
+
cursor: 'default',
|
469
|
+
'&.is-hovered, &.is-pressed': {
|
470
|
+
backgroundColor: 'inherit',
|
471
|
+
cursor: 'default',
|
472
|
+
path: {
|
473
|
+
fill: 'neutral.20'
|
474
|
+
}
|
475
|
+
}
|
476
|
+
});
|
477
|
+
|
478
|
+
var tooltipInline = _objectSpread(_objectSpread({}, text), {}, {
|
479
|
+
cursor: 'default',
|
480
|
+
alignSelf: 'flex-start',
|
481
|
+
'&.is-hovered, &.is-pressed': {
|
482
|
+
backgroundColor: 'inherit',
|
483
|
+
cursor: 'default',
|
484
|
+
textDecoration: 'inherit'
|
485
|
+
}
|
486
|
+
});
|
487
|
+
|
449
488
|
export default {
|
450
489
|
accordionHeader: accordionHeader,
|
451
490
|
chipDeleteButton: chipDeleteButton,
|
@@ -478,5 +517,10 @@ export default {
|
|
478
517
|
helpHint: helpHint,
|
479
518
|
modalCloseButton: modalCloseButton,
|
480
519
|
applicationPortalPinned: applicationPortalPinned,
|
481
|
-
applicationPortal: applicationPortal
|
520
|
+
applicationPortal: applicationPortal,
|
521
|
+
square: square,
|
522
|
+
invertedSquare: invertedSquare,
|
523
|
+
tooltipChip: tooltipChip,
|
524
|
+
tooltipIconButton: tooltipIconButton,
|
525
|
+
tooltipInline: tooltipInline
|
482
526
|
};
|