@ukic/react 2.1.0-beta.1 → 2.1.0-beta.3
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
CHANGED
|
@@ -8,6 +8,7 @@ export declare const IcButton: import("react").ForwardRefExoticComponent<JSX.IcB
|
|
|
8
8
|
export declare const IcCard: import("react").ForwardRefExoticComponent<JSX.IcCard & Omit<import("react").HTMLAttributes<HTMLIcCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcCardElement>>;
|
|
9
9
|
export declare const IcCheckbox: import("react").ForwardRefExoticComponent<JSX.IcCheckbox & Omit<import("react").HTMLAttributes<HTMLIcCheckboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcCheckboxElement>>;
|
|
10
10
|
export declare const IcCheckboxGroup: import("react").ForwardRefExoticComponent<JSX.IcCheckboxGroup & Omit<import("react").HTMLAttributes<HTMLIcCheckboxGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcCheckboxGroupElement>>;
|
|
11
|
+
export declare const IcChip: import("react").ForwardRefExoticComponent<JSX.IcChip & Omit<import("react").HTMLAttributes<HTMLIcChipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcChipElement>>;
|
|
11
12
|
export declare const IcClassificationBanner: import("react").ForwardRefExoticComponent<JSX.IcClassificationBanner & Omit<import("react").HTMLAttributes<HTMLIcClassificationBannerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcClassificationBannerElement>>;
|
|
12
13
|
export declare const IcDataEntity: import("react").ForwardRefExoticComponent<JSX.IcDataEntity & Omit<import("react").HTMLAttributes<HTMLIcDataEntityElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcDataEntityElement>>;
|
|
13
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>>;
|
package/dist/components.js
CHANGED
|
@@ -12,6 +12,7 @@ export const IcButton = /*@__PURE__*/ createReactComponent('ic-button');
|
|
|
12
12
|
export const IcCard = /*@__PURE__*/ createReactComponent('ic-card');
|
|
13
13
|
export const IcCheckbox = /*@__PURE__*/ createReactComponent('ic-checkbox');
|
|
14
14
|
export const IcCheckboxGroup = /*@__PURE__*/ createReactComponent('ic-checkbox-group');
|
|
15
|
+
export const IcChip = /*@__PURE__*/ createReactComponent('ic-chip');
|
|
15
16
|
export const IcClassificationBanner = /*@__PURE__*/ createReactComponent('ic-classification-banner');
|
|
16
17
|
export const IcDataEntity = /*@__PURE__*/ createReactComponent('ic-data-entity');
|
|
17
18
|
export const IcDataRow = /*@__PURE__*/ createReactComponent('ic-data-row');
|
|
@@ -0,0 +1,57 @@
|
|
|
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-hc-border:1px solid transparent;--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-blue-primary-a:1;--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(
|
|
19
|
+
var(--ic-theme-primary-r) var(--ic-theme-primary-g)
|
|
20
|
+
var(--ic-theme-primary-b) / var(--ic-theme-primary-a)
|
|
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) / var(--ic-theme-primary-a)
|
|
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) / var(--ic-theme-primary-a)
|
|
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
|
+
) / var(--ic-theme-primary-a)
|
|
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
|
+
) / var(--ic-theme-primary-a)
|
|
43
|
+
);--ic-theme-dark-mode-threshold:133.3505;--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) - var(--ic-theme-dark-mode-threshold)
|
|
48
|
+
);--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(
|
|
49
|
+
calc(var(--ic-theme-calc) + 11) calc(var(--ic-theme-calc) + 12)
|
|
50
|
+
calc(var(--ic-theme-calc) + 12) / var(--ic-theme-primary-a)
|
|
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)}
|
package/dist/index.d.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from "./components";
|
|
2
|
+
export { SlottedSVG } from "./react-component-lib/slottedSVG";
|
package/dist/index.js
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from "./components";
|
|
2
|
+
export { SlottedSVG } from "./react-component-lib/slottedSVG";
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const defaultProps = {
|
|
3
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
+
};
|
|
5
|
+
function slot(name = "") {
|
|
6
|
+
return { ref: (e) => (e ? e.setAttribute("slot", name) : null) };
|
|
7
|
+
}
|
|
8
|
+
export const SlottedSVG = ({ props, path, slot: slotName }) => (React.createElement("svg", Object.assign({}, slot(slotName), props, defaultProps),
|
|
9
|
+
React.createElement("path", { d: path })));
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ukic/react",
|
|
3
3
|
"sideEffects": false,
|
|
4
|
-
"version": "2.1.0-beta.
|
|
4
|
+
"version": "2.1.0-beta.3",
|
|
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",
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"storybook": "start-storybook -p 6007 --no-manager-cache",
|
|
13
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 && ncp ../web-components/dist/core/core.css ./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/core.css"
|
|
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.3",
|
|
25
|
+
"@ukic/web-components": "^2.1.0-beta.3"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@babel/core": "^7.16.0",
|
|
@@ -63,5 +63,5 @@
|
|
|
63
63
|
"dist"
|
|
64
64
|
]
|
|
65
65
|
},
|
|
66
|
-
"gitHead": "
|
|
66
|
+
"gitHead": "686f9e439d6d7a8b9ab5e7abb7c31ddfc4825e5d"
|
|
67
67
|
}
|