@brightspot/ui 1.0.1-2 → 1.0.1-4

package/dist/tailwind-plugin-icon.js

@@ -96,7 +96,15 @@ module.exports = plugin(function ({ addComponents, matchUtilities, theme }) {
         }),
     }, {
         values: {
-            primary: 'linear-gradient(to top right, theme(colors.primary.500), theme(colors.primary.700), theme(colors.primary.900))',
+            ai: 'theme(backgroundImage.ai-gradient)',
+            error: 'theme(backgroundImage.error-gradient)',
+            gray: 'theme(backgroundImage.gray-gradient)',
+            primary: 'theme(backgroundImage.primary-gradient)',
+            purple: 'theme(backgroundImage.purple-gradient)',
+            rose: 'theme(backgroundImage.rose-gradient)',
+            success: 'theme(backgroundImage.success-gradient)',
+            teal: 'theme(backgroundImage.teal-gradient)',
+            warning: 'theme(backgroundImage.warning-gradient)',
         },
     });
     matchUtilities({

package/dist/tailwind-plugin-icon.ts

@@ -108,8 +108,24 @@ module.exports = plugin(
       },
       {
         values: {
+          ai:
+            'theme(backgroundImage.ai-gradient)',
+          error:
+            'theme(backgroundImage.error-gradient)',
+          gray:
+            'theme(backgroundImage.gray-gradient)',
           primary:
-            'linear-gradient(to top right, theme(colors.primary.500), theme(colors.primary.700), theme(colors.primary.900))',
+            'theme(backgroundImage.primary-gradient)',
+          purple:
+            'theme(backgroundImage.purple-gradient)',
+          rose:
+            'theme(backgroundImage.rose-gradient)',
+          success:
+            'theme(backgroundImage.success-gradient)',
+          teal:
+            'theme(backgroundImage.teal-gradient)',
+          warning:
+            'theme(backgroundImage.warning-gradient)',
         },
       },
     )

package/dist/tailwind-plugin-scroll-shadow.js

@@ -44,7 +44,7 @@ module.exports = plugin(function ({ addComponents, addBase }) {
                 top: '0px',
                 visibility: 'var(--visibility-if-can-scroll, var(--visibility-if-cant-scroll))',
                 'z-index': '10',
-            }
+            },
         },
     };
     addBase({

package/dist/tailwind-plugin-scroll-shadow.ts

@@ -48,7 +48,7 @@ module.exports = plugin(function ({ addComponents, addBase }) {
         visibility:
           'var(--visibility-if-can-scroll, var(--visibility-if-cant-scroll))',
         'z-index': '10',
-      }
+      },
     },
   }
 

package/dist/tailwind-plugin-theme.ts

@@ -2,6 +2,7 @@ import plugin from 'tailwindcss/plugin'
 declare let module: any
 
 export type ThemeColors =
+  | 'ai'
   | 'black'
   | 'white'
   | 'primary'

package/dist/tailwind.config.js

@@ -11,6 +11,31 @@ export default {
         ],
     ],
     content: [],
+    safelist: [
+        // BTU component classes with dynamic color, size, and numbered variants
+        // Matches: btu-button-primary, btu-badge-lg, btu-icon-error, btu-heading-2xl, etc.
+        {
+            pattern: /btu-.*?-(ai|black|white|primary|teal|gray|purple|rose|error|warning|success|xs|sm|md|lg|xl|2xl|1|2|3|4|5|6)/,
+        },
+        // Padding and margin classes for all directions and values 0-8 (including decimals)
+        // Matches: p-0, px-2, py-6, pt-4, pb-8, pl-1, pr-3, ps-5, pe-7, m-0, mx-2, p-1.5, mx-2.5, etc.
+        { pattern: /^[mp][xytblrse]?-[0-8](\.[05])?$/ },
+        // Gap classes for all directions and values 0-8 (including decimals)
+        // Matches: gap-0, gap-x-2, gap-y-6, gap-1.5, gap-x-2.5, etc.
+        { pattern: /^gap(-[xy])?-[0-8](\.[05])?$/ },
+        // Border radius classes
+        // Matches: rounded-none, rounded-sm, rounded, rounded-md, rounded-lg, rounded-xl, rounded-2xl, rounded-3xl, rounded-full
+        { pattern: /^rounded(-none|-sm|-md|-lg|-xl|-2xl|-3xl|-full)?$/ },
+        // Text size classes from text-xs through text-9xl
+        // Matches: text-xs, text-sm, text-base, text-lg, text-xl, text-2xl, text-3xl, text-4xl, text-5xl, text-6xl, text-7xl, text-8xl, text-9xl
+        { pattern: /^text-(xs|sm|base|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl|8xl|9xl)$/ },
+        // Custom font-size:0 class using arbitrary value
+        '[font-size:0]',
+        // Flex shorthand for full width flexible item
+        'flex-[1_0_100%]',
+        // Grid column spanning from fullbleed-start to fullbleed-end
+        '[grid-column:fullbleed-start_/_fullbleed-end]',
+    ],
     theme: {
         backdropBlur: {
             DEFAULT: '2px',
@@ -397,6 +422,7 @@ export default {
                 dialog: 'light-dark(oklch(0.04 0.02 278.29 / 0.25), oklch(0.78 0.01 0 / 0.36))',
             },
             backgroundImage: {
+                'ai-gradient': 'linear-gradient(223deg,oklch(0.7 0.3281 339.6) 17.79%,oklch(0.5346 0.3041 294.17) 71.63%,oklch(0.5884 0.2375 262.18) 85.1%)',
                 'ai-sparkles': 'url(\'data:image/svg+xml,<svg id="eTZ5ivXu8Rf1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" project-id="17efa608cdf84d16a374e63788db1b50" export-id="0bf32ebf687749fba502bd708375e386" cached="false"><style><![CDATA[%23eTZ5ivXu8Rf2 {animation: eTZ5ivXu8Rf2__m 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf2__m { 0% {d: path("M9.937,15.5C9.755178,14.795197,9.204803,14.244822,8.5,14.063L2.365,12.481C2.149933,12.419956,2.001525,12.223562,2.001525,12C2.001525,11.776438,2.149933,11.580044,2.365,11.519L8.5,9.936C9.204544,9.754352,9.754861,9.204417,9.937,8.5L11.519,2.365C11.579435,2.149051,11.776254,1.999751,12.0005,1.999751C12.224746,1.999751,12.421565,2.149051,12.482,2.365L14.063,8.5C14.244822,9.204803,14.795197,9.755178,15.5,9.937L21.635,11.518C21.851842,11.577812,22.002049,11.775061,22.002049,12C22.002049,12.224939,21.851842,12.422188,21.635,12.482L15.5,14.063C14.795197,14.244822,14.244822,14.795197,14.063,15.5L12.481,21.635C12.420565,21.850949,12.223746,22.000249,11.9995,22.000249C11.775254,22.000249,11.578435,21.850949,11.518,21.635L9.937,15.5Z");animation-timing-function: cubic-bezier(0.445,0.05,0.55,0.95)} 16% {d: path("M10.737,14.7C10.555178,13.995197,3.511222,19.051796,9.3,13.263L2.365,12.481C2.149933,12.419956,2.001525,12.223562,2.001525,12C2.001525,11.776438,2.149933,11.580044,2.365,11.519L9.3,10.736C10.004544,10.554352,5.006893,3.569889,10.737,9.3L11.519,2.365C11.579435,2.149051,11.776254,1.999751,12.0005,1.999751C12.224746,1.999751,12.421565,2.149051,12.482,2.365L13.263,9.3C13.444822,10.004803,21.218511,4.218506,14.7,10.737L21.635,11.518C21.851842,11.577812,22.002049,11.775061,22.002049,12C22.002049,12.224939,21.851842,12.422188,21.635,12.482L14.7,13.263C20.320377,18.883378,13.444822,13.995197,13.263,14.7L12.481,21.635C12.420565,21.850949,12.223746,22.000249,11.9995,22.000249C11.775254,22.000249,11.578435,21.850949,11.518,21.635L10.737,14.7Z");animation-timing-function: cubic-bezier(0.445,0.05,0.55,0.95)} 22% {d: path("M10.794143,14.642857C10.612321,13.938054,5.423674,17.392661,9.357143,13.205857L2.365,12.481C2.149933,12.419956,1.141856,12.223562,1.141856,12C1.141856,11.776438,2.149933,11.580044,2.365,11.519L9.357143,10.793143C10.061687,10.611495,6.64917,5.465468,10.794143,9.357143L11.519,2.365C11.579435,2.149051,11.775254,1.727963,11.9995,1.727963C12.223746,1.727963,12.421565,2.149051,12.482,2.365L13.205857,9.357143C13.387679,10.061946,19.097564,6.086127,14.642857,10.794143L21.635,11.518C21.851842,11.577812,22.858144,11.775061,22.858144,12C22.858144,12.224939,21.851842,12.422188,21.635,12.482L14.642857,13.205857C18.45604,17.272362,13.387679,13.938054,13.205857,14.642857L12.481,21.635C12.420565,21.850949,12.223746,22.603619,11.9995,22.603619C11.775254,22.603619,11.578435,21.850949,11.518,21.635L10.794143,14.642857Z");animation-timing-function: cubic-bezier(0.445,0.05,0.55,0.95)} 30% {d: path("M10.937,14.5C10.755178,13.795197,10.204803,13.244822,9.5,13.063L2.365,12.481C2.149933,12.419956,2.001525,12.223562,2.001525,12C2.001525,11.776438,2.149933,11.580044,2.365,11.519L9.5,10.936C10.204544,10.754352,10.754861,10.204417,10.937,9.5L11.519,2.365C11.579435,2.149051,11.776254,1.999751,12.0005,1.999751C12.224746,1.999751,12.421565,2.149051,12.482,2.365L13.063,9.5C13.244822,10.204803,13.795197,10.755178,14.5,10.937L21.635,11.518C21.851842,11.577812,22.002049,11.775061,22.002049,12C22.002049,12.224939,21.851842,12.422188,21.635,12.482L14.5,13.063C13.795197,13.244822,13.244822,13.795197,13.063,14.5L12.481,21.635C12.420565,21.850949,12.223746,22.000249,11.9995,22.000249C11.775254,22.000249,11.578435,21.850949,11.518,21.635L10.937,14.5Z")} 42% {d: path("M9.937,15.5C9.755178,14.795197,9.204803,14.244822,8.5,14.063L2.365,12.481C2.149933,12.419956,2.001525,12.223562,2.001525,12C2.001525,11.776438,2.149933,11.580044,2.365,11.519L8.5,9.936C9.204544,9.754352,9.754861,9.204417,9.937,8.5L11.519,2.365C11.579435,2.149051,11.776254,1.999751,12.0005,1.999751C12.224746,1.999751,12.421565,2.149051,12.482,2.365L14.063,8.5C14.244822,9.204803,14.795197,9.755178,15.5,9.937L21.635,11.518C21.851842,11.577812,22.002049,11.775061,22.002049,12C22.002049,12.224939,21.851842,12.422188,21.635,12.482L15.5,14.063C14.795197,14.244822,14.244822,14.795197,14.063,15.5L12.481,21.635C12.420565,21.850949,12.223746,22.000249,11.9995,22.000249C11.775254,22.000249,11.578435,21.850949,11.518,21.635L9.937,15.5Z")} 100% {d: path("M9.937,15.5C9.755178,14.795197,9.204803,14.244822,8.5,14.063L2.365,12.481C2.149933,12.419956,2.001525,12.223562,2.001525,12C2.001525,11.776438,2.149933,11.580044,2.365,11.519L8.5,9.936C9.204544,9.754352,9.754861,9.204417,9.937,8.5L11.519,2.365C11.579435,2.149051,11.776254,1.999751,12.0005,1.999751C12.224746,1.999751,12.421565,2.149051,12.482,2.365L14.063,8.5C14.244822,9.204803,14.795197,9.755178,15.5,9.937L21.635,11.518C21.851842,11.577812,22.002049,11.775061,22.002049,12C22.002049,12.224939,21.851842,12.422188,21.635,12.482L15.5,14.063C14.795197,14.244822,14.244822,14.795197,14.063,15.5L12.481,21.635C12.420565,21.850949,12.223746,22.000249,11.9995,22.000249C11.775254,22.000249,11.578435,21.850949,11.518,21.635L9.937,15.5Z")}} %23eTZ5ivXu8Rf2_tr {animation: eTZ5ivXu8Rf2_tr__tr 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf2_tr__tr { 0% {transform: translate(12.001787px,12px) rotate(0deg)} 18% {transform: translate(12.001787px,12px) rotate(8.312442deg)} 32% {transform: translate(12.001787px,12px) rotate(0.234247deg)} 100% {transform: translate(12.001787px,12px) rotate(0.234247deg)}} %23eTZ5ivXu8Rf2_ts {animation: eTZ5ivXu8Rf2_ts__ts 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf2_ts__ts { 0% {transform: skewX(0.92deg) skewY(0.92deg) scale(0.86,0.86)} 22% {transform: skewX(0.92deg) skewY(0.92deg) scale(0.97,0.97)} 42% {transform: skewX(0.92deg) skewY(0.92deg) scale(0.86,0.87)} 100% {transform: skewX(0.92deg) skewY(0.92deg) scale(0.86,0.87)}} %23eTZ5ivXu8Rf3 {animation: eTZ5ivXu8Rf3__fl 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf3__fl { 0% {filter: blur(0.424264px)} 42% {filter: blur(0.424264px)} 100% {filter: blur(0.424264px)}} %23eTZ5ivXu8Rf4_tr {animation: eTZ5ivXu8Rf4_tr__tr 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf4_tr__tr { 0% {transform: translate(20px,5px) rotate(0deg)} 20% {transform: translate(20px,5px) rotate(0deg);animation-timing-function: cubic-bezier(0.42,0,1,1)} 28% {transform: translate(20px,5px) rotate(90deg)} 100% {transform: translate(20px,5px) rotate(90deg)}} %23eTZ5ivXu8Rf5_tr {animation: eTZ5ivXu8Rf5_tr__tr 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf5_tr__tr { 0% {transform: translate(20px,5px) rotate(0deg)} 20% {transform: translate(20px,5px) rotate(0deg);animation-timing-function: cubic-bezier(0.42,0,1,1)} 28% {transform: translate(20px,5px) rotate(90deg)} 100% {transform: translate(20px,5px) rotate(90deg)}} %23eTZ5ivXu8Rf6_ts {animation: eTZ5ivXu8Rf6_ts__ts 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf6_ts__ts { 0% {transform: translate(4px,18px) scale(1,1);animation-timing-function: cubic-bezier(0.42,0,1,1)} 8% {transform: translate(4px,18px) scale(1.322243,1.322243);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 16% {transform: translate(4px,18px) scale(0.802685,0.802685)} 100% {transform: translate(4px,18px) scale(0.802685,0.802685)}} %23eTZ5ivXu8Rf6 {animation: eTZ5ivXu8Rf6__fl 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf6__fl { 0% {filter: blur(0px)} 8% {filter: blur(0.424264px)} 16% {filter: blur(0px)} 100% {filter: blur(0px)}}]]></style><defs><filter id="eTZ5ivXu8Rf2-filter" x="-150%" y="-150%" width="400%" height="400%"><feGaussianBlur id="eTZ5ivXu8Rf2-filter-blur-0" stdDeviation="0,0" result="result"/></filter></defs><g id="eTZ5ivXu8Rf2_tr" transform="translate(12.001787,12) rotate(0)"><g id="eTZ5ivXu8Rf2_ts" transform="skewX(0.92) skewY(0.92) scale(0.86,0.86)"><path id="eTZ5ivXu8Rf2" d="M9.937,15.5c-.181822-.704803-.732197-1.255178-1.437-1.437L2.365,12.481c-.215067-.061044-.363475-.257438-.363475-.481s.148408-.419956.363475-.481L8.5,9.936c.704544-.181648,1.254861-.731583,1.437-1.436l1.582-6.135c.060435-.215949.257254-.365249.4815-.365249s.421065.1493.4815.365249L14.063,8.5c.181822.704803.732197,1.255178,1.437,1.437l6.135,1.581c.216842.059812.367049.257061.367049.482s-.150207.422188-.367049.482L15.5,14.063c-.704803.181822-1.255178.732197-1.437,1.437l-1.582,6.135c-.060435.215949-.257254.365249-.4815.365249s-.421065-.1493-.4815-.365249L9.937,15.5Z" transform="translate(-12.001787,-12)" filter="url(%23eTZ5ivXu8Rf2-filter)" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></g><g id="eTZ5ivXu8Rf3" style="filter:blur(0.424264px)"><g id="eTZ5ivXu8Rf4_tr" transform="translate(20,5) rotate(0)"><path d="M20,3v4" transform="translate(-20,-5)" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="eTZ5ivXu8Rf5_tr" transform="translate(20,5) rotate(0)"><path d="M22,5h-4" transform="translate(-20,-5)" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></g><g id="eTZ5ivXu8Rf6_ts" transform="translate(4,18) scale(1,1)"><g id="eTZ5ivXu8Rf6" style="filter:blur(0px)" transform="translate(-4,-18)"><path d="M4,17v2" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M5,18h-2" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg>\')',
                 'rect-outline-primary': 'url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><rect width="100%25" height="100%25" fill="none" stroke="rgb(35 92 240)" stroke-width="2" stroke-linecap="square"/></svg>\')',
                 'rect-outline-default': 'url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><rect width="100%25" height="100%25" fill="none" stroke="rgba(208, 213, 221, 1)" stroke-width="2" stroke-dasharray="4 6" stroke-linecap="square"/></svg>\')',

package/dist/tailwind.config.ts

@@ -13,6 +13,32 @@ export default {
     ],
   ],
   content: [],
+  safelist: [
+    // BTU component classes with dynamic color, size, and numbered variants
+    // Matches: btu-button-primary, btu-badge-lg, btu-icon-error, btu-heading-2xl, etc.
+    {
+      pattern:
+        /btu-.*?-(ai|black|white|primary|teal|gray|purple|rose|error|warning|success|xs|sm|md|lg|xl|2xl|1|2|3|4|5|6)/,
+    },
+    // Padding and margin classes for all directions and values 0-8 (including decimals)
+    // Matches: p-0, px-2, py-6, pt-4, pb-8, pl-1, pr-3, ps-5, pe-7, m-0, mx-2, p-1.5, mx-2.5, etc.
+    { pattern: /^[mp][xytblrse]?-[0-8](\.[05])?$/ },
+    // Gap classes for all directions and values 0-8 (including decimals)
+    // Matches: gap-0, gap-x-2, gap-y-6, gap-1.5, gap-x-2.5, etc.
+    { pattern: /^gap(-[xy])?-[0-8](\.[05])?$/ },
+    // Border radius classes
+    // Matches: rounded-none, rounded-sm, rounded, rounded-md, rounded-lg, rounded-xl, rounded-2xl, rounded-3xl, rounded-full
+    { pattern: /^rounded(-none|-sm|-md|-lg|-xl|-2xl|-3xl|-full)?$/ },
+    // Text size classes from text-xs through text-9xl
+    // Matches: text-xs, text-sm, text-base, text-lg, text-xl, text-2xl, text-3xl, text-4xl, text-5xl, text-6xl, text-7xl, text-8xl, text-9xl
+    { pattern: /^text-(xs|sm|base|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl|8xl|9xl)$/ },
+    // Custom font-size:0 class using arbitrary value
+    '[font-size:0]',
+    // Flex shorthand for full width flexible item
+    'flex-[1_0_100%]',
+    // Grid column spanning from fullbleed-start to fullbleed-end
+    '[grid-column:fullbleed-start_/_fullbleed-end]',
+  ],
   theme: {
     backdropBlur: {
       DEFAULT: '2px',
@@ -400,6 +426,8 @@ export default {
           'light-dark(oklch(0.04 0.02 278.29 / 0.25), oklch(0.78 0.01 0 / 0.36))',
       },
       backgroundImage: {
+        'ai-gradient':
+          'linear-gradient(223deg,oklch(0.7 0.3281 339.6) 17.79%,oklch(0.5346 0.3041 294.17) 71.63%,oklch(0.5884 0.2375 262.18) 85.1%)',
         'ai-sparkles':
           'url(\'data:image/svg+xml,<svg id="eTZ5ivXu8Rf1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" project-id="17efa608cdf84d16a374e63788db1b50" export-id="0bf32ebf687749fba502bd708375e386" cached="false"><style><![CDATA[%23eTZ5ivXu8Rf2 {animation: eTZ5ivXu8Rf2__m 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf2__m { 0% {d: path("M9.937,15.5C9.755178,14.795197,9.204803,14.244822,8.5,14.063L2.365,12.481C2.149933,12.419956,2.001525,12.223562,2.001525,12C2.001525,11.776438,2.149933,11.580044,2.365,11.519L8.5,9.936C9.204544,9.754352,9.754861,9.204417,9.937,8.5L11.519,2.365C11.579435,2.149051,11.776254,1.999751,12.0005,1.999751C12.224746,1.999751,12.421565,2.149051,12.482,2.365L14.063,8.5C14.244822,9.204803,14.795197,9.755178,15.5,9.937L21.635,11.518C21.851842,11.577812,22.002049,11.775061,22.002049,12C22.002049,12.224939,21.851842,12.422188,21.635,12.482L15.5,14.063C14.795197,14.244822,14.244822,14.795197,14.063,15.5L12.481,21.635C12.420565,21.850949,12.223746,22.000249,11.9995,22.000249C11.775254,22.000249,11.578435,21.850949,11.518,21.635L9.937,15.5Z");animation-timing-function: cubic-bezier(0.445,0.05,0.55,0.95)} 16% {d: path("M10.737,14.7C10.555178,13.995197,3.511222,19.051796,9.3,13.263L2.365,12.481C2.149933,12.419956,2.001525,12.223562,2.001525,12C2.001525,11.776438,2.149933,11.580044,2.365,11.519L9.3,10.736C10.004544,10.554352,5.006893,3.569889,10.737,9.3L11.519,2.365C11.579435,2.149051,11.776254,1.999751,12.0005,1.999751C12.224746,1.999751,12.421565,2.149051,12.482,2.365L13.263,9.3C13.444822,10.004803,21.218511,4.218506,14.7,10.737L21.635,11.518C21.851842,11.577812,22.002049,11.775061,22.002049,12C22.002049,12.224939,21.851842,12.422188,21.635,12.482L14.7,13.263C20.320377,18.883378,13.444822,13.995197,13.263,14.7L12.481,21.635C12.420565,21.850949,12.223746,22.000249,11.9995,22.000249C11.775254,22.000249,11.578435,21.850949,11.518,21.635L10.737,14.7Z");animation-timing-function: cubic-bezier(0.445,0.05,0.55,0.95)} 22% {d: path("M10.794143,14.642857C10.612321,13.938054,5.423674,17.392661,9.357143,13.205857L2.365,12.481C2.149933,12.419956,1.141856,12.223562,1.141856,12C1.141856,11.776438,2.149933,11.580044,2.365,11.519L9.357143,10.793143C10.061687,10.611495,6.64917,5.465468,10.794143,9.357143L11.519,2.365C11.579435,2.149051,11.775254,1.727963,11.9995,1.727963C12.223746,1.727963,12.421565,2.149051,12.482,2.365L13.205857,9.357143C13.387679,10.061946,19.097564,6.086127,14.642857,10.794143L21.635,11.518C21.851842,11.577812,22.858144,11.775061,22.858144,12C22.858144,12.224939,21.851842,12.422188,21.635,12.482L14.642857,13.205857C18.45604,17.272362,13.387679,13.938054,13.205857,14.642857L12.481,21.635C12.420565,21.850949,12.223746,22.603619,11.9995,22.603619C11.775254,22.603619,11.578435,21.850949,11.518,21.635L10.794143,14.642857Z");animation-timing-function: cubic-bezier(0.445,0.05,0.55,0.95)} 30% {d: path("M10.937,14.5C10.755178,13.795197,10.204803,13.244822,9.5,13.063L2.365,12.481C2.149933,12.419956,2.001525,12.223562,2.001525,12C2.001525,11.776438,2.149933,11.580044,2.365,11.519L9.5,10.936C10.204544,10.754352,10.754861,10.204417,10.937,9.5L11.519,2.365C11.579435,2.149051,11.776254,1.999751,12.0005,1.999751C12.224746,1.999751,12.421565,2.149051,12.482,2.365L13.063,9.5C13.244822,10.204803,13.795197,10.755178,14.5,10.937L21.635,11.518C21.851842,11.577812,22.002049,11.775061,22.002049,12C22.002049,12.224939,21.851842,12.422188,21.635,12.482L14.5,13.063C13.795197,13.244822,13.244822,13.795197,13.063,14.5L12.481,21.635C12.420565,21.850949,12.223746,22.000249,11.9995,22.000249C11.775254,22.000249,11.578435,21.850949,11.518,21.635L10.937,14.5Z")} 42% {d: path("M9.937,15.5C9.755178,14.795197,9.204803,14.244822,8.5,14.063L2.365,12.481C2.149933,12.419956,2.001525,12.223562,2.001525,12C2.001525,11.776438,2.149933,11.580044,2.365,11.519L8.5,9.936C9.204544,9.754352,9.754861,9.204417,9.937,8.5L11.519,2.365C11.579435,2.149051,11.776254,1.999751,12.0005,1.999751C12.224746,1.999751,12.421565,2.149051,12.482,2.365L14.063,8.5C14.244822,9.204803,14.795197,9.755178,15.5,9.937L21.635,11.518C21.851842,11.577812,22.002049,11.775061,22.002049,12C22.002049,12.224939,21.851842,12.422188,21.635,12.482L15.5,14.063C14.795197,14.244822,14.244822,14.795197,14.063,15.5L12.481,21.635C12.420565,21.850949,12.223746,22.000249,11.9995,22.000249C11.775254,22.000249,11.578435,21.850949,11.518,21.635L9.937,15.5Z")} 100% {d: path("M9.937,15.5C9.755178,14.795197,9.204803,14.244822,8.5,14.063L2.365,12.481C2.149933,12.419956,2.001525,12.223562,2.001525,12C2.001525,11.776438,2.149933,11.580044,2.365,11.519L8.5,9.936C9.204544,9.754352,9.754861,9.204417,9.937,8.5L11.519,2.365C11.579435,2.149051,11.776254,1.999751,12.0005,1.999751C12.224746,1.999751,12.421565,2.149051,12.482,2.365L14.063,8.5C14.244822,9.204803,14.795197,9.755178,15.5,9.937L21.635,11.518C21.851842,11.577812,22.002049,11.775061,22.002049,12C22.002049,12.224939,21.851842,12.422188,21.635,12.482L15.5,14.063C14.795197,14.244822,14.244822,14.795197,14.063,15.5L12.481,21.635C12.420565,21.850949,12.223746,22.000249,11.9995,22.000249C11.775254,22.000249,11.578435,21.850949,11.518,21.635L9.937,15.5Z")}} %23eTZ5ivXu8Rf2_tr {animation: eTZ5ivXu8Rf2_tr__tr 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf2_tr__tr { 0% {transform: translate(12.001787px,12px) rotate(0deg)} 18% {transform: translate(12.001787px,12px) rotate(8.312442deg)} 32% {transform: translate(12.001787px,12px) rotate(0.234247deg)} 100% {transform: translate(12.001787px,12px) rotate(0.234247deg)}} %23eTZ5ivXu8Rf2_ts {animation: eTZ5ivXu8Rf2_ts__ts 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf2_ts__ts { 0% {transform: skewX(0.92deg) skewY(0.92deg) scale(0.86,0.86)} 22% {transform: skewX(0.92deg) skewY(0.92deg) scale(0.97,0.97)} 42% {transform: skewX(0.92deg) skewY(0.92deg) scale(0.86,0.87)} 100% {transform: skewX(0.92deg) skewY(0.92deg) scale(0.86,0.87)}} %23eTZ5ivXu8Rf3 {animation: eTZ5ivXu8Rf3__fl 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf3__fl { 0% {filter: blur(0.424264px)} 42% {filter: blur(0.424264px)} 100% {filter: blur(0.424264px)}} %23eTZ5ivXu8Rf4_tr {animation: eTZ5ivXu8Rf4_tr__tr 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf4_tr__tr { 0% {transform: translate(20px,5px) rotate(0deg)} 20% {transform: translate(20px,5px) rotate(0deg);animation-timing-function: cubic-bezier(0.42,0,1,1)} 28% {transform: translate(20px,5px) rotate(90deg)} 100% {transform: translate(20px,5px) rotate(90deg)}} %23eTZ5ivXu8Rf5_tr {animation: eTZ5ivXu8Rf5_tr__tr 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf5_tr__tr { 0% {transform: translate(20px,5px) rotate(0deg)} 20% {transform: translate(20px,5px) rotate(0deg);animation-timing-function: cubic-bezier(0.42,0,1,1)} 28% {transform: translate(20px,5px) rotate(90deg)} 100% {transform: translate(20px,5px) rotate(90deg)}} %23eTZ5ivXu8Rf6_ts {animation: eTZ5ivXu8Rf6_ts__ts 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf6_ts__ts { 0% {transform: translate(4px,18px) scale(1,1);animation-timing-function: cubic-bezier(0.42,0,1,1)} 8% {transform: translate(4px,18px) scale(1.322243,1.322243);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 16% {transform: translate(4px,18px) scale(0.802685,0.802685)} 100% {transform: translate(4px,18px) scale(0.802685,0.802685)}} %23eTZ5ivXu8Rf6 {animation: eTZ5ivXu8Rf6__fl 2976.190476190476ms linear infinite normal forwards}@keyframes eTZ5ivXu8Rf6__fl { 0% {filter: blur(0px)} 8% {filter: blur(0.424264px)} 16% {filter: blur(0px)} 100% {filter: blur(0px)}}]]></style><defs><filter id="eTZ5ivXu8Rf2-filter" x="-150%" y="-150%" width="400%" height="400%"><feGaussianBlur id="eTZ5ivXu8Rf2-filter-blur-0" stdDeviation="0,0" result="result"/></filter></defs><g id="eTZ5ivXu8Rf2_tr" transform="translate(12.001787,12) rotate(0)"><g id="eTZ5ivXu8Rf2_ts" transform="skewX(0.92) skewY(0.92) scale(0.86,0.86)"><path id="eTZ5ivXu8Rf2" d="M9.937,15.5c-.181822-.704803-.732197-1.255178-1.437-1.437L2.365,12.481c-.215067-.061044-.363475-.257438-.363475-.481s.148408-.419956.363475-.481L8.5,9.936c.704544-.181648,1.254861-.731583,1.437-1.436l1.582-6.135c.060435-.215949.257254-.365249.4815-.365249s.421065.1493.4815.365249L14.063,8.5c.181822.704803.732197,1.255178,1.437,1.437l6.135,1.581c.216842.059812.367049.257061.367049.482s-.150207.422188-.367049.482L15.5,14.063c-.704803.181822-1.255178.732197-1.437,1.437l-1.582,6.135c-.060435.215949-.257254.365249-.4815.365249s-.421065-.1493-.4815-.365249L9.937,15.5Z" transform="translate(-12.001787,-12)" filter="url(%23eTZ5ivXu8Rf2-filter)" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></g><g id="eTZ5ivXu8Rf3" style="filter:blur(0.424264px)"><g id="eTZ5ivXu8Rf4_tr" transform="translate(20,5) rotate(0)"><path d="M20,3v4" transform="translate(-20,-5)" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="eTZ5ivXu8Rf5_tr" transform="translate(20,5) rotate(0)"><path d="M22,5h-4" transform="translate(-20,-5)" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></g><g id="eTZ5ivXu8Rf6_ts" transform="translate(4,18) scale(1,1)"><g id="eTZ5ivXu8Rf6" style="filter:blur(0px)" transform="translate(-4,-18)"><path d="M4,17v2" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M5,18h-2" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg>\')',
         'rect-outline-primary':
@@ -412,15 +440,22 @@ export default {
           'url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><rect width="100%25" height="100%25" fill="none" stroke="rgba(0, 78, 235, 1)" stroke-width="2" stroke-linecap="square"/></svg>\')',
         'site-logo-default':
           'url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_17404_968)"><path d="M12 24C5.38286 24 0 18.6171 0 12C0 5.38286 5.38286 0 12 0C18.6171 0 24 5.38286 24 12C24 18.6171 18.6171 24 12 24ZM12 3.42857C7.27714 3.42857 3.42857 7.27714 3.42857 12C3.42857 16.7229 7.27714 20.5714 12 20.5714C16.7229 20.5714 20.5714 16.7229 20.5714 12C20.5714 7.27714 16.7229 3.42857 12 3.42857Z" fill="%23FF1F3D"/></g><defs><clipPath id="clip0_17404_968"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>\')',
-        'error-gradient': 'linear-gradient(45deg,oklch(var(--btu-theme-error-500)) 0%,oklch(var(--btu-theme-error-700)) 50%,oklch(var(--btu-theme-error-900)) 100%)',
-        'gray-gradient': 'linear-gradient(45deg,oklch(var(--btu-theme-gray-500)) 0%,oklch(var(--btu-theme-gray-700)) 50%,oklch(var(--btu-theme-gray-900)) 100%)',
+        'error-gradient':
+          'linear-gradient(45deg,oklch(var(--btu-theme-error-500)) 0%,oklch(var(--btu-theme-error-700)) 50%,oklch(var(--btu-theme-error-900)) 100%)',
+        'gray-gradient':
+          'linear-gradient(45deg,oklch(var(--btu-theme-gray-500)) 0%,oklch(var(--btu-theme-gray-700)) 50%,oklch(var(--btu-theme-gray-900)) 100%)',
         'primary-gradient':
           'linear-gradient(45deg,oklch(var(--btu-theme-primary-500)) 0%,oklch(var(--btu-theme-primary-700)) 50%,oklch(var(--btu-theme-primary-900)) 100%)',
-        'purple-gradient': 'linear-gradient(45deg,oklch(var(--btu-theme-purple-500)) 0%,oklch(var(--btu-theme-purple-700)) 50%,oklch(var(--btu-theme-purple-900)) 100%)',
-        'rose-gradient': 'linear-gradient(45deg,oklch(var(--btu-theme-rose-500)) 0%,oklch(var(--btu-theme-rose-700)) 50%,oklch(var(--btu-theme-rose-900)) 100%)',
-        'success-gradient': 'linear-gradient(45deg,oklch(var(--btu-theme-success-500)) 0%,oklch(var(--btu-theme-success-700)) 50%,oklch(var(--btu-theme-success-900)) 100%)',
-        'teal-gradient': 'linear-gradient(45deg,oklch(var(--btu-theme-teal-500)) 0%,oklch(var(--btu-theme-teal-700)) 50%,oklch(var(--btu-theme-teal-900)) 100%)',
-        'warning-gradient': 'linear-gradient(45deg,oklch(var(--btu-theme-warning-500)) 0%,oklch(var(--btu-theme-warning-700)) 50%,oklch(var(--btu-theme-warning-900)) 100%)',
+        'purple-gradient':
+          'linear-gradient(45deg,oklch(var(--btu-theme-purple-500)) 0%,oklch(var(--btu-theme-purple-700)) 50%,oklch(var(--btu-theme-purple-900)) 100%)',
+        'rose-gradient':
+          'linear-gradient(45deg,oklch(var(--btu-theme-rose-500)) 0%,oklch(var(--btu-theme-rose-700)) 50%,oklch(var(--btu-theme-rose-900)) 100%)',
+        'success-gradient':
+          'linear-gradient(45deg,oklch(var(--btu-theme-success-500)) 0%,oklch(var(--btu-theme-success-700)) 50%,oklch(var(--btu-theme-success-900)) 100%)',
+        'teal-gradient':
+          'linear-gradient(45deg,oklch(var(--btu-theme-teal-500)) 0%,oklch(var(--btu-theme-teal-700)) 50%,oklch(var(--btu-theme-teal-900)) 100%)',
+        'warning-gradient':
+          'linear-gradient(45deg,oklch(var(--btu-theme-warning-500)) 0%,oklch(var(--btu-theme-warning-700)) 50%,oklch(var(--btu-theme-warning-900)) 100%)',
       },
       containers: ({ theme }: { theme: (key: string) => string }) => ({
         'admin-two-columns': '672px',

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@brightspot/ui",
-  "version": "1.0.1-2",
+  "version": "1.0.1-4",
+  "type": "module",
   "license": "UNLICENSED",
   "description": "A UI library for building Brightspot CMS components.",
   "main": "./dist/tailwind.config.ts",
@@ -10,9 +11,12 @@
     "build": "yarn clean && tsc --noEmitOnError && shx cp ./src/*.ts ./dist && shx rm ./dist/tailwind.storybook.config* && shx rm -Rf ./dist/stories",
     "prepack": "yarn build && yarn build-storybook",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build -o ./dist/storybook"
+    "build-storybook": "storybook build -o ./dist/storybook",
+    "prepare": "husky"
   },
   "devDependencies": {
+    "@commitlint/cli": "^20.1.0",
+    "@commitlint/config-conventional": "^20.0.0",
     "@eslint/js": "^9.23.0",
     "@storybook/addon-docs": "^9.1.8",
     "@storybook/addon-themes": "^9.1.8",
@@ -26,6 +30,7 @@
     "eslint-plugin-prettier": "5.0.0",
     "eslint-plugin-storybook": "^9.1.8",
     "globals": "^16.0.0",
+    "husky": "^9.1.7",
     "lit": "^3.3.0",
     "mini-css-extract-plugin": "^2.6.1",
     "postcss-import": "^16.0.0",

package/dist/storybook/assets/Badge.stories-DwfG5f7M.js

@@ -1,9 +0,0 @@
-import{x as c}from"./iframe-0P_LP1rU.js";import"./preload-helper-PPVm8Dsz.js";const l=({color:o="gray",affordance:t,size:a="sm",label:n})=>{let r=!1,s=!1;return t==="dot"?r=!0:t==="icon"&&(s=!0),c`
-    <div
-      class=${["btu-badge",`btu-badge-${a}`,`btu-badge-${o}`,r?"before:size-2 before:rounded-lg before:bg-[currentColor]":"",s?"before:btu-icon before:btu-icon-xs before:btu-icon-salad":""].join(" ")}
-    >
-      ${n}
-    </div>
-  `},d=["black","white","primary","teal","gray","purple","rose","error","warning","success"],u={title:"Components/Badge",component:"btu-badge",tags:["autodocs"],parameters:{docs:{subtitle:"btu-badge"},controls:{expanded:!0}},render:o=>l(o),argTypes:{color:{control:{type:"select"},options:d},affordance:{control:{type:"select"},options:["dot","icon"],description:"Display a design affordance next to the label"},size:{control:{type:"select"},options:["sm","md","lg"]}},args:{color:"purple",affordance:"dot",size:"sm",label:"Badge"}},e={args:{}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {}
-}`,...e.parameters?.docs?.source}}};const b=["Default"];export{e as Default,b as __namedExportsOrder,u as default};

package/dist/storybook/assets/Button.stories-DkvLsiV0.js

@@ -1,10 +0,0 @@
-import{x as b}from"./iframe-0P_LP1rU.js";import"./preload-helper-PPVm8Dsz.js";const d=({color:o="primary",pressed:e,fill:n,contained:r,outlined:s,size:l="sm",label:u})=>{const a=e?"btu-button-pressed":"",c=n?"btu-button-fill":"btu-button-fill-none",i=r?"":"btu-button-container-none",p=s?"btu-button-outline":"";return b`
-    <button
-      type="button"
-      class=${["btu-button",`btu-button-${o}`,`btu-button-${l}`,c,i,p,a].join(" ")}
-    >
-      ${u}
-    </button>
-  `},m=["black","white","primary","teal","gray","purple","rose","error","warning","success"],g={title:"Components/Button",component:"btu-button",tags:["autodocs"],parameters:{docs:{subtitle:"btu-button"},controls:{expanded:!0}},render:o=>d(o),argTypes:{size:{control:{type:"select"},options:["sm","md","lg","xl","2xl"]},color:{control:{type:"select"},options:m},pressed:{control:{type:"boolean"},description:"Is the button pressed?"},fill:{control:{type:"boolean"},description:"Is the button filled?"},contained:{control:{type:"boolean"},description:"Does the button have a container?"},outlined:{control:{type:"boolean"},description:"Is the button outlined?"}},args:{color:"primary",label:"Button",pressed:!1,fill:!0,contained:!0,outlined:!1,size:"md"}},t={args:{}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  args: {}
-}`,...t.parameters?.docs?.source}}};const h=["Default"];export{t as Default,h as __namedExportsOrder,g as default};

package/dist/storybook/assets/Colors.stories-DrTye89i.js

@@ -1,79 +0,0 @@
-import{x as i}from"./iframe-0P_LP1rU.js";import"./preload-helper-PPVm8Dsz.js";const c=r=>i`
-    <div class="my-10">
-      <div
-        class="not-prose grid grid-cols-[auto_minmax(0,_1fr)] items-center gap-4"
-      >
-        <div class="z-9 sticky top-28 lg:top-14">
-          &nbsp;
-        </div>
-        <div
-          class="z-9 top-28 col-start-2 grid grid-cols-11 justify-items-center gap-1.5 font-medium *:rotate-180 *:[writing-mode:vertical-lr] max-sm:py-1 sm:gap-4 sm:*:rotate-0 sm:*:[writing-mode:horizontal-tb] lg:top-14"
-        >
-          ${[...r.palette?.keys()??[]].map(n=>i`<div>${n}</div>`)}
-        </div>
-        <div></div>
-        <div class="grid h-10 grid-cols-11 gap-1.5 sm:gap-4">
-          ${[...r.palette?.values()??[]].map(n=>i`<div class="${n} size-full"></div>`)}
-        </div>
-      </div>
-    </div>
-  `,d={title:"Design System/Colors",component:"btu-theme",tags:["autodocs"],parameters:{controls:{exclude:["palette"]},docs:{subtitle:"We've replaced the default Tailwind colors with our own palette to match the design vocabulary. Specifically replacing 'blue' with 'primary', 'green' with 'success', 'yellow' with 'warning', and 'red' with 'error'. For example, instead of 'bg-blue-400', use 'bg-primary-400'."}},render:r=>c(r)},e={parameters:{docs:{description:{story:"Used for primary call to actions, visual UI elements, active and clicked states, and focused containers."}}},args:{palette:new Map([["25","bg-primary-25"],["50","bg-primary-50"],["100","bg-primary-100"],["200","bg-primary-200"],["300","bg-primary-300"],["400","bg-primary-400"],["500","bg-primary-500"],["600","bg-primary-600"],["700","bg-primary-700"],["800","bg-primary-800"],["900","bg-primary-900"]])}},a={parameters:{docs:{description:{story:"Success colors communicate a positive action, postive trend, or a successful confirmation. If you're using green as your primary color, it can be helpful to introduce a different hue for your success green."}}},args:{palette:new Map([["25","bg-success-25"],["50","bg-success-50"],["100","bg-success-100"],["200","bg-success-200"],["300","bg-success-300"],["400","bg-success-400"],["500","bg-success-500"],["600","bg-success-600"],["700","bg-success-700"],["800","bg-success-800"],["900","bg-success-900"]])}},s={parameters:{docs:{description:{story:`Warning colors can communicate that an action is potentially destructive or "on-hold". These colors are commonly used in confirmations to grab the users' attention.`}}},args:{palette:new Map([["25","bg-warning-25"],["50","bg-warning-50"],["100","bg-warning-100"],["200","bg-warning-200"],["300","bg-warning-300"],["400","bg-warning-400"],["500","bg-warning-500"],["600","bg-warning-600"],["700","bg-warning-700"],["800","bg-warning-800"],["900","bg-warning-900"]])}},t={parameters:{docs:{description:{story:'Error colors are used across error states and in "destructive" actions. They communicate a destructive/negative action, such as deleting or archiving an object.'}}},args:{palette:new Map([["25","bg-error-25"],["50","bg-error-50"],["100","bg-error-100"],["200","bg-error-200"],["300","bg-error-300"],["400","bg-error-400"],["500","bg-error-500"],["600","bg-error-600"],["700","bg-error-700"],["800","bg-error-800"],["900","bg-error-900"]])}},o={parameters:{docs:{description:{story:"Gray is a neutral color and is the foundation of the color system. Almost everything in UI design — text, form fields, backgrounds, dividers — are usually gray."}}},args:{palette:new Map([["25","bg-gray-25"],["50","bg-gray-50"],["100","bg-gray-100"],["200","bg-gray-200"],["300","bg-gray-300"],["400","bg-gray-400"],["500","bg-gray-500"],["600","bg-gray-600"],["700","bg-gray-700"],["800","bg-gray-800"],["900","bg-gray-900"]])}},g={args:{palette:new Map([["primary","bg-primary-gradient"],["teal","bg-teal-gradient"],["success","bg-success-gradient"],["warning","bg-warning-gradient"],["error","bg-error-gradient"],["rose","bg-rose-gradient"],["purple","bg-purple-gradient"],["gray","bg-gray-gradient"]])}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  parameters: {
-    docs: {
-      description: {
-        story: 'Used for primary call to actions, visual UI elements, active and clicked states, and focused containers.'
-      }
-    }
-  },
-  args: {
-    palette: new Map([['25', 'bg-primary-25'], ['50', 'bg-primary-50'], ['100', 'bg-primary-100'], ['200', 'bg-primary-200'], ['300', 'bg-primary-300'], ['400', 'bg-primary-400'], ['500', 'bg-primary-500'], ['600', 'bg-primary-600'], ['700', 'bg-primary-700'], ['800', 'bg-primary-800'], ['900', 'bg-primary-900']])
-  }
-}`,...e.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
-  parameters: {
-    docs: {
-      description: {
-        story: "Success colors communicate a positive action, postive trend, or a successful confirmation. If you're using green as your primary color, it can be helpful to introduce a different hue for your success green."
-      }
-    }
-  },
-  args: {
-    palette: new Map([['25', 'bg-success-25'], ['50', 'bg-success-50'], ['100', 'bg-success-100'], ['200', 'bg-success-200'], ['300', 'bg-success-300'], ['400', 'bg-success-400'], ['500', 'bg-success-500'], ['600', 'bg-success-600'], ['700', 'bg-success-700'], ['800', 'bg-success-800'], ['900', 'bg-success-900']])
-  }
-}`,...a.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
-  parameters: {
-    docs: {
-      description: {
-        story: 'Warning colors can communicate that an action is potentially destructive or "on-hold". These colors are commonly used in confirmations to grab the users\\' attention.'
-      }
-    }
-  },
-  args: {
-    palette: new Map([['25', 'bg-warning-25'], ['50', 'bg-warning-50'], ['100', 'bg-warning-100'], ['200', 'bg-warning-200'], ['300', 'bg-warning-300'], ['400', 'bg-warning-400'], ['500', 'bg-warning-500'], ['600', 'bg-warning-600'], ['700', 'bg-warning-700'], ['800', 'bg-warning-800'], ['900', 'bg-warning-900']])
-  }
-}`,...s.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  parameters: {
-    docs: {
-      description: {
-        story: 'Error colors are used across error states and in "destructive" actions. They communicate a destructive/negative action, such as deleting or archiving an object.'
-      }
-    }
-  },
-  args: {
-    palette: new Map([['25', 'bg-error-25'], ['50', 'bg-error-50'], ['100', 'bg-error-100'], ['200', 'bg-error-200'], ['300', 'bg-error-300'], ['400', 'bg-error-400'], ['500', 'bg-error-500'], ['600', 'bg-error-600'], ['700', 'bg-error-700'], ['800', 'bg-error-800'], ['900', 'bg-error-900']])
-  }
-}`,...t.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
-  parameters: {
-    docs: {
-      description: {
-        story: 'Gray is a neutral color and is the foundation of the color system. Almost everything in UI design — text, form fields, backgrounds, dividers — are usually gray.'
-      }
-    }
-  },
-  args: {
-    palette: new Map([['25', 'bg-gray-25'], ['50', 'bg-gray-50'], ['100', 'bg-gray-100'], ['200', 'bg-gray-200'], ['300', 'bg-gray-300'], ['400', 'bg-gray-400'], ['500', 'bg-gray-500'], ['600', 'bg-gray-600'], ['700', 'bg-gray-700'], ['800', 'bg-gray-800'], ['900', 'bg-gray-900']])
-  }
-}`,...o.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
-  args: {
-    palette: new Map([['primary', 'bg-primary-gradient'], ['teal', 'bg-teal-gradient'], ['success', 'bg-success-gradient'], ['warning', 'bg-warning-gradient'], ['error', 'bg-error-gradient'], ['rose', 'bg-rose-gradient'], ['purple', 'bg-purple-gradient'], ['gray', 'bg-gray-gradient']])
-  }
-}`,...g.parameters?.docs?.source}}};const m=["Primary","Success","Warning","Error","Gray","Gradients"];export{t as Error,g as Gradients,o as Gray,e as Primary,a as Success,s as Warning,m as __namedExportsOrder,d as default};