@ukic/react 2.4.0 → 2.5.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.
- package/dist/components.d.ts +3 -0
- package/dist/components.js +3 -0
- package/dist/core/core.css +15 -9
- package/package.json +13 -3
package/dist/components.d.ts
CHANGED
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { JSX } from '@ukic/web-components';
|
|
3
|
+
export declare const IcAccordion: import("react").ForwardRefExoticComponent<JSX.IcAccordion & Omit<import("react").HTMLAttributes<HTMLIcAccordionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcAccordionElement>>;
|
|
4
|
+
export declare const IcAccordionGroup: import("react").ForwardRefExoticComponent<JSX.IcAccordionGroup & Omit<import("react").HTMLAttributes<HTMLIcAccordionGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcAccordionGroupElement>>;
|
|
3
5
|
export declare const IcAlert: import("react").ForwardRefExoticComponent<JSX.IcAlert & Omit<import("react").HTMLAttributes<HTMLIcAlertElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcAlertElement>>;
|
|
4
6
|
export declare const IcBackToTop: import("react").ForwardRefExoticComponent<JSX.IcBackToTop & Omit<import("react").HTMLAttributes<HTMLIcBackToTopElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcBackToTopElement>>;
|
|
7
|
+
export declare const IcBadge: import("react").ForwardRefExoticComponent<JSX.IcBadge & Omit<import("react").HTMLAttributes<HTMLIcBadgeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcBadgeElement>>;
|
|
5
8
|
export declare const IcBreadcrumb: import("react").ForwardRefExoticComponent<JSX.IcBreadcrumb & Omit<import("react").HTMLAttributes<HTMLIcBreadcrumbElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcBreadcrumbElement>>;
|
|
6
9
|
export declare const IcBreadcrumbGroup: import("react").ForwardRefExoticComponent<JSX.IcBreadcrumbGroup & Omit<import("react").HTMLAttributes<HTMLIcBreadcrumbGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcBreadcrumbGroupElement>>;
|
|
7
10
|
export declare const IcButton: import("react").ForwardRefExoticComponent<JSX.IcButton & Omit<import("react").HTMLAttributes<HTMLIcButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcButtonElement>>;
|
package/dist/components.js
CHANGED
|
@@ -4,8 +4,11 @@
|
|
|
4
4
|
import { createReactComponent } from './react-component-lib';
|
|
5
5
|
import { defineCustomElements } from '@ukic/web-components/loader';
|
|
6
6
|
defineCustomElements();
|
|
7
|
+
export const IcAccordion = /*@__PURE__*/ createReactComponent('ic-accordion');
|
|
8
|
+
export const IcAccordionGroup = /*@__PURE__*/ createReactComponent('ic-accordion-group');
|
|
7
9
|
export const IcAlert = /*@__PURE__*/ createReactComponent('ic-alert');
|
|
8
10
|
export const IcBackToTop = /*@__PURE__*/ createReactComponent('ic-back-to-top');
|
|
11
|
+
export const IcBadge = /*@__PURE__*/ createReactComponent('ic-badge');
|
|
9
12
|
export const IcBreadcrumb = /*@__PURE__*/ createReactComponent('ic-breadcrumb');
|
|
10
13
|
export const IcBreadcrumbGroup = /*@__PURE__*/ createReactComponent('ic-breadcrumb-group');
|
|
11
14
|
export const IcButton = /*@__PURE__*/ createReactComponent('ic-button');
|
package/dist/core/core.css
CHANGED
|
@@ -12,7 +12,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-primary-text)}a
|
|
|
12
12
|
var(--ic-status-success-pressed);--ic-warning-border-default:var(--ic-space-xxxs) solid
|
|
13
13
|
var(--ic-status-warning);--ic-warning-border-hover:var(--ic-space-xxxs) solid
|
|
14
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) /
|
|
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-size-badge-small:0.563rem;--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-line-height-badge:0.875rem;--ic-font-line-height-badge-small:0.75rem;--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,7 +28,10 @@ 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-
|
|
31
|
+
var(--ic-font-code-family);--ic-font-badge:var(--ic-font-weight-semibold) var(--ic-font-size-caption) /
|
|
32
|
+
var(--ic-font-line-height-badge) var(--ic-font-body-family);--ic-font-badge-small:var(--ic-font-weight-semibold)
|
|
33
|
+
var(--ic-font-size-badge-small) / var(--ic-font-line-height-badge-small)
|
|
34
|
+
var(--ic-font-body-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(
|
|
32
35
|
var(--ic-status-success-r) var(--ic-status-success-g)
|
|
33
36
|
var(--ic-status-success-b) / var(--ic-status-success-a)
|
|
34
37
|
);--ic-status-success-hover:rgb(
|
|
@@ -90,12 +93,15 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-primary-text)}a
|
|
|
90
93
|
);--ic-theme-primary-divide-calc:calc(var(--ic-theme-primary-sum-calc) / 1000);--ic-theme-primary-subtract-calc:calc(
|
|
91
94
|
var(--ic-theme-primary-divide-calc) - var(--ic-theme-dark-mode-threshold)
|
|
92
95
|
);--ic-theme-primary-calc:calc(var(--ic-theme-primary-subtract-calc) * -10000);--ic-theme-calc:max(0, var(--ic-theme-primary-calc));--ic-theme-text:rgb(
|
|
93
|
-
calc(var(--ic-theme-calc) + 11)
|
|
94
|
-
calc(var(--ic-theme-calc) + 12)
|
|
96
|
+
min(255, calc(var(--ic-theme-calc) + 11))
|
|
97
|
+
min(255, calc(var(--ic-theme-calc) + 12))
|
|
98
|
+
min(255, calc(var(--ic-theme-calc) + 12)) / var(--ic-theme-primary-a)
|
|
95
99
|
);--ic-theme-hover:rgb(
|
|
96
|
-
calc(var(--ic-theme-calc) + 65)
|
|
97
|
-
calc(var(--ic-theme-calc) +
|
|
100
|
+
min(255, calc(var(--ic-theme-calc) + 65))
|
|
101
|
+
min(255, calc(var(--ic-theme-calc) + 70))
|
|
102
|
+
min(255, calc(var(--ic-theme-calc) + 77)) / 10%
|
|
98
103
|
);--ic-theme-active:rgb(
|
|
99
|
-
calc(var(--ic-theme-calc) + 65)
|
|
100
|
-
calc(var(--ic-theme-calc) +
|
|
101
|
-
|
|
104
|
+
min(255, calc(var(--ic-theme-calc) + 65))
|
|
105
|
+
min(255, calc(var(--ic-theme-calc) + 70))
|
|
106
|
+
min(255, calc(var(--ic-theme-calc) + 77)) / 20%
|
|
107
|
+
);--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-popover:calc(var(--ic-z-index-base-value) + 50);--ic-z-index-sticky-page-header:calc(var(--ic-z-index-base-value) + 60);--ic-z-index-navigation-item:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-navigation-menu:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-menu:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-side-navigation:calc(var(--ic-z-index-base-value) + 70);--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)}
|
package/package.json
CHANGED
|
@@ -3,8 +3,17 @@
|
|
|
3
3
|
"sideEffects": [
|
|
4
4
|
"*.css"
|
|
5
5
|
],
|
|
6
|
-
"version": "2.
|
|
6
|
+
"version": "2.5.0",
|
|
7
7
|
"description": "React-wrapped web components compiled using StencilJS",
|
|
8
|
+
"author": "mi6",
|
|
9
|
+
"bugs": {
|
|
10
|
+
"url": "https://github.com/mi6/ic-ui-kit",
|
|
11
|
+
"email": "icds@gchq.gov.uk"
|
|
12
|
+
},
|
|
13
|
+
"repository": {
|
|
14
|
+
"url": "https://github.com/mi6/ic-ui-kit",
|
|
15
|
+
"directory": "packages/react"
|
|
16
|
+
},
|
|
8
17
|
"scripts": {
|
|
9
18
|
"build": "npm run clean && npm run compile && npm run copy:core-css && npm run copy:normalize-css",
|
|
10
19
|
"clean": "rimraf dist",
|
|
@@ -25,10 +34,11 @@
|
|
|
25
34
|
],
|
|
26
35
|
"dependencies": {
|
|
27
36
|
"@ukic/fonts": "^2.3.0",
|
|
28
|
-
"@ukic/web-components": "^2.
|
|
37
|
+
"@ukic/web-components": "^2.5.0"
|
|
29
38
|
},
|
|
30
39
|
"devDependencies": {
|
|
31
40
|
"@babel/core": "^7.16.0",
|
|
41
|
+
"@mdi/js": "^7.2.96",
|
|
32
42
|
"@stencil/react-output-target": "^0.5.3",
|
|
33
43
|
"@storybook/addon-a11y": "^6.4.8",
|
|
34
44
|
"@storybook/addon-actions": "^6.4.8",
|
|
@@ -68,5 +78,5 @@
|
|
|
68
78
|
]
|
|
69
79
|
},
|
|
70
80
|
"license": "MIT",
|
|
71
|
-
"gitHead": "
|
|
81
|
+
"gitHead": "04d8710aa3328b6e04d874deb6bb613489cfdcdd"
|
|
72
82
|
}
|