@semcore/ui 13.1.1 → 13.2.1

package/CHANGELOG.md

@@ -1,12 +1,162 @@
-## [13.1.1] - 2022-11-09
+## [13.3.0] - 2022-12-02
+
+### @semcore/dropdown-menu
+
+- **Changed** Changed size of shadow in `DropdownMenu.List` from `9px` to `16px`.
+
+### @semcore/flags
+
+- **Added** Added missed object `iso3iso2` in `index.d.ts` for exporting.
+
+### @semcore/input-tags
+
+- **Fixed** Fixed exported types of components.
+
+### @semcore/wizard
+
+- **Fixed** Fixed layout so that the white background in the rounded borders of the modal would not be visible.
+
+## [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 +171,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/{generate.ts → generate-reexport.ts}

@@ -1,10 +1,8 @@
-import { execSync } from 'child_process';
 import path from 'path';
 import fs from 'fs-extra';
 import glob from 'fast-glob';
 import { fileURLToPath } from 'url';
 import { createRequire } from 'module';
-import { fetchVersionsFromNpm } from '@semcore/continuous-delivery';
 
 const filename = fileURLToPath(import.meta.url);
 const dirname = path.resolve(filename, '..');
@@ -13,40 +11,6 @@ const components = fs.readJSONSync(path.resolve(dirname, './components.json'));
 
 const EXPORT_DEFAULT_REG = /export ({ default }|default)/gm;
 
-const installComponents = async (packages: string[]) => {
-  const latestVersions = await fetchVersionsFromNpm(packages);
-  const packageFile = await fs.readJSON(path.resolve(dirname, './package.json'));
-  packageFile.dependencies = {};
-  for (const packageName of packages) {
-    packageFile.dependencies[packageName] = latestVersions[packageName];
-  }
-  await fs.writeJSON(path.resolve(dirname, './package.json'), packageFile, { spaces: 2 });
-  execSync(`pnpm install --frozen-lockfile false`, {
-    stdio: 'inherit',
-    cwd: dirname,
-  });
-
-  const nestedNodeModules = glob
-    .sync('**/node_modules/**/package.json', {
-      cwd: path.resolve(dirname, 'node_modules/@semcore'),
-      followSymbolicLinks: false,
-    })
-    .map(
-      (packageFilePath) =>
-        './node_modules/@semcore/' +
-        packageFilePath.substring(0, packageFilePath.length - '/package.json'.length),
-    )
-    .map((relativePath) => {
-      const { version } = fs.readJsonSync(path.resolve(dirname, relativePath, 'package.json'));
-
-      return `${relativePath} @${version}`;
-    });
-
-  if (nestedNodeModules.length > 0) {
-    throw new Error(`Nested node_modules found:\n- ${nestedNodeModules.join('\n- ')}\n`);
-  }
-};
-
 const hasExportDefault = async (dependency: string) => {
   const require = createRequire(import.meta.url);
 
@@ -207,10 +171,4 @@ const generateFiles = async (packages: string[]) => {
   }
 };
 
-await installComponents(components.packages);
 await generateFiles(components.packages);
-
-execSync('pnpm test', {
-  stdio: 'inherit',
-  cwd: dirname,
-});

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,87 +1,88 @@
 {
   "name": "@semcore/ui",
-  "version": "13.1.1",
+  "version": "13.2.1",
   "license": "MIT",
   "module": "./index.js",
   "sideEffects": false,
   "scripts": {
     "clear": "tsm --require=../../.ci/tsm-filter-warnings.js clear.ts",
-    "generate": "pnpm run clear && tsm --require=../../.ci/tsm-filter-warnings.js generate.ts",
+    "generate-reexport": "pnpm run clear && tsm --require=../../.ci/tsm-filter-warnings.js generate-reexport.ts",
+    "update-dependencies": "tsm --require=../../.ci/tsm-filter-warnings.js update-dependencies.ts",
     "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.2",
+    "@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.3",
+    "@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.8",
+    "@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.17",
+    "@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.16",
+    "@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/update-dependencies.ts

@@ -0,0 +1,47 @@
+import { execSync } from 'child_process';
+import path from 'path';
+import fs from 'fs-extra';
+import glob from 'fast-glob';
+import { fileURLToPath } from 'url';
+import { fetchFromNpm } from '@semcore/continuous-delivery';
+
+const filename = fileURLToPath(import.meta.url);
+const dirname = path.resolve(filename, '..');
+
+const components = fs.readJSONSync(path.resolve(dirname, './components.json'));
+
+const installComponents = async (packages: string[]) => {
+  const npmPackages = await fetchFromNpm(packages);
+  const packageFile = await fs.readJSON(path.resolve(dirname, './package.json'));
+  packageFile.dependencies = {};
+  for (const packageName of packages) {
+    packageFile.dependencies[packageName] = npmPackages[packageName].version;
+  }
+  await fs.writeJSON(path.resolve(dirname, './package.json'), packageFile, { spaces: 2 });
+  execSync(`pnpm install --frozen-lockfile false`, {
+    stdio: 'inherit',
+    cwd: dirname,
+  });
+
+  const nestedNodeModules = glob
+    .sync('**/node_modules/**/package.json', {
+      cwd: path.resolve(dirname, 'node_modules/@semcore'),
+      followSymbolicLinks: false,
+    })
+    .map(
+      (packageFilePath) =>
+        './node_modules/@semcore/' +
+        packageFilePath.substring(0, packageFilePath.length - '/package.json'.length),
+    )
+    .map((relativePath) => {
+      const { version } = fs.readJsonSync(path.resolve(dirname, relativePath, 'package.json'));
+
+      return `${relativePath} @${version}`;
+    });
+
+  if (nestedNodeModules.length > 0) {
+    throw new Error(`Nested node_modules found:\n- ${nestedNodeModules.join('\n- ')}\n`);
+  }
+};
+
+await installComponents(components.packages);

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;