@canonical/react-components 2.7.7 → 2.7.9

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.
@@ -2,7 +2,7 @@
2
2
 
3
3
  .toast-animate {
4
4
  position: relative;
5
- z-index: 101;
5
+ z-index: 105;
6
6
  }
7
7
 
8
8
  .toast-notification,
@@ -96,7 +96,7 @@
96
96
  display: flex;
97
97
  padding: $spv--medium 0;
98
98
  padding-right: 0.5rem;
99
- width: fit-content;
99
+ width: inherit;
100
100
  }
101
101
 
102
102
  .progress-line {
@@ -190,7 +190,11 @@ const HorizontalOptional = exports.HorizontalOptional = {
190
190
  };
191
191
  const VerticalSelected = exports.VerticalSelected = {
192
192
  name: "Vertical variant: Selected step",
193
- render: () => /*#__PURE__*/_react.default.createElement(_Stepper.default, {
193
+ render: () => /*#__PURE__*/_react.default.createElement("div", {
194
+ style: {
195
+ width: "50%"
196
+ }
197
+ }, /*#__PURE__*/_react.default.createElement(_Stepper.default, {
194
198
  steps: [/*#__PURE__*/_react.default.createElement(_Step.default, {
195
199
  key: "Vertical Selected Step 1",
196
200
  title: "Step 1",
@@ -235,7 +239,7 @@ const VerticalSelected = exports.VerticalSelected = {
235
239
  label: "Optional label",
236
240
  handleClick: () => {}
237
241
  })]
238
- })
242
+ }))
239
243
  };
240
244
  const HorizontalSelected = exports.HorizontalSelected = {
241
245
  name: "Horizontal variant: Selected step",
@@ -2,7 +2,7 @@
2
2
 
3
3
  .toast-animate {
4
4
  position: relative;
5
- z-index: 101;
5
+ z-index: 105;
6
6
  }
7
7
 
8
8
  .toast-notification,
@@ -96,7 +96,7 @@
96
96
  display: flex;
97
97
  padding: $spv--medium 0;
98
98
  padding-right: 0.5rem;
99
- width: fit-content;
99
+ width: inherit;
100
100
  }
101
101
 
102
102
  .progress-line {
@@ -183,7 +183,11 @@ export var HorizontalOptional = {
183
183
  };
184
184
  export var VerticalSelected = {
185
185
  name: "Vertical variant: Selected step",
186
- render: () => /*#__PURE__*/React.createElement(Stepper, {
186
+ render: () => /*#__PURE__*/React.createElement("div", {
187
+ style: {
188
+ width: "50%"
189
+ }
190
+ }, /*#__PURE__*/React.createElement(Stepper, {
187
191
  steps: [/*#__PURE__*/React.createElement(Step, {
188
192
  key: "Vertical Selected Step 1",
189
193
  title: "Step 1",
@@ -228,7 +232,7 @@ export var VerticalSelected = {
228
232
  label: "Optional label",
229
233
  handleClick: () => {}
230
234
  })]
231
- })
235
+ }))
232
236
  };
233
237
  export var HorizontalSelected = {
234
238
  name: "Horizontal variant: Selected step",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@canonical/react-components",
3
- "version": "2.7.7",
3
+ "version": "2.7.9",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "author": {
@@ -93,7 +93,7 @@
93
93
  "tsc-alias": "1.8.10",
94
94
  "typescript": "5.7.3",
95
95
  "typescript-eslint": "8.24.1",
96
- "vanilla-framework": "4.24.1",
96
+ "vanilla-framework": "4.25.0",
97
97
  "wait-on": "8.0.2",
98
98
  "webpack": "5.98.0"
99
99
  },