@adobe/spectrum-tokens 12.0.0-beta.41 → 12.0.0-beta.44

package/CHANGELOG.md

@@ -1,6 +1,6 @@
-# [12.0.0-beta.41](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.40...v12.0.0-beta.41) (2022-06-30)
+# [12.0.0-beta.44](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.43...v12.0.0-beta.44) (2022-08-01)
 
 
 ### Bug Fixes
 
-* upgrade sets to get fix for drover parser ([#52](https://github.com/adobe/spectrum-tokens/issues/52)) ([01acc19](https://github.com/adobe/spectrum-tokens/commit/01acc199f0928ed32450e299b5fa80897a5d3797))
+* correct missing "sets" nesting ([2d709d1](https://github.com/adobe/spectrum-tokens/commit/2d709d152bfa302cc48c377325e5e9971706b962))

package/dist/json/drover.json

@@ -1137,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",
@@ -1156,15 +1159,15 @@
     "progress-circle-thickness-large": "4px",
     "progress-circle-thickness-medium": "3px",
     "progress-circle-thickness-small": "2px",
-    "radio-button-control-size-extra-large-desktop": "18px",
-    "radio-button-control-size-large-desktop": "16px",
-    "radio-button-control-size-medium-desktop": "14px",
+    "radio-button-control-size-extra-large": "18px",
+    "radio-button-control-size-large": "16px",
+    "radio-button-control-size-medium": "14px",
     "radio-button-control-size-small": "12px",
     "radio-button-selection-indicator": "4px",
-    "radio-button-top-to-control-extra-large-desktop": "15px",
-    "radio-button-top-to-control-large-desktop": "12px",
-    "radio-button-top-to-control-medium-desktop": "9px",
-    "radio-button-top-to-control-small-desktop": "6px",
+    "radio-button-top-to-control-extra-large": "15px",
+    "radio-button-top-to-control-large": "12px",
+    "radio-button-top-to-control-medium": "9px",
+    "radio-button-top-to-control-small": "6px",
     "spacing-100": "8px",
     "spacing-1000": "96px",
     "spacing-200": "12px",
@@ -1197,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

@@ -8271,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"
       }
     }
   },
@@ -8455,11 +8455,13 @@
   "radio-button-control-size-medium": {
     "sets": {
       "spectrum": {
-        "desktop": {
-          "value": "14px"
-        },
-        "mobile": {
-          "value": "18px"
+        "sets": {
+          "desktop": {
+            "value": "14px"
+          },
+          "mobile": {
+            "value": "18px"
+          }
         }
       },
       "express": {
@@ -8477,11 +8479,13 @@
   "radio-button-control-size-large": {
     "sets": {
       "spectrum": {
-        "desktop": {
-          "value": "16px"
-        },
-        "mobile": {
-          "value": "20px"
+        "sets": {
+          "desktop": {
+            "value": "16px"
+          },
+          "mobile": {
+            "value": "20px"
+          }
         }
       },
       "express": {
@@ -8499,11 +8503,13 @@
   "radio-button-control-size-extra-large": {
     "sets": {
       "spectrum": {
-        "desktop": {
-          "value": "18px"
-        },
-        "mobile": {
-          "value": "22px"
+        "sets": {
+          "desktop": {
+            "value": "18px"
+          },
+          "mobile": {
+            "value": "22px"
+          }
         }
       },
       "express": {
@@ -8521,11 +8527,13 @@
   "radio-button-top-to-control-small": {
     "sets": {
       "spectrum": {
-        "desktop": {
-          "value": "6px"
-        },
-        "mobile": {
-          "value": "7px"
+        "sets": {
+          "desktop": {
+            "value": "6px"
+          },
+          "mobile": {
+            "value": "7px"
+          }
         }
       },
       "express": {
@@ -8543,11 +8551,13 @@
   "radio-button-top-to-control-medium": {
     "sets": {
       "spectrum": {
-        "desktop": {
-          "value": "9px"
-        },
-        "mobile": {
-          "value": "11px"
+        "sets": {
+          "desktop": {
+            "value": "9px"
+          },
+          "mobile": {
+            "value": "11px"
+          }
         }
       },
       "express": {
@@ -8565,11 +8575,13 @@
   "radio-button-top-to-control-large": {
     "sets": {
       "spectrum": {
-        "desktop": {
-          "value": "12px"
-        },
-        "mobile": {
-          "value": "15px"
+        "sets": {
+          "desktop": {
+            "value": "12px"
+          },
+          "mobile": {
+            "value": "15px"
+          }
         }
       },
       "express": {
@@ -8587,11 +8599,13 @@
   "radio-button-top-to-control-extra-large": {
     "sets": {
       "spectrum": {
-        "desktop": {
-          "value": "15px"
-        },
-        "mobile": {
-          "value": "19px"
+        "sets": {
+          "desktop": {
+            "value": "15px"
+          },
+          "mobile": {
+            "value": "19px"
+          }
         }
       },
       "express": {
@@ -9047,6 +9061,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.41",
+  "version": "12.0.0-beta.44",
   "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

@@ -879,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"
       }
     }
   },
@@ -1067,11 +1067,13 @@
   "radio-button-control-size-medium": {
     "sets": {
       "spectrum": {
-        "desktop": {
-          "value": "14px"
-        },
-        "mobile": {
-          "value": "18px"
+        "sets": {
+          "desktop": {
+            "value": "14px"
+          },
+          "mobile": {
+            "value": "18px"
+          }
         }
       },
       "express": {
@@ -1089,11 +1091,13 @@
   "radio-button-control-size-large": {
     "sets": {
       "spectrum":{
-        "desktop": {
-          "value": "16px"
-        },
-        "mobile": {
-          "value": "20px"
+        "sets": {
+          "desktop": {
+            "value": "16px"
+          },
+          "mobile": {
+            "value": "20px"
+          }
         }
       },
       "express": {
@@ -1111,11 +1115,13 @@
   "radio-button-control-size-extra-large": {
     "sets": {
       "spectrum": {
-        "desktop": {
-          "value": "18px"
-        },
-        "mobile": {
-          "value": "22px"
+        "sets": {
+          "desktop": {
+            "value": "18px"
+          },
+          "mobile": {
+            "value": "22px"
+          }
         }
       },
       "express": {
@@ -1133,11 +1139,13 @@
   "radio-button-top-to-control-small": {
     "sets": {
       "spectrum": {
-        "desktop": {
-          "value": "6px"
-        },
-        "mobile": {
-          "value": "7px"
+        "sets": {
+          "desktop": {
+            "value": "6px"
+          },
+          "mobile": {
+            "value": "7px"
+          }
         }
       },
       "express": {
@@ -1155,11 +1163,13 @@
   "radio-button-top-to-control-medium": {
     "sets": {
       "spectrum": {
-        "desktop": {
-          "value": "9px"
-        },
-        "mobile": {
-          "value": "11px"
+        "sets": {
+          "desktop": {
+            "value": "9px"
+          },
+          "mobile": {
+            "value": "11px"
+          }
         }
       },
       "express": {
@@ -1177,11 +1187,13 @@
   "radio-button-top-to-control-large": {
     "sets": {
       "spectrum": {
-        "desktop": {
-          "value": "12px"
-        },
-        "mobile": {
-          "value": "15px"
+        "sets": {
+          "desktop": {
+            "value": "12px"
+          },
+          "mobile": {
+            "value": "15px"
+          }
         }
       },
       "express": {
@@ -1199,11 +1211,13 @@
   "radio-button-top-to-control-extra-large": {
     "sets": {
       "spectrum": {
-        "desktop": {
-          "value": "15px"
-        },
-        "mobile": {
-          "value": "19px"
+        "sets": {
+          "desktop": {
+            "value": "15px"
+          },
+          "mobile": {
+            "value": "19px"
+          }
         }
       },
       "express": {
@@ -1658,5 +1672,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
+