diff --git a/sites/shared/components/designs/linedrawings/index.mjs b/sites/shared/components/designs/linedrawings/index.mjs index d0c2c35bd1f..122c16ed2e5 100644 --- a/sites/shared/components/designs/linedrawings/index.mjs +++ b/sites/shared/components/designs/linedrawings/index.mjs @@ -47,6 +47,7 @@ import { Huey, HueyFront, HueyBack } from 'shared/components/designs/linedrawing import { Lucy, LucyFront } from 'shared/components/designs/linedrawings/lucy.mjs' import { Lumina, LuminaFront, LuminaBack } from 'shared/components/designs/linedrawings/lumina.mjs' import { Lumira, LumiraFront, LumiraBack } from 'shared/components/designs/linedrawings/lumira.mjs' +import { Lunetius, LunetiusFront } from 'shared/components/designs/linedrawings/lunetius.mjs' import { Noble, NobleFront, NobleBack } from 'shared/components/designs/linedrawings/noble.mjs' import { Hortensia, HortensiaFront } from 'shared/components/designs/linedrawings/hortensia.mjs' import { Simon, SimonFront, SimonBack } from 'shared/components/designs/linedrawings/simon.mjs' @@ -87,6 +88,7 @@ export const lineDrawingsFront = { lucy: LucyFront, lumina: LuminaFront, lumira: LumiraFront, + lunetius: LunetiusFront, noble: NobleFront, hortensia: HortensiaFront, simon: SimonFront, @@ -150,6 +152,7 @@ export const lineDrawings = { lucy: Lucy, lumina: Lumina, lumira: Lumira, + lunetius: Lunetius, noble: Noble, hortensia: Hortensia, simon: Simon, diff --git a/sites/shared/components/designs/linedrawings/lunetius.mjs b/sites/shared/components/designs/linedrawings/lunetius.mjs new file mode 100644 index 00000000000..b1c6dc42c79 --- /dev/null +++ b/sites/shared/components/designs/linedrawings/lunetius.mjs @@ -0,0 +1,57 @@ +import { LineDrawingWrapper, thin, dashed } from './shared.mjs' + +const strokeScale = 0.6 + +export const Lunetius = ({ + className = 'w-64', // CSS classes to apply + stroke = 1, // Stroke width to use +}) => { + // Normalize stroke across designs + stroke = stroke * strokeScale + + return ( + + + + ) +} + +/* + * React component for the front + */ +export const LunetiusFront = ({ + className = 'w-64', // CSS classes to apply + stroke = 1, // Stroke width to use +}) => { + // Normalize stroke across designs + stroke = stroke * strokeScale + + return ( + + + + ) +} + +/* + * SVG elements for the front + */ +export const Front = ({ stroke }) => ( + <> + + + + +)