@pingux/astro 2.129.0-alpha.5 → 2.129.0-alpha.7
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/Button.stories.d.ts +1 -0
- package/lib/cjs/components/Button/Button.stories.js +8 -2
- package/lib/cjs/components/Button/Buttons.styles.d.ts +48 -0
- package/lib/cjs/components/Button/Buttons.styles.js +9 -1
- package/lib/components/Button/Button.stories.js +5 -0
- package/lib/components/Button/Buttons.styles.js +9 -1
- package/package.json +1 -1
@@ -12,7 +12,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
|
|
12
12
|
_Object$defineProperty(exports, "__esModule", {
|
13
13
|
value: true
|
14
14
|
});
|
15
|
-
exports["default"] = exports.TextIconButton = exports.Primary = exports.InlineButton = exports.Disabled = exports.Default = exports.Critical = exports.ColorBlockButton = void 0;
|
15
|
+
exports["default"] = exports.TextIconButton = exports.Primary = exports.InlineButton = exports.Filter = exports.Disabled = exports.Default = exports.Critical = exports.ColorBlockButton = void 0;
|
16
16
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
|
17
17
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
18
18
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
@@ -222,4 +222,10 @@ ColorBlockButton.parameters = {
|
|
222
222
|
type: 'figma',
|
223
223
|
url: _figmaLinks.FIGMA_LINKS.button.colorBlockButton
|
224
224
|
}
|
225
|
-
};
|
225
|
+
};
|
226
|
+
var Filter = function Filter() {
|
227
|
+
return (0, _react2.jsx)(_index.Button, {
|
228
|
+
variant: "filter"
|
229
|
+
}, "Filter Text");
|
230
|
+
};
|
231
|
+
exports.Filter = Filter;
|
@@ -890,5 +890,53 @@ declare const _default: {
|
|
890
890
|
flexShrink: number;
|
891
891
|
whiteSpace: string;
|
892
892
|
};
|
893
|
+
filter: {
|
894
|
+
px: string;
|
895
|
+
borderColor: string;
|
896
|
+
height: number;
|
897
|
+
color: string;
|
898
|
+
display: string;
|
899
|
+
bg: string;
|
900
|
+
border: string;
|
901
|
+
'&.is-hovered': {
|
902
|
+
bg: string;
|
903
|
+
border: string;
|
904
|
+
borderColor: string;
|
905
|
+
color: string;
|
906
|
+
boxShadow: string;
|
907
|
+
};
|
908
|
+
'&.is-pressed': {
|
909
|
+
bg: string;
|
910
|
+
border: string;
|
911
|
+
borderColor: string;
|
912
|
+
color: string;
|
913
|
+
boxShadow: string;
|
914
|
+
path: {
|
915
|
+
fill: string;
|
916
|
+
};
|
917
|
+
};
|
918
|
+
'&.is-focused': {
|
919
|
+
outline: string;
|
920
|
+
outlineColor: string;
|
921
|
+
outlineOffset: string;
|
922
|
+
};
|
923
|
+
fontSize: string;
|
924
|
+
fontWeight: number;
|
925
|
+
fontFamily: string;
|
926
|
+
overflowWrap: import("../..").overflowWrap;
|
927
|
+
maxWidth: string;
|
928
|
+
wordWrap: import("../..").wordWrap;
|
929
|
+
wordBreak: import("../..").wordBreak;
|
930
|
+
cursor: string;
|
931
|
+
lineHeight: string;
|
932
|
+
minWidth: string;
|
933
|
+
padding: string;
|
934
|
+
outline: string;
|
935
|
+
alignItems: string;
|
936
|
+
justifyContent: string;
|
937
|
+
borderRadius: string;
|
938
|
+
flexShrink: number;
|
939
|
+
whiteSpace: string;
|
940
|
+
};
|
893
941
|
};
|
894
942
|
export default _default;
|
@@ -197,6 +197,13 @@ var defaultVariant = _objectSpread(_objectSpread({}, base), {}, {
|
|
197
197
|
'&.is-pressed': _objectSpread({}, defaultActive),
|
198
198
|
'&.is-focused': _objectSpread({}, defaultFocus)
|
199
199
|
});
|
200
|
+
var filter = _objectSpread(_objectSpread({}, defaultVariant), {}, {
|
201
|
+
px: 'sm',
|
202
|
+
borderColor: 'neutral.80',
|
203
|
+
height: 40,
|
204
|
+
color: 'active',
|
205
|
+
display: 'flex'
|
206
|
+
});
|
200
207
|
var colorBlock = {
|
201
208
|
bg: 'neutral.95',
|
202
209
|
border: '1px solid',
|
@@ -311,6 +318,7 @@ var _default = {
|
|
311
318
|
primaryWithIcon: primaryWithIcon,
|
312
319
|
quiet: quiet,
|
313
320
|
success: success,
|
314
|
-
withIcon: withIcon
|
321
|
+
withIcon: withIcon,
|
322
|
+
filter: filter
|
315
323
|
};
|
316
324
|
exports["default"] = _default;
|
@@ -182,6 +182,13 @@ var defaultVariant = _objectSpread(_objectSpread({}, base), {}, {
|
|
182
182
|
'&.is-pressed': _objectSpread({}, defaultActive),
|
183
183
|
'&.is-focused': _objectSpread({}, defaultFocus)
|
184
184
|
});
|
185
|
+
var filter = _objectSpread(_objectSpread({}, defaultVariant), {}, {
|
186
|
+
px: 'sm',
|
187
|
+
borderColor: 'neutral.80',
|
188
|
+
height: 40,
|
189
|
+
color: 'active',
|
190
|
+
display: 'flex'
|
191
|
+
});
|
185
192
|
var colorBlock = {
|
186
193
|
bg: 'neutral.95',
|
187
194
|
border: '1px solid',
|
@@ -296,5 +303,6 @@ export default {
|
|
296
303
|
primaryWithIcon: primaryWithIcon,
|
297
304
|
quiet: quiet,
|
298
305
|
success: success,
|
299
|
-
withIcon: withIcon
|
306
|
+
withIcon: withIcon,
|
307
|
+
filter: filter
|
300
308
|
};
|