@master/css 2.0.0-alpha.51 → 2.0.0-alpha.53

package/esm/config/breakpoints.js

@@ -0,0 +1,12 @@
+export const defaultBreakpoints = {
+    '3xs': 360,
+    '2xs': 480,
+    xs: 600,
+    sm: 768,
+    md: 1024,
+    lg: 1280,
+    xl: 1440,
+    '2xl': 1600,
+    '3xl': 1920,
+    '4xl': 2560
+};

package/esm/config/colors.js

@@ -0,0 +1,264 @@
+import { fillColorScale } from '../fill-color-scale';
+export const defaultColors = {
+    slate: fillColorScale({
+        5: '#141e2b',
+        10: '#19212d',
+        20: '#262f3e',
+        30: '#323e52',
+        40: '#41516b',
+        50: '#616a84',
+        55: '#6c7693',
+        60: '#959db3',
+        70: '#a3abbf',
+        80: '#d7dae3',
+        95: '#f6f7f8'
+    }),
+    gray: fillColorScale({
+        5: '#1e1d1f',
+        10: '#212022',
+        20: '#2f2e30',
+        30: '#3e3d40',
+        40: '#504f52',
+        50: '#6b6a6d',
+        55: '#777679',
+        60: '#9e9da0',
+        70: '#abaaae',
+        80: '#dad9db',
+        95: '#f5f4f7'
+    }),
+    brown: fillColorScale({
+        5: '#271b15',
+        10: '#2b1e18',
+        20: '#3c2b22',
+        30: '#50382c',
+        40: '#694839',
+        50: '#8d604b',
+        55: '#9d6b53',
+        60: '#b79788',
+        70: '#c1a598',
+        80: '#efd5c9',
+        95: '#faf2ef'
+    }),
+    orange: fillColorScale({
+        5: '#2e1907',
+        10: '#331b07',
+        20: '#47260b',
+        30: '#5d320e',
+        40: '#7a4111',
+        50: '#a15717',
+        55: '#b4611a',
+        60: '#e38739',
+        70: '#e79855',
+        80: '#f7d4b5',
+        95: '#fcf1e7'
+    }),
+    gold: fillColorScale({
+        5: '#281b00',
+        10: '#2d1e01',
+        20: '#3f2a00',
+        30: '#543800',
+        40: '#6d4900',
+        50: '#906000',
+        55: '#9c6d00',
+        60: '#d09100',
+        70: '#dca000',
+        80: '#fbd67f',
+        95: '#fff3d8'
+    }),
+    yellow: fillColorScale({
+        5: '#251d00',
+        10: '#282000',
+        20: '#3a2e01',
+        30: '#4b3b00',
+        40: '#624e00',
+        50: '#806700',
+        55: '#8e7200',
+        60: '#be9900',
+        70: '#d0a700',
+        80: '#edda8f',
+        95: '#fff5ca'
+    }),
+    grass: fillColorScale({
+        5: '#162106',
+        10: '#182406',
+        20: '#223308',
+        30: '#2c4408',
+        40: '#3a570b',
+        50: '#4e750e',
+        60: '#74ae15',
+        70: '#7dbc17',
+        80: '#bfe87c',
+        95: '#ebfad4'
+    }),
+    green: fillColorScale({
+        5: '#042311',
+        10: '#032611',
+        20: '#023717',
+        30: '#03481f',
+        40: '#025d26',
+        50: '#067b34',
+        55: '#07883a',
+        60: '#09b64d',
+        70: '#0ac553',
+        80: '#80f1a4',
+        95: '#e0fae8'
+    }),
+    beryl: fillColorScale({
+        5: '#002319',
+        10: '#00271c',
+        20: '#003626',
+        30: '#004732',
+        40: '#005c41',
+        50: '#007954',
+        55: '#00875e',
+        60: '#00b37c',
+        70: '#00c387',
+        80: '#72f0c5',
+        95: '#d6fcef'
+    }),
+    teal: fillColorScale({
+        5: '#012220',
+        10: '#012624',
+        20: '#003532',
+        30: '#004541',
+        40: '#005a54',
+        50: '#00776f',
+        55: '#00857c',
+        60: '#00b1a5',
+        70: '#00bfb2',
+        80: '#6aeee5',
+        95: '#d4fcf8'
+    }),
+    cyan: fillColorScale({
+        5: '#00222b',
+        10: '#00252e',
+        20: '#013340',
+        30: '#004457',
+        40: '#00576f',
+        50: '#007391',
+        55: '#0080a1',
+        60: '#00abd7',
+        70: '#00b9e9',
+        80: '#97e6fa',
+        95: '#dff8ff'
+    }),
+    sky: fillColorScale({
+        5: '#031f34',
+        10: '#032339',
+        20: '#04314e',
+        30: '#044169',
+        40: '#065386',
+        50: '#086eb3',
+        55: '#097ac5',
+        60: '#29a4f5',
+        70: '#4db3f7',
+        80: '#b3e0ff',
+        95: '#eaf6fe'
+    }),
+    blue: fillColorScale({
+        5: '#07194a',
+        10: '#081c53',
+        20: '#0a2773',
+        30: '#0e3496',
+        40: '#1146b6',
+        50: '#175fe9',
+        55: '#2671ea',
+        60: '#6b9ef1',
+        70: '#81acf3',
+        80: '#c6dbfe',
+        95: '#edf4fe'
+    }),
+    indigo: fillColorScale({
+        5: '#1f1645',
+        10: '#20174f',
+        20: '#2b1f74',
+        30: '#37289d',
+        40: '#463fb1',
+        50: '#5a5bd5',
+        55: '#6464f1',
+        60: '#9393f5',
+        70: '#a1a5ee',
+        80: '#d5d7fe',
+        95: '#f1f2ff'
+    }),
+    violet: fillColorScale({
+        5: '#2b0a4e',
+        10: '#2e0b57',
+        20: '#3d1179',
+        30: '#4e169f',
+        40: '#5f2eba',
+        50: '#7949e5',
+        55: '#8755f5',
+        60: '#ac8af8',
+        70: '#b89bf9',
+        80: '#e1d4fe',
+        95: '#f5f1ff'
+    }),
+    purple: fillColorScale({
+        5: '#2e0c47',
+        10: '#330c4e',
+        20: '#460f6c',
+        30: '#5b1390',
+        40: '#7421b1',
+        50: '#9832e4',
+        55: '#a348e7',
+        60: '#c184ef',
+        70: '#ca96f1',
+        80: '#ead1fe',
+        95: '#f9f0ff'
+    }),
+    fuchsia: fillColorScale({
+        5: '#39092a',
+        10: '#400932',
+        20: '#560d4a',
+        30: '#6f1165',
+        40: '#8c158a',
+        50: '#b61cbb',
+        55: '#ca1fce',
+        60: '#e66ee9',
+        70: '#ea86ed',
+        80: '#facbfb',
+        95: '#feefff'
+    }),
+    pink: fillColorScale({
+        5: '#3d0722',
+        10: '#430725',
+        20: '#5d0933',
+        30: '#790d44',
+        40: '#9a1058',
+        50: '#ca1473',
+        55: '#e11681',
+        60: '#f170b4',
+        70: '#f388c0',
+        80: '#fdcde6',
+        95: '#fff0f8'
+    }),
+    crimson: fillColorScale({
+        5: '#430213',
+        10: '#470314',
+        20: '#62041c',
+        30: '#800524',
+        40: '#9f1036',
+        50: '#ce1a4b',
+        55: '#e8144c',
+        60: '#f37596',
+        70: '#f58ba7',
+        80: '#fdceda',
+        95: '#fff1f4'
+    }),
+    red: fillColorScale({
+        5: '#450001',
+        10: '#490102',
+        20: '#640304',
+        30: '#800506',
+        40: '#a11012',
+        50: '#d11a1e',
+        55: '#ed0a0e',
+        60: '#f97476',
+        70: '#fa8b8d',
+        80: '#fdcfcf',
+        95: '#fff1f1'
+    }),
+    black: '#000000',
+    white: '#ffffff'
+};

package/esm/config/index.d.ts

@@ -0,0 +1,2 @@
+import { MasterCSSConfig } from '../interfaces/config';
+export declare const defaultConfig: MasterCSSConfig;

package/{config/index.d.ts → esm/config/index.js}

@@ -1,4 +1,3 @@
-import { MasterCSSConfig } from '../interfaces/config';
 import { defaultBreakpoints } from './breakpoints';
 import { defaultColors } from './colors';
 import { defaultRootSize } from './root-size';
@@ -7,5 +6,13 @@ import { defaultSemantics } from './semantics';
 import { defaultThemes } from './themes';
 import { defaultValues } from './values';
 import { DefaultRules } from './rules';
-declare const defaultConfig: MasterCSSConfig;
-export { defaultColors, defaultBreakpoints, defaultSemantics, defaultValues, defaultSelectors, defaultThemes, DefaultRules, defaultRootSize, defaultConfig };
+export const defaultConfig = {
+    colors: defaultColors,
+    breakpoints: defaultBreakpoints,
+    semantics: defaultSemantics,
+    values: defaultValues,
+    selectors: defaultSelectors,
+    themes: defaultThemes,
+    Rules: DefaultRules,
+    rootSize: defaultRootSize
+};

package/esm/config/root-size.js

@@ -0,0 +1 @@
+export const defaultRootSize = 16;

package/esm/config/rules.js

@@ -0,0 +1,388 @@
+import FontWeight from '../rules/font-weight';
+import FontFamily from '../rules/font-family';
+import FontSize from '../rules/font-size';
+import Spacing from '../rules/spacing';
+import Width from '../rules/width';
+import Height from '../rules/height';
+import MinWidth from '../rules/min-width';
+import MinHeight from '../rules/min-height';
+import LetterSpacing from '../rules/letter-spacing';
+import FontSmoothing from '../rules/font-smoothing';
+import FontStyle from '../rules/font-style';
+import FontVariantNumeric from '../rules/font-variant-numeric';
+import LineHeight from '../rules/line-height';
+import ObjectFit from '../rules/object-fit';
+import ObjectPosition from '../rules/object-position';
+import TextAlign from '../rules/text-align';
+import TextDecoration from '../rules/text-decoration';
+import TextTransform from '../rules/text-transform';
+import VerticalAlign from '../rules/vertical-align';
+import Lines from '../rules/lines';
+import TransformOrigin from '../rules/transform-origin';
+import TransformStyle from '../rules/transform-style';
+import TransformBox from '../rules/transform-box';
+import Transform from '../rules/transform';
+import Transition from '../rules/transition';
+import TransitionDelay from '../rules/transition-delay';
+import TransitionDuration from '../rules/transition-duration';
+import TransitionProperty from '../rules/transition-property';
+import TransitionTimingFunction from '../rules/transition-timing-function';
+import MaxHeight from '../rules/max-height';
+import MaxWidth from '../rules/max-width';
+import Display from '../rules/display';
+import BoxSizing from '../rules/box-sizing';
+import Opacity from '../rules/opacity';
+import Visibility from '../rules/visibility';
+import Clear from '../rules/clear';
+import Float from '../rules/float';
+import Isolation from '../rules/isolation';
+import Overflow from '../rules/overflow';
+import OverscrollBehavior from '../rules/overscroll-behavior';
+import ZIndex from '../rules/z-index';
+import AnimationDelay from '../rules/animation-delay';
+import AnimationDirection from '../rules/animation-direction';
+import AnimationFillMode from '../rules/animation-fill-mode';
+import AnimationIterationCount from '../rules/animation-iteration-count';
+import AnimationName from '../rules/animation-name';
+import AnimationPlayState from '../rules/animation-play-state';
+import AnimationTimingFunction from '../rules/animation-timing-function';
+import Animation from '../rules/animation';
+import BorderColor from '../rules/border-color';
+import BorderRadius from '../rules/border-radius';
+import BorderStyle from '../rules/border-style';
+import BorderWidth from '../rules/border-width';
+import Border from '../rules/border';
+import BackgroundAttachment from '../rules/background-attachment';
+import BackgroundBlendMode from '../rules/background-blend-mode';
+import BackgroundClip from '../rules/background-clip';
+import BackgroundColor from '../rules/background-color';
+import BackgroundOrigin from '../rules/background-origin';
+import BackgroundPosition from '../rules/background-position';
+import BackgroundRepeat from '../rules/background-repeat';
+import BackgroundSize from '../rules/background-size';
+import BackgroundImage from '../rules/background-image';
+import Background from '../rules/background';
+import MixBlendMode from '../rules/mix-blend-mode';
+import Position from '../rules/position';
+import Placement from '../rules/placement';
+import BackdropFilter from '../rules/backdrop-filter';
+import Fill from '../rules/fill';
+import Stroke from '../rules/stroke';
+import StrokeWidth from '../rules/stroke-width';
+import Filter from '../rules/filter';
+import Cursor from '../rules/cursor';
+import PointerEvents from '../rules/pointer-events';
+import Resize from '../rules/resize';
+import TouchAction from '../rules/touch-action';
+import UserDrag from '../rules/user-drag';
+import UserSelect from '../rules/user-select';
+import BoxShadow from '../rules/box-shadow';
+import TextShadow from '../rules/text-shadow';
+import TextSize from '../rules/text-size';
+import WordBreak from '../rules/word-break';
+import GridColumns from '../rules/grid-columns';
+import GridRows from '../rules/grid-rows';
+import Gap from '../rules/gap';
+import WordSpacing from '../rules/word-spacing';
+import Variable from '../rules/variable';
+import AspectRadio from '../rules/aspect-radio';
+import BoxDecorationBreak from '../rules/box-decoration-break';
+import BreakAfter from '../rules/break-after';
+import BreakBefore from '../rules/break-before';
+import BreakInside from '../rules/break-inside';
+import FlexShrink from '../rules/flex-shrink';
+import FlexDirection from '../rules/flex-direction';
+import FlexGrow from '../rules/flex-grow';
+import FlexWrap from '../rules/flex-wrap';
+import FlexBasis from '../rules/flex-basis';
+import Flex from '../rules/flex';
+import Order from '../rules/order';
+import GridColumn from '../rules/grid-column';
+import ColumnSpan from '../rules/column-span';
+import GridRow from '../rules/grid-row';
+import Color from '../rules/color';
+import AlignContent from '../rules/align-content';
+import AlignItems from '../rules/align-items';
+import AlignSelf from '../rules/align-self';
+import GridAutoColumns from '../rules/grid-auto-columns';
+import GridAutoFlow from '../rules/grid-auto-flow';
+import GridAutoRows from '../rules/grid-auto-rows';
+import JustifyContent from '../rules/justify-content';
+import JustifyItems from '../rules/justify-items';
+import JustifySelf from '../rules/justify-self';
+import PlaceContent from '../rules/place-content';
+import PlaceItems from '../rules/place-items';
+import PlaceSelf from '../rules/place-self';
+import Padding from '../rules/padding';
+import Margin from '../rules/margin';
+import TextOverflow from '../rules/text-overflow';
+import ListStylePosition from '../rules/list-style-position';
+import ListStyleType from '../rules/list-style-type';
+import ListStyle from '../rules/list-style';
+import TextDecorationColor from '../rules/text-decoration-color';
+import TextDecorationStyle from '../rules/text-decoration-style';
+import TextDecorationThickness from '../rules/text-decoration-thickness';
+import TextIndent from '../rules/text-indent';
+import Content from '../rules/content';
+import OutlineColor from '../rules/outline-color';
+import OutlineOffset from '../rules/outline-offset';
+import OutlineStyle from '../rules/outline-style';
+import OutlineWidth from '../rules/outline-width';
+import Outline from '../rules/outline';
+import BorderCollapse from '../rules/border-collapse';
+import BorderSpacing from '../rules/border-spacing';
+import TableLayout from '../rules/table-layout';
+import AccentColor from '../rules/accent-color';
+import Appearance from '../rules/appearance';
+import CaretColor from '../rules/caret-color';
+import ScrollBehavior from '../rules/scroll-behavior';
+import ScrollMargin from '../rules/scroll-margin';
+import ScrollPadding from '../rules/scroll-padding';
+import ScrollSnapAlign from '../rules/scroll-snap-align';
+import ScrollSnapStop from '../rules/scroll-snap-stop';
+import ScrollSnapType from '../rules/scroll-snap-type';
+import WillChange from '../rules/will-change';
+import TextUnderlineOffset from '../rules/text-underline-offset';
+import Inset from '../rules/inset';
+import Columns from '../rules/columns';
+import WhiteSpace from '../rules/white-space';
+import TextOrientation from '../rules/text-orientation';
+import WritingMode from '../rules/writing-mode';
+import Contain from '../rules/contain';
+import AnimationDuration from '../rules/animation-duration';
+import TextRendering from '../rules/text-rendering';
+import Direction from '../rules/direction';
+import TextDecorationLine from '../rules/text-decoration-line';
+import GridColumnStart from '../rules/grid-column-start';
+import ListStyleImage from '../rules/list-style-image';
+import ShapeOutside from '../rules/shape-outside';
+import ShapeMargin from '../rules/shape-margin';
+import ShapeImageThreshold from '../rules/shape-image-threshold';
+import ClipPath from '../rules/clip-path';
+import Grid from '../rules/grid';
+import Font from '../rules/font';
+import Quotes from '../rules/quotes';
+import GridTemplate from '../rules/grid-template';
+import GridRowStart from '../rules/grid-row-start';
+import GridTemplateAreas from '../rules/grid-template-areas';
+import GridTemplateColumns from '../rules/grid-template-columns';
+import GridTemplateRows from '../rules/grid-template-rows';
+import GridArea from '../rules/grid-area';
+import GridColumnEnd from '../rules/grid-column-end';
+import GridRowEnd from '../rules/grid-row-end';
+import MaskImage from '../rules/mask-image';
+import TextFillColor from '../rules/text-fill-color';
+import TextStroke from '../rules/text-stroke';
+import TextStrokeWidth from '../rules/text-stroke-width';
+import TextStrokeColor from '../rules/text-stroke-color';
+import StrokeDasharray from '../rules/stroke-dasharray';
+import StrokeDashoffset from '../rules/stroke-dashoffset';
+import X from '../rules/x';
+import Y from '../rules/y';
+import Cx from '../rules/cx';
+import Cy from '../rules/cy';
+import Rx from '../rules/rx';
+import Ry from '../rules/ry';
+import BorderImageOutset from '../rules/border-image-outset';
+import BorderImageRepeat from '../rules/border-image-repeat';
+import BorderImageSlice from '../rules/border-image-slice';
+import BorderImageSource from '../rules/border-image-source';
+import BorderImageWidth from '../rules/border-image-width';
+import BorderImage from '../rules/border-image';
+import Group from '../rules/group';
+import CounterIncrement from '../rules/counter-increment';
+export const DefaultRules = [
+    Group,
+    Variable,
+    FontSize,
+    FontWeight,
+    FontFamily,
+    FontSmoothing,
+    FontStyle,
+    FontVariantNumeric,
+    Font,
+    Color,
+    Spacing,
+    Margin,
+    Padding,
+    FlexBasis,
+    FlexWrap,
+    FlexGrow,
+    FlexShrink,
+    FlexDirection,
+    Flex,
+    Display,
+    Width,
+    Height,
+    MinWidth,
+    MinHeight,
+    Contain,
+    Content,
+    CounterIncrement,
+    LetterSpacing,
+    LineHeight,
+    ObjectFit,
+    ObjectPosition,
+    TextAlign,
+    TextDecorationColor,
+    TextDecorationStyle,
+    TextDecorationThickness,
+    TextDecorationLine,
+    TextDecoration,
+    TextUnderlineOffset,
+    TextOverflow,
+    TextOrientation,
+    TextTransform,
+    TextRendering,
+    TextIndent,
+    VerticalAlign,
+    Columns,
+    WhiteSpace,
+    Inset,
+    Lines,
+    MaxHeight,
+    MaxWidth,
+    BoxSizing,
+    Opacity,
+    Visibility,
+    Clear,
+    Float,
+    Isolation,
+    Overflow,
+    OverscrollBehavior,
+    ZIndex,
+    Position,
+    Placement,
+    Cursor,
+    PointerEvents,
+    Resize,
+    TouchAction,
+    WordBreak,
+    WordSpacing,
+    UserDrag,
+    UserSelect,
+    TextShadow,
+    TextSize,
+    TextFillColor,
+    TextStrokeWidth,
+    TextStrokeColor,
+    TextStroke,
+    BoxShadow,
+    TableLayout,
+    TransformBox,
+    TransformStyle,
+    TransformOrigin,
+    Transform,
+    TransitionProperty,
+    TransitionTimingFunction,
+    TransitionDuration,
+    TransitionDelay,
+    Transition,
+    AnimationDelay,
+    AnimationDirection,
+    AnimationDuration,
+    AnimationFillMode,
+    AnimationIterationCount,
+    AnimationName,
+    AnimationPlayState,
+    AnimationTimingFunction,
+    Animation,
+    BorderColor,
+    BorderRadius,
+    BorderStyle,
+    BorderWidth,
+    BorderCollapse,
+    BorderSpacing,
+    BorderImageOutset,
+    BorderImageRepeat,
+    BorderImageSlice,
+    BorderImageSource,
+    BorderImageWidth,
+    BorderImage,
+    Border,
+    BackgroundAttachment,
+    BackgroundBlendMode,
+    BackgroundClip,
+    BackgroundColor,
+    BackgroundOrigin,
+    BackgroundPosition,
+    BackgroundRepeat,
+    BackgroundSize,
+    BackgroundImage,
+    Background,
+    MixBlendMode,
+    BackdropFilter,
+    Filter,
+    Fill,
+    StrokeDasharray,
+    StrokeDashoffset,
+    StrokeWidth,
+    Stroke,
+    X,
+    Y,
+    Cx,
+    Cy,
+    Rx,
+    Ry,
+    GridColumnStart,
+    GridColumnEnd,
+    GridColumn,
+    GridColumns,
+    GridRowStart,
+    GridRowEnd,
+    GridRow,
+    GridRows,
+    GridAutoColumns,
+    GridAutoFlow,
+    GridAutoRows,
+    GridTemplateAreas,
+    GridTemplateColumns,
+    GridTemplateRows,
+    GridTemplate,
+    GridArea,
+    Grid,
+    Gap,
+    Order,
+    BreakInside,
+    BreakBefore,
+    BreakAfter,
+    BoxDecorationBreak,
+    AspectRadio,
+    ColumnSpan,
+    AlignContent,
+    AlignItems,
+    AlignSelf,
+    JustifyContent,
+    JustifyItems,
+    JustifySelf,
+    PlaceContent,
+    PlaceItems,
+    PlaceSelf,
+    ListStylePosition,
+    ListStyleType,
+    ListStyleImage,
+    ListStyle,
+    OutlineColor,
+    OutlineOffset,
+    OutlineStyle,
+    OutlineWidth,
+    Outline,
+    AccentColor,
+    Appearance,
+    CaretColor,
+    ScrollBehavior,
+    ScrollMargin,
+    ScrollPadding,
+    ScrollSnapAlign,
+    ScrollSnapStop,
+    ScrollSnapType,
+    WillChange,
+    WritingMode,
+    Direction,
+    ShapeOutside,
+    ShapeMargin,
+    ShapeImageThreshold,
+    ClipPath,
+    Quotes,
+    MaskImage
+];