@atlaskit/css 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/LICENSE.md +13 -0
- package/README.md +31 -0
- package/dist/cjs/index.js +18 -0
- package/dist/es2019/index.js +11 -0
- package/dist/esm/index.js +10 -0
- package/dist/types/index.d.ts +214 -0
- package/dist/types-ts4.5/index.d.ts +216 -0
- package/package.json +96 -0
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
# @atlaskit/css
|
|
2
|
+
|
|
3
|
+
## 0.0.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#58767](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58767) [`6a6dbc5197e8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6a6dbc5197e8) - Initial commit.
|
package/LICENSE.md
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
Copyright 2023 Atlassian Pty Ltd
|
|
2
|
+
|
|
3
|
+
Licensed under the Apache License, Version 2.0 (the "License");
|
|
4
|
+
you may not use this file except in compliance with the License.
|
|
5
|
+
You may obtain a copy of the License at
|
|
6
|
+
|
|
7
|
+
http://www.apache.org/licenses/LICENSE-2.0
|
|
8
|
+
|
|
9
|
+
Unless required by applicable law or agreed to in writing, software
|
|
10
|
+
distributed under the License is distributed on an "AS IS" BASIS,
|
|
11
|
+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
12
|
+
See the License for the specific language governing permissions and
|
|
13
|
+
limitations under the License.
|
package/README.md
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
# CSS
|
|
2
|
+
|
|
3
|
+
Style components backed by Atlassian Design System design tokens powered by Compiled CSS-in-JS.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
First [set up Compiled](https://compiledcssinjs.com/docs/installation).
|
|
8
|
+
|
|
9
|
+
```sh
|
|
10
|
+
yarn add @atlaskit/css
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
Update your Compiled config to have `importSources` point to `@atlaskit/css`:
|
|
14
|
+
|
|
15
|
+
```diff
|
|
16
|
+
{
|
|
17
|
+
+ "importSources": ["@atlaskit/css"]
|
|
18
|
+
}
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
## Usage
|
|
22
|
+
|
|
23
|
+
```jsx
|
|
24
|
+
import { css } from '@atlaskit/css';
|
|
25
|
+
|
|
26
|
+
const basicStyles = css({
|
|
27
|
+
color: 'var(--ds-link)',
|
|
28
|
+
});
|
|
29
|
+
|
|
30
|
+
<div css={basicStyles} />;
|
|
31
|
+
```
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/* index.ts generated by @compiled/babel-plugin v0.26.3 */
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.cx = exports.cssMap = exports.css = exports.XCSSProp = void 0;
|
|
9
|
+
var React = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _runtime = require("@compiled/react/runtime");
|
|
11
|
+
var _react2 = require("@compiled/react");
|
|
12
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
|
+
var _createStrictAPI = (0, _react2.createStrictAPI)(),
|
|
15
|
+
XCSSProp = exports.XCSSProp = _createStrictAPI.XCSSProp,
|
|
16
|
+
css = exports.css = _createStrictAPI.css,
|
|
17
|
+
cssMap = exports.cssMap = _createStrictAPI.cssMap,
|
|
18
|
+
cx = exports.cx = _createStrictAPI.cx;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/* index.ts generated by @compiled/babel-plugin v0.26.3 */
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
4
|
+
import { createStrictAPI } from '@compiled/react';
|
|
5
|
+
const {
|
|
6
|
+
XCSSProp,
|
|
7
|
+
css,
|
|
8
|
+
cssMap,
|
|
9
|
+
cx
|
|
10
|
+
} = createStrictAPI();
|
|
11
|
+
export { XCSSProp, css, cssMap, cx };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/* index.ts generated by @compiled/babel-plugin v0.26.3 */
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
4
|
+
import { createStrictAPI } from '@compiled/react';
|
|
5
|
+
var _createStrictAPI = createStrictAPI(),
|
|
6
|
+
XCSSProp = _createStrictAPI.XCSSProp,
|
|
7
|
+
css = _createStrictAPI.css,
|
|
8
|
+
cssMap = _createStrictAPI.cssMap,
|
|
9
|
+
cx = _createStrictAPI.cx;
|
|
10
|
+
export { XCSSProp, css, cssMap, cx };
|
|
@@ -0,0 +1,214 @@
|
|
|
1
|
+
import { type XCSSAllProperties, type XCSSAllPseudos } from '@compiled/react';
|
|
2
|
+
interface TempDesignTokenSchema {
|
|
3
|
+
color: 'var(--ds-text)' | 'var(--ds-link)' | 'var(--ds-text-inverse)';
|
|
4
|
+
backgroundColor: 'var(--ds-background-brand-bold)' | 'var(--ds-background-success-bold)';
|
|
5
|
+
'&:hover': {
|
|
6
|
+
color: 'var(--ds-link-hovered)';
|
|
7
|
+
backgroundColor: 'var(--ds-background-brand-bold-hovered)' | 'var(--ds-background-success-bold-hovered)';
|
|
8
|
+
};
|
|
9
|
+
'&:active': {
|
|
10
|
+
backgroundColor: 'var(--ds-background-brand-bold-pressed)' | 'var(--ds-background-success-bold-pressed)';
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
declare const XCSSProp: <TAllowedProperties extends "flex" | "grid" | "fill" | "stroke" | "all" | "bottom" | "left" | "right" | "top" | "clip" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockOverflow" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorAdjust" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "display" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "inputSecurity" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "motionDistance" | "motionPath" | "motionRotation" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "offsetRotation" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "page" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTransitionName" | "visibility" | "whiteSpace" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "animation" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "container" | "flexFlow" | "font" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "motion" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect", TAllowedPseudos extends import("@compiled/react/dist/esm/types").CSSPseudos, TRequiredProperties extends {
|
|
14
|
+
requiredProperties: TAllowedProperties;
|
|
15
|
+
requiredPseudos: TAllowedPseudos;
|
|
16
|
+
} = never>() => import("@compiled/react/dist/esm/xcss-prop").Internal$XCSSProp<TAllowedProperties, TAllowedPseudos, TempDesignTokenSchema, {
|
|
17
|
+
color: never;
|
|
18
|
+
backgroundColor: never;
|
|
19
|
+
'&:hover': {
|
|
20
|
+
color: 'var(--ds-link-hovered)';
|
|
21
|
+
backgroundColor: 'var(--ds-background-brand-bold-hovered)' | 'var(--ds-background-success-bold-hovered)';
|
|
22
|
+
};
|
|
23
|
+
'&:active': {
|
|
24
|
+
backgroundColor: 'var(--ds-background-brand-bold-pressed)' | 'var(--ds-background-success-bold-pressed)';
|
|
25
|
+
};
|
|
26
|
+
}, TRequiredProperties>, css: (styles: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> & {
|
|
27
|
+
"&::after"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
28
|
+
"&::backdrop"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
29
|
+
"&::before"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
30
|
+
"&::cue"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
31
|
+
"&::cue-region"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
32
|
+
"&::first-letter"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
33
|
+
"&::first-line"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
34
|
+
"&::grammar-error"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
35
|
+
"&::marker"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
36
|
+
"&::placeholder"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
37
|
+
"&::selection"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
38
|
+
"&::spelling-error"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
39
|
+
"&::target-text"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
40
|
+
"&::view-transition"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
41
|
+
"&:active"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
42
|
+
"&:autofill"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
43
|
+
"&:blank"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
44
|
+
"&:checked"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
45
|
+
"&:default"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
46
|
+
"&:defined"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
47
|
+
"&:disabled"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
48
|
+
"&:empty"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
49
|
+
"&:enabled"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
50
|
+
"&:first"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
51
|
+
"&:focus"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
52
|
+
"&:focus-visible"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
53
|
+
"&:focus-within"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
54
|
+
"&:fullscreen"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
55
|
+
"&:hover"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
56
|
+
"&:in-range"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
57
|
+
"&:indeterminate"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
58
|
+
"&:invalid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
59
|
+
"&:left"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
60
|
+
"&:link"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
61
|
+
"&:local-link"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
62
|
+
"&:optional"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
63
|
+
"&:out-of-range"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
64
|
+
"&:paused"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
65
|
+
"&:picture-in-picture"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
66
|
+
"&:placeholder-shown"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
67
|
+
"&:playing"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
68
|
+
"&:read-only"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
69
|
+
"&:read-write"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
70
|
+
"&:required"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
71
|
+
"&:right"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
72
|
+
"&:target"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
73
|
+
"&:user-invalid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
74
|
+
"&:user-valid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
75
|
+
"&:valid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
76
|
+
"&:visited"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
77
|
+
} & {
|
|
78
|
+
color?: "var(--ds-text)" | "var(--ds-link)" | "var(--ds-text-inverse)" | undefined;
|
|
79
|
+
backgroundColor?: "var(--ds-background-brand-bold)" | "var(--ds-background-success-bold)" | undefined;
|
|
80
|
+
'&:hover'?: {
|
|
81
|
+
color?: "var(--ds-link-hovered)" | undefined;
|
|
82
|
+
backgroundColor?: "var(--ds-background-brand-bold-hovered)" | "var(--ds-background-success-bold-hovered)" | undefined;
|
|
83
|
+
} | undefined;
|
|
84
|
+
'&:active'?: {
|
|
85
|
+
backgroundColor?: "var(--ds-background-brand-bold-pressed)" | "var(--ds-background-success-bold-pressed)" | undefined;
|
|
86
|
+
} | undefined;
|
|
87
|
+
}) => Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>>, cssMap: <TStylesMap extends {
|
|
88
|
+
[x: string]: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> & {
|
|
89
|
+
"&::after"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
90
|
+
"&::backdrop"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
91
|
+
"&::before"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
92
|
+
"&::cue"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
93
|
+
"&::cue-region"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
94
|
+
"&::first-letter"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
95
|
+
"&::first-line"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
96
|
+
"&::grammar-error"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
97
|
+
"&::marker"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
98
|
+
"&::placeholder"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
99
|
+
"&::selection"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
100
|
+
"&::spelling-error"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
101
|
+
"&::target-text"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
102
|
+
"&::view-transition"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
103
|
+
"&:active"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
104
|
+
"&:autofill"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
105
|
+
"&:blank"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
106
|
+
"&:checked"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
107
|
+
"&:default"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
108
|
+
"&:defined"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
109
|
+
"&:disabled"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
110
|
+
"&:empty"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
111
|
+
"&:enabled"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
112
|
+
"&:first"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
113
|
+
"&:focus"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
114
|
+
"&:focus-visible"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
115
|
+
"&:focus-within"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
116
|
+
"&:fullscreen"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
117
|
+
"&:hover"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
118
|
+
"&:in-range"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
119
|
+
"&:indeterminate"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
120
|
+
"&:invalid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
121
|
+
"&:left"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
122
|
+
"&:link"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
123
|
+
"&:local-link"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
124
|
+
"&:optional"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
125
|
+
"&:out-of-range"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
126
|
+
"&:paused"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
127
|
+
"&:picture-in-picture"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
128
|
+
"&:placeholder-shown"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
129
|
+
"&:playing"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
130
|
+
"&:read-only"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
131
|
+
"&:read-write"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
132
|
+
"&:required"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
133
|
+
"&:right"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
134
|
+
"&:target"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
135
|
+
"&:user-invalid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
136
|
+
"&:user-valid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
137
|
+
"&:valid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
138
|
+
"&:visited"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
139
|
+
} & {
|
|
140
|
+
color?: "var(--ds-text)" | "var(--ds-link)" | "var(--ds-text-inverse)" | undefined;
|
|
141
|
+
backgroundColor?: "var(--ds-background-brand-bold)" | "var(--ds-background-success-bold)" | undefined;
|
|
142
|
+
'&:hover'?: {
|
|
143
|
+
color?: "var(--ds-link-hovered)" | undefined;
|
|
144
|
+
backgroundColor?: "var(--ds-background-brand-bold-hovered)" | "var(--ds-background-success-bold-hovered)" | undefined;
|
|
145
|
+
} | undefined;
|
|
146
|
+
'&:active'?: {
|
|
147
|
+
backgroundColor?: "var(--ds-background-brand-bold-pressed)" | "var(--ds-background-success-bold-pressed)" | undefined;
|
|
148
|
+
} | undefined;
|
|
149
|
+
};
|
|
150
|
+
}>(styles: {
|
|
151
|
+
[x: string]: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> & {
|
|
152
|
+
"&::after"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
153
|
+
"&::backdrop"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
154
|
+
"&::before"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
155
|
+
"&::cue"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
156
|
+
"&::cue-region"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
157
|
+
"&::first-letter"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
158
|
+
"&::first-line"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
159
|
+
"&::grammar-error"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
160
|
+
"&::marker"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
161
|
+
"&::placeholder"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
162
|
+
"&::selection"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
163
|
+
"&::spelling-error"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
164
|
+
"&::target-text"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
165
|
+
"&::view-transition"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
166
|
+
"&:active"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
167
|
+
"&:autofill"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
168
|
+
"&:blank"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
169
|
+
"&:checked"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
170
|
+
"&:default"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
171
|
+
"&:defined"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
172
|
+
"&:disabled"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
173
|
+
"&:empty"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
174
|
+
"&:enabled"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
175
|
+
"&:first"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
176
|
+
"&:focus"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
177
|
+
"&:focus-visible"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
178
|
+
"&:focus-within"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
179
|
+
"&:fullscreen"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
180
|
+
"&:hover"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
181
|
+
"&:in-range"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
182
|
+
"&:indeterminate"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
183
|
+
"&:invalid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
184
|
+
"&:left"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
185
|
+
"&:link"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
186
|
+
"&:local-link"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
187
|
+
"&:optional"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
188
|
+
"&:out-of-range"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
189
|
+
"&:paused"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
190
|
+
"&:picture-in-picture"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
191
|
+
"&:placeholder-shown"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
192
|
+
"&:playing"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
193
|
+
"&:read-only"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
194
|
+
"&:read-write"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
195
|
+
"&:required"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
196
|
+
"&:right"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
197
|
+
"&:target"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
198
|
+
"&:user-invalid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
199
|
+
"&:user-valid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
200
|
+
"&:valid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
201
|
+
"&:visited"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
202
|
+
} & {
|
|
203
|
+
color?: "var(--ds-text)" | "var(--ds-link)" | "var(--ds-text-inverse)" | undefined;
|
|
204
|
+
backgroundColor?: "var(--ds-background-brand-bold)" | "var(--ds-background-success-bold)" | undefined;
|
|
205
|
+
'&:hover'?: {
|
|
206
|
+
color?: "var(--ds-link-hovered)" | undefined;
|
|
207
|
+
backgroundColor?: "var(--ds-background-brand-bold-hovered)" | "var(--ds-background-success-bold-hovered)" | undefined;
|
|
208
|
+
} | undefined;
|
|
209
|
+
'&:active'?: {
|
|
210
|
+
backgroundColor?: "var(--ds-background-brand-bold-pressed)" | "var(--ds-background-success-bold-pressed)" | undefined;
|
|
211
|
+
} | undefined;
|
|
212
|
+
};
|
|
213
|
+
} & TStylesMap) => { readonly [P in keyof TStylesMap]: import("@compiled/react/dist/esm/xcss-prop").CompiledStyles<TStylesMap[P]>; }, cx: <TStyles extends import("@compiled/react").XCSSProp<any, any, never>[]>(...styles: TStyles) => TStyles[number];
|
|
214
|
+
export { XCSSProp, css, cssMap, cx, XCSSAllProperties, XCSSAllPseudos };
|
|
@@ -0,0 +1,216 @@
|
|
|
1
|
+
import { type XCSSAllProperties, type XCSSAllPseudos } from '@compiled/react';
|
|
2
|
+
interface TempDesignTokenSchema {
|
|
3
|
+
color: 'var(--ds-text)' | 'var(--ds-link)' | 'var(--ds-text-inverse)';
|
|
4
|
+
backgroundColor: 'var(--ds-background-brand-bold)' | 'var(--ds-background-success-bold)';
|
|
5
|
+
'&:hover': {
|
|
6
|
+
color: 'var(--ds-link-hovered)';
|
|
7
|
+
backgroundColor: 'var(--ds-background-brand-bold-hovered)' | 'var(--ds-background-success-bold-hovered)';
|
|
8
|
+
};
|
|
9
|
+
'&:active': {
|
|
10
|
+
backgroundColor: 'var(--ds-background-brand-bold-pressed)' | 'var(--ds-background-success-bold-pressed)';
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
declare const XCSSProp: <TAllowedProperties extends "flex" | "grid" | "fill" | "stroke" | "all" | "bottom" | "left" | "right" | "top" | "clip" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockOverflow" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorAdjust" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "display" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "inputSecurity" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "motionDistance" | "motionPath" | "motionRotation" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "offsetRotation" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "page" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTransitionName" | "visibility" | "whiteSpace" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "animation" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "container" | "flexFlow" | "font" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "motion" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect", TAllowedPseudos extends import("@compiled/react/dist/esm/types").CSSPseudos, TRequiredProperties extends {
|
|
14
|
+
requiredProperties: TAllowedProperties;
|
|
15
|
+
requiredPseudos: TAllowedPseudos;
|
|
16
|
+
} = never>() => import("@compiled/react/dist/esm/xcss-prop").Internal$XCSSProp<TAllowedProperties, TAllowedPseudos, TempDesignTokenSchema, {
|
|
17
|
+
color: never;
|
|
18
|
+
backgroundColor: never;
|
|
19
|
+
'&:hover': {
|
|
20
|
+
color: 'var(--ds-link-hovered)';
|
|
21
|
+
backgroundColor: 'var(--ds-background-brand-bold-hovered)' | 'var(--ds-background-success-bold-hovered)';
|
|
22
|
+
};
|
|
23
|
+
'&:active': {
|
|
24
|
+
backgroundColor: 'var(--ds-background-brand-bold-pressed)' | 'var(--ds-background-success-bold-pressed)';
|
|
25
|
+
};
|
|
26
|
+
}, TRequiredProperties>, css: (styles: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> & {
|
|
27
|
+
"&::after"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
28
|
+
"&::backdrop"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
29
|
+
"&::before"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
30
|
+
"&::cue"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
31
|
+
"&::cue-region"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
32
|
+
"&::first-letter"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
33
|
+
"&::first-line"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
34
|
+
"&::grammar-error"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
35
|
+
"&::marker"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
36
|
+
"&::placeholder"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
37
|
+
"&::selection"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
38
|
+
"&::spelling-error"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
39
|
+
"&::target-text"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
40
|
+
"&::view-transition"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
41
|
+
"&:active"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
42
|
+
"&:autofill"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
43
|
+
"&:blank"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
44
|
+
"&:checked"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
45
|
+
"&:default"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
46
|
+
"&:defined"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
47
|
+
"&:disabled"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
48
|
+
"&:empty"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
49
|
+
"&:enabled"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
50
|
+
"&:first"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
51
|
+
"&:focus"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
52
|
+
"&:focus-visible"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
53
|
+
"&:focus-within"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
54
|
+
"&:fullscreen"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
55
|
+
"&:hover"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
56
|
+
"&:in-range"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
57
|
+
"&:indeterminate"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
58
|
+
"&:invalid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
59
|
+
"&:left"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
60
|
+
"&:link"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
61
|
+
"&:local-link"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
62
|
+
"&:optional"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
63
|
+
"&:out-of-range"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
64
|
+
"&:paused"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
65
|
+
"&:picture-in-picture"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
66
|
+
"&:placeholder-shown"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
67
|
+
"&:playing"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
68
|
+
"&:read-only"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
69
|
+
"&:read-write"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
70
|
+
"&:required"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
71
|
+
"&:right"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
72
|
+
"&:target"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
73
|
+
"&:user-invalid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
74
|
+
"&:user-valid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
75
|
+
"&:valid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
76
|
+
"&:visited"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
77
|
+
} & {
|
|
78
|
+
color?: "var(--ds-text)" | "var(--ds-link)" | "var(--ds-text-inverse)" | undefined;
|
|
79
|
+
backgroundColor?: "var(--ds-background-brand-bold)" | "var(--ds-background-success-bold)" | undefined;
|
|
80
|
+
'&:hover'?: {
|
|
81
|
+
color?: "var(--ds-link-hovered)" | undefined;
|
|
82
|
+
backgroundColor?: "var(--ds-background-brand-bold-hovered)" | "var(--ds-background-success-bold-hovered)" | undefined;
|
|
83
|
+
} | undefined;
|
|
84
|
+
'&:active'?: {
|
|
85
|
+
backgroundColor?: "var(--ds-background-brand-bold-pressed)" | "var(--ds-background-success-bold-pressed)" | undefined;
|
|
86
|
+
} | undefined;
|
|
87
|
+
}) => Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>>, cssMap: <TStylesMap extends {
|
|
88
|
+
[x: string]: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> & {
|
|
89
|
+
"&::after"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
90
|
+
"&::backdrop"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
91
|
+
"&::before"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
92
|
+
"&::cue"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
93
|
+
"&::cue-region"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
94
|
+
"&::first-letter"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
95
|
+
"&::first-line"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
96
|
+
"&::grammar-error"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
97
|
+
"&::marker"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
98
|
+
"&::placeholder"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
99
|
+
"&::selection"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
100
|
+
"&::spelling-error"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
101
|
+
"&::target-text"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
102
|
+
"&::view-transition"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
103
|
+
"&:active"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
104
|
+
"&:autofill"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
105
|
+
"&:blank"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
106
|
+
"&:checked"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
107
|
+
"&:default"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
108
|
+
"&:defined"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
109
|
+
"&:disabled"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
110
|
+
"&:empty"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
111
|
+
"&:enabled"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
112
|
+
"&:first"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
113
|
+
"&:focus"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
114
|
+
"&:focus-visible"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
115
|
+
"&:focus-within"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
116
|
+
"&:fullscreen"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
117
|
+
"&:hover"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
118
|
+
"&:in-range"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
119
|
+
"&:indeterminate"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
120
|
+
"&:invalid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
121
|
+
"&:left"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
122
|
+
"&:link"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
123
|
+
"&:local-link"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
124
|
+
"&:optional"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
125
|
+
"&:out-of-range"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
126
|
+
"&:paused"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
127
|
+
"&:picture-in-picture"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
128
|
+
"&:placeholder-shown"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
129
|
+
"&:playing"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
130
|
+
"&:read-only"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
131
|
+
"&:read-write"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
132
|
+
"&:required"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
133
|
+
"&:right"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
134
|
+
"&:target"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
135
|
+
"&:user-invalid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
136
|
+
"&:user-valid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
137
|
+
"&:valid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
138
|
+
"&:visited"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
139
|
+
} & {
|
|
140
|
+
color?: "var(--ds-text)" | "var(--ds-link)" | "var(--ds-text-inverse)" | undefined;
|
|
141
|
+
backgroundColor?: "var(--ds-background-brand-bold)" | "var(--ds-background-success-bold)" | undefined;
|
|
142
|
+
'&:hover'?: {
|
|
143
|
+
color?: "var(--ds-link-hovered)" | undefined;
|
|
144
|
+
backgroundColor?: "var(--ds-background-brand-bold-hovered)" | "var(--ds-background-success-bold-hovered)" | undefined;
|
|
145
|
+
} | undefined;
|
|
146
|
+
'&:active'?: {
|
|
147
|
+
backgroundColor?: "var(--ds-background-brand-bold-pressed)" | "var(--ds-background-success-bold-pressed)" | undefined;
|
|
148
|
+
} | undefined;
|
|
149
|
+
};
|
|
150
|
+
}>(styles: {
|
|
151
|
+
[x: string]: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> & {
|
|
152
|
+
"&::after"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
153
|
+
"&::backdrop"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
154
|
+
"&::before"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
155
|
+
"&::cue"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
156
|
+
"&::cue-region"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
157
|
+
"&::first-letter"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
158
|
+
"&::first-line"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
159
|
+
"&::grammar-error"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
160
|
+
"&::marker"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
161
|
+
"&::placeholder"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
162
|
+
"&::selection"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
163
|
+
"&::spelling-error"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
164
|
+
"&::target-text"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
165
|
+
"&::view-transition"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
166
|
+
"&:active"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
167
|
+
"&:autofill"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
168
|
+
"&:blank"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
169
|
+
"&:checked"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
170
|
+
"&:default"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
171
|
+
"&:defined"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
172
|
+
"&:disabled"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
173
|
+
"&:empty"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
174
|
+
"&:enabled"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
175
|
+
"&:first"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
176
|
+
"&:focus"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
177
|
+
"&:focus-visible"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
178
|
+
"&:focus-within"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
179
|
+
"&:fullscreen"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
180
|
+
"&:hover"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
181
|
+
"&:in-range"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
182
|
+
"&:indeterminate"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
183
|
+
"&:invalid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
184
|
+
"&:left"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
185
|
+
"&:link"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
186
|
+
"&:local-link"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
187
|
+
"&:optional"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
188
|
+
"&:out-of-range"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
189
|
+
"&:paused"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
190
|
+
"&:picture-in-picture"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
191
|
+
"&:placeholder-shown"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
192
|
+
"&:playing"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
193
|
+
"&:read-only"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
194
|
+
"&:read-write"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
195
|
+
"&:required"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
196
|
+
"&:right"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
197
|
+
"&:target"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
198
|
+
"&:user-invalid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
199
|
+
"&:user-valid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
200
|
+
"&:valid"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
201
|
+
"&:visited"?: Readonly<import("csstype").StandardProperties<0 | (string & {}), string & {}> & import("csstype").SvgProperties<0 | (string & {}), string & {}>> | undefined;
|
|
202
|
+
} & {
|
|
203
|
+
color?: "var(--ds-text)" | "var(--ds-link)" | "var(--ds-text-inverse)" | undefined;
|
|
204
|
+
backgroundColor?: "var(--ds-background-brand-bold)" | "var(--ds-background-success-bold)" | undefined;
|
|
205
|
+
'&:hover'?: {
|
|
206
|
+
color?: "var(--ds-link-hovered)" | undefined;
|
|
207
|
+
backgroundColor?: "var(--ds-background-brand-bold-hovered)" | "var(--ds-background-success-bold-hovered)" | undefined;
|
|
208
|
+
} | undefined;
|
|
209
|
+
'&:active'?: {
|
|
210
|
+
backgroundColor?: "var(--ds-background-brand-bold-pressed)" | "var(--ds-background-success-bold-pressed)" | undefined;
|
|
211
|
+
} | undefined;
|
|
212
|
+
};
|
|
213
|
+
} & TStylesMap) => {
|
|
214
|
+
readonly [P in keyof TStylesMap]: import("@compiled/react/dist/esm/xcss-prop").CompiledStyles<TStylesMap[P]>;
|
|
215
|
+
}, cx: <TStyles extends import("@compiled/react").XCSSProp<any, any, never>[]>(...styles: TStyles) => TStyles[number];
|
|
216
|
+
export { XCSSProp, css, cssMap, cx, XCSSAllProperties, XCSSAllPseudos };
|
package/package.json
ADDED
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/css",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"description": "Style components backed by Atlassian Design System design tokens powered by Compiled CSS-in-JS.",
|
|
5
|
+
"author": "Atlassian Pty Ltd",
|
|
6
|
+
"license": "Apache-2.0",
|
|
7
|
+
"publishConfig": {
|
|
8
|
+
"registry": "https://registry.npmjs.org/"
|
|
9
|
+
},
|
|
10
|
+
"atlassian": {
|
|
11
|
+
"team": "Design System Team",
|
|
12
|
+
"inPublicMirror": false,
|
|
13
|
+
"releaseModel": "continuous",
|
|
14
|
+
"website": {
|
|
15
|
+
"name": "CSS",
|
|
16
|
+
"category": "Components"
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
|
|
20
|
+
"main": "dist/cjs/index.js",
|
|
21
|
+
"module": "dist/esm/index.js",
|
|
22
|
+
"module:es2019": "dist/es2019/index.js",
|
|
23
|
+
"types": "dist/types/index.d.ts",
|
|
24
|
+
"typesVersions": {
|
|
25
|
+
">=4.5 <4.9": {
|
|
26
|
+
"*": [
|
|
27
|
+
"dist/types-ts4.5/*",
|
|
28
|
+
"dist/types-ts4.5/index.d.ts"
|
|
29
|
+
]
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
"sideEffects": false,
|
|
33
|
+
"atlaskit:src": "src/index.ts",
|
|
34
|
+
"af:exports": {
|
|
35
|
+
".": "./src/index.ts"
|
|
36
|
+
},
|
|
37
|
+
"dependencies": {
|
|
38
|
+
"@babel/runtime": "^7.0.0",
|
|
39
|
+
"@compiled/react": "^0.16.6"
|
|
40
|
+
},
|
|
41
|
+
"peerDependencies": {
|
|
42
|
+
"react": "^16.8.0"
|
|
43
|
+
},
|
|
44
|
+
"devDependencies": {
|
|
45
|
+
"@af/integration-testing": "*",
|
|
46
|
+
"@af/visual-regression": "*",
|
|
47
|
+
"@atlaskit/ssr": "*",
|
|
48
|
+
"@atlaskit/visual-regression": "*",
|
|
49
|
+
"@atlaskit/webdriver-runner": "*",
|
|
50
|
+
"@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
|
|
51
|
+
"@testing-library/react": "^12.1.5",
|
|
52
|
+
"react-dom": "^16.8.0",
|
|
53
|
+
"typescript": "~4.9.5",
|
|
54
|
+
"wait-for-expect": "^1.2.0"
|
|
55
|
+
},
|
|
56
|
+
"techstack": {
|
|
57
|
+
"@atlassian/frontend": {
|
|
58
|
+
"code-structure": [
|
|
59
|
+
"tangerine-next"
|
|
60
|
+
],
|
|
61
|
+
"import-structure": [
|
|
62
|
+
"atlassian-conventions"
|
|
63
|
+
],
|
|
64
|
+
"circular-dependencies": [
|
|
65
|
+
"file-and-folder-level"
|
|
66
|
+
]
|
|
67
|
+
},
|
|
68
|
+
"@repo/internal": {
|
|
69
|
+
"dom-events": "use-bind-event-listener",
|
|
70
|
+
"analytics": [
|
|
71
|
+
"analytics-next"
|
|
72
|
+
],
|
|
73
|
+
"design-tokens": [
|
|
74
|
+
"color"
|
|
75
|
+
],
|
|
76
|
+
"theming": [
|
|
77
|
+
"react-context"
|
|
78
|
+
],
|
|
79
|
+
"ui-components": [
|
|
80
|
+
"lite-mode"
|
|
81
|
+
],
|
|
82
|
+
"deprecation": [
|
|
83
|
+
"no-deprecated-imports"
|
|
84
|
+
],
|
|
85
|
+
"styling": [
|
|
86
|
+
"static",
|
|
87
|
+
"emotion"
|
|
88
|
+
],
|
|
89
|
+
"imports": [
|
|
90
|
+
"import-no-extraneous-disable-for-examples-and-docs"
|
|
91
|
+
]
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
"homepage": "https://atlaskit.atlassian.com/packages/design-system/styling",
|
|
95
|
+
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
|
|
96
|
+
}
|