@ukic/react 2.1.0-beta.0 → 2.1.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { StyleReactProps } from '../interfaces';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
3
|
+
export type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
|
|
4
|
+
export type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
|
|
5
5
|
export declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
|
|
6
6
|
export declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
|
|
7
7
|
export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & StyleReactProps> & React.RefAttributes<ElementType>>;
|
package/package.json
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ukic/react",
|
|
3
3
|
"sideEffects": false,
|
|
4
|
-
"version": "2.1.0-beta.
|
|
4
|
+
"version": "2.1.0-beta.1",
|
|
5
5
|
"description": "React-wrapped web components compiled using StencilJS",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"build": "npm run clean && npm run compile && npm run copy:css",
|
|
8
|
-
"clean": "
|
|
8
|
+
"clean": "rimraf dist",
|
|
9
9
|
"compile": "npm run tsc",
|
|
10
10
|
"tsc": "tsc -p .",
|
|
11
11
|
"rollup": "rollup -c",
|
|
12
12
|
"storybook": "start-storybook -p 6007 --no-manager-cache",
|
|
13
|
-
"build-storybook": "
|
|
13
|
+
"build-storybook": "rimraf ./storybook-static && build-storybook -s public",
|
|
14
14
|
"audit": "echo 'Audit for: @ukic/react' && audit-ci -m --config ../../audit-ci.json",
|
|
15
|
-
"copy:css": "echo 'Copy core css from: @ukic/web-components' && mkdirp -p ./dist/core &&
|
|
15
|
+
"copy:css": "echo 'Copy core css from: @ukic/web-components' && mkdirp -p ./dist/core && ncp ../web-components/dist/core/core.css ./dist/core"
|
|
16
16
|
},
|
|
17
17
|
"main": "./dist/index.js",
|
|
18
18
|
"module": "./dist/index.js",
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
"dist/"
|
|
22
22
|
],
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@ukic/fonts": "^2.1.0-beta.
|
|
25
|
-
"@ukic/web-components": "^2.1.0-beta.
|
|
24
|
+
"@ukic/fonts": "^2.1.0-beta.1",
|
|
25
|
+
"@ukic/web-components": "^2.1.0-beta.1"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@babel/core": "^7.16.0",
|
|
@@ -32,6 +32,8 @@
|
|
|
32
32
|
"@storybook/addon-essentials": "^6.4.8",
|
|
33
33
|
"@storybook/addon-links": "^6.4.8",
|
|
34
34
|
"@storybook/addon-postcss": "^2.0.0",
|
|
35
|
+
"@storybook/builder-webpack5": "^6.5.14",
|
|
36
|
+
"@storybook/manager-webpack5": "^6.5.14",
|
|
35
37
|
"@storybook/react": "^6.4.8",
|
|
36
38
|
"@types/jest": "27.0.3",
|
|
37
39
|
"@types/node": "^16.11.11",
|
|
@@ -46,7 +48,8 @@
|
|
|
46
48
|
"react-dom": "^16.7.0",
|
|
47
49
|
"react-hook-form": "^7.38.0",
|
|
48
50
|
"react-router-dom": "^6.3.0",
|
|
49
|
-
"typescript": "^4.5.2"
|
|
51
|
+
"typescript": "^4.5.2",
|
|
52
|
+
"webpack": "^5.75.0"
|
|
50
53
|
},
|
|
51
54
|
"peerDependencies": {
|
|
52
55
|
"react": "^16.7.0 || ^17.0.2 || ^18.2.0",
|
|
@@ -60,5 +63,5 @@
|
|
|
60
63
|
"dist"
|
|
61
64
|
]
|
|
62
65
|
},
|
|
63
|
-
"gitHead": "
|
|
66
|
+
"gitHead": "ef35f916b6b0982ee137941de6f5d50e64205db0"
|
|
64
67
|
}
|
package/dist/core/core.css
DELETED
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}html{font-family:var(--ic-font-body-family);color:var(--ic-color-primary-text)}a.ic-card-wrapper-link{text-decoration:none;outline:none;color:currentcolor}:root{--ic-border-radius:2px;--ic-border-radius-inset:11px;--ic-border-focus:0 0 0 2px var(--ic-architectural-white),
|
|
2
|
-
0 0 0 4px var(--ic-focus-blue), 0 0 0 8px var(--ic-focus-glow);--ic-border-focus-inset:inset 0 0 0 4px var(--ic-focus-glow),
|
|
3
|
-
inset 0 0 0 6px var(--ic-focus-blue),
|
|
4
|
-
inset 0 0 0 8px var(--ic-architectural-white);--ic-border-focus-dark:0 0 0 2px white, 0 0 0 5px rgba(255 255 255 / 52%);--ic-elevation-raised:0 0 2px rgb(0 0 0 / 50%);--ic-elevation-overlay:0 2px 8px rgb(0 0 0 / 20%);--ic-elevation-modal:0 4px 16px rgb(0 0 0 / 25%);--ic-elevation-inset:inset 0 4px 16px rgb(0 0 0 / 25%),
|
|
5
|
-
inset 0 -4px 16px rgb(0 0 0 / 25%);--ic-easing-transition-fast:var(--ic-transition-duration-fast)
|
|
6
|
-
cubic-bezier(0.165, 0.84, 0.44, 1);--ic-easing-transition-slow:var(--ic-transition-duration-slow)
|
|
7
|
-
cubic-bezier(0.165, 0.84, 0.44, 1);--ic-transition-duration-fast:100ms;--ic-transition-duration-slow:300ms;--ic-border-disabled:1px dashed var(--ic-architectural-200);--ic-font-body-family:"Open Sans", "Helvetica Neue", "Arial", "sans-serif";--ic-font-heading-family:"Nunito Sans", sans-serif;--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) /
|
|
8
|
-
var(--ic-font-line-height-h1) var(--ic-font-heading-family);--ic-font-h2:var(--ic-font-weight-bold) var(--ic-font-size-h2) /
|
|
9
|
-
var(--ic-font-line-height-h2) var(--ic-font-heading-family);--ic-font-h3:var(--ic-font-weight-regular) var(--ic-font-size-h3) /
|
|
10
|
-
var(--ic-font-line-height-h3) var(--ic-font-body-family);--ic-font-h4:var(--ic-font-weight-semibold) var(--ic-font-size-h4) /
|
|
11
|
-
var(--ic-font-line-height-h4) var(--ic-font-body-family);--ic-font-subtitle-large:var(--ic-font-weight-bold)
|
|
12
|
-
var(--ic-font-size-regular) / var(--ic-font-line-height-subtitle-large)
|
|
13
|
-
var(--ic-font-body-family);--ic-font-subtitle-small:var(--ic-font-weight-semibold)
|
|
14
|
-
var(--ic-font-size-label) / var(--ic-font-line-height-subtitle-small)
|
|
15
|
-
var(--ic-font-body-family);--ic-font-body:var(--ic-font-weight-regular) var(--ic-font-size-regular) /
|
|
16
|
-
var(--ic-font-line-height-body) var(--ic-font-body-family);--ic-font-caption:var(--ic-font-weight-semibold) var(--ic-font-size-caption) /
|
|
17
|
-
var(--ic-font-line-height-caption) var(--ic-font-body-family);--ic-font-label:var(--ic-font-weight-semibold) var(--ic-font-size-label) /
|
|
18
|
-
var(--ic-font-line-height-body) 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-error:#d4351c;--ic-status-error-background:#ffe4e3;--ic-status-warning:#ffc107;--ic-status-warning-background:#fffbd8;--ic-status-warning-mid:#d07932;--ic-status-warning-dark:#7a4c3c;--ic-status-success:#00703c;--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-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:rgb(
|
|
19
|
-
var(--ic-theme-primary-r) var(--ic-theme-primary-g)
|
|
20
|
-
var(--ic-theme-primary-b)
|
|
21
|
-
);--ic-theme-secondary:rgb(
|
|
22
|
-
calc(var(--ic-theme-primary-r) * 0.8) calc(var(--ic-theme-primary-g) * 0.8)
|
|
23
|
-
calc(var(--ic-theme-primary-b) * 0.8)
|
|
24
|
-
);--ic-theme-tertiary:rgb(
|
|
25
|
-
calc(var(--ic-theme-primary-r) * 0.6) calc(var(--ic-theme-primary-g) * 0.6)
|
|
26
|
-
calc(var(--ic-theme-primary-b) * 0.6)
|
|
27
|
-
);--ic-theme-secondary-light:rgb(
|
|
28
|
-
calc(var(--ic-theme-primary-r) + ((255 - var(--ic-theme-primary-r)) * 0.2))
|
|
29
|
-
calc(
|
|
30
|
-
var(--ic-theme-primary-g) + ((255 - var(--ic-theme-primary-g)) * 0.2)
|
|
31
|
-
)
|
|
32
|
-
calc(
|
|
33
|
-
var(--ic-theme-primary-b) + ((255 - var(--ic-theme-primary-b)) * 0.2)
|
|
34
|
-
)
|
|
35
|
-
);--ic-theme-tertiary-light:rgb(
|
|
36
|
-
calc(var(--ic-theme-primary-r) + ((255 - var(--ic-theme-primary-r)) * 0.4))
|
|
37
|
-
calc(
|
|
38
|
-
var(--ic-theme-primary-g) + ((255 - var(--ic-theme-primary-g)) * 0.4)
|
|
39
|
-
)
|
|
40
|
-
calc(
|
|
41
|
-
var(--ic-theme-primary-b) + ((255 - var(--ic-theme-primary-b)) * 0.4)
|
|
42
|
-
)
|
|
43
|
-
);--ic-theme-primary-r-calc:calc(var(--ic-theme-primary-r) * 299);--ic-theme-primary-g-calc:calc(var(--ic-theme-primary-g) * 587);--ic-theme-primary-b-calc:calc(var(--ic-theme-primary-b) * 114);--ic-theme-primary-sum-calc:calc(
|
|
44
|
-
var(--ic-theme-primary-r-calc) + var(--ic-theme-primary-g-calc) +
|
|
45
|
-
var(--ic-theme-primary-b-calc)
|
|
46
|
-
);--ic-theme-primary-divide-calc:calc(var(--ic-theme-primary-sum-calc) / 1000);--ic-theme-primary-subtract-calc:calc(
|
|
47
|
-
var(--ic-theme-primary-divide-calc) - 128
|
|
48
|
-
);--ic-theme-primary-calc:calc(var(--ic-theme-primary-subtract-calc) * -1000);--ic-theme-calc:max(0, var(--ic-theme-primary-calc));--ic-theme-text:rgb(
|
|
49
|
-
calc(var(--ic-theme-calc) + 11) calc(var(--ic-theme-calc) + 12)
|
|
50
|
-
calc(var(--ic-theme-calc) + 12)
|
|
51
|
-
);--ic-theme-hover:rgb(
|
|
52
|
-
calc(var(--ic-theme-calc) + 65) calc(var(--ic-theme-calc) + 70)
|
|
53
|
-
calc(var(--ic-theme-calc) + 77) / 10%
|
|
54
|
-
);--ic-theme-active:rgb(
|
|
55
|
-
calc(var(--ic-theme-calc) + 65) calc(var(--ic-theme-calc) + 70)
|
|
56
|
-
calc(var(--ic-theme-calc) + 77) / 20%
|
|
57
|
-
);--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-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-overlay:1000;--ic-z-index-popup-menu:calc(var(--ic-z-index-overlay) + 1)}
|