@spectrum-css/combobox - npm Package Compare versions

Comparing version 4.0.0-s2-foundations.18 to 4.0.0-s2-foundations.19

CHANGELOG.md

 # Change Log
 
+## 4.0.0-s2-foundations.19
+
+### Major Changes
+
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55) Thanks [@pfulton](https://github.com/pfulton)! - feat: s2 foundations non-gray-800 colors update
+
+  | Property name               | Context | Old value          | Updated value      |
+  | --------------------------- | ------- | ------------------ | ------------------ |
+  | `--spectrum-blue-800`       | dark    | rgb(69, 110, 254)  | rgb(64, 105, 253)  |
+  | `--spectrum-red-800`        | dark    | rgb(230, 54, 35)   | rgb(223, 52, 34)   |
+  | `--spectrum-orange-800`     | dark    | rgb(205, 86, 0)    | rgb(199, 82, 0)    |
+  | `--spectrum-yellow-800`     | dark    | rgb(169, 110, 0)   | rgb(164, 106, 0)   |
+  | `--spectrum-chartreuse-800` | dark    | rgb(109, 131, 0)   | rgb(106, 127, 0)   |
+  | `--spectrum-celery-800`     | dark    | rgb(69, 138, 19)   | rgb(66, 134, 18)   |
+  | `--spectrum-green-800`      | dark    | rgb(6, 140, 82)    | rgb(6, 136, 80)    |
+  | `--spectrum-seafoam-800`    | dark    | rgb(8, 138, 116)   | rgb(8, 134, 112)   |
+  | `--spectrum-cyan-800`       | dark    | rgb(15, 128, 194)  | rgb(13, 125, 186)  |
+  | `--spectrum-indigo-800`     | dark    | rgb(119, 97, 252)  | rgb(116, 91, 252)  |
+  | `--spectrum-purple-800`     | dark    | rgb(161, 84, 229)  | rgb(157, 78, 228)  |
+  | `--spectrum-fuchsia-800`    | dark    | rgb(192, 64, 212)  | rgb(186, 60, 206)  |
+  | `--spectrum-magenta-800`    | dark    | rgb(231, 41, 105)  | rgb(224, 38, 101)  |
+  | `--spectrum-pink-800`       | dark    | rgb(220, 47, 156)  | rgb(213, 45, 151)  |
+  | `--spectrum-turqoise-800`   | dark    | rgb(9, 135, 147)   | rgb(9, 131, 142)   |
+  | `--spectrum-brown-800`      | dark    | rgb(148, 118, 73)  | rgb(143, 114, 69)  |
+  | `--spectrum-silver-800`     | dark    | rgb(123, 123, 123) | rgb(118, 118, 118) |
+  | `--spectrum-cinnamon-800`   | dark    | rgb(179, 103, 64)  | rgb(176, 98, 59)   |
+
+### Patch Changes
+
+- Updated dependencies [[`f6ad55e`](https://github.com/adobe/spectrum-css/commit/f6ad55eea019f2d6c583a71b6652995a1c7c7a55)]:
+  - @spectrum-css/tokens@15.0.0-s2-foundations.29
+  - @spectrum-css/progresscircle@4.0.0-s2-foundations.16
+  - @spectrum-css/pickerbutton@6.0.0-s2-foundations.17
+  - @spectrum-css/textfield@8.0.0-s2-foundations.17
+  - @spectrum-css/popover@8.0.0-s2-foundations.17
+  - @spectrum-css/menu@8.0.0-s2-foundations.17
+
 ## 4.0.0-s2-foundations.18
@@ -305,2 +342,23 @@
 
+## 3.3.0
+
+### Minor Changes
+
+- [#3232](https://github.com/adobe/spectrum-css/pull/3232) [`5d83841`](https://github.com/adobe/spectrum-css/commit/5d83841553b0221d3fb8443a1de861bc6e70db27) Thanks [@aramos-adobe](https://github.com/aramos-adobe)! - Combobox now includes a `read-only` state. Add the `is-readOnly` class to the Combobox to enable this feature. To ensure the intended user experience, please make sure the readonly state in the textfield is enabled by adding the `is-readOnly` class and `readonly` attribute on the input element for this component as well.
+
+## 3.2.0
+
+### Minor Changes
+
+- [#3369](https://github.com/adobe/spectrum-css/pull/3369) [`9c49505`](https://github.com/adobe/spectrum-css/commit/9c4950517bf0f8ca7b2e373f4323c97d068d0ceb) Thanks [@castastrophe](https://github.com/castastrophe)! - Remove the storybook assets from the shipped output for components
+
+### Patch Changes
+
+- Updated dependencies [[`9c49505`](https://github.com/adobe/spectrum-css/commit/9c4950517bf0f8ca7b2e373f4323c97d068d0ceb)]:
+  - @spectrum-css/progresscircle@3.2.0
+  - @spectrum-css/pickerbutton@5.2.0
+  - @spectrum-css/textfield@7.3.0
+  - @spectrum-css/popover@7.2.0
+  - @spectrum-css/menu@7.2.0
+
 ## 3.1.4
@@ -307,0 +365,0 @@

metadata/metadata.json

@@ -8,2 +8,18 @@ {
     ".spectrum-Combobox .spectrum-Popover.is-open",
+    ".spectrum-Combobox--quiet",
+    ".spectrum-Combobox--quiet .spectrum-Combobox-input",
+    ".spectrum-Combobox--quiet .spectrum-Combobox-textfield.is-invalid .spectrum-Combobox-input",
+    ".spectrum-Combobox--quiet .spectrum-Combobox-textfield.is-invalid .spectrum-Textfield-validationIcon",
+    ".spectrum-Combobox--quiet .spectrum-Combobox-textfield.is-loading .spectrum-Combobox-input",
+    ".spectrum-Combobox--quiet .spectrum-Combobox-textfield.is-readOnly .spectrum-Combobox-input:read-only",
+    ".spectrum-Combobox--quiet .spectrum-Combobox-textfield.is-readOnly.is-disabled .spectrum-Combobox-input:read-only",
+    ".spectrum-Combobox--quiet .spectrum-Combobox-textfield.is-readOnly.is-invalid > .spectrum-Combobox-input:read-only",
+    ".spectrum-Combobox--quiet.spectrum-Combobox--sizeL",
+    ".spectrum-Combobox--quiet.spectrum-Combobox--sizeM",
+    ".spectrum-Combobox--quiet.spectrum-Combobox--sizeS",
+    ".spectrum-Combobox--quiet.spectrum-Combobox--sizeXL",
+    ".spectrum-Combobox--sizeL",
+    ".spectrum-Combobox--sizeM",
+    ".spectrum-Combobox--sizeS",
+    ".spectrum-Combobox--sizeXL",
     ".spectrum-Combobox-button",
@@ -50,15 +66,8 @@ ".spectrum-Combobox-button.is-focused:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet)",
     ".spectrum-Combobox.is-keyboardFocused .spectrum-Combobox-button:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet)",
-    ".spectrum-Combobox.spectrum-Combobox--quiet",
-    ".spectrum-Combobox.spectrum-Combobox--quiet .spectrum-Combobox-input",
-    ".spectrum-Combobox.spectrum-Combobox--quiet .spectrum-Combobox-textfield.is-invalid .spectrum-Combobox-input",
-    ".spectrum-Combobox.spectrum-Combobox--quiet .spectrum-Combobox-textfield.is-invalid .spectrum-Textfield-validationIcon",
-    ".spectrum-Combobox.spectrum-Combobox--quiet .spectrum-Combobox-textfield.is-loading .spectrum-Combobox-input",
-    ".spectrum-Combobox.spectrum-Combobox--quiet.spectrum-Combobox--sizeL",
-    ".spectrum-Combobox.spectrum-Combobox--quiet.spectrum-Combobox--sizeM",
-    ".spectrum-Combobox.spectrum-Combobox--quiet.spectrum-Combobox--sizeS",
-    ".spectrum-Combobox.spectrum-Combobox--quiet.spectrum-Combobox--sizeXL",
-    ".spectrum-Combobox.spectrum-Combobox--sizeL",
-    ".spectrum-Combobox.spectrum-Combobox--sizeM",
-    ".spectrum-Combobox.spectrum-Combobox--sizeS",
-    ".spectrum-Combobox.spectrum-Combobox--sizeXL",
+    ".spectrum-Combobox.is-readOnly.is-disabled:not(.spectrum-Combobox--quiet) .spectrum-Combobox-input:read-only",
+    ".spectrum-Combobox.is-readOnly.is-disabled:not(.spectrum-Combobox--quiet) .spectrum-Combobox-input:read-only:hover",
+    ".spectrum-Combobox.is-readOnly.is-invalid:not(.spectrum-Combobox--quiet) .spectrum-Combobox-input:read-only",
+    ".spectrum-Combobox.is-readOnly:not(.spectrum-Combobox--quiet) .spectrum-Combobox-input:read-only",
+    ".spectrum-Combobox.is-readOnly:not(.spectrum-Combobox--quiet) .spectrum-Combobox-input:read-only:hover",
+    ".spectrum-Combobox.is-readOnly:not(.spectrum-Combobox--quiet) .spectrum-Combobox-textfield.is-keyboardFocused .spectrum-Combobox-input",
     ".spectrum-Combobox:has(:active) .spectrum-Combobox-button.is-invalid:not(:disabled, .spectrum-PickerButton--quiet)",
@@ -121,2 +130,3 @@ ".spectrum-Combobox:has(:active) .spectrum-Combobox-button:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet)",
     "--mod-combobox-min-inline-size",
+    "--mod-combobox-readonly-input-border-color",
     "--mod-combobox-spacing-block-end-edge-to-text",
@@ -142,2 +152,3 @@ "--mod-combobox-spacing-block-start-edge-to-text",
     "--spectrum-combobox-border-color-default",
+    "--spectrum-combobox-border-color-disabled",
     "--spectrum-combobox-border-color-focus",
@@ -165,3 +176,7 @@ "--spectrum-combobox-border-color-focus-hover",
     "--spectrum-combobox-min-inline-size",
-    "--spectrum-combobox-minimum-width-multiplier",
+    "--spectrum-combobox-readonly-background-color-disabled",
+    "--spectrum-combobox-readonly-border-color-invalid-default",
+    "--spectrum-combobox-readonly-input-background-color",
+    "--spectrum-combobox-readonly-input-border-color",
+    "--spectrum-combobox-readonly-text-color-disabled",
     "--spectrum-combobox-spacing-block-end-edge-to-text",
@@ -199,2 +214,5 @@ "--spectrum-combobox-spacing-block-start-edge-to-text",
     "--spectrum-default-font-style",
+    "--spectrum-disabled-background-color",
+    "--spectrum-disabled-border-color",
+    "--spectrum-disabled-content-color",
     "--spectrum-field-edge-to-text-quiet",
@@ -222,2 +240,3 @@ "--spectrum-field-label-to-component",
     "--spectrum-font-size-75",
+    "--spectrum-gray-50",
     "--spectrum-gray-500",
@@ -237,5 +256,2 @@ "--spectrum-gray-600",
   "system-theme": [
-    "--system-combobox-block-size",
-    "--system-combobox-block-spacing-edge-to-alert",
-    "--system-combobox-block-spacing-edge-to-progress-circle",
     "--system-combobox-border-color-default",
@@ -245,78 +261,3 @@ "--system-combobox-border-color-focus",
     "--system-combobox-border-color-hover",
-    "--system-combobox-border-color-invalid-default",
-    "--system-combobox-border-color-invalid-focus",
-    "--system-combobox-border-color-invalid-focus-hover",
-    "--system-combobox-border-color-invalid-hover",
-    "--system-combobox-border-color-invalid-key-focus",
-    "--system-combobox-border-color-key-focus",
-    "--system-combobox-border-radius",
-    "--system-combobox-border-width",
-    "--system-combobox-focus-indicator-color",
-    "--system-combobox-focus-indicator-gap",
-    "--system-combobox-focus-indicator-thickness",
-    "--system-combobox-font-size",
-    "--system-combobox-font-style",
-    "--system-combobox-icon-size",
-    "--system-combobox-inline-size",
-    "--system-combobox-line-height",
-    "--system-combobox-minimum-width-multiplier",
-    "--system-combobox-quiet-minimum-width-multiplier",
-    "--system-combobox-quiet-size-l-spacing-label-to",
-    "--system-combobox-quiet-size-m-spacing-label-to",
-    "--system-combobox-quiet-size-s-spacing-label-to",
-    "--system-combobox-quiet-size-xl-spacing-label-to",
-    "--system-combobox-quiet-spacing-inline-icon-to-button",
-    "--system-combobox-quiet-spacing-inline-start-edge-to-text",
-    "--system-combobox-quiet-spacing-label-to",
-    "--system-combobox-size-l-block-size",
-    "--system-combobox-size-l-block-spacing-edge-to-alert",
-    "--system-combobox-size-l-block-spacing-edge-to-progress-circle",
-    "--system-combobox-size-l-font-size",
-    "--system-combobox-size-l-icon-size",
-    "--system-combobox-size-l-spacing-block-end-edge-to-text",
-    "--system-combobox-size-l-spacing-block-start-edge-to-text",
-    "--system-combobox-size-l-spacing-edge-to-menu",
-    "--system-combobox-size-l-spacing-inline-end-edge-to-text",
-    "--system-combobox-size-l-spacing-inline-icon-to-button",
-    "--system-combobox-size-l-spacing-inline-start-edge-to-text",
-    "--system-combobox-size-m-block-size",
-    "--system-combobox-size-m-block-spacing-edge-to-alert",
-    "--system-combobox-size-m-block-spacing-edge-to-progress-circle",
-    "--system-combobox-size-m-font-size",
-    "--system-combobox-size-m-icon-size",
-    "--system-combobox-size-m-spacing-block-end-edge-to-text",
-    "--system-combobox-size-m-spacing-block-start-edge-to-text",
-    "--system-combobox-size-m-spacing-edge-to-menu",
-    "--system-combobox-size-m-spacing-inline-end-edge-to-text",
-    "--system-combobox-size-m-spacing-inline-icon-to-button",
-    "--system-combobox-size-m-spacing-inline-start-edge-to-text",
-    "--system-combobox-size-s-block-size",
-    "--system-combobox-size-s-block-spacing-edge-to-alert",
-    "--system-combobox-size-s-block-spacing-edge-to-progress-circle",
-    "--system-combobox-size-s-font-size",
-    "--system-combobox-size-s-icon-size",
-    "--system-combobox-size-s-spacing-block-end-edge-to-text",
-    "--system-combobox-size-s-spacing-block-start-edge-to-text",
-    "--system-combobox-size-s-spacing-edge-to-menu",
-    "--system-combobox-size-s-spacing-inline-end-edge-to-text",
-    "--system-combobox-size-s-spacing-inline-icon-to-button",
-    "--system-combobox-size-s-spacing-inline-start-edge-to-text",
-    "--system-combobox-size-xl-block-size",
-    "--system-combobox-size-xl-block-spacing-edge-to-alert",
-    "--system-combobox-size-xl-block-spacing-edge-to-progress-circle",
-    "--system-combobox-size-xl-font-size",
-    "--system-combobox-size-xl-icon-size",
-    "--system-combobox-size-xl-spacing-block-end-edge-to-text",
-    "--system-combobox-size-xl-spacing-block-start-edge-to-text",
-    "--system-combobox-size-xl-spacing-edge-to-menu",
-    "--system-combobox-size-xl-spacing-inline-end-edge-to-text",
-    "--system-combobox-size-xl-spacing-inline-icon-to-button",
-    "--system-combobox-size-xl-spacing-inline-start-edge-to-text",
-    "--system-combobox-spacing-block-end-edge-to-text",
-    "--system-combobox-spacing-block-start-edge-to-text",
-    "--system-combobox-spacing-edge-to-menu",
-    "--system-combobox-spacing-inline-end-edge-to-text",
-    "--system-combobox-spacing-inline-icon-to-button",
-    "--system-combobox-spacing-inline-start-edge-to-text",
-    "--system-combobox-spacing-label-to"
+    "--system-combobox-border-color-key-focus"
   ],
@@ -360,4 +301,6 @@ "passthroughs": [
     "--highcontrast-combobox-border-color-highlight",
-    "--highcontrast-combobox-border-color-invalid"
+    "--highcontrast-combobox-border-color-invalid",
+    "--highcontrast-textfield-border-color-invalid-default",
+    "--highcontrast-textfield-text-color-disabled"
   ]
 }

metadata/mods.md

@@ -46,2 +46,3 @@ | Modifiable custom properties                           |
 | `--mod-combobox-min-inline-size`                       |
+| `--mod-combobox-readonly-input-border-color`           |
 | `--mod-combobox-spacing-block-end-edge-to-text`        |
@@ -48,0 +49,0 @@ | `--mod-combobox-spacing-block-start-edge-to-text`      |

package.json

 {
 	"name": "@spectrum-css/combobox",
-	"version": "4.0.0-s2-foundations.18",
+	"version": "4.0.0-s2-foundations.19",
 	"description": "The Spectrum CSS combobox component",
@@ -24,4 +24,3 @@ "license": "Apache-2.0",
 		"./metadata/*": "./metadata/*",
-		"./package.json": "./package.json",
-		"./stories/*": "./stories/*"
+		"./package.json": "./package.json"
 	},
@@ -33,3 +32,2 @@ "main": "dist/index.css",
 		"package.json",
-		"stories/*",
 		"metadata/*"
@@ -66,3 +64,10 @@ ],
 		"access": "public"
-	}
+	},
+	"spectrum": [
+		{
+			"guidelines": "https://spectrum.adobe.com/page/combo-box",
+			"rootClass": "spectrum-Combobox",
+			"swc": "https://opensource.adobe.com/spectrum-web-components/components/combobox/"
+		}
+	]
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

129089

decreased by-16.83%

Number of package files

11

decreased by-26.67%

Lines of code

1103

decreased by-36.5%

No dependency changes