@plumile/ui 0.1.56 → 0.1.58

package/lib/esm/theme/sprinkles.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"sprinkles.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"sprinkles.css.js","names":[],"sources":["../../../src/theme/sprinkles.css.ts"],"sourcesContent":["import { defineProperties, createSprinkles } from '@vanilla-extract/sprinkles';\nimport { vars } from './themeContract.js';\nimport { screens, spacing } from './common.js';\n\nconst NONE = 'none' as const;\nconst FLEX_START = 'flex-start' as const;\nconst FLEX_END = 'flex-end' as const;\nconst CENTER = 'center' as const;\nconst STRETCH = 'stretch' as const;\nconst BASELINE = 'baseline' as const;\n\nconst otherProperties = defineProperties({\n  properties: {\n    all: ['inherit', 'initial', 'revert', 'revert-layer', 'unset'],\n    appearance: ['auto', 'none'],\n    cursor: [\n      'alias',\n      'all-scroll',\n      'auto',\n      'cell',\n      'col-resize',\n      'context-menu',\n      'copy',\n      'crosshair',\n      'default',\n      'e-resize',\n      'ew-resize',\n      'grab',\n      'grabbing',\n      'help',\n      'move',\n      'n-resize',\n      'ne-resize',\n      'nesw-resize',\n      'no-drop',\n      'none',\n      'not-allowed',\n      'ns-resize',\n      'nw-resize',\n      'nwse-resize',\n      'pointer',\n      'progress',\n      'row-resize',\n      's-resize',\n      'se-resize',\n      'sw-resize',\n      'text',\n      'vertical-text',\n      'w-resize',\n      'wait',\n      'zoom-in',\n      'zoom-out',\n    ],\n    animation: vars.animation,\n    arrows: {\n      hidden: {\n        WebkitAppearance: 'none',\n        MozAppearance: 'textfield',\n        '&::-webkit-inner-spin-button, &::-webkit-outer-spin-button': {\n          WebkitAppearance: 'none',\n          margin: 0,\n        },\n      },\n    },\n    backgroundSize: {\n      auto: 'auto',\n      contain: 'contain',\n      cover: 'cover',\n      skeleton: '300% 100%',\n    },\n    border: {\n      none: 'none',\n      spinner: `2px solid color-mix(in srgb, ${vars.colors.white} 30%, transparent)`,\n    },\n    clip: {\n      hidden: 'rect(0 0 0 0)',\n    },\n    containerType: ['inline-size', 'normal', 'size'],\n    fontStyle: ['normal', 'italic'],\n    font: ['inherit'],\n    objectPosition: vars.objectPosition,\n    objectFit: ['contain', 'cover', 'fill', 'none', 'scale-down'],\n    order: vars.order,\n    placeHolder: {\n      italic: {\n        '::placeholder': {\n          fontStyle: 'italic',\n          // color: vars.colors['slate-400'],\n          fontWeight: vars.fontWeight.light,\n        },\n      },\n    },\n\n    pointerEvents: ['none', 'auto'],\n    msOverflowStyle: ['auto', 'none'],\n    rotate: vars.rotate,\n    scrollBar: {\n      light: {\n        '&::-webkit-scrollbar': {\n          background: 'transparent',\n          width: spacing[1.5],\n        },\n        '&::-webkit-scrollbar-thumb': {\n          background: 'white',\n          borderRadius: spacing[1.5],\n        },\n      },\n      hidden: {\n        '&::-webkit-scrollbar': {\n          WebkitAppearance: 'none',\n          display: 'none',\n        },\n        MsOverflowStyle: 'none',\n        scrollbarWidth: 'none',\n      },\n    },\n    scrollbarColor: {\n      auto: 'auto',\n      border: `${vars.colors.border} transparent`,\n      borderLight: `${vars.colors.borderLight} transparent`,\n    },\n    scrollbarWidth: ['auto', 'none', 'thin'],\n    skew: vars.skew,\n    textDecoration: ['none', 'line-through', 'underline'],\n    textDecorationThickness: vars.textDecorationThickness,\n    textIndent: vars.spacing,\n    textTransform: ['uppercase', 'lowercase', 'capitalize'],\n    textUnderlineOffset: vars.textUnderlineOffset,\n    transform: vars.transform,\n    transformOrigin: {\n      topLeft: 'top left',\n    },\n    transitionDelay: vars.transitionDelay,\n    transitionDuration: vars.transitionDuration,\n    transitionProperty: vars.transitionProperty,\n    transitionTimingFunction: vars.transitionTimingFunction,\n    verticalAlign: ['baseline', 'middle', 'sub', 'super', 'top'],\n    willChange: ['background-position', 'transform'],\n    zIndex: vars.zIndex,\n  },\n});\n\nconst responsiveProperties = defineProperties({\n  conditions: {\n    base: {},\n    sm: { '@media': screens.sm },\n    md: { '@media': screens.md },\n    lg: { '@media': screens.lg },\n    xl: { '@media': screens.xl },\n    xxl: { '@media': screens.xxl },\n    max900: { '@media': 'screen and (max-width: 900px)' },\n    max1023: { '@media': 'screen and (max-width: 1023px)' },\n    min1200: { '@media': 'screen and (min-width: 1200px)' },\n  },\n  defaultCondition: 'base',\n  properties: {\n    /**\n     * The order of fontSize in this file has an impact on CSS rule priority\n     */\n    fontSize: {\n      '3xs': {\n        fontSize: vars.fontSize['3xs'],\n        lineHeight: vars.lineHeight['3xs'],\n      },\n      '2xs': {\n        fontSize: vars.fontSize['2xs'],\n        lineHeight: vars.lineHeight['2xs'],\n      },\n      xs: {\n        fontSize: vars.fontSize.xs,\n        lineHeight: vars.lineHeight.xs,\n      },\n      sm: {\n        fontSize: vars.fontSize.sm,\n        lineHeight: vars.lineHeight.sm,\n      },\n      base: {\n        fontSize: vars.fontSize.base,\n        lineHeight: vars.lineHeight.base,\n      },\n      lg: {\n        fontSize: vars.fontSize.lg,\n        lineHeight: vars.lineHeight.lg,\n      },\n      xl: {\n        fontSize: vars.fontSize.xl,\n        lineHeight: vars.lineHeight.xl,\n      },\n      '2xl': {\n        fontSize: vars.fontSize['2xl'],\n        lineHeight: vars.lineHeight['2xl'],\n      },\n      '3xl': {\n        fontSize: vars.fontSize['3xl'],\n        lineHeight: vars.lineHeight['3xl'],\n      },\n      '4xl': {\n        fontSize: vars.fontSize['4xl'],\n      },\n      '5xl': {\n        fontSize: vars.fontSize['5xl'],\n        lineHeight: vars.lineHeight['5xl'],\n      },\n      '6xl': {\n        fontSize: vars.fontSize['6xl'],\n        lineHeight: vars.lineHeight['6xl'],\n      },\n      '7xl': {\n        fontSize: vars.fontSize['7xl'],\n        lineHeight: vars.lineHeight['7xl'],\n      },\n      '8xl': {\n        fontSize: vars.fontSize['8xl'],\n        lineHeight: vars.lineHeight['8xl'],\n      },\n      '9xl': {\n        fontSize: vars.fontSize['9xl'],\n        lineHeight: vars.lineHeight['9xl'],\n      },\n      responsive: {\n        fontSize: vars.fontSize.responsive,\n        lineHeight: vars.lineHeight.responsive,\n      },\n    },\n    alignItems: [STRETCH, FLEX_START, CENTER, FLEX_END, BASELINE],\n    alignSelf: ['auto', FLEX_START, CENTER, FLEX_END, STRETCH],\n    borderColor: vars.colors,\n    borderWidth: vars.borderWidth,\n    borderStyle: [NONE, 'dashed', 'solid'],\n    borderRadius: vars.borderRadius,\n    borderTop: [NONE],\n    borderRight: [NONE],\n    borderBottom: [NONE],\n    borderLeft: [NONE],\n    borderTopColor: vars.colors,\n    borderRightColor: vars.colors,\n    borderBottomColor: vars.colors,\n    borderLeftColor: vars.colors,\n    borderTopWidth: vars.borderWidth,\n    borderRightWidth: vars.borderWidth,\n    borderBottomWidth: vars.borderWidth,\n    borderLeftWidth: vars.borderWidth,\n    borderTopRightRadius: vars.borderRadius,\n    borderTopLeftRadius: vars.borderRadius,\n    borderBottomRightRadius: vars.borderRadius,\n    borderBottomLeftRadius: vars.borderRadius,\n    borderSpacing: vars.borderSpacing,\n    borderCollapse: ['collapse', 'separate'],\n    bottom: vars.spacing,\n    boxShadow: vars.boxShadow,\n    columnGap: vars.spacing,\n    display: [\n      'none',\n      'block',\n      'contents',\n      'flex',\n      'grid',\n      'inline',\n      'inline-flex',\n      'inline-block',\n      'table',\n      'table-cell',\n      'table-header-group',\n      'table-row',\n      'table-row-group',\n    ],\n    dropShadow: vars.dropShadow,\n    flex: vars.flex,\n    flexBasis: vars.flexBasis,\n    flexDirection: ['row', 'column', 'row-reverse'],\n    flexGrow: vars.flexGrow,\n    flexShrink: vars.flexShrink,\n    flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],\n    fontVariantNumeric: {\n      'tabular-nums': 'tabular-nums',\n    },\n    fontFamily: vars.fontFamily,\n    fontWeight: vars.fontWeight,\n    gap: vars.spacing,\n    gridAutoColumns: vars.gridAutoColumns,\n    gridAutoRows: vars.gridAutoRows,\n    gridColumn: vars.gridColumn,\n    gridColumnEnd: vars.gridColumnEnd,\n    gridColumnStart: vars.gridColumnStart,\n    gridRow: vars.gridRow,\n    gridRowEnd: vars.gridRowEnd,\n    gridRowStart: vars.gridRowStart,\n    gridTemplateColumns: vars.gridTemplateColumns,\n    gridTemplateRows: vars.gridTemplateRows,\n    height: vars.height,\n    hueRotate: vars.hueRotate,\n    inset: vars.inset,\n    invert: vars.invert,\n    justifyContent: [\n      'center',\n      'flex-end',\n      'flex-start',\n      'space-between',\n      'stretch',\n      'space-around',\n    ],\n    left: vars.left,\n    letterSpacing: vars.letterSpacing,\n    wordSpacing: vars.wordSpacing,\n    lineHeight: vars.lineHeight,\n    listStyleType: vars.listStyleType,\n    margin: vars.margin,\n    marginBottom: vars.spacing,\n    marginLeft: vars.spacing,\n    marginRight: vars.spacing,\n    marginTop: vars.spacing,\n    maxHeight: vars.maxHeight,\n    maxWidth: vars.maxWidth,\n    minHeight: vars.minHeight,\n    minWidth: { ...vars.minWidth, ...vars.width },\n    outline: ['none'],\n    outlineOffset: vars.outlineOffset,\n    outlineWidth: vars.outlineWidth,\n    overflow: ['auto', 'hidden', 'scroll', 'visible'],\n    overflowWrap: ['anywhere', 'break-word'],\n    overflowY: ['auto', 'hidden', 'scroll'],\n    overflowX: ['auto', 'hidden', 'scroll', 'visible'],\n    padding: vars.spacing,\n    paddingBottom: vars.spacing,\n    paddingBlock: vars.spacing,\n    paddingInline: vars.spacing,\n    paddingLeft: vars.spacing,\n    paddingRight: vars.spacing,\n    paddingTop: vars.spacing,\n    position: ['absolute', 'relative', 'fixed', 'sticky', 'static'],\n    right: vars.spacing,\n    rowGap: vars.spacing,\n    scale: vars.scale,\n    scrollbarGutter: ['auto', 'stable', 'stable both-edges'],\n    scrollMargin: vars.spacing,\n    scrollMarginTop: vars.spacing,\n    scrollPadding: vars.spacing,\n    strokeWidth: vars.strokeWidth,\n    textAlign: ['left', 'center', 'end'],\n    textOverflow: ['ellipsis', 'clip'],\n    top: vars.top,\n    userSelect: {\n      none: {\n        userSelect: 'none',\n        '-webkit-user-select': 'none',\n      },\n    },\n    visibility: ['hidden', 'visible'],\n    width: vars.width,\n    wordBreak: ['break-word', 'break-all'],\n    zIndex: vars.zIndex,\n    whiteSpace: ['nowrap', 'normal', 'pre', 'pre-wrap'],\n    resize: ['none', 'both', 'horizontal', 'vertical'],\n    backgroundImage: vars.backgroundImage,\n  },\n  shorthands: {\n    marginX: ['marginLeft', 'marginRight'],\n    marginY: ['marginTop', 'marginBottom'],\n    padding: ['paddingTop', 'paddingBottom', 'paddingLeft', 'paddingRight'],\n    paddingX: ['paddingLeft', 'paddingRight'],\n    paddingY: ['paddingTop', 'paddingBottom'],\n  },\n});\n\nconst colorModeProperties = defineProperties({\n  conditions: {\n    lightMode: {},\n    darkMode: { '@media': '(prefers-color-scheme: dark)' },\n  },\n  defaultCondition: 'lightMode',\n  properties: {\n    backgroundColor: vars.colors,\n    background: {\n      gradient:\n        'linear-gradient(to right, rgba(0, 127, 87, 1), rgba(5, 99, 116, 1));',\n      ellipseGradient:\n        'radial-gradient(ellipse at top left, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.0653), rgba(255, 255, 255, 0));',\n      linearGradient:\n        'linear-gradient(to right, rgba(0, 127, 87, 1), rgba(0, 126, 144, 1));',\n      verticalLinearGradient: 'linear-gradient(white, #F1F5F9);',\n    },\n    color: vars.colors,\n    grayscale: vars.grayscale,\n    opacity: vars.opacity,\n    outlineColor: vars.colors,\n    sepia: vars.sepia,\n    stroke: vars.stroke,\n    textColor: vars.colors,\n    textTransform: ['uppercase', 'lowercase', 'capitalize', 'none'],\n    textDecorationColor: vars.colors,\n    textOpacity: vars.opacity,\n  },\n});\n\nexport const sprinkles = createSprinkles(\n  colorModeProperties,\n  otherProperties,\n  responsiveProperties,\n);\n\nconst hoverProperties = defineProperties({\n  conditions: {\n    default: {},\n    hover: {\n      selector: '&:hover',\n    },\n  },\n  defaultCondition: 'default',\n  properties: {\n    backgroundColor: vars.colors,\n    color: vars.colors,\n    transform: vars.transform,\n    textDecoration: ['underline'],\n  },\n});\n\nconst firstChildProperties = defineProperties({\n  conditions: {\n    default: {},\n    firstChild: {\n      selector: '&:first-child',\n    },\n  },\n  defaultCondition: 'default',\n  properties: {\n    borderTopLeftRadius: vars.borderRadius,\n    borderTopRightRadius: vars.borderRadius,\n  },\n});\n\nexport const hoverSprinkles = createSprinkles(hoverProperties);\nexport const firstChildSprinkles = createSprinkles(firstChildProperties);\n"],"mappings":""}

package/lib/esm/theme/theme.css.js

@@ -1,2 +1 @@
-/* empty css                         */
-//# sourceMappingURL=theme.css.js.map
+/* empty css                     */