@wavemaker-ai/foundation-css 1.0.0-rc.647469

package/src/tokens/web/global/icon/icon.json

@@ -0,0 +1,84 @@
+{
+  "icon": {
+    "size": {
+      "@": {
+        "value": "24px",
+        "attributes": {
+          "subtype": "icon-size"
+        }
+      },
+      "xs": {
+        "value": "{icon.size.@.value}",
+        "attributes": {
+          "comment": "0px",
+          "multiple": "0.5",
+          "derivedFrom": "icon.size.@",
+          "subtype": "icon-size"
+        }
+      },
+      "sm": {
+        "value": "{icon.size.@.value}",
+        "attributes": {
+          "comment": "0px",
+          "multiple": "0.75",
+          "derivedFrom": "icon.size.@",
+          "subtype": "icon-size"
+        }
+      },
+      "md": {
+        "value": "{icon.size.@.value}",
+        "attributes": {
+          "comment": "0px",
+          "multiple": "1",
+          "derivedFrom": "icon.size.@",
+          "subtype": "icon-size"
+        }
+      },
+      "lg": {
+        "value": "{icon.size.@.value}",
+        "attributes": {
+          "comment": "0px",
+          "multiple": "1.25",
+          "derivedFrom": "icon.size.@",
+          "subtype": "icon-size"
+        }
+      },
+      "2x": {
+        "value": "{icon.size.@.value}",
+        "attributes": {
+          "comment": "0px",
+          "multiple": "1.5",
+          "derivedFrom": "icon.size.@",
+          "subtype": "icon-size"
+        }
+      },
+      "3x": {
+        "value": "{icon.size.@.value}",
+        "attributes": {
+          "comment": "0px",
+          "multiple": "1.75",
+          "derivedFrom": "icon.size.@",
+          "subtype": "icon-size"
+        }
+      },
+      "4x": {
+        "value": "{icon.size.@.value}",
+        "attributes": {
+          "comment": "0px",
+          "multiple": "2",
+          "derivedFrom": "icon.size.@",
+          "subtype": "icon-size"
+        }
+      },
+      "5x": {
+        "value": "{icon.size.@.value}",
+        "attributes": {
+          "comment": "0px",
+          "multiple": "2.25",
+          "derivedFrom": "icon.size.@",
+          "subtype": "icon-size"
+        }
+      }
+    }
+  }
+}

package/src/tokens/web/global/margin/margin.json

@@ -0,0 +1,57 @@
+{
+  "margin": {
+    "base": { "value": "4px", "attributes": { "subtype": "margin" } },
+    "0": {
+      "value": "{margin.base.value}",
+      "attributes": { "multiple": "0", "subtype": "margin" }
+    },
+    "1": {
+      "value": "{margin.base.value}",
+      "attributes": { "multiple": "1", "subtype": "margin" }
+    },
+    "2": {
+      "value": "{margin.base.value}",
+      "attributes": { "multiple": "2", "subtype": "margin" }
+    },
+    "3": {
+      "value": "{margin.base.value}",
+      "attributes": { "multiple": "3", "subtype": "margin" }
+    },
+    "4": {
+      "value": "{margin.base.value}",
+      "attributes": { "multiple": "4", "subtype": "margin" }
+    },
+    "5": {
+      "value": "{margin.base.value}",
+      "attributes": { "multiple": "5", "subtype": "margin" }
+    },
+    "6": {
+      "value": "{margin.base.value}",
+      "attributes": { "multiple": "6", "subtype": "margin" }
+    },
+    "7": {
+      "value": "{margin.base.value}",
+      "attributes": { "multiple": "7", "subtype": "margin" }
+    },
+    "8": {
+      "value": "{margin.base.value}",
+      "attributes": { "multiple": "8", "subtype": "margin" }
+    },
+    "9": {
+      "value": "{margin.base.value}",
+      "attributes": { "multiple": "9", "subtype": "margin" }
+    },
+    "10": {
+      "value": "{margin.base.value}",
+      "attributes": { "multiple": "10", "subtype": "margin" }
+    },
+    "11": {
+      "value": "{margin.base.value}",
+      "attributes": { "multiple": "11", "subtype": "margin" }
+    },
+    "12": {
+      "value": "{margin.base.value}",
+      "attributes": { "multiple": "12", "subtype": "margin" }
+    }
+  }
+}

package/src/tokens/web/global/opacity/opacity.json

@@ -0,0 +1,7 @@
+{
+  "opacity": {
+    "hover": { "value": "8%", "attributes": { "subtype": "opacity" } },
+    "focus": { "value": "12%", "attributes": { "subtype": "opacity" } },
+    "active": { "value": "16%", "attributes": { "subtype": "opacity" } }
+  }
+}

package/src/tokens/web/global/radius/radius.json

@@ -0,0 +1,77 @@
+{
+  "radius": {
+    "base": { "value": "2px", "attributes": { "subtype": "radius" } },
+    "none": {
+      "value": "{radius.base.value}",
+      "attributes": {
+        "multiple": "0",
+        "derivedFrom": "radius.base",
+        "subtype": "radius"
+      }
+    },
+    "xxs": {
+      "value": "{radius.base.value}",
+      "attributes": {
+        "multiple": "1",
+        "derivedFrom": "radius.base",
+        "subtype": "radius"
+      }
+    },
+    "xs": {
+      "value": "{radius.base.value}",
+      "attributes": {
+        "multiple": "2",
+        "derivedFrom": "radius.base",
+        "subtype": "radius"
+      }
+    },
+    "sm": {
+      "value": "{radius.base.value}",
+      "attributes": {
+        "multiple": "4",
+        "derivedFrom": "radius.base",
+        "subtype": "radius"
+      }
+    },
+    "md": {
+      "value": "{radius.base.value}",
+      "attributes": {
+        "multiple": "6",
+        "derivedFrom": "radius.base",
+        "subtype": "radius"
+      }
+    },
+    "lg": {
+      "value": "{radius.base.value}",
+      "attributes": {
+        "multiple": "8",
+        "derivedFrom": "radius.base",
+        "subtype": "radius"
+      }
+    },
+    "xl": {
+      "value": "{radius.base.value}",
+      "attributes": {
+        "multiple": "14",
+        "derivedFrom": "radius.base",
+        "subtype": "radius"
+      }
+    },
+    "xxl": {
+      "value": "{radius.base.value}",
+      "attributes": {
+        "multiple": "16",
+        "derivedFrom": "radius.base",
+        "subtype": "radius"
+      }
+    },
+    "pill": {
+      "value": "1000px",
+      "attributes": { "subtype": "radius" }
+    },
+    "circle": {
+      "value": "50%",
+      "attributes": { "subtype": "radius" }
+    }
+  }
+}

package/src/tokens/web/global/space/space.json

@@ -0,0 +1,125 @@
+{
+  "space": {
+    "rule": {
+      "value": "4px",
+      "attributes": { "comment": "4px", "subtype": "space" }
+    },
+    "0": {
+      "value": "{space.rule.value}",
+      "attributes": {
+        "comment": "0px",
+        "multiple": "0",
+        "derivedFrom": "space.rule",
+        "subtype": "space"
+      }
+    },
+    "1": {
+      "value": "{space.rule.value}",
+      "attributes": {
+        "multiple": "1",
+        "comment": "4px",
+        "derivedFrom": "space.rule",
+        "subtype": "space"
+      }
+    },
+    "2": {
+      "value": "{space.rule.value}",
+      "attributes": {
+        "multiple": "2",
+        "comment": "8px",
+        "derivedFrom": "space.rule",
+        "subtype": "space"
+      }
+    },
+    "3": {
+      "value": "{space.rule.value}",
+      "attributes": {
+        "multiple": "3",
+        "comment": "12px",
+        "derivedFrom": "space.rule",
+        "subtype": "space"
+      }
+    },
+    "4": {
+      "value": "{space.rule.value}",
+      "attributes": {
+        "multiple": "4",
+        "comment": "16px",
+        "derivedFrom": "space.rule",
+        "subtype": "space"
+      }
+    },
+    "5": {
+      "value": "{space.rule.value}",
+      "attributes": {
+        "multiple": "5",
+        "comment": "20px",
+        "derivedFrom": "space.rule",
+        "subtype": "space"
+      }
+    },
+    "6": {
+      "value": "{space.rule.value}",
+      "attributes": {
+        "multiple": "6",
+        "comment": "24px",
+        "derivedFrom": "space.rule",
+        "subtype": "space"
+      }
+    },
+    "7": {
+      "value": "{space.rule.value}",
+      "attributes": {
+        "multiple": "7",
+        "comment": "28px",
+        "derivedFrom": "space.rule",
+        "subtype": "space"
+      }
+    },
+    "8": {
+      "value": "{space.rule.value}",
+      "attributes": {
+        "multiple": "8",
+        "comment": "32px",
+        "derivedFrom": "space.rule",
+        "subtype": "space"
+      }
+    },
+    "9": {
+      "value": "{space.rule.value}",
+      "attributes": {
+        "multiple": "9",
+        "comment": "36px",
+        "derivedFrom": "space.rule",
+        "subtype": "space"
+      }
+    },
+    "10": {
+      "value": "{space.rule.value}",
+      "attributes": {
+        "multiple": "10",
+        "comment": "40px",
+        "derivedFrom": "space.rule",
+        "subtype": "space"
+      }
+    },
+    "11": {
+      "value": "{space.rule.value}",
+      "attributes": {
+        "multiple": "11",
+        "comment": "44px",
+        "derivedFrom": "space.rule",
+        "subtype": "space"
+      }
+    },
+    "12": {
+      "value": "{space.rule.value}",
+      "attributes": {
+        "multiple": "12",
+        "comment": "48px",
+        "derivedFrom": "space.rule",
+        "subtype": "space"
+      }
+    }
+  }
+}

package/src/tokens/web/global/spacer/spacer.json

@@ -0,0 +1,45 @@
+{
+  "spacer": {
+    "@": { "value": "1rem", "attributes": { "subtype": "spacer" } },
+    "0": {
+      "value": "{spacer.@.value}",
+      "attributes": { "multiple": "0", "subtype": "spacer" }
+    },
+    "1": {
+      "value": "{spacer.@.value}",
+      "attributes": { "multiple": "0.25", "subtype": "spacer" }
+    },
+    "2": {
+      "value": "{spacer.@.value}",
+      "attributes": { "multiple": "0.5", "subtype": "spacer" }
+    },
+    "3": {
+      "value": "{spacer.@.value}",
+      "attributes": { "multiple": "1", "subtype": "spacer" }
+    },
+    "4": {
+      "value": "{spacer.@.value}",
+      "attributes": { "multiple": "1.6", "subtype": "spacer" }
+    },
+    "5": {
+      "value": "{spacer.@.value}",
+      "attributes": { "multiple": "2.5", "subtype": "spacer" }
+    },
+    "6": {
+      "value": "{spacer.@.value}",
+      "attributes": { "multiple": "3.5", "subtype": "spacer" }
+    },
+    "7": {
+      "value": "{spacer.@.value}",
+      "attributes": { "multiple": "4", "subtype": "spacer" }
+    },
+    "8": {
+      "value": "{spacer.@.value}",
+      "attributes": { "multiple": "8", "subtype": "spacer" }
+    },
+    "9": {
+      "value": "{spacer.@.value}",
+      "attributes": { "multiple": "11", "subtype": "spacer" }
+    }
+  }
+}

package/src/utils/style-dictionary-utils.d.ts

@@ -0,0 +1,25 @@
+export function cssVarCalcMixFormatter(usesReferences: any, getReferences: any, fs: any): {
+    name: string;
+    format: ({ dictionary, options }: {
+        dictionary: any;
+        options: any;
+    }) => string;
+};
+export function componentVariantsFormatter(usesReferences: any, getReferences: any, platform: any, options?: {}): {
+    name: string;
+    format: ({ dictionary, file, ...rest }: {
+        [x: string]: any;
+        dictionary: any;
+        file: any;
+    }) => string;
+};
+export function getSelectorFromGroup(group: any, dictionary: any, platform: any): any;
+/**
+ * Prefixes `.wm-app` to each selector in a comma-separated string for web
+ */
+export function scopeSelectorForWeb(selector: any): any;
+/**
+ * @param selector The raw CSS selector string
+ * @returns A cleaned string of class names
+ */
+export function cleanSelector(selector: any): any;