@adobe/spectrum-tokens 12.0.0-beta.18 → 12.0.0-beta.21

package/CHANGELOG.md

@@ -1,6 +1,6 @@
-# [12.0.0-beta.18](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.17...v12.0.0-beta.18) (2022-04-21)
+# [12.0.0-beta.21](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.20...v12.0.0-beta.21) (2022-04-27)
 
 
 ### Bug Fixes
 
-* correct nested sets, they were missing another sets object ([68dfd60](https://github.com/adobe/spectrum-tokens/commit/68dfd60f6d930d042788c8616e214aa15042aaab))
+* correct typo that was breaking the build ([adc4c91](https://github.com/adobe/spectrum-tokens/commit/adc4c91dffe00bd183d231ff270c71e4a436e1a6))

package/dist/json/variables.json

@@ -72,7 +72,7 @@
     "ref": "{black}",
     "value": "rgb(0, 0, 0)"
   },
-  "neutral-content-color": {
+  "neutral-content-color-default": {
     "ref": "{gray-800}",
     "sets": {
       "light": {
@@ -2224,6 +2224,294 @@
       }
     }
   },
+  "positive-background-color-default": {
+    "sets": {
+      "light": {
+        "ref": "{positive-color-900}",
+        "sets": {
+          "light": {
+            "value": "rgb(0, 122, 77)"
+          },
+          "dark": {
+            "value": "rgb(67, 199, 143)"
+          },
+          "darkest": {
+            "value": "rgb(52, 187, 132)"
+          },
+          "wireframe": {
+            "value": "rgb(154, 177, 227)"
+          }
+        }
+      },
+      "dark": {
+        "ref": "{positive-color-500}",
+        "sets": {
+          "light": {
+            "value": "rgb(73, 204, 147)"
+          },
+          "dark": {
+            "value": "rgb(0, 125, 78)"
+          },
+          "darkest": {
+            "value": "rgb(0, 111, 69)"
+          },
+          "wireframe": {
+            "value": "rgb(216, 225, 244)"
+          }
+        }
+      },
+      "darkest": {
+        "ref": "{positive-color-600}",
+        "sets": {
+          "light": {
+            "value": "rgb(47, 184, 128)"
+          },
+          "dark": {
+            "value": "rgb(0, 143, 93)"
+          },
+          "darkest": {
+            "value": "rgb(0, 130, 82)"
+          },
+          "wireframe": {
+            "value": "rgb(203, 215, 241)"
+          }
+        }
+      },
+      "wireframe": {
+        "ref": "{positive-color-900}",
+        "sets": {
+          "light": {
+            "value": "rgb(0, 122, 77)"
+          },
+          "dark": {
+            "value": "rgb(67, 199, 143)"
+          },
+          "darkest": {
+            "value": "rgb(52, 187, 132)"
+          },
+          "wireframe": {
+            "value": "rgb(154, 177, 227)"
+          }
+        }
+      }
+    }
+  },
+  "positive-background-color-hover": {
+    "sets": {
+      "light": {
+        "ref": "{positive-color-1000}",
+        "sets": {
+          "light": {
+            "value": "rgb(0, 101, 62)"
+          },
+          "dark": {
+            "value": "rgb(94, 217, 162)"
+          },
+          "darkest": {
+            "value": "rgb(75, 205, 149)"
+          },
+          "wireframe": {
+            "value": "rgb(133, 161, 219)"
+          }
+        }
+      },
+      "dark": {
+        "ref": "{positive-color-400}",
+        "sets": {
+          "light": {
+            "value": "rgb(103, 222, 168)"
+          },
+          "dark": {
+            "value": "rgb(0, 108, 67)"
+          },
+          "darkest": {
+            "value": "rgb(0, 93, 57)"
+          },
+          "wireframe": {
+            "value": "rgb(226, 232, 247)"
+          }
+        }
+      },
+      "darkest": {
+        "ref": "{positive-color-500}",
+        "sets": {
+          "light": {
+            "value": "rgb(73, 204, 147)"
+          },
+          "dark": {
+            "value": "rgb(0, 125, 78)"
+          },
+          "darkest": {
+            "value": "rgb(0, 111, 69)"
+          },
+          "wireframe": {
+            "value": "rgb(216, 225, 244)"
+          }
+        }
+      },
+      "wireframe": {
+        "ref": "{positive-color-1000}",
+        "sets": {
+          "light": {
+            "value": "rgb(0, 101, 62)"
+          },
+          "dark": {
+            "value": "rgb(94, 217, 162)"
+          },
+          "darkest": {
+            "value": "rgb(75, 205, 149)"
+          },
+          "wireframe": {
+            "value": "rgb(133, 161, 219)"
+          }
+        }
+      }
+    }
+  },
+  "positive-background-color-down": {
+    "sets": {
+      "light": {
+        "ref": "{positive-color-1100}",
+        "sets": {
+          "light": {
+            "value": "rgb(0, 81, 50)"
+          },
+          "dark": {
+            "value": "rgb(129, 233, 184)"
+          },
+          "darkest": {
+            "value": "rgb(103, 222, 168)"
+          },
+          "wireframe": {
+            "value": "rgb(114, 145, 211)"
+          }
+        }
+      },
+      "dark": {
+        "ref": "{positive-color-300}",
+        "sets": {
+          "light": {
+            "value": "rgb(137, 236, 188)"
+          },
+          "dark": {
+            "value": "rgb(0, 92, 56)"
+          },
+          "darkest": {
+            "value": "rgb(0, 76, 46)"
+          },
+          "wireframe": {
+            "value": "rgb(233, 238, 248)"
+          }
+        }
+      },
+      "darkest": {
+        "ref": "{positive-color-400}",
+        "sets": {
+          "light": {
+            "value": "rgb(103, 222, 168)"
+          },
+          "dark": {
+            "value": "rgb(0, 108, 67)"
+          },
+          "darkest": {
+            "value": "rgb(0, 93, 57)"
+          },
+          "wireframe": {
+            "value": "rgb(226, 232, 247)"
+          }
+        }
+      },
+      "wireframe": {
+        "ref": "{positive-color-1100}",
+        "sets": {
+          "light": {
+            "value": "rgb(0, 81, 50)"
+          },
+          "dark": {
+            "value": "rgb(129, 233, 184)"
+          },
+          "darkest": {
+            "value": "rgb(103, 222, 168)"
+          },
+          "wireframe": {
+            "value": "rgb(114, 145, 211)"
+          }
+        }
+      }
+    }
+  },
+  "positive-background-color-key-focus": {
+    "sets": {
+      "light": {
+        "ref": "{positive-color-1000}",
+        "sets": {
+          "light": {
+            "value": "rgb(0, 101, 62)"
+          },
+          "dark": {
+            "value": "rgb(94, 217, 162)"
+          },
+          "darkest": {
+            "value": "rgb(75, 205, 149)"
+          },
+          "wireframe": {
+            "value": "rgb(133, 161, 219)"
+          }
+        }
+      },
+      "dark": {
+        "ref": "{positive-color-400}",
+        "sets": {
+          "light": {
+            "value": "rgb(103, 222, 168)"
+          },
+          "dark": {
+            "value": "rgb(0, 108, 67)"
+          },
+          "darkest": {
+            "value": "rgb(0, 93, 57)"
+          },
+          "wireframe": {
+            "value": "rgb(226, 232, 247)"
+          }
+        }
+      },
+      "darkest": {
+        "ref": "{positive-color-500}",
+        "sets": {
+          "light": {
+            "value": "rgb(73, 204, 147)"
+          },
+          "dark": {
+            "value": "rgb(0, 125, 78)"
+          },
+          "darkest": {
+            "value": "rgb(0, 111, 69)"
+          },
+          "wireframe": {
+            "value": "rgb(216, 225, 244)"
+          }
+        }
+      },
+      "wireframe": {
+        "ref": "{positive-color-1000}",
+        "sets": {
+          "light": {
+            "value": "rgb(0, 101, 62)"
+          },
+          "dark": {
+            "value": "rgb(94, 217, 162)"
+          },
+          "darkest": {
+            "value": "rgb(75, 205, 149)"
+          },
+          "wireframe": {
+            "value": "rgb(133, 161, 219)"
+          }
+        }
+      }
+    }
+  },
   "disabled-content-color": {
     "ref": "{gray-400}",
     "sets": {
@@ -7634,6 +7922,46 @@
       }
     }
   },
+  "toast-height": {
+    "sets": {
+      "desktop": {
+        "value": "48px"
+      },
+      "mobile": {
+        "value": "56px"
+      }
+    }
+  },
+  "toast-top-to-workflow-icon": {
+    "sets": {
+      "desktop": {
+        "value": "15px"
+      },
+      "mobile": {
+        "value": "17px"
+      }
+    }
+  },
+  "toast-top-to-text": {
+    "sets": {
+      "desktop": {
+        "value": "14px"
+      },
+      "mobile": {
+        "value": "16px"
+      }
+    }
+  },
+  "toast-bottom-to-text": {
+    "sets": {
+      "desktop": {
+        "value": "17px"
+      },
+      "mobile": {
+        "value": "19px"
+      }
+    }
+  },
   "tooltip-width": {
     "sets": {
       "desktop": {
@@ -7654,6 +7982,16 @@
       }
     }
   },
+  "tooltip-maximum-width": {
+    "sets": {
+      "desktop": {
+        "value": "160px"
+      },
+      "mobile": {
+        "value": "200px"
+      }
+    }
+  },
   "corner-radius-75": {
     "sets": {
       "spectrum": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "12.0.0-beta.18",
+  "version": "12.0.0-beta.21",
   "description": "",
   "main": "config.js",
   "scripts": {

package/src/color-alias.json

@@ -60,7 +60,7 @@
     "value": "{black}"
   },
 
-  "neutral-content-color": {
+  "neutral-content-color-default": {
     "value": "{gray-800}"
   },
   "neutral-content-color-hover": {
@@ -435,6 +435,70 @@
       }
     }
   },
+  "positive-background-color-default": {
+    "sets": {
+      "light": {
+        "value": "{positive-color-900}"
+      },
+      "dark": {
+        "value": "{positive-color-500}"
+      },
+      "darkest": {
+        "value": "{positive-color-600}"
+      },
+      "wireframe": {
+        "value": "{positive-color-900}"
+      }
+    }
+  },
+  "positive-background-color-hover": {
+    "sets": {
+      "light": {
+        "value": "{positive-color-1000}"
+      },
+      "dark": {
+        "value": "{positive-color-400}"
+      },
+      "darkest": {
+        "value": "{positive-color-500}"
+      },
+      "wireframe": {
+        "value": "{positive-color-1000}"
+      }
+    }
+  },
+  "positive-background-color-down": {
+    "sets": {
+      "light": {
+        "value": "{positive-color-1100}"
+      },
+      "dark": {
+        "value": "{positive-color-300}"
+      },
+      "darkest": {
+        "value": "{positive-color-400}"
+      },
+      "wireframe": {
+        "value": "{positive-color-1100}"
+      }
+    }
+  },
+  "positive-background-color-key-focus": {
+    "sets": {
+      "light": {
+        "value": "{positive-color-1000}"
+      },
+      "dark": {
+        "value": "{positive-color-400}"
+      },
+      "darkest": {
+        "value": "{positive-color-500}"
+      },
+      "wireframe": {
+        "value": "{positive-color-1000}"
+      }
+    }
+  },
 
   "disabled-content-color": {
     "value": "{gray-400}"

package/src/component-layout.json

@@ -747,6 +747,48 @@
       }
     }
   },
+
+  "toast-height": {
+    "sets": {
+      "desktop": {
+        "value": "48px"
+      },
+      "mobile": {
+        "value": "56px"
+      }
+    }
+  },
+  "toast-top-to-workflow-icon": {
+    "sets": {
+      "desktop": {
+        "value": "15px"
+      },
+      "mobile": {
+        "value": "17px"
+      }
+    }
+  },
+  "toast-top-to-text": {
+    "sets": {
+      "desktop": {
+        "value": "14px"
+      },
+      "mobile": {
+        "value": "16px"
+      }
+    }
+  },
+  "toast-bottom-to-text": {
+    "sets": {
+      "desktop": {
+        "value": "17px"
+      },
+      "mobile": {
+        "value": "19px"
+      }
+    }
+  },
+
   "tooltip-width": {
     "sets": {
       "desktop": {
@@ -766,5 +808,15 @@
         "value": "5px"
       }
     }
+  },
+  "tooltip-maximum-width": {
+    "sets": {
+      "desktop": {
+        "value": "160px"
+      },
+      "mobile": {
+        "value": "200px"
+      }
+    }
   }
 }