@itwin/itwinui-css - npm Package Compare versions

Comparing version 1.3.0 to 1.4.0

CHANGELOG.md

 # Changelog
 
+## 1.4.0
+
+### Minor Changes
+
+- f7caf384: \* Added new `iui-tabs-actions-wrapper` and `iui-tabs-actions` to `.iui-tabs-wrapper` to add right/bottom content to the horizontal/vertical tabs.
+
+  ```html
+  <div class="iui-tabs-wrapper iui-horizontal">
+    <ul class="iui-tabs iui-default">
+      ...
+    </ul>
+
+    <div class="iui-tabs-actions-wrapper">
+      <div class="iui-tabs-actions">...</div>
+    </div>
+
+    <div class="iui-tabs-content">...</div>
+  </div>
+  ```
+
+- dd13257f: Added new `iui-svg-icon` class for displaying svgs
+
+  - Supports `data-iui-icon-size` attribute for size. Can be one of: 's', 'm', 'l', 'auto'
+  - Supports `data-iui-icon-color` attribute for fill. Can be one of: 'informational', 'positive', 'warning', 'negative'
+
+  ```html
+  <span
+    class="iui-svg-icon"
+    data-iui-icon-size="m"
+    data-iui-icon-color="positive"
+  >
+    <svg>...</svg>
+  </span>
+  ```
+
+### Patch Changes
+
+- ec26b72d: `Anchor` can now be rendered as a button using `as` prop.
+
+  ```jsx
+  <Anchor as='button' onClick={() => {}}>
+    ...
+  </Anchor>
+  ```
+
 ## [1.3.0](https://www.github.com/iTwin/iTwinUI/compare/v1.2.2...v1.3.0) (2022-12-19)
 
-### What's new
+### Minor changes
 
-* **Tag:** Tag body receives focus instead of close button within it ([#835](https://www.github.com/iTwin/iTwinUI/issues/835)) ([3df67b1](https://www.github.com/iTwin/iTwinUI/commit/3df67b19028c7dd63baff0d7cbef581d48c8e90c))
+- **Tag:** Tag body receives focus instead of close button within it ([#835](https://www.github.com/iTwin/iTwinUI/issues/835))
 
-### Fixes
+### Patch changes
 
-* **Inputs:** border color changes to status color on hover ([#847](https://www.github.com/iTwin/iTwinUI/issues/847)) ([7a2ed84](https://www.github.com/iTwin/iTwinUI/commit/7a2ed848ace212687f43c41546865bc9bb7cc55a))
-* **ToggleSwitch:** Define height of toggle switch to display correctly in iOS ([#852](https://www.github.com/iTwin/iTwinUI/issues/852)) ([a50a7fc](https://www.github.com/iTwin/iTwinUI/commit/a50a7fced38fa568665ec42e873bd1d998595c18))
+- **Inputs:** border color changes to status color on hover ([#847](https://www.github.com/iTwin/iTwinUI/issues/847))
+- **ToggleSwitch:** Define height of toggle switch to display correctly in iOS ([#852](https://www.github.com/iTwin/iTwinUI/issues/852))
 
-### [1.2.2](https://www.github.com/iTwin/iTwinUI/compare/v1.2.1...v1.2.2) (2022-12-09)
+## [1.2.2](https://www.github.com/iTwin/iTwinUI/compare/v1.2.1...v1.2.2) (2022-12-09)
 
-### Fixes
+### Patch changes
 
-* **Select:** Use correct placeholder text color ([#846](https://www.github.com/iTwin/iTwinUI/issues/846)) ([0504714](https://www.github.com/iTwin/iTwinUI/commit/0504714599b97dc7a1c8458f6de48dad5037cb7c))
+- **Select:** Use correct placeholder text color ([#846](https://www.github.com/iTwin/iTwinUI/issues/846))
 
-### [1.2.1](https://www.github.com/iTwin/iTwinUI/compare/v1.2.0...v1.2.1) (2022-12-08)
+## [1.2.1](https://www.github.com/iTwin/iTwinUI/compare/v1.2.0...v1.2.1) (2022-12-08)
 
-### Fixes
+### Patch changes
 
-* **Code:** Remove `user-select: all` and extra declarations ([#836](https://www.github.com/iTwin/iTwinUI/issues/836)) ([8db6443](https://www.github.com/iTwin/iTwinUI/commit/8db64436470527571eae321272ac1cf1555e13c9))
+- **Code:** Remove `user-select: all` and extra declarations ([#836](https://www.github.com/iTwin/iTwinUI/issues/836))
 
 ## [1.2.0](https://www.github.com/iTwin/iTwinUI/compare/v1.1.0...v1.2.0) (2022-12-06)
 
-### What's new
+### Minor changes
 
-* **ExpandableBlock:** Add disabled state support through `disabled`/`aria-disabled` attribute on the toggle ([#821](https://www.github.com/iTwin/iTwinUI/issues/821)) ([5bb81cd](https://www.github.com/iTwin/iTwinUI/commit/5bb81cd016a4e9aecdbd5a9b3bfaa0c79976d81e))
-* **`iui-root`**: Add `.iui-root-background` modifier to opt into setting the recommended background-color ([#833](https://www.github.com/iTwin/iTwinUI/issues/833)) ([ef6a969](https://www.github.com/iTwin/iTwinUI/commit/ef6a96977ce2e0d60a7e5ca2bb1f5b30bc6c35fc))
+- **ExpandableBlock:** Add disabled state support through `disabled`/`aria-disabled` attribute on the toggle ([#821](https://www.github.com/iTwin/iTwinUI/issues/821))
+- **`iui-root`**: Add `.iui-root-background` modifier to opt into setting the recommended background-color ([#833](https://www.github.com/iTwin/iTwinUI/issues/833))
 
 ## [1.1.0](https://www.github.com/iTwin/iTwinUI/compare/v1.0.0...v1.1.0) (2022-12-01)
 
-### What's new
+### Minor changes
 
-* **ComboBox:** Add multi-select tags ([#817](https://www.github.com/iTwin/iTwinUI/issues/817)) ([244dfab](https://www.github.com/iTwin/iTwinUI/commit/244dfab8338035000d95260caf534a04d698ffdb))
+- **ComboBox:** Add multi-select tags ([#817](https://www.github.com/iTwin/iTwinUI/issues/817))
 
-### Fixes
+### Patch changes
 
-* **Avatar:** Sizes have lower specificity, use CSS vars. ([#818](https://www.github.com/iTwin/iTwinUI/issues/818)) ([92ccc03](https://www.github.com/iTwin/iTwinUI/commit/92ccc0337777e97ab3b55d52b8ce1548e3026485))
-* **Progress-indicator**: Overlay now intercepts clicks ([#827](https://www.github.com/iTwin/iTwinUI/issues/827)) ([89f4502](https://www.github.com/iTwin/iTwinUI/commit/89f4502460fd7a4fe5244b57997cc7d9800e8fdd))
-* **Slider:** Change align `start` to `flex-start` ([#825](https://www.github.com/iTwin/iTwinUI/issues/825)) ([fad4a1f](https://www.github.com/iTwin/iTwinUI/commit/fad4a1f3068354ea18b4d0d8f08d1725d4887211))
+- **Avatar:** Sizes have lower specificity, use CSS vars. ([#818](https://www.github.com/iTwin/iTwinUI/issues/818))
+- **Progress-indicator**: Overlay now intercepts clicks ([#827](https://www.github.com/iTwin/iTwinUI/issues/827))
+- **Slider:** Change align `start` to `flex-start` ([#825](https://www.github.com/iTwin/iTwinUI/issues/825))
 
@@ -45,0 +90,0 @@ ## [1.0.0](https://www.github.com/iTwin/iTwinUI/compare/v0.63.1...v1.0.0) (2022-11-14)

LICENSE.md

 # MIT License
 
-Copyright © Bentley Systems, Incorporated. All rights reserved.
+Copyright © 2021-2023 Bentley Systems, Incorporated. All rights reserved.
 
@@ -5,0 +5,0 @@ Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

package.json

 {
   "name": "@itwin/itwinui-css",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "author": "Bentley Systems",
@@ -37,3 +37,4 @@ "license": "MIT",
     "autoprefixer": "^10.4.1",
-    "backstopjs": "~6.0.4",
+    "backstopjs": "~6.0.5",
+    "chokidar": "^3.5.3",
     "html-minifier": "^4.0.0",
@@ -50,7 +51,6 @@ "lightningcss": "^1.16.1",
   "scripts": {
-    "build": "yarn clean && yarn build:css && node ../shared/copyrightLinter.js --fix css/* && yarn build:html",
+    "build": "yarn clean && yarn build:css && node ../../scripts/copyrightLinter.js --fix css/* && yarn build:html",
     "build:css": "node ./scripts/generateCss.js src css",
     "build:html": "vite build backstop/tests --config vite.config.ts",
-    "build:watch:scss": "sass --watch src/all.scss css/all.css",
-    "createComponent": "node ./scripts/createComponent.js",
+    "build:watch:scss": "node ./scripts/watchScss.mjs",
     "clean": "rimraf ./css ./scss ./backstop/results/bitmaps_test",
@@ -66,3 +66,4 @@ "dev": "concurrently -n scss,html -k \"yarn build:watch:scss\" \"yarn vite backstop/tests --config vite.config.ts\"",
     "push-docker": "node scripts/pushDocker.js"
-  }
+  },
+  "prettier": "configs/prettier-scss-config.js"
 }

README.md

@@ -31,3 +31,3 @@ <p align="center">
 
-If you're looking for React components, check out [`@itwin/itwinui-react`](https://github.com/iTwin/iTwinUI-react) which is built on top of iTwinUI-css.
+If you're looking for React components, check out [`@itwin/itwinui-react`](https://github.com/iTwin/iTwinUI/packages/itwinui-react) which is built on top of iTwinUI-css.
 
@@ -34,0 +34,0 @@ ---

No alert changes

Improved metrics

Total package byte prevSize

513876

increased by0.96%

Worsened metrics

Dev dependency count

13

increased by8.33%

No dependency changes