@semcore/ui 13.1.1 → 13.2.0

package/CHANGELOG.md

@@ -1,12 +1,144 @@
-## [13.1.1] - 2022-11-09
+## [13.2.0] - 2022-11-30
 
 ### @semcore/base-trigger
 
-- **Fixed** Fixed `FilterTrigger` accessability.
+- **Added** Added support text ellipsis in `LinkTrigger.Text`.
 
-### @semcore/ellipsis
+### @semcore/checkbox
 
-- **Added** Component was added to export of `@semcore/ui`.
+- **Changed** Updated border-color in focus state from `--blue-400` to `--blue-500`, `--red-400` to `--red-500`.
+
+### @semcore/d3-chart
+
+- **Fixed** Allowed to pass any svg attributes.
+- **Fixed** Fixed `Bar` click handler typings.
+- **Fixed** Fixed support handling of bars event handling with `paddingOuter`.
+- **Added** `Bar` component now supports `onClick` handler with bar data in callback.
+
+### @semcore/date-picker
+
+- **Fixed** Fixed InputTrigger subcomponent types.
+
+### @semcore/dot
+
+- **Added** Added css property `isolation` to container.
+
+### @semcore/drag-and-drop
+
+- **Changed** Component was fully rebuilt internally. Backward capability mostly preserved, legacy apis was marked as deprecated.
+
+### @semcore/dropdown-menu
+
+- **Changed** Due to the effect of cutting off the last line, it was decided to add a shadow to the container (`DropdownMenu.List`) when scrolling.
+- **Changed** Changed `margin` to `padding` to make the scrollbar look better.
+- **Changed** Now highlighted tabs are also browser focused.
+
+### @semcore/flags
+
+- **Changed** Fixed few countries flag displaying.
+- **Changed** Removed North Ireland flag as far as image of North Ireland flag was always missing in repository and random image was displayed instead.
+
+### @semcore/flex-box
+
+- **Fixed** Fixed showing types in autocomplete IDE.
+
+### @semcore/format-text
+
+- **Fixed** Fixed showing types in autocomplete IDE.
+
+### @semcore/icon
+
+- **Added** Added `Rephrase`, `SimplifyText`, `ExpandText` icons.
+
+### @semcore/inline-input
+
+- **Fixed** Disabled moving focus in tooltips.
+- **Changed** Updated border-color in focus state from `--blue-400` to `--blue-500`, `--red-400` to `--red-500`, `--green-400` to `--green-500`.
+
+### @semcore/input
+
+- **Fixed** Fix style for disabled state.
+- **Changed** Updated border-color in focus state from `--blue-400` to `--blue-500`, `--red-400` to `--red-500`, `--green-400` to `--green-500`.
+- **Added** Added `aria-invalid` for input in invalid state.
+
+### @semcore/input-mask
+
+- **Fixed** Fixed showing types in autocomplete IDE.
+
+### @semcore/input-tags
+
+- **Fixed** Fixed showing types in autocomplete IDE.
+
+### @semcore/notice-bubble
+
+- **Fixed** Replaced `NoticeBubbleManager` instance typings with `NoticeBubbleManager` typing.
+- **Fixed** Export of `NoticeBubbleManager` was missing in typings.
+
+### @semcore/outside-click
+
+- **Fixed** Fixed showing types in autocomplete IDE.
+
+### @semcore/pagination
+
+- **Fixed** Fixed attributes and line-height for last page
+
+### @semcore/pills
+
+- **Added** Added css property `isolation` to container.
+
+### @semcore/portal
+
+- **Fixed** Fixed showing types in autocomplete IDE.
+
+### @semcore/product-head
+
+- **Fixed** Fixed showing types in autocomplete IDE.
+- **Changed** Changed margin-bottom from 16px to 24px.
+
+### @semcore/radio
+
+- **Changed** Updated border-color in focus state from `--blue-400` to `--blue-500`, `--red-400` to `--red-500`.
+
+### @semcore/skeleton
+
+- **Changed** Removed `width` and `height` properties from `VennChartSkeleton` and `PieChartSkeleton`.
+
+### @semcore/sticky
+
+- **Fixed** Fixed showing types in autocomplete IDE.
+
+### @semcore/tab-line
+
+- **Changed** Changed `font-weight` of tab's text and `height` of underline.
+
+### @semcore/tab-panel
+
+- **Changed** Tabs focus doesn't trigger tab select.
+- **Changed** Pressing "Enter" and "Space" keys focuses current tab.
+- **Changed** Changed `font-weight` of tab's text.
+
+### @semcore/tag
+
+- **Added** Added hover styles for close icon.
+
+### @semcore/textarea
+
+- **Changed** Updated border-color in focus state from `--blue-400` to `--blue-500`, `--red-400` to `--red-500`, `--green-400` to `--green-500`.
+
+### @semcore/tooltip
+
+- **Changed** Updated border-color for `warning` theme from `--red-400` to `--red-500`.
+
+### @semcore/utils
+
+- **Changed** Changed `keyboard-focus` opacity
+- **Added** Added ability to merge `styles` field for `assignProps` function.
+
+## [13.1.1] - 2022-11-09
+
+### @semcore/base-trigger
+
+- **Fixed** Fixed `FilterTrigger` accessability.
 
 ### @semcore/checkbox
 
@@ -21,6 +153,10 @@
 - **Fixed** Fixed input trigger visual divergence from initial design.
 - **Fixed** Removed lock on fixed version of `@semcore/input`.
 
+### @semcore/ellipsis
+
+- **Added** Component was added to export of `@semcore/ui`.
+
 ### @semcore/icon
 
 - **Added** Added `LookerStudio` icon.

package/icon/ExpandText/l/index.cjs

@@ -0,0 +1 @@
+module.exports = require('@semcore/icon/ExpandText/l');

package/icon/ExpandText/l/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/ExpandText/l';
+export * from '@semcore/icon/ExpandText/l';

package/icon/ExpandText/l/index.js

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/ExpandText/l';
+export * from '@semcore/icon/ExpandText/l';

package/icon/ExpandText/l/index.mjs

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/ExpandText/l';
+export * from '@semcore/icon/ExpandText/l';

package/icon/ExpandText/m/index.cjs

@@ -0,0 +1 @@
+module.exports = require('@semcore/icon/ExpandText/m');

package/icon/ExpandText/m/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/ExpandText/m';
+export * from '@semcore/icon/ExpandText/m';

package/icon/ExpandText/m/index.js

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/ExpandText/m';
+export * from '@semcore/icon/ExpandText/m';

package/icon/ExpandText/m/index.mjs

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/ExpandText/m';
+export * from '@semcore/icon/ExpandText/m';

package/icon/Rephrase/l/index.cjs

@@ -0,0 +1 @@
+module.exports = require('@semcore/icon/Rephrase/l');

package/icon/Rephrase/l/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/Rephrase/l';
+export * from '@semcore/icon/Rephrase/l';

package/icon/Rephrase/l/index.js

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/Rephrase/l';
+export * from '@semcore/icon/Rephrase/l';

package/icon/Rephrase/l/index.mjs

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/Rephrase/l';
+export * from '@semcore/icon/Rephrase/l';

package/icon/Rephrase/m/index.cjs

@@ -0,0 +1 @@
+module.exports = require('@semcore/icon/Rephrase/m');

package/icon/Rephrase/m/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/Rephrase/m';
+export * from '@semcore/icon/Rephrase/m';

package/icon/Rephrase/m/index.js

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/Rephrase/m';
+export * from '@semcore/icon/Rephrase/m';

package/icon/Rephrase/m/index.mjs

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/Rephrase/m';
+export * from '@semcore/icon/Rephrase/m';

package/icon/SimplifyText/l/index.cjs

@@ -0,0 +1 @@
+module.exports = require('@semcore/icon/SimplifyText/l');

package/icon/SimplifyText/l/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/SimplifyText/l';
+export * from '@semcore/icon/SimplifyText/l';

package/icon/SimplifyText/l/index.js

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/SimplifyText/l';
+export * from '@semcore/icon/SimplifyText/l';

package/icon/SimplifyText/l/index.mjs

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/SimplifyText/l';
+export * from '@semcore/icon/SimplifyText/l';

package/icon/SimplifyText/m/index.cjs

@@ -0,0 +1 @@
+module.exports = require('@semcore/icon/SimplifyText/m');

package/icon/SimplifyText/m/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/SimplifyText/m';
+export * from '@semcore/icon/SimplifyText/m';

package/icon/SimplifyText/m/index.js

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/SimplifyText/m';
+export * from '@semcore/icon/SimplifyText/m';

package/icon/SimplifyText/m/index.mjs

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/SimplifyText/m';
+export * from '@semcore/icon/SimplifyText/m';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@semcore/ui",
-  "version": "13.1.1",
+  "version": "13.2.0",
   "license": "MIT",
   "module": "./index.js",
   "sideEffects": false,
@@ -10,78 +10,78 @@
     "test": "jest"
   },
   "dependencies": {
-    "@semcore/accordion": "4.1.7",
-    "@semcore/animation": "1.7.1",
-    "@semcore/badge": "3.2.3",
-    "@semcore/base-trigger": "3.2.6",
-    "@semcore/breadcrumbs": "4.2.6",
-    "@semcore/breakpoints": "1.2.3",
-    "@semcore/button": "4.2.3",
-    "@semcore/card": "4.1.6",
-    "@semcore/carousel": "2.1.7",
-    "@semcore/checkbox": "6.1.4",
-    "@semcore/color-picker": "1.2.7",
-    "@semcore/core": "1.13.4",
-    "@semcore/counter": "2.1.3",
-    "@semcore/data-table": "3.5.1",
-    "@semcore/date-picker": "3.4.9",
-    "@semcore/divider": "3.1.3",
-    "@semcore/dot": "4.1.4",
-    "@semcore/drag-and-drop": "2.1.6",
-    "@semcore/dropdown": "3.2.4",
-    "@semcore/dropdown-menu": "3.3.3",
-    "@semcore/d3-chart": "2.4.10",
-    "@semcore/ellipsis": "1.0.3",
+    "@semcore/accordion": "4.1.10",
+    "@semcore/animation": "1.7.3",
+    "@semcore/badge": "3.2.5",
+    "@semcore/base-trigger": "3.2.11",
+    "@semcore/breadcrumbs": "4.2.9",
+    "@semcore/breakpoints": "1.2.5",
+    "@semcore/button": "4.2.5",
+    "@semcore/card": "4.1.9",
+    "@semcore/carousel": "2.1.10",
+    "@semcore/checkbox": "6.2.0",
+    "@semcore/color-picker": "1.2.11",
+    "@semcore/core": "1.13.6",
+    "@semcore/counter": "2.1.5",
+    "@semcore/data-table": "3.5.4",
+    "@semcore/date-picker": "3.4.16",
+    "@semcore/divider": "3.1.5",
+    "@semcore/dot": "4.1.7",
+    "@semcore/drag-and-drop": "2.2.2",
+    "@semcore/dropdown": "3.2.6",
+    "@semcore/dropdown-menu": "3.4.1",
+    "@semcore/d3-chart": "2.5.4",
+    "@semcore/ellipsis": "1.0.5",
     "@semcore/email": "1.0.2",
-    "@semcore/errors": "3.5.4",
-    "@semcore/feature-popover": "3.1.8",
-    "@semcore/feedback-form": "5.2.3",
-    "@semcore/flags": "3.1.3",
-    "@semcore/flex-box": "4.6.3",
-    "@semcore/format-text": "3.1.3",
-    "@semcore/fullscreen-modal": "2.1.7",
-    "@semcore/grid": "4.2.3",
-    "@semcore/icon": "3.2.0",
-    "@semcore/illustration": "1.3.3",
-    "@semcore/inline-input": "3.1.6",
-    "@semcore/inline-edit": "2.1.5",
-    "@semcore/input": "3.2.3",
-    "@semcore/input-mask": "4.3.4",
-    "@semcore/input-number": "4.1.3",
-    "@semcore/input-tags": "3.2.3",
-    "@semcore/link": "4.2.3",
-    "@semcore/modal": "3.1.8",
-    "@semcore/neighbor-location": "3.1.3",
-    "@semcore/notice": "4.2.7",
-    "@semcore/notice-global": "1.2.7",
-    "@semcore/notice-bubble": "4.2.7",
-    "@semcore/outside-click": "2.5.3",
-    "@semcore/pagination": "3.3.7",
-    "@semcore/pills": "4.3.3",
-    "@semcore/popper": "4.13.4",
-    "@semcore/portal": "2.4.3",
-    "@semcore/product-head": "3.1.3",
-    "@semcore/progress-bar": "3.2.3",
-    "@semcore/radio": "5.1.3",
-    "@semcore/scroll-area": "4.1.3",
-    "@semcore/select": "3.2.9",
-    "@semcore/side-panel": "2.1.8",
-    "@semcore/skeleton": "4.2.3",
-    "@semcore/slider": "3.2.3",
-    "@semcore/spin": "4.1.3",
-    "@semcore/spin-container": "6.1.4",
-    "@semcore/sticky": "2.3.3",
-    "@semcore/switch": "4.2.3",
-    "@semcore/tab-line": "3.1.3",
-    "@semcore/tab-panel": "3.1.3",
-    "@semcore/tag": "4.2.6",
-    "@semcore/textarea": "4.1.3",
-    "@semcore/time-picker": "3.2.8",
-    "@semcore/tooltip": "5.1.4",
-    "@semcore/typography": "4.2.6",
-    "@semcore/utils": "3.40.0",
-    "@semcore/widget-empty": "3.6.3",
-    "@semcore/wizard": "1.1.8"
+    "@semcore/errors": "3.5.6",
+    "@semcore/feature-popover": "3.1.11",
+    "@semcore/feedback-form": "5.2.5",
+    "@semcore/flags": "3.2.2",
+    "@semcore/flex-box": "4.6.5",
+    "@semcore/format-text": "3.1.5",
+    "@semcore/fullscreen-modal": "2.1.10",
+    "@semcore/grid": "4.2.5",
+    "@semcore/icon": "3.3.2",
+    "@semcore/illustration": "1.3.5",
+    "@semcore/inline-input": "3.2.1",
+    "@semcore/inline-edit": "2.1.7",
+    "@semcore/input": "3.4.1",
+    "@semcore/input-mask": "4.3.7",
+    "@semcore/input-number": "4.1.6",
+    "@semcore/input-tags": "3.2.7",
+    "@semcore/link": "4.2.5",
+    "@semcore/modal": "3.1.11",
+    "@semcore/neighbor-location": "3.1.5",
+    "@semcore/notice": "4.2.10",
+    "@semcore/notice-global": "1.2.10",
+    "@semcore/notice-bubble": "4.2.12",
+    "@semcore/outside-click": "2.5.5",
+    "@semcore/pagination": "3.3.12",
+    "@semcore/pills": "4.3.6",
+    "@semcore/popper": "4.13.6",
+    "@semcore/portal": "2.4.5",
+    "@semcore/product-head": "3.2.2",
+    "@semcore/progress-bar": "3.2.5",
+    "@semcore/radio": "5.2.0",
+    "@semcore/scroll-area": "4.1.5",
+    "@semcore/select": "3.2.16",
+    "@semcore/side-panel": "2.1.11",
+    "@semcore/skeleton": "4.3.2",
+    "@semcore/slider": "3.2.5",
+    "@semcore/spin": "4.1.5",
+    "@semcore/spin-container": "6.1.6",
+    "@semcore/sticky": "2.3.5",
+    "@semcore/switch": "4.2.5",
+    "@semcore/tab-line": "3.1.6",
+    "@semcore/tab-panel": "3.2.5",
+    "@semcore/tag": "4.2.9",
+    "@semcore/textarea": "4.2.0",
+    "@semcore/time-picker": "3.2.15",
+    "@semcore/tooltip": "5.2.0",
+    "@semcore/typography": "4.2.9",
+    "@semcore/utils": "3.42.0",
+    "@semcore/widget-empty": "3.6.5",
+    "@semcore/wizard": "1.1.11"
   },
   "devDependencies": {
     "@types/react": "18.0.21",

package/utils/style/var.css

@@ -93,10 +93,10 @@
   --google-blue: #1a0dab;
   --google-green: #016723;
 
-  --keyboard-focus: 0 0 0 3px color-mod(var(--blue-400) a(20%));
+  --keyboard-focus: 0 0 0 3px color-mod(var(--blue-400) a(30%));
   --keyborad-focus: var(--keyboard-focus);
-  --keyboard-focus-valid: 0px 0px 0px 3px color-mod(var(--green-400) a(20%));
-  --keyboard-focus-invalid: 0px 0px 0px 3px color-mod(var(--red-400) a(20%));
+  --keyboard-focus-valid: 0px 0px 0px 3px color-mod(var(--green-400) a(30%));
+  --keyboard-focus-invalid: 0px 0px 0px 3px color-mod(var(--red-400) a(30%));
 
   --rounded-s: 4px;
   --rounded-m: 6px;