css-chaos-addon
Version:
An addon that applies inheritable css properties around a component to better test random use cases
154 lines (153 loc) • 6.25 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.CSS_PROPS = void 0;
var CSS_PROPS = [{
"name": "border-collapse",
"description": "Sets whether table borders should collapse into a single border or be separated as in standard HTML.",
"default": "separate",
"values": ["separate", "collapse", "initial", "inherit"]
}, {
"name": "border-spacing",
"description": "Sets the distance between the borders of adjacent cells.",
"default": "2px",
"values": ["0px", "2px", "5px", "10px", "15px", "20px", "25px", "30px", "35px", "40px", "45px", "50px", "initial", "inherit"]
}, {
"name": "caption-side",
"description": "Specifies the placement of a table caption.",
"default": "top",
"values": ["top", "bottom", "initial", "inherit"]
}, {
"name": "color",
"description": "Specifies the color of text.",
"default": "inherit",
"values": ["red", "orange", "yellow", "green", "blue", "indigo", "violet", "initial", "inherit"]
}, {
"name": "cursor",
"description": "Specifies the placement of a table caption.",
"default": "auto",
"values": ["alias", "all-scroll", "auto", "cell", "context-menu", "col-resize", "copy", "crosshair", "default", "e-resize", "ew-resize", "grab", "grabbing", "help", "move", "n-resize", "ne-resize", "nesw-resize", "ns-resize", "nw-resize", "nwse-resize", "no-drop", "none", "not-allowed", "pointer", "progress", "row-resize", "s-resize", "se-resize", "sw-resize", "text", "vertical-text", "w-resize", "wait", "zoom-in", "zoom-out", "initial", "inherit"]
}, {
"name": "direction",
"description": "Specifies the text direction/writing direction within a block-level element.",
"default": "ltr",
"values": ["ltr", "rtl", "initial", "inherit"]
}, {
"name": "empty-cells",
"description": "Sets whether or not to display borders on empty cells in a table.",
"default": "show",
"values": ["show", "hide", "initial", "inherit"]
}, {
"name": "font-family",
"description": "Specifies the font for an element.",
"default": "inherit",
"values": ["Arial", "Times New Roman", "Verdana", "cursive", "initial", "inherit"]
}, {
"name": "font-size",
"description": "Specifies the size of a font.",
"default": "medium",
"values": ["medium", "xx-small", "x-small", "small", "large", "x-large", "xx-large", "smaller", "larger", "initial", "inherit"]
}, {
"name": "font-style",
"description": "Specifies the font style for a text.",
"default": "normal",
"values": ["normal", "italic", "oblique", "initial", "inherit"]
}, {
"name": "font-variant",
"description": "Specifies whether or not a text should be displayed in a small-caps font.",
"default": "normal",
"values": ["normal", "small-caps", "initial", "inherit"]
}, {
"name": "font-weight",
"description": "Sets how thick or thin characters in text should be displayed",
"default": "normal",
"values": ["normal", "bold", "bolder", "lighter", "initial", "inherit"]
}, {
"name": "letter-spacing",
"description": "Increases or decreases the space between characters in a text.",
"default": "normal",
"values": ["0px", "2px", "5px", "10px", "15px", "20px", "25px", "30px", "35px", "40px", "45px", "50px", "normal", "initial", "inherit"]
}, {
"name": "line-height",
"description": "Specifies the height of a line.",
"default": "normal",
"values": ["0px", "2px", "5px", "10px", "15px", "20px", "25px", "30px", "35px", "40px", "45px", "50px", "normal", "initial", "inherit"]
}, // need to have mock images set up
// {
// "name": "list-style-image",
// "description": "Replaces the list-item marker with an image.",
// "values": []
// },
{
"name": "list-style-position",
"description": "Specifies the position of the list-item markers (bullet points).",
"default": "outside",
"values": ["inside", "outside", "initial", "inherit"]
}, {
"name": "list-style-type",
"description": "Specifies the type of list-item marker in a list.",
"default": "disc",
"values": ["disc", "armenian", "circle", "cjk-ideographic", "decimal", "decimal-leading-zero", "georgian", "hebrew", "hiragana", "hiragana-iroha", "katakana", "katakana-iroha", "lower-alpha", "lower-greek", "lower-latin", "lower-roman", "none", "square", "upper-alpha", "upper-greek", "upper-latin", "upper-roman", "initial", "inherit"]
}, // doesnt work unless they are doubled up - need to refactor a bit to get that to work
// {
// "name": "quotes",
// "description": "Sets the type of quotation marks for quotations.",
// "default": "\"",
// "values": [
// "\"",
// "'",
// "‹",
// "›",
// "«",
// "»",
// "‘",
// "’",
// "“",
// "”",
// "„",
// "none",
// "initial",
// "inherit"
// ]
// },
{
"name": "text-align",
"description": "Specifies the horizontal alignment of text in an element.",
"default": "left",
"values": ["left", "right", "center", "justify", "initial", "inherit"]
}, {
"name": "text-indent",
"description": "Specifies the indentation of the first line in a text-block.",
"default": "0px",
"values": ["0px", "10px", "20px", "30px", "40px", "50px", "initial", "inherit"]
}, {
"name": "text-transform",
"description": "Controls the capitalization of text.",
"default": "none",
"values": ["none", "capitalize", "uppercase", "lowercase", "initial", "inherit"]
}, // Seems to cause more harm than good because it hides everything you want to see to validate
// {
// "name": "visibility",
// "description": "Specifies whether or not an element is visible.",
// "default": "visible",
// "values": [
// "visible",
// "hidden",
// "collapse",
// "initial",
// "inherit"
// ]
// },
{
"name": "white-space",
"description": "Specifies how white-space inside an element is handled.",
"default": "normal",
"values": ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "initial", "inherit"]
}, {
"name": "word-spacing",
"description": "Increases or decreases the white space between words.",
"default": "normal",
"values": ["normal", "0px", "2px", "4px", "6px", "8px", "10px", "initial", "inherit"]
}];
exports.CSS_PROPS = CSS_PROPS;