@shopgate/pwa-ui-shared 7.30.3 → 7.31.0-alpha.1

package/icons/StarIcon.js

@@ -1,22 +1,13 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 /**
  * The star icon component
- * @param {Object} props The icon component properties.
- * @returns {JSX}
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const Star = props => /*#__PURE__*/_jsx(Icon, {
   content: themeConfig.icons.star,
   ...props
 });
-Star.defaultProps = {
-  className: '',
-  color: null,
-  viewBox: '0 0 24 24',
-  size: 'inherit'
-};
 export default Star;

package/icons/StarOutlineIcon.d.ts

@@ -0,0 +1,7 @@
+import type { IconProps } from '@shopgate/pwa-common/components/Icon';
+/**
+ * The star-outline icon component.
+ */
+declare const StarOutline: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+export default StarOutline;
+//# sourceMappingURL=StarOutlineIcon.d.ts.map

package/icons/StarOutlineIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarOutlineIcon.d.ts","sourceRoot":"","sources":["../../icons/StarOutlineIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,WAAW,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAE/D,eAAe,WAAW,CAAC"}

package/icons/StarOutlineIcon.js

@@ -4,8 +4,6 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 /**
  * The star-outline icon component.
- * @param {Object} props The icon component properties.
- * @returns {JSX}
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const StarOutline = props => /*#__PURE__*/_jsx(Icon, {

package/icons/StopIcon.d.ts

@@ -0,0 +1,7 @@
+import type { IconProps } from '@shopgate/pwa-common/components/Icon';
+/**
+ * The stop icon component.
+ */
+declare const StopIcon: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+export default StopIcon;
+//# sourceMappingURL=StopIcon.d.ts.map

package/icons/StopIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StopIcon.d.ts","sourceRoot":"","sources":["../../icons/StopIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,QAAQ,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACI,CAAC;AAExD,eAAe,QAAQ,CAAC"}

package/icons/StopIcon.js

@@ -4,8 +4,6 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 /**
  * The stop icon component.
- * @param {Object} props The icon component properties.
- * @returns {JSX}
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const StopIcon = props => /*#__PURE__*/_jsx(Icon, {

package/icons/TickIcon.d.ts

@@ -0,0 +1,7 @@
+import type { IconProps } from '@shopgate/pwa-common/components/Icon';
+/**
+ * The tick icon component.
+ */
+declare const Tick: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+export default Tick;
+//# sourceMappingURL=TickIcon.d.ts.map

package/icons/TickIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TickIcon.d.ts","sourceRoot":"","sources":["../../icons/TickIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,IAAI,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAExD,eAAe,IAAI,CAAC"}

package/icons/TickIcon.js

@@ -4,8 +4,6 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 /**
  * The tick icon component.
- * @param {Object} props The icon component properties.
- * @returns {JSX}
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const Tick = props => /*#__PURE__*/_jsx(Icon, {

package/icons/TimeIcon.d.ts

@@ -0,0 +1,7 @@
+import type { IconProps } from '@shopgate/pwa-common/components/Icon';
+/**
+ * The time icon component.
+ */
+declare const TimeIcon: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+export default TimeIcon;
+//# sourceMappingURL=TimeIcon.d.ts.map

package/icons/TimeIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeIcon.d.ts","sourceRoot":"","sources":["../../icons/TimeIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAMtE;;GAEG;AACH,QAAA,MAAM,QAAQ,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACe,CAAC;AAEnE,eAAe,QAAQ,CAAC"}

package/icons/TimeIcon.js

@@ -8,8 +8,6 @@ const content = '<path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 2
 
 /**
  * The time icon component.
- * @param {Object} props The component properties.
- * @returns {JSX}
  */
 const TimeIcon = props => /*#__PURE__*/_jsx(Icon, {
   content: themeConfig.icons.time || content,

package/icons/TrashIcon.d.ts

@@ -0,0 +1,7 @@
+import type { IconProps } from '@shopgate/pwa-common/components/Icon';
+/**
+ * The trash icon component.
+ */
+declare const Trash: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+export default Trash;
+//# sourceMappingURL=TrashIcon.d.ts.map

package/icons/TrashIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrashIcon.d.ts","sourceRoot":"","sources":["../../icons/TrashIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,KAAK,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAEzD,eAAe,KAAK,CAAC"}

package/icons/TrashIcon.js

@@ -1,11 +1,8 @@
-import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 /**
  * The trash icon component.
- * @param {Object} props The icon component properties.
- * @returns {JSX}
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const Trash = props => /*#__PURE__*/_jsx(Icon, {

package/icons/TrashOutlineIcon.d.ts

@@ -0,0 +1,8 @@
+import type { IconProps } from '@shopgate/pwa-common/components/Icon';
+/**
+ * The trash outline icon component.
+ * @link https://fonts.google.com/icons?selected=Material+Icons:delete_outline:&icon.query=trash
+ */
+declare const TrashOutline: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+export default TrashOutline;
+//# sourceMappingURL=TrashOutlineIcon.d.ts.map

package/icons/TrashOutlineIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrashOutlineIcon.d.ts","sourceRoot":"","sources":["../../icons/TrashOutlineIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAKtE;;;GAGG;AACH,QAAA,MAAM,YAAY,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CAGrD,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/icons/TrashOutlineIcon.js

@@ -7,8 +7,6 @@ const fallback = '<path d="M0 0h24v24H0V0z" fill="none"/><path d="M6 19c0 1.1.9
 /**
  * The trash outline icon component.
  * @link https://fonts.google.com/icons?selected=Material+Icons:delete_outline:&icon.query=trash
- * @param {Object} props The icon component properties.
- * @returns {JSX}
  */
 const TrashOutline = props => /*#__PURE__*/_jsx(Icon, {
   content: themeConfig.icons.trashOutline || fallback,

package/icons/UncheckedIcon.d.ts

@@ -0,0 +1,7 @@
+import type { IconProps } from '@shopgate/pwa-common/components/Icon';
+/**
+ * The unchecked icon component.
+ */
+declare const Unchecked: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+export default Unchecked;
+//# sourceMappingURL=UncheckedIcon.d.ts.map

package/icons/UncheckedIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncheckedIcon.d.ts","sourceRoot":"","sources":["../../icons/UncheckedIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,SAAS,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAE7D,eAAe,SAAS,CAAC"}

package/icons/UncheckedIcon.js

@@ -4,8 +4,6 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 /**
  * The unchecked icon component.
- * @param {Object} props The icon component properties.
- * @returns {JSX}
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const Unchecked = props => /*#__PURE__*/_jsx(Icon, {

package/icons/ViewListIcon.d.ts

@@ -0,0 +1,7 @@
+import type { IconProps } from '@shopgate/pwa-common/components/Icon';
+/**
+ * The view list icon component.
+ */
+declare const ViewList: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+export default ViewList;
+//# sourceMappingURL=ViewListIcon.d.ts.map

package/icons/ViewListIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewListIcon.d.ts","sourceRoot":"","sources":["../../icons/ViewListIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,QAAQ,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAE5D,eAAe,QAAQ,CAAC"}

package/icons/ViewListIcon.js

@@ -4,8 +4,6 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 /**
  * The view list icon component.
- * @param {Object} props The icon component properties.
- * @returns {JSX}
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const ViewList = props => /*#__PURE__*/_jsx(Icon, {

package/icons/VisibilityIcon.d.ts

@@ -0,0 +1,8 @@
+import type { IconProps } from '@shopgate/pwa-common/components/Icon';
+/**
+ * The visibility icon component.
+ * https://material.io/tools/icons/?icon=visibility&style=baseline
+ */
+declare const VisibilityIcon: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+export default VisibilityIcon;
+//# sourceMappingURL=VisibilityIcon.d.ts.map

package/icons/VisibilityIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityIcon.d.ts","sourceRoot":"","sources":["../../icons/VisibilityIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;;GAGG;AACH,QAAA,MAAM,cAAc,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACI,CAAC;AAE9D,eAAe,cAAc,CAAC"}

package/icons/VisibilityIcon.js

@@ -3,10 +3,8 @@ import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 /**
- * @link https://material.io/tools/icons/?icon=visibility&style=baseline
- *
- * @param {Object} props The icon component properties.
- * @returns {JSX}
+ * The visibility icon component.
+ * https://material.io/tools/icons/?icon=visibility&style=baseline
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const VisibilityIcon = props => /*#__PURE__*/_jsx(Icon, {

package/icons/VisibilityOffIcon.d.ts

@@ -0,0 +1,8 @@
+import type { IconProps } from '@shopgate/pwa-common/components/Icon';
+/**
+ * The visibility off icon component.
+ * https://material.io/tools/icons/?icon=visibility_off&style=baseline
+ */
+declare const VisibilityOffIcon: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+export default VisibilityOffIcon;
+//# sourceMappingURL=VisibilityOffIcon.d.ts.map

package/icons/VisibilityOffIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityOffIcon.d.ts","sourceRoot":"","sources":["../../icons/VisibilityOffIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;;GAGG;AACH,QAAA,MAAM,iBAAiB,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACI,CAAC;AAEjE,eAAe,iBAAiB,CAAC"}

package/icons/VisibilityOffIcon.js

@@ -3,10 +3,8 @@ import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 /**
- * @link https://material.io/tools/icons/?icon=visibility_off&style=baseline
- *
- * @param {Object} props The icon component properties.
- * @returns {JSX}
+ * The visibility off icon component.
+ * https://material.io/tools/icons/?icon=visibility_off&style=baseline
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const VisibilityOffIcon = props => /*#__PURE__*/_jsx(Icon, {

package/icons/WarningIcon.d.ts

@@ -0,0 +1,7 @@
+import type { IconProps } from '@shopgate/pwa-common/components/Icon';
+/**
+ * The warning icon component.
+ */
+declare const WarningIcon: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+export default WarningIcon;
+//# sourceMappingURL=WarningIcon.d.ts.map

package/icons/WarningIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WarningIcon.d.ts","sourceRoot":"","sources":["../../icons/WarningIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,WAAW,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACI,CAAC;AAE3D,eAAe,WAAW,CAAC"}

package/icons/WarningIcon.js

@@ -3,9 +3,7 @@ import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 /**
- * The stop icon component.
- * @param {Object} props The icon component properties.
- * @returns {JSX}
+ * The warning icon component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const WarningIcon = props => /*#__PURE__*/_jsx(Icon, {

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@shopgate/pwa-ui-shared",
-  "version": "7.30.3",
+  "version": "7.31.0-alpha.1",
   "description": "Shopgate's shared UI components.",
   "main": "index.js",
   "license": "Apache-2.0",
   "dependencies": {
-    "@shopgate/pwa-ui-ios": "7.30.3",
-    "@shopgate/pwa-ui-material": "7.30.3"
+    "@shopgate/pwa-ui-ios": "7.31.0-alpha.1",
+    "@shopgate/pwa-ui-material": "7.31.0-alpha.1"
   },
   "devDependencies": {
-    "@shopgate/pwa-common": "7.30.3",
-    "@shopgate/pwa-common-commerce": "7.30.3",
+    "@shopgate/pwa-common": "7.31.0-alpha.1",
+    "@shopgate/pwa-common-commerce": "7.31.0-alpha.1",
     "classnames": "2.5.1",
     "react": "^17.0.2"
   },

package/tsconfig.build.json

@@ -0,0 +1,16 @@
+{
+  "extends": "@shopgate/engage/tsconfig.build.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "rootDir": "."
+  },
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": [
+    "dist",
+    "node_modules",
+    "**/*.spec.*",
+    "**/__tests__/**",
+    "**/__snapshots__/**",
+    "coverage"
+  ]
+}

package/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "@shopgate/engage/tsconfig.json",
+}

package/ActionButton/style.js

@@ -1,22 +0,0 @@
-import { css } from 'glamor';
-import { themeConfig } from '@shopgate/pwa-common/helpers/config';
-const halfGapBig = themeConfig.variables.gap.big / 2;
-const containerBase = {
-  textAlign: 'center'
-};
-const container = css({
-  ...containerBase,
-  margin: `${halfGapBig}px 0`
-}).toString();
-const noGapContainer = css({
-  ...containerBase
-}).toString();
-const containerCircle = css({
-  ...containerBase,
-  margin: `${halfGapBig + 5}px 0`
-}).toString();
-export default {
-  container,
-  containerCircle,
-  noGapContainer
-};

package/AddToCartButton/style.js

@@ -1,148 +0,0 @@
-import { css } from 'glamor';
-import spring from 'css-spring';
-import { themeConfig } from '@shopgate/pwa-common/helpers/config';
-const options = {
-  stiffness: 381.47,
-  damping: 15
-};
-const buttonSize = 40;
-const iconSize = 20;
-
-/**
- * Keyframe animations to create spring animation.
- * spring(..) automatically calculates all steps for the keyframe animation.
- */
-const springFromTopKeyframes = css.keyframes(spring({
-  transform: 'translate3d(0, 300%, 0)'
-}, {
-  transform: 'translate3d(0, -50%, 0)'
-}, options));
-const springFromBottomKeyframes = css.keyframes(spring({
-  transform: 'translate3d(0, -300%, 0)'
-}, {
-  transform: 'translate3d(0, -50%, 0)'
-}, options));
-const springToTopKeyframes = css.keyframes(spring({
-  transform: 'translate3d(0, -50%, 0)'
-}, {
-  transform: 'translate3d(0, 300%, 0)'
-}, options));
-const springToBottomKeyframes = css.keyframes(spring({
-  transform: 'translate3d(0, -50%, 0)'
-}, {
-  transform: 'translate3d(0, -300%, 0)'
-}, options));
-const springFromBottom = css({
-  animation: `${springFromBottomKeyframes} 600ms`
-}).toString();
-const springFromTop = css({
-  animation: `${springFromTopKeyframes} 600ms`
-}).toString();
-const springToTop = css({
-  animation: `${springToTopKeyframes} 600ms`
-}).toString();
-const springToBottom = css({
-  animation: `${springToBottomKeyframes} 600ms`
-}).toString();
-
-/**
- * Circular button and container for the icons.
- * Default styles.
- * @param {number} bSize Size of the button.
- * @param {number} iSize Size of the icon.
- * @return {string} Class name
- */
-const buttonWrapperDefault = (bSize, iSize) => ({
-  transition: 'background 450ms cubic-bezier(0.4, 0.0, 0.2, 1)',
-  borderRadius: '50%',
-  width: bSize,
-  height: bSize,
-  position: 'relative',
-  fontSize: iSize,
-  outline: 0,
-  paddingLeft: (bSize - iSize) / 2,
-  paddingRight: (bSize - iSize) / 2,
-  zIndex: 2,
-  // Prevents the icons to be visible outside of the circle
-  overflow: 'hidden',
-  flexShrink: 0
-});
-/**
- * Circular button and container for the icons.
- * @param {number} bSize Size of the button.
- * @param {number} iSize Size of the icon.
- * @return {string} Class name
- */
-const buttonWrapper = (bSize, iSize) => css({
-  ...buttonWrapperDefault(bSize, iSize)
-}).toString();
-
-/**
- * Circular button and container for the icons.
- * Without shadow.
- * @param {number} bSize Size of the button.
- * @param {number} iSize Size of the icon.
- * @return {string} Class name
- */
-const buttonWrapperNoShadow = (bSize, iSize) => css({
-  ...buttonWrapperDefault(bSize, iSize)
-}).toString();
-
-/**
- * Styling that is applied to the button when cart icon is shown.
- */
-const buttonReady = css({
-  background: `var(--color-button-cta, ${themeConfig.colors.cta})`,
-  color: `var(--color-button-cta-contrast, ${themeConfig.colors.ctaContrast})`
-}).toString();
-
-/**
- * Styling that is applied to the button when checkmark is shown.
- */
-const buttonSuccess = css({
-  background: `var(--color-button-cta-contrast, ${themeConfig.colors.ctaContrast})`,
-  color: `var(--color-button-cta, ${themeConfig.colors.cta})`
-}).toString();
-
-/**
- * Styling that is applied to the button when it is disabled.
- */
-const buttonDisabled = css({
-  background: themeConfig.colors.shade5,
-  color: `var(--color-button-cta-contrast, ${themeConfig.colors.ctaContrast})`,
-  boxShadow: themeConfig.shadows.buttons.disabled
-}).toString();
-
-/**
- * Basic icon style that is always applied to all icons.
- */
-const icon = css({
-  transition: 'opacity 450ms cubic-bezier(0.4, 0.0, 0.2, 1)',
-  opacity: 1,
-  position: 'absolute'
-}).toString();
-
-/**
- * Icon style that is applied only to the spinner icon.
- */
-const spinnerIcon = css({
-  left: '50%',
-  top: '50%',
-  marginTop: -themeConfig.variables.loadingIndicator.size / 2,
-  marginLeft: -themeConfig.variables.loadingIndicator.size / 2
-}).toString();
-export default {
-  buttonWrapper,
-  buttonWrapperNoShadow,
-  buttonReady,
-  buttonSuccess,
-  buttonDisabled,
-  buttonSize,
-  icon,
-  iconSize,
-  spinnerIcon,
-  springFromBottom,
-  springFromTop,
-  springToBottom,
-  springToTop
-};

package/Availability/style.js

@@ -1,19 +0,0 @@
-import { css } from 'glamor';
-import { themeConfig } from '@shopgate/pwa-common/helpers/config';
-const stateOk = css({
-  fontSize: '0.875rem',
-  color: `var(--color-state-ok, ${themeConfig.colors.success})`
-}).toString();
-const stateWarning = css({
-  fontSize: '0.875rem',
-  color: `var(--color-state-warning, ${themeConfig.colors.warning})`
-}).toString();
-const stateAlert = css({
-  fontSize: '0.875rem',
-  color: `var(--color-state-alert, ${themeConfig.colors.error})`
-}).toString();
-export default {
-  stateOk,
-  stateWarning,
-  stateAlert
-};