From c05781966b2fde5db2445db93872fbcc3a1a27de Mon Sep 17 00:00:00 2001
From: mollykreis <20542556+mollykreis@users.noreply.github.com>
Date: Fri, 17 May 2024 14:50:52 -0500
Subject: [PATCH 1/2] Make clear select button match design spec (#2120)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
# Pull Request
## ๐คจ Rationale
The clear button in the nimble-select deviated from the design spec in
two ways:
- The button was 18px by 18px rather than 24px by 24px
- The icon in the button was `nimble-icon-xmark` rather than
`nimble-icon-times`
## ๐ฉโ๐ป Implementation
- Update icon and button size
## ๐งช Testing
Manually tested in storybook
## โ
Checklist
- [ ] I have updated the project documentation to reflect my changes or
determined no changes are needed.
---
...le-components-85683753-1a07-4b68-bedc-a0b406157f56.json | 7 +++++++
packages/nimble-components/src/select/styles.ts | 4 ++--
packages/nimble-components/src/select/template.ts | 4 ++--
3 files changed, 11 insertions(+), 4 deletions(-)
create mode 100644 change/@ni-nimble-components-85683753-1a07-4b68-bedc-a0b406157f56.json
diff --git a/change/@ni-nimble-components-85683753-1a07-4b68-bedc-a0b406157f56.json b/change/@ni-nimble-components-85683753-1a07-4b68-bedc-a0b406157f56.json
new file mode 100644
index 0000000000..ade7235516
--- /dev/null
+++ b/change/@ni-nimble-components-85683753-1a07-4b68-bedc-a0b406157f56.json
@@ -0,0 +1,7 @@
+{
+ "type": "patch",
+ "comment": "Make clear select button match design spec",
+ "packageName": "@ni/nimble-components",
+ "email": "20542556+mollykreis@users.noreply.github.com",
+ "dependentChangeType": "patch"
+}
diff --git a/packages/nimble-components/src/select/styles.ts b/packages/nimble-components/src/select/styles.ts
index ca12bad57c..174890cf74 100644
--- a/packages/nimble-components/src/select/styles.ts
+++ b/packages/nimble-components/src/select/styles.ts
@@ -6,6 +6,7 @@ import {
borderRgbPartialColor,
borderWidth,
controlHeight,
+ controlSlimHeight,
fillHoverColor,
fillHoverSelectedColor,
fillSelectedColor,
@@ -39,8 +40,7 @@ export const styles = css`
.clear-button {
order: 3;
- width: auto;
- height: auto;
+ height: ${controlSlimHeight};
margin-left: ${smallPadding};
}
diff --git a/packages/nimble-components/src/select/template.ts b/packages/nimble-components/src/select/template.ts
index ab8fc1539b..7528b12f08 100644
--- a/packages/nimble-components/src/select/template.ts
+++ b/packages/nimble-components/src/select/template.ts
@@ -23,7 +23,7 @@ import {
} from '../label-provider/core/label-tokens';
import { FilterMode } from './types';
import { buttonTag } from '../button';
-import { iconXmarkTag } from '../icons/xmark';
+import { iconTimesTag } from '../icons/times';
/* eslint-disable @typescript-eslint/indent */
// prettier-ignore
@@ -74,7 +74,7 @@ SelectOptions
content-hidden
appearance="ghost"
@click="${(x, c) => x.clearClickHandler(c.event as MouseEvent)}">
- <${iconXmarkTag} slot="start">${iconXmarkTag}>
+ <${iconTimesTag} slot="start">${iconTimesTag}>
${buttonTag}>
`)}
From 7cb88f11a6d645e148aa4555060b2d57bbe87f10 Mon Sep 17 00:00:00 2001
From: rajsite
Date: Fri, 17 May 2024 15:05:45 -0500
Subject: [PATCH 2/2] applying package updates [skip ci]
---
...ents-85683753-1a07-4b68-bedc-a0b406157f56.json | 7 -------
package-lock.json | 14 +++++++-------
.../nimble-angular/CHANGELOG.json | 15 +++++++++++++++
.../angular-workspace/nimble-angular/CHANGELOG.md | 10 +++++++++-
.../angular-workspace/nimble-angular/package.json | 4 ++--
.../spright-angular/CHANGELOG.json | 15 +++++++++++++++
.../spright-angular/CHANGELOG.md | 10 +++++++++-
.../spright-angular/package.json | 4 ++--
packages/nimble-components/CHANGELOG.json | 15 +++++++++++++++
packages/nimble-components/CHANGELOG.md | 10 +++++++++-
packages/nimble-components/package.json | 2 +-
packages/spright-components/CHANGELOG.json | 15 +++++++++++++++
packages/spright-components/CHANGELOG.md | 10 +++++++++-
packages/spright-components/package.json | 4 ++--
14 files changed, 110 insertions(+), 25 deletions(-)
delete mode 100644 change/@ni-nimble-components-85683753-1a07-4b68-bedc-a0b406157f56.json
diff --git a/change/@ni-nimble-components-85683753-1a07-4b68-bedc-a0b406157f56.json b/change/@ni-nimble-components-85683753-1a07-4b68-bedc-a0b406157f56.json
deleted file mode 100644
index ade7235516..0000000000
--- a/change/@ni-nimble-components-85683753-1a07-4b68-bedc-a0b406157f56.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "type": "patch",
- "comment": "Make clear select button match design spec",
- "packageName": "@ni/nimble-components",
- "email": "20542556+mollykreis@users.noreply.github.com",
- "dependentChangeType": "patch"
-}
diff --git a/package-lock.json b/package-lock.json
index a01fe9dcf9..aa0fa34c71 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -32647,7 +32647,7 @@
},
"packages/angular-workspace/nimble-angular": {
"name": "@ni/nimble-angular",
- "version": "24.2.4",
+ "version": "24.2.5",
"license": "MIT",
"dependencies": {
"tslib": "^2.2.0"
@@ -32658,12 +32658,12 @@
"@angular/forms": "^16.2.12",
"@angular/localize": "^16.2.12",
"@angular/router": "^16.2.12",
- "@ni/nimble-components": "^29.1.1"
+ "@ni/nimble-components": "^29.1.2"
}
},
"packages/angular-workspace/spright-angular": {
"name": "@ni/spright-angular",
- "version": "1.0.2",
+ "version": "1.0.3",
"license": "MIT",
"dependencies": {
"tslib": "^2.2.0"
@@ -32671,7 +32671,7 @@
"peerDependencies": {
"@angular/common": "^16.2.12",
"@angular/core": "^16.2.12",
- "@ni/spright-components": "^1.0.2"
+ "@ni/spright-components": "^1.0.3"
}
},
"packages/blazor-workspace": {
@@ -32756,7 +32756,7 @@
},
"packages/nimble-components": {
"name": "@ni/nimble-components",
- "version": "29.1.1",
+ "version": "29.1.2",
"license": "MIT",
"dependencies": {
"@microsoft/fast-colors": "^5.3.1",
@@ -32904,14 +32904,14 @@
},
"packages/spright-components": {
"name": "@ni/spright-components",
- "version": "1.0.2",
+ "version": "1.0.3",
"license": "MIT",
"dependencies": {
"@microsoft/fast-colors": "^5.3.1",
"@microsoft/fast-element": "^1.12.0",
"@microsoft/fast-foundation": "^2.49.6",
"@microsoft/fast-web-utilities": "^6.0.0",
- "@ni/nimble-components": "29.1.1",
+ "@ni/nimble-components": "29.1.2",
"@ni/nimble-tokens": "^6.13.6",
"tslib": "^2.2.0"
},
diff --git a/packages/angular-workspace/nimble-angular/CHANGELOG.json b/packages/angular-workspace/nimble-angular/CHANGELOG.json
index 832cdbbdcf..3e731afb1a 100644
--- a/packages/angular-workspace/nimble-angular/CHANGELOG.json
+++ b/packages/angular-workspace/nimble-angular/CHANGELOG.json
@@ -1,6 +1,21 @@
{
"name": "@ni/nimble-angular",
"entries": [
+ {
+ "date": "Fri, 17 May 2024 20:05:45 GMT",
+ "version": "24.2.5",
+ "tag": "@ni/nimble-angular_v24.2.5",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@ni/nimble-angular",
+ "comment": "Bump @ni/nimble-components to v29.1.2",
+ "commit": "not available"
+ }
+ ]
+ }
+ },
{
"date": "Thu, 16 May 2024 18:44:46 GMT",
"version": "24.2.4",
diff --git a/packages/angular-workspace/nimble-angular/CHANGELOG.md b/packages/angular-workspace/nimble-angular/CHANGELOG.md
index 9dc8f003b0..746860b136 100644
--- a/packages/angular-workspace/nimble-angular/CHANGELOG.md
+++ b/packages/angular-workspace/nimble-angular/CHANGELOG.md
@@ -1,9 +1,17 @@
# Change Log - @ni/nimble-angular
-This log was last generated on Thu, 16 May 2024 18:44:46 GMT and should not be manually modified.
+This log was last generated on Fri, 17 May 2024 20:05:45 GMT and should not be manually modified.
+## 24.2.5
+
+Fri, 17 May 2024 20:05:45 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v29.1.2
+
## 24.2.4
Thu, 16 May 2024 18:44:46 GMT
diff --git a/packages/angular-workspace/nimble-angular/package.json b/packages/angular-workspace/nimble-angular/package.json
index c01aa90a0f..abb9e10923 100644
--- a/packages/angular-workspace/nimble-angular/package.json
+++ b/packages/angular-workspace/nimble-angular/package.json
@@ -1,6 +1,6 @@
{
"name": "@ni/nimble-angular",
- "version": "24.2.4",
+ "version": "24.2.5",
"description": "Angular components for the NI Nimble Design System",
"scripts": {
"invoke-publish": "npm run invoke-publish:setup && cd ../dist/nimble-angular && npm publish",
@@ -32,7 +32,7 @@
"@angular/forms": "^16.2.12",
"@angular/localize": "^16.2.12",
"@angular/router": "^16.2.12",
- "@ni/nimble-components": "^29.1.1"
+ "@ni/nimble-components": "^29.1.2"
},
"dependencies": {
"tslib": "^2.2.0"
diff --git a/packages/angular-workspace/spright-angular/CHANGELOG.json b/packages/angular-workspace/spright-angular/CHANGELOG.json
index e877ee351f..998116873c 100644
--- a/packages/angular-workspace/spright-angular/CHANGELOG.json
+++ b/packages/angular-workspace/spright-angular/CHANGELOG.json
@@ -1,6 +1,21 @@
{
"name": "@ni/spright-angular",
"entries": [
+ {
+ "date": "Fri, 17 May 2024 20:05:45 GMT",
+ "version": "1.0.3",
+ "tag": "@ni/spright-angular_v1.0.3",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@ni/spright-angular",
+ "comment": "Bump @ni/spright-components to v1.0.3",
+ "commit": "not available"
+ }
+ ]
+ }
+ },
{
"date": "Thu, 16 May 2024 18:44:46 GMT",
"version": "1.0.2",
diff --git a/packages/angular-workspace/spright-angular/CHANGELOG.md b/packages/angular-workspace/spright-angular/CHANGELOG.md
index 6d8f3ee565..b7736d084d 100644
--- a/packages/angular-workspace/spright-angular/CHANGELOG.md
+++ b/packages/angular-workspace/spright-angular/CHANGELOG.md
@@ -1,9 +1,17 @@
# Change Log - @ni/spright-angular
-This log was last generated on Thu, 16 May 2024 18:44:46 GMT and should not be manually modified.
+This log was last generated on Fri, 17 May 2024 20:05:45 GMT and should not be manually modified.
+## 1.0.3
+
+Fri, 17 May 2024 20:05:45 GMT
+
+### Patches
+
+- Bump @ni/spright-components to v1.0.3
+
## 1.0.2
Thu, 16 May 2024 18:44:46 GMT
diff --git a/packages/angular-workspace/spright-angular/package.json b/packages/angular-workspace/spright-angular/package.json
index a2730ce700..24e1b8df45 100644
--- a/packages/angular-workspace/spright-angular/package.json
+++ b/packages/angular-workspace/spright-angular/package.json
@@ -1,6 +1,6 @@
{
"name": "@ni/spright-angular",
- "version": "1.0.2",
+ "version": "1.0.3",
"description": "Angular components for NI Spright",
"scripts": {
"invoke-publish": "npm run invoke-publish:setup && cd ../dist/spright-angular && npm publish",
@@ -24,7 +24,7 @@
"peerDependencies": {
"@angular/common": "^16.2.12",
"@angular/core": "^16.2.12",
- "@ni/spright-components": "^1.0.2"
+ "@ni/spright-components": "^1.0.3"
},
"dependencies": {
"tslib": "^2.2.0"
diff --git a/packages/nimble-components/CHANGELOG.json b/packages/nimble-components/CHANGELOG.json
index 681dc56354..b9067bac0f 100644
--- a/packages/nimble-components/CHANGELOG.json
+++ b/packages/nimble-components/CHANGELOG.json
@@ -1,6 +1,21 @@
{
"name": "@ni/nimble-components",
"entries": [
+ {
+ "date": "Fri, 17 May 2024 20:05:45 GMT",
+ "version": "29.1.2",
+ "tag": "@ni/nimble-components_v29.1.2",
+ "comments": {
+ "patch": [
+ {
+ "author": "20542556+mollykreis@users.noreply.github.com",
+ "package": "@ni/nimble-components",
+ "commit": "c05781966b2fde5db2445db93872fbcc3a1a27de",
+ "comment": "Make clear select button match design spec"
+ }
+ ]
+ }
+ },
{
"date": "Thu, 16 May 2024 18:44:46 GMT",
"version": "29.1.1",
diff --git a/packages/nimble-components/CHANGELOG.md b/packages/nimble-components/CHANGELOG.md
index e78612efb6..571cb8b2c4 100644
--- a/packages/nimble-components/CHANGELOG.md
+++ b/packages/nimble-components/CHANGELOG.md
@@ -1,9 +1,17 @@
# Change Log - @ni/nimble-components
-This log was last generated on Thu, 16 May 2024 18:44:46 GMT and should not be manually modified.
+This log was last generated on Fri, 17 May 2024 20:05:45 GMT and should not be manually modified.
+## 29.1.2
+
+Fri, 17 May 2024 20:05:45 GMT
+
+### Patches
+
+- Make clear select button match design spec ([ni/nimble@c057819](https://github.com/ni/nimble/commit/c05781966b2fde5db2445db93872fbcc3a1a27de))
+
## 29.1.1
Thu, 16 May 2024 18:44:46 GMT
diff --git a/packages/nimble-components/package.json b/packages/nimble-components/package.json
index e83fc69383..1d3b7a44ec 100644
--- a/packages/nimble-components/package.json
+++ b/packages/nimble-components/package.json
@@ -1,6 +1,6 @@
{
"name": "@ni/nimble-components",
- "version": "29.1.1",
+ "version": "29.1.2",
"description": "Styled web components for the NI Nimble Design System",
"scripts": {
"build": "npm run generate-icons && npm run generate-workers && npm run build-components && npm run bundle-components && npm run generate-scss",
diff --git a/packages/spright-components/CHANGELOG.json b/packages/spright-components/CHANGELOG.json
index 5558b16507..532f5c79fb 100644
--- a/packages/spright-components/CHANGELOG.json
+++ b/packages/spright-components/CHANGELOG.json
@@ -1,6 +1,21 @@
{
"name": "@ni/spright-components",
"entries": [
+ {
+ "date": "Fri, 17 May 2024 20:05:45 GMT",
+ "version": "1.0.3",
+ "tag": "@ni/spright-components_v1.0.3",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@ni/spright-components",
+ "comment": "Bump @ni/nimble-components to v29.1.2",
+ "commit": "not available"
+ }
+ ]
+ }
+ },
{
"date": "Thu, 16 May 2024 18:44:46 GMT",
"version": "1.0.2",
diff --git a/packages/spright-components/CHANGELOG.md b/packages/spright-components/CHANGELOG.md
index b62ce1fe31..a6c30ef0b1 100644
--- a/packages/spright-components/CHANGELOG.md
+++ b/packages/spright-components/CHANGELOG.md
@@ -1,9 +1,17 @@
# Change Log - @ni/spright-components
-This log was last generated on Thu, 16 May 2024 18:44:46 GMT and should not be manually modified.
+This log was last generated on Fri, 17 May 2024 20:05:45 GMT and should not be manually modified.
+## 1.0.3
+
+Fri, 17 May 2024 20:05:45 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v29.1.2
+
## 1.0.2
Thu, 16 May 2024 18:44:46 GMT
diff --git a/packages/spright-components/package.json b/packages/spright-components/package.json
index b9e4fa8267..6d6cccaa24 100644
--- a/packages/spright-components/package.json
+++ b/packages/spright-components/package.json
@@ -1,6 +1,6 @@
{
"name": "@ni/spright-components",
- "version": "1.0.2",
+ "version": "1.0.3",
"description": "NI Spright Components",
"scripts": {
"build": "npm run build-components && npm run bundle-components",
@@ -55,7 +55,7 @@
"@microsoft/fast-element": "^1.12.0",
"@microsoft/fast-foundation": "^2.49.6",
"@microsoft/fast-web-utilities": "^6.0.0",
- "@ni/nimble-components": "29.1.1",
+ "@ni/nimble-components": "29.1.2",
"@ni/nimble-tokens": "^6.13.6",
"tslib": "^2.2.0"
},