@newskit-render/shared-components 4.63.1 → 4.64.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.
@@ -43,7 +43,7 @@ var PrimaryButton_1 = require("./components/PrimaryButton");
43
43
  var defaults_1 = require("./defaults");
44
44
  var SecondaryButton_1 = require("./components/SecondaryButton");
45
45
  var ButtonGroupBase = function (_a) {
46
- var _b = _a.loading, loading = _b === void 0 ? false : _b, secureFlag = _a.secureFlag, secureFlagOverrides = _a.secureFlagOverrides, primaryButton = _a.primaryButton, secondaryButton = _a.secondaryButton, stylePreset = _a.stylePreset, keepFixed = _a.keepFixed, trackingLabel = _a.trackingLabel;
46
+ var _b = _a.loading, loading = _b === void 0 ? false : _b, secureFlag = _a.secureFlag, secureFlagOverrides = _a.secureFlagOverrides, primaryButton = _a.primaryButton, secondaryButton = _a.secondaryButton, stylePreset = _a.stylePreset, keepFixed = _a.keepFixed, trackingLabel = _a.trackingLabel, paddingBlock = _a.paddingBlock, paddingInline = _a.paddingInline, marginBlockStart = _a.marginBlockStart;
47
47
  var bp = (0, newskit_1.useBreakpointKey)();
48
48
  var _c = (0, react_1.useState)('sm'), breakP = _c[0], setBreakP = _c[1];
49
49
  (0, react_1.useEffect)(function () {
@@ -61,7 +61,7 @@ var ButtonGroupBase = function (_a) {
61
61
  return undefined;
62
62
  };
63
63
  return (react_1.default.createElement(newskit_1.MediaQueryProvider, null,
64
- react_1.default.createElement(BreakpointWrapper_1.BreakpontWrapper, { breakpoint: breakP, stylePreset: stylePreset, "data-test-id": "button-group-wrapper", paddingBlock: { xs: 'space050', sm: 'space000' }, paddingInline: { xs: 'space050', sm: 'space000' } },
64
+ react_1.default.createElement(BreakpointWrapper_1.BreakpontWrapper, { breakpoint: breakP, stylePreset: stylePreset, "data-test-id": "button-group-wrapper", paddingBlock: paddingBlock, paddingInline: paddingInline, marginBlockStart: marginBlockStart },
65
65
  react_1.default.createElement(newskit_1.GridLayout, { "data-testid": "new-grid-layout", columns: { sm: '1fr 2fr' }, rows: { xs: secureFlag ? '1fr 1fr' : '1fr', sm: '1fr' }, rowGap: { xs: 'space030' }, columnGap: { sm: 'space020' }, alignItems: { xs: 'center' }, justifyItems: { sm: 'right' }, overrides: {
66
66
  minHeight: 'sizing100',
67
67
  minWidth: '100%',
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"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"}
@@ -6,4 +6,5 @@ export declare const BreakpontWrapper: React.FC<{
6
6
  stylePreset?: MQ<string>;
7
7
  paddingBlock?: MQ<string>;
8
8
  paddingInline?: MQ<string>;
9
+ marginBlockStart?: MQ<string>;
9
10
  }>;
@@ -7,8 +7,8 @@ exports.BreakpontWrapper = void 0;
7
7
  var styled_1 = require("../styled");
8
8
  var react_1 = __importDefault(require("react"));
9
9
  var BreakpontWrapper = function (_a) {
10
- var breakpoint = _a.breakpoint, children = _a.children, stylePreset = _a.stylePreset, paddingBlock = _a.paddingBlock, paddingInline = _a.paddingInline;
11
- return breakpoint === 'xs' ? (react_1.default.createElement(styled_1.FixedWrapper, { "data-testid": "fixed-wrapper", paddingBlock: paddingBlock, paddingInline: paddingInline, stylePreset: stylePreset, className: "button-group-fixed-wrapper" }, children)) : (react_1.default.createElement(styled_1.StyledBlock, { paddingBlock: paddingBlock, paddingInline: paddingInline, stylePreset: stylePreset }, children));
10
+ var breakpoint = _a.breakpoint, children = _a.children, stylePreset = _a.stylePreset, paddingBlock = _a.paddingBlock, paddingInline = _a.paddingInline, marginBlockStart = _a.marginBlockStart;
11
+ return breakpoint === 'xs' ? (react_1.default.createElement(styled_1.FixedWrapper, { "data-testid": "fixed-wrapper", paddingBlock: paddingBlock, paddingInline: paddingInline, marginBlockStart: marginBlockStart, stylePreset: stylePreset, className: "button-group-fixed-wrapper" }, children)) : (react_1.default.createElement(styled_1.StyledBlock, { paddingBlock: paddingBlock, paddingInline: paddingInline, marginBlockStart: marginBlockStart, stylePreset: stylePreset }, children));
12
12
  };
13
13
  exports.BreakpontWrapper = BreakpontWrapper;
14
14
  //# sourceMappingURL=BreakpointWrapper.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BreakpointWrapper.js","sourceRoot":"","sources":["../../../../src/ButtonGroup/components/BreakpointWrapper.tsx"],"names":[],"mappings":";;;;;;AAAA,oCAAqD;AAErD,gDAAyB;AAElB,IAAM,gBAAgB,GAOxB,UAAC,EAAkE;QAAhE,UAAU,gBAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,YAAY,kBAAA,EAAE,aAAa,mBAAA;IACpE,OAAO,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,CAC3B,8BAAC,qBAAY,mBACC,eAAe,EAC3B,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,4BAA4B,IAErC,QAAQ,CACI,CAChB,CAAC,CAAC,CAAC,CACF,8BAAC,oBAAW,IACV,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,IAEvB,QAAQ,CACG,CACf,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,gBAAgB,oBA2B5B"}
1
+ {"version":3,"file":"BreakpointWrapper.js","sourceRoot":"","sources":["../../../../src/ButtonGroup/components/BreakpointWrapper.tsx"],"names":[],"mappings":";;;;;;AAAA,oCAAqD;AAErD,gDAAyB;AAElB,IAAM,gBAAgB,GAQxB,UAAC,EAOL;QANC,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,gBAAgB,sBAAA;IAEhB,OAAO,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,CAC3B,8BAAC,qBAAY,mBACC,eAAe,EAC3B,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,4BAA4B,IAErC,QAAQ,CACI,CAChB,CAAC,CAAC,CAAC,CACF,8BAAC,oBAAW,IACV,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,IAEvB,QAAQ,CACG,CACf,CAAA;AACH,CAAC,CAAA;AArCY,QAAA,gBAAgB,oBAqC5B"}
@@ -8,6 +8,8 @@ exports.buttonGroup = {
8
8
  },
9
9
  secureFlag: false,
10
10
  keepFixed: true,
11
+ paddingBlock: { xs: 'space050', sm: 'space000' },
12
+ paddingInline: { xs: 'space050', sm: 'space000' },
11
13
  };
12
14
  exports.primaryButton = {
13
15
  size: 'medium',
@@ -1 +1 @@
1
- {"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/ButtonGroup/defaults.ts"],"names":[],"mappings":";;;AACa,QAAA,WAAW,GAAqB;IAC3C,WAAW,EAAE;QACX,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,eAAe;KACpB;IACD,UAAU,EAAE,KAAK;IACjB,SAAS,EAAE,IAAI;CAChB,CAAA;AAEY,QAAA,aAAa,GAAgB;IACxC,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,WAAW,EAAE,oBAAoB;QACjC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;QACzC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAA;AAEY,QAAA,eAAe,GAAgB;IAC1C,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,WAAW,EAAE,wBAAwB;QACrC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;QACzC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAA;AAEY,QAAA,iBAAiB,GAAgB;IAC5C,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,WAAW,EAAE,gCAAgC;QAC7C,QAAQ,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE;QACtC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAA"}
1
+ {"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/ButtonGroup/defaults.ts"],"names":[],"mappings":";;;AACa,QAAA,WAAW,GAAqB;IAC3C,WAAW,EAAE;QACX,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,eAAe;KACpB;IACD,UAAU,EAAE,KAAK;IACjB,SAAS,EAAE,IAAI;IACf,YAAY,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;IAChD,aAAa,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;CAClD,CAAA;AAEY,QAAA,aAAa,GAAgB;IACxC,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,WAAW,EAAE,oBAAoB;QACjC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;QACzC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAA;AAEY,QAAA,eAAe,GAAgB;IAC1C,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,WAAW,EAAE,wBAAwB;QACrC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;QACzC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAA;AAEY,QAAA,iBAAiB,GAAgB;IAC5C,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,WAAW,EAAE,gCAAgC;QAC7C,QAAQ,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE;QACtC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAA"}
@@ -16,4 +16,7 @@ export type ButtonGroupProps = {
16
16
  stylePreset?: MQ<string>;
17
17
  keepFixed?: boolean;
18
18
  trackingLabel?: string;
19
+ paddingBlock?: MQ<string>;
20
+ paddingInline?: MQ<string>;
21
+ marginBlockStart?: MQ<string>;
19
22
  };
@@ -17,7 +17,7 @@ import { PrimaryButton } from './components/PrimaryButton';
17
17
  import { buttonGroup } from './defaults';
18
18
  import { SecondaryButton } from './components/SecondaryButton';
19
19
  var ButtonGroupBase = function (_a) {
20
- var _b = _a.loading, loading = _b === void 0 ? false : _b, secureFlag = _a.secureFlag, secureFlagOverrides = _a.secureFlagOverrides, primaryButton = _a.primaryButton, secondaryButton = _a.secondaryButton, stylePreset = _a.stylePreset, keepFixed = _a.keepFixed, trackingLabel = _a.trackingLabel;
20
+ var _b = _a.loading, loading = _b === void 0 ? false : _b, secureFlag = _a.secureFlag, secureFlagOverrides = _a.secureFlagOverrides, primaryButton = _a.primaryButton, secondaryButton = _a.secondaryButton, stylePreset = _a.stylePreset, keepFixed = _a.keepFixed, trackingLabel = _a.trackingLabel, paddingBlock = _a.paddingBlock, paddingInline = _a.paddingInline, marginBlockStart = _a.marginBlockStart;
21
21
  var bp = useBreakpointKey();
22
22
  var _c = useState('sm'), breakP = _c[0], setBreakP = _c[1];
23
23
  useEffect(function () {
@@ -35,7 +35,7 @@ var ButtonGroupBase = function (_a) {
35
35
  return undefined;
36
36
  };
37
37
  return (React.createElement(MediaQueryProvider, null,
38
- React.createElement(BreakpontWrapper, { breakpoint: breakP, stylePreset: stylePreset, "data-test-id": "button-group-wrapper", paddingBlock: { xs: 'space050', sm: 'space000' }, paddingInline: { xs: 'space050', sm: 'space000' } },
38
+ React.createElement(BreakpontWrapper, { breakpoint: breakP, stylePreset: stylePreset, "data-test-id": "button-group-wrapper", paddingBlock: paddingBlock, paddingInline: paddingInline, marginBlockStart: marginBlockStart },
39
39
  React.createElement(GridLayout, { "data-testid": "new-grid-layout", columns: { sm: '1fr 2fr' }, rows: { xs: secureFlag ? '1fr 1fr' : '1fr', sm: '1fr' }, rowGap: { xs: 'space030' }, columnGap: { sm: 'space020' }, alignItems: { xs: 'center' }, justifyItems: { sm: 'right' }, overrides: {
40
40
  minHeight: 'sizing100',
41
41
  minWidth: '100%',
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"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"}
@@ -6,4 +6,5 @@ export declare const BreakpontWrapper: React.FC<{
6
6
  stylePreset?: MQ<string>;
7
7
  paddingBlock?: MQ<string>;
8
8
  paddingInline?: MQ<string>;
9
+ marginBlockStart?: MQ<string>;
9
10
  }>;
@@ -1,7 +1,7 @@
1
1
  import { FixedWrapper, StyledBlock } from '../styled';
2
2
  import React from 'react';
3
3
  export var BreakpontWrapper = function (_a) {
4
- var breakpoint = _a.breakpoint, children = _a.children, stylePreset = _a.stylePreset, paddingBlock = _a.paddingBlock, paddingInline = _a.paddingInline;
5
- return breakpoint === 'xs' ? (React.createElement(FixedWrapper, { "data-testid": "fixed-wrapper", paddingBlock: paddingBlock, paddingInline: paddingInline, stylePreset: stylePreset, className: "button-group-fixed-wrapper" }, children)) : (React.createElement(StyledBlock, { paddingBlock: paddingBlock, paddingInline: paddingInline, stylePreset: stylePreset }, children));
4
+ var breakpoint = _a.breakpoint, children = _a.children, stylePreset = _a.stylePreset, paddingBlock = _a.paddingBlock, paddingInline = _a.paddingInline, marginBlockStart = _a.marginBlockStart;
5
+ return breakpoint === 'xs' ? (React.createElement(FixedWrapper, { "data-testid": "fixed-wrapper", paddingBlock: paddingBlock, paddingInline: paddingInline, marginBlockStart: marginBlockStart, stylePreset: stylePreset, className: "button-group-fixed-wrapper" }, children)) : (React.createElement(StyledBlock, { paddingBlock: paddingBlock, paddingInline: paddingInline, marginBlockStart: marginBlockStart, stylePreset: stylePreset }, children));
6
6
  };
7
7
  //# sourceMappingURL=BreakpointWrapper.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BreakpointWrapper.js","sourceRoot":"","sources":["../../../../src/ButtonGroup/components/BreakpointWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAErD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,IAAM,gBAAgB,GAOxB,UAAC,EAAkE;QAAhE,UAAU,gBAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,YAAY,kBAAA,EAAE,aAAa,mBAAA;IACpE,OAAO,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,CAC3B,oBAAC,YAAY,mBACC,eAAe,EAC3B,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,4BAA4B,IAErC,QAAQ,CACI,CAChB,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,IACV,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,IAEvB,QAAQ,CACG,CACf,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"BreakpointWrapper.js","sourceRoot":"","sources":["../../../../src/ButtonGroup/components/BreakpointWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAErD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,IAAM,gBAAgB,GAQxB,UAAC,EAOL;QANC,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,gBAAgB,sBAAA;IAEhB,OAAO,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,CAC3B,oBAAC,YAAY,mBACC,eAAe,EAC3B,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,4BAA4B,IAErC,QAAQ,CACI,CAChB,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,IACV,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,IAEvB,QAAQ,CACG,CACf,CAAA;AACH,CAAC,CAAA"}
@@ -5,6 +5,8 @@ export var buttonGroup = {
5
5
  },
6
6
  secureFlag: false,
7
7
  keepFixed: true,
8
+ paddingBlock: { xs: 'space050', sm: 'space000' },
9
+ paddingInline: { xs: 'space050', sm: 'space000' },
8
10
  };
9
11
  export var primaryButton = {
10
12
  size: 'medium',
@@ -1 +1 @@
1
- {"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/ButtonGroup/defaults.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,IAAM,WAAW,GAAqB;IAC3C,WAAW,EAAE;QACX,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,eAAe;KACpB;IACD,UAAU,EAAE,KAAK;IACjB,SAAS,EAAE,IAAI;CAChB,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAgB;IACxC,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,WAAW,EAAE,oBAAoB;QACjC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;QACzC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAgB;IAC1C,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,WAAW,EAAE,wBAAwB;QACrC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;QACzC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAgB;IAC5C,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,WAAW,EAAE,gCAAgC;QAC7C,QAAQ,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE;QACtC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAA"}
1
+ {"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/ButtonGroup/defaults.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,IAAM,WAAW,GAAqB;IAC3C,WAAW,EAAE;QACX,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,eAAe;KACpB;IACD,UAAU,EAAE,KAAK;IACjB,SAAS,EAAE,IAAI;IACf,YAAY,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;IAChD,aAAa,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;CAClD,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAgB;IACxC,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,WAAW,EAAE,oBAAoB;QACjC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;QACzC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAgB;IAC1C,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,WAAW,EAAE,wBAAwB;QACrC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;QACzC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAgB;IAC5C,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,WAAW,EAAE,gCAAgC;QAC7C,QAAQ,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE;QACtC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAA"}
@@ -16,4 +16,7 @@ export type ButtonGroupProps = {
16
16
  stylePreset?: MQ<string>;
17
17
  keepFixed?: boolean;
18
18
  trackingLabel?: string;
19
+ paddingBlock?: MQ<string>;
20
+ paddingInline?: MQ<string>;
21
+ marginBlockStart?: MQ<string>;
19
22
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@newskit-render/shared-components",
3
- "version": "4.63.1",
3
+ "version": "4.64.0",
4
4
  "description": "Newskit Render Shared Components",
5
5
  "author": "",
6
6
  "license": "UNLICENSED",
@@ -106,5 +106,5 @@
106
106
  "@types/react-dom": "18.0.10",
107
107
  "newskit/react-hook-form": "7.20.2"
108
108
  },
109
- "gitHead": "d40d19717eeaef8abbaf8a690aeca298552d6247"
109
+ "gitHead": "57afa4ee6ea5ab2c792b65ebce983537bf8fc34b"
110
110
  }