@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 +1 -1
- package/CheckMark-34798545.js +23 -0
- package/Checkbox.js +3 -21
- package/Copy.js +62 -0
- package/GeneUIProvider.js +1 -1
- package/Info.js +1 -1
- package/KeyValue.js +1 -1
- package/Label.js +2 -2
- package/Logo.js +1 -1
- package/Pill.js +2 -2
- package/Popover.js +1 -1
- package/ProgressBar.js +2 -2
- package/QRCode.js +1 -1
- package/Radio.js +2 -2
- package/Rate.js +2 -2
- package/Spreadsheet.js +9 -0
- package/Tag.js +3 -3
- package/Text.js +2 -2
- package/Timeline.js +2 -2
- package/Tooltip.js +2 -2
- package/components/atoms/Copy/Copy.d.ts +39 -0
- package/components/atoms/Copy/index.d.ts +1 -0
- package/components/atoms/Spreadsheet/Spreadsheet.d.ts +34 -0
- package/components/atoms/Spreadsheet/index.d.ts +1 -0
- package/components/providers/GeneUIProvider/GeneUIProvider.d.ts +2 -0
- package/hooks/useDeviceInfo/index.d.ts +1 -1
- package/hooks/useDeviceInfo/useDeviceInfo.d.ts +2 -1
- package/index-64726765.js +78 -0
- package/{index-7fa24b9c.js → index-88589ce9.js} +140 -9
- package/index.d.ts +2 -0
- package/index.js +6 -102
- package/package.json +2 -2
- package/tokens-f34162d4.js +6 -0
- package/{useEllipsisDetection-e2685fb7.js → useEllipsisDetection-54b1edfe.js} +1 -1
- package/tokens-ed374aee.js +0 -6
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-
|
|
13
|
+
import './index-88589ce9.js';
|
|
13
14
|
import './useDebounceCallback-999deae7.js';
|
|
14
|
-
import './useEllipsisDetection-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
12
|
+
import './index-88589ce9.js';
|
|
13
13
|
import './useDebounceCallback-999deae7.js';
|
|
14
|
-
import './useEllipsisDetection-
|
|
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-
|
|
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-
|
|
13
|
+
import './index-88589ce9.js';
|
|
14
14
|
import './useDebounceCallback-999deae7.js';
|
|
15
|
-
import './useEllipsisDetection-
|
|
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-
|
|
12
|
+
import './index-88589ce9.js';
|
|
13
13
|
import './useDebounceCallback-999deae7.js';
|
|
14
|
-
import './useEllipsisDetection-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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;
|