newskit 4.3.1 → 5.0.0

package/esm/banner/style-presets.js

@@ -0,0 +1,21 @@
+export default {
+    bannerInformative: {
+        base: {
+            backgroundColor: '{{colors.interfaceInformative010}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+    },
+    bannerNotice: {
+        base: {
+            backgroundColor: '{{colors.interfaceNotice010}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+    },
+    bannerNegative: {
+        base: {
+            backgroundColor: '{{colors.interfaceNegative010}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+    },
+};
+//# sourceMappingURL=style-presets.js.map

package/esm/banner/style-presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/banner/style-presets.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,iBAAiB,EAAE;QACjB,IAAI,EAAE;YACJ,eAAe,EAAE,oCAAoC;YACrD,SAAS,EAAE,uBAAuB;SACnC;KACF;IACD,YAAY,EAAE;QACZ,IAAI,EAAE;YACJ,eAAe,EAAE,+BAA+B;YAChD,SAAS,EAAE,uBAAuB;SACnC;KACF;IACD,cAAc,EAAE;QACd,IAAI,EAAE;YACJ,eAAe,EAAE,iCAAiC;YAClD,SAAS,EAAE,uBAAuB;SACnC;KACF;CAC6B,CAAC"}

package/esm/banner/types.d.ts

@@ -1,4 +1,5 @@
 import { ReactElement } from 'react';
+import { CellProps, GridProps } from '../grid';
 import { NewsKitIcon } from '../icons';
 import { MQ } from '../utils/style';
 export interface BannerBaseProps extends React.AriaAttributes {
@@ -6,13 +7,19 @@ export interface BannerBaseProps extends React.AriaAttributes {
     children: Exclude<React.ReactNode, 'undefined'>;
     closeButtonLabel?: string;
     icon?: ReactElement<NewsKitIcon>;
-    title?: string;
+    title?: React.ReactNode;
     onClose?: () => void;
     overrides?: {
         stylePreset?: MQ<string>;
         minHeight?: MQ<string>;
         spaceInset?: MQ<string>;
         maxWidth?: MQ<string>;
+        grid?: {
+            props: GridProps;
+        };
+        cell?: {
+            props: CellProps;
+        };
         icon?: {
             spaceInline?: MQ<string>;
         };

package/esm/banner/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/banner/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AACrC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc;IAC3D,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACvB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,IAAI,CAAC,EAAE;YACL,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC1B,CAAC;QACF,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,KAAK,CAAC,EAAE;gBACN,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;gBACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;gBAC9B,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;aACzB,CAAC;YACF,OAAO,CAAC,EAAE;gBACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;gBACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;aAC/B,CAAC;SACH,CAAC;QACF,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,WAAW,CAAC,EAAE;gBACZ,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;aAC1B,CAAC;SACH,CAAC;KACH,CAAC;CACH;AAED,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC1D,MAAM,EAAE,YAAY,GAAG,UAAU,CAAC;CACnC;AAED,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,MAAM,CAAC,EAAE,EAAE,CAAC,YAAY,GAAG,UAAU,CAAC,CAAC;CACxC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/banner/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AACrC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc;IAC3D,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACvB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,IAAI,CAAC,EAAE;YACL,KAAK,EAAE,SAAS,CAAC;SAClB,CAAC;QACF,IAAI,CAAC,EAAE;YACL,KAAK,EAAE,SAAS,CAAC;SAClB,CAAC;QACF,IAAI,CAAC,EAAE;YACL,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC1B,CAAC;QACF,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,KAAK,CAAC,EAAE;gBACN,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;gBACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;gBAC9B,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;aACzB,CAAC;YACF,OAAO,CAAC,EAAE;gBACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;gBACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;aAC/B,CAAC;SACH,CAAC;QAEF,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,WAAW,CAAC,EAAE;gBACZ,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;aAC1B,CAAC;SACH,CAAC;KACH,CAAC;CACH;AAED,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC1D,MAAM,EAAE,YAAY,GAAG,UAAU,CAAC;CACnC;AAED,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,MAAM,CAAC,EAAE,EAAE,CAAC,YAAY,GAAG,UAAU,CAAC,CAAC;CACxC"}

package/esm/button/button.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ButtonOrButtonLinkProps } from './types';
-export declare const Button: React.ForwardRefExoticComponent<ButtonOrButtonLinkProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export declare const Button: React.FC<ButtonOrButtonLinkProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 //# sourceMappingURL=button.d.ts.map

package/esm/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,uBAAuB,EAA2B,MAAM,SAAS,CAAC;AAQ1E,eAAO,MAAM,MAAM,uHAyFjB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,uBAAuB,EAA2B,MAAM,SAAS,CAAC;AAoG1E,eAAO,MAAM,MAAM,gGAA0D,CAAC"}

package/esm/button/button.js

@@ -28,7 +28,10 @@ import { filterOutFalsyProperties } from '../utils/filter-object';
 import { as as emotionAs } from '../utils/component';
 import { IndeterminateProgressIndicator } from '../icons/filled/custom/indeterminate-progress-indicator';
 import { useInstrumentation, EventTrigger } from '../instrumentation';
-export var Button = React.forwardRef(function (props, ref) {
+import defaults from './defaults';
+import stylePresets from './style-presets';
+import { withOwnTheme } from '../utils/with-own-theme';
+var ThemelessButton = React.forwardRef(function (props, ref) {
     var theme = useTheme();
     var fireEvent = useInstrumentation().fireEvent;
     var children = props.children, _a = props.overrides, overrides = _a === void 0 ? {} : _a, _b = props.size, size = _b === void 0 ? ButtonSize.Medium : _b, loading = props.loading;
@@ -37,15 +40,14 @@ export var Button = React.forwardRef(function (props, ref) {
         buttonSettings.loadingIndicator.stylePreset;
     var getProps = function (linkOrButtonProps) {
         var _a = linkOrButtonProps, disabled = _a.disabled, eventContext = _a.eventContext, eventOriginator = _a.eventOriginator, rest = __rest(_a, ["disabled", "eventContext", "eventOriginator"]);
-        var isLink = isButtonLink(linkOrButtonProps) && Boolean(linkOrButtonProps.href);
-        var href = isButtonLink(linkOrButtonProps) && linkOrButtonProps.href;
+        var isLink = isButtonLink(linkOrButtonProps);
         var disabledLinkProps = {
             href: undefined,
             role: 'link',
             'aria-disabled': 'true',
         };
         return __assign(__assign({}, (isLink
-            ? __assign(__assign(__assign(__assign({ 'data-testid': 'buttonLink' }, emotionAs('a')), rest), { href: href, disabled: disabled }), (disabled && disabledLinkProps)) : __assign(__assign(__assign(__assign({ type: 'button', 'data-testid': 'button' }, emotionAs('button')), rest), { disabled: disabled }), (loading && {
+            ? __assign(__assign(__assign(__assign({ 'data-testid': 'buttonLink' }, emotionAs('a')), rest), { disabled: disabled }), (disabled && disabledLinkProps)) : __assign(__assign(__assign(__assign({ type: 'button', 'data-testid': 'button' }, emotionAs('button')), rest), { disabled: disabled }), (loading && {
             'aria-busy': 'true',
             'aria-live': 'polite',
         })))), { onClick: function (event) {
@@ -66,4 +68,5 @@ export var Button = React.forwardRef(function (props, ref) {
             stylePreset: loadingIndicatorStylePreset,
         } })) : (children)));
 });
+export var Button = withOwnTheme(ThemelessButton)({ defaults: defaults, stylePresets: stylePresets });
 //# sourceMappingURL=button.js.map

package/esm/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"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"}

package/esm/button/defaults.d.ts

@@ -0,0 +1,42 @@
+declare const _default: {
+    button: {
+        small: {
+            typographyPreset: string;
+            stylePreset: string;
+            spaceInset: string;
+            minWidth: string;
+            minHeight: string;
+            iconSize: string;
+            spaceInline: string;
+            loadingIndicator: {
+                stylePreset: string;
+            };
+        };
+        medium: {
+            typographyPreset: string;
+            stylePreset: string;
+            spaceInset: string;
+            minWidth: string;
+            minHeight: string;
+            iconSize: string;
+            spaceInline: string;
+            loadingIndicator: {
+                stylePreset: string;
+            };
+        };
+        large: {
+            typographyPreset: string;
+            stylePreset: string;
+            spaceInset: string;
+            minWidth: string;
+            minHeight: string;
+            iconSize: string;
+            spaceInline: string;
+            loadingIndicator: {
+                stylePreset: string;
+            };
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=defaults.d.ts.map

package/esm/button/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/button/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAuCE"}

package/esm/button/defaults.js

@@ -0,0 +1,41 @@
+export default {
+    button: {
+        small: {
+            typographyPreset: 'utilityButton010',
+            stylePreset: 'buttonSolidPrimary',
+            spaceInset: 'spaceInsetSquish020',
+            minWidth: 'sizing090',
+            minHeight: 'sizing060',
+            iconSize: 'iconSize010',
+            spaceInline: 'space020',
+            loadingIndicator: {
+                stylePreset: 'indeterminateProgressIndicatorPrimary',
+            },
+        },
+        medium: {
+            typographyPreset: 'utilityButton020',
+            stylePreset: 'buttonSolidPrimary',
+            spaceInset: 'spaceInsetSquish030',
+            minWidth: 'sizing100',
+            minHeight: 'sizing080',
+            iconSize: 'iconSize020',
+            spaceInline: 'space020',
+            loadingIndicator: {
+                stylePreset: 'indeterminateProgressIndicatorPrimary',
+            },
+        },
+        large: {
+            typographyPreset: 'utilityButton030',
+            stylePreset: 'buttonSolidPrimary',
+            spaceInset: 'spaceInsetSquish040',
+            minWidth: 'sizing110',
+            minHeight: 'sizing090',
+            iconSize: 'iconSize030',
+            spaceInline: 'space020',
+            loadingIndicator: {
+                stylePreset: 'indeterminateProgressIndicatorPrimary',
+            },
+        },
+    },
+};
+//# sourceMappingURL=defaults.js.map

package/esm/button/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/button/defaults.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,MAAM,EAAE;QACN,KAAK,EAAE;YACL,gBAAgB,EAAE,kBAAkB;YACpC,WAAW,EAAE,oBAAoB;YACjC,UAAU,EAAE,qBAAqB;YACjC,QAAQ,EAAE,WAAW;YACrB,SAAS,EAAE,WAAW;YACtB,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,UAAU;YACvB,gBAAgB,EAAE;gBAChB,WAAW,EAAE,uCAAuC;aACrD;SACF;QACD,MAAM,EAAE;YACN,gBAAgB,EAAE,kBAAkB;YACpC,WAAW,EAAE,oBAAoB;YACjC,UAAU,EAAE,qBAAqB;YACjC,QAAQ,EAAE,WAAW;YACrB,SAAS,EAAE,WAAW;YACtB,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,UAAU;YACvB,gBAAgB,EAAE;gBAChB,WAAW,EAAE,uCAAuC;aACrD;SACF;QACD,KAAK,EAAE;YACL,gBAAgB,EAAE,kBAAkB;YACpC,WAAW,EAAE,oBAAoB;YACjC,UAAU,EAAE,qBAAqB;YACjC,QAAQ,EAAE,WAAW;YACrB,SAAS,EAAE,WAAW;YACtB,QAAQ,EAAE,aAAa;YACvB,WAAW,EAAE,UAAU;YACvB,gBAAgB,EAAE;gBAChB,WAAW,EAAE,uCAAuC;aACrD;SACF;KACF;CACF,CAAC"}

package/esm/button/style-presets.d.ts

@@ -0,0 +1,4 @@
+import { StylePreset } from '../theme/types';
+declare const _default: Record<string, StylePreset>;
+export default _default;
+//# sourceMappingURL=style-presets.d.ts.map

package/esm/button/style-presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/button/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAE3C,wBAgXiC"}

package/esm/button/style-presets.js

@@ -0,0 +1,368 @@
+export default {
+    buttonSolidPrimary: {
+        base: {
+            backgroundColor: '{{colors.interactivePrimary030}}',
+            borderRadius: '{{borders.borderRadiusDefault}}',
+            color: '{{colors.inkInverse}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactivePrimary040}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactivePrimary050}}',
+        },
+        disabled: {
+            backgroundColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactivePrimary020}}',
+            color: '{{colors.inkBrand010}}',
+            iconColor: '{{colors.inkBrand010}}',
+        },
+    },
+    buttonSolidSecondary: {
+        base: {
+            backgroundColor: '{{colors.interactiveSecondary030}}',
+            borderRadius: '{{borders.borderRadiusDefault}}',
+            color: '{{colors.inkInverse}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveSecondary040}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactiveSecondary050}}',
+        },
+        disabled: {
+            backgroundColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactiveSecondary020}}',
+            color: '{{colors.inkBase}}',
+            iconColor: '{{colors.inkBase}}',
+        },
+    },
+    buttonSolidNegative: {
+        base: {
+            backgroundColor: '{{colors.interactiveNegative030}}',
+            borderRadius: '{{borders.borderRadiusDefault}}',
+            color: '{{colors.inkInverse}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveNegative040}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactiveNegative050}}',
+        },
+        disabled: {
+            backgroundColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactiveNegative020}}',
+            color: '{{colors.inkNegative}}',
+            iconColor: '{{colors.inkNegative}}',
+        },
+    },
+    buttonSolidPositive: {
+        base: {
+            backgroundColor: '{{colors.interactivePositive030}}',
+            borderRadius: '{{borders.borderRadiusDefault}}',
+            color: '{{colors.inkInverse}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactivePositive040}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactivePositive050}}',
+        },
+        disabled: {
+            backgroundColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactivePositive020}}',
+            color: '{{colors.inkPositive}}',
+            iconColor: '{{colors.inkPositive}}',
+        },
+    },
+    buttonSolidInverse: {
+        base: {
+            backgroundColor: '{{colors.interactiveInverse030}}',
+            borderRadius: '{{borders.borderRadiusDefault}}',
+            color: '{{colors.inkContrast}}',
+            iconColor: '{{colors.inkContrast}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveInverse040}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactiveInverse050}}',
+        },
+        disabled: {
+            backgroundColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactiveInverse020}}',
+            color: '{{colors.inkInverse}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+    },
+    buttonOutlinedPrimary: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderStyle: 'solid',
+            borderColor: '{{colors.interactivePrimary030}}',
+            borderWidth: '{{borders.borderWidth010}}',
+            borderRadius: '{{borders.borderRadiusDefault}}',
+            color: '{{colors.inkBrand010}}',
+            iconColor: '{{colors.inkBrand010}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactivePrimary010}}',
+            borderColor: '{{colors.interactivePrimary040}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactivePrimary020}}',
+            borderColor: '{{colors.interactivePrimary050}}',
+        },
+        disabled: {
+            borderColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactivePrimary020}}',
+            borderStyle: 'none',
+        },
+    },
+    buttonOutlinedSecondary: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderStyle: 'solid',
+            borderColor: '{{colors.interactiveSecondary030}}',
+            borderWidth: '{{borders.borderWidth010}}',
+            borderRadius: '{{borders.borderRadiusDefault}}',
+            color: '{{colors.inkBase}}',
+            iconColor: '{{colors.inkBase}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveSecondary010}}',
+            borderColor: '{{colors.interactiveSecondary040}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactiveSecondary020}}',
+            borderColor: '{{colors.interactiveSecondary050}}',
+        },
+        disabled: {
+            borderColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactiveSecondary020}}',
+            borderStyle: 'none',
+        },
+    },
+    buttonOutlinedNegative: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderStyle: 'solid',
+            borderColor: '{{colors.interactiveNegative030}}',
+            borderWidth: '{{borders.borderWidth010}}',
+            borderRadius: '{{borders.borderRadiusDefault}}',
+            color: '{{colors.inkNegative}}',
+            iconColor: '{{colors.inkNegative}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveNegative010}}',
+            borderColor: '{{colors.interactiveNegative040}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactiveNegative020}}',
+            borderColor: '{{colors.interactiveNegative050}}',
+        },
+        disabled: {
+            borderColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactiveNegative020}}',
+            borderStyle: 'none',
+        },
+    },
+    buttonOutlinedPositive: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderStyle: 'solid',
+            borderColor: '{{colors.interactivePositive030}}',
+            borderWidth: '{{borders.borderWidth010}}',
+            borderRadius: '{{borders.borderRadiusDefault}}',
+            color: '{{colors.inkPositive}}',
+            iconColor: '{{colors.inkPositive}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactivePositive010}}',
+            borderColor: '{{colors.interactivePositive040}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactivePositive020}}',
+            borderColor: '{{colors.interactivePositive050}}',
+        },
+        disabled: {
+            borderColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactivePositive020}}',
+            borderStyle: 'none',
+        },
+    },
+    buttonOutlinedInverse: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderStyle: 'solid',
+            borderColor: '{{colors.interactiveInverse030}}',
+            borderWidth: '{{borders.borderWidth010}}',
+            borderRadius: '{{borders.borderRadiusDefault}}',
+            color: '{{colors.inkInverse}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveInverse010}}',
+            borderColor: '{{colors.interactiveInverse040}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactiveInverse020}}',
+            borderColor: '{{colors.interactiveInverse050}}',
+        },
+        disabled: {
+            borderColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactiveInverse020}}',
+            borderStyle: 'none',
+        },
+    },
+    buttonMinimalPrimary: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderRadius: '{{borders.borderRadiusDefault}}',
+            color: '{{colors.inkBrand010}}',
+            iconColor: '{{colors.inkBrand010}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactivePrimary010}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactivePrimary020}}',
+        },
+        disabled: {
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactivePrimary020}}',
+        },
+    },
+    buttonMinimalSecondary: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderRadius: '{{borders.borderRadiusDefault}}',
+            color: '{{colors.inkBase}}',
+            iconColor: '{{colors.inkBase}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveSecondary010}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactiveSecondary020}}',
+        },
+        disabled: {
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactiveSecondary020}}',
+        },
+    },
+    buttonMinimalNegative: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderRadius: '{{borders.borderRadiusDefault}}',
+            color: '{{colors.inkNegative}}',
+            iconColor: '{{colors.inkNegative}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveNegative010}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactiveNegative020}}',
+        },
+        disabled: {
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactiveNegative020}}',
+        },
+    },
+    buttonMinimalPositive: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderRadius: '{{borders.borderRadiusDefault}}',
+            color: '{{colors.inkPositive}}',
+            iconColor: '{{colors.inkPositive}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactivePositive010}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactivePositive020}}',
+        },
+        disabled: {
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactivePositive020}}',
+        },
+    },
+    buttonMinimalInverse: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderRadius: '{{borders.borderRadiusDefault}}',
+            color: '{{colors.inkInverse}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveInverse010}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactiveInverse020}}',
+        },
+        disabled: {
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactiveInverse020}}',
+        },
+    },
+};
+//# sourceMappingURL=style-presets.js.map

package/esm/button/style-presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/button/style-presets.ts"],"names":[],"mappings":"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"}

package/esm/byline/byline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"byline.d.ts","sourceRoot":"","sources":["../../../src/byline/byline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAC,WAAW,EAAa,MAAM,SAAS,CAAC;AA4DhD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgHxC,CAAC"}
+{"version":3,"file":"byline.d.ts","sourceRoot":"","sources":["../../../src/byline/byline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAC,WAAW,EAAa,MAAM,SAAS,CAAC;AAgLhD,eAAO,MAAM,MAAM,uBAEjB,CAAC"}

package/esm/byline/byline.js

@@ -4,12 +4,14 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 import React from 'react';
 import { styled, getSpacingFromTheme, getStylePreset } from '../utils/style';
-import { Link } from '../link';
+import { LinkInline } from '../link';
 import { Stack } from '../stack';
 import { getToken } from '../utils/get-token';
 import { useTheme } from '../theme';
 import { Block } from '../block';
 import { TextBlock } from '../text-block';
+import defaults from './defaults';
+import { withOwnTheme } from '../utils/with-own-theme';
 var InlineBlock = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-flex;\n"], ["\n  display: inline-flex;\n"])));
 var getStyledTextBlock = function (typographyPreset, stylePreset, spaceInline) { return function (_a) {
     var children = _a.children, _b = _a.withSpace, withSpace = _b === void 0 ? false : _b, ariaHidden = _a.ariaHidden;
@@ -21,12 +23,12 @@ var getStyledTextBlock = function (typographyPreset, stylePreset, spaceInline) {
 }; };
 var renderLink = function (_a, overrides) {
     var href = _a.href, author = _a.author, ariaLabel = _a.ariaLabel;
-    return (React.createElement(Link, { overrides: overrides, href: href, rel: "author", "aria-label": ariaLabel || "more by ".concat(author), "data-author": author }, author));
+    return (React.createElement(LinkInline, { overrides: overrides, href: href, rel: "author", "aria-label": ariaLabel || "more by ".concat(author), "data-author": author }, author));
 };
 var isLastItem = function (currentIndex, length) {
     return currentIndex === length - 1;
 };
-export var Byline = function (_a) {
+var ThemelessByline = function (_a) {
     var bylineData = _a.bylineData, overrides = _a.overrides;
     var theme = useTheme();
     var spaceStack = getToken({ theme: theme, overrides: overrides }, 'byline', '', 'spaceStack');
@@ -74,5 +76,8 @@ export var Byline = function (_a) {
                 location && ", ".concat(location)))));
     })));
 };
+export var Byline = withOwnTheme(ThemelessByline)({
+    defaults: defaults,
+});
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=byline.js.map