aberdeen 1.11.1 → 1.11.2

package/dist/src/aberdeen.d.ts

@@ -604,6 +604,20 @@ export declare function insertCss(style: string | object): string;
  *   }
  * });
  * ```
+ * At-rules such as `@media` and `@keyframes` should use nested objects. For keyframes,
+ * the step selectors (`0%`, `50%`, `100%`, etc.) become the nested keys and each value
+ * should be a concise CSS declaration string.
+ *
+ * @example Animation Keyframes
+ * ```typescript
+ * A.insertGlobalCss({
+ *   "@keyframes connection-pulse": {
+ *     "0%": "box-shadow: inset 0 0 0 0 rgba(255, 70, 70, 0.4);",
+ *     "50%": "box-shadow: inset 0 0 0 6px rgba(255, 70, 70, 0.08);",
+ *     "100%": "box-shadow: inset 0 0 0 0 rgba(255, 70, 70, 0.4);"
+ *   }
+ * });
+ * ```
  */
 export declare function insertGlobalCss(style: object): void;
 /**

package/dist/src/aberdeen.js

@@ -1533,6 +1533,7 @@ var KEBAB_SEGMENT = /-([a-z])/g;
 function toCamel(p) {
   return p.replace(KEBAB_SEGMENT, (_, l) => l.toUpperCase());
 }
+var VALID_CSS_KEY = /^[a-zA-Z-]+$/;
 function styleStringToCss(styleStr, selector) {
   let props = "";
   for (let pos = 0, len = styleStr.length;pos < len; ) {
@@ -1544,6 +1545,8 @@ function styleStringToCss(styleStr, selector) {
     if (colon === -1)
       break;
     const key = styleStr.substring(pos, colon);
+    if (!VALID_CSS_KEY.test(key))
+      throw new Error(`Invalid CSS key: "${key}" in style string: "${styleStr}"`);
     pos = colon + 1;
     let val;
     if (styleStr[pos] === " ") {
@@ -1868,5 +1871,5 @@ export {
   A
 };
 
-//# debugId=CEB17464CFEBA2F464756E2164756E21
+//# debugId=AA068B3D70931BF264756E2164756E21
 //# sourceMappingURL=aberdeen.js.map