@strapi/design-system 1.10.0 → 1.11.0

package/dist/DateTimePicker/DateTimePicker.js

@@ -23,10 +23,28 @@ const FieldError = require('../Field/FieldError.js');
 
 const _interopDefault = e => e && e.__esModule ? e : { default: e };
 
-const React__default = /*#__PURE__*/_interopDefault(React);
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespace(React);
 const styled__default = /*#__PURE__*/_interopDefault(styled);
 
-const DateTimePicker = React.forwardRef(({ 
+const DateTimePicker = React__namespace.forwardRef(({ 
 /**
  * @preserve
  * @deprecated This is no longer used.
@@ -37,7 +55,7 @@ ariaLabel: _ariaLabel, clearLabel = 'clear', dateLabel = 'Choose date', timeLabe
  * @deprecated This is no longer used.
  */
 selectButtonTitle: _selectButtonTitle, size = 'M', step, value, initialDate, ...props }, forwardedRef) => {
-    const DatePickerElement = React__default.default.useRef(null);
+    const DatePickerElement = React__namespace.useRef(null);
     const [dateValue, setDateValue] = useControllableState.useControllableState({
         defaultProp: initialDate ? convertUTCDateToCalendarDateTime(initialDate, false) : undefined,
         prop: value ? convertUTCDateToCalendarDateTime(value, false) : value ?? undefined,

package/dist/DateTimePicker/DateTimePicker.mjs

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React__default, { forwardRef } from 'react';
+import * as React from 'react';
 import { getLocalTimeZone, parseAbsoluteToLocal, toCalendarDateTime } from '@internationalized/date';
 import styled from 'styled-components';
 import { DatePickerInput } from '../DatePicker/DatePicker.mjs';
@@ -17,7 +17,7 @@ import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.mjs';
 import { FieldHint } from '../Field/FieldHint.mjs';
 import { FieldError } from '../Field/FieldError.mjs';
 
-const DateTimePicker = forwardRef(({ 
+const DateTimePicker = React.forwardRef(({ 
 /**
  * @preserve
  * @deprecated This is no longer used.
@@ -28,7 +28,7 @@ ariaLabel: _ariaLabel, clearLabel = 'clear', dateLabel = 'Choose date', timeLabe
  * @deprecated This is no longer used.
  */
 selectButtonTitle: _selectButtonTitle, size = 'M', step, value, initialDate, ...props }, forwardedRef) => {
-    const DatePickerElement = React__default.useRef(null);
+    const DatePickerElement = React.useRef(null);
     const [dateValue, setDateValue] = useControllableState({
         defaultProp: initialDate ? convertUTCDateToCalendarDateTime(initialDate, false) : undefined,
         prop: value ? convertUTCDateToCalendarDateTime(value, false) : value ?? undefined,

package/dist/IconButton/IconButton.js

@@ -52,14 +52,13 @@ const IconButton = React__namespace.forwardRef(({ label, background, borderWidth
     return label ? jsxRuntime.jsx(Tooltip.Tooltip, { label: label, children: component }) : component;
 });
 const IconButtonWrapper = styled__default.default(BaseButton.BaseButton) `
-  background: ${({ theme, variant }) => {
+  background-color: ${({ theme, variant }) => {
     if (variant === VARIANT_SECONDARY) {
         return theme.colors.primary100;
     }
     return undefined;
 }};
-  border: 1px solid
-    ${({ theme, variant }) => {
+  border-color: ${({ theme, variant }) => {
     if (variant === VARIANT_SECONDARY) {
         return theme.colors.primary200;
     }

package/dist/IconButton/IconButton.mjs

@@ -25,14 +25,13 @@ const IconButton = React.forwardRef(({ label, background, borderWidth, noBorder
     return label ? jsx(Tooltip, { label: label, children: component }) : component;
 });
 const IconButtonWrapper = styled(BaseButton) `
-  background: ${({ theme, variant }) => {
+  background-color: ${({ theme, variant }) => {
     if (variant === VARIANT_SECONDARY) {
         return theme.colors.primary100;
     }
     return undefined;
 }};
-  border: 1px solid
-    ${({ theme, variant }) => {
+  border-color: ${({ theme, variant }) => {
     if (variant === VARIANT_SECONDARY) {
         return theme.colors.primary200;
     }

package/dist/themes/colors.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/themes/colors.mjs

@@ -0,0 +1 @@
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strapi/design-system",
-  "version": "1.10.0",
+  "version": "1.11.0",
   "license": "MIT",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -28,12 +28,12 @@
   "dependencies": {
     "@codemirror/lang-json": "^6.0.1",
     "@floating-ui/react-dom": "^2.0.2",
-    "@internationalized/date": "^3.4.0",
+    "@internationalized/date": "^3.5.0",
     "@internationalized/number": "^3.2.1",
     "@radix-ui/react-dismissable-layer": "^1.0.4",
     "@radix-ui/react-dropdown-menu": "^2.0.5",
     "@radix-ui/react-focus-scope": "1.0.3",
-    "@strapi/ui-primitives": "^1.10.0",
+    "@strapi/ui-primitives": "^1.11.0",
     "@uiw/react-codemirror": "^4.21.13",
     "aria-hidden": "^1.2.3",
     "compute-scroll-into-view": "^3.0.3",
@@ -41,8 +41,8 @@
     "react-remove-scroll": "^2.5.6"
   },
   "devDependencies": {
-    "@playwright/test": "1.37.1",
-    "@strapi/icons": "^1.10.0",
+    "@playwright/test": "1.38.0",
+    "@strapi/icons": "^1.11.0",
     "@types/react-router-dom": "^5.3.3",
     "@types/styled-components": "^5.1.26",
     "axe-playwright": "^1.2.3",