trepur_components 2.3.8 → 2.3.9

package/lib/styles/themes/local.css

@@ -1,40 +0,0 @@
-body {
-  --color-primary: #0036a0;
-  --color-secondary: #e2e2e2;
-  --color-tertiary: #921457;
-  --color-ink: #495863;
-  --color-transparent: transparent;
-  --color-white: #ffffff;
-  --color-black: #000000;
-  --color-red: #bb0a1e;
-  --color-grey: #2c373b;
-  --color-light-grey: #495c63;
-  --color-lightest-grey: #f5f5f5;
-  --color-primary-strict: #ff007d;
-  --color-border: #d0d0d0;
-  --color-border-lightest: #eeeeee;
-  --color-border-light: #d8d8d8;
-  --color-border-dark: #616161;
-  --color-error-light: #ffd9d9;
-  --color-success-light: #e7f5e7;
-  --color-facebook: #3b5999;
-  --color-whatsapp: #25d366;
-  --color-twitter: #55acee;
-  --color-linkedin: #0a66c2;
-  --color-email: #c71610;
-  --color-github: #171515;
-  --color-instagram: #8a3ab9;
-  --color-interactive-facebook: #2d4474;
-  --color-interactive-whatsapp: #25d566;
-  --color-interactive-twitter: #55acee;
-  --color-interactive-linkedin: #0a66c2;
-  --color-interactive-instagram: #6d2e92;
-  --color-interactive-email: #9f110c;
-  --color-interactive-github: #000000;
-  --color-gold: #e2b13c;
-  --color-error: #b11013;
-  --color-warning: #ffd35c;
-  --color-success: #69c364;
-  --color-info-light: #d8eaf5;
-  --color-linkedin: #0e76a8;
-}

package/lib/styles/themes/palette.css

@@ -1,131 +0,0 @@
-* {
-  /* Palette */
-  --hsl-black: 0 0% 0%;
-  --hsl-white: 0 0% 100%;
-
-  /* Blue */
-  --hsl-blue-100: 240 100% 15%;
-  --hsl-blue-90: 240 91% 26%;
-  --hsl-blue-80: 239 82.1% 44%;
-  --hsl-blue-70: 235 89.8% 57.8%;
-  --hsl-blue-60: 233 92.4% 63.7%;
-  --hsl-blue-50: 230 94.7% 70.4%;
-  --hsl-blue-40: 227 96.4% 78.4%;
-  --hsl-blue-30: 224 97% 87.1%;
-  --hsl-blue-20: 222 100% 91.6%;
-  --hsl-blue-10: 222 100% 96.1%;
-
-  /* Cyan */
-  --hsl-cyan-100: 198.1 96.4% 10.8%;
-  --hsl-cyan-90: 198 100% 18.6%;
-  --hsl-cyan-80: 198.3 93.8% 31.6%;
-  --hsl-cyan-70: 197.9 85.1% 39.4%;
-  --hsl-cyan-60: 198 73.5% 48.8%;
-  --hsl-cyan-50: 197.9 91.1% 60.4%;
-  --hsl-cyan-40: 198 91.1% 69.2%;
-  --hsl-cyan-30: 198.2 92.7% 78.4%;
-  --hsl-cyan-20: 198.3 93.7% 87.6%;
-  --hsl-cyan-10: 200 100% 97.1%;
-
-  /* Fuchsia */
-  --hsl-fuchsia-100: 296.9 54.9% 13.9%;
-  --hsl-fuchsia-90: 297.4 60% 22.5%;
-  --hsl-fuchsia-80: 298.2 66.7% 38.8%;
-  --hsl-fuchsia-70: 297.8 67.6% 47.3%;
-  --hsl-fuchsia-60: 297.8 85.7% 56.3%;
-  --hsl-fuchsia-50: 297.8 94.3% 65.5%;
-  --hsl-fuchsia-40: 300 100% 75.1%;
-  --hsl-fuchsia-30: 300 100% 86.1%;
-  --hsl-fuchsia-20: 300 100% 91.6%;
-  --hsl-fuchsia-10: 296 100% 97.1%;
-
-  /* Green */
-  --hsl-green-100: 140.6 94.6% 7.3%;
-  --hsl-green-90: 135.6 73% 14.5%;
-  --hsl-green-80: 136.4 67.7% 25.5%;
-  --hsl-green-70: 139.6 68.5% 32.4%;
-  --hsl-green-60: 140.2 54.7% 45.9%;
-  --hsl-green-50: 139.8 55.4% 65.7%;
-  --hsl-green-40: 140.3 64.4% 80.2%;
-  --hsl-green-30: 135.6 73.5% 86.7%;
-  --hsl-green-20: 136 75% 92.2%;
-  --hsl-green-10: 138 100% 98%;
-
-  /* Neutral */
-  --hsl-neutral-99: 216.7 64.3% 5.5%;
-  --hsl-neutral-95: 220.9 39.3% 11%;
-  --hsl-neutral-90: 223.6 27.5% 15.7%;
-  --hsl-neutral-85: 222 19.6% 20%;
-  --hsl-neutral-80: 222.4 11.6% 28.8%;
-  --hsl-neutral-70: 221.3 8.3% 37.6%;
-  --hsl-neutral-60: 221.5 5.5% 46.5%;
-  --hsl-neutral-50: 223.6 4.8% 55.5%;
-  --hsl-neutral-40: 220 5% 64.5%;
-  --hsl-neutral-30: 220 5.3% 77.6%;
-  --hsl-neutral-25: 216 5.5% 82.2%;
-  --hsl-neutral-20: 225 5.9% 86.7%;
-  --hsl-neutral-15: 210 4.3% 91%;
-  --hsl-neutral-10: 180 4.3% 95.5%;
-  --hsl-neutral-5: 210 20% 98%;
-  --hsl-neutral-1: 0 0% 99.6%;
-
-  /* Orange */
-  --hsl-orange-100: 23.6 57.9% 11.2%;
-  --hsl-orange-90: 24.7 64.2% 20.8%;
-  --hsl-orange-80: 25.1 68.6% 30%;
-  --hsl-orange-70: 24.8 72.5% 48.4%;
-  --hsl-orange-60: 24.8 88.5% 55.5%;
-  --hsl-orange-50: 26 100% 66.5%;
-  --hsl-orange-40: 28.3 100% 75.9%;
-  --hsl-orange-30: 28.1 100% 87.5%;
-  --hsl-orange-20: 27.4 100% 93.1%;
-  --hsl-orange-10: 30 100% 98.4%;
-
-  /* Purple */
-  --hsl-purple-100: 265.5 60.6% 12.9%;
-  --hsl-purple-90: 266.1 85.7% 24.7%;
-  --hsl-purple-80: 266 83.6% 40.6%;
-  --hsl-purple-70: 265.9 78% 50%;
-  --hsl-purple-60: 266 85.2% 60.2%;
-  --hsl-purple-50: 265.7 97.2% 72.2%;
-  --hsl-purple-40: 266.1 96.4% 78%;
-  --hsl-purple-30: 266.2 97.5% 84.3%;
-  --hsl-purple-20: 266.1 95.8% 90.6%;
-  --hsl-purple-10: 264 100% 97.1%;
-
-  /* Red */
-  --hsl-red-100: 356.6 63.6% 10.8%;
-  --hsl-red-90: 356.3 69.9% 18.2%;
-  --hsl-red-80: 356.9 74% 25.7%;
-  --hsl-red-70: 356.8 77.4% 32.9%;
-  --hsl-red-60: 356.9 75.9% 45.5%;
-  --hsl-red-50: 356.5 87.9% 57.8%;
-  --hsl-red-40: 356.8 89.2% 71%;
-  --hsl-red-30: 357.5 89.9% 84.5%;
-  --hsl-red-20: 357 90.9% 91.4%;
-  --hsl-red-10: 352.5 100% 98.4%;
-
-  /* Teal */
-  --hsl-teal-100: 177.1 44.7% 9.2%;
-  --hsl-teal-90: 180 51.3% 15.3%;
-  --hsl-teal-80: 179.1 61.9% 20.6%;
-  --hsl-teal-70: 179.3 70.8% 25.5%;
-  --hsl-teal-60: 178.9 100% 30.8%;
-  --hsl-teal-50: 179 91.9% 38.6%;
-  --hsl-teal-40: 178.9 64.8% 52.2%;
-  --hsl-teal-30: 178.7 68.4% 73.9%;
-  --hsl-teal-20: 178.8 69.9% 85.7%;
-  --hsl-teal-10: 180 100% 98.4%;
-
-  /* Yellow */
-  --hsl-yellow-100: 47 85.2% 10.6%;
-  --hsl-yellow-90: 46.9 90.7% 16.9%;
-  --hsl-yellow-80: 46.9 94.8% 22.7%;
-  --hsl-yellow-70: 47.1 94.5% 35.7%;
-  --hsl-yellow-60: 46.9 89.1% 43.3%;
-  --hsl-yellow-50: 46.8 88.4% 52.5%;
-  --hsl-yellow-40: 46.9 97.7% 66.1%;
-  --hsl-yellow-30: 46.7 100% 82.4%;
-  --hsl-yellow-20: 46.5 100% 90.4%;
-  --hsl-yellow-10: 45 100% 98.4%;
-}

package/lib/tailwind/boxShadow.ts

@@ -1,9 +0,0 @@
-/* eslint-disable sort-keys */
-
-export default {
-  sm: 'var(--shadow-sm)',
-  DEFAULT: 'var(--shadow)',
-  md: 'var(--shadow-md)',
-  lg: 'var(--shadow-lg)',
-  xl: 'var(--shadow-xl)',
-};

package/lib/tailwind/colors.ts

@@ -1,410 +0,0 @@
-/* eslint-disable sort-keys */
-export default {
-  focus: 'hsl(var(--hsl-focus))',
-  overlay: 'hsl(var(--hsl-overlay))',
-  page: 'hsl(var(--hsl-page))',
-  // General
-  active: {
-    DEFAULT: 'hsl(var(--hsl-active))',
-    foreground: 'hsl(var(--hsl-active-foreground))',
-  },
-  inactive: {
-    DEFAULT: 'hsl(var(--hsl-inactive))',
-    foreground: 'hsl(var(--hsl-inactive-foreground))',
-    readonly: 'hsl(var(--hsl-inactive-readonly))',
-    subtle: 'hsl(var(--hsl-inactive-subtle))',
-  },
-  border: {
-    DEFAULT: 'hsl(var(--hsl-border))',
-    secondary: 'hsl(var(--hsl-border-secondary))',
-    tertiary: 'hsl(var(--hsl-border-tertiary))',
-    inverse: 'hsl(var(--hsl-border-inverse))',
-  },
-  foreground: {
-    DEFAULT: 'hsl(var(--hsl-foreground))',
-    secondary: 'hsl(var(--hsl-foreground-secondary))',
-    tertiary: 'hsl(var(--hsl-foreground-tertiary))',
-    inverse: 'hsl(var(--hsl-foreground-inverse))',
-  },
-  skeleton: {
-    DEFAULT: 'hsl(var(--hsl-skeleton))',
-    inverse: 'hsl(var(--hsl-skeleton-inverse))',
-  },
-  textlink: {
-    DEFAULT: 'hsl(var(--hsl-textlink))',
-    hover: 'hsl(var(--hsl-textlink-hover))',
-  },
-  dataviz: {
-    1: 'hsl(var(--hsl-dataviz-1))',
-    2: 'hsl(var(--hsl-dataviz-2))',
-    3: 'hsl(var(--hsl-dataviz-3))',
-    4: 'hsl(var(--hsl-dataviz-4))',
-    5: 'hsl(var(--hsl-dataviz-5))',
-    6: 'hsl(var(--hsl-dataviz-6))',
-    7: 'hsl(var(--hsl-dataviz-7))',
-    8: 'hsl(var(--hsl-dataviz-8))',
-    9: 'hsl(var(--hsl-dataviz-9))',
-    10: 'hsl(var(--hsl-dataviz-10))',
-    11: 'hsl(var(--hsl-dataviz-11))',
-    12: 'hsl(var(--hsl-dataviz-12))',
-    13: 'hsl(var(--hsl-dataviz-13))',
-    14: 'hsl(var(--hsl-dataviz-14))',
-    15: 'hsl(var(--hsl-dataviz-15))',
-    16: 'hsl(var(--hsl-dataviz-16))',
-  },
-  // Contextual
-  error: {
-    DEFAULT: 'hsl(var(--hsl-error))',
-    border: 'hsl(var(--hsl-error-border))',
-    hover: 'hsl(var(--hsl-error-hover))',
-    press: 'hsl(var(--hsl-error-press))',
-    skeleton: 'hsl(var(--hsl-error-skeleton))',
-    accent: 'hsl(var(--hsl-error-accent))',
-    foreground: 'hsl(var(--hsl-error-foreground))',
-    secondary: 'hsl(var(--hsl-error-secondary))',
-  },
-  info: {
-    DEFAULT: 'hsl(var(--hsl-info))',
-    border: 'hsl(var(--hsl-info-border))',
-    hover: 'hsl(var(--hsl-info-hover))',
-    press: 'hsl(var(--hsl-info-press))',
-    skeleton: 'hsl(var(--hsl-info-skeleton))',
-    accent: 'hsl(var(--hsl-info-accent))',
-    foreground: 'hsl(var(--hsl-info-foreground))',
-    secondary: 'hsl(var(--hsl-info-secondary))',
-  },
-  success: {
-    DEFAULT: 'hsl(var(--hsl-success))',
-    border: 'hsl(var(--hsl-success-border))',
-    hover: 'hsl(var(--hsl-success-hover))',
-    press: 'hsl(var(--hsl-success-press))',
-    skeleton: 'hsl(var(--hsl-success-skeleton))',
-    accent: 'hsl(var(--hsl-success-accent))',
-    foreground: 'hsl(var(--hsl-success-foreground))',
-    secondary: 'hsl(var(--hsl-success-secondary))',
-  },
-  warning: {
-    DEFAULT: 'hsl(var(--hsl-warning))',
-    border: 'hsl(var(--hsl-warning-border))',
-    hover: 'hsl(var(--hsl-warning-hover))',
-    press: 'hsl(var(--hsl-warning-press))',
-    skeleton: 'hsl(var(--hsl-warning-skeleton))',
-    accent: 'hsl(var(--hsl-warning-accent))',
-    foreground: 'hsl(var(--hsl-warning-foreground))',
-    secondary: 'hsl(var(--hsl-warning-secondary))',
-  },
-  // Components
-  button: {
-    primary: {
-      DEFAULT: 'hsl(var(--hsl-button-primary))',
-      hover: 'hsl(var(--hsl-button-primary-hover))',
-      press: 'hsl(var(--hsl-button-primary-press))',
-      skeleton: 'hsl(var(--hsl-button-primary-skeleton))',
-      foreground: 'hsl(var(--hsl-button-primary-foreground))',
-    },
-    secondary: {
-      DEFAULT: 'hsl(var(--hsl-button-secondary))',
-      hover: 'hsl(var(--hsl-button-secondary-hover))',
-      press: 'hsl(var(--hsl-button-secondary-press))',
-      skeleton: 'hsl(var(--hsl-button-secondary-skeleton))',
-      foreground: 'hsl(var(--hsl-button-secondary-foreground))',
-    },
-    group: {
-      DEFAULT: 'hsl(var(--hsl-button-group))',
-      hover: 'hsl(var(--hsl-button-group-hover))',
-      press: 'hsl(var(--hsl-button-group-press))',
-      skeleton: 'hsl(var(--hsl-button-group-skeleton))',
-      foreground: 'hsl(var(--hsl-button-group-foreground))',
-    },
-    outline: {
-      hover: 'hsl(var(--hsl-button-outline-hover))',
-      press: 'hsl(var(--hsl-button-outline-press))',
-      skeleton: 'hsl(var(--hsl-button-outline-skeleton))',
-      foreground: 'hsl(var(--hsl-button-outline-foreground))',
-    },
-    ghost: {
-      hover: 'hsl(var(--hsl-button-ghost-hover))',
-      press: 'hsl(var(--hsl-button-ghost-press))',
-      foreground: 'hsl(var(--hsl-button-ghost-foreground))',
-    },
-    inverse: {
-      hover: 'hsl(var(--hsl-button-inverse-hover))',
-      press: 'hsl(var(--hsl-button-inverse-press))',
-    },
-    disabled: {
-      DEFAULT: 'hsl(var(--hsl-button-disabled))',
-      foreground: 'hsl(var(--hsl-button-disabled-foreground))',
-      'foreground-actionbutton':
-        'hsl(var(--hsl-button-disabled-foreground-actionbutton))',
-      'foreground-group': 'hsl(var(--hsl-button-disabled-foreground-group))',
-      inverse: 'hsl(var(--hsl-button-disabled-inverse))',
-      'inverse-foreground':
-        'hsl(var(--hsl-button-disabled-inverse-foreground))',
-    },
-  },
-
-  card: {
-    DEFAULT: 'hsl(var(--hsl-card))',
-    secondary: 'hsl(var(--hsl-card-secondary))',
-    tertiary: 'hsl(var(--hsl-card-tertiary))',
-    quaternary: 'hsl(var(--hsl-card-quaternary))',
-    inverse: 'hsl(var(--hsl-card-inverse))',
-  },
-
-  lozenge: {
-    blue: {
-      DEFAULT: 'hsl(var(--hsl-lozenge-blue))',
-      hover: 'hsl(var(--hsl-lozenge-blue-hover))',
-      press: 'hsl(var(--hsl-lozenge-blue-press))',
-    },
-    cyan: {
-      DEFAULT: 'hsl(var(--hsl-lozenge-cyan))',
-      hover: 'hsl(var(--hsl-lozenge-cyan-hover))',
-      press: 'hsl(var(--hsl-lozenge-cyan-press))',
-    },
-    fuchsia: {
-      DEFAULT: 'hsl(var(--hsl-lozenge-fuchsia))',
-      hover: 'hsl(var(--hsl-lozenge-fuchsia-hover))',
-      press: 'hsl(var(--hsl-lozenge-fuchsia-press))',
-    },
-    neutral: {
-      DEFAULT: 'hsl(var(--hsl-lozenge-neutral))',
-      hover: 'hsl(var(--hsl-lozenge-neutral-hover))',
-      press: 'hsl(var(--hsl-lozenge-neutral-press))',
-    },
-    orange: {
-      DEFAULT: 'hsl(var(--hsl-lozenge-orange))',
-      hover: 'hsl(var(--hsl-lozenge-orange-hover))',
-      press: 'hsl(var(--hsl-lozenge-orange-press))',
-    },
-    purple: {
-      DEFAULT: 'hsl(var(--hsl-lozenge-purple))',
-      hover: 'hsl(var(--hsl-lozenge-purple-hover))',
-      press: 'hsl(var(--hsl-lozenge-purple-press))',
-    },
-    teal: {
-      DEFAULT: 'hsl(var(--hsl-lozenge-teal))',
-      hover: 'hsl(var(--hsl-lozenge-teal-hover))',
-      press: 'hsl(var(--hsl-lozenge-teal-press))',
-    },
-    white: {
-      DEFAULT: 'hsl(var(--hsl-lozenge-white))',
-      hover: 'hsl(var(--hsl-lozenge-white-hover))',
-      press: 'hsl(var(--hsl-lozenge-white-press))',
-    },
-    yellow: {
-      DEFAULT: 'hsl(var(--hsl-lozenge-yellow))',
-      hover: 'hsl(var(--hsl-lozenge-yellow-hover))',
-      press: 'hsl(var(--hsl-lozenge-yellow-press))',
-    },
-    green: {
-      DEFAULT: 'hsl(var(--hsl-lozenge-green))',
-      hover: 'hsl(var(--hsl-lozenge-green-hover))',
-      press: 'hsl(var(--hsl-lozenge-green-press))',
-    },
-    red: {
-      DEFAULT: 'hsl(var(--hsl-lozenge-red))',
-      hover: 'hsl(var(--hsl-lozenge-red-hover))',
-      press: 'hsl(var(--hsl-lozenge-red-press))',
-    },
-  },
-
-  sidebar: {
-    DEFAULT: 'hsl(var(--hsl-sidebar))',
-    active: 'hsl(var(--hsl-sidebar-active))',
-    foreground: {
-      DEFAULT: 'hsl(var(--hsl-sidebar-foreground))',
-      secondary: 'hsl(var(--hsl-sidebar-foreground-secondary))',
-    },
-    hover: 'hsl(var(--hsl-sidebar-hover))',
-    skeleton: 'hsl(var(--hsl-sidebar-skeleton))',
-    border: 'hsl(var(--hsl-sidebar-border))',
-  },
-
-  switch: {
-    off: {
-      DEFAULT: 'hsl(var(--hsl-switch-off))',
-      hover: 'hsl(var(--hsl-switch-off-hover))',
-      disabled: 'hsl(var(--hsl-switch-off-disabled))',
-      foreground: 'hsl(var(--hsl-switch-off-foreground))',
-    },
-    on: {
-      DEFAULT: 'hsl(var(--hsl-switch-on))',
-      hover: 'hsl(var(--hsl-switch-on-hover))',
-      foreground: 'hsl(var(--hsl-switch-on-foreground))',
-      disabled: {
-        DEFAULT: 'hsl(var(--hsl-switch-on-disabled))',
-        foreground: 'hsl(var(--hsl-switch-on-disabled-foreground))',
-      },
-    },
-  },
-  tag: {
-    neutral: {
-      DEFAULT: 'hsl(var(--hsl-tag-neutral))',
-      border: 'hsl(var(--hsl-tag-neutral-border))',
-    },
-    blue: {
-      DEFAULT: 'hsl(var(--hsl-tag-blue))',
-      border: 'hsl(var(--hsl-tag-blue-border))',
-    },
-    cyan: {
-      DEFAULT: 'hsl(var(--hsl-tag-cyan))',
-      border: 'hsl(var(--hsl-tag-cyan-border))',
-    },
-    fuchsia: {
-      DEFAULT: 'hsl(var(--hsl-tag-fuchsia))',
-      border: 'hsl(var(--hsl-tag-fuchsia-border))',
-    },
-    green: {
-      DEFAULT: 'hsl(var(--hsl-tag-green))',
-      border: 'hsl(var(--hsl-tag-green-border))',
-    },
-    orange: {
-      DEFAULT: 'hsl(var(--hsl-tag-orange))',
-      border: 'hsl(var(--hsl-tag-orange-border))',
-    },
-    purple: {
-      DEFAULT: 'hsl(var(--hsl-tag-purple))',
-      border: 'hsl(var(--hsl-tag-purple-border))',
-    },
-    red: {
-      DEFAULT: 'hsl(var(--hsl-tag-red))',
-      border: 'hsl(var(--hsl-tag-red-border))',
-    },
-    teal: {
-      DEFAULT: 'hsl(var(--hsl-tag-teal))',
-      border: 'hsl(var(--hsl-tag-teal-border))',
-    },
-    yellow: {
-      DEFAULT: 'hsl(var(--hsl-tag-yellow))',
-      border: 'hsl(var(--hsl-tag-yellow-border))',
-    },
-  },
-  // Palette
-  blue: {
-    10: 'hsl(var(--hsl-blue-10))',
-    20: 'hsl(var(--hsl-blue-20))',
-    30: 'hsl(var(--hsl-blue-30))',
-    40: 'hsl(var(--hsl-blue-40))',
-    50: 'hsl(var(--hsl-blue-50))',
-    60: 'hsl(var(--hsl-blue-60))',
-    70: 'hsl(var(--hsl-blue-70))',
-    80: 'hsl(var(--hsl-blue-80))',
-    90: 'hsl(var(--hsl-blue-90))',
-    100: 'hsl(var(--hsl-blue-100))',
-  },
-  cyan: {
-    10: 'hsl(var(--hsl-cyan-10))',
-    20: 'hsl(var(--hsl-cyan-20))',
-    30: 'hsl(var(--hsl-cyan-30))',
-    40: 'hsl(var(--hsl-cyan-40))',
-    50: 'hsl(var(--hsl-cyan-50))',
-    60: 'hsl(var(--hsl-cyan-60))',
-    70: 'hsl(var(--hsl-cyan-70))',
-    80: 'hsl(var(--hsl-cyan-80))',
-    90: 'hsl(var(--hsl-cyan-90))',
-    100: 'hsl(var(--hsl-cyan-100))',
-  },
-  fuchsia: {
-    10: 'hsl(var(--hsl-fuchsia-10))',
-    20: 'hsl(var(--hsl-fuchsia-20))',
-    30: 'hsl(var(--hsl-fuchsia-30))',
-    40: 'hsl(var(--hsl-fuchsia-40))',
-    50: 'hsl(var(--hsl-fuchsia-50))',
-    60: 'hsl(var(--hsl-fuchsia-60))',
-    70: 'hsl(var(--hsl-fuchsia-70))',
-    80: 'hsl(var(--hsl-fuchsia-80))',
-    90: 'hsl(var(--hsl-fuchsia-90))',
-    100: 'hsl(var(--hsl-fuchsia-100))',
-  },
-  green: {
-    10: 'hsl(var(--hsl-green-10))',
-    20: 'hsl(var(--hsl-green-20))',
-    30: 'hsl(var(--hsl-green-30))',
-    40: 'hsl(var(--hsl-green-40))',
-    50: 'hsl(var(--hsl-green-50))',
-    60: 'hsl(var(--hsl-green-60))',
-    70: 'hsl(var(--hsl-green-70))',
-    80: 'hsl(var(--hsl-green-80))',
-    90: 'hsl(var(--hsl-green-90))',
-    100: 'hsl(var(--hsl-green-100))',
-  },
-  neutral: {
-    1: 'hsl(var(--hsl-neutral-1))',
-    5: 'hsl(var(--hsl-neutral-5))',
-    10: 'hsl(var(--hsl-neutral-10))',
-    15: 'hsl(var(--hsl-neutral-15))',
-    20: 'hsl(var(--hsl-neutral-20))',
-    25: 'hsl(var(--hsl-neutral-25))',
-    30: 'hsl(var(--hsl-neutral-30))',
-    40: 'hsl(var(--hsl-neutral-40))',
-    50: 'hsl(var(--hsl-neutral-50))',
-    60: 'hsl(var(--hsl-neutral-60))',
-    70: 'hsl(var(--hsl-neutral-70))',
-    80: 'hsl(var(--hsl-neutral-80))',
-    85: 'hsl(var(--hsl-neutral-85))',
-    90: 'hsl(var(--hsl-neutral-90))',
-    95: 'hsl(var(--hsl-neutral-95))',
-    99: 'hsl(var(--hsl-neutral-99))',
-  },
-  orange: {
-    10: 'hsl(var(--hsl-orange-10))',
-    20: 'hsl(var(--hsl-orange-20))',
-    30: 'hsl(var(--hsl-orange-30))',
-    40: 'hsl(var(--hsl-orange-40))',
-    50: 'hsl(var(--hsl-orange-50))',
-    60: 'hsl(var(--hsl-orange-60))',
-    70: 'hsl(var(--hsl-orange-70))',
-    80: 'hsl(var(--hsl-orange-80))',
-    90: 'hsl(var(--hsl-orange-90))',
-    100: 'hsl(var(--hsl-orange-100))',
-  },
-  purple: {
-    10: 'hsl(var(--hsl-purple-10))',
-    20: 'hsl(var(--hsl-purple-20))',
-    30: 'hsl(var(--hsl-purple-30))',
-    40: 'hsl(var(--hsl-purple-40))',
-    50: 'hsl(var(--hsl-purple-50))',
-    60: 'hsl(var(--hsl-purple-60))',
-    70: 'hsl(var(--hsl-purple-70))',
-    80: 'hsl(var(--hsl-purple-80))',
-    90: 'hsl(var(--hsl-purple-90))',
-    100: 'hsl(var(--hsl-purple-100))',
-  },
-  red: {
-    10: 'hsl(var(--hsl-red-10))',
-    20: 'hsl(var(--hsl-red-20))',
-    30: 'hsl(var(--hsl-red-30))',
-    40: 'hsl(var(--hsl-red-40))',
-    50: 'hsl(var(--hsl-red-50))',
-    60: 'hsl(var(--hsl-red-60))',
-    70: 'hsl(var(--hsl-red-70))',
-    80: 'hsl(var(--hsl-red-80))',
-    90: 'hsl(var(--hsl-red-90))',
-    100: 'hsl(var(--hsl-red-100))',
-  },
-  teal: {
-    10: 'hsl(var(--hsl-teal-10))',
-    20: 'hsl(var(--hsl-teal-20))',
-    30: 'hsl(var(--hsl-teal-30))',
-    40: 'hsl(var(--hsl-teal-40))',
-    50: 'hsl(var(--hsl-teal-50))',
-    60: 'hsl(var(--hsl-teal-60))',
-    70: 'hsl(var(--hsl-teal-70))',
-    80: 'hsl(var(--hsl-teal-80))',
-    90: 'hsl(var(--hsl-teal-90))',
-    100: 'hsl(var(--hsl-teal-100))',
-  },
-  yellow: {
-    10: 'hsl(var(--hsl-yellow-10))',
-    20: 'hsl(var(--hsl-yellow-20))',
-    30: 'hsl(var(--hsl-yellow-30))',
-    40: 'hsl(var(--hsl-yellow-40))',
-    50: 'hsl(var(--hsl-yellow-50))',
-    60: 'hsl(var(--hsl-yellow-60))',
-    70: 'hsl(var(--hsl-yellow-70))',
-    80: 'hsl(var(--hsl-yellow-80))',
-    90: 'hsl(var(--hsl-yellow-90))',
-    100: 'hsl(var(--hsl-yellow-100))',
-  },
-};

package/lib/tailwind/container.ts

@@ -1,11 +0,0 @@
-/* eslint-disable sort-keys */
-
-export default {
-  padding: {
-    DEFAULT: '1rem',
-    sm: '1.5rem',
-    lg: '1.5rem',
-    xl: '1.5rem',
-    '2xl': '1.5rem',
-  },
-};

package/lib/tailwind/preset.ts

@@ -1,88 +0,0 @@
-/* eslint-disable sort-keys */
-import tailwindScrollbar from 'tailwind-scrollbar';
-import type { Config } from 'tailwindcss';
-import tailwindAnimate from 'tailwindcss-animate';
-import defaultTheme from 'tailwindcss/defaultTheme';
-
-import boxShadow from './boxShadow';
-import colors from './colors';
-import container from './container';
-import spacing from './spacing';
-
-const presetConfig: Config = {
-  content: ['./src/**/*.{ts,tsx}'],
-  darkMode: 'class',
-  plugins: [tailwindAnimate, tailwindScrollbar],
-  theme: {
-    container,
-    extend: {
-      animation: {
-        'rest-bounce': 'rest-bounce 2s linear infinite',
-      },
-      boxShadow,
-      colors,
-
-      fontFamily: {
-        noto: ['Noto Sans JP', 'DM Sans', ...defaultTheme.fontFamily.sans],
-        sans: ['DM Sans', 'Noto Sans JP', ...defaultTheme.fontFamily.sans],
-      },
-      fontSize: {
-        xs: [
-          '0.75rem',
-          {
-            lineHeight: '1.1rem',
-          },
-        ],
-        xl: [
-          '1.25rem',
-          {
-            lineHeight: '1.875rem',
-          },
-        ],
-        '2xl': [
-          '1.5rem',
-          {
-            lineHeight: '2.25rem',
-          },
-        ],
-        '3xl': [
-          '1.875rem',
-          {
-            lineHeight: '2.75rem',
-          },
-        ],
-        '4xl': [
-          '2.25rem',
-          {
-            lineHeight: '3.25rem',
-          },
-        ],
-        '5xl': [
-          '3rem',
-          {
-            lineHeight: '4rem',
-          },
-        ],
-      },
-      keyframes: {
-        'rest-bounce': {
-          '0%': {
-            transform: 'translateY(0%)',
-          },
-          '20%': {
-            transform: 'translateY(-40%)',
-          },
-          '40%': {
-            transform: 'translateY(0%)',
-          },
-        },
-      },
-      spacing,
-      transitionDelay: {
-        600: '600ms',
-      },
-    },
-  },
-};
-
-export default presetConfig;