@ukic/react 2.2.0 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -14,6 +14,7 @@ export declare const IcDataEntity: import("react").ForwardRefExoticComponent<JSX
14
14
  export declare const IcDataRow: import("react").ForwardRefExoticComponent<JSX.IcDataRow & Omit<import("react").HTMLAttributes<HTMLIcDataRowElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcDataRowElement>>;
15
15
  export declare const IcDialog: import("react").ForwardRefExoticComponent<JSX.IcDialog & Omit<import("react").HTMLAttributes<HTMLIcDialogElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcDialogElement>>;
16
16
  export declare const IcDivider: import("react").ForwardRefExoticComponent<JSX.IcDivider & Omit<import("react").HTMLAttributes<HTMLIcDividerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcDividerElement>>;
17
+ export declare const IcEmptyState: import("react").ForwardRefExoticComponent<JSX.IcEmptyState & Omit<import("react").HTMLAttributes<HTMLIcEmptyStateElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcEmptyStateElement>>;
17
18
  export declare const IcFooter: import("react").ForwardRefExoticComponent<JSX.IcFooter & Omit<import("react").HTMLAttributes<HTMLIcFooterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcFooterElement>>;
18
19
  export declare const IcFooterLink: import("react").ForwardRefExoticComponent<JSX.IcFooterLink & Omit<import("react").HTMLAttributes<HTMLIcFooterLinkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcFooterLinkElement>>;
19
20
  export declare const IcFooterLinkGroup: import("react").ForwardRefExoticComponent<JSX.IcFooterLinkGroup & Omit<import("react").HTMLAttributes<HTMLIcFooterLinkGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcFooterLinkGroupElement>>;
@@ -18,6 +18,7 @@ export const IcDataEntity = /*@__PURE__*/ createReactComponent('ic-data-entity')
18
18
  export const IcDataRow = /*@__PURE__*/ createReactComponent('ic-data-row');
19
19
  export const IcDialog = /*@__PURE__*/ createReactComponent('ic-dialog');
20
20
  export const IcDivider = /*@__PURE__*/ createReactComponent('ic-divider');
21
+ export const IcEmptyState = /*@__PURE__*/ createReactComponent('ic-empty-state');
21
22
  export const IcFooter = /*@__PURE__*/ createReactComponent('ic-footer');
22
23
  export const IcFooterLink = /*@__PURE__*/ createReactComponent('ic-footer-link');
23
24
  export const IcFooterLinkGroup = /*@__PURE__*/ createReactComponent('ic-footer-link-group');
@@ -10,9 +10,9 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-primary-text)}a
10
10
  var(--ic-status-success);--ic-success-border-hover:var(--ic-space-xxxs) solid
11
11
  var(--ic-status-success-hover);--ic-success-border-pressed:var(--ic-space-xxxs) solid
12
12
  var(--ic-status-success-pressed);--ic-warning-border-default:var(--ic-space-xxxs) solid
13
- var(--ic-status-warning-mid);--ic-warning-border-hover:var(--ic-space-xxxs) solid
14
- var(--ic-status-warning-mid-hover);--ic-warning-border-pressed:var(--ic-space-xxxs) solid
15
- var(--ic-status-warning-mid-pressed);--ic-font-body-family:"Open Sans", "Helvetica Neue", "Arial", "sans-serif";--ic-font-heading-family:"Nunito Sans", sans-serif;--ic-font-code-family:"Source Code Pro", monospace;--ic-font-weight-extrabold:800;--ic-font-weight-bold:700;--ic-font-weight-semibold:600;--ic-font-weight-regular:400;--ic-font-size-h1:2.625rem;--ic-font-size-h2:2.125rem;--ic-font-size-h3:1.5rem;--ic-font-size-h4:1.25rem;--ic-font-size-regular:1rem;--ic-font-size-label:0.875rem;--ic-font-size-caption:0.75rem;--ic-font-line-height-h1:3.5rem;--ic-font-line-height-h2:3.5rem;--ic-font-line-height-h3:2.5rem;--ic-font-line-height-h4:2rem;--ic-font-line-height-subtitle-large:1.5rem;--ic-font-line-height-subtitle-small:1.5rem;--ic-font-line-height-body:1.5rem;--ic-font-line-height-caption:1.25rem;--ic-font-line-height-code:1.5rem;--ic-font-letter-spacing-0pt025:0.025rem;--ic-font-letter-spacing-0pt005:0.005rem;--ic-font-letter-spacing-0pt0025:0.0025rem;--ic-font-letter-spacing-0pt0015:0.0015rem;--ic-font-h1:var(--ic-font-weight-extrabold) var(--ic-font-size-h1) /
13
+ var(--ic-status-warning);--ic-warning-border-hover:var(--ic-space-xxxs) solid
14
+ var(--ic-status-warning-hover);--ic-warning-border-pressed:var(--ic-space-xxxs) solid
15
+ var(--ic-status-warning-pressed);--ic-font-body-family:"Open Sans", "Helvetica Neue", "Arial", "sans-serif";--ic-font-heading-family:"Nunito Sans", sans-serif;--ic-font-code-family:"Source Code Pro", monospace;--ic-font-weight-extrabold:800;--ic-font-weight-bold:700;--ic-font-weight-semibold:600;--ic-font-weight-regular:400;--ic-font-size-h1:2.625rem;--ic-font-size-h2:2.125rem;--ic-font-size-h3:1.5rem;--ic-font-size-h4:1.25rem;--ic-font-size-regular:1rem;--ic-font-size-label:0.875rem;--ic-font-size-caption:0.75rem;--ic-font-line-height-h1:3.5rem;--ic-font-line-height-h2:3.5rem;--ic-font-line-height-h3:2.5rem;--ic-font-line-height-h4:2rem;--ic-font-line-height-subtitle-large:1.5rem;--ic-font-line-height-subtitle-small:1.5rem;--ic-font-line-height-body:1.5rem;--ic-font-line-height-caption:1.25rem;--ic-font-line-height-code:1.5rem;--ic-font-letter-spacing-0pt025:0.025rem;--ic-font-letter-spacing-0pt005:0.005rem;--ic-font-letter-spacing-0pt0025:0.0025rem;--ic-font-letter-spacing-0pt0015:0.0015rem;--ic-font-h1:var(--ic-font-weight-extrabold) var(--ic-font-size-h1) /
16
16
  var(--ic-font-line-height-h1) var(--ic-font-heading-family);--ic-font-h2:var(--ic-font-weight-bold) var(--ic-font-size-h2) /
17
17
  var(--ic-font-line-height-h2) var(--ic-font-heading-family);--ic-font-h3:var(--ic-font-weight-regular) var(--ic-font-size-h3) /
18
18
  var(--ic-font-line-height-h3) var(--ic-font-body-family);--ic-font-h4:var(--ic-font-weight-semibold) var(--ic-font-size-h4) /
@@ -28,27 +28,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-primary-text)}a
28
28
  var(--ic-font-code-family);--ic-font-code-small:var(--ic-font-weight-semibold) var(--ic-font-size-label) /
29
29
  var(--ic-font-line-height-code) var(--ic-font-code-family);--ic-font-code-extra-small:var(--ic-font-weight-regular)
30
30
  var(--ic-font-size-caption) / var(--ic-font-line-height-code)
31
- var(--ic-font-code-family);--ic-keyline-darken-rgb:rgb(0 0 0 / 20%);--ic-keyline-darken:1px solid var(--ic-keyline-darken-rgb);--ic-keyline-lighten-rgb:rgb(255 255 255 / 20%);--ic-keyline-lighten:1px solid var(--ic-keyline-lighten-rgb);--ic-status-error-r:212;--ic-status-error-g:53;--ic-status-error-b:28;--ic-status-error-a:1;--ic-status-error:rgb(
32
- var(--ic-status-error-r) var(--ic-status-error-g) var(--ic-status-error-b) /
33
- var(--ic-status-error-a)
34
- );--ic-status-error-hover:rgb(
35
- calc(var(--ic-status-error-r) * 0.8) calc(var(--ic-status-error-g) * 0.8)
36
- calc(var(--ic-status-error-b) * 0.8) / var(--ic-status-error-a)
37
- );--ic-status-error-pressed:rgb(
38
- calc(var(--ic-status-error-r) * 0.6) calc(var(--ic-status-error-g) * 0.6)
39
- calc(var(--ic-status-error-b) * 0.6) / var(--ic-status-error-a)
40
- );--ic-status-error-background:#ffe4e3;--ic-status-warning:#ffc107;--ic-status-warning-background:#fffbd8;--ic-status-warning-r:208;--ic-status-warning-g:121;--ic-status-warning-b:50;--ic-status-warning-a:1;--ic-status-warning-mid:rgb(
41
- var(--ic-status-warning-r) var(--ic-status-warning-g)
42
- var(--ic-status-warning-b) / var(--ic-status-warning-a)
43
- );--ic-status-warning-mid-hover:rgb(
44
- calc(var(--ic-status-warning-r) * 0.8)
45
- calc(var(--ic-status-warning-g) * 0.8)
46
- calc(var(--ic-status-warning-b) * 0.8) / var(--ic-status-warning-a)
47
- );--ic-status-warning-mid-pressed:rgb(
48
- calc(var(--ic-status-warning-r) * 0.6)
49
- calc(var(--ic-status-warning-g) * 0.6)
50
- calc(var(--ic-status-warning-b) * 0.6) / var(--ic-status-warning-a)
51
- );--ic-status-warning-dark:#7a4c3c;--ic-status-success-r:0;--ic-status-success-g:112;--ic-status-success-b:60;--ic-status-success-a:1;--ic-status-success:rgb(
31
+ var(--ic-font-code-family);--ic-keyline-darken-rgb:rgb(0 0 0 / 20%);--ic-keyline-darken:1px solid var(--ic-keyline-darken-rgb);--ic-keyline-lighten-rgb:rgb(255 255 255 / 20%);--ic-keyline-lighten:1px solid var(--ic-keyline-lighten-rgb);--ic-status-success-light:#e8fef3;--ic-status-success-r:0;--ic-status-success-g:112;--ic-status-success-b:60;--ic-status-success-a:1;--ic-status-success:rgb(
52
32
  var(--ic-status-success-r) var(--ic-status-success-g)
53
33
  var(--ic-status-success-b) / var(--ic-status-success-a)
54
34
  );--ic-status-success-hover:rgb(
@@ -59,7 +39,27 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-primary-text)}a
59
39
  calc(var(--ic-status-success-r) * 0.6)
60
40
  calc(var(--ic-status-success-g) * 0.6)
61
41
  calc(var(--ic-status-success-b) * 0.6) / var(--ic-status-success-a)
62
- );--ic-status-success-background:#e8fef3;--ic-status-info:#3170c2;--ic-status-info-background:#e1f0fc;--ic-status-error-contrast:#f15b4e;--ic-status-warning-contrast:#ffc107;--ic-status-success-contrast:#1bb56c;--ic-status-info-contrast:#488fe3;--ic-architectural-20:#f9fafa;--ic-architectural-40:#f4f4f5;--ic-architectural-60:#eeeff0;--ic-architectural-80:#e8e9eb;--ic-architectural-100:#e1e3e5;--ic-architectural-200:#c4c8cd;--ic-architectural-300:#a7acb3;--ic-architectural-400:#8a919b;--ic-architectural-500:#6c7580;--ic-architectural-600:#575e68;--ic-architectural-700:#41464d;--ic-architectural-800:#2c2f34;--ic-architectural-900:#0b0c0c;--ic-architectural-white:#fff;--ic-architectural-black:#000;--ic-color-primary-text:#0b0c0c;--ic-color-white-text:#fff;--ic-color-secondary-text:#41464d;--ic-color-tertiary-text:#6c7580;--ic-action-default:#1759bc;--ic-action-default-hover:#0b399c;--ic-action-default-active:#07277e;--ic-action-default-active-alpha:rgba(23 89 188 / 50%);--ic-action-default-bg-hover:rgb(23 89 188 / 10%);--ic-action-default-bg-active:rgb(23 89 188 / 20%);--ic-action-default-bg-hover-no-alpha:#e7eef8;--ic-action-default-bg-active-no-alpha:#d0def2;--ic-action-destructive:#d4351c;--ic-action-destructive-hover:#ad1e0e;--ic-action-destructive-active:#8b1209;--ic-action-light:#fff;--ic-action-light-hover:#c4c8cd;--ic-action-light-active:#a7acb3;--ic-action-light-bg-hover:rgb(255 255 255 / 10%);--ic-action-light-bg-active:rgb(255 255 255 / 20%);--ic-action-dark:#0b0c0c;--ic-action-dark-hover:#2c2f34;--ic-action-dark-active:#41464d;--ic-action-dark-bg-hover:rgb(65 70 77 / 10%);--ic-action-dark-bg-active:rgb(65 70 77 / 20%);--ic-classification-official:#2b71c7;--ic-classification-official-foreground:#fff;--ic-classification-secret:#f39c2c;--ic-classification-secret-foreground:#000;--ic-classification-top-secret:#a00;--ic-classification-top-secret-foreground:#fff;--ic-classification-not-set:#616161;--ic-classification-not-set-foreground:#fff;--ic-theme-blue-primary-r:27;--ic-theme-blue-primary-g:60;--ic-theme-blue-primary-b:121;--ic-theme-blue-primary-a:1;--ic-theme-lighten-20:rgb(255 255 255 / 20%);--ic-theme-lighten-40:rgb(255 255 255 / 40%);--ic-theme-primary-r:var(--ic-theme-blue-primary-r);--ic-theme-primary-g:var(--ic-theme-blue-primary-g);--ic-theme-primary-b:var(--ic-theme-blue-primary-b);--ic-theme-primary-a:var(--ic-theme-blue-primary-a);--ic-theme-primary:rgb(
42
+ );--ic-status-success-contrast:#1bb56c;--ic-status-success-dark:#0e3020;--ic-status-warning-light:#fffbd8;--ic-status-warning-contrast:#ffc107;--ic-status-warning-r:208;--ic-status-warning-g:121;--ic-status-warning-b:50;--ic-status-warning-a:1;--ic-status-warning:rgb(
43
+ var(--ic-status-warning-r) var(--ic-status-warning-g)
44
+ var(--ic-status-warning-b) / var(--ic-status-warning-a)
45
+ );--ic-status-warning-hover:rgb(
46
+ calc(var(--ic-status-warning-r) * 0.8)
47
+ calc(var(--ic-status-warning-g) * 0.8)
48
+ calc(var(--ic-status-warning-b) * 0.8) / var(--ic-status-warning-a)
49
+ );--ic-status-warning-pressed:rgb(
50
+ calc(var(--ic-status-warning-r) * 0.6)
51
+ calc(var(--ic-status-warning-g) * 0.6)
52
+ calc(var(--ic-status-warning-b) * 0.6) / var(--ic-status-warning-a)
53
+ );--ic-status-warning-dark:#7a4c3c;--ic-status-error-light:#ffe4e3;--ic-status-error-contrast:#f15b4e;--ic-status-error-r:212;--ic-status-error-g:53;--ic-status-error-b:28;--ic-status-error-a:1;--ic-status-error:rgb(
54
+ var(--ic-status-error-r) var(--ic-status-error-g) var(--ic-status-error-b) /
55
+ var(--ic-status-error-a)
56
+ );--ic-status-error-hover:rgb(
57
+ calc(var(--ic-status-error-r) * 0.8) calc(var(--ic-status-error-g) * 0.8)
58
+ calc(var(--ic-status-error-b) * 0.8) / var(--ic-status-error-a)
59
+ );--ic-status-error-pressed:rgb(
60
+ calc(var(--ic-status-error-r) * 0.6) calc(var(--ic-status-error-g) * 0.6)
61
+ calc(var(--ic-status-error-b) * 0.6) / var(--ic-status-error-a)
62
+ );--ic-status-error-dark:#610a05;--ic-status-info-light:#e1f0fc;--ic-status-info-contrast:#488fe3;--ic-status-info:#124db3;--ic-status-info-dark:#041144;--ic-status-anomalous-light:#efdbff;--ic-status-anomalous-contrast:#b764fb;--ic-status-anomalous:#7c25c2;--ic-status-anomalous-dark:#350f54;--ic-status-unknown-light:var(--ic-architectural-40);--ic-status-unknown-contrast:var(--ic-architectural-300);--ic-status-unknown:var(--ic-architectural-500);--ic-status-unknown-dark:var(--ic-architectural-800);--ic-status-warning-mid:var(--ic-status-warning);--ic-status-warning-mid-hover:var(--ic-status-warning-hover);--ic-status-warning-mid-pressed:var(--ic-status-warning-pressed);--ic-status-success-background:var(--ic-status-success-light);--ic-status-warning-background:var(--ic-status-warning-light);--ic-status-error-background:var(--ic-status-error-light);--ic-status-info-background:var(--ic-status-info-light);--ic-architectural-20:#f9fafa;--ic-architectural-40:#f4f4f5;--ic-architectural-60:#eeeff0;--ic-architectural-80:#e8e9eb;--ic-architectural-100:#e1e3e5;--ic-architectural-200:#c4c8cd;--ic-architectural-300:#a7acb3;--ic-architectural-400:#8a919b;--ic-architectural-500:#6c7580;--ic-architectural-600:#575e68;--ic-architectural-700:#41464d;--ic-architectural-800:#2c2f34;--ic-architectural-900:#0b0c0c;--ic-architectural-white:#fff;--ic-architectural-black:#000;--ic-color-primary-text:#0b0c0c;--ic-color-white-text:#fff;--ic-color-secondary-text:#41464d;--ic-color-tertiary-text:#6c7580;--ic-action-default:#1759bc;--ic-action-default-hover:#0b399c;--ic-action-default-active:#07277e;--ic-action-default-active-alpha:rgba(23 89 188 / 50%);--ic-action-default-bg-hover:rgb(23 89 188 / 10%);--ic-action-default-bg-active:rgb(23 89 188 / 20%);--ic-action-default-bg-hover-no-alpha:#e7eef8;--ic-action-default-bg-active-no-alpha:#d0def2;--ic-action-destructive:#d4351c;--ic-action-destructive-hover:#ad1e0e;--ic-action-destructive-active:#8b1209;--ic-action-light:#fff;--ic-action-light-hover:#c4c8cd;--ic-action-light-active:#a7acb3;--ic-action-light-bg-hover:rgb(255 255 255 / 10%);--ic-action-light-bg-active:rgb(255 255 255 / 20%);--ic-action-dark:#0b0c0c;--ic-action-dark-hover:#2c2f34;--ic-action-dark-active:#41464d;--ic-action-dark-bg-hover:rgb(65 70 77 / 10%);--ic-action-dark-bg-active:rgb(65 70 77 / 20%);--ic-classification-official:#2b71c7;--ic-classification-official-foreground:#fff;--ic-classification-secret:#f39c2c;--ic-classification-secret-foreground:#000;--ic-classification-top-secret:#a00;--ic-classification-top-secret-foreground:#fff;--ic-classification-not-set:#616161;--ic-classification-not-set-foreground:#fff;--ic-theme-blue-primary-r:27;--ic-theme-blue-primary-g:60;--ic-theme-blue-primary-b:121;--ic-theme-blue-primary-a:1;--ic-theme-lighten-20:rgb(255 255 255 / 20%);--ic-theme-lighten-40:rgb(255 255 255 / 40%);--ic-theme-primary-r:var(--ic-theme-blue-primary-r);--ic-theme-primary-g:var(--ic-theme-blue-primary-g);--ic-theme-primary-b:var(--ic-theme-blue-primary-b);--ic-theme-primary-a:var(--ic-theme-blue-primary-a);--ic-theme-primary:rgb(
63
63
  var(--ic-theme-primary-r) var(--ic-theme-primary-g)
64
64
  var(--ic-theme-primary-b) / var(--ic-theme-primary-a)
65
65
  );--ic-theme-secondary:rgb(
@@ -98,4 +98,4 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-primary-text)}a
98
98
  );--ic-theme-active:rgb(
99
99
  calc(var(--ic-theme-calc) + 65) calc(var(--ic-theme-calc) + 70)
100
100
  calc(var(--ic-theme-calc) + 77) / 20%
101
- );--ic-hyperlink:#1759bc;--ic-hyperlink-visited:#330072;--ic-hyperlink-hover:#7c2855;--ic-hyperlink-contrast:#5c98f2;--ic-hyperlink-contrast-visited:#bc75ff;--ic-hyperlink-contrast-hover:#db76ac;--ic-focus-blue:#0044d7;--ic-focus-glow:#80a1e8;--ic-hc-focus-outline:3px solid transparent;--ic-breakpoint-xs:0;--ic-breakpoint-sm:576px;--ic-breakpoint-md:768px;--ic-breakpoint-lg:992px;--ic-breakpoint-xl:1200px;--ic-space-1px:0.063rem;--ic-space-xxxs:0.125rem;--ic-space-xxs:0.25rem;--ic-space-xs:0.5rem;--ic-space-sm:0.75rem;--ic-space-md:1rem;--ic-space-lg:1.5rem;--ic-space-xl:2rem;--ic-space-xxl:3rem;--ic-z-index-base-value:0;--ic-z-index-page-header:calc(var(--ic-z-index-base-value) + 10);--ic-z-index-back-to-top:calc(var(--ic-z-index-base-value) + 20);--ic-z-index-menu:calc(var(--ic-z-index-base-value) + 50);--ic-z-index-popover:calc(var(--ic-z-index-base-value) + 50);--ic-z-index-navigation-item:calc(var(--ic-z-index-base-value) + 50);--ic-z-index-navigation-menu:calc(var(--ic-z-index-base-value) + 60);--ic-z-index-sticky-page-header:calc(var(--ic-z-index-base-value) + 60);--ic-z-index-side-navigation:calc(var(--ic-z-index-base-value) + 60);--ic-z-index-dialog:calc(var(--ic-z-index-base-value) + 100);--ic-z-index-toast:calc(var(--ic-z-index-base-value) + 110);--ic-z-index-tooltip:calc(var(--ic-z-index-base-value) + 110);--ic-z-index-classification-banner:calc(var(--ic-z-index-base-value) + 200)}
101
+ );--ic-hyperlink:#1759bc;--ic-hyperlink-visited:#330072;--ic-hyperlink-hover:#7c2855;--ic-hyperlink-contrast:#5c98f2;--ic-hyperlink-contrast-visited:#bc75ff;--ic-hyperlink-contrast-hover:#db76ac;--ic-focus-blue:#0044d7;--ic-focus-glow:#80a1e8;--ic-hc-focus-outline:3px solid transparent;--ic-breakpoint-xs:0;--ic-breakpoint-sm:576px;--ic-breakpoint-md:768px;--ic-breakpoint-lg:992px;--ic-breakpoint-xl:1200px;--ic-space-1px:0.063rem;--ic-space-xxxs:0.125rem;--ic-space-xxs:0.25rem;--ic-space-xs:0.5rem;--ic-space-sm:0.75rem;--ic-space-md:1rem;--ic-space-lg:1.5rem;--ic-space-xl:2rem;--ic-space-xxl:3rem;--ic-z-index-base-value:0;--ic-z-index-page-header:calc(var(--ic-z-index-base-value) + 10);--ic-z-index-back-to-top:calc(var(--ic-z-index-base-value) + 20);--ic-z-index-menu:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-popover:calc(var(--ic-z-index-base-value) + 50);--ic-z-index-navigation-item:calc(var(--ic-z-index-base-value) + 50);--ic-z-index-navigation-menu:calc(var(--ic-z-index-base-value) + 60);--ic-z-index-sticky-page-header:calc(var(--ic-z-index-base-value) + 60);--ic-z-index-side-navigation:calc(var(--ic-z-index-base-value) + 60);--ic-z-index-dialog:calc(var(--ic-z-index-base-value) + 100);--ic-z-index-toast:calc(var(--ic-z-index-base-value) + 110);--ic-z-index-tooltip:calc(var(--ic-z-index-base-value) + 110);--ic-z-index-classification-banner:calc(var(--ic-z-index-base-value) + 200)}
@@ -1,5 +1,9 @@
1
1
  export declare const attachProps: (node: HTMLElement, newProps: any, oldProps?: any) => void;
2
2
  export declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: any) => string;
3
+ /**
4
+ * Transforms a React event name to a browser event name.
5
+ */
6
+ export declare const transformReactEventName: (eventNameSuffix: string) => string;
3
7
  /**
4
8
  * Checks if an event is supported in the current execution environment.
5
9
  * @license Modernizr 3.0.0pre (Custom Build) | MIT
@@ -57,6 +57,16 @@ export const getClassName = (classList, newProps, oldProps) => {
57
57
  incomingPropClasses.forEach((s) => finalClassNames.push(s));
58
58
  return finalClassNames.join(' ');
59
59
  };
60
+ /**
61
+ * Transforms a React event name to a browser event name.
62
+ */
63
+ export const transformReactEventName = (eventNameSuffix) => {
64
+ switch (eventNameSuffix) {
65
+ case 'doubleclick':
66
+ return 'dblclick';
67
+ }
68
+ return eventNameSuffix;
69
+ };
60
70
  /**
61
71
  * Checks if an event is supported in the current execution environment.
62
72
  * @license Modernizr 3.0.0pre (Custom Build) | MIT
@@ -66,7 +76,7 @@ export const isCoveredByReact = (eventNameSuffix) => {
66
76
  return true;
67
77
  }
68
78
  else {
69
- const eventName = 'on' + eventNameSuffix;
79
+ const eventName = 'on' + transformReactEventName(eventNameSuffix);
70
80
  let isSupported = eventName in document;
71
81
  if (!isSupported) {
72
82
  const element = document.createElement('div');
package/package.json CHANGED
@@ -1,7 +1,9 @@
1
1
  {
2
2
  "name": "@ukic/react",
3
- "sideEffects": false,
4
- "version": "2.2.0",
3
+ "sideEffects": [
4
+ "*.css"
5
+ ],
6
+ "version": "2.4.0",
5
7
  "description": "React-wrapped web components compiled using StencilJS",
6
8
  "scripts": {
7
9
  "build": "npm run clean && npm run compile && npm run copy:core-css && npm run copy:normalize-css",
@@ -22,12 +24,12 @@
22
24
  "dist/"
23
25
  ],
24
26
  "dependencies": {
25
- "@ukic/fonts": "^2.2.0",
26
- "@ukic/web-components": "^2.2.0"
27
+ "@ukic/fonts": "^2.3.0",
28
+ "@ukic/web-components": "^2.4.0"
27
29
  },
28
30
  "devDependencies": {
29
31
  "@babel/core": "^7.16.0",
30
- "@stencil/react-output-target": "^0.4.0",
32
+ "@stencil/react-output-target": "^0.5.3",
31
33
  "@storybook/addon-a11y": "^6.4.8",
32
34
  "@storybook/addon-actions": "^6.4.8",
33
35
  "@storybook/addon-docs": "^6.4.8",
@@ -66,5 +68,5 @@
66
68
  ]
67
69
  },
68
70
  "license": "MIT",
69
- "gitHead": "c6d9d32d9d0dbdd8c263b06af05e1da6183c1efe"
71
+ "gitHead": "b150218ee57661696daa4bb1b73780853b7d5460"
70
72
  }