export default {
	title: 'CSS Gap Decorations Module Level 1',
	links: {
		dev: 'css-gaps-1',
		tr: 'css-gaps-1',
	},
	status: {
		stability: 'experimental',
	},
	properties: {
		'column-rule-break': {
			links: {
				dev: '#propdef-column-rule-break',
				tr: '#propdef-column-rule-break',
			},
			tests: [
				'intersection',
				'spanning-item',
				'none',
			],
		},
		'row-rule-break': {
			links: {
				dev: '#propdef-row-rule-break',
				tr: '#propdef-row-rule-break',
			},
			tests: [
				'intersection',
				'spanning-item',
				'none',
			],
		},
		'rule-break': {
			links: {
				dev: '#propdef-rule-break',
				tr: '#propdef-rule-break',
			},
			tests: [
				'intersection',
				'spanning-item',
				'none',
			],
		},
		'column-rule-outset': {
			links: {
				dev: '#propdef-column-rule-outset',
				tr: '#propdef-column-rule-outset',
			},
			tests: [
				'10px',
				'5%',
			],
		},
		'row-rule-outset': {
			links: {
				dev: '#propdef-row-rule-outset',
				tr: '#propdef-row-rule-outset',
			},
			tests: [
				'10px',
				'5%',
			],
		},
		'rule-outset': {
			links: {
				dev: '#propdef-rule-outset',
				tr: '#propdef-rule-outset',
			},
			tests: [
				'10px',
				'5%',
			],
		},
		'rule-paint-order': {
			links: {
				dev: '#propdef-rule-paint-order',
				tr: '#propdef-rule-paint-order',
			},
			tests: [
				'row-over-column',
				'column-over-row',
			],
		},
		'column-rule-color': {
			links: {
				dev: '#propdef-column-rule-color',
				tr: '#propdef-column-rule-color',
			},
			tests: [
				'red',
				'rgb(0 0 0 / 0.5)',
				'repeat(2, red yellow lime blue)',
				'repeat(auto, red yellow lime blue)',
				'red repeat(2, lime blue)',
				'red repeat(auto, red yellow lime blue)',
				'repeat(2, lime blue) repeat(auto, red yellow lime blue)',
				'red repeat(2, lime blue) repeat(auto, red yellow lime blue)',
				'repeat(auto, red yellow lime blue) yellow',
				'repeat(auto, red yellow lime blue) repeat(2, red yellow)',
				'repeat(auto, red yellow lime blue) lime repeat(2, red yellow)',
				'red repeat(2, lime blue) repeat(auto, red yellow lime blue) yellow repeat(2, red yellow)',
			],
		},
		'row-rule-color': {
			links: {
				dev: '#propdef-row-rule-color',
				tr: '#propdef-row-rule-color',
			},
			tests: [
				'red',
				'rgb(0 0 0 / 0.5)',
				'repeat(2, red yellow lime blue)',
				'repeat(auto, red yellow lime blue)',
				'red repeat(2, lime blue)',
				'red repeat(auto, red yellow lime blue)',
				'repeat(2, lime blue) repeat(auto, red yellow lime blue)',
				'red repeat(2, lime blue) repeat(auto, red yellow lime blue)',
				'repeat(auto, red yellow lime blue) yellow',
				'repeat(auto, red yellow lime blue) repeat(2, red yellow)',
				'repeat(auto, red yellow lime blue) lime repeat(2, red yellow)',
				'red repeat(2, lime blue) repeat(auto, red yellow lime blue) yellow repeat(2, red yellow)',
			],
		},
		'rule-color': {
			links: {
				dev: '#propdef-rule-color',
				tr: '#propdef-rule-color',
			},
			tests: [
				'red',
				'rgb(0 0 0 / 0.5)',
				'repeat(2, red yellow lime blue)',
				'repeat(auto, red yellow lime blue)',
				'red repeat(2, lime blue)',
				'red repeat(auto, red yellow lime blue)',
				'repeat(2, lime blue) repeat(auto, red yellow lime blue)',
				'red repeat(2, lime blue) repeat(auto, red yellow lime blue)',
				'repeat(auto, red yellow lime blue) yellow',
				'repeat(auto, red yellow lime blue) repeat(2, red yellow)',
				'repeat(auto, red yellow lime blue) lime repeat(2, red yellow)',
				'red repeat(2, lime blue) repeat(auto, red yellow lime blue) yellow repeat(2, red yellow)',
			],
		},
		'column-rule-style': {
			links: {
				dev: '#propdef-column-rule-style',
				tr: '#propdef-column-rule-style',
			},
			tests: [
				'solid',
				'dotted',
				'none',
				'repeat(2, solid dotted none)',
				'repeat(auto, solid dotted none)',
				'solid repeat(2, dotted none)',
				'solid repeat(auto, solid dotted none)',
				'repeat(2, dotted none) repeat(auto, solid dotted none)',
				'solid repeat(2, dotted none) repeat(auto, solid dotted none)',
				'repeat(auto, solid dotted none) dotted',
				'repeat(auto, solid dotted none) repeat(2, solid dotted)',
				'repeat(auto, solid dotted none) none repeat(2, solid dotted)',
				'solid repeat(2, dotted none) repeat(auto, solid dotted none) dotted repeat(2, solid dotted)',
			],
		},
		'row-rule-style': {
			links: {
				dev: '#propdef-row-rule-style',
				tr: '#propdef-row-rule-style',
			},
			tests: [
				'solid',
				'dotted',
				'none',
				'repeat(2, solid dotted none)',
				'repeat(auto, solid dotted none)',
				'solid repeat(2, dotted none)',
				'solid repeat(auto, solid dotted none)',
				'repeat(2, dotted none) repeat(auto, solid dotted none)',
				'solid repeat(2, dotted none) repeat(auto, solid dotted none)',
				'repeat(auto, solid dotted none) dotted',
				'repeat(auto, solid dotted none) repeat(2, solid dotted)',
				'repeat(auto, solid dotted none) none repeat(2, solid dotted)',
				'solid repeat(2, dotted none) repeat(auto, solid dotted none) dotted repeat(2, solid dotted)',
			],
		},
		'rule-style': {
			links: {
				dev: '#propdef-rule-style',
				tr: '#propdef-rule-style',
			},
			tests: [
				'solid',
				'dotted',
				'none',
				'repeat(2, solid dotted none)',
				'repeat(auto, solid dotted none)',
				'solid repeat(2, dotted none)',
				'solid repeat(auto, solid dotted none)',
				'repeat(2, dotted none) repeat(auto, solid dotted none)',
				'solid repeat(2, dotted none) repeat(auto, solid dotted none)',
				'repeat(auto, solid dotted none) dotted',
				'repeat(auto, solid dotted none) repeat(2, solid dotted)',
				'repeat(auto, solid dotted none) none repeat(2, solid dotted)',
				'solid repeat(2, dotted none) repeat(auto, solid dotted none) dotted repeat(2, solid dotted)',
			],
		},
		'column-rule-width': {
			links: {
				dev: '#propdef-column-rule-width',
				tr: '#propdef-column-rule-width',
			},
			tests: [
				'10px',
				'5%',
				'thin',
				'medium',
				'thick',
				'repeat(2, 10px 5% thin medium thick)',
				'repeat(auto, 10px 5% thin medium thick)',
				'10px repeat(2, 5% thin medium thick)',
				'10px repeat(auto, 10px 5% thin medium thick)',
				'repeat(2, 5% thin medium thick) repeat(auto, 10px 5% thin medium thick)',
				'10px repeat(2, 5% thin medium thick) repeat(auto, 10px 5% thin medium thick)',
				'repeat(auto, 10px 5% thin medium thick) 5% thin',
				'repeat(auto, 10px 5% thin medium thick) repeat(2, 10px 5% thin)',
				'repeat(auto, 10px 5% thin medium thick) medium repeat(2, 10px 5% thin)',
				'10px repeat(2, 5% thin medium thick) repeat(auto, 10px 5% thin medium thick) 5% thin repeat(2, 10px 5% thin)',
			],
		},
		'row-rule-width': {
			links: {
				dev: '#propdef-row-rule-width',
				tr: '#propdef-row-rule-width',
			},
			tests: [
				'10px',
				'5%',
				'thin',
				'medium',
				'thick',
				'repeat(2, 10px 5% thin medium thick)',
				'repeat(auto, 10px 5% thin medium thick)',
				'10px repeat(2, 5% thin medium thick)',
				'10px repeat(auto, 10px 5% thin medium thick)',
				'repeat(2, 5% thin medium thick) repeat(auto, 10px 5% thin medium thick)',
				'10px repeat(2, 5% thin medium thick) repeat(auto, 10px 5% thin medium thick)',
				'repeat(auto, 10px 5% thin medium thick) 5% thin',
				'repeat(auto, 10px 5% thin medium thick) repeat(2, 10px 5% thin)',
				'repeat(auto, 10px 5% thin medium thick) medium repeat(2, 10px 5% thin)',
				'10px repeat(2, 5% thin medium thick) repeat(auto, 10px 5% thin medium thick) 5% thin repeat(2, 10px 5% thin)',
			],
		},
		'rule-width': {
			links: {
				dev: '#propdef-rule-width',
				tr: '#propdef-rule-width',
			},
			tests: [
				'10px',
				'5%',
				'thin',
				'medium',
				'thick',
				'repeat(2, 10px 5% thin medium thick)',
				'repeat(auto, 10px 5% thin medium thick)',
				'10px repeat(2, 5% thin medium thick)',
				'10px repeat(auto, 10px 5% thin medium thick)',
				'repeat(2, 5% thin medium thick) repeat(auto, 10px 5% thin medium thick)',
				'10px repeat(2, 5% thin medium thick) repeat(auto, 10px 5% thin medium thick)',
				'repeat(auto, 10px 5% thin medium thick) 5% thin',
				'repeat(auto, 10px 5% thin medium thick) repeat(2, 10px 5% thin)',
				'repeat(auto, 10px 5% thin medium thick) medium repeat(2, 10px 5% thin)',
				'10px repeat(2, 5% thin medium thick) repeat(auto, 10px 5% thin medium thick) 5% thin repeat(2, 10px 5% thin)',
			],
		},
		'column-rule': {
			links: {
				dev: '#propdef-column-rule',
				tr: '#propdef-column-rule',
			},
			tests: [
				'10px solid red',
				'5% dotted rgb(0 0 0 / 0.5)',
				'repeat(2, 10px solid red, 5% dotted yellow)',
				'repeat(auto, 10px solid red, 5% dotted yellow)',
				'10px solid red repeat(2, 5% dotted yellow)',
				'10px solid red repeat(auto, 10px solid red, 5% dotted yellow)',
				'repeat(2, 5% dotted yellow repeat(auto, 10px solid red, 5% dotted yellow)',
				'10px solid red repeat(2, 5% dotted yellow repeat(auto, 10px solid red, 5% dotted yellow)',
				'repeat(auto, 10px solid red, 5% dotted yellow) 5% dotted yellow',
				'repeat(auto, 10px solid red, 5% dotted yellow) repeat(2, 10px solid red, 5% dotted yellow)',
				'repeat(auto, 10px solid red, 5% dotted yellow) 5% dotted lime repeat(2, 10px solid red, 5% dotted yellow)',
				'10px solid red repeat(2, 5% dotted yellow) repeat(auto, 10px solid red, 5% dotted yellow) 5% dotted yellow repeat(2, 10px solid red, 5% dotted yellow)',
			],
		},
		'row-rule': {
			links: {
				dev: '#propdef-row-rule',
				tr: '#propdef-row-rule',
			},
			tests: [
				'10px solid red',
				'5% dotted rgb(0 0 0 / 0.5)',
				'repeat(2, 10px solid red, 5% dotted yellow)',
				'repeat(auto, 10px solid red, 5% dotted yellow)',
				'10px solid red repeat(2, 5% dotted yellow)',
				'10px solid red repeat(auto, 10px solid red, 5% dotted yellow)',
				'repeat(2, 5% dotted yellow repeat(auto, 10px solid red, 5% dotted yellow)',
				'10px solid red repeat(2, 5% dotted yellow repeat(auto, 10px solid red, 5% dotted yellow)',
				'repeat(auto, 10px solid red, 5% dotted yellow) 5% dotted yellow',
				'repeat(auto, 10px solid red, 5% dotted yellow) repeat(2, 10px solid red, 5% dotted yellow)',
				'repeat(auto, 10px solid red, 5% dotted yellow) 5% dotted lime repeat(2, 10px solid red, 5% dotted yellow)',
				'10px solid red repeat(2, 5% dotted yellow) repeat(auto, 10px solid red, 5% dotted yellow) 5% dotted yellow repeat(2, 10px solid red, 5% dotted yellow)',
			],
		},
		'rule': {
			links: {
				dev: '#propdef-rule',
				tr: '#propdef-rule',
			},
			tests: [
				'10px solid red',
				'5% dotted rgb(0 0 0 / 0.5)',
				'repeat(2, 10px solid red, 5% dotted yellow)',
				'repeat(auto, 10px solid red, 5% dotted yellow)',
				'10px solid red repeat(2, 5% dotted yellow)',
				'10px solid red repeat(auto, 10px solid red, 5% dotted yellow)',
				'repeat(2, 5% dotted yellow repeat(auto, 10px solid red, 5% dotted yellow)',
				'10px solid red repeat(2, 5% dotted yellow repeat(auto, 10px solid red, 5% dotted yellow)',
				'repeat(auto, 10px solid red, 5% dotted yellow) 5% dotted yellow',
				'repeat(auto, 10px solid red, 5% dotted yellow) repeat(2, 10px solid red, 5% dotted yellow)',
				'repeat(auto, 10px solid red, 5% dotted yellow) 5% dotted lime repeat(2, 10px solid red, 5% dotted yellow)',
				'10px solid red repeat(2, 5% dotted yellow) repeat(auto, 10px solid red, 5% dotted yellow) 5% dotted yellow repeat(2, 10px solid red, 5% dotted yellow)',
			],
		},
	},
};