@volue/design-media-queries 1.2.1-next.3 → 1.3.0-next.1

package/dist/index.common.d.ts

@@ -1,8 +1,13 @@
-export declare const mqSmallOnly = "screen and ( max-width: 31.1875em )";
-export declare const mqMediumAndUp = "screen and ( min-width: 31.25em )";
-export declare const mqMediumOnly = "screen and ( min-width: 31.25em ) and ( max-width: 48.75em )";
-export declare const mqMediumAndBelow = "screen and ( max-width: 48.6875em )";
-export declare const mqZeroToLarge = "screen and ( min-width: 0 ) and ( max-width: 48.6875em )";
-export declare const mqLargeAndUp = "screen and ( min-width: 48.75em )";
-export declare const mqLargeAndBelow = "screen and ( max-width: 87.4375em )";
-export declare const mqXlargeAndUp = "screen and ( min-width: 87.5em )";
+/**
+ * Do not edit directly
+ * Generated on Wed, 15 Feb 2023 21:25:56 GMT
+ */
+
+export const mqSmallOnly : "screen and ( max-width: 31.1875em )";
+export const mqMediumAndUp : "screen and ( min-width: 31.25em )";
+export const mqMediumOnly : "screen and ( min-width: 31.25em ) and ( max-width: 48.75em )";
+export const mqMediumAndBelow : "screen and ( max-width: 48.6875em )";
+export const mqZeroToLarge : "screen and ( min-width: 0 ) and ( max-width: 48.6875em )";
+export const mqLargeAndUp : "screen and ( min-width: 48.75em )";
+export const mqLargeAndBelow : "screen and ( max-width: 87.4375em )";
+export const mqXlargeAndUp : "screen and ( min-width: 87.5em )";

package/dist/index.common.js

@@ -1,10 +1,15 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 15 Feb 2023 21:25:56 GMT
+ */
+
 module.exports = {
-  mqSmallOnly: "screen and ( max-width: 31.1875em )",
-  mqMediumAndUp: "screen and ( min-width: 31.25em )",
-  mqMediumOnly: "screen and ( min-width: 31.25em ) and ( max-width: 48.75em )",
-  mqMediumAndBelow: "screen and ( max-width: 48.6875em )",
-  mqZeroToLarge: "screen and ( min-width: 0 ) and ( max-width: 48.6875em )",
-  mqLargeAndUp: "screen and ( min-width: 48.75em )",
-  mqLargeAndBelow: "screen and ( max-width: 87.4375em )",
-  mqXlargeAndUp: "screen and ( min-width: 87.5em )",
+  "mqSmallOnly": "screen and ( max-width: 31.1875em )",
+  "mqMediumAndUp": "screen and ( min-width: 31.25em )",
+  "mqMediumOnly": "screen and ( min-width: 31.25em ) and ( max-width: 48.75em )",
+  "mqMediumAndBelow": "screen and ( max-width: 48.6875em )",
+  "mqZeroToLarge": "screen and ( min-width: 0 ) and ( max-width: 48.6875em )",
+  "mqLargeAndUp": "screen and ( min-width: 48.75em )",
+  "mqLargeAndBelow": "screen and ( max-width: 87.4375em )",
+  "mqXlargeAndUp": "screen and ( min-width: 87.5em )"
 };

package/dist/index.cssmodules.css

@@ -1,4 +1,3 @@
-
 @value mq-small-only: screen and ( max-width: 31.1875em );
 @value mq-medium-and-up: screen and ( min-width: 31.25em );
 @value mq-medium-only: screen and ( min-width: 31.25em ) and ( max-width: 48.75em );
@@ -6,5 +5,4 @@
 @value mq-zero-to-large: screen and ( min-width: 0 ) and ( max-width: 48.6875em );
 @value mq-large-and-up: screen and ( min-width: 48.75em );
 @value mq-large-and-below: screen and ( max-width: 87.4375em );
-@value mq-xlarge-and-up: screen and ( min-width: 87.5em );
-  
+@value mq-xlarge-and-up: screen and ( min-width: 87.5em );

package/dist/index.custom-properties.css

@@ -1,11 +1,15 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 15 Feb 2023 21:25:56 GMT
+ */
 
 :root {
-  --mq-small-only: "screen and ( max-width: 31.1875em )";
-  --mq-medium-and-up: "screen and ( min-width: 31.25em )";
-  --mq-medium-only: "screen and ( min-width: 31.25em ) and ( max-width: 48.75em )";
-  --mq-medium-and-below: "screen and ( max-width: 48.6875em )";
-  --mq-zero-to-large: "screen and ( min-width: 0 ) and ( max-width: 48.6875em )";
-  --mq-large-and-up: "screen and ( min-width: 48.75em )";
-  --mq-large-and-below: "screen and ( max-width: 87.4375em )";
-  --mq-xlarge-and-up: "screen and ( min-width: 87.5em )";
+  --mq-small-only: screen and ( max-width: 31.1875em );
+  --mq-medium-and-up: screen and ( min-width: 31.25em );
+  --mq-medium-only: screen and ( min-width: 31.25em ) and ( max-width: 48.75em );
+  --mq-medium-and-below: screen and ( max-width: 48.6875em );
+  --mq-zero-to-large: screen and ( min-width: 0 ) and ( max-width: 48.6875em );
+  --mq-large-and-up: screen and ( min-width: 48.75em );
+  --mq-large-and-below: screen and ( max-width: 87.4375em );
+  --mq-xlarge-and-up: screen and ( min-width: 87.5em );
 }

package/dist/index.map.scss

@@ -0,0 +1,10 @@
+$mediaQueries-map: (
+  'mq-small-only': "screen and ( max-width: 31.1875em )",
+  'mq-medium-and-up': "screen and ( min-width: 31.25em )",
+  'mq-medium-only': "screen and ( min-width: 31.25em ) and ( max-width: 48.75em )",
+  'mq-medium-and-below': "screen and ( max-width: 48.6875em )",
+  'mq-zero-to-large': "screen and ( min-width: 0 ) and ( max-width: 48.6875em )",
+  'mq-large-and-up': "screen and ( min-width: 48.75em )",
+  'mq-large-and-below': "screen and ( max-width: 87.4375em )",
+  'mq-xlarge-and-up': "screen and ( min-width: 87.5em )",
+);

package/dist/index.module.d.ts

@@ -1,8 +1,13 @@
-export declare const mqSmallOnly = "screen and ( max-width: 31.1875em )";
-export declare const mqMediumAndUp = "screen and ( min-width: 31.25em )";
-export declare const mqMediumOnly = "screen and ( min-width: 31.25em ) and ( max-width: 48.75em )";
-export declare const mqMediumAndBelow = "screen and ( max-width: 48.6875em )";
-export declare const mqZeroToLarge = "screen and ( min-width: 0 ) and ( max-width: 48.6875em )";
-export declare const mqLargeAndUp = "screen and ( min-width: 48.75em )";
-export declare const mqLargeAndBelow = "screen and ( max-width: 87.4375em )";
-export declare const mqXlargeAndUp = "screen and ( min-width: 87.5em )";
+/**
+ * Do not edit directly
+ * Generated on Wed, 15 Feb 2023 21:25:56 GMT
+ */
+
+export const mqSmallOnly : "screen and ( max-width: 31.1875em )";
+export const mqMediumAndUp : "screen and ( min-width: 31.25em )";
+export const mqMediumOnly : "screen and ( min-width: 31.25em ) and ( max-width: 48.75em )";
+export const mqMediumAndBelow : "screen and ( max-width: 48.6875em )";
+export const mqZeroToLarge : "screen and ( min-width: 0 ) and ( max-width: 48.6875em )";
+export const mqLargeAndUp : "screen and ( min-width: 48.75em )";
+export const mqLargeAndBelow : "screen and ( max-width: 87.4375em )";
+export const mqXlargeAndUp : "screen and ( min-width: 87.5em )";

package/dist/index.module.js

@@ -1,3 +1,8 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 15 Feb 2023 21:25:56 GMT
+ */
+
 export const mqSmallOnly = "screen and ( max-width: 31.1875em )";
 export const mqMediumAndUp = "screen and ( min-width: 31.25em )";
 export const mqMediumOnly = "screen and ( min-width: 31.25em ) and ( max-width: 48.75em )";

package/dist/index.scss

@@ -1,9 +1,12 @@
 
-$mq-small-only: "screen and ( max-width: 31.1875em )";
-$mq-medium-and-up: "screen and ( min-width: 31.25em )";
-$mq-medium-only: "screen and ( min-width: 31.25em ) and ( max-width: 48.75em )";
-$mq-medium-and-below: "screen and ( max-width: 48.6875em )";
-$mq-zero-to-large: "screen and ( min-width: 0 ) and ( max-width: 48.6875em )";
-$mq-large-and-up: "screen and ( min-width: 48.75em )";
-$mq-large-and-below: "screen and ( max-width: 87.4375em )";
-$mq-xlarge-and-up: "screen and ( min-width: 87.5em )";
+// Do not edit directly
+// Generated on Wed, 15 Feb 2023 21:25:56 GMT
+
+$mq-small-only: screen and ( max-width: 31.1875em );
+$mq-medium-and-up: screen and ( min-width: 31.25em );
+$mq-medium-only: screen and ( min-width: 31.25em ) and ( max-width: 48.75em );
+$mq-medium-and-below: screen and ( max-width: 48.6875em );
+$mq-zero-to-large: screen and ( min-width: 0 ) and ( max-width: 48.6875em );
+$mq-large-and-up: screen and ( min-width: 48.75em );
+$mq-large-and-below: screen and ( max-width: 87.4375em );
+$mq-xlarge-and-up: screen and ( min-width: 87.5em );

package/dist/mediaQueriesSync.common.js

@@ -1,6 +1,11 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 15 Feb 2023 21:25:56 GMT
+ */
+
 module.exports = {
-  small: "screen and ( max-width: 31.1875em )",
-  medium: "screen and ( min-width: 31.25em )",
-  large: "screen and ( min-width: 48.75em )",
-  xlarge: "screen and ( min-width: 87.5em )",
+  "small": "screen and ( max-width: 31.1875em )",
+  "medium": "screen and ( min-width: 31.25em )",
+  "large": "screen and ( min-width: 48.75em )",
+  "xlarge": "screen and ( min-width: 87.5em )"
 };

package/dist/mediaQueriesSync.map.scss

@@ -1,7 +1,6 @@
-
 $mediaQueriesSync-map: (
-  'small': ("screen and ( max-width: 31.1875em )"),
-  'medium': ("screen and ( min-width: 31.25em )"),
-  'large': ("screen and ( min-width: 48.75em )"),
-  'xlarge': ("screen and ( min-width: 87.5em )"),
-);
+  'small': "screen and ( max-width: 31.1875em )",
+  'medium': "screen and ( min-width: 31.25em )",
+  'large': "screen and ( min-width: 48.75em )",
+  'xlarge': "screen and ( min-width: 87.5em )",
+);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@volue/design-media-queries",
-  "version": "1.2.1-next.3",
+  "version": "1.3.0-next.1",
   "description": "Media queries for Volue design primitives",
   "license": "UNLICENSED",
   "repository": {
@@ -26,22 +26,20 @@
     "format": "yarn run _prettier --write",
     "test": "run-p lint \"_prettier --check\"",
     "clean": "rimraf dist",
-    "_theo": "theo --setup theo.setup.js --transform web --dest dist",
-    "build:mediaQueries": "npm run _theo -s -- --format scss,json,common.js,common.d.ts,module.js,module.d.ts,custom-properties.css,cssmodules.css,html src/index.yml",
-    "build:mediaQueriesMap": "npm run _theo -s -- --format map.scss src/mediaQueries.yml",
-    "build:mediaQueriesSyncMap": "npm run _theo -s -- --format map.scss,common.js src/mediaQueriesSync.yml",
-    "build": "yarn run clean && run-p \"build:*\"",
+    "build:tokens": "style-dictionary build",
+    "build": "yarn run clean && yarn run build:tokens",
     "prepack": "yarn run build"
   },
   "devDependencies": {
-    "eslint": "8.30.0",
+    "change-case": "4.1.2",
+    "eslint": "8.34.0",
     "eslint-config-powel": "14.2.1",
-    "eslint-import-resolver-node": "0.3.6",
-    "eslint-plugin-import": "2.26.0",
+    "eslint-import-resolver-node": "0.3.7",
+    "eslint-plugin-import": "2.27.5",
     "npm-run-all": "4.1.5",
-    "prettier": "2.8.1",
+    "prettier": "2.8.4",
     "rimraf": "3.0.2",
-    "theo": "8.1.5",
-    "typescript": "4.8.4"
+    "style-dictionary": "3.7.3-rc.1",
+    "typescript": "4.9.5"
   }
 }

package/src/breakpoints.json

@@ -0,0 +1,24 @@
+{
+  "size": {
+    "breakpoints": {
+      "medium": {
+        "value": "31.25em"
+      },
+      "belowMedium": {
+        "value": "31.1875em"
+      },
+      "large": {
+        "value": "48.75em"
+      },
+      "belowLarge": {
+        "value": "48.6875em"
+      },
+      "xlarge": {
+        "value": "87.5em"
+      },
+      "belowXlarge": {
+        "value": "87.4375em"
+      }
+    }
+  }
+}

package/src/tokens.json

@@ -0,0 +1,28 @@
+{
+  "mq": {
+    "smallOnly": {
+      "value": "screen and ( max-width: {size.breakpoints.belowMedium.value} )"
+    },
+    "mediumAndUp": {
+      "value": "screen and ( min-width: {size.breakpoints.medium.value} )"
+    },
+    "mediumOnly": {
+      "value": "screen and ( min-width: {size.breakpoints.medium.value} ) and ( max-width: {size.breakpoints.large.value} )"
+    },
+    "mediumAndBelow": {
+      "value": "screen and ( max-width: {size.breakpoints.belowLarge.value} )"
+    },
+    "zeroToLarge": {
+      "value": "screen and ( min-width: 0 ) and ( max-width: {size.breakpoints.belowLarge.value} )"
+    },
+    "largeAndUp": {
+      "value": "screen and ( min-width: {size.breakpoints.large.value} )"
+    },
+    "largeAndBelow": {
+      "value": "screen and ( max-width: {size.breakpoints.belowXlarge.value} )"
+    },
+    "xlargeAndUp": {
+      "value": "screen and ( min-width: {size.breakpoints.xlarge.value} )"
+    }
+  }
+}

package/src/tokensSync.json

@@ -0,0 +1,16 @@
+{
+  "mqSync": {
+    "small": {
+      "value": "{mq.smallOnly.value}"
+    },
+    "medium": {
+      "value": "{mq.mediumAndUp.value}"
+    },
+    "large": {
+      "value": "{mq.largeAndUp.value}"
+    },
+    "xlarge": {
+      "value": "{mq.xlargeAndUp.value}"
+    }
+  }
+}

package/dist/index.html

@@ -1,248 +0,0 @@
-
-      <!DOCTYPE html>
-      <html lang="en">
-        <head>
-          <meta charset="utf-8" />
-          <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-          <title>Design Tokens</title>
-          <meta name="viewport" content="width=device-width, initial-scale=1" />
-          <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.2.0/normalize.min.css" />
-          <style>
-            html {
-              box-sizing: border-box;
-              font-size: 1em;
-              font-family: Helvetica, Arial, sans-serif;
-              line-height: 1.5;
-              background: #fff;
-              color: #444;
-            }
-            *,
-            *:before,
-            *:after {
-              box-sizing: inherit;
-            }
-            body { font-size: .75rem; }
-            ::-moz-selection {
-              background: #b3d4fc;
-              text-shadow: none;
-            }
-            ::selection {
-              background: #b3d4fc;
-              text-shadow: none;
-            }
-            .banner,
-            .contentinfo { background: #f5f5f5; }
-            .banner { padding: 1em 0; }
-            .container {
-              margin: 0 auto;
-              padding: 0 2rem;
-              max-width: 80rem;
-            }
-            main {
-              margin-right: -2rem;
-              margin-left:  -2rem;
-              padding-bottom: 2rem;
-            }
-            h1 {
-              margin: 0;
-              font-weight: normal;
-              line-height: 1.25;
-            }
-            table {
-              table-layout: fixed;
-              border-collapse: separate;
-              border-spacing: 1rem;
-              width: 100%;
-            }
-            th,
-            td {
-              padding: 0 1rem;
-              vertical-align: baseline;
-              word-break: break-word;
-              hyphens: auto;
-            }
-            th {
-              font-weight: normal;
-              text-align: left;
-            }
-            thead th {
-              border-bottom: 1px solid #eee;
-              padding-top: 1rem;
-              padding-bottom: .5rem;
-              color: #999;
-            }
-            thead th:first-child {
-              font-size: 1.25rem;
-              color: inherit;
-            }
-            code { font-family: monaco, Consolas, monospace, monospace; }
-            hr {
-              display: block;
-              margin: 2rem 0;
-              border: 0;
-              border-top: 1px solid #eee;
-              padding: 0;
-              height: 1px;
-            }
-            .metric-box,
-            .radius-box {
-              display: inline-block;
-              vertical-align: middle;
-              background: #eee;
-            }
-            .radius-box {
-              width: 100%;
-              height: 3rem;
-            }
-            .radius-box.borderRadiusCircle {
-              width: 3rem;
-            }
-            .line-height-example {
-              border-bottom: 1px solid #eee;
-              background-image: -webkit-linear-gradient(#eee 1px, transparent 1px);
-              background-image: linear-gradient(#eee 1px, transparent 1px);
-              background-size: 100% 1rem;
-            }
-          </style>
-        </head>
-        <body>
-          <header role="banner" class="banner">
-            <div class="container">
-              <h1>Design Tokens</h1>
-            </div>
-          </header>
-          <div class="container">
-            <main role="main">
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-      <section>
-        <table>
-          
-      <thead>
-        <tr id=media-query>
-          <th scope="col">Media Queries</th>
-          <th scope="col">Value</th>
-          <th scope="col">Examples</th>
-          <th scope="col">Usage</th>
-        </tr>
-      </thead>
-    
-          <tbody>
-            <tr>
-        <th scope="row">
-          <code>mqSmallOnly</code>
-        </th>
-        <td>
-          <code>screen and ( max-width: 31.1875em )</code>
-        </td>
-        <td></td>
-        <td></td>
-      </tr>
-    
-      <tr>
-        <th scope="row">
-          <code>mqMediumAndUp</code>
-        </th>
-        <td>
-          <code>screen and ( min-width: 31.25em )</code>
-        </td>
-        <td></td>
-        <td></td>
-      </tr>
-    
-      <tr>
-        <th scope="row">
-          <code>mqMediumOnly</code>
-        </th>
-        <td>
-          <code>screen and ( min-width: 31.25em ) and ( max-width: 48.75em )</code>
-        </td>
-        <td></td>
-        <td></td>
-      </tr>
-    
-      <tr>
-        <th scope="row">
-          <code>mqMediumAndBelow</code>
-        </th>
-        <td>
-          <code>screen and ( max-width: 48.6875em )</code>
-        </td>
-        <td></td>
-        <td></td>
-      </tr>
-    
-      <tr>
-        <th scope="row">
-          <code>mqZeroToLarge</code>
-        </th>
-        <td>
-          <code>screen and ( min-width: 0 ) and ( max-width: 48.6875em )</code>
-        </td>
-        <td></td>
-        <td></td>
-      </tr>
-    
-      <tr>
-        <th scope="row">
-          <code>mqLargeAndUp</code>
-        </th>
-        <td>
-          <code>screen and ( min-width: 48.75em )</code>
-        </td>
-        <td></td>
-        <td></td>
-      </tr>
-    
-      <tr>
-        <th scope="row">
-          <code>mqLargeAndBelow</code>
-        </th>
-        <td>
-          <code>screen and ( max-width: 87.4375em )</code>
-        </td>
-        <td></td>
-        <td></td>
-      </tr>
-    
-      <tr>
-        <th scope="row">
-          <code>mqXlargeAndUp</code>
-        </th>
-        <td>
-          <code>screen and ( min-width: 87.5em )</code>
-        </td>
-        <td></td>
-        <td></td>
-      </tr>
-          </tbody>
-        </table>
-        <hr />
-      </section>
-    
-            </main>
-          </div>
-        </body>
-      </html>
-    

package/dist/mediaQueries.map.scss

@@ -1,11 +0,0 @@
-
-$mediaQueries-map: (
-  'mq-small-only': ("screen and ( max-width: 31.1875em )"),
-  'mq-medium-and-up': ("screen and ( min-width: 31.25em )"),
-  'mq-medium-only': ("screen and ( min-width: 31.25em ) and ( max-width: 48.75em )"),
-  'mq-medium-and-below': ("screen and ( max-width: 48.6875em )"),
-  'mq-zero-to-large': ("screen and ( min-width: 0 ) and ( max-width: 48.6875em )"),
-  'mq-large-and-up': ("screen and ( min-width: 48.75em )"),
-  'mq-large-and-below': ("screen and ( max-width: 87.4375em )"),
-  'mq-xlarge-and-up': ("screen and ( min-width: 87.5em )"),
-);

package/src/_aliases.yml

@@ -1,17 +0,0 @@
-aliases:
-  BREAKPOINT_MEDIUM: '31.25em'
-  BREAKPOINT_BELOW_MEDIUM: '31.1875em'
-  BREAKPOINT_LARGE: '48.75em'
-  BREAKPOINT_BELOW_LARGE: '48.6875em'
-  BREAKPOINT_XLARGE: '87.5em'
-  BREAKPOINT_BELOW_XLARGE: '87.4375em'
-
-  # Media Queries
-  MQ_SMALL_ONLY: 'screen and ( max-width: {!BREAKPOINT_BELOW_MEDIUM} )'
-  MQ_MEDIUM_AND_UP: 'screen and ( min-width: {!BREAKPOINT_MEDIUM} )'
-  MQ_MEDIUM_ONLY: 'screen and ( min-width: {!BREAKPOINT_MEDIUM} ) and ( max-width: {!BREAKPOINT_LARGE} )'
-  MQ_MEDIUM_AND_BELOW: 'screen and ( max-width: {!BREAKPOINT_BELOW_LARGE} )'
-  MQ_ZERO_TO_LARGE: 'screen and ( min-width: 0 ) and ( max-width: {!BREAKPOINT_BELOW_LARGE} )'
-  MQ_LARGE_AND_UP: 'screen and ( min-width: {!BREAKPOINT_LARGE} )'
-  MQ_LARGE_AND_BELOW: 'screen and ( max-width: {!BREAKPOINT_BELOW_XLARGE} )'
-  MQ_XLARGE_AND_UP: 'screen and ( min-width: {!BREAKPOINT_XLARGE} )'

package/src/index.yml

@@ -1,2 +0,0 @@
-imports:
-  - ./mediaQueries.yml

package/src/mediaQueries.yml

@@ -1,22 +0,0 @@
-global:
-  type: string
-  category: media-query
-imports:
-  - ./_aliases.yml
-props:
-  - name: MQ_SMALL_ONLY
-    value: '{!MQ_SMALL_ONLY}'
-  - name: MQ_MEDIUM_AND_UP
-    value: '{!MQ_MEDIUM_AND_UP}'
-  - name: MQ_MEDIUM_ONLY
-    value: '{!MQ_MEDIUM_ONLY}'
-  - name: MQ_MEDIUM_AND_BELOW
-    value: '{!MQ_MEDIUM_AND_BELOW}'
-  - name: MQ_ZERO_TO_LARGE
-    value: '{!MQ_ZERO_TO_LARGE}'
-  - name: MQ_LARGE_AND_UP
-    value: '{!MQ_LARGE_AND_UP}'
-  - name: MQ_LARGE_AND_BELOW
-    value: '{!MQ_LARGE_AND_BELOW}'
-  - name: MQ_XLARGE_AND_UP
-    value: '{!MQ_XLARGE_AND_UP}'

package/src/mediaQueriesSync.yml

@@ -1,14 +0,0 @@
-global:
-  type: string
-  category: media-query
-imports:
-  - ./_aliases.yml
-props:
-  - name: SMALL
-    value: '{!MQ_SMALL_ONLY}'
-  - name: MEDIUM
-    value: '{!MQ_MEDIUM_AND_UP}'
-  - name: LARGE
-    value: '{!MQ_LARGE_AND_UP}'
-  - name: XLARGE
-    value: '{!MQ_XLARGE_AND_UP}'