@geneui/components 3.0.0-next-b9c382c-15042025 → 3.0.0-next-e985756-18042025

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.
package/Button.js CHANGED
@@ -3,7 +3,7 @@ import { c as classNames } from './index-ce02421b.js';
3
3
  import Loader from './Loader.js';
4
4
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
5
5
 
6
- var css_248z = ".button{align-items:center;border-style:var(--guit-ref-border-style-solid);border-width:var(--guit-ref-border-width-thin);cursor:pointer;display:inline-flex;justify-content:center;min-width:max-content;position:relative;-webkit-user-select:none;user-select:none}.button:not(.button_type_outline){border-color:var(--guit-ref-color-transparent-neutral-0-0)}.button_icon_before{flex-direction:row}.button_icon_after{flex-direction:row-reverse}.button_color_primary.button_type_fill{background-color:var(--guit-sem-color-background-brand-2);color:var(--guit-sem-color-foreground-inverse)}.button_color_primary.button_type_fill:hover{background-color:var(--guit-sem-color-background-brand-2-hover)}.button_color_primary.button_type_fill:active{background-color:var(--guit-sem-color-background-brand-2-pressed)}.button_color_primary.button_type_fill:disabled{background-color:var(--guit-sem-color-background-disabled)}.button_color_primary.button_type_outline{border-color:var(--guit-sem-color-border-brand);color:var(--guit-sem-color-foreground-brand)}.button_color_primary.button_type_outline:hover{background-color:var(--guit-sem-color-background-brand-1-hover)}.button_color_primary.button_type_outline:active{background-color:var(--guit-sem-color-background-brand-1-pressed)}.button_color_primary.button_type_outline:disabled{border-color:var(--guit-sem-color-border-disabled-1)}.button_color_primary.button_type_text{color:var(--guit-sem-color-foreground-brand)}.button_color_primary.button_type_text:hover{background-color:var(--guit-sem-color-background-brand-1-hover)}.button_color_primary.button_type_text:active{background-color:var(--guit-sem-color-background-brand-1-pressed)}.button_color_secondary.button_type_fill{background-color:var(--guit-sem-color-background-neutral-2);color:var(--guit-sem-color-foreground-neutral-2)}.button_color_secondary.button_type_fill:hover{background-color:var(--guit-sem-color-background-neutral-2-hover)}.button_color_secondary.button_type_fill:active{background-color:var(--guit-sem-color-background-neutral-2-pressed)}.button_color_secondary.button_type_fill:disabled{background-color:var(--guit-sem-color-background-disabled)}.button_color_secondary.button_type_outline{background-color:var(--guit-sem-color-background-transparent-1);border-color:var(--guit-sem-color-border-neutral-2);color:var(--guit-sem-color-foreground-neutral-2)}.button_color_secondary.button_type_outline:hover{background-color:var(--guit-sem-color-background-transparent-1-hover)}.button_color_secondary.button_type_outline:active{background-color:var(--guit-sem-color-background-transparent-1-pressed)}.button_color_secondary.button_type_outline:disabled{border-color:var(--guit-sem-color-border-disabled-1)}.button_color_secondary.button_type_text{background-color:var(--guit-sem-color-background-transparent-1);color:var(--guit-sem-color-foreground-neutral-2)}.button_color_secondary.button_type_text:hover{background-color:var(--guit-sem-color-background-transparent-1-hover)}.button_color_secondary.button_type_text:active{background-color:var(--guit-sem-color-background-transparent-1-pressed)}.button_color_danger.button_type_fill{background-color:var(--guit-sem-color-background-error-2);color:var(--guit-sem-color-foreground-inverse)}.button_color_danger.button_type_fill:hover{background-color:var(--guit-sem-color-background-error-2-hover)}.button_color_danger.button_type_fill:active{background-color:var(--guit-sem-color-background-error-2-pressed)}.button_color_danger.button_type_fill:disabled{background-color:var(--guit-sem-color-background-disabled)}.button_color_danger.button_type_outline{border-color:var(--guit-sem-color-border-error);color:var(--guit-sem-color-foreground-error)}.button_color_danger.button_type_outline:hover{background-color:var(--guit-sem-color-background-error-1-hover)}.button_color_danger.button_type_outline:active{background-color:var(--guit-sem-color-background-error-1-pressed)}.button_color_danger.button_type_outline:disabled{border-color:var(--guit-sem-color-border-disabled-1)}.button_color_danger.button_type_text{background-color:var(--guit-sem-color-background-transparent-1);color:var(--guit-sem-color-foreground-error)}.button_color_danger.button_type_text:hover{background-color:var(--guit-sem-color-background-error-1-hover)}.button_color_danger.button_type_text:active{background-color:var(--guit-sem-color-background-error-1-pressed)}.button_color_success.button_type_fill{background-color:var(--guit-sem-color-background-success-2);color:var(--guit-sem-color-foreground-neutral-2-notheme)}.button_color_success.button_type_fill:hover{background-color:var(--guit-sem-color-background-success-2-hover)}.button_color_success.button_type_fill:active{background-color:var(--guit-sem-color-background-success-2-pressed)}.button_color_success.button_type_fill:disabled{background-color:var(--guit-sem-color-background-disabled)}.button_color_success.button_type_outline{border-color:var(--guit-sem-color-border-success);color:var(--guit-sem-color-foreground-success)}.button_color_success.button_type_outline:hover{background-color:var(--guit-sem-color-background-success-1-hover)}.button_color_success.button_type_outline:active{background-color:var(--guit-sem-color-background-success-1-pressed)}.button_color_success.button_type_outline:disabled{border-color:var(--guit-sem-color-border-disabled-1)}.button_color_success.button_type_text{background-color:var(--guit-sem-color-background-transparent-1);color:var(--guit-sem-color-foreground-success)}.button_color_success.button_type_text:hover{background-color:var(--guit-sem-color-background-success-1-hover)}.button_color_success.button_type_text:active{background-color:var(--guit-sem-color-background-success-1-pressed)}.button_color_inverse.button_type_fill{background-color:var(--guit-sem-color-background-inverse);color:var(--guit-sem-color-foreground-neutral-2)}.button_color_inverse.button_type_fill:hover{background-color:var(--guit-sem-color-background-inverse-hover)}.button_color_inverse.button_type_fill:active{background-color:var(--guit-sem-color-background-inverse-pressed)}.button_color_inverse.button_type_fill:disabled{background-color:var(--guit-sem-color-background-disabled)}.button_color_inverse.button_type_outline{background-color:var(--guit-sem-color-background-transparent-1);border-color:var(--guit-sem-color-border-inverse);color:var(--guit-sem-color-foreground-inverse)}.button_color_inverse.button_type_outline:hover{background-color:var(--guit-sem-color-background-transparent-1-hover)}.button_color_inverse.button_type_outline:active{background-color:var(--guit-sem-color-background-transparent-1-pressed)}.button_color_inverse.button_type_outline:disabled{border-color:var(--guit-sem-color-border-inverse-disabled);color:var(--guit-sem-color-foreground-inverse-disabled)}.button_color_inverse.button_type_text{background-color:var(--guit-sem-color-background-transparent-1);color:var(--guit-sem-color-foreground-inverse)}.button_color_inverse.button_type_text:hover{background-color:var(--guit-sem-color-background-transparent-1-hover)}.button_color_inverse.button_type_text:active{background-color:var(--guit-sem-color-background-transparent-1-pressed)}.button_color_inverse.button_type_text:disabled{color:var(--guit-sem-color-foreground-inverse-disabled)}.button_color_transparent.button_type_fill{background-color:var(--guit-sem-color-background-transparent-inverse-2);color:var(--guit-sem-color-foreground-inverse)}.button_color_transparent.button_type_fill:hover{background-color:var(--guit-sem-color-background-transparent-inverse-2-hover)}.button_color_transparent.button_type_fill:active{background-color:var(--guit-sem-color-background-transparent-inverse-2-pressed)}.button_color_transparent.button_type_fill:disabled{background-color:var(--guit-sem-color-background-disabled)}.button_color_transparent.button_type_outline{border-color:var(--guit-sem-color-border-inverse);color:var(--guit-sem-color-foreground-inverse)}.button_color_transparent.button_type_outline:hover{background-color:var(--guit-sem-color-background-transparent-inverse-2-hover)}.button_color_transparent.button_type_outline:active{background-color:var(--guit-sem-color-background-transparent-inverse-2-pressed)}.button_color_transparent.button_type_outline:disabled{border-color:var(--guit-sem-color-border-inverse-disabled);color:var(--guit-sem-color-foreground-inverse-disabled)}.button_color_transparent.button_type_text{background-color:var(--guit-sem-color-background-transparent-inverse-1);color:var(--guit-sem-color-foreground-inverse)}.button_color_transparent.button_type_text:hover{background-color:var(--guit-sem-color-background-transparent-inverse-2-hover)}.button_color_transparent.button_type_text:active{background-color:var(--guit-sem-color-background-transparent-inverse-2-pressed)}.button_color_transparent.button_type_text:disabled{color:var(--guit-sem-color-foreground-inverse-disabled)}.button_size_large{border-radius:var(--guit-ref-radius-2xsmall);gap:var(--guit-ref-spacing-xsmall);height:var(--guit-sem-dimension-height-large)}.button_size_large:not(.button_icon_only){padding-bottom:var(--guit-ref-spacing-small);padding-top:var(--guit-ref-spacing-small)}.button_size_large:not(.button_icon_before,.button_size_large.button_icon_after,.button_icon_only){min-width:var(--guit-sem-dimension-width-2xlarge);padding-inline-end:var(--guit-ref-spacing-large);padding-inline-start:var(--guit-ref-spacing-large)}.button_size_large.button_icon_after,.button_size_large.button_icon_before{min-width:var(--guit-sem-dimension-width-5xlarge)}.button_size_large.button_icon_before{padding-inline-end:var(--guit-ref-spacing-large);padding-inline-start:var(--guit-ref-spacing-medium)}.button_size_large.button_icon_after{padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-large)}.button_size_large.button_icon_only{min-width:var(--guit-sem-dimension-width-large)}.button_size_medium{border-radius:var(--guit-ref-radius-3xsmall);gap:var(--guit-ref-spacing-xsmall);height:var(--guit-sem-dimension-height-medium)}.button_size_medium:not(.button_icon_only){padding-bottom:var(--guit-ref-spacing-2xsmall);padding-top:var(--guit-ref-spacing-2xsmall)}.button_size_medium:not(.button_icon_before,.button_size_medium.button_icon_after,.button_icon_only){min-width:var(--guit-sem-dimension-width-2xlarge);padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-medium)}.button_size_medium.button_icon_after,.button_size_medium.button_icon_before{min-width:var(--guit-sem-dimension-width-3xlarge)}.button_size_medium.button_icon_before{padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-xsmall)}.button_size_medium.button_icon_after{padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-medium)}.button_size_medium.button_icon_only{min-width:var(--guit-sem-dimension-width-medium)}.button_size_small{border-radius:var(--guit-ref-radius-3xsmall);gap:var(--guit-ref-spacing-2xsmall);height:var(--guit-sem-dimension-height-small)}.button_size_small:not(.button_icon_only){padding-bottom:var(--guit-ref-spacing-4xsmall);padding-top:var(--guit-ref-spacing-4xsmall)}.button_size_small:not(.button_icon_before,.button_size_small.button_icon_after,.button_icon_only){min-width:var(--guit-sem-dimension-width-2xlarge);padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-medium)}.button_size_small.button_icon_after,.button_size_small.button_icon_before{min-width:var(--guit-sem-dimension-width-3xlarge)}.button_size_small.button_icon_before{padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-xsmall)}.button_size_small.button_icon_after{padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-medium)}.button_size_small.button_icon_only{min-width:var(--guit-sem-dimension-width-small)}.button_size_XSmall{border-radius:var(--guit-ref-radius-4xsmall);height:var(--guit-sem-dimension-height-small-nudge)}.button_size_XSmall.button_icon_only{min-width:var(--guit-sem-dimension-width-small-nudge)}.button_fullWidth{width:100%}.button_loading{pointer-events:none}.button_loading .button__loader{visibility:visible}.button_loading .button__icon,.button_loading .button__text{visibility:hidden}.button:disabled{color:var(--guit-sem-color-foreground-disabled);pointer-events:none}.button__text{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-semibold-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height);white-space:nowrap}.button__icon{flex:0 0 auto}.button__loader{align-items:center;border-radius:inherit;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;visibility:hidden;width:100%}";
6
+ var css_248z = ".button{align-items:center;border-style:var(--guit-ref-border-style-solid);border-width:var(--guit-ref-border-width-thin);cursor:pointer;display:inline-flex;justify-content:center;min-width:max-content;position:relative;-webkit-user-select:none;user-select:none}.button:not(.button_type_outline){border-color:var(--guit-ref-color-transparent-neutral-0-0)}.button_icon_before{flex-direction:row}.button_icon_after{flex-direction:row-reverse}.button_color_primary.button_type_fill{background-color:var(--guit-sem-color-background-brand-2);color:var(--guit-sem-color-foreground-inverse)}@media screen and (hover:hover){.button_color_primary.button_type_fill:hover{background-color:var(--guit-sem-color-background-brand-2-hover)}}.button_color_primary.button_type_fill:active{background-color:var(--guit-sem-color-background-brand-2-pressed)}.button_color_primary.button_type_fill:disabled{background-color:var(--guit-sem-color-background-disabled)}.button_color_primary.button_type_outline{border-color:var(--guit-sem-color-border-brand);color:var(--guit-sem-color-foreground-brand)}@media screen and (hover:hover){.button_color_primary.button_type_outline:hover{background-color:var(--guit-sem-color-background-brand-1-hover)}}.button_color_primary.button_type_outline:active{background-color:var(--guit-sem-color-background-brand-1-pressed)}.button_color_primary.button_type_outline:disabled{border-color:var(--guit-sem-color-border-disabled-1)}.button_color_primary.button_type_text{color:var(--guit-sem-color-foreground-brand)}@media screen and (hover:hover){.button_color_primary.button_type_text:hover{background-color:var(--guit-sem-color-background-brand-1-hover)}}.button_color_primary.button_type_text:active{background-color:var(--guit-sem-color-background-brand-1-pressed)}.button_color_secondary.button_type_fill{background-color:var(--guit-sem-color-background-neutral-2);color:var(--guit-sem-color-foreground-neutral-2)}@media screen and (hover:hover){.button_color_secondary.button_type_fill:hover{background-color:var(--guit-sem-color-background-neutral-2-hover)}}.button_color_secondary.button_type_fill:active{background-color:var(--guit-sem-color-background-neutral-2-pressed)}.button_color_secondary.button_type_fill:disabled{background-color:var(--guit-sem-color-background-disabled)}.button_color_secondary.button_type_outline{background-color:var(--guit-sem-color-background-transparent-1);border-color:var(--guit-sem-color-border-neutral-2);color:var(--guit-sem-color-foreground-neutral-2)}@media screen and (hover:hover){.button_color_secondary.button_type_outline:hover{background-color:var(--guit-sem-color-background-transparent-1-hover)}}.button_color_secondary.button_type_outline:active{background-color:var(--guit-sem-color-background-transparent-1-pressed)}.button_color_secondary.button_type_outline:disabled{border-color:var(--guit-sem-color-border-disabled-1)}.button_color_secondary.button_type_text{background-color:var(--guit-sem-color-background-transparent-1);color:var(--guit-sem-color-foreground-neutral-2)}@media screen and (hover:hover){.button_color_secondary.button_type_text:hover{background-color:var(--guit-sem-color-background-transparent-1-hover)}}.button_color_secondary.button_type_text:active{background-color:var(--guit-sem-color-background-transparent-1-pressed)}.button_color_danger.button_type_fill{background-color:var(--guit-sem-color-background-error-2);color:var(--guit-sem-color-foreground-inverse)}@media screen and (hover:hover){.button_color_danger.button_type_fill:hover{background-color:var(--guit-sem-color-background-error-2-hover)}}.button_color_danger.button_type_fill:active{background-color:var(--guit-sem-color-background-error-2-pressed)}.button_color_danger.button_type_fill:disabled{background-color:var(--guit-sem-color-background-disabled)}.button_color_danger.button_type_outline{border-color:var(--guit-sem-color-border-error);color:var(--guit-sem-color-foreground-error)}@media screen and (hover:hover){.button_color_danger.button_type_outline:hover{background-color:var(--guit-sem-color-background-error-1-hover)}}.button_color_danger.button_type_outline:active{background-color:var(--guit-sem-color-background-error-1-pressed)}.button_color_danger.button_type_outline:disabled{border-color:var(--guit-sem-color-border-disabled-1)}.button_color_danger.button_type_text{background-color:var(--guit-sem-color-background-transparent-1);color:var(--guit-sem-color-foreground-error)}@media screen and (hover:hover){.button_color_danger.button_type_text:hover{background-color:var(--guit-sem-color-background-error-1-hover)}}.button_color_danger.button_type_text:active{background-color:var(--guit-sem-color-background-error-1-pressed)}.button_color_success.button_type_fill{background-color:var(--guit-sem-color-background-success-2);color:var(--guit-sem-color-foreground-neutral-2-notheme)}@media screen and (hover:hover){.button_color_success.button_type_fill:hover{background-color:var(--guit-sem-color-background-success-2-hover)}}.button_color_success.button_type_fill:active{background-color:var(--guit-sem-color-background-success-2-pressed)}.button_color_success.button_type_fill:disabled{background-color:var(--guit-sem-color-background-disabled)}.button_color_success.button_type_outline{border-color:var(--guit-sem-color-border-success);color:var(--guit-sem-color-foreground-success)}@media screen and (hover:hover){.button_color_success.button_type_outline:hover{background-color:var(--guit-sem-color-background-success-1-hover)}}.button_color_success.button_type_outline:active{background-color:var(--guit-sem-color-background-success-1-pressed)}.button_color_success.button_type_outline:disabled{border-color:var(--guit-sem-color-border-disabled-1)}.button_color_success.button_type_text{background-color:var(--guit-sem-color-background-transparent-1);color:var(--guit-sem-color-foreground-success)}@media screen and (hover:hover){.button_color_success.button_type_text:hover{background-color:var(--guit-sem-color-background-success-1-hover)}}.button_color_success.button_type_text:active{background-color:var(--guit-sem-color-background-success-1-pressed)}.button_color_inverse.button_type_fill{background-color:var(--guit-sem-color-background-inverse);color:var(--guit-sem-color-foreground-neutral-2)}@media screen and (hover:hover){.button_color_inverse.button_type_fill:hover{background-color:var(--guit-sem-color-background-inverse-hover)}}.button_color_inverse.button_type_fill:active{background-color:var(--guit-sem-color-background-inverse-pressed)}.button_color_inverse.button_type_fill:disabled{background-color:var(--guit-sem-color-background-disabled)}.button_color_inverse.button_type_outline{background-color:var(--guit-sem-color-background-transparent-1);border-color:var(--guit-sem-color-border-inverse);color:var(--guit-sem-color-foreground-inverse)}@media screen and (hover:hover){.button_color_inverse.button_type_outline:hover{background-color:var(--guit-sem-color-background-transparent-1-hover)}}.button_color_inverse.button_type_outline:active{background-color:var(--guit-sem-color-background-transparent-1-pressed)}.button_color_inverse.button_type_outline:disabled{border-color:var(--guit-sem-color-border-inverse-disabled);color:var(--guit-sem-color-foreground-inverse-disabled)}.button_color_inverse.button_type_text{background-color:var(--guit-sem-color-background-transparent-1);color:var(--guit-sem-color-foreground-inverse)}@media screen and (hover:hover){.button_color_inverse.button_type_text:hover{background-color:var(--guit-sem-color-background-transparent-1-hover)}}.button_color_inverse.button_type_text:active{background-color:var(--guit-sem-color-background-transparent-1-pressed)}.button_color_inverse.button_type_text:disabled{color:var(--guit-sem-color-foreground-inverse-disabled)}.button_color_transparent.button_type_fill{background-color:var(--guit-sem-color-background-transparent-inverse-2);color:var(--guit-sem-color-foreground-inverse)}@media screen and (hover:hover){.button_color_transparent.button_type_fill:hover{background-color:var(--guit-sem-color-background-transparent-inverse-2-hover)}}.button_color_transparent.button_type_fill:active{background-color:var(--guit-sem-color-background-transparent-inverse-2-pressed)}.button_color_transparent.button_type_fill:disabled{background-color:var(--guit-sem-color-background-disabled)}.button_color_transparent.button_type_outline{border-color:var(--guit-sem-color-border-inverse);color:var(--guit-sem-color-foreground-inverse)}@media screen and (hover:hover){.button_color_transparent.button_type_outline:hover{background-color:var(--guit-sem-color-background-transparent-inverse-2-hover)}}.button_color_transparent.button_type_outline:active{background-color:var(--guit-sem-color-background-transparent-inverse-2-pressed)}.button_color_transparent.button_type_outline:disabled{border-color:var(--guit-sem-color-border-inverse-disabled);color:var(--guit-sem-color-foreground-inverse-disabled)}.button_color_transparent.button_type_text{background-color:var(--guit-sem-color-background-transparent-inverse-1);color:var(--guit-sem-color-foreground-inverse)}@media screen and (hover:hover){.button_color_transparent.button_type_text:hover{background-color:var(--guit-sem-color-background-transparent-inverse-2-hover)}}.button_color_transparent.button_type_text:active{background-color:var(--guit-sem-color-background-transparent-inverse-2-pressed)}.button_color_transparent.button_type_text:disabled{color:var(--guit-sem-color-foreground-inverse-disabled)}.button_size_large{border-radius:var(--guit-ref-radius-2xsmall);gap:var(--guit-ref-spacing-xsmall);height:var(--guit-sem-dimension-height-large)}.button_size_large:not(.button_icon_only){padding-bottom:var(--guit-ref-spacing-small);padding-top:var(--guit-ref-spacing-small)}.button_size_large:not(.button_icon_before,.button_size_large.button_icon_after,.button_icon_only){min-width:var(--guit-sem-dimension-width-2xlarge);padding-inline-end:var(--guit-ref-spacing-large);padding-inline-start:var(--guit-ref-spacing-large)}.button_size_large.button_icon_after,.button_size_large.button_icon_before{min-width:var(--guit-sem-dimension-width-5xlarge)}.button_size_large.button_icon_before{padding-inline-end:var(--guit-ref-spacing-large);padding-inline-start:var(--guit-ref-spacing-medium)}.button_size_large.button_icon_after{padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-large)}.button_size_large.button_icon_only{min-width:var(--guit-sem-dimension-width-large)}.button_size_medium{border-radius:var(--guit-ref-radius-3xsmall);gap:var(--guit-ref-spacing-xsmall);height:var(--guit-sem-dimension-height-medium)}.button_size_medium:not(.button_icon_only){padding-bottom:var(--guit-ref-spacing-2xsmall);padding-top:var(--guit-ref-spacing-2xsmall)}.button_size_medium:not(.button_icon_before,.button_size_medium.button_icon_after,.button_icon_only){min-width:var(--guit-sem-dimension-width-2xlarge);padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-medium)}.button_size_medium.button_icon_after,.button_size_medium.button_icon_before{min-width:var(--guit-sem-dimension-width-3xlarge)}.button_size_medium.button_icon_before{padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-xsmall)}.button_size_medium.button_icon_after{padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-medium)}.button_size_medium.button_icon_only{min-width:var(--guit-sem-dimension-width-medium)}.button_size_small{border-radius:var(--guit-ref-radius-3xsmall);gap:var(--guit-ref-spacing-2xsmall);height:var(--guit-sem-dimension-height-small)}.button_size_small:not(.button_icon_only){padding-bottom:var(--guit-ref-spacing-4xsmall);padding-top:var(--guit-ref-spacing-4xsmall)}.button_size_small:not(.button_icon_before,.button_size_small.button_icon_after,.button_icon_only){min-width:var(--guit-sem-dimension-width-2xlarge);padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-medium)}.button_size_small.button_icon_after,.button_size_small.button_icon_before{min-width:var(--guit-sem-dimension-width-3xlarge)}.button_size_small.button_icon_before{padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-xsmall)}.button_size_small.button_icon_after{padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-medium)}.button_size_small.button_icon_only{min-width:var(--guit-sem-dimension-width-small)}.button_size_XSmall{border-radius:var(--guit-ref-radius-4xsmall);height:var(--guit-sem-dimension-height-small-nudge)}.button_size_XSmall.button_icon_only{min-width:var(--guit-sem-dimension-width-small-nudge)}.button_fullWidth{width:100%}.button_loading{pointer-events:none}.button_loading .button__loader{visibility:visible}.button_loading .button__icon,.button_loading .button__text{visibility:hidden}.button:disabled{color:var(--guit-sem-color-foreground-disabled);pointer-events:none}.button__text{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family),sans-serif;font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-semibold-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height);white-space:nowrap}.button__icon{flex:0 0 auto}.button__loader{align-items:center;border-radius:inherit;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;visibility:hidden;width:100%}";
7
7
  styleInject(css_248z);
8
8
 
9
9
  const iconSizes = {
@@ -0,0 +1,23 @@
1
+ import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b88e2ba8.js';
2
+ import React__default from 'react';
3
+
4
+ var _excluded = ["size", "color"];
5
+ var SvgCheckMark = function SvgCheckMark(_ref) {
6
+ var _ref$size = _ref.size,
7
+ size = _ref$size === void 0 ? 24 : _ref$size,
8
+ _ref$color = _ref.color,
9
+ color = _ref$color === void 0 ? "currentColor" : _ref$color,
10
+ props = _objectWithoutProperties(_ref, _excluded);
11
+ return /*#__PURE__*/React__default.createElement("svg", _extends({
12
+ width: size,
13
+ height: size,
14
+ viewBox: "0 0 24 24",
15
+ fill: color,
16
+ xmlns: "http://www.w3.org/2000/svg"
17
+ }, props), /*#__PURE__*/React__default.createElement("path", {
18
+ d: "M9.19 19.25a.75.75 0 0 1-.564-.255l-5.44-6.188a.756.756 0 0 1 .612-1.248.75.75 0 0 1 .516.253l4.867 5.535 10.491-12.33a.75.75 0 0 1 1.322.426.756.756 0 0 1-.176.55l-11.055 12.992a.756.756 0 0 1-.567.265h-.006Z",
19
+ fill: color
20
+ }));
21
+ };
22
+
23
+ export { SvgCheckMark as S };
package/Checkbox.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import React__default, { useRef, useState, useEffect, useMemo } from 'react';
2
2
  import { c as classNames } from './index-ce02421b.js';
3
+ import { S as SvgCheckMark } from './CheckMark-34798545.js';
3
4
  import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b88e2ba8.js';
4
5
  import HelperText from './HelperText.js';
5
6
  import Label from './Label.js';
@@ -9,31 +10,12 @@ import './TriangleAlert-ba250f4c.js';
9
10
  import './Tooltip.js';
10
11
  import './floating-ui.react-0485e4db.js';
11
12
  import 'react-dom';
12
- import './index-7fa24b9c.js';
13
+ import './index-88589ce9.js';
13
14
  import './useDebounceCallback-999deae7.js';
14
- import './useEllipsisDetection-e2685fb7.js';
15
+ import './useEllipsisDetection-54b1edfe.js';
15
16
  import './Info.js';
16
17
  import './InfoOutlined-fc7d9afa.js';
17
18
 
18
- var _excluded$1 = ["size", "color"];
19
- var SvgCheckMark = function SvgCheckMark(_ref) {
20
- var _ref$size = _ref.size,
21
- size = _ref$size === void 0 ? 24 : _ref$size,
22
- _ref$color = _ref.color,
23
- color = _ref$color === void 0 ? "currentColor" : _ref$color,
24
- props = _objectWithoutProperties(_ref, _excluded$1);
25
- return /*#__PURE__*/React__default.createElement("svg", _extends({
26
- width: size,
27
- height: size,
28
- viewBox: "0 0 24 24",
29
- fill: color,
30
- xmlns: "http://www.w3.org/2000/svg"
31
- }, props), /*#__PURE__*/React__default.createElement("path", {
32
- d: "M9.19 19.25a.75.75 0 0 1-.564-.255l-5.44-6.188a.756.756 0 0 1 .612-1.248.75.75 0 0 1 .516.253l4.867 5.535 10.491-12.33a.75.75 0 0 1 1.322.426.756.756 0 0 1-.176.55l-11.055 12.992a.756.756 0 0 1-.567.265h-.006Z",
33
- fill: color
34
- }));
35
- };
36
-
37
19
  var _excluded = ["size", "color"];
38
20
  var SvgMinus = function SvgMinus(_ref) {
39
21
  var _ref$size = _ref.size,
package/Copy.js ADDED
@@ -0,0 +1,62 @@
1
+ import React__default, { useState } from 'react';
2
+ import { S as SvgCheckMark } from './CheckMark-34798545.js';
3
+ import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b88e2ba8.js';
4
+ import Button from './Button.js';
5
+ import Tooltip from './Tooltip.js';
6
+ import './index-ce02421b.js';
7
+ import './Loader.js';
8
+ import './style-inject.es-746bb8ed.js';
9
+ import './floating-ui.react-0485e4db.js';
10
+ import 'react-dom';
11
+ import './index-88589ce9.js';
12
+ import './useDebounceCallback-999deae7.js';
13
+
14
+ var _excluded = ["size", "color"];
15
+ var SvgCopy = function SvgCopy(_ref) {
16
+ var _ref$size = _ref.size,
17
+ size = _ref$size === void 0 ? 24 : _ref$size,
18
+ _ref$color = _ref.color,
19
+ color = _ref$color === void 0 ? "currentColor" : _ref$color,
20
+ props = _objectWithoutProperties(_ref, _excluded);
21
+ return /*#__PURE__*/React__default.createElement("svg", _extends({
22
+ width: size,
23
+ height: size,
24
+ viewBox: "0 0 24 24",
25
+ fill: color,
26
+ xmlns: "http://www.w3.org/2000/svg"
27
+ }, props), /*#__PURE__*/React__default.createElement("path", {
28
+ d: "M18.222 1.959h-9.93a1.753 1.753 0 0 0-1.744 1.744v13.87a1.747 1.747 0 0 0 1.745 1.744h9.929a1.74 1.74 0 0 0 1.744-1.745v-13.869a1.747 1.747 0 0 0-1.744-1.744Zm.249 15.613a.248.248 0 0 1-.25.25h-9.928a.247.247 0 0 1-.25-.25v-13.869a.253.253 0 0 1 .25-.249h9.929a.253.253 0 0 1 .249.25v13.868Z",
29
+ fill: color
30
+ }), /*#__PURE__*/React__default.createElement("path", {
31
+ d: "M16.148 20.463h-7.985a2.704 2.704 0 0 1-2.701-2.702v-13.759a1.724 1.724 0 0 0-1.496 1.715v12.044a4.203 4.203 0 0 0 4.197 4.198h7.985a1.733 1.733 0 0 0 1.715-1.506h-1.665a.092.092 0 0 1-.05.01Z",
32
+ fill: color
33
+ }));
34
+ };
35
+
36
+ // Copy component used to copy content to the clipboard, providing visual feedback upon success.
37
+ const CopyComponent = ({ size = "medium", value, className, contentRef, copyTooltipText = "Copy", copiedTooltipText = "Copied", appearance = "primary", disabled }) => {
38
+ const [isCopied, setIsCopied] = useState(false);
39
+ const copyContent = (e) => {
40
+ var _a;
41
+ e.stopPropagation();
42
+ if (isCopied)
43
+ return;
44
+ const content = value || ((_a = contentRef === null || contentRef === void 0 ? void 0 : contentRef.current) === null || _a === void 0 ? void 0 : _a.innerText);
45
+ if (!content)
46
+ return;
47
+ navigator.clipboard
48
+ .writeText(content)
49
+ .then(() => {
50
+ setIsCopied(true);
51
+ const id = setTimeout(() => {
52
+ setIsCopied(false);
53
+ clearTimeout(id);
54
+ }, 2000);
55
+ })
56
+ .catch((error) => console.error("Failed to copy:", error));
57
+ };
58
+ return (React__default.createElement(Tooltip, { text: isCopied ? copiedTooltipText : copyTooltipText, isVisible: true },
59
+ React__default.createElement(Button, { className: className, Icon: isCopied ? SvgCheckMark : SvgCopy, onClick: copyContent, size: size, disabled: disabled, appearance: appearance, displayType: "text" })));
60
+ };
61
+
62
+ export { CopyComponent as default };
package/GeneUIProvider.js CHANGED
@@ -1,4 +1,4 @@
1
- export { a as GeneUIDesignSystemContext, G as default } from './index-7fa24b9c.js';
1
+ export { a as GeneUIDesignSystemContext, G as default } from './index-88589ce9.js';
2
2
  import 'react';
3
3
  import './useDebounceCallback-999deae7.js';
4
4
  import './style-inject.es-746bb8ed.js';
package/Info.js CHANGED
@@ -6,7 +6,7 @@ import { s as styleInject } from './style-inject.es-746bb8ed.js';
6
6
  import './ActivityRecent-b88e2ba8.js';
7
7
  import './floating-ui.react-0485e4db.js';
8
8
  import 'react-dom';
9
- import './index-7fa24b9c.js';
9
+ import './index-88589ce9.js';
10
10
  import './useDebounceCallback-999deae7.js';
11
11
 
12
12
  var css_248z = ".info{border-radius:var(--guit-ref-radius-3xsmall);line-height:0}.info_appearance_default{color:var(--guit-sem-color-foreground-neutral-2)}.info_appearance_brand{color:var(--guit-sem-color-foreground-brand)}.info_appearance_inverse{color:var(--guit-sem-color-foreground-inverse)}.info_disabled{color:var(--guit-sem-color-foreground-disabled);pointer-events:none}";
package/KeyValue.js CHANGED
@@ -7,7 +7,7 @@ import './ActivityRecent-b88e2ba8.js';
7
7
  import './Tooltip.js';
8
8
  import './floating-ui.react-0485e4db.js';
9
9
  import 'react-dom';
10
- import './index-7fa24b9c.js';
10
+ import './index-88589ce9.js';
11
11
  import './useDebounceCallback-999deae7.js';
12
12
 
13
13
  var css_248z = ".keyValue{display:inline-flex;max-width:100%}.keyValue_direction_vertical{flex-direction:column}.keyValue_direction_horizontal.keyValue_spaceBetween{width:100%}.keyValue__content{align-items:center;color:var(--guit-sem-color-foreground-neutral-2);display:flex;flex:1}.keyValue__value{color:var(--guit-sem-color-foreground-neutral-1);word-break:break-word}.keyValue_size_large{gap:var(--guit-ref-spacing-medium)}.keyValue_size_large .keyValue__content{gap:var(--guit-ref-spacing-xsmall)}.keyValue_size_large .keyValue__title,.keyValue_size_large .keyValue__value{font-family:var(--guit-sem-font-label-large-default-medium-font-family),sans-serif;font-size:var(--guit-sem-font-label-large-default-semibold-font-size);font-weight:var(--guit-sem-font-label-large-default-medium-font-weight);line-height:var(--guit-sem-font-label-large-default-semibold-line-height)}.keyValue_size_medium{gap:var(--guit-ref-spacing-medium)}.keyValue_size_medium .keyValue__content{gap:var(--guit-ref-spacing-xsmall)}.keyValue_size_medium .keyValue__title,.keyValue_size_medium .keyValue__value{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family),sans-serif;font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}";
package/Label.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import React__default, { useRef } from 'react';
2
2
  import { c as classNames } from './index-ce02421b.js';
3
3
  import Tooltip from './Tooltip.js';
4
- import { u as useEllipsisDetection } from './useEllipsisDetection-e2685fb7.js';
4
+ import { u as useEllipsisDetection } from './useEllipsisDetection-54b1edfe.js';
5
5
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
6
6
  import Info from './Info.js';
7
7
  import './floating-ui.react-0485e4db.js';
8
8
  import 'react-dom';
9
- import './index-7fa24b9c.js';
9
+ import './index-88589ce9.js';
10
10
  import './useDebounceCallback-999deae7.js';
11
11
  import './InfoOutlined-fc7d9afa.js';
12
12
  import './ActivityRecent-b88e2ba8.js';
package/Logo.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React__default, { useContext } from 'react';
2
2
  import { c as classNames } from './index-ce02421b.js';
3
- import { a as GeneUIDesignSystemContext } from './index-7fa24b9c.js';
3
+ import { a as GeneUIDesignSystemContext } from './index-88589ce9.js';
4
4
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
5
5
  import './useDebounceCallback-999deae7.js';
6
6
 
package/Pill.js CHANGED
@@ -2,12 +2,12 @@ import React__default, { useState, useRef, useEffect } from 'react';
2
2
  import { c as classNames } from './index-ce02421b.js';
3
3
  import { S as SvgCircleFilled } from './CircleFilled-19a9ec62.js';
4
4
  import Tooltip from './Tooltip.js';
5
- import { u as useEllipsisDetection } from './useEllipsisDetection-e2685fb7.js';
5
+ import { u as useEllipsisDetection } from './useEllipsisDetection-54b1edfe.js';
6
6
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
7
7
  import './ActivityRecent-b88e2ba8.js';
8
8
  import './floating-ui.react-0485e4db.js';
9
9
  import 'react-dom';
10
- import './index-7fa24b9c.js';
10
+ import './index-88589ce9.js';
11
11
  import './useDebounceCallback-999deae7.js';
12
12
 
13
13
  var css_248z = ".pill{align-items:center;display:inline-flex;max-width:100%;vertical-align:top}.pill_icon_after{flex-direction:row-reverse}.pill_size_medium:not(.pill_icon_only){gap:var(--guit-ref-spacing-xsmall);padding-bottom:var(--guit-ref-spacing-2xsmall);padding-top:var(--guit-ref-spacing-2xsmall)}.pill_size_medium:not(.pill_icon_before,.pill_size_medium.pill_icon_after,.pill_size_medium.pill_icon_only){min-width:var(--guit-sem-dimension-width-large);padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-medium)}.pill_size_medium.pill_icon_after,.pill_size_medium.pill_icon_before{min-width:var(--guit-sem-dimension-width-3xlarge)}.pill_size_medium.pill_icon_before{padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-xsmall)}.pill_size_medium.pill_icon_after{padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-medium)}.pill_size_medium.pill_icon_only{min-width:var(--guit-sem-dimension-width-medium);padding:var(--guit-ref-spacing-2xsmall)}.pill_size_small:not(.pill_icon_only){gap:var(--guit-ref-spacing-2xsmall);padding-bottom:var(--guit-ref-spacing-4xsmall);padding-top:var(--guit-ref-spacing-4xsmall)}.pill_size_small:not(.pill_icon_before,.pill_size_small.pill_icon_after,.pill_size_small.pill_icon_only){min-width:var(--guit-sem-dimension-width-large);padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-medium)}.pill_size_small.pill_icon_after,.pill_size_small.pill_icon_before{min-width:var(--guit-sem-dimension-width-3xlarge)}.pill_size_small.pill_icon_before{padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-xsmall)}.pill_size_small.pill_icon_after{padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-medium)}.pill_size_small.pill_icon_only{min-width:var(--guit-sem-dimension-width-small);padding:var(--guit-ref-spacing-4xsmall)}.pill_size_medium:not(.pill_icon_only),.pill_size_small:not(.pill_icon_only){font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}.pill_size_smallNudge{gap:var(--guit-ref-spacing-3xsmall);padding-bottom:var(--guit-ref-spacing-4xsmall);padding-top:var(--guit-ref-spacing-4xsmall)}.pill_size_smallNudge:not(.pill_icon_only){font-family:var(--guit-sem-font-label-small-default-medium-font-family);font-size:var(--guit-sem-font-label-small-default-medium-font-size);font-weight:var(--guit-sem-font-label-small-default-medium-font-weight);line-height:var(--guit-sem-font-label-small-default-medium-line-height)}.pill_size_smallNudge:not(.pill_icon_before,.pill_size_smallNudge.pill_icon_after,.pill_size_smallNudge.pill_icon_only){min-width:var(--guit-sem-dimension-width-medium);padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-xsmall)}.pill_size_smallNudge.pill_icon_after,.pill_size_smallNudge.pill_icon_before{min-width:var(--guit-sem-dimension-width-large)}.pill_size_smallNudge.pill_icon_before{padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-3xsmall)}.pill_size_smallNudge.pill_icon_after{padding-inline-end:var(--guit-ref-spacing-3xsmall);padding-inline-start:var(--guit-ref-spacing-xsmall)}.pill_size_smallNudge.pill_icon_only{min-width:var(--guit-sem-dimension-width-small-nudge);padding:var(--guit-ref-spacing-4xsmall)}.pill_fill.pill_size_medium,.pill_fill.pill_size_small{border-radius:var(--guit-ref-radius-3xsmall)}.pill_fill.pill_size_smallNudge{border-radius:var(--guit-ref-radius-4xsmall)}.pill_fill.pill_color_informative{background-color:var(--guit-sem-color-background-informative)}.pill_fill.pill_color_neutral{background-color:var(--guit-sem-color-background-neutral-3)}.pill_fill.pill_color_error{background-color:var(--guit-sem-color-background-error-1)}.pill_fill.pill_color_success{background-color:var(--guit-sem-color-background-success-1)}.pill_fill.pill_color_warning{background-color:var(--guit-sem-color-background-warning-1)}.pill_fill.pill_color_purple{background-color:var(--guit-sem-color-background-accent-purple-1)}.pill_fill.pill_color_lagoon{background-color:var(--guit-sem-color-background-accent-lagoon-1)}.pill_fill.pill_color_magenta{background-color:var(--guit-sem-color-background-accent-magenta-1)}.pill_fill.pill_color_slate{background-color:var(--guit-sem-color-background-accent-slate-1)}.pill_fill.pill_color_inverse{background-color:var(--guit-sem-color-background-inverse);color:var(--guit-sem-color-foreground-neutral-2)}.pill_color_informative{color:var(--guit-sem-color-foreground-informative)}.pill_color_neutral{color:var(--guit-sem-color-foreground-neutral-2)}.pill_color_error{color:var(--guit-sem-color-foreground-error)}.pill_color_success{color:var(--guit-sem-color-foreground-success)}.pill_color_warning{color:var(--guit-sem-color-foreground-warning)}.pill_color_purple{color:var(--guit-sem-color-foreground-accent-purple)}.pill_color_lagoon{color:var(--guit-sem-color-foreground-accent-lagoon)}.pill_color_magenta{color:var(--guit-sem-color-foreground-accent-magenta)}.pill_color_slate{color:var(--guit-sem-color-foreground-accent-slate)}.pill:not(.pill_fill).pill_color_inverse{color:var(--guit-sem-color-foreground-inverse)}.pill__text{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.pill__icon{flex:0 0 auto}";
package/Popover.js CHANGED
@@ -3,7 +3,7 @@ import { u as useFloating, p as platform, o as offset, f as flip, a as arrow, s
3
3
  import { S as SvgInfoOutlined } from './InfoOutlined-fc7d9afa.js';
4
4
  import { S as SvgX } from './X-20da3b4a.js';
5
5
  import Button from './Button.js';
6
- import { a as GeneUIDesignSystemContext } from './index-7fa24b9c.js';
6
+ import { a as GeneUIDesignSystemContext } from './index-88589ce9.js';
7
7
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
8
8
  import { c as classNames } from './index-ce02421b.js';
9
9
  import Scrollbar from './Scrollbar.js';
package/ProgressBar.js CHANGED
@@ -9,9 +9,9 @@ import './TriangleAlert-ba250f4c.js';
9
9
  import './Tooltip.js';
10
10
  import './floating-ui.react-0485e4db.js';
11
11
  import 'react-dom';
12
- import './index-7fa24b9c.js';
12
+ import './index-88589ce9.js';
13
13
  import './useDebounceCallback-999deae7.js';
14
- import './useEllipsisDetection-e2685fb7.js';
14
+ import './useEllipsisDetection-54b1edfe.js';
15
15
  import './Info.js';
16
16
  import './InfoOutlined-fc7d9afa.js';
17
17
 
package/QRCode.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React__default, { useRef, useContext, useMemo } from 'react';
2
2
  import { c as classNames } from './index-ce02421b.js';
3
3
  import Logo from './Logo.js';
4
- import { a as GeneUIDesignSystemContext } from './index-7fa24b9c.js';
4
+ import { a as GeneUIDesignSystemContext } from './index-88589ce9.js';
5
5
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
6
6
  import './useDebounceCallback-999deae7.js';
7
7
 
package/Radio.js CHANGED
@@ -10,9 +10,9 @@ import './TriangleAlert-ba250f4c.js';
10
10
  import './Tooltip.js';
11
11
  import './floating-ui.react-0485e4db.js';
12
12
  import 'react-dom';
13
- import './index-7fa24b9c.js';
13
+ import './index-88589ce9.js';
14
14
  import './useDebounceCallback-999deae7.js';
15
- import './useEllipsisDetection-e2685fb7.js';
15
+ import './useEllipsisDetection-54b1edfe.js';
16
16
  import './Info.js';
17
17
  import './InfoOutlined-fc7d9afa.js';
18
18
 
package/Rate.js CHANGED
@@ -9,9 +9,9 @@ import './TriangleAlert-ba250f4c.js';
9
9
  import './Tooltip.js';
10
10
  import './floating-ui.react-0485e4db.js';
11
11
  import 'react-dom';
12
- import './index-7fa24b9c.js';
12
+ import './index-88589ce9.js';
13
13
  import './useDebounceCallback-999deae7.js';
14
- import './useEllipsisDetection-e2685fb7.js';
14
+ import './useEllipsisDetection-54b1edfe.js';
15
15
  import './Info.js';
16
16
  import './InfoOutlined-fc7d9afa.js';
17
17
 
package/Spreadsheet.js ADDED
@@ -0,0 +1,9 @@
1
+ export { S as default } from './index-64726765.js';
2
+ import 'react';
3
+ import 'react-dom';
4
+ import './index-ce02421b.js';
5
+ import './Scrollbar.js';
6
+ import 'prop-types';
7
+ import './useDebounceCallback-999deae7.js';
8
+ import './style-inject.es-746bb8ed.js';
9
+ import './index-88589ce9.js';
package/Tag.js CHANGED
@@ -4,11 +4,11 @@ import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b
4
4
  import { S as SvgTriangleAlert } from './TriangleAlert-ba250f4c.js';
5
5
  import { S as SvgX } from './X-20da3b4a.js';
6
6
  import Button from './Button.js';
7
- import { u as useEllipsisDetection } from './useEllipsisDetection-e2685fb7.js';
7
+ import { u as useEllipsisDetection } from './useEllipsisDetection-54b1edfe.js';
8
8
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
9
9
  import Tooltip from './Tooltip.js';
10
10
  import './Loader.js';
11
- import './index-7fa24b9c.js';
11
+ import './index-88589ce9.js';
12
12
  import './useDebounceCallback-999deae7.js';
13
13
  import './floating-ui.react-0485e4db.js';
14
14
  import 'react-dom';
@@ -54,7 +54,7 @@ var SvgTagOutline = function SvgTagOutline(_ref) {
54
54
  }));
55
55
  };
56
56
 
57
- var css_248z = ".tag{align-items:center;display:inline-flex;max-width:28rem}.tag_size_medium,.tag_size_small{border-radius:var(--guit-ref-radius-3xsmall);padding-inline-start:var(--guit-ref-spacing-medium)}.tag_size_medium.tag_withIcon,.tag_size_small.tag_withIcon{padding-inline-start:var(--guit-ref-spacing-xsmall)}.tag_size_medium .tag__text,.tag_size_small .tag__text{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}.tag_size_medium{gap:var(--guit-ref-spacing-xsmall)}.tag_size_small{gap:var(--guit-ref-spacing-2xsmall)}.tag_state_rest{background-color:var(--guit-sem-color-background-neutral-4)}.tag_state_rest .tag__icon,.tag_state_rest .tag__text{color:var(--guit-sem-color-foreground-neutral-2)}.tag_state_error{background-color:var(--guit-sem-color-background-error-1)}.tag_state_error .tag__icon,.tag_state_error .tag__text{color:var(--guit-sem-color-foreground-error)}.tag_state_warning{background-color:var(--guit-sem-color-background-warning-1)}.tag_state_warning .tag__icon,.tag_state_warning .tag__text{color:var(--guit-sem-color-foreground-warning)}.tag_state_disabled{background-color:var(--guit-sem-color-background-disabled);pointer-events:none;-webkit-user-select:none;user-select:none}.tag_state_disabled .tag__icon,.tag_state_disabled .tag__text{color:var(--guit-sem-color-foreground-disabled)}.tag__button,.tag__icon{flex:0 0 auto}.tag__text{flex:1;min-width:0}";
57
+ var css_248z = ".tag{align-items:center;display:inline-flex;max-width:28rem}.tag_size_medium,.tag_size_small{border-radius:var(--guit-ref-radius-3xsmall);padding-inline-start:var(--guit-ref-spacing-medium)}.tag_size_medium.tag_withIcon,.tag_size_small.tag_withIcon{padding-inline-start:var(--guit-ref-spacing-xsmall)}.tag_size_medium .tag__text,.tag_size_small .tag__text{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family),sans-serif;font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}.tag_size_medium{gap:var(--guit-ref-spacing-xsmall)}.tag_size_small{gap:var(--guit-ref-spacing-2xsmall)}.tag_state_rest{background-color:var(--guit-sem-color-background-neutral-4)}.tag_state_rest .tag__icon,.tag_state_rest .tag__text{color:var(--guit-sem-color-foreground-neutral-2)}.tag_state_error{background-color:var(--guit-sem-color-background-error-1)}.tag_state_error .tag__icon,.tag_state_error .tag__text{color:var(--guit-sem-color-foreground-error)}.tag_state_warning{background-color:var(--guit-sem-color-background-warning-1)}.tag_state_warning .tag__icon,.tag_state_warning .tag__text{color:var(--guit-sem-color-foreground-warning)}.tag_state_disabled{background-color:var(--guit-sem-color-background-disabled);pointer-events:none;-webkit-user-select:none;user-select:none}.tag_state_disabled .tag__icon,.tag_state_disabled .tag__text{color:var(--guit-sem-color-foreground-disabled)}.tag__button,.tag__icon{flex:0 0 auto}.tag__text{flex:1;min-width:0}";
58
58
  styleInject(css_248z);
59
59
 
60
60
  const icons = {
package/Text.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import React__default, { useRef } from 'react';
2
2
  import { c as classNames } from './index-ce02421b.js';
3
3
  import Tooltip from './Tooltip.js';
4
- import { u as useEllipsisDetection } from './useEllipsisDetection-e2685fb7.js';
4
+ import { u as useEllipsisDetection } from './useEllipsisDetection-54b1edfe.js';
5
5
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
6
6
  import './floating-ui.react-0485e4db.js';
7
7
  import 'react-dom';
8
- import './index-7fa24b9c.js';
8
+ import './index-88589ce9.js';
9
9
  import './useDebounceCallback-999deae7.js';
10
10
 
11
11
  var css_248z = ".text_variant_headingXLargeSemibold{font-family:var(--guit-sem-font-heading-xlarge-semibold-font-family);font-size:var(--guit-sem-font-heading-xlarge-semibold-font-size);font-weight:var(--guit-sem-font-heading-xlarge-semibold-font-weight);line-height:var(--guit-sem-font-heading-xlarge-semibold-line-height)}.text_variant_headingLargeSemibold{font-family:var(--guit-sem-font-heading-large-semibold-font-family);font-size:var(--guit-sem-font-heading-large-semibold-font-size);font-weight:var(--guit-sem-font-heading-large-semibold-font-weight);line-height:var(--guit-sem-font-heading-large-semibold-line-height)}.text_variant_headingMediumSemibold{font-family:var(--guit-sem-font-heading-medium-semibold-font-family);font-size:var(--guit-sem-font-heading-medium-semibold-font-size);font-weight:var(--guit-sem-font-heading-medium-semibold-font-weight);line-height:var(--guit-sem-font-heading-medium-semibold-line-height)}.text_variant_headingSmallSemibold{font-family:var(--guit-sem-font-heading-small-semibold-font-family);font-size:var(--guit-sem-font-heading-small-semibold-font-size);font-weight:var(--guit-sem-font-heading-small-semibold-font-weight);line-height:var(--guit-sem-font-heading-small-semibold-line-height)}.text_variant_headingXSmallSemibold{font-family:var(--guit-sem-font-heading-xsmall-semibold-font-family);font-size:var(--guit-sem-font-heading-xsmall-semibold-font-size);font-weight:var(--guit-sem-font-heading-xsmall-semibold-font-weight);line-height:var(--guit-sem-font-heading-xsmall-semibold-line-height)}.text_variant_subheadingLargeSemibold{font-family:var(--guit-sem-font-subheading-large-semibold-font-family);font-size:var(--guit-sem-font-subheading-large-semibold-font-size);font-weight:var(--guit-sem-font-subheading-large-semibold-font-weight);line-height:var(--guit-sem-font-subheading-large-semibold-line-height)}.text_variant_subheadingMediumSemibold{font-family:var(--guit-sem-font-subheading-medium-semibold-font-family);font-size:var(--guit-sem-font-subheading-medium-semibold-font-size);font-weight:var(--guit-sem-font-subheading-medium-semibold-font-weight);line-height:var(--guit-sem-font-subheading-medium-semibold-line-height)}.text_variant_labelLargeSemibold{font-family:var(--guit-sem-font-label-large-default-semibold-font-family);font-size:var(--guit-sem-font-label-large-default-semibold-font-size);font-weight:var(--guit-sem-font-label-large-default-semibold-font-weight);line-height:var(--guit-sem-font-label-large-default-semibold-line-height)}.text_variant_labelLargeMedium{font-family:var(--guit-sem-font-label-large-default-medium-font-family);font-size:var(--guit-sem-font-label-large-default-medium-font-size);font-weight:var(--guit-sem-font-label-large-default-medium-font-weight);line-height:var(--guit-sem-font-label-large-default-medium-line-height)}.text_variant_labelMediumSemibold{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-semibold-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}.text_variant_labelMediumMedium{font-family:var(--guit-sem-font-label-medium-default-medium-font-family);font-size:var(--guit-sem-font-label-medium-default-medium-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-medium-line-height)}.text_variant_labelSmallSemibold{font-family:var(--guit-sem-font-label-small-default-semibold-font-family);font-size:var(--guit-sem-font-label-small-default-semibold-font-size);font-weight:var(--guit-sem-font-label-small-default-semibold-font-weight);line-height:var(--guit-sem-font-label-small-default-semibold-line-height)}.text_variant_labelSmallMedium{font-family:var(--guit-sem-font-label-small-default-medium-font-family);font-size:var(--guit-sem-font-label-small-default-medium-font-size);font-weight:var(--guit-sem-font-label-small-default-medium-font-weight);line-height:var(--guit-sem-font-label-small-default-medium-line-height)}.text_variant_bodyLargeMedium_hasSpace,.text_variant_bodyLargeRegular_hasSpace,.text_variant_bodyLargeSemibold_hasSpace{margin-block-end:2.4rem}.text_variant_bodyMediumMedium_hasSpace,.text_variant_bodyMediumRegular_hasSpace,.text_variant_bodyMediumSemibold_hasSpace{margin-block-end:2rem}.text_variant_bodyLargeSemibold{font-family:var(--guit-sem-font-body-large-default-semibold-font-family);font-size:var(--guit-sem-font-body-large-default-semibold-font-size);font-weight:var(--guit-sem-font-body-large-default-semibold-font-weight);line-height:var(--guit-sem-font-body-large-default-semibold-line-height)}.text_variant_bodyLargeMedium{font-family:var(--guit-sem-font-body-large-default-medium-font-family);font-size:var(--guit-sem-font-body-large-default-medium-font-size);font-weight:var(--guit-sem-font-body-large-default-medium-font-weight);line-height:var(--guit-sem-font-body-large-default-medium-line-height)}.text_variant_bodyLargeRegular{font-family:var(--guit-sem-font-body-large-default-regular-font-family);font-size:var(--guit-sem-font-body-large-default-regular-font-size);font-weight:var(--guit-sem-font-body-large-default-regular-font-weight);line-height:var(--guit-sem-font-body-large-default-regular-line-height)}.text_variant_bodyMediumSemibold{font-family:var(--guit-sem-font-body-medium-default-semibold-font-family);font-size:var(--guit-sem-font-body-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-body-medium-default-semibold-font-weight);line-height:var(--guit-sem-font-body-medium-default-semibold-line-height)}.text_variant_bodyMediumMedium{font-family:var(--guit-sem-font-body-medium-default-medium-font-family);font-size:var(--guit-sem-font-body-medium-default-medium-font-size);font-weight:var(--guit-sem-font-body-medium-default-medium-font-weight);line-height:var(--guit-sem-font-body-medium-default-medium-line-height)}.text_variant_bodyMediumRegular{font-family:var(--guit-sem-font-body-medium-default-regular-font-family);font-size:var(--guit-sem-font-body-medium-default-regular-font-size);font-weight:var(--guit-sem-font-body-medium-default-regular-font-weight);line-height:var(--guit-sem-font-body-medium-default-regular-line-height)}.text_variant_captionLargeMedium_hasSpace,.text_variant_captionLargeRegular_hasSpace,.text_variant_captionLargeSemibold_hasSpace{margin-block-end:1.6rem}.text_variant_captionMediumMedium_hasSpace,.text_variant_captionMediumRegular_hasSpace,.text_variant_captionMediumSemibold_hasSpace{margin-block-end:1.4rem}.text_variant_captionLargeSemibold{font-family:var(--guit-sem-font-caption-large-semibold-font-family);font-size:var(--guit-sem-font-caption-large-semibold-font-size);font-weight:var(--guit-sem-font-caption-large-semibold-font-weight);letter-spacing:var(--guit-sem-font-caption-large-semibold-letter-spacing);line-height:var(--guit-sem-font-caption-large-semibold-line-height)}.text_variant_captionLargeMedium{font-family:var(--guit-sem-font-caption-large-medium-font-family);font-size:var(--guit-sem-font-caption-large-medium-font-size);font-weight:var(--guit-sem-font-caption-large-medium-font-weight);letter-spacing:var(--guit-sem-font-caption-large-medium-letter-spacing);line-height:var(--guit-sem-font-caption-large-medium-line-height)}.text_variant_captionLargeRegular{font-family:var(--guit-sem-font-caption-large-regular-font-family);font-size:var(--guit-sem-font-caption-large-regular-font-size);font-weight:var(--guit-sem-font-caption-large-regular-font-weight);letter-spacing:var(--guit-sem-font-caption-large-regular-letter-spacing);line-height:var(--guit-sem-font-caption-large-regular-line-height)}.text_variant_captionMediumSemibold{font-family:var(--guit-sem-font-caption-medium-semibold-font-family);font-size:var(--guit-sem-font-caption-medium-semibold-font-size);font-weight:var(--guit-sem-font-caption-medium-semibold-font-weight);letter-spacing:var(--guit-sem-font-caption-medium-semibold-letter-spacing);line-height:var(--guit-sem-font-caption-medium-semibold-line-height)}.text_variant_captionMediumMedium{font-family:var(--guit-sem-font-caption-medium-medium-font-family);font-size:var(--guit-sem-font-caption-medium-medium-font-size);font-weight:var(--guit-sem-font-caption-medium-medium-font-weight);letter-spacing:var(--guit-sem-font-caption-medium-medium-letter-spacing);line-height:var(--guit-sem-font-caption-medium-medium-line-height)}.text_variant_captionMediumRegular{font-family:var(--guit-sem-font-caption-medium-regular-font-family);font-size:var(--guit-sem-font-caption-medium-regular-font-size);font-weight:var(--guit-sem-font-caption-medium-regular-font-weight);letter-spacing:var(--guit-sem-font-caption-medium-regular-letter-spacing);line-height:var(--guit-sem-font-caption-medium-regular-line-height)}.text_alignment_start{text-align:start}.text_alignment_center{text-align:center}.text_alignment_end{text-align:end}.text_case_uppercase{text-transform:uppercase}.text_decoration_underline{text-decoration:underline}.text_decoration_lineThrough{text-decoration:line-through}";
package/Timeline.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import React__default, { createContext, useContext, useMemo, useRef } from 'react';
2
2
  import { c as classNames } from './index-ce02421b.js';
3
- import { a as GeneUIDesignSystemContext } from './index-7fa24b9c.js';
3
+ import { a as GeneUIDesignSystemContext } from './index-88589ce9.js';
4
4
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
5
5
  import { S as SvgCircleFilled } from './CircleFilled-19a9ec62.js';
6
6
  import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b88e2ba8.js';
7
7
  import Divider from './Divider.js';
8
8
  import Tooltip from './Tooltip.js';
9
- import { u as useEllipsisDetection } from './useEllipsisDetection-e2685fb7.js';
9
+ import { u as useEllipsisDetection } from './useEllipsisDetection-54b1edfe.js';
10
10
  import './useDebounceCallback-999deae7.js';
11
11
  import './floating-ui.react-0485e4db.js';
12
12
  import 'react-dom';
package/Tooltip.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React__default, { useContext, useState, useRef, useEffect, Children, cloneElement, Fragment } from 'react';
2
2
  import { u as useFloating, p as platform, h as offset, i as flip, a as arrow, j as shift, b as autoUpdate, k as useHover, g as useInteractions, F as FloatingPortal } from './floating-ui.react-0485e4db.js';
3
3
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
4
- import { a as GeneUIDesignSystemContext } from './index-7fa24b9c.js';
4
+ import { a as GeneUIDesignSystemContext } from './index-88589ce9.js';
5
5
  import 'react-dom';
6
6
  import './useDebounceCallback-999deae7.js';
7
7
 
@@ -276,7 +276,7 @@ function requireReactIs_development () {
276
276
  }
277
277
  } (reactIs));
278
278
 
279
- var css_248z = ".tooltip{align-items:flex-start;border-radius:var(--guit-ref-radius-3xsmall);box-shadow:var(--guit-sem-shadow-floating-2-position-x-1) var(--guit-sem-shadow-floating-2-position-y-1) var(--guit-sem-shadow-floating-2-blur-1) var(--guit-sem-shadow-floating-2-spread-1) var(--guit-sem-color-floating-2-rgba-1),var(--guit-sem-shadow-floating-2-position-x-2) var(--guit-sem-shadow-floating-2-position-y-2) var(--guit-sem-shadow-floating-2-blur-2) var(--guit-sem-shadow-floating-2-spread-2) var(--guit-sem-color-floating-2-rgba-2);display:flex;font-family:var(--guit-sem-font-caption-large-medium-font-family);font-size:var(--guit-sem-font-caption-large-medium-font-size);font-weight:var(--guit-sem-font-caption-large-medium-font-weight);gap:var(--guit-ref-spacing-3xsmall);justify-content:space-between;letter-spacing:var(--guit-sem-font-caption-large-medium-letter-spacing);line-height:var(--guit-sem-font-caption-large-medium-line-height);max-width:24rem;min-width:var(--guit-sem-dimension-width-3xlarge);padding:var(--guit-ref-spacing-xsmall) var(--guit-ref-spacing-medium)}.tooltip_position_top .tooltip__arrow{transform:rotate(0deg)}.tooltip_position_bottom .tooltip__arrow{transform:rotate(180deg)}.tooltip_position_left .tooltip__arrow{transform:rotate(-90deg)}.tooltip_position_right .tooltip__arrow{transform:rotate(90deg)}.tooltip_color_default{background-color:var(--guit-sem-color-background-neutral-5)}.tooltip_color_default .tooltip__arrowPath{fill:var(--guit-sem-color-background-neutral-5)}.tooltip_color_default .tooltip__icon,.tooltip_color_default .tooltip__text{color:var(--guit-sem-color-foreground-inverse-notheme)}.tooltip_color_inverse{background-color:var(--guit-sem-color-background-neutral-1-nudge)}.tooltip_color_inverse .tooltip__arrowPath{fill:var(--guit-sem-color-background-neutral-1-nudge)}.tooltip_color_inverse .tooltip__icon,.tooltip_color_inverse .tooltip__text{color:var(--guit-sem-color-foreground-neutral-2)}.tooltip__arrow{align-items:center;display:flex;height:.4rem;justify-content:center;position:absolute;width:1.2rem}.tooltip__textWrapper{display:flex;flex-direction:column;gap:var(--guit-sem-font-caption-large-medium-paragraph-spacing)}.tooltip__text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;overflow:hidden;word-break:break-word}.tooltip__icon{flex:0 0 auto}";
279
+ var css_248z = ".tooltip{align-items:flex-start;border-radius:var(--guit-ref-radius-3xsmall);box-shadow:var(--guit-sem-shadow-floating-2-position-x-1) var(--guit-sem-shadow-floating-2-position-y-1) var(--guit-sem-shadow-floating-2-blur-1) var(--guit-sem-shadow-floating-2-spread-1) var(--guit-sem-color-floating-2-rgba-1),var(--guit-sem-shadow-floating-2-position-x-2) var(--guit-sem-shadow-floating-2-position-y-2) var(--guit-sem-shadow-floating-2-blur-2) var(--guit-sem-shadow-floating-2-spread-2) var(--guit-sem-color-floating-2-rgba-2);display:flex;font-family:var(--guit-sem-font-caption-large-medium-font-family),sans-serif;font-size:var(--guit-sem-font-caption-large-medium-font-size);font-weight:var(--guit-sem-font-caption-large-medium-font-weight);gap:var(--guit-ref-spacing-3xsmall);justify-content:space-between;letter-spacing:var(--guit-sem-font-caption-large-medium-letter-spacing);line-height:var(--guit-sem-font-caption-large-medium-line-height);max-width:24rem;min-width:var(--guit-sem-dimension-width-3xlarge);padding:var(--guit-ref-spacing-xsmall) var(--guit-ref-spacing-medium)}.tooltip_position_top .tooltip__arrow{transform:rotate(0deg)}.tooltip_position_bottom .tooltip__arrow{transform:rotate(180deg)}.tooltip_position_left .tooltip__arrow{transform:rotate(-90deg)}.tooltip_position_right .tooltip__arrow{transform:rotate(90deg)}.tooltip_color_default{background-color:var(--guit-sem-color-background-neutral-5)}.tooltip_color_default .tooltip__arrowPath{fill:var(--guit-sem-color-background-neutral-5)}.tooltip_color_default .tooltip__icon,.tooltip_color_default .tooltip__text{color:var(--guit-sem-color-foreground-inverse-notheme)}.tooltip_color_inverse{background-color:var(--guit-sem-color-background-neutral-1-nudge)}.tooltip_color_inverse .tooltip__arrowPath{fill:var(--guit-sem-color-background-neutral-1-nudge)}.tooltip_color_inverse .tooltip__icon,.tooltip_color_inverse .tooltip__text{color:var(--guit-sem-color-foreground-neutral-2)}.tooltip__arrow{align-items:center;display:flex;height:.4rem;justify-content:center;position:absolute;width:1.2rem}.tooltip__textWrapper{display:flex;flex-direction:column;gap:var(--guit-sem-font-caption-large-medium-paragraph-spacing)}.tooltip__text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;overflow:hidden;word-break:break-word}.tooltip__icon{flex:0 0 auto}";
280
280
  styleInject(css_248z);
281
281
 
282
282
  const positions = [
@@ -0,0 +1,39 @@
1
+ import { FC, RefObject } from "react";
2
+ interface ICopyProps {
3
+ /**
4
+ * Size of the copy and copied icons: `small | medium | large | XSmall`,
5
+ */
6
+ size?: "small" | "medium" | "large" | "XSmall";
7
+ /**
8
+ * Additional class for the parent element.
9
+ * This prop should be used to set placement properties for the element relative to its parent using BEM conventions.
10
+ */
11
+ className?: string;
12
+ /**
13
+ * Reference to the content you want to copy
14
+ */
15
+ contentRef?: RefObject<HTMLElement>;
16
+ /**
17
+ * Tooltip text to display when the copy action is available. It will be shown when the user hovers over the copy icon.
18
+ */
19
+ copyTooltipText?: string;
20
+ /**
21
+ * Tooltip text to display when the copy action has been performed. It will be shown when the user clicks on the copy icon.
22
+ */
23
+ copiedTooltipText?: string;
24
+ /**
25
+ * The value to copy. If specified, this will be copied instead of the content referenced by contentRef.
26
+ */
27
+ value?: string;
28
+ /**
29
+ * Indicates the action meaning. <br>
30
+ * Possible values: `secondary | primary | inverse`
31
+ */
32
+ appearance?: "secondary" | "primary" | "inverse";
33
+ /**
34
+ * Disables the copy, preventing it from being interacted with.
35
+ */
36
+ disabled?: boolean;
37
+ }
38
+ declare const CopyComponent: FC<ICopyProps>;
39
+ export { ICopyProps, CopyComponent as default };
@@ -0,0 +1 @@
1
+ export { ICopyProps, default } from "./Copy";
@@ -0,0 +1,34 @@
1
+ import React, { FC } from "react";
2
+ import "./Spreadsheet.scss";
3
+ interface ISpreadsheetProps {
4
+ /**
5
+ * Additional class for the parent element.
6
+ * This prop should be used to set placement properties for the element relative to its parent using BEM conventions.
7
+ */
8
+ className?: string;
9
+ /**
10
+ * Controls the visibility of the Spreadsheet component.
11
+ * When `true`, the component is displayed as an overlay. When `false`, it is hidden.
12
+ */
13
+ open: boolean;
14
+ /**
15
+ * A callback function triggered when a close interaction is detected (e.g., click outside).
16
+ * Use this to handle cleanup or update the state controlling open.
17
+ */
18
+ onClose?: () => void;
19
+ /**
20
+ * Controls whether padding/inset styles are applied to the content area inside the Spreadsheet.
21
+ * Set to `false` to remove internal spacing for edge-to-edge content.
22
+ */
23
+ inset?: boolean;
24
+ /**
25
+ * The content to render inside the Spreadsheet.
26
+ * Typically includes form elements, info panels, or custom UI blocks.
27
+ */
28
+ children?: React.ReactElement;
29
+ }
30
+ /**
31
+ * The Spreadsheet component is a mobile-specific layout container designed to fully cover the Popover in mobile view. It acts as a structured content shell for displaying or editing contextual information triggered by a Popover — giving users a focused, full-screen experience on smaller screens.
32
+ */
33
+ declare const Spreadsheet: FC<ISpreadsheetProps>;
34
+ export { ISpreadsheetProps, Spreadsheet as default };
@@ -0,0 +1 @@
1
+ export { ISpreadsheetProps, default } from "./Spreadsheet";
@@ -1,5 +1,6 @@
1
1
  import React, { JSX } from "react";
2
2
  import { IBreakpoint } from "@hooks/useBreakpoint";
3
+ import { IDeviceInfo } from "@hooks/useDeviceInfo";
3
4
  import { ThemesTypes } from "@types";
4
5
  import "../../../assets/styles/reset.scss";
5
6
  import "../../../assets/styles/utils.scss";
@@ -16,6 +17,7 @@ interface IGeneUIDesignSystemContext {
16
17
  tokens: TokensType;
17
18
  geneUIProviderRef: React.MutableRefObject<null>;
18
19
  breakpoint: IBreakpoint | null;
20
+ deviceInfo: IDeviceInfo | null;
19
21
  logo: LogoType;
20
22
  }
21
23
  declare const GeneUIDesignSystemContext: React.Context<IGeneUIDesignSystemContext>;
@@ -1 +1 @@
1
- export { default } from "./useDeviceInfo";
1
+ export { default, IDeviceInfo } from "./useDeviceInfo";
@@ -1,5 +1,5 @@
1
1
  import { OSTypes } from "@types";
2
- interface IDeviceInfo {
2
+ export interface IDeviceInfo {
3
3
  isMobileDevice: boolean;
4
4
  isDesktopDevice: boolean;
5
5
  isTouch: boolean;
@@ -9,6 +9,7 @@ interface IDeviceInfo {
9
9
  isLinux: boolean;
10
10
  isAndroid: boolean;
11
11
  isIOS: boolean;
12
+ theme: "light" | "dark";
12
13
  }
13
14
  declare const useDeviceInfo: () => IDeviceInfo;
14
15
  export default useDeviceInfo;