@pareto-engineering/design-system 4.0.0-alpha.44 → 4.0.0-alpha.45

package/dist/cjs/b/Page/common/PageHelmet/PageHelmet.js

@@ -46,6 +46,14 @@ const helmetMap = [{
     href: v,
     key: "canonical"
   })
+}, {
+  test: true,
+  variables: ['og_image', 'main_image'],
+  render: () => /*#__PURE__*/React.createElement("meta", {
+    name: "twitter:card",
+    content: "summary_large_image",
+    key: "twitter_card"
+  })
 }, {
   variables: ['twitter_title', 'title', 'title_tag'],
   render: v => /*#__PURE__*/React.createElement("meta", {

package/dist/es/b/Page/common/PageHelmet/PageHelmet.js

@@ -37,6 +37,14 @@ const helmetMap = [{
     href: v,
     key: "canonical"
   })
+}, {
+  test: true,
+  variables: ['og_image', 'main_image'],
+  render: () => /*#__PURE__*/React.createElement("meta", {
+    name: "twitter:card",
+    content: "summary_large_image",
+    key: "twitter_card"
+  })
 }, {
   variables: ['twitter_title', 'title', 'title_tag'],
   render: v => /*#__PURE__*/React.createElement("meta", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pareto-engineering/design-system",
-  "version": "4.0.0-alpha.44",
+  "version": "4.0.0-alpha.45",
   "description": "",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",
@@ -51,10 +51,10 @@
   },
   "dependencies": {
     "@lexical/react": "^0.11.3",
-    "@pareto-engineering/assets": "^4.0.0-alpha.43",
+    "@pareto-engineering/assets": "^4.0.0-alpha.45",
     "@pareto-engineering/bem": "^4.0.0-alpha.20",
     "@pareto-engineering/styles": "^4.0.0-alpha.39",
-    "@pareto-engineering/utils": "^4.0.0-alpha.33",
+    "@pareto-engineering/utils": "^4.0.0-alpha.45",
     "date-fns": "^2.29.3",
     "downshift": "^6.1.12",
     "formik": "^2.2.9",
@@ -70,5 +70,5 @@
     "relay-test-utils": "^15.0.0"
   },
   "browserslist": "> 2%",
-  "gitHead": "02e37ad192a8bffa34cd4b7af353aa3e1c71acc5"
+  "gitHead": "f8569362e917c041134b268ea001cd5418dd216a"
 }

package/src/stories/colors.js

@@ -43,6 +43,7 @@ const UI = [
   'background-cards-50',
   'background-inputs',
   'background-mesh',
+  'outline-inputs',
   'heading',
   'paragraph',
   'subtitle',

package/src/ui/b/Page/common/PageHelmet/PageHelmet.jsx

@@ -59,6 +59,18 @@ const helmetMap = [
       )),
   },
 
+  {
+    test     :true,
+    variables:['og_image', 'main_image'],
+    render   :() => (
+      <meta
+        name="twitter:card"
+        content="summary_large_image"
+        key="twitter_card"
+      />
+    ),
+  },
+
   {
     variables:['twitter_title', 'title', 'title_tag'],
     render   :(v) => (

package/tests/__snapshots__/Storyshots.test.js.snap

@@ -1157,6 +1157,15 @@ exports[`Storyshots a/Label Compact 1`] = `
      
     label
   </span>,
+  <span
+    className="base label x-outline-inputs modifierCompact"
+  >
+    This is a
+     
+    outline-inputs
+     
+    label
+  </span>,
   <span
     className="base label x-heading modifierCompact"
   >
@@ -1540,6 +1549,15 @@ exports[`Storyshots a/Label Ghost 1`] = `
      
     label
   </span>,
+  <span
+    className="base label x-outline-inputs modifierGhost"
+  >
+    This is a
+     
+    outline-inputs
+     
+    label
+  </span>,
   <span
     className="base label x-heading modifierGhost"
   >
@@ -1923,6 +1941,15 @@ exports[`Storyshots a/Label Normal 1`] = `
      
     label
   </span>,
+  <span
+    className="base label x-outline-inputs"
+  >
+    This is a
+     
+    outline-inputs
+     
+    label
+  </span>,
   <span
     className="base label x-heading"
   >
@@ -3546,6 +3573,16 @@ exports[`Storyshots b/Button Arrow Left 1`] = `
      
     button
   </button>,
+  <button
+    className="base button x-outline-inputs arrow-left"
+    type="button"
+  >
+    This is a
+     
+    outline-inputs
+     
+    button
+  </button>,
   <button
     className="base button x-heading arrow-left"
     type="button"
@@ -4063,6 +4100,20 @@ exports[`Storyshots b/Button Arrow Left Simple 1`] = `
       button
     </span>
   </button>,
+  <button
+    className="base button x-outline-inputs modifierSimple arrow-left"
+    type="button"
+  >
+    <span
+      className="modifierUnderlined"
+    >
+      This is a
+       
+      outline-inputs
+       
+      button
+    </span>
+  </button>,
   <button
     className="base button x-heading modifierSimple arrow-left"
     type="button"
@@ -4564,6 +4615,16 @@ exports[`Storyshots b/Button Arrow Right 1`] = `
      
     button
   </button>,
+  <button
+    className="base button x-outline-inputs arrow-right"
+    type="button"
+  >
+    This is a
+     
+    outline-inputs
+     
+    button
+  </button>,
   <button
     className="base button x-heading arrow-right"
     type="button"
@@ -5081,6 +5142,20 @@ exports[`Storyshots b/Button Arrow Right Simple 1`] = `
       button
     </span>
   </button>,
+  <button
+    className="base button x-outline-inputs modifierSimple arrow-right"
+    type="button"
+  >
+    <span
+      className="modifierUnderlined"
+    >
+      This is a
+       
+      outline-inputs
+       
+      button
+    </span>
+  </button>,
   <button
     className="base button x-heading modifierSimple arrow-right"
     type="button"
@@ -5591,6 +5666,16 @@ exports[`Storyshots b/Button Compact 1`] = `
      
     button
   </button>,
+  <button
+    className="base button x-outline-inputs modifierCompact"
+    type="button"
+  >
+    This is a
+     
+    outline-inputs
+     
+    button
+  </button>,
   <button
     className="base button x-heading modifierCompact"
     type="button"
@@ -6039,6 +6124,17 @@ exports[`Storyshots b/Button Disabled 1`] = `
      
     button
   </button>,
+  <button
+    className="base button x-outline-inputs"
+    disabled={true}
+    type="button"
+  >
+    This is a
+     
+    outline-inputs
+     
+    button
+  </button>,
   <button
     className="base button x-heading"
     disabled={true}
@@ -6506,6 +6602,17 @@ exports[`Storyshots b/Button Disabled Arrow Left 1`] = `
      
     button
   </button>,
+  <button
+    className="base button x-outline-inputs arrow-left"
+    disabled={true}
+    type="button"
+  >
+    This is a
+     
+    outline-inputs
+     
+    button
+  </button>,
   <button
     className="base button x-heading arrow-left"
     disabled={true}
@@ -6973,6 +7080,17 @@ exports[`Storyshots b/Button Disabled Arrow Right 1`] = `
      
     button
   </button>,
+  <button
+    className="base button x-outline-inputs arrow-right"
+    disabled={true}
+    type="button"
+  >
+    This is a
+     
+    outline-inputs
+     
+    button
+  </button>,
   <button
     className="base button x-heading arrow-right"
     disabled={true}
@@ -7449,6 +7567,17 @@ exports[`Storyshots b/Button Ghost Disabled 1`] = `
      
     button
   </button>,
+  <button
+    className="base button x-outline-inputs modifierGhost"
+    disabled={true}
+    type="button"
+  >
+    This is a
+     
+    outline-inputs
+     
+    button
+  </button>,
   <button
     className="base button x-heading modifierGhost"
     disabled={true}
@@ -7893,6 +8022,16 @@ exports[`Storyshots b/Button Ghosts 1`] = `
      
     button
   </button>,
+  <button
+    className="base button x-outline-inputs modifierGhost"
+    type="button"
+  >
+    This is a
+     
+    outline-inputs
+     
+    button
+  </button>,
   <button
     className="base button x-heading modifierGhost"
     type="button"
@@ -8318,6 +8457,16 @@ exports[`Storyshots b/Button Gradient 1`] = `
      
     button
   </button>,
+  <button
+    className="base button x-outline-inputs modifierGradient"
+    type="button"
+  >
+    This is a
+     
+    outline-inputs
+     
+    button
+  </button>,
   <button
     className="base button x-heading modifierGradient"
     type="button"
@@ -9456,6 +9605,47 @@ exports[`Storyshots b/Button Loading 1`] = `
       </svg>
     </div>
   </button>,
+  <button
+    className="base button x-outline-inputs"
+    type="button"
+  >
+    <div
+      className="base loading-circle"
+      style={
+        {
+          "--height-width": "1.15em",
+          "--stroke-width": undefined,
+          "--x": "var(--on-x)",
+        }
+      }
+    >
+      <svg
+        className="svg-circle"
+        preserveAspectRatio="xMinYMin meet"
+        style={
+          {
+            "--animation-duration": "2s",
+          }
+        }
+        version="1.1"
+        viewBox="25 25 50 50"
+        x="0px"
+        xmlSpace="preserve"
+        xmlns="http://www.w3.org/2000/svg"
+        y="0px"
+      >
+        <circle
+          className="path"
+          cx="50"
+          cy="50"
+          fill="none"
+          r="20"
+          strokeLinecap="round"
+          strokeMiterlimit="10"
+        />
+      </svg>
+    </div>
+  </button>,
   <button
     className="base button x-heading"
     type="button"
@@ -10470,6 +10660,16 @@ exports[`Storyshots b/Button Normal 1`] = `
      
     button
   </button>,
+  <button
+    className="base button x-outline-inputs"
+    type="button"
+  >
+    This is a
+     
+    outline-inputs
+     
+    button
+  </button>,
   <button
     className="base button x-heading"
     type="button"
@@ -10987,6 +11187,20 @@ exports[`Storyshots b/Button Simple 1`] = `
       button
     </span>
   </button>,
+  <button
+    className="base button x-outline-inputs modifierSimple"
+    type="button"
+  >
+    <span
+      className="modifierUnderlined"
+    >
+      This is a
+       
+      outline-inputs
+       
+      button
+    </span>
+  </button>,
   <button
     className="base button x-heading modifierSimple"
     type="button"
@@ -11603,6 +11817,21 @@ exports[`Storyshots b/Button Simple Disabled 1`] = `
       button
     </span>
   </button>,
+  <button
+    className="base button x-outline-inputs modifierSimple"
+    disabled={true}
+    type="button"
+  >
+    <span
+      className="modifierUnderlined"
+    >
+      This is a
+       
+      outline-inputs
+       
+      button
+    </span>
+  </button>,
   <button
     className="base button x-heading modifierSimple"
     disabled={true}
@@ -12125,6 +12354,16 @@ exports[`Storyshots b/Button/Group Base 1`] = `
      
     button
   </button>
+  <button
+    className="base button x-outline-inputs"
+    type="button"
+  >
+    This is a
+     
+    outline-inputs
+     
+    button
+  </button>
   <button
     className="base button x-heading"
     type="button"
@@ -13241,6 +13480,35 @@ exports[`Storyshots b/Logo Color 1`] = `
       }
     />
   </svg>,
+  <svg
+    className="base svg base logo x-outline-inputs y-transparent"
+    height="2em"
+    preserveAspectRatio="xMinYMin meet"
+    version="1.1"
+    viewBox="0 0 156 30"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <use
+      className=""
+      href="/logo.svg#logo_squares"
+      id="logo_squares"
+      style={
+        {
+          "style": undefined,
+        }
+      }
+    />
+    <use
+      className=""
+      href="/logo.svg#logo_pareto"
+      id="logo_pareto"
+      style={
+        {
+          "style": undefined,
+        }
+      }
+    />
+  </svg>,
   <svg
     className="base svg base logo x-heading y-transparent"
     height="2em"
@@ -14234,6 +14502,25 @@ exports[`Storyshots b/Logo Square 1`] = `
       }
     />
   </svg>,
+  <svg
+    className="base svg base logo x-outline-inputs y-transparent"
+    height="2em"
+    preserveAspectRatio="xMinYMin meet"
+    version="1.1"
+    viewBox="0 0 39 39"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <use
+      className=""
+      href="/logo_square.svg#logo"
+      id="logo"
+      style={
+        {
+          "style": undefined,
+        }
+      }
+    />
+  </svg>,
   <svg
     className="base svg base logo x-heading y-transparent"
     height="2em"