cozy-ui 119.0.0 → 119.0.2

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.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ ## [119.0.2](https://github.com/cozy/cozy-ui/compare/v119.0.1...v119.0.2) (2025-03-11)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * **Cube:** Missed `ref` props ([d7c4010](https://github.com/cozy/cozy-ui/commit/d7c4010))
7
+
8
+ ## [119.0.1](https://github.com/cozy/cozy-ui/compare/v119.0.0...v119.0.1) (2025-03-11)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * **Spinner:** Missed `role` and `aria-busy` props ([f7f0894](https://github.com/cozy/cozy-ui/commit/f7f0894))
14
+
1
15
  # [119.0.0](https://github.com/cozy/cozy-ui/compare/v118.0.0...v119.0.0) (2025-03-10)
2
16
 
3
17
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cozy-ui",
3
- "version": "119.0.0",
3
+ "version": "119.0.2",
4
4
  "description": "Cozy apps UI SDK",
5
5
  "main": "./index.js",
6
6
  "bin": {
@@ -4,10 +4,10 @@ import React from 'react'
4
4
  import SvgCubeTwake from './Cube_twake'
5
5
  import { isTwakeTheme } from '../helpers/isTwakeTheme'
6
6
 
7
- function SvgCube(props) {
8
- if (isTwakeTheme()) return SvgCubeTwake(props)
7
+ function SvgCube({ iconRef, ...props }) {
8
+ if (isTwakeTheme()) return SvgCubeTwake({ iconRef, ...props })
9
9
  return (
10
- <svg viewBox="0 0 16 16" {...props}>
10
+ <svg viewBox="0 0 16 16" {...props} ref={iconRef}>
11
11
  <path d="M1 11.009V5.5c0-.55.39-.773.872-.498l5.256 3.003c.476.272.872.944.872 1.495v5.508c0 .549-.39.772-.872.497l-5.256-3.003C1.396 12.231 1 11.56 1 11.01zm15 0c0 .55-.396 1.222-.872 1.494l-5.256 3.003c-.481.275-.872.052-.872-.497V9.5c0-.55.396-1.223.872-1.495l5.256-3.003c.481-.275.872-.052.872.498v5.508zM9.35 6.982c-.47.288-1.237.284-1.7 0l-4.8-2.954c-.47-.29-.463-.732.027-.995L7.623.477c.485-.261 1.264-.264 1.754 0l4.746 2.556c.485.26.49.71.027.995l-4.8 2.954z" />
12
12
  </svg>
13
13
  )
@@ -1,9 +1,9 @@
1
1
  // Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/cube_twake.svg` to regenerate;
2
2
  import React from 'react'
3
3
 
4
- function SvgCubeTwake(props) {
4
+ function SvgCubeTwake({ iconRef, ...props }) {
5
5
  return (
6
- <svg viewBox="0 0 15 16" {...props}>
6
+ <svg viewBox="0 0 15 16" {...props} ref={iconRef}>
7
7
  <path d="M14.4 4L7.2 0 0 4v8l7.2 4 7.2-4V4zM7.2 1.832l4.728 2.624L9.52 5.792a3.213 3.213 0 00-4.64 0L2.472 4.456 7.2 1.832zm-.8 11.896l-4.8-2.664V5.808L4.104 7.2A3.193 3.193 0 006.4 11.096v2.632zM5.6 8c0-.88.72-1.6 1.6-1.6.88 0 1.6.72 1.6 1.6 0 .88-.72 1.6-1.6 1.6-.88 0-1.6-.72-1.6-1.6zM8 13.728v-2.624a3.193 3.193 0 002.4-3.096c0-.28-.032-.552-.104-.808L12.8 5.808v5.256L8 13.728z" />
8
8
  </svg>
9
9
  )
@@ -7,7 +7,7 @@ import { isTwakeTheme } from '../helpers/isTwakeTheme'
7
7
  function SvgSpinner(props) {
8
8
  if (isTwakeTheme()) return SvgSpinnerTwake(props)
9
9
  return (
10
- <svg viewBox="0 0 32 32" {...props}>
10
+ <svg viewBox="0 0 32 32" {...props} role="progressbar" aria-busy="true">
11
11
  <path
12
12
  opacity={0.25}
13
13
  d="M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24"
@@ -3,7 +3,7 @@ import React from 'react'
3
3
 
4
4
  function SvgSpinnerTwake(props) {
5
5
  return (
6
- <svg viewBox="0 0 16 16" {...props}>
6
+ <svg viewBox="0 0 16 16" {...props} role="progressbar" aria-busy="true">
7
7
  <path d="M8 16a7.74 7.74 0 01-3.1-.63 8.114 8.114 0 01-2.55-1.72A8.115 8.115 0 01.63 11.1 7.74 7.74 0 010 8c0-1.107.21-2.143.63-3.11a8.146 8.146 0 011.72-2.54A8.114 8.114 0 014.9.63 7.74 7.74 0 018 0c.227 0 .417.077.57.23.153.153.23.343.23.57a.774.774 0 01-.23.57.774.774 0 01-.57.23c-1.773 0-3.283.623-4.53 1.87C2.223 4.717 1.6 6.227 1.6 8c0 1.773.623 3.283 1.87 4.53C4.717 13.777 6.227 14.4 8 14.4c1.773 0 3.283-.623 4.53-1.87C13.777 11.283 14.4 9.773 14.4 8c0-.227.077-.417.23-.57a.774.774 0 01.57-.23c.227 0 .417.077.57.23.153.153.23.343.23.57a7.74 7.74 0 01-.63 3.1 8.115 8.115 0 01-1.72 2.55 8.146 8.146 0 01-2.54 1.72A7.72 7.72 0 018 16z" />
8
8
  </svg>
9
9
  )
@@ -1,14 +1,29 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
+ var _excluded = ["iconRef"];
5
+
6
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
7
+
8
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
9
+
2
10
  // Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/cube.svg` to regenerate
3
11
  import React from 'react';
4
12
  import SvgCubeTwake from "cozy-ui/transpiled/react/Icons/Cube_twake";
5
13
  import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
6
14
 
7
- function SvgCube(props) {
8
- if (isTwakeTheme()) return SvgCubeTwake(props);
15
+ function SvgCube(_ref) {
16
+ var iconRef = _ref.iconRef,
17
+ props = _objectWithoutProperties(_ref, _excluded);
18
+
19
+ if (isTwakeTheme()) return SvgCubeTwake(_objectSpread({
20
+ iconRef: iconRef
21
+ }, props));
9
22
  return /*#__PURE__*/React.createElement("svg", _extends({
10
23
  viewBox: "0 0 16 16"
11
- }, props), /*#__PURE__*/React.createElement("path", {
24
+ }, props, {
25
+ ref: iconRef
26
+ }), /*#__PURE__*/React.createElement("path", {
12
27
  d: "M1 11.009V5.5c0-.55.39-.773.872-.498l5.256 3.003c.476.272.872.944.872 1.495v5.508c0 .549-.39.772-.872.497l-5.256-3.003C1.396 12.231 1 11.56 1 11.01zm15 0c0 .55-.396 1.222-.872 1.494l-5.256 3.003c-.481.275-.872.052-.872-.497V9.5c0-.55.396-1.223.872-1.495l5.256-3.003c.481-.275.872-.052.872.498v5.508zM9.35 6.982c-.47.288-1.237.284-1.7 0l-4.8-2.954c-.47-.29-.463-.732.027-.995L7.623.477c.485-.261 1.264-.264 1.754 0l4.746 2.556c.485.26.49.71.027.995l-4.8 2.954z"
13
28
  }));
14
29
  }
@@ -1,11 +1,18 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
+ var _excluded = ["iconRef"];
2
4
  // Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/cube_twake.svg` to regenerate;
3
5
  import React from 'react';
4
6
 
5
- function SvgCubeTwake(props) {
7
+ function SvgCubeTwake(_ref) {
8
+ var iconRef = _ref.iconRef,
9
+ props = _objectWithoutProperties(_ref, _excluded);
10
+
6
11
  return /*#__PURE__*/React.createElement("svg", _extends({
7
12
  viewBox: "0 0 15 16"
8
- }, props), /*#__PURE__*/React.createElement("path", {
13
+ }, props, {
14
+ ref: iconRef
15
+ }), /*#__PURE__*/React.createElement("path", {
9
16
  d: "M14.4 4L7.2 0 0 4v8l7.2 4 7.2-4V4zM7.2 1.832l4.728 2.624L9.52 5.792a3.213 3.213 0 00-4.64 0L2.472 4.456 7.2 1.832zm-.8 11.896l-4.8-2.664V5.808L4.104 7.2A3.193 3.193 0 006.4 11.096v2.632zM5.6 8c0-.88.72-1.6 1.6-1.6.88 0 1.6.72 1.6 1.6 0 .88-.72 1.6-1.6 1.6-.88 0-1.6-.72-1.6-1.6zM8 13.728v-2.624a3.193 3.193 0 002.4-3.096c0-.28-.032-.552-.104-.808L12.8 5.808v5.256L8 13.728z"
10
17
  }));
11
18
  }
@@ -8,7 +8,10 @@ function SvgSpinner(props) {
8
8
  if (isTwakeTheme()) return SvgSpinnerTwake(props);
9
9
  return /*#__PURE__*/React.createElement("svg", _extends({
10
10
  viewBox: "0 0 32 32"
11
- }, props), /*#__PURE__*/React.createElement("path", {
11
+ }, props, {
12
+ role: "progressbar",
13
+ "aria-busy": "true"
14
+ }), /*#__PURE__*/React.createElement("path", {
12
15
  opacity: 0.25,
13
16
  d: "M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24"
14
17
  }), /*#__PURE__*/React.createElement("path", {
@@ -5,7 +5,10 @@ import React from 'react';
5
5
  function SvgSpinnerTwake(props) {
6
6
  return /*#__PURE__*/React.createElement("svg", _extends({
7
7
  viewBox: "0 0 16 16"
8
- }, props), /*#__PURE__*/React.createElement("path", {
8
+ }, props, {
9
+ role: "progressbar",
10
+ "aria-busy": "true"
11
+ }), /*#__PURE__*/React.createElement("path", {
9
12
  d: "M8 16a7.74 7.74 0 01-3.1-.63 8.114 8.114 0 01-2.55-1.72A8.115 8.115 0 01.63 11.1 7.74 7.74 0 010 8c0-1.107.21-2.143.63-3.11a8.146 8.146 0 011.72-2.54A8.114 8.114 0 014.9.63 7.74 7.74 0 018 0c.227 0 .417.077.57.23.153.153.23.343.23.57a.774.774 0 01-.23.57.774.774 0 01-.57.23c-1.773 0-3.283.623-4.53 1.87C2.223 4.717 1.6 6.227 1.6 8c0 1.773.623 3.283 1.87 4.53C4.717 13.777 6.227 14.4 8 14.4c1.773 0 3.283-.623 4.53-1.87C13.777 11.283 14.4 9.773 14.4 8c0-.227.077-.417.23-.57a.774.774 0 01.57-.23c.227 0 .417.077.57.23.153.153.23.343.23.57a7.74 7.74 0 01-.63 3.1 8.115 8.115 0 01-1.72 2.55 8.146 8.146 0 01-2.54 1.72A7.72 7.72 0 018 16z"
10
13
  }));
11
14
  }