@react-types/shared
Version:
Spectrum UI components in React
504 lines (489 loc) • 9.76 kB
TypeScript
/*
* Copyright 2020 Adobe. All rights reserved.
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License. You may obtain a copy
* of the License at http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
* OF ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*/
// This file is generated by lib/varsToTypeScript.js! DO NOT EDIT.
/** See the [Styling docs](styling.html#dimension-values) for a visualization of these values. */
export type DimensionValue =
| 'size-0'
| 'size-10'
| 'size-25'
| 'size-40'
| 'size-50'
| 'size-65'
| 'size-75'
| 'size-85'
| 'size-100'
| 'size-115'
| 'size-125'
| 'size-130'
| 'size-150'
| 'size-160'
| 'size-175'
| 'size-200'
| 'size-225'
| 'size-250'
| 'size-275'
| 'size-300'
| 'size-325'
| 'size-350'
| 'size-400'
| 'size-450'
| 'size-500'
| 'size-550'
| 'size-600'
| 'size-675'
| 'size-700'
| 'size-800'
| 'size-900'
| 'size-1000'
| 'size-1200'
| 'size-1250'
| 'size-1600'
| 'size-1700'
| 'size-2000'
| 'size-2400'
| 'size-3000'
| 'size-3400'
| 'size-3600'
| 'size-4600'
| 'size-5000'
| 'size-6000'
| 'static-size-0'
| 'static-size-10'
| 'static-size-25'
| 'static-size-50'
| 'static-size-40'
| 'static-size-65'
| 'static-size-100'
| 'static-size-115'
| 'static-size-125'
| 'static-size-130'
| 'static-size-150'
| 'static-size-160'
| 'static-size-175'
| 'static-size-200'
| 'static-size-225'
| 'static-size-250'
| 'static-size-300'
| 'static-size-400'
| 'static-size-450'
| 'static-size-500'
| 'static-size-550'
| 'static-size-600'
| 'static-size-700'
| 'static-size-800'
| 'static-size-900'
| 'static-size-1000'
| 'static-size-1200'
| 'static-size-1700'
| 'static-size-2400'
| 'static-size-2600'
| 'static-size-3400'
| 'static-size-3600'
| 'static-size-4600'
| 'static-size-5000'
| 'static-size-6000'
| 'single-line-height'
| 'single-line-width'
// This allows autocomplete to work properly and not collapse the above options into just `string`.
// See https://github.com/microsoft/TypeScript/issues/29729.
| (string & {})
| number;
export type ColorValue =
| 'celery-400'
| 'celery-500'
| 'celery-600'
| 'celery-700'
| 'chartreuse-400'
| 'chartreuse-500'
| 'chartreuse-600'
| 'chartreuse-700'
| 'yellow-400'
| 'yellow-500'
| 'yellow-600'
| 'yellow-700'
| 'magenta-400'
| 'magenta-500'
| 'magenta-600'
| 'magenta-700'
| 'fuchsia-400'
| 'fuchsia-500'
| 'fuchsia-600'
| 'fuchsia-700'
| 'purple-400'
| 'purple-500'
| 'purple-600'
| 'purple-700'
| 'indigo-400'
| 'indigo-500'
| 'indigo-600'
| 'indigo-700'
| 'seafoam-400'
| 'seafoam-500'
| 'seafoam-600'
| 'seafoam-700'
| 'red-400'
| 'red-500'
| 'red-600'
| 'red-700'
| 'orange-400'
| 'orange-500'
| 'orange-600'
| 'orange-700'
| 'green-400'
| 'green-500'
| 'green-600'
| 'green-700'
| 'blue-400'
| 'blue-500'
| 'blue-600'
| 'blue-700'
| 'gray-50'
| 'gray-75'
| 'gray-100'
| 'gray-200'
| 'gray-300'
| 'gray-400'
| 'gray-500'
| 'gray-600'
| 'gray-700'
| 'gray-800'
| 'gray-900'
| 'static-black'
| 'static-white'
| 'static-blue'
| 'static-gray-50'
| 'static-gray-75'
| 'static-gray-100'
| 'static-gray-200'
| 'static-gray-300'
| 'static-gray-400'
| 'static-gray-500'
| 'static-gray-600'
| 'static-gray-700'
| 'static-gray-800'
| 'static-gray-900'
| 'static-blue-200'
| 'static-blue-300'
| 'static-blue-400'
| 'static-blue-500'
| 'static-blue-600'
| 'static-blue-700'
| 'static-blue-800'
| 'static-red-400'
| 'static-red-500'
| 'static-red-600'
| 'static-red-700'
| 'static-orange-400'
| 'static-orange-500'
| 'static-orange-600'
| 'static-orange-700'
| 'static-green-400'
| 'static-green-500'
| 'static-green-600'
| 'static-green-700'
| 'static-celery-200'
| 'static-celery-300'
| 'static-celery-400'
| 'static-celery-500'
| 'static-celery-600'
| 'static-celery-700'
| 'static-chartreuse-300'
| 'static-chartreuse-400'
| 'static-chartreuse-500'
| 'static-chartreuse-600'
| 'static-chartreuse-700'
| 'static-yellow-200'
| 'static-yellow-300'
| 'static-yellow-400'
| 'static-yellow-500'
| 'static-yellow-600'
| 'static-yellow-700'
| 'static-magenta-200'
| 'static-magenta-300'
| 'static-magenta-400'
| 'static-magenta-500'
| 'static-magenta-600'
| 'static-magenta-700'
| 'static-fuchsia-400'
| 'static-fuchsia-500'
| 'static-fuchsia-600'
| 'static-fuchsia-700'
| 'static-purple-400'
| 'static-purple-500'
| 'static-purple-600'
| 'static-purple-700'
| 'static-purple-800'
| 'static-indigo-200'
| 'static-indigo-300'
| 'static-indigo-400'
| 'static-indigo-500'
| 'static-indigo-600'
| 'static-indigo-700'
| 'static-seafoam-200'
| 'static-seafoam-300'
| 'static-seafoam-400'
| 'static-seafoam-500'
| 'static-seafoam-600'
| 'static-seafoam-700'
| SemanticColorValue;
export type ColorValueV6 =
| 'gray-50'
| 'gray-75'
| 'gray-100'
| 'gray-200'
| 'gray-300'
| 'gray-400'
| 'gray-500'
| 'gray-600'
| 'gray-700'
| 'gray-800'
| 'gray-900'
| 'red-100'
| 'red-200'
| 'red-300'
| 'red-400'
| 'red-500'
| 'red-600'
| 'red-700'
| 'red-800'
| 'red-900'
| 'red-1000'
| 'red-1100'
| 'red-1200'
| 'red-1300'
| 'red-1400'
| 'orange-100'
| 'orange-200'
| 'orange-300'
| 'orange-400'
| 'orange-500'
| 'orange-600'
| 'orange-700'
| 'orange-800'
| 'orange-900'
| 'orange-1000'
| 'orange-1100'
| 'orange-1200'
| 'orange-1300'
| 'orange-1400'
| 'yellow-100'
| 'yellow-200'
| 'yellow-300'
| 'yellow-400'
| 'yellow-500'
| 'yellow-600'
| 'yellow-700'
| 'yellow-800'
| 'yellow-900'
| 'yellow-1000'
| 'yellow-1100'
| 'yellow-1200'
| 'yellow-1300'
| 'yellow-1400'
| 'chartreuse-100'
| 'chartreuse-200'
| 'chartreuse-300'
| 'chartreuse-400'
| 'chartreuse-500'
| 'chartreuse-600'
| 'chartreuse-700'
| 'chartreuse-800'
| 'chartreuse-900'
| 'chartreuse-1000'
| 'chartreuse-1100'
| 'chartreuse-1200'
| 'chartreuse-1300'
| 'chartreuse-1400'
| 'celery-100'
| 'celery-200'
| 'celery-300'
| 'celery-400'
| 'celery-500'
| 'celery-600'
| 'celery-700'
| 'celery-800'
| 'celery-900'
| 'celery-1000'
| 'celery-1100'
| 'celery-1200'
| 'celery-1300'
| 'celery-1400'
| 'green-100'
| 'green-200'
| 'green-300'
| 'green-400'
| 'green-500'
| 'green-600'
| 'green-700'
| 'green-800'
| 'green-900'
| 'green-1000'
| 'green-1100'
| 'green-1200'
| 'green-1300'
| 'green-1400'
| 'seafoam-100'
| 'seafoam-200'
| 'seafoam-300'
| 'seafoam-400'
| 'seafoam-500'
| 'seafoam-600'
| 'seafoam-700'
| 'seafoam-800'
| 'seafoam-900'
| 'seafoam-1000'
| 'seafoam-1100'
| 'seafoam-1200'
| 'seafoam-1300'
| 'seafoam-1400'
| 'cyan-100'
| 'cyan-200'
| 'cyan-300'
| 'cyan-400'
| 'cyan-500'
| 'cyan-600'
| 'cyan-700'
| 'cyan-800'
| 'cyan-900'
| 'cyan-1000'
| 'cyan-1100'
| 'cyan-1200'
| 'cyan-1300'
| 'cyan-1400'
| 'blue-100'
| 'blue-200'
| 'blue-300'
| 'blue-400'
| 'blue-500'
| 'blue-600'
| 'blue-700'
| 'blue-800'
| 'blue-900'
| 'blue-1000'
| 'blue-1100'
| 'blue-1200'
| 'blue-1300'
| 'blue-1400'
| 'indigo-100'
| 'indigo-200'
| 'indigo-300'
| 'indigo-400'
| 'indigo-500'
| 'indigo-600'
| 'indigo-700'
| 'indigo-800'
| 'indigo-900'
| 'indigo-1000'
| 'indigo-1100'
| 'indigo-1200'
| 'indigo-1300'
| 'indigo-1400'
| 'purple-100'
| 'purple-200'
| 'purple-300'
| 'purple-400'
| 'purple-500'
| 'purple-600'
| 'purple-700'
| 'purple-800'
| 'purple-900'
| 'purple-1000'
| 'purple-1100'
| 'purple-1200'
| 'purple-1300'
| 'purple-1400'
| 'fuchsia-100'
| 'fuchsia-200'
| 'fuchsia-300'
| 'fuchsia-400'
| 'fuchsia-500'
| 'fuchsia-600'
| 'fuchsia-700'
| 'fuchsia-800'
| 'fuchsia-900'
| 'fuchsia-1000'
| 'fuchsia-1100'
| 'fuchsia-1200'
| 'fuchsia-1300'
| 'fuchsia-1400'
| 'magenta-100'
| 'magenta-200'
| 'magenta-300'
| 'magenta-400'
| 'magenta-500'
| 'magenta-600'
| 'magenta-700'
| 'magenta-800'
| 'magenta-900'
| 'magenta-1000'
| 'magenta-1100'
| 'magenta-1200'
| 'magenta-1300'
| 'magenta-1400'
| SemanticColorValue;
type SemanticColorValue =
| 'negative'
| 'notice'
| 'positive'
| 'informative';
type BorderColorAlias =
| 'negative'
| 'notice'
| 'positive'
| 'informative'
| 'hover'
| 'down'
| 'focus'
| 'mouse-focus'
| 'disabled'
| 'extralight'
| 'light'
| 'mid'
| 'dark'
| 'transparent'
| 'translucent-dark'
| 'translucent-darker';
type BackgroundColorAlias =
| 'default'
| 'disabled'
| 'transparent'
| 'label-gray';
export type IconColorValue =
| 'negative'
| 'notice'
| 'positive'
| 'informative';
export type BorderSizeValue =
| 'thin'
| 'thick'
| 'thicker'
| 'thickest'
| 'none';
export type BorderRadiusValue =
| 'xsmall'
| 'small'
| 'regular'
| 'medium'
| 'large';
export type BorderColorValue =
| 'default'
| BorderColorAlias
| ColorValue;
export type BorderColorValueV6 =
| BorderColorAlias
| ColorValueV6;
export type BackgroundColorValue =
| BackgroundColorAlias
| ColorValue;
export type BackgroundColorValueV6 =
| BackgroundColorAlias
| ColorValueV6;