@apify/ui-library 1.155.1 → 1.155.2-fixbranddarkoverlayseparator-a7f48f.3
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/dist/components/spinner/spinner.d.ts.map +1 -1
- package/dist/components/spinner/spinner.js +3 -0
- package/dist/components/spinner/spinner.test_ids.d.ts +4 -0
- package/dist/components/spinner/spinner.test_ids.d.ts.map +1 -0
- package/dist/components/spinner/spinner.test_ids.js +4 -0
- package/dist/design_system/colors/css_variables_brand_dark.d.ts +1 -1
- package/dist/design_system/colors/css_variables_brand_dark.d.ts.map +1 -1
- package/dist/design_system/colors/generated/css_variables_brand_neutrals.dark.d.ts +1 -1
- package/dist/design_system/colors/generated/css_variables_brand_neutrals.dark.d.ts.map +1 -1
- package/dist/design_system/colors/generated/css_variables_brand_neutrals.dark.js +2 -2
- package/dist/files_hash_at_build.txt +1 -1
- package/dist/src/components/spinner/spinner.d.ts.map +1 -1
- package/dist/src/components/spinner/spinner.js +2 -1
- package/dist/src/components/spinner/spinner.js.map +1 -1
- package/dist/src/components/spinner/spinner.test_ids.d.ts +4 -0
- package/dist/src/components/spinner/spinner.test_ids.d.ts.map +1 -0
- package/dist/src/components/spinner/spinner.test_ids.js +4 -0
- package/dist/src/components/spinner/spinner.test_ids.js.map +1 -0
- package/dist/src/design_system/colors/css_variables_brand_dark.d.ts +1 -1
- package/dist/src/design_system/colors/css_variables_brand_dark.d.ts.map +1 -1
- package/dist/src/design_system/colors/generated/css_variables_brand_neutrals.dark.d.ts +1 -1
- package/dist/src/design_system/colors/generated/css_variables_brand_neutrals.dark.d.ts.map +1 -1
- package/dist/src/design_system/colors/generated/css_variables_brand_neutrals.dark.js +2 -2
- package/dist/src/test_ids.d.ts +1 -0
- package/dist/src/test_ids.d.ts.map +1 -1
- package/dist/src/test_ids.js +1 -0
- package/dist/src/test_ids.js.map +1 -1
- package/dist/test_ids.d.ts +1 -0
- package/dist/test_ids.d.ts.map +1 -1
- package/dist/test_ids.js +2 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/src/components/spinner/spinner.test_ids.ts +3 -0
- package/src/components/spinner/spinner.tsx +8 -1
- package/src/design_system/colors/figma_color_tokens.brand_neutrals.dark.json +2 -2
- package/src/design_system/colors/generated/css_variables_brand_neutrals.dark.ts +2 -2
- package/src/test_ids.ts +1 -0
- package/style/colors/brand_neutrals.dark.scss +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/spinner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/spinner.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB;;CAE7B,CAAC;AAuBF,MAAM,MAAM,YAAY,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AA8BF;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,GAAI,oCAAoC,YAAY,4CAsBvE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,qLA5BmC,YAAY,4FAgCvE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;WAA4B,MAAM;yDArCA,YAAY,4FAgDvE,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { theme } from "../../design_system/theme.js";
|
|
2
|
+
import { spinnerTestIds } from "./spinner.test_ids.js";
|
|
2
3
|
import styled, { keyframes } from "styled-components";
|
|
3
4
|
import { jsx } from "react/jsx-runtime";
|
|
4
5
|
//#region src/components/spinner/spinner.tsx
|
|
@@ -57,6 +58,8 @@ var Spinner = ({ loadingReason, small, ...props }) => {
|
|
|
57
58
|
...props,
|
|
58
59
|
title: loadingReason,
|
|
59
60
|
$small: small,
|
|
61
|
+
"data-testid": spinnerTestIds.SPINNER,
|
|
62
|
+
"aria-busy": "true",
|
|
60
63
|
children: /* @__PURE__ */ jsx("svg", {
|
|
61
64
|
className: spinnerClassNames.SPINNER,
|
|
62
65
|
viewBox: "0 0 50 50",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spinner.test_ids.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/spinner.test_ids.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;CAE1B,CAAC"}
|
|
@@ -9,5 +9,5 @@
|
|
|
9
9
|
* Apply this on its own as a complete theme (it already includes the base dark
|
|
10
10
|
* tokens); there is no need to also apply `cssColorsVariablesDark`.
|
|
11
11
|
*/
|
|
12
|
-
export declare const cssColorsVariablesBrandDark = "\n --color-neutral-text: #f4f4f5;\n --color-neutral-text-muted: #bfc1c5;\n --color-neutral-text-subtle: #9ea2a8;\n --color-neutral-text-disabled: #4f5257;\n --color-neutral-text-on-primary: #161718;\n --color-neutral-icon-on-primary: #161718;\n --color-neutral-background: #161718;\n --color-neutral-background-muted: #1f2123;\n --color-neutral-background-subtle: #242528;\n --color-neutral-background-white: #f4f4f5;\n --color-neutral-card-background: #1b1c1d;\n --color-neutral-card-background-hover: #1f2123;\n --color-neutral-border: #3d3f43;\n --color-neutral-separator-subtle: #333538;\n --color-neutral-hover: #292b2e;\n --color-neutral-on-surface: rgba(109, 113, 120, 0.22);\n --color-neutral-disabled: #333538;\n --color-neutral-overflow: #242528;\n --color-neutral-icon: #bfc1c5;\n --color-neutral-icon-subtle: #6d7178;\n --color-neutral-icon-disabled: #4f5257;\n --color-neutral-field-border: #333538;\n --color-neutral-action-secondary: #4f5257;\n --color-neutral-action-secondary-hover: #6d7178;\n --color-neutral-action-secondary-active: #333538;\n --color-neutral-chip-background: #4f5257;\n --color-neutral-chip-background-hover: #6d7178;\n --color-neutral-chip-background-active: #9ea2a8;\n --color-neutral-chip-background-disabled: #9ea2a8;\n --color-neutral-large-tooltip-background: #242528;\n --color-neutral-large-tooltip-border: #333538;\n --color-neutral-small-tooltip-text: #ffffff;\n --color-neutral-small-tooltip-background: #242528;\n --color-neutral-small-tooltip-border: #333538;\n --color-neutral-overlay: #101114;\n --color-neutral-field-background: #0a0a0b;\n --color-neutral-text-placeholder: #6d7178;\n --color-primary-text: #6b9fff;\n --color-primary-text-interactive: #6b9fff;\n --color-primary-icon: #246dff;\n --color-primary-action: #528fff;\n --color-primary-action-hover: #7aa8ff;\n --color-primary-action-active: #246dff;\n --color-primary-field-border-active: #246dff;\n --color-primary-border-subtle: #1e52e0;\n --color-primary-background: #152447;\n --color-primary-background-subtle: #0f192f;\n --color-primary-background-hover: #1d41af;\n --color-primary-chip-background: #152447;\n --color-primary-chip-background-subtle: #0f192f;\n --color-primary-chip-background-hover: #1d41af;\n --color-primary-chip-text: #97bcff;\n --color-primary-shadow-active: #1e52e0;\n --color-primary-black-action: #ffffff;\n --color-primary-black-action-hover: #d2d3d6;\n --color-primary-black-action-active: #f4f4f5;\n --color-primary-black-background: #f4f4f5;\n --color-primary-black-background-hover: #edeeef;\n --color-primary-black-chip-text: #0a0a0b;\n --color-success-text: #3bb358;\n --color-success-icon: #23a64a;\n --color-success-background: #14441f;\n --color-success-background-hover: #00531e;\n --color-success-background-subtle: #09260f;\n --color-success-background-subtle-hover: #14441f;\n --color-success-background-subtle-active: #006e29;\n --color-success-chip-background: #14441f;\n --color-success-chip-background-hover: #00531e;\n --color-success-chip-text: #6ccd7c;\n --color-success-border: #068a35;\n --color-success-border-subtle: #006e29;\n --color-success-action: #23a64a;\n --color-success-action-hover: #3bb358;\n --color-success-action-active: #068a35;\n --color-warning-text: #f9ce4b;\n --color-warning-icon: #f9ce4b;\n --color-warning-background: #5d2e0e;\n --color-warning-background-hover: #6d3806;\n --color-warning-background-subtle: #301806;\n --color-warning-chip-background: #5d2e0e;\n --color-warning-chip-background-hover: #6d3806;\n --color-warning-chip-text: #ffd761;\n --color-warning-border: #a56909;\n --color-warning-border-subtle: #8a4f05;\n --color-warning-field-border: #cf9117;\n --color-danger-text: #ff7157;\n --color-danger-icon: #ef6045;\n --color-danger-background: #672523;\n --color-danger-background-hover: #812420;\n --color-danger-background-subtle: #381719;\n --color-danger-background-subtle-hover: #672523;\n --color-danger-background-subtle-active: #aa3229;\n --color-danger-chip-background: #672523;\n --color-danger-chip-background-hover: #812420;\n --color-danger-chip-text: #fe9e8a;\n --color-danger-border: #cf4436;\n --color-danger-border-subtle: #aa3229;\n --color-danger-field-border: #ef6045;\n --color-danger-action: #ef6045;\n --color-danger-action-hover: #ff7157;\n --color-danger-action-active: #cf4436;\n --color-special-free-plan-background: #9a4e2d;\n --color-special-starter-plan-background: #b87939;\n --color-special-scale-plan-background: #425484;\n --color-special-business-plan-background: #408288;\n --color-special-enterprise-plan-background: #48296f;\n --color-special-highlight: #152447;\n --color-rose-light: #e88bb3;\n --color-rose-base: #b8487b;\n --color-rose-dark: #6f234f;\n --color-rose-text: #ed8bb5;\n --color-buttercup-light: #f9deaa;\n --color-buttercup-base: #e5b557;\n --color-buttercup-dark: #b87939;\n --color-buttercup-text: #ebbf6c;\n --color-paprika-light: #e26c7d;\n --color-paprika-base: #9e384b;\n --color-paprika-dark: #511d27;\n --color-paprika-text: #f67c8d;\n --color-teal-light: #aef0f5;\n --color-teal-base: #58bcc4;\n --color-teal-dark: #408288;\n --color-teal-text: #62c1c8;\n --color-indigo-light: #a8b7ed;\n --color-indigo-base: #6d85ca;\n --color-indigo-dark: #425484;\n --color-indigo-text: #a2b2eb;\n --color-slate-light: #c2c5dc;\n --color-slate-base: #8690bf;\n --color-slate-dark: #535c81;\n --color-slate-text: #afb2c9;\n --color-coral-light: #f3ccb0;\n --color-coral-base: #f08848;\n --color-coral-dark: #9a4e2d;\n --color-coral-text: #f9b27b;\n --color-lavender-light: #b482ed;\n --color-lavender-base: #8148c9;\n --color-lavender-dark: #48296f;\n --color-lavender-text: #be8af9;\n --color-bamboo-light: #7acaa9;\n --color-bamboo-base: #439274;\n --color-bamboo-dark: #305b4a;\n --color-bamboo-text: #65bc99;\n\n --color-neutral-text: #dfdfdf;\n --color-neutral-text-muted: #a3a3a3;\n --color-neutral-text-subtle: #888888;\n --color-neutral-text-disabled: #454545;\n --color-neutral-text-on-primary: #161616;\n --color-neutral-icon-on-primary: #161616;\n --color-neutral-background: #020202;\n --color-neutral-background-muted: #0f0f0f;\n --color-neutral-background-subtle: #1d1d1d;\n --color-neutral-background-white: #f3f3f3;\n --color-neutral-card-background: #0f0f0f;\n --color-neutral-card-background-hover: #1d1d1d;\n --color-neutral-border: #2a2a2a;\n --color-neutral-separator-subtle: #
|
|
12
|
+
export declare const cssColorsVariablesBrandDark = "\n --color-neutral-text: #f4f4f5;\n --color-neutral-text-muted: #bfc1c5;\n --color-neutral-text-subtle: #9ea2a8;\n --color-neutral-text-disabled: #4f5257;\n --color-neutral-text-on-primary: #161718;\n --color-neutral-icon-on-primary: #161718;\n --color-neutral-background: #161718;\n --color-neutral-background-muted: #1f2123;\n --color-neutral-background-subtle: #242528;\n --color-neutral-background-white: #f4f4f5;\n --color-neutral-card-background: #1b1c1d;\n --color-neutral-card-background-hover: #1f2123;\n --color-neutral-border: #3d3f43;\n --color-neutral-separator-subtle: #333538;\n --color-neutral-hover: #292b2e;\n --color-neutral-on-surface: rgba(109, 113, 120, 0.22);\n --color-neutral-disabled: #333538;\n --color-neutral-overflow: #242528;\n --color-neutral-icon: #bfc1c5;\n --color-neutral-icon-subtle: #6d7178;\n --color-neutral-icon-disabled: #4f5257;\n --color-neutral-field-border: #333538;\n --color-neutral-action-secondary: #4f5257;\n --color-neutral-action-secondary-hover: #6d7178;\n --color-neutral-action-secondary-active: #333538;\n --color-neutral-chip-background: #4f5257;\n --color-neutral-chip-background-hover: #6d7178;\n --color-neutral-chip-background-active: #9ea2a8;\n --color-neutral-chip-background-disabled: #9ea2a8;\n --color-neutral-large-tooltip-background: #242528;\n --color-neutral-large-tooltip-border: #333538;\n --color-neutral-small-tooltip-text: #ffffff;\n --color-neutral-small-tooltip-background: #242528;\n --color-neutral-small-tooltip-border: #333538;\n --color-neutral-overlay: #101114;\n --color-neutral-field-background: #0a0a0b;\n --color-neutral-text-placeholder: #6d7178;\n --color-primary-text: #6b9fff;\n --color-primary-text-interactive: #6b9fff;\n --color-primary-icon: #246dff;\n --color-primary-action: #528fff;\n --color-primary-action-hover: #7aa8ff;\n --color-primary-action-active: #246dff;\n --color-primary-field-border-active: #246dff;\n --color-primary-border-subtle: #1e52e0;\n --color-primary-background: #152447;\n --color-primary-background-subtle: #0f192f;\n --color-primary-background-hover: #1d41af;\n --color-primary-chip-background: #152447;\n --color-primary-chip-background-subtle: #0f192f;\n --color-primary-chip-background-hover: #1d41af;\n --color-primary-chip-text: #97bcff;\n --color-primary-shadow-active: #1e52e0;\n --color-primary-black-action: #ffffff;\n --color-primary-black-action-hover: #d2d3d6;\n --color-primary-black-action-active: #f4f4f5;\n --color-primary-black-background: #f4f4f5;\n --color-primary-black-background-hover: #edeeef;\n --color-primary-black-chip-text: #0a0a0b;\n --color-success-text: #3bb358;\n --color-success-icon: #23a64a;\n --color-success-background: #14441f;\n --color-success-background-hover: #00531e;\n --color-success-background-subtle: #09260f;\n --color-success-background-subtle-hover: #14441f;\n --color-success-background-subtle-active: #006e29;\n --color-success-chip-background: #14441f;\n --color-success-chip-background-hover: #00531e;\n --color-success-chip-text: #6ccd7c;\n --color-success-border: #068a35;\n --color-success-border-subtle: #006e29;\n --color-success-action: #23a64a;\n --color-success-action-hover: #3bb358;\n --color-success-action-active: #068a35;\n --color-warning-text: #f9ce4b;\n --color-warning-icon: #f9ce4b;\n --color-warning-background: #5d2e0e;\n --color-warning-background-hover: #6d3806;\n --color-warning-background-subtle: #301806;\n --color-warning-chip-background: #5d2e0e;\n --color-warning-chip-background-hover: #6d3806;\n --color-warning-chip-text: #ffd761;\n --color-warning-border: #a56909;\n --color-warning-border-subtle: #8a4f05;\n --color-warning-field-border: #cf9117;\n --color-danger-text: #ff7157;\n --color-danger-icon: #ef6045;\n --color-danger-background: #672523;\n --color-danger-background-hover: #812420;\n --color-danger-background-subtle: #381719;\n --color-danger-background-subtle-hover: #672523;\n --color-danger-background-subtle-active: #aa3229;\n --color-danger-chip-background: #672523;\n --color-danger-chip-background-hover: #812420;\n --color-danger-chip-text: #fe9e8a;\n --color-danger-border: #cf4436;\n --color-danger-border-subtle: #aa3229;\n --color-danger-field-border: #ef6045;\n --color-danger-action: #ef6045;\n --color-danger-action-hover: #ff7157;\n --color-danger-action-active: #cf4436;\n --color-special-free-plan-background: #9a4e2d;\n --color-special-starter-plan-background: #b87939;\n --color-special-scale-plan-background: #425484;\n --color-special-business-plan-background: #408288;\n --color-special-enterprise-plan-background: #48296f;\n --color-special-highlight: #152447;\n --color-rose-light: #e88bb3;\n --color-rose-base: #b8487b;\n --color-rose-dark: #6f234f;\n --color-rose-text: #ed8bb5;\n --color-buttercup-light: #f9deaa;\n --color-buttercup-base: #e5b557;\n --color-buttercup-dark: #b87939;\n --color-buttercup-text: #ebbf6c;\n --color-paprika-light: #e26c7d;\n --color-paprika-base: #9e384b;\n --color-paprika-dark: #511d27;\n --color-paprika-text: #f67c8d;\n --color-teal-light: #aef0f5;\n --color-teal-base: #58bcc4;\n --color-teal-dark: #408288;\n --color-teal-text: #62c1c8;\n --color-indigo-light: #a8b7ed;\n --color-indigo-base: #6d85ca;\n --color-indigo-dark: #425484;\n --color-indigo-text: #a2b2eb;\n --color-slate-light: #c2c5dc;\n --color-slate-base: #8690bf;\n --color-slate-dark: #535c81;\n --color-slate-text: #afb2c9;\n --color-coral-light: #f3ccb0;\n --color-coral-base: #f08848;\n --color-coral-dark: #9a4e2d;\n --color-coral-text: #f9b27b;\n --color-lavender-light: #b482ed;\n --color-lavender-base: #8148c9;\n --color-lavender-dark: #48296f;\n --color-lavender-text: #be8af9;\n --color-bamboo-light: #7acaa9;\n --color-bamboo-base: #439274;\n --color-bamboo-dark: #305b4a;\n --color-bamboo-text: #65bc99;\n\n --color-neutral-text: #dfdfdf;\n --color-neutral-text-muted: #a3a3a3;\n --color-neutral-text-subtle: #888888;\n --color-neutral-text-disabled: #454545;\n --color-neutral-text-on-primary: #161616;\n --color-neutral-icon-on-primary: #161616;\n --color-neutral-background: #020202;\n --color-neutral-background-muted: #0f0f0f;\n --color-neutral-background-subtle: #1d1d1d;\n --color-neutral-background-white: #f3f3f3;\n --color-neutral-card-background: #0f0f0f;\n --color-neutral-card-background-hover: #1d1d1d;\n --color-neutral-border: #2a2a2a;\n --color-neutral-separator-subtle: #1d1d1d;\n --color-neutral-hover: #313131;\n --color-neutral-disabled: #383838;\n --color-neutral-overflow: #2a2a2a;\n --color-neutral-icon: #d8d8d8;\n --color-neutral-icon-subtle: #6d6d6d;\n --color-neutral-icon-disabled: #454545;\n --color-neutral-field-border: #454545;\n --color-neutral-action-secondary: #2a2a2a;\n --color-neutral-action-secondary-hover: #454545;\n --color-neutral-action-secondary-active: #454545;\n --color-neutral-chip-background: #606060;\n --color-neutral-chip-background-hover: #7b7b7b;\n --color-neutral-chip-background-active: #959595;\n --color-neutral-chip-background-disabled: #959595;\n --color-neutral-large-tooltip-background: #2a2a2a;\n --color-neutral-large-tooltip-border: #383838;\n --color-neutral-small-tooltip-text: #ffffff;\n --color-neutral-small-tooltip-background: #2a2a2a;\n --color-neutral-small-tooltip-border: #383838;\n --color-neutral-overlay: rgba(9, 9, 9, 0.7);\n --color-neutral-field-background: #0f0f0f;\n --color-neutral-text-placeholder: #7b7b7b;\n --color-neutral-on-surface: rgba(109, 113, 120, 0.22);\n";
|
|
13
13
|
//# sourceMappingURL=css_variables_brand_dark.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css_variables_brand_dark.d.ts","sourceRoot":"","sources":["../../../src/design_system/colors/css_variables_brand_dark.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,2BAA2B,
|
|
1
|
+
{"version":3,"file":"css_variables_brand_dark.d.ts","sourceRoot":"","sources":["../../../src/design_system/colors/css_variables_brand_dark.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,2BAA2B,q7OAA0D,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
|
-
export declare const tokens = "\n --color-neutral-text: #dfdfdf;\n --color-neutral-text-muted: #a3a3a3;\n --color-neutral-text-subtle: #888888;\n --color-neutral-text-disabled: #454545;\n --color-neutral-text-on-primary: #161616;\n --color-neutral-icon-on-primary: #161616;\n --color-neutral-background: #020202;\n --color-neutral-background-muted: #0f0f0f;\n --color-neutral-background-subtle: #1d1d1d;\n --color-neutral-background-white: #f3f3f3;\n --color-neutral-card-background: #0f0f0f;\n --color-neutral-card-background-hover: #1d1d1d;\n --color-neutral-border: #2a2a2a;\n --color-neutral-separator-subtle: #
|
|
4
|
+
export declare const tokens = "\n --color-neutral-text: #dfdfdf;\n --color-neutral-text-muted: #a3a3a3;\n --color-neutral-text-subtle: #888888;\n --color-neutral-text-disabled: #454545;\n --color-neutral-text-on-primary: #161616;\n --color-neutral-icon-on-primary: #161616;\n --color-neutral-background: #020202;\n --color-neutral-background-muted: #0f0f0f;\n --color-neutral-background-subtle: #1d1d1d;\n --color-neutral-background-white: #f3f3f3;\n --color-neutral-card-background: #0f0f0f;\n --color-neutral-card-background-hover: #1d1d1d;\n --color-neutral-border: #2a2a2a;\n --color-neutral-separator-subtle: #1d1d1d;\n --color-neutral-hover: #313131;\n --color-neutral-disabled: #383838;\n --color-neutral-overflow: #2a2a2a;\n --color-neutral-icon: #d8d8d8;\n --color-neutral-icon-subtle: #6d6d6d;\n --color-neutral-icon-disabled: #454545;\n --color-neutral-field-border: #454545;\n --color-neutral-action-secondary: #2a2a2a;\n --color-neutral-action-secondary-hover: #454545;\n --color-neutral-action-secondary-active: #454545;\n --color-neutral-chip-background: #606060;\n --color-neutral-chip-background-hover: #7b7b7b;\n --color-neutral-chip-background-active: #959595;\n --color-neutral-chip-background-disabled: #959595;\n --color-neutral-large-tooltip-background: #2a2a2a;\n --color-neutral-large-tooltip-border: #383838;\n --color-neutral-small-tooltip-text: #ffffff;\n --color-neutral-small-tooltip-background: #2a2a2a;\n --color-neutral-small-tooltip-border: #383838;\n --color-neutral-overlay: rgba(9, 9, 9, 0.7);\n --color-neutral-field-background: #0f0f0f;\n --color-neutral-text-placeholder: #7b7b7b;\n --color-neutral-on-surface: rgba(109, 113, 120, 0.22);\n";
|
|
5
5
|
//# sourceMappingURL=css_variables_brand_neutrals.dark.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css_variables_brand_neutrals.dark.d.ts","sourceRoot":"","sources":["../../../../src/design_system/colors/generated/css_variables_brand_neutrals.dark.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"css_variables_brand_neutrals.dark.d.ts","sourceRoot":"","sources":["../../../../src/design_system/colors/generated/css_variables_brand_neutrals.dark.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,0pDAsClB,CAAC"}
|
|
@@ -16,7 +16,7 @@ var tokens = `
|
|
|
16
16
|
--color-neutral-card-background: #0f0f0f;
|
|
17
17
|
--color-neutral-card-background-hover: #1d1d1d;
|
|
18
18
|
--color-neutral-border: #2a2a2a;
|
|
19
|
-
--color-neutral-separator-subtle: #
|
|
19
|
+
--color-neutral-separator-subtle: #1d1d1d;
|
|
20
20
|
--color-neutral-hover: #313131;
|
|
21
21
|
--color-neutral-disabled: #383838;
|
|
22
22
|
--color-neutral-overflow: #2a2a2a;
|
|
@@ -36,7 +36,7 @@ var tokens = `
|
|
|
36
36
|
--color-neutral-small-tooltip-text: #ffffff;
|
|
37
37
|
--color-neutral-small-tooltip-background: #2a2a2a;
|
|
38
38
|
--color-neutral-small-tooltip-border: #383838;
|
|
39
|
-
--color-neutral-overlay:
|
|
39
|
+
--color-neutral-overlay: rgba(9, 9, 9, 0.7);
|
|
40
40
|
--color-neutral-field-background: #0f0f0f;
|
|
41
41
|
--color-neutral-text-placeholder: #7b7b7b;
|
|
42
42
|
--color-neutral-on-surface: rgba(109, 113, 120, 0.22);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
3f7587ca5f7eec8e48589b2d68f1554111bfbd30
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/spinner/spinner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/spinner/spinner.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB;;CAE7B,CAAC;AAuBF,MAAM,MAAM,YAAY,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AA8BF;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,GAAI,oCAAoC,YAAY,4CAsBvE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,qLA5BmC,YAAY,4FAgCvE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;WAA4B,MAAM;yDArCA,YAAY,4FAgDvE,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import styled, { keyframes } from 'styled-components';
|
|
3
3
|
import { theme } from '../../design_system/theme';
|
|
4
|
+
import { spinnerTestIds } from './spinner.test_ids';
|
|
4
5
|
export const spinnerClassNames = {
|
|
5
6
|
SPINNER: 'spinner',
|
|
6
7
|
};
|
|
@@ -57,7 +58,7 @@ const SpinnerWrapper = styled.span `
|
|
|
57
58
|
* Keep the spinner centered (eg. by setting position to parent container).
|
|
58
59
|
*/
|
|
59
60
|
export const Spinner = ({ loadingReason, small, ...props }) => {
|
|
60
|
-
return (_jsx(SpinnerWrapper, { ...props, title: loadingReason, "$small": small, children: _jsx("svg", { className: spinnerClassNames.SPINNER, viewBox: "0 0 50 50", children: _jsx("circle", { className: "path", cx: "25", cy: "25", r: "20", fill: "none", strokeWidth: "5", strokeLinecap: "round" }) }) }));
|
|
61
|
+
return (_jsx(SpinnerWrapper, { ...props, title: loadingReason, "$small": small, "data-testid": spinnerTestIds.SPINNER, "aria-busy": "true", children: _jsx("svg", { className: spinnerClassNames.SPINNER, viewBox: "0 0 50 50", children: _jsx("circle", { className: "path", cx: "25", cy: "25", r: "20", fill: "none", strokeWidth: "5", strokeLinecap: "round" }) }) }));
|
|
61
62
|
};
|
|
62
63
|
/**
|
|
63
64
|
* Spinner with basic block styling
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../../../src/components/spinner/spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../../../src/components/spinner/spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC7B,OAAO,EAAE,SAAS;CACrB,CAAC;AAEF,MAAM,MAAM,GAAG,SAAS,CAAA;;;;CAIvB,CAAC;AAEF,MAAM,IAAI,GAAG,SAAS,CAAA;;;;;;;;;;;;;CAarB,CAAC;AAaF,oEAAoE;AACpE,2EAA2E;AAC3E,qFAAqF;AACrF,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAqB;;;OAGhD,iBAAiB,CAAC,OAAO;;;;;;;iBAOf,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;kBACzC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;;sBAItC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;;kBAE5B,IAAI;kBACJ,MAAM;;;CAGvB,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IACxE,OAAO,CACH,KAAC,cAAc,OACP,KAAK,EACT,KAAK,EAAE,aAAa,YACZ,KAAK,iBACA,cAAc,CAAC,OAAO,eACzB,MAAM,YAEhB,cAAK,SAAS,EAAE,iBAAiB,CAAC,OAAO,EAAE,OAAO,EAAC,WAAW,YAC1D,iBACI,SAAS,EAAC,MAAM,EAChB,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,GACf,GACR,GACO,CACpB,CAAC;AACN,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;CAI1C,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAmB;;;cAGjD,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO;aAC1C,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO;;;OAG/C,iBAAiB,CAAC,OAAO;;;;CAI/B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spinner.test_ids.d.ts","sourceRoot":"","sources":["../../../../src/components/spinner/spinner.test_ids.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;CAE1B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spinner.test_ids.js","sourceRoot":"","sources":["../../../../src/components/spinner/spinner.test_ids.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,OAAO,EAAE,SAAS;CACrB,CAAC"}
|
|
@@ -9,5 +9,5 @@
|
|
|
9
9
|
* Apply this on its own as a complete theme (it already includes the base dark
|
|
10
10
|
* tokens); there is no need to also apply `cssColorsVariablesDark`.
|
|
11
11
|
*/
|
|
12
|
-
export declare const cssColorsVariablesBrandDark = "\n --color-neutral-text: #f4f4f5;\n --color-neutral-text-muted: #bfc1c5;\n --color-neutral-text-subtle: #9ea2a8;\n --color-neutral-text-disabled: #4f5257;\n --color-neutral-text-on-primary: #161718;\n --color-neutral-icon-on-primary: #161718;\n --color-neutral-background: #161718;\n --color-neutral-background-muted: #1f2123;\n --color-neutral-background-subtle: #242528;\n --color-neutral-background-white: #f4f4f5;\n --color-neutral-card-background: #1b1c1d;\n --color-neutral-card-background-hover: #1f2123;\n --color-neutral-border: #3d3f43;\n --color-neutral-separator-subtle: #333538;\n --color-neutral-hover: #292b2e;\n --color-neutral-on-surface: rgba(109, 113, 120, 0.22);\n --color-neutral-disabled: #333538;\n --color-neutral-overflow: #242528;\n --color-neutral-icon: #bfc1c5;\n --color-neutral-icon-subtle: #6d7178;\n --color-neutral-icon-disabled: #4f5257;\n --color-neutral-field-border: #333538;\n --color-neutral-action-secondary: #4f5257;\n --color-neutral-action-secondary-hover: #6d7178;\n --color-neutral-action-secondary-active: #333538;\n --color-neutral-chip-background: #4f5257;\n --color-neutral-chip-background-hover: #6d7178;\n --color-neutral-chip-background-active: #9ea2a8;\n --color-neutral-chip-background-disabled: #9ea2a8;\n --color-neutral-large-tooltip-background: #242528;\n --color-neutral-large-tooltip-border: #333538;\n --color-neutral-small-tooltip-text: #ffffff;\n --color-neutral-small-tooltip-background: #242528;\n --color-neutral-small-tooltip-border: #333538;\n --color-neutral-overlay: #101114;\n --color-neutral-field-background: #0a0a0b;\n --color-neutral-text-placeholder: #6d7178;\n --color-primary-text: #6b9fff;\n --color-primary-text-interactive: #6b9fff;\n --color-primary-icon: #246dff;\n --color-primary-action: #528fff;\n --color-primary-action-hover: #7aa8ff;\n --color-primary-action-active: #246dff;\n --color-primary-field-border-active: #246dff;\n --color-primary-border-subtle: #1e52e0;\n --color-primary-background: #152447;\n --color-primary-background-subtle: #0f192f;\n --color-primary-background-hover: #1d41af;\n --color-primary-chip-background: #152447;\n --color-primary-chip-background-subtle: #0f192f;\n --color-primary-chip-background-hover: #1d41af;\n --color-primary-chip-text: #97bcff;\n --color-primary-shadow-active: #1e52e0;\n --color-primary-black-action: #ffffff;\n --color-primary-black-action-hover: #d2d3d6;\n --color-primary-black-action-active: #f4f4f5;\n --color-primary-black-background: #f4f4f5;\n --color-primary-black-background-hover: #edeeef;\n --color-primary-black-chip-text: #0a0a0b;\n --color-success-text: #3bb358;\n --color-success-icon: #23a64a;\n --color-success-background: #14441f;\n --color-success-background-hover: #00531e;\n --color-success-background-subtle: #09260f;\n --color-success-background-subtle-hover: #14441f;\n --color-success-background-subtle-active: #006e29;\n --color-success-chip-background: #14441f;\n --color-success-chip-background-hover: #00531e;\n --color-success-chip-text: #6ccd7c;\n --color-success-border: #068a35;\n --color-success-border-subtle: #006e29;\n --color-success-action: #23a64a;\n --color-success-action-hover: #3bb358;\n --color-success-action-active: #068a35;\n --color-warning-text: #f9ce4b;\n --color-warning-icon: #f9ce4b;\n --color-warning-background: #5d2e0e;\n --color-warning-background-hover: #6d3806;\n --color-warning-background-subtle: #301806;\n --color-warning-chip-background: #5d2e0e;\n --color-warning-chip-background-hover: #6d3806;\n --color-warning-chip-text: #ffd761;\n --color-warning-border: #a56909;\n --color-warning-border-subtle: #8a4f05;\n --color-warning-field-border: #cf9117;\n --color-danger-text: #ff7157;\n --color-danger-icon: #ef6045;\n --color-danger-background: #672523;\n --color-danger-background-hover: #812420;\n --color-danger-background-subtle: #381719;\n --color-danger-background-subtle-hover: #672523;\n --color-danger-background-subtle-active: #aa3229;\n --color-danger-chip-background: #672523;\n --color-danger-chip-background-hover: #812420;\n --color-danger-chip-text: #fe9e8a;\n --color-danger-border: #cf4436;\n --color-danger-border-subtle: #aa3229;\n --color-danger-field-border: #ef6045;\n --color-danger-action: #ef6045;\n --color-danger-action-hover: #ff7157;\n --color-danger-action-active: #cf4436;\n --color-special-free-plan-background: #9a4e2d;\n --color-special-starter-plan-background: #b87939;\n --color-special-scale-plan-background: #425484;\n --color-special-business-plan-background: #408288;\n --color-special-enterprise-plan-background: #48296f;\n --color-special-highlight: #152447;\n --color-rose-light: #e88bb3;\n --color-rose-base: #b8487b;\n --color-rose-dark: #6f234f;\n --color-rose-text: #ed8bb5;\n --color-buttercup-light: #f9deaa;\n --color-buttercup-base: #e5b557;\n --color-buttercup-dark: #b87939;\n --color-buttercup-text: #ebbf6c;\n --color-paprika-light: #e26c7d;\n --color-paprika-base: #9e384b;\n --color-paprika-dark: #511d27;\n --color-paprika-text: #f67c8d;\n --color-teal-light: #aef0f5;\n --color-teal-base: #58bcc4;\n --color-teal-dark: #408288;\n --color-teal-text: #62c1c8;\n --color-indigo-light: #a8b7ed;\n --color-indigo-base: #6d85ca;\n --color-indigo-dark: #425484;\n --color-indigo-text: #a2b2eb;\n --color-slate-light: #c2c5dc;\n --color-slate-base: #8690bf;\n --color-slate-dark: #535c81;\n --color-slate-text: #afb2c9;\n --color-coral-light: #f3ccb0;\n --color-coral-base: #f08848;\n --color-coral-dark: #9a4e2d;\n --color-coral-text: #f9b27b;\n --color-lavender-light: #b482ed;\n --color-lavender-base: #8148c9;\n --color-lavender-dark: #48296f;\n --color-lavender-text: #be8af9;\n --color-bamboo-light: #7acaa9;\n --color-bamboo-base: #439274;\n --color-bamboo-dark: #305b4a;\n --color-bamboo-text: #65bc99;\n\n --color-neutral-text: #dfdfdf;\n --color-neutral-text-muted: #a3a3a3;\n --color-neutral-text-subtle: #888888;\n --color-neutral-text-disabled: #454545;\n --color-neutral-text-on-primary: #161616;\n --color-neutral-icon-on-primary: #161616;\n --color-neutral-background: #020202;\n --color-neutral-background-muted: #0f0f0f;\n --color-neutral-background-subtle: #1d1d1d;\n --color-neutral-background-white: #f3f3f3;\n --color-neutral-card-background: #0f0f0f;\n --color-neutral-card-background-hover: #1d1d1d;\n --color-neutral-border: #2a2a2a;\n --color-neutral-separator-subtle: #
|
|
12
|
+
export declare const cssColorsVariablesBrandDark = "\n --color-neutral-text: #f4f4f5;\n --color-neutral-text-muted: #bfc1c5;\n --color-neutral-text-subtle: #9ea2a8;\n --color-neutral-text-disabled: #4f5257;\n --color-neutral-text-on-primary: #161718;\n --color-neutral-icon-on-primary: #161718;\n --color-neutral-background: #161718;\n --color-neutral-background-muted: #1f2123;\n --color-neutral-background-subtle: #242528;\n --color-neutral-background-white: #f4f4f5;\n --color-neutral-card-background: #1b1c1d;\n --color-neutral-card-background-hover: #1f2123;\n --color-neutral-border: #3d3f43;\n --color-neutral-separator-subtle: #333538;\n --color-neutral-hover: #292b2e;\n --color-neutral-on-surface: rgba(109, 113, 120, 0.22);\n --color-neutral-disabled: #333538;\n --color-neutral-overflow: #242528;\n --color-neutral-icon: #bfc1c5;\n --color-neutral-icon-subtle: #6d7178;\n --color-neutral-icon-disabled: #4f5257;\n --color-neutral-field-border: #333538;\n --color-neutral-action-secondary: #4f5257;\n --color-neutral-action-secondary-hover: #6d7178;\n --color-neutral-action-secondary-active: #333538;\n --color-neutral-chip-background: #4f5257;\n --color-neutral-chip-background-hover: #6d7178;\n --color-neutral-chip-background-active: #9ea2a8;\n --color-neutral-chip-background-disabled: #9ea2a8;\n --color-neutral-large-tooltip-background: #242528;\n --color-neutral-large-tooltip-border: #333538;\n --color-neutral-small-tooltip-text: #ffffff;\n --color-neutral-small-tooltip-background: #242528;\n --color-neutral-small-tooltip-border: #333538;\n --color-neutral-overlay: #101114;\n --color-neutral-field-background: #0a0a0b;\n --color-neutral-text-placeholder: #6d7178;\n --color-primary-text: #6b9fff;\n --color-primary-text-interactive: #6b9fff;\n --color-primary-icon: #246dff;\n --color-primary-action: #528fff;\n --color-primary-action-hover: #7aa8ff;\n --color-primary-action-active: #246dff;\n --color-primary-field-border-active: #246dff;\n --color-primary-border-subtle: #1e52e0;\n --color-primary-background: #152447;\n --color-primary-background-subtle: #0f192f;\n --color-primary-background-hover: #1d41af;\n --color-primary-chip-background: #152447;\n --color-primary-chip-background-subtle: #0f192f;\n --color-primary-chip-background-hover: #1d41af;\n --color-primary-chip-text: #97bcff;\n --color-primary-shadow-active: #1e52e0;\n --color-primary-black-action: #ffffff;\n --color-primary-black-action-hover: #d2d3d6;\n --color-primary-black-action-active: #f4f4f5;\n --color-primary-black-background: #f4f4f5;\n --color-primary-black-background-hover: #edeeef;\n --color-primary-black-chip-text: #0a0a0b;\n --color-success-text: #3bb358;\n --color-success-icon: #23a64a;\n --color-success-background: #14441f;\n --color-success-background-hover: #00531e;\n --color-success-background-subtle: #09260f;\n --color-success-background-subtle-hover: #14441f;\n --color-success-background-subtle-active: #006e29;\n --color-success-chip-background: #14441f;\n --color-success-chip-background-hover: #00531e;\n --color-success-chip-text: #6ccd7c;\n --color-success-border: #068a35;\n --color-success-border-subtle: #006e29;\n --color-success-action: #23a64a;\n --color-success-action-hover: #3bb358;\n --color-success-action-active: #068a35;\n --color-warning-text: #f9ce4b;\n --color-warning-icon: #f9ce4b;\n --color-warning-background: #5d2e0e;\n --color-warning-background-hover: #6d3806;\n --color-warning-background-subtle: #301806;\n --color-warning-chip-background: #5d2e0e;\n --color-warning-chip-background-hover: #6d3806;\n --color-warning-chip-text: #ffd761;\n --color-warning-border: #a56909;\n --color-warning-border-subtle: #8a4f05;\n --color-warning-field-border: #cf9117;\n --color-danger-text: #ff7157;\n --color-danger-icon: #ef6045;\n --color-danger-background: #672523;\n --color-danger-background-hover: #812420;\n --color-danger-background-subtle: #381719;\n --color-danger-background-subtle-hover: #672523;\n --color-danger-background-subtle-active: #aa3229;\n --color-danger-chip-background: #672523;\n --color-danger-chip-background-hover: #812420;\n --color-danger-chip-text: #fe9e8a;\n --color-danger-border: #cf4436;\n --color-danger-border-subtle: #aa3229;\n --color-danger-field-border: #ef6045;\n --color-danger-action: #ef6045;\n --color-danger-action-hover: #ff7157;\n --color-danger-action-active: #cf4436;\n --color-special-free-plan-background: #9a4e2d;\n --color-special-starter-plan-background: #b87939;\n --color-special-scale-plan-background: #425484;\n --color-special-business-plan-background: #408288;\n --color-special-enterprise-plan-background: #48296f;\n --color-special-highlight: #152447;\n --color-rose-light: #e88bb3;\n --color-rose-base: #b8487b;\n --color-rose-dark: #6f234f;\n --color-rose-text: #ed8bb5;\n --color-buttercup-light: #f9deaa;\n --color-buttercup-base: #e5b557;\n --color-buttercup-dark: #b87939;\n --color-buttercup-text: #ebbf6c;\n --color-paprika-light: #e26c7d;\n --color-paprika-base: #9e384b;\n --color-paprika-dark: #511d27;\n --color-paprika-text: #f67c8d;\n --color-teal-light: #aef0f5;\n --color-teal-base: #58bcc4;\n --color-teal-dark: #408288;\n --color-teal-text: #62c1c8;\n --color-indigo-light: #a8b7ed;\n --color-indigo-base: #6d85ca;\n --color-indigo-dark: #425484;\n --color-indigo-text: #a2b2eb;\n --color-slate-light: #c2c5dc;\n --color-slate-base: #8690bf;\n --color-slate-dark: #535c81;\n --color-slate-text: #afb2c9;\n --color-coral-light: #f3ccb0;\n --color-coral-base: #f08848;\n --color-coral-dark: #9a4e2d;\n --color-coral-text: #f9b27b;\n --color-lavender-light: #b482ed;\n --color-lavender-base: #8148c9;\n --color-lavender-dark: #48296f;\n --color-lavender-text: #be8af9;\n --color-bamboo-light: #7acaa9;\n --color-bamboo-base: #439274;\n --color-bamboo-dark: #305b4a;\n --color-bamboo-text: #65bc99;\n\n --color-neutral-text: #dfdfdf;\n --color-neutral-text-muted: #a3a3a3;\n --color-neutral-text-subtle: #888888;\n --color-neutral-text-disabled: #454545;\n --color-neutral-text-on-primary: #161616;\n --color-neutral-icon-on-primary: #161616;\n --color-neutral-background: #020202;\n --color-neutral-background-muted: #0f0f0f;\n --color-neutral-background-subtle: #1d1d1d;\n --color-neutral-background-white: #f3f3f3;\n --color-neutral-card-background: #0f0f0f;\n --color-neutral-card-background-hover: #1d1d1d;\n --color-neutral-border: #2a2a2a;\n --color-neutral-separator-subtle: #1d1d1d;\n --color-neutral-hover: #313131;\n --color-neutral-disabled: #383838;\n --color-neutral-overflow: #2a2a2a;\n --color-neutral-icon: #d8d8d8;\n --color-neutral-icon-subtle: #6d6d6d;\n --color-neutral-icon-disabled: #454545;\n --color-neutral-field-border: #454545;\n --color-neutral-action-secondary: #2a2a2a;\n --color-neutral-action-secondary-hover: #454545;\n --color-neutral-action-secondary-active: #454545;\n --color-neutral-chip-background: #606060;\n --color-neutral-chip-background-hover: #7b7b7b;\n --color-neutral-chip-background-active: #959595;\n --color-neutral-chip-background-disabled: #959595;\n --color-neutral-large-tooltip-background: #2a2a2a;\n --color-neutral-large-tooltip-border: #383838;\n --color-neutral-small-tooltip-text: #ffffff;\n --color-neutral-small-tooltip-background: #2a2a2a;\n --color-neutral-small-tooltip-border: #383838;\n --color-neutral-overlay: rgba(9, 9, 9, 0.7);\n --color-neutral-field-background: #0f0f0f;\n --color-neutral-text-placeholder: #7b7b7b;\n --color-neutral-on-surface: rgba(109, 113, 120, 0.22);\n";
|
|
13
13
|
//# sourceMappingURL=css_variables_brand_dark.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css_variables_brand_dark.d.ts","sourceRoot":"","sources":["../../../../src/design_system/colors/css_variables_brand_dark.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,2BAA2B,
|
|
1
|
+
{"version":3,"file":"css_variables_brand_dark.d.ts","sourceRoot":"","sources":["../../../../src/design_system/colors/css_variables_brand_dark.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,2BAA2B,q7OAA0D,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
|
-
export declare const tokens = "\n --color-neutral-text: #dfdfdf;\n --color-neutral-text-muted: #a3a3a3;\n --color-neutral-text-subtle: #888888;\n --color-neutral-text-disabled: #454545;\n --color-neutral-text-on-primary: #161616;\n --color-neutral-icon-on-primary: #161616;\n --color-neutral-background: #020202;\n --color-neutral-background-muted: #0f0f0f;\n --color-neutral-background-subtle: #1d1d1d;\n --color-neutral-background-white: #f3f3f3;\n --color-neutral-card-background: #0f0f0f;\n --color-neutral-card-background-hover: #1d1d1d;\n --color-neutral-border: #2a2a2a;\n --color-neutral-separator-subtle: #
|
|
4
|
+
export declare const tokens = "\n --color-neutral-text: #dfdfdf;\n --color-neutral-text-muted: #a3a3a3;\n --color-neutral-text-subtle: #888888;\n --color-neutral-text-disabled: #454545;\n --color-neutral-text-on-primary: #161616;\n --color-neutral-icon-on-primary: #161616;\n --color-neutral-background: #020202;\n --color-neutral-background-muted: #0f0f0f;\n --color-neutral-background-subtle: #1d1d1d;\n --color-neutral-background-white: #f3f3f3;\n --color-neutral-card-background: #0f0f0f;\n --color-neutral-card-background-hover: #1d1d1d;\n --color-neutral-border: #2a2a2a;\n --color-neutral-separator-subtle: #1d1d1d;\n --color-neutral-hover: #313131;\n --color-neutral-disabled: #383838;\n --color-neutral-overflow: #2a2a2a;\n --color-neutral-icon: #d8d8d8;\n --color-neutral-icon-subtle: #6d6d6d;\n --color-neutral-icon-disabled: #454545;\n --color-neutral-field-border: #454545;\n --color-neutral-action-secondary: #2a2a2a;\n --color-neutral-action-secondary-hover: #454545;\n --color-neutral-action-secondary-active: #454545;\n --color-neutral-chip-background: #606060;\n --color-neutral-chip-background-hover: #7b7b7b;\n --color-neutral-chip-background-active: #959595;\n --color-neutral-chip-background-disabled: #959595;\n --color-neutral-large-tooltip-background: #2a2a2a;\n --color-neutral-large-tooltip-border: #383838;\n --color-neutral-small-tooltip-text: #ffffff;\n --color-neutral-small-tooltip-background: #2a2a2a;\n --color-neutral-small-tooltip-border: #383838;\n --color-neutral-overlay: rgba(9, 9, 9, 0.7);\n --color-neutral-field-background: #0f0f0f;\n --color-neutral-text-placeholder: #7b7b7b;\n --color-neutral-on-surface: rgba(109, 113, 120, 0.22);\n";
|
|
5
5
|
//# sourceMappingURL=css_variables_brand_neutrals.dark.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css_variables_brand_neutrals.dark.d.ts","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables_brand_neutrals.dark.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"css_variables_brand_neutrals.dark.d.ts","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables_brand_neutrals.dark.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,0pDAsClB,CAAC"}
|
|
@@ -15,7 +15,7 @@ export const tokens = `
|
|
|
15
15
|
--color-neutral-card-background: #0f0f0f;
|
|
16
16
|
--color-neutral-card-background-hover: #1d1d1d;
|
|
17
17
|
--color-neutral-border: #2a2a2a;
|
|
18
|
-
--color-neutral-separator-subtle: #
|
|
18
|
+
--color-neutral-separator-subtle: #1d1d1d;
|
|
19
19
|
--color-neutral-hover: #313131;
|
|
20
20
|
--color-neutral-disabled: #383838;
|
|
21
21
|
--color-neutral-overflow: #2a2a2a;
|
|
@@ -35,7 +35,7 @@ export const tokens = `
|
|
|
35
35
|
--color-neutral-small-tooltip-text: #ffffff;
|
|
36
36
|
--color-neutral-small-tooltip-background: #2a2a2a;
|
|
37
37
|
--color-neutral-small-tooltip-border: #383838;
|
|
38
|
-
--color-neutral-overlay:
|
|
38
|
+
--color-neutral-overlay: rgba(9, 9, 9, 0.7);
|
|
39
39
|
--color-neutral-field-background: #0f0f0f;
|
|
40
40
|
--color-neutral-text-placeholder: #7b7b7b;
|
|
41
41
|
--color-neutral-on-surface: rgba(109, 113, 120, 0.22);
|
package/dist/src/test_ids.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ export { collapsibleCardTestIds } from './components/collapsible_card/collapsibl
|
|
|
8
8
|
export { dropdownTestIds } from './components/dropdown/dropdown.test_ids.js';
|
|
9
9
|
export { paginationTestIds } from './components/pagination/pagination.test_ids.js';
|
|
10
10
|
export { selectClearTestId } from './components/select/select.test_ids.js';
|
|
11
|
+
export { spinnerTestIds } from './components/spinner/spinner.test_ids.js';
|
|
11
12
|
export { storeActorHeaderTestIds } from './components/store/store_actor_header.test_ids.js';
|
|
12
13
|
export { tableTestIds } from './components/table/table.test_ids.js';
|
|
13
14
|
export { tabTestIds } from './components/tabs/tab.test_ids.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"test_ids.d.ts","sourceRoot":"","sources":["../../src/test_ids.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kEAAkE,CAAC;AAC3G,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AAC3G,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC;AAC/F,OAAO,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,uBAAuB,EAAE,MAAM,mDAAmD,CAAC;AAC5F,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC"}
|
|
1
|
+
{"version":3,"file":"test_ids.d.ts","sourceRoot":"","sources":["../../src/test_ids.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kEAAkE,CAAC;AAC3G,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AAC3G,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC;AAC/F,OAAO,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,mDAAmD,CAAC;AAC5F,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC"}
|
package/dist/src/test_ids.js
CHANGED
|
@@ -11,6 +11,7 @@ export { collapsibleCardTestIds } from './components/collapsible_card/collapsibl
|
|
|
11
11
|
export { dropdownTestIds } from './components/dropdown/dropdown.test_ids.js';
|
|
12
12
|
export { paginationTestIds } from './components/pagination/pagination.test_ids.js';
|
|
13
13
|
export { selectClearTestId } from './components/select/select.test_ids.js';
|
|
14
|
+
export { spinnerTestIds } from './components/spinner/spinner.test_ids.js';
|
|
14
15
|
export { storeActorHeaderTestIds } from './components/store/store_actor_header.test_ids.js';
|
|
15
16
|
export { tableTestIds } from './components/table/table.test_ids.js';
|
|
16
17
|
export { tabTestIds } from './components/tabs/tab.test_ids.js';
|
package/dist/src/test_ids.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"test_ids.js","sourceRoot":"","sources":["../../src/test_ids.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,kEAAkE;AAClE,uFAAuF;AACvF,OAAO,EAAE,uBAAuB,EAAE,MAAM,kEAAkE,CAAC;AAC3G,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AAC3G,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC;AAC/F,OAAO,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,uBAAuB,EAAE,MAAM,mDAAmD,CAAC;AAC5F,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC"}
|
|
1
|
+
{"version":3,"file":"test_ids.js","sourceRoot":"","sources":["../../src/test_ids.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,kEAAkE;AAClE,uFAAuF;AACvF,OAAO,EAAE,uBAAuB,EAAE,MAAM,kEAAkE,CAAC;AAC3G,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AAC3G,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC;AAC/F,OAAO,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,mDAAmD,CAAC;AAC5F,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC"}
|
package/dist/test_ids.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ export { collapsibleCardTestIds } from './components/collapsible_card/collapsibl
|
|
|
8
8
|
export { dropdownTestIds } from './components/dropdown/dropdown.test_ids.js';
|
|
9
9
|
export { paginationTestIds } from './components/pagination/pagination.test_ids.js';
|
|
10
10
|
export { selectClearTestId } from './components/select/select.test_ids.js';
|
|
11
|
+
export { spinnerTestIds } from './components/spinner/spinner.test_ids.js';
|
|
11
12
|
export { storeActorHeaderTestIds } from './components/store/store_actor_header.test_ids.js';
|
|
12
13
|
export { tableTestIds } from './components/table/table.test_ids.js';
|
|
13
14
|
export { tabTestIds } from './components/tabs/tab.test_ids.js';
|
package/dist/test_ids.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"test_ids.d.ts","sourceRoot":"","sources":["../src/test_ids.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kEAAkE,CAAC;AAC3G,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AAC3G,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC;AAC/F,OAAO,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,uBAAuB,EAAE,MAAM,mDAAmD,CAAC;AAC5F,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC"}
|
|
1
|
+
{"version":3,"file":"test_ids.d.ts","sourceRoot":"","sources":["../src/test_ids.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kEAAkE,CAAC;AAC3G,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AAC3G,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC;AAC/F,OAAO,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,mDAAmD,CAAC;AAC5F,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC"}
|
package/dist/test_ids.js
CHANGED
|
@@ -7,9 +7,10 @@ import { paginationTestIds } from "./components/pagination/pagination.test_ids.j
|
|
|
7
7
|
import { actorTemplateCardTestId } from "./components/actor_template_card/actor_template_card.test_ids.js";
|
|
8
8
|
import { tabTestIds } from "./components/tabs/tab.test_ids.js";
|
|
9
9
|
import { tabsTestIds } from "./components/tabs/tabs.test_ids.js";
|
|
10
|
+
import { spinnerTestIds } from "./components/spinner/spinner.test_ids.js";
|
|
10
11
|
import { storeActorHeaderTestIds } from "./components/store/store_actor_header.test_ids.js";
|
|
11
12
|
import { collapsibleCardTestIds } from "./components/collapsible_card/collapsible_card.test_ids.js";
|
|
12
13
|
import { selectClearTestId } from "./components/select/select.test_ids.js";
|
|
13
14
|
import { tableTestIds } from "./components/table/table.test_ids.js";
|
|
14
15
|
import { dropdownTestIds } from "./components/dropdown/dropdown.test_ids.js";
|
|
15
|
-
export { actionButtonTestIds, actorTemplateCardTestId, cardTestIds, codeBlockTabTestId, codeBlockTestIds, collapsibleCardTestIds, dropdownTestIds, oneLineCodeTestIds, paginationTestIds, prismHighlighterTestIds, selectClearTestId, storeActorHeaderTestIds, tabTestIds, tableTestIds, tabsTestIds };
|
|
16
|
+
export { actionButtonTestIds, actorTemplateCardTestId, cardTestIds, codeBlockTabTestId, codeBlockTestIds, collapsibleCardTestIds, dropdownTestIds, oneLineCodeTestIds, paginationTestIds, prismHighlighterTestIds, selectClearTestId, spinnerTestIds, storeActorHeaderTestIds, tabTestIds, tableTestIds, tabsTestIds };
|