@primer/css 19.0.0-rc.dbdedf98 → 19.1.0-rc.c064d682

package/dist/variables.json

@@ -211,13 +211,13 @@
   },
   "$body-font": {
     "values": [
-      "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\""
+      "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
     ],
     "source": {
       "path": "src/support/variables/typography.scss",
       "line": 35
     },
-    "computed": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\""
+    "computed": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
   },
   "$mono-font": {
     "values": [
@@ -788,24 +788,24 @@
   },
   "$marketing-font-path": {
     "values": [
-      "\"/fonts/\""
+      "'/fonts/'"
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 3
+      "line": 2
     },
-    "computed": "\"/fonts/\""
+    "computed": "'/fonts/'"
   },
   "$font-mktg": {
     "values": [
       "$body-font",
-      "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\""
+      "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 5
+      "line": 4
     },
-    "computed": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\""
+    "computed": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
   },
   "$font-weight-medium": {
     "values": [
@@ -813,7 +813,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 6
+      "line": 5
     },
     "computed": "450"
   },
@@ -823,7 +823,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 7
+      "line": 6
     },
     "computed": "800"
   },
@@ -833,7 +833,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 9
+      "line": 8
     },
     "computed": "'ss02' on, 'ss01' on"
   },
@@ -843,7 +843,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 10
+      "line": 9
     },
     "computed": "-0.03em"
   },
@@ -853,7 +853,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 11
+      "line": 10
     },
     "computed": "-0.01em"
   },
@@ -863,7 +863,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 12
+      "line": 11
     },
     "computed": "48px"
   },
@@ -874,7 +874,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 13
+      "line": 12
     },
     "computed": "800"
   },
@@ -885,7 +885,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 14
+      "line": 13
     },
     "computed": "600"
   },
@@ -895,7 +895,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 15
+      "line": 14
     },
     "computed": "24px"
   },
@@ -905,7 +905,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 18
+      "line": 17
     },
     "computed": "96px"
   },
@@ -915,7 +915,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 19
+      "line": 18
     },
     "computed": "72px"
   },
@@ -925,7 +925,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 20
+      "line": 19
     },
     "computed": "64px"
   },
@@ -935,7 +935,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 21
+      "line": 20
     },
     "computed": "56px"
   },
@@ -945,7 +945,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 22
+      "line": 21
     },
     "computed": "48px"
   },
@@ -955,7 +955,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 23
+      "line": 22
     },
     "computed": "40px"
   },
@@ -965,7 +965,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 24
+      "line": 23
     },
     "computed": "32px"
   },
@@ -975,7 +975,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 25
+      "line": 24
     },
     "computed": "28px"
   },
@@ -985,7 +985,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 26
+      "line": 25
     },
     "computed": "24px"
   },
@@ -995,7 +995,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 27
+      "line": 26
     },
     "computed": "20px"
   },
@@ -1005,7 +1005,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 28
+      "line": 27
     },
     "computed": "16px"
   },
@@ -1015,7 +1015,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 31
+      "line": 30
     },
     "computed": "100px"
   },
@@ -1025,7 +1025,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 32
+      "line": 31
     },
     "computed": "76px"
   },
@@ -1035,7 +1035,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 33
+      "line": 32
     },
     "computed": "68px"
   },
@@ -1045,7 +1045,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 34
+      "line": 33
     },
     "computed": "60px"
   },
@@ -1055,7 +1055,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 35
+      "line": 34
     },
     "computed": "52px"
   },
@@ -1065,7 +1065,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 36
+      "line": 35
     },
     "computed": "44px"
   },
@@ -1075,7 +1075,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 37
+      "line": 36
     },
     "computed": "36px"
   },
@@ -1085,7 +1085,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 38
+      "line": 37
     },
     "computed": "32px"
   },
@@ -1095,7 +1095,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 39
+      "line": 38
     },
     "computed": "28px"
   },
@@ -1105,7 +1105,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 40
+      "line": 39
     },
     "computed": "24px"
   },
@@ -1115,7 +1115,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 41
+      "line": 40
     },
     "computed": "20px"
   },
@@ -1125,7 +1125,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 69
+      "line": 68
     },
     "computed": "28px"
   },
@@ -1135,7 +1135,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 70
+      "line": 69
     },
     "computed": "24px"
   },
@@ -1145,7 +1145,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 108
+      "line": 107
     },
     "computed": "-0.01em"
   },
@@ -1155,7 +1155,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 74
+      "line": 73
     },
     "computed": "48px"
   },
@@ -1165,7 +1165,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 75
+      "line": 74
     },
     "computed": "40px"
   },
@@ -1175,7 +1175,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 76
+      "line": 75
     },
     "computed": "32px"
   },
@@ -1185,7 +1185,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 77
+      "line": 76
     },
     "computed": "28px"
   },
@@ -1195,7 +1195,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 78
+      "line": 77
     },
     "computed": "24px"
   },
@@ -1205,7 +1205,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 79
+      "line": 78
     },
     "computed": "20px"
   },
@@ -1215,7 +1215,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 80
+      "line": 79
     },
     "computed": "16px"
   },
@@ -1225,7 +1225,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 81
+      "line": 80
     },
     "computed": "14px"
   },
@@ -1235,7 +1235,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 82
+      "line": 81
     },
     "computed": "12px"
   },
@@ -1245,7 +1245,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 85
+      "line": 84
     },
     "computed": "64px"
   },
@@ -1255,7 +1255,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 86
+      "line": 85
     },
     "computed": "52px"
   },
@@ -1265,7 +1265,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 87
+      "line": 86
     },
     "computed": "44px"
   },
@@ -1275,7 +1275,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 88
+      "line": 87
     },
     "computed": "40px"
   },
@@ -1285,7 +1285,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 89
+      "line": 88
     },
     "computed": "32px"
   },
@@ -1295,7 +1295,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 90
+      "line": 89
     },
     "computed": "28px"
   },
@@ -1305,7 +1305,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 91
+      "line": 90
     },
     "computed": "24px"
   },
@@ -1315,7 +1315,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 92
+      "line": 91
     },
     "computed": "20px"
   },
@@ -1325,7 +1325,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 93
+      "line": 92
     },
     "computed": "20px"
   },
@@ -1335,7 +1335,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 121
+      "line": 120
     },
     "computed": "0.4s"
   },
@@ -1345,7 +1345,7 @@
     ],
     "source": {
       "path": "src/marketing/support/variables.scss",
-      "line": 122
+      "line": 121
     },
     "computed": "calc(cubic-bezier(0.16, 1, 0.3, 1))"
   }

package/index.scss

@@ -11,9 +11,9 @@
 // Should you need specific files, you can easily use separate `@import`s.
 
 // CSS color variables
-@import "./color-modes/index.scss";
+@import './color-modes/index.scss';
 
 // Global requirements
-@import "./core/index.scss";
-@import "./product/index.scss";
-@import "./marketing/index.scss";
+@import './core/index.scss';
+@import './product/index.scss';
+@import './marketing/index.scss';

package/marketing/buttons/button.scss

@@ -1,25 +1,24 @@
 .btn-mktg {
-  color: var(--color-canvas-default);
   position: relative;
   z-index: 1;
   display: inline-block;
-  appearance: none !important;
   // stylelint-disable-next-line primer/spacing
   padding: 0.9rem 1.5rem 1.1rem;
   // stylelint-disable-next-line primer/typography
   font-size: 1rem;
   font-weight: $font-weight-bold;
   line-height: 1;
+  color: var(--color-canvas-default);
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   user-select: none;
+  background: linear-gradient(180deg, rgba(255 255 255 / 0.15) 0%, rgba(255 255 255 / 0) 100%), var(--color-mktg-btn-bg) !important;
   border: 0;
   // stylelint-disable-next-line primer/borders
   border-radius: 0.375rem;
-  background: linear-gradient(180deg, rgba(255 255 255 / 0.15) 0%, rgba(255 255 255 / 0) 100%),
-    var(--color-mktg-btn-bg) !important;
   transition: box-shadow 0.2s;
+  appearance: none !important;
 
   &::before {
     position: absolute;
@@ -28,11 +27,11 @@
     bottom: 0;
     left: 0;
     z-index: -1;
-    content: "";
-    // stylelint-disable-next-line primer/borders
+    content: '';
+    // stylelint-disable-next-line primer/colors
+    background: linear-gradient(180deg, rgba(255 255 255 / 0.15) 0%, rgba(255 255 255 / 0) 100%) !important;
     border-radius: inherit;
     opacity: 0;
-    background: linear-gradient(180deg, rgba(255 255 255 / 0.15) 0%, rgba(255 255 255 / 0) 100%) !important;
     opacity: 0;
     transition: opacity 0.2s;
     background-blend-mode: normal;
@@ -44,8 +43,8 @@
 
   &:focus,
   &.focus {
-    box-shadow: var(--color-mktg-btn-shadow-focus), var(--color-mktg-btn-shadow-hover) !important;
     outline: 0;
+    box-shadow: var(--color-mktg-btn-shadow-focus), var(--color-mktg-btn-shadow-hover) !important;
   }
 
   &:hover,
@@ -62,6 +61,7 @@
 
   &:active {
     outline: none;
+    // stylelint-disable-next-line primer/box-shadow
     box-shadow: 0 0 0 transparent;
 
     &::before {
@@ -89,10 +89,12 @@
   }
 
   &:active {
+    // stylelint-disable-next-line primer/box-shadow
     box-shadow: var(--color-fg-default) 0 0 0 3px inset !important;
   }
 
   &:disabled {
+    // stylelint-disable-next-line primer/box-shadow
     box-shadow: var(--color-fg-subtle) 0 0 0 1px inset !important;
   }
 }
@@ -117,14 +119,18 @@
 }
 
 .btn-signup-mktg {
+  // stylelint-disable-next-line primer/colors
   color: #fff;
+  // stylelint-disable-next-line primer/colors
   background: linear-gradient(180deg, rgba(52, 183, 89, 0.15) 0%, rgba(46, 164, 79, 0) 100%), rgb(46, 164, 79) !important;
 
   &::before {
+    // stylelint-disable-next-line primer/colors
     background: linear-gradient(180deg, rgba(52, 183, 89, 0.15) 0%, rgba(46, 164, 79, 0) 100%) !important;
   }
 
   &:focus {
+    // stylelint-disable-next-line primer/box-shadow
     box-shadow: rgba(46, 164, 79, 0.45) 0 0 0 4px !important;
   }
 }

package/marketing/buttons/index.scss

@@ -1,3 +1,3 @@
 // support files
-@import "../support/index.scss";
-@import "./button.scss";
+@import '../support/index.scss';
+@import './button.scss';

package/marketing/support/index.scss

@@ -1,2 +1,2 @@
-@import "../../support/index.scss";
-@import "./variables.scss";
+@import '../../support/index.scss';
+@import './variables.scss';

package/marketing/support/variables.scss

@@ -1,6 +1,5 @@
-// stylelint-disable unit-no-unknown
 // Typography
-$marketing-font-path: "/fonts/" !default;
+$marketing-font-path: '/fonts/' !default;
 
 $font-mktg: $body-font !default;
 $font-weight-medium: 450 !default;
@@ -122,7 +121,7 @@ $transition-time: 0.4s !default;
 $ease-mktg: cubic-bezier(0.16, 1, 0.3, 1) !default;
 
 $marketing-position-variants: (
-  "": "",
-  md: "-md",
-  lg: "-lg",
+  '': '',
+  md: '-md',
+  lg: '-lg',
 ) !default;

package/marketing/type/index.scss

@@ -1,3 +1,3 @@
 // support files
-@import "../support/index.scss";
-@import "./typography.scss";
+@import '../support/index.scss';
+@import './typography.scss';