@jamesodwyer/gds-figma-vite 1.0.0

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index10.cjs

@@ -0,0 +1,181 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const useCountdown = require("./index537.cjs");
+const styled = require("styled-components");
+const media = require("./index525.cjs");
+const spacing = require("./index522.cjs");
+const typography = require("./index520.cjs");
+const modifiers = require("./index528.cjs");
+const Countdown = (props) => {
+  const {
+    date,
+    hideDays,
+    hideHours,
+    hideSeconds,
+    labels,
+    size,
+    timeLeftLabel,
+    fullWidth = false
+  } = props;
+  const {
+    days,
+    hours,
+    minutes,
+    seconds
+  } = useCountdown.default({
+    to: date,
+    showDays: !hideDays,
+    showHours: !hideHours,
+    showSeconds: !hideSeconds
+  }) ?? {};
+  const time = [{
+    id: "days",
+    label: labels.days,
+    value: days
+  }, {
+    id: "hours",
+    label: labels.hours,
+    value: hours
+  }, {
+    id: "minutes",
+    label: labels.minutes,
+    value: minutes
+  }, {
+    id: "seconds",
+    label: labels.seconds,
+    value: seconds
+  }];
+  return /* @__PURE__ */ jsxRuntime.jsx(Container, { "aria-atomic": "true", "aria-label": timeLeftLabel, "data-component": "Countdown", "data-version": "1.0.0", role: "timer", $fullWidth: fullWidth, children: time.map((item, index) => {
+    const {
+      label,
+      value
+    } = item;
+    const prevDisabled = !time[index - 1] || !time[index - 1].value;
+    const daysDisabled = !time[0].value;
+    const disabled = value === 0 && prevDisabled && daysDisabled;
+    const formattedTime = value == null ? void 0 : value.toString().padStart(2, "0");
+    let showColon = time[time.length - 1] !== time[index];
+    if (value === void 0) return;
+    if (item.id === "minutes" && hideSeconds) showColon = false;
+    return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Wrapper, { ...props, disabled, $fullWidth: fullWidth, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Time, { $size: size, children: formattedTime }),
+        /* @__PURE__ */ jsxRuntime.jsx(Label, { ...props, disabled, children: label })
+      ] }),
+      showColon && /* @__PURE__ */ jsxRuntime.jsx(Colon, { ...props, disabled, children: ":" })
+    ] }, label);
+  }) });
+};
+const backgroundAndBorderStyles = ({
+  disabled,
+  fillVariant = "fill",
+  inverse = false,
+  theme
+}) => {
+  const backgroundColor = inverse ? disabled ? modifiers.barely(theme.base.borderDark) : modifiers.barely(theme.base.bg) : disabled ? theme.base.bgAlt : theme.base.borderLight;
+  const borderColor = inverse ? disabled ? modifiers.barely(theme.base.borderDark) : modifiers.weakest(theme.base.borderDark) : disabled ? theme.base.borderLight : theme.base.borderMidtone;
+  switch (fillVariant) {
+    case "outline":
+      return styled.css(["border:2px solid ", ";"], borderColor);
+    case "fill":
+      return styled.css(["background-color:", ";"], backgroundColor);
+    case "ghost":
+    default:
+      return;
+  }
+};
+const secondaryColor = ({
+  disabled,
+  inverse = false,
+  theme
+}) => {
+  const color = inverse ? disabled ? theme.text.secondary : modifiers.weak(theme.text.inverse) : disabled ? modifiers.muted(theme.text.secondary) : theme.text.secondary;
+  return color;
+};
+const primaryColor = ({
+  disabled,
+  inverse = false,
+  theme
+}) => {
+  const color = inverse ? disabled ? theme.text.secondary : theme.text.inverse : disabled ? theme.base.borderMidtone : theme.text.primary;
+  return color;
+};
+const fontSize = {
+  small: "24px",
+  medium: "32px",
+  large: "44px"
+};
+const paddingCenterAlign = {
+  small: "1px",
+  medium: "2px",
+  large: spacing.spacing.lounge
+};
+const aspectRatio = ({
+  fillVariant = "fill"
+}) => {
+  return fillVariant === "ghost" ? 0 : 1 / 1;
+};
+const boxSize = ({
+  size = "large"
+}) => {
+  const sizes = {
+    small: {
+      style: typography.textStyle.kilimanjaro,
+      width: "80px",
+      minWidth: "64px"
+    },
+    medium: {
+      style: typography.textStyle.kilimanjaro,
+      width: "96px",
+      minWidth: "80px"
+    },
+    large: {
+      style: typography.textStyle.everest,
+      width: "144px",
+      minWidth: "104px"
+    }
+  };
+  if (size === "responsive") {
+    return styled.css(["", ";width:", ";min-width:", ";font-size:", ";line-height:", ";@media (", "){", ";width:", ";min-width:", ";font-size:", ";line-height:", ";}@media (", "){", ";width:", ";min-width:", ";font-size:", ";line-height:", ";}"], sizes.small.style, sizes.small.width, sizes.small.minWidth, fontSize.small, fontSize.small, media.media.small, sizes.medium.style, sizes.medium.width, sizes.medium.minWidth, fontSize.medium, fontSize.medium, media.media.medium, sizes.large.style, sizes.large.width, sizes.large.minWidth, fontSize.large, fontSize.large);
+  }
+  const definedSize = sizes[size];
+  return styled.css(["", ";width:", ";min-width:", ";font-size:", ";line-height:", ";"], definedSize.style, definedSize.width, definedSize.minWidth, fontSize[size], fontSize[size]);
+};
+const Colon = styled.p.withConfig({
+  displayName: "Countdown__Colon",
+  componentId: "sc-8sjx1u-0"
+})(["", ";margin:", ";padding:0 ", ";color:", ";"], typography.textStyle.boising, ({
+  fillVariant
+}) => fillVariant === "ghost" ? "0 0 22px 0" : "0", spacing.spacing.lounge, primaryColor);
+const Container = styled.div.withConfig({
+  displayName: "Countdown__Container",
+  componentId: "sc-8sjx1u-1"
+})(["display:flex;flex-direction:row;align-items:center;", ";"], ({
+  $fullWidth
+}) => $fullWidth && `justify-content: space-between`);
+const Label = styled.p.withConfig({
+  displayName: "Countdown__Label",
+  componentId: "sc-8sjx1u-2"
+})(["", ";margin:0;color:", ";"], typography.textStyle.snowdon, secondaryColor);
+const Wrapper = styled.div.withConfig({
+  displayName: "Countdown__Wrapper",
+  componentId: "sc-8sjx1u-3"
+})(["", ";", ";display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:", ";color:", ";", ";"], boxSize, backgroundAndBorderStyles, aspectRatio, primaryColor, ({
+  $fullWidth
+}) => $fullWidth && `flex: 1`);
+const Time = styled.span.withConfig({
+  displayName: "Countdown__Time",
+  componentId: "sc-8sjx1u-4"
+})(["margin:0;", ";"], ({
+  $size = "large"
+}) => {
+  if ($size === "responsive") {
+    return styled.css(["padding-inline-start:", ";@media (", "){padding-inline-start:", ";}@media (", "){padding-inline-start:", ";}"], paddingCenterAlign.small, media.media.small, paddingCenterAlign.medium, media.media.medium, paddingCenterAlign.large);
+  }
+  return styled.css(["padding-inline-start:", ";"], paddingCenterAlign[$size]);
+});
+exports.default = Countdown;
+//# sourceMappingURL=index10.cjs.map

package/dist/index10.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index10.cjs","sources":["../src/components/Countdown/Countdown.tsx"],"sourcesContent":["\"use client\";\nimport React, { Fragment } from \"react\";\nimport useCountdown from \"../../hooks/useCountdown\";\nimport { _spacing_, media, spacing, textStyle } from \"../../dimensions\";\nimport styled, { css, DefaultTheme } from \"styled-components\";\nimport { barely, muted, weak, weakest } from \"../../colors\";\n\ntype FillVariant = \"ghost\" | \"outline\" | \"fill\";\n\ntype Labels = {\n  days: string;\n  hours: string;\n  minutes: string;\n  seconds: string;\n};\n\ntype Size = \"small\" | \"medium\" | \"large\" | \"responsive\";\n\ntype Props = {\n  /** Date to countdown till */\n  date: string | number | Date;\n  /** Determines the countdown time elements style */\n  fillVariant?: FillVariant;\n  /** Determines whether days are excluded */\n  hideDays?: boolean;\n  /** Determines whether hours are excluded */\n  hideHours?: boolean;\n  /** Determines whether seconds are excluded */\n  hideSeconds?: boolean;\n  /** Determines whether the the countdown time elements color is inverse or not */\n  inverse?: boolean;\n  /** Labels for all time elements */\n  labels: Labels;\n  /** Determines the countdown size */\n  size: Size;\n  /** Aria Label for the time left in countdown */\n  timeLeftLabel: string;\n  /** Determines whether the the countdown container and its unit components should take the empty space remaining */\n  fullWidth?: boolean;\n};\n\ntype PropsAndTheme = Props & {\n  disabled: boolean;\n  theme: DefaultTheme;\n  $fullWidth?: boolean;\n};\n\n/**\n * @beta\n * This component is subject to breaking changes as we test and gather feedback.\n */\nconst Countdown = (props: Props) => {\n  const {\n    date,\n    hideDays,\n    hideHours,\n    hideSeconds,\n    labels,\n    size,\n    timeLeftLabel,\n    fullWidth = false,\n  } = props;\n  const { days, hours, minutes, seconds } =\n    useCountdown({\n      to: date,\n      showDays: !hideDays,\n      showHours: !hideHours,\n      showSeconds: !hideSeconds,\n    }) ?? {};\n\n  const time = [\n    { id: \"days\", label: labels.days, value: days },\n    { id: \"hours\", label: labels.hours, value: hours },\n    { id: \"minutes\", label: labels.minutes, value: minutes },\n    { id: \"seconds\", label: labels.seconds, value: seconds },\n  ];\n\n  return (\n    <Container\n      aria-atomic=\"true\"\n      aria-label={timeLeftLabel}\n      data-component=\"Countdown\"\n      data-version=\"1.0.0\"\n      role=\"timer\"\n      $fullWidth={fullWidth}\n    >\n      {time.map((item, index) => {\n        const { label, value } = item;\n        const prevDisabled = !time[index - 1] || !time[index - 1].value;\n        const daysDisabled = !time[0].value;\n        const disabled = value === 0 && prevDisabled && daysDisabled;\n        const formattedTime = value?.toString().padStart(2, \"0\");\n        let showColon = time[time.length - 1] !== time[index];\n\n        if (value === undefined) return;\n        if (item.id === \"minutes\" && hideSeconds) showColon = false;\n\n        return (\n          <Fragment key={label}>\n            <Wrapper {...props} disabled={disabled} $fullWidth={fullWidth}>\n              <Time $size={size}>{formattedTime}</Time>\n              <Label {...props} disabled={disabled}>\n                {label}\n              </Label>\n            </Wrapper>\n            {showColon && (\n              <Colon {...props} disabled={disabled}>\n                :\n              </Colon>\n            )}\n          </Fragment>\n        );\n      })}\n    </Container>\n  );\n};\n\nexport default Countdown;\n\nconst backgroundAndBorderStyles = ({\n  disabled,\n  fillVariant = \"fill\",\n  inverse = false,\n  theme,\n}: PropsAndTheme) => {\n  const backgroundColor = inverse\n    ? disabled\n      ? barely(theme.base.borderDark)\n      : barely(theme.base.bg)\n    : disabled\n      ? theme.base.bgAlt\n      : theme.base.borderLight;\n\n  const borderColor = inverse\n    ? disabled\n      ? barely(theme.base.borderDark)\n      : weakest(theme.base.borderDark)\n    : disabled\n      ? theme.base.borderLight\n      : theme.base.borderMidtone;\n\n  switch (fillVariant) {\n    case \"outline\":\n      return css`\n        border: 2px solid ${borderColor};\n      `;\n    case \"fill\":\n      return css`\n        background-color: ${backgroundColor};\n      `;\n    case \"ghost\":\n    default:\n      return;\n  }\n};\n\nconst secondaryColor = ({\n  disabled,\n  inverse = false,\n  theme,\n}: PropsAndTheme) => {\n  const color = inverse\n    ? disabled\n      ? theme.text.secondary\n      : weak(theme.text.inverse)\n    : disabled\n      ? muted(theme.text.secondary)\n      : theme.text.secondary;\n\n  return color;\n};\n\nconst primaryColor = ({ disabled, inverse = false, theme }: PropsAndTheme) => {\n  const color = inverse\n    ? disabled\n      ? theme.text.secondary\n      : theme.text.inverse\n    : disabled\n      ? theme.base.borderMidtone\n      : theme.text.primary;\n\n  return color;\n};\n\nconst fontSize = {\n  small: \"24px\",\n  medium: \"32px\",\n  large: \"44px\",\n};\n\n// Time has spacing after the text, this is\n// needed for centering Time with the unit label.\nconst paddingCenterAlign = {\n  small: \"1px\",\n  medium: \"2px\",\n  large: spacing.lounge,\n};\n\n// Ghost variant should not not have extra padding to the top/bottom.\nconst aspectRatio = ({ fillVariant = \"fill\" }: Props) => {\n  return fillVariant === \"ghost\" ? 0 : 1 / 1;\n};\n\nconst boxSize = ({ size = \"large\" }: Props) => {\n  const sizes = {\n    small: { style: textStyle.kilimanjaro, width: \"80px\", minWidth: \"64px\" },\n    medium: { style: textStyle.kilimanjaro, width: \"96px\", minWidth: \"80px\" },\n    large: { style: textStyle.everest, width: \"144px\", minWidth: \"104px\" },\n  };\n\n  if (size === \"responsive\") {\n    return css`\n      ${sizes.small.style};\n      width: ${sizes.small.width};\n      min-width: ${sizes.small.minWidth};\n      font-size: ${fontSize.small};\n      line-height: ${fontSize.small};\n\n      @media (${media.small}) {\n        ${sizes.medium.style};\n        width: ${sizes.medium.width};\n        min-width: ${sizes.medium.minWidth};\n        font-size: ${fontSize.medium};\n        line-height: ${fontSize.medium};\n      }\n\n      @media (${media.medium}) {\n        ${sizes.large.style};\n        width: ${sizes.large.width};\n        min-width: ${sizes.large.minWidth};\n        font-size: ${fontSize.large};\n        line-height: ${fontSize.large};\n      }\n    `;\n  }\n\n  const definedSize = sizes[size];\n  return css`\n    ${definedSize.style};\n    width: ${definedSize.width};\n    min-width: ${definedSize.minWidth};\n    font-size: ${fontSize[size]};\n    line-height: ${fontSize[size]};\n  `;\n};\n\nconst Colon = styled.p`\n  ${textStyle.boising};\n  margin: ${({ fillVariant }) =>\n    fillVariant === \"ghost\" ? \"0 0 22px 0\" : \"0\"};\n  padding: 0 ${spacing.lounge};\n  color: ${primaryColor};\n`;\n\nconst Container = styled.div<{ $fullWidth?: boolean }>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  ${({ $fullWidth }) => $fullWidth && `justify-content: space-between`};\n`;\n\nconst Label = styled.p`\n  ${textStyle.snowdon};\n  margin: 0;\n  color: ${secondaryColor};\n`;\n\nconst Wrapper = styled.div`\n  ${boxSize};\n  ${backgroundAndBorderStyles};\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  aspect-ratio: ${aspectRatio};\n  color: ${primaryColor};\n  ${({ $fullWidth }) => $fullWidth && `flex: 1`};\n`;\n\nconst Time = styled.span<{ $size: Size }>`\n  margin: 0;\n  ${({ $size = \"large\" }) => {\n    if ($size === \"responsive\") {\n      return css`\n        padding-inline-start: ${paddingCenterAlign.small};\n\n        @media (${media.small}) {\n          padding-inline-start: ${paddingCenterAlign.medium};\n        }\n\n        @media (${media.medium}) {\n          padding-inline-start: ${paddingCenterAlign.large};\n        }\n      `;\n    }\n    return css`\n      padding-inline-start: ${paddingCenterAlign[$size]};\n    `;\n  }};\n`;\n"],"names":["date","hideDays","hideHours","hideSeconds","labels","size","timeLeftLabel","days","hours","minutes","seconds","label","value","disabled","fillVariant","kilimanjaro","everest"],"mappings":";;;;;;;;;;;AAmDA;AACE;AAAM;AACJA;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACY;AAEd;AAAM;AAAEC;AAAMC;AAAOC;AAASC;AACf;AACPV;AACOC;AACCC;AACEC;AAGlB;AACE;AAAM;AAAsBI;AAAaA;AACzC;AAAM;AAAuBC;AAAcA;AAC3C;AAAM;AAAyBC;AAAgBA;AAC/C;AAAM;AAAyBC;AAAgBA;AAGjD;AAUM;AAAM;AAAEC;AAAOC;AACf;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEI;AACE;AAAkC;AAGlC;AACF;AAIE;AAEJ;AAKV;AAIA;AAAmC;AACjCC;AACc;AACJ;AAEG;AACb;AAQA;AAQA;AAAQC;AAEJ;AACiC;AAGjC;AACqC;AAElC;AAEH;AAAA;AAEN;AAEA;AAAwB;AACtBD;AACU;AAEG;AACb;AAQA;AACF;AAEA;AAAsB;AAAEA;AAAoB;AAA4B;AACtE;AAQA;AACF;AAEA;AAAiB;AACR;AACC;AAEV;AAIA;AAA2B;AAClB;AACC;AAEV;AAGA;AAAqB;AAA8B;AACjD;AACF;AAEA;AAAiB;AAAwB;AACvC;AAAc;AACL;AAAmBE;AAAoB;AAAkB;AAAA;AACxD;AAAmBA;AAAoB;AAAkB;AAAA;AAC1D;AAAmBC;AAAgB;AAAmB;AAAA;AAG/D;AACE;AAoBiC;AAKnC;AACA;AAOF;AAEA;AAAsB;AAAA;AAAA;AAET;AAAc;AAM3B;AAA4B;AAAA;AAAA;AAIvB;AAAa;AAGlB;AAAsB;AAAA;AAAA;AAMtB;AAA0B;AAAA;AAAA;AASrB;AAAa;AAGlB;AAAwB;AAAA;AAAA;AAEnB;AAAkB;AACnB;AACE;AAQoD;AAItD;AAGF;;"}

package/dist/index10.js

@@ -0,0 +1,181 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+import useCountdown from "./index537.js";
+import styled, { css } from "styled-components";
+import { media } from "./index525.js";
+import { spacing } from "./index522.js";
+import { textStyle } from "./index520.js";
+import { barely, weakest, weak, muted } from "./index528.js";
+const Countdown = (props) => {
+  const {
+    date,
+    hideDays,
+    hideHours,
+    hideSeconds,
+    labels,
+    size,
+    timeLeftLabel,
+    fullWidth = false
+  } = props;
+  const {
+    days,
+    hours,
+    minutes,
+    seconds
+  } = useCountdown({
+    to: date,
+    showDays: !hideDays,
+    showHours: !hideHours,
+    showSeconds: !hideSeconds
+  }) ?? {};
+  const time = [{
+    id: "days",
+    label: labels.days,
+    value: days
+  }, {
+    id: "hours",
+    label: labels.hours,
+    value: hours
+  }, {
+    id: "minutes",
+    label: labels.minutes,
+    value: minutes
+  }, {
+    id: "seconds",
+    label: labels.seconds,
+    value: seconds
+  }];
+  return /* @__PURE__ */ jsx(Container, { "aria-atomic": "true", "aria-label": timeLeftLabel, "data-component": "Countdown", "data-version": "1.0.0", role: "timer", $fullWidth: fullWidth, children: time.map((item, index) => {
+    const {
+      label,
+      value
+    } = item;
+    const prevDisabled = !time[index - 1] || !time[index - 1].value;
+    const daysDisabled = !time[0].value;
+    const disabled = value === 0 && prevDisabled && daysDisabled;
+    const formattedTime = value == null ? void 0 : value.toString().padStart(2, "0");
+    let showColon = time[time.length - 1] !== time[index];
+    if (value === void 0) return;
+    if (item.id === "minutes" && hideSeconds) showColon = false;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(Wrapper, { ...props, disabled, $fullWidth: fullWidth, children: [
+        /* @__PURE__ */ jsx(Time, { $size: size, children: formattedTime }),
+        /* @__PURE__ */ jsx(Label, { ...props, disabled, children: label })
+      ] }),
+      showColon && /* @__PURE__ */ jsx(Colon, { ...props, disabled, children: ":" })
+    ] }, label);
+  }) });
+};
+const backgroundAndBorderStyles = ({
+  disabled,
+  fillVariant = "fill",
+  inverse = false,
+  theme
+}) => {
+  const backgroundColor = inverse ? disabled ? barely(theme.base.borderDark) : barely(theme.base.bg) : disabled ? theme.base.bgAlt : theme.base.borderLight;
+  const borderColor = inverse ? disabled ? barely(theme.base.borderDark) : weakest(theme.base.borderDark) : disabled ? theme.base.borderLight : theme.base.borderMidtone;
+  switch (fillVariant) {
+    case "outline":
+      return css(["border:2px solid ", ";"], borderColor);
+    case "fill":
+      return css(["background-color:", ";"], backgroundColor);
+    case "ghost":
+    default:
+      return;
+  }
+};
+const secondaryColor = ({
+  disabled,
+  inverse = false,
+  theme
+}) => {
+  const color = inverse ? disabled ? theme.text.secondary : weak(theme.text.inverse) : disabled ? muted(theme.text.secondary) : theme.text.secondary;
+  return color;
+};
+const primaryColor = ({
+  disabled,
+  inverse = false,
+  theme
+}) => {
+  const color = inverse ? disabled ? theme.text.secondary : theme.text.inverse : disabled ? theme.base.borderMidtone : theme.text.primary;
+  return color;
+};
+const fontSize = {
+  small: "24px",
+  medium: "32px",
+  large: "44px"
+};
+const paddingCenterAlign = {
+  small: "1px",
+  medium: "2px",
+  large: spacing.lounge
+};
+const aspectRatio = ({
+  fillVariant = "fill"
+}) => {
+  return fillVariant === "ghost" ? 0 : 1 / 1;
+};
+const boxSize = ({
+  size = "large"
+}) => {
+  const sizes = {
+    small: {
+      style: textStyle.kilimanjaro,
+      width: "80px",
+      minWidth: "64px"
+    },
+    medium: {
+      style: textStyle.kilimanjaro,
+      width: "96px",
+      minWidth: "80px"
+    },
+    large: {
+      style: textStyle.everest,
+      width: "144px",
+      minWidth: "104px"
+    }
+  };
+  if (size === "responsive") {
+    return css(["", ";width:", ";min-width:", ";font-size:", ";line-height:", ";@media (", "){", ";width:", ";min-width:", ";font-size:", ";line-height:", ";}@media (", "){", ";width:", ";min-width:", ";font-size:", ";line-height:", ";}"], sizes.small.style, sizes.small.width, sizes.small.minWidth, fontSize.small, fontSize.small, media.small, sizes.medium.style, sizes.medium.width, sizes.medium.minWidth, fontSize.medium, fontSize.medium, media.medium, sizes.large.style, sizes.large.width, sizes.large.minWidth, fontSize.large, fontSize.large);
+  }
+  const definedSize = sizes[size];
+  return css(["", ";width:", ";min-width:", ";font-size:", ";line-height:", ";"], definedSize.style, definedSize.width, definedSize.minWidth, fontSize[size], fontSize[size]);
+};
+const Colon = styled.p.withConfig({
+  displayName: "Countdown__Colon",
+  componentId: "sc-8sjx1u-0"
+})(["", ";margin:", ";padding:0 ", ";color:", ";"], textStyle.boising, ({
+  fillVariant
+}) => fillVariant === "ghost" ? "0 0 22px 0" : "0", spacing.lounge, primaryColor);
+const Container = styled.div.withConfig({
+  displayName: "Countdown__Container",
+  componentId: "sc-8sjx1u-1"
+})(["display:flex;flex-direction:row;align-items:center;", ";"], ({
+  $fullWidth
+}) => $fullWidth && `justify-content: space-between`);
+const Label = styled.p.withConfig({
+  displayName: "Countdown__Label",
+  componentId: "sc-8sjx1u-2"
+})(["", ";margin:0;color:", ";"], textStyle.snowdon, secondaryColor);
+const Wrapper = styled.div.withConfig({
+  displayName: "Countdown__Wrapper",
+  componentId: "sc-8sjx1u-3"
+})(["", ";", ";display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:", ";color:", ";", ";"], boxSize, backgroundAndBorderStyles, aspectRatio, primaryColor, ({
+  $fullWidth
+}) => $fullWidth && `flex: 1`);
+const Time = styled.span.withConfig({
+  displayName: "Countdown__Time",
+  componentId: "sc-8sjx1u-4"
+})(["margin:0;", ";"], ({
+  $size = "large"
+}) => {
+  if ($size === "responsive") {
+    return css(["padding-inline-start:", ";@media (", "){padding-inline-start:", ";}@media (", "){padding-inline-start:", ";}"], paddingCenterAlign.small, media.small, paddingCenterAlign.medium, media.medium, paddingCenterAlign.large);
+  }
+  return css(["padding-inline-start:", ";"], paddingCenterAlign[$size]);
+});
+export {
+  Countdown as default
+};
+//# sourceMappingURL=index10.js.map

package/dist/index10.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index10.js","sources":["../src/components/Countdown/Countdown.tsx"],"sourcesContent":["\"use client\";\nimport React, { Fragment } from \"react\";\nimport useCountdown from \"../../hooks/useCountdown\";\nimport { _spacing_, media, spacing, textStyle } from \"../../dimensions\";\nimport styled, { css, DefaultTheme } from \"styled-components\";\nimport { barely, muted, weak, weakest } from \"../../colors\";\n\ntype FillVariant = \"ghost\" | \"outline\" | \"fill\";\n\ntype Labels = {\n  days: string;\n  hours: string;\n  minutes: string;\n  seconds: string;\n};\n\ntype Size = \"small\" | \"medium\" | \"large\" | \"responsive\";\n\ntype Props = {\n  /** Date to countdown till */\n  date: string | number | Date;\n  /** Determines the countdown time elements style */\n  fillVariant?: FillVariant;\n  /** Determines whether days are excluded */\n  hideDays?: boolean;\n  /** Determines whether hours are excluded */\n  hideHours?: boolean;\n  /** Determines whether seconds are excluded */\n  hideSeconds?: boolean;\n  /** Determines whether the the countdown time elements color is inverse or not */\n  inverse?: boolean;\n  /** Labels for all time elements */\n  labels: Labels;\n  /** Determines the countdown size */\n  size: Size;\n  /** Aria Label for the time left in countdown */\n  timeLeftLabel: string;\n  /** Determines whether the the countdown container and its unit components should take the empty space remaining */\n  fullWidth?: boolean;\n};\n\ntype PropsAndTheme = Props & {\n  disabled: boolean;\n  theme: DefaultTheme;\n  $fullWidth?: boolean;\n};\n\n/**\n * @beta\n * This component is subject to breaking changes as we test and gather feedback.\n */\nconst Countdown = (props: Props) => {\n  const {\n    date,\n    hideDays,\n    hideHours,\n    hideSeconds,\n    labels,\n    size,\n    timeLeftLabel,\n    fullWidth = false,\n  } = props;\n  const { days, hours, minutes, seconds } =\n    useCountdown({\n      to: date,\n      showDays: !hideDays,\n      showHours: !hideHours,\n      showSeconds: !hideSeconds,\n    }) ?? {};\n\n  const time = [\n    { id: \"days\", label: labels.days, value: days },\n    { id: \"hours\", label: labels.hours, value: hours },\n    { id: \"minutes\", label: labels.minutes, value: minutes },\n    { id: \"seconds\", label: labels.seconds, value: seconds },\n  ];\n\n  return (\n    <Container\n      aria-atomic=\"true\"\n      aria-label={timeLeftLabel}\n      data-component=\"Countdown\"\n      data-version=\"1.0.0\"\n      role=\"timer\"\n      $fullWidth={fullWidth}\n    >\n      {time.map((item, index) => {\n        const { label, value } = item;\n        const prevDisabled = !time[index - 1] || !time[index - 1].value;\n        const daysDisabled = !time[0].value;\n        const disabled = value === 0 && prevDisabled && daysDisabled;\n        const formattedTime = value?.toString().padStart(2, \"0\");\n        let showColon = time[time.length - 1] !== time[index];\n\n        if (value === undefined) return;\n        if (item.id === \"minutes\" && hideSeconds) showColon = false;\n\n        return (\n          <Fragment key={label}>\n            <Wrapper {...props} disabled={disabled} $fullWidth={fullWidth}>\n              <Time $size={size}>{formattedTime}</Time>\n              <Label {...props} disabled={disabled}>\n                {label}\n              </Label>\n            </Wrapper>\n            {showColon && (\n              <Colon {...props} disabled={disabled}>\n                :\n              </Colon>\n            )}\n          </Fragment>\n        );\n      })}\n    </Container>\n  );\n};\n\nexport default Countdown;\n\nconst backgroundAndBorderStyles = ({\n  disabled,\n  fillVariant = \"fill\",\n  inverse = false,\n  theme,\n}: PropsAndTheme) => {\n  const backgroundColor = inverse\n    ? disabled\n      ? barely(theme.base.borderDark)\n      : barely(theme.base.bg)\n    : disabled\n      ? theme.base.bgAlt\n      : theme.base.borderLight;\n\n  const borderColor = inverse\n    ? disabled\n      ? barely(theme.base.borderDark)\n      : weakest(theme.base.borderDark)\n    : disabled\n      ? theme.base.borderLight\n      : theme.base.borderMidtone;\n\n  switch (fillVariant) {\n    case \"outline\":\n      return css`\n        border: 2px solid ${borderColor};\n      `;\n    case \"fill\":\n      return css`\n        background-color: ${backgroundColor};\n      `;\n    case \"ghost\":\n    default:\n      return;\n  }\n};\n\nconst secondaryColor = ({\n  disabled,\n  inverse = false,\n  theme,\n}: PropsAndTheme) => {\n  const color = inverse\n    ? disabled\n      ? theme.text.secondary\n      : weak(theme.text.inverse)\n    : disabled\n      ? muted(theme.text.secondary)\n      : theme.text.secondary;\n\n  return color;\n};\n\nconst primaryColor = ({ disabled, inverse = false, theme }: PropsAndTheme) => {\n  const color = inverse\n    ? disabled\n      ? theme.text.secondary\n      : theme.text.inverse\n    : disabled\n      ? theme.base.borderMidtone\n      : theme.text.primary;\n\n  return color;\n};\n\nconst fontSize = {\n  small: \"24px\",\n  medium: \"32px\",\n  large: \"44px\",\n};\n\n// Time has spacing after the text, this is\n// needed for centering Time with the unit label.\nconst paddingCenterAlign = {\n  small: \"1px\",\n  medium: \"2px\",\n  large: spacing.lounge,\n};\n\n// Ghost variant should not not have extra padding to the top/bottom.\nconst aspectRatio = ({ fillVariant = \"fill\" }: Props) => {\n  return fillVariant === \"ghost\" ? 0 : 1 / 1;\n};\n\nconst boxSize = ({ size = \"large\" }: Props) => {\n  const sizes = {\n    small: { style: textStyle.kilimanjaro, width: \"80px\", minWidth: \"64px\" },\n    medium: { style: textStyle.kilimanjaro, width: \"96px\", minWidth: \"80px\" },\n    large: { style: textStyle.everest, width: \"144px\", minWidth: \"104px\" },\n  };\n\n  if (size === \"responsive\") {\n    return css`\n      ${sizes.small.style};\n      width: ${sizes.small.width};\n      min-width: ${sizes.small.minWidth};\n      font-size: ${fontSize.small};\n      line-height: ${fontSize.small};\n\n      @media (${media.small}) {\n        ${sizes.medium.style};\n        width: ${sizes.medium.width};\n        min-width: ${sizes.medium.minWidth};\n        font-size: ${fontSize.medium};\n        line-height: ${fontSize.medium};\n      }\n\n      @media (${media.medium}) {\n        ${sizes.large.style};\n        width: ${sizes.large.width};\n        min-width: ${sizes.large.minWidth};\n        font-size: ${fontSize.large};\n        line-height: ${fontSize.large};\n      }\n    `;\n  }\n\n  const definedSize = sizes[size];\n  return css`\n    ${definedSize.style};\n    width: ${definedSize.width};\n    min-width: ${definedSize.minWidth};\n    font-size: ${fontSize[size]};\n    line-height: ${fontSize[size]};\n  `;\n};\n\nconst Colon = styled.p`\n  ${textStyle.boising};\n  margin: ${({ fillVariant }) =>\n    fillVariant === \"ghost\" ? \"0 0 22px 0\" : \"0\"};\n  padding: 0 ${spacing.lounge};\n  color: ${primaryColor};\n`;\n\nconst Container = styled.div<{ $fullWidth?: boolean }>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  ${({ $fullWidth }) => $fullWidth && `justify-content: space-between`};\n`;\n\nconst Label = styled.p`\n  ${textStyle.snowdon};\n  margin: 0;\n  color: ${secondaryColor};\n`;\n\nconst Wrapper = styled.div`\n  ${boxSize};\n  ${backgroundAndBorderStyles};\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  aspect-ratio: ${aspectRatio};\n  color: ${primaryColor};\n  ${({ $fullWidth }) => $fullWidth && `flex: 1`};\n`;\n\nconst Time = styled.span<{ $size: Size }>`\n  margin: 0;\n  ${({ $size = \"large\" }) => {\n    if ($size === \"responsive\") {\n      return css`\n        padding-inline-start: ${paddingCenterAlign.small};\n\n        @media (${media.small}) {\n          padding-inline-start: ${paddingCenterAlign.medium};\n        }\n\n        @media (${media.medium}) {\n          padding-inline-start: ${paddingCenterAlign.large};\n        }\n      `;\n    }\n    return css`\n      padding-inline-start: ${paddingCenterAlign[$size]};\n    `;\n  }};\n`;\n"],"names":["date","hideDays","hideHours","hideSeconds","labels","size","timeLeftLabel","days","hours","minutes","seconds","label","value","disabled","fillVariant","kilimanjaro","everest"],"mappings":";;;;;;;;;AAmDA;AACE;AAAM;AACJA;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACY;AAEd;AAAM;AAAEC;AAAMC;AAAOC;AAASC;AACf;AACPV;AACOC;AACCC;AACEC;AAGlB;AACE;AAAM;AAAsBI;AAAaA;AACzC;AAAM;AAAuBC;AAAcA;AAC3C;AAAM;AAAyBC;AAAgBA;AAC/C;AAAM;AAAyBC;AAAgBA;AAGjD;AAUM;AAAM;AAAEC;AAAOC;AACf;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEI;AACE;AAAkC;AAGlC;AACF;AAIE;AAEJ;AAKV;AAIA;AAAmC;AACjCC;AACc;AACJ;AAEG;AACb;AAQA;AAQA;AAAQC;AAEJ;AACiC;AAGjC;AACqC;AAElC;AAEH;AAAA;AAEN;AAEA;AAAwB;AACtBD;AACU;AAEG;AACb;AAQA;AACF;AAEA;AAAsB;AAAEA;AAAoB;AAA4B;AACtE;AAQA;AACF;AAEA;AAAiB;AACR;AACC;AAEV;AAIA;AAA2B;AAClB;AACC;AAEV;AAGA;AAAqB;AAA8B;AACjD;AACF;AAEA;AAAiB;AAAwB;AACvC;AAAc;AACL;AAAmBE;AAAoB;AAAkB;AAAA;AACxD;AAAmBA;AAAoB;AAAkB;AAAA;AAC1D;AAAmBC;AAAgB;AAAmB;AAAA;AAG/D;AACE;AAoBiC;AAKnC;AACA;AAOF;AAEA;AAAsB;AAAA;AAAA;AAET;AAAc;AAM3B;AAA4B;AAAA;AAAA;AAIvB;AAAa;AAGlB;AAAsB;AAAA;AAAA;AAMtB;AAA0B;AAAA;AAAA;AASrB;AAAa;AAGlB;AAAwB;AAAA;AAAA;AAEnB;AAAkB;AACnB;AACE;AAQoD;AAItD;AAGF;;;;"}

package/dist/index100.cjs

@@ -0,0 +1,41 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const styled = require("styled-components");
+const SportsStickerOnDark = (props) => {
+  const theme = styled.useTheme();
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { fill: "none", viewBox: "0 0 701 600", width: props.size || "10em", height: props.size || "10em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M700.13 474H489v48h211.13z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: props.color || theme.base.primary, d: "M184.74 76H0v48h184.74z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M227.6 321.82c74.785 0 135.41-60.625 135.41-135.41S302.385 51 227.6 51 92.19 111.625 92.19 186.41s60.625 135.41 135.41 135.41" }),
+    /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "a", width: 272, height: 271, x: 92, y: 51, maskUnits: "userSpaceOnUse", style: {
+      maskType: "luminance"
+    }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M227.6 321.82c74.785 0 135.41-60.625 135.41-135.41S302.385 51 227.6 51 92.19 111.625 92.19 186.41s60.625 135.41 135.41 135.41" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "#121212", mask: "url(#a)", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m75.59 283.5-11.77-5.52c21.78-46.48 50.32-86.89 84.82-120.1a369.2 369.2 0 0 1 93.57-65.55c58.76-28.81 105.29-32.61 107.24-32.76l.98 12.96c-.46.04-46.42 3.85-103.02 31.72a356.1 356.1 0 0 0-90.03 63.25c-33.23 32.05-60.75 71.08-81.79 115.99z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M236.52 370.55c-21.2-9.6-37.91-31.34-45.84-59.65-5.1-18.21-6.49-37.12-7.84-55.4-.41-5.62-.84-11.43-1.37-17.09-3.56-38.11-12.2-54.83-19.32-65.13-11.66-16.85-29.92-28.58-50.09-32.17s-41.36 1.11-58.12 12.9l-7.48-10.63c19.57-13.77 44.31-19.26 67.88-15.06 23.56 4.2 44.88 17.89 58.5 37.57 15.29 22.09 19.56 49.72 21.58 71.31.54 5.79.97 11.66 1.39 17.34 1.3 17.65 2.64 35.89 7.39 52.85 6.89 24.6 20.99 43.3 38.68 51.31l-5.36 11.84zm176.41-176.5c-4.88-18.8-20.91-35.88-43.97-46.86-15.9-7.57-33.65-12-50.81-16.29-5.53-1.38-11.25-2.81-16.86-4.33-20.94-5.67-47.43-14.59-66.6-33.41-17.07-16.77-26.93-40.12-27.05-64.05s9.5-47.38 26.41-64.32l9.2 9.18c-14.47 14.51-22.71 34.58-22.61 55.07s8.55 40.48 23.16 54.84c17.01 16.71 41.47 24.88 60.88 30.14 5.49 1.49 11.14 2.9 16.61 4.26 17.79 4.44 36.18 9.03 53.25 17.16 26.54 12.64 45.12 32.81 50.97 55.33l-12.58 3.27zM340.7 297.1c-23.98-55.66-60.18-106.36-104.7-146.62-35.86-32.43-76.85-58.31-121.83-76.91l4.97-12.01c46.36 19.17 88.61 45.84 125.58 79.28 45.89 41.5 83.21 93.76 107.92 151.12z" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: props.color || theme.base.primary, d: "M471.43 549.47c86.482 0 156.59-70.108 156.59-156.59s-70.108-156.59-156.59-156.59-156.59 70.108-156.59 156.59 70.108 156.59 156.59 156.59" }),
+    /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "b", width: 315, height: 314, x: 314, y: 236, maskUnits: "userSpaceOnUse", style: {
+      maskType: "luminance"
+    }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M471.43 549.47c86.482 0 156.59-70.108 156.59-156.59s-70.108-156.59-156.59-156.59-156.59 70.108-156.59 156.59 70.108 156.59 156.59 156.59" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { mask: "url(#b)", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#121212", d: "m453.63 395.43-42.1-65.951-69.78 28.611-.77 79.87 78.18 22.119zm80.51-68.38-34.67 65.09 41.94 58.55 56.18-20.08 5.36-84.67zm-13.11-45.36 21.4-36.18-30.08-39.83-64.93-1.96-56.05 50.37 36.1 44.71zm-82.17 219.04-32.28 49.98 34.18 37.23 64.82-4.27 50.97-55.52-39.91-40.72z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#121212", d: "M441.24 513.16c-21.64-32.93-36-65.17-42.69-95.82-5.41-24.78-5.84-48.58-1.3-70.75 7.81-38.11 27.54-58.06 28.37-58.89l8.71 8.74s-4.62 4.68-9.98 13.56c-4.93 8.17-11.57 21.71-15.17 39.85-4.06 20.43-3.53 42.45 1.56 65.45 6.42 29 20.15 59.64 40.82 91.09l-10.31 6.78zm76.16-13.98-7.85-9.52 3.93 4.76-3.94-4.75s5.03-4.24 11.19-12.59c5.66-7.68 13.51-20.55 18.77-38.29 5.92-19.97 7.43-41.94 4.47-65.31-3.72-29.46-14.58-61.24-32.26-94.46l10.89-5.8c18.52 34.78 29.85 68.21 33.69 99.35 3.1 25.17 1.35 48.91-5.22 70.57-11.28 37.23-32.76 55.28-33.67 56.03zm111.093-211.353-37.267 59.408 10.454 6.558 37.267-59.409zm-32.42 133.941-8.783 8.668 45.501 46.109 8.784-8.668zm-254.119 8.211-31.24 49.802 10.453 6.558 31.241-49.803zm-23.683-116.775-9.815 7.48 34.519 45.296 9.815-7.48zm187.996 72.342-60.224 4.042.826 12.312 60.225-4.042z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "c", width: 389, height: 330, x: 319, y: 263, maskUnits: "userSpaceOnUse", style: {
+        maskType: "luminance"
+      }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M584.85 263.9s-18.02 233.29-265.54 251.31l165.96 77.76 221.91-178.29-45.52-104.32-76.82-46.47z" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("g", { fill: "#121212", mask: "url(#c)", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m241.1 398.68-3.2 2.45 248.06 324.21 3.2-2.45zm8.25-6.31-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68L502.6 712.62l3.5-2.68zm8.69-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.66-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.66-3.5 2.68L580.8 652.78l3.5-2.68zm8.68-6.63-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.65-3.5 2.68L598.16 639.5l3.5-2.68zm8.7-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.649-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.641-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.66-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.66-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.63-3.5 2.68 248.06 324.21 3.5-2.68zm8.67-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.66-3.5 2.68L711.1 553.07l3.5-2.68zm8.69-6.63-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.66-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.649-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.641-3.5 2.68 248.06 324.21 3.5-2.68zm8.67-6.649-3.5 2.68L780.59 499.91l3.5-2.68zm8.69-6.651-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68z" }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M454.3 165.29c31.558 0 57.14-25.583 57.14-57.14s-25.582-57.14-57.14-57.14c-31.557 0-57.14 25.582-57.14 57.14 0 31.557 25.583 57.14 57.14 57.14" }),
+    /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "d", width: 115, height: 115, x: 397, y: 51, maskUnits: "userSpaceOnUse", style: {
+      maskType: "luminance"
+    }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M454.3 165.29c31.558 0 57.14-25.583 57.14-57.14s-25.582-57.14-57.14-57.14c-31.557 0-57.14 25.582-57.14 57.14 0 31.557 25.583 57.14 57.14 57.14" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("g", { fill: props.color || theme.base.primary, mask: "url(#d)", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M498.29 76.83a56.2 56.2 0 0 0-16.38 11.56 46.2 46.2 0 0 0-12.24-3.34L468 97.94c1.91.25 3.79.67 5.64 1.25a57 57 0 0 0-4.39 9.299c-5.13 14.09-4.47 29.33 1.86 42.92s17.58 23.9 31.66 29.04l4.45-12.21c-10.82-3.94-19.47-11.87-24.33-22.31s-5.37-22.16-1.43-32.98c.97-2.66 2.18-5.18 3.61-7.56a33.2 33.2 0 0 1 5.22 5.44l10.34-7.88c-2.14-2.8-4.56-5.32-7.24-7.55 3.08-2.72 6.56-5.01 10.38-6.79 10.44-4.86 22.16-5.37 32.98-1.43l4.45-12.21c-14.09-5.13-29.33-4.47-42.92 1.86zm-56.06-23.8c-6.59-13.47-18.04-23.56-32.22-28.42l-4.21 12.3c10.9 3.73 19.69 11.49 24.76 21.84 1.85 3.79 3.12 7.76 3.81 11.81-3.48.05-6.95.48-10.38 1.32l3.09 12.63c2.47-.6 4.97-.92 7.48-.95-.38 2.74-1.02 5.47-1.94 8.14-3.73 10.899-11.49 19.689-21.84 24.759-10.35 5.06-22.05 5.8-32.95 2.06l-4.21 12.3c5.97 2.04 12.12 3.06 18.24 3.06 8.44 0 16.83-1.93 24.63-5.75 13.47-6.59 23.56-18.04 28.42-32.22a56 56 0 0 0 2.43-9.99c1.79.71 3.53 1.57 5.17 2.57l6.8-11.08a46 46 0 0 0-11.61-5.09 56.1 56.1 0 0 0-5.47-19.29" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: props.color || theme.base.primary, d: "M597.98 231.149c22.517 0 40.77-18.253 40.77-40.77 0-22.516-18.253-40.77-40.77-40.77-22.516 0-40.77 18.254-40.77 40.77s18.254 40.77 40.77 40.77" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#121212", d: "M592.568 182.151c6.248-6.012 7.37-14.984 2.507-20.037-4.864-5.054-13.871-4.277-20.119 1.735s-7.37 14.983-2.507 20.037c4.864 5.054 13.871 4.277 20.119-1.735" })
+  ] });
+};
+exports.default = SportsStickerOnDark;
+//# sourceMappingURL=index100.cjs.map

package/dist/index100.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index100.cjs","sources":["../src/stickers/dist/SportsStickerOnDark.tsx"],"sourcesContent":["// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { useTheme } from \"styled-components\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst SportsStickerOnDark = (props: Props) => {\n  const theme = useTheme();\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 701 600\"\n      width={props.size || \"10em\"}\n      height={props.size || \"10em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <path fill=\"#fff\" d=\"M700.13 474H489v48h211.13z\" />\n      <path\n        fill={props.color || theme.base.primary}\n        d=\"M184.74 76H0v48h184.74z\"\n      />\n      <path\n        fill=\"#fff\"\n        d=\"M227.6 321.82c74.785 0 135.41-60.625 135.41-135.41S302.385 51 227.6 51 92.19 111.625 92.19 186.41s60.625 135.41 135.41 135.41\"\n      />\n      <mask\n        id=\"a\"\n        width={272}\n        height={271}\n        x={92}\n        y={51}\n        maskUnits=\"userSpaceOnUse\"\n        style={{\n          maskType: \"luminance\",\n        }}\n      >\n        <path\n          fill=\"#fff\"\n          d=\"M227.6 321.82c74.785 0 135.41-60.625 135.41-135.41S302.385 51 227.6 51 92.19 111.625 92.19 186.41s60.625 135.41 135.41 135.41\"\n        />\n      </mask>\n      <g fill=\"#121212\" mask=\"url(#a)\">\n        <path d=\"m75.59 283.5-11.77-5.52c21.78-46.48 50.32-86.89 84.82-120.1a369.2 369.2 0 0 1 93.57-65.55c58.76-28.81 105.29-32.61 107.24-32.76l.98 12.96c-.46.04-46.42 3.85-103.02 31.72a356.1 356.1 0 0 0-90.03 63.25c-33.23 32.05-60.75 71.08-81.79 115.99z\" />\n        <path d=\"M236.52 370.55c-21.2-9.6-37.91-31.34-45.84-59.65-5.1-18.21-6.49-37.12-7.84-55.4-.41-5.62-.84-11.43-1.37-17.09-3.56-38.11-12.2-54.83-19.32-65.13-11.66-16.85-29.92-28.58-50.09-32.17s-41.36 1.11-58.12 12.9l-7.48-10.63c19.57-13.77 44.31-19.26 67.88-15.06 23.56 4.2 44.88 17.89 58.5 37.57 15.29 22.09 19.56 49.72 21.58 71.31.54 5.79.97 11.66 1.39 17.34 1.3 17.65 2.64 35.89 7.39 52.85 6.89 24.6 20.99 43.3 38.68 51.31l-5.36 11.84zm176.41-176.5c-4.88-18.8-20.91-35.88-43.97-46.86-15.9-7.57-33.65-12-50.81-16.29-5.53-1.38-11.25-2.81-16.86-4.33-20.94-5.67-47.43-14.59-66.6-33.41-17.07-16.77-26.93-40.12-27.05-64.05s9.5-47.38 26.41-64.32l9.2 9.18c-14.47 14.51-22.71 34.58-22.61 55.07s8.55 40.48 23.16 54.84c17.01 16.71 41.47 24.88 60.88 30.14 5.49 1.49 11.14 2.9 16.61 4.26 17.79 4.44 36.18 9.03 53.25 17.16 26.54 12.64 45.12 32.81 50.97 55.33l-12.58 3.27zM340.7 297.1c-23.98-55.66-60.18-106.36-104.7-146.62-35.86-32.43-76.85-58.31-121.83-76.91l4.97-12.01c46.36 19.17 88.61 45.84 125.58 79.28 45.89 41.5 83.21 93.76 107.92 151.12z\" />\n      </g>\n      <path\n        fill={props.color || theme.base.primary}\n        d=\"M471.43 549.47c86.482 0 156.59-70.108 156.59-156.59s-70.108-156.59-156.59-156.59-156.59 70.108-156.59 156.59 70.108 156.59 156.59 156.59\"\n      />\n      <mask\n        id=\"b\"\n        width={315}\n        height={314}\n        x={314}\n        y={236}\n        maskUnits=\"userSpaceOnUse\"\n        style={{\n          maskType: \"luminance\",\n        }}\n      >\n        <path\n          fill=\"#fff\"\n          d=\"M471.43 549.47c86.482 0 156.59-70.108 156.59-156.59s-70.108-156.59-156.59-156.59-156.59 70.108-156.59 156.59 70.108 156.59 156.59 156.59\"\n        />\n      </mask>\n      <g mask=\"url(#b)\">\n        <path\n          fill=\"#121212\"\n          d=\"m453.63 395.43-42.1-65.951-69.78 28.611-.77 79.87 78.18 22.119zm80.51-68.38-34.67 65.09 41.94 58.55 56.18-20.08 5.36-84.67zm-13.11-45.36 21.4-36.18-30.08-39.83-64.93-1.96-56.05 50.37 36.1 44.71zm-82.17 219.04-32.28 49.98 34.18 37.23 64.82-4.27 50.97-55.52-39.91-40.72z\"\n        />\n        <path\n          fill=\"#121212\"\n          d=\"M441.24 513.16c-21.64-32.93-36-65.17-42.69-95.82-5.41-24.78-5.84-48.58-1.3-70.75 7.81-38.11 27.54-58.06 28.37-58.89l8.71 8.74s-4.62 4.68-9.98 13.56c-4.93 8.17-11.57 21.71-15.17 39.85-4.06 20.43-3.53 42.45 1.56 65.45 6.42 29 20.15 59.64 40.82 91.09l-10.31 6.78zm76.16-13.98-7.85-9.52 3.93 4.76-3.94-4.75s5.03-4.24 11.19-12.59c5.66-7.68 13.51-20.55 18.77-38.29 5.92-19.97 7.43-41.94 4.47-65.31-3.72-29.46-14.58-61.24-32.26-94.46l10.89-5.8c18.52 34.78 29.85 68.21 33.69 99.35 3.1 25.17 1.35 48.91-5.22 70.57-11.28 37.23-32.76 55.28-33.67 56.03zm111.093-211.353-37.267 59.408 10.454 6.558 37.267-59.409zm-32.42 133.941-8.783 8.668 45.501 46.109 8.784-8.668zm-254.119 8.211-31.24 49.802 10.453 6.558 31.241-49.803zm-23.683-116.775-9.815 7.48 34.519 45.296 9.815-7.48zm187.996 72.342-60.224 4.042.826 12.312 60.225-4.042z\"\n        />\n        <mask\n          id=\"c\"\n          width={389}\n          height={330}\n          x={319}\n          y={263}\n          maskUnits=\"userSpaceOnUse\"\n          style={{\n            maskType: \"luminance\",\n          }}\n        >\n          <path\n            fill=\"#fff\"\n            d=\"M584.85 263.9s-18.02 233.29-265.54 251.31l165.96 77.76 221.91-178.29-45.52-104.32-76.82-46.47z\"\n          />\n        </mask>\n        <g fill=\"#121212\" mask=\"url(#c)\">\n          <path d=\"m241.1 398.68-3.2 2.45 248.06 324.21 3.2-2.45zm8.25-6.31-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68L502.6 712.62l3.5-2.68zm8.69-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.66-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.66-3.5 2.68L580.8 652.78l3.5-2.68zm8.68-6.63-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.65-3.5 2.68L598.16 639.5l3.5-2.68zm8.7-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.649-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.641-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.66-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.66-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.63-3.5 2.68 248.06 324.21 3.5-2.68zm8.67-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.66-3.5 2.68L711.1 553.07l3.5-2.68zm8.69-6.63-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.66-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.649-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.641-3.5 2.68 248.06 324.21 3.5-2.68zm8.67-6.649-3.5 2.68L780.59 499.91l3.5-2.68zm8.69-6.651-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68z\" />\n        </g>\n      </g>\n      <path\n        fill=\"#fff\"\n        d=\"M454.3 165.29c31.558 0 57.14-25.583 57.14-57.14s-25.582-57.14-57.14-57.14c-31.557 0-57.14 25.582-57.14 57.14 0 31.557 25.583 57.14 57.14 57.14\"\n      />\n      <mask\n        id=\"d\"\n        width={115}\n        height={115}\n        x={397}\n        y={51}\n        maskUnits=\"userSpaceOnUse\"\n        style={{\n          maskType: \"luminance\",\n        }}\n      >\n        <path\n          fill=\"#fff\"\n          d=\"M454.3 165.29c31.558 0 57.14-25.583 57.14-57.14s-25.582-57.14-57.14-57.14c-31.557 0-57.14 25.582-57.14 57.14 0 31.557 25.583 57.14 57.14 57.14\"\n        />\n      </mask>\n      <g fill={props.color || theme.base.primary} mask=\"url(#d)\">\n        <path d=\"M498.29 76.83a56.2 56.2 0 0 0-16.38 11.56 46.2 46.2 0 0 0-12.24-3.34L468 97.94c1.91.25 3.79.67 5.64 1.25a57 57 0 0 0-4.39 9.299c-5.13 14.09-4.47 29.33 1.86 42.92s17.58 23.9 31.66 29.04l4.45-12.21c-10.82-3.94-19.47-11.87-24.33-22.31s-5.37-22.16-1.43-32.98c.97-2.66 2.18-5.18 3.61-7.56a33.2 33.2 0 0 1 5.22 5.44l10.34-7.88c-2.14-2.8-4.56-5.32-7.24-7.55 3.08-2.72 6.56-5.01 10.38-6.79 10.44-4.86 22.16-5.37 32.98-1.43l4.45-12.21c-14.09-5.13-29.33-4.47-42.92 1.86zm-56.06-23.8c-6.59-13.47-18.04-23.56-32.22-28.42l-4.21 12.3c10.9 3.73 19.69 11.49 24.76 21.84 1.85 3.79 3.12 7.76 3.81 11.81-3.48.05-6.95.48-10.38 1.32l3.09 12.63c2.47-.6 4.97-.92 7.48-.95-.38 2.74-1.02 5.47-1.94 8.14-3.73 10.899-11.49 19.689-21.84 24.759-10.35 5.06-22.05 5.8-32.95 2.06l-4.21 12.3c5.97 2.04 12.12 3.06 18.24 3.06 8.44 0 16.83-1.93 24.63-5.75 13.47-6.59 23.56-18.04 28.42-32.22a56 56 0 0 0 2.43-9.99c1.79.71 3.53 1.57 5.17 2.57l6.8-11.08a46 46 0 0 0-11.61-5.09 56.1 56.1 0 0 0-5.47-19.29\" />\n      </g>\n      <path\n        fill={props.color || theme.base.primary}\n        d=\"M597.98 231.149c22.517 0 40.77-18.253 40.77-40.77 0-22.516-18.253-40.77-40.77-40.77-22.516 0-40.77 18.254-40.77 40.77s18.254 40.77 40.77 40.77\"\n      />\n      <path\n        fill=\"#121212\"\n        d=\"M592.568 182.151c6.248-6.012 7.37-14.984 2.507-20.037-4.864-5.054-13.871-4.277-20.119 1.735s-7.37 14.983-2.507 20.037c4.864 5.054 13.871 4.277 20.119-1.735\"\n      />\n    </svg>\n  );\n};\nexport default SportsStickerOnDark;\n"],"names":[],"mappings":";;;;;AASA;AACE;AACA;AAUI;AAAgD;AAGnB;AAIsG;AAS1H;AACK;AAOd;AAEE;AAAwP;AAC+wB;AACzgC;AAG8I;AASrI;AACK;AAOd;AAEE;AAEkR;AAImiB;AAS5yB;AACK;AAOd;AAGA;AACF;AAGoJ;AAS3I;AACK;AAOd;AAGA;AAGoJ;AAIa;AAIvK;;"}

package/dist/index100.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTheme } from "styled-components";
+const SportsStickerOnDark = (props) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs("svg", { fill: "none", viewBox: "0 0 701 600", width: props.size || "10em", height: props.size || "10em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M700.13 474H489v48h211.13z" }),
+    /* @__PURE__ */ jsx("path", { fill: props.color || theme.base.primary, d: "M184.74 76H0v48h184.74z" }),
+    /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M227.6 321.82c74.785 0 135.41-60.625 135.41-135.41S302.385 51 227.6 51 92.19 111.625 92.19 186.41s60.625 135.41 135.41 135.41" }),
+    /* @__PURE__ */ jsx("mask", { id: "a", width: 272, height: 271, x: 92, y: 51, maskUnits: "userSpaceOnUse", style: {
+      maskType: "luminance"
+    }, children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M227.6 321.82c74.785 0 135.41-60.625 135.41-135.41S302.385 51 227.6 51 92.19 111.625 92.19 186.41s60.625 135.41 135.41 135.41" }) }),
+    /* @__PURE__ */ jsxs("g", { fill: "#121212", mask: "url(#a)", children: [
+      /* @__PURE__ */ jsx("path", { d: "m75.59 283.5-11.77-5.52c21.78-46.48 50.32-86.89 84.82-120.1a369.2 369.2 0 0 1 93.57-65.55c58.76-28.81 105.29-32.61 107.24-32.76l.98 12.96c-.46.04-46.42 3.85-103.02 31.72a356.1 356.1 0 0 0-90.03 63.25c-33.23 32.05-60.75 71.08-81.79 115.99z" }),
+      /* @__PURE__ */ jsx("path", { d: "M236.52 370.55c-21.2-9.6-37.91-31.34-45.84-59.65-5.1-18.21-6.49-37.12-7.84-55.4-.41-5.62-.84-11.43-1.37-17.09-3.56-38.11-12.2-54.83-19.32-65.13-11.66-16.85-29.92-28.58-50.09-32.17s-41.36 1.11-58.12 12.9l-7.48-10.63c19.57-13.77 44.31-19.26 67.88-15.06 23.56 4.2 44.88 17.89 58.5 37.57 15.29 22.09 19.56 49.72 21.58 71.31.54 5.79.97 11.66 1.39 17.34 1.3 17.65 2.64 35.89 7.39 52.85 6.89 24.6 20.99 43.3 38.68 51.31l-5.36 11.84zm176.41-176.5c-4.88-18.8-20.91-35.88-43.97-46.86-15.9-7.57-33.65-12-50.81-16.29-5.53-1.38-11.25-2.81-16.86-4.33-20.94-5.67-47.43-14.59-66.6-33.41-17.07-16.77-26.93-40.12-27.05-64.05s9.5-47.38 26.41-64.32l9.2 9.18c-14.47 14.51-22.71 34.58-22.61 55.07s8.55 40.48 23.16 54.84c17.01 16.71 41.47 24.88 60.88 30.14 5.49 1.49 11.14 2.9 16.61 4.26 17.79 4.44 36.18 9.03 53.25 17.16 26.54 12.64 45.12 32.81 50.97 55.33l-12.58 3.27zM340.7 297.1c-23.98-55.66-60.18-106.36-104.7-146.62-35.86-32.43-76.85-58.31-121.83-76.91l4.97-12.01c46.36 19.17 88.61 45.84 125.58 79.28 45.89 41.5 83.21 93.76 107.92 151.12z" })
+    ] }),
+    /* @__PURE__ */ jsx("path", { fill: props.color || theme.base.primary, d: "M471.43 549.47c86.482 0 156.59-70.108 156.59-156.59s-70.108-156.59-156.59-156.59-156.59 70.108-156.59 156.59 70.108 156.59 156.59 156.59" }),
+    /* @__PURE__ */ jsx("mask", { id: "b", width: 315, height: 314, x: 314, y: 236, maskUnits: "userSpaceOnUse", style: {
+      maskType: "luminance"
+    }, children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M471.43 549.47c86.482 0 156.59-70.108 156.59-156.59s-70.108-156.59-156.59-156.59-156.59 70.108-156.59 156.59 70.108 156.59 156.59 156.59" }) }),
+    /* @__PURE__ */ jsxs("g", { mask: "url(#b)", children: [
+      /* @__PURE__ */ jsx("path", { fill: "#121212", d: "m453.63 395.43-42.1-65.951-69.78 28.611-.77 79.87 78.18 22.119zm80.51-68.38-34.67 65.09 41.94 58.55 56.18-20.08 5.36-84.67zm-13.11-45.36 21.4-36.18-30.08-39.83-64.93-1.96-56.05 50.37 36.1 44.71zm-82.17 219.04-32.28 49.98 34.18 37.23 64.82-4.27 50.97-55.52-39.91-40.72z" }),
+      /* @__PURE__ */ jsx("path", { fill: "#121212", d: "M441.24 513.16c-21.64-32.93-36-65.17-42.69-95.82-5.41-24.78-5.84-48.58-1.3-70.75 7.81-38.11 27.54-58.06 28.37-58.89l8.71 8.74s-4.62 4.68-9.98 13.56c-4.93 8.17-11.57 21.71-15.17 39.85-4.06 20.43-3.53 42.45 1.56 65.45 6.42 29 20.15 59.64 40.82 91.09l-10.31 6.78zm76.16-13.98-7.85-9.52 3.93 4.76-3.94-4.75s5.03-4.24 11.19-12.59c5.66-7.68 13.51-20.55 18.77-38.29 5.92-19.97 7.43-41.94 4.47-65.31-3.72-29.46-14.58-61.24-32.26-94.46l10.89-5.8c18.52 34.78 29.85 68.21 33.69 99.35 3.1 25.17 1.35 48.91-5.22 70.57-11.28 37.23-32.76 55.28-33.67 56.03zm111.093-211.353-37.267 59.408 10.454 6.558 37.267-59.409zm-32.42 133.941-8.783 8.668 45.501 46.109 8.784-8.668zm-254.119 8.211-31.24 49.802 10.453 6.558 31.241-49.803zm-23.683-116.775-9.815 7.48 34.519 45.296 9.815-7.48zm187.996 72.342-60.224 4.042.826 12.312 60.225-4.042z" }),
+      /* @__PURE__ */ jsx("mask", { id: "c", width: 389, height: 330, x: 319, y: 263, maskUnits: "userSpaceOnUse", style: {
+        maskType: "luminance"
+      }, children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M584.85 263.9s-18.02 233.29-265.54 251.31l165.96 77.76 221.91-178.29-45.52-104.32-76.82-46.47z" }) }),
+      /* @__PURE__ */ jsx("g", { fill: "#121212", mask: "url(#c)", children: /* @__PURE__ */ jsx("path", { d: "m241.1 398.68-3.2 2.45 248.06 324.21 3.2-2.45zm8.25-6.31-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68L502.6 712.62l3.5-2.68zm8.69-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.66-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.66-3.5 2.68L580.8 652.78l3.5-2.68zm8.68-6.63-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.65-3.5 2.68L598.16 639.5l3.5-2.68zm8.7-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.649-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.641-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.66-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.66-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.63-3.5 2.68 248.06 324.21 3.5-2.68zm8.67-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.66-3.5 2.68L711.1 553.07l3.5-2.68zm8.69-6.63-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.66-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.649-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.641-3.5 2.68 248.06 324.21 3.5-2.68zm8.67-6.649-3.5 2.68L780.59 499.91l3.5-2.68zm8.69-6.651-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68z" }) })
+    ] }),
+    /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M454.3 165.29c31.558 0 57.14-25.583 57.14-57.14s-25.582-57.14-57.14-57.14c-31.557 0-57.14 25.582-57.14 57.14 0 31.557 25.583 57.14 57.14 57.14" }),
+    /* @__PURE__ */ jsx("mask", { id: "d", width: 115, height: 115, x: 397, y: 51, maskUnits: "userSpaceOnUse", style: {
+      maskType: "luminance"
+    }, children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M454.3 165.29c31.558 0 57.14-25.583 57.14-57.14s-25.582-57.14-57.14-57.14c-31.557 0-57.14 25.582-57.14 57.14 0 31.557 25.583 57.14 57.14 57.14" }) }),
+    /* @__PURE__ */ jsx("g", { fill: props.color || theme.base.primary, mask: "url(#d)", children: /* @__PURE__ */ jsx("path", { d: "M498.29 76.83a56.2 56.2 0 0 0-16.38 11.56 46.2 46.2 0 0 0-12.24-3.34L468 97.94c1.91.25 3.79.67 5.64 1.25a57 57 0 0 0-4.39 9.299c-5.13 14.09-4.47 29.33 1.86 42.92s17.58 23.9 31.66 29.04l4.45-12.21c-10.82-3.94-19.47-11.87-24.33-22.31s-5.37-22.16-1.43-32.98c.97-2.66 2.18-5.18 3.61-7.56a33.2 33.2 0 0 1 5.22 5.44l10.34-7.88c-2.14-2.8-4.56-5.32-7.24-7.55 3.08-2.72 6.56-5.01 10.38-6.79 10.44-4.86 22.16-5.37 32.98-1.43l4.45-12.21c-14.09-5.13-29.33-4.47-42.92 1.86zm-56.06-23.8c-6.59-13.47-18.04-23.56-32.22-28.42l-4.21 12.3c10.9 3.73 19.69 11.49 24.76 21.84 1.85 3.79 3.12 7.76 3.81 11.81-3.48.05-6.95.48-10.38 1.32l3.09 12.63c2.47-.6 4.97-.92 7.48-.95-.38 2.74-1.02 5.47-1.94 8.14-3.73 10.899-11.49 19.689-21.84 24.759-10.35 5.06-22.05 5.8-32.95 2.06l-4.21 12.3c5.97 2.04 12.12 3.06 18.24 3.06 8.44 0 16.83-1.93 24.63-5.75 13.47-6.59 23.56-18.04 28.42-32.22a56 56 0 0 0 2.43-9.99c1.79.71 3.53 1.57 5.17 2.57l6.8-11.08a46 46 0 0 0-11.61-5.09 56.1 56.1 0 0 0-5.47-19.29" }) }),
+    /* @__PURE__ */ jsx("path", { fill: props.color || theme.base.primary, d: "M597.98 231.149c22.517 0 40.77-18.253 40.77-40.77 0-22.516-18.253-40.77-40.77-40.77-22.516 0-40.77 18.254-40.77 40.77s18.254 40.77 40.77 40.77" }),
+    /* @__PURE__ */ jsx("path", { fill: "#121212", d: "M592.568 182.151c6.248-6.012 7.37-14.984 2.507-20.037-4.864-5.054-13.871-4.277-20.119 1.735s-7.37 14.983-2.507 20.037c4.864 5.054 13.871 4.277 20.119-1.735" })
+  ] });
+};
+export {
+  SportsStickerOnDark as default
+};
+//# sourceMappingURL=index100.js.map

package/dist/index100.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index100.js","sources":["../src/stickers/dist/SportsStickerOnDark.tsx"],"sourcesContent":["// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { useTheme } from \"styled-components\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst SportsStickerOnDark = (props: Props) => {\n  const theme = useTheme();\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 701 600\"\n      width={props.size || \"10em\"}\n      height={props.size || \"10em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <path fill=\"#fff\" d=\"M700.13 474H489v48h211.13z\" />\n      <path\n        fill={props.color || theme.base.primary}\n        d=\"M184.74 76H0v48h184.74z\"\n      />\n      <path\n        fill=\"#fff\"\n        d=\"M227.6 321.82c74.785 0 135.41-60.625 135.41-135.41S302.385 51 227.6 51 92.19 111.625 92.19 186.41s60.625 135.41 135.41 135.41\"\n      />\n      <mask\n        id=\"a\"\n        width={272}\n        height={271}\n        x={92}\n        y={51}\n        maskUnits=\"userSpaceOnUse\"\n        style={{\n          maskType: \"luminance\",\n        }}\n      >\n        <path\n          fill=\"#fff\"\n          d=\"M227.6 321.82c74.785 0 135.41-60.625 135.41-135.41S302.385 51 227.6 51 92.19 111.625 92.19 186.41s60.625 135.41 135.41 135.41\"\n        />\n      </mask>\n      <g fill=\"#121212\" mask=\"url(#a)\">\n        <path d=\"m75.59 283.5-11.77-5.52c21.78-46.48 50.32-86.89 84.82-120.1a369.2 369.2 0 0 1 93.57-65.55c58.76-28.81 105.29-32.61 107.24-32.76l.98 12.96c-.46.04-46.42 3.85-103.02 31.72a356.1 356.1 0 0 0-90.03 63.25c-33.23 32.05-60.75 71.08-81.79 115.99z\" />\n        <path d=\"M236.52 370.55c-21.2-9.6-37.91-31.34-45.84-59.65-5.1-18.21-6.49-37.12-7.84-55.4-.41-5.62-.84-11.43-1.37-17.09-3.56-38.11-12.2-54.83-19.32-65.13-11.66-16.85-29.92-28.58-50.09-32.17s-41.36 1.11-58.12 12.9l-7.48-10.63c19.57-13.77 44.31-19.26 67.88-15.06 23.56 4.2 44.88 17.89 58.5 37.57 15.29 22.09 19.56 49.72 21.58 71.31.54 5.79.97 11.66 1.39 17.34 1.3 17.65 2.64 35.89 7.39 52.85 6.89 24.6 20.99 43.3 38.68 51.31l-5.36 11.84zm176.41-176.5c-4.88-18.8-20.91-35.88-43.97-46.86-15.9-7.57-33.65-12-50.81-16.29-5.53-1.38-11.25-2.81-16.86-4.33-20.94-5.67-47.43-14.59-66.6-33.41-17.07-16.77-26.93-40.12-27.05-64.05s9.5-47.38 26.41-64.32l9.2 9.18c-14.47 14.51-22.71 34.58-22.61 55.07s8.55 40.48 23.16 54.84c17.01 16.71 41.47 24.88 60.88 30.14 5.49 1.49 11.14 2.9 16.61 4.26 17.79 4.44 36.18 9.03 53.25 17.16 26.54 12.64 45.12 32.81 50.97 55.33l-12.58 3.27zM340.7 297.1c-23.98-55.66-60.18-106.36-104.7-146.62-35.86-32.43-76.85-58.31-121.83-76.91l4.97-12.01c46.36 19.17 88.61 45.84 125.58 79.28 45.89 41.5 83.21 93.76 107.92 151.12z\" />\n      </g>\n      <path\n        fill={props.color || theme.base.primary}\n        d=\"M471.43 549.47c86.482 0 156.59-70.108 156.59-156.59s-70.108-156.59-156.59-156.59-156.59 70.108-156.59 156.59 70.108 156.59 156.59 156.59\"\n      />\n      <mask\n        id=\"b\"\n        width={315}\n        height={314}\n        x={314}\n        y={236}\n        maskUnits=\"userSpaceOnUse\"\n        style={{\n          maskType: \"luminance\",\n        }}\n      >\n        <path\n          fill=\"#fff\"\n          d=\"M471.43 549.47c86.482 0 156.59-70.108 156.59-156.59s-70.108-156.59-156.59-156.59-156.59 70.108-156.59 156.59 70.108 156.59 156.59 156.59\"\n        />\n      </mask>\n      <g mask=\"url(#b)\">\n        <path\n          fill=\"#121212\"\n          d=\"m453.63 395.43-42.1-65.951-69.78 28.611-.77 79.87 78.18 22.119zm80.51-68.38-34.67 65.09 41.94 58.55 56.18-20.08 5.36-84.67zm-13.11-45.36 21.4-36.18-30.08-39.83-64.93-1.96-56.05 50.37 36.1 44.71zm-82.17 219.04-32.28 49.98 34.18 37.23 64.82-4.27 50.97-55.52-39.91-40.72z\"\n        />\n        <path\n          fill=\"#121212\"\n          d=\"M441.24 513.16c-21.64-32.93-36-65.17-42.69-95.82-5.41-24.78-5.84-48.58-1.3-70.75 7.81-38.11 27.54-58.06 28.37-58.89l8.71 8.74s-4.62 4.68-9.98 13.56c-4.93 8.17-11.57 21.71-15.17 39.85-4.06 20.43-3.53 42.45 1.56 65.45 6.42 29 20.15 59.64 40.82 91.09l-10.31 6.78zm76.16-13.98-7.85-9.52 3.93 4.76-3.94-4.75s5.03-4.24 11.19-12.59c5.66-7.68 13.51-20.55 18.77-38.29 5.92-19.97 7.43-41.94 4.47-65.31-3.72-29.46-14.58-61.24-32.26-94.46l10.89-5.8c18.52 34.78 29.85 68.21 33.69 99.35 3.1 25.17 1.35 48.91-5.22 70.57-11.28 37.23-32.76 55.28-33.67 56.03zm111.093-211.353-37.267 59.408 10.454 6.558 37.267-59.409zm-32.42 133.941-8.783 8.668 45.501 46.109 8.784-8.668zm-254.119 8.211-31.24 49.802 10.453 6.558 31.241-49.803zm-23.683-116.775-9.815 7.48 34.519 45.296 9.815-7.48zm187.996 72.342-60.224 4.042.826 12.312 60.225-4.042z\"\n        />\n        <mask\n          id=\"c\"\n          width={389}\n          height={330}\n          x={319}\n          y={263}\n          maskUnits=\"userSpaceOnUse\"\n          style={{\n            maskType: \"luminance\",\n          }}\n        >\n          <path\n            fill=\"#fff\"\n            d=\"M584.85 263.9s-18.02 233.29-265.54 251.31l165.96 77.76 221.91-178.29-45.52-104.32-76.82-46.47z\"\n          />\n        </mask>\n        <g fill=\"#121212\" mask=\"url(#c)\">\n          <path d=\"m241.1 398.68-3.2 2.45 248.06 324.21 3.2-2.45zm8.25-6.31-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68L502.6 712.62l3.5-2.68zm8.69-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.66-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.66-3.5 2.68L580.8 652.78l3.5-2.68zm8.68-6.63-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.65-3.5 2.68L598.16 639.5l3.5-2.68zm8.7-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.649-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.641-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.66-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.66-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.63-3.5 2.68 248.06 324.21 3.5-2.68zm8.67-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.66-3.5 2.68L711.1 553.07l3.5-2.68zm8.69-6.63-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.66-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.649-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.641-3.5 2.68 248.06 324.21 3.5-2.68zm8.67-6.649-3.5 2.68L780.59 499.91l3.5-2.68zm8.69-6.651-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68z\" />\n        </g>\n      </g>\n      <path\n        fill=\"#fff\"\n        d=\"M454.3 165.29c31.558 0 57.14-25.583 57.14-57.14s-25.582-57.14-57.14-57.14c-31.557 0-57.14 25.582-57.14 57.14 0 31.557 25.583 57.14 57.14 57.14\"\n      />\n      <mask\n        id=\"d\"\n        width={115}\n        height={115}\n        x={397}\n        y={51}\n        maskUnits=\"userSpaceOnUse\"\n        style={{\n          maskType: \"luminance\",\n        }}\n      >\n        <path\n          fill=\"#fff\"\n          d=\"M454.3 165.29c31.558 0 57.14-25.583 57.14-57.14s-25.582-57.14-57.14-57.14c-31.557 0-57.14 25.582-57.14 57.14 0 31.557 25.583 57.14 57.14 57.14\"\n        />\n      </mask>\n      <g fill={props.color || theme.base.primary} mask=\"url(#d)\">\n        <path d=\"M498.29 76.83a56.2 56.2 0 0 0-16.38 11.56 46.2 46.2 0 0 0-12.24-3.34L468 97.94c1.91.25 3.79.67 5.64 1.25a57 57 0 0 0-4.39 9.299c-5.13 14.09-4.47 29.33 1.86 42.92s17.58 23.9 31.66 29.04l4.45-12.21c-10.82-3.94-19.47-11.87-24.33-22.31s-5.37-22.16-1.43-32.98c.97-2.66 2.18-5.18 3.61-7.56a33.2 33.2 0 0 1 5.22 5.44l10.34-7.88c-2.14-2.8-4.56-5.32-7.24-7.55 3.08-2.72 6.56-5.01 10.38-6.79 10.44-4.86 22.16-5.37 32.98-1.43l4.45-12.21c-14.09-5.13-29.33-4.47-42.92 1.86zm-56.06-23.8c-6.59-13.47-18.04-23.56-32.22-28.42l-4.21 12.3c10.9 3.73 19.69 11.49 24.76 21.84 1.85 3.79 3.12 7.76 3.81 11.81-3.48.05-6.95.48-10.38 1.32l3.09 12.63c2.47-.6 4.97-.92 7.48-.95-.38 2.74-1.02 5.47-1.94 8.14-3.73 10.899-11.49 19.689-21.84 24.759-10.35 5.06-22.05 5.8-32.95 2.06l-4.21 12.3c5.97 2.04 12.12 3.06 18.24 3.06 8.44 0 16.83-1.93 24.63-5.75 13.47-6.59 23.56-18.04 28.42-32.22a56 56 0 0 0 2.43-9.99c1.79.71 3.53 1.57 5.17 2.57l6.8-11.08a46 46 0 0 0-11.61-5.09 56.1 56.1 0 0 0-5.47-19.29\" />\n      </g>\n      <path\n        fill={props.color || theme.base.primary}\n        d=\"M597.98 231.149c22.517 0 40.77-18.253 40.77-40.77 0-22.516-18.253-40.77-40.77-40.77-22.516 0-40.77 18.254-40.77 40.77s18.254 40.77 40.77 40.77\"\n      />\n      <path\n        fill=\"#121212\"\n        d=\"M592.568 182.151c6.248-6.012 7.37-14.984 2.507-20.037-4.864-5.054-13.871-4.277-20.119 1.735s-7.37 14.983-2.507 20.037c4.864 5.054 13.871 4.277 20.119-1.735\"\n      />\n    </svg>\n  );\n};\nexport default SportsStickerOnDark;\n"],"names":[],"mappings":";;;AASA;AACE;AACA;AAUI;AAAgD;AAGnB;AAIsG;AAS1H;AACK;AAOd;AAEE;AAAwP;AAC+wB;AACzgC;AAG8I;AASrI;AACK;AAOd;AAEE;AAEkR;AAImiB;AAS5yB;AACK;AAOd;AAGA;AACF;AAGoJ;AAS3I;AACK;AAOd;AAGA;AAGoJ;AAIa;AAIvK;;;;"}

package/dist/index101.cjs

@@ -0,0 +1,41 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const styled = require("styled-components");
+const SportsSticker = (props) => {
+  const theme = styled.useTheme();
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { fill: "none", viewBox: "0 0 701 600", width: props.size || "10em", height: props.size || "10em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#121212", d: "M700.13 474H489v48h211.13z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: props.color || theme.base.primary, d: "M184.74 76H0v48h184.74z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#121212", d: "M227.6 321.82c74.785 0 135.41-60.625 135.41-135.41S302.385 51 227.6 51 92.19 111.625 92.19 186.41s60.625 135.41 135.41 135.41" }),
+    /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "a", width: 272, height: 271, x: 92, y: 51, maskUnits: "userSpaceOnUse", style: {
+      maskType: "luminance"
+    }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M227.6 321.82c74.785 0 135.41-60.625 135.41-135.41S302.385 51 227.6 51 92.19 111.625 92.19 186.41s60.625 135.41 135.41 135.41" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "#fff", mask: "url(#a)", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m75.59 283.5-11.77-5.52c21.78-46.48 50.32-86.89 84.82-120.1a369.2 369.2 0 0 1 93.57-65.55c58.76-28.81 105.29-32.61 107.24-32.76l.98 12.96c-.46.04-46.42 3.85-103.02 31.72a356.1 356.1 0 0 0-90.03 63.25c-33.23 32.05-60.75 71.08-81.79 115.99z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M236.52 370.55c-21.2-9.6-37.91-31.34-45.84-59.65-5.1-18.21-6.49-37.12-7.84-55.4-.41-5.62-.84-11.43-1.37-17.09-3.56-38.11-12.2-54.83-19.32-65.13-11.66-16.85-29.92-28.58-50.09-32.17s-41.36 1.11-58.12 12.9l-7.48-10.63c19.57-13.77 44.31-19.26 67.88-15.06 23.56 4.2 44.88 17.89 58.5 37.57 15.29 22.09 19.56 49.72 21.58 71.31.54 5.79.97 11.66 1.39 17.34 1.3 17.65 2.64 35.89 7.39 52.85 6.89 24.6 20.99 43.3 38.68 51.31l-5.36 11.84zm176.41-176.5c-4.88-18.8-20.91-35.88-43.97-46.86-15.9-7.57-33.65-12-50.81-16.29-5.53-1.38-11.25-2.81-16.86-4.33-20.94-5.67-47.43-14.59-66.6-33.41-17.07-16.77-26.93-40.12-27.05-64.05s9.5-47.38 26.41-64.32l9.2 9.18c-14.47 14.51-22.71 34.58-22.61 55.07s8.55 40.48 23.16 54.84c17.01 16.71 41.47 24.88 60.88 30.14 5.49 1.49 11.14 2.9 16.61 4.26 17.79 4.44 36.18 9.03 53.25 17.16 26.54 12.64 45.12 32.81 50.97 55.33l-12.58 3.27zM340.7 297.1c-23.98-55.66-60.18-106.36-104.7-146.62-35.86-32.43-76.85-58.31-121.83-76.91l4.97-12.01c46.36 19.17 88.61 45.84 125.58 79.28 45.89 41.5 83.21 93.76 107.92 151.12z" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: props.color || theme.base.primary, d: "M471.43 549.47c86.482 0 156.59-70.108 156.59-156.59s-70.108-156.59-156.59-156.59-156.59 70.108-156.59 156.59 70.108 156.59 156.59 156.59" }),
+    /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "b", width: 315, height: 314, x: 314, y: 236, maskUnits: "userSpaceOnUse", style: {
+      maskType: "luminance"
+    }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M471.43 549.47c86.482 0 156.59-70.108 156.59-156.59s-70.108-156.59-156.59-156.59-156.59 70.108-156.59 156.59 70.108 156.59 156.59 156.59" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { mask: "url(#b)", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#121212", d: "m453.63 395.43-42.1-65.951-69.78 28.611-.77 79.87 78.18 22.119zm80.51-68.38-34.67 65.09 41.94 58.55 56.18-20.08 5.36-84.67zm-13.11-45.36 21.4-36.18-30.08-39.83-64.93-1.96-56.05 50.37 36.1 44.71zm-82.17 219.04-32.28 49.98 34.18 37.23 64.82-4.27 50.97-55.52-39.91-40.72z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#121212", d: "M441.24 513.16c-21.64-32.93-36-65.17-42.69-95.82-5.41-24.78-5.84-48.58-1.3-70.75 7.81-38.11 27.54-58.06 28.37-58.89l8.71 8.74s-4.62 4.68-9.98 13.56c-4.93 8.17-11.57 21.71-15.17 39.85-4.06 20.43-3.53 42.45 1.56 65.45 6.42 29 20.15 59.64 40.82 91.09l-10.31 6.78zm76.16-13.98-7.85-9.52 3.93 4.76-3.94-4.75s5.03-4.24 11.19-12.59c5.66-7.68 13.51-20.55 18.77-38.29 5.92-19.97 7.43-41.94 4.47-65.31-3.72-29.46-14.58-61.24-32.26-94.46l10.89-5.8c18.52 34.78 29.85 68.21 33.69 99.35 3.1 25.17 1.35 48.91-5.22 70.57-11.28 37.23-32.76 55.28-33.67 56.03zm111.094-211.353-37.267 59.408 10.453 6.558 37.267-59.409zm-32.421 133.941-8.783 8.668 45.502 46.109 8.783-8.668zm-254.118 8.211-31.241 49.802 10.453 6.558 31.241-49.803zm-23.684-116.775-9.814 7.48 34.518 45.296 9.815-7.48zm187.996 72.342-60.224 4.042.826 12.312 60.225-4.042z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "c", width: 389, height: 330, x: 319, y: 263, maskUnits: "userSpaceOnUse", style: {
+        maskType: "luminance"
+      }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M584.85 263.9s-18.02 233.29-265.54 251.31l165.96 77.76 221.91-178.29-45.52-104.32-76.82-46.47z" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("g", { fill: "#121212", mask: "url(#c)", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m241.1 398.68-3.2 2.45 248.06 324.21 3.2-2.45zm8.25-6.31-3.5 2.68 248.06 324.21 3.5-2.68zm8.691-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.689-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.681-6.66-3.5 2.68 248.06 324.21 3.5-2.68zm8.699-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.66-3.5 2.68L580.8 652.78l3.5-2.68zm8.68-6.63-3.5 2.68 248.06 324.21 3.5-2.68zm8.681-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.699-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.649-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.641-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.66-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.66-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.63-3.5 2.68 248.06 324.21 3.5-2.68zm8.67-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.681-6.66-3.5 2.68L711.1 553.07l3.5-2.68zm8.689-6.63-3.5 2.68 248.06 324.21 3.5-2.68zm8.68-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.691-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.679-6.66-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68zm8.7-6.649-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.641-3.5 2.68 248.06 324.21 3.5-2.68zm8.67-6.649-3.5 2.68L780.59 499.91l3.5-2.68zm8.69-6.651-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.65-3.5 2.68 248.06 324.21 3.5-2.68zm8.69-6.64-3.5 2.68 248.06 324.21 3.5-2.68z" }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#121212", d: "M454.3 165.29c31.558 0 57.14-25.583 57.14-57.14s-25.582-57.14-57.14-57.14c-31.557 0-57.14 25.582-57.14 57.14 0 31.557 25.583 57.14 57.14 57.14" }),
+    /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "d", width: 115, height: 115, x: 397, y: 51, maskUnits: "userSpaceOnUse", style: {
+      maskType: "luminance"
+    }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M454.3 165.29c31.558 0 57.14-25.583 57.14-57.14s-25.582-57.14-57.14-57.14c-31.557 0-57.14 25.582-57.14 57.14 0 31.557 25.583 57.14 57.14 57.14" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("g", { fill: props.color || theme.base.primary, mask: "url(#d)", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M498.29 76.83a56.2 56.2 0 0 0-16.38 11.56 46.2 46.2 0 0 0-12.24-3.34L468 97.94c1.91.25 3.79.67 5.64 1.25a57 57 0 0 0-4.39 9.299c-5.13 14.09-4.47 29.33 1.86 42.92s17.58 23.9 31.66 29.04l4.45-12.21c-10.82-3.94-19.47-11.87-24.33-22.31s-5.37-22.16-1.43-32.98c.97-2.66 2.18-5.18 3.61-7.56a33.2 33.2 0 0 1 5.22 5.44l10.34-7.88c-2.14-2.8-4.56-5.32-7.24-7.55 3.08-2.72 6.56-5.01 10.38-6.79 10.44-4.86 22.16-5.37 32.98-1.43l4.45-12.21c-14.09-5.13-29.33-4.47-42.92 1.86zm-56.06-23.8c-6.59-13.47-18.04-23.56-32.22-28.42l-4.21 12.3c10.9 3.73 19.69 11.49 24.76 21.84 1.85 3.79 3.12 7.76 3.81 11.81-3.48.05-6.95.48-10.38 1.32l3.09 12.63c2.47-.6 4.97-.92 7.48-.95-.38 2.74-1.02 5.47-1.94 8.14-3.73 10.899-11.49 19.689-21.84 24.759-10.35 5.06-22.05 5.8-32.95 2.06l-4.21 12.3c5.97 2.04 12.12 3.06 18.24 3.06 8.44 0 16.83-1.93 24.63-5.75 13.47-6.59 23.56-18.04 28.42-32.22a56 56 0 0 0 2.43-9.99c1.79.71 3.53 1.57 5.17 2.57l6.8-11.08a46 46 0 0 0-11.61-5.09 56.1 56.1 0 0 0-5.47-19.29" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: props.color || theme.base.primary, d: "M597.98 231.149c22.517 0 40.77-18.253 40.77-40.77 0-22.516-18.253-40.77-40.77-40.77-22.516 0-40.77 18.254-40.77 40.77s18.254 40.77 40.77 40.77" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M592.568 182.151c6.248-6.012 7.37-14.984 2.507-20.037-4.864-5.054-13.871-4.277-20.119 1.735s-7.37 14.983-2.507 20.037c4.864 5.054 13.871 4.277 20.119-1.735" })
+  ] });
+};
+exports.default = SportsSticker;
+//# sourceMappingURL=index101.cjs.map