@fluidattacks/design 4.14.8 → 4.15.0

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.
@@ -1 +1 @@
1
- /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial;--btn-padding-x:16px;--btn-padding-y:10px;--btn-spacing:8px;--grid-columns:12;--grid-width:1440px;--angle-grad:45deg;--opacity-grad:0;--tag-padding-x:4px;--tag-padding-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-200:oklch(92.8% .006 264.531);--color-black:#000;--spacing:.25rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:var(--color-gray-200,currentColor)}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.col-1{grid-column:1}.col-2{grid-column:2}.row-0{grid-row:0}.row-1{grid-row:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-90{height:calc(var(--spacing) * 90)}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.w-100{width:calc(var(--spacing) * 100)}.w-\[400px\]{width:400px}.w-full{width:100%}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.grow-2{flex-grow:2}.grow-4{flex-grow:4}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-black{background-color:var(--color-black)}.p-8{padding:calc(var(--spacing) * 8)}.tab-1{-moz-tab-size:1;tab-size:1}.tab-2{-moz-tab-size:2;tab-size:2}.tab-3{-moz-tab-size:3;tab-size:3}.capitalize{text-transform:capitalize}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-all{-webkit-user-select:all;user-select:all}}@property --btn-padding-x{syntax:"<length>";inherits:false;initial-value:16px}@property --btn-padding-y{syntax:"<length>";inherits:false;initial-value:10px}@property --btn-spacing{syntax:"<length>";inherits:false;initial-value:8px}@property --grid-columns{syntax:"<number>";inherits:false;initial-value:12}@property --grid-width{syntax:"<length>";inherits:false;initial-value:1440px}@property --angle-grad{syntax:"<angle>";inherits:false;initial-value:45deg}@property --opacity-grad{syntax:"<number>";inherits:false;initial-value:0}@property --tag-padding-x{syntax:"<length>";inherits:false;initial-value:4px}@property --tag-padding-y{syntax:"<length>";inherits:false;initial-value:0}@keyframes spinAnimation{to{--border-angle:360deg}}@keyframes gradientAnimation{0%{--animate-position:45deg}33%{--animate-position:-50deg}66%{--animate-position:-100deg}to{--animate-position:45deg}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@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}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial;--btn-padding-x:16px;--btn-padding-y:10px;--btn-spacing:8px;--grid-columns:12;--grid-width:1440px;--angle-grad:45deg;--opacity-grad:0;--tag-padding-x:4px;--tag-padding-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-200:oklch(92.8% .006 264.531);--color-black:#000;--spacing:.25rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:var(--color-gray-200,currentColor)}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.col-1{grid-column:1}.col-2{grid-column:2}.row-0{grid-row:0}.row-1{grid-row:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-90{height:calc(var(--spacing) * 90)}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.w-100{width:calc(var(--spacing) * 100)}.w-\[400px\]{width:400px}.w-full{width:100%}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.grow-2{flex-grow:2}.grow-4{flex-grow:4}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-black{background-color:var(--color-black)}.p-8{padding:calc(var(--spacing) * 8)}.font-mono{font-family:var(--font-mono)}.tab-1{-moz-tab-size:1;tab-size:1}.tab-2{-moz-tab-size:2;tab-size:2}.tab-3{-moz-tab-size:3;tab-size:3}.capitalize{text-transform:capitalize}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-all{-webkit-user-select:all;user-select:all}}@property --btn-padding-x{syntax:"<length>";inherits:false;initial-value:16px}@property --btn-padding-y{syntax:"<length>";inherits:false;initial-value:10px}@property --btn-spacing{syntax:"<length>";inherits:false;initial-value:8px}@property --grid-columns{syntax:"<number>";inherits:false;initial-value:12}@property --grid-width{syntax:"<length>";inherits:false;initial-value:1440px}@property --angle-grad{syntax:"<angle>";inherits:false;initial-value:45deg}@property --opacity-grad{syntax:"<number>";inherits:false;initial-value:0}@property --tag-padding-x{syntax:"<length>";inherits:false;initial-value:4px}@property --tag-padding-y{syntax:"<length>";inherits:false;initial-value:0}@keyframes spinAnimation{to{--border-angle:360deg}}@keyframes gradientAnimation{0%{--animate-position:45deg}33%{--animate-position:-50deg}66%{--animate-position:-100deg}to{--animate-position:45deg}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@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}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
@@ -1,2 +1,2 @@
1
- declare const DesignsContext: ({ children, }: Readonly<React.PropsWithChildren>) => JSX.Element;
2
- export { DesignsContext };
1
+ export * from './react';
2
+ export * from './next';
@@ -1,9 +1,6 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import { NuqsAdapter as t } from "nuqs/adapters/react-router/v7";
3
- import { U as e } from "../components-CwUNmQlx.mjs";
4
- const n = ({
5
- children: o
6
- }) => /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(t, { children: o }) });
1
+ import { DesignsContext as o } from "./react/index.js";
2
+ import { DesignsNextContext as n } from "./next/index.js";
7
3
  export {
8
- n as DesignsContext
4
+ o as DesignsContext,
5
+ n as DesignsNextContext
9
6
  };
@@ -1,6 +1,6 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { NuqsAdapter as t } from "nuqs/adapters/next/app";
3
- import { U as e } from "../components-CwUNmQlx.mjs";
3
+ import { DesignsProvider as e } from "../../globals/designs-provider/index.js";
4
4
  const n = ({
5
5
  children: o
6
6
  }) => /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(t, { children: o }) });
@@ -0,0 +1,2 @@
1
+ declare const DesignsContext: ({ children, }: Readonly<React.PropsWithChildren>) => JSX.Element;
2
+ export { DesignsContext };
@@ -0,0 +1,9 @@
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import { NuqsAdapter as t } from "nuqs/adapters/react-router/v7";
3
+ import { DesignsProvider as e } from "../../globals/designs-provider/index.js";
4
+ const n = ({
5
+ children: o
6
+ }) => /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(t, { children: o }) });
7
+ export {
8
+ n as DesignsContext
9
+ };
@@ -0,0 +1,2 @@
1
+ declare const DesignTokensCss: () => JSX.Element;
2
+ export { DesignTokensCss };
@@ -0,0 +1,54 @@
1
+ import { jsx as s } from "react/jsx-runtime";
2
+ import { cw as a } from "../../components-CwUNmQlx.mjs";
3
+ const n = [
4
+ "gray",
5
+ "primary",
6
+ "complementary",
7
+ "error",
8
+ "info",
9
+ "warning",
10
+ "success"
11
+ ], r = (t, e) => e ? ` --fa-${t}: ${e};` : "", p = () => n.flatMap(
12
+ (t) => Object.entries(a.palette[t]).map(
13
+ ([e, o]) => r(`${t}-${e}`, o)
14
+ )
15
+ ), i = () => [
16
+ r("white", a.palette.white),
17
+ r("black", a.palette.black),
18
+ r("gradient", a.palette.gradient),
19
+ r(
20
+ "gradient-vertical",
21
+ `linear-gradient(to bottom, ${a.palette.primary[500]} 0%, ${a.palette.primary[400]} 100%)`
22
+ )
23
+ ], c = () => [
24
+ r("font-primary", a.typography.type.primary),
25
+ r("font-mono", a.typography.type.mono),
26
+ ...Object.entries(a.typography.text).map(
27
+ ([t, e]) => r(`text-${t}`, e)
28
+ ),
29
+ ...Object.entries(a.typography.heading).map(
30
+ ([t, e]) => r(`heading-${t}`, e)
31
+ ),
32
+ ...Object.entries(a.typography.weight).map(
33
+ ([t, e]) => r(`weight-${t}`, e)
34
+ )
35
+ ], m = () => Object.entries(a.spacing).map(
36
+ ([t, e]) => r(`spacing-${t.replace(/\./gu, "-")}`, e)
37
+ ), y = () => Object.entries(a.shadows).map(
38
+ ([t, e]) => r(`shadow-${t}`, e)
39
+ ), g = () => Object.entries(a.breakpoints).map(
40
+ ([t, e]) => r(`breakpoint-${t}`, e)
41
+ ), l = [
42
+ ...p(),
43
+ ...i(),
44
+ ...c(),
45
+ ...m(),
46
+ ...y(),
47
+ ...g()
48
+ ].filter(Boolean).join(`
49
+ `), h = `:root {
50
+ ${l}
51
+ }`, $ = () => /* @__PURE__ */ s("style", { "data-fa-tokens": "true", children: h });
52
+ export {
53
+ $ as DesignTokensCss
54
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,2 @@
1
+ declare const DesignsProvider: ({ children, }: Readonly<React.PropsWithChildren>) => JSX.Element;
2
+ export { DesignsProvider };
@@ -0,0 +1,14 @@
1
+ import { jsxs as s, jsx as r } from "react/jsx-runtime";
2
+ import { DesignTokensCss as e } from "../design-tokens-css/index.js";
3
+ import { GlobalTypography as m } from "../global-typography/index.js";
4
+ import { U as i } from "../../components-CwUNmQlx.mjs";
5
+ const a = ({
6
+ children: o
7
+ }) => /* @__PURE__ */ s(i, { children: [
8
+ /* @__PURE__ */ r(m, {}),
9
+ /* @__PURE__ */ r(e, {}),
10
+ o
11
+ ] });
12
+ export {
13
+ a as DesignsProvider
14
+ };
@@ -0,0 +1,2 @@
1
+ declare const GlobalTypography: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & object>;
2
+ export { GlobalTypography };
@@ -0,0 +1,71 @@
1
+ import { createGlobalStyle as o } from "styled-components";
2
+ const e = o`
3
+ html,
4
+ body {
5
+ color: ${({ theme: t }) => t.palette.gray[800]};
6
+ font-family: ${({ theme: t }) => t.typography.type.primary};
7
+ font-size: ${({ theme: t }) => t.typography.text.lg};
8
+ line-height: 1.5rem;
9
+ }
10
+
11
+ h1,
12
+ h2,
13
+ h3,
14
+ h4,
15
+ h5,
16
+ h6 {
17
+ color: ${({ theme: t }) => t.palette.gray[800]};
18
+ font-weight: ${({ theme: t }) => t.typography.weight.bold};
19
+ line-height: 1.25;
20
+ margin: ${({ theme: t }) => t.spacing[1.25]} 0
21
+ ${({ theme: t }) => t.spacing[0.5]};
22
+ }
23
+
24
+ h1 {
25
+ font-size: ${({ theme: t }) => t.typography.heading.lg};
26
+ }
27
+
28
+ h2 {
29
+ font-size: ${({ theme: t }) => t.typography.heading.md};
30
+ }
31
+
32
+ h3 {
33
+ font-size: ${({ theme: t }) => t.typography.heading.sm};
34
+ }
35
+
36
+ h4,
37
+ h5,
38
+ h6 {
39
+ font-size: ${({ theme: t }) => t.typography.heading.xs};
40
+ }
41
+
42
+ a {
43
+ color: ${({ theme: t }) => t.palette.gray[800]};
44
+ text-decoration: none;
45
+ }
46
+
47
+ p {
48
+ margin: ${({ theme: t }) => t.spacing[0.75]} 0;
49
+ }
50
+
51
+ ul,
52
+ ol {
53
+ margin: ${({ theme: t }) => t.spacing[0.75]} 0;
54
+ padding-left: ${({ theme: t }) => t.spacing[1.25]};
55
+ }
56
+
57
+ li {
58
+ margin: ${({ theme: t }) => t.spacing[0.25]} 0;
59
+ }
60
+
61
+ strong {
62
+ font-weight: ${({ theme: t }) => t.typography.weight.bold};
63
+ }
64
+
65
+ ::selection {
66
+ background-color: ${({ theme: t }) => t.palette.primary[50]};
67
+ }
68
+ `;
69
+ export {
70
+ e as GlobalTypography
71
+ };
@@ -0,0 +1,3 @@
1
+ export * from './designs-provider';
2
+ export * from './global-typography';
3
+ export * from './design-tokens-css';
@@ -0,0 +1,8 @@
1
+ import { DesignsProvider as e } from "./designs-provider/index.js";
2
+ import { GlobalTypography as p } from "./global-typography/index.js";
3
+ import { DesignTokensCss as g } from "./design-tokens-css/index.js";
4
+ export {
5
+ g as DesignTokensCss,
6
+ e as DesignsProvider,
7
+ p as GlobalTypography
8
+ };
package/dist/index.d.ts CHANGED
@@ -80,6 +80,7 @@ export * from './components/tour';
80
80
  export * from './components/tree';
81
81
  export * from './components/typography';
82
82
  export * from './components/weaknesses-card';
83
- export * from './hooks';
84
83
  export * from './context';
84
+ export * from './globals';
85
+ export * from './hooks';
85
86
  export * from './utils';
package/dist/index.js CHANGED
@@ -1,6 +1,10 @@
1
- import { A as e, d as t, e as o, f as r, g as n, i, B as c, j as l, k as u, l as b, n as d, q as C, r as p, s as m, y as g, z as I, D as S, E as T, F as B, G as F, H as h, I as D, J as P, K as f, aM as v, L as x, M as y, O as A, P as k, R as M, T as O, U as L, _ as w, $ as R, a1 as N, a2 as V, a4 as z, a5 as E, a7 as U, a8 as W, a9 as H, ad as G, ae as q, af as _, ag as j, ak as K, am as X, an as J, ap as Q, aq as Y, ar as $, as as Z, at as aa, au as sa, av as ea, aw as ta, ax as oa, ay as ra, az as na, aA as ia, aB as ca, aC as la, aD as ua, aF as ba, aG as da, aH as Ca, aI as pa, aJ as ma, aK as ga, aL as Ia, aN as Sa, aP as Ta, aQ as Ba, aR as Fa, aS as ha, aU as Da, aV as Pa, aX as fa, a_ as va, b2 as xa, b3 as ya, b7 as Aa, b9 as ka, ba as Ma, bc as Oa, bf as La, bg as wa, bh as Ra, bi as Na, bj as Va, bk as za, bl as Ea, bn as Ua, bo as Wa, bp as Ha, bq as Ga, br as qa, bt as _a, bu as ja, bv as Ka, bw as Xa, by as Ja, bz as Qa, bA as Ya, bC as $a, bD as Za, bF as as, bH as ss, bI as es, bM as ts, bO as os, bP as rs, bR as ns, bS as is, bU as cs, bX as ls, bY as us, bZ as bs, b_ as ds, b$ as Cs, c0 as ps, c1 as ms, c2 as gs, c3 as Is, c4 as Ss, c5 as Ts, c6 as Bs, c7 as Fs, c8 as hs, c9 as Ds, ca as Ps, cb as fs, cc as vs, cd as xs, ce as ys, cf as As, cg as ks, ch as Ms, ci as Os, cj as Ls, ck as ws, cl as Rs, cm as Ns, cn as Vs, co as zs, cp as Es, cq as Us, cr as Ws, cs as Hs, ct as Gs, cu as qs, cv as _s, cw as js, cx as Ks, cy as Xs, cz as Js, cA as Qs, cB as Ys, cC as $s, cD as Zs, cE as ae, cF as se, cG as ee, cH as te, cI as oe } from "./components-CwUNmQlx.mjs";
2
- import { DesignsContext as ne } from "./context/index.js";
3
- import { Q as ce, aN as le, aO as ue, aT as be, y as de, aY as Ce } from "./vendor-q9M4y_pn.mjs";
1
+ import { A as e, d as t, e as o, f as r, g as n, i, B as c, j as l, k as u, l as b, n as d, q as C, r as p, s as m, y as g, z as I, D as S, E as T, F as B, G as D, H as f, I as x, J as F, K as h, aM as P, L as v, M as y, O as A, P as k, R as M, T as O, U as L, _ as w, $ as R, a1 as N, a2 as V, a4 as z, a5 as E, a7 as U, a8 as W, a9 as G, ad as H, ae as q, af as _, ag as j, ak as K, am as X, an as J, ap as Q, aq as Y, ar as $, as as Z, at as aa, au as sa, av as ea, aw as ta, ax as oa, ay as ra, az as na, aA as ia, aB as ca, aC as la, aD as ua, aF as ba, aG as da, aH as Ca, aI as pa, aJ as ma, aK as ga, aL as Ia, aN as Sa, aP as Ta, aQ as Ba, aR as Da, aS as fa, aU as xa, aV as Fa, aX as ha, a_ as Pa, b2 as va, b3 as ya, b7 as Aa, b9 as ka, ba as Ma, bc as Oa, bf as La, bg as wa, bh as Ra, bi as Na, bj as Va, bk as za, bl as Ea, bn as Ua, bo as Wa, bp as Ga, bq as Ha, br as qa, bt as _a, bu as ja, bv as Ka, bw as Xa, by as Ja, bz as Qa, bA as Ya, bC as $a, bD as Za, bF as as, bH as ss, bI as es, bM as ts, bO as os, bP as rs, bR as ns, bS as is, bU as cs, bX as ls, bY as us, bZ as bs, b_ as ds, b$ as Cs, c0 as ps, c1 as ms, c2 as gs, c3 as Is, c4 as Ss, c5 as Ts, c6 as Bs, c7 as Ds, c8 as fs, c9 as xs, ca as Fs, cb as hs, cc as Ps, cd as vs, ce as ys, cf as As, cg as ks, ch as Ms, ci as Os, cj as Ls, ck as ws, cl as Rs, cm as Ns, cn as Vs, co as zs, cp as Es, cq as Us, cr as Ws, cs as Gs, ct as Hs, cu as qs, cv as _s, cw as js, cx as Ks, cy as Xs, cz as Js, cA as Qs, cB as Ys, cC as $s, cD as Zs, cE as ae, cF as se, cG as ee, cH as te, cI as oe } from "./components-CwUNmQlx.mjs";
2
+ import { DesignsContext as ne } from "./context/react/index.js";
3
+ import { DesignsNextContext as ce } from "./context/next/index.js";
4
+ import { DesignsProvider as ue } from "./globals/designs-provider/index.js";
5
+ import { GlobalTypography as de } from "./globals/global-typography/index.js";
6
+ import { DesignTokensCss as pe } from "./globals/design-tokens-css/index.js";
7
+ import { Q as ge, aN as Ie, aO as Se, aT as Te, y as Be, aY as De } from "./vendor-q9M4y_pn.mjs";
4
8
  import './assets/index.css';export {
5
9
  e as Accordion,
6
10
  t as ActiveFilters,
@@ -21,21 +25,24 @@ import './assets/index.css';export {
21
25
  S as CardWithImage,
22
26
  T as CardWithInput,
23
27
  B as CardWithOptions,
24
- F as CardWithSelector,
25
- h as CardWithSwitch,
26
- D as Carousel,
27
- P as Checkbox,
28
- f as CircularProgress,
29
- v as CloudImage,
30
- x as CodeSnippet,
28
+ D as CardWithSelector,
29
+ f as CardWithSwitch,
30
+ x as Carousel,
31
+ F as Checkbox,
32
+ h as CircularProgress,
33
+ P as CloudImage,
34
+ v as CodeSnippet,
31
35
  y as Col,
32
36
  A as ColumnsModal,
33
37
  k as ComboBox,
34
38
  M as Container,
35
- ce as Controller,
39
+ ge as Controller,
36
40
  O as CopyButton,
37
41
  L as CustomThemeProvider,
42
+ pe as DesignTokensCss,
38
43
  ne as DesignsContext,
44
+ ce as DesignsNextContext,
45
+ ue as DesignsProvider,
39
46
  w as Divider,
40
47
  R as Dropdown,
41
48
  N as EXCLUDE_TOKEN,
@@ -44,9 +51,10 @@ import './assets/index.css';export {
44
51
  E as ErrorMessage,
45
52
  U as FATag,
46
53
  W as FilePreview,
47
- H as Filters,
48
- G as Form,
54
+ G as Filters,
55
+ H as Form,
49
56
  q as Gap,
57
+ de as GlobalTypography,
50
58
  _ as GridContainer,
51
59
  j as GroupSelector,
52
60
  K as Heading,
@@ -77,13 +85,13 @@ import './assets/index.css';export {
77
85
  Sa as Menu,
78
86
  Ta as MessageBanner,
79
87
  Ba as Modal,
80
- Fa as ModalConfirm,
81
- ha as ModalFooter,
82
- Da as Notification,
83
- Pa as NotificationSign,
84
- fa as OAuthSelector,
85
- va as OptionContainer,
86
- xa as OutlineContainer,
88
+ Da as ModalConfirm,
89
+ fa as ModalFooter,
90
+ xa as Notification,
91
+ Fa as NotificationSign,
92
+ ha as OAuthSelector,
93
+ Pa as OptionContainer,
94
+ va as OutlineContainer,
87
95
  ya as PackageCard,
88
96
  Aa as PaginatorDb,
89
97
  ka as PhoneInput,
@@ -98,8 +106,8 @@ import './assets/index.css';export {
98
106
  Ea as RankPosition,
99
107
  Ua as Row,
100
108
  Wa as RulesCard,
101
- Ha as ScrollUpButton,
102
- Ga as Search,
109
+ Ga as ScrollUpButton,
110
+ Ha as Search,
103
111
  qa as SearchDropdown,
104
112
  _a as SegmentedProgressBar,
105
113
  ja as SeverityBadge,
@@ -131,13 +139,13 @@ import './assets/index.css';export {
131
139
  Ss as clearStorage,
132
140
  Ts as defaultOptions,
133
141
  Bs as formatCheckboxesFilterValue,
134
- Fs as formatDate,
135
- hs as formatDateTime,
136
- Ds as formatDateTimeInInput,
137
- Ps as formatTextFilterValue,
138
- fs as getPathname,
139
- vs as getPreservedValues,
140
- xs as getStorageItem,
142
+ Ds as formatDate,
143
+ fs as formatDateTime,
144
+ xs as formatDateTimeInInput,
145
+ Fs as formatTextFilterValue,
146
+ hs as getPathname,
147
+ Ps as getPreservedValues,
148
+ vs as getStorageItem,
141
149
  ys as getStyledConfig,
142
150
  As as hiddenProps,
143
151
  ks as icons,
@@ -152,8 +160,8 @@ import './assets/index.css';export {
152
160
  Es as setBorder,
153
161
  Us as setDisplay,
154
162
  Ws as setInteraction,
155
- Hs as setMargin,
156
- Gs as setPadding,
163
+ Gs as setMargin,
164
+ Hs as setPadding,
157
165
  qs as setPosition,
158
166
  _s as setText,
159
167
  js as theme,
@@ -164,14 +172,14 @@ import './assets/index.css';export {
164
172
  Ys as useColumnsModal,
165
173
  $s as useConditionsDialog,
166
174
  Zs as useConfirmDialog,
167
- le as useController,
175
+ Ie as useController,
168
176
  ae as useDebouncedCallback,
169
- ue as useFieldArray,
177
+ Se as useFieldArray,
170
178
  se as useFiltersValues,
171
- be as useFormContext,
179
+ Te as useFormContext,
172
180
  ee as useModal,
173
- de as useNumberFormatter,
181
+ Be as useNumberFormatter,
174
182
  te as useSearch,
175
- Ce as useWatch,
183
+ De as useWatch,
176
184
  oe as variantBuilder
177
185
  };
package/package.json CHANGED
@@ -132,5 +132,5 @@
132
132
  "test": "vitest --coverage"
133
133
  },
134
134
  "typings": "./dist/index.d.ts",
135
- "version": "4.14.8"
135
+ "version": "4.15.0"
136
136
  }
File without changes