@master/css 2.0.0-beta.98 → 2.0.0-rc.1

package/dist/config/semantics.d.ts

@@ -1,82 +1,191 @@
 declare const semantics: {
-    square: string;
-    video: string;
-    rounded: string;
-    round: string;
-    hidden: string;
-    hide: string;
-    block: string;
-    table: string;
-    flex: string;
-    grid: string;
-    contents: string;
-    inline: string;
-    'inline-block': string;
-    'inline-flex': string;
-    'inline-grid': string;
-    'inline-table': string;
-    'table-cell': string;
-    'table-caption': string;
-    'flow-root': string;
-    'list-item': string;
-    'table-row': string;
-    'table-column': string;
-    'table-row-group': string;
-    'table-column-group': string;
-    'table-header-group': string;
-    'table-footer-group': string;
-    italic: string;
-    oblique: string;
-    isolate: string;
-    overflow: string;
-    untouchable: string;
-    static: string;
-    fixed: string;
-    abs: string;
-    rel: string;
-    sticky: string;
-    uppercase: string;
-    lowercase: string;
-    capitalize: string;
-    visible: string;
-    invisible: string;
-    'center-content': {
-        'justify-content': string;
-        'align-items': string;
-    };
-    'sr-only': {
-        position: string;
-        width: string;
-        height: string;
-        padding: string;
-        margin: string;
-        overflow: string;
-        clip: string;
-        'white-space': string;
-        'border-width': string;
-    };
-    full: {
-        width: string;
-        height: string;
-    };
-    center: {
-        left: number;
-        right: number;
-        'margin-left': string;
-        'margin-right': string;
-    };
-    middle: {
-        top: number;
-        bottom: number;
-        'margin-top': string;
-        'margin-bottom': string;
-    };
-    'break-spaces': {
-        'white-space': string;
-    };
-    'break-word': {
-        'overflow-wrap': string;
-        overflow: string;
+    readonly square: {
+        readonly 'aspect-ratio': "1/1";
+    };
+    readonly video: {
+        readonly 'aspect-ratio': "16/9";
+    };
+    readonly rounded: {
+        readonly 'border-radius': "1e9em";
+    };
+    readonly round: {
+        readonly 'border-radius': "50%";
+    };
+    readonly hidden: {
+        readonly display: "none";
+    };
+    readonly hide: {
+        readonly display: "none";
+    };
+    readonly block: {
+        readonly display: "block";
+    };
+    readonly table: {
+        readonly display: "table";
+    };
+    readonly flex: {
+        readonly display: "flex";
+    };
+    readonly grid: {
+        readonly display: "grid";
+    };
+    readonly contents: {
+        readonly display: "contents";
+    };
+    readonly inline: {
+        readonly display: "inline";
+    };
+    readonly 'inline-block': {
+        readonly display: "inline-block";
+    };
+    readonly 'inline-flex': {
+        readonly display: "inline-flex";
+    };
+    readonly 'inline-grid': {
+        readonly display: "inline-grid";
+    };
+    readonly 'inline-table': {
+        readonly display: "inline-table";
+    };
+    readonly 'table-cell': {
+        readonly display: "table-cell";
+    };
+    readonly 'table-caption': {
+        readonly display: "table-caption";
+    };
+    readonly 'flow-root': {
+        readonly display: "flow-root";
+    };
+    readonly 'list-item': {
+        readonly display: "list-item";
+    };
+    readonly 'table-row': {
+        readonly display: "table-row";
+    };
+    readonly 'table-column': {
+        readonly display: "table-column";
+    };
+    readonly 'table-row-group': {
+        readonly display: "table-row-group";
+    };
+    readonly 'table-column-group': {
+        readonly display: "table-column-group";
+    };
+    readonly 'table-header-group': {
+        readonly display: "table-header-group";
+    };
+    readonly 'table-footer-group': {
+        readonly display: "table-footer-group";
+    };
+    readonly italic: {
+        readonly 'font-style': "italic";
+    };
+    readonly oblique: {
+        readonly 'font-style': "oblique";
+    };
+    readonly isolate: {
+        readonly isolation: "isolate";
+    };
+    readonly overflowed: {
+        readonly overflow: "visible";
+    };
+    readonly untouchable: {
+        readonly 'pointer-events': "none";
+    };
+    readonly static: {
+        readonly position: "static";
+    };
+    readonly fixed: {
+        readonly position: "fixed";
+    };
+    readonly abs: {
+        readonly position: "absolute";
+    };
+    readonly rel: {
+        readonly position: "relative";
+    };
+    readonly sticky: {
+        readonly position: "sticky";
+    };
+    readonly uppercase: {
+        readonly 'text-transform': "uppercase";
+    };
+    readonly lowercase: {
+        readonly 'text-transform': "lowercase";
+    };
+    readonly capitalize: {
+        readonly 'text-transform': "capitalize";
+    };
+    readonly visible: {
+        readonly visibility: "visible";
+    };
+    readonly invisible: {
+        readonly visibility: "hidden";
+    };
+    readonly vw: {
+        readonly width: "100vw";
+    };
+    readonly vh: {
+        readonly height: "100vh";
+    };
+    readonly 'max-vw': {
+        readonly 'max-width': "100vw";
+    };
+    readonly 'max-vh': {
+        readonly 'max-height': "100vh";
+    };
+    readonly 'min-vw': {
+        readonly 'min-width': "100vw";
+    };
+    readonly 'min-vh': {
+        readonly 'min-height': "100vh";
+    };
+    readonly 'center-content': {
+        readonly 'justify-content': "center";
+        readonly 'align-items': "center";
+    };
+    readonly 'sr-only': {
+        readonly position: "absolute";
+        readonly width: "1px";
+        readonly height: "1px";
+        readonly padding: "0";
+        readonly margin: "-1px";
+        readonly overflow: "hidden";
+        readonly clip: "rect(0,0,0,0)";
+        readonly 'white-space': "nowrap";
+        readonly 'border-width': "0";
+    };
+    readonly full: {
+        readonly width: "100%";
+        readonly height: "100%";
+    };
+    readonly center: {
+        readonly left: 0;
+        readonly right: 0;
+        readonly 'margin-left': "auto";
+        readonly 'margin-right': "auto";
+    };
+    readonly middle: {
+        readonly top: 0;
+        readonly bottom: 0;
+        readonly 'margin-top': "auto";
+        readonly 'margin-bottom': "auto";
+    };
+    readonly 'break-spaces': {
+        readonly 'white-space': "break-spaces";
+    };
+    readonly 'break-word': {
+        readonly 'overflow-wrap': "break-word";
+        readonly overflow: "hidden";
+    };
+    readonly 'gradient-text': {
+        readonly '-webkit-text-fill-color': "transparent";
+        readonly '-webkit-background-clip': "text";
+        readonly 'background-clip': "text";
+    };
+    readonly fit: {
+        readonly width: "fit-content";
+        readonly height: "fit-content";
     };
 };
 export default semantics;

package/dist/config/styles.d.ts

@@ -0,0 +1,3 @@
+export type ConfigStyles = {
+    [key: string]: string | ConfigStyles;
+};