@ukic/react 3.18.0 → 3.20.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.
Files changed (2) hide show
  1. package/dist/core/core.css +4 -4
  2. package/package.json +12 -24
package/dist/core/core.css CHANGED
@@ -379,7 +379,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
379
379
  --ic-color-background-pressed-default
380
380
  );--ic-date-picker-date-default-bg-hover:var(--ic-action-dark-bg-hover);--ic-date-picker-date-default-bg-pressed:var(--ic-action-dark-bg-pressed);--ic-date-picker-date-label-default:var(--ic-atoms-input-field-label);--ic-date-picker-date-label-disabled:var(
381
381
  --ic-atoms-input-field-label-disabled
382
- );--ic-date-picker-date-label-selected:var(--ic-color-text-inverted);--ic-date-picker-default-underline:var(--ic-action-default);--ic-date-picker-selected-underline:var(--ic-action-monochrome);--ic-dialog-background:var(--ic-color-background-primary);--ic-dialog-text-primary:var(--ic-color-text-primary);--ic-dialog-icon:var(--ic-color-icon-neutral);--ic-dialog-label:var(--ic-color-text-primary);--ic-dialog-border:var(--ic-color-border-neutral-default);--ic-dialog-clear-button:var(--ic-atoms-input-clear-button);--ic-divider-background:var(--ic-state-layer-primary);--ic-divider-background-monochrome:var(--ic-state-layer-darken-20);--ic-divider-label:var(--ic-state-layer-primary);--ic-divider-label-monochrome:var(--ic-state-layer-darken-20);--ic-empty-state-title:var(--ic-color-text-primary);--ic-empty-state-subtitle:var(--ic-color-text-secondary);--ic-empty-state-body:var(--ic-color-text-tertiary);--ic-input-component-container-success-icon-inline-color:var(
382
+ );--ic-date-picker-date-label-selected:var(--ic-color-text-inverted);--ic-date-picker-default-underline:var(--ic-action-default);--ic-date-picker-selected-underline:var(--ic-action-monochrome);--ic-dialog-background:var(--ic-color-background-primary);--ic-dialog-text-primary:var(--ic-color-text-primary);--ic-dialog-icon:var(--ic-color-icon-neutral);--ic-dialog-label:var(--ic-color-text-primary);--ic-dialog-border:var(--ic-color-border-neutral-default);--ic-dialog-clear-button:var(--ic-atoms-input-clear-button);--ic-divider-background:var(--ic-state-layer-primary);--ic-divider-background-monochrome:var(--ic-state-layer-darken-20);--ic-divider-label:var(--ic-state-layer-primary);--ic-divider-label-monochrome:var(--ic-state-layer-darken-20);--ic-drawer-background:var(--ic-color-background-primary);--ic-drawer-chevron:var(--ic-action-default);--ic-drawer-divider-color:var(--ic-atoms-option-bar-divider);--ic-drawer-drop-shadow:var(--ic-elevation-overlay);--ic-drawer-overlay:var(--ic-architectural-black-state-layer-10);--ic-drawer-text:var(--ic-color-text-primary);--ic-empty-state-title:var(--ic-color-text-primary);--ic-empty-state-subtitle:var(--ic-color-text-secondary);--ic-empty-state-body:var(--ic-color-text-tertiary);--ic-input-component-container-success-icon-inline-color:var(
383
383
  --ic-atoms-status-icon-success
384
384
  );--ic-input-component-container-hover-border:var(--ic-border-hover);--ic-input-label-readonly-typography-color:var(--ic-color-text-tertiary);--ic-input-label-readonly-label-color:var(--ic-color-text-secondary);--ic-input-label-readonly-helpertext-color:var(--ic-color-text-tertiary);--ic-input-label-error-label-color:var(--ic-atoms-input-field-label-error);--ic-input-validation-success-icon-color:var(--ic-atoms-status-icon-success);--ic-input-validation-warning-icon-color:var(--ic-atoms-status-icon-warning);--ic-link-text:var(--ic-color-hyperlink-default);--ic-link-text-hover:var(--ic-color-hyperlink-default);--ic-link-text-pressed:var(--ic-color-hyperlink-default);--ic-link-text-focused:var(--ic-color-hyperlink-default);--ic-link-text-visited:var(--ic-color-hyperlink-visited);--ic-link-text-monochrome:var(--ic-color-text-primary);--ic-link-text-hover-monochrome:var(--ic-color-text-primary);--ic-link-text-pressed-monochrome:var(--ic-color-text-primary);--ic-link-text-focused-monochrome:var(--ic-color-text-primary);--ic-link-text-visited-monochrome:var(
385
385
  --ic-color-hyperlink-visited-monochrome
@@ -983,7 +983,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
983
983
  --ic-color-background-active-pressed-dark
984
984
  );--ic-date-picker-date-default-bg-hover:var(--ic-action-light-bg-hover);--ic-date-picker-date-default-bg-pressed:var(--ic-action-light-bg-pressed);--ic-date-picker-date-label-default:var(--ic-atoms-input-field-label);--ic-date-picker-date-label-disabled:var(
985
985
  --ic-atoms-input-field-label-disabled
986
- );--ic-date-picker-date-label-selected:var(--ic-color-text-inverted-light);--ic-date-picker-default-underline:var(--ic-action-default);--ic-date-picker-selected-underline:var(--ic-action-monochrome);--ic-dialog-background:var(--ic-color-background-primary);--ic-dialog-text-primary:var(--ic-color-text-primary);--ic-dialog-icon:var(--ic-color-icon-inverted);--ic-dialog-label:var(--ic-color-text-primary);--ic-dialog-border:var(--ic-color-border-neutral-grey-dark);--ic-dialog-clear-button:var(--ic-atoms-input-clear-button);--ic-divider-background:var(--ic-state-layer-neutral-default);--ic-divider-background-monochrome:var(--ic-state-layer-lighten-20);--ic-divider-label:var(--ic-state-layer-neutral-default);--ic-divider-label-monochrome:var(--ic-state-layer-lighten-20);--ic-empty-state-title:var(--ic-color-text-primary);--ic-empty-state-subtitle:var(--ic-color-text-secondary);--ic-empty-state-body:var(--ic-color-text-tertiary);--ic-input-component-container-success-icon-inline-color:var(
986
+ );--ic-date-picker-date-label-selected:var(--ic-color-text-inverted-light);--ic-date-picker-default-underline:var(--ic-action-default);--ic-date-picker-selected-underline:var(--ic-action-monochrome);--ic-dialog-background:var(--ic-color-background-primary);--ic-dialog-text-primary:var(--ic-color-text-primary);--ic-dialog-icon:var(--ic-color-icon-inverted);--ic-dialog-label:var(--ic-color-text-primary);--ic-dialog-border:var(--ic-color-border-neutral-grey-dark);--ic-dialog-clear-button:var(--ic-atoms-input-clear-button);--ic-divider-background:var(--ic-state-layer-neutral-default);--ic-divider-background-monochrome:var(--ic-state-layer-lighten-20);--ic-divider-label:var(--ic-state-layer-neutral-default);--ic-divider-label-monochrome:var(--ic-state-layer-lighten-20);--ic-drawer-background:var(--ic-color-background-primary);--ic-drawer-chevron:var(--ic-action-default);--ic-drawer-divider-color:var(--ic-atoms-option-bar-divider);--ic-drawer-drop-shadow:var(--ic-elevation-overlay);--ic-drawer-overlay:var(--ic-architectural-black-state-layer-10);--ic-drawer-text:var(--ic-color-text-primary);--ic-empty-state-title:var(--ic-color-text-primary);--ic-empty-state-subtitle:var(--ic-color-text-secondary);--ic-empty-state-body:var(--ic-color-text-tertiary);--ic-input-component-container-success-icon-inline-color:var(
987
987
  --ic-atoms-status-icon-success
988
988
  );--ic-input-component-container-hover-border:var(--ic-border-light);--ic-input-label-readonly-typography-color:var(--ic-color-text-tertiary);--ic-input-label-readonly-label-color:var(--ic-color-text-secondary);--ic-input-label-readonly-helpertext-color:var(--ic-color-text-tertiary);--ic-input-label-error-label-color:var(--ic-atoms-input-field-label-error);--ic-input-validation-success-icon-color:var(
989
989
  --ic-atoms-status-icon-success
@@ -1627,7 +1627,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
1627
1627
  --ic-color-background-active-pressed-dark
1628
1628
  );--ic-date-picker-date-default-bg-hover:var(--ic-action-light-bg-hover);--ic-date-picker-date-default-bg-pressed:var(--ic-action-light-bg-pressed);--ic-date-picker-date-label-default:var(--ic-atoms-input-field-label);--ic-date-picker-date-label-disabled:var(
1629
1629
  --ic-atoms-input-field-label-disabled
1630
- );--ic-date-picker-date-label-selected:var(--ic-color-text-inverted-light);--ic-date-picker-default-underline:var(--ic-action-default);--ic-date-picker-selected-underline:var(--ic-action-monochrome);--ic-dialog-background:var(--ic-color-background-primary);--ic-dialog-text-primary:var(--ic-color-text-primary);--ic-dialog-icon:var(--ic-color-icon-inverted);--ic-dialog-label:var(--ic-color-text-primary);--ic-dialog-border:var(--ic-color-border-neutral-grey-dark);--ic-dialog-clear-button:var(--ic-atoms-input-clear-button);--ic-divider-background:var(--ic-state-layer-neutral-default);--ic-divider-background-monochrome:var(--ic-state-layer-lighten-20);--ic-divider-label:var(--ic-state-layer-neutral-default);--ic-divider-label-monochrome:var(--ic-state-layer-lighten-20);--ic-empty-state-title:var(--ic-color-text-primary);--ic-empty-state-subtitle:var(--ic-color-text-secondary);--ic-empty-state-body:var(--ic-color-text-tertiary);--ic-input-component-container-success-icon-inline-color:var(
1630
+ );--ic-date-picker-date-label-selected:var(--ic-color-text-inverted-light);--ic-date-picker-default-underline:var(--ic-action-default);--ic-date-picker-selected-underline:var(--ic-action-monochrome);--ic-dialog-background:var(--ic-color-background-primary);--ic-dialog-text-primary:var(--ic-color-text-primary);--ic-dialog-icon:var(--ic-color-icon-inverted);--ic-dialog-label:var(--ic-color-text-primary);--ic-dialog-border:var(--ic-color-border-neutral-grey-dark);--ic-dialog-clear-button:var(--ic-atoms-input-clear-button);--ic-divider-background:var(--ic-state-layer-neutral-default);--ic-divider-background-monochrome:var(--ic-state-layer-lighten-20);--ic-divider-label:var(--ic-state-layer-neutral-default);--ic-divider-label-monochrome:var(--ic-state-layer-lighten-20);--ic-drawer-background:var(--ic-color-background-primary);--ic-drawer-chevron:var(--ic-action-default);--ic-drawer-divider-color:var(--ic-atoms-option-bar-divider);--ic-drawer-drop-shadow:var(--ic-elevation-overlay);--ic-drawer-overlay:var(--ic-architectural-black-state-layer-10);--ic-drawer-text:var(--ic-color-text-primary);--ic-empty-state-title:var(--ic-color-text-primary);--ic-empty-state-subtitle:var(--ic-color-text-secondary);--ic-empty-state-body:var(--ic-color-text-tertiary);--ic-input-component-container-success-icon-inline-color:var(
1631
1631
  --ic-atoms-status-icon-success
1632
1632
  );--ic-input-component-container-hover-border:var(--ic-border-light);--ic-input-label-readonly-typography-color:var(--ic-color-text-tertiary);--ic-input-label-readonly-label-color:var(--ic-color-text-secondary);--ic-input-label-readonly-helpertext-color:var(--ic-color-text-tertiary);--ic-input-label-error-label-color:var(--ic-atoms-input-field-label-error);--ic-input-validation-success-icon-color:var(--ic-atoms-status-icon-success);--ic-input-validation-warning-icon-color:var(--ic-atoms-status-icon-warning);--ic-link-text:var(--ic-color-hyperlink-default);--ic-link-text-hover:var(--ic-color-hyperlink-default);--ic-link-text-pressed:var(--ic-color-hyperlink-default);--ic-link-text-focused:var(--ic-color-hyperlink-default);--ic-link-text-visited:var(--ic-color-hyperlink-visited-dark);--ic-link-text-monochrome:var(--ic-color-text-primary);--ic-link-text-hover-monochrome:var(--ic-color-text-primary);--ic-link-text-pressed-monochrome:var(--ic-color-text-primary);--ic-link-text-focused-monochrome:var(--ic-color-text-primary);--ic-link-text-visited-monochrome:var(
1633
1633
  --ic-color-hyperlink-visited-monochrome-dark
@@ -2127,7 +2127,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
2127
2127
  inset 0 0 0 8px var(--ic-architectural-black);--ic-border-hc:var(--ic-space-1px) solid transparent;--ic-border-keyline-darken:1px solid var(--ic-color-keyline-darken);--ic-border-keyline-lighten:1px solid var(--ic-color-keyline-lighten)}:root{--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%),
2128
2128
  inset 0 -4px 16px rgb(0 0 0 / 25%);--ic-easing-transition-fast:var(--ic-transition-duration-fast)
2129
2129
  cubic-bezier(0.165, 0.84, 0.44, 1);--ic-easing-transition-slow:var(--ic-transition-duration-slow)
2130
- cubic-bezier(0.165, 0.84, 0.44, 1);--ic-transition-duration-fast:100ms;--ic-transition-duration-slow:300ms;--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-calendar:calc(var(--ic-z-index-base-value));--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-date-picker:calc(var(--ic-z-index-base-value) + 70);--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);--ic-z-index-skip-link:calc(var(--ic-z-index-base-value) + 210);--ic-table-cell-padding:var(--ic-space-xs);--ic-table-cell-padding-dense:var(--ic-space-xxs) var(--ic-space-xs);--ic-table-cell-padding-spacious:0.625rem var(--ic-space-xs);--ic-table-cell-border:var(--ic-space-1px) solid
2130
+ cubic-bezier(0.165, 0.84, 0.44, 1);--ic-transition-duration-fast:100ms;--ic-transition-duration-slow:300ms;--ic-breakpoint-xs:0;--ic-breakpoint-sm:576px;--ic-breakpoint-md:768px;--ic-breakpoint-lg:992px;--ic-breakpoint-xl:1200px;--ic-space-1px:0.0625rem;--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-calendar:calc(var(--ic-z-index-base-value));--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-date-picker:calc(var(--ic-z-index-base-value) + 70);--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);--ic-z-index-drawer:calc(var(--ic-z-index-base-value) + 210);--ic-z-index-skip-link:calc(var(--ic-z-index-base-value) + 220);--ic-table-cell-padding:var(--ic-space-xs);--ic-table-cell-padding-dense:var(--ic-space-xxs) var(--ic-space-xs);--ic-table-cell-padding-spacious:0.625rem var(--ic-space-xs);--ic-table-cell-border:var(--ic-space-1px) solid
2131
2131
  var(--ic-data-table-cell-keyline);--ic-table-embedded-border:var(--ic-space-1px) solid
2132
2132
  var(--ic-data-table-border);--ic-table-font-size-dense:var(--ic-font-size-label);--ic-table-font-size-spacious:1.125rem;--ic-table-heading-border:var(--ic-space-1px) solid
2133
2133
  var(--ic-data-table-header-keyline);--ic-table-text-line-height:1.5rem}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ukic/react",
3
- "version": "3.18.0",
3
+ "version": "3.20.0",
4
4
  "description": "React-wrapped web components compiled using StencilJS",
5
5
  "bugs": {
6
6
  "url": "https://github.com/mi6/ic-ui-kit",
@@ -24,7 +24,7 @@
24
24
  "scripts": {
25
25
  "audit": "echo 'Audit for: @ukic/react' && audit-ci -m --config ../../audit-ci.json",
26
26
  "build": "npm run clean && npm run compile && npm run copy:core-css && npm run copy:normalize-css",
27
- "build-storybook": "rimraf ./storybook-static && storybook build public",
27
+ "build-storybook": "rimraf ./storybook-static && storybook build",
28
28
  "clean": "rimraf dist",
29
29
  "compile": "npm run tsc",
30
30
  "copy:core-css": "echo 'Copy core.css from: @ukic/web-components' && mkdirp -p ./dist/core && ncp ../web-components/dist/core/core.css ./dist/core/core.css",
@@ -47,7 +47,7 @@
47
47
  "tsc": "tsc -p ."
48
48
  },
49
49
  "dependencies": {
50
- "@ukic/web-components": "^3.18.0"
50
+ "@ukic/web-components": "^3.20.0"
51
51
  },
52
52
  "devDependencies": {
53
53
  "@ag-grid-community/styles": "^33.0.3",
@@ -60,18 +60,11 @@
60
60
  "@cypress/webpack-preprocessor": "^6.0.0",
61
61
  "@mdi/js": "^7.2.96",
62
62
  "@stencil/react-output-target": "^0.5.3",
63
- "@storybook/addon-a11y": "^8.5.3",
64
- "@storybook/addon-actions": "^8.5.3",
65
- "@storybook/addon-docs": "^8.5.3",
66
- "@storybook/addon-essentials": "^8.5.3",
67
- "@storybook/addon-links": "^8.5.3",
68
- "@storybook/addon-mdx-gfm": "^8.5.3",
69
- "@storybook/addon-postcss": "^2.0.0",
70
- "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
71
- "@storybook/blocks": "^8.5.3",
72
- "@storybook/react": "^8.5.3",
73
- "@storybook/react-webpack5": "^8.5.3",
74
- "@types/node": "^16.11.11",
63
+ "@storybook/addon-a11y": "10.1.11",
64
+ "@storybook/addon-docs": "10.1.11",
65
+ "@storybook/addon-links": "10.1.11",
66
+ "@storybook/react-vite": "^10.1.11",
67
+ "@types/node": "^20.11.20",
75
68
  "@types/react": "^17.0.37",
76
69
  "@types/react-dom": "^17.0.11",
77
70
  "ag-grid-community": "^32.0.2",
@@ -93,20 +86,15 @@
93
86
  "http-proxy-middleware": "^2.0.7",
94
87
  "mkdirp": "^1.0.4",
95
88
  "np": "^7.6.0",
96
- "npm-run-all": "^4.1.5",
97
89
  "react": "^16.14.0",
98
90
  "react-dom": "^16.14.0",
99
91
  "react-hook-form": "^7.38.0",
100
- "react-router-dom": "^6.26.2",
101
- "storybook": "^8.5.3",
102
- "storybook-addon-performance": "^0.17.3",
92
+ "react-router-dom": "^6.30.3",
93
+ "storybook": "10.1.11",
103
94
  "style-loader": "^4.0.0",
104
95
  "ts-loader": "^9.5.0",
105
96
  "typescript": "^4.9.5",
106
- "wait-on": "^8.0.1",
107
- "webpack": "^5.94.0",
108
- "webpack-cli": "^5.1.4",
109
- "webpack-dev-server": "^4.15.2"
97
+ "wait-on": "^8.0.1"
110
98
  },
111
99
  "peerDependencies": {
112
100
  "@ukic/fonts": "^3.1.0",
@@ -114,5 +102,5 @@
114
102
  "react-dom": "^16.7.0 || ^17.0.2 || ^18.2.0 || ^19.0.0"
115
103
  },
116
104
  "packageManager": "^npm@10.9.2",
117
- "gitHead": "6140e22c972788eef372b91c7c694b208ae285fa"
105
+ "gitHead": "b6107a66306f8f311475bac5418929507fcef344"
118
106
  }