@fluidattacks/design 3.1.13 → 3.2.0

package/dist/styles-B2N0JLw1.mjs

@@ -1,114 +0,0 @@
-import { styled as o } from "styled-components";
-import { v as n } from "./utils-V0EumEPM.mjs";
-import { a as t } from "./styles-CplEd2kw.mjs";
-import "react/jsx-runtime";
-const { getVariant: i } = n(
-  (a) => ({
-    ghost: `
-      background: transparent;
-      border: none;
-      color: ${a.palette.gray[800]};
-      --btn-padding-x: ${a.spacing[0.5]};
-      --btn-padding-y: ${a.spacing[0.625]};
-      --btn-spacing: ${a.spacing[0.25]};
-
-      &:disabled {
-        color: ${a.palette.gray[400]};
-        cursor: not-allowed;
-      }
-
-      &:hover:not([disabled]) {
-        background-color: ${a.palette.gray[100]};
-        color: ${a.palette.gray[800]};
-      }
-    `,
-    link: `
-      --btn-padding-x: 0;
-      --btn-padding-y: 0;
-      color: ${a.palette.gray[800]};
-
-      &:hover {
-        color: ${a.palette.gray[500]};
-      }
-    `,
-    primary: `
-      background: ${a.palette.primary[500]};
-      border: none;
-      color: ${a.palette.white};
-      --btn-spacing: ${a.spacing[0.25]};
-
-      &:disabled {
-        background: ${a.palette.gray[200]};
-        color: ${a.palette.gray[400]};
-        cursor: not-allowed;
-      }
-
-      &:hover:not([disabled]) {
-        background-color: ${a.palette.primary[700]};
-        color: ${a.palette.white};
-      }
-    `,
-    secondary: `
-      background: ${a.palette.gray[800]};
-      border: none;
-      color: ${a.palette.white};
-      --btn-spacing: ${a.spacing[0.25]};
-
-      &:disabled {
-        background: ${a.palette.gray[200]};
-        color: ${a.palette.gray[400]};
-        cursor: not-allowed;
-      }
-
-      &:hover:not([disabled]) {
-        background-color: ${a.palette.gray[600]};
-        color: ${a.palette.white};
-      }
-    `,
-    tertiary: `
-      background: transparent;
-      border: 1px solid ${a.palette.primary[500]};
-      color: ${a.palette.primary[500]};
-      --btn-spacing: ${a.spacing[0.25]};
-
-      &:disabled {
-        background: transparent;
-        border: 1px solid ${a.palette.gray[200]};
-        color: ${a.palette.gray[300]};
-        cursor: not-allowed;
-      }
-
-      &:hover:not([disabled]) {
-        background-color: ${a.palette.primary[500]};
-        color: ${a.palette.white};
-      }
-    `
-  })
-), c = o(t)`
-  ${({ theme: a, $variant: r }) => `
-    align-items: center;
-    border-radius: var(--btn-spacing);
-    cursor: pointer;
-    display: inline-flex;
-    font-family: ${a.typography.type.primary};
-    font-size: ${a.typography.text.sm};
-    font-weight: ${a.typography.weight.regular};
-    gap: var(--btn-spacing);
-    justify-content: center;
-    line-height: ${a.spacing[1.25]};
-    padding: var(--btn-padding-y) var(--btn-padding-x);
-    position: relative;
-    text-align: start;
-    transition: all 0.5s ease;
-    white-space: nowrap;
-
-    @media screen and (max-width: ${a.breakpoints.mobile}) {
-      ${r !== "link" ? `--btn-padding-y: ${a.spacing[1]}` : ""};
-    }
-
-    ${i(a, r ?? "primary")}
-  `}
-`;
-export {
-  c as S
-};

package/dist/styles-B64DVBIF.mjs

@@ -1,115 +0,0 @@
-import { styled as b } from "styled-components";
-import { b as c } from "./styles-CplEd2kw.mjs";
-import "react/jsx-runtime";
-const h = b(c)`
-  ${({
-  theme: t,
-  $bgGradient: n = "unset",
-  $color: i = t.palette.gray[800],
-  $display: a = "block",
-  $fontFamily: r = t.typography.type.primary,
-  $fontWeight: p = "bold",
-  $letterSpacing: e = 0,
-  $lineSpacing: l = 1.5,
-  $lineSpacingSm: g,
-  $size: o,
-  $sizeMd: y,
-  $sizeSm: d,
-  $textFill: $ = "unset",
-  $wordBreak: s = "normal"
-}) => `
-    background: ${n};
-    color: ${i};
-    display: ${a};
-    font-family: ${r};
-    font-size: ${t.typography.heading[o]};
-    font-weight: ${t.typography.weight[p]};
-    letter-spacing: ${e};
-    line-height: ${t.spacing[l]};
-    width: ${a === "block" ? "100%" : "auto"};
-    word-break: ${s};
-    background-clip: text;
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: ${$};
-
-    @media screen
-      and (min-width: ${t.breakpoints.mobile})
-      and (max-width: ${t.breakpoints.tablet})
-    {
-      font-size: ${t.typography.heading[y ?? o]};
-    }
-
-    @media screen and (max-width: ${t.breakpoints.mobile}) {
-      font-size: ${t.typography.heading[d ?? o]};
-      line-height: ${t.spacing[g ?? l]};
-    }
-  `}
-`, u = b(c)`
-  ${({
-  theme: t,
-  $bgGradient: n = "unset",
-  $color: i = t.palette.gray[600],
-  $display: a = "block",
-  $fontFamily: r = t.typography.type.primary,
-  $fontWeight: p = "regular",
-  $letterSpacing: e = 0,
-  $lineSpacing: l = 1.25,
-  $lineSpacingSm: g,
-  $size: o,
-  $sizeMd: y,
-  $sizeSm: d,
-  $textFill: $ = "unset",
-  $wordBreak: s = "normal"
-}) => `
-    background: ${n};
-    color: ${i};
-    display: ${a};
-    font-family: ${r};
-    font-size: ${t.typography.text[o]};
-    font-weight: ${t.typography.weight[p]};
-    letter-spacing: ${e};
-    line-height: ${t.spacing[l]};
-    width: ${a === "block" ? "100%" : "auto"};
-    word-break: ${s};
-    background-clip: text;
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: ${$};
-
-    @media screen
-      and (min-width: ${t.breakpoints.mobile})
-      and (max-width: ${t.breakpoints.tablet})
-    {
-      font-size: ${t.typography.text[y ?? o]};
-    }
-
-    @media screen and (max-width: ${t.breakpoints.mobile}) {
-      font-size: ${t.typography.text[d ?? o]};
-      line-height: ${t.spacing[g ?? l]};
-    }
-  `}
-`, x = b.span`
-  ${({
-  theme: t,
-  $color: n = t.palette.gray[600],
-  $content: i = void 0,
-  $display: a = "inline",
-  $fontWeight: r = "regular",
-  $size: p,
-  $lineSpacing: e = 1.25
-}) => `
-    color: ${n};
-    display: ${a};
-    font-family: ${t.typography.type.primary};
-    font-size: ${t.typography.text[p]};
-    font-weight: ${t.typography.weight[r]};
-    line-height: ${t.spacing[e]};
-    width: ${a === "block" ? "100%" : "auto"};
-
-    ${i === void 0 ? "" : `&::after { content: "${i}"; }`}
-  `}
-`;
-export {
-  h as S,
-  x as a,
-  u as b
-};

package/dist/styles-BXFVwnWT.mjs

@@ -1,133 +0,0 @@
-import { styled as i } from "styled-components";
-const a = i.div`
-  ${({ theme: t }) => `
-    align-items: flex-start;
-    display: inline-flex;
-    flex-direction: column;
-    gap: ${t.spacing[0.25]};
-    position: relative;
-    width: 100%;
-
-    label {
-      color: ${t.palette.gray[800]};
-    }
-
-    &:has(input.date-input) {
-      div {
-        padding-right: 0;
-      }
-    }
-
-    &:has(input[type="file"]) {
-      div {
-        border-right: unset;
-        padding-right: 0;
-
-        &:hover, &:focus-within {
-          border-right: unset;
-        }
-      }
-    }
-
-    > *:not(.error-msg) {
-      font-family: ${t.typography.type.primary};
-      font-size: ${t.typography.text.sm};
-      font-style: normal;
-      font-weight: ${t.typography.weight.regular};
-      line-height: ${t.spacing[1.25]};
-    }
-  `}
-`, n = i.div`
-  ${({ theme: t }) => `
-    align-items: center;
-    display: flex;
-    border-radius: ${t.spacing[0.5]};
-    border: 1px solid;
-    border-color: ${t.palette.gray[300]};
-    color: ${t.palette.gray[600]};
-    gap: ${t.spacing[0.625]};
-    justify-content: space-between;
-    height: 40px;
-    padding: ${t.spacing[0.625]} ${t.spacing[0.75]};
-    width: 100%;
-    white-space: nowrap;
-
-    input, textarea {
-      background: inherit;
-      color: ${t.palette.gray[800]};
-      cursor: inherit;
-      outline: none;
-      resize: none;
-      width: 100%;
-
-      &::placeholder {
-        color: ${t.palette.gray[400]};
-      }
-
-      &:focus-visible {
-        outline: none;
-      }
-
-      &[type="number"] {
-        appearance: textfield;
-      }
-
-      &::-webkit-outer-spin-button,
-      &::-webkit-inner-spin-button {
-        appearance: none;
-        margin: 0;
-      }
-    }
-
-    input.date-input {
-      display: none;
-      width: 0;
-    }
-
-    &:has(textarea) {
-      align-items: start;
-      height: auto;
-    }
-
-    &:has(input[type="number"]) {
-      padding-right: 0;
-    }
-
-    textarea {
-      min-height: ${t.spacing[6]};
-    }
-
-    span:not(.action) {
-      font-size: 14px;
-    }
-
-    &.disabled {
-      background: ${t.palette.gray[100]};
-      color: ${t.palette.gray[400]};
-      cursor: not-allowed;
-    }
-
-    &.error:not(.disabled) {
-      border: 1px solid ${t.palette.error[500]};
-    }
-
-    &:focus-within:not(.disabled, .error) {
-      background: ${t.palette.white};
-      border: 2px solid ${t.palette.black};
-
-      button.action-btn {
-        height: 36px;
-        width: 40px;
-      }
-    }
-
-    &:hover:not(:focus-within, .disabled, .error) {
-      background: ${t.palette.white};
-      border: 1px solid ${t.palette.gray[600]};
-    }
-  `}
-`;
-export {
-  n as S,
-  a
-};

package/dist/styles-BZQOqe8p.mjs

@@ -1,141 +0,0 @@
-import { styled as a } from "styled-components";
-import { v as n } from "./utils-V0EumEPM.mjs";
-import "./styles-CplEd2kw.mjs";
-import "react/jsx-runtime";
-const { getVariant: o } = n(
-  (i) => ({
-    lg: `
-      @media screen and (min-width: ${i.breakpoints.sm}) {
-        width: 72%;
-      }
-      @media screen and (max-width: ${i.breakpoints.sm}) {
-        width: 80%;
-      }
-    `,
-    md: `
-      @media screen and (min-width: ${i.breakpoints.sm}) {
-        width: 48%;
-      }
-      @media screen and (max-width: ${i.breakpoints.sm}) {
-        width: 60%;
-      }
-    `,
-    sm: `
-      @media screen and (min-width: ${i.breakpoints.sm}) {
-        width: 32%;
-      }
-      @media screen and (max-width: ${i.breakpoints.sm}) {
-        width: 40%;
-      }
-    `
-  })
-), c = a.div.attrs({
-  className: "comp-modal fixed inset-0 overflow-auto"
-})`
-  align-items: center;
-  background-color: rgb(52 64 84 / 70%);
-  display: flex;
-  justify-content: center;
-  z-index: 99999;
-`, l = a.div`
-  ${({ theme: i, $size: t }) => `
-    background-color: ${i.palette.white};
-    border: 1px solid ${i.palette.gray[200]};
-    border-radius: ${i.spacing[0.25]};
-    color: ${i.palette.gray[800]};
-    display: flex;
-    flex-direction: column;
-    font-family: ${i.typography.type.primary};
-    font-size: ${i.typography.text.sm};
-    max-height: 80%;
-    min-height: minmax(max-content, 32%);
-    overflow: hidden auto;
-    padding: ${i.spacing[1.5]};
-    box-shadow: ${i.shadows.lg};
-    margin: auto;
-    white-space: pre-line;
-
-    > *:not(img) {
-      margin-bottom: ${i.spacing[1.5]};
-    }
-
-    > *:last-child {
-      margin-bottom: 0;
-    }
-
-    &#table-column-toggle {
-      @media screen and (min-width: ${i.breakpoints.sm}) {
-        width: 24%;
-      }
-      @media screen and (max-width: ${i.breakpoints.sm}) {
-        width: 32%;
-      }
-    }
-
-    ${o(i, t)}
-  `}
-`, m = a.div`
-  display: block;
-  overflow: unset;
-  height: max-content;
-  max-height: 100%;
-  max-width: 100%;
-  position: static;
-`, p = a.div.attrs({
-  className: "flex items-center justify-between mb-1.5"
-})``, g = a.div`
-  ${({ theme: i }) => `
-    display: flex;
-    flex-direction: row;
-    gap: ${i.spacing[0.75]};
-    justify-content: space-between;
-    margin: 0;
-    max-width: 392px;
-
-    > label {
-      margin: 0;
-      flex: 1 1 auto;
-    }
-
-    > div {
-      display: flex;
-      flex-direction: row;
-      flex: 1 1 auto;
-      gap: ${i.spacing[0.75]};
-      margin-right: ${i.spacing[0.75]};
-
-      > button {
-        justify-content: center;
-        max-width: 190px;
-      }
-    }
-
-    > div:last-child {
-      margin-right: 0;
-    }
-  `}
-`, x = a.div`
-  img {
-    margin: 0 calc(-${({ theme: i }) => i.spacing[1.5]} - 1px)
-      ${({ theme: i }) => i.spacing[1.5]};
-
-    min-width: calc(100% + 2px + ${({ theme: i }) => i.spacing[3]});
-    height: 185px;
-    object-fit: cover;
-
-    ${({ $framed: i = !1 }) => i ? `
-            border-radius: 8px;
-            min-width: 100%;
-            margin-left: 0;
-            margin-right: 0;
-          ` : ""}
-  }
-`;
-export {
-  g as F,
-  m as H,
-  x as I,
-  c as M,
-  p as T,
-  l as a
-};

package/dist/styles-Bdque9TT.mjs

@@ -1,65 +0,0 @@
-import { styled as r } from "styled-components";
-const i = r.li`
-  ${({ theme: a }) => `
-    align-items: center;
-    background-color: ${a.palette.white};
-    color: ${a.palette.gray[800]};
-    cursor: pointer;
-    display: flex;
-    font-size: ${a.typography.text.sm};
-    font-weight: ${a.typography.weight.regular};
-    justify-content: space-between;
-    gap: ${a.spacing[0.625]};
-    line-height: ${a.spacing[1.25]};
-    list-style-type: none;
-    min-height: 40px;
-    min-width: 240px;
-    padding: ${a.spacing[0.625]} ${a.spacing[1]};
-    pointer-events: auto;
-
-    p,
-    a {
-      word-break: break-word;
-    }
-
-    & > label {
-      margin: unset;
-    }
-
-    a {
-      color: ${a.palette.gray[500]};
-    }
-
-    &[aria-disabled="true"] {
-      color: ${a.palette.gray[300]};
-      pointer-events: none;
-
-      a {
-        color: ${a.palette.gray[300]};
-      }
-    }
-
-    &[aria-selected="true"] {
-      background-color: ${a.palette.gray[200]};
-    }
-
-    &:hover:not([aria-selected="true"]) {
-      background-color: ${a.palette.gray[100]};
-    }
-  `}
-`, t = r.ul`
-  ${({ theme: a }) => `
-    background-color: ${a.palette.white};
-    border: 1px solid ${a.palette.gray[200]};
-    border-radius: ${a.spacing[0.25]};
-    box-shadow: ${a.shadows.md};
-    display: inline-block;
-    margin: unset;
-    min-width: 240px;
-    padding: ${a.spacing[0.25]} 0 ${a.spacing[0.25]} 0;
-  `}
-`;
-export {
-  i as L,
-  t as a
-};

package/dist/styles-BlHspTrz.mjs

@@ -1,144 +0,0 @@
-import { styled as i, css as n } from "styled-components";
-const e = i.div`
-  ${({ theme: t }) => `
-    align-items: center;
-    color: ${t.palette.gray[800]};
-    display: flex;
-    font-family: ${t.typography.type.primary};
-    font-size: ${t.typography.text.sm};
-    font-weight: ${t.typography.weight.bold};
-    gap: ${t.spacing[0.5]};
-    height: 40px;
-    justify-content: center;
-    line-height: ${t.spacing[1.25]};
-    text-align: center;
-    padding: ${t.spacing[0.5]} 0;
-    width: 200px;
-    word-spacing: ${t.spacing[0.25]};
-
-    &:not(:hover) .year-selection {
-      display: none;
-    }
-  `}
-`, s = i.div.attrs({ className: "year-selection" })`
-  align-items: flex-start;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  height: 14px;
-  justify-content: center;
-  margin-bottom: 10px;
-  padding: 0 0.5px;
-  position: relative;
-  width: 8px;
-`, r = i.tr`
-  align-items: flex-start;
-  display: flex;
-  padding: ${({ theme: t }) => t.spacing[0.25]} 0;
-  width: 100%;
-`, a = n`
-  ${({ theme: t }) => `
-    align-items: center;
-    color: ${t.palette.gray[800]};
-    cursor: pointer;
-    display: flex;
-    flex-direction: column;
-    font-family: ${t.typography.type.primary};
-    font-size: ${t.typography.text.sm};
-    font-weight: ${t.typography.weight.regular};
-    height: ${t.spacing[2.5]};
-    justify-content: center;
-    line-height: ${t.spacing[1.25]};
-    text-align: center;
-    width: ${t.spacing[2.5]};
-  `}
-`, p = i.th`
-  ${a}
-`, l = i.td`
-  ${({ theme: t }) => `
-    ${a}
-    height: ${t.spacing[2.5]};
-    width: ${t.spacing[2.5]};
-
-    &#range {
-      background: ${t.palette.primary[25]};
-    }
-
-    div:not(.dot) {
-      align-items: center;
-      display: flex;
-      flex-direction: column;
-      font-size: ${t.typography.text.sm};
-      justify-content: center;
-      height: ${t.spacing[2.5]};
-      line-height: ${t.spacing[1.25]};
-      position: relative;
-      text-align: center;
-      width: ${t.spacing[2.5]};
-
-      &:focus-visible {
-        outline: none;
-      }
-
-      &:hover:not(.disabled, .selected, .range) {
-        background: ${t.palette.gray[100]};
-      }
-
-      &.disabled {
-        color: ${t.palette.gray[400]};
-        cursor: auto;
-      }
-
-      &.selected {
-        background: ${t.palette.primary[500]};
-        color: ${t.palette.white};
-      }
-
-      &.focused {
-        border: 2px solid ${t.palette.primary[500]};
-      }
-
-      &.today:not(.selected) {
-        color: ${t.palette.primary[500]};
-        font-weight: ${t.typography.weight.bold};
-      }
-    }
-  `}
-`, c = i.div.attrs({ className: "dot" })`
-  position: absolute;
-  top: 48%;
-
-  > span {
-    font-size: 4px;
-  }
-`, g = i.button`
-  cursor: pointer;
-  display: flex;
-
-  > span {
-    height: 3.5px;
-    width: 7px;
-  }
-`, d = i.div`
-  ${({ theme: t }) => `
-    align-items: end;
-    border-top: 1px solid ${t.palette.gray[200]};
-    display: flex;
-    flex-direction: row-reverse;
-    gap: ${t.spacing[0.5]};
-    height: 44px;
-    margin-bottom: ${t.spacing[0.25]};
-    padding: 0 ${t.spacing[0.25]};
-    width: 100%;
-  `}
-`;
-export {
-  g as C,
-  p as D,
-  d as F,
-  e as T,
-  r as W,
-  s as Y,
-  l as a,
-  c as b
-};