@adobe/spectrum-tokens 12.0.0-beta.40 → 12.0.0-beta.43

package/CHANGELOG.md

@@ -1,6 +1,6 @@
-# [12.0.0-beta.40](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.39...v12.0.0-beta.40) (2022-06-24)
+# [12.0.0-beta.43](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.42...v12.0.0-beta.43) (2022-07-14)
 
 
 ### Bug Fixes
 
-* roll back postinstall change ([#50](https://github.com/adobe/spectrum-tokens/issues/50)) ([b37186b](https://github.com/adobe/spectrum-tokens/commit/b37186bda06282d0d6d71b1a7fe6c1c6a073d29d))
+* update help text icon spacing ([#55](https://github.com/adobe/spectrum-tokens/issues/55)) ([67df19b](https://github.com/adobe/spectrum-tokens/commit/67df19bf39a71f6dbd0df9b64642e057fb1c9295))

package/dist/json/drover.json

@@ -12,20 +12,28 @@
   },
   "colorThemes": {
     "light": {
-      "accent-color-100": "rgb(237, 238, 255)",
-      "accent-color-1000": "rgb(64, 70, 202)",
-      "accent-color-1100": "rgb(50, 54, 168)",
-      "accent-color-1200": "rgb(38, 41, 134)",
-      "accent-color-1300": "rgb(27, 30, 100)",
-      "accent-color-1400": "rgb(20, 22, 72)",
-      "accent-color-200": "rgb(224, 226, 255)",
-      "accent-color-300": "rgb(211, 213, 255)",
-      "accent-color-400": "rgb(193, 196, 255)",
-      "accent-color-500": "rgb(172, 175, 255)",
-      "accent-color-600": "rgb(149, 153, 255)",
-      "accent-color-700": "rgb(126, 132, 252)",
-      "accent-color-800": "rgb(104, 109, 244)",
-      "accent-color-900": "rgb(82, 88, 228)",
+      "accent-background-color-default": "rgb(2, 101, 220)",
+      "accent-background-color-down": "rgb(0, 68, 145)",
+      "accent-background-color-hover": "rgb(0, 84, 182)",
+      "accent-background-color-key-focus": "rgb(0, 84, 182)",
+      "accent-color-100": "rgb(224, 242, 255)",
+      "accent-color-1000": "rgb(0, 84, 182)",
+      "accent-color-1100": "rgb(0, 68, 145)",
+      "accent-color-1200": "rgb(0, 53, 113)",
+      "accent-color-1300": "rgb(0, 39, 84)",
+      "accent-color-1400": "rgb(0, 28, 60)",
+      "accent-color-200": "rgb(202, 232, 255)",
+      "accent-color-300": "rgb(181, 222, 255)",
+      "accent-color-400": "rgb(150, 206, 253)",
+      "accent-color-500": "rgb(120, 187, 250)",
+      "accent-color-600": "rgb(89, 167, 246)",
+      "accent-color-700": "rgb(56, 146, 243)",
+      "accent-color-800": "rgb(20, 122, 243)",
+      "accent-color-900": "rgb(2, 101, 220)",
+      "accent-content-color": "rgb(2, 101, 220)",
+      "accent-content-color-down": "rgb(0, 68, 145)",
+      "accent-content-color-hover": "rgb(0, 84, 182)",
+      "accent-content-color-key-focus": "rgb(0, 84, 182)",
       "background-base-color": "rgb(230, 230, 230)",
       "background-layer-1-color": "rgb(248, 248, 248)",
       "background-layer-2-color": "rgb(255, 255, 255)",
@@ -343,20 +351,28 @@
       "yellow-900": "rgb(133, 102, 0)"
     },
     "dark": {
-      "accent-color-100": "rgb(40, 44, 140)",
-      "accent-color-1000": "rgb(188, 190, 255)",
-      "accent-color-1100": "rgb(208, 210, 255)",
-      "accent-color-1200": "rgb(226, 228, 255)",
-      "accent-color-1300": "rgb(243, 243, 254)",
+      "accent-background-color-default": "rgb(114, 183, 249)",
+      "accent-background-color-down": "rgb(174, 219, 254)",
+      "accent-background-color-hover": "rgb(143, 202, 252)",
+      "accent-background-color-key-focus": "rgb(143, 202, 252)",
+      "accent-color-100": "rgb(0, 56, 119)",
+      "accent-color-1000": "rgb(143, 202, 252)",
+      "accent-color-1100": "rgb(174, 219, 254)",
+      "accent-color-1200": "rgb(204, 233, 255)",
+      "accent-color-1300": "rgb(232, 246, 255)",
       "accent-color-1400": "rgb(255, 255, 255)",
-      "accent-color-200": "rgb(47, 52, 163)",
-      "accent-color-300": "rgb(57, 63, 187)",
-      "accent-color-400": "rgb(70, 75, 211)",
-      "accent-color-500": "rgb(85, 91, 231)",
-      "accent-color-600": "rgb(104, 109, 244)",
-      "accent-color-700": "rgb(124, 129, 251)",
-      "accent-color-800": "rgb(145, 149, 255)",
-      "accent-color-900": "rgb(167, 170, 255)",
+      "accent-color-200": "rgb(0, 65, 138)",
+      "accent-color-300": "rgb(0, 77, 163)",
+      "accent-color-400": "rgb(0, 89, 194)",
+      "accent-color-500": "rgb(3, 103, 224)",
+      "accent-color-600": "rgb(19, 121, 243)",
+      "accent-color-700": "rgb(52, 143, 244)",
+      "accent-color-800": "rgb(84, 163, 246)",
+      "accent-color-900": "rgb(114, 183, 249)",
+      "accent-content-color": "rgb(114, 183, 249)",
+      "accent-content-color-down": "rgb(174, 219, 254)",
+      "accent-content-color-hover": "rgb(143, 202, 252)",
+      "accent-content-color-key-focus": "rgb(143, 202, 252)",
       "background-base-color": "rgb(63, 63, 63)",
       "background-layer-1-color": "rgb(50, 50, 50)",
       "background-layer-2-color": "rgb(29, 29, 29)",
@@ -674,20 +690,28 @@
       "yellow-900": "rgb(211, 174, 0)"
     },
     "darkest": {
-      "accent-color-100": "rgb(26, 29, 97)",
-      "accent-color-1000": "rgb(174, 177, 255)",
-      "accent-color-1100": "rgb(194, 196, 255)",
-      "accent-color-1200": "rgb(212, 213, 255)",
-      "accent-color-1300": "rgb(227, 228, 255)",
-      "accent-color-1400": "rgb(240, 240, 255)",
-      "accent-color-200": "rgb(35, 39, 125)",
-      "accent-color-300": "rgb(46, 50, 158)",
-      "accent-color-400": "rgb(58, 63, 189)",
-      "accent-color-500": "rgb(73, 78, 216)",
-      "accent-color-600": "rgb(90, 96, 235)",
-      "accent-color-700": "rgb(110, 115, 246)",
-      "accent-color-800": "rgb(132, 136, 253)",
-      "accent-color-900": "rgb(153, 157, 255)",
+      "accent-background-color-default": "rgb(94, 170, 247)",
+      "accent-background-color-down": "rgb(152, 206, 253)",
+      "accent-background-color-hover": "rgb(124, 189, 250)",
+      "accent-background-color-key-focus": "rgb(124, 189, 250)",
+      "accent-color-100": "rgb(0, 38, 81)",
+      "accent-color-1000": "rgb(124, 189, 250)",
+      "accent-color-1100": "rgb(152, 206, 253)",
+      "accent-color-1200": "rgb(179, 222, 254)",
+      "accent-color-1300": "rgb(206, 234, 255)",
+      "accent-color-1400": "rgb(227, 243, 255)",
+      "accent-color-200": "rgb(0, 50, 106)",
+      "accent-color-300": "rgb(0, 64, 135)",
+      "accent-color-400": "rgb(0, 78, 166)",
+      "accent-color-500": "rgb(0, 92, 200)",
+      "accent-color-600": "rgb(6, 108, 231)",
+      "accent-color-700": "rgb(29, 128, 245)",
+      "accent-color-800": "rgb(64, 150, 243)",
+      "accent-color-900": "rgb(94, 170, 247)",
+      "accent-content-color": "rgb(94, 170, 247)",
+      "accent-content-color-down": "rgb(152, 206, 253)",
+      "accent-content-color-hover": "rgb(124, 189, 250)",
+      "accent-content-color-key-focus": "rgb(124, 189, 250)",
       "background-base-color": "rgb(48, 48, 48)",
       "background-layer-1-color": "rgb(29, 29, 29)",
       "background-layer-2-color": "rgb(0, 0, 0)",
@@ -1013,6 +1037,7 @@
     "action-bar-height": "48px",
     "action-bar-top-to-item-counter": "14px",
     "action-button-edge-to-hold-icon-extra-large": "6px",
+    "action-button-edge-to-hold-icon-extra-small": "3px",
     "action-button-edge-to-hold-icon-large": "5px",
     "action-button-edge-to-hold-icon-medium": "4px",
     "action-button-edge-to-hold-icon-small": "3px",
@@ -1112,13 +1137,16 @@
     "font-size-75": "12px",
     "font-size-800": "32px",
     "font-size-900": "36px",
-    "help-text-top-to-workflow-icon-extra-large": "13px",
-    "help-text-top-to-workflow-icon-large": "10px",
-    "help-text-top-to-workflow-icon-medium": "7px",
+    "help-text-top-to-workflow-icon-extra-large": "9px",
+    "help-text-top-to-workflow-icon-large": "6px",
+    "help-text-top-to-workflow-icon-medium": "3px",
     "help-text-top-to-workflow-icon-small": "4px",
     "in-line-alert-minimum-width": "320px",
     "line-height-100": "1.3",
     "line-height-200": "1.5",
+    "popover-tip-height": "8px",
+    "popover-tip-width": "16px",
+    "popover-top-to-content-area": "4px",
     "progress-bar-maximum-width": "768px",
     "progress-bar-minimum-width": "48px",
     "progress-bar-thickness-extra-large": "10px",
@@ -1172,6 +1200,12 @@
     "switch-top-to-control-large": "12px",
     "switch-top-to-control-medium": "9px",
     "switch-top-to-control-small": "6px",
+    "tag-top-to-avatar-large": "9px",
+    "tag-top-to-avatar-medium": "6px",
+    "tag-top-to-avatar-small": "4px",
+    "tag-top-to-cross-icon-large": "15px",
+    "tag-top-to-cross-icon-medium": "12px",
+    "tag-top-to-cross-icon-small": "8px",
     "text-to-control-100": "10px",
     "text-to-control-200": "11px",
     "text-to-control-300": "13px",

package/dist/json/variables.json

@@ -7830,7 +7830,7 @@
         "value": "5px"
       },
       "mobile": {
-        "value": "7px"
+        "value": "6px"
       }
     }
   },
@@ -7884,6 +7884,16 @@
       }
     }
   },
+  "action-button-edge-to-hold-icon-extra-small": {
+    "sets": {
+      "desktop": {
+        "value": "3px"
+      },
+      "mobile": {
+        "value": "3px"
+      }
+    }
+  },
   "action-button-edge-to-hold-icon-small": {
     "sets": {
       "desktop": {
@@ -8261,30 +8271,30 @@
   "help-text-top-to-workflow-icon-medium": {
     "sets": {
       "desktop": {
-        "value": "7px"
+        "value": "3px"
       },
       "mobile": {
-        "value": "9px"
+        "value": "4px"
       }
     }
   },
   "help-text-top-to-workflow-icon-large": {
     "sets": {
       "desktop": {
-        "value": "10px"
+        "value": "6px"
       },
       "mobile": {
-        "value": "13px"
+        "value": "8px"
       }
     }
   },
   "help-text-top-to-workflow-icon-extra-large": {
     "sets": {
       "desktop": {
-        "value": "13px"
+        "value": "9px"
       },
       "mobile": {
-        "value": "16px"
+        "value": "11px"
       }
     }
   },
@@ -9037,6 +9047,82 @@
       }
     }
   },
+  "tag-top-to-avatar-small": {
+    "sets": {
+      "desktop": {
+        "value": "4px"
+      },
+      "mobile": {
+        "value": "5px"
+      }
+    }
+  },
+  "tag-top-to-avatar-medium": {
+    "sets": {
+      "desktop": {
+        "value": "6px"
+      },
+      "mobile": {
+        "value": "9px"
+      }
+    }
+  },
+  "tag-top-to-avatar-large": {
+    "sets": {
+      "desktop": {
+        "value": "9px"
+      },
+      "mobile": {
+        "value": "12px"
+      }
+    }
+  },
+  "tag-top-to-cross-icon-small": {
+    "sets": {
+      "desktop": {
+        "value": "8px"
+      },
+      "mobile": {
+        "value": "10px"
+      }
+    }
+  },
+  "tag-top-to-cross-icon-medium": {
+    "sets": {
+      "desktop": {
+        "value": "12px"
+      },
+      "mobile": {
+        "value": "15px"
+      }
+    }
+  },
+  "tag-top-to-cross-icon-large": {
+    "sets": {
+      "desktop": {
+        "value": "15px"
+      },
+      "mobile": {
+        "value": "19px"
+      }
+    }
+  },
+  "popover-tip-width": {
+    "value": "16px"
+  },
+  "popover-tip-height": {
+    "value": "8px"
+  },
+  "popover-top-to-content-area": {
+    "sets": {
+      "desktop": {
+        "value": "4px"
+      },
+      "mobile": {
+        "value": "5px"
+      }
+    }
+  },
   "corner-radius-75": {
     "sets": {
       "spectrum": {

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "12.0.0-beta.40",
+  "version": "12.0.0-beta.43",
   "description": "",
   "main": "config.js",
   "scripts": {
     "build": "style-dictionary build",
+    "diffLastRelease": ". tasks/diffOutput.sh",
     "clean": "rm -rf dist",
     "pre-commit": "lint-staged",
     "prepare": "husky install && yarn run build",

package/src/component-layout.json

@@ -436,7 +436,7 @@
         "value": "5px"
       },
       "mobile": {
-        "value": "7px"
+        "value": "6px"
       }
     }
   },
@@ -491,6 +491,16 @@
       }
     }
   },
+  "action-button-edge-to-hold-icon-extra-small":{
+    "sets": {
+      "desktop": {
+        "value": "3px"
+      },
+      "mobile": {
+        "value": "3px"
+      }
+    }
+  },
   "action-button-edge-to-hold-icon-small": {
     "sets": {
       "desktop": {
@@ -869,30 +879,30 @@
   "help-text-top-to-workflow-icon-medium": {
     "sets": {
       "desktop": {
-        "value": "7px"
+        "value": "3px"
       },
       "mobile": {
-        "value": "9px"
+        "value": "4px"
       }
     }
   },
   "help-text-top-to-workflow-icon-large": {
     "sets": {
       "desktop": {
-        "value": "10px"
+        "value": "6px"
       },
       "mobile": {
-        "value": "13px"
+        "value": "8px"
       }
     }
   },
   "help-text-top-to-workflow-icon-extra-large": {
     "sets": {
       "desktop": {
-        "value": "13px"
+        "value": "9px"
       },
       "mobile": {
-        "value": "16px"
+        "value": "11px"
       }
     }
   },
@@ -1648,5 +1658,82 @@
         "value": "200px"
       }
     }
+  },
+  "tag-top-to-avatar-small": {
+    "sets": {
+      "desktop": {
+        "value": "4px"
+      },
+      "mobile": {
+        "value": "5px"
+      }
+    }
+  },
+  "tag-top-to-avatar-medium": {
+    "sets": {
+      "desktop": {
+        "value": "6px"
+      },
+      "mobile": {
+        "value": "9px"
+      }
+    }
+  },
+  "tag-top-to-avatar-large": {
+    "sets": {
+      "desktop": {
+        "value": "9px"
+      },
+      "mobile": {
+        "value": "12px"
+      }
+    }
+  },
+  "tag-top-to-cross-icon-small": {
+    "sets": {
+      "desktop": {
+        "value": "8px"
+      },
+      "mobile": {
+        "value": "10px"
+      }
+    }
+  },
+  "tag-top-to-cross-icon-medium": {
+    "sets": {
+      "desktop": {
+        "value": "12px"
+      },
+      "mobile": {
+        "value": "15px"
+      }
+    }
+  },
+  "tag-top-to-cross-icon-large": {
+    "sets": {
+      "desktop": {
+        "value": "15px"
+      },
+      "mobile": {
+        "value": "19px"
+      }
+    }
+  },
+  "popover-tip-width": {
+    "value": "16px"
+  },
+  "popover-tip-height": {
+    "value": "8px"
+  },
+  "popover-top-to-content-area": {
+    "sets": {
+      "desktop": {
+        "value": "4px"
+      },
+      "mobile": {
+        "value": "5px"
+      }
+    }
   }
+
 }

package/tasks/diffOutput.sh

@@ -0,0 +1,36 @@
+#!/bin/bash
+
+# test for a target dist file to look for
+if [ -z "$1" ]
+then
+  echo "No dist file type was specified, default to variables.json"
+  fetchType='variables'
+else
+  fetchType=$1
+fi
+
+# set up what we want to look for
+lastRelease=`npm show @adobe/spectrum-tokens@beta version`
+fetchTarget="@adobe/spectrum-tokens@$lastRelease/dist/json/$fetchType.json"
+
+echo "Attempting to fetch and diff $fetchTarget"
+
+# clean up the last run
+rm .tmp/old-$fetchType.json
+
+# grab the unpackage for the version we asked for
+fetchURL="https://unpkg.com/$fetchTarget"
+curl --silent -o .tmp/old-$fetchType.json $fetchURL
+
+# git diff is pretty
+git diff --no-index .tmp/old-$fetchType.json dist/json/$fetchType.json
+
+# diff sends 1 if there are differences, the script thinks it had an error# 
+# this just catches the code and stuffs it if there's actually a diff
+exit_code=$?
+
+if [ $exit_code == 0 ]
+then  
+  echo "No difference found."
+fi
+