@mrshmllw/smores-react 16.1.2 → 16.2.0

package/dist/PromoCard/PromoCard.d.ts

@@ -0,0 +1,38 @@
+import { FC, ReactNode } from 'react';
+import { MarginProps } from '../utils/space';
+import { ColorTypes } from '../ThemeProvider/utils/colourMap';
+type PromoCardButtonVariant = 'secondary' | 'fallbackStyle' | 'tertiary';
+export type PromoCardAction = {
+    label: string;
+    onClick: () => void;
+    variant?: PromoCardButtonVariant;
+    disabled?: boolean;
+    loading?: boolean;
+};
+export type PromoCardProps = {
+    title: string;
+    body?: string;
+    imagePosition?: 'left' | 'right';
+    /** Card background, as a theme colour. Defaults to `custard`. */
+    backgroundColor?: ColorTypes;
+    illustration?: ReactNode;
+    primaryButton?: PromoCardAction;
+    secondaryButton?: PromoCardAction;
+    className?: string;
+} & MarginProps;
+/**
+ * A small promotional card following the Figma "PromoCardSmall" design
+ * (S-mores components, node 33734-3198).
+ *
+ * The card is a horizontal layout containing an optional illustration slot
+ * (positioned left or right via `imagePosition`), a heading + body text
+ * group, and an optional pair of CTA buttons whose variant, disabled, and
+ * loading states are fully controlled by the consumer.
+ *
+ * **Scope:** this component implements the *small* iteration of PromoCard
+ * only. A larger variant (if required) would need to be added separately.
+ *
+ * @see https://www.figma.com/design/FqSaizGOyOzXFZNmZ4X0LGMn/%F0%9F%A7%B1-S-mores-components?node-id=33734-3198
+ */
+export declare const PromoCard: FC<PromoCardProps>;
+export {};

package/dist/PromoCard/PromoCard.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from 'styled-components';
+import { resolveToThemeColor, } from '../ThemeProvider/utils/colourMap';
+import { Box } from '../Box';
+import { Button } from '../Button';
+import { Text } from '../Text';
+const toButtonProps = ({ variant, disabled, loading }, defaultVariant) => {
+    const resolved = variant ?? defaultVariant;
+    return {
+        disabled,
+        loading,
+        secondary: resolved === 'secondary',
+        fallbackStyle: resolved === 'fallbackStyle',
+        textBtn: resolved === 'tertiary',
+    };
+};
+/**
+ * A small promotional card following the Figma "PromoCardSmall" design
+ * (S-mores components, node 33734-3198).
+ *
+ * The card is a horizontal layout containing an optional illustration slot
+ * (positioned left or right via `imagePosition`), a heading + body text
+ * group, and an optional pair of CTA buttons whose variant, disabled, and
+ * loading states are fully controlled by the consumer.
+ *
+ * **Scope:** this component implements the *small* iteration of PromoCard
+ * only. A larger variant (if required) would need to be added separately.
+ *
+ * @see https://www.figma.com/design/FqSaizGOyOzXFZNmZ4X0LGMn/%F0%9F%A7%B1-S-mores-components?node-id=33734-3198
+ */
+export const PromoCard = ({ title, body, imagePosition = 'left', backgroundColor = 'custard', illustration, primaryButton, secondaryButton, className, ...marginProps }) => (_jsxs(Container, { "$imagePosition": imagePosition, "$backgroundColor": backgroundColor, className: className, ...marginProps, children: [illustration && _jsx(IllustrationWrapper, { children: illustration }), _jsxs(Content, { children: [_jsxs(Box, { flex: true, direction: "column", gap: "space.050", children: [_jsx(Text, { typo: "heading-small", children: title }), body && _jsx(Text, { typo: "body-regular", children: body })] }), (primaryButton ?? secondaryButton) && (_jsxs(Box, { flex: true, direction: "row", gap: "space.100", children: [primaryButton && (_jsx(Button, { smallButton: true, handleClick: primaryButton.onClick, ...toButtonProps(primaryButton, 'secondary'), children: primaryButton.label })), secondaryButton && (_jsx(Button, { smallButton: true, handleClick: secondaryButton.onClick, ...toButtonProps(secondaryButton, 'fallbackStyle'), children: secondaryButton.label }))] }))] })] }));
+PromoCard.displayName = 'PromoCard';
+const Container = styled(Box) `
+  display: flex;
+  flex-direction: ${({ $imagePosition }) => $imagePosition === 'right' ? 'row-reverse' : 'row'};
+  align-items: flex-end;
+  gap: ${({ theme }) => theme.space[200]};
+  padding: ${({ theme }) => theme.space[200]};
+  background: ${({ theme, $backgroundColor }) => resolveToThemeColor($backgroundColor, theme)};
+  border-radius: 24px;
+  box-sizing: border-box;
+`;
+const Content = styled(Box) `
+  display: flex;
+  flex-direction: column;
+  gap: ${({ theme }) => theme.space[150]};
+  flex: 1;
+  overflow: hidden;
+`;
+const IllustrationWrapper = styled(Box) `
+  flex-shrink: 0;
+  width: 80px;
+  height: 80px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+//# sourceMappingURL=PromoCard.js.map

package/dist/PromoCard/PromoCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromoCard.js","sourceRoot":"","sources":["../../src/PromoCard/PromoCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, ReactNode } from 'react'\nimport styled from 'styled-components'\n\nimport { MarginProps } from '../utils/space'\nimport { TransientProps } from '../utils/utilTypes'\nimport {\n  ColorTypes,\n  resolveToThemeColor,\n} from '../ThemeProvider/utils/colourMap'\nimport { Box } from '../Box'\nimport { Button } from '../Button'\nimport { Text } from '../Text'\n\ntype PromoCardButtonVariant = 'secondary' | 'fallbackStyle' | 'tertiary'\n\nexport type PromoCardAction = {\n  label: string\n  onClick: () => void\n  variant?: PromoCardButtonVariant\n  disabled?: boolean\n  loading?: boolean\n}\n\nexport type PromoCardProps = {\n  title: string\n  body?: string\n  imagePosition?: 'left' | 'right'\n  /** Card background, as a theme colour. Defaults to `custard`. */\n  backgroundColor?: ColorTypes\n  illustration?: ReactNode\n  primaryButton?: PromoCardAction\n  secondaryButton?: PromoCardAction\n  className?: string\n} & MarginProps\n\nconst toButtonProps = (\n  { variant, disabled, loading }: PromoCardAction,\n  defaultVariant: PromoCardButtonVariant,\n) => {\n  const resolved = variant ?? defaultVariant\n  return {\n    disabled,\n    loading,\n    secondary: resolved === 'secondary',\n    fallbackStyle: resolved === 'fallbackStyle',\n    textBtn: resolved === 'tertiary',\n  }\n}\n\n/**\n * A small promotional card following the Figma \"PromoCardSmall\" design\n * (S-mores components, node 33734-3198).\n *\n * The card is a horizontal layout containing an optional illustration slot\n * (positioned left or right via `imagePosition`), a heading + body text\n * group, and an optional pair of CTA buttons whose variant, disabled, and\n * loading states are fully controlled by the consumer.\n *\n * **Scope:** this component implements the *small* iteration of PromoCard\n * only. A larger variant (if required) would need to be added separately.\n *\n * @see https://www.figma.com/design/FqSaizGOyOzXFZNmZ4X0LGMn/%F0%9F%A7%B1-S-mores-components?node-id=33734-3198\n */\nexport const PromoCard: FC<PromoCardProps> = ({\n  title,\n  body,\n  imagePosition = 'left',\n  backgroundColor = 'custard',\n  illustration,\n  primaryButton,\n  secondaryButton,\n  className,\n  ...marginProps\n}) => (\n  <Container\n    $imagePosition={imagePosition}\n    $backgroundColor={backgroundColor}\n    className={className}\n    {...marginProps}\n  >\n    {illustration && <IllustrationWrapper>{illustration}</IllustrationWrapper>}\n    <Content>\n      <Box flex direction=\"column\" gap=\"space.050\">\n        <Text typo=\"heading-small\">{title}</Text>\n        {body && <Text typo=\"body-regular\">{body}</Text>}\n      </Box>\n      {(primaryButton ?? secondaryButton) && (\n        <Box flex direction=\"row\" gap=\"space.100\">\n          {primaryButton && (\n            <Button\n              smallButton\n              handleClick={primaryButton.onClick}\n              {...toButtonProps(primaryButton, 'secondary')}\n            >\n              {primaryButton.label}\n            </Button>\n          )}\n          {secondaryButton && (\n            <Button\n              smallButton\n              handleClick={secondaryButton.onClick}\n              {...toButtonProps(secondaryButton, 'fallbackStyle')}\n            >\n              {secondaryButton.label}\n            </Button>\n          )}\n        </Box>\n      )}\n    </Content>\n  </Container>\n)\n\nPromoCard.displayName = 'PromoCard'\n\ntype IContainer = TransientProps<\n  Required<Pick<PromoCardProps, 'imagePosition' | 'backgroundColor'>>\n>\n\nconst Container = styled(Box)<IContainer>`\n  display: flex;\n  flex-direction: ${({ $imagePosition }) =>\n    $imagePosition === 'right' ? 'row-reverse' : 'row'};\n  align-items: flex-end;\n  gap: ${({ theme }) => theme.space[200]};\n  padding: ${({ theme }) => theme.space[200]};\n  background: ${({ theme, $backgroundColor }) =>\n    resolveToThemeColor($backgroundColor, theme)};\n  border-radius: 24px;\n  box-sizing: border-box;\n`\n\nconst Content = styled(Box)`\n  display: flex;\n  flex-direction: column;\n  gap: ${({ theme }) => theme.space[150]};\n  flex: 1;\n  overflow: hidden;\n`\n\nconst IllustrationWrapper = styled(Box)`\n  flex-shrink: 0;\n  width: 80px;\n  height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n"]}

package/dist/PromoCard/index.d.ts

@@ -0,0 +1,2 @@
+export { PromoCard } from './PromoCard';
+export type { PromoCardProps, PromoCardAction } from './PromoCard';

package/dist/PromoCard/index.js

@@ -0,0 +1,2 @@
+export { PromoCard } from './PromoCard';
+//# sourceMappingURL=index.js.map

package/dist/PromoCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/PromoCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA","sourcesContent":["export { PromoCard } from './PromoCard'\nexport type { PromoCardProps, PromoCardAction } from './PromoCard'\n"]}

package/dist/index.d.ts

@@ -29,6 +29,7 @@ export * from './Modal';
 export * from './NumberInput';
 export * from './Pagination';
 export * from './ProgressIndicator';
+export * from './PromoCard';
 export * from './RadioGroup';
 export * from './RichText';
 export * from './RichTextEditor';

package/dist/index.js

@@ -29,6 +29,7 @@ export * from './Modal';
 export * from './NumberInput';
 export * from './Pagination';
 export * from './ProgressIndicator';
+export * from './PromoCard';
 export * from './RadioGroup';
 export * from './RichText';
 export * from './RichTextEditor';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,wBAAwB,CAAA;AACtC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,0CAA0C,CAAA;AACxD,cAAc,gDAAgD,CAAA;AAC9D,cAAc,4BAA4B,CAAA;AAC1C,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,8BAA8B,CAAA","sourcesContent":["export * from './Accordion'\nexport * from './ActionDropdown'\nexport * from './Badge'\nexport * from './Alert'\nexport * from './BadgeList'\nexport * from './Banner'\nexport * from './Box'\nexport * from './Button'\nexport * from './Card'\nexport * from './CheckBox'\nexport * from './CheckBoxGroup'\nexport * from './Chip'\nexport * from './CurrencyInput'\nexport * from './Datepicker'\nexport * from './Divider'\nexport * from './Dropdown'\nexport * from './fields/Field'\nexport * from './fields/Fieldset'\nexport * from './fontStyle'\nexport * from './hooks'\nexport * from './Icon'\nexport * from './IconStrict'\nexport * from './IconWrapper'\nexport * from './LabelledText'\nexport * from './Link'\nexport * from './Loader'\nexport * from './Logo'\nexport * from './Modal'\nexport * from './NumberInput'\nexport * from './Pagination'\nexport * from './ProgressIndicator'\nexport * from './RadioGroup'\nexport * from './RichText'\nexport * from './RichTextEditor'\nexport * from './Row'\nexport * from './SearchInput'\nexport * from './SegmentedControl'\nexport * from './SliderInput'\nexport * from './Snackbar'\nexport * from './SupportMessage'\nexport * from './Table'\nexport * from './Tag'\nexport * from './Text'\nexport * from './Textarea'\nexport * from './TextDateOfBirthInput'\nexport * from './TextInput'\nexport * from './theme'\nexport * from './Toggle'\nexport * from './Tooltip'\nexport * from './utils/dateOfBirth/dateOfBirthValidator'\nexport * from './utils/dateOfBirth/dateOfBirthValidator.utils'\nexport * from './utils/dateOfBirth/schema'\nexport * from './utils/utilTypes'\nexport * from './utils/space'\nexport * from './ThemeProvider'\nexport * from './styled'\nexport * from './sharedStyles/shared.styles'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,wBAAwB,CAAA;AACtC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,0CAA0C,CAAA;AACxD,cAAc,gDAAgD,CAAA;AAC9D,cAAc,4BAA4B,CAAA;AAC1C,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,8BAA8B,CAAA","sourcesContent":["export * from './Accordion'\nexport * from './ActionDropdown'\nexport * from './Badge'\nexport * from './Alert'\nexport * from './BadgeList'\nexport * from './Banner'\nexport * from './Box'\nexport * from './Button'\nexport * from './Card'\nexport * from './CheckBox'\nexport * from './CheckBoxGroup'\nexport * from './Chip'\nexport * from './CurrencyInput'\nexport * from './Datepicker'\nexport * from './Divider'\nexport * from './Dropdown'\nexport * from './fields/Field'\nexport * from './fields/Fieldset'\nexport * from './fontStyle'\nexport * from './hooks'\nexport * from './Icon'\nexport * from './IconStrict'\nexport * from './IconWrapper'\nexport * from './LabelledText'\nexport * from './Link'\nexport * from './Loader'\nexport * from './Logo'\nexport * from './Modal'\nexport * from './NumberInput'\nexport * from './Pagination'\nexport * from './ProgressIndicator'\nexport * from './PromoCard'\nexport * from './RadioGroup'\nexport * from './RichText'\nexport * from './RichTextEditor'\nexport * from './Row'\nexport * from './SearchInput'\nexport * from './SegmentedControl'\nexport * from './SliderInput'\nexport * from './Snackbar'\nexport * from './SupportMessage'\nexport * from './Table'\nexport * from './Tag'\nexport * from './Text'\nexport * from './Textarea'\nexport * from './TextDateOfBirthInput'\nexport * from './TextInput'\nexport * from './theme'\nexport * from './Toggle'\nexport * from './Tooltip'\nexport * from './utils/dateOfBirth/dateOfBirthValidator'\nexport * from './utils/dateOfBirth/dateOfBirthValidator.utils'\nexport * from './utils/dateOfBirth/schema'\nexport * from './utils/utilTypes'\nexport * from './utils/space'\nexport * from './ThemeProvider'\nexport * from './styled'\nexport * from './sharedStyles/shared.styles'\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrshmllw/smores-react",
-  "version": "16.1.2",
+  "version": "16.2.0",
   "description": "Collection of React components used by Marshmallow Technology",
   "main": "./dist/index.js",
   "type": "module",
@@ -65,7 +65,7 @@
     "polished": "^4.3.1"
   },
   "devDependencies": {
-    "@commitlint/cli": "^20.5.3",
+    "@commitlint/cli": "^21.2.1",
     "@mrshmllw/campfire": "^6.1.3",
     "@snyk/protect": "^1.1306.0",
     "@storybook/addon-a11y": "^10.5.0",