@master/css 2.0.0-alpha.50 → 2.0.0-alpha.52

package/esm/config/selectors.js

@@ -0,0 +1,18 @@
+export const defaultSelectors = {
+    '::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('
+};

package/esm/config/semantics.js

@@ -0,0 +1,81 @@
+export const defaultSemantics = {
+    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',
+    overflow: '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',
+    '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'
+    }
+};

package/esm/config/themes.js

@@ -0,0 +1 @@
+export const defaultThemes = ['dark', 'light'];

package/esm/config/values.js

@@ -0,0 +1,83 @@
+import { defaultBreakpoints } from './breakpoints';
+const boxUnderneath = {
+    content: 'content-box',
+    border: 'border-box',
+    padding: 'padding-box'
+};
+const contentExtrema = {
+    min: 'min-content',
+    max: 'max-content'
+};
+const sizingValues = {
+    full: '100%',
+    fit: 'fit-content',
+    max: 'max-content',
+    min: 'min-content',
+};
+for (const key in defaultBreakpoints) {
+    sizingValues[key] = (defaultBreakpoints[key] / 16) + 'rem';
+}
+export const defaultValues = {
+    BackgroundClip: boxUnderneath,
+    BackgroundOrigin: boxUnderneath,
+    BoxSizing: {
+        content: 'content-box',
+        border: 'border-box',
+    },
+    ClipPath: {
+        ...boxUnderneath,
+        margin: 'margin-box',
+        fill: 'fill-box',
+        stroke: 'stroke-box',
+        view: 'view-box'
+    },
+    FlexDirection: {
+        col: 'column',
+        'col-reverse': 'column-reverse'
+    },
+    FontFamily: {
+        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'
+    },
+    FontWeight: {
+        thin: 100,
+        extralight: 200,
+        light: 300,
+        regular: 400,
+        medium: 500,
+        semibold: 600,
+        bold: 700,
+        extrabold: 800,
+        heavy: 900
+    },
+    GridAutoColumns: contentExtrema,
+    GridAutoRows: contentExtrema,
+    GridTemplateColumns: contentExtrema,
+    GridTemplateRows: contentExtrema,
+    Order: {
+        first: -999999,
+        last: 999999
+    },
+    Position: {
+        abs: 'absolute',
+        rel: 'relative'
+    },
+    ShapeOutside: {
+        ...boxUnderneath,
+        margin: 'margin-box'
+    },
+    TransformBox: {
+        ...boxUnderneath,
+        fill: 'fill-box',
+        stroke: 'stroke-box',
+        view: 'view-box'
+    },
+    Width: sizingValues,
+    MinWidth: sizingValues,
+    MinHeight: sizingValues,
+    MaxWidth: sizingValues,
+    MaxHeight: sizingValues,
+    Height: sizingValues,
+    FlexBasis: sizingValues
+};

package/esm/configure.js

@@ -0,0 +1,10 @@
+import { defaultConfig } from './config';
+import { mergeAndConcat } from './utils/merge';
+export function configure(...configurations) {
+    if (configurations.length) {
+        return mergeAndConcat(defaultConfig, ...configurations);
+    }
+    else {
+        return defaultConfig;
+    }
+}

package/esm/constants/start-symbol.js

@@ -0,0 +1,5 @@
+export const START_SYMBOL = {
+    '(': ')',
+    '\'': '\'',
+    '{': '}'
+};