chore: merge main

AxisCommunications · Jan 31, 2024 · ae0aa83 · ae0aa83
2 parents 8a17305 + 0f732f4
commit ae0aa83
Show file tree

Hide file tree

Showing 28 changed files with 999 additions and 319 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,9 +1,10 @@
-## [8.7.1](https://github.com/AxisCommunications/fluent-components/compare/6aab210b7a16cf3772156fdc20b24a9c24266d30..a5a4f713613c881c83d32c6af330164256792ccc) (2023-12-13T07:31:35.548Z)
+## [8.9.0](https://github.com/AxisCommunications/fluent-components/compare/c9e04f796dd6c1a777ee74cf24979319c022c16a..7be3e4877a9c712ce60a14fa1d3b5de70a169a13) (2024-01-31T08:28:40.847Z)
 
 ### 🚧 Maintenance
 
-  - align icon generation (#128) ([d01dd5d](https://github.com/AxisCommunications/fluent-components/commit/d01dd5d41a4a1e2dc99bd08d33150f804acb3c18))
+  - **deps**: bump the dependencies group with 2 updates (#162) ([4e8be8f](https://github.com/AxisCommunications/fluent-components/commit/4e8be8f3df84ade59a789a38bca11809f117b17d))
+  - **deps**: bump the dev-dependencies group with 4 updates (#163) ([0323353](https://github.com/AxisCommunications/fluent-components/commit/03233531bb416674bde5ee5b1cc5675ffd4ec43d))
 
-### 🐛 Bug fixes
+### ✨ Features
 
-  - **topbar**: application menu icon visible also when hovering selected button (#131) ([a5a4f71](https://github.com/AxisCommunications/fluent-components/commit/a5a4f713613c881c83d32c6af330164256792ccc))
+  - **topbar**: add optional application drawer as alternative to application menu (#165) ([7be3e48](https://github.com/AxisCommunications/fluent-components/commit/7be3e4877a9c712ce60a14fa1d3b5de70a169a13))
diff --git a/components/password-input/package.json b/components/password-input/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@axiscommunications/fluent-password-input",
-  "version": "8.7.1",
+  "version": "8.9.0",
   "description": "Password input for Fluent UI v9",
   "homepage": "https://github.com/AxisCommunications/fluent-components#readme",
   "repository": {
@@ -33,7 +33,7 @@
     "test:watch": "vitest watch"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^6.1.6",
+    "@testing-library/jest-dom": "^6.2.1",
     "@types/react": "^17.0.67",
     "@types/react-dom": "^17.0.21",
     "@vitest/coverage-c8": "^0.33.0",

diff --git a/components/slider/package.json b/components/slider/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@axiscommunications/fluent-slider",
-  "version": "8.7.1",
+  "version": "8.9.0",
   "description": "Axis branded Slider",
   "homepage": "https://github.com/AxisCommunications/fluent-components#readme",
   "repository": {
@@ -24,7 +24,7 @@
     "test:watch": "vitest watch"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^6.1.6",
+    "@testing-library/jest-dom": "^6.2.1",
     "@testing-library/react": "^12.1.5",
     "@testing-library/user-event": "^14.5.2",
     "@types/react": "^17.0.67",

diff --git a/components/stepper/package.json b/components/stepper/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@axiscommunications/fluent-stepper",
-  "version": "8.7.1",
+  "version": "8.9.0",
   "description": "Stepper for Fluent UI v9",
   "homepage": "https://github.com/AxisCommunications/fluent-components#readme",
   "repository": {
@@ -24,7 +24,7 @@
     "test:watch": "vitest watch"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^6.1.6",
+    "@testing-library/jest-dom": "^6.2.1",
     "@testing-library/react": "^12.1.5",
     "@types/react": "^17.0.67",
     "@types/react-dom": "^17.0.21",

diff --git a/components/topbar/package.json b/components/topbar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@axiscommunications/fluent-topbar",
-  "version": "8.7.1",
+  "version": "8.9.0",
   "description": "Axis branded TopBar",
   "homepage": "https://github.com/AxisCommunications/fluent-components#readme",
   "repository": {
@@ -33,7 +33,7 @@
     "test:watch": "vitest watch"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^6.1.6",
+    "@testing-library/jest-dom": "^6.2.1",
     "@testing-library/react": "^12.1.5",
     "@types/react": "^17.0.67",
     "@types/react-dom": "^17.0.21",

diff --git a/components/topbar/src/application-drawer.styles.ts b/components/topbar/src/application-drawer.styles.ts
@@ -0,0 +1,58 @@
+import { makeStyles, shorthands, tokens } from "@fluentui/react-components";
+
+export const useApplicationDrawrStyles = makeStyles({
+  header: {
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "space-between",
+    backgroundColor: tokens.colorNeutralBackground5,
+    color: tokens.colorNeutralForeground3,
+    ...shorthands.padding(tokens.spacingVerticalS, tokens.spacingHorizontalM),
+  },
+  headerTitle: {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    ...shorthands.gap(tokens.spacingHorizontalS),
+  },
+  iconAndText: {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    ...shorthands.gap(tokens.spacingHorizontalS),
+    ...shorthands.padding(tokens.spacingVerticalXS, tokens.spacingHorizontalM),
+  },
+  content: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start",
+    width: "100%",
+    ...shorthands.gap(tokens.spacingVerticalM),
+    paddingTop: tokens.spacingVerticalXXXL,
+  },
+  contentChildren: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start",
+    width: "100%",
+    paddingLeft: "24px",
+    boxSizing: "border-box",
+  },
+  contentButton: {
+    width: "100%",
+    justifyContent: "flex-start",
+  },
+  selectedContentButton: {
+    backgroundColor: tokens.colorNeutralBackground2Hover,
+  },
+  linkWrapper: {
+    display: "flex",
+    justifyContent: "flex-end",
+    ...shorthands.padding(tokens.spacingVerticalS, 0),
+  },
+  link: {
+    display: "flex",
+    alignItems: "center",
+    ...shorthands.gap(tokens.spacingHorizontalXS),
+  },
+});