@sapudex/web-components 0.225.0 → 2.0.0

package/src/themes/Slider.css

@@ -1,26 +1,32 @@
 :host {
-  --udex-slider-color-track-start-point: var(
-    --sapSlider_Selected_Background,
-    #0070f2
-  );
-  --udex-slider-color-track-active: var(
-    --sapSlider_Selected_Background,
-    #0070f2
-  );
-  --udex-slider-color-handle-focus-range: var(
-    --sapSlider_Selected_BorderColor,
-    #0070f2
-  );
-  --udex-slider-color-handle-active-background: var(
-    --sapSlider_Active_HandleBackground,
-    #ffffff
-  );
-  --udex-slider-color-handle-default-icon: var(
-    --sapContent_Selected_ForegroundColor,
-    #0040b0
-  );
-
-  --udex-slider-radius-range-size: var(---udexRadiusM, 0.5rem);
+  --udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);
+  --udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);
+  --udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);
+  --udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);
+  --udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);
+  --udex-slider-radius-range-size: var(--udexRadiusM, 8px);
+  --udex-slider-handle-width: 2.75rem;
+  --udex-slider-handle-top: -0.875rem;
+  --udex-slider-handle-height: var(--udexSpacer32, 2rem);
+  --udex-slider-start-end-point-left: -0.875rem;
+  --udex-slider-start-end-point-right: -0.875rem;
+  --udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);
+  --udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);
+  --udex-slider-tooltip-bottom: 2.5rem;
+  --udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);
+  --udex-slider-tooltip-border-radius: var(--udexSpacer4, 0.25rem);
+  --udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);
+  --udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);
+  --udex-slider-tooltip-height: var(--udexSpacer32, 2rem);
+  --udex-slider-tooltip-min-width: 2.75rem;
+  --udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);
+  --udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);
+  --udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);
+  --udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);
+  --udex-slider-progress-focus-top: -1.18rem;
+  --udex-slider-progress-focus-left: calc(-1 * (2.75rem / 2) - 5px);
+  --udex-slider-progress-focus-height: 42px;
+  --udex-slider-progress-focus-width: calc(100% + 2.75rem + 10px);
 }
 
 :host {
@@ -43,6 +49,11 @@
 .ui5-slider-progress:focus::after {
   border: 2px solid var(--udex-slider-color-handle-focus-range);
   border-radius: var(--udex-slider-radius-range-size);
+  top: var(--udex-slider-progress-focus-top);
+  height: var(--udex-slider-progress-focus-height);
+  width: var(--udex-slider-progress-focus-width);
+  left: var(--udex-slider-progress-focus-left);
+
 }
 
 :host([desktop]) .ui5-slider-handle:focus,
@@ -63,3 +74,56 @@
 [slider-icon] {
   color: var(--udex-slider-color-handle-default-icon);
 }
+.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,
+.ui5-slider-handle:focus {
+  border: var(--udex-slider-handle-focus-border);
+}
+
+.ui5-slider-labels li {
+  color: var(--udex-slider-label-color);
+}
+
+.ui5-slider-tickmarks li {
+  border-inline-start: 1px solid var(--udex-slider-tickmark-bg);
+}
+
+.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range {
+  border-inline-start: 1px solid var(--udex-slider-tickmark-in-range-bg);
+}
+
+:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip {
+  bottom: var(--udex-slider-tooltip-bottom);
+  border: var(--udex-slider-tooltip-border);
+  border-radius: var(--udex-slider-tooltip-border-radius);
+  font-size: var(--udex-slider-tooltip-font-size);
+  color: var(--udex-slider-tooltip-color);
+  height: var(--udex-slider-tooltip-height);
+  min-width: var(--udex-slider-tooltip-min-width);
+}
+
+[slider-icon] {
+  width: var(--udex-slider-handle-icon-size);
+  height: var(--udex-slider-handle-icon-size);
+}
+
+.ui5-slider-progress-container:after {
+  background-color: var(--udex-slider-progress-after-background);
+}
+
+.ui5-slider-progress-container:before {
+  inset-inline-start: var(--udex-slider-start-end-point-left);
+}
+
+.ui5-slider-progress-container:after {
+  inset-inline-end: var(--udex-slider-start-end-point-right);
+}
+
+.ui5-slider-handle-container {
+  margin-inline-start: calc(-1 * var(--udex-slider-handle-width) / 2);
+  top: var(--udex-slider-handle-top);
+}
+
+.ui5-slider-handle {
+  height: var(--udex-slider-handle-height);
+  width: var(--udex-slider-handle-width);
+}

package/src/themes/TagGroup.css

@@ -1,3 +1,7 @@
+.udex-tag-group {
+  width: 100%;
+}
+
 .udex-tag-group__tokenizer {
   border: none;
   width: 100%;

package/src/themes/TextArea.css

@@ -128,54 +128,54 @@
   border-radius: var(--udexRadiusS, 6px);
 }
 
-:host([field-state="Warning"]) .udex-textarea__field {
+:host([value-state="Warning"]) .udex-textarea__field {
   background-color: var(--udex-textarea-color-warning-default-background);
   border-color: var(--udex-textarea-color-warning-default-border);
 }
 
-:host([field-state="Warning"]) .udex-textarea__label--active {
+:host([value-state="Warning"]) .udex-textarea__label--active {
   background: linear-gradient(var(--udex-textarea-color-label-background) 65%, var(--udex-textarea-color-warning-default-background) 35%);
 }
 
-:host([field-state="Warning"]) .udex-textarea__field:hover {
+:host([value-state="Warning"]) .udex-textarea__field:hover {
   border-color: var(--udex-textarea-color-warning-hover-border);
 }
 
-:host([field-state="Warning"]) .udex-textarea__field:focus {
+:host([value-state="Warning"]) .udex-textarea__field:focus {
   border-color: var(--udex-textarea-color-warning-actives-border);
 }
 
-:host([field-state="Error"]) .udex-textarea__field {
+:host([value-state="Error"]) .udex-textarea__field {
   background-color: var(--udex-textarea-color-error-default-background);
   border-color: var(--udex-textarea-color-error-default-border);
 }
 
-:host([field-state="Error"]) .udex-textarea__label--active {
+:host([value-state="Error"]) .udex-textarea__label--active {
   background: linear-gradient(var(--udex-textarea-color-label-background) 65%, var(--udex-textarea-color-error-default-background) 35%);
 }
 
-:host([field-state="Error"]) .udex-textarea__field:hover {
+:host([value-state="Error"]) .udex-textarea__field:hover {
   border-color: var(--udex-textarea-color-error-hover-border);
 }
 
-:host([field-state="Error"]) .udex-textarea__field:focus {
+:host([value-state="Error"]) .udex-textarea__field:focus {
   border-color: var(--udex-textarea-color-error-actives-border);
 }
 
-:host([field-state="Success"]) .udex-textarea__field {
+:host([value-state="Success"]) .udex-textarea__field {
   background-color: var(--udex-textarea-color-success-default-background);
   border-color: var(--udex-textarea-color-success-default-border);
 }
 
-:host([field-state="Success"]) .udex-textarea__label--active {
+:host([value-state="Success"]) .udex-textarea__label--active {
   background: linear-gradient(var(--udex-textarea-color-label-background) 65%, var(--udex-textarea-color-success-default-background) 35%);
 }
 
-:host([field-state="Success"]) .udex-textarea__field:hover {
+:host([value-state="Success"]) .udex-textarea__field:hover {
   border-color: var(--udex-textarea-color-success-hover-border);
 }
 
-:host([field-state="Success"]) .udex-textarea__field:focus {
+:host([value-state="Success"]) .udex-textarea__field:focus {
   border-color: var(--udex-textarea-color-success-actives-border);
 }
 
@@ -237,15 +237,15 @@
   border: 2px solid var(--udex-textarea-color-standard-default-background);
 }
 
-:host([field-state="Warning"]) .udex-textarea__field::-webkit-scrollbar-thumb {
+:host([value-state="Warning"]) .udex-textarea__field::-webkit-scrollbar-thumb {
   border: 2px solid var(--udex-textarea-color-warning-default-background);
 }
 
-:host([field-state="Error"]) .udex-textarea__field::-webkit-scrollbar-thumb {
+:host([value-state="Error"]) .udex-textarea__field::-webkit-scrollbar-thumb {
   border: 2px solid var(--udex-textarea-color-error-default-background);
 }
 
-:host([field-state="Success"]) .udex-textarea__field::-webkit-scrollbar-thumb {
+:host([value-state="Success"]) .udex-textarea__field::-webkit-scrollbar-thumb {
   border: 2px solid var(--udex-textarea-color-success-default-background);
 }
 

package/src/themes/Tile.css

@@ -19,6 +19,13 @@
   --udex-tile-radius: var(--udexRadiusL, 12px);
 }
 
+:host {
+  font-size: var(--udexTypographyBodySFontSize);
+  font-family: var(--sapFontFamily);
+  font-weight: var(--udexTypographyFontWeightRegular);
+  line-height: var(--udexTypographyBodyLineHeight);
+}
+
 .udex-tile {
   border-radius: var(--udex-tile-radius);
   background: var(--udex-tile-color-generic-default-background);

package/src/themes/Toast.css

@@ -6,11 +6,22 @@
   --udex-toast-border-color: var(--udexColorGrey3, #D5DADD);
   --udex-toast-close-icon-color: var(--udexColorGrey7, #475E75);
   --udex-toast-status-icon-size: var(--udexCoreSizeIconInput, 18px);
+  --udex-toast-vertical-offset: 2.5rem;
+  --udex-toast-background:var(--udexColorNeutralWhite, #FFF);
+  --udex-toast-shadow:var(--sapContent_Shadow2, #0px 10px 30px 0px rgba(34, 54, 73, 0.25));
+}
 
+:host {
+  background: var(--udex-toast-background);
+  box-shadow: var(--udex-toast-shadow);
   border: var(--udex-toast-border-width) solid var(--udex-toast-border-color);
   padding: 0;
 }
 
+:host([placement="BottomCenter"]) {
+  bottom: var(--udex-toast-vertical-offset);
+}
+
 :host([desktop]) .udex-toast:focus,
 .udex-toast:focus-visible {
   outline: var(--udexSpacer2, 2px) solid var(--udexColorBlue9, #0040B0);
@@ -24,6 +35,7 @@
   border-radius: inherit;
   line-height: var(--udex-toast-text-line-height);
   font-size: var(--udexTypographyBodyXSFontSize, 14px);
+  color: var(--udex-toast-color);
   --sapFontSize: var(--udex-toast-font-size);
 }
 

package/src/themes/Tooltip.css

@@ -1,12 +1,13 @@
+:host {
+  --udex-tooltip-background-color: var(--udexColorNeutralWhite, #fff);
+  --udex-tooltip-border-color: var(--udexColorGrey4, var(--udexColorGrey4));
+  --udex-tooltip-box-shadow: var(--sapContent_Shadow0, 0px 2px 4px 0px rgba(34, 54, 73, 0.2));
+}
+
 :host {
   font-family: var(--sapFontFamily, sans-serif);
   font-size: var(--sapFontSize, 16px);
   color: var(--udexColorGrey9, #223548);
-  --udex-tooltip-background-color: var(--udexColorNeutralWhite, #fff);
-  --udex-tooltip-border-color: var(--udexColorGrey4,
-      var(--udexColorGrey4));
-  --udex-tooltip-box-shadow: var(--sapContent_Shadow0,
-      0px 2px 4px 0px rgba(34, 54, 73, 0.2));
 }
 
 .udex-tooltip__pane {

package/src/themes/WizardTab.css

@@ -36,7 +36,7 @@
 
 /* disabled state */
 :host([disabled]) .ui5-wiz-step-number,
-:host([disabled]) .ui5-wiz-step-icon {
+:host([disabled]) .ui5-wiz-step-icon-circle {
     color: var(--udex-wizard-disabled-number-color);
 }
 
@@ -51,8 +51,8 @@
 }
 
 /* completed state */
-:host([completed]:not([selected])) .ui5-wiz-step-number,
-:host([completed]:not([selected])) .ui5-wiz-step-icon {
+:host([completed]) .ui5-wiz-step-number,
+:host([completed]) .ui5-wiz-step-icon-circle {
     color: var(--udex-wizard-completed-number-color);
 }
 

package/src/types/BadgeDesign.ts

@@ -1,17 +1,30 @@
-export enum TextBadgeDesign{
-  Error = "Error",
-  Info = "Info",
-  Success = "Success",
+export enum UDExTextBadgeDesign{
+  Negative = "Negative",
+  Information = "Information",
+  Positive = "Positive",
   Warning = "Warning",
   Neutral = "Neutral",
 }
 
-export enum NumberBadgeDesign{
+export enum UDExNumberBadgeDesign{
   Blue = "Blue",
   Red = "Red",
-  White = "White",
   Neutral = "Neutral",
 }
 
-export const textBadgeOptions = [TextBadgeDesign.Error, TextBadgeDesign.Info, TextBadgeDesign.Neutral, TextBadgeDesign.Success, TextBadgeDesign.Warning];
-export const numberBadgeOptions = [NumberBadgeDesign.Blue, NumberBadgeDesign.Red, NumberBadgeDesign.Neutral];
+export enum UDExSizeBadgeDesign {
+  Medium = "Medium",
+  Small = "Small",
+}
+
+export enum UDExTypeBadgeDesign {
+  Text = "Text",
+  Number = "Number",
+}
+
+export const textBadgeOptions = [UDExTextBadgeDesign.Negative, UDExTextBadgeDesign.Information, UDExTextBadgeDesign.Neutral, UDExTextBadgeDesign.Positive, UDExTextBadgeDesign.Warning];
+export const numberBadgeOptions = [UDExNumberBadgeDesign.Blue, UDExNumberBadgeDesign.Red, UDExNumberBadgeDesign.Neutral];
+
+export const sizeBadgeOptions = [UDExSizeBadgeDesign.Medium, UDExSizeBadgeDesign.Small];
+
+export const typeBadgeOptions = [UDExTypeBadgeDesign.Text, UDExTypeBadgeDesign.Number];

package/src/types/Button.ts

@@ -0,0 +1,31 @@
+export enum UDExButtonDesign {
+  Primary = "Primary",
+  Secondary = "Secondary",
+  Tertiary = "Tertiary",
+  Invisible = "Invisible",
+  Positive = "Positive",
+  Warning = "Warning",
+  Negative = "Negative",
+  Emphasized = "Emphasized",
+  Default = "Default",
+  Transparent = "Transparent",
+  Attention = "Attention",
+}
+
+export enum UDExButtonSize {
+  Small = "Small",
+  Medium = "Medium",
+  Large = "Large",
+}
+
+export enum UDExButtonAccessibleRole {
+  Link = "Link",
+  Button = "Button",
+}
+
+export enum UDExControlButtonDesign {
+  Default = "Default",
+  Success = "Success",
+  Error = "Error",
+  Warning = "Warning",
+}

package/src/types/Checkbox.ts

@@ -0,0 +1,7 @@
+export enum UDExCheckboxValueState {
+  None = "None",
+  Success = "Success",
+  Error = "Error",
+}
+
+export default UDExCheckboxValueState;

package/src/types/Dropdown.ts

@@ -1,13 +1,12 @@
-export enum PlacementType {
-  Left = "Left",
-  Right = "Right",
-  Top = "Top",
-  Bottom = "Bottom",
-}
-
-export enum HorizontalAlign {
-  Center = "Center",
-  Left = "Left",
-  Right = "Right",
-  Stretch = "Stretch",
-}
+import PopoverHorizontalAlign from "@ui5/webcomponents/dist/types/PopoverHorizontalAlign.js";
+import PopoverVerticalAlign from "@ui5/webcomponents/dist/types/PopoverVerticalAlign.js";
+import PopoverPlacement from "@ui5/webcomponents/dist/types/PopoverPlacement.js";
+import PopupAccessibleRole from "@ui5/webcomponents/dist/types/PopupAccessibleRole.js";
+
+export { PopoverPlacement as Placement };
+
+export { PopoverHorizontalAlign as HorizontalAlign };
+
+export { PopoverVerticalAlign as VerticalAlign };
+
+export { PopupAccessibleRole as DropdownAccessibleRole };

package/src/types/FileUploadState.ts

@@ -1,7 +1,7 @@
-enum FileUploadState {
+enum UDExFileUploadState {
   Uploading = "Uploading",
   Uploaded = "Uploaded",
   Error = "Error"
 }
 
-export default FileUploadState;
+export default UDExFileUploadState;

package/src/types/IconPlacement.ts

@@ -1,6 +1,6 @@
-enum IconPlacement {
+enum UDExIconPlacement {
     Start = "Start",
     End = "End"
 }
 
-export default IconPlacement;
+export default UDExIconPlacement;

package/src/types/List.ts

@@ -1,23 +1,23 @@
-export enum ListMode {
+export enum UDExListMode {
   SingleSelect = "SingleSelect",
   MultiSelect = "MultiSelect",
   SingleContent = "SingleContent",
   RadioGroup = "RadioGroup",
 }
 
-export enum ListStyleType {
+export enum UDExListStyleType {
   None = "None",
   Circle = "Circle",
   Number = "Number",
   Icon = "Icon",
 }
 
-export enum ListItemSize {
+export enum UDExListItemSize {
   Standard = "Standard",
   Large = "Large",
 }
 
-export enum AdditionalTextState {
+export enum UDExAdditionalTextState {
   None = "None",
   Success = "Success",
   Warning = "Warning",

package/src/types/MessageStrip.ts

@@ -1,4 +1,4 @@
-export enum UdexMessageStripDesign {
+export enum UDExMessageStripDesign {
   Information = "Information",
   Positive = "Positive",
   Negative = "Negative",
@@ -6,7 +6,7 @@ export enum UdexMessageStripDesign {
   Action = "Action",
 }
 
-export enum UdexMessageStripStatusType {
+export enum UDExMessageStripStatusType {
   Icon = "Icon",
   Text = "Text",
   None = "None",

package/src/types/ProgressBar.ts

@@ -0,0 +1,9 @@
+export enum UDExProgressBarValueState {
+  Warning = "Warning",
+  Error = "Error",
+  Success = "Success",
+  Information = "Information",
+  None = "None"
+}
+
+export default UDExProgressBarValueState;

package/src/types/RadioButton.ts

@@ -0,0 +1,9 @@
+export enum UDExRadioButtonValueState {
+  Error = "Error",
+  Information = "Information",
+  Success = "Success",
+  Warning = "Warning",
+  None = "None"
+}
+
+export default UDExRadioButtonValueState;

package/src/types/SearchableListBase.ts

@@ -1,7 +1,7 @@
-import UDExListItemBase from "../ListItemBase.js";
-import UDExListGroupHeaderBase from "../ListGroupHeaderBase.js";
+import type UDExListItemBase from "../ListItemBase.js";
+import type UDExListGroupHeaderBase from "../ListGroupHeaderBase.js";
 
-export interface ProcessedItem {
+export interface UDExProcessedItem {
   item: UDExListItemBase | UDExListGroupHeaderBase,
   groupItems: UDExListItemBase[],
   isGroup: boolean,

package/src/types/Table.ts

@@ -1,4 +1,4 @@
-enum TableCellHorizontalAlign {
+enum UDExTableCellHorizontalAlign {
   Left = "Left",
   Start = "Start",
   Right = "Right",
@@ -6,4 +6,4 @@ enum TableCellHorizontalAlign {
   Center = "Center",
 }
 
-export default TableCellHorizontalAlign;
+export default UDExTableCellHorizontalAlign;

package/src/types/common.ts

@@ -1,15 +1,42 @@
-export enum Target {
+import { UDExControlButtonDesign } from "./Button.js";
+
+export enum UDExTarget {
   _blank = "_blank",
   _parent = "_parent",
   _self = "_self",
   _top = "_top",
 }
 
-enum ValueState {
+enum UDExValueState {
   Standard = "Standard",
   Warning = "Warning",
   Error = "Error",
   Success = "Success",
 }
 
-export default ValueState;
+export const valueStateToControlButtonDesign: Record<UDExValueState, UDExControlButtonDesign> = {
+  [UDExValueState.Standard]: UDExControlButtonDesign.Default,
+  [UDExValueState.Warning]: UDExControlButtonDesign.Warning,
+  [UDExValueState.Error]: UDExControlButtonDesign.Error,
+  [UDExValueState.Success]: UDExControlButtonDesign.Success,
+};
+
+export enum UDExWindowSize {
+  S = "S",
+  M = "M",
+  L = "L",
+  XL = "XL"
+}
+
+export type UDExResponsiveBreakpoints = {
+  [key: string]: UDExWindowSize
+}
+
+export const RESPONSIVE_BREAKPOINTS: UDExResponsiveBreakpoints = {
+  "360": UDExWindowSize.S,
+  "640": UDExWindowSize.M,
+  "980": UDExWindowSize.L,
+  "1300": UDExWindowSize.XL,
+};
+
+export default UDExValueState;

package/src/utils/debounce.ts

@@ -1,4 +1,4 @@
-import CallbackFunction from "../types/callback.js";
+import type CallbackFunction from "../types/callback.js";
 
 const debounce = <T extends CallbackFunction>(cb: T, timeout = 300) => {
   let timer: ReturnType<typeof setTimeout>;

package/src/utils/listItemLabelUtils.ts

@@ -1,4 +1,4 @@
-import UDExListItemBase from "../ListItemBase.js";
+import type UDExListItemBase from "../ListItemBase.js";
 
 const cleanLabel = (str: string) : string => {
   return str.replace(/<\/?b[^>]*>/g, "");

package/src/utils/retryUntilSuccessful.ts

@@ -1,4 +1,4 @@
-import CallbackFunction from "../types/callback.js";
+import type CallbackFunction from "../types/callback.js";
 
 const retryUntilSuccessful = (checkFn: CallbackFunction<void>, delay: number, maxAttempts: number, errorMessage: string): Promise<void> => {
   return new Promise((resolve, reject) => {

package/tsconfig.json

@@ -2,7 +2,7 @@
     "include": ["src/**/*", "global.d.ts"],
     "compilerOptions": {
       "target": "ES2021",
-      "module": "esnext",
+      "module": "NodeNext",
       // Generate d.ts files
       "declaration": true,
       "outDir": "dist",
@@ -10,9 +10,11 @@
       "sourceMap": true,
       "inlineSources": true,
       "strict": true,
-      "moduleResolution": "node",
+      "moduleResolution": "NodeNext",
       "experimentalDecorators": true,
       "resolveJsonModule": true,
       "allowSyntheticDefaultImports": true,
+      "jsx": "react-jsx",
+      "jsxImportSource": "@ui5/webcomponents-base",
     },
 }

package/config/wdio.conf.js

@@ -1,27 +0,0 @@
-const config = require("@ui5/webcomponents-tools/components-package/wdio.js");
-
-// For test debugging purposes - removed the headless arg and sets larger timeout
-// config.config.capabilities[0]["goog:chromeOptions"].args = ['--disable-gpu'];
-// config.config.mochaOpts.timeout = (24 * 60 * 60 * 1000);
-config.config.maxInstances = 2;
-
-config.config.capabilities = [{
-  maxInstances: 2,
-  browserName: 'chrome',
-  'goog:chromeOptions': {
-    // to run chrome headless the following flags are required
-    // (see https://developers.google.com/web/updates/2017/04/headless-chrome)
-    args: [
-      '--headless',
-      '--disable-search-engine-choice-screen',
-      '--start-maximized',
-      '--no-sandbox',
-      '--disable-gpu',
-      '--disable-infobars',
-      '--disable-extensions',
-      '--disable-dev-shm-usage',
-    ],
-  }
-}],
-
-module.exports = config;