@master/css 2.0.0-rc.2 → 2.0.0-rc.21

package/dist/config/selectors.cjs

@@ -0,0 +1,29 @@
+'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'
+    ],
+    '::meter': '::-webkit-meter',
+    '::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.mjs

@@ -0,0 +1,27 @@
+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'
+    ],
+    '::meter': '::-webkit-meter',
+    '::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/semantics.cjs

@@ -0,0 +1,194 @@
+'use strict';
+
+const semantics = {
+    square: {
+        'aspect-ratio': '1/1'
+    },
+    video: {
+        'aspect-ratio': '16/9'
+    },
+    rounded: {
+        'border-radius': '1e9em'
+    },
+    round: {
+        'border-radius': '50%'
+    },
+    hidden: {
+        display: 'none'
+    },
+    hide: {
+        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%'
+    },
+    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 = semantics;

package/dist/config/semantics.mjs

@@ -0,0 +1,192 @@
+const semantics = {
+    square: {
+        'aspect-ratio': '1/1'
+    },
+    video: {
+        'aspect-ratio': '16/9'
+    },
+    rounded: {
+        'border-radius': '1e9em'
+    },
+    round: {
+        'border-radius': '50%'
+    },
+    hidden: {
+        display: 'none'
+    },
+    hide: {
+        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%'
+    },
+    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 { semantics as default };

package/dist/config/styles.cjs

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

package/dist/config/styles.mjs

@@ -0,0 +1 @@
+

package/dist/config/variables.cjs

@@ -0,0 +1,116 @@
+'use strict';
+
+var colors = require('@master/colors');
+var screenSizes = require('../tokens/screen-sizes.cjs');
+
+const variables = {
+    full: '100%',
+    fit: 'fit-content',
+    max: 'max-content',
+    min: 'min-content',
+    'font-family': {
+        mono: [
+            'ui-monospace',
+            'SFMono-Regular',
+            'Menlo',
+            'Monaco',
+            'Consolas',
+            'Liberation Mono',
+            'Courier New',
+            'monospace'
+        ],
+        sans: [
+            'ui-sans-serif',
+            'system-ui',
+            '-apple-system',
+            'BlinkMacSystemFont',
+            'Segoe UI',
+            'Roboto',
+            'Helvetica Neue',
+            'Arial',
+            'Noto Sans',
+            'sans-serif',
+            'Apple Color Emoji',
+            'Segoe UI Emoji',
+            'Segoe UI Symbol',
+            'Noto Color Emoji'
+        ],
+        serif: [
+            'ui-serif',
+            'Georgia',
+            'Cambria',
+            'Times New Roman',
+            'Times',
+            'serif'
+        ]
+    },
+    screen: screenSizes,
+    'font-weight': {
+        thin: 100,
+        extralight: 200,
+        light: 300,
+        regular: 400,
+        medium: 500,
+        semibold: 600,
+        bold: 700,
+        extrabold: 800,
+        heavy: 900
+    },
+    'flex-direction': {
+        col: 'column',
+        'col-reverse': 'column-reverse'
+    },
+    'box-sizing': {
+        content: 'content-box',
+        border: 'border-box'
+    },
+    position: {
+        abs: 'absolute',
+        rel: 'relative'
+    },
+    'transform-box': {
+        content: 'content-box',
+        border: 'border-box',
+        padding: 'padding-box',
+        fill: 'fill-box',
+        stroke: 'stroke-box',
+        view: 'view-box'
+    },
+    'animation-direction': {
+        alt: 'alternate',
+        'alt-reverse': 'alternate-reverse'
+    },
+    'background-clip': {
+        content: 'content-box',
+        border: 'border-box',
+        padding: 'padding-box'
+    },
+    'background-origin': {
+        content: 'content-box',
+        border: 'border-box',
+        padding: 'padding-box'
+    },
+    order: {
+        first: -999999,
+        last: 999999
+    },
+    'shape-outside': {
+        content: 'content-box',
+        border: 'border-box',
+        padding: 'padding-box',
+        margin: 'margin-box'
+    },
+    'clip-path': {
+        content: 'content-box',
+        border: 'border-box',
+        padding: 'padding-box',
+        margin: 'margin-box',
+        fill: 'fill-box',
+        stroke: 'stroke-box',
+        view: 'view-box'
+    },
+    current: 'currentColor',
+    ...colors
+};
+
+module.exports = variables;