@master/css 2.0.0-rc.6 → 2.0.0-rc.60

package/dist/config/selectors.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+const selectors = {
+    '::scrollbar': '::-webkit-scrollbar',
+    '::scrollbar-button': '::-webkit-scrollbar-button',
+    '::scrollbar-thumb': '::-webkit-scrollbar-thumb',
+    '::scrollbar-track': '::-webkit-scrollbar-track',
+    '::scrollbar-track-piece': '::-webkit-scrollbar-track-piece',
+    '::scrollbar-corner': '::-webkit-scrollbar-corner',
+    '::slider-thumb': [
+        '::-webkit-slider-thumb',
+        '::-moz-range-thumb'
+    ],
+    '::slider-runnable-track': [
+        '::-webkit-slider-runnable-track',
+        '::-moz-range-track'
+    ],
+    '::resizer': '::-webkit-resizer',
+    '::progress': '::-webkit-progress',
+    ':first': ':first-child',
+    ':last': ':last-child',
+    ':even': ':nth-child(2n)',
+    ':odd': ':nth-child(odd)',
+    ':nth(': ':nth-child(',
+    ':only': ':only-child'
+};
+
+module.exports = selectors;

package/dist/config/selectors.d.ts

@@ -7,7 +7,6 @@ declare const selectors: {
     '::scrollbar-corner': string;
     '::slider-thumb': string[];
     '::slider-runnable-track': string[];
-    '::meter': string;
     '::resizer': string;
     '::progress': string;
     ':first': string;

package/dist/config/selectors.mjs

@@ -0,0 +1,26 @@
+const selectors = {
+    '::scrollbar': '::-webkit-scrollbar',
+    '::scrollbar-button': '::-webkit-scrollbar-button',
+    '::scrollbar-thumb': '::-webkit-scrollbar-thumb',
+    '::scrollbar-track': '::-webkit-scrollbar-track',
+    '::scrollbar-track-piece': '::-webkit-scrollbar-track-piece',
+    '::scrollbar-corner': '::-webkit-scrollbar-corner',
+    '::slider-thumb': [
+        '::-webkit-slider-thumb',
+        '::-moz-range-thumb'
+    ],
+    '::slider-runnable-track': [
+        '::-webkit-slider-runnable-track',
+        '::-moz-range-track'
+    ],
+    '::resizer': '::-webkit-resizer',
+    '::progress': '::-webkit-progress',
+    ':first': ':first-child',
+    ':last': ':last-child',
+    ':even': ':nth-child(2n)',
+    ':odd': ':nth-child(odd)',
+    ':nth(': ':nth-child(',
+    ':only': ':only-child'
+};
+
+export { selectors as default };

package/dist/config/styles.cjs

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/config/styles.d.ts

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

package/dist/config/styles.mjs

@@ -0,0 +1 @@
+

package/dist/config/utilities.cjs

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

package/dist/config/{semantics.d.ts → utilities.d.ts}

@@ -1,4 +1,4 @@
-declare const semantics: {
+declare const utilities: {
     readonly square: {
         readonly 'aspect-ratio': "1/1";
     };
@@ -10,13 +10,11 @@ declare const semantics: {
     };
     readonly round: {
         readonly 'border-radius': "50%";
+        readonly 'aspect-ratio': "1/1";
     };
     readonly hidden: {
         readonly display: "none";
     };
-    readonly hide: {
-        readonly display: "none";
-    };
     readonly block: {
         readonly display: "block";
     };
@@ -159,6 +157,18 @@ declare const semantics: {
         readonly width: "100%";
         readonly height: "100%";
     };
+    readonly top: {
+        readonly top: 0;
+    };
+    readonly left: {
+        readonly left: 0;
+    };
+    readonly right: {
+        readonly right: 0;
+    };
+    readonly bottom: {
+        readonly bottom: 0;
+    };
     readonly center: {
         readonly left: 0;
         readonly right: 0;
@@ -188,4 +198,4 @@ declare const semantics: {
         readonly height: "fit-content";
     };
 };
-export default semantics;
+export default utilities;

package/dist/config/utilities.mjs

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