tailwind-ux-kit 1.0.83 → 1.0.84

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/lib/index.css +770 -1
  2. package/package.json +1 -1
package/lib/index.css CHANGED
@@ -1 +1,770 @@
1
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.btn-primary{background-color:var(--color-blue-600,oklch(54.6% .245 262.881));color:var(--color-white,#fff)}@media (hover:hover){.btn-primary:hover{background-color:var(--color-blue-700,oklch(48.8% .243 264.376))}}.btn-outline-primary{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-600,oklch(54.6% .245 262.881));color:var(--color-blue-600,oklch(54.6% .245 262.881))}@media (hover:hover){.btn-outline-primary:hover{background-color:var(--color-blue-50,oklch(97% .014 254.604))}}.btn-soft-primary{background-color:var(--color-blue-100,oklch(93.2% .032 255.585));color:var(--color-blue-700,oklch(48.8% .243 264.376))}@media (hover:hover){.btn-soft-primary:hover{background-color:var(--color-blue-200,oklch(88.2% .059 254.128))}}.btn-secondary{background-color:var(--color-gray-600,oklch(44.6% .03 256.802));color:var(--color-white,#fff)}@media (hover:hover){.btn-secondary:hover{background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}}.btn-outline-secondary{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-600,oklch(44.6% .03 256.802));color:var(--color-gray-600,oklch(44.6% .03 256.802))}@media (hover:hover){.btn-outline-secondary:hover{background-color:var(--color-gray-50,oklch(98.5% .002 247.839))}}.btn-soft-secondary{background-color:var(--color-gray-100,oklch(96.7% .003 264.542));color:var(--color-gray-700,oklch(37.3% .034 259.733))}@media (hover:hover){.btn-soft-secondary:hover{background-color:var(--color-gray-200,oklch(92.8% .006 264.531))}}.btn-success{background-color:var(--color-green-600,oklch(62.7% .194 149.214));color:var(--color-white,#fff)}@media (hover:hover){.btn-success:hover{background-color:var(--color-green-700,oklch(52.7% .154 150.069))}}.btn-outline-success{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-green-600,oklch(62.7% .194 149.214));color:var(--color-green-600,oklch(62.7% .194 149.214))}@media (hover:hover){.btn-outline-success:hover{background-color:var(--color-green-50,oklch(98.2% .018 155.826))}}.btn-soft-success{background-color:var(--color-green-100,oklch(96.2% .044 156.743));color:var(--color-green-700,oklch(52.7% .154 150.069))}@media (hover:hover){.btn-soft-success:hover{background-color:var(--color-green-200,oklch(92.5% .084 155.995))}}.btn-danger{background-color:var(--color-red-600,oklch(57.7% .245 27.325));color:var(--color-white,#fff)}@media (hover:hover){.btn-danger:hover{background-color:var(--color-red-700,oklch(50.5% .213 27.518))}}.btn-outline-danger{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-red-600,oklch(57.7% .245 27.325));color:var(--color-red-600,oklch(57.7% .245 27.325))}@media (hover:hover){.btn-outline-danger:hover{background-color:var(--color-red-50,oklch(97.1% .013 17.38))}}.btn-soft-danger{background-color:var(--color-red-100,oklch(93.6% .032 17.717));color:var(--color-red-700,oklch(50.5% .213 27.518))}@media (hover:hover){.btn-soft-danger:hover{background-color:var(--color-red-200,oklch(88.5% .062 18.334))}}.btn-warning{background-color:var(--color-yellow-500,oklch(79.5% .184 86.047));color:var(--color-white,#fff)}@media (hover:hover){.btn-warning:hover{background-color:var(--color-yellow-600,oklch(68.1% .162 75.834))}}.btn-outline-warning{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-yellow-500,oklch(79.5% .184 86.047));color:var(--color-yellow-600,oklch(68.1% .162 75.834))}@media (hover:hover){.btn-outline-warning:hover{background-color:var(--color-yellow-50,oklch(98.7% .026 102.212))}}.btn-soft-warning{background-color:var(--color-yellow-100,oklch(97.3% .071 103.193));color:var(--color-yellow-700,oklch(55.4% .135 66.442))}@media (hover:hover){.btn-soft-warning:hover{background-color:var(--color-yellow-200,oklch(94.5% .129 101.54))}}.btn-info{background-color:var(--color-cyan-600,oklch(60.9% .126 221.723));color:var(--color-white,#fff)}@media (hover:hover){.btn-info:hover{background-color:var(--color-cyan-700,oklch(52% .105 223.128))}}.btn-outline-info{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-cyan-600,oklch(60.9% .126 221.723));color:var(--color-cyan-600,oklch(60.9% .126 221.723))}@media (hover:hover){.btn-outline-info:hover{background-color:var(--color-cyan-50,oklch(98.4% .019 200.873))}}.btn-soft-info{background-color:var(--color-cyan-100,oklch(95.6% .045 203.388));color:var(--color-cyan-700,oklch(52% .105 223.128))}@media (hover:hover){.btn-soft-info:hover{background-color:var(--color-cyan-200,oklch(91.7% .08 205.041))}}.btn-dark{background-color:var(--color-gray-900,oklch(21% .034 264.665));color:var(--color-white,#fff)}@media (hover:hover){.btn-dark:hover{background-color:var(--color-black,#000)}}.btn-outline-dark{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-900,oklch(21% .034 264.665));color:var(--color-gray-900,oklch(21% .034 264.665))}@media (hover:hover){.btn-outline-dark:hover{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}}.btn-soft-dark{background-color:var(--color-gray-200,oklch(92.8% .006 264.531));color:var(--color-gray-900,oklch(21% .034 264.665))}@media (hover:hover){.btn-soft-dark:hover{background-color:var(--color-gray-300,oklch(87.2% .01 258.338))}}.btn-light{background-color:var(--color-gray-100,oklch(96.7% .003 264.542));color:var(--color-gray-800,oklch(27.8% .033 256.848))}@media (hover:hover){.btn-light:hover{background-color:var(--color-gray-200,oklch(92.8% .006 264.531))}}.btn-outline-light{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-100,oklch(96.7% .003 264.542));color:var(--color-gray-600,oklch(44.6% .03 256.802))}@media (hover:hover){.btn-outline-light:hover{background-color:var(--color-gray-50,oklch(98.5% .002 247.839))}}.btn-soft-light{background-color:var(--color-gray-50,oklch(98.5% .002 247.839));color:var(--color-gray-700,oklch(37.3% .034 259.733))}@media (hover:hover){.btn-soft-light:hover{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}}.btn-link{padding:calc(var(--spacing,.25rem)*0);color:var(--color-blue-600,oklch(54.6% .245 262.881));--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000}@media (hover:hover){.btn-link:hover{text-decoration-line:underline}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.primary{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-600,oklch(54.6% .245 262.881));background-color:var(--color-white,#fff)}.primary:is(:where(.peer):checked~*){border-color:var(--color-blue-600,oklch(54.6% .245 262.881));background-color:var(--color-blue-600,oklch(54.6% .245 262.881));color:var(--color-white,#fff)}@media (hover:hover){.primary:hover{background-color:var(--color-blue-300,oklch(80.9% .105 251.813))}.primary:is(:where(.peer):checked~*):hover{background-color:var(--color-blue-700,oklch(48.8% .243 264.376))}}.outline-primary{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-600,oklch(54.6% .245 262.881));background-color:var(--color-white,#fff)}.outline-primary:is(:where(.peer):checked~*){color:var(--color-blue-600,oklch(54.6% .245 262.881))}@media (hover:hover){.outline-primary:hover{background-color:var(--color-blue-300,oklch(80.9% .105 251.813))}}.soft-primary{border-color:var(--color-blue-600,oklch(54.6% .245 262.881));background-color:var(--color-blue-200,oklch(88.2% .059 254.128));color:var(--color-blue-600,oklch(54.6% .245 262.881))}.soft-primary:is(:where(.peer):checked~*){border-color:var(--color-blue-600,oklch(54.6% .245 262.881));color:var(--color-blue-600,oklch(54.6% .245 262.881))}@media (hover:hover){.soft-primary:hover{background-color:var(--color-blue-300,oklch(80.9% .105 251.813))}}.secondary{background-color:var(--color-gray-600,oklch(44.6% .03 256.802));color:var(--color-white,#fff)}@media (hover:hover){.secondary:hover{background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}}.outline-secondary{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-600,oklch(44.6% .03 256.802));color:var(--color-gray-600,oklch(44.6% .03 256.802))}@media (hover:hover){.outline-secondary:hover{background-color:var(--color-gray-50,oklch(98.5% .002 247.839))}}.soft-secondary{background-color:var(--color-gray-100,oklch(96.7% .003 264.542));color:var(--color-gray-700,oklch(37.3% .034 259.733))}@media (hover:hover){.soft-secondary:hover{background-color:var(--color-gray-200,oklch(92.8% .006 264.531))}}.success{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-green-600,oklch(62.7% .194 149.214));background-color:var(--color-white,#fff)}.success:is(:where(.peer):checked~*){border-color:var(--color-green-600,oklch(62.7% .194 149.214));background-color:var(--color-green-600,oklch(62.7% .194 149.214));color:var(--color-white,#fff)}@media (hover:hover){.success:hover{background-color:var(--color-green-300,oklch(87.1% .15 154.449))}.success:is(:where(.peer):checked~*):hover{background-color:var(--color-green-700,oklch(52.7% .154 150.069))}}.outline-success{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-green-600,oklch(62.7% .194 149.214));background-color:var(--color-white,#fff)}.outline-success:is(:where(.peer):checked~*){color:var(--color-green-600,oklch(62.7% .194 149.214))}@media (hover:hover){.outline-success:hover{background-color:var(--color-green-300,oklch(87.1% .15 154.449))}}.soft-success{border-color:var(--color-green-600,oklch(62.7% .194 149.214));background-color:var(--color-green-200,oklch(92.5% .084 155.995));color:var(--color-green-600,oklch(62.7% .194 149.214))}.soft-success:is(:where(.peer):checked~*){border-color:var(--color-green-600,oklch(62.7% .194 149.214));color:var(--color-green-600,oklch(62.7% .194 149.214))}@media (hover:hover){.soft-success:hover{background-color:var(--color-red-300,oklch(80.8% .114 19.571))}}.danger{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-red-600,oklch(57.7% .245 27.325));background-color:var(--color-white,#fff)}.danger:is(:where(.peer):checked~*){border-color:var(--color-red-600,oklch(57.7% .245 27.325));background-color:var(--color-red-600,oklch(57.7% .245 27.325));color:var(--color-white,#fff)}@media (hover:hover){.danger:hover{background-color:var(--color-red-300,oklch(80.8% .114 19.571))}.danger:is(:where(.peer):checked~*):hover{background-color:var(--color-red-700,oklch(50.5% .213 27.518))}}.outline-danger{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-red-600,oklch(57.7% .245 27.325));background-color:var(--color-white,#fff)}.outline-danger:is(:where(.peer):checked~*){color:var(--color-red-600,oklch(57.7% .245 27.325))}@media (hover:hover){.outline-danger:hover{background-color:var(--color-red-300,oklch(80.8% .114 19.571))}}.soft-danger{border-color:var(--color-red-600,oklch(57.7% .245 27.325));background-color:var(--color-red-200,oklch(88.5% .062 18.334));color:var(--color-red-600,oklch(57.7% .245 27.325))}.soft-danger:is(:where(.peer):checked~*){border-color:var(--color-red-600,oklch(57.7% .245 27.325));color:var(--color-red-600,oklch(57.7% .245 27.325))}@media (hover:hover){.soft-danger:hover{background-color:var(--color-red-300,oklch(80.8% .114 19.571))}}.warning{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-yellow-600,oklch(68.1% .162 75.834));background-color:var(--color-white,#fff)}.warning:is(:where(.peer):checked~*){border-color:var(--color-yellow-600,oklch(68.1% .162 75.834));background-color:var(--color-yellow-600,oklch(68.1% .162 75.834));color:var(--color-white,#fff)}@media (hover:hover){.warning:hover{background-color:var(--color-yellow-300,oklch(90.5% .182 98.111))}.warning:is(:where(.peer):checked~*):hover{background-color:var(--color-yellow-700,oklch(55.4% .135 66.442))}}.outline-warning{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-yellow-600,oklch(68.1% .162 75.834));background-color:var(--color-white,#fff)}.outline-warning:is(:where(.peer):checked~*){color:var(--color-yellow-600,oklch(68.1% .162 75.834))}@media (hover:hover){.outline-warning:hover{background-color:var(--color-yellow-300,oklch(90.5% .182 98.111))}}.soft-warning{border-color:var(--color-yellow-600,oklch(68.1% .162 75.834));background-color:var(--color-yellow-200,oklch(94.5% .129 101.54));color:var(--color-yellow-600,oklch(68.1% .162 75.834))}.soft-warning:is(:where(.peer):checked~*){border-color:var(--color-yellow-600,oklch(68.1% .162 75.834));color:var(--color-yellow-600,oklch(68.1% .162 75.834))}@media (hover:hover){.soft-warning:hover{background-color:var(--color-yellow-300,oklch(90.5% .182 98.111))}}.info{background-color:var(--color-cyan-600,oklch(60.9% .126 221.723));color:var(--color-white,#fff)}@media (hover:hover){.info:hover{background-color:var(--color-cyan-700,oklch(52% .105 223.128))}}.outline-info{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-cyan-600,oklch(60.9% .126 221.723));color:var(--color-cyan-600,oklch(60.9% .126 221.723))}@media (hover:hover){.outline-info:hover{background-color:var(--color-cyan-50,oklch(98.4% .019 200.873))}}.soft-info{background-color:var(--color-cyan-100,oklch(95.6% .045 203.388));color:var(--color-cyan-700,oklch(52% .105 223.128))}@media (hover:hover){.soft-info:hover{background-color:var(--color-cyan-200,oklch(91.7% .08 205.041))}}.dark{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-700,oklch(37.3% .034 259.733));background-color:var(--color-white,#fff)}.dark:is(:where(.peer):checked~*){border-color:var(--color-black,#000);background-color:var(--color-black,#000);color:var(--color-white,#fff)}@media (hover:hover){.dark:hover{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.dark:hover{background-color:color-mix(in oklab,var(--color-black,#000)50%,transparent)}}}.outline-dark{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-900,oklch(21% .034 264.665));background-color:var(--color-white,#fff)}.outline-dark:is(:where(.peer):checked~*){color:var(--color-black,#000)}@media (hover:hover){.outline-dark:hover{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}}.soft-dark{border-color:var(--color-gray-600,oklch(44.6% .03 256.802));background-color:var(--color-gray-500,oklch(55.1% .027 264.364));color:var(--color-black,#000)}.soft-dark:is(:where(.peer):checked~*){border-color:var(--color-gray-900,oklch(21% .034 264.665));color:var(--color-black,#000)}@media (hover:hover){.soft-dark:hover{background-color:var(--color-gray-300,oklch(87.2% .01 258.338))}}.light{background-color:var(--color-gray-100,oklch(96.7% .003 264.542));color:var(--color-gray-800,oklch(27.8% .033 256.848))}@media (hover:hover){.light:hover{background-color:var(--color-gray-200,oklch(92.8% .006 264.531))}}.outline-light{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-100,oklch(96.7% .003 264.542));color:var(--color-gray-600,oklch(44.6% .03 256.802))}@media (hover:hover){.outline-light:hover{background-color:var(--color-gray-50,oklch(98.5% .002 247.839))}}.soft-light{background-color:var(--color-gray-50,oklch(98.5% .002 247.839));color:var(--color-gray-700,oklch(37.3% .034 259.733))}@media (hover:hover){.soft-light:hover{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}}.link{padding:calc(var(--spacing,.25rem)*0);color:var(--color-blue-600,oklch(54.6% .245 262.881));--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000}@media (hover:hover){.link:hover{text-decoration-line:underline}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */.toggler-primary{background-color:var(--color-blue-600,oklch(54.6% .245 262.881))}@media (hover:hover){.toggler-primary:hover{background-color:var(--color-blue-700,oklch(48.8% .243 264.376))}}.toggler-secondary{background-color:var(--color-gray-600,oklch(44.6% .03 256.802))}@media (hover:hover){.toggler-secondary:hover{background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}}.toggler-success{background-color:var(--color-green-600,oklch(62.7% .194 149.214))}@media (hover:hover){.toggler-success:hover{background-color:var(--color-green-700,oklch(52.7% .154 150.069))}}.toggler-danger{background-color:var(--color-red-600,oklch(57.7% .245 27.325))}@media (hover:hover){.toggler-danger:hover{background-color:var(--color-red-700,oklch(50.5% .213 27.518))}}.toggler-warning{background-color:var(--color-yellow-500,oklch(79.5% .184 86.047))}@media (hover:hover){.toggler-warning:hover{background-color:var(--color-yellow-600,oklch(68.1% .162 75.834))}}.toggler-info{background-color:var(--color-cyan-600,oklch(60.9% .126 221.723))}@media (hover:hover){.toggler-info:hover{background-color:var(--color-cyan-700,oklch(52% .105 223.128))}}.toggler-dark{background-color:var(--color-gray-900,oklch(21% .034 264.665))}@media (hover:hover){.toggler-dark:hover{background-color:var(--color-black,#000)}}.toggler-light{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}@media (hover:hover){.toggler-light:hover{background-color:var(--color-gray-200,oklch(92.8% .006 264.531))}}
1
+ @layer properties {
2
+ @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
3
+ ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
+ *,
5
+ :before,
6
+ :after,
7
+ ::backdrop {
8
+ --tw-border-style: solid;
9
+ --tw-shadow: 0 0 #0000;
10
+ --tw-shadow-color: initial;
11
+ --tw-shadow-alpha: 100%;
12
+ --tw-inset-shadow: 0 0 #0000;
13
+ --tw-inset-shadow-color: initial;
14
+ --tw-inset-shadow-alpha: 100%;
15
+ --tw-ring-color: initial;
16
+ --tw-ring-shadow: 0 0 #0000;
17
+ --tw-inset-ring-color: initial;
18
+ --tw-inset-ring-shadow: 0 0 #0000;
19
+ --tw-ring-inset: initial;
20
+ --tw-ring-offset-width: 0px;
21
+ --tw-ring-offset-color: #fff;
22
+ --tw-ring-offset-shadow: 0 0 #0000;
23
+ }
24
+ }
25
+ }
26
+ .btn-primary {
27
+ background-color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
28
+ color: var(--color-white, #fff);
29
+ }
30
+ @media (hover: hover) {
31
+ .btn-primary:hover {
32
+ background-color: var(--color-blue-700, oklch(48.8% 0.243 264.376));
33
+ }
34
+ }
35
+ .btn-outline-primary {
36
+ border-style: var(--tw-border-style);
37
+ border-width: 1px;
38
+ border-color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
39
+ color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
40
+ }
41
+ @media (hover: hover) {
42
+ .btn-outline-primary:hover {
43
+ background-color: var(--color-blue-50, oklch(97% 0.014 254.604));
44
+ }
45
+ }
46
+ .btn-soft-primary {
47
+ background-color: var(--color-blue-100, oklch(93.2% 0.032 255.585));
48
+ color: var(--color-blue-700, oklch(48.8% 0.243 264.376));
49
+ }
50
+ @media (hover: hover) {
51
+ .btn-soft-primary:hover {
52
+ background-color: var(--color-blue-200, oklch(88.2% 0.059 254.128));
53
+ }
54
+ }
55
+ .btn-secondary {
56
+ background-color: var(--color-gray-600, oklch(44.6% 0.03 256.802));
57
+ color: var(--color-white, #fff);
58
+ }
59
+ @media (hover: hover) {
60
+ .btn-secondary:hover {
61
+ background-color: var(--color-gray-700, oklch(37.3% 0.034 259.733));
62
+ }
63
+ }
64
+ .btn-outline-secondary {
65
+ border-style: var(--tw-border-style);
66
+ border-width: 1px;
67
+ border-color: var(--color-gray-600, oklch(44.6% 0.03 256.802));
68
+ color: var(--color-gray-600, oklch(44.6% 0.03 256.802));
69
+ }
70
+ @media (hover: hover) {
71
+ .btn-outline-secondary:hover {
72
+ background-color: var(--color-gray-50, oklch(98.5% 0.002 247.839));
73
+ }
74
+ }
75
+ .btn-soft-secondary {
76
+ background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
77
+ color: var(--color-gray-700, oklch(37.3% 0.034 259.733));
78
+ }
79
+ @media (hover: hover) {
80
+ .btn-soft-secondary:hover {
81
+ background-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
82
+ }
83
+ }
84
+ .btn-success {
85
+ background-color: var(--color-green-600, oklch(62.7% 0.194 149.214));
86
+ color: var(--color-white, #fff);
87
+ }
88
+ @media (hover: hover) {
89
+ .btn-success:hover {
90
+ background-color: var(--color-green-700, oklch(52.7% 0.154 150.069));
91
+ }
92
+ }
93
+ .btn-outline-success {
94
+ border-style: var(--tw-border-style);
95
+ border-width: 1px;
96
+ border-color: var(--color-green-600, oklch(62.7% 0.194 149.214));
97
+ color: var(--color-green-600, oklch(62.7% 0.194 149.214));
98
+ }
99
+ @media (hover: hover) {
100
+ .btn-outline-success:hover {
101
+ background-color: var(--color-green-50, oklch(98.2% 0.018 155.826));
102
+ }
103
+ }
104
+ .btn-soft-success {
105
+ background-color: var(--color-green-100, oklch(96.2% 0.044 156.743));
106
+ color: var(--color-green-700, oklch(52.7% 0.154 150.069));
107
+ }
108
+ @media (hover: hover) {
109
+ .btn-soft-success:hover {
110
+ background-color: var(--color-green-200, oklch(92.5% 0.084 155.995));
111
+ }
112
+ }
113
+ .btn-danger {
114
+ background-color: var(--color-red-600, oklch(57.7% 0.245 27.325));
115
+ color: var(--color-white, #fff);
116
+ }
117
+ @media (hover: hover) {
118
+ .btn-danger:hover {
119
+ background-color: var(--color-red-700, oklch(50.5% 0.213 27.518));
120
+ }
121
+ }
122
+ .btn-outline-danger {
123
+ border-style: var(--tw-border-style);
124
+ border-width: 1px;
125
+ border-color: var(--color-red-600, oklch(57.7% 0.245 27.325));
126
+ color: var(--color-red-600, oklch(57.7% 0.245 27.325));
127
+ }
128
+ @media (hover: hover) {
129
+ .btn-outline-danger:hover {
130
+ background-color: var(--color-red-50, oklch(97.1% 0.013 17.38));
131
+ }
132
+ }
133
+ .btn-soft-danger {
134
+ background-color: var(--color-red-100, oklch(93.6% 0.032 17.717));
135
+ color: var(--color-red-700, oklch(50.5% 0.213 27.518));
136
+ }
137
+ @media (hover: hover) {
138
+ .btn-soft-danger:hover {
139
+ background-color: var(--color-red-200, oklch(88.5% 0.062 18.334));
140
+ }
141
+ }
142
+ .btn-warning {
143
+ background-color: var(--color-yellow-500, oklch(79.5% 0.184 86.047));
144
+ color: var(--color-white, #fff);
145
+ }
146
+ @media (hover: hover) {
147
+ .btn-warning:hover {
148
+ background-color: var(--color-yellow-600, oklch(68.1% 0.162 75.834));
149
+ }
150
+ }
151
+ .btn-outline-warning {
152
+ border-style: var(--tw-border-style);
153
+ border-width: 1px;
154
+ border-color: var(--color-yellow-500, oklch(79.5% 0.184 86.047));
155
+ color: var(--color-yellow-600, oklch(68.1% 0.162 75.834));
156
+ }
157
+ @media (hover: hover) {
158
+ .btn-outline-warning:hover {
159
+ background-color: var(--color-yellow-50, oklch(98.7% 0.026 102.212));
160
+ }
161
+ }
162
+ .btn-soft-warning {
163
+ background-color: var(--color-yellow-100, oklch(97.3% 0.071 103.193));
164
+ color: var(--color-yellow-700, oklch(55.4% 0.135 66.442));
165
+ }
166
+ @media (hover: hover) {
167
+ .btn-soft-warning:hover {
168
+ background-color: var(--color-yellow-200, oklch(94.5% 0.129 101.54));
169
+ }
170
+ }
171
+ .btn-info {
172
+ background-color: var(--color-cyan-600, oklch(60.9% 0.126 221.723));
173
+ color: var(--color-white, #fff);
174
+ }
175
+ @media (hover: hover) {
176
+ .btn-info:hover {
177
+ background-color: var(--color-cyan-700, oklch(52% 0.105 223.128));
178
+ }
179
+ }
180
+ .btn-outline-info {
181
+ border-style: var(--tw-border-style);
182
+ border-width: 1px;
183
+ border-color: var(--color-cyan-600, oklch(60.9% 0.126 221.723));
184
+ color: var(--color-cyan-600, oklch(60.9% 0.126 221.723));
185
+ }
186
+ @media (hover: hover) {
187
+ .btn-outline-info:hover {
188
+ background-color: var(--color-cyan-50, oklch(98.4% 0.019 200.873));
189
+ }
190
+ }
191
+ .btn-soft-info {
192
+ background-color: var(--color-cyan-100, oklch(95.6% 0.045 203.388));
193
+ color: var(--color-cyan-700, oklch(52% 0.105 223.128));
194
+ }
195
+ @media (hover: hover) {
196
+ .btn-soft-info:hover {
197
+ background-color: var(--color-cyan-200, oklch(91.7% 0.08 205.041));
198
+ }
199
+ }
200
+ .btn-dark {
201
+ background-color: var(--color-gray-900, oklch(21% 0.034 264.665));
202
+ color: var(--color-white, #fff);
203
+ }
204
+ @media (hover: hover) {
205
+ .btn-dark:hover {
206
+ background-color: var(--color-black, #000);
207
+ }
208
+ }
209
+ .btn-outline-dark {
210
+ border-style: var(--tw-border-style);
211
+ border-width: 1px;
212
+ border-color: var(--color-gray-900, oklch(21% 0.034 264.665));
213
+ color: var(--color-gray-900, oklch(21% 0.034 264.665));
214
+ }
215
+ @media (hover: hover) {
216
+ .btn-outline-dark:hover {
217
+ background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
218
+ }
219
+ }
220
+ .btn-soft-dark {
221
+ background-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
222
+ color: var(--color-gray-900, oklch(21% 0.034 264.665));
223
+ }
224
+ @media (hover: hover) {
225
+ .btn-soft-dark:hover {
226
+ background-color: var(--color-gray-300, oklch(87.2% 0.01 258.338));
227
+ }
228
+ }
229
+ .btn-light {
230
+ background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
231
+ color: var(--color-gray-800, oklch(27.8% 0.033 256.848));
232
+ }
233
+ @media (hover: hover) {
234
+ .btn-light:hover {
235
+ background-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
236
+ }
237
+ }
238
+ .btn-outline-light {
239
+ border-style: var(--tw-border-style);
240
+ border-width: 1px;
241
+ border-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
242
+ color: var(--color-gray-600, oklch(44.6% 0.03 256.802));
243
+ }
244
+ @media (hover: hover) {
245
+ .btn-outline-light:hover {
246
+ background-color: var(--color-gray-50, oklch(98.5% 0.002 247.839));
247
+ }
248
+ }
249
+ .btn-soft-light {
250
+ background-color: var(--color-gray-50, oklch(98.5% 0.002 247.839));
251
+ color: var(--color-gray-700, oklch(37.3% 0.034 259.733));
252
+ }
253
+ @media (hover: hover) {
254
+ .btn-soft-light:hover {
255
+ background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
256
+ }
257
+ }
258
+ .btn-link {
259
+ padding: calc(var(--spacing, 0.25rem) * 0);
260
+ color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
261
+ --tw-shadow: 0 0 #0000;
262
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
263
+ var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
264
+ background-color: #0000;
265
+ }
266
+ @media (hover: hover) {
267
+ .btn-link:hover {
268
+ text-decoration-line: underline;
269
+ }
270
+ }
271
+ @layer properties {
272
+ @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
273
+ ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
274
+ *,
275
+ :before,
276
+ :after,
277
+ ::backdrop {
278
+ --tw-border-style: solid;
279
+ --tw-shadow: 0 0 #0000;
280
+ --tw-shadow-color: initial;
281
+ --tw-shadow-alpha: 100%;
282
+ --tw-inset-shadow: 0 0 #0000;
283
+ --tw-inset-shadow-color: initial;
284
+ --tw-inset-shadow-alpha: 100%;
285
+ --tw-ring-color: initial;
286
+ --tw-ring-shadow: 0 0 #0000;
287
+ --tw-inset-ring-color: initial;
288
+ --tw-inset-ring-shadow: 0 0 #0000;
289
+ --tw-ring-inset: initial;
290
+ --tw-ring-offset-width: 0px;
291
+ --tw-ring-offset-color: #fff;
292
+ --tw-ring-offset-shadow: 0 0 #0000;
293
+ }
294
+ }
295
+ }
296
+ .primary {
297
+ border-style: var(--tw-border-style);
298
+ border-width: 1px;
299
+ border-color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
300
+ background-color: var(--color-white, #fff);
301
+ }
302
+ .primary:is(:where(.peer):checked ~ *) {
303
+ border-color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
304
+ background-color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
305
+ color: var(--color-white, #fff);
306
+ }
307
+ @media (hover: hover) {
308
+ .primary:hover {
309
+ background-color: var(--color-blue-300, oklch(80.9% 0.105 251.813));
310
+ }
311
+ .primary:is(:where(.peer):checked ~ *):hover {
312
+ background-color: var(--color-blue-700, oklch(48.8% 0.243 264.376));
313
+ }
314
+ }
315
+ .outline-primary {
316
+ border-style: var(--tw-border-style);
317
+ border-width: 1px;
318
+ border-color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
319
+ background-color: var(--color-white, #fff);
320
+ }
321
+ .outline-primary:is(:where(.peer):checked ~ *) {
322
+ color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
323
+ }
324
+ @media (hover: hover) {
325
+ .outline-primary:hover {
326
+ background-color: var(--color-blue-300, oklch(80.9% 0.105 251.813));
327
+ }
328
+ }
329
+ .soft-primary {
330
+ border-color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
331
+ background-color: var(--color-blue-200, oklch(88.2% 0.059 254.128));
332
+ color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
333
+ }
334
+ .soft-primary:is(:where(.peer):checked ~ *) {
335
+ border-color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
336
+ color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
337
+ }
338
+ @media (hover: hover) {
339
+ .soft-primary:hover {
340
+ background-color: var(--color-blue-300, oklch(80.9% 0.105 251.813));
341
+ }
342
+ }
343
+ .secondary {
344
+ background-color: var(--color-gray-600, oklch(44.6% 0.03 256.802));
345
+ color: var(--color-white, #fff);
346
+ }
347
+ @media (hover: hover) {
348
+ .secondary:hover {
349
+ background-color: var(--color-gray-700, oklch(37.3% 0.034 259.733));
350
+ }
351
+ }
352
+ .outline-secondary {
353
+ border-style: var(--tw-border-style);
354
+ border-width: 1px;
355
+ border-color: var(--color-gray-600, oklch(44.6% 0.03 256.802));
356
+ color: var(--color-gray-600, oklch(44.6% 0.03 256.802));
357
+ }
358
+ @media (hover: hover) {
359
+ .outline-secondary:hover {
360
+ background-color: var(--color-gray-50, oklch(98.5% 0.002 247.839));
361
+ }
362
+ }
363
+ .soft-secondary {
364
+ background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
365
+ color: var(--color-gray-700, oklch(37.3% 0.034 259.733));
366
+ }
367
+ @media (hover: hover) {
368
+ .soft-secondary:hover {
369
+ background-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
370
+ }
371
+ }
372
+ .success {
373
+ border-style: var(--tw-border-style);
374
+ border-width: 1px;
375
+ border-color: var(--color-green-600, oklch(62.7% 0.194 149.214));
376
+ background-color: var(--color-white, #fff);
377
+ }
378
+ .success:is(:where(.peer):checked ~ *) {
379
+ border-color: var(--color-green-600, oklch(62.7% 0.194 149.214));
380
+ background-color: var(--color-green-600, oklch(62.7% 0.194 149.214));
381
+ color: var(--color-white, #fff);
382
+ }
383
+ @media (hover: hover) {
384
+ .success:hover {
385
+ background-color: var(--color-green-300, oklch(87.1% 0.15 154.449));
386
+ }
387
+ .success:is(:where(.peer):checked ~ *):hover {
388
+ background-color: var(--color-green-700, oklch(52.7% 0.154 150.069));
389
+ }
390
+ }
391
+ .outline-success {
392
+ border-style: var(--tw-border-style);
393
+ border-width: 1px;
394
+ border-color: var(--color-green-600, oklch(62.7% 0.194 149.214));
395
+ background-color: var(--color-white, #fff);
396
+ }
397
+ .outline-success:is(:where(.peer):checked ~ *) {
398
+ color: var(--color-green-600, oklch(62.7% 0.194 149.214));
399
+ }
400
+ @media (hover: hover) {
401
+ .outline-success:hover {
402
+ background-color: var(--color-green-300, oklch(87.1% 0.15 154.449));
403
+ }
404
+ }
405
+ .soft-success {
406
+ border-color: var(--color-green-600, oklch(62.7% 0.194 149.214));
407
+ background-color: var(--color-green-200, oklch(92.5% 0.084 155.995));
408
+ color: var(--color-green-600, oklch(62.7% 0.194 149.214));
409
+ }
410
+ .soft-success:is(:where(.peer):checked ~ *) {
411
+ border-color: var(--color-green-600, oklch(62.7% 0.194 149.214));
412
+ color: var(--color-green-600, oklch(62.7% 0.194 149.214));
413
+ }
414
+ @media (hover: hover) {
415
+ .soft-success:hover {
416
+ background-color: var(--color-red-300, oklch(80.8% 0.114 19.571));
417
+ }
418
+ }
419
+ .danger {
420
+ border-style: var(--tw-border-style);
421
+ border-width: 1px;
422
+ border-color: var(--color-red-600, oklch(57.7% 0.245 27.325));
423
+ background-color: var(--color-white, #fff);
424
+ }
425
+ .danger:is(:where(.peer):checked ~ *) {
426
+ border-color: var(--color-red-600, oklch(57.7% 0.245 27.325));
427
+ background-color: var(--color-red-600, oklch(57.7% 0.245 27.325));
428
+ color: var(--color-white, #fff);
429
+ }
430
+ @media (hover: hover) {
431
+ .danger:hover {
432
+ background-color: var(--color-red-300, oklch(80.8% 0.114 19.571));
433
+ }
434
+ .danger:is(:where(.peer):checked ~ *):hover {
435
+ background-color: var(--color-red-700, oklch(50.5% 0.213 27.518));
436
+ }
437
+ }
438
+ .outline-danger {
439
+ border-style: var(--tw-border-style);
440
+ border-width: 1px;
441
+ border-color: var(--color-red-600, oklch(57.7% 0.245 27.325));
442
+ background-color: var(--color-white, #fff);
443
+ }
444
+ .outline-danger:is(:where(.peer):checked ~ *) {
445
+ color: var(--color-red-600, oklch(57.7% 0.245 27.325));
446
+ }
447
+ @media (hover: hover) {
448
+ .outline-danger:hover {
449
+ background-color: var(--color-red-300, oklch(80.8% 0.114 19.571));
450
+ }
451
+ }
452
+ .soft-danger {
453
+ border-color: var(--color-red-600, oklch(57.7% 0.245 27.325));
454
+ background-color: var(--color-red-200, oklch(88.5% 0.062 18.334));
455
+ color: var(--color-red-600, oklch(57.7% 0.245 27.325));
456
+ }
457
+ .soft-danger:is(:where(.peer):checked ~ *) {
458
+ border-color: var(--color-red-600, oklch(57.7% 0.245 27.325));
459
+ color: var(--color-red-600, oklch(57.7% 0.245 27.325));
460
+ }
461
+ @media (hover: hover) {
462
+ .soft-danger:hover {
463
+ background-color: var(--color-red-300, oklch(80.8% 0.114 19.571));
464
+ }
465
+ }
466
+ .warning {
467
+ border-style: var(--tw-border-style);
468
+ border-width: 1px;
469
+ border-color: var(--color-yellow-600, oklch(68.1% 0.162 75.834));
470
+ background-color: var(--color-white, #fff);
471
+ }
472
+ .warning:is(:where(.peer):checked ~ *) {
473
+ border-color: var(--color-yellow-600, oklch(68.1% 0.162 75.834));
474
+ background-color: var(--color-yellow-600, oklch(68.1% 0.162 75.834));
475
+ color: var(--color-white, #fff);
476
+ }
477
+ @media (hover: hover) {
478
+ .warning:hover {
479
+ background-color: var(--color-yellow-300, oklch(90.5% 0.182 98.111));
480
+ }
481
+ .warning:is(:where(.peer):checked ~ *):hover {
482
+ background-color: var(--color-yellow-700, oklch(55.4% 0.135 66.442));
483
+ }
484
+ }
485
+ .outline-warning {
486
+ border-style: var(--tw-border-style);
487
+ border-width: 1px;
488
+ border-color: var(--color-yellow-600, oklch(68.1% 0.162 75.834));
489
+ background-color: var(--color-white, #fff);
490
+ }
491
+ .outline-warning:is(:where(.peer):checked ~ *) {
492
+ color: var(--color-yellow-600, oklch(68.1% 0.162 75.834));
493
+ }
494
+ @media (hover: hover) {
495
+ .outline-warning:hover {
496
+ background-color: var(--color-yellow-300, oklch(90.5% 0.182 98.111));
497
+ }
498
+ }
499
+ .soft-warning {
500
+ border-color: var(--color-yellow-600, oklch(68.1% 0.162 75.834));
501
+ background-color: var(--color-yellow-200, oklch(94.5% 0.129 101.54));
502
+ color: var(--color-yellow-600, oklch(68.1% 0.162 75.834));
503
+ }
504
+ .soft-warning:is(:where(.peer):checked ~ *) {
505
+ border-color: var(--color-yellow-600, oklch(68.1% 0.162 75.834));
506
+ color: var(--color-yellow-600, oklch(68.1% 0.162 75.834));
507
+ }
508
+ @media (hover: hover) {
509
+ .soft-warning:hover {
510
+ background-color: var(--color-yellow-300, oklch(90.5% 0.182 98.111));
511
+ }
512
+ }
513
+ .info {
514
+ background-color: var(--color-cyan-600, oklch(60.9% 0.126 221.723));
515
+ color: var(--color-white, #fff);
516
+ }
517
+ @media (hover: hover) {
518
+ .info:hover {
519
+ background-color: var(--color-cyan-700, oklch(52% 0.105 223.128));
520
+ }
521
+ }
522
+ .outline-info {
523
+ border-style: var(--tw-border-style);
524
+ border-width: 1px;
525
+ border-color: var(--color-cyan-600, oklch(60.9% 0.126 221.723));
526
+ color: var(--color-cyan-600, oklch(60.9% 0.126 221.723));
527
+ }
528
+ @media (hover: hover) {
529
+ .outline-info:hover {
530
+ background-color: var(--color-cyan-50, oklch(98.4% 0.019 200.873));
531
+ }
532
+ }
533
+ .soft-info {
534
+ background-color: var(--color-cyan-100, oklch(95.6% 0.045 203.388));
535
+ color: var(--color-cyan-700, oklch(52% 0.105 223.128));
536
+ }
537
+ @media (hover: hover) {
538
+ .soft-info:hover {
539
+ background-color: var(--color-cyan-200, oklch(91.7% 0.08 205.041));
540
+ }
541
+ }
542
+ .dark {
543
+ border-style: var(--tw-border-style);
544
+ border-width: 1px;
545
+ border-color: var(--color-gray-700, oklch(37.3% 0.034 259.733));
546
+ background-color: var(--color-white, #fff);
547
+ }
548
+ .dark:is(:where(.peer):checked ~ *) {
549
+ border-color: var(--color-black, #000);
550
+ background-color: var(--color-black, #000);
551
+ color: var(--color-white, #fff);
552
+ }
553
+ @media (hover: hover) {
554
+ .dark:hover {
555
+ background-color: #00000080;
556
+ }
557
+ @supports (color: color-mix(in lab, red, red)) {
558
+ .dark:hover {
559
+ background-color: color-mix(
560
+ in oklab,
561
+ var(--color-black, #000) 50%,
562
+ transparent
563
+ );
564
+ }
565
+ }
566
+ }
567
+ .outline-dark {
568
+ border-style: var(--tw-border-style);
569
+ border-width: 1px;
570
+ border-color: var(--color-gray-900, oklch(21% 0.034 264.665));
571
+ background-color: var(--color-white, #fff);
572
+ }
573
+ .outline-dark:is(:where(.peer):checked ~ *) {
574
+ color: var(--color-black, #000);
575
+ }
576
+ @media (hover: hover) {
577
+ .outline-dark:hover {
578
+ background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
579
+ }
580
+ }
581
+ .soft-dark {
582
+ border-color: var(--color-gray-600, oklch(44.6% 0.03 256.802));
583
+ background-color: var(--color-gray-500, oklch(55.1% 0.027 264.364));
584
+ color: var(--color-black, #000);
585
+ }
586
+ .soft-dark:is(:where(.peer):checked ~ *) {
587
+ border-color: var(--color-gray-900, oklch(21% 0.034 264.665));
588
+ color: var(--color-black, #000);
589
+ }
590
+ @media (hover: hover) {
591
+ .soft-dark:hover {
592
+ background-color: var(--color-gray-300, oklch(87.2% 0.01 258.338));
593
+ }
594
+ }
595
+ .light {
596
+ background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
597
+ color: var(--color-gray-800, oklch(27.8% 0.033 256.848));
598
+ }
599
+ @media (hover: hover) {
600
+ .light:hover {
601
+ background-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
602
+ }
603
+ }
604
+ .outline-light {
605
+ border-style: var(--tw-border-style);
606
+ border-width: 1px;
607
+ border-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
608
+ color: var(--color-gray-600, oklch(44.6% 0.03 256.802));
609
+ }
610
+ @media (hover: hover) {
611
+ .outline-light:hover {
612
+ background-color: var(--color-gray-50, oklch(98.5% 0.002 247.839));
613
+ }
614
+ }
615
+ .soft-light {
616
+ background-color: var(--color-gray-50, oklch(98.5% 0.002 247.839));
617
+ color: var(--color-gray-700, oklch(37.3% 0.034 259.733));
618
+ }
619
+ @media (hover: hover) {
620
+ .soft-light:hover {
621
+ background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
622
+ }
623
+ }
624
+ .link {
625
+ padding: calc(var(--spacing, 0.25rem) * 0);
626
+ color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
627
+ --tw-shadow: 0 0 #0000;
628
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
629
+ var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
630
+ background-color: #0000;
631
+ }
632
+ @media (hover: hover) {
633
+ .link:hover {
634
+ text-decoration-line: underline;
635
+ }
636
+ }
637
+ @property --tw-border-style {
638
+ syntax: "*";
639
+ inherits: false;
640
+ initial-value: solid;
641
+ }
642
+ @property --tw-shadow {
643
+ syntax: "*";
644
+ inherits: false;
645
+ initial-value: 0 0 #0000;
646
+ }
647
+ @property --tw-shadow-color {
648
+ syntax: "*";
649
+ inherits: false;
650
+ }
651
+ @property --tw-shadow-alpha {
652
+ syntax: "<percentage>";
653
+ inherits: false;
654
+ initial-value: 100%;
655
+ }
656
+ @property --tw-inset-shadow {
657
+ syntax: "*";
658
+ inherits: false;
659
+ initial-value: 0 0 #0000;
660
+ }
661
+ @property --tw-inset-shadow-color {
662
+ syntax: "*";
663
+ inherits: false;
664
+ }
665
+ @property --tw-inset-shadow-alpha {
666
+ syntax: "<percentage>";
667
+ inherits: false;
668
+ initial-value: 100%;
669
+ }
670
+ @property --tw-ring-color {
671
+ syntax: "*";
672
+ inherits: false;
673
+ }
674
+ @property --tw-ring-shadow {
675
+ syntax: "*";
676
+ inherits: false;
677
+ initial-value: 0 0 #0000;
678
+ }
679
+ @property --tw-inset-ring-color {
680
+ syntax: "*";
681
+ inherits: false;
682
+ }
683
+ @property --tw-inset-ring-shadow {
684
+ syntax: "*";
685
+ inherits: false;
686
+ initial-value: 0 0 #0000;
687
+ }
688
+ @property --tw-ring-inset {
689
+ syntax: "*";
690
+ inherits: false;
691
+ }
692
+ @property --tw-ring-offset-width {
693
+ syntax: "<length>";
694
+ inherits: false;
695
+ initial-value: 0;
696
+ }
697
+ @property --tw-ring-offset-color {
698
+ syntax: "*";
699
+ inherits: false;
700
+ initial-value: #fff;
701
+ }
702
+ @property --tw-ring-offset-shadow {
703
+ syntax: "*";
704
+ inherits: false;
705
+ initial-value: 0 0 #0000;
706
+ } /*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
707
+ .toggler-primary {
708
+ background-color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
709
+ }
710
+ @media (hover: hover) {
711
+ .toggler-primary:hover {
712
+ background-color: var(--color-blue-700, oklch(48.8% 0.243 264.376));
713
+ }
714
+ }
715
+ .toggler-secondary {
716
+ background-color: var(--color-gray-600, oklch(44.6% 0.03 256.802));
717
+ }
718
+ @media (hover: hover) {
719
+ .toggler-secondary:hover {
720
+ background-color: var(--color-gray-700, oklch(37.3% 0.034 259.733));
721
+ }
722
+ }
723
+ .toggler-success {
724
+ background-color: var(--color-green-600, oklch(62.7% 0.194 149.214));
725
+ }
726
+ @media (hover: hover) {
727
+ .toggler-success:hover {
728
+ background-color: var(--color-green-700, oklch(52.7% 0.154 150.069));
729
+ }
730
+ }
731
+ .toggler-danger {
732
+ background-color: var(--color-red-600, oklch(57.7% 0.245 27.325));
733
+ }
734
+ @media (hover: hover) {
735
+ .toggler-danger:hover {
736
+ background-color: var(--color-red-700, oklch(50.5% 0.213 27.518));
737
+ }
738
+ }
739
+ .toggler-warning {
740
+ background-color: var(--color-yellow-500, oklch(79.5% 0.184 86.047));
741
+ }
742
+ @media (hover: hover) {
743
+ .toggler-warning:hover {
744
+ background-color: var(--color-yellow-600, oklch(68.1% 0.162 75.834));
745
+ }
746
+ }
747
+ .toggler-info {
748
+ background-color: var(--color-cyan-600, oklch(60.9% 0.126 221.723));
749
+ }
750
+ @media (hover: hover) {
751
+ .toggler-info:hover {
752
+ background-color: var(--color-cyan-700, oklch(52% 0.105 223.128));
753
+ }
754
+ }
755
+ .toggler-dark {
756
+ background-color: var(--color-gray-900, oklch(21% 0.034 264.665));
757
+ }
758
+ @media (hover: hover) {
759
+ .toggler-dark:hover {
760
+ background-color: var(--color-black, #000);
761
+ }
762
+ }
763
+ .toggler-light {
764
+ background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
765
+ }
766
+ @media (hover: hover) {
767
+ .toggler-light:hover {
768
+ background-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
769
+ }
770
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tailwind-ux-kit",
3
- "version": "1.0.83",
3
+ "version": "1.0.84",
4
4
  "main": "lib/tailwind-ux-kit.es.js",
5
5
  "module": "lib/tailwind-ux-kit.umd.js",
6
6
  "types": "lib/tailwind-ux-kit.es.d.ts",