@dynatrace/strato-components 1.12.0 → 1.13.0
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/buttons/button/Button.css +16 -16
- package/buttons/button/Button.sty.js +4 -4
- package/content/progress/ProgressBar.css +71 -71
- package/content/progress/ProgressBar.sty.js +5 -5
- package/content/progress/ProgressBarIcon.css +2 -2
- package/content/progress/ProgressBarIcon.sty.js +1 -1
- package/content/progress/ProgressBarLabel.css +3 -3
- package/content/progress/ProgressBarLabel.sty.js +1 -1
- package/content/progress/ProgressBarValue.css +5 -5
- package/content/progress/ProgressBarValue.sty.js +1 -1
- package/content/progress/ProgressCircle.css +40 -40
- package/content/progress/ProgressCircle.sty.js +5 -5
- package/content/skeleton/Skeleton.css +7 -7
- package/content/skeleton/Skeleton.sty.js +5 -5
- package/core/components/app-root/AppRoot.css +7 -4
- package/core/styles/focusRing.css +66 -66
- package/core/styles/focusRing.sty.js +2 -2
- package/core/utils/colorUtils.css +60 -60
- package/core/utils/colorUtils.sty.js +2 -2
- package/esm/buttons/button/Button.css +16 -16
- package/esm/buttons/button/Button.sty.js +4 -4
- package/esm/buttons/button/Button.sty.js.map +1 -1
- package/esm/content/progress/ProgressBar.css +71 -71
- package/esm/content/progress/ProgressBar.sty.js +5 -5
- package/esm/content/progress/ProgressBar.sty.js.map +1 -1
- package/esm/content/progress/ProgressBarIcon.css +2 -2
- package/esm/content/progress/ProgressBarIcon.sty.js +1 -1
- package/esm/content/progress/ProgressBarIcon.sty.js.map +1 -1
- package/esm/content/progress/ProgressBarLabel.css +3 -3
- package/esm/content/progress/ProgressBarLabel.sty.js +1 -1
- package/esm/content/progress/ProgressBarLabel.sty.js.map +1 -1
- package/esm/content/progress/ProgressBarValue.css +5 -5
- package/esm/content/progress/ProgressBarValue.sty.js +1 -1
- package/esm/content/progress/ProgressBarValue.sty.js.map +1 -1
- package/esm/content/progress/ProgressCircle.css +40 -40
- package/esm/content/progress/ProgressCircle.sty.js +5 -5
- package/esm/content/progress/ProgressCircle.sty.js.map +1 -1
- package/esm/content/skeleton/Skeleton.css +7 -7
- package/esm/content/skeleton/Skeleton.sty.js +5 -5
- package/esm/content/skeleton/Skeleton.sty.js.map +1 -1
- package/esm/core/components/app-root/AppRoot.css +7 -4
- package/esm/core/styles/focusRing.css +66 -66
- package/esm/core/styles/focusRing.sty.js +2 -2
- package/esm/core/styles/focusRing.sty.js.map +1 -1
- package/esm/core/utils/colorUtils.css +60 -60
- package/esm/core/utils/colorUtils.sty.js +2 -2
- package/esm/core/utils/colorUtils.sty.js.map +1 -1
- package/esm/layouts/container/Container.css +4 -4
- package/esm/layouts/container/Container.sty.js +1 -1
- package/esm/layouts/container/Container.sty.js.map +1 -1
- package/esm/layouts/divider/Divider.css +6 -6
- package/esm/layouts/divider/Divider.sty.js +1 -1
- package/esm/layouts/divider/Divider.sty.js.map +1 -1
- package/esm/layouts/surface/Surface.css +39 -39
- package/esm/layouts/surface/Surface.sty.js +2 -2
- package/esm/layouts/surface/Surface.sty.js.map +1 -1
- package/esm/layouts/surface/variables.sty.js +1 -1
- package/esm/layouts/surface/variables.sty.js.map +1 -1
- package/esm/styles/colorUtils.css +60 -60
- package/esm/styles/colorUtils.sty.js +2 -2
- package/esm/styles/colorUtils.sty.js.map +1 -1
- package/esm/styles/container.css +47 -47
- package/esm/styles/container.sty.js +2 -2
- package/esm/styles/container.sty.js.map +1 -1
- package/esm/styles/ellipsis.css +1 -1
- package/esm/styles/ellipsis.sty.js +1 -1
- package/esm/styles/ellipsis.sty.js.map +1 -1
- package/esm/styles/field.css +153 -153
- package/esm/styles/field.sty.js +2 -2
- package/esm/styles/field.sty.js.map +1 -1
- package/esm/styles/sprinkles.css +262 -262
- package/esm/styles/sprinkles.sty.js +1 -1
- package/esm/styles/sprinkles.sty.js.map +1 -1
- package/esm/styles/textStyle.css +8 -8
- package/esm/styles/textStyle.sty.js +1 -1
- package/esm/styles/textStyle.sty.js.map +1 -1
- package/esm/typography/block-quote/Blockquote.css +2 -2
- package/esm/typography/block-quote/Blockquote.sty.js +1 -1
- package/esm/typography/block-quote/Blockquote.sty.js.map +1 -1
- package/esm/typography/code/Code.css +1 -1
- package/esm/typography/code/Code.sty.js +1 -1
- package/esm/typography/code/Code.sty.js.map +1 -1
- package/esm/typography/emphasis/Emphasis.css +1 -1
- package/esm/typography/emphasis/Emphasis.sty.js +1 -1
- package/esm/typography/emphasis/Emphasis.sty.js.map +1 -1
- package/esm/typography/external-link/ExternalLink.css +5 -5
- package/esm/typography/external-link/ExternalLink.sty.js +1 -1
- package/esm/typography/external-link/ExternalLink.sty.js.map +1 -1
- package/esm/typography/heading/Heading.css +7 -7
- package/esm/typography/heading/Heading.sty.js +1 -1
- package/esm/typography/heading/Heading.sty.js.map +1 -1
- package/esm/typography/highlight/Highlight.css +2 -2
- package/esm/typography/highlight/Highlight.sty.js +2 -2
- package/esm/typography/highlight/Highlight.sty.js.map +1 -1
- package/esm/typography/link/Link.css +3 -3
- package/esm/typography/link/Link.sty.js +1 -1
- package/esm/typography/link/Link.sty.js.map +1 -1
- package/esm/typography/list/List.css +4 -4
- package/esm/typography/list/List.sty.js +2 -2
- package/esm/typography/list/List.sty.js.map +1 -1
- package/esm/typography/paragraph/Paragraph.css +3 -3
- package/esm/typography/paragraph/Paragraph.sty.js +1 -1
- package/esm/typography/paragraph/Paragraph.sty.js.map +1 -1
- package/esm/typography/strikethrough/Strikethrough.css +1 -1
- package/esm/typography/strikethrough/Strikethrough.sty.js +1 -1
- package/esm/typography/strikethrough/Strikethrough.sty.js.map +1 -1
- package/esm/typography/strong/Strong.css +1 -1
- package/esm/typography/strong/Strong.sty.js +1 -1
- package/esm/typography/strong/Strong.sty.js.map +1 -1
- package/esm/typography/text/Text.css +3 -3
- package/esm/typography/text/Text.sty.js +1 -1
- package/esm/typography/text/Text.sty.js.map +1 -1
- package/esm/typography/text-ellipsis/TextEllipsis.css +6 -6
- package/esm/typography/text-ellipsis/TextEllipsis.sty.js +2 -2
- package/esm/typography/text-ellipsis/TextEllipsis.sty.js.map +1 -1
- package/layouts/container/Container.css +4 -4
- package/layouts/container/Container.sty.js +1 -1
- package/layouts/divider/Divider.css +6 -6
- package/layouts/divider/Divider.sty.js +1 -1
- package/layouts/surface/Surface.css +39 -39
- package/layouts/surface/Surface.sty.js +2 -2
- package/layouts/surface/variables.sty.js +1 -1
- package/package.json +3 -3
- package/styles/colorUtils.css +60 -60
- package/styles/colorUtils.sty.js +2 -2
- package/styles/container.css +47 -47
- package/styles/container.sty.js +2 -2
- package/styles/ellipsis.css +1 -1
- package/styles/ellipsis.sty.js +1 -1
- package/styles/field.css +153 -153
- package/styles/field.sty.js +2 -2
- package/styles/sprinkles.css +262 -262
- package/styles/sprinkles.sty.js +1 -1
- package/styles/textStyle.css +8 -8
- package/styles/textStyle.sty.js +1 -1
- package/typography/block-quote/Blockquote.css +2 -2
- package/typography/block-quote/Blockquote.sty.js +1 -1
- package/typography/code/Code.css +1 -1
- package/typography/code/Code.sty.js +1 -1
- package/typography/emphasis/Emphasis.css +1 -1
- package/typography/emphasis/Emphasis.sty.js +1 -1
- package/typography/external-link/ExternalLink.css +5 -5
- package/typography/external-link/ExternalLink.sty.js +1 -1
- package/typography/heading/Heading.css +7 -7
- package/typography/heading/Heading.sty.js +1 -1
- package/typography/highlight/Highlight.css +2 -2
- package/typography/highlight/Highlight.sty.js +2 -2
- package/typography/link/Link.css +3 -3
- package/typography/link/Link.sty.js +1 -1
- package/typography/list/List.css +4 -4
- package/typography/list/List.sty.js +2 -2
- package/typography/paragraph/Paragraph.css +3 -3
- package/typography/paragraph/Paragraph.sty.js +1 -1
- package/typography/strikethrough/Strikethrough.css +1 -1
- package/typography/strikethrough/Strikethrough.sty.js +1 -1
- package/typography/strong/Strong.css +1 -1
- package/typography/strong/Strong.sty.js +1 -1
- package/typography/text/Text.css +3 -3
- package/typography/text/Text.sty.js +1 -1
- package/typography/text-ellipsis/TextEllipsis.css +6 -6
- package/typography/text-ellipsis/TextEllipsis.sty.js +2 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/content/progress/ProgressBar.css.ts"],
|
|
4
|
-
"sourcesContent": ["import './ProgressBar.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressBarFillCSS = _7a468({defaultClassName:'_13n9uwhq-1-
|
|
4
|
+
"sourcesContent": ["import './ProgressBar.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressBarFillCSS = _7a468({defaultClassName:'_13n9uwhq-1-13-0',variantClassNames:{indeterminate:{true:'_13n9uwhr-1-13-0'}},defaultVariants:{},compoundVariants:[]});\nexport var progressCSS = _7a468({defaultClassName:'_13n9uwhn-1-13-0',variantClassNames:{size:{condensed:'_13n9uwho-1-13-0','default':'_13n9uwhp-1-13-0'}},defaultVariants:{},compoundVariants:[]});\nexport var progressIndicatorColorVar = 'var(--_13n9uwh3-1-13-0)';\nexport var progressRoot = _7a468({defaultClassName:'_13n9uwh5-1-13-0',variantClassNames:{color:{primary:'_13n9uwh6-1-13-0',success:'_13n9uwh7-1-13-0',warning:'_13n9uwh8-1-13-0',critical:'_13n9uwh9-1-13-0',neutral:'_13n9uwha-1-13-0'},onAccent:{true:'_13n9uwhb-1-13-0',false:'_13n9uwhc-1-13-0'}},defaultVariants:{},compoundVariants:[[{color:'primary',onAccent:false},'_13n9uwhd-1-13-0'],[{color:'success',onAccent:false},'_13n9uwhe-1-13-0'],[{color:'warning',onAccent:false},'_13n9uwhf-1-13-0'],[{color:'critical',onAccent:false},'_13n9uwhg-1-13-0'],[{color:'neutral',onAccent:false},'_13n9uwhh-1-13-0'],[{color:'primary',onAccent:true},'_13n9uwhi-1-13-0'],[{color:'success',onAccent:true},'_13n9uwhj-1-13-0'],[{color:'warning',onAccent:true},'_13n9uwhk-1-13-0'],[{color:'critical',onAccent:true},'_13n9uwhl-1-13-0'],[{color:'neutral',onAccent:true},'_13n9uwhm-1-13-0']]});\nexport var progressValueColorVar = 'var(--_13n9uwh4-1-13-0)';"],
|
|
5
5
|
"mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,qBAAqB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,eAAc,EAAC,MAAK,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACxK,IAAI,cAAc,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,MAAK,EAAC,WAAU,oBAAmB,WAAU,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1L,IAAI,4BAA4B;AAChC,IAAI,eAAe,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,OAAM,EAAC,SAAQ,oBAAmB,SAAQ,oBAAmB,SAAQ,oBAAmB,UAAS,oBAAmB,SAAQ,mBAAkB,GAAE,UAAS,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,OAAM,WAAU,UAAS,MAAK,GAAE,kBAAkB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,MAAK,GAAE,kBAAkB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,MAAK,GAAE,kBAAkB,GAAE,CAAC,EAAC,OAAM,YAAW,UAAS,MAAK,GAAE,kBAAkB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,MAAK,GAAE,kBAAkB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,kBAAkB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,kBAAkB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,kBAAkB,GAAE,CAAC,EAAC,OAAM,YAAW,UAAS,KAAI,GAAE,kBAAkB,GAAE,CAAC,EAAC,OAAM,WAAU,UAAS,KAAI,GAAE,kBAAkB,CAAC,EAAC,CAAC;AAC91B,IAAI,wBAAwB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/content/progress/ProgressBarIcon.css.ts"],
|
|
4
|
-
"sourcesContent": ["import './ProgressBar.css';\nimport './ProgressBarIcon.css';\nexport var progressBarIconContainerCSS = '_szm9t40-1-
|
|
4
|
+
"sourcesContent": ["import './ProgressBar.css';\nimport './ProgressBarIcon.css';\nexport var progressBarIconContainerCSS = '_szm9t40-1-13-0';"],
|
|
5
5
|
"mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,8BAA8B;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "./ProgressBarLabel.css";
|
|
2
2
|
import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
3
|
-
var progressBarLabelCSS = _7a468({ defaultClassName: "_1ceb8vp0-1-
|
|
3
|
+
var progressBarLabelCSS = _7a468({ defaultClassName: "_1ceb8vp0-1-13-0", variantClassNames: { size: { condensed: "_1ceb8vp1-1-13-0", "default": "_1ceb8vp2-1-13-0" }, childIsText: { false: "_1ceb8vp3-1-13-0" } }, defaultVariants: {}, compoundVariants: [] });
|
|
4
4
|
export {
|
|
5
5
|
progressBarLabelCSS
|
|
6
6
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/content/progress/ProgressBarLabel.css.ts"],
|
|
4
|
-
"sourcesContent": ["import './ProgressBarLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressBarLabelCSS = _7a468({defaultClassName:'_1ceb8vp0-1-
|
|
4
|
+
"sourcesContent": ["import './ProgressBarLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressBarLabelCSS = _7a468({defaultClassName:'_1ceb8vp0-1-13-0',variantClassNames:{size:{condensed:'_1ceb8vp1-1-13-0','default':'_1ceb8vp2-1-13-0'},childIsText:{false:'_1ceb8vp3-1-13-0'}},defaultVariants:{},compoundVariants:[]});"],
|
|
5
5
|
"mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,MAAK,EAAC,WAAU,oBAAmB,WAAU,mBAAkB,GAAE,aAAY,EAAC,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
._1ri4i7o0-1-
|
|
2
|
-
color: var(--_13n9uwh4-1-
|
|
1
|
+
._1ri4i7o0-1-13-0 {
|
|
2
|
+
color: var(--_13n9uwh4-1-13-0);
|
|
3
3
|
}
|
|
4
|
-
._1ri4i7o2-1-
|
|
4
|
+
._1ri4i7o2-1-13-0 {
|
|
5
5
|
word-break: break-word;
|
|
6
6
|
}
|
|
7
|
-
._1ri4i7o4-1-
|
|
7
|
+
._1ri4i7o4-1-13-0 {
|
|
8
8
|
word-break: break-word;
|
|
9
9
|
}
|
|
10
|
-
._1ri4i7o5-1-
|
|
10
|
+
._1ri4i7o5-1-13-0 {
|
|
11
11
|
margin-left: auto;
|
|
12
12
|
align-self: center;
|
|
13
13
|
}
|
|
@@ -2,7 +2,7 @@ import "./ProgressBar.css";
|
|
|
2
2
|
import "../../styles/ellipsis.css";
|
|
3
3
|
import "./ProgressBarValue.css";
|
|
4
4
|
import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
5
|
-
var progressBarValueCSS = _7a468({ defaultClassName: "_1ri4i7o0-1-
|
|
5
|
+
var progressBarValueCSS = _7a468({ defaultClassName: "_1ri4i7o0-1-13-0", variantClassNames: { size: { condensed: "_1ri4i7o1-1-13-0", "default": "_1ri4i7o2-1-13-0" }, childIsText: { true: "_1ri4i7o3-1-13-0", false: "_1ri4i7o4-1-13-0" } }, defaultVariants: {}, compoundVariants: [[{ size: "condensed", childIsText: true }, "_1ri4i7o5-1-13-0 _oqqp1n0-1-13-0"]] });
|
|
6
6
|
export {
|
|
7
7
|
progressBarValueCSS
|
|
8
8
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/content/progress/ProgressBarValue.css.ts"],
|
|
4
|
-
"sourcesContent": ["import './ProgressBar.css';\nimport '../../styles/ellipsis.css';\nimport './ProgressBarValue.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressBarValueCSS = _7a468({defaultClassName:'_1ri4i7o0-1-
|
|
4
|
+
"sourcesContent": ["import './ProgressBar.css';\nimport '../../styles/ellipsis.css';\nimport './ProgressBarValue.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressBarValueCSS = _7a468({defaultClassName:'_1ri4i7o0-1-13-0',variantClassNames:{size:{condensed:'_1ri4i7o1-1-13-0','default':'_1ri4i7o2-1-13-0'},childIsText:{true:'_1ri4i7o3-1-13-0',false:'_1ri4i7o4-1-13-0'}},defaultVariants:{},compoundVariants:[[{size:'condensed',childIsText:true},'_1ri4i7o5-1-13-0 _oqqp1n0-1-13-0']]});"],
|
|
5
5
|
"mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,MAAK,EAAC,WAAU,oBAAmB,WAAU,mBAAkB,GAAE,aAAY,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,MAAK,aAAY,aAAY,KAAI,GAAE,kCAAkC,CAAC,EAAC,CAAC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@keyframes _kvldjh3-1-
|
|
1
|
+
@keyframes _kvldjh3-1-13-0 {
|
|
2
2
|
0% {
|
|
3
3
|
transform: rotate(0deg);
|
|
4
4
|
}
|
|
@@ -6,79 +6,79 @@
|
|
|
6
6
|
transform: rotate(360deg);
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
|
-
._kvldjh4-1-
|
|
9
|
+
._kvldjh4-1-13-0 {
|
|
10
10
|
display: inline-block;
|
|
11
11
|
}
|
|
12
|
-
._kvldjh5-1-
|
|
12
|
+
._kvldjh5-1-13-0 {
|
|
13
13
|
display: block;
|
|
14
14
|
transform: rotate(-90deg);
|
|
15
15
|
}
|
|
16
|
-
._kvldjh6-1-
|
|
17
|
-
stroke: var(--_kvldjh2-1-
|
|
16
|
+
._kvldjh6-1-13-0 {
|
|
17
|
+
stroke: var(--_kvldjh2-1-13-0);
|
|
18
18
|
transform-origin: center;
|
|
19
19
|
}
|
|
20
|
-
._kvldjh7-1-
|
|
20
|
+
._kvldjh7-1-13-0 {
|
|
21
21
|
stroke-dasharray: 90 360;
|
|
22
22
|
transform-origin: 50% 50%;
|
|
23
|
-
animation-name: _kvldjh3-1-
|
|
23
|
+
animation-name: _kvldjh3-1-13-0;
|
|
24
24
|
animation-duration: var(--dt-timings-slowest-moderate, 1200ms);
|
|
25
25
|
animation-timing-function: cubic-bezier(0.5, 0.15, 0.5, 0.8);
|
|
26
26
|
animation-iteration-count: infinite;
|
|
27
27
|
}
|
|
28
|
-
._kvldjh8-1-
|
|
28
|
+
._kvldjh8-1-13-0 {
|
|
29
29
|
animation-duration: var(--dt-timings-fast-moderate, 200ms);
|
|
30
30
|
transition-property: stroke-dashoffset;
|
|
31
31
|
}
|
|
32
|
-
._kvldjh9-1-
|
|
33
|
-
stroke: var(--_kvldjh1-1-
|
|
32
|
+
._kvldjh9-1-13-0 {
|
|
33
|
+
stroke: var(--_kvldjh1-1-13-0);
|
|
34
34
|
}
|
|
35
|
-
._kvldjha-1-
|
|
35
|
+
._kvldjha-1-13-0 {
|
|
36
36
|
display: flex;
|
|
37
37
|
flex-direction: column;
|
|
38
38
|
align-items: center;
|
|
39
|
-
color: var(--_kvldjh0-1-
|
|
39
|
+
color: var(--_kvldjh0-1-13-0);
|
|
40
40
|
}
|
|
41
|
-
._kvldjhb-1-
|
|
41
|
+
._kvldjhb-1-13-0 {
|
|
42
42
|
gap: var(--dt-spacings-size-8, 8px);
|
|
43
43
|
}
|
|
44
|
-
._kvldjhc-1-
|
|
44
|
+
._kvldjhc-1-13-0 {
|
|
45
45
|
gap: var(--dt-spacings-size-12, 12px);
|
|
46
46
|
}
|
|
47
|
-
._kvldjhd-1-
|
|
48
|
-
--_kvldjh2-1-
|
|
47
|
+
._kvldjhd-1-13-0 {
|
|
48
|
+
--_kvldjh2-1-13-0: var(--dt-colors-border-critical-accent, #bb0731);
|
|
49
49
|
}
|
|
50
|
-
._kvldjhe-1-
|
|
51
|
-
--_kvldjh2-1-
|
|
50
|
+
._kvldjhe-1-13-0 {
|
|
51
|
+
--_kvldjh2-1-13-0: var(--dt-colors-border-neutral-accent, #595a7d);
|
|
52
52
|
}
|
|
53
|
-
._kvldjhf-1-
|
|
54
|
-
--_kvldjh2-1-
|
|
53
|
+
._kvldjhf-1-13-0 {
|
|
54
|
+
--_kvldjh2-1-13-0: var(--dt-colors-border-primary-accent, #464cce);
|
|
55
55
|
}
|
|
56
|
-
._kvldjhg-1-
|
|
57
|
-
--_kvldjh2-1-
|
|
56
|
+
._kvldjhg-1-13-0 {
|
|
57
|
+
--_kvldjh2-1-13-0: var(--dt-colors-border-success-accent, #2d6761);
|
|
58
58
|
}
|
|
59
|
-
._kvldjhh-1-
|
|
60
|
-
--_kvldjh2-1-
|
|
59
|
+
._kvldjhh-1-13-0 {
|
|
60
|
+
--_kvldjh2-1-13-0: var(--dt-colors-border-warning-accent, #855400);
|
|
61
61
|
}
|
|
62
|
-
._kvldjhi-1-
|
|
63
|
-
--_kvldjh0-1-
|
|
64
|
-
--_kvldjh1-1-
|
|
62
|
+
._kvldjhi-1-13-0 {
|
|
63
|
+
--_kvldjh0-1-13-0: var(--dt-colors-text-neutral-default, #2f2f4f);
|
|
64
|
+
--_kvldjh1-1-13-0: var(--dt-colors-border-neutral-default, #dadbe4);
|
|
65
65
|
}
|
|
66
|
-
._kvldjhj-1-
|
|
67
|
-
--_kvldjh0-1-
|
|
68
|
-
--_kvldjh1-1-
|
|
66
|
+
._kvldjhj-1-13-0 {
|
|
67
|
+
--_kvldjh0-1-13-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
|
|
68
|
+
--_kvldjh1-1-13-0: var(--dt-colors-border-neutral-on-accent-disabled, #f3f3f633);
|
|
69
69
|
}
|
|
70
|
-
._kvldjhk-1-
|
|
71
|
-
--_kvldjh2-1-
|
|
70
|
+
._kvldjhk-1-13-0 {
|
|
71
|
+
--_kvldjh2-1-13-0: var(--dt-colors-border-primary-on-accent-default, #f4f4fb);
|
|
72
72
|
}
|
|
73
|
-
._kvldjhl-1-
|
|
74
|
-
--_kvldjh2-1-
|
|
73
|
+
._kvldjhl-1-13-0 {
|
|
74
|
+
--_kvldjh2-1-13-0: var(--dt-colors-border-success-on-accent-default, #f1f4f4);
|
|
75
75
|
}
|
|
76
|
-
._kvldjhm-1-
|
|
77
|
-
--_kvldjh2-1-
|
|
76
|
+
._kvldjhm-1-13-0 {
|
|
77
|
+
--_kvldjh2-1-13-0: var(--dt-colors-border-warning-on-accent-default, #272024);
|
|
78
78
|
}
|
|
79
|
-
._kvldjhn-1-
|
|
80
|
-
--_kvldjh2-1-
|
|
79
|
+
._kvldjhn-1-13-0 {
|
|
80
|
+
--_kvldjh2-1-13-0: var(--dt-colors-border-critical-on-accent-default, #f9f1f3);
|
|
81
81
|
}
|
|
82
|
-
._kvldjho-1-
|
|
83
|
-
--_kvldjh2-1-
|
|
82
|
+
._kvldjho-1-13-0 {
|
|
83
|
+
--_kvldjh2-1-13-0: var(--dt-colors-border-neutral-on-accent-default, #f3f3f6);
|
|
84
84
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import "./ProgressCircle.css";
|
|
2
2
|
import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
3
|
-
var progressCircleBackgroundCSS = "_kvldjh9-1-
|
|
4
|
-
var progressCircleCSS = _7a468({ defaultClassName: "_kvldjh6-1-
|
|
5
|
-
var progressCircleContainerCSS = _7a468({ defaultClassName: "_kvldjha-1-
|
|
6
|
-
var progressCircleRootCSS = "_kvldjh4-1-
|
|
7
|
-
var progressCircleSvgCss = "_kvldjh5-1-
|
|
3
|
+
var progressCircleBackgroundCSS = "_kvldjh9-1-13-0";
|
|
4
|
+
var progressCircleCSS = _7a468({ defaultClassName: "_kvldjh6-1-13-0", variantClassNames: { indeterminate: { true: "_kvldjh7-1-13-0", false: "_kvldjh8-1-13-0" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5
|
+
var progressCircleContainerCSS = _7a468({ defaultClassName: "_kvldjha-1-13-0", variantClassNames: { size: { small: "_kvldjhb-1-13-0", large: "_kvldjhc-1-13-0" }, color: { critical: "_kvldjhd-1-13-0", neutral: "_kvldjhe-1-13-0", primary: "_kvldjhf-1-13-0", success: "_kvldjhg-1-13-0", warning: "_kvldjhh-1-13-0" }, variant: { "default": "_kvldjhi-1-13-0", accent: "_kvldjhj-1-13-0" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", variant: "accent" }, "_kvldjhk-1-13-0"], [{ color: "success", variant: "accent" }, "_kvldjhl-1-13-0"], [{ color: "warning", variant: "accent" }, "_kvldjhm-1-13-0"], [{ color: "critical", variant: "accent" }, "_kvldjhn-1-13-0"], [{ color: "neutral", variant: "accent" }, "_kvldjho-1-13-0"]] });
|
|
6
|
+
var progressCircleRootCSS = "_kvldjh4-1-13-0";
|
|
7
|
+
var progressCircleSvgCss = "_kvldjh5-1-13-0";
|
|
8
8
|
export {
|
|
9
9
|
progressCircleBackgroundCSS,
|
|
10
10
|
progressCircleCSS,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/content/progress/ProgressCircle.css.ts"],
|
|
4
|
-
"sourcesContent": ["import './ProgressCircle.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressCircleBackgroundCSS = '_kvldjh9-1-
|
|
4
|
+
"sourcesContent": ["import './ProgressCircle.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var progressCircleBackgroundCSS = '_kvldjh9-1-13-0';\nexport var progressCircleCSS = _7a468({defaultClassName:'_kvldjh6-1-13-0',variantClassNames:{indeterminate:{true:'_kvldjh7-1-13-0',false:'_kvldjh8-1-13-0'}},defaultVariants:{},compoundVariants:[]});\nexport var progressCircleContainerCSS = _7a468({defaultClassName:'_kvldjha-1-13-0',variantClassNames:{size:{small:'_kvldjhb-1-13-0',large:'_kvldjhc-1-13-0'},color:{critical:'_kvldjhd-1-13-0',neutral:'_kvldjhe-1-13-0',primary:'_kvldjhf-1-13-0',success:'_kvldjhg-1-13-0',warning:'_kvldjhh-1-13-0'},variant:{'default':'_kvldjhi-1-13-0',accent:'_kvldjhj-1-13-0'}},defaultVariants:{},compoundVariants:[[{color:'primary',variant:'accent'},'_kvldjhk-1-13-0'],[{color:'success',variant:'accent'},'_kvldjhl-1-13-0'],[{color:'warning',variant:'accent'},'_kvldjhm-1-13-0'],[{color:'critical',variant:'accent'},'_kvldjhn-1-13-0'],[{color:'neutral',variant:'accent'},'_kvldjho-1-13-0']]});\nexport var progressCircleRootCSS = '_kvldjh4-1-13-0';\nexport var progressCircleSvgCss = '_kvldjh5-1-13-0';"],
|
|
5
5
|
"mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,8BAA8B;AAClC,IAAI,oBAAoB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,eAAc,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC7L,IAAI,6BAA6B,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,OAAM,mBAAkB,OAAM,kBAAiB,GAAE,OAAM,EAAC,UAAS,mBAAkB,SAAQ,mBAAkB,SAAQ,mBAAkB,SAAQ,mBAAkB,SAAQ,kBAAiB,GAAE,SAAQ,EAAC,WAAU,mBAAkB,QAAO,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,YAAW,SAAQ,SAAQ,GAAE,iBAAiB,GAAE,CAAC,EAAC,OAAM,WAAU,SAAQ,SAAQ,GAAE,iBAAiB,CAAC,EAAC,CAAC;AAC3pB,IAAI,wBAAwB;AAC5B,IAAI,uBAAuB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
._1a1ozfd0-1-
|
|
1
|
+
._1a1ozfd0-1-13-0 {
|
|
2
2
|
position: relative;
|
|
3
3
|
overflow: hidden;
|
|
4
4
|
}
|
|
5
|
-
._1a1ozfd1-1-
|
|
5
|
+
._1a1ozfd1-1-13-0 {
|
|
6
6
|
border-radius: var(--dt-borders-radius-container-subdued, 6px);
|
|
7
7
|
}
|
|
8
|
-
._1a1ozfd2-1-
|
|
8
|
+
._1a1ozfd2-1-13-0 {
|
|
9
9
|
border-radius: 9999px;
|
|
10
10
|
}
|
|
11
|
-
._1a1ozfd3-1-
|
|
11
|
+
._1a1ozfd3-1-13-0 {
|
|
12
12
|
width: 100%;
|
|
13
13
|
height: 100%;
|
|
14
14
|
}
|
|
15
|
-
._1a1ozfd4-1-
|
|
15
|
+
._1a1ozfd4-1-13-0 stop {
|
|
16
16
|
stop-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
|
|
17
17
|
}
|
|
18
|
-
._1a1ozfd5-1-
|
|
18
|
+
._1a1ozfd5-1-13-0 {
|
|
19
19
|
width: 100%;
|
|
20
20
|
height: 100%;
|
|
21
21
|
fill: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
|
|
22
22
|
}
|
|
23
23
|
@media (prefers-reduced-motion) {
|
|
24
|
-
._1a1ozfd6-1-
|
|
24
|
+
._1a1ozfd6-1-13-0 {
|
|
25
25
|
display: contents;
|
|
26
26
|
}
|
|
27
27
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import "./Skeleton.css";
|
|
2
2
|
import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
3
|
-
var skeletonPlaceholderCSS = _7a468({ defaultClassName: "_1a1ozfd0-1-
|
|
4
|
-
var skeletonSvgBackgroundFillCSS = "_1a1ozfd5-1-
|
|
5
|
-
var skeletonSvgCSS = "_1a1ozfd3-1-
|
|
6
|
-
var skeletonSvgGradientCSS = "_1a1ozfd4-1-
|
|
7
|
-
var skeletonSvgGradientRectCSS = "_1a1ozfd6-1-
|
|
3
|
+
var skeletonPlaceholderCSS = _7a468({ defaultClassName: "_1a1ozfd0-1-13-0", variantClassNames: { variant: { "default": "_1a1ozfd1-1-13-0", rounded: "_1a1ozfd2-1-13-0" } }, defaultVariants: {}, compoundVariants: [] });
|
|
4
|
+
var skeletonSvgBackgroundFillCSS = "_1a1ozfd5-1-13-0";
|
|
5
|
+
var skeletonSvgCSS = "_1a1ozfd3-1-13-0";
|
|
6
|
+
var skeletonSvgGradientCSS = "_1a1ozfd4-1-13-0";
|
|
7
|
+
var skeletonSvgGradientRectCSS = "_1a1ozfd6-1-13-0";
|
|
8
8
|
export {
|
|
9
9
|
skeletonPlaceholderCSS,
|
|
10
10
|
skeletonSvgBackgroundFillCSS,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/content/skeleton/Skeleton.css.ts"],
|
|
4
|
-
"sourcesContent": ["import './Skeleton.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var skeletonPlaceholderCSS = _7a468({defaultClassName:'_1a1ozfd0-1-
|
|
4
|
+
"sourcesContent": ["import './Skeleton.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var skeletonPlaceholderCSS = _7a468({defaultClassName:'_1a1ozfd0-1-13-0',variantClassNames:{variant:{'default':'_1a1ozfd1-1-13-0',rounded:'_1a1ozfd2-1-13-0'}},defaultVariants:{},compoundVariants:[]});\nexport var skeletonSvgBackgroundFillCSS = '_1a1ozfd5-1-13-0';\nexport var skeletonSvgCSS = '_1a1ozfd3-1-13-0';\nexport var skeletonSvgGradientCSS = '_1a1ozfd4-1-13-0';\nexport var skeletonSvgGradientRectCSS = '_1a1ozfd6-1-13-0';"],
|
|
5
5
|
"mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,yBAAyB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,SAAQ,EAAC,WAAU,oBAAmB,SAAQ,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACtM,IAAI,+BAA+B;AACnC,IAAI,iBAAiB;AACrB,IAAI,yBAAyB;AAC7B,IAAI,6BAA6B;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -485,6 +485,7 @@
|
|
|
485
485
|
--dt-colors-charts-security-risk-level-high-default: #cd3741;
|
|
486
486
|
--dt-colors-charts-security-risk-level-medium-default: #a9780f;
|
|
487
487
|
--dt-colors-charts-security-risk-level-low-default: #134fc9;
|
|
488
|
+
--dt-colors-charts-security-risk-level-none-default: #2c2f3f;
|
|
488
489
|
--dt-colors-charts-vulnerability-status-muted-default: #84859a;
|
|
489
490
|
--dt-colors-charts-vulnerability-status-resolved-default: #3e8e6a;
|
|
490
491
|
--dt-colors-charts-vulnerability-status-affected-default: #cd3741;
|
|
@@ -1297,7 +1298,7 @@
|
|
|
1297
1298
|
--dt-colors-charts-logstatus-error-default: #cd3c44;
|
|
1298
1299
|
--dt-colors-charts-logstatus-warning-default: #b68c2b;
|
|
1299
1300
|
--dt-colors-charts-logstatus-info-default: #2e5bd6;
|
|
1300
|
-
--dt-colors-charts-logstatus-none-default: #
|
|
1301
|
+
--dt-colors-charts-logstatus-none-default: #606276;
|
|
1301
1302
|
--dt-colors-charts-loglevel-emergency-default: #c21930;
|
|
1302
1303
|
--dt-colors-charts-loglevel-error-default: #cd3c44;
|
|
1303
1304
|
--dt-colors-charts-loglevel-alert-default: #c43b80;
|
|
@@ -1307,18 +1308,19 @@
|
|
|
1307
1308
|
--dt-colors-charts-loglevel-notice-default: #368160;
|
|
1308
1309
|
--dt-colors-charts-loglevel-info-default: #2e5bd6;
|
|
1309
1310
|
--dt-colors-charts-loglevel-debug-default: #8d74cd;
|
|
1310
|
-
--dt-colors-charts-loglevel-none-default: #
|
|
1311
|
+
--dt-colors-charts-loglevel-none-default: #606276;
|
|
1311
1312
|
--dt-colors-charts-apdex-excellent-default: #48936f;
|
|
1312
1313
|
--dt-colors-charts-apdex-good-default: #007058;
|
|
1313
1314
|
--dt-colors-charts-apdex-fair-default: #b68c2b;
|
|
1314
1315
|
--dt-colors-charts-apdex-poor-default: #dc671e;
|
|
1315
1316
|
--dt-colors-charts-apdex-unacceptable-default: #cd3c44;
|
|
1316
|
-
--dt-colors-charts-security-risk-level-muted-default: #
|
|
1317
|
+
--dt-colors-charts-security-risk-level-muted-default: #8f91a3;
|
|
1317
1318
|
--dt-colors-charts-security-risk-level-critical-default: #c21930;
|
|
1318
1319
|
--dt-colors-charts-security-risk-level-high-default: #d65151;
|
|
1319
1320
|
--dt-colors-charts-security-risk-level-medium-default: #b68c2b;
|
|
1320
1321
|
--dt-colors-charts-security-risk-level-low-default: #2e5bd6;
|
|
1321
|
-
--dt-colors-charts-
|
|
1322
|
+
--dt-colors-charts-security-risk-level-none-default: #606276;
|
|
1323
|
+
--dt-colors-charts-vulnerability-status-muted-default: #8f91a3;
|
|
1322
1324
|
--dt-colors-charts-vulnerability-status-resolved-default: #48936f;
|
|
1323
1325
|
--dt-colors-charts-vulnerability-status-affected-default: #d65151;
|
|
1324
1326
|
--dt-colors-charts-threshold-good-default: #368160;
|
|
@@ -2186,6 +2188,7 @@ body {
|
|
|
2186
2188
|
--dt-colors-charts-security-risk-level-high-default: #cd3741;
|
|
2187
2189
|
--dt-colors-charts-security-risk-level-medium-default: #a9780f;
|
|
2188
2190
|
--dt-colors-charts-security-risk-level-low-default: #134fc9;
|
|
2191
|
+
--dt-colors-charts-security-risk-level-none-default: #2c2f3f;
|
|
2189
2192
|
--dt-colors-charts-vulnerability-status-muted-default: #84859a;
|
|
2190
2193
|
--dt-colors-charts-vulnerability-status-resolved-default: #3e8e6a;
|
|
2191
2194
|
--dt-colors-charts-vulnerability-status-affected-default: #cd3741;
|
|
@@ -1,75 +1,75 @@
|
|
|
1
|
-
._z2r50s3-1-
|
|
1
|
+
._z2r50s3-1-13-0 {
|
|
2
2
|
outline: none;
|
|
3
3
|
}
|
|
4
|
-
._z2r50s3-1-
|
|
4
|
+
._z2r50s3-1-13-0:focus-visible {
|
|
5
5
|
outline: none;
|
|
6
6
|
}
|
|
7
|
-
._z2r50s4-1-
|
|
7
|
+
._z2r50s4-1-13-0 {
|
|
8
8
|
border-radius: var(--dt-borders-radius-field-subdued, 3px);
|
|
9
|
-
box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-1-
|
|
10
|
-
background-color: var(--_z2r50s2-1-
|
|
11
|
-
}
|
|
12
|
-
._z2r50s5-1-
|
|
13
|
-
box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-1-
|
|
14
|
-
}
|
|
15
|
-
._z2r50s6-1-
|
|
16
|
-
--_z2r50s0-1-
|
|
17
|
-
--_z2r50s1-1-
|
|
18
|
-
--_z2r50s2-1-
|
|
19
|
-
}
|
|
20
|
-
._z2r50s7-1-
|
|
21
|
-
--_z2r50s0-1-
|
|
22
|
-
--_z2r50s1-1-
|
|
23
|
-
--_z2r50s2-1-
|
|
24
|
-
}
|
|
25
|
-
._z2r50s8-1-
|
|
26
|
-
--_z2r50s0-1-
|
|
27
|
-
--_z2r50s1-1-
|
|
28
|
-
--_z2r50s2-1-
|
|
29
|
-
}
|
|
30
|
-
._z2r50s9-1-
|
|
31
|
-
--_z2r50s0-1-
|
|
32
|
-
--_z2r50s1-1-
|
|
33
|
-
--_z2r50s2-1-
|
|
34
|
-
}
|
|
35
|
-
._z2r50sa-1-
|
|
36
|
-
--_z2r50s0-1-
|
|
37
|
-
--_z2r50s1-1-
|
|
38
|
-
--_z2r50s2-1-
|
|
39
|
-
}
|
|
40
|
-
._z2r50sb-1-
|
|
9
|
+
box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-1-13-0);
|
|
10
|
+
background-color: var(--_z2r50s2-1-13-0);
|
|
11
|
+
}
|
|
12
|
+
._z2r50s5-1-13-0._z2r50s5-1-13-0 {
|
|
13
|
+
box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-1-13-0), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-1-13-0);
|
|
14
|
+
}
|
|
15
|
+
._z2r50s6-1-13-0 {
|
|
16
|
+
--_z2r50s0-1-13-0: var(--dt-colors-border-neutral-accent, #595a7d);
|
|
17
|
+
--_z2r50s1-1-13-0: var(--dt-colors-border-neutral-default, #dadbe4);
|
|
18
|
+
--_z2r50s2-1-13-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
|
|
19
|
+
}
|
|
20
|
+
._z2r50s7-1-13-0 {
|
|
21
|
+
--_z2r50s0-1-13-0: var(--dt-colors-border-primary-accent, #464cce);
|
|
22
|
+
--_z2r50s1-1-13-0: var(--dt-colors-border-primary-default, #d5dbf6);
|
|
23
|
+
--_z2r50s2-1-13-0: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
|
|
24
|
+
}
|
|
25
|
+
._z2r50s8-1-13-0 {
|
|
26
|
+
--_z2r50s0-1-13-0: var(--dt-colors-border-success-accent, #2d6761);
|
|
27
|
+
--_z2r50s1-1-13-0: var(--dt-colors-border-success-default, #d3dedd);
|
|
28
|
+
--_z2r50s2-1-13-0: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
|
|
29
|
+
}
|
|
30
|
+
._z2r50s9-1-13-0 {
|
|
31
|
+
--_z2r50s0-1-13-0: var(--dt-colors-border-warning-accent, #855400);
|
|
32
|
+
--_z2r50s1-1-13-0: var(--dt-colors-border-warning-default, #f9ebdb);
|
|
33
|
+
--_z2r50s2-1-13-0: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
|
|
34
|
+
}
|
|
35
|
+
._z2r50sa-1-13-0 {
|
|
36
|
+
--_z2r50s0-1-13-0: var(--dt-colors-border-critical-accent, #bb0731);
|
|
37
|
+
--_z2r50s1-1-13-0: var(--dt-colors-border-critical-default, #f6d6d5);
|
|
38
|
+
--_z2r50s2-1-13-0: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
|
|
39
|
+
}
|
|
40
|
+
._z2r50sb-1-13-0:focus-within {
|
|
41
41
|
outline: none;
|
|
42
42
|
}
|
|
43
|
-
._z2r50sc-1-
|
|
43
|
+
._z2r50sc-1-13-0:focus-within {
|
|
44
44
|
border-radius: var(--dt-borders-radius-field-subdued, 3px);
|
|
45
|
-
box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-1-
|
|
46
|
-
background-color: var(--_z2r50s2-1-
|
|
47
|
-
}
|
|
48
|
-
._z2r50sd-1-
|
|
49
|
-
box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-1-
|
|
50
|
-
}
|
|
51
|
-
._z2r50se-1-
|
|
52
|
-
--_z2r50s0-1-
|
|
53
|
-
--_z2r50s1-1-
|
|
54
|
-
--_z2r50s2-1-
|
|
55
|
-
}
|
|
56
|
-
._z2r50sf-1-
|
|
57
|
-
--_z2r50s0-1-
|
|
58
|
-
--_z2r50s1-1-
|
|
59
|
-
--_z2r50s2-1-
|
|
60
|
-
}
|
|
61
|
-
._z2r50sg-1-
|
|
62
|
-
--_z2r50s0-1-
|
|
63
|
-
--_z2r50s1-1-
|
|
64
|
-
--_z2r50s2-1-
|
|
65
|
-
}
|
|
66
|
-
._z2r50sh-1-
|
|
67
|
-
--_z2r50s0-1-
|
|
68
|
-
--_z2r50s1-1-
|
|
69
|
-
--_z2r50s2-1-
|
|
70
|
-
}
|
|
71
|
-
._z2r50si-1-
|
|
72
|
-
--_z2r50s0-1-
|
|
73
|
-
--_z2r50s1-1-
|
|
74
|
-
--_z2r50s2-1-
|
|
45
|
+
box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-1-13-0);
|
|
46
|
+
background-color: var(--_z2r50s2-1-13-0);
|
|
47
|
+
}
|
|
48
|
+
._z2r50sd-1-13-0:focus-within {
|
|
49
|
+
box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-1-13-0), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-1-13-0);
|
|
50
|
+
}
|
|
51
|
+
._z2r50se-1-13-0 {
|
|
52
|
+
--_z2r50s0-1-13-0: var(--dt-colors-border-neutral-accent, #595a7d);
|
|
53
|
+
--_z2r50s1-1-13-0: var(--dt-colors-border-neutral-default, #dadbe4);
|
|
54
|
+
--_z2r50s2-1-13-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
|
|
55
|
+
}
|
|
56
|
+
._z2r50sf-1-13-0 {
|
|
57
|
+
--_z2r50s0-1-13-0: var(--dt-colors-border-primary-accent, #464cce);
|
|
58
|
+
--_z2r50s1-1-13-0: var(--dt-colors-border-primary-default, #d5dbf6);
|
|
59
|
+
--_z2r50s2-1-13-0: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
|
|
60
|
+
}
|
|
61
|
+
._z2r50sg-1-13-0 {
|
|
62
|
+
--_z2r50s0-1-13-0: var(--dt-colors-border-success-accent, #2d6761);
|
|
63
|
+
--_z2r50s1-1-13-0: var(--dt-colors-border-success-default, #d3dedd);
|
|
64
|
+
--_z2r50s2-1-13-0: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
|
|
65
|
+
}
|
|
66
|
+
._z2r50sh-1-13-0 {
|
|
67
|
+
--_z2r50s0-1-13-0: var(--dt-colors-border-warning-accent, #855400);
|
|
68
|
+
--_z2r50s1-1-13-0: var(--dt-colors-border-warning-default, #f9ebdb);
|
|
69
|
+
--_z2r50s2-1-13-0: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
|
|
70
|
+
}
|
|
71
|
+
._z2r50si-1-13-0 {
|
|
72
|
+
--_z2r50s0-1-13-0: var(--dt-colors-border-critical-accent, #bb0731);
|
|
73
|
+
--_z2r50s1-1-13-0: var(--dt-colors-border-critical-default, #f6d6d5);
|
|
74
|
+
--_z2r50s2-1-13-0: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
|
|
75
75
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./focusRing.css";
|
|
2
2
|
import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
3
|
-
var focusRingCSS = _7a468({ defaultClassName: "_z2r50s3-1-
|
|
4
|
-
var focusRingFocusWithinCSS = _7a468({ defaultClassName: "_z2r50sb-1-
|
|
3
|
+
var focusRingCSS = _7a468({ defaultClassName: "_z2r50s3-1-13-0", variantClassNames: { minimal: { true: "_z2r50s4-1-13-0", false: "_z2r50s5-1-13-0" }, variant: { neutral: "_z2r50s6-1-13-0", primary: "_z2r50s7-1-13-0", success: "_z2r50s8-1-13-0", warning: "_z2r50s9-1-13-0", critical: "_z2r50sa-1-13-0" } }, defaultVariants: {}, compoundVariants: [] });
|
|
4
|
+
var focusRingFocusWithinCSS = _7a468({ defaultClassName: "_z2r50sb-1-13-0", variantClassNames: { minimal: { true: "_z2r50sc-1-13-0", false: "_z2r50sd-1-13-0" }, variant: { neutral: "_z2r50se-1-13-0", primary: "_z2r50sf-1-13-0", success: "_z2r50sg-1-13-0", warning: "_z2r50sh-1-13-0", critical: "_z2r50si-1-13-0" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5
5
|
export {
|
|
6
6
|
focusRingCSS,
|
|
7
7
|
focusRingFocusWithinCSS
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/core/styles/focusRing.css.ts"],
|
|
4
|
-
"sourcesContent": ["import './focusRing.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var focusRingCSS = _7a468({defaultClassName:'_z2r50s3-1-
|
|
4
|
+
"sourcesContent": ["import './focusRing.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var focusRingCSS = _7a468({defaultClassName:'_z2r50s3-1-13-0',variantClassNames:{minimal:{true:'_z2r50s4-1-13-0',false:'_z2r50s5-1-13-0'},variant:{neutral:'_z2r50s6-1-13-0',primary:'_z2r50s7-1-13-0',success:'_z2r50s8-1-13-0',warning:'_z2r50s9-1-13-0',critical:'_z2r50sa-1-13-0'}},defaultVariants:{},compoundVariants:[]});\nexport var focusRingFocusWithinCSS = _7a468({defaultClassName:'_z2r50sb-1-13-0',variantClassNames:{minimal:{true:'_z2r50sc-1-13-0',false:'_z2r50sd-1-13-0'},variant:{neutral:'_z2r50se-1-13-0',primary:'_z2r50sf-1-13-0',success:'_z2r50sg-1-13-0',warning:'_z2r50sh-1-13-0',critical:'_z2r50si-1-13-0'}},defaultVariants:{},compoundVariants:[]});"],
|
|
5
5
|
"mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,SAAQ,EAAC,SAAQ,mBAAkB,SAAQ,mBAAkB,SAAQ,mBAAkB,SAAQ,mBAAkB,UAAS,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/T,IAAI,0BAA0B,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,SAAQ,EAAC,SAAQ,mBAAkB,SAAQ,mBAAkB,SAAQ,mBAAkB,SAAQ,mBAAkB,UAAS,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|