@automattic/jetpack-ai-client 0.33.2 → 0.33.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/package.json +5 -5
  3. package/src/components/ai-control/style.scss +5 -5
  4. package/src/components/ai-feedback/style.scss +1 -1
  5. package/src/components/ai-image/components/ai-image-modal.scss +1 -1
  6. package/src/components/ai-image/components/carrousel.scss +7 -7
  7. package/src/components/ai-modal-footer/style.scss +3 -3
  8. package/src/components/ai-status-indicator/style.scss +2 -1
  9. package/src/components/message/style.scss +12 -12
  10. package/src/components/quota-exceeded-message/style.scss +21 -21
  11. package/src/logo-generator/components/generator-modal.scss +1 -1
package/CHANGELOG.md CHANGED
@@ -5,6 +5,10 @@ All notable changes to this project will be documented in this file.
5
5
  The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
6
6
  and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
7
7
 
8
+ ## [0.33.3] - 2025-07-21
9
+ ### Changed
10
+ - Internal updates.
11
+
8
12
  ## [0.33.2] - 2025-07-14
9
13
  ### Changed
10
14
  - Update package dependencies. [#44217] [#44219]
@@ -663,6 +667,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
663
667
  - AI Client: stop using smart document visibility handling on the fetchEventSource library, so it does not restart the completion when changing tabs. [#32004]
664
668
  - Updated package dependencies. [#31468] [#31659] [#31785]
665
669
 
670
+ [0.33.3]: https://github.com/Automattic/jetpack-ai-client/compare/v0.33.2...v0.33.3
666
671
  [0.33.2]: https://github.com/Automattic/jetpack-ai-client/compare/v0.33.1...v0.33.2
667
672
  [0.33.1]: https://github.com/Automattic/jetpack-ai-client/compare/v0.33.0...v0.33.1
668
673
  [0.33.0]: https://github.com/Automattic/jetpack-ai-client/compare/v0.32.1...v0.33.0
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "private": false,
3
3
  "name": "@automattic/jetpack-ai-client",
4
- "version": "0.33.2",
4
+ "version": "0.33.3",
5
5
  "description": "A JS client for consuming Jetpack AI services",
6
6
  "homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/ai-client/#readme",
7
7
  "bugs": {
@@ -44,12 +44,12 @@
44
44
  "main": "./build/index.js",
45
45
  "types": "./build/index.d.ts",
46
46
  "dependencies": {
47
- "@automattic/jetpack-base-styles": "^1.0.4",
48
- "@automattic/jetpack-components": "^1.1.13",
49
- "@automattic/jetpack-connection": "^1.2.13",
47
+ "@automattic/jetpack-base-styles": "^1.0.5",
48
+ "@automattic/jetpack-components": "^1.1.14",
49
+ "@automattic/jetpack-connection": "^1.2.14",
50
50
  "@automattic/jetpack-explat": "workspace:*",
51
51
  "@automattic/jetpack-script-data": "^0.5.0",
52
- "@automattic/jetpack-shared-extension-utils": "^1.3.4",
52
+ "@automattic/jetpack-shared-extension-utils": "^1.3.5",
53
53
  "@microsoft/fetch-event-source": "2.0.1",
54
54
  "@types/jest": "30.0.0",
55
55
  "@types/react": "18.3.23",
package/src/components/ai-control/style.scss CHANGED
@@ -6,8 +6,8 @@
6
6
  }
7
7
 
8
8
  .jetpack-components-ai-control__container {
9
- color: var( --jp-gray-80 );
10
- background-color: var( --jp-white );
9
+ color: var(--jp-gray-80);
10
+ background-color: var(--jp-white);
11
11
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.12), 0 3px 9px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.15);
12
12
  font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
13
13
  border-radius: 6px;
@@ -35,7 +35,7 @@
35
35
  align-items: center;
36
36
 
37
37
  textarea.jetpack-components-ai-control__input {
38
- background-color: var( --jp-white );
38
+ background-color: var(--jp-white);
39
39
  width: 100%;
40
40
  min-height: 20px;
41
41
  border-radius: 2px;
@@ -44,7 +44,7 @@
44
44
  resize: none !important;
45
45
  border: none;
46
46
  box-shadow: none;
47
- color: var( --jp-gray-80 );
47
+ color: var(--jp-gray-80);
48
48
 
49
49
  font-size: 16px;
50
50
  font-weight: 400;
@@ -54,7 +54,7 @@
54
54
 
55
55
  &:focus {
56
56
  box-shadow: none;
57
- color: var( --jp-gray-80 );
57
+ color: var(--jp-gray-80);
58
58
  }
59
59
 
60
60
  @media (min-width: 600px) {
package/src/components/ai-feedback/style.scss CHANGED
@@ -10,6 +10,6 @@
10
10
  }
11
11
 
12
12
  &__thumb-selected {
13
- color: var( --wp-components-color-accent, var( --wp-admin-theme-color, #3858e9 ) );
13
+ color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
14
14
  }
15
15
  }
package/src/components/ai-image/components/ai-image-modal.scss CHANGED
@@ -40,7 +40,7 @@
40
40
  border: 1px solid #ccc;
41
41
  border-radius: 6px;
42
42
  padding: 12px;
43
- color: var( --studio-black );
43
+ color: var(--studio-black);
44
44
  }
45
45
 
46
46
  textarea:disabled {
package/src/components/ai-image/components/carrousel.scss CHANGED
@@ -50,7 +50,7 @@ $scale-factor: 0.55;
50
50
  display: flex;
51
51
  align-items: center;
52
52
  overflow: hidden;
53
- height: calc( 768px * $scale-factor );
53
+ height: calc(768px * $scale-factor);
54
54
 
55
55
  .ai-carrousel {
56
56
 
@@ -80,7 +80,7 @@ $scale-factor: 0.55;
80
80
  background: transparent;
81
81
 
82
82
  &:hover {
83
- background-color: rgba( 0, 0, 0, 0.3 );
83
+ background-color: rgba(0, 0, 0, 0.3);
84
84
  opacity: 1;
85
85
  }
86
86
 
@@ -136,8 +136,8 @@ $scale-factor: 0.55;
136
136
  }
137
137
 
138
138
  &-image {
139
- max-height: calc( 768px * $scale-factor );
140
- max-width: calc( 1024px * $scale-factor );
139
+ max-height: calc(768px * $scale-factor);
140
+ max-width: calc(1024px * $scale-factor);
141
141
  width: auto;
142
142
  height: auto;
143
143
  margin: auto 0;
@@ -149,18 +149,18 @@ $scale-factor: 0.55;
149
149
  height: 100%;
150
150
  position: absolute;
151
151
  left: 8px;
152
- transform: translateX( 100% );
152
+ transform: translateX(100%);
153
153
  transition: transform 0.5s;
154
154
  flex-direction: column;
155
155
  align-items: center;
156
156
 
157
157
  &.is-prev {
158
- transform: translateX( -100% );
158
+ transform: translateX(-100%);
159
159
  left: -8px;
160
160
  }
161
161
 
162
162
  &.is-current {
163
- transform: translateX( 0 );
163
+ transform: translateX(0);
164
164
  position: static;
165
165
  }
166
166
  }
package/src/components/ai-modal-footer/style.scss CHANGED
@@ -2,11 +2,11 @@
2
2
  display: flex;
3
3
  align-items: center;
4
4
  gap: 4px;
5
- color: var( --jp-gray-50 );
6
- fill: var( --jp-gray-50 );
5
+ color: var(--jp-gray-50);
6
+ fill: var(--jp-gray-50);
7
7
 
8
8
  .components-button.is-link {
9
- color: var( --jp-gray-50 );
9
+ color: var(--jp-gray-50);
10
10
  }
11
11
  }
12
12
 
package/src/components/ai-status-indicator/style.scss CHANGED
@@ -12,7 +12,8 @@
12
12
  margin: 6px 0 0;
13
13
  }
14
14
 
15
- &.is-requesting, &.is-suggesting {
15
+ &.is-requesting,
16
+ &.is-suggesting {
16
17
  opacity: 1;
17
18
  width: 24px;
18
19
  }
package/src/components/message/style.scss CHANGED
@@ -11,7 +11,7 @@
11
11
  min-height: 28px;
12
12
 
13
13
  > svg {
14
- fill: var( --jp-gray-40 );
14
+ fill: var(--jp-gray-40);
15
15
  flex-shrink: 0;
16
16
  }
17
17
 
@@ -29,7 +29,7 @@
29
29
  }
30
30
 
31
31
  .components-external-link {
32
- color: var( --jp-gray-50 );
32
+ color: var(--jp-gray-50);
33
33
  }
34
34
 
35
35
  // Force padding 0 in link buttons, since default Gutenberg version in WordPress doesn't use iframe and
@@ -46,30 +46,30 @@
46
46
  }
47
47
 
48
48
  .jetpack-ai-assistant__message-severity-info {
49
- background-color: var( --jp-gray-0 );
50
- color: var( --jp-gray-50 );
49
+ background-color: var(--jp-gray-0);
50
+ color: var(--jp-gray-50);
51
51
  }
52
52
 
53
53
  .jetpack-ai-assistant__message-severity-warning {
54
54
  background-color: #FEF8EE;
55
- color: var( --jp-gray-100 );
55
+ color: var(--jp-gray-100);
56
56
  }
57
57
 
58
58
  .jetpack-ai-assistant__message-severity-error {
59
- background-color: var( --jp-red-0 );
60
- color: var( --jp-gray-100 );
59
+ background-color: var(--jp-red-0);
60
+ color: var(--jp-gray-100);
61
61
 
62
62
  > svg {
63
- fill: var( --jp-red-40, #E65054 );
63
+ fill: var(--jp-red-40, #E65054);
64
64
  }
65
65
  }
66
66
 
67
67
  .jetpack-ai-assistant__message-severity-success {
68
- background-color: var( --jp-green-5 );
69
- color: var( --jp-gray-100 );
68
+ background-color: var(--jp-green-5);
69
+ color: var(--jp-gray-100);
70
70
 
71
71
  > svg {
72
- fill: var( --jp-green-30 );
72
+ fill: var(--jp-green-30);
73
73
  }
74
74
  }
75
75
 
@@ -79,6 +79,6 @@
79
79
  height: unset;
80
80
 
81
81
  > svg {
82
- fill: var( --jp-gray-50 );
82
+ fill: var(--jp-gray-50);
83
83
  }
84
84
  }
package/src/components/quota-exceeded-message/style.scss CHANGED
@@ -1,37 +1,37 @@
1
1
  @use '@automattic/jetpack-base-styles/style';
2
2
 
3
3
  .jetpack-upgrade-plan-banner__wrapper {
4
- column-gap: 32px;
4
+ column-gap: 32px;
5
5
  }
6
6
 
7
7
  .jetpack-upgrade-plan-banner.jetpack-ai-upgrade-banner {
8
8
 
9
- .jetpack-upgrade-plan-banner__wrapper {
9
+ .jetpack-upgrade-plan-banner__wrapper {
10
10
 
11
- .components-button.is-primary.is-busy {
12
- background: var( --jp-white );
13
- color: var( --jp-black );
14
- }
15
- }
11
+ .components-button.is-primary.is-busy {
12
+ background: var(--jp-white);
13
+ color: var(--jp-black);
14
+ }
15
+ }
16
16
  }
17
17
 
18
18
  .jetpack-ai-fair-usage-notice-muted-variant {
19
- line-height: 1.4;
20
- margin: 0;
21
- text-wrap: pretty;
22
- font-size: calc(13px);
23
- font-weight: 400;
24
- color: #757575;
25
-
26
- a {
27
- color: #757575;
28
- }
19
+ line-height: 1.4;
20
+ margin: 0;
21
+ text-wrap: pretty;
22
+ font-size: calc(13px);
23
+ font-weight: 400;
24
+ color: #757575;
25
+
26
+ a {
27
+ color: #757575;
28
+ }
29
29
  }
30
30
 
31
31
  .jetpack-ai-fair-usage-notice {
32
- color: #1E1E1E;
32
+ color: #1E1E1E;
33
33
 
34
- a {
35
- color: #1E1E1E;
36
- }
34
+ a {
35
+ color: #1E1E1E;
36
+ }
37
37
  }
package/src/logo-generator/components/generator-modal.scss CHANGED
@@ -50,7 +50,7 @@
50
50
  }
51
51
 
52
52
  .jetpack-ai-logo-generator-modal__notice-message {
53
- font-size: var( --font-body-small );
53
+ font-size: var(--font-body-small);
54
54
  }
55
55
 
56
56
  .jetpack-ai-logo-generator-modal__notice-actions {